@invergent/agent-chat-react 2.17.2 → 2.17.4

package/dist/index.cjs

@@ -1335,6 +1335,11 @@ function TooltipContent({
 
 // src/components/ai-elements/message.tsx
 init_utils();
+var streamdownRehypePlugins = Object.entries(streamdown.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) {
@@ -1454,6 +1459,7 @@ var MessageResponse = react.memo(
         className
       ),
       plugins: streamdownPlugins,
+      rehypePlugins: streamdownRehypePlugins,
       components: streamdownComponents,
       ...props
     }
@@ -1661,6 +1667,7 @@ var ReasoningContent = react.memo(
         {
           className: "[&_ol]:list-outside [&_ol]:pl-5 [&_ul]:list-outside [&_ul]:pl-5",
           plugins: streamdownPlugins2,
+          rehypePlugins: streamdownRehypePlugins,
           children
         }
       )
@@ -12278,6 +12285,36 @@ function useCardStarts(adapter) {
   );
   return cardStarts.get(adapter) ?? /* @__PURE__ */ new Map();
 }
+function useLocalDevice(adapter, wanted) {
+  const [found, setFound] = react.useState(null);
+  react.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] = react.useState(null);
+  react.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__ */ jsxRuntime.jsx(WorkerCard, { worker: message.worker });
   if (message.proposal) return /* @__PURE__ */ jsxRuntime.jsx(ProposalCard, { proposal: message.proposal });
@@ -12364,7 +12401,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);
@@ -12381,6 +12418,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 = react.useRef({});
   react.useEffect(() => {
     drawnCards.set(proposal.proposalId, (drawnCards.get(proposal.proposalId) ?? 0) + 1);
@@ -12409,16 +12449,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__ */ jsxRuntime.jsxs("div", { "data-testid": "thread-proposal-card", className: "my-2 rounded-lg border border-border px-3 py-2 text-sm", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 font-medium text-foreground", children: "Proposed threads" }),
-      canStart && startable.length > 1 && /* @__PURE__ */ jsxRuntime.jsx(Button, { size: "xs", onClick: () => void startAll(startable.map((thread) => thread.key)), children: "Start all" })
+      (projectComputer ? onItsComputer : canStart) && startable.length > 1 && /* @__PURE__ */ jsxRuntime.jsx(Button, { size: "xs", onClick: () => void startAll(startable), children: "Start all" })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "mt-1 space-y-2", children: proposal.threads.map((thread) => {
       const threadId = started[thread.key];
@@ -12440,7 +12480,29 @@ function ProposalCard({ proposal }) {
               onClick: () => onOpenSession(threadId),
               children: "View thread"
             }
-          ) : thread.where === "device" ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          ) : projectComputer ? onItsComputer ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Works in its own copy of the project's folder" }),
+            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("span", { children: [
+            "This project's folder can no longer be reached on ",
+            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("span", { children: [
+            "Start this thread in Surogate Desktop on ",
+            /* @__PURE__ */ jsxRuntime.jsx("bdi", { children: projectComputer.name })
+          ] }) : thread.where === "device" ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
               Button,
@@ -20477,6 +20539,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 = react.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);
   react.useEffect(() => {
     setOpenPane(null);
@@ -20605,6 +20672,7 @@ function AgentChat({
         onOpenBilling,
         onOpenSession: onSessionChange,
         projectId,
+        projectComputer,
         threadRows,
         readOnly: disabled === true
       },