@flanksource/clicky-ui 0.3.44 → 0.3.46

package/dist/data/ai/ToolSchemaBrowser.sidebar.cjs

@@ -1,15 +1,12 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
 const IconButton = require("../../components/IconButton.cjs");
 const SegmentedControl = require("../../components/SegmentedControl.cjs");
-const ListMenu = require("../../components/ListMenu.cjs");
 const DropdownMenu = require("../../overlay/DropdownMenu.cjs");
 const utils = require("../../lib/utils.cjs");
 const Icon = require("../Icon.cjs");
-const ToolSchemaBrowser_directoryHeader = require("./ToolSchemaBrowser.directory-header.cjs");
-const ToolSchemaBrowser_selectionToolbar = require("./ToolSchemaBrowser.selection-toolbar.cjs");
+const ToolSchemaBrowser_tree = require("./ToolSchemaBrowser.tree.cjs");
 const ToolSchemaBrowser_model = require("./ToolSchemaBrowser.model.cjs");
 const UiSearch = require("../../icons/components/UiSearch.cjs");
 const UiListDashes = require("../../icons/components/UiListDashes.cjs");
@@ -19,7 +16,6 @@ const UiEye = require("../../icons/components/UiEye.cjs");
 const UiWarningTriangle = require("../../icons/components/UiWarningTriangle.cjs");
 const UiRepeat = require("../../icons/components/UiRepeat.cjs");
 const UiGlobe = require("../../icons/components/UiGlobe.cjs");
-const UiWrench = require("../../icons/components/UiWrench.cjs");
 function ToolSchemaBrowserSidebar({
   query,
   view,
@@ -28,7 +24,6 @@ function ToolSchemaBrowserSidebar({
   active,
   filteredCount,
   isOpen,
-  selection,
   value,
   onRule,
   onQueryChange,
@@ -38,7 +33,6 @@ function ToolSchemaBrowserSidebar({
   onToggle,
   onSelect
 }) {
-  const selected = (selection == null ? void 0 : selection.selected) ?? /* @__PURE__ */ new Set();
   const activeFilterCount = Object.values(filters).filter(
     (filter) => filter !== "any"
   ).length;
@@ -139,217 +133,22 @@ function ToolSchemaBrowserSidebar({
         }
       )
     ] }),
-    selection && onRule && selection.count > 0 && /* @__PURE__ */ jsxRuntime.jsx(
-      ToolSchemaBrowser_selectionToolbar.ToolSelectionStrategyToolbar,
+    /* @__PURE__ */ jsxRuntime.jsx(
+      ToolSchemaBrowser_tree.ToolPolicyTree,
       {
-        selection,
-        onRule
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      ListMenu.ListMenu,
-      {
-        className: "min-h-0 flex-1 overflow-y-auto divide-y-0",
-        ...selection ? { selection } : {},
-        children: [
-          sections.map((section) => {
-            const sectionKey = `p:${section.label}`;
-            const sectionOpen = isOpen(sectionKey);
-            const sectionTools = section.children.flatMap((child) => child.tools);
-            const sectionNames = sectionTools.map((tool) => tool.name);
-            const sectionState = ToolSchemaBrowser_model.selectedToolState(selected, sectionNames);
-            return /* @__PURE__ */ jsxRuntime.jsxs(ListMenu.ListMenuSection, { children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(ListMenu.ListMenuHeader, { className: "px-0 py-0", children: [
-                selection && /* @__PURE__ */ jsxRuntime.jsx(
-                  SelectionCheckbox,
-                  {
-                    label: `Select all visible tools in ${section.label}`,
-                    checked: sectionState.checked,
-                    mixed: sectionState.mixed,
-                    onChange: () => selection.set(
-                      ToolSchemaBrowser_model.updateSelectedTools(
-                        selection.selectedKeys,
-                        sectionNames
-                      )
-                    )
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  ToolSchemaBrowser_directoryHeader.ToolDirectoryHeader,
-                  {
-                    label: section.label,
-                    count: section.count,
-                    open: sectionOpen,
-                    variant: "section",
-                    onToggle: () => onToggle(sectionKey),
-                    ...onRule ? {
-                      onAdd: () => onRule(
-                        ToolSchemaBrowser_model.directoryPermissionRule({
-                          tools: sectionTools,
-                          view,
-                          depth: "section"
-                        })
-                      )
-                    } : {}
-                  }
-                )
-              ] }),
-              sectionOpen && section.children.map((child) => {
-                const childKey = `s:${section.label}///${child.label}`;
-                const childOpen = isOpen(childKey);
-                const childNames = child.tools.map((tool) => tool.name);
-                const childState = ToolSchemaBrowser_model.selectedToolState(selected, childNames);
-                return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center border-b border-border bg-background pl-2", children: [
-                    selection && /* @__PURE__ */ jsxRuntime.jsx(
-                      SelectionCheckbox,
-                      {
-                        label: `Select all visible tools in ${child.label}`,
-                        checked: childState.checked,
-                        mixed: childState.mixed,
-                        onChange: () => selection.set(
-                          ToolSchemaBrowser_model.updateSelectedTools(
-                            selection.selectedKeys,
-                            childNames
-                          )
-                        )
-                      }
-                    ),
-                    /* @__PURE__ */ jsxRuntime.jsx(
-                      ToolSchemaBrowser_directoryHeader.ToolDirectoryHeader,
-                      {
-                        label: child.label,
-                        count: child.tools.length,
-                        open: childOpen,
-                        variant: "child",
-                        onToggle: () => onToggle(childKey),
-                        ...onRule ? {
-                          onAdd: () => onRule(
-                            ToolSchemaBrowser_model.directoryPermissionRule({
-                              tools: child.tools,
-                              view,
-                              depth: "child"
-                            })
-                          )
-                        } : {}
-                      }
-                    )
-                  ] }),
-                  childOpen && child.tools.map((tool) => /* @__PURE__ */ jsxRuntime.jsx(
-                    ToolSidebarRow,
-                    {
-                      tool,
-                      active: (active == null ? void 0 : active.name) === tool.name,
-                      policy: value == null ? void 0 : value[tool.name],
-                      selectable: selection !== void 0,
-                      onSelect: () => onSelect(tool.name)
-                    },
-                    tool.name
-                  ))
-                ] }, childKey);
-              })
-            ] }, sectionKey);
-          }),
-          filteredCount === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-3 py-8 text-center text-xs text-muted-foreground", children: "No matching tools" })
-        ]
+        sections: filteredCount === 0 ? [] : sections,
+        view,
+        value,
+        onRule,
+        isOpen,
+        onToggle,
+        activeName: active == null ? void 0 : active.name,
+        onSelect,
+        className: "min-h-0 flex-1 overflow-y-auto"
       }
     )
   ] });
 }
