@ai-matrx/chat 0.5.0 → 0.5.3

package/dist/surfaces/components/chrome/SurfaceAgentsPanelImpl.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Chip, Tile } from "@ai-matrx/design-system/controls";
 import { useState } from "react";
 import { Braces, ChevronRight, ShieldCheck } from "lucide-react";
@@ -62,76 +63,120 @@ function SurfaceAgentsPanelImpl({
       toast.error(err instanceof Error ? err.message : "Could not run agent");
     }
   };
-  const contextActions = /* @__PURE__ */ React.createElement("div", { className: "space-y-2 border-b border-border pb-2" }, /* @__PURE__ */ React.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ React.createElement("div", { className: "flex min-w-0 items-center justify-between gap-2" }, /* @__PURE__ */ React.createElement("p", { className: "truncate text-sm font-semibold text-foreground" }, primaryLabel), !primaryName && /* @__PURE__ */ React.createElement(Badge, { variant: "outline", className: "shrink-0 text-xs" }, "Unregistered")), primaryName && isAdmin && /* @__PURE__ */ React.createElement("p", { className: "truncate font-mono text-xs text-muted-foreground" }, primaryName)), /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-1 gap-1.5 sm:grid-cols-2" }, /* @__PURE__ */ React.createElement(Tile, { variant: "outline", icon: /* @__PURE__ */ React.createElement(Braces, null), title: "Surface Context", line: "Live page values", onClick: () => {
-    openSurfaceContext({
-      surfaceName: primaryName ?? "",
-      isEditable: runtime?.isEditable === true
-    });
-    onRequestClose?.();
-  }, className: "min-w-0" }), isAdmin && /* @__PURE__ */ React.createElement(Tile, { variant: "outline", icon: /* @__PURE__ */ React.createElement(ShieldCheck, null), title: "Admin", line: "Contract & provenance", onClick: () => {
-    openSurfaceContextAdmin({
-      surfaceName: primaryName,
-      isEditable: runtime?.isEditable === true,
-      preferRuntime: true
-    });
-    onRequestClose?.();
-  }, className: "min-w-0" })));
+  const contextActions = /* @__PURE__ */ jsxs("div", { className: "space-y-2 border-b border-border pb-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center justify-between gap-2", children: [
+        /* @__PURE__ */ jsx("p", { className: "truncate text-sm font-semibold text-foreground", children: primaryLabel }),
+        !primaryName && /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "shrink-0 text-xs", children: "Unregistered" })
+      ] }),
+      primaryName && isAdmin && /* @__PURE__ */ jsx("p", { className: "truncate font-mono text-xs text-muted-foreground", children: primaryName })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-1.5 sm:grid-cols-2", children: [
+      /* @__PURE__ */ jsx(Tile, { variant: "outline", icon: /* @__PURE__ */ jsx(Braces, {}), title: "Surface Context", line: "Live page values", onClick: () => {
+        openSurfaceContext({
+          surfaceName: primaryName ?? "",
+          isEditable: runtime?.isEditable === true
+        });
+        onRequestClose?.();
+      }, className: "min-w-0" }),
+      isAdmin && /* @__PURE__ */ jsx(Tile, { variant: "outline", icon: /* @__PURE__ */ jsx(ShieldCheck, {}), title: "Admin", line: "Contract & provenance", onClick: () => {
+        openSurfaceContextAdmin({
+          surfaceName: primaryName,
+          isEditable: runtime?.isEditable === true,
+          preferRuntime: true
+        });
+        onRequestClose?.();
+      }, className: "min-w-0" })
+    ] })
+  ] });
   if (!primaryName) {
-    return /* @__PURE__ */ React.createElement("div", { className: cn("flex flex-col gap-3 p-3", className) }, contextActions, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-3 p-3", className), children: [
+      contextActions,
+      /* @__PURE__ */ jsx(
+        SurfaceMandatesSection,
+        {
+          primarySurfaceName: null,
+          isAdmin,
+          onOpened: () => onRequestClose?.()
+        }
+      ),
+      /* @__PURE__ */ jsx(PageIntelligenceSection, { onOpened: onRequestClose, isAdmin }),
+      /* @__PURE__ */ jsxs("div", { className: "rounded-md border border-dashed border-border p-3 text-sm text-muted-foreground", children: [
+        /* @__PURE__ */ jsx("p", { className: "font-medium text-foreground", children: "No surface registered for this page" }),
+        /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs leading-relaxed", children: "The context window stays empty on this page" })
+      ] })
+    ] });
+  }
+  const breadcrumb = [...related.ancestry, related.self].filter(
+    (r) => r !== null
+  );
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-2 p-3", className), children: [
+    contextActions,
+    /* @__PURE__ */ jsx(
       SurfaceMandatesSection,
       {
-        primarySurfaceName: null,
+        primarySurfaceName: primaryName,
         isAdmin,
         onOpened: () => onRequestClose?.()
       }
-    ), /* @__PURE__ */ React.createElement(PageIntelligenceSection, { onOpened: onRequestClose, isAdmin }), /* @__PURE__ */ React.createElement("div", { className: "rounded-md border border-dashed border-border p-3 text-sm text-muted-foreground" }, /* @__PURE__ */ React.createElement("p", { className: "font-medium text-foreground" }, "No surface registered for this page"), /* @__PURE__ */ React.createElement("p", { className: "mt-1 text-xs leading-relaxed" }, "The context window stays empty on this page")));
-  }
-  const breadcrumb = [...related.ancestry, related.self].filter(
-    (r) => r !== null
-  );
-  return /* @__PURE__ */ React.createElement("div", { className: cn("flex flex-col gap-2 p-3", className) }, contextActions, /* @__PURE__ */ React.createElement(
-    SurfaceMandatesSection,
-    {
-      primarySurfaceName: primaryName,
-      isAdmin,
-      onOpened: () => onRequestClose?.()
-    }
-  ), breadcrumb.length > 1 && /* @__PURE__ */ React.createElement(
-    "nav",
-    {
-      "aria-label": "Surface hierarchy",
-      className: "flex flex-wrap items-center gap-0.5 border-b border-border pb-2"
-    },
-    breadcrumb.map((ref, i) => {
-      const isSelf = ref.kind === "self";
-      const isActive = activeName === ref.name;
-      return /* @__PURE__ */ React.createElement("span", { key: ref.name, className: "flex items-center gap-0.5" }, i > 0 && /* @__PURE__ */ React.createElement(ChevronRight, { className: "h-3 w-3 shrink-0 text-muted-foreground/60" }), /* @__PURE__ */ React.createElement(Chip, { asChild: true, pressed: isActive, label: ref.label, title: ref.name }, /* @__PURE__ */ React.createElement("button", { type: "button", onClick: () => setActiveSurface(ref.name) })));
-    })
-  ), related.children.length > 0 && /* @__PURE__ */ React.createElement("div", { className: "flex flex-wrap items-center gap-1 border-b border-border pb-2" }, /* @__PURE__ */ React.createElement("span", { className: "text-[9px] font-medium uppercase tracking-wide text-muted-foreground" }, "Child surfaces"), related.children.map((c) => /* @__PURE__ */ React.createElement(Chip, { key: c.name, asChild: true, pressed: activeName === c.name, label: c.label, title: c.name }, /* @__PURE__ */ React.createElement("button", { type: "button", onClick: () => setActiveSurface(c.name) })))), activeName && surfaceAcceptsAgentBindings(activeName) && /* @__PURE__ */ React.createElement("div", { className: "min-w-0" }, activeName !== primaryName && activeLabel && /* @__PURE__ */ React.createElement("p", { className: "mb-1 text-[10px] text-muted-foreground" }, "Agents on ", /* @__PURE__ */ React.createElement("span", { className: "font-medium" }, activeLabel)), /* @__PURE__ */ React.createElement(
-    SurfaceBoundAgentsList,
-    {
-      key: activeName,
-      surfaceName: activeName,
-      isEditable: runtime?.surfaceName === activeName ? runtime.isEditable ?? false : false,
-      onRunAgent: (agentId) => handleRun(activeName, agentId),
-      addLabel: "Bind an agent to this page",
-      emptyMessage: "No agents bound yet. Bind one to run it here."
-    }
-  )), activeName && !surfaceAcceptsAgentBindings(activeName) && /* @__PURE__ */ React.createElement("div", { className: "min-w-0 space-y-1" }, /* @__PURE__ */ React.createElement("p", { className: "text-[11px] text-muted-foreground" }, "Run any agent here; it sees and can edit this page"), /* @__PURE__ */ React.createElement(
-    AgentListDropdown,
-    {
-      onSelect: (agentId) => handleRun(activeName, agentId),
-      label: "Run an agent on this page\u2026",
-      compact: true
-    }
-  )), /* @__PURE__ */ React.createElement(
-    SurfaceConversationsSection,
-    {
-      surfaceName: primaryName,
-      hasLiveScope: runtime?.surfaceName === primaryName,
-      onOpened: () => onRequestClose?.()
-    }
-  ), /* @__PURE__ */ React.createElement(PageIntelligenceSection, { onOpened: onRequestClose, surfaceName: primaryName, isAdmin }));
+    ),
+    breadcrumb.length > 1 && /* @__PURE__ */ jsx(
+      "nav",
+      {
+        "aria-label": "Surface hierarchy",
+        className: "flex flex-wrap items-center gap-0.5 border-b border-border pb-2",
+        children: breadcrumb.map((ref, i) => {
+          const isSelf = ref.kind === "self";
+          const isActive = activeName === ref.name;
+          return /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-0.5", children: [
+            i > 0 && /* @__PURE__ */ jsx(ChevronRight, { className: "h-3 w-3 shrink-0 text-muted-foreground/60" }),
+            /* @__PURE__ */ jsx(Chip, { asChild: true, pressed: isActive, label: ref.label, title: ref.name, children: /* @__PURE__ */ jsx("button", { type: "button", onClick: () => setActiveSurface(ref.name) }) })
+          ] }, ref.name);
+        })
+      }
+    ),
+    related.children.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-1 border-b border-border pb-2", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-[9px] font-medium uppercase tracking-wide text-muted-foreground", children: "Child surfaces" }),
+      related.children.map((c) => /* @__PURE__ */ jsx(Chip, { asChild: true, pressed: activeName === c.name, label: c.label, title: c.name, children: /* @__PURE__ */ jsx("button", { type: "button", onClick: () => setActiveSurface(c.name) }) }, c.name))
+    ] }),
+    activeName && surfaceAcceptsAgentBindings(activeName) && /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+      activeName !== primaryName && activeLabel && /* @__PURE__ */ jsxs("p", { className: "mb-1 text-[10px] text-muted-foreground", children: [
+        "Agents on ",
+        /* @__PURE__ */ jsx("span", { className: "font-medium", children: activeLabel })
+      ] }),
+      /* @__PURE__ */ jsx(
+        SurfaceBoundAgentsList,
+        {
+          surfaceName: activeName,
+          isEditable: runtime?.surfaceName === activeName ? runtime.isEditable ?? false : false,
+          onRunAgent: (agentId) => handleRun(activeName, agentId),
+          addLabel: "Bind an agent to this page",
+          emptyMessage: "No agents bound yet. Bind one to run it here."
+        },
+        activeName
+      )
+    ] }),
+    activeName && !surfaceAcceptsAgentBindings(activeName) && /* @__PURE__ */ jsxs("div", { className: "min-w-0 space-y-1", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-[11px] text-muted-foreground", children: "Run any agent here; it sees and can edit this page" }),
+      /* @__PURE__ */ jsx(
+        AgentListDropdown,
+        {
+          onSelect: (agentId) => handleRun(activeName, agentId),
+          label: "Run an agent on this page\u2026",
+          compact: true
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      SurfaceConversationsSection,
+      {
+        surfaceName: primaryName,
+        hasLiveScope: runtime?.surfaceName === primaryName,
+        onOpened: () => onRequestClose?.()
+      }
+    ),
+    /* @__PURE__ */ jsx(PageIntelligenceSection, { onOpened: onRequestClose, surfaceName: primaryName, isAdmin })
+  ] });
 }
 export {
   SurfaceAgentsPanelImpl as default

package/dist/surfaces/components/chrome/SurfaceConversationsSection.js

@@ -1,4 +1,5 @@
 "use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useState } from "react";
 import { ChevronLeft, History, Loader2, Search } from "lucide-react";
 import { formatRelativeTime } from "@ai-matrx/kit/format";
@@ -35,21 +36,29 @@ function ConversationRows({
   openingId,
   onOpen
 }) {
-  return /* @__PURE__ */ React.createElement("ul", { className: "flex flex-col gap-0.5" }, items.map((conv) => {
+  return /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-0.5", children: items.map((conv) => {
     const isOpening = openingId === conv.conversationId;
     const agentName = conv.agentId ? agentNames[conv.agentId] : void 0;
-    return /* @__PURE__ */ React.createElement("li", { key: conv.conversationId }, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
       "button",
       {
         type: "button",
         disabled: openingId !== null,
         onClick: () => onOpen(conv),
-        className: "flex w-full min-w-0 items-center gap-2 rounded-md px-2 py-1.5 text-left transition-colors hover:bg-accent disabled:opacity-60"
-      },
-      /* @__PURE__ */ React.createElement("span", { className: "min-w-0 flex-1" }, /* @__PURE__ */ React.createElement("span", { className: "block truncate text-xs font-medium text-foreground" }, conv.title?.trim() || "Untitled conversation"), /* @__PURE__ */ React.createElement("span", { className: "block truncate text-[10px] text-muted-foreground" }, agentName ? `${agentName} \xB7 ` : "", relativeTime(conv.updatedAt))),
-      isOpening && /* @__PURE__ */ React.createElement(Loader2, { className: "h-3.5 w-3.5 shrink-0 animate-spin text-muted-foreground" })
-    ));
-  }));
+        className: "flex w-full min-w-0 items-center gap-2 rounded-md px-2 py-1.5 text-left transition-colors hover:bg-accent disabled:opacity-60",
+        children: [
+          /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx("span", { className: "block truncate text-xs font-medium text-foreground", children: conv.title?.trim() || "Untitled conversation" }),
+            /* @__PURE__ */ jsxs("span", { className: "block truncate text-[10px] text-muted-foreground", children: [
+              agentName ? `${agentName} \xB7 ` : "",
+              relativeTime(conv.updatedAt)
+            ] })
+          ] }),
+          isOpening && /* @__PURE__ */ jsx(Loader2, { className: "h-3.5 w-3.5 shrink-0 animate-spin text-muted-foreground" })
+        ]
+      }
+    ) }, conv.conversationId);
+  }) });
 }
 function SurfaceConversationsSection({
   surfaceName,
@@ -158,24 +167,74 @@ function SurfaceConversationsSection({
   };
   const isLoading = status === "loading" || status === "idle";
   if (showAll) {
-    return /* @__PURE__ */ React.createElement("div", { className: "flex min-w-0 flex-col gap-1.5 border-t border-border pt-2" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ React.createElement(Button, { variant: "quiet", icon: /* @__PURE__ */ React.createElement(ChevronLeft, null), onClick: () => setShowAll(false), "aria-label": "Back to recent conversations" }), /* @__PURE__ */ React.createElement("p", { className: "text-[10px] font-medium uppercase tracking-wide text-muted-foreground" }, "All conversations")), /* @__PURE__ */ React.createElement("div", { className: "relative" }, /* @__PURE__ */ React.createElement(Search, { className: "pointer-events-none absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ React.createElement(
-      Input,
-      {
-        adornment: "start",
-        autoFocus: true,
-        placeholder: "Search conversations",
-        onChange: (e) => dispatch(
-          setScopeSearch({ scopeId: allScopeId, searchTerm: e.target.value })
+    return /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-1.5 border-t border-border pt-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx(Button, { variant: "quiet", icon: /* @__PURE__ */ jsx(ChevronLeft, {}), onClick: () => setShowAll(false), "aria-label": "Back to recent conversations" }),
+        /* @__PURE__ */ jsx("p", { className: "text-[10px] font-medium uppercase tracking-wide text-muted-foreground", children: "All conversations" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+        /* @__PURE__ */ jsx(Search, { className: "pointer-events-none absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            adornment: "start",
+            autoFocus: true,
+            placeholder: "Search conversations",
+            onChange: (e) => dispatch(
+              setScopeSearch({ scopeId: allScopeId, searchTerm: e.target.value })
+            )
+          }
         )
-      }
-    )), /* @__PURE__ */ React.createElement("div", { className: "max-h-64 overflow-y-auto" }, serverSearch.isActive && /* @__PURE__ */ React.createElement(
-      ConversationSearchStatus,
-      {
-        state: serverSearch,
-        cachedCount: items.length,
-        pageSize: allPageSize ?? allScope.pageSize
-      }
-    ), isLoading && !serverSearch.isActive ? /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 px-2 py-3 text-xs text-muted-foreground" }, /* @__PURE__ */ React.createElement(Loader2, { className: "h-3.5 w-3.5 animate-spin" }), "Fetching your conversations") : status === "failed" ? /* @__PURE__ */ React.createElement("p", { className: "px-2 py-2 text-xs text-destructive" }, "Could not load conversations", asClause(error ? ` \u2014 ${error}` : ""), ".", /* @__PURE__ */ React.createElement(ErrorAlchemyMenu, null)) : visible.length === 0 ? /* @__PURE__ */ React.createElement("p", { className: "px-2 py-2 text-xs text-muted-foreground" }, "No conversations match.") : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "max-h-64 overflow-y-auto", children: [
+        serverSearch.isActive && /* @__PURE__ */ jsx(
+          ConversationSearchStatus,
+          {
+            state: serverSearch,
+            cachedCount: items.length,
+            pageSize: allPageSize ?? allScope.pageSize
+          }
+        ),
+        isLoading && !serverSearch.isActive ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-2 py-3 text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin" }),
+          "Fetching your conversations"
+        ] }) : status === "failed" ? /* @__PURE__ */ jsxs("p", { className: "px-2 py-2 text-xs text-destructive", children: [
+          "Could not load conversations",
+          asClause(error ? ` \u2014 ${error}` : ""),
+          ".",
+          /* @__PURE__ */ jsx(ErrorAlchemyMenu, {})
+        ] }) : visible.length === 0 ? /* @__PURE__ */ jsx("p", { className: "px-2 py-2 text-xs text-muted-foreground", children: "No conversations match." }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            ConversationRows,
+            {
+              items: visible,
+              agentNames,
+              openingId,
+              onOpen: handleOpen
+            }
+          ),
+          hasMore && !serverSearch.isActive && /* @__PURE__ */ jsx(Button, { variant: "quiet", disabled: status === "loading-more", onClick: () => void dispatch(
+            fetchConversationHistory({
+              scopeId: allScopeId,
+              replace: false
+            })
+          ), className: "mt-1 w-full", children: status === "loading-more" ? "Loading more" : "Load more" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "px-2 text-[10px] leading-relaxed text-muted-foreground", children: "Opens here with this page's context" })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-1 border-t border-border pt-2", children: [
+    /* @__PURE__ */ jsx("p", { className: "px-0.5 text-[10px] font-medium uppercase tracking-wide text-muted-foreground", children: "Past conversations" }),
+    feature && isLoading ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-2 py-2 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin" }),
+      "Finding recent conversations"
+    ] }) : feature && status === "failed" ? /* @__PURE__ */ jsxs("p", { className: "px-2 py-1 text-xs text-destructive", children: [
+      "Could not load recent conversations",
+      asClause(error ? ` \u2014 ${error}` : ""),
+      ".",
+      /* @__PURE__ */ jsx(ErrorAlchemyMenu, {})
+    ] }) : visible.length > 0 ? /* @__PURE__ */ jsx(
       ConversationRows,
       {
         items: visible,
@@ -183,22 +242,9 @@ function SurfaceConversationsSection({
         openingId,
         onOpen: handleOpen
       }
-    ), hasMore && !serverSearch.isActive && /* @__PURE__ */ React.createElement(Button, { variant: "quiet", disabled: status === "loading-more", onClick: () => void dispatch(
-      fetchConversationHistory({
-        scopeId: allScopeId,
-        replace: false
-      })
-    ), className: "mt-1 w-full" }, status === "loading-more" ? "Loading more" : "Load more"))), /* @__PURE__ */ React.createElement("p", { className: "px-2 text-[10px] leading-relaxed text-muted-foreground" }, "Opens here with this page's context"));
-  }
-  return /* @__PURE__ */ React.createElement("div", { className: "flex min-w-0 flex-col gap-1 border-t border-border pt-2" }, /* @__PURE__ */ React.createElement("p", { className: "px-0.5 text-[10px] font-medium uppercase tracking-wide text-muted-foreground" }, "Past conversations"), feature && isLoading ? /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 px-2 py-2 text-xs text-muted-foreground" }, /* @__PURE__ */ React.createElement(Loader2, { className: "h-3.5 w-3.5 animate-spin" }), "Finding recent conversations") : feature && status === "failed" ? /* @__PURE__ */ React.createElement("p", { className: "px-2 py-1 text-xs text-destructive" }, "Could not load recent conversations", asClause(error ? ` \u2014 ${error}` : ""), ".", /* @__PURE__ */ React.createElement(ErrorAlchemyMenu, null)) : visible.length > 0 ? /* @__PURE__ */ React.createElement(
-    ConversationRows,
-    {
-      items: visible,
-      agentNames,
-      openingId,
-      onOpen: handleOpen
-    }
-  ) : /* @__PURE__ */ React.createElement("p", { className: "px-2 py-1 text-xs text-muted-foreground" }, "Nothing started from here yet."), /* @__PURE__ */ React.createElement(Tile, { variant: "quiet", icon: /* @__PURE__ */ React.createElement(History, null), title: "All conversations", onClick: () => setShowAll(true) }));
+    ) : /* @__PURE__ */ jsx("p", { className: "px-2 py-1 text-xs text-muted-foreground", children: "Nothing started from here yet." }),
+    /* @__PURE__ */ jsx(Tile, { variant: "quiet", icon: /* @__PURE__ */ jsx(History, {}), title: "All conversations", onClick: () => setShowAll(true) })
+  ] });
 }
 export {
   SurfaceConversationsSection

package/dist/surfaces/components/chrome/SurfaceMandatesSection.js

@@ -1,4 +1,5 @@
 "use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import {
   Radar,
@@ -79,84 +80,126 @@ function SurfaceMandatesSection({
     };
   }, [keyList]);
   if (rows.length === 0 && discovered.available.length === 0) return null;
