@flanksource/clicky-ui 0.3.27 → 0.3.28

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

@@ -2,30 +2,27 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const SecretKeySelector = require("../../../components/SecretKeySelector.cjs");
-const Icon = require("../../Icon.cjs");
+const AccordionList = require("../../../components/AccordionList.cjs");
 const envModel = require("./env-model.cjs");
 const fields = require("./fields.cjs");
 const update = require("./update.cjs");
-const IconButton = require("../../../components/IconButton.cjs");
 const UiFileText = require("../../../icons/components/UiFileText.cjs");
-const UiAdd = require("../../../icons/components/UiAdd.cjs");
 const UiBraces = require("../../../icons/components/UiBraces.cjs");
 const UiKey = require("../../../icons/components/UiKey.cjs");
-const UiTrash = require("../../../icons/components/UiTrash.cjs");
 function EnvironmentSection({
   value,
   onChange,
   secretSelector
 }) {
   var _a;
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-density-3", children: /* @__PURE__ */ jsxRuntime.jsx(
     EnvVarRows,
     {
       value: (_a = value.setup) == null ? void 0 : _a.envVars,
       onChange: (envVars) => onChange(update.withSetup(value, { envVars })),
       secretSelector
     }
-  );
+  ) });
 }
 function EnvironmentAdvanced({
   value,
@@ -48,90 +45,78 @@ function EnvVarRows({
   onChange,
   secretSelector
 }) {
-  const rows = value && value.length > 0 ? value : [{ name: "", value: "" }];
-  const updateRow = (index, patch) => {
-    onChange(
-      rows.map(
-        (row, rowIndex) => rowIndex === index ? { ...row, ...patch } : row
-      )
-    );
-  };
+  const rows = value ?? [];
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-density-2", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-density-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-medium text-muted-foreground", children: "Environment variables" }),
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        fields.SpecButton,
-        {
-          onClick: () => onChange([...rows, { name: "", value: "" }]),
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiAdd.UiAdd, className: "size-3.5" }),
-            "Add"
-          ]
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "overflow-hidden rounded-md border border-border", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-[minmax(6rem,1fr)_minmax(0,1fr)_auto] gap-density-2 border-b border-border bg-muted/40 px-density-2 py-density-1 text-[10px] font-semibold uppercase text-muted-foreground md:grid-cols-[minmax(8rem,12rem)_minmax(0,1fr)_auto]", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Name" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Value" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Actions" })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "divide-y divide-border", children: rows.map((row, index) => /* @__PURE__ */ jsxRuntime.jsxs(
-        "div",
-        {
-          className: "grid gap-density-2 px-density-1 py-density-1 md:grid-cols-[minmax(8rem,12rem)_minmax(0,1fr)_auto]",
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              fields.SpecInput,
-              {
-                value: row.name,
-                onChange: (name) => updateRow(index, { name }),
-                ariaLabel: "Environment variable name",
-                icon: UiBraces.UiBraces,
-                mono: true
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0", children: secretSelector ? /* @__PURE__ */ jsxRuntime.jsx(
-              SecretKeySelector.SecretKeySelector,
-              {
-                value: envModel.secretValueFromEnvVar(row),
-                onChange: (next) => onChange(
-                  rows.map(
-                    (current, rowIndex) => rowIndex === index ? envModel.envVarFromSecretValue(current.name ?? "", next) : current
-                  )
-                ),
-                loadResources: secretSelector.loadResources,
-                loadKeyPreview: secretSelector.loadKeyPreview,
-                ...secretSelector.allowLiteral !== void 0 ? { allowLiteral: secretSelector.allowLiteral } : {},
-                ...secretSelector.strict !== void 0 ? { strict: secretSelector.strict } : {},
-                className: "min-w-0 flex-wrap text-xs"
-              }
-            ) : /* @__PURE__ */ jsxRuntime.jsx(
-              fields.SpecInput,
-              {
-                value: typeof row.valueFrom === "string" ? row.valueFrom : row.value,
-                onChange: (next) => updateRow(index, { value: next, valueFrom: "" }),
-                placeholder: "secret://name/key",
-                ariaLabel: "Environment variable value",
-                icon: UiKey.UiKey,
-                mono: true
-              }
-            ) }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsxRuntime.jsx(
-              IconButton.IconButton,
-              {
-                icon: UiTrash.UiTrash,
-                label: "Remove",
-                onClick: () => onChange(rows.filter((_, rowIndex) => rowIndex !== index))
-              }
-            ) })
-          ]
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-medium text-muted-foreground", children: "Environment variables" }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      AccordionList.AccordionList,
+      {
+        items: rows,
+        onChange,
+        allowRemove: true,
+        onCreate: () => ({ name: "", value: "" }),
+        addLabel: "Add environment variable",
+        idPrefix: "environment-variable",
+        itemLabel: ({ item, index }) => {
+          var _a;
+          return ((_a = item.name) == null ? void 0 : _a.trim()) || `Environment variable ${index + 1}`;
         },
-        index
-      )) })
-    ] })
+        renderHeader: ({ item }) => {
+          var _a;
+          return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-density-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate font-mono text-xs font-medium", children: ((_a = item.name) == null ? void 0 : _a.trim()) || "New variable" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "max-w-48 truncate font-mono text-xs text-muted-foreground", children: environmentValueSummary(item) })
+          ] });
+        },
+        renderBody: ({ item: row, onChange: updateRow }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-density-2 md:grid-cols-[minmax(8rem,12rem)_minmax(0,1fr)]", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            fields.SpecInput,
+            {
+              value: row.name,
+              onChange: (name) => updateRow({ ...row, name }),
+              ariaLabel: "Environment variable name",
+              icon: UiBraces.UiBraces,
+              mono: true
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0", children: secretSelector ? /* @__PURE__ */ jsxRuntime.jsx(
+            SecretKeySelector.SecretKeySelector,
+            {
+              value: envModel.secretValueFromEnvVar(row),
+              onChange: (next) => updateRow(envModel.envVarFromSecretValue(row.name ?? "", next)),
+              loadResources: secretSelector.loadResources,
+              loadKeyPreview: secretSelector.loadKeyPreview,
+              ...secretSelector.allowLiteral !== void 0 ? { allowLiteral: secretSelector.allowLiteral } : {},
+              ...secretSelector.strict !== void 0 ? { strict: secretSelector.strict } : {},
+              className: "min-w-0 flex-wrap text-xs"
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx(
+            fields.SpecInput,
+            {
+              value: typeof row.valueFrom === "string" ? row.valueFrom : row.value,
+              onChange: (next) => updateRow({ ...row, value: next, valueFrom: "" }),
+              placeholder: "secret://name/key",
+              ariaLabel: "Environment variable value",
+              icon: UiKey.UiKey,
+              mono: true
+            }
+          ) })
+        ] })
+      }
+    )
   ] });
 }
