@arbidocs/blocks 0.5.38 → 0.5.40

package/dist/{chunk-M4MZPH2S.js → chunk-SEZEEHLU.js}

@@ -4,9 +4,9 @@ import { listOptionId } from './chunk-GAGYAHYO.js';
 import { buildDeepLinkUrl } from './chunk-7Q5INDUS.js';
 import { useBlocksEnvironment } from './chunk-QZUZPC4J.js';
 import { prefixedTestId, testIdOr } from './chunk-7F6CBP3Z.js';
-import { Globe, BookOpen, ChevronsUpDown, SquareSlash, Download, PenLine, X, Network, ArrowLeft, ArrowRight, Crown, Glasses, Zap, Sparkles, Check, Settings, Plus, Bot, MessageCircleQuestion, Clock, Play, Pause } from 'lucide-react';
-import { cn, Button, Tooltip, TooltipTrigger, TooltipContent, Popover, PopoverTrigger, PopoverContent, markdownToPlainTextBlocks } from '@arbidocs/react/ui';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { Globe, BookOpen, ChevronsUpDown, SquareSlash, Download, PenLine, X, Network, ArrowLeft, ArrowRight, Crown, Glasses, Zap, Sparkles, Check, Settings, Plus, Bot, MessageCircleQuestion, Clock, Play, Pause, Loader2, Search, MessageSquare, User } from 'lucide-react';
+import { cn, Button, Tooltip, TooltipTrigger, TooltipContent, Popover, PopoverTrigger, PopoverContent, PassageCard, markdownToPlainTextBlocks } from '@arbidocs/react/ui';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { memo, useId, useRef, useEffect, forwardRef, useState, useMemo, useCallback } from 'react';
 import DOMPurify from 'dompurify';
 import { hasMessageBody } from '@arbidocs/react/shell';
@@ -1347,6 +1347,190 @@ function PendingAnswerBar({
     }
   );
 }
