@ai-matrx/chat 0.5.0 → 0.5.3

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

@@ -1,5 +1,6 @@
 "use client";
-import React, { useCallback, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useState } from "react";
 import { WindowPanel } from "../../../host/ui-slots.js";
 import { RequestStatsPanel } from "../../../agents/components/run-controls/panels/RequestStatsPanel.js";
 import { SessionStatsPanel } from "../../../agents/components/run-controls/panels/SessionStatsPanel.js";
@@ -20,7 +21,7 @@ function MessageAnalysisWindow({
   messageId
 }) {
   if (!isOpen) return null;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     MessageAnalysisWindowInner,
     {
       onClose,
@@ -47,7 +48,7 @@ function MessageAnalysisWindowInner({
     [conversationId, requestId, messageId, activeTab]
   );
   const title = requestId ? `Response Analysis \u2014 ${requestId.slice(0, 8)}\u2026` : "Response Analysis";
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     WindowPanel,
     {
       id: "message-analysis-window",
@@ -60,51 +61,55 @@ function MessageAnalysisWindowInner({
       overlayId: CHAT_WINDOWS.messageAnalysisWindow,
       onCollectData: collectData,
       bodyClassName: "flex min-h-0 flex-1 flex-col overflow-hidden p-0",
-      actionsRight: conversationId ? /* @__PURE__ */ React.createElement(
+      actionsRight: conversationId ? /* @__PURE__ */ jsx(
         MessageAnalysisTabBar,
         {
           activeTab,
           onSelectTab: setActiveTab
         }
-      ) : void 0
-    },
-    !conversationId ? /* @__PURE__ */ React.createElement("div", { className: "p-4 text-xs text-muted-foreground" }, "No conversation selected.") : (
-      // Identity reuses the registered `cx_request` / `conversation` tokens
-      // from the CX dashboard's shared builder (SECTIONS.md "CX dashboard
-      // record") — same record, a single-target debug window rather than a
-      // table row, so `useCxRowMenu`'s `data-row-id` row-list contract
-      // doesn't apply directly; this constructs the same entity shape by
-      // hand instead of forking a second identity for the same record.
-      // context-menu-exempt: surfaceName — no registered surface manifest for this window
-      /* @__PURE__ */ React.createElement(
-        NonEditableContextMenu,
-        {
-          sourceFeature: "agent-builder",
-          contentSource: { type: "raw" },
-          entity: requestId ? { type: "cx_request", id: requestId, title: `Iteration \u2014 ${requestId.slice(0, 8)}\u2026` } : { type: "conversation", id: conversationId, title: "Conversation" }
-        },
-        /* @__PURE__ */ React.createElement("div", { className: "flex-1 min-h-0 overflow-hidden" }, activeTab === "request" && /* @__PURE__ */ React.createElement(
-          RequestStatsPanel,
-          {
-            conversationId,
-            requestId
-          }
-        ), activeTab === "client" && /* @__PURE__ */ React.createElement(
-          ClientMetricsPanel,
+      ) : void 0,
+      children: !conversationId ? /* @__PURE__ */ jsx("div", { className: "p-4 text-xs text-muted-foreground", children: "No conversation selected." }) : (
+        // Identity reuses the registered `cx_request` / `conversation` tokens
+        // from the CX dashboard's shared builder (SECTIONS.md "CX dashboard
+        // record") — same record, a single-target debug window rather than a
+        // table row, so `useCxRowMenu`'s `data-row-id` row-list contract
+        // doesn't apply directly; this constructs the same entity shape by
+        // hand instead of forking a second identity for the same record.
+        // context-menu-exempt: surfaceName — no registered surface manifest for this window
+        /* @__PURE__ */ jsx(
+          NonEditableContextMenu,
           {
-            conversationId,
-            requestId
+            sourceFeature: "agent-builder",
+            contentSource: { type: "raw" },
+            entity: requestId ? { type: "cx_request", id: requestId, title: `Iteration \u2014 ${requestId.slice(0, 8)}\u2026` } : { type: "conversation", id: conversationId, title: "Conversation" },
+            children: /* @__PURE__ */ jsxs("div", { className: "flex-1 min-h-0 overflow-hidden", children: [
+              activeTab === "request" && /* @__PURE__ */ jsx(
+                RequestStatsPanel,
+                {
+                  conversationId,
+                  requestId
+                }
+              ),
+              activeTab === "client" && /* @__PURE__ */ jsx(
+                ClientMetricsPanel,
+                {
+                  conversationId,
+                  requestId
+                }
+              ),
+              activeTab === "session" && /* @__PURE__ */ jsx(SessionStatsPanel, { conversationId })
+            ] })
           }
-        ), activeTab === "session" && /* @__PURE__ */ React.createElement(SessionStatsPanel, { conversationId }))
+        )
       )
-    )
+    }
   );
 }
 function MessageAnalysisTabBar({
   activeTab,
   onSelectTab
 }) {
-  return /* @__PURE__ */ React.createElement(SegmentedControl, { "aria-label": "Analysis", value: activeTab, onValueChange: onSelectTab, data: TABS.map((tab) => ({ value: tab.id, label: tab.label })) });
+  return /* @__PURE__ */ jsx(SegmentedControl, { "aria-label": "Analysis", value: activeTab, onValueChange: onSelectTab, data: TABS.map((tab) => ({ value: tab.id, label: tab.label })) });
 }
 export {
   MessageAnalysisWindow as default

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

@@ -1,7 +1,8 @@
 "use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useClipboard } from "@ai-matrx/kit/clipboard";
 import { toast } from "../../../host/notify.js";
-import React, { useCallback, useMemo, useState } from "react";
+import { useCallback, useMemo, useState } from "react";
 import {
   Brain,
   MessageSquare,
@@ -57,7 +58,7 @@ function SidebarRow({
 }) {
   const { copied, copy } = useCopyText(row.conversationId);
   const { format: formatCostDisplay } = useCostDisplay();
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       role: "button",
@@ -69,65 +70,86 @@ function SidebarRow({
       className: cn(
         "flex items-start gap-1.5 w-full px-2 py-1.5 cursor-pointer select-none transition-colors border-l-2 group",
         isSelected ? "border-primary bg-primary/8" : "border-transparent hover:bg-muted/40"
-      )
-    },
-    /* @__PURE__ */ React.createElement("div", { className: "pt-[2px] shrink-0" }, row.isEnabled ? /* @__PURE__ */ React.createElement(
-      CircleDot,
-      {
-        className: cn(
-          "h-3 w-3",
-          row.degraded ? "text-amber-500" : "text-emerald-500"
-        )
-      }
-    ) : /* @__PURE__ */ React.createElement(CircleOff, { className: "h-3 w-3 text-muted-foreground/60" })),
-    /* @__PURE__ */ React.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-1.5 min-w-0" }, /* @__PURE__ */ React.createElement(
-      MessageSquare,
-      {
-        className: cn(
-          "h-3 w-3 shrink-0",
-          isSelected ? "text-primary" : "text-muted-foreground"
-        )
-      }
-    ), /* @__PURE__ */ React.createElement(
-      "span",
-      {
-        className: cn(
-          "text-[11px] font-mono truncate flex-1 min-w-0",
-          isSelected ? "text-primary" : "text-foreground"
-        )
-      },
-      row.label
-    ), /* @__PURE__ */ React.createElement(
-      Button,
-      {
-        variant: "quiet",
-        icon: copied ? /* @__PURE__ */ React.createElement(Check, null) : /* @__PURE__ */ React.createElement(Copy, null),
-        glyphTone: copied ? "success" : void 0,
-        onClick: (e) => {
-          e.stopPropagation();
-          copy();
-        },
-        title: "Copy conversation id",
-        "aria-label": "Copy conversation id",
-        className: "opacity-0 group-hover:opacity-100 shrink-0"
-      }
-    ), /* @__PURE__ */ React.createElement(
-      EntityDoorControls,
-      {
-        token: "conversation",
-        id: row.conversationId,
-        name: row.label,
-        className: "shrink-0"
-      }
-    )), row.agentId && /* @__PURE__ */ React.createElement("div", { className: "flex min-w-0 items-center gap-1 pl-4" }, row.agentName && /* @__PURE__ */ React.createElement("span", { className: "truncate text-[10px] text-muted-foreground" }, row.agentName), /* @__PURE__ */ React.createElement(
-      EntityDoorControls,
-      {
-        token: "agent",
-        id: row.agentId,
-        name: row.agentName,
-        className: "shrink-0"
-      }
-    )), /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 pl-4 mt-0.5" }, /* @__PURE__ */ React.createElement("span", { className: "inline-flex items-center gap-0.5 text-[10px] text-muted-foreground" }, /* @__PURE__ */ React.createElement(Activity, { className: "h-2.5 w-2.5" }), row.totalEvents), row.totalCost > 0 && /* @__PURE__ */ React.createElement("span", { className: "text-[10px] font-mono text-muted-foreground" }, formatCostDisplay(row.totalCost)), row.degraded && /* @__PURE__ */ React.createElement("span", { className: "text-[10px] text-amber-500 font-medium" }, "degraded")))
+      ),
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "pt-[2px] shrink-0", children: row.isEnabled ? /* @__PURE__ */ jsx(
+          CircleDot,
+          {
+            className: cn(
+              "h-3 w-3",
+              row.degraded ? "text-amber-500" : "text-emerald-500"
+            )
+          }
+        ) : /* @__PURE__ */ jsx(CircleOff, { className: "h-3 w-3 text-muted-foreground/60" }) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 min-w-0", children: [
+            /* @__PURE__ */ jsx(
+              MessageSquare,
+              {
+                className: cn(
+                  "h-3 w-3 shrink-0",
+                  isSelected ? "text-primary" : "text-muted-foreground"
+                )
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn(
+                  "text-[11px] font-mono truncate flex-1 min-w-0",
+                  isSelected ? "text-primary" : "text-foreground"
+                ),
+                children: row.label
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "quiet",
+                icon: copied ? /* @__PURE__ */ jsx(Check, {}) : /* @__PURE__ */ jsx(Copy, {}),
+                glyphTone: copied ? "success" : void 0,
+                onClick: (e) => {
+                  e.stopPropagation();
+                  copy();
+                },
+                title: "Copy conversation id",
+                "aria-label": "Copy conversation id",
+                className: "opacity-0 group-hover:opacity-100 shrink-0"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              EntityDoorControls,
+              {
+                token: "conversation",
+                id: row.conversationId,
+                name: row.label,
+                className: "shrink-0"
+              }
+            )
+          ] }),
+          row.agentId && /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-1 pl-4", children: [
+            row.agentName && /* @__PURE__ */ jsx("span", { className: "truncate text-[10px] text-muted-foreground", children: row.agentName }),
+            /* @__PURE__ */ jsx(
+              EntityDoorControls,
+              {
+                token: "agent",
+                id: row.agentId,
+                name: row.agentName,
+                className: "shrink-0"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 pl-4 mt-0.5", children: [
+            /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-0.5 text-[10px] text-muted-foreground", children: [
+              /* @__PURE__ */ jsx(Activity, { className: "h-2.5 w-2.5" }),
+              row.totalEvents
+            ] }),
+            row.totalCost > 0 && /* @__PURE__ */ jsx("span", { className: "text-[10px] font-mono text-muted-foreground", children: formatCostDisplay(row.totalCost) }),
+            row.degraded && /* @__PURE__ */ jsx("span", { className: "text-[10px] text-amber-500 font-medium", children: "degraded" })
+          ] })
+        ] })
+      ]
+    }
   );
 }
 function MemorySidebarRowConnector({
@@ -156,7 +178,7 @@ function MemorySidebarRowConnector({
     totalCost: counters?.totalCost ?? 0
   };
   void metadata;
-  return /* @__PURE__ */ React.createElement(SidebarRow, { row, isSelected, onSelect });
+  return /* @__PURE__ */ jsx(SidebarRow, { row, isSelected, onSelect });
 }
 function MemorySidebar({
   selectedConversationId,
@@ -187,37 +209,63 @@ function MemorySidebar({
     return { enabled: enabledList, inactive: inactiveList };
   }, [byConversationId]);
   if (enabled.length === 0 && inactive.length === 0) {
-    return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col items-center justify-center h-full gap-2 text-muted-foreground p-3" }, /* @__PURE__ */ React.createElement(AlertCircle, { className: "h-6 w-6 opacity-20" }), /* @__PURE__ */ React.createElement("span", { className: "text-xs text-center" }, "No conversations with memory yet."), /* @__PURE__ */ React.createElement("span", { className: "text-[10px] text-center opacity-70" }, "Turn on memory for a conversation in the Creator Panel"));
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center h-full gap-2 text-muted-foreground p-3", children: [
+      /* @__PURE__ */ jsx(AlertCircle, { className: "h-6 w-6 opacity-20" }),
+      /* @__PURE__ */ jsx("span", { className: "text-xs text-center", children: "No conversations with memory yet." }),
+      /* @__PURE__ */ jsx("span", { className: "text-[10px] text-center opacity-70", children: "Turn on memory for a conversation in the Creator Panel" })
+    ] });
   }
-  return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col h-full min-h-0 overflow-hidden" }, enabled.length > 0 && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "px-2 pt-2 pb-1 shrink-0" }, /* @__PURE__ */ React.createElement("span", { className: "text-[10px] font-semibold text-muted-foreground uppercase tracking-widest" }, "Active (", enabled.length, ")")), /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      className: cn(
-        "overflow-y-auto shrink-0",
-        inactive.length > 0 ? "max-h-[55%]" : "flex-1 min-h-0"
-      )
-    },
-    enabled.map((cid) => /* @__PURE__ */ React.createElement(
-      MemorySidebarRowConnector,
-      {
-        key: cid,
-        conversationId: cid,
-        isSelected: selectedConversationId === cid,
-        onSelect: () => onSelect(cid)
-      }
-    ))
-  ), inactive.length > 0 && /* @__PURE__ */ React.createElement("div", { className: "border-t border-border/50 shrink-0" })), inactive.length > 0 && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "px-2 pt-2 pb-1 shrink-0" }, /* @__PURE__ */ React.createElement("span", { className: "text-[10px] font-semibold text-muted-foreground uppercase tracking-widest" }, "Inactive (", inactive.length, ")")), /* @__PURE__ */ React.createElement("div", { className: "flex-1 min-h-0 overflow-y-auto" }, inactive.map((cid) => /* @__PURE__ */ React.createElement(
-    MemorySidebarRowConnector,
-    {
-      key: cid,
-      conversationId: cid,
-      isSelected: selectedConversationId === cid,
-      onSelect: () => onSelect(cid)
-    }
-  )))));
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col h-full min-h-0 overflow-hidden", children: [
+    enabled.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: "px-2 pt-2 pb-1 shrink-0", children: /* @__PURE__ */ jsxs("span", { className: "text-[10px] font-semibold text-muted-foreground uppercase tracking-widest", children: [
+        "Active (",
+        enabled.length,
+        ")"
+      ] }) }),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "overflow-y-auto shrink-0",
+            inactive.length > 0 ? "max-h-[55%]" : "flex-1 min-h-0"
+          ),
+          children: enabled.map((cid) => /* @__PURE__ */ jsx(
+            MemorySidebarRowConnector,
+            {
+              conversationId: cid,
+              isSelected: selectedConversationId === cid,
+              onSelect: () => onSelect(cid)
+            },
+            cid
+          ))
+        }
+      ),
+      inactive.length > 0 && /* @__PURE__ */ jsx("div", { className: "border-t border-border/50 shrink-0" })
+    ] }),
+    inactive.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: "px-2 pt-2 pb-1 shrink-0", children: /* @__PURE__ */ jsxs("span", { className: "text-[10px] font-semibold text-muted-foreground uppercase tracking-widest", children: [
+        "Inactive (",
+        inactive.length,
+        ")"
+      ] }) }),
+      /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-0 overflow-y-auto", children: inactive.map((cid) => /* @__PURE__ */ jsx(
+        MemorySidebarRowConnector,
+        {
+          conversationId: cid,
+          isSelected: selectedConversationId === cid,
+          onSelect: () => onSelect(cid)
+        },
+        cid
+      )) })
+    ] })
+  ] });
 }
 function EmptyPane() {
-  return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col items-center justify-center h-full gap-3 text-muted-foreground" }, /* @__PURE__ */ React.createElement(Brain, { className: "h-10 w-10 opacity-15" }), /* @__PURE__ */ React.createElement("p", { className: "text-sm font-medium text-foreground" }, "No conversation selected"), /* @__PURE__ */ React.createElement("p", { className: "text-xs opacity-60 text-center max-w-xs" }, "Pick a conversation to inspect its memory state and cost."));
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center h-full gap-3 text-muted-foreground", children: [
+    /* @__PURE__ */ jsx(Brain, { className: "h-10 w-10 opacity-15" }),
+    /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground", children: "No conversation selected" }),
+    /* @__PURE__ */ jsx("p", { className: "text-xs opacity-60 text-center max-w-xs", children: "Pick a conversation to inspect its memory state and cost." })
+  ] });
 }
 function ObservationalMemoryWindowInner({
   onClose,
@@ -261,17 +309,21 @@ function ObservationalMemoryWindowInner({
   );
   const titleSuffix = `${selectedMetadata?.model ? ` \xB7 ${selectedMetadata.model}` : ""}${selectedDegraded ? " \xB7 degraded" : ""}`;
   const title = selectedConversationId ? `Memory \u2014 ${selectedConversationId.slice(0, 8)}\u2026${titleSuffix}` : "Memory Inspector";
-  const titleNode = selectedConversationId ? /* @__PURE__ */ React.createElement("span", { className: "flex min-w-0 items-center gap-1" }, /* @__PURE__ */ React.createElement("span", { className: "shrink-0" }, "Memory \u2014"), /* @__PURE__ */ React.createElement(
-    EntityRef,
-    {
-      token: "conversation",
-      id: selectedConversationId,
-      name: `${selectedConversationId.slice(0, 8)}\u2026`,
-      showIcon: false,
-      nameClassName: "font-mono"
-    }
-  ), titleSuffix ? /* @__PURE__ */ React.createElement("span", { className: "truncate text-muted-foreground" }, titleSuffix) : null) : void 0;
-  return /* @__PURE__ */ React.createElement(
+  const titleNode = selectedConversationId ? /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-center gap-1", children: [
+    /* @__PURE__ */ jsx("span", { className: "shrink-0", children: "Memory \u2014" }),
+    /* @__PURE__ */ jsx(
+      EntityRef,
+      {
+        token: "conversation",
+        id: selectedConversationId,
+        name: `${selectedConversationId.slice(0, 8)}\u2026`,
+        showIcon: false,
+        nameClassName: "font-mono"
+      }
+    ),
+    titleSuffix ? /* @__PURE__ */ jsx("span", { className: "truncate text-muted-foreground", children: titleSuffix }) : null
+  ] }) : void 0;
+  return /* @__PURE__ */ jsx(
     WindowPanel,
     {
       id: "observational-memory-window",
@@ -284,7 +336,7 @@ function ObservationalMemoryWindowInner({
       minHeight: 460,
       overlayId: CHAT_WINDOWS.observationalMemoryWindow,
       onCollectData: collectData,
-      sidebar: /* @__PURE__ */ React.createElement(
+      sidebar: /* @__PURE__ */ jsx(
         MemorySidebar,
         {
           selectedConversationId,
@@ -293,43 +345,43 @@ function ObservationalMemoryWindowInner({
       ),
       sidebarDefaultSize: 240,
       sidebarMinSize: 180,
-      defaultSidebarOpen: true
-    },
-    /* @__PURE__ */ React.createElement(
-      SurfaceRuntimeProvider,
-      {
-        surfaceName: OBSERVATIONAL_MEMORY_SURFACE_NAME,
-        getScope: () => createObservationalMemoryScope({
-          selected_conversation_id: selectedConversationId ?? void 0,
-          conversation_ids: conversationIds,
-          memory_enabled: selectedConversationId ? selectedEnabled : void 0,
-          memory_degraded: selectedConversationId ? selectedDegraded : void 0,
-          memory_counters: selectedConversationId ? selectedCounters ?? void 0 : void 0,
-          memory_metadata: selectedConversationId ? selectedMetadata ?? void 0 : void 0
-        }),
-        isEditable: false
-      },
-      /* @__PURE__ */ React.createElement(
-        NonEditableContextMenu,
+      defaultSidebarOpen: true,
+      children: /* @__PURE__ */ jsx(
+        SurfaceRuntimeProvider,
         {
-          sourceFeature: "agent-builder",
           surfaceName: OBSERVATIONAL_MEMORY_SURFACE_NAME,
-          contentSource: { type: "raw" },
-          entity: selectedConversationId ? {
-            type: "cx_observational_memory",
-            id: selectedConversationId,
-            title: "Observational memory"
-          } : void 0
-        },
-        selectedConversationId ? /* @__PURE__ */ React.createElement(
-          ObservationalMemoryCore,
-          {
-            conversationId: selectedConversationId,
-            layout: "split"
-          }
-        ) : /* @__PURE__ */ React.createElement(EmptyPane, null)
+          getScope: () => createObservationalMemoryScope({
+            selected_conversation_id: selectedConversationId ?? void 0,
+            conversation_ids: conversationIds,
+            memory_enabled: selectedConversationId ? selectedEnabled : void 0,
+            memory_degraded: selectedConversationId ? selectedDegraded : void 0,
+            memory_counters: selectedConversationId ? selectedCounters ?? void 0 : void 0,
+            memory_metadata: selectedConversationId ? selectedMetadata ?? void 0 : void 0
+          }),
+          isEditable: false,
+          children: /* @__PURE__ */ jsx(
+            NonEditableContextMenu,
+            {
+              sourceFeature: "agent-builder",
+              surfaceName: OBSERVATIONAL_MEMORY_SURFACE_NAME,
+              contentSource: { type: "raw" },
+              entity: selectedConversationId ? {
+                type: "cx_observational_memory",
+                id: selectedConversationId,
+                title: "Observational memory"
+              } : void 0,
+              children: selectedConversationId ? /* @__PURE__ */ jsx(
+                ObservationalMemoryCore,
+                {
+                  conversationId: selectedConversationId,
+                  layout: "split"
+                }
+              ) : /* @__PURE__ */ jsx(EmptyPane, {})
+            }
+          )
+        }
       )
-    )
+    }
   );
 }
 function ObservationalMemoryWindow({
@@ -338,7 +390,7 @@ function ObservationalMemoryWindow({
   initialSelectedConversationId
 }) {
   if (!isOpen) return null;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     ObservationalMemoryWindowInner,
     {
       onClose,