@ai-matrx/coding-sessions 0.1.85 → 0.1.87

package/dist/react/index.cjs

@@ -1077,30 +1077,167 @@ var PART_LABEL = {
   skills: "Skills",
   tools: "Tools"
 };
-function AgentChip({ agent }) {
+function agentChipText(agent) {
   const parts = agent.loaded.map(
     (part) => part.part === "instructions" ? `${PART_LABEL.instructions} ${part.loaded === 1 ? "\u2713" : "\u2014"}` : `${PART_LABEL[part.part]} ${part.loaded}/${part.total}`
   );
-  const missing = agent.unavailable.slice(0, 6).map((u) => `${u.name}: ${u.reason}`);
-  const more = agent.unavailable.length > 6 ? [`+${agent.unavailable.length - 6} more`] : [];
-  const complete = agent.loaded.every((part) => part.loaded === part.total);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
-    "span",
-    {
-      className: (0, import_design_system4.cn)("cs-agent-chip", !complete && "cs-agent-chip--partial"),
-      title: missing.length ? [...missing, ...more].join("\n") : "Everything loaded",
-      "data-testid": "cs-agent-chip",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "font-medium text-foreground", children: [
-          agent.name,
-          agent.versionNumber !== null ? ` v${agent.versionNumber}` : ""
-        ] }),
-        " ",
-        "\xB7 ",
-        parts.join(" \xB7 ")
-      ]
+  return `${agent.name}${agent.versionNumber !== null ? ` v${agent.versionNumber}` : ""} \xB7 ${parts.join(" \xB7 ")}`;
+}
+function AgentMenu(props) {
+  const { agent } = props;
+  const show = useToastShow();
+  const [open, setOpen] = (0, import_react5.useState)(false);
+  const [choosing, setChoosing] = (0, import_react5.useState)(false);
+  const [latest, setLatest] = (0, import_react5.useState)(null);
+  const [access, setAccess] = (0, import_react5.useState)(null);
+  (0, import_react5.useEffect)(() => {
+    if (!open) return;
+    let alive = true;
+    void props.transport.call("agentAccess").then((next) => alive && setAccess(next)).catch(() => void 0);
+    if (agent) {
+      props.transport.call("agentDetails", agent.agentId).then((d) => {
+        if (alive && d.latestVersionId && d.latestVersionNumber !== null) setLatest({ id: d.latestVersionId, number: d.latestVersionNumber });
+      }).catch(() => void 0);
     }
-  );
+    return () => {
+      alive = false;
+    };
+  }, [open, agent, props.transport]);
+  const apply = async (selection, done) => {
+    try {
+      await props.transport.call("setAgent", props.sessionId, selection);
+      show(done);
+      props.onChange();
+    } catch (error) {
+      show(`That didn't change: ${error instanceof Error ? error.message : String(error)}`);
+    }
+  };
+  const behind = agent && latest && agent.versionNumber !== null && latest.number > agent.versionNumber ? latest : null;
+  const complete = agent ? agent.loaded.every((part) => part.loaded === part.total) : true;
+  const signedIn = access?.signedIn ?? false;
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_design_system4.DropdownMenu, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system4.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+        "button",
+        {
+          type: "button",
+          className: (0, import_design_system4.cn)("cs-agent-chip", agent ? "cs-agent-chip--set" : "cs-agent-chip--none", !complete && "cs-agent-chip--partial"),
+          "data-testid": "cs-agent-chip",
+          "aria-label": agent ? `AI Matrx agent: ${agent.name}` : "Add an AI Matrx agent",
+          children: [
+            agent ? agentChipText(agent) : "No agent",
+            behind ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "cs-agent-chip-dot", "aria-label": "Update available" }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ChevronDownIcon, { size: 12, className: "ml-1 inline shrink-0" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_design_system4.DropdownMenuContent, { align: "end", className: "w-[320px]", children: [
+        agent ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_design_system4.DropdownMenuLabel, { className: "truncate", children: [
+            agent.name,
+            agent.versionNumber !== null ? ` \xB7 v${agent.versionNumber}` : ""
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "cs-agent-parts", children: [
+            agent.blockDue ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-[12px] text-muted-foreground", children: "Sent with your next message" }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AgentPartList, { title: "Skills", items: agent.skills ?? [] }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AgentPartList, { title: "Tools", items: agent.tools ?? [] }),
+            agent.unavailable.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              AgentPartList,
+              {
+                title: "Not loaded",
+                items: agent.unavailable.map((u) => `${u.name} \u2014 ${u.reason}`)
+              }
+            ) : null
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system4.DropdownMenuSeparator, {})
+        ] }) : null,
+        signedIn ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+          behind && agent ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+            import_design_system4.DropdownMenuItem,
+            {
+              onSelect: () => void apply(
+                { agentId: agent.agentId, versionId: behind.id, variables: agent.variables ?? {} },
+                `The next message uses ${agent.name} v${behind.number}.`
+              ),
+              children: [
+                "Update to v",
+                behind.number
+              ]
+            }
+          ) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system4.DropdownMenuItem, { onSelect: () => setChoosing(true), children: agent ? "Change agent\u2026" : "Choose agent\u2026" }),
+          agent ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system4.DropdownMenuItem, { onSelect: () => void apply(null, "The next message runs without an agent."), children: "Remove agent" }) : null
+        ] }) : access ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "px-2 py-1.5 text-[12px] text-muted-foreground", children: SIGNED_OUT_AGENTS }) : null
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      ChooseAgentDialog,
+      {
+        transport: props.transport,
+        open: choosing,
+        onOpenChange: setChoosing,
+        title: agent ? "Change agent" : "Choose an agent",
+        action: "Use this agent",
+        onConfirm: (selection) => apply(selection, "The next message uses the new agent.")
+      }
+    )
+  ] });
+}
+function AgentPartList({ title, items }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { className: "text-[11.5px] font-medium text-muted-foreground", children: [
+      title,
+      " \xB7 ",
+      items.length
+    ] }),
+    items.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("ul", { className: "cs-agent-part-list", children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("li", { className: "truncate", title: item, children: item }, item)) }) : null
+  ] });
+}
+function ChooseAgentDialog(props) {
+  const [value, setValue] = (0, import_react5.useState)(null);
+  const [details, setDetails] = (0, import_react5.useState)(null);
+  const [missing, setMissing] = (0, import_react5.useState)(null);
+  const [busy, setBusy] = (0, import_react5.useState)(false);
+  (0, import_react5.useEffect)(() => {
+    if (props.open) {
+      setValue(null);
+      setMissing(null);
+    }
+  }, [props.open]);
+  const confirm = async () => {
+    if (!value) return;
+    const gap = missingRequiredVariable(details, value);
+    setMissing(gap);
+    if (gap) return;
+    setBusy(true);
+    try {
+      await props.onConfirm(value);
+      props.onOpenChange(false);
+    } finally {
+      setBusy(false);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system4.Dialog, { open: props.open, onOpenChange: props.onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_design_system4.DialogContent, { className: "max-w-[480px]", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system4.DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system4.DialogTitle, { children: props.title }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      AgentField,
+      {
+        transport: props.transport,
+        open: props.open,
+        value,
+        onChange: (next) => {
+          setValue(next);
+          setMissing(null);
+        },
+        missing,
+        onDetails: setDetails
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_design_system4.DialogFooter, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system4.Button, { type: "button", variant: "ghost", onClick: () => props.onOpenChange(false), children: "Cancel" }),
+      value ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system4.Button, { type: "button", disabled: busy, onClick: () => void confirm(), children: props.action }) : null
+    ] })
+  ] }) });
 }
 
 // src/react/sidebar.tsx
