stagent 0.1.6 → 0.1.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stagent",
-  "version": "0.1.6",
+  "version": "0.1.7",
   "description": "Governed AI agent workspace for supervised local execution, workflows, documents, and provider runtimes.",
   "keywords": [
     "ai",

package/src/app/globals.css

@@ -185,41 +185,41 @@
 }
 
 .dark {
-  /* Background — deep black with navy undertone */
-  --background: oklch(0.09 0.02 265);
-  --foreground: oklch(0.93 0.015 270);
-
-  /* Cards — navy-tinted translucency */
-  --card: oklch(0.16 0.025 265 / 0.6);
-  --card-foreground: oklch(0.93 0.015 270);
-  --popover: oklch(0.14 0.025 265 / 0.5);
-  --popover-foreground: oklch(0.93 0.015 270);
-
-  /* Primary — blue, stays mostly the same */
-  --primary: oklch(0.65 0.18 260);
-  --primary-foreground: oklch(0.09 0.02 265);
-
-  /* Secondary — velvet-shifted */
-  --secondary: oklch(0.18 0.035 310);
-  --secondary-foreground: oklch(0.93 0.015 270);
-
-  /* Muted — navy mid-tone */
-  --muted: oklch(0.18 0.03 290);
-  --muted-foreground: oklch(0.6 0.03 270);
-  --surface-1: oklch(0.16 0.02 268 / 0.96);
-  --surface-2: oklch(0.14 0.018 272 / 0.9);
-  --surface-3: oklch(0.12 0.02 278 / 0.84);
-  --surface-foreground: oklch(0.93 0.015 270);
-
-  /* Accent — navy, distinct from secondary velvet */
-  --accent: oklch(0.20 0.04 285);
-  --accent-foreground: oklch(0.93 0.015 270);
+  /* Background — unified hue 250 blue-indigo */
+  --background: oklch(0.13 0.02 250);
+  --foreground: oklch(0.93 0.01 250);
+
+  /* Cards — hue 250 translucency */
+  --card: oklch(0.16 0.02 250 / 0.6);
+  --card-foreground: oklch(0.93 0.01 250);
+  --popover: oklch(0.16 0.02 250 / 0.5);
+  --popover-foreground: oklch(0.93 0.01 250);
+
+  /* Primary — blue-indigo hue 250 */
+  --primary: oklch(0.65 0.18 250);
+  --primary-foreground: oklch(0.13 0.02 250);
+
+  /* Secondary — unified hue 250 */
+  --secondary: oklch(0.19 0.02 250);
+  --secondary-foreground: oklch(0.93 0.01 250);
+
+  /* Muted — consistent hue 250 */
+  --muted: oklch(0.19 0.02 250);
+  --muted-foreground: oklch(0.6 0.02 250);
+  --surface-1: oklch(0.16 0.02 250 / 0.96);
+  --surface-2: oklch(0.14 0.02 250 / 0.9);
+  --surface-3: oklch(0.13 0.02 250 / 0.84);
+  --surface-foreground: oklch(0.93 0.01 250);
+
+  /* Accent — unified hue 250 */
+  --accent: oklch(0.19 0.02 250);
+  --accent-foreground: oklch(0.93 0.01 250);
 
   --destructive: oklch(0.55 0.2 25);
   --destructive-foreground: oklch(0.98 0.005 260);
   --border: var(--glass-border);
-  --input: oklch(0.14 0.03 265 / 0.4);
-  --ring: oklch(0.65 0.18 260);
+  --input: oklch(0.16 0.02 250 / 0.4);
+  --ring: oklch(0.65 0.18 250);
 
   --chart-1: oklch(0.65 0.22 260);
   --chart-2: oklch(0.65 0.19 170);
@@ -227,15 +227,15 @@
   --chart-4: oklch(0.65 0.22 300);
   --chart-5: oklch(0.7 0.19 30);
 
-  /* Sidebar — slightly lighter velvet-black */
-  --sidebar: oklch(0.11 0.025 290 / 0.6);
-  --sidebar-foreground: oklch(0.93 0.015 270);
-  --sidebar-primary: oklch(0.65 0.18 260);
-  --sidebar-primary-foreground: oklch(0.09 0.02 265);
-  --sidebar-accent: oklch(0.20 0.04 300);
-  --sidebar-accent-foreground: oklch(0.93 0.015 270);
+  /* Sidebar — unified hue 250 */
+  --sidebar: oklch(0.13 0.02 250 / 0.6);
+  --sidebar-foreground: oklch(0.93 0.01 250);
+  --sidebar-primary: oklch(0.65 0.18 250);
+  --sidebar-primary-foreground: oklch(0.13 0.02 250);
+  --sidebar-accent: oklch(0.19 0.02 250);
+  --sidebar-accent-foreground: oklch(0.93 0.01 250);
   --sidebar-border: var(--glass-border-subtle);
-  --sidebar-ring: oklch(0.65 0.18 260);
+  --sidebar-ring: oklch(0.65 0.18 250);
   /* Semantic status tokens */
   --status-running: oklch(0.65 0.18 260);
   --status-completed: oklch(0.65 0.15 170);
@@ -251,72 +251,42 @@
   --complexity-moderate: oklch(0.75 0.15 75);
   --complexity-complex: oklch(0.65 0.2 25);
 
-  /* Dark mode glass overrides — navy-tinted instead of colorless white */
-  --glass-bg: oklch(0.18 0.025 265 / 0.45);
-  --glass-bg-heavy: oklch(0.22 0.03 265 / 0.55);
-  --glass-bg-light: oklch(0.16 0.02 265 / 0.25);
-  --glass-bg-subtle: oklch(0.14 0.015 265 / 0.15);
-
-  /* Glass borders — navy-tinted for cohesion */
-  --glass-border: oklch(0.4 0.04 265 / 0.3);
-  --glass-border-strong: oklch(0.45 0.05 270 / 0.4);
-  --glass-border-subtle: oklch(0.35 0.03 285 / 0.18);
-
-  /* Glass shadows — deeper with navy tint */
-  --glass-shadow: 0 8px 32px oklch(0.05 0.03 265 / 0.5);
-  --glass-shadow-lg: 0 12px 48px oklch(0.05 0.03 265 / 0.6);
-  --glass-shadow-sm: 0 4px 16px oklch(0.05 0.03 265 / 0.35);
-
-  /* Inner glow — faint navy highlight */
-  --glass-inner-glow: inset 0 1px 0 0 oklch(0.5 0.04 270 / 0.15);
-  --glass-inner-glow-subtle: inset 0 1px 0 0 oklch(0.5 0.04 270 / 0.1);
-
-  /* Modal — deep navy glass */
-  --glass-bg-modal: oklch(0.12 0.03 285 / 0.75);
-
-  /* Dark mode gradient presets — distinct identities using black/velvet/blue/navy palette */
-  /* Dashboard/Home — deep black → midnight blue */
-  --gradient-morning-sky: linear-gradient(
-    135deg,
-    oklch(0.10 0.02 260) 0%,
-    oklch(0.12 0.035 260) 50%,
-    oklch(0.10 0.025 270) 100%
-  );
-  /* Projects/Workflows — deep blue → blue-navy */
-  --gradient-ocean-mist: linear-gradient(
-    135deg,
-    oklch(0.11 0.04 260) 0%,
-    oklch(0.12 0.045 265) 50%,
-    oklch(0.11 0.035 265) 100%
-  );
-  /* Monitor — black → deep navy */
-  --gradient-forest-dawn: linear-gradient(
-    135deg,
-    oklch(0.09 0.02 270) 0%,
-    oklch(0.11 0.035 285) 50%,
-    oklch(0.10 0.03 290) 100%
-  );
-  /* Inbox — velvet → warm navy */
-  --gradient-sunset-glow: linear-gradient(
-    135deg,
-    oklch(0.12 0.04 320) 0%,
-    oklch(0.11 0.045 305) 50%,
-    oklch(0.12 0.035 290) 100%
-  );
-  /* Documents — deep navy → indigo */
-  --gradient-twilight: linear-gradient(
-    135deg,
-    oklch(0.11 0.05 290) 0%,
-    oklch(0.10 0.045 275) 50%,
-    oklch(0.11 0.04 260) 100%
-  );
-  /* Settings — neutral black with subtle velvet warmth */
-  --gradient-neutral: linear-gradient(
-    135deg,
-    oklch(0.10 0.015 290) 0%,
-    oklch(0.095 0.02 300) 50%,
-    oklch(0.10 0.015 265) 100%
-  );
+  /* Dark mode glass overrides — unified hue 250 blue-indigo */
+  --glass-bg: oklch(0.16 0.02 250 / 0.45);
+  --glass-bg-heavy: oklch(0.19 0.02 250 / 0.55);
+  --glass-bg-light: oklch(0.16 0.02 250 / 0.25);
+  --glass-bg-subtle: oklch(0.13 0.02 250 / 0.15);
+
+  /* Glass borders — hue 250 for cohesion */
+  --glass-border: oklch(0.25 0.02 250 / 0.3);
+  --glass-border-strong: oklch(0.30 0.02 250 / 0.4);
+  --glass-border-subtle: oklch(0.25 0.02 250 / 0.18);
+
+  /* Glass shadows — deeper with hue 250 tint */
+  --glass-shadow: 0 8px 32px oklch(0.05 0.02 250 / 0.5);
+  --glass-shadow-lg: 0 12px 48px oklch(0.05 0.02 250 / 0.6);
+  --glass-shadow-sm: 0 4px 16px oklch(0.05 0.02 250 / 0.35);
+
+  /* Inner glow — faint hue 250 highlight */
+  --glass-inner-glow: inset 0 1px 0 0 oklch(0.5 0.02 250 / 0.15);
+  --glass-inner-glow-subtle: inset 0 1px 0 0 oklch(0.5 0.02 250 / 0.1);
+
+  /* Modal — hue 250 glass */
+  --glass-bg-modal: oklch(0.13 0.02 250 / 0.75);
+
+  /* Dark mode gradient presets — unified hue 250 with subtle variation (248-252) */
+  --gradient-morning-sky: linear-gradient(135deg,
+    oklch(0.13 0.02 250) 0%, oklch(0.14 0.025 248) 50%, oklch(0.13 0.02 252) 100%);
+  --gradient-ocean-mist: linear-gradient(135deg,
+    oklch(0.13 0.025 248) 0%, oklch(0.14 0.03 250) 50%, oklch(0.13 0.025 252) 100%);
+  --gradient-forest-dawn: linear-gradient(135deg,
+    oklch(0.12 0.02 252) 0%, oklch(0.14 0.025 250) 50%, oklch(0.13 0.02 248) 100%);
+  --gradient-sunset-glow: linear-gradient(135deg,
+    oklch(0.13 0.02 246) 0%, oklch(0.14 0.025 248) 50%, oklch(0.13 0.02 250) 100%);
+  --gradient-twilight: linear-gradient(135deg,
+    oklch(0.13 0.03 252) 0%, oklch(0.14 0.025 250) 50%, oklch(0.13 0.02 248) 100%);
+  --gradient-neutral: linear-gradient(135deg,
+    oklch(0.13 0.015 250) 0%, oklch(0.135 0.02 250) 50%, oklch(0.13 0.015 250) 100%);
 }
 
 /* =============================================================
@@ -353,8 +323,8 @@
   box-shadow: inset 0 1px 0 0 oklch(0.3 0.04 260 / 0.3), var(--glass-shadow-sm);
 }
 .dark .logo-glass-bg {
-  background: oklch(0.12 0.03 260);
-  box-shadow: inset 0 1px 0 0 oklch(0.3 0.04 260 / 0.15), var(--glass-shadow-sm);
+  background: oklch(0.13 0.02 250);
+  box-shadow: inset 0 1px 0 0 oklch(0.3 0.02 250 / 0.15), var(--glass-shadow-sm);
 }
 
 .glass-sidebar {
@@ -410,6 +380,25 @@
   transition: background 0.3s ease, box-shadow 0.3s ease;
 }
 
+.dark [data-slot="card"][data-slot="card"] {
+  background:
+    linear-gradient(180deg,
+      color-mix(in oklab, var(--surface-1) 70%, transparent),
+      color-mix(in oklab, var(--background) 88%, transparent)),
+    linear-gradient(135deg,
+      color-mix(in oklab, var(--primary) 10%, transparent),
+      transparent 58%);
+  box-shadow: 0 24px 50px color-mix(in oklab, var(--background) 84%, transparent);
+}
+
+.dark .surface-card {
+  background:
+    linear-gradient(180deg,
+      color-mix(in oklab, var(--surface-1) 85%, transparent),
+      color-mix(in oklab, var(--surface-2) 90%, transparent));
+  box-shadow: 0 12px 28px color-mix(in oklab, var(--background) 70%, transparent);
+}
+
 [data-sidebar="sidebar"] {
   -webkit-backdrop-filter: blur(var(--blur-glass-lg));
   backdrop-filter: blur(var(--blur-glass-lg));
@@ -490,7 +479,7 @@
 }
 .dark [data-slot="sheet-overlay"],
 .dark [data-slot="dialog-overlay"] {
-  background: oklch(0.05 0.03 285 / 0.65);
+  background: oklch(0.05 0.02 250 / 0.65);
 }
 
 /* Glass borders for table rows — doubled selector for cascade priority over TW4 utilities */
