@flanksource/clicky-ui 0.3.17 → 0.3.18

package/dist/data/ai/ToolPreferencesList.cjs

@@ -0,0 +1,270 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const utils = require("../../lib/utils.cjs");
+const Icon = require("../Icon.cjs");
+const ToolPreferences_model = require("./ToolPreferences.model.cjs");
+const UiChevronRight = require("../../icons/components/UiChevronRight.cjs");
+const UiChevronDown = require("../../icons/components/UiChevronDown.cjs");
+function ModeBadge({ mode }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: utils.cn(
+        "shrink-0 rounded px-1.5 py-0.5 text-[10px] font-medium",
+        mode === "on" && "bg-emerald-500/10 text-emerald-600 dark:text-emerald-400",
+        mode === "auto" && "bg-sky-500/10 text-sky-600 dark:text-sky-400",
+        mode === "ask" && "bg-amber-500/10 text-amber-600 dark:text-amber-500",
+        mode === "off" && "text-muted-foreground",
+        mode === "mixed" && "bg-muted text-muted-foreground ring-1 ring-inset ring-border"
+      ),
+      title: ToolPreferences_model.BADGE_DESCRIPTION[mode],
+      children: ToolPreferences_model.BADGE_LABEL[mode]
+    }
+  );
+}
+function ToolGroupHeader({
+  group,
+  count,
+  collapsed,
+  mode,
+  onCollapseToggle,
+  onModeToggle
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-[1.25rem_minmax(0,1fr)] items-center gap-1 px-1 py-0.5", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        "aria-label": `${collapsed ? "Expand" : "Collapse"} ${group}`,
+        title: `${collapsed ? "Expand" : "Collapse"} ${group}`,
+        className: "inline-flex size-5 items-center justify-center rounded text-muted-foreground hover:bg-background hover:text-foreground",
+        onClick: onCollapseToggle,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          Icon.Icon,
+          {
+            icon: collapsed ? UiChevronRight.UiChevronRight : UiChevronDown.UiChevronDown,
+            className: "size-3.5"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        "aria-label": `Toggle ${group} group`,
+        title: `Cycle all ${count} ${count === 1 ? "tool" : "tools"} in ${group}`,
+        className: "flex min-w-0 items-center gap-1.5 rounded px-1 py-0.5 text-left hover:bg-background/70",
+        onClick: onModeToggle,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 flex-1 items-center gap-1.5", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 truncate text-[10px] font-semibold uppercase tracking-wider text-muted-foreground", children: group }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 rounded bg-background px-1 text-[10px] text-muted-foreground", children: count })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(ModeBadge, { mode })
+        ]
+      }
+    )
+  ] });
+}
+function ToolRow({
+  entry,
+  mode,
+  onToggle,
+  indented = false
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      type: "button",
+      className: utils.cn(
+        "flex w-full items-center justify-between gap-2 rounded px-1.5 py-0.5 text-left hover:bg-accent",
+        indented && "pl-7"
+      ),
+      title: entry.tool.name,
+      onClick: () => onToggle(entry, mode),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: utils.cn(
+              "min-w-0 truncate text-xs",
+              mode === "off" && "text-muted-foreground line-through"
+            ),
+            children: entry.label
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(ModeBadge, { mode })
+      ]
+    }
+  );
+}
+function ToolParentHeader({
+  parent,
+  count,
+  collapsed,
+  mode,
+  onCollapseToggle,
+  onModeToggle
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-[1.25rem_minmax(0,1fr)] items-center gap-1 py-0.5 pl-4 pr-1", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        "aria-label": `${collapsed ? "Expand" : "Collapse"} ${parent}`,
+        title: `${collapsed ? "Expand" : "Collapse"} ${parent}`,
+        className: "inline-flex size-5 items-center justify-center rounded text-muted-foreground hover:bg-background hover:text-foreground",
+        onClick: onCollapseToggle,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          Icon.Icon,
+          {
+            icon: collapsed ? UiChevronRight.UiChevronRight : UiChevronDown.UiChevronDown,
+            className: "size-3.5"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        "aria-label": `Toggle ${parent} tools`,
+        title: `Cycle all ${count} ${count === 1 ? "tool" : "tools"} in ${parent}`,
+        className: "flex min-w-0 items-center gap-1.5 rounded px-1 py-0.5 text-left hover:bg-background/70",
+        onClick: onModeToggle,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 flex-1 items-center gap-1.5", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 truncate text-[11px] font-medium text-foreground/70", children: parent }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 rounded bg-background px-1 text-[10px] text-muted-foreground", children: count })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(ModeBadge, { mode })
+        ]
+      }
+    )
+  ] });
+}
+function ToolSubGroupBlock({
+  subGroup,
+  value,
+  open,
+  onToggle,
+  onToggleEntry,
+  onCycleEntries
+}) {
+  const hasParent = subGroup.parent !== ToolPreferences_model.NO_PARENT;
+  const rows = subGroup.entries.map((entry) => /* @__PURE__ */ jsxRuntime.jsx(
+    ToolRow,
+    {
+      entry,
+      mode: ToolPreferences_model.entryMode(entry, value),
+      onToggle: onToggleEntry,
+      indented: hasParent
+    },
+    entry.key
+  ));
+  if (!hasParent) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: rows });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      ToolParentHeader,
+      {
+        parent: subGroup.parent,
+        count: subGroup.entries.length,
+        collapsed: !open,
+        mode: ToolPreferences_model.commonMode(subGroup.entries, value),
+        onCollapseToggle: onToggle,
+        onModeToggle: () => onCycleEntries(
+          subGroup.entries,
+          ToolPreferences_model.groupToolMode(subGroup.entries, value)
+        )
+      }
+    ),
+    open && rows
+  ] });
+}
+function CompactToolList({
+  groups,
+  value,
+  onChange,
+  emptyLabel = "No tools available"
+}) {
+  const [expanded, setExpanded] = react.useState(() => /* @__PURE__ */ new Set());
+  if (groups.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-2 py-2 text-xs text-muted-foreground", children: emptyLabel });
+  }
+  const isOpen = (key) => expanded.has(key);
+  const toggle = (key) => setExpanded((current) => {
+    const next = new Set(current);
+    if (next.has(key)) next.delete(key);
+    else next.add(key);
+    return next;
+  });
+  const handleToggle = (entry, current) => onChange({ ...value, [entry.key]: ToolPreferences_model.nextMode(current) });
+  const cycleEntries = (entries, current) => {
+    const next = ToolPreferences_model.nextMode(current);
+    const updated = { ...value };
+    for (const entry of entries) updated[entry.key] = next;
+    onChange(updated);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1", children: groups.map((group) => {
+    const groupOpen = isOpen(group.group);
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ToolGroupHeader,
+        {
+          group: group.group,
+          count: group.entries.length,
+          collapsed: !groupOpen,
+          mode: ToolPreferences_model.commonMode(group.entries, value),
+          onCollapseToggle: () => toggle(group.group),
+          onModeToggle: () => cycleEntries(group.entries, ToolPreferences_model.groupToolMode(group.entries, value))
+        }
+      ),
+      groupOpen && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-0.5 p-0.5", children: group.subGroups.map((subGroup) => {
+        const parentKey = `${group.group}///${subGroup.parent}`;
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          ToolSubGroupBlock,
+          {
+            subGroup,
+            value,
+            open: isOpen(parentKey),
+            onToggle: () => toggle(parentKey),
+            onToggleEntry: handleToggle,
+            onCycleEntries: cycleEntries
+          },
+          subGroup.parent
+        );
+      }) })
+    ] }, group.group);
+  }) });
+}
+function CompactToolPreferencesList({
+  tools,
+  value,
+  onChange,
+  title = "Tools preferences",
+  emptyLabel = "No tools available",
+  className
+}) {
+  const groups = react.useMemo(
+    () => ToolPreferences_model.groupedToolEntriesWithPreferences(tools, value),
+    [tools, value]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn("space-y-2", className), children: [
+    title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-medium text-muted-foreground", children: title }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      CompactToolList,
+      {
+        groups,
+        value,
+        onChange,
+        emptyLabel
+      }
+    )
+  ] });
+}
+exports.CompactToolList = CompactToolList;
+exports.CompactToolPreferencesList = CompactToolPreferencesList;
+//# sourceMappingURL=ToolPreferencesList.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolPreferencesList.cjs","sources":["../../../src/data/ai/ToolPreferencesList.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport { UiChevronDown, UiChevronRight } from \"../../icons\";\nimport { cn } from \"../../lib/utils\";\nimport { Icon } from \"../Icon\";\nimport type { ToolMeta, ToolMode } from \"../chat/types\";\nimport {\n  BADGE_DESCRIPTION,\n  BADGE_LABEL,\n  NO_PARENT,\n  commonMode,\n  entryMode,\n  groupedToolEntriesWithPreferences,\n  groupToolMode,\n  nextMode,\n  type BadgeMode,\n  type ToolGroup,\n  type ToolPreferenceEntry,\n  type ToolSubGroup,\n} from \"./ToolPreferences.model\";\n\nexport type CompactToolPreferencesListProps = {\n  tools: ToolMeta[];\n  value: Record<string, ToolMode>;\n  onChange: (prefs: Record<string, ToolMode>) => void;\n  title?: string | undefined;\n  emptyLabel?: string | undefined;\n  className?: string | undefined;\n};\n\nfunction ModeBadge({ mode }: { mode: BadgeMode }) {\n  return (\n    <span\n      className={cn(\n        \"shrink-0 rounded px-1.5 py-0.5 text-[10px] font-medium\",\n        mode === \"on\" &&\n          \"bg-emerald-500/10 text-emerald-600 dark:text-emerald-400\",\n        mode === \"auto\" && \"bg-sky-500/10 text-sky-600 dark:text-sky-400\",\n        mode === \"ask\" && \"bg-amber-500/10 text-amber-600 dark:text-amber-500\",\n        mode === \"off\" && \"text-muted-foreground\",\n        mode === \"mixed\" &&\n          \"bg-muted text-muted-foreground ring-1 ring-inset ring-border\",\n      )}\n      title={BADGE_DESCRIPTION[mode]}\n    >\n      {BADGE_LABEL[mode]}\n    </span>\n  );\n}\n\nfunction ToolGroupHeader({\n  group,\n  count,\n  collapsed,\n  mode,\n  onCollapseToggle,\n  onModeToggle,\n}: {\n  group: string;\n  count: number;\n  collapsed: boolean;\n  mode: BadgeMode;\n  onCollapseToggle: () => void;\n  onModeToggle: () => void;\n}) {\n  return (\n    <div className=\"grid grid-cols-[1.25rem_minmax(0,1fr)] items-center gap-1 px-1 py-0.5\">\n      <button\n        type=\"button\"\n        aria-label={`${collapsed ? \"Expand\" : \"Collapse\"} ${group}`}\n        title={`${collapsed ? \"Expand\" : \"Collapse\"} ${group}`}\n        className=\"inline-flex size-5 items-center justify-center rounded text-muted-foreground hover:bg-background hover:text-foreground\"\n        onClick={onCollapseToggle}\n      >\n        <Icon\n          icon={collapsed ? UiChevronRight : UiChevronDown}\n          className=\"size-3.5\"\n        />\n      </button>\n      <button\n        type=\"button\"\n        aria-label={`Toggle ${group} group`}\n        title={`Cycle all ${count} ${count === 1 ? \"tool\" : \"tools\"} in ${group}`}\n        className=\"flex min-w-0 items-center gap-1.5 rounded px-1 py-0.5 text-left hover:bg-background/70\"\n        onClick={onModeToggle}\n      >\n        <span className=\"flex min-w-0 flex-1 items-center gap-1.5\">\n          <span className=\"min-w-0 truncate text-[10px] font-semibold uppercase tracking-wider text-muted-foreground\">\n            {group}\n          </span>\n          <span className=\"shrink-0 rounded bg-background px-1 text-[10px] text-muted-foreground\">\n            {count}\n          </span>\n        </span>\n        <ModeBadge mode={mode} />\n      </button>\n    </div>\n  );\n}\n\nfunction ToolRow({\n  entry,\n  mode,\n  onToggle,\n  indented = false,\n}: {\n  entry: ToolPreferenceEntry;\n  mode: ToolMode;\n  onToggle: (entry: ToolPreferenceEntry, current: ToolMode) => void;\n  indented?: boolean;\n}) {\n  return (\n    <button\n      type=\"button\"\n      className={cn(\n        \"flex w-full items-center justify-between gap-2 rounded px-1.5 py-0.5 text-left hover:bg-accent\",\n        indented && \"pl-7\",\n      )}\n      title={entry.tool.name}\n      onClick={() => onToggle(entry, mode)}\n    >\n      <span\n        className={cn(\n          \"min-w-0 truncate text-xs\",\n          mode === \"off\" && \"text-muted-foreground line-through\",\n        )}\n      >\n        {entry.label}\n      </span>\n      <ModeBadge mode={mode} />\n    </button>\n  );\n}\n\nfunction ToolParentHeader({\n  parent,\n  count,\n  collapsed,\n  mode,\n  onCollapseToggle,\n  onModeToggle,\n}: {\n  parent: string;\n  count: number;\n  collapsed: boolean;\n  mode: BadgeMode;\n  onCollapseToggle: () => void;\n  onModeToggle: () => void;\n}) {\n  return (\n    <div className=\"grid grid-cols-[1.25rem_minmax(0,1fr)] items-center gap-1 py-0.5 pl-4 pr-1\">\n      <button\n        type=\"button\"\n        aria-label={`${collapsed ? \"Expand\" : \"Collapse\"} ${parent}`}\n        title={`${collapsed ? \"Expand\" : \"Collapse\"} ${parent}`}\n        className=\"inline-flex size-5 items-center justify-center rounded text-muted-foreground hover:bg-background hover:text-foreground\"\n        onClick={onCollapseToggle}\n      >\n        <Icon\n          icon={collapsed ? UiChevronRight : UiChevronDown}\n          className=\"size-3.5\"\n        />\n      </button>\n      <button\n        type=\"button\"\n        aria-label={`Toggle ${parent} tools`}\n        title={`Cycle all ${count} ${count === 1 ? \"tool\" : \"tools\"} in ${parent}`}\n        className=\"flex min-w-0 items-center gap-1.5 rounded px-1 py-0.5 text-left hover:bg-background/70\"\n        onClick={onModeToggle}\n      >\n        <span className=\"flex min-w-0 flex-1 items-center gap-1.5\">\n          <span className=\"min-w-0 truncate text-[11px] font-medium text-foreground/70\">\n            {parent}\n          </span>\n          <span className=\"shrink-0 rounded bg-background px-1 text-[10px] text-muted-foreground\">\n            {count}\n          </span>\n        </span>\n        <ModeBadge mode={mode} />\n      </button>\n    </div>\n  );\n}\n\nfunction ToolSubGroupBlock({\n  subGroup,\n  value,\n  open,\n  onToggle,\n  onToggleEntry,\n  onCycleEntries,\n}: {\n  subGroup: ToolSubGroup;\n  value: Record<string, ToolMode>;\n  open: boolean;\n  onToggle: () => void;\n  onToggleEntry: (entry: ToolPreferenceEntry, current: ToolMode) => void;\n  onCycleEntries: (entries: ToolPreferenceEntry[], current: ToolMode) => void;\n}) {\n  const hasParent = subGroup.parent !== NO_PARENT;\n  const rows = subGroup.entries.map((entry) => (\n    <ToolRow\n      key={entry.key}\n      entry={entry}\n      mode={entryMode(entry, value)}\n      onToggle={onToggleEntry}\n      indented={hasParent}\n    />\n  ));\n  if (!hasParent) return <>{rows}</>;\n  return (\n    <div>\n      <ToolParentHeader\n        parent={subGroup.parent}\n        count={subGroup.entries.length}\n        collapsed={!open}\n        mode={commonMode(subGroup.entries, value)}\n        onCollapseToggle={onToggle}\n        onModeToggle={() =>\n          onCycleEntries(\n            subGroup.entries,\n            groupToolMode(subGroup.entries, value),\n          )\n        }\n      />\n      {open && rows}\n    </div>\n  );\n}\n\nexport function CompactToolList({\n  groups,\n  value,\n  onChange,\n  emptyLabel = \"No tools available\",\n}: {\n  groups: ToolGroup[];\n  value: Record<string, ToolMode>;\n  onChange: (prefs: Record<string, ToolMode>) => void;\n  emptyLabel?: string | undefined;\n}) {\n  const [expanded, setExpanded] = useState<Set<string>>(() => new Set());\n  if (groups.length === 0) {\n    return (\n      <div className=\"px-2 py-2 text-xs text-muted-foreground\">\n        {emptyLabel}\n      </div>\n    );\n  }\n  const isOpen = (key: string) => expanded.has(key);\n  const toggle = (key: string) =>\n    setExpanded((current) => {\n      const next = new Set(current);\n      if (next.has(key)) next.delete(key);\n      else next.add(key);\n      return next;\n    });\n  const handleToggle = (entry: ToolPreferenceEntry, current: ToolMode) =>\n    onChange({ ...value, [entry.key]: nextMode(current) });\n  const cycleEntries = (entries: ToolPreferenceEntry[], current: ToolMode) => {\n    const next = nextMode(current);\n    const updated = { ...value };\n    for (const entry of entries) updated[entry.key] = next;\n    onChange(updated);\n  };\n  return (\n    <div className=\"space-y-1\">\n      {groups.map((group) => {\n        const groupOpen = isOpen(group.group);\n        return (\n          <div key={group.group}>\n            <ToolGroupHeader\n              group={group.group}\n              count={group.entries.length}\n              collapsed={!groupOpen}\n              mode={commonMode(group.entries, value)}\n              onCollapseToggle={() => toggle(group.group)}\n              onModeToggle={() =>\n                cycleEntries(group.entries, groupToolMode(group.entries, value))\n              }\n            />\n            {groupOpen && (\n              <div className=\"space-y-0.5 p-0.5\">\n                {group.subGroups.map((subGroup) => {\n                  const parentKey = `${group.group}///${subGroup.parent}`;\n                  return (\n                    <ToolSubGroupBlock\n                      key={subGroup.parent}\n                      subGroup={subGroup}\n                      value={value}\n                      open={isOpen(parentKey)}\n                      onToggle={() => toggle(parentKey)}\n                      onToggleEntry={handleToggle}\n                      onCycleEntries={cycleEntries}\n                    />\n                  );\n                })}\n              </div>\n            )}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n\nexport function CompactToolPreferencesList({\n  tools,\n  value,\n  onChange,\n  title = \"Tools preferences\",\n  emptyLabel = \"No tools available\",\n  className,\n}: CompactToolPreferencesListProps) {\n  const groups = useMemo(\n    () => groupedToolEntriesWithPreferences(tools, value),\n    [tools, value],\n  );\n  return (\n    <div className={cn(\"space-y-2\", className)}>\n      {title && (\n        <div className=\"text-xs font-medium text-muted-foreground\">{title}</div>\n      )}\n      <CompactToolList\n        groups={groups}\n        value={value}\n        onChange={onChange}\n        emptyLabel={emptyLabel}\n      />\n    </div>\n  );\n}\n"],"names":["jsx","cn","BADGE_DESCRIPTION","jsxs","Icon","UiChevronRight","UiChevronDown","NO_PARENT","entryMode","Fragment","commonMode","groupToolMode","useState","nextMode","useMemo","groupedToolEntriesWithPreferences"],"mappings":"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"}

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

