admin-ui-starter-kit 0.1.0

package/dist/components/features/event-log/event-log.types.d.ts

@@ -0,0 +1,110 @@
+import { LucideIcon } from 'lucide-react';
+import { ComponentType, ReactNode } from 'react';
+import { CommentData, CommentUser, CommentsAccessors, CommentsConfig, CommentsStrings } from '../comments';
+import { Mention, MentionsConfig } from '../mentions';
+import { StringsProp } from '../../../lib/strings';
+import { EventLogStrings } from './event-log.strings';
+/** Visual tone for non-comment events — drives the leading icon chip. */
+export type EventLogTone = 'primary' | 'success' | 'warning' | 'destructive' | 'info' | 'secondary';
+/** Comment entry — wraps the existing comments feature payload. */
+export interface EventLogCommentEntry<TUser extends CommentUser = CommentUser, TMeta = unknown, TResource extends string = string> {
+    id: string;
+    kind: 'comment';
+    /** ISO timestamp — used for chronological sorting. */
+    timestamp: string;
+    comment: CommentData<TUser, TMeta, TResource>;
+}
+/**
+ * Activity / audit event entry. The `description` field is HTML and
+ * may contain inline `<span data-ref-id="…">` mentions which will be
+ * resolved against the resource registry.
+ */
+export interface EventLogActivityEntry<TResource extends string = string> {
+    id: string;
+    kind: 'event' | 'system' | 'audit' | string;
+    timestamp: string;
+    /** Lucide icon — defaults to a small dot when absent. */
+    icon?: LucideIcon;
+    /** Tone for the icon chip. */
+    tone?: EventLogTone;
+    /** Optional actor — short label rendered before the description. */
+    actor?: string;
+    /** Optional action verb — bridge between actor and target ("commented on"). */
+    action?: string;
+    /** Optional target — short label rendered after the action. */
+    target?: ReactNode;
+    /** Plain headline rendered when `description` is absent. */
+    headline?: ReactNode;
+    /** Rich description (HTML) — supports inline mentions. */
+    description?: string;
+    /** Mentions referenced inside `description` — resolved to chips at render time. */
+    mentions?: ReadonlyArray<Mention<TResource>>;
+    /** Inline metadata pills rendered under the description. */
+    metadata?: ReadonlyArray<{
+        label: string;
+        value: ReactNode;
+    }>;
+    /** Free-form payload for consumer logic. */
+    data?: unknown;
+}
+export type EventLogEntry<TUser extends CommentUser = CommentUser, TMeta = unknown, TResource extends string = string> = EventLogCommentEntry<TUser, TMeta, TResource> | EventLogActivityEntry<TResource>;
+export interface EventLogRendererContext<TResource extends string = string> {
+    resources?: MentionsConfig<TResource>['resources'];
+    accessors?: CommentsAccessors;
+    strings?: Partial<CommentsStrings>;
+}
+export type EventLogRenderer<TUser extends CommentUser = CommentUser, TMeta = unknown, TResource extends string = string> = (entry: EventLogEntry<TUser, TMeta, TResource>, ctx: EventLogRendererContext<TResource>) => ReactNode;
+/**
+ * Optional inline composer at the top/bottom of the log. When present
+ * the EventLog renders a `<CommentComposer>` and forwards submits to
+ * `onSubmit` — produces a new comment entry the consumer typically
+ * appends to `entries`.
+ */
+export interface EventLogComposerConfig<TResource extends string = string> {
+    enabled: boolean;
+    position?: 'top' | 'bottom';
+    /** Identifies the thread; passed to `CommentComposer.context`. */
+    context: {
+        id: string;
+        type: string;
+        moduleKey?: string;
+    };
+    onSubmit?: NonNullable<CommentsConfig<CommentUser, unknown, TResource>['onSubmit']>;
+    placeholder?: string;
+    autoFocus?: boolean;
+}
+export interface EventLogProps<TUser extends CommentUser = CommentUser, TMeta = unknown, TResource extends string = string> extends CommentsAccessors {
+    entries: ReadonlyArray<EventLogEntry<TUser, TMeta, TResource>>;
+    /** Order — `desc` (newest first, default) or `asc` (oldest first). */
+    order?: 'asc' | 'desc';
+    /** Resource catalogue — passed at the call site. */
+    resources?: MentionsConfig<TResource>['resources'];
+    /** Global search callback for inline triggers. */
+    onResourceSearch?: MentionsConfig<TResource>['onResourceSearch'];
+    /** Comment lifecycle callbacks — same shape as `<Comments>`. */
+    canModerate?: boolean;
+    onCommentDelete?: (commentId: string) => void;
+    onCommentReact?: (commentId: string, emoji: string) => void;
+    onCommentReply?: (commentId: string) => void;
+    onCommentPinToggle?: (comment: CommentData<TUser, TMeta, TResource>) => void;
+    /** Comment-specific strings (delegated to `<CommentItem>`). */
+    strings?: Partial<CommentsStrings>;
+    /** Timeline-level strings (list aria label, empty state).
+     *  Comment-row copy is overridden via `strings` (above). */
+    eventLogStrings?: StringsProp<EventLogStrings>;
+    /** Override the per-kind renderer table. Built-ins keyed by `kind`. */
+    renderers?: Partial<Record<string, EventLogRenderer<TUser, TMeta, TResource>>>;
+    /** Inline composer config. */
+    composer?: EventLogComposerConfig<TResource>;
+    /** Card chrome — set false to drop the SmartCard wrapper. */
+    bare?: boolean;
+    /** Card title (when not bare). */
+    title?: ReactNode;
+    /** Optional avatar component override (for comment rows). */
+    avatarComponent?: ComponentType<{
+        user: TUser | undefined;
+        size: 'sm' | 'md' | 'lg';
+    }>;
+    className?: string;
+}
+//# sourceMappingURL=event-log.types.d.ts.map

package/dist/components/features/event-log/event-log.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"event-log.types.d.ts","sourceRoot":"","sources":["../../../../src/components/features/event-log/event-log.types.ts"],"names":[],"mappings":"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"}

package/dist/components/features/event-log/index.cjs

