@flanksource/clicky-ui 0.3.27 → 0.3.29

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

@@ -1,77 +1,20 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState } from "react";
+import { SegmentedControl } from "../../../components/SegmentedControl.js";
+import { JsonSchemaForm } from "../../../components/JsonSchemaForm.js";
 import { Icon } from "../../Icon.js";
-import { modeForBackend, SPEC_RUNTIME_FAMILIES } from "../../runtime/runtime-mode.js";
+import { SPEC_RUNTIME_FAMILIES } from "../../runtime/runtime-mode.js";
+import { runtimeSchemaPropertyAtPath } from "../../runtime/runtime-field-support.js";
 import { SandboxCreateWizard } from "../SandboxCreateWizard.js";
 import { sandboxKindMeta } from "../sandbox-kind-meta.js";
-import { SpecField, SpecSelect, SpecButton, Disclosure, ListField, NumberField } from "./fields.js";
-import { sandboxRef, withSandboxBackend, withSandbox, withSandboxPolicy } from "./update.js";
-import { UiBox } from "../../../icons/components/UiBox.js";
+import { SpecField, SpecSelect, SpecButton, ListField, NumberField } from "./fields.js";
+import { PermissionModeField } from "./PermissionModeField.js";
+import { sandboxRef, withSandboxMode, withSandboxBackend, withSandbox, withSandboxAgent, withSandboxDispatch } from "./update.js";
+import { SPEC_SANDBOX_MODES, SPEC_PERMISSION_MODES } from "../SpecRuntimeEditor.sandbox-model.js";
 import { UiAdd } from "../../../icons/components/UiAdd.js";
 import { UiRobotAi } from "../../../icons/components/UiRobotAi.js";
 import { UiRepeat } from "../../../icons/components/UiRepeat.js";
 import { UiWarningTriangle } from "../../../icons/components/UiWarningTriangle.js";
