stagent 0.1.5 → 0.1.7

package/README.md

@@ -1,6 +1,6 @@
 # Stagent
 
-> Governed AI agent operations with reusable profiles, workflow blueprints, scheduled runs, and local-first oversight.
+> Govern Your AI Agents. Operate With Oversight.
 
 [![Next.js 16](https://img.shields.io/badge/Next.js-16-black)](https://nextjs.org/) [![React 19](https://img.shields.io/badge/React-19-61DAFB)](https://react.dev/) [![TypeScript](https://img.shields.io/badge/TypeScript-strict-3178C6)](https://www.typescriptlang.org/) [![Claude Agent SDK](https://img.shields.io/badge/Claude-Agent_SDK-D97706)](https://docs.anthropic.com/) [![OpenAI Codex App Server](https://img.shields.io/badge/OpenAI-Codex_App_Server-10A37F)](https://developers.openai.com/codex/app-server) [![License](https://img.shields.io/badge/License-Apache_2.0-blue.svg)](LICENSE)
 
@@ -12,27 +12,9 @@ npx stagent
 
 Open [localhost:3000](http://localhost:3000).
 
-<details>
-<summary>Contributor setup (clone + dev server)</summary>
-
-```bash
-git clone <repo-url> && cd stagent && npm install
-
-# Set up one or both runtime credentials
-cat > .env.local <<'EOF'
-ANTHROPIC_API_KEY=your-anthropic-key
-OPENAI_API_KEY=your-openai-key
-EOF
-
-# Start the dev server
-npm run dev
-```
-
-</details>
-
 **Profiles & Policies** · **Blueprints & Schedules** · **Open Source**
 
-<img src="https://unpkg.com/stagent@latest/public/readme/home-workspace.png" alt="Stagent home workspace" width="1200" />
+<img src="https://raw.githubusercontent.com/navam-io/stagent/main/public/readme/home-workspace.png" alt="Stagent home workspace" width="1200" />
 
 | Home Workspace | Reusable Profiles | Workflow Blueprints | Governed Execution |
 |:-:|:-:|:-:|:-:|
@@ -76,7 +58,7 @@ Stagent ships a shared runtime registry that routes tasks, schedules, and workfl
 
 ## Architecture
 
-<img src="https://unpkg.com/stagent@latest/public/readme/architecture.svg" alt="Stagent architecture diagram" width="900" />
+<img src="https://raw.githubusercontent.com/navam-io/stagent/main/public/readme/architecture.svg" alt="Stagent architecture diagram" width="900" />
 
 **Key design decisions:**
 
@@ -151,7 +133,7 @@ Curated agent profiles across work and personal domains, built as portable Claud
 #### Workflow Blueprints
 Pre-configured workflow templates across work and personal domains. Browse blueprints in a gallery with filtering and search, preview steps and required variables, fill in a dynamic form, and create draft workflows with resolved prompts and profile assignments. Create custom blueprints via YAML or import from GitHub URLs. Lineage tracking connects workflows back to their source blueprint.
 
-<img src="https://unpkg.com/stagent@latest/public/readme/workflow-blueprints.png" alt="Stagent workflow blueprint gallery" width="1200" />
+<img src="https://raw.githubusercontent.com/navam-io/stagent/main/public/readme/workflow-blueprints.png" alt="Stagent workflow blueprint gallery" width="1200" />
 
 ### Documents
 
@@ -186,7 +168,7 @@ Provider-normalized metering tracks token and spend activity across tasks, resum
 #### Inbox & Human-in-the-Loop
 When an agent needs approval or input, a notification appears in your inbox. Review tool permission requests with "Allow Once" / "Always Allow" / "Deny" buttons, answer agent questions, and see task completion summaries. Supports bulk dismiss and 10s polling.
 
-<img src="https://unpkg.com/stagent@latest/public/readme/inbox-approvals.png" alt="Stagent inbox approval flow" width="1200" />
+<img src="https://raw.githubusercontent.com/navam-io/stagent/main/public/readme/inbox-approvals.png" alt="Stagent inbox approval flow" width="1200" />
 
 #### Monitoring
 Real-time agent log streaming via Server-Sent Events. Filter by task or event type, click entries to jump to task details, and auto-pause polling when the tab is hidden (Page Visibility API).
@@ -343,6 +325,23 @@ All 14 features shipped across three layers:
 
 ## Contributing
 
+### Contributor Setup
+
+```bash
+git clone <repo-url> && cd stagent && npm install
+
+# Set up one or both runtime credentials
+cat > .env.local <<'EOF'
+ANTHROPIC_API_KEY=your-anthropic-key
+OPENAI_API_KEY=your-openai-key
+EOF
+
+# Start the dev server
+npm run dev
+```
+
+### Pull Requests
+
 1. Fork the repository
 2. Create a feature branch (`git checkout -b feature/your-feature`)
 3. Make your changes and add tests

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stagent",
-  "version": "0.1.5",
+  "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`;
 }