-function ToolSidebarRow({
-  tool,
-  active,
-  policy,
-  selectable,
-  onSelect
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    ListMenu.ListMenuItem,
-    {
-      active,
-      role: "button",
-      tabIndex: 0,
-      "aria-selected": active,
-      "aria-label": tool.label || tool.name,
-      className: utils.cn("px-2 py-2", selectable ? "pl-4" : "pl-6"),
-      onClick: onSelect,
-      onKeyDown: (event) => {
-        if (event.key === "Enter" || event.key === " ") {
-          event.preventDefault();
-          onSelect();
-        }
-      },
-      ...selectable ? {
-        itemKey: tool.name,
-        checkboxLabel: `Select ${tool.label || tool.name}`
-      } : {},
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-[1rem_minmax(0,1fr)_auto] items-center gap-2", children: [
-        tool.icon ? /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { name: tool.icon, className: "size-3.5 text-muted-foreground" }) : /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiWrench.UiWrench, className: "size-3.5 text-muted-foreground" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 truncate text-xs font-medium", children: tool.label || tool.name }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ToolHintIcons, { tool }),
-          policy && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded bg-muted px-1 py-0.5 text-[9px] font-medium capitalize text-muted-foreground", children: policy === "allow" ? "On" : policy === "deny" ? "Off" : policy })
-        ] })
-      ] })
-    }
-  );
-}
-function ToolHintIcons({ tool }) {
-  var _a, _b, _c, _d;
-  const hints = [
-    [
-      (_a = tool.annotations) == null ? void 0 : _a.readOnlyHint,
-      "Read only tool",
-      UiEye.UiEye,
-      "text-emerald-600"
-    ],
-    [
-      (_b = tool.annotations) == null ? void 0 : _b.destructiveHint,
-      "Destructive tool",
-      UiWarningTriangle.UiWarningTriangle,
-      "text-red-600"
-    ],
-    [
-      (_c = tool.annotations) == null ? void 0 : _c.idempotentHint,
-      "Idempotent tool",
-      UiRepeat.UiRepeat,
-      "text-sky-600"
-    ],
-    [
-      (_d = tool.annotations) == null ? void 0 : _d.openWorldHint,
-      "Open world tool",
-      UiGlobe.UiGlobe,
-      "text-violet-600"
-    ]
-  ];
-  return hints.flatMap(
-    ([enabled, label, icon, className]) => enabled ? [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { role: "img", "aria-label": label, title: label, children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon, className: utils.cn("size-3", className) }) }, label)
-    ] : []
-  );
-}
-function SelectionCheckbox({
-  label,
-  checked,
-  mixed,
-  onChange
-}) {
-  const ref = react.useRef(null);
-  react.useEffect(() => {
-    if (ref.current) ref.current.indeterminate = mixed;
-  }, [mixed]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "input",
-    {
-      ref,
-      type: "checkbox",
-      checked,
-      "aria-label": label,
-      onChange,
-      className: "ml-2 size-3.5 shrink-0 rounded border-input"
-    }
-  );
-}
 function ViewToggleButton({
   active,
   icon,

package/dist/data/ai/ToolSchemaBrowser.sidebar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ToolSchemaBrowser.sidebar.cjs","sources":["../../../src/data/ai/ToolSchemaBrowser.sidebar.tsx"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport { IconButton } from \"../../components/IconButton\";\nimport { SegmentedControl } from \"../../components/SegmentedControl\";\nimport {\n  ListMenu,\n  ListMenuHeader,\n  ListMenuItem,\n  ListMenuSection,\n} from \"../../components/ListMenu\";\nimport type { ListMenuSelection } from \"../../components/use-list-menu-selection\";\nimport { DropdownMenu } from \"../../overlay/DropdownMenu\";\nimport { cn } from \"../../lib/utils\";\nimport {\n  UiEye,\n  UiFilter,\n  UiGlobe,\n  UiLayers,\n  UiListDashes,\n  UiRepeat,\n  UiSearch,\n  UiWarningTriangle,\n  UiWrench,\n} from \"../../icons\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport type { PermissionRule } from \"../chat/tool-policy\";\nimport type { ToolMeta, ToolPolicy } from \"../chat/types\";\nimport { ToolDirectoryHeader } from \"./ToolSchemaBrowser.directory-header\";\nimport { ToolSelectionStrategyToolbar } from \"./ToolSchemaBrowser.selection-toolbar\";\nimport {\n  TOOL_HINTS,\n  directoryPermissionRule,\n  selectedToolState,\n  updateSelectedTools,\n  type ToolHintFilter,\n  type ToolHintFilters,\n  type ToolHintKey,\n  type ToolSchemaViewMode,\n  type ToolSection,\n} from \"./ToolSchemaBrowser.model\";\n\nexport function ToolSchemaBrowserSidebar({\n  query,\n  view,\n  filters,\n  sections,\n  active,\n  filteredCount,\n  isOpen,\n  selection,\n  value,\n  onRule,\n  onQueryChange,\n  onViewChange,\n  onFilterChange,\n  onClearFilters,\n  onToggle,\n  onSelect,\n}: {\n  query: string;\n  view: ToolSchemaViewMode;\n  filters: ToolHintFilters;\n  sections: ToolSection[];\n  active: ToolMeta | undefined;\n  filteredCount: number;\n  isOpen: (key: string) => boolean;\n  selection?: ListMenuSelection | undefined;\n  value: Record<string, ToolPolicy> | undefined;\n  onRule: ((rule: PermissionRule) => void) | undefined;\n  onQueryChange: (query: string) => void;\n  onViewChange: (view: ToolSchemaViewMode) => void;\n  onFilterChange: (key: ToolHintKey, value: ToolHintFilter) => void;\n  onClearFilters: () => void;\n  onToggle: (key: string) => void;\n  onSelect: (name: string) => void;\n}) {\n  const selected = selection?.selected ?? new Set<string>();\n  const activeFilterCount = Object.values(filters).filter(\n    (filter) => filter !== \"any\",\n  ).length;\n  return (\n    <>\n      <label className=\"flex h-9 shrink-0 items-center gap-2 border-b border-border px-2 text-xs\">\n        <Icon icon={UiSearch} className=\"size-3.5 text-muted-foreground\" />\n        <input\n          value={query}\n          onChange={(event) => onQueryChange(event.target.value)}\n          placeholder=\"Search tools\"\n          className=\"min-w-0 flex-1 bg-transparent outline-none\"\n        />\n      </label>\n      <div className=\"flex shrink-0 items-center gap-1 border-b border-border px-2 py-1\">\n        <ViewToggleButton\n          active={view === \"group\"}\n          icon={UiListDashes}\n          label=\"Group\"\n          onClick={() => onViewChange(\"group\")}\n        />\n        <ViewToggleButton\n          active={view === \"tree\"}\n          icon={UiLayers}\n          label=\"Tree\"\n          onClick={() => onViewChange(\"tree\")}\n        />\n        <DropdownMenu\n          align=\"right\"\n          menuLabel=\"Tool annotation filters\"\n          menuClassName=\"w-72 p-2\"\n          className=\"ml-auto\"\n          trigger={\n            <span className=\"relative inline-flex\">\n              <IconButton\n                icon={UiFilter}\n                label={\n                  activeFilterCount > 0\n                    ? `Filter tool annotations, ${activeFilterCount} active`\n                    : \"Filter tool annotations\"\n                }\n                className={cn(\n                  activeFilterCount > 0 && \"bg-primary/10 text-primary\",\n                )}\n              />\n              {activeFilterCount > 0 && (\n                <span className=\"pointer-events-none absolute -right-1 -top-1 flex size-4 items-center justify-center rounded-full bg-primary text-[9px] font-bold text-primary-foreground\">\n                  {activeFilterCount}\n                </span>\n              )}\n            </span>\n          }\n        >\n          {() => (\n            <div className=\"space-y-density-2\">\n              <div className=\"flex items-center justify-between gap-density-2\">\n                <span className=\"text-xs font-semibold\">Tool annotations</span>\n                <button\n                  type=\"button\"\n                  disabled={activeFilterCount === 0}\n                  onClick={onClearFilters}\n                  className=\"text-[10px] font-medium text-primary disabled:text-muted-foreground\"\n                >\n                  Clear all\n                </button>\n              </div>\n              {TOOL_HINTS.map(({ key, label }) => (\n                <div key={key} className=\"space-y-1\">\n                  <span className=\"flex items-center gap-1 text-[10px] font-medium text-muted-foreground\">\n                    <Icon\n                      icon={hintFilterIcon(key)}\n                      className={cn(\"size-3\", hintIconClass(key))}\n                    />\n                    {label}\n                  </span>\n                  <SegmentedControl<ToolHintFilter>\n                    aria-label={label}\n                    value={filters[key]}\n                    onChange={(next) => onFilterChange(key, next)}\n                    size=\"sm\"\n                    className=\"w-full\"\n                    options={[\n                      { id: \"any\", label: \"Any\" },\n                      { id: \"yes\", label: \"Yes\" },\n                      { id: \"no\", label: \"No\" },\n                    ]}\n                  />\n                </div>\n              ))}\n            </div>\n          )}\n        </DropdownMenu>\n      </div>\n      {selection && onRule && selection.count > 0 && (\n        <ToolSelectionStrategyToolbar\n          selection={selection}\n          onRule={onRule}\n        />\n      )}\n      <ListMenu\n        className=\"min-h-0 flex-1 overflow-y-auto divide-y-0\"\n        {...(selection ? { selection } : {})}\n      >\n        {sections.map((section) => {\n          const sectionKey = `p:${section.label}`;\n          const sectionOpen = isOpen(sectionKey);\n          const sectionTools = section.children.flatMap((child) => child.tools);\n          const sectionNames = sectionTools.map((tool) => tool.name);\n          const sectionState = selectedToolState(selected, sectionNames);\n          return (\n            <ListMenuSection key={sectionKey}>\n              <ListMenuHeader className=\"px-0 py-0\">\n                {selection && (\n                  <SelectionCheckbox\n                    label={`Select all visible tools in ${section.label}`}\n                    checked={sectionState.checked}\n                    mixed={sectionState.mixed}\n                    onChange={() =>\n                      selection.set(\n                        updateSelectedTools(\n                          selection.selectedKeys,\n                          sectionNames,\n                        ),\n                      )\n                    }\n                  />\n                )}\n                <ToolDirectoryHeader\n                  label={section.label}\n                  count={section.count}\n                  open={sectionOpen}\n                  variant=\"section\"\n                  onToggle={() => onToggle(sectionKey)}\n                  {...(onRule\n                    ? {\n                        onAdd: () =>\n                          onRule(\n                            directoryPermissionRule({\n                              tools: sectionTools,\n                              view,\n                              depth: \"section\",\n                            }),\n                          ),\n                      }\n                    : {})}\n                />\n              </ListMenuHeader>\n              {sectionOpen &&\n                section.children.map((child) => {\n                  const childKey = `s:${section.label}///${child.label}`;\n                  const childOpen = isOpen(childKey);\n                  const childNames = child.tools.map((tool) => tool.name);\n                  const childState = selectedToolState(selected, childNames);\n                  return (\n                    <div key={childKey}>\n                      <div className=\"flex items-center border-b border-border bg-background pl-2\">\n                        {selection && (\n                          <SelectionCheckbox\n                            label={`Select all visible tools in ${child.label}`}\n                            checked={childState.checked}\n                            mixed={childState.mixed}\n                            onChange={() =>\n                              selection.set(\n                                updateSelectedTools(\n                                  selection.selectedKeys,\n                                  childNames,\n                                ),\n                              )\n                            }\n                          />\n                        )}\n                        <ToolDirectoryHeader\n                          label={child.label}\n                          count={child.tools.length}\n                          open={childOpen}\n                          variant=\"child\"\n                          onToggle={() => onToggle(childKey)}\n                          {...(onRule\n                            ? {\n                                onAdd: () =>\n                                  onRule(\n                                    directoryPermissionRule({\n                                      tools: child.tools,\n                                      view,\n                                      depth: \"child\",\n                                    }),\n                                  ),\n                              }\n                            : {})}\n                        />\n                      </div>\n                      {childOpen &&\n                        child.tools.map((tool) => (\n                          <ToolSidebarRow\n                            key={tool.name}\n                            tool={tool}\n                            active={active?.name === tool.name}\n                            policy={value?.[tool.name]}\n                            selectable={selection !== undefined}\n                            onSelect={() => onSelect(tool.name)}\n                          />\n                        ))}\n                    </div>\n                  );\n                })}\n            </ListMenuSection>\n          );\n        })}\n        {filteredCount === 0 && (\n          <div className=\"px-3 py-8 text-center text-xs text-muted-foreground\">\n            No matching tools\n          </div>\n        )}\n      </ListMenu>\n    </>\n  );\n}\n\nfunction ToolSidebarRow({\n  tool,\n  active,\n  policy,\n  selectable,\n  onSelect,\n}: {\n  tool: ToolMeta;\n  active: boolean;\n  policy: ToolPolicy | undefined;\n  selectable: boolean;\n  onSelect: () => void;\n}) {\n  return (\n    <ListMenuItem\n      active={active}\n      role=\"button\"\n      tabIndex={0}\n      aria-selected={active}\n      aria-label={tool.label || tool.name}\n      className={cn(\"px-2 py-2\", selectable ? \"pl-4\" : \"pl-6\")}\n      onClick={onSelect}\n      onKeyDown={(event) => {\n        if (event.key === \"Enter\" || event.key === \" \") {\n          event.preventDefault();\n          onSelect();\n        }\n      }}\n      {...(selectable\n        ? {\n            itemKey: tool.name,\n            checkboxLabel: `Select ${tool.label || tool.name}`,\n          }\n        : {})}\n    >\n      <div className=\"grid grid-cols-[1rem_minmax(0,1fr)_auto] items-center gap-2\">\n        {tool.icon ? (\n          <Icon name={tool.icon} className=\"size-3.5 text-muted-foreground\" />\n        ) : (\n          <Icon icon={UiWrench} className=\"size-3.5 text-muted-foreground\" />\n        )}\n        <span className=\"min-w-0 truncate text-xs font-medium\">\n          {tool.label || tool.name}\n        </span>\n        <div className=\"flex items-center gap-1\">\n          <ToolHintIcons tool={tool} />\n          {policy && (\n            <span className=\"rounded bg-muted px-1 py-0.5 text-[9px] font-medium capitalize text-muted-foreground\">\n              {policy === \"allow\" ? \"On\" : policy === \"deny\" ? \"Off\" : policy}\n            </span>\n          )}\n        </div>\n      </div>\n    </ListMenuItem>\n  );\n}\n\nfunction ToolHintIcons({ tool }: { tool: ToolMeta }) {\n  const hints = [\n    [\n      tool.annotations?.readOnlyHint,\n      \"Read only tool\",\n      UiEye,\n      \"text-emerald-600\",\n    ],\n    [\n      tool.annotations?.destructiveHint,\n      \"Destructive tool\",\n      UiWarningTriangle,\n      \"text-red-600\",\n    ],\n    [\n      tool.annotations?.idempotentHint,\n      \"Idempotent tool\",\n      UiRepeat,\n      \"text-sky-600\",\n    ],\n    [\n      tool.annotations?.openWorldHint,\n      \"Open world tool\",\n      UiGlobe,\n      \"text-violet-600\",\n    ],\n  ] as const;\n  return hints.flatMap(([enabled, label, icon, className]) =>\n    enabled\n      ? [\n          <span key={label} role=\"img\" aria-label={label} title={label}>\n            <Icon icon={icon} className={cn(\"size-3\", className)} />\n          </span>,\n        ]\n      : [],\n  );\n}\n\nfunction SelectionCheckbox({\n  label,\n  checked,\n  mixed,\n  onChange,\n}: {\n  label: string;\n  checked: boolean;\n  mixed: boolean;\n  onChange: () => void;\n}) {\n  const ref = useRef<HTMLInputElement>(null);\n  useEffect(() => {\n    if (ref.current) ref.current.indeterminate = mixed;\n  }, [mixed]);\n  return (\n    <input\n      ref={ref}\n      type=\"checkbox\"\n      checked={checked}\n      aria-label={label}\n      onChange={onChange}\n      className=\"ml-2 size-3.5 shrink-0 rounded border-input\"\n    />\n  );\n}\n\nfunction ViewToggleButton({\n  active,\n  icon,\n  label,\n  onClick,\n}: {\n  active: boolean;\n  icon: StaticIconComponent;\n  label: string;\n  onClick: () => void;\n}) {\n  return (\n    <button\n      type=\"button\"\n      onClick={onClick}\n      aria-pressed={active}\n      className={cn(\n        \"flex items-center gap-1 rounded px-2 py-0.5 text-[11px] font-medium\",\n        active\n          ? \"bg-accent text-foreground\"\n          : \"text-muted-foreground hover:bg-accent/50\",\n      )}\n    >\n      <Icon icon={icon} className=\"size-3.5\" />\n      {label}\n    </button>\n  );\n}\n\nfunction hintFilterIcon(key: ToolHintKey): StaticIconComponent {\n  if (key === \"readOnlyHint\") return UiEye;\n  if (key === \"destructiveHint\") return UiWarningTriangle;\n  if (key === \"idempotentHint\") return UiRepeat;\n  return UiGlobe;\n}\n\nfunction hintIconClass(key: ToolHintKey): string {\n  if (key === \"readOnlyHint\") return \"text-emerald-600\";\n  if (key === \"destructiveHint\") return \"text-red-600\";\n  if (key === \"idempotentHint\") return \"text-sky-600\";\n  return \"text-violet-600\";\n}\n"],"names":["jsxs","Fragment","jsx","Icon","UiSearch","UiListDashes","UiLayers","DropdownMenu","IconButton","UiFilter","cn","TOOL_HINTS","SegmentedControl","ToolSelectionStrategyToolbar","ListMenu","selectedToolState","ListMenuSection","ListMenuHeader","updateSelectedTools","ToolDirectoryHeader","directoryPermissionRule","ListMenuItem","UiWrench","UiEye","UiWarningTriangle","UiRepeat","UiGlobe","useRef","useEffect"],"mappings":"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"}
+{"version":3,"file":"ToolSchemaBrowser.sidebar.cjs","sources":["../../../src/data/ai/ToolSchemaBrowser.sidebar.tsx"],"sourcesContent":["import { IconButton } from \"../../components/IconButton\";\nimport { SegmentedControl } from \"../../components/SegmentedControl\";\nimport { DropdownMenu } from \"../../overlay/DropdownMenu\";\nimport { cn } from \"../../lib/utils\";\nimport {\n  UiEye,\n  UiFilter,\n  UiGlobe,\n  UiLayers,\n  UiListDashes,\n  UiRepeat,\n  UiSearch,\n  UiWarningTriangle,\n} from \"../../icons\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport type { PermissionRule } from \"../chat/tool-policy\";\nimport type { ToolMeta, ToolPolicy } from \"../chat/types\";\nimport { ToolPolicyTree } from \"./ToolSchemaBrowser.tree\";\nimport {\n  TOOL_HINTS,\n  type ToolHintFilter,\n  type ToolHintFilters,\n  type ToolHintKey,\n  type ToolSchemaViewMode,\n  type ToolSection,\n} from \"./ToolSchemaBrowser.model\";\n\nexport function ToolSchemaBrowserSidebar({\n  query,\n  view,\n  filters,\n  sections,\n  active,\n  filteredCount,\n  isOpen,\n  value,\n  onRule,\n  onQueryChange,\n  onViewChange,\n  onFilterChange,\n  onClearFilters,\n  onToggle,\n  onSelect,\n}: {\n  query: string;\n  view: ToolSchemaViewMode;\n  filters: ToolHintFilters;\n  sections: ToolSection[];\n  active: ToolMeta | undefined;\n  filteredCount: number;\n  isOpen: (key: string) => boolean;\n  value: Record<string, ToolPolicy> | undefined;\n  onRule: ((rule: PermissionRule) => void) | undefined;\n  onQueryChange: (query: string) => void;\n  onViewChange: (view: ToolSchemaViewMode) => void;\n  onFilterChange: (key: ToolHintKey, value: ToolHintFilter) => void;\n  onClearFilters: () => void;\n  onToggle: (key: string) => void;\n  onSelect: (name: string) => void;\n}) {\n  const activeFilterCount = Object.values(filters).filter(\n    (filter) => filter !== \"any\",\n  ).length;\n  return (\n    <>\n      <label className=\"flex h-9 shrink-0 items-center gap-2 border-b border-border px-2 text-xs\">\n        <Icon icon={UiSearch} className=\"size-3.5 text-muted-foreground\" />\n        <input\n          value={query}\n          onChange={(event) => onQueryChange(event.target.value)}\n          placeholder=\"Search tools\"\n          className=\"min-w-0 flex-1 bg-transparent outline-none\"\n        />\n      </label>\n      <div className=\"flex shrink-0 items-center gap-1 border-b border-border px-2 py-1\">\n        <ViewToggleButton\n          active={view === \"group\"}\n          icon={UiListDashes}\n          label=\"Group\"\n          onClick={() => onViewChange(\"group\")}\n        />\n        <ViewToggleButton\n          active={view === \"tree\"}\n          icon={UiLayers}\n          label=\"Tree\"\n          onClick={() => onViewChange(\"tree\")}\n        />\n        <DropdownMenu\n          align=\"right\"\n          menuLabel=\"Tool annotation filters\"\n          menuClassName=\"w-72 p-2\"\n          className=\"ml-auto\"\n          trigger={\n            <span className=\"relative inline-flex\">\n              <IconButton\n                icon={UiFilter}\n                label={\n                  activeFilterCount > 0\n                    ? `Filter tool annotations, ${activeFilterCount} active`\n                    : \"Filter tool annotations\"\n                }\n                className={cn(\n                  activeFilterCount > 0 && \"bg-primary/10 text-primary\",\n                )}\n              />\n              {activeFilterCount > 0 && (\n                <span className=\"pointer-events-none absolute -right-1 -top-1 flex size-4 items-center justify-center rounded-full bg-primary text-[9px] font-bold text-primary-foreground\">\n                  {activeFilterCount}\n                </span>\n              )}\n            </span>\n          }\n        >\n          {() => (\n            <div className=\"space-y-density-2\">\n              <div className=\"flex items-center justify-between gap-density-2\">\n                <span className=\"text-xs font-semibold\">Tool annotations</span>\n                <button\n                  type=\"button\"\n                  disabled={activeFilterCount === 0}\n                  onClick={onClearFilters}\n                  className=\"text-[10px] font-medium text-primary disabled:text-muted-foreground\"\n                >\n                  Clear all\n                </button>\n              </div>\n              {TOOL_HINTS.map(({ key, label }) => (\n                <div key={key} className=\"space-y-1\">\n                  <span className=\"flex items-center gap-1 text-[10px] font-medium text-muted-foreground\">\n                    <Icon\n                      icon={hintFilterIcon(key)}\n                      className={cn(\"size-3\", hintIconClass(key))}\n                    />\n                    {label}\n                  </span>\n                  <SegmentedControl<ToolHintFilter>\n                    aria-label={label}\n                    value={filters[key]}\n                    onChange={(next) => onFilterChange(key, next)}\n                    size=\"sm\"\n                    className=\"w-full\"\n                    options={[\n                      { id: \"any\", label: \"Any\" },\n                      { id: \"yes\", label: \"Yes\" },\n                      { id: \"no\", label: \"No\" },\n                    ]}\n                  />\n                </div>\n              ))}\n            </div>\n          )}\n        </DropdownMenu>\n      </div>\n      <ToolPolicyTree\n        sections={filteredCount === 0 ? [] : sections}\n        view={view}\n        value={value}\n        onRule={onRule}\n        isOpen={isOpen}\n        onToggle={onToggle}\n        activeName={active?.name}\n        onSelect={onSelect}\n        className=\"min-h-0 flex-1 overflow-y-auto\"\n      />\n    </>\n  );\n}\n\nfunction ViewToggleButton({\n  active,\n  icon,\n  label,\n  onClick,\n}: {\n  active: boolean;\n  icon: StaticIconComponent;\n  label: string;\n  onClick: () => void;\n}) {\n  return (\n    <button\n      type=\"button\"\n      onClick={onClick}\n      aria-pressed={active}\n      className={cn(\n        \"flex items-center gap-1 rounded px-2 py-0.5 text-[11px] font-medium\",\n        active\n          ? \"bg-accent text-foreground\"\n          : \"text-muted-foreground hover:bg-accent/50\",\n      )}\n    >\n      <Icon icon={icon} className=\"size-3.5\" />\n      {label}\n    </button>\n  );\n}\n\nfunction hintFilterIcon(key: ToolHintKey): StaticIconComponent {\n  if (key === \"readOnlyHint\") return UiEye;\n  if (key === \"destructiveHint\") return UiWarningTriangle;\n  if (key === \"idempotentHint\") return UiRepeat;\n  return UiGlobe;\n}\n\nfunction hintIconClass(key: ToolHintKey): string {\n  if (key === \"readOnlyHint\") return \"text-emerald-600\";\n  if (key === \"destructiveHint\") return \"text-red-600\";\n  if (key === \"idempotentHint\") return \"text-sky-600\";\n  return \"text-violet-600\";\n}\n"],"names":["jsxs","Fragment","jsx","Icon","UiSearch","UiListDashes","UiLayers","DropdownMenu","IconButton","UiFilter","cn","TOOL_HINTS","SegmentedControl","ToolPolicyTree","UiEye","UiWarningTriangle","UiRepeat","UiGlobe"],"mappings":"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"}

