From 67b0c657e10c6c8c112ad0b92fb631ec36b752e0 Mon Sep 17 00:00:00 2001 From: Brian Love Date: Fri, 15 May 2026 14:59:03 -0700 Subject: [PATCH 1/9] refactor(examples): migrate cockpit-langgraph-streaming-angular to Stage 2 theme sync --- .../streaming/angular/src/index.html | 3 +- .../streaming/angular/src/styles.css | 33 ++++--------------- 2 files changed, 7 insertions(+), 29 deletions(-) diff --git a/cockpit/langgraph/streaming/angular/src/index.html b/cockpit/langgraph/streaming/angular/src/index.html index 968fea49d..7c0b6f3dd 100644 --- a/cockpit/langgraph/streaming/angular/src/index.html +++ b/cockpit/langgraph/streaming/angular/src/index.html @@ -5,9 +5,8 @@ LangGraph Streaming — Angular - - + diff --git a/cockpit/langgraph/streaming/angular/src/styles.css b/cockpit/langgraph/streaming/angular/src/styles.css index 061c66cf8..d42cba930 100644 --- a/cockpit/langgraph/streaming/angular/src/styles.css +++ b/cockpit/langgraph/streaming/angular/src/styles.css @@ -1,30 +1,9 @@ -@import "../../../../../libs/design-tokens/src/lib/tokens.css"; -@import "tailwindcss"; -@source "../../../../../libs/chat/src/"; +@import "@ngaf/example-layouts/theme.css"; -@theme { - --color-bg: var(--ds-bg); - --color-surface: #ffffff; - --color-accent: var(--ds-accent); - --color-accent-light: var(--ds-accent-light); - --color-text-primary: var(--ds-text-primary); - --color-text-secondary: var(--ds-text-secondary); - --color-text-muted: var(--ds-text-muted); - --color-border: var(--ds-accent-border); - --color-error: #ef4444; - --color-success: #22c55e; - --font-sans: var(--ds-font-sans); - --font-serif: var(--ds-font-serif); - --font-mono: var(--ds-font-mono); -} - -*, *::before, *::after { box-sizing: border-box; } - -body { +html, body { + height: 100%; margin: 0; - font-family: var(--ds-font-sans); - background: var(--ds-bg); - color: var(--ds-text-primary); - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; + background: var(--ngaf-chat-bg); + color: var(--ngaf-chat-text); + font-family: var(--ngaf-chat-font-family); } From 206e53494690a63961d47fcb4bd21c4ab947b842 Mon Sep 17 00:00:00 2001 From: Brian Love Date: Fri, 15 May 2026 14:59:56 -0700 Subject: [PATCH 2/9] refactor(examples): migrate cockpit-langgraph-subgraphs-angular to Stage 2 theme sync --- .../angular/src/app/subgraphs.component.ts | 10 +++--- .../subgraphs/angular/src/index.html | 3 +- .../subgraphs/angular/src/styles.css | 33 ++++--------------- 3 files changed, 12 insertions(+), 34 deletions(-) diff --git a/cockpit/langgraph/subgraphs/angular/src/app/subgraphs.component.ts b/cockpit/langgraph/subgraphs/angular/src/app/subgraphs.component.ts index c1b9843ee..0d624c7db 100644 --- a/cockpit/langgraph/subgraphs/angular/src/app/subgraphs.component.ts +++ b/cockpit/langgraph/subgraphs/angular/src/app/subgraphs.component.ts @@ -25,19 +25,19 @@ import { environment } from '../environments/environment';
+ style="background: var(--ngaf-chat-bg); color: var(--ngaf-chat-text);">

Subagents

+ style="color: var(--ngaf-chat-text-muted);">Subagents @if (subagentEntries().length === 0) { -

No subagents active

+

No subagents active

} @for (entry of subagentEntries(); track entry.id) {
- {{ entry.id }} - {{ entry.msgCount }} msgs + {{ entry.id }} + {{ entry.msgCount }} msgs
}
diff --git a/cockpit/langgraph/subgraphs/angular/src/index.html b/cockpit/langgraph/subgraphs/angular/src/index.html index f38475630..45c3f1362 100644 --- a/cockpit/langgraph/subgraphs/angular/src/index.html +++ b/cockpit/langgraph/subgraphs/angular/src/index.html @@ -5,9 +5,8 @@ LangGraph Subgraphs — Angular - - + diff --git a/cockpit/langgraph/subgraphs/angular/src/styles.css b/cockpit/langgraph/subgraphs/angular/src/styles.css index 061c66cf8..d42cba930 100644 --- a/cockpit/langgraph/subgraphs/angular/src/styles.css +++ b/cockpit/langgraph/subgraphs/angular/src/styles.css @@ -1,30 +1,9 @@ -@import "../../../../../libs/design-tokens/src/lib/tokens.css"; -@import "tailwindcss"; -@source "../../../../../libs/chat/src/"; +@import "@ngaf/example-layouts/theme.css"; -@theme { - --color-bg: var(--ds-bg); - --color-surface: #ffffff; - --color-accent: var(--ds-accent); - --color-accent-light: var(--ds-accent-light); - --color-text-primary: var(--ds-text-primary); - --color-text-secondary: var(--ds-text-secondary); - --color-text-muted: var(--ds-text-muted); - --color-border: var(--ds-accent-border); - --color-error: #ef4444; - --color-success: #22c55e; - --font-sans: var(--ds-font-sans); - --font-serif: var(--ds-font-serif); - --font-mono: var(--ds-font-mono); -} - -*, *::before, *::after { box-sizing: border-box; } - -body { +html, body { + height: 100%; margin: 0; - font-family: var(--ds-font-sans); - background: var(--ds-bg); - color: var(--ds-text-primary); - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; + background: var(--ngaf-chat-bg); + color: var(--ngaf-chat-text); + font-family: var(--ngaf-chat-font-family); } From 7b46fb340a56aba5f072dd4b8e5a6e95558dab9f Mon Sep 17 00:00:00 2001 From: Brian Love Date: Fri, 15 May 2026 15:00:07 -0700 Subject: [PATCH 3/9] refactor(examples): migrate cockpit-langgraph-time-travel-angular to Stage 2 theme sync --- .../angular/src/app/time-travel.component.ts | 2 +- .../time-travel/angular/src/index.html | 3 +- .../time-travel/angular/src/styles.css | 33 ++++--------------- 3 files changed, 8 insertions(+), 30 deletions(-) diff --git a/cockpit/langgraph/time-travel/angular/src/app/time-travel.component.ts b/cockpit/langgraph/time-travel/angular/src/app/time-travel.component.ts index aff684da8..6d8c53026 100644 --- a/cockpit/langgraph/time-travel/angular/src/app/time-travel.component.ts +++ b/cockpit/langgraph/time-travel/angular/src/app/time-travel.component.ts @@ -27,7 +27,7 @@ import { environment } from '../environments/environment';

diff --git a/cockpit/langgraph/time-travel/angular/src/index.html b/cockpit/langgraph/time-travel/angular/src/index.html index 1c99aad7e..b7eef6f95 100644 --- a/cockpit/langgraph/time-travel/angular/src/index.html +++ b/cockpit/langgraph/time-travel/angular/src/index.html @@ -5,9 +5,8 @@ LangGraph Time Travel — Angular - - + diff --git a/cockpit/langgraph/time-travel/angular/src/styles.css b/cockpit/langgraph/time-travel/angular/src/styles.css index 061c66cf8..d42cba930 100644 --- a/cockpit/langgraph/time-travel/angular/src/styles.css +++ b/cockpit/langgraph/time-travel/angular/src/styles.css @@ -1,30 +1,9 @@ -@import "../../../../../libs/design-tokens/src/lib/tokens.css"; -@import "tailwindcss"; -@source "../../../../../libs/chat/src/"; +@import "@ngaf/example-layouts/theme.css"; -@theme { - --color-bg: var(--ds-bg); - --color-surface: #ffffff; - --color-accent: var(--ds-accent); - --color-accent-light: var(--ds-accent-light); - --color-text-primary: var(--ds-text-primary); - --color-text-secondary: var(--ds-text-secondary); - --color-text-muted: var(--ds-text-muted); - --color-border: var(--ds-accent-border); - --color-error: #ef4444; - --color-success: #22c55e; - --font-sans: var(--ds-font-sans); - --font-serif: var(--ds-font-serif); - --font-mono: var(--ds-font-mono); -} - -*, *::before, *::after { box-sizing: border-box; } - -body { +html, body { + height: 100%; margin: 0; - font-family: var(--ds-font-sans); - background: var(--ds-bg); - color: var(--ds-text-primary); - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; + background: var(--ngaf-chat-bg); + color: var(--ngaf-chat-text); + font-family: var(--ngaf-chat-font-family); } From 54f9ea4417c9edd43524eb1210be499bd17f587d Mon Sep 17 00:00:00 2001 From: Brian Love Date: Fri, 15 May 2026 15:02:11 -0700 Subject: [PATCH 4/9] refactor(examples): migrate cockpit-langgraph-deployment-runtime-angular to Stage 2 theme sync --- .../deployment-runtime/angular/src/index.html | 3 +- .../deployment-runtime/angular/src/styles.css | 33 ++++--------------- 2 files changed, 7 insertions(+), 29 deletions(-) diff --git a/cockpit/langgraph/deployment-runtime/angular/src/index.html b/cockpit/langgraph/deployment-runtime/angular/src/index.html index 5290cf4af..3230a699b 100644 --- a/cockpit/langgraph/deployment-runtime/angular/src/index.html +++ b/cockpit/langgraph/deployment-runtime/angular/src/index.html @@ -5,9 +5,8 @@ LangGraph Deployment & Runtime — Angular - - + diff --git a/cockpit/langgraph/deployment-runtime/angular/src/styles.css b/cockpit/langgraph/deployment-runtime/angular/src/styles.css index 061c66cf8..d42cba930 100644 --- a/cockpit/langgraph/deployment-runtime/angular/src/styles.css +++ b/cockpit/langgraph/deployment-runtime/angular/src/styles.css @@ -1,30 +1,9 @@ -@import "../../../../../libs/design-tokens/src/lib/tokens.css"; -@import "tailwindcss"; -@source "../../../../../libs/chat/src/"; +@import "@ngaf/example-layouts/theme.css"; -@theme { - --color-bg: var(--ds-bg); - --color-surface: #ffffff; - --color-accent: var(--ds-accent); - --color-accent-light: var(--ds-accent-light); - --color-text-primary: var(--ds-text-primary); - --color-text-secondary: var(--ds-text-secondary); - --color-text-muted: var(--ds-text-muted); - --color-border: var(--ds-accent-border); - --color-error: #ef4444; - --color-success: #22c55e; - --font-sans: var(--ds-font-sans); - --font-serif: var(--ds-font-serif); - --font-mono: var(--ds-font-mono); -} - -*, *::before, *::after { box-sizing: border-box; } - -body { +html, body { + height: 100%; margin: 0; - font-family: var(--ds-font-sans); - background: var(--ds-bg); - color: var(--ds-text-primary); - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; + background: var(--ngaf-chat-bg); + color: var(--ngaf-chat-text); + font-family: var(--ngaf-chat-font-family); } From efc247474abcb421adfbb66db6b06881b5932cc4 Mon Sep 17 00:00:00 2001 From: Brian Love Date: Fri, 15 May 2026 15:02:55 -0700 Subject: [PATCH 5/9] refactor(examples): migrate cockpit-langgraph-memory-angular to Stage 2 theme sync --- .../angular/src/app/memory.component.ts | 10 +++--- .../langgraph/memory/angular/src/index.html | 3 +- .../langgraph/memory/angular/src/styles.css | 33 ++++--------------- 3 files changed, 12 insertions(+), 34 deletions(-) diff --git a/cockpit/langgraph/memory/angular/src/app/memory.component.ts b/cockpit/langgraph/memory/angular/src/app/memory.component.ts index 4d0fcb791..148b4f212 100644 --- a/cockpit/langgraph/memory/angular/src/app/memory.component.ts +++ b/cockpit/langgraph/memory/angular/src/app/memory.component.ts @@ -25,16 +25,16 @@ import { environment } from '../environments/environment';
+ style="background: var(--ngaf-chat-bg); color: var(--ngaf-chat-text);">

Learned Facts

+ style="color: var(--ngaf-chat-text-muted);">Learned Facts

@if (memoryEntries().length === 0) { -

No facts learned yet

+

No facts learned yet

} @for (entry of memoryEntries(); track entry[0]) {
- {{ entry[0] }}: - {{ entry[1] }} + {{ entry[0] }}: + {{ entry[1] }}
}
diff --git a/cockpit/langgraph/memory/angular/src/index.html b/cockpit/langgraph/memory/angular/src/index.html index ffaedb18d..4afbef36b 100644 --- a/cockpit/langgraph/memory/angular/src/index.html +++ b/cockpit/langgraph/memory/angular/src/index.html @@ -5,9 +5,8 @@ LangGraph Memory — Angular - - + diff --git a/cockpit/langgraph/memory/angular/src/styles.css b/cockpit/langgraph/memory/angular/src/styles.css index 061c66cf8..d42cba930 100644 --- a/cockpit/langgraph/memory/angular/src/styles.css +++ b/cockpit/langgraph/memory/angular/src/styles.css @@ -1,30 +1,9 @@ -@import "../../../../../libs/design-tokens/src/lib/tokens.css"; -@import "tailwindcss"; -@source "../../../../../libs/chat/src/"; +@import "@ngaf/example-layouts/theme.css"; -@theme { - --color-bg: var(--ds-bg); - --color-surface: #ffffff; - --color-accent: var(--ds-accent); - --color-accent-light: var(--ds-accent-light); - --color-text-primary: var(--ds-text-primary); - --color-text-secondary: var(--ds-text-secondary); - --color-text-muted: var(--ds-text-muted); - --color-border: var(--ds-accent-border); - --color-error: #ef4444; - --color-success: #22c55e; - --font-sans: var(--ds-font-sans); - --font-serif: var(--ds-font-serif); - --font-mono: var(--ds-font-mono); -} - -*, *::before, *::after { box-sizing: border-box; } - -body { +html, body { + height: 100%; margin: 0; - font-family: var(--ds-font-sans); - background: var(--ds-bg); - color: var(--ds-text-primary); - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; + background: var(--ngaf-chat-bg); + color: var(--ngaf-chat-text); + font-family: var(--ngaf-chat-font-family); } From 941c6767172a2b3db530a941d68577bf5b01995f Mon Sep 17 00:00:00 2001 From: Brian Love Date: Fri, 15 May 2026 15:03:18 -0700 Subject: [PATCH 6/9] refactor(examples): migrate cockpit-langgraph-durable-execution-angular to Stage 2 theme sync --- .../src/app/durable-execution.component.ts | 12 +++---- .../src/app/views/step-pipeline.component.ts | 22 ++++++------- .../durable-execution/angular/src/index.html | 3 +- .../durable-execution/angular/src/styles.css | 33 ++++--------------- 4 files changed, 24 insertions(+), 46 deletions(-) diff --git a/cockpit/langgraph/durable-execution/angular/src/app/durable-execution.component.ts b/cockpit/langgraph/durable-execution/angular/src/app/durable-execution.component.ts index 394994a06..5dfd93626 100644 --- a/cockpit/langgraph/durable-execution/angular/src/app/durable-execution.component.ts +++ b/cockpit/langgraph/durable-execution/angular/src/app/durable-execution.component.ts @@ -42,9 +42,9 @@ const STEP_LABELS: Record = {
+ style="background: var(--ngaf-chat-bg); color: var(--ngaf-chat-text);">

Pipeline

+ style="color: var(--ngaf-chat-text-muted);">Pipeline
@for (step of steps(); track step.id; let last = $last) { @@ -68,15 +68,15 @@ const STEP_LABELS: Record = { } @default {
-
+ style="border-color: var(--ngaf-chat-text-muted);"> +
} } @if (!last) {
+ [style.background]="step.status === 'complete' ? '#16a34a' : 'var(--ngaf-chat-text-muted)'">
}
@@ -84,7 +84,7 @@ const STEP_LABELS: Record = { + [style.color]="step.status === 'pending' ? 'var(--ngaf-chat-text-muted)' : ''"> {{ step.label }}
diff --git a/cockpit/langgraph/durable-execution/angular/src/app/views/step-pipeline.component.ts b/cockpit/langgraph/durable-execution/angular/src/app/views/step-pipeline.component.ts index d7a3db81d..cf8ff6c3d 100644 --- a/cockpit/langgraph/durable-execution/angular/src/app/views/step-pipeline.component.ts +++ b/cockpit/langgraph/durable-execution/angular/src/app/views/step-pipeline.component.ts @@ -9,7 +9,7 @@ interface PipelineStep { selector: 'step-pipeline', standalone: true, template: ` -
+
@for (step of steps(); track step.label; let i = $index; let last = $last) { @@ -18,7 +18,7 @@ interface PipelineStep { @switch (step.status) { @case ('complete') {
+ style="background: var(--ngaf-chat-success, #16a34a);"> @@ -26,24 +26,24 @@ interface PipelineStep { } @case ('active') {
-
+ style="border-color: var(--ngaf-chat-warning-text, #f59e0b); animation-duration: 1.2s;"> +
} @default {
-
+ style="border-color: var(--ngaf-chat-text-muted, #555);"> +
} } {{ step.label }} @@ -53,8 +53,8 @@ interface PipelineStep { @if (!last) {
+ ? 'var(--ngaf-chat-success, #16a34a)' + : 'var(--ngaf-chat-text-muted, #555)'">
} } diff --git a/cockpit/langgraph/durable-execution/angular/src/index.html b/cockpit/langgraph/durable-execution/angular/src/index.html index 014c5c510..5c9a85731 100644 --- a/cockpit/langgraph/durable-execution/angular/src/index.html +++ b/cockpit/langgraph/durable-execution/angular/src/index.html @@ -5,9 +5,8 @@ LangGraph Durable Execution — Angular - - + diff --git a/cockpit/langgraph/durable-execution/angular/src/styles.css b/cockpit/langgraph/durable-execution/angular/src/styles.css index 061c66cf8..d42cba930 100644 --- a/cockpit/langgraph/durable-execution/angular/src/styles.css +++ b/cockpit/langgraph/durable-execution/angular/src/styles.css @@ -1,30 +1,9 @@ -@import "../../../../../libs/design-tokens/src/lib/tokens.css"; -@import "tailwindcss"; -@source "../../../../../libs/chat/src/"; +@import "@ngaf/example-layouts/theme.css"; -@theme { - --color-bg: var(--ds-bg); - --color-surface: #ffffff; - --color-accent: var(--ds-accent); - --color-accent-light: var(--ds-accent-light); - --color-text-primary: var(--ds-text-primary); - --color-text-secondary: var(--ds-text-secondary); - --color-text-muted: var(--ds-text-muted); - --color-border: var(--ds-accent-border); - --color-error: #ef4444; - --color-success: #22c55e; - --font-sans: var(--ds-font-sans); - --font-serif: var(--ds-font-serif); - --font-mono: var(--ds-font-mono); -} - -*, *::before, *::after { box-sizing: border-box; } - -body { +html, body { + height: 100%; margin: 0; - font-family: var(--ds-font-sans); - background: var(--ds-bg); - color: var(--ds-text-primary); - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; + background: var(--ngaf-chat-bg); + color: var(--ngaf-chat-text); + font-family: var(--ngaf-chat-font-family); } From 4e8796caae1427ea9741921ea07ba491c0c3307f Mon Sep 17 00:00:00 2001 From: Brian Love Date: Fri, 15 May 2026 15:07:04 -0700 Subject: [PATCH 7/9] refactor(examples): migrate cockpit-langgraph-persistence-angular to Stage 2 theme sync --- .../persistence/angular/src/index.html | 3 +- .../persistence/angular/src/styles.css | 33 ++++--------------- 2 files changed, 7 insertions(+), 29 deletions(-) diff --git a/cockpit/langgraph/persistence/angular/src/index.html b/cockpit/langgraph/persistence/angular/src/index.html index 60367d98e..aa3076845 100644 --- a/cockpit/langgraph/persistence/angular/src/index.html +++ b/cockpit/langgraph/persistence/angular/src/index.html @@ -5,9 +5,8 @@ LangGraph Persistence — Angular - - + diff --git a/cockpit/langgraph/persistence/angular/src/styles.css b/cockpit/langgraph/persistence/angular/src/styles.css index 061c66cf8..d42cba930 100644 --- a/cockpit/langgraph/persistence/angular/src/styles.css +++ b/cockpit/langgraph/persistence/angular/src/styles.css @@ -1,30 +1,9 @@ -@import "../../../../../libs/design-tokens/src/lib/tokens.css"; -@import "tailwindcss"; -@source "../../../../../libs/chat/src/"; +@import "@ngaf/example-layouts/theme.css"; -@theme { - --color-bg: var(--ds-bg); - --color-surface: #ffffff; - --color-accent: var(--ds-accent); - --color-accent-light: var(--ds-accent-light); - --color-text-primary: var(--ds-text-primary); - --color-text-secondary: var(--ds-text-secondary); - --color-text-muted: var(--ds-text-muted); - --color-border: var(--ds-accent-border); - --color-error: #ef4444; - --color-success: #22c55e; - --font-sans: var(--ds-font-sans); - --font-serif: var(--ds-font-serif); - --font-mono: var(--ds-font-mono); -} - -*, *::before, *::after { box-sizing: border-box; } - -body { +html, body { + height: 100%; margin: 0; - font-family: var(--ds-font-sans); - background: var(--ds-bg); - color: var(--ds-text-primary); - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; + background: var(--ngaf-chat-bg); + color: var(--ngaf-chat-text); + font-family: var(--ngaf-chat-font-family); } From e63ed1c2af003d2f9608fe9beac259c3dfd1c81a Mon Sep 17 00:00:00 2001 From: Brian Love Date: Fri, 15 May 2026 15:09:32 -0700 Subject: [PATCH 8/9] refactor(examples): migrate cockpit-langgraph-interrupts-angular to Stage 2 theme sync --- .../angular/src/app/interrupts.component.ts | 2 +- .../src/app/views/approval-card.component.ts | 16 ++++----- .../interrupts/angular/src/index.html | 3 +- .../interrupts/angular/src/styles.css | 33 ++++--------------- 4 files changed, 16 insertions(+), 38 deletions(-) diff --git a/cockpit/langgraph/interrupts/angular/src/app/interrupts.component.ts b/cockpit/langgraph/interrupts/angular/src/app/interrupts.component.ts index 09a63e329..0067a4759 100644 --- a/cockpit/langgraph/interrupts/angular/src/app/interrupts.component.ts +++ b/cockpit/langgraph/interrupts/angular/src/app/interrupts.component.ts @@ -28,7 +28,7 @@ import { ApprovalCardComponent } from './views/approval-card.component';
@if (agent.interrupt()) { -
+
} diff --git a/cockpit/langgraph/interrupts/angular/src/app/views/approval-card.component.ts b/cockpit/langgraph/interrupts/angular/src/app/views/approval-card.component.ts index 40f0c6dba..87f521b01 100644 --- a/cockpit/langgraph/interrupts/angular/src/app/views/approval-card.component.ts +++ b/cockpit/langgraph/interrupts/angular/src/app/views/approval-card.component.ts @@ -4,10 +4,10 @@ import { Component, input } from '@angular/core'; selector: 'approval-card', standalone: true, template: ` -
+
+ style="background: var(--ngaf-chat-warning-bg); color: var(--ngaf-chat-warning-text);"> @@ -17,28 +17,28 @@ import { Component, input } from '@angular/core';
-

{{ description() }}

+

{{ description() }}

diff --git a/cockpit/langgraph/interrupts/angular/src/index.html b/cockpit/langgraph/interrupts/angular/src/index.html index d32fdb39e..2e3208a85 100644 --- a/cockpit/langgraph/interrupts/angular/src/index.html +++ b/cockpit/langgraph/interrupts/angular/src/index.html @@ -5,9 +5,8 @@ LangGraph Interrupts — Angular - - + diff --git a/cockpit/langgraph/interrupts/angular/src/styles.css b/cockpit/langgraph/interrupts/angular/src/styles.css index 061c66cf8..d42cba930 100644 --- a/cockpit/langgraph/interrupts/angular/src/styles.css +++ b/cockpit/langgraph/interrupts/angular/src/styles.css @@ -1,30 +1,9 @@ -@import "../../../../../libs/design-tokens/src/lib/tokens.css"; -@import "tailwindcss"; -@source "../../../../../libs/chat/src/"; +@import "@ngaf/example-layouts/theme.css"; -@theme { - --color-bg: var(--ds-bg); - --color-surface: #ffffff; - --color-accent: var(--ds-accent); - --color-accent-light: var(--ds-accent-light); - --color-text-primary: var(--ds-text-primary); - --color-text-secondary: var(--ds-text-secondary); - --color-text-muted: var(--ds-text-muted); - --color-border: var(--ds-accent-border); - --color-error: #ef4444; - --color-success: #22c55e; - --font-sans: var(--ds-font-sans); - --font-serif: var(--ds-font-serif); - --font-mono: var(--ds-font-mono); -} - -*, *::before, *::after { box-sizing: border-box; } - -body { +html, body { + height: 100%; margin: 0; - font-family: var(--ds-font-sans); - background: var(--ds-bg); - color: var(--ds-text-primary); - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; + background: var(--ngaf-chat-bg); + color: var(--ngaf-chat-text); + font-family: var(--ngaf-chat-font-family); } From 1c9eece1c3d4e4c9528d885223fb6d971d6425d0 Mon Sep 17 00:00:00 2001 From: Brian Love Date: Fri, 15 May 2026 15:16:08 -0700 Subject: [PATCH 9/9] =?UTF-8?q?refactor(examples):=20consistent=20--chat-*?= =?UTF-8?q?=20=E2=86=92=20--ngaf-chat-*=20sweep=20across=20langgraph=20wav?= =?UTF-8?q?e?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Three apps (time-travel, persistence, subgraphs) had additional dead --chat-* variable references beyond the spec's mapping table that the parallel subagents left untouched. Sweep applies the proven mapping consistent with how durable-execution and langgraph-interrupts handled their analogous cases: --chat-text → --ngaf-chat-text --chat-bg → --ngaf-chat-bg --chat-text-muted → --ngaf-chat-text-muted --chat-border → --ngaf-chat-separator --chat-bg-alt → --ngaf-chat-surface-alt --chat-bg-hover → --ngaf-chat-surface-alt --chat-input-focus-border → --ngaf-chat-primary --chat-send-bg → --ngaf-chat-primary --chat-send-text → --ngaf-chat-on-primary --chat-success → --ngaf-chat-success --chat-error-text → --ngaf-chat-error-text --chat-warning-text → --ngaf-chat-warning-text All 8 langgraph apps now build clean with zero dead --chat-* refs. Co-Authored-By: Claude Opus 4.7 --- .../angular/src/app/persistence.component.ts | 14 +++++------ .../angular/src/app/subgraphs.component.ts | 2 +- .../angular/src/app/time-travel.component.ts | 24 +++++++++---------- 3 files changed, 20 insertions(+), 20 deletions(-) diff --git a/cockpit/langgraph/persistence/angular/src/app/persistence.component.ts b/cockpit/langgraph/persistence/angular/src/app/persistence.component.ts index 0d98c1312..e3d97e0fb 100644 --- a/cockpit/langgraph/persistence/angular/src/app/persistence.component.ts +++ b/cockpit/langgraph/persistence/angular/src/app/persistence.component.ts @@ -30,11 +30,11 @@ interface Thread {
Threads
@@ -44,9 +44,9 @@ interface Thread {
-
+