@flanksource/clicky-ui 0.3.44 → 0.3.46

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

@@ -1 +1 @@
-{"version":3,"file":"ToolSchemaBrowser.sidebar.js","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":[],"mappings":"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"}
+{"version":3,"file":"ToolSchemaBrowser.sidebar.js","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":[],"mappings":"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"}

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

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const Icon = require("../Icon.cjs");
+const PermissionStrategiesEditor = require("./runtime-profiles/PermissionStrategiesEditor.cjs");
+const UiChevronDown = require("../../icons/components/UiChevronDown.cjs");
+const UiChevronRight = require("../../icons/components/UiChevronRight.cjs");
+function ToolPermissionStrategies({
+  rules,
+  tools,
+  onRulesChange
+}) {
+  const [open, setOpen] = react.useState(false);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "shrink-0 rounded-md border border-border bg-background", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        "aria-expanded": open,
+        onClick: () => setOpen((current) => !current),
+        className: "flex w-full items-center gap-2 px-2 py-1.5 text-left text-xs font-medium hover:bg-muted",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Icon.Icon,
+            {
+              icon: open ? UiChevronDown.UiChevronDown : UiChevronRight.UiChevronRight,
+              className: "size-3 text-muted-foreground"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1", children: "Permission strategies" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              "aria-label": `${rules.length} saved strategies`,
+              className: "rounded bg-muted px-1.5 text-[10px] tabular-nums text-muted-foreground",
+              children: rules.length
+            }
+          )
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-[40vh] overflow-y-auto border-t border-border p-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+      PermissionStrategiesEditor.PermissionStrategiesEditor,
+      {
+        value: rules,
+        tools,
+        onChange: onRulesChange
+      }
+    ) })
+  ] });
+}
+exports.ToolPermissionStrategies = ToolPermissionStrategies;
+//# sourceMappingURL=ToolSchemaBrowser.strategies.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolSchemaBrowser.strategies.cjs","sources":["../../../src/data/ai/ToolSchemaBrowser.strategies.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { UiChevronDown, UiChevronRight } from \"../../icons\";\nimport { Icon } from \"../Icon\";\nimport type { PermissionPolicy } from \"../chat/tool-policy\";\nimport type { ToolMeta } from \"../chat/types\";\nimport { PermissionStrategiesEditor } from \"./runtime-profiles/PermissionStrategiesEditor\";\n\n/** The saved rule list, always present but collapsed to a count until opened. */\nexport function ToolPermissionStrategies({\n  rules,\n  tools,\n  onRulesChange,\n}: {\n  rules: PermissionPolicy;\n  tools: ToolMeta[];\n  onRulesChange: (rules: PermissionPolicy) => void;\n}) {\n  const [open, setOpen] = useState(false);\n  return (\n    <div className=\"shrink-0 rounded-md border border-border bg-background\">\n      <button\n        type=\"button\"\n        aria-expanded={open}\n        onClick={() => setOpen((current) => !current)}\n        className=\"flex w-full items-center gap-2 px-2 py-1.5 text-left text-xs font-medium hover:bg-muted\"\n      >\n        <Icon\n          icon={open ? UiChevronDown : UiChevronRight}\n          className=\"size-3 text-muted-foreground\"\n        />\n        <span className=\"flex-1\">Permission strategies</span>\n        <span\n          aria-label={`${rules.length} saved strategies`}\n          className=\"rounded bg-muted px-1.5 text-[10px] tabular-nums text-muted-foreground\"\n        >\n          {rules.length}\n        </span>\n      </button>\n      {open && (\n        <div className=\"max-h-[40vh] overflow-y-auto border-t border-border p-2\">\n          <PermissionStrategiesEditor\n            value={rules}\n            tools={tools}\n            onChange={onRulesChange}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["useState","jsxs","jsx","Icon","UiChevronDown","UiChevronRight","PermissionStrategiesEditor"],"mappings":";;;;;;;;AAQO,SAAS,yBAAyB;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,CAAC,MAAM,OAAO,IAAIA,MAAAA,SAAS,KAAK;AACtC,SACEC,2BAAAA,KAAC,OAAA,EAAI,WAAU,0DACb,UAAA;AAAA,IAAAA,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,iBAAe;AAAA,QACf,SAAS,MAAM,QAAQ,CAAC,YAAY,CAAC,OAAO;AAAA,QAC5C,WAAU;AAAA,QAEV,UAAA;AAAA,UAAAC,2BAAAA;AAAAA,YAACC,KAAAA;AAAAA,YAAA;AAAA,cACC,MAAM,OAAOC,cAAAA,gBAAgBC,eAAAA;AAAAA,cAC7B,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,UAEZH,2BAAAA,IAAC,QAAA,EAAK,WAAU,UAAS,UAAA,yBAAqB;AAAA,UAC9CA,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,cAAY,GAAG,MAAM,MAAM;AAAA,cAC3B,WAAU;AAAA,cAET,UAAA,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QACT;AAAA,MAAA;AAAA,IAAA;AAAA,IAED,QACCA,2BAAAA,IAAC,OAAA,EAAI,WAAU,2DACb,UAAAA,2BAAAA;AAAAA,MAACI,2BAAAA;AAAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP;AAAA,QACA,UAAU;AAAA,MAAA;AAAA,IAAA,EACZ,CACF;AAAA,EAAA,GAEJ;AAEJ;;"}

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

