@flanksource/clicky-ui 0.3.21 → 0.3.23

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

@@ -1 +1 @@
-{"version":3,"file":"fields.js","sources":["../../../../src/data/ai/SpecRuntimeEditor/fields.tsx"],"sourcesContent":["import { useState, type ReactNode } from \"react\";\nimport { InputField } from \"../../../components/InputField\";\nimport { Switch } from \"../../../components/Switch\";\nimport { Icon, type StaticIconComponent } from \"../../Icon\";\nimport { UiChevronDown, UiChevronRight } from \"../../../icons\";\nimport { cn } from \"../../../lib/utils\";\n\nconst controlClassName =\n  \"h-control-h w-full rounded-md border border-border bg-background px-density-2 text-sm outline-none focus:ring-2 focus:ring-ring\";\n\nexport function SpecField({\n  label,\n  hint,\n  children,\n}: {\n  label: string;\n  hint?: string | undefined;\n  children: ReactNode;\n}) {\n  return (\n    <label className=\"block min-w-0 space-y-1 text-xs text-muted-foreground\">\n      <span>\n        {label}\n        {hint && <span className=\"text-muted-foreground/70\"> ({hint})</span>}\n      </span>\n      {children}\n    </label>\n  );\n}\n\nexport function SpecInput({\n  value,\n  onChange,\n  placeholder,\n  ariaLabel,\n  icon,\n  mono = false,\n}: {\n  value?: string | undefined;\n  onChange: (value: string) => void;\n  placeholder?: string | undefined;\n  ariaLabel?: string | undefined;\n  icon?: StaticIconComponent | undefined;\n  mono?: boolean | undefined;\n}) {\n  return (\n    <InputField\n      aria-label={ariaLabel}\n      value={value ?? \"\"}\n      onChange={onChange}\n      placeholder={placeholder}\n      prefix={\n        icon ? (\n          <Icon icon={icon} className=\"size-4 text-muted-foreground/70\" />\n        ) : undefined\n      }\n      inputClassName={cn(mono && \"font-mono text-xs\")}\n      className=\"bg-background\"\n    />\n  );\n}\n\nexport function SpecSelect({\n  value,\n  onChange,\n  ariaLabel,\n  icon,\n  children,\n}: {\n  value: string;\n  onChange: (value: string) => void;\n  ariaLabel?: string | undefined;\n  icon?: StaticIconComponent | undefined;\n  children: ReactNode;\n}) {\n  const select = (\n    <select\n      aria-label={ariaLabel}\n      value={value}\n      onChange={(event) => onChange(event.target.value)}\n      className={cn(controlClassName, icon && \"pl-8\")}\n    >\n      {children}\n    </select>\n  );\n  if (!icon) return select;\n  return (\n    <div className=\"relative\">\n      <Icon\n        icon={icon}\n        className=\"pointer-events-none absolute left-2 top-1/2 size-4 -translate-y-1/2 text-muted-foreground/70\"\n      />\n      {select}\n    </div>\n  );\n}\n\nexport function SpecButton({\n  onClick,\n  children,\n  ariaLabel,\n}: {\n  onClick: () => void;\n  children: ReactNode;\n  ariaLabel?: string | undefined;\n}) {\n  return (\n    <button\n      type=\"button\"\n      aria-label={ariaLabel}\n      onClick={onClick}\n      className=\"inline-flex  items-center gap-1 rounded-md border border-border bg-background px-density-2 text-xs font-medium text-muted-foreground hover:bg-muted hover:text-foreground\"\n    >\n      {children}\n    </button>\n  );\n}\n\nexport function NumberField({\n  label,\n  value,\n  onChange,\n  min,\n  max,\n  step,\n  icon,\n  integer = false,\n}: {\n  label: string;\n  value?: number | undefined;\n  onChange: (value: number | undefined) => void;\n  min?: number | undefined;\n  max?: number | undefined;\n  step?: number | undefined;\n  icon?: StaticIconComponent | undefined;\n  integer?: boolean | undefined;\n}) {\n  return (\n    <SpecField label={label}>\n      <InputField\n        type=\"number\"\n        aria-label={label}\n        value={value == null ? \"\" : String(value)}\n        min={min}\n        max={max}\n        step={step}\n        onChange={(next) => onChange(parseOptionalNumber(next, integer))}\n        prefix={\n          icon ? (\n            <Icon icon={icon} className=\"size-4 text-muted-foreground/70\" />\n          ) : undefined\n        }\n        className=\"bg-background\"\n      />\n    </SpecField>\n  );\n}\n\nexport function TextareaField({\n  label,\n  value,\n  onChange,\n  minHeight = 76,\n  placeholder,\n  icon,\n}: {\n  label: string;\n  value?: string | undefined;\n  onChange: (value: string) => void;\n  minHeight?: number | undefined;\n  placeholder?: string | undefined;\n  icon?: StaticIconComponent | undefined;\n}) {\n  return (\n    <SpecField label={label}>\n      <InputField\n        as=\"textarea\"\n        aria-label={label}\n        value={value ?? \"\"}\n        onChange={onChange}\n        placeholder={placeholder}\n        spellCheck={false}\n        style={{ minHeight }}\n        prefix={\n          icon ? (\n            <Icon\n              icon={icon}\n              className=\"mt-1 size-4 text-muted-foreground/70\"\n            />\n          ) : undefined\n        }\n        inputClassName=\"font-mono text-xs\"\n        className=\"bg-background\"\n      />\n    </SpecField>\n  );\n}\n\n// Single-line field that expands into a textarea while focused (design\n// .expand-field): collapsed it clips to one row, expanded it grows for\n// comfortable multi-line editing.\nexport function ExpandField({\n  label,\n  value,\n  onChange,\n  placeholder,\n  icon,\n}: {\n  label: string;\n  value?: string | undefined;\n  onChange: (value: string) => void;\n  placeholder?: string | undefined;\n  icon?: StaticIconComponent | undefined;\n}) {\n  const [expanded, setExpanded] = useState(false);\n  return (\n    <SpecField label={label}>\n      <InputField\n        as=\"textarea\"\n        aria-label={label}\n        rows={1}\n        value={value ?? \"\"}\n        onChange={onChange}\n        onFocus={() => setExpanded(true)}\n        onBlur={() => setExpanded(false)}\n        placeholder={placeholder}\n        spellCheck={false}\n        prefix={\n          icon ? (\n            <Icon\n              icon={icon}\n              className={cn(\n                \"size-4 text-muted-foreground/70\",\n                expanded ? \"mt-1\" : undefined,\n              )}\n            />\n          ) : undefined\n        }\n        inputClassName={cn(\n          \"font-mono text-xs transition-[height]\",\n          expanded\n            ? \"h-24 resize-y overflow-auto whitespace-pre-wrap\"\n            : \"h-5 resize-none overflow-hidden whitespace-nowrap leading-5\",\n        )}\n        className={cn(\n          \"bg-background\",\n          expanded ? undefined : \" items-center py-0\",\n        )}\n      />\n    </SpecField>\n  );\n}\n\nexport function ListField({\n  label,\n  value,\n  onChange,\n  placeholder,\n  icon,\n}: {\n  label: string;\n  value?: string[] | undefined;\n  onChange: (value: string[]) => void;\n  placeholder?: string | undefined;\n  icon?: StaticIconComponent | undefined;\n}) {\n  return (\n    <TextareaField\n      label={label}\n      value={value?.join(\"\\n\") ?? \"\"}\n      onChange={(next) =>\n        onChange(\n          next\n            .split(/\\r?\\n/)\n            .map((item) => item.trim())\n            .filter(Boolean),\n        )\n      }\n      minHeight={64}\n      placeholder={placeholder}\n      icon={icon}\n    />\n  );\n}\n\nexport function KeyValueField({\n  label,\n  value,\n  onChange,\n  placeholder = \"key=value\",\n  icon,\n}: {\n  label: string;\n  value?: Record<string, string> | undefined;\n  onChange: (value: Record<string, string>) => void;\n  placeholder?: string | undefined;\n  icon?: StaticIconComponent | undefined;\n}) {\n  return (\n    <TextareaField\n      label={label}\n      value={recordToText(value)}\n      onChange={(next) => onChange(textToRecord(next))}\n      minHeight={72}\n      placeholder={placeholder}\n      icon={icon}\n    />\n  );\n}\n\n// Borderless on/off toggle (design .chk-card superseded): a Switch with an\n// inline label; the label carries its own icon so it reads at a glance.\nexport function CheckboxField({\n  label,\n  checked,\n  onChange,\n  icon,\n}: {\n  label: string;\n  checked?: boolean | undefined;\n  onChange: (checked: boolean) => void;\n  icon?: StaticIconComponent | undefined;\n}) {\n  return (\n    <Switch\n      checked={Boolean(checked)}\n      onChange={onChange}\n      className=\" py-density-1\"\n      label={\n        <span className=\"inline-flex min-w-0 items-center gap-2 text-xs text-muted-foreground\">\n          {icon && (\n            <Icon\n              icon={icon}\n              className=\"size-3.5 shrink-0 text-muted-foreground/70\"\n            />\n          )}\n          <span className=\"min-w-0 truncate\">{label}</span>\n        </span>\n      }\n    />\n  );\n}\n\n// \"Advanced\" disclosure under a dashed rule (design details.adv).\nexport function Disclosure({\n  label = \"Advanced\",\n  hint,\n  children,\n  defaultOpen = false,\n}: {\n  label?: string | undefined;\n  hint?: string | undefined;\n  children: ReactNode;\n  defaultOpen?: boolean | undefined;\n}) {\n  const [open, setOpen] = useState(defaultOpen);\n  return (\n    <div className=\"mt-density-3 border-t border-dashed border-border pt-density-2\">\n      <button\n        type=\"button\"\n        aria-expanded={open}\n        onClick={() => setOpen((current) => !current)}\n        className=\"inline-flex items-center gap-1.5 text-xs font-semibold text-muted-foreground hover:text-foreground\"\n      >\n        <Icon\n          icon={open ? UiChevronDown : UiChevronRight}\n          className=\"size-3.5\"\n        />\n        <span>{label}</span>\n        {hint && (\n          <span className=\"font-normal text-muted-foreground/70\">· {hint}</span>\n        )}\n      </button>\n      {open && <div className=\"pt-density-2\">{children}</div>}\n    </div>\n  );\n}\n\nfunction recordToText(value: Record<string, string> | undefined) {\n  if (!value) return \"\";\n  return Object.entries(value)\n    .map(([key, val]) => `${key}=${val}`)\n    .join(\"\\n\");\n}\n\nfunction textToRecord(value: string) {\n  const out: Record<string, string> = {};\n  for (const line of value.split(/\\r?\\n/)) {\n    const trimmed = line.trim();\n    if (!trimmed) continue;\n    const index = trimmed.indexOf(\"=\");\n    const key = (index < 0 ? trimmed : trimmed.slice(0, index)).trim();\n    const val = index < 0 ? \"\" : trimmed.slice(index + 1);\n    if (key) out[key] = val;\n  }\n  return out;\n}\n\nfunction parseOptionalNumber(value: string, integer: boolean) {\n  if (value.trim() === \"\") return undefined;\n  const parsed = Number(value);\n  if (!Number.isFinite(parsed)) return undefined;\n  return integer ? Math.max(0, Math.trunc(parsed)) : parsed;\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"fields.js","sources":["../../../../src/data/ai/SpecRuntimeEditor/fields.tsx"],"sourcesContent":["import { useState, type ReactNode } from \"react\";\nimport { Combobox, type ComboboxOption } from \"../../../components/Combobox\";\nimport { InputField } from \"../../../components/InputField\";\nimport { Switch } from \"../../../components/Switch\";\nimport { Icon, type StaticIconComponent } from \"../../Icon\";\nimport { UiChevronDown, UiChevronRight } from \"../../../icons\";\nimport { cn } from \"../../../lib/utils\";\n\nconst EMPTY_SELECT_VALUE = \"__clicky_spec_select_empty__\";\n\nexport function SpecField({\n  label,\n  hint,\n  children,\n  composite = false,\n}: {\n  label: string;\n  hint?: string | undefined;\n  children: ReactNode;\n  composite?: boolean | undefined;\n}) {\n  const content = (\n    <>\n      <span>\n        {label}\n        {hint && <span className=\"text-muted-foreground/70\"> ({hint})</span>}\n      </span>\n      {children}\n    </>\n  );\n  if (composite) {\n    return (\n      <div className=\"block min-w-0 space-y-1 text-xs text-muted-foreground\">\n        {content}\n      </div>\n    );\n  }\n  return (\n    <label className=\"block min-w-0 space-y-1 text-xs text-muted-foreground\">\n      {content}\n    </label>\n  );\n}\n\nexport function SpecInput({\n  value,\n  onChange,\n  placeholder,\n  ariaLabel,\n  icon,\n  mono = false,\n}: {\n  value?: string | undefined;\n  onChange: (value: string) => void;\n  placeholder?: string | undefined;\n  ariaLabel?: string | undefined;\n  icon?: StaticIconComponent | undefined;\n  mono?: boolean | undefined;\n}) {\n  return (\n    <InputField\n      aria-label={ariaLabel}\n      value={value ?? \"\"}\n      onChange={onChange}\n      placeholder={placeholder}\n      prefix={\n        icon ? (\n          <Icon icon={icon} className=\"size-4 text-muted-foreground/70\" />\n        ) : undefined\n      }\n      inputClassName={cn(mono && \"font-mono text-xs\")}\n      className=\"bg-background\"\n    />\n  );\n}\n\nexport function SpecSelect({\n  value,\n  onChange,\n  ariaLabel,\n  icon,\n  options,\n}: {\n  value: string;\n  onChange: (value: string) => void;\n  ariaLabel: string;\n  icon?: StaticIconComponent | undefined;\n  options: ComboboxOption[];\n}) {\n  if (options.some((option) => option.value === EMPTY_SELECT_VALUE)) {\n    throw new Error(\n      `SpecSelect option value ${JSON.stringify(EMPTY_SELECT_VALUE)} is reserved`,\n    );\n  }\n  const hasEmptyOption = options.some((option) => option.value === \"\");\n  const comboboxOptions = options.map((option) =>\n    option.value === \"\" ? { ...option, value: EMPTY_SELECT_VALUE } : option,\n  );\n  return (\n    <Combobox\n      ariaLabel={ariaLabel}\n      value={value === \"\" && hasEmptyOption ? EMPTY_SELECT_VALUE : value}\n      options={comboboxOptions}\n      onChange={(next) =>\n        onChange(next === EMPTY_SELECT_VALUE && hasEmptyOption ? \"\" : next)\n      }\n      allowCustomValue={false}\n      required\n      className=\"bg-background\"\n      {...(icon\n        ? {\n            prefix: (\n              <Icon icon={icon} className=\"size-4 text-muted-foreground/70\" />\n            ),\n          }\n        : {})}\n    />\n  );\n}\n\nexport function SpecButton({\n  onClick,\n  children,\n  ariaLabel,\n}: {\n  onClick: () => void;\n  children: ReactNode;\n  ariaLabel?: string | undefined;\n}) {\n  return (\n    <button\n      type=\"button\"\n      aria-label={ariaLabel}\n      onClick={onClick}\n      className=\"inline-flex  items-center gap-1 rounded-md border border-border bg-background px-density-2 text-xs font-medium text-muted-foreground hover:bg-muted hover:text-foreground\"\n    >\n      {children}\n    </button>\n  );\n}\n\nexport function NumberField({\n  label,\n  value,\n  onChange,\n  min,\n  max,\n  step,\n  icon,\n  integer = false,\n}: {\n  label: string;\n  value?: number | undefined;\n  onChange: (value: number | undefined) => void;\n  min?: number | undefined;\n  max?: number | undefined;\n  step?: number | undefined;\n  icon?: StaticIconComponent | undefined;\n  integer?: boolean | undefined;\n}) {\n  return (\n    <SpecField label={label}>\n      <InputField\n        type=\"number\"\n        aria-label={label}\n        value={value == null ? \"\" : String(value)}\n        min={min}\n        max={max}\n        step={step}\n        onChange={(next) => onChange(parseOptionalNumber(next, integer))}\n        prefix={\n          icon ? (\n            <Icon icon={icon} className=\"size-4 text-muted-foreground/70\" />\n          ) : undefined\n        }\n        className=\"bg-background\"\n      />\n    </SpecField>\n  );\n}\n\nexport function TextareaField({\n  label,\n  value,\n  onChange,\n  minHeight = 76,\n  placeholder,\n  icon,\n}: {\n  label: string;\n  value?: string | undefined;\n  onChange: (value: string) => void;\n  minHeight?: number | undefined;\n  placeholder?: string | undefined;\n  icon?: StaticIconComponent | undefined;\n}) {\n  return (\n    <SpecField label={label}>\n      <InputField\n        as=\"textarea\"\n        aria-label={label}\n        value={value ?? \"\"}\n        onChange={onChange}\n        placeholder={placeholder}\n        spellCheck={false}\n        style={{ minHeight }}\n        prefix={\n          icon ? (\n            <Icon\n              icon={icon}\n              className=\"mt-1 size-4 text-muted-foreground/70\"\n            />\n          ) : undefined\n        }\n        inputClassName=\"font-mono text-xs\"\n        className=\"bg-background\"\n      />\n    </SpecField>\n  );\n}\n\n// Single-line field that expands into a textarea while focused (design\n// .expand-field): collapsed it clips to one row, expanded it grows for\n// comfortable multi-line editing.\nexport function ExpandField({\n  label,\n  value,\n  onChange,\n  placeholder,\n  icon,\n}: {\n  label: string;\n  value?: string | undefined;\n  onChange: (value: string) => void;\n  placeholder?: string | undefined;\n  icon?: StaticIconComponent | undefined;\n}) {\n  const [expanded, setExpanded] = useState(false);\n  return (\n    <SpecField label={label}>\n      <InputField\n        as=\"textarea\"\n        aria-label={label}\n        rows={1}\n        value={value ?? \"\"}\n        onChange={onChange}\n        onFocus={() => setExpanded(true)}\n        onBlur={() => setExpanded(false)}\n        placeholder={placeholder}\n        spellCheck={false}\n        prefix={\n          icon ? (\n            <Icon\n              icon={icon}\n              className={cn(\n                \"size-4 text-muted-foreground/70\",\n                expanded ? \"mt-1\" : undefined,\n              )}\n            />\n          ) : undefined\n        }\n        inputClassName={cn(\n          \"font-mono text-xs transition-[height]\",\n          expanded\n            ? \"h-24 resize-y overflow-auto whitespace-pre-wrap\"\n            : \"h-5 resize-none overflow-hidden whitespace-nowrap leading-5\",\n        )}\n        className={cn(\n          \"bg-background\",\n          expanded ? undefined : \" items-center py-0\",\n        )}\n      />\n    </SpecField>\n  );\n}\n\nexport function ListField({\n  label,\n  value,\n  onChange,\n  placeholder,\n  icon,\n}: {\n  label: string;\n  value?: string[] | undefined;\n  onChange: (value: string[]) => void;\n  placeholder?: string | undefined;\n  icon?: StaticIconComponent | undefined;\n}) {\n  return (\n    <TextareaField\n      label={label}\n      value={value?.join(\"\\n\") ?? \"\"}\n      onChange={(next) =>\n        onChange(\n          next\n            .split(/\\r?\\n/)\n            .map((item) => item.trim())\n            .filter(Boolean),\n        )\n      }\n      minHeight={64}\n      placeholder={placeholder}\n      icon={icon}\n    />\n  );\n}\n\nexport function KeyValueField({\n  label,\n  value,\n  onChange,\n  placeholder = \"key=value\",\n  icon,\n}: {\n  label: string;\n  value?: Record<string, string> | undefined;\n  onChange: (value: Record<string, string>) => void;\n  placeholder?: string | undefined;\n  icon?: StaticIconComponent | undefined;\n}) {\n  return (\n    <TextareaField\n      label={label}\n      value={recordToText(value)}\n      onChange={(next) => onChange(textToRecord(next))}\n      minHeight={72}\n      placeholder={placeholder}\n      icon={icon}\n    />\n  );\n}\n\n// Borderless on/off toggle (design .chk-card superseded): a Switch with an\n// inline label; the label carries its own icon so it reads at a glance.\nexport function CheckboxField({\n  label,\n  checked,\n  onChange,\n  icon,\n}: {\n  label: string;\n  checked?: boolean | undefined;\n  onChange: (checked: boolean) => void;\n  icon?: StaticIconComponent | undefined;\n}) {\n  return (\n    <Switch\n      checked={Boolean(checked)}\n      onChange={onChange}\n      className=\" py-density-1\"\n      label={\n        <span className=\"inline-flex min-w-0 items-center gap-2 text-xs text-muted-foreground\">\n          {icon && (\n            <Icon\n              icon={icon}\n              className=\"size-3.5 shrink-0 text-muted-foreground/70\"\n            />\n          )}\n          <span className=\"min-w-0 truncate\">{label}</span>\n        </span>\n      }\n    />\n  );\n}\n\n// \"Advanced\" disclosure under a dashed rule (design details.adv).\nexport function Disclosure({\n  label = \"Advanced\",\n  hint,\n  children,\n  defaultOpen = false,\n}: {\n  label?: string | undefined;\n  hint?: string | undefined;\n  children: ReactNode;\n  defaultOpen?: boolean | undefined;\n}) {\n  const [open, setOpen] = useState(defaultOpen);\n  return (\n    <div className=\"mt-density-3 border-t border-dashed border-border pt-density-2\">\n      <button\n        type=\"button\"\n        aria-expanded={open}\n        onClick={() => setOpen((current) => !current)}\n        className=\"inline-flex items-center gap-1.5 text-xs font-semibold text-muted-foreground hover:text-foreground\"\n      >\n        <Icon\n          icon={open ? UiChevronDown : UiChevronRight}\n          className=\"size-3.5\"\n        />\n        <span>{label}</span>\n        {hint && (\n          <span className=\"font-normal text-muted-foreground/70\">· {hint}</span>\n        )}\n      </button>\n      {open && <div className=\"pt-density-2\">{children}</div>}\n    </div>\n  );\n}\n\nfunction recordToText(value: Record<string, string> | undefined) {\n  if (!value) return \"\";\n  return Object.entries(value)\n    .map(([key, val]) => `${key}=${val}`)\n    .join(\"\\n\");\n}\n\nfunction textToRecord(value: string) {\n  const out: Record<string, string> = {};\n  for (const line of value.split(/\\r?\\n/)) {\n    const trimmed = line.trim();\n    if (!trimmed) continue;\n    const index = trimmed.indexOf(\"=\");\n    const key = (index < 0 ? trimmed : trimmed.slice(0, index)).trim();\n    const val = index < 0 ? \"\" : trimmed.slice(index + 1);\n    if (key) out[key] = val;\n  }\n  return out;\n}\n\nfunction parseOptionalNumber(value: string, integer: boolean) {\n  if (value.trim() === \"\") return undefined;\n  const parsed = Number(value);\n  if (!Number.isFinite(parsed)) return undefined;\n  return integer ? Math.max(0, Math.trunc(parsed)) : parsed;\n}\n"],"names":[],"mappings":"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"}

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

