@flanksource/clicky-ui 0.3.10 → 0.3.11

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

@@ -0,0 +1,421 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useMemo } from "react";
+import { SegmentedControl } from "../../../components/SegmentedControl.js";
+import { Icon } from "../../Icon.js";
+import { SPEC_PERMISSION_MODES } from "../SpecRuntimeEditor.model.js";
+import { PERMISSION_MODE_ICONS } from "../agent-action-icons.js";
+import { PolicyTree } from "../PolicyTree.js";
+import { SpecField, SpecSelect, CheckboxField, SpecInput } from "./fields.js";
+import { permissionAddPlaceholder, entryModeOptions } from "./permissions-model.js";
+import { activeSpecPreset, savedPresetMatches, SPEC_RUNTIME_PRESETS, SPEC_PERMISSION_PRESET_STORAGE_KEY, applySpecPreset, applyPermissionPresetSnapshot, buildPermissionPresetSnapshot } from "./presets.js";
+import { withPermissions, withMemory } from "./update.js";
+import { UiLock } from "../../../icons/components/UiLock.js";
+import { UiListDashes } from "../../../icons/components/UiListDashes.js";
+import { UiEdit } from "../../../icons/components/UiEdit.js";
+import { UiShield } from "../../../icons/components/UiShield.js";
+import { UiAdd } from "../../../icons/components/UiAdd.js";
+import { UiFile } from "../../../icons/components/UiFile.js";
+import { UiTerminal } from "../../../icons/components/UiTerminal.js";
+import { UiGlobe } from "../../../icons/components/UiGlobe.js";
+import { UiPlugsConnected } from "../../../icons/components/UiPlugsConnected.js";
+import { UiPuzzle } from "../../../icons/components/UiPuzzle.js";
+import { UiMagicWand } from "../../../icons/components/UiMagicWand.js";
+import { UiHardDrive } from "../../../icons/components/UiHardDrive.js";
+import { UiGavel } from "../../../icons/components/UiGavel.js";
+import { UiKanban } from "../../../icons/components/UiKanban.js";
+import { UiFileText } from "../../../icons/components/UiFileText.js";
+import { UiFilePlus } from "../../../icons/components/UiFilePlus.js";
+const CUSTOM_PRESET_ID = "__custom";
+const PRESET_ICONS = {
+  edit: UiEdit,
+  plan: UiListDashes,
+  readonly: UiLock
+};
+const POLICY_OPTIONS = {
+  auto: { id: "auto", label: "Auto", tone: "info" },
+  ask: { id: "ask", label: "Ask", tone: "warning" },
+  allow: { id: "allow", label: "Allow", tone: "success" },
+  deny: { id: "deny", label: "Deny", tone: "danger" },
+  enabled: { id: "enabled", label: "Enabled", tone: "success" },
+  disabled: { id: "disabled", label: "Disabled", tone: "neutral" }
+};
+function PermissionsSection({
+  value,
+  onChange,
+  entries
+}) {
+  return /* @__PURE__ */ jsx(
+    PermissionPresetSelector,
+    {
+      value,
+      entries,
+      onChange
+    }
+  );
+}
+function PermissionsAdvanced({
+  value,
+  onChange,
+  entries,
+  onApplyEntries,
+  onAddEntry
+}) {
+  var _a, _b, _c, _d, _e, _f, _g;
+  return /* @__PURE__ */ jsxs("div", { className: "grid gap-density-3", children: [
+    /* @__PURE__ */ jsx(SpecField, { label: "Mode", children: /* @__PURE__ */ jsx(
+      SpecSelect,
+      {
+        ariaLabel: "Permission mode",
+        icon: PERMISSION_MODE_ICONS[((_a = value.permissions) == null ? void 0 : _a.mode) || "default"].icon,
+        value: ((_b = value.permissions) == null ? void 0 : _b.mode) || "default",
+        onChange: (mode) => onChange(
+          withPermissions(value, { mode })
+        ),
+        children: SPEC_PERMISSION_MODES.map((mode) => /* @__PURE__ */ jsx("option", { value: mode, children: mode }, mode))
+      }
+    ) }),
+    /* @__PURE__ */ jsxs("div", { className: "grid gap-density-2 sm:grid-cols-2 md:grid-cols-3", children: [
+      /* @__PURE__ */ jsx(
+        CheckboxField,
+        {
+          label: "Skip project",
+          checked: (_c = value.memory) == null ? void 0 : _c.skipProject,
+          onChange: (skipProject) => onChange(withMemory(value, { skipProject }))
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        CheckboxField,
+        {
+          label: "Skip user",
+          checked: (_d = value.memory) == null ? void 0 : _d.skipUser,
+          onChange: (skipUser) => onChange(withMemory(value, { skipUser }))
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        CheckboxField,
+        {
+          label: "Skip hooks",
+          checked: (_e = value.memory) == null ? void 0 : _e.skipHooks,
+          onChange: (skipHooks) => onChange(withMemory(value, { skipHooks }))
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        CheckboxField,
+        {
+          label: "Skip memory",
+          checked: (_f = value.memory) == null ? void 0 : _f.skipMemory,
+          onChange: (skipMemory) => onChange(withMemory(value, { skipMemory }))
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        CheckboxField,
+        {
+          label: "Bare",
+          checked: (_g = value.memory) == null ? void 0 : _g.bare,
+          onChange: (bare) => onChange(withMemory(value, { bare }))
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      PermissionPolicyList,
+      {
+        entries,
+        emptyLabel: "No tools, MCP servers, plugins, or skills configured",
+        onApply: onApplyEntries,
+        onAdd: onAddEntry
+      }
+    )
+  ] });
+}
+function PermissionPresetSelector({
+  value,
+  entries,
+  onChange
+}) {
+  const [savedPresets, setSavedPresets] = useState([]);
+  const [presetName, setPresetName] = useState("");
+  useEffect(() => {
+    setSavedPresets(readSavedPermissionPresets());
+  }, []);
+  const activeBuiltIn = activeSpecPreset(value, entries);
+  const activeSaved = savedPresets.find(
+    (preset) => savedPresetMatches(value, entries, preset)
+  );
+  const activeId = activeBuiltIn ?? (activeSaved == null ? void 0 : activeSaved.id) ?? CUSTOM_PRESET_ID;
+  const options = useMemo(() => {
+    const builtIns = SPEC_RUNTIME_PRESETS.map(
+      (preset) => ({
+        id: preset.id,
+        label: preset.label,
+        description: preset.description,
+        icon: PRESET_ICONS[preset.id]
+      })
+    );
+    const saved = savedPresets.map((preset) => ({
+      id: preset.id,
+      label: preset.label,
+      description: "Saved",
+      icon: UiShield
+    }));
+    const custom = activeId === CUSTOM_PRESET_ID ? [
+      {
+        id: CUSTOM_PRESET_ID,
+        label: "Custom",
+        description: "Manual tree",
+        icon: UiShield
+      }
+    ] : [];
+    return [...builtIns, ...saved, ...custom];
+  }, [activeId, savedPresets]);
+  const applyPreset = (id) => {
+    if (id === CUSTOM_PRESET_ID) return;
+    if (isBuiltInPresetId(id)) {
+      onChange(applySpecPreset(value, id, entries));
+      return;
+    }
+    const saved = savedPresets.find((preset) => preset.id === id);
+    if (saved) onChange(applyPermissionPresetSnapshot(value, saved.snapshot));
+  };
+  const savePreset = () => {
+    const label = presetName.trim();
+    if (!label) return;
+    const snapshot = buildPermissionPresetSnapshot(value, entries);
+    const now = (/* @__PURE__ */ new Date()).toISOString();
+    const next = [
+      ...savedPresets.filter((preset) => preset.label !== label),
+      {
+        id: `local:${slugify(label)}:${Date.now().toString(36)}`,
+        label,
+        snapshot,
+        updatedAt: now
+      }
+    ];
+    writeSavedPermissionPresets(next);
+    setSavedPresets(next);
+    setPresetName("");
+  };
+  const updateActiveSaved = () => {
+    if (!activeSaved) return;
+    const next = savedPresets.map(
+      (preset) => preset.id === activeSaved.id ? {
+        ...preset,
+        snapshot: buildPermissionPresetSnapshot(value, entries),
+        updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+      } : preset
+    );
+    writeSavedPermissionPresets(next);
+    setSavedPresets(next);
+  };
+  const deleteActiveSaved = () => {
+    if (!activeSaved) return;
+    const next = savedPresets.filter((preset) => preset.id !== activeSaved.id);
+    writeSavedPermissionPresets(next);
+    setSavedPresets(next);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "grid gap-density-3", children: [
+    /* @__PURE__ */ jsx(
+      SegmentedControl,
+      {
+        "aria-label": "Permission preset",
+        value: activeId,
+        options,
+        onChange: applyPreset,
+        size: "lg",
+        wrap: true,
+        className: "w-full"
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "grid gap-density-2 sm:grid-cols-[minmax(0,1fr)_auto_auto]", children: [
+      /* @__PURE__ */ jsx(
+        SpecInput,
+        {
+          value: presetName,
+          onChange: setPresetName,
+          placeholder: "Preset name",
+          ariaLabel: "Permission preset name",
+          icon: UiShield
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: savePreset,
+          disabled: !presetName.trim(),
+          className: "inline-flex h-control-h items-center justify-center gap-1 rounded-md border border-border bg-background px-density-3 text-xs font-medium text-muted-foreground hover:bg-muted hover:text-foreground disabled:cursor-not-allowed disabled:opacity-50",
+          children: [
+            /* @__PURE__ */ jsx(Icon, { icon: UiAdd, className: "size-3.5" }),
+            "Save"
+          ]
+        }
+      ),
+      activeSaved && /* @__PURE__ */ jsxs("span", { className: "inline-flex gap-density-2", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: updateActiveSaved,
+            className: "inline-flex h-control-h items-center justify-center rounded-md border border-border bg-background px-density-3 text-xs font-medium text-muted-foreground hover:bg-muted hover:text-foreground",
+            children: "Update"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: deleteActiveSaved,
+            className: "inline-flex h-control-h items-center justify-center rounded-md border border-border bg-background px-density-3 text-xs font-medium text-muted-foreground hover:bg-muted hover:text-foreground",
+            children: "Delete"
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function PermissionPolicyList({
+  entries,
+  emptyLabel,
+  onApply,
+  onAdd
+}) {
+  const [addDomain, setAddDomain] = useState("tools");
+  const [addValue, setAddValue] = useState("");
+  const policyEntries = useMemo(
+    () => entries.map(permissionPolicyEntry),
+    [entries]
+  );
+  const submitAdd = () => {
+    onAdd(addDomain, addValue);
+    setAddValue("");
+  };
+  return /* @__PURE__ */ jsx(
+    PolicyTree,
+    {
+      entries: policyEntries,
+      emptyLabel,
+      onEntryModeChange: (entry, mode) => onApply([entry.data], mode),
+      onGroupModeChange: (groupEntries, mode) => onApply(
+        groupEntries.map((entry) => entry.data),
+        mode
+      ),
+      groupIcon: permissionGroupIcon,
+      footer: /* @__PURE__ */ jsxs("div", { className: "grid gap-density-2 sm:grid-cols-[8rem_minmax(0,1fr)_auto]", children: [
+        /* @__PURE__ */ jsxs(
+          SpecSelect,
+          {
+            ariaLabel: "Permission kind",
+            value: addDomain,
+            onChange: (domain) => setAddDomain(domain),
+            children: [
+              /* @__PURE__ */ jsx("option", { value: "tools", children: "Tool" }),
+              /* @__PURE__ */ jsx("option", { value: "mcp", children: "MCP" }),
+              /* @__PURE__ */ jsx("option", { value: "plugins", children: "Plugin" }),
+              /* @__PURE__ */ jsx("option", { value: "skills", children: "Skill" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          SpecInput,
+          {
+            value: addValue,
+            onChange: setAddValue,
+            placeholder: permissionAddPlaceholder(addDomain),
+            ariaLabel: "Permission identifier"
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: submitAdd,
+            className: "inline-flex h-control-h items-center justify-center gap-1 rounded-md border border-border bg-background px-density-3 text-xs font-medium text-muted-foreground hover:bg-muted hover:text-foreground",
+            children: [
+              /* @__PURE__ */ jsx(Icon, { icon: UiAdd, className: "size-3.5" }),
+              "Add"
+            ]
+          }
+        )
+      ] })
+    }
+  );
+}
+function permissionPolicyEntry(entry) {
+  const out = {
+    id: `${entry.domain}:${entry.id}`,
+    label: entry.label,
+    group: entry.group,
+    mode: entry.mode,
+    options: entryModeOptions(entry).map((mode) => POLICY_OPTIONS[mode]),
+    data: entry,
+    icon: permissionEntryIcon(entry)
+  };
+  if (entry.description) out.description = entry.description;
+  if (entry.source) out.source = entry.source;
+  if (entry.sourcePath) out.sourcePath = entry.sourcePath;
+  return out;
+}
+function permissionEntryIcon(entry) {
+  if (entry.domain === "mcp") {
+    const id2 = entry.id.toLowerCase();
+    if (id2.includes("filesystem") || id2.includes("file")) return UiHardDrive;
+    if (id2.includes("gavel")) return UiGavel;
+    if (id2 === "ado" || id2.includes("kanban")) return UiKanban;
+    return UiPlugsConnected;
+  }
+  if (entry.domain === "plugins") return UiPuzzle;
+  if (entry.domain === "skills") return UiMagicWand;
+  const id = entry.id.toLowerCase();
+  if (id === "read" || id.includes("read")) return UiFileText;
+  if (id === "edit" || id.includes("edit")) return UiEdit;
+  if (id === "write" || id.includes("write")) return UiFilePlus;
+  if (id.includes("bash") || id.includes("shell")) return UiTerminal;
+  if (id.includes("web")) return UiGlobe;
+  return UiFile;
+}
+function permissionGroupIcon(group, entries) {
+  const normalized = group.toLowerCase();
+  if (normalized.includes("file")) return UiFile;
+  if (normalized.includes("shell")) return UiTerminal;
+  if (normalized.includes("web")) return UiGlobe;
+  if (normalized.includes("mcp")) return UiPlugsConnected;
+  if (normalized.includes("plugin")) return UiPuzzle;
+  if (normalized.includes("skill")) return UiMagicWand;
+  const first = entries[0];
+  return first ? permissionEntryIcon(first.data) : UiShield;
+}
+function readSavedPermissionPresets() {
+  if (typeof window === "undefined") return [];
+  try {
+    const raw = window.localStorage.getItem(SPEC_PERMISSION_PRESET_STORAGE_KEY);
+    if (!raw) return [];
+    const parsed = JSON.parse(raw);
+    if (!Array.isArray(parsed)) return [];
+    return parsed.filter(isSavedPermissionPreset);
+  } catch {
+    return [];
+  }
+}
+function writeSavedPermissionPresets(presets) {
+  if (typeof window === "undefined") return;
+  window.localStorage.setItem(
+    SPEC_PERMISSION_PRESET_STORAGE_KEY,
+    JSON.stringify(presets)
+  );
+}
+function isSavedPermissionPreset(value) {
+  if (!value || typeof value !== "object") return false;
+  const item = value;
+  return typeof item.id === "string" && typeof item.label === "string" && typeof item.updatedAt === "string" && !!item.snapshot && typeof item.snapshot === "object" && !!item.snapshot.permissions;
+}
+function isBuiltInPresetId(id) {
+  return id === "edit" || id === "plan" || id === "readonly";
+}
+function slugify(value) {
+  const slug = value.trim().toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
+  return slug || "preset";
+}
+export {
+  PermissionsAdvanced,
+  PermissionsSection
+};
+//# sourceMappingURL=PermissionsSection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PermissionsSection.js","sources":["../../../../src/data/ai/SpecRuntimeEditor/PermissionsSection.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { SegmentedControl, type SegmentedOption } from \"../../../components\";\nimport { Icon, type StaticIconComponent } from \"../../Icon\";\nimport {\n  UiAdd,\n  UiEdit,\n  UiFile,\n  UiFilePlus,\n  UiFileText,\n  UiGavel,\n  UiGlobe,\n  UiHardDrive,\n  UiKanban,\n  UiListDashes,\n  UiLock,\n  UiMagicWand,\n  UiPlugsConnected,\n  UiPuzzle,\n  UiShield,\n  UiTerminal,\n} from \"../../../icons\";\nimport {\n  SPEC_PERMISSION_MODES,\n  type AISpecRuntimeValue,\n  type SpecPermissionMode,\n} from \"../SpecRuntimeEditor.model\";\nimport { PERMISSION_MODE_ICONS } from \"../agent-action-icons\";\nimport {\n  PolicyTree,\n  type PolicyOption,\n  type PolicyTreeEntry,\n} from \"../PolicyTree\";\nimport { CheckboxField, SpecField, SpecInput, SpecSelect } from \"./fields\";\nimport {\n  entryModeOptions,\n  permissionAddPlaceholder,\n  type PermissionDomain,\n  type PermissionListEntry,\n  type PermissionListMode,\n} from \"./permissions-model\";\nimport {\n  SPEC_PERMISSION_PRESET_STORAGE_KEY,\n  SPEC_RUNTIME_PRESETS,\n  activeSpecPreset,\n  applyPermissionPresetSnapshot,\n  applySpecPreset,\n  buildPermissionPresetSnapshot,\n  savedPresetMatches,\n  type SavedPermissionPreset,\n  type SpecRuntimePresetId,\n} from \"./presets\";\nimport { withMemory, withPermissions } from \"./update\";\n\nconst CUSTOM_PRESET_ID = \"__custom\";\n\nconst PRESET_ICONS: Record<SpecRuntimePresetId, StaticIconComponent> = {\n  edit: UiEdit,\n  plan: UiListDashes,\n  readonly: UiLock,\n};\n\nconst POLICY_OPTIONS: Record<\n  PermissionListMode,\n  PolicyOption<PermissionListMode>\n> = {\n  auto: { id: \"auto\", label: \"Auto\", tone: \"info\" },\n  ask: { id: \"ask\", label: \"Ask\", tone: \"warning\" },\n  allow: { id: \"allow\", label: \"Allow\", tone: \"success\" },\n  deny: { id: \"deny\", label: \"Deny\", tone: \"danger\" },\n  enabled: { id: \"enabled\", label: \"Enabled\", tone: \"success\" },\n  disabled: { id: \"disabled\", label: \"Disabled\", tone: \"neutral\" },\n};\n\nexport function PermissionsSection({\n  value,\n  onChange,\n  entries,\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}) {\n  return (\n    <PermissionPresetSelector\n      value={value}\n      entries={entries}\n      onChange={onChange}\n    />\n  );\n}\n\nexport function PermissionsAdvanced({\n  value,\n  onChange,\n  entries,\n  onApplyEntries,\n  onAddEntry,\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}) {\n  return (\n    <div className=\"grid gap-density-3\">\n      <SpecField label=\"Mode\">\n        <SpecSelect\n          ariaLabel=\"Permission mode\"\n          icon={PERMISSION_MODE_ICONS[value.permissions?.mode || \"default\"].icon}\n          value={value.permissions?.mode || \"default\"}\n          onChange={(mode) =>\n            onChange(\n              withPermissions(value, { mode: mode as SpecPermissionMode }),\n            )\n          }\n        >\n          {SPEC_PERMISSION_MODES.map((mode) => (\n            <option key={mode} value={mode}>\n              {mode}\n            </option>\n          ))}\n        </SpecSelect>\n      </SpecField>\n      <div className=\"grid gap-density-2 sm:grid-cols-2 md:grid-cols-3\">\n        <CheckboxField\n          label=\"Skip project\"\n          checked={value.memory?.skipProject}\n          onChange={(skipProject) =>\n            onChange(withMemory(value, { skipProject }))\n          }\n        />\n        <CheckboxField\n          label=\"Skip user\"\n          checked={value.memory?.skipUser}\n          onChange={(skipUser) => onChange(withMemory(value, { skipUser }))}\n        />\n        <CheckboxField\n          label=\"Skip hooks\"\n          checked={value.memory?.skipHooks}\n          onChange={(skipHooks) => onChange(withMemory(value, { skipHooks }))}\n        />\n        <CheckboxField\n          label=\"Skip memory\"\n          checked={value.memory?.skipMemory}\n          onChange={(skipMemory) => onChange(withMemory(value, { skipMemory }))}\n        />\n        <CheckboxField\n          label=\"Bare\"\n          checked={value.memory?.bare}\n          onChange={(bare) => onChange(withMemory(value, { bare }))}\n        />\n      </div>\n      <PermissionPolicyList\n        entries={entries}\n        emptyLabel=\"No tools, MCP servers, plugins, or skills configured\"\n        onApply={onApplyEntries}\n        onAdd={onAddEntry}\n      />\n    </div>\n  );\n}\n\nfunction PermissionPresetSelector({\n  value,\n  entries,\n  onChange,\n}: {\n  value: AISpecRuntimeValue;\n  entries: PermissionListEntry[];\n  onChange: (value: AISpecRuntimeValue) => void;\n}) {\n  const [savedPresets, setSavedPresets] = useState<SavedPermissionPreset[]>([]);\n  const [presetName, setPresetName] = useState(\"\");\n\n  useEffect(() => {\n    setSavedPresets(readSavedPermissionPresets());\n  }, []);\n\n  const activeBuiltIn = activeSpecPreset(value, entries);\n  const activeSaved = savedPresets.find((preset) =>\n    savedPresetMatches(value, entries, preset),\n  );\n  const activeId = activeBuiltIn ?? activeSaved?.id ?? CUSTOM_PRESET_ID;\n\n  const options = useMemo(() => {\n    const builtIns: SegmentedOption<string>[] = SPEC_RUNTIME_PRESETS.map(\n      (preset) => ({\n        id: preset.id,\n        label: preset.label,\n        description: preset.description,\n        icon: PRESET_ICONS[preset.id],\n      }),\n    );\n    const saved: SegmentedOption<string>[] = savedPresets.map((preset) => ({\n      id: preset.id,\n      label: preset.label,\n      description: \"Saved\",\n      icon: UiShield,\n    }));\n    const custom: SegmentedOption<string>[] =\n      activeId === CUSTOM_PRESET_ID\n        ? [\n            {\n              id: CUSTOM_PRESET_ID,\n              label: \"Custom\",\n              description: \"Manual tree\",\n              icon: UiShield,\n            },\n          ]\n        : [];\n    return [...builtIns, ...saved, ...custom];\n  }, [activeId, savedPresets]);\n\n  const applyPreset = (id: string) => {\n    if (id === CUSTOM_PRESET_ID) return;\n    if (isBuiltInPresetId(id)) {\n      onChange(applySpecPreset(value, id, entries));\n      return;\n    }\n    const saved = savedPresets.find((preset) => preset.id === id);\n    if (saved) onChange(applyPermissionPresetSnapshot(value, saved.snapshot));\n  };\n\n  const savePreset = () => {\n    const label = presetName.trim();\n    if (!label) return;\n    const snapshot = buildPermissionPresetSnapshot(value, entries);\n    const now = new Date().toISOString();\n    const next: SavedPermissionPreset[] = [\n      ...savedPresets.filter((preset) => preset.label !== label),\n      {\n        id: `local:${slugify(label)}:${Date.now().toString(36)}`,\n        label,\n        snapshot,\n        updatedAt: now,\n      },\n    ];\n    writeSavedPermissionPresets(next);\n    setSavedPresets(next);\n    setPresetName(\"\");\n  };\n\n  const updateActiveSaved = () => {\n    if (!activeSaved) return;\n    const next = savedPresets.map((preset) =>\n      preset.id === activeSaved.id\n        ? {\n            ...preset,\n            snapshot: buildPermissionPresetSnapshot(value, entries),\n            updatedAt: new Date().toISOString(),\n          }\n        : preset,\n    );\n    writeSavedPermissionPresets(next);\n    setSavedPresets(next);\n  };\n\n  const deleteActiveSaved = () => {\n    if (!activeSaved) return;\n    const next = savedPresets.filter((preset) => preset.id !== activeSaved.id);\n    writeSavedPermissionPresets(next);\n    setSavedPresets(next);\n  };\n\n  return (\n    <div className=\"grid gap-density-3\">\n      <SegmentedControl\n        aria-label=\"Permission preset\"\n        value={activeId}\n        options={options}\n        onChange={applyPreset}\n        size=\"lg\"\n        wrap\n        className=\"w-full\"\n      />\n      <div className=\"grid gap-density-2 sm:grid-cols-[minmax(0,1fr)_auto_auto]\">\n        <SpecInput\n          value={presetName}\n          onChange={setPresetName}\n          placeholder=\"Preset name\"\n          ariaLabel=\"Permission preset name\"\n          icon={UiShield}\n        />\n        <button\n          type=\"button\"\n          onClick={savePreset}\n          disabled={!presetName.trim()}\n          className=\"inline-flex h-control-h items-center justify-center gap-1 rounded-md border border-border bg-background px-density-3 text-xs font-medium text-muted-foreground hover:bg-muted hover:text-foreground disabled:cursor-not-allowed disabled:opacity-50\"\n        >\n          <Icon icon={UiAdd} className=\"size-3.5\" />\n          Save\n        </button>\n        {activeSaved && (\n          <span className=\"inline-flex gap-density-2\">\n            <button\n              type=\"button\"\n              onClick={updateActiveSaved}\n              className=\"inline-flex h-control-h items-center justify-center rounded-md border border-border bg-background px-density-3 text-xs font-medium text-muted-foreground hover:bg-muted hover:text-foreground\"\n            >\n              Update\n            </button>\n            <button\n              type=\"button\"\n              onClick={deleteActiveSaved}\n              className=\"inline-flex h-control-h items-center justify-center rounded-md border border-border bg-background px-density-3 text-xs font-medium text-muted-foreground hover:bg-muted hover:text-foreground\"\n            >\n              Delete\n            </button>\n          </span>\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction PermissionPolicyList({\n  entries,\n  emptyLabel,\n  onApply,\n  onAdd,\n}: {\n  entries: PermissionListEntry[];\n  emptyLabel: string;\n  onApply: (entries: PermissionListEntry[], mode: PermissionListMode) => void;\n  onAdd: (domain: PermissionDomain, id: string) => void;\n}) {\n  const [addDomain, setAddDomain] = useState<PermissionDomain>(\"tools\");\n  const [addValue, setAddValue] = useState(\"\");\n  const policyEntries = useMemo(\n    () => entries.map(permissionPolicyEntry),\n    [entries],\n  );\n  const submitAdd = () => {\n    onAdd(addDomain, addValue);\n    setAddValue(\"\");\n  };\n\n  return (\n    <PolicyTree\n      entries={policyEntries}\n      emptyLabel={emptyLabel}\n      onEntryModeChange={(entry, mode) => onApply([entry.data], mode)}\n      onGroupModeChange={(groupEntries, mode) =>\n        onApply(\n          groupEntries.map((entry) => entry.data),\n          mode,\n        )\n      }\n      groupIcon={permissionGroupIcon}\n      footer={\n        <div className=\"grid gap-density-2 sm:grid-cols-[8rem_minmax(0,1fr)_auto]\">\n          <SpecSelect\n            ariaLabel=\"Permission kind\"\n            value={addDomain}\n            onChange={(domain) => setAddDomain(domain as PermissionDomain)}\n          >\n            <option value=\"tools\">Tool</option>\n            <option value=\"mcp\">MCP</option>\n            <option value=\"plugins\">Plugin</option>\n            <option value=\"skills\">Skill</option>\n          </SpecSelect>\n          <SpecInput\n            value={addValue}\n            onChange={setAddValue}\n            placeholder={permissionAddPlaceholder(addDomain)}\n            ariaLabel=\"Permission identifier\"\n          />\n          <button\n            type=\"button\"\n            onClick={submitAdd}\n            className=\"inline-flex h-control-h items-center justify-center gap-1 rounded-md border border-border bg-background px-density-3 text-xs font-medium text-muted-foreground hover:bg-muted hover:text-foreground\"\n          >\n            <Icon icon={UiAdd} className=\"size-3.5\" />\n            Add\n          </button>\n        </div>\n      }\n    />\n  );\n}\n\nfunction permissionPolicyEntry(\n  entry: PermissionListEntry,\n): PolicyTreeEntry<PermissionListMode, PermissionListEntry> {\n  const out: PolicyTreeEntry<PermissionListMode, PermissionListEntry> = {\n    id: `${entry.domain}:${entry.id}`,\n    label: entry.label,\n    group: entry.group,\n    mode: entry.mode,\n    options: entryModeOptions(entry).map((mode) => POLICY_OPTIONS[mode]),\n    data: entry,\n    icon: permissionEntryIcon(entry),\n  };\n  if (entry.description) out.description = entry.description;\n  if (entry.source) out.source = entry.source;\n  if (entry.sourcePath) out.sourcePath = entry.sourcePath;\n  return out;\n}\n\nfunction permissionEntryIcon(entry: PermissionListEntry): StaticIconComponent {\n  if (entry.domain === \"mcp\") {\n    const id = entry.id.toLowerCase();\n    if (id.includes(\"filesystem\") || id.includes(\"file\")) return UiHardDrive;\n    if (id.includes(\"gavel\")) return UiGavel;\n    if (id === \"ado\" || id.includes(\"kanban\")) return UiKanban;\n    return UiPlugsConnected;\n  }\n  if (entry.domain === \"plugins\") return UiPuzzle;\n  if (entry.domain === \"skills\") return UiMagicWand;\n\n  const id = entry.id.toLowerCase();\n  if (id === \"read\" || id.includes(\"read\")) return UiFileText;\n  if (id === \"edit\" || id.includes(\"edit\")) return UiEdit;\n  if (id === \"write\" || id.includes(\"write\")) return UiFilePlus;\n  if (id.includes(\"bash\") || id.includes(\"shell\")) return UiTerminal;\n  if (id.includes(\"web\")) return UiGlobe;\n  return UiFile;\n}\n\nfunction permissionGroupIcon(\n  group: string,\n  entries: PolicyTreeEntry<PermissionListMode, PermissionListEntry>[],\n): StaticIconComponent {\n  const normalized = group.toLowerCase();\n  if (normalized.includes(\"file\")) return UiFile;\n  if (normalized.includes(\"shell\")) return UiTerminal;\n  if (normalized.includes(\"web\")) return UiGlobe;\n  if (normalized.includes(\"mcp\")) return UiPlugsConnected;\n  if (normalized.includes(\"plugin\")) return UiPuzzle;\n  if (normalized.includes(\"skill\")) return UiMagicWand;\n  const first = entries[0];\n  return first ? permissionEntryIcon(first.data) : UiShield;\n}\n\nfunction readSavedPermissionPresets(): SavedPermissionPreset[] {\n  if (typeof window === \"undefined\") return [];\n  try {\n    const raw = window.localStorage.getItem(SPEC_PERMISSION_PRESET_STORAGE_KEY);\n    if (!raw) return [];\n    const parsed = JSON.parse(raw);\n    if (!Array.isArray(parsed)) return [];\n    return parsed.filter(isSavedPermissionPreset);\n  } catch {\n    return [];\n  }\n}\n\nfunction writeSavedPermissionPresets(presets: SavedPermissionPreset[]) {\n  if (typeof window === \"undefined\") return;\n  window.localStorage.setItem(\n    SPEC_PERMISSION_PRESET_STORAGE_KEY,\n    JSON.stringify(presets),\n  );\n}\n\nfunction isSavedPermissionPreset(\n  value: unknown,\n): value is SavedPermissionPreset {\n  if (!value || typeof value !== \"object\") return false;\n  const item = value as Partial<SavedPermissionPreset>;\n  return (\n    typeof item.id === \"string\" &&\n    typeof item.label === \"string\" &&\n    typeof item.updatedAt === \"string\" &&\n    !!item.snapshot &&\n    typeof item.snapshot === \"object\" &&\n    !!item.snapshot.permissions\n  );\n}\n\nfunction isBuiltInPresetId(id: string): id is SpecRuntimePresetId {\n  return id === \"edit\" || id === \"plan\" || id === \"readonly\";\n}\n\nfunction slugify(value: string) {\n  const slug = value\n    .trim()\n    .toLowerCase()\n    .replace(/[^a-z0-9]+/g, \"-\")\n    .replace(/^-+|-+$/g, \"\");\n  return slug || \"preset\";\n}\n"],"names":["id"],"mappings":"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"}

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

@@ -0,0 +1,8 @@
+import { AISpecRuntimeValue } from '../SpecRuntimeEditor.model';
+import { PermissionListEntry } from './permissions-model';
+export declare function PresetCards({ value, entries, onChange, }: {
+    value: AISpecRuntimeValue;
+    entries: PermissionListEntry[];
+    onChange: (value: AISpecRuntimeValue) => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PresetCards.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PresetCards.d.ts","sourceRoot":"","sources":["../../../../src/data/ai/SpecRuntimeEditor/PresetCards.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAgB/D,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,OAAO,EACP,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,kBAAkB,CAAC;IAC1B,OAAO,EAAE,mBAAmB,EAAE,CAAC;IAC/B,QAAQ,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;CAC/C,2CAkCA"}

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

@@ -0,0 +1,98 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const SegmentedControl = require("../../../components/SegmentedControl.cjs");
+const SpecRuntimeEditor_model = require("../SpecRuntimeEditor.model.cjs");
+const fields = require("./fields.cjs");
+const update = require("./update.cjs");
+const UiUser = require("../../../icons/components/UiUser.cjs");
+const UiGearSix = require("../../../icons/components/UiGearSix.cjs");
+const UiAdd = require("../../../icons/components/UiAdd.cjs");
+const UiFileJson = require("../../../icons/components/UiFileJson.cjs");
+const SCHEMA_STRICTNESS_OPTIONS = [
+  { id: "", label: "None" },
+  ...SpecRuntimeEditor_model.SPEC_SCHEMA_STRICTNESS.map((mode) => ({
+    id: mode,
+    label: mode.charAt(0).toUpperCase() + mode.slice(1)
+  }))
+];
+function PromptSection({
+  value,
+  onChange
+}) {
+  var _a, _b, _c;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-density-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      fields.ExpandField,
+      {
+        label: "User override",
+        value: (_a = value.prompt) == null ? void 0 : _a.user,
+        onChange: (user) => onChange(update.withPrompt(value, { user })),
+        placeholder: "Override the rendered user prompt",
+        icon: UiUser.UiUser
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      fields.ExpandField,
+      {
+        label: "System",
+        value: (_b = value.prompt) == null ? void 0 : _b.system,
+        onChange: (system) => onChange(update.withPrompt(value, { system })),
+        placeholder: "Replace the system prompt",
+        icon: UiGearSix.UiGearSix
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      fields.ExpandField,
+      {
+        label: "Append system",
+        value: (_c = value.prompt) == null ? void 0 : _c.appendSystem,
+        onChange: (appendSystem) => onChange(update.withPrompt(value, { appendSystem })),
+        placeholder: "Appended to the default system prompt",
+        icon: UiAdd.UiAdd
+      }
+    )
+  ] });
+}
+function PromptAdvanced({
+  value,
+  onChange
+}) {
+  var _a, _b;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-density-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(fields.SpecField, { label: "Schema strictness", children: /* @__PURE__ */ jsxRuntime.jsx(
+      SegmentedControl.SegmentedControl,
+      {
+        "aria-label": "Schema strictness",
+        size: "sm",
+        wrap: true,
+        value: ((_a = value.prompt) == null ? void 0 : _a.schemaStrictness) ?? "",
+        options: SCHEMA_STRICTNESS_OPTIONS,
+        onChange: (schemaStrictness) => onChange(update.withPrompt(value, { schemaStrictness }))
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      fields.TextareaField,
+      {
+        label: "Prompt schema JSON",
+        value: schemaText((_b = value.prompt) == null ? void 0 : _b.schemaJSON),
+        onChange: (schemaJSON) => onChange(update.withPrompt(value, { schemaJSON })),
+        minHeight: 176,
+        placeholder: '{"type":"object","properties":{}}',
+        icon: UiFileJson.UiFileJson
+      }
+    )
+  ] });
+}
+function schemaText(value) {
+  if (value == null) return "";
+  if (typeof value === "string") return value;
+  try {
+    return JSON.stringify(value, null, 2);
+  } catch {
+    return "";
+  }
+}
+exports.PromptAdvanced = PromptAdvanced;
+exports.PromptSection = PromptSection;
+//# sourceMappingURL=PromptSection.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PromptSection.cjs","sources":["../../../../src/data/ai/SpecRuntimeEditor/PromptSection.tsx"],"sourcesContent":["import { SegmentedControl } from \"../../../components/SegmentedControl\";\nimport { UiAdd, UiFileJson, UiGearSix, UiUser } from \"../../../icons\";\nimport {\n  SPEC_SCHEMA_STRICTNESS,\n  type AISpecRuntimeValue,\n  type SpecSchemaStrictness,\n} from \"../SpecRuntimeEditor.model\";\nimport { ExpandField, SpecField, TextareaField } from \"./fields\";\nimport { withPrompt } from \"./update\";\n\nconst SCHEMA_STRICTNESS_OPTIONS: Array<{\n  id: SpecSchemaStrictness | \"\";\n  label: string;\n}> = [\n  { id: \"\", label: \"None\" },\n  ...SPEC_SCHEMA_STRICTNESS.map((mode) => ({\n    id: mode,\n    label: mode.charAt(0).toUpperCase() + mode.slice(1),\n  })),\n];\n\nexport function PromptSection({\n  value,\n  onChange,\n}: {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n}) {\n  return (\n    <div className=\"grid gap-density-2\">\n      <ExpandField\n        label=\"User override\"\n        value={value.prompt?.user}\n        onChange={(user) => onChange(withPrompt(value, { user }))}\n        placeholder=\"Override the rendered user prompt\"\n        icon={UiUser}\n      />\n      <ExpandField\n        label=\"System\"\n        value={value.prompt?.system}\n        onChange={(system) => onChange(withPrompt(value, { system }))}\n        placeholder=\"Replace the system prompt\"\n        icon={UiGearSix}\n      />\n      <ExpandField\n        label=\"Append system\"\n        value={value.prompt?.appendSystem}\n        onChange={(appendSystem) =>\n          onChange(withPrompt(value, { appendSystem }))\n        }\n        placeholder=\"Appended to the default system prompt\"\n        icon={UiAdd}\n      />\n    </div>\n  );\n}\n\nexport function PromptAdvanced({\n  value,\n  onChange,\n}: {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n}) {\n  return (\n    <div className=\"grid gap-density-2\">\n      <SpecField label=\"Schema strictness\">\n        <SegmentedControl<SpecSchemaStrictness | \"\">\n          aria-label=\"Schema strictness\"\n          size=\"sm\"\n          wrap\n          value={value.prompt?.schemaStrictness ?? \"\"}\n          options={SCHEMA_STRICTNESS_OPTIONS}\n          onChange={(schemaStrictness) =>\n            onChange(withPrompt(value, { schemaStrictness }))\n          }\n        />\n      </SpecField>\n      <TextareaField\n        label=\"Prompt schema JSON\"\n        value={schemaText(value.prompt?.schemaJSON)}\n        onChange={(schemaJSON) => onChange(withPrompt(value, { schemaJSON }))}\n        minHeight={176}\n        placeholder='{\"type\":\"object\",\"properties\":{}}'\n        icon={UiFileJson}\n      />\n    </div>\n  );\n}\n\nfunction schemaText(value: unknown): string {\n  if (value == null) return \"\";\n  if (typeof value === \"string\") return value;\n  try {\n    return JSON.stringify(value, null, 2);\n  } catch {\n    return \"\";\n  }\n}\n"],"names":["SPEC_SCHEMA_STRICTNESS","jsxs","jsx","ExpandField","withPrompt","UiUser","UiGearSix","UiAdd","SpecField","SegmentedControl","TextareaField","UiFileJson"],"mappings":";;;;;;;;;;;AAUA,MAAM,4BAGD;AAAA,EACH,EAAE,IAAI,IAAI,OAAO,OAAA;AAAA,EACjB,GAAGA,wBAAAA,uBAAuB,IAAI,CAAC,UAAU;AAAA,IACvC,IAAI;AAAA,IACJ,OAAO,KAAK,OAAO,CAAC,EAAE,gBAAgB,KAAK,MAAM,CAAC;AAAA,EAAA,EAClD;AACJ;AAEO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AACF,GAGG;;AACD,SACEC,2BAAAA,KAAC,OAAA,EAAI,WAAU,sBACb,UAAA;AAAA,IAAAC,2BAAAA;AAAAA,MAACC,OAAAA;AAAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,QAAO,WAAM,WAAN,mBAAc;AAAA,QACrB,UAAU,CAAC,SAAS,SAASC,OAAAA,WAAW,OAAO,EAAE,KAAA,CAAM,CAAC;AAAA,QACxD,aAAY;AAAA,QACZ,MAAMC,OAAAA;AAAAA,MAAA;AAAA,IAAA;AAAA,IAERH,2BAAAA;AAAAA,MAACC,OAAAA;AAAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,QAAO,WAAM,WAAN,mBAAc;AAAA,QACrB,UAAU,CAAC,WAAW,SAASC,OAAAA,WAAW,OAAO,EAAE,OAAA,CAAQ,CAAC;AAAA,QAC5D,aAAY;AAAA,QACZ,MAAME,UAAAA;AAAAA,MAAA;AAAA,IAAA;AAAA,IAERJ,2BAAAA;AAAAA,MAACC,OAAAA;AAAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,QAAO,WAAM,WAAN,mBAAc;AAAA,QACrB,UAAU,CAAC,iBACT,SAASC,OAAAA,WAAW,OAAO,EAAE,aAAA,CAAc,CAAC;AAAA,QAE9C,aAAY;AAAA,QACZ,MAAMG,MAAAA;AAAAA,MAAA;AAAA,IAAA;AAAA,EACR,GACF;AAEJ;AAEO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AACF,GAGG;;AACD,SACEN,2BAAAA,KAAC,OAAA,EAAI,WAAU,sBACb,UAAA;AAAA,IAAAC,2BAAAA,IAACM,OAAAA,WAAA,EAAU,OAAM,qBACf,UAAAN,2BAAAA;AAAAA,MAACO,iBAAAA;AAAAA,MAAA;AAAA,QACC,cAAW;AAAA,QACX,MAAK;AAAA,QACL,MAAI;AAAA,QACJ,SAAO,WAAM,WAAN,mBAAc,qBAAoB;AAAA,QACzC,SAAS;AAAA,QACT,UAAU,CAAC,qBACT,SAASL,OAAAA,WAAW,OAAO,EAAE,kBAAkB,CAAC;AAAA,MAAA;AAAA,IAAA,GAGtD;AAAA,IACAF,2BAAAA;AAAAA,MAACQ,OAAAA;AAAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,OAAO,YAAW,WAAM,WAAN,mBAAc,UAAU;AAAA,QAC1C,UAAU,CAAC,eAAe,SAASN,OAAAA,WAAW,OAAO,EAAE,WAAA,CAAY,CAAC;AAAA,QACpE,WAAW;AAAA,QACX,aAAY;AAAA,QACZ,MAAMO,WAAAA;AAAAA,MAAA;AAAA,IAAA;AAAA,EACR,GACF;AAEJ;AAEA,SAAS,WAAW,OAAwB;AAC1C,MAAI,SAAS,KAAM,QAAO;AAC1B,MAAI,OAAO,UAAU,SAAU,QAAO;AACtC,MAAI;AACF,WAAO,KAAK,UAAU,OAAO,MAAM,CAAC;AAAA,EACtC,QAAQ;AACN,WAAO;AAAA,EACT;AACF;;;"}

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

@@ -0,0 +1,10 @@
+import { AISpecRuntimeValue } from '../SpecRuntimeEditor.model';
+export declare function PromptSection({ value, onChange, }: {
+    value: AISpecRuntimeValue;
+    onChange: (value: AISpecRuntimeValue) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function PromptAdvanced({ value, onChange, }: {
+    value: AISpecRuntimeValue;
+    onChange: (value: AISpecRuntimeValue) => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PromptSection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PromptSection.d.ts","sourceRoot":"","sources":["../../../../src/data/ai/SpecRuntimeEditor/PromptSection.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,kBAAkB,EAExB,MAAM,4BAA4B,CAAC;AAepC,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,kBAAkB,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;CAC/C,2CA4BA;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,kBAAkB,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;CAC/C,2CAyBA"}