@ai-matrx/chat 0.5.0 → 0.5.3

package/dist/voice-agent/components/playground/PlaygroundSettingsSheet.js

@@ -1,4 +1,5 @@
 "use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import {
   cloneElement,
   isValidElement,
@@ -23,7 +24,7 @@ function wrapTrigger(trigger, onOpen) {
       }
     });
   }
-  return /* @__PURE__ */ React.createElement(Button, { variant: "quiet", onClick: onOpen, className: "contents" }, trigger);
+  return /* @__PURE__ */ jsx(Button, { variant: "quiet", onClick: onOpen, className: "contents", children: trigger });
 }
 function PlaygroundSettingsSheet({
   instanceId,
@@ -42,20 +43,31 @@ function PlaygroundSettingsSheet({
     CHAT_VOICE_SURFACE,
     useVoicePlaygroundWriteHandlers(instanceId)
   );
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, trigger != null ? wrapTrigger(trigger, () => setOpen(true)) : null, /* @__PURE__ */ React.createElement(
-    MatrxDynamicPanelHost,
-    {
-      open,
-      onOpenChange: setOpen,
-      title: "Voice settings",
-      description: disabled ? "Stop the current session to change settings." : "Tune the voice, tools, and instructions for the next session.",
-      position: "right",
-      defaultSize: 32,
-      contentClassName: "flex min-h-0 flex-1 flex-col p-0"
-    },
-    /* @__PURE__ */ React.createElement(Separator, null),
-    /* @__PURE__ */ React.createElement("div", { className: "flex-1 min-h-0 overflow-y-auto px-6 py-5 space-y-6" }, /* @__PURE__ */ React.createElement(VoicePicker, { instanceId, disabled }), /* @__PURE__ */ React.createElement(Separator, null), /* @__PURE__ */ React.createElement(ToolToggleList, { instanceId, disabled }), /* @__PURE__ */ React.createElement(Separator, null), /* @__PURE__ */ React.createElement(InstructionsEditor, { instanceId, disabled }))
-  ));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    trigger != null ? wrapTrigger(trigger, () => setOpen(true)) : null,
+    /* @__PURE__ */ jsxs(
+      MatrxDynamicPanelHost,
+      {
+        open,
+        onOpenChange: setOpen,
+        title: "Voice settings",
+        description: disabled ? "Stop the current session to change settings." : "Tune the voice, tools, and instructions for the next session.",
+        position: "right",
+        defaultSize: 32,
+        contentClassName: "flex min-h-0 flex-1 flex-col p-0",
+        children: [
+          /* @__PURE__ */ jsx(Separator, {}),
+          /* @__PURE__ */ jsxs("div", { className: "flex-1 min-h-0 overflow-y-auto px-6 py-5 space-y-6", children: [
+            /* @__PURE__ */ jsx(VoicePicker, { instanceId, disabled }),
+            /* @__PURE__ */ jsx(Separator, {}),
+            /* @__PURE__ */ jsx(ToolToggleList, { instanceId, disabled }),
+            /* @__PURE__ */ jsx(Separator, {}),
+            /* @__PURE__ */ jsx(InstructionsEditor, { instanceId, disabled })
+          ] })
+        ]
+      }
+    )
+  ] });
 }
 export {
   PlaygroundSettingsSheet

package/dist/voice-agent/components/playground/ToolToggleList.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useAppDispatch, useAppSelector } from "../../../store/hooks.js";
 import { Label } from "@ai-matrx/design-system";
 import { Switch } from "../../../ui/switch.js";