@@ -0,0 +1,9 @@
+import { PermissionPolicy } from '../chat/tool-policy.js';
+import { ToolMeta } from '../chat/types.js';
+/** The saved rule list, always present but collapsed to a count until opened. */
+export declare function ToolPermissionStrategies({ rules, tools, onRulesChange, }: {
+    rules: PermissionPolicy;
+    tools: ToolMeta[];
+    onRulesChange: (rules: PermissionPolicy) => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=ToolSchemaBrowser.strategies.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolSchemaBrowser.strategies.d.ts","sourceRoot":"","sources":["../../../src/data/ai/ToolSchemaBrowser.strategies.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAG9C,iFAAiF;AACjF,wBAAgB,wBAAwB,CAAC,EACvC,KAAK,EACL,KAAK,EACL,aAAa,GACd,EAAE;IACD,KAAK,EAAE,gBAAgB,CAAC;IACxB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,aAAa,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;CAClD,+BAiCA"}

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

@@ -0,0 +1,54 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { Icon } from "../Icon.js";
+import { PermissionStrategiesEditor } from "./runtime-profiles/PermissionStrategiesEditor.js";
+import { UiChevronDown } from "../../icons/components/UiChevronDown.js";
+import { UiChevronRight } from "../../icons/components/UiChevronRight.js";
+function ToolPermissionStrategies({
+  rules,
+  tools,
+  onRulesChange
+}) {
+  const [open, setOpen] = useState(false);
+  return /* @__PURE__ */ jsxs("div", { className: "shrink-0 rounded-md border border-border bg-background", children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        "aria-expanded": open,
+        onClick: () => setOpen((current) => !current),
+        className: "flex w-full items-center gap-2 px-2 py-1.5 text-left text-xs font-medium hover:bg-muted",
+        children: [
+          /* @__PURE__ */ jsx(
+            Icon,
+            {
+              icon: open ? UiChevronDown : UiChevronRight,
+              className: "size-3 text-muted-foreground"
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "flex-1", children: "Permission strategies" }),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              "aria-label": `${rules.length} saved strategies`,
+              className: "rounded bg-muted px-1.5 text-[10px] tabular-nums text-muted-foreground",
+              children: rules.length
+            }
+          )
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsx("div", { className: "max-h-[40vh] overflow-y-auto border-t border-border p-2", children: /* @__PURE__ */ jsx(
+      PermissionStrategiesEditor,
+      {
+        value: rules,
+        tools,
+        onChange: onRulesChange
+      }
+    ) })
+  ] });
+}
+export {
+  ToolPermissionStrategies
+};
+//# sourceMappingURL=ToolSchemaBrowser.strategies.js.map

