@arbidocs/blocks 0.5.38 → 0.5.39

package/dist/{chunk-LTO4JYU3.cjs → chunk-DWWRLKEZ.cjs}

@@ -1352,6 +1352,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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    "Older conversations may need indexing \u2014 try ",
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: "Re-index" }),
+    "."
+  ] }),
+  backToList: "Back to list"
+};
+function RoleChip({ isUser, labels }) {
+  const Icon = isUser ? lucideReact.User : lucideReact.Bot;
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1 text-xs font-medium text-muted-foreground", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "size-3" }),
+    isUser ? labels.you : labels.assistant
+  ] });
+}
+var Passthrough = ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+function ConversationSearchView({
+  query,
+  onQueryChange,
+  onSubmit,
+  canSubmit,
+  isSearching,
+  submittedQuery,
+  groups,
+  onOpenConversation,
+  onClear,
+  children,
+  ResultsBoundary = Passthrough,
+  labels
+}) {
+  const l = react.useMemo(() => ({ ...DEFAULT_CONVERSATION_SEARCH_LABELS, ...labels }), [labels]);
+  const hasResults = !!submittedQuery && !isSearching && groups.length > 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-slot": "conversation-search",
+      className: "flex h-full flex-col",
+      "data-testid": "conversation-search-page",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-start gap-3 px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+          "form",
+          {
+            onSubmit: (e) => {
+              e.preventDefault();
+              onSubmit();
+            },
+            className: "flex-1",
+            children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "flex flex-shrink-0 items-center gap-1", children: /* @__PURE__ */ jsxRuntime.jsx(
+                ui.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__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "size-4 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "size-4" })
+                }
+              ) })
+            ] })
+          }
+        ) }),
+        !submittedQuery ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-hidden", children }) : /* @__PURE__ */ jsxRuntime.jsx(ResultsBoundary, { children: /* @__PURE__ */ jsxRuntime.jsx("main", { className: "flex-1 overflow-auto px-6 pb-6", children: isSearching ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center gap-2 py-16 text-muted-foreground", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "size-5 animate-spin" }),
+          l.searching
+        ] }) : hasResults ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", "data-testid": "conversation-search-results", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: l.matched(groups.length, submittedQuery) }),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              ui.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__ */ jsxRuntime.jsx(lucideReact.X, { className: "size-3.5" }),
+                  l.clear
+                ]
+              }
+            )
+          ] }),
+          groups.map((group) => /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: "rounded-lg border border-border bg-card",
+              "data-testid": "conversation-search-group",
+              children: [
+                /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 items-center gap-2", children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MessageSquare, { className: "size-4 flex-shrink-0 text-muted-foreground" }),
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate font-medium", children: group.title || l.untitled })
+                      ] }),
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-shrink-0 text-xs text-muted-foreground", children: l.matchCount(group.matches.length) })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2 border-t border-border p-3", children: group.matches.map((m) => /* @__PURE__ */ jsxRuntime.jsx(
+                  ui.PassageCard,
+                  {
+                    header: /* @__PURE__ */ jsxRuntime.jsx(RoleChip, { isUser: m.role === "user", labels: l }),
+                    score: m.score,
+                    onClick: () => onOpenConversation(group.id, m.id),
+                    "data-testid": "conversation-search-hit",
+                    children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "line-clamp-3 text-sm text-foreground/90", children: m.snippet })
+                  },
+                  m.id
+                )) })
+              ]
+            },
+            group.id
+          ))
+        ] }) : /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: "py-16 text-center text-muted-foreground",
+            "data-testid": "conversation-search-no-results",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MessageSquare, { className: "mx-auto mb-3 size-8 opacity-40" }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { children: l.noResults(submittedQuery) }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm", children: l.reindexHint }),
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                ui.Button,
+                {
+                  type: "button",
+                  variant: "ghost",
+                  size: "sm",
+                  className: "mt-3 gap-1 text-muted-foreground pointer-coarse:h-11",
+                  onClick: onClear,
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "size-3.5" }),
+                    l.backToList
+                  ]
+                }
+              )
+            ]
+          }
+        ) }) })
+      ]
+    }
+  );
+}
 function useOpenCitation() {
   const { openDocument } = chunkB3NYBMDR_cjs.useBlocksEnvironment();
   return react.useCallback(
@@ -1772,10 +1956,12 @@ exports.ConversationHistoryPane = ConversationHistoryPane;
 exports.ConversationLoading = ConversationLoading;
 exports.ConversationMain = ConversationMain;
 exports.ConversationRoot = ConversationRoot;
+exports.ConversationSearchView = ConversationSearchView;
 exports.ConversationSettingsButton = ConversationSettingsButton;
 exports.DEFAULT_BRANCH_CONTROLS_LABELS = DEFAULT_BRANCH_CONTROLS_LABELS;
 exports.DEFAULT_CONVERSATION_LAYOUT_LABELS = DEFAULT_CONVERSATION_LAYOUT_LABELS;
 exports.DEFAULT_CONVERSATION_PARTS_LABELS = DEFAULT_CONVERSATION_PARTS_LABELS;
+exports.DEFAULT_CONVERSATION_SEARCH_LABELS = DEFAULT_CONVERSATION_SEARCH_LABELS;
 exports.DEFAULT_DRAFTING_DOC_CHIP_LABELS = DEFAULT_DRAFTING_DOC_CHIP_LABELS;
 exports.DEFAULT_MODEL_PRICING_TIP_LABELS = DEFAULT_MODEL_PRICING_TIP_LABELS;
 exports.DEFAULT_PENDING_ANSWER_BAR_LABELS = DEFAULT_PENDING_ANSWER_BAR_LABELS;
@@ -1822,5 +2008,5 @@ exports.threadForNode = threadForNode;
 exports.useLongPaste = useLongPaste;
 exports.useOpenCitation = useOpenCitation;
 exports.useRecipientDraft = useRecipientDraft;
-//# sourceMappingURL=chunk-LTO4JYU3.cjs.map
-//# sourceMappingURL=chunk-LTO4JYU3.cjs.map
+//# sourceMappingURL=chunk-DWWRLKEZ.cjs.map
+//# sourceMappingURL=chunk-DWWRLKEZ.cjs.map