feat(nouser-explorer): integración al stack yahweh themed
Iter 10. nouser-explorer (paralela a nakui-explorer pero para ver
Mónadas via daemon nouser) tenía colors hardcoded idénticos al
patrón previo. Aplico el mismo refactor: theme global instalado,
chrome a slots, widgets compartidos.
- Nuevas deps: yahweh-theme + 3 widgets (banner, card,
theme-switcher).
- main() instala Theme::install_default.
- render: 4 vars rgb() chrome → theme slots.
- Header: flex_row + theme switcher a la derecha (mismo pattern
que nakui-explorer).
- error_banner: div hardcoded → banner_themed(Error).
- 2 cards (Engine/Monad): div().flex_col().p().bg().rounded()...
→ card_themed(cx).border_l_4().border_color(accent).
- Accents semánticos (engine cyan, data purple) quedan locales
como señales de dominio.
Las dos apps explorer del repo ahora comparten paleta themed +
switcher común.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2f426b017111ccd82343188daa813e598fbe8509 · por Sergio · 2026-05-10T11:09:33Z (hace 5 meses) · padre ea074d7d5ver el árbol en este commit
Delta semántico · 2
crates/apps/nouser-explorer/src/main.rs
cambió por dentro fn main cambió de firma fn render
diff --git a/CHANGELOG.md b/CHANGELOG.md
index ecbbc1a..1343cfe 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -6,6 +6,43 @@ ratio/diff ver `git show <sha>`.
## 2026-05-10
+### feat(nouser-explorer): integración al stack yahweh themed
+Iter 10. `nouser-explorer` (la app paralela a `nakui-explorer`
+para ver Mónadas via daemon nouser) tenía colors hardcoded
+idénticos al patrón previo. Aplico el mismo refactor que se hizo
+para `nakui-explorer` en iter 4: instala el theme global, migra
+chrome a slots, usa los widgets `banner_themed` / `card_themed` /
+`theme_switcher`.
+
+Cambios en `nouser-explorer`:
+- **Nuevas deps**: `yahweh-theme`, `yahweh-widget-banner`,
+ `yahweh-widget-card`, `yahweh-widget-theme-switcher`.
+- **`main()`**: `Theme::install_default(cx)` antes de
+ `cx.open_window`.
+- **`render`**: 4 vars `let X = rgb(...)` (chrome) → theme slots
+ (`bg_app`/`fg_text`/`fg_muted`/`bg_panel`/`border`).
+- **Header**: gana flex_row + theme switcher en la derecha (mismo
+ pattern que nakui-explorer).
+- **`error_banner`**: pasa de div hardcoded a `banner_themed(cx,
+ Banner::Error, ...)` con override de padding (16/8) por
+ convención del header.
+- **2 cards de Engine y Monad**: pasan de `div().flex().flex_col()
+ .p().mb().bg(card_bg).rounded().border_l_4().border_color()...`
+ a `card_themed(cx).border_l_4().border_color(accent)...`.
+- **Acentos semánticos**: `accent_engine` (cyan, las "máquinas")
+ y `accent_data` (purple, las Mónadas) quedan locales — son
+ señales del dominio nouser, no del chrome.
+
+Tests: workspace stack intacto. nouser-explorer no tiene tests
+propios (siempre fue una vista live del daemon, sin lógica
+testable separada).
+
+Beneficio operativo: las dos apps explorer del repo
+(`nakui-explorer` para event log + `nouser-explorer` para Mónadas)
+ahora comparten la misma paleta themed + el mismo control de
+switcher. Si un usuario las corre lado a lado, la consistencia
+visual emerge sola.
+
### feat(yahweh): caret blinking + slots ornament en theme + MetaApp full themed
Iters 8-9 combinadas. Tres mejoras pequeñas que cierran la
integración del theme:
diff --git a/Cargo.lock b/Cargo.lock
index 9970626..a1f1b43 100644
--- a/Cargo.lock
+++ b/Cargo.lock
@@ -6857,6 +6857,10 @@ dependencies = [
"brahman-sidecar",
"gpui",
"nouser-card",
+ "yahweh-theme",
+ "yahweh-widget-banner",
+ "yahweh-widget-card",
+ "yahweh-widget-theme-switcher",
]
[[package]]
diff --git a/crates/apps/nouser-explorer/Cargo.toml b/crates/apps/nouser-explorer/Cargo.toml
index a3befc9..9e0490b 100644
--- a/crates/apps/nouser-explorer/Cargo.toml
+++ b/crates/apps/nouser-explorer/Cargo.toml
@@ -9,6 +9,10 @@ description = "Explorador GPUI de Mónadas: panel que descubre al daemon nouser
brahman-card = { path = "../../core/brahman-card" }
brahman-sidecar = { path = "../../shared/brahman-sidecar" }
nouser-card = { path = "../../modules/nouser/card" }
+yahweh-theme = { path = "../../modules/ui_engine/libs/theme" }
+yahweh-widget-banner = { path = "../../modules/ui_engine/widgets/banner" }
+yahweh-widget-card = { path = "../../modules/ui_engine/widgets/card" }
+yahweh-widget-theme-switcher = { path = "../../modules/ui_engine/widgets/theme-switcher" }
gpui = { workspace = true }
[[bin]]
diff --git a/crates/apps/nouser-explorer/src/main.rs b/crates/apps/nouser-explorer/src/main.rs
index 16b0021..3404519 100644
--- a/crates/apps/nouser-explorer/src/main.rs
+++ b/crates/apps/nouser-explorer/src/main.rs
@@ -29,6 +29,10 @@ use gpui::{
use nouser_card::query::client as query_client;
use nouser_card::query::{transport, ListMonadsResponse, FLOW_MONAD_LIST, FLOW_TYPE_NAME};
use nouser_card::Lens;
+use yahweh_theme::Theme;
+use yahweh_widget_banner::{banner_themed, Banner};
+use yahweh_widget_card::card_themed;
+use yahweh_widget_theme_switcher::theme_switcher;
const REFRESH_INTERVAL: Duration = Duration::from_secs(2);
const DISCOVERY_TIMEOUT: Duration = Duration::from_secs(3);
@@ -36,6 +40,9 @@ const QUERY_TIMEOUT: Duration = Duration::from_secs(2);
fn main() {
Application::new().run(|cx: &mut App| {
+ // Theme global instalado al boot — los widgets themed lo
+ // requieren y unifica el chrome del app.
+ Theme::install_default(cx);
let bounds = Bounds::centered(None, gpui::size(px(900.), px(640.)), cx);
cx.open_window(
WindowOptions {
@@ -192,11 +199,14 @@ fn discover_via_broker() -> Result<PathBuf, ConsumerError> {
}
impl Render for Explorer {
- fn render(&mut self, _w: &mut Window, _cx: &mut Context<Self>) -> impl IntoElement {
- let bg = rgb(0x14171c);
- let card_bg = rgb(0x1d2128);
- let text_dim = rgb(0x9ba1ad);
- let text = rgb(0xe6e8ec);
+ fn render(&mut self, _w: &mut Window, cx: &mut Context<Self>) -> impl IntoElement {
+ // Chrome viene del Theme global; los acentos por kind
+ // (engine cyan, data purple) son señales semánticas del
+ // dominio nouser y se mantienen locales.
+ let theme = Theme::global(cx).clone();
+ let bg = theme.bg_app.clone();
+ let text = theme.fg_text;
+ let text_dim = theme.fg_muted;
let accent_engine = rgb(0x88c0d0);
let accent_data = rgb(0xb48ead);
@@ -216,24 +226,27 @@ impl Render for Explorer {
_ => "Buscando daemon nouser vía brahman-broker…".to_string(),
};
+ // Header con título a la izquierda + theme switcher a la
+ // derecha (mismo pattern que nakui-explorer).
let header = div()
+ .flex()
+ .flex_row()
+ .items_center()
.px(px(16.))
.py(px(12.))
- .bg(card_bg)
+ .bg(theme.bg_panel.clone())
.border_b_1()
- .border_color(rgb(0x2a2f38))
+ .border_color(theme.border)
.text_color(text)
.text_size(px(14.))
- .child(header_text);
+ .child(div().flex_grow().child(header_text))
+ .child(theme_switcher(cx));
let error_banner = self.error.as_ref().map(|e| {
- div()
+ banner_themed(cx, Banner::Error, e.clone())
.px(px(16.))
.py(px(8.))
- .bg(rgb(0x4a2020))
- .text_color(rgb(0xffd0d0))
.text_size(px(12.))
- .child(e.clone())
});
let cards: Vec<gpui::AnyElement> = match &self.snapshot {
@@ -243,16 +256,9 @@ impl Render for Explorer {
// Engine card primero — el "ser" que owns las Mónadas.
out.push(
- div()
- .flex()
- .flex_col()
- .p(px(12.))
- .mb(px(8.))
- .bg(card_bg)
- .rounded(px(6.))
+ card_themed(cx)
.border_l_4()
.border_color(accent_engine)
- .gap(px(2.))
.child(
div()
.flex()
@@ -305,16 +311,9 @@ impl Render for Explorer {
.map(|m| format!("model: {m}"));
out.push(
- div()
- .flex()
- .flex_col()
- .p(px(12.))
- .mb(px(8.))
- .bg(card_bg)
- .rounded(px(6.))
+ card_themed(cx)
.border_l_4()
.border_color(accent_data)
- .gap(px(2.))
.child(
div()
.flex()