package/dist/data/ai/ToolSchemaBrowser.strategies.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolSchemaBrowser.strategies.js","sources":["../../../src/data/ai/ToolSchemaBrowser.strategies.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { UiChevronDown, UiChevronRight } from \"../../icons\";\nimport { Icon } from \"../Icon\";\nimport type { PermissionPolicy } from \"../chat/tool-policy\";\nimport type { ToolMeta } from \"../chat/types\";\nimport { PermissionStrategiesEditor } from \"./runtime-profiles/PermissionStrategiesEditor\";\n\n/** The saved rule list, always present but collapsed to a count until opened. */\nexport function ToolPermissionStrategies({\n  rules,\n  tools,\n  onRulesChange,\n}: {\n  rules: PermissionPolicy;\n  tools: ToolMeta[];\n  onRulesChange: (rules: PermissionPolicy) => void;\n}) {\n  const [open, setOpen] = useState(false);\n  return (\n    <div className=\"shrink-0 rounded-md border border-border bg-background\">\n      <button\n        type=\"button\"\n        aria-expanded={open}\n        onClick={() => setOpen((current) => !current)}\n        className=\"flex w-full items-center gap-2 px-2 py-1.5 text-left text-xs font-medium hover:bg-muted\"\n      >\n        <Icon\n          icon={open ? UiChevronDown : UiChevronRight}\n          className=\"size-3 text-muted-foreground\"\n        />\n        <span className=\"flex-1\">Permission strategies</span>\n        <span\n          aria-label={`${rules.length} saved strategies`}\n          className=\"rounded bg-muted px-1.5 text-[10px] tabular-nums text-muted-foreground\"\n        >\n          {rules.length}\n        </span>\n      </button>\n      {open && (\n        <div className=\"max-h-[40vh] overflow-y-auto border-t border-border p-2\">\n          <PermissionStrategiesEditor\n            value={rules}\n            tools={tools}\n            onChange={onRulesChange}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAQO,SAAS,yBAAyB;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,SACE,qBAAC,OAAA,EAAI,WAAU,0DACb,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,iBAAe;AAAA,QACf,SAAS,MAAM,QAAQ,CAAC,YAAY,CAAC,OAAO;AAAA,QAC5C,WAAU;AAAA,QAEV,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAM,OAAO,gBAAgB;AAAA,cAC7B,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,UAEZ,oBAAC,QAAA,EAAK,WAAU,UAAS,UAAA,yBAAqB;AAAA,UAC9C;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,cAAY,GAAG,MAAM,MAAM;AAAA,cAC3B,WAAU;AAAA,cAET,UAAA,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QACT;AAAA,MAAA;AAAA,IAAA;AAAA,IAED,QACC,oBAAC,OAAA,EAAI,WAAU,2DACb,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP;AAAA,QACA,UAAU;AAAA,MAAA;AAAA,IAAA,EACZ,CACF;AAAA,EAAA,GAEJ;AAEJ;"}

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

