@ai-matrx/chat 0.5.0 → 0.5.3

package/dist/agents/components/run-controls/RunSettingsEditor.js

@@ -1,4 +1,5 @@
 "use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { Brain, FileText, PanelRight } from "lucide-react";
 import { useAppDispatch, useAppSelector, useAppStore } from "../../../store/hooks.js";
@@ -62,7 +63,7 @@ function SettingsRow({
   onChange,
   quickset = false
 }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "label",
     {
       htmlFor: id,
@@ -71,10 +72,12 @@ function SettingsRow({
         // Quickset rows share one label-column width so every control lines
         // up — keep in sync with QuicksetPanel's Row grid.
         quickset ? "grid grid-cols-[9rem_minmax(0,1fr)] gap-2" : "flex justify-between gap-3"
-      )
-    },
-    /* @__PURE__ */ React.createElement("span", { className: "truncate text-xs text-foreground", title: label }, label),
-    /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement(Switch, { id, checked, onCheckedChange: onChange }))
+      ),
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "truncate text-xs text-foreground", title: label, children: label }),
+        /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(Switch, { id, checked, onCheckedChange: onChange }) })
+      ]
+    }
   );
 }
 function RunSettingsQuickControls({
@@ -90,64 +93,73 @@ function RunSettingsQuickControls({
   const memoryEnabled = useAppSelector(
     selectIsMemoryEnabledForConversation(conversationId)
   );
-  return /* @__PURE__ */ React.createElement("div", { className: "space-y-0.5" }, /* @__PURE__ */ React.createElement(
-    SurfaceSimulatorSelect,
-    {
-      conversationId,
-      compact: true,
-      quickset
-    }
-  ), /* @__PURE__ */ React.createElement(
-    SettingsRow,
-    {
-      id: `debug-${conversationId}`,
-      label: "Debug Mode",
-      checked: settings.debug,
-      quickset,
-      onChange: (value) => dispatch(
-        setBuilderAdvancedSettings({
-          conversationId,
-          changes: { debug: value }
-        })
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-0.5", children: [
+    /* @__PURE__ */ jsx(
+      SurfaceSimulatorSelect,
+      {
+        conversationId,
+        compact: true,
+        quickset
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      SettingsRow,
+      {
+        id: `debug-${conversationId}`,
+        label: "Debug Mode",
+        checked: settings.debug,
+        quickset,
+        onChange: (value) => dispatch(
+          setBuilderAdvancedSettings({
+            conversationId,
+            changes: { debug: value }
+          })
+        )
+      }
+    ),
+    isAdmin && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        SettingsRow,
+        {
+          id: `block-mode-${conversationId}`,
+          label: "Block Mode",
+          checked: isBlockMode,
+          quickset,
+          onChange: (value) => dispatch(setUseBlockMode(value))
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        SettingsRow,
+        {
+          id: `snapshot-${conversationId}`,
+          label: "Snapshot Mode",
+          checked: isSnapshot,
+          quickset,
+          onChange: (value) => dispatch(setUseSnapshot(value))
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        SettingsRow,
+        {
+          id: `conversation-memory-${conversationId}`,
+          label: "Conversation Memory",
+          checked: memoryEnabled,
+          quickset,
+          onChange: (enabled) => dispatch(requestMemoryToggle({ conversationId, enabled }))
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        SettingsRow,
+        {
+          id: `ai-api-version-${conversationId}`,
+          label: "V2 Spine",
+          checked: aiApiVersion === "v2",
+          quickset,
+          onChange: (enabled) => dispatch(setAiApiVersion(enabled ? "v2" : "v1"))
+        }
       )
-    }
-  ), isAdmin && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-    SettingsRow,
-    {
-      id: `block-mode-${conversationId}`,
-      label: "Block Mode",
-      checked: isBlockMode,
-      quickset,
-      onChange: (value) => dispatch(setUseBlockMode(value))
-    }
-  ), /* @__PURE__ */ React.createElement(
-    SettingsRow,
-    {
-      id: `snapshot-${conversationId}`,
-      label: "Snapshot Mode",
-      checked: isSnapshot,
-      quickset,
-      onChange: (value) => dispatch(setUseSnapshot(value))
-    }
-  ), /* @__PURE__ */ React.createElement(
-    SettingsRow,
-    {
-      id: `conversation-memory-${conversationId}`,
-      label: "Conversation Memory",
-      checked: memoryEnabled,
-      quickset,
-      onChange: (enabled) => dispatch(requestMemoryToggle({ conversationId, enabled }))
-    }
-  ), /* @__PURE__ */ React.createElement(
-    SettingsRow,
-    {
-      id: `ai-api-version-${conversationId}`,
-      label: "V2 Spine",
-      checked: aiApiVersion === "v2",
-      quickset,
-      onChange: (enabled) => dispatch(setAiApiVersion(enabled ? "v2" : "v1"))
-    }
-  )));
+    ] })
+  ] });
 }
 function RunSettingsEditor({ conversationId }) {
   const dispatch = useAppDispatch();
@@ -172,211 +184,288 @@ function RunSettingsEditor({ conversationId }) {
       data: { initialSelectedConversationId: conversationId }
     })
   );
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React.createElement(RunSettingsQuickControls, { conversationId }), /* @__PURE__ */ React.createElement(Separator, null), /* @__PURE__ */ React.createElement("section", { className: "space-y-1.5" }, /* @__PURE__ */ React.createElement("h3", { className: "text-[10px] font-semibold uppercase tracking-wide text-muted-foreground" }, "Additional controls"), /* @__PURE__ */ React.createElement(
-    SettingsRow,
-    {
-      id: `store-${conversationId}`,
-      label: "Save to DB",
-      checked: settings.store,
-      onChange: (value) => dispatch(
-        setBuilderAdvancedSettings({
-          conversationId,
-          changes: { store: value }
-        })
-      )
-    }
-  ), /* @__PURE__ */ React.createElement(
-    SettingsRow,
-    {
-      id: `reuse-cid-${conversationId}`,
-      label: "Reuse Conversation ID",
-      checked: reuseConversationId,
-      onChange: (value) => dispatch(setReuseConversationId({ conversationId, value }))
-    }
-  ), /* @__PURE__ */ React.createElement(
-    SettingsRow,
-    {
-      id: `structured-sys-${conversationId}`,
-      label: "Structured System Prompt",
-      checked: settings.useStructuredSystemInstruction,
-      onChange: (value) => dispatch(
-        setBuilderAdvancedSettings({
-          conversationId,
-          changes: { useStructuredSystemInstruction: value }
-        })
-      )
-    }
-  ), settings.useStructuredSystemInstruction && /* @__PURE__ */ React.createElement("div", { className: "flex gap-2 pl-0" }, /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      variant: "outline",
-      size: "sm",
-      className: "h-7 text-xs",
-      onClick: () => setSysModalOpen(true)
-    },
-    /* @__PURE__ */ React.createElement(FileText, { className: "mr-1.5 h-3 w-3" }),
-    " Edit"
-  ), /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      variant: "outline",
-      size: "sm",
-      className: "h-7 text-xs",
-      onClick: () => openSystemInstructionWindow({ conversationId })
-    },
-    /* @__PURE__ */ React.createElement(PanelRight, { className: "mr-1.5 h-3 w-3" }),
-    " Open window"
-  )), /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-3 py-1" }, /* @__PURE__ */ React.createElement(Label, { className: "flex-1 text-xs text-foreground" }, "Agent actions"), /* @__PURE__ */ React.createElement(
-    Select,
-    {
-      value: directiveApplyPolicy,
-      onValueChange: (value) => dispatch(
-        setPreference({
-          module: "assistant",
-          preference: "directiveApplyPolicy",
-          value
-        })
-      )
-    },
-    /* @__PURE__ */ React.createElement(SelectTrigger, { className: "h-7 w-44 border-0 bg-transparent px-1 text-xs shadow-none dark:bg-transparent" }, /* @__PURE__ */ React.createElement(SelectValue, null)),
-    /* @__PURE__ */ React.createElement(SelectContent, null, /* @__PURE__ */ React.createElement(SelectItem, { value: "default" }, "Ask first"), /* @__PURE__ */ React.createElement(SelectItem, { value: "auto" }, "Apply automatically"), /* @__PURE__ */ React.createElement(SelectItem, { value: "ask" }, "Always ask first"), /* @__PURE__ */ React.createElement(SelectItem, { value: "off" }, "Never apply"))
-  )), /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-3 py-1" }, /* @__PURE__ */ React.createElement(Label, { className: "flex-1 text-xs text-foreground" }, "Max iterations"), /* @__PURE__ */ React.createElement(
-    NumberStepper,
-    {
-      value: settings.maxIterations,
-      onChange: (value) => dispatch(
-        setBuilderAdvancedSettings({
-          conversationId,
-          changes: { maxIterations: value }
-        })
-      ),
-      min: 1,
-      max: 1e3,
-      className: "h-7"
-    }
-  )), /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-3 py-1" }, /* @__PURE__ */ React.createElement(Label, { className: "flex-1 text-xs text-foreground" }, "Retries / iteration"), /* @__PURE__ */ React.createElement(
-    NumberStepper,
-    {
-      value: settings.maxRetriesPerIteration,
-      onChange: (value) => dispatch(
-        setBuilderAdvancedSettings({
-          conversationId,
-          changes: { maxRetriesPerIteration: value }
-        })
-      ),
-      min: 0,
-      max: 10,
-      className: "h-7"
-    }
-  ))), isAdmin && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Separator, null), /* @__PURE__ */ React.createElement("section", { className: "space-y-1.5" }, /* @__PURE__ */ React.createElement("h3", { className: "text-[10px] font-semibold uppercase tracking-wide text-muted-foreground" }, "Admin controls"), /* @__PURE__ */ React.createElement(
-    SettingsRow,
-    {
-      id: `agent-fs-${conversationId}`,
-      label: "Agent Filesystem",
-      checked: settings.agentFs ?? false,
-      onChange: (value) => dispatch(
-        setBuilderAdvancedSettings({
-          conversationId,
-          changes: { agentFs: value }
-        })
-      )
-    }
-  ), /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-3 py-1" }, /* @__PURE__ */ React.createElement(Label, { htmlFor: `manual-route-${conversationId}`, className: "w-1/3 text-xs text-foreground" }, "Manual route"), /* @__PURE__ */ React.createElement(
-    ProInput,
-    {
-      enableCleanup: false,
-      id: `manual-route-${conversationId}`,
-      value: settings.manualEndpointOverride ?? "",
-      onChange: (event) => dispatch(
-        setBuilderAdvancedSettings({
-          conversationId,
-          changes: { manualEndpointOverride: event.target.value || null }
-        })
-      ),
-      placeholder: ENDPOINTS.ai.manual,
-      spellCheck: false,
-      enableVoice: false,
-      wrapperClassName: "flex-1",
-      className: "h-7 font-mono"
-    }
-  )), /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-3 py-1" }, /* @__PURE__ */ React.createElement(Label, { htmlFor: `global-manual-route-${conversationId}`, className: "w-1/3 text-xs text-foreground" }, "Global manual route"), /* @__PURE__ */ React.createElement(
-    ProInput,
-    {
-      enableCleanup: false,
-      id: `global-manual-route-${conversationId}`,
-      value: globalManualOverride,
-      onChange: (event) => dispatch(
-        setPathOverride({
-          canonicalPath: ENDPOINTS.ai.manual,
-          replacement: event.target.value
-        })
-      ),
-      placeholder: ENDPOINTS.ai.manual,
-      spellCheck: false,
-      enableVoice: false,
-      wrapperClassName: "flex-1",
-      className: "h-7 font-mono"
-    }
-  )), /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-3 py-1" }, /* @__PURE__ */ React.createElement(Label, { htmlFor: `api-version-${conversationId}`, className: "w-1/3 text-xs text-foreground" }, "API version"), /* @__PURE__ */ React.createElement(
-    ProInput,
-    {
-      enableCleanup: false,
-      id: `api-version-${conversationId}`,
-      value: apiVersion ?? "",
-      onChange: (event) => dispatch(setApiVersion(event.target.value)),
-      spellCheck: false,
-      enableVoice: false,
-      wrapperClassName: "flex-1",
-      className: "h-7 font-mono"
-    }
-  )), (apiVersion || Object.keys(pathOverrides).length > 0) && /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      variant: "outline",
-      size: "sm",
-      className: "h-7 w-full text-xs",
-      onClick: () => dispatch(clearApiOverrides())
-    },
-    "Clear API overrides"
-  ), /* @__PURE__ */ React.createElement(Label, { htmlFor: `request-overrides-${conversationId}`, className: "pt-1 text-xs text-foreground" }, "Request overrides"), /* @__PURE__ */ React.createElement(
-    ProTextarea,
-    {
-      id: `request-overrides-${conversationId}`,
-      value: settings.requestOverrides ?? "",
-      onChange: (event) => dispatch(
-        setBuilderAdvancedSettings({
-          conversationId,
-          changes: { requestOverrides: event.target.value || null }
-        })
-      ),
-      placeholder: '{ "key": "value" }',
-      spellCheck: false,
-      rows: 4,
-      enableVoice: false,
-      enableCleanup: false,
-      surfaceName: CHAT_CONTEXT_MENU_PROPS.surfaceName,
-      getApplicationScope,
-      className: "font-mono text-xs"
-    }
-  ), overridesError && /* @__PURE__ */ React.createElement("p", { className: "text-[11px] text-destructive" }, "Invalid JSON \u2014 ", overridesError, " ", /* @__PURE__ */ React.createElement(ErrorAlchemyMenu, { error: overridesError })), /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      variant: "outline",
-      size: "sm",
-      className: "h-7 w-full text-xs",
-      onClick: openMemoryInspector
-    },
-    /* @__PURE__ */ React.createElement(Brain, { className: "mr-1.5 h-3 w-3" }),
-    " Open Memory Inspector",
-    memoryDegraded ? " (degraded)" : ""
-  ))), /* @__PURE__ */ React.createElement(Separator, null), /* @__PURE__ */ React.createElement("section", { className: "space-y-1.5 rounded-md bg-muted/35 p-2.5 text-[11px] leading-relaxed text-muted-foreground" }, /* @__PURE__ */ React.createElement("h3", { className: "text-[10px] font-semibold uppercase tracking-wide text-foreground" }, "Reference"), /* @__PURE__ */ React.createElement("p", null, "Surface Simulator changes the surface reported for this run, which changes the available surface tools."), /* @__PURE__ */ React.createElement("p", null, "Conversation Memory is queued for the next turn. Configure and inspect its persisted details from Memory Inspector."), isAdmin && /* @__PURE__ */ React.createElement("p", null, "Block, Snapshot, V2 Spine, routes, and request overrides are advanced admin/test controls."))), /* @__PURE__ */ React.createElement(
-    SystemInstructionModal,
-    {
-      conversationId,
-      open: sysModalOpen,
-      onOpenChange: setSysModalOpen
-    }
-  ));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsx(RunSettingsQuickControls, { conversationId }),
+      /* @__PURE__ */ jsx(Separator, {}),
+      /* @__PURE__ */ jsxs("section", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsx("h3", { className: "text-[10px] font-semibold uppercase tracking-wide text-muted-foreground", children: "Additional controls" }),
+        /* @__PURE__ */ jsx(
+          SettingsRow,
+          {
+            id: `store-${conversationId}`,
+            label: "Save to DB",
+            checked: settings.store,
+            onChange: (value) => dispatch(
+              setBuilderAdvancedSettings({
+                conversationId,
+                changes: { store: value }
+              })
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          SettingsRow,
+          {
+            id: `reuse-cid-${conversationId}`,
+            label: "Reuse Conversation ID",
+            checked: reuseConversationId,
+            onChange: (value) => dispatch(setReuseConversationId({ conversationId, value }))
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          SettingsRow,
+          {
+            id: `structured-sys-${conversationId}`,
+            label: "Structured System Prompt",
+            checked: settings.useStructuredSystemInstruction,
+            onChange: (value) => dispatch(
+              setBuilderAdvancedSettings({
+                conversationId,
+                changes: { useStructuredSystemInstruction: value }
+              })
+            )
+          }
+        ),
+        settings.useStructuredSystemInstruction && /* @__PURE__ */ jsxs("div", { className: "flex gap-2 pl-0", children: [
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: "outline",
+              size: "sm",
+              className: "h-7 text-xs",
+              onClick: () => setSysModalOpen(true),
+              children: [
+                /* @__PURE__ */ jsx(FileText, { className: "mr-1.5 h-3 w-3" }),
+                " Edit"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: "outline",
+              size: "sm",
+              className: "h-7 text-xs",
+              onClick: () => openSystemInstructionWindow({ conversationId }),
+              children: [
+                /* @__PURE__ */ jsx(PanelRight, { className: "mr-1.5 h-3 w-3" }),
+                " Open window"
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 py-1", children: [
+          /* @__PURE__ */ jsx(Label, { className: "flex-1 text-xs text-foreground", children: "Agent actions" }),
+          /* @__PURE__ */ jsxs(
+            Select,
+            {
+              value: directiveApplyPolicy,
+              onValueChange: (value) => dispatch(
+                setPreference({
+                  module: "assistant",
+                  preference: "directiveApplyPolicy",
+                  value
+                })
+              ),
+              children: [
+                /* @__PURE__ */ jsx(SelectTrigger, { className: "h-7 w-44 border-0 bg-transparent px-1 text-xs shadow-none dark:bg-transparent", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+                /* @__PURE__ */ jsxs(SelectContent, { children: [
+                  /* @__PURE__ */ jsx(SelectItem, { value: "default", children: "Ask first" }),
+                  /* @__PURE__ */ jsx(SelectItem, { value: "auto", children: "Apply automatically" }),
+                  /* @__PURE__ */ jsx(SelectItem, { value: "ask", children: "Always ask first" }),
+                  /* @__PURE__ */ jsx(SelectItem, { value: "off", children: "Never apply" })
+                ] })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 py-1", children: [
+          /* @__PURE__ */ jsx(Label, { className: "flex-1 text-xs text-foreground", children: "Max iterations" }),
+          /* @__PURE__ */ jsx(
+            NumberStepper,
+            {
+              value: settings.maxIterations,
+              onChange: (value) => dispatch(
+                setBuilderAdvancedSettings({
+                  conversationId,
+                  changes: { maxIterations: value }
+                })
+              ),
+              min: 1,
+              max: 1e3,
+              className: "h-7"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 py-1", children: [
+          /* @__PURE__ */ jsx(Label, { className: "flex-1 text-xs text-foreground", children: "Retries / iteration" }),
+          /* @__PURE__ */ jsx(
+            NumberStepper,
+            {
+              value: settings.maxRetriesPerIteration,
+              onChange: (value) => dispatch(
+                setBuilderAdvancedSettings({
+                  conversationId,
+                  changes: { maxRetriesPerIteration: value }
+                })
+              ),
+              min: 0,
+              max: 10,
+              className: "h-7"
+            }
+          )
+        ] })
+      ] }),
+      isAdmin && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Separator, {}),
+        /* @__PURE__ */ jsxs("section", { className: "space-y-1.5", children: [
+          /* @__PURE__ */ jsx("h3", { className: "text-[10px] font-semibold uppercase tracking-wide text-muted-foreground", children: "Admin controls" }),
+          /* @__PURE__ */ jsx(
+            SettingsRow,
+            {
+              id: `agent-fs-${conversationId}`,
+              label: "Agent Filesystem",
+              checked: settings.agentFs ?? false,
+              onChange: (value) => dispatch(
+                setBuilderAdvancedSettings({
+                  conversationId,
+                  changes: { agentFs: value }
+                })
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 py-1", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: `manual-route-${conversationId}`, className: "w-1/3 text-xs text-foreground", children: "Manual route" }),
+            /* @__PURE__ */ jsx(
+              ProInput,
+              {
+                enableCleanup: false,
+                id: `manual-route-${conversationId}`,
+                value: settings.manualEndpointOverride ?? "",
+                onChange: (event) => dispatch(
+                  setBuilderAdvancedSettings({
+                    conversationId,
+                    changes: { manualEndpointOverride: event.target.value || null }
+                  })
+                ),
+                placeholder: ENDPOINTS.ai.manual,
+                spellCheck: false,
+                enableVoice: false,
+                wrapperClassName: "flex-1",
+                className: "h-7 font-mono"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 py-1", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: `global-manual-route-${conversationId}`, className: "w-1/3 text-xs text-foreground", children: "Global manual route" }),
+            /* @__PURE__ */ jsx(
+              ProInput,
+              {
+                enableCleanup: false,
+                id: `global-manual-route-${conversationId}`,
+                value: globalManualOverride,
+                onChange: (event) => dispatch(
+                  setPathOverride({
+                    canonicalPath: ENDPOINTS.ai.manual,
+                    replacement: event.target.value
+                  })
+                ),
+                placeholder: ENDPOINTS.ai.manual,
+                spellCheck: false,
+                enableVoice: false,
+                wrapperClassName: "flex-1",
+                className: "h-7 font-mono"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 py-1", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: `api-version-${conversationId}`, className: "w-1/3 text-xs text-foreground", children: "API version" }),
+            /* @__PURE__ */ jsx(
+              ProInput,
+              {
+                enableCleanup: false,
+                id: `api-version-${conversationId}`,
+                value: apiVersion ?? "",
+                onChange: (event) => dispatch(setApiVersion(event.target.value)),
+                spellCheck: false,
+                enableVoice: false,
+                wrapperClassName: "flex-1",
+                className: "h-7 font-mono"
+              }
+            )
+          ] }),
+          (apiVersion || Object.keys(pathOverrides).length > 0) && /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "outline",
+              size: "sm",
+              className: "h-7 w-full text-xs",
+              onClick: () => dispatch(clearApiOverrides()),
+              children: "Clear API overrides"
+            }
+          ),
+          /* @__PURE__ */ jsx(Label, { htmlFor: `request-overrides-${conversationId}`, className: "pt-1 text-xs text-foreground", children: "Request overrides" }),
+          /* @__PURE__ */ jsx(
+            ProTextarea,
+            {
+              id: `request-overrides-${conversationId}`,
+              value: settings.requestOverrides ?? "",
+              onChange: (event) => dispatch(
+                setBuilderAdvancedSettings({
+                  conversationId,
+                  changes: { requestOverrides: event.target.value || null }
+                })
+              ),
+              placeholder: '{ "key": "value" }',
+              spellCheck: false,
+              rows: 4,
+              enableVoice: false,
+              enableCleanup: false,
+              surfaceName: CHAT_CONTEXT_MENU_PROPS.surfaceName,
+              getApplicationScope,
+              className: "font-mono text-xs"
+            }
+          ),
+          overridesError && /* @__PURE__ */ jsxs("p", { className: "text-[11px] text-destructive", children: [
+            "Invalid JSON \u2014 ",
+            overridesError,
+            " ",
+            /* @__PURE__ */ jsx(ErrorAlchemyMenu, { error: overridesError })
+          ] }),
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: "outline",
+              size: "sm",
+              className: "h-7 w-full text-xs",
+              onClick: openMemoryInspector,
+              children: [
+                /* @__PURE__ */ jsx(Brain, { className: "mr-1.5 h-3 w-3" }),
+                " Open Memory Inspector",
+                memoryDegraded ? " (degraded)" : ""
+              ]
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(Separator, {}),
+      /* @__PURE__ */ jsxs("section", { className: "space-y-1.5 rounded-md bg-muted/35 p-2.5 text-[11px] leading-relaxed text-muted-foreground", children: [
+        /* @__PURE__ */ jsx("h3", { className: "text-[10px] font-semibold uppercase tracking-wide text-foreground", children: "Reference" }),
+        /* @__PURE__ */ jsx("p", { children: "Surface Simulator changes the surface reported for this run, which changes the available surface tools." }),
+        /* @__PURE__ */ jsx("p", { children: "Conversation Memory is queued for the next turn. Configure and inspect its persisted details from Memory Inspector." }),
+        isAdmin && /* @__PURE__ */ jsx("p", { children: "Block, Snapshot, V2 Spine, routes, and request overrides are advanced admin/test controls." })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      SystemInstructionModal,
+      {
+        conversationId,
+        open: sysModalOpen,
+        onOpenChange: setSysModalOpen
+      }
+    )
+  ] });
 }
 export {
   RunSettingsEditor,