@@ -23,32 +24,40 @@ function ToolToggleList({ instanceId, disabled }) {
   const dispatch = useAppDispatch();
   const enabledTools = useAppSelector((s) => selectVoiceTools(s, instanceId));
   const enabledNames = new Set(enabledTools.map((t) => t.name));
-  return /* @__PURE__ */ React.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React.createElement(Label, { className: "text-sm font-medium" }, "Tools"), /* @__PURE__ */ React.createElement("div", { className: "space-y-3" }, TOOLS.map((tool) => {
-    const isOn = enabledNames.has(tool.id);
-    return /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        key: tool.id,
-        className: "flex items-start justify-between gap-3 rounded-md border border-border bg-card/40 px-3 py-2"
-      },
-      /* @__PURE__ */ React.createElement("div", { className: "space-y-0.5" }, /* @__PURE__ */ React.createElement("div", { className: "text-sm font-medium text-foreground" }, tool.label), /* @__PURE__ */ React.createElement("div", { className: "text-xs text-muted-foreground leading-snug" }, tool.description)),
-      /* @__PURE__ */ React.createElement(
-        Switch,
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsx(Label, { className: "text-sm font-medium", children: "Tools" }),
+    /* @__PURE__ */ jsx("div", { className: "space-y-3", children: TOOLS.map((tool) => {
+      const isOn = enabledNames.has(tool.id);
+      return /* @__PURE__ */ jsxs(
+        "div",
         {
-          checked: isOn,
-          disabled,
-          onCheckedChange: (checked) => {
-            const others = enabledTools.filter(
-              (t) => t.name !== tool.id
-            );
-            const next = checked ? [...others, builtinTool(tool.id, tool.label)] : others;
-            dispatch(updateConfig({ instanceId, tools: next }));
-          },
-          "aria-label": tool.label
-        }
-      )
-    );
-  })));
+          className: "flex items-start justify-between gap-3 rounded-md border border-border bg-card/40 px-3 py-2",
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "space-y-0.5", children: [
+              /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-foreground", children: tool.label }),
+              /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground leading-snug", children: tool.description })
+            ] }),
+            /* @__PURE__ */ jsx(
+              Switch,
+              {
+                checked: isOn,
+                disabled,
+                onCheckedChange: (checked) => {
+                  const others = enabledTools.filter(
+                    (t) => t.name !== tool.id
+                  );
+                  const next = checked ? [...others, builtinTool(tool.id, tool.label)] : others;
+                  dispatch(updateConfig({ instanceId, tools: next }));
+                },
+                "aria-label": tool.label
+              }
+            )
+          ]
+        },
+        tool.id
+      );
+    }) })
+  ] });
 }
 export {
   ToolToggleList

package/dist/voice-agent/components/playground/VoicePicker.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useAppDispatch, useAppSelector } from "../../../store/hooks.js";
 import { Label } from "@ai-matrx/design-system";
 import {
@@ -14,16 +15,22 @@ import { selectVoiceVoiceId } from "../../state/selectors.js";
 function VoicePicker({ instanceId, disabled }) {
   const dispatch = useAppDispatch();
   const voiceId = useAppSelector((s) => selectVoiceVoiceId(s, instanceId));
-  return /* @__PURE__ */ React.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React.createElement(Label, { htmlFor: "voice-picker", className: "text-sm font-medium" }, "Voice"), /* @__PURE__ */ React.createElement(
-    Select,
-    {
-      value: voiceId,
-      onValueChange: (v) => dispatch(updateConfig({ instanceId, voiceId: v })),
-      disabled
-    },
-    /* @__PURE__ */ React.createElement(SelectTrigger, { id: "voice-picker", className: "w-full" }, /* @__PURE__ */ React.createElement(SelectValue, { placeholder: "Pick a voice" })),
-    /* @__PURE__ */ React.createElement(SelectContent, null, VOICES.map((v) => /* @__PURE__ */ React.createElement(SelectItem, { key: v.id, value: v.id }, v.label)))
-  ), /* @__PURE__ */ React.createElement("p", { className: "text-xs text-muted-foreground" }, "Changes apply on the next session start."));
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsx(Label, { htmlFor: "voice-picker", className: "text-sm font-medium", children: "Voice" }),
+    /* @__PURE__ */ jsxs(
+      Select,
+      {
+        value: voiceId,
+        onValueChange: (v) => dispatch(updateConfig({ instanceId, voiceId: v })),
+        disabled,
+        children: [
+          /* @__PURE__ */ jsx(SelectTrigger, { id: "voice-picker", className: "w-full", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Pick a voice" }) }),
+          /* @__PURE__ */ jsx(SelectContent, { children: VOICES.map((v) => /* @__PURE__ */ jsx(SelectItem, { value: v.id, children: v.label }, v.id)) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Changes apply on the next session start." })
+  ] });
 }
 export {
   VoicePicker

package/dist/voice-agent/relay/VoiceChatClient.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import { ChatRoomClient } from "../../agents/components/chat/ChatRoomClient.js";
 import { chatRouteSurfaceKey } from "../../agents/components/chat/begin-fresh-chat.js";
 import { VoiceRelayDock } from "./VoiceRelayDock.js";
@@ -9,13 +10,13 @@ function VoiceChatClient({
   agentId,
   conversationId
 }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     ChatRoomClient,
     {
       agentId,
       conversationId,
       buildConversationHref: voiceChatConversationHref,
-      aboveInput: (roomConversationId) => /* @__PURE__ */ React.createElement(
+      aboveInput: (roomConversationId) => /* @__PURE__ */ jsx(
         VoiceRelayDock,
         {
           primaryAgentId: agentId,

package/dist/voice-agent/relay/VoiceRelayBar.js

@@ -1,4 +1,5 @@
 "use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
 import { useAppSelector } from "../../store/hooks.js";
 import { cn } from "@ai-matrx/design-system";
@@ -41,42 +42,46 @@ function ActiveVoiceRelay({
     started.current = true;
     relay.toggle();
   }, [autoStart, instructionsReady, relay]);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      variant: live ? "danger" : "primary",
-      icon: live ? /* @__PURE__ */ React.createElement(Square, null) : /* @__PURE__ */ React.createElement(Mic, null),
-      onClick: () => {
-        relay.toggle();
-        if (live) onEnd?.();
-      }
-    },
-    live ? "End voice" : "Talk"
-  ), live ? (
-    // The canonical mute control — state-correct icon + aria-label.
-    /* @__PURE__ */ React.createElement(
-      VoiceMuteButton,
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Button,
       {
-        muted: relay.micMuted,
-        onToggle: relay.toggleMute,
-        size: 30
+        variant: live ? "danger" : "primary",
+        icon: live ? /* @__PURE__ */ jsx(Square, {}) : /* @__PURE__ */ jsx(Mic, {}),
+        onClick: () => {
+          relay.toggle();
+          if (live) onEnd?.();
+        },
+        children: live ? "End voice" : "Talk"
       }
-    )
-  ) : null, relay.error || relay.brainBusy || relay.status !== "idle" ? (
-    // In the composer's row it is ONE line: the full sentence on hover.
-    /* @__PURE__ */ React.createElement(
-      "span",
-      {
-        className: cn(
-          "text-xs",
-          relay.error ? "text-destructive" : "text-muted-foreground",
-          variant === "composer" && "min-w-0 max-w-[14rem] truncate"
-        ),
-        title: relay.error?.message
-      },
-      relay.error ? variant === "composer" ? "Voice did not start" : relay.error.message : relay.brainBusy ? "thinking\u2026" : relay.status
-    )
-  ) : null);
+    ),
+    live ? (
+      // The canonical mute control — state-correct icon + aria-label.
+      /* @__PURE__ */ jsx(
+        VoiceMuteButton,
+        {
+          muted: relay.micMuted,
+          onToggle: relay.toggleMute,
+          size: 30
+        }
+      )
+    ) : null,
+    relay.error || relay.brainBusy || relay.status !== "idle" ? (
+      // In the composer's row it is ONE line: the full sentence on hover.
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: cn(
+            "text-xs",
+            relay.error ? "text-destructive" : "text-muted-foreground",
+            variant === "composer" && "min-w-0 max-w-[14rem] truncate"
+          ),
+          title: relay.error?.message,
+          children: relay.error ? variant === "composer" ? "Voice did not start" : relay.error.message : relay.brainBusy ? "thinking\u2026" : relay.status
+        }
+      )
+    ) : null
+  ] });
 }
 function VoiceRelayBar(props) {
   const [ownEnabled, setOwnEnabled] = useState(false);
@@ -86,51 +91,53 @@ function VoiceRelayBar(props) {
     props.onEnabledChange?.(next);
   };
   if (!enabled && props.variant === "composer") {
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       Button,
       {
         variant: "quiet",
-        icon: /* @__PURE__ */ React.createElement(AudioLines, null),
+        icon: /* @__PURE__ */ jsx(AudioLines, {}),
         "aria-label": "Live audio",
         title: "Live audio \u2014 talk and hear the answer",
         onClick: () => setEnabled(true)
       }
     );
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
     {
-      className: props.variant === "toolbar" || props.variant === "composer" ? "flex items-center gap-1" : "flex items-center gap-2 border-b border-border px-3 py-1.5"
-    },
-    !enabled ? /* @__PURE__ */ React.createElement(Button, { icon: /* @__PURE__ */ React.createElement(AudioLines, null), variant: "quiet", onClick: () => setEnabled(true) }, " Voice") : /* @__PURE__ */ React.createElement(
-      EnabledVoiceRelay,
-      {
-        ...props,
-        onEnd: props.variant === "composer" ? () => setEnabled(false) : void 0
-      }
-    )
+      className: props.variant === "toolbar" || props.variant === "composer" ? "flex items-center gap-1" : "flex items-center gap-2 border-b border-border px-3 py-1.5",
+      children: !enabled ? /* @__PURE__ */ jsx(Button, { icon: /* @__PURE__ */ jsx(AudioLines, {}), variant: "quiet", onClick: () => setEnabled(true), children: " Voice" }) : /* @__PURE__ */ jsx(
+        EnabledVoiceRelay,
+        {
+          ...props,
+          onEnd: props.variant === "composer" ? () => setEnabled(false) : void 0
+        }
+      )
+    }
   );
 }
 function EnabledVoiceRelay(props) {
   const communicator = useMandate(VOICE_COMMUNICATOR_MANDATE_KEY);
   if (communicator.loading) {
-    return /* @__PURE__ */ React.createElement("span", { className: "truncate text-xs text-muted-foreground" }, "Connecting the voice layer\u2026");
+    return /* @__PURE__ */ jsx("span", { className: "truncate text-xs text-muted-foreground", children: "Connecting the voice layer\u2026" });
   }
   if (communicator.error || !communicator.mandate) {
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsxs(
       "span",
       {
         className: cn(
           "flex min-w-0 items-center gap-1 text-xs text-destructive",
           props.variant === "composer" && "max-w-[14rem]"
         ),
-        title: `Voice is unavailable: ${communicator.error ?? "no Communicator bound"}`
-      },
-      /* @__PURE__ */ React.createElement("span", { className: "truncate" }, props.variant === "composer" ? "Voice is unavailable" : `Voice is unavailable: ${communicator.error ?? "no Communicator bound"}`),
-      /* @__PURE__ */ React.createElement(ErrorAlchemyMenu, { error: communicator.error })
+        title: `Voice is unavailable: ${communicator.error ?? "no Communicator bound"}`,
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "truncate", children: props.variant === "composer" ? "Voice is unavailable" : `Voice is unavailable: ${communicator.error ?? "no Communicator bound"}` }),
+          /* @__PURE__ */ jsx(ErrorAlchemyMenu, { error: communicator.error })
+        ]
+      }
     );
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     ActiveVoiceRelay,
     {
       ...props,

package/dist/voice-agent/relay/VoiceRelayDock.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useAppSelector } from "../../store/hooks.js";
 import { selectVoiceVoiceId } from "../state/selectors.js";
 import { LiveVoiceDoor } from "../components/LiveVoiceDoor.js";