@@ -0,0 +1,179 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const ListMenu = require("../../components/ListMenu.cjs");
+const utils = require("../../lib/utils.cjs");
+const Icon = require("../Icon.cjs");
+const ToolSchemaBrowser_directoryHeader = require("./ToolSchemaBrowser.directory-header.cjs");
+const ToolSchemaBrowser_model = require("./ToolSchemaBrowser.model.cjs");
+const ToolPreferences_model = require("./ToolPreferences.model.cjs");
+const ToolPreferencesList = require("./ToolPreferencesList.cjs");
+const UiWrench = require("../../icons/components/UiWrench.cjs");
+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");
+function ToolPolicyTree({
+  sections,
+  view,
+  value,
+  onRule,
+  isOpen,
+  onToggle,
+  activeName,
+  onSelect,
+  emptyLabel = "No matching tools",
+  className
+}) {
+  const cycleDirectory = (tools, depth) => {
+    if (!onRule) return void 0;
+    const { next } = ToolSchemaBrowser_model.directoryPolicyToggle(tools, value ?? {});
+    return () => onRule(ToolSchemaBrowser_model.directoryPermissionRule({ tools, view, depth, policy: next }));
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(ListMenu.ListMenu, { className: utils.cn("divide-y-0", className), children: [
+    sections.map((section) => {
+      const sectionKey = `p:${section.label}`;
+      const sectionOpen = isOpen(sectionKey);
+      const sectionTools = section.children.flatMap((child) => child.tools);
+      return /* @__PURE__ */ jsxRuntime.jsxs(ListMenu.ListMenuSection, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ListMenu.ListMenuHeader, { className: "px-0 py-0", children: /* @__PURE__ */ jsxRuntime.jsx(
+          ToolSchemaBrowser_directoryHeader.ToolDirectoryHeader,
+          {
+            label: section.label,
+            count: section.count,
+            open: sectionOpen,
+            variant: "section",
+            mode: ToolSchemaBrowser_model.directoryPolicyToggle(sectionTools, value ?? {}).badge,
+            onToggle: () => onToggle(sectionKey),
+            onCycle: cycleDirectory(sectionTools, "section")
+          }
+        ) }),
+        sectionOpen && section.children.map((child) => {
+          const childKey = `s:${section.label}///${child.label}`;
+          const childOpen = isOpen(childKey);
+          return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center border-b border-border bg-background pl-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+              ToolSchemaBrowser_directoryHeader.ToolDirectoryHeader,
+              {
+                label: child.label,
+                count: child.tools.length,
+                open: childOpen,
+                variant: "child",
+                mode: ToolSchemaBrowser_model.directoryPolicyToggle(child.tools, value ?? {}).badge,
+                onToggle: () => onToggle(childKey),
+                onCycle: cycleDirectory(child.tools, "child")
+              }
+            ) }),
+            childOpen && child.tools.map((tool) => /* @__PURE__ */ jsxRuntime.jsx(
+              ToolPolicyRow,
+              {
+                tool,
+                active: activeName === tool.name,
+                policy: value == null ? void 0 : value[tool.name],
+                onSelect: onSelect ? () => onSelect(tool.name) : void 0,
+                onCycle: onRule ? (policy) => onRule({
+                  name: tool.name,
+                  policy: ToolPreferences_model.nextMode(policy)
+                }) : void 0
+              },
+              tool.name
+            ))
+          ] }, childKey);
+        })
+      ] }, sectionKey);
+    }),
+    sections.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-3 py-8 text-center text-xs text-muted-foreground", children: emptyLabel })
+  ] });
+}
+function ToolPolicyRow({
+  tool,
+  active,
+  policy,
+  onSelect,
+  onCycle
+}) {
+  const label = tool.label || tool.name;
+  const mode = policy ?? tool.defaultPermission ?? "auto";
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    ListMenu.ListMenuItem,
+    {
+      active,
+      interactive: onSelect !== void 0,
+      title: tool.name,
+      className: "flex items-center gap-2 py-1 pl-6 pr-2",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            "aria-label": label,
+            "aria-pressed": onSelect ? active : void 0,
+            disabled: !onSelect,
+            onClick: onSelect,
+            className: "grid min-w-0 flex-1 grid-cols-[1rem_minmax(0,1fr)_auto] items-center gap-2 text-left disabled:cursor-default",
+            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: utils.cn(
+                    "min-w-0 truncate text-xs font-medium",
+                    mode === "deny" && "text-muted-foreground line-through"
+                  ),
+                  children: label
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex items-center gap-1", children: /* @__PURE__ */ jsxRuntime.jsx(ToolHintIcons, { tool }) })
+            ]
+          }
+        ),
+        onCycle ? /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": `Toggle ${label}`,
+            onClick: () => onCycle(mode),
+            className: "shrink-0 rounded hover:ring-1 hover:ring-border",
+            children: /* @__PURE__ */ jsxRuntime.jsx(ToolPreferencesList.ModeBadge, { mode })
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsx(ToolPreferencesList.ModeBadge, { mode })
+      ]
+    }
+  );
+}
+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, hint, icon, className]) => enabled ? [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { role: "img", "aria-label": hint, title: hint, children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon, className: utils.cn("size-3", className) }) }, hint)
+    ] : []
+  );
+}
+exports.ToolPolicyTree = ToolPolicyTree;
+//# sourceMappingURL=ToolSchemaBrowser.tree.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolSchemaBrowser.tree.cjs","sources":["../../../src/data/ai/ToolSchemaBrowser.tree.tsx"],"sourcesContent":["import {\n  ListMenu,\n  ListMenuHeader,\n  ListMenuItem,\n  ListMenuSection,\n} from \"../../components/ListMenu\";\nimport { cn } from \"../../lib/utils\";\nimport {\n  UiEye,\n  UiGlobe,\n  UiRepeat,\n  UiWarningTriangle,\n  UiWrench,\n} from \"../../icons\";\nimport { Icon } from \"../Icon\";\nimport type { PermissionRule } from \"../chat/tool-policy\";\nimport type { ToolMeta, ToolPolicy } from \"../chat/types\";\nimport { ToolDirectoryHeader } from \"./ToolSchemaBrowser.directory-header\";\nimport {\n  directoryPermissionRule,\n  directoryPolicyToggle,\n  type ToolSchemaViewMode,\n  type ToolSection,\n} from \"./ToolSchemaBrowser.model\";\nimport { nextMode } from \"./ToolPreferences.model\";\nimport { ModeBadge } from \"./ToolPreferencesList\";\n\nexport type ToolPolicyTreeProps = {\n  sections: ToolSection[];\n  view: ToolSchemaViewMode;\n  value: Record<string, ToolPolicy> | undefined;\n  /** Enables click-to-toggle on tools and directories. */\n  onRule?: ((rule: PermissionRule) => void) | undefined;\n  isOpen: (key: string) => boolean;\n  onToggle: (key: string) => void;\n  activeName?: string | undefined;\n  /** Row clicks select a tool; without it rows only show their policy. */\n  onSelect?: ((name: string) => void) | undefined;\n  emptyLabel?: string | undefined;\n  className?: string | undefined;\n};\n\n/** Directory tree of tools where every badge is a click-to-toggle policy. */\nexport function ToolPolicyTree({\n  sections,\n  view,\n  value,\n  onRule,\n  isOpen,\n  onToggle,\n  activeName,\n  onSelect,\n  emptyLabel = \"No matching tools\",\n  className,\n}: ToolPolicyTreeProps) {\n  const cycleDirectory = (tools: ToolMeta[], depth: \"section\" | \"child\") => {\n    if (!onRule) return undefined;\n    const { next } = directoryPolicyToggle(tools, value ?? {});\n    return () =>\n      onRule(directoryPermissionRule({ tools, view, depth, policy: next }));\n  };\n  return (\n    <ListMenu className={cn(\"divide-y-0\", className)}>\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        return (\n          <ListMenuSection key={sectionKey}>\n            <ListMenuHeader className=\"px-0 py-0\">\n              <ToolDirectoryHeader\n                label={section.label}\n                count={section.count}\n                open={sectionOpen}\n                variant=\"section\"\n                mode={directoryPolicyToggle(sectionTools, value ?? {}).badge}\n                onToggle={() => onToggle(sectionKey)}\n                onCycle={cycleDirectory(sectionTools, \"section\")}\n              />\n            </ListMenuHeader>\n            {sectionOpen &&\n              section.children.map((child) => {\n                const childKey = `s:${section.label}///${child.label}`;\n                const childOpen = isOpen(childKey);\n                return (\n                  <div key={childKey}>\n                    <div className=\"flex items-center border-b border-border bg-background pl-2\">\n                      <ToolDirectoryHeader\n                        label={child.label}\n                        count={child.tools.length}\n                        open={childOpen}\n                        variant=\"child\"\n                        mode={\n                          directoryPolicyToggle(child.tools, value ?? {}).badge\n                        }\n                        onToggle={() => onToggle(childKey)}\n                        onCycle={cycleDirectory(child.tools, \"child\")}\n                      />\n                    </div>\n                    {childOpen &&\n                      child.tools.map((tool) => (\n                        <ToolPolicyRow\n                          key={tool.name}\n                          tool={tool}\n                          active={activeName === tool.name}\n                          policy={value?.[tool.name]}\n                          onSelect={\n                            onSelect ? () => onSelect(tool.name) : undefined\n                          }\n                          onCycle={\n                            onRule\n                              ? (policy) =>\n                                  onRule({\n                                    name: tool.name,\n                                    policy: nextMode(policy),\n                                  })\n                              : undefined\n                          }\n                        />\n                      ))}\n                  </div>\n                );\n              })}\n          </ListMenuSection>\n        );\n      })}\n      {sections.length === 0 && (\n        <div className=\"px-3 py-8 text-center text-xs text-muted-foreground\">\n          {emptyLabel}\n        </div>\n      )}\n    </ListMenu>\n  );\n}\n\nfunction ToolPolicyRow({\n  tool,\n  active,\n  policy,\n  onSelect,\n  onCycle,\n}: {\n  tool: ToolMeta;\n  active: boolean;\n  policy: ToolPolicy | undefined;\n  onSelect: (() => void) | undefined;\n  onCycle: ((policy: ToolPolicy) => void) | undefined;\n}) {\n  const label = tool.label || tool.name;\n  const mode = policy ?? tool.defaultPermission ?? \"auto\";\n  return (\n    <ListMenuItem\n      active={active}\n      interactive={onSelect !== undefined}\n      title={tool.name}\n      className=\"flex items-center gap-2 py-1 pl-6 pr-2\"\n    >\n      <button\n        type=\"button\"\n        aria-label={label}\n        aria-pressed={onSelect ? active : undefined}\n        disabled={!onSelect}\n        onClick={onSelect}\n        className=\"grid min-w-0 flex-1 grid-cols-[1rem_minmax(0,1fr)_auto] items-center gap-2 text-left disabled:cursor-default\"\n      >\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\n          className={cn(\n            \"min-w-0 truncate text-xs font-medium\",\n            mode === \"deny\" && \"text-muted-foreground line-through\",\n          )}\n        >\n          {label}\n        </span>\n        <span className=\"flex items-center gap-1\">\n          <ToolHintIcons tool={tool} />\n        </span>\n      </button>\n      {onCycle ? (\n        <button\n          type=\"button\"\n          aria-label={`Toggle ${label}`}\n          onClick={() => onCycle(mode)}\n          className=\"shrink-0 rounded hover:ring-1 hover:ring-border\"\n        >\n          <ModeBadge mode={mode} />\n        </button>\n      ) : (\n        <ModeBadge mode={mode} />\n      )}\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, hint, icon, className]) =>\n    enabled\n      ? [\n          <span key={hint} role=\"img\" aria-label={hint} title={hint}>\n            <Icon icon={icon} className={cn(\"size-3\", className)} />\n          </span>,\n        ]\n      : [],\n  );\n}\n"],"names":["directoryPolicyToggle","directoryPermissionRule","ListMenu","cn","ListMenuSection","jsx","ListMenuHeader","ToolDirectoryHeader","nextMode","jsxs","ListMenuItem","Icon","UiWrench","ModeBadge","UiEye","UiWarningTriangle","UiRepeat","UiGlobe"],"mappings":"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"}

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

