admin-ui-starter-kit 0.6.1 → 0.6.2

package/dist/showcase/assets/{event-log-BUK1blGb.js → event-log-B8B_0-q5.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{t as n}from"./react-sKtkuLrH.js";import{n as r,p as i,t as a,y as o}from"./section-D-N8Ze16.js";import{o as s,r as c,t as l}from"./comment-composer-Dht7nfbv.js";import{t as u}from"./bell-CwRy7zpP.js";import{t as d}from"./example-PsbgbESI.js";import{t as f}from"./circle-check-BkFKejsY.js";import{t as p}from"./circle-CY0DkTje.js";import{t as m}from"./comment-item-B6IgQsMr.js";import{t as h}from"./credit-card-CFq0S1Ma.js";import{t as g}from"./git-branch-B7XnpQE0.js";import{t as _}from"./package-DLn6nx-u.js";import{t as v}from"./shield-alert-CxV0S5w0.js";import{t as y}from"./user-DLuRcjl0.js";import{N as b,d as x,n as S}from"./index-QESvAJrb.js";import{t as C}from"./props-table-CCcohuyT.js";import{t as w}from"./smart-card-C6-idFYI.js";var T={listAriaLabel:`Activity timeline`,emptyMessage:`No activity yet.`},E=x(),D={primary:`bg-primary/10 text-primary`,success:`bg-success/15 text-success`,warning:`bg-warning/40 text-warning-foreground`,destructive:`bg-destructive/10 text-destructive`,info:`bg-info/15 text-info`,secondary:`bg-muted text-muted-foreground`},O=({entry:e,resources:t,formatRelativeTime:n,isLast:r})=>{let a=e.icon??p,o=e.tone??`secondary`,s=e.timestamp&&n?n(e.timestamp):e.timestamp;return(0,E.jsxs)(`li`,{className:`relative flex gap-3`,"data-event-id":e.id,children:[(0,E.jsxs)(`div`,{className:`relative flex flex-col items-center pt-1`,children:[(0,E.jsx)(`div`,{className:S(`flex size-6 shrink-0 items-center justify-center rounded-full ring-1 ring-foreground/[0.04]`,D[o]),children:(0,E.jsx)(a,{className:`size-3`,"aria-hidden":!0})}),!r&&(0,E.jsx)(`div`,{className:`bg-border/60 mt-1 w-px flex-1`,"aria-hidden":!0})]}),(0,E.jsxs)(`div`,{className:`min-w-0 flex-1 pb-3`,children:[(0,E.jsxs)(`div`,{className:`flex flex-wrap items-baseline gap-x-1.5`,children:[!!e.actor&&(0,E.jsx)(i,{tag:`span`,weight:`semibold`,children:e.actor}),!!e.action&&(0,E.jsx)(i,{tag:`span`,type:`secondary`,children:e.action}),!!e.target&&(0,E.jsx)(i,{tag:`span`,weight:`medium`,children:e.target}),!!e.headline&&!e.action&&!e.target&&(0,E.jsx)(i,{tag:`span`,children:e.headline}),!!s&&(0,E.jsx)(i,{tag:`span`,size:`xs`,type:`secondary`,className:`ml-auto shrink-0 tabular-nums`,children:s})]}),!!e.description&&(0,E.jsx)(`div`,{className:`mt-1 text-sm leading-relaxed`,children:(0,E.jsx)(c,{html:e.description,mentions:e.mentions,resources:t})}),e.metadata&&e.metadata.length>0&&(0,E.jsx)(`div`,{className:`mt-1 flex flex-wrap gap-x-3 gap-y-0.5`,children:e.metadata.map(e=>(0,E.jsxs)(i,{size:`xs`,type:`secondary`,className:`inline-flex items-baseline gap-1`,children:[(0,E.jsxs)(i,{tag:`span`,size:`xs`,type:`discrete`,children:[e.label,`:`]}),(0,E.jsx)(i,{tag:`span`,size:`xs`,type:`secondary`,children:e.value})]},e.label))})]})]})},k=t(n(),1);function A(e){if(!e)return()=>{};let t={setErrors:()=>{},reset:()=>{},setSubmitting:()=>{}};return n=>{e(n,t)}}function j(e,t){let n=[...e];return n.sort((e,n)=>{let r=e.timestamp?new Date(e.timestamp).getTime():0,i=n.timestamp?new Date(n.timestamp).getTime():0;return t===`asc`?r-i:i-r}),n}function M(e){let{entries:t,order:n=`desc`,resources:r,onResourceSearch:a,canModerate:s,onCommentDelete:c,onCommentReact:u,onCommentReply:d,onCommentPinToggle:f,strings:p,eventLogStrings:h,renderers:g,composer:_,bare:v=!1,title:y,getMediaUrl:x,getMediaName:C,getStatusLabel:D,formatRelativeTime:M,className:N}=e,P=r,F=a,I=(0,k.useMemo)(()=>j(t,n),[t,n]),L=b(T,h),{formatRelativeTime:R}=o(),z=M??R??(e=>e),B=(e,t,n)=>{let r=t===n-1,i=g?.[e.kind];if(i)return(0,E.jsx)(k.Fragment,{children:i(e,{resources:P,accessors:{getMediaUrl:x,getMediaName:C,getStatusLabel:D,formatRelativeTime:z},strings:p})},e.id);if(e.kind===`comment`){let t=e;return(0,E.jsx)(`li`,{className:S(`event-log--item`,`relative`),"data-event-id":t.id,children:(0,E.jsx)(m,{comment:t.comment,canModerate:s,onDelete:c,onPinToggle:f,onReact:u,onReply:d,strings:p,resources:P,getMediaUrl:x,getMediaName:C,getStatusLabel:D,formatRelativeTime:z})},t.id)}let a=e;return(0,E.jsx)(O,{entry:a,resources:P,formatRelativeTime:z,isLast:r},a.id)},V=_?.enabled?(0,E.jsx)(`div`,{children:(0,E.jsx)(l,{context:_.context,canComment:!0,onSubmit:A(_.onSubmit),resources:P,onResourceSearch:F,placeholder:_.placeholder,autoFocus:_.autoFocus})}):null,H=_?.position??`top`,U=I.length===0?(0,E.jsx)(i,{type:`secondary`,className:`py-2`,children:L.emptyMessage}):(0,E.jsx)(`ul`,{"aria-label":L.listAriaLabel,className:`flex flex-col gap-2.5`,children:I.map((e,t)=>B(e,t,I.length))}),W=(0,E.jsxs)(`div`,{className:S(v&&`event-log--component`,`flex flex-col gap-4`,v&&N),children:[H===`top`&&V,U,H===`bottom`&&V]});return v?W:(0,E.jsx)(w,{title:y,padding:`default`,className:S(`event-log--component`,N),children:W})}M.displayName=`EventLog`;var N=e({APISurface:()=>W,CommentsEventsUnderOneLog:()=>G,ReadOnlyTimelineNoComposer:()=>K}),P=[{id:`maria`,label:`Sarah Smitha`,description:`Head of Operations`,kind:`user`},{id:`ivana`,label:`Davida Todorova`,description:`Refunds Specialist`,kind:`user`},{id:`stefan`,label:`Daniel Kowalski`,description:`Customer`,kind:`user`},{id:`kris`,label:`Kris Dineva`,description:`Engineering`,kind:`user`}],F=[{id:`BKG-2026-0408`,label:`BKG-2026-0408`,description:`Daniel Kowalski · Apr 12 → Apr 14`,kind:`booking`},{id:`BKG-2026-0421`,label:`BKG-2026-0421`,description:`Sarah Smitha · Apr 19 → Apr 22`,kind:`booking`}],I=[{id:`ORD-A219`,label:`ORD-A219`,description:`€420.00 · Refund pending`,kind:`order`},{id:`ORD-A284`,label:`ORD-A284`,description:`€88.50 · Captured`,kind:`order`}],L=[{id:`SPR-Q2-W3`,label:`Sprint Q2-W3`,description:`Refund flows`,kind:`sprint`}],R={user:{icon:y,label:`Person`,trigger:`@`,tone:`info`,buildHref:e=>`/people/${e.id}`},booking:{icon:s,label:`Booking`,trigger:`#`,tone:`success`,buildHref:e=>`/bookings/${e.id}`},order:{icon:_,label:`Order`,trigger:`$`,tone:`warning`,buildHref:e=>`/orders/${e.id}`},sprint:{icon:g,label:`Sprint`,tone:`secondary`,buildHref:e=>`/sprints/${e.id}`}};function z(e,t){let n=t===`user`?P:t===`booking`?F:t===`order`?I:L,r=e.trim().toLowerCase();return r.length===0?n:n.filter(e=>e.label.toLowerCase().includes(r)||(e.description??``).toLowerCase().includes(r))}var B=Date.now(),V=e=>new Date(B-e*60*60*1e3).toISOString(),H=(e,t,n)=>({id:`${e}:${t}`,kind:e,label:n,href:`/${e}s/${t}`}),U=[{id:`evt-1`,kind:`event`,timestamp:V(48),icon:f,tone:`success`,actor:`System`,action:`created`,target:`BKG-2026-0408`,description:`New booking opened by <span data-ref-id="user:stefan" data-ref-kind="user">@Daniel Kowalski</span>.`,mentions:[H(`user`,`stefan`,`Daniel Kowalski`)]},{id:`evt-2`,kind:`system`,timestamp:V(36),icon:h,tone:`info`,actor:`Payments`,action:`captured`,target:`€420.00`,description:`Captured for <span data-ref-id="order:ORD-A219" data-ref-kind="order">ORD-A219</span> via Visa •• 4242.`,mentions:[H(`order`,`ORD-A219`,`ORD-A219`)],metadata:[{label:`Method`,value:`card`},{label:`Receipt`,value:`rcpt_8z2`}]},{id:`1`,kind:`comment`,timestamp:V(2),comment:{id:`1`,user:{id:`maria`,name:`Sarah Smitha`},createdAt:V(2),contentType:`html`,content:`Approving the refund for <span data-ref-id="user:stefan" data-ref-kind="user">@Daniel Kowalski</span> on <span data-ref-id="booking:BKG-2026-0408" data-ref-kind="booking">BKG-2026-0408</span> — please process before EOD so the payout window doesn't shift.`,references:[H(`user`,`stefan`,`Daniel Kowalski`),H(`booking`,`BKG-2026-0408`,`BKG-2026-0408`)],isPinned:!0,canDelete:!0,reactions:[{emoji:`👍`,count:2,mine:!0}]}},{id:`evt-3`,kind:`audit`,timestamp:V(1.5),icon:v,tone:`warning`,actor:`Sarah Smitha`,action:`overrode policy`,target:`partial-refund`,description:`Bypassed the 24h refund cap for <span data-ref-id="booking:BKG-2026-0408" data-ref-kind="booking">BKG-2026-0408</span>.`,mentions:[H(`booking`,`BKG-2026-0408`,`BKG-2026-0408`)],metadata:[{label:`Reason`,value:`customer-double-booked`}]},{id:`2`,kind:`comment`,timestamp:V(1),comment:{id:`2`,user:{id:`ivana`,name:`Davida Todorova`},createdAt:V(1),contentType:`html`,content:`Done — refund issued via the original Visa ending 4242 for <span data-ref-id="order:ORD-A219" data-ref-kind="order">ORD-A219</span>. ETA Apr 14 per the gateway.`,references:[H(`order`,`ORD-A219`,`ORD-A219`)],attachments:[{id:`m1`,name:`refund-receipt.pdf`,url:`#`,size:184320,mimeType:`application/pdf`,status:`uploaded`}]}},{id:`evt-4`,kind:`event`,timestamp:V(.5),icon:u,tone:`secondary`,actor:`Notifier`,action:`sent email to`,target:`Daniel Kowalski`,description:`Refund confirmation dispatched. Linked sprint: <span data-ref-id="sprint:SPR-Q2-W3" data-ref-kind="sprint">Sprint Q2-W3</span>.`,mentions:[H(`sprint`,`SPR-Q2-W3`,`Sprint Q2-W3`)]}];function W(){return(0,E.jsx)(E.Fragment,{children:(0,E.jsxs)(i,{type:`secondary`,children:[(0,E.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`<EventLog entries={EventLogEntry[]} resources={…} onResourceSearch={…} composer={{…}} renderers={{…}} />`}),`  `,`Each entry's `,(0,E.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`kind`}),` selects a renderer — built-in`,` `,(0,E.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`'comment'`}),` uses`,` `,(0,E.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`<CommentItem>`}),`; everything else (events, audit, system, custom kinds) renders as an icon-rail row with full mention support in the description.`]})})}function G(){let[e,t]=(0,k.useState)(U);return(0,E.jsx)(E.Fragment,{children:(0,E.jsx)(`div`,{className:`w-full max-w-3xl`,children:(0,E.jsx)(M,{entries:e,canModerate:!0,order:`asc`,resources:R,onResourceSearch:z,onCommentDelete:e=>{t(t=>t.filter(t=>!(t.kind===`comment`&&t.id===e)))},onCommentReact:(e,n)=>{t(t=>t.map(t=>{if(t.kind!==`comment`)return t;let r=t;if(r.comment.id!==e)return t;let i=r.comment.reactions??[],a=i.find(e=>e.emoji===n)?i.map(e=>e.emoji===n?{...e,mine:!e.mine,count:e.mine?e.count-1:e.count+1}:e):[...i,{emoji:n,count:1,mine:!0}];return{...r,comment:{...r.comment,reactions:a}}}))},composer:{enabled:!0,position:`top`,context:{id:`BKG-2026-0408`,type:`booking`},placeholder:"Add a note — try `@`, `#`, or `$`…",onSubmit:(e,n)=>{t(t=>[...t,{id:`local-${t.length+1}`,kind:`comment`,timestamp:new Date().toISOString(),comment:{id:`local-${t.length+1}`,user:{id:`me`,name:`You`},createdAt:new Date().toISOString(),contentType:`html`,content:e.content,references:e.references?[...e.references]:[],attachments:e.attachments?[...e.attachments]:[],canDelete:!0}}]),n.reset()}}})})})}function K(){let[e]=(0,k.useState)(U);return(0,E.jsx)(E.Fragment,{children:(0,E.jsx)(`div`,{className:`w-full max-w-3xl`,children:(0,E.jsx)(M,{entries:e.slice(0,4),order:`asc`,resources:R})})})}var q=`import {
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{t as n}from"./react-sKtkuLrH.js";import{n as r,p as i,t as a,y as o}from"./section-Dd6X6IKg.js";import{o as s,r as c,t as l}from"./comment-composer-C09JANlW.js";import{t as u}from"./bell-Cq9n0a2v.js";import{t as d}from"./example-Rrx9vj75.js";import{t as f}from"./circle-check-BPhdxh7K.js";import{t as p}from"./circle-dbSBYjvr.js";import{t as m}from"./comment-item-DsQshj1L.js";import{t as h}from"./credit-card-D_wnXbTK.js";import{t as g}from"./git-branch-QLvR3_wX.js";import{t as _}from"./package-BaQGBJmO.js";import{t as v}from"./shield-alert-RrMsBuWp.js";import{t as y}from"./user-B35DABNz.js";import{N as b,d as x,n as S}from"./index-o71HAmc3.js";import{t as C}from"./props-table-C6gPyO49.js";import{t as w}from"./smart-card-BwSFemlj.js";var T={listAriaLabel:`Activity timeline`,emptyMessage:`No activity yet.`},E=x(),D={primary:`bg-primary/10 text-primary`,success:`bg-success/15 text-success`,warning:`bg-warning/40 text-warning-foreground`,destructive:`bg-destructive/10 text-destructive`,info:`bg-info/15 text-info`,secondary:`bg-muted text-muted-foreground`},O=({entry:e,resources:t,formatRelativeTime:n,isLast:r})=>{let a=e.icon??p,o=e.tone??`secondary`,s=e.timestamp&&n?n(e.timestamp):e.timestamp;return(0,E.jsxs)(`li`,{className:`relative flex gap-3`,"data-event-id":e.id,children:[(0,E.jsxs)(`div`,{className:`relative flex flex-col items-center pt-1`,children:[(0,E.jsx)(`div`,{className:S(`flex size-6 shrink-0 items-center justify-center rounded-full ring-1 ring-foreground/[0.04]`,D[o]),children:(0,E.jsx)(a,{className:`size-3`,"aria-hidden":!0})}),!r&&(0,E.jsx)(`div`,{className:`bg-border/60 mt-1 w-px flex-1`,"aria-hidden":!0})]}),(0,E.jsxs)(`div`,{className:`min-w-0 flex-1 pb-3`,children:[(0,E.jsxs)(`div`,{className:`flex flex-wrap items-baseline gap-x-1.5`,children:[!!e.actor&&(0,E.jsx)(i,{tag:`span`,weight:`semibold`,children:e.actor}),!!e.action&&(0,E.jsx)(i,{tag:`span`,type:`secondary`,children:e.action}),!!e.target&&(0,E.jsx)(i,{tag:`span`,weight:`medium`,children:e.target}),!!e.headline&&!e.action&&!e.target&&(0,E.jsx)(i,{tag:`span`,children:e.headline}),!!s&&(0,E.jsx)(i,{tag:`span`,size:`xs`,type:`secondary`,className:`ml-auto shrink-0 tabular-nums`,children:s})]}),!!e.description&&(0,E.jsx)(`div`,{className:`mt-1 text-sm leading-relaxed`,children:(0,E.jsx)(c,{html:e.description,mentions:e.mentions,resources:t})}),e.metadata&&e.metadata.length>0&&(0,E.jsx)(`div`,{className:`mt-1 flex flex-wrap gap-x-3 gap-y-0.5`,children:e.metadata.map(e=>(0,E.jsxs)(i,{size:`xs`,type:`secondary`,className:`inline-flex items-baseline gap-1`,children:[(0,E.jsxs)(i,{tag:`span`,size:`xs`,type:`discrete`,children:[e.label,`:`]}),(0,E.jsx)(i,{tag:`span`,size:`xs`,type:`secondary`,children:e.value})]},e.label))})]})]})},k=t(n(),1);function A(e){if(!e)return()=>{};let t={setErrors:()=>{},reset:()=>{},setSubmitting:()=>{}};return n=>{e(n,t)}}function j(e,t){let n=[...e];return n.sort((e,n)=>{let r=e.timestamp?new Date(e.timestamp).getTime():0,i=n.timestamp?new Date(n.timestamp).getTime():0;return t===`asc`?r-i:i-r}),n}function M(e){let{entries:t,order:n=`desc`,resources:r,onResourceSearch:a,canModerate:s,onCommentDelete:c,onCommentReact:u,onCommentReply:d,onCommentPinToggle:f,strings:p,eventLogStrings:h,renderers:g,composer:_,bare:v=!1,title:y,getMediaUrl:x,getMediaName:C,getStatusLabel:D,formatRelativeTime:M,className:N}=e,P=r,F=a,I=(0,k.useMemo)(()=>j(t,n),[t,n]),L=b(T,h),{formatRelativeTime:R}=o(),z=M??R??(e=>e),B=(e,t,n)=>{let r=t===n-1,i=g?.[e.kind];if(i)return(0,E.jsx)(k.Fragment,{children:i(e,{resources:P,accessors:{getMediaUrl:x,getMediaName:C,getStatusLabel:D,formatRelativeTime:z},strings:p})},e.id);if(e.kind===`comment`){let t=e;return(0,E.jsx)(`li`,{className:S(`event-log--item`,`relative`),"data-event-id":t.id,children:(0,E.jsx)(m,{comment:t.comment,canModerate:s,onDelete:c,onPinToggle:f,onReact:u,onReply:d,strings:p,resources:P,getMediaUrl:x,getMediaName:C,getStatusLabel:D,formatRelativeTime:z})},t.id)}let a=e;return(0,E.jsx)(O,{entry:a,resources:P,formatRelativeTime:z,isLast:r},a.id)},V=_?.enabled?(0,E.jsx)(`div`,{children:(0,E.jsx)(l,{context:_.context,canComment:!0,onSubmit:A(_.onSubmit),resources:P,onResourceSearch:F,placeholder:_.placeholder,autoFocus:_.autoFocus})}):null,H=_?.position??`top`,U=I.length===0?(0,E.jsx)(i,{type:`secondary`,className:`py-2`,children:L.emptyMessage}):(0,E.jsx)(`ul`,{"aria-label":L.listAriaLabel,className:`flex flex-col gap-2.5`,children:I.map((e,t)=>B(e,t,I.length))}),W=(0,E.jsxs)(`div`,{className:S(v&&`event-log--component`,`flex flex-col gap-4`,v&&N),children:[H===`top`&&V,U,H===`bottom`&&V]});return v?W:(0,E.jsx)(w,{title:y,padding:`default`,className:S(`event-log--component`,N),children:W})}M.displayName=`EventLog`;var N=e({APISurface:()=>W,CommentsEventsUnderOneLog:()=>G,ReadOnlyTimelineNoComposer:()=>K}),P=[{id:`maria`,label:`Sarah Smitha`,description:`Head of Operations`,kind:`user`},{id:`ivana`,label:`Davida Todorova`,description:`Refunds Specialist`,kind:`user`},{id:`stefan`,label:`Daniel Kowalski`,description:`Customer`,kind:`user`},{id:`kris`,label:`Kris Dineva`,description:`Engineering`,kind:`user`}],F=[{id:`BKG-2026-0408`,label:`BKG-2026-0408`,description:`Daniel Kowalski · Apr 12 → Apr 14`,kind:`booking`},{id:`BKG-2026-0421`,label:`BKG-2026-0421`,description:`Sarah Smitha · Apr 19 → Apr 22`,kind:`booking`}],I=[{id:`ORD-A219`,label:`ORD-A219`,description:`€420.00 · Refund pending`,kind:`order`},{id:`ORD-A284`,label:`ORD-A284`,description:`€88.50 · Captured`,kind:`order`}],L=[{id:`SPR-Q2-W3`,label:`Sprint Q2-W3`,description:`Refund flows`,kind:`sprint`}],R={user:{icon:y,label:`Person`,trigger:`@`,tone:`info`,buildHref:e=>`/people/${e.id}`},booking:{icon:s,label:`Booking`,trigger:`#`,tone:`success`,buildHref:e=>`/bookings/${e.id}`},order:{icon:_,label:`Order`,trigger:`$`,tone:`warning`,buildHref:e=>`/orders/${e.id}`},sprint:{icon:g,label:`Sprint`,tone:`secondary`,buildHref:e=>`/sprints/${e.id}`}};function z(e,t){let n=t===`user`?P:t===`booking`?F:t===`order`?I:L,r=e.trim().toLowerCase();return r.length===0?n:n.filter(e=>e.label.toLowerCase().includes(r)||(e.description??``).toLowerCase().includes(r))}var B=Date.now(),V=e=>new Date(B-e*60*60*1e3).toISOString(),H=(e,t,n)=>({id:`${e}:${t}`,kind:e,label:n,href:`/${e}s/${t}`}),U=[{id:`evt-1`,kind:`event`,timestamp:V(48),icon:f,tone:`success`,actor:`System`,action:`created`,target:`BKG-2026-0408`,description:`New booking opened by <span data-ref-id="user:stefan" data-ref-kind="user">@Daniel Kowalski</span>.`,mentions:[H(`user`,`stefan`,`Daniel Kowalski`)]},{id:`evt-2`,kind:`system`,timestamp:V(36),icon:h,tone:`info`,actor:`Payments`,action:`captured`,target:`€420.00`,description:`Captured for <span data-ref-id="order:ORD-A219" data-ref-kind="order">ORD-A219</span> via Visa •• 4242.`,mentions:[H(`order`,`ORD-A219`,`ORD-A219`)],metadata:[{label:`Method`,value:`card`},{label:`Receipt`,value:`rcpt_8z2`}]},{id:`1`,kind:`comment`,timestamp:V(2),comment:{id:`1`,user:{id:`maria`,name:`Sarah Smitha`},createdAt:V(2),contentType:`html`,content:`Approving the refund for <span data-ref-id="user:stefan" data-ref-kind="user">@Daniel Kowalski</span> on <span data-ref-id="booking:BKG-2026-0408" data-ref-kind="booking">BKG-2026-0408</span> — please process before EOD so the payout window doesn't shift.`,references:[H(`user`,`stefan`,`Daniel Kowalski`),H(`booking`,`BKG-2026-0408`,`BKG-2026-0408`)],isPinned:!0,canDelete:!0,reactions:[{emoji:`👍`,count:2,mine:!0}]}},{id:`evt-3`,kind:`audit`,timestamp:V(1.5),icon:v,tone:`warning`,actor:`Sarah Smitha`,action:`overrode policy`,target:`partial-refund`,description:`Bypassed the 24h refund cap for <span data-ref-id="booking:BKG-2026-0408" data-ref-kind="booking">BKG-2026-0408</span>.`,mentions:[H(`booking`,`BKG-2026-0408`,`BKG-2026-0408`)],metadata:[{label:`Reason`,value:`customer-double-booked`}]},{id:`2`,kind:`comment`,timestamp:V(1),comment:{id:`2`,user:{id:`ivana`,name:`Davida Todorova`},createdAt:V(1),contentType:`html`,content:`Done — refund issued via the original Visa ending 4242 for <span data-ref-id="order:ORD-A219" data-ref-kind="order">ORD-A219</span>. ETA Apr 14 per the gateway.`,references:[H(`order`,`ORD-A219`,`ORD-A219`)],attachments:[{id:`m1`,name:`refund-receipt.pdf`,url:`#`,size:184320,mimeType:`application/pdf`,status:`uploaded`}]}},{id:`evt-4`,kind:`event`,timestamp:V(.5),icon:u,tone:`secondary`,actor:`Notifier`,action:`sent email to`,target:`Daniel Kowalski`,description:`Refund confirmation dispatched. Linked sprint: <span data-ref-id="sprint:SPR-Q2-W3" data-ref-kind="sprint">Sprint Q2-W3</span>.`,mentions:[H(`sprint`,`SPR-Q2-W3`,`Sprint Q2-W3`)]}];function W(){return(0,E.jsx)(E.Fragment,{children:(0,E.jsxs)(i,{type:`secondary`,children:[(0,E.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`<EventLog entries={EventLogEntry[]} resources={…} onResourceSearch={…} composer={{…}} renderers={{…}} />`}),`  `,`Each entry's `,(0,E.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`kind`}),` selects a renderer — built-in`,` `,(0,E.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`'comment'`}),` uses`,` `,(0,E.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`<CommentItem>`}),`; everything else (events, audit, system, custom kinds) renders as an icon-rail row with full mention support in the description.`]})})}function G(){let[e,t]=(0,k.useState)(U);return(0,E.jsx)(E.Fragment,{children:(0,E.jsx)(`div`,{className:`w-full max-w-3xl`,children:(0,E.jsx)(M,{entries:e,canModerate:!0,order:`asc`,resources:R,onResourceSearch:z,onCommentDelete:e=>{t(t=>t.filter(t=>!(t.kind===`comment`&&t.id===e)))},onCommentReact:(e,n)=>{t(t=>t.map(t=>{if(t.kind!==`comment`)return t;let r=t;if(r.comment.id!==e)return t;let i=r.comment.reactions??[],a=i.find(e=>e.emoji===n)?i.map(e=>e.emoji===n?{...e,mine:!e.mine,count:e.mine?e.count-1:e.count+1}:e):[...i,{emoji:n,count:1,mine:!0}];return{...r,comment:{...r.comment,reactions:a}}}))},composer:{enabled:!0,position:`top`,context:{id:`BKG-2026-0408`,type:`booking`},placeholder:"Add a note — try `@`, `#`, or `$`…",onSubmit:(e,n)=>{t(t=>[...t,{id:`local-${t.length+1}`,kind:`comment`,timestamp:new Date().toISOString(),comment:{id:`local-${t.length+1}`,user:{id:`me`,name:`You`},createdAt:new Date().toISOString(),contentType:`html`,content:e.content,references:e.references?[...e.references]:[],attachments:e.attachments?[...e.attachments]:[],canDelete:!0}}]),n.reset()}}})})})}function K(){let[e]=(0,k.useState)(U);return(0,E.jsx)(E.Fragment,{children:(0,E.jsx)(`div`,{className:`w-full max-w-3xl`,children:(0,E.jsx)(M,{entries:e.slice(0,4),order:`asc`,resources:R})})})}var q=`import {
     Bell,
     CalendarRange,
     CheckCircle2,