package/dist/data/ai/ToolSchemaBrowser.sidebar.d.ts

@@ -1,8 +1,7 @@
-import { ListMenuSelection } from '../../components/use-list-menu-selection.js';
 import { PermissionRule } from '../chat/tool-policy.js';
 import { ToolMeta, ToolPolicy } from '../chat/types.js';
 import { ToolHintFilter, ToolHintFilters, ToolHintKey, ToolSchemaViewMode, ToolSection } from './ToolSchemaBrowser.model.js';
-export declare function ToolSchemaBrowserSidebar({ query, view, filters, sections, active, filteredCount, isOpen, selection, value, onRule, onQueryChange, onViewChange, onFilterChange, onClearFilters, onToggle, onSelect, }: {
+export declare function ToolSchemaBrowserSidebar({ query, view, filters, sections, active, filteredCount, isOpen, value, onRule, onQueryChange, onViewChange, onFilterChange, onClearFilters, onToggle, onSelect, }: {
     query: string;
     view: ToolSchemaViewMode;
     filters: ToolHintFilters;
@@ -10,7 +9,6 @@ export declare function ToolSchemaBrowserSidebar({ query, view, filters, section
     active: ToolMeta | undefined;
     filteredCount: number;
     isOpen: (key: string) => boolean;
-    selection?: ListMenuSelection | undefined;
     value: Record<string, ToolPolicy> | undefined;
     onRule: ((rule: PermissionRule) => void) | undefined;
     onQueryChange: (query: string) => void;

package/dist/data/ai/ToolSchemaBrowser.sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolSchemaBrowser.sidebar.d.ts","sourceRoot":"","sources":["../../../src/data/ai/ToolSchemaBrowser.sidebar.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0CAA0C,CAAC;AAelF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAG1D,OAAO,EAKL,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACvB,KAAK,WAAW,EACjB,MAAM,2BAA2B,CAAC;AAEnC,wBAAgB,wBAAwB,CAAC,EACvC,KAAK,EACL,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,MAAM,EACN,aAAa,EACb,MAAM,EACN,SAAS,EACT,KAAK,EACL,MAAM,EACN,aAAa,EACb,YAAY,EACZ,cAAc,EACd,cAAc,EACd,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,kBAAkB,CAAC;IACzB,OAAO,EAAE,eAAe,CAAC;IACzB,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,MAAM,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC7B,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC;IACjC,SAAS,CAAC,EAAE,iBAAiB,GAAG,SAAS,CAAC;IAC1C,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,GAAG,SAAS,CAAC;IAC9C,MAAM,EAAE,CAAC,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACrD,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,YAAY,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACjD,cAAc,EAAE,CAAC,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAClE,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC,+BA0NA"}
+{"version":3,"file":"ToolSchemaBrowser.sidebar.d.ts","sourceRoot":"","sources":["../../../src/data/ai/ToolSchemaBrowser.sidebar.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE1D,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACvB,KAAK,WAAW,EACjB,MAAM,2BAA2B,CAAC;AAEnC,wBAAgB,wBAAwB,CAAC,EACvC,KAAK,EACL,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,MAAM,EACN,aAAa,EACb,MAAM,EACN,KAAK,EACL,MAAM,EACN,aAAa,EACb,YAAY,EACZ,cAAc,EACd,cAAc,EACd,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,kBAAkB,CAAC;IACzB,OAAO,EAAE,eAAe,CAAC;IACzB,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,MAAM,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC7B,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC;IACjC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,GAAG,SAAS,CAAC;IAC9C,MAAM,EAAE,CAAC,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACrD,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,YAAY,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACjD,cAAc,EAAE,CAAC,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAClE,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC,+BA2GA"}

package/dist/data/ai/ToolSchemaBrowser.sidebar.js

@@ -1,14 +1,11 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { useRef, useEffect } from "react";
 import { IconButton } from "../../components/IconButton.js";
 import { SegmentedControl } from "../../components/SegmentedControl.js";
-import { ListMenu, ListMenuSection, ListMenuHeader, ListMenuItem } from "../../components/ListMenu.js";
 import { DropdownMenu } from "../../overlay/DropdownMenu.js";
 import { cn } from "../../lib/utils.js";
 import { Icon } from "../Icon.js";
-import { ToolDirectoryHeader } from "./ToolSchemaBrowser.directory-header.js";
-import { ToolSelectionStrategyToolbar } from "./ToolSchemaBrowser.selection-toolbar.js";
-import { TOOL_HINTS, selectedToolState, updateSelectedTools, directoryPermissionRule } from "./ToolSchemaBrowser.model.js";
+import { ToolPolicyTree } from "./ToolSchemaBrowser.tree.js";
+import { TOOL_HINTS } from "./ToolSchemaBrowser.model.js";
 import { UiSearch } from "../../icons/components/UiSearch.js";
 import { UiListDashes } from "../../icons/components/UiListDashes.js";
 import { UiLayers } from "../../icons/components/UiLayers.js";
@@ -17,7 +14,6 @@ import { UiEye } from "../../icons/components/UiEye.js";
 import { UiWarningTriangle } from "../../icons/components/UiWarningTriangle.js";
 import { UiRepeat } from "../../icons/components/UiRepeat.js";
 import { UiGlobe } from "../../icons/components/UiGlobe.js";
-import { UiWrench } from "../../icons/components/UiWrench.js";
 function ToolSchemaBrowserSidebar({
   query,
   view,
@@ -26,7 +22,6 @@ function ToolSchemaBrowserSidebar({
   active,
   filteredCount,
   isOpen,
-  selection,
   value,
   onRule,
   onQueryChange,
@@ -36,7 +31,6 @@ function ToolSchemaBrowserSidebar({
   onToggle,
   onSelect
 }) {
-  const selected = (selection == null ? void 0 : selection.selected) ?? /* @__PURE__ */ new Set();
   const activeFilterCount = Object.values(filters).filter(
     (filter) => filter !== "any"
   ).length;
@@ -137,217 +131,22 @@ function ToolSchemaBrowserSidebar({
         }
       )
     ] }),
-    selection && onRule && selection.count > 0 && /* @__PURE__ */ jsx(
-      ToolSelectionStrategyToolbar,
+    /* @__PURE__ */ jsx(
+      ToolPolicyTree,
       {
-        selection,
-        onRule
-      }
-    ),
-    /* @__PURE__ */ jsxs(
-      ListMenu,
-      {
-        className: "min-h-0 flex-1 overflow-y-auto divide-y-0",
-        ...selection ? { selection } : {},
-        children: [
-          sections.map((section) => {
-            const sectionKey = `p:${section.label}`;
-            const sectionOpen = isOpen(sectionKey);
-            const sectionTools = section.children.flatMap((child) => child.tools);
-            const sectionNames = sectionTools.map((tool) => tool.name);
-            const sectionState = selectedToolState(selected, sectionNames);
-            return /* @__PURE__ */ jsxs(ListMenuSection, { children: [
-              /* @__PURE__ */ jsxs(ListMenuHeader, { className: "px-0 py-0", children: [
-                selection && /* @__PURE__ */ jsx(
-                  SelectionCheckbox,
-                  {
-                    label: `Select all visible tools in ${section.label}`,
-                    checked: sectionState.checked,
-                    mixed: sectionState.mixed,
-                    onChange: () => selection.set(
-                      updateSelectedTools(
-                        selection.selectedKeys,
-                        sectionNames
-                      )
-                    )
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  ToolDirectoryHeader,
-                  {
-                    label: section.label,
-                    count: section.count,
-                    open: sectionOpen,
-                    variant: "section",
-                    onToggle: () => onToggle(sectionKey),
-                    ...onRule ? {
-                      onAdd: () => onRule(
-                        directoryPermissionRule({
-                          tools: sectionTools,
-                          view,
-                          depth: "section"
-                        })
-                      )
-                    } : {}
-                  }
-                )
-              ] }),
-              sectionOpen && section.children.map((child) => {
-                const childKey = `s:${section.label}///${child.label}`;
-                const childOpen = isOpen(childKey);
-                const childNames = child.tools.map((tool) => tool.name);
-                const childState = selectedToolState(selected, childNames);
-                return /* @__PURE__ */ jsxs("div", { children: [
-                  /* @__PURE__ */ jsxs("div", { className: "flex items-center border-b border-border bg-background pl-2", children: [
-                    selection && /* @__PURE__ */ jsx(
-                      SelectionCheckbox,
-                      {
-                        label: `Select all visible tools in ${child.label}`,
-                        checked: childState.checked,
-                        mixed: childState.mixed,
-                        onChange: () => selection.set(
-                          updateSelectedTools(
-                            selection.selectedKeys,
-                            childNames
-                          )
-                        )
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(
-                      ToolDirectoryHeader,
-                      {
-                        label: child.label,
-                        count: child.tools.length,
-                        open: childOpen,
-                        variant: "child",
-                        onToggle: () => onToggle(childKey),
-                        ...onRule ? {
-                          onAdd: () => onRule(
-                            directoryPermissionRule({
-                              tools: child.tools,
-                              view,
-                              depth: "child"
-                            })
-                          )
-                        } : {}
-                      }
-                    )
-                  ] }),
-                  childOpen && child.tools.map((tool) => /* @__PURE__ */ jsx(
-                    ToolSidebarRow,
-                    {
-                      tool,
-                      active: (active == null ? void 0 : active.name) === tool.name,
-                      policy: value == null ? void 0 : value[tool.name],
-                      selectable: selection !== void 0,
-                      onSelect: () => onSelect(tool.name)
-                    },
-                    tool.name
-                  ))
-                ] }, childKey);
-              })
-            ] }, sectionKey);
-          }),
-          filteredCount === 0 && /* @__PURE__ */ jsx("div", { className: "px-3 py-8 text-center text-xs text-muted-foreground", children: "No matching tools" })
-        ]
+        sections: filteredCount === 0 ? [] : sections,
+        view,
+        value,
+        onRule,
+        isOpen,
+        onToggle,
+        activeName: active == null ? void 0 : active.name,
+        onSelect,
+        className: "min-h-0 flex-1 overflow-y-auto"
       }
     )
   ] });
 }
-function ToolSidebarRow({
-  tool,
-  active,
-  policy,
-  selectable,
-  onSelect
-}) {
-  return /* @__PURE__ */ jsx(
-    ListMenuItem,
-    {
-      active,
-      role: "button",
-      tabIndex: 0,
-      "aria-selected": active,
-      "aria-label": tool.label || tool.name,
-      className: cn("px-2 py-2", selectable ? "pl-4" : "pl-6"),
-      onClick: onSelect,
-      onKeyDown: (event) => {
-        if (event.key === "Enter" || event.key === " ") {
-          event.preventDefault();
-          onSelect();
-        }
-      },
-      ...selectable ? {
-        itemKey: tool.name,
-        checkboxLabel: `Select ${tool.label || tool.name}`
-      } : {},
-      children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[1rem_minmax(0,1fr)_auto] items-center gap-2", children: [
-        tool.icon ? /* @__PURE__ */ jsx(Icon, { name: tool.icon, className: "size-3.5 text-muted-foreground" }) : /* @__PURE__ */ jsx(Icon, { icon: UiWrench, className: "size-3.5 text-muted-foreground" }),
-        /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate text-xs font-medium", children: tool.label || tool.name }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ jsx(ToolHintIcons, { tool }),
-          policy && /* @__PURE__ */ jsx("span", { className: "rounded bg-muted px-1 py-0.5 text-[9px] font-medium capitalize text-muted-foreground", children: policy === "allow" ? "On" : policy === "deny" ? "Off" : policy })
-        ] })
-      ] })
-    }
-  );
-}
-function ToolHintIcons({ tool }) {
-  var _a, _b, _c, _d;
-  const hints = [
-    [
-      (_a = tool.annotations) == null ? void 0 : _a.readOnlyHint,
-      "Read only tool",
-      UiEye,
-      "text-emerald-600"
-    ],
-    [
-      (_b = tool.annotations) == null ? void 0 : _b.destructiveHint,
-      "Destructive tool",
-      UiWarningTriangle,
-      "text-red-600"
-    ],
-    [
-      (_c = tool.annotations) == null ? void 0 : _c.idempotentHint,
-      "Idempotent tool",
-      UiRepeat,
-      "text-sky-600"
-    ],
-    [
-      (_d = tool.annotations) == null ? void 0 : _d.openWorldHint,
-      "Open world tool",
-      UiGlobe,
-      "text-violet-600"
-    ]
-  ];
-  return hints.flatMap(
-    ([enabled, label, icon, className]) => enabled ? [
-      /* @__PURE__ */ jsx("span", { role: "img", "aria-label": label, title: label, children: /* @__PURE__ */ jsx(Icon, { icon, className: cn("size-3", className) }) }, label)
-    ] : []
-  );
-}
-function SelectionCheckbox({
-  label,
-  checked,
-  mixed,
-  onChange
-}) {
-  const ref = useRef(null);
-  useEffect(() => {
-    if (ref.current) ref.current.indeterminate = mixed;
-  }, [mixed]);
-  return /* @__PURE__ */ jsx(
-    "input",
-    {
-      ref,
-      type: "checkbox",
-      checked,
-      "aria-label": label,
-      onChange,
-      className: "ml-2 size-3.5 shrink-0 rounded border-input"
-    }
-  );
-}
 function ViewToggleButton({
   active,
   icon,