+function environmentValueSummary(value) {
+  var _a, _b;
+  if (value.value !== void 0) return value.value || "Empty value";
+  if (typeof value.valueFrom === "string") {
+    return value.valueFrom.trim() || "No value";
+  }
+  const reference = ((_a = value.valueFrom) == null ? void 0 : _a.secretKeyRef) ?? ((_b = value.valueFrom) == null ? void 0 : _b.configMapKeyRef);
+  if (reference)
+    return [reference.name, reference.key].filter(Boolean).join("/");
+  return "No value";
+}
 exports.EnvironmentAdvanced = EnvironmentAdvanced;
 exports.EnvironmentSection = EnvironmentSection;
 //# sourceMappingURL=EnvironmentSection.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"EnvironmentSection.cjs","sources":["../../../../src/data/ai/SpecRuntimeEditor/EnvironmentSection.tsx"],"sourcesContent":["import { SecretKeySelector } from \"../../../components/SecretKeySelector\";\nimport { Icon } from \"../../Icon\";\nimport { UiAdd, UiBraces, UiFileText, UiKey, UiTrash } from \"../../../icons\";\nimport type {\n  AISpecRuntimeEnvVar,\n  AISpecRuntimeValue,\n} from \"../SpecRuntimeEditor.model\";\nimport { envVarFromSecretValue, secretValueFromEnvVar } from \"./env-model\";\nimport { ListField, SpecButton, SpecInput } from \"./fields\";\nimport { withSetup } from \"./update\";\nimport type { SpecRuntimeSecretSelectorConfig } from \"./types\";\nimport { IconButton } from \"../../../components\";\n\nexport function EnvironmentSection({\n  value,\n  onChange,\n  secretSelector,\n}: {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n  secretSelector?: SpecRuntimeSecretSelectorConfig | undefined;\n}) {\n  return (\n    <EnvVarRows\n      value={value.setup?.envVars}\n      onChange={(envVars) => onChange(withSetup(value, { envVars }))}\n      secretSelector={secretSelector}\n    />\n  );\n}\n\nexport function EnvironmentAdvanced({\n  value,\n  onChange,\n}: {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n}) {\n  return (\n    <ListField\n      label=\"Dotenv files\"\n      value={value.setup?.dotenv}\n      onChange={(dotenv) => onChange(withSetup(value, { dotenv }))}\n      placeholder=\".env\"\n      icon={UiFileText}\n    />\n  );\n}\n\nfunction EnvVarRows({\n  value,\n  onChange,\n  secretSelector,\n}: {\n  value?: AISpecRuntimeEnvVar[] | undefined;\n  onChange: (value: AISpecRuntimeEnvVar[]) => void;\n  secretSelector?: SpecRuntimeSecretSelectorConfig | undefined;\n}) {\n  const rows = value && value.length > 0 ? value : [{ name: \"\", value: \"\" }];\n  const updateRow = (index: number, patch: AISpecRuntimeEnvVar) => {\n    onChange(\n      rows.map((row, rowIndex) =>\n        rowIndex === index ? { ...row, ...patch } : row,\n      ),\n    );\n  };\n  return (\n    <div className=\"space-y-density-2\">\n      <div className=\"flex items-center justify-between gap-density-2\">\n        <div className=\"text-xs font-medium text-muted-foreground\">\n          Environment variables\n        </div>\n        <SpecButton\n          onClick={() => onChange([...rows, { name: \"\", value: \"\" }])}\n        >\n          <Icon icon={UiAdd} className=\"size-3.5\" />\n          Add\n        </SpecButton>\n      </div>\n      <div className=\"overflow-hidden rounded-md border border-border\">\n        <div className=\"grid grid-cols-[minmax(6rem,1fr)_minmax(0,1fr)_auto] gap-density-2 border-b border-border bg-muted/40 px-density-2 py-density-1 text-[10px] font-semibold uppercase text-muted-foreground md:grid-cols-[minmax(8rem,12rem)_minmax(0,1fr)_auto]\">\n          <span>Name</span>\n          <span>Value</span>\n          <span className=\"sr-only\">Actions</span>\n        </div>\n        <div className=\"divide-y divide-border\">\n          {rows.map((row, index) => (\n            <div\n              key={index}\n              className=\"grid gap-density-2 px-density-1 py-density-1 md:grid-cols-[minmax(8rem,12rem)_minmax(0,1fr)_auto]\"\n            >\n              <SpecInput\n                value={row.name}\n                onChange={(name) => updateRow(index, { name })}\n                ariaLabel=\"Environment variable name\"\n                icon={UiBraces}\n                mono\n              />\n              <div className=\"min-w-0\">\n                {secretSelector ? (\n                  <SecretKeySelector\n                    value={secretValueFromEnvVar(row)}\n                    onChange={(next) =>\n                      onChange(\n                        rows.map((current, rowIndex) =>\n                          rowIndex === index\n                            ? envVarFromSecretValue(current.name ?? \"\", next)\n                            : current,\n                        ),\n                      )\n                    }\n                    loadResources={secretSelector.loadResources}\n                    loadKeyPreview={secretSelector.loadKeyPreview}\n                    {...(secretSelector.allowLiteral !== undefined\n                      ? { allowLiteral: secretSelector.allowLiteral }\n                      : {})}\n                    {...(secretSelector.strict !== undefined\n                      ? { strict: secretSelector.strict }\n                      : {})}\n                    className=\"min-w-0 flex-wrap text-xs\"\n                  />\n                ) : (\n                  <SpecInput\n                    value={\n                      typeof row.valueFrom === \"string\"\n                        ? row.valueFrom\n                        : row.value\n                    }\n                    onChange={(next) =>\n                      updateRow(index, { value: next, valueFrom: \"\" })\n                    }\n                    placeholder=\"secret://name/key\"\n                    ariaLabel=\"Environment variable value\"\n                    icon={UiKey}\n                    mono\n                  />\n                )}\n              </div>\n              <div className=\"flex items-center\">\n                <IconButton\n                  icon={UiTrash}\n                  label=\"Remove\"\n                  onClick={() =>\n                    onChange(rows.filter((_, rowIndex) => rowIndex !== index))\n                  }\n                />\n              </div>\n            </div>\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":["jsx","withSetup","ListField","UiFileText","jsxs","SpecButton","Icon","UiAdd","SpecInput","UiBraces","SecretKeySelector","secretValueFromEnvVar","envVarFromSecretValue","UiKey","IconButton","UiTrash"],"mappings":"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"}