-  return /* @__PURE__ */ React.createElement("div", { className: cn("min-w-0 border-b border-border pb-2", className) }, rows.length > 0 && /* @__PURE__ */ React.createElement("div", { className: "mb-1 flex items-center gap-1" }, /* @__PURE__ */ React.createElement(
-    INTELLIGENCE_ICON,
-    {
-      className: "h-3 w-3 shrink-0 text-muted-foreground",
-      "aria-hidden": "true"
-    }
-  ), /* @__PURE__ */ React.createElement("span", { className: "text-[9px] font-medium uppercase tracking-wide text-muted-foreground" }, "AI doing jobs here")), rows.length > 0 && namesError != null && /* @__PURE__ */ React.createElement("p", { className: "mb-1 flex items-center gap-1 text-[10px] text-muted-foreground" }, "Names and on/off couldn't load \u2014 showing job keys", /* @__PURE__ */ React.createElement(ErrorAlchemyMenu, { error: namesError, size: "xs", operation: "Read these jobs' names" })), /* @__PURE__ */ React.createElement("ul", { className: "min-w-0 space-y-1" }, rows.map((row) => {
-    const identity = identities[row.mandateKey];
-    const notesOpen = openNotesFor === row.mandateKey;
-    return /* @__PURE__ */ React.createElement("li", { key: row.mandateKey, className: "min-w-0" }, /* @__PURE__ */ React.createElement("div", { className: "flex min-w-0 items-start gap-1" }, /* @__PURE__ */ React.createElement(
-      "button",
-      {
-        type: "button",
-        onClick: () => {
-          openMandate({
-            initialMandateKey: row.mandateKey,
-            mandateKeys: rows.map((entry) => entry.mandateKey),
+  return /* @__PURE__ */ jsxs("div", { className: cn("min-w-0 border-b border-border pb-2", className), children: [
+    rows.length > 0 && /* @__PURE__ */ jsxs("div", { className: "mb-1 flex items-center gap-1", children: [
+      /* @__PURE__ */ jsx(
+        INTELLIGENCE_ICON,
+        {
+          className: "h-3 w-3 shrink-0 text-muted-foreground",
+          "aria-hidden": "true"
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: "text-[9px] font-medium uppercase tracking-wide text-muted-foreground", children: "AI doing jobs here" })
+    ] }),
+    rows.length > 0 && namesError != null && /* @__PURE__ */ jsxs("p", { className: "mb-1 flex items-center gap-1 text-[10px] text-muted-foreground", children: [
+      "Names and on/off couldn't load \u2014 showing job keys",
+      /* @__PURE__ */ jsx(ErrorAlchemyMenu, { error: namesError, size: "xs", operation: "Read these jobs' names" })
+    ] }),
+    /* @__PURE__ */ jsx("ul", { className: "min-w-0 space-y-1", children: rows.map((row) => {
+      const identity = identities[row.mandateKey];
+      const notesOpen = openNotesFor === row.mandateKey;
+      return /* @__PURE__ */ jsxs("li", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-start gap-1", children: [
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => {
+                openMandate({
+                  initialMandateKey: row.mandateKey,
+                  mandateKeys: rows.map((entry) => entry.mandateKey),
+                  surfaceName: primarySurfaceName,
+                  initialView: isAdmin ? "admin" : "yours"
+                });
+                onOpened?.();
+              },
+              title: `Open ${mandateDisplayName(row.mandateKey, identity?.label)} \u2014 the agent, its instructions, your binding and its notes`,
+              className: "group min-w-0 flex-1 rounded-md border border-border bg-card px-2 py-1 text-left transition-colors hover:border-primary/40 hover:bg-primary/5",
+              children: [
+                /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-center gap-1", children: [
+                  identity || settledFor === keyList ? /* @__PURE__ */ jsx("span", { className: "truncate text-xs font-medium text-foreground", children: mandateDisplayName(row.mandateKey, identity?.label) }) : /* @__PURE__ */ jsx(
+                    Skeleton,
+                    {
+                      "aria-label": "Loading this job's name",
+                      className: "h-3 w-32"
+                    }
+                  ),
+                  identity && !identity.isEnabled && /* @__PURE__ */ jsx("span", { className: "shrink-0 rounded border border-amber-500/40 px-1 text-[9px] text-amber-600 dark:text-amber-400", children: "off" }),
+                  /* @__PURE__ */ jsx(Maximize2, { className: "ml-auto h-2.5 w-2.5 shrink-0 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100" })
+                ] }),
+                /* @__PURE__ */ jsx("span", { className: "block truncate text-[10px] text-muted-foreground", children: row.does }),
+                isAdmin && /* @__PURE__ */ jsx("span", { className: "block truncate font-mono text-[9px] text-muted-foreground/70", children: row.mandateKey })
+              ]
+            }
+          ),
+          isAdmin && identity && /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => setOpenNotesFor(notesOpen ? null : row.mandateKey),
+              title: notesOpen ? "Hide notes" : "Notes & observations for this mandate",
+              "aria-expanded": notesOpen,
+              className: "mt-0.5 flex shrink-0 items-center gap-0.5 rounded-md border border-border px-1.5 py-1 text-[10px] text-muted-foreground transition-colors hover:border-primary/40 hover:text-foreground",
+              children: [
+                /* @__PURE__ */ jsx(StickyNote, { className: "h-3 w-3" }),
+                notesOpen ? /* @__PURE__ */ jsx(ChevronDown, { className: "h-2.5 w-2.5" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "h-2.5 w-2.5" })
+              ]
+            }
+          )
+        ] }),
+        isAdmin && identity && notesOpen && /* @__PURE__ */ jsx(
+          MandateNotesPanel,
+          {
+            compact: true,
+            className: "mt-1 rounded-md border border-border bg-muted/30 p-2",
+            mandateId: identity.mandateId,
+            mandateKey: row.mandateKey,
             surfaceName: primarySurfaceName,
-            initialView: isAdmin ? "admin" : "yours"
-          });
-          onOpened?.();
-        },
-        title: `Open ${mandateDisplayName(row.mandateKey, identity?.label)} \u2014 the agent, its instructions, your binding and its notes`,
-        className: "group min-w-0 flex-1 rounded-md border border-border bg-card px-2 py-1 text-left transition-colors hover:border-primary/40 hover:bg-primary/5"
-      },
-      /* @__PURE__ */ React.createElement("span", { className: "flex min-w-0 items-center gap-1" }, identity || settledFor === keyList ? /* @__PURE__ */ React.createElement("span", { className: "truncate text-xs font-medium text-foreground" }, mandateDisplayName(row.mandateKey, identity?.label)) : /* @__PURE__ */ React.createElement(
-        Skeleton,
+            observedAgentId: identity.defaultAgentId
+          }
+        )
+      ] }, row.mandateKey);
+    }) }),
+    discovered.available.length > 0 && /* @__PURE__ */ jsxs("div", { className: cn("min-w-0", rows.length > 0 && "mt-2 border-t border-border pt-2"), children: [
+      /* @__PURE__ */ jsxs(
+        "button",
         {
-          "aria-label": "Loading this job's name",
-          className: "h-3 w-32"
+          type: "button",
+          onClick: () => setDiscoveredOpen((open) => !open),
+          "aria-expanded": discoveredOpen,
+          title: "Portable AI whose required page values all resolve here \u2014 availability is capability",
+          className: "flex w-full min-w-0 items-center gap-1 text-left text-[9px] font-medium uppercase tracking-wide text-muted-foreground transition-colors hover:text-foreground",
+          children: [
+            /* @__PURE__ */ jsx(Radar, { className: "h-3 w-3 shrink-0", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsxs("span", { className: "truncate", children: [
+              "Also available here (",
+              discovered.available.length,
+              ")"
+            ] }),
+            discoveredOpen ? /* @__PURE__ */ jsx(ChevronDown, { className: "ml-auto h-2.5 w-2.5 shrink-0" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "ml-auto h-2.5 w-2.5 shrink-0" })
+          ]
         }
-      ), identity && !identity.isEnabled && /* @__PURE__ */ React.createElement("span", { className: "shrink-0 rounded border border-amber-500/40 px-1 text-[9px] text-amber-600 dark:text-amber-400" }, "off"), /* @__PURE__ */ React.createElement(Maximize2, { className: "ml-auto h-2.5 w-2.5 shrink-0 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100" })),
-      /* @__PURE__ */ React.createElement("span", { className: "block truncate text-[10px] text-muted-foreground" }, row.does),
-      isAdmin && /* @__PURE__ */ React.createElement("span", { className: "block truncate font-mono text-[9px] text-muted-foreground/70" }, row.mandateKey)
-    ), isAdmin && identity && /* @__PURE__ */ React.createElement(
-      "button",
-      {
-        type: "button",
-        onClick: () => setOpenNotesFor(notesOpen ? null : row.mandateKey),
-        title: notesOpen ? "Hide notes" : "Notes & observations for this mandate",
-        "aria-expanded": notesOpen,
-        className: "mt-0.5 flex shrink-0 items-center gap-0.5 rounded-md border border-border px-1.5 py-1 text-[10px] text-muted-foreground transition-colors hover:border-primary/40 hover:text-foreground"
-      },
-      /* @__PURE__ */ React.createElement(StickyNote, { className: "h-3 w-3" }),
-      notesOpen ? /* @__PURE__ */ React.createElement(ChevronDown, { className: "h-2.5 w-2.5" }) : /* @__PURE__ */ React.createElement(ChevronRight, { className: "h-2.5 w-2.5" })
-    )), isAdmin && identity && notesOpen && /* @__PURE__ */ React.createElement(
-      MandateNotesPanel,
-      {
-        compact: true,
-        className: "mt-1 rounded-md border border-border bg-muted/30 p-2",
-        mandateId: identity.mandateId,
-        mandateKey: row.mandateKey,
-        surfaceName: primarySurfaceName,
-        observedAgentId: identity.defaultAgentId
-      }
-    ));
-  })), discovered.available.length > 0 && /* @__PURE__ */ React.createElement("div", { className: cn("min-w-0", rows.length > 0 && "mt-2 border-t border-border pt-2") }, /* @__PURE__ */ React.createElement(
-    "button",
-    {
-      type: "button",
-      onClick: () => setDiscoveredOpen((open) => !open),
-      "aria-expanded": discoveredOpen,
-      title: "Portable AI whose required page values all resolve here \u2014 availability is capability",
-      className: "flex w-full min-w-0 items-center gap-1 text-left text-[9px] font-medium uppercase tracking-wide text-muted-foreground transition-colors hover:text-foreground"
-    },
-    /* @__PURE__ */ React.createElement(Radar, { className: "h-3 w-3 shrink-0", "aria-hidden": "true" }),
-    /* @__PURE__ */ React.createElement("span", { className: "truncate" }, "Also available here (", discovered.available.length, ")"),
-    discoveredOpen ? /* @__PURE__ */ React.createElement(ChevronDown, { className: "ml-auto h-2.5 w-2.5 shrink-0" }) : /* @__PURE__ */ React.createElement(ChevronRight, { className: "ml-auto h-2.5 w-2.5 shrink-0" })
-  ), discoveredOpen && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("ul", { className: "mt-1 min-w-0 space-y-0.5" }, discovered.available.map((item) => /* @__PURE__ */ React.createElement(
-    "li",
-    {
-      key: item.id,
-      className: "min-w-0 rounded-md border border-border/60 bg-muted/20 px-2 py-1",
-      title: item.requirements.length > 0 ? `Needs: ${item.requirements.join(", ")} \u2014 all readable here` : "Needs nothing from this page"
-    },
-    /* @__PURE__ */ React.createElement("span", { className: "block truncate text-[11px] text-foreground" }, item.label),
-    /* @__PURE__ */ React.createElement("span", { className: "block truncate text-[9px] text-muted-foreground" }, item.requirements.length > 0 ? item.requirements.join(" \xB7 ") : "no page values required")
-  ))), discovered.withoutMandateIdentity > 0 && /* @__PURE__ */ React.createElement("p", { className: "mt-1 text-[9px] leading-snug text-amber-600 dark:text-amber-400" }, discovered.withoutMandateIdentity, " of these can't show coverage yet"))));
+      ),
+      discoveredOpen && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("ul", { className: "mt-1 min-w-0 space-y-0.5", children: discovered.available.map((item) => /* @__PURE__ */ jsxs(
+          "li",
+          {
+            className: "min-w-0 rounded-md border border-border/60 bg-muted/20 px-2 py-1",
+            title: item.requirements.length > 0 ? `Needs: ${item.requirements.join(", ")} \u2014 all readable here` : "Needs nothing from this page",
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "block truncate text-[11px] text-foreground", children: item.label }),
+              /* @__PURE__ */ jsx("span", { className: "block truncate text-[9px] text-muted-foreground", children: item.requirements.length > 0 ? item.requirements.join(" \xB7 ") : "no page values required" })
+            ]
+          },
+          item.id
+        )) }),
+        discovered.withoutMandateIdentity > 0 && /* @__PURE__ */ jsxs("p", { className: "mt-1 text-[9px] leading-snug text-amber-600 dark:text-amber-400", children: [
+          discovered.withoutMandateIdentity,
+          " of these can't show coverage yet"
+        ] })
+      ] })
+    ] })
+  ] });
 }
 export {
   SurfaceMandatesSection

package/dist/surfaces/components/chrome/SurfaceRoleAgentButton.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { Loader2 } from "lucide-react";
 import { toast } from "../../../host/notify.js";
@@ -54,7 +55,7 @@ function SurfaceRoleAgentButton({
       setLaunching(false);
     }
   };
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     Button,
     {
       type: "button",
@@ -62,10 +63,12 @@ function SurfaceRoleAgentButton({
       disabled: launching,
       onClick: () => void handleClick(),
       title: role.role.description,
-      className
-    },
-    launching ? /* @__PURE__ */ React.createElement(Loader2, { className: "h-3.5 w-3.5 animate-spin", "aria-hidden": true }) : /* @__PURE__ */ React.createElement(AGENT_ICON, { className: "h-3.5 w-3.5", "aria-hidden": true }),
-    label ?? role.role.label
+      className,
+      children: [
+        launching ? /* @__PURE__ */ jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin", "aria-hidden": true }) : /* @__PURE__ */ jsx(AGENT_ICON, { className: "h-3.5 w-3.5", "aria-hidden": true }),
+        label ?? role.role.label
+      ]
+    }
   );
 }
 export {