@flanksource/clicky-ui 0.3.16 → 0.3.18

package/dist/data/ai/PromptRunEditor/index.js

@@ -1,20 +1,20 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useMemo, useId } from "react";
 import { Button } from "../../../components/button.js";
 import { JsonSchemaForm } from "../../../components/JsonSchemaForm.js";
 import { cn } from "../../../lib/utils.js";
 import { Modal } from "../../../overlay/Modal.js";
 import { Icon } from "../../Icon.js";
-import { ModelSelector, EffortSelector } from "../../chat/ModelSelector.js";
 import { DEFAULT_REASONING_EFFORTS } from "../../chat/effort-icons.js";
 import { AttachmentList, AttachmentButton } from "../../chat/Attachment.js";
 import { createAttachmentUploadAdapter } from "../../chat/attachment-upload.js";
-import { effortOptionsForModel, reconcileModelCapabilities } from "../model-capabilities.js";
-import { RuntimeModePicker } from "../RuntimeModePicker.js";
-import { selectionForBackend, SPEC_RUNTIME_FAMILIES, familyById, modelsForFamily, labelForBackend } from "../runtime-mode.js";
+import { RuntimeBar } from "../../runtime/RuntimeBar.js";
+import { SPEC_RUNTIME_FAMILIES, labelForBackend } from "../../runtime/runtime-mode.js";
 import { SpecRuntimeEditor } from "../SpecRuntimeEditor/index.js";
