@echothink-ui/search 0.1.0

package/dist/index.js

@@ -0,0 +1,1185 @@
+// src/components/AgentSearchSuggestion.tsx
+import * as React from "react";
+import { AgentRunningIcon, ChevronRightIcon } from "@echothink-ui/icons";
+import { jsx, jsxs } from "react/jsx-runtime";
+function AgentSearchSuggestion({
+  suggestion,
+  className,
+  onClick,
+  ...props
+}) {
+  const handleClick = React.useCallback(
+    (event) => {
+      onClick?.(event);
+      if (!event.defaultPrevented) {
+        suggestion.onSelect?.();
+      }
+    },
+    [onClick, suggestion]
+  );
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      ...props,
+      type: "button",
+      className: ["eth-search-agent-suggestion", className].filter(Boolean).join(" "),
+      "data-eth-component": "AgentSearchSuggestion",
+      onClick: handleClick,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "eth-search-agent-suggestion__icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx(AgentRunningIcon, { size: 16 }) }),
+        /* @__PURE__ */ jsxs("span", { className: "eth-search-agent-suggestion__body", children: [
+          /* @__PURE__ */ jsx("span", { className: "eth-search-agent-suggestion__label", children: suggestion.label }),
+          suggestion.rationale ? /* @__PURE__ */ jsx("span", { className: "eth-search-agent-suggestion__rationale", children: suggestion.rationale }) : null
+        ] }),
+        /* @__PURE__ */ jsxs("span", { className: "eth-search-agent-suggestion__action", "aria-hidden": "true", children: [
+          "Run",
+          /* @__PURE__ */ jsx(ChevronRightIcon, { size: 16 })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/components/AppCommandSearch.tsx
+import * as React2 from "react";
+import { Button, SearchInput } from "@echothink-ui/core";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function commandMatches(command, query) {
+  const normalized = query.trim().toLowerCase();
+  if (!normalized) return true;
+  return [
+    command.label,
+    command.description,
+    command.domain,
+    command.kind,
+    command.shortcut,
+    command.status
+  ].filter(Boolean).some((value) => String(value).toLowerCase().includes(normalized));
+}
+function kindLabel(kind) {
+  if (kind === "app-domain") return "Domain";
+  if (kind === "resource") return "Resource";
+  return "Action";
+}
+function AppCommandSearch({
+  value,
+  defaultValue = "",
+  placeholder = "Search app domains, resources, or commands",
+  commands = [],
+  kbdHint = "\u2318K",
+  scopeLabel = "App domains",
+  emptyText = "No commands found",
+  onChange,
+  onSelect,
+  onSubmit,
+  onKeyDown,
+  className,
+  ...props
+}) {
+  const [internalValue, setInternalValue] = React2.useState(defaultValue);
+  const [activeIndex, setActiveIndex] = React2.useState(0);
+  const currentValue = value ?? internalValue;
+  const filteredCommands = React2.useMemo(
+    () => commands.filter((command) => commandMatches(command, currentValue)),
+    [commands, currentValue]
+  );
+  const activeCommand = filteredCommands[activeIndex];
+  React2.useEffect(() => {
+    setActiveIndex((index) => Math.min(index, Math.max(0, filteredCommands.length - 1)));
+  }, [filteredCommands.length]);
+  const updateValue = (nextValue) => {
+    if (value === void 0) setInternalValue(nextValue);
+    onChange?.(nextValue);
+  };
+  const selectCommand = (command) => {
+    command.onSelect?.();
+    onSelect?.(command.id);
+  };
+  const handleKeyDown = (event) => {
+    onKeyDown?.(event);
+    if (event.defaultPrevented) return;
+    if (!filteredCommands.length) return;
+    if (event.key === "ArrowDown") {
+      event.preventDefault();
+      setActiveIndex((index) => Math.min(filteredCommands.length - 1, index + 1));
+      return;
+    }
+    if (event.key === "ArrowUp") {
+      event.preventDefault();
+      setActiveIndex((index) => Math.max(0, index - 1));
+      return;
+    }
+    if (event.key === "Enter") {
+      event.preventDefault();
+      selectCommand(filteredCommands[activeIndex]);
+    }
+  };
+  return /* @__PURE__ */ jsxs2(
+    "section",
+    {
+      ...props,
+      className: ["eth-search-app-command", className].filter(Boolean).join(" "),
+      "data-eth-component": "AppCommandSearch",
+      onKeyDown: handleKeyDown,
+      children: [
+        /* @__PURE__ */ jsxs2(
+          "form",
+          {
+            className: "eth-search-app-command__bar",
+            role: "search",
+            onSubmit: (event) => {
+              event.preventDefault();
+              if (activeCommand) {
+                selectCommand(activeCommand);
+                return;
+              }
+              onSubmit?.(currentValue);
+            },
+            children: [
+              /* @__PURE__ */ jsx2(
+                SearchInput,
+                {
+                  className: "eth-search-app-command__input",
+                  density: "comfortable",
+                  value: currentValue,
+                  placeholder,
+                  onChange: (event) => updateValue(event.currentTarget.value),
+                  onClear: () => updateValue("")
+                }
+              ),
+              /* @__PURE__ */ jsxs2("div", { className: "eth-search-app-command__controls", children: [
+                kbdHint ? /* @__PURE__ */ jsx2("kbd", { className: "eth-search-app-command__kbd", children: kbdHint }) : null,
+                /* @__PURE__ */ jsx2(Button, { density: "compact", intent: "primary", type: "submit", children: "Run" })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs2("div", { className: "eth-search-app-command__summary", children: [
+          /* @__PURE__ */ jsx2("span", { children: scopeLabel }),
+          /* @__PURE__ */ jsxs2("strong", { children: [
+            filteredCommands.length,
+            " available"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs2("div", { className: "eth-search-app-command__list", role: "listbox", "aria-label": "App commands", children: [
+          filteredCommands.map((command, index) => {
+            const active = index === activeIndex;
+            return /* @__PURE__ */ jsxs2(
+              "button",
+              {
+                type: "button",
+                role: "option",
+                "aria-selected": active,
+                className: `eth-search-app-command__item ${active ? "eth-search-app-command__item--active" : ""}`,
+                onMouseEnter: () => setActiveIndex(index),
+                onClick: () => selectCommand(command),
+                children: [
+                  /* @__PURE__ */ jsx2("span", { className: "eth-search-app-command__kind", children: kindLabel(command.kind) }),
+                  /* @__PURE__ */ jsxs2("span", { className: "eth-search-app-command__copy", children: [
+                    /* @__PURE__ */ jsx2("strong", { children: command.label }),
+                    command.description ? /* @__PURE__ */ jsx2("small", { children: command.description }) : null
+                  ] }),
+                  /* @__PURE__ */ jsxs2("span", { className: "eth-search-app-command__meta", children: [
+                    command.domain ? /* @__PURE__ */ jsx2("span", { children: command.domain }) : null,
+                    command.shortcut ? /* @__PURE__ */ jsx2("kbd", { children: command.shortcut }) : null,
+                    command.status ? /* @__PURE__ */ jsx2("small", { children: command.status }) : null
+                  ] })
+                ]
+              },
+              command.id
+            );
+          }),
+          !filteredCommands.length ? /* @__PURE__ */ jsx2("p", { className: "eth-search-app-command__empty", children: emptyText }) : null
+        ] })
+      ]
+    }
+  );
+}
+
+// src/components/AppDomainSearch.tsx
+import * as React3 from "react";
+import { SearchInput as SearchInput2 } from "@echothink-ui/core";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function AppDomainSearch({
+  appDomainRef,
+  placeholder = "Search app-domain catalog or instances",
+  className,
+  suggestions = [],
+  value,
+  defaultValue,
+  onChange,
+  onSearch,
+  onSelect,
+  open: _open,
+  defaultOpen: _defaultOpen,
+  loading: _loading,
+  emptyText: _emptyText,
+  onOpenChange: _onOpenChange,
+  ...props
+}) {
+  const [internalValue, setInternalValue] = React3.useState(
+    () => Array.isArray(defaultValue) ? defaultValue.join(",") : String(defaultValue ?? "")
+  );
+  const currentValue = value ?? internalValue;
+  const scopeLabel = appDomainRef ? appDomainRef.replace(/[-_]/g, " ") : "All app domains";
+  const update = (nextValue) => {
+    if (value === void 0) {
+      setInternalValue(nextValue);
+    }
+    onChange?.(nextValue);
+    onSearch?.(nextValue);
+  };
+  const choose = (suggestion) => {
+    if (value === void 0) {
+      setInternalValue(suggestion.label);
+    }
+    onChange?.(suggestion.id);
+    onSearch?.(suggestion.label);
+    onSelect?.(suggestion);
+  };
+  return /* @__PURE__ */ jsxs3(
+    "section",
+    {
+      ...props,
+      className: `eth-search-app-domain ${className ?? ""}`,
+      "data-app-domain-ref": appDomainRef,
+      "data-eth-component": "AppDomainSearch",
+      children: [
+        /* @__PURE__ */ jsxs3("div", { className: "eth-search-app-domain__header", children: [
+          /* @__PURE__ */ jsx3("span", { children: "App-domain search" }),
+          /* @__PURE__ */ jsx3("strong", { children: scopeLabel })
+        ] }),
+        /* @__PURE__ */ jsx3(
+          SearchInput2,
+          {
+            value: currentValue,
+            placeholder,
+            onChange: (event) => update(event.currentTarget.value),
+            onClear: () => update(""),
+            className: "eth-search-app-domain__input"
+          }
+        ),
+        /* @__PURE__ */ jsxs3("div", { className: "eth-search-app-domain__summary", "aria-live": "polite", children: [
+          /* @__PURE__ */ jsx3("span", { children: suggestions.length ? `${suggestions.length} matching domains` : "Catalog and running instances" }),
+          /* @__PURE__ */ jsx3("span", { children: appDomainRef ? "Scoped instance" : "Global catalog" })
+        ] }),
+        suggestions.length ? /* @__PURE__ */ jsx3("ul", { className: "eth-search-app-domain__results", "aria-label": "App-domain search results", children: suggestions.map((suggestion) => /* @__PURE__ */ jsx3("li", { children: /* @__PURE__ */ jsxs3("button", { type: "button", onClick: () => choose(suggestion), children: [
+          /* @__PURE__ */ jsxs3("span", { className: "eth-search-app-domain__result-copy", children: [
+            /* @__PURE__ */ jsx3("strong", { children: suggestion.label }),
+            suggestion.kind ? /* @__PURE__ */ jsx3("small", { children: suggestion.kind }) : null
+          ] }),
+          suggestion.meta ? /* @__PURE__ */ jsx3("span", { className: "eth-search-app-domain__result-meta", children: suggestion.meta }) : null
+        ] }) }, suggestion.id)) }) : null
+      ]
+    }
+  );
+}
+
+// src/components/EntitySearchInput.tsx
+import * as React4 from "react";
+import { SearchInput as SearchInput3 } from "@echothink-ui/core";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function EntitySearchInput({
+  placeholder = "Search",
+  onSearch,
+  suggestions = [],
+  value,
+  defaultValue = "",
+  onChange,
+  onSelect,
+  suggestionsLabel = "Entity suggestions",
+  resultsLabel = "Entity matches",
+  loadingLabel = "Searching entities",
+  open,
+  defaultOpen = false,
+  loading = false,
+  emptyText = "No matching entities",
+  onOpenChange,
+  className,
+  onBlur,
+  onKeyDown,
+  "data-eth-component": dataEthComponent = "EntitySearchInput",
+  ...props
+}) {
+  const listboxId = React4.useId().replace(/:/g, "");
+  const [internalValue, setInternalValue] = React4.useState(defaultValue);
+  const [internalOpen, setInternalOpen] = React4.useState(defaultOpen);
+  const [selectedId, setSelectedId] = React4.useState(() => {
+    const initialValue = value ?? defaultValue;
+    return suggestions.find((suggestion) => suggestion.id === initialValue)?.id;
+  });
+  const currentValue = value ?? internalValue;
+  const selectedSuggestion = suggestions.find((suggestion) => suggestion.id === currentValue) ?? suggestions.find((suggestion) => suggestion.id === selectedId);
+  const displayValue = selectedSuggestion?.id === currentValue ? selectedSuggestion.label : currentValue;
+  const isOpen = open ?? internalOpen;
+  const setOpen = (nextOpen) => {
+    if (open === void 0) {
+      setInternalOpen(nextOpen);
+    }
+    onOpenChange?.(nextOpen);
+  };
+  const update = (nextValue) => {
+    if (value === void 0) {
+      setInternalValue(nextValue);
+    }
+    setSelectedId(void 0);
+    onChange?.(nextValue);
+    onSearch?.(nextValue);
+    setOpen(Boolean(nextValue || suggestions.length || loading));
+  };
+  const choose = (suggestion) => {
+    if (value === void 0) {
+      setInternalValue(suggestion.label);
+    }
+    setSelectedId(suggestion.id);
+    onChange?.(suggestion.id);
+    onSearch?.(suggestion.label);
+    onSelect?.(suggestion);
+    setOpen(false);
+  };
+  const clear = () => {
+    if (value === void 0) {
+      setInternalValue("");
+    }
+    setSelectedId(void 0);
+    onChange?.("");
+    onSearch?.("");
+    setOpen(false);
+  };
+  const handleBlur = (event) => {
+    onBlur?.(event);
+    if (!event.currentTarget.contains(event.relatedTarget)) {
+      setOpen(false);
+    }
+  };
+  const handleKeyDown = (event) => {
+    onKeyDown?.(event);
+    if (event.defaultPrevented) return;
+    if (event.key === "Escape") {
+      setOpen(false);
+      event.stopPropagation();
+    }
+    if (event.key === "ArrowDown" && suggestions.length) {
+      setOpen(true);
+    }
+  };
+  return /* @__PURE__ */ jsxs4(
+    "div",
+    {
+      ...props,
+      className: `eth-search-entity-input ${className ?? ""}`,
+      "data-eth-component": dataEthComponent,
+      onBlur: handleBlur,
+      onKeyDown: handleKeyDown,
+      children: [
+        /* @__PURE__ */ jsx4(
+          SearchInput3,
+          {
+            "aria-controls": isOpen ? listboxId : void 0,
+            "aria-expanded": isOpen,
+            "aria-haspopup": "listbox",
+            autoComplete: "off",
+            className: "eth-search-entity-input__field",
+            value: displayValue,
+            placeholder,
+            onFocus: () => setOpen(Boolean(suggestions.length || loading)),
+            onChange: (event) => update(event.currentTarget.value),
+            onClear: clear
+          }
+        ),
+        isOpen ? /* @__PURE__ */ jsxs4(
+          "div",
+          {
+            className: "eth-search-entity-input__popover",
+            id: listboxId,
+            role: "listbox",
+            "aria-label": suggestionsLabel,
+            children: [
+              /* @__PURE__ */ jsxs4("div", { className: "eth-search-entity-input__summary", "aria-live": "polite", children: [
+                /* @__PURE__ */ jsx4("span", { children: loading ? loadingLabel : resultsLabel }),
+                /* @__PURE__ */ jsx4("strong", { children: loading ? "Loading" : `${suggestions.length} result${suggestions.length === 1 ? "" : "s"}` })
+              ] }),
+              suggestions.length ? /* @__PURE__ */ jsx4("ul", { className: "eth-search-entity-input__list", children: suggestions.map((suggestion) => {
+                const isSelected = suggestion.id === selectedSuggestion?.id;
+                return /* @__PURE__ */ jsx4("li", { children: /* @__PURE__ */ jsxs4(
+                  "button",
+                  {
+                    type: "button",
+                    role: "option",
+                    "aria-selected": isSelected,
+                    onClick: () => choose(suggestion),
+                    children: [
+                      /* @__PURE__ */ jsxs4("span", { className: "eth-search-entity-input__copy", children: [
+                        /* @__PURE__ */ jsx4("strong", { children: suggestion.label }),
+                        suggestion.kind ? /* @__PURE__ */ jsx4("small", { children: suggestion.kind }) : null
+                      ] }),
+                      /* @__PURE__ */ jsx4("span", { className: "eth-search-entity-input__meta", children: isSelected ? "Selected" : suggestion.meta })
+                    ]
+                  }
+                ) }, suggestion.id);
+              }) }) : /* @__PURE__ */ jsx4("p", { className: "eth-search-entity-input__empty", children: loading ? "Loading..." : emptyText })
+            ]
+          }
+        ) : null
+      ]
+    }
+  );
+}
+
+// src/components/GlobalCommandPalette.tsx
+import * as React5 from "react";
+import { SearchInput as SearchInput4 } from "@echothink-ui/core";
+import { CloseIcon } from "@echothink-ui/icons";
+
+// src/components/searchUtils.ts
+function filterCommands(commands, query) {
+  const normalized = query.trim().toLowerCase();
+  if (!normalized) return commands;
+  return commands.filter(
+    (command) => [command.label, command.hint, command.group, command.shortcut].filter(Boolean).some((value) => String(value).toLowerCase().includes(normalized))
+  );
+}
+function groupBy(items, getKey) {
+  const groups = /* @__PURE__ */ new Map();
+  items.forEach((item) => {
+    const key = getKey(item);
+    groups.set(key, [...groups.get(key) ?? [], item]);
+  });
+  return Array.from(groups.entries());
+}
+
+// src/components/GlobalCommandPalette.tsx
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+function GlobalCommandPalette({
+  open,
+  onClose,
+  commands,
+  heading = "Global command palette",
+  contextLabel,
+  query,
+  searchPlaceholder = "Search commands",
+  onQueryChange,
+  className,
+  "data-eth-component": dataEthComponent = "GlobalCommandPalette",
+  ...props
+}) {
+  const [internalQuery, setInternalQuery] = React5.useState("");
+  const [activeIndex, setActiveIndex] = React5.useState(0);
+  const generatedId = React5.useId().replace(/:/g, "");
+  const searchRef = React5.useRef(null);
+  const currentQuery = query ?? internalQuery;
+  const filtered = React5.useMemo(
+    () => filterCommands(commands, currentQuery),
+    [commands, currentQuery]
+  );
+  const grouped = groupBy(filtered, (command) => command.group ?? "Commands");
+  const titleId = `eth-search-command-palette-title-${generatedId}`;
+  const listboxId = `eth-search-command-palette-listbox-${generatedId}`;
+  const activeOptionId = filtered.length ? `${listboxId}-option-${activeIndex}` : void 0;
+  const resultCountLabel = `${filtered.length} ${filtered.length === 1 ? "command" : "commands"} ${currentQuery.trim() ? "matched" : "available"}`;
+  React5.useEffect(() => {
+    if (!open) return;
+    setActiveIndex(0);
+    const input = searchRef.current?.querySelector("input");
+    input?.focus();
+  }, [open]);
+  React5.useEffect(() => {
+    setActiveIndex((index) => Math.min(index, Math.max(0, filtered.length - 1)));
+  }, [filtered.length]);
+  if (!open) return null;
+  const setQuery = (nextQuery) => {
+    setInternalQuery(nextQuery);
+    onQueryChange?.(nextQuery);
+  };
+  const selectCommand = (command) => {
+    command.onSelect();
+    onClose();
+  };
+  const onKeyDown = (event) => {
+    if (event.key === "Escape") {
+      event.preventDefault();
+      onClose();
+      return;
+    }
+    if (event.key === "ArrowDown") {
+      event.preventDefault();
+      if (!filtered.length) return;
+      setActiveIndex((index) => Math.min(filtered.length - 1, index + 1));
+      return;
+    }
+    if (event.key === "ArrowUp") {
+      event.preventDefault();
+      if (!filtered.length) return;
+      setActiveIndex((index) => Math.max(0, index - 1));
+      return;
+    }
+    if (event.key === "Enter") {
+      event.preventDefault();
+      const command = filtered[activeIndex];
+      if (command) selectCommand(command);
+    }
+  };
+  let flatIndex = 0;
+  return /* @__PURE__ */ jsxs5(
+    "div",
+    {
+      ...props,
+      className: `eth-search-command-palette ${className ?? ""}`,
+      "data-eth-component": dataEthComponent,
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-labelledby": titleId,
+      onKeyDown,
+      children: [
+        /* @__PURE__ */ jsx5(
+          "button",
+          {
+            type: "button",
+            className: "eth-search-command-palette__scrim",
+            "aria-label": "Close command palette",
+            onClick: onClose
+          }
+        ),
+        /* @__PURE__ */ jsxs5("section", { className: "eth-search-command-palette__panel", "aria-labelledby": titleId, children: [
+          /* @__PURE__ */ jsxs5("header", { className: "eth-search-command-palette__header", children: [
+            /* @__PURE__ */ jsxs5("div", { className: "eth-search-command-palette__heading", children: [
+              /* @__PURE__ */ jsx5("h2", { id: titleId, children: heading }),
+              /* @__PURE__ */ jsxs5("div", { className: "eth-search-command-palette__meta", children: [
+                contextLabel ? /* @__PURE__ */ jsx5("span", { children: contextLabel }) : null,
+                /* @__PURE__ */ jsx5("span", { "aria-live": "polite", children: resultCountLabel })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx5(
+              "button",
+              {
+                type: "button",
+                className: "eth-search-command-palette__close",
+                "aria-label": "Close command palette",
+                onClick: onClose,
+                children: /* @__PURE__ */ jsx5(CloseIcon, { size: 16 })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx5("div", { ref: searchRef, className: "eth-search-command-palette__search", children: /* @__PURE__ */ jsx5(
+            SearchInput4,
+            {
+              value: currentQuery,
+              placeholder: searchPlaceholder,
+              "aria-controls": listboxId,
+              "aria-activedescendant": activeOptionId,
+              onChange: (event) => setQuery(event.currentTarget.value),
+              onClear: () => setQuery("")
+            }
+          ) }),
+          /* @__PURE__ */ jsxs5(
+            "div",
+            {
+              id: listboxId,
+              className: "eth-search-command-palette__results",
+              role: "listbox",
+              "aria-label": "Commands",
+              children: [
+                grouped.map(([group, items], groupIndex) => {
+                  const groupHeadingId = `${listboxId}-group-${groupIndex}`;
+                  return /* @__PURE__ */ jsxs5(
+                    "section",
+                    {
+                      className: "eth-search-command-palette__group",
+                      role: "group",
+                      "aria-labelledby": groupHeadingId,
+                      children: [
+                        /* @__PURE__ */ jsx5("h3", { id: groupHeadingId, children: group }),
+                        items.map((command) => {
+                          const index = flatIndex;
+                          flatIndex += 1;
+                          const active = index === activeIndex;
+                          return /* @__PURE__ */ jsxs5(
+                            "button",
+                            {
+                              id: `${listboxId}-option-${index}`,
+                              type: "button",
+                              role: "option",
+                              "aria-selected": active,
+                              className: `eth-search-command-palette__item ${active ? "eth-search-command-palette__item--active" : ""}`,
+                              onMouseEnter: () => setActiveIndex(index),
+                              onClick: () => selectCommand(command),
+                              children: [
+                                /* @__PURE__ */ jsxs5("span", { className: "eth-search-command-palette__item-copy", children: [
+                                  /* @__PURE__ */ jsx5("strong", { children: command.label }),
+                                  command.hint ? /* @__PURE__ */ jsx5("small", { children: command.hint }) : null
+                                ] }),
+                                command.shortcut ? /* @__PURE__ */ jsx5("kbd", { children: command.shortcut }) : null
+                              ]
+                            },
+                            command.id
+                          );
+                        })
+                      ]
+                    },
+                    group
+                  );
+                }),
+                !filtered.length ? /* @__PURE__ */ jsxs5("div", { className: "eth-search-command-palette__empty", role: "status", children: [
+                  /* @__PURE__ */ jsx5("strong", { children: "No commands found" }),
+                  /* @__PURE__ */ jsx5("span", { children: "Try a different command, resource, or setting." })
+                ] }) : null
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+
+// src/components/ProjectCommandPalette.tsx
+import { jsx as jsx6 } from "react/jsx-runtime";
+function ProjectCommandPalette({
+  projectRef,
+  className,
+  contextLabel = `Project ${projectRef}`,
+  heading = "Project command palette",
+  searchPlaceholder = "Search project commands",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx6(
+    GlobalCommandPalette,
+    {
+      ...props,
+      contextLabel,
+      heading,
+      className: `eth-search-project-command-palette ${className ?? ""}`,
+      "data-project-ref": projectRef,
+      "data-eth-component": "ProjectCommandPalette",
+      searchPlaceholder
+    }
+  );
+}
+
+// src/components/RecentItems.tsx
+import {
+  AgentRunningIcon as AgentRunningIcon2,
+  ChevronRightIcon as ChevronRightIcon2,
+  DocumentIcon,
+  FolderIcon,
+  MessageIcon,
+  PlayIcon,
+  SearchIcon,
+  StatusIcon,
+  TableIcon
+} from "@echothink-ui/icons";
+import { Fragment, jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+function formatRecentKind(kind) {
+  return kind.split(/[-_\s]+/).filter(Boolean).map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join(" ");
+}
+function RecentItemIcon({ kind }) {
+  const normalizedKind = kind.toLowerCase();
+  if (normalizedKind.includes("agent")) return /* @__PURE__ */ jsx7(AgentRunningIcon2, { size: 16 });
+  if (normalizedKind.includes("document") || normalizedKind.includes("file")) {
+    return /* @__PURE__ */ jsx7(DocumentIcon, { size: 16 });
+  }
+  if (normalizedKind.includes("project") || normalizedKind.includes("folder")) {
+    return /* @__PURE__ */ jsx7(FolderIcon, { size: 16 });
+  }
+  if (normalizedKind.includes("mail") || normalizedKind.includes("message")) {
+    return /* @__PURE__ */ jsx7(MessageIcon, { size: 16 });
+  }
+  if (normalizedKind.includes("dataset") || normalizedKind.includes("table")) {
+    return /* @__PURE__ */ jsx7(TableIcon, { size: 16 });
+  }
+  if (normalizedKind.includes("action") || normalizedKind.includes("command")) {
+    return /* @__PURE__ */ jsx7(PlayIcon, { size: 16 });
+  }
+  if (normalizedKind.includes("task") || normalizedKind.includes("wave")) {
+    return /* @__PURE__ */ jsx7(StatusIcon, { size: 16 });
+  }
+  return /* @__PURE__ */ jsx7(SearchIcon, { size: 16 });
+}
+function RecentItems({
+  items,
+  emptyText = "No recent items",
+  onSelect,
+  className,
+  "aria-label": ariaLabel = "Recent items",
+  ...props
+}) {
+  const classNames = ["eth-search-recent-items", className].filter(Boolean).join(" ");
+  if (!items.length) {
+    return /* @__PURE__ */ jsx7(
+      "section",
+      {
+        ...props,
+        "aria-label": ariaLabel,
+        className: classNames,
+        "data-eth-component": "RecentItems",
+        children: /* @__PURE__ */ jsx7("div", { className: "eth-search-recent-items__empty", role: "status", children: emptyText })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx7(
+    "section",
+    {
+      ...props,
+      "aria-label": ariaLabel,
+      className: classNames,
+      "data-eth-component": "RecentItems",
+      children: /* @__PURE__ */ jsx7("ul", { children: items.map((item) => {
+        const kindLabel2 = formatRecentKind(item.kind);
+        const rowLabel = `Open ${item.label}, ${kindLabel2}, last visited ${item.visitedAt}`;
+        const content = /* @__PURE__ */ jsxs6(Fragment, { children: [
+          /* @__PURE__ */ jsx7("span", { className: "eth-search-recent-items__icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx7(RecentItemIcon, { kind: item.kind }) }),
+          /* @__PURE__ */ jsxs6("span", { className: "eth-search-recent-items__copy", children: [
+            /* @__PURE__ */ jsx7("span", { className: "eth-search-recent-items__label", children: item.label }),
+            item.description ? /* @__PURE__ */ jsx7("span", { className: "eth-search-recent-items__description", children: item.description }) : null
+          ] }),
+          /* @__PURE__ */ jsx7("span", { className: "eth-search-recent-items__kind", children: kindLabel2 }),
+          /* @__PURE__ */ jsxs6("span", { className: "eth-search-recent-items__visited", children: [
+            /* @__PURE__ */ jsx7("span", { className: "eth-search-recent-items__visited-label", children: "Last visited" }),
+            /* @__PURE__ */ jsx7("time", { dateTime: item.visitedAt, children: item.visitedAt })
+          ] }),
+          /* @__PURE__ */ jsx7(
+            ChevronRightIcon2,
+            {
+              className: "eth-search-recent-items__arrow",
+              size: 16,
+              "aria-hidden": "true"
+            }
+          )
+        ] });
+        return /* @__PURE__ */ jsx7("li", { children: item.href ? /* @__PURE__ */ jsx7(
+          "a",
+          {
+            className: "eth-search-recent-items__row",
+            href: item.href,
+            "aria-label": rowLabel,
+            onClick: () => onSelect?.(item.id),
+            children: content
+          }
+        ) : /* @__PURE__ */ jsx7(
+          "button",
+          {
+            className: "eth-search-recent-items__row",
+            type: "button",
+            "aria-label": rowLabel,
+            onClick: () => onSelect?.(item.id),
+            children: content
+          }
+        ) }, item.id);
+      }) })
+    }
+  );
+}
+
+// src/components/ResourceSearch.tsx
+import { jsx as jsx8 } from "react/jsx-runtime";
+function ResourceSearch({
+  resourceScope,
+  placeholder = "Search resources",
+  emptyText = "No matching resources",
+  suggestionsLabel = "Resource suggestions",
+  resultsLabel = "Resource matches",
+  loadingLabel = "Searching resources",
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx8(
+    EntitySearchInput,
+    {
+      ...props,
+      placeholder,
+      emptyText,
+      suggestionsLabel,
+      resultsLabel,
+      loadingLabel,
+      className: ["eth-search-resource", className].filter(Boolean).join(" "),
+      "data-resource-scope": resourceScope,
+      "data-eth-component": "ResourceSearch"
+    }
+  );
+}
+
+// src/components/SavedSearches.tsx
+import { Button as Button2, IconButton } from "@echothink-ui/core";
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+function SavedSearches({ searches, onRun, onDelete, className, ...props }) {
+  return /* @__PURE__ */ jsx9(
+    "section",
+    {
+      ...props,
+      className: `eth-search-saved-searches ${className ?? ""}`,
+      "data-eth-component": "SavedSearches",
+      children: /* @__PURE__ */ jsx9("ul", { children: searches.map((search) => /* @__PURE__ */ jsxs7("li", { children: [
+        /* @__PURE__ */ jsxs7("div", { children: [
+          /* @__PURE__ */ jsx9("strong", { children: search.label }),
+          /* @__PURE__ */ jsx9("code", { children: search.query }),
+          /* @__PURE__ */ jsx9("small", { children: search.updatedAt })
+        ] }),
+        onRun ? /* @__PURE__ */ jsx9(Button2, { intent: "secondary", density: "compact", onClick: () => onRun(search.id), children: "Run" }) : null,
+        onDelete ? /* @__PURE__ */ jsx9(IconButton, { label: "Delete saved search", intent: "ghost", icon: /* @__PURE__ */ jsx9("span", { "aria-hidden": true, children: "X" }), onClick: () => onDelete(search.id) }) : null
+      ] }, search.id)) })
+    }
+  );
+}
+
+// src/components/SearchFacetPanel.tsx
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+function SearchFacetPanel({
+  facets,
+  selected,
+  onChange,
+  className,
+  "aria-label": ariaLabel,
+  ...props
+}) {
+  const selectedTotal = facets.reduce(
+    (total, facet) => total + (selected[facet.id]?.length ?? 0),
+    0
+  );
+  const toggle = (facetId, value, checked) => {
+    const current = selected[facetId] ?? [];
+    onChange({
+      ...selected,
+      [facetId]: checked ? [...current, value] : current.filter((item) => item !== value)
+    });
+  };
+  const clearAll = () => {
+    onChange(Object.fromEntries(facets.map((facet) => [facet.id, []])));
+  };
+  return /* @__PURE__ */ jsxs8(
+    "aside",
+    {
+      className: ["eth-search-facet-panel", className].filter(Boolean).join(" "),
+      "data-eth-component": "SearchFacetPanel",
+      "aria-label": ariaLabel ?? "Search filters",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs8("div", { className: "eth-search-facet-panel__header", children: [
+          /* @__PURE__ */ jsxs8("div", { children: [
+            /* @__PURE__ */ jsx10("h2", { className: "eth-search-facet-panel__title", children: "Filters" }),
+            /* @__PURE__ */ jsx10("p", { className: "eth-search-facet-panel__summary", children: selectedTotal > 0 ? `${selectedTotal} selected` : "Refine results" })
+          ] }),
+          selectedTotal > 0 ? /* @__PURE__ */ jsx10("button", { type: "button", className: "eth-search-facet-panel__clear", onClick: clearAll, children: "Clear" }) : null
+        ] }),
+        facets.length > 0 ? /* @__PURE__ */ jsx10("div", { className: "eth-search-facet-panel__groups", children: facets.map((facet) => /* @__PURE__ */ jsxs8("fieldset", { className: "eth-search-facet-panel__group", children: [
+          /* @__PURE__ */ jsx10("legend", { className: "eth-search-facet-panel__legend", children: /* @__PURE__ */ jsx10("span", { children: facet.label }) }),
+          /* @__PURE__ */ jsx10("div", { className: "eth-search-facet-panel__options", children: facet.options.map((option) => {
+            const checked = (selected[facet.id] ?? []).includes(option.value);
+            return /* @__PURE__ */ jsxs8(
+              "label",
+              {
+                className: [
+                  "eth-search-facet-panel__option",
+                  checked ? "eth-search-facet-panel__option--checked" : "",
+                  option.disabled ? "eth-search-facet-panel__option--disabled" : ""
+                ].filter(Boolean).join(" "),
+                children: [
+                  /* @__PURE__ */ jsx10(
+                    "input",
+                    {
+                      type: "checkbox",
+                      checked,
+                      disabled: option.disabled,
+                      value: option.value,
+                      onChange: (event) => toggle(facet.id, option.value, event.currentTarget.checked)
+                    }
+                  ),
+                  /* @__PURE__ */ jsx10("span", { className: "eth-search-facet-panel__control", "aria-hidden": "true" }),
+                  /* @__PURE__ */ jsxs8("span", { className: "eth-search-facet-panel__option-main", children: [
+                    /* @__PURE__ */ jsx10("span", { className: "eth-search-facet-panel__option-label", children: option.label }),
+                    typeof option.count === "number" ? /* @__PURE__ */ jsx10("span", { className: "eth-search-facet-panel__option-count", children: option.count }) : null
+                  ] })
+                ]
+              },
+              option.value
+            );
+          }) })
+        ] }, facet.id)) }) : /* @__PURE__ */ jsx10("p", { className: "eth-search-facet-panel__empty", children: "No filters available" })
+      ]
+    }
+  );
+}
+
+// src/components/SearchResultsPanel.tsx
+import { Fragment as Fragment2, jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+function getGroupItems(group) {
+  return group.results ?? group.items ?? [];
+}
+function getGroupLabel(group) {
+  return group.label ?? group.title ?? group.entityType ?? group.type ?? "Results";
+}
+function getGroupDomId(group, index) {
+  const seed = String(group.id ?? getGroupLabel(group)).toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/(^-|-$)/g, "");
+  return `search-results-${seed || "group"}-${index}`;
+}
+function getResultTitle(result) {
+  return result.title ?? result.name ?? result.label ?? "Untitled result";
+}
+function getResultDescription(result) {
+  return result.description ?? result.excerpt;
+}
+function getResultHref(result) {
+  return result.href ?? result.url;
+}
+function getResultId(result, group, index) {
+  return result.id ?? `${group.id ?? getGroupLabel(group)}-${getResultTitle(result)}-${index}`;
+}
+function getTotalCount(groups, totalCount) {
+  if (typeof totalCount === "number") {
+    return totalCount;
+  }
+  return groups.reduce((sum, group) => sum + getGroupItems(group).length, 0);
+}
+function getEntityInitial(label) {
+  return label.trim().slice(0, 1).toUpperCase();
+}
+function isLabeledMetadata(metadata) {
+  return typeof metadata === "object" && metadata !== null && !Array.isArray(metadata) && "value" in metadata;
+}
+function normalizeMetadataValue(metadata) {
+  if (isLabeledMetadata(metadata)) {
+    if (metadata.label && metadata.value !== void 0) {
+      return /* @__PURE__ */ jsxs9(Fragment2, { children: [
+        metadata.label,
+        ": ",
+        metadata.value
+      ] });
+    }
+    return metadata.value;
+  }
+  return metadata;
+}
+function hasMetadataSourceValue(metadata) {
+  return metadata !== null && metadata !== void 0 && metadata !== false && metadata !== "";
+}
+function hasRenderableMetadata(metadata) {
+  return metadata !== null && metadata !== void 0 && metadata !== false && metadata !== "";
+}
+function getMetadata(result) {
+  const source = result.meta ?? result.metadata;
+  const values = Array.isArray(source) ? [...source] : [];
+  if (!Array.isArray(source) && hasMetadataSourceValue(source)) {
+    values.push(source);
+  }
+  if (result.owner) {
+    values.push({ label: "Owner", value: result.owner });
+  }
+  if (result.status) {
+    values.push(result.status);
+  }
+  if (result.updatedAt) {
+    values.push({ label: "Updated", value: result.updatedAt });
+  }
+  if (result.version) {
+    values.push(`v${result.version}`);
+  }
+  return values.map(normalizeMetadataValue).filter(hasRenderableMetadata);
+}
+function SearchResultsPanel({
+  groups = [],
+  query,
+  totalCount,
+  isLoading = false,
+  emptyLabel = "No results found",
+  className,
+  onResultSelect,
+  onSelect,
+  ...props
+}) {
+  const count = getTotalCount(groups, totalCount);
+  const hasResults = groups.some((group) => getGroupItems(group).length > 0);
+  const classes = ["eth-search-results-panel", className].filter(Boolean).join(" ");
+  const handleSelect = (result, group, resultId) => {
+    onResultSelect?.(result, group);
+    onSelect?.(result.id ?? resultId);
+  };
+  return /* @__PURE__ */ jsxs9(
+    "section",
+    {
+      ...props,
+      className: classes,
+      "aria-label": props["aria-label"] ?? "Search results",
+      "data-eth-component": "SearchResultsPanel",
+      children: [
+        /* @__PURE__ */ jsxs9("header", { className: "eth-search-results-panel__summary", children: [
+          /* @__PURE__ */ jsxs9("div", { children: [
+            /* @__PURE__ */ jsx11("p", { className: "eth-search-results-panel__eyebrow", children: "Search results" }),
+            /* @__PURE__ */ jsx11("h3", { className: "eth-search-results-panel__title", children: isLoading ? "Searching..." : `${count} result${count === 1 ? "" : "s"}` })
+          ] }),
+          query ? /* @__PURE__ */ jsxs9("span", { className: "eth-search-results-panel__query", children: [
+            '"',
+            query,
+            '"'
+          ] }) : null
+        ] }),
+        isLoading ? /* @__PURE__ */ jsxs9("div", { className: "eth-search-results-panel__state", role: "status", children: [
+          /* @__PURE__ */ jsx11("p", { className: "eth-search-results-panel__loading-copy", children: "Loading results" }),
+          /* @__PURE__ */ jsx11("span", { className: "eth-search-results-panel__skeleton" }),
+          /* @__PURE__ */ jsx11("span", { className: "eth-search-results-panel__skeleton" }),
+          /* @__PURE__ */ jsx11("span", { className: "eth-search-results-panel__skeleton" })
+        ] }) : hasResults ? /* @__PURE__ */ jsx11("div", { className: "eth-search-results-panel__groups", children: groups.map((group, groupIndex) => {
+          const items = getGroupItems(group);
+          const groupLabel = getGroupLabel(group);
+          const groupId = getGroupDomId(group, groupIndex);
+          if (items.length === 0) {
+            return null;
+          }
+          return /* @__PURE__ */ jsxs9(
+            "section",
+            {
+              className: "eth-search-results-panel__group",
+              "aria-labelledby": groupId,
+              children: [
+                /* @__PURE__ */ jsxs9("div", { className: "eth-search-results-panel__group-header", children: [
+                  /* @__PURE__ */ jsx11(
+                    "h4",
+                    {
+                      className: "eth-search-results-panel__group-title",
+                      id: groupId,
+                      children: groupLabel
+                    }
+                  ),
+                  /* @__PURE__ */ jsx11("span", { className: "eth-search-results-panel__count", children: group.count ?? items.length })
+                ] }),
+                /* @__PURE__ */ jsx11("div", { className: "eth-search-results-panel__list", children: items.map((result, index) => {
+                  const metadata = getMetadata(result);
+                  const resultId = getResultId(result, group, index);
+                  const description = getResultDescription(result);
+                  const href = getResultHref(result);
+                  const title = getResultTitle(result);
+                  const resultContent = /* @__PURE__ */ jsxs9(Fragment2, { children: [
+                    /* @__PURE__ */ jsx11(
+                      "span",
+                      {
+                        className: "eth-search-results-panel__entity",
+                        "aria-hidden": "true",
+                        children: getEntityInitial(
+                          result.entityType ?? result.type ?? group.entityType ?? groupLabel
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs9("span", { className: "eth-search-results-panel__body", children: [
+                      /* @__PURE__ */ jsx11("span", { className: "eth-search-results-panel__name", children: title }),
+                      description ? /* @__PURE__ */ jsx11("span", { className: "eth-search-results-panel__description", children: description }) : null
+                    ] }),
+                    metadata.length > 0 ? /* @__PURE__ */ jsx11("span", { className: "eth-search-results-panel__metadata", children: metadata.map((item, metaIndex) => /* @__PURE__ */ jsx11(
+                      "span",
+                      {
+                        className: "eth-search-results-panel__meta",
+                        children: item
+                      },
+                      metaIndex
+                    )) }) : null
+                  ] });
+                  if (href) {
+                    return /* @__PURE__ */ jsx11(
+                      "a",
+                      {
+                        className: "eth-search-results-panel__item",
+                        href,
+                        onClick: onResultSelect || onSelect ? () => handleSelect(result, group, resultId) : void 0,
+                        children: resultContent
+                      },
+                      resultId
+                    );
+                  }
+                  if (onResultSelect || onSelect) {
+                    return /* @__PURE__ */ jsx11(
+                      "button",
+                      {
+                        className: "eth-search-results-panel__item",
+                        type: "button",
+                        onClick: () => handleSelect(result, group, resultId),
+                        children: resultContent
+                      },
+                      resultId
+                    );
+                  }
+                  return /* @__PURE__ */ jsx11(
+                    "article",
+                    {
+                      className: "eth-search-results-panel__item",
+                      children: resultContent
+                    },
+                    resultId
+                  );
+                }) })
+              ]
+            },
+            group.id ?? `${groupLabel}-${groupIndex}`
+          );
+        }) }) : /* @__PURE__ */ jsxs9("div", { className: "eth-search-results-panel__state", children: [
+          /* @__PURE__ */ jsx11("p", { className: "eth-search-results-panel__empty-title", children: emptyLabel }),
+          query ? /* @__PURE__ */ jsx11("p", { className: "eth-search-results-panel__empty-copy", children: "Try another keyword or remove a filter." }) : null
+        ] })
+      ]
+    }
+  );
+}
+
+// src/components/SemanticSearchResult.tsx
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+function SemanticSearchResult({ result, className, ...props }) {
+  const evidence = result.evidence ?? [];
+  return /* @__PURE__ */ jsxs10(
+    "article",
+    {
+      ...props,
+      className: `eth-search-semantic-result ${className ?? ""}`,
+      "data-eth-component": "SemanticSearchResult",
+      children: [
+        /* @__PURE__ */ jsx12("p", { className: "eth-search-semantic-result__snippet", children: renderHighlightedSnippet(result.snippet, result.highlights ?? []) }),
+        evidence.length > 0 ? /* @__PURE__ */ jsxs10("div", { className: "eth-search-semantic-result__evidence", children: [
+          /* @__PURE__ */ jsx12("span", { className: "eth-search-semantic-result__evidence-label", children: "Evidence" }),
+          /* @__PURE__ */ jsx12("ul", { className: "eth-search-semantic-result__evidence-list", children: evidence.map((item) => /* @__PURE__ */ jsx12("li", { children: item.href ? /* @__PURE__ */ jsx12("a", { className: "eth-search-semantic-result__evidence-item", href: item.href, children: item.label }) : /* @__PURE__ */ jsx12("span", { className: "eth-search-semantic-result__evidence-item", children: item.label }) }, item.id)) })
+        ] }) : null
+      ]
+    }
+  );
+}
+function renderHighlightedSnippet(snippet, highlights) {
+  if (!highlights.length) return snippet;
+  const sorted = [...highlights].sort((a, b) => a[0] - b[0]);
+  const parts = [];
+  let cursor = 0;
+  sorted.forEach(([start, end], index) => {
+    const safeStart = Math.max(cursor, Math.min(snippet.length, start));
+    const safeEnd = Math.max(safeStart, Math.min(snippet.length, end));
+    if (safeStart > cursor) parts.push(snippet.slice(cursor, safeStart));
+    parts.push(/* @__PURE__ */ jsx12("mark", { children: snippet.slice(safeStart, safeEnd) }, index));
+    cursor = safeEnd;
+  });
+  if (cursor < snippet.length) parts.push(snippet.slice(cursor));
+  return parts;
+}
+
+// src/index.tsx
+var SearchComponentNames = [
+  "GlobalCommandPalette",
+  "ProjectCommandPalette",
+  "AppCommandSearch",
+  "SearchResultsPanel",
+  "SearchFacetPanel",
+  "SavedSearches",
+  "RecentItems",
+  "EntitySearchInput",
+  "AppDomainSearch",
+  "ResourceSearch",
+  "SemanticSearchResult",
+  "AgentSearchSuggestion"
+];
+export {
+  AgentSearchSuggestion,
+  AppCommandSearch,
+  AppDomainSearch,
+  EntitySearchInput,
+  GlobalCommandPalette,
+  ProjectCommandPalette,
+  RecentItems,
+  ResourceSearch,
+  SavedSearches,
+  SearchComponentNames,
+  SearchFacetPanel,
+  SearchResultsPanel,
+  SemanticSearchResult
+};
+//# sourceMappingURL=index.js.map