+{"version":3,"file":"EnvironmentSection.cjs","sources":["../../../../src/data/ai/SpecRuntimeEditor/EnvironmentSection.tsx"],"sourcesContent":["import { SecretKeySelector } from \"../../../components/SecretKeySelector\";\nimport { AccordionList } from \"../../../components/AccordionList\";\nimport { UiBraces, UiFileText, UiKey } from \"../../../icons\";\nimport type {\n  AISpecRuntimeEnvVar,\n  AISpecRuntimeValue,\n} from \"../SpecRuntimeEditor.model\";\nimport { envVarFromSecretValue, secretValueFromEnvVar } from \"./env-model\";\nimport { ListField, SpecInput } from \"./fields\";\nimport { withSetup } from \"./update\";\nimport type { SpecRuntimeSecretSelectorConfig } from \"./types\";\n\nexport function EnvironmentSection({\n  value,\n  onChange,\n  secretSelector,\n}: {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n  secretSelector?: SpecRuntimeSecretSelectorConfig | undefined;\n}) {\n  return (\n    <div className=\"grid gap-density-3\">\n      <EnvVarRows\n        value={value.setup?.envVars}\n        onChange={(envVars) => onChange(withSetup(value, { envVars }))}\n        secretSelector={secretSelector}\n      />\n    </div>\n  );\n}\n\nexport function EnvironmentAdvanced({\n  value,\n  onChange,\n}: {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n}) {\n  return (\n    <ListField\n      label=\"Dotenv files\"\n      value={value.setup?.dotenv}\n      onChange={(dotenv) => onChange(withSetup(value, { dotenv }))}\n      placeholder=\".env\"\n      icon={UiFileText}\n    />\n  );\n}\n\nfunction EnvVarRows({\n  value,\n  onChange,\n  secretSelector,\n}: {\n  value?: AISpecRuntimeEnvVar[] | undefined;\n  onChange: (value: AISpecRuntimeEnvVar[]) => void;\n  secretSelector?: SpecRuntimeSecretSelectorConfig | undefined;\n}) {\n  const rows = value ?? [];\n  return (\n    <div className=\"space-y-density-2\">\n      <div className=\"text-xs font-medium text-muted-foreground\">\n        Environment variables\n      </div>\n      <AccordionList\n        items={rows}\n        onChange={onChange}\n        allowRemove\n        onCreate={() => ({ name: \"\", value: \"\" })}\n        addLabel=\"Add environment variable\"\n        idPrefix=\"environment-variable\"\n        itemLabel={({ item, index }) =>\n          item.name?.trim() || `Environment variable ${index + 1}`\n        }\n        renderHeader={({ item }) => (\n          <div className=\"flex min-w-0 flex-1 items-center gap-density-2\">\n            <span className=\"min-w-0 flex-1 truncate font-mono text-xs font-medium\">\n              {item.name?.trim() || \"New variable\"}\n            </span>\n            <span className=\"max-w-48 truncate font-mono text-xs text-muted-foreground\">\n              {environmentValueSummary(item)}\n            </span>\n          </div>\n        )}\n        renderBody={({ item: row, onChange: updateRow }) => (\n          <div className=\"grid gap-density-2 md:grid-cols-[minmax(8rem,12rem)_minmax(0,1fr)]\">\n            <SpecInput\n              value={row.name}\n              onChange={(name) => updateRow({ ...row, name })}\n              ariaLabel=\"Environment variable name\"\n              icon={UiBraces}\n              mono\n            />\n            <div className=\"min-w-0\">\n              {secretSelector ? (\n                <SecretKeySelector\n                  value={secretValueFromEnvVar(row)}\n                  onChange={(next) =>\n                    updateRow(envVarFromSecretValue(row.name ?? \"\", next))\n                  }\n                  loadResources={secretSelector.loadResources}\n                  loadKeyPreview={secretSelector.loadKeyPreview}\n                  {...(secretSelector.allowLiteral !== undefined\n                    ? { allowLiteral: secretSelector.allowLiteral }\n                    : {})}\n                  {...(secretSelector.strict !== undefined\n                    ? { strict: secretSelector.strict }\n                    : {})}\n                  className=\"min-w-0 flex-wrap text-xs\"\n                />\n              ) : (\n                <SpecInput\n                  value={\n                    typeof row.valueFrom === \"string\"\n                      ? row.valueFrom\n                      : row.value\n                  }\n                  onChange={(next) =>\n                    updateRow({ ...row, value: next, valueFrom: \"\" })\n                  }\n                  placeholder=\"secret://name/key\"\n                  ariaLabel=\"Environment variable value\"\n                  icon={UiKey}\n                  mono\n                />\n              )}\n            </div>\n          </div>\n        )}\n      />\n    </div>\n  );\n}\n\nfunction environmentValueSummary(value: AISpecRuntimeEnvVar): string {\n  if (value.value !== undefined) return value.value || \"Empty value\";\n  if (typeof value.valueFrom === \"string\") {\n    return value.valueFrom.trim() || \"No value\";\n  }\n  const reference =\n    value.valueFrom?.secretKeyRef ?? value.valueFrom?.configMapKeyRef;\n  if (reference)\n    return [reference.name, reference.key].filter(Boolean).join(\"/\");\n  return \"No value\";\n}\n"],"names":["jsx","withSetup","ListField","UiFileText","jsxs","AccordionList","SpecInput","UiBraces","SecretKeySelector","secretValueFromEnvVar","envVarFromSecretValue","UiKey"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"EnvironmentSection.d.ts","sourceRoot":"","sources":["../../../../src/data/ai/SpecRuntimeEditor/EnvironmentSection.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAEV,kBAAkB,EACnB,MAAM,4BAA4B,CAAC;AAIpC,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,SAAS,CAAC;AAG/D,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,QAAQ,EACR,cAAc,GACf,EAAE;IACD,KAAK,EAAE,kBAAkB,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC9C,cAAc,CAAC,EAAE,+BAA+B,GAAG,SAAS,CAAC;CAC9D,2CAQA;AAED,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,kBAAkB,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;CAC/C,2CAUA"}
+{"version":3,"file":"EnvironmentSection.d.ts","sourceRoot":"","sources":["../../../../src/data/ai/SpecRuntimeEditor/EnvironmentSection.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAEV,kBAAkB,EACnB,MAAM,4BAA4B,CAAC;AAIpC,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,SAAS,CAAC;AAE/D,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,QAAQ,EACR,cAAc,GACf,EAAE;IACD,KAAK,EAAE,kBAAkB,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC9C,cAAc,CAAC,EAAE,+BAA+B,GAAG,SAAS,CAAC;CAC9D,2CAUA;AAED,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,kBAAkB,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;CAC/C,2CAUA"}

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

@@ -1,29 +1,26 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { SecretKeySelector } from "../../../components/SecretKeySelector.js";
-import { Icon } from "../../Icon.js";
+import { AccordionList } from "../../../components/AccordionList.js";
 import { envVarFromSecretValue, secretValueFromEnvVar } from "./env-model.js";
-import { ListField, SpecButton, SpecInput } from "./fields.js";
+import { ListField, SpecInput } from "./fields.js";
 import { withSetup } from "./update.js";
-import { IconButton } from "../../../components/IconButton.js";
 import { UiFileText } from "../../../icons/components/UiFileText.js";
-import { UiAdd } from "../../../icons/components/UiAdd.js";
 import { UiBraces } from "../../../icons/components/UiBraces.js";
 import { UiKey } from "../../../icons/components/UiKey.js";
-import { UiTrash } from "../../../icons/components/UiTrash.js";
 function EnvironmentSection({
   value,
   onChange,
   secretSelector
 }) {
   var _a;
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("div", { className: "grid gap-density-3", children: /* @__PURE__ */ jsx(
     EnvVarRows,
     {
       value: (_a = value.setup) == null ? void 0 : _a.envVars,
       onChange: (envVars) => onChange(withSetup(value, { envVars })),
       secretSelector
     }
-  );
+  ) });
 }
 function EnvironmentAdvanced({
   value,
@@ -46,90 +43,78 @@ function EnvVarRows({
   onChange,
   secretSelector
 }) {
-  const rows = value && value.length > 0 ? value : [{ name: "", value: "" }];
-  const updateRow = (index, patch) => {
-    onChange(
-      rows.map(
-        (row, rowIndex) => rowIndex === index ? { ...row, ...patch } : row
-      )
-    );
-  };
+  const rows = value ?? [];
   return /* @__PURE__ */ jsxs("div", { className: "space-y-density-2", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-density-2", children: [
-      /* @__PURE__ */ jsx("div", { className: "text-xs font-medium text-muted-foreground", children: "Environment variables" }),
-      /* @__PURE__ */ jsxs(
-        SpecButton,
-        {
-          onClick: () => onChange([...rows, { name: "", value: "" }]),
-          children: [
-            /* @__PURE__ */ jsx(Icon, { icon: UiAdd, className: "size-3.5" }),
-            "Add"
-          ]
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "overflow-hidden rounded-md border border-border", children: [
-      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[minmax(6rem,1fr)_minmax(0,1fr)_auto] gap-density-2 border-b border-border bg-muted/40 px-density-2 py-density-1 text-[10px] font-semibold uppercase text-muted-foreground md:grid-cols-[minmax(8rem,12rem)_minmax(0,1fr)_auto]", children: [
-        /* @__PURE__ */ jsx("span", { children: "Name" }),
-        /* @__PURE__ */ jsx("span", { children: "Value" }),
-        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Actions" })
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "divide-y divide-border", children: rows.map((row, index) => /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: "grid gap-density-2 px-density-1 py-density-1 md:grid-cols-[minmax(8rem,12rem)_minmax(0,1fr)_auto]",
-          children: [
-            /* @__PURE__ */ jsx(
-              SpecInput,
-              {
-                value: row.name,
-                onChange: (name) => updateRow(index, { name }),
-                ariaLabel: "Environment variable name",
-                icon: UiBraces,
-                mono: true
-              }
-            ),
-            /* @__PURE__ */ jsx("div", { className: "min-w-0", children: secretSelector ? /* @__PURE__ */ jsx(
-              SecretKeySelector,
-              {
-                value: secretValueFromEnvVar(row),
-                onChange: (next) => onChange(
-                  rows.map(
-                    (current, rowIndex) => rowIndex === index ? envVarFromSecretValue(current.name ?? "", next) : current
-                  )
-                ),
-                loadResources: secretSelector.loadResources,
-                loadKeyPreview: secretSelector.loadKeyPreview,
-                ...secretSelector.allowLiteral !== void 0 ? { allowLiteral: secretSelector.allowLiteral } : {},
-                ...secretSelector.strict !== void 0 ? { strict: secretSelector.strict } : {},
-                className: "min-w-0 flex-wrap text-xs"
-              }
-            ) : /* @__PURE__ */ jsx(
-              SpecInput,
-              {
-                value: typeof row.valueFrom === "string" ? row.valueFrom : row.value,
-                onChange: (next) => updateRow(index, { value: next, valueFrom: "" }),
-                placeholder: "secret://name/key",
-                ariaLabel: "Environment variable value",
-                icon: UiKey,
-                mono: true
-              }
-            ) }),
-            /* @__PURE__ */ jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsx(
-              IconButton,
-              {
-                icon: UiTrash,
-                label: "Remove",
-                onClick: () => onChange(rows.filter((_, rowIndex) => rowIndex !== index))
-              }
-            ) })
-          ]
+    /* @__PURE__ */ jsx("div", { className: "text-xs font-medium text-muted-foreground", children: "Environment variables" }),
+    /* @__PURE__ */ jsx(
+      AccordionList,
+      {
+        items: rows,
+        onChange,
+        allowRemove: true,
+        onCreate: () => ({ name: "", value: "" }),
+        addLabel: "Add environment variable",
+        idPrefix: "environment-variable",
+        itemLabel: ({ item, index }) => {
+          var _a;
+          return ((_a = item.name) == null ? void 0 : _a.trim()) || `Environment variable ${index + 1}`;
         },
-        index
-      )) })
-    ] })
+        renderHeader: ({ item }) => {
+          var _a;
+          return /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-density-2", children: [
+            /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate font-mono text-xs font-medium", children: ((_a = item.name) == null ? void 0 : _a.trim()) || "New variable" }),
+            /* @__PURE__ */ jsx("span", { className: "max-w-48 truncate font-mono text-xs text-muted-foreground", children: environmentValueSummary(item) })
+          ] });
+        },
+        renderBody: ({ item: row, onChange: updateRow }) => /* @__PURE__ */ jsxs("div", { className: "grid gap-density-2 md:grid-cols-[minmax(8rem,12rem)_minmax(0,1fr)]", children: [
+          /* @__PURE__ */ jsx(
+            SpecInput,
+            {
+              value: row.name,
+              onChange: (name) => updateRow({ ...row, name }),
+              ariaLabel: "Environment variable name",
+              icon: UiBraces,
+              mono: true
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "min-w-0", children: secretSelector ? /* @__PURE__ */ jsx(
+            SecretKeySelector,
+            {
+              value: secretValueFromEnvVar(row),
+              onChange: (next) => updateRow(envVarFromSecretValue(row.name ?? "", next)),
+              loadResources: secretSelector.loadResources,
+              loadKeyPreview: secretSelector.loadKeyPreview,
+              ...secretSelector.allowLiteral !== void 0 ? { allowLiteral: secretSelector.allowLiteral } : {},
+              ...secretSelector.strict !== void 0 ? { strict: secretSelector.strict } : {},
+              className: "min-w-0 flex-wrap text-xs"
+            }
+          ) : /* @__PURE__ */ jsx(
+            SpecInput,
+            {
+              value: typeof row.valueFrom === "string" ? row.valueFrom : row.value,
+              onChange: (next) => updateRow({ ...row, value: next, valueFrom: "" }),
+              placeholder: "secret://name/key",
+              ariaLabel: "Environment variable value",
+              icon: UiKey,
+              mono: true
+            }
+          ) })
+        ] })
+      }
+    )
   ] });
 }
