@flanksource/clicky-ui 0.3.9 → 0.3.11

package/dist/data/ai/PolicyTree.cjs

@@ -0,0 +1,265 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const Icon = require("../Icon.cjs");
+const utils = require("../../lib/utils.cjs");
+const HoverCard = require("../../overlay/HoverCard.cjs");
+const UiShield = require("../../icons/components/UiShield.cjs");
+const UiChevronRight = require("../../icons/components/UiChevronRight.cjs");
+const UiChevronDown = require("../../icons/components/UiChevronDown.cjs");
+const UiInfo = require("../../icons/components/UiInfo.cjs");
+function PolicyTree({
+  entries,
+  emptyLabel,
+  onEntryModeChange,
+  onGroupModeChange,
+  groupIcon,
+  footer,
+  className,
+  compact = false
+}) {
+  const [collapsedGroups, setCollapsedGroups] = react.useState({});
+  const groups = react.useMemo(() => groupEntries(entries), [entries]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn("space-y-density-2", className), children: [
+    groups.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "divide-y divide-border overflow-hidden rounded-md border border-border", children: groups.map(([group, groupEntries2]) => {
+      const collapsed = collapsedGroups[group] ?? false;
+      const GroupIcon = (groupIcon == null ? void 0 : groupIcon(group, groupEntries2)) ?? UiShield.UiShield;
+      const groupOptions = commonOptions(groupEntries2);
+      const groupMode = commonMode(groupEntries2);
+      const toggle = () => setCollapsedGroups((current) => ({
+        ...current,
+        [group]: !current[group]
+      }));
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: utils.cn(
+              "flex cursor-pointer items-center gap-1 bg-muted/50 hover:bg-muted",
+              compact ? "px-1 py-0.5" : "px-density-2 py-density-1"
+            ),
+            onClick: toggle,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  "aria-label": `${collapsed ? "Expand" : "Collapse"} ${group}`,
+                  "aria-expanded": !collapsed,
+                  title: `${collapsed ? "Expand" : "Collapse"} ${group}`,
+                  className: "inline-flex size-6 shrink-0 items-center justify-center rounded text-muted-foreground hover:bg-background hover:text-foreground",
+                  onClick: (event) => {
+                    event.stopPropagation();
+                    toggle();
+                  },
+                  children: /* @__PURE__ */ jsxRuntime.jsx(
+                    Icon.Icon,
+                    {
+                      icon: collapsed ? UiChevronRight.UiChevronRight : UiChevronDown.UiChevronDown,
+                      className: "size-3.5"
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Icon.Icon,
+                {
+                  icon: GroupIcon,
+                  className: "size-4 shrink-0 text-muted-foreground"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 truncate text-[10px] font-semibold uppercase text-muted-foreground", children: group }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 rounded bg-background px-1.5 py-0.5 text-[10px] text-muted-foreground", children: groupEntries2.length }),
+              groupOptions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  className: "ml-auto",
+                  onClick: (event) => event.stopPropagation(),
+                  children: /* @__PURE__ */ jsxRuntime.jsx(
+                    ModeButtons,
+                    {
+                      ariaLabel: `${group} group policy`,
+                      options: groupOptions,
+                      value: groupMode,
+                      size: "group",
+                      onChange: (mode) => onGroupModeChange(groupEntries2, mode),
+                      buttonLabel: (option) => `Set ${group} group to ${option.label}`
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        ),
+        !collapsed && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "divide-y divide-border/60 border-t border-border", children: groupEntries2.map((entry) => /* @__PURE__ */ jsxRuntime.jsx(
+          PolicyTreeRow,
+          {
+            entry,
+            compact,
+            onChange: (mode) => onEntryModeChange(entry, mode)
+          },
+          entry.id
+        )) })
+      ] }, group);
+    }) }),
+    groups.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-md border border-border px-density-2 py-density-3 text-xs text-muted-foreground", children: emptyLabel }),
+    footer
+  ] });
+}
+function PolicyTreeRow({
+  entry,
+  compact,
+  onChange
+}) {
+  const EntryIcon = entry.icon;
+  const denied = entry.mode === "deny" || entry.mode === "disabled";
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      title: entry.id,
+      className: utils.cn(
+        "flex items-center gap-1.5",
+        compact ? "px-2 py-1" : "px-density-2 py-density-1"
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-1.5", children: [
+          EntryIcon && /* @__PURE__ */ jsxRuntime.jsx(
+            Icon.Icon,
+            {
+              icon: EntryIcon,
+              className: utils.cn(
+                "size-4 shrink-0",
+                denied ? "text-muted-foreground/45" : "text-muted-foreground"
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: utils.cn(
+                "min-w-0 truncate text-xs",
+                denied && "text-muted-foreground line-through"
+              ),
+              children: entry.label
+            }
+          ),
+          (entry.description || entry.source || entry.sourcePath) && /* @__PURE__ */ jsxRuntime.jsx(PolicyInfo, { entry })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ModeButtons,
+          {
+            ariaLabel: `${entry.label} policy`,
+            options: entry.options,
+            value: entry.mode,
+            onChange
+          }
+        )
+      ]
+    }
+  );
+}
+function ModeButtons({
+  ariaLabel,
+  options,
+  value,
+  onChange,
+  size = "entry",
+  buttonLabel
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      role: "radiogroup",
+      "aria-label": ariaLabel,
+      className: "inline-flex flex-wrap items-center gap-0.5",
+      children: options.map((option) => {
+        const active = option.id === value;
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            role: "radio",
+            "aria-checked": active,
+            "aria-label": buttonLabel == null ? void 0 : buttonLabel(option),
+            title: option.title ?? (buttonLabel == null ? void 0 : buttonLabel(option)),
+            onClick: () => onChange(option.id),
+            className: utils.cn(
+              "rounded border font-semibold transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+              size === "group" ? "px-1.5 py-0.5 text-[10px]" : "min-w-12 px-1.5 py-0.5 text-[10px]",
+              active ? activeModeClass(option.tone) : "border-border bg-background text-muted-foreground hover:border-muted-foreground/40 hover:text-foreground"
+            ),
+            children: option.label
+          },
+          option.id
+        );
+      })
+    }
+  );
+}
+function PolicyInfo({
+  entry
+}) {
+  const lines = [
+    entry.description,
+    entry.source ? `Source: ${entry.source}` : void 0,
+    entry.sourcePath
+  ].filter(Boolean);
+  if (lines.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    HoverCard.HoverCard,
+    {
+      placement: "top",
+      delay: 120,
+      trigger: /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          "aria-label": `Info for ${entry.label}`,
+          className: "inline-flex size-5 items-center justify-center rounded text-muted-foreground hover:bg-background hover:text-foreground",
+          children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiInfo.UiInfo, className: "size-3.5" })
+        }
+      ),
+      cardClassName: "max-w-xs whitespace-normal text-xs",
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1", children: lines.map((line) => /* @__PURE__ */ jsxRuntime.jsx("div", { children: line }, line)) })
+    }
+  );
+}
+function groupEntries(entries) {
+  const groups = /* @__PURE__ */ new Map();
+  for (const entry of entries) {
+    groups.set(entry.group, [...groups.get(entry.group) ?? [], entry]);
+  }
+  return Array.from(groups.entries());
+}
+function commonOptions(entries) {
+  var _a;
+  const first = ((_a = entries[0]) == null ? void 0 : _a.options) ?? [];
+  if (entries.length === 0) return [];
+  const signature = optionSignature(first);
+  return entries.every((entry) => optionSignature(entry.options) === signature) ? first : [];
+}
+function commonMode(entries) {
+  var _a;
+  const first = (_a = entries[0]) == null ? void 0 : _a.mode;
+  if (!first) return "mixed";
+  return entries.every((entry) => entry.mode === first) ? first : "mixed";
+}
+function optionSignature(options) {
+  return options.map((option) => option.id).join("\0");
+}
+function activeModeClass(tone = "neutral") {
+  switch (tone) {
+    case "success":
+      return "border-emerald-600 bg-emerald-600 text-white shadow-sm dark:border-emerald-500 dark:bg-emerald-500 dark:text-emerald-950";
+    case "warning":
+      return "border-amber-500 bg-amber-500 text-white shadow-sm dark:border-amber-400 dark:bg-amber-400 dark:text-amber-950";
+    case "danger":
+      return "border-red-600 bg-red-600 text-white shadow-sm dark:border-red-500 dark:bg-red-500 dark:text-red-950";
+    case "info":
+      return "border-sky-600 bg-sky-600 text-white shadow-sm dark:border-sky-500 dark:bg-sky-500 dark:text-sky-950";
+    case "neutral":
+      return "border-slate-600 bg-slate-700 text-white shadow-sm dark:border-slate-300 dark:bg-slate-300 dark:text-slate-950";
+  }
+}
+exports.PolicyTree = PolicyTree;
+//# sourceMappingURL=PolicyTree.cjs.map

