@opengeni/react 0.4.0 → 0.5.0

package/dist/index.js

@@ -29,7 +29,7 @@ function useOpenGeniClient(override = {}) {
 }
 
 // src/hooks/use-session.ts
-import { useCallback as useCallback2 } from "react";
+import { useCallback as useCallback2, useState as useState2 } from "react";
 
 // src/hooks/internal.ts
 import { useCallback, useEffect, useRef, useState } from "react";
@@ -203,23 +203,74 @@ function useDebouncedCallback(callback, delayMs = 150) {
 }
 
 // src/hooks/use-session.ts
+function isTitleEvent(event) {
+  return event.type === "session.title_set";
+}
 function useSession(sessionId, options = {}) {
   const { client, workspaceId } = useOpenGeni(options);
+  const enabled = (options.enabled ?? true) && Boolean(sessionId);
+  const [override, setOverride] = useState2(null);
+  const mutation = useMutationRunner();
   const load = useCallback2(async () => {
     if (!sessionId) {
       return null;
     }
-    return await client.getSession(workspaceId, sessionId);
+    const fetched = await client.getSession(workspaceId, sessionId);
+    setOverride(null);
+    return fetched;
   }, [client, workspaceId, sessionId]);
   const state = usePolledValue(load, {
     pollIntervalMs: options.pollIntervalMs,
-    enabled: (options.enabled ?? true) && Boolean(sessionId)
+    enabled
+  });
+  const base = state.data ?? null;
+  const session = base && override && override.id === base.id ? { ...base, title: override.title, titleSource: override.titleSource } : base;
+  const onTitleEvent = useCallback2((event) => {
+    const payload = event.payload ?? {};
+    const title = payload.title;
+    if (typeof title !== "string") {
+      return;
+    }
+    const source = payload.source === "user" || payload.source === "agent" ? payload.source : null;
+    setOverride((current) => {
+      const next = current ?? base;
+      if (!next) {
+        return current;
+      }
+      return { ...next, title, titleSource: source };
+    });
+  }, [base]);
+  useSessionEventTrigger(client, workspaceId, sessionId, isTitleEvent, onTitleEvent, {
+    enabled,
+    ...options.events !== void 0 ? { events: options.events } : {}
   });
-  return { session: state.data ?? null, loading: state.loading, error: state.error, refresh: state.refresh };
+  const updateTitle = useCallback2(
+    async (title) => {
+      if (!sessionId) {
+        return null;
+      }
+      const result = await mutation.run(() => client.updateSession(workspaceId, sessionId, { title }));
+      if (result) {
+        setOverride(result);
+      }
+      return result;
+    },
+    [client, workspaceId, sessionId, mutation.run]
+  );
+  return {
+    session,
+    loading: state.loading,
+    error: state.error,
+    refresh: state.refresh,
+    updateTitle,
+    updating: mutation.mutating,
+    mutationError: mutation.mutationError,
+    clearMutationError: mutation.clearMutationError
+  };
 }
 
 // src/hooks/use-session-events.ts
