@flanksource/clicky-ui 0.3.9 → 0.3.11

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

@@ -0,0 +1,287 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { InputField } from "../../../components/InputField.js";
+import { Switch } from "../../../components/Switch.js";
+import { Icon } from "../../Icon.js";
+import { cn } from "../../../lib/utils.js";
+import { UiChevronDown } from "../../../icons/components/UiChevronDown.js";
+import { UiChevronRight } from "../../../icons/components/UiChevronRight.js";
+const controlClassName = "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";
+function SpecField({
+  label,
+  hint,
+  children
+}) {
+  return /* @__PURE__ */ jsxs("label", { className: "block min-w-0 space-y-1 text-xs text-muted-foreground", children: [
+    /* @__PURE__ */ jsxs("span", { children: [
+      label,
+      hint && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground/70", children: [
+        " (",
+        hint,
+        ")"
+      ] })
+    ] }),
+    children
+  ] });
+}
+function SpecInput({
+  value,
+  onChange,
+  placeholder,
+  ariaLabel,
+  icon,
+  mono = false
+}) {
+  return /* @__PURE__ */ jsx(
+    InputField,
+    {
+      "aria-label": ariaLabel,
+      value: value ?? "",
+      onChange,
+      placeholder,
+      prefix: icon ? /* @__PURE__ */ jsx(Icon, { icon, className: "size-4 text-muted-foreground/70" }) : void 0,
+      inputClassName: cn(mono && "font-mono text-xs"),
+      className: "bg-background"
+    }
+  );
+}
+function SpecSelect({
+  value,
+  onChange,
+  ariaLabel,
+  icon,
+  children
+}) {
+  const select = /* @__PURE__ */ jsx(
+    "select",
+    {
+      "aria-label": ariaLabel,
+      value,
+      onChange: (event) => onChange(event.target.value),
+      className: cn(controlClassName, icon && "pl-8"),
+      children
+    }
+  );
+  if (!icon) return select;
+  return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+    /* @__PURE__ */ jsx(
+      Icon,
+      {
+        icon,
+        className: "pointer-events-none absolute left-2 top-1/2 size-4 -translate-y-1/2 text-muted-foreground/70"
+      }
+    ),
+    select
+  ] });
+}
+function SpecButton({
+  onClick,
+  children,
+  ariaLabel
+}) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      "aria-label": ariaLabel,
+      onClick,
+      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",
+      children
+    }
+  );
+}
+function NumberField({
+  label,
+  value,
+  onChange,
+  min,
+  max,
+  step,
+  icon,
+  integer = false
+}) {
+  return /* @__PURE__ */ jsx(SpecField, { label, children: /* @__PURE__ */ jsx(
+    InputField,
+    {
+      type: "number",
+      "aria-label": label,
+      value: value == null ? "" : String(value),
+      min,
+      max,
+      step,
+      onChange: (next) => onChange(parseOptionalNumber(next, integer)),
+      prefix: icon ? /* @__PURE__ */ jsx(Icon, { icon, className: "size-4 text-muted-foreground/70" }) : void 0,
+      className: "bg-background"
+    }
+  ) });
+}
+function TextareaField({
+  label,
+  value,
+  onChange,
+  minHeight = 76,
+  placeholder,
+  icon
+}) {
+  return /* @__PURE__ */ jsx(SpecField, { label, children: /* @__PURE__ */ jsx(
+    InputField,
+    {
+      as: "textarea",
+      "aria-label": label,
+      value: value ?? "",
+      onChange,
+      placeholder,
+      spellCheck: false,
+      style: { minHeight },
+      prefix: icon ? /* @__PURE__ */ jsx(
+        Icon,
+        {
+          icon,
+          className: "mt-1 size-4 text-muted-foreground/70"
+        }
+      ) : void 0,
+      inputClassName: "font-mono text-xs",
+      className: "bg-background"
+    }
+  ) });
+}
+function ExpandField({
+  label,
+  value,
+  onChange,
+  placeholder,
+  icon
+}) {
+  const [expanded, setExpanded] = useState(false);
+  return /* @__PURE__ */ jsx(SpecField, { label, children: /* @__PURE__ */ jsx(
+    InputField,
+    {
+      as: "textarea",
+      "aria-label": label,
+      rows: 1,
+      value: value ?? "",
+      onChange,
+      onFocus: () => setExpanded(true),
+      onBlur: () => setExpanded(false),
+      placeholder,
+      spellCheck: false,
+      prefix: icon ? /* @__PURE__ */ jsx(
+        Icon,
+        {
+          icon,
+          className: cn(
+            "size-4 text-muted-foreground/70",
+            expanded ? "mt-1" : void 0
+          )
+        }
+      ) : void 0,
+      inputClassName: cn(
+        "font-mono text-xs transition-[height]",
+        expanded ? "h-24 resize-y overflow-auto whitespace-pre-wrap" : "h-5 resize-none overflow-hidden whitespace-nowrap leading-5"
+      ),
+      className: cn(
+        "bg-background",
+        expanded ? void 0 : " items-center py-0"
+      )
+    }
+  ) });
+}
+function ListField({
+  label,
+  value,
+  onChange,
+  placeholder,
+  icon
+}) {
+  return /* @__PURE__ */ jsx(
+    TextareaField,
+    {
+      label,
+      value: (value == null ? void 0 : value.join("\n")) ?? "",
+      onChange: (next) => onChange(
+        next.split(/\r?\n/).map((item) => item.trim()).filter(Boolean)
+      ),
+      minHeight: 64,
+      placeholder,
+      icon
+    }
+  );
+}
+function CheckboxField({
+  label,
+  checked,
+  onChange,
+  icon
+}) {
+  return /* @__PURE__ */ jsx(
+    Switch,
+    {
+      checked: Boolean(checked),
+      onChange,
+      className: " py-density-1",
+      label: /* @__PURE__ */ jsxs("span", { className: "inline-flex min-w-0 items-center gap-2 text-xs text-muted-foreground", children: [
+        icon && /* @__PURE__ */ jsx(
+          Icon,
+          {
+            icon,
+            className: "size-3.5 shrink-0 text-muted-foreground/70"
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", children: label })
+      ] })
+    }
+  );
+}
+function Disclosure({
+  label = "Advanced",
+  hint,
+  children,
+  defaultOpen = false
+}) {
+  const [open, setOpen] = useState(defaultOpen);
+  return /* @__PURE__ */ jsxs("div", { className: "mt-density-3 border-t border-dashed border-border pt-density-2", children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        "aria-expanded": open,
+        onClick: () => setOpen((current) => !current),
+        className: "inline-flex items-center gap-1.5 text-xs font-semibold text-muted-foreground hover:text-foreground",
+        children: [
+          /* @__PURE__ */ jsx(
+            Icon,
+            {
+              icon: open ? UiChevronDown : UiChevronRight,
+              className: "size-3.5"
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { children: label }),
+          hint && /* @__PURE__ */ jsxs("span", { className: "font-normal text-muted-foreground/70", children: [
+            "· ",
+            hint
+          ] })
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsx("div", { className: "pt-density-2", children })
+  ] });
+}
+function parseOptionalNumber(value, integer) {
+  if (value.trim() === "") return void 0;
+  const parsed = Number(value);
+  if (!Number.isFinite(parsed)) return void 0;
+  return integer ? Math.max(0, Math.trunc(parsed)) : parsed;
+}
+export {
+  CheckboxField,
+  Disclosure,
+  ExpandField,
+  ListField,
+  NumberField,
+  SpecButton,
+  SpecField,
+  SpecInput,
+  SpecSelect,
+  TextareaField
+};
+//# sourceMappingURL=fields.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,213 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const utils = require("../../../lib/utils.cjs");
+const CLIArgsSection = require("./CLIArgsSection.cjs");
+const CommitSection = require("./CommitSection.cjs");
+const EnvironmentSection = require("./EnvironmentSection.cjs");
+const Footer = require("./Footer.cjs");
+const ModelSection = require("./ModelSection.cjs");
+const PermissionsSection = require("./PermissionsSection.cjs");
+const PromptSection = require("./PromptSection.cjs");
+const Rail = require("./Rail.cjs");
+const SectionCard = require("./SectionCard.cjs");
+const VerifySection = require("./VerifySection.cjs");
+const WorkspaceSection = require("./WorkspaceSection.cjs");
+const permissionsModel = require("./permissions-model.cjs");
+const summaries = require("./summaries.cjs");
+const types = require("./types.cjs");
+const useScrollspy = require("./use-scrollspy.cjs");
+const ADVANCED_HINTS = {
+  model: "fallbacks, session, caching",
+  prompt: "schema",
+  permissions: "full permission tree",
+  environment: "dotenv files"
+};
+function SpecRuntimeEditor({
+  value,
+  onChange,
+  models = [],
+  families,
+  tools = [],
+  permissionCatalog,
+  secretSelector,
+  cliOptions,
+  sections: sectionFilter,
+  className,
+  title = "Runtime Spec",
+  eyebrow = "Agent configuration",
+  showHeader = true,
+  beforeSections,
+  defaultCollapsedSections,
+  onSave,
+  onCancel,
+  saveLabel = "Save & run",
+  footerStatus = "Ready to run"
+}) {
+  const idPrefix = react.useId();
+  const catalog = react.useMemo(
+    () => permissionsModel.buildPermissionCatalog(permissionCatalog, tools),
+    [permissionCatalog, tools]
+  );
+  const entries = react.useMemo(
+    () => permissionsModel.specPermissionEntries(value, catalog),
+    [value, catalog]
+  );
+  const allowedSections = react.useMemo(
+    () => sectionFilter ? new Set(sectionFilter) : void 0,
+    [sectionFilter]
+  );
+  const sections = types.SPEC_RUNTIME_SECTIONS.filter(
+    (section) => (section.id !== "cli" || cliOptions) && (allowedSections == null || allowedSections.has(section.id))
+  );
+  const collapsedSections = react.useMemo(
+    () => new Set(defaultCollapsedSections ?? []),
+    [defaultCollapsedSections]
+  );
+  const domId = (id) => `${idPrefix}-${id}`;
+  const { sectionRef } = useScrollspy.useScrollSpy(
+    sections.map((section) => domId(section.id))
+  );
+  const applyEntries = (applied, mode) => onChange(permissionsModel.withPermissionEntries(value, applied, mode));
+  const addEntry = (domain, id) => {
+    const next = permissionsModel.withAddedPermission(value, domain, id);
+    if (next) onChange(next);
+  };
+  const sectionBody = (id) => {
+    switch (id) {
+      case "model":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          ModelSection.ModelSection,
+          {
+            value,
+            onChange,
+            models,
+            ...families ? { families } : {}
+          }
+        );
+      case "prompt":
+        return /* @__PURE__ */ jsxRuntime.jsx(PromptSection.PromptSection, { value, onChange });
+      case "workspace":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          WorkspaceSection.WorkspaceSection,
+          {
+            value,
+            onChange,
+            secretSelector
+          }
+        );
+      case "permissions":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          PermissionsSection.PermissionsSection,
+          {
+            value,
+            onChange,
+            entries,
+            onApplyEntries: applyEntries,
+            onAddEntry: addEntry
+          }
+        );
+      case "environment":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          EnvironmentSection.EnvironmentSection,
+          {
+            value,
+            onChange,
+            secretSelector
+          }
+        );
+      case "verify":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          VerifySection.VerifySection,
+          {
+            value,
+            onChange,
+            models,
+            ...families ? { families } : {},
+            ...secretSelector ? { secretSelector } : {}
+          }
+        );
+      case "commit":
+        return /* @__PURE__ */ jsxRuntime.jsx(CommitSection.CommitSection, { value, onChange });
+      case "cli":
+        return cliOptions ? /* @__PURE__ */ jsxRuntime.jsx(
+          CLIArgsSection.CLIArgsSection,
+          {
+            value,
+            onChange,
+            cliOptions
+          }
+        ) : null;
+    }
+  };
+  const sectionAdvanced = (id) => {
+    switch (id) {
+      case "model":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          ModelSection.ModelAdvanced,
+          {
+            value,
+            onChange,
+            models,
+            ...families ? { families } : {}
+          }
+        );
+      case "prompt":
+        return /* @__PURE__ */ jsxRuntime.jsx(PromptSection.PromptAdvanced, { value, onChange });
+      case "permissions":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          PermissionsSection.PermissionsAdvanced,
+          {
+            value,
+            onChange,
+            entries,
+            onApplyEntries: applyEntries,
+            onAddEntry: addEntry
+          }
+        );
+      case "environment":
+        return /* @__PURE__ */ jsxRuntime.jsx(EnvironmentSection.EnvironmentAdvanced, { value, onChange });
+      default:
+        return void 0;
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn("@container", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto max-w-[820px] px-density-4 py-density-4", children: [
+      showHeader && /* @__PURE__ */ jsxRuntime.jsx(
+        Rail.Rail,
+        {
+          eyebrow,
+          title,
+          target: summaries.summarizeTarget(value)
+        }
+      ),
+      beforeSections,
+      sections.map((section) => /* @__PURE__ */ jsxRuntime.jsx(
+        SectionCard.SectionCard,
+        {
+          meta: section,
+          number: types.sectionNumber(section.id),
+          domId: domId(section.id),
+          sectionRef: sectionRef(domId(section.id)),
+          advanced: sectionAdvanced(section.id),
+          advancedHint: ADVANCED_HINTS[section.id],
+          defaultCollapsed: collapsedSections.has(section.id),
+          children: sectionBody(section.id)
+        },
+        section.id
+      ))
+    ] }),
+    (onSave || onCancel) && /* @__PURE__ */ jsxRuntime.jsx(
+      Footer.Footer,
+      {
+        status: footerStatus,
+        saveLabel,
+        onSave,
+        onCancel
+      }
+    )
+  ] });
+}
+exports.SpecRuntimeEditor = SpecRuntimeEditor;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +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-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-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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"}

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