@@ -0,0 +1,2 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../../../_shared/chunk-D3uCBrYO.cjs`);const e=require(`../../../lib/strings.cjs`),t=require(`../../../_shared/ui-provider-uiQgATj1.cjs`),n=require(`../../../lib/utils.cjs`),r=require(`../../../_shared/text-DBnY6fcL.cjs`),i=require(`../../../_shared/smart-card-Ddsjvf7r.cjs`),a=require(`../../../_shared/comments-BbTYFzx6.cjs`),o=require(`../../../_shared/mentions-DVCjaO_z.cjs`);let s=require(`react`),c=require(`react/jsx-runtime`),l=require(`lucide-react`);var u={listAriaLabel:`Activity timeline`,emptyMessage:`No activity yet.`},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`},f=({entry:e,resources:t,formatRelativeTime:i,isLast:a})=>{let s=e.icon??l.Circle,u=e.tone??`secondary`,f=e.timestamp&&i?i(e.timestamp):e.timestamp;return(0,c.jsxs)(`li`,{className:`relative flex gap-3`,"data-event-id":e.id,children:[(0,c.jsxs)(`div`,{className:`relative flex flex-col items-center pt-1`,children:[(0,c.jsx)(`div`,{className:n.cn(`flex size-6 shrink-0 items-center justify-center rounded-full ring-1 ring-foreground/[0.04]`,d[u]),children:(0,c.jsx)(s,{className:`size-3`,"aria-hidden":!0})}),!a&&(0,c.jsx)(`div`,{className:`bg-border/60 mt-1 w-px flex-1`,"aria-hidden":!0})]}),(0,c.jsxs)(`div`,{className:`min-w-0 flex-1 pb-3`,children:[(0,c.jsxs)(`div`,{className:`flex flex-wrap items-baseline gap-x-1.5`,children:[!!e.actor&&(0,c.jsx)(r.t,{tag:`span`,weight:`semibold`,children:e.actor}),!!e.action&&(0,c.jsx)(r.t,{tag:`span`,type:`secondary`,children:e.action}),!!e.target&&(0,c.jsx)(r.t,{tag:`span`,weight:`medium`,children:e.target}),!!e.headline&&!e.action&&!e.target&&(0,c.jsx)(r.t,{tag:`span`,children:e.headline}),!!f&&(0,c.jsx)(r.t,{tag:`span`,size:`xs`,type:`secondary`,className:`ml-auto shrink-0 tabular-nums`,children:f})]}),!!e.description&&(0,c.jsx)(`div`,{className:`mt-1 text-sm leading-relaxed`,children:(0,c.jsx)(o.o,{html:e.description,mentions:e.mentions,resources:t})}),e.metadata&&e.metadata.length>0&&(0,c.jsx)(`div`,{className:`mt-1 flex flex-wrap gap-x-3 gap-y-0.5`,children:e.metadata.map(e=>(0,c.jsxs)(r.t,{size:`xs`,type:`secondary`,className:`inline-flex items-baseline gap-1`,children:[(0,c.jsxs)(r.t,{tag:`span`,size:`xs`,type:`discrete`,children:[e.label,`:`]}),(0,c.jsx)(r.t,{tag:`span`,size:`xs`,type:`secondary`,children:e.value})]},e.label))})]})]})};function p(e){if(!e)return()=>{};let t={setErrors:()=>{},reset:()=>{},setSubmitting:()=>{}};return n=>{e(n,t)}}function m(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 h(o){let{entries:l,order:d=`desc`,resources:h,onResourceSearch:g,canModerate:_,onCommentDelete:v,onCommentReact:y,onCommentReply:b,onCommentPinToggle:x,strings:S,eventLogStrings:C,renderers:w,composer:T,bare:E=!1,title:D,getMediaUrl:O,getMediaName:k,getStatusLabel:A,formatRelativeTime:j,className:M}=o,N=h,P=g,F=(0,s.useMemo)(()=>m(l,d),[l,d]),I=e.useStrings(u,C),{formatRelativeTime:L}=t.a(),R=j??L??(e=>e),z=(e,t,r)=>{let i=t===r-1,o=w?.[e.kind];if(o)return o(e,{resources:N,accessors:{getMediaUrl:O,getMediaName:k,getStatusLabel:A,formatRelativeTime:R},strings:S});if(e.kind===`comment`){let t=e;return(0,c.jsx)(`li`,{className:n.cn(`event-log--component`,`relative`),"data-event-id":t.id,children:(0,c.jsx)(a.a,{comment:t.comment,canModerate:_,onDelete:v,onPinToggle:x,onReact:y,onReply:b,strings:S,resources:N,getMediaUrl:O,getMediaName:k,getStatusLabel:A,formatRelativeTime:R})},t.id)}let s=e;return(0,c.jsx)(f,{entry:s,resources:N,formatRelativeTime:R,isLast:i},s.id)},B=T?.enabled?(0,c.jsx)(`div`,{children:(0,c.jsx)(a.l,{context:T.context,canComment:!0,onSubmit:p(T.onSubmit),resources:N,onResourceSearch:P,placeholder:T.placeholder,autoFocus:T.autoFocus})}):null,V=T?.position??`top`,H=F.length===0?(0,c.jsx)(r.t,{type:`secondary`,className:`py-2`,children:I.emptyMessage}):(0,c.jsx)(`ul`,{"aria-label":I.listAriaLabel,className:`flex flex-col gap-2.5`,children:F.map((e,t)=>z(e,t,F.length))}),U=(0,c.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[V===`top`&&B,H,V===`bottom`&&B]});return E?U:(0,c.jsx)(i.t,{title:D,padding:`sm`,className:M,children:U})}h.displayName=`EventLog`;var g=e=>(0,c.jsx)(h,{...e});exports.EventLog=h,exports.EventLogComponent=g,exports.EventLogEventRow=f,exports.defaultEventLogStrings=u;
+//# sourceMappingURL=index.cjs.map

