@arbidocs/react 0.5.98 → 0.5.100

package/dist/index.cjs

@@ -16327,236 +16327,6 @@ function ImageCropModal({
     ] })
   ] }) });
 }
-var MAX_NAV = 5;
-var MAX_DOCS = 4;
-function CommandPalette({
-  open,
-  onOpenChange,
-  navItems,
-  onNavigate,
-  buildAskPrompt = (q) => q,
-  askDocIds = [],
-  model,
-  searchDocIds,
-  onOpenDoc,
-  placeholder = "Ask AI, or jump to a page\u2026",
-  askHint = "Grounded in the live workspace",
-  classNames,
-  testId = "command-palette"
-}) {
-  const task = useAiTask();
-  const searchable = !!searchDocIds && searchDocIds.length > 0;
-  const { results, search, status: searchStatus } = useSemanticSearch(searchDocIds ?? []);
-  const [query, setQuery] = React.useState("");
-  const inputRef = React.useRef(null);
-  React.useEffect(() => {
-    if (open) {
-      setQuery("");
-      task.reset();
-      const t = setTimeout(() => inputRef.current?.focus(), 40);
-      return () => clearTimeout(t);
-    }
-  }, [open]);
-  const showingAnswer = task.status !== "idle";
-  React.useEffect(() => {
-    if (!searchable || showingAnswer) return;
-    const q = query.trim();
-    if (q.length < 2) return;
-    const t = setTimeout(() => void search(q, "hybrid"), 300);
-    return () => clearTimeout(t);
-  }, [query, searchable, showingAnswer, search]);
-  const navMatches = React.useMemo(() => {
-    const q = query.trim().toLowerCase();
-    if (!q) return navItems.slice(0, MAX_NAV);
-    return navItems.filter(
-      (i) => i.label.toLowerCase().includes(q) || (i.keywords ? i.keywords.toLowerCase().includes(q) : false)
-    ).slice(0, MAX_NAV);
-  }, [query, navItems]);
-  const docHits = React.useMemo(() => results.slice(0, MAX_DOCS), [results]);
-  const go = (to) => {
-    onOpenChange(false);
-    onNavigate(to);
-  };
-  const openDoc = (docId) => {
-    onOpenChange(false);
-    onOpenDoc?.(docId);
-  };
-  const ask = () => {
-    const q = query.trim();
-    if (!q || task.isRunning) return;
-    void task.run(buildAskPrompt(q), askDocIds, { model });
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkWYZJLZ67_cjs.Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkWYZJLZ67_cjs.DialogContent,
-    {
-      className: chunkS6A6FSG7_cjs.cn(
-        "top-[12%] max-w-2xl translate-y-0 gap-0 overflow-hidden p-0",
-        classNames?.dialog
-      ),
-      "data-testid": testId,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunkWYZJLZ67_cjs.DialogTitle, { className: "sr-only", children: "Command palette" }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 border-b border-border px-4", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sparkles, { className: chunkS6A6FSG7_cjs.cn("size-4 shrink-0 text-ai-accent", classNames?.leadingIcon) }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "input",
-            {
-              ref: inputRef,
-              value: query,
-              onChange: (e) => setQuery(e.target.value),
-              onKeyDown: (e) => {
-                if (e.key === "Enter") {
-                  e.preventDefault();
-                  ask();
-                }
-              },
-              placeholder,
-              className: chunkS6A6FSG7_cjs.cn(
-                "h-14 flex-1 bg-transparent text-base outline-none placeholder:text-muted-foreground",
-                classNames?.input
-              ),
-              "data-testid": `${testId}-input`
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx("kbd", { className: "hidden rounded border border-border px-1.5 py-0.5 text-xs text-muted-foreground sm:inline", children: "\u2318K" })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-h-[60vh] overflow-y-auto p-2", children: [
-          query.trim() && !showingAnswer && /* @__PURE__ */ jsxRuntime.jsxs(
-            "button",
-            {
-              type: "button",
-              onClick: ask,
-              className: chunkS6A6FSG7_cjs.cn(
-                "mb-1 flex w-full items-center gap-3 rounded-lg px-3 py-2.5 text-left hover:bg-accent",
-                classNames?.askAction
-              ),
-              "data-testid": `${testId}-ask`,
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "span",
-                  {
-                    className: chunkS6A6FSG7_cjs.cn(
-                      "flex size-8 items-center justify-center rounded-md bg-ai-surface text-ai-accent",
-                      classNames?.askChip
-                    ),
-                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sparkles, { className: "size-4" })
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "min-w-0 flex-1", children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "block truncate text-sm font-medium text-foreground", children: [
-                    "Ask AI: \u201C",
-                    query.trim(),
-                    "\u201D"
-                  ] }),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block text-xs text-muted-foreground", children: askHint })
-                ] }),
-                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CornerDownLeft, { className: "size-4 text-muted-foreground" })
-              ]
-            }
-          ),
-          showingAnswer && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-3 py-2", "data-testid": `${testId}-answer`, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              AiAnswer,
-              {
-                status: task.status,
-                text: task.text,
-                stepCount: task.stepCount,
-                error: task.error,
-                testId: `${testId}-ai`
-              }
-            ),
-            task.isDone && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 flex justify-end", children: /* @__PURE__ */ jsxRuntime.jsx(
-              chunkWYZJLZ67_cjs.Button,
-              {
-                variant: "outline",
-                size: "sm",
-                onClick: () => task.reset(),
-                "data-testid": `${testId}-clear`,
-                children: "Ask another"
-              }
-            ) })
-          ] }),
-          !showingAnswer && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "px-3 pb-1 pt-2 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: query.trim() ? "Jump to" : "Go to" }),
-            navMatches.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "px-3 py-2 text-sm text-muted-foreground", children: "No pages match \u2014 press Enter to ask AI." }),
-            navMatches.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
-              "button",
-              {
-                type: "button",
-                onClick: () => go(item.to),
-                className: chunkS6A6FSG7_cjs.cn(
-                  "flex w-full items-center gap-3 rounded-lg px-3 py-2 text-left hover:bg-accent",
-                  classNames?.navItem
-                ),
-                "data-testid": `${testId}-nav-${item.id}`,
-                children: [
-                  item.icon && /* @__PURE__ */ jsxRuntime.jsx(item.icon, { className: "size-4 text-muted-foreground" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 text-sm text-foreground", children: item.label }),
-                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowRight, { className: "size-3.5 text-muted-foreground" })
-                ]
-              },
-              item.id
-            )),
-            searchable && query.trim().length >= 2 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "px-3 pb-1 pt-3 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: "Documents" }),
-              searchStatus === "done" && docHits.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "px-3 py-2 text-sm text-muted-foreground", children: "No passages matched." }),
-              docHits.map((hit, i) => /* @__PURE__ */ jsxRuntime.jsxs(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => hit.docId && openDoc(hit.docId),
-                  className: "flex w-full items-start gap-3 rounded-lg px-3 py-2 text-left hover:bg-accent",
-                  "data-testid": `${testId}-doc-${i}`,
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { className: "mt-0.5 size-4 shrink-0 text-ai-accent" }),
-                    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "min-w-0 flex-1", children: [
-                      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "block truncate text-sm text-foreground", children: [
-                        hit.docTitle ?? "Document",
-                        hit.page != null && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-muted-foreground", children: [
-                          " \xB7 p.",
-                          hit.page
-                        ] })
-                      ] }),
-                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "line-clamp-1 text-xs text-muted-foreground", children: hit.content })
-                    ] })
-                  ]
-                },
-                `${hit.docId}-${hit.page}-${i}`
-              ))
-            ] })
-          ] })
-        ] })
-      ]
-    }
-  ) });
-}
-var CommandPaletteCtx = React.createContext(null);
-function useCommandPalette() {
-  const v = React.useContext(CommandPaletteCtx);
-  if (!v) throw new Error("useCommandPalette must be used within a CommandPaletteProvider");
-  return v;
-}
-function CommandPaletteProvider({ children, ...paletteProps }) {
-  const [isOpen, setIsOpen] = React.useState(false);
-  const open = React.useCallback(() => setIsOpen(true), []);
-  const close = React.useCallback(() => setIsOpen(false), []);
-  const toggle = React.useCallback(() => setIsOpen((o) => !o), []);
-  React.useEffect(() => {
-    const onKey = (e) => {
-      if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "k") {
-        e.preventDefault();
-        toggle();
-      }
-    };
-    window.addEventListener("keydown", onKey);
-    return () => window.removeEventListener("keydown", onKey);
-  }, [toggle]);
-  const value = React.useMemo(() => ({ open, close, toggle, isOpen }), [open, close, toggle, isOpen]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(CommandPaletteCtx.Provider, { value, children: [
-    children,
-    /* @__PURE__ */ jsxRuntime.jsx(CommandPalette, { open: isOpen, onOpenChange: setIsOpen, ...paletteProps })
-  ] });
-}
 function useSupportTickets(options = {}) {
   const arbi = chunkHAGC67GL_cjs.useArbi();
   return reactQuery.useQuery({
@@ -19136,8 +18906,6 @@ exports.BUILTIN_DATA_SOURCES = BUILTIN_DATA_SOURCES;
 exports.CONVERSATION_SWITCH_MEASURE = CONVERSATION_SWITCH_MEASURE;
 exports.ChatBubble = ChatBubble;
 exports.CitationRenderer = CitationRenderer;
-exports.CommandPalette = CommandPalette;
-exports.CommandPaletteProvider = CommandPaletteProvider;
 exports.ConversationList = ConversationList;
 exports.ConversationScope = ConversationScope;
 exports.DATABASE_RELATION_PICK_LIMIT = DATABASE_RELATION_PICK_LIMIT;
@@ -19453,7 +19221,6 @@ exports.useChats = useChats;
 exports.useClaimNativeAlias = useClaimNativeAlias;
 exports.useClaimSecureMail = useClaimSecureMail;
 exports.useCloseAgentSession = useCloseAgentSession;
-exports.useCommandPalette = useCommandPalette;
 exports.useConfigSchema = useConfigSchema;
 exports.useConfirmEmailChange = useConfirmEmailChange;
 exports.useConnectCalDavAccount = useConnectCalDavAccount;