@@ -0,0 +1,20 @@
+import { PermissionRule } from '../chat/tool-policy.js';
+import { ToolPolicy } from '../chat/types.js';
+import { ToolSchemaViewMode, ToolSection } from './ToolSchemaBrowser.model.js';
+export type ToolPolicyTreeProps = {
+    sections: ToolSection[];
+    view: ToolSchemaViewMode;
+    value: Record<string, ToolPolicy> | undefined;
+    /** Enables click-to-toggle on tools and directories. */
+    onRule?: ((rule: PermissionRule) => void) | undefined;
+    isOpen: (key: string) => boolean;
+    onToggle: (key: string) => void;
+    activeName?: string | undefined;
+    /** Row clicks select a tool; without it rows only show their policy. */
+    onSelect?: ((name: string) => void) | undefined;
+    emptyLabel?: string | undefined;
+    className?: string | undefined;
+};
+/** Directory tree of tools where every badge is a click-to-toggle policy. */
+export declare function ToolPolicyTree({ sections, view, value, onRule, isOpen, onToggle, activeName, onSelect, emptyLabel, className, }: ToolPolicyTreeProps): import("react").JSX.Element;
+//# sourceMappingURL=ToolSchemaBrowser.tree.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolSchemaBrowser.tree.d.ts","sourceRoot":"","sources":["../../../src/data/ai/ToolSchemaBrowser.tree.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,KAAK,EAAY,UAAU,EAAE,MAAM,eAAe,CAAC;AAE1D,OAAO,EAGL,KAAK,kBAAkB,EACvB,KAAK,WAAW,EACjB,MAAM,2BAA2B,CAAC;AAInC,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,IAAI,EAAE,kBAAkB,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,GAAG,SAAS,CAAC;IAC9C,wDAAwD;IACxD,MAAM,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACtD,MAAM,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC;IACjC,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,wEAAwE;IACxE,QAAQ,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAChD,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC,CAAC;AAEF,6EAA6E;AAC7E,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,MAAM,EACN,MAAM,EACN,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,UAAgC,EAChC,SAAS,GACV,EAAE,mBAAmB,+BA+ErB"}

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