package/dist/data/ai/PolicyTree.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PolicyTree.cjs","sources":["../../../src/data/ai/PolicyTree.tsx"],"sourcesContent":["import { useMemo, useState, type ReactNode } from \"react\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport { UiChevronDown, UiChevronRight, UiInfo, UiShield } from \"../../icons\";\nimport { cn } from \"../../lib/utils\";\nimport { HoverCard } from \"../../overlay/HoverCard\";\n\nexport type PolicyTone = \"success\" | \"warning\" | \"danger\" | \"info\" | \"neutral\";\n\nexport type PolicyOption<TMode extends string = string> = {\n  id: TMode;\n  label: string;\n  tone?: PolicyTone | undefined;\n  title?: string | undefined;\n};\n\nexport type PolicyTreeEntry<TMode extends string = string, TData = unknown> = {\n  id: string;\n  label: string;\n  group: string;\n  mode: TMode;\n  options: readonly PolicyOption<TMode>[];\n  data: TData;\n  icon?: StaticIconComponent | undefined;\n  description?: string | undefined;\n  source?: string | undefined;\n  sourcePath?: string | undefined;\n};\n\nexport type PolicyTreeProps<TMode extends string = string, TData = unknown> = {\n  entries: PolicyTreeEntry<TMode, TData>[];\n  emptyLabel: string;\n  onEntryModeChange: (\n    entry: PolicyTreeEntry<TMode, TData>,\n    mode: TMode,\n  ) => void;\n  onGroupModeChange: (\n    entries: PolicyTreeEntry<TMode, TData>[],\n    mode: TMode,\n  ) => void;\n  groupIcon?: (\n    group: string,\n    entries: PolicyTreeEntry<TMode, TData>[],\n  ) => StaticIconComponent;\n  footer?: ReactNode | undefined;\n  className?: string | undefined;\n  compact?: boolean | undefined;\n};\n\nexport function PolicyTree<TMode extends string, TData = unknown>({\n  entries,\n  emptyLabel,\n  onEntryModeChange,\n  onGroupModeChange,\n  groupIcon,\n  footer,\n  className,\n  compact = false,\n}: PolicyTreeProps<TMode, TData>) {\n  const [collapsedGroups, setCollapsedGroups] = useState<\n    Record<string, boolean>\n  >({});\n  const groups = useMemo(() => groupEntries(entries), [entries]);\n\n  return (\n    <div className={cn(\"space-y-density-2\", className)}>\n      {groups.length > 0 && (\n        <div className=\"divide-y divide-border overflow-hidden rounded-md border border-border\">\n          {groups.map(([group, groupEntries]) => {\n            const collapsed = collapsedGroups[group] ?? false;\n            const GroupIcon = groupIcon?.(group, groupEntries) ?? UiShield;\n            const groupOptions = commonOptions(groupEntries);\n            const groupMode = commonMode(groupEntries);\n            const toggle = () =>\n              setCollapsedGroups((current) => ({\n                ...current,\n                [group]: !current[group],\n              }));\n            return (\n              <div key={group}>\n                {/* The whole header row is the collapse target; the chevron\n                    button keeps keyboard access and the mode buttons stop\n                    propagation so changing a group policy doesn't collapse it. */}\n                <div\n                  className={cn(\n                    \"flex cursor-pointer items-center gap-1 bg-muted/50 hover:bg-muted\",\n                    compact ? \"px-1 py-0.5\" : \"px-density-2 py-density-1\",\n                  )}\n                  onClick={toggle}\n                >\n                  <button\n                    type=\"button\"\n                    aria-label={`${collapsed ? \"Expand\" : \"Collapse\"} ${group}`}\n                    aria-expanded={!collapsed}\n                    title={`${collapsed ? \"Expand\" : \"Collapse\"} ${group}`}\n                    className=\"inline-flex size-6 shrink-0 items-center justify-center rounded text-muted-foreground hover:bg-background hover:text-foreground\"\n                    onClick={(event) => {\n                      event.stopPropagation();\n                      toggle();\n                    }}\n                  >\n                    <Icon\n                      icon={collapsed ? UiChevronRight : UiChevronDown}\n                      className=\"size-3.5\"\n                    />\n                  </button>\n                  <Icon\n                    icon={GroupIcon}\n                    className=\"size-4 shrink-0 text-muted-foreground\"\n                  />\n                  <span className=\"min-w-0 truncate text-[10px] font-semibold uppercase text-muted-foreground\">\n                    {group}\n                  </span>\n                  <span className=\"shrink-0 rounded bg-background px-1.5 py-0.5 text-[10px] text-muted-foreground\">\n                    {groupEntries.length}\n                  </span>\n                  {groupOptions.length > 0 && (\n                    <span\n                      className=\"ml-auto\"\n                      onClick={(event) => event.stopPropagation()}\n                    >\n                      <ModeButtons\n                        ariaLabel={`${group} group policy`}\n                        options={groupOptions}\n                        value={groupMode}\n                        size=\"group\"\n                        onChange={(mode) =>\n                          onGroupModeChange(groupEntries, mode)\n                        }\n                        buttonLabel={(option) =>\n                          `Set ${group} group to ${option.label}`\n                        }\n                      />\n                    </span>\n                  )}\n                </div>\n                {!collapsed && (\n                  <div className=\"divide-y divide-border/60 border-t border-border\">\n                    {groupEntries.map((entry) => (\n                      <PolicyTreeRow\n                        key={entry.id}\n                        entry={entry}\n                        compact={compact}\n                        onChange={(mode) => onEntryModeChange(entry, mode)}\n                      />\n                    ))}\n                  </div>\n                )}\n              </div>\n            );\n          })}\n        </div>\n      )}\n      {groups.length === 0 && (\n        <div className=\"rounded-md border border-border px-density-2 py-density-3 text-xs text-muted-foreground\">\n          {emptyLabel}\n        </div>\n      )}\n      {footer}\n    </div>\n  );\n}\n\nfunction PolicyTreeRow<TMode extends string, TData>({\n  entry,\n  compact,\n  onChange,\n}: {\n  entry: PolicyTreeEntry<TMode, TData>;\n  compact: boolean;\n  onChange: (mode: TMode) => void;\n}) {\n  const EntryIcon = entry.icon;\n  const denied = entry.mode === \"deny\" || entry.mode === \"disabled\";\n  return (\n    <div\n      title={entry.id}\n      className={cn(\n        \"flex items-center gap-1.5\",\n        compact ? \"px-2 py-1\" : \"px-density-2 py-density-1\",\n      )}\n    >\n      <div className=\"flex min-w-0 flex-1 items-center gap-1.5\">\n        {EntryIcon && (\n          <Icon\n            icon={EntryIcon}\n            className={cn(\n              \"size-4 shrink-0\",\n              denied ? \"text-muted-foreground/45\" : \"text-muted-foreground\",\n            )}\n          />\n        )}\n        <span\n          className={cn(\n            \"min-w-0 truncate text-xs\",\n            denied && \"text-muted-foreground line-through\",\n          )}\n        >\n          {entry.label}\n        </span>\n        {(entry.description || entry.source || entry.sourcePath) && (\n          <PolicyInfo entry={entry} />\n        )}\n      </div>\n      <ModeButtons\n        ariaLabel={`${entry.label} policy`}\n        options={entry.options}\n        value={entry.mode}\n        onChange={onChange}\n      />\n    </div>\n  );\n}\n\nfunction ModeButtons<TMode extends string>({\n  ariaLabel,\n  options,\n  value,\n  onChange,\n  size = \"entry\",\n  buttonLabel,\n}: {\n  ariaLabel: string;\n  options: readonly PolicyOption<TMode>[];\n  value: TMode | \"mixed\";\n  onChange: (mode: TMode) => void;\n  size?: \"entry\" | \"group\";\n  buttonLabel?: ((option: PolicyOption<TMode>) => string) | undefined;\n}) {\n  return (\n    <span\n      role=\"radiogroup\"\n      aria-label={ariaLabel}\n      className=\"inline-flex flex-wrap items-center gap-0.5\"\n    >\n      {options.map((option) => {\n        const active = option.id === value;\n        return (\n          <button\n            key={option.id}\n            type=\"button\"\n            role=\"radio\"\n            aria-checked={active}\n            aria-label={buttonLabel?.(option)}\n            title={option.title ?? buttonLabel?.(option)}\n            onClick={() => onChange(option.id)}\n            className={cn(\n              \"rounded border font-semibold transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n              size === \"group\"\n                ? \"px-1.5 py-0.5 text-[10px]\"\n                : \"min-w-12 px-1.5 py-0.5 text-[10px]\",\n              active\n                ? activeModeClass(option.tone)\n                : \"border-border bg-background text-muted-foreground hover:border-muted-foreground/40 hover:text-foreground\",\n            )}\n          >\n            {option.label}\n          </button>\n        );\n      })}\n    </span>\n  );\n}\n\nfunction PolicyInfo<TMode extends string, TData>({\n  entry,\n}: {\n  entry: PolicyTreeEntry<TMode, TData>;\n}) {\n  const lines = [\n    entry.description,\n    entry.source ? `Source: ${entry.source}` : undefined,\n    entry.sourcePath,\n  ].filter(Boolean);\n  if (lines.length === 0) return null;\n  return (\n    <HoverCard\n      placement=\"top\"\n      delay={120}\n      trigger={\n        <span\n          aria-label={`Info for ${entry.label}`}\n          className=\"inline-flex size-5 items-center justify-center rounded text-muted-foreground hover:bg-background hover:text-foreground\"\n        >\n          <Icon icon={UiInfo} className=\"size-3.5\" />\n        </span>\n      }\n      cardClassName=\"max-w-xs whitespace-normal text-xs\"\n    >\n      <div className=\"space-y-1\">\n        {lines.map((line) => (\n          <div key={line}>{line}</div>\n        ))}\n      </div>\n    </HoverCard>\n  );\n}\n\nfunction groupEntries<TMode extends string, TData>(\n  entries: PolicyTreeEntry<TMode, TData>[],\n) {\n  const groups = new Map<string, PolicyTreeEntry<TMode, TData>[]>();\n  for (const entry of entries) {\n    groups.set(entry.group, [...(groups.get(entry.group) ?? []), entry]);\n  }\n  return Array.from(groups.entries());\n}\n\nfunction commonOptions<TMode extends string, TData>(\n  entries: PolicyTreeEntry<TMode, TData>[],\n) {\n  const first = entries[0]?.options ?? [];\n  if (entries.length === 0) return [];\n  const signature = optionSignature(first);\n  return entries.every((entry) => optionSignature(entry.options) === signature)\n    ? first\n    : [];\n}\n\nfunction commonMode<TMode extends string, TData>(\n  entries: PolicyTreeEntry<TMode, TData>[],\n): TMode | \"mixed\" {\n  const first = entries[0]?.mode;\n  if (!first) return \"mixed\";\n  return entries.every((entry) => entry.mode === first) ? first : \"mixed\";\n}\n\nfunction optionSignature<TMode extends string>(\n  options: readonly PolicyOption<TMode>[],\n) {\n  return options.map((option) => option.id).join(\"\\0\");\n}\n\n// Active (selected) state: a solid fill in the mode's tone (allow/enabled →\n// green, ask → amber, auto → blue, deny → red, disabled → slate). Inactive\n// buttons stay neutral grey — only the selected mode carries colour.\nfunction activeModeClass(tone: PolicyTone = \"neutral\") {\n  switch (tone) {\n    case \"success\":\n      return \"border-emerald-600 bg-emerald-600 text-white shadow-sm dark:border-emerald-500 dark:bg-emerald-500 dark:text-emerald-950\";\n    case \"warning\":\n      return \"border-amber-500 bg-amber-500 text-white shadow-sm dark:border-amber-400 dark:bg-amber-400 dark:text-amber-950\";\n    case \"danger\":\n      return \"border-red-600 bg-red-600 text-white shadow-sm dark:border-red-500 dark:bg-red-500 dark:text-red-950\";\n    case \"info\":\n      return \"border-sky-600 bg-sky-600 text-white shadow-sm dark:border-sky-500 dark:bg-sky-500 dark:text-sky-950\";\n    case \"neutral\":\n      return \"border-slate-600 bg-slate-700 text-white shadow-sm dark:border-slate-300 dark:bg-slate-300 dark:text-slate-950\";\n  }\n}\n"],"names":["useState","useMemo","cn","jsx","groupEntries","UiShield","jsxs","Icon","UiChevronRight","UiChevronDown","HoverCard","UiInfo"],"mappings":"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"}

