[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/screens/workspace/workspace-desktop-tabs-row.tsx

@@ -8,7 +8,17 @@ import {
   View,
   type LayoutChangeEvent,
 } from "react-native";
-import { Columns2, Rows2, SquarePen, SquareTerminal, X } from "lucide-react-native";
+import {
+  CopyX,
+  ArrowLeftToLine,
+  ArrowRightToLine,
+  Columns2,
+  Copy,
+  Rows2,
+  SquarePen,
+  SquareTerminal,
+  X,
+} from "lucide-react-native";
 import { StyleSheet, useUnistyles } from "react-native-unistyles";
 import { SortableInlineList } from "@/components/sortable-inline-list";
 import {
@@ -258,7 +268,14 @@ function TabChip({
           </ContextMenuTrigger>
         </TooltipTrigger>
         <TooltipContent side="bottom" align="center" offset={8}>
-          <Text style={styles.newTabTooltipText}>{tooltipLabel}</Text>
+          {tab.target.kind === "agent" ? (
+            <View style={styles.tooltipAgentRow}>
+              <Text style={styles.newTabTooltipText}>{tooltipLabel}</Text>
+              <Text style={styles.tooltipAgentId}>{tab.target.agentId.slice(0, 7)}</Text>
+            </View>
+          ) : (
+            <Text style={styles.newTabTooltipText}>{tooltipLabel}</Text>
+          )}
         </TooltipContent>
       </Tooltip>
 
@@ -273,6 +290,28 @@ function TabChip({
               disabled={entry.disabled}
               destructive={entry.destructive}
               onSelect={entry.onSelect}
+              leading={(() => {
+                const iconColor = theme.colors.foregroundMuted;
+                switch (entry.icon) {
+                  case "copy":
+                    return <Copy size={16} color={iconColor} />;
+                  case "arrow-left-to-line":
+                    return <ArrowLeftToLine size={16} color={iconColor} />;
+                  case "arrow-right-to-line":
+                    return <ArrowRightToLine size={16} color={iconColor} />;
+                  case "copy-x":
+                    return <CopyX size={16} color={iconColor} />;
+                  case "x":
+                    return <X size={16} color={iconColor} />;
+                  default:
+                    return undefined;
+                }
+              })()}
+              trailing={
+                entry.hint ? (
+                  <Text style={styles.menuItemHint}>{entry.hint}</Text>
+                ) : undefined
+              }
             >
               {entry.label}
             </ContextMenuItem>
@@ -792,4 +831,17 @@ const styles = StyleSheet.create((theme) => ({
     backgroundColor: theme.colors.surface3,
     borderColor: theme.colors.borderAccent,
   },
+  tooltipAgentRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: theme.spacing[2],
+  },
+  tooltipAgentId: {
+    color: theme.colors.foregroundMuted,
+    fontSize: theme.fontSize.xs,
+  },
+  menuItemHint: {
+    color: theme.colors.foregroundMuted,
+    fontSize: theme.fontSize.xs,
+  },
 }));