admin-ui-starter-kit 0.1.0 → 0.1.2

package/dist/_shared/mentions-D7gnP3Nf.cjs

@@ -0,0 +1,2 @@
+require(`./chunk-D3uCBrYO.cjs`);const e=require(`../lib/strings.cjs`),t=require(`../lib/utils.cjs`),n=require(`./text-DBnY6fcL.cjs`),r=require(`./badge-C49SSz-6.cjs`),i=require(`./command-D7zTvyBJ.cjs`),a=require(`./command-DGNtTI-V.cjs`),o=require(`./popover-B1f_EUQS.cjs`);let s=require(`react`),c=require(`react/jsx-runtime`),l=require(`lucide-react`);function u(e={}){let{resources:t,onResourceSearch:n,initialMentions:r,debounceMs:i=200}=e,a=(0,s.useMemo)(()=>t?Object.keys(t):[],[t]),[o,c]=(0,s.useState)(()=>a[0]??null),[l,u]=(0,s.useState)(!1),[d,f]=(0,s.useState)(``),[p,m]=(0,s.useState)({}),[h,g]=(0,s.useState)(!1),[_,v]=(0,s.useState)(()=>r?[...r]:[]),y=(0,s.useRef)(0),b=(0,s.useRef)(null);(0,s.useEffect)(()=>{if(a.length===0){c(null);return}(!o||!a.includes(o))&&c(a[0])},[o,a]);let x=(0,s.useMemo)(()=>o&&t?t[o]??null:null,[o,t]),S=(0,s.useCallback)(async(e,r)=>{let i=t?.[e];if(i?.search)return(await i.search(r)).map(t=>({...t,kind:e}));if(i?.suggestions){let t=i.suggestions;return(r.trim().length===0?t:t.filter(e=>e.label.toLowerCase().includes(r.toLowerCase()))).map(t=>({...t,kind:e}))}return n?(await n(r,e)).map(t=>({...t,kind:e})):[]},[t,n]);(0,s.useEffect)(()=>{if(b.current&&clearTimeout(b.current),a.length===0){m({});return}let e=++y.current,t=async()=>{g(!0);try{let t=await Promise.all(a.map(async e=>{try{return[e,await S(e,d)]}catch{return[e,[]]}}));if(e!==y.current)return;let n={};for(let[e,r]of t)n[e]=r;m(n)}finally{e===y.current&&g(!1)}};return b.current=setTimeout(()=>{t()},i),()=>{b.current&&clearTimeout(b.current)}},[a,d,S,i]),(0,s.useEffect)(()=>{if(l||!o||(p[o]??[]).length>0)return;let e=a.find(e=>(p[e]?.length??0)>0);e&&e!==o&&c(e)},[o,a,l,p]);let C=(0,s.useCallback)(e=>{c(e)},[]),w=(0,s.useCallback)(e=>{f(e)},[]),T=(0,s.useCallback)(e=>{v(t=>t.some(t=>t.id===e.id)?t:[...t,e])},[]),E=(0,s.useCallback)(e=>{v(t=>t.filter(t=>t.id!==e))},[]),D=(0,s.useCallback)(e=>{v([...e])},[]),O=(0,s.useCallback)(()=>{v([]),f(``),u(!1),y.current++},[]),k=(0,s.useCallback)(e=>{let n=e.kind??o,r=`${n}:${e.id}`,i=t?.[n],a=e.href??i?.buildHref?.(e),s={id:r,kind:n,label:e.label,href:a,data:e.data};return T(s),s},[o,T,t]);return{kinds:a,activeKind:o,setActiveKind:C,activeResource:x,query:d,setQuery:w,suggestions:(0,s.useMemo)(()=>o?p[o]??[]:[],[o,p]),suggestionsByKind:p,isLoading:h,mentions:_,addMention:T,removeMention:E,setMentions:D,reset:O,selectSuggestion:k,manualKindOverride:l,setManualKindOverride:u}}function d(e,t){let n=String(e.label??``).replace(/&/g,`&amp;`).replace(/</g,`&lt;`).replace(/>/g,`&gt;`),r=String(e.id).replace(/"/g,`&quot;`),i=String(e.kind).replace(/"/g,`&quot;`),a=t?.tone?String(t.tone).replace(/"/g,`&quot;`):``,o=t?.triggerChar??(e.kind===`user`?`@`:``);return`<span class="rsc-mention" data-ref-id="${r}" data-ref-kind="${i}"${a?` data-ref-tone="${a}"`:``} contenteditable="false">${o}${n}</span>&nbsp;`}function f(e={}){let t=e.resources,n=e.onResourceSearch,r=u({...e,resources:t,onResourceSearch:n}),[i,a]=(0,s.useState)(!1),[o,c]=(0,s.useState)(!1),l=(0,s.useRef)(null),f=(0,s.useRef)(null),p=(0,s.useCallback)(e=>{a(e),e||(l.current=null,f.current=null,c(!1),r.setManualKindOverride(!1))},[r]),m=e.editorRef,h=(0,s.useCallback)(()=>{if(!t)return;let e={};for(let[n,r]of Object.entries(t)){let t=r?.trigger;typeof t==`string`&&t.length>0&&(e[t]=n)}if(Object.keys(e).length===0)return;let n=m?.current?.getCaretContext();if(!n){l.current&&(l.current=null,p(!1));return}let i=Object.keys(e).map(e=>e.replace(/[.*+?^${}()|[\]\\]/g,`\\$&`)).join(``),o=RegExp(`(?:^|\\s)([${i}])([\\p{L}\\p{N}_-]*)$`,`u`),s=n.textBefore.match(o);if(!s){l.current&&(l.current=null,p(!1));return}let u=s[1],d=s[2]??``,h=e[u];l.current={kind:h,triggerChar:u,consumedLength:u.length+d.length},c(!0),f.current!==u&&(r.activeKind!==h&&r.setActiveKind(h),r.setManualKindOverride(!1),f.current=u),r.query!==d&&r.setQuery(d),a(!0)},[m,t,r,p]),g=(0,s.useCallback)(e=>{let n=r.selectSuggestion(e),i=l.current,a=t?.[n.kind]?.tone,o=d(n,{triggerChar:i?.triggerChar,tone:a});return i&&i.consumedLength>0&&m?.current?(m.current.replaceBeforeCaret(i.consumedLength,o),l.current=null):m?.current&&m.current.insertHTML(o),p(!1),n},[m,t,r,p]);return{...r,pickerOpen:i,setPickerOpen:p,triggerActive:o,handleCaretChange:h,pickSuggestion:g}}var p={primary:`secondary`,success:`success`,warning:`warning`,destructive:`destructive`,info:`info`,secondary:`secondary`},m=({mention:e,resource:n,asLink:i=!0,onClick:a,trailing:o,className:s})=>{if(n?.renderChip)return(0,c.jsx)(c.Fragment,{children:n.renderChip(e)});let l=p[n?.tone??`secondary`]??p.secondary,u=n?.icon,d=(0,c.jsxs)(r.t,{variant:l,inline:!0,"data-ref-id":e.id,"data-ref-kind":e.kind,className:t.cn(`align-[-0.15em] cursor-default whitespace-nowrap`,s),children:[u?(0,c.jsx)(u,{className:`size-3 shrink-0`,"aria-hidden":!0}):null,(0,c.jsx)(`span`,{className:`truncate max-w-[14rem]`,children:e.label}),o]});return i&&e.href?(0,c.jsx)(`a`,{href:e.href,target:`_blank`,rel:`noreferrer noopener`,onClick:a,className:`inline align-baseline no-underline hover:opacity-90`,children:d}):a?(0,c.jsx)(`span`,{onClick:a,className:`inline align-baseline`,children:d}):d},h=/<(span|a)\b([^>]*?)data-ref-id\s*=\s*"([^"]+)"([^>]*)>([\s\S]*?)<\/\1>/gi;function g(e){if(!e)return[];let t=[],n=0,r;for(h.lastIndex=0;(r=h.exec(e))!==null;){let[i,,,a]=r,o=e.slice(n,r.index);o.length>0&&t.push({kind:`html`,value:o}),t.push({kind:`mention`,refId:a,fallback:i}),n=r.index+i.length}let i=e.slice(n);return i.length>0&&t.push({kind:`html`,value:i}),t}var _=`prose prose-sm prose-p:my-0.5 prose-p:leading-relaxed prose-headings:my-1 prose-a:text-primary prose-a:no-underline hover:prose-a:underline prose-strong:font-semibold prose-ul:my-0.5 prose-ol:my-0.5 prose-li:my-0.5 max-w-none`;function v(e){let{html:n,mentions:r,resources:i,renderMention:a,sanitizer:o,className:l,prose:u=!0}=e,d=i,f=o?o(n??``):n??``,p=new Map;for(let e of r??[])p.set(e.id,e);let h=p.size>0?g(f):[{kind:`html`,value:f}],v=e=>{if(a)return a(e);let t=d?.[e.kind];return(0,c.jsx)(m,{mention:e,resource:t})},y=h.map((e,t)=>{if(e.kind===`mention`){let n=p.get(e.refId);return n?(0,c.jsx)(s.Fragment,{children:v(n)},`ref-${t}-${e.refId}`):(0,c.jsx)(`span`,{dangerouslySetInnerHTML:{__html:e.fallback}},`fallback-${t}`)}return(0,c.jsx)(`span`,{dangerouslySetInnerHTML:{__html:e.value}},`html-${t}`)});return u?(0,c.jsx)(`div`,{className:t.cn(_,l),children:y}):(0,c.jsx)(c.Fragment,{children:y})}var y=e=>(0,c.jsx)(v,{...e}),b={title:`Insert reference`,searchPlaceholder:`Search…`,empty:`No matches.`,loading:`Searching…`},x={title:`Insert reference`,empty:`No matches.`,loading:`Searching…`};function S({open:r,activeKind:s,setActiveKind:u,kinds:d,resources:f,query:p,setQuery:m,suggestions:h,isLoading:g,onSelect:_,strings:v,className:y}){let x=e.useStrings(b,v);return r?(0,c.jsxs)(o.t,{align:`start`,className:t.cn(`w-72 overflow-hidden p-0`,y),children:[(0,c.jsxs)(`div`,{className:`border-b border-border/60 px-3 py-2`,children:[(0,c.jsx)(n.t,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wide`,children:x.title}),d.length>1&&(0,c.jsx)(`div`,{className:`mt-2 flex flex-wrap gap-1`,children:d.map(e=>{let n=f?.[e],r=n?.icon;return(0,c.jsxs)(`button`,{type:`button`,onClick:()=>u(e),className:t.cn(`inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-xxs font-medium ring-1 ring-inset transition-colors`,e===s?`bg-primary text-primary-foreground ring-primary`:`bg-muted text-muted-foreground ring-border/60 hover:bg-muted/80`),children:[r?(0,c.jsx)(r,{className:`size-3`}):null,(0,c.jsx)(`span`,{children:n?.label??String(e)})]},e)})})]}),(0,c.jsxs)(a.t,{shouldFilter:!1,children:[(0,c.jsx)(i.i,{placeholder:x.searchPlaceholder,value:p,onValueChange:m}),(0,c.jsxs)(a.a,{children:[g?(0,c.jsxs)(`div`,{className:`text-muted-foreground flex items-center justify-center gap-2 py-3`,children:[(0,c.jsx)(l.Loader2,{className:`size-3.5 animate-spin`,"aria-hidden":!0}),(0,c.jsx)(n.t,{tag:`span`,size:`xs`,type:`secondary`,children:x.loading})]}):null,(0,c.jsx)(a.n,{children:x.empty}),(0,c.jsx)(a.r,{children:h.map(e=>{let t=e.kind??s??``;return(0,c.jsx)(a.i,{value:`${t}:${e.id}`,onSelect:()=>_(e),children:(0,c.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col leading-tight`,children:[(0,c.jsx)(n.t,{tag:`span`,size:`xs`,weight:`medium`,className:`truncate`,children:e.label}),e.description?(0,c.jsx)(n.t,{tag:`span`,size:`xxs`,type:`secondary`,className:`mt-0.5 truncate`,children:e.description}):null]})},`${t}:${e.id}`)})})]})]})]}):null}function C({open:r,activeKind:i,setActiveKind:a,kinds:o,resources:s,suggestionsByKind:u,suggestions:d,isLoading:f,query:p,onManualKindChange:m,onSelect:h,strings:g,className:_}){let v=e.useStrings(x,g);return r?(0,c.jsxs)(`div`,{onMouseDown:e=>e.preventDefault(),className:t.cn(`bg-popover text-popover-foreground absolute left-0 top-full z-40 mt-1 w-80 max-w-[min(theme(spacing.96),100%)]`,`border-border/60 rounded-md border shadow-md ring-1 ring-foreground/[0.04]`,`overflow-hidden`,_),role:`listbox`,children:[(0,c.jsxs)(`div`,{className:`border-b border-border/60 px-3 py-2`,children:[(0,c.jsxs)(`div`,{className:`flex items-baseline justify-between gap-2`,children:[(0,c.jsx)(n.t,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wide`,children:v.title}),p?(0,c.jsxs)(n.t,{tag:`span`,size:`xxs`,type:`secondary`,className:`truncate font-mono`,children:[`“`,p,`”`]}):null]}),o.length>1&&(0,c.jsx)(`div`,{className:`mt-2 flex flex-wrap gap-1`,children:o.map(e=>{let n=s?.[e],r=n?.icon,o=e===i,l=u?.[e]?.length??0;return(0,c.jsxs)(`button`,{type:`button`,onClick:()=>{a(e),m?.()},className:t.cn(`inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-xxs font-medium ring-1 ring-inset transition-colors`,o?`bg-primary text-primary-foreground ring-primary`:l>0?`bg-muted text-foreground ring-border/60 hover:bg-muted/80`:`bg-muted/40 text-muted-foreground ring-border/40 hover:bg-muted/60`),children:[r?(0,c.jsx)(r,{className:`size-3`}):null,(0,c.jsx)(`span`,{children:n?.label??String(e)}),l>0&&(0,c.jsx)(`span`,{className:t.cn(`tabular-nums`,o?`opacity-90`:`opacity-70`),children:l})]},e)})})]}),(0,c.jsxs)(`div`,{className:`max-h-72 overflow-y-auto py-1`,children:[f?(0,c.jsxs)(`div`,{className:`text-muted-foreground flex items-center justify-center gap-2 py-3`,children:[(0,c.jsx)(l.Loader2,{className:`size-3.5 animate-spin`,"aria-hidden":!0}),(0,c.jsx)(n.t,{tag:`span`,size:`xs`,type:`secondary`,children:v.loading})]}):null,!f&&d.length===0?(0,c.jsx)(`div`,{className:`px-3 py-3`,children:(0,c.jsx)(n.t,{size:`xs`,type:`secondary`,children:v.empty})}):null,d.map(e=>{let r=e.kind??i??``;return(0,c.jsx)(`button`,{type:`button`,role:`option`,"data-ref-id":`${r}:${e.id}`,onClick:()=>h(e),className:t.cn(`flex w-full min-w-0 items-start gap-2 px-3 py-1.5 text-left`,`hover:bg-muted/60 focus-visible:bg-muted/60 transition-colors`),children:(0,c.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col leading-tight`,children:[(0,c.jsx)(n.t,{tag:`span`,size:`xs`,weight:`medium`,className:`truncate`,children:e.label}),e.description?(0,c.jsx)(n.t,{tag:`span`,size:`xxs`,type:`secondary`,className:`mt-0.5 truncate`,children:e.description}):null]})},`${r}:${e.id}`)})]})]}):null}var w=/<(?:span|a)\b[^>]*?data-ref-id\s*=\s*"([^"]+)"[^>]*?>([\s\S]*?)<\/(?:span|a)>/gi,T=/data-ref-kind\s*=\s*"([^"]+)"/i;function E(e){let t=[];if(!e)return t;let n=new Set,r;for(w.lastIndex=0;(r=w.exec(e))!==null;){let[e,i,a]=r;if(n.has(i))continue;n.add(i);let o=e.match(T)?.[1]??i.split(`:`)[0]??``,s=(a??``).replace(/<[^>]*>/g,``).replace(/&nbsp;/g,` `).replace(/^[@#$&%!~]\s*/,``).trim();t.push({id:i,kind:o,label:s})}return t}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,`d`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`f`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return E}}),Object.defineProperty(exports,`u`,{enumerable:!0,get:function(){return f}});
+//# sourceMappingURL=mentions-D7gnP3Nf.cjs.map

package/dist/_shared/mentions-D7gnP3Nf.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mentions-D7gnP3Nf.cjs","names":[],"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/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 type {\n    Mention,\n    MentionResource,\n    MentionSuggestion,\n    MentionsResourceSearch,\n} from '../mentions.types';\n\nexport interface UseMentionsSearchOptions<TResource extends string = string> {\n    resources?: Partial<Record<TResource, MentionResource<TResource>>>;\n    onResourceSearch?: MentionsResourceSearch<TResource>;\n    initialMentions?: ReadonlyArray<Mention<TResource>>;\n    /** Debounce window for async search. Default: 200ms. */\n    debounceMs?: number;\n}\n\nexport interface UseMentionsSearchReturn<TResource extends string = string> {\n    kinds: ReadonlyArray<TResource>;\n    activeKind: TResource | null;\n    setActiveKind: (kind: TResource | null) => void;\n    activeResource: MentionResource<TResource> | null;\n\n    query: string;\n    setQuery: (q: string) => void;\n\n    /** Suggestions for the active kind (`suggestionsByKind[activeKind]`). */\n    suggestions: ReadonlyArray<MentionSuggestion<TResource>>;\n    /** Per-kind suggestion buckets — useful for cross-kind UIs. */\n    suggestionsByKind: Readonly<Record<string, ReadonlyArray<MentionSuggestion<TResource>>>>;\n    isLoading: boolean;\n\n    mentions: ReadonlyArray<Mention<TResource>>;\n    addMention: (mention: Mention<TResource>) => void;\n    removeMention: (id: string) => void;\n    setMentions: (next: ReadonlyArray<Mention<TResource>>) => void;\n    reset: () => void;\n\n    selectSuggestion: (\n        suggestion: MentionSuggestion<TResource>,\n    ) => Mention<TResource>;\n\n    /** True if the consumer manually picked a tab. The trigger detector\n     * checks this and refuses to override the active kind on next caret\n     * change while it's true. Reset on `setManualKindOverride(false)` or\n     * `reset()`. */\n    manualKindOverride: boolean;\n    setManualKindOverride: (override: boolean) => void;\n}\n\nexport function useMentionsSearch<TResource extends string = string>(\n    options: UseMentionsSearchOptions<TResource> = {},\n): UseMentionsSearchReturn<TResource> {\n    const { resources, onResourceSearch, initialMentions, debounceMs = 200 } = options;\n\n    const kinds = useMemo<ReadonlyArray<TResource>>(\n        () => (resources ? (Object.keys(resources) as TResource[]) : []),\n        [resources],\n    );\n\n    const [activeKind, setActiveKindState] = useState<TResource | null>(\n        () => kinds[0] ?? null,\n    );\n    const [manualKindOverride, setManualKindOverride] = useState(false);\n    const [query, setQueryState] = useState('');\n    const [suggestionsByKind, setSuggestionsByKind] = useState<\n        Record<string, ReadonlyArray<MentionSuggestion<TResource>>>\n    >({});\n    const [isLoading, setIsLoading] = useState(false);\n    const [mentions, setMentionsState] = useState<Mention<TResource>[]>(() =>\n        initialMentions ? [...initialMentions] : [],\n    );\n\n    const requestIdRef = useRef(0);\n    const debounceRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n    useEffect(() => {\n        if (kinds.length === 0) {\n            setActiveKindState(null);\n            return;\n        }\n        if (!activeKind || !kinds.includes(activeKind)) {\n            setActiveKindState(kinds[0]);\n        }\n    }, [activeKind, kinds]);\n\n    const activeResource = useMemo(\n        () => (activeKind && resources ? resources[activeKind] ?? null : null),\n        [activeKind, resources],\n    );\n\n    /**\n     * Search a single kind. Per-kind `search` wins, then static\n     * `suggestions`, then the global `onResourceSearch` fallback.\n     */\n    const searchOneKind = useCallback(\n        async (\n            kind: TResource,\n            q: string,\n        ): Promise<ReadonlyArray<MentionSuggestion<TResource>>> => {\n            const config = resources?.[kind];\n            if (config?.search) {\n                const result = await config.search(q);\n                return result.map((s) => ({ ...s, kind }));\n            }\n            if (config?.suggestions) {\n                const stat = config.suggestions;\n                const filtered =\n                    q.trim().length === 0\n                        ? stat\n                        : stat.filter((s) =>\n                                s.label.toLowerCase().includes(q.toLowerCase()),\n                            );\n                return filtered.map((s) => ({ ...s, kind }));\n            }\n            if (onResourceSearch) {\n                const result = await onResourceSearch(q, kind);\n                return result.map((s) => ({ ...s, kind }));\n            }\n            return [];\n        },\n        [resources, onResourceSearch],\n    );\n\n    // Debounced cross-kind search runner. Populates `suggestionsByKind`\n    // for every registered kind in parallel.\n    useEffect(() => {\n        if (debounceRef.current) {\n            clearTimeout(debounceRef.current);\n        }\n        if (kinds.length === 0) {\n            setSuggestionsByKind({});\n            return;\n        }\n\n        const requestId = ++requestIdRef.current;\n        const run = async () => {\n            setIsLoading(true);\n            try {\n                const entries = await Promise.all(\n                    kinds.map(async (kind) => {\n                        try {\n                            const list = await searchOneKind(kind, query);\n                            return [kind, list] as const;\n                        } catch {\n                            return [kind, []] as const;\n                        }\n                    }),\n                );\n                if (requestId !== requestIdRef.current) return;\n                const next: Record<string, ReadonlyArray<MentionSuggestion<TResource>>> = {};\n                for (const [kind, list] of entries) {\n                    next[kind] = list;\n                }\n                setSuggestionsByKind(next);\n            } finally {\n                if (requestId === requestIdRef.current) {\n                    setIsLoading(false);\n                }\n            }\n        };\n\n        debounceRef.current = setTimeout(() => {\n            void run();\n        }, debounceMs);\n\n        return () => {\n            if (debounceRef.current) clearTimeout(debounceRef.current);\n        };\n    }, [kinds, query, searchOneKind, debounceMs]);\n\n    /**\n     * Auto-switch behaviour: when the active kind has zero results but\n     * another kind has matches, jump to the first kind with results.\n     * Skipped while `manualKindOverride` is true so the consumer's tab\n     * choice sticks.\n     */\n    useEffect(() => {\n        if (manualKindOverride) return;\n        if (!activeKind) return;\n        const activeList = suggestionsByKind[activeKind] ?? [];\n        if (activeList.length > 0) return;\n        const first = kinds.find((k) => (suggestionsByKind[k]?.length ?? 0) > 0);\n        if (first && first !== activeKind) {\n            setActiveKindState(first);\n        }\n    }, [activeKind, kinds, manualKindOverride, suggestionsByKind]);\n\n    /**\n     * Set the active kind. **Does not** toggle `manualKindOverride` —\n     * the picker UI is responsible for calling\n     * `setManualKindOverride(true)` when the user explicitly clicks a\n     * tab so the auto-switch / auto-detect logic respects their choice.\n     */\n    const setActiveKind = useCallback((kind: TResource | null) => {\n        setActiveKindState(kind);\n    }, []);\n\n    const setQuery = useCallback((q: string) => {\n        setQueryState(q);\n    }, []);\n\n    const addMention = useCallback((mention: Mention<TResource>) => {\n        setMentionsState((prev) => {\n            if (prev.some((m) => m.id === mention.id)) return prev;\n            return [...prev, mention];\n        });\n    }, []);\n\n    const removeMention = useCallback((id: string) => {\n        setMentionsState((prev) => prev.filter((m) => m.id !== id));\n    }, []);\n\n    const setMentions = useCallback(\n        (next: ReadonlyArray<Mention<TResource>>) => {\n            setMentionsState([...next]);\n        },\n        [],\n    );\n\n    const reset = useCallback(() => {\n        setMentionsState([]);\n        setQueryState('');\n        setManualKindOverride(false);\n        requestIdRef.current++;\n    }, []);\n\n    const selectSuggestion = useCallback(\n        (suggestion: MentionSuggestion<TResource>) => {\n            const kind = (suggestion.kind ?? activeKind) as TResource;\n            const id = `${kind}:${suggestion.id}`;\n            const cfg = resources?.[kind];\n            const href = suggestion.href ?? cfg?.buildHref?.(suggestion);\n            const mention: Mention<TResource> = {\n                id,\n                kind,\n                label: suggestion.label,\n                href,\n                data: suggestion.data,\n            };\n            addMention(mention);\n            return mention;\n        },\n        [activeKind, addMention, resources],\n    );\n\n    const suggestions = useMemo<ReadonlyArray<MentionSuggestion<TResource>>>(\n        () => (activeKind ? suggestionsByKind[activeKind] ?? [] : []),\n        [activeKind, suggestionsByKind],\n    );\n\n    return {\n        kinds,\n        activeKind,\n        setActiveKind,\n        activeResource,\n        query,\n        setQuery,\n        suggestions,\n        suggestionsByKind,\n        isLoading,\n        mentions,\n        addMention,\n        removeMention,\n        setMentions,\n        reset,\n        selectSuggestion,\n        manualKindOverride,\n        setManualKindOverride,\n    };\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 `[data-ref-id]` selectors (see App.css `.ProseMirror\n * [data-ref-id]` rules) and the read-time renderer (`<MentionContent>`)\n * 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    mention: Mention<TKind>,\n    options?: { triggerChar?: string; tone?: MentionTone },\n): string {\n    const safeLabel = String(mention.label ?? '')\n        .replace(/&/g, '&amp;')\n        .replace(/</g, '&lt;')\n        .replace(/>/g, '&gt;');\n    const id = String(mention.id).replace(/\"/g, '&quot;');\n    const kind = String(mention.kind).replace(/\"/g, '&quot;');\n    const tone = options?.tone ? String(options.tone).replace(/\"/g, '&quot;') : '';\n    const trigger =\n        options?.triggerChar ?? (mention.kind === 'user' ? '@' : '');\n    const toneAttr = tone ? ` data-ref-tone=\"${tone}\"` : '';\n    return (\n        `<span class=\"rsc-mention\" data-ref-id=\"${id}\" data-ref-kind=\"${kind}\"${toneAttr} contenteditable=\"false\">` +\n        `${trigger}${safeLabel}` +\n        `</span>&nbsp;`\n    );\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    Mention,\n    MentionResource,\n    MentionSuggestion,\n    MentionsResourceSearch,\n} from '../mentions.types';\nimport { buildMentionHtml } from '../utils/build-mention-html';\nimport {\n    useMentionsSearch,\n    type UseMentionsSearchOptions,\n    type 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    getCaretContext(): { textBefore: string } | null;\n    insertHTML(html: string): void;\n    replaceBeforeCaret(length: number, html: string): void;\n    focus(): void;\n}\n\nexport interface UseMentionsOptions<TResource extends string = string>\n    extends UseMentionsSearchOptions<TResource> {\n    /** Ref to the editor surface the trigger detector reads from. */\n    editorRef?: RefObject<MentionEditorHandle | null>;\n}\n\nexport interface UseMentionsReturn<TResource extends string = string>\n    extends UseMentionsSearchReturn<TResource> {\n    pickerOpen: boolean;\n    setPickerOpen: (open: boolean) => void;\n    /** True while the picker is open from an inline `@`/`#` trigger. */\n    triggerActive: boolean;\n    /** Wire to the editor's `onCaretChange` to enable inline triggers. */\n    handleCaretChange: () => void;\n    /**\n     * Convert a suggestion into a Mention, register it, insert the chip\n     * into the editor (replacing the trigger range when one is active),\n     * and close the picker. Returns the Mention.\n     */\n    pickSuggestion: (\n        suggestion: MentionSuggestion<TResource>,\n    ) => Mention<TResource>;\n}\n\ninterface TriggerState {\n    kind: string;\n    triggerChar: string;\n    consumedLength: number;\n}\n\nexport function useMentions<TResource extends string = string>(\n    options: UseMentionsOptions<TResource> = {},\n): UseMentionsReturn<TResource> {\n    const resources = options.resources;\n    const onResourceSearch: MentionsResourceSearch<TResource> | undefined =\n        options.onResourceSearch;\n\n    const search = useMentionsSearch<TResource>({\n        ...options,\n        resources,\n        onResourceSearch,\n    });\n\n    const [pickerOpen, setPickerOpenState] = useState(false);\n    const [triggerActive, setTriggerActive] = useState(false);\n    const triggerStateRef = useRef<TriggerState | null>(null);\n    /** Tracks the trigger char from the most recent detection — lets us\n     *  set the initial active kind on a fresh trigger without overriding\n     *  the user's manual tab switch on every subsequent keystroke. */\n    const lastTriggerCharRef = useRef<string | null>(null);\n\n    const setPickerOpen = useCallback((open: boolean) => {\n        setPickerOpenState(open);\n        if (!open) {\n            triggerStateRef.current = null;\n            lastTriggerCharRef.current = null;\n            setTriggerActive(false);\n            search.setManualKindOverride(false);\n        }\n    }, [search]);\n\n    const editorRef = options.editorRef;\n\n    const handleCaretChange = useCallback(() => {\n        if (!resources) return;\n        const triggerMap: Record<string, string> = {};\n        for (const [kind, cfg] of Object.entries(resources)) {\n            const trig = (cfg as MentionResource | undefined)?.trigger;\n            if (typeof trig === 'string' && trig.length > 0) {\n                triggerMap[trig] = kind;\n            }\n        }\n        if (Object.keys(triggerMap).length === 0) return;\n\n        const ctx = editorRef?.current?.getCaretContext();\n        if (!ctx) {\n            if (triggerStateRef.current) {\n                triggerStateRef.current = null;\n                setPickerOpen(false);\n            }\n            return;\n        }\n        const triggers = Object.keys(triggerMap)\n            .map((c) => c.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&'))\n            .join('');\n        const re = new RegExp(`(?:^|\\\\s)([${triggers}])([\\\\p{L}\\\\p{N}_-]*)$`, 'u');\n        const match = ctx.textBefore.match(re);\n        if (!match) {\n            if (triggerStateRef.current) {\n                triggerStateRef.current = null;\n                setPickerOpen(false);\n            }\n            return;\n        }\n        const triggerChar = match[1];\n        const needle = match[2] ?? '';\n        const kind = triggerMap[triggerChar];\n        const consumedLength = triggerChar.length + needle.length;\n\n        triggerStateRef.current = { kind, triggerChar, consumedLength };\n        setTriggerActive(true);\n\n        // Only seed the initial active kind on a *fresh* trigger session.\n        // If the user has already picked a tab in the panel,\n        // `manualKindOverride` is true and we skip — their choice sticks\n        // even as they keep typing or deleting characters.\n        const isNewTriggerSession = lastTriggerCharRef.current !== triggerChar;\n        if (isNewTriggerSession) {\n            if (search.activeKind !== kind) {\n                search.setActiveKind(kind as TResource);\n            }\n            search.setManualKindOverride(false);\n            lastTriggerCharRef.current = triggerChar;\n        }\n\n        if (search.query !== needle) {\n            search.setQuery(needle);\n        }\n        setPickerOpenState(true);\n    }, [editorRef, resources, search, setPickerOpen]);\n\n    const pickSuggestion = useCallback(\n        (suggestion: MentionSuggestion<TResource>) => {\n            const mention = search.selectSuggestion(suggestion);\n            const trigger = triggerStateRef.current;\n            const tone = (resources?.[mention.kind] as MentionResource | undefined)?.tone;\n            const html = buildMentionHtml(mention, {\n                triggerChar: trigger?.triggerChar,\n                tone,\n            });\n\n            if (trigger && trigger.consumedLength > 0 && editorRef?.current) {\n                editorRef.current.replaceBeforeCaret(trigger.consumedLength, html);\n                triggerStateRef.current = null;\n            } else if (editorRef?.current) {\n                editorRef.current.insertHTML(html);\n            }\n            setPickerOpen(false);\n            return mention;\n        },\n        [editorRef, resources, search, setPickerOpen],\n    );\n\n    return {\n        ...search,\n        pickerOpen,\n        setPickerOpen,\n        triggerActive,\n        handleCaretChange,\n        pickSuggestion,\n    };\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 ComposedBadgeVariant } from '@/components/base/badge';\nimport { cn } from '@/lib/utils';\n\nimport type {\n    Mention,\n    MentionResource,\n    MentionTone,\n} from '../mentions.types';\n\nexport interface MentionChipProps {\n    mention: Mention;\n    resource?: MentionResource<string>;\n    /** Force-disable the chip's link (useful inside the composer draft list). */\n    asLink?: boolean;\n    onClick?: () => void;\n    /** Trailing slot — typically a remove button when shown in the composer. */\n    trailing?: ReactNode;\n    className?: 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, ComposedBadgeVariant> = {\n    primary: 'secondary', // calm primary — saturated `primary` overwhelms body copy\n    success: 'success',\n    warning: 'warning',\n    destructive: 'destructive',\n    info: 'info',\n    secondary: 'secondary',\n};\n\nexport const MentionChip: FC<MentionChipProps> = ({\n    mention,\n    resource,\n    asLink = true,\n    onClick,\n    trailing,\n    className,\n}) => {\n    if (resource?.renderChip) {\n        return <>{resource.renderChip(mention)}</>;\n    }\n\n    const tone = resource?.tone ?? 'secondary';\n    const variant = TONE_TO_VARIANT[tone] ?? TONE_TO_VARIANT.secondary;\n    const Icon = resource?.icon;\n\n    const inner = (\n        <Badge\n            variant={variant}\n            inline\n            data-ref-id={mention.id}\n            data-ref-kind={mention.kind}\n            className={cn(\n                /* Inline-flow tweaks: align to the surrounding text baseline\n                   instead of the line's mid-point, which causes wobble next\n                   to text. Keep the badge as `inline-flex` (from `inline`),\n                   add a subtle vertical offset via translate so the icon\n                   sits on the cap-height. */\n                'align-[-0.15em] cursor-default whitespace-nowrap',\n                className,\n            )}\n        >\n            {Icon ? <Icon className=\"size-3 shrink-0\" aria-hidden /> : null}\n            <span className=\"truncate max-w-[14rem]\">{mention.label}</span>\n            {trailing}\n        </Badge>\n    );\n\n    if (asLink && mention.href) {\n        return (\n            <a\n                href={mention.href}\n                target=\"_blank\"\n                rel=\"noreferrer noopener\"\n                onClick={onClick}\n                className=\"inline align-baseline no-underline hover:opacity-90\"\n            >\n                {inner}\n            </a>\n        );\n    }\n\n    if (onClick) {\n        return (\n            <span onClick={onClick} className=\"inline align-baseline\">\n                {inner}\n            </span>\n        );\n    }\n\n    return 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    | { kind: 'html'; value: string }\n    | { kind: 'mention'; refId: string; fallback: string };\n\nconst MENTION_RE =\n    /<(span|a)\\b([^>]*?)data-ref-id\\s*=\\s*\"([^\"]+)\"([^>]*)>([\\s\\S]*?)<\\/\\1>/gi;\n\nexport function splitHtmlByMentions(html: string): MentionHtmlSegment[] {\n    if (!html) return [];\n\n    const segments: MentionHtmlSegment[] = [];\n    let lastIndex = 0;\n    let match: RegExpExecArray | null;\n    MENTION_RE.lastIndex = 0;\n\n    while ((match = MENTION_RE.exec(html)) !== null) {\n        const [full, , , refId] = match;\n        const before = html.slice(lastIndex, match.index);\n        if (before.length > 0) {\n            segments.push({ kind: 'html', value: before });\n        }\n        segments.push({\n            kind: 'mention',\n            refId,\n            fallback: full,\n        });\n        lastIndex = match.index + full.length;\n    }\n\n    const tail = html.slice(lastIndex);\n    if (tail.length > 0) {\n        segments.push({ kind: 'html', value: tail });\n    }\n\n    return 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/event-log` — event 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 { FC, ReactNode } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nimport type {\n    Mention,\n    MentionResource,\n    MentionsConfig,\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    /** HTML body to render. */\n    html: string;\n    /** Mentions resolved on the data — keyed by `data-ref-id`. */\n    mentions?: ReadonlyArray<Mention<TResource>>;\n    /** Resource registry — pass at the call site. */\n    resources?: MentionsConfig<TResource>['resources'];\n    /** Custom per-mention renderer — overrides resource.renderChip. */\n    renderMention?: (mention: Mention<TResource>) => ReactNode;\n    /** Optional sanitizer applied to HTML before rendering. */\n    sanitizer?: (html: string) => string;\n    /** Outer wrapper class. Defaults to a tight prose surface. */\n    className?: string;\n    /**\n     * Set to `false` to skip the default prose wrapper — useful when\n     * embedding inside an existing typed surface (e.g. timeline rows).\n     */\n    prose?: boolean;\n}\n\nconst DEFAULT_PROSE_CLASS =\n    'prose prose-sm prose-p:my-0.5 prose-p:leading-relaxed prose-headings:my-1 prose-a:text-primary prose-a:no-underline hover:prose-a:underline prose-strong:font-semibold prose-ul:my-0.5 prose-ol:my-0.5 prose-li:my-0.5 max-w-none';\n\nexport function MentionContent<TResource extends string = string>(\n    props: MentionContentProps<TResource>,\n): ReactNode {\n    const {\n        html,\n        mentions,\n        resources: resourcesProp,\n        renderMention,\n        sanitizer,\n        className,\n        prose = true,\n    } = props;\n\n    const resources = resourcesProp;\n\n    const sanitized = sanitizer ? sanitizer(html ?? '') : (html ?? '');\n\n    const mentionsById = new Map<string, Mention<TResource>>();\n    for (const m of mentions ?? []) mentionsById.set(m.id, m);\n\n    const hasMentions = mentionsById.size > 0;\n    const segments = hasMentions\n        ? splitHtmlByMentions(sanitized)\n        : [{ kind: 'html' as const, value: sanitized }];\n\n    const renderRef = (mention: Mention<TResource>): ReactNode => {\n        if (renderMention) return renderMention(mention);\n        const resource = resources?.[mention.kind] as\n            | MentionResource<string>\n            | undefined;\n        return <MentionChip mention={mention} resource={resource} />;\n    };\n\n    const body = segments.map((segment, index) => {\n        if (segment.kind === 'mention') {\n            const mention = mentionsById.get(segment.refId);\n            if (!mention) {\n                return (\n                    <span\n                        key={`fallback-${index}`}\n                        dangerouslySetInnerHTML={{ __html: segment.fallback }}\n                    />\n                );\n            }\n            return (\n                <Fragment key={`ref-${index}-${segment.refId}`}>\n                    {renderRef(mention)}\n                </Fragment>\n            );\n        }\n        // Render the HTML segment directly. The lib's `Text asHTML` escapes\n        // via a strict sanitiser — bypass it for trusted editor output.\n        // Consumers must pass `sanitizer` for untrusted content.\n        return (\n            <span\n                key={`html-${index}`}\n                dangerouslySetInnerHTML={{ __html: segment.value }}\n            />\n        );\n    });\n\n    if (!prose) {\n        return <>{body}</>;\n    }\n\n    return (\n        <div className={cn(DEFAULT_PROSE_CLASS, className)}>{body}</div>\n    );\n}\n\n/** FC alias for callsites that prefer the `<MentionContent>` element form. */\nexport const MentionContentComponent: FC<MentionContentProps> = (props) => (\n    <MentionContent {...props} />\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\ttitle: string;\n\tsearchPlaceholder: string;\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\ttitle: string;\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    Command,\n    CommandEmpty,\n    CommandGroup,\n    CommandInput,\n    CommandItem,\n    CommandList,\n} from '@/components/base/command';\nimport { PopoverContent } from '@/components/base/popover';\nimport { Text } from '@/components/typography';\nimport { useStrings, type StringsProp } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n    defaultMentionPickerStrings,\n    type MentionPickerStrings,\n} from '../mentions.strings';\nimport type {\n    MentionResource,\n    MentionSuggestion,\n} from '../mentions.types';\n\nexport type { MentionPickerStrings };\n\nexport interface MentionPickerProps<TResource extends string = string> {\n    open: boolean;\n    activeKind: TResource | null;\n    setActiveKind: (kind: TResource | null) => void;\n    kinds: ReadonlyArray<TResource>;\n    resources?: Partial<Record<TResource, MentionResource<TResource>>>;\n    query: string;\n    setQuery: (query: string) => void;\n    suggestions: ReadonlyArray<MentionSuggestion<TResource>>;\n    isLoading: boolean;\n    onSelect: (suggestion: MentionSuggestion<TResource>) => void;\n    strings?: StringsProp<MentionPickerStrings>;\n    className?: string;\n}\n\nexport function MentionPicker<TResource extends string = string>({\n    open,\n    activeKind,\n    setActiveKind,\n    kinds,\n    resources,\n    query,\n    setQuery,\n    suggestions,\n    isLoading,\n    onSelect,\n    strings: stringsProp,\n    className,\n}: MentionPickerProps<TResource>) {\n    const strings = useStrings(defaultMentionPickerStrings, stringsProp);\n    if (!open) return null;\n\n    return (\n        <PopoverContent\n            align=\"start\"\n            className={cn('w-72 overflow-hidden p-0', className)}\n        >\n            <div className=\"border-b border-border/60 px-3 py-2\">\n                <Text\n                    size=\"xxs\"\n                    type=\"secondary\"\n                    weight=\"medium\"\n                    className=\"uppercase tracking-wide\"\n                >\n                    {strings.title}\n                </Text>\n                {kinds.length > 1 && (\n                    <div className=\"mt-2 flex flex-wrap gap-1\">\n                        {kinds.map((kind) => {\n                            const cfg = resources?.[kind];\n                            const Icon = cfg?.icon;\n                            const active = kind === activeKind;\n                            return (\n                                <button\n                                    key={kind}\n                                    type=\"button\"\n                                    onClick={() => setActiveKind(kind)}\n                                    className={cn(\n                                        'inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-xxs font-medium ring-1 ring-inset transition-colors',\n                                        active\n                                            ? 'bg-primary text-primary-foreground ring-primary'\n                                            : 'bg-muted text-muted-foreground ring-border/60 hover:bg-muted/80',\n                                    )}\n                                >\n                                    {Icon ? <Icon className=\"size-3\" /> : null}\n                                    <span>{cfg?.label ?? String(kind)}</span>\n                                </button>\n                            );\n                        })}\n                    </div>\n                )}\n            </div>\n\n            <Command shouldFilter={false}>\n                <CommandInput\n                    placeholder={strings.searchPlaceholder}\n                    value={query}\n                    onValueChange={setQuery}\n                />\n                <CommandList>\n                    {isLoading ? (\n                        <div className=\"text-muted-foreground flex items-center justify-center gap-2 py-3\">\n                            <Loader2 className=\"size-3.5 animate-spin\" aria-hidden />\n                            <Text tag=\"span\" size=\"xs\" type=\"secondary\">\n                                {strings.loading}\n                            </Text>\n                        </div>\n                    ) : null}\n                    <CommandEmpty>{strings.empty}</CommandEmpty>\n                    <CommandGroup>\n                        {suggestions.map((suggestion) => {\n                            const kind = suggestion.kind ?? activeKind ?? '';\n                            return (\n                                <CommandItem\n                                    key={`${kind}:${suggestion.id}`}\n                                    value={`${kind}:${suggestion.id}`}\n                                    onSelect={() => onSelect(suggestion)}\n                                >\n                                    <div className=\"flex min-w-0 flex-1 flex-col leading-tight\">\n                                        <Text tag=\"span\" size=\"xs\" weight=\"medium\" className=\"truncate\">\n                                            {suggestion.label}\n                                        </Text>\n                                        {suggestion.description ? (\n                                            <Text\n                                                tag=\"span\"\n                                                size=\"xxs\"\n                                                type=\"secondary\"\n                                                className=\"mt-0.5 truncate\"\n                                            >\n                                                {suggestion.description}\n                                            </Text>\n                                        ) : null}\n                                    </div>\n                                </CommandItem>\n                            );\n                        })}\n                    </CommandGroup>\n                </CommandList>\n            </Command>\n        </PopoverContent>\n    );\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 { Text } from '@/components/typography';\nimport { useStrings, type StringsProp } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n    defaultMentionInlineSuggestionsStrings,\n    type MentionInlineSuggestionsStrings,\n} from '../mentions.strings';\nimport type {\n    MentionResource,\n    MentionSuggestion,\n} from '../mentions.types';\n\nexport type { MentionInlineSuggestionsStrings };\n\nexport interface MentionInlineSuggestionsProps<TResource extends string = string> {\n    open: boolean;\n    activeKind: TResource | null;\n    setActiveKind: (kind: TResource | null) => void;\n    kinds: ReadonlyArray<TResource>;\n    resources?: Partial<Record<TResource, MentionResource<TResource>>>;\n    /** Per-kind suggestion buckets — used to render result counts on tabs. */\n    suggestionsByKind?: Readonly<Record<string, ReadonlyArray<MentionSuggestion<TResource>>>>;\n    suggestions: ReadonlyArray<MentionSuggestion<TResource>>;\n    isLoading: boolean;\n    /** Live query the panel echoes in the header; the consumer owns the editor input. */\n    query?: string;\n    /**\n     * Notifies the consumer that the user manually picked a tab, so it\n     * can flip the `manualKindOverride` flag on `useMentionsSearch`.\n     */\n    onManualKindChange?: () => void;\n    onSelect: (suggestion: MentionSuggestion<TResource>) => void;\n    strings?: StringsProp<MentionInlineSuggestionsStrings>;\n    className?: string;\n}\n\nexport function MentionInlineSuggestions<TResource extends string = string>({\n    open,\n    activeKind,\n    setActiveKind,\n    kinds,\n    resources,\n    suggestionsByKind,\n    suggestions,\n    isLoading,\n    query,\n    onManualKindChange,\n    onSelect,\n    strings: stringsProp,\n    className,\n}: MentionInlineSuggestionsProps<TResource>) {\n    const strings = useStrings(defaultMentionInlineSuggestionsStrings, stringsProp);\n    if (!open) return null;\n\n    return (\n        <div\n            // `mousedown.preventDefault` keeps focus in the editor when\n            // the user clicks inside the panel — clicks still bubble to\n            // the underlying button so selection works normally.\n            onMouseDown={(e) => e.preventDefault()}\n            className={cn(\n                'bg-popover text-popover-foreground absolute left-0 top-full z-40 mt-1 w-80 max-w-[min(theme(spacing.96),100%)]',\n                'border-border/60 rounded-md border shadow-md ring-1 ring-foreground/[0.04]',\n                'overflow-hidden',\n                className,\n            )}\n            role=\"listbox\"\n        >\n            <div className=\"border-b border-border/60 px-3 py-2\">\n                <div className=\"flex items-baseline justify-between gap-2\">\n                    <Text\n                        size=\"xxs\"\n                        type=\"secondary\"\n                        weight=\"medium\"\n                        className=\"uppercase tracking-wide\"\n                    >\n                        {strings.title}\n                    </Text>\n                    {query ? (\n                        <Text\n                            tag=\"span\"\n                            size=\"xxs\"\n                            type=\"secondary\"\n                            className=\"truncate font-mono\"\n                        >\n                            “{query}”\n                        </Text>\n                    ) : null}\n                </div>\n                {kinds.length > 1 && (\n                    <div className=\"mt-2 flex flex-wrap gap-1\">\n                        {kinds.map((kind) => {\n                            const cfg = resources?.[kind];\n                            const Icon = cfg?.icon;\n                            const active = kind === activeKind;\n                            const count = suggestionsByKind?.[kind as string]?.length ?? 0;\n                            return (\n                                <button\n                                    key={kind}\n                                    type=\"button\"\n                                    onClick={() => {\n                                        setActiveKind(kind);\n                                        onManualKindChange?.();\n                                    }}\n                                    className={cn(\n                                        'inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-xxs font-medium ring-1 ring-inset transition-colors',\n                                        active\n                                            ? 'bg-primary text-primary-foreground ring-primary'\n                                            : count > 0\n                                              ? 'bg-muted text-foreground ring-border/60 hover:bg-muted/80'\n                                              : 'bg-muted/40 text-muted-foreground ring-border/40 hover:bg-muted/60',\n                                    )}\n                                >\n                                    {Icon ? <Icon className=\"size-3\" /> : null}\n                                    <span>{cfg?.label ?? String(kind)}</span>\n                                    {count > 0 && (\n                                        <span\n                                            className={cn(\n                                                'tabular-nums',\n                                                active ? 'opacity-90' : 'opacity-70',\n                                            )}\n                                        >\n                                            {count}\n                                        </span>\n                                    )}\n                                </button>\n                            );\n                        })}\n                    </div>\n                )}\n            </div>\n\n            <div className=\"max-h-72 overflow-y-auto py-1\">\n                {isLoading ? (\n                    <div className=\"text-muted-foreground flex items-center justify-center gap-2 py-3\">\n                        <Loader2 className=\"size-3.5 animate-spin\" aria-hidden />\n                        <Text tag=\"span\" size=\"xs\" type=\"secondary\">\n                            {strings.loading}\n                        </Text>\n                    </div>\n                ) : null}\n\n                {!isLoading && suggestions.length === 0 ? (\n                    <div className=\"px-3 py-3\">\n                        <Text size=\"xs\" type=\"secondary\">\n                            {strings.empty}\n                        </Text>\n                    </div>\n                ) : null}\n\n                {suggestions.map((suggestion) => {\n                    const kind = suggestion.kind ?? activeKind ?? '';\n                    return (\n                        <button\n                            key={`${kind}:${suggestion.id}`}\n                            type=\"button\"\n                            role=\"option\"\n                            data-ref-id={`${kind}:${suggestion.id}`}\n                            onClick={() => onSelect(suggestion)}\n                            className={cn(\n                                'flex w-full min-w-0 items-start gap-2 px-3 py-1.5 text-left',\n                                'hover:bg-muted/60 focus-visible:bg-muted/60 transition-colors',\n                            )}\n                        >\n                            <div className=\"flex min-w-0 flex-1 flex-col leading-tight\">\n                                <Text\n                                    tag=\"span\"\n                                    size=\"xs\"\n                                    weight=\"medium\"\n                                    className=\"truncate\"\n                                >\n                                    {suggestion.label}\n                                </Text>\n                                {suggestion.description ? (\n                                    <Text\n                                        tag=\"span\"\n                                        size=\"xxs\"\n                                        type=\"secondary\"\n                                        className=\"mt-0.5 truncate\"\n                                    >\n                                        {suggestion.description}\n                                    </Text>\n                                ) : null}\n                            </div>\n                        </button>\n                    );\n                })}\n            </div>\n        </div>\n    );\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    /<(?: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    html: string,\n): Array<Mention<TKind>> {\n    const out: Mention<TKind>[] = [];\n    if (!html) return out;\n\n    const seen = new Set<string>();\n    let match: RegExpExecArray | null;\n    REF_RE.lastIndex = 0;\n\n    while ((match = REF_RE.exec(html)) !== null) {\n        const [tagText, id, inner] = match;\n        if (seen.has(id)) continue;\n        seen.add(id);\n\n        const kindMatch = tagText.match(KIND_ATTR_RE);\n        const kind = (kindMatch?.[1] ?? id.split(':')[0] ?? '') as TKind;\n        const label = (inner ?? '')\n            .replace(/<[^>]*>/g, '')\n            .replace(/&nbsp;/g, ' ')\n            .replace(/^[@#$&%!~]\\s*/, '')\n            .trim();\n\n        out.push({ id, kind, label });\n    }\n\n    return out;\n}\n"],"mappings":"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"}

package/dist/_shared/metadata-CRsVWE8Y.cjs

@@ -0,0 +1,2 @@
+const e=require(`./chunk-D3uCBrYO.cjs`),t=require(`../lib/strings.cjs`),n=require(`../lib/utils.cjs`),r=require(`./text-DBnY6fcL.cjs`),i=require(`./heading-mZc_jan1.cjs`),a=require(`./button-D0nF99a9.cjs`),o=require(`./tooltip-DyUi-Tac.cjs`),s=require(`./separator-CN9zAJfs.cjs`);let c=require(`react`);c=e.t(c,1);let l=require(`react/jsx-runtime`),u=require(`lucide-react`);var d={formatInfoAriaLabel:e=>`${e} info`,infoFallback:`Info`},f={1:`grid-cols-1`,2:`grid-cols-1 sm:grid-cols-2`,3:`grid-cols-1 sm:grid-cols-2 lg:grid-cols-3`,4:`grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4`},p={start:`justify-start`,end:`justify-end`,center:`justify-center`,between:`justify-between`,around:`justify-around`,evenly:`justify-evenly`},m={start:`items-start`,center:`items-center`,end:`items-end`,baseline:`items-baseline`},h=(e,t)=>e.id?e.id:`metadata-${typeof e.label==`string`?e.label:`${t}`}-${t}`;function g({items:e,columns:g=2,dense:_=!1,emptyLabel:v=`—`,title:y,titleSeparator:b=!1,className:x,gapClassName:S,labelClassName:C,valueClassName:w,descriptionClassName:T,layout:E=`vertical`,justify:D=`start`,align:O=`center`,separator:k=`: `,itemSeparator:A=!1,wrap:j=!0,strings:M}){let N=t.useStrings(d,M),P=c.default.useMemo(()=>e.filter(Boolean),[e]);if(c.default.useEffect(()=>{},[E,P]),P.length===0)return null;let F=f[g]??f[2],I=S??(_?`gap-4`:`gap-6`),L=_?`text-xxs`:`text-xs`,R=`text-sm`,z=y!=null,B=z&&b;if(E===`horizontal`){let e=p[D]??p.start,t=m[O]??m.center,d=typeof A==`string`?A:A?` | `:``,f=_?`gap-2`:`gap-3`,g=j?`flex-wrap`:`flex-nowrap`;return(0,l.jsxs)(`div`,{className:n.cn(`metadata-list--component`,`metadata-list-container space-y-3`,x),children:[!!z&&(0,l.jsx)(i.t,{tag:`h6`,className:`font-medium text-muted-foreground uppercase tracking-wide`,children:y}),!!B&&(0,l.jsx)(s.t,{className:`my-3`}),(0,l.jsx)(`div`,{className:n.cn(`flex`,g,e,t,f),children:P.map((e,t)=>{let i=h(e,t),s=e.emptyLabel??v,f=e.value??s,p=e.icon,m=e.tooltip!==null&&e.tooltip!==void 0,g=typeof e.render==`function`,y=d&&t<P.length-1;return(0,l.jsxs)(c.default.Fragment,{children:[(0,l.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[!!p&&(0,l.jsx)(p,{className:n.cn(`flex-shrink-0`,_?`h-3 w-3`:`h-3.5 w-3.5`,`text-muted-foreground`)}),(0,l.jsx)(r.t,{size:`xs`,type:`secondary`,className:n.cn(`metadata--field tracking-wide whitespace-nowrap`,L,C),children:e.label}),!!m&&(0,l.jsxs)(o.t,{children:[(0,l.jsx)(o.i,{render:t=>(0,l.jsx)(a.t,{...t,type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,className:n.cn(`inline-flex items-center`,t.className),"aria-label":typeof e.label==`string`?N.formatInfoAriaLabel(e.label):N.infoFallback,children:(0,l.jsx)(u.Info,{className:`h-3 w-3 text-muted-foreground cursor-help flex-shrink-0`})})}),(0,l.jsx)(o.n,{side:`top`,align:`start`,className:`max-w-xs`,children:(0,l.jsx)(r.t,{type:`inverse`,size:`xs`,children:e.tooltip})})]}),(0,l.jsx)(r.t,{size:`xs`,type:`secondary`,children:k}),g?e.render?.(e):(0,l.jsx)(r.t,{weight:`medium`,className:n.cn(R,w),children:f})]}),!!y&&(0,l.jsx)(r.t,{size:`xs`,type:`secondary`,children:d})]},i)})})]})}if(E===`rows`){let e=_?`py-1.5`:`py-2.5`;return(0,l.jsxs)(`div`,{className:n.cn(`metadata-list-container`,x),children:[!!z&&(0,l.jsx)(i.t,{tag:`h6`,className:`font-medium text-muted-foreground uppercase tracking-wide mb-2`,children:y}),!!B&&(0,l.jsx)(s.t,{className:`mb-2`}),(0,l.jsx)(`dl`,{className:`divide-y divide-border/50`,children:P.map((t,i)=>{let s=h(t,i),c=t.emptyLabel??v,d=t.value??c,f=t.icon,p=t.tooltip!==null&&t.tooltip!==void 0,m=typeof t.render==`function`;return(0,l.jsxs)(`div`,{className:n.cn(`grid items-baseline gap-x-4 gap-y-1 grid-cols-[minmax(120px,1fr)_2fr]`,e),children:[(0,l.jsxs)(`dt`,{className:`flex items-center gap-1.5 min-w-0`,children:[!!f&&(0,l.jsx)(f,{className:n.cn(`flex-shrink-0 text-muted-foreground`,_?`h-3 w-3`:`h-3.5 w-3.5`)}),(0,l.jsx)(r.t,{type:`secondary`,className:n.cn(`truncate`,C),children:t.label}),!!p&&(0,l.jsxs)(o.t,{children:[(0,l.jsx)(o.i,{render:e=>(0,l.jsx)(a.t,{...e,type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,className:n.cn(`inline-flex items-center`,e.className),"aria-label":typeof t.label==`string`?N.formatInfoAriaLabel(t.label):N.infoFallback,children:(0,l.jsx)(u.Info,{className:`h-3 w-3 text-muted-foreground cursor-help flex-shrink-0`})})}),(0,l.jsx)(o.n,{side:`top`,align:`start`,className:`max-w-xs`,children:(0,l.jsx)(r.t,{type:`inverse`,size:`xs`,children:t.tooltip})})]})]}),(0,l.jsxs)(`dd`,{className:`min-w-0`,children:[m?t.render?.(t):(0,l.jsx)(r.t,{weight:`medium`,className:n.cn(`break-words`,w),children:d}),!!t.description&&(0,l.jsx)(r.t,{size:`xs`,type:`secondary`,className:n.cn(`mt-0.5`,T),children:t.description})]})]},s)})})]})}return(0,l.jsxs)(`div`,{className:n.cn(`metadata-list-container space-y-3`,x),children:[!!z&&(0,l.jsx)(i.t,{tag:`h6`,className:`font-medium text-muted-foreground uppercase tracking-wide`,children:y}),!!B&&(0,l.jsx)(s.t,{className:`my-3`}),(0,l.jsx)(`div`,{className:n.cn(`grid`,F,I),children:P.map((e,t)=>{let i=h(e,t),s=e.emptyLabel??v,c=e.value??s,d=e.icon,f=e.tooltip!==null&&e.tooltip!==void 0,p=typeof e.render==`function`;return(0,l.jsxs)(`div`,{className:`space-y-1`,children:[(0,l.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[!!d&&(0,l.jsx)(d,{className:n.cn(`flex-shrink-0`,_?`h-3 w-3`:`h-3.5 w-3.5`,`text-muted-foreground`)}),(0,l.jsx)(r.t,{size:`xs`,type:`secondary`,className:n.cn(` tracking-wide`,L,C),children:e.label}),!!f&&(0,l.jsxs)(o.t,{children:[(0,l.jsx)(o.i,{render:t=>(0,l.jsx)(a.t,{...t,type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,className:n.cn(`inline-flex items-center`,t.className),"aria-label":typeof e.label==`string`?N.formatInfoAriaLabel(e.label):N.infoFallback,children:(0,l.jsx)(u.Info,{className:`h-3 w-3 text-muted-foreground cursor-help flex-shrink-0`})})}),(0,l.jsx)(o.n,{side:`top`,align:`start`,className:`max-w-xs`,children:(0,l.jsx)(r.t,{type:`inverse`,size:`xs`,children:e.tooltip})})]})]}),p?e.render?.(e):(0,l.jsx)(r.t,{weight:`medium`,className:n.cn(R,w),children:c}),!!e.description&&(0,l.jsx)(r.t,{size:`xs`,type:`secondary`,className:n.cn(T),children:e.description})]},i)})})]})}g.displayName=`MetadataList`,Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return g}});
+//# sourceMappingURL=metadata-CRsVWE8Y.cjs.map

package/dist/_shared/metadata-CRsVWE8Y.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"metadata-CRsVWE8Y.cjs","names":[],"sources":["../../src/components/base/display/metadata/metadata-list.strings.ts","../../src/components/base/display/metadata/metadata-list.tsx"],"sourcesContent":["/**\n * Default user-facing strings for `<MetadataList>`.\n *\n * Consumers wire backend i18n at the call site:\n *\n *   <MetadataList strings={{ infoFallback: t('metadata.info') }} … />\n */\n\nexport interface MetadataListStrings {\n\t/**\n\t * Suffix appended to the label when generating the tooltip-trigger\n\t * `aria-label` (\"<label> info\"). Receives the label as the first arg\n\t * so consumers can localise the full template.\n\t */\n\tformatInfoAriaLabel: (label: string) => string;\n\t/** Fallback `aria-label` used when the field label is not a plain string. */\n\tinfoFallback: string;\n}\n\nexport const defaultMetadataListStrings: MetadataListStrings = {\n\tformatInfoAriaLabel: (label) => `${label} info`,\n\tinfoFallback: 'Info',\n};\n","/**\n * MetadataList — flexible label/value list for entity metadata.\n *\n * Two layouts:\n *  - `vertical` (default): grid of label-on-top, value-below cells, ideal for\n *    entity detail screens. Honours `columns` (1–4) and `dense` mode.\n *  - `horizontal`: inline label/separator/value pairs that wrap, suitable for\n *    pill-style summaries (e.g. \"Created Jan 4 · By Alice · v3.2\").\n *\n * Each item supports an optional icon, tooltip, custom `render`, and\n * per-item `emptyLabel`. Falls back to the shared `EMPTY` when both are\n * missing. Returns `null` when the list is empty so callers can render\n * unconditionally.\n */\nimport { Info, type LucideIcon } from 'lucide-react';\nimport React from 'react';\n\nimport { Button } from '@/components/base/buttons';\nimport { Separator } from '@/components/base/display/separator';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/components/base/display/tooltip';\nimport Heading from '@/components/typography/heading';\nimport Text from '@/components/typography/text';\nimport { EMPTY } from '@/lib/format';\nimport { useStrings, type StringsProp } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n\tdefaultMetadataListStrings,\n\ttype MetadataListStrings,\n} from './metadata-list.strings';\n\nexport type { MetadataListStrings };\nexport { defaultMetadataListStrings };\n\nexport type MetadataListItem = {\n\tid?: string;\n\tlabel: React.ReactNode;\n\tvalue?: React.ReactNode | null;\n\tdescription?: React.ReactNode | null;\n\ttooltip?: React.ReactNode;\n\ticon?: LucideIcon;\n\temptyLabel?: React.ReactNode;\n\trender?: (item: MetadataListItem) => React.ReactNode;\n};\n\nexport type MetadataListProps = {\n\titems: MetadataListItem[];\n\tcolumns?: 1 | 2 | 3 | 4;\n\tdense?: boolean;\n\temptyLabel?: React.ReactNode;\n\ttitle?: React.ReactNode;\n\ttitleSeparator?: boolean;\n\tclassName?: string;\n\tgapClassName?: string;\n\tlabelClassName?: string;\n\tvalueClassName?: string;\n\tdescriptionClassName?: string;\n\tlayout?: 'vertical' | 'horizontal' | 'rows';\n\tjustify?: 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly';\n\talign?: 'start' | 'center' | 'end' | 'baseline';\n\tseparator?: string;\n\titemSeparator?: boolean | string;\n\twrap?: boolean;\n\t/** Per-instance string overrides (deep-merged over `defaultMetadataListStrings`). */\n\tstrings?: StringsProp<MetadataListStrings>;\n};\n\nconst columnClassMap: Record<NonNullable<MetadataListProps['columns']>, string> = {\n\t1: 'grid-cols-1',\n\t2: 'grid-cols-1 sm:grid-cols-2',\n\t3: 'grid-cols-1 sm:grid-cols-2 lg:grid-cols-3',\n\t4: 'grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4',\n};\n\nconst justifyClassMap: Record<NonNullable<MetadataListProps['justify']>, string> = {\n\tstart: 'justify-start',\n\tend: 'justify-end',\n\tcenter: 'justify-center',\n\tbetween: 'justify-between',\n\taround: 'justify-around',\n\tevenly: 'justify-evenly',\n};\n\nconst alignClassMap: Record<NonNullable<MetadataListProps['align']>, string> = {\n\tstart: 'items-start',\n\tcenter: 'items-center',\n\tend: 'items-end',\n\tbaseline: 'items-baseline',\n};\n\nconst resolveKey = (item: MetadataListItem, index: number): string => {\n\tif (item.id) {\n\t\treturn item.id;\n\t}\n\n\tconst rawLabel = typeof item.label === 'string' ? item.label : `${index}`;\n\treturn `metadata-${rawLabel}-${index}`;\n};\n\nexport function MetadataList({\n\titems,\n\tcolumns = 2,\n\tdense = false,\n\temptyLabel = EMPTY,\n\ttitle,\n\ttitleSeparator = false,\n\tclassName,\n\tgapClassName,\n\tlabelClassName,\n\tvalueClassName,\n\tdescriptionClassName,\n\tlayout = 'vertical',\n\tjustify = 'start',\n\talign = 'center',\n\tseparator = ': ',\n\titemSeparator = false,\n\twrap = true,\n\tstrings: stringsProp,\n}: MetadataListProps) {\n\tconst strings = useStrings(defaultMetadataListStrings, stringsProp);\n\tconst list = React.useMemo(() => items.filter(Boolean), [items]);\n\n\tReact.useEffect(() => {\n\t\tif (!import.meta.env.DEV) return;\n\t\tif (layout !== 'horizontal') return;\n\n\t\tconst itemsWithDescriptions = list.filter((item) => Boolean(item.description));\n\t\tif (itemsWithDescriptions.length > 0) {\n\t\t\tconsole.warn(\n\t\t\t\t'[MetadataList] Horizontal layout does not support descriptions. Items with descriptions will not display them.',\n\t\t\t\titemsWithDescriptions,\n\t\t\t);\n\t\t}\n\t}, [layout, list]);\n\n\tif (list.length === 0) {\n\t\treturn null;\n\t}\n\n\tconst gridClass = columnClassMap[columns] ?? columnClassMap[2];\n\tconst gapClass = gapClassName ?? (dense ? 'gap-4' : 'gap-6');\n\tconst labelBase = dense ? 'text-xxs' : 'text-xs';\n\tconst valueBase = 'text-sm';\n\tconst hasTitle = title !== null && title !== undefined;\n\tconst shouldShowSeparator = hasTitle && titleSeparator;\n\n\tif (layout === 'horizontal') {\n\t\tconst justifyClass = justifyClassMap[justify] ?? justifyClassMap.start;\n\t\tconst alignClass = alignClassMap[align] ?? alignClassMap.center;\n\t\tconst itemSeparatorText =\n\t\t\ttypeof itemSeparator === 'string'\n\t\t\t\t? itemSeparator\n\t\t\t\t: itemSeparator\n\t\t\t\t\t? ' | '\n\t\t\t\t\t: '';\n\t\tconst horizontalGapClass = dense ? 'gap-2' : 'gap-3';\n\t\tconst wrapClass = wrap ? 'flex-wrap' : 'flex-nowrap';\n\n\t\treturn (\n\t\t\t<div className={cn('metadata-list--component', 'metadata-list-container space-y-3', className)}>\n\t\t\t\t{!!hasTitle && (\n\t\t\t\t\t<Heading\n\t\t\t\t\t\ttag=\"h6\"\n\t\t\t\t\t\tclassName=\"font-medium text-muted-foreground uppercase tracking-wide\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{title}\n\t\t\t\t\t</Heading>\n\t\t\t\t)}\n\n\t\t\t\t{!!shouldShowSeparator && <Separator className=\"my-3\" />}\n\n\t\t\t\t<div className={cn('flex', wrapClass, justifyClass, alignClass, horizontalGapClass)}>\n\t\t\t\t\t{list.map((item, index) => {\n\t\t\t\t\t\tconst key = resolveKey(item, index);\n\t\t\t\t\t\tconst effectiveEmptyLabel = item.emptyLabel ?? emptyLabel;\n\t\t\t\t\t\tconst value = item.value ?? effectiveEmptyLabel;\n\t\t\t\t\t\tconst Icon = item.icon;\n\t\t\t\t\t\tconst hasTooltip = item.tooltip !== null && item.tooltip !== undefined;\n\t\t\t\t\t\tconst hasCustomRender = typeof item.render === 'function';\n\t\t\t\t\t\tconst showItemSeparator = itemSeparatorText && index < list.length - 1;\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<React.Fragment key={key}>\n\t\t\t\t\t\t\t\t<div className=\"flex items-center gap-1.5\">\n\t\t\t\t\t\t\t\t\t{!!Icon && (\n\t\t\t\t\t\t\t\t\t\t<Icon\n\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'flex-shrink-0',\n\t\t\t\t\t\t\t\t\t\t\t\tdense ? 'h-3 w-3' : 'h-3.5 w-3.5',\n\t\t\t\t\t\t\t\t\t\t\t\t'text-muted-foreground',\n\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\t)}\n\n\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t'metadata--field tracking-wide whitespace-nowrap',\n\t\t\t\t\t\t\t\t\t\t\tlabelBase,\n\t\t\t\t\t\t\t\t\t\t\tlabelClassName,\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{item.label}\n\t\t\t\t\t\t\t\t\t</Text>\n\n\t\t\t\t\t\t\t\t\t{!!hasTooltip && (\n\t\t\t\t\t\t\t\t\t\t<Tooltip>\n\t\t\t\t\t\t\t\t\t\t\t<TooltipTrigger\n\t\t\t\t\t\t\t\t\t\t\t\trender={(triggerProps) => (\n\t\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\t{...triggerProps}\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\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"icon-xs\"\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'inline-flex items-center',\n\t\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(triggerProps as { className?: string }).className,\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\taria-label={typeof item.label === 'string' ? strings.formatInfoAriaLabel(item.label) : strings.infoFallback}\n\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<Info className=\"h-3 w-3 text-muted-foreground cursor-help flex-shrink-0\" />\n\t\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)}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t<TooltipContent\n\t\t\t\t\t\t\t\t\t\t\t\tside=\"top\"\n\t\t\t\t\t\t\t\t\t\t\t\talign=\"start\"\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"max-w-xs\"\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<Text type=\"inverse\" size=\"xs\">{item.tooltip}</Text>\n\t\t\t\t\t\t\t\t\t\t\t</TooltipContent>\n\t\t\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{separator}\n\t\t\t\t\t\t\t\t\t</Text>\n\n\t\t\t\t\t\t\t\t\t{hasCustomRender ? (\n\t\t\t\t\t\t\t\t\t\titem.render?.(item)\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\t\tweight=\"medium\"\n\t\t\t\t\t\t\t\t\t\t\tclassName={cn(valueBase, valueClassName)}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{value}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t{!!showItemSeparator && (\n\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{itemSeparatorText}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</React.Fragment>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n\n\tif (layout === 'rows') {\n\t\tconst rowPaddingY = dense ? 'py-1.5' : 'py-2.5';\n\t\treturn (\n\t\t\t<div className={cn('metadata-list-container', className)}>\n\t\t\t\t{!!hasTitle && (\n\t\t\t\t\t<Heading\n\t\t\t\t\t\ttag=\"h6\"\n\t\t\t\t\t\tclassName=\"font-medium text-muted-foreground uppercase tracking-wide mb-2\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{title}\n\t\t\t\t\t</Heading>\n\t\t\t\t)}\n\t\t\t\t{!!shouldShowSeparator && <Separator className=\"mb-2\" />}\n\t\t\t\t<dl className=\"divide-y divide-border/50\">\n\t\t\t\t\t{list.map((item, index) => {\n\t\t\t\t\t\tconst key = resolveKey(item, index);\n\t\t\t\t\t\tconst effectiveEmptyLabel = item.emptyLabel ?? emptyLabel;\n\t\t\t\t\t\tconst value = item.value ?? effectiveEmptyLabel;\n\t\t\t\t\t\tconst Icon = item.icon;\n\t\t\t\t\t\tconst hasTooltip = item.tooltip !== null && item.tooltip !== undefined;\n\t\t\t\t\t\tconst hasCustomRender = typeof item.render === 'function';\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tkey={key}\n\t\t\t\t\t\t\t\tclassName={cn('grid items-baseline gap-x-4 gap-y-1 grid-cols-[minmax(120px,1fr)_2fr]', rowPaddingY)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<dt className=\"flex items-center gap-1.5 min-w-0\">\n\t\t\t\t\t\t\t\t\t{!!Icon && (\n\t\t\t\t\t\t\t\t\t\t<Icon className={cn('flex-shrink-0 text-muted-foreground', dense ? 'h-3 w-3' : 'h-3.5 w-3.5')} />\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t<Text type=\"secondary\" className={cn('truncate', labelClassName)}>\n\t\t\t\t\t\t\t\t\t\t{item.label}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t{!!hasTooltip && (\n\t\t\t\t\t\t\t\t\t\t<Tooltip>\n\t\t\t\t\t\t\t\t\t\t\t<TooltipTrigger\n\t\t\t\t\t\t\t\t\t\t\t\trender={(triggerProps) => (\n\t\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\t{...triggerProps}\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\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"icon-xs\"\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\tclassName={cn('inline-flex items-center', (triggerProps as { className?: string }).className)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label={typeof item.label === 'string' ? strings.formatInfoAriaLabel(item.label) : strings.infoFallback}\n\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<Info className=\"h-3 w-3 text-muted-foreground cursor-help flex-shrink-0\" />\n\t\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)}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t<TooltipContent side=\"top\" align=\"start\" className=\"max-w-xs\">\n\t\t\t\t\t\t\t\t\t\t\t\t<Text type=\"inverse\" size=\"xs\">{item.tooltip}</Text>\n\t\t\t\t\t\t\t\t\t\t\t</TooltipContent>\n\t\t\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</dt>\n\t\t\t\t\t\t\t\t<dd className=\"min-w-0\">\n\t\t\t\t\t\t\t\t\t{hasCustomRender ? (\n\t\t\t\t\t\t\t\t\t\titem.render?.(item)\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t<Text weight=\"medium\" className={cn('break-words', valueClassName)}>\n\t\t\t\t\t\t\t\t\t\t\t{value}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{!!item.description && (\n\t\t\t\t\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" className={cn('mt-0.5', descriptionClassName)}>\n\t\t\t\t\t\t\t\t\t\t\t{item.description}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</dl>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div className={cn('metadata-list-container space-y-3', className)}>\n\t\t\t{!!hasTitle && (\n\t\t\t\t<Heading\n\t\t\t\t\ttag=\"h6\"\n\t\t\t\t\tclassName=\"font-medium text-muted-foreground uppercase tracking-wide\"\n\t\t\t\t>\n\t\t\t\t\t{title}\n\t\t\t\t</Heading>\n\t\t\t)}\n\n\t\t\t{!!shouldShowSeparator && <Separator className=\"my-3\" />}\n\n\t\t\t<div className={cn('grid', gridClass, gapClass)}>\n\t\t\t\t{list.map((item, index) => {\n\t\t\t\t\tconst key = resolveKey(item, index);\n\t\t\t\t\tconst effectiveEmptyLabel = item.emptyLabel ?? emptyLabel;\n\t\t\t\t\tconst value = item.value ?? effectiveEmptyLabel;\n\t\t\t\t\tconst Icon = item.icon;\n\t\t\t\t\tconst hasTooltip = item.tooltip !== null && item.tooltip !== undefined;\n\t\t\t\t\tconst hasCustomRender = typeof item.render === 'function';\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tkey={key}\n\t\t\t\t\t\t\tclassName=\"space-y-1\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div className=\"flex items-center gap-1.5\">\n\t\t\t\t\t\t\t\t{!!Icon && (\n\t\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t'flex-shrink-0',\n\t\t\t\t\t\t\t\t\t\t\tdense ? 'h-3 w-3' : 'h-3.5 w-3.5',\n\t\t\t\t\t\t\t\t\t\t\t'text-muted-foreground',\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\t\tclassName={cn(' tracking-wide', labelBase, labelClassName)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{item.label}\n\t\t\t\t\t\t\t\t</Text>\n\n\t\t\t\t\t\t\t\t{!!hasTooltip && (\n\t\t\t\t\t\t\t\t\t<Tooltip>\n\t\t\t\t\t\t\t\t\t\t<TooltipTrigger\n\t\t\t\t\t\t\t\t\t\t\trender={(triggerProps) => (\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{...triggerProps}\n\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\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"icon-xs\"\n\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'inline-flex items-center',\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(triggerProps as { className?: string }).className,\n\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\taria-label={typeof item.label === 'string' ? strings.formatInfoAriaLabel(item.label) : strings.infoFallback}\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<Info className=\"h-3 w-3 text-muted-foreground cursor-help flex-shrink-0\" />\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)}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<TooltipContent\n\t\t\t\t\t\t\t\t\t\t\tside=\"top\"\n\t\t\t\t\t\t\t\t\t\t\talign=\"start\"\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"max-w-xs\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<Text type=\"inverse\" size=\"xs\">{item.tooltip}</Text>\n\t\t\t\t\t\t\t\t\t\t</TooltipContent>\n\t\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t{hasCustomRender ? (\n\t\t\t\t\t\t\t\titem.render?.(item)\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\tweight=\"medium\"\n\t\t\t\t\t\t\t\t\tclassName={cn(valueBase, valueClassName)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{value}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t{!!item.description && (\n\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\t\tclassName={cn(descriptionClassName)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{item.description}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nMetadataList.displayName = 'MetadataList';\n"],"mappings":"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"}

package/dist/_shared/metadata-CfG0FdFZ.js

@@ -0,0 +1,236 @@
+import { useStrings as e } from "../lib/strings.js";
+import { cn as t } from "../lib/utils.js";
+import { t as n } from "./text-DIxMTECE.js";
+import { t as r } from "./heading-BprqyzDs.js";
+import { t as i } from "./button-ChCkwoOD.js";
+import { i as a, n as o, t as s } from "./tooltip-Cws4BiPT.js";
+import { t as c } from "./separator-DR0uUMKa.js";
+import l from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Info as f } from "lucide-react";
+//#region src/components/base/display/metadata/metadata-list.strings.ts
+var p = {
+	formatInfoAriaLabel: (e) => `${e} info`,
+	infoFallback: "Info"
+}, m = {
+	1: "grid-cols-1",
+	2: "grid-cols-1 sm:grid-cols-2",
+	3: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3",
+	4: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4"
+}, h = {
+	start: "justify-start",
+	end: "justify-end",
+	center: "justify-center",
+	between: "justify-between",
+	around: "justify-around",
+	evenly: "justify-evenly"
+}, g = {
+	start: "items-start",
+	center: "items-center",
+	end: "items-end",
+	baseline: "items-baseline"
+}, _ = (e, t) => e.id ? e.id : `metadata-${typeof e.label == "string" ? e.label : `${t}`}-${t}`;
+function v({ items: v, columns: y = 2, dense: b = !1, emptyLabel: x = "—", title: S, titleSeparator: C = !1, className: w, gapClassName: T, labelClassName: E, valueClassName: D, descriptionClassName: O, layout: k = "vertical", justify: A = "start", align: j = "center", separator: M = ": ", itemSeparator: N = !1, wrap: P = !0, strings: F }) {
+	let I = e(p, F), L = l.useMemo(() => v.filter(Boolean), [v]);
+	if (l.useEffect(() => {}, [k, L]), L.length === 0) return null;
+	let R = m[y] ?? m[2], z = T ?? (b ? "gap-4" : "gap-6"), B = b ? "text-xxs" : "text-xs", V = "text-sm", H = S != null, U = H && C;
+	if (k === "horizontal") {
+		let e = h[A] ?? h.start, p = g[j] ?? g.center, m = typeof N == "string" ? N : N ? " | " : "", v = b ? "gap-2" : "gap-3", y = P ? "flex-wrap" : "flex-nowrap";
+		return /* @__PURE__ */ d("div", {
+			className: t("metadata-list--component", "metadata-list-container space-y-3", w),
+			children: [
+				!!H && /* @__PURE__ */ u(r, {
+					tag: "h6",
+					className: "font-medium text-muted-foreground uppercase tracking-wide",
+					children: S
+				}),
+				!!U && /* @__PURE__ */ u(c, { className: "my-3" }),
+				/* @__PURE__ */ u("div", {
+					className: t("flex", y, e, p, v),
+					children: L.map((e, r) => {
+						let c = _(e, r), p = e.emptyLabel ?? x, h = e.value ?? p, g = e.icon, v = e.tooltip !== null && e.tooltip !== void 0, y = typeof e.render == "function", S = m && r < L.length - 1;
+						return /* @__PURE__ */ d(l.Fragment, { children: [/* @__PURE__ */ d("div", {
+							className: "flex items-center gap-1.5",
+							children: [
+								!!g && /* @__PURE__ */ u(g, { className: t("flex-shrink-0", b ? "h-3 w-3" : "h-3.5 w-3.5", "text-muted-foreground") }),
+								/* @__PURE__ */ u(n, {
+									size: "xs",
+									type: "secondary",
+									className: t("metadata--field tracking-wide whitespace-nowrap", B, E),
+									children: e.label
+								}),
+								!!v && /* @__PURE__ */ d(s, { children: [/* @__PURE__ */ u(a, { render: (n) => /* @__PURE__ */ u(i, {
+									...n,
+									type: "button",
+									variant: "secondary",
+									buttonStyle: "ghost",
+									size: "icon-xs",
+									className: t("inline-flex items-center", n.className),
+									"aria-label": typeof e.label == "string" ? I.formatInfoAriaLabel(e.label) : I.infoFallback,
+									children: /* @__PURE__ */ u(f, { className: "h-3 w-3 text-muted-foreground cursor-help flex-shrink-0" })
+								}) }), /* @__PURE__ */ u(o, {
+									side: "top",
+									align: "start",
+									className: "max-w-xs",
+									children: /* @__PURE__ */ u(n, {
+										type: "inverse",
+										size: "xs",
+										children: e.tooltip
+									})
+								})] }),
+								/* @__PURE__ */ u(n, {
+									size: "xs",
+									type: "secondary",
+									children: M
+								}),
+								y ? e.render?.(e) : /* @__PURE__ */ u(n, {
+									weight: "medium",
+									className: t(V, D),
+									children: h
+								})
+							]
+						}), !!S && /* @__PURE__ */ u(n, {
+							size: "xs",
+							type: "secondary",
+							children: m
+						})] }, c);
+					})
+				})
+			]
+		});
+	}
+	if (k === "rows") {
+		let e = b ? "py-1.5" : "py-2.5";
+		return /* @__PURE__ */ d("div", {
+			className: t("metadata-list-container", w),
+			children: [
+				!!H && /* @__PURE__ */ u(r, {
+					tag: "h6",
+					className: "font-medium text-muted-foreground uppercase tracking-wide mb-2",
+					children: S
+				}),
+				!!U && /* @__PURE__ */ u(c, { className: "mb-2" }),
+				/* @__PURE__ */ u("dl", {
+					className: "divide-y divide-border/50",
+					children: L.map((r, c) => {
+						let l = _(r, c), p = r.emptyLabel ?? x, m = r.value ?? p, h = r.icon, g = r.tooltip !== null && r.tooltip !== void 0, v = typeof r.render == "function";
+						return /* @__PURE__ */ d("div", {
+							className: t("grid items-baseline gap-x-4 gap-y-1 grid-cols-[minmax(120px,1fr)_2fr]", e),
+							children: [/* @__PURE__ */ d("dt", {
+								className: "flex items-center gap-1.5 min-w-0",
+								children: [
+									!!h && /* @__PURE__ */ u(h, { className: t("flex-shrink-0 text-muted-foreground", b ? "h-3 w-3" : "h-3.5 w-3.5") }),
+									/* @__PURE__ */ u(n, {
+										type: "secondary",
+										className: t("truncate", E),
+										children: r.label
+									}),
+									!!g && /* @__PURE__ */ d(s, { children: [/* @__PURE__ */ u(a, { render: (e) => /* @__PURE__ */ u(i, {
+										...e,
+										type: "button",
+										variant: "secondary",
+										buttonStyle: "ghost",
+										size: "icon-xs",
+										className: t("inline-flex items-center", e.className),
+										"aria-label": typeof r.label == "string" ? I.formatInfoAriaLabel(r.label) : I.infoFallback,
+										children: /* @__PURE__ */ u(f, { className: "h-3 w-3 text-muted-foreground cursor-help flex-shrink-0" })
+									}) }), /* @__PURE__ */ u(o, {
+										side: "top",
+										align: "start",
+										className: "max-w-xs",
+										children: /* @__PURE__ */ u(n, {
+											type: "inverse",
+											size: "xs",
+											children: r.tooltip
+										})
+									})] })
+								]
+							}), /* @__PURE__ */ d("dd", {
+								className: "min-w-0",
+								children: [v ? r.render?.(r) : /* @__PURE__ */ u(n, {
+									weight: "medium",
+									className: t("break-words", D),
+									children: m
+								}), !!r.description && /* @__PURE__ */ u(n, {
+									size: "xs",
+									type: "secondary",
+									className: t("mt-0.5", O),
+									children: r.description
+								})]
+							})]
+						}, l);
+					})
+				})
+			]
+		});
+	}
+	return /* @__PURE__ */ d("div", {
+		className: t("metadata-list-container space-y-3", w),
+		children: [
+			!!H && /* @__PURE__ */ u(r, {
+				tag: "h6",
+				className: "font-medium text-muted-foreground uppercase tracking-wide",
+				children: S
+			}),
+			!!U && /* @__PURE__ */ u(c, { className: "my-3" }),
+			/* @__PURE__ */ u("div", {
+				className: t("grid", R, z),
+				children: L.map((e, r) => {
+					let c = _(e, r), l = e.emptyLabel ?? x, p = e.value ?? l, m = e.icon, h = e.tooltip !== null && e.tooltip !== void 0, g = typeof e.render == "function";
+					return /* @__PURE__ */ d("div", {
+						className: "space-y-1",
+						children: [
+							/* @__PURE__ */ d("div", {
+								className: "flex items-center gap-1.5",
+								children: [
+									!!m && /* @__PURE__ */ u(m, { className: t("flex-shrink-0", b ? "h-3 w-3" : "h-3.5 w-3.5", "text-muted-foreground") }),
+									/* @__PURE__ */ u(n, {
+										size: "xs",
+										type: "secondary",
+										className: t(" tracking-wide", B, E),
+										children: e.label
+									}),
+									!!h && /* @__PURE__ */ d(s, { children: [/* @__PURE__ */ u(a, { render: (n) => /* @__PURE__ */ u(i, {
+										...n,
+										type: "button",
+										variant: "secondary",
+										buttonStyle: "ghost",
+										size: "icon-xs",
+										className: t("inline-flex items-center", n.className),
+										"aria-label": typeof e.label == "string" ? I.formatInfoAriaLabel(e.label) : I.infoFallback,
+										children: /* @__PURE__ */ u(f, { className: "h-3 w-3 text-muted-foreground cursor-help flex-shrink-0" })
+									}) }), /* @__PURE__ */ u(o, {
+										side: "top",
+										align: "start",
+										className: "max-w-xs",
+										children: /* @__PURE__ */ u(n, {
+											type: "inverse",
+											size: "xs",
+											children: e.tooltip
+										})
+									})] })
+								]
+							}),
+							g ? e.render?.(e) : /* @__PURE__ */ u(n, {
+								weight: "medium",
+								className: t(V, D),
+								children: p
+							}),
+							!!e.description && /* @__PURE__ */ u(n, {
+								size: "xs",
+								type: "secondary",
+								className: t(O),
+								children: e.description
+							})
+						]
+					}, c);
+				})
+			})
+		]
+	});
+}
+v.displayName = "MetadataList";
+//#endregion
+export { v as t };
+
+//# sourceMappingURL=metadata-CfG0FdFZ.js.map

package/dist/_shared/metadata-CfG0FdFZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"metadata-CfG0FdFZ.js","names":[],"sources":["../../src/components/base/display/metadata/metadata-list.strings.ts","../../src/components/base/display/metadata/metadata-list.tsx"],"sourcesContent":["/**\n * Default user-facing strings for `<MetadataList>`.\n *\n * Consumers wire backend i18n at the call site:\n *\n *   <MetadataList strings={{ infoFallback: t('metadata.info') }} … />\n */\n\nexport interface MetadataListStrings {\n\t/**\n\t * Suffix appended to the label when generating the tooltip-trigger\n\t * `aria-label` (\"<label> info\"). Receives the label as the first arg\n\t * so consumers can localise the full template.\n\t */\n\tformatInfoAriaLabel: (label: string) => string;\n\t/** Fallback `aria-label` used when the field label is not a plain string. */\n\tinfoFallback: string;\n}\n\nexport const defaultMetadataListStrings: MetadataListStrings = {\n\tformatInfoAriaLabel: (label) => `${label} info`,\n\tinfoFallback: 'Info',\n};\n","/**\n * MetadataList — flexible label/value list for entity metadata.\n *\n * Two layouts:\n *  - `vertical` (default): grid of label-on-top, value-below cells, ideal for\n *    entity detail screens. Honours `columns` (1–4) and `dense` mode.\n *  - `horizontal`: inline label/separator/value pairs that wrap, suitable for\n *    pill-style summaries (e.g. \"Created Jan 4 · By Alice · v3.2\").\n *\n * Each item supports an optional icon, tooltip, custom `render`, and\n * per-item `emptyLabel`. Falls back to the shared `EMPTY` when both are\n * missing. Returns `null` when the list is empty so callers can render\n * unconditionally.\n */\nimport { Info, type LucideIcon } from 'lucide-react';\nimport React from 'react';\n\nimport { Button } from '@/components/base/buttons';\nimport { Separator } from '@/components/base/display/separator';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/components/base/display/tooltip';\nimport Heading from '@/components/typography/heading';\nimport Text from '@/components/typography/text';\nimport { EMPTY } from '@/lib/format';\nimport { useStrings, type StringsProp } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n\tdefaultMetadataListStrings,\n\ttype MetadataListStrings,\n} from './metadata-list.strings';\n\nexport type { MetadataListStrings };\nexport { defaultMetadataListStrings };\n\nexport type MetadataListItem = {\n\tid?: string;\n\tlabel: React.ReactNode;\n\tvalue?: React.ReactNode | null;\n\tdescription?: React.ReactNode | null;\n\ttooltip?: React.ReactNode;\n\ticon?: LucideIcon;\n\temptyLabel?: React.ReactNode;\n\trender?: (item: MetadataListItem) => React.ReactNode;\n};\n\nexport type MetadataListProps = {\n\titems: MetadataListItem[];\n\tcolumns?: 1 | 2 | 3 | 4;\n\tdense?: boolean;\n\temptyLabel?: React.ReactNode;\n\ttitle?: React.ReactNode;\n\ttitleSeparator?: boolean;\n\tclassName?: string;\n\tgapClassName?: string;\n\tlabelClassName?: string;\n\tvalueClassName?: string;\n\tdescriptionClassName?: string;\n\tlayout?: 'vertical' | 'horizontal' | 'rows';\n\tjustify?: 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly';\n\talign?: 'start' | 'center' | 'end' | 'baseline';\n\tseparator?: string;\n\titemSeparator?: boolean | string;\n\twrap?: boolean;\n\t/** Per-instance string overrides (deep-merged over `defaultMetadataListStrings`). */\n\tstrings?: StringsProp<MetadataListStrings>;\n};\n\nconst columnClassMap: Record<NonNullable<MetadataListProps['columns']>, string> = {\n\t1: 'grid-cols-1',\n\t2: 'grid-cols-1 sm:grid-cols-2',\n\t3: 'grid-cols-1 sm:grid-cols-2 lg:grid-cols-3',\n\t4: 'grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4',\n};\n\nconst justifyClassMap: Record<NonNullable<MetadataListProps['justify']>, string> = {\n\tstart: 'justify-start',\n\tend: 'justify-end',\n\tcenter: 'justify-center',\n\tbetween: 'justify-between',\n\taround: 'justify-around',\n\tevenly: 'justify-evenly',\n};\n\nconst alignClassMap: Record<NonNullable<MetadataListProps['align']>, string> = {\n\tstart: 'items-start',\n\tcenter: 'items-center',\n\tend: 'items-end',\n\tbaseline: 'items-baseline',\n};\n\nconst resolveKey = (item: MetadataListItem, index: number): string => {\n\tif (item.id) {\n\t\treturn item.id;\n\t}\n\n\tconst rawLabel = typeof item.label === 'string' ? item.label : `${index}`;\n\treturn `metadata-${rawLabel}-${index}`;\n};\n\nexport function MetadataList({\n\titems,\n\tcolumns = 2,\n\tdense = false,\n\temptyLabel = EMPTY,\n\ttitle,\n\ttitleSeparator = false,\n\tclassName,\n\tgapClassName,\n\tlabelClassName,\n\tvalueClassName,\n\tdescriptionClassName,\n\tlayout = 'vertical',\n\tjustify = 'start',\n\talign = 'center',\n\tseparator = ': ',\n\titemSeparator = false,\n\twrap = true,\n\tstrings: stringsProp,\n}: MetadataListProps) {\n\tconst strings = useStrings(defaultMetadataListStrings, stringsProp);\n\tconst list = React.useMemo(() => items.filter(Boolean), [items]);\n\n\tReact.useEffect(() => {\n\t\tif (!import.meta.env.DEV) return;\n\t\tif (layout !== 'horizontal') return;\n\n\t\tconst itemsWithDescriptions = list.filter((item) => Boolean(item.description));\n\t\tif (itemsWithDescriptions.length > 0) {\n\t\t\tconsole.warn(\n\t\t\t\t'[MetadataList] Horizontal layout does not support descriptions. Items with descriptions will not display them.',\n\t\t\t\titemsWithDescriptions,\n\t\t\t);\n\t\t}\n\t}, [layout, list]);\n\n\tif (list.length === 0) {\n\t\treturn null;\n\t}\n\n\tconst gridClass = columnClassMap[columns] ?? columnClassMap[2];\n\tconst gapClass = gapClassName ?? (dense ? 'gap-4' : 'gap-6');\n\tconst labelBase = dense ? 'text-xxs' : 'text-xs';\n\tconst valueBase = 'text-sm';\n\tconst hasTitle = title !== null && title !== undefined;\n\tconst shouldShowSeparator = hasTitle && titleSeparator;\n\n\tif (layout === 'horizontal') {\n\t\tconst justifyClass = justifyClassMap[justify] ?? justifyClassMap.start;\n\t\tconst alignClass = alignClassMap[align] ?? alignClassMap.center;\n\t\tconst itemSeparatorText =\n\t\t\ttypeof itemSeparator === 'string'\n\t\t\t\t? itemSeparator\n\t\t\t\t: itemSeparator\n\t\t\t\t\t? ' | '\n\t\t\t\t\t: '';\n\t\tconst horizontalGapClass = dense ? 'gap-2' : 'gap-3';\n\t\tconst wrapClass = wrap ? 'flex-wrap' : 'flex-nowrap';\n\n\t\treturn (\n\t\t\t<div className={cn('metadata-list--component', 'metadata-list-container space-y-3', className)}>\n\t\t\t\t{!!hasTitle && (\n\t\t\t\t\t<Heading\n\t\t\t\t\t\ttag=\"h6\"\n\t\t\t\t\t\tclassName=\"font-medium text-muted-foreground uppercase tracking-wide\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{title}\n\t\t\t\t\t</Heading>\n\t\t\t\t)}\n\n\t\t\t\t{!!shouldShowSeparator && <Separator className=\"my-3\" />}\n\n\t\t\t\t<div className={cn('flex', wrapClass, justifyClass, alignClass, horizontalGapClass)}>\n\t\t\t\t\t{list.map((item, index) => {\n\t\t\t\t\t\tconst key = resolveKey(item, index);\n\t\t\t\t\t\tconst effectiveEmptyLabel = item.emptyLabel ?? emptyLabel;\n\t\t\t\t\t\tconst value = item.value ?? effectiveEmptyLabel;\n\t\t\t\t\t\tconst Icon = item.icon;\n\t\t\t\t\t\tconst hasTooltip = item.tooltip !== null && item.tooltip !== undefined;\n\t\t\t\t\t\tconst hasCustomRender = typeof item.render === 'function';\n\t\t\t\t\t\tconst showItemSeparator = itemSeparatorText && index < list.length - 1;\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<React.Fragment key={key}>\n\t\t\t\t\t\t\t\t<div className=\"flex items-center gap-1.5\">\n\t\t\t\t\t\t\t\t\t{!!Icon && (\n\t\t\t\t\t\t\t\t\t\t<Icon\n\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'flex-shrink-0',\n\t\t\t\t\t\t\t\t\t\t\t\tdense ? 'h-3 w-3' : 'h-3.5 w-3.5',\n\t\t\t\t\t\t\t\t\t\t\t\t'text-muted-foreground',\n\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\t)}\n\n\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t'metadata--field tracking-wide whitespace-nowrap',\n\t\t\t\t\t\t\t\t\t\t\tlabelBase,\n\t\t\t\t\t\t\t\t\t\t\tlabelClassName,\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{item.label}\n\t\t\t\t\t\t\t\t\t</Text>\n\n\t\t\t\t\t\t\t\t\t{!!hasTooltip && (\n\t\t\t\t\t\t\t\t\t\t<Tooltip>\n\t\t\t\t\t\t\t\t\t\t\t<TooltipTrigger\n\t\t\t\t\t\t\t\t\t\t\t\trender={(triggerProps) => (\n\t\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\t{...triggerProps}\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\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"icon-xs\"\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'inline-flex items-center',\n\t\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(triggerProps as { className?: string }).className,\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\taria-label={typeof item.label === 'string' ? strings.formatInfoAriaLabel(item.label) : strings.infoFallback}\n\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<Info className=\"h-3 w-3 text-muted-foreground cursor-help flex-shrink-0\" />\n\t\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)}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t<TooltipContent\n\t\t\t\t\t\t\t\t\t\t\t\tside=\"top\"\n\t\t\t\t\t\t\t\t\t\t\t\talign=\"start\"\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"max-w-xs\"\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<Text type=\"inverse\" size=\"xs\">{item.tooltip}</Text>\n\t\t\t\t\t\t\t\t\t\t\t</TooltipContent>\n\t\t\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{separator}\n\t\t\t\t\t\t\t\t\t</Text>\n\n\t\t\t\t\t\t\t\t\t{hasCustomRender ? (\n\t\t\t\t\t\t\t\t\t\titem.render?.(item)\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\t\tweight=\"medium\"\n\t\t\t\t\t\t\t\t\t\t\tclassName={cn(valueBase, valueClassName)}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{value}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t{!!showItemSeparator && (\n\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{itemSeparatorText}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</React.Fragment>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n\n\tif (layout === 'rows') {\n\t\tconst rowPaddingY = dense ? 'py-1.5' : 'py-2.5';\n\t\treturn (\n\t\t\t<div className={cn('metadata-list-container', className)}>\n\t\t\t\t{!!hasTitle && (\n\t\t\t\t\t<Heading\n\t\t\t\t\t\ttag=\"h6\"\n\t\t\t\t\t\tclassName=\"font-medium text-muted-foreground uppercase tracking-wide mb-2\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{title}\n\t\t\t\t\t</Heading>\n\t\t\t\t)}\n\t\t\t\t{!!shouldShowSeparator && <Separator className=\"mb-2\" />}\n\t\t\t\t<dl className=\"divide-y divide-border/50\">\n\t\t\t\t\t{list.map((item, index) => {\n\t\t\t\t\t\tconst key = resolveKey(item, index);\n\t\t\t\t\t\tconst effectiveEmptyLabel = item.emptyLabel ?? emptyLabel;\n\t\t\t\t\t\tconst value = item.value ?? effectiveEmptyLabel;\n\t\t\t\t\t\tconst Icon = item.icon;\n\t\t\t\t\t\tconst hasTooltip = item.tooltip !== null && item.tooltip !== undefined;\n\t\t\t\t\t\tconst hasCustomRender = typeof item.render === 'function';\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tkey={key}\n\t\t\t\t\t\t\t\tclassName={cn('grid items-baseline gap-x-4 gap-y-1 grid-cols-[minmax(120px,1fr)_2fr]', rowPaddingY)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<dt className=\"flex items-center gap-1.5 min-w-0\">\n\t\t\t\t\t\t\t\t\t{!!Icon && (\n\t\t\t\t\t\t\t\t\t\t<Icon className={cn('flex-shrink-0 text-muted-foreground', dense ? 'h-3 w-3' : 'h-3.5 w-3.5')} />\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t<Text type=\"secondary\" className={cn('truncate', labelClassName)}>\n\t\t\t\t\t\t\t\t\t\t{item.label}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t{!!hasTooltip && (\n\t\t\t\t\t\t\t\t\t\t<Tooltip>\n\t\t\t\t\t\t\t\t\t\t\t<TooltipTrigger\n\t\t\t\t\t\t\t\t\t\t\t\trender={(triggerProps) => (\n\t\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\t{...triggerProps}\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\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"icon-xs\"\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\tclassName={cn('inline-flex items-center', (triggerProps as { className?: string }).className)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label={typeof item.label === 'string' ? strings.formatInfoAriaLabel(item.label) : strings.infoFallback}\n\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<Info className=\"h-3 w-3 text-muted-foreground cursor-help flex-shrink-0\" />\n\t\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)}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t<TooltipContent side=\"top\" align=\"start\" className=\"max-w-xs\">\n\t\t\t\t\t\t\t\t\t\t\t\t<Text type=\"inverse\" size=\"xs\">{item.tooltip}</Text>\n\t\t\t\t\t\t\t\t\t\t\t</TooltipContent>\n\t\t\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</dt>\n\t\t\t\t\t\t\t\t<dd className=\"min-w-0\">\n\t\t\t\t\t\t\t\t\t{hasCustomRender ? (\n\t\t\t\t\t\t\t\t\t\titem.render?.(item)\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t<Text weight=\"medium\" className={cn('break-words', valueClassName)}>\n\t\t\t\t\t\t\t\t\t\t\t{value}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{!!item.description && (\n\t\t\t\t\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" className={cn('mt-0.5', descriptionClassName)}>\n\t\t\t\t\t\t\t\t\t\t\t{item.description}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</dl>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div className={cn('metadata-list-container space-y-3', className)}>\n\t\t\t{!!hasTitle && (\n\t\t\t\t<Heading\n\t\t\t\t\ttag=\"h6\"\n\t\t\t\t\tclassName=\"font-medium text-muted-foreground uppercase tracking-wide\"\n\t\t\t\t>\n\t\t\t\t\t{title}\n\t\t\t\t</Heading>\n\t\t\t)}\n\n\t\t\t{!!shouldShowSeparator && <Separator className=\"my-3\" />}\n\n\t\t\t<div className={cn('grid', gridClass, gapClass)}>\n\t\t\t\t{list.map((item, index) => {\n\t\t\t\t\tconst key = resolveKey(item, index);\n\t\t\t\t\tconst effectiveEmptyLabel = item.emptyLabel ?? emptyLabel;\n\t\t\t\t\tconst value = item.value ?? effectiveEmptyLabel;\n\t\t\t\t\tconst Icon = item.icon;\n\t\t\t\t\tconst hasTooltip = item.tooltip !== null && item.tooltip !== undefined;\n\t\t\t\t\tconst hasCustomRender = typeof item.render === 'function';\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tkey={key}\n\t\t\t\t\t\t\tclassName=\"space-y-1\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div className=\"flex items-center gap-1.5\">\n\t\t\t\t\t\t\t\t{!!Icon && (\n\t\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t'flex-shrink-0',\n\t\t\t\t\t\t\t\t\t\t\tdense ? 'h-3 w-3' : 'h-3.5 w-3.5',\n\t\t\t\t\t\t\t\t\t\t\t'text-muted-foreground',\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\t\tclassName={cn(' tracking-wide', labelBase, labelClassName)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{item.label}\n\t\t\t\t\t\t\t\t</Text>\n\n\t\t\t\t\t\t\t\t{!!hasTooltip && (\n\t\t\t\t\t\t\t\t\t<Tooltip>\n\t\t\t\t\t\t\t\t\t\t<TooltipTrigger\n\t\t\t\t\t\t\t\t\t\t\trender={(triggerProps) => (\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{...triggerProps}\n\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\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"icon-xs\"\n\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'inline-flex items-center',\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(triggerProps as { className?: string }).className,\n\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\taria-label={typeof item.label === 'string' ? strings.formatInfoAriaLabel(item.label) : strings.infoFallback}\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<Info className=\"h-3 w-3 text-muted-foreground cursor-help flex-shrink-0\" />\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)}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<TooltipContent\n\t\t\t\t\t\t\t\t\t\t\tside=\"top\"\n\t\t\t\t\t\t\t\t\t\t\talign=\"start\"\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"max-w-xs\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<Text type=\"inverse\" size=\"xs\">{item.tooltip}</Text>\n\t\t\t\t\t\t\t\t\t\t</TooltipContent>\n\t\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t{hasCustomRender ? (\n\t\t\t\t\t\t\t\titem.render?.(item)\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\tweight=\"medium\"\n\t\t\t\t\t\t\t\t\tclassName={cn(valueBase, valueClassName)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{value}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t{!!item.description && (\n\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\t\tclassName={cn(descriptionClassName)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{item.description}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nMetadataList.displayName = 'MetadataList';\n"],"mappings":"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"}