@flanksource/clicky-ui 0.3.9 → 0.3.11

package/dist/data/ai/SpecRuntimeEditor/env-model.js

@@ -0,0 +1,45 @@
+import { serializeSecretRef, parseSecretRef } from "../../../components/SecretKeySelector.model.js";
+function secretValueFromEnvVar(value) {
+  var _a, _b;
+  if (typeof value.valueFrom === "string") {
+    return parseSecretRef(value.valueFrom.trim());
+  }
+  if ((_a = value.valueFrom) == null ? void 0 : _a.secretKeyRef) {
+    return {
+      kind: "secret",
+      name: value.valueFrom.secretKeyRef.name ?? "",
+      key: value.valueFrom.secretKeyRef.key ?? ""
+    };
+  }
+  if ((_b = value.valueFrom) == null ? void 0 : _b.configMapKeyRef) {
+    return {
+      kind: "configmap",
+      name: value.valueFrom.configMapKeyRef.name ?? "",
+      key: value.valueFrom.configMapKeyRef.key ?? ""
+    };
+  }
+  if (value.value !== void 0) return { kind: "value", value: value.value };
+  return void 0;
+}
+function envVarFromSecretValue(name, next) {
+  const updated = { name };
+  if ((next == null ? void 0 : next.kind) === "value") {
+    updated.value = next.value;
+  } else if (next) {
+    updated.valueFrom = serializeSecretRef(next);
+  }
+  return updated;
+}
+function secretValueFromString(value) {
+  return parseSecretRef((value == null ? void 0 : value.trim()) ?? "");
+}
+function stringFromSecretValue(next) {
+  return serializeSecretRef(next);
+}
+export {
+  envVarFromSecretValue,
+  secretValueFromEnvVar,
+  secretValueFromString,
+  stringFromSecretValue
+};
+//# sourceMappingURL=env-model.js.map

package/dist/data/ai/SpecRuntimeEditor/env-model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"env-model.js","sources":["../../../../src/data/ai/SpecRuntimeEditor/env-model.ts"],"sourcesContent":["import {\n  parseSecretRef,\n  serializeSecretRef,\n} from \"../../../components/SecretKeySelector.model\";\nimport type { SecretKeyValue } from \"../../../components/SecretKeySelector\";\nimport type { AISpecRuntimeEnvVar } from \"../SpecRuntimeEditor.model\";\n\n// Maps an env var (string \"secret://name/key\" form or structured valueFrom)\n// onto the SecretKeySelector value shape.\nexport function secretValueFromEnvVar(\n  value: AISpecRuntimeEnvVar,\n): SecretKeyValue | undefined {\n  if (typeof value.valueFrom === \"string\") {\n    return parseSecretRef(value.valueFrom.trim());\n  }\n  if (value.valueFrom?.secretKeyRef) {\n    return {\n      kind: \"secret\",\n      name: value.valueFrom.secretKeyRef.name ?? \"\",\n      key: value.valueFrom.secretKeyRef.key ?? \"\",\n    };\n  }\n  if (value.valueFrom?.configMapKeyRef) {\n    return {\n      kind: \"configmap\",\n      name: value.valueFrom.configMapKeyRef.name ?? \"\",\n      key: value.valueFrom.configMapKeyRef.key ?? \"\",\n    };\n  }\n  if (value.value !== undefined) return { kind: \"value\", value: value.value };\n  return undefined;\n}\n\nexport function envVarFromSecretValue(\n  name: string,\n  next: SecretKeyValue | undefined,\n): AISpecRuntimeEnvVar {\n  const updated: AISpecRuntimeEnvVar = { name };\n  if (next?.kind === \"value\") {\n    updated.value = next.value;\n  } else if (next) {\n    updated.valueFrom = serializeSecretRef(next);\n  }\n  return updated;\n}\n\n// Bridges a plain string field (e.g. a checkout connection) onto the\n// SecretKeySelector value shape: a reference (secret://, configmap://, helm://,\n// serviceaccount://, op://) parses into its ref shape, anything else stays a\n// literal value, so a bare connection name (\"github\") round-trips unchanged.\nexport function secretValueFromString(\n  value: string | undefined,\n): SecretKeyValue | undefined {\n  return parseSecretRef(value?.trim() ?? \"\");\n}\n\nexport function stringFromSecretValue(next: SecretKeyValue | undefined): string {\n  return serializeSecretRef(next);\n}\n"],"names":[],"mappings":";AASO,SAAS,sBACd,OAC4B;;AAC5B,MAAI,OAAO,MAAM,cAAc,UAAU;AACvC,WAAO,eAAe,MAAM,UAAU,KAAA,CAAM;AAAA,EAC9C;AACA,OAAI,WAAM,cAAN,mBAAiB,cAAc;AACjC,WAAO;AAAA,MACL,MAAM;AAAA,MACN,MAAM,MAAM,UAAU,aAAa,QAAQ;AAAA,MAC3C,KAAK,MAAM,UAAU,aAAa,OAAO;AAAA,IAAA;AAAA,EAE7C;AACA,OAAI,WAAM,cAAN,mBAAiB,iBAAiB;AACpC,WAAO;AAAA,MACL,MAAM;AAAA,MACN,MAAM,MAAM,UAAU,gBAAgB,QAAQ;AAAA,MAC9C,KAAK,MAAM,UAAU,gBAAgB,OAAO;AAAA,IAAA;AAAA,EAEhD;AACA,MAAI,MAAM,UAAU,OAAW,QAAO,EAAE,MAAM,SAAS,OAAO,MAAM,MAAA;AACpE,SAAO;AACT;AAEO,SAAS,sBACd,MACA,MACqB;AACrB,QAAM,UAA+B,EAAE,KAAA;AACvC,OAAI,6BAAM,UAAS,SAAS;AAC1B,YAAQ,QAAQ,KAAK;AAAA,EACvB,WAAW,MAAM;AACf,YAAQ,YAAY,mBAAmB,IAAI;AAAA,EAC7C;AACA,SAAO;AACT;AAMO,SAAS,sBACd,OAC4B;AAC5B,SAAO,gBAAe,+BAAO,WAAU,EAAE;AAC3C;AAEO,SAAS,sBAAsB,MAA0C;AAC9E,SAAO,mBAAmB,IAAI;AAChC;"}

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

