@arbidocs/blocks 0.5.112 → 0.5.114

package/dist/{chunk-MUA5PJGX.cjs → chunk-5SKHK3BG.cjs}

@@ -1,11 +1,11 @@
 "use client";
 'use strict';
 
-var chunkU5T46QCS_cjs = require('./chunk-U5T46QCS.cjs');
+var chunkTKHCIHE2_cjs = require('./chunk-TKHCIHE2.cjs');
 var react = require('react');
 
 function useOpenCitation() {
-  const { openDocument } = chunkU5T46QCS_cjs.useBlocksEnvironment();
+  const { openDocument } = chunkTKHCIHE2_cjs.useBlocksEnvironment();
   return react.useCallback(
     ({ documentId, page, passage }) => {
       const id = documentId ?? passage?.documentId;
@@ -18,5 +18,5 @@ function useOpenCitation() {
 }
 
 exports.useOpenCitation = useOpenCitation;
-//# sourceMappingURL=chunk-MUA5PJGX.cjs.map
-//# sourceMappingURL=chunk-MUA5PJGX.cjs.map
+//# sourceMappingURL=chunk-5SKHK3BG.cjs.map
+//# sourceMappingURL=chunk-5SKHK3BG.cjs.map

package/dist/{chunk-MUA5PJGX.cjs.map → chunk-5SKHK3BG.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/chat/useOpenCitation.ts"],"names":["useBlocksEnvironment","useCallback"],"mappings":";;;;;AAQO,SAAS,eAAA,GAAwD;AACtE,EAAA,MAAM,EAAE,YAAA,EAAa,GAAIA,sCAAA,EAAqB;AAC9C,EAAA,OAAOC,iBAAA;AAAA,IACL,CAAC,EAAE,UAAA,EAAY,IAAA,EAAM,SAAQ,KAAM;AACjC,MAAA,MAAM,EAAA,GAAK,cAAc,OAAA,EAAS,UAAA;AAClC,MAAA,IAAI,CAAC,EAAA,EAAI;AACT,MAAA,MAAM,EAAA,GAAK,IAAA,IAAQ,OAAA,EAAS,IAAA,IAAQ,MAAA;AACpC,MAAA,YAAA,CAAa,IAAI,EAAE,GAAI,EAAA,IAAM,EAAE,MAAM,EAAA,EAAG,EAAI,GAAI,OAAA,EAAS,MAAM,EAAE,SAAA,EAAW,OAAA,CAAQ,EAAA,IAAO,CAAA;AAAA,IAC7F,CAAA;AAAA,IACA,CAAC,YAAY;AAAA,GACf;AACF","file":"chunk-MUA5PJGX.cjs","sourcesContent":["import { useCallback } from 'react'\nimport { useBlocksEnvironment } from '../provider/environment'\nimport type { ChatCitationTarget } from './chat-page-types'\n\n/**\n * Open a cited document at its passage and page through the environment (`openDocument`): the\n * `onOpenCitation` of a chat whose host shows documents.\n */\nexport function useOpenCitation(): (target: ChatCitationTarget) => void {\n  const { openDocument } = useBlocksEnvironment()\n  return useCallback(\n    ({ documentId, page, passage }) => {\n      const id = documentId ?? passage?.documentId\n      if (!id) return\n      const at = page ?? passage?.page ?? undefined\n      openDocument(id, { ...(at && { page: at }), ...(passage?.id && { passageId: passage.id }) })\n    },\n    [openDocument]\n  )\n}\n"]}
+{"version":3,"sources":["../src/chat/useOpenCitation.ts"],"names":["useBlocksEnvironment","useCallback"],"mappings":";;;;;AAQO,SAAS,eAAA,GAAwD;AACtE,EAAA,MAAM,EAAE,YAAA,EAAa,GAAIA,sCAAA,EAAqB;AAC9C,EAAA,OAAOC,iBAAA;AAAA,IACL,CAAC,EAAE,UAAA,EAAY,IAAA,EAAM,SAAQ,KAAM;AACjC,MAAA,MAAM,EAAA,GAAK,cAAc,OAAA,EAAS,UAAA;AAClC,MAAA,IAAI,CAAC,EAAA,EAAI;AACT,MAAA,MAAM,EAAA,GAAK,IAAA,IAAQ,OAAA,EAAS,IAAA,IAAQ,MAAA;AACpC,MAAA,YAAA,CAAa,IAAI,EAAE,GAAI,EAAA,IAAM,EAAE,MAAM,EAAA,EAAG,EAAI,GAAI,OAAA,EAAS,MAAM,EAAE,SAAA,EAAW,OAAA,CAAQ,EAAA,IAAO,CAAA;AAAA,IAC7F,CAAA;AAAA,IACA,CAAC,YAAY;AAAA,GACf;AACF","file":"chunk-5SKHK3BG.cjs","sourcesContent":["import { useCallback } from 'react'\nimport { useBlocksEnvironment } from '../provider/environment'\nimport type { ChatCitationTarget } from './chat-page-types'\n\n/**\n * Open a cited document at its passage and page through the environment (`openDocument`): the\n * `onOpenCitation` of a chat whose host shows documents.\n */\nexport function useOpenCitation(): (target: ChatCitationTarget) => void {\n  const { openDocument } = useBlocksEnvironment()\n  return useCallback(\n    ({ documentId, page, passage }) => {\n      const id = documentId ?? passage?.documentId\n      if (!id) return\n      const at = page ?? passage?.page ?? undefined\n      openDocument(id, { ...(at && { page: at }), ...(passage?.id && { passageId: passage.id }) })\n    },\n    [openDocument]\n  )\n}\n"]}

package/dist/{chunk-AFXDLDPU.cjs → chunk-5UYFLFNR.cjs}

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunkU5T46QCS_cjs = require('./chunk-U5T46QCS.cjs');
+var chunkTKHCIHE2_cjs = require('./chunk-TKHCIHE2.cjs');
 var react = require('react');
 var lucideReact = require('lucide-react');
 var ui = require('@arbidocs/react/ui');
@@ -23,7 +23,7 @@ function AskBar({
   className,
   testId = "ask-bar"
 }) {
-  const { openNewConversation } = chunkU5T46QCS_cjs.useBlocksEnvironment();
+  const { openNewConversation } = chunkTKHCIHE2_cjs.useBlocksEnvironment();
   const onAsk = onAskProp ?? ((prompt) => openNewConversation({ prompt }));
   const [innerText, setInnerText] = react.useState("");
   const text = value !== void 0 ? value : innerText;
@@ -115,5 +115,5 @@ function AskBar({
 }
 
 exports.AskBar = AskBar;
-//# sourceMappingURL=chunk-AFXDLDPU.cjs.map
-//# sourceMappingURL=chunk-AFXDLDPU.cjs.map
+//# sourceMappingURL=chunk-5UYFLFNR.cjs.map
+//# sourceMappingURL=chunk-5UYFLFNR.cjs.map

package/dist/{chunk-AFXDLDPU.cjs.map → chunk-5UYFLFNR.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/AskBar.tsx"],"names":["useBlocksEnvironment","useState","useRef","jsxs","cn","jsx","Search","Button","Sparkles"],"mappings":"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","file":"chunk-AFXDLDPU.cjs","sourcesContent":["/**\n * A question box that IS the product's front door, not a link to one.\n *\n * One input, two destinations: Enter (or the arrow) ASKS — hands the trimmed\n * text to `onAsk`, the conversational answer — while the Search button beside\n * it hands the same text to `onSearch`, the retrieval experience. The split\n * matters because queries come in both registers (\"what does\n * this term mean\" vs \"find every mention of it\") and making them choose a\n * page before typing kills the impulse. Omit `onSearch` and the bar is a plain\n * ask composer.\n *\n * Asking starts a new conversation that sends the question on arrival\n * (`openNewConversation({ prompt })`) unless the consumer says otherwise; the\n * consumer owns what searching means (run smart search, open a record). Suggestion chips prefill the input rather than\n * firing immediately: a suggestion is a starting point you edit, not a button\n * you regret.\n *\n * Styled with SEMANTIC tokens only (card, border, foreground, muted-foreground,\n * primary), so every host gets it in its own colours.\n */\n\nimport {\n  useRef,\n  useState,\n  type InputHTMLAttributes,\n  type KeyboardEventHandler,\n  type ReactNode,\n  type RefObject,\n} from 'react'\nimport { Search, Sparkles } from 'lucide-react'\nimport { Button, cn } from '@arbidocs/react/ui'\nimport { useBlocksEnvironment } from '../provider/environment'\n\nexport interface AskBarProps {\n  /** Receives the trimmed question. Default: a new conversation that sends it on arrival. */\n  onAsk?: (text: string) => void\n  /** Second destination for the same text — retrieval. Omit to hide. */\n  onSearch?: (text: string) => void\n  /** Prefill-on-click starter questions, shown under the input. */\n  suggestions?: string[]\n  placeholder?: string\n  askLabel?: string\n  searchLabel?: string\n  /** Controlled value. Omit for the bar to own its own text. */\n  value?: string\n  onValueChange?: (value: string) => void\n  /** Raw keydown on the input — lets a consumer run an autocomplete\n   *  (arrow/Enter/Tab/Escape) before the form's own submit handling.\n   *  preventDefault() on Enter suppresses the submit. */\n  onInputKeyDown?: KeyboardEventHandler<HTMLInputElement>\n  /** External input ref, for consumers that refocus after menu selection. */\n  inputRef?: RefObject<HTMLInputElement | null>\n  /** Extra attributes for the input, e.g. the combobox props of `useListKeyNav` for a menu. */\n  inputProps?: InputHTMLAttributes<HTMLInputElement>\n  /** Rendered over the input row at its width (a slash/autocomplete menu, placed below). */\n  menu?: ReactNode\n  className?: string\n  /** Root test id; children derive `-input`, `-submit`, `-search`, `-suggestion`. */\n  testId?: string\n}\n\nexport function AskBar({\n  onAsk: onAskProp,\n  onSearch,\n  suggestions = [],\n  placeholder = 'Ask anything…',\n  askLabel = 'Ask',\n  searchLabel = 'Search',\n  value,\n  onValueChange,\n  onInputKeyDown,\n  inputRef: externalInputRef,\n  inputProps,\n  menu,\n  className,\n  testId = 'ask-bar',\n}: AskBarProps) {\n  const { openNewConversation } = useBlocksEnvironment()\n  const onAsk = onAskProp ?? ((prompt: string) => openNewConversation({ prompt }))\n  const [innerText, setInnerText] = useState('')\n  const text = value !== undefined ? value : innerText\n  const setText = (next: string) => {\n    onValueChange?.(next)\n    if (value === undefined) setInnerText(next)\n  }\n  const localInputRef = useRef<HTMLInputElement>(null)\n  const inputRef = externalInputRef ?? localInputRef\n\n  const submitTo = (handler: (text: string) => void) => {\n    const question = text.trim()\n    if (!question) return\n    handler(question)\n    setText('')\n  }\n\n  return (\n    <div className={cn('flex flex-col gap-2', className)} data-testid={testId}>\n      <div className=\"relative\">\n        <form\n          onSubmit={(e) => {\n            e.preventDefault()\n            submitTo(onAsk)\n          }}\n          // The AppHeader search pill's language exactly — rounded-md,\n          // border-input, magnifier left, muted text — so the bar sits in a\n          // topbar the way a ⌘K trigger does, not like a chat composer\n          // dropped into a header.\n          className=\"flex h-12 items-center gap-1.5 rounded-md border border-border/50 bg-background pl-3 pr-1.5 transition-colors focus-within:border-border\"\n        >\n          <Search className=\"pointer-events-none size-4 shrink-0 text-muted-foreground\" />\n          <input\n            {...inputProps}\n            ref={inputRef}\n            type=\"text\"\n            value={text}\n            onChange={(e) => setText(e.target.value)}\n            onKeyDown={onInputKeyDown}\n            placeholder={placeholder}\n            className=\"h-8 min-w-0 flex-1 bg-transparent text-sm text-foreground outline-none placeholder:text-muted-foreground\"\n            data-testid={testId && `${testId}-input`}\n          />\n          {onSearch && (\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"sm\"\n              disabled={!text.trim()}\n              onClick={() => submitTo(onSearch)}\n              className=\"h-8 shrink-0 px-2.5 text-xs font-medium text-muted-foreground hover:text-foreground\"\n              data-testid={testId && `${testId}-search`}\n            >\n              {searchLabel}\n            </Button>\n          )}\n          {/* The primary door wears the Ask AI anatomy: Sparkles + label. */}\n          <Button\n            type=\"submit\"\n            size=\"sm\"\n            disabled={!text.trim()}\n            className=\"h-8 shrink-0 px-3 text-xs font-medium\"\n            data-testid={testId && `${testId}-submit`}\n          >\n            <Sparkles className=\"size-3.5\" />\n            {askLabel}\n          </Button>\n        </form>\n        {menu}\n      </div>\n      {suggestions.length > 0 && (\n        <div className=\"flex flex-wrap gap-1.5\">\n          {suggestions.map((s) => (\n            <button\n              key={s}\n              type=\"button\"\n              onClick={() => {\n                setText(s)\n                inputRef.current?.focus()\n              }}\n              className=\"rounded-full border border-border/50 bg-card px-3 py-1 text-xs text-muted-foreground transition-colors hover:border-border hover:bg-accent hover:text-foreground\"\n              data-testid={testId && `${testId}-suggestion`}\n            >\n              {s}\n            </button>\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n"]}
+{"version":3,"sources":["../src/components/AskBar.tsx"],"names":["useBlocksEnvironment","useState","useRef","jsxs","cn","jsx","Search","Button","Sparkles"],"mappings":"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","file":"chunk-5UYFLFNR.cjs","sourcesContent":["/**\n * A question box that IS the product's front door, not a link to one.\n *\n * One input, two destinations: Enter (or the arrow) ASKS — hands the trimmed\n * text to `onAsk`, the conversational answer — while the Search button beside\n * it hands the same text to `onSearch`, the retrieval experience. The split\n * matters because queries come in both registers (\"what does\n * this term mean\" vs \"find every mention of it\") and making them choose a\n * page before typing kills the impulse. Omit `onSearch` and the bar is a plain\n * ask composer.\n *\n * Asking starts a new conversation that sends the question on arrival\n * (`openNewConversation({ prompt })`) unless the consumer says otherwise; the\n * consumer owns what searching means (run smart search, open a record). Suggestion chips prefill the input rather than\n * firing immediately: a suggestion is a starting point you edit, not a button\n * you regret.\n *\n * Styled with SEMANTIC tokens only (card, border, foreground, muted-foreground,\n * primary), so every host gets it in its own colours.\n */\n\nimport {\n  useRef,\n  useState,\n  type InputHTMLAttributes,\n  type KeyboardEventHandler,\n  type ReactNode,\n  type RefObject,\n} from 'react'\nimport { Search, Sparkles } from 'lucide-react'\nimport { Button, cn } from '@arbidocs/react/ui'\nimport { useBlocksEnvironment } from '../provider/environment'\n\nexport interface AskBarProps {\n  /** Receives the trimmed question. Default: a new conversation that sends it on arrival. */\n  onAsk?: (text: string) => void\n  /** Second destination for the same text — retrieval. Omit to hide. */\n  onSearch?: (text: string) => void\n  /** Prefill-on-click starter questions, shown under the input. */\n  suggestions?: string[]\n  placeholder?: string\n  askLabel?: string\n  searchLabel?: string\n  /** Controlled value. Omit for the bar to own its own text. */\n  value?: string\n  onValueChange?: (value: string) => void\n  /** Raw keydown on the input — lets a consumer run an autocomplete\n   *  (arrow/Enter/Tab/Escape) before the form's own submit handling.\n   *  preventDefault() on Enter suppresses the submit. */\n  onInputKeyDown?: KeyboardEventHandler<HTMLInputElement>\n  /** External input ref, for consumers that refocus after menu selection. */\n  inputRef?: RefObject<HTMLInputElement | null>\n  /** Extra attributes for the input, e.g. the combobox props of `useListKeyNav` for a menu. */\n  inputProps?: InputHTMLAttributes<HTMLInputElement>\n  /** Rendered over the input row at its width (a slash/autocomplete menu, placed below). */\n  menu?: ReactNode\n  className?: string\n  /** Root test id; children derive `-input`, `-submit`, `-search`, `-suggestion`. */\n  testId?: string\n}\n\nexport function AskBar({\n  onAsk: onAskProp,\n  onSearch,\n  suggestions = [],\n  placeholder = 'Ask anything…',\n  askLabel = 'Ask',\n  searchLabel = 'Search',\n  value,\n  onValueChange,\n  onInputKeyDown,\n  inputRef: externalInputRef,\n  inputProps,\n  menu,\n  className,\n  testId = 'ask-bar',\n}: AskBarProps) {\n  const { openNewConversation } = useBlocksEnvironment()\n  const onAsk = onAskProp ?? ((prompt: string) => openNewConversation({ prompt }))\n  const [innerText, setInnerText] = useState('')\n  const text = value !== undefined ? value : innerText\n  const setText = (next: string) => {\n    onValueChange?.(next)\n    if (value === undefined) setInnerText(next)\n  }\n  const localInputRef = useRef<HTMLInputElement>(null)\n  const inputRef = externalInputRef ?? localInputRef\n\n  const submitTo = (handler: (text: string) => void) => {\n    const question = text.trim()\n    if (!question) return\n    handler(question)\n    setText('')\n  }\n\n  return (\n    <div className={cn('flex flex-col gap-2', className)} data-testid={testId}>\n      <div className=\"relative\">\n        <form\n          onSubmit={(e) => {\n            e.preventDefault()\n            submitTo(onAsk)\n          }}\n          // The AppHeader search pill's language exactly — rounded-md,\n          // border-input, magnifier left, muted text — so the bar sits in a\n          // topbar the way a ⌘K trigger does, not like a chat composer\n          // dropped into a header.\n          className=\"flex h-12 items-center gap-1.5 rounded-md border border-border/50 bg-background pl-3 pr-1.5 transition-colors focus-within:border-border\"\n        >\n          <Search className=\"pointer-events-none size-4 shrink-0 text-muted-foreground\" />\n          <input\n            {...inputProps}\n            ref={inputRef}\n            type=\"text\"\n            value={text}\n            onChange={(e) => setText(e.target.value)}\n            onKeyDown={onInputKeyDown}\n            placeholder={placeholder}\n            className=\"h-8 min-w-0 flex-1 bg-transparent text-sm text-foreground outline-none placeholder:text-muted-foreground\"\n            data-testid={testId && `${testId}-input`}\n          />\n          {onSearch && (\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"sm\"\n              disabled={!text.trim()}\n              onClick={() => submitTo(onSearch)}\n              className=\"h-8 shrink-0 px-2.5 text-xs font-medium text-muted-foreground hover:text-foreground\"\n              data-testid={testId && `${testId}-search`}\n            >\n              {searchLabel}\n            </Button>\n          )}\n          {/* The primary door wears the Ask AI anatomy: Sparkles + label. */}\n          <Button\n            type=\"submit\"\n            size=\"sm\"\n            disabled={!text.trim()}\n            className=\"h-8 shrink-0 px-3 text-xs font-medium\"\n            data-testid={testId && `${testId}-submit`}\n          >\n            <Sparkles className=\"size-3.5\" />\n            {askLabel}\n          </Button>\n        </form>\n        {menu}\n      </div>\n      {suggestions.length > 0 && (\n        <div className=\"flex flex-wrap gap-1.5\">\n          {suggestions.map((s) => (\n            <button\n              key={s}\n              type=\"button\"\n              onClick={() => {\n                setText(s)\n                inputRef.current?.focus()\n              }}\n              className=\"rounded-full border border-border/50 bg-card px-3 py-1 text-xs text-muted-foreground transition-colors hover:border-border hover:bg-accent hover:text-foreground\"\n              data-testid={testId && `${testId}-suggestion`}\n            >\n              {s}\n            </button>\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n"]}