@ai-matrx/chat 0.5.0 → 0.5.3

package/dist/host/conversation-hooks-react.js

@@ -1,5 +1,10 @@
 import { useSyncExternalStore } from "react";
-import { readConversationHeld, subscribeConversationHeld } from "./conversation-hooks.js";
+import {
+  getConversationHooks,
+  readConversationHeld,
+  subscribeConversationHeld,
+  subscribeConversationHooks
+} from "./conversation-hooks.js";
 function useConversationHeld(conversationId) {
   return useSyncExternalStore(
     (listener) => subscribeConversationHeld(conversationId, listener),
@@ -7,6 +12,14 @@ function useConversationHeld(conversationId) {
     () => null
   );
 }
+function useConversationHooks(conversationId) {
+  return useSyncExternalStore(
+    subscribeConversationHooks,
+    () => conversationId ? getConversationHooks(conversationId) : void 0,
+    () => void 0
+  );
+}
 export {
-  useConversationHeld
+  useConversationHeld,
+  useConversationHooks
 };

package/dist/host/conversation-hooks.d.ts

@@ -49,10 +49,20 @@ export interface ConversationHostHooks {
     everyTurnThroughMandate?: boolean;
     /** How a stored user turn reads on screen (display only; the record is unchanged). */
     displayUserText?: (text: string) => string;
+    /**
+     * The host hands every turn its context itself (the gate's `context`): what
+     * the person's bubble would list as "N sent" is the host's frame, not
+     * something she attached — so her bubble shows only what she typed and
+     * attached. Display only; the context still ships and the server's receipt
+     * is unchanged.
+     */
+    hostSuppliesContext?: boolean;
 }
 /** Register a conversation's hooks. Returns the release; a newer registration for the same id wins. */
 export declare function registerConversationHooks(conversationId: string, hooks: ConversationHostHooks): () => void;
 export declare function getConversationHooks(conversationId: string): ConversationHostHooks | undefined;
+/** Be told whenever any conversation's hooks are registered or released. */
+export declare function subscribeConversationHooks(listener: () => void): () => void;
 export type BeforeSendOutcome = {
     ok: true;
 } | {

package/dist/host/conversation-hooks.js

@@ -18,6 +18,12 @@ function registerConversationHooks(conversationId, hooks) {
 function getConversationHooks(conversationId) {
   return hooksByConversation.get(conversationId);
 }
+function subscribeConversationHooks(listener) {
+  registryListeners.add(listener);
+  return () => {
+    registryListeners.delete(listener);
+  };
+}
 async function runBeforeSend(conversationId, text) {
   const hooks = hooksByConversation.get(conversationId);
   if (!hooks) return { ok: true };
@@ -88,6 +94,7 @@ export {
   runBeforeSend,
   startHostConversation,
   subscribeConversationHeld,
+  subscribeConversationHooks,
   takeTurnExtras,
   tapStreamEvent
 };

package/dist/host/defaults/memory-navigation.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import { useSyncExternalStore } from "react";
 const LOCAL_ORIGIN = "https://chat.memory.local";
 function defaultOpenExternal(href) {
@@ -70,7 +71,7 @@ function createMemoryNavigation(options = {}) {
   function MemoryLink({ href, children, onClick, prefetch, replace, scroll, ...anchor }) {
     void prefetch;
     void scroll;
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       "a",
       {
         ...anchor,
@@ -80,9 +81,9 @@ function createMemoryNavigation(options = {}) {
           if (event.defaultPrevented || event.metaKey || event.ctrlKey || event.shiftKey) return;
           event.preventDefault();
           go(href, replace ? "replace" : "push");
-        }
-      },
-      children
+        },
+        children
+      }
     );
   }
   return {

package/dist/host/defaults/resource-picker-menu.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
 import { Button, Input } from "@ai-matrx/design-system";
 import { useUploadAgentResources } from "../../agents/components/inputs/resources/usePasteImageResource.js";
@@ -18,7 +19,7 @@ function FilesView({ conversationId, initialUploadFiles, done }) {
     started.current = true;
     send([...initialUploadFiles]);
   });
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       className: `m-2 flex flex-col items-center gap-2 rounded-md border border-dashed p-4 text-sm ${dragging ? "border-primary bg-primary/5" : "border-border"}`,
@@ -32,23 +33,25 @@ function FilesView({ conversationId, initialUploadFiles, done }) {
         event.preventDefault();
         setDragging(false);
         send(Array.from(event.dataTransfer.files));
-      }
-    },
-    /* @__PURE__ */ React.createElement("span", { className: "text-muted-foreground" }, "Drop files here"),
-    /* @__PURE__ */ React.createElement(Button, { type: "button", size: "sm", onClick: () => input.current?.click() }, "Choose files"),
-    /* @__PURE__ */ React.createElement(
-      "input",
-      {
-        ref: input,
-        type: "file",
-        multiple: true,
-        hidden: true,
-        onChange: (event) => {
-          send(Array.from(event.target.files ?? []));
-          event.target.value = "";
-        }
-      }
-    )
+      },
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Drop files here" }),
+        /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", onClick: () => input.current?.click(), children: "Choose files" }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            ref: input,
+            type: "file",
+            multiple: true,
+            hidden: true,
+            onChange: (event) => {
+              send(Array.from(event.target.files ?? []));
+              event.target.value = "";
+            }
+          }
+        )
+      ]
+    }
   );
 }
 function normalizeUrl(raw) {
@@ -64,7 +67,7 @@ function normalizeUrl(raw) {
 function LinkView({ select }) {
   const [text, setText] = useState("");
   const url = normalizeUrl(text);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "form",
     {
       className: "flex items-center gap-2 p-2",
@@ -72,10 +75,12 @@ function LinkView({ select }) {
       onSubmit: (event) => {
         event.preventDefault();
         if (url) select(url);
-      }
-    },
-    /* @__PURE__ */ React.createElement(Input, { autoFocus: true, className: "h-8 text-sm", placeholder: "https://", value: text, onChange: (event) => setText(event.target.value) }),
-    /* @__PURE__ */ React.createElement(Button, { type: "submit", size: "sm", disabled: !url }, "Attach")
+      },
+      children: [
+        /* @__PURE__ */ jsx(Input, { autoFocus: true, className: "h-8 text-sm", placeholder: "https://", value: text, onChange: (event) => setText(event.target.value) }),
+        /* @__PURE__ */ jsx(Button, { type: "submit", size: "sm", disabled: !url, children: "Attach" })
+      ]
+    }
   );
 }
 function DefaultResourcePickerMenu({
@@ -91,10 +96,10 @@ function DefaultResourcePickerMenu({
     onClose?.();
   };
   if (initialView === "files") {
-    return /* @__PURE__ */ React.createElement(FilesView, { conversationId, initialUploadFiles, done });
+    return /* @__PURE__ */ jsx(FilesView, { conversationId, initialUploadFiles, done });
   }
   if (initialView === "webpage") {
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       LinkView,
       {
         select: (url) => {

package/dist/host/defaults/setting-control-input.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { Input, Switch, Textarea } from "@ai-matrx/design-system";
 const FIELD = "h-8 w-full text-sm";
@@ -7,7 +8,7 @@ function JsonField({ id, value, disabled, onChange }) {
   const [draft, setDraft] = useState(text);
   const [invalid, setInvalid] = useState(false);
   useEffect(() => setDraft(text), [text]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     Textarea,
     {
       id,
@@ -33,23 +34,25 @@ function DefaultSettingControlInput({ settingKey, control, value, onChange, disa
   const fieldId = id ?? `setting-${settingKey}`;
   switch (control.type) {
     case "boolean":
-      return /* @__PURE__ */ React.createElement(Switch, { id: fieldId, checked: value === true, disabled, onCheckedChange: (checked) => onChange(checked) });
+      return /* @__PURE__ */ jsx(Switch, { id: fieldId, checked: value === true, disabled, onCheckedChange: (checked) => onChange(checked) });
     case "enum":
-      return /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ jsxs(
         "select",
         {
           id: fieldId,
           className: `${FIELD} rounded-md border border-input bg-background px-2`,
           value: typeof value === "string" ? value : "",
           disabled,
-          onChange: (event) => onChange(event.target.value === "" ? void 0 : event.target.value)
-        },
-        /* @__PURE__ */ React.createElement("option", { value: "" }, "Default"),
-        (control.enum ?? []).map((option) => /* @__PURE__ */ React.createElement("option", { key: option, value: option }, option))
+          onChange: (event) => onChange(event.target.value === "" ? void 0 : event.target.value),
+          children: [
+            /* @__PURE__ */ jsx("option", { value: "", children: "Default" }),
+            (control.enum ?? []).map((option) => /* @__PURE__ */ jsx("option", { value: option, children: option }, option))
+          ]
+        }
       );
     case "number":
     case "integer":
-      return /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ jsx(
         Input,
         {
           id: fieldId,
@@ -69,7 +72,7 @@ function DefaultSettingControlInput({ settingKey, control, value, onChange, disa
         }
       );
     case "string":
-      return /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ jsx(
         Input,
         {
           id: fieldId,
@@ -80,7 +83,7 @@ function DefaultSettingControlInput({ settingKey, control, value, onChange, disa
         }
       );
     default:
-      return /* @__PURE__ */ React.createElement(JsonField, { id: fieldId, value, disabled, onChange });
+      return /* @__PURE__ */ jsx(JsonField, { id: fieldId, value, disabled, onChange });
   }
 }
 export {

package/dist/host/defaults/window-panel.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { Button } from "@ai-matrx/design-system/controls";
 function DefaultWindowPanel({
@@ -30,21 +31,35 @@ function DefaultWindowPanel({
     maxWidth: "calc(100vw - 16px)",
     maxHeight: "calc(100vh - 16px)"
   };
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       role: "dialog",
       "aria-label": title,
       "data-chat-slot-fallback": "WindowPanel",
       style,
-      className: "flex flex-col overflow-hidden rounded-lg border bg-background shadow-xl"
-    },
-    /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between gap-2 border-b px-3 py-1.5 text-sm font-medium" }, /* @__PURE__ */ React.createElement("div", { className: "min-w-0 truncate" }, titleNode ?? title), /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-1" }, actionsRight, /* @__PURE__ */ React.createElement(Button, { variant: "quiet", "aria-label": "Close", onClick: () => {
-      setOpen(false);
-      onClose?.();
-    } }, "\xD7"))),
-    /* @__PURE__ */ React.createElement("div", { className: "flex min-h-0 flex-1" }, sidebar ? /* @__PURE__ */ React.createElement("div", { className: "w-56 shrink-0 overflow-auto border-r" }, sidebar) : null, /* @__PURE__ */ React.createElement("div", { className: `min-h-0 min-w-0 flex-1 overflow-auto ${bodyClassName ?? ""}` }, children)),
-    footerLeft || footerRight ? /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between border-t px-3 py-1.5" }, /* @__PURE__ */ React.createElement("div", null, footerLeft), /* @__PURE__ */ React.createElement("div", null, footerRight)) : null
+      className: "flex flex-col overflow-hidden rounded-lg border bg-background shadow-xl",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 border-b px-3 py-1.5 text-sm font-medium", children: [
+          /* @__PURE__ */ jsx("div", { className: "min-w-0 truncate", children: titleNode ?? title }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+            actionsRight,
+            /* @__PURE__ */ jsx(Button, { variant: "quiet", "aria-label": "Close", onClick: () => {
+              setOpen(false);
+              onClose?.();
+            }, children: "\xD7" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex min-h-0 flex-1", children: [
+          sidebar ? /* @__PURE__ */ jsx("div", { className: "w-56 shrink-0 overflow-auto border-r", children: sidebar }) : null,
+          /* @__PURE__ */ jsx("div", { className: `min-h-0 min-w-0 flex-1 overflow-auto ${bodyClassName ?? ""}`, children })
+        ] }),
+        footerLeft || footerRight ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-t px-3 py-1.5", children: [
+          /* @__PURE__ */ jsx("div", { children: footerLeft }),
+          /* @__PURE__ */ jsx("div", { children: footerRight })
+        ] }) : null
+      ]
+    }
   );
 }
 function DefaultFullScreenOverlay({
@@ -58,19 +73,25 @@ function DefaultFullScreenOverlay({
   const [active, setActive] = useState(initialTab ?? tabs[0]?.id);
   if (!isOpen) return null;
   const current = tabs.find((t) => t.id === active) ?? tabs[0];
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       role: "dialog",
       "aria-label": title,
       "data-chat-slot-fallback": "FullScreenOverlay",
-      className: "fixed inset-0 z-[70] flex flex-col bg-background"
-    },
-    /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 border-b px-3 py-2 text-sm" }, /* @__PURE__ */ React.createElement("span", { className: "font-medium" }, title), tabs.map((t) => /* @__PURE__ */ React.createElement(Button, { variant: "quiet", pressed: t.id === current?.id, key: t.id, onClick: () => {
-      setActive(t.id);
-      onTabChange?.(t.id);
-    } }, t.label)), /* @__PURE__ */ React.createElement(Button, { variant: "quiet", "aria-label": "Close", onClick: onClose, className: "ml-auto" }, "\xD7")),
-    /* @__PURE__ */ React.createElement("div", { className: `min-h-0 flex-1 overflow-auto ${current?.className ?? ""}` }, current?.content)
+      className: "fixed inset-0 z-[70] flex flex-col bg-background",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 border-b px-3 py-2 text-sm", children: [
+          /* @__PURE__ */ jsx("span", { className: "font-medium", children: title }),
+          tabs.map((t) => /* @__PURE__ */ jsx(Button, { variant: "quiet", pressed: t.id === current?.id, onClick: () => {
+            setActive(t.id);
+            onTabChange?.(t.id);
+          }, children: t.label }, t.id)),
+          /* @__PURE__ */ jsx(Button, { variant: "quiet", "aria-label": "Close", onClick: onClose, className: "ml-auto", children: "\xD7" })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: `min-h-0 flex-1 overflow-auto ${current?.className ?? ""}`, children: current?.content })
+      ]
+    }
   );
 }
 export {

package/dist/host/defaults/workspace-gate.js

@@ -1,4 +1,5 @@
 "use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useState, useSyncExternalStore } from "react";
 import { useChatHost } from "../react.js";
 import { chatHostHasDatabase } from "../configure.js";
@@ -8,8 +9,8 @@ const CHUNK = 100;
 function DefaultWorkspaceGate({ blocked, sentence, description, children, className }) {
   const host = useChatHost();
   const active = useSyncExternalStore(host.org.subscribe, host.org.active, () => null);
-  if (!blocked || active || !host.org.choose || !chatHostHasDatabase()) return /* @__PURE__ */ React.createElement(React.Fragment, null, children);
-  return /* @__PURE__ */ React.createElement(WorkspacePicker, { sentence, description, className });
+  if (!blocked || active || !host.org.choose || !chatHostHasDatabase()) return /* @__PURE__ */ jsx(Fragment, { children });
+  return /* @__PURE__ */ jsx(WorkspacePicker, { sentence, description, className });
 }
 function WorkspacePicker({ sentence, description, className }) {
   const host = useChatHost();
@@ -54,24 +55,34 @@ function WorkspacePicker({ sentence, description, className }) {
     host.org.choose?.(org);
     invalidateMandateCache();
   };
-  return /* @__PURE__ */ React.createElement("div", { "data-testid": "workspace-gate", className: className ?? "flex h-full min-h-0 w-full flex-col items-center overflow-y-auto p-6" }, /* @__PURE__ */ React.createElement("div", { className: "w-full max-w-sm space-y-2" }, /* @__PURE__ */ React.createElement("p", { className: "text-sm font-medium" }, sentence), description ? /* @__PURE__ */ React.createElement("p", { className: "text-xs text-muted-foreground" }, description) : null, error ? /* @__PURE__ */ React.createElement("p", { className: "text-xs text-destructive" }, "Couldn't list your organizations: ", error) : orgs === null ? /* @__PURE__ */ React.createElement("p", { className: "text-xs text-muted-foreground" }, "Loading your organizations\u2026") : orgs.length === 0 ? /* @__PURE__ */ React.createElement("p", { className: "text-xs text-muted-foreground" }, "You are not a member of any organization.") : /* @__PURE__ */ React.createElement(React.Fragment, null, orgs.length > 8 ? /* @__PURE__ */ React.createElement(
-    "input",
-    {
-      value: filter,
-      onChange: (e) => setFilter(e.target.value),
-      placeholder: "Find an organization",
-      className: "w-full rounded-md border border-border bg-background px-2 py-1 text-sm"
-    }
-  ) : null, /* @__PURE__ */ React.createElement("ul", { className: "divide-y divide-border rounded-md border border-border" }, shown.map((org) => /* @__PURE__ */ React.createElement("li", { key: org.id }, /* @__PURE__ */ React.createElement(
-    "button",
-    {
-      type: "button",
-      "data-workspace-choice": org.id,
-      onClick: () => choose(org),
-      className: "w-full px-3 py-2 text-left text-sm hover:bg-muted"
-    },
-    org.name ?? org.id
-  )))))));
+  return /* @__PURE__ */ jsx("div", { "data-testid": "workspace-gate", className: className ?? "flex h-full min-h-0 w-full flex-col items-center overflow-y-auto p-6", children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-sm space-y-2", children: [
+    /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: sentence }),
+    description ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: description }) : null,
+    error ? /* @__PURE__ */ jsxs("p", { className: "text-xs text-destructive", children: [
+      "Couldn't list your organizations: ",
+      error
+    ] }) : orgs === null ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Loading your organizations\u2026" }) : orgs.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "You are not a member of any organization." }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      orgs.length > 8 ? /* @__PURE__ */ jsx(
+        "input",
+        {
+          value: filter,
+          onChange: (e) => setFilter(e.target.value),
+          placeholder: "Find an organization",
+          className: "w-full rounded-md border border-border bg-background px-2 py-1 text-sm"
+        }
+      ) : null,
+      /* @__PURE__ */ jsx("ul", { className: "divide-y divide-border rounded-md border border-border", children: shown.map((org) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          "data-workspace-choice": org.id,
+          onClick: () => choose(org),
+          className: "w-full px-3 py-2 text-left text-sm hover:bg-muted",
+          children: org.name ?? org.id
+        }
+      ) }, org.id)) })
+    ] })
+  ] }) });
 }
 export {
   DefaultWorkspaceGate

package/dist/host/navigation.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import { getChatHost, isChatHostConfigured } from "./configure.js";
 import { createWindowNavigation } from "./defaults/navigation.js";
 import { useMaybeChatHost } from "./react.js";
@@ -25,7 +26,7 @@ function useSearchParams() {
 }
 function Link(props) {
   const { Link: HostLink } = useChatNavigation();
-  return /* @__PURE__ */ React.createElement(HostLink, { ...props });
+  return /* @__PURE__ */ jsx(HostLink, { ...props });
 }
 export {
   Link,

package/dist/host/react.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import { createContext, useContext, useState } from "react";
 import { Provider, ReactReduxContext } from "react-redux";
 import { configureChat, resolveChatHost } from "./configure.js";
@@ -41,8 +42,8 @@ function ChatProvider({ host, store, children }) {
   if (typeof window !== "undefined") setStoreSingleton(chatStore);
   useChatHostSync(chatStore, resolved);
   const outerAlchemy = useOptionalAlchemyActions();
-  const body = privateStore ? /* @__PURE__ */ React.createElement(BareHostChrome, { host: resolved }, children) : children;
-  return /* @__PURE__ */ React.createElement(ChatHostContext.Provider, { value: resolved }, /* @__PURE__ */ React.createElement(Provider, { store: chatStore, context: ChatStoreContext, serverState }, outerAlchemy ? body : /* @__PURE__ */ React.createElement(AlchemyActionsProvider, { ports: BARE_ALCHEMY_PORTS }, body)));
+  const body = privateStore ? /* @__PURE__ */ jsx(BareHostChrome, { host: resolved, children }) : children;
+  return /* @__PURE__ */ jsx(ChatHostContext.Provider, { value: resolved, children: /* @__PURE__ */ jsx(Provider, { store: chatStore, context: ChatStoreContext, serverState, children: outerAlchemy ? body : /* @__PURE__ */ jsx(AlchemyActionsProvider, { ports: BARE_ALCHEMY_PORTS, children: body }) }) });
 }
 const BARE_ALCHEMY_PORTS = {
   diagnostics: {

package/dist/host/ui-slots.d.ts

@@ -283,7 +283,8 @@ export interface ChatUiSlots {
     createSandboxFilesystemAdapter: AnyFn;
     notesGetById: AnyFn;
     createHtmlPage: AnyFn;
-    convertMarkdownToHtml: AnyFn;
+    /** May answer with a promise: a host loads its markdown renderer on first use (0.5.2). */
+    convertMarkdownToHtml: (markdown: string) => string | Promise<string>;
     sklActions: Record<string, AnyFn>;
     selectAllContentBlocksArray: AnyFn;
     selectContentBlocksByScope: AnyFn;
@@ -692,7 +693,7 @@ export declare const canvasGetById: (canvasId: string) => Promise<CanvasItemRow
 export declare const createSandboxFilesystemAdapter: AnyFn;
 export declare const notesGetById: AnyFn;
 export declare const createHtmlPage: AnyFn;
-export declare const convertMarkdownToHtml: AnyFn;
+export declare const convertMarkdownToHtml: (markdown: string) => string | Promise<string>;
 /** The host's skill-library action creators (`sklActions.x(...)`); resolved at call time, a bare host throws naming the slot. */
 export declare const sklActions: Record<string, AnyFn>;
 export declare const selectAllContentBlocksArray: AnyFn;

package/dist/mandates/RunFailureCard.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { AlertTriangle } from "lucide-react";
 import { Badge } from "@ai-matrx/design-system";
 import { ServerNotes } from "../host/ui-slots.js";
@@ -11,25 +12,35 @@ function RunFailureCard({
   failure,
   testId = "mandate-run-failure"
 }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       "data-testid": testId,
-      className: "space-y-2 rounded-lg border border-destructive/60 bg-destructive/5 p-3"
-    },
-    /* @__PURE__ */ React.createElement("div", { className: "flex flex-wrap items-center gap-1.5 text-[12px]" }, /* @__PURE__ */ React.createElement(AlertTriangle, { className: "h-3.5 w-3.5 text-destructive" }), /* @__PURE__ */ React.createElement("span", { className: "font-semibold text-foreground" }, mandateRefusalHeadline(failure)), failure.status != null ? /* @__PURE__ */ React.createElement(Badge, { variant: "destructive", className: "py-0 font-mono text-[10px]" }, failure.status) : null, failure.code ? /* @__PURE__ */ React.createElement(Badge, { variant: "outline", className: "py-0 font-mono text-[10px]" }, failure.code) : null),
-    /* @__PURE__ */ React.createElement("pre", { className: "max-h-56 overflow-auto whitespace-pre-wrap break-words rounded bg-destructive/10 p-2 text-[11.5px] text-destructive-ink" }, /* @__PURE__ */ React.createElement(TextWithDoors, { text: failure.sentence })),
-    failure.status == null ? /* @__PURE__ */ React.createElement("p", { className: "text-[11.5px] text-muted-foreground" }, "Nothing ran or was charged; check your connection and retry.") : null,
-    /* @__PURE__ */ React.createElement(
-      ServerNotes,
-      {
-        heading: "What the server also said",
-        notes: failure.notes,
-        testId: `${testId}-notes`
-      }
-    ),
-    failure.requestId ? /* @__PURE__ */ React.createElement("p", { className: "font-mono text-[10px] text-muted-foreground" }, "request ", failure.requestId) : null,
-    /* @__PURE__ */ React.createElement(ErrorAlchemyMenu, { error: failure.status })
+      className: "space-y-2 rounded-lg border border-destructive/60 bg-destructive/5 p-3",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-1.5 text-[12px]", children: [
+          /* @__PURE__ */ jsx(AlertTriangle, { className: "h-3.5 w-3.5 text-destructive" }),
+          /* @__PURE__ */ jsx("span", { className: "font-semibold text-foreground", children: mandateRefusalHeadline(failure) }),
+          failure.status != null ? /* @__PURE__ */ jsx(Badge, { variant: "destructive", className: "py-0 font-mono text-[10px]", children: failure.status }) : null,
+          failure.code ? /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "py-0 font-mono text-[10px]", children: failure.code }) : null
+        ] }),
+        /* @__PURE__ */ jsx("pre", { className: "max-h-56 overflow-auto whitespace-pre-wrap break-words rounded bg-destructive/10 p-2 text-[11.5px] text-destructive-ink", children: /* @__PURE__ */ jsx(TextWithDoors, { text: failure.sentence }) }),
+        failure.status == null ? /* @__PURE__ */ jsx("p", { className: "text-[11.5px] text-muted-foreground", children: "Nothing ran or was charged; check your connection and retry." }) : null,
+        /* @__PURE__ */ jsx(
+          ServerNotes,
+          {
+            heading: "What the server also said",
+            notes: failure.notes,
+            testId: `${testId}-notes`
+          }
+        ),
+        failure.requestId ? /* @__PURE__ */ jsxs("p", { className: "font-mono text-[10px] text-muted-foreground", children: [
+          "request ",
+          failure.requestId
+        ] }) : null,
+        /* @__PURE__ */ jsx(ErrorAlchemyMenu, { error: failure.status })
+      ]
+    }
   );
 }
 export {

package/dist/public-chat/components/AgentSelector.js

@@ -1,5 +1,5 @@
 "use client";
-import React from "react";
+import { jsx } from "react/jsx-runtime";
 import { Chip, ChipSet, Button } from "@ai-matrx/design-system/controls";
 import {
   BarChart,
@@ -14,14 +14,14 @@ import {
 } from "lucide-react";
 import { useResponseModeAgents } from "../../cx-chat/components/agent/useResponseModeAgents.js";
 const RESPONSE_MODE_ICONS = {
-  text: /* @__PURE__ */ React.createElement(MessageCircle, { size: 16 }),
-  images: /* @__PURE__ */ React.createElement(Image, { size: 16 }),
-  videos: /* @__PURE__ */ React.createElement(Video, { size: 16 }),
-  research: /* @__PURE__ */ React.createElement(Search, { size: 16 }),
-  brainstorm: /* @__PURE__ */ React.createElement(Lightbulb, { size: 16 }),
-  data: /* @__PURE__ */ React.createElement(BarChart, { size: 16 }),
-  recipe: /* @__PURE__ */ React.createElement(ChefHat, { size: 16 }),
-  code: /* @__PURE__ */ React.createElement(Code, { size: 16 })
+  text: /* @__PURE__ */ jsx(MessageCircle, { size: 16 }),
+  images: /* @__PURE__ */ jsx(Image, { size: 16 }),
+  videos: /* @__PURE__ */ jsx(Video, { size: 16 }),
+  research: /* @__PURE__ */ jsx(Search, { size: 16 }),
+  brainstorm: /* @__PURE__ */ jsx(Lightbulb, { size: 16 }),
+  data: /* @__PURE__ */ jsx(BarChart, { size: 16 }),
+  recipe: /* @__PURE__ */ jsx(ChefHat, { size: 16 }),
+  code: /* @__PURE__ */ jsx(Code, { size: 16 })
 };
 const RESPONSE_MODE_LABELS = {
   text: "Text",
@@ -40,39 +40,39 @@ function ResponseModeButtons({
 }) {
   const { modes, modeForAgent } = useResponseModeAgents();
   const activeMode = selectedAgentId ? modeForAgent(selectedAgentId) : "text";
-  return /* @__PURE__ */ React.createElement(ChipSet, { className: "justify-center" }, modes.map((entry) => {
+  return /* @__PURE__ */ jsx(ChipSet, { className: "justify-center", children: modes.map((entry) => {
     const isActive = activeMode === entry.mode;
     const isMapped = entry.agentId !== null;
     const unresolved = entry.mandateKey !== null && entry.error !== null;
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       Chip,
       {
-        key: entry.mode,
         asChild: true,
         pressed: isActive,
         label: RESPONSE_MODE_LABELS[entry.mode],
         icon: RESPONSE_MODE_ICONS[entry.mode],
-        title: unresolved ? `Not available yet \u2014 no agent is assigned (${entry.mandateKey})` : void 0
+        title: unresolved ? `Not available yet \u2014 no agent is assigned (${entry.mandateKey})` : void 0,
+        children: /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              if (disabled || !entry.agentId) return;
+              onModeSelect?.(entry.mode, entry.agentId);
+            },
+            disabled: disabled || !isMapped
+          }
+        )
       },
-      /* @__PURE__ */ React.createElement(
-        "button",
-        {
-          type: "button",
-          onClick: () => {
-            if (disabled || !entry.agentId) return;
-            onModeSelect?.(entry.mode, entry.agentId);
-          },
-          disabled: disabled || !isMapped
-        }
-      )
+      entry.mode
     );
-  }));
+  }) });
 }
 function BackToStartButton({
   onBack,
   agentName
 }) {
-  return /* @__PURE__ */ React.createElement(Button, { variant: "quiet", icon: /* @__PURE__ */ React.createElement(ChevronLeft, null), onClick: onBack, title: "Back to agent selection" }, agentName || "Back");
+  return /* @__PURE__ */ jsx(Button, { variant: "quiet", icon: /* @__PURE__ */ jsx(ChevronLeft, {}), onClick: onBack, title: "Back to agent selection", children: agentName || "Back" });
 }
 export {
   BackToStartButton,