@@ -0,0 +1,287 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const InputField = require("../../../components/InputField.cjs");
+const Switch = require("../../../components/Switch.cjs");
+const Icon = require("../../Icon.cjs");
+const utils = require("../../../lib/utils.cjs");
+const UiChevronDown = require("../../../icons/components/UiChevronDown.cjs");
+const UiChevronRight = require("../../../icons/components/UiChevronRight.cjs");
+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__ */ jsxRuntime.jsxs("label", { className: "block min-w-0 space-y-1 text-xs text-muted-foreground", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+      label,
+      hint && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-muted-foreground/70", children: [
+        " (",
+        hint,
+        ")"
+      ] })
+    ] }),
+    children
+  ] });
+}
+function SpecInput({
+  value,
+  onChange,
+  placeholder,
+  ariaLabel,
+  icon,
+  mono = false
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    InputField.InputField,
+    {
+      "aria-label": ariaLabel,
+      value: value ?? "",
+      onChange,
+      placeholder,
+      prefix: icon ? /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon, className: "size-4 text-muted-foreground/70" }) : void 0,
+      inputClassName: utils.cn(mono && "font-mono text-xs"),
+      className: "bg-background"
+    }
+  );
+}
+function SpecSelect({
+  value,
+  onChange,
+  ariaLabel,
+  icon,
+  children
+}) {
+  const select = /* @__PURE__ */ jsxRuntime.jsx(
+    "select",
+    {
+      "aria-label": ariaLabel,
+      value,
+      onChange: (event) => onChange(event.target.value),
+      className: utils.cn(controlClassName, icon && "pl-8"),
+      children
+    }
+  );
+  if (!icon) return select;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Icon.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(SpecField, { label, children: /* @__PURE__ */ jsxRuntime.jsx(
+    InputField.InputField,
+    {
+      type: "number",
+      "aria-label": label,
+      value: value == null ? "" : String(value),
+      min,
+      max,
+      step,
+      onChange: (next) => onChange(parseOptionalNumber(next, integer)),
+      prefix: icon ? /* @__PURE__ */ jsxRuntime.jsx(Icon.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__ */ jsxRuntime.jsx(SpecField, { label, children: /* @__PURE__ */ jsxRuntime.jsx(
+    InputField.InputField,
+    {
+      as: "textarea",
+      "aria-label": label,
+      value: value ?? "",
+      onChange,
+      placeholder,
+      spellCheck: false,
+      style: { minHeight },
+      prefix: icon ? /* @__PURE__ */ jsxRuntime.jsx(
+        Icon.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] = react.useState(false);
+  return /* @__PURE__ */ jsxRuntime.jsx(SpecField, { label, children: /* @__PURE__ */ jsxRuntime.jsx(
+    InputField.InputField,
+    {
+      as: "textarea",
+      "aria-label": label,
+      rows: 1,
+      value: value ?? "",
+      onChange,
+      onFocus: () => setExpanded(true),
+      onBlur: () => setExpanded(false),
+      placeholder,
+      spellCheck: false,
+      prefix: icon ? /* @__PURE__ */ jsxRuntime.jsx(
+        Icon.Icon,
+        {
+          icon,
+          className: utils.cn(
+            "size-4 text-muted-foreground/70",
+            expanded ? "mt-1" : void 0
+          )
+        }
+      ) : void 0,
+      inputClassName: utils.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: utils.cn(
+        "bg-background",
+        expanded ? void 0 : " items-center py-0"
+      )
+    }
+  ) });
+}
+function ListField({
+  label,
+  value,
+  onChange,
+  placeholder,
+  icon
+}) {
+  return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+    Switch.Switch,
+    {
+      checked: Boolean(checked),
+      onChange,
+      className: " py-density-1",
+      label: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex min-w-0 items-center gap-2 text-xs text-muted-foreground", children: [
+        icon && /* @__PURE__ */ jsxRuntime.jsx(
+          Icon.Icon,
+          {
+            icon,
+            className: "size-3.5 shrink-0 text-muted-foreground/70"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 truncate", children: label })
+      ] })
+    }
+  );
+}
+function Disclosure({
+  label = "Advanced",
+  hint,
+  children,
+  defaultOpen = false
+}) {
+  const [open, setOpen] = react.useState(defaultOpen);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-density-3 border-t border-dashed border-border pt-density-2", children: [
+    /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+            Icon.Icon,
+            {
+              icon: open ? UiChevronDown.UiChevronDown : UiChevronRight.UiChevronRight,
+              className: "size-3.5"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: label }),
+          hint && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-normal text-muted-foreground/70", children: [
+            "· ",
+            hint
+          ] })
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsxRuntime.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;
+}
+exports.CheckboxField = CheckboxField;
+exports.Disclosure = Disclosure;
+exports.ExpandField = ExpandField;
+exports.ListField = ListField;
+exports.NumberField = NumberField;
+exports.SpecButton = SpecButton;
+exports.SpecField = SpecField;
+exports.SpecInput = SpecInput;
+exports.SpecSelect = SpecSelect;
+exports.TextareaField = TextareaField;
+//# sourceMappingURL=fields.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fields.cjs","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":["jsxs","jsx","InputField","Icon","cn","useState","Switch","UiChevronDown","UiChevronRight"],"mappings":";;;;;;;;;;AAOA,MAAM,mBACJ;AAEK,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,SACEA,2BAAAA,KAAC,SAAA,EAAM,WAAU,yDACf,UAAA;AAAA,IAAAA,gCAAC,QAAA,EACE,UAAA;AAAA,MAAA;AAAA,MACA,QAAQA,2BAAAA,KAAC,QAAA,EAAK,WAAU,4BAA2B,UAAA;AAAA,QAAA;AAAA,QAAG;AAAA,QAAK;AAAA,MAAA,EAAA,CAAC;AAAA,IAAA,GAC/D;AAAA,IACC;AAAA,EAAA,GACH;AAEJ;AAEO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AACT,GAOG;AACD,SACEC,2BAAAA;AAAAA,IAACC,WAAAA;AAAAA,IAAA;AAAA,MACC,cAAY;AAAA,MACZ,OAAO,SAAS;AAAA,MAChB;AAAA,MACA;AAAA,MACA,QACE,OACED,2BAAAA,IAACE,KAAAA,QAAK,MAAY,WAAU,mCAAkC,IAC5D;AAAA,MAEN,gBAAgBC,MAAAA,GAAG,QAAQ,mBAAmB;AAAA,MAC9C,WAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;AAEO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;AACD,QAAM,SACJH,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,cAAY;AAAA,MACZ;AAAA,MACA,UAAU,CAAC,UAAU,SAAS,MAAM,OAAO,KAAK;AAAA,MAChD,WAAWG,MAAAA,GAAG,kBAAkB,QAAQ,MAAM;AAAA,MAE7C;AAAA,IAAA;AAAA,EAAA;AAGL,MAAI,CAAC,KAAM,QAAO;AAClB,SACEJ,2BAAAA,KAAC,OAAA,EAAI,WAAU,YACb,UAAA;AAAA,IAAAC,2BAAAA;AAAAA,MAACE,KAAAA;AAAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAEX;AAAA,EAAA,GACH;AAEJ;AAEO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,SACEF,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY;AAAA,MACZ;AAAA,MACA,WAAU;AAAA,MAET;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AACZ,GASG;AACD,SACEA,2BAAAA,IAAC,aAAU,OACT,UAAAA,2BAAAA;AAAAA,IAACC,WAAAA;AAAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,OAAO,SAAS,OAAO,KAAK,OAAO,KAAK;AAAA,MACxC;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU,CAAC,SAAS,SAAS,oBAAoB,MAAM,OAAO,CAAC;AAAA,MAC/D,QACE,OACED,2BAAAA,IAACE,KAAAA,QAAK,MAAY,WAAU,mCAAkC,IAC5D;AAAA,MAEN,WAAU;AAAA,IAAA;AAAA,EAAA,GAEd;AAEJ;AAEO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AACF,GAOG;AACD,SACEF,2BAAAA,IAAC,aAAU,OACT,UAAAA,2BAAAA;AAAAA,IAACC,WAAAA;AAAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH,cAAY;AAAA,MACZ,OAAO,SAAS;AAAA,MAChB;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ,OAAO,EAAE,UAAA;AAAA,MACT,QACE,OACED,2BAAAA;AAAAA,QAACE,KAAAA;AAAAA,QAAA;AAAA,UACC;AAAA,UACA,WAAU;AAAA,QAAA;AAAA,MAAA,IAEV;AAAA,MAEN,gBAAe;AAAA,MACf,WAAU;AAAA,IAAA;AAAA,EAAA,GAEd;AAEJ;AAKO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;AACD,QAAM,CAAC,UAAU,WAAW,IAAIE,MAAAA,SAAS,KAAK;AAC9C,SACEJ,2BAAAA,IAAC,aAAU,OACT,UAAAA,2BAAAA;AAAAA,IAACC,WAAAA;AAAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH,cAAY;AAAA,MACZ,MAAM;AAAA,MACN,OAAO,SAAS;AAAA,MAChB;AAAA,MACA,SAAS,MAAM,YAAY,IAAI;AAAA,MAC/B,QAAQ,MAAM,YAAY,KAAK;AAAA,MAC/B;AAAA,MACA,YAAY;AAAA,MACZ,QACE,OACED,2BAAAA;AAAAA,QAACE,KAAAA;AAAAA,QAAA;AAAA,UACC;AAAA,UACA,WAAWC,MAAAA;AAAAA,YACT;AAAA,YACA,WAAW,SAAS;AAAA,UAAA;AAAA,QACtB;AAAA,MAAA,IAEA;AAAA,MAEN,gBAAgBA,MAAAA;AAAAA,QACd;AAAA,QACA,WACI,oDACA;AAAA,MAAA;AAAA,MAEN,WAAWA,MAAAA;AAAAA,QACT;AAAA,QACA,WAAW,SAAY;AAAA,MAAA;AAAA,IACzB;AAAA,EAAA,GAEJ;AAEJ;AAEO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;AACD,SACEH,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,QAAO,+BAAO,KAAK,UAAS;AAAA,MAC5B,UAAU,CAAC,SACT;AAAA,QACE,KACG,MAAM,OAAO,EACb,IAAI,CAAC,SAAS,KAAK,KAAA,CAAM,EACzB,OAAO,OAAO;AAAA,MAAA;AAAA,MAGrB,WAAW;AAAA,MACX;AAAA,MACA;AAAA,IAAA;AAAA,EAAA;AAGN;AA6BO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,SACEA,2BAAAA;AAAAA,IAACK,OAAAA;AAAAA,IAAA;AAAA,MACC,SAAS,QAAQ,OAAO;AAAA,MACxB;AAAA,MACA,WAAU;AAAA,MACV,OACEN,2BAAAA,KAAC,QAAA,EAAK,WAAU,wEACb,UAAA;AAAA,QAAA,QACCC,2BAAAA;AAAAA,UAACE,KAAAA;AAAAA,UAAA;AAAA,YACC;AAAA,YACA,WAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAGdF,2BAAAA,IAAC,QAAA,EAAK,WAAU,oBAAoB,UAAA,MAAA,CAAM;AAAA,MAAA,EAAA,CAC5C;AAAA,IAAA;AAAA,EAAA;AAIR;AAGO,SAAS,WAAW;AAAA,EACzB,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA,cAAc;AAChB,GAKG;AACD,QAAM,CAAC,MAAM,OAAO,IAAII,MAAAA,SAAS,WAAW;AAC5C,SACEL,2BAAAA,KAAC,OAAA,EAAI,WAAU,kEACb,UAAA;AAAA,IAAAA,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,iBAAe;AAAA,QACf,SAAS,MAAM,QAAQ,CAAC,YAAY,CAAC,OAAO;AAAA,QAC5C,WAAU;AAAA,QAEV,UAAA;AAAA,UAAAC,2BAAAA;AAAAA,YAACE,KAAAA;AAAAA,YAAA;AAAA,cACC,MAAM,OAAOI,cAAAA,gBAAgBC,eAAAA;AAAAA,cAC7B,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,UAEZP,2BAAAA,IAAC,UAAM,UAAA,MAAA,CAAM;AAAA,UACZ,QACCD,2BAAAA,KAAC,QAAA,EAAK,WAAU,wCAAuC,UAAA;AAAA,YAAA;AAAA,YAAG;AAAA,UAAA,EAAA,CAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGlE,QAAQC,2BAAAA,IAAC,OAAA,EAAI,WAAU,gBAAgB,SAAA,CAAS;AAAA,EAAA,GACnD;AAEJ;AAsBA,SAAS,oBAAoB,OAAe,SAAkB;AAC5D,MAAI,MAAM,WAAW,GAAI,QAAO;AAChC,QAAM,SAAS,OAAO,KAAK;AAC3B,MAAI,CAAC,OAAO,SAAS,MAAM,EAAG,QAAO;AACrC,SAAO,UAAU,KAAK,IAAI,GAAG,KAAK,MAAM,MAAM,CAAC,IAAI;AACrD;;;;;;;;;;;"}

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

@@ -0,0 +1,79 @@
+import { ReactNode } from 'react';
+import { StaticIconComponent } from '../../Icon';
+export declare function SpecField({ label, hint, children, }: {
+    label: string;
+    hint?: string | undefined;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function SpecInput({ value, onChange, placeholder, ariaLabel, icon, mono, }: {
+    value?: string | undefined;
+    onChange: (value: string) => void;
+    placeholder?: string | undefined;
+    ariaLabel?: string | undefined;
+    icon?: StaticIconComponent | undefined;
+    mono?: boolean | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function SpecSelect({ value, onChange, ariaLabel, icon, children, }: {
+    value: string;
+    onChange: (value: string) => void;
+    ariaLabel?: string | undefined;
+    icon?: StaticIconComponent | undefined;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function SpecButton({ onClick, children, ariaLabel, }: {
+    onClick: () => void;
+    children: ReactNode;
+    ariaLabel?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function NumberField({ label, value, onChange, min, max, step, icon, integer, }: {
+    label: string;
+    value?: number | undefined;
+    onChange: (value: number | undefined) => void;
+    min?: number | undefined;
+    max?: number | undefined;
+    step?: number | undefined;
+    icon?: StaticIconComponent | undefined;
+    integer?: boolean | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function TextareaField({ label, value, onChange, minHeight, placeholder, icon, }: {
+    label: string;
+    value?: string | undefined;
+    onChange: (value: string) => void;
+    minHeight?: number | undefined;
+    placeholder?: string | undefined;
+    icon?: StaticIconComponent | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ExpandField({ label, value, onChange, placeholder, icon, }: {
+    label: string;
+    value?: string | undefined;
+    onChange: (value: string) => void;
+    placeholder?: string | undefined;
+    icon?: StaticIconComponent | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ListField({ label, value, onChange, placeholder, icon, }: {
+    label: string;
+    value?: string[] | undefined;
+    onChange: (value: string[]) => void;
+    placeholder?: string | undefined;
+    icon?: StaticIconComponent | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function KeyValueField({ label, value, onChange, placeholder, icon, }: {
+    label: string;
+    value?: Record<string, string> | undefined;
+    onChange: (value: Record<string, string>) => void;
+    placeholder?: string | undefined;
+    icon?: StaticIconComponent | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function CheckboxField({ label, checked, onChange, icon, }: {
+    label: string;
+    checked?: boolean | undefined;
+    onChange: (checked: boolean) => void;
+    icon?: StaticIconComponent | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function Disclosure({ label, hint, children, defaultOpen, }: {
+    label?: string | undefined;
+    hint?: string | undefined;
+    children: ReactNode;
+    defaultOpen?: boolean | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=fields.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fields.d.ts","sourceRoot":"","sources":["../../../../src/data/ai/SpecRuntimeEditor/fields.tsx"],"names":[],"mappings":"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"}