@@ -2106,12 +2243,13 @@ var CodingSessionsClient = class {
   start(input) {
     return this.transport.call("start", input);
   }
-  takeover(session) {
+  takeover(session, agent) {
     return this.transport.call("takeover", {
       provider: session.provider,
       providerSessionId: session.providerSessionId,
       cwd: session.cwd ?? "",
-      title: session.title
+      title: session.title,
+      ...agent ? { agent } : {}
     });
   }
   send(sessionId, prompt) {
@@ -2470,7 +2608,7 @@ function SessionView({ session, changesOpen, setChangesOpen }) {
             ] }) : null
           ] })
         ] }),
-        session.agent ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(AgentChip, { agent: session.agent }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(AgentMenu, { transport: client.transport, sessionId: session.id, agent: session.agent ?? null, onChange: () => void 0 }),
         /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
           "button",
           {
@@ -2643,13 +2781,14 @@ function DiscoveredView(props) {
     if (elsewhere) setConfirming(true);
     else void takeover();
   };
-  const takeover = async () => {
+  const [choosingAgent, setChoosingAgent] = (0, import_react8.useState)(false);
+  const takeover = async (agent) => {
     if (!d) return;
     setConfirming(false);
     setBusy(true);
     setError(null);
     try {
-      const taken = await client.takeover(d);
+      const taken = await client.takeover(d, agent);
       props.onTakenOver(taken.id);
     } catch (e) {
       setError(e instanceof Error ? e.message : String(e));
@@ -2705,6 +2844,18 @@ function DiscoveredView(props) {
             ]
           }
         ) : null,
+        d?.cwd && !elsewhere ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system6.Button, { size: "sm", variant: "outline", onClick: () => setChoosingAgent(true), disabled: busy, children: "Continue with agent\u2026" }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          ChooseAgentDialog,
+          {
+            transport: client.transport,
+            open: choosingAgent,
+            onOpenChange: setChoosingAgent,
+            title: "Continue with an agent",
+            action: "Take over with this agent",
+            onConfirm: (agent) => takeover(agent)
+          }
+        ),
         d ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(HeaderMenu, { entry, onRename: () => setRenaming(true) }) : null
       ] }),
       elsewhere ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { role: "status", className: "flex items-start gap-2 border-b border-warning/40 bg-warning/10 px-5 py-2.5 text-[13px]", children: [