package/dist/data/ai/PolicyTree.d.ts

@@ -0,0 +1,33 @@
+import { ReactNode } from 'react';
+import { StaticIconComponent } from '../Icon';
+export type PolicyTone = "success" | "warning" | "danger" | "info" | "neutral";
+export type PolicyOption<TMode extends string = string> = {
+    id: TMode;
+    label: string;
+    tone?: PolicyTone | undefined;
+    title?: string | undefined;
+};
+export type PolicyTreeEntry<TMode extends string = string, TData = unknown> = {
+    id: string;
+    label: string;
+    group: string;
+    mode: TMode;
+    options: readonly PolicyOption<TMode>[];
+    data: TData;
+    icon?: StaticIconComponent | undefined;
+    description?: string | undefined;
+    source?: string | undefined;
+    sourcePath?: string | undefined;
+};
+export type PolicyTreeProps<TMode extends string = string, TData = unknown> = {
+    entries: PolicyTreeEntry<TMode, TData>[];
+    emptyLabel: string;
+    onEntryModeChange: (entry: PolicyTreeEntry<TMode, TData>, mode: TMode) => void;
+    onGroupModeChange: (entries: PolicyTreeEntry<TMode, TData>[], mode: TMode) => void;
+    groupIcon?: (group: string, entries: PolicyTreeEntry<TMode, TData>[]) => StaticIconComponent;
+    footer?: ReactNode | undefined;
+    className?: string | undefined;
+    compact?: boolean | undefined;
+};
+export declare function PolicyTree<TMode extends string, TData = unknown>({ entries, emptyLabel, onEntryModeChange, onGroupModeChange, groupIcon, footer, className, compact, }: PolicyTreeProps<TMode, TData>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PolicyTree.d.ts.map

package/dist/data/ai/PolicyTree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PolicyTree.d.ts","sourceRoot":"","sources":["../../../src/data/ai/PolicyTree.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAQ,KAAK,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAKzD,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;AAE/E,MAAM,MAAM,YAAY,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI;IACxD,EAAE,EAAE,KAAK,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,eAAe,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,KAAK,GAAG,OAAO,IAAI;IAC5E,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,KAAK,CAAC;IACZ,OAAO,EAAE,SAAS,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC;IACxC,IAAI,EAAE,KAAK,CAAC;IACZ,IAAI,CAAC,EAAE,mBAAmB,GAAG,SAAS,CAAC;IACvC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,eAAe,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,KAAK,GAAG,OAAO,IAAI;IAC5E,OAAO,EAAE,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC;IACzC,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,CACjB,KAAK,EAAE,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,EACpC,IAAI,EAAE,KAAK,KACR,IAAI,CAAC;IACV,iBAAiB,EAAE,CACjB,OAAO,EAAE,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,EACxC,IAAI,EAAE,KAAK,KACR,IAAI,CAAC;IACV,SAAS,CAAC,EAAE,CACV,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,KACrC,mBAAmB,CAAC;IACzB,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC/B,CAAC;AAEF,wBAAgB,UAAU,CAAC,KAAK,SAAS,MAAM,EAAE,KAAK,GAAG,OAAO,EAAE,EAChE,OAAO,EACP,UAAU,EACV,iBAAiB,EACjB,iBAAiB,EACjB,SAAS,EACT,MAAM,EACN,SAAS,EACT,OAAe,GAChB,EAAE,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,2CAuG/B"}

package/dist/data/ai/PolicyTree.js

@@ -0,0 +1,265 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useMemo } from "react";
+import { Icon } from "../Icon.js";
+import { cn } from "../../lib/utils.js";
+import { HoverCard } from "../../overlay/HoverCard.js";
+import { UiShield } from "../../icons/components/UiShield.js";
+import { UiChevronRight } from "../../icons/components/UiChevronRight.js";
+import { UiChevronDown } from "../../icons/components/UiChevronDown.js";
+import { UiInfo } from "../../icons/components/UiInfo.js";
+function PolicyTree({
+  entries,
+  emptyLabel,
+  onEntryModeChange,
+  onGroupModeChange,
+  groupIcon,
+  footer,
+  className,
+  compact = false
+}) {
+  const [collapsedGroups, setCollapsedGroups] = useState({});
+  const groups = useMemo(() => groupEntries(entries), [entries]);
+  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-density-2", className), children: [
+    groups.length > 0 && /* @__PURE__ */ jsx("div", { className: "divide-y divide-border overflow-hidden rounded-md border border-border", children: groups.map(([group, groupEntries2]) => {
+      const collapsed = collapsedGroups[group] ?? false;
+      const GroupIcon = (groupIcon == null ? void 0 : groupIcon(group, groupEntries2)) ?? UiShield;
+      const groupOptions = commonOptions(groupEntries2);
+      const groupMode = commonMode(groupEntries2);
+      const toggle = () => setCollapsedGroups((current) => ({
+        ...current,
+        [group]: !current[group]
+      }));
+      return /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "flex cursor-pointer items-center gap-1 bg-muted/50 hover:bg-muted",
+              compact ? "px-1 py-0.5" : "px-density-2 py-density-1"
+            ),
+            onClick: toggle,
+            children: [
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  "aria-label": `${collapsed ? "Expand" : "Collapse"} ${group}`,
+                  "aria-expanded": !collapsed,
+                  title: `${collapsed ? "Expand" : "Collapse"} ${group}`,
+                  className: "inline-flex size-6 shrink-0 items-center justify-center rounded text-muted-foreground hover:bg-background hover:text-foreground",
+                  onClick: (event) => {
+                    event.stopPropagation();
+                    toggle();
+                  },
+                  children: /* @__PURE__ */ jsx(
+                    Icon,
+                    {
+                      icon: collapsed ? UiChevronRight : UiChevronDown,
+                      className: "size-3.5"
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Icon,
+                {
+                  icon: GroupIcon,
+                  className: "size-4 shrink-0 text-muted-foreground"
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate text-[10px] font-semibold uppercase text-muted-foreground", children: group }),
+              /* @__PURE__ */ jsx("span", { className: "shrink-0 rounded bg-background px-1.5 py-0.5 text-[10px] text-muted-foreground", children: groupEntries2.length }),
+              groupOptions.length > 0 && /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: "ml-auto",
+                  onClick: (event) => event.stopPropagation(),
+                  children: /* @__PURE__ */ jsx(
+                    ModeButtons,
+                    {
+                      ariaLabel: `${group} group policy`,
+                      options: groupOptions,
+                      value: groupMode,
+                      size: "group",
+                      onChange: (mode) => onGroupModeChange(groupEntries2, mode),
+                      buttonLabel: (option) => `Set ${group} group to ${option.label}`
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        ),
+        !collapsed && /* @__PURE__ */ jsx("div", { className: "divide-y divide-border/60 border-t border-border", children: groupEntries2.map((entry) => /* @__PURE__ */ jsx(
+          PolicyTreeRow,
+          {
+            entry,
+            compact,
+            onChange: (mode) => onEntryModeChange(entry, mode)
+          },
+          entry.id
+        )) })
+      ] }, group);
+    }) }),
+    groups.length === 0 && /* @__PURE__ */ jsx("div", { className: "rounded-md border border-border px-density-2 py-density-3 text-xs text-muted-foreground", children: emptyLabel }),
+    footer
+  ] });
+}
+function PolicyTreeRow({
+  entry,
+  compact,
+  onChange
+}) {
+  const EntryIcon = entry.icon;
+  const denied = entry.mode === "deny" || entry.mode === "disabled";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      title: entry.id,
+      className: cn(
+        "flex items-center gap-1.5",
+        compact ? "px-2 py-1" : "px-density-2 py-density-1"
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-1.5", children: [
+          EntryIcon && /* @__PURE__ */ jsx(
+            Icon,
+            {
+              icon: EntryIcon,
+              className: cn(
+                "size-4 shrink-0",
+                denied ? "text-muted-foreground/45" : "text-muted-foreground"
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                "min-w-0 truncate text-xs",
+                denied && "text-muted-foreground line-through"
+              ),
+              children: entry.label
+            }
+          ),
+          (entry.description || entry.source || entry.sourcePath) && /* @__PURE__ */ jsx(PolicyInfo, { entry })
+        ] }),
+        /* @__PURE__ */ jsx(
+          ModeButtons,
+          {
+            ariaLabel: `${entry.label} policy`,
+            options: entry.options,
+            value: entry.mode,
+            onChange
+          }
+        )
+      ]
+    }
+  );
+}
+function ModeButtons({
+  ariaLabel,
+  options,
+  value,
+  onChange,
+  size = "entry",
+  buttonLabel
+}) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      role: "radiogroup",
+      "aria-label": ariaLabel,
+      className: "inline-flex flex-wrap items-center gap-0.5",
+      children: options.map((option) => {
+        const active = option.id === value;
+        return /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            role: "radio",
+            "aria-checked": active,
+            "aria-label": buttonLabel == null ? void 0 : buttonLabel(option),
+            title: option.title ?? (buttonLabel == null ? void 0 : buttonLabel(option)),
+            onClick: () => onChange(option.id),
+            className: cn(
+              "rounded border font-semibold transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+              size === "group" ? "px-1.5 py-0.5 text-[10px]" : "min-w-12 px-1.5 py-0.5 text-[10px]",
+              active ? activeModeClass(option.tone) : "border-border bg-background text-muted-foreground hover:border-muted-foreground/40 hover:text-foreground"
+            ),
+            children: option.label
+          },
+          option.id
+        );
+      })
+    }
+  );
+}
+function PolicyInfo({
+  entry
+}) {
+  const lines = [
+    entry.description,
+    entry.source ? `Source: ${entry.source}` : void 0,
+    entry.sourcePath
+  ].filter(Boolean);
+  if (lines.length === 0) return null;
+  return /* @__PURE__ */ jsx(
+    HoverCard,
+    {
+      placement: "top",
+      delay: 120,
+      trigger: /* @__PURE__ */ jsx(
+        "span",
+        {
+          "aria-label": `Info for ${entry.label}`,
+          className: "inline-flex size-5 items-center justify-center rounded text-muted-foreground hover:bg-background hover:text-foreground",
+          children: /* @__PURE__ */ jsx(Icon, { icon: UiInfo, className: "size-3.5" })
+        }
+      ),
+      cardClassName: "max-w-xs whitespace-normal text-xs",
+      children: /* @__PURE__ */ jsx("div", { className: "space-y-1", children: lines.map((line) => /* @__PURE__ */ jsx("div", { children: line }, line)) })
+    }
+  );
+}
+function groupEntries(entries) {
+  const groups = /* @__PURE__ */ new Map();
+  for (const entry of entries) {
+    groups.set(entry.group, [...groups.get(entry.group) ?? [], entry]);
+  }
+  return Array.from(groups.entries());
+}
+function commonOptions(entries) {
+  var _a;
+  const first = ((_a = entries[0]) == null ? void 0 : _a.options) ?? [];
+  if (entries.length === 0) return [];
+  const signature = optionSignature(first);
+  return entries.every((entry) => optionSignature(entry.options) === signature) ? first : [];
+}
+function commonMode(entries) {
+  var _a;
+  const first = (_a = entries[0]) == null ? void 0 : _a.mode;
+  if (!first) return "mixed";
+  return entries.every((entry) => entry.mode === first) ? first : "mixed";
+}
+function optionSignature(options) {
+  return options.map((option) => option.id).join("\0");
+}
+function activeModeClass(tone = "neutral") {
+  switch (tone) {
+    case "success":
+      return "border-emerald-600 bg-emerald-600 text-white shadow-sm dark:border-emerald-500 dark:bg-emerald-500 dark:text-emerald-950";
+    case "warning":
+      return "border-amber-500 bg-amber-500 text-white shadow-sm dark:border-amber-400 dark:bg-amber-400 dark:text-amber-950";
+    case "danger":
+      return "border-red-600 bg-red-600 text-white shadow-sm dark:border-red-500 dark:bg-red-500 dark:text-red-950";
+    case "info":
+      return "border-sky-600 bg-sky-600 text-white shadow-sm dark:border-sky-500 dark:bg-sky-500 dark:text-sky-950";
+    case "neutral":
+      return "border-slate-600 bg-slate-700 text-white shadow-sm dark:border-slate-300 dark:bg-slate-300 dark:text-slate-950";
+  }
+}
+export {
+  PolicyTree
+};
+//# sourceMappingURL=PolicyTree.js.map