+var DEFAULT_CONVERSATION_SEARCH_LABELS = {
+  placeholder: "Search your conversations...",
+  search: "Search",
+  searching: "Searching conversations\u2026",
+  matched: (count, query) => `${count} conversation${count === 1 ? "" : "s"} matched \u201C${query}\u201D`,
+  matchCount: (count) => `${count} match${count === 1 ? "" : "es"}`,
+  untitled: "Untitled conversation",
+  you: "You",
+  assistant: "Assistant",
+  clear: "Clear",
+  noResults: (query) => `No conversations matched \u201C${query}\u201D.`,
+  reindexHint: /* @__PURE__ */ jsxs(Fragment, { children: [
+    "Older conversations may need indexing \u2014 try ",
+    /* @__PURE__ */ jsx("span", { className: "font-medium", children: "Re-index" }),
+    "."
+  ] }),
+  backToList: "Back to list"
+};
+function RoleChip({ isUser, labels }) {
+  const Icon = isUser ? User : Bot;
+  return /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 text-xs font-medium text-muted-foreground", children: [
+    /* @__PURE__ */ jsx(Icon, { className: "size-3" }),
+    isUser ? labels.you : labels.assistant
+  ] });
+}
+var Passthrough = ({ children }) => /* @__PURE__ */ jsx(Fragment, { children });
+function ConversationSearchView({
+  query,
+  onQueryChange,
+  onSubmit,
+  canSubmit,
+  isSearching,
+  submittedQuery,
+  groups,
+  onOpenConversation,
+  onClear,
+  children,
+  ResultsBoundary = Passthrough,
+  labels
+}) {
+  const l = useMemo(() => ({ ...DEFAULT_CONVERSATION_SEARCH_LABELS, ...labels }), [labels]);
+  const hasResults = !!submittedQuery && !isSearching && groups.length > 0;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "conversation-search",
+      className: "flex h-full flex-col",
+      "data-testid": "conversation-search-page",
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "flex items-start gap-3 px-6 py-4", children: /* @__PURE__ */ jsx(
+          "form",
+          {
+            onSubmit: (e) => {
+              e.preventDefault();
+              onSubmit();
+            },
+            className: "flex-1",
+            children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 rounded-md border border-input bg-muted px-3 py-1.5 focus-within:ring-2 focus-within:ring-ring", children: [
+              /* @__PURE__ */ jsx(
+                "textarea",
+                {
+                  rows: 1,
+                  value: query,
+                  onChange: (e) => {
+                    onQueryChange(e.target.value);
+                    e.target.style.height = "auto";
+                    e.target.style.height = `${e.target.scrollHeight}px`;
+                  },
+                  onKeyDown: (e) => {
+                    if (e.key === "Enter" && !e.shiftKey) {
+                      e.preventDefault();
+                      onSubmit();
+                    }
+                  },
+                  placeholder: l.placeholder,
+                  "aria-label": l.search,
+                  className: "flex-1 resize-none overflow-hidden border-0 bg-transparent p-0 text-base leading-relaxed text-foreground outline-none placeholder:text-muted-foreground",
+                  "data-testid": "conversation-search-input"
+                }
+              ),
+              /* @__PURE__ */ jsx("div", { className: "flex flex-shrink-0 items-center gap-1", children: /* @__PURE__ */ jsx(
+                Button,
+                {
+                  type: "submit",
+                  size: "icon",
+                  disabled: !canSubmit,
+                  className: "size-7 pointer-coarse:size-11",
+                  "data-testid": "conversation-search-submit-button",
+                  title: l.search,
+                  "aria-label": l.search,
+                  children: isSearching ? /* @__PURE__ */ jsx(Loader2, { className: "size-4 animate-spin" }) : /* @__PURE__ */ jsx(Search, { className: "size-4" })
+                }
+              ) })
+            ] })
+          }
+        ) }),
+        !submittedQuery ? /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-hidden", children }) : /* @__PURE__ */ jsx(ResultsBoundary, { children: /* @__PURE__ */ jsx("main", { className: "flex-1 overflow-auto px-6 pb-6", children: isSearching ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-2 py-16 text-muted-foreground", children: [
+          /* @__PURE__ */ jsx(Loader2, { className: "size-5 animate-spin" }),
+          l.searching
+        ] }) : hasResults ? /* @__PURE__ */ jsxs("div", { className: "space-y-4", "data-testid": "conversation-search-results", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: l.matched(groups.length, submittedQuery) }),
+            /* @__PURE__ */ jsxs(
+              Button,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "sm",
+                className: "h-7 gap-1 text-muted-foreground pointer-coarse:h-11",
+                onClick: onClear,
+                "data-testid": "conversation-search-clear",
+                children: [
+                  /* @__PURE__ */ jsx(X, { className: "size-3.5" }),
+                  l.clear
+                ]
+              }
+            )
+          ] }),
+          groups.map((group) => /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "rounded-lg border border-border bg-card",
+              "data-testid": "conversation-search-group",
+              children: [
+                /* @__PURE__ */ jsxs(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => onOpenConversation(group.id),
+                    className: "flex w-full items-center justify-between gap-3 rounded-t-lg px-4 py-2.5 text-left transition-colors hover:bg-muted/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring pointer-coarse:min-h-11",
+                    children: [
+                      /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-center gap-2", children: [
+                        /* @__PURE__ */ jsx(MessageSquare, { className: "size-4 flex-shrink-0 text-muted-foreground" }),
+                        /* @__PURE__ */ jsx("span", { className: "truncate font-medium", children: group.title || l.untitled })
+                      ] }),
+                      /* @__PURE__ */ jsx("span", { className: "flex-shrink-0 text-xs text-muted-foreground", children: l.matchCount(group.matches.length) })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsx("div", { className: "space-y-2 border-t border-border p-3", children: group.matches.map((m) => /* @__PURE__ */ jsx(
+                  PassageCard,
+                  {
+                    header: /* @__PURE__ */ jsx(RoleChip, { isUser: m.role === "user", labels: l }),
+                    score: m.score,
+                    onClick: () => onOpenConversation(group.id, m.id),
+                    "data-testid": "conversation-search-hit",
+                    children: /* @__PURE__ */ jsx("p", { className: "line-clamp-3 text-sm text-foreground/90", children: m.snippet })
+                  },
+                  m.id
+                )) })
+              ]
+            },
+            group.id
+          ))
+        ] }) : /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "py-16 text-center text-muted-foreground",
+            "data-testid": "conversation-search-no-results",
+            children: [
+              /* @__PURE__ */ jsx(MessageSquare, { className: "mx-auto mb-3 size-8 opacity-40" }),
+              /* @__PURE__ */ jsx("p", { children: l.noResults(submittedQuery) }),
+              /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm", children: l.reindexHint }),
+              /* @__PURE__ */ jsxs(
+                Button,
+                {
+                  type: "button",
+                  variant: "ghost",
+                  size: "sm",
+                  className: "mt-3 gap-1 text-muted-foreground pointer-coarse:h-11",
+                  onClick: onClear,
+                  children: [
+                    /* @__PURE__ */ jsx(X, { className: "size-3.5" }),
+                    l.backToList
+                  ]
+                }
+              )
+            ]
+          }
+        ) }) })
+      ]
+    }
+  );
+}
 function useOpenCitation() {
   const { openDocument } = useBlocksEnvironment();
   return useCallback(
@@ -1751,6 +1935,6 @@ function findMessageDocument(docs, messageExtId) {
   return matches.sort(newestFirst)[0];
 }
 
-export { BranchControls, ComposerAccessories, ComposerTools, ContextUsageBar, Conversation, ConversationBody, ConversationHeader, ConversationHeaderActions, ConversationHistoryPane, ConversationLoading, ConversationMain, ConversationRoot, ConversationSettingsButton, DEFAULT_BRANCH_CONTROLS_LABELS, DEFAULT_CONVERSATION_LAYOUT_LABELS, DEFAULT_CONVERSATION_PARTS_LABELS, DEFAULT_DRAFTING_DOC_CHIP_LABELS, DEFAULT_MODEL_PRICING_TIP_LABELS, DEFAULT_PENDING_ANSWER_BAR_LABELS, DEFAULT_SLASH_MENU_LABELS, DEFAULT_THREAD_MAP_LABELS, DEFAULT_THREAD_VISUALIZER_LABELS, DraftingDocChip, ModelAutoIcon, ModelConfigureButton, ModelDot, ModelMenuDivider, ModelMenuMessage, ModelOption, ModelOptionLabel, ModelPickerPopover, ModelPickerTrigger, ModelPricingTip, ModelTierIcon, ModelTierOption, ModelTriggerContent, NewChatButton, NewPaChatButton, PaModeBadge, PendingAnswerBar, SlashMenu, ThreadMap, ThreadMapDiagram, ThreadMapError, ThreadMapLoading, ThreadVisualizer, buildMessageLink, buildSlashItems, buildThreadDiagram, copyMessageToClipboard, downloadTableAsCsv, filterSlashItems, findMessageDocument, flashMessage, getParticipantTints, groupOutputsByConversation, isLongPastedText, latestThreadVersionMessage, threadForNode, useLongPaste, useOpenCitation, useRecipientDraft };
-//# sourceMappingURL=chunk-M4MZPH2S.js.map
-//# sourceMappingURL=chunk-M4MZPH2S.js.map
+export { BranchControls, ComposerAccessories, ComposerTools, ContextUsageBar, Conversation, ConversationBody, ConversationHeader, ConversationHeaderActions, ConversationHistoryPane, ConversationLoading, ConversationMain, ConversationRoot, ConversationSearchView, ConversationSettingsButton, DEFAULT_BRANCH_CONTROLS_LABELS, DEFAULT_CONVERSATION_LAYOUT_LABELS, DEFAULT_CONVERSATION_PARTS_LABELS, DEFAULT_CONVERSATION_SEARCH_LABELS, DEFAULT_DRAFTING_DOC_CHIP_LABELS, DEFAULT_MODEL_PRICING_TIP_LABELS, DEFAULT_PENDING_ANSWER_BAR_LABELS, DEFAULT_SLASH_MENU_LABELS, DEFAULT_THREAD_MAP_LABELS, DEFAULT_THREAD_VISUALIZER_LABELS, DraftingDocChip, ModelAutoIcon, ModelConfigureButton, ModelDot, ModelMenuDivider, ModelMenuMessage, ModelOption, ModelOptionLabel, ModelPickerPopover, ModelPickerTrigger, ModelPricingTip, ModelTierIcon, ModelTierOption, ModelTriggerContent, NewChatButton, NewPaChatButton, PaModeBadge, PendingAnswerBar, SlashMenu, ThreadMap, ThreadMapDiagram, ThreadMapError, ThreadMapLoading, ThreadVisualizer, buildMessageLink, buildSlashItems, buildThreadDiagram, copyMessageToClipboard, downloadTableAsCsv, filterSlashItems, findMessageDocument, flashMessage, getParticipantTints, groupOutputsByConversation, isLongPastedText, latestThreadVersionMessage, threadForNode, useLongPaste, useOpenCitation, useRecipientDraft };
+//# sourceMappingURL=chunk-SEZEEHLU.js.map
+//# sourceMappingURL=chunk-SEZEEHLU.js.map