@ai-matrx/chat 0.5.0 → 0.5.3

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

@@ -1,6 +1,7 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { logFailure } from "../../../ui/expectedRefusal.js";
-import React, { useCallback, useEffect, useRef, useState } from "react";
+import { useCallback, useEffect, useRef, useState } from "react";
 import { AlertTriangle, Brain, Loader2, Plus, RotateCw } from "lucide-react";
 import { Button } from "@ai-matrx/design-system/controls";
 import { WindowPanel } from "../../../host/ui-slots.js";
@@ -87,7 +88,7 @@ function SessionChatRow({
     excludeFromKg: false,
     agentId: chat.agentId
   };
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     ConversationHistoryRow,
     {
       conv: row,
@@ -123,20 +124,26 @@ function AgentRunWindowSidebar({
     },
     [agentId]
   );
-  const sessionSection = sessionChats.length > 0 ? /* @__PURE__ */ React.createElement(ConversationHistorySection, { label: "In this window" }, sessionChats.map((chat) => /* @__PURE__ */ React.createElement(
+  const sessionSection = sessionChats.length > 0 ? /* @__PURE__ */ jsx(ConversationHistorySection, { label: "In this window", children: sessionChats.map((chat) => /* @__PURE__ */ jsx(
     SessionChatRow,
     {
-      key: chat.conversationId,
       chat,
       active: chat.conversationId === activeConversationId,
       onSelect: handleOpenConversation,
       resolveHref: getConversationHref
-    }
-  ))) : null;
+    },
+    chat.conversationId
+  )) }) : null;
   if (!agentId || !canonicalAgentId) {
-    return /* @__PURE__ */ React.createElement("div", { className: "flex h-full min-h-0 flex-col" }, sessionSection, /* @__PURE__ */ React.createElement("div", { className: "flex flex-1 flex-col items-center justify-center gap-2 px-3 py-10 text-center" }, /* @__PURE__ */ React.createElement(Brain, { className: "h-6 w-6 text-muted-foreground opacity-25" }), /* @__PURE__ */ React.createElement("p", { className: "text-xs text-muted-foreground" }, "Select an agent from the header to see its history.")));
+    return /* @__PURE__ */ jsxs("div", { className: "flex h-full min-h-0 flex-col", children: [
+      sessionSection,
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col items-center justify-center gap-2 px-3 py-10 text-center", children: [
+        /* @__PURE__ */ jsx(Brain, { className: "h-6 w-6 text-muted-foreground opacity-25" }),
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Select an agent from the header to see its history." })
+      ] })
+    ] });
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     ConversationHistorySidebar,
     {
       variant: "consumer",
@@ -171,7 +178,7 @@ function AgentRunWindowNewRunButton({
       (err) => console.error("[AgentRunWindow] Failed to start new run:", err)
     );
   }, [conversationId, dispatch, onNewRunCleared, surfaceKey]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "button",
     {
       type: "button",
@@ -179,9 +186,9 @@ function AgentRunWindowNewRunButton({
       disabled: !conversationId,
       title: "New chat",
       "aria-label": "New chat",
-      className: HEADER_NEW_RUN_BTN
-    },
-    /* @__PURE__ */ React.createElement(Plus, { strokeWidth: 2.5 })
+      className: HEADER_NEW_RUN_BTN,
+      children: /* @__PURE__ */ jsx(Plus, { strokeWidth: 2.5 })
+    }
   );
 }
 function WindowTitleContent({
@@ -189,16 +196,19 @@ function WindowTitleContent({
   displayName,
   onAgentSelect
 }) {
-  return /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 min-w-0" }, /* @__PURE__ */ React.createElement("span", { className: "text-xs font-medium text-muted-foreground shrink-0" }, "Run"), /* @__PURE__ */ React.createElement(
-    AgentListDropdown,
-    {
-      onSelect: onAgentSelect,
-      label: agentId ? displayName : "Select agent\u2026",
-      noBorder: true,
-      compact: true,
-      className: "max-w-[180px] md:max-w-[240px] rounded-none bg-transparent"
-    }
-  ));
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [
+    /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground shrink-0", children: "Run" }),
+    /* @__PURE__ */ jsx(
+      AgentListDropdown,
+      {
+        onSelect: onAgentSelect,
+        label: agentId ? displayName : "Select agent\u2026",
+        noBorder: true,
+        compact: true,
+        className: "max-w-[180px] md:max-w-[240px] rounded-none bg-transparent"
+      }
+    )
+  ] });
 }
 function AgentRunBody({
   agentId,
@@ -361,40 +371,64 @@ function AgentRunBody({
     dispatch
   ]);
   if (initError && !isInitializing) {
-    return /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-center h-full p-6" }, /* @__PURE__ */ React.createElement("div", { className: "max-w-md w-full rounded-lg border border-destructive/40 bg-destructive/5 p-5 flex flex-col gap-3" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 text-destructive" }, /* @__PURE__ */ React.createElement(AlertTriangle, { className: "w-5 h-5" }), /* @__PURE__ */ React.createElement("span", { className: "font-medium" }, "Couldn't reach the agent service")), /* @__PURE__ */ React.createElement("p", { className: "text-sm text-muted-foreground leading-snug" }, initError), /* @__PURE__ */ React.createElement(
-      Button,
-      {
-        icon: /* @__PURE__ */ React.createElement(RotateCw, null),
-        variant: "primary",
-        className: "self-start",
-        onClick: () => setInitAttempt((n) => n + 1)
-      },
-      "Retry"
-    ), /* @__PURE__ */ React.createElement(ErrorAlchemyMenu, { error: initError })));
+    return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-full p-6", children: /* @__PURE__ */ jsxs("div", { className: "max-w-md w-full rounded-lg border border-destructive/40 bg-destructive/5 p-5 flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-destructive", children: [
+        /* @__PURE__ */ jsx(AlertTriangle, { className: "w-5 h-5" }),
+        /* @__PURE__ */ jsx("span", { className: "font-medium", children: "Couldn't reach the agent service" })
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground leading-snug", children: initError }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          icon: /* @__PURE__ */ jsx(RotateCw, {}),
+          variant: "primary",
+          className: "self-start",
+          onClick: () => setInitAttempt((n) => n + 1),
+          children: "Retry"
+        }
+      ),
+      /* @__PURE__ */ jsx(ErrorAlchemyMenu, { error: initError })
+    ] }) });
   }
   if (resumeError && selectedConversationId) {
-    return /* @__PURE__ */ React.createElement("div", { className: "flex h-full items-center justify-center p-6" }, /* @__PURE__ */ React.createElement("div", { className: "flex w-full max-w-md flex-col gap-2 rounded-lg border border-destructive/40 bg-destructive/5 p-5" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 text-destructive" }, /* @__PURE__ */ React.createElement(AlertTriangle, { className: "h-5 w-5" }), /* @__PURE__ */ React.createElement("span", { className: "font-medium" }, "Couldn't reopen this chat")), /* @__PURE__ */ React.createElement("p", { className: "text-sm leading-snug text-muted-foreground" }, resumeError, " Choose another conversation from the sidebar and try again."), /* @__PURE__ */ React.createElement(ErrorAlchemyMenu, { error: resumeError })));
+    return /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center p-6", children: /* @__PURE__ */ jsxs("div", { className: "flex w-full max-w-md flex-col gap-2 rounded-lg border border-destructive/40 bg-destructive/5 p-5", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-destructive", children: [
+        /* @__PURE__ */ jsx(AlertTriangle, { className: "h-5 w-5" }),
+        /* @__PURE__ */ jsx("span", { className: "font-medium", children: "Couldn't reopen this chat" })
+      ] }),
+      /* @__PURE__ */ jsxs("p", { className: "text-sm leading-snug text-muted-foreground", children: [
+        resumeError,
+        " Choose another conversation from the sidebar and try again."
+      ] }),
+      /* @__PURE__ */ jsx(ErrorAlchemyMenu, { error: resumeError })
+    ] }) });
   }
   if (isInitializing || isResuming || !renderedConversationId) {
-    return /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-center h-full gap-3 text-muted-foreground" }, /* @__PURE__ */ React.createElement(Loader2, { className: "w-5 h-5 animate-spin text-primary" }), /* @__PURE__ */ React.createElement("span", { className: "text-sm" }, selectedConversationId ? "Opening chat\u2026" : "Loading agent\u2026"));
+    return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center h-full gap-3 text-muted-foreground", children: [
+      /* @__PURE__ */ jsx(Loader2, { className: "w-5 h-5 animate-spin text-primary" }),
+      /* @__PURE__ */ jsx("span", { className: "text-sm", children: selectedConversationId ? "Opening chat\u2026" : "Loading agent\u2026" })
+    ] });
   }
