admin-ui-starter-kit 0.5.0 → 0.6.1

package/dist/_shared/comments-C8iXy9XO.cjs

@@ -0,0 +1,2 @@
+const e=require("../lib/strings.cjs"),t=require("./ui-provider-DZWtUXf2.cjs"),n=require("../lib/utils.cjs"),r=require("./button-Bd5bEIiB.cjs"),i=require("./tooltip-mvxZV_Lu.cjs"),a=require("./typography-CO9uwZhF.cjs"),o=require("./badge-BeSKxX1u.cjs"),s=require("./cards-BKFwMTjM.cjs"),c=require("./popover-dWR7-MzY.cjs"),l=require("./avatar-BnKM_o2d.cjs"),u=require("./rich-text-editor-DeIiIDn7.cjs"),d=require("./mentions-aHalksbt.cjs");let f=require("react"),p=require("date-fns"),m=require("react/jsx-runtime"),h=require("lucide-react");var g={title:`Comments`,subtitle:``,empty:`No comments yet.`,emptyHint:`Start the conversation — your team will see it instantly.`,composerPlaceholder:`Write a comment…`,composerSubmit:`Post comment`,composerSubmitting:`Posting…`,composerSave:`Save changes`,invalidContent:`Comment cannot be empty.`,composerCancel:`Cancel`,composerEditingEyebrow:`Editing comment`,composerReplyingEyebrow:`Replying to {{name}}`,composerAttachmentLabel:`Attach file`,composerReferenceLabel:`Mention or link`,composerReferenceMenuTitle:`Insert reference`,composerReferenceSearchPlaceholder:`Search…`,composerReferenceEmpty:`No matches.`,composerReferenceLoading:`Searching…`,fallbackAuthor:`Anonymous`,pinned:`Pinned`,edited:`edited`,deleteLabel:`Delete`,editLabel:`Edit`,replyLabel:`Reply`,pinLabel:`Pin`,unpinLabel:`Unpin`,moreActionsLabel:`More actions`,confirmDeleteLabel:`Delete comment`,attachmentFallback:`Attachment`,attachmentRemoveLabel:`Remove attachment`,attachmentUploadingLabel:`Uploading…`,attachmentFailedLabel:`Upload failed`,attachmentTooLargeError:`File is too large.`,attachmentTooManyError:`Too many attachments.`,attachmentRetryLabel:`Retry`,attachmentDownloadLabel:`Download`,addReactionLabel:`Add reaction`,showRepliesLabel:`Show replies`,hideRepliesLabel:`Hide replies`};function _(e,t){return e.replace(/\{\{(\w+)\}\}/g,(e,n)=>{let r=t[n];return r==null?``:String(r)})}function v(t){return e.useStrings(g,t)}function y(e){let n=t.c(),r=t.i();return(0,f.useMemo)(()=>({getMediaUrl:e?.getMediaUrl??(e=>n.resolveUrl?.(e??{})),getMediaName:e?.getMediaName??(e=>n.resolveName?.(e??{})),getStatusLabel:e?.getStatusLabel,formatRelativeTime:e?.formatRelativeTime??r.formatRelativeTime}),[e,n,r.formatRelativeTime])}function b(e){return typeof e!=`number`||e<=0?null:e<1024?`${e} B`:e<1024*1024?`${(e/1024).toFixed(1)} KB`:`${(e/(1024*1024)).toFixed(1)} MB`}function x(e){return e.mimeType?.startsWith(`image/`)?h.Image:e.mimeType===`application/pdf`||e.mimeType?.startsWith(`text/`)?h.FileText:e.mimeType?h.File:h.Paperclip}var S=({attachment:t,editable:i=!1,onRemove:o,onRetry:s,accessors:c,strings:l,compact:u=!1,className:d})=>{let f=e.useStrings(g,l),p=c?.getMediaUrl?.(t)??t.url,_=c?.getMediaName?.(t)??t.name??f.attachmentFallback,v=x(t),y=t.status===`uploading`,S=t.status===`failed`,C=b(t.size),w=y?f.attachmentUploadingLabel+(typeof t.progress==`number`?` ${Math.round(t.progress)}%`:``):S?t.error??f.attachmentFailedLabel:C,T=n.cn(`relative inline-flex min-w-0 max-w-[20rem] items-center gap-1.5 rounded-md`,`ring-1 ring-inset transition-colors`,u?`px-2 py-1 text-xs`:`px-2.5 py-1 text-xs`,S?`bg-destructive/[0.04] ring-destructive/30 hover:bg-destructive/[0.08]`:`bg-foreground/[0.03] ring-border/60 hover:bg-foreground/[0.06]`,d),E=y?(0,m.jsx)(h.Loader2,{className:n.cn(`shrink-0 animate-spin text-muted-foreground`,`size-3.5`),"aria-hidden":!0}):(0,m.jsx)(v,{className:n.cn(`shrink-0`,`size-3.5`,S?`text-destructive`:`text-muted-foreground`),"aria-hidden":!0}),D=(0,m.jsxs)(`span`,{className:`inline-flex min-w-0 items-baseline gap-1.5`,children:[(0,m.jsx)(a.s,{tag:`span`,size:`xs`,weight:`medium`,className:n.cn(`truncate`,S&&`text-destructive`),children:_}),w?(0,m.jsx)(a.s,{tag:`span`,size:`xxs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:w}):null]});return(0,m.jsxs)(`div`,{className:T,children:[E,p&&!y&&!S?(0,m.jsx)(`a`,{href:p,target:`_blank`,rel:`noreferrer noopener`,className:`inline-flex min-w-0 flex-1 items-baseline gap-1.5 hover:underline`,"aria-label":f.attachmentDownloadLabel,children:D}):D,y&&typeof t.progress==`number`&&(0,m.jsx)(`div`,{className:`bg-primary/15 absolute bottom-0 left-2 right-2 h-px overflow-hidden rounded-full`,children:(0,m.jsx)(`div`,{className:`bg-primary h-full transition-[width]`,style:{width:`${Math.min(100,Math.max(0,t.progress))}%`}})}),S&&s&&(0,m.jsx)(r.t,{type:`button`,variant:`error`,buttonStyle:`ghost`,size:`small`,onClick:()=>s(t.id),className:`h-auto shrink-0 rounded px-1.5 py-px text-xxs font-medium ring-1 ring-inset ring-destructive/30 hover:ring-destructive/60`,children:f.attachmentRetryLabel}),i&&o&&(0,m.jsx)(r.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,onClick:()=>o(t.id),className:`-mr-0.5 size-4 shrink-0 rounded p-0 text-muted-foreground hover:bg-foreground/10 hover:text-foreground`,"aria-label":f.attachmentRemoveLabel,title:f.attachmentRemoveLabel,children:(0,m.jsx)(h.X,{className:`size-3`})})]})};function C(e={}){let{onUpload:t,maxSize:n,maxFiles:r,disabled:i,initialAttachments:a,onChange:o,onError:s}=e,[c,l]=(0,f.useState)(()=>a?[...a]:[]),u=(0,f.useRef)(new Map),d=(0,f.useRef)(new Map),p=(0,f.useRef)(o);p.current=o;let m=(0,f.useCallback)((e,t)=>{l(n=>n.map(n=>n.id===e?{...n,...t}:n))},[]),h=(0,f.useCallback)(e=>{l([...e])},[]),g=(0,f.useCallback)((e,n)=>{if(!t)return;let r=new AbortController;u.current.set(e,{controller:r}),m(e,{status:`uploading`,progress:0,error:void 0}),t({file:n,onProgress:t=>{m(e,{progress:t})},signal:r.signal}).then(t=>{u.current.delete(e),m(e,{...t,id:e,status:`uploaded`,progress:100,error:void 0})}).catch(t=>{if(u.current.delete(e),r.signal.aborted)return;let n=t instanceof Error?t.message:`Upload failed`;m(e,{status:`failed`,error:n}),s?.(n)})},[s,t,m]),_=(0,f.useCallback)(e=>{if(i||!t)return;let a=Array.from(e);a.length!==0&&l(e=>{let t=[...e];for(let e of a){if(typeof r==`number`&&t.length>=r){s?.(`Too many attachments.`);break}if(typeof n==`number`&&e.size>n){s?.(`File is too large.`);continue}let i=typeof crypto<`u`&&`randomUUID`in crypto?crypto.randomUUID():`att-${Date.now()}-${Math.random().toString(36).slice(2)}`;d.current.set(i,e),t.push({id:i,name:e.name,size:e.size,mimeType:e.type,status:`uploading`,progress:0}),queueMicrotask(()=>g(i,e))}return t})},[g,i,r,n,s,t]),v=(0,f.useCallback)(e=>{let t=u.current.get(e);t&&(t.controller.abort(),u.current.delete(e)),d.current.delete(e),l(t=>t.filter(t=>t.id!==e))},[]),y=(0,f.useCallback)(e=>{let t=d.current.get(e);t&&g(e,t)},[g]),b=(0,f.useCallback)(()=>{for(let e of u.current.values())e.controller.abort();u.current.clear(),d.current.clear(),l([])},[]);return(0,f.useEffect)(()=>{p.current?.(c)},[c]),(0,f.useEffect)(()=>{let e=u.current;return()=>{for(let t of e.values())t.controller.abort()}},[]),{attachments:c,uploadedAttachments:(0,f.useMemo)(()=>c.filter(e=>e.status===`uploaded`||!e.status),[c]),isUploading:(0,f.useMemo)(()=>c.some(e=>e.status===`uploading`),[c]),addFiles:_,removeAttachment:v,retryAttachment:y,setAttachments:h,reset:b}}function w(e){return!e||typeof e!=`string`?!1:e.replace(/<[^>]*>/g,``).trim().length>0}var T=(0,f.forwardRef)(function({context:e,canComment:t=!0,isSubmitting:n=!1,errors:i,resetKey:o=0,onSubmit:s,onCancel:l,editingComment:p,strings:g,resources:_,onResourceSearch:y,attachments:b,initialValues:x,autoFocus:T=!1,inlineSubmit:D=!0,placeholder:O},k){let A=v(g),j=_,M=y,N=b,P=(0,f.useRef)(null),[F,I]=(0,f.useState)(()=>x?.content??p?.content??``),[L,R]=(0,f.useState)(null),z=d.u({resources:j,onResourceSearch:M,editorRef:P,initialMentions:x?.references??p?.references}),B=C({...N,initialAttachments:x?.attachments??void 0});(0,f.useImperativeHandle)(k,()=>({focus:()=>P.current?.focus(),clear:()=>{P.current?.clear(),z.reset(),B.reset(),R(null)},setBody:e=>{P.current?.setHTML(e)}}),[B,z]),(0,f.useEffect)(()=>{P.current?.setHTML(x?.content??``),z.setMentions(x?.references??[]),B.setAttachments(x?.attachments??[]),R(null)},[e.id,e.type,o]),(0,f.useEffect)(()=>{if(!p)return;P.current?.setHTML(p.content??``),z.setMentions(p.references??[]);let e=(p.attachments??p.media??[]).filter(e=>!!e);B.setAttachments(e)},[p?.id]),(0,f.useEffect)(()=>{i?.content&&R(i.content)},[i]);let V=t=>{t?.preventDefault();let n=P.current?.getHTML()??F;if(!w(n)){R(A.invalidContent);return}R(null),s({content:n,commentableId:e.id,commentableType:e.type,contentType:`html`,references:z.mentions,attachments:B.uploadedAttachments,editingId:p?.id})},H=(0,f.useRef)(null),U=()=>H.current?.click(),W=e=>{e&&B.addFiles(e)},G=B.attachments.length>0,K=!!p,q=n?A.composerSubmitting:K?A.composerSave:A.composerSubmit,J=K?(0,m.jsx)(E,{label:A.composerEditingEyebrow,closeLabel:A.composerCancel,onClose:l}):null,Y=(0,f.useMemo)(()=>{let e=[];return j&&Object.keys(j).length>0&&e.push({id:`reference`,icon:h.AtSign,label:A.composerReferenceLabel,onClick:()=>z.setPickerOpen(!0)}),N?.onUpload&&!N.disabled&&e.push({id:`attachment`,icon:h.Paperclip,label:A.composerAttachmentLabel,onClick:U}),e},[j,N?.onUpload,N?.disabled,A.composerReferenceLabel,A.composerAttachmentLabel]);if(!t)return null;let X=(0,m.jsx)(r.t,{type:`button`,onClick:()=>V(),disabled:n||B.isUploading,icon:n?h.Loader2:h.Send,children:q}),Z=K||l?(0,m.jsx)(r.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:l,disabled:n,children:A.composerCancel}):null,Q=G?(0,m.jsx)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:B.attachments.map(e=>(0,m.jsx)(S,{attachment:e,editable:!0,onRemove:B.removeAttachment,onRetry:B.retryAttachment,strings:g},e.id))}):null,$=G?Q:null,ee=D===!1?null:X,te=D===!1||K;return(0,m.jsxs)(`form`,{onSubmit:V,className:`space-y-2`,children:[J,(0,m.jsx)(`input`,{ref:H,type:`file`,multiple:!0,hidden:!0,accept:N?.accept,onChange:e=>{W(e.target.files),e.target.value=``}}),!z.triggerActive&&(0,m.jsxs)(c.n,{open:z.pickerOpen,onOpenChange:z.setPickerOpen,children:[(0,m.jsx)(c.s,{render:(0,m.jsx)(`button`,{type:`button`,className:`sr-only`,tabIndex:-1}),children:A.composerReferenceLabel}),(0,m.jsx)(d.r,{open:z.pickerOpen,activeKind:z.activeKind,setActiveKind:z.setActiveKind,kinds:z.kinds,resources:j,query:z.query,setQuery:z.setQuery,suggestions:z.suggestions,isLoading:z.isLoading,onSelect:z.pickSuggestion,strings:{title:A.composerReferenceMenuTitle,searchPlaceholder:A.composerReferenceSearchPlaceholder,empty:A.composerReferenceEmpty,loading:A.composerReferenceLoading}})]}),(0,m.jsxs)(`div`,{className:`relative`,children:[(0,m.jsx)(u.t,{ref:P,value:F,onChange:e=>{I(e);let t=d.t(e),n=z.mentions;if(n.map(e=>e.id).join(`|`)!==t.map(e=>e.id).join(`|`)){let e=new Map(n.map(e=>[e.id,e])),r=t.map(t=>e.get(t.id)??t);z.setMentions(r)}},placeholder:O??A.composerPlaceholder,strings:{editorLabel:O??A.composerPlaceholder},minHeight:`3rem`,autoFocus:T||K,extraToolbarItems:Y,toolbarTrailing:ee,footerSlot:$,onCaretChange:z.handleCaretChange}),(0,m.jsx)(d.n,{open:z.triggerActive&&z.pickerOpen,activeKind:z.activeKind,setActiveKind:z.setActiveKind,onManualKindChange:()=>z.setManualKindOverride(!0),kinds:z.kinds,resources:j,query:z.query,suggestions:z.suggestions,suggestionsByKind:z.suggestionsByKind,isLoading:z.isLoading,onSelect:z.pickSuggestion,strings:{title:A.composerReferenceMenuTitle,empty:A.composerReferenceEmpty,loading:A.composerReferenceLoading}})]}),L&&(0,m.jsx)(a.s,{size:`xs`,type:`error`,children:L}),te&&(0,m.jsxs)(`div`,{className:`flex items-center justify-end gap-2`,children:[Z,X]})]})});function E({label:e,closeLabel:t,onClose:n}){return(0,m.jsxs)(`div`,{className:`bg-muted/40 ring-border/60 flex items-center justify-between rounded px-2.5 py-1.5 ring-1 ring-inset`,children:[(0,m.jsx)(a.s,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wide`,children:e}),n?(0,m.jsx)(r.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,onClick:n,className:`size-4 rounded p-0 text-muted-foreground hover:text-foreground`,"aria-label":t,children:(0,m.jsx)(h.X,{className:`size-3`})}):null]})}function D(e,t){return _(e,{name:t??``})}var O=({strings:e,icon:t,className:r})=>{let i=v(e);return(0,m.jsxs)(`div`,{className:n.cn(`flex flex-col items-center justify-center py-8 text-center`,r),children:[(0,m.jsx)(`div`,{className:`bg-muted/50 mb-3 flex h-12 w-12 items-center justify-center rounded-full`,children:t??(0,m.jsx)(h.MessageCircle,{className:`text-muted-foreground/60 h-5 w-5`})}),(0,m.jsx)(a.s,{weight:`medium`,children:i.empty}),i.emptyHint?(0,m.jsx)(a.s,{size:`xs`,type:`secondary`,className:`mt-1 max-w-[28ch]`,children:i.emptyHint}):null]})};function k(e){return(0,m.jsx)(A,{comment:e})}function A(e){let{comment:t,resources:n,renderReference:r,sanitizer:i}=e,o=t.contentType??t.content_type??`text`;return o===`rich`?j(t.content):o===`html`?(0,m.jsx)(d.o,{html:t.content??``,mentions:t.references,resources:n,renderMention:r,sanitizer:i}):(0,m.jsx)(a.s,{className:`whitespace-pre-line`,children:P(t.content??``)})}function j(e){if(!e)return null;try{let t=JSON.parse(e);return!t||!Array.isArray(t.blocks)||t.blocks.length===0?null:(0,m.jsx)(`div`,{className:`prose prose-sm prose-p:my-0.5 prose-headings:my-1 prose-a:text-primary prose-a:no-underline hover:prose-a:underline max-w-none space-y-1`,children:t.blocks.map((e,t)=>(0,m.jsx)(f.Fragment,{children:M(e)},e.id??`${e.type}-${t}`))})}catch{return(0,m.jsx)(a.s,{className:`whitespace-pre-line`,children:P(e)})}}function M(e){let t=e.data??{};switch(e.type){case`paragraph`:{let e=String(t.text??``).trim();return e?(0,m.jsx)(a.s,{asHTML:!0,content:e}):null}case`header`:{let e=N(String(t.text??``)),n=Number(t.level??3);return e?(0,f.createElement)(a.o,{tag:`h${Math.min(Math.max(n,1),6)}`},e):null}case`list`:{let e=(Array.isArray(t.items)?t.items:[]).map(e=>N(String(e??``))).filter(e=>e.length>0);return e.length===0?null:t.style===`ordered`?(0,m.jsx)(`ol`,{className:`ml-6 list-decimal space-y-1 text-sm`,children:e.map((e,t)=>(0,m.jsx)(`li`,{children:e},`${e}-${t}`))}):(0,m.jsx)(`ul`,{className:`ml-6 list-disc space-y-1 text-sm`,children:e.map(e=>(0,m.jsx)(`li`,{children:e},e))})}case`quote`:{let e=String(t.text??``).trim();if(!e)return null;let n=N(String(t.caption??``));return(0,m.jsxs)(`blockquote`,{className:`border-muted text-muted-foreground border-l-2 pl-3 text-sm italic`,children:[(0,m.jsx)(a.s,{asHTML:!0,content:e}),n.length>0&&(0,m.jsxs)(`cite`,{className:`text-muted-foreground/80 mt-1 block text-xs not-italic`,children:[`— `,n]})]})}case`delimiter`:return(0,m.jsx)(`div`,{className:`border-muted my-4 border-b border-dashed`,"aria-hidden":`true`});default:{let e=N(String(t.text??``));return e?(0,m.jsx)(a.s,{className:`whitespace-pre-line`,children:e}):null}}}function N(e){return e.replace(/<[^>]*>/g,``).trim()}function P(e){if(typeof e!=`string`)return``;let t=e.trim();if(t===``)return``;if(t.startsWith(`{`)||t.startsWith(`[`))return t;try{let e=JSON.parse(t);if(typeof e==`string`)return e}catch{}return t.startsWith(`"`)&&t.endsWith(`"`)?t.slice(1,-1):t}var F=`?`,I=e=>e?.url,L=e=>e?.name,R=e=>e.charAt(0).toUpperCase()+e.slice(1).replace(/_/g,` `),z=e=>{try{return(0,p.formatDistanceToNow)(new Date(e),{addSuffix:!0})}catch{return`—`}},B=(0,f.memo)(function({comment:e,canModerate:t,onDelete:s,onPinToggle:c,onReact:u,onReply:d,strings:p,getMediaUrl:g,getMediaName:_,getStatusLabel:b,formatRelativeTime:x,resources:C,renderAttachment:w,renderReference:T}){let E=v(p),D=y({getMediaUrl:g,getMediaName:_,getStatusLabel:b,formatRelativeTime:x}),O=D.getMediaUrl??I,k=D.getMediaName??L,j=D.getStatusLabel??R,M=D.formatRelativeTime??z,N=e.user?.name??E.fallbackAuthor,P=e.user?.avatar??void 0,B=(0,f.useMemo)(()=>e.createdAt?M(e.createdAt):`—`,[e.createdAt,M]),V=(0,f.useMemo)(()=>{if(!N)return F;let e=N.trim();return e===``?F:e.charAt(0).toUpperCase()},[N]),H=(0,f.useMemo)(()=>Array.isArray(e.tagsArray)?e.tagsArray.filter(e=>typeof e==`string`):e.tagsArray&&typeof e.tagsArray==`object`?Object.values(e.tagsArray).filter(e=>typeof e==`string`):[],[e.tagsArray]),U=(0,f.useMemo)(()=>(e.attachments??e.media??[]).filter(e=>!!e&&typeof e==`object`),[e.attachments,e.media]),W=e.reactions??[],G=e.isPinned===!0,K=e.isEdited===!0,q=e.status&&e.status!==`active`,J=q&&e.status?j(e.status):null,Y=e.canDelete===!0||t===!0,X=e.canEdit===!0||t===!0,Z=U.length>0;return(0,m.jsx)(`article`,{className:n.cn(`comment-item--component group relative overflow-hidden rounded-lg border transition-colors`,`border-border/60 bg-card hover:bg-muted/30 px-3 py-2.5`),"data-comment-id":e.id,children:(0,m.jsxs)(`div`,{className:`flex min-w-0 items-start gap-3`,children:[(0,m.jsxs)(l.t,{className:`mt-0.5 size-avatar shrink-0`,children:[!!P&&(0,m.jsx)(l.o,{src:P,alt:N}),(0,m.jsx)(l.r,{className:`bg-muted text-muted-foreground text-xs font-medium`,children:V})]}),(0,m.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,m.jsxs)(`div`,{className:`flex min-w-0 items-baseline gap-2`,children:[(0,m.jsx)(a.s,{tag:`span`,weight:`semibold`,className:`truncate`,children:N}),!!G&&(0,m.jsx)(i.r,{delayDuration:0,children:(0,m.jsxs)(i.t,{children:[(0,m.jsx)(i.i,{render:(0,m.jsx)(`span`,{className:`inline-flex shrink-0 self-center`}),children:(0,m.jsx)(h.Pin,{className:`text-warning size-3`,"aria-hidden":!0})}),(0,m.jsx)(i.n,{side:`top`,className:`text-xs`,children:E.pinned})]})}),(0,m.jsx)(a.s,{tag:`span`,size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:B}),!!K&&(0,m.jsx)(a.s,{tag:`span`,size:`xs`,type:`secondary`,className:`shrink-0`,children:E.edited}),!!q&&!!J&&(0,m.jsx)(o.t,{variant:`secondary`,className:`self-center uppercase tracking-wide`,children:J})]}),(0,m.jsx)(`div`,{className:`mt-1 text-sm leading-relaxed`,children:(0,m.jsx)(A,{comment:e,resources:C,renderReference:T})}),H.length>0&&(0,m.jsx)(`div`,{className:`mt-2 flex flex-wrap gap-1.5`,children:H.map(e=>(0,m.jsx)(o.t,{variant:`secondary`,className:`uppercase tracking-wide`,children:e},e))}),Z&&(0,m.jsx)(`div`,{className:`mt-2 flex flex-wrap gap-1.5`,children:U.map(e=>w?(0,m.jsx)(`div`,{children:w(e)},e.id??e.name):(0,m.jsx)(S,{attachment:e,accessors:{getMediaUrl:O,getMediaName:k},strings:p},e.id??e.name))}),W.length>0&&(0,m.jsx)(`div`,{className:`mt-2 flex flex-wrap items-center gap-1`,children:W.map(t=>(0,m.jsx)(r.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`small`,onClick:()=>u&&e.id?u(e.id,t.emoji):void 0,title:t.users?.join(`, `),className:`h-auto rounded-full p-0`,children:(0,m.jsxs)(o.t,{variant:t.mine?`primary`:`secondary`,className:`cursor-pointer transition-colors hover:opacity-90`,children:[(0,m.jsx)(`span`,{"aria-hidden":!0,className:`leading-none`,children:t.emoji}),(0,m.jsx)(`span`,{className:`tabular-nums`,children:t.count})]})},t.emoji))})]}),(0,m.jsxs)(`div`,{className:n.cn(`absolute right-2 top-2 opacity-0 transition-opacity`,`group-hover:opacity-100 focus-within:opacity-100`,`inline-flex items-center gap-0.5 rounded-md bg-card/95 shadow-sm ring-1 ring-border/70`),children:[!!d&&(0,m.jsx)(r.t,{type:`button`,size:`icon-small`,variant:`secondary`,buttonStyle:`ghost`,onClick:()=>e.id&&d(e.id),title:E.replyLabel,"aria-label":E.replyLabel,children:(0,m.jsx)(h.CornerDownRight,{className:`size-3.5`})}),!!u&&(0,m.jsx)(r.t,{type:`button`,size:`icon-small`,variant:`secondary`,buttonStyle:`ghost`,onClick:()=>e.id&&u(e.id,`👍`),title:E.addReactionLabel,"aria-label":E.addReactionLabel,children:(0,m.jsx)(h.Smile,{className:`size-3.5`})}),!!c&&t&&(0,m.jsx)(r.t,{type:`button`,size:`icon-small`,variant:`secondary`,buttonStyle:`ghost`,onClick:()=>c(e),title:G?E.unpinLabel:E.pinLabel,"aria-label":G?E.unpinLabel:E.pinLabel,children:(0,m.jsx)(h.Pin,{className:n.cn(`size-3.5`,G&&`text-warning`)})}),!!X&&!!e.id&&(0,m.jsx)(r.t,{type:`button`,size:`icon-small`,variant:`secondary`,buttonStyle:`ghost`,title:E.editLabel,"aria-label":E.editLabel,children:(0,m.jsx)(h.Pencil,{className:`size-3.5`})}),!!Y&&!!s&&!!e.id&&(0,m.jsx)(r.t,{type:`button`,size:`icon-small`,variant:`secondary`,buttonStyle:`ghost`,className:`hover:bg-destructive/10 hover:text-destructive`,onClick:()=>s(e.id),title:E.deleteLabel,"aria-label":E.deleteLabel,children:(0,m.jsx)(h.Trash2,{className:`size-3.5`})})]})]})})}),V=function({comments:e,canModerate:t,onDelete:n,onPinToggle:r,onReact:i,onReply:a,strings:o,getMediaUrl:s,getMediaName:c,getStatusLabel:l,formatRelativeTime:u,resources:d,renderItem:f,renderAttachment:p,renderReference:h,emptySlot:g}){return e.length?(0,m.jsx)(`div`,{className:`flex flex-col gap-2`,children:e.map((e,g)=>{let _=(0,m.jsx)(B,{comment:e,canModerate:t,onDelete:n,onPinToggle:r,onReact:i,onReply:a,strings:o,getMediaUrl:s,getMediaName:c,getStatusLabel:l,formatRelativeTime:u,resources:d,renderAttachment:p,renderReference:h});return f?(0,m.jsx)(`div`,{children:f({comment:e,canModerate:t??!1,onDelete:n,defaultItem:_})},e.id??`comment-${g}`):(0,m.jsx)(`div`,{children:_},e.id??`comment-${g}`)})}):(0,m.jsx)(m.Fragment,{children:g??(0,m.jsx)(O,{strings:o})})};function H(e){let r=t.r(),i=e.composerPosition??r.composerPosition??`top`,a=e.canComment??!1,o=e.canModerate??!1,c=e.onSubmit,l=e.onDelete,u=e.onPinToggle,d=e.onReact,p=e.onReply,h=e.resources,g=e.attachments,_=v(e.strings),y=e.title===void 0?_.title:e.title,[b,x]=(0,f.useState)({}),[S,C]=(0,f.useState)(!1),[w,E]=(0,f.useState)(0),D={setErrors:e=>x(e),reset:()=>{E(e=>e+1),x({}),C(!1)},setSubmitting:C},k=(0,f.useCallback)(e=>{c&&(C(!0),x({}),c(e,D))},[c]),A=e.composerSlot??(a?(0,m.jsx)(T,{context:e.context,canComment:a,isSubmitting:S,errors:b,resetKey:w,onSubmit:k,strings:e.strings,resources:h,attachments:g}):null),j=(0,m.jsx)(V,{comments:e.comments,canModerate:o,onDelete:l,onPinToggle:u,onReact:d,onReply:p,strings:e.strings,getMediaUrl:e.getMediaUrl,getMediaName:e.getMediaName,getStatusLabel:e.getStatusLabel,formatRelativeTime:e.formatRelativeTime,resources:h,renderItem:e.renderItem,renderAttachment:e.renderAttachment,renderReference:e.renderReference,emptySlot:e.emptySlot??(0,m.jsx)(O,{strings:e.strings})}),M=A?(0,m.jsx)(`div`,{children:A}):null,N=(0,m.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[e.headerSlot,i===`top`&&M,j,i===`bottom`&&M,e.footerSlot]});return e.bare?N:(0,m.jsx)(s.t,{title:y===!1?void 0:y,description:_.subtitle||void 0,padding:`default`,className:n.cn(`comments--component`,e.className),children:N})}var U=H;function W(e={}){let{onSubmit:t,onUpdate:n,onDelete:r}=e,[i,a]=(0,f.useState)({kind:`idle`}),[o,s]=(0,f.useState)(!1),[c,l]=(0,f.useState)({}),[u,d]=(0,f.useState)(0),p={setErrors:e=>l(e),reset:()=>{d(e=>e+1),a({kind:`idle`}),l({})},setSubmitting:s};return{composerMode:i,isSubmitting:o,formErrors:c,resetKey:u,startReply:(0,f.useCallback)(e=>{a({kind:`replying`,commentId:e.id??``,authorName:e.user?.name})},[]),startEdit:(0,f.useCallback)(e=>{a({kind:`editing`,comment:e})},[]),cancelComposerMode:(0,f.useCallback)(()=>{a({kind:`idle`}),l({})},[]),submit:(0,f.useCallback)(e=>{if(s(!0),l({}),i.kind===`editing`&&i.comment.id){if(!n){s(!1);return}n(i.comment.id,e,p);return}if(!t){s(!1);return}t(i.kind===`replying`?{...e,replyToId:i.commentId}:e,p)},[i,t,n]),deleteComment:(0,f.useCallback)(e=>{!r||!e||r(e)},[r]),resetComposer:(0,f.useCallback)(()=>{d(e=>e+1),a({kind:`idle`}),l({})},[]),helpers:p}}Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return B}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return O}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,"g",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"h",{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return V}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return T}}),Object.defineProperty(exports,"m",{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return H}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return A}}),Object.defineProperty(exports,"p",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return U}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return k}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return W}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return D}});
+//# sourceMappingURL=comments-C8iXy9XO.cjs.map

