@nadicodeai/design-system 0.21.0 → 1.0.0

package/dist/css/index.css

@@ -53,6 +53,8 @@
     --nc-canvas: oklch(1.0000 0.0000 0.00);
     --nc-canvas-soft: oklch(0.9851 0.0000 0.00);
     --nc-canvas-soft-2: oklch(0.9702 0.0000 0.00);
+    --nc-material-workspace: oklch(0.9761 0.0000 0.00);
+    --nc-material-solid: oklch(1.0000 0.0000 0.00);
     --nc-line: oklch(0.9219 0.0000 0.00);
     --nc-input: oklch(0.5624 0.0000 0.00);
     --nc-seam: oklch(0.8699 0.0000 0.00);
@@ -112,6 +114,8 @@
     --nc-dark-canvas: oklch(0.0000 0.0000 0.00);
     --nc-dark-canvas-soft: oklch(0.1776 0.0000 0.00);
     --nc-dark-canvas-soft-2: oklch(0.2178 0.0000 0.00);
+    --nc-dark-material-workspace: oklch(0.0000 0.0000 0.00);
+    --nc-dark-material-solid: oklch(0.0000 0.0000 0.00);
     --nc-dark-ink: oklch(0.9461 0.0000 0.00);
     --nc-dark-body: oklch(0.8297 0.0000 0.00);
     --nc-dark-muted: oklch(0.6500 0.0000 0.00);
@@ -428,16 +432,9 @@
     --nc-type-button-lg-line-height: 24px;
     --nc-type-button-lg-letter-spacing: 0px;
     --nc-material-scrim-opacity: 10%;
-    --nc-material-shadow-tooltip: 0 1px 1px rgb(0 0 0 / 2%), 0 4px 8px rgb(0 0 0 / 4%);
-    --nc-material-shadow-menu:
-      0 1px 1px rgb(0 0 0 / 2%),
-      0 4px 8px -4px rgb(0 0 0 / 4%),
-      0 16px 24px -8px rgb(0 0 0 / 6%);
-    --nc-material-shadow-dialog:
-      0 1px 1px rgb(0 0 0 / 2%),
-      0 8px 16px -4px rgb(0 0 0 / 4%),
-      0 24px 32px -8px rgb(0 0 0 / 6%);
-    --nc-material-shadow-sheet: 0 2px 2px rgb(0 0 0 / 4%), 0 8px 16px -4px rgb(0 0 0 / 4%);
+    --nc-material-glass-opacity: 76%;
+    --nc-material-glass-blur: 28px;
+    --nc-material-glass-saturation: 116%;
   }
 }
 
@@ -447,6 +444,8 @@
     --nc-canvas: var(--nc-dark-canvas);
     --nc-canvas-soft: var(--nc-dark-canvas-soft);
     --nc-canvas-soft-2: var(--nc-dark-canvas-soft-2);
+    --nc-material-workspace: var(--nc-dark-material-workspace);
+    --nc-material-solid: var(--nc-dark-material-solid);
     --nc-ink: var(--nc-dark-ink);
     --nc-body: var(--nc-dark-body);
     --nc-muted: var(--nc-dark-muted);
@@ -510,9 +509,9 @@
     --radius: var(--nc-rounded-md);
     --background: var(--nc-canvas);
     --foreground: var(--nc-ink);
-    --card: var(--nc-canvas);
+    --card: var(--nc-material-solid);
     --card-foreground: var(--nc-ink);
-    --popover: var(--nc-canvas);
+    --popover: var(--nc-material-solid);
     --popover-foreground: var(--nc-ink);
     --primary: var(--nc-action);
     --primary-foreground: var(--nc-action-foreground);
@@ -554,9 +553,9 @@
     --radius: var(--nc-rounded-md);
     --background: var(--nc-dark-canvas);
     --foreground: var(--nc-dark-ink);
-    --card: var(--nc-dark-canvas);
+    --card: var(--nc-dark-material-solid);
     --card-foreground: var(--nc-dark-ink);
-    --popover: var(--nc-dark-canvas);
+    --popover: var(--nc-dark-material-solid);
     --popover-foreground: var(--nc-dark-ink);
     --primary: var(--nc-dark-action);
     --primary-foreground: var(--nc-dark-action-foreground);
@@ -595,7 +594,7 @@
     --sidebar-ring: var(--nc-dark-focus-ring);
   }
   @theme inline { --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-primary-hover: var(--primary-hover); --color-primary-active: var(--primary-active); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-placeholder: var(--placeholder); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-warning: var(--warning); --color-warning-foreground: var(--warning-foreground); --color-success: var(--success); --color-success-foreground: var(--success-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-scrim: var(--scrim); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-primary-hover: var(--sidebar-primary-hover); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); }