@@ -31,19 +32,23 @@ function ActiveDock({
   const live = relay.status !== "idle" && relay.status !== "error";
   const voiceId = useAppSelector((s) => selectVoiceVoiceId(s, relay.instanceId));
   if (!live) {
-    return /* @__PURE__ */ React.createElement("div", { className: "mb-2 flex items-center justify-between gap-3 rounded-xl border border-dashed border-border bg-card/60 px-3 py-2" }, /* @__PURE__ */ React.createElement("p", { className: "min-w-0 truncate text-xs text-muted-foreground" }, relay.error ? relay.error.message : "Talk instead of typing \u2014 your agent answers out loud, and everything still shows up here as text."), /* @__PURE__ */ React.createElement(LiveVoiceDoor, { voiceId, agentId: communicatorAgentId }), /* @__PURE__ */ React.createElement(
-      Button,
-      {
-        icon: /* @__PURE__ */ React.createElement(AudioLines, null),
-        type: "button",
-        variant: "outline",
-        onClick: relay.toggle,
-        className: "shrink-0"
-      },
-      "Start talking"
-    ));
+    return /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center justify-between gap-3 rounded-xl border border-dashed border-border bg-card/60 px-3 py-2", children: [
+      /* @__PURE__ */ jsx("p", { className: "min-w-0 truncate text-xs text-muted-foreground", children: relay.error ? relay.error.message : "Talk instead of typing \u2014 your agent answers out loud, and everything still shows up here as text." }),
+      /* @__PURE__ */ jsx(LiveVoiceDoor, { voiceId, agentId: communicatorAgentId }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          icon: /* @__PURE__ */ jsx(AudioLines, {}),
+          type: "button",
+          variant: "outline",
+          onClick: relay.toggle,
+          className: "shrink-0",
+          children: "Start talking"
+        }
+      )
+    ] });
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     VoiceRelayPanel,
     {
       status: relay.status,
@@ -59,9 +64,16 @@ function VoiceRelayDock(props) {
   const communicator = useMandate(VOICE_COMMUNICATOR_MANDATE_KEY);
   if (communicator.loading) return null;
   if (communicator.error || !communicator.mandate) {
-    return /* @__PURE__ */ React.createElement("div", { className: "mb-2 rounded-xl border border-destructive/40 bg-card px-3 py-2 text-xs text-destructive" }, "Voice is unavailable: the Communicator (", VOICE_COMMUNICATOR_MANDATE_KEY, ") did not resolve", asClause(communicator.error ? ` \u2014 ${communicator.error}` : ""), ". Typing works as normal.", /* @__PURE__ */ React.createElement(ErrorAlchemyMenu, null));
+    return /* @__PURE__ */ jsxs("div", { className: "mb-2 rounded-xl border border-destructive/40 bg-card px-3 py-2 text-xs text-destructive", children: [
+      "Voice is unavailable: the Communicator (",
+      VOICE_COMMUNICATOR_MANDATE_KEY,
+      ") did not resolve",
+      asClause(communicator.error ? ` \u2014 ${communicator.error}` : ""),
+      ". Typing works as normal.",
+      /* @__PURE__ */ jsx(ErrorAlchemyMenu, {})
+    ] });
   }
-  return /* @__PURE__ */ React.createElement(ActiveDock, { ...props, communicatorAgentId: communicator.mandate.agentId });
+  return /* @__PURE__ */ jsx(ActiveDock, { ...props, communicatorAgentId: communicator.mandate.agentId });
 }
 export {
   VoiceRelayDock

package/dist/voice-agent/relay/VoiceRelayPanel.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { PhoneOff } from "lucide-react";
 import { Button } from "@ai-matrx/design-system/controls";
 import { VoiceOrb } from "../components/VoiceOrb.js";
@@ -18,16 +19,26 @@ function VoiceRelayPanel({
   error
 }) {
   const shown = orbStatus(status, brainBusy);
-  return /* @__PURE__ */ React.createElement("div", { className: "mb-2 flex items-center gap-3 rounded-xl border border-border bg-card px-3 py-2.5" }, /* @__PURE__ */ React.createElement(VoiceOrb, { status: shown, size: 38, className: "shrink-0" }), /* @__PURE__ */ React.createElement("div", { className: "min-w-0 flex-1" }, /* @__PURE__ */ React.createElement(VoiceStatusPill, { status: shown, micMuted }), /* @__PURE__ */ React.createElement("p", { className: "mt-0.5 truncate text-xs text-muted-foreground" }, error ? error.message : brainBusy ? "Your agent is working on that \u2014 keep going when you're ready." : "Speak naturally. You can still type below at any time.")), /* @__PURE__ */ React.createElement("div", { className: "flex shrink-0 items-center gap-1.5" }, /* @__PURE__ */ React.createElement(VoiceMuteButton, { muted: micMuted, onToggle: onToggleMute, size: 32 }), /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      icon: /* @__PURE__ */ React.createElement(PhoneOff, null),
-      type: "button",
-      variant: "quiet",
-      onClick: onEnd
-    },
-    "End"
-  )));
+  return /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center gap-3 rounded-xl border border-border bg-card px-3 py-2.5", children: [
+    /* @__PURE__ */ jsx(VoiceOrb, { status: shown, size: 38, className: "shrink-0" }),
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsx(VoiceStatusPill, { status: shown, micMuted }),
+      /* @__PURE__ */ jsx("p", { className: "mt-0.5 truncate text-xs text-muted-foreground", children: error ? error.message : brainBusy ? "Your agent is working on that \u2014 keep going when you're ready." : "Speak naturally. You can still type below at any time." })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-1.5", children: [
+      /* @__PURE__ */ jsx(VoiceMuteButton, { muted: micMuted, onToggle: onToggleMute, size: 32 }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          icon: /* @__PURE__ */ jsx(PhoneOff, {}),
+          type: "button",
+          variant: "quiet",
+          onClick: onEnd,
+          children: "End"
+        }
+      )
+    ] })
+  ] });
 }
 export {
   VoiceRelayPanel

package/dist/window-panels/windows/agents/AgentAssistantMarkdownDebugWindow.js

@@ -1,5 +1,6 @@
 "use client";
-import React, { useMemo, useState, useEffect } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo, useState, useEffect } from "react";
 import { WindowPanel } from "../../../host/ui-slots.js";
 import { Button } from "@ai-matrx/design-system/controls";
 import {
@@ -42,7 +43,7 @@ function AgentAssistantMarkdownDebugWindow({
   if (!isOpen) return null;
   const draftMarkdown = entry?.draftContent ?? "";
   const baseMarkdown = entry?.baseContent ?? "";
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     WindowPanel,
     {
       id: "agent-assistant-markdown-debug-window",
@@ -57,65 +58,79 @@ function AgentAssistantMarkdownDebugWindow({
       urlSyncArgs: { m: "amd" },
       overlayId: CHAT_WINDOWS.agentAssistantMarkdownDebugWindow,
       bodyClassName: "flex min-h-0 flex-1 flex-col overflow-hidden p-0 bg-background text-foreground",
-      actionsRight: /* @__PURE__ */ React.createElement("div", { className: "flex flex-wrap items-center gap-2" }, keys.length > 0 ? /* @__PURE__ */ React.createElement(
-        Select,
+      actionsRight: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+        keys.length > 0 ? /* @__PURE__ */ jsxs(
+          Select,
+          {
+            value: activeKey ?? void 0,
+            onValueChange: (v) => setSelectedKey(v),
+            children: [
+              /* @__PURE__ */ jsx(SelectTrigger, { className: "w-[280px] h-8 text-xs", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select draft" }) }),
+              /* @__PURE__ */ jsx(SelectContent, { children: keys.map((k) => /* @__PURE__ */ jsx(SelectItem, { value: k, className: "text-xs font-mono", children: k }, k)) })
+            ]
+          }
+        ) : (
+          // read-gate-exempt: in-memory debug sink of assistant edits in this tab; no read feeds it
+          /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "No draft yet \u2014 edit a table, code block, etc. in an assistant message (debug sink mode)." })
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            disabled: keys.length === 0,
+            onClick: () => dispatch(clearAssistantMarkdownDrafts()),
+            children: "Clear drafts"
+          }
+        )
+      ] }),
+      children: /* @__PURE__ */ jsx(
+        NonEditableContextMenu,
         {
-          value: activeKey ?? void 0,
-          onValueChange: (v) => setSelectedKey(v)
-        },
-        /* @__PURE__ */ React.createElement(SelectTrigger, { className: "w-[280px] h-8 text-xs" }, /* @__PURE__ */ React.createElement(SelectValue, { placeholder: "Select draft" })),
-        /* @__PURE__ */ React.createElement(SelectContent, null, keys.map((k) => /* @__PURE__ */ React.createElement(SelectItem, { key: k, value: k, className: "text-xs font-mono" }, k)))
-      ) : (
-        // read-gate-exempt: in-memory debug sink of assistant edits in this tab; no read feeds it
-        /* @__PURE__ */ React.createElement("span", { className: "text-xs text-muted-foreground" }, "No draft yet \u2014 edit a table, code block, etc. in an assistant message (debug sink mode).")
-      ), /* @__PURE__ */ React.createElement(
-        Button,
-        {
-          type: "button",
-          variant: "outline",
-          disabled: keys.length === 0,
-          onClick: () => dispatch(clearAssistantMarkdownDrafts())
-        },
-        "Clear drafts"
-      ))
-    },
-    /* @__PURE__ */ React.createElement(
-      NonEditableContextMenu,
-      {
-        sourceFeature: "agent-builder",
-        contentSource: { type: "raw" },
-        contextData: { content: draftMarkdown || baseMarkdown },
-        resolveContextOnOpen: (target) => {
-          const pane = target?.closest("[data-debug-pane]")?.getAttribute("data-debug-pane");
-          const content = pane === "source" ? baseMarkdown : pane === "sink" ? draftMarkdown : draftMarkdown || baseMarkdown;
-          return { content };
-        }
-      },
-      /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-0 flex-1 min-h-0 divide-y md:divide-y-0 md:divide-x divide-border" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-col min-h-0 min-w-0", "data-debug-pane": "source" }, /* @__PURE__ */ React.createElement("div", { className: "text-[10px] font-semibold uppercase tracking-wide text-muted-foreground px-3 py-1 border-b border-border bg-muted/40 shrink-0" }, "Source (conversation) \u2014 read-only preview"), /* @__PURE__ */ React.createElement("div", { className: "flex-1 min-h-0 overflow-auto p-2" }, baseMarkdown ? /* @__PURE__ */ React.createElement(
-        RichContent,
-        {
-          level: "full",
-          imagePolicy: "ai",
-          source: baseMarkdown,
-          hideCopyButton: true,
-          allowFullScreenEditor: false,
-          className: "text-xs bg-textured"
+          sourceFeature: "agent-builder",
+          contentSource: { type: "raw" },
+          contextData: { content: draftMarkdown || baseMarkdown },
+          resolveContextOnOpen: (target) => {
+            const pane = target?.closest("[data-debug-pane]")?.getAttribute("data-debug-pane");
+            const content = pane === "source" ? baseMarkdown : pane === "sink" ? draftMarkdown : draftMarkdown || baseMarkdown;
+            return { content };
+          },
+          children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-0 flex-1 min-h-0 divide-y md:divide-y-0 md:divide-x divide-border", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col min-h-0 min-w-0", "data-debug-pane": "source", children: [
+              /* @__PURE__ */ jsx("div", { className: "text-[10px] font-semibold uppercase tracking-wide text-muted-foreground px-3 py-1 border-b border-border bg-muted/40 shrink-0", children: "Source (conversation) \u2014 read-only preview" }),
+              /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-0 overflow-auto p-2", children: baseMarkdown ? /* @__PURE__ */ jsx(
+                RichContent,
+                {
+                  level: "full",
+                  imagePolicy: "ai",
+                  source: baseMarkdown,
+                  hideCopyButton: true,
+                  allowFullScreenEditor: false,
+                  className: "text-xs bg-textured"
+                }
+              ) : /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground p-2", children: "\u2014" }) })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col min-h-0 min-w-0", "data-debug-pane": "sink", children: [
+              /* @__PURE__ */ jsx("div", { className: "text-[10px] font-semibold uppercase tracking-wide text-muted-foreground px-3 py-1 border-b border-border bg-muted/40 shrink-0", children: "Debug sink (accumulated edits) \u2014 MarkdownStream" }),
+              /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-0 overflow-auto p-2", children: draftMarkdown ? /* @__PURE__ */ jsx(
+                RichContent,
+                {
+                  level: "full",
+                  imagePolicy: "ai",
+                  source: draftMarkdown,
+                  hideCopyButton: true,
+                  allowFullScreenEditor: false,
+                  className: "text-xs bg-textured"
+                }
+              ) : (
+                // The main message UI stays on the source column until persistence is wired.
+                /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground p-2", children: "Assistant bubble edits appear here" })
+              ) })
+            ] })
+          ] })
         }
-      ) : /* @__PURE__ */ React.createElement("p", { className: "text-xs text-muted-foreground p-2" }, "\u2014"))), /* @__PURE__ */ React.createElement("div", { className: "flex flex-col min-h-0 min-w-0", "data-debug-pane": "sink" }, /* @__PURE__ */ React.createElement("div", { className: "text-[10px] font-semibold uppercase tracking-wide text-muted-foreground px-3 py-1 border-b border-border bg-muted/40 shrink-0" }, "Debug sink (accumulated edits) \u2014 MarkdownStream"), /* @__PURE__ */ React.createElement("div", { className: "flex-1 min-h-0 overflow-auto p-2" }, draftMarkdown ? /* @__PURE__ */ React.createElement(
-        RichContent,
-        {
-          level: "full",
-          imagePolicy: "ai",
-          source: draftMarkdown,
-          hideCopyButton: true,
-          allowFullScreenEditor: false,
-          className: "text-xs bg-textured"
-        }
-      ) : (
-        // The main message UI stays on the source column until persistence is wired.
-        /* @__PURE__ */ React.createElement("p", { className: "text-xs text-muted-foreground p-2" }, "Assistant bubble edits appear here")
-      ))))
-    )
+      )
+    }
   );
 }
 export {