package/dist/components/features/event-log/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/components/features/event-log/event-log.strings.ts","../../../../src/components/features/event-log/partials/event-log-event-row.tsx","../../../../src/components/features/event-log/event-log.tsx"],"sourcesContent":["/**\n * EventLog strings — i18n surface for the timeline shell. The bulk of\n * user-facing copy in EventLog comes from downstream features\n * (`CommentsStrings`, `MentionsConfig`); the strings here cover the\n * timeline-level chrome only (list aria label, future load-more / empty\n * states). Adding the file now so a future copy addition lands as a\n * non-breaking change rather than expanding the props surface.\n */\n\nexport interface EventLogStrings {\n    /** aria-label for the `<ul>` that wraps event rows. Matters for\n     *  screen readers landing in the middle of a long timeline. */\n    listAriaLabel: string;\n    /** Empty-state message when `entries` is empty and no composer is\n     *  configured. */\n    emptyMessage: string;\n}\n\nexport const defaultEventLogStrings: EventLogStrings = {\n    listAriaLabel: 'Activity timeline',\n    emptyMessage: 'No activity yet.',\n};\n","/**\n * EventLogEventRow — non-comment entry render. Renders an icon-on-rail\n * row similar to `composed/timelines/activity-stream` but with full\n * mentions support in the description field and shared spacing tokens\n * matching `<CommentItem>` so comments + events line up cleanly under\n * the same surface.\n */\nimport { Circle } from 'lucide-react';\nimport type { FC, ReactNode } from 'react';\n\nimport { Text } from '@/components/typography';\nimport { MentionContent } from '@/components/features/mentions';\nimport { cn } from '@/lib/utils';\n\nimport type {\n    EventLogActivityEntry,\n    EventLogTone,\n} from '../event-log.types';\nimport type { MentionsConfig } from '@/components/features/mentions';\n\nconst TONE_CHIP: Record<EventLogTone, string> = {\n    primary: 'bg-primary/10 text-primary',\n    success: 'bg-success/15 text-success',\n    warning: 'bg-warning/40 text-warning-foreground',\n    destructive: 'bg-destructive/10 text-destructive',\n    info: 'bg-info/15 text-info',\n    secondary: 'bg-muted text-muted-foreground',\n};\n\nexport interface EventLogEventRowProps<TResource extends string = string> {\n    entry: EventLogActivityEntry<TResource>;\n    resources?: MentionsConfig<TResource>['resources'];\n    formatRelativeTime?: (iso: string) => string;\n    isLast?: boolean;\n}\n\nexport const EventLogEventRow: FC<EventLogEventRowProps> = ({\n    entry,\n    resources,\n    formatRelativeTime,\n    isLast,\n}) => {\n    const Icon = entry.icon ?? Circle;\n    const tone = entry.tone ?? 'secondary';\n    const relativeTime =\n        entry.timestamp && formatRelativeTime\n            ? formatRelativeTime(entry.timestamp)\n            : entry.timestamp;\n\n    return (\n        <li className=\"relative flex gap-3\" data-event-id={entry.id}>\n            {/* Rail + icon chip */}\n            <div className=\"relative flex flex-col items-center pt-1\">\n                <div\n                    className={cn(\n                        'flex size-6 shrink-0 items-center justify-center rounded-full ring-1 ring-foreground/[0.04]',\n                        TONE_CHIP[tone],\n                    )}\n                >\n                    <Icon className=\"size-3\" aria-hidden />\n                </div>\n                {!isLast && (\n                    <div className=\"bg-border/60 mt-1 w-px flex-1\" aria-hidden />\n                )}\n            </div>\n\n            <div className=\"min-w-0 flex-1 pb-3\">\n                <div className=\"flex flex-wrap items-baseline gap-x-1.5\">\n                    {!!entry.actor && (\n                        <Text tag=\"span\" weight=\"semibold\">\n                            {entry.actor}\n                        </Text>\n                    )}\n                    {!!entry.action && (\n                        <Text tag=\"span\" type=\"secondary\">\n                            {entry.action}\n                        </Text>\n                    )}\n                    {!!entry.target && (\n                        <Text tag=\"span\" weight=\"medium\">\n                            {entry.target}\n                        </Text>\n                    )}\n                    {!!entry.headline && !entry.action && !entry.target && (\n                        <Text tag=\"span\">\n                            {entry.headline}\n                        </Text>\n                    )}\n                    {!!relativeTime && (\n                        <Text\n                            tag=\"span\"\n                            size=\"xs\"\n                            type=\"secondary\"\n                            className=\"ml-auto shrink-0 tabular-nums\"\n                        >\n                            {relativeTime}\n                        </Text>\n                    )}\n                </div>\n\n                {!!entry.description && (\n                    <div className=\"mt-1 text-sm leading-relaxed\">\n                        <MentionContent\n                            html={entry.description}\n                            mentions={entry.mentions}\n                            resources={resources}\n                        />\n                    </div>\n                )}\n\n                {entry.metadata && entry.metadata.length > 0 && (\n                    <div className=\"mt-1 flex flex-wrap gap-x-3 gap-y-0.5\">\n                        {entry.metadata.map((meta: { label: string; value: ReactNode }) => (\n                            <Text\n                                key={meta.label}\n                                size=\"xs\"\n                                type=\"secondary\"\n                                className=\"inline-flex items-baseline gap-1\"\n                            >\n                                <Text tag=\"span\" size=\"xs\" type=\"discrete\">\n                                    {meta.label}:\n                                </Text>\n                                <Text tag=\"span\" size=\"xs\" type=\"secondary\">\n                                    {meta.value}\n                                </Text>\n                            </Text>\n                        ))}\n                    </div>\n                )}\n            </div>\n        </li>\n    );\n};\n","/**\n * EventLog — chronological feed mixing comment entries with audit /\n * system / activity events under one feature surface. It composes\n * `features/comments` (comment rows + composer) and `features/mentions`\n * (inline references in any kind of entry).\n *\n * Pass `entries` as a heterogeneous array; each entry's `kind` selects\n * the renderer. Built-ins:\n *   - `'comment'` → `<CommentItem>` row\n *   - everything else → activity-style row (`<EventLogEventRow>`)\n *\n * Override or extend per kind via the `renderers` prop.\n *\n * The composer is opt-in (`composer.enabled`) — when on, posting in\n * the composer fires `composer.onSubmit` with a `CommentFormValues`\n * payload the consumer typically appends as a new `EventLogCommentEntry`.\n */\nimport { useMemo } from 'react';\nimport type { FC, ReactNode } from 'react';\n\nimport { SmartCard } from '@/components/base/cards';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\nimport { useDatesConfig } from '@/lib/ui-provider';\nimport {\n    CommentComposer,\n    CommentItem,\n    type CommentData,\n    type CommentFormValues,\n    type CommentSubmitHelpers,\n    type CommentUser,\n} from '@/components/features/comments';\n\nimport { defaultEventLogStrings } from './event-log.strings';\nimport { EventLogEventRow } from './partials/event-log-event-row';\nimport type {\n    EventLogEntry,\n    EventLogProps,\n    EventLogRenderer,\n} from './event-log.types';\n\nimport { cn } from '@/lib/utils';\n/**\n * Bridge between `<CommentComposer onSubmit={(values) => …}>` (values\n * only) and the richer `EventLogComposerConfig.onSubmit` signature\n * (`values, helpers`). Synthesises noop helpers — consumers wanting\n * real helpers should disable the built-in composer and render\n * `<CommentComposer>` themselves.\n *\n * Typed against the default-`string` resource kind because\n * `<CommentComposer>` doesn't propagate the `TResource` generic\n * through. Localising the structural cast here keeps the rest of the\n * EventLog body free of `as never` boundary noise.\n */\nfunction makeBridgedOnSubmit<TResource extends string = string>(\n    onSubmit:\n        | ((\n              values: CommentFormValues<TResource>,\n              helpers: CommentSubmitHelpers,\n          ) => void)\n        | undefined,\n): (values: CommentFormValues) => void {\n    if (!onSubmit) return () => {};\n    const noopHelpers: CommentSubmitHelpers = {\n        setErrors: () => {},\n        reset: () => {},\n        setSubmitting: () => {},\n    };\n    return (values) => {\n        onSubmit(values as CommentFormValues<TResource>, noopHelpers);\n    };\n}\n\nfunction sortEntries<T extends { timestamp?: string }>(\n    entries: ReadonlyArray<T>,\n    order: 'asc' | 'desc',\n): ReadonlyArray<T> {\n    const arr = [...entries];\n    arr.sort((a, b) => {\n        const ta = a.timestamp ? new Date(a.timestamp).getTime() : 0;\n        const tb = b.timestamp ? new Date(b.timestamp).getTime() : 0;\n        return order === 'asc' ? ta - tb : tb - ta;\n    });\n    return arr;\n}\n\nexport function EventLog<\n    TUser extends CommentUser = CommentUser,\n    TMeta = unknown,\n    TResource extends string = string,\n>(props: EventLogProps<TUser, TMeta, TResource>) {\n    const {\n        entries,\n        order = 'desc',\n        resources: resourcesProp,\n        onResourceSearch: onResourceSearchProp,\n        canModerate,\n        onCommentDelete,\n        onCommentReact,\n        onCommentReply,\n        onCommentPinToggle,\n        strings,\n        eventLogStrings: eventLogStringsProp,\n        renderers,\n        composer,\n        bare = false,\n        title,\n        getMediaUrl,\n        getMediaName,\n        getStatusLabel,\n        formatRelativeTime,\n        className,\n    } = props;\n\n    const resources = resourcesProp;\n    const onResourceSearch = onResourceSearchProp;\n\n    const sorted = useMemo(\n        () => sortEntries(entries, order),\n        [entries, order],\n    );\n    const eventLogStrings = useStrings(defaultEventLogStrings, eventLogStringsProp);\n\n    const { formatRelativeTime: storeFormatRelative } = useDatesConfig();\n    const formatRelative = formatRelativeTime ?? storeFormatRelative ?? ((iso: string) => iso);\n\n    const renderEntry = (\n        entry: EventLogEntry<TUser, TMeta, TResource>,\n        index: number,\n        total: number,\n    ): ReactNode => {\n        const isLast = index === total - 1;\n        const custom = renderers?.[entry.kind] as\n            | EventLogRenderer<TUser, TMeta, TResource>\n            | undefined;\n        if (custom) {\n            return custom(entry, { resources, accessors: { getMediaUrl, getMediaName, getStatusLabel, formatRelativeTime: formatRelative }, strings });\n        }\n\n        if (entry.kind === 'comment') {\n            const commentEntry = entry as Extract<\n                EventLogEntry<TUser, TMeta, TResource>,\n                { kind: 'comment' }\n            >;\n            return (\n                <li\n                    key={commentEntry.id}\n                    className={cn('event-log--component', 'relative')}\n                    data-event-id={commentEntry.id}\n                >\n                    <CommentItem\n                        comment={\n                            commentEntry.comment as CommentData<\n                                CommentUser,\n                                unknown,\n                                TResource\n                            >\n                        }\n                        canModerate={canModerate}\n                        onDelete={onCommentDelete}\n                        // Boundary cast: same generic-erasure as the\n                        // `comment` cast above — `<CommentItem>` doesn't\n                        // propagate the `<TUser, TMeta, TResource>`\n                        // triple, so we widen the callback at the call\n                        // site. Shape is identical.\n                        onPinToggle={onCommentPinToggle as never}\n                        onReact={onCommentReact}\n                        onReply={onCommentReply}\n                        strings={strings}\n                        resources={resources}\n                        getMediaUrl={getMediaUrl}\n                        getMediaName={getMediaName}\n                        getStatusLabel={getStatusLabel}\n                        formatRelativeTime={formatRelative}\n                    />\n                </li>\n            );\n        }\n\n        const eventEntry = entry as Extract<\n            EventLogEntry<TUser, TMeta, TResource>,\n            { kind: Exclude<string, 'comment'> }\n        >;\n        return (\n            <EventLogEventRow\n                key={eventEntry.id}\n                // Boundary cast: `<EventLogEventRow>` is non-generic\n                // (kind is `string`), but `entry` carries the\n                // consumer's narrower `TResource`. Structural shape is\n                // identical, so this is the standard widening cast.\n                entry={eventEntry as never}\n                resources={resources as never}\n                formatRelativeTime={formatRelative}\n                isLast={isLast}\n            />\n        );\n    };\n\n    const composerBlock = composer?.enabled ? (\n        <div>\n            <CommentComposer\n                context={composer.context}\n                canComment\n                onSubmit={makeBridgedOnSubmit(composer.onSubmit)}\n                /*\n                 * `as never` here is the documented generic-erasure\n                 * boundary: `<EventLog<TUser, TMeta, TResource>>` is\n                 * generic in `TResource`, but `<CommentComposer>` types\n                 * its `resources` prop with the default-string version\n                 * of the registry. The shape is structurally identical\n                 * — only the kind union differs — so we widen at the\n                 * boundary. Keep the cast localised here; do not\n                 * propagate it into `useMentions` or the hooks.\n                 */\n                resources={resources as never}\n                onResourceSearch={onResourceSearch as never}\n                placeholder={composer.placeholder}\n                autoFocus={composer.autoFocus}\n            />\n        </div>\n    ) : null;\n\n    const composerPosition = composer?.position ?? 'top';\n\n    const list =\n        sorted.length === 0 ? (\n            <Text type=\"secondary\" className=\"py-2\">\n                {eventLogStrings.emptyMessage}\n            </Text>\n        ) : (\n            <ul aria-label={eventLogStrings.listAriaLabel} className=\"flex flex-col gap-2.5\">\n                {sorted.map((entry, idx) => renderEntry(entry, idx, sorted.length))}\n            </ul>\n        );\n\n    const inner = (\n        <div className=\"flex flex-col gap-4\">\n            {composerPosition === 'top' && composerBlock}\n            {list}\n            {composerPosition === 'bottom' && composerBlock}\n        </div>\n    );\n\n    if (bare) {\n        return inner;\n    }\n    return (\n        <SmartCard title={title} padding=\"sm\" className={className}>\n            {inner}\n        </SmartCard>\n    );\n}\n\nEventLog.displayName = 'EventLog';\n\nexport const EventLogComponent: FC<EventLogProps> = (props) => (\n    <EventLog {...props} />\n);\n"],"mappings":"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"}