@@ -0,0 +1,41 @@
+import { ReactNode } from 'react';
+import { ChatModel, ToolMeta } from '../../chat/types';
+import { AISpecRuntimePermissionCatalog, AISpecRuntimeValue } from '../SpecRuntimeEditor.model';
+import { SpecRuntimeCLIOptions } from './CLIArgsSection';
+import { SpecRuntimeSecretSelectorConfig, SpecSectionId } from './types';
+import { SpecRuntimeFamily } from '../runtime-mode';
+export type { AISpecRuntimeValue } from '../SpecRuntimeEditor.model';
+export type { SpecRuntimeSecretSelectorConfig } from './types';
+export type { SpecRuntimeCLIOptions } from './CLIArgsSection';
+export { SPEC_RUNTIME_FAMILIES, type SpecRuntimeFamily, type SpecRuntimeModeOption, } from '../runtime-mode';
+export type SpecRuntimeEditorProps = {
+    value: AISpecRuntimeValue;
+    onChange: (value: AISpecRuntimeValue) => void;
+    models?: ChatModel[] | undefined;
+    /** Provider families for the two-axis Family → Mode picker in the model section. */
+    families?: SpecRuntimeFamily[] | undefined;
+    tools?: ToolMeta[] | undefined;
+    permissionCatalog?: AISpecRuntimePermissionCatalog | undefined;
+    secretSelector?: SpecRuntimeSecretSelectorConfig | undefined;
+    /** Schema for the backend's extra CLI args; enables the CLI flags section. */
+    cliOptions?: SpecRuntimeCLIOptions | undefined;
+    /** Optional section allow-list for embedded editors that only need part of the runtime spec. */
+    sections?: readonly SpecSectionId[] | undefined;
+    className?: string | undefined;
+    title?: ReactNode | undefined;
+    eyebrow?: ReactNode | undefined;
+    /** Hide the editor rail when a host modal already supplies the context. */
+    showHeader?: boolean | undefined;
+    /** Content rendered before the first section inside the editor column. */
+    beforeSections?: ReactNode | undefined;
+    /** Sections that should start collapsed in embedded contexts. */
+    defaultCollapsedSections?: readonly SpecSectionId[] | undefined;
+    /** Renders the sticky footer's save action when set. */
+    onSave?: (() => void) | undefined;
+    /** Renders the sticky footer's cancel action when set. */
+    onCancel?: (() => void) | undefined;
+    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;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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,iBAAiB,CAAC;AAGzD,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,iBAAiB,CAAC;AAEzB,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"}