-  @theme { --color-nc-primary: oklch(0.5075 0.1338 151.91); --color-nc-on-primary: oklch(1.0000 0.0000 0.00); --color-nc-action: oklch(0.5075 0.1338 151.91); --color-nc-action-foreground: oklch(1.0000 0.0000 0.00); --color-nc-action-hover: oklch(0.4285 0.1117 152.40); --color-nc-action-active: oklch(0.2722 0.0643 157.47); --color-nc-ink: oklch(0.1776 0.0000 0.00); --color-nc-body: oklch(0.3867 0.0000 0.00); --color-nc-muted: oklch(0.5278 0.0000 0.00); --color-nc-canvas: oklch(1.0000 0.0000 0.00); --color-nc-canvas-soft: oklch(0.9851 0.0000 0.00); --color-nc-canvas-soft-2: oklch(0.9702 0.0000 0.00); --color-nc-line: oklch(0.9219 0.0000 0.00); --color-nc-input: oklch(0.5624 0.0000 0.00); --color-nc-seam: oklch(0.8699 0.0000 0.00); --color-nc-cross: oklch(0.6830 0.0000 0.00); --color-nc-focus-ring: oklch(0.4815 0.1209 154.24); --color-nc-scrim: oklch(0.1776 0.0000 0.00); --color-nc-link: oklch(0.4815 0.1209 154.24); --color-nc-link-deep: oklch(0.3852 0.0953 154.99); --color-nc-link-bg-soft: oklch(0.9170 0.0519 161.77); --color-nc-accent: oklch(0.6824 0.2108 37.70); --color-nc-info: oklch(0.5005 0.2804 266.17); --color-nc-info-soft: oklch(0.9457 0.0259 276.40); --color-nc-info-deep: oklch(0.3197 0.1758 266.79); --color-nc-success: oklch(0.6415 0.1644 153.23); --color-nc-success-soft: oklch(0.9170 0.0519 161.77); --color-nc-success-deep: oklch(0.3852 0.0953 154.99); --color-nc-error: oklch(0.5688 0.1995 26.59); --color-nc-error-soft: oklch(0.9522 0.0207 17.52); --color-nc-error-deep: oklch(0.4235 0.1525 27.08); --color-nc-warning: oklch(0.8466 0.1678 84.63); --color-nc-warning-soft: oklch(0.9649 0.0461 90.87); --color-nc-warning-deep: oklch(0.4834 0.0995 82.44); --color-nc-flag-red: oklch(0.5688 0.1995 26.59); --color-nc-selection-bg: oklch(0.1776 0.0000 0.00); --color-nc-selection-fg: oklch(0.9851 0.0000 0.00); --color-nc-navigation-selection-bg: oklch(0.5005 0.2804 266.17); --color-nc-navigation-selection-fg: oklch(1.0000 0.0000 0.00); --color-nc-navigation-selection-hover: oklch(0.4542 0.2521 265.86); --color-nc-state-ready: oklch(0.5278 0.0000 0.00); --color-nc-state-running: oklch(0.5005 0.2804 266.17); --color-nc-state-review: oklch(0.8466 0.1678 84.63); --color-nc-state-blocked: oklch(0.5688 0.1995 26.59); --color-nc-state-complete: oklch(0.6415 0.1644 153.23); --color-nc-background-100: oklch(1.0000 0.0000 0.00); --color-nc-background-200: oklch(0.9851 0.0000 0.00); --color-nc-campo-verde: oklch(0.6415 0.1644 153.23); --color-nc-campo-rosso: oklch(0.5688 0.1995 26.59); --color-nc-campo-arancio: oklch(0.6824 0.2108 37.70); --color-nc-campo-giallo: oklch(0.8466 0.1678 84.63); --color-nc-campo-cobalto: oklch(0.5005 0.2804 266.17); --color-nc-campo-inchiostro: oklch(0.0000 0.0000 0.00); --color-nc-campo-bianco: oklch(1.0000 0.0000 0.00); --color-nc-chart-1: oklch(0.5005 0.2804 266.17); --color-nc-chart-2: oklch(0.6415 0.1644 153.23); --color-nc-chart-3: oklch(0.7638 0.1562 86.86); --color-nc-chart-4: oklch(0.5688 0.1995 26.59); --color-nc-chart-5: oklch(0.6161 0.1062 208.85); --color-nc-chart-6: oklch(0.5015 0.1883 294.99); --color-nc-chart-seq-1: oklch(0.6998 0.1347 269.48); --color-nc-chart-seq-2: oklch(0.5724 0.1897 270.11); --color-nc-chart-seq-3: oklch(0.4725 0.2271 267.41); --color-nc-chart-seq-4: oklch(0.3989 0.1934 267.50); --color-nc-chart-seq-5: oklch(0.3270 0.1487 267.91); --color-nc-chart-div-warm: oklch(0.7592 0.1560 83.30); --color-nc-chart-div-mid: oklch(0.5278 0.0000 0.00); --color-nc-chart-div-cool: oklch(0.5923 0.2215 269.61); --color-nc-dark-canvas: oklch(0.0000 0.0000 0.00); --color-nc-dark-canvas-soft: oklch(0.1776 0.0000 0.00); --color-nc-dark-canvas-soft-2: oklch(0.2178 0.0000 0.00); --color-nc-dark-ink: oklch(0.9461 0.0000 0.00); --color-nc-dark-body: oklch(0.8297 0.0000 0.00); --color-nc-dark-muted: oklch(0.6500 0.0000 0.00); --color-nc-dark-line: oklch(0.2686 0.0000 0.00); --color-nc-dark-input: oklch(0.5208 0.0000 0.00); --color-nc-dark-seam: oklch(0.2178 0.0000 0.00); --color-nc-dark-primary: oklch(0.7727 0.1753 155.96); --color-nc-dark-on-primary: oklch(0.1448 0.0000 0.00); --color-nc-dark-action: oklch(0.7727 0.1753 155.96); --color-nc-dark-action-foreground: oklch(0.1448 0.0000 0.00); --color-nc-dark-action-hover: oklch(0.7661 0.1498 157.10); --color-nc-dark-action-active: oklch(0.7019 0.1753 153.20); --color-nc-dark-link: oklch(0.7661 0.1498 157.10); --color-nc-dark-link-deep: oklch(0.8524 0.0996 159.83); --color-nc-dark-link-bg-soft: oklch(0.2893 0.0697 156.32); --color-nc-dark-focus-ring: oklch(0.7661 0.1498 157.10); --color-nc-dark-scrim: oklch(0.9461 0.0000 0.00); --color-nc-dark-error: oklch(0.7955 0.0980 21.02); --color-nc-dark-error-soft: oklch(0.2296 0.0728 26.06); --color-nc-dark-error-deep: oklch(0.8856 0.0534 19.64); --color-nc-dark-warning: oklch(0.8939 0.1387 90.47); --color-nc-dark-warning-soft: oklch(0.3135 0.0643 85.04); --color-nc-dark-warning-deep: oklch(0.9320 0.0896 90.86); --color-nc-dark-info: oklch(0.7067 0.1528 272.08); --color-nc-dark-info-soft: oklch(0.2118 0.1033 268.28); --color-nc-dark-info-deep: oklch(0.8222 0.0888 274.44); --color-nc-dark-cyan: oklch(0.7820 0.1247 190.99); --color-nc-dark-cyan-soft: oklch(0.8646 0.1000 187.55); --color-nc-dark-cyan-deep: oklch(0.6347 0.1029 191.54); --color-nc-dark-success: oklch(0.7019 0.1753 153.20); --color-nc-dark-success-soft: oklch(0.2893 0.0697 156.32); --color-nc-dark-success-deep: oklch(0.8524 0.0996 159.83); --color-nc-dark-state-ready: oklch(0.5624 0.0000 0.00); --color-nc-dark-state-running: oklch(0.5923 0.2215 269.61); --color-nc-dark-state-review: oklch(0.8466 0.1678 84.63); --color-nc-dark-state-blocked: oklch(0.5688 0.1995 26.59); --color-nc-dark-state-complete: oklch(0.6415 0.1644 153.23); --color-nc-dark-selection-bg: oklch(0.9461 0.0000 0.00); --color-nc-dark-selection-fg: oklch(0.1448 0.0000 0.00); --color-nc-dark-navigation-selection-bg: oklch(0.4725 0.2271 267.41); --color-nc-dark-navigation-selection-fg: oklch(0.9461 0.0000 0.00); --color-nc-dark-navigation-selection-hover: oklch(0.5162 0.2247 268.31); --color-nc-dark-cross: oklch(0.4495 0.0000 0.00); --color-nc-dark-chart-1: oklch(0.5923 0.2215 269.61); --color-nc-dark-chart-2: oklch(0.6415 0.1644 153.23); --color-nc-dark-chart-3: oklch(0.8939 0.1387 90.47); --color-nc-dark-chart-4: oklch(0.6627 0.1685 23.66); --color-nc-dark-chart-5: oklch(0.7820 0.1247 190.99); --color-nc-dark-chart-6: oklch(0.6297 0.1321 299.36); --color-nc-dark-chart-seq-1: oklch(0.5724 0.1897 270.11); --color-nc-dark-chart-seq-2: oklch(0.6998 0.1347 269.48); --color-nc-dark-chart-seq-3: oklch(0.8072 0.0884 269.44); --color-nc-dark-chart-seq-4: oklch(0.8877 0.0514 270.78); --color-nc-dark-chart-seq-5: oklch(0.9619 0.0179 272.31); --color-nc-dark-chart-div-warm: oklch(0.8939 0.1387 90.47); --color-nc-dark-chart-div-mid: oklch(0.9219 0.0000 0.00); --color-nc-dark-chart-div-cool: oklch(0.8222 0.0888 274.44); --font-display-xl: Geist, Inter, system-ui, -apple-system, sans-serif; --font-display-lg: Geist, Inter, system-ui, -apple-system, sans-serif; --font-display-md: Geist, Inter, system-ui, -apple-system, sans-serif; --font-display-sm: Geist, Inter, system-ui, -apple-system, sans-serif; --font-title-lg: Geist, Inter, system-ui, -apple-system, sans-serif; --font-title-md: Geist, Inter, system-ui, -apple-system, sans-serif; --font-title-sm: Geist, Inter, system-ui, -apple-system, sans-serif; --font-body-lg: Geist, Inter, system-ui, -apple-system, sans-serif; --font-body-md: Geist, Inter, system-ui, -apple-system, sans-serif; --font-body-md-strong: Geist, Inter, system-ui, -apple-system, sans-serif; --font-body-sm: Geist, Inter, system-ui, -apple-system, sans-serif; --font-body-sm-strong: Geist, Inter, system-ui, -apple-system, sans-serif; --font-caption: Geist, Inter, system-ui, -apple-system, sans-serif; --font-caption-strong: Geist, Inter, system-ui, -apple-system, sans-serif; --font-caption-mono: Geist Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, monospace; --font-code: Geist Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, monospace; --font-button-md: Geist, Inter, system-ui, -apple-system, sans-serif; --font-button-lg: Geist, Inter, system-ui, -apple-system, sans-serif; --text-display-xl: 72px; --text-display-xl--line-height: 74px; --leading-display-xl: 74px; --text-display-xl--letter-spacing: -1.5px; --tracking-display-xl: -1.5px; --text-display-xl--font-weight: 600; --font-weight-display-xl: 600; --text-display-lg: 52px; --text-display-lg--line-height: 54px; --leading-display-lg: 54px; --text-display-lg--letter-spacing: -1px; --tracking-display-lg: -1px; --text-display-lg--font-weight: 600; --font-weight-display-lg: 600; --text-display-md: 24px; --text-display-md--line-height: 32px; --leading-display-md: 32px; --text-display-md--letter-spacing: 0px; --tracking-display-md: 0px; --text-display-md--font-weight: 600; --font-weight-display-md: 600; --text-display-sm: 20px; --text-display-sm--line-height: 28px; --leading-display-sm: 28px; --text-display-sm--letter-spacing: 0px; --tracking-display-sm: 0px; --text-display-sm--font-weight: 600; --font-weight-display-sm: 600; --text-title-lg: 40px; --text-title-lg--line-height: 41px; --leading-title-lg: 41px; --text-title-lg--letter-spacing: 0px; --tracking-title-lg: 0px; --text-title-lg--font-weight: 600; --font-weight-title-lg: 600; --text-title-md: 30px; --text-title-md--line-height: 32px; --leading-title-md: 32px; --text-title-md--letter-spacing: 0px; --tracking-title-md: 0px; --text-title-md--font-weight: 600; --font-weight-title-md: 600; --text-title-sm: 22px; --text-title-sm--line-height: 25px; --leading-title-sm: 25px; --text-title-sm--letter-spacing: 0px; --tracking-title-sm: 0px; --text-title-sm--font-weight: 600; --font-weight-title-sm: 600; --text-body-lg: 18px; --text-body-lg--line-height: 27px; --leading-body-lg: 27px; --text-body-lg--letter-spacing: 0px; --tracking-body-lg: 0px; --text-body-lg--font-weight: 400; --font-weight-body-lg: 400; --text-body-md: 16px; --text-body-md--line-height: 25px; --leading-body-md: 25px; --text-body-md--letter-spacing: 0px; --tracking-body-md: 0px; --text-body-md--font-weight: 400; --font-weight-body-md: 400; --text-body-md-strong: 16px; --text-body-md-strong--line-height: 24px; --leading-body-md-strong: 24px; --text-body-md-strong--letter-spacing: 0px; --tracking-body-md-strong: 0px; --text-body-md-strong--font-weight: 500; --font-weight-body-md-strong: 500; --text-body-sm: 14px; --text-body-sm--line-height: 20px; --leading-body-sm: 20px; --text-body-sm--letter-spacing: 0px; --tracking-body-sm: 0px; --text-body-sm--font-weight: 400; --font-weight-body-sm: 400; --text-body-sm-strong: 14px; --text-body-sm-strong--line-height: 20px; --leading-body-sm-strong: 20px; --text-body-sm-strong--letter-spacing: 0px; --tracking-body-sm-strong: 0px; --text-body-sm-strong--font-weight: 500; --font-weight-body-sm-strong: 500; --text-caption: 12px; --text-caption--line-height: 16px; --leading-caption: 16px; --text-caption--letter-spacing: 0px; --tracking-caption: 0px; --text-caption--font-weight: 400; --font-weight-caption: 400; --text-caption-strong: 12px; --text-caption-strong--line-height: 16px; --leading-caption-strong: 16px; --text-caption-strong--letter-spacing: 0px; --tracking-caption-strong: 0px; --text-caption-strong--font-weight: 500; --font-weight-caption-strong: 500; --text-caption-mono: 12px; --text-caption-mono--line-height: 16px; --leading-caption-mono: 16px; --text-caption-mono--letter-spacing: 0px; --tracking-caption-mono: 0px; --text-caption-mono--font-weight: 500; --font-weight-caption-mono: 500; --text-code: 13px; --text-code--line-height: 20px; --leading-code: 20px; --text-code--letter-spacing: 0px; --tracking-code: 0px; --text-code--font-weight: 400; --font-weight-code: 400; --text-button-md: 14px; --text-button-md--line-height: 18px; --leading-button-md: 18px; --text-button-md--letter-spacing: 0px; --tracking-button-md: 0px; --text-button-md--font-weight: 500; --font-weight-button-md: 500; --text-button-lg: 16px; --text-button-lg--line-height: 24px; --leading-button-lg: 24px; --text-button-lg--letter-spacing: 0px; --tracking-button-lg: 0px; --text-button-lg--font-weight: 500; --font-weight-button-lg: 500; --radius-none: 0px; --radius-xs: 2px; --radius-sm: 4px; --radius-md: 6px; --radius-lg: 8px; --radius-xl: 10px; --radius-2xl: 12px; --radius-3xl: 16px; --radius-pill-sm: 64px; --radius-pill: 100px; --radius-full: 9999px; --ring-width-focus: var(--spacing-nadicode-focus-ring-width); --opacity-scrim: var(--nc-material-scrim-opacity); --shadow-tooltip: var(--nc-material-shadow-tooltip); --shadow-menu: var(--nc-material-shadow-menu); --shadow-dialog: var(--nc-material-shadow-dialog); --shadow-sheet: var(--nc-material-shadow-sheet); --spacing-nadicode-xxs: 4px; --spacing-nadicode-filter-chip-gap: 6px; --spacing-nadicode-xs: 8px; --spacing-nadicode-sm: 12px; --spacing-nadicode-md: 16px; --spacing-nadicode-lg: 24px; --spacing-nadicode-xl: 32px; --spacing-nadicode-2xl: 40px; --spacing-nadicode-3xl: 48px; --spacing-nadicode-4xl: 64px; --spacing-nadicode-5xl: 96px; --spacing-nadicode-6xl: 128px; --spacing-nadicode-section: 192px; --spacing-nadicode-guide: 1px; --spacing-nadicode-icon-stroke: 1.6px; --spacing-nadicode-focus-ring-width: 3px; --spacing-nadicode-control-height: 32px; --spacing-nadicode-control-padding-inline: 10px; --spacing-nadicode-touch-target: 44px; --spacing-nadicode-page-pad: 24px; --spacing-nadicode-page-max-mobile: 448px; --spacing-nadicode-page-max-tablet: 624px; --spacing-nadicode-page-max-desktop: 1440px; --spacing-nadicode-frame-max: 1392px; --spacing-nadicode-frame-gap: 24px; --spacing-nadicode-cell-padding: 24px; --spacing-nadicode-section-gap: 48px; --spacing-nadicode-cross-size-mobile: 11px; --spacing-nadicode-cross-size-tablet: 15px; --spacing-nadicode-cross-size-desktop: 21px; --spacing-nadicode-h-strip-mobile: 72px; --spacing-nadicode-h-strip-tablet: 80px; --spacing-nadicode-h-strip-desktop: 88px; --spacing-nadicode-h-cell-sm: 120px; --spacing-nadicode-h-cell-md-mobile: 144px; --spacing-nadicode-h-cell-md-tablet: 160px; --spacing-nadicode-h-cell-md-desktop: 168px; --spacing-nadicode-h-cell-lg-mobile: 220px; --spacing-nadicode-h-cell-lg-desktop: 240px; --spacing-nadicode-h-visual-mobile: 276px; --spacing-nadicode-h-visual-tablet: 318px; --spacing-nadicode-h-visual-desktop: 360px; --spacing-nadicode-h-precision-mobile: 276px; --spacing-nadicode-h-precision-tablet: 480px; --spacing-nadicode-h-precision-desktop: 720px; --spacing-nadicode-h-hero-mobile: 560px; --spacing-nadicode-h-hero-desktop: 720px; --spacing-nadicode-h-action-strip-mobile: 20px; --spacing-nadicode-h-action-strip-desktop: 32px; --spacing-nadicode-h-action-body-mobile: 320px; --spacing-nadicode-h-action-body-tablet: 338px; --spacing-nadicode-h-action-band: 260px; --spacing-nadicode-h-feature-mobile: 360px; --spacing-nadicode-h-feature-tablet: 400px; --spacing-nadicode-h-feature-desktop: 456px; --spacing-nadicode-h-editorial-feature-mobile: 360px; --spacing-nadicode-h-editorial-feature-tablet: 440px; --spacing-nadicode-h-editorial-feature-desktop: 560px; --spacing-nadicode-h-bento-primary: 384px; --spacing-nadicode-h-bento-secondary: 240px; --spacing-nadicode-h-bento-mobile-copy: 248px; --spacing-nadicode-h-bento-mobile-main: 537px; --spacing-nadicode-h-bento-strip: 20px; --spacing-nadicode-filter-chip-height: 28px; --spacing-nadicode-filter-chip-icon: 14px; --spacing-control-height: var(--spacing-nadicode-control-height); --spacing-control-padding-inline: var(--spacing-nadicode-control-padding-inline); --spacing-touch-target: var(--spacing-nadicode-touch-target); }
+  @theme { --color-nc-primary: oklch(0.5075 0.1338 151.91); --color-nc-on-primary: oklch(1.0000 0.0000 0.00); --color-nc-action: oklch(0.5075 0.1338 151.91); --color-nc-action-foreground: oklch(1.0000 0.0000 0.00); --color-nc-action-hover: oklch(0.4285 0.1117 152.40); --color-nc-action-active: oklch(0.2722 0.0643 157.47); --color-nc-ink: oklch(0.1776 0.0000 0.00); --color-nc-body: oklch(0.3867 0.0000 0.00); --color-nc-muted: oklch(0.5278 0.0000 0.00); --color-nc-canvas: oklch(1.0000 0.0000 0.00); --color-nc-canvas-soft: oklch(0.9851 0.0000 0.00); --color-nc-canvas-soft-2: oklch(0.9702 0.0000 0.00); --color-nc-material-workspace: oklch(0.9761 0.0000 0.00); --color-nc-material-solid: oklch(1.0000 0.0000 0.00); --color-nc-line: oklch(0.9219 0.0000 0.00); --color-nc-input: oklch(0.5624 0.0000 0.00); --color-nc-seam: oklch(0.8699 0.0000 0.00); --color-nc-cross: oklch(0.6830 0.0000 0.00); --color-nc-focus-ring: oklch(0.4815 0.1209 154.24); --color-nc-scrim: oklch(0.1776 0.0000 0.00); --color-nc-link: oklch(0.4815 0.1209 154.24); --color-nc-link-deep: oklch(0.3852 0.0953 154.99); --color-nc-link-bg-soft: oklch(0.9170 0.0519 161.77); --color-nc-accent: oklch(0.6824 0.2108 37.70); --color-nc-info: oklch(0.5005 0.2804 266.17); --color-nc-info-soft: oklch(0.9457 0.0259 276.40); --color-nc-info-deep: oklch(0.3197 0.1758 266.79); --color-nc-success: oklch(0.6415 0.1644 153.23); --color-nc-success-soft: oklch(0.9170 0.0519 161.77); --color-nc-success-deep: oklch(0.3852 0.0953 154.99); --color-nc-error: oklch(0.5688 0.1995 26.59); --color-nc-error-soft: oklch(0.9522 0.0207 17.52); --color-nc-error-deep: oklch(0.4235 0.1525 27.08); --color-nc-warning: oklch(0.8466 0.1678 84.63); --color-nc-warning-soft: oklch(0.9649 0.0461 90.87); --color-nc-warning-deep: oklch(0.4834 0.0995 82.44); --color-nc-flag-red: oklch(0.5688 0.1995 26.59); --color-nc-selection-bg: oklch(0.1776 0.0000 0.00); --color-nc-selection-fg: oklch(0.9851 0.0000 0.00); --color-nc-navigation-selection-bg: oklch(0.5005 0.2804 266.17); --color-nc-navigation-selection-fg: oklch(1.0000 0.0000 0.00); --color-nc-navigation-selection-hover: oklch(0.4542 0.2521 265.86); --color-nc-state-ready: oklch(0.5278 0.0000 0.00); --color-nc-state-running: oklch(0.5005 0.2804 266.17); --color-nc-state-review: oklch(0.8466 0.1678 84.63); --color-nc-state-blocked: oklch(0.5688 0.1995 26.59); --color-nc-state-complete: oklch(0.6415 0.1644 153.23); --color-nc-background-100: oklch(1.0000 0.0000 0.00); --color-nc-background-200: oklch(0.9851 0.0000 0.00); --color-nc-campo-verde: oklch(0.6415 0.1644 153.23); --color-nc-campo-rosso: oklch(0.5688 0.1995 26.59); --color-nc-campo-arancio: oklch(0.6824 0.2108 37.70); --color-nc-campo-giallo: oklch(0.8466 0.1678 84.63); --color-nc-campo-cobalto: oklch(0.5005 0.2804 266.17); --color-nc-campo-inchiostro: oklch(0.0000 0.0000 0.00); --color-nc-campo-bianco: oklch(1.0000 0.0000 0.00); --color-nc-chart-1: oklch(0.5005 0.2804 266.17); --color-nc-chart-2: oklch(0.6415 0.1644 153.23); --color-nc-chart-3: oklch(0.7638 0.1562 86.86); --color-nc-chart-4: oklch(0.5688 0.1995 26.59); --color-nc-chart-5: oklch(0.6161 0.1062 208.85); --color-nc-chart-6: oklch(0.5015 0.1883 294.99); --color-nc-chart-seq-1: oklch(0.6998 0.1347 269.48); --color-nc-chart-seq-2: oklch(0.5724 0.1897 270.11); --color-nc-chart-seq-3: oklch(0.4725 0.2271 267.41); --color-nc-chart-seq-4: oklch(0.3989 0.1934 267.50); --color-nc-chart-seq-5: oklch(0.3270 0.1487 267.91); --color-nc-chart-div-warm: oklch(0.7592 0.1560 83.30); --color-nc-chart-div-mid: oklch(0.5278 0.0000 0.00); --color-nc-chart-div-cool: oklch(0.5923 0.2215 269.61); --color-nc-dark-canvas: oklch(0.0000 0.0000 0.00); --color-nc-dark-canvas-soft: oklch(0.1776 0.0000 0.00); --color-nc-dark-canvas-soft-2: oklch(0.2178 0.0000 0.00); --color-nc-dark-material-workspace: oklch(0.0000 0.0000 0.00); --color-nc-dark-material-solid: oklch(0.0000 0.0000 0.00); --color-nc-dark-ink: oklch(0.9461 0.0000 0.00); --color-nc-dark-body: oklch(0.8297 0.0000 0.00); --color-nc-dark-muted: oklch(0.6500 0.0000 0.00); --color-nc-dark-line: oklch(0.2686 0.0000 0.00); --color-nc-dark-input: oklch(0.5208 0.0000 0.00); --color-nc-dark-seam: oklch(0.2178 0.0000 0.00); --color-nc-dark-primary: oklch(0.7727 0.1753 155.96); --color-nc-dark-on-primary: oklch(0.1448 0.0000 0.00); --color-nc-dark-action: oklch(0.7727 0.1753 155.96); --color-nc-dark-action-foreground: oklch(0.1448 0.0000 0.00); --color-nc-dark-action-hover: oklch(0.7661 0.1498 157.10); --color-nc-dark-action-active: oklch(0.7019 0.1753 153.20); --color-nc-dark-link: oklch(0.7661 0.1498 157.10); --color-nc-dark-link-deep: oklch(0.8524 0.0996 159.83); --color-nc-dark-link-bg-soft: oklch(0.2893 0.0697 156.32); --color-nc-dark-focus-ring: oklch(0.7661 0.1498 157.10); --color-nc-dark-scrim: oklch(0.9461 0.0000 0.00); --color-nc-dark-error: oklch(0.7955 0.0980 21.02); --color-nc-dark-error-soft: oklch(0.2296 0.0728 26.06); --color-nc-dark-error-deep: oklch(0.8856 0.0534 19.64); --color-nc-dark-warning: oklch(0.8939 0.1387 90.47); --color-nc-dark-warning-soft: oklch(0.3135 0.0643 85.04); --color-nc-dark-warning-deep: oklch(0.9320 0.0896 90.86); --color-nc-dark-info: oklch(0.7067 0.1528 272.08); --color-nc-dark-info-soft: oklch(0.2118 0.1033 268.28); --color-nc-dark-info-deep: oklch(0.8222 0.0888 274.44); --color-nc-dark-cyan: oklch(0.7820 0.1247 190.99); --color-nc-dark-cyan-soft: oklch(0.8646 0.1000 187.55); --color-nc-dark-cyan-deep: oklch(0.6347 0.1029 191.54); --color-nc-dark-success: oklch(0.7019 0.1753 153.20); --color-nc-dark-success-soft: oklch(0.2893 0.0697 156.32); --color-nc-dark-success-deep: oklch(0.8524 0.0996 159.83); --color-nc-dark-state-ready: oklch(0.5624 0.0000 0.00); --color-nc-dark-state-running: oklch(0.5923 0.2215 269.61); --color-nc-dark-state-review: oklch(0.8466 0.1678 84.63); --color-nc-dark-state-blocked: oklch(0.5688 0.1995 26.59); --color-nc-dark-state-complete: oklch(0.6415 0.1644 153.23); --color-nc-dark-selection-bg: oklch(0.9461 0.0000 0.00); --color-nc-dark-selection-fg: oklch(0.1448 0.0000 0.00); --color-nc-dark-navigation-selection-bg: oklch(0.4725 0.2271 267.41); --color-nc-dark-navigation-selection-fg: oklch(0.9461 0.0000 0.00); --color-nc-dark-navigation-selection-hover: oklch(0.5162 0.2247 268.31); --color-nc-dark-cross: oklch(0.4495 0.0000 0.00); --color-nc-dark-chart-1: oklch(0.5923 0.2215 269.61); --color-nc-dark-chart-2: oklch(0.6415 0.1644 153.23); --color-nc-dark-chart-3: oklch(0.8939 0.1387 90.47); --color-nc-dark-chart-4: oklch(0.6627 0.1685 23.66); --color-nc-dark-chart-5: oklch(0.7820 0.1247 190.99); --color-nc-dark-chart-6: oklch(0.6297 0.1321 299.36); --color-nc-dark-chart-seq-1: oklch(0.5724 0.1897 270.11); --color-nc-dark-chart-seq-2: oklch(0.6998 0.1347 269.48); --color-nc-dark-chart-seq-3: oklch(0.8072 0.0884 269.44); --color-nc-dark-chart-seq-4: oklch(0.8877 0.0514 270.78); --color-nc-dark-chart-seq-5: oklch(0.9619 0.0179 272.31); --color-nc-dark-chart-div-warm: oklch(0.8939 0.1387 90.47); --color-nc-dark-chart-div-mid: oklch(0.9219 0.0000 0.00); --color-nc-dark-chart-div-cool: oklch(0.8222 0.0888 274.44); --font-display-xl: Geist, Inter, system-ui, -apple-system, sans-serif; --font-display-lg: Geist, Inter, system-ui, -apple-system, sans-serif; --font-display-md: Geist, Inter, system-ui, -apple-system, sans-serif; --font-display-sm: Geist, Inter, system-ui, -apple-system, sans-serif; --font-title-lg: Geist, Inter, system-ui, -apple-system, sans-serif; --font-title-md: Geist, Inter, system-ui, -apple-system, sans-serif; --font-title-sm: Geist, Inter, system-ui, -apple-system, sans-serif; --font-body-lg: Geist, Inter, system-ui, -apple-system, sans-serif; --font-body-md: Geist, Inter, system-ui, -apple-system, sans-serif; --font-body-md-strong: Geist, Inter, system-ui, -apple-system, sans-serif; --font-body-sm: Geist, Inter, system-ui, -apple-system, sans-serif; --font-body-sm-strong: Geist, Inter, system-ui, -apple-system, sans-serif; --font-caption: Geist, Inter, system-ui, -apple-system, sans-serif; --font-caption-strong: Geist, Inter, system-ui, -apple-system, sans-serif; --font-caption-mono: Geist Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, monospace; --font-code: Geist Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, monospace; --font-button-md: Geist, Inter, system-ui, -apple-system, sans-serif; --font-button-lg: Geist, Inter, system-ui, -apple-system, sans-serif; --text-display-xl: 72px; --text-display-xl--line-height: 74px; --leading-display-xl: 74px; --text-display-xl--letter-spacing: -1.5px; --tracking-display-xl: -1.5px; --text-display-xl--font-weight: 600; --font-weight-display-xl: 600; --text-display-lg: 52px; --text-display-lg--line-height: 54px; --leading-display-lg: 54px; --text-display-lg--letter-spacing: -1px; --tracking-display-lg: -1px; --text-display-lg--font-weight: 600; --font-weight-display-lg: 600; --text-display-md: 24px; --text-display-md--line-height: 32px; --leading-display-md: 32px; --text-display-md--letter-spacing: 0px; --tracking-display-md: 0px; --text-display-md--font-weight: 600; --font-weight-display-md: 600; --text-display-sm: 20px; --text-display-sm--line-height: 28px; --leading-display-sm: 28px; --text-display-sm--letter-spacing: 0px; --tracking-display-sm: 0px; --text-display-sm--font-weight: 600; --font-weight-display-sm: 600; --text-title-lg: 40px; --text-title-lg--line-height: 41px; --leading-title-lg: 41px; --text-title-lg--letter-spacing: 0px; --tracking-title-lg: 0px; --text-title-lg--font-weight: 600; --font-weight-title-lg: 600; --text-title-md: 30px; --text-title-md--line-height: 32px; --leading-title-md: 32px; --text-title-md--letter-spacing: 0px; --tracking-title-md: 0px; --text-title-md--font-weight: 600; --font-weight-title-md: 600; --text-title-sm: 22px; --text-title-sm--line-height: 25px; --leading-title-sm: 25px; --text-title-sm--letter-spacing: 0px; --tracking-title-sm: 0px; --text-title-sm--font-weight: 600; --font-weight-title-sm: 600; --text-body-lg: 18px; --text-body-lg--line-height: 27px; --leading-body-lg: 27px; --text-body-lg--letter-spacing: 0px; --tracking-body-lg: 0px; --text-body-lg--font-weight: 400; --font-weight-body-lg: 400; --text-body-md: 16px; --text-body-md--line-height: 25px; --leading-body-md: 25px; --text-body-md--letter-spacing: 0px; --tracking-body-md: 0px; --text-body-md--font-weight: 400; --font-weight-body-md: 400; --text-body-md-strong: 16px; --text-body-md-strong--line-height: 24px; --leading-body-md-strong: 24px; --text-body-md-strong--letter-spacing: 0px; --tracking-body-md-strong: 0px; --text-body-md-strong--font-weight: 500; --font-weight-body-md-strong: 500; --text-body-sm: 14px; --text-body-sm--line-height: 20px; --leading-body-sm: 20px; --text-body-sm--letter-spacing: 0px; --tracking-body-sm: 0px; --text-body-sm--font-weight: 400; --font-weight-body-sm: 400; --text-body-sm-strong: 14px; --text-body-sm-strong--line-height: 20px; --leading-body-sm-strong: 20px; --text-body-sm-strong--letter-spacing: 0px; --tracking-body-sm-strong: 0px; --text-body-sm-strong--font-weight: 500; --font-weight-body-sm-strong: 500; --text-caption: 12px; --text-caption--line-height: 16px; --leading-caption: 16px; --text-caption--letter-spacing: 0px; --tracking-caption: 0px; --text-caption--font-weight: 400; --font-weight-caption: 400; --text-caption-strong: 12px; --text-caption-strong--line-height: 16px; --leading-caption-strong: 16px; --text-caption-strong--letter-spacing: 0px; --tracking-caption-strong: 0px; --text-caption-strong--font-weight: 500; --font-weight-caption-strong: 500; --text-caption-mono: 12px; --text-caption-mono--line-height: 16px; --leading-caption-mono: 16px; --text-caption-mono--letter-spacing: 0px; --tracking-caption-mono: 0px; --text-caption-mono--font-weight: 500; --font-weight-caption-mono: 500; --text-code: 13px; --text-code--line-height: 20px; --leading-code: 20px; --text-code--letter-spacing: 0px; --tracking-code: 0px; --text-code--font-weight: 400; --font-weight-code: 400; --text-button-md: 14px; --text-button-md--line-height: 18px; --leading-button-md: 18px; --text-button-md--letter-spacing: 0px; --tracking-button-md: 0px; --text-button-md--font-weight: 500; --font-weight-button-md: 500; --text-button-lg: 16px; --text-button-lg--line-height: 24px; --leading-button-lg: 24px; --text-button-lg--letter-spacing: 0px; --tracking-button-lg: 0px; --text-button-lg--font-weight: 500; --font-weight-button-lg: 500; --radius-none: 0px; --radius-xs: 2px; --radius-sm: 4px; --radius-md: 6px; --radius-lg: 8px; --radius-xl: 10px; --radius-2xl: 12px; --radius-3xl: 16px; --radius-pill-sm: 64px; --radius-pill: 100px; --radius-full: 9999px; --ring-width-focus: var(--spacing-nadicode-focus-ring-width); --opacity-scrim: var(--nc-material-scrim-opacity); --spacing-nadicode-xxs: 4px; --spacing-nadicode-filter-chip-gap: 6px; --spacing-nadicode-xs: 8px; --spacing-nadicode-sm: 12px; --spacing-nadicode-md: 16px; --spacing-nadicode-lg: 24px; --spacing-nadicode-xl: 32px; --spacing-nadicode-2xl: 40px; --spacing-nadicode-3xl: 48px; --spacing-nadicode-4xl: 64px; --spacing-nadicode-5xl: 96px; --spacing-nadicode-6xl: 128px; --spacing-nadicode-section: 192px; --spacing-nadicode-guide: 1px; --spacing-nadicode-icon-stroke: 1.6px; --spacing-nadicode-focus-ring-width: 3px; --spacing-nadicode-control-height: 32px; --spacing-nadicode-control-padding-inline: 10px; --spacing-nadicode-touch-target: 44px; --spacing-nadicode-page-pad: 24px; --spacing-nadicode-page-max-mobile: 448px; --spacing-nadicode-page-max-tablet: 624px; --spacing-nadicode-page-max-desktop: 1440px; --spacing-nadicode-frame-max: 1392px; --spacing-nadicode-frame-gap: 24px; --spacing-nadicode-cell-padding: 24px; --spacing-nadicode-section-gap: 48px; --spacing-nadicode-cross-size-mobile: 11px; --spacing-nadicode-cross-size-tablet: 15px; --spacing-nadicode-cross-size-desktop: 21px; --spacing-nadicode-h-strip-mobile: 72px; --spacing-nadicode-h-strip-tablet: 80px; --spacing-nadicode-h-strip-desktop: 88px; --spacing-nadicode-h-cell-sm: 120px; --spacing-nadicode-h-cell-md-mobile: 144px; --spacing-nadicode-h-cell-md-tablet: 160px; --spacing-nadicode-h-cell-md-desktop: 168px; --spacing-nadicode-h-cell-lg-mobile: 220px; --spacing-nadicode-h-cell-lg-desktop: 240px; --spacing-nadicode-h-visual-mobile: 276px; --spacing-nadicode-h-visual-tablet: 318px; --spacing-nadicode-h-visual-desktop: 360px; --spacing-nadicode-h-precision-mobile: 276px; --spacing-nadicode-h-precision-tablet: 480px; --spacing-nadicode-h-precision-desktop: 720px; --spacing-nadicode-h-hero-mobile: 560px; --spacing-nadicode-h-hero-desktop: 720px; --spacing-nadicode-h-action-strip-mobile: 20px; --spacing-nadicode-h-action-strip-desktop: 32px; --spacing-nadicode-h-action-body-mobile: 320px; --spacing-nadicode-h-action-body-tablet: 338px; --spacing-nadicode-h-action-band: 260px; --spacing-nadicode-h-feature-mobile: 360px; --spacing-nadicode-h-feature-tablet: 400px; --spacing-nadicode-h-feature-desktop: 456px; --spacing-nadicode-h-editorial-feature-mobile: 360px; --spacing-nadicode-h-editorial-feature-tablet: 440px; --spacing-nadicode-h-editorial-feature-desktop: 560px; --spacing-nadicode-h-bento-primary: 384px; --spacing-nadicode-h-bento-secondary: 240px; --spacing-nadicode-h-bento-mobile-copy: 248px; --spacing-nadicode-h-bento-mobile-main: 537px; --spacing-nadicode-h-bento-strip: 20px; --spacing-nadicode-filter-chip-height: 28px; --spacing-nadicode-filter-chip-icon: 14px; --spacing-control-height: var(--spacing-nadicode-control-height); --spacing-control-padding-inline: var(--spacing-nadicode-control-padding-inline); --spacing-touch-target: var(--spacing-nadicode-touch-target); }
 }
 
 /* src/css/reset.css */
