@invergent/agent-chat-react 2.17.2 → 2.17.3

package/dist/index.d.cts

@@ -962,7 +962,8 @@ interface AgentChatAdapter {
     }): Promise<AgentChatThreadRow>;
     /**
      * Start a thread the master proposed for the user's computer, in Surogate Desktop only: in a
-     * folder its user confirms in the desktop's own sheet, which names the project and *title*.
+     * folder its user confirms in the desktop's own sheet, which names the project and *title*; or,
+     * in a project made on this computer, at once in a copy of the project's folder, asking nothing.
      */
     startLocalThread?(input: {
         projectId: string;
@@ -970,6 +971,19 @@ interface AgentChatAdapter {
         key: string;
         title: string;
     }): Promise<AgentChatThreadRow>;
+    /**
+     * The id of the computer this client runs on, as Surogate Desktop added it to the agent; null in
+     * a browser, and where the app has added none. A project made on a computer starts its threads there alone.
+     */
+    getLocalDeviceId?(): Promise<string | null>;
+    /**
+     * Whether a project made on a computer can no longer reach its folder there: that computer was removed from the
+     * user's computers or its access revoked, or it could not set the folder up. Its user then uses another computer
+     * for the project, in Surogate Desktop. Another adapter says none is.
+     */
+    isProjectFolderLost?(input: {
+        projectId: string;
+    }): Promise<boolean>;
     getArtifact(input: {
         sessionId: string;
         artifactId: string;
@@ -1435,6 +1449,14 @@ interface AgentChatAdapterContextValue {
     onOpenSession?: (sessionId: string) => void;
     /** The project whose master this conversation is, or null: its proposal cards start threads. */
     projectId?: string | null;
+    /**
+     * The computer that project works on, by the name the server stamped, for a project made in
+     * Surogate Desktop; null for a project in the cloud. Its cards start their threads there alone.
+     */
+    projectComputer?: {
+        deviceId: string;
+        name: string;
+    } | null;
     /** That project's threads, live, by id: what their cards show. */
     threadRows?: Record<string, AgentChatThreadRow>;
     /** A chat the host only reads (AgentChat's ``disabled``): nothing in it answers the agent's questions. */

package/dist/index.d.ts

@@ -962,7 +962,8 @@ interface AgentChatAdapter {
     }): Promise<AgentChatThreadRow>;
     /**
      * Start a thread the master proposed for the user's computer, in Surogate Desktop only: in a
-     * folder its user confirms in the desktop's own sheet, which names the project and *title*.
+     * folder its user confirms in the desktop's own sheet, which names the project and *title*; or,
+     * in a project made on this computer, at once in a copy of the project's folder, asking nothing.
      */
     startLocalThread?(input: {
         projectId: string;
@@ -970,6 +971,19 @@ interface AgentChatAdapter {
         key: string;
         title: string;
     }): Promise<AgentChatThreadRow>;
+    /**
+     * The id of the computer this client runs on, as Surogate Desktop added it to the agent; null in
+     * a browser, and where the app has added none. A project made on a computer starts its threads there alone.
+     */
+    getLocalDeviceId?(): Promise<string | null>;
+    /**
+     * Whether a project made on a computer can no longer reach its folder there: that computer was removed from the
+     * user's computers or its access revoked, or it could not set the folder up. Its user then uses another computer
+     * for the project, in Surogate Desktop. Another adapter says none is.
+     */
+    isProjectFolderLost?(input: {
+        projectId: string;
+    }): Promise<boolean>;
     getArtifact(input: {
         sessionId: string;
         artifactId: string;
@@ -1435,6 +1449,14 @@ interface AgentChatAdapterContextValue {
     onOpenSession?: (sessionId: string) => void;
     /** The project whose master this conversation is, or null: its proposal cards start threads. */
     projectId?: string | null;
+    /**
+     * The computer that project works on, by the name the server stamped, for a project made in
+     * Surogate Desktop; null for a project in the cloud. Its cards start their threads there alone.
+     */
+    projectComputer?: {
+        deviceId: string;
+        name: string;
+    } | null;
     /** That project's threads, live, by id: what their cards show. */
     threadRows?: Record<string, AgentChatThreadRow>;
     /** A chat the host only reads (AgentChat's ``disabled``): nothing in it answers the agent's questions. */

package/dist/index.js

@@ -9,7 +9,7 @@ import { cjk } from '@streamdown/cjk';
 import { code } from '@streamdown/code';
 import { math } from '@streamdown/math';
 import { mermaid } from '@streamdown/mermaid';
-import { Streamdown } from 'streamdown';
+import { defaultRehypePlugins, Streamdown } from 'streamdown';
 import { useControllableState } from '@radix-ui/react-use-controllable-state';
 import { ThinkingOrb } from 'thinking-orbs';
 import { createHighlighter } from 'shiki';
@@ -1134,6 +1134,11 @@ function TooltipContent({
     }
   ) });
 }
+var streamdownRehypePlugins = Object.entries(defaultRehypePlugins).map(([name, plugin]) => {
+  if (name !== "harden" || !Array.isArray(plugin)) return plugin;
+  const [harden, options] = plugin;
+  return [harden, { ...options, linkBlockPolicy: "text-only" }];
+});
 
 // src/lib/oauth-popup.ts
 function openOAuthPopup(url) {
@@ -1253,6 +1258,7 @@ var MessageResponse = memo(
         className
       ),
       plugins: streamdownPlugins,
+      rehypePlugins: streamdownRehypePlugins,
       components: streamdownComponents,
       ...props
     }
@@ -1451,6 +1457,7 @@ var ReasoningContent = memo(
         {
           className: "[&_ol]:list-outside [&_ol]:pl-5 [&_ul]:list-outside [&_ul]:pl-5",
           plugins: streamdownPlugins2,
+          rehypePlugins: streamdownRehypePlugins,
           children
         }
       )
@@ -11959,6 +11966,36 @@ function useCardStarts(adapter) {
   );
   return cardStarts.get(adapter) ?? /* @__PURE__ */ new Map();
 }
+function useLocalDevice(adapter, wanted) {
+  const [found, setFound] = useState(null);
+  useEffect(() => {
+    if (!wanted || !adapter.getLocalDeviceId) return;
+    let live = true;
+    void adapter.getLocalDeviceId().catch(() => null).then((id) => {
+      if (live) setFound({ adapter, id });
+    });
+    return () => {
+      live = false;
+    };
+  }, [adapter, wanted]);
+  if (!adapter.getLocalDeviceId) return null;
+  return found?.adapter === adapter ? found.id : void 0;
+}
+function useFolderLost(adapter, projectId, wanted) {
+  const [found, setFound] = useState(null);
+  useEffect(() => {
+    if (!wanted || !projectId || !adapter.isProjectFolderLost) return;
+    let live = true;
+    void adapter.isProjectFolderLost({ projectId }).catch(() => false).then((lost) => {
+      if (live) setFound({ adapter, projectId, lost });
+    });
+    return () => {
+      live = false;
+    };
+  }, [adapter, projectId, wanted]);
+  if (!adapter.isProjectFolderLost) return false;
+  return found?.adapter === adapter && found.projectId === projectId ? found.lost : void 0;
+}
 function ThreadCards({ message }) {
   if (message.worker) return /* @__PURE__ */ jsx(WorkerCard, { worker: message.worker });
   if (message.proposal) return /* @__PURE__ */ jsx(ProposalCard, { proposal: message.proposal });
@@ -12045,7 +12082,7 @@ function WorkerCard({ worker }) {
   ] });
 }
 function ProposalCard({ proposal }) {
-  const { adapter, projectId, onOpenSession } = useAgentChatAdapterContext();
+  const { adapter, projectId, projectComputer, onOpenSession } = useAgentChatAdapterContext();
   const starts = useCardStarts(adapter);
   const startOf = (key) => starts.get(`${proposal.proposalId}:${key}`);
   const told = (key, start2) => setCardStart(adapter, `${proposal.proposalId}:${key}`, start2);
@@ -12062,6 +12099,9 @@ function ProposalCard({ proposal }) {
   const starting = (key) => startingAt(key) !== void 0;
   const canStart = !!projectId && !!adapter.startProposedThread;
   const canStartHere = !!projectId && !!adapter.startLocalThread;
+  const here = useLocalDevice(adapter, !!projectComputer && canStartHere);
+  const onItsComputer = !!projectComputer && canStartHere && here === projectComputer.deviceId;
+  const lost = useFolderLost(adapter, projectId, !!projectComputer && !onItsComputer && !(canStartHere && here === void 0));
   const viewButtons = useRef({});
   useEffect(() => {
     drawnCards.set(proposal.proposalId, (drawnCards.get(proposal.proposalId) ?? 0) + 1);
@@ -12090,16 +12130,16 @@ function ProposalCard({ proposal }) {
     }
   };
   const startable = proposal.threads.filter(
-    (thread) => thread.where === "cloud" && !started[thread.key] && !starting(thread.key)
+    (thread) => (projectComputer ? onItsComputer : thread.where === "cloud") && !started[thread.key] && !starting(thread.key)
   );
-  const startAll = async (keys) => {
-    for (const key of keys) told(key, { state: "starting", where: "cloud" });
-    for (const key of keys) await start(key);
+  const startAll = async (threads) => {
+    for (const { key } of threads) told(key, { state: "starting", where: projectComputer ? "device" : "cloud" });
+    for (const { key, title } of threads) await start(key, projectComputer ? title : void 0);
   };
   return /* @__PURE__ */ jsxs("div", { "data-testid": "thread-proposal-card", className: "my-2 rounded-lg border border-border px-3 py-2 text-sm", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsx("span", { className: "flex-1 font-medium text-foreground", children: "Proposed threads" }),
-      canStart && startable.length > 1 && /* @__PURE__ */ jsx(Button, { size: "xs", onClick: () => void startAll(startable.map((thread) => thread.key)), children: "Start all" })
+      (projectComputer ? onItsComputer : canStart) && startable.length > 1 && /* @__PURE__ */ jsx(Button, { size: "xs", onClick: () => void startAll(startable), children: "Start all" })
     ] }),
     /* @__PURE__ */ jsx("ul", { className: "mt-1 space-y-2", children: proposal.threads.map((thread) => {
       const threadId = started[thread.key];
@@ -12121,7 +12161,29 @@ function ProposalCard({ proposal }) {
               onClick: () => onOpenSession(threadId),
               children: "View thread"
             }
-          ) : thread.where === "device" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          ) : projectComputer ? onItsComputer ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("span", { children: "Works in its own copy of the project's folder" }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                size: "xs",
+                variant: "outline",
+                disabled: starting(thread.key),
+                "aria-label": `${starting(thread.key) ? "Starting" : "Start"} ${thread.title}`,
+                onClick: () => void start(thread.key, thread.title),
+                children: starting(thread.key) ? "Starting\u2026" : "Start"
+              }
+            )
+          ] }) : canStartHere && here === void 0 || lost === void 0 ? null : lost ? /* @__PURE__ */ jsxs("span", { children: [
+            "This project's folder can no longer be reached on ",
+            /* @__PURE__ */ jsx("bdi", { children: projectComputer.name }),
+            ".",
+            " ",
+            canStartHere ? "Choose Use this computer for this project in its Overview to start its threads here." : "Open the project in Surogate Desktop and choose Use this computer for this project."
+          ] }) : /* @__PURE__ */ jsxs("span", { children: [
+            "Start this thread in Surogate Desktop on ",
+            /* @__PURE__ */ jsx("bdi", { children: projectComputer.name })
+          ] }) : thread.where === "device" ? /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx("span", { children: canStartHere ? "Allow Surogate to work in a folder on your device" : "This works in a folder on your device, which needs Surogate Desktop" }),
             canStartHere && /* @__PURE__ */ jsx(
               Button,
@@ -20135,6 +20197,11 @@ function AgentChat({
   });
   const sessionConfig = runtime.session?.config;
   const projectId = sessionConfig?.workstream_role === "coordinator" && typeof sessionConfig.workstream_id === "string" ? sessionConfig.workstream_id : null;
+  const projectComputer = useMemo(() => {
+    const execution = projectId ? sessionConfig?.execution : void 0;
+    const name = sessionComputer(sessionConfig);
+    return execution?.kind === "device" && typeof execution.device_id === "string" && name !== null ? { deviceId: execution.device_id, name } : null;
+  }, [projectId, sessionConfig]);
   const threadRows = useProjectThreads(adapter, projectId);
   useEffect(() => {
     setOpenPane(null);
@@ -20263,6 +20330,7 @@ function AgentChat({
         onOpenBilling,
         onOpenSession: onSessionChange,
         projectId,
+        projectComputer,
         threadRows,
         readOnly: disabled === true
       },