package/dist/data/ai/PolicyTree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PolicyTree.js","sources":["../../../src/data/ai/PolicyTree.tsx"],"sourcesContent":["import { useMemo, useState, type ReactNode } from \"react\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport { UiChevronDown, UiChevronRight, UiInfo, UiShield } from \"../../icons\";\nimport { cn } from \"../../lib/utils\";\nimport { HoverCard } from \"../../overlay/HoverCard\";\n\nexport type PolicyTone = \"success\" | \"warning\" | \"danger\" | \"info\" | \"neutral\";\n\nexport type PolicyOption<TMode extends string = string> = {\n  id: TMode;\n  label: string;\n  tone?: PolicyTone | undefined;\n  title?: string | undefined;\n};\n\nexport type PolicyTreeEntry<TMode extends string = string, TData = unknown> = {\n  id: string;\n  label: string;\n  group: string;\n  mode: TMode;\n  options: readonly PolicyOption<TMode>[];\n  data: TData;\n  icon?: StaticIconComponent | undefined;\n  description?: string | undefined;\n  source?: string | undefined;\n  sourcePath?: string | undefined;\n};\n\nexport type PolicyTreeProps<TMode extends string = string, TData = unknown> = {\n  entries: PolicyTreeEntry<TMode, TData>[];\n  emptyLabel: string;\n  onEntryModeChange: (\n    entry: PolicyTreeEntry<TMode, TData>,\n    mode: TMode,\n  ) => void;\n  onGroupModeChange: (\n    entries: PolicyTreeEntry<TMode, TData>[],\n    mode: TMode,\n  ) => void;\n  groupIcon?: (\n    group: string,\n    entries: PolicyTreeEntry<TMode, TData>[],\n  ) => StaticIconComponent;\n  footer?: ReactNode | undefined;\n  className?: string | undefined;\n  compact?: boolean | undefined;\n};\n\nexport function PolicyTree<TMode extends string, TData = unknown>({\n  entries,\n  emptyLabel,\n  onEntryModeChange,\n  onGroupModeChange,\n  groupIcon,\n  footer,\n  className,\n  compact = false,\n}: PolicyTreeProps<TMode, TData>) {\n  const [collapsedGroups, setCollapsedGroups] = useState<\n    Record<string, boolean>\n  >({});\n  const groups = useMemo(() => groupEntries(entries), [entries]);\n\n  return (\n    <div className={cn(\"space-y-density-2\", className)}>\n      {groups.length > 0 && (\n        <div className=\"divide-y divide-border overflow-hidden rounded-md border border-border\">\n          {groups.map(([group, groupEntries]) => {\n            const collapsed = collapsedGroups[group] ?? false;\n            const GroupIcon = groupIcon?.(group, groupEntries) ?? UiShield;\n            const groupOptions = commonOptions(groupEntries);\n            const groupMode = commonMode(groupEntries);\n            const toggle = () =>\n              setCollapsedGroups((current) => ({\n                ...current,\n                [group]: !current[group],\n              }));\n            return (\n              <div key={group}>\n                {/* The whole header row is the collapse target; the chevron\n                    button keeps keyboard access and the mode buttons stop\n                    propagation so changing a group policy doesn't collapse it. */}\n                <div\n                  className={cn(\n                    \"flex cursor-pointer items-center gap-1 bg-muted/50 hover:bg-muted\",\n                    compact ? \"px-1 py-0.5\" : \"px-density-2 py-density-1\",\n                  )}\n                  onClick={toggle}\n                >\n                  <button\n                    type=\"button\"\n                    aria-label={`${collapsed ? \"Expand\" : \"Collapse\"} ${group}`}\n                    aria-expanded={!collapsed}\n                    title={`${collapsed ? \"Expand\" : \"Collapse\"} ${group}`}\n                    className=\"inline-flex size-6 shrink-0 items-center justify-center rounded text-muted-foreground hover:bg-background hover:text-foreground\"\n                    onClick={(event) => {\n                      event.stopPropagation();\n                      toggle();\n                    }}\n                  >\n                    <Icon\n                      icon={collapsed ? UiChevronRight : UiChevronDown}\n                      className=\"size-3.5\"\n                    />\n                  </button>\n                  <Icon\n                    icon={GroupIcon}\n                    className=\"size-4 shrink-0 text-muted-foreground\"\n                  />\n                  <span className=\"min-w-0 truncate text-[10px] font-semibold uppercase text-muted-foreground\">\n                    {group}\n                  </span>\n                  <span className=\"shrink-0 rounded bg-background px-1.5 py-0.5 text-[10px] text-muted-foreground\">\n                    {groupEntries.length}\n                  </span>\n                  {groupOptions.length > 0 && (\n                    <span\n                      className=\"ml-auto\"\n                      onClick={(event) => event.stopPropagation()}\n                    >\n                      <ModeButtons\n                        ariaLabel={`${group} group policy`}\n                        options={groupOptions}\n                        value={groupMode}\n                        size=\"group\"\n                        onChange={(mode) =>\n                          onGroupModeChange(groupEntries, mode)\n                        }\n                        buttonLabel={(option) =>\n                          `Set ${group} group to ${option.label}`\n                        }\n                      />\n                    </span>\n                  )}\n                </div>\n                {!collapsed && (\n                  <div className=\"divide-y divide-border/60 border-t border-border\">\n                    {groupEntries.map((entry) => (\n                      <PolicyTreeRow\n                        key={entry.id}\n                        entry={entry}\n                        compact={compact}\n                        onChange={(mode) => onEntryModeChange(entry, mode)}\n                      />\n                    ))}\n                  </div>\n                )}\n              </div>\n            );\n          })}\n        </div>\n      )}\n      {groups.length === 0 && (\n        <div className=\"rounded-md border border-border px-density-2 py-density-3 text-xs text-muted-foreground\">\n          {emptyLabel}\n        </div>\n      )}\n      {footer}\n    </div>\n  );\n}\n\nfunction PolicyTreeRow<TMode extends string, TData>({\n  entry,\n  compact,\n  onChange,\n}: {\n  entry: PolicyTreeEntry<TMode, TData>;\n  compact: boolean;\n  onChange: (mode: TMode) => void;\n}) {\n  const EntryIcon = entry.icon;\n  const denied = entry.mode === \"deny\" || entry.mode === \"disabled\";\n  return (\n    <div\n      title={entry.id}\n      className={cn(\n        \"flex items-center gap-1.5\",\n        compact ? \"px-2 py-1\" : \"px-density-2 py-density-1\",\n      )}\n    >\n      <div className=\"flex min-w-0 flex-1 items-center gap-1.5\">\n        {EntryIcon && (\n          <Icon\n            icon={EntryIcon}\n            className={cn(\n              \"size-4 shrink-0\",\n              denied ? \"text-muted-foreground/45\" : \"text-muted-foreground\",\n            )}\n          />\n        )}\n        <span\n          className={cn(\n            \"min-w-0 truncate text-xs\",\n            denied && \"text-muted-foreground line-through\",\n          )}\n        >\n          {entry.label}\n        </span>\n        {(entry.description || entry.source || entry.sourcePath) && (\n          <PolicyInfo entry={entry} />\n        )}\n      </div>\n      <ModeButtons\n        ariaLabel={`${entry.label} policy`}\n        options={entry.options}\n        value={entry.mode}\n        onChange={onChange}\n      />\n    </div>\n  );\n}\n\nfunction ModeButtons<TMode extends string>({\n  ariaLabel,\n  options,\n  value,\n  onChange,\n  size = \"entry\",\n  buttonLabel,\n}: {\n  ariaLabel: string;\n  options: readonly PolicyOption<TMode>[];\n  value: TMode | \"mixed\";\n  onChange: (mode: TMode) => void;\n  size?: \"entry\" | \"group\";\n  buttonLabel?: ((option: PolicyOption<TMode>) => string) | undefined;\n}) {\n  return (\n    <span\n      role=\"radiogroup\"\n      aria-label={ariaLabel}\n      className=\"inline-flex flex-wrap items-center gap-0.5\"\n    >\n      {options.map((option) => {\n        const active = option.id === value;\n        return (\n          <button\n            key={option.id}\n            type=\"button\"\n            role=\"radio\"\n            aria-checked={active}\n            aria-label={buttonLabel?.(option)}\n            title={option.title ?? buttonLabel?.(option)}\n            onClick={() => onChange(option.id)}\n            className={cn(\n              \"rounded border font-semibold transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n              size === \"group\"\n                ? \"px-1.5 py-0.5 text-[10px]\"\n                : \"min-w-12 px-1.5 py-0.5 text-[10px]\",\n              active\n                ? activeModeClass(option.tone)\n                : \"border-border bg-background text-muted-foreground hover:border-muted-foreground/40 hover:text-foreground\",\n            )}\n          >\n            {option.label}\n          </button>\n        );\n      })}\n    </span>\n  );\n}\n\nfunction PolicyInfo<TMode extends string, TData>({\n  entry,\n}: {\n  entry: PolicyTreeEntry<TMode, TData>;\n}) {\n  const lines = [\n    entry.description,\n    entry.source ? `Source: ${entry.source}` : undefined,\n    entry.sourcePath,\n  ].filter(Boolean);\n  if (lines.length === 0) return null;\n  return (\n    <HoverCard\n      placement=\"top\"\n      delay={120}\n      trigger={\n        <span\n          aria-label={`Info for ${entry.label}`}\n          className=\"inline-flex size-5 items-center justify-center rounded text-muted-foreground hover:bg-background hover:text-foreground\"\n        >\n          <Icon icon={UiInfo} className=\"size-3.5\" />\n        </span>\n      }\n      cardClassName=\"max-w-xs whitespace-normal text-xs\"\n    >\n      <div className=\"space-y-1\">\n        {lines.map((line) => (\n          <div key={line}>{line}</div>\n        ))}\n      </div>\n    </HoverCard>\n  );\n}\n\nfunction groupEntries<TMode extends string, TData>(\n  entries: PolicyTreeEntry<TMode, TData>[],\n) {\n  const groups = new Map<string, PolicyTreeEntry<TMode, TData>[]>();\n  for (const entry of entries) {\n    groups.set(entry.group, [...(groups.get(entry.group) ?? []), entry]);\n  }\n  return Array.from(groups.entries());\n}\n\nfunction commonOptions<TMode extends string, TData>(\n  entries: PolicyTreeEntry<TMode, TData>[],\n) {\n  const first = entries[0]?.options ?? [];\n  if (entries.length === 0) return [];\n  const signature = optionSignature(first);\n  return entries.every((entry) => optionSignature(entry.options) === signature)\n    ? first\n    : [];\n}\n\nfunction commonMode<TMode extends string, TData>(\n  entries: PolicyTreeEntry<TMode, TData>[],\n): TMode | \"mixed\" {\n  const first = entries[0]?.mode;\n  if (!first) return \"mixed\";\n  return entries.every((entry) => entry.mode === first) ? first : \"mixed\";\n}\n\nfunction optionSignature<TMode extends string>(\n  options: readonly PolicyOption<TMode>[],\n) {\n  return options.map((option) => option.id).join(\"\\0\");\n}\n\n// Active (selected) state: a solid fill in the mode's tone (allow/enabled →\n// green, ask → amber, auto → blue, deny → red, disabled → slate). Inactive\n// buttons stay neutral grey — only the selected mode carries colour.\nfunction activeModeClass(tone: PolicyTone = \"neutral\") {\n  switch (tone) {\n    case \"success\":\n      return \"border-emerald-600 bg-emerald-600 text-white shadow-sm dark:border-emerald-500 dark:bg-emerald-500 dark:text-emerald-950\";\n    case \"warning\":\n      return \"border-amber-500 bg-amber-500 text-white shadow-sm dark:border-amber-400 dark:bg-amber-400 dark:text-amber-950\";\n    case \"danger\":\n      return \"border-red-600 bg-red-600 text-white shadow-sm dark:border-red-500 dark:bg-red-500 dark:text-red-950\";\n    case \"info\":\n      return \"border-sky-600 bg-sky-600 text-white shadow-sm dark:border-sky-500 dark:bg-sky-500 dark:text-sky-950\";\n    case \"neutral\":\n      return \"border-slate-600 bg-slate-700 text-white shadow-sm dark:border-slate-300 dark:bg-slate-300 dark:text-slate-950\";\n  }\n}\n"],"names":["groupEntries"],"mappings":"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"}