@@ -1662,356 +1661,6 @@
   }
 }
 
-/* src/css/components/state-tag.css */
-@layer components {
-  .nc-state-tag {
-    display: inline-flex;
-    align-items: center;
-    height: 26px;
-    padding: 0 8px;
-    border: var(--nc-guide) solid var(--nc-line);
-    border-left-width: 3px;
-    border-left-color: var(--nc-ink);
-    border-radius: var(--nc-rounded-sm);
-    background: var(--nc-canvas);
-    color: var(--nc-ink);
-    font-family:
-      "Geist Mono",
-      ui-monospace,
-      SFMono-Regular,
-      Menlo,
-      Monaco,
-      monospace;
-    font-size: 12px;
-    font-weight: 500;
-    line-height: 16px;
-    letter-spacing: 0;
-    white-space: nowrap;
-    transition:
-      background-color var(--nc-duration-confirm) var(--nc-ease-out-strong),
-      border-color var(--nc-duration-confirm) var(--nc-ease-out-strong),
-      color var(--nc-duration-confirm) var(--nc-ease-out-strong);
-  }
-  .nc-state-tag[data-variant=ready] {
-    border-left-color: var(--nc-state-ready);
-  }
-  .nc-state-tag[data-variant=running] {
-    border-left-color: var(--nc-state-running);
-  }
-  .nc-state-tag[data-variant=review] {
-    border-left-color: var(--nc-state-review);
-  }
-  .nc-state-tag[data-variant=blocked] {
-    border-left-color: var(--nc-state-blocked);
-  }
-  .nc-state-tag[data-variant=complete] {
-    border-left-color: var(--nc-state-complete);
-  }
-}
-
-/* src/css/components/status-tag.css */
-@layer components {
-  .nc-status-tag {
-    display: inline-flex;
-    align-items: center;
-    height: 24px;
-    padding: 0 10px;
-    border: 0;
-    border-radius: var(--nc-rounded-md);
-    font-family:
-      Geist,
-      Inter,
-      system-ui,
-      -apple-system,
-      sans-serif;
-    font-size: 12px;
-    font-weight: 500;
-    line-height: 16px;
-    letter-spacing: 0;
-    white-space: nowrap;
-    transition: background-color var(--nc-duration-confirm) var(--nc-ease-out-strong), color var(--nc-duration-confirm) var(--nc-ease-out-strong);
-  }
-  .nc-status-tag[data-tone=gray] {
-    background: var(--nc-canvas-soft-2);
-    color: var(--nc-body);
-  }
-  .nc-status-tag[data-tone=green] {
-    background: var(--nc-link-bg-soft);
-    color: var(--nc-link-deep);
-  }
-  .nc-status-tag[data-tone=red] {
-    background: var(--nc-error-soft);
-    color: var(--nc-error-deep);
-  }
-  .nc-status-tag[data-tone=amber] {
-    background: var(--nc-warning-soft);
-    color: var(--nc-warning-deep);
-  }
-  .nc-status-tag[data-tone=blue] {
-    background: var(--nc-info-soft);
-    color: var(--nc-info-deep);
-  }
-}
-
-/* src/css/components/chat-thread.css */
-@layer components {
-  .nc-chat-thread {
-    display: flex;
-    flex-direction: column;
-    overflow: hidden;
-    border: var(--nc-guide) solid var(--nc-line);
-    border-radius: var(--nc-rounded-md);
-    background: var(--nc-canvas);
-    color: var(--nc-ink);
-    font-family:
-      "Geist",
-      "Inter",
-      system-ui,
-      -apple-system,
-      "Segoe UI",
-      sans-serif;
-  }
-  .nc-chat-thread-header {
-    display: flex;
-    align-items: center;
-    gap: 12px;
-    padding: 14px 16px;
-    border-bottom: var(--nc-guide) solid var(--nc-line);
-    background: var(--nc-canvas);
-  }
-  .nc-chat-thread-domain {
-    font-family:
-      "Geist Mono",
-      ui-monospace,
-      SFMono-Regular,
-      Menlo,
-      Monaco,
-      monospace;
-    font-size: 11px;
-    font-weight: 500;
-    line-height: 16px;
-    color: var(--nc-muted);
-    text-transform: uppercase;
-    letter-spacing: 0.04em;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
-  .nc-chat-thread-identity {
-    min-width: 0;
-    flex: 1;
-  }
-  .nc-chat-thread-name {
-    display: flex;
-    align-items: baseline;
-    gap: 6px;
-    font-size: 14px;
-    font-weight: 500;
-    line-height: 20px;
-    color: var(--nc-ink);
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
-  .nc-chat-thread-name .nc-chat-thread-role {
-    min-width: 0;
-    overflow: hidden;
-    font-weight: 400;
-    color: var(--nc-muted);
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-  .nc-chat-thread-workflow {
-    flex: 0 1 auto;
-    min-width: 0;
-    overflow: hidden;
-    font-family:
-      "Geist Mono",
-      ui-monospace,
-      SFMono-Regular,
-      Menlo,
-      Monaco,
-      monospace;
-    font-size: 11px;
-    line-height: 16px;
-    color: var(--nc-body);
-    text-transform: uppercase;
-    letter-spacing: 0.04em;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-  .nc-chat-thread-body {
-    flex: 1;
-    min-height: 0;
-    overflow: hidden auto;
-    display: flex;
-    flex-direction: column;
-    gap: 10px;
-    padding: 16px 18px;
-    background: radial-gradient(var(--nc-line) 0.8px, transparent 0.8px) 8px 8px / 12px 12px, var(--nc-canvas);
-  }
-  .nc-chat-pause {
-    display: block;
-    align-self: flex-end;
-    margin: var(--nc-xs) var(--nc-xs) 0;
-    padding: var(--nc-xs) var(--nc-sm);
-    background: var(--nc-canvas);
-    color: var(--nc-muted);
-    border: var(--nc-guide) solid var(--nc-line);
-    border-radius: var(--nc-rounded-xs);
-    font-family: var(--nc-type-caption-mono-font-family);
-    font-size: var(--nc-type-caption-mono-font-size);
-    font-weight: var(--nc-type-caption-mono-font-weight);
-    line-height: var(--nc-type-caption-mono-line-height);
-    letter-spacing: var(--nc-type-caption-mono-letter-spacing);
-    cursor: pointer;
-    transition:
-      background-color var(--nc-duration-confirm) var(--nc-ease-out-strong),
-      border-color var(--nc-duration-confirm) var(--nc-ease-out-strong),
-      color var(--nc-duration-confirm) var(--nc-ease-out-strong),
-      opacity var(--nc-duration-confirm) var(--nc-ease-out-strong);
-  }
-  @media (hover: hover) and (pointer: fine) {
-    .nc-chat-pause:hover {
-      color: var(--nc-ink);
-      border-color: var(--nc-body);
-    }
-  }
-  .nc-chat-pause[aria-pressed=true] {
-    color: var(--nc-ink);
-    border-color: var(--nc-body);
-  }
-  .nc-chat-pause:active {
-    opacity: 0.9;
-  }
-  .nc-chat-thread-footer {
-    display: flex;
-    flex-direction: column;
-    gap: 8px;
-    padding: 10px 16px;
-    border-top: var(--nc-guide) solid var(--nc-line);
-    background: var(--nc-canvas);
-  }
-}
-
-/* src/css/components/chat-bubble-user.css */
-@layer components {
-  .nc-chat-bubble-user {
-    align-self: flex-end;
-    width: fit-content;
-    max-width: 84%;
-    padding: 9px 13px;
-    border: var(--nc-guide) solid var(--nc-ink);
-    border-radius: var(--nc-rounded-md);
-    background: var(--nc-ink);
-    color: var(--nc-canvas);
-    font-family:
-      "Geist",
-      "Inter",
-      system-ui,
-      -apple-system,
-      "Segoe UI",
-      sans-serif;
-    font-size: 14px;
-    line-height: 20px;
-    white-space: pre-wrap;
-    word-break: break-word;
-    animation-name: nc-msg-in;
-  }
-}
-
-/* src/css/components/chat-bubble-agent.css */
-@layer components {
-  .nc-chat-bubble-agent {
-    --nc-accent: var(--nc-link);
-    align-self: flex-start;
-    width: fit-content;
-    max-width: 84%;
-    padding: 9px 13px 9px 15px;
-    border: var(--nc-guide) solid var(--nc-line);
-    border-radius: var(--nc-rounded-md);
-    box-shadow: inset 3px 0 0 0 var(--nc-accent);
-    background: var(--nc-canvas);
-    color: var(--nc-ink);
-    font-family:
-      "Geist",
-      "Inter",
-      system-ui,
-      -apple-system,
-      "Segoe UI",
-      sans-serif;
-    font-size: 14px;
-    line-height: 20px;
-    white-space: pre-wrap;
-    word-break: break-word;
-    animation-name: nc-msg-in;
-  }
-  .nc-chat-bubble-agent[data-accent=green] {
-    --nc-accent: var(--nc-link);
-  }
-  .nc-chat-bubble-agent[data-accent=cyan] {
-    --nc-accent: var(--nc-info);
-  }
-  .nc-chat-bubble-agent[data-accent=amber] {
-    --nc-accent: var(--nc-warning-deep);
-  }
-  .nc-chat-bubble-agent[data-accent=ink] {
-    --nc-accent: var(--nc-ink);
-  }
-  .nc-chat-bubble-agent[data-accent=red] {
-    --nc-accent: var(--nc-error);
-  }
-  .nc-chat-bubble-agent code {
-    padding: 1px 5px;
-    border-radius: var(--nc-rounded-xs);
-    background: var(--nc-canvas-soft-2);
-    color: var(--nc-ink);
-    font-family:
-      "Geist Mono",
-      ui-monospace,
-      SFMono-Regular,
-      Menlo,
-      Monaco,
-      monospace;
-    font-size: 12px;
-  }
-}
-
-/* src/css/components/tool-call-trace.css */
-@layer components {
-  .nc-tool-call-trace {
-    align-self: flex-start;
-    width: fit-content;
-    max-width: 92%;
-    padding: 6px 10px;
-    border: var(--nc-guide) solid var(--nc-line);
-    border-radius: var(--nc-rounded-sm);
-    background: var(--nc-canvas-soft-2);
-    color: var(--nc-body);
-    font-family:
-      "Geist Mono",
-      ui-monospace,
-      SFMono-Regular,
-      Menlo,
-      Monaco,
-      monospace;
-    font-size: 12px;
-    line-height: 17px;
-    animation-name: nc-msg-in;
-  }
-  .nc-tool-call-trace::before {
-    content: "";
-    display: inline-block;
-    width: 13px;
-    height: 13px;
-    margin-right: 8px;
-    vertical-align: -2px;
-    background-color: var(--nc-muted);
-    -webkit-mask: url('data:image/svg+xml,<!-- @license lucide-static v1.21.0 - ISC -->%0A<svg%0A  class="lucide lucide-chevron-right"%0A  xmlns="http://www.w3.org/2000/svg"%0A  width="24"%0A  height="24"%0A  viewBox="0 0 24 24"%0A  fill="none"%0A  stroke="currentColor"%0A  stroke-width="1.6"%0A  stroke-linecap="round"%0A  stroke-linejoin="round"%0A>%0A  <path d="m9 18 6-6-6-6" />%0A</svg>%0A') center / contain no-repeat;
-    mask: url('data:image/svg+xml,<!-- @license lucide-static v1.21.0 - ISC -->%0A<svg%0A  class="lucide lucide-chevron-right"%0A  xmlns="http://www.w3.org/2000/svg"%0A  width="24"%0A  height="24"%0A  viewBox="0 0 24 24"%0A  fill="none"%0A  stroke="currentColor"%0A  stroke-width="1.6"%0A  stroke-linecap="round"%0A  stroke-linejoin="round"%0A>%0A  <path d="m9 18 6-6-6-6" />%0A</svg>%0A') center / contain no-repeat;
-  }
-}
-
 /* src/css/components/memory-item.css */
 @layer components {
   .nc-memory-item {
@@ -2091,348 +1740,6 @@
   }
 }
 
-/* src/css/components/approval-gate.css */
-@layer components {
-  .nc-approval-gate {
-    align-self: stretch;
-    display: grid;
-    gap: 6px;
-    padding: 12px;
-    border: var(--nc-guide) solid color-mix(in srgb, var(--nc-warning-deep) 40%, var(--nc-warning-soft));
-    border-radius: var(--nc-rounded-md);
-    background: var(--nc-warning-soft);
-    color: var(--nc-ink);
-    font-family:
-      "Geist",
-      "Inter",
-      system-ui,
-      -apple-system,
-      "Segoe UI",
-      sans-serif;
-    animation-name: nc-msg-in;
-    transition:
-      background-color var(--nc-duration-confirm) var(--nc-ease-out-strong),
-      border-color var(--nc-duration-confirm) var(--nc-ease-out-strong),
-      color var(--nc-duration-confirm) var(--nc-ease-out-strong);
-  }
-  .nc-approval-gate-label {
-    font-family:
-      "Geist Mono",
-      ui-monospace,
-      SFMono-Regular,
-      Menlo,
-      Monaco,
-      monospace;
-    font-size: 10px;
-    font-weight: 600;
-    line-height: 16px;
-    color: var(--nc-warning-deep);
-    text-transform: uppercase;
-    letter-spacing: 0.06em;
-  }
-  .nc-approval-gate-title {
-    font-size: 14px;
-    font-weight: 500;
-    line-height: 20px;
-    color: var(--nc-ink);
-  }
-  .nc-approval-gate-copy {
-    font-size: 13px;
-    line-height: 18px;
-    color: var(--nc-body);
-  }
-  .nc-approval-gate-actions {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 6px;
-    margin-top: 2px;
-  }
-  .nc-approval-gate-actions button {
-    padding: 5px 10px;
-    border: var(--nc-guide) solid var(--nc-ink);
-    border-radius: var(--nc-rounded-sm);
-    background: var(--nc-ink);
-    color: var(--nc-canvas);
-    font-family: inherit;
-    font-size: 12px;
-    font-weight: 500;
-    line-height: 16px;
-    cursor: pointer;
-  }
-  .nc-approval-gate-actions button[data-variant=secondary] {
-    border-color: var(--nc-line);
-    background: var(--nc-canvas);
-    color: var(--nc-ink);
-  }
-  .nc-approval-gate-actions button[data-variant=outline] {
-    border-color: var(--nc-line);
-    background: transparent;
-    color: var(--nc-ink);
-  }
-  .nc-approval-gate-actions button[data-variant=destructive] {
-    border-color: var(--nc-error);
-    background: var(--nc-canvas);
-    color: var(--nc-error-deep);
-  }
-  .nc-approval-gate-actions button::before {
-    content: "";
-    display: inline-block;
-    width: 13px;
-    height: 13px;
-    margin-right: 5px;
-    vertical-align: -2px;
-    background-color: currentColor;
-    -webkit-mask: url('data:image/svg+xml,<!-- @license lucide-static v1.21.0 - ISC -->%0A<svg%0A  class="lucide lucide-check"%0A  xmlns="http://www.w3.org/2000/svg"%0A  width="24"%0A  height="24"%0A  viewBox="0 0 24 24"%0A  fill="none"%0A  stroke="currentColor"%0A  stroke-width="1.6"%0A  stroke-linecap="round"%0A  stroke-linejoin="round"%0A>%0A  <path d="M20 6 9 17l-5-5" />%0A</svg>%0A') center / contain no-repeat;
-    mask: url('data:image/svg+xml,<!-- @license lucide-static v1.21.0 - ISC -->%0A<svg%0A  class="lucide lucide-check"%0A  xmlns="http://www.w3.org/2000/svg"%0A  width="24"%0A  height="24"%0A  viewBox="0 0 24 24"%0A  fill="none"%0A  stroke="currentColor"%0A  stroke-width="1.6"%0A  stroke-linecap="round"%0A  stroke-linejoin="round"%0A>%0A  <path d="M20 6 9 17l-5-5" />%0A</svg>%0A') center / contain no-repeat;
-  }
-  .nc-approval-gate-actions button[data-variant=secondary]::before {
-    -webkit-mask-image: url('data:image/svg+xml,<!-- @license lucide-static v1.21.0 - ISC -->%0A<svg%0A  class="lucide lucide-square-pen"%0A  xmlns="http://www.w3.org/2000/svg"%0A  width="24"%0A  height="24"%0A  viewBox="0 0 24 24"%0A  fill="none"%0A  stroke="currentColor"%0A  stroke-width="1.6"%0A  stroke-linecap="round"%0A  stroke-linejoin="round"%0A>%0A  <path d="M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" />%0A  <path d="M18.375 2.625a1 1 0 0 1 3 3l-9.013 9.014a2 2 0 0 1-.853.505l-2.873.84a.5.5 0 0 1-.62-.62l.84-2.873a2 2 0 0 1 .506-.852z" />%0A</svg>%0A');
-    mask-image: url('data:image/svg+xml,<!-- @license lucide-static v1.21.0 - ISC -->%0A<svg%0A  class="lucide lucide-square-pen"%0A  xmlns="http://www.w3.org/2000/svg"%0A  width="24"%0A  height="24"%0A  viewBox="0 0 24 24"%0A  fill="none"%0A  stroke="currentColor"%0A  stroke-width="1.6"%0A  stroke-linecap="round"%0A  stroke-linejoin="round"%0A>%0A  <path d="M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" />%0A  <path d="M18.375 2.625a1 1 0 0 1 3 3l-9.013 9.014a2 2 0 0 1-.853.505l-2.873.84a.5.5 0 0 1-.62-.62l.84-2.873a2 2 0 0 1 .506-.852z" />%0A</svg>%0A');
-  }
-  .nc-approval-gate-actions button[data-approval-choice=deny]::before {
-    -webkit-mask-image: url('data:image/svg+xml,<!-- @license lucide-static v1.21.0 - ISC -->%0A<svg%0A  class="lucide lucide-ban"%0A  xmlns="http://www.w3.org/2000/svg"%0A  width="24"%0A  height="24"%0A  viewBox="0 0 24 24"%0A  fill="none"%0A  stroke="currentColor"%0A  stroke-width="1.6"%0A  stroke-linecap="round"%0A  stroke-linejoin="round"%0A>%0A  <circle cx="12" cy="12" r="10" />%0A  <path d="M4.929 4.929 19.07 19.071" />%0A</svg>%0A');
-    mask-image: url('data:image/svg+xml,<!-- @license lucide-static v1.21.0 - ISC -->%0A<svg%0A  class="lucide lucide-ban"%0A  xmlns="http://www.w3.org/2000/svg"%0A  width="24"%0A  height="24"%0A  viewBox="0 0 24 24"%0A  fill="none"%0A  stroke="currentColor"%0A  stroke-width="1.6"%0A  stroke-linecap="round"%0A  stroke-linejoin="round"%0A>%0A  <circle cx="12" cy="12" r="10" />%0A  <path d="M4.929 4.929 19.07 19.071" />%0A</svg>%0A');
-  }
-  .nc-approval-gate-actions button[data-approval-choice=session]::before {
-    -webkit-mask-image: url('data:image/svg+xml,<!-- @license lucide-static v1.21.0 - ISC -->%0A<svg%0A  class="lucide lucide-clock"%0A  xmlns="http://www.w3.org/2000/svg"%0A  width="24"%0A  height="24"%0A  viewBox="0 0 24 24"%0A  fill="none"%0A  stroke="currentColor"%0A  stroke-width="1.6"%0A  stroke-linecap="round"%0A  stroke-linejoin="round"%0A>%0A  <circle cx="12" cy="12" r="10" />%0A  <path d="M12 6v6l4 2" />%0A</svg>%0A');
-    mask-image: url('data:image/svg+xml,<!-- @license lucide-static v1.21.0 - ISC -->%0A<svg%0A  class="lucide lucide-clock"%0A  xmlns="http://www.w3.org/2000/svg"%0A  width="24"%0A  height="24"%0A  viewBox="0 0 24 24"%0A  fill="none"%0A  stroke="currentColor"%0A  stroke-width="1.6"%0A  stroke-linecap="round"%0A  stroke-linejoin="round"%0A>%0A  <circle cx="12" cy="12" r="10" />%0A  <path d="M12 6v6l4 2" />%0A</svg>%0A');
-  }
-  .nc-approval-gate-actions button[data-approval-choice=always]::before {
-    -webkit-mask-image: url('data:image/svg+xml,<!-- @license lucide-static v1.21.0 - ISC -->%0A<svg%0A  class="lucide lucide-shield"%0A  xmlns="http://www.w3.org/2000/svg"%0A  width="24"%0A  height="24"%0A  viewBox="0 0 24 24"%0A  fill="none"%0A  stroke="currentColor"%0A  stroke-width="1.6"%0A  stroke-linecap="round"%0A  stroke-linejoin="round"%0A>%0A  <path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z" />%0A</svg>%0A');
-    mask-image: url('data:image/svg+xml,<!-- @license lucide-static v1.21.0 - ISC -->%0A<svg%0A  class="lucide lucide-shield"%0A  xmlns="http://www.w3.org/2000/svg"%0A  width="24"%0A  height="24"%0A  viewBox="0 0 24 24"%0A  fill="none"%0A  stroke="currentColor"%0A  stroke-width="1.6"%0A  stroke-linecap="round"%0A  stroke-linejoin="round"%0A>%0A  <path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z" />%0A</svg>%0A');
-  }
-  .nc-approval-gate-actions button:focus-visible {
-    outline: var(--nc-focus-ring-width) solid var(--nc-focus-ring);
-    outline-offset: 0;
-  }
-}
-
-/* src/css/components/artifact-preview.css */
-@layer components {
-  .nc-artifact-preview {
-    align-self: stretch;
-    overflow: hidden;
-    border: var(--nc-guide) solid var(--nc-line);
-    border-radius: var(--nc-rounded-md);
-    background: var(--nc-canvas);
-    font-family:
-      "Geist",
-      "Inter",
-      system-ui,
-      -apple-system,
-      "Segoe UI",
-      sans-serif;
-    animation-name: nc-msg-in;
-  }
-  .nc-artifact-preview-header {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    padding: 7px 10px;
-    border-bottom: var(--nc-guide) solid var(--nc-line);
-    background: var(--nc-canvas-soft);
-  }
-  .nc-artifact-preview-header::before {
-    content: "";
-    flex: none;
-    width: 14px;
-    height: 14px;
-    background-color: var(--nc-muted);
-    -webkit-mask: url('data:image/svg+xml,<!-- @license lucide-static v1.21.0 - ISC -->%0A<svg%0A  class="lucide lucide-file-text"%0A  xmlns="http://www.w3.org/2000/svg"%0A  width="24"%0A  height="24"%0A  viewBox="0 0 24 24"%0A  fill="none"%0A  stroke="currentColor"%0A  stroke-width="1.6"%0A  stroke-linecap="round"%0A  stroke-linejoin="round"%0A>%0A  <path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z" />%0A  <path d="M14 2v5a1 1 0 0 0 1 1h5" />%0A  <path d="M10 9H8" />%0A  <path d="M16 13H8" />%0A  <path d="M16 17H8" />%0A</svg>%0A') center / contain no-repeat;
-    mask: url('data:image/svg+xml,<!-- @license lucide-static v1.21.0 - ISC -->%0A<svg%0A  class="lucide lucide-file-text"%0A  xmlns="http://www.w3.org/2000/svg"%0A  width="24"%0A  height="24"%0A  viewBox="0 0 24 24"%0A  fill="none"%0A  stroke="currentColor"%0A  stroke-width="1.6"%0A  stroke-linecap="round"%0A  stroke-linejoin="round"%0A>%0A  <path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z" />%0A  <path d="M14 2v5a1 1 0 0 0 1 1h5" />%0A  <path d="M10 9H8" />%0A  <path d="M16 13H8" />%0A  <path d="M16 17H8" />%0A</svg>%0A') center / contain no-repeat;
-  }
-  .nc-artifact-preview[data-kind=sheet] .nc-artifact-preview-header::before {
-    -webkit-mask-image: url('data:image/svg+xml,<!-- @license lucide-static v1.21.0 - ISC -->%0A<svg%0A  class="lucide lucide-table"%0A  xmlns="http://www.w3.org/2000/svg"%0A  width="24"%0A  height="24"%0A  viewBox="0 0 24 24"%0A  fill="none"%0A  stroke="currentColor"%0A  stroke-width="1.6"%0A  stroke-linecap="round"%0A  stroke-linejoin="round"%0A>%0A  <path d="M12 3v18" />%0A  <rect width="18" height="18" x="3" y="3" rx="2" />%0A  <path d="M3 9h18" />%0A  <path d="M3 15h18" />%0A</svg>%0A');
-    mask-image: url('data:image/svg+xml,<!-- @license lucide-static v1.21.0 - ISC -->%0A<svg%0A  class="lucide lucide-table"%0A  xmlns="http://www.w3.org/2000/svg"%0A  width="24"%0A  height="24"%0A  viewBox="0 0 24 24"%0A  fill="none"%0A  stroke="currentColor"%0A  stroke-width="1.6"%0A  stroke-linecap="round"%0A  stroke-linejoin="round"%0A>%0A  <path d="M12 3v18" />%0A  <rect width="18" height="18" x="3" y="3" rx="2" />%0A  <path d="M3 9h18" />%0A  <path d="M3 15h18" />%0A</svg>%0A');
-  }
-  .nc-artifact-preview[data-kind=code] .nc-artifact-preview-header::before {
-    -webkit-mask-image: url('data:image/svg+xml,<!-- @license lucide-static v1.21.0 - ISC -->%0A<svg%0A  class="lucide lucide-code"%0A  xmlns="http://www.w3.org/2000/svg"%0A  width="24"%0A  height="24"%0A  viewBox="0 0 24 24"%0A  fill="none"%0A  stroke="currentColor"%0A  stroke-width="1.6"%0A  stroke-linecap="round"%0A  stroke-linejoin="round"%0A>%0A  <path d="m16 18 6-6-6-6" />%0A  <path d="m8 6-6 6 6 6" />%0A</svg>%0A');
-    mask-image: url('data:image/svg+xml,<!-- @license lucide-static v1.21.0 - ISC -->%0A<svg%0A  class="lucide lucide-code"%0A  xmlns="http://www.w3.org/2000/svg"%0A  width="24"%0A  height="24"%0A  viewBox="0 0 24 24"%0A  fill="none"%0A  stroke="currentColor"%0A  stroke-width="1.6"%0A  stroke-linecap="round"%0A  stroke-linejoin="round"%0A>%0A  <path d="m16 18 6-6-6-6" />%0A  <path d="m8 6-6 6 6 6" />%0A</svg>%0A');
-  }
-  .nc-artifact-preview[data-kind=pdf] .nc-artifact-preview-header::before {
-    -webkit-mask-image: url('data:image/svg+xml,<!-- @license lucide-static v1.21.0 - ISC -->%0A<svg%0A  class="lucide lucide-file"%0A  xmlns="http://www.w3.org/2000/svg"%0A  width="24"%0A  height="24"%0A  viewBox="0 0 24 24"%0A  fill="none"%0A  stroke="currentColor"%0A  stroke-width="1.6"%0A  stroke-linecap="round"%0A  stroke-linejoin="round"%0A>%0A  <path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z" />%0A  <path d="M14 2v5a1 1 0 0 0 1 1h5" />%0A</svg>%0A');
-    mask-image: url('data:image/svg+xml,<!-- @license lucide-static v1.21.0 - ISC -->%0A<svg%0A  class="lucide lucide-file"%0A  xmlns="http://www.w3.org/2000/svg"%0A  width="24"%0A  height="24"%0A  viewBox="0 0 24 24"%0A  fill="none"%0A  stroke="currentColor"%0A  stroke-width="1.6"%0A  stroke-linecap="round"%0A  stroke-linejoin="round"%0A>%0A  <path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z" />%0A  <path d="M14 2v5a1 1 0 0 0 1 1h5" />%0A</svg>%0A');
-  }
-  .nc-artifact-preview[data-kind=report] .nc-artifact-preview-header::before {
-    -webkit-mask-image: url('data:image/svg+xml,<!-- @license lucide-static v1.21.0 - ISC -->%0A<svg%0A  class="lucide lucide-chart-column"%0A  xmlns="http://www.w3.org/2000/svg"%0A  width="24"%0A  height="24"%0A  viewBox="0 0 24 24"%0A  fill="none"%0A  stroke="currentColor"%0A  stroke-width="1.6"%0A  stroke-linecap="round"%0A  stroke-linejoin="round"%0A>%0A  <path d="M3 3v16a2 2 0 0 0 2 2h16" />%0A  <path d="M18 17V9" />%0A  <path d="M13 17V5" />%0A  <path d="M8 17v-3" />%0A</svg>%0A');
-    mask-image: url('data:image/svg+xml,<!-- @license lucide-static v1.21.0 - ISC -->%0A<svg%0A  class="lucide lucide-chart-column"%0A  xmlns="http://www.w3.org/2000/svg"%0A  width="24"%0A  height="24"%0A  viewBox="0 0 24 24"%0A  fill="none"%0A  stroke="currentColor"%0A  stroke-width="1.6"%0A  stroke-linecap="round"%0A  stroke-linejoin="round"%0A>%0A  <path d="M3 3v16a2 2 0 0 0 2 2h16" />%0A  <path d="M18 17V9" />%0A  <path d="M13 17V5" />%0A  <path d="M8 17v-3" />%0A</svg>%0A');
-  }
-  .nc-artifact-preview-title {
-    font-size: 13px;
-    font-weight: 500;
-    line-height: 18px;
-    color: var(--nc-ink);
-  }
-  .nc-artifact-preview-kind {
-    margin-left: auto;
-    font-family:
-      "Geist Mono",
-      ui-monospace,
-      SFMono-Regular,
-      Menlo,
-      Monaco,
-      monospace;
-    font-size: 10px;
-    font-weight: 500;
-    line-height: 16px;
-    color: var(--nc-muted);
-    text-transform: uppercase;
-    letter-spacing: 0.05em;
-  }
-  .nc-artifact-preview-body {
-    padding: 10px 12px;
-    color: var(--nc-body);
-    font-size: 13px;
-    line-height: 18px;
-    white-space: pre-wrap;
-  }
-}
-
-/* src/css/components/typing-dots.css */
-@layer components {
-  .nc-typing-dots {
-    --nc-accent: var(--nc-link);
-    align-self: flex-start;
-    display: inline-flex;
-    gap: 4px;
-    align-items: center;
-    width: fit-content;
-    padding: 10px 14px 10px 15px;
-    border: var(--nc-guide) solid var(--nc-line);
-    border-radius: var(--nc-rounded-md);
-    box-shadow: inset 3px 0 0 0 var(--nc-accent);
-    background: var(--nc-canvas);
-  }
-  .nc-typing-dots[data-accent=green] {
-    --nc-accent: var(--nc-link);
-  }
-  .nc-typing-dots[data-accent=cyan] {
-    --nc-accent: var(--nc-info);
-  }
-  .nc-typing-dots[data-accent=amber] {
-    --nc-accent: var(--nc-warning-deep);
-  }
-  .nc-typing-dots[data-accent=ink] {
-    --nc-accent: var(--nc-ink);
-  }
-  .nc-typing-dots[data-accent=red] {
-    --nc-accent: var(--nc-error);
-  }
-  .nc-typing-dots-dot {
-    width: 5px;
-    height: 5px;
-    border-radius: var(--nc-rounded-full);
-    background: var(--nc-muted);
-  }
-}
-
-/* src/css/components/state-row.css */
-@layer components {
-  .nc-state-row {
-    align-self: stretch;
-    display: flex;
-    align-items: center;
-    gap: 10px;
-    padding: 3px 0;
-    font-family:
-      "Geist Mono",
-      ui-monospace,
-      SFMono-Regular,
-      Menlo,
-      Monaco,
-      monospace;
-    font-size: 11px;
-    line-height: 16px;
-    color: var(--nc-muted);
-    text-transform: uppercase;
-    letter-spacing: 0.04em;
-  }
-  .nc-state-row::before,
-  .nc-state-row::after {
-    content: "";
-    flex: 1;
-    height: var(--nc-guide);
-    background: var(--nc-line);
-  }
-  .nc-state-row-label {
-    display: inline-flex;
-    align-items: center;
-    gap: 6px;
-    white-space: nowrap;
-  }
-  .nc-state-row-dot {
-    width: 6px;
-    height: 6px;
-    border-radius: var(--nc-rounded-full);
-    color: var(--nc-state-running);
-    background: currentColor;
-  }
-  .nc-state-row[data-kind=ready] .nc-state-row-dot {
-    color: var(--nc-state-ready);
-  }
-  .nc-state-row[data-kind=running] .nc-state-row-dot {
-    color: var(--nc-state-running);
-  }
-  .nc-state-row[data-kind=review] .nc-state-row-dot {
-    color: var(--nc-state-review);
-  }
-  .nc-state-row[data-kind=blocked] .nc-state-row-dot {
-    color: var(--nc-state-blocked);
-  }
-  .nc-state-row[data-kind=complete] .nc-state-row-dot {
-    color: var(--nc-state-complete);
-  }
-}
-
-/* src/css/components/agent-avatar.css */
-@layer components {
-  .nc-agent-avatar {
-    --nc-accent: var(--nc-line);
-    display: grid;
-    place-items: center;
-    width: 32px;
-    height: 32px;
-    overflow: hidden;
-    border: var(--nc-guide) solid var(--nc-accent);
-    border-radius: var(--nc-rounded-full);
-    background: var(--nc-canvas-soft);
-    color: var(--nc-ink);
-    font-family:
-      "Geist Mono",
-      ui-monospace,
-      SFMono-Regular,
-      Menlo,
-      Monaco,
-      monospace;
-    font-size: 12px;
-    font-weight: 600;
-    line-height: 1;
-    letter-spacing: 0.02em;
-  }
-  .nc-agent-avatar img,
-  .nc-agent-avatar svg {
-    display: block;
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-  }
-  .nc-agent-avatar[data-accent=green] {
-    --nc-accent: var(--nc-link);
-  }
-  .nc-agent-avatar[data-accent=cyan] {
-    --nc-accent: var(--nc-info);
-  }
-  .nc-agent-avatar[data-accent=amber] {
-    --nc-accent: var(--nc-warning-deep);
-  }
-  .nc-agent-avatar[data-accent=ink] {
-    --nc-accent: var(--nc-ink);
-  }
-  .nc-agent-avatar[data-accent=red] {
-    --nc-accent: var(--nc-error);
-  }
-}
-
 /* src/css/components/usage-meter.css */
 @layer components {
   .nc-usage-meter {
@@ -2543,7 +1850,7 @@
     border-radius: var(--nc-rounded-full);
     background: var(--nc-canvas);
     box-shadow: 0 0 0 var(--nc-guide) var(--nc-line);
-    color: var(--nc-state-ready);
+    color: var(--nc-muted);
   }
   .nc-run-timeline-node::before {
     content: "";
@@ -2586,36 +1893,6 @@
     line-height: 18px;
     color: var(--nc-body);
   }
-  .nc-run-timeline-step[data-state=ready] .nc-run-timeline-node {
-    color: var(--nc-state-ready);
-  }
-  .nc-run-timeline-step[data-state=ready] .nc-run-timeline-content {
-    border-left-color: var(--nc-state-ready);
-  }
-  .nc-run-timeline-step[data-state=running] .nc-run-timeline-node {
-    color: var(--nc-state-running);
-  }
-  .nc-run-timeline-step[data-state=running] .nc-run-timeline-content {
-    border-left-color: var(--nc-state-running);
-  }
-  .nc-run-timeline-step[data-state=review] .nc-run-timeline-node {
-    color: var(--nc-state-review);
-  }
-  .nc-run-timeline-step[data-state=review] .nc-run-timeline-content {
-    border-left-color: var(--nc-state-review);
-  }
-  .nc-run-timeline-step[data-state=blocked] .nc-run-timeline-node {
-    color: var(--nc-state-blocked);
-  }
-  .nc-run-timeline-step[data-state=blocked] .nc-run-timeline-content {
-    border-left-color: var(--nc-state-blocked);
-  }
-  .nc-run-timeline-step[data-state=complete] .nc-run-timeline-node {
-    color: var(--nc-state-complete);
-  }
-  .nc-run-timeline-step[data-state=complete] .nc-run-timeline-content {
-    border-left-color: var(--nc-state-complete);
-  }
 }
 
 /* src/css/components/image.css */