-function flattenCatalog(catalog, additions) {
-  var _a;
-  const shadowed = /* @__PURE__ */ new Set();
-  for (const kind of catalog.kinds ?? []) {
-    for (const backend of kind.backends ?? []) shadowed.add(backend.name);
-  }
-  for (const backend of additions) shadowed.add(backend.name);
-  const options = [];
-  for (const kind of catalog.kinds ?? []) {
-    const meta = sandboxKindMeta(kind.kind);
-    if (!shadowed.has(kind.kind)) {
-      options.push({
-        selector: kind.kind,
-        kind: kind.kind,
-        label: meta.label,
-        description: kind.description ?? "",
-        capabilities: kind.capabilities ?? [],
-        modes: kind.modes ?? [],
-        agents: []
-      });
-    }
-    for (const backend of kind.backends ?? []) {
-      options.push({
-        selector: backend.name,
-        kind: kind.kind,
-        // A configured backend is only meaningful next to the adapter it selects.
-        label: `${backend.name} (${meta.label})`,
-        description: kind.description ?? "",
-        capabilities: kind.capabilities ?? [],
-        modes: kind.modes ?? [],
-        agents: (backend.agents ?? []).filter((agent) => agent.status === "enrolled" && agent.dispatchable).map((agent) => agent.name)
-      });
-    }
-  }
-  const selectors = new Set(options.map((option) => option.selector));
-  for (const backend of additions) {
-    if (selectors.has(backend.name)) continue;
-    const kind = (_a = catalog.kinds) == null ? void 0 : _a.find((item) => item.kind === backend.kind);
-    if (!kind) continue;
-    options.push({
-      selector: backend.name,
-      kind: kind.kind,
-      label: `${backend.name} (${sandboxKindMeta(kind.kind).label})`,
-      description: kind.description ?? "",
-      capabilities: kind.capabilities ?? [],
-      modes: kind.modes ?? [],
-      agents: (backend.agents ?? []).filter((agent) => agent.status === "enrolled" && agent.dispatchable).map((agent) => agent.name)
-    });
-  }
-  return options;
-}
-function has(option, capability) {
-  return (option == null ? void 0 : option.capabilities.includes(capability)) ?? false;
-}
-function workspaceIsolates(value) {
-  var _a, _b;
-  const checkout = (_a = value.setup) == null ? void 0 : _a.checkout;
-  if (!checkout) return false;
-  const worktree = (_b = checkout.worktree) == null ? void 0 : _b.mode;
-  return checkout.mode != null && checkout.mode !== "none" || worktree != null && worktree !== "none";
-}
 function SandboxWarning({ children }) {
   return /* @__PURE__ */ jsxs(
     "p",
@@ -88,72 +31,170 @@ function SandboxWarning({ children }) {
 function SandboxSection({
   value,
   onChange,
+  schema,
   catalog,
   createConfig,
-  // Same fallback as ModelSection: without it a host that does not pass a
-  // catalog cannot resolve the runtime mode, and the pairing check goes silent.
   families = SPEC_RUNTIME_FAMILIES
 }) {
-  var _a, _b, _c;
   const [creating, setCreating] = useState(false);
   const [createdBackends, setCreatedBackends] = useState([]);
-  const options = flattenCatalog(catalog, createdBackends);
   const ref = sandboxRef(value);
-  const selected = options.find((option) => option.selector === ref.backend);
-  const mode = ((_a = modeForBackend(families, value.backend)) == null ? void 0 : _a.id) ?? "";
-  const modeUnsupported = selected != null && mode !== "" && selected.modes.length > 0 && !selected.modes.includes(mode);
-  const remote = has(selected, "remote-exec");
-  const isolates = has(selected, "isolate-workspace");
+  const modes = sandboxModes(schema);
+  const mode = ref.mode ?? modes[0];
+  if (!mode) throw new Error("the selected backend published no sandbox modes");
+  const approvalModes = sandboxApprovalModes(schema);
+  const backends = sandboxBackends(catalog, createdBackends, mode);
+  const selectedBackend = backends.find(
+    (backend) => backend.name === ref.backend
+  );
+  const dispatchableAgents = ((selectedBackend == null ? void 0 : selectedBackend.agents) ?? []).filter(
+    (agent) => agent.status === "enrolled" && agent.dispatchable
+  );
   return /* @__PURE__ */ jsxs("div", { className: "grid gap-density-3", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-end gap-density-3", children: [
-      /* @__PURE__ */ jsx("div", { className: "min-w-56 flex-1", children: /* @__PURE__ */ jsx(
-        SpecField,
-        {
-          label: "Sandbox",
-          hint: catalog.default ? `default: ${catalog.default}` : void 0,
-          composite: true,
-          children: /* @__PURE__ */ jsx(
-            SpecSelect,
-            {
-              ariaLabel: "Sandbox",
-              value: ref.backend ?? "",
-              onChange: (backend) => onChange(withSandboxBackend(value, backend)),
-              options: [
-                {
-                  value: "",
-                  label: `Inherit (${catalog.default || "none"})`,
-                  icon: /* @__PURE__ */ jsx(UiBox, {})
-                },
-                ...options.map((option) => {
-                  const KindIcon = sandboxKindMeta(option.kind).icon;
-                  return {
-                    value: option.selector,
-                    label: option.label,
-                    ...option.description ? { description: option.description } : {},
-                    icon: /* @__PURE__ */ jsx(KindIcon, {})
-                  };
-                })
-              ]
-            }
-          )
+    /* @__PURE__ */ jsx(SpecField, { label: "Sandbox mode", composite: true, children: /* @__PURE__ */ jsx(
+      SegmentedControl,
+      {
+        "aria-label": "Sandbox mode",
+        value: mode,
+        onChange: (next) => onChange(withSandboxMode(value, next)),
+        options: modes.map((item) => {
+          const meta = sandboxKindMeta(item);
+          return {
+            id: item,
+            label: meta.label,
+            icon: meta.icon,
+            ...meta.description ? { description: meta.description } : {},
+            ...meta.iconClassName ? { iconClassName: meta.iconClassName } : {},
+            ...meta.activeClassName ? { activeClassName: meta.activeClassName } : {}
+          };
+        }),
+        size: "lg",
+        wrap: true,
+        className: "w-full"
+      }
+    ) }),
+    mode !== "off" && approvalModes.length > 0 && /* @__PURE__ */ jsx(
+      PermissionModeField,
+      {
+        value,
+        onChange,
+        families,
+        availableModes: approvalModes
+      }
+    ),
+    mode === "native" && /* @__PURE__ */ jsx(
+      NativeSandboxSettings,
+      {
+        value,
+        onChange,
+        schema
+      }
+    ),
+    (mode === "docker" || mode === "git-agent") && /* @__PURE__ */ jsx(
+      ConfiguredBackendFields,
+      {
+        value,
+        onChange,
+        mode,
+        backends,
+        dispatchableAgents: dispatchableAgents.map((agent) => agent.name),
+        createConfig,
+        onCreate: () => setCreating(true)
+      }
+    ),
+    mode === "git-agent" && workspaceIsolates(value) && /* @__PURE__ */ jsx(SandboxWarning, { children: "Git Agent materializes its own working tree, so it cannot be combined with the checkout or worktree set in Workspace. Register exactly one isolator." }),
+    createConfig && catalog && /* @__PURE__ */ jsx(
+      SandboxCreateWizard,
+      {
+        open: creating,
+        catalog,
+        config: createConfig,
+        onClose: () => setCreating(false),
+        onCreated: (backend, input) => {
+          const created = { ...backend, kind: backend.kind ?? input.kind };
+          if (created.kind !== "docker" && created.kind !== "git-agent") {
+            throw new Error(
+              `created sandbox kind ${JSON.stringify(created.kind)} is not public`
+            );
+          }
+          setCreatedBackends((current) => [
+            ...current.filter((item) => item.name !== created.name),
+            created
+          ]);
+          onChange(
+            withSandboxBackend(
+              withSandboxMode(value, created.kind),
+              created.name
+            )
+          );
         }
-      ) }),
-      createConfig && /* @__PURE__ */ jsxs(
-        SpecButton,
+      }
+    )
+  ] });
+}
+function NativeSandboxSettings({
+  value,
+  onChange,
+  schema
+}) {
+  const policySchema = runtimeSchemaPropertyAtPath(schema, "sandbox.policy");
+  if (!policySchema) {
+    throw new Error(
+      "sandbox.mode native requires a published sandbox.policy schema"
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    JsonSchemaForm,
+    {
+      idPrefix: "runtime-native-sandbox",
+      schema: policySchema,
+      value: sandboxRef(value).policy ?? {},
+      onChange: (policy) => onChange(
+        withSandbox(value, { policy })
+      ),
+      size: "sm",
+      showPreferencesMenu: false,
+      persistPreferences: false
+    }
+  );
+}
+function ConfiguredBackendFields({
+  value,
+  onChange,
+  mode,
+  backends,
+  dispatchableAgents,
+  createConfig,
+  onCreate
+}) {
+  var _a, _b;
+  const ref = sandboxRef(value);
+  return /* @__PURE__ */ jsxs("div", { className: "grid gap-density-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-end gap-density-3", children: [
+      /* @__PURE__ */ jsx("div", { className: "min-w-56 flex-1", children: /* @__PURE__ */ jsx(SpecField, { label: "Backend", composite: true, children: /* @__PURE__ */ jsx(
+        SpecSelect,
         {
-          ariaLabel: "Create sandbox",
-          onClick: () => setCreating(true),
-          children: [
-            /* @__PURE__ */ jsx(Icon, { icon: UiAdd, className: "size-3.5" }),
-            "Create sandbox"
+          ariaLabel: "Sandbox backend",
+          value: ref.backend ?? "",
+          onChange: (backend) => onChange(withSandboxBackend(value, backend)),
+          options: [
+            { value: "", label: "Configured default" },
+            ...backends.map((backend) => ({
+              value: backend.name,
+              label: backend.name
+            }))
           ]
         }
-      ),
-      remote && /* @__PURE__ */ jsx("div", { className: "min-w-48 flex-1", children: /* @__PURE__ */ jsx(
+      ) }) }),
+      createConfig && /* @__PURE__ */ jsxs(SpecButton, { ariaLabel: "Create sandbox", onClick: onCreate, children: [
+        /* @__PURE__ */ jsx(Icon, { icon: UiAdd, className: "size-3.5" }),
+        "Create sandbox"
+      ] }),
+      mode === "git-agent" && /* @__PURE__ */ jsx("div", { className: "min-w-48 flex-1", children: /* @__PURE__ */ jsx(
         SpecField,
         {
           label: "Agent",
-          hint: (selected == null ? void 0 : selected.agents.length) ? void 0 : "none dispatchable",
+          hint: ref.backend && dispatchableAgents.length === 0 ? "none dispatchable" : void 0,
           composite: true,
           children: /* @__PURE__ */ jsx(
             SpecSelect,
@@ -161,10 +202,10 @@ function SandboxSection({
               ariaLabel: "Pinned agent",
               icon: UiRobotAi,
               value: ref.agent ?? "",
-              onChange: (agent) => onChange(withSandbox(value, { agent })),
+              onChange: (agent) => onChange(withSandboxAgent(value, agent)),
               options: [
                 { value: "", label: "Any dispatchable agent" },
-                ...((selected == null ? void 0 : selected.agents) ?? []).map((agent) => ({
+                ...dispatchableAgents.map((agent) => ({
                   value: agent,
                   label: agent
                 }))
@@ -174,73 +215,75 @@ function SandboxSection({
         }
       ) })
     ] }),
-    (selected == null ? void 0 : selected.description) && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: selected.description }),
-    selected && selected.capabilities.length > 0 && /* @__PURE__ */ jsx("ul", { className: "flex flex-wrap gap-1", "aria-label": "Sandbox capabilities", children: selected.capabilities.map((capability) => /* @__PURE__ */ jsx(
-      "li",
-      {
-        className: "rounded-full border border-border bg-muted px-2 py-0.5 font-mono text-[10px] text-muted-foreground",
-        children: capability
-      },
-      capability
-    )) }),
-    modeUnsupported && /* @__PURE__ */ jsxs(SandboxWarning, { children: [
-      "Sandbox ",
-      /* @__PURE__ */ jsx("code", { children: ref.backend }),
-      " does not support runtime mode",
-      " ",
-      /* @__PURE__ */ jsx("code", { children: mode }),
-      "; it supports ",
-      selected == null ? void 0 : selected.modes.join(", "),
-      "."
-    ] }),
-    isolates && workspaceIsolates(value) && /* @__PURE__ */ jsxs(SandboxWarning, { children: [
-      /* @__PURE__ */ jsx("code", { children: ref.backend }),
-      " materializes its own working tree, so it cannot be combined with the checkout or worktree set in Workspace. Register exactly one isolator."
-    ] }),
-    selected && /* @__PURE__ */ jsx(Disclosure, { label: "Policy", hint: "paths, attempts", children: /* @__PURE__ */ jsxs("div", { className: "grid gap-density-3", children: [
+    mode === "git-agent" && /* @__PURE__ */ jsxs("div", { className: "grid gap-density-3 sm:grid-cols-[minmax(0,1fr)_10rem]", children: [
       /* @__PURE__ */ jsx(
         ListField,
         {
-          label: "Paths",
-          value: (_b = ref.policy) == null ? void 0 : _b.paths,
-          onChange: (paths) => onChange(withSandboxPolicy(value, { paths })),
+          label: "Included paths",
+          value: (_a = ref.dispatch) == null ? void 0 : _a.paths,
+          onChange: (paths) => onChange(withSandboxDispatch(value, { paths })),
           placeholder: "pkg/**\n!**/*.pem"
         }
       ),
-      /* @__PURE__ */ jsx("div", { className: "w-40", children: /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx(
         NumberField,
         {
           label: "Max attempts",
-          value: (_c = ref.policy) == null ? void 0 : _c.maxAttempts,
+          value: (_b = ref.dispatch) == null ? void 0 : _b.maxAttempts,
           onChange: (maxAttempts) => onChange(
-            withSandboxPolicy(value, { maxAttempts: maxAttempts ?? 0 })
+            withSandboxDispatch(value, { maxAttempts: maxAttempts ?? 0 })
           ),
           icon: UiRepeat,
           min: 0,
           step: 1,
           integer: true
         }
-      ) })
-    ] }) }),
-    createConfig && /* @__PURE__ */ jsx(
-      SandboxCreateWizard,
-      {
-        open: creating,
-        catalog,
-        config: createConfig,
-        onClose: () => setCreating(false),
-        onCreated: (backend, input) => {
-          const created = { ...backend, kind: backend.kind ?? input.kind };
-          setCreatedBackends((current) => [
-            ...current.filter((item) => item.name !== created.name),
-            created
-          ]);
-          onChange(withSandboxBackend(value, created.name));
-        }
-      }
-    )
+      )
+    ] })
   ] });
 }
+function sandboxModes(schema) {
+  var _a;
+  const values = (_a = runtimeSchemaPropertyAtPath(schema, "sandbox.mode")) == null ? void 0 : _a.enum;
+  if (!Array.isArray(values))
+    throw new Error("sandbox.mode must publish an enum");
+  return values.map((value) => {
+    if (typeof value !== "string" || !SPEC_SANDBOX_MODES.includes(value)) {
+      throw new Error(
+        `sandbox.mode published unsupported value ${JSON.stringify(value)}`
+      );
+    }
+    return value;
+  });
+}
+function sandboxApprovalModes(schema) {
+  var _a;
+  const values = (_a = runtimeSchemaPropertyAtPath(schema, "sandbox.approval")) == null ? void 0 : _a.enum;
+  if (values == null) return [];
+  if (!Array.isArray(values))
+    throw new Error("sandbox.approval must publish an enum");
+  return values.map((value) => {
+    if (typeof value !== "string" || !SPEC_PERMISSION_MODES.includes(value)) {
+      throw new Error(
+        `sandbox.approval published unsupported value ${JSON.stringify(value)}`
+      );
+    }
+    return value;
+  });
+}
+function sandboxBackends(catalog, additions, mode) {
+  var _a, _b;
+  const configured = ((_b = (_a = catalog == null ? void 0 : catalog.kinds) == null ? void 0 : _a.find((kind) => kind.kind === mode)) == null ? void 0 : _b.backends) ?? [];
+  return [...configured, ...additions].filter(
+    (backend) => backend.kind === mode
+  );
+}
+function workspaceIsolates(value) {
+  var _a, _b;
+  const checkout = (_a = value.setup) == null ? void 0 : _a.checkout;
+  if (!checkout) return false;
+  return checkout.mode != null && checkout.mode !== "none" || ((_b = checkout.worktree) == null ? void 0 : _b.mode) != null && checkout.worktree.mode !== "none";
+}
 export {
   SandboxSection
 };

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

@@ -1 +1 @@
-{"version":3,"file":"SandboxSection.js","sources":["../../../../src/data/ai/SpecRuntimeEditor/SandboxSection.tsx"],"sourcesContent":["import { useState, type ReactNode } from \"react\";\n\nimport {\n  UiAdd,\n  UiBox,\n  UiRepeat,\n  UiRobotAi,\n  UiWarningTriangle,\n} from \"../../../icons\";\nimport { Icon } from \"../../Icon\";\nimport {\n  SPEC_RUNTIME_FAMILIES,\n  modeForBackend,\n  type SpecRuntimeFamily,\n} from \"../../runtime/runtime-mode\";\nimport type {\n  AISpecRuntimeValue,\n  SpecSandboxCapability,\n} from \"../SpecRuntimeEditor.model\";\nimport { SandboxCreateWizard } from \"../SandboxCreateWizard\";\nimport type { SpecRuntimeSandboxCreateConfig } from \"../SandboxCreateWizard.model\";\nimport { sandboxKindMeta } from \"../sandbox-kind-meta\";\nimport {\n  Disclosure,\n  ListField,\n  NumberField,\n  SpecButton,\n  SpecField,\n  SpecSelect,\n} from \"./fields\";\nimport type {\n  SpecRuntimeSandboxBackend,\n  SpecRuntimeSandboxCatalog,\n} from \"./types\";\nimport {\n  sandboxRef,\n  withSandbox,\n  withSandboxBackend,\n  withSandboxPolicy,\n} from \"./update\";\n\n/** One selectable entry, flattened from the catalog's kinds + their backends. */\ntype SandboxOption = {\n  selector: string;\n  kind: string;\n  label: string;\n  description: string;\n  capabilities: SpecSandboxCapability[];\n  modes: string[];\n  agents: string[];\n};\n\nfunction flattenCatalog(\n  catalog: SpecRuntimeSandboxCatalog,\n  additions: SpecRuntimeSandboxBackend[],\n): SandboxOption[] {\n  // A configured backend shadows a bare kind of the same name, because captain's\n  // SandboxDefaults.Resolve looks in Backends before adapter kinds. Both entries\n  // would write the identical selector, so emitting the kind too offers one\n  // choice twice — and the roster-less kind entry wins the `selected` lookup\n  // below, hiding the backend's enrolled agents.\n  const shadowed = new Set<string>();\n  for (const kind of catalog.kinds ?? []) {\n    for (const backend of kind.backends ?? []) shadowed.add(backend.name);\n  }\n  for (const backend of additions) shadowed.add(backend.name);\n\n  const options: SandboxOption[] = [];\n  for (const kind of catalog.kinds ?? []) {\n    const meta = sandboxKindMeta(kind.kind);\n    if (!shadowed.has(kind.kind)) {\n      options.push({\n        selector: kind.kind,\n        kind: kind.kind,\n        label: meta.label,\n        description: kind.description ?? \"\",\n        capabilities: kind.capabilities ?? [],\n        modes: kind.modes ?? [],\n        agents: [],\n      });\n    }\n    for (const backend of kind.backends ?? []) {\n      options.push({\n        selector: backend.name,\n        kind: kind.kind,\n        // A configured backend is only meaningful next to the adapter it selects.\n        label: `${backend.name} (${meta.label})`,\n        description: kind.description ?? \"\",\n        capabilities: kind.capabilities ?? [],\n        modes: kind.modes ?? [],\n        agents: (backend.agents ?? [])\n          .filter((agent) => agent.status === \"enrolled\" && agent.dispatchable)\n          .map((agent) => agent.name),\n      });\n    }\n  }\n  const selectors = new Set(options.map((option) => option.selector));\n  for (const backend of additions) {\n    if (selectors.has(backend.name)) continue;\n    const kind = catalog.kinds?.find((item) => item.kind === backend.kind);\n    if (!kind) continue;\n    options.push({\n      selector: backend.name,\n      kind: kind.kind,\n      label: `${backend.name} (${sandboxKindMeta(kind.kind).label})`,\n      description: kind.description ?? \"\",\n      capabilities: kind.capabilities ?? [],\n      modes: kind.modes ?? [],\n      agents: (backend.agents ?? [])\n        .filter((agent) => agent.status === \"enrolled\" && agent.dispatchable)\n        .map((agent) => agent.name),\n    });\n  }\n  return options;\n}\n\nfunction has(\n  option: SandboxOption | undefined,\n  capability: SpecSandboxCapability,\n) {\n  return option?.capabilities.includes(capability) ?? false;\n}\n\n/**\n * True when the Workspace section already establishes a working tree. A sandbox\n * declaring `isolate-workspace` materializes its own, and captain refuses to\n * register two isolators for one run.\n */\nfunction workspaceIsolates(value: AISpecRuntimeValue) {\n  const checkout = value.setup?.checkout;\n  if (!checkout) return false;\n  const worktree = checkout.worktree?.mode;\n  return (\n    (checkout.mode != null && checkout.mode !== \"none\") ||\n    (worktree != null && worktree !== \"none\")\n  );\n}\n\nfunction SandboxWarning({ children }: { children: ReactNode }) {\n  return (\n    <p\n      role=\"status\"\n      className=\"flex items-start gap-1.5 rounded-md border border-amber-500/40 bg-amber-500/10 px-density-2 py-1.5 text-xs text-amber-700 dark:text-amber-300\"\n    >\n      <Icon icon={UiWarningTriangle} className=\"mt-0.5 size-3.5 shrink-0\" />\n      <span>{children}</span>\n    </p>\n  );\n}\n\nexport function SandboxSection({\n  value,\n  onChange,\n  catalog,\n  createConfig,\n  // Same fallback as ModelSection: without it a host that does not pass a\n  // catalog cannot resolve the runtime mode, and the pairing check goes silent.\n  families = SPEC_RUNTIME_FAMILIES,\n}: {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n  catalog: SpecRuntimeSandboxCatalog;\n  createConfig?: SpecRuntimeSandboxCreateConfig | undefined;\n  families?: SpecRuntimeFamily[] | undefined;\n}) {\n  const [creating, setCreating] = useState(false);\n  const [createdBackends, setCreatedBackends] = useState<\n    SpecRuntimeSandboxBackend[]\n  >([]);\n  const options = flattenCatalog(catalog, createdBackends);\n  const ref = sandboxRef(value);\n  const selected = options.find((option) => option.selector === ref.backend);\n  // The spec carries no runtime mode of its own — the Model section's two-axis\n  // picker writes a concrete `backend`, and the mode is the axis it came from.\n  const mode = modeForBackend(families, value.backend)?.id ?? \"\";\n\n  // The descriptor table declares which runtime modes an adapter can serve, and\n  // captain rejects a pairing outside it before the run starts. Surfacing it\n  // here turns a dispatch-time failure into a visible one.\n  const modeUnsupported =\n    selected != null &&\n    mode !== \"\" &&\n    selected.modes.length > 0 &&\n    !selected.modes.includes(mode);\n\n  const remote = has(selected, \"remote-exec\");\n  const isolates = has(selected, \"isolate-workspace\");\n\n  return (\n    <div className=\"grid gap-density-3\">\n      <div className=\"flex flex-wrap items-end gap-density-3\">\n        <div className=\"min-w-56 flex-1\">\n          <SpecField\n            label=\"Sandbox\"\n            hint={catalog.default ? `default: ${catalog.default}` : undefined}\n            composite\n          >\n            <SpecSelect\n              ariaLabel=\"Sandbox\"\n              value={ref.backend ?? \"\"}\n              onChange={(backend) =>\n                onChange(withSandboxBackend(value, backend))\n              }\n              options={[\n                {\n                  value: \"\",\n                  label: `Inherit (${catalog.default || \"none\"})`,\n                  icon: <UiBox />,\n                },\n                ...options.map((option) => {\n                  const KindIcon = sandboxKindMeta(option.kind).icon;\n                  return {\n                    value: option.selector,\n                    label: option.label,\n                    ...(option.description\n                      ? { description: option.description }\n                      : {}),\n                    icon: <KindIcon />,\n                  };\n                }),\n              ]}\n            />\n          </SpecField>\n        </div>\n        {createConfig && (\n          <SpecButton\n            ariaLabel=\"Create sandbox\"\n            onClick={() => setCreating(true)}\n          >\n            <Icon icon={UiAdd} className=\"size-3.5\" />\n            Create sandbox\n          </SpecButton>\n        )}\n        {remote && (\n          <div className=\"min-w-48 flex-1\">\n            <SpecField\n              label=\"Agent\"\n              hint={selected?.agents.length ? undefined : \"none dispatchable\"}\n              composite\n            >\n              <SpecSelect\n                ariaLabel=\"Pinned agent\"\n                icon={UiRobotAi}\n                value={ref.agent ?? \"\"}\n                onChange={(agent) => onChange(withSandbox(value, { agent }))}\n                options={[\n                  { value: \"\", label: \"Any dispatchable agent\" },\n                  ...(selected?.agents ?? []).map((agent) => ({\n                    value: agent,\n                    label: agent,\n                  })),\n                ]}\n              />\n            </SpecField>\n          </div>\n        )}\n      </div>\n\n      {selected?.description && (\n        <p className=\"text-xs text-muted-foreground\">{selected.description}</p>\n      )}\n\n      {selected && selected.capabilities.length > 0 && (\n        <ul className=\"flex flex-wrap gap-1\" aria-label=\"Sandbox capabilities\">\n          {selected.capabilities.map((capability) => (\n            <li\n              key={capability}\n              className=\"rounded-full border border-border bg-muted px-2 py-0.5 font-mono text-[10px] text-muted-foreground\"\n            >\n              {capability}\n            </li>\n          ))}\n        </ul>\n      )}\n\n      {modeUnsupported && (\n        <SandboxWarning>\n          Sandbox <code>{ref.backend}</code> does not support runtime mode{\" \"}\n          <code>{mode}</code>; it supports {selected?.modes.join(\", \")}.\n        </SandboxWarning>\n      )}\n\n      {isolates && workspaceIsolates(value) && (\n        <SandboxWarning>\n          <code>{ref.backend}</code> materializes its own working tree, so it\n          cannot be combined with the checkout or worktree set in Workspace.\n          Register exactly one isolator.\n        </SandboxWarning>\n      )}\n\n      {selected && (\n        <Disclosure label=\"Policy\" hint=\"paths, attempts\">\n          <div className=\"grid gap-density-3\">\n            <ListField\n              label=\"Paths\"\n              value={ref.policy?.paths}\n              onChange={(paths) =>\n                onChange(withSandboxPolicy(value, { paths }))\n              }\n              placeholder={\"pkg/**\\n!**/*.pem\"}\n            />\n            <div className=\"w-40\">\n              <NumberField\n                label=\"Max attempts\"\n                value={ref.policy?.maxAttempts}\n                onChange={(maxAttempts) =>\n                  onChange(\n                    withSandboxPolicy(value, { maxAttempts: maxAttempts ?? 0 }),\n                  )\n                }\n                icon={UiRepeat}\n                min={0}\n                step={1}\n                integer\n              />\n            </div>\n          </div>\n        </Disclosure>\n      )}\n      {createConfig && (\n        <SandboxCreateWizard\n          open={creating}\n          catalog={catalog}\n          config={createConfig}\n          onClose={() => setCreating(false)}\n          onCreated={(backend, input) => {\n            const created = { ...backend, kind: backend.kind ?? input.kind };\n            setCreatedBackends((current) => [\n              ...current.filter((item) => item.name !== created.name),\n              created,\n            ]);\n            onChange(withSandboxBackend(value, created.name));\n          }}\n        />\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;AAoDA,SAAS,eACP,SACA,WACiB;;AAMjB,QAAM,+BAAe,IAAA;AACrB,aAAW,QAAQ,QAAQ,SAAS,CAAA,GAAI;AACtC,eAAW,WAAW,KAAK,YAAY,CAAA,EAAI,UAAS,IAAI,QAAQ,IAAI;AAAA,EACtE;AACA,aAAW,WAAW,UAAW,UAAS,IAAI,QAAQ,IAAI;AAE1D,QAAM,UAA2B,CAAA;AACjC,aAAW,QAAQ,QAAQ,SAAS,CAAA,GAAI;AACtC,UAAM,OAAO,gBAAgB,KAAK,IAAI;AACtC,QAAI,CAAC,SAAS,IAAI,KAAK,IAAI,GAAG;AAC5B,cAAQ,KAAK;AAAA,QACX,UAAU,KAAK;AAAA,QACf,MAAM,KAAK;AAAA,QACX,OAAO,KAAK;AAAA,QACZ,aAAa,KAAK,eAAe;AAAA,QACjC,cAAc,KAAK,gBAAgB,CAAA;AAAA,QACnC,OAAO,KAAK,SAAS,CAAA;AAAA,QACrB,QAAQ,CAAA;AAAA,MAAC,CACV;AAAA,IACH;AACA,eAAW,WAAW,KAAK,YAAY,CAAA,GAAI;AACzC,cAAQ,KAAK;AAAA,QACX,UAAU,QAAQ;AAAA,QAClB,MAAM,KAAK;AAAA;AAAA,QAEX,OAAO,GAAG,QAAQ,IAAI,KAAK,KAAK,KAAK;AAAA,QACrC,aAAa,KAAK,eAAe;AAAA,QACjC,cAAc,KAAK,gBAAgB,CAAA;AAAA,QACnC,OAAO,KAAK,SAAS,CAAA;AAAA,QACrB,SAAS,QAAQ,UAAU,CAAA,GACxB,OAAO,CAAC,UAAU,MAAM,WAAW,cAAc,MAAM,YAAY,EACnE,IAAI,CAAC,UAAU,MAAM,IAAI;AAAA,MAAA,CAC7B;AAAA,IACH;AAAA,EACF;AACA,QAAM,YAAY,IAAI,IAAI,QAAQ,IAAI,CAAC,WAAW,OAAO,QAAQ,CAAC;AAClE,aAAW,WAAW,WAAW;AAC/B,QAAI,UAAU,IAAI,QAAQ,IAAI,EAAG;AACjC,UAAM,QAAO,aAAQ,UAAR,mBAAe,KAAK,CAAC,SAAS,KAAK,SAAS,QAAQ;AACjE,QAAI,CAAC,KAAM;AACX,YAAQ,KAAK;AAAA,MACX,UAAU,QAAQ;AAAA,MAClB,MAAM,KAAK;AAAA,MACX,OAAO,GAAG,QAAQ,IAAI,KAAK,gBAAgB,KAAK,IAAI,EAAE,KAAK;AAAA,MAC3D,aAAa,KAAK,eAAe;AAAA,MACjC,cAAc,KAAK,gBAAgB,CAAA;AAAA,MACnC,OAAO,KAAK,SAAS,CAAA;AAAA,MACrB,SAAS,QAAQ,UAAU,CAAA,GACxB,OAAO,CAAC,UAAU,MAAM,WAAW,cAAc,MAAM,YAAY,EACnE,IAAI,CAAC,UAAU,MAAM,IAAI;AAAA,IAAA,CAC7B;AAAA,EACH;AACA,SAAO;AACT;AAEA,SAAS,IACP,QACA,YACA;AACA,UAAO,iCAAQ,aAAa,SAAS,gBAAe;AACtD;AAOA,SAAS,kBAAkB,OAA2B;;AACpD,QAAM,YAAW,WAAM,UAAN,mBAAa;AAC9B,MAAI,CAAC,SAAU,QAAO;AACtB,QAAM,YAAW,cAAS,aAAT,mBAAmB;AACpC,SACG,SAAS,QAAQ,QAAQ,SAAS,SAAS,UAC3C,YAAY,QAAQ,aAAa;AAEtC;AAEA,SAAS,eAAe,EAAE,YAAqC;AAC7D,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,MAEV,UAAA;AAAA,QAAA,oBAAC,MAAA,EAAK,MAAM,mBAAmB,WAAU,4BAA2B;AAAA,QACpE,oBAAC,UAAM,SAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGtB;AAEO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA;AAAA,EAGA,WAAW;AACb,GAMG;;AACD,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAE5C,CAAA,CAAE;AACJ,QAAM,UAAU,eAAe,SAAS,eAAe;AACvD,QAAM,MAAM,WAAW,KAAK;AAC5B,QAAM,WAAW,QAAQ,KAAK,CAAC,WAAW,OAAO,aAAa,IAAI,OAAO;AAGzE,QAAM,SAAO,oBAAe,UAAU,MAAM,OAAO,MAAtC,mBAAyC,OAAM;AAK5D,QAAM,kBACJ,YAAY,QACZ,SAAS,MACT,SAAS,MAAM,SAAS,KACxB,CAAC,SAAS,MAAM,SAAS,IAAI;AAE/B,QAAM,SAAS,IAAI,UAAU,aAAa;AAC1C,QAAM,WAAW,IAAI,UAAU,mBAAmB;AAElD,SACE,qBAAC,OAAA,EAAI,WAAU,sBACb,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,0CACb,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAU,mBACb,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,MAAM,QAAQ,UAAU,YAAY,QAAQ,OAAO,KAAK;AAAA,UACxD,WAAS;AAAA,UAET,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO,IAAI,WAAW;AAAA,cACtB,UAAU,CAAC,YACT,SAAS,mBAAmB,OAAO,OAAO,CAAC;AAAA,cAE7C,SAAS;AAAA,gBACP;AAAA,kBACE,OAAO;AAAA,kBACP,OAAO,YAAY,QAAQ,WAAW,MAAM;AAAA,kBAC5C,0BAAO,OAAA,CAAA,CAAM;AAAA,gBAAA;AAAA,gBAEf,GAAG,QAAQ,IAAI,CAAC,WAAW;AACzB,wBAAM,WAAW,gBAAgB,OAAO,IAAI,EAAE;AAC9C,yBAAO;AAAA,oBACL,OAAO,OAAO;AAAA,oBACd,OAAO,OAAO;AAAA,oBACd,GAAI,OAAO,cACP,EAAE,aAAa,OAAO,YAAA,IACtB,CAAA;AAAA,oBACJ,0BAAO,UAAA,CAAA,CAAS;AAAA,kBAAA;AAAA,gBAEpB,CAAC;AAAA,cAAA;AAAA,YACH;AAAA,UAAA;AAAA,QACF;AAAA,MAAA,GAEJ;AAAA,MACC,gBACC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,SAAS,MAAM,YAAY,IAAI;AAAA,UAE/B,UAAA;AAAA,YAAA,oBAAC,MAAA,EAAK,MAAM,OAAO,WAAU,YAAW;AAAA,YAAE;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAI7C,UACC,oBAAC,OAAA,EAAI,WAAU,mBACb,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,OAAM,qCAAU,OAAO,UAAS,SAAY;AAAA,UAC5C,WAAS;AAAA,UAET,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,MAAM;AAAA,cACN,OAAO,IAAI,SAAS;AAAA,cACpB,UAAU,CAAC,UAAU,SAAS,YAAY,OAAO,EAAE,MAAA,CAAO,CAAC;AAAA,cAC3D,SAAS;AAAA,gBACP,EAAE,OAAO,IAAI,OAAO,yBAAA;AAAA,gBACpB,KAAI,qCAAU,WAAU,CAAA,GAAI,IAAI,CAAC,WAAW;AAAA,kBAC1C,OAAO;AAAA,kBACP,OAAO;AAAA,gBAAA,EACP;AAAA,cAAA;AAAA,YACJ;AAAA,UAAA;AAAA,QACF;AAAA,MAAA,EACF,CACF;AAAA,IAAA,GAEJ;AAAA,KAEC,qCAAU,gBACT,oBAAC,OAAE,WAAU,iCAAiC,mBAAS,aAAY;AAAA,IAGpE,YAAY,SAAS,aAAa,SAAS,KAC1C,oBAAC,MAAA,EAAG,WAAU,wBAAuB,cAAW,wBAC7C,UAAA,SAAS,aAAa,IAAI,CAAC,eAC1B;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAU;AAAA,QAET,UAAA;AAAA,MAAA;AAAA,MAHI;AAAA,IAAA,CAKR,GACH;AAAA,IAGD,wCACE,gBAAA,EAAe,UAAA;AAAA,MAAA;AAAA,MACN,oBAAC,QAAA,EAAM,UAAA,IAAI,QAAA,CAAQ;AAAA,MAAO;AAAA,MAA+B;AAAA,MACjE,oBAAC,UAAM,UAAA,KAAA,CAAK;AAAA,MAAO;AAAA,MAAe,qCAAU,MAAM,KAAK;AAAA,MAAM;AAAA,IAAA,GAC/D;AAAA,IAGD,YAAY,kBAAkB,KAAK,0BACjC,gBAAA,EACC,UAAA;AAAA,MAAA,oBAAC,QAAA,EAAM,cAAI,QAAA,CAAQ;AAAA,MAAO;AAAA,IAAA,GAG5B;AAAA,IAGD,YACC,oBAAC,YAAA,EAAW,OAAM,UAAS,MAAK,mBAC9B,UAAA,qBAAC,OAAA,EAAI,WAAU,sBACb,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,QAAO,SAAI,WAAJ,mBAAY;AAAA,UACnB,UAAU,CAAC,UACT,SAAS,kBAAkB,OAAO,EAAE,MAAA,CAAO,CAAC;AAAA,UAE9C,aAAa;AAAA,QAAA;AAAA,MAAA;AAAA,MAEf,oBAAC,OAAA,EAAI,WAAU,QACb,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,QAAO,SAAI,WAAJ,mBAAY;AAAA,UACnB,UAAU,CAAC,gBACT;AAAA,YACE,kBAAkB,OAAO,EAAE,aAAa,eAAe,GAAG;AAAA,UAAA;AAAA,UAG9D,MAAM;AAAA,UACN,KAAK;AAAA,UACL,MAAM;AAAA,UACN,SAAO;AAAA,QAAA;AAAA,MAAA,EACT,CACF;AAAA,IAAA,EAAA,CACF,EAAA,CACF;AAAA,IAED,gBACC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAM;AAAA,QACN;AAAA,QACA,QAAQ;AAAA,QACR,SAAS,MAAM,YAAY,KAAK;AAAA,QAChC,WAAW,CAAC,SAAS,UAAU;AAC7B,gBAAM,UAAU,EAAE,GAAG,SAAS,MAAM,QAAQ,QAAQ,MAAM,KAAA;AAC1D,6BAAmB,CAAC,YAAY;AAAA,YAC9B,GAAG,QAAQ,OAAO,CAAC,SAAS,KAAK,SAAS,QAAQ,IAAI;AAAA,YACtD;AAAA,UAAA,CACD;AACD,mBAAS,mBAAmB,OAAO,QAAQ,IAAI,CAAC;AAAA,QAClD;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GAEJ;AAEJ;"}
+{"version":3,"file":"SandboxSection.js","sources":["../../../../src/data/ai/SpecRuntimeEditor/SandboxSection.tsx"],"sourcesContent":["import { useState, type ReactNode } from \"react\";\n\nimport { JsonSchemaForm, SegmentedControl } from \"../../../components\";\nimport type { JsonSchemaObject } from \"../../../components/json-schema-form-types\";\nimport { UiAdd, UiRepeat, UiRobotAi, UiWarningTriangle } from \"../../../icons\";\nimport { Icon } from \"../../Icon\";\nimport {\n  SPEC_RUNTIME_FAMILIES,\n  type RuntimeSpecSchema,\n  type SpecRuntimeFamily,\n} from \"../../runtime/runtime-mode\";\nimport { runtimeSchemaPropertyAtPath } from \"../../runtime/runtime-field-support\";\nimport {\n  SPEC_PERMISSION_MODES,\n  SPEC_SANDBOX_MODES,\n  type AISpecRuntimeSandboxPolicy,\n  type AISpecRuntimeValue,\n  type SpecPermissionMode,\n  type SpecSandboxMode,\n} from \"../SpecRuntimeEditor.model\";\nimport { SandboxCreateWizard } from \"../SandboxCreateWizard\";\nimport type { SpecRuntimeSandboxCreateConfig } from \"../SandboxCreateWizard.model\";\nimport { sandboxKindMeta } from \"../sandbox-kind-meta\";\nimport {\n  ListField,\n  NumberField,\n  SpecButton,\n  SpecField,\n  SpecSelect,\n} from \"./fields\";\nimport { PermissionModeField } from \"./PermissionModeField\";\nimport type {\n  SpecRuntimeSandboxBackend,\n  SpecRuntimeSandboxCatalog,\n} from \"./types\";\nimport {\n  sandboxRef,\n  withSandbox,\n  withSandboxAgent,\n  withSandboxBackend,\n  withSandboxDispatch,\n  withSandboxMode,\n} from \"./update\";\n\nfunction SandboxWarning({ children }: { children: ReactNode }) {\n  return (\n    <p\n      role=\"status\"\n      className=\"flex items-start gap-1.5 rounded-md border border-amber-500/40 bg-amber-500/10 px-density-2 py-1.5 text-xs text-amber-700 dark:text-amber-300\"\n    >\n      <Icon icon={UiWarningTriangle} className=\"mt-0.5 size-3.5 shrink-0\" />\n      <span>{children}</span>\n    </p>\n  );\n}\n\nexport function SandboxSection({\n  value,\n  onChange,\n  schema,\n  catalog,\n  createConfig,\n  families = SPEC_RUNTIME_FAMILIES,\n}: {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n  schema: RuntimeSpecSchema;\n  catalog?: SpecRuntimeSandboxCatalog | undefined;\n  createConfig?: SpecRuntimeSandboxCreateConfig | undefined;\n  families?: SpecRuntimeFamily[] | undefined;\n}) {\n  const [creating, setCreating] = useState(false);\n  const [createdBackends, setCreatedBackends] = useState<\n    SpecRuntimeSandboxBackend[]\n  >([]);\n  const ref = sandboxRef(value);\n  const modes = sandboxModes(schema);\n  const mode = ref.mode ?? modes[0];\n  if (!mode) throw new Error(\"the selected backend published no sandbox modes\");\n  const approvalModes = sandboxApprovalModes(schema);\n  const backends = sandboxBackends(catalog, createdBackends, mode);\n  const selectedBackend = backends.find(\n    (backend) => backend.name === ref.backend,\n  );\n  const dispatchableAgents = (selectedBackend?.agents ?? []).filter(\n    (agent) => agent.status === \"enrolled\" && agent.dispatchable,\n  );\n\n  return (\n    <div className=\"grid gap-density-3\">\n      <SpecField label=\"Sandbox mode\" composite>\n        <SegmentedControl\n          aria-label=\"Sandbox mode\"\n          value={mode}\n          onChange={(next: SpecSandboxMode) =>\n            onChange(withSandboxMode(value, next))\n          }\n          options={modes.map((item) => {\n            const meta = sandboxKindMeta(item);\n            return {\n              id: item,\n              label: meta.label,\n              icon: meta.icon,\n              ...(meta.description ? { description: meta.description } : {}),\n              ...(meta.iconClassName\n                ? { iconClassName: meta.iconClassName }\n                : {}),\n              ...(meta.activeClassName\n                ? { activeClassName: meta.activeClassName }\n                : {}),\n            };\n          })}\n          size=\"lg\"\n          wrap\n          className=\"w-full\"\n        />\n      </SpecField>\n\n      {mode !== \"off\" && approvalModes.length > 0 && (\n        <PermissionModeField\n          value={value}\n          onChange={onChange}\n          families={families}\n          availableModes={approvalModes}\n        />\n      )}\n\n      {mode === \"native\" && (\n        <NativeSandboxSettings\n          value={value}\n          onChange={onChange}\n          schema={schema}\n        />\n      )}\n\n      {(mode === \"docker\" || mode === \"git-agent\") && (\n        <ConfiguredBackendFields\n          value={value}\n          onChange={onChange}\n          mode={mode}\n          backends={backends}\n          dispatchableAgents={dispatchableAgents.map((agent) => agent.name)}\n          createConfig={createConfig}\n          onCreate={() => setCreating(true)}\n        />\n      )}\n\n      {mode === \"git-agent\" && workspaceIsolates(value) && (\n        <SandboxWarning>\n          Git Agent materializes its own working tree, so it cannot be combined\n          with the checkout or worktree set in Workspace. Register exactly one\n          isolator.\n        </SandboxWarning>\n      )}\n\n      {createConfig && catalog && (\n        <SandboxCreateWizard\n          open={creating}\n          catalog={catalog}\n          config={createConfig}\n          onClose={() => setCreating(false)}\n          onCreated={(backend, input) => {\n            const created = { ...backend, kind: backend.kind ?? input.kind };\n            if (created.kind !== \"docker\" && created.kind !== \"git-agent\") {\n              throw new Error(\n                `created sandbox kind ${JSON.stringify(created.kind)} is not public`,\n              );\n            }\n            setCreatedBackends((current) => [\n              ...current.filter((item) => item.name !== created.name),\n              created,\n            ]);\n            onChange(\n              withSandboxBackend(\n                withSandboxMode(value, created.kind),\n                created.name,\n              ),\n            );\n          }}\n        />\n      )}\n    </div>\n  );\n}\n\nfunction NativeSandboxSettings({\n  value,\n  onChange,\n  schema,\n}: {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n  schema: RuntimeSpecSchema;\n}) {\n  const policySchema = runtimeSchemaPropertyAtPath(schema, \"sandbox.policy\");\n  if (!policySchema) {\n    throw new Error(\n      \"sandbox.mode native requires a published sandbox.policy schema\",\n    );\n  }\n  return (\n    <JsonSchemaForm\n      idPrefix=\"runtime-native-sandbox\"\n      schema={policySchema as JsonSchemaObject}\n      value={(sandboxRef(value).policy ?? {}) as Record<string, unknown>}\n      onChange={(policy) =>\n        onChange(\n          withSandbox(value, { policy: policy as AISpecRuntimeSandboxPolicy }),\n        )\n      }\n      size=\"sm\"\n      showPreferencesMenu={false}\n      persistPreferences={false}\n    />\n  );\n}\n\nfunction ConfiguredBackendFields({\n  value,\n  onChange,\n  mode,\n  backends,\n  dispatchableAgents,\n  createConfig,\n  onCreate,\n}: {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n  mode: \"docker\" | \"git-agent\";\n  backends: SpecRuntimeSandboxBackend[];\n  dispatchableAgents: string[];\n  createConfig?: SpecRuntimeSandboxCreateConfig | undefined;\n  onCreate: () => void;\n}) {\n  const ref = sandboxRef(value);\n  return (\n    <div className=\"grid gap-density-3\">\n      <div className=\"flex flex-wrap items-end gap-density-3\">\n        <div className=\"min-w-56 flex-1\">\n          <SpecField label=\"Backend\" composite>\n            <SpecSelect\n              ariaLabel=\"Sandbox backend\"\n              value={ref.backend ?? \"\"}\n              onChange={(backend) =>\n                onChange(withSandboxBackend(value, backend))\n              }\n              options={[\n                { value: \"\", label: \"Configured default\" },\n                ...backends.map((backend) => ({\n                  value: backend.name,\n                  label: backend.name,\n                })),\n              ]}\n            />\n          </SpecField>\n        </div>\n        {createConfig && (\n          <SpecButton ariaLabel=\"Create sandbox\" onClick={onCreate}>\n            <Icon icon={UiAdd} className=\"size-3.5\" />\n            Create sandbox\n          </SpecButton>\n        )}\n        {mode === \"git-agent\" && (\n          <div className=\"min-w-48 flex-1\">\n            <SpecField\n              label=\"Agent\"\n              hint={\n                ref.backend && dispatchableAgents.length === 0\n                  ? \"none dispatchable\"\n                  : undefined\n              }\n              composite\n            >\n              <SpecSelect\n                ariaLabel=\"Pinned agent\"\n                icon={UiRobotAi}\n                value={ref.agent ?? \"\"}\n                onChange={(agent) => onChange(withSandboxAgent(value, agent))}\n                options={[\n                  { value: \"\", label: \"Any dispatchable agent\" },\n                  ...dispatchableAgents.map((agent) => ({\n                    value: agent,\n                    label: agent,\n                  })),\n                ]}\n              />\n            </SpecField>\n          </div>\n        )}\n      </div>\n      {mode === \"git-agent\" && (\n        <div className=\"grid gap-density-3 sm:grid-cols-[minmax(0,1fr)_10rem]\">\n          <ListField\n            label=\"Included paths\"\n            value={ref.dispatch?.paths}\n            onChange={(paths) =>\n              onChange(withSandboxDispatch(value, { paths }))\n            }\n            placeholder={\"pkg/**\\n!**/*.pem\"}\n          />\n          <NumberField\n            label=\"Max attempts\"\n            value={ref.dispatch?.maxAttempts}\n            onChange={(maxAttempts) =>\n              onChange(\n                withSandboxDispatch(value, { maxAttempts: maxAttempts ?? 0 }),\n              )\n            }\n            icon={UiRepeat}\n            min={0}\n            step={1}\n            integer\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction sandboxModes(schema: RuntimeSpecSchema): SpecSandboxMode[] {\n  const values = runtimeSchemaPropertyAtPath(schema, \"sandbox.mode\")?.enum;\n  if (!Array.isArray(values))\n    throw new Error(\"sandbox.mode must publish an enum\");\n  return values.map((value) => {\n    if (\n      typeof value !== \"string\" ||\n      !SPEC_SANDBOX_MODES.includes(value as SpecSandboxMode)\n    ) {\n      throw new Error(\n        `sandbox.mode published unsupported value ${JSON.stringify(value)}`,\n      );\n    }\n    return value as SpecSandboxMode;\n  });\n}\n\nfunction sandboxApprovalModes(schema: RuntimeSpecSchema): SpecPermissionMode[] {\n  const values = runtimeSchemaPropertyAtPath(schema, \"sandbox.approval\")?.enum;\n  if (values == null) return [];\n  if (!Array.isArray(values))\n    throw new Error(\"sandbox.approval must publish an enum\");\n  return values.map((value) => {\n    if (\n      typeof value !== \"string\" ||\n      !SPEC_PERMISSION_MODES.includes(value as SpecPermissionMode)\n    ) {\n      throw new Error(\n        `sandbox.approval published unsupported value ${JSON.stringify(value)}`,\n      );\n    }\n    return value as SpecPermissionMode;\n  });\n}\n\nfunction sandboxBackends(\n  catalog: SpecRuntimeSandboxCatalog | undefined,\n  additions: SpecRuntimeSandboxBackend[],\n  mode: SpecSandboxMode,\n) {\n  const configured =\n    catalog?.kinds?.find((kind) => kind.kind === mode)?.backends ?? [];\n  return [...configured, ...additions].filter(\n    (backend) => backend.kind === mode,\n  );\n}\n\nfunction workspaceIsolates(value: AISpecRuntimeValue) {\n  const checkout = value.setup?.checkout;\n  if (!checkout) return false;\n  return (\n    (checkout.mode != null && checkout.mode !== \"none\") ||\n    (checkout.worktree?.mode != null && checkout.worktree.mode !== \"none\")\n  );\n}\n"],"names":[],"mappings":"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"}

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

@@ -31,16 +31,16 @@ function SectionCard({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("header", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-base font-bold tracking-tight", children: /* @__PURE__ */ jsxRuntime.jsxs(
-            "button",
-            {
-              type: "button",
-              "aria-expanded": !collapsed,
-              "aria-controls": bodyId,
-              onClick: () => setCollapsed((current) => !current),
-              className: "group flex w-full items-center gap-density-2 text-left",
-              children: [
+        /* @__PURE__ */ jsxRuntime.jsx("header", { children: /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-base font-bold tracking-tight", children: /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            "aria-expanded": !collapsed,
+            "aria-controls": bodyId,
+            onClick: () => setCollapsed((current) => !current),
+            className: "group block w-full text-left",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex w-full items-center gap-density-2", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
                   Icon.Icon,
                   {
@@ -60,11 +60,11 @@ function SectionCard({
                     className: "ml-auto size-4 shrink-0 text-muted-foreground/70 group-hover:text-foreground"
                   }
                 )
-              ]
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: meta.hint })
-        ] }),
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mt-1 block text-xs font-normal text-muted-foreground", children: meta.hint })
+            ]
+          }
+        ) }) }),
         !collapsed && /* @__PURE__ */ jsxRuntime.jsxs("div", { id: bodyId, className: "mt-density-3", children: [
           children,
           advanced && /* @__PURE__ */ jsxRuntime.jsx(fields.Disclosure, { hint: advancedHint, children: advanced })

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

@@ -1 +1 @@
-{"version":3,"file":"SectionCard.cjs","sources":["../../../../src/data/ai/SpecRuntimeEditor/SectionCard.tsx"],"sourcesContent":["import { useState, type ReactNode } from \"react\";\nimport { Icon } from \"../../Icon\";\nimport { UiChevronDown, UiChevronRight } from \"../../../icons\";\nimport { cn } from \"../../../lib/utils\";\nimport { Disclosure } from \"./fields\";\nimport type { SpecSectionMeta } from \"./types\";\n\n// Numbered scroll-target section (design .sec): a collapsible header with icon,\n// title and hint, body, then an optional Advanced disclosure. The heading itself\n// is the toggle (WAI-ARIA accordion pattern: heading > button).\nexport function SectionCard({\n  meta,\n  number,\n  domId,\n  sectionRef,\n  advanced,\n  advancedHint,\n  defaultCollapsed = false,\n  children,\n  className,\n}: {\n  meta: SpecSectionMeta;\n  number: string;\n  domId: string;\n  sectionRef: (element: HTMLElement | null) => void;\n  advanced?: ReactNode | undefined;\n  advancedHint?: string | undefined;\n  defaultCollapsed?: boolean | undefined;\n  children: ReactNode;\n  className?: string | undefined;\n}) {\n  const [collapsed, setCollapsed] = useState(defaultCollapsed);\n  const bodyId = `${domId}-body`;\n  return (\n    <section\n      id={domId}\n      ref={sectionRef}\n      aria-label={meta.label}\n      className={cn(\n        \"scroll-mt-4 border-t border-border py-density-4 first:border-t-0 first:pt-0\",\n        className,\n      )}\n    >\n      <header>\n        <h3 className=\"text-base font-bold tracking-tight\">\n          <button\n            type=\"button\"\n            aria-expanded={!collapsed}\n            aria-controls={bodyId}\n            onClick={() => setCollapsed((current) => !current)}\n            className=\"group flex w-full items-center gap-density-2 text-left\"\n          >\n            <Icon\n              icon={meta.icon}\n              className={cn(\n                \"size-5\",\n                meta.iconClassName ?? \"text-muted-foreground\",\n              )}\n            />\n            <span>{meta.label}</span>\n            <span className=\"text-[10px] font-bold tabular-nums text-muted-foreground/70\">\n              {number}\n            </span>\n            <Icon\n              icon={collapsed ? UiChevronRight : UiChevronDown}\n              className=\"ml-auto size-4 shrink-0 text-muted-foreground/70 group-hover:text-foreground\"\n            />\n          </button>\n        </h3>\n        <p className=\"mt-1 text-xs text-muted-foreground\">{meta.hint}</p>\n      </header>\n      {!collapsed && (\n        <div id={bodyId} className=\"mt-density-3\">\n          {children}\n          {advanced && <Disclosure hint={advancedHint}>{advanced}</Disclosure>}\n        </div>\n      )}\n    </section>\n  );\n}\n"],"names":["useState","jsxs","cn","jsx","Icon","UiChevronRight","UiChevronDown","Disclosure"],"mappings":";;;;;;;;;AAUO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,mBAAmB;AAAA,EACnB;AAAA,EACA;AACF,GAUG;AACD,QAAM,CAAC,WAAW,YAAY,IAAIA,MAAAA,SAAS,gBAAgB;AAC3D,QAAM,SAAS,GAAG,KAAK;AACvB,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ,KAAK;AAAA,MACL,cAAY,KAAK;AAAA,MACjB,WAAWC,MAAAA;AAAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAAD,gCAAC,UAAA,EACC,UAAA;AAAA,UAAAE,2BAAAA,IAAC,MAAA,EAAG,WAAU,sCACZ,UAAAF,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,iBAAe,CAAC;AAAA,cAChB,iBAAe;AAAA,cACf,SAAS,MAAM,aAAa,CAAC,YAAY,CAAC,OAAO;AAAA,cACjD,WAAU;AAAA,cAEV,UAAA;AAAA,gBAAAE,2BAAAA;AAAAA,kBAACC,KAAAA;AAAAA,kBAAA;AAAA,oBACC,MAAM,KAAK;AAAA,oBACX,WAAWF,MAAAA;AAAAA,sBACT;AAAA,sBACA,KAAK,iBAAiB;AAAA,oBAAA;AAAA,kBACxB;AAAA,gBAAA;AAAA,gBAEFC,2BAAAA,IAAC,QAAA,EAAM,UAAA,KAAK,MAAA,CAAM;AAAA,gBAClBA,2BAAAA,IAAC,QAAA,EAAK,WAAU,+DACb,UAAA,QACH;AAAA,gBACAA,2BAAAA;AAAAA,kBAACC,KAAAA;AAAAA,kBAAA;AAAA,oBACC,MAAM,YAAYC,eAAAA,iBAAiBC,cAAAA;AAAAA,oBACnC,WAAU;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACZ;AAAA,YAAA;AAAA,UAAA,GAEJ;AAAA,UACAH,2BAAAA,IAAC,KAAA,EAAE,WAAU,sCAAsC,eAAK,KAAA,CAAK;AAAA,QAAA,GAC/D;AAAA,QACC,CAAC,aACAF,2BAAAA,KAAC,SAAI,IAAI,QAAQ,WAAU,gBACxB,UAAA;AAAA,UAAA;AAAA,UACA,YAAYE,2BAAAA,IAACI,mBAAA,EAAW,MAAM,cAAe,UAAA,SAAA,CAAS;AAAA,QAAA,EAAA,CACzD;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;;"}
+{"version":3,"file":"SectionCard.cjs","sources":["../../../../src/data/ai/SpecRuntimeEditor/SectionCard.tsx"],"sourcesContent":["import { useState, type ReactNode } from \"react\";\nimport { Icon } from \"../../Icon\";\nimport { UiChevronDown, UiChevronRight } from \"../../../icons\";\nimport { cn } from \"../../../lib/utils\";\nimport { Disclosure } from \"./fields\";\nimport type { SpecSectionMeta } from \"./types\";\n\n// Numbered scroll-target section (design .sec): a collapsible header with icon,\n// title and hint, body, then an optional Advanced disclosure. The heading itself\n// is the toggle (WAI-ARIA accordion pattern: heading > button).\nexport function SectionCard({\n  meta,\n  number,\n  domId,\n  sectionRef,\n  advanced,\n  advancedHint,\n  defaultCollapsed = false,\n  children,\n  className,\n}: {\n  meta: SpecSectionMeta;\n  number: string;\n  domId: string;\n  sectionRef: (element: HTMLElement | null) => void;\n  advanced?: ReactNode | undefined;\n  advancedHint?: string | undefined;\n  defaultCollapsed?: boolean | undefined;\n  children: ReactNode;\n  className?: string | undefined;\n}) {\n  const [collapsed, setCollapsed] = useState(defaultCollapsed);\n  const bodyId = `${domId}-body`;\n  return (\n    <section\n      id={domId}\n      ref={sectionRef}\n      aria-label={meta.label}\n      className={cn(\n        \"scroll-mt-4 border-t border-border py-density-4 first:border-t-0 first:pt-0\",\n        className,\n      )}\n    >\n      <header>\n        <h3 className=\"text-base font-bold tracking-tight\">\n          <button\n            type=\"button\"\n            aria-expanded={!collapsed}\n            aria-controls={bodyId}\n            onClick={() => setCollapsed((current) => !current)}\n            className=\"group block w-full text-left\"\n          >\n            <span className=\"flex w-full items-center gap-density-2\">\n              <Icon\n                icon={meta.icon}\n                className={cn(\n                  \"size-5\",\n                  meta.iconClassName ?? \"text-muted-foreground\",\n                )}\n              />\n              <span>{meta.label}</span>\n              <span className=\"text-[10px] font-bold tabular-nums text-muted-foreground/70\">\n                {number}\n              </span>\n              <Icon\n                icon={collapsed ? UiChevronRight : UiChevronDown}\n                className=\"ml-auto size-4 shrink-0 text-muted-foreground/70 group-hover:text-foreground\"\n              />\n            </span>\n            <span className=\"mt-1 block text-xs font-normal text-muted-foreground\">\n              {meta.hint}\n            </span>\n          </button>\n        </h3>\n      </header>\n      {!collapsed && (\n        <div id={bodyId} className=\"mt-density-3\">\n          {children}\n          {advanced && <Disclosure hint={advancedHint}>{advanced}</Disclosure>}\n        </div>\n      )}\n    </section>\n  );\n}\n"],"names":["useState","jsxs","cn","jsx","Icon","UiChevronRight","UiChevronDown","Disclosure"],"mappings":";;;;;;;;;AAUO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,mBAAmB;AAAA,EACnB;AAAA,EACA;AACF,GAUG;AACD,QAAM,CAAC,WAAW,YAAY,IAAIA,MAAAA,SAAS,gBAAgB;AAC3D,QAAM,SAAS,GAAG,KAAK;AACvB,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ,KAAK;AAAA,MACL,cAAY,KAAK;AAAA,MACjB,WAAWC,MAAAA;AAAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAAC,+BAAC,UAAA,EACC,UAAAA,2BAAAA,IAAC,MAAA,EAAG,WAAU,sCACZ,UAAAF,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,iBAAe,CAAC;AAAA,YAChB,iBAAe;AAAA,YACf,SAAS,MAAM,aAAa,CAAC,YAAY,CAAC,OAAO;AAAA,YACjD,WAAU;AAAA,YAEV,UAAA;AAAA,cAAAA,2BAAAA,KAAC,QAAA,EAAK,WAAU,0CACd,UAAA;AAAA,gBAAAE,2BAAAA;AAAAA,kBAACC,KAAAA;AAAAA,kBAAA;AAAA,oBACC,MAAM,KAAK;AAAA,oBACX,WAAWF,MAAAA;AAAAA,sBACT;AAAA,sBACA,KAAK,iBAAiB;AAAA,oBAAA;AAAA,kBACxB;AAAA,gBAAA;AAAA,gBAEFC,2BAAAA,IAAC,QAAA,EAAM,UAAA,KAAK,MAAA,CAAM;AAAA,gBAClBA,2BAAAA,IAAC,QAAA,EAAK,WAAU,+DACb,UAAA,QACH;AAAA,gBACAA,2BAAAA;AAAAA,kBAACC,KAAAA;AAAAA,kBAAA;AAAA,oBACC,MAAM,YAAYC,eAAAA,iBAAiBC,cAAAA;AAAAA,oBACnC,WAAU;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACZ,GACF;AAAA,cACAH,2BAAAA,IAAC,QAAA,EAAK,WAAU,wDACb,eAAK,KAAA,CACR;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,GAEJ,EAAA,CACF;AAAA,QACC,CAAC,aACAF,2BAAAA,KAAC,SAAI,IAAI,QAAQ,WAAU,gBACxB,UAAA;AAAA,UAAA;AAAA,UACA,YAAYE,2BAAAA,IAACI,mBAAA,EAAW,MAAM,cAAe,UAAA,SAAA,CAAS;AAAA,QAAA,EAAA,CACzD;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;;"}

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { ReactNode } from '../../../../../../node_modules/@types/react/index.d.ts';
 import { SpecSectionMeta } from './types';
 export declare function SectionCard({ meta, number, domId, sectionRef, advanced, advancedHint, defaultCollapsed, children, className, }: {
     meta: SpecSectionMeta;
@@ -10,5 +10,5 @@ export declare function SectionCard({ meta, number, domId, sectionRef, advanced,
     defaultCollapsed?: boolean | undefined;
     children: ReactNode;
     className?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 //# sourceMappingURL=SectionCard.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SectionCard.d.ts","sourceRoot":"","sources":["../../../../src/data/ai/SpecRuntimeEditor/SectionCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKjD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAK/C,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,MAAM,EACN,KAAK,EACL,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,gBAAwB,EACxB,QAAQ,EACR,SAAS,GACV,EAAE;IACD,IAAI,EAAE,eAAe,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAClD,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACjC,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,gBAAgB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACvC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC,2CAiDA"}
+{"version":3,"file":"SectionCard.d.ts","sourceRoot":"","sources":["../../../../src/data/ai/SpecRuntimeEditor/SectionCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKjD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAK/C,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,MAAM,EACN,KAAK,EACL,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,gBAAwB,EACxB,QAAQ,EACR,SAAS,GACV,EAAE;IACD,IAAI,EAAE,eAAe,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAClD,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACjC,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,gBAAgB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACvC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC,+BAqDA"}