@invergent/agent-chat-react 2.18.0 → 2.18.1

package/dist/index.d.cts

@@ -521,7 +521,7 @@ interface AgentChatInboxEventStream {
     close(): void;
     onerror: (() => void) | null;
 }
-type AgentChatEventType = "user.message" | "coordinator.message" | "llm.request" | "llm.response" | "llm.thinking" | "llm.delta" | "tool.call" | "tool.result" | "session.start" | "session.pause" | "session.resume" | "session.complete" | "session.fail" | "session.done" | "harness.wake" | "harness.crash" | "context.compact" | "skill.invoked" | "policy.denied" | "stream.timeout" | "expert.delegation" | "expert.result" | "expert.failure" | "expert.endorse" | "expert.override" | "code.run_started" | "code.run_progress" | "code.run_result" | "user.feedback" | "artifact.created" | "artifact.updated" | "browser.provisioned" | "browser.destroyed" | "browser.unavailable" | "browser.control_granted" | "browser.control_returned" | "ask_user_question.response" | "iteration.summary" | "turn.summary" | "loop.result" | "device.waiting" | "device.resumed" | "worker.spawned" | "worker.complete" | "worker.failed" | "thread.proposed" | "office.conflict" | "office.save_failed";
+type AgentChatEventType = "user.message" | "coordinator.message" | "llm.request" | "llm.response" | "llm.thinking" | "llm.delta" | "tool.call" | "tool.result" | "session.start" | "session.pause" | "session.resume" | "session.complete" | "session.fail" | "session.done" | "harness.wake" | "harness.crash" | "context.compact" | "skill.invoked" | "policy.denied" | "stream.timeout" | "expert.delegation" | "expert.result" | "expert.failure" | "expert.endorse" | "expert.override" | "code.run_started" | "code.run_progress" | "code.run_result" | "user.feedback" | "artifact.created" | "artifact.updated" | "browser.provisioned" | "browser.destroyed" | "browser.unavailable" | "browser.control_granted" | "browser.control_returned" | "ask_user_question.response" | "iteration.summary" | "turn.summary" | "loop.result" | "device.waiting" | "device.resumed" | "worker.spawned" | "worker.complete" | "worker.failed" | "thread.proposed" | "office.conflict" | "office.save_failed" | "stream.live";
 interface AgentChatRuntimeEvent {
     type: AgentChatEventType;
     eventId: number;
@@ -602,6 +602,13 @@ interface AgentChatState {
     deviceWait: AgentChatDeviceWaitState | null;
     /** The latest save trouble the document editor reported, by workspace path. */
     officeEvents: Record<string, AgentChatOfficeEvent>;
+    /** The stream has sent the session's backlog: what arrives from now on happens now. */
+    live: boolean;
+    /** The office document a live edit of the agent last changed, once the edit ran: the chat opens it in the file pane. */
+    officeAutoOpen: {
+        path: string;
+        eventId: number;
+    } | null;
 }
 /** A save from the document editor that met trouble: the file changed outside it, or it could not land yet. */
 interface AgentChatOfficeEvent {

package/dist/index.d.ts

@@ -521,7 +521,7 @@ interface AgentChatInboxEventStream {
     close(): void;
     onerror: (() => void) | null;
 }
-type AgentChatEventType = "user.message" | "coordinator.message" | "llm.request" | "llm.response" | "llm.thinking" | "llm.delta" | "tool.call" | "tool.result" | "session.start" | "session.pause" | "session.resume" | "session.complete" | "session.fail" | "session.done" | "harness.wake" | "harness.crash" | "context.compact" | "skill.invoked" | "policy.denied" | "stream.timeout" | "expert.delegation" | "expert.result" | "expert.failure" | "expert.endorse" | "expert.override" | "code.run_started" | "code.run_progress" | "code.run_result" | "user.feedback" | "artifact.created" | "artifact.updated" | "browser.provisioned" | "browser.destroyed" | "browser.unavailable" | "browser.control_granted" | "browser.control_returned" | "ask_user_question.response" | "iteration.summary" | "turn.summary" | "loop.result" | "device.waiting" | "device.resumed" | "worker.spawned" | "worker.complete" | "worker.failed" | "thread.proposed" | "office.conflict" | "office.save_failed";
+type AgentChatEventType = "user.message" | "coordinator.message" | "llm.request" | "llm.response" | "llm.thinking" | "llm.delta" | "tool.call" | "tool.result" | "session.start" | "session.pause" | "session.resume" | "session.complete" | "session.fail" | "session.done" | "harness.wake" | "harness.crash" | "context.compact" | "skill.invoked" | "policy.denied" | "stream.timeout" | "expert.delegation" | "expert.result" | "expert.failure" | "expert.endorse" | "expert.override" | "code.run_started" | "code.run_progress" | "code.run_result" | "user.feedback" | "artifact.created" | "artifact.updated" | "browser.provisioned" | "browser.destroyed" | "browser.unavailable" | "browser.control_granted" | "browser.control_returned" | "ask_user_question.response" | "iteration.summary" | "turn.summary" | "loop.result" | "device.waiting" | "device.resumed" | "worker.spawned" | "worker.complete" | "worker.failed" | "thread.proposed" | "office.conflict" | "office.save_failed" | "stream.live";
 interface AgentChatRuntimeEvent {
     type: AgentChatEventType;
     eventId: number;
@@ -602,6 +602,13 @@ interface AgentChatState {
     deviceWait: AgentChatDeviceWaitState | null;
     /** The latest save trouble the document editor reported, by workspace path. */
     officeEvents: Record<string, AgentChatOfficeEvent>;
+    /** The stream has sent the session's backlog: what arrives from now on happens now. */
+    live: boolean;
+    /** The office document a live edit of the agent last changed, once the edit ran: the chat opens it in the file pane. */
+    officeAutoOpen: {
+        path: string;
+        eventId: number;
+    } | null;
 }
 /** A save from the document editor that met trouble: the file changed outside it, or it could not land yet. */
 interface AgentChatOfficeEvent {

package/dist/index.js

@@ -1,7 +1,7 @@
 import { cn, __publicField } from './chunk-47MF6JUW.js';
 import { createContext, memo, useRef, useEffect, useCallback, useMemo, useState, useLayoutEffect, forwardRef, useId, lazy, useContext, useSyncExternalStore, Fragment as Fragment$1, Suspense, Children } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { ChevronDownIcon, AlertTriangle, ChevronDown, ChevronRight as ChevronRight$1, RefreshCw, CreditCard, File as File$1, FileImage, FileAudio, FileVideo, FileText, FileCode, FileArchive, FileSpreadsheet, PlugZapIcon, ChevronRightIcon, ArrowLeftIcon, Loader2Icon, InboxIcon, Loader2, AlertCircle, Pause, Play, Ban, TargetIcon, CalendarClockIcon, UsersIcon, Pen, Eraser, Type, MousePointer2, Hand, Maximize2, Undo2, Redo2, CheckIcon, CopyIcon, DownloadIcon, Maximize2Icon, LaptopIcon, GlobeIcon, FolderIcon, MessageSquareIcon, UploadIcon, RefreshCwIcon, AlertCircleIcon, ExternalLinkIcon, ClipboardCheckIcon, ShieldAlertIcon, TimerIcon, CircleDotIcon, ChevronLeftIcon, XIcon, Trash2Icon, SquareIcon, ArrowDownIcon, TrashIcon, FileTextIcon, Clock, ArrowRight, ListTreeIcon, PenLineIcon, TerminalIcon, SparklesIcon, ClockIcon, PaperclipIcon, CloudIcon, HardDriveIcon, IdCardIcon, PlusIcon, ShrinkIcon, FolderOpenIcon, FileIcon, ImageIcon, CircleDot, XCircle, CheckCircle2, SearchIcon, ZapIcon, ArrowUpIcon, CircleCheckIcon, ThumbsUpIcon, ThumbsDownIcon, BookOpenIcon, GitBranchIcon, ActivityIcon, EyeIcon, LibraryIcon, ListTodoIcon, BotIcon, ListIcon, FileEditIcon, WrenchIcon, FileCodeIcon, CodeIcon, FileArchiveIcon, FileVideoIcon, FileAudioIcon, FileImageIcon, FileChartLineIcon, FileSpreadsheetIcon, XCircleIcon, CheckCircle2Icon, Code, CircleXIcon, SkullIcon, CheckCircleIcon, CircleIcon } from 'lucide-react';
+import { ChevronDownIcon, AlertTriangle, ChevronDown, ChevronRight as ChevronRight$1, RefreshCw, CreditCard, File as File$1, FileImage, FileAudio, FileVideo, FileText, FileCode, FileArchive, FileSpreadsheet, PlugZapIcon, ChevronRightIcon, ArrowLeftIcon, Loader2Icon, InboxIcon, Loader2, AlertCircle, Pause, Play, Ban, TargetIcon, CalendarClockIcon, UsersIcon, Pen, Eraser, Type, MousePointer2, Hand, Maximize2, Undo2, Redo2, CheckIcon, CopyIcon, DownloadIcon, Maximize2Icon, LaptopIcon, GlobeIcon, FolderIcon, MessageSquareIcon, UploadIcon, RefreshCwIcon, AlertCircleIcon, ExternalLinkIcon, ClipboardCheckIcon, ShieldAlertIcon, TimerIcon, CircleDotIcon, ChevronLeftIcon, XIcon, Trash2Icon, SquareIcon, ArrowDownIcon, TrashIcon, FileTextIcon, Minimize2Icon, Clock, ArrowRight, ListTreeIcon, PenLineIcon, TerminalIcon, SparklesIcon, ClockIcon, PaperclipIcon, CloudIcon, HardDriveIcon, IdCardIcon, PlusIcon, ShrinkIcon, FolderOpenIcon, FileIcon, ImageIcon, CircleDot, XCircle, CheckCircle2, SearchIcon, ZapIcon, ArrowUpIcon, CircleCheckIcon, ThumbsUpIcon, ThumbsDownIcon, BookOpenIcon, GitBranchIcon, ActivityIcon, EyeIcon, LibraryIcon, ListTodoIcon, BotIcon, ListIcon, FileEditIcon, WrenchIcon, FileCodeIcon, CodeIcon, FileArchiveIcon, FileVideoIcon, FileAudioIcon, FileImageIcon, FileChartLineIcon, FileSpreadsheetIcon, XCircleIcon, CheckCircle2Icon, Code, CircleXIcon, SkullIcon, CheckCircleIcon, CircleIcon } from 'lucide-react';
 import { cva } from 'class-variance-authority';
 import { Collapsible as Collapsible$1, Slot, Tooltip as Tooltip$1, Checkbox as Checkbox$1, Label as Label$1, Progress as Progress$1, Tabs as Tabs$1, Dialog as Dialog$1, ScrollArea as ScrollArea$1, Popover as Popover$1, DropdownMenu as DropdownMenu$1 } from 'radix-ui';
 import { StickToBottom, useStickToBottomContext } from 'use-stick-to-bottom';
@@ -13528,7 +13528,8 @@ var WORKSPACE_MUTATING_TOOLS = /* @__PURE__ */ new Set([
   "write_file",
   "patch",
   "execute_code",
-  "browser_screenshot"
+  "browser_screenshot",
+  "office_edit"
 ]);
 var AGENT_CHAT_LISTENED_EVENTS = [
   "user.message",
@@ -13578,7 +13579,8 @@ var AGENT_CHAT_LISTENED_EVENTS = [
   "worker.failed",
   "thread.proposed",
   "office.conflict",
-  "office.save_failed"
+  "office.save_failed",
+  "stream.live"
 ];
 var AGENT_CHAT_LISTENED_EVENT_SET = new Set(
   AGENT_CHAT_LISTENED_EVENTS
@@ -13824,7 +13826,9 @@ function createInitialAgentChatState(options = {}) {
     viewMode: options.viewMode ?? "simple",
     researchSources: [],
     deviceWait: null,
-    officeEvents: {}
+    officeEvents: {},
+    live: false,
+    officeAutoOpen: null
   };
 }
 function applyAgentChatEvent(state, event) {
@@ -13842,6 +13846,9 @@ function applyAgentChatEvent(state, event) {
     case "user.message":
     // A project coordinator's follow-up to its thread: shown as the thread reads it, its header saying whose it is.
     case "coordinator.message":
+      if (event.type === "user.message" && PLATFORM_NOTES.has(stringValue2(event.data.synthetic))) {
+        return nextState;
+      }
       return withMessages(
         { ...nextState, terminal: false, stopped: false, isRunning: true },
         applyUserMessage(nextState.messages, event.eventId, event.data)
@@ -14012,17 +14019,22 @@ function applyAgentChatEvent(state, event) {
       return applyLlmResponse(nextState, event);
     case "llm.thinking":
       return applyLlmThinking(nextState, event);
+    case "stream.live":
+      return { ...nextState, live: true };
     case "tool.call":
       return applyToolCall(nextState, event);
     case "tool.result": {
       const toolCallId = stringValue2(event.data.tool_call_id);
-      const toolName = findToolNameById(nextState.messages, toolCallId);
       const messages = applyToolResult(nextState.messages, event.data);
+      const call = findToolCallById(messages, toolCallId);
+      const toolName = call?.toolName ?? null;
       const mutatesWorkspace = toolName !== null && WORKSPACE_MUTATING_TOOLS.has(toolName);
+      const officePath = nextState.live && call?.toolName === "office_edit" && !toolCallFailed(call) ? officeEditPath(call.args) : null;
       const withResult = {
         ...nextState,
         messages,
-        workspaceRefreshKey: mutatesWorkspace ? nextState.workspaceRefreshKey + 1 : nextState.workspaceRefreshKey
+        workspaceRefreshKey: mutatesWorkspace ? nextState.workspaceRefreshKey + 1 : nextState.workspaceRefreshKey,
+        officeAutoOpen: officePath ? { path: officePath, eventId: event.eventId } : nextState.officeAutoOpen
       };
       return collectResearchSource(withResult, toolName, event.data);
     }
@@ -14159,6 +14171,7 @@ function typedBehindTheClear(messages, answers) {
   }
   return messages.slice(first);
 }
+var PLATFORM_NOTES = /* @__PURE__ */ new Set(["checkin", "checkin_opener", "outreach_opener"]);
 function applyUserMessage(messages, eventId, data) {
   const content = stringValue2(data.content);
   const images = parseUserMessageImages(data.images);
@@ -14224,6 +14237,22 @@ function parseUserMessageAttachments(raw) {
   }
   return out.length > 0 ? out : void 0;
 }
+function officeEditPath(args) {
+  try {
+    const path = JSON.parse(args)?.path;
+    return typeof path === "string" ? path.replace(/^__WORKSPACE__\//, "") || null : null;
+  } catch {
+    return null;
+  }
+}
+function toolCallFailed(call) {
+  if (call.status === "error") return true;
+  try {
+    return JSON.parse(call.result ?? "")?.error != null;
+  } catch {
+    return false;
+  }
+}
 function onComputer(event) {
   return event.data.computer === true ? { computer: true } : {};
 }
@@ -15078,11 +15107,11 @@ function hasUserAfterIndex(messages, idx) {
   }
   return false;
 }
-function findToolNameById(messages, toolCallId) {
+function findToolCallById(messages, toolCallId) {
   if (!toolCallId) return null;
   for (let i = messages.length - 1; i >= 0; i--) {
     const tc = messages[i]?.toolCalls?.find((c) => c.id === toolCallId);
-    if (tc) return tc.toolName;
+    if (tc) return tc;
   }
   return null;
 }
@@ -15263,7 +15292,7 @@ function useAgentChatRuntime({
         stream.addEventListener(eventType, (messageEvent) => {
           if (streamRef.current !== stream) return;
           const data = parseEventData(messageEvent.data);
-          const eventId = messageEvent.lastEventId ? Number(messageEvent.lastEventId) : 0;
+          const eventId = eventType === "stream.live" ? 0 : messageEvent.lastEventId ? Number(messageEvent.lastEventId) : 0;
           setState(
             (prev) => applyRuntimeEvent(prev, {
               type: eventType,
@@ -19202,6 +19231,13 @@ function OfficeEditorPane({ adapter, sessionId, path, view, officeEvent, onClose
   const notice = officeEvent && officeEvent.eventId > openedAfter ? officeEvent : null;
   const [reopenedFor, setReopenedFor] = useState(0);
   if (notice?.type === "office.conflict" && notice.eventId !== reopenedFor) setReopenedFor(notice.eventId);
+  const paneRef = useRef(null);
+  const [fullScreen, setFullScreen] = useState(false);
+  useEffect(() => {
+    const follow = () => setFullScreen(document.fullscreenElement === paneRef.current);
+    document.addEventListener("fullscreenchange", follow);
+    return () => document.removeEventListener("fullscreenchange", follow);
+  }, []);
   useEffect(() => {
     let cancelled = false;
     let editor = null;
@@ -19230,6 +19266,7 @@ function OfficeEditorPane({ adapter, sessionId, path, view, officeEvent, onClose
   return /* @__PURE__ */ jsxs(
     "aside",
     {
+      ref: paneRef,
       "data-testid": "file-preview-panel",
       className: "flex h-full min-h-0 w-full flex-col overflow-hidden border-l border-line bg-card",
       children: [
@@ -19247,6 +19284,17 @@ function OfficeEditorPane({ adapter, sessionId, path, view, officeEvent, onClose
               children: /* @__PURE__ */ jsx(DownloadIcon, { className: "size-4" })
             }
           ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => void (fullScreen ? document.exitFullscreen() : paneRef.current?.requestFullscreen()),
+              "aria-label": fullScreen ? "Exit full screen" : "Full screen",
+              title: fullScreen ? "Exit full screen" : "Full screen",
+              className: "shrink-0 rounded p-0.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+              children: fullScreen ? /* @__PURE__ */ jsx(Minimize2Icon, { className: "size-4" }) : /* @__PURE__ */ jsx(Maximize2Icon, { className: "size-4" })
+            }
+          ),
           /* @__PURE__ */ jsx(
             "button",
             {
@@ -20011,10 +20059,16 @@ function isSubAgentSession(session) {
   if (session.channel && _SUB_AGENT_CHANNELS.has(session.channel)) return true;
   return false;
 }
+function isProjectThread(session) {
+  return session?.config?.workstream_role === "thread";
+}
 function readOnlyReasonForSession(session) {
   if (isScheduledRunSession(session)) {
     return { readOnly: true, reason: "Scheduled run is read-only" };
   }
+  if (isProjectThread(session)) {
+    return { readOnly: false };
+  }
   if (isSubAgentSession(session)) {
     return {
       readOnly: true,
@@ -20084,11 +20138,13 @@ function AgentChat({
     setOpenPane(null);
     setFilesOpen(false);
   }, [runtime.viewMode]);
+  const officeAutoOpened = useRef(/* @__PURE__ */ new Set());
   useEffect(() => {
     setFilesOpen(false);
     setWorkspacePath(null);
     setPreviewPath(null);
     setOpenPane(null);
+    officeAutoOpened.current.clear();
   }, [sessionId]);
   const readOnly = readOnlyReasonForSession(runtime.session);
   const boardAvailable = whiteboardEnabled && isBoardSession(runtime.session);
@@ -20171,6 +20227,16 @@ function AgentChat({
     setOpenPane("file");
     setMobileView("file");
   }, []);
+  const officeAutoOpen = runtime.state.officeAutoOpen;
+  useEffect(() => {
+    if (!officeAutoOpen || !isOfficeDocument(officeAutoOpen.path)) return;
+    if (openPane === "file" && previewPath !== null && previewPath !== officeAutoOpen.path) return;
+    if (officeAutoOpened.current.has(officeAutoOpen.path)) return;
+    officeAutoOpened.current.add(officeAutoOpen.path);
+    setWorkspacePath(officeAutoOpen.path);
+    setPreviewPath(officeAutoOpen.path);
+    setOpenPane("file");
+  }, [officeAutoOpen?.eventId]);
   const handleSelectedPathChange = useCallback((path) => {
     setWorkspacePath(path);
     if (path === null) setPreviewPath(null);