+function environmentValueSummary(value) {
+  var _a, _b;
+  if (value.value !== void 0) return value.value || "Empty value";
+  if (typeof value.valueFrom === "string") {
+    return value.valueFrom.trim() || "No value";
+  }
+  const reference = ((_a = value.valueFrom) == null ? void 0 : _a.secretKeyRef) ?? ((_b = value.valueFrom) == null ? void 0 : _b.configMapKeyRef);
+  if (reference)
+    return [reference.name, reference.key].filter(Boolean).join("/");
+  return "No value";
+}
 export {
   EnvironmentAdvanced,
   EnvironmentSection

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

@@ -1 +1 @@
-{"version":3,"file":"EnvironmentSection.js","sources":["../../../../src/data/ai/SpecRuntimeEditor/EnvironmentSection.tsx"],"sourcesContent":["import { SecretKeySelector } from \"../../../components/SecretKeySelector\";\nimport { Icon } from \"../../Icon\";\nimport { UiAdd, UiBraces, UiFileText, UiKey, UiTrash } from \"../../../icons\";\nimport type {\n  AISpecRuntimeEnvVar,\n  AISpecRuntimeValue,\n} from \"../SpecRuntimeEditor.model\";\nimport { envVarFromSecretValue, secretValueFromEnvVar } from \"./env-model\";\nimport { ListField, SpecButton, SpecInput } from \"./fields\";\nimport { withSetup } from \"./update\";\nimport type { SpecRuntimeSecretSelectorConfig } from \"./types\";\nimport { IconButton } from \"../../../components\";\n\nexport function EnvironmentSection({\n  value,\n  onChange,\n  secretSelector,\n}: {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n  secretSelector?: SpecRuntimeSecretSelectorConfig | undefined;\n}) {\n  return (\n    <EnvVarRows\n      value={value.setup?.envVars}\n      onChange={(envVars) => onChange(withSetup(value, { envVars }))}\n      secretSelector={secretSelector}\n    />\n  );\n}\n\nexport function EnvironmentAdvanced({\n  value,\n  onChange,\n}: {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n}) {\n  return (\n    <ListField\n      label=\"Dotenv files\"\n      value={value.setup?.dotenv}\n      onChange={(dotenv) => onChange(withSetup(value, { dotenv }))}\n      placeholder=\".env\"\n      icon={UiFileText}\n    />\n  );\n}\n\nfunction EnvVarRows({\n  value,\n  onChange,\n  secretSelector,\n}: {\n  value?: AISpecRuntimeEnvVar[] | undefined;\n  onChange: (value: AISpecRuntimeEnvVar[]) => void;\n  secretSelector?: SpecRuntimeSecretSelectorConfig | undefined;\n}) {\n  const rows = value && value.length > 0 ? value : [{ name: \"\", value: \"\" }];\n  const updateRow = (index: number, patch: AISpecRuntimeEnvVar) => {\n    onChange(\n      rows.map((row, rowIndex) =>\n        rowIndex === index ? { ...row, ...patch } : row,\n      ),\n    );\n  };\n  return (\n    <div className=\"space-y-density-2\">\n      <div className=\"flex items-center justify-between gap-density-2\">\n        <div className=\"text-xs font-medium text-muted-foreground\">\n          Environment variables\n        </div>\n        <SpecButton\n          onClick={() => onChange([...rows, { name: \"\", value: \"\" }])}\n        >\n          <Icon icon={UiAdd} className=\"size-3.5\" />\n          Add\n        </SpecButton>\n      </div>\n      <div className=\"overflow-hidden rounded-md border border-border\">\n        <div className=\"grid grid-cols-[minmax(6rem,1fr)_minmax(0,1fr)_auto] gap-density-2 border-b border-border bg-muted/40 px-density-2 py-density-1 text-[10px] font-semibold uppercase text-muted-foreground md:grid-cols-[minmax(8rem,12rem)_minmax(0,1fr)_auto]\">\n          <span>Name</span>\n          <span>Value</span>\n          <span className=\"sr-only\">Actions</span>\n        </div>\n        <div className=\"divide-y divide-border\">\n          {rows.map((row, index) => (\n            <div\n              key={index}\n              className=\"grid gap-density-2 px-density-1 py-density-1 md:grid-cols-[minmax(8rem,12rem)_minmax(0,1fr)_auto]\"\n            >\n              <SpecInput\n                value={row.name}\n                onChange={(name) => updateRow(index, { name })}\n                ariaLabel=\"Environment variable name\"\n                icon={UiBraces}\n                mono\n              />\n              <div className=\"min-w-0\">\n                {secretSelector ? (\n                  <SecretKeySelector\n                    value={secretValueFromEnvVar(row)}\n                    onChange={(next) =>\n                      onChange(\n                        rows.map((current, rowIndex) =>\n                          rowIndex === index\n                            ? envVarFromSecretValue(current.name ?? \"\", next)\n                            : current,\n                        ),\n                      )\n                    }\n                    loadResources={secretSelector.loadResources}\n                    loadKeyPreview={secretSelector.loadKeyPreview}\n                    {...(secretSelector.allowLiteral !== undefined\n                      ? { allowLiteral: secretSelector.allowLiteral }\n                      : {})}\n                    {...(secretSelector.strict !== undefined\n                      ? { strict: secretSelector.strict }\n                      : {})}\n                    className=\"min-w-0 flex-wrap text-xs\"\n                  />\n                ) : (\n                  <SpecInput\n                    value={\n                      typeof row.valueFrom === \"string\"\n                        ? row.valueFrom\n                        : row.value\n                    }\n                    onChange={(next) =>\n                      updateRow(index, { value: next, valueFrom: \"\" })\n                    }\n                    placeholder=\"secret://name/key\"\n                    ariaLabel=\"Environment variable value\"\n                    icon={UiKey}\n                    mono\n                  />\n                )}\n              </div>\n              <div className=\"flex items-center\">\n                <IconButton\n                  icon={UiTrash}\n                  label=\"Remove\"\n                  onClick={() =>\n                    onChange(rows.filter((_, rowIndex) => rowIndex !== index))\n                  }\n                />\n              </div>\n            </div>\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"EnvironmentSection.js","sources":["../../../../src/data/ai/SpecRuntimeEditor/EnvironmentSection.tsx"],"sourcesContent":["import { SecretKeySelector } from \"../../../components/SecretKeySelector\";\nimport { AccordionList } from \"../../../components/AccordionList\";\nimport { UiBraces, UiFileText, UiKey } from \"../../../icons\";\nimport type {\n  AISpecRuntimeEnvVar,\n  AISpecRuntimeValue,\n} from \"../SpecRuntimeEditor.model\";\nimport { envVarFromSecretValue, secretValueFromEnvVar } from \"./env-model\";\nimport { ListField, SpecInput } from \"./fields\";\nimport { withSetup } from \"./update\";\nimport type { SpecRuntimeSecretSelectorConfig } from \"./types\";\n\nexport function EnvironmentSection({\n  value,\n  onChange,\n  secretSelector,\n}: {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n  secretSelector?: SpecRuntimeSecretSelectorConfig | undefined;\n}) {\n  return (\n    <div className=\"grid gap-density-3\">\n      <EnvVarRows\n        value={value.setup?.envVars}\n        onChange={(envVars) => onChange(withSetup(value, { envVars }))}\n        secretSelector={secretSelector}\n      />\n    </div>\n  );\n}\n\nexport function EnvironmentAdvanced({\n  value,\n  onChange,\n}: {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n}) {\n  return (\n    <ListField\n      label=\"Dotenv files\"\n      value={value.setup?.dotenv}\n      onChange={(dotenv) => onChange(withSetup(value, { dotenv }))}\n      placeholder=\".env\"\n      icon={UiFileText}\n    />\n  );\n}\n\nfunction EnvVarRows({\n  value,\n  onChange,\n  secretSelector,\n}: {\n  value?: AISpecRuntimeEnvVar[] | undefined;\n  onChange: (value: AISpecRuntimeEnvVar[]) => void;\n  secretSelector?: SpecRuntimeSecretSelectorConfig | undefined;\n}) {\n  const rows = value ?? [];\n  return (\n    <div className=\"space-y-density-2\">\n      <div className=\"text-xs font-medium text-muted-foreground\">\n        Environment variables\n      </div>\n      <AccordionList\n        items={rows}\n        onChange={onChange}\n        allowRemove\n        onCreate={() => ({ name: \"\", value: \"\" })}\n        addLabel=\"Add environment variable\"\n        idPrefix=\"environment-variable\"\n        itemLabel={({ item, index }) =>\n          item.name?.trim() || `Environment variable ${index + 1}`\n        }\n        renderHeader={({ item }) => (\n          <div className=\"flex min-w-0 flex-1 items-center gap-density-2\">\n            <span className=\"min-w-0 flex-1 truncate font-mono text-xs font-medium\">\n              {item.name?.trim() || \"New variable\"}\n            </span>\n            <span className=\"max-w-48 truncate font-mono text-xs text-muted-foreground\">\n              {environmentValueSummary(item)}\n            </span>\n          </div>\n        )}\n        renderBody={({ item: row, onChange: updateRow }) => (\n          <div className=\"grid gap-density-2 md:grid-cols-[minmax(8rem,12rem)_minmax(0,1fr)]\">\n            <SpecInput\n              value={row.name}\n              onChange={(name) => updateRow({ ...row, name })}\n              ariaLabel=\"Environment variable name\"\n              icon={UiBraces}\n              mono\n            />\n            <div className=\"min-w-0\">\n              {secretSelector ? (\n                <SecretKeySelector\n                  value={secretValueFromEnvVar(row)}\n                  onChange={(next) =>\n                    updateRow(envVarFromSecretValue(row.name ?? \"\", next))\n                  }\n                  loadResources={secretSelector.loadResources}\n                  loadKeyPreview={secretSelector.loadKeyPreview}\n                  {...(secretSelector.allowLiteral !== undefined\n                    ? { allowLiteral: secretSelector.allowLiteral }\n                    : {})}\n                  {...(secretSelector.strict !== undefined\n                    ? { strict: secretSelector.strict }\n                    : {})}\n                  className=\"min-w-0 flex-wrap text-xs\"\n                />\n              ) : (\n                <SpecInput\n                  value={\n                    typeof row.valueFrom === \"string\"\n                      ? row.valueFrom\n                      : row.value\n                  }\n                  onChange={(next) =>\n                    updateRow({ ...row, value: next, valueFrom: \"\" })\n                  }\n                  placeholder=\"secret://name/key\"\n                  ariaLabel=\"Environment variable value\"\n                  icon={UiKey}\n                  mono\n                />\n              )}\n            </div>\n          </div>\n        )}\n      />\n    </div>\n  );\n}\n\nfunction environmentValueSummary(value: AISpecRuntimeEnvVar): string {\n  if (value.value !== undefined) return value.value || \"Empty value\";\n  if (typeof value.valueFrom === \"string\") {\n    return value.valueFrom.trim() || \"No value\";\n  }\n  const reference =\n    value.valueFrom?.secretKeyRef ?? value.valueFrom?.configMapKeyRef;\n  if (reference)\n    return [reference.name, reference.key].filter(Boolean).join(\"/\");\n  return \"No value\";\n}\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,99 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const runtimeFieldSupport = require("../../runtime/runtime-field-support.cjs");
+const fields = require("./fields.cjs");
+const PermissionPolicyList = require("./PermissionPolicyList.cjs");
+const update = require("./update.cjs");
+const SKILL_DOMAINS = ["skills"];
+function ModelContextAdvanced({
+  value,
+  onChange,
+  entries,
+  onApplyEntries,
+  onAddEntry,
+  showSkills = true,
+  supports = runtimeFieldSupport.SUPPORT_ALL_RUNTIME_FIELDS
+}) {
+  var _a, _b, _c, _d, _e, _f;
+  const memorySupport = {
+    skipProject: supports("memory.skipProject"),
+    skipUser: supports("memory.skipUser"),
+    skipHooks: supports("memory.skipHooks"),
+    skipMemory: supports("memory.skipMemory"),
+    skipSkills: supports("memory.skipSkills"),
+    bare: supports("memory.bare")
+  };
+  const hasMemory = Object.values(memorySupport).some(Boolean);
+  const hasSkills = showSkills && supports("permissions.skills");
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-density-3", children: [
+    hasMemory && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-density-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-semibold text-muted-foreground", children: "Memory" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-density-2 sm:grid-cols-2 md:grid-cols-3", children: [
+        memorySupport.skipProject && /* @__PURE__ */ jsxRuntime.jsx(
+          fields.CheckboxField,
+          {
+            label: "Skip project",
+            checked: (_a = value.memory) == null ? void 0 : _a.skipProject,
+            onChange: (skipProject) => onChange(update.withMemory(value, { skipProject }))
+          }
+        ),
+        memorySupport.skipUser && /* @__PURE__ */ jsxRuntime.jsx(
+          fields.CheckboxField,
+          {
+            label: "Skip user",
+            checked: (_b = value.memory) == null ? void 0 : _b.skipUser,
+            onChange: (skipUser) => onChange(update.withMemory(value, { skipUser }))
+          }
+        ),
+        memorySupport.skipHooks && /* @__PURE__ */ jsxRuntime.jsx(
+          fields.CheckboxField,
+          {
+            label: "Skip hooks",
+            checked: (_c = value.memory) == null ? void 0 : _c.skipHooks,
+            onChange: (skipHooks) => onChange(update.withMemory(value, { skipHooks }))
+          }
+        ),
+        memorySupport.skipMemory && /* @__PURE__ */ jsxRuntime.jsx(
+          fields.CheckboxField,
+          {
+            label: "Skip memory",
+            checked: (_d = value.memory) == null ? void 0 : _d.skipMemory,
+            onChange: (skipMemory) => onChange(update.withMemory(value, { skipMemory }))
+          }
+        ),
+        memorySupport.skipSkills && /* @__PURE__ */ jsxRuntime.jsx(
+          fields.CheckboxField,
+          {
+            label: "Skip skills",
+            checked: (_e = value.memory) == null ? void 0 : _e.skipSkills,
+            onChange: (skipSkills) => onChange(update.withMemory(value, { skipSkills }))
+          }
+        ),
+        memorySupport.bare && /* @__PURE__ */ jsxRuntime.jsx(
+          fields.CheckboxField,
+          {
+            label: "Bare",
+            checked: (_f = value.memory) == null ? void 0 : _f.bare,
+            onChange: (bare) => onChange(update.withMemory(value, { bare }))
+          }
+        )
+      ] })
+    ] }),
+    hasSkills && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-density-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-semibold text-muted-foreground", children: "Skills" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        PermissionPolicyList.PermissionPolicyList,
+        {
+          entries,
+          supportedDomains: SKILL_DOMAINS,
+          emptyLabel: "No model skills configured",
+          onApply: onApplyEntries,
+          onAdd: onAddEntry
+        }
+      )
+    ] })
+  ] });
+}
+exports.ModelContextAdvanced = ModelContextAdvanced;
+//# sourceMappingURL=ModelContextAdvanced.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModelContextAdvanced.cjs","sources":["../../../../src/data/ai/SpecRuntimeEditor/ModelContextAdvanced.tsx"],"sourcesContent":["import type { AISpecRuntimeValue } from \"../SpecRuntimeEditor.model\";\nimport {\n  SUPPORT_ALL_RUNTIME_FIELDS,\n  type RuntimeFieldSupport,\n} from \"../../runtime/runtime-field-support\";\nimport { CheckboxField } from \"./fields\";\nimport { PermissionPolicyList } from \"./PermissionPolicyList\";\nimport type {\n  PermissionDomain,\n  PermissionListEntry,\n  PermissionListMode,\n} from \"./permissions-model\";\nimport { withMemory } from \"./update\";\n\nconst SKILL_DOMAINS: readonly PermissionDomain[] = [\"skills\"];\n\nexport function ModelContextAdvanced({\n  value,\n  onChange,\n  entries,\n  onApplyEntries,\n  onAddEntry,\n  showSkills = true,\n  supports = SUPPORT_ALL_RUNTIME_FIELDS,\n}: {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n  entries: PermissionListEntry[];\n  onApplyEntries: (\n    entries: PermissionListEntry[],\n    mode: PermissionListMode,\n  ) => void;\n  onAddEntry: (domain: PermissionDomain, id: string) => void;\n  showSkills?: boolean | undefined;\n  supports?: RuntimeFieldSupport | undefined;\n}) {\n  const memorySupport = {\n    skipProject: supports(\"memory.skipProject\"),\n    skipUser: supports(\"memory.skipUser\"),\n    skipHooks: supports(\"memory.skipHooks\"),\n    skipMemory: supports(\"memory.skipMemory\"),\n    skipSkills: supports(\"memory.skipSkills\"),\n    bare: supports(\"memory.bare\"),\n  };\n  const hasMemory = Object.values(memorySupport).some(Boolean);\n  const hasSkills = showSkills && supports(\"permissions.skills\");\n\n  return (\n    <div className=\"grid gap-density-3\">\n      {hasMemory && (\n        <div className=\"grid gap-density-2\">\n          <div className=\"text-xs font-semibold text-muted-foreground\">\n            Memory\n          </div>\n          <div className=\"grid gap-density-2 sm:grid-cols-2 md:grid-cols-3\">\n            {memorySupport.skipProject && (\n              <CheckboxField\n                label=\"Skip project\"\n                checked={value.memory?.skipProject}\n                onChange={(skipProject) =>\n                  onChange(withMemory(value, { skipProject }))\n                }\n              />\n            )}\n            {memorySupport.skipUser && (\n              <CheckboxField\n                label=\"Skip user\"\n                checked={value.memory?.skipUser}\n                onChange={(skipUser) =>\n                  onChange(withMemory(value, { skipUser }))\n                }\n              />\n            )}\n            {memorySupport.skipHooks && (\n              <CheckboxField\n                label=\"Skip hooks\"\n                checked={value.memory?.skipHooks}\n                onChange={(skipHooks) =>\n                  onChange(withMemory(value, { skipHooks }))\n                }\n              />\n            )}\n            {memorySupport.skipMemory && (\n              <CheckboxField\n                label=\"Skip memory\"\n                checked={value.memory?.skipMemory}\n                onChange={(skipMemory) =>\n                  onChange(withMemory(value, { skipMemory }))\n                }\n              />\n            )}\n            {memorySupport.skipSkills && (\n              <CheckboxField\n                label=\"Skip skills\"\n                checked={value.memory?.skipSkills}\n                onChange={(skipSkills) =>\n                  onChange(withMemory(value, { skipSkills }))\n                }\n              />\n            )}\n            {memorySupport.bare && (\n              <CheckboxField\n                label=\"Bare\"\n                checked={value.memory?.bare}\n                onChange={(bare) => onChange(withMemory(value, { bare }))}\n              />\n            )}\n          </div>\n        </div>\n      )}\n      {hasSkills && (\n        <div className=\"grid gap-density-2\">\n          <div className=\"text-xs font-semibold text-muted-foreground\">\n            Skills\n          </div>\n          <PermissionPolicyList\n            entries={entries}\n            supportedDomains={SKILL_DOMAINS}\n            emptyLabel=\"No model skills configured\"\n            onApply={onApplyEntries}\n            onAdd={onAddEntry}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["SUPPORT_ALL_RUNTIME_FIELDS","jsxs","jsx","CheckboxField","withMemory","PermissionPolicyList"],"mappings":"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"}

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

@@ -0,0 +1,13 @@
+import { AISpecRuntimeValue } from '../SpecRuntimeEditor.model';
+import { RuntimeFieldSupport } from '../../runtime/runtime-field-support';
+import { PermissionDomain, PermissionListEntry, PermissionListMode } from './permissions-model';
+export declare function ModelContextAdvanced({ value, onChange, entries, onApplyEntries, onAddEntry, showSkills, supports, }: {
+    value: AISpecRuntimeValue;
+    onChange: (value: AISpecRuntimeValue) => void;
+    entries: PermissionListEntry[];
+    onApplyEntries: (entries: PermissionListEntry[], mode: PermissionListMode) => void;
+    onAddEntry: (domain: PermissionDomain, id: string) => void;
+    showSkills?: boolean | undefined;
+    supports?: RuntimeFieldSupport | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ModelContextAdvanced.d.ts.map