-  return /* @__PURE__ */ React.createElement(AgentRunBodyMenu, { agentId, conversationId: renderedConversationId }, /* @__PURE__ */ React.createElement("div", { className: "relative flex h-full min-h-0 flex-col overflow-hidden" }, /* @__PURE__ */ React.createElement(DebugSessionActivator, null), /* @__PURE__ */ React.createElement("div", { ref: measureRef, className: "flex min-h-0 flex-1 justify-center overflow-hidden" }, /* @__PURE__ */ React.createElement(
-    AgentConversationColumn,
-    {
-      conversationId: renderedConversationId,
-      surfaceKey,
-      constrainWidth: true,
-      edgeToEdgeScroll: true,
-      smartInputProps: {
-        composer: {
-          size: "compact",
-          mode: composerMode,
-          agent: { onSelectAgent },
-          maxInputHeightPx
+  return /* @__PURE__ */ jsx(AgentRunBodyMenu, { agentId, conversationId: renderedConversationId, children: /* @__PURE__ */ jsxs("div", { className: "relative flex h-full min-h-0 flex-col overflow-hidden", children: [
+    /* @__PURE__ */ jsx(DebugSessionActivator, {}),
+    /* @__PURE__ */ jsx("div", { ref: measureRef, className: "flex min-h-0 flex-1 justify-center overflow-hidden", children: /* @__PURE__ */ jsx(
+      AgentConversationColumn,
+      {
+        conversationId: renderedConversationId,
+        surfaceKey,
+        constrainWidth: true,
+        edgeToEdgeScroll: true,
+        smartInputProps: {
+          composer: {
+            size: "compact",
+            mode: composerMode,
+            agent: { onSelectAgent },
+            maxInputHeightPx
+          }
         }
       }
-    }
-  ))));
+    ) })
+  ] }) });
 }
 function AgentRunBodyMenu({
   agentId,
@@ -411,15 +445,15 @@ function AgentRunBodyMenu({
   });
   return (
     // context-menu-exempt: surfaceName — no registered surface manifest carries this window's values
-    /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ jsx(
       NonEditableContextMenu,
       {
         sourceFeature: "agent-builder",
         contentSource: { type: "raw" },
         entity: { type: "conversation", id: conversationId, title: agentName ?? "Run" },
-        extraSections: [agentSection]
-      },
-      children
+        extraSections: [agentSection],
+        children
+      }
     )
   );
 }
@@ -449,7 +483,7 @@ function AgentRunWindow({
   seedNonce = null
 }) {
   if (!isOpen) return null;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     AgentRunWindowInner,
     {
       instanceId,
@@ -574,11 +608,11 @@ function AgentRunWindowInner({
     }),
     [agentId, selectedConversationId]
   );
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     WindowPanel,
     {
       id: `agent-run-window:${instanceId}`,
-      titleNode: /* @__PURE__ */ React.createElement(
+      titleNode: /* @__PURE__ */ jsx(
         WindowTitleContent,
         {
           agentId,
@@ -601,14 +635,14 @@ function AgentRunWindowInner({
         ...addressedConversationId ? { [AGENT_RUN_WINDOW_CONVERSATION_ARG]: addressedConversationId } : {}
       },
       onCollectData: collectData,
-      actionsRight: agentId && surfaceKey ? /* @__PURE__ */ React.createElement(
+      actionsRight: agentId && surfaceKey ? /* @__PURE__ */ jsx(
         AgentRunWindowNewRunButton,
         {
           surfaceKey,
           onNewRunCleared: handleNewRunCleared
         }
       ) : void 0,
-      sidebar: /* @__PURE__ */ React.createElement(
+      sidebar: /* @__PURE__ */ jsx(
         AgentRunWindowSidebar,
         {
           agentId,
@@ -622,26 +656,32 @@ function AgentRunWindowInner({
       sidebarMinSize: 160,
       defaultSidebarOpen: true,
       retainBodyOnMinimize: true,
-      bodyClassName: "flex min-h-0 flex-1 flex-col overflow-hidden p-0"
-    },
-    agentId && surfaceKey ? /* @__PURE__ */ React.createElement(
-      AgentRunBody,
-      {
-        key: agentId,
-        agentId,
-        surfaceKey,
-        selectedConversationId,
-        initialDraftText: liveDraftText,
-        initialVariableValues: liveVariableValues,
-        initialResources: liveResources,
-        initialResourceIdentity: liveResourceIdentity,
-        initialToolsOpen: seedApplies && initialToolsOpen,
-        initialAutoRun: liveAutoRun,
-        mandateKey: pickedMandate?.agentId === agentId ? pickedMandate.mandateKey : agentId === initialAgentId ? mandateKey : null,
-        surfaceName,
-        onSelectAgent: handleAgentSelect
-      }
-    ) : /* @__PURE__ */ React.createElement("div", { className: "flex flex-col items-center justify-center h-full gap-3 px-6 text-center text-muted-foreground" }, /* @__PURE__ */ React.createElement(Brain, { className: "w-12 h-12 opacity-15" }), /* @__PURE__ */ React.createElement("div", { className: "space-y-1" }, /* @__PURE__ */ React.createElement("p", { className: "text-sm font-medium text-foreground" }, "Pick an agent to start"), /* @__PURE__ */ React.createElement("p", { className: "text-xs opacity-60" }, "Use the title bar's agent menu to choose one.")))
+      bodyClassName: "flex min-h-0 flex-1 flex-col overflow-hidden p-0",
+      children: agentId && surfaceKey ? /* @__PURE__ */ jsx(
+        AgentRunBody,
+        {
+          agentId,
+          surfaceKey,
+          selectedConversationId,
+          initialDraftText: liveDraftText,
+          initialVariableValues: liveVariableValues,
+          initialResources: liveResources,
+          initialResourceIdentity: liveResourceIdentity,
+          initialToolsOpen: seedApplies && initialToolsOpen,
+          initialAutoRun: liveAutoRun,
+          mandateKey: pickedMandate?.agentId === agentId ? pickedMandate.mandateKey : agentId === initialAgentId ? mandateKey : null,
+          surfaceName,
+          onSelectAgent: handleAgentSelect
+        },
+        agentId
+      ) : /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center h-full gap-3 px-6 text-center text-muted-foreground", children: [
+        /* @__PURE__ */ jsx(Brain, { className: "w-12 h-12 opacity-15" }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground", children: "Pick an agent to start" }),
+          /* @__PURE__ */ jsx("p", { className: "text-xs opacity-60", children: "Use the title bar's agent menu to choose one." })
+        ] })
+      ] })
+    }
   );
 }
 export {

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

@@ -1,5 +1,6 @@
 "use client";
-import React, { useCallback, useEffect, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useState } from "react";
 import { Flame, History } from "lucide-react";
 import { WindowPanel } from "../../../host/ui-slots.js";
 import { useAppDispatch, useAppSelector, useAppStore } from "../../../store/hooks.js";
@@ -34,7 +35,7 @@ function ChatHistoryWindow({
   initialGroupBy
 }) {
   if (!isOpen) return null;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     ChatHistoryWindowInner,
     {
       onClose,
@@ -92,7 +93,7 @@ function useChatHistoryBrowser(opts) {
   };
 }
 function ChatHistoryListSidebarBound({ b }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     ConversationHistorySidebar,
     {
       variant: "dense",
@@ -106,7 +107,10 @@ function ChatHistoryListSidebarBound({ b }) {
       getConversationHref: b.getConversationHref,
       surfaceKey: SURFACE_KEY,
       className: "bg-card/30",
-      emptyState: /* @__PURE__ */ React.createElement("div", { className: "flex flex-col items-center justify-center py-8 px-3 text-center" }, /* @__PURE__ */ React.createElement(History, { className: "w-6 h-6 text-muted-foreground mb-2 opacity-40" }), /* @__PURE__ */ React.createElement("p", { className: "text-xs text-muted-foreground" }, "No conversations yet"))
+      emptyState: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-8 px-3 text-center", children: [
+        /* @__PURE__ */ jsx(History, { className: "w-6 h-6 text-muted-foreground mb-2 opacity-40" }),
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "No conversations yet" })
+      ] })
     }
   );
 }
@@ -115,14 +119,18 @@ function ChatHistoryMain({
   enableInput
 }) {
   if (selectedId && enableInput) {
-    return /* @__PURE__ */ React.createElement(ChatHistoryInputColumn, { key: selectedId, conversationId: selectedId });
+    return /* @__PURE__ */ jsx(ChatHistoryInputColumn, { conversationId: selectedId }, selectedId);
   }
-  return /* @__PURE__ */ React.createElement("div", { className: "h-full min-h-0 overflow-hidden" }, selectedId ? /* @__PURE__ */ React.createElement("div", { className: "h-full w-full overflow-y-auto" }, /* @__PURE__ */ React.createElement("div", { className: "mx-auto max-w-3xl w-full p-3" }, /* @__PURE__ */ React.createElement(AgentConversationDisplay, { conversationId: selectedId }))) : /* @__PURE__ */ React.createElement("div", { className: "flex flex-col items-center justify-center h-full text-center px-6 text-muted-foreground" }, /* @__PURE__ */ React.createElement(Flame, { className: "w-10 h-10 mb-3 opacity-20" }), /* @__PURE__ */ React.createElement("p", { className: "text-sm font-medium" }, "Select a conversation"), /* @__PURE__ */ React.createElement("p", { className: "text-xs opacity-60 mt-1" }, "Pick a past run to view it here.")));
+  return /* @__PURE__ */ jsx("div", { className: "h-full min-h-0 overflow-hidden", children: selectedId ? /* @__PURE__ */ jsx("div", { className: "h-full w-full overflow-y-auto", children: /* @__PURE__ */ jsx("div", { className: "mx-auto max-w-3xl w-full p-3", children: /* @__PURE__ */ jsx(AgentConversationDisplay, { conversationId: selectedId }) }) }) : /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center h-full text-center px-6 text-muted-foreground", children: [
+    /* @__PURE__ */ jsx(Flame, { className: "w-10 h-10 mb-3 opacity-20" }),
+    /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: "Select a conversation" }),
+    /* @__PURE__ */ jsx("p", { className: "text-xs opacity-60 mt-1", children: "Pick a past run to view it here." })
+  ] }) });
 }
 function ChatHistoryInputColumn({ conversationId }) {
   const { mode } = useComposerMode();
   const { measureRef, maxInputHeightPx } = useCompactInputMaxHeight();
-  return /* @__PURE__ */ React.createElement("div", { ref: measureRef, className: "flex h-full min-h-0 flex-col" }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx("div", { ref: measureRef, className: "flex h-full min-h-0 flex-col", children: /* @__PURE__ */ jsx(
     AgentConversationColumn,
     {
       conversationId,
@@ -133,7 +141,7 @@ function ChatHistoryInputColumn({ conversationId }) {
         composer: { size: "compact", mode, placeholder: "Reply", maxInputHeightPx }
       }
     }
-  ));
+  ) });
 }
 function ChatHistoryWorkspace({
   initialSelectedConversationId = null,
@@ -144,7 +152,10 @@ function ChatHistoryWorkspace({
     initialSelectedConversationId,
     initialGroupBy
   });
-  return /* @__PURE__ */ React.createElement("div", { className: "flex h-full min-h-0 w-full overflow-hidden" }, /* @__PURE__ */ React.createElement("div", { className: "w-72 shrink-0 overflow-hidden border-r border-border" }, /* @__PURE__ */ React.createElement(ChatHistoryListSidebarBound, { b })), /* @__PURE__ */ React.createElement("div", { className: "min-w-0 flex-1" }, /* @__PURE__ */ React.createElement(ChatHistoryMain, { selectedId: b.selectedId, enableInput })));
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-full min-h-0 w-full overflow-hidden", children: [
+    /* @__PURE__ */ jsx("div", { className: "w-72 shrink-0 overflow-hidden border-r border-border", children: /* @__PURE__ */ jsx(ChatHistoryListSidebarBound, { b }) }),
+    /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx(ChatHistoryMain, { selectedId: b.selectedId, enableInput }) })
+  ] });
 }
 function ChatHistoryWindowInner({
   onClose,
@@ -182,7 +193,7 @@ function ChatHistoryWindowInner({
     // never a blank.
     extractInspectableText(lastAssistantRecord).text
   ) : "";
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     WindowPanel,
     {
       id: "ai-results-window",
@@ -198,37 +209,37 @@ function ChatHistoryWindowInner({
       sidebarDefaultSize: 280,
       sidebarMinSize: 220,
       defaultSidebarOpen: true,
-      sidebar: /* @__PURE__ */ React.createElement(ChatHistoryListSidebarBound, { b })
-    },
-    /* @__PURE__ */ React.createElement(
-      SurfaceRuntimeProvider,
-      {
-        surfaceName: AI_RESULTS_SURFACE_NAME,
-        getScope: () => createAiResultsScope({
-          selected_conversation_id: b.selectedId ?? void 0,
-          selected_conversation_title: selectedItem?.title ?? void 0,
-          selected_conversation_agent_id: selectedItem?.agentId ?? b.selectedAgentId ?? void 0,
-          selected_conversation_agent_name: b.selectedAgentName ?? void 0,
-          selected_conversation_message_count: selectedItem?.messageCount,
-          selected_run_status: selectedItem?.status,
-          last_run_text: lastRunText || void 0,
-          agent_filter: scopeState.agentIds,
-          grouping_mode: scopeState.grouping,
-          search_query: scopeState.searchTerm
-        }),
-        isEditable: false
-      },
-      /* @__PURE__ */ React.createElement(
-        NonEditableContextMenu,
+      sidebar: /* @__PURE__ */ jsx(ChatHistoryListSidebarBound, { b }),
+      children: /* @__PURE__ */ jsx(
+        SurfaceRuntimeProvider,
         {
-          sourceFeature: "agent-builder",
           surfaceName: AI_RESULTS_SURFACE_NAME,
-          contentSource: { type: "raw" },
-          entity: b.selectedId ? { type: "conversation", id: b.selectedId, title: selectedItem?.title ?? "Conversation" } : void 0
-        },
-        /* @__PURE__ */ React.createElement(ChatHistoryMain, { selectedId: b.selectedId })
+          getScope: () => createAiResultsScope({
+            selected_conversation_id: b.selectedId ?? void 0,
+            selected_conversation_title: selectedItem?.title ?? void 0,
+            selected_conversation_agent_id: selectedItem?.agentId ?? b.selectedAgentId ?? void 0,
+            selected_conversation_agent_name: b.selectedAgentName ?? void 0,
+            selected_conversation_message_count: selectedItem?.messageCount,
+            selected_run_status: selectedItem?.status,
+            last_run_text: lastRunText || void 0,
+            agent_filter: scopeState.agentIds,
+            grouping_mode: scopeState.grouping,
+            search_query: scopeState.searchTerm
+          }),
+          isEditable: false,
+          children: /* @__PURE__ */ jsx(
+            NonEditableContextMenu,
+            {
+              sourceFeature: "agent-builder",
+              surfaceName: AI_RESULTS_SURFACE_NAME,
+              contentSource: { type: "raw" },
+              entity: b.selectedId ? { type: "conversation", id: b.selectedId, title: selectedItem?.title ?? "Conversation" } : void 0,
+              children: /* @__PURE__ */ jsx(ChatHistoryMain, { selectedId: b.selectedId })
+            }
+          )
+        }
       )
-    )
+    }
   );
 }
 export {

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

@@ -1,5 +1,5 @@
 "use client";
-import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { LiveRunDisplay } from "../../../agents/components/live-run/LiveRunDisplay.js";
 import { cn } from "@ai-matrx/design-system";
 import { useLiveRunStatus } from "../../../agents/components/live-run/useLiveRunStatus.js";
@@ -47,7 +47,7 @@ function LiveRunWindow({
   const hasOutput = Boolean(requestId || conversationId || runSetKey);
   const phase = failure && !statusRequestId ? "Failed" : statusText;
   const title = phase ? `${label ?? "AI is working"} \u2014 ${phase}` : label ?? "AI is working";
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     WindowPanel,
     {
       id: `live-run-window-${windowInstanceId}`,
@@ -59,37 +59,40 @@ function LiveRunWindow({
       minHeight: 320,
       width,
       height,
-      onClose
-    },
-    /* @__PURE__ */ React.createElement(
-      NonEditableContextMenu,
-      {
-        sourceFeature: "agent-builder",
-        contentSource: { type: "raw" },
-        entity: conversationId ? { type: "conversation", id: conversationId, title: label ?? "AI run" } : void 0
-      },
-      /* @__PURE__ */ React.createElement("div", { className: "flex h-full min-h-0 flex-col overflow-hidden" }, progress ? /* @__PURE__ */ React.createElement(
-        "div",
+      onClose,
+      children: /* @__PURE__ */ jsx(
+        NonEditableContextMenu,
         {
-          className: cn(
-            "min-h-0 shrink-0",
-            hasOutput && "max-h-[45%] overflow-y-auto border-b border-border"
-          )
-        },
-        /* @__PURE__ */ React.createElement(LiveRunProgress, { progress })
-      ) : null, runSetKey ? /* @__PURE__ */ React.createElement("div", { className: "min-h-0 flex-1 overflow-y-auto" }, /* @__PURE__ */ React.createElement(RunSetDisplay, { setKey: runSetKey, variant: "bare" })) : /* @__PURE__ */ React.createElement("div", { className: cn("min-h-0", progress ? "flex-1" : "h-full") }, /* @__PURE__ */ React.createElement(
-        LiveRunDisplay,
-        {
-          conversationId,
-          requestId,
-          pending: pending && !progress,
-          failure,
-          variant: "bare",
-          className: "h-full",
-          bodyClassName: "max-h-none h-full overflow-y-auto"
+          sourceFeature: "agent-builder",
+          contentSource: { type: "raw" },
+          entity: conversationId ? { type: "conversation", id: conversationId, title: label ?? "AI run" } : void 0,
+          children: /* @__PURE__ */ jsxs("div", { className: "flex h-full min-h-0 flex-col overflow-hidden", children: [
+            progress ? /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn(
+                  "min-h-0 shrink-0",
+                  hasOutput && "max-h-[45%] overflow-y-auto border-b border-border"
+                ),
+                children: /* @__PURE__ */ jsx(LiveRunProgress, { progress })
+              }
+            ) : null,
+            runSetKey ? /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-y-auto", children: /* @__PURE__ */ jsx(RunSetDisplay, { setKey: runSetKey, variant: "bare" }) }) : /* @__PURE__ */ jsx("div", { className: cn("min-h-0", progress ? "flex-1" : "h-full"), children: /* @__PURE__ */ jsx(
+              LiveRunDisplay,
+              {
+                conversationId,
+                requestId,
+                pending: pending && !progress,
+                failure,
+                variant: "bare",
+                className: "h-full",
+                bodyClassName: "max-h-none h-full overflow-y-auto"
+              }
+            ) })
+          ] })
         }
-      )))
-    )
+      )
+    }
   );
 }
 export {