themelia-react-ui 2.0.1 → 2.0.2

package/dist/mentions-utuUvH1K.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mentions-utuUvH1K.js","names":["_Fragment","_Fragment","Text","DisplayLabel","TextLink","focusRecipes","Stack","surfaceDividerRecipes","popoverWidthRecipes","collectionRowClasses","popoverRecipes","collectionRecipes","interactionRecipes","sanitizeHtml","contentTypographyClassName","Badge","CommandItem","CommandInput","CommandEmpty","CommandList","CommandGroup","Command","PopoverHeader","PopoverContent","useDebouncedCallback","Fragment$1","isAbortError","error","useMentionsSearch","options","kindsKey","resources","kinds","useMemo","activeKind","setActiveKindState","useState","manualKindOverride","setManualKindOverride","query","setQueryState","suggestionsByKind","setSuggestionsByKind","isLoading","setIsLoading","setError","errorsByKind","setErrorsByKind","retryTick","setRetryTick","mentions","setMentionsState","initialMentions","requestIdRef","useRef","abortControllerRef","resourcesRef","onResourceSearchRef","onResourceSearch","onErrorRef","onError","useEffect","activeResource","searchOneKind","useCallback","config","kind","q","s","stat","runSearch","entries","searchKinds","nextQuery","signal","searchError","requestId","next","nextErrors","firstError","entry","debounceMs","controller","detach","retry","current","first","k","setActiveKind","setQuery","addMention","prev","m","mention","removeMention","id","setMentions","reset","selectSuggestion","suggestion","cfg","href","buildMentionHtml","safeLabel","tone","trigger","useMentions","search","pickerOpen","setPickerOpenState","triggerActive","setTriggerActive","triggerStateRef","lastTriggerCharRef","setPickerOpen","open","editorRef","handleCaretChange","triggerMap","trig","ctx","triggers","c","re","match","triggerChar","needle","consumedLength","pickSuggestion","html","TONE_TO_VARIANT","MentionChip","resource","variant","Icon","inner","cn","className","trailing","asLink","onClick","MENTION_RE","splitHtmlByMentions","segments","lastIndex","full","refId","before","tail","DEFAULT_PROSE_CLASS","MentionContent","resourcesProp","props","sanitized","sanitizer","mentionsById","renderRef","renderMention","body","segment","Fragment","index","prose","MentionKindToggles","active","count","counts","Button","onKindChange","defaultMentionPickerStrings","defaultMentionInlineSuggestionsStrings","MentionPicker","stringsProp","strings","useStrings","loading","Loader2","suggestions","onSelect","MentionInlineSuggestions","onManualKindChange","REF_RE","KIND_ATTR_RE","parseMentionsFromHtml","out","seen","tagText","label"],"sources":["../src/components/features/mentions/hooks/use-mentions-search.ts","../src/components/features/mentions/utils/build-mention-html.ts","../src/components/features/mentions/hooks/use-mentions.ts","../src/components/features/mentions/partials/mention-chip.tsx","../src/components/features/mentions/utils/split-html-by-mentions.ts","../src/components/features/mentions/partials/mention-content.tsx","../src/components/features/mentions/partials/mention-kind-toggles.tsx","../src/components/features/mentions/mentions.strings.ts","../src/components/features/mentions/partials/mention-picker.tsx","../src/components/features/mentions/partials/mention-inline-suggestions.tsx","../src/components/features/mentions/utils/parse-mentions-from-html.ts"],"sourcesContent":["/**\n * useMentionsSearch — pure search state for the mention picker.\n *\n * Runs **all registered kinds in parallel** for the same needle so the\n * caller can render mixed results in tabs and the picker can auto-\n * switch when the active kind has zero matches but another does. The\n * caller still controls which kind is *active* (the one whose\n * suggestions render); manual switches are remembered and not\n * overridden by subsequent caret-driven re-detections.\n *\n * Suggestion lookup order per kind:\n *   1. `resources[kind].search(needle)` — per-kind callback\n *   2. `resources[kind].suggestions` — static catalogue\n *   3. global `onResourceSearch(needle, kind)` — fallback\n */\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { DEFAULT_DEBOUNCE_MS, useDebouncedCallback } from '../../../../hooks/use-debounced-callback';\n\nimport type {\n\tMention,\n\tMentionResource,\n\tMentionSuggestion,\n\tMentionsResourceSearch,\n\tMentionsSearchErrorHandler,\n} from '../mentions.types';\n\nfunction isAbortError(error: unknown): boolean {\n\treturn Boolean(error && (error as { name?: string }).name === 'AbortError');\n}\n\nexport interface UseMentionsSearchOptions<TResource extends string = string> {\n\tresources?: Partial<Record<TResource, MentionResource<TResource>>>;\n\tonResourceSearch?: MentionsResourceSearch<TResource>;\n\tinitialMentions?: ReadonlyArray<Mention<TResource>>;\n\t/** Debounce window for async search. Defaults to `DEFAULT_DEBOUNCE_MS`. */\n\tdebounceMs?: number;\n\t/** Receives non-abort failures for each resource kind that could not be searched. */\n\tonError?: MentionsSearchErrorHandler<TResource>;\n}\n\nexport interface UseMentionsSearchReturn<TResource extends string = string> {\n\tkinds: ReadonlyArray<TResource>;\n\tactiveKind: TResource | null;\n\tsetActiveKind: (kind: TResource | null) => void;\n\tactiveResource: MentionResource<TResource> | null;\n\n\tquery: string;\n\tsetQuery: (q: string) => void;\n\n\t/** Suggestions for the active kind (`suggestionsByKind[activeKind]`). */\n\tsuggestions: ReadonlyArray<MentionSuggestion<TResource>>;\n\t/** Per-kind suggestion buckets — useful for cross-kind UIs. */\n\tsuggestionsByKind: Readonly<Record<string, ReadonlyArray<MentionSuggestion<TResource>>>>;\n\t/** Replaces the content with the loading state. */\n\tisLoading: boolean;\n\terror: unknown | null;\n\tisError: boolean;\n\terrorsByKind: Readonly<Partial<Record<TResource, unknown>>>;\n\tretry: () => void;\n\n\tmentions: ReadonlyArray<Mention<TResource>>;\n\taddMention: (mention: Mention<TResource>) => void;\n\tremoveMention: (id: string) => void;\n\tsetMentions: (next: ReadonlyArray<Mention<TResource>>) => void;\n\treset: () => void;\n\n\tselectSuggestion: (\n\t\tsuggestion: MentionSuggestion<TResource>,\n\t) => Mention<TResource>;\n\n\t/** True if the consumer manually picked a tab. The trigger detector\n\t * checks this and refuses to override the active kind on next caret\n\t * change while it's true. Reset on `setManualKindOverride(false)` or\n\t * `reset()`. */\n\tmanualKindOverride: boolean;\n\tsetManualKindOverride: (override: boolean) => void;\n}\n\nexport function useMentionsSearch<TResource extends string = string>(\n\toptions: UseMentionsSearchOptions<TResource> = {},\n): UseMentionsSearchReturn<TResource> {\n\tconst {\n\t\tresources,\n\t\tonResourceSearch,\n\t\tinitialMentions,\n\t\tdebounceMs = DEFAULT_DEBOUNCE_MS,\n\t\tonError,\n\t} = options;\n\n\tconst kindsKey = JSON.stringify(Object.keys(resources ?? {}));\n\tconst kinds = useMemo<ReadonlyArray<TResource>>(\n\t\t() => JSON.parse(kindsKey) as TResource[],\n\t\t[kindsKey],\n\t);\n\n\tconst [activeKind, setActiveKindState] = useState<TResource | null>(\n\t\t() => kinds[0] ?? null,\n\t);\n\tconst [manualKindOverride, setManualKindOverride] = useState(false);\n\tconst [query, setQueryState] = useState('');\n\tconst [suggestionsByKind, setSuggestionsByKind] = useState<\n\t\tRecord<string, ReadonlyArray<MentionSuggestion<TResource>>>\n\t>({});\n\tconst [isLoading, setIsLoading] = useState(false);\n\tconst [error, setError] = useState<unknown | null>(null);\n\tconst [errorsByKind, setErrorsByKind] = useState<\n\t\tPartial<Record<TResource, unknown>>\n\t>({});\n\tconst [retryTick, setRetryTick] = useState(0);\n\tconst [mentions, setMentionsState] = useState<Mention<TResource>[]>(() =>\n\t\tinitialMentions ? [...initialMentions] : [],\n\t);\n\n\tconst requestIdRef = useRef(0);\n\tconst abortControllerRef = useRef<AbortController | null>(null);\n\tconst resourcesRef = useRef(resources);\n\tconst onResourceSearchRef = useRef(onResourceSearch);\n\tconst onErrorRef = useRef(onError);\n\tresourcesRef.current = resources;\n\tonResourceSearchRef.current = onResourceSearch;\n\tonErrorRef.current = onError;\n\n\tuseEffect(() => {\n\t\tif (kinds.length === 0) {\n\t\t\tsetActiveKindState(null);\n\t\t\treturn;\n\t\t}\n\t\tif (!activeKind || !kinds.includes(activeKind)) {\n\t\t\tsetActiveKindState(kinds[0]);\n\t\t}\n\t}, [activeKind, kinds]);\n\n\tconst activeResource = useMemo(\n\t\t() => (activeKind && resources ? resources[activeKind] ?? null : null),\n\t\t[activeKind, resources],\n\t);\n\n\t/**\n\t * Search a single kind. Per-kind `search` wins, then static\n\t * `suggestions`, then the global `onResourceSearch` fallback.\n\t */\n\tconst searchOneKind = useCallback(\n\t\tasync (\n\t\t\tkind: TResource,\n\t\t\tq: string,\n\t\t\tsignal: AbortSignal,\n\t\t): Promise<ReadonlyArray<MentionSuggestion<TResource>>> => {\n\t\t\tconst config = resourcesRef.current?.[kind];\n\t\t\tif (config?.search) {\n\t\t\t\tconst result = await config.search(q, { kind, signal });\n\t\t\t\treturn result.map((s) => ({ ...s, kind }));\n\t\t\t}\n\t\t\tif (config?.suggestions) {\n\t\t\t\tconst stat = config.suggestions;\n\t\t\t\tconst filtered =\n\t\t\t\t\tq.trim().length === 0\n\t\t\t\t\t\t? stat\n\t\t\t\t\t\t: stat.filter((s) =>\n\t\t\t\t\t\t\t\ts.label.toLowerCase().includes(q.toLowerCase()),\n\t\t\t\t\t\t\t);\n\t\t\t\treturn filtered.map((s) => ({ ...s, kind }));\n\t\t\t}\n\t\t\tif (onResourceSearchRef.current) {\n\t\t\t\tconst result = await onResourceSearchRef.current(\n\t\t\t\t\tq,\n\t\t\t\t\tkind,\n\t\t\t\t\t{ kind, signal },\n\t\t\t\t);\n\t\t\t\treturn result.map((s) => ({ ...s, kind }));\n\t\t\t}\n\t\t\treturn [];\n\t\t},\n\t\t[],\n\t);\n\n\t// Debounced cross-kind search runner. Populates `suggestionsByKind`\n\t// for every registered kind in parallel.\n\tconst runSearch = useDebouncedCallback(\n\t\t(\n\t\t\tsearchKinds: ReadonlyArray<TResource>,\n\t\t\tnextQuery: string,\n\t\t\trequestId: number,\n\t\t\tsignal: AbortSignal,\n\t\t) => {\n\t\t\tvoid (async () => {\n\t\t\t\tsetIsLoading(true);\n\t\t\t\ttry {\n\t\t\t\t\tconst entries = await Promise.all(\n\t\t\t\t\t\tsearchKinds.map(async (kind) => {\n\t\t\t\t\t\t\ttry {\n\t\t\t\t\t\t\t\tconst list = await searchOneKind(kind, nextQuery, signal);\n\t\t\t\t\t\t\t\treturn { kind, list, error: null };\n\t\t\t\t\t\t\t} catch (searchError) {\n\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\tkind,\n\t\t\t\t\t\t\t\t\tlist: [] as ReadonlyArray<MentionSuggestion<TResource>>,\n\t\t\t\t\t\t\t\t\terror: searchError,\n\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}),\n\t\t\t\t\t);\n\t\t\t\t\tif (requestId !== requestIdRef.current || signal.aborted) return;\n\t\t\t\t\tconst next: Record<string, ReadonlyArray<MentionSuggestion<TResource>>> = {};\n\t\t\t\t\tconst nextErrors: Partial<Record<TResource, unknown>> = {};\n\t\t\t\t\tlet firstError: unknown | null = null;\n\t\t\t\t\tfor (const entry of entries) {\n\t\t\t\t\t\tnext[entry.kind] = entry.list;\n\t\t\t\t\t\tif (entry.error !== null && !isAbortError(entry.error)) {\n\t\t\t\t\t\t\tnextErrors[entry.kind] = entry.error;\n\t\t\t\t\t\t\tfirstError ??= entry.error;\n\t\t\t\t\t\t\tonErrorRef.current?.(entry.error, {\n\t\t\t\t\t\t\t\tquery: nextQuery,\n\t\t\t\t\t\t\t\tkind: entry.kind,\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tsetSuggestionsByKind(next);\n\t\t\t\t\tsetErrorsByKind(nextErrors);\n\t\t\t\t\tsetError(firstError);\n\t\t\t\t} finally {\n\t\t\t\t\tif (requestId === requestIdRef.current && !signal.aborted) {\n\t\t\t\t\t\tsetIsLoading(false);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t})();\n\t\t},\n\t\tdebounceMs,\n\t);\n\n\tuseEffect(() => {\n\t\tconst controller = new AbortController();\n\t\tabortControllerRef.current = controller;\n\n\t\tconst detach = () => {\n\t\t\tcontroller.abort();\n\t\t\tif (abortControllerRef.current === controller) {\n\t\t\t\tabortControllerRef.current = null;\n\t\t\t}\n\t\t};\n\n\t\tif (kinds.length === 0) {\n\t\t\tsetSuggestionsByKind({});\n\t\t\tsetIsLoading(false);\n\t\t\tsetError(null);\n\t\t\tsetErrorsByKind({});\n\t\t\treturn detach;\n\t\t}\n\n\t\tconst requestId = ++requestIdRef.current;\n\t\tsetError(null);\n\t\tsetErrorsByKind({});\n\t\trunSearch(kinds, query, requestId, controller.signal);\n\n\t\treturn () => {\n\t\t\trunSearch.cancel();\n\t\t\tdetach();\n\t\t};\n\t}, [kinds, query, retryTick, runSearch]);\n\n\tconst retry = useCallback(() => {\n\t\tsetRetryTick((current) => current + 1);\n\t}, []);\n\n\t/**\n\t * Auto-switch behaviour: when the active kind has zero results but\n\t * another kind has matches, jump to the first kind with results.\n\t * Skipped while `manualKindOverride` is true so the consumer's tab\n\t * choice sticks.\n\t */\n\tuseEffect(() => {\n\t\tif (manualKindOverride) return;\n\t\tif (!activeKind) return;\n\t\tconst activeList = suggestionsByKind[activeKind] ?? [];\n\t\tif (activeList.length > 0) return;\n\t\tconst first = kinds.find((k) => (suggestionsByKind[k]?.length ?? 0) > 0);\n\t\tif (first && first !== activeKind) {\n\t\t\tsetActiveKindState(first);\n\t\t}\n\t}, [activeKind, kinds, manualKindOverride, suggestionsByKind]);\n\n\t/**\n\t * Set the active kind. **Does not** toggle `manualKindOverride` —\n\t * the picker UI is responsible for calling\n\t * `setManualKindOverride(true)` when the user explicitly clicks a\n\t * tab so the auto-switch / auto-detect logic respects their choice.\n\t */\n\tconst setActiveKind = useCallback((kind: TResource | null) => {\n\t\tsetActiveKindState(kind);\n\t}, []);\n\n\tconst setQuery = useCallback((q: string) => {\n\t\tsetQueryState(q);\n\t}, []);\n\n\tconst addMention = useCallback((mention: Mention<TResource>) => {\n\t\tsetMentionsState((prev) => {\n\t\t\tif (prev.some((m) => m.id === mention.id)) return prev;\n\t\t\treturn [...prev, mention];\n\t\t});\n\t}, []);\n\n\tconst removeMention = useCallback((id: string) => {\n\t\tsetMentionsState((prev) => prev.filter((m) => m.id !== id));\n\t}, []);\n\n\tconst setMentions = useCallback(\n\t\t(next: ReadonlyArray<Mention<TResource>>) => {\n\t\t\tsetMentionsState([...next]);\n\t\t},\n\t\t[],\n\t);\n\n\tconst reset = useCallback(() => {\n\t\tabortControllerRef.current?.abort();\n\t\tsetMentionsState([]);\n\t\tsetQueryState('');\n\t\tsetManualKindOverride(false);\n\t\tsetSuggestionsByKind({});\n\t\tsetIsLoading(false);\n\t\tsetError(null);\n\t\tsetErrorsByKind({});\n\t\trequestIdRef.current++;\n\t}, []);\n\n\tconst selectSuggestion = useCallback(\n\t\t(suggestion: MentionSuggestion<TResource>) => {\n\t\t\tconst kind = (suggestion.kind ?? activeKind) as TResource;\n\t\t\tconst id = `${kind}:${suggestion.id}`;\n\t\t\tconst cfg = resources?.[kind];\n\t\t\tconst href = suggestion.href ?? cfg?.buildHref?.(suggestion);\n\t\t\tconst mention: Mention<TResource> = {\n\t\t\t\tid,\n\t\t\t\tkind,\n\t\t\t\tlabel: suggestion.label,\n\t\t\t\thref,\n\t\t\t\tdata: suggestion.data,\n\t\t\t};\n\t\t\taddMention(mention);\n\t\t\treturn mention;\n\t\t},\n\t\t[activeKind, addMention, resources],\n\t);\n\n\tconst suggestions = useMemo<ReadonlyArray<MentionSuggestion<TResource>>>(\n\t\t() => (activeKind ? suggestionsByKind[activeKind] ?? [] : []),\n\t\t[activeKind, suggestionsByKind],\n\t);\n\n\treturn {\n\t\tkinds,\n\t\tactiveKind,\n\t\tsetActiveKind,\n\t\tactiveResource,\n\t\tquery,\n\t\tsetQuery,\n\t\tsuggestions,\n\t\tsuggestionsByKind,\n\t\tisLoading,\n\t\terror,\n\t\tisError: error !== null,\n\t\terrorsByKind,\n\t\tretry,\n\t\tmentions,\n\t\taddMention,\n\t\tremoveMention,\n\t\tsetMentions,\n\t\treset,\n\t\tselectSuggestion,\n\t\tmanualKindOverride,\n\t\tsetManualKindOverride,\n\t};\n}\n","import type { Mention, MentionTone } from '../mentions.types';\n\n/**\n * Serialize a `Mention` into the HTML span that gets inserted into a\n * rich-text body. The structure mirrors `<MentionChip>` so the editor\n * can style it via the `.rsc-mention` / `[data-ref-tone]` rules (see\n * mention-chip.css, co-located in this feature) and the read-time\n * renderer (`<MentionContent>`) can find it again.\n *\n *   <span class=\"rsc-mention\" data-ref-id=\"kind:id\" data-ref-kind=\"kind\"\n *         data-ref-tone=\"info\" contenteditable=\"false\">@Maria Petrova</span>&nbsp;\n *\n * `data-ref-tone` is what drives the badge colour in both the editor\n * (CSS-only, since contenteditable can't host React) and the read-time\n * renderer (which respects it as a hint when the resource registry\n * isn't available).\n *\n * `contenteditable=\"false\"` tells the browser to treat the chip as an\n * atomic glyph — backspace deletes the whole span, the cursor moves\n * past it, and the inner label can't be edited character-by-character.\n */\nexport function buildMentionHtml<TKind extends string = string>(\n\tmention: Mention<TKind>,\n\toptions?: { triggerChar?: string; tone?: MentionTone },\n): string {\n\tconst safeLabel = String(mention.label ?? '')\n\t\t.replace(/&/g, '&amp;')\n\t\t.replace(/</g, '&lt;')\n\t\t.replace(/>/g, '&gt;');\n\tconst id = String(mention.id).replace(/\"/g, '&quot;');\n\tconst kind = String(mention.kind).replace(/\"/g, '&quot;');\n\tconst tone = options?.tone ? String(options.tone).replace(/\"/g, '&quot;') : '';\n\tconst trigger =\n\t\toptions?.triggerChar ?? (mention.kind === 'user' ? '@' : '');\n\tconst toneAttr = tone ? ` data-ref-tone=\"${tone}\"` : '';\n\treturn (\n\t\t`<span class=\"rsc-mention\" data-ref-id=\"${id}\" data-ref-kind=\"${kind}\"${toneAttr} contenteditable=\"false\">` +\n\t\t`${trigger}${safeLabel}` +\n\t\t`</span>&nbsp;`\n\t);\n}\n","/**\n * useMentions — picker state + caret-trigger detection bound to an editor.\n *\n * Composes `useMentionsSearch` (suggestion state) with caret-watch\n * logic. The editor it binds to must implement the minimal handle\n * surface in `MentionEditorHandle` — `<RichTextEditor>` from\n * `features/rich-text-editor` already does. Other editors (Slate,\n * Lexical, ProseMirror, plain contenteditable, …) can be plugged in by\n * implementing the same four methods on their imperative handle.\n *\n * Behaviour summary:\n *   - On every editor `onCaretChange`, the hook reads `getCaretContext()`\n *     and looks for a registered trigger char (`@`, `#`, …) preceded by\n *     start-of-line / whitespace and followed by `\\p{L}\\p{N}_-` chars.\n *   - On match, the picker opens, `activeKind` is seeded from the\n *     trigger char (only on a *fresh* trigger session — manual tab\n *     switches survive subsequent keystrokes), and `query` syncs from\n *     the typed needle.\n *   - All registered kinds are searched in parallel; the active kind\n *     auto-switches to the first kind with results when the current\n *     active is empty (skipped if `manualKindOverride` is true).\n *   - `pickSuggestion` deletes the trigger range and inserts the chip\n *     atomically via `replaceBeforeCaret` — selection-extension means\n *     no manual text mutation, no race between delete + insert.\n *   - When opened via the manual button (no trigger detected), the\n *     selection runs `insertHTML` instead — caret stays where it was.\n *\n * Returned API:\n *   pickerOpen, setPickerOpen, triggerActive,\n *   kinds, activeKind, setActiveKind, manualKindOverride, setManualKindOverride,\n *   query, setQuery, suggestions, suggestionsByKind, isLoading,\n *   mentions, addMention, removeMention, setMentions, reset,\n *   handleCaretChange()  — wire to the editor's `onCaretChange`\n *   pickSuggestion(s)    — convert suggestion → Mention + insert chip\n *\n * @example\n *   const editorRef = useRef<RichTextEditorHandle>(null);\n *   const mentions = useMentions<'user' | 'order'>({ editorRef });\n *\n *   <RichTextEditor ref={editorRef} onCaretChange={mentions.handleCaretChange} />\n *   <MentionInlineSuggestions\n *     open={mentions.triggerActive && mentions.pickerOpen}\n *     activeKind={mentions.activeKind}\n *     setActiveKind={mentions.setActiveKind}\n *     onManualKindChange={() => mentions.setManualKindOverride(true)}\n *     {...mentions}\n *     onSelect={mentions.pickSuggestion}\n *   />\n */\nimport { useCallback, useRef, useState } from 'react';\nimport type { RefObject } from 'react';\n\nimport type {\n\tMention,\n\tMentionResource,\n\tMentionSuggestion,\n\tMentionsResourceSearch,\n} from '../mentions.types';\nimport { buildMentionHtml } from '../utils/build-mention-html';\nimport {\n\tuseMentionsSearch,\n\ttype UseMentionsSearchOptions,\n\ttype UseMentionsSearchReturn,\n} from './use-mentions-search';\n\n/**\n * Minimal editor handle the trigger detector needs. Compatible with the\n * library's `<RichTextEditor>` handle — implement these on any custom\n * editor to plug in.\n */\nexport interface MentionEditorHandle {\n\tgetCaretContext(): { textBefore: string } | null;\n\tinsertHTML(html: string): void;\n\treplaceBeforeCaret(length: number, html: string): void;\n\tfocus(): void;\n}\n\nexport interface UseMentionsOptions<TResource extends string = string>\n\textends UseMentionsSearchOptions<TResource> {\n\t/** Ref to the editor surface the trigger detector reads from. */\n\teditorRef?: RefObject<MentionEditorHandle | null>;\n}\n\nexport interface UseMentionsReturn<TResource extends string = string>\n\textends UseMentionsSearchReturn<TResource> {\n\tpickerOpen: boolean;\n\tsetPickerOpen: (open: boolean) => void;\n\t/** True while the picker is open from an inline `@`/`#` trigger. */\n\ttriggerActive: boolean;\n\t/** Wire to the editor's `onCaretChange` to enable inline triggers. */\n\thandleCaretChange: () => void;\n\t/**\n\t * Convert a suggestion into a Mention, register it, insert the chip\n\t * into the editor (replacing the trigger range when one is active),\n\t * and close the picker. Returns the Mention.\n\t */\n\tpickSuggestion: (\n\t\tsuggestion: MentionSuggestion<TResource>,\n\t) => Mention<TResource>;\n}\n\ninterface TriggerState {\n\tkind: string;\n\ttriggerChar: string;\n\tconsumedLength: number;\n}\n\nexport function useMentions<TResource extends string = string>(\n\toptions: UseMentionsOptions<TResource> = {},\n): UseMentionsReturn<TResource> {\n\tconst resources = options.resources;\n\tconst onResourceSearch: MentionsResourceSearch<TResource> | undefined =\n\t\toptions.onResourceSearch;\n\n\tconst search = useMentionsSearch<TResource>({\n\t\t...options,\n\t\tresources,\n\t\tonResourceSearch,\n\t});\n\n\tconst [pickerOpen, setPickerOpenState] = useState(false);\n\tconst [triggerActive, setTriggerActive] = useState(false);\n\tconst triggerStateRef = useRef<TriggerState | null>(null);\n\t/** Tracks the trigger char from the most recent detection — lets us\n\t *  set the initial active kind on a fresh trigger without overriding\n\t *  the user's manual tab switch on every subsequent keystroke. */\n\tconst lastTriggerCharRef = useRef<string | null>(null);\n\n\tconst setPickerOpen = useCallback((open: boolean) => {\n\t\tsetPickerOpenState(open);\n\t\tif (!open) {\n\t\t\ttriggerStateRef.current = null;\n\t\t\tlastTriggerCharRef.current = null;\n\t\t\tsetTriggerActive(false);\n\t\t\tsearch.setManualKindOverride(false);\n\t\t}\n\t}, [search]);\n\n\tconst editorRef = options.editorRef;\n\n\tconst handleCaretChange = useCallback(() => {\n\t\tif (!resources) return;\n\t\tconst triggerMap: Record<string, string> = {};\n\t\tfor (const [kind, cfg] of Object.entries(resources)) {\n\t\t\tconst trig = (cfg as MentionResource | undefined)?.trigger;\n\t\t\tif (typeof trig === 'string' && trig.length > 0) {\n\t\t\t\ttriggerMap[trig] = kind;\n\t\t\t}\n\t\t}\n\t\tif (Object.keys(triggerMap).length === 0) return;\n\n\t\tconst ctx = editorRef?.current?.getCaretContext();\n\t\tif (!ctx) {\n\t\t\tif (triggerStateRef.current) {\n\t\t\t\ttriggerStateRef.current = null;\n\t\t\t\tsetPickerOpen(false);\n\t\t\t}\n\t\t\treturn;\n\t\t}\n\t\tconst triggers = Object.keys(triggerMap)\n\t\t\t.map((c) => c.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&'))\n\t\t\t.join('');\n\t\tconst re = new RegExp(`(?:^|\\\\s)([${triggers}])([\\\\p{L}\\\\p{N}_-]*)$`, 'u');\n\t\tconst match = ctx.textBefore.match(re);\n\t\tif (!match) {\n\t\t\tif (triggerStateRef.current) {\n\t\t\t\ttriggerStateRef.current = null;\n\t\t\t\tsetPickerOpen(false);\n\t\t\t}\n\t\t\treturn;\n\t\t}\n\t\tconst triggerChar = match[1];\n\t\tconst needle = match[2] ?? '';\n\t\tconst kind = triggerMap[triggerChar];\n\t\tconst consumedLength = triggerChar.length + needle.length;\n\n\t\ttriggerStateRef.current = { kind, triggerChar, consumedLength };\n\t\tsetTriggerActive(true);\n\n\t\t// Only seed the initial active kind on a *fresh* trigger session.\n\t\t// If the user has already picked a tab in the panel,\n\t\t// `manualKindOverride` is true and we skip — their choice sticks\n\t\t// even as they keep typing or deleting characters.\n\t\tconst isNewTriggerSession = lastTriggerCharRef.current !== triggerChar;\n\t\tif (isNewTriggerSession) {\n\t\t\tif (search.activeKind !== kind) {\n\t\t\t\tsearch.setActiveKind(kind as TResource);\n\t\t\t}\n\t\t\tsearch.setManualKindOverride(false);\n\t\t\tlastTriggerCharRef.current = triggerChar;\n\t\t}\n\n\t\tif (search.query !== needle) {\n\t\t\tsearch.setQuery(needle);\n\t\t}\n\t\tsetPickerOpenState(true);\n\t}, [editorRef, resources, search, setPickerOpen]);\n\n\tconst pickSuggestion = useCallback(\n\t\t(suggestion: MentionSuggestion<TResource>) => {\n\t\t\tconst mention = search.selectSuggestion(suggestion);\n\t\t\tconst trigger = triggerStateRef.current;\n\t\t\tconst tone = (resources?.[mention.kind] as MentionResource | undefined)?.tone;\n\t\t\tconst html = buildMentionHtml(mention, {\n\t\t\t\ttriggerChar: trigger?.triggerChar,\n\t\t\t\ttone,\n\t\t\t});\n\n\t\t\tif (trigger && trigger.consumedLength > 0 && editorRef?.current) {\n\t\t\t\teditorRef.current.replaceBeforeCaret(trigger.consumedLength, html);\n\t\t\t\ttriggerStateRef.current = null;\n\t\t\t} else if (editorRef?.current) {\n\t\t\t\teditorRef.current.insertHTML(html);\n\t\t\t}\n\t\t\tsetPickerOpen(false);\n\t\t\treturn mention;\n\t\t},\n\t\t[editorRef, resources, search, setPickerOpen],\n\t);\n\n\treturn {\n\t\t...search,\n\t\tpickerOpen,\n\t\tsetPickerOpen,\n\t\ttriggerActive,\n\t\thandleCaretChange,\n\t\tpickSuggestion,\n\t};\n}\n","/**\n * MentionChip — default rendering for an inline mention/reference.\n *\n * Wraps the lib's `<Badge>` base component with the variant driven by\n * the resource registry's `tone` field. The mapping between the\n * mentions module's `MentionTone` and the badge's variant lives below\n * (`TONE_TO_VARIANT`) so consumers can rebrand by editing one table.\n *\n * Override paths:\n *   - `renderMention` on `<MentionContent>` — full takeover\n *   - `resources.<kind>.renderChip(mention)` — per-kind takeover\n *   - `resources.<kind>.tone` — quickest \"just change the color\" override\n */\nimport type { FC, ReactNode } from 'react';\n\nimport { Badge, type BadgeTone } from '../../../base/badge';\nimport { Text, TextLink } from '../../../typography';\nimport { cn } from '../../../../lib/utils';\n\nimport type {\n\t\tMention,\n\t\tMentionResource,\n\t\tMentionTone,\n} from '../mentions.types';\n\nexport interface MentionChipProps {\n\t\t/** The mention this chip represents. */\n\t\tmention: Mention;\n\t\t/** The referenced resource. */\n\t\tresource?: MentionResource<string>;\n\t\t/** Force-disable the chip's link (useful inside the composer draft list). */\n\t\tasLink?: boolean;\n\t\tonClick?: () => void;\n\t\t/** Trailing slot — typically a remove button when shown in the composer. */\n\t\ttrailing?: ReactNode;\n\t\t/** Merged onto the outermost node. */\n\t\tclassName?: string;\n}\n\n/**\n * Single source of truth for `MentionTone → Badge variant`. Edit here\n * to rebrand all chips library-wide; override per-kind via\n * `resources.<kind>.tone`.\n */\nconst TONE_TO_VARIANT: Record<MentionTone, BadgeTone> = {\n\t\tprimary: 'secondary', // calm primary — saturated `primary` overwhelms body copy\n\t\tsuccess: 'success',\n\t\twarning: 'warning',\n\t\tdestructive: 'destructive',\n\t\tinfo: 'info',\n\t\tsecondary: 'secondary',\n};\n\nexport const MentionChip: FC<MentionChipProps> = ({\n\t\tmention,\n\t\tresource,\n\t\tasLink = true,\n\t\tonClick,\n\t\ttrailing,\n\t\tclassName,\n}) => {\n\t\tif (resource?.renderChip) {\n\t\t\t\treturn <>{resource.renderChip(mention)}</>;\n\t\t}\n\n\t\tconst tone = resource?.tone ?? 'secondary';\n\t\tconst variant = TONE_TO_VARIANT[tone] ?? TONE_TO_VARIANT.secondary;\n\t\tconst Icon = resource?.icon;\n\n\t\tconst inner = (\n\t\t\t\t<Badge\n\t\t\t\t\t\ttone={variant}\n\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\tinline\n\t\t\t\t\t\tdata-ref-id={mention.id}\n\t\t\t\t\t\tdata-ref-kind={mention.kind}\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'mention-chip--component',\n\t\t\t\t\t\t\t\t/* Inline-flow tweaks: align to the surrounding text baseline\n\t\t\t\t\t\t\t\t\t instead of the line's mid-point, which causes wobble next\n\t\t\t\t\t\t\t\t\t to text. Keep the badge as `inline-flex` (from `inline`),\n\t\t\t\t\t\t\t\t\t add a subtle vertical offset via translate so the icon\n\t\t\t\t\t\t\t\t\t sits on the cap-height. */\n\t\t\t\t\t\t\t\t'align-[-0.15em] cursor-default whitespace-nowrap',\n\t\t\t\t\t\t\t\tclassName,\n\t\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t\t{Icon ? <Icon className=\"size-icon-sm shrink-0\" aria-hidden /> : null}\n\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\t\tsize=\"inherit\"\n\t\t\t\t\t\t\t\tweight=\"medium\"\n\t\t\t\t\t\t\t\tlineHeight=\"none\"\n\t\t\t\t\t\t\t\tclassName=\"max-w-[14rem] truncate text-inherit\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{mention.label}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t{trailing}\n\t\t\t\t</Badge>\n\t\t);\n\n\t\tif (asLink && mention.href) {\n\t\treturn (\n\t\t\t<TextLink\n\t\t\t\thref={mention.href}\n\t\t\t\tsize=\"inherit\"\n\t\t\t\tunderline={false}\n\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\trel=\"noreferrer noopener\"\n\t\t\t\t\t\t\t\tonClick={onClick}\n\t\t\t\t\t\t\t\tclassName=\"inline align-baseline no-underline\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{inner}\n\t\t\t</TextLink>\n\t\t);\n\t\t}\n\n\t\tif (onClick) {\n\t\t\t\treturn (\n\t\t\t\t\t\t<span onClick={onClick} className=\"inline align-baseline\">\n\t\t\t\t\t\t\t\t{inner}\n\t\t\t\t\t\t</span>\n\t\t\t\t);\n\t\t}\n\n\t\treturn inner;\n};\n","/**\n * Split an HTML string into a list of `html` chunks and `mention`\n * placeholders, keyed by the `data-ref-id` attribute the writer set.\n *\n * Used by `<MentionContent>` to render the body once with React chips\n * for the references and `dangerouslySetInnerHTML` for everything else.\n */\nexport type MentionHtmlSegment =\n\t| { kind: 'html'; value: string }\n\t| { kind: 'mention'; refId: string; fallback: string };\n\nconst MENTION_RE =\n\t/<(span|a)\\b([^>]*?)data-ref-id\\s*=\\s*\"([^\"]+)\"([^>]*)>([\\s\\S]*?)<\\/\\1>/gi;\n\nexport function splitHtmlByMentions(html: string): MentionHtmlSegment[] {\n\tif (!html) return [];\n\n\tconst segments: MentionHtmlSegment[] = [];\n\tlet lastIndex = 0;\n\tlet match: RegExpExecArray | null;\n\tMENTION_RE.lastIndex = 0;\n\n\twhile ((match = MENTION_RE.exec(html)) !== null) {\n\t\tconst [full, , , refId] = match;\n\t\tconst before = html.slice(lastIndex, match.index);\n\t\tif (before.length > 0) {\n\t\t\tsegments.push({ kind: 'html', value: before });\n\t\t}\n\t\tsegments.push({\n\t\t\tkind: 'mention',\n\t\t\trefId,\n\t\t\tfallback: full,\n\t\t});\n\t\tlastIndex = match.index + full.length;\n\t}\n\n\tconst tail = html.slice(lastIndex);\n\tif (tail.length > 0) {\n\t\tsegments.push({ kind: 'html', value: tail });\n\t}\n\n\treturn segments;\n}\n","/**\n * MentionContent — render an HTML body that may contain inline mention\n * spans (`<span data-ref-id=\"kind:id\">…</span>`) by swapping each ref\n * for a React `<MentionChip>` while leaving the rest of the HTML\n * untouched.\n *\n * Used by:\n *   - `features/comments` — comment bodies\n *   - `features/activities` — activity descriptions\n *   - any other surface that renders rich-text with embedded refs\n *\n * Consumer can override per-mention rendering via `renderMention`, or\n * per-kind via the resource registry's `renderChip`.\n */\nimport { Fragment } from 'react';\nimport type { ReactNode } from 'react';\n\nimport { contentTypographyClassName } from '../../../typography/content-typography';\n\nimport { Text } from '../../../typography';\nimport { sanitizeHtml } from '../../../../lib/sanitize-html';\nimport { cn } from '../../../../lib/utils';\n\nimport type {\n\tMention,\n\tMentionResource,\n\tMentionsConfig,\n} from '../mentions.types';\nimport { splitHtmlByMentions } from '../utils/split-html-by-mentions';\nimport { MentionChip } from './mention-chip';\n\nexport interface MentionContentProps<TResource extends string = string> {\n\t/** HTML body to render. */\n\thtml: string;\n\t/** Mentions resolved on the data — keyed by `data-ref-id`. */\n\tmentions?: ReadonlyArray<Mention<TResource>>;\n\t/** Resource registry — pass at the call site. */\n\tresources?: MentionsConfig<TResource>['resources'];\n\t/** Custom per-mention renderer — overrides resource.renderChip. */\n\trenderMention?: (mention: Mention<TResource>) => ReactNode;\n\t/** Optional sanitizer override. The package safe allowlist is the default. */\n\tsanitizer?: (html: string) => string;\n\t/** Outer wrapper class. Defaults to a tight prose surface. */\n\tclassName?: string;\n\t/**\n\t * Set to `false` to skip the default prose wrapper — useful when\n\t * embedding inside an existing typed surface (e.g. timeline rows).\n\t */\n\tprose?: boolean;\n}\n\nconst DEFAULT_PROSE_CLASS = contentTypographyClassName;\n\nexport function MentionContent<TResource extends string = string>(\n\tprops: MentionContentProps<TResource>,\n): ReactNode {\n\tconst {\n\t\thtml,\n\t\tmentions,\n\t\tresources: resourcesProp,\n\t\trenderMention,\n\t\tsanitizer,\n\t\tclassName,\n\t\tprose = true,\n\t} = props;\n\n\tconst resources = resourcesProp;\n\n\tconst sanitized = sanitizer\n\t\t? sanitizer(html ?? '')\n\t\t: sanitizeHtml(html ?? '');\n\n\tconst mentionsById = new Map<string, Mention<TResource>>();\n\tfor (const m of mentions ?? []) mentionsById.set(m.id, m);\n\n\tconst hasMentions = mentionsById.size > 0;\n\tconst segments = hasMentions\n\t\t? splitHtmlByMentions(sanitized)\n\t\t: [{ kind: 'html' as const, value: sanitized }];\n\n\tconst renderRef = (mention: Mention<TResource>): ReactNode => {\n\t\tif (renderMention) return renderMention(mention);\n\t\tconst resource = resources?.[mention.kind] as\n\t\t\t| MentionResource<string>\n\t\t\t| undefined;\n\t\treturn <MentionChip mention={mention} resource={resource} />;\n\t};\n\n\tconst body = segments.map((segment, index) => {\n\t\tif (segment.kind === 'mention') {\n\t\t\tconst mention = mentionsById.get(segment.refId);\n\t\t\tif (!mention) {\n\t\t\t\treturn (\n\t\t\t\t\t<span\n\t\t\t\t\t\tkey={`fallback-${index}`}\n\t\t\t\t\t\tdangerouslySetInnerHTML={{ __html: segment.fallback }}\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t}\n\t\t\treturn (\n\t\t\t\t<Fragment key={`ref-${index}-${segment.refId}`}>\n\t\t\t\t\t{renderRef(mention)}\n\t\t\t\t</Fragment>\n\t\t\t);\n\t\t}\n\t\t// Segments have already passed through the package allowlist (or the\n\t\t// consumer's explicit sanitizer override) before mention extraction.\n\t\treturn (\n\t\t\t<span\n\t\t\t\tkey={`html-${index}`}\n\t\t\t\tdangerouslySetInnerHTML={{ __html: segment.value }}\n\t\t\t/>\n\t\t);\n\t});\n\n\tif (!prose) {\n\t\treturn <>{body}</>;\n\t}\n\n\treturn (\n\t\t<Text tag=\"div\" className={cn('mention-content--component', DEFAULT_PROSE_CLASS, className)}>{body}</Text>\n\t);\n}\n","import { Button } from '../../../base/buttons';\nimport { Text } from '../../../typography';\nimport { interactionRecipes } from '../../../../lib/interaction-recipes';\n\nimport type { MentionResource, MentionSuggestion } from '../mentions.types';\n\ninterface MentionKindTogglesProps<TResource extends string> {\n\tkinds: ReadonlyArray<TResource>;\n\tactiveKind: TResource | null;\n\tresources?: Partial<Record<TResource, MentionResource<TResource>>>;\n\t/** Per-kind results; a count follows the label when present. */\n\tcounts?: Readonly<Record<string, ReadonlyArray<MentionSuggestion<TResource>>>>;\n\tonKindChange: (kind: TResource) => void;\n}\n\n/**\n * The resource-kind filter shared by the inline suggestions and the picker:\n * compact toggles that press with the accent fill and hover with muted, like\n * every other toggle, rather than a primary command fill.\n */\nexport function MentionKindToggles<TResource extends string>({\n\tkinds,\n\tactiveKind,\n\tresources,\n\tcounts,\n\tonKindChange,\n}: MentionKindTogglesProps<TResource>) {\n\treturn (\n\t\t<div className=\"mention-kind-toggles--component flex flex-wrap gap-space-xs\">\n\t\t\t{kinds.map((kind) => {\n\t\t\t\tconst cfg = resources?.[kind];\n\t\t\t\tconst Icon = cfg?.icon;\n\t\t\t\tconst active = kind === activeKind;\n\t\t\t\tconst count = counts?.[kind as string]?.length ?? 0;\n\t\t\t\treturn (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tkey={kind}\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\taria-pressed={active}\n\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\tclassName={active ? interactionRecipes.togglePressed : interactionRecipes.toggleHoverButton}\n\t\t\t\t\t\tonClick={() => onKindChange(kind)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{Icon ? <Icon className=\"size-icon-sm\" /> : null}\n\t\t\t\t\t\t<Text tag=\"span\" size=\"inherit\" weight=\"medium\" className=\"text-inherit\">\n\t\t\t\t\t\t\t{cfg?.label ?? String(kind)}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t{count > 0 && (\n\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\" className=\"tabular-nums\">\n\t\t\t\t\t\t\t\t{count}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Button>\n\t\t\t\t);\n\t\t\t})}\n\t\t</div>\n\t);\n}\n","/**\n * Default user-facing strings for the `features/mentions` partials.\n *\n * Both `<MentionPicker>` and `<MentionInlineSuggestions>` consume their\n * respective slice; `<MentionInlineSuggestions>` is a strict subset.\n * Consumers wire backend i18n at the call site:\n *\n *   <MentionPicker strings={{ empty: t('mentions.empty') }} … />\n */\n\nexport interface MentionPickerStrings {\n\t/** Surface title. */\n\ttitle: string;\n\tsearchPlaceholder: string;\n\t/** Shown in place of the collection when it has no entries. */\n\tempty: string;\n\tloading: string;\n}\n\nexport const defaultMentionPickerStrings: MentionPickerStrings = {\n\ttitle: 'Insert reference',\n\tsearchPlaceholder: 'Search…',\n\tempty: 'No matches.',\n\tloading: 'Searching…',\n};\n\nexport interface MentionInlineSuggestionsStrings {\n\t/** Surface title. */\n\ttitle: string;\n\t/** Shown in place of the collection when it has no entries. */\n\tempty: string;\n\tloading: string;\n}\n\nexport const defaultMentionInlineSuggestionsStrings: MentionInlineSuggestionsStrings = {\n\ttitle: 'Insert reference',\n\tempty: 'No matches.',\n\tloading: 'Searching…',\n};\n","/**\n * MentionPicker — popover content for the mention/reference picker.\n *\n * Pure UI: takes the state from `useMentions` (or any equivalent hook)\n * and renders kind tabs + a cmdk search list. Wrapped in `<Popover>` by\n * the consumer:\n *\n *   <Popover open={mentions.pickerOpen} onOpenChange={mentions.setPickerOpen}>\n *     <PopoverTrigger ... />\n *     <MentionPicker ... />\n *   </Popover>\n */\nimport { Loader2 } from 'lucide-react';\n\nimport {\n\tCommand,\n\tCommandEmpty,\n\tCommandGroup,\n\tCommandInput,\n\tCommandItem,\n\tCommandList,\n} from '../../../base/command';\nimport { PopoverHeader, PopoverContent } from '../../../base/popover';\nimport { DisplayLabel, Text } from '../../../typography';\nimport { useStrings, type StringsProp } from '../../../../lib/strings';\nimport { Stack } from '../../../base/structure';\nimport { cn } from '../../../../lib/utils';\nimport { MentionKindToggles } from './mention-kind-toggles';\n\nimport {\n\tdefaultMentionPickerStrings,\n\ttype MentionPickerStrings,\n} from '../mentions.strings';\nimport type {\n\tMentionResource,\n\tMentionSuggestion,\n} from '../mentions.types';\nimport { popoverWidthRecipes } from '../../../base/popover/popover.recipes';\n\nexport type { MentionPickerStrings };\n\nexport interface MentionPickerProps<TResource extends string = string> {\n\t/** Whether the picker is showing. */\n\topen: boolean;\n\t/** Resource kind currently being browsed. */\n\tactiveKind: TResource | null;\n\t/** Switches which resource kind is browsed. */\n\tsetActiveKind: (kind: TResource | null) => void;\n\t/** Resource kinds offered as tabs. */\n\tkinds: ReadonlyArray<TResource>;\n\t/** Resource definitions supplying each kind's label and icon. */\n\tresources?: Partial<Record<TResource, MentionResource<TResource>>>;\n\t/** Current search text. */\n\tquery: string;\n\t/** Updates the search text. */\n\tsetQuery: (query: string) => void;\n\t/** Matches for the current query. */\n\tsuggestions: ReadonlyArray<MentionSuggestion<TResource>>;\n\t/** Replaces the content with the loading state. */\n\tloading: boolean;\n\t/** Fired when an entry is activated. */\n\tonSelect: (suggestion: MentionSuggestion<TResource>) => void;\n\t/** Overrides this surface's own copy. */\n\tstrings?: StringsProp<MentionPickerStrings>;\n\t/** Merged onto the outermost node. */\n\tclassName?: string;\n}\n\nexport function MentionPicker<TResource extends string = string>({\n\topen,\n\tactiveKind,\n\tsetActiveKind,\n\tkinds,\n\tresources,\n\tquery,\n\tsetQuery,\n\tsuggestions,\n\tloading,\n\tonSelect,\n\tstrings: stringsProp,\n\tclassName,\n}: MentionPickerProps<TResource>) {\n\tconst strings = useStrings(defaultMentionPickerStrings, stringsProp);\n\tif (!open) return null;\n\n\treturn (\n\t\t<PopoverContent\n\t\t\talign=\"start\"\n\t\t\tinset=\"flush\"\n   type=\"menu\"\n\t\t\tclassName={cn('mention-picker--component', popoverWidthRecipes.md, 'gap-0 overflow-hidden', className)}\n\t\t>\n\t\t\t<PopoverHeader>\n\t\t\t\t<Stack gap=\"sm\">\n\t\t\t\t\t<DisplayLabel>\n\t\t\t\t\t\t{strings.title}\n\t\t\t\t\t</DisplayLabel>\n\t\t\t\t\t{kinds.length > 1 && (\n\t\t\t\t\t\t<MentionKindToggles kinds={kinds} activeKind={activeKind} resources={resources} onKindChange={setActiveKind} />\n\t\t\t\t\t)}\n\t\t\t\t</Stack>\n\t\t\t</PopoverHeader>\n\n\t\t\t<Command shouldFilter={false} inset=\"flush\" className=\"rounded-none\">\n\t\t\t\t<CommandInput\n\t\t\t\t\tplaceholder={strings.searchPlaceholder}\n\t\t\t\t\tvalue={query}\n\t\t\t\t\tonValueChange={setQuery}\n\t\t\t\t/>\n\t\t\t\t<CommandList>\n\t\t\t\t\t{loading ? (\n\t\t\t\t\t\t<Stack direction=\"horizontal\" align=\"center\" gap=\"sm\" className=\"px-row-x py-row-y text-muted-foreground\">\n\t\t\t\t\t\t\t<Loader2 className=\"size-icon-sm animate-spin\" aria-hidden />\n\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\">\n\t\t\t\t\t\t\t\t{strings.loading}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</Stack>\n\t\t\t\t\t) : null}\n\t\t\t\t\t<CommandEmpty>{strings.empty}</CommandEmpty>\n\t\t\t\t\t<CommandGroup>\n\t\t\t\t\t\t{suggestions.map((suggestion) => {\n\t\t\t\t\t\t\tconst kind = suggestion.kind ?? activeKind ?? '';\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<CommandItem\n\t\t\t\t\t\t\t\t\tkey={`${kind}:${suggestion.id}`}\n\t\t\t\t\t\t\t\t\tvalue={`${kind}:${suggestion.id}`}\n\t\t\t\t\t\t\t\t\tonSelect={() => onSelect(suggestion)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<Stack gap=\"dense\" className=\"flex min-w-0 flex-1 flex-col leading-tight\">\n\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" type=\"inherit\" weight=\"medium\" className=\"truncate\">\n\t\t\t\t\t\t\t\t\t\t\t{suggestion.label}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t{suggestion.description ? (\n\t\t\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"truncate\"\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{suggestion.description}\n\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t\t\t</CommandItem>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</CommandGroup>\n\t\t\t\t</CommandList>\n\t\t\t</Command>\n\t\t</PopoverContent>\n\t);\n}\n","/**\n * MentionInlineSuggestions — non-focus-stealing suggestion list.\n *\n * Used in the *inline-trigger* flow (user typed `@` / `#` / …): the\n * editor stays focused while this panel renders below the surface and\n * updates live as the user keeps typing. No popover, no focus trap,\n * no CommandInput — the editor IS the input, we read the needle from\n * the caret context and stream results in.\n *\n * Position is \"anchored to a wrapping element\" — the consumer puts this\n * inside a `relative`-positioned wrapper around the editor and we\n * absolute-position ourselves below it.\n */\nimport { Loader2 } from 'lucide-react';\n\nimport { DisplayLabel, Text } from '../../../typography';\nimport { useStrings, type StringsProp } from '../../../../lib/strings';\nimport { Stack } from '../../../base/structure';\nimport { cn } from '../../../../lib/utils';\n\nimport {\n\t\tdefaultMentionInlineSuggestionsStrings,\n\t\ttype MentionInlineSuggestionsStrings,\n} from '../mentions.strings';\nimport type {\n\t\tMentionResource,\n\t\tMentionSuggestion,\n} from '../mentions.types';\nimport { focusRecipes } from '../../../../lib/focus-recipes';\nimport { interactionRecipes } from '../../../../lib/interaction-recipes';\nimport { surfaceDividerRecipes } from '../../../../lib/surface-recipes';\nimport { collectionRecipes, collectionRowClasses, popoverRecipes, popoverWidthRecipes } from '../../../base/popover/popover.recipes';\nimport { MentionKindToggles } from './mention-kind-toggles';\n\nexport type { MentionInlineSuggestionsStrings };\n\nexport interface MentionInlineSuggestionsProps<TResource extends string = string> {\n\t\t/** Whether the inline list is showing. */\n\t\topen: boolean;\n\t\t/** Resource kind currently being matched. */\n\t\tactiveKind: TResource | null;\n\t\t/** Switches which resource kind is matched. */\n\t\tsetActiveKind: (kind: TResource | null) => void;\n\t\t/** Resource kinds available to match. */\n\t\tkinds: ReadonlyArray<TResource>;\n\t\t/** Resource definitions supplying each kind's label and icon. */\n\t\tresources?: Partial<Record<TResource, MentionResource<TResource>>>;\n\t\t/** Per-kind suggestion buckets — used to render result counts on tabs. */\n\t\tsuggestionsByKind?: Readonly<Record<string, ReadonlyArray<MentionSuggestion<TResource>>>>;\n\t\t/** Matches for the text typed after the trigger character. */\n\t\tsuggestions: ReadonlyArray<MentionSuggestion<TResource>>;\n\t\t/** Replaces the content with the loading state. */\n\t\tloading: boolean;\n\t\t/** Live query the panel echoes in the header; the consumer owns the editor input. */\n\t\tquery?: string;\n\t\t/**\n\t\t * Notifies the consumer that the user manually picked a tab, so it\n\t\t * can flip the `manualKindOverride` flag on `useMentionsSearch`.\n\t\t */\n\t\tonManualKindChange?: () => void;\n\t\t/** Fired when an entry is activated. */\n\t\tonSelect: (suggestion: MentionSuggestion<TResource>) => void;\n\t\t/** Overrides this surface's own copy. */\n\t\tstrings?: StringsProp<MentionInlineSuggestionsStrings>;\n\t\t/** Merged onto the outermost node. */\n\t\tclassName?: string;\n}\n\nexport function MentionInlineSuggestions<TResource extends string = string>({\n\t\topen,\n\t\tactiveKind,\n\t\tsetActiveKind,\n\t\tkinds,\n\t\tresources,\n\t\tsuggestionsByKind,\n\t\tsuggestions,\n\t\tloading,\n\t\tquery,\n\t\tonManualKindChange,\n\t\tonSelect,\n\t\tstrings: stringsProp,\n\t\tclassName,\n}: MentionInlineSuggestionsProps<TResource>) {\n\t\tconst strings = useStrings(defaultMentionInlineSuggestionsStrings, stringsProp);\n\t\tif (!open) return null;\n\n\t\treturn (\n\t\t\t\t<div\n\t\t\t\t\t\t// `mousedown.preventDefault` keeps focus in the editor when\n\t\t\t\t\t\t// the user clicks inside the panel — clicks still bubble to\n\t\t\t\t\t\t// the underlying button so selection works normally.\n\t\t\t\t\t\tonMouseDown={(e) => e.preventDefault()}\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'mention-inline-suggestions--component',\n\t\t\t\t\t\t\t\t// An anchored popup: the shared popover chrome on the popup layer.\n\t\t\t\t\t\t\t\tpopoverRecipes.surface,\n\t\t\t\t\t\t\t\t// A fixed 20rem panel that never outgrows its anchor's container.\n\t\t\t\t\t\t\t\t'absolute left-0 top-full z-50 mt-space-xs max-w-full',\n\t\t\t\t\t\t\t\tpopoverWidthRecipes.lg,\n\t\t\t\t\t\t\t\t'overflow-hidden',\n\t\t\t\t\t\t\t\tclassName,\n\t\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t\t{/* The compact menu header band, as PopoverHeader draws it in a flush menu surface. */}\n\t\t\t\t\t\t<div className={cn('mention-inline-suggestions--header', popoverRecipes.menuRegion, surfaceDividerRecipes.anchored.header)}>\n\t\t\t\t\t\t\t\t<Stack gap=\"sm\" className=\"px-row-x\">\n\t\t\t\t\t\t\t\t\t\t<Stack direction=\"horizontal\" align=\"baseline\" justify=\"between\" gap=\"md\">\n\t\t\t\t\t\t\t\t\t\t\t\t<DisplayLabel>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{strings.title}\n\t\t\t\t\t\t\t\t\t\t\t\t</DisplayLabel>\n\t\t\t\t\t\t\t\t\t\t\t\t{query ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"truncate font-mono\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t“{query}”\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t\t\t\t\t{kinds.length > 1 && (\n\t\t\t\t\t\t\t\t\t\t\t\t<MentionKindToggles\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tkinds={kinds}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tactiveKind={activeKind}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tresources={resources}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcounts={suggestionsByKind}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonKindChange={(kind) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetActiveKind(kind);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonManualKindChange?.();\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName={cn('mention-inline-suggestions--list max-h-72 overflow-y-auto', popoverRecipes.menu)}\n\t\t\t\t\t\t\t\t{...(suggestions.length > 0\n\t\t\t\t\t\t\t\t\t\t? { role: 'listbox', 'aria-label': strings.title }\n\t\t\t\t\t\t\t\t\t\t: {})}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{loading ? (\n\t\t\t\t\t\t\t\t\t\t<Stack direction=\"horizontal\" align=\"center\" gap=\"sm\" className=\"px-row-x py-row-y text-muted-foreground\">\n\t\t\t\t\t\t\t\t\t\t\t\t<Loader2 className=\"size-icon-sm animate-spin\" aria-hidden />\n\t\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{strings.loading}\n\t\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t\t\t) : null}\n\n\t\t\t\t\t\t\t\t{!loading && suggestions.length === 0 ? (\n\t\t\t\t\t\t\t\t\t\t<Text tag=\"div\" size=\"xs\" type=\"secondary\" className=\"px-row-x py-row-y\">\n\t\t\t\t\t\t\t\t\t\t\t\t{strings.empty}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t) : null}\n\n\t\t\t\t\t\t\t\t{suggestions.map((suggestion) => {\n\t\t\t\t\t\t\t\t\t\tconst kind = suggestion.kind ?? activeKind ?? '';\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t// One shared collection row: the menu row height, inset and highlight.\n\t\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tkey={`${kind}:${suggestion.id}`}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\trole=\"option\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-selected={false}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tdata-ref-id={`${kind}:${suggestion.id}`}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => onSelect(suggestion)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'mention-inline-suggestions--option w-full min-w-0 text-inherit text-left',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tinteractionRecipes.nativeButtonReset,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcollectionRowClasses('compact'),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcollectionRecipes.interactive,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tinteractionRecipes.rowHover,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfocusRecipes.inset,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Stack gap=\"dense\" className=\"min-w-0 flex-1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" type=\"inherit\" weight=\"medium\" className=\"truncate\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{suggestion.label}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{suggestion.description ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\" className=\"truncate\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{suggestion.description}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t);\n}\n","/**\n * Walk an HTML string and extract `data-ref-id=\"kind:id\"` spans /\n * anchors as a list of `Mention` records. Used by the comment composer\n * to keep its `mentions` state in sync with what's actually present in\n * the editor — when the user backspaces a chip out of the body, the\n * draft's mentions list shrinks too.\n *\n * The output preserves first-occurrence order and deduplicates by id.\n * Caller can merge the resulting Mentions with previously known ones to\n * preserve `href` / `data` payloads that aren't expressible in HTML.\n */\nimport type { Mention } from '../mentions.types';\n\nconst REF_RE =\n\t/<(?:span|a)\\b[^>]*?data-ref-id\\s*=\\s*\"([^\"]+)\"[^>]*?>([\\s\\S]*?)<\\/(?:span|a)>/gi;\nconst KIND_ATTR_RE = /data-ref-kind\\s*=\\s*\"([^\"]+)\"/i;\n\nexport function parseMentionsFromHtml<TKind extends string = string>(\n\thtml: string,\n): Array<Mention<TKind>> {\n\tconst out: Mention<TKind>[] = [];\n\tif (!html) return out;\n\n\tconst seen = new Set<string>();\n\tlet match: RegExpExecArray | null;\n\tREF_RE.lastIndex = 0;\n\n\twhile ((match = REF_RE.exec(html)) !== null) {\n\t\tconst [tagText, id, inner] = match;\n\t\tif (seen.has(id)) continue;\n\t\tseen.add(id);\n\n\t\tconst kindMatch = tagText.match(KIND_ATTR_RE);\n\t\tconst kind = (kindMatch?.[1] ?? id.split(':')[0] ?? '') as TKind;\n\t\tconst label = (inner ?? '')\n\t\t\t.replace(/<[^>]*>/g, '')\n\t\t\t.replace(/&nbsp;/g, ' ')\n\t\t\t.replace(/^[@#$&%!~]\\s*/, '')\n\t\t\t.trim();\n\n\t\tout.push({ id, kind, label });\n\t}\n\n\treturn out;\n}\n"],"mappings":"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"}

package/dist/{message-CdHgIWKf.js → message-DZ_ruyUV.js}

@@ -1,8 +1,8 @@
 "use client";
 import { useStrings as e } from "./lib/strings.js";
-import { t } from "./utils-l5LpDw2z.js";
-import { s as n } from "./typography-DTRkE9zL.js";
-import { t as r } from "./structure-DC2dygdA.js";
+import { t } from "./utils-BRhFDwuU.js";
+import { c as n } from "./typography-UTnveOEy.js";
+import { t as r } from "./structure-BmisBK-3.js";
 import { a as i } from "./surface-recipes-BKRVW8Os.js";
 import { forwardRef as a } from "react";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
@@ -55,7 +55,7 @@ var u = {
 		...s,
 		ref: c,
 		"data-tone": e,
-		className: t("message--bubble min-w-0 max-w-full rounded-radius p-surface-xs break-words", e === "primary" ? "bg-primary text-primary-foreground" : e === "muted" ? "bg-muted text-muted-foreground" : e === "surface" ? t("bg-card text-card-foreground", i.frame.shell) : "text-foreground", r),
+		className: t("message--bubble min-w-0 max-w-full rounded-radius p-surface-xs break-words", e === "primary" ? "bg-primary text-primary-foreground" : e === "muted" ? "bg-muted text-muted-foreground" : e === "surface" ? t("bg-card text-card-foreground", i.frame.shell) : "text-inherit", r),
 		children: l ? /* @__PURE__ */ o(n, {
 			className: "text-inherit whitespace-pre-wrap",
 			lineHeight: "relaxed",
@@ -97,6 +97,7 @@ var u = {
 			className: t("row-start-1", j && d[i], i === "end" && "items-end"),
 			children: [
 				(v !== void 0 || y !== void 0) && /* @__PURE__ */ s(p, { children: [v !== void 0 && /* @__PURE__ */ o(n, {
+					type: "inherit",
 					tag: "span",
 					weight: "medium",
 					children: v
@@ -124,4 +125,4 @@ _.displayName = "Message";
 //#endregion
 export { p as a, u as c, f as i, d as l, m as n, g as o, h as r, l as s, _ as t, c as u };
 
-//# sourceMappingURL=message-CdHgIWKf.js.map
+//# sourceMappingURL=message-DZ_ruyUV.js.map

package/dist/message-DZ_ruyUV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-DZ_ruyUV.js","names":["Text","Stack","surfaceDividerRecipes","defaultMessageStrings","hasMessageMedia","media","messageColumns","messageContentColumn","MessageContent","forwardRef","props","cn","className","MessageHeader","MessageActions","MessageBubble","scalar","children","tone","MessageStatus","Message","stringsProp","strings","useStrings","hasAvatar","avatar","align","loading","typing","author","timestamp","status","actions"],"sources":["../src/components/blocks/collaboration/message/message.types.ts","../src/components/blocks/collaboration/message/message.recipes.ts","../src/components/blocks/collaboration/message/message.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, ReactNode } from 'react';\nimport type { StringsProp } from '../../../../lib/strings';\nexport interface MessageStrings { typing: string; loading: string }\nexport const defaultMessageStrings: MessageStrings = { typing: 'Typing…', loading: 'Loading message…' };\nexport interface MessageProps extends ComponentPropsWithoutRef<'div'> {\n /** Message direction, independent of author or service role. */\n align?: 'start' | 'end';\n /** Bubble treatment. @default muted */\n tone?: 'muted' | 'primary' | 'plain' | 'surface';\n avatar?: ReactNode;\n author?: ReactNode;\n /** Caller-formatted time; datetime supplies machine-readable time when available. */\n timestamp?: ReactNode;\n dateTime?: string;\n actions?: ReactNode;\n status?: ReactNode;\n loading?: boolean;\n typing?: boolean;\n strings?: StringsProp<MessageStrings>;\n}\nexport interface MessagePartProps extends ComponentPropsWithoutRef<'div'> {}\nexport interface MessageBubbleProps extends MessagePartProps { tone?: 'muted' | 'primary' | 'plain' | 'surface' }\nexport interface MessageStatusProps extends ComponentPropsWithoutRef<'span'> {}\n","import type { ReactNode } from 'react';\n\n/** Obvious empty slot values have no media track; rich React nodes remain untouched. */\nexport function hasMessageMedia(media: ReactNode): boolean {\n\tif (Array.isArray(media)) return media.some(hasMessageMedia);\n\treturn media !== null && media !== undefined && typeof media !== 'boolean' && media !== '';\n}\n\n/** Transcript rows and their continuation regions share the actual media track. */\nexport const messageColumns = {\n\tstart: 'grid-cols-[auto_minmax(0,1fr)]',\n\tend: 'grid-cols-[minmax(0,1fr)_auto]',\n} as const;\n\nexport const messageContentColumn = {\n\tstart: 'col-start-2',\n\tend: 'col-start-1',\n} as const;\n","import { forwardRef } from 'react';\nimport { Stack } from '../../../base/structure';\nimport { Text } from '../../../typography';\nimport { surfaceDividerRecipes } from '../../../../lib/surface-recipes';\nimport { cn } from '../../../../lib/utils';\nimport { useStrings } from '../../../../lib/strings';\nimport { defaultMessageStrings, type MessageProps, type MessagePartProps, type MessageBubbleProps, type MessageStatusProps } from './message.types';\nimport { hasMessageMedia, messageColumns, messageContentColumn } from './message.recipes';\nexport const MessageContent = forwardRef<HTMLDivElement, MessagePartProps>(function MessageContent({ className, ...props }, ref) { return <Stack {...props} ref={ref} gap=\"dense\" className={cn('message--content min-w-0 max-w-full flex-1', className)} />; });\nexport const MessageHeader = forwardRef<HTMLDivElement, MessagePartProps>(function MessageHeader({ className, ...props }, ref) { return <Stack {...props} ref={ref} direction=\"horizontal\" align=\"baseline\" gap=\"sm\" wrap className={cn('message--header', className)} />; });\nexport const MessageActions = forwardRef<HTMLDivElement, MessagePartProps>(function MessageActions({ className, ...props }, ref) { return <Stack {...props} ref={ref} direction=\"horizontal\" align=\"center\" gap=\"xs\" wrap className={cn('message--actions', className)} />; });\nexport const MessageBubble = forwardRef<HTMLDivElement, MessageBubbleProps>(function MessageBubble({ tone = 'muted', className, children, ...props }, ref) {\n const scalar = typeof children === 'string' || typeof children === 'number' || typeof children === 'bigint';\n return <div {...props} ref={ref} data-tone={tone} className={cn('message--bubble min-w-0 max-w-full rounded-radius p-surface-xs break-words', tone === 'primary' ? 'bg-primary text-primary-foreground' : tone === 'muted' ? 'bg-muted text-muted-foreground' : tone === 'surface' ? cn('bg-card text-card-foreground', surfaceDividerRecipes.frame.shell) : 'text-inherit', className)}>{scalar ? <Text className=\"text-inherit whitespace-pre-wrap\" lineHeight=\"relaxed\">{children}</Text> : children}</div>;\n});\nexport const MessageStatus = forwardRef<HTMLSpanElement, MessageStatusProps>(function MessageStatus({ children, className, ...props }, ref) { return <span {...props} ref={ref} role=\"status\" className={cn('message--status', className)}><Text tag=\"span\" size=\"xs\" type=\"secondary\">{children}</Text></span>; });\n/** Callback-free transcript presentation. Consumers own rich text, requests and delivery state. */\nexport const Message = forwardRef<HTMLDivElement, MessageProps>(function Message({ align = 'start', tone = 'muted', avatar, author, timestamp, dateTime, actions, status, loading = false, typing = false, strings: stringsProp, children, className, ...props }, ref) {\n const strings = useStrings(defaultMessageStrings, stringsProp);\n const hasAvatar = hasMessageMedia(avatar);\n return <Stack {...props} ref={ref} direction=\"horizontal\" align=\"start\" gap=\"md\" data-align={align} aria-busy={loading || typing || undefined} className={cn('message--component grid w-full min-w-0', hasAvatar ? messageColumns[align] : 'grid-cols-1', className)}>\n  {hasAvatar && <Stack direction=\"horizontal\" align=\"start\" gap=\"md\" wrap={false} className=\"message--avatar shrink-0\">{avatar}</Stack>}\n  <MessageContent className={cn('row-start-1', hasAvatar && messageContentColumn[align], align === 'end' && 'items-end')}>\n   {(author !== undefined || timestamp !== undefined) && <MessageHeader>\n    {author !== undefined && <Text type=\"inherit\" tag=\"span\" weight=\"medium\">{author}</Text>}\n    {timestamp !== undefined && <time dateTime={dateTime}><Text tag=\"span\" size=\"xs\" type=\"secondary\" className=\"tabular-nums\">{timestamp}</Text></time>}\n   </MessageHeader>}\n   <MessageBubble tone={tone}>{children}</MessageBubble>\n   {(typing || loading || status !== undefined) && <MessageStatus>{typing ? strings.typing : loading ? strings.loading : status}</MessageStatus>}\n   {actions !== undefined && <MessageActions>{actions}</MessageActions>}\n  </MessageContent>\n </Stack>;\n});\nMessage.displayName = 'Message';\n"],"mappings":"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"}