@@ -0,0 +1,18 @@
+import { ToolMeta, ToolMode } from '../chat/types';
+import { ToolGroup } from './ToolPreferences.model';
+export type CompactToolPreferencesListProps = {
+    tools: ToolMeta[];
+    value: Record<string, ToolMode>;
+    onChange: (prefs: Record<string, ToolMode>) => void;
+    title?: string | undefined;
+    emptyLabel?: string | undefined;
+    className?: string | undefined;
+};
+export declare function CompactToolList({ groups, value, onChange, emptyLabel, }: {
+    groups: ToolGroup[];
+    value: Record<string, ToolMode>;
+    onChange: (prefs: Record<string, ToolMode>) => void;
+    emptyLabel?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function CompactToolPreferencesList({ tools, value, onChange, title, emptyLabel, className, }: CompactToolPreferencesListProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ToolPreferencesList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolPreferencesList.d.ts","sourceRoot":"","sources":["../../../src/data/ai/ToolPreferencesList.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACxD,OAAO,EAUL,KAAK,SAAS,EAGf,MAAM,yBAAyB,CAAC;AAEjC,MAAM,MAAM,+BAA+B,GAAG;IAC5C,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,KAAK,IAAI,CAAC;IACpD,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC,CAAC;AA0MF,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,KAAK,EACL,QAAQ,EACR,UAAiC,GAClC,EAAE;IACD,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,KAAK,IAAI,CAAC;IACpD,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACjC,2CAgEA;AAED,wBAAgB,0BAA0B,CAAC,EACzC,KAAK,EACL,KAAK,EACL,QAAQ,EACR,KAA2B,EAC3B,UAAiC,EACjC,SAAS,GACV,EAAE,+BAA+B,2CAkBjC"}

package/dist/data/ai/ToolPreferencesList.js

@@ -0,0 +1,270 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { cn } from "../../lib/utils.js";
+import { Icon } from "../Icon.js";
+import { groupedToolEntriesWithPreferences, groupToolMode, commonMode, NO_PARENT, entryMode, nextMode, BADGE_LABEL, BADGE_DESCRIPTION } from "./ToolPreferences.model.js";
+import { UiChevronRight } from "../../icons/components/UiChevronRight.js";
+import { UiChevronDown } from "../../icons/components/UiChevronDown.js";
+function ModeBadge({ mode }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(
+        "shrink-0 rounded px-1.5 py-0.5 text-[10px] font-medium",
+        mode === "on" && "bg-emerald-500/10 text-emerald-600 dark:text-emerald-400",
+        mode === "auto" && "bg-sky-500/10 text-sky-600 dark:text-sky-400",
+        mode === "ask" && "bg-amber-500/10 text-amber-600 dark:text-amber-500",
+        mode === "off" && "text-muted-foreground",
+        mode === "mixed" && "bg-muted text-muted-foreground ring-1 ring-inset ring-border"
+      ),
+      title: BADGE_DESCRIPTION[mode],
+      children: BADGE_LABEL[mode]
+    }
+  );
+}
+function ToolGroupHeader({
+  group,
+  count,
+  collapsed,
+  mode,
+  onCollapseToggle,
+  onModeToggle
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[1.25rem_minmax(0,1fr)] items-center gap-1 px-1 py-0.5", children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        "aria-label": `${collapsed ? "Expand" : "Collapse"} ${group}`,
+        title: `${collapsed ? "Expand" : "Collapse"} ${group}`,
+        className: "inline-flex size-5 items-center justify-center rounded text-muted-foreground hover:bg-background hover:text-foreground",
+        onClick: onCollapseToggle,
+        children: /* @__PURE__ */ jsx(
+          Icon,
+          {
+            icon: collapsed ? UiChevronRight : UiChevronDown,
+            className: "size-3.5"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        "aria-label": `Toggle ${group} group`,
+        title: `Cycle all ${count} ${count === 1 ? "tool" : "tools"} in ${group}`,
+        className: "flex min-w-0 items-center gap-1.5 rounded px-1 py-0.5 text-left hover:bg-background/70",
+        onClick: onModeToggle,
+        children: [
+          /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-1 items-center gap-1.5", children: [
+            /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate text-[10px] font-semibold uppercase tracking-wider text-muted-foreground", children: group }),
+            /* @__PURE__ */ jsx("span", { className: "shrink-0 rounded bg-background px-1 text-[10px] text-muted-foreground", children: count })
+          ] }),
+          /* @__PURE__ */ jsx(ModeBadge, { mode })
+        ]
+      }
+    )
+  ] });
+}
+function ToolRow({
+  entry,
+  mode,
+  onToggle,
+  indented = false
+}) {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      className: cn(
+        "flex w-full items-center justify-between gap-2 rounded px-1.5 py-0.5 text-left hover:bg-accent",
+        indented && "pl-7"
+      ),
+      title: entry.tool.name,
+      onClick: () => onToggle(entry, mode),
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              "min-w-0 truncate text-xs",
+              mode === "off" && "text-muted-foreground line-through"
+            ),
+            children: entry.label
+          }
+        ),
+        /* @__PURE__ */ jsx(ModeBadge, { mode })
+      ]
+    }
+  );
+}
+function ToolParentHeader({
+  parent,
+  count,
+  collapsed,
+  mode,
+  onCollapseToggle,
+  onModeToggle
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[1.25rem_minmax(0,1fr)] items-center gap-1 py-0.5 pl-4 pr-1", children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        "aria-label": `${collapsed ? "Expand" : "Collapse"} ${parent}`,
+        title: `${collapsed ? "Expand" : "Collapse"} ${parent}`,
+        className: "inline-flex size-5 items-center justify-center rounded text-muted-foreground hover:bg-background hover:text-foreground",
+        onClick: onCollapseToggle,
+        children: /* @__PURE__ */ jsx(
+          Icon,
+          {
+            icon: collapsed ? UiChevronRight : UiChevronDown,
+            className: "size-3.5"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        "aria-label": `Toggle ${parent} tools`,
+        title: `Cycle all ${count} ${count === 1 ? "tool" : "tools"} in ${parent}`,
+        className: "flex min-w-0 items-center gap-1.5 rounded px-1 py-0.5 text-left hover:bg-background/70",
+        onClick: onModeToggle,
+        children: [
+          /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-1 items-center gap-1.5", children: [
+            /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate text-[11px] font-medium text-foreground/70", children: parent }),
+            /* @__PURE__ */ jsx("span", { className: "shrink-0 rounded bg-background px-1 text-[10px] text-muted-foreground", children: count })
+          ] }),
+          /* @__PURE__ */ jsx(ModeBadge, { mode })
+        ]
+      }
+    )
+  ] });
+}
+function ToolSubGroupBlock({
+  subGroup,
+  value,
+  open,
+  onToggle,
+  onToggleEntry,
+  onCycleEntries
+}) {
+  const hasParent = subGroup.parent !== NO_PARENT;
+  const rows = subGroup.entries.map((entry) => /* @__PURE__ */ jsx(
+    ToolRow,
+    {
+      entry,
+      mode: entryMode(entry, value),
+      onToggle: onToggleEntry,
+      indented: hasParent
+    },
+    entry.key
+  ));
+  if (!hasParent) return /* @__PURE__ */ jsx(Fragment, { children: rows });
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(
+      ToolParentHeader,
+      {
+        parent: subGroup.parent,
+        count: subGroup.entries.length,
+        collapsed: !open,
+        mode: commonMode(subGroup.entries, value),
+        onCollapseToggle: onToggle,
+        onModeToggle: () => onCycleEntries(
+          subGroup.entries,
+          groupToolMode(subGroup.entries, value)
+        )
+      }
+    ),
+    open && rows
+  ] });
+}
+function CompactToolList({
+  groups,
+  value,
+  onChange,
+  emptyLabel = "No tools available"
+}) {
+  const [expanded, setExpanded] = useState(() => /* @__PURE__ */ new Set());
+  if (groups.length === 0) {
+    return /* @__PURE__ */ jsx("div", { className: "px-2 py-2 text-xs text-muted-foreground", children: emptyLabel });
+  }
+  const isOpen = (key) => expanded.has(key);
+  const toggle = (key) => setExpanded((current) => {
+    const next = new Set(current);
+    if (next.has(key)) next.delete(key);
+    else next.add(key);
+    return next;
+  });
+  const handleToggle = (entry, current) => onChange({ ...value, [entry.key]: nextMode(current) });
+  const cycleEntries = (entries, current) => {
+    const next = nextMode(current);
+    const updated = { ...value };
+    for (const entry of entries) updated[entry.key] = next;
+    onChange(updated);
+  };
+  return /* @__PURE__ */ jsx("div", { className: "space-y-1", children: groups.map((group) => {
+    const groupOpen = isOpen(group.group);
+    return /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx(
+        ToolGroupHeader,
+        {
+          group: group.group,
+          count: group.entries.length,
+          collapsed: !groupOpen,
+          mode: commonMode(group.entries, value),
+          onCollapseToggle: () => toggle(group.group),
+          onModeToggle: () => cycleEntries(group.entries, groupToolMode(group.entries, value))
+        }
+      ),
+      groupOpen && /* @__PURE__ */ jsx("div", { className: "space-y-0.5 p-0.5", children: group.subGroups.map((subGroup) => {
+        const parentKey = `${group.group}///${subGroup.parent}`;
+        return /* @__PURE__ */ jsx(
+          ToolSubGroupBlock,
+          {
+            subGroup,
+            value,
+            open: isOpen(parentKey),
+            onToggle: () => toggle(parentKey),
+            onToggleEntry: handleToggle,
+            onCycleEntries: cycleEntries
+          },
+          subGroup.parent
+        );
+      }) })
+    ] }, group.group);
+  }) });
+}
+function CompactToolPreferencesList({
+  tools,
+  value,
+  onChange,
+  title = "Tools preferences",
+  emptyLabel = "No tools available",
+  className
+}) {
+  const groups = useMemo(
+    () => groupedToolEntriesWithPreferences(tools, value),
+    [tools, value]
+  );
+  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-2", className), children: [
+    title && /* @__PURE__ */ jsx("div", { className: "text-xs font-medium text-muted-foreground", children: title }),
+    /* @__PURE__ */ jsx(
+      CompactToolList,
+      {
+        groups,
+        value,
+        onChange,
+        emptyLabel
+      }
+    )
+  ] });
+}
+export {
+  CompactToolList,
+  CompactToolPreferencesList
+};
+//# sourceMappingURL=ToolPreferencesList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolPreferencesList.js","sources":["../../../src/data/ai/ToolPreferencesList.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport { UiChevronDown, UiChevronRight } from \"../../icons\";\nimport { cn } from \"../../lib/utils\";\nimport { Icon } from \"../Icon\";\nimport type { ToolMeta, ToolMode } from \"../chat/types\";\nimport {\n  BADGE_DESCRIPTION,\n  BADGE_LABEL,\n  NO_PARENT,\n  commonMode,\n  entryMode,\n  groupedToolEntriesWithPreferences,\n  groupToolMode,\n  nextMode,\n  type BadgeMode,\n  type ToolGroup,\n  type ToolPreferenceEntry,\n  type ToolSubGroup,\n} from \"./ToolPreferences.model\";\n\nexport type CompactToolPreferencesListProps = {\n  tools: ToolMeta[];\n  value: Record<string, ToolMode>;\n  onChange: (prefs: Record<string, ToolMode>) => void;\n  title?: string | undefined;\n  emptyLabel?: string | undefined;\n  className?: string | undefined;\n};\n\nfunction ModeBadge({ mode }: { mode: BadgeMode }) {\n  return (\n    <span\n      className={cn(\n        \"shrink-0 rounded px-1.5 py-0.5 text-[10px] font-medium\",\n        mode === \"on\" &&\n          \"bg-emerald-500/10 text-emerald-600 dark:text-emerald-400\",\n        mode === \"auto\" && \"bg-sky-500/10 text-sky-600 dark:text-sky-400\",\n        mode === \"ask\" && \"bg-amber-500/10 text-amber-600 dark:text-amber-500\",\n        mode === \"off\" && \"text-muted-foreground\",\n        mode === \"mixed\" &&\n          \"bg-muted text-muted-foreground ring-1 ring-inset ring-border\",\n      )}\n      title={BADGE_DESCRIPTION[mode]}\n    >\n      {BADGE_LABEL[mode]}\n    </span>\n  );\n}\n\nfunction ToolGroupHeader({\n  group,\n  count,\n  collapsed,\n  mode,\n  onCollapseToggle,\n  onModeToggle,\n}: {\n  group: string;\n  count: number;\n  collapsed: boolean;\n  mode: BadgeMode;\n  onCollapseToggle: () => void;\n  onModeToggle: () => void;\n}) {\n  return (\n    <div className=\"grid grid-cols-[1.25rem_minmax(0,1fr)] items-center gap-1 px-1 py-0.5\">\n      <button\n        type=\"button\"\n        aria-label={`${collapsed ? \"Expand\" : \"Collapse\"} ${group}`}\n        title={`${collapsed ? \"Expand\" : \"Collapse\"} ${group}`}\n        className=\"inline-flex size-5 items-center justify-center rounded text-muted-foreground hover:bg-background hover:text-foreground\"\n        onClick={onCollapseToggle}\n      >\n        <Icon\n          icon={collapsed ? UiChevronRight : UiChevronDown}\n          className=\"size-3.5\"\n        />\n      </button>\n      <button\n        type=\"button\"\n        aria-label={`Toggle ${group} group`}\n        title={`Cycle all ${count} ${count === 1 ? \"tool\" : \"tools\"} in ${group}`}\n        className=\"flex min-w-0 items-center gap-1.5 rounded px-1 py-0.5 text-left hover:bg-background/70\"\n        onClick={onModeToggle}\n      >\n        <span className=\"flex min-w-0 flex-1 items-center gap-1.5\">\n          <span className=\"min-w-0 truncate text-[10px] font-semibold uppercase tracking-wider text-muted-foreground\">\n            {group}\n          </span>\n          <span className=\"shrink-0 rounded bg-background px-1 text-[10px] text-muted-foreground\">\n            {count}\n          </span>\n        </span>\n        <ModeBadge mode={mode} />\n      </button>\n    </div>\n  );\n}\n\nfunction ToolRow({\n  entry,\n  mode,\n  onToggle,\n  indented = false,\n}: {\n  entry: ToolPreferenceEntry;\n  mode: ToolMode;\n  onToggle: (entry: ToolPreferenceEntry, current: ToolMode) => void;\n  indented?: boolean;\n}) {\n  return (\n    <button\n      type=\"button\"\n      className={cn(\n        \"flex w-full items-center justify-between gap-2 rounded px-1.5 py-0.5 text-left hover:bg-accent\",\n        indented && \"pl-7\",\n      )}\n      title={entry.tool.name}\n      onClick={() => onToggle(entry, mode)}\n    >\n      <span\n        className={cn(\n          \"min-w-0 truncate text-xs\",\n          mode === \"off\" && \"text-muted-foreground line-through\",\n        )}\n      >\n        {entry.label}\n      </span>\n      <ModeBadge mode={mode} />\n    </button>\n  );\n}\n\nfunction ToolParentHeader({\n  parent,\n  count,\n  collapsed,\n  mode,\n  onCollapseToggle,\n  onModeToggle,\n}: {\n  parent: string;\n  count: number;\n  collapsed: boolean;\n  mode: BadgeMode;\n  onCollapseToggle: () => void;\n  onModeToggle: () => void;\n}) {\n  return (\n    <div className=\"grid grid-cols-[1.25rem_minmax(0,1fr)] items-center gap-1 py-0.5 pl-4 pr-1\">\n      <button\n        type=\"button\"\n        aria-label={`${collapsed ? \"Expand\" : \"Collapse\"} ${parent}`}\n        title={`${collapsed ? \"Expand\" : \"Collapse\"} ${parent}`}\n        className=\"inline-flex size-5 items-center justify-center rounded text-muted-foreground hover:bg-background hover:text-foreground\"\n        onClick={onCollapseToggle}\n      >\n        <Icon\n          icon={collapsed ? UiChevronRight : UiChevronDown}\n          className=\"size-3.5\"\n        />\n      </button>\n      <button\n        type=\"button\"\n        aria-label={`Toggle ${parent} tools`}\n        title={`Cycle all ${count} ${count === 1 ? \"tool\" : \"tools\"} in ${parent}`}\n        className=\"flex min-w-0 items-center gap-1.5 rounded px-1 py-0.5 text-left hover:bg-background/70\"\n        onClick={onModeToggle}\n      >\n        <span className=\"flex min-w-0 flex-1 items-center gap-1.5\">\n          <span className=\"min-w-0 truncate text-[11px] font-medium text-foreground/70\">\n            {parent}\n          </span>\n          <span className=\"shrink-0 rounded bg-background px-1 text-[10px] text-muted-foreground\">\n            {count}\n          </span>\n        </span>\n        <ModeBadge mode={mode} />\n      </button>\n    </div>\n  );\n}\n\nfunction ToolSubGroupBlock({\n  subGroup,\n  value,\n  open,\n  onToggle,\n  onToggleEntry,\n  onCycleEntries,\n}: {\n  subGroup: ToolSubGroup;\n  value: Record<string, ToolMode>;\n  open: boolean;\n  onToggle: () => void;\n  onToggleEntry: (entry: ToolPreferenceEntry, current: ToolMode) => void;\n  onCycleEntries: (entries: ToolPreferenceEntry[], current: ToolMode) => void;\n}) {\n  const hasParent = subGroup.parent !== NO_PARENT;\n  const rows = subGroup.entries.map((entry) => (\n    <ToolRow\n      key={entry.key}\n      entry={entry}\n      mode={entryMode(entry, value)}\n      onToggle={onToggleEntry}\n      indented={hasParent}\n    />\n  ));\n  if (!hasParent) return <>{rows}</>;\n  return (\n    <div>\n      <ToolParentHeader\n        parent={subGroup.parent}\n        count={subGroup.entries.length}\n        collapsed={!open}\n        mode={commonMode(subGroup.entries, value)}\n        onCollapseToggle={onToggle}\n        onModeToggle={() =>\n          onCycleEntries(\n            subGroup.entries,\n            groupToolMode(subGroup.entries, value),\n          )\n        }\n      />\n      {open && rows}\n    </div>\n  );\n}\n\nexport function CompactToolList({\n  groups,\n  value,\n  onChange,\n  emptyLabel = \"No tools available\",\n}: {\n  groups: ToolGroup[];\n  value: Record<string, ToolMode>;\n  onChange: (prefs: Record<string, ToolMode>) => void;\n  emptyLabel?: string | undefined;\n}) {\n  const [expanded, setExpanded] = useState<Set<string>>(() => new Set());\n  if (groups.length === 0) {\n    return (\n      <div className=\"px-2 py-2 text-xs text-muted-foreground\">\n        {emptyLabel}\n      </div>\n    );\n  }\n  const isOpen = (key: string) => expanded.has(key);\n  const toggle = (key: string) =>\n    setExpanded((current) => {\n      const next = new Set(current);\n      if (next.has(key)) next.delete(key);\n      else next.add(key);\n      return next;\n    });\n  const handleToggle = (entry: ToolPreferenceEntry, current: ToolMode) =>\n    onChange({ ...value, [entry.key]: nextMode(current) });\n  const cycleEntries = (entries: ToolPreferenceEntry[], current: ToolMode) => {\n    const next = nextMode(current);\n    const updated = { ...value };\n    for (const entry of entries) updated[entry.key] = next;\n    onChange(updated);\n  };\n  return (\n    <div className=\"space-y-1\">\n      {groups.map((group) => {\n        const groupOpen = isOpen(group.group);\n        return (\n          <div key={group.group}>\n            <ToolGroupHeader\n              group={group.group}\n              count={group.entries.length}\n              collapsed={!groupOpen}\n              mode={commonMode(group.entries, value)}\n              onCollapseToggle={() => toggle(group.group)}\n              onModeToggle={() =>\n                cycleEntries(group.entries, groupToolMode(group.entries, value))\n              }\n            />\n            {groupOpen && (\n              <div className=\"space-y-0.5 p-0.5\">\n                {group.subGroups.map((subGroup) => {\n                  const parentKey = `${group.group}///${subGroup.parent}`;\n                  return (\n                    <ToolSubGroupBlock\n                      key={subGroup.parent}\n                      subGroup={subGroup}\n                      value={value}\n                      open={isOpen(parentKey)}\n                      onToggle={() => toggle(parentKey)}\n                      onToggleEntry={handleToggle}\n                      onCycleEntries={cycleEntries}\n                    />\n                  );\n                })}\n              </div>\n            )}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n\nexport function CompactToolPreferencesList({\n  tools,\n  value,\n  onChange,\n  title = \"Tools preferences\",\n  emptyLabel = \"No tools available\",\n  className,\n}: CompactToolPreferencesListProps) {\n  const groups = useMemo(\n    () => groupedToolEntriesWithPreferences(tools, value),\n    [tools, value],\n  );\n  return (\n    <div className={cn(\"space-y-2\", className)}>\n      {title && (\n        <div className=\"text-xs font-medium text-muted-foreground\">{title}</div>\n      )}\n      <CompactToolList\n        groups={groups}\n        value={value}\n        onChange={onChange}\n        emptyLabel={emptyLabel}\n      />\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;AA6BA,SAAS,UAAU,EAAE,QAA6B;AAChD,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,SAAS,QACP;AAAA,QACF,SAAS,UAAU;AAAA,QACnB,SAAS,SAAS;AAAA,QAClB,SAAS,SAAS;AAAA,QAClB,SAAS,WACP;AAAA,MAAA;AAAA,MAEJ,OAAO,kBAAkB,IAAI;AAAA,MAE5B,sBAAY,IAAI;AAAA,IAAA;AAAA,EAAA;AAGvB;AAEA,SAAS,gBAAgB;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAOG;AACD,SACE,qBAAC,OAAA,EAAI,WAAU,yEACb,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY,GAAG,YAAY,WAAW,UAAU,IAAI,KAAK;AAAA,QACzD,OAAO,GAAG,YAAY,WAAW,UAAU,IAAI,KAAK;AAAA,QACpD,WAAU;AAAA,QACV,SAAS;AAAA,QAET,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAM,YAAY,iBAAiB;AAAA,YACnC,WAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MACZ;AAAA,IAAA;AAAA,IAEF;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY,UAAU,KAAK;AAAA,QAC3B,OAAO,aAAa,KAAK,IAAI,UAAU,IAAI,SAAS,OAAO,OAAO,KAAK;AAAA,QACvE,WAAU;AAAA,QACV,SAAS;AAAA,QAET,UAAA;AAAA,UAAA,qBAAC,QAAA,EAAK,WAAU,4CACd,UAAA;AAAA,YAAA,oBAAC,QAAA,EAAK,WAAU,6FACb,UAAA,OACH;AAAA,YACA,oBAAC,QAAA,EAAK,WAAU,yEACb,UAAA,MAAA,CACH;AAAA,UAAA,GACF;AAAA,UACA,oBAAC,aAAU,KAAA,CAAY;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACzB,GACF;AAEJ;AAEA,SAAS,QAAQ;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AACb,GAKG;AACD,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAW;AAAA,QACT;AAAA,QACA,YAAY;AAAA,MAAA;AAAA,MAEd,OAAO,MAAM,KAAK;AAAA,MAClB,SAAS,MAAM,SAAS,OAAO,IAAI;AAAA,MAEnC,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA,SAAS,SAAS;AAAA,YAAA;AAAA,YAGnB,UAAA,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,QAET,oBAAC,aAAU,KAAA,CAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG7B;AAEA,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAOG;AACD,SACE,qBAAC,OAAA,EAAI,WAAU,8EACb,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY,GAAG,YAAY,WAAW,UAAU,IAAI,MAAM;AAAA,QAC1D,OAAO,GAAG,YAAY,WAAW,UAAU,IAAI,MAAM;AAAA,QACrD,WAAU;AAAA,QACV,SAAS;AAAA,QAET,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAM,YAAY,iBAAiB;AAAA,YACnC,WAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MACZ;AAAA,IAAA;AAAA,IAEF;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY,UAAU,MAAM;AAAA,QAC5B,OAAO,aAAa,KAAK,IAAI,UAAU,IAAI,SAAS,OAAO,OAAO,MAAM;AAAA,QACxE,WAAU;AAAA,QACV,SAAS;AAAA,QAET,UAAA;AAAA,UAAA,qBAAC,QAAA,EAAK,WAAU,4CACd,UAAA;AAAA,YAAA,oBAAC,QAAA,EAAK,WAAU,+DACb,UAAA,QACH;AAAA,YACA,oBAAC,QAAA,EAAK,WAAU,yEACb,UAAA,MAAA,CACH;AAAA,UAAA,GACF;AAAA,UACA,oBAAC,aAAU,KAAA,CAAY;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACzB,GACF;AAEJ;AAEA,SAAS,kBAAkB;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAOG;AACD,QAAM,YAAY,SAAS,WAAW;AACtC,QAAM,OAAO,SAAS,QAAQ,IAAI,CAAC,UACjC;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC;AAAA,MACA,MAAM,UAAU,OAAO,KAAK;AAAA,MAC5B,UAAU;AAAA,MACV,UAAU;AAAA,IAAA;AAAA,IAJL,MAAM;AAAA,EAAA,CAMd;AACD,MAAI,CAAC,UAAW,QAAO,oBAAA,UAAA,EAAG,UAAA,MAAK;AAC/B,8BACG,OAAA,EACC,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,QAAQ,SAAS;AAAA,QACjB,OAAO,SAAS,QAAQ;AAAA,QACxB,WAAW,CAAC;AAAA,QACZ,MAAM,WAAW,SAAS,SAAS,KAAK;AAAA,QACxC,kBAAkB;AAAA,QAClB,cAAc,MACZ;AAAA,UACE,SAAS;AAAA,UACT,cAAc,SAAS,SAAS,KAAK;AAAA,QAAA;AAAA,MACvC;AAAA,IAAA;AAAA,IAGH,QAAQ;AAAA,EAAA,GACX;AAEJ;AAEO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AACf,GAKG;AACD,QAAM,CAAC,UAAU,WAAW,IAAI,SAAsB,MAAM,oBAAI,KAAK;AACrE,MAAI,OAAO,WAAW,GAAG;AACvB,WACE,oBAAC,OAAA,EAAI,WAAU,2CACZ,UAAA,YACH;AAAA,EAEJ;AACA,QAAM,SAAS,CAAC,QAAgB,SAAS,IAAI,GAAG;AAChD,QAAM,SAAS,CAAC,QACd,YAAY,CAAC,YAAY;AACvB,UAAM,OAAO,IAAI,IAAI,OAAO;AAC5B,QAAI,KAAK,IAAI,GAAG,EAAG,MAAK,OAAO,GAAG;AAAA,QAC7B,MAAK,IAAI,GAAG;AACjB,WAAO;AAAA,EACT,CAAC;AACH,QAAM,eAAe,CAAC,OAA4B,YAChD,SAAS,EAAE,GAAG,OAAO,CAAC,MAAM,GAAG,GAAG,SAAS,OAAO,GAAG;AACvD,QAAM,eAAe,CAAC,SAAgC,YAAsB;AAC1E,UAAM,OAAO,SAAS,OAAO;AAC7B,UAAM,UAAU,EAAE,GAAG,MAAA;AACrB,eAAW,SAAS,QAAS,SAAQ,MAAM,GAAG,IAAI;AAClD,aAAS,OAAO;AAAA,EAClB;AACA,6BACG,OAAA,EAAI,WAAU,aACZ,UAAA,OAAO,IAAI,CAAC,UAAU;AACrB,UAAM,YAAY,OAAO,MAAM,KAAK;AACpC,gCACG,OAAA,EACC,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAO,MAAM;AAAA,UACb,OAAO,MAAM,QAAQ;AAAA,UACrB,WAAW,CAAC;AAAA,UACZ,MAAM,WAAW,MAAM,SAAS,KAAK;AAAA,UACrC,kBAAkB,MAAM,OAAO,MAAM,KAAK;AAAA,UAC1C,cAAc,MACZ,aAAa,MAAM,SAAS,cAAc,MAAM,SAAS,KAAK,CAAC;AAAA,QAAA;AAAA,MAAA;AAAA,MAGlE,iCACE,OAAA,EAAI,WAAU,qBACZ,UAAA,MAAM,UAAU,IAAI,CAAC,aAAa;AACjC,cAAM,YAAY,GAAG,MAAM,KAAK,MAAM,SAAS,MAAM;AACrD,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC;AAAA,YACA;AAAA,YACA,MAAM,OAAO,SAAS;AAAA,YACtB,UAAU,MAAM,OAAO,SAAS;AAAA,YAChC,eAAe;AAAA,YACf,gBAAgB;AAAA,UAAA;AAAA,UANX,SAAS;AAAA,QAAA;AAAA,MASpB,CAAC,EAAA,CACH;AAAA,IAAA,EAAA,GA3BM,MAAM,KA6BhB;AAAA,EAEJ,CAAC,EAAA,CACH;AAEJ;AAEO,SAAS,2BAA2B;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,aAAa;AAAA,EACb;AACF,GAAoC;AAClC,QAAM,SAAS;AAAA,IACb,MAAM,kCAAkC,OAAO,KAAK;AAAA,IACpD,CAAC,OAAO,KAAK;AAAA,EAAA;AAEf,8BACG,OAAA,EAAI,WAAW,GAAG,aAAa,SAAS,GACtC,UAAA;AAAA,IAAA,SACC,oBAAC,OAAA,EAAI,WAAU,6CAA6C,UAAA,OAAM;AAAA,IAEpE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}