@@ -0,0 +1,179 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { ListMenu, ListMenuSection, ListMenuHeader, ListMenuItem } from "../../components/ListMenu.js";
+import { cn } from "../../lib/utils.js";
+import { Icon } from "../Icon.js";
+import { ToolDirectoryHeader } from "./ToolSchemaBrowser.directory-header.js";
+import { directoryPolicyToggle, directoryPermissionRule } from "./ToolSchemaBrowser.model.js";
+import { nextMode } from "./ToolPreferences.model.js";
+import { ModeBadge } from "./ToolPreferencesList.js";
+import { UiWrench } from "../../icons/components/UiWrench.js";
+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";
+function ToolPolicyTree({
+  sections,
+  view,
+  value,
+  onRule,
+  isOpen,
+  onToggle,
+  activeName,
+  onSelect,
+  emptyLabel = "No matching tools",
+  className
+}) {
+  const cycleDirectory = (tools, depth) => {
+    if (!onRule) return void 0;
+    const { next } = directoryPolicyToggle(tools, value ?? {});
+    return () => onRule(directoryPermissionRule({ tools, view, depth, policy: next }));
+  };
+  return /* @__PURE__ */ jsxs(ListMenu, { className: cn("divide-y-0", className), children: [
+    sections.map((section) => {
+      const sectionKey = `p:${section.label}`;
+      const sectionOpen = isOpen(sectionKey);
+      const sectionTools = section.children.flatMap((child) => child.tools);
+      return /* @__PURE__ */ jsxs(ListMenuSection, { children: [
+        /* @__PURE__ */ jsx(ListMenuHeader, { className: "px-0 py-0", children: /* @__PURE__ */ jsx(
+          ToolDirectoryHeader,
+          {
+            label: section.label,
+            count: section.count,
+            open: sectionOpen,
+            variant: "section",
+            mode: directoryPolicyToggle(sectionTools, value ?? {}).badge,
+            onToggle: () => onToggle(sectionKey),
+            onCycle: cycleDirectory(sectionTools, "section")
+          }
+        ) }),
+        sectionOpen && section.children.map((child) => {
+          const childKey = `s:${section.label}///${child.label}`;
+          const childOpen = isOpen(childKey);
+          return /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "flex items-center border-b border-border bg-background pl-2", children: /* @__PURE__ */ jsx(
+              ToolDirectoryHeader,
+              {
+                label: child.label,
+                count: child.tools.length,
+                open: childOpen,
+                variant: "child",
+                mode: directoryPolicyToggle(child.tools, value ?? {}).badge,
+                onToggle: () => onToggle(childKey),
+                onCycle: cycleDirectory(child.tools, "child")
+              }
+            ) }),
+            childOpen && child.tools.map((tool) => /* @__PURE__ */ jsx(
+              ToolPolicyRow,
+              {
+                tool,
+                active: activeName === tool.name,
+                policy: value == null ? void 0 : value[tool.name],
+                onSelect: onSelect ? () => onSelect(tool.name) : void 0,
+                onCycle: onRule ? (policy) => onRule({
+                  name: tool.name,
+                  policy: nextMode(policy)
+                }) : void 0
+              },
+              tool.name
+            ))
+          ] }, childKey);
+        })
+      ] }, sectionKey);
+    }),
+    sections.length === 0 && /* @__PURE__ */ jsx("div", { className: "px-3 py-8 text-center text-xs text-muted-foreground", children: emptyLabel })
+  ] });
+}
+function ToolPolicyRow({
+  tool,
+  active,
+  policy,
+  onSelect,
+  onCycle
+}) {
+  const label = tool.label || tool.name;
+  const mode = policy ?? tool.defaultPermission ?? "auto";
+  return /* @__PURE__ */ jsxs(
+    ListMenuItem,
+    {
+      active,
+      interactive: onSelect !== void 0,
+      title: tool.name,
+      className: "flex items-center gap-2 py-1 pl-6 pr-2",
+      children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            "aria-label": label,
+            "aria-pressed": onSelect ? active : void 0,
+            disabled: !onSelect,
+            onClick: onSelect,
+            className: "grid min-w-0 flex-1 grid-cols-[1rem_minmax(0,1fr)_auto] items-center gap-2 text-left disabled:cursor-default",
+            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: cn(
+                    "min-w-0 truncate text-xs font-medium",
+                    mode === "deny" && "text-muted-foreground line-through"
+                  ),
+                  children: label
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: "flex items-center gap-1", children: /* @__PURE__ */ jsx(ToolHintIcons, { tool }) })
+            ]
+          }
+        ),
+        onCycle ? /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": `Toggle ${label}`,
+            onClick: () => onCycle(mode),
+            className: "shrink-0 rounded hover:ring-1 hover:ring-border",
+            children: /* @__PURE__ */ jsx(ModeBadge, { mode })
+          }
+        ) : /* @__PURE__ */ jsx(ModeBadge, { mode })
+      ]
+    }
+  );
+}
+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, hint, icon, className]) => enabled ? [
+      /* @__PURE__ */ jsx("span", { role: "img", "aria-label": hint, title: hint, children: /* @__PURE__ */ jsx(Icon, { icon, className: cn("size-3", className) }) }, hint)
+    ] : []
+  );
+}
+export {
+  ToolPolicyTree
+};
+//# sourceMappingURL=ToolSchemaBrowser.tree.js.map