@@ -516,10 +505,10 @@
   width: 2px;
 }
 .dark [data-slot="separator"][data-orientation="horizontal"] {
-  background: linear-gradient(to bottom, oklch(0.06 0.02 265 / 0.35), oklch(0.25 0.03 270 / 0.15));
+  background: linear-gradient(to bottom, oklch(0.06 0.02 250 / 0.35), oklch(0.25 0.02 250 / 0.15));
 }
 .dark [data-slot="separator"][data-orientation="vertical"] {
-  background: linear-gradient(to right, oklch(0.06 0.02 265 / 0.35), oklch(0.25 0.03 270 / 0.15));
+  background: linear-gradient(to right, oklch(0.06 0.02 250 / 0.35), oklch(0.25 0.02 250 / 0.15));
 }
 
 /* Glass buttons — translucent CTAs */
@@ -571,12 +560,12 @@
 
 /* Dark mode button overrides */
 .dark [data-slot="button"][data-variant="default"] {
-  background: oklch(0.55 0.18 255 / 0.8);
-  box-shadow: var(--glass-shadow-sm), inset 0 1px 0 0 oklch(0.7 0.1 260 / 0.15);
-  border: 1px solid oklch(0.6 0.12 260 / 0.25);
+  background: oklch(0.55 0.18 250 / 0.8);
+  box-shadow: var(--glass-shadow-sm), inset 0 1px 0 0 oklch(0.7 0.1 250 / 0.15);
+  border: 1px solid oklch(0.6 0.12 250 / 0.25);
 }
 .dark [data-slot="button"][data-variant="default"]:hover {
-  background: oklch(0.58 0.18 255 / 0.9);
+  background: oklch(0.58 0.18 250 / 0.9);
 }
 .dark [data-slot="button"][data-variant="destructive"] {
   background: oklch(0.55 0.2 25 / 0.8);
@@ -701,7 +690,7 @@
   background: linear-gradient(
     90deg,
     transparent 0%,
-    oklch(0.5 0.04 270 / 0.08) 50%,
+    oklch(0.5 0.02 250 / 0.08) 50%,
     transparent 100%
   );
   background-size: 200% 100%;
@@ -718,16 +707,29 @@ body {
 
 .dark .glass-sidebar [data-sidebar="sidebar"] {
   box-shadow:
-    inset -1px 0 0 0 oklch(0.58 0.03 270 / 0.08),
-    12px 0 32px oklch(0.03 0.02 265 / 0.32);
+    inset -1px 0 0 0 oklch(0.58 0.02 250 / 0.08),
+    12px 0 32px oklch(0.03 0.02 250 / 0.32);
 }
 
 .dark .surface-page-shell {
   box-shadow:
-    0 24px 56px oklch(0.03 0.02 265 / 0.44),
-    inset 0 1px 0 0 oklch(0.58 0.03 270 / 0.08);
+    0 24px 56px oklch(0.03 0.02 250 / 0.44),
+    inset 0 1px 0 0 oklch(0.58 0.02 250 / 0.08);
 }
 
 .dark .surface-toolbar {
-  box-shadow: 0 10px 24px oklch(0.03 0.02 265 / 0.32);
+  box-shadow: 0 10px 24px oklch(0.03 0.02 250 / 0.32);
+}
+
+/* Noise grain overlay — subtle texture matching stagent.github.io */
+.dark body::before {
+  content: "";
+  position: fixed;
+  inset: 0;
+  pointer-events: none;
+  z-index: 9999;
+  opacity: 0.03;
+  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");
+  background-size: 256px 256px;
+  mix-blend-mode: overlay;
 }

package/src/app/inbox/page.tsx

@@ -21,7 +21,7 @@ export default async function InboxPage() {
 
   return (
     <div className="gradient-sunset-glow min-h-screen p-4 sm:p-6">
-      <div className="surface-page surface-page-shell mx-auto min-h-[calc(100dvh-2rem)] max-w-6xl rounded-[30px] p-5 sm:p-6 lg:p-7">
+      <div className="surface-page surface-page-shell min-h-[calc(100dvh-2rem)] rounded-[30px] p-5 sm:p-6 lg:p-7">
         <div className="mb-5 space-y-1">
           <h1 className="text-2xl font-bold">Inbox</h1>
           <p className="text-sm text-muted-foreground">

package/src/app/layout.tsx

@@ -35,17 +35,17 @@ const CRITICAL_THEME_CSS = `
   }
   html.dark {
     color-scheme: dark;
-    --background: oklch(0.09 0.02 265);
-    --foreground: oklch(0.93 0.015 270);
-    --surface-1: oklch(0.16 0.02 268 / 0.96);
-    --surface-2: oklch(0.14 0.018 272 / 0.9);
-    --border: oklch(0.36 0.03 270 / 0.28);
+    --background: oklch(0.13 0.02 250);
+    --foreground: oklch(0.93 0.01 250);
+    --surface-1: oklch(0.16 0.02 250 / 0.96);
+    --surface-2: oklch(0.14 0.02 250 / 0.9);
+    --border: oklch(0.25 0.02 250 / 0.28);
   }
   html { background: var(--background); }
 `.replace(/\s+/g, " ").trim();
 
 // Static theme initialization script — no user input, safe from XSS.
-const THEME_INIT_SCRIPT = `(function(){try{var d=document.documentElement;var s=localStorage.getItem('stagent-theme');var t=s==='dark'||s==='light'?s:(window.matchMedia('(prefers-color-scheme:dark)').matches?'dark':'light');d.classList.toggle('dark',t==='dark');d.dataset.theme=t;d.style.colorScheme=t;d.style.backgroundColor=t==='dark'?'oklch(0.09 0.02 265)':'oklch(0.98 0.005 260)';document.cookie='stagent-theme='+t+';path=/;max-age=31536000;SameSite=Lax';}catch(e){}})()`;
+const THEME_INIT_SCRIPT = `(function(){try{var d=document.documentElement;var s=localStorage.getItem('stagent-theme');var t=s==='dark'||s==='light'?s:(window.matchMedia('(prefers-color-scheme:dark)').matches?'dark':'light');d.classList.toggle('dark',t==='dark');d.dataset.theme=t;d.style.colorScheme=t;d.style.backgroundColor=t==='dark'?'oklch(0.13 0.02 250)':'oklch(0.98 0.005 260)';document.cookie='stagent-theme='+t+';path=/;max-age=31536000;SameSite=Lax';}catch(e){}})()`;
 
 export default function RootLayout({
   children,

package/src/app/page.tsx

@@ -127,7 +127,7 @@ export default async function HomePage() {
 
   return (
     <div className="gradient-morning-sky min-h-screen p-4 sm:p-6">
-      <div className="surface-page surface-page-shell mx-auto min-h-[calc(100dvh-2rem)] max-w-7xl rounded-[30px] p-5 sm:p-6 lg:p-7">
+      <div className="surface-page surface-page-shell min-h-[calc(100dvh-2rem)] rounded-[30px] p-5 sm:p-6 lg:p-7">
         <Greeting
           runningCount={runningResult.count}
           awaitingCount={awaitingResult.count}

package/src/app/profiles/[id]/edit/page.tsx

@@ -25,7 +25,7 @@ export default async function EditProfilePage({
 
   return (
     <div className="gradient-ocean-mist min-h-screen p-6">
-      <div className="max-w-6xl mx-auto">
+      <div className="">
         <Link href={duplicate === "true" ? "/profiles" : `/profiles/${id}`}>
           <Button variant="ghost" size="sm" className="mb-4">
             <ArrowLeft className="h-4 w-4 mr-1" />

package/src/app/profiles/[id]/page.tsx

@@ -19,7 +19,7 @@ export default async function ProfileDetailPage({
 
   return (
     <div className="gradient-ocean-mist min-h-[100dvh] p-4 sm:p-6">
-      <div className="surface-page mx-auto max-w-7xl rounded-[28px] border border-border/60 p-6 shadow-[0_18px_48px_oklch(0.12_0.02_260_/_0.08)]">
+      <div className="surface-page rounded-[28px] border border-border/60 p-6 shadow-[0_18px_48px_oklch(0.12_0.02_260_/_0.08)]">
         <Link href="/profiles">
           <Button variant="ghost" size="sm" className="mb-4">
             <ArrowLeft className="h-4 w-4 mr-1" />

package/src/app/profiles/new/page.tsx

@@ -8,7 +8,7 @@ export const dynamic = "force-dynamic";
 export default async function NewProfilePage() {
   return (
     <div className="gradient-ocean-mist min-h-screen p-6">
-      <div className="max-w-6xl mx-auto">
+      <div className="">
         <Link href="/profiles">
           <Button variant="ghost" size="sm" className="mb-4">
             <ArrowLeft className="h-4 w-4 mr-1" />

package/src/app/profiles/page.tsx

@@ -11,7 +11,7 @@ export default async function ProfilesPage() {
 
   return (
     <div className="gradient-ocean-mist min-h-[100dvh] p-4 sm:p-6">
-      <div className="surface-page mx-auto max-w-7xl rounded-[28px] border border-border/60 p-6 shadow-[0_18px_48px_oklch(0.12_0.02_260_/_0.08)]">
+      <div className="surface-page rounded-[28px] border border-border/60 p-6 shadow-[0_18px_48px_oklch(0.12_0.02_260_/_0.08)]">
         <ProfileBrowser initialProfiles={profiles} />
       </div>
     </div>

package/src/app/projects/page.tsx

@@ -24,7 +24,7 @@ export default async function ProjectsPage() {
 
   return (
     <div className="gradient-ocean-mist min-h-screen p-4 sm:p-6">
-      <div className="surface-page surface-page-shell mx-auto min-h-[calc(100dvh-2rem)] max-w-6xl rounded-[30px] p-5 sm:p-6 lg:p-7">
+      <div className="surface-page surface-page-shell min-h-[calc(100dvh-2rem)] rounded-[30px] p-5 sm:p-6 lg:p-7">
         <ProjectList initialProjects={result} />
       </div>
     </div>

package/src/app/settings/loading.tsx

@@ -3,7 +3,7 @@ import { Card, CardContent, CardHeader } from "@/components/ui/card";
 
 export default function SettingsLoading() {
   return (
-    <div className="p-6 max-w-2xl space-y-6">
+    <div className="p-6 space-y-6">
       <div className="space-y-2">
         <Skeleton className="h-8 w-32" />
         <Skeleton className="h-4 w-56" />

package/src/app/settings/page.tsx

@@ -9,7 +9,7 @@ export const dynamic = "force-dynamic";
 export default function SettingsPage() {
   return (
     <div className="gradient-sunset-glow min-h-screen">
-      <div className="max-w-3xl mx-auto p-6 space-y-6">
+      <div className="p-6 space-y-6">
         <div>
           <h1 className="text-2xl font-bold tracking-tight">Settings</h1>
           <p className="text-muted-foreground">

package/src/app/workflows/[id]/edit/page.tsx

@@ -47,7 +47,7 @@ export default async function EditWorkflowPage({
 
   return (
     <div className="gradient-ocean-mist min-h-screen p-6">
-      <div className="max-w-6xl mx-auto">
+      <div className="">
         <Link href={clone === "true" ? "/workflows" : `/workflows/${id}`}>
           <Button variant="ghost" size="sm" className="mb-4">
             <ArrowLeft className="h-4 w-4 mr-1" />

package/src/app/workflows/new/page.tsx

@@ -22,7 +22,7 @@ export default async function NewWorkflowPage() {
 
   return (
     <div className="gradient-ocean-mist min-h-screen p-6">
-      <div className="max-w-6xl mx-auto">
+      <div className="">
         <Link href="/workflows">
           <Button variant="ghost" size="sm" className="mb-4">
             <ArrowLeft className="h-4 w-4 mr-1" />

package/src/components/costs/cost-dashboard.tsx

@@ -361,7 +361,7 @@ export function CostDashboard({
   );
 
   return (
-    <div className="mx-auto flex max-w-7xl flex-col gap-6">
+    <div className="flex flex-col gap-6">
       <div className="max-w-3xl space-y-3">
         <div className="inline-flex items-center gap-2 rounded-full border border-border/60 bg-background/55 px-3 py-1 text-[11px] font-semibold uppercase tracking-[0.18em] text-muted-foreground">
           <Wallet className="h-3.5 w-3.5" />

package/src/components/shared/theme-toggle.tsx

@@ -18,7 +18,7 @@ function applyTheme(theme: ResolvedTheme) {
   root.dataset.theme = theme;
   root.style.colorScheme = theme;
   root.style.backgroundColor =
-    theme === "dark" ? "oklch(0.09 0.02 265)" : "oklch(0.98 0.005 260)";
+    theme === "dark" ? "oklch(0.13 0.02 250)" : "oklch(0.98 0.005 260)";
   localStorage.setItem("stagent-theme", theme);
   document.cookie = `stagent-theme=${theme};path=/;max-age=31536000;SameSite=Lax`;
 }