[codex] add batch close rpc for workspace tabs (#165)

* style: add subtle teal tint to dark mode surfaces

Replace neutral gray surfaces with a teal-tinted palette across
the app and website, giving Paseo a warmer, more recognizable feel.
App uses a restrained tint (G-R ~3), website is slightly stronger
(G-R ~6) as a brand showcase.

* fix(opencode): handle message.part.delta events for assistant text streaming

OpenCode v2 streams assistant text via `message.part.delta` events (with
field "text" or "reasoning"), but the translator only handled
`message.part.updated`. This caused assistant messages to be silently
dropped during live streaming.

* feat: show agent short ID in tab context menu and tooltip (#161)

Add agent short ID to the "Copy agent id" menu item as trailing hint
text and to the tab tooltip next to the title. Add leading icons to
all workspace tab context menu items.

* add batch close rpc for workspace tabs

packages/app/src/styles/theme.ts

@@ -175,21 +175,21 @@ const lightSemanticColors = {
 } as const;
 
 const darkSemanticColors = {
-  // Surfaces (layers)
-  surface0: "#18181c", // App background
-  surface1: "#1f1f23", // Subtle hover
-  surface2: "#27272a", // Elevated: badges, inputs, sheets
-  surface3: "#3f3f46", // Highest elevation
-  surface4: "#52525b", // Extra emphasis
-  surfaceSidebar: "#121216", // Sidebar background (darker than main)
+  // Surfaces (layers) — subtle teal tint
+  surface0: "#181B1A", // App background
+  surface1: "#1E2120", // Subtle hover
+  surface2: "#272A29", // Elevated: badges, inputs, sheets
+  surface3: "#434645", // Highest elevation
+  surface4: "#595B5B", // Extra emphasis
+  surfaceSidebar: "#141716", // Sidebar background (darker than main)
 
   // Text
   foreground: "#fafafa",
-  foregroundMuted: "#a1a1aa",
+  foregroundMuted: "#A1A5A4",
 
   // Borders
-  border: "#27272a",
-  borderAccent: "#34343a",
+  border: "#252B2A",
+  borderAccent: "#2F3534",
 
   // Brand
   accent: "#20744A",
@@ -203,28 +203,28 @@ const darkSemanticColors = {
   successForeground: "#ffffff",
 
   // Legacy aliases (for gradual migration)
-  background: "#18181c",
-  popover: "#27272a",
+  background: "#181B1A",
+  popover: "#272A29",
   popoverForeground: "#fafafa",
   primary: "#fafafa",
-  primaryForeground: "#18181b",
-  secondary: "#27272a",
+  primaryForeground: "#181B1A",
+  secondary: "#272A29",
   secondaryForeground: "#fafafa",
-  muted: "#27272a",
-  mutedForeground: "#a1a1aa",
-  accentBorder: "#34343a",
-  input: "#27272a",
+  muted: "#272A29",
+  mutedForeground: "#A1A5A4",
+  accentBorder: "#2F3534",
+  input: "#272A29",
   ring: "#d4d4d8",
 
   terminal: {
-    background: "#18181c",
+    background: "#181B1A",
     foreground: "#fafafa",
     cursor: "#fafafa",
-    cursorAccent: "#18181c",
+    cursorAccent: "#181B1A",
     selectionBackground: "rgba(255, 255, 255, 0.2)",
     selectionForeground: "#fafafa",
 
-    black: "#121214",
+    black: "#141716",
     red: "#ef4444",
     green: "#22c55e",
     yellow: "#f59e0b",
@@ -233,7 +233,7 @@ const darkSemanticColors = {
     cyan: "#06b6d4",
     white: "#e4e4e7",
 
-    brightBlack: "#3f3f46",
+    brightBlack: "#434645",
     brightRed: "#f87171",
     brightGreen: "#4ade80",
     brightYellow: "#fbbf24",