package/dist/_shared/comments-C8iXy9XO.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"comments-C8iXy9XO.cjs","names":[],"sources":["../../src/components/features/comments/comments.strings.ts","../../src/components/features/comments/comments-provider.tsx","../../src/components/features/comments/partials/comment-attachment-chip.tsx","../../src/components/features/comments/hooks/use-attachment-upload.ts","../../src/components/features/comments/partials/comment-composer.tsx","../../src/components/features/comments/partials/comment-empty.tsx","../../src/components/features/comments/partials/comment-content.tsx","../../src/components/features/comments/partials/comment-item.tsx","../../src/components/features/comments/partials/comment-timeline.tsx","../../src/components/features/comments/comments.tsx","../../src/components/features/comments/hooks/use-comments.ts"],"sourcesContent":["/**\n * Strings for the Comments feature. Consumers override via the `strings`\n * prop on `<Comments>` / `<CommentsCard>` / sub-components — values are\n * deep-merged over these defaults.\n */\nexport interface CommentsStrings {\n    /** Card title — usually \"Comments\". Set to \"\" to hide. */\n    title: string;\n    /** Subtitle under the card title — optional. */\n    subtitle: string;\n    /** Empty-state copy for the timeline. */\n    empty: string;\n    /** Empty-state secondary copy. */\n    emptyHint: string;\n\n    // Composer ---------------------------------------------------------\n    /** Composer rich-text placeholder. */\n    composerPlaceholder: string;\n    /** Submit label for new comments. */\n    composerSubmit: string;\n    /** Submit label while pending. */\n    composerSubmitting: string;\n    /** Submit label when editing. */\n    composerSave: string;\n    /** Required-content error. */\n    invalidContent: string;\n    /** Cancel/dismiss draft. */\n    composerCancel: string;\n    /** \"Edit comment\" eyebrow shown above the composer in edit mode. */\n    composerEditingEyebrow: string;\n    /** \"Reply to {{name}}\" eyebrow shown above the composer in reply mode. */\n    composerReplyingEyebrow: string;\n\n    // Toolbar buttons --------------------------------------------------\n    composerAttachmentLabel: string;\n    composerReferenceLabel: string;\n    composerReferenceMenuTitle: string;\n    composerReferenceSearchPlaceholder: string;\n    composerReferenceEmpty: string;\n    composerReferenceLoading: string;\n\n    // Item -------------------------------------------------------------\n    fallbackAuthor: string;\n    pinned: string;\n    edited: string;\n    /** Trash button aria-label / tooltip. */\n    deleteLabel: string;\n    /** Edit button label. */\n    editLabel: string;\n    /** Reply button label. */\n    replyLabel: string;\n    /** Pin/unpin button label. */\n    pinLabel: string;\n    unpinLabel: string;\n    /** \"More actions\" trigger aria-label. */\n    moreActionsLabel: string;\n    /** Confirm-delete button label inside the action menu. */\n    confirmDeleteLabel: string;\n\n    // Attachments ------------------------------------------------------\n    attachmentFallback: string;\n    attachmentRemoveLabel: string;\n    attachmentUploadingLabel: string;\n    attachmentFailedLabel: string;\n    attachmentTooLargeError: string;\n    attachmentTooManyError: string;\n    attachmentRetryLabel: string;\n    attachmentDownloadLabel: string;\n\n    // Reactions --------------------------------------------------------\n    addReactionLabel: string;\n\n    // Misc -------------------------------------------------------------\n    showRepliesLabel: string;\n    hideRepliesLabel: string;\n}\n\nexport const defaultCommentsStrings: CommentsStrings = {\n    title: 'Comments',\n    subtitle: '',\n    empty: 'No comments yet.',\n    emptyHint: 'Start the conversation — your team will see it instantly.',\n\n    composerPlaceholder: 'Write a comment…',\n    composerSubmit: 'Post comment',\n    composerSubmitting: 'Posting…',\n    composerSave: 'Save changes',\n    invalidContent: 'Comment cannot be empty.',\n    composerCancel: 'Cancel',\n    composerEditingEyebrow: 'Editing comment',\n    composerReplyingEyebrow: 'Replying to {{name}}',\n\n    composerAttachmentLabel: 'Attach file',\n    composerReferenceLabel: 'Mention or link',\n    composerReferenceMenuTitle: 'Insert reference',\n    composerReferenceSearchPlaceholder: 'Search…',\n    composerReferenceEmpty: 'No matches.',\n    composerReferenceLoading: 'Searching…',\n\n    fallbackAuthor: 'Anonymous',\n    pinned: 'Pinned',\n    edited: 'edited',\n    deleteLabel: 'Delete',\n    editLabel: 'Edit',\n    replyLabel: 'Reply',\n    pinLabel: 'Pin',\n    unpinLabel: 'Unpin',\n    moreActionsLabel: 'More actions',\n    confirmDeleteLabel: 'Delete comment',\n\n    attachmentFallback: 'Attachment',\n    attachmentRemoveLabel: 'Remove attachment',\n    attachmentUploadingLabel: 'Uploading…',\n    attachmentFailedLabel: 'Upload failed',\n    attachmentTooLargeError: 'File is too large.',\n    attachmentTooManyError: 'Too many attachments.',\n    attachmentRetryLabel: 'Retry',\n    attachmentDownloadLabel: 'Download',\n\n    addReactionLabel: 'Add reaction',\n\n    showRepliesLabel: 'Show replies',\n    hideRepliesLabel: 'Hide replies',\n};\n\n/**\n * Tiny `{{token}}` interpolator used by templated strings like\n * `composerReplyingEyebrow`. No HTML escaping — treat values as plain text.\n */\nexport function interpolateString(\n    template: string,\n    values: Record<string, string | number | undefined>,\n): string {\n    return template.replace(/\\{\\{(\\w+)\\}\\}/g, (_, key: string) => {\n        const value = values[key];\n        return value === undefined || value === null ? '' : String(value);\n    });\n}\n","/**\n * Comments — internal helper hooks for resolving strings and accessors.\n *\n * Rationale: the previous `<CommentsProvider>` is gone. Library-wide\n * defaults now live in `<UIProvider>` (`useMediaConfig` / `useDatesConfig`).\n * Per-mount overrides flow as direct props on `<Comments>` and its\n * partials. These helpers just centralize the merge order.\n *\n * Resolution order everywhere:\n *\n *     props.strings      ← deep-merged over `defaultCommentsStrings`\n *     props.accessor.X   ← falls back to UIProvider's media/dates resolvers,\n *                          then to a built-in default at the call site.\n */\nimport { useMemo } from 'react';\n\nimport { useStrings, type StringsProp } from '@/lib/strings';\nimport { useDatesConfig, useMediaConfig } from '@/lib/ui-provider';\n\nimport {\n    defaultCommentsStrings,\n    type CommentsStrings,\n} from './comments.strings';\nimport type { CommentAttachment, CommentsAccessors } from './comments.types';\n\n/**\n * Resolve final strings by merging defaults → component prop. Stable\n * identity when the prop reference is unchanged.\n */\nexport function useResolvedStrings(\n    propStrings?: StringsProp<CommentsStrings>,\n): CommentsStrings {\n    return useStrings(defaultCommentsStrings, propStrings);\n}\n\n/**\n * Resolve accessors. Order:\n *   1. explicit prop accessor\n *   2. matching UIProvider slot (`useMediaConfig().resolveUrl`, etc.)\n *   3. caller's own fallback when neither is present (handled at call site)\n */\nexport function useResolvedAccessors(\n    propAccessors?: CommentsAccessors,\n): CommentsAccessors {\n    const media = useMediaConfig();\n    const dates = useDatesConfig();\n    return useMemo<CommentsAccessors>(\n        () => ({\n            getMediaUrl:\n                propAccessors?.getMediaUrl ??\n                ((m: CommentAttachment | null | undefined) =>\n                    media.resolveUrl?.((m ?? {}) as { url?: string; key?: string })),\n            getMediaName:\n                propAccessors?.getMediaName ??\n                ((m: CommentAttachment | null | undefined) =>\n                    media.resolveName?.((m ?? {}) as { name?: string })),\n            getStatusLabel: propAccessors?.getStatusLabel,\n            formatRelativeTime:\n                propAccessors?.formatRelativeTime ?? dates.formatRelativeTime,\n        }),\n        [propAccessors, media, dates.formatRelativeTime],\n    );\n}\n","/**\n * CommentAttachmentChip — small attachment pill used in the composer draft\n * and the timeline. Single inline row: icon + name · size, with progress /\n * error states overlaid on the same line. Editable mode reveals a remove\n * button; failed uploads expose a retry pill.\n */\nimport { File, FileText, Image as ImageIcon, Loader2, Paperclip, X } from 'lucide-react';\nimport type { FC } from 'react';\n\nimport { Button } from '@/components/base/buttons';\nimport { Text } from '@/components/typography';\nimport { useStrings, type StringsProp } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport type {\n    CommentAttachment,\n    CommentsAccessors,\n} from '../comments.types';\nimport {\n    defaultCommentsStrings,\n    type CommentsStrings,\n} from '../comments.strings';\n\nexport interface CommentAttachmentChipProps {\n    attachment: CommentAttachment;\n    /** Editable mode shows a remove button. */\n    editable?: boolean;\n    onRemove?: (id: string) => void;\n    onRetry?: (id: string) => void;\n    accessors?: CommentsAccessors;\n    strings?: StringsProp<CommentsStrings>;\n    /** Compact chips have smaller text and tighter padding. */\n    compact?: boolean;\n    className?: string;\n}\n\nfunction formatBytes(bytes?: number): string | null {\n    if (typeof bytes !== 'number' || bytes <= 0) return null;\n    if (bytes < 1024) return `${bytes} B`;\n    if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;\n    return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;\n}\n\nfunction pickIcon(att: CommentAttachment) {\n    if (att.mimeType?.startsWith('image/')) return ImageIcon;\n    if (att.mimeType === 'application/pdf') return FileText;\n    if (att.mimeType?.startsWith('text/')) return FileText;\n    if (att.mimeType) return File;\n    return Paperclip;\n}\n\nexport const CommentAttachmentChip: FC<CommentAttachmentChipProps> = ({\n    attachment,\n    editable = false,\n    onRemove,\n    onRetry,\n    accessors,\n    strings: stringsProp,\n    compact = false,\n    className,\n}) => {\n    const strings = useStrings(defaultCommentsStrings, stringsProp);\n\n    const url = accessors?.getMediaUrl?.(attachment) ?? attachment.url;\n    const name =\n        accessors?.getMediaName?.(attachment) ??\n        attachment.name ??\n        strings.attachmentFallback;\n    const Icon = pickIcon(attachment);\n\n    const isUploading = attachment.status === 'uploading';\n    const isFailed = attachment.status === 'failed';\n    const sizeLabel = formatBytes(attachment.size);\n\n    const meta = isUploading\n        ? strings.attachmentUploadingLabel +\n          (typeof attachment.progress === 'number'\n              ? ` ${Math.round(attachment.progress)}%`\n              : '')\n        : isFailed\n          ? attachment.error ?? strings.attachmentFailedLabel\n          : sizeLabel;\n\n    const surface = cn(\n        'relative inline-flex min-w-0 max-w-[20rem] items-center gap-1.5 rounded-md',\n        'ring-1 ring-inset transition-colors',\n        compact ? 'px-2 py-1 text-xs' : 'px-2.5 py-1 text-xs',\n        isFailed\n            ? 'bg-destructive/[0.04] ring-destructive/30 hover:bg-destructive/[0.08]'\n            : 'bg-foreground/[0.03] ring-border/60 hover:bg-foreground/[0.06]',\n        className,\n    );\n\n    const iconNode = isUploading ? (\n        <Loader2\n            className={cn('shrink-0 animate-spin text-muted-foreground', 'size-3.5')}\n            aria-hidden\n        />\n    ) : (\n        <Icon\n            className={cn(\n                'shrink-0',\n                'size-3.5',\n                isFailed ? 'text-destructive' : 'text-muted-foreground',\n            )}\n            aria-hidden\n        />\n    );\n\n    const labelRow = (\n        <span className=\"inline-flex min-w-0 items-baseline gap-1.5\">\n            <Text\n                tag=\"span\"\n                size=\"xs\"\n                weight=\"medium\"\n                className={cn('truncate', isFailed && 'text-destructive')}\n            >\n                {name}\n            </Text>\n            {meta ? (\n                <Text\n                    tag=\"span\"\n                    size=\"xxs\"\n                    type=\"secondary\"\n                    className=\"shrink-0 tabular-nums\"\n                >\n                    {meta}\n                </Text>\n            ) : null}\n        </span>\n    );\n\n    const isInteractive = !!url && !isUploading && !isFailed;\n\n    return (\n        <div className={surface}>\n            {iconNode}\n            {isInteractive ? (\n                <a\n                    href={url}\n                    target=\"_blank\"\n                    rel=\"noreferrer noopener\"\n                    className=\"inline-flex min-w-0 flex-1 items-baseline gap-1.5 hover:underline\"\n                    aria-label={strings.attachmentDownloadLabel}\n                >\n                    {labelRow}\n                </a>\n            ) : (\n                labelRow\n            )}\n\n            {isUploading && typeof attachment.progress === 'number' && (\n                <div className=\"bg-primary/15 absolute bottom-0 left-2 right-2 h-px overflow-hidden rounded-full\">\n                    <div\n                        className=\"bg-primary h-full transition-[width]\"\n                        style={{\n                            width: `${Math.min(100, Math.max(0, attachment.progress))}%`,\n                        }}\n                    />\n                </div>\n            )}\n\n            {isFailed && onRetry && (\n                <Button\n                    type=\"button\"\n                    variant=\"error\"\n                    buttonStyle=\"ghost\"\n                    size=\"small\"\n                    onClick={() => onRetry(attachment.id)}\n                    className=\"h-auto shrink-0 rounded px-1.5 py-px text-xxs font-medium ring-1 ring-inset ring-destructive/30 hover:ring-destructive/60\"\n                >\n                    {strings.attachmentRetryLabel}\n                </Button>\n            )}\n\n            {editable && onRemove && (\n                <Button\n                    type=\"button\"\n                    variant=\"secondary\"\n                    buttonStyle=\"ghost\"\n                    size=\"icon-small\"\n                    onClick={() => onRemove(attachment.id)}\n                    className=\"-mr-0.5 size-4 shrink-0 rounded p-0 text-muted-foreground hover:bg-foreground/10 hover:text-foreground\"\n                    aria-label={strings.attachmentRemoveLabel}\n                    title={strings.attachmentRemoveLabel}\n                >\n                    <X className=\"size-3\" />\n                </Button>\n            )}\n        </div>\n    );\n};\n","/**\n * useAttachmentUpload — manages a list of in-flight + uploaded\n * `CommentAttachment`s for a comment composer.\n *\n * Pass the consumer-supplied `onUpload` callback directly via the\n * `attachments` prop on `<Comments>` (or `<CommentComposer>`). Aborts\n * in-flight uploads when an attachment is removed.\n */\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport type {\n    CommentAttachment,\n    CommentsAttachmentsConfig,\n} from '../comments.types';\n\ninterface InFlightEntry {\n    controller: AbortController;\n}\n\nexport interface UseAttachmentUploadOptions extends CommentsAttachmentsConfig {\n    /** Initial attachments — useful when editing an existing comment. */\n    initialAttachments?: ReadonlyArray<CommentAttachment>;\n    /** Fires when the list of uploaded attachments changes. */\n    onChange?: (attachments: ReadonlyArray<CommentAttachment>) => void;\n    /** Fires when a validation or upload error happens. */\n    onError?: (error: string) => void;\n}\n\nexport interface UseAttachmentUploadReturn {\n    /** All attachments — uploading + uploaded + failed. */\n    attachments: ReadonlyArray<CommentAttachment>;\n    /** Subset of attachments that finished uploading. Use this in the form payload. */\n    uploadedAttachments: ReadonlyArray<CommentAttachment>;\n    /** True while at least one upload is in flight. */\n    isUploading: boolean;\n    /** Add files. Validates against `maxSize` / `maxFiles` first. */\n    addFiles: (files: ReadonlyArray<File> | FileList) => void;\n    /** Remove an attachment by id (aborts in-flight uploads). */\n    removeAttachment: (id: string) => void;\n    /** Retry a failed upload. */\n    retryAttachment: (id: string) => void;\n    /** Replace the list (used when editing or after submit). */\n    setAttachments: (attachments: ReadonlyArray<CommentAttachment>) => void;\n    /** Clear the list and abort everything in flight. */\n    reset: () => void;\n}\n\nexport function useAttachmentUpload(\n    options: UseAttachmentUploadOptions = {},\n): UseAttachmentUploadReturn {\n    const {\n        onUpload,\n        maxSize,\n        maxFiles,\n        // `accept` is consumed by the surrounding `<input type=\"file\"\n        // accept>` element, not here — destructuring is intentional\n        // even though we don't reference it inside the hook.\n        disabled,\n        initialAttachments,\n        onChange,\n        onError,\n    } = options;\n\n    const [attachments, setAttachmentsState] = useState<CommentAttachment[]>(() =>\n        initialAttachments ? [...initialAttachments] : [],\n    );\n    const inFlightRef = useRef<Map<string, InFlightEntry>>(new Map());\n    const fileCacheRef = useRef<Map<string, File>>(new Map());\n    const onChangeRef = useRef(onChange);\n    onChangeRef.current = onChange;\n\n    const updateAttachment = useCallback(\n        (id: string, patch: Partial<CommentAttachment>) => {\n            setAttachmentsState((prev) =>\n                prev.map((a) => (a.id === id ? { ...a, ...patch } : a)),\n            );\n        },\n        [],\n    );\n\n    const setAttachments = useCallback(\n        (next: ReadonlyArray<CommentAttachment>) => {\n            setAttachmentsState([...next]);\n        },\n        [],\n    );\n\n    const beginUpload = useCallback(\n        (id: string, file: File) => {\n            if (!onUpload) return;\n            const controller = new AbortController();\n            inFlightRef.current.set(id, { controller });\n\n            updateAttachment(id, {\n                status: 'uploading',\n                progress: 0,\n                error: undefined,\n            });\n\n            const onProgress = (progress: number) => {\n                updateAttachment(id, { progress });\n            };\n\n            onUpload({ file, onProgress, signal: controller.signal })\n                .then((uploaded) => {\n                    inFlightRef.current.delete(id);\n                    updateAttachment(id, {\n                        ...uploaded,\n                        id,\n                        status: 'uploaded',\n                        progress: 100,\n                        error: undefined,\n                    });\n                })\n                .catch((err: unknown) => {\n                    inFlightRef.current.delete(id);\n                    if (controller.signal.aborted) {\n                        return;\n                    }\n                    const message =\n                        err instanceof Error ? err.message : 'Upload failed';\n                    updateAttachment(id, {\n                        status: 'failed',\n                        error: message,\n                    });\n                    onError?.(message);\n                });\n        },\n        [onError, onUpload, updateAttachment],\n    );\n\n    const addFiles = useCallback(\n        (filesInput: ReadonlyArray<File> | FileList) => {\n            if (disabled || !onUpload) return;\n            const files = Array.from(filesInput);\n            if (files.length === 0) return;\n\n            setAttachmentsState((prev) => {\n                const next = [...prev];\n                for (const file of files) {\n                    if (\n                        typeof maxFiles === 'number' &&\n                        next.length >= maxFiles\n                    ) {\n                        onError?.('Too many attachments.');\n                        break;\n                    }\n                    if (\n                        typeof maxSize === 'number' &&\n                        file.size > maxSize\n                    ) {\n                        onError?.('File is too large.');\n                        continue;\n                    }\n\n                    const id =\n                        typeof crypto !== 'undefined' && 'randomUUID' in crypto\n                            ? crypto.randomUUID()\n                            : `att-${Date.now()}-${Math.random().toString(36).slice(2)}`;\n\n                    fileCacheRef.current.set(id, file);\n\n                    next.push({\n                        id,\n                        name: file.name,\n                        size: file.size,\n                        mimeType: file.type,\n                        status: 'uploading',\n                        progress: 0,\n                    });\n\n                    queueMicrotask(() => beginUpload(id, file));\n                }\n                return next;\n            });\n        },\n        [beginUpload, disabled, maxFiles, maxSize, onError, onUpload],\n    );\n\n    const removeAttachment = useCallback((id: string) => {\n        const entry = inFlightRef.current.get(id);\n        if (entry) {\n            entry.controller.abort();\n            inFlightRef.current.delete(id);\n        }\n        fileCacheRef.current.delete(id);\n        setAttachmentsState((prev) => prev.filter((a) => a.id !== id));\n    }, []);\n\n    const retryAttachment = useCallback(\n        (id: string) => {\n            const file = fileCacheRef.current.get(id);\n            if (!file) return;\n            beginUpload(id, file);\n        },\n        [beginUpload],\n    );\n\n    const reset = useCallback(() => {\n        for (const entry of inFlightRef.current.values()) {\n            entry.controller.abort();\n        }\n        inFlightRef.current.clear();\n        fileCacheRef.current.clear();\n        setAttachmentsState([]);\n    }, []);\n\n    useEffect(() => {\n        onChangeRef.current?.(attachments);\n    }, [attachments]);\n\n    useEffect(() => {\n        const inFlight = inFlightRef.current;\n        return () => {\n            for (const entry of inFlight.values()) {\n                entry.controller.abort();\n            }\n        };\n    }, []);\n\n    const uploadedAttachments = useMemo(\n        () => attachments.filter((a) => a.status === 'uploaded' || !a.status),\n        [attachments],\n    );\n\n    const isUploading = useMemo(\n        () => attachments.some((a) => a.status === 'uploading'),\n        [attachments],\n    );\n\n    return {\n        attachments,\n        uploadedAttachments,\n        isUploading,\n        addFiles,\n        removeAttachment,\n        retryAttachment,\n        setAttachments,\n        reset,\n    };\n}\n","/**\n * CommentComposer — TipTap-backed rich text editor with inline reference\n * picker and attachment uploader. Default composer for `<Comments>`.\n *\n * Mention/reference handling is delegated to the shared\n * `features/mentions` module: `useMentions` drives picker state +\n * caret-trigger detection, `<MentionPicker>` renders the popover, and\n * `<MentionChip>` renders draft-list chips. The same primitives power\n * inline references in `features/event-log`.\n */\nimport { AtSign, Loader2, Paperclip, Send, X } from 'lucide-react';\nimport {\n    forwardRef,\n    useEffect,\n    useImperativeHandle,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport type { ReactNode } from 'react';\n\nimport { Button } from '@/components/base/buttons';\nimport { Popover, PopoverTrigger } from '@/components/base/popover';\nimport { Text } from '@/components/typography';\nimport {\n    RichTextEditor,\n    type RichTextEditorHandle,\n    type RichTextEditorToolbarItem,\n} from '@/components/features/rich-text-editor/rich-text-editor';\nimport {\n    MentionInlineSuggestions,\n    MentionPicker,\n    parseMentionsFromHtml,\n    useMentions,\n} from '@/components/features/mentions';\nimport { useResolvedStrings } from '../comments-provider';\nimport { interpolateString } from '../comments.strings';\nimport type {\n    CommentComposerProps,\n    CommentFormValues,\n} from '../comments.types';\nimport { CommentAttachmentChip } from './comment-attachment-chip';\nimport { useAttachmentUpload } from '../hooks/use-attachment-upload';\n\nexport interface CommentComposerHandle {\n    focus(): void;\n    clear(): void;\n    /** Imperatively set the draft body. */\n    setBody(html: string): void;\n}\n\nfunction hasMeaningfulContent(html: string): boolean {\n    if (!html || typeof html !== 'string') return false;\n    const text = html.replace(/<[^>]*>/g, '').trim();\n    return text.length > 0;\n}\n\nexport const CommentComposer = forwardRef<\n    CommentComposerHandle,\n    CommentComposerProps\n>(function CommentComposer(\n    {\n        context,\n        canComment = true,\n        isSubmitting = false,\n        errors,\n        resetKey = 0,\n        onSubmit,\n        onCancel,\n        editingComment,\n        strings: stringsProp,\n        resources: resourcesProp,\n        onResourceSearch: onResourceSearchProp,\n        attachments: attachmentsProp,\n        initialValues,\n        autoFocus = false,\n        inlineSubmit = true,\n        placeholder,\n    },\n    ref,\n) {\n    const strings = useResolvedStrings(stringsProp);\n\n    const resources = resourcesProp;\n    const onResourceSearch = onResourceSearchProp;\n    const attachmentsConfig = attachmentsProp;\n\n    const editorRef = useRef<RichTextEditorHandle>(null);\n    const [body, setBody] = useState<string>(\n        () => initialValues?.content ?? editingComment?.content ?? '',\n    );\n    const [contentError, setContentError] = useState<string | null>(null);\n\n    /**\n     * Mentions state — picker + caret-trigger detection. The hook reads\n     * the editor handle via the ref we pass; on suggestion select it\n     * inserts the chip and replaces the trigger range automatically.\n     */\n    const mentions = useMentions({\n        resources,\n        onResourceSearch,\n        editorRef,\n        initialMentions:\n            initialValues?.references ?? editingComment?.references,\n    });\n\n    const attachmentUpload = useAttachmentUpload({\n        ...attachmentsConfig,\n        initialAttachments: initialValues?.attachments ?? undefined,\n    });\n\n    useImperativeHandle(\n        ref,\n        () => ({\n            focus: () => editorRef.current?.focus(),\n            clear: () => {\n                editorRef.current?.clear();\n                mentions.reset();\n                attachmentUpload.reset();\n                setContentError(null);\n            },\n            setBody: (html) => {\n                editorRef.current?.setHTML(html);\n            },\n        }),\n        [attachmentUpload, mentions],\n    );\n\n    // Reset on context change / resetKey bump\n    useEffect(() => {\n        editorRef.current?.setHTML(initialValues?.content ?? '');\n        mentions.setMentions(initialValues?.references ?? []);\n        attachmentUpload.setAttachments(initialValues?.attachments ?? []);\n        setContentError(null);\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [context.id, context.type, resetKey]);\n\n    // Sync editing comment payload\n    useEffect(() => {\n        if (!editingComment) return;\n        editorRef.current?.setHTML(editingComment.content ?? '');\n        mentions.setMentions(editingComment.references ?? []);\n        const list = (editingComment.attachments ?? editingComment.media ?? []).filter(\n            (a): a is NonNullable<typeof a> => !!a,\n        );\n        attachmentUpload.setAttachments(list);\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [editingComment?.id]);\n\n    // Surface server-side errors\n    useEffect(() => {\n        if (errors?.content) {\n            setContentError(errors.content);\n        }\n    }, [errors]);\n\n    const handleSubmit = (event?: React.FormEvent) => {\n        event?.preventDefault();\n        const html = editorRef.current?.getHTML() ?? body;\n        if (!hasMeaningfulContent(html)) {\n            setContentError(strings.invalidContent);\n            return;\n        }\n        setContentError(null);\n\n        const values: CommentFormValues = {\n            content: html,\n            commentableId: context.id,\n            commentableType: context.type,\n            contentType: 'html',\n            references: mentions.mentions,\n            attachments: attachmentUpload.uploadedAttachments,\n            editingId: editingComment?.id,\n        };\n\n        onSubmit(values);\n    };\n\n    const fileInputRef = useRef<HTMLInputElement>(null);\n    const handleAttachmentClick = () => fileInputRef.current?.click();\n    const handleFiles = (files: FileList | null) => {\n        if (!files) return;\n        attachmentUpload.addFiles(files);\n    };\n\n    const hasAttachments = attachmentUpload.attachments.length > 0;\n    const isEditing = !!editingComment;\n\n    const submitLabel = isSubmitting\n        ? strings.composerSubmitting\n        : isEditing\n          ? strings.composerSave\n          : strings.composerSubmit;\n\n    const eyebrow: ReactNode = isEditing ? (\n        <ComposerEyebrow\n            label={strings.composerEditingEyebrow}\n            closeLabel={strings.composerCancel}\n            onClose={onCancel}\n        />\n    ) : null;\n\n    const extraToolbarItems = useMemo<ReadonlyArray<RichTextEditorToolbarItem>>(() => {\n        const items: RichTextEditorToolbarItem[] = [];\n        if (resources && Object.keys(resources).length > 0) {\n            items.push({\n                id: 'reference',\n                icon: AtSign,\n                label: strings.composerReferenceLabel,\n                onClick: () => mentions.setPickerOpen(true),\n            });\n        }\n        if (attachmentsConfig?.onUpload && !attachmentsConfig.disabled) {\n            items.push({\n                id: 'attachment',\n                icon: Paperclip,\n                label: strings.composerAttachmentLabel,\n                onClick: handleAttachmentClick,\n            });\n        }\n        return items;\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [\n        resources,\n        attachmentsConfig?.onUpload,\n        attachmentsConfig?.disabled,\n        strings.composerReferenceLabel,\n        strings.composerAttachmentLabel,\n    ]);\n\n    if (!canComment) return null;\n\n    const submitButton = (\n        <Button\n            type=\"button\"\n            onClick={() => handleSubmit()}\n            disabled={isSubmitting || attachmentUpload.isUploading}\n            icon={isSubmitting ? Loader2 : Send}\n        >\n            {submitLabel}\n        </Button>\n    );\n\n    const cancelButton = (isEditing || onCancel) ? (\n        <Button\n            type=\"button\"\n            variant=\"secondary\"\n            buttonStyle=\"ghost\"\n            onClick={onCancel}\n            disabled={isSubmitting}\n        >\n            {strings.composerCancel}\n        </Button>\n    ) : null;\n\n    // Mentions live as inline `<span class=\"rsc-mention\" contenteditable=\"false\">`\n    // chips inside the editor body — they're visible, dismissible (single\n    // backspace deletes the whole span), and the HTML→mentions sync keeps\n    // `mentions.mentions` aligned automatically. Rendering them again as a\n    // chip-list below the editor was redundant and confusing.\n\n    const attachmentChips = hasAttachments ? (\n        <div className=\"flex flex-wrap items-center gap-1.5\">\n            {attachmentUpload.attachments.map((attachment) => (\n                <CommentAttachmentChip\n                    key={attachment.id}\n                    attachment={attachment}\n                    editable\n                    onRemove={attachmentUpload.removeAttachment}\n                    onRetry={attachmentUpload.retryAttachment}\n                    strings={stringsProp}\n                />\n            ))}\n        </div>\n    ) : null;\n\n    const footerSlot = hasAttachments ? attachmentChips : null;\n\n    const trailingSubmit = inlineSubmit !== false ? submitButton : null;\n    const showFooterRow = inlineSubmit === false || isEditing;\n\n    return (\n        <form onSubmit={handleSubmit} className=\"space-y-2\">\n            {eyebrow}\n\n            <input\n                ref={fileInputRef}\n                type=\"file\"\n                multiple\n                hidden\n                accept={attachmentsConfig?.accept}\n                onChange={(e) => {\n                    handleFiles(e.target.files);\n                    e.target.value = '';\n                }}\n            />\n\n            {/* Manual button-click flow: regular popover anchored to the\n                hidden trigger. The inline-trigger flow uses the panel\n                rendered below — no focus stealing while the user types. */}\n            {!mentions.triggerActive && (\n                <Popover open={mentions.pickerOpen} onOpenChange={mentions.setPickerOpen}>\n                    <PopoverTrigger\n                        render={\n                            <button\n                                type=\"button\"\n                                className=\"sr-only\"\n                                tabIndex={-1}\n                            />\n                        }\n                    >\n                        {strings.composerReferenceLabel}\n                    </PopoverTrigger>\n                    <MentionPicker\n                        open={mentions.pickerOpen}\n                        activeKind={mentions.activeKind}\n                        setActiveKind={mentions.setActiveKind}\n                        kinds={mentions.kinds}\n                        resources={resources}\n                        query={mentions.query}\n                        setQuery={mentions.setQuery}\n                        suggestions={mentions.suggestions}\n                        isLoading={mentions.isLoading}\n                        onSelect={mentions.pickSuggestion}\n                        strings={{\n                            title: strings.composerReferenceMenuTitle,\n                            searchPlaceholder: strings.composerReferenceSearchPlaceholder,\n                            empty: strings.composerReferenceEmpty,\n                            loading: strings.composerReferenceLoading,\n                        }}\n                    />\n                </Popover>\n            )}\n\n            <div className=\"relative\">\n                <RichTextEditor\n                    ref={editorRef}\n                    value={body}\n                    onChange={(html) => {\n                        setBody(html);\n                        // Sync the draft's mentions list with what's\n                        // actually present in the HTML — when the user\n                        // backspaces a chip span out of the body, the\n                        // chip-list below shrinks too. We merge with\n                        // the previously-known list so consumer-supplied\n                        // `href` / `data` payloads survive parsing.\n                        const parsed = parseMentionsFromHtml<string>(html);\n                        const previous = mentions.mentions;\n                        const previousIds = previous.map((m) => m.id).join('|');\n                        const currentIds = parsed.map((m) => m.id).join('|');\n                        if (previousIds !== currentIds) {\n                            const byId = new Map(previous.map((m) => [m.id, m]));\n                            const merged = parsed.map(\n                                (p) => byId.get(p.id) ?? p,\n                            );\n                            mentions.setMentions(merged);\n                        }\n                    }}\n                    placeholder={placeholder ?? strings.composerPlaceholder}\n                    strings={{\n                        editorLabel: placeholder ?? strings.composerPlaceholder,\n                    }}\n                    minHeight=\"3rem\"\n                    autoFocus={autoFocus || isEditing}\n                    extraToolbarItems={extraToolbarItems}\n                    toolbarTrailing={trailingSubmit}\n                    footerSlot={footerSlot}\n                    onCaretChange={mentions.handleCaretChange}\n                />\n\n                <MentionInlineSuggestions\n                    open={mentions.triggerActive && mentions.pickerOpen}\n                    activeKind={mentions.activeKind}\n                    setActiveKind={mentions.setActiveKind}\n                    onManualKindChange={() => mentions.setManualKindOverride(true)}\n                    kinds={mentions.kinds}\n                    resources={resources}\n                    query={mentions.query}\n                    suggestions={mentions.suggestions}\n                    suggestionsByKind={mentions.suggestionsByKind}\n                    isLoading={mentions.isLoading}\n                    onSelect={mentions.pickSuggestion}\n                    strings={{\n                        title: strings.composerReferenceMenuTitle,\n                        empty: strings.composerReferenceEmpty,\n                        loading: strings.composerReferenceLoading,\n                    }}\n                />\n            </div>\n\n            {contentError && (\n                <Text size=\"xs\" type=\"error\">\n                    {contentError}\n                </Text>\n            )}\n\n            {showFooterRow && (\n                <div className=\"flex items-center justify-end gap-2\">\n                    {cancelButton}\n                    {submitButton}\n                </div>\n            )}\n        </form>\n    );\n});\n\n/* ------------------------------------------------------------------ */\n/*  ComposerEyebrow                                                    */\n/* ------------------------------------------------------------------ */\n\nfunction ComposerEyebrow({\n    label,\n    closeLabel,\n    onClose,\n}: {\n    label: string;\n    closeLabel: string;\n    onClose?: () => void;\n}) {\n    return (\n        <div className=\"bg-muted/40 ring-border/60 flex items-center justify-between rounded px-2.5 py-1.5 ring-1 ring-inset\">\n            <Text size=\"xxs\" type=\"secondary\" weight=\"medium\" className=\"uppercase tracking-wide\">\n                {label}\n            </Text>\n            {onClose ? (\n                <Button\n                    type=\"button\"\n                    variant=\"secondary\"\n                    buttonStyle=\"ghost\"\n                    size=\"icon-small\"\n                    onClick={onClose}\n                    className=\"size-4 rounded p-0 text-muted-foreground hover:text-foreground\"\n                    aria-label={closeLabel}\n                >\n                    <X className=\"size-3\" />\n                </Button>\n            ) : null}\n        </div>\n    );\n}\n\n/** Helper export for templated reply eyebrow. */\nexport function makeReplyEyebrow(template: string, name?: string): string {\n    return interpolateString(template, { name: name ?? '' });\n}\n","/**\n * CommentEmpty — default empty state for the timeline. Replaceable via\n * the `emptySlot` prop on `<Comments>` / `<CommentTimeline>`.\n */\nimport { MessageCircle } from 'lucide-react';\nimport type { FC, ReactNode } from 'react';\n\nimport { Text } from '@/components/typography';\nimport type { StringsProp } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { useResolvedStrings } from '../comments-provider';\nimport type { CommentsStrings } from '../comments.strings';\n\nexport interface CommentEmptyProps {\n    strings?: StringsProp<CommentsStrings>;\n    icon?: ReactNode;\n    className?: string;\n}\n\nexport const CommentEmpty: FC<CommentEmptyProps> = ({\n    strings: stringsProp,\n    icon,\n    className,\n}) => {\n    const strings = useResolvedStrings(stringsProp);\n\n    return (\n        <div\n            className={cn(\n                'flex flex-col items-center justify-center py-8 text-center',\n                className,\n            )}\n        >\n            <div className=\"bg-muted/50 mb-3 flex h-12 w-12 items-center justify-center rounded-full\">\n                {icon ?? (\n                    <MessageCircle className=\"text-muted-foreground/60 h-5 w-5\" />\n                )}\n            </div>\n            <Text weight=\"medium\">\n                {strings.empty}\n            </Text>\n            {strings.emptyHint ? (\n                <Text size=\"xs\" type=\"secondary\" className=\"mt-1 max-w-[28ch]\">\n                    {strings.emptyHint}\n                </Text>\n            ) : null}\n        </div>\n    );\n};\n","import type { ReactNode } from 'react';\nimport { Fragment, createElement } from 'react';\n\nimport { Heading, Text } from '@/components/typography';\nimport type { HeadingProps } from '@/components/typography';\nimport { MentionContent } from '@/components/features/mentions';\n\nimport type {\n    CommentData,\n    CommentUser,\n    CommentsConfig,\n    CommentsSlots,\n} from '../comments.types';\n\ninterface CommentContentProps<TResource extends string = string> {\n    comment: CommentData<CommentUser, unknown, TResource>;\n    /** Resource registry — passed through to `<MentionContent>`. */\n    resources?: CommentsConfig<CommentUser, unknown, TResource>['resources'];\n    renderReference?: CommentsSlots<\n        CommentUser,\n        unknown,\n        TResource\n    >['renderReference'];\n    /** Optional sanitizer applied to HTML before rendering. */\n    sanitizer?: (html: string) => string;\n}\n\n/**\n * `renderCommentContent` — backwards-compatible export that renders only\n * the comment body text (no references resolution). Use the\n * `<CommentContent>` component below for the full feature surface.\n */\nexport function renderCommentContent<TResource extends string = string>(\n    comment: CommentData<CommentUser, unknown, TResource>,\n): ReactNode {\n    return <CommentContent comment={comment} />;\n}\n\nexport function CommentContent<TResource extends string = string>(\n    props: CommentContentProps<TResource>,\n): ReactNode {\n    const { comment, resources, renderReference, sanitizer } = props;\n    const contentType =\n        comment.contentType ??\n        (comment as Record<string, unknown>).content_type ??\n        'text';\n\n    if (contentType === 'rich') {\n        return renderRichContent(comment.content);\n    }\n\n    if (contentType === 'html') {\n        return (\n            <MentionContent<TResource>\n                html={comment.content ?? ''}\n                mentions={comment.references}\n                resources={resources}\n                renderMention={renderReference}\n                sanitizer={sanitizer}\n            />\n        );\n    }\n\n    const plainContent = decodeQuotedString(comment.content ?? '');\n\n    return (\n        <Text className=\"whitespace-pre-line\">\n            {plainContent}\n        </Text>\n    );\n}\n\n/* ------------------------------------------------------------------ */\n/*  Rich-block renderer (legacy \"rich\" content type)                   */\n/* ------------------------------------------------------------------ */\n\nfunction renderRichContent(rawContent: string | null | undefined): ReactNode {\n    if (!rawContent) return null;\n\n    try {\n        const parsed = JSON.parse(rawContent) as {\n            blocks?: Array<{ id?: string; type: string; data?: Record<string, unknown> }>;\n        };\n\n        if (!parsed || !Array.isArray(parsed.blocks) || parsed.blocks.length === 0) {\n            return null;\n        }\n\n        return (\n            <div className=\"prose prose-sm prose-p:my-0.5 prose-headings:my-1 prose-a:text-primary prose-a:no-underline hover:prose-a:underline max-w-none space-y-1\">\n                {parsed.blocks.map((block, index) => (\n                    <Fragment key={block.id ?? `${block.type}-${index}`}>\n                        {renderRichBlock(block)}\n                    </Fragment>\n                ))}\n            </div>\n        );\n    } catch {\n        const decoded = decodeQuotedString(rawContent);\n        return (\n            <Text className=\"whitespace-pre-line\">\n                {decoded}\n            </Text>\n        );\n    }\n}\n\nfunction renderRichBlock(block: { type: string; data?: Record<string, unknown> }): ReactNode {\n    const data = block.data ?? {};\n\n    switch (block.type) {\n        case 'paragraph': {\n            const raw = String(data.text ?? '').trim();\n            if (!raw) return null;\n            return <Text asHTML content={raw} />;\n        }\n        case 'header': {\n            const text = stripHtml(String(data.text ?? ''));\n            const level = Number(data.level ?? 3);\n            if (!text) return null;\n            const safeLevel = Math.min(Math.max(level, 1), 6);\n            return createElement(\n                Heading,\n                { tag: `h${safeLevel}` as HeadingProps['tag'] },\n                text,\n            );\n        }\n        case 'list': {\n            const items = Array.isArray(data.items) ? data.items : [];\n            const sanitizedItems = items\n                .map((item) => stripHtml(String(item ?? '')))\n                .filter((item) => item.length > 0);\n\n            if (sanitizedItems.length === 0) return null;\n\n            if (data.style === 'ordered') {\n                return (\n                    <ol className=\"ml-6 list-decimal space-y-1 text-sm\">\n                        {sanitizedItems.map((item, index) => (\n                            <li key={`${item}-${index}`}>{item}</li>\n                        ))}\n                    </ol>\n                );\n            }\n\n            return (\n                <ul className=\"ml-6 list-disc space-y-1 text-sm\">\n                    {sanitizedItems.map((item) => (\n                        <li key={item}>{item}</li>\n                    ))}\n                </ul>\n            );\n        }\n        case 'quote': {\n            const text = String(data.text ?? '').trim();\n            if (!text) return null;\n            const caption = stripHtml(String(data.caption ?? ''));\n            return (\n                <blockquote className=\"border-muted text-muted-foreground border-l-2 pl-3 text-sm italic\">\n                    <Text asHTML content={text} />\n                    {caption.length > 0 && (\n                        <cite className=\"text-muted-foreground/80 mt-1 block text-xs not-italic\">\n                            — {caption}\n                        </cite>\n                    )}\n                </blockquote>\n            );\n        }\n        case 'delimiter':\n            return (\n                <div\n                    className=\"border-muted my-4 border-b border-dashed\"\n                    aria-hidden=\"true\"\n                />\n            );\n        default: {\n            const text = stripHtml(String(data.text ?? ''));\n            if (!text) return null;\n            return (\n                <Text className=\"whitespace-pre-line\">\n                    {text}\n                </Text>\n            );\n        }\n    }\n}\n\nfunction stripHtml(value: string): string {\n    return value.replace(/<[^>]*>/g, '').trim();\n}\n\nfunction decodeQuotedString(value: string | null | undefined): string {\n    if (typeof value !== 'string') return '';\n    const trimmed = value.trim();\n    if (trimmed === '') return '';\n    if (trimmed.startsWith('{') || trimmed.startsWith('[')) return trimmed;\n    try {\n        const parsed = JSON.parse(trimmed);\n        if (typeof parsed === 'string') return parsed;\n    } catch {\n        // ignore\n    }\n    if (trimmed.startsWith('\"') && trimmed.endsWith('\"')) {\n        return trimmed.slice(1, -1);\n    }\n    return trimmed;\n}\n","import { formatDistanceToNow } from 'date-fns';\nimport {\n    CornerDownRight,\n    Pencil,\n    Pin,\n    Smile,\n    Trash2,\n} from 'lucide-react';\nimport type { FC } from 'react';\nimport { memo, useMemo } from 'react';\n\nimport {\n    Avatar,\n    AvatarFallback,\n    AvatarImage,\n} from '@/components/base/display/avatar';\nimport { Badge } from '@/components/base/badge';\nimport { Button } from '@/components/base/buttons';\nimport {\n    Tooltip,\n    TooltipContent,\n    TooltipProvider,\n    TooltipTrigger,\n} from '@/components/base/display/tooltip';\nimport { Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\nimport {\n    useResolvedAccessors,\n    useResolvedStrings,\n} from '../comments-provider';\nimport type {\n    CommentAttachment,\n    CommentItemProps,\n} from '../comments.types';\nimport { CommentAttachmentChip } from './comment-attachment-chip';\nimport { CommentContent } from './comment-content';\n\nconst FALLBACK_INITIAL = '?';\n\nconst defaultGetMediaUrl = (m: CommentAttachment | null | undefined) => m?.url;\nconst defaultGetMediaName = (m: CommentAttachment | null | undefined) => m?.name;\nconst defaultGetStatusLabel = (s: string) =>\n    s.charAt(0).toUpperCase() + s.slice(1).replace(/_/g, ' ');\nconst defaultFormatRelativeTime = (iso: string) => {\n    try {\n        return formatDistanceToNow(new Date(iso), { addSuffix: true });\n    } catch {\n        return '—';\n    }\n};\n\nexport const CommentItem = memo(function CommentItem<TResource extends string = string>({\n    comment,\n    canModerate,\n    onDelete,\n    onPinToggle,\n    onReact,\n    onReply,\n    strings: stringsProp,\n    getMediaUrl,\n    getMediaName,\n    getStatusLabel,\n    formatRelativeTime,\n    resources,\n    renderAttachment,\n    renderReference,\n}: CommentItemProps<import('../comments.types').CommentUser, unknown, TResource>) {\n    const strings = useResolvedStrings(stringsProp);\n    const accessors = useResolvedAccessors({\n        getMediaUrl,\n        getMediaName,\n        getStatusLabel,\n        formatRelativeTime,\n    });\n\n    const resolvedGetMediaUrl = accessors.getMediaUrl ?? defaultGetMediaUrl;\n    const resolvedGetMediaName = accessors.getMediaName ?? defaultGetMediaName;\n    const resolvedGetStatusLabel =\n        accessors.getStatusLabel ?? defaultGetStatusLabel;\n    const resolvedFormatRelativeTime =\n        accessors.formatRelativeTime ?? defaultFormatRelativeTime;\n\n    const authorName = comment.user?.name ?? strings.fallbackAuthor;\n    const avatarUrl = comment.user?.avatar ?? undefined;\n\n    const relativeTime = useMemo(() => {\n        if (!comment.createdAt) return '—';\n        return resolvedFormatRelativeTime(comment.createdAt);\n    }, [comment.createdAt, resolvedFormatRelativeTime]);\n\n    const fallbackInitial = useMemo(() => {\n        if (!authorName) return FALLBACK_INITIAL;\n        const trimmed = authorName.trim();\n        return trimmed === ''\n            ? FALLBACK_INITIAL\n            : trimmed.charAt(0).toUpperCase();\n    }, [authorName]);\n\n    const tagList = useMemo(() => {\n        if (Array.isArray(comment.tagsArray)) {\n            return comment.tagsArray.filter(\n                (tag): tag is string => typeof tag === 'string',\n            );\n        }\n        if (comment.tagsArray && typeof comment.tagsArray === 'object') {\n            return Object.values(comment.tagsArray).filter(\n                (value): value is string => typeof value === 'string',\n            );\n        }\n        return [];\n    }, [comment.tagsArray]);\n\n    const attachments = useMemo(() => {\n        const list = comment.attachments ?? comment.media ?? [];\n        return list.filter(\n            (a): a is CommentAttachment => !!a && typeof a === 'object',\n        );\n    }, [comment.attachments, comment.media]);\n\n    const reactions = comment.reactions ?? [];\n\n    const isPinned = comment.isPinned === true;\n    const isEdited = comment.isEdited === true;\n    const showStatus = comment.status && comment.status !== 'active';\n    const statusLabel =\n        showStatus && comment.status ? resolvedGetStatusLabel(comment.status) : null;\n    const canDeleteComment =\n        comment.canDelete === true || canModerate === true;\n    const canEditComment = comment.canEdit === true || canModerate === true;\n\n    const hasAttachments = attachments.length > 0;\n\n    return (\n        <article\n            className={cn(\n                'comment-item--component group relative overflow-hidden rounded-lg border transition-colors',\n                'border-border/60 bg-card hover:bg-muted/30 px-3 py-2.5',\n            )}\n            data-comment-id={comment.id}\n        >\n            <div className=\"flex min-w-0 items-start gap-3\">\n                <Avatar className=\"mt-0.5 size-avatar shrink-0\">\n                    {!!avatarUrl && (\n                        <AvatarImage src={avatarUrl} alt={authorName} />\n                    )}\n                    <AvatarFallback className=\"bg-muted text-muted-foreground text-xs font-medium\">\n                        {fallbackInitial}\n                    </AvatarFallback>\n                </Avatar>\n\n                <div className=\"min-w-0 flex-1\">\n                    <div className=\"flex min-w-0 items-baseline gap-2\">\n                        <Text\n                            tag=\"span\"\n                            weight=\"semibold\"\n                            className=\"truncate\"\n                        >\n                            {authorName}\n                        </Text>\n\n                        {!!isPinned && (\n                            <TooltipProvider delayDuration={0}>\n                                <Tooltip>\n                                    <TooltipTrigger render={<span className=\"inline-flex shrink-0 self-center\" />}>\n                                        <Pin className=\"text-warning size-3\" aria-hidden />\n                                    </TooltipTrigger>\n                                    <TooltipContent\n                                        side=\"top\"\n                                        className=\"text-xs\"\n                                    >\n                                        {strings.pinned}\n                                    </TooltipContent>\n                                </Tooltip>\n                            </TooltipProvider>\n                        )}\n\n                        <Text\n                            tag=\"span\"\n                            size=\"xs\"\n                            type=\"secondary\"\n                            className=\"shrink-0 tabular-nums\"\n                        >\n                            {relativeTime}\n                        </Text>\n\n                        {!!isEdited && (\n                            <Text\n                                tag=\"span\"\n                                size=\"xs\"\n                                type=\"secondary\"\n                                className=\"shrink-0\"\n                            >\n                                {strings.edited}\n                            </Text>\n                        )}\n\n                        {!!showStatus && !!statusLabel && (\n                            <Badge variant=\"secondary\" className=\"self-center uppercase tracking-wide\">\n                                {statusLabel}\n                            </Badge>\n                        )}\n                    </div>\n\n                    <div className=\"mt-1 text-sm leading-relaxed\">\n                        <CommentContent\n                            comment={comment}\n                            resources={resources}\n                            renderReference={renderReference}\n                        />\n                    </div>\n\n                    {tagList.length > 0 && (\n                        <div className=\"mt-2 flex flex-wrap gap-1.5\">\n                            {tagList.map((tag) => (\n                                <Badge key={tag} variant=\"secondary\" className=\"uppercase tracking-wide\">\n                                    {tag}\n                                </Badge>\n                            ))}\n                        </div>\n                    )}\n\n                    {hasAttachments && (\n                        <div className=\"mt-2 flex flex-wrap gap-1.5\">\n                            {attachments.map((attachment) => {\n                                if (renderAttachment) {\n                                    return (\n                                        <div key={attachment.id ?? attachment.name}>\n                                            {renderAttachment(attachment)}\n                                        </div>\n                                    );\n                                }\n                                return (\n                                    <CommentAttachmentChip\n                                        key={attachment.id ?? attachment.name}\n                                        attachment={attachment}\n                                        accessors={{\n                                            getMediaUrl: resolvedGetMediaUrl,\n                                            getMediaName: resolvedGetMediaName,\n                                        }}\n                                        strings={stringsProp}\n                                    />\n                                );\n                            })}\n                        </div>\n                    )}\n\n                    {reactions.length > 0 && (\n                        <div className=\"mt-2 flex flex-wrap items-center gap-1\">\n                            {reactions.map((reaction) => (\n                                <Button\n                                    key={reaction.emoji}\n                                    type=\"button\"\n                                    variant=\"secondary\"\n                                    buttonStyle=\"ghost\"\n                                    size=\"small\"\n                                    onClick={() =>\n                                        onReact && comment.id\n                                            ? onReact(comment.id, reaction.emoji)\n                                            : undefined\n                                    }\n                                    title={reaction.users?.join(', ')}\n                                    className=\"h-auto rounded-full p-0\"\n                                >\n                                    <Badge\n                                        variant={reaction.mine ? 'primary' : 'secondary'}\n                                        className=\"cursor-pointer transition-colors hover:opacity-90\"\n                                    >\n                                        <span aria-hidden className=\"leading-none\">\n                                            {reaction.emoji}\n                                        </span>\n                                        <span className=\"tabular-nums\">{reaction.count}</span>\n                                    </Badge>\n                                </Button>\n                            ))}\n                        </div>\n                    )}\n                </div>\n\n                {/* Trailing action cluster — single low-contrast group, hover/focus revealed. */}\n                <div\n                    className={cn(\n                        'absolute right-2 top-2 opacity-0 transition-opacity',\n                        'group-hover:opacity-100 focus-within:opacity-100',\n                        'inline-flex items-center gap-0.5 rounded-md bg-card/95 shadow-sm ring-1 ring-border/70',\n                    )}\n                >\n                    {!!onReply && (\n                        <Button\n                            type=\"button\"\n                            size=\"icon-small\"\n                            variant=\"secondary\"\n                            buttonStyle=\"ghost\"\n                            onClick={() =>\n                                comment.id && onReply(comment.id)\n                            }\n                            title={strings.replyLabel}\n                            aria-label={strings.replyLabel}\n                        >\n                            <CornerDownRight className=\"size-3.5\" />\n                        </Button>\n                    )}\n                    {!!onReact && (\n                        <Button\n                            type=\"button\"\n                            size=\"icon-small\"\n                            variant=\"secondary\"\n                            buttonStyle=\"ghost\"\n                            onClick={() =>\n                                comment.id && onReact(comment.id, '👍')\n                            }\n                            title={strings.addReactionLabel}\n                            aria-label={strings.addReactionLabel}\n                        >\n                            <Smile className=\"size-3.5\" />\n                        </Button>\n                    )}\n                    {!!onPinToggle && canModerate && (\n                        <Button\n                            type=\"button\"\n                            size=\"icon-small\"\n                            variant=\"secondary\"\n                            buttonStyle=\"ghost\"\n                            onClick={() => onPinToggle(comment)}\n                            title={isPinned ? strings.unpinLabel : strings.pinLabel}\n                            aria-label={isPinned ? strings.unpinLabel : strings.pinLabel}\n                        >\n                            <Pin\n                                className={cn(\n                                    'size-3.5',\n                                    isPinned && 'text-warning',\n                                )}\n                            />\n                        </Button>\n                    )}\n                    {!!canEditComment && !!comment.id && (\n                        <Button\n                            type=\"button\"\n                            size=\"icon-small\"\n                            variant=\"secondary\"\n                            buttonStyle=\"ghost\"\n                            title={strings.editLabel}\n                            aria-label={strings.editLabel}\n                        >\n                            <Pencil className=\"size-3.5\" />\n                        </Button>\n                    )}\n                    {!!canDeleteComment &&\n                        !!onDelete &&\n                        !!comment.id && (\n                            <Button\n                                type=\"button\"\n                                size=\"icon-small\"\n                                variant=\"secondary\"\n                                buttonStyle=\"ghost\"\n                                className=\"hover:bg-destructive/10 hover:text-destructive\"\n                                onClick={() =>\n                                    onDelete(comment.id as string)\n                                }\n                                title={strings.deleteLabel}\n                                aria-label={strings.deleteLabel}\n                            >\n                                <Trash2 className=\"size-3.5\" />\n                            </Button>\n                        )}\n                </div>\n            </div>\n        </article>\n    );\n}) as <TResource extends string = string>(\n    props: CommentItemProps<import('../comments.types').CommentUser, unknown, TResource>,\n) => ReturnType<FC>;\n","import type { FC } from 'react';\n\nimport type { CommentTimelineProps, CommentUser } from '../comments.types';\nimport { CommentEmpty } from './comment-empty';\nimport { CommentItem } from './comment-item';\n\nexport const CommentTimeline = function CommentTimeline<\n    TResource extends string = string,\n>({\n    comments,\n    canModerate,\n    onDelete,\n    onPinToggle,\n    onReact,\n    onReply,\n    strings: stringsProp,\n    getMediaUrl,\n    getMediaName,\n    getStatusLabel,\n    formatRelativeTime,\n    resources,\n    renderItem,\n    renderAttachment,\n    renderReference,\n    emptySlot,\n}: CommentTimelineProps<CommentUser, unknown, TResource>) {\n    if (!comments.length) {\n        return (\n            <>\n                {emptySlot ?? <CommentEmpty strings={stringsProp} />}\n            </>\n        );\n    }\n\n    return (\n        <div className=\"flex flex-col gap-2\">\n            {comments.map((comment, index) => {\n                const defaultItem = (\n                    <CommentItem\n                        comment={comment}\n                        canModerate={canModerate}\n                        onDelete={onDelete}\n                        onPinToggle={onPinToggle}\n                        onReact={onReact}\n                        onReply={onReply}\n                        strings={stringsProp}\n                        getMediaUrl={getMediaUrl}\n                        getMediaName={getMediaName}\n                        getStatusLabel={getStatusLabel}\n                        formatRelativeTime={formatRelativeTime}\n                        resources={resources}\n                        renderAttachment={renderAttachment}\n                        renderReference={renderReference}\n                    />\n                );\n\n                if (renderItem) {\n                    return (\n                        <div key={comment.id ?? `comment-${index}`}>\n                            {renderItem({\n                                comment,\n                                canModerate: canModerate ?? false,\n                                onDelete,\n                                defaultItem,\n                            })}\n                        </div>\n                    );\n                }\n\n                return (\n                    <div key={comment.id ?? `comment-${index}`}>\n                        {defaultItem}\n                    </div>\n                );\n            })}\n        </div>\n    );\n} as <TResource extends string = string>(\n    props: CommentTimelineProps<CommentUser, unknown, TResource>,\n) => ReturnType<FC>;\n","/**\n * Comments — top-level entry for the Comments feature.\n *\n * Composes the composer + timeline + empty state behind a single API.\n * Generic in `<TUser, TMeta, TResource>` so consumers can type their\n * domain (user shape, custom meta payload, resource-kind union).\n *\n * Per-mount wiring (callbacks, resources, accessors) flows as direct\n * props. Library-wide display defaults (composer position, etc.) come\n * from `<UIProvider>` — see `@/lib/ui-provider`. Slots, render-props,\n * and the headless `useComments()` hook cover the composability\n * spectrum.\n *\n * `CommentsCard` is exported as a back-compat alias for the previous\n * name; the API shape is identical.\n */\nimport { useCallback, useState } from 'react';\n\nimport { SmartCard } from '@/components/base/cards';\nimport { useCommentsConfig as useCommentsUIDefaults } from '@/lib/ui-provider';\n\nimport { useResolvedStrings } from './comments-provider';\nimport type {\n    CommentData,\n    CommentFormValues,\n    CommentSubmitHelpers,\n    CommentUser,\n    CommentsProps,\n} from './comments.types';\nimport { CommentComposer } from './partials/comment-composer';\nimport { CommentEmpty } from './partials/comment-empty';\nimport { CommentTimeline } from './partials/comment-timeline';\n\nimport { cn } from '@/lib/utils';\nexport function Comments<\n    TUser extends CommentUser = CommentUser,\n    TMeta = unknown,\n    TResource extends string = string,\n>(props: CommentsProps<TUser, TMeta, TResource>) {\n    const ui = useCommentsUIDefaults();\n\n    const composerPosition =\n        props.composerPosition ?? ui.composerPosition ?? 'top';\n\n    const canComment = props.canComment ?? false;\n    const canModerate = props.canModerate ?? false;\n\n    const onSubmit = props.onSubmit;\n    const onDelete = props.onDelete;\n    const onPinToggle = props.onPinToggle;\n    const onReact = props.onReact;\n    const onReply = props.onReply;\n\n    const resources = props.resources;\n    const attachments = props.attachments;\n\n    const strings = useResolvedStrings(props.strings);\n    const cardTitle = props.title === undefined ? strings.title : props.title;\n\n    const [formErrors, setFormErrors] = useState<Record<string, string>>({});\n    const [isSubmitting, setIsSubmitting] = useState(false);\n    const [resetKey, setResetKey] = useState(0);\n\n    const submitHelpers: CommentSubmitHelpers = {\n        setErrors: (errors) => setFormErrors(errors),\n        reset: () => {\n            setResetKey((k) => k + 1);\n            setFormErrors({});\n            setIsSubmitting(false);\n        },\n        setSubmitting: setIsSubmitting,\n    };\n\n    const handleSubmit = useCallback(\n        (values: CommentFormValues<TResource>) => {\n            if (!onSubmit) return;\n            setIsSubmitting(true);\n            setFormErrors({});\n            onSubmit(values, submitHelpers);\n        },\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [onSubmit],\n    );\n\n    const composer = props.composerSlot ?? (\n        canComment ? (\n            <CommentComposer\n                context={props.context}\n                canComment={canComment}\n                isSubmitting={isSubmitting}\n                errors={formErrors}\n                resetKey={resetKey}\n                /*\n                 * Generic-erasure boundary: `<Comments<TResource>>` is\n                 * generic but `<CommentComposer>` types its props\n                 * against the default-string kind. Shapes are\n                 * structurally identical — only the kind union differs.\n                 */\n                onSubmit={\n                    handleSubmit as (values: CommentFormValues) => void\n                }\n                strings={props.strings}\n                resources={resources as never}\n                attachments={attachments}\n            />\n        ) : null\n    );\n\n    /*\n     * Same generic-erasure boundary as the composer block above:\n     * `<Comments<TUser, TMeta, TResource>>` is generic, but\n     * `<CommentTimeline>` types its `comments` and `onPinToggle` props\n     * against `CommentData<CommentUser, unknown, TResource>` (default\n     * `TUser`/`TMeta`). The shapes are structurally identical — `TUser`\n     * narrows the author union and `TMeta` narrows the metadata payload,\n     * neither of which the timeline reads — so the widening cast is\n     * safe. Keep the cast localised here; do not propagate into the\n     * timeline body.\n     */\n    const timeline = (\n        <CommentTimeline\n            comments={props.comments as ReadonlyArray<CommentData<CommentUser, unknown, TResource>>}\n            canModerate={canModerate}\n            onDelete={onDelete}\n            onPinToggle={onPinToggle as (c: CommentData<CommentUser, unknown, TResource>) => void}\n            onReact={onReact}\n            onReply={onReply}\n            strings={props.strings}\n            getMediaUrl={props.getMediaUrl}\n            getMediaName={props.getMediaName}\n            getStatusLabel={props.getStatusLabel}\n            formatRelativeTime={props.formatRelativeTime}\n            resources={resources}\n            // `renderItem` is generic over the consumer's `<TUser, TMeta,\n            // TResource>` triple; `<CommentTimeline>` types it against\n            // the default `CommentUser, unknown, string` triple. The\n            // structural signature is the same — boundary cast only.\n            renderItem={props.renderItem as never}\n            renderAttachment={props.renderAttachment}\n            renderReference={props.renderReference}\n            emptySlot={\n                props.emptySlot ?? <CommentEmpty strings={props.strings} />\n            }\n        />\n    );\n\n    const composerBlock = composer ? <div>{composer}</div> : null;\n\n    const inner = (\n        <div className=\"flex flex-col gap-4\">\n            {props.headerSlot}\n            {composerPosition === 'top' && composerBlock}\n            {timeline}\n            {composerPosition === 'bottom' && composerBlock}\n            {props.footerSlot}\n        </div>\n    );\n\n    if (props.bare) {\n        return inner;\n    }\n\n    return (\n        <SmartCard\n            title={cardTitle === false ? undefined : cardTitle}\n            description={strings.subtitle || undefined}\n            padding=\"default\"\n            className={cn('comments--component', props.className)}\n        >\n            {inner}\n        </SmartCard>\n    );\n}\n\n/** Back-compat alias — `CommentsCard` was the previous primary export. */\nexport const CommentsCard = Comments;\n","/**\n * useComments — headless state machine for the Comments feature.\n *\n * Tracks composer mode (idle | replying | editing), submit/delete\n * helpers, error state, and resetKey bumping. The default `<Comments>`\n * component composes this hook; consumers building a fully custom UI\n * can use it directly.\n */\nimport { useCallback, useState } from 'react';\n\nimport type {\n    CommentData,\n    CommentFormValues,\n    CommentSubmitHelpers,\n    CommentUser,\n    CommentsConfig,\n} from '../comments.types';\n\nexport type ComposerMode<TResource extends string = string> =\n    | { kind: 'idle' }\n    | { kind: 'editing'; comment: CommentData<CommentUser, unknown, TResource> }\n    | { kind: 'replying'; commentId: string; authorName?: string };\n\nexport interface UseCommentsOptions<\n    TUser extends CommentUser = CommentUser,\n    TMeta = unknown,\n    TResource extends string = string,\n> {\n    onSubmit?: CommentsConfig<TUser, TMeta, TResource>['onSubmit'];\n    onUpdate?: CommentsConfig<TUser, TMeta, TResource>['onUpdate'];\n    onDelete?: CommentsConfig<TUser, TMeta, TResource>['onDelete'];\n}\n\nexport interface UseCommentsReturn<\n    TUser extends CommentUser = CommentUser,\n    TMeta = unknown,\n    TResource extends string = string,\n> {\n    composerMode: ComposerMode<TResource>;\n    isSubmitting: boolean;\n    formErrors: Record<string, string>;\n    resetKey: number;\n\n    startReply: (comment: CommentData<TUser, TMeta, TResource>) => void;\n    startEdit: (comment: CommentData<TUser, TMeta, TResource>) => void;\n    cancelComposerMode: () => void;\n\n    submit: (values: CommentFormValues<TResource>) => void;\n    deleteComment: (id: string) => void;\n\n    /** Imperative reset — bumps `resetKey` so the composer clears itself. */\n    resetComposer: () => void;\n    /** Helpers exposed to onSubmit/onUpdate. */\n    helpers: CommentSubmitHelpers;\n}\n\nexport function useComments<\n    TUser extends CommentUser = CommentUser,\n    TMeta = unknown,\n    TResource extends string = string,\n>(\n    options: UseCommentsOptions<TUser, TMeta, TResource> = {},\n): UseCommentsReturn<TUser, TMeta, TResource> {\n    const { onSubmit, onUpdate, onDelete } = options;\n\n    const [composerMode, setComposerMode] = useState<ComposerMode<TResource>>({\n        kind: 'idle',\n    });\n    const [isSubmitting, setIsSubmitting] = useState(false);\n    const [formErrors, setFormErrors] = useState<Record<string, string>>({});\n    const [resetKey, setResetKey] = useState(0);\n\n    const helpers: CommentSubmitHelpers = {\n        setErrors: (errors) => setFormErrors(errors),\n        reset: () => {\n            setResetKey((k) => k + 1);\n            setComposerMode({ kind: 'idle' });\n            setFormErrors({});\n        },\n        setSubmitting: setIsSubmitting,\n    };\n\n    const startReply = useCallback(\n        (comment: CommentData<TUser, TMeta, TResource>) => {\n            setComposerMode({\n                kind: 'replying',\n                commentId: comment.id ?? '',\n                authorName: comment.user?.name,\n            });\n        },\n        [],\n    );\n\n    const startEdit = useCallback(\n        (comment: CommentData<TUser, TMeta, TResource>) => {\n            setComposerMode({ kind: 'editing', comment });\n        },\n        [],\n    );\n\n    const cancelComposerMode = useCallback(() => {\n        setComposerMode({ kind: 'idle' });\n        setFormErrors({});\n    }, []);\n\n    const submit = useCallback(\n        (values: CommentFormValues<TResource>) => {\n            setIsSubmitting(true);\n            setFormErrors({});\n\n            if (composerMode.kind === 'editing' && composerMode.comment.id) {\n                if (!onUpdate) {\n                    setIsSubmitting(false);\n                    return;\n                }\n                onUpdate(composerMode.comment.id, values, helpers);\n                return;\n            }\n\n            if (!onSubmit) {\n                setIsSubmitting(false);\n                return;\n            }\n\n            const payload: CommentFormValues<TResource> =\n                composerMode.kind === 'replying'\n                    ? { ...values, replyToId: composerMode.commentId }\n                    : values;\n\n            onSubmit(payload, helpers);\n        },\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [composerMode, onSubmit, onUpdate],\n    );\n\n    const deleteComment = useCallback(\n        (id: string) => {\n            if (!onDelete || !id) return;\n            onDelete(id);\n        },\n        [onDelete],\n    );\n\n    const resetComposer = useCallback(() => {\n        setResetKey((k) => k + 1);\n        setComposerMode({ kind: 'idle' });\n        setFormErrors({});\n    }, []);\n\n    return {\n        composerMode,\n        isSubmitting,\n        formErrors,\n        resetKey,\n        startReply,\n        startEdit,\n        cancelComposerMode,\n        submit,\n        deleteComment,\n        resetComposer,\n        helpers,\n    };\n}\n"],"mappings":"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"}