-import { SpecField, SpecInput } from "../SpecRuntimeEditor/fields.js";
-import { withRoot, withOptionalRoot, withPrompt } from "../SpecRuntimeEditor/update.js";
+import { withPrompt } from "../SpecRuntimeEditor/update.js";
+import { runtimeRows, withRuntimeRows } from "./model.js";
+import { UiTrash } from "../../../icons/components/UiTrash.js";
+import { UiAdd } from "../../../icons/components/UiAdd.js";
 import { UiGearSix } from "../../../icons/components/UiGearSix.js";
 function PromptRunEditor({
   value,
@@ -26,10 +26,7 @@ function PromptRunEditor({
   secretSelector,
   cliOptions,
   reasoningEfforts = DEFAULT_REASONING_EFFORTS,
-  runtimeControls,
   variablesSchema,
-  variables,
-  onVariablesChange,
   onVariablesValidityChange,
   promptEditor,
   promptLabel = "User prompt",
@@ -47,17 +44,16 @@ function PromptRunEditor({
 }) {
   var _a, _b;
   const [specOpen, setSpecOpen] = useState(false);
-  const selection = selectionForBackend(families, value.backend);
-  const family = familyById(families, selection.family);
-  const familyModels = modelsForFamily(models, family, value.backend);
-  const selectedModel = models.find((m) => m.id === value.model);
-  const modelEfforts = effortOptionsForModel(selectedModel, reasoningEfforts);
-  const showEffort = modelEfforts.length > 0;
+  const spec = value.spec ?? {};
+  const rows = runtimeRows(value);
+  const selectedModel = models.find(
+    (model) => model.id === spec.id || model.id === spec.model
+  );
   const resolvedAttachmentUpload = useMemo(
     () => attachmentUpload ?? createAttachmentUploadAdapter(),
     [attachmentUpload]
   );
-  const attachmentFiles = (((_a = value.prompt) == null ? void 0 : _a.attachments) ?? []).map(
+  const attachmentFiles = (((_a = spec.prompt) == null ? void 0 : _a.attachments) ?? []).map(
     (attachment) => ({
       type: "file",
       url: attachment.id ? `/api/attachments/${attachment.id}` : attachment.url ?? "",
@@ -71,76 +67,87 @@ function PromptRunEditor({
   return /* @__PURE__ */ jsxs("div", { className: cn("grid gap-density-4", className), children: [
     header,
     /* @__PURE__ */ jsxs(Block, { title: "Runtime", children: [
-      runtimeControls ?? /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(
-          RuntimeModePicker,
+      /* @__PURE__ */ jsxs("div", { className: "grid gap-density-2", children: [
+        rows.map((runtime, index) => /* @__PURE__ */ jsxs(
+          "div",
           {
-            value,
-            onChange,
-            families,
-            models
-          }
-        ),
-        /* @__PURE__ */ jsxs("div", { className: "grid gap-density-2 sm:grid-cols-2", children: [
-          /* @__PURE__ */ jsx(SpecField, { label: "Model", children: /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-density-2", children: [
-            familyModels.length > 0 ? /* @__PURE__ */ jsx(
-              ModelSelector,
-              {
-                models: familyModels,
-                value: value.model,
-                onChange: (model) => onChange(
-                  reconcileModelCapabilities(
-                    value,
-                    models.find((item) => item.id === model),
-                    reasoningEfforts
-                  )
-                ),
-                size: "md",
-                className: "w-full"
-              }
-            ) : /* @__PURE__ */ jsx(
-              SpecInput,
-              {
-                value: value.model,
-                onChange: (model) => onChange(withRoot(value, { model })),
-                placeholder: "frontmatter/default",
-                mono: true
-              }
-            ),
-            value.model && /* @__PURE__ */ jsx(
-              Button,
-              {
-                size: "sm",
-                variant: "ghost",
-                onClick: () => onChange(withOptionalRoot(value, "model", void 0)),
-                children: "Default"
-              }
-            )
-          ] }) }),
-          showEffort && /* @__PURE__ */ jsx(SpecField, { label: "Effort", children: /* @__PURE__ */ jsx(
-            EffortSelector,
+            role: "group",
+            "aria-label": `Runtime ${index + 1}`,
+            className: "flex min-w-0 items-center gap-density-2",
+            children: [
+              /* @__PURE__ */ jsx(
+                RuntimeBar,
+                {
+                  value: runtime,
+                  onChange: (next) => onChange(
+                    withRuntimeRows(
+                      value,
+                      rows.map(
+                        (item, itemIndex) => itemIndex === index ? next : item
+                      )
+                    )
+                  ),
+                  models,
+                  families,
+                  reasoningEfforts,
+                  ariaLabel: `Runtime ${index + 1} controls`
+                }
+              ),
+              rows.length > 1 && /* @__PURE__ */ jsx(
+                Button,
+                {
+                  size: "sm",
+                  variant: "ghost",
+                  "aria-label": `Remove runtime ${index + 1}`,
+                  onClick: () => onChange(
+                    withRuntimeRows(
+                      value,
+                      rows.filter((_, itemIndex) => itemIndex !== index)
+                    )
+                  ),
+                  children: /* @__PURE__ */ jsx(Icon, { icon: UiTrash, className: "size-4" })
+                }
+              )
+            ]
+          },
+          index
+        )),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-density-2", children: [
+          /* @__PURE__ */ jsxs(
+            Button,
             {
-              efforts: modelEfforts,
-              value: value.effort ?? "",
-              onChange: (effort) => onChange(withRoot(value, { effort })),
-              size: "md",
-              className: "w-full"
+              size: "sm",
+              variant: "outline",
+              "aria-label": "Add runtime",
+              onClick: () => {
+                var _a2;
+                return onChange(
+                  withRuntimeRows(value, [
+                    ...rows,
+                    ((_a2 = rows[0]) == null ? void 0 : _a2.backend) ? { backend: rows[0].backend } : {}
+                  ])
+                );
+              },
+              children: [
+                /* @__PURE__ */ jsx(Icon, { icon: UiAdd, className: "size-4" }),
+                "Add runtime"
+              ]
             }
-          ) })
+          ),
+          /* @__PURE__ */ jsxs(Button, { size: "sm", variant: "outline", onClick: () => setSpecOpen(true), children: [
+            /* @__PURE__ */ jsx(Icon, { icon: UiGearSix, className: "size-4" }),
+            editSpecLabel
+          ] })
         ] })
       ] }),
-      children,
-      /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(Button, { size: "sm", variant: "outline", onClick: () => setSpecOpen(true), children: [
-        /* @__PURE__ */ jsx(Icon, { icon: UiGearSix, className: "size-4" }),
-        editSpecLabel
-      ] }) })
+      children
     ] }),
-    onVariablesChange && /* @__PURE__ */ jsx(Block, { title: "Variables", children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(Block, { title: "Variables", children: /* @__PURE__ */ jsx(
       VariablesField,
       {
         ...variablesSchema ? { schema: variablesSchema } : {},
-        value: variables ?? {},
-        onChange: onVariablesChange,
+        value: value.variables ?? {},
+        onChange: (variables) => onChange({ ...value, variables }),
         ...onVariablesValidityChange ? { onValidityChange: onVariablesValidityChange } : {}
       }
     ) }),
@@ -148,8 +155,11 @@ function PromptRunEditor({
       promptEditor ?? /* @__PURE__ */ jsx(
         "textarea",
         {
-          value: ((_b = value.prompt) == null ? void 0 : _b.user) ?? "",
-          onChange: (event) => onChange(withPrompt(value, { user: event.target.value })),
+          value: ((_b = spec.prompt) == null ? void 0 : _b.user) ?? "",
+          onChange: (event) => onChange({
+            ...value,
+            spec: withPrompt(spec, { user: event.target.value })
+          }),
           spellCheck: false,
           placeholder: promptPlaceholder,
           "aria-label": promptLabel,
@@ -163,13 +173,14 @@ function PromptRunEditor({
             files: attachmentFiles,
             onRemove: (index) => {
               var _a2;
-              return onChange(
-                withPrompt(value, {
-                  attachments: (((_a2 = value.prompt) == null ? void 0 : _a2.attachments) ?? []).filter(
+              return onChange({
+                ...value,
+                spec: withPrompt(spec, {
+                  attachments: (((_a2 = spec.prompt) == null ? void 0 : _a2.attachments) ?? []).filter(
                     (_, itemIndex) => itemIndex !== index
                   )
                 })
-              );
+              });
             }
           }
         ),
@@ -180,10 +191,11 @@ function PromptRunEditor({
             upload: resolvedAttachmentUpload,
             onAdd: (parts) => {
               var _a2;
-              return onChange(
-                withPrompt(value, {
+              return onChange({
+                ...value,
+                spec: withPrompt(spec, {
                   attachments: [
-                    ...((_a2 = value.prompt) == null ? void 0 : _a2.attachments) ?? [],
+                    ...((_a2 = spec.prompt) == null ? void 0 : _a2.attachments) ?? [],
                     ...parts.map((part) => {
                       const uploaded = part;
                       return {
@@ -195,7 +207,7 @@ function PromptRunEditor({
                     })
                   ]
                 })
-              );
+              });
             },
             ...(selectedModel == null ? void 0 : selectedModel.inputMediaTypes) ? { acceptedMediaTypes: selectedModel.inputMediaTypes } : {},
             ...attachmentLimits ? { limits: attachmentLimits } : {}
@@ -216,8 +228,8 @@ function PromptRunEditor({
         children: /* @__PURE__ */ jsx(
           SpecRuntimeEditor,
           {
-            value,
-            onChange,
+            value: spec,
+            onChange: (next) => onChange({ ...value, spec: next }),
             models,
             families,
             tools,
@@ -228,7 +240,7 @@ function PromptRunEditor({
             onSave: () => setSpecOpen(false),
             onCancel: () => setSpecOpen(false),
             saveLabel: "Done",
-            footerStatus: labelForBackend(value.backend, families)
+            footerStatus: labelForBackend(spec.backend, families)
           }
         )
       }

package/dist/data/ai/PromptRunEditor/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/data/ai/PromptRunEditor/index.tsx"],"sourcesContent":["import { useId, useMemo, useState, type ReactNode } from \"react\";\nimport { Button } from \"../../../components/button\";\nimport { JsonSchemaForm } from \"../../../components/JsonSchemaForm\";\nimport type { JsonSchemaObject } from \"../../../components/json-schema-form-types\";\nimport { UiGearSix } from \"../../../icons\";\nimport { cn } from \"../../../lib/utils\";\nimport { Modal } from \"../../../overlay/Modal\";\nimport { Icon } from \"../../Icon\";\nimport { EffortSelector, ModelSelector } from \"../../chat/ModelSelector\";\nimport { DEFAULT_REASONING_EFFORTS } from \"../../chat/effort-icons\";\nimport {\n  AttachmentButton,\n  AttachmentList,\n} from \"../../chat/Attachment\";\nimport {\n  createAttachmentUploadAdapter,\n  type AttachmentFilePart,\n  type AttachmentLimits,\n  type AttachmentUploadAdapter,\n} from \"../../chat/attachment-upload\";\nimport type { ChatModel, ToolMeta } from \"../../chat/types\";\nimport type { FileUIPart } from \"../../chat/types\";\nimport {\n  effortOptionsForModel,\n  reconcileModelCapabilities,\n} from \"../model-capabilities\";\nimport { RuntimeModePicker } from \"../RuntimeModePicker\";\nimport {\n  SPEC_RUNTIME_FAMILIES,\n  type SpecRuntimeFamily,\n  familyById,\n  labelForBackend,\n  modelsForFamily,\n  selectionForBackend,\n} from \"../runtime-mode\";\nimport { SpecRuntimeEditor } from \"../SpecRuntimeEditor\";\nimport type { SpecRuntimeCLIOptions } from \"../SpecRuntimeEditor/CLIArgsSection\";\nimport { SpecField, SpecInput } from \"../SpecRuntimeEditor/fields\";\nimport type {\n  SpecRuntimeSecretSelectorConfig,\n  SpecSectionId,\n} from \"../SpecRuntimeEditor/types\";\nimport {\n  withOptionalRoot,\n  withPrompt,\n  withRoot,\n} from \"../SpecRuntimeEditor/update\";\nimport type {\n  AISpecRuntimePermissionCatalog,\n  AISpecRuntimeValue,\n} from \"../SpecRuntimeEditor.model\";\n\nexport type PromptRunEditorProps = {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n  models?: ChatModel[] | undefined;\n  families?: SpecRuntimeFamily[] | undefined;\n  tools?: ToolMeta[] | undefined;\n  permissionCatalog?: AISpecRuntimePermissionCatalog | undefined;\n  secretSelector?: SpecRuntimeSecretSelectorConfig | undefined;\n  cliOptions?: SpecRuntimeCLIOptions | undefined;\n  reasoningEfforts?: string[] | undefined;\n  /** Host-provided replacement for the inline Runtime controls. */\n  runtimeControls?: ReactNode | undefined;\n\n  /** Schema-driven variables form; omit to render a raw-JSON editor. */\n  variablesSchema?: JsonSchemaObject | undefined;\n  variables?: Record<string, unknown> | undefined;\n  /** The variables block only renders when this is supplied. */\n  onVariablesChange?: ((next: Record<string, unknown>) => void) | undefined;\n  /** Fires false while raw-JSON variables fail to parse; always true with a schema. */\n  onVariablesValidityChange?: ((valid: boolean) => void) | undefined;\n\n  /** Host-supplied editor for the `prompt.user` override; defaults to a textarea. */\n  promptEditor?: ReactNode | undefined;\n  promptLabel?: string | undefined;\n  promptPlaceholder?: string | undefined;\n  enableAttachments?: boolean | undefined;\n  attachmentUpload?: AttachmentUploadAdapter | undefined;\n  attachmentLimits?: AttachmentLimits | undefined;\n\n  /** Extra fields injected inside the Runtime block, below Model/Effort. */\n  children?: ReactNode | undefined;\n  header?: ReactNode | undefined;\n  footer?: ReactNode | undefined;\n  className?: string | undefined;\n\n  editSpecLabel?: string | undefined;\n  specModalTitle?: string | undefined;\n  /** Restrict which SpecRuntimeEditor sections the \"Edit spec\" modal shows. */\n  specSections?: readonly SpecSectionId[] | undefined;\n};\n\n// The inline \"prompt + variables + runtime\" composer shared by captain's prompt\n// workbench and gavel's todo run dialog. It edits one AISpecRuntimeValue live\n// (runtime knobs + the prompt.user override) and takes variables as separate\n// props; the \"Edit spec\" button expands the same value into the full editor.\n// Hosts should mount it with a `key` per prompt/todo so internal draft state\n// (raw-JSON text, modal open) resets on selection change.\nexport function PromptRunEditor({\n  value,\n  onChange,\n  models = [],\n  families = SPEC_RUNTIME_FAMILIES,\n  tools = [],\n  permissionCatalog,\n  secretSelector,\n  cliOptions,\n  reasoningEfforts = DEFAULT_REASONING_EFFORTS,\n  runtimeControls,\n  variablesSchema,\n  variables,\n  onVariablesChange,\n  onVariablesValidityChange,\n  promptEditor,\n  promptLabel = \"User prompt\",\n  promptPlaceholder = \"Override the rendered user prompt\",\n  enableAttachments = false,\n  attachmentUpload,\n  attachmentLimits,\n  children,\n  header,\n  footer,\n  className,\n  editSpecLabel = \"Edit spec\",\n  specModalTitle = \"Runtime spec\",\n  specSections,\n}: PromptRunEditorProps) {\n  const [specOpen, setSpecOpen] = useState(false);\n  const selection = selectionForBackend(families, value.backend);\n  const family = familyById(families, selection.family);\n  const familyModels = modelsForFamily(models, family, value.backend);\n  const selectedModel = models.find((m) => m.id === value.model);\n  // Hide effort for a model that does not reason; default to showing it when the\n  // selection is unknown (a family alias or a not-yet-loaded catalog).\n  const modelEfforts = effortOptionsForModel(selectedModel, reasoningEfforts);\n  const showEffort = modelEfforts.length > 0;\n  const resolvedAttachmentUpload = useMemo(\n    () => attachmentUpload ?? createAttachmentUploadAdapter(),\n    [attachmentUpload],\n  );\n  const attachmentFiles: FileUIPart[] = (value.prompt?.attachments ?? []).map(\n    (attachment) => ({\n      type: \"file\",\n      url: attachment.id\n        ? `/api/attachments/${attachment.id}`\n        : (attachment.url ?? \"\"),\n      mediaType: attachment.mediaType ?? \"application/octet-stream\",\n      ...(attachment.id ? { attachmentId: attachment.id } : {}),\n      ...(attachment.size != null ? { size: attachment.size } : {}),\n      ...(attachment.filename ? { filename: attachment.filename } : {}),\n      ...(!attachment.filename && attachment.path\n        ? { filename: attachment.path }\n        : {}),\n    }),\n  ) as FileUIPart[];\n\n  return (\n    <div className={cn(\"grid gap-density-4\", className)}>\n      {header}\n\n      <Block title=\"Runtime\">\n        {runtimeControls ?? (\n          <>\n            <RuntimeModePicker\n              value={value}\n              onChange={onChange}\n              families={families}\n              models={models}\n            />\n            <div className=\"grid gap-density-2 sm:grid-cols-2\">\n              <SpecField label=\"Model\">\n                <div className=\"flex min-w-0 items-center gap-density-2\">\n                  {familyModels.length > 0 ? (\n                    <ModelSelector\n                      models={familyModels}\n                      value={value.model}\n                      onChange={(model) =>\n                        onChange(\n                          reconcileModelCapabilities(\n                            value,\n                            models.find((item) => item.id === model),\n                            reasoningEfforts,\n                          ),\n                        )\n                      }\n                      size=\"md\"\n                      className=\"w-full\"\n                    />\n                  ) : (\n                    <SpecInput\n                      value={value.model}\n                      onChange={(model) => onChange(withRoot(value, { model }))}\n                      placeholder=\"frontmatter/default\"\n                      mono\n                    />\n                  )}\n                  {value.model && (\n                    <Button\n                      size=\"sm\"\n                      variant=\"ghost\"\n                      onClick={() =>\n                        onChange(withOptionalRoot(value, \"model\", undefined))\n                      }\n                    >\n                      Default\n                    </Button>\n                  )}\n                </div>\n              </SpecField>\n              {showEffort && (\n                <SpecField label=\"Effort\">\n                  <EffortSelector\n                    efforts={modelEfforts}\n                    value={value.effort ?? \"\"}\n                    onChange={(effort) => onChange(withRoot(value, { effort }))}\n                    size=\"md\"\n                    className=\"w-full\"\n                  />\n                </SpecField>\n              )}\n            </div>\n          </>\n        )}\n        {children}\n        <div>\n          <Button size=\"sm\" variant=\"outline\" onClick={() => setSpecOpen(true)}>\n            <Icon icon={UiGearSix} className=\"size-4\" />\n            {editSpecLabel}\n          </Button>\n        </div>\n      </Block>\n\n      {onVariablesChange && (\n        <Block title=\"Variables\">\n          <VariablesField\n            {...(variablesSchema ? { schema: variablesSchema } : {})}\n            value={variables ?? {}}\n            onChange={onVariablesChange}\n            {...(onVariablesValidityChange\n              ? { onValidityChange: onVariablesValidityChange }\n              : {})}\n          />\n        </Block>\n      )}\n\n      <Block title={promptLabel}>\n        {promptEditor ?? (\n          <textarea\n            value={value.prompt?.user ?? \"\"}\n            onChange={(event) =>\n              onChange(withPrompt(value, { user: event.target.value }))\n            }\n            spellCheck={false}\n            placeholder={promptPlaceholder}\n            aria-label={promptLabel}\n            className=\"min-h-[7rem] w-full resize-y rounded-md border border-border bg-background px-density-2 py-density-1 text-sm outline-none focus:ring-2 focus:ring-ring\"\n          />\n        )}\n        {enableAttachments && (\n          <div className=\"space-y-density-2\">\n            <AttachmentList\n              files={attachmentFiles}\n              onRemove={(index) =>\n                onChange(\n                  withPrompt(value, {\n                    attachments: (value.prompt?.attachments ?? []).filter(\n                      (_, itemIndex) => itemIndex !== index,\n                    ),\n                  }),\n                )\n              }\n            />\n            <AttachmentButton\n              files={attachmentFiles}\n              upload={resolvedAttachmentUpload}\n              onAdd={(parts) =>\n                onChange(\n                  withPrompt(value, {\n                    attachments: [\n                      ...(value.prompt?.attachments ?? []),\n                      ...parts.map((part) => {\n                        const uploaded = part as AttachmentFilePart;\n                        return {\n                          id: uploaded.attachmentId,\n                          mediaType: uploaded.mediaType,\n                          size: uploaded.size,\n                          ...(uploaded.filename\n                            ? { filename: uploaded.filename }\n                            : {}),\n                        };\n                      }),\n                    ],\n                  }),\n                )\n              }\n              {...(selectedModel?.inputMediaTypes\n                ? { acceptedMediaTypes: selectedModel.inputMediaTypes }\n                : {})}\n              {...(attachmentLimits ? { limits: attachmentLimits } : {})}\n            />\n          </div>\n        )}\n      </Block>\n\n      {footer}\n\n      <Modal\n        open={specOpen}\n        onClose={() => setSpecOpen(false)}\n        title={specModalTitle}\n        size=\"full\"\n        closeOnEsc\n        className=\"h-[95vh]\"\n      >\n        <SpecRuntimeEditor\n          value={value}\n          onChange={onChange}\n          models={models}\n          families={families}\n          tools={tools}\n          {...(permissionCatalog ? { permissionCatalog } : {})}\n          {...(secretSelector ? { secretSelector } : {})}\n          {...(cliOptions ? { cliOptions } : {})}\n          {...(specSections ? { sections: specSections } : {})}\n          onSave={() => setSpecOpen(false)}\n          onCancel={() => setSpecOpen(false)}\n          saveLabel=\"Done\"\n          footerStatus={labelForBackend(value.backend, families)}\n        />\n      </Modal>\n    </div>\n  );\n}\n\nfunction Block({ title, children }: { title: string; children: ReactNode }) {\n  return (\n    <section className=\"space-y-density-2\">\n      <div className=\"text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n        {title}\n      </div>\n      {children}\n    </section>\n  );\n}\n\n// Variables are edited via the prompt's declared schema when present, otherwise\n// as a raw JSON object; the raw text is held locally and only committed to the\n// host when it parses to an object.\nfunction VariablesField({\n  schema,\n  value,\n  onChange,\n  onValidityChange,\n}: {\n  schema?: JsonSchemaObject | undefined;\n  value: Record<string, unknown>;\n  onChange: (next: Record<string, unknown>) => void;\n  onValidityChange?: ((valid: boolean) => void) | undefined;\n}) {\n  const idPrefix = useId();\n  const [rawText, setRawText] = useState(() => stringifyVariables(value));\n  const [rawError, setRawError] = useState<string | null>(null);\n\n  if (schema) {\n    return (\n      <JsonSchemaForm\n        idPrefix={`prompt-vars-${idPrefix}`}\n        schema={schema}\n        value={value}\n        onChange={(next) => onChange(next as Record<string, unknown>)}\n        size=\"sm\"\n      />\n    );\n  }\n\n  const commit = (text: string) => {\n    setRawText(text);\n    if (!text.trim()) {\n      setRawError(null);\n      onValidityChange?.(true);\n      onChange({});\n      return;\n    }\n    try {\n      const parsed = JSON.parse(text);\n      if (parsed && typeof parsed === \"object\" && !Array.isArray(parsed)) {\n        setRawError(null);\n        onValidityChange?.(true);\n        onChange(parsed as Record<string, unknown>);\n      } else {\n        setRawError(\"Expected a JSON object\");\n        onValidityChange?.(false);\n      }\n    } catch (error) {\n      setRawError(error instanceof Error ? error.message : \"Invalid JSON\");\n      onValidityChange?.(false);\n    }\n  };\n\n  return (\n    <div className=\"space-y-1\">\n      <textarea\n        value={rawText}\n        onChange={(event) => commit(event.target.value)}\n        spellCheck={false}\n        placeholder=\"{}\"\n        aria-label=\"Variables JSON\"\n        className=\"h-28 w-full resize-y rounded-md border border-border bg-background px-density-2 py-density-1 font-mono text-xs outline-none focus:ring-2 focus:ring-ring\"\n      />\n      {rawError && <div className=\"text-xs text-destructive\">{rawError}</div>}\n    </div>\n  );\n}\n\nfunction stringifyVariables(value: Record<string, unknown>) {\n  if (!value || Object.keys(value).length === 0) return \"{}\";\n  return JSON.stringify(value, null, 2);\n}\n"],"names":["_a"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/data/ai/PromptRunEditor/index.tsx"],"sourcesContent":["import { useId, useMemo, useState, type ReactNode } from \"react\";\nimport { Button } from \"../../../components/button\";\nimport { JsonSchemaForm } from \"../../../components/JsonSchemaForm\";\nimport type { JsonSchemaObject } from \"../../../components/json-schema-form-types\";\nimport { UiAdd, UiGearSix, UiTrash } from \"../../../icons\";\nimport { cn } from \"../../../lib/utils\";\nimport { Modal } from \"../../../overlay/Modal\";\nimport { Icon } from \"../../Icon\";\nimport { DEFAULT_REASONING_EFFORTS } from \"../../chat/effort-icons\";\nimport {\n  AttachmentButton,\n  AttachmentList,\n} from \"../../chat/Attachment\";\nimport {\n  createAttachmentUploadAdapter,\n  type AttachmentFilePart,\n  type AttachmentLimits,\n  type AttachmentUploadAdapter,\n} from \"../../chat/attachment-upload\";\nimport type { ChatModel, ToolMeta } from \"../../chat/types\";\nimport type { FileUIPart } from \"../../chat/types\";\nimport { RuntimeBar } from \"../../runtime/RuntimeBar\";\nimport {\n  SPEC_RUNTIME_FAMILIES,\n  type SpecRuntimeFamily,\n  labelForBackend,\n} from \"../../runtime/runtime-mode\";\nimport { SpecRuntimeEditor } from \"../SpecRuntimeEditor\";\nimport type { SpecRuntimeCLIOptions } from \"../SpecRuntimeEditor/CLIArgsSection\";\nimport type {\n  SpecRuntimeSecretSelectorConfig,\n  SpecSectionId,\n} from \"../SpecRuntimeEditor/types\";\nimport { withPrompt } from \"../SpecRuntimeEditor/update\";\nimport type { AISpecRuntimePermissionCatalog } from \"../SpecRuntimeEditor.model\";\nimport {\n  runtimeRows,\n  withRuntimeRows,\n  type AIPromptRunValue,\n} from \"./model\";\n\nexport type PromptRunEditorProps = {\n  value: AIPromptRunValue;\n  onChange: (value: AIPromptRunValue) => void;\n  models?: ChatModel[] | undefined;\n  families?: SpecRuntimeFamily[] | undefined;\n  tools?: ToolMeta[] | undefined;\n  permissionCatalog?: AISpecRuntimePermissionCatalog | undefined;\n  secretSelector?: SpecRuntimeSecretSelectorConfig | undefined;\n  cliOptions?: SpecRuntimeCLIOptions | undefined;\n  reasoningEfforts?: string[] | undefined;\n\n  /** Schema-driven variables form; omit to render a raw-JSON editor. */\n  variablesSchema?: JsonSchemaObject | undefined;\n  /** Fires false while raw-JSON variables fail to parse; always true with a schema. */\n  onVariablesValidityChange?: ((valid: boolean) => void) | undefined;\n\n  /** Host-supplied editor for the `prompt.user` override; defaults to a textarea. */\n  promptEditor?: ReactNode | undefined;\n  promptLabel?: string | undefined;\n  promptPlaceholder?: string | undefined;\n  enableAttachments?: boolean | undefined;\n  attachmentUpload?: AttachmentUploadAdapter | undefined;\n  attachmentLimits?: AttachmentLimits | undefined;\n\n  /** Extra fields injected inside the Runtime block, below Model/Effort. */\n  children?: ReactNode | undefined;\n  header?: ReactNode | undefined;\n  footer?: ReactNode | undefined;\n  className?: string | undefined;\n\n  editSpecLabel?: string | undefined;\n  specModalTitle?: string | undefined;\n  /** Restrict which SpecRuntimeEditor sections the \"Edit spec\" modal shows. */\n  specSections?: readonly SpecSectionId[] | undefined;\n};\n\n// The inline \"prompt + variables + runtime\" composer shared by captain's prompt\n// workbench and gavel's todo run dialog. It edits Captain's complete prompt-run\n// request without making hosts project that contract into editor-specific state.\n// Hosts should mount it with a `key` per prompt/todo so internal draft state\n// (raw-JSON text, modal open) resets on selection change.\nexport function PromptRunEditor({\n  value,\n  onChange,\n  models = [],\n  families = SPEC_RUNTIME_FAMILIES,\n  tools = [],\n  permissionCatalog,\n  secretSelector,\n  cliOptions,\n  reasoningEfforts = DEFAULT_REASONING_EFFORTS,\n  variablesSchema,\n  onVariablesValidityChange,\n  promptEditor,\n  promptLabel = \"User prompt\",\n  promptPlaceholder = \"Override the rendered user prompt\",\n  enableAttachments = false,\n  attachmentUpload,\n  attachmentLimits,\n  children,\n  header,\n  footer,\n  className,\n  editSpecLabel = \"Edit spec\",\n  specModalTitle = \"Runtime spec\",\n  specSections,\n}: PromptRunEditorProps) {\n  const [specOpen, setSpecOpen] = useState(false);\n  const spec = value.spec ?? {};\n  const rows = runtimeRows(value);\n  const selectedModel = models.find(\n    (model) => model.id === spec.id || model.id === spec.model,\n  );\n  const resolvedAttachmentUpload = useMemo(\n    () => attachmentUpload ?? createAttachmentUploadAdapter(),\n    [attachmentUpload],\n  );\n  const attachmentFiles: FileUIPart[] = (spec.prompt?.attachments ?? []).map(\n    (attachment) => ({\n      type: \"file\",\n      url: attachment.id\n        ? `/api/attachments/${attachment.id}`\n        : (attachment.url ?? \"\"),\n      mediaType: attachment.mediaType ?? \"application/octet-stream\",\n      ...(attachment.id ? { attachmentId: attachment.id } : {}),\n      ...(attachment.size != null ? { size: attachment.size } : {}),\n      ...(attachment.filename ? { filename: attachment.filename } : {}),\n      ...(!attachment.filename && attachment.path\n        ? { filename: attachment.path }\n        : {}),\n    }),\n  ) as FileUIPart[];\n\n  return (\n    <div className={cn(\"grid gap-density-4\", className)}>\n      {header}\n\n      <Block title=\"Runtime\">\n        <div className=\"grid gap-density-2\">\n          {rows.map((runtime, index) => (\n            <div\n              key={index}\n              role=\"group\"\n              aria-label={`Runtime ${index + 1}`}\n              className=\"flex min-w-0 items-center gap-density-2\"\n            >\n              <RuntimeBar\n                value={runtime}\n                onChange={(next) =>\n                  onChange(\n                    withRuntimeRows(\n                      value,\n                      rows.map((item, itemIndex) =>\n                        itemIndex === index ? next : item,\n                      ),\n                    ),\n                  )\n                }\n                models={models}\n                families={families}\n                reasoningEfforts={reasoningEfforts}\n                ariaLabel={`Runtime ${index + 1} controls`}\n              />\n              {rows.length > 1 && (\n                <Button\n                  size=\"sm\"\n                  variant=\"ghost\"\n                  aria-label={`Remove runtime ${index + 1}`}\n                  onClick={() =>\n                    onChange(\n                      withRuntimeRows(\n                        value,\n                        rows.filter((_, itemIndex) => itemIndex !== index),\n                      ),\n                    )\n                  }\n                >\n                  <Icon icon={UiTrash} className=\"size-4\" />\n                </Button>\n              )}\n            </div>\n          ))}\n          <div className=\"flex flex-wrap items-center gap-density-2\">\n            <Button\n              size=\"sm\"\n              variant=\"outline\"\n              aria-label=\"Add runtime\"\n              onClick={() =>\n                onChange(\n                  withRuntimeRows(value, [\n                    ...rows,\n                    rows[0]?.backend ? { backend: rows[0].backend } : {},\n                  ]),\n                )\n              }\n            >\n              <Icon icon={UiAdd} className=\"size-4\" />\n              Add runtime\n            </Button>\n            <Button size=\"sm\" variant=\"outline\" onClick={() => setSpecOpen(true)}>\n              <Icon icon={UiGearSix} className=\"size-4\" />\n              {editSpecLabel}\n            </Button>\n          </div>\n        </div>\n        {children}\n      </Block>\n\n      <Block title=\"Variables\">\n        <VariablesField\n          {...(variablesSchema ? { schema: variablesSchema } : {})}\n          value={value.variables ?? {}}\n          onChange={(variables) => onChange({ ...value, variables })}\n          {...(onVariablesValidityChange\n            ? { onValidityChange: onVariablesValidityChange }\n            : {})}\n        />\n      </Block>\n\n      <Block title={promptLabel}>\n        {promptEditor ?? (\n          <textarea\n            value={spec.prompt?.user ?? \"\"}\n            onChange={(event) =>\n              onChange({\n                ...value,\n                spec: withPrompt(spec, { user: event.target.value }),\n              })\n            }\n            spellCheck={false}\n            placeholder={promptPlaceholder}\n            aria-label={promptLabel}\n            className=\"min-h-[7rem] w-full resize-y rounded-md border border-border bg-background px-density-2 py-density-1 text-sm outline-none focus:ring-2 focus:ring-ring\"\n          />\n        )}\n        {enableAttachments && (\n          <div className=\"space-y-density-2\">\n            <AttachmentList\n              files={attachmentFiles}\n              onRemove={(index) =>\n                onChange({\n                  ...value,\n                  spec: withPrompt(spec, {\n                    attachments: (spec.prompt?.attachments ?? []).filter(\n                      (_, itemIndex) => itemIndex !== index,\n                    ),\n                  }),\n                })\n              }\n            />\n            <AttachmentButton\n              files={attachmentFiles}\n              upload={resolvedAttachmentUpload}\n              onAdd={(parts) =>\n                onChange({\n                  ...value,\n                  spec: withPrompt(spec, {\n                    attachments: [\n                      ...(spec.prompt?.attachments ?? []),\n                      ...parts.map((part) => {\n                        const uploaded = part as AttachmentFilePart;\n                        return {\n                          id: uploaded.attachmentId,\n                          mediaType: uploaded.mediaType,\n                          size: uploaded.size,\n                          ...(uploaded.filename\n                            ? { filename: uploaded.filename }\n                            : {}),\n                        };\n                      }),\n                    ],\n                  }),\n                })\n              }\n              {...(selectedModel?.inputMediaTypes\n                ? { acceptedMediaTypes: selectedModel.inputMediaTypes }\n                : {})}\n              {...(attachmentLimits ? { limits: attachmentLimits } : {})}\n            />\n          </div>\n        )}\n      </Block>\n\n      {footer}\n\n      <Modal\n        open={specOpen}\n        onClose={() => setSpecOpen(false)}\n        title={specModalTitle}\n        size=\"full\"\n        closeOnEsc\n        className=\"h-[95vh]\"\n      >\n        <SpecRuntimeEditor\n          value={spec}\n          onChange={(next) => onChange({ ...value, spec: next })}\n          models={models}\n          families={families}\n          tools={tools}\n          {...(permissionCatalog ? { permissionCatalog } : {})}\n          {...(secretSelector ? { secretSelector } : {})}\n          {...(cliOptions ? { cliOptions } : {})}\n          {...(specSections ? { sections: specSections } : {})}\n          onSave={() => setSpecOpen(false)}\n          onCancel={() => setSpecOpen(false)}\n          saveLabel=\"Done\"\n          footerStatus={labelForBackend(spec.backend, families)}\n        />\n      </Modal>\n    </div>\n  );\n}\n\nfunction Block({ title, children }: { title: string; children: ReactNode }) {\n  return (\n    <section className=\"space-y-density-2\">\n      <div className=\"text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n        {title}\n      </div>\n      {children}\n    </section>\n  );\n}\n\n// Variables are edited via the prompt's declared schema when present, otherwise\n// as a raw JSON object; the raw text is held locally and only committed to the\n// host when it parses to an object.\nfunction VariablesField({\n  schema,\n  value,\n  onChange,\n  onValidityChange,\n}: {\n  schema?: JsonSchemaObject | undefined;\n  value: Record<string, unknown>;\n  onChange: (next: Record<string, unknown>) => void;\n  onValidityChange?: ((valid: boolean) => void) | undefined;\n}) {\n  const idPrefix = useId();\n  const [rawText, setRawText] = useState(() => stringifyVariables(value));\n  const [rawError, setRawError] = useState<string | null>(null);\n\n  if (schema) {\n    return (\n      <JsonSchemaForm\n        idPrefix={`prompt-vars-${idPrefix}`}\n        schema={schema}\n        value={value}\n        onChange={(next) => onChange(next as Record<string, unknown>)}\n        size=\"sm\"\n      />\n    );\n  }\n\n  const commit = (text: string) => {\n    setRawText(text);\n    if (!text.trim()) {\n      setRawError(null);\n      onValidityChange?.(true);\n      onChange({});\n      return;\n    }\n    try {\n      const parsed = JSON.parse(text);\n      if (parsed && typeof parsed === \"object\" && !Array.isArray(parsed)) {\n        setRawError(null);\n        onValidityChange?.(true);\n        onChange(parsed as Record<string, unknown>);\n      } else {\n        setRawError(\"Expected a JSON object\");\n        onValidityChange?.(false);\n      }\n    } catch (error) {\n      setRawError(error instanceof Error ? error.message : \"Invalid JSON\");\n      onValidityChange?.(false);\n    }\n  };\n\n  return (\n    <div className=\"space-y-1\">\n      <textarea\n        value={rawText}\n        onChange={(event) => commit(event.target.value)}\n        spellCheck={false}\n        placeholder=\"{}\"\n        aria-label=\"Variables JSON\"\n        className=\"h-28 w-full resize-y rounded-md border border-border bg-background px-density-2 py-density-1 font-mono text-xs outline-none focus:ring-2 focus:ring-ring\"\n      />\n      {rawError && <div className=\"text-xs text-destructive\">{rawError}</div>}\n    </div>\n  );\n}\n\nfunction stringifyVariables(value: Record<string, unknown>) {\n  if (!value || Object.keys(value).length === 0) return \"{}\";\n  return JSON.stringify(value, null, 2);\n}\n"],"names":["_a"],"mappings":"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"}

package/dist/data/ai/PromptRunEditor/model.cjs

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const MODEL_KEYS = [
+  "model",
+  "id",
+  "backend",
+  "temperature",
+  "effort",
+  "noCache",
+  "fallbacks"
+];
+function runtimeModelFromSpec(spec) {
+  if (!spec) return {};
+  const model = {};
+  for (const key of MODEL_KEYS) {
+    const value = spec[key];
+    if (value !== void 0) {
+      Object.assign(model, { [key]: value });
+    }
+  }
+  return model;
+}
+function runtimeRows(value) {
+  var _a;
+  return ((_a = value.runtimes) == null ? void 0 : _a.length) ? value.runtimes : [runtimeModelFromSpec(value.spec)];
+}
+function withRuntimeRows(value, rows) {
+  const first = rows[0] ?? {};
+  const spec = withRuntimeModel(value.spec ?? {}, first);
+  if (rows.length <= 1) {
+    const next = { ...value, spec };
+    delete next.runtimes;
+    return next;
+  }
+  return { ...value, spec, runtimes: rows };
+}
+function withRuntimeModel(spec, model) {
+  const next = { ...spec };
+  for (const key of MODEL_KEYS) {
+    delete next[key];
+  }
+  return { ...next, ...model };
+}
+exports.runtimeModelFromSpec = runtimeModelFromSpec;
+exports.runtimeRows = runtimeRows;
+exports.withRuntimeRows = withRuntimeRows;
+//# sourceMappingURL=model.cjs.map

package/dist/data/ai/PromptRunEditor/model.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.cjs","sources":["../../../../src/data/ai/PromptRunEditor/model.ts"],"sourcesContent":["import type { AISpecRuntimeValue } from \"../SpecRuntimeEditor.model\";\n\nexport type AIPromptRunSpec = AISpecRuntimeValue & {\n  messages?: unknown[];\n  toolPreferences?: unknown;\n  toolApproval?: unknown;\n};\n\nexport type AISpecRuntimeModel = Pick<\n  AISpecRuntimeValue,\n  | \"model\"\n  | \"id\"\n  | \"backend\"\n  | \"temperature\"\n  | \"effort\"\n  | \"noCache\"\n  | \"fallbacks\"\n>;\n\nexport type AIPromptRunValue = {\n  variables?: Record<string, unknown>;\n  spec?: AIPromptRunSpec;\n  runtimes?: AISpecRuntimeModel[];\n  chat?: boolean;\n};\n\nconst MODEL_KEYS = [\n  \"model\",\n  \"id\",\n  \"backend\",\n  \"temperature\",\n  \"effort\",\n  \"noCache\",\n  \"fallbacks\",\n] as const satisfies readonly (keyof AISpecRuntimeModel)[];\n\nexport function runtimeModelFromSpec(\n  spec: AIPromptRunSpec | undefined,\n): AISpecRuntimeModel {\n  if (!spec) return {};\n  const model: AISpecRuntimeModel = {};\n  for (const key of MODEL_KEYS) {\n    const value = spec[key];\n    if (value !== undefined) {\n      Object.assign(model, { [key]: value });\n    }\n  }\n  return model;\n}\n\nexport function runtimeRows(value: AIPromptRunValue): AISpecRuntimeModel[] {\n  return value.runtimes?.length\n    ? value.runtimes\n    : [runtimeModelFromSpec(value.spec)];\n}\n\nexport function withRuntimeRows(\n  value: AIPromptRunValue,\n  rows: AISpecRuntimeModel[],\n): AIPromptRunValue {\n  const first = rows[0] ?? {};\n  const spec = withRuntimeModel(value.spec ?? {}, first);\n  if (rows.length <= 1) {\n    const next = { ...value, spec };\n    delete next.runtimes;\n    return next;\n  }\n  return { ...value, spec, runtimes: rows };\n}\n\nfunction withRuntimeModel(\n  spec: AIPromptRunSpec,\n  model: AISpecRuntimeModel,\n): AIPromptRunSpec {\n  const next = { ...spec };\n  for (const key of MODEL_KEYS) {\n    delete next[key];\n  }\n  return { ...next, ...model };\n}\n"],"names":[],"mappings":";;AA0BA,MAAM,aAAa;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,SAAS,qBACd,MACoB;AACpB,MAAI,CAAC,KAAM,QAAO,CAAA;AAClB,QAAM,QAA4B,CAAA;AAClC,aAAW,OAAO,YAAY;AAC5B,UAAM,QAAQ,KAAK,GAAG;AACtB,QAAI,UAAU,QAAW;AACvB,aAAO,OAAO,OAAO,EAAE,CAAC,GAAG,GAAG,OAAO;AAAA,IACvC;AAAA,EACF;AACA,SAAO;AACT;AAEO,SAAS,YAAY,OAA+C;;AACzE,WAAO,WAAM,aAAN,mBAAgB,UACnB,MAAM,WACN,CAAC,qBAAqB,MAAM,IAAI,CAAC;AACvC;AAEO,SAAS,gBACd,OACA,MACkB;AAClB,QAAM,QAAQ,KAAK,CAAC,KAAK,CAAA;AACzB,QAAM,OAAO,iBAAiB,MAAM,QAAQ,CAAA,GAAI,KAAK;AACrD,MAAI,KAAK,UAAU,GAAG;AACpB,UAAM,OAAO,EAAE,GAAG,OAAO,KAAA;AACzB,WAAO,KAAK;AACZ,WAAO;AAAA,EACT;AACA,SAAO,EAAE,GAAG,OAAO,MAAM,UAAU,KAAA;AACrC;AAEA,SAAS,iBACP,MACA,OACiB;AACjB,QAAM,OAAO,EAAE,GAAG,KAAA;AAClB,aAAW,OAAO,YAAY;AAC5B,WAAO,KAAK,GAAG;AAAA,EACjB;AACA,SAAO,EAAE,GAAG,MAAM,GAAG,MAAA;AACvB;;;;"}

package/dist/data/ai/PromptRunEditor/model.d.ts

@@ -0,0 +1,17 @@
+import { AISpecRuntimeValue } from '../SpecRuntimeEditor.model';
+export type AIPromptRunSpec = AISpecRuntimeValue & {
+    messages?: unknown[];
+    toolPreferences?: unknown;
+    toolApproval?: unknown;
+};
+export type AISpecRuntimeModel = Pick<AISpecRuntimeValue, "model" | "id" | "backend" | "temperature" | "effort" | "noCache" | "fallbacks">;
+export type AIPromptRunValue = {
+    variables?: Record<string, unknown>;
+    spec?: AIPromptRunSpec;
+    runtimes?: AISpecRuntimeModel[];
+    chat?: boolean;
+};
+export declare function runtimeModelFromSpec(spec: AIPromptRunSpec | undefined): AISpecRuntimeModel;
+export declare function runtimeRows(value: AIPromptRunValue): AISpecRuntimeModel[];
+export declare function withRuntimeRows(value: AIPromptRunValue, rows: AISpecRuntimeModel[]): AIPromptRunValue;
+//# sourceMappingURL=model.d.ts.map

package/dist/data/ai/PromptRunEditor/model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../../../src/data/ai/PromptRunEditor/model.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAErE,MAAM,MAAM,eAAe,GAAG,kBAAkB,GAAG;IACjD,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,kBAAkB,EAChB,OAAO,GACP,IAAI,GACJ,SAAS,GACT,aAAa,GACb,QAAQ,GACR,SAAS,GACT,WAAW,CACd,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,QAAQ,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAChC,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAYF,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,eAAe,GAAG,SAAS,GAChC,kBAAkB,CAUpB;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,kBAAkB,EAAE,CAIzE;AAED,wBAAgB,eAAe,CAC7B,KAAK,EAAE,gBAAgB,EACvB,IAAI,EAAE,kBAAkB,EAAE,GACzB,gBAAgB,CASlB"}

package/dist/data/ai/PromptRunEditor/model.js

@@ -0,0 +1,47 @@
+const MODEL_KEYS = [
+  "model",
+  "id",
+  "backend",
+  "temperature",
+  "effort",
+  "noCache",
+  "fallbacks"
+];
+function runtimeModelFromSpec(spec) {
+  if (!spec) return {};
+  const model = {};
+  for (const key of MODEL_KEYS) {
+    const value = spec[key];
+    if (value !== void 0) {
+      Object.assign(model, { [key]: value });
+    }
+  }
+  return model;
+}
+function runtimeRows(value) {
+  var _a;
+  return ((_a = value.runtimes) == null ? void 0 : _a.length) ? value.runtimes : [runtimeModelFromSpec(value.spec)];
+}
+function withRuntimeRows(value, rows) {
+  const first = rows[0] ?? {};
+  const spec = withRuntimeModel(value.spec ?? {}, first);
+  if (rows.length <= 1) {
+    const next = { ...value, spec };
+    delete next.runtimes;
+    return next;
+  }
+  return { ...value, spec, runtimes: rows };
+}
+function withRuntimeModel(spec, model) {
+  const next = { ...spec };
+  for (const key of MODEL_KEYS) {
+    delete next[key];
+  }
+  return { ...next, ...model };
+}
+export {
+  runtimeModelFromSpec,
+  runtimeRows,
+  withRuntimeRows
+};
+//# sourceMappingURL=model.js.map

package/dist/data/ai/PromptRunEditor/model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.js","sources":["../../../../src/data/ai/PromptRunEditor/model.ts"],"sourcesContent":["import type { AISpecRuntimeValue } from \"../SpecRuntimeEditor.model\";\n\nexport type AIPromptRunSpec = AISpecRuntimeValue & {\n  messages?: unknown[];\n  toolPreferences?: unknown;\n  toolApproval?: unknown;\n};\n\nexport type AISpecRuntimeModel = Pick<\n  AISpecRuntimeValue,\n  | \"model\"\n  | \"id\"\n  | \"backend\"\n  | \"temperature\"\n  | \"effort\"\n  | \"noCache\"\n  | \"fallbacks\"\n>;\n\nexport type AIPromptRunValue = {\n  variables?: Record<string, unknown>;\n  spec?: AIPromptRunSpec;\n  runtimes?: AISpecRuntimeModel[];\n  chat?: boolean;\n};\n\nconst MODEL_KEYS = [\n  \"model\",\n  \"id\",\n  \"backend\",\n  \"temperature\",\n  \"effort\",\n  \"noCache\",\n  \"fallbacks\",\n] as const satisfies readonly (keyof AISpecRuntimeModel)[];\n\nexport function runtimeModelFromSpec(\n  spec: AIPromptRunSpec | undefined,\n): AISpecRuntimeModel {\n  if (!spec) return {};\n  const model: AISpecRuntimeModel = {};\n  for (const key of MODEL_KEYS) {\n    const value = spec[key];\n    if (value !== undefined) {\n      Object.assign(model, { [key]: value });\n    }\n  }\n  return model;\n}\n\nexport function runtimeRows(value: AIPromptRunValue): AISpecRuntimeModel[] {\n  return value.runtimes?.length\n    ? value.runtimes\n    : [runtimeModelFromSpec(value.spec)];\n}\n\nexport function withRuntimeRows(\n  value: AIPromptRunValue,\n  rows: AISpecRuntimeModel[],\n): AIPromptRunValue {\n  const first = rows[0] ?? {};\n  const spec = withRuntimeModel(value.spec ?? {}, first);\n  if (rows.length <= 1) {\n    const next = { ...value, spec };\n    delete next.runtimes;\n    return next;\n  }\n  return { ...value, spec, runtimes: rows };\n}\n\nfunction withRuntimeModel(\n  spec: AIPromptRunSpec,\n  model: AISpecRuntimeModel,\n): AIPromptRunSpec {\n  const next = { ...spec };\n  for (const key of MODEL_KEYS) {\n    delete next[key];\n  }\n  return { ...next, ...model };\n}\n"],"names":[],"mappings":"AA0BA,MAAM,aAAa;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,SAAS,qBACd,MACoB;AACpB,MAAI,CAAC,KAAM,QAAO,CAAA;AAClB,QAAM,QAA4B,CAAA;AAClC,aAAW,OAAO,YAAY;AAC5B,UAAM,QAAQ,KAAK,GAAG;AACtB,QAAI,UAAU,QAAW;AACvB,aAAO,OAAO,OAAO,EAAE,CAAC,GAAG,GAAG,OAAO;AAAA,IACvC;AAAA,EACF;AACA,SAAO;AACT;AAEO,SAAS,YAAY,OAA+C;AAxB3E;AAyBE,WAAO,WAAM,aAAN,mBAAgB,UACnB,MAAM,WACN,CAAC,qBAAqB,MAAM,IAAI,CAAC;AACvC;AAEO,SAAS,gBACd,OACA,MACkB;AAClB,QAAM,QAAQ,KAAK,CAAC,KAAK,CAAA;AACzB,QAAM,OAAO,iBAAiB,MAAM,QAAQ,CAAA,GAAI,KAAK;AACrD,MAAI,KAAK,UAAU,GAAG;AACpB,UAAM,OAAO,EAAE,GAAG,OAAO,KAAA;AACzB,WAAO,KAAK;AACZ,WAAO;AAAA,EACT;AACA,SAAO,EAAE,GAAG,OAAO,MAAM,UAAU,KAAA;AACrC;AAEA,SAAS,iBACP,MACA,OACiB;AACjB,QAAM,OAAO,EAAE,GAAG,KAAA;AAClB,aAAW,OAAO,YAAY;AAC5B,WAAO,KAAK,GAAG;AAAA,EACjB;AACA,SAAO,EAAE,GAAG,MAAM,GAAG,MAAA;AACvB;"}

package/dist/data/ai/RuntimeModePicker.cjs

@@ -5,7 +5,7 @@ const SegmentedControl = require("../../components/SegmentedControl.cjs");
 const providerIcons = require("../chat/provider-icons.cjs");
 const fields = require("./SpecRuntimeEditor/fields.cjs");
 const update = require("./SpecRuntimeEditor/update.cjs");
-const runtimeMode = require("./runtime-mode.cjs");
+const runtimeMode = require("../runtime/runtime-mode.cjs");
 function RuntimeModePicker({
   value,
   onChange,

package/dist/data/ai/RuntimeModePicker.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RuntimeModePicker.cjs","sources":["../../../src/data/ai/RuntimeModePicker.tsx"],"sourcesContent":["import { SegmentedControl } from \"../../components/SegmentedControl\";\nimport { providerIcon } from \"../chat/provider-icons\";\nimport type { ChatModel } from \"../chat/types\";\nimport type { AISpecRuntimeValue } from \"./SpecRuntimeEditor.model\";\nimport { SpecField } from \"./SpecRuntimeEditor/fields\";\nimport { withOptionalRoot, withRoot } from \"./SpecRuntimeEditor/update\";\nimport {\n  SPEC_RUNTIME_FAMILIES,\n  type SpecRuntimeFamily,\n  backendForFamilyMode,\n  familyById,\n  firstMode,\n  modelBelongsToFamily,\n  selectionForBackend,\n} from \"./runtime-mode\";\n\nexport type RuntimeModePickerProps = {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n  families?: SpecRuntimeFamily[] | undefined;\n  /** Model catalog used to decide whether the current model survives a family switch. */\n  models?: ChatModel[] | undefined;\n};\n\n// The two-axis Family → Mode picker. Both segmented controls drive the single\n// `value.backend`; switching family drops a model that no longer belongs to the\n// new provider so the model picker never shows a stale cross-provider choice.\nexport function RuntimeModePicker({\n  value,\n  onChange,\n  families = SPEC_RUNTIME_FAMILIES,\n  models = [],\n}: RuntimeModePickerProps) {\n  const selection = selectionForBackend(families, value.backend);\n  const family = familyById(families, selection.family);\n\n  const applyBackend = (familyId: string, modeId: string) => {\n    const backend = backendForFamilyMode(families, familyId, modeId);\n    if (backend === (value.backend ?? \"\")) return;\n    const nextFamily = familyById(families, familyId);\n    // A backend switch invalidates the previous backend's cmux CLI-arg values.\n    let next = withOptionalRoot(withRoot(value, { backend }), \"cliArgs\", undefined);\n    if (!modelBelongsToFamily(value.model, models, nextFamily, backend)) {\n      next = withOptionalRoot(next, \"model\", undefined);\n    }\n    onChange(next);\n  };\n\n  return (\n    <div className=\"grid gap-density-2\">\n      <SpecField label=\"Family\">\n        <SegmentedControl\n          aria-label=\"Provider family\"\n          size=\"sm\"\n          wrap\n          value={family.id}\n          options={families.map((entry) => {\n            const icon = providerIcon(entry.id);\n            return { id: entry.id, label: entry.label, ...(icon ? { icon } : {}) };\n          })}\n          onChange={(familyId) => applyBackend(familyId, firstMode(familyById(families, familyId)).id)}\n        />\n      </SpecField>\n      <SpecField label=\"Mode\" hint=\"runtime\">\n        <SegmentedControl\n          aria-label=\"Runtime mode\"\n          size=\"sm\"\n          wrap\n          value={selection.mode}\n          options={family.modes.map((mode) => ({\n            id: mode.id,\n            label: mode.label,\n            ...(mode.icon ? { icon: mode.icon } : {}),\n            ...(mode.title ? { title: mode.title } : {}),\n          }))}\n          onChange={(modeId) => applyBackend(family.id, modeId)}\n        />\n      </SpecField>\n    </div>\n  );\n}\n"],"names":["SPEC_RUNTIME_FAMILIES","selectionForBackend","familyById","backendForFamilyMode","withOptionalRoot","withRoot","modelBelongsToFamily","jsxs","jsx","SpecField","SegmentedControl","providerIcon","firstMode"],"mappings":";;;;;;;;AA2BO,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA,WAAWA,YAAAA;AAAAA,EACX,SAAS,CAAA;AACX,GAA2B;AACzB,QAAM,YAAYC,YAAAA,oBAAoB,UAAU,MAAM,OAAO;AAC7D,QAAM,SAASC,YAAAA,WAAW,UAAU,UAAU,MAAM;AAEpD,QAAM,eAAe,CAAC,UAAkB,WAAmB;AACzD,UAAM,UAAUC,YAAAA,qBAAqB,UAAU,UAAU,MAAM;AAC/D,QAAI,aAAa,MAAM,WAAW,IAAK;AACvC,UAAM,aAAaD,YAAAA,WAAW,UAAU,QAAQ;AAEhD,QAAI,OAAOE,OAAAA,iBAAiBC,gBAAS,OAAO,EAAE,QAAA,CAAS,GAAG,WAAW,MAAS;AAC9E,QAAI,CAACC,YAAAA,qBAAqB,MAAM,OAAO,QAAQ,YAAY,OAAO,GAAG;AACnE,aAAOF,OAAAA,iBAAiB,MAAM,SAAS,MAAS;AAAA,IAClD;AACA,aAAS,IAAI;AAAA,EACf;AAEA,SACEG,2BAAAA,KAAC,OAAA,EAAI,WAAU,sBACb,UAAA;AAAA,IAAAC,2BAAAA,IAACC,OAAAA,WAAA,EAAU,OAAM,UACf,UAAAD,2BAAAA;AAAAA,MAACE,iBAAAA;AAAAA,MAAA;AAAA,QACC,cAAW;AAAA,QACX,MAAK;AAAA,QACL,MAAI;AAAA,QACJ,OAAO,OAAO;AAAA,QACd,SAAS,SAAS,IAAI,CAAC,UAAU;AAC/B,gBAAM,OAAOC,cAAAA,aAAa,MAAM,EAAE;AAClC,iBAAO,EAAE,IAAI,MAAM,IAAI,OAAO,MAAM,OAAO,GAAI,OAAO,EAAE,KAAA,IAAS,CAAA,EAAC;AAAA,QACpE,CAAC;AAAA,QACD,UAAU,CAAC,aAAa,aAAa,UAAUC,sBAAUV,YAAAA,WAAW,UAAU,QAAQ,CAAC,EAAE,EAAE;AAAA,MAAA;AAAA,IAAA,GAE/F;AAAA,IACAM,2BAAAA,IAACC,OAAAA,WAAA,EAAU,OAAM,QAAO,MAAK,WAC3B,UAAAD,2BAAAA;AAAAA,MAACE,iBAAAA;AAAAA,MAAA;AAAA,QACC,cAAW;AAAA,QACX,MAAK;AAAA,QACL,MAAI;AAAA,QACJ,OAAO,UAAU;AAAA,QACjB,SAAS,OAAO,MAAM,IAAI,CAAC,UAAU;AAAA,UACnC,IAAI,KAAK;AAAA,UACT,OAAO,KAAK;AAAA,UACZ,GAAI,KAAK,OAAO,EAAE,MAAM,KAAK,KAAA,IAAS,CAAA;AAAA,UACtC,GAAI,KAAK,QAAQ,EAAE,OAAO,KAAK,MAAA,IAAU,CAAA;AAAA,QAAC,EAC1C;AAAA,QACF,UAAU,CAAC,WAAW,aAAa,OAAO,IAAI,MAAM;AAAA,MAAA;AAAA,IAAA,EACtD,CACF;AAAA,EAAA,GACF;AAEJ;;"}
+{"version":3,"file":"RuntimeModePicker.cjs","sources":["../../../src/data/ai/RuntimeModePicker.tsx"],"sourcesContent":["import { SegmentedControl } from \"../../components/SegmentedControl\";\nimport { providerIcon } from \"../chat/provider-icons\";\nimport type { ChatModel } from \"../chat/types\";\nimport type { AISpecRuntimeValue } from \"./SpecRuntimeEditor.model\";\nimport { SpecField } from \"./SpecRuntimeEditor/fields\";\nimport { withOptionalRoot, withRoot } from \"./SpecRuntimeEditor/update\";\nimport {\n  SPEC_RUNTIME_FAMILIES,\n  type SpecRuntimeFamily,\n  backendForFamilyMode,\n  familyById,\n  firstMode,\n  modelBelongsToFamily,\n  selectionForBackend,\n} from \"../runtime/runtime-mode\";\n\nexport type RuntimeModePickerProps = {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n  families?: SpecRuntimeFamily[] | undefined;\n  /** Model catalog used to decide whether the current model survives a family switch. */\n  models?: ChatModel[] | undefined;\n};\n\n// The two-axis Family → Mode picker. Both segmented controls drive the single\n// `value.backend`; switching family drops a model that no longer belongs to the\n// new provider so the model picker never shows a stale cross-provider choice.\nexport function RuntimeModePicker({\n  value,\n  onChange,\n  families = SPEC_RUNTIME_FAMILIES,\n  models = [],\n}: RuntimeModePickerProps) {\n  const selection = selectionForBackend(families, value.backend);\n  const family = familyById(families, selection.family);\n\n  const applyBackend = (familyId: string, modeId: string) => {\n    const backend = backendForFamilyMode(families, familyId, modeId);\n    if (backend === (value.backend ?? \"\")) return;\n    const nextFamily = familyById(families, familyId);\n    // A backend switch invalidates the previous backend's cmux CLI-arg values.\n    let next = withOptionalRoot(withRoot(value, { backend }), \"cliArgs\", undefined);\n    if (!modelBelongsToFamily(value.model, models, nextFamily, backend)) {\n      next = withOptionalRoot(next, \"model\", undefined);\n    }\n    onChange(next);\n  };\n\n  return (\n    <div className=\"grid gap-density-2\">\n      <SpecField label=\"Family\">\n        <SegmentedControl\n          aria-label=\"Provider family\"\n          size=\"sm\"\n          wrap\n          value={family.id}\n          options={families.map((entry) => {\n            const icon = providerIcon(entry.id);\n            return { id: entry.id, label: entry.label, ...(icon ? { icon } : {}) };\n          })}\n          onChange={(familyId) => applyBackend(familyId, firstMode(familyById(families, familyId)).id)}\n        />\n      </SpecField>\n      <SpecField label=\"Mode\" hint=\"runtime\">\n        <SegmentedControl\n          aria-label=\"Runtime mode\"\n          size=\"sm\"\n          wrap\n          value={selection.mode}\n          options={family.modes.map((mode) => ({\n            id: mode.id,\n            label: mode.label,\n            ...(mode.icon ? { icon: mode.icon } : {}),\n            ...(mode.title ? { title: mode.title } : {}),\n          }))}\n          onChange={(modeId) => applyBackend(family.id, modeId)}\n        />\n      </SpecField>\n    </div>\n  );\n}\n"],"names":["SPEC_RUNTIME_FAMILIES","selectionForBackend","familyById","backendForFamilyMode","withOptionalRoot","withRoot","modelBelongsToFamily","jsxs","jsx","SpecField","SegmentedControl","providerIcon","firstMode"],"mappings":";;;;;;;;AA2BO,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA,WAAWA,YAAAA;AAAAA,EACX,SAAS,CAAA;AACX,GAA2B;AACzB,QAAM,YAAYC,YAAAA,oBAAoB,UAAU,MAAM,OAAO;AAC7D,QAAM,SAASC,YAAAA,WAAW,UAAU,UAAU,MAAM;AAEpD,QAAM,eAAe,CAAC,UAAkB,WAAmB;AACzD,UAAM,UAAUC,YAAAA,qBAAqB,UAAU,UAAU,MAAM;AAC/D,QAAI,aAAa,MAAM,WAAW,IAAK;AACvC,UAAM,aAAaD,YAAAA,WAAW,UAAU,QAAQ;AAEhD,QAAI,OAAOE,OAAAA,iBAAiBC,gBAAS,OAAO,EAAE,QAAA,CAAS,GAAG,WAAW,MAAS;AAC9E,QAAI,CAACC,YAAAA,qBAAqB,MAAM,OAAO,QAAQ,YAAY,OAAO,GAAG;AACnE,aAAOF,OAAAA,iBAAiB,MAAM,SAAS,MAAS;AAAA,IAClD;AACA,aAAS,IAAI;AAAA,EACf;AAEA,SACEG,2BAAAA,KAAC,OAAA,EAAI,WAAU,sBACb,UAAA;AAAA,IAAAC,2BAAAA,IAACC,OAAAA,WAAA,EAAU,OAAM,UACf,UAAAD,2BAAAA;AAAAA,MAACE,iBAAAA;AAAAA,MAAA;AAAA,QACC,cAAW;AAAA,QACX,MAAK;AAAA,QACL,MAAI;AAAA,QACJ,OAAO,OAAO;AAAA,QACd,SAAS,SAAS,IAAI,CAAC,UAAU;AAC/B,gBAAM,OAAOC,cAAAA,aAAa,MAAM,EAAE;AAClC,iBAAO,EAAE,IAAI,MAAM,IAAI,OAAO,MAAM,OAAO,GAAI,OAAO,EAAE,KAAA,IAAS,CAAA,EAAC;AAAA,QACpE,CAAC;AAAA,QACD,UAAU,CAAC,aAAa,aAAa,UAAUC,sBAAUV,YAAAA,WAAW,UAAU,QAAQ,CAAC,EAAE,EAAE;AAAA,MAAA;AAAA,IAAA,GAE/F;AAAA,IACAM,2BAAAA,IAACC,OAAAA,WAAA,EAAU,OAAM,QAAO,MAAK,WAC3B,UAAAD,2BAAAA;AAAAA,MAACE,iBAAAA;AAAAA,MAAA;AAAA,QACC,cAAW;AAAA,QACX,MAAK;AAAA,QACL,MAAI;AAAA,QACJ,OAAO,UAAU;AAAA,QACjB,SAAS,OAAO,MAAM,IAAI,CAAC,UAAU;AAAA,UACnC,IAAI,KAAK;AAAA,UACT,OAAO,KAAK;AAAA,UACZ,GAAI,KAAK,OAAO,EAAE,MAAM,KAAK,KAAA,IAAS,CAAA;AAAA,UACtC,GAAI,KAAK,QAAQ,EAAE,OAAO,KAAK,MAAA,IAAU,CAAA;AAAA,QAAC,EAC1C;AAAA,QACF,UAAU,CAAC,WAAW,aAAa,OAAO,IAAI,MAAM;AAAA,MAAA;AAAA,IAAA,EACtD,CACF;AAAA,EAAA,GACF;AAEJ;;"}

package/dist/data/ai/RuntimeModePicker.d.ts

@@ -1,6 +1,6 @@
 import { ChatModel } from '../chat/types';
 import { AISpecRuntimeValue } from './SpecRuntimeEditor.model';
-import { SpecRuntimeFamily } from './runtime-mode';
+import { SpecRuntimeFamily } from '../runtime/runtime-mode';
 export type RuntimeModePickerProps = {
     value: AISpecRuntimeValue;
     onChange: (value: AISpecRuntimeValue) => void;

package/dist/data/ai/RuntimeModePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RuntimeModePicker.d.ts","sourceRoot":"","sources":["../../../src/data/ai/RuntimeModePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAGpE,OAAO,EAEL,KAAK,iBAAiB,EAMvB,MAAM,gBAAgB,CAAC;AAExB,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,EAAE,kBAAkB,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC9C,QAAQ,CAAC,EAAE,iBAAiB,EAAE,GAAG,SAAS,CAAC;IAC3C,uFAAuF;IACvF,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,SAAS,CAAC;CAClC,CAAC;AAKF,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,QAAQ,EACR,QAAgC,EAChC,MAAW,GACZ,EAAE,sBAAsB,2CAgDxB"}
+{"version":3,"file":"RuntimeModePicker.d.ts","sourceRoot":"","sources":["../../../src/data/ai/RuntimeModePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAGpE,OAAO,EAEL,KAAK,iBAAiB,EAMvB,MAAM,yBAAyB,CAAC;AAEjC,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,EAAE,kBAAkB,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC9C,QAAQ,CAAC,EAAE,iBAAiB,EAAE,GAAG,SAAS,CAAC;IAC3C,uFAAuF;IACvF,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,SAAS,CAAC;CAClC,CAAC;AAKF,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,QAAQ,EACR,QAAgC,EAChC,MAAW,GACZ,EAAE,sBAAsB,2CAgDxB"}

package/dist/data/ai/RuntimeModePicker.js

@@ -3,7 +3,7 @@ import { SegmentedControl } from "../../components/SegmentedControl.js";
 import { providerIcon } from "../chat/provider-icons.js";
 import { SpecField } from "./SpecRuntimeEditor/fields.js";
 import { withOptionalRoot, withRoot } from "./SpecRuntimeEditor/update.js";
-import { selectionForBackend, SPEC_RUNTIME_FAMILIES, familyById, firstMode, backendForFamilyMode, modelBelongsToFamily } from "./runtime-mode.js";
+import { selectionForBackend, SPEC_RUNTIME_FAMILIES, familyById, firstMode, backendForFamilyMode, modelBelongsToFamily } from "../runtime/runtime-mode.js";
 function RuntimeModePicker({
   value,
   onChange,

package/dist/data/ai/RuntimeModePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"RuntimeModePicker.js","sources":["../../../src/data/ai/RuntimeModePicker.tsx"],"sourcesContent":["import { SegmentedControl } from \"../../components/SegmentedControl\";\nimport { providerIcon } from \"../chat/provider-icons\";\nimport type { ChatModel } from \"../chat/types\";\nimport type { AISpecRuntimeValue } from \"./SpecRuntimeEditor.model\";\nimport { SpecField } from \"./SpecRuntimeEditor/fields\";\nimport { withOptionalRoot, withRoot } from \"./SpecRuntimeEditor/update\";\nimport {\n  SPEC_RUNTIME_FAMILIES,\n  type SpecRuntimeFamily,\n  backendForFamilyMode,\n  familyById,\n  firstMode,\n  modelBelongsToFamily,\n  selectionForBackend,\n} from \"./runtime-mode\";\n\nexport type RuntimeModePickerProps = {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n  families?: SpecRuntimeFamily[] | undefined;\n  /** Model catalog used to decide whether the current model survives a family switch. */\n  models?: ChatModel[] | undefined;\n};\n\n// The two-axis Family → Mode picker. Both segmented controls drive the single\n// `value.backend`; switching family drops a model that no longer belongs to the\n// new provider so the model picker never shows a stale cross-provider choice.\nexport function RuntimeModePicker({\n  value,\n  onChange,\n  families = SPEC_RUNTIME_FAMILIES,\n  models = [],\n}: RuntimeModePickerProps) {\n  const selection = selectionForBackend(families, value.backend);\n  const family = familyById(families, selection.family);\n\n  const applyBackend = (familyId: string, modeId: string) => {\n    const backend = backendForFamilyMode(families, familyId, modeId);\n    if (backend === (value.backend ?? \"\")) return;\n    const nextFamily = familyById(families, familyId);\n    // A backend switch invalidates the previous backend's cmux CLI-arg values.\n    let next = withOptionalRoot(withRoot(value, { backend }), \"cliArgs\", undefined);\n    if (!modelBelongsToFamily(value.model, models, nextFamily, backend)) {\n      next = withOptionalRoot(next, \"model\", undefined);\n    }\n    onChange(next);\n  };\n\n  return (\n    <div className=\"grid gap-density-2\">\n      <SpecField label=\"Family\">\n        <SegmentedControl\n          aria-label=\"Provider family\"\n          size=\"sm\"\n          wrap\n          value={family.id}\n          options={families.map((entry) => {\n            const icon = providerIcon(entry.id);\n            return { id: entry.id, label: entry.label, ...(icon ? { icon } : {}) };\n          })}\n          onChange={(familyId) => applyBackend(familyId, firstMode(familyById(families, familyId)).id)}\n        />\n      </SpecField>\n      <SpecField label=\"Mode\" hint=\"runtime\">\n        <SegmentedControl\n          aria-label=\"Runtime mode\"\n          size=\"sm\"\n          wrap\n          value={selection.mode}\n          options={family.modes.map((mode) => ({\n            id: mode.id,\n            label: mode.label,\n            ...(mode.icon ? { icon: mode.icon } : {}),\n            ...(mode.title ? { title: mode.title } : {}),\n          }))}\n          onChange={(modeId) => applyBackend(family.id, modeId)}\n        />\n      </SpecField>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;AA2BO,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,SAAS,CAAA;AACX,GAA2B;AACzB,QAAM,YAAY,oBAAoB,UAAU,MAAM,OAAO;AAC7D,QAAM,SAAS,WAAW,UAAU,UAAU,MAAM;AAEpD,QAAM,eAAe,CAAC,UAAkB,WAAmB;AACzD,UAAM,UAAU,qBAAqB,UAAU,UAAU,MAAM;AAC/D,QAAI,aAAa,MAAM,WAAW,IAAK;AACvC,UAAM,aAAa,WAAW,UAAU,QAAQ;AAEhD,QAAI,OAAO,iBAAiB,SAAS,OAAO,EAAE,QAAA,CAAS,GAAG,WAAW,MAAS;AAC9E,QAAI,CAAC,qBAAqB,MAAM,OAAO,QAAQ,YAAY,OAAO,GAAG;AACnE,aAAO,iBAAiB,MAAM,SAAS,MAAS;AAAA,IAClD;AACA,aAAS,IAAI;AAAA,EACf;AAEA,SACE,qBAAC,OAAA,EAAI,WAAU,sBACb,UAAA;AAAA,IAAA,oBAAC,WAAA,EAAU,OAAM,UACf,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,cAAW;AAAA,QACX,MAAK;AAAA,QACL,MAAI;AAAA,QACJ,OAAO,OAAO;AAAA,QACd,SAAS,SAAS,IAAI,CAAC,UAAU;AAC/B,gBAAM,OAAO,aAAa,MAAM,EAAE;AAClC,iBAAO,EAAE,IAAI,MAAM,IAAI,OAAO,MAAM,OAAO,GAAI,OAAO,EAAE,KAAA,IAAS,CAAA,EAAC;AAAA,QACpE,CAAC;AAAA,QACD,UAAU,CAAC,aAAa,aAAa,UAAU,UAAU,WAAW,UAAU,QAAQ,CAAC,EAAE,EAAE;AAAA,MAAA;AAAA,IAAA,GAE/F;AAAA,IACA,oBAAC,WAAA,EAAU,OAAM,QAAO,MAAK,WAC3B,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,cAAW;AAAA,QACX,MAAK;AAAA,QACL,MAAI;AAAA,QACJ,OAAO,UAAU;AAAA,QACjB,SAAS,OAAO,MAAM,IAAI,CAAC,UAAU;AAAA,UACnC,IAAI,KAAK;AAAA,UACT,OAAO,KAAK;AAAA,UACZ,GAAI,KAAK,OAAO,EAAE,MAAM,KAAK,KAAA,IAAS,CAAA;AAAA,UACtC,GAAI,KAAK,QAAQ,EAAE,OAAO,KAAK,MAAA,IAAU,CAAA;AAAA,QAAC,EAC1C;AAAA,QACF,UAAU,CAAC,WAAW,aAAa,OAAO,IAAI,MAAM;AAAA,MAAA;AAAA,IAAA,EACtD,CACF;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"RuntimeModePicker.js","sources":["../../../src/data/ai/RuntimeModePicker.tsx"],"sourcesContent":["import { SegmentedControl } from \"../../components/SegmentedControl\";\nimport { providerIcon } from \"../chat/provider-icons\";\nimport type { ChatModel } from \"../chat/types\";\nimport type { AISpecRuntimeValue } from \"./SpecRuntimeEditor.model\";\nimport { SpecField } from \"./SpecRuntimeEditor/fields\";\nimport { withOptionalRoot, withRoot } from \"./SpecRuntimeEditor/update\";\nimport {\n  SPEC_RUNTIME_FAMILIES,\n  type SpecRuntimeFamily,\n  backendForFamilyMode,\n  familyById,\n  firstMode,\n  modelBelongsToFamily,\n  selectionForBackend,\n} from \"../runtime/runtime-mode\";\n\nexport type RuntimeModePickerProps = {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n  families?: SpecRuntimeFamily[] | undefined;\n  /** Model catalog used to decide whether the current model survives a family switch. */\n  models?: ChatModel[] | undefined;\n};\n\n// The two-axis Family → Mode picker. Both segmented controls drive the single\n// `value.backend`; switching family drops a model that no longer belongs to the\n// new provider so the model picker never shows a stale cross-provider choice.\nexport function RuntimeModePicker({\n  value,\n  onChange,\n  families = SPEC_RUNTIME_FAMILIES,\n  models = [],\n}: RuntimeModePickerProps) {\n  const selection = selectionForBackend(families, value.backend);\n  const family = familyById(families, selection.family);\n\n  const applyBackend = (familyId: string, modeId: string) => {\n    const backend = backendForFamilyMode(families, familyId, modeId);\n    if (backend === (value.backend ?? \"\")) return;\n    const nextFamily = familyById(families, familyId);\n    // A backend switch invalidates the previous backend's cmux CLI-arg values.\n    let next = withOptionalRoot(withRoot(value, { backend }), \"cliArgs\", undefined);\n    if (!modelBelongsToFamily(value.model, models, nextFamily, backend)) {\n      next = withOptionalRoot(next, \"model\", undefined);\n    }\n    onChange(next);\n  };\n\n  return (\n    <div className=\"grid gap-density-2\">\n      <SpecField label=\"Family\">\n        <SegmentedControl\n          aria-label=\"Provider family\"\n          size=\"sm\"\n          wrap\n          value={family.id}\n          options={families.map((entry) => {\n            const icon = providerIcon(entry.id);\n            return { id: entry.id, label: entry.label, ...(icon ? { icon } : {}) };\n          })}\n          onChange={(familyId) => applyBackend(familyId, firstMode(familyById(families, familyId)).id)}\n        />\n      </SpecField>\n      <SpecField label=\"Mode\" hint=\"runtime\">\n        <SegmentedControl\n          aria-label=\"Runtime mode\"\n          size=\"sm\"\n          wrap\n          value={selection.mode}\n          options={family.modes.map((mode) => ({\n            id: mode.id,\n            label: mode.label,\n            ...(mode.icon ? { icon: mode.icon } : {}),\n            ...(mode.title ? { title: mode.title } : {}),\n          }))}\n          onChange={(modeId) => applyBackend(family.id, modeId)}\n        />\n      </SpecField>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;AA2BO,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,SAAS,CAAA;AACX,GAA2B;AACzB,QAAM,YAAY,oBAAoB,UAAU,MAAM,OAAO;AAC7D,QAAM,SAAS,WAAW,UAAU,UAAU,MAAM;AAEpD,QAAM,eAAe,CAAC,UAAkB,WAAmB;AACzD,UAAM,UAAU,qBAAqB,UAAU,UAAU,MAAM;AAC/D,QAAI,aAAa,MAAM,WAAW,IAAK;AACvC,UAAM,aAAa,WAAW,UAAU,QAAQ;AAEhD,QAAI,OAAO,iBAAiB,SAAS,OAAO,EAAE,QAAA,CAAS,GAAG,WAAW,MAAS;AAC9E,QAAI,CAAC,qBAAqB,MAAM,OAAO,QAAQ,YAAY,OAAO,GAAG;AACnE,aAAO,iBAAiB,MAAM,SAAS,MAAS;AAAA,IAClD;AACA,aAAS,IAAI;AAAA,EACf;AAEA,SACE,qBAAC,OAAA,EAAI,WAAU,sBACb,UAAA;AAAA,IAAA,oBAAC,WAAA,EAAU,OAAM,UACf,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,cAAW;AAAA,QACX,MAAK;AAAA,QACL,MAAI;AAAA,QACJ,OAAO,OAAO;AAAA,QACd,SAAS,SAAS,IAAI,CAAC,UAAU;AAC/B,gBAAM,OAAO,aAAa,MAAM,EAAE;AAClC,iBAAO,EAAE,IAAI,MAAM,IAAI,OAAO,MAAM,OAAO,GAAI,OAAO,EAAE,KAAA,IAAS,CAAA,EAAC;AAAA,QACpE,CAAC;AAAA,QACD,UAAU,CAAC,aAAa,aAAa,UAAU,UAAU,WAAW,UAAU,QAAQ,CAAC,EAAE,EAAE;AAAA,MAAA;AAAA,IAAA,GAE/F;AAAA,IACA,oBAAC,WAAA,EAAU,OAAM,QAAO,MAAK,WAC3B,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,cAAW;AAAA,QACX,MAAK;AAAA,QACL,MAAI;AAAA,QACJ,OAAO,UAAU;AAAA,QACjB,SAAS,OAAO,MAAM,IAAI,CAAC,UAAU;AAAA,UACnC,IAAI,KAAK;AAAA,UACT,OAAO,KAAK;AAAA,UACZ,GAAI,KAAK,OAAO,EAAE,MAAM,KAAK,KAAA,IAAS,CAAA;AAAA,UACtC,GAAI,KAAK,QAAQ,EAAE,OAAO,KAAK,MAAA,IAAU,CAAA;AAAA,QAAC,EAC1C;AAAA,QACF,UAAU,CAAC,WAAW,aAAa,OAAO,IAAI,MAAM;AAAA,MAAA;AAAA,IAAA,EACtD,CACF;AAAA,EAAA,GACF;AAEJ;"}