@devalok/shilp-sutra 0.34.0 → 0.36.0

package/dist/composed/activity-feed.js

@@ -1,209 +1,239 @@
 "use client";
-import { jsx as t, jsxs as r } from "react/jsx-runtime";
-import * as D from "react";
-import { cn as a } from "../ui/lib/utils.js";
-import { IconChevronRight as W } from "@tabler/icons-react";
-import { Icon as j } from "../ui/icon.js";
-import { Avatar as z, AvatarImage as R, AvatarFallback as L } from "../ui/avatar.js";
-import { Button as E } from "../ui/button.js";
-import { Skeleton as N } from "../ui/skeleton.js";
-import { getInitials as B } from "./lib/string-utils.js";
-import { formatRelativeTime as G } from "../ui/lib/date-utils.js";
-import { tweens as T } from "../ui/lib/motion.js";
-import { m as A } from "../_chunks/framer.js";
-const O = {
-  default: "bg-surface-fg-subtle",
-  success: "bg-success-9",
-  warning: "bg-warning-9",
-  error: "bg-error-9",
-  info: "bg-info-9"
-}, I = {
-  today: "Today",
-  yesterday: "Yesterday",
-  thisWeek: "This Week",
-  older: "Older"
+import { a as e } from "../_chunks/framer.js";
+import { tweens as t } from "../ui/lib/motion.js";
+import { cn as n } from "../ui/lib/utils.js";
+import { Icon as r } from "../ui/icon.js";
+import { Avatar as i, AvatarFallback as a, AvatarImage as o } from "../ui/avatar.js";
+import { Button as s } from "../ui/button.js";
+import { Skeleton as c } from "../ui/skeleton.js";
+import { formatRelativeTime as l } from "../ui/lib/date-utils.js";
+import { getInitials as u } from "./lib/string-utils.js";
+import * as d from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { IconChevronRight as m } from "@tabler/icons-react";
+//#region src/composed/activity-feed.tsx
+var h = {
+	default: "bg-surface-fg-subtle",
+	success: "bg-success-9",
+	warning: "bg-warning-9",
+	error: "bg-error-9",
+	info: "bg-info-9"
+}, g = {
+	today: "Today",
+	yesterday: "Yesterday",
+	thisWeek: "This Week",
+	older: "Older"
 };
-function Y(e, s) {
-  const l = { ...I, ...s }, n = /* @__PURE__ */ new Date(), f = new Date(n.getFullYear(), n.getMonth(), n.getDate()), o = new Date(f.getTime() - 1440 * 60 * 1e3), i = n.getDay(), w = i === 0 ? 6 : i - 1, k = new Date(
-    f.getTime() - w * 24 * 60 * 60 * 1e3
-  ), g = [], m = [], u = [], h = [];
-  for (const c of e) {
-    const v = (typeof c.timestamp == "string" ? new Date(c.timestamp) : c.timestamp).getTime();
-    v >= f.getTime() ? g.push(c) : v >= o.getTime() ? m.push(c) : v >= k.getTime() ? u.push(c) : h.push(c);
-  }
-  const p = [];
-  return g.length > 0 && p.push({ label: l.today, items: g }), m.length > 0 && p.push({ label: l.yesterday, items: m }), u.length > 0 && p.push({ label: l.thisWeek, items: u }), h.length > 0 && p.push({ label: l.older, items: h }), p;
+function _(e, t) {
+	let n = {
+		...g,
+		...t
+	}, r = /* @__PURE__ */ new Date(), i = new Date(r.getFullYear(), r.getMonth(), r.getDate()), a = /* @__PURE__ */ new Date(i.getTime() - 1440 * 60 * 1e3), o = r.getDay(), s = o === 0 ? 6 : o - 1, c = /* @__PURE__ */ new Date(i.getTime() - s * 24 * 60 * 60 * 1e3), l = [], u = [], d = [], f = [];
+	for (let t of e) {
+		let e = (typeof t.timestamp == "string" ? new Date(t.timestamp) : t.timestamp).getTime();
+		e >= i.getTime() ? l.push(t) : e >= a.getTime() ? u.push(t) : e >= c.getTime() ? d.push(t) : f.push(t);
+	}
+	let p = [];
+	return l.length > 0 && p.push({
+		label: n.today,
+		items: l
+	}), u.length > 0 && p.push({
+		label: n.yesterday,
+		items: u
+	}), d.length > 0 && p.push({
+		label: n.thisWeek,
+		items: d
+	}), f.length > 0 && p.push({
+		label: n.older,
+		items: f
+	}), p;
 }
-function M({ compact: e }) {
-  return /* @__PURE__ */ t("div", { className: a("flex flex-col", e ? "gap-1" : "gap-3"), children: [0, 1, 2].map((s) => /* @__PURE__ */ r("div", { className: "flex items-center gap-ds-03", children: [
-    /* @__PURE__ */ t(N, { className: "h-2 w-2 shrink-0 rounded-ds-full" }),
-    !e && /* @__PURE__ */ t(N, { className: "h-4 w-4 shrink-0 rounded-ds-full" }),
-    /* @__PURE__ */ t(N, { className: a("flex-1", e ? "h-3" : "h-4") }),
-    /* @__PURE__ */ t(N, { className: "h-3 w-12" })
-  ] }, s)) });
+function v({ compact: e }) {
+	return /* @__PURE__ */ f("div", {
+		className: n("flex flex-col", e ? "gap-1" : "gap-3"),
+		children: [
+			0,
+			1,
+			2
+		].map((t) => /* @__PURE__ */ p("div", {
+			className: "flex items-center gap-ds-03",
+			children: [
+				/* @__PURE__ */ f(c, { className: "h-2 w-2 shrink-0 rounded-ds-full" }),
+				!e && /* @__PURE__ */ f(c, { className: "h-4 w-4 shrink-0 rounded-ds-full" }),
+				/* @__PURE__ */ f(c, { className: n("flex-1", e ? "h-3" : "h-4") }),
+				/* @__PURE__ */ f(c, { className: "h-3 w-12" })
+			]
+		}, t))
+	});
 }
-function U({
-  item: e,
-  compact: s
-}) {
-  const [l, n] = D.useState(!1), f = e.color ?? "default", o = () => {
-    e.detail && n((i) => !i);
-  };
-  return /* @__PURE__ */ r("div", { className: a("relative flex items-start", s ? "gap-ds-02" : "gap-ds-03"), children: [
-    /* @__PURE__ */ t(
-      "div",
-      {
-        className: a(
-          "relative z-10 mt-1.5 h-2 w-2 shrink-0 rounded-ds-full ring-2 ring-surface-base",
-          O[f]
-        )
-      }
-    ),
-    !s && e.actor && /* @__PURE__ */ r(z, { className: "h-5 w-5 shrink-0 text-[9px]", children: [
-      e.actor.image && /* @__PURE__ */ t(R, { src: e.actor.image, alt: e.actor.name }),
-      /* @__PURE__ */ t(L, { className: "text-[9px]", children: B(e.actor.name) })
-    ] }),
-    /* @__PURE__ */ r("div", { className: "flex min-w-0 flex-1 flex-col", children: [
-      /* @__PURE__ */ r("div", { className: "flex items-center justify-between gap-ds-02", children: [
-        /* @__PURE__ */ r("div", { className: a("min-w-0 flex-1 flex items-center gap-ds-01 flex-wrap", s ? "text-ds-xs" : "text-ds-sm"), children: [
-          e.actor && /* @__PURE__ */ r("span", { className: "font-medium text-surface-fg", children: [
-            e.actor.name,
-            " "
-          ] }),
-          e.detail && /* @__PURE__ */ t(j, { icon: W, size: "xs", className: a("shrink-0 text-surface-fg-subtle transition-transform duration-fast-02 ease-productive-standard", l && "rotate-90") }),
-          /* @__PURE__ */ t(
-            "span",
-            {
-              className: a(
-                "text-surface-fg-muted",
-                e.detail && "cursor-pointer hover:underline hover:bg-surface-raised rounded-ds-md"
-              ),
-              onClick: o,
-              role: e.detail ? "button" : void 0,
-              tabIndex: e.detail ? 0 : void 0,
-              onKeyDown: e.detail ? (i) => {
-                (i.key === "Enter" || i.key === " ") && (i.preventDefault(), o());
-              } : void 0,
-              children: e.action
-            }
-          )
-        ] }),
-        /* @__PURE__ */ t(
-          "time",
-          {
-            className: a(
-              "shrink-0 whitespace-nowrap text-surface-fg-subtle",
-              s ? "text-ds-xs" : "text-ds-sm"
-            ),
-            dateTime: (typeof e.timestamp == "string" ? new Date(e.timestamp) : e.timestamp).toISOString(),
-            children: G(e.timestamp)
-          }
-        )
-      ] }),
-      l && e.detail && /* @__PURE__ */ t("div", { className: "mt-ds-02 animate-in fade-in slide-in-from-top-1 text-ds-sm text-surface-fg-muted", children: e.detail })
-    ] })
-  ] });
+function y({ item: e, compact: t }) {
+	let [s, c] = d.useState(!1), g = e.color ?? "default", _ = () => {
+		e.detail && c((e) => !e);
+	};
+	return /* @__PURE__ */ p("div", {
+		className: n("relative flex items-start", t ? "gap-ds-02" : "gap-ds-03"),
+		children: [
+			/* @__PURE__ */ f("div", { className: n("relative z-10 mt-1.5 h-2 w-2 shrink-0 rounded-ds-full ring-2 ring-surface-base", h[g]) }),
+			!t && e.actor && /* @__PURE__ */ p(i, {
+				className: "h-5 w-5 shrink-0 text-[9px]",
+				children: [e.actor.image && /* @__PURE__ */ f(o, {
+					src: e.actor.image,
+					alt: e.actor.name
+				}), /* @__PURE__ */ f(a, {
+					className: "text-[9px]",
+					children: u(e.actor.name)
+				})]
+			}),
+			/* @__PURE__ */ p("div", {
+				className: "flex min-w-0 flex-1 flex-col",
+				children: [/* @__PURE__ */ p("div", {
+					className: "flex items-center justify-between gap-ds-02",
+					children: [/* @__PURE__ */ p("div", {
+						className: n("min-w-0 flex-1 flex items-center gap-ds-01 flex-wrap", t ? "text-ds-xs" : "text-ds-sm"),
+						children: [
+							e.actor && /* @__PURE__ */ p("span", {
+								className: "font-medium text-surface-fg",
+								children: [e.actor.name, " "]
+							}),
+							e.detail && /* @__PURE__ */ f(r, {
+								icon: m,
+								size: "xs",
+								className: n("shrink-0 text-surface-fg-subtle transition-transform duration-fast-02 ease-productive-standard", s && "rotate-90")
+							}),
+							/* @__PURE__ */ f("span", {
+								className: n("text-surface-fg-muted", e.detail && "cursor-pointer hover:underline hover:bg-surface-raised rounded-ds-md"),
+								onClick: _,
+								role: e.detail ? "button" : void 0,
+								tabIndex: e.detail ? 0 : void 0,
+								onKeyDown: e.detail ? (e) => {
+									(e.key === "Enter" || e.key === " ") && (e.preventDefault(), _());
+								} : void 0,
+								children: e.action
+							})
+						]
+					}), /* @__PURE__ */ f("time", {
+						className: n("shrink-0 whitespace-nowrap text-surface-fg-subtle", t ? "text-ds-xs" : "text-ds-sm"),
+						dateTime: (typeof e.timestamp == "string" ? new Date(e.timestamp) : e.timestamp).toISOString(),
+						children: l(e.timestamp)
+					})]
+				}), s && e.detail && /* @__PURE__ */ f("div", {
+					className: "mt-ds-02 animate-in fade-in slide-in-from-top-1 text-ds-sm text-surface-fg-muted",
+					children: e.detail
+				})]
+			})
+		]
+	});
 }
-function _({
-  item: e,
-  compact: s,
-  children: l
-}) {
-  const n = e.color ?? "default";
-  return /* @__PURE__ */ r("div", { className: a("relative flex items-start", s ? "gap-ds-02" : "gap-ds-03"), children: [
-    /* @__PURE__ */ t(
-      "div",
-      {
-        className: a(
-          "relative z-10 mt-1.5 h-2 w-2 shrink-0 rounded-ds-full ring-2 ring-surface-base",
-          O[n]
-        )
-      }
-    ),
-    /* @__PURE__ */ t("div", { className: "min-w-0 flex-1", children: l })
-  ] });
+function b({ item: e, compact: t, children: r }) {
+	let i = e.color ?? "default";
+	return /* @__PURE__ */ p("div", {
+		className: n("relative flex items-start", t ? "gap-ds-02" : "gap-ds-03"),
+		children: [/* @__PURE__ */ f("div", { className: n("relative z-10 mt-1.5 h-2 w-2 shrink-0 rounded-ds-full ring-2 ring-surface-base", h[i]) }), /* @__PURE__ */ f("div", {
+			className: "min-w-0 flex-1",
+			children: r
+		})]
+	});
 }
-function H({
-  label: e,
-  isFirst: s
-}) {
-  return /* @__PURE__ */ r(
-    A.div,
-    {
-      initial: { opacity: 0 },
-      animate: { opacity: 1 },
-      transition: T.fade,
-      className: a(
-        "flex items-center gap-ds-03",
-        s ? "" : "mt-ds-06",
-        "mb-ds-03"
-      ),
-      children: [
-        /* @__PURE__ */ t("hr", { className: "flex-1 border-surface-border" }),
-        /* @__PURE__ */ t("span", { className: "bg-surface-base px-ds-03 text-ds-xs font-medium uppercase tracking-wider text-surface-fg-subtle", children: e }),
-        /* @__PURE__ */ t("hr", { className: "flex-1 border-surface-border" })
-      ]
-    }
-  );
+function x({ label: r, isFirst: i }) {
+	return /* @__PURE__ */ p(e.div, {
+		initial: { opacity: 0 },
+		animate: { opacity: 1 },
+		transition: t.fade,
+		className: n("flex items-center gap-ds-03", i ? "" : "mt-ds-06", "mb-ds-03"),
+		children: [
+			/* @__PURE__ */ f("hr", { className: "flex-1 border-surface-border" }),
+			/* @__PURE__ */ f("span", {
+				className: "bg-surface-base px-ds-03 text-ds-xs font-medium uppercase tracking-wider text-surface-fg-subtle",
+				children: r
+			}),
+			/* @__PURE__ */ f("hr", { className: "flex-1 border-surface-border" })
+		]
+	});
 }
-const K = D.forwardRef(
-  ({
-    items: e,
-    onLoadMore: s,
-    loading: l = !1,
-    hasMore: n = !1,
-    emptyState: f,
-    compact: o = !1,
-    maxInitialItems: i,
-    groupBy: w = "none",
-    groupLabels: k,
-    renderItem: g,
-    className: m,
-    ...u
-  }, h) => {
-    const [p, c] = D.useState(!1);
-    if (l)
-      return /* @__PURE__ */ t("div", { ref: h, className: a("relative", m), ...u, children: /* @__PURE__ */ t(M, { compact: o }) });
-    if (e.length === 0)
-      return f ? /* @__PURE__ */ t("div", { ref: h, className: m, ...u, children: f }) : null;
-    const b = i != null && !p && e.length > i, v = b ? e.slice(0, i) : e, F = w === "time", S = (d, x) => {
-      if (g) {
-        const y = g(d, x);
-        if (y !== void 0)
-          return /* @__PURE__ */ t(_, { item: d, compact: o, children: y });
-      }
-      return /* @__PURE__ */ t(U, { item: d, compact: o });
-    };
-    return /* @__PURE__ */ r("div", { ref: h, className: a("relative", m), ...u, children: [
-      F ? /* @__PURE__ */ t("div", { children: Y(v, k).map((d, x) => /* @__PURE__ */ r("div", { children: [
-        /* @__PURE__ */ t(H, { label: d.label, isFirst: x === 0 }),
-        /* @__PURE__ */ r("div", { className: a("relative flex flex-col", o ? "gap-1" : "gap-3"), children: [
-          /* @__PURE__ */ t("div", { className: "absolute bottom-0 left-[3px] top-0 w-px bg-surface-border" }),
-          d.items.map((y, C) => /* @__PURE__ */ t(A.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, transition: { ...T.fade, delay: C * 0.03 }, children: S(y, C) }, y.id))
-        ] })
-      ] }, d.label)) }) : /* @__PURE__ */ r("div", { className: a("relative flex flex-col", o ? "gap-1" : "gap-3"), children: [
-        /* @__PURE__ */ t("div", { className: "absolute bottom-0 left-[3px] top-0 w-px bg-surface-border" }),
-        v.map((d, x) => /* @__PURE__ */ t(A.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, transition: { ...T.fade, delay: x * 0.03 }, children: S(d, x) }, d.id))
-      ] }),
-      b && /* @__PURE__ */ t("div", { className: "relative mt-ds-03 flex justify-center", children: /* @__PURE__ */ r(
-        E,
-        {
-          variant: "ghost",
-          size: "sm",
-          onClick: () => c(!0),
-          children: [
-            "Show all (",
-            e.length,
-            ")"
-          ]
-        }
-      ) }),
-      n && s && !b && /* @__PURE__ */ t("div", { className: "relative mt-ds-03 flex justify-center", children: /* @__PURE__ */ t(E, { variant: "ghost", size: "sm", onClick: s, children: "Load more" }) })
-    ] });
-  }
-);
-K.displayName = "ActivityFeed";
-export {
-  K as ActivityFeed,
-  Y as groupItemsByTime
-};
+var S = d.forwardRef(({ items: r, onLoadMore: i, loading: a = !1, hasMore: o = !1, emptyState: c, compact: l = !1, maxInitialItems: u, groupBy: m = "none", groupLabels: h, renderItem: g, className: S, ...C }, w) => {
+	let [T, E] = d.useState(!1);
+	if (a) return /* @__PURE__ */ f("div", {
+		ref: w,
+		className: n("relative", S),
+		...C,
+		children: /* @__PURE__ */ f(v, { compact: l })
+	});
+	if (r.length === 0) return c ? /* @__PURE__ */ f("div", {
+		ref: w,
+		className: S,
+		...C,
+		children: c
+	}) : null;
+	let D = u != null && !T && r.length > u, O = D ? r.slice(0, u) : r, k = m === "time", A = (e, t) => {
+		if (g) {
+			let n = g(e, t);
+			if (n !== void 0) return /* @__PURE__ */ f(b, {
+				item: e,
+				compact: l,
+				children: n
+			});
+		}
+		return /* @__PURE__ */ f(y, {
+			item: e,
+			compact: l
+		});
+	};
+	return /* @__PURE__ */ p("div", {
+		ref: w,
+		className: n("relative", S),
+		...C,
+		children: [
+			k ? /* @__PURE__ */ f("div", { children: _(O, h).map((r, i) => /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f(x, {
+				label: r.label,
+				isFirst: i === 0
+			}), /* @__PURE__ */ p("div", {
+				className: n("relative flex flex-col", l ? "gap-1" : "gap-3"),
+				children: [/* @__PURE__ */ f("div", { className: "absolute bottom-0 left-[3px] top-0 w-px bg-surface-border" }), r.items.map((n, r) => /* @__PURE__ */ f(e.div, {
+					initial: { opacity: 0 },
+					animate: { opacity: 1 },
+					transition: {
+						...t.fade,
+						delay: r * .03
+					},
+					children: A(n, r)
+				}, n.id))]
+			})] }, r.label)) }) : /* @__PURE__ */ p("div", {
+				className: n("relative flex flex-col", l ? "gap-1" : "gap-3"),
+				children: [/* @__PURE__ */ f("div", { className: "absolute bottom-0 left-[3px] top-0 w-px bg-surface-border" }), O.map((n, r) => /* @__PURE__ */ f(e.div, {
+					initial: { opacity: 0 },
+					animate: { opacity: 1 },
+					transition: {
+						...t.fade,
+						delay: r * .03
+					},
+					children: A(n, r)
+				}, n.id))]
+			}),
+			D && /* @__PURE__ */ f("div", {
+				className: "relative mt-ds-03 flex justify-center",
+				children: /* @__PURE__ */ p(s, {
+					variant: "ghost",
+					size: "sm",
+					onClick: () => E(!0),
+					children: [
+						"Show all (",
+						r.length,
+						")"
+					]
+				})
+			}),
+			o && i && !D && /* @__PURE__ */ f("div", {
+				className: "relative mt-ds-03 flex justify-center",
+				children: /* @__PURE__ */ f(s, {
+					variant: "ghost",
+					size: "sm",
+					onClick: i,
+					children: "Load more"
+				})
+			})
+		]
+	});
+});
+S.displayName = "ActivityFeed";
+//#endregion
+export { S as ActivityFeed, _ as groupItemsByTime };

package/dist/composed/activity-feed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"activity-feed.js","names":[],"sources":["../../src/composed/activity-feed.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../ui/lib/utils'\nimport { IconChevronRight } from '@tabler/icons-react'\nimport { Icon } from '../ui/icon'\nimport { Avatar, AvatarFallback, AvatarImage } from '../ui/avatar'\nimport { Button } from '../ui/button'\nimport { Skeleton } from '../ui/skeleton'\nimport { getInitials } from './lib/string-utils'\nimport { formatRelativeTime } from '../ui/lib/date-utils'\nimport { motion } from 'framer-motion'\nimport { tweens } from '../ui/lib/motion'\n\nexport interface ActivityItem {\n  id: string\n  actor?: { name: string; image?: string }\n  action: string | React.ReactNode\n  timestamp: Date | string\n  icon?: React.ReactNode\n  color?: 'default' | 'success' | 'warning' | 'error' | 'info'\n  detail?: React.ReactNode\n}\n\nexport interface GroupLabels {\n  today?: string\n  yesterday?: string\n  thisWeek?: string\n  older?: string\n}\n\nexport interface ActivityFeedProps extends React.HTMLAttributes<HTMLDivElement> {\n  items: ActivityItem[]\n  onLoadMore?: () => void\n  loading?: boolean\n  hasMore?: boolean\n  emptyState?: React.ReactNode\n  compact?: boolean\n  maxInitialItems?: number\n  groupBy?: 'time' | 'none'\n  groupLabels?: GroupLabels\n  /** Custom renderer per item. Return ReactNode for custom rendering, undefined to use default ActivityEntry. */\n  renderItem?: (item: ActivityItem, index: number) => React.ReactNode | undefined\n}\n\nconst dotColorMap = {\n  default: 'bg-surface-fg-subtle',\n  success: 'bg-success-9',\n  warning: 'bg-warning-9',\n  error: 'bg-error-9',\n  info: 'bg-info-9',\n} as const\n\nconst DEFAULT_GROUP_LABELS: Required<GroupLabels> = {\n  today: 'Today',\n  yesterday: 'Yesterday',\n  thisWeek: 'This Week',\n  older: 'Older',\n}\n\n/**\n * Buckets items into time-based groups: today, yesterday, earlier this week (since Monday), older.\n * Skips empty groups.\n */\nexport function groupItemsByTime(\n  items: ActivityItem[],\n  labels?: GroupLabels,\n): { label: string; items: ActivityItem[] }[] {\n  const l = { ...DEFAULT_GROUP_LABELS, ...labels }\n  const now = new Date()\n\n  // Start of today (midnight local)\n  const startOfToday = new Date(now.getFullYear(), now.getMonth(), now.getDate())\n  // Start of yesterday\n  const startOfYesterday = new Date(startOfToday.getTime() - 24 * 60 * 60 * 1000)\n  // Start of this week (Monday)\n  const dayOfWeek = now.getDay() // 0=Sun, 1=Mon, ...\n  const daysSinceMonday = dayOfWeek === 0 ? 6 : dayOfWeek - 1\n  const startOfWeek = new Date(\n    startOfToday.getTime() - daysSinceMonday * 24 * 60 * 60 * 1000,\n  )\n\n  const today: ActivityItem[] = []\n  const yesterday: ActivityItem[] = []\n  const thisWeek: ActivityItem[] = []\n  const older: ActivityItem[] = []\n\n  for (const item of items) {\n    const ts =\n      typeof item.timestamp === 'string'\n        ? new Date(item.timestamp)\n        : item.timestamp\n    const t = ts.getTime()\n\n    if (t >= startOfToday.getTime()) {\n      today.push(item)\n    } else if (t >= startOfYesterday.getTime()) {\n      yesterday.push(item)\n    } else if (t >= startOfWeek.getTime()) {\n      thisWeek.push(item)\n    } else {\n      older.push(item)\n    }\n  }\n\n  const groups: { label: string; items: ActivityItem[] }[] = []\n  if (today.length > 0) groups.push({ label: l.today, items: today })\n  if (yesterday.length > 0) groups.push({ label: l.yesterday, items: yesterday })\n  if (thisWeek.length > 0) groups.push({ label: l.thisWeek, items: thisWeek })\n  if (older.length > 0) groups.push({ label: l.older, items: older })\n\n  return groups\n}\n\nfunction LoadingSkeleton({ compact }: { compact: boolean }) {\n  return (\n    <div className={cn('flex flex-col', compact ? 'gap-1' : 'gap-3')}>\n      {[0, 1, 2].map((i) => (\n        <div key={i} className=\"flex items-center gap-ds-03\">\n          <Skeleton className=\"h-2 w-2 shrink-0 rounded-ds-full\" />\n          {!compact && <Skeleton className=\"h-4 w-4 shrink-0 rounded-ds-full\" />}\n          <Skeleton className={cn('flex-1', compact ? 'h-3' : 'h-4')} />\n          <Skeleton className=\"h-3 w-12\" />\n        </div>\n      ))}\n    </div>\n  )\n}\n\nfunction ActivityEntry({\n  item,\n  compact,\n}: {\n  item: ActivityItem\n  compact: boolean\n}) {\n  const [expandedDetail, setExpandedDetail] = React.useState(false)\n  const color = item.color ?? 'default'\n\n  const handleActionClick = () => {\n    if (item.detail) {\n      setExpandedDetail((prev) => !prev)\n    }\n  }\n\n  return (\n    <div className={cn('relative flex items-start', compact ? 'gap-ds-02' : 'gap-ds-03')}>\n      {/* Dot */}\n      <div\n        className={cn(\n          'relative z-10 mt-1.5 h-2 w-2 shrink-0 rounded-ds-full ring-2 ring-surface-base',\n          dotColorMap[color],\n        )}\n      />\n\n      {/* Avatar (non-compact only) */}\n      {!compact && item.actor && (\n        <Avatar className=\"h-5 w-5 shrink-0 text-[9px]\">\n          {item.actor.image && (\n            <AvatarImage src={item.actor.image} alt={item.actor.name} />\n          )}\n          <AvatarFallback className=\"text-[9px]\">\n            {getInitials(item.actor.name)}\n          </AvatarFallback>\n        </Avatar>\n      )}\n\n      {/* Content */}\n      <div className=\"flex min-w-0 flex-1 flex-col\">\n        <div className=\"flex items-center justify-between gap-ds-02\">\n          <div className={cn('min-w-0 flex-1 flex items-center gap-ds-01 flex-wrap', compact ? 'text-ds-xs' : 'text-ds-sm')}>\n            {item.actor && (\n              <span className=\"font-medium text-surface-fg\">{item.actor.name} </span>\n            )}\n            {item.detail && (\n              <Icon icon={IconChevronRight} size=\"xs\" className={cn('shrink-0 text-surface-fg-subtle transition-transform duration-fast-02 ease-productive-standard', expandedDetail && 'rotate-90')} />\n            )}\n            <span\n              className={cn(\n                'text-surface-fg-muted',\n                item.detail && 'cursor-pointer hover:underline hover:bg-surface-raised rounded-ds-md',\n              )}\n              onClick={handleActionClick}\n              role={item.detail ? 'button' : undefined}\n              tabIndex={item.detail ? 0 : undefined}\n              onKeyDown={\n                item.detail\n                  ? (e) => {\n                      if (e.key === 'Enter' || e.key === ' ') {\n                        e.preventDefault()\n                        handleActionClick()\n                      }\n                    }\n                  : undefined\n              }\n            >\n              {item.action}\n            </span>\n          </div>\n\n          <time\n            className={cn(\n              'shrink-0 whitespace-nowrap text-surface-fg-subtle',\n              compact ? 'text-ds-xs' : 'text-ds-sm',\n            )}\n            dateTime={\n              (typeof item.timestamp === 'string'\n                ? new Date(item.timestamp)\n                : item.timestamp\n              ).toISOString()\n            }\n          >\n            {formatRelativeTime(item.timestamp)}\n          </time>\n        </div>\n\n        {/* Expandable detail */}\n        {expandedDetail && item.detail && (\n          <div className=\"mt-ds-02 animate-in fade-in slide-in-from-top-1 text-ds-sm text-surface-fg-muted\">\n            {item.detail}\n          </div>\n        )}\n      </div>\n    </div>\n  )\n}\n\n/**\n * Wraps custom renderItem content with the same dot + layout container\n * that ActivityEntry uses, keeping vertical rhythm consistent.\n */\nfunction CustomEntry({\n  item,\n  compact,\n  children,\n}: {\n  item: ActivityItem\n  compact: boolean\n  children: React.ReactNode\n}) {\n  const color = item.color ?? 'default'\n  return (\n    <div className={cn('relative flex items-start', compact ? 'gap-ds-02' : 'gap-ds-03')}>\n      {/* Dot — same as ActivityEntry */}\n      <div\n        className={cn(\n          'relative z-10 mt-1.5 h-2 w-2 shrink-0 rounded-ds-full ring-2 ring-surface-base',\n          dotColorMap[color],\n        )}\n      />\n      {/* Custom content in the same flex slot as ActivityEntry's content area */}\n      <div className=\"min-w-0 flex-1\">{children}</div>\n    </div>\n  )\n}\n\nfunction GroupHeader({\n  label,\n  isFirst,\n}: {\n  label: string\n  isFirst: boolean\n}) {\n  return (\n    <motion.div\n      initial={{ opacity: 0 }}\n      animate={{ opacity: 1 }}\n      transition={tweens.fade}\n      className={cn(\n        'flex items-center gap-ds-03',\n        !isFirst ? 'mt-ds-06' : '',\n        'mb-ds-03',\n      )}\n    >\n      <hr className=\"flex-1 border-surface-border\" />\n      <span className=\"bg-surface-base px-ds-03 text-ds-xs font-medium uppercase tracking-wider text-surface-fg-subtle\">\n        {label}\n      </span>\n      <hr className=\"flex-1 border-surface-border\" />\n    </motion.div>\n  )\n}\n\nconst ActivityFeed = React.forwardRef<HTMLDivElement, ActivityFeedProps>(\n  (\n    {\n      items,\n      onLoadMore,\n      loading = false,\n      hasMore = false,\n      emptyState,\n      compact = false,\n      maxInitialItems,\n      groupBy = 'none',\n      groupLabels,\n      renderItem,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const [showAll, setShowAll] = React.useState(false)\n\n    if (loading) {\n      return (\n        <div ref={ref} className={cn('relative', className)} {...props}>\n          <LoadingSkeleton compact={compact} />\n        </div>\n      )\n    }\n\n    if (items.length === 0) {\n      if (emptyState) {\n        return (\n          <div ref={ref} className={className} {...props}>\n            {emptyState}\n          </div>\n        )\n      }\n      return null\n    }\n\n    // maxInitialItems applies to the flat list BEFORE grouping\n    const truncated =\n      maxInitialItems != null && !showAll && items.length > maxInitialItems\n    const visibleItems = truncated ? items.slice(0, maxInitialItems) : items\n\n    const useGrouping = groupBy === 'time'\n\n    /** Resolve what to render for a single item, respecting renderItem. */\n    const resolveEntry = (item: ActivityItem, index: number) => {\n      if (renderItem) {\n        const custom = renderItem(item, index)\n        if (custom !== undefined) {\n          return <CustomEntry item={item} compact={compact}>{custom}</CustomEntry>\n        }\n      }\n      return <ActivityEntry item={item} compact={compact} />\n    }\n\n    return (\n      <div ref={ref} className={cn('relative', className)} {...props}>\n        {/* Items */}\n        {useGrouping ? (\n          <div>\n            {groupItemsByTime(visibleItems, groupLabels).map((group, gi) => (\n              <div key={group.label}>\n                <GroupHeader label={group.label} isFirst={gi === 0} />\n                {/* Timeline line scoped to this group */}\n                <div className={cn('relative flex flex-col', compact ? 'gap-1' : 'gap-3')}>\n                  <div className=\"absolute bottom-0 left-[3px] top-0 w-px bg-surface-border\" />\n                  {group.items.map((item, index) => (\n                    <motion.div key={item.id} initial={{ opacity: 0 }} animate={{ opacity: 1 }} transition={{ ...tweens.fade, delay: index * 0.03 }}>\n                      {resolveEntry(item, index)}\n                    </motion.div>\n                  ))}\n                </div>\n              </div>\n            ))}\n          </div>\n        ) : (\n          <div className={cn('relative flex flex-col', compact ? 'gap-1' : 'gap-3')}>\n            {/* Timeline line */}\n            <div className=\"absolute bottom-0 left-[3px] top-0 w-px bg-surface-border\" />\n            {visibleItems.map((item, index) => (\n              <motion.div key={item.id} initial={{ opacity: 0 }} animate={{ opacity: 1 }} transition={{ ...tweens.fade, delay: index * 0.03 }}>\n                {resolveEntry(item, index)}\n              </motion.div>\n            ))}\n          </div>\n        )}\n\n        {/* Show all button */}\n        {truncated && (\n          <div className=\"relative mt-ds-03 flex justify-center\">\n            <Button\n              variant=\"ghost\"\n              size=\"sm\"\n              onClick={() => setShowAll(true)}\n            >\n              Show all ({items.length})\n            </Button>\n          </div>\n        )}\n\n        {/* Load more button */}\n        {hasMore && onLoadMore && !truncated && (\n          <div className=\"relative mt-ds-03 flex justify-center\">\n            <Button variant=\"ghost\" size=\"sm\" onClick={onLoadMore}>\n              Load more\n            </Button>\n          </div>\n        )}\n      </div>\n    )\n  },\n)\nActivityFeed.displayName = 'ActivityFeed'\n\nexport { ActivityFeed }\n"],"mappings":"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"}