package/dist/components/features/event-log/index.d.ts

@@ -0,0 +1,5 @@
+export { EventLog, EventLogComponent } from './event-log';
+export { EventLogEventRow } from './partials/event-log-event-row';
+export { defaultEventLogStrings, type EventLogStrings, } from './event-log.strings';
+export type { EventLogActivityEntry, EventLogCommentEntry, EventLogComposerConfig, EventLogEntry, EventLogProps, EventLogRenderer, EventLogRendererContext, EventLogTone, } from './event-log.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/features/event-log/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/features/event-log/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EACH,sBAAsB,EACtB,KAAK,eAAe,GACvB,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EACR,qBAAqB,EACrB,oBAAoB,EACpB,sBAAsB,EACtB,aAAa,EACb,aAAa,EACb,gBAAgB,EAChB,uBAAuB,EACvB,YAAY,GACf,MAAM,mBAAmB,CAAC"}

package/dist/components/features/event-log/index.js

@@ -0,0 +1,201 @@
+import { useStrings as e } from "../../../lib/strings.js";
+import { a as t } from "../../../_shared/ui-provider-4qKSKMPd.js";
+import { cn as n } from "../../../lib/utils.js";
+import { t as r } from "../../../_shared/text-DIxMTECE.js";
+import { t as i } from "../../../_shared/smart-card-hJ01usWt.js";
+import { a, l as o } from "../../../_shared/comments-BOFU1GYY.js";
+import { o as s } from "../../../_shared/mentions-DzG8mX5H.js";
+import { useMemo as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Circle as d } from "lucide-react";
+//#region src/components/features/event-log/event-log.strings.ts
+var f = {
+	listAriaLabel: "Activity timeline",
+	emptyMessage: "No activity yet."
+}, p = {
+	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"
+}, m = ({ entry: e, resources: t, formatRelativeTime: i, isLast: a }) => {
+	let o = e.icon ?? d, c = e.tone ?? "secondary", f = e.timestamp && i ? i(e.timestamp) : e.timestamp;
+	return /* @__PURE__ */ u("li", {
+		className: "relative flex gap-3",
+		"data-event-id": e.id,
+		children: [/* @__PURE__ */ u("div", {
+			className: "relative flex flex-col items-center pt-1",
+			children: [/* @__PURE__ */ l("div", {
+				className: n("flex size-6 shrink-0 items-center justify-center rounded-full ring-1 ring-foreground/[0.04]", p[c]),
+				children: /* @__PURE__ */ l(o, {
+					className: "size-3",
+					"aria-hidden": !0
+				})
+			}), !a && /* @__PURE__ */ l("div", {
+				className: "bg-border/60 mt-1 w-px flex-1",
+				"aria-hidden": !0
+			})]
+		}), /* @__PURE__ */ u("div", {
+			className: "min-w-0 flex-1 pb-3",
+			children: [
+				/* @__PURE__ */ u("div", {
+					className: "flex flex-wrap items-baseline gap-x-1.5",
+					children: [
+						!!e.actor && /* @__PURE__ */ l(r, {
+							tag: "span",
+							weight: "semibold",
+							children: e.actor
+						}),
+						!!e.action && /* @__PURE__ */ l(r, {
+							tag: "span",
+							type: "secondary",
+							children: e.action
+						}),
+						!!e.target && /* @__PURE__ */ l(r, {
+							tag: "span",
+							weight: "medium",
+							children: e.target
+						}),
+						!!e.headline && !e.action && !e.target && /* @__PURE__ */ l(r, {
+							tag: "span",
+							children: e.headline
+						}),
+						!!f && /* @__PURE__ */ l(r, {
+							tag: "span",
+							size: "xs",
+							type: "secondary",
+							className: "ml-auto shrink-0 tabular-nums",
+							children: f
+						})
+					]
+				}),
+				!!e.description && /* @__PURE__ */ l("div", {
+					className: "mt-1 text-sm leading-relaxed",
+					children: /* @__PURE__ */ l(s, {
+						html: e.description,
+						mentions: e.mentions,
+						resources: t
+					})
+				}),
+				e.metadata && e.metadata.length > 0 && /* @__PURE__ */ l("div", {
+					className: "mt-1 flex flex-wrap gap-x-3 gap-y-0.5",
+					children: e.metadata.map((e) => /* @__PURE__ */ u(r, {
+						size: "xs",
+						type: "secondary",
+						className: "inline-flex items-baseline gap-1",
+						children: [/* @__PURE__ */ u(r, {
+							tag: "span",
+							size: "xs",
+							type: "discrete",
+							children: [e.label, ":"]
+						}), /* @__PURE__ */ l(r, {
+							tag: "span",
+							size: "xs",
+							type: "secondary",
+							children: e.value
+						})]
+					}, e.label))
+				})
+			]
+		})]
+	});
+};
+//#endregion
+//#region src/components/features/event-log/event-log.tsx
+function h(e) {
+	if (!e) return () => {};
+	let t = {
+		setErrors: () => {},
+		reset: () => {},
+		setSubmitting: () => {}
+	};
+	return (n) => {
+		e(n, t);
+	};
+}
+function g(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 _(s) {
+	let { entries: d, order: p = "desc", resources: _, onResourceSearch: v, canModerate: y, onCommentDelete: b, onCommentReact: x, onCommentReply: S, onCommentPinToggle: C, strings: w, eventLogStrings: T, renderers: E, composer: D, bare: O = !1, title: k, getMediaUrl: A, getMediaName: j, getStatusLabel: M, formatRelativeTime: N, className: P } = s, F = _, I = v, L = c(() => g(d, p), [d, p]), R = e(f, T), { formatRelativeTime: z } = t(), B = N ?? z ?? ((e) => e), V = (e, t, r) => {
+		let i = t === r - 1, o = E?.[e.kind];
+		if (o) return o(e, {
+			resources: F,
+			accessors: {
+				getMediaUrl: A,
+				getMediaName: j,
+				getStatusLabel: M,
+				formatRelativeTime: B
+			},
+			strings: w
+		});
+		if (e.kind === "comment") {
+			let t = e;
+			return /* @__PURE__ */ l("li", {
+				className: n("event-log--component", "relative"),
+				"data-event-id": t.id,
+				children: /* @__PURE__ */ l(a, {
+					comment: t.comment,
+					canModerate: y,
+					onDelete: b,
+					onPinToggle: C,
+					onReact: x,
+					onReply: S,
+					strings: w,
+					resources: F,
+					getMediaUrl: A,
+					getMediaName: j,
+					getStatusLabel: M,
+					formatRelativeTime: B
+				})
+			}, t.id);
+		}
+		let s = e;
+		return /* @__PURE__ */ l(m, {
+			entry: s,
+			resources: F,
+			formatRelativeTime: B,
+			isLast: i
+		}, s.id);
+	}, H = D?.enabled ? /* @__PURE__ */ l("div", { children: /* @__PURE__ */ l(o, {
+		context: D.context,
+		canComment: !0,
+		onSubmit: h(D.onSubmit),
+		resources: F,
+		onResourceSearch: I,
+		placeholder: D.placeholder,
+		autoFocus: D.autoFocus
+	}) }) : null, U = D?.position ?? "top", W = L.length === 0 ? /* @__PURE__ */ l(r, {
+		type: "secondary",
+		className: "py-2",
+		children: R.emptyMessage
+	}) : /* @__PURE__ */ l("ul", {
+		"aria-label": R.listAriaLabel,
+		className: "flex flex-col gap-2.5",
+		children: L.map((e, t) => V(e, t, L.length))
+	}), G = /* @__PURE__ */ u("div", {
+		className: "flex flex-col gap-4",
+		children: [
+			U === "top" && H,
+			W,
+			U === "bottom" && H
+		]
+	});
+	return O ? G : /* @__PURE__ */ l(i, {
+		title: k,
+		padding: "sm",
+		className: P,
+		children: G
+	});
+}
+_.displayName = "EventLog";
+var v = (e) => /* @__PURE__ */ l(_, { ...e });
+//#endregion
+export { _ as EventLog, v as EventLogComponent, m as EventLogEventRow, f as defaultEventLogStrings };
+
+//# sourceMappingURL=index.js.map

package/dist/components/features/event-log/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/features/event-log/event-log.strings.ts","../../../../src/components/features/event-log/partials/event-log-event-row.tsx","../../../../src/components/features/event-log/event-log.tsx"],"sourcesContent":["/**\n * EventLog strings — i18n surface for the timeline shell. The bulk of\n * user-facing copy in EventLog comes from downstream features\n * (`CommentsStrings`, `MentionsConfig`); the strings here cover the\n * timeline-level chrome only (list aria label, future load-more / empty\n * states). Adding the file now so a future copy addition lands as a\n * non-breaking change rather than expanding the props surface.\n */\n\nexport interface EventLogStrings {\n    /** aria-label for the `<ul>` that wraps event rows. Matters for\n     *  screen readers landing in the middle of a long timeline. */\n    listAriaLabel: string;\n    /** Empty-state message when `entries` is empty and no composer is\n     *  configured. */\n    emptyMessage: string;\n}\n\nexport const defaultEventLogStrings: EventLogStrings = {\n    listAriaLabel: 'Activity timeline',\n    emptyMessage: 'No activity yet.',\n};\n","/**\n * EventLogEventRow — non-comment entry render. Renders an icon-on-rail\n * row similar to `composed/timelines/activity-stream` but with full\n * mentions support in the description field and shared spacing tokens\n * matching `<CommentItem>` so comments + events line up cleanly under\n * the same surface.\n */\nimport { Circle } from 'lucide-react';\nimport type { FC, ReactNode } from 'react';\n\nimport { Text } from '@/components/typography';\nimport { MentionContent } from '@/components/features/mentions';\nimport { cn } from '@/lib/utils';\n\nimport type {\n    EventLogActivityEntry,\n    EventLogTone,\n} from '../event-log.types';\nimport type { MentionsConfig } from '@/components/features/mentions';\n\nconst TONE_CHIP: Record<EventLogTone, string> = {\n    primary: 'bg-primary/10 text-primary',\n    success: 'bg-success/15 text-success',\n    warning: 'bg-warning/40 text-warning-foreground',\n    destructive: 'bg-destructive/10 text-destructive',\n    info: 'bg-info/15 text-info',\n    secondary: 'bg-muted text-muted-foreground',\n};\n\nexport interface EventLogEventRowProps<TResource extends string = string> {\n    entry: EventLogActivityEntry<TResource>;\n    resources?: MentionsConfig<TResource>['resources'];\n    formatRelativeTime?: (iso: string) => string;\n    isLast?: boolean;\n}\n\nexport const EventLogEventRow: FC<EventLogEventRowProps> = ({\n    entry,\n    resources,\n    formatRelativeTime,\n    isLast,\n}) => {\n    const Icon = entry.icon ?? Circle;\n    const tone = entry.tone ?? 'secondary';\n    const relativeTime =\n        entry.timestamp && formatRelativeTime\n            ? formatRelativeTime(entry.timestamp)\n            : entry.timestamp;\n\n    return (\n        <li className=\"relative flex gap-3\" data-event-id={entry.id}>\n            {/* Rail + icon chip */}\n            <div className=\"relative flex flex-col items-center pt-1\">\n                <div\n                    className={cn(\n                        'flex size-6 shrink-0 items-center justify-center rounded-full ring-1 ring-foreground/[0.04]',\n                        TONE_CHIP[tone],\n                    )}\n                >\n                    <Icon className=\"size-3\" aria-hidden />\n                </div>\n                {!isLast && (\n                    <div className=\"bg-border/60 mt-1 w-px flex-1\" aria-hidden />\n                )}\n            </div>\n\n            <div className=\"min-w-0 flex-1 pb-3\">\n                <div className=\"flex flex-wrap items-baseline gap-x-1.5\">\n                    {!!entry.actor && (\n                        <Text tag=\"span\" weight=\"semibold\">\n                            {entry.actor}\n                        </Text>\n                    )}\n                    {!!entry.action && (\n                        <Text tag=\"span\" type=\"secondary\">\n                            {entry.action}\n                        </Text>\n                    )}\n                    {!!entry.target && (\n                        <Text tag=\"span\" weight=\"medium\">\n                            {entry.target}\n                        </Text>\n                    )}\n                    {!!entry.headline && !entry.action && !entry.target && (\n                        <Text tag=\"span\">\n                            {entry.headline}\n                        </Text>\n                    )}\n                    {!!relativeTime && (\n                        <Text\n                            tag=\"span\"\n                            size=\"xs\"\n                            type=\"secondary\"\n                            className=\"ml-auto shrink-0 tabular-nums\"\n                        >\n                            {relativeTime}\n                        </Text>\n                    )}\n                </div>\n\n                {!!entry.description && (\n                    <div className=\"mt-1 text-sm leading-relaxed\">\n                        <MentionContent\n                            html={entry.description}\n                            mentions={entry.mentions}\n                            resources={resources}\n                        />\n                    </div>\n                )}\n\n                {entry.metadata && entry.metadata.length > 0 && (\n                    <div className=\"mt-1 flex flex-wrap gap-x-3 gap-y-0.5\">\n                        {entry.metadata.map((meta: { label: string; value: ReactNode }) => (\n                            <Text\n                                key={meta.label}\n                                size=\"xs\"\n                                type=\"secondary\"\n                                className=\"inline-flex items-baseline gap-1\"\n                            >\n                                <Text tag=\"span\" size=\"xs\" type=\"discrete\">\n                                    {meta.label}:\n                                </Text>\n                                <Text tag=\"span\" size=\"xs\" type=\"secondary\">\n                                    {meta.value}\n                                </Text>\n                            </Text>\n                        ))}\n                    </div>\n                )}\n            </div>\n        </li>\n    );\n};\n","/**\n * EventLog — chronological feed mixing comment entries with audit /\n * system / activity events under one feature surface. It composes\n * `features/comments` (comment rows + composer) and `features/mentions`\n * (inline references in any kind of entry).\n *\n * Pass `entries` as a heterogeneous array; each entry's `kind` selects\n * the renderer. Built-ins:\n *   - `'comment'` → `<CommentItem>` row\n *   - everything else → activity-style row (`<EventLogEventRow>`)\n *\n * Override or extend per kind via the `renderers` prop.\n *\n * The composer is opt-in (`composer.enabled`) — when on, posting in\n * the composer fires `composer.onSubmit` with a `CommentFormValues`\n * payload the consumer typically appends as a new `EventLogCommentEntry`.\n */\nimport { useMemo } from 'react';\nimport type { FC, ReactNode } from 'react';\n\nimport { SmartCard } from '@/components/base/cards';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\nimport { useDatesConfig } from '@/lib/ui-provider';\nimport {\n    CommentComposer,\n    CommentItem,\n    type CommentData,\n    type CommentFormValues,\n    type CommentSubmitHelpers,\n    type CommentUser,\n} from '@/components/features/comments';\n\nimport { defaultEventLogStrings } from './event-log.strings';\nimport { EventLogEventRow } from './partials/event-log-event-row';\nimport type {\n    EventLogEntry,\n    EventLogProps,\n    EventLogRenderer,\n} from './event-log.types';\n\nimport { cn } from '@/lib/utils';\n/**\n * Bridge between `<CommentComposer onSubmit={(values) => …}>` (values\n * only) and the richer `EventLogComposerConfig.onSubmit` signature\n * (`values, helpers`). Synthesises noop helpers — consumers wanting\n * real helpers should disable the built-in composer and render\n * `<CommentComposer>` themselves.\n *\n * Typed against the default-`string` resource kind because\n * `<CommentComposer>` doesn't propagate the `TResource` generic\n * through. Localising the structural cast here keeps the rest of the\n * EventLog body free of `as never` boundary noise.\n */\nfunction makeBridgedOnSubmit<TResource extends string = string>(\n    onSubmit:\n        | ((\n              values: CommentFormValues<TResource>,\n              helpers: CommentSubmitHelpers,\n          ) => void)\n        | undefined,\n): (values: CommentFormValues) => void {\n    if (!onSubmit) return () => {};\n    const noopHelpers: CommentSubmitHelpers = {\n        setErrors: () => {},\n        reset: () => {},\n        setSubmitting: () => {},\n    };\n    return (values) => {\n        onSubmit(values as CommentFormValues<TResource>, noopHelpers);\n    };\n}\n\nfunction sortEntries<T extends { timestamp?: string }>(\n    entries: ReadonlyArray<T>,\n    order: 'asc' | 'desc',\n): ReadonlyArray<T> {\n    const arr = [...entries];\n    arr.sort((a, b) => {\n        const ta = a.timestamp ? new Date(a.timestamp).getTime() : 0;\n        const tb = b.timestamp ? new Date(b.timestamp).getTime() : 0;\n        return order === 'asc' ? ta - tb : tb - ta;\n    });\n    return arr;\n}\n\nexport function EventLog<\n    TUser extends CommentUser = CommentUser,\n    TMeta = unknown,\n    TResource extends string = string,\n>(props: EventLogProps<TUser, TMeta, TResource>) {\n    const {\n        entries,\n        order = 'desc',\n        resources: resourcesProp,\n        onResourceSearch: onResourceSearchProp,\n        canModerate,\n        onCommentDelete,\n        onCommentReact,\n        onCommentReply,\n        onCommentPinToggle,\n        strings,\n        eventLogStrings: eventLogStringsProp,\n        renderers,\n        composer,\n        bare = false,\n        title,\n        getMediaUrl,\n        getMediaName,\n        getStatusLabel,\n        formatRelativeTime,\n        className,\n    } = props;\n\n    const resources = resourcesProp;\n    const onResourceSearch = onResourceSearchProp;\n\n    const sorted = useMemo(\n        () => sortEntries(entries, order),\n        [entries, order],\n    );\n    const eventLogStrings = useStrings(defaultEventLogStrings, eventLogStringsProp);\n\n    const { formatRelativeTime: storeFormatRelative } = useDatesConfig();\n    const formatRelative = formatRelativeTime ?? storeFormatRelative ?? ((iso: string) => iso);\n\n    const renderEntry = (\n        entry: EventLogEntry<TUser, TMeta, TResource>,\n        index: number,\n        total: number,\n    ): ReactNode => {\n        const isLast = index === total - 1;\n        const custom = renderers?.[entry.kind] as\n            | EventLogRenderer<TUser, TMeta, TResource>\n            | undefined;\n        if (custom) {\n            return custom(entry, { resources, accessors: { getMediaUrl, getMediaName, getStatusLabel, formatRelativeTime: formatRelative }, strings });\n        }\n\n        if (entry.kind === 'comment') {\n            const commentEntry = entry as Extract<\n                EventLogEntry<TUser, TMeta, TResource>,\n                { kind: 'comment' }\n            >;\n            return (\n                <li\n                    key={commentEntry.id}\n                    className={cn('event-log--component', 'relative')}\n                    data-event-id={commentEntry.id}\n                >\n                    <CommentItem\n                        comment={\n                            commentEntry.comment as CommentData<\n                                CommentUser,\n                                unknown,\n                                TResource\n                            >\n                        }\n                        canModerate={canModerate}\n                        onDelete={onCommentDelete}\n                        // Boundary cast: same generic-erasure as the\n                        // `comment` cast above — `<CommentItem>` doesn't\n                        // propagate the `<TUser, TMeta, TResource>`\n                        // triple, so we widen the callback at the call\n                        // site. Shape is identical.\n                        onPinToggle={onCommentPinToggle as never}\n                        onReact={onCommentReact}\n                        onReply={onCommentReply}\n                        strings={strings}\n                        resources={resources}\n                        getMediaUrl={getMediaUrl}\n                        getMediaName={getMediaName}\n                        getStatusLabel={getStatusLabel}\n                        formatRelativeTime={formatRelative}\n                    />\n                </li>\n            );\n        }\n\n        const eventEntry = entry as Extract<\n            EventLogEntry<TUser, TMeta, TResource>,\n            { kind: Exclude<string, 'comment'> }\n        >;\n        return (\n            <EventLogEventRow\n                key={eventEntry.id}\n                // Boundary cast: `<EventLogEventRow>` is non-generic\n                // (kind is `string`), but `entry` carries the\n                // consumer's narrower `TResource`. Structural shape is\n                // identical, so this is the standard widening cast.\n                entry={eventEntry as never}\n                resources={resources as never}\n                formatRelativeTime={formatRelative}\n                isLast={isLast}\n            />\n        );\n    };\n\n    const composerBlock = composer?.enabled ? (\n        <div>\n            <CommentComposer\n                context={composer.context}\n                canComment\n                onSubmit={makeBridgedOnSubmit(composer.onSubmit)}\n                /*\n                 * `as never` here is the documented generic-erasure\n                 * boundary: `<EventLog<TUser, TMeta, TResource>>` is\n                 * generic in `TResource`, but `<CommentComposer>` types\n                 * its `resources` prop with the default-string version\n                 * of the registry. The shape is structurally identical\n                 * — only the kind union differs — so we widen at the\n                 * boundary. Keep the cast localised here; do not\n                 * propagate it into `useMentions` or the hooks.\n                 */\n                resources={resources as never}\n                onResourceSearch={onResourceSearch as never}\n                placeholder={composer.placeholder}\n                autoFocus={composer.autoFocus}\n            />\n        </div>\n    ) : null;\n\n    const composerPosition = composer?.position ?? 'top';\n\n    const list =\n        sorted.length === 0 ? (\n            <Text type=\"secondary\" className=\"py-2\">\n                {eventLogStrings.emptyMessage}\n            </Text>\n        ) : (\n            <ul aria-label={eventLogStrings.listAriaLabel} className=\"flex flex-col gap-2.5\">\n                {sorted.map((entry, idx) => renderEntry(entry, idx, sorted.length))}\n            </ul>\n        );\n\n    const inner = (\n        <div className=\"flex flex-col gap-4\">\n            {composerPosition === 'top' && composerBlock}\n            {list}\n            {composerPosition === 'bottom' && composerBlock}\n        </div>\n    );\n\n    if (bare) {\n        return inner;\n    }\n    return (\n        <SmartCard title={title} padding=\"sm\" className={className}>\n            {inner}\n        </SmartCard>\n    );\n}\n\nEventLog.displayName = 'EventLog';\n\nexport const EventLogComponent: FC<EventLogProps> = (props) => (\n    <EventLog {...props} />\n);\n"],"mappings":"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"}

package/dist/components/features/event-log/partials/event-log-event-row.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { EventLogActivityEntry } from '../event-log.types';
+import { MentionsConfig } from '../../mentions';
+export interface EventLogEventRowProps<TResource extends string = string> {
+    entry: EventLogActivityEntry<TResource>;
+    resources?: MentionsConfig<TResource>['resources'];
+    formatRelativeTime?: (iso: string) => string;
+    isLast?: boolean;
+}
+export declare const EventLogEventRow: FC<EventLogEventRowProps>;
+//# sourceMappingURL=event-log-event-row.d.ts.map

package/dist/components/features/event-log/partials/event-log-event-row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"event-log-event-row.d.ts","sourceRoot":"","sources":["../../../../../src/components/features/event-log/partials/event-log-event-row.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,EAAE,EAAa,MAAM,OAAO,CAAC;AAM3C,OAAO,KAAK,EACR,qBAAqB,EAExB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAWrE,MAAM,WAAW,qBAAqB,CAAC,SAAS,SAAS,MAAM,GAAG,MAAM;IACpE,KAAK,EAAE,qBAAqB,CAAC,SAAS,CAAC,CAAC;IACxC,SAAS,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC,WAAW,CAAC,CAAC;IACnD,kBAAkB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IAC7C,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAgGtD,CAAC"}

package/dist/components/features/filters/facets/async-select-facet.d.ts

@@ -0,0 +1,26 @@
+import { FilterConfig, FilterOption } from '../filters.types';
+interface AsyncSelectFacetProps {
+    filter: FilterConfig;
+    value: string[];
+    onChange: (value: string[]) => void;
+    className?: string;
+}
+/**
+ * Async Select Filter Facet
+ *
+ * A TanStack Query-powered filter facet for server-side option loading.
+ * Supports:
+ * - Live typeahead search with debounce + AbortSignal
+ * - Loading, error, empty, min-query-hint states
+ * - Preload (fetch default options on open)
+ * - Multi-select with maxSelected enforcement
+ * - Options label cache for pill display after popover close
+ */
+export declare function AsyncSelectFacet({ filter, value, onChange, className, }: AsyncSelectFacetProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Retrieve the label cache ref from an AsyncSelectFacet instance.
+ * This is used by FilterValueDisplay to resolve labels for active async filters.
+ */
+export type AsyncSelectLabelCache = Map<string, FilterOption>;
+export {};
+//# sourceMappingURL=async-select-facet.d.ts.map

package/dist/components/features/filters/facets/async-select-facet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"async-select-facet.d.ts","sourceRoot":"","sources":["../../../../../src/components/features/filters/facets/async-select-facet.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAOnE,UAAU,qBAAqB;IAC9B,MAAM,EAAE,YAAY,CAAC;IACrB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAMD;;;;;;;;;;GAUG;AACH,wBAAgB,gBAAgB,CAAC,EAChC,MAAM,EACN,KAAK,EACL,QAAQ,EACR,SAAS,GACT,EAAE,qBAAqB,2CA4SvB;AAED;;;GAGG;AACH,MAAM,MAAM,qBAAqB,GAAG,GAAG,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC"}

package/dist/components/features/filters/facets/date-facet.d.ts

@@ -0,0 +1,16 @@
+import { FilterConfig } from '../filters.types';
+interface DateFacetProps {
+    filter: FilterConfig;
+    value: {
+        start?: Date;
+        end?: Date;
+    };
+    onChange: (value: {
+        start?: Date;
+        end?: Date;
+    }) => void;
+    className?: string;
+}
+export declare function DateFacet({ filter, value, onChange, className, }: DateFacetProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=date-facet.d.ts.map

package/dist/components/features/filters/facets/date-facet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-facet.d.ts","sourceRoot":"","sources":["../../../../../src/components/features/filters/facets/date-facet.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAIrD,UAAU,cAAc;IACpB,MAAM,EAAE,YAAY,CAAC;IACrB,KAAK,EAAE;QAAE,KAAK,CAAC,EAAE,IAAI,CAAC;QAAC,GAAG,CAAC,EAAE,IAAI,CAAA;KAAE,CAAC;IACpC,QAAQ,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,CAAC,EAAE,IAAI,CAAC;QAAC,GAAG,CAAC,EAAE,IAAI,CAAA;KAAE,KAAK,IAAI,CAAC;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,SAAS,CAAC,EACtB,MAAM,EACN,KAAK,EACL,QAAQ,EACR,SAAS,GACZ,EAAE,cAAc,2CA4EhB"}

package/dist/components/features/filters/facets/range-facet.d.ts

@@ -0,0 +1,28 @@
+import { FilterConfig } from '../filters.types';
+interface RangeFacetProps {
+    filter: FilterConfig;
+    value: {
+        min?: number;
+        max?: number;
+    };
+    onChange: (value: {
+        min?: number;
+        max?: number;
+    }) => void;
+    className?: string;
+}
+/**
+ * Range Filter Facet
+ *
+ * This component implements a numeric range filter that allows users to:
+ * - Set minimum and maximum values
+ * - Configure step size and precision
+ * - Set value constraints (min/max allowed values)
+ * - Customize the range input appearance
+ *
+ * The component integrates with the filter context to manage the range values
+ * and provides a user-friendly interface for range selection.
+ */
+export declare function RangeFacet({ filter, value, onChange, className, }: RangeFacetProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=range-facet.d.ts.map

package/dist/components/features/filters/facets/range-facet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"range-facet.d.ts","sourceRoot":"","sources":["../../../../../src/components/features/filters/facets/range-facet.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAErD,UAAU,eAAe;IACrB,MAAM,EAAE,YAAY,CAAC;IACrB,KAAK,EAAE;QAAE,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACtC,QAAQ,EAAE,CAAC,KAAK,EAAE;QAAE,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;;;;;;;GAWG;AAEH,wBAAgB,UAAU,CAAC,EACvB,MAAM,EACN,KAAK,EACL,QAAQ,EACR,SAAS,GACZ,EAAE,eAAe,2CA8EjB"}

package/dist/components/features/filters/facets/search-facet.d.ts

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+import { FilterConfig } from '../filters.types';
+interface SearchFacetProps {
+    filter: FilterConfig;
+    value: string[];
+    onChange: (value: string[]) => void;
+    className?: string;
+}
+/**
+ * Search Filter Facet
+ *
+ * This component implements a text search filter that allows users to:
+ * - Enter search terms
+ * - Configure search behavior (contains, equals, etc.)
+ * - Set debounce delay for performance
+ * - Customize placeholder text and appearance
+ *
+ * The component integrates with the filter context to manage the search value
+ * and provides a responsive search input interface.
+ */
+declare function SearchFacetComponent({ filter, value, onChange, className, }: SearchFacetProps): import("react/jsx-runtime").JSX.Element;
+export declare const SearchFacet: React.MemoExoticComponent<typeof SearchFacetComponent>;
+export {};
+//# sourceMappingURL=search-facet.d.ts.map

package/dist/components/features/filters/facets/search-facet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-facet.d.ts","sourceRoot":"","sources":["../../../../../src/components/features/filters/facets/search-facet.tsx"],"names":[],"mappings":"AACA,OAAO,KAMN,MAAM,OAAO,CAAC;AAMf,OAAO,EAAyB,KAAK,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAE5E,UAAU,gBAAgB;IACtB,MAAM,EAAE,YAAY,CAAC;IACrB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;;;;;;;GAWG;AAEH,iBAAS,oBAAoB,CAAC,EAC1B,MAAM,EACN,KAAK,EACL,QAAQ,EACR,SAAS,GACZ,EAAE,gBAAgB,2CAwKlB;AAED,eAAO,MAAM,WAAW,wDAAmC,CAAC"}

package/dist/components/features/filters/facets/select-facet.d.ts

@@ -0,0 +1,17 @@
+import { FilterConfig } from '../filters.types';
+interface SelectFacetProps {
+    filter: FilterConfig;
+    value: string[];
+    onChange: (value: string[]) => void;
+    className?: string;
+}
+/**
+ * SelectFacet — single/multi-select dropdown filter.
+ *
+ * Composes `PopoverMenu` for the popover + searchable list pattern.
+ * Multi-select keeps the popover open after a tap; single-select closes
+ * unless `closeOnSelect=false` is passed in the filter config.
+ */
+export declare function SelectFacet({ filter, value, onChange, className, }: SelectFacetProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=select-facet.d.ts.map

package/dist/components/features/filters/facets/select-facet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-facet.d.ts","sourceRoot":"","sources":["../../../../../src/components/features/filters/facets/select-facet.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,YAAY,EAAgB,MAAM,kBAAkB,CAAC;AAEnE,UAAU,gBAAgB;IACtB,MAAM,EAAE,YAAY,CAAC;IACrB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,EACxB,MAAM,EACN,KAAK,EACL,QAAQ,EACR,SAAS,GACZ,EAAE,gBAAgB,2CA+HlB"}

package/dist/components/features/filters/facets/tags-facet.d.ts

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+import { FilterConfig } from '../filters.types';
+interface TagsFacetProps {
+    filter: FilterConfig;
+    value: string[];
+    onChange: (value: string[]) => void;
+    className?: string;
+}
+/**
+ * Tags Filter Facet
+ *
+ * This component implements a tags input filter that allows users to:
+ * - Enter tags through an input field
+ * - Add tags by pressing Enter or clicking the add button
+ * - View all selected tags as removable badges
+ * - Remove individual tags by clicking the X on each badge
+ *
+ * The component is ideal for filtering by multiple tags or keywords
+ * where users need to see all selected values at once.
+ */
+declare function TagsFacetComponent({ filter, value, onChange, className, }: TagsFacetProps): import("react/jsx-runtime").JSX.Element;
+export declare const TagsFacet: React.MemoExoticComponent<typeof TagsFacetComponent>;
+export {};
+//# sourceMappingURL=tags-facet.d.ts.map

package/dist/components/features/filters/facets/tags-facet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tags-facet.d.ts","sourceRoot":"","sources":["../../../../../src/components/features/filters/facets/tags-facet.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAOzE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAErD,UAAU,cAAc;IACpB,MAAM,EAAE,YAAY,CAAC;IACrB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;;;;;;;GAWG;AAEH,iBAAS,kBAAkB,CAAC,EACxB,MAAM,EACN,KAAK,EACL,QAAQ,EACR,SAAS,GACZ,EAAE,cAAc,2CAmHhB;AAED,eAAO,MAAM,SAAS,sDAAiC,CAAC"}