@flanksource/clicky-ui 0.3.9 → 0.3.11

package/dist/data/ai/ToolSchemaBrowser.js

@@ -0,0 +1,549 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useState, useMemo } from "react";
+import { ListMenu, ListMenuSection, ListMenuHeader, ListMenuItem } from "../../components/ListMenu.js";
+import { cn } from "../../lib/utils.js";
+import { SplitPane } from "../../layout/SplitPane.js";
+import { Tabs } from "../../layout/Tabs.js";
+import { CodeBlock } from "../CodeBlock.js";
+import { Icon } from "../Icon.js";
+import { SchemaViewer } from "../SchemaViewer.js";
+import { UiCode2 } from "../../icons/components/UiCode2.js";
+import { UiSearch } from "../../icons/components/UiSearch.js";
+import { UiListDashes } from "../../icons/components/UiListDashes.js";
+import { UiLayers } from "../../icons/components/UiLayers.js";
+import { UiChevronDown } from "../../icons/components/UiChevronDown.js";
+import { UiChevronRight } from "../../icons/components/UiChevronRight.js";
+import { UiWrench } from "../../icons/components/UiWrench.js";
+const NO_GROUP = "Tools";
+const NO_PARENT = "General";
+const EMPTY_SCHEMA = { type: "object", properties: {} };
+function ToolSchemaBrowser({
+  tools,
+  className
+}) {
+  var _a;
+  const [query, setQuery] = useState("");
+  const [view, setView] = useState("group");
+  const [tab, setTab] = useState("schema");
+  const [collapsed, setCollapsed] = useState(() => /* @__PURE__ */ new Set());
+  const [selected, setSelected] = useState(
+    ((_a = tools[0]) == null ? void 0 : _a.name) ?? null
+  );
+  const searching = query.trim().length > 0;
+  const filtered = useMemo(() => {
+    const q = query.trim().toLowerCase();
+    if (!q) return tools;
+    return tools.filter(
+      (tool) => [
+        tool.name,
+        tool.label,
+        tool.title,
+        tool.description,
+        tool.group,
+        tool.parent,
+        tool.entity,
+        tool.icon,
+        tool.defaultPermission,
+        tool.source,
+        tool.server,
+        ...annotationSearchText(tool.annotations),
+        ...tool.hints ?? []
+      ].filter(Boolean).some((value) => String(value).toLowerCase().includes(q))
+    );
+  }, [query, tools]);
+  const active = tools.find((tool) => tool.name === selected) ?? filtered[0] ?? tools[0];
+  const sections = useMemo(
+    () => buildSections(filtered, view),
+    [filtered, view]
+  );
+  const toggle = (key) => setCollapsed((prev) => {
+    const next = new Set(prev);
+    if (next.has(key)) next.delete(key);
+    else next.add(key);
+    return next;
+  });
+  const isOpen = (key) => searching || !collapsed.has(key);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "min-h-0 overflow-hidden rounded-md border border-border bg-background",
+        className
+      ),
+      children: /* @__PURE__ */ jsx(
+        SplitPane,
+        {
+          defaultSplit: 34,
+          minLeft: 24,
+          minRight: 42,
+          className: "min-h-0",
+          leftClass: "flex min-h-0 flex-col overflow-hidden",
+          rightClass: "min-h-0 overflow-y-auto",
+          left: /* @__PURE__ */ jsx(
+            ToolSidebar,
+            {
+              query,
+              view,
+              sections,
+              active,
+              filteredCount: filtered.length,
+              isOpen,
+              onQueryChange: setQuery,
+              onViewChange: setView,
+              onToggle: toggle,
+              onSelect: setSelected
+            }
+          ),
+          right: active ? /* @__PURE__ */ jsx(ToolDetail, { tool: active, tab, onTabChange: setTab }) : /* @__PURE__ */ jsx("div", { className: "px-3 py-8 text-center text-xs text-muted-foreground", children: "No tools" })
+        }
+      )
+    }
+  );
+}
+function ToolSidebar({
+  query,
+  view,
+  sections,
+  active,
+  filteredCount,
+  isOpen,
+  onQueryChange,
+  onViewChange,
+  onToggle,
+  onSelect
+}) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("label", { className: "flex h-9 shrink-0 items-center gap-2 border-b border-border px-2 text-xs", children: [
+      /* @__PURE__ */ jsx(Icon, { icon: UiSearch, className: "size-3.5 text-muted-foreground" }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          value: query,
+          onChange: (event) => onQueryChange(event.target.value),
+          placeholder: "Search tools",
+          className: "min-w-0 flex-1 bg-transparent outline-none"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-1 border-b border-border px-2 py-1", children: [
+      /* @__PURE__ */ jsx(
+        ViewToggleButton,
+        {
+          active: view === "group",
+          icon: UiListDashes,
+          label: "Group",
+          onClick: () => onViewChange("group")
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        ViewToggleButton,
+        {
+          active: view === "tree",
+          icon: UiLayers,
+          label: "Tree",
+          onClick: () => onViewChange("tree")
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(ListMenu, { className: "min-h-0 flex-1 overflow-y-auto divide-y-0", children: [
+      sections.map((section) => {
+        const sectionKey = `p:${section.label}`;
+        const sectionOpen = isOpen(sectionKey);
+        return /* @__PURE__ */ jsxs(ListMenuSection, { children: [
+          /* @__PURE__ */ jsx(ListMenuHeader, { className: "px-0 py-0", children: /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => onToggle(sectionKey),
+              className: "flex w-full items-center gap-1 px-2 py-1 text-left text-[10px] font-semibold uppercase tracking-wider text-muted-foreground hover:bg-muted",
+              children: [
+                /* @__PURE__ */ jsx(
+                  Icon,
+                  {
+                    icon: sectionOpen ? UiChevronDown : UiChevronRight,
+                    className: "size-3 shrink-0"
+                  }
+                ),
+                /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: section.label }),
+                /* @__PURE__ */ jsx("span", { className: "tabular-nums text-muted-foreground/70", children: section.count })
+              ]
+            }
+          ) }),
+          sectionOpen && section.children.map((child) => {
+            const childKey = `s:${section.label}///${child.label}`;
+            const childOpen = isOpen(childKey);
+            return /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => onToggle(childKey),
+                  className: "flex w-full items-center gap-1 border-b border-border bg-background px-2 py-1 pl-3 text-left text-[11px] font-medium text-foreground/80 hover:bg-accent/50",
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      Icon,
+                      {
+                        icon: childOpen ? UiChevronDown : UiChevronRight,
+                        className: "size-3 shrink-0 text-muted-foreground"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: child.label }),
+                    /* @__PURE__ */ jsx("span", { className: "tabular-nums text-[10px] text-muted-foreground/70", children: child.tools.length })
+                  ]
+                }
+              ),
+              childOpen && child.tools.map((tool) => /* @__PURE__ */ jsx(
+                ToolSidebarRow,
+                {
+                  tool,
+                  active: (active == null ? void 0 : active.name) === tool.name,
+                  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" })
+    ] })
+  ] });
+}
+function ToolSidebarRow({
+  tool,
+  active,
+  onSelect
+}) {
+  return /* @__PURE__ */ jsx(
+    ListMenuItem,
+    {
+      active,
+      role: "button",
+      tabIndex: 0,
+      "aria-selected": active,
+      className: "px-2 py-2 pl-6",
+      onClick: onSelect,
+      onKeyDown: (event) => {
+        if (event.key === "Enter" || event.key === " ") {
+          event.preventDefault();
+          onSelect();
+        }
+      },
+      children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[1rem_minmax(0,1fr)] gap-2", children: [
+        tool.icon ? /* @__PURE__ */ jsx(
+          Icon,
+          {
+            name: tool.icon,
+            className: "mt-0.5 size-3.5 text-muted-foreground"
+          }
+        ) : /* @__PURE__ */ jsx(
+          Icon,
+          {
+            icon: UiWrench,
+            className: "mt-0.5 size-3.5 text-muted-foreground"
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate text-xs font-medium", children: tool.label || tool.name })
+      ] })
+    }
+  );
+}
+function ToolDetail({
+  tool,
+  tab,
+  onTabChange
+}) {
+  const strict = effectiveToolStrictness(tool);
+  const runtimePreview = useMemo(() => buildRuntimeToolPreview(tool), [tool]);
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3 p-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0 space-y-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
+          tool.icon ? /* @__PURE__ */ jsx(Icon, { name: tool.icon, className: "size-4 text-muted-foreground" }) : /* @__PURE__ */ jsx(Icon, { icon: UiCode2, className: "size-4 text-muted-foreground" }),
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0 truncate text-sm font-medium", children: [
+            tool.parent ? `${tool.parent} ` : "",
+            tool.label || tool.name
+          ] }),
+          /* @__PURE__ */ jsx(StrictnessBadge, { strict })
+        ] }),
+        tool.description && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: tool.description })
+      ] }),
+      /* @__PURE__ */ jsxs("dl", { className: "grid grid-cols-[auto_minmax(0,1fr)] gap-x-3 gap-y-1 text-xs", children: [
+        /* @__PURE__ */ jsx(DetailRow, { label: "Tool ID", value: tool.name, mono: true }),
+        /* @__PURE__ */ jsx(DetailRow, { label: "Default", value: tool.defaultPermission }),
+        /* @__PURE__ */ jsx(DetailRow, { label: "Strictness", value: strict ? "Strict" : "Loose" }),
+        /* @__PURE__ */ jsx(DetailRow, { label: "Icon", value: tool.icon, mono: true }),
+        /* @__PURE__ */ jsx(DetailRow, { label: "Source", value: tool.source }),
+        /* @__PURE__ */ jsx(DetailRow, { label: "Group", value: tool.group }),
+        /* @__PURE__ */ jsx(DetailRow, { label: "Parent", value: tool.parent }),
+        /* @__PURE__ */ jsx(DetailRow, { label: "Server", value: tool.server }),
+        /* @__PURE__ */ jsx(DetailRow, { label: "Method", value: tool.method }),
+        /* @__PURE__ */ jsx(DetailRow, { label: "Path", value: tool.path, mono: true })
+      ] }),
+      /* @__PURE__ */ jsx(HintChips, { annotations: tool.annotations }),
+      /* @__PURE__ */ jsx(ToolAnnotationsPanel, { annotations: tool.annotations }),
+      tool.hints && tool.hints.length > 0 && /* @__PURE__ */ jsxs("div", { className: "rounded border border-border bg-muted/20 p-2", children: [
+        /* @__PURE__ */ jsx("div", { className: "mb-1 text-[10px] font-semibold uppercase tracking-wider text-muted-foreground", children: "Hints" }),
+        /* @__PURE__ */ jsx("ul", { className: "space-y-1 text-xs text-muted-foreground", children: tool.hints.map((hint) => /* @__PURE__ */ jsx("li", { children: hint }, hint)) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      Tabs,
+      {
+        value: tab,
+        onChange: (next) => onTabChange(next),
+        tabs: [
+          { id: "schema", label: "Schema" },
+          { id: "json", label: "JSON" }
+        ]
+      }
+    ),
+    tab === "schema" ? /* @__PURE__ */ jsxs("div", { role: "tabpanel", className: "space-y-3", children: [
+      /* @__PURE__ */ jsx(
+        SchemaViewer,
+        {
+          schema: tool.inputSchema ?? EMPTY_SCHEMA,
+          defaultOpenDepth: 2,
+          showControls: false
+        }
+      ),
+      tool.outputSchema && /* @__PURE__ */ jsxs("div", { className: "border-t border-border pt-3", children: [
+        /* @__PURE__ */ jsx("div", { className: "mb-2 text-xs font-semibold", children: "Output" }),
+        /* @__PURE__ */ jsx(
+          SchemaViewer,
+          {
+            schema: tool.outputSchema,
+            defaultOpenDepth: 1,
+            showControls: false
+          }
+        )
+      ] })
+    ] }) : /* @__PURE__ */ jsx("div", { role: "tabpanel", children: /* @__PURE__ */ jsx(
+      CodeBlock,
+      {
+        language: "json",
+        source: JSON.stringify(runtimePreview, null, 2),
+        jsonDefaultOpenDepth: 2,
+        copyable: true
+      }
+    ) })
+  ] });
+}
+function ViewToggleButton({
+  active,
+  icon,
+  label,
+  onClick
+}) {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick,
+      "aria-pressed": active,
+      className: cn(
+        "flex items-center gap-1 rounded px-2 py-0.5 text-[11px] font-medium",
+        active ? "bg-accent text-foreground" : "text-muted-foreground hover:bg-accent/50"
+      ),
+      children: [
+        /* @__PURE__ */ jsx(Icon, { icon, className: "size-3.5" }),
+        label
+      ]
+    }
+  );
+}
+function StrictnessBadge({ strict }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(
+        "shrink-0 rounded px-1.5 py-0.5 text-[10px] font-medium",
+        strict ? "bg-emerald-500/10 text-emerald-700 dark:text-emerald-300" : "bg-amber-500/10 text-amber-700 dark:text-amber-300"
+      ),
+      title: strict ? "Strict input schema" : "Loose input schema",
+      children: strict ? "Strict" : "Loose"
+    }
+  );
+}
+function HintChips({
+  annotations,
+  compact = false
+}) {
+  const chips = wellKnownHintChips(annotations);
+  if (chips.length === 0) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "flex flex-wrap gap-1",
+        compact ? "text-[9px]" : "text-[10px]"
+      ),
+      children: chips.map((chip) => /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: cn("rounded px-1.5 py-0.5 font-medium", chip.className),
+          children: chip.label
+        },
+        chip.key
+      ))
+    }
+  );
+}
+function ToolAnnotationsPanel({
+  annotations
+}) {
+  const entries = annotationEntries(annotations);
+  if (entries.length === 0) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "rounded border border-border bg-muted/20 p-2", children: [
+    /* @__PURE__ */ jsx("div", { className: "mb-1 text-[10px] font-semibold uppercase tracking-wider text-muted-foreground", children: "Annotations" }),
+    /* @__PURE__ */ jsx("dl", { className: "grid grid-cols-[auto_minmax(0,1fr)] gap-x-3 gap-y-1 text-xs", children: entries.map(([key, value]) => /* @__PURE__ */ jsx(
+      DetailRow,
+      {
+        label: key,
+        value: formatAnnotationValue(value),
+        mono: typeof value !== "boolean"
+      },
+      key
+    )) })
+  ] });
+}
+function DetailRow({
+  label,
+  value,
+  mono = false
+}) {
+  if (value === void 0 || value === null || value === "") return null;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsx("dd", { className: cn("min-w-0 break-all", mono && "font-mono"), children: String(value) })
+  ] });
+}
+function buildSections(tools, view) {
+  const outerOf = (tool) => view === "group" ? tool.group || NO_GROUP : tool.parent || NO_PARENT;
+  const innerOf = (tool) => view === "group" ? tool.parent || NO_PARENT : tool.group || NO_GROUP;
+  const outer = /* @__PURE__ */ new Map();
+  for (const tool of tools) {
+    const o = outerOf(tool);
+    const i = innerOf(tool);
+    const inner = outer.get(o) ?? /* @__PURE__ */ new Map();
+    (inner.get(i) ?? inner.set(i, []).get(i)).push(tool);
+    outer.set(o, inner);
+  }
+  return [...outer.entries()].map(([label, inner]) => {
+    const children = [...inner.entries()].map(([childLabel, childTools]) => ({
+      label: childLabel,
+      tools: [...childTools].sort(
+        (a, b) => (a.label || a.name).localeCompare(b.label || b.name)
+      )
+    })).sort((a, b) => a.label.localeCompare(b.label));
+    return {
+      label,
+      count: children.reduce((sum, child) => sum + child.tools.length, 0),
+      children
+    };
+  }).sort((a, b) => a.label.localeCompare(b.label));
+}
+function effectiveToolStrictness(tool) {
+  var _a;
+  if (tool.strict !== void 0) return tool.strict;
+  return ((_a = tool.inputSchema) == null ? void 0 : _a.additionalProperties) === false;
+}
+function buildRuntimeToolPreview(tool) {
+  var _a;
+  return compactObject({
+    name: tool.name,
+    description: tool.description ?? ((_a = tool.annotations) == null ? void 0 : _a.title) ?? tool.title ?? tool.label,
+    inputSchema: tool.inputSchema ?? EMPTY_SCHEMA,
+    outputSchema: tool.outputSchema,
+    strict: effectiveToolStrictness(tool),
+    annotations: tool.annotations,
+    metadata: compactObject({
+      label: tool.label,
+      title: tool.title,
+      icon: tool.icon,
+      group: tool.group,
+      parent: tool.parent,
+      entity: tool.entity,
+      defaultPermission: tool.defaultPermission,
+      source: tool.source,
+      server: tool.server,
+      method: tool.method,
+      path: tool.path,
+      operationName: tool.operationName,
+      preferenceKey: tool.preferenceKey
+    })
+  });
+}
+function compactObject(record) {
+  return Object.fromEntries(
+    Object.entries(record).filter(([, value]) => {
+      if (value === void 0 || value === null) return false;
+      if (typeof value === "object" && !Array.isArray(value) && Object.keys(value).length === 0) {
+        return false;
+      }
+      return true;
+    })
+  );
+}
+function annotationSearchText(annotations) {
+  if (!annotations) return [];
+  return Object.entries(annotations).flatMap(([key, value]) => [key, primitiveAnnotationText(value)]).filter((value) => Boolean(value));
+}
+function primitiveAnnotationText(value) {
+  if (typeof value === "string" || typeof value === "number" || typeof value === "boolean") {
+    return String(value);
+  }
+  return void 0;
+}
+function annotationEntries(annotations) {
+  if (!annotations) return [];
+  const order = [
+    "title",
+    "readOnlyHint",
+    "destructiveHint",
+    "idempotentHint",
+    "openWorldHint"
+  ];
+  const seen = new Set(order);
+  const known = order.filter((key) => annotations[key] !== void 0).map((key) => [key, annotations[key]]);
+  const rest = Object.entries(annotations).filter(([key]) => !seen.has(key));
+  return [...known, ...rest];
+}
+function formatAnnotationValue(value) {
+  if (typeof value === "boolean") return value ? "true" : "false";
+  if (typeof value === "string" || typeof value === "number" || typeof value === "bigint") {
+    return String(value);
+  }
+  return JSON.stringify(value);
+}
+function wellKnownHintChips(annotations) {
+  if (!annotations) return [];
+  return [
+    annotations.readOnlyHint ? {
+      key: "readOnlyHint",
+      label: "Read only",
+      className: "bg-emerald-500/10 text-emerald-700 dark:text-emerald-300"
+    } : null,
+    annotations.destructiveHint ? {
+      key: "destructiveHint",
+      label: "Destructive",
+      className: "bg-rose-500/10 text-rose-700 dark:text-rose-300"
+    } : null,
+    annotations.idempotentHint ? {
+      key: "idempotentHint",
+      label: "Idempotent",
+      className: "bg-sky-500/10 text-sky-700 dark:text-sky-300"
+    } : null,
+    annotations.openWorldHint ? {
+      key: "openWorldHint",
+      label: "Open world",
+      className: "bg-violet-500/10 text-violet-700 dark:text-violet-300"
+    } : null
+  ].filter(
+    (chip) => chip !== null
+  );
+}
+export {
+  ToolSchemaBrowser
+};
+//# sourceMappingURL=ToolSchemaBrowser.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolSchemaBrowser.js","sources":["../../../src/data/ai/ToolSchemaBrowser.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport {\n  ListMenu,\n  ListMenuHeader,\n  ListMenuItem,\n  ListMenuSection,\n} from \"../../components/ListMenu\";\nimport { cn } from \"../../lib/utils\";\nimport { SplitPane } from \"../../layout/SplitPane\";\nimport { Tabs } from \"../../layout/Tabs\";\nimport { CodeBlock } from \"../CodeBlock\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport {\n  UiChevronDown,\n  UiChevronRight,\n  UiCode2,\n  UiLayers,\n  UiListDashes,\n  UiSearch,\n  UiWrench,\n} from \"../../icons\";\nimport { SchemaViewer } from \"../SchemaViewer\";\nimport type {\n  ChatToolInputSchema,\n  ToolAnnotations,\n  ToolMeta,\n} from \"../chat/types\";\n\nexport type ToolSchemaBrowserProps = {\n  tools: ToolMeta[];\n  className?: string;\n};\n\n/** Which dimension is the outer (primary) grouping. \"group\" nests parents inside\n *  each tool-group; \"tree\" nests groups inside each parent surface. Whichever is\n *  primary, the other becomes the inner level, so both views stay two-deep. */\ntype ViewMode = \"group\" | \"tree\";\ntype BrowserTab = \"schema\" | \"json\";\n\nconst NO_GROUP = \"Tools\";\nconst NO_PARENT = \"General\";\nconst EMPTY_SCHEMA: ChatToolInputSchema = { type: \"object\", properties: {} };\n\nexport function ToolSchemaBrowser({\n  tools,\n  className,\n}: ToolSchemaBrowserProps) {\n  const [query, setQuery] = useState(\"\");\n  const [view, setView] = useState<ViewMode>(\"group\");\n  const [tab, setTab] = useState<BrowserTab>(\"schema\");\n  const [collapsed, setCollapsed] = useState<Set<string>>(() => new Set());\n  const [selected, setSelected] = useState<string | null>(\n    tools[0]?.name ?? null,\n  );\n\n  const searching = query.trim().length > 0;\n  const filtered = useMemo(() => {\n    const q = query.trim().toLowerCase();\n    if (!q) return tools;\n    return tools.filter((tool) =>\n      [\n        tool.name,\n        tool.label,\n        tool.title,\n        tool.description,\n        tool.group,\n        tool.parent,\n        tool.entity,\n        tool.icon,\n        tool.defaultPermission,\n        tool.source,\n        tool.server,\n        ...annotationSearchText(tool.annotations),\n        ...(tool.hints ?? []),\n      ]\n        .filter(Boolean)\n        .some((value) => String(value).toLowerCase().includes(q)),\n    );\n  }, [query, tools]);\n  const active =\n    tools.find((tool) => tool.name === selected) ?? filtered[0] ?? tools[0];\n  const sections = useMemo(\n    () => buildSections(filtered, view),\n    [filtered, view],\n  );\n\n  const toggle = (key: string) =>\n    setCollapsed((prev) => {\n      const next = new Set(prev);\n      if (next.has(key)) next.delete(key);\n      else next.add(key);\n      return next;\n    });\n  // While searching we force-expand so matches are never hidden behind a\n  // collapsed node.\n  const isOpen = (key: string) => searching || !collapsed.has(key);\n\n  return (\n    <div\n      className={cn(\n        \"min-h-0 overflow-hidden rounded-md border border-border bg-background\",\n        className,\n      )}\n    >\n      <SplitPane\n        defaultSplit={34}\n        minLeft={24}\n        minRight={42}\n        className=\"min-h-0\"\n        leftClass=\"flex min-h-0 flex-col overflow-hidden\"\n        rightClass=\"min-h-0 overflow-y-auto\"\n        left={\n          <ToolSidebar\n            query={query}\n            view={view}\n            sections={sections}\n            active={active}\n            filteredCount={filtered.length}\n            isOpen={isOpen}\n            onQueryChange={setQuery}\n            onViewChange={setView}\n            onToggle={toggle}\n            onSelect={setSelected}\n          />\n        }\n        right={\n          active ? (\n            <ToolDetail tool={active} tab={tab} onTabChange={setTab} />\n          ) : (\n            <div className=\"px-3 py-8 text-center text-xs text-muted-foreground\">\n              No tools\n            </div>\n          )\n        }\n      />\n    </div>\n  );\n}\n\nfunction ToolSidebar({\n  query,\n  view,\n  sections,\n  active,\n  filteredCount,\n  isOpen,\n  onQueryChange,\n  onViewChange,\n  onToggle,\n  onSelect,\n}: {\n  query: string;\n  view: ViewMode;\n  sections: ToolSection[];\n  active: ToolMeta | undefined;\n  filteredCount: number;\n  isOpen: (key: string) => boolean;\n  onQueryChange: (query: string) => void;\n  onViewChange: (view: ViewMode) => void;\n  onToggle: (key: string) => void;\n  onSelect: (name: string) => void;\n}) {\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      </div>\n      <ListMenu className=\"min-h-0 flex-1 overflow-y-auto divide-y-0\">\n        {sections.map((section) => {\n          const sectionKey = `p:${section.label}`;\n          const sectionOpen = isOpen(sectionKey);\n          return (\n            <ListMenuSection key={sectionKey}>\n              <ListMenuHeader className=\"px-0 py-0\">\n                <button\n                  type=\"button\"\n                  onClick={() => onToggle(sectionKey)}\n                  className=\"flex w-full items-center gap-1 px-2 py-1 text-left text-[10px] font-semibold uppercase tracking-wider text-muted-foreground hover:bg-muted\"\n                >\n                  <Icon\n                    icon={sectionOpen ? UiChevronDown : UiChevronRight}\n                    className=\"size-3 shrink-0\"\n                  />\n                  <span className=\"min-w-0 flex-1 truncate\">\n                    {section.label}\n                  </span>\n                  <span className=\"tabular-nums text-muted-foreground/70\">\n                    {section.count}\n                  </span>\n                </button>\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                      <button\n                        type=\"button\"\n                        onClick={() => onToggle(childKey)}\n                        className=\"flex w-full items-center gap-1 border-b border-border bg-background px-2 py-1 pl-3 text-left text-[11px] font-medium text-foreground/80 hover:bg-accent/50\"\n                      >\n                        <Icon\n                          icon={childOpen ? UiChevronDown : UiChevronRight}\n                          className=\"size-3 shrink-0 text-muted-foreground\"\n                        />\n                        <span className=\"min-w-0 flex-1 truncate\">\n                          {child.label}\n                        </span>\n                        <span className=\"tabular-nums text-[10px] text-muted-foreground/70\">\n                          {child.tools.length}\n                        </span>\n                      </button>\n                      {childOpen &&\n                        child.tools.map((tool) => (\n                          <ToolSidebarRow\n                            key={tool.name}\n                            tool={tool}\n                            active={active?.name === tool.name}\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  onSelect,\n}: {\n  tool: ToolMeta;\n  active: boolean;\n  onSelect: () => void;\n}) {\n  return (\n    <ListMenuItem\n      active={active}\n      role=\"button\"\n      tabIndex={0}\n      aria-selected={active}\n      className=\"px-2 py-2 pl-6\"\n      onClick={onSelect}\n      onKeyDown={(event) => {\n        if (event.key === \"Enter\" || event.key === \" \") {\n          event.preventDefault();\n          onSelect();\n        }\n      }}\n    >\n      <div className=\"grid grid-cols-[1rem_minmax(0,1fr)] gap-2\">\n        {tool.icon ? (\n          <Icon\n            name={tool.icon}\n            className=\"mt-0.5 size-3.5 text-muted-foreground\"\n          />\n        ) : (\n          <Icon\n            icon={UiWrench}\n            className=\"mt-0.5 size-3.5 text-muted-foreground\"\n          />\n        )}\n        <span className=\"min-w-0 truncate text-xs font-medium\">\n          {tool.label || tool.name}\n        </span>\n      </div>\n    </ListMenuItem>\n  );\n}\n\nfunction ToolDetail({\n  tool,\n  tab,\n  onTabChange,\n}: {\n  tool: ToolMeta;\n  tab: BrowserTab;\n  onTabChange: (tab: BrowserTab) => void;\n}) {\n  const strict = effectiveToolStrictness(tool);\n  const runtimePreview = useMemo(() => buildRuntimeToolPreview(tool), [tool]);\n  return (\n    <div className=\"space-y-3 p-3\">\n      <div className=\"min-w-0 space-y-3\">\n        <div className=\"min-w-0\">\n          <div className=\"flex min-w-0 items-center gap-2\">\n            {tool.icon ? (\n              <Icon name={tool.icon} className=\"size-4 text-muted-foreground\" />\n            ) : (\n              <Icon icon={UiCode2} className=\"size-4 text-muted-foreground\" />\n            )}\n            <div className=\"min-w-0 truncate text-sm font-medium\">\n              {tool.parent ? `${tool.parent} ` : \"\"}\n              {tool.label || tool.name}\n            </div>\n            <StrictnessBadge strict={strict} />\n          </div>\n          {tool.description && (\n            <p className=\"mt-1 text-xs text-muted-foreground\">\n              {tool.description}\n            </p>\n          )}\n        </div>\n        <dl className=\"grid grid-cols-[auto_minmax(0,1fr)] gap-x-3 gap-y-1 text-xs\">\n          <DetailRow label=\"Tool ID\" value={tool.name} mono />\n          <DetailRow label=\"Default\" value={tool.defaultPermission} />\n          <DetailRow label=\"Strictness\" value={strict ? \"Strict\" : \"Loose\"} />\n          <DetailRow label=\"Icon\" value={tool.icon} mono />\n          <DetailRow label=\"Source\" value={tool.source} />\n          <DetailRow label=\"Group\" value={tool.group} />\n          <DetailRow label=\"Parent\" value={tool.parent} />\n          <DetailRow label=\"Server\" value={tool.server} />\n          <DetailRow label=\"Method\" value={tool.method} />\n          <DetailRow label=\"Path\" value={tool.path} mono />\n        </dl>\n        <HintChips annotations={tool.annotations} />\n        <ToolAnnotationsPanel annotations={tool.annotations} />\n        {tool.hints && tool.hints.length > 0 && (\n          <div className=\"rounded border border-border bg-muted/20 p-2\">\n            <div className=\"mb-1 text-[10px] font-semibold uppercase tracking-wider text-muted-foreground\">\n              Hints\n            </div>\n            <ul className=\"space-y-1 text-xs text-muted-foreground\">\n              {tool.hints.map((hint) => (\n                <li key={hint}>{hint}</li>\n              ))}\n            </ul>\n          </div>\n        )}\n      </div>\n      <Tabs\n        value={tab}\n        onChange={(next) => onTabChange(next as BrowserTab)}\n        tabs={[\n          { id: \"schema\", label: \"Schema\" },\n          { id: \"json\", label: \"JSON\" },\n        ]}\n      />\n      {tab === \"schema\" ? (\n        <div role=\"tabpanel\" className=\"space-y-3\">\n          <SchemaViewer\n            schema={tool.inputSchema ?? EMPTY_SCHEMA}\n            defaultOpenDepth={2}\n            showControls={false}\n          />\n          {tool.outputSchema && (\n            <div className=\"border-t border-border pt-3\">\n              <div className=\"mb-2 text-xs font-semibold\">Output</div>\n              <SchemaViewer\n                schema={tool.outputSchema}\n                defaultOpenDepth={1}\n                showControls={false}\n              />\n            </div>\n          )}\n        </div>\n      ) : (\n        <div role=\"tabpanel\">\n          <CodeBlock\n            language=\"json\"\n            source={JSON.stringify(runtimePreview, null, 2)}\n            jsonDefaultOpenDepth={2}\n            copyable\n          />\n        </div>\n      )}\n    </div>\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 StrictnessBadge({ strict }: { strict: boolean }) {\n  return (\n    <span\n      className={cn(\n        \"shrink-0 rounded px-1.5 py-0.5 text-[10px] font-medium\",\n        strict\n          ? \"bg-emerald-500/10 text-emerald-700 dark:text-emerald-300\"\n          : \"bg-amber-500/10 text-amber-700 dark:text-amber-300\",\n      )}\n      title={strict ? \"Strict input schema\" : \"Loose input schema\"}\n    >\n      {strict ? \"Strict\" : \"Loose\"}\n    </span>\n  );\n}\n\nfunction HintChips({\n  annotations,\n  compact = false,\n}: {\n  annotations: ToolAnnotations | undefined;\n  compact?: boolean;\n}) {\n  const chips = wellKnownHintChips(annotations);\n  if (chips.length === 0) return null;\n  return (\n    <div\n      className={cn(\n        \"flex flex-wrap gap-1\",\n        compact ? \"text-[9px]\" : \"text-[10px]\",\n      )}\n    >\n      {chips.map((chip) => (\n        <span\n          key={chip.key}\n          className={cn(\"rounded px-1.5 py-0.5 font-medium\", chip.className)}\n        >\n          {chip.label}\n        </span>\n      ))}\n    </div>\n  );\n}\n\nfunction ToolAnnotationsPanel({\n  annotations,\n}: {\n  annotations: ToolAnnotations | undefined;\n}) {\n  const entries = annotationEntries(annotations);\n  if (entries.length === 0) return null;\n  return (\n    <div className=\"rounded border border-border bg-muted/20 p-2\">\n      <div className=\"mb-1 text-[10px] font-semibold uppercase tracking-wider text-muted-foreground\">\n        Annotations\n      </div>\n      <dl className=\"grid grid-cols-[auto_minmax(0,1fr)] gap-x-3 gap-y-1 text-xs\">\n        {entries.map(([key, value]) => (\n          <DetailRow\n            key={key}\n            label={key}\n            value={formatAnnotationValue(value)}\n            mono={typeof value !== \"boolean\"}\n          />\n        ))}\n      </dl>\n    </div>\n  );\n}\n\nfunction DetailRow({\n  label,\n  value,\n  mono = false,\n}: {\n  label: string;\n  value: unknown;\n  mono?: boolean;\n}) {\n  if (value === undefined || value === null || value === \"\") return null;\n  return (\n    <>\n      <dt className=\"text-muted-foreground\">{label}</dt>\n      <dd className={cn(\"min-w-0 break-all\", mono && \"font-mono\")}>\n        {String(value)}\n      </dd>\n    </>\n  );\n}\n\ntype ToolSection = {\n  label: string;\n  count: number;\n  children: Array<{ label: string; tools: ToolMeta[] }>;\n};\n\n/** Buckets tools two levels deep. In \"group\" view the outer level is the\n *  tool-group and the inner level is the parent surface; \"tree\" swaps them so\n *  the parent surface is outer and the group nests inside. Either way the\n *  non-primary dimension is the nested one. */\nfunction buildSections(tools: ToolMeta[], view: ViewMode): ToolSection[] {\n  const outerOf = (tool: ToolMeta) =>\n    view === \"group\" ? tool.group || NO_GROUP : tool.parent || NO_PARENT;\n  const innerOf = (tool: ToolMeta) =>\n    view === \"group\" ? tool.parent || NO_PARENT : tool.group || NO_GROUP;\n\n  const outer = new Map<string, Map<string, ToolMeta[]>>();\n  for (const tool of tools) {\n    const o = outerOf(tool);\n    const i = innerOf(tool);\n    const inner = outer.get(o) ?? new Map<string, ToolMeta[]>();\n    (inner.get(i) ?? inner.set(i, []).get(i)!).push(tool);\n    outer.set(o, inner);\n  }\n\n  return [...outer.entries()]\n    .map(([label, inner]) => {\n      const children = [...inner.entries()]\n        .map(([childLabel, childTools]) => ({\n          label: childLabel,\n          tools: [...childTools].sort((a, b) =>\n            (a.label || a.name).localeCompare(b.label || b.name),\n          ),\n        }))\n        .sort((a, b) => a.label.localeCompare(b.label));\n      return {\n        label,\n        count: children.reduce((sum, child) => sum + child.tools.length, 0),\n        children,\n      };\n    })\n    .sort((a, b) => a.label.localeCompare(b.label));\n}\n\nfunction effectiveToolStrictness(tool: ToolMeta): boolean {\n  if (tool.strict !== undefined) return tool.strict;\n  return tool.inputSchema?.additionalProperties === false;\n}\n\nfunction buildRuntimeToolPreview(tool: ToolMeta) {\n  return compactObject({\n    name: tool.name,\n    description:\n      tool.description ?? tool.annotations?.title ?? tool.title ?? tool.label,\n    inputSchema: tool.inputSchema ?? EMPTY_SCHEMA,\n    outputSchema: tool.outputSchema,\n    strict: effectiveToolStrictness(tool),\n    annotations: tool.annotations,\n    metadata: compactObject({\n      label: tool.label,\n      title: tool.title,\n      icon: tool.icon,\n      group: tool.group,\n      parent: tool.parent,\n      entity: tool.entity,\n      defaultPermission: tool.defaultPermission,\n      source: tool.source,\n      server: tool.server,\n      method: tool.method,\n      path: tool.path,\n      operationName: tool.operationName,\n      preferenceKey: tool.preferenceKey,\n    }),\n  });\n}\n\nfunction compactObject(\n  record: Record<string, unknown>,\n): Record<string, unknown> {\n  return Object.fromEntries(\n    Object.entries(record).filter(([, value]) => {\n      if (value === undefined || value === null) return false;\n      if (\n        typeof value === \"object\" &&\n        !Array.isArray(value) &&\n        Object.keys(value).length === 0\n      ) {\n        return false;\n      }\n      return true;\n    }),\n  );\n}\n\nfunction annotationSearchText(\n  annotations: ToolAnnotations | undefined,\n): string[] {\n  if (!annotations) return [];\n  return Object.entries(annotations)\n    .flatMap(([key, value]) => [key, primitiveAnnotationText(value)])\n    .filter((value): value is string => Boolean(value));\n}\n\nfunction primitiveAnnotationText(value: unknown): string | undefined {\n  if (\n    typeof value === \"string\" ||\n    typeof value === \"number\" ||\n    typeof value === \"boolean\"\n  ) {\n    return String(value);\n  }\n  return undefined;\n}\n\nfunction annotationEntries(\n  annotations: ToolAnnotations | undefined,\n): Array<[string, unknown]> {\n  if (!annotations) return [];\n  const order = [\n    \"title\",\n    \"readOnlyHint\",\n    \"destructiveHint\",\n    \"idempotentHint\",\n    \"openWorldHint\",\n  ];\n  const seen = new Set(order);\n  const known = order\n    .filter((key) => annotations[key] !== undefined)\n    .map((key) => [key, annotations[key]] as [string, unknown]);\n  const rest = Object.entries(annotations).filter(([key]) => !seen.has(key));\n  return [...known, ...rest];\n}\n\nfunction formatAnnotationValue(value: unknown): string {\n  if (typeof value === \"boolean\") return value ? \"true\" : \"false\";\n  if (\n    typeof value === \"string\" ||\n    typeof value === \"number\" ||\n    typeof value === \"bigint\"\n  ) {\n    return String(value);\n  }\n  return JSON.stringify(value);\n}\n\nfunction wellKnownHintChips(annotations: ToolAnnotations | undefined) {\n  if (!annotations) return [];\n  return [\n    annotations.readOnlyHint\n      ? {\n          key: \"readOnlyHint\",\n          label: \"Read only\",\n          className: \"bg-emerald-500/10 text-emerald-700 dark:text-emerald-300\",\n        }\n      : null,\n    annotations.destructiveHint\n      ? {\n          key: \"destructiveHint\",\n          label: \"Destructive\",\n          className: \"bg-rose-500/10 text-rose-700 dark:text-rose-300\",\n        }\n      : null,\n    annotations.idempotentHint\n      ? {\n          key: \"idempotentHint\",\n          label: \"Idempotent\",\n          className: \"bg-sky-500/10 text-sky-700 dark:text-sky-300\",\n        }\n      : null,\n    annotations.openWorldHint\n      ? {\n          key: \"openWorldHint\",\n          label: \"Open world\",\n          className: \"bg-violet-500/10 text-violet-700 dark:text-violet-300\",\n        }\n      : null,\n  ].filter(\n    (chip): chip is { key: string; label: string; className: string } =>\n      chip !== null,\n  );\n}\n"],"names":[],"mappings":"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"}