-import { useEffect as useEffect4, useMemo as useMemo3, useRef as useRef2, useState as useState8 } from "react";
+import { useEffect as useEffect4, useMemo as useMemo3, useRef as useRef2, useState as useState9 } from "react";
 
 // src/lib/format.ts
 function formatRelativeTime(iso, now = /* @__PURE__ */ new Date()) {
@@ -870,7 +921,7 @@ function v4aToGitFileDiff(op) {
         hunks.push(cur);
       } else if (cur || op.type === "create_file") {
         if (!cur) {
-          cur = { oldStart: 0, oldLines: 0, newStart: 1, newLines: 0, header: "@@ +1 @@", lines: [] };
+          cur = { oldStart: 0, oldLines: 0, newStart: 1, newLines: 0, header: "", lines: [] };
           hunks.push(cur);
           oldNo = 0;
           newNo = 1;
@@ -956,7 +1007,7 @@ function unwrapMcpOutput(output) {
 
 // src/timeline/shared.tsx
 import { CameraIcon, CameraOffIcon, ChevronRightIcon } from "lucide-react";
-import { useState as useState3 } from "react";
+import { useState as useState4 } from "react";
 import { Collapsible } from "radix-ui";
 
 // src/lib/cn.ts
@@ -987,7 +1038,7 @@ function useForcedDefaultOpen() {
 // src/timeline/screenshot-lightbox.tsx
 import { XIcon } from "lucide-react";
 import { AnimatePresence, motion } from "motion/react";
-import { createContext as createContext3, useCallback as useCallback3, useContext as useContext3, useMemo as useMemo2, useState as useState2 } from "react";
+import { createContext as createContext3, useCallback as useCallback3, useContext as useContext3, useMemo as useMemo2, useState as useState3 } from "react";
 import { Dialog } from "radix-ui";
 import { Fragment, jsx as jsx3, jsxs } from "react/jsx-runtime";
 var LightboxContext = createContext3(null);
@@ -1007,7 +1058,7 @@ function LightboxProvider({ children }) {
   return /* @__PURE__ */ jsx3(LightboxRoot, { children });
 }
 function LightboxRoot({ children }) {
-  const [state, setState] = useState2(null);
+  const [state, setState] = useState3(null);
   const open = useCallback3((src, caption) => {
     setState(caption ? { src, caption } : { src });
   }, []);
@@ -1106,7 +1157,7 @@ function ActivityDisclosure({
   const iconTone = failed && iconToneProp === "muted" ? "failed" : iconToneProp;
   const chip = chipProp ?? (failed ? { tone: "bad", text: "failed" } : cancelled ? { tone: "interrupted", text: "interrupted" } : void 0);
   const forcedDefaultOpen = useForcedDefaultOpen();
-  const [open, setOpen] = useState3(forcedDefaultOpen ?? false);
+  const [open, setOpen] = useState4(forcedDefaultOpen ?? false);
   const hasBody = expandable && children != null;
   const previewVisible = preview != null && !open;
   const rowClass = cn(
@@ -1179,7 +1230,7 @@ function TermBlock({
   live,
   tailLines = 12
 }) {
-  const [full, setFull] = useState3(false);
+  const [full, setFull] = useState4(false);
   const empty = output.trim() === "";
   const lines = output.split("\n");
   const big = lines.length > tailLines + 4;
@@ -1248,7 +1299,7 @@ function MediaEmpty() {
 }
 function Thumbnail({ src, caption, alt = "screenshot" }) {
   const lightbox = useLightboxOptional();
-  const [failed, setFailed] = useState3(false);
+  const [failed, setFailed] = useState4(false);
   if (failed) {
     return /* @__PURE__ */ jsx4(MediaEmpty, {});
   }
@@ -1289,7 +1340,7 @@ function Thumbnail({ src, caption, alt = "screenshot" }) {
 }
 function ScreenshotFigure({ src, caption, alt = "screenshot" }) {
   const lightbox = useLightboxOptional();
-  const [failed, setFailed] = useState3(false);
+  const [failed, setFailed] = useState4(false);
   const surface = "block w-full overflow-hidden rounded-og-md border border-og-border bg-og-bg";
   const img = /* @__PURE__ */ jsx4("img", { src, alt, onError: () => setFailed(true), className: "max-h-80 w-full object-contain" });
   return /* @__PURE__ */ jsxs2("figure", { className: "m-0 min-w-0", children: [
@@ -1299,12 +1350,12 @@ function ScreenshotFigure({ src, caption, alt = "screenshot" }) {
 }
 
 // src/timeline/tool-diff.tsx
-import { useState as useState6 } from "react";
+import { useState as useState7 } from "react";
 
 // src/lib/use-theme-type.ts
-import { useEffect as useEffect2, useState as useState4 } from "react";
+import { useEffect as useEffect2, useState as useState5 } from "react";
 function useThemeType(forced) {
-  const [detected, setDetected] = useState4("dark");
+  const [detected, setDetected] = useState5("dark");
   useEffect2(() => {
     if (forced || typeof document === "undefined") return;
     const read = () => {
@@ -1489,7 +1540,7 @@ import {
   lazy,
   Suspense,
   useEffect as useEffect3,
-  useState as useState5
+  useState as useState6
 } from "react";
 
 // src/lib/git-patch.ts
@@ -1509,7 +1560,8 @@ function gitFileDiffToPatch(file) {
     lines.push(`+++ b/${newPath}`);
   }
   for (const hunk of file.hunks) {
-    const header = hunk.header && hunk.header.startsWith("@@") ? hunk.header : `@@ -${hunk.oldStart},${hunk.oldLines} +${hunk.newStart},${hunk.newLines} @@`;
+    const headerIsValid = /^@@ -\d+(?:,\d+)? \+\d+(?:,\d+)? @@/.test(hunk.header ?? "");
+    const header = headerIsValid ? hunk.header : `@@ -${hunk.oldStart},${hunk.oldLines} +${hunk.newStart},${hunk.newLines} @@`;
     lines.push(header);
     for (const line of hunk.lines) {
       if (line.type === "meta") continue;
@@ -1536,7 +1588,7 @@ function PierreDiff({
   fallback,
   className
 }) {
-  const [failed, setFailed] = useState5(false);
+  const [failed, setFailed] = useState6(false);
   useEffect3(() => {
     let cancelled = false;
     void import("@pierre/diffs/react").catch(() => {
@@ -1588,7 +1640,7 @@ function DiffSkeleton() {
 // src/timeline/tool-diff.tsx
 import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
 function ToolDiff({ files }) {
-  const [layout, setLayout] = useState6("unified");
+  const [layout, setLayout] = useState7("unified");
   const themeType = useThemeType(void 0);
   const plain = /* @__PURE__ */ jsx7(DiffView, { diff: files, layout });
   return /* @__PURE__ */ jsxs4("div", { className: "min-w-0", children: [
@@ -2445,12 +2497,12 @@ function WorkerRow({ item, onOpenSession }) {
 
 // src/timeline/turn-summary.tsx
 import { CheckIcon, ChevronRightIcon as ChevronRightIcon2, CircleSlashIcon, TriangleAlertIcon } from "lucide-react";
-import { useState as useState7 } from "react";
+import { useState as useState8 } from "react";
 import { Collapsible as Collapsible2 } from "radix-ui";
 import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 function TurnSummary({ items, outcome, failureText, defaultOpen, children }) {
   const forcedDefaultOpen = useForcedDefaultOpen();
-  const [open, setOpen] = useState7(defaultOpen ?? forcedDefaultOpen ?? false);
+  const [open, setOpen] = useState8(defaultOpen ?? forcedDefaultOpen ?? false);
   const facets = summarizeTurn(items);
   return /* @__PURE__ */ jsxs7(Collapsible2.Root, { open, onOpenChange: setOpen, className: "animate-og-enter", children: [
     /* @__PURE__ */ jsxs7(
@@ -2524,9 +2576,9 @@ function useSessionEvents(sessionId, options = {}) {
   const { client, workspaceId } = useOpenGeni(options);
   const enabled = options.enabled ?? true;
   const after = options.after ?? 0;
-  const [events, setEvents] = useState8([]);
-  const [connectionState, setConnectionState] = useState8("idle");
-  const [error, setError] = useState8(null);
+  const [events, setEvents] = useState9([]);
+  const [connectionState, setConnectionState] = useState9("idle");
+  const [error, setError] = useState9(null);
   const lastSequenceRef = useRef2(after);
   const streamKeyRef = useRef2(null);
   useEffect4(() => {
@@ -2607,15 +2659,15 @@ function useSessionEvents(sessionId, options = {}) {
 }
 
 // src/hooks/use-composer.ts
-import { useCallback as useCallback4, useEffect as useEffect5, useRef as useRef3, useState as useState9 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect5, useRef as useRef3, useState as useState10 } from "react";
 function useComposer(sessionId, options = {}) {
   const { client, workspaceId } = useOpenGeni(options);
   const defaultMode = options.defaultMode ?? "queue";
-  const [value, setValue] = useState9("");
-  const [mode, setMode] = useState9(defaultMode);
-  const [sending, setSending] = useState9(false);
-  const [interrupting, setInterrupting] = useState9(false);
-  const [error, setError] = useState9(null);
+  const [value, setValue] = useState10("");
+  const [mode, setMode] = useState10(defaultMode);
+  const [sending, setSending] = useState10(false);
+  const [interrupting, setInterrupting] = useState10(false);
+  const [error, setError] = useState10(null);
   const pendingClientEventId = useRef3(null);
   const onSent = options.onSent;
   const modeRef = useRef3(mode);
@@ -2726,12 +2778,12 @@ function generateClientEventId() {
 }
 
 // src/hooks/use-file-attachments.ts
-import { useCallback as useCallback5, useState as useState10 } from "react";
+import { useCallback as useCallback5, useState as useState11 } from "react";
 var isImage = (file) => file.type.startsWith("image/");
 function useFileAttachments(options = {}) {
   const { client, workspaceId } = useOpenGeni(options);
   const pasteFilter = options.pasteFilter ?? isImage;
-  const [attachments, setAttachments] = useState10([]);
+  const [attachments, setAttachments] = useState11([]);
   const addFiles = useCallback5((files) => {
     for (const file of files) {
       const id = crypto.randomUUID();
@@ -2796,7 +2848,7 @@ function useFileAttachments(options = {}) {
 }
 
 // src/hooks/use-turn-queue.ts
-import { useCallback as useCallback6, useEffect as useEffect6, useRef as useRef4, useState as useState11 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect6, useRef as useRef4, useState as useState12 } from "react";
 function isTurnQueueEvent(event) {
   return event.type.startsWith("turn.");
 }
@@ -2836,9 +2888,9 @@ function applyTurnRemoval(turns, turnId) {
 function useTurnQueue(sessionId, options = {}) {
   const { client, workspaceId } = useOpenGeni(options);
   const enabled = (options.enabled ?? true) && Boolean(sessionId);
-  const [turns, setTurns] = useState11([]);
-  const [loading, setLoading] = useState11(enabled);
-  const [error, setError] = useState11(null);
+  const [turns, setTurns] = useState12([]);
+  const [loading, setLoading] = useState12(enabled);
+  const [error, setError] = useState12(null);
   const mutation = useMutationRunner();
   const generation = useRef4(0);
   const targetKeyRef = useRef4(null);
@@ -2960,16 +3012,16 @@ function useTurnQueue(sessionId, options = {}) {
 
 // src/hooks/use-goal.ts
 import { OpenGeniApiError } from "@opengeni/sdk";
-import { useCallback as useCallback7, useEffect as useEffect7, useRef as useRef5, useState as useState12 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect7, useRef as useRef5, useState as useState13 } from "react";
 function isGoalEvent(event) {
   return event.type.startsWith("goal.");
 }
 function useGoal(sessionId, options = {}) {
   const { client, workspaceId } = useOpenGeni(options);
   const enabled = (options.enabled ?? true) && Boolean(sessionId);
-  const [goal, setGoal] = useState12(null);
-  const [loading, setLoading] = useState12(enabled);
-  const [error, setError] = useState12(null);
+  const [goal, setGoal] = useState13(null);
+  const [loading, setLoading] = useState13(enabled);
+  const [error, setError] = useState13(null);
   const mutation = useMutationRunner();
   const generation = useRef5(0);
   const targetKeyRef = useRef5(null);
@@ -3371,7 +3423,7 @@ import {
   OpenGeniApiError as OpenGeniApiError2,
   applyUrlRotation
 } from "@opengeni/sdk";
-import { useCallback as useCallback16, useEffect as useEffect8, useRef as useRef6, useState as useState13 } from "react";
+import { useCallback as useCallback16, useEffect as useEffect8, useRef as useRef6, useState as useState14 } from "react";
 function desktopAttachable(cell) {
   if (cell.transport !== null) return true;
   return cell.reason === "lease_cold" || cell.reason === "not_provisioned" || cell.reason === null;
@@ -3399,13 +3451,13 @@ function useSessionCapabilities(sessionId, options = {}) {
   const attachFiles = options.attachFiles ?? false;
   const warmingPollMs = options.warmingPollMs ?? 1500;
   const warmingDeadlineMs = options.warmingDeadlineMs ?? 3e4;
-  const [capabilities, setCapabilities] = useState13(null);
-  const [state, setState] = useState13("idle");
-  const [error, setError] = useState13(null);
-  const [acknowledgmentRequired, setAcknowledgmentRequired] = useState13(null);
-  const [viewerCapReached, setViewerCapReached] = useState13(false);
-  const [viewerId, setViewerId] = useState13(null);
-  const [nonce, setNonce] = useState13(0);
+  const [capabilities, setCapabilities] = useState14(null);
+  const [state, setState] = useState14("idle");
+  const [error, setError] = useState14(null);
+  const [acknowledgmentRequired, setAcknowledgmentRequired] = useState14(null);
+  const [viewerCapReached, setViewerCapReached] = useState14(false);
+  const [viewerId, setViewerId] = useState14(null);
+  const [nonce, setNonce] = useState14(0);
   const epochRef = useRef6(0);
   const viewerIdRef = useRef6(null);
   const renegotiate = useCallback16(() => {
@@ -3606,7 +3658,7 @@ import {
   desktopSocketUrl,
   nextDesktopState
 } from "@opengeni/sdk";
-import { useEffect as useEffect9, useRef as useRef7, useState as useState14 } from "react";
+import { useEffect as useEffect9, useRef as useRef7, useState as useState15 } from "react";
 async function defaultRfbFactory() {
   const mod = await import("@novnc/novnc");
   const RFB = mod.default;
@@ -3614,9 +3666,9 @@ async function defaultRfbFactory() {
 }
 function useDesktopStream(options) {
   const { capability, containerRef, interactive, scaleViewport, rfbFactory } = options;
-  const [state, setState] = useState14("idle");
-  const [error, setError] = useState14(null);
-  const [nonce, setNonce] = useState14(0);
+  const [state, setState] = useState15("idle");
+  const [error, setError] = useState15(null);
+  const [nonce, setNonce] = useState15(0);
   const stateRef = useRef7("idle");
   const setBoth = (next) => {
     stateRef.current = next;
@@ -3723,7 +3775,7 @@ import {
   ttydResizeFrame,
   TtydServerCommand
 } from "@opengeni/sdk";
-import { useEffect as useEffect10, useMemo as useMemo4, useRef as useRef8, useState as useState15 } from "react";
+import { useEffect as useEffect10, useMemo as useMemo4, useRef as useRef8, useState as useState16 } from "react";
 function decodeFrame(data) {
   if (typeof data === "string") {
     return { command: data.charAt(0), payload: data.slice(1) };
@@ -3735,7 +3787,7 @@ function decodeFrame(data) {
 }
 function useTerminalStream(options) {
   const { capability, onOutput, onTitle, initialCols, initialRows } = options;
-  const [status, setStatus] = useState15("closed");
+  const [status, setStatus] = useState16("closed");
   const wsRef = useRef8(null);
   const sizeRef = useRef8({
     cols: initialCols ?? 80,
@@ -3845,16 +3897,16 @@ function useTerminalStream(options) {
 
 // src/hooks/use-sandbox-terminal.ts
 import { OpenGeniApiError as OpenGeniApiError3 } from "@opengeni/sdk";
-import { useCallback as useCallback17, useEffect as useEffect11, useMemo as useMemo5, useRef as useRef9, useState as useState16 } from "react";
+import { useCallback as useCallback17, useEffect as useEffect11, useMemo as useMemo5, useRef as useRef9, useState as useState17 } from "react";
 function useSandboxTerminal(sessionId, options) {
   const { client, workspaceId } = useOpenGeni(options);
   const includeAgentFirehose = options.includeAgentFirehose ?? true;
   const interactive = options.interactive ?? false;
   const ptyFilter = options.ptyId;
   const liveness = options.liveness;
-  const [openedPtyId, setOpenedPtyId] = useState16(null);
-  const [openError, setOpenError] = useState16(null);
-  const [reopenNonce, setReopenNonce] = useState16(0);
+  const [openedPtyId, setOpenedPtyId] = useState17(null);
+  const [openError, setOpenError] = useState17(null);
+  const [reopenNonce, setReopenNonce] = useState17(0);
   const openInFlight = useRef9(false);
   const boxWarm = liveness === void 0 || liveness === "warm" || liveness === "draining";
   useEffect11(() => {
@@ -3961,7 +4013,7 @@ function useSandboxTerminal(sessionId, options) {
 }
 
 // src/hooks/use-sandbox-files.ts
-import { useCallback as useCallback18, useEffect as useEffect12, useRef as useRef10, useState as useState17 } from "react";
+import { useCallback as useCallback18, useEffect as useEffect12, useRef as useRef10, useState as useState18 } from "react";
 function parentOf(path) {
   const i = path.lastIndexOf("/");
   return i <= 0 ? "" : path.slice(0, i);
@@ -4080,11 +4132,11 @@ function useSandboxFiles(sessionId, options = {}) {
   const { client, workspaceId } = useOpenGeni(options);
   const enabled = (options.enabled ?? true) && Boolean(sessionId);
   const rootPath = options.rootPath ?? "";
-  const [tree, setTree] = useState17([]);
+  const [tree, setTree] = useState18([]);
   const treeRef = useRef10([]);
-  const [loading, setLoading] = useState17(false);
-  const [expandingPaths, setExpandingPaths] = useState17(/* @__PURE__ */ new Set());
-  const [error, setError] = useState17(null);
+  const [loading, setLoading] = useState18(false);
+  const [expandingPaths, setExpandingPaths] = useState18(/* @__PURE__ */ new Set());
+  const [error, setError] = useState18(null);
   const statusRef = useRef10(/* @__PURE__ */ new Map());
   const ownRevisionsRef = useRef10(/* @__PURE__ */ new Set());
   const onMutationError = options.onMutationError;
@@ -4376,19 +4428,19 @@ function useSandboxFiles(sessionId, options = {}) {
 }
 
 // src/hooks/use-sandbox-git.ts
-import { useCallback as useCallback19, useEffect as useEffect13, useRef as useRef11, useState as useState18 } from "react";
+import { useCallback as useCallback19, useEffect as useEffect13, useRef as useRef11, useState as useState19 } from "react";
 function useSandboxGit(sessionId, options = {}) {
   const { client, workspaceId } = useOpenGeni(options);
   const enabled = (options.enabled ?? true) && Boolean(sessionId);
   const repoPath = options.repoPath ?? "";
   const staged = options.staged ?? false;
-  const [diff, setDiff] = useState18([]);
-  const [branch, setBranch] = useState18(null);
-  const [isRepo, setIsRepo] = useState18(false);
-  const [ahead, setAhead] = useState18(0);
-  const [behind, setBehind] = useState18(0);
-  const [loading, setLoading] = useState18(false);
-  const [error, setError] = useState18(null);
+  const [diff, setDiff] = useState19([]);
+  const [branch, setBranch] = useState19(null);
+  const [isRepo, setIsRepo] = useState19(false);
+  const [ahead, setAhead] = useState19(0);
+  const [behind, setBehind] = useState19(0);
+  const [loading, setLoading] = useState19(false);
+  const [error, setError] = useState19(null);
   const refresh = useCallback19(async () => {
     if (!sessionId) return;
     setLoading(true);
@@ -4670,11 +4722,11 @@ function clearErrorMessage(cause) {
 }
 
 // src/hooks/use-slash-commands.ts
-import { useCallback as useCallback20, useMemo as useMemo6, useRef as useRef12, useState as useState19 } from "react";
+import { useCallback as useCallback20, useMemo as useMemo6, useRef as useRef12, useState as useState20 } from "react";
 function useSlashCommands(options) {
   const { commands, context, handlers, value, setValue } = options;
-  const [highlight, setHighlight] = useState19(0);
-  const [dismissedValue, setDismissedValue] = useState19(null);
+  const [highlight, setHighlight] = useState20(0);
+  const [dismissedValue, setDismissedValue] = useState20(null);
   const dismissed = dismissedValue !== null && dismissedValue === value;
   const navigatedRef = useRef12(false);
   const navTokenRef = useRef12(value);
@@ -4947,7 +4999,7 @@ function CommandPalette({ open, items, highlight, onHighlight, onRun, argHintTex
 // src/components/chat-composer.tsx
 import { ArrowUpIcon, FileIcon, ImageIcon as ImageIcon2, LoaderCircleIcon, PaperclipIcon, SquareIcon, XIcon as XIcon2 } from "lucide-react";
 import { AnimatePresence as AnimatePresence3, motion as motion3 } from "motion/react";
-import { useCallback as useCallback21, useEffect as useEffect14, useId as useId2, useMemo as useMemo8, useRef as useRef13, useState as useState20 } from "react";
+import { useCallback as useCallback21, useEffect as useEffect14, useId as useId2, useMemo as useMemo8, useRef as useRef13, useState as useState21 } from "react";
 
 // src/components/model-picker.tsx
 import { ChevronDownIcon } from "lucide-react";
@@ -5030,7 +5082,7 @@ function ChatComposer({
   const blockedByUpload = attachments?.uploading === true;
   const hasReadyAttachment = (attachments?.readyResources.length ?? 0) > 0;
   const canSend = (composer.canSend || hasReadyAttachment) && !blockedByUpload && !composer.sending;
-  const [dragging, setDragging] = useState20(false);
+  const [dragging, setDragging] = useState21(false);
   const dragCarriesFiles = (event) => event.dataTransfer != null && [...event.dataTransfer.types].includes("Files");
   const handleDragOver = useCallback21(
     (event) => {
@@ -5067,9 +5119,9 @@ function ChatComposer({
     },
     [attachments]
   );
-  const [notice, setNotice] = useState20(null);
-  const [helpOpen, setHelpOpen] = useState20(false);
-  const [confirmState, setConfirmState] = useState20(null);
+  const [notice, setNotice] = useState21(null);
+  const [helpOpen, setHelpOpen] = useState21(false);
+  const [confirmState, setConfirmState] = useState21(null);
   const listboxId = useId2();
   const resize = useCallback21(() => {
     const textarea = textareaRef.current;
@@ -5492,7 +5544,7 @@ import {
   TriangleAlertIcon as TriangleAlertIcon2
 } from "lucide-react";
 import { AnimatePresence as AnimatePresence4, motion as motion4 } from "motion/react";
-import { useEffect as useEffect15, useMemo as useMemo9, useRef as useRef14, useState as useState21 } from "react";
+import { useEffect as useEffect15, useMemo as useMemo9, useRef as useRef14, useState as useState22 } from "react";
 
 // src/components/markdown.tsx
 import { memo } from "react";
@@ -5657,7 +5709,7 @@ function MessageTimeline({
   const resolvedItems = useMemo9(() => items ?? buildTimeline(events ?? []), [items, events]);
   const groups = useMemo9(() => groupTimeline(resolvedItems), [resolvedItems]);
   const scrollRef = useRef14(null);
-  const [pinned, setPinned] = useState21(true);
+  const [pinned, setPinned] = useState22(true);
   const lastItem = resolvedItems[resolvedItems.length - 1];
   const streaming = lastItem !== void 0 && (lastItem.kind === "agent-message" || lastItem.kind === "reasoning") && lastItem.streaming;
   const working = status === "running" && !streaming;
@@ -5797,6 +5849,9 @@ function NoticeRow({ item }) {
 // src/components/fleet-tile.tsx
 import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
 function sessionDisplayTitle(session) {
+  if (typeof session.title === "string" && session.title.trim().length > 0) {
+    return session.title;
+  }
   for (const key of ["title", "name"]) {
     const value = session.metadata[key];
     if (typeof value === "string" && value.trim().length > 0) {
@@ -5851,7 +5906,7 @@ function FleetTile({ session, title, subtitle, onOpen, className }) {
 }
 
 // src/components/sandbox-terminal.tsx
-import { useEffect as useEffect16, useRef as useRef15, useState as useState22 } from "react";
+import { useEffect as useEffect16, useRef as useRef15, useState as useState23 } from "react";
 import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
 function SandboxTerminal({
   result,
@@ -5870,7 +5925,7 @@ function SandboxTerminal({
   const termRef = useRef15(null);
   const fitRef = useRef15(null);
   const writtenRef = useRef15(/* @__PURE__ */ new Set());
-  const [ready, setReady] = useState22(false);
+  const [ready, setReady] = useState23(false);
   const ptyWs = terminalCapability?.transport === "pty-ws" && Boolean(terminalCapability?.url);
   const ptyOutputQueueRef = useRef15([]);
   const ptyStream = useTerminalStream({
@@ -6131,7 +6186,7 @@ import {
   useEffect as useEffect17,
   useMemo as useMemo10,
   useRef as useRef16,
-  useState as useState23
+  useState as useState24
 } from "react";
 import { Fragment as Fragment5, jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
 var STATUS_TINT = {
@@ -6169,14 +6224,14 @@ function FileBrowser({
   confirmDelete,
   className
 }) {
-  const [expanded, setExpanded] = useState23(/* @__PURE__ */ new Set());
-  const [loadingPaths, setLoadingPaths] = useState23(/* @__PURE__ */ new Set());
-  const [active, setActive] = useState23(null);
-  const [draftCreate, setDraftCreate] = useState23(null);
-  const [draftRename, setDraftRename] = useState23(null);
-  const [dragOver, setDragOver] = useState23(null);
-  const [menu, setMenu] = useState23(null);
-  const [busy, setBusy] = useState23(false);
+  const [expanded, setExpanded] = useState24(/* @__PURE__ */ new Set());
+  const [loadingPaths, setLoadingPaths] = useState24(/* @__PURE__ */ new Set());
+  const [active, setActive] = useState24(null);
+  const [draftCreate, setDraftCreate] = useState24(null);
+  const [draftRename, setDraftRename] = useState24(null);
+  const [dragOver, setDragOver] = useState24(null);
+  const [menu, setMenu] = useState24(null);
+  const [busy, setBusy] = useState24(false);
   const containerRef = useRef16(null);
   const cursor = active ?? selectedPath ?? null;
   const expand = useCallback22(
@@ -6676,7 +6731,7 @@ function InlineInput({
   onCommit,
   onCancel
 }) {
-  const [value, setValue] = useState23(initialValue);
+  const [value, setValue] = useState24(initialValue);
   const ref = useRef16(null);
   const doneRef = useRef16(false);
   useEffect17(() => {
@@ -6787,7 +6842,7 @@ import {
   lazy as lazy2,
   Suspense as Suspense2,
   useEffect as useEffect18,
-  useState as useState24
+  useState as useState25
 } from "react";
 import { jsx as jsx20 } from "react/jsx-runtime";
 var LazyFile = lazy2(async () => {
@@ -6804,7 +6859,7 @@ function PierreFile({
   fallback,
   className
 }) {
-  const [failed, setFailed] = useState24(false);
+  const [failed, setFailed] = useState25(false);
   useEffect18(() => {
     let cancelled = false;
     void import("@pierre/diffs/react").catch(() => {
@@ -6865,7 +6920,7 @@ import {
   useEffect as useEffect19,
   useMemo as useMemo11,
   useRef as useRef17,
-  useState as useState25
+  useState as useState26
 } from "react";
 import { jsx as jsx21, jsxs as jsxs16 } from "react/jsx-runtime";
 var LANGUAGE_LOADERS = {
@@ -6925,13 +6980,13 @@ function CodeEditor({
   fallback,
   className
 }) {
-  const [failed, setFailed] = useState25(false);
-  const [bundle, setBundle] = useState25(null);
-  const [value, setValue] = useState25(initialContents);
-  const [baseline, setBaseline] = useState25(initialContents);
-  const [saving, setSaving] = useState25(false);
-  const [saveError, setSaveError] = useState25(null);
-  const [savedTick, setSavedTick] = useState25(false);
+  const [failed, setFailed] = useState26(false);
+  const [bundle, setBundle] = useState26(null);
+  const [value, setValue] = useState26(initialContents);
+  const [baseline, setBaseline] = useState26(initialContents);
+  const [saving, setSaving] = useState26(false);
+  const [saveError, setSaveError] = useState26(null);
+  const [savedTick, setSavedTick] = useState26(false);
   const dirty = value !== baseline;
   const lastSeed = useRef17({ path, contents: initialContents });
   useEffect19(() => {
@@ -7122,7 +7177,7 @@ function EditorSkeleton() {
 
 // src/components/sandbox-files.tsx
 import { FileIcon as FileIcon3 } from "lucide-react";
-import { useCallback as useCallback24, useEffect as useEffect20, useMemo as useMemo12, useRef as useRef18, useState as useState26 } from "react";
+import { useCallback as useCallback24, useEffect as useEffect20, useMemo as useMemo12, useRef as useRef18, useState as useState27 } from "react";
 import { Fragment as Fragment6, jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
 var STATUS_TINT2 = {
   added: "text-[color:var(--og-color-status-idle,var(--color-success,#3fb950))]",
@@ -7156,12 +7211,12 @@ function SandboxFiles({
   themeType,
   className
 }) {
-  const [selected, setSelected] = useState26(null);
-  const [staged, setStaged] = useState26(false);
-  const [layout, setLayout] = useState26("unified");
-  const [editMode, setEditMode] = useState26(false);
+  const [selected, setSelected] = useState27(null);
+  const [staged, setStaged] = useState27(false);
+  const [layout, setLayout] = useState27("unified");
+  const [editMode, setEditMode] = useState27(false);
   const rootRef = useRef18(null);
-  const [wide, setWide] = useState26(false);
+  const [wide, setWide] = useState27(false);
   useEffect20(() => {
     const el = rootRef.current;
     if (!el || typeof ResizeObserver === "undefined") return;
@@ -7423,7 +7478,7 @@ function Segmented({
   )) });
 }
 function useFileView(path, readFile) {
-  const [state, setState] = useState26({
+  const [state, setState] = useState27({
     content: null,
     isBinary: false,
     truncated: false,
@@ -7493,7 +7548,7 @@ function Notice({ children, className }) {
 
 // src/components/desktop-viewer.tsx
 import { LoaderCircleIcon as LoaderCircleIcon2, MonitorIcon, MousePointerClickIcon, WifiOffIcon } from "lucide-react";
-import { useEffect as useEffect21, useRef as useRef19, useState as useState27 } from "react";
+import { useEffect as useEffect21, useRef as useRef19, useState as useState28 } from "react";
 import { jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
 function isHardUnavailable(reason) {
   switch (reason) {
@@ -7525,8 +7580,8 @@ function DesktopViewer({
   className
 }) {
   const containerRef = useRef19(null);
-  const [consented, setConsented] = useState27(false);
-  const [takeControl, setTakeControl] = useState27(interactive ?? false);
+  const [consented, setConsented] = useState28(false);
+  const [takeControl, setTakeControl] = useState28(interactive ?? false);
   const externallyControlled = interactive !== void 0;
   const serverAllowsControl = capability?.mode !== "read-only";
   const wantControl = externallyControlled ? interactive : takeControl;
@@ -7589,8 +7644,8 @@ function DesktopViewer({
     document.addEventListener("visibilitychange", maybeReattach);
     return () => document.removeEventListener("visibilitychange", maybeReattach);
   }, [hasLiveUrl, connectCapability?.url]);
-  const [connectTimedOut, setConnectTimedOut] = useState27(false);
-  const [reconnectNonce, setReconnectNonce] = useState27(0);
+  const [connectTimedOut, setConnectTimedOut] = useState28(false);
+  const [reconnectNonce, setReconnectNonce] = useState28(0);
   useEffect21(() => {
     setConnectTimedOut(false);
     if (!hasLiveUrl || connected || stream.error || connectTimeoutMs <= 0) return;
@@ -7859,7 +7914,7 @@ function defaultNotice(title, body, onRetry) {
 }
 
 // src/components/workspace-dock.tsx
-import { useCallback as useCallback25, useEffect as useEffect22, useState as useState28 } from "react";
+import { useCallback as useCallback25, useEffect as useEffect22, useState as useState29 } from "react";
 import {
   ChevronsLeftRightIcon,
   Maximize2Icon,
@@ -7886,9 +7941,9 @@ function WorkspaceDock({
   className
 }) {
   const dockPanelRef = usePanelRef();
-  const [collapsed, setCollapsed] = useState28(false);
-  const [maximized, setMaximized] = useState28(false);
-  const [internalTab, setInternalTab] = useState28(tabs[0]?.id ?? "");
+  const [collapsed, setCollapsed] = useState29(false);
+  const [maximized, setMaximized] = useState29(false);
+  const [internalTab, setInternalTab] = useState29(tabs[0]?.id ?? "");
   const { defaultLayout, onLayoutChanged } = useDefaultLayout({
     panelIds: ["primary", "dock"],
     storage: typeof window !== "undefined" ? window.localStorage : void 0,
@@ -8120,6 +8175,7 @@ export {
   isApplyPatch,
   isExecSessionLostBanner,
   isGoalEvent,
+  isTitleEvent,
   isTurnQueueEvent,
   languageForPath,
   looksBinary,