@flanksource/clicky-ui 0.3.15 → 0.3.17

package/dist/data/ai/SpecRuntimeEditor/ModelSection.js

@@ -1,25 +1,22 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { useState, useMemo } from "react";
-import { ModelSelector, EffortSelector } from "../../chat/ModelSelector.js";
-import { effortLevelIcon } from "../../chat/effort-icons.js";
-import { effortOptionsForModel, reconcileModelCapabilities } from "../model-capabilities.js";
-import { providerIcon } from "../../chat/provider-icons.js";
+import { useState } from "react";
+import { effortLevelIcon, effortLevelColor, effortLevelLabel } from "../../chat/effort-icons.js";
+import { providerIcon, providerIconColor } from "../../chat/provider-icons.js";
 import { Icon } from "../../Icon.js";
 import { IconButton } from "../../../components/IconButton.js";
-import { RuntimeModePicker } from "../RuntimeModePicker.js";
-import { selectionForBackend, SPEC_RUNTIME_FAMILIES, familyById, modelsForFamily, familyForBackend, firstMode } from "../runtime-mode.js";
-import { SpecField, SpecInput, NumberField, CheckboxField } from "./fields.js";
-import { withRoot, withOptionalRoot, withBudgetValue } from "./update.js";
-import { UiSparkles } from "../../../icons/components/UiSparkles.js";
-import { UiThermometer } from "../../../icons/components/UiThermometer.js";
+import { cn } from "../../../lib/utils.js";
+import { RuntimeBar } from "../RuntimeBar.js";
+import { SPEC_RUNTIME_FAMILIES, modeForBackend, firstMode } from "../runtime-mode.js";
+import { NumberField, SpecField, SpecInput, CheckboxField } from "./fields.js";
+import { withBudgetValue, withOptionalRoot, withRoot } from "./update.js";
 import { UiCurrencyDollar } from "../../../icons/components/UiCurrencyDollar.js";
 import { UiCoins } from "../../../icons/components/UiCoins.js";
 import { UiRepeat } from "../../../icons/components/UiRepeat.js";
 import { UiTimer } from "../../../icons/components/UiTimer.js";
 import { UiFingerprint } from "../../../icons/components/UiFingerprint.js";
 import { UiAdd } from "../../../icons/components/UiAdd.js";
+import { UiSparkles } from "../../../icons/components/UiSparkles.js";
 import { UiTrash } from "../../../icons/components/UiTrash.js";
-const REASONING_EFFORTS = ["low", "medium", "high", "xhigh"];
 function ModelSection({
   value,
   onChange,
@@ -27,17 +24,9 @@ function ModelSection({
   families
 }) {
   var _a, _b, _c, _d;
-  const runtimeFamilies = families ?? SPEC_RUNTIME_FAMILIES;
-  const selection = selectionForBackend(runtimeFamilies, value.backend);
-  const family = familyById(runtimeFamilies, selection.family);
-  const modelOptions = modelsForFamily(models, family, value.backend);
-  const selectedModel = models.find((m) => m.id === value.model);
-  const modelEfforts = effortOptionsForModel(selectedModel, REASONING_EFFORTS);
-  const showEffort = modelEfforts.length > 0;
-  const showTemperature = !selectedModel || selectedModel.temperature !== false;
   return /* @__PURE__ */ jsxs("div", { className: "grid gap-density-2", children: [
     /* @__PURE__ */ jsx(
-      RuntimeModePicker,
+      RuntimeBar,
       {
         value,
         onChange,
@@ -45,55 +34,6 @@ function ModelSection({
         ...families ? { families } : {}
       }
     ),
-    /* @__PURE__ */ jsxs("div", { className: "grid gap-density-2 md:grid-cols-3", children: [
-      /* @__PURE__ */ jsx(SpecField, { label: "Model", children: modelOptions.length > 0 ? /* @__PURE__ */ jsx(
-        ModelSelector,
-        {
-          models: modelOptions,
-          value: value.model,
-          onChange: (model) => onChange(
-            reconcileModelCapabilities(
-              value,
-              models.find((item) => item.id === model),
-              REASONING_EFFORTS
-            )
-          ),
-          className: "w-full",
-          size: "md"
-        }
-      ) : /* @__PURE__ */ jsx(
-        SpecInput,
-        {
-          value: value.model,
-          onChange: (model) => onChange(withRoot(value, { model })),
-          placeholder: "claude-sonnet-4-6",
-          icon: UiSparkles,
-          mono: true
-        }
-      ) }),
-      showEffort && /* @__PURE__ */ jsx(SpecField, { label: "Effort", children: /* @__PURE__ */ jsx(
-        EffortSelector,
-        {
-          efforts: modelEfforts,
-          value: value.effort ?? "",
-          onChange: (effort) => onChange(withRoot(value, { effort })),
-          className: "w-full",
-          size: "md"
-        }
-      ) }),
-      showTemperature && /* @__PURE__ */ jsx(
-        NumberField,
-        {
-          label: "Temperature",
-          value: value.temperature,
-          onChange: (temperature) => onChange(withOptionalRoot(value, "temperature", temperature)),
-          icon: UiThermometer,
-          min: 0,
-          max: 2,
-          step: 0.1
-        }
-      )
-    ] }),
     /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-density-2 md:grid-cols-4", children: [
       /* @__PURE__ */ jsx(
         NumberField,
@@ -211,10 +151,6 @@ function FallbackModelsEditor({
       )
     );
   };
-  const patchFallback = (index, patch) => {
-    const fallback = fallbacks[index] ?? {};
-    updateFallback(index, { ...fallback, ...patch });
-  };
   const toggleFallback = (index) => {
     setExpandedIndex((current) => current === index ? null : index);
   };
@@ -247,7 +183,6 @@ function FallbackModelsEditor({
         editorId: `spec-runtime-fallback-${index}-picker`,
         onToggle: () => toggleFallback(index),
         onChange: (nextFallback) => updateFallback(index, nextFallback),
-        onPatch: (patch) => patchFallback(index, patch),
         onRemove: () => removeFallback(index)
       },
       `${fallback.model ?? "fallback"}-${index}`
@@ -262,12 +197,13 @@ function FallbackModelRow({
   editorId,
   onToggle,
   onChange,
-  onPatch,
   onRemove
 }) {
   const meta = fallbackModelMeta(fallback, models);
   const Glyph = meta.provider ? providerIcon(meta.provider) : void 0;
   const label = meta.label || "Select model";
+  const mode = modeForBackend(families, fallback.backend);
+  const effortGlyph = fallback.effort ? effortLevelIcon(fallback.effort) : void 0;
   return /* @__PURE__ */ jsxs("div", { children: [
     /* @__PURE__ */ jsxs("div", { className: "grid min-h-9 grid-cols-[minmax(0,1fr)_auto] items-center gap-density-1 px-density-1 py-density-1", children: [
       /* @__PURE__ */ jsxs(
@@ -278,15 +214,34 @@ function FallbackModelRow({
           "aria-controls": editorId,
           "aria-label": `Edit fallback ${label}`,
           onClick: onToggle,
-          className: "grid min-w-0 grid-cols-[auto_minmax(0,1fr)_auto] items-center gap-density-2 rounded-md px-density-1 py-density-1 text-left hover:bg-muted",
+          className: "grid min-w-0 grid-cols-[auto_auto_minmax(0,1fr)_auto] items-center gap-density-2 rounded-md px-density-1 py-density-1 text-left hover:bg-muted",
           children: [
-            Glyph ? /* @__PURE__ */ jsx(Glyph, { className: "size-4 shrink-0" }) : /* @__PURE__ */ jsx(
+            Glyph ? /* @__PURE__ */ jsx(
+              Glyph,
+              {
+                className: cn(
+                  "size-4 shrink-0",
+                  meta.provider ? providerIconColor(meta.provider) : void 0
+                )
+              }
+            ) : /* @__PURE__ */ jsx(
               Icon,
               {
                 icon: UiSparkles,
                 className: "size-4 shrink-0 text-muted-foreground/70"
               }
             ),
+            (mode == null ? void 0 : mode.icon) ? /* @__PURE__ */ jsx(
+              Icon,
+              {
+                icon: mode.icon,
+                className: "size-4 shrink-0 text-muted-foreground",
+                title: mode.title ?? mode.label
+              }
+            ) : (
+              // Held open so rows with and without a known mode still align.
+              /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "size-4" })
+            ),
             /* @__PURE__ */ jsx(
               "span",
               {
@@ -296,11 +251,14 @@ function FallbackModelRow({
               }
             ),
             fallback.effort ? /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 rounded-full bg-muted px-2 py-0.5 text-[10px] font-semibold uppercase leading-none text-muted-foreground", children: [
-              (() => {
-                const glyph = effortLevelIcon(fallback.effort);
-                return glyph ? /* @__PURE__ */ jsx(Icon, { icon: glyph, className: "size-3" }) : null;
-              })(),
-              formatEffort(fallback.effort)
+              effortGlyph && /* @__PURE__ */ jsx(
+                Icon,
+                {
+                  icon: effortGlyph,
+                  className: cn("size-3", effortLevelColor(fallback.effort))
+                }
+              ),
+              effortLevelLabel(fallback.effort)
             ] }) : /* @__PURE__ */ jsx("span", { "aria-hidden": "true" })
           ]
         }
@@ -322,7 +280,6 @@ function FallbackModelRow({
         id: editorId,
         value: fallback,
         onChange,
-        onPatch,
         models,
         families
       }
@@ -333,18 +290,9 @@ function FallbackModelPicker({
   id,
   value,
   onChange,
-  onPatch,
   models,
   families
 }) {
-  const modelOptions = useMemo(() => {
-    const family = familyForBackend(families, value.backend);
-    return modelsForFamily(models, family, value.backend);
-  }, [families, models, value.backend]);
-  const selectedModel = models.find((m) => m.id === value.model);
-  const modelEfforts = effortOptionsForModel(selectedModel, REASONING_EFFORTS);
-  const showEffort = modelEfforts.length > 0;
-  const showTemperature = !selectedModel || selectedModel.temperature !== false;
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -352,66 +300,16 @@ function FallbackModelPicker({
       role: "group",
       "aria-label": "Fallback model picker",
       className: "rounded-md border border-dashed border-border bg-muted/20 p-density-2",
-      children: /* @__PURE__ */ jsxs("div", { className: "grid gap-density-2", children: [
-        /* @__PURE__ */ jsx(
-          RuntimeModePicker,
-          {
-            value,
-            onChange: (next) => onChange(compactEditableFallback(next)),
-            models,
-            families
-          }
-        ),
-        /* @__PURE__ */ jsxs("div", { className: "grid gap-density-2 md:grid-cols-3", children: [
-          /* @__PURE__ */ jsx(SpecField, { label: "Model", children: modelOptions.length > 0 ? /* @__PURE__ */ jsx(
-            ModelSelector,
-            {
-              models: modelOptions,
-              value: value.model,
-              onChange: (model) => onChange(
-                reconcileModelCapabilities(
-                  value,
-                  models.find((item) => item.id === model),
-                  REASONING_EFFORTS
-                )
-              ),
-              className: "w-full",
-              size: "md"
-            }
-          ) : /* @__PURE__ */ jsx(
-            SpecInput,
-            {
-              value: value.model,
-              onChange: (model) => onPatch({ model }),
-              placeholder: "gpt-5-codex",
-              icon: UiSparkles,
-              mono: true
-            }
-          ) }),
-          showEffort && /* @__PURE__ */ jsx(SpecField, { label: "Effort", children: /* @__PURE__ */ jsx(
-            EffortSelector,
-            {
-              efforts: modelEfforts,
-              value: value.effort ?? "",
-              onChange: (effort) => onPatch({ effort }),
-              className: "w-full",
-              size: "md"
-            }
-          ) }),
-          showTemperature && /* @__PURE__ */ jsx(
-            NumberField,
-            {
-              label: "Temperature",
-              value: value.temperature,
-              onChange: (temperature) => onPatch({ temperature }),
-              icon: UiThermometer,
-              min: 0,
-              max: 2,
-              step: 0.1
-            }
-          )
-        ] })
-      ] })
+      children: /* @__PURE__ */ jsx(
+        RuntimeBar,
+        {
+          value,
+          onChange: (next) => onChange(compactEditableFallback(next)),
+          models,
+          families,
+          ariaLabel: "Fallback runtime"
+        }
+      )
     }
   );
 }
@@ -465,12 +363,6 @@ function inferProvider(fallback) {
   }
   return void 0;
 }
-function formatEffort(value) {
-  var _a;
-  const effort = value.trim();
-  if (!effort) return "";
-  return `${((_a = effort[0]) == null ? void 0 : _a.toUpperCase()) ?? ""}${effort.slice(1)}`;
-}
 function cleanString(value) {
   return (value == null ? void 0 : value.trim()) ?? "";
 }

package/dist/data/ai/SpecRuntimeEditor/ModelSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModelSection.js","sources":["../../../../src/data/ai/SpecRuntimeEditor/ModelSection.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport { EffortSelector, ModelSelector } from \"../../chat/ModelSelector\";\nimport { effortLevelIcon } from \"../../chat/effort-icons\";\nimport type { ChatModel } from \"../../chat/types\";\nimport {\n  effortOptionsForModel,\n  reconcileModelCapabilities,\n} from \"../model-capabilities\";\nimport { providerIcon } from \"../../chat/provider-icons\";\nimport { Icon } from \"../../Icon\";\nimport { IconButton } from \"../../../components\";\nimport {\n  UiAdd,\n  UiCoins,\n  UiCurrencyDollar,\n  UiFingerprint,\n  UiRepeat,\n  UiSparkles,\n  UiThermometer,\n  UiTimer,\n  UiTrash,\n} from \"../../../icons\";\nimport type {\n  AISpecRuntimeModelFallback,\n  AISpecRuntimeValue,\n} from \"../SpecRuntimeEditor.model\";\nimport { RuntimeModePicker } from \"../RuntimeModePicker\";\nimport {\n  SPEC_RUNTIME_FAMILIES,\n  familyForBackend,\n  familyById,\n  firstMode,\n  modelsForFamily,\n  selectionForBackend,\n  type SpecRuntimeFamily,\n} from \"../runtime-mode\";\nimport { CheckboxField, NumberField, SpecField, SpecInput } from \"./fields\";\nimport { withBudgetValue, withOptionalRoot, withRoot } from \"./update\";\n\nconst REASONING_EFFORTS = [\"low\", \"medium\", \"high\", \"xhigh\"];\n\ntype FallbackDraftPatch = {\n  model?: string | undefined;\n  id?: string | undefined;\n  backend?: string | undefined;\n  temperature?: number | undefined;\n  effort?: string | undefined;\n  noCache?: boolean | undefined;\n};\n\nexport function ModelSection({\n  value,\n  onChange,\n  models,\n  families,\n}: {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n  models: ChatModel[];\n  families?: SpecRuntimeFamily[] | undefined;\n}) {\n  const runtimeFamilies = families ?? SPEC_RUNTIME_FAMILIES;\n  const selection = selectionForBackend(runtimeFamilies, value.backend);\n  const family = familyById(runtimeFamilies, selection.family);\n  const modelOptions = modelsForFamily(models, family, value.backend);\n  const selectedModel = models.find((m) => m.id === value.model);\n  // Show a control unless the resolved model reports it unsupported; an unknown\n  // selection or a catalog without the field keeps the control visible.\n  const modelEfforts = effortOptionsForModel(selectedModel, REASONING_EFFORTS);\n  const showEffort = modelEfforts.length > 0;\n  const showTemperature = !selectedModel || selectedModel.temperature !== false;\n\n  return (\n    <div className=\"grid gap-density-2\">\n      <RuntimeModePicker\n        value={value}\n        onChange={onChange}\n        models={models}\n        {...(families ? { families } : {})}\n      />\n      <div className=\"grid gap-density-2 md:grid-cols-3\">\n        <SpecField label=\"Model\">\n          {modelOptions.length > 0 ? (\n            <ModelSelector\n              models={modelOptions}\n              value={value.model}\n              onChange={(model) =>\n                onChange(\n                  reconcileModelCapabilities(\n                    value,\n                    models.find((item) => item.id === model),\n                    REASONING_EFFORTS,\n                  ),\n                )\n              }\n              className=\"w-full\"\n              size=\"md\"\n            />\n          ) : (\n            <SpecInput\n              value={value.model}\n              onChange={(model) => onChange(withRoot(value, { model }))}\n              placeholder=\"claude-sonnet-4-6\"\n              icon={UiSparkles}\n              mono\n            />\n          )}\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              className=\"w-full\"\n              size=\"md\"\n            />\n          </SpecField>\n        )}\n        {showTemperature && (\n          <NumberField\n            label=\"Temperature\"\n            value={value.temperature}\n            onChange={(temperature) =>\n              onChange(withOptionalRoot(value, \"temperature\", temperature))\n            }\n            icon={UiThermometer}\n            min={0}\n            max={2}\n            step={0.1}\n          />\n        )}\n      </div>\n      <div className=\"grid grid-cols-2 gap-density-2 md:grid-cols-4\">\n        <NumberField\n          label=\"Max cost (USD)\"\n          value={value.budget?.cost}\n          onChange={(cost) => onChange(withBudgetValue(value, \"cost\", cost))}\n          icon={UiCurrencyDollar}\n          min={0}\n          step={0.01}\n        />\n        <NumberField\n          label=\"Max tokens\"\n          value={value.budget?.maxTokens}\n          onChange={(maxTokens) =>\n            onChange(withBudgetValue(value, \"maxTokens\", maxTokens))\n          }\n          icon={UiCoins}\n          min={0}\n          step={1}\n          integer\n        />\n        <NumberField\n          label=\"Max turns\"\n          value={value.budget?.maxTurns}\n          onChange={(maxTurns) =>\n            onChange(withBudgetValue(value, \"maxTurns\", maxTurns))\n          }\n          icon={UiRepeat}\n          min={0}\n          max={100}\n          step={1}\n          integer\n        />\n        <SpecField label=\"Timeout\">\n          <SpecInput\n            value={value.budget?.timeout}\n            onChange={(timeout) =>\n              onChange(withBudgetValue(value, \"timeout\", timeout))\n            }\n            placeholder=\"30m\"\n            icon={UiTimer}\n            mono\n          />\n        </SpecField>\n      </div>\n    </div>\n  );\n}\n\nexport function ModelAdvanced({\n  value,\n  onChange,\n  models = [],\n  families,\n}: {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n  models?: ChatModel[] | undefined;\n  families?: SpecRuntimeFamily[] | undefined;\n}) {\n  return (\n    <div className=\"grid gap-density-2\">\n      <FallbackModelsEditor\n        value={value}\n        onChange={onChange}\n        models={models}\n        {...(families ? { families } : {})}\n      />\n      <SpecField label=\"Session ID\">\n        <SpecInput\n          value={value.sessionId}\n          onChange={(sessionId) =>\n            onChange(withOptionalRoot(value, \"sessionId\", sessionId))\n          }\n          placeholder=\"session UUID\"\n          icon={UiFingerprint}\n          mono\n        />\n      </SpecField>\n      <CheckboxField\n        label=\"Disable prompt caching\"\n        checked={value.noCache}\n        onChange={(noCache) => onChange(withRoot(value, { noCache }))}\n      />\n    </div>\n  );\n}\n\nfunction FallbackModelsEditor({\n  value,\n  onChange,\n  models,\n  families = SPEC_RUNTIME_FAMILIES,\n}: {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n  models: ChatModel[];\n  families?: SpecRuntimeFamily[] | undefined;\n}) {\n  const fallbacks = value.fallbacks ?? [];\n  const [expandedIndex, setExpandedIndex] = useState<number | null>(null);\n\n  const setFallbacks = (nextFallbacks: AISpecRuntimeModelFallback[]) => {\n    onChange(withRoot(value, { fallbacks: nextFallbacks }));\n  };\n\n  const removeFallback = (index: number) => {\n    setFallbacks(fallbacks.filter((_, rowIndex) => rowIndex !== index));\n    setExpandedIndex((current) => {\n      if (current == null) return null;\n      if (current === index) return null;\n      return current > index ? current - 1 : current;\n    });\n  };\n\n  const addFallback = () => {\n    const nextFallbacks = [...fallbacks, newFallbackDraft(value, families)];\n    setFallbacks(nextFallbacks);\n    setExpandedIndex(nextFallbacks.length - 1);\n  };\n\n  const updateFallback = (index: number, nextFallback: FallbackDraftPatch) => {\n    setFallbacks(\n      fallbacks.map((fallback, rowIndex) =>\n        rowIndex === index ? compactEditableFallback(nextFallback) : fallback,\n      ),\n    );\n  };\n\n  const patchFallback = (index: number, patch: FallbackDraftPatch) => {\n    const fallback = fallbacks[index] ?? {};\n    updateFallback(index, { ...fallback, ...patch });\n  };\n\n  const toggleFallback = (index: number) => {\n    setExpandedIndex((current) => (current === index ? null : index));\n  };\n\n  return (\n    <div className=\"space-y-density-2\">\n      <div className=\"flex items-center justify-between gap-density-2\">\n        <div className=\"inline-flex min-w-0 items-center gap-1.5 text-xs font-medium text-muted-foreground\">\n          <Icon icon={UiRepeat} className=\"size-3.5 shrink-0\" />\n          <span>Fallback models</span>\n        </div>\n        <button\n          type=\"button\"\n          onClick={addFallback}\n          className=\"inline-flex items-center gap-1 rounded-md border border-border bg-background px-density-2 py-density-1 text-xs font-medium text-muted-foreground hover:bg-muted hover:text-foreground\"\n        >\n          <Icon icon={UiAdd} className=\"size-3.5\" />\n          Add\n        </button>\n      </div>\n      {fallbacks.length > 0 && (\n        <div className=\"overflow-hidden rounded-md border border-border\">\n          <div className=\"divide-y divide-border\">\n            {fallbacks.map((fallback, index) => (\n              <FallbackModelRow\n                key={`${fallback.model ?? \"fallback\"}-${index}`}\n                fallback={fallback}\n                models={models}\n                families={families}\n                expanded={expandedIndex === index}\n                editorId={`spec-runtime-fallback-${index}-picker`}\n                onToggle={() => toggleFallback(index)}\n                onChange={(nextFallback) => updateFallback(index, nextFallback)}\n                onPatch={(patch) => patchFallback(index, patch)}\n                onRemove={() => removeFallback(index)}\n              />\n            ))}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction FallbackModelRow({\n  fallback,\n  models,\n  families,\n  expanded,\n  editorId,\n  onToggle,\n  onChange,\n  onPatch,\n  onRemove,\n}: {\n  fallback: AISpecRuntimeModelFallback;\n  models: ChatModel[];\n  families: SpecRuntimeFamily[];\n  expanded: boolean;\n  editorId: string;\n  onToggle: () => void;\n  onChange: (value: AISpecRuntimeModelFallback) => void;\n  onPatch: (patch: FallbackDraftPatch) => void;\n  onRemove: () => void;\n}) {\n  const meta = fallbackModelMeta(fallback, models);\n  const Glyph = meta.provider ? providerIcon(meta.provider) : undefined;\n  const label = meta.label || \"Select model\";\n  return (\n    <div>\n      <div className=\"grid min-h-9 grid-cols-[minmax(0,1fr)_auto] items-center gap-density-1 px-density-1 py-density-1\">\n        <button\n          type=\"button\"\n          aria-expanded={expanded}\n          aria-controls={editorId}\n          aria-label={`Edit fallback ${label}`}\n          onClick={onToggle}\n          className=\"grid min-w-0 grid-cols-[auto_minmax(0,1fr)_auto] items-center gap-density-2 rounded-md px-density-1 py-density-1 text-left hover:bg-muted\"\n        >\n          {Glyph ? (\n            <Glyph className=\"size-4 shrink-0\" />\n          ) : (\n            <Icon\n              icon={UiSparkles}\n              className=\"size-4 shrink-0 text-muted-foreground/70\"\n            />\n          )}\n          <span\n            className=\"min-w-0 truncate font-mono text-xs text-foreground\"\n            title={label}\n          >\n            {label}\n          </span>\n          {fallback.effort ? (\n            <span className=\"inline-flex items-center gap-1 rounded-full bg-muted px-2 py-0.5 text-[10px] font-semibold uppercase leading-none text-muted-foreground\">\n              {(() => {\n                const glyph = effortLevelIcon(fallback.effort);\n                return glyph ? <Icon icon={glyph} className=\"size-3\" /> : null;\n              })()}\n              {formatEffort(fallback.effort)}\n            </span>\n          ) : (\n            <span aria-hidden=\"true\" />\n          )}\n        </button>\n        <IconButton\n          icon={UiTrash}\n          label={`Remove ${label}`}\n          onClick={onRemove}\n          className=\"size-6\"\n          iconClassName=\"size-4\"\n        />\n      </div>\n      {expanded && (\n        <div className=\"border-t border-border p-density-2\">\n          <FallbackModelPicker\n            id={editorId}\n            value={fallback}\n            onChange={onChange}\n            onPatch={onPatch}\n            models={models}\n            families={families}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction FallbackModelPicker({\n  id,\n  value,\n  onChange,\n  onPatch,\n  models,\n  families,\n}: {\n  id: string;\n  value: AISpecRuntimeModelFallback;\n  onChange: (value: AISpecRuntimeModelFallback) => void;\n  onPatch: (patch: FallbackDraftPatch) => void;\n  models: ChatModel[];\n  families: SpecRuntimeFamily[];\n}) {\n  const modelOptions = useMemo(() => {\n    const family = familyForBackend(families, value.backend);\n    return modelsForFamily(models, family, value.backend);\n  }, [families, models, value.backend]);\n  const selectedModel = models.find((m) => m.id === value.model);\n  const modelEfforts = effortOptionsForModel(selectedModel, REASONING_EFFORTS);\n  const showEffort = modelEfforts.length > 0;\n  const showTemperature = !selectedModel || selectedModel.temperature !== false;\n\n  return (\n    <div\n      id={id}\n      role=\"group\"\n      aria-label=\"Fallback model picker\"\n      className=\"rounded-md border border-dashed border-border bg-muted/20 p-density-2\"\n    >\n      <div className=\"grid gap-density-2\">\n        <RuntimeModePicker\n          value={value}\n          onChange={(next) => onChange(compactEditableFallback(next))}\n          models={models}\n          families={families}\n        />\n        <div className=\"grid gap-density-2 md:grid-cols-3\">\n          <SpecField label=\"Model\">\n            {modelOptions.length > 0 ? (\n              <ModelSelector\n                models={modelOptions}\n                value={value.model}\n                onChange={(model) =>\n                  onChange(\n                    reconcileModelCapabilities(\n                      value,\n                      models.find((item) => item.id === model),\n                      REASONING_EFFORTS,\n                    ),\n                  )\n                }\n                className=\"w-full\"\n                size=\"md\"\n              />\n            ) : (\n              <SpecInput\n                value={value.model}\n                onChange={(model) => onPatch({ model })}\n                placeholder=\"gpt-5-codex\"\n                icon={UiSparkles}\n                mono\n              />\n            )}\n          </SpecField>\n          {showEffort && (\n            <SpecField label=\"Effort\">\n              <EffortSelector\n                efforts={modelEfforts}\n                value={value.effort ?? \"\"}\n                onChange={(effort) => onPatch({ effort })}\n                className=\"w-full\"\n                size=\"md\"\n              />\n            </SpecField>\n          )}\n          {showTemperature && (\n            <NumberField\n              label=\"Temperature\"\n              value={value.temperature}\n              onChange={(temperature) => onPatch({ temperature })}\n              icon={UiThermometer}\n              min={0}\n              max={2}\n              step={0.1}\n            />\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction newFallbackDraft(\n  value: AISpecRuntimeValue,\n  families: SpecRuntimeFamily[],\n): AISpecRuntimeModelFallback {\n  const fallback: AISpecRuntimeModelFallback = {};\n  const backend = value.backend || defaultFallbackBackend(families);\n  if (backend) fallback.backend = backend;\n  if (value.effort) fallback.effort = value.effort;\n  if (value.temperature != null && Number.isFinite(value.temperature)) {\n    fallback.temperature = value.temperature;\n  }\n  return fallback;\n}\n\nfunction defaultFallbackBackend(families: SpecRuntimeFamily[]): string {\n  const family = families[0] ?? SPEC_RUNTIME_FAMILIES[0];\n  return family ? firstMode(family).backend : \"\";\n}\n\nfunction compactEditableFallback(\n  value: FallbackDraftPatch,\n): AISpecRuntimeModelFallback {\n  const next: AISpecRuntimeModelFallback = {};\n  const model = cleanString(value.model);\n  if (model) next.model = model;\n  const id = cleanString(value.id);\n  if (id) next.id = id;\n  const backend = cleanString(value.backend);\n  if (backend) next.backend = backend;\n  if (value.temperature != null && Number.isFinite(value.temperature)) {\n    next.temperature = value.temperature;\n  }\n  const effort = cleanString(value.effort);\n  if (effort) next.effort = effort;\n  if (value.noCache) next.noCache = true;\n  return next;\n}\n\nfunction fallbackModelMeta(\n  fallback: AISpecRuntimeModelFallback,\n  models: ChatModel[],\n): { label: string; provider?: string | undefined } {\n  const modelId = fallback.model ?? \"\";\n  const match = models.find(\n    (model) => model.id === modelId || model.label === modelId,\n  );\n  if (match) return { label: match.label, provider: match.provider };\n  return {\n    label: modelId || fallback.id || \"\",\n    provider: inferProvider(fallback),\n  };\n}\n\nfunction inferProvider(\n  fallback: AISpecRuntimeModelFallback,\n): string | undefined {\n  const text =\n    `${fallback.backend ?? \"\"} ${fallback.model ?? \"\"}`.toLowerCase();\n  if (text.includes(\"anthropic\") || text.includes(\"claude\")) return \"anthropic\";\n  if (text.includes(\"google\") || text.includes(\"gemini\")) return \"googleai\";\n  if (\n    text.includes(\"openai\") ||\n    text.includes(\"gpt\") ||\n    text.includes(\"codex\")\n  ) {\n    return \"openai\";\n  }\n  return undefined;\n}\n\nfunction formatEffort(value: string): string {\n  const effort = value.trim();\n  if (!effort) return \"\";\n  return `${effort[0]?.toUpperCase() ?? \"\"}${effort.slice(1)}`;\n}\n\nfunction cleanString(value: string | undefined): string {\n  return value?.trim() ?? \"\";\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ModelSection.js","sources":["../../../../src/data/ai/SpecRuntimeEditor/ModelSection.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport {\n  effortLevelColor,\n  effortLevelIcon,\n  effortLevelLabel,\n} from \"../../chat/effort-icons\";\nimport type { ChatModel } from \"../../chat/types\";\nimport { providerIcon, providerIconColor } from \"../../chat/provider-icons\";\nimport { Icon } from \"../../Icon\";\nimport { IconButton } from \"../../../components\";\nimport { cn } from \"../../../lib/utils\";\nimport {\n  UiAdd,\n  UiCoins,\n  UiCurrencyDollar,\n  UiFingerprint,\n  UiRepeat,\n  UiSparkles,\n  UiTimer,\n  UiTrash,\n} from \"../../../icons\";\nimport type {\n  AISpecRuntimeModelFallback,\n  AISpecRuntimeValue,\n} from \"../SpecRuntimeEditor.model\";\nimport { RuntimeBar } from \"../RuntimeBar\";\nimport {\n  SPEC_RUNTIME_FAMILIES,\n  firstMode,\n  modeForBackend,\n  type SpecRuntimeFamily,\n} from \"../runtime-mode\";\nimport { CheckboxField, NumberField, SpecField, SpecInput } from \"./fields\";\nimport { withBudgetValue, withOptionalRoot, withRoot } from \"./update\";\n\ntype FallbackDraftPatch = {\n  model?: string | undefined;\n  id?: string | undefined;\n  backend?: string | undefined;\n  temperature?: number | undefined;\n  effort?: string | undefined;\n  noCache?: boolean | undefined;\n};\n\nexport function ModelSection({\n  value,\n  onChange,\n  models,\n  families,\n}: {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n  models: ChatModel[];\n  families?: SpecRuntimeFamily[] | undefined;\n}) {\n  // The bar owns family, mode, model and effort — including the free-text model\n  // entry for families the catalog does not describe.\n  return (\n    <div className=\"grid gap-density-2\">\n      <RuntimeBar\n        value={value}\n        onChange={onChange}\n        models={models}\n        {...(families ? { families } : {})}\n      />\n      <div className=\"grid grid-cols-2 gap-density-2 md:grid-cols-4\">\n        <NumberField\n          label=\"Max cost (USD)\"\n          value={value.budget?.cost}\n          onChange={(cost) => onChange(withBudgetValue(value, \"cost\", cost))}\n          icon={UiCurrencyDollar}\n          min={0}\n          step={0.01}\n        />\n        <NumberField\n          label=\"Max tokens\"\n          value={value.budget?.maxTokens}\n          onChange={(maxTokens) =>\n            onChange(withBudgetValue(value, \"maxTokens\", maxTokens))\n          }\n          icon={UiCoins}\n          min={0}\n          step={1}\n          integer\n        />\n        <NumberField\n          label=\"Max turns\"\n          value={value.budget?.maxTurns}\n          onChange={(maxTurns) =>\n            onChange(withBudgetValue(value, \"maxTurns\", maxTurns))\n          }\n          icon={UiRepeat}\n          min={0}\n          max={100}\n          step={1}\n          integer\n        />\n        <SpecField label=\"Timeout\">\n          <SpecInput\n            value={value.budget?.timeout}\n            onChange={(timeout) =>\n              onChange(withBudgetValue(value, \"timeout\", timeout))\n            }\n            placeholder=\"30m\"\n            icon={UiTimer}\n            mono\n          />\n        </SpecField>\n      </div>\n    </div>\n  );\n}\n\nexport function ModelAdvanced({\n  value,\n  onChange,\n  models = [],\n  families,\n}: {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n  models?: ChatModel[] | undefined;\n  families?: SpecRuntimeFamily[] | undefined;\n}) {\n  return (\n    <div className=\"grid gap-density-2\">\n      <FallbackModelsEditor\n        value={value}\n        onChange={onChange}\n        models={models}\n        {...(families ? { families } : {})}\n      />\n      <SpecField label=\"Session ID\">\n        <SpecInput\n          value={value.sessionId}\n          onChange={(sessionId) =>\n            onChange(withOptionalRoot(value, \"sessionId\", sessionId))\n          }\n          placeholder=\"session UUID\"\n          icon={UiFingerprint}\n          mono\n        />\n      </SpecField>\n      <CheckboxField\n        label=\"Disable prompt caching\"\n        checked={value.noCache}\n        onChange={(noCache) => onChange(withRoot(value, { noCache }))}\n      />\n    </div>\n  );\n}\n\nfunction FallbackModelsEditor({\n  value,\n  onChange,\n  models,\n  families = SPEC_RUNTIME_FAMILIES,\n}: {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n  models: ChatModel[];\n  families?: SpecRuntimeFamily[] | undefined;\n}) {\n  const fallbacks = value.fallbacks ?? [];\n  const [expandedIndex, setExpandedIndex] = useState<number | null>(null);\n\n  const setFallbacks = (nextFallbacks: AISpecRuntimeModelFallback[]) => {\n    onChange(withRoot(value, { fallbacks: nextFallbacks }));\n  };\n\n  const removeFallback = (index: number) => {\n    setFallbacks(fallbacks.filter((_, rowIndex) => rowIndex !== index));\n    setExpandedIndex((current) => {\n      if (current == null) return null;\n      if (current === index) return null;\n      return current > index ? current - 1 : current;\n    });\n  };\n\n  const addFallback = () => {\n    const nextFallbacks = [...fallbacks, newFallbackDraft(value, families)];\n    setFallbacks(nextFallbacks);\n    setExpandedIndex(nextFallbacks.length - 1);\n  };\n\n  const updateFallback = (index: number, nextFallback: FallbackDraftPatch) => {\n    setFallbacks(\n      fallbacks.map((fallback, rowIndex) =>\n        rowIndex === index ? compactEditableFallback(nextFallback) : fallback,\n      ),\n    );\n  };\n\n  const toggleFallback = (index: number) => {\n    setExpandedIndex((current) => (current === index ? null : index));\n  };\n\n  return (\n    <div className=\"space-y-density-2\">\n      <div className=\"flex items-center justify-between gap-density-2\">\n        <div className=\"inline-flex min-w-0 items-center gap-1.5 text-xs font-medium text-muted-foreground\">\n          <Icon icon={UiRepeat} className=\"size-3.5 shrink-0\" />\n          <span>Fallback models</span>\n        </div>\n        <button\n          type=\"button\"\n          onClick={addFallback}\n          className=\"inline-flex items-center gap-1 rounded-md border border-border bg-background px-density-2 py-density-1 text-xs font-medium text-muted-foreground hover:bg-muted hover:text-foreground\"\n        >\n          <Icon icon={UiAdd} className=\"size-3.5\" />\n          Add\n        </button>\n      </div>\n      {fallbacks.length > 0 && (\n        <div className=\"overflow-hidden rounded-md border border-border\">\n          <div className=\"divide-y divide-border\">\n            {fallbacks.map((fallback, index) => (\n              <FallbackModelRow\n                key={`${fallback.model ?? \"fallback\"}-${index}`}\n                fallback={fallback}\n                models={models}\n                families={families}\n                expanded={expandedIndex === index}\n                editorId={`spec-runtime-fallback-${index}-picker`}\n                onToggle={() => toggleFallback(index)}\n                onChange={(nextFallback) => updateFallback(index, nextFallback)}\n                onRemove={() => removeFallback(index)}\n              />\n            ))}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction FallbackModelRow({\n  fallback,\n  models,\n  families,\n  expanded,\n  editorId,\n  onToggle,\n  onChange,\n  onRemove,\n}: {\n  fallback: AISpecRuntimeModelFallback;\n  models: ChatModel[];\n  families: SpecRuntimeFamily[];\n  expanded: boolean;\n  editorId: string;\n  onToggle: () => void;\n  onChange: (value: AISpecRuntimeModelFallback) => void;\n  onRemove: () => void;\n}) {\n  const meta = fallbackModelMeta(fallback, models);\n  const Glyph = meta.provider ? providerIcon(meta.provider) : undefined;\n  const label = meta.label || \"Select model\";\n  // The collapsed row is the bar in miniature: brand mark, runtime mode, model,\n  // effort — each carrying the same tone it has inside the expanded editor.\n  const mode = modeForBackend(families, fallback.backend);\n  const effortGlyph = fallback.effort\n    ? effortLevelIcon(fallback.effort)\n    : undefined;\n  return (\n    <div>\n      <div className=\"grid min-h-9 grid-cols-[minmax(0,1fr)_auto] items-center gap-density-1 px-density-1 py-density-1\">\n        <button\n          type=\"button\"\n          aria-expanded={expanded}\n          aria-controls={editorId}\n          aria-label={`Edit fallback ${label}`}\n          onClick={onToggle}\n          className=\"grid min-w-0 grid-cols-[auto_auto_minmax(0,1fr)_auto] items-center gap-density-2 rounded-md px-density-1 py-density-1 text-left hover:bg-muted\"\n        >\n          {Glyph ? (\n            <Glyph\n              className={cn(\n                \"size-4 shrink-0\",\n                meta.provider ? providerIconColor(meta.provider) : undefined,\n              )}\n            />\n          ) : (\n            <Icon\n              icon={UiSparkles}\n              className=\"size-4 shrink-0 text-muted-foreground/70\"\n            />\n          )}\n          {mode?.icon ? (\n            <Icon\n              icon={mode.icon}\n              className=\"size-4 shrink-0 text-muted-foreground\"\n              title={mode.title ?? mode.label}\n            />\n          ) : (\n            // Held open so rows with and without a known mode still align.\n            <span aria-hidden=\"true\" className=\"size-4\" />\n          )}\n          <span\n            className=\"min-w-0 truncate font-mono text-xs text-foreground\"\n            title={label}\n          >\n            {label}\n          </span>\n          {fallback.effort ? (\n            <span className=\"inline-flex items-center gap-1 rounded-full bg-muted px-2 py-0.5 text-[10px] font-semibold uppercase leading-none text-muted-foreground\">\n              {effortGlyph && (\n                <Icon\n                  icon={effortGlyph}\n                  className={cn(\"size-3\", effortLevelColor(fallback.effort))}\n                />\n              )}\n              {effortLevelLabel(fallback.effort)}\n            </span>\n          ) : (\n            <span aria-hidden=\"true\" />\n          )}\n        </button>\n        <IconButton\n          icon={UiTrash}\n          label={`Remove ${label}`}\n          onClick={onRemove}\n          className=\"size-6\"\n          iconClassName=\"size-4\"\n        />\n      </div>\n      {expanded && (\n        <div className=\"border-t border-border p-density-2\">\n          <FallbackModelPicker\n            id={editorId}\n            value={fallback}\n            onChange={onChange}\n            models={models}\n            families={families}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction FallbackModelPicker({\n  id,\n  value,\n  onChange,\n  models,\n  families,\n}: {\n  id: string;\n  value: AISpecRuntimeModelFallback;\n  onChange: (value: AISpecRuntimeModelFallback) => void;\n  models: ChatModel[];\n  families: SpecRuntimeFamily[];\n}) {\n  return (\n    <div\n      id={id}\n      role=\"group\"\n      aria-label=\"Fallback model picker\"\n      className=\"rounded-md border border-dashed border-border bg-muted/20 p-density-2\"\n    >\n      <RuntimeBar\n        value={value}\n        onChange={(next) => onChange(compactEditableFallback(next))}\n        models={models}\n        families={families}\n        ariaLabel=\"Fallback runtime\"\n      />\n    </div>\n  );\n}\n\nfunction newFallbackDraft(\n  value: AISpecRuntimeValue,\n  families: SpecRuntimeFamily[],\n): AISpecRuntimeModelFallback {\n  const fallback: AISpecRuntimeModelFallback = {};\n  const backend = value.backend || defaultFallbackBackend(families);\n  if (backend) fallback.backend = backend;\n  if (value.effort) fallback.effort = value.effort;\n  if (value.temperature != null && Number.isFinite(value.temperature)) {\n    fallback.temperature = value.temperature;\n  }\n  return fallback;\n}\n\nfunction defaultFallbackBackend(families: SpecRuntimeFamily[]): string {\n  const family = families[0] ?? SPEC_RUNTIME_FAMILIES[0];\n  return family ? firstMode(family).backend : \"\";\n}\n\nfunction compactEditableFallback(\n  value: FallbackDraftPatch,\n): AISpecRuntimeModelFallback {\n  const next: AISpecRuntimeModelFallback = {};\n  const model = cleanString(value.model);\n  if (model) next.model = model;\n  const id = cleanString(value.id);\n  if (id) next.id = id;\n  const backend = cleanString(value.backend);\n  if (backend) next.backend = backend;\n  if (value.temperature != null && Number.isFinite(value.temperature)) {\n    next.temperature = value.temperature;\n  }\n  const effort = cleanString(value.effort);\n  if (effort) next.effort = effort;\n  if (value.noCache) next.noCache = true;\n  return next;\n}\n\nfunction fallbackModelMeta(\n  fallback: AISpecRuntimeModelFallback,\n  models: ChatModel[],\n): { label: string; provider?: string | undefined } {\n  const modelId = fallback.model ?? \"\";\n  const match = models.find(\n    (model) => model.id === modelId || model.label === modelId,\n  );\n  if (match) return { label: match.label, provider: match.provider };\n  return {\n    label: modelId || fallback.id || \"\",\n    provider: inferProvider(fallback),\n  };\n}\n\nfunction inferProvider(\n  fallback: AISpecRuntimeModelFallback,\n): string | undefined {\n  const text =\n    `${fallback.backend ?? \"\"} ${fallback.model ?? \"\"}`.toLowerCase();\n  if (text.includes(\"anthropic\") || text.includes(\"claude\")) return \"anthropic\";\n  if (text.includes(\"google\") || text.includes(\"gemini\")) return \"googleai\";\n  if (\n    text.includes(\"openai\") ||\n    text.includes(\"gpt\") ||\n    text.includes(\"codex\")\n  ) {\n    return \"openai\";\n  }\n  return undefined;\n}\n\nfunction cleanString(value: string | undefined): string {\n  return value?.trim() ?? \"\";\n}\n"],"names":[],"mappings":"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"}

package/dist/data/ai/SpecRuntimeEditor/PromptSection.cjs

@@ -78,7 +78,6 @@ function PromptAdvanced({
         value: schemaText((_b = value.prompt) == null ? void 0 : _b.schemaJSON),
         onChange: (schemaJSON) => onChange(update.withPrompt(value, { schemaJSON })),
         minHeight: 176,
-        placeholder: '{"type":"object","properties":{}}',
         icon: UiFileJson.UiFileJson
       }
     )

package/dist/data/ai/SpecRuntimeEditor/PromptSection.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"PromptSection.cjs","sources":["../../../../src/data/ai/SpecRuntimeEditor/PromptSection.tsx"],"sourcesContent":["import { SegmentedControl } from \"../../../components/SegmentedControl\";\nimport { UiAdd, UiFileJson, UiGearSix, UiUser } from \"../../../icons\";\nimport {\n  SPEC_SCHEMA_STRICTNESS,\n  type AISpecRuntimeValue,\n  type SpecSchemaStrictness,\n} from \"../SpecRuntimeEditor.model\";\nimport { ExpandField, SpecField, TextareaField } from \"./fields\";\nimport { withPrompt } from \"./update\";\n\nconst SCHEMA_STRICTNESS_OPTIONS: Array<{\n  id: SpecSchemaStrictness | \"\";\n  label: string;\n}> = [\n  { id: \"\", label: \"None\" },\n  ...SPEC_SCHEMA_STRICTNESS.map((mode) => ({\n    id: mode,\n    label: mode.charAt(0).toUpperCase() + mode.slice(1),\n  })),\n];\n\nexport function PromptSection({\n  value,\n  onChange,\n}: {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n}) {\n  return (\n    <div className=\"grid gap-density-2\">\n      <ExpandField\n        label=\"User override\"\n        value={value.prompt?.user}\n        onChange={(user) => onChange(withPrompt(value, { user }))}\n        placeholder=\"Override the rendered user prompt\"\n        icon={UiUser}\n      />\n      <ExpandField\n        label=\"System\"\n        value={value.prompt?.system}\n        onChange={(system) => onChange(withPrompt(value, { system }))}\n        placeholder=\"Replace the system prompt\"\n        icon={UiGearSix}\n      />\n      <ExpandField\n        label=\"Append system\"\n        value={value.prompt?.appendSystem}\n        onChange={(appendSystem) =>\n          onChange(withPrompt(value, { appendSystem }))\n        }\n        placeholder=\"Appended to the default system prompt\"\n        icon={UiAdd}\n      />\n    </div>\n  );\n}\n\nexport function PromptAdvanced({\n  value,\n  onChange,\n}: {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n}) {\n  return (\n    <div className=\"grid gap-density-2\">\n      <SpecField label=\"Schema strictness\">\n        <SegmentedControl<SpecSchemaStrictness | \"\">\n          aria-label=\"Schema strictness\"\n          size=\"sm\"\n          wrap\n          value={value.prompt?.schemaStrictness ?? \"\"}\n          options={SCHEMA_STRICTNESS_OPTIONS}\n          onChange={(schemaStrictness) =>\n            onChange(withPrompt(value, { schemaStrictness }))\n          }\n        />\n      </SpecField>\n      <TextareaField\n        label=\"Prompt schema JSON\"\n        value={schemaText(value.prompt?.schemaJSON)}\n        onChange={(schemaJSON) => onChange(withPrompt(value, { schemaJSON }))}\n        minHeight={176}\n        placeholder='{\"type\":\"object\",\"properties\":{}}'\n        icon={UiFileJson}\n      />\n    </div>\n  );\n}\n\nfunction schemaText(value: unknown): string {\n  if (value == null) return \"\";\n  if (typeof value === \"string\") return value;\n  try {\n    return JSON.stringify(value, null, 2);\n  } catch {\n    return \"\";\n  }\n}\n"],"names":["SPEC_SCHEMA_STRICTNESS","jsxs","jsx","ExpandField","withPrompt","UiUser","UiGearSix","UiAdd","SpecField","SegmentedControl","TextareaField","UiFileJson"],"mappings":";;;;;;;;;;;AAUA,MAAM,4BAGD;AAAA,EACH,EAAE,IAAI,IAAI,OAAO,OAAA;AAAA,EACjB,GAAGA,wBAAAA,uBAAuB,IAAI,CAAC,UAAU;AAAA,IACvC,IAAI;AAAA,IACJ,OAAO,KAAK,OAAO,CAAC,EAAE,gBAAgB,KAAK,MAAM,CAAC;AAAA,EAAA,EAClD;AACJ;AAEO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AACF,GAGG;;AACD,SACEC,2BAAAA,KAAC,OAAA,EAAI,WAAU,sBACb,UAAA;AAAA,IAAAC,2BAAAA;AAAAA,MAACC,OAAAA;AAAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,QAAO,WAAM,WAAN,mBAAc;AAAA,QACrB,UAAU,CAAC,SAAS,SAASC,OAAAA,WAAW,OAAO,EAAE,KAAA,CAAM,CAAC;AAAA,QACxD,aAAY;AAAA,QACZ,MAAMC,OAAAA;AAAAA,MAAA;AAAA,IAAA;AAAA,IAERH,2BAAAA;AAAAA,MAACC,OAAAA;AAAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,QAAO,WAAM,WAAN,mBAAc;AAAA,QACrB,UAAU,CAAC,WAAW,SAASC,OAAAA,WAAW,OAAO,EAAE,OAAA,CAAQ,CAAC;AAAA,QAC5D,aAAY;AAAA,QACZ,MAAME,UAAAA;AAAAA,MAAA;AAAA,IAAA;AAAA,IAERJ,2BAAAA;AAAAA,MAACC,OAAAA;AAAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,QAAO,WAAM,WAAN,mBAAc;AAAA,QACrB,UAAU,CAAC,iBACT,SAASC,OAAAA,WAAW,OAAO,EAAE,aAAA,CAAc,CAAC;AAAA,QAE9C,aAAY;AAAA,QACZ,MAAMG,MAAAA;AAAAA,MAAA;AAAA,IAAA;AAAA,EACR,GACF;AAEJ;AAEO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AACF,GAGG;;AACD,SACEN,2BAAAA,KAAC,OAAA,EAAI,WAAU,sBACb,UAAA;AAAA,IAAAC,2BAAAA,IAACM,OAAAA,WAAA,EAAU,OAAM,qBACf,UAAAN,2BAAAA;AAAAA,MAACO,iBAAAA;AAAAA,MAAA;AAAA,QACC,cAAW;AAAA,QACX,MAAK;AAAA,QACL,MAAI;AAAA,QACJ,SAAO,WAAM,WAAN,mBAAc,qBAAoB;AAAA,QACzC,SAAS;AAAA,QACT,UAAU,CAAC,qBACT,SAASL,OAAAA,WAAW,OAAO,EAAE,kBAAkB,CAAC;AAAA,MAAA;AAAA,IAAA,GAGtD;AAAA,IACAF,2BAAAA;AAAAA,MAACQ,OAAAA;AAAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,OAAO,YAAW,WAAM,WAAN,mBAAc,UAAU;AAAA,QAC1C,UAAU,CAAC,eAAe,SAASN,OAAAA,WAAW,OAAO,EAAE,WAAA,CAAY,CAAC;AAAA,QACpE,WAAW;AAAA,QACX,aAAY;AAAA,QACZ,MAAMO,WAAAA;AAAAA,MAAA;AAAA,IAAA;AAAA,EACR,GACF;AAEJ;AAEA,SAAS,WAAW,OAAwB;AAC1C,MAAI,SAAS,KAAM,QAAO;AAC1B,MAAI,OAAO,UAAU,SAAU,QAAO;AACtC,MAAI;AACF,WAAO,KAAK,UAAU,OAAO,MAAM,CAAC;AAAA,EACtC,QAAQ;AACN,WAAO;AAAA,EACT;AACF;;;"}
+{"version":3,"file":"PromptSection.cjs","sources":["../../../../src/data/ai/SpecRuntimeEditor/PromptSection.tsx"],"sourcesContent":["import { SegmentedControl } from \"../../../components/SegmentedControl\";\nimport { UiAdd, UiFileJson, UiGearSix, UiUser } from \"../../../icons\";\nimport {\n  SPEC_SCHEMA_STRICTNESS,\n  type AISpecRuntimeValue,\n  type SpecSchemaStrictness,\n} from \"../SpecRuntimeEditor.model\";\nimport { ExpandField, SpecField, TextareaField } from \"./fields\";\nimport { withPrompt } from \"./update\";\n\nconst SCHEMA_STRICTNESS_OPTIONS: Array<{\n  id: SpecSchemaStrictness | \"\";\n  label: string;\n}> = [\n  { id: \"\", label: \"None\" },\n  ...SPEC_SCHEMA_STRICTNESS.map((mode) => ({\n    id: mode,\n    label: mode.charAt(0).toUpperCase() + mode.slice(1),\n  })),\n];\n\nexport function PromptSection({\n  value,\n  onChange,\n}: {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n}) {\n  return (\n    <div className=\"grid gap-density-2\">\n      <ExpandField\n        label=\"User override\"\n        value={value.prompt?.user}\n        onChange={(user) => onChange(withPrompt(value, { user }))}\n        placeholder=\"Override the rendered user prompt\"\n        icon={UiUser}\n      />\n      <ExpandField\n        label=\"System\"\n        value={value.prompt?.system}\n        onChange={(system) => onChange(withPrompt(value, { system }))}\n        placeholder=\"Replace the system prompt\"\n        icon={UiGearSix}\n      />\n      <ExpandField\n        label=\"Append system\"\n        value={value.prompt?.appendSystem}\n        onChange={(appendSystem) =>\n          onChange(withPrompt(value, { appendSystem }))\n        }\n        placeholder=\"Appended to the default system prompt\"\n        icon={UiAdd}\n      />\n    </div>\n  );\n}\n\nexport function PromptAdvanced({\n  value,\n  onChange,\n}: {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n}) {\n  return (\n    <div className=\"grid gap-density-2\">\n      <SpecField label=\"Schema strictness\">\n        <SegmentedControl<SpecSchemaStrictness | \"\">\n          aria-label=\"Schema strictness\"\n          size=\"sm\"\n          wrap\n          value={value.prompt?.schemaStrictness ?? \"\"}\n          options={SCHEMA_STRICTNESS_OPTIONS}\n          onChange={(schemaStrictness) =>\n            onChange(withPrompt(value, { schemaStrictness }))\n          }\n        />\n      </SpecField>\n      <TextareaField\n        label=\"Prompt schema JSON\"\n        value={schemaText(value.prompt?.schemaJSON)}\n        onChange={(schemaJSON) => onChange(withPrompt(value, { schemaJSON }))}\n        minHeight={176}\n        icon={UiFileJson}\n      />\n    </div>\n  );\n}\n\nfunction schemaText(value: unknown): string {\n  if (value == null) return \"\";\n  if (typeof value === \"string\") return value;\n  try {\n    return JSON.stringify(value, null, 2);\n  } catch {\n    return \"\";\n  }\n}\n"],"names":["SPEC_SCHEMA_STRICTNESS","jsxs","jsx","ExpandField","withPrompt","UiUser","UiGearSix","UiAdd","SpecField","SegmentedControl","TextareaField","UiFileJson"],"mappings":";;;;;;;;;;;AAUA,MAAM,4BAGD;AAAA,EACH,EAAE,IAAI,IAAI,OAAO,OAAA;AAAA,EACjB,GAAGA,wBAAAA,uBAAuB,IAAI,CAAC,UAAU;AAAA,IACvC,IAAI;AAAA,IACJ,OAAO,KAAK,OAAO,CAAC,EAAE,gBAAgB,KAAK,MAAM,CAAC;AAAA,EAAA,EAClD;AACJ;AAEO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AACF,GAGG;;AACD,SACEC,2BAAAA,KAAC,OAAA,EAAI,WAAU,sBACb,UAAA;AAAA,IAAAC,2BAAAA;AAAAA,MAACC,OAAAA;AAAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,QAAO,WAAM,WAAN,mBAAc;AAAA,QACrB,UAAU,CAAC,SAAS,SAASC,OAAAA,WAAW,OAAO,EAAE,KAAA,CAAM,CAAC;AAAA,QACxD,aAAY;AAAA,QACZ,MAAMC,OAAAA;AAAAA,MAAA;AAAA,IAAA;AAAA,IAERH,2BAAAA;AAAAA,MAACC,OAAAA;AAAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,QAAO,WAAM,WAAN,mBAAc;AAAA,QACrB,UAAU,CAAC,WAAW,SAASC,OAAAA,WAAW,OAAO,EAAE,OAAA,CAAQ,CAAC;AAAA,QAC5D,aAAY;AAAA,QACZ,MAAME,UAAAA;AAAAA,MAAA;AAAA,IAAA;AAAA,IAERJ,2BAAAA;AAAAA,MAACC,OAAAA;AAAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,QAAO,WAAM,WAAN,mBAAc;AAAA,QACrB,UAAU,CAAC,iBACT,SAASC,OAAAA,WAAW,OAAO,EAAE,aAAA,CAAc,CAAC;AAAA,QAE9C,aAAY;AAAA,QACZ,MAAMG,MAAAA;AAAAA,MAAA;AAAA,IAAA;AAAA,EACR,GACF;AAEJ;AAEO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AACF,GAGG;;AACD,SACEN,2BAAAA,KAAC,OAAA,EAAI,WAAU,sBACb,UAAA;AAAA,IAAAC,2BAAAA,IAACM,OAAAA,WAAA,EAAU,OAAM,qBACf,UAAAN,2BAAAA;AAAAA,MAACO,iBAAAA;AAAAA,MAAA;AAAA,QACC,cAAW;AAAA,QACX,MAAK;AAAA,QACL,MAAI;AAAA,QACJ,SAAO,WAAM,WAAN,mBAAc,qBAAoB;AAAA,QACzC,SAAS;AAAA,QACT,UAAU,CAAC,qBACT,SAASL,OAAAA,WAAW,OAAO,EAAE,kBAAkB,CAAC;AAAA,MAAA;AAAA,IAAA,GAGtD;AAAA,IACAF,2BAAAA;AAAAA,MAACQ,OAAAA;AAAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,OAAO,YAAW,WAAM,WAAN,mBAAc,UAAU;AAAA,QAC1C,UAAU,CAAC,eAAe,SAASN,OAAAA,WAAW,OAAO,EAAE,WAAA,CAAY,CAAC;AAAA,QACpE,WAAW;AAAA,QACX,MAAMO,WAAAA;AAAAA,MAAA;AAAA,IAAA;AAAA,EACR,GACF;AAEJ;AAEA,SAAS,WAAW,OAAwB;AAC1C,MAAI,SAAS,KAAM,QAAO;AAC1B,MAAI,OAAO,UAAU,SAAU,QAAO;AACtC,MAAI;AACF,WAAO,KAAK,UAAU,OAAO,MAAM,CAAC;AAAA,EACtC,QAAQ;AACN,WAAO;AAAA,EACT;AACF;;;"}

package/dist/data/ai/SpecRuntimeEditor/PromptSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PromptSection.d.ts","sourceRoot":"","sources":["../../../../src/data/ai/SpecRuntimeEditor/PromptSection.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,kBAAkB,EAExB,MAAM,4BAA4B,CAAC;AAepC,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,kBAAkB,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;CAC/C,2CA4BA;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,kBAAkB,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;CAC/C,2CAyBA"}
+{"version":3,"file":"PromptSection.d.ts","sourceRoot":"","sources":["../../../../src/data/ai/SpecRuntimeEditor/PromptSection.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,kBAAkB,EAExB,MAAM,4BAA4B,CAAC;AAepC,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,kBAAkB,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;CAC/C,2CA4BA;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,kBAAkB,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;CAC/C,2CAwBA"}

package/dist/data/ai/SpecRuntimeEditor/PromptSection.js

@@ -76,7 +76,6 @@ function PromptAdvanced({
         value: schemaText((_b = value.prompt) == null ? void 0 : _b.schemaJSON),
         onChange: (schemaJSON) => onChange(withPrompt(value, { schemaJSON })),
         minHeight: 176,
-        placeholder: '{"type":"object","properties":{}}',
         icon: UiFileJson
       }
     )

package/dist/data/ai/SpecRuntimeEditor/PromptSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"PromptSection.js","sources":["../../../../src/data/ai/SpecRuntimeEditor/PromptSection.tsx"],"sourcesContent":["import { SegmentedControl } from \"../../../components/SegmentedControl\";\nimport { UiAdd, UiFileJson, UiGearSix, UiUser } from \"../../../icons\";\nimport {\n  SPEC_SCHEMA_STRICTNESS,\n  type AISpecRuntimeValue,\n  type SpecSchemaStrictness,\n} from \"../SpecRuntimeEditor.model\";\nimport { ExpandField, SpecField, TextareaField } from \"./fields\";\nimport { withPrompt } from \"./update\";\n\nconst SCHEMA_STRICTNESS_OPTIONS: Array<{\n  id: SpecSchemaStrictness | \"\";\n  label: string;\n}> = [\n  { id: \"\", label: \"None\" },\n  ...SPEC_SCHEMA_STRICTNESS.map((mode) => ({\n    id: mode,\n    label: mode.charAt(0).toUpperCase() + mode.slice(1),\n  })),\n];\n\nexport function PromptSection({\n  value,\n  onChange,\n}: {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n}) {\n  return (\n    <div className=\"grid gap-density-2\">\n      <ExpandField\n        label=\"User override\"\n        value={value.prompt?.user}\n        onChange={(user) => onChange(withPrompt(value, { user }))}\n        placeholder=\"Override the rendered user prompt\"\n        icon={UiUser}\n      />\n      <ExpandField\n        label=\"System\"\n        value={value.prompt?.system}\n        onChange={(system) => onChange(withPrompt(value, { system }))}\n        placeholder=\"Replace the system prompt\"\n        icon={UiGearSix}\n      />\n      <ExpandField\n        label=\"Append system\"\n        value={value.prompt?.appendSystem}\n        onChange={(appendSystem) =>\n          onChange(withPrompt(value, { appendSystem }))\n        }\n        placeholder=\"Appended to the default system prompt\"\n        icon={UiAdd}\n      />\n    </div>\n  );\n}\n\nexport function PromptAdvanced({\n  value,\n  onChange,\n}: {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n}) {\n  return (\n    <div className=\"grid gap-density-2\">\n      <SpecField label=\"Schema strictness\">\n        <SegmentedControl<SpecSchemaStrictness | \"\">\n          aria-label=\"Schema strictness\"\n          size=\"sm\"\n          wrap\n          value={value.prompt?.schemaStrictness ?? \"\"}\n          options={SCHEMA_STRICTNESS_OPTIONS}\n          onChange={(schemaStrictness) =>\n            onChange(withPrompt(value, { schemaStrictness }))\n          }\n        />\n      </SpecField>\n      <TextareaField\n        label=\"Prompt schema JSON\"\n        value={schemaText(value.prompt?.schemaJSON)}\n        onChange={(schemaJSON) => onChange(withPrompt(value, { schemaJSON }))}\n        minHeight={176}\n        placeholder='{\"type\":\"object\",\"properties\":{}}'\n        icon={UiFileJson}\n      />\n    </div>\n  );\n}\n\nfunction schemaText(value: unknown): string {\n  if (value == null) return \"\";\n  if (typeof value === \"string\") return value;\n  try {\n    return JSON.stringify(value, null, 2);\n  } catch {\n    return \"\";\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;AAUA,MAAM,4BAGD;AAAA,EACH,EAAE,IAAI,IAAI,OAAO,OAAA;AAAA,EACjB,GAAG,uBAAuB,IAAI,CAAC,UAAU;AAAA,IACvC,IAAI;AAAA,IACJ,OAAO,KAAK,OAAO,CAAC,EAAE,gBAAgB,KAAK,MAAM,CAAC;AAAA,EAAA,EAClD;AACJ;AAEO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AACF,GAGG;;AACD,SACE,qBAAC,OAAA,EAAI,WAAU,sBACb,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,QAAO,WAAM,WAAN,mBAAc;AAAA,QACrB,UAAU,CAAC,SAAS,SAAS,WAAW,OAAO,EAAE,KAAA,CAAM,CAAC;AAAA,QACxD,aAAY;AAAA,QACZ,MAAM;AAAA,MAAA;AAAA,IAAA;AAAA,IAER;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,QAAO,WAAM,WAAN,mBAAc;AAAA,QACrB,UAAU,CAAC,WAAW,SAAS,WAAW,OAAO,EAAE,OAAA,CAAQ,CAAC;AAAA,QAC5D,aAAY;AAAA,QACZ,MAAM;AAAA,MAAA;AAAA,IAAA;AAAA,IAER;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,QAAO,WAAM,WAAN,mBAAc;AAAA,QACrB,UAAU,CAAC,iBACT,SAAS,WAAW,OAAO,EAAE,aAAA,CAAc,CAAC;AAAA,QAE9C,aAAY;AAAA,QACZ,MAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EACR,GACF;AAEJ;AAEO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AACF,GAGG;;AACD,SACE,qBAAC,OAAA,EAAI,WAAU,sBACb,UAAA;AAAA,IAAA,oBAAC,WAAA,EAAU,OAAM,qBACf,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,cAAW;AAAA,QACX,MAAK;AAAA,QACL,MAAI;AAAA,QACJ,SAAO,WAAM,WAAN,mBAAc,qBAAoB;AAAA,QACzC,SAAS;AAAA,QACT,UAAU,CAAC,qBACT,SAAS,WAAW,OAAO,EAAE,kBAAkB,CAAC;AAAA,MAAA;AAAA,IAAA,GAGtD;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,OAAO,YAAW,WAAM,WAAN,mBAAc,UAAU;AAAA,QAC1C,UAAU,CAAC,eAAe,SAAS,WAAW,OAAO,EAAE,WAAA,CAAY,CAAC;AAAA,QACpE,WAAW;AAAA,QACX,aAAY;AAAA,QACZ,MAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EACR,GACF;AAEJ;AAEA,SAAS,WAAW,OAAwB;AAC1C,MAAI,SAAS,KAAM,QAAO;AAC1B,MAAI,OAAO,UAAU,SAAU,QAAO;AACtC,MAAI;AACF,WAAO,KAAK,UAAU,OAAO,MAAM,CAAC;AAAA,EACtC,QAAQ;AACN,WAAO;AAAA,EACT;AACF;"}
+{"version":3,"file":"PromptSection.js","sources":["../../../../src/data/ai/SpecRuntimeEditor/PromptSection.tsx"],"sourcesContent":["import { SegmentedControl } from \"../../../components/SegmentedControl\";\nimport { UiAdd, UiFileJson, UiGearSix, UiUser } from \"../../../icons\";\nimport {\n  SPEC_SCHEMA_STRICTNESS,\n  type AISpecRuntimeValue,\n  type SpecSchemaStrictness,\n} from \"../SpecRuntimeEditor.model\";\nimport { ExpandField, SpecField, TextareaField } from \"./fields\";\nimport { withPrompt } from \"./update\";\n\nconst SCHEMA_STRICTNESS_OPTIONS: Array<{\n  id: SpecSchemaStrictness | \"\";\n  label: string;\n}> = [\n  { id: \"\", label: \"None\" },\n  ...SPEC_SCHEMA_STRICTNESS.map((mode) => ({\n    id: mode,\n    label: mode.charAt(0).toUpperCase() + mode.slice(1),\n  })),\n];\n\nexport function PromptSection({\n  value,\n  onChange,\n}: {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n}) {\n  return (\n    <div className=\"grid gap-density-2\">\n      <ExpandField\n        label=\"User override\"\n        value={value.prompt?.user}\n        onChange={(user) => onChange(withPrompt(value, { user }))}\n        placeholder=\"Override the rendered user prompt\"\n        icon={UiUser}\n      />\n      <ExpandField\n        label=\"System\"\n        value={value.prompt?.system}\n        onChange={(system) => onChange(withPrompt(value, { system }))}\n        placeholder=\"Replace the system prompt\"\n        icon={UiGearSix}\n      />\n      <ExpandField\n        label=\"Append system\"\n        value={value.prompt?.appendSystem}\n        onChange={(appendSystem) =>\n          onChange(withPrompt(value, { appendSystem }))\n        }\n        placeholder=\"Appended to the default system prompt\"\n        icon={UiAdd}\n      />\n    </div>\n  );\n}\n\nexport function PromptAdvanced({\n  value,\n  onChange,\n}: {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n}) {\n  return (\n    <div className=\"grid gap-density-2\">\n      <SpecField label=\"Schema strictness\">\n        <SegmentedControl<SpecSchemaStrictness | \"\">\n          aria-label=\"Schema strictness\"\n          size=\"sm\"\n          wrap\n          value={value.prompt?.schemaStrictness ?? \"\"}\n          options={SCHEMA_STRICTNESS_OPTIONS}\n          onChange={(schemaStrictness) =>\n            onChange(withPrompt(value, { schemaStrictness }))\n          }\n        />\n      </SpecField>\n      <TextareaField\n        label=\"Prompt schema JSON\"\n        value={schemaText(value.prompt?.schemaJSON)}\n        onChange={(schemaJSON) => onChange(withPrompt(value, { schemaJSON }))}\n        minHeight={176}\n        icon={UiFileJson}\n      />\n    </div>\n  );\n}\n\nfunction schemaText(value: unknown): string {\n  if (value == null) return \"\";\n  if (typeof value === \"string\") return value;\n  try {\n    return JSON.stringify(value, null, 2);\n  } catch {\n    return \"\";\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;AAUA,MAAM,4BAGD;AAAA,EACH,EAAE,IAAI,IAAI,OAAO,OAAA;AAAA,EACjB,GAAG,uBAAuB,IAAI,CAAC,UAAU;AAAA,IACvC,IAAI;AAAA,IACJ,OAAO,KAAK,OAAO,CAAC,EAAE,gBAAgB,KAAK,MAAM,CAAC;AAAA,EAAA,EAClD;AACJ;AAEO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AACF,GAGG;;AACD,SACE,qBAAC,OAAA,EAAI,WAAU,sBACb,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,QAAO,WAAM,WAAN,mBAAc;AAAA,QACrB,UAAU,CAAC,SAAS,SAAS,WAAW,OAAO,EAAE,KAAA,CAAM,CAAC;AAAA,QACxD,aAAY;AAAA,QACZ,MAAM;AAAA,MAAA;AAAA,IAAA;AAAA,IAER;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,QAAO,WAAM,WAAN,mBAAc;AAAA,QACrB,UAAU,CAAC,WAAW,SAAS,WAAW,OAAO,EAAE,OAAA,CAAQ,CAAC;AAAA,QAC5D,aAAY;AAAA,QACZ,MAAM;AAAA,MAAA;AAAA,IAAA;AAAA,IAER;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,QAAO,WAAM,WAAN,mBAAc;AAAA,QACrB,UAAU,CAAC,iBACT,SAAS,WAAW,OAAO,EAAE,aAAA,CAAc,CAAC;AAAA,QAE9C,aAAY;AAAA,QACZ,MAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EACR,GACF;AAEJ;AAEO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AACF,GAGG;;AACD,SACE,qBAAC,OAAA,EAAI,WAAU,sBACb,UAAA;AAAA,IAAA,oBAAC,WAAA,EAAU,OAAM,qBACf,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,cAAW;AAAA,QACX,MAAK;AAAA,QACL,MAAI;AAAA,QACJ,SAAO,WAAM,WAAN,mBAAc,qBAAoB;AAAA,QACzC,SAAS;AAAA,QACT,UAAU,CAAC,qBACT,SAAS,WAAW,OAAO,EAAE,kBAAkB,CAAC;AAAA,MAAA;AAAA,IAAA,GAGtD;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,OAAO,YAAW,WAAM,WAAN,mBAAc,UAAU;AAAA,QAC1C,UAAU,CAAC,eAAe,SAAS,WAAW,OAAO,EAAE,WAAA,CAAY,CAAC;AAAA,QACpE,WAAW;AAAA,QACX,MAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EACR,GACF;AAEJ;AAEA,SAAS,WAAW,OAAwB;AAC1C,MAAI,SAAS,KAAM,QAAO;AAC1B,MAAI,OAAO,UAAU,SAAU,QAAO;AACtC,MAAI;AACF,WAAO,KAAK,UAAU,OAAO,MAAM,CAAC;AAAA,EACtC,QAAQ;AACN,WAAO;AAAA,EACT;AACF;"}

package/dist/data/ai/SpecRuntimeEditor/WorkspaceSection.cjs

@@ -43,7 +43,6 @@ function WorkspaceSection({
         {
           value: (_a = value.setup) == null ? void 0 : _a.cwd,
           onChange: (cwd) => onChange(update.withSetup(value, { cwd })),
-          placeholder: ".",
           icon: UiFolder.UiFolder,
           mono: true
         }
@@ -53,7 +52,6 @@ function WorkspaceSection({
         {
           value: (_b = value.setup) == null ? void 0 : _b.baseDir,
           onChange: (baseDir) => onChange(update.withSetup(value, { baseDir })),
-          placeholder: ".captain/workspaces",
           icon: UiFolder.UiFolder,
           mono: true
         }
@@ -172,7 +170,6 @@ function WorkspaceSection({
               {
                 value: (_t = (_s = (_r = value.setup) == null ? void 0 : _r.checkout) == null ? void 0 : _s.worktree) == null ? void 0 : _t.base,
                 onChange: (base) => onChange(update.withWorktree(value, { base })),
-                placeholder: "main",
                 icon: UiGitBranch.UiGitBranch,
                 mono: true
               }
@@ -183,7 +180,6 @@ function WorkspaceSection({
             {
               value: (_w = (_v = (_u = value.setup) == null ? void 0 : _u.checkout) == null ? void 0 : _v.worktree) == null ? void 0 : _w.path,
               onChange: (path) => onChange(update.withWorktree(value, { path })),
-              placeholder: ".shell/worktrees/spec-runtime",
               icon: UiFolder.UiFolder,
               mono: true
             }
@@ -215,7 +211,6 @@ function WorkspaceSection({
         {
           value: (_C = (_B = (_A = value.setup) == null ? void 0 : _A.checkout) == null ? void 0 : _B.dirty) == null ? void 0 : _C.since,
           onChange: (since) => onChange(update.withDirty(value, { since })),
-          placeholder: "origin/main",
           icon: UiClock.UiClock,
           mono: true
         }