@@ -11,6 +11,7 @@ const ModelSection = require("./ModelSection.cjs");
 const PermissionsSection = require("./PermissionsSection.cjs");
 const PromptSection = require("./PromptSection.cjs");
 const Rail = require("./Rail.cjs");
+const SandboxSection = require("./SandboxSection.cjs");
 const SectionCard = require("./SectionCard.cjs");
 const VerifySection = require("./VerifySection.cjs");
 const WorkspaceSection = require("./WorkspaceSection.cjs");
@@ -33,6 +34,8 @@ function SpecRuntimeEditor({
   permissionCatalog,
   secretSelector,
   cliOptions,
+  sandboxCatalog,
+  sandboxCreate,
   sections: sectionFilter,
   className,
   title = "Runtime Spec",
@@ -59,7 +62,7 @@ function SpecRuntimeEditor({
     [sectionFilter]
   );
   const sections = types.SPEC_RUNTIME_SECTIONS.filter(
-    (section) => (section.id !== "cli" || cliOptions) && (allowedSections == null || allowedSections.has(section.id))
+    (section) => (section.id !== "cli" || cliOptions) && (section.id !== "sandbox" || sandboxCatalog) && (allowedSections == null || allowedSections.has(section.id))
   );
   const collapsedSections = react.useMemo(
     () => new Set(defaultCollapsedSections ?? []),
@@ -97,6 +100,17 @@ function SpecRuntimeEditor({
             secretSelector
           }
         );
+      case "sandbox":
+        return sandboxCatalog ? /* @__PURE__ */ jsxRuntime.jsx(
+          SandboxSection.SandboxSection,
+          {
+            value,
+            onChange,
+            catalog: sandboxCatalog,
+            ...families ? { families } : {},
+            ...sandboxCreate ? { createConfig: sandboxCreate } : {}
+          }
+        ) : null;
       case "permissions":
         return /* @__PURE__ */ jsxRuntime.jsx(
           PermissionsSection.PermissionsSection,

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/data/ai/SpecRuntimeEditor/index.tsx"],"sourcesContent":["import { useId, useMemo, type ReactNode } from \"react\";\nimport { cn } from \"../../../lib/utils\";\nimport type { ChatModel, ToolMeta } from \"../../chat/types\";\nimport type {\n  AISpecRuntimePermissionCatalog,\n  AISpecRuntimeValue,\n} from \"../SpecRuntimeEditor.model\";\nimport { CLIArgsSection, type SpecRuntimeCLIOptions } from \"./CLIArgsSection\";\nimport { CommitSection } from \"./CommitSection\";\nimport { EnvironmentAdvanced, EnvironmentSection } from \"./EnvironmentSection\";\nimport { Footer } from \"./Footer\";\nimport { ModelAdvanced, ModelSection } from \"./ModelSection\";\nimport { PermissionsAdvanced, PermissionsSection } from \"./PermissionsSection\";\nimport { PromptAdvanced, PromptSection } from \"./PromptSection\";\nimport { Rail } from \"./Rail\";\nimport { SectionCard } from \"./SectionCard\";\nimport { VerifySection } from \"./VerifySection\";\nimport { WorkspaceSection } from \"./WorkspaceSection\";\nimport {\n  buildPermissionCatalog,\n  specPermissionEntries,\n  withAddedPermission,\n  withPermissionEntries,\n} from \"./permissions-model\";\nimport { summarizeTarget } from \"./summaries\";\nimport {\n  SPEC_RUNTIME_SECTIONS,\n  sectionNumber,\n  type SpecRuntimeSecretSelectorConfig,\n  type SpecSectionId,\n} from \"./types\";\nimport type { SpecRuntimeFamily } from \"../../runtime/runtime-mode\";\nimport { useScrollSpy } from \"./use-scrollspy\";\n\nexport type { AISpecRuntimeValue } from \"../SpecRuntimeEditor.model\";\nexport type { SpecRuntimeSecretSelectorConfig } from \"./types\";\nexport type { SpecRuntimeCLIOptions } from \"./CLIArgsSection\";\nexport {\n  SPEC_RUNTIME_FAMILIES,\n  type SpecRuntimeFamily,\n  type SpecRuntimeModeOption,\n} from \"../../runtime/runtime-mode\";\n\nexport type SpecRuntimeEditorProps = {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n  models?: ChatModel[] | undefined;\n  /** Provider families for the two-axis Family → Mode picker in the model section. */\n  families?: SpecRuntimeFamily[] | undefined;\n  tools?: ToolMeta[] | undefined;\n  permissionCatalog?: AISpecRuntimePermissionCatalog | undefined;\n  secretSelector?: SpecRuntimeSecretSelectorConfig | undefined;\n  /** Schema for the backend's extra CLI args; enables the CLI flags section. */\n  cliOptions?: SpecRuntimeCLIOptions | undefined;\n  /** Optional section allow-list for embedded editors that only need part of the runtime spec. */\n  sections?: readonly SpecSectionId[] | undefined;\n  className?: string | undefined;\n  title?: ReactNode | undefined;\n  eyebrow?: ReactNode | undefined;\n  /** Hide the editor rail when a host modal already supplies the context. */\n  showHeader?: boolean | undefined;\n  /** Content rendered before the first section inside the editor column. */\n  beforeSections?: ReactNode | undefined;\n  /** Sections that should start collapsed in embedded contexts. */\n  defaultCollapsedSections?: readonly SpecSectionId[] | undefined;\n  /** Renders the sticky footer's save action when set. */\n  onSave?: (() => void) | undefined;\n  /** Renders the sticky footer's cancel action when set. */\n  onCancel?: (() => void) | undefined;\n  saveLabel?: string | undefined;\n  footerStatus?: ReactNode | undefined;\n};\n\nconst ADVANCED_HINTS: Partial<Record<SpecSectionId, string>> = {\n  model: \"fallbacks, session, caching\",\n  prompt: \"schema\",\n  permissions: \"full permission tree\",\n  environment: \"dotenv files\",\n};\n\n// Full-page runtime spec editor (design \"Runtime Spec Editor v2\"): a live\n// summary rail with scrollspy nav, preset quick-starts, and stacked numbered\n// sections. Container-responsive so it works embedded in a modal or standalone.\nexport function SpecRuntimeEditor({\n  value,\n  onChange,\n  models = [],\n  families,\n  tools = [],\n  permissionCatalog,\n  secretSelector,\n  cliOptions,\n  sections: sectionFilter,\n  className,\n  title = \"Runtime Spec\",\n  eyebrow = \"Agent configuration\",\n  showHeader = true,\n  beforeSections,\n  defaultCollapsedSections,\n  onSave,\n  onCancel,\n  saveLabel = \"Save & run\",\n  footerStatus = \"Ready to run\",\n}: SpecRuntimeEditorProps) {\n  const idPrefix = useId();\n  const catalog = useMemo(\n    () => buildPermissionCatalog(permissionCatalog, tools),\n    [permissionCatalog, tools],\n  );\n  const entries = useMemo(\n    () => specPermissionEntries(value, catalog),\n    [value, catalog],\n  );\n\n  const allowedSections = useMemo(\n    () => (sectionFilter ? new Set(sectionFilter) : undefined),\n    [sectionFilter],\n  );\n  const sections = SPEC_RUNTIME_SECTIONS.filter(\n    (section) =>\n      (section.id !== \"cli\" || cliOptions) &&\n      (allowedSections == null || allowedSections.has(section.id)),\n  );\n  const collapsedSections = useMemo(\n    () => new Set(defaultCollapsedSections ?? []),\n    [defaultCollapsedSections],\n  );\n  const domId = (id: SpecSectionId) => `${idPrefix}-${id}`;\n  const { sectionRef } = useScrollSpy(\n    sections.map((section) => domId(section.id)),\n  );\n\n  const applyEntries = (\n    applied: Parameters<typeof withPermissionEntries>[1],\n    mode: Parameters<typeof withPermissionEntries>[2],\n  ) => onChange(withPermissionEntries(value, applied, mode));\n  const addEntry = (\n    domain: Parameters<typeof withAddedPermission>[1],\n    id: string,\n  ) => {\n    const next = withAddedPermission(value, domain, id);\n    if (next) onChange(next);\n  };\n\n  const sectionBody = (id: SpecSectionId): ReactNode => {\n    switch (id) {\n      case \"model\":\n        return (\n          <ModelSection\n            value={value}\n            onChange={onChange}\n            models={models}\n            {...(families ? { families } : {})}\n          />\n        );\n      case \"prompt\":\n        return <PromptSection value={value} onChange={onChange} />;\n      case \"workspace\":\n        return (\n          <WorkspaceSection\n            value={value}\n            onChange={onChange}\n            secretSelector={secretSelector}\n          />\n        );\n      case \"permissions\":\n        return (\n          <PermissionsSection\n            value={value}\n            onChange={onChange}\n            entries={entries}\n            onApplyEntries={applyEntries}\n            onAddEntry={addEntry}\n          />\n        );\n      case \"environment\":\n        return (\n          <EnvironmentSection\n            value={value}\n            onChange={onChange}\n            secretSelector={secretSelector}\n          />\n        );\n      case \"verify\":\n        return (\n          <VerifySection\n            value={value}\n            onChange={onChange}\n            models={models}\n            {...(families ? { families } : {})}\n            {...(secretSelector ? { secretSelector } : {})}\n          />\n        );\n      case \"commit\":\n        return <CommitSection value={value} onChange={onChange} />;\n      case \"cli\":\n        return cliOptions ? (\n          <CLIArgsSection\n            value={value}\n            onChange={onChange}\n            cliOptions={cliOptions}\n          />\n        ) : null;\n    }\n  };\n\n  const sectionAdvanced = (id: SpecSectionId): ReactNode => {\n    switch (id) {\n      case \"model\":\n        return (\n          <ModelAdvanced\n            value={value}\n            onChange={onChange}\n            models={models}\n            {...(families ? { families } : {})}\n          />\n        );\n      case \"prompt\":\n        return <PromptAdvanced value={value} onChange={onChange} />;\n      case \"permissions\":\n        return (\n          <PermissionsAdvanced\n            value={value}\n            onChange={onChange}\n            entries={entries}\n            onApplyEntries={applyEntries}\n            onAddEntry={addEntry}\n          />\n        );\n      case \"environment\":\n        return <EnvironmentAdvanced value={value} onChange={onChange} />;\n      default:\n        return undefined;\n    }\n  };\n\n  return (\n    <div className={cn(\"@container\", className)}>\n      <div className=\"mx-auto max-w-[820px] px-density-4 py-density-4\">\n        {showHeader && (\n          <Rail\n            eyebrow={eyebrow}\n            title={title}\n            target={summarizeTarget(value)}\n          />\n        )}\n        {beforeSections}\n        {sections.map((section) => (\n          <SectionCard\n            key={section.id}\n            meta={section}\n            number={sectionNumber(section.id)}\n            domId={domId(section.id)}\n            sectionRef={sectionRef(domId(section.id))}\n            advanced={sectionAdvanced(section.id)}\n            advancedHint={ADVANCED_HINTS[section.id]}\n            defaultCollapsed={collapsedSections.has(section.id)}\n          >\n            {sectionBody(section.id)}\n          </SectionCard>\n        ))}\n      </div>\n      {(onSave || onCancel) && (\n        <Footer\n          status={footerStatus}\n          saveLabel={saveLabel}\n          onSave={onSave}\n          onCancel={onCancel}\n        />\n      )}\n    </div>\n  );\n}\n"],"names":["useId","useMemo","buildPermissionCatalog","specPermissionEntries","SPEC_RUNTIME_SECTIONS","useScrollSpy","withPermissionEntries","withAddedPermission","jsx","ModelSection","PromptSection","WorkspaceSection","PermissionsSection","EnvironmentSection","VerifySection","CommitSection","CLIArgsSection","ModelAdvanced","PromptAdvanced","PermissionsAdvanced","EnvironmentAdvanced","cn","jsxs","Rail","summarizeTarget","SectionCard","sectionNumber","Footer"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/data/ai/SpecRuntimeEditor/index.tsx"],"sourcesContent":["import { useId, useMemo, type ReactNode } from \"react\";\nimport { cn } from \"../../../lib/utils\";\nimport type { ChatModel, ToolMeta } from \"../../chat/types\";\nimport type {\n  AISpecRuntimePermissionCatalog,\n  AISpecRuntimeValue,\n} from \"../SpecRuntimeEditor.model\";\nimport type { SpecRuntimeSandboxCreateConfig } from \"../SandboxCreateWizard.model\";\nimport { CLIArgsSection, type SpecRuntimeCLIOptions } from \"./CLIArgsSection\";\nimport { CommitSection } from \"./CommitSection\";\nimport { EnvironmentAdvanced, EnvironmentSection } from \"./EnvironmentSection\";\nimport { Footer } from \"./Footer\";\nimport { ModelAdvanced, ModelSection } from \"./ModelSection\";\nimport { PermissionsAdvanced, PermissionsSection } from \"./PermissionsSection\";\nimport { PromptAdvanced, PromptSection } from \"./PromptSection\";\nimport { Rail } from \"./Rail\";\nimport { SandboxSection } from \"./SandboxSection\";\nimport { SectionCard } from \"./SectionCard\";\nimport { VerifySection } from \"./VerifySection\";\nimport { WorkspaceSection } from \"./WorkspaceSection\";\nimport {\n  buildPermissionCatalog,\n  specPermissionEntries,\n  withAddedPermission,\n  withPermissionEntries,\n} from \"./permissions-model\";\nimport { summarizeTarget } from \"./summaries\";\nimport {\n  SPEC_RUNTIME_SECTIONS,\n  sectionNumber,\n  type SpecRuntimeSandboxCatalog,\n  type SpecRuntimeSecretSelectorConfig,\n  type SpecSectionId,\n} from \"./types\";\nimport type { SpecRuntimeFamily } from \"../../runtime/runtime-mode\";\nimport { useScrollSpy } from \"./use-scrollspy\";\n\nexport type { AISpecRuntimeValue } from \"../SpecRuntimeEditor.model\";\nexport type {\n  SpecRuntimeSandboxAgent,\n  SpecRuntimeSandboxBackend,\n  SpecRuntimeSandboxCatalog,\n  SpecRuntimeSandboxKind,\n  SpecRuntimeSecretSelectorConfig,\n} from \"./types\";\nexport type { SpecRuntimeCLIOptions } from \"./CLIArgsSection\";\nexport {\n  SPEC_RUNTIME_FAMILIES,\n  type SpecRuntimeFamily,\n  type SpecRuntimeModeOption,\n} from \"../../runtime/runtime-mode\";\n\nexport type SpecRuntimeEditorProps = {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n  models?: ChatModel[] | undefined;\n  /** Provider families for the two-axis Family → Mode picker in the model section. */\n  families?: SpecRuntimeFamily[] | undefined;\n  tools?: ToolMeta[] | undefined;\n  permissionCatalog?: AISpecRuntimePermissionCatalog | undefined;\n  secretSelector?: SpecRuntimeSecretSelectorConfig | undefined;\n  /** Schema for the backend's extra CLI args; enables the CLI flags section. */\n  cliOptions?: SpecRuntimeCLIOptions | undefined;\n  /** Sandbox adapter catalog; enables the Sandbox section. */\n  sandboxCatalog?: SpecRuntimeSandboxCatalog | undefined;\n  /** Host-owned sandbox creation and credential-reference adapter. */\n  sandboxCreate?: SpecRuntimeSandboxCreateConfig | undefined;\n  /** Optional section allow-list for embedded editors that only need part of the runtime spec. */\n  sections?: readonly SpecSectionId[] | undefined;\n  className?: string | undefined;\n  title?: ReactNode | undefined;\n  eyebrow?: ReactNode | undefined;\n  /** Hide the editor rail when a host modal already supplies the context. */\n  showHeader?: boolean | undefined;\n  /** Content rendered before the first section inside the editor column. */\n  beforeSections?: ReactNode | undefined;\n  /** Sections that should start collapsed in embedded contexts. */\n  defaultCollapsedSections?: readonly SpecSectionId[] | undefined;\n  /** Renders the sticky footer's save action when set. */\n  onSave?: (() => void) | undefined;\n  /** Renders the sticky footer's cancel action when set. */\n  onCancel?: (() => void) | undefined;\n  saveLabel?: string | undefined;\n  footerStatus?: ReactNode | undefined;\n};\n\nconst ADVANCED_HINTS: Partial<Record<SpecSectionId, string>> = {\n  model: \"fallbacks, session, caching\",\n  prompt: \"schema\",\n  permissions: \"full permission tree\",\n  environment: \"dotenv files\",\n};\n\n// Full-page runtime spec editor (design \"Runtime Spec Editor v2\"): a live\n// summary rail with scrollspy nav, preset quick-starts, and stacked numbered\n// sections. Container-responsive so it works embedded in a modal or standalone.\nexport function SpecRuntimeEditor({\n  value,\n  onChange,\n  models = [],\n  families,\n  tools = [],\n  permissionCatalog,\n  secretSelector,\n  cliOptions,\n  sandboxCatalog,\n  sandboxCreate,\n  sections: sectionFilter,\n  className,\n  title = \"Runtime Spec\",\n  eyebrow = \"Agent configuration\",\n  showHeader = true,\n  beforeSections,\n  defaultCollapsedSections,\n  onSave,\n  onCancel,\n  saveLabel = \"Save & run\",\n  footerStatus = \"Ready to run\",\n}: SpecRuntimeEditorProps) {\n  const idPrefix = useId();\n  const catalog = useMemo(\n    () => buildPermissionCatalog(permissionCatalog, tools),\n    [permissionCatalog, tools],\n  );\n  const entries = useMemo(\n    () => specPermissionEntries(value, catalog),\n    [value, catalog],\n  );\n\n  const allowedSections = useMemo(\n    () => (sectionFilter ? new Set(sectionFilter) : undefined),\n    [sectionFilter],\n  );\n  // \"cli\" and \"sandbox\" describe host-supplied catalogs; without one there is\n  // nothing to choose from, so the section is omitted rather than rendered empty.\n  const sections = SPEC_RUNTIME_SECTIONS.filter(\n    (section) =>\n      (section.id !== \"cli\" || cliOptions) &&\n      (section.id !== \"sandbox\" || sandboxCatalog) &&\n      (allowedSections == null || allowedSections.has(section.id)),\n  );\n  const collapsedSections = useMemo(\n    () => new Set(defaultCollapsedSections ?? []),\n    [defaultCollapsedSections],\n  );\n  const domId = (id: SpecSectionId) => `${idPrefix}-${id}`;\n  const { sectionRef } = useScrollSpy(\n    sections.map((section) => domId(section.id)),\n  );\n\n  const applyEntries = (\n    applied: Parameters<typeof withPermissionEntries>[1],\n    mode: Parameters<typeof withPermissionEntries>[2],\n  ) => onChange(withPermissionEntries(value, applied, mode));\n  const addEntry = (\n    domain: Parameters<typeof withAddedPermission>[1],\n    id: string,\n  ) => {\n    const next = withAddedPermission(value, domain, id);\n    if (next) onChange(next);\n  };\n\n  const sectionBody = (id: SpecSectionId): ReactNode => {\n    switch (id) {\n      case \"model\":\n        return (\n          <ModelSection\n            value={value}\n            onChange={onChange}\n            models={models}\n            {...(families ? { families } : {})}\n          />\n        );\n      case \"prompt\":\n        return <PromptSection value={value} onChange={onChange} />;\n      case \"workspace\":\n        return (\n          <WorkspaceSection\n            value={value}\n            onChange={onChange}\n            secretSelector={secretSelector}\n          />\n        );\n      case \"sandbox\":\n        return sandboxCatalog ? (\n          <SandboxSection\n            value={value}\n            onChange={onChange}\n            catalog={sandboxCatalog}\n            {...(families ? { families } : {})}\n            {...(sandboxCreate ? { createConfig: sandboxCreate } : {})}\n          />\n        ) : null;\n      case \"permissions\":\n        return (\n          <PermissionsSection\n            value={value}\n            onChange={onChange}\n            entries={entries}\n            onApplyEntries={applyEntries}\n            onAddEntry={addEntry}\n          />\n        );\n      case \"environment\":\n        return (\n          <EnvironmentSection\n            value={value}\n            onChange={onChange}\n            secretSelector={secretSelector}\n          />\n        );\n      case \"verify\":\n        return (\n          <VerifySection\n            value={value}\n            onChange={onChange}\n            models={models}\n            {...(families ? { families } : {})}\n            {...(secretSelector ? { secretSelector } : {})}\n          />\n        );\n      case \"commit\":\n        return <CommitSection value={value} onChange={onChange} />;\n      case \"cli\":\n        return cliOptions ? (\n          <CLIArgsSection\n            value={value}\n            onChange={onChange}\n            cliOptions={cliOptions}\n          />\n        ) : null;\n    }\n  };\n\n  const sectionAdvanced = (id: SpecSectionId): ReactNode => {\n    switch (id) {\n      case \"model\":\n        return (\n          <ModelAdvanced\n            value={value}\n            onChange={onChange}\n            models={models}\n            {...(families ? { families } : {})}\n          />\n        );\n      case \"prompt\":\n        return <PromptAdvanced value={value} onChange={onChange} />;\n      case \"permissions\":\n        return (\n          <PermissionsAdvanced\n            value={value}\n            onChange={onChange}\n            entries={entries}\n            onApplyEntries={applyEntries}\n            onAddEntry={addEntry}\n          />\n        );\n      case \"environment\":\n        return <EnvironmentAdvanced value={value} onChange={onChange} />;\n      default:\n        return undefined;\n    }\n  };\n\n  return (\n    <div className={cn(\"@container\", className)}>\n      <div className=\"mx-auto max-w-[820px] px-density-4 py-density-4\">\n        {showHeader && (\n          <Rail\n            eyebrow={eyebrow}\n            title={title}\n            target={summarizeTarget(value)}\n          />\n        )}\n        {beforeSections}\n        {sections.map((section) => (\n          <SectionCard\n            key={section.id}\n            meta={section}\n            number={sectionNumber(section.id)}\n            domId={domId(section.id)}\n            sectionRef={sectionRef(domId(section.id))}\n            advanced={sectionAdvanced(section.id)}\n            advancedHint={ADVANCED_HINTS[section.id]}\n            defaultCollapsed={collapsedSections.has(section.id)}\n          >\n            {sectionBody(section.id)}\n          </SectionCard>\n        ))}\n      </div>\n      {(onSave || onCancel) && (\n        <Footer\n          status={footerStatus}\n          saveLabel={saveLabel}\n          onSave={onSave}\n          onCancel={onCancel}\n        />\n      )}\n    </div>\n  );\n}\n"],"names":["useId","useMemo","buildPermissionCatalog","specPermissionEntries","SPEC_RUNTIME_SECTIONS","useScrollSpy","withPermissionEntries","withAddedPermission","jsx","ModelSection","PromptSection","WorkspaceSection","SandboxSection","PermissionsSection","EnvironmentSection","VerifySection","CommitSection","CLIArgsSection","ModelAdvanced","PromptAdvanced","PermissionsAdvanced","EnvironmentAdvanced","cn","jsxs","Rail","summarizeTarget","SectionCard","sectionNumber","Footer"],"mappings":"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"}

package/dist/data/ai/SpecRuntimeEditor/index.d.ts

@@ -1,11 +1,12 @@
 import { ReactNode } from 'react';
 import { ChatModel, ToolMeta } from '../../chat/types';
 import { AISpecRuntimePermissionCatalog, AISpecRuntimeValue } from '../SpecRuntimeEditor.model';
+import { SpecRuntimeSandboxCreateConfig } from '../SandboxCreateWizard.model';
 import { SpecRuntimeCLIOptions } from './CLIArgsSection';
-import { SpecRuntimeSecretSelectorConfig, SpecSectionId } from './types';
+import { SpecRuntimeSandboxCatalog, SpecRuntimeSecretSelectorConfig, SpecSectionId } from './types';
 import { SpecRuntimeFamily } from '../../runtime/runtime-mode';
 export type { AISpecRuntimeValue } from '../SpecRuntimeEditor.model';
-export type { SpecRuntimeSecretSelectorConfig } from './types';
+export type { SpecRuntimeSandboxAgent, SpecRuntimeSandboxBackend, SpecRuntimeSandboxCatalog, SpecRuntimeSandboxKind, SpecRuntimeSecretSelectorConfig, } from './types';
 export type { SpecRuntimeCLIOptions } from './CLIArgsSection';
 export { SPEC_RUNTIME_FAMILIES, type SpecRuntimeFamily, type SpecRuntimeModeOption, } from '../../runtime/runtime-mode';
 export type SpecRuntimeEditorProps = {
@@ -19,6 +20,10 @@ export type SpecRuntimeEditorProps = {
     secretSelector?: SpecRuntimeSecretSelectorConfig | undefined;
     /** Schema for the backend's extra CLI args; enables the CLI flags section. */
     cliOptions?: SpecRuntimeCLIOptions | undefined;
+    /** Sandbox adapter catalog; enables the Sandbox section. */
+    sandboxCatalog?: SpecRuntimeSandboxCatalog | undefined;
+    /** Host-owned sandbox creation and credential-reference adapter. */
+    sandboxCreate?: SpecRuntimeSandboxCreateConfig | undefined;
     /** Optional section allow-list for embedded editors that only need part of the runtime spec. */
     sections?: readonly SpecSectionId[] | undefined;
     className?: string | undefined;
@@ -37,5 +42,5 @@ export type SpecRuntimeEditorProps = {
     saveLabel?: string | undefined;
     footerStatus?: ReactNode | undefined;
 };
-export declare function SpecRuntimeEditor({ value, onChange, models, families, tools, permissionCatalog, secretSelector, cliOptions, sections: sectionFilter, className, title, eyebrow, showHeader, beforeSections, defaultCollapsedSections, onSave, onCancel, saveLabel, footerStatus, }: SpecRuntimeEditorProps): import("react/jsx-runtime").JSX.Element;
+export declare function SpecRuntimeEditor({ value, onChange, models, families, tools, permissionCatalog, secretSelector, cliOptions, sandboxCatalog, sandboxCreate, sections: sectionFilter, className, title, eyebrow, showHeader, beforeSections, defaultCollapsedSections, onSave, onCancel, saveLabel, footerStatus, }: SpecRuntimeEditorProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/data/ai/SpecRuntimeEditor/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,KAAK,EACV,8BAA8B,EAC9B,kBAAkB,EACnB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAkB,KAAK,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAkB9E,OAAO,EAGL,KAAK,+BAA+B,EACpC,KAAK,aAAa,EACnB,MAAM,SAAS,CAAC;AACjB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAGpE,YAAY,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AACrE,YAAY,EAAE,+BAA+B,EAAE,MAAM,SAAS,CAAC;AAC/D,YAAY,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAC9D,OAAO,EACL,qBAAqB,EACrB,KAAK,iBAAiB,EACtB,KAAK,qBAAqB,GAC3B,MAAM,4BAA4B,CAAC;AAEpC,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,EAAE,kBAAkB,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC9C,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,SAAS,CAAC;IACjC,oFAAoF;IACpF,QAAQ,CAAC,EAAE,iBAAiB,EAAE,GAAG,SAAS,CAAC;IAC3C,KAAK,CAAC,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAC;IAC/B,iBAAiB,CAAC,EAAE,8BAA8B,GAAG,SAAS,CAAC;IAC/D,cAAc,CAAC,EAAE,+BAA+B,GAAG,SAAS,CAAC;IAC7D,8EAA8E;IAC9E,UAAU,CAAC,EAAE,qBAAqB,GAAG,SAAS,CAAC;IAC/C,gGAAgG;IAChG,QAAQ,CAAC,EAAE,SAAS,aAAa,EAAE,GAAG,SAAS,CAAC;IAChD,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC,2EAA2E;IAC3E,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,0EAA0E;IAC1E,cAAc,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACvC,iEAAiE;IACjE,wBAAwB,CAAC,EAAE,SAAS,aAAa,EAAE,GAAG,SAAS,CAAC;IAChE,wDAAwD;IACxD,MAAM,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IAClC,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,YAAY,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACtC,CAAC;AAYF,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,QAAQ,EACR,MAAW,EACX,QAAQ,EACR,KAAU,EACV,iBAAiB,EACjB,cAAc,EACd,UAAU,EACV,QAAQ,EAAE,aAAa,EACvB,SAAS,EACT,KAAsB,EACtB,OAA+B,EAC/B,UAAiB,EACjB,cAAc,EACd,wBAAwB,EACxB,MAAM,EACN,QAAQ,EACR,SAAwB,EACxB,YAA6B,GAC9B,EAAE,sBAAsB,2CAyKxB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/data/ai/SpecRuntimeEditor/index.tsx"],"names":[],"mappings":"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"}

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

@@ -9,6 +9,7 @@ import { ModelSection, ModelAdvanced } from "./ModelSection.js";
 import { PermissionsSection, PermissionsAdvanced } from "./PermissionsSection.js";
 import { PromptSection, PromptAdvanced } from "./PromptSection.js";
 import { Rail } from "./Rail.js";
+import { SandboxSection } from "./SandboxSection.js";
 import { SectionCard } from "./SectionCard.js";
 import { VerifySection } from "./VerifySection.js";
 import { WorkspaceSection } from "./WorkspaceSection.js";
@@ -31,6 +32,8 @@ function SpecRuntimeEditor({
   permissionCatalog,
   secretSelector,
   cliOptions,
+  sandboxCatalog,
+  sandboxCreate,
   sections: sectionFilter,
   className,
   title = "Runtime Spec",
@@ -57,7 +60,7 @@ function SpecRuntimeEditor({
     [sectionFilter]
   );
   const sections = SPEC_RUNTIME_SECTIONS.filter(
-    (section) => (section.id !== "cli" || cliOptions) && (allowedSections == null || allowedSections.has(section.id))
+    (section) => (section.id !== "cli" || cliOptions) && (section.id !== "sandbox" || sandboxCatalog) && (allowedSections == null || allowedSections.has(section.id))
   );
   const collapsedSections = useMemo(
     () => new Set(defaultCollapsedSections ?? []),
@@ -95,6 +98,17 @@ function SpecRuntimeEditor({
             secretSelector
           }
         );
+      case "sandbox":
+        return sandboxCatalog ? /* @__PURE__ */ jsx(
+          SandboxSection,
+          {
+            value,
+            onChange,
+            catalog: sandboxCatalog,
+            ...families ? { families } : {},
+            ...sandboxCreate ? { createConfig: sandboxCreate } : {}
+          }
+        ) : null;
       case "permissions":
         return /* @__PURE__ */ jsx(
           PermissionsSection,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/data/ai/SpecRuntimeEditor/index.tsx"],"sourcesContent":["import { useId, useMemo, type ReactNode } from \"react\";\nimport { cn } from \"../../../lib/utils\";\nimport type { ChatModel, ToolMeta } from \"../../chat/types\";\nimport type {\n  AISpecRuntimePermissionCatalog,\n  AISpecRuntimeValue,\n} from \"../SpecRuntimeEditor.model\";\nimport { CLIArgsSection, type SpecRuntimeCLIOptions } from \"./CLIArgsSection\";\nimport { CommitSection } from \"./CommitSection\";\nimport { EnvironmentAdvanced, EnvironmentSection } from \"./EnvironmentSection\";\nimport { Footer } from \"./Footer\";\nimport { ModelAdvanced, ModelSection } from \"./ModelSection\";\nimport { PermissionsAdvanced, PermissionsSection } from \"./PermissionsSection\";\nimport { PromptAdvanced, PromptSection } from \"./PromptSection\";\nimport { Rail } from \"./Rail\";\nimport { SectionCard } from \"./SectionCard\";\nimport { VerifySection } from \"./VerifySection\";\nimport { WorkspaceSection } from \"./WorkspaceSection\";\nimport {\n  buildPermissionCatalog,\n  specPermissionEntries,\n  withAddedPermission,\n  withPermissionEntries,\n} from \"./permissions-model\";\nimport { summarizeTarget } from \"./summaries\";\nimport {\n  SPEC_RUNTIME_SECTIONS,\n  sectionNumber,\n  type SpecRuntimeSecretSelectorConfig,\n  type SpecSectionId,\n} from \"./types\";\nimport type { SpecRuntimeFamily } from \"../../runtime/runtime-mode\";\nimport { useScrollSpy } from \"./use-scrollspy\";\n\nexport type { AISpecRuntimeValue } from \"../SpecRuntimeEditor.model\";\nexport type { SpecRuntimeSecretSelectorConfig } from \"./types\";\nexport type { SpecRuntimeCLIOptions } from \"./CLIArgsSection\";\nexport {\n  SPEC_RUNTIME_FAMILIES,\n  type SpecRuntimeFamily,\n  type SpecRuntimeModeOption,\n} from \"../../runtime/runtime-mode\";\n\nexport type SpecRuntimeEditorProps = {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n  models?: ChatModel[] | undefined;\n  /** Provider families for the two-axis Family → Mode picker in the model section. */\n  families?: SpecRuntimeFamily[] | undefined;\n  tools?: ToolMeta[] | undefined;\n  permissionCatalog?: AISpecRuntimePermissionCatalog | undefined;\n  secretSelector?: SpecRuntimeSecretSelectorConfig | undefined;\n  /** Schema for the backend's extra CLI args; enables the CLI flags section. */\n  cliOptions?: SpecRuntimeCLIOptions | undefined;\n  /** Optional section allow-list for embedded editors that only need part of the runtime spec. */\n  sections?: readonly SpecSectionId[] | undefined;\n  className?: string | undefined;\n  title?: ReactNode | undefined;\n  eyebrow?: ReactNode | undefined;\n  /** Hide the editor rail when a host modal already supplies the context. */\n  showHeader?: boolean | undefined;\n  /** Content rendered before the first section inside the editor column. */\n  beforeSections?: ReactNode | undefined;\n  /** Sections that should start collapsed in embedded contexts. */\n  defaultCollapsedSections?: readonly SpecSectionId[] | undefined;\n  /** Renders the sticky footer's save action when set. */\n  onSave?: (() => void) | undefined;\n  /** Renders the sticky footer's cancel action when set. */\n  onCancel?: (() => void) | undefined;\n  saveLabel?: string | undefined;\n  footerStatus?: ReactNode | undefined;\n};\n\nconst ADVANCED_HINTS: Partial<Record<SpecSectionId, string>> = {\n  model: \"fallbacks, session, caching\",\n  prompt: \"schema\",\n  permissions: \"full permission tree\",\n  environment: \"dotenv files\",\n};\n\n// Full-page runtime spec editor (design \"Runtime Spec Editor v2\"): a live\n// summary rail with scrollspy nav, preset quick-starts, and stacked numbered\n// sections. Container-responsive so it works embedded in a modal or standalone.\nexport function SpecRuntimeEditor({\n  value,\n  onChange,\n  models = [],\n  families,\n  tools = [],\n  permissionCatalog,\n  secretSelector,\n  cliOptions,\n  sections: sectionFilter,\n  className,\n  title = \"Runtime Spec\",\n  eyebrow = \"Agent configuration\",\n  showHeader = true,\n  beforeSections,\n  defaultCollapsedSections,\n  onSave,\n  onCancel,\n  saveLabel = \"Save & run\",\n  footerStatus = \"Ready to run\",\n}: SpecRuntimeEditorProps) {\n  const idPrefix = useId();\n  const catalog = useMemo(\n    () => buildPermissionCatalog(permissionCatalog, tools),\n    [permissionCatalog, tools],\n  );\n  const entries = useMemo(\n    () => specPermissionEntries(value, catalog),\n    [value, catalog],\n  );\n\n  const allowedSections = useMemo(\n    () => (sectionFilter ? new Set(sectionFilter) : undefined),\n    [sectionFilter],\n  );\n  const sections = SPEC_RUNTIME_SECTIONS.filter(\n    (section) =>\n      (section.id !== \"cli\" || cliOptions) &&\n      (allowedSections == null || allowedSections.has(section.id)),\n  );\n  const collapsedSections = useMemo(\n    () => new Set(defaultCollapsedSections ?? []),\n    [defaultCollapsedSections],\n  );\n  const domId = (id: SpecSectionId) => `${idPrefix}-${id}`;\n  const { sectionRef } = useScrollSpy(\n    sections.map((section) => domId(section.id)),\n  );\n\n  const applyEntries = (\n    applied: Parameters<typeof withPermissionEntries>[1],\n    mode: Parameters<typeof withPermissionEntries>[2],\n  ) => onChange(withPermissionEntries(value, applied, mode));\n  const addEntry = (\n    domain: Parameters<typeof withAddedPermission>[1],\n    id: string,\n  ) => {\n    const next = withAddedPermission(value, domain, id);\n    if (next) onChange(next);\n  };\n\n  const sectionBody = (id: SpecSectionId): ReactNode => {\n    switch (id) {\n      case \"model\":\n        return (\n          <ModelSection\n            value={value}\n            onChange={onChange}\n            models={models}\n            {...(families ? { families } : {})}\n          />\n        );\n      case \"prompt\":\n        return <PromptSection value={value} onChange={onChange} />;\n      case \"workspace\":\n        return (\n          <WorkspaceSection\n            value={value}\n            onChange={onChange}\n            secretSelector={secretSelector}\n          />\n        );\n      case \"permissions\":\n        return (\n          <PermissionsSection\n            value={value}\n            onChange={onChange}\n            entries={entries}\n            onApplyEntries={applyEntries}\n            onAddEntry={addEntry}\n          />\n        );\n      case \"environment\":\n        return (\n          <EnvironmentSection\n            value={value}\n            onChange={onChange}\n            secretSelector={secretSelector}\n          />\n        );\n      case \"verify\":\n        return (\n          <VerifySection\n            value={value}\n            onChange={onChange}\n            models={models}\n            {...(families ? { families } : {})}\n            {...(secretSelector ? { secretSelector } : {})}\n          />\n        );\n      case \"commit\":\n        return <CommitSection value={value} onChange={onChange} />;\n      case \"cli\":\n        return cliOptions ? (\n          <CLIArgsSection\n            value={value}\n            onChange={onChange}\n            cliOptions={cliOptions}\n          />\n        ) : null;\n    }\n  };\n\n  const sectionAdvanced = (id: SpecSectionId): ReactNode => {\n    switch (id) {\n      case \"model\":\n        return (\n          <ModelAdvanced\n            value={value}\n            onChange={onChange}\n            models={models}\n            {...(families ? { families } : {})}\n          />\n        );\n      case \"prompt\":\n        return <PromptAdvanced value={value} onChange={onChange} />;\n      case \"permissions\":\n        return (\n          <PermissionsAdvanced\n            value={value}\n            onChange={onChange}\n            entries={entries}\n            onApplyEntries={applyEntries}\n            onAddEntry={addEntry}\n          />\n        );\n      case \"environment\":\n        return <EnvironmentAdvanced value={value} onChange={onChange} />;\n      default:\n        return undefined;\n    }\n  };\n\n  return (\n    <div className={cn(\"@container\", className)}>\n      <div className=\"mx-auto max-w-[820px] px-density-4 py-density-4\">\n        {showHeader && (\n          <Rail\n            eyebrow={eyebrow}\n            title={title}\n            target={summarizeTarget(value)}\n          />\n        )}\n        {beforeSections}\n        {sections.map((section) => (\n          <SectionCard\n            key={section.id}\n            meta={section}\n            number={sectionNumber(section.id)}\n            domId={domId(section.id)}\n            sectionRef={sectionRef(domId(section.id))}\n            advanced={sectionAdvanced(section.id)}\n            advancedHint={ADVANCED_HINTS[section.id]}\n            defaultCollapsed={collapsedSections.has(section.id)}\n          >\n            {sectionBody(section.id)}\n          </SectionCard>\n        ))}\n      </div>\n      {(onSave || onCancel) && (\n        <Footer\n          status={footerStatus}\n          saveLabel={saveLabel}\n          onSave={onSave}\n          onCancel={onCancel}\n        />\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAyEA,MAAM,iBAAyD;AAAA,EAC7D,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,aAAa;AACf;AAKO,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA,SAAS,CAAA;AAAA,EACT;AAAA,EACA,QAAQ,CAAA;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,eAAe;AACjB,GAA2B;AACzB,QAAM,WAAW,MAAA;AACjB,QAAM,UAAU;AAAA,IACd,MAAM,uBAAuB,mBAAmB,KAAK;AAAA,IACrD,CAAC,mBAAmB,KAAK;AAAA,EAAA;AAE3B,QAAM,UAAU;AAAA,IACd,MAAM,sBAAsB,OAAO,OAAO;AAAA,IAC1C,CAAC,OAAO,OAAO;AAAA,EAAA;AAGjB,QAAM,kBAAkB;AAAA,IACtB,MAAO,gBAAgB,IAAI,IAAI,aAAa,IAAI;AAAA,IAChD,CAAC,aAAa;AAAA,EAAA;AAEhB,QAAM,WAAW,sBAAsB;AAAA,IACrC,CAAC,aACE,QAAQ,OAAO,SAAS,gBACxB,mBAAmB,QAAQ,gBAAgB,IAAI,QAAQ,EAAE;AAAA,EAAA;AAE9D,QAAM,oBAAoB;AAAA,IACxB,MAAM,IAAI,IAAI,4BAA4B,EAAE;AAAA,IAC5C,CAAC,wBAAwB;AAAA,EAAA;AAE3B,QAAM,QAAQ,CAAC,OAAsB,GAAG,QAAQ,IAAI,EAAE;AACtD,QAAM,EAAE,eAAe;AAAA,IACrB,SAAS,IAAI,CAAC,YAAY,MAAM,QAAQ,EAAE,CAAC;AAAA,EAAA;AAG7C,QAAM,eAAe,CACnB,SACA,SACG,SAAS,sBAAsB,OAAO,SAAS,IAAI,CAAC;AACzD,QAAM,WAAW,CACf,QACA,OACG;AACH,UAAM,OAAO,oBAAoB,OAAO,QAAQ,EAAE;AAClD,QAAI,eAAe,IAAI;AAAA,EACzB;AAEA,QAAM,cAAc,CAAC,OAAiC;AACpD,YAAQ,IAAA;AAAA,MACN,KAAK;AACH,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACC,GAAI,WAAW,EAAE,aAAa,CAAA;AAAA,UAAC;AAAA,QAAA;AAAA,MAGtC,KAAK;AACH,eAAO,oBAAC,eAAA,EAAc,OAAc,SAAA,CAAoB;AAAA,MAC1D,KAAK;AACH,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QAAA;AAAA,MAGN,KAAK;AACH,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA,gBAAgB;AAAA,YAChB,YAAY;AAAA,UAAA;AAAA,QAAA;AAAA,MAGlB,KAAK;AACH,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QAAA;AAAA,MAGN,KAAK;AACH,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACC,GAAI,WAAW,EAAE,SAAA,IAAa,CAAA;AAAA,YAC9B,GAAI,iBAAiB,EAAE,mBAAmB,CAAA;AAAA,UAAC;AAAA,QAAA;AAAA,MAGlD,KAAK;AACH,eAAO,oBAAC,eAAA,EAAc,OAAc,SAAA,CAAoB;AAAA,MAC1D,KAAK;AACH,eAAO,aACL;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QAAA,IAEA;AAAA,IAAA;AAAA,EAEV;AAEA,QAAM,kBAAkB,CAAC,OAAiC;AACxD,YAAQ,IAAA;AAAA,MACN,KAAK;AACH,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACC,GAAI,WAAW,EAAE,aAAa,CAAA;AAAA,UAAC;AAAA,QAAA;AAAA,MAGtC,KAAK;AACH,eAAO,oBAAC,gBAAA,EAAe,OAAc,SAAA,CAAoB;AAAA,MAC3D,KAAK;AACH,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA,gBAAgB;AAAA,YAChB,YAAY;AAAA,UAAA;AAAA,QAAA;AAAA,MAGlB,KAAK;AACH,eAAO,oBAAC,qBAAA,EAAoB,OAAc,SAAA,CAAoB;AAAA,MAChE;AACE,eAAO;AAAA,IAAA;AAAA,EAEb;AAEA,8BACG,OAAA,EAAI,WAAW,GAAG,cAAc,SAAS,GACxC,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,mDACZ,UAAA;AAAA,MAAA,cACC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA,QAAQ,gBAAgB,KAAK;AAAA,QAAA;AAAA,MAAA;AAAA,MAGhC;AAAA,MACA,SAAS,IAAI,CAAC,YACb;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,MAAM;AAAA,UACN,QAAQ,cAAc,QAAQ,EAAE;AAAA,UAChC,OAAO,MAAM,QAAQ,EAAE;AAAA,UACvB,YAAY,WAAW,MAAM,QAAQ,EAAE,CAAC;AAAA,UACxC,UAAU,gBAAgB,QAAQ,EAAE;AAAA,UACpC,cAAc,eAAe,QAAQ,EAAE;AAAA,UACvC,kBAAkB,kBAAkB,IAAI,QAAQ,EAAE;AAAA,UAEjD,UAAA,YAAY,QAAQ,EAAE;AAAA,QAAA;AAAA,QATlB,QAAQ;AAAA,MAAA,CAWhB;AAAA,IAAA,GACH;AAAA,KACE,UAAU,aACV;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,QAAQ;AAAA,QACR;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GAEJ;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../../../src/data/ai/SpecRuntimeEditor/index.tsx"],"sourcesContent":["import { useId, useMemo, type ReactNode } from \"react\";\nimport { cn } from \"../../../lib/utils\";\nimport type { ChatModel, ToolMeta } from \"../../chat/types\";\nimport type {\n  AISpecRuntimePermissionCatalog,\n  AISpecRuntimeValue,\n} from \"../SpecRuntimeEditor.model\";\nimport type { SpecRuntimeSandboxCreateConfig } from \"../SandboxCreateWizard.model\";\nimport { CLIArgsSection, type SpecRuntimeCLIOptions } from \"./CLIArgsSection\";\nimport { CommitSection } from \"./CommitSection\";\nimport { EnvironmentAdvanced, EnvironmentSection } from \"./EnvironmentSection\";\nimport { Footer } from \"./Footer\";\nimport { ModelAdvanced, ModelSection } from \"./ModelSection\";\nimport { PermissionsAdvanced, PermissionsSection } from \"./PermissionsSection\";\nimport { PromptAdvanced, PromptSection } from \"./PromptSection\";\nimport { Rail } from \"./Rail\";\nimport { SandboxSection } from \"./SandboxSection\";\nimport { SectionCard } from \"./SectionCard\";\nimport { VerifySection } from \"./VerifySection\";\nimport { WorkspaceSection } from \"./WorkspaceSection\";\nimport {\n  buildPermissionCatalog,\n  specPermissionEntries,\n  withAddedPermission,\n  withPermissionEntries,\n} from \"./permissions-model\";\nimport { summarizeTarget } from \"./summaries\";\nimport {\n  SPEC_RUNTIME_SECTIONS,\n  sectionNumber,\n  type SpecRuntimeSandboxCatalog,\n  type SpecRuntimeSecretSelectorConfig,\n  type SpecSectionId,\n} from \"./types\";\nimport type { SpecRuntimeFamily } from \"../../runtime/runtime-mode\";\nimport { useScrollSpy } from \"./use-scrollspy\";\n\nexport type { AISpecRuntimeValue } from \"../SpecRuntimeEditor.model\";\nexport type {\n  SpecRuntimeSandboxAgent,\n  SpecRuntimeSandboxBackend,\n  SpecRuntimeSandboxCatalog,\n  SpecRuntimeSandboxKind,\n  SpecRuntimeSecretSelectorConfig,\n} from \"./types\";\nexport type { SpecRuntimeCLIOptions } from \"./CLIArgsSection\";\nexport {\n  SPEC_RUNTIME_FAMILIES,\n  type SpecRuntimeFamily,\n  type SpecRuntimeModeOption,\n} from \"../../runtime/runtime-mode\";\n\nexport type SpecRuntimeEditorProps = {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n  models?: ChatModel[] | undefined;\n  /** Provider families for the two-axis Family → Mode picker in the model section. */\n  families?: SpecRuntimeFamily[] | undefined;\n  tools?: ToolMeta[] | undefined;\n  permissionCatalog?: AISpecRuntimePermissionCatalog | undefined;\n  secretSelector?: SpecRuntimeSecretSelectorConfig | undefined;\n  /** Schema for the backend's extra CLI args; enables the CLI flags section. */\n  cliOptions?: SpecRuntimeCLIOptions | undefined;\n  /** Sandbox adapter catalog; enables the Sandbox section. */\n  sandboxCatalog?: SpecRuntimeSandboxCatalog | undefined;\n  /** Host-owned sandbox creation and credential-reference adapter. */\n  sandboxCreate?: SpecRuntimeSandboxCreateConfig | undefined;\n  /** Optional section allow-list for embedded editors that only need part of the runtime spec. */\n  sections?: readonly SpecSectionId[] | undefined;\n  className?: string | undefined;\n  title?: ReactNode | undefined;\n  eyebrow?: ReactNode | undefined;\n  /** Hide the editor rail when a host modal already supplies the context. */\n  showHeader?: boolean | undefined;\n  /** Content rendered before the first section inside the editor column. */\n  beforeSections?: ReactNode | undefined;\n  /** Sections that should start collapsed in embedded contexts. */\n  defaultCollapsedSections?: readonly SpecSectionId[] | undefined;\n  /** Renders the sticky footer's save action when set. */\n  onSave?: (() => void) | undefined;\n  /** Renders the sticky footer's cancel action when set. */\n  onCancel?: (() => void) | undefined;\n  saveLabel?: string | undefined;\n  footerStatus?: ReactNode | undefined;\n};\n\nconst ADVANCED_HINTS: Partial<Record<SpecSectionId, string>> = {\n  model: \"fallbacks, session, caching\",\n  prompt: \"schema\",\n  permissions: \"full permission tree\",\n  environment: \"dotenv files\",\n};\n\n// Full-page runtime spec editor (design \"Runtime Spec Editor v2\"): a live\n// summary rail with scrollspy nav, preset quick-starts, and stacked numbered\n// sections. Container-responsive so it works embedded in a modal or standalone.\nexport function SpecRuntimeEditor({\n  value,\n  onChange,\n  models = [],\n  families,\n  tools = [],\n  permissionCatalog,\n  secretSelector,\n  cliOptions,\n  sandboxCatalog,\n  sandboxCreate,\n  sections: sectionFilter,\n  className,\n  title = \"Runtime Spec\",\n  eyebrow = \"Agent configuration\",\n  showHeader = true,\n  beforeSections,\n  defaultCollapsedSections,\n  onSave,\n  onCancel,\n  saveLabel = \"Save & run\",\n  footerStatus = \"Ready to run\",\n}: SpecRuntimeEditorProps) {\n  const idPrefix = useId();\n  const catalog = useMemo(\n    () => buildPermissionCatalog(permissionCatalog, tools),\n    [permissionCatalog, tools],\n  );\n  const entries = useMemo(\n    () => specPermissionEntries(value, catalog),\n    [value, catalog],\n  );\n\n  const allowedSections = useMemo(\n    () => (sectionFilter ? new Set(sectionFilter) : undefined),\n    [sectionFilter],\n  );\n  // \"cli\" and \"sandbox\" describe host-supplied catalogs; without one there is\n  // nothing to choose from, so the section is omitted rather than rendered empty.\n  const sections = SPEC_RUNTIME_SECTIONS.filter(\n    (section) =>\n      (section.id !== \"cli\" || cliOptions) &&\n      (section.id !== \"sandbox\" || sandboxCatalog) &&\n      (allowedSections == null || allowedSections.has(section.id)),\n  );\n  const collapsedSections = useMemo(\n    () => new Set(defaultCollapsedSections ?? []),\n    [defaultCollapsedSections],\n  );\n  const domId = (id: SpecSectionId) => `${idPrefix}-${id}`;\n  const { sectionRef } = useScrollSpy(\n    sections.map((section) => domId(section.id)),\n  );\n\n  const applyEntries = (\n    applied: Parameters<typeof withPermissionEntries>[1],\n    mode: Parameters<typeof withPermissionEntries>[2],\n  ) => onChange(withPermissionEntries(value, applied, mode));\n  const addEntry = (\n    domain: Parameters<typeof withAddedPermission>[1],\n    id: string,\n  ) => {\n    const next = withAddedPermission(value, domain, id);\n    if (next) onChange(next);\n  };\n\n  const sectionBody = (id: SpecSectionId): ReactNode => {\n    switch (id) {\n      case \"model\":\n        return (\n          <ModelSection\n            value={value}\n            onChange={onChange}\n            models={models}\n            {...(families ? { families } : {})}\n          />\n        );\n      case \"prompt\":\n        return <PromptSection value={value} onChange={onChange} />;\n      case \"workspace\":\n        return (\n          <WorkspaceSection\n            value={value}\n            onChange={onChange}\n            secretSelector={secretSelector}\n          />\n        );\n      case \"sandbox\":\n        return sandboxCatalog ? (\n          <SandboxSection\n            value={value}\n            onChange={onChange}\n            catalog={sandboxCatalog}\n            {...(families ? { families } : {})}\n            {...(sandboxCreate ? { createConfig: sandboxCreate } : {})}\n          />\n        ) : null;\n      case \"permissions\":\n        return (\n          <PermissionsSection\n            value={value}\n            onChange={onChange}\n            entries={entries}\n            onApplyEntries={applyEntries}\n            onAddEntry={addEntry}\n          />\n        );\n      case \"environment\":\n        return (\n          <EnvironmentSection\n            value={value}\n            onChange={onChange}\n            secretSelector={secretSelector}\n          />\n        );\n      case \"verify\":\n        return (\n          <VerifySection\n            value={value}\n            onChange={onChange}\n            models={models}\n            {...(families ? { families } : {})}\n            {...(secretSelector ? { secretSelector } : {})}\n          />\n        );\n      case \"commit\":\n        return <CommitSection value={value} onChange={onChange} />;\n      case \"cli\":\n        return cliOptions ? (\n          <CLIArgsSection\n            value={value}\n            onChange={onChange}\n            cliOptions={cliOptions}\n          />\n        ) : null;\n    }\n  };\n\n  const sectionAdvanced = (id: SpecSectionId): ReactNode => {\n    switch (id) {\n      case \"model\":\n        return (\n          <ModelAdvanced\n            value={value}\n            onChange={onChange}\n            models={models}\n            {...(families ? { families } : {})}\n          />\n        );\n      case \"prompt\":\n        return <PromptAdvanced value={value} onChange={onChange} />;\n      case \"permissions\":\n        return (\n          <PermissionsAdvanced\n            value={value}\n            onChange={onChange}\n            entries={entries}\n            onApplyEntries={applyEntries}\n            onAddEntry={addEntry}\n          />\n        );\n      case \"environment\":\n        return <EnvironmentAdvanced value={value} onChange={onChange} />;\n      default:\n        return undefined;\n    }\n  };\n\n  return (\n    <div className={cn(\"@container\", className)}>\n      <div className=\"mx-auto max-w-[820px] px-density-4 py-density-4\">\n        {showHeader && (\n          <Rail\n            eyebrow={eyebrow}\n            title={title}\n            target={summarizeTarget(value)}\n          />\n        )}\n        {beforeSections}\n        {sections.map((section) => (\n          <SectionCard\n            key={section.id}\n            meta={section}\n            number={sectionNumber(section.id)}\n            domId={domId(section.id)}\n            sectionRef={sectionRef(domId(section.id))}\n            advanced={sectionAdvanced(section.id)}\n            advancedHint={ADVANCED_HINTS[section.id]}\n            defaultCollapsed={collapsedSections.has(section.id)}\n          >\n            {sectionBody(section.id)}\n          </SectionCard>\n        ))}\n      </div>\n      {(onSave || onCancel) && (\n        <Footer\n          status={footerStatus}\n          saveLabel={saveLabel}\n          onSave={onSave}\n          onCancel={onCancel}\n        />\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

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

@@ -3,6 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const UiRobotAi = require("../../../icons/components/UiRobotAi.cjs");
 const UiFileText = require("../../../icons/components/UiFileText.cjs");
 const UiGitBranch = require("../../../icons/components/UiGitBranch.cjs");
+const UiBox = require("../../../icons/components/UiBox.cjs");
 const UiShield = require("../../../icons/components/UiShield.cjs");
 const UiBraces = require("../../../icons/components/UiBraces.cjs");
 const UiSealCheck = require("../../../icons/components/UiSealCheck.cjs");
@@ -30,6 +31,16 @@ const SPEC_RUNTIME_SECTIONS = [
     icon: UiGitBranch.UiGitBranch,
     iconClassName: "text-sky-500"
   },
+  // Adjacent to Workspace on purpose: a sandbox declaring `isolate-workspace`
+  // materializes its own tree, so it conflicts with a worktree or checkout set
+  // in the section directly above.
+  {
+    id: "sandbox",
+    label: "Sandbox",
+    hint: "What confines the run, and where it executes.",
+    icon: UiBox.UiBox,
+    iconClassName: "text-amber-500"
+  },
   {
     id: "permissions",
     label: "Permissions",

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

@@ -1 +1 @@
-{"version":3,"file":"types.cjs","sources":["../../../../src/data/ai/SpecRuntimeEditor/types.ts"],"sourcesContent":["import type {\n  KeyPreview,\n  SecretKind,\n  SecretResource,\n} from \"../../../components/SecretKeySelector\";\nimport type { StaticIconComponent } from \"../../Icon\";\nimport {\n  UiBraces,\n  UiFileText,\n  UiGitCommit,\n  UiGitBranch,\n  UiRobotAi,\n  UiSealCheck,\n  UiShield,\n  UiTerminal,\n} from \"../../../icons\";\n\nexport type SpecRuntimeSecretSelectorConfig = {\n  loadResources: (kind: SecretKind) => Promise<SecretResource[]>;\n  loadKeyPreview: (kind: SecretKind, name: string) => Promise<KeyPreview[]>;\n  strict?: boolean | undefined;\n  allowLiteral?: boolean | undefined;\n};\n\nexport type SpecSectionId =\n  | \"model\"\n  | \"prompt\"\n  | \"workspace\"\n  | \"permissions\"\n  | \"environment\"\n  | \"verify\"\n  | \"commit\"\n  | \"cli\";\n\nexport type SpecSectionMeta = {\n  id: SpecSectionId;\n  label: string;\n  hint: string;\n  icon: StaticIconComponent;\n  iconClassName?: string | undefined;\n};\n\n// Rail/nav order; section numbers (\"01\"…) derive from the index. The \"cli\"\n// section only renders when the host supplies a cliOptions schema.\nexport const SPEC_RUNTIME_SECTIONS: SpecSectionMeta[] = [\n  {\n    id: \"model\",\n    label: \"Model\",\n    hint: \"Which model runs, how hard it reasons, and its budget ceiling.\",\n    icon: UiRobotAi,\n    iconClassName: \"text-indigo-500\",\n  },\n  {\n    id: \"prompt\",\n    label: \"Prompt\",\n    hint: \"Overrides layered on top of the base agent prompt.\",\n    icon: UiFileText,\n    iconClassName: \"text-primary\",\n  },\n  {\n    id: \"workspace\",\n    label: \"Workspace\",\n    hint: \"Where the agent checks out code and runs.\",\n    icon: UiGitBranch,\n    iconClassName: \"text-sky-500\",\n  },\n  {\n    id: \"permissions\",\n    label: \"Permissions\",\n    hint: \"What the agent may do without asking. Overrides the preset above.\",\n    icon: UiShield,\n    iconClassName: \"text-emerald-600 dark:text-emerald-400\",\n  },\n  {\n    id: \"environment\",\n    label: \"Environment\",\n    hint: \"Variables and secrets injected before the run.\",\n    icon: UiBraces,\n    iconClassName: \"text-amber-600 dark:text-amber-400\",\n  },\n  {\n    id: \"verify\",\n    label: \"Verify\",\n    hint: \"How the work is checked before finalization.\",\n    icon: UiSealCheck,\n    iconClassName: \"text-emerald-600 dark:text-emerald-400\",\n  },\n  {\n    id: \"commit\",\n    label: \"Commit\",\n    hint: \"Whether passing work is committed, previewed, or left as changes.\",\n    icon: UiGitCommit,\n    iconClassName: \"text-violet-600 dark:text-violet-400\",\n  },\n  {\n    id: \"cli\",\n    label: \"CLI flags\",\n    hint: \"Extra interactive CLI flags passed straight to the agent binary.\",\n    icon: UiTerminal,\n  },\n];\n\nexport function sectionNumber(id: SpecSectionId): string {\n  const index = SPEC_RUNTIME_SECTIONS.findIndex((section) => section.id === id);\n  return String(index + 1).padStart(2, \"0\");\n}\n"],"names":["UiRobotAi","UiFileText","UiGitBranch","UiShield","UiBraces","UiSealCheck","UiGitCommit","UiTerminal"],"mappings":";;;;;;;;;;AA4CO,MAAM,wBAA2C;AAAA,EACtD;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAMA,UAAAA;AAAAA,IACN,eAAe;AAAA,EAAA;AAAA,EAEjB;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAMC,WAAAA;AAAAA,IACN,eAAe;AAAA,EAAA;AAAA,EAEjB;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAMC,YAAAA;AAAAA,IACN,eAAe;AAAA,EAAA;AAAA,EAEjB;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAMC,SAAAA;AAAAA,IACN,eAAe;AAAA,EAAA;AAAA,EAEjB;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAMC,SAAAA;AAAAA,IACN,eAAe;AAAA,EAAA;AAAA,EAEjB;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAMC,YAAAA;AAAAA,IACN,eAAe;AAAA,EAAA;AAAA,EAEjB;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAMC,YAAAA;AAAAA,IACN,eAAe;AAAA,EAAA;AAAA,EAEjB;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAMC,WAAAA;AAAAA,EAAA;AAEV;AAEO,SAAS,cAAc,IAA2B;AACvD,QAAM,QAAQ,sBAAsB,UAAU,CAAC,YAAY,QAAQ,OAAO,EAAE;AAC5E,SAAO,OAAO,QAAQ,CAAC,EAAE,SAAS,GAAG,GAAG;AAC1C;;;"}
+{"version":3,"file":"types.cjs","sources":["../../../../src/data/ai/SpecRuntimeEditor/types.ts"],"sourcesContent":["import type {\n  KeyPreview,\n  SecretKind,\n  SecretResource,\n} from \"../../../components/SecretKeySelector\";\nimport type { StaticIconComponent } from \"../../Icon\";\nimport type { JsonSchemaObject } from \"../../../components/json-schema-form-types\";\nimport type { SpecSandboxCapability } from \"../SpecRuntimeEditor.model\";\nimport {\n  UiBox,\n  UiBraces,\n  UiFileText,\n  UiGitCommit,\n  UiGitBranch,\n  UiRobotAi,\n  UiSealCheck,\n  UiShield,\n  UiTerminal,\n} from \"../../../icons\";\n\n/**\n * The sandbox surface a host serves alongside the spec schema (captain:\n * `GET /api/captain/ai/prompt/schema` → `sandboxes`, also\n * `GET /api/captain/sandboxes`). It is a projection of the adapter descriptor\n * table, so the editor can explain each choice and refuse invalid pairings\n * instead of failing at dispatch.\n */\nexport type SpecRuntimeSandboxCatalog = {\n  /** The configured `sandbox.default` selector, when one is set. */\n  default?: string | undefined;\n  kinds?: SpecRuntimeSandboxKind[] | undefined;\n  /**\n   * Configured backends whose declared kind does not resolve to an adapter.\n   * Reported rather than dropped, so a misconfigured backend reads as wrong\n   * instead of missing — but never offered as a selectable choice.\n   */\n  invalid?: SpecRuntimeSandboxBackend[] | undefined;\n};\n\nexport type SpecRuntimeSandboxKind = {\n  kind: string;\n  description?: string | undefined;\n  /** Host-owned schema for a named backend's adapter-specific options. */\n  configSchema?: JsonSchemaObject | undefined;\n  /** True when `sandbox.default` names this bare kind. */\n  default?: boolean | undefined;\n  capabilities?: SpecSandboxCapability[] | undefined;\n  /** Runtime modes this adapter can serve; a pairing outside it is an error. */\n  modes?: string[] | undefined;\n  backends?: SpecRuntimeSandboxBackend[] | undefined;\n};\n\nexport type SpecRuntimeSandboxBackend = {\n  name: string;\n  kind?: string | undefined;\n  /** True when `sandbox.default` names this backend. */\n  default?: boolean | undefined;\n  /** The endpoint a git-agent backend dispatches through. */\n  url?: string | undefined;\n  agents?: SpecRuntimeSandboxAgent[] | undefined;\n  /** Why this backend cannot be selected; set only on `invalid` entries. */\n  error?: string | undefined;\n};\n\nexport type SpecRuntimeSandboxAgent = {\n  name: string;\n  /** \"enrolled\", or \"pending until <expiry>\" for an unclaimed join token. */\n  status?: string | undefined;\n  /** The host has every transport-specific credential needed to run here. */\n  dispatchable: boolean;\n  /** Safe diagnostic for a non-dispatchable agent; never a credential path. */\n  dispatchIssue?: string | undefined;\n};\n\nexport type SpecRuntimeSecretSelectorConfig = {\n  loadResources: (kind: SecretKind) => Promise<SecretResource[]>;\n  loadKeyPreview: (kind: SecretKind, name: string) => Promise<KeyPreview[]>;\n  strict?: boolean | undefined;\n  allowLiteral?: boolean | undefined;\n};\n\nexport type SpecSectionId =\n  | \"model\"\n  | \"prompt\"\n  | \"workspace\"\n  | \"sandbox\"\n  | \"permissions\"\n  | \"environment\"\n  | \"verify\"\n  | \"commit\"\n  | \"cli\";\n\nexport type SpecSectionMeta = {\n  id: SpecSectionId;\n  label: string;\n  hint: string;\n  icon: StaticIconComponent;\n  iconClassName?: string | undefined;\n};\n\n// Rail/nav order; section numbers (\"01\"…) derive from the index. The \"cli\"\n// section only renders when the host supplies a cliOptions schema.\nexport const SPEC_RUNTIME_SECTIONS: SpecSectionMeta[] = [\n  {\n    id: \"model\",\n    label: \"Model\",\n    hint: \"Which model runs, how hard it reasons, and its budget ceiling.\",\n    icon: UiRobotAi,\n    iconClassName: \"text-indigo-500\",\n  },\n  {\n    id: \"prompt\",\n    label: \"Prompt\",\n    hint: \"Overrides layered on top of the base agent prompt.\",\n    icon: UiFileText,\n    iconClassName: \"text-primary\",\n  },\n  {\n    id: \"workspace\",\n    label: \"Workspace\",\n    hint: \"Where the agent checks out code and runs.\",\n    icon: UiGitBranch,\n    iconClassName: \"text-sky-500\",\n  },\n  // Adjacent to Workspace on purpose: a sandbox declaring `isolate-workspace`\n  // materializes its own tree, so it conflicts with a worktree or checkout set\n  // in the section directly above.\n  {\n    id: \"sandbox\",\n    label: \"Sandbox\",\n    hint: \"What confines the run, and where it executes.\",\n    icon: UiBox,\n    iconClassName: \"text-amber-500\",\n  },\n  {\n    id: \"permissions\",\n    label: \"Permissions\",\n    hint: \"What the agent may do without asking. Overrides the preset above.\",\n    icon: UiShield,\n    iconClassName: \"text-emerald-600 dark:text-emerald-400\",\n  },\n  {\n    id: \"environment\",\n    label: \"Environment\",\n    hint: \"Variables and secrets injected before the run.\",\n    icon: UiBraces,\n    iconClassName: \"text-amber-600 dark:text-amber-400\",\n  },\n  {\n    id: \"verify\",\n    label: \"Verify\",\n    hint: \"How the work is checked before finalization.\",\n    icon: UiSealCheck,\n    iconClassName: \"text-emerald-600 dark:text-emerald-400\",\n  },\n  {\n    id: \"commit\",\n    label: \"Commit\",\n    hint: \"Whether passing work is committed, previewed, or left as changes.\",\n    icon: UiGitCommit,\n    iconClassName: \"text-violet-600 dark:text-violet-400\",\n  },\n  {\n    id: \"cli\",\n    label: \"CLI flags\",\n    hint: \"Extra interactive CLI flags passed straight to the agent binary.\",\n    icon: UiTerminal,\n  },\n];\n\nexport function sectionNumber(id: SpecSectionId): string {\n  const index = SPEC_RUNTIME_SECTIONS.findIndex((section) => section.id === id);\n  return String(index + 1).padStart(2, \"0\");\n}\n"],"names":["UiRobotAi","UiFileText","UiGitBranch","UiBox","UiShield","UiBraces","UiSealCheck","UiGitCommit","UiTerminal"],"mappings":";;;;;;;;;;;AAsGO,MAAM,wBAA2C;AAAA,EACtD;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAMA,UAAAA;AAAAA,IACN,eAAe;AAAA,EAAA;AAAA,EAEjB;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAMC,WAAAA;AAAAA,IACN,eAAe;AAAA,EAAA;AAAA,EAEjB;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAMC,YAAAA;AAAAA,IACN,eAAe;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA,EAKjB;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAMC,MAAAA;AAAAA,IACN,eAAe;AAAA,EAAA;AAAA,EAEjB;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAMC,SAAAA;AAAAA,IACN,eAAe;AAAA,EAAA;AAAA,EAEjB;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAMC,SAAAA;AAAAA,IACN,eAAe;AAAA,EAAA;AAAA,EAEjB;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAMC,YAAAA;AAAAA,IACN,eAAe;AAAA,EAAA;AAAA,EAEjB;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAMC,YAAAA;AAAAA,IACN,eAAe;AAAA,EAAA;AAAA,EAEjB;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAMC,WAAAA;AAAAA,EAAA;AAEV;AAEO,SAAS,cAAc,IAA2B;AACvD,QAAM,QAAQ,sBAAsB,UAAU,CAAC,YAAY,QAAQ,OAAO,EAAE;AAC5E,SAAO,OAAO,QAAQ,CAAC,EAAE,SAAS,GAAG,GAAG;AAC1C;;;"}

package/dist/data/ai/SpecRuntimeEditor/types.d.ts

@@ -1,12 +1,64 @@
 import { KeyPreview, SecretKind, SecretResource } from '../../../components/SecretKeySelector';
 import { StaticIconComponent } from '../../Icon';
+import { JsonSchemaObject } from '../../../components/json-schema-form-types';
+import { SpecSandboxCapability } from '../SpecRuntimeEditor.model';
+/**
+ * The sandbox surface a host serves alongside the spec schema (captain:
+ * `GET /api/captain/ai/prompt/schema` → `sandboxes`, also
+ * `GET /api/captain/sandboxes`). It is a projection of the adapter descriptor
+ * table, so the editor can explain each choice and refuse invalid pairings
+ * instead of failing at dispatch.
+ */
+export type SpecRuntimeSandboxCatalog = {
+    /** The configured `sandbox.default` selector, when one is set. */
+    default?: string | undefined;
+    kinds?: SpecRuntimeSandboxKind[] | undefined;
+    /**
+     * Configured backends whose declared kind does not resolve to an adapter.
+     * Reported rather than dropped, so a misconfigured backend reads as wrong
+     * instead of missing — but never offered as a selectable choice.
+     */
+    invalid?: SpecRuntimeSandboxBackend[] | undefined;
+};
+export type SpecRuntimeSandboxKind = {
+    kind: string;
+    description?: string | undefined;
+    /** Host-owned schema for a named backend's adapter-specific options. */
+    configSchema?: JsonSchemaObject | undefined;
+    /** True when `sandbox.default` names this bare kind. */
+    default?: boolean | undefined;
+    capabilities?: SpecSandboxCapability[] | undefined;
+    /** Runtime modes this adapter can serve; a pairing outside it is an error. */
+    modes?: string[] | undefined;
+    backends?: SpecRuntimeSandboxBackend[] | undefined;
+};
+export type SpecRuntimeSandboxBackend = {
+    name: string;
+    kind?: string | undefined;
+    /** True when `sandbox.default` names this backend. */
+    default?: boolean | undefined;
+    /** The endpoint a git-agent backend dispatches through. */
+    url?: string | undefined;
+    agents?: SpecRuntimeSandboxAgent[] | undefined;
+    /** Why this backend cannot be selected; set only on `invalid` entries. */
+    error?: string | undefined;
+};
+export type SpecRuntimeSandboxAgent = {
+    name: string;
+    /** "enrolled", or "pending until <expiry>" for an unclaimed join token. */
+    status?: string | undefined;
+    /** The host has every transport-specific credential needed to run here. */
+    dispatchable: boolean;
+    /** Safe diagnostic for a non-dispatchable agent; never a credential path. */
+    dispatchIssue?: string | undefined;
+};
 export type SpecRuntimeSecretSelectorConfig = {
     loadResources: (kind: SecretKind) => Promise<SecretResource[]>;
     loadKeyPreview: (kind: SecretKind, name: string) => Promise<KeyPreview[]>;
     strict?: boolean | undefined;
     allowLiteral?: boolean | undefined;
 };
-export type SpecSectionId = "model" | "prompt" | "workspace" | "permissions" | "environment" | "verify" | "commit" | "cli";
+export type SpecSectionId = "model" | "prompt" | "workspace" | "sandbox" | "permissions" | "environment" | "verify" | "commit" | "cli";
 export type SpecSectionMeta = {
     id: SpecSectionId;
     label: string;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/data/ai/SpecRuntimeEditor/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,UAAU,EACV,UAAU,EACV,cAAc,EACf,MAAM,uCAAuC,CAAC;AAC/C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAYtD,MAAM,MAAM,+BAA+B,GAAG;IAC5C,aAAa,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,OAAO,CAAC,cAAc,EAAE,CAAC,CAAC;IAC/D,cAAc,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC;IAC1E,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,YAAY,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,aAAa,GACrB,OAAO,GACP,QAAQ,GACR,WAAW,GACX,aAAa,GACb,aAAa,GACb,QAAQ,GACR,QAAQ,GACR,KAAK,CAAC;AAEV,MAAM,MAAM,eAAe,GAAG;IAC5B,EAAE,EAAE,aAAa,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,mBAAmB,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACpC,CAAC;AAIF,eAAO,MAAM,qBAAqB,EAAE,eAAe,EAwDlD,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAAE,EAAE,aAAa,GAAG,MAAM,CAGvD"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/data/ai/SpecRuntimeEditor/types.ts"],"names":[],"mappings":"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"}

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

@@ -1,6 +1,7 @@
 import { UiRobotAi } from "../../../icons/components/UiRobotAi.js";
 import { UiFileText } from "../../../icons/components/UiFileText.js";
 import { UiGitBranch } from "../../../icons/components/UiGitBranch.js";
+import { UiBox } from "../../../icons/components/UiBox.js";
 import { UiShield } from "../../../icons/components/UiShield.js";
 import { UiBraces } from "../../../icons/components/UiBraces.js";
 import { UiSealCheck } from "../../../icons/components/UiSealCheck.js";
@@ -28,6 +29,16 @@ const SPEC_RUNTIME_SECTIONS = [
     icon: UiGitBranch,
     iconClassName: "text-sky-500"
   },
+  // Adjacent to Workspace on purpose: a sandbox declaring `isolate-workspace`
+  // materializes its own tree, so it conflicts with a worktree or checkout set
+  // in the section directly above.
+  {
+    id: "sandbox",
+    label: "Sandbox",
+    hint: "What confines the run, and where it executes.",
+    icon: UiBox,
+    iconClassName: "text-amber-500"
+  },
   {
     id: "permissions",
     label: "Permissions",

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../../src/data/ai/SpecRuntimeEditor/types.ts"],"sourcesContent":["import type {\n  KeyPreview,\n  SecretKind,\n  SecretResource,\n} from \"../../../components/SecretKeySelector\";\nimport type { StaticIconComponent } from \"../../Icon\";\nimport {\n  UiBraces,\n  UiFileText,\n  UiGitCommit,\n  UiGitBranch,\n  UiRobotAi,\n  UiSealCheck,\n  UiShield,\n  UiTerminal,\n} from \"../../../icons\";\n\nexport type SpecRuntimeSecretSelectorConfig = {\n  loadResources: (kind: SecretKind) => Promise<SecretResource[]>;\n  loadKeyPreview: (kind: SecretKind, name: string) => Promise<KeyPreview[]>;\n  strict?: boolean | undefined;\n  allowLiteral?: boolean | undefined;\n};\n\nexport type SpecSectionId =\n  | \"model\"\n  | \"prompt\"\n  | \"workspace\"\n  | \"permissions\"\n  | \"environment\"\n  | \"verify\"\n  | \"commit\"\n  | \"cli\";\n\nexport type SpecSectionMeta = {\n  id: SpecSectionId;\n  label: string;\n  hint: string;\n  icon: StaticIconComponent;\n  iconClassName?: string | undefined;\n};\n\n// Rail/nav order; section numbers (\"01\"…) derive from the index. The \"cli\"\n// section only renders when the host supplies a cliOptions schema.\nexport const SPEC_RUNTIME_SECTIONS: SpecSectionMeta[] = [\n  {\n    id: \"model\",\n    label: \"Model\",\n    hint: \"Which model runs, how hard it reasons, and its budget ceiling.\",\n    icon: UiRobotAi,\n    iconClassName: \"text-indigo-500\",\n  },\n  {\n    id: \"prompt\",\n    label: \"Prompt\",\n    hint: \"Overrides layered on top of the base agent prompt.\",\n    icon: UiFileText,\n    iconClassName: \"text-primary\",\n  },\n  {\n    id: \"workspace\",\n    label: \"Workspace\",\n    hint: \"Where the agent checks out code and runs.\",\n    icon: UiGitBranch,\n    iconClassName: \"text-sky-500\",\n  },\n  {\n    id: \"permissions\",\n    label: \"Permissions\",\n    hint: \"What the agent may do without asking. Overrides the preset above.\",\n    icon: UiShield,\n    iconClassName: \"text-emerald-600 dark:text-emerald-400\",\n  },\n  {\n    id: \"environment\",\n    label: \"Environment\",\n    hint: \"Variables and secrets injected before the run.\",\n    icon: UiBraces,\n    iconClassName: \"text-amber-600 dark:text-amber-400\",\n  },\n  {\n    id: \"verify\",\n    label: \"Verify\",\n    hint: \"How the work is checked before finalization.\",\n    icon: UiSealCheck,\n    iconClassName: \"text-emerald-600 dark:text-emerald-400\",\n  },\n  {\n    id: \"commit\",\n    label: \"Commit\",\n    hint: \"Whether passing work is committed, previewed, or left as changes.\",\n    icon: UiGitCommit,\n    iconClassName: \"text-violet-600 dark:text-violet-400\",\n  },\n  {\n    id: \"cli\",\n    label: \"CLI flags\",\n    hint: \"Extra interactive CLI flags passed straight to the agent binary.\",\n    icon: UiTerminal,\n  },\n];\n\nexport function sectionNumber(id: SpecSectionId): string {\n  const index = SPEC_RUNTIME_SECTIONS.findIndex((section) => section.id === id);\n  return String(index + 1).padStart(2, \"0\");\n}\n"],"names":[],"mappings":";;;;;;;;AA4CO,MAAM,wBAA2C;AAAA,EACtD;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,IACN,eAAe;AAAA,EAAA;AAAA,EAEjB;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,IACN,eAAe;AAAA,EAAA;AAAA,EAEjB;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,IACN,eAAe;AAAA,EAAA;AAAA,EAEjB;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,IACN,eAAe;AAAA,EAAA;AAAA,EAEjB;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,IACN,eAAe;AAAA,EAAA;AAAA,EAEjB;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,IACN,eAAe;AAAA,EAAA;AAAA,EAEjB;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,IACN,eAAe;AAAA,EAAA;AAAA,EAEjB;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,EAAA;AAEV;AAEO,SAAS,cAAc,IAA2B;AACvD,QAAM,QAAQ,sBAAsB,UAAU,CAAC,YAAY,QAAQ,OAAO,EAAE;AAC5E,SAAO,OAAO,QAAQ,CAAC,EAAE,SAAS,GAAG,GAAG;AAC1C;"}
+{"version":3,"file":"types.js","sources":["../../../../src/data/ai/SpecRuntimeEditor/types.ts"],"sourcesContent":["import type {\n  KeyPreview,\n  SecretKind,\n  SecretResource,\n} from \"../../../components/SecretKeySelector\";\nimport type { StaticIconComponent } from \"../../Icon\";\nimport type { JsonSchemaObject } from \"../../../components/json-schema-form-types\";\nimport type { SpecSandboxCapability } from \"../SpecRuntimeEditor.model\";\nimport {\n  UiBox,\n  UiBraces,\n  UiFileText,\n  UiGitCommit,\n  UiGitBranch,\n  UiRobotAi,\n  UiSealCheck,\n  UiShield,\n  UiTerminal,\n} from \"../../../icons\";\n\n/**\n * The sandbox surface a host serves alongside the spec schema (captain:\n * `GET /api/captain/ai/prompt/schema` → `sandboxes`, also\n * `GET /api/captain/sandboxes`). It is a projection of the adapter descriptor\n * table, so the editor can explain each choice and refuse invalid pairings\n * instead of failing at dispatch.\n */\nexport type SpecRuntimeSandboxCatalog = {\n  /** The configured `sandbox.default` selector, when one is set. */\n  default?: string | undefined;\n  kinds?: SpecRuntimeSandboxKind[] | undefined;\n  /**\n   * Configured backends whose declared kind does not resolve to an adapter.\n   * Reported rather than dropped, so a misconfigured backend reads as wrong\n   * instead of missing — but never offered as a selectable choice.\n   */\n  invalid?: SpecRuntimeSandboxBackend[] | undefined;\n};\n\nexport type SpecRuntimeSandboxKind = {\n  kind: string;\n  description?: string | undefined;\n  /** Host-owned schema for a named backend's adapter-specific options. */\n  configSchema?: JsonSchemaObject | undefined;\n  /** True when `sandbox.default` names this bare kind. */\n  default?: boolean | undefined;\n  capabilities?: SpecSandboxCapability[] | undefined;\n  /** Runtime modes this adapter can serve; a pairing outside it is an error. */\n  modes?: string[] | undefined;\n  backends?: SpecRuntimeSandboxBackend[] | undefined;\n};\n\nexport type SpecRuntimeSandboxBackend = {\n  name: string;\n  kind?: string | undefined;\n  /** True when `sandbox.default` names this backend. */\n  default?: boolean | undefined;\n  /** The endpoint a git-agent backend dispatches through. */\n  url?: string | undefined;\n  agents?: SpecRuntimeSandboxAgent[] | undefined;\n  /** Why this backend cannot be selected; set only on `invalid` entries. */\n  error?: string | undefined;\n};\n\nexport type SpecRuntimeSandboxAgent = {\n  name: string;\n  /** \"enrolled\", or \"pending until <expiry>\" for an unclaimed join token. */\n  status?: string | undefined;\n  /** The host has every transport-specific credential needed to run here. */\n  dispatchable: boolean;\n  /** Safe diagnostic for a non-dispatchable agent; never a credential path. */\n  dispatchIssue?: string | undefined;\n};\n\nexport type SpecRuntimeSecretSelectorConfig = {\n  loadResources: (kind: SecretKind) => Promise<SecretResource[]>;\n  loadKeyPreview: (kind: SecretKind, name: string) => Promise<KeyPreview[]>;\n  strict?: boolean | undefined;\n  allowLiteral?: boolean | undefined;\n};\n\nexport type SpecSectionId =\n  | \"model\"\n  | \"prompt\"\n  | \"workspace\"\n  | \"sandbox\"\n  | \"permissions\"\n  | \"environment\"\n  | \"verify\"\n  | \"commit\"\n  | \"cli\";\n\nexport type SpecSectionMeta = {\n  id: SpecSectionId;\n  label: string;\n  hint: string;\n  icon: StaticIconComponent;\n  iconClassName?: string | undefined;\n};\n\n// Rail/nav order; section numbers (\"01\"…) derive from the index. The \"cli\"\n// section only renders when the host supplies a cliOptions schema.\nexport const SPEC_RUNTIME_SECTIONS: SpecSectionMeta[] = [\n  {\n    id: \"model\",\n    label: \"Model\",\n    hint: \"Which model runs, how hard it reasons, and its budget ceiling.\",\n    icon: UiRobotAi,\n    iconClassName: \"text-indigo-500\",\n  },\n  {\n    id: \"prompt\",\n    label: \"Prompt\",\n    hint: \"Overrides layered on top of the base agent prompt.\",\n    icon: UiFileText,\n    iconClassName: \"text-primary\",\n  },\n  {\n    id: \"workspace\",\n    label: \"Workspace\",\n    hint: \"Where the agent checks out code and runs.\",\n    icon: UiGitBranch,\n    iconClassName: \"text-sky-500\",\n  },\n  // Adjacent to Workspace on purpose: a sandbox declaring `isolate-workspace`\n  // materializes its own tree, so it conflicts with a worktree or checkout set\n  // in the section directly above.\n  {\n    id: \"sandbox\",\n    label: \"Sandbox\",\n    hint: \"What confines the run, and where it executes.\",\n    icon: UiBox,\n    iconClassName: \"text-amber-500\",\n  },\n  {\n    id: \"permissions\",\n    label: \"Permissions\",\n    hint: \"What the agent may do without asking. Overrides the preset above.\",\n    icon: UiShield,\n    iconClassName: \"text-emerald-600 dark:text-emerald-400\",\n  },\n  {\n    id: \"environment\",\n    label: \"Environment\",\n    hint: \"Variables and secrets injected before the run.\",\n    icon: UiBraces,\n    iconClassName: \"text-amber-600 dark:text-amber-400\",\n  },\n  {\n    id: \"verify\",\n    label: \"Verify\",\n    hint: \"How the work is checked before finalization.\",\n    icon: UiSealCheck,\n    iconClassName: \"text-emerald-600 dark:text-emerald-400\",\n  },\n  {\n    id: \"commit\",\n    label: \"Commit\",\n    hint: \"Whether passing work is committed, previewed, or left as changes.\",\n    icon: UiGitCommit,\n    iconClassName: \"text-violet-600 dark:text-violet-400\",\n  },\n  {\n    id: \"cli\",\n    label: \"CLI flags\",\n    hint: \"Extra interactive CLI flags passed straight to the agent binary.\",\n    icon: UiTerminal,\n  },\n];\n\nexport function sectionNumber(id: SpecSectionId): string {\n  const index = SPEC_RUNTIME_SECTIONS.findIndex((section) => section.id === id);\n  return String(index + 1).padStart(2, \"0\");\n}\n"],"names":[],"mappings":";;;;;;;;;AAsGO,MAAM,wBAA2C;AAAA,EACtD;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,IACN,eAAe;AAAA,EAAA;AAAA,EAEjB;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,IACN,eAAe;AAAA,EAAA;AAAA,EAEjB;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,IACN,eAAe;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA,EAKjB;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,IACN,eAAe;AAAA,EAAA;AAAA,EAEjB;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,IACN,eAAe;AAAA,EAAA;AAAA,EAEjB;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,IACN,eAAe;AAAA,EAAA;AAAA,EAEjB;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,IACN,eAAe;AAAA,EAAA;AAAA,EAEjB;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,IACN,eAAe;AAAA,EAAA;AAAA,EAEjB;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,EAAA;AAEV;AAEO,SAAS,cAAc,IAA2B;AACvD,QAAM,QAAQ,sBAAsB,UAAU,CAAC,YAAY,QAAQ,OAAO,EAAE;AAC5E,SAAO,OAAO,QAAQ,CAAC,EAAE,SAAS,GAAG,GAAG;AAC1C;"}

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

@@ -30,6 +30,25 @@ function withMemory(value, patch) {
 function withPermissions(value, patch) {
   return withRoot(value, { permissions: { ...value.permissions, ...patch } });
 }
+function sandboxRef(value) {
+  if (typeof value.sandbox === "string") return { backend: value.sandbox };
+  return value.sandbox ?? {};
+}
+function withSandbox(value, patch) {
+  var _a;
+  const next = { ...sandboxRef(value), ...patch };
+  if (!((_a = next.backend) == null ? void 0 : _a.trim())) return withOptionalRoot(value, "sandbox", void 0);
+  return withRoot(value, { sandbox: next });
+}
+function withSandboxBackend(value, backend) {
+  if (!backend.trim()) return withOptionalRoot(value, "sandbox", void 0);
+  return withRoot(value, { sandbox: { backend } });
+}
+function withSandboxPolicy(value, patch) {
+  return withSandbox(value, {
+    policy: { ...sandboxRef(value).policy, ...patch }
+  });
+}
 function withSetup(value, patch) {
   return withRoot(value, { setup: { ...value.setup, ...patch } });
 }
@@ -136,6 +155,7 @@ function stashMode(value) {
 }
 exports.checkoutMode = checkoutMode;
 exports.commitPhase = commitPhase;
+exports.sandboxRef = sandboxRef;
 exports.stashMode = stashMode;
 exports.withBudgetValue = withBudgetValue;
 exports.withCheckout = withCheckout;
@@ -148,6 +168,9 @@ exports.withOptionalRoot = withOptionalRoot;
 exports.withPermissions = withPermissions;
 exports.withPrompt = withPrompt;
 exports.withRoot = withRoot;
+exports.withSandbox = withSandbox;
+exports.withSandboxBackend = withSandboxBackend;
+exports.withSandboxPolicy = withSandboxPolicy;
 exports.withSetup = withSetup;
 exports.withStashMode = withStashMode;
 exports.withVerify = withVerify;