stagent 0.1.6 → 0.1.9

package/dist/cli.js

@@ -276,33 +276,25 @@ function bootstrapStagentDatabase(sqlite2) {
     CREATE INDEX IF NOT EXISTS idx_learned_context_profile_version ON learned_context(profile_id, version);
     CREATE INDEX IF NOT EXISTS idx_learned_context_change_type ON learned_context(change_type);
   `);
-  try {
-    sqlite2.exec(`ALTER TABLE tasks ADD COLUMN agent_profile TEXT;`);
-  } catch {
-  }
+  const addColumnIfMissing = (ddl) => {
+    try {
+      sqlite2.exec(ddl);
+    } catch (err) {
+      const msg = err instanceof Error ? err.message : String(err);
+      if (!msg.includes("duplicate column")) {
+        console.error("[bootstrap] ALTER TABLE failed:", msg);
+      }
+    }
+  };
+  addColumnIfMissing(`ALTER TABLE tasks ADD COLUMN agent_profile TEXT;`);
   sqlite2.exec(`CREATE INDEX IF NOT EXISTS idx_tasks_agent_profile ON tasks(agent_profile);`);
-  try {
-    sqlite2.exec(`ALTER TABLE tasks ADD COLUMN workflow_id TEXT REFERENCES workflows(id);`);
-  } catch {
-  }
+  addColumnIfMissing(`ALTER TABLE tasks ADD COLUMN workflow_id TEXT REFERENCES workflows(id);`);
   sqlite2.exec(`CREATE INDEX IF NOT EXISTS idx_tasks_workflow_id ON tasks(workflow_id);`);
-  try {
-    sqlite2.exec(`ALTER TABLE tasks ADD COLUMN schedule_id TEXT REFERENCES schedules(id);`);
-  } catch {
-  }
+  addColumnIfMissing(`ALTER TABLE tasks ADD COLUMN schedule_id TEXT REFERENCES schedules(id);`);
   sqlite2.exec(`CREATE INDEX IF NOT EXISTS idx_tasks_schedule_id ON tasks(schedule_id);`);
-  try {
-    sqlite2.exec(`ALTER TABLE projects ADD COLUMN working_directory TEXT;`);
-  } catch {
-  }
-  try {
-    sqlite2.exec(`ALTER TABLE schedules ADD COLUMN assigned_agent TEXT;`);
-  } catch {
-  }
-  try {
-    sqlite2.exec(`ALTER TABLE documents ADD COLUMN version INTEGER NOT NULL DEFAULT 1;`);
-  } catch {
-  }
+  addColumnIfMissing(`ALTER TABLE projects ADD COLUMN working_directory TEXT;`);
+  addColumnIfMissing(`ALTER TABLE schedules ADD COLUMN assigned_agent TEXT;`);
+  addColumnIfMissing(`ALTER TABLE documents ADD COLUMN version INTEGER NOT NULL DEFAULT 1;`);
 }
 function hasLegacyStagentTables(sqlite2) {
   const placeholders = STAGENT_TABLES.map(() => "?").join(", ");

package/package.json

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

package/src/app/api/documents/route.ts

@@ -3,6 +3,11 @@ import { db } from "@/lib/db";
 import { documents, tasks, projects } from "@/lib/db/schema";
 import { eq, and, like, or, desc, sql } from "drizzle-orm";
 
+const VALID_DOC_STATUSES = ["uploaded", "processing", "ready", "error"] as const;
+const VALID_DOC_DIRECTIONS = ["input", "output"] as const;
+type DocStatus = typeof VALID_DOC_STATUSES[number];
+type DocDirection = typeof VALID_DOC_DIRECTIONS[number];
+
 export async function GET(req: NextRequest) {
   const url = new URL(req.url);
   const taskId = url.searchParams.get("taskId");
@@ -11,12 +16,26 @@ export async function GET(req: NextRequest) {
   const direction = url.searchParams.get("direction");
   const search = url.searchParams.get("search");
 
+  if (status && !VALID_DOC_STATUSES.includes(status as DocStatus)) {
+    return NextResponse.json(
+      { error: `Invalid status. Must be one of: ${VALID_DOC_STATUSES.join(", ")}` },
+      { status: 400 }
+    );
+  }
+
+  if (direction && !VALID_DOC_DIRECTIONS.includes(direction as DocDirection)) {
+    return NextResponse.json(
+      { error: `Invalid direction. Must be one of: ${VALID_DOC_DIRECTIONS.join(", ")}` },
+      { status: 400 }
+    );
+  }
+
   const conditions = [];
 
   if (taskId) conditions.push(eq(documents.taskId, taskId));
   if (projectId) conditions.push(eq(documents.projectId, projectId));
-  if (status) conditions.push(eq(documents.status, status as "uploaded" | "processing" | "ready" | "error"));
-  if (direction) conditions.push(eq(documents.direction, direction as "input" | "output"));
+  if (status) conditions.push(eq(documents.status, status as DocStatus));
+  if (direction) conditions.push(eq(documents.direction, direction as DocDirection));
 
   if (search) {
     conditions.push(

package/src/app/api/tasks/route.ts

@@ -6,14 +6,24 @@ import { createTaskSchema } from "@/lib/validators/task";
 import { processDocument } from "@/lib/documents/processor";
 import { validateRuntimeProfileAssignment } from "@/lib/agents/profiles/assignment-validation";
 
+const VALID_TASK_STATUSES = ["planned", "queued", "running", "completed", "failed", "cancelled"] as const;
+type TaskStatus = typeof VALID_TASK_STATUSES[number];
+
 export async function GET(req: NextRequest) {
   const url = new URL(req.url);
   const projectId = url.searchParams.get("projectId");
   const status = url.searchParams.get("status");
 
+  if (status && !VALID_TASK_STATUSES.includes(status as TaskStatus)) {
+    return NextResponse.json(
+      { error: `Invalid status. Must be one of: ${VALID_TASK_STATUSES.join(", ")}` },
+      { status: 400 }
+    );
+  }
+
   const conditions = [];
   if (projectId) conditions.push(eq(tasks.projectId, projectId));
-  if (status) conditions.push(eq(tasks.status, status as typeof tasks.status.enumValues[number]));
+  if (status) conditions.push(eq(tasks.status, status as TaskStatus));
 
   const result = await db
     .select()
@@ -70,10 +80,13 @@ export async function POST(req: NextRequest) {
           .where(eq(documents.id, fileId));
 
         // Trigger processing if not already done (fire-and-forget)
-        processDocument(fileId).catch(() => {});
+        processDocument(fileId).catch((err) => {
+          console.error(`[tasks] processDocument failed for ${fileId}:`, err);
+        });
       }
-    } catch {
+    } catch (err) {
       // File association is best-effort — don't fail task creation
+      console.error("[tasks] File association failed:", err);
     }
   }
 

package/src/app/api/uploads/route.ts

@@ -3,6 +3,7 @@ import { writeFile, mkdir } from "fs/promises";
 import { join } from "path";
 import { db } from "@/lib/db";
 import { documents } from "@/lib/db/schema";
+import { eq } from "drizzle-orm";
 import { processDocument } from "@/lib/documents/processor";
 import { getStagentUploadsDir } from "@/lib/utils/stagent-paths";
 
@@ -48,9 +49,22 @@ export async function POST(req: NextRequest) {
   });
 
   // Fire-and-forget: trigger async document processing
-  processDocument(id).catch((err) =>
-    console.error(`[upload] Processing failed for ${id}:`, err)
-  );
+  processDocument(id).catch(async (err) => {
+    console.error(`[upload] Processing failed for ${id}:`, err);
+    // Ensure document doesn't stay stuck in "processing" state
+    try {
+      await db
+        .update(documents)
+        .set({
+          status: "error",
+          processingError: err instanceof Error ? err.message : String(err),
+          updatedAt: new Date(),
+        })
+        .where(eq(documents.id, id));
+    } catch (dbErr) {
+      console.error(`[upload] Failed to update error status for ${id}:`, dbErr);
+    }
+  });
 
   return NextResponse.json(
     {

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);
@@ -670,6 +659,40 @@
   border: 1px solid color-mix(in oklab, var(--border) 75%, transparent);
 }
 
+/* --- Progress slide animation (AI Assist) --- */
+@keyframes progress-slide {
+  0% { transform: translateX(-100%); }
+  50% { transform: translateX(0%); }
+  100% { transform: translateX(100%); }
+}
+
+/* --- Card exit animation (ghost card deletion) --- */
+@keyframes card-exit {
+  0% {
+    opacity: 1;
+    transform: scale(1);
+    max-height: 300px;
+  }
+  40% {
+    opacity: 0;
+    transform: scale(0.97);
+    max-height: 300px;
+  }
+  100% {
+    opacity: 0;
+    transform: scale(0.95);
+    max-height: 0;
+    margin-top: 0;
+    margin-bottom: 0;
+    overflow: hidden;
+  }
+}
+
+.animate-card-exit {
+  animation: card-exit 500ms ease-out forwards;
+  overflow: hidden;
+}
+
 /* --- Glass shimmer animation --- */
 @keyframes glass-shimmer {
   0% { background-position: -200% 0; }
@@ -701,7 +724,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 +741,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" />