@burdenoff/microfe-assethandler 2026.703.10 → 2026.703.12

package/dist/_virtual/_rolldown/runtime.js

@@ -0,0 +1,20 @@
+//#region \0rolldown/runtime.js
+var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescriptor, r = Object.getOwnPropertyNames, i = Object.getPrototypeOf, a = Object.prototype.hasOwnProperty, o = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), s = (e, n) => {
+	let r = {};
+	for (var i in e) t(r, i, {
+		get: e[i],
+		enumerable: !0
+	});
+	return n || t(r, Symbol.toStringTag, { value: "Module" }), r;
+}, c = (e, i, o, s) => {
+	if (i && typeof i == "object" || typeof i == "function") for (var c = r(i), l = 0, u = c.length, d; l < u; l++) d = c[l], !a.call(e, d) && d !== o && t(e, d, {
+		get: ((e) => i[e]).bind(null, d),
+		enumerable: !(s = n(i, d)) || s.enumerable
+	});
+	return e;
+}, l = (n, r, a) => (a = n == null ? {} : e(i(n)), c(r || !n || !n.__esModule ? t(a, "default", {
+	value: n,
+	enumerable: !0
+}) : a, n));
+//#endregion
+export { o as __commonJSMin, s as __exportAll, l as __toESM };

package/dist/assethandler/components/ActivityTimeline.js

@@ -1,12 +1,14 @@
 import { useAssetHandler as e } from "../providers/AssetHandlerProvider.js";
-import { useMemo as t } from "react";
-import { Activity as n } from "lucide-react";
-import { gql as r } from "@apollo/client";
-import { useQuery as i } from "@apollo/client/react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { Card as s, CardContent as c, CardHeader as l, CardTitle as u, IllustratedEmptyState as d } from "@burdenoff/fe-libs/ui";
+import { Sparkline as t } from "./charts/Sparkline.js";
+import "./charts/index.js";
+import { useMemo as n } from "react";
+import { Activity as r, CheckCircle2 as i, LogIn as a, LogOut as o, MessageSquare as s, Paperclip as c, Pencil as l, Plus as u, RefreshCw as d, ShieldAlert as f, Trash2 as p, Wrench as m } from "lucide-react";
+import { gql as h } from "@apollo/client";
+import { useQuery as g } from "@apollo/client/react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { Card as y, CardContent as b, CardHeader as x, CardTitle as S, IllustratedEmptyState as C } from "@burdenoff/fe-libs/ui";
 //#region src/assethandler/components/ActivityTimeline.tsx
-var f = r`
+var w = h`
   query AssetHandlerResourceActivities($filter: ActivityLogFilter) {
     getActivities(filter: $filter) {
       id
@@ -18,53 +20,187 @@ var f = r`
     }
   }
 `;
-function p({ resourceId: r, limit: p = 20 }) {
-	let { workspaceId: m } = e(), { data: h, loading: g } = i(f, {
+function T(e) {
+	let t = new Date(e).getTime();
+	if (Number.isNaN(t)) return "";
+	let n = Date.now() - t, r = Math.round(n / 1e3);
+	if (r < 45) return "just now";
+	let i = Math.round(r / 60);
+	if (i < 60) return `${i} min ago`;
+	let a = Math.round(i / 60);
+	if (a < 24) return `${a} hr${a === 1 ? "" : "s"} ago`;
+	let o = Math.round(a / 24);
+	return o < 30 ? `${o} day${o === 1 ? "" : "s"} ago` : new Date(e).toLocaleDateString();
+}
+var E = {
+	success: {
+		icon: "text-status-success-text",
+		tile: "bg-status-success-bg-subtle"
+	},
+	info: {
+		icon: "text-status-info-text",
+		tile: "bg-status-info-bg-subtle"
+	},
+	warning: {
+		icon: "text-status-warning-text",
+		tile: "bg-status-warning-bg-subtle"
+	},
+	error: {
+		icon: "text-status-error-text",
+		tile: "bg-status-error-bg-subtle"
+	},
+	neutral: {
+		icon: "text-text-secondary",
+		tile: "bg-bg-sunken"
+	}
+};
+function D(e) {
+	let t = e.toLowerCase();
+	return /(complete|resolve|close|done|approve|pass|success)/.test(t) ? {
+		Icon: i,
+		tone: "success"
+	} : /(delete|remove|dispose|retire|archive|reject|fail)/.test(t) ? {
+		Icon: p,
+		tone: "error"
+	} : /(check[_.\s]?out|assign|issue|lend)/.test(t) ? {
+		Icon: o,
+		tone: "warning"
+	} : /(check[_.\s]?in|return|receive)/.test(t) ? {
+		Icon: a,
+		tone: "success"
+	} : /(maintenance|repair|service|calibrat)/.test(t) ? {
+		Icon: m,
+		tone: "warning"
+	} : /(incident|breach|alert|violation|risk|security)/.test(t) ? {
+		Icon: f,
+		tone: "error"
+	} : /(upload|attach|file)/.test(t) ? {
+		Icon: c,
+		tone: "info"
+	} : /(comment|note|reply|discuss)/.test(t) ? {
+		Icon: s,
+		tone: "info"
+	} : /(create|add|new|register|provision)/.test(t) ? {
+		Icon: u,
+		tone: "success"
+	} : /(update|edit|change|modify|revise|status)/.test(t) ? {
+		Icon: l,
+		tone: "info"
+	} : /(sync|refresh|move|transfer|relocat)/.test(t) ? {
+		Icon: d,
+		tone: "info"
+	} : {
+		Icon: r,
+		tone: "neutral"
+	};
+}
+function O(e) {
+	let t = e.replace(/[._]/g, " ").trim();
+	return t.charAt(0).toUpperCase() + t.slice(1);
+}
+function k({ resourceId: i, limit: a = 20 }) {
+	let { workspaceId: o, currentUser: s } = e(), { data: c, loading: l } = g(w, {
 		variables: { filter: {
-			resourceId: r,
-			...m ? { workspaceId: m } : {},
-			limit: p
+			resourceId: i,
+			...o ? { workspaceId: o } : {},
+			limit: a
 		} },
 		fetchPolicy: "cache-and-network",
 		errorPolicy: "all",
-		skip: !r
-	}), _ = t(() => h?.getActivities ?? [], [h]);
-	return /* @__PURE__ */ o(s, { children: [/* @__PURE__ */ a(l, { children: /* @__PURE__ */ o(u, {
-		className: "flex items-center gap-2 text-base",
-		children: [/* @__PURE__ */ a(n, { className: "h-4 w-4" }), "Activity"]
-	}) }), /* @__PURE__ */ a(c, { children: g && _.length === 0 ? /* @__PURE__ */ a("div", {
+		skip: !i
+	}), u = n(() => c?.getActivities ?? [], [c]), d = n(() => {
+		if (u.length < 6) return null;
+		let e = /* @__PURE__ */ new Date(), t = new Date(e.getFullYear(), e.getMonth(), e.getDate()).getTime(), n = Array(14).fill(0), r = 0, i = /* @__PURE__ */ new Set();
+		for (let e of u) {
+			let a = new Date(e.timestamp).getTime();
+			if (Number.isNaN(a)) continue;
+			let o = 13 - Math.floor((t - a) / 864e5);
+			if (o >= 0 && o < 14) {
+				n[o] += 1;
+				let e = Math.floor(a / 864e5);
+				i.has(e) || (i.add(e), r += 1);
+			}
+		}
+		return r >= 3 ? n : null;
+	}, [u]), f = (e) => s?.id && e === s.id ? s.name || [s.firstName, s.lastName].filter(Boolean).join(" ") || s.username || s.email?.split("@")[0] || "You" : e === "system" || e === "SYSTEM" ? "System" : `Member ${e.slice(0, 6)}`;
+	return /* @__PURE__ */ v(y, { children: [/* @__PURE__ */ v(x, {
+		className: "flex flex-row items-center justify-between gap-3 space-y-0",
+		children: [/* @__PURE__ */ v(S, {
+			className: "flex items-center gap-2 text-base",
+			children: [/* @__PURE__ */ _(r, { className: "h-4 w-4" }), "Activity"]
+		}), d ? /* @__PURE__ */ v("div", {
+			className: "flex items-center gap-2",
+			title: "Activity over the last 14 days",
+			children: [/* @__PURE__ */ _("span", {
+				className: "hidden text-xs text-text-secondary sm:inline",
+				children: "Last 14 days"
+			}), /* @__PURE__ */ _(t, {
+				data: d,
+				type: "area",
+				height: 28,
+				className: "w-24",
+				ariaLabel: "Activity volume over the last 14 days"
+			})]
+		}) : null]
+	}), /* @__PURE__ */ _(b, { children: l && u.length === 0 ? /* @__PURE__ */ _("div", {
 		className: "space-y-2",
-		children: Array.from({ length: 4 }).map((e, t) => /* @__PURE__ */ a("div", { className: "h-10 rounded-md bg-bg-sunken motion-safe:animate-vc-shimmer" }, t))
-	}) : _.length === 0 ? /* @__PURE__ */ a(d, {
+		children: Array.from({ length: 4 }).map((e, t) => /* @__PURE__ */ _("div", { className: "h-12 rounded-md bg-bg-sunken motion-safe:animate-vc-shimmer" }, t))
+	}) : u.length === 0 ? /* @__PURE__ */ _(C, {
 		illustration: "empty-notifications",
 		title: "No activity yet",
 		description: "Changes to this record — updates, status changes and assignments — will show up here."
-	}) : /* @__PURE__ */ a("ol", {
-		className: "relative space-y-4 border-l border-border-subtle pl-4",
-		children: _.map((e) => /* @__PURE__ */ o("li", {
-			className: "relative",
-			children: [
-				/* @__PURE__ */ a("span", {
-					className: "absolute -left-[1.3125rem] top-1.5 h-2 w-2 rounded-full bg-primary",
-					"aria-hidden": "true"
-				}),
-				/* @__PURE__ */ a("p", {
-					className: "text-sm font-medium capitalize",
-					children: e.action.replace(/[._]/g, " ")
-				}),
-				e.description ? /* @__PURE__ */ a("p", {
-					className: "text-sm text-text-secondary",
-					children: e.description
-				}) : null,
-				/* @__PURE__ */ a("p", {
-					className: "mt-0.5 text-xs text-text-secondary",
-					children: new Date(e.timestamp).toLocaleString()
-				})
-			]
-		}, e.id))
+	}) : /* @__PURE__ */ _("ol", {
+		className: "space-y-1",
+		children: u.map((e, t) => {
+			let { Icon: n, tone: r } = D(e.action), i = E[r];
+			return /* @__PURE__ */ v("li", {
+				className: "relative flex gap-3 pb-3",
+				children: [
+					t === u.length - 1 ? null : /* @__PURE__ */ _("span", {
+						className: "absolute left-[0.9375rem] top-8 h-[calc(100%-1rem)] w-px bg-border-subtle",
+						"aria-hidden": "true"
+					}),
+					/* @__PURE__ */ _("span", {
+						className: `relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-full ${i.tile}`,
+						"aria-hidden": "true",
+						children: /* @__PURE__ */ _(n, { className: `h-4 w-4 ${i.icon}` })
+					}),
+					/* @__PURE__ */ v("div", {
+						className: "min-w-0 flex-1 pt-0.5",
+						children: [
+							/* @__PURE__ */ _("p", {
+								className: "text-sm font-medium text-text-primary",
+								children: O(e.action)
+							}),
+							e.description ? /* @__PURE__ */ _("p", {
+								className: "truncate text-sm text-text-secondary",
+								title: e.description,
+								children: e.description
+							}) : null,
+							/* @__PURE__ */ v("p", {
+								className: "mt-0.5 text-xs text-text-secondary",
+								children: [
+									/* @__PURE__ */ _("span", {
+										className: "font-medium text-text-secondary",
+										children: f(e.userId)
+									}),
+									" ",
+									"·",
+									" ",
+									/* @__PURE__ */ _("span", {
+										title: new Date(e.timestamp).toLocaleString(),
+										children: T(e.timestamp)
+									})
+								]
+							})
+						]
+					})
+				]
+			}, e.id);
+		})
 	}) })] });
 }
 //#endregion
-export { p as ActivityTimeline };
+export { k as ActivityTimeline };
 
 //# sourceMappingURL=ActivityTimeline.js.map

package/dist/assethandler/components/ActivityTimeline.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActivityTimeline.js","names":[],"sources":["../../../src/assethandler/components/ActivityTimeline.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport {\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  IllustratedEmptyState,\n} from '@burdenoff/fe-libs/ui';\nimport { Activity } from 'lucide-react';\nimport { useAssetHandler } from '../providers/AssetHandlerProvider';\n\n/**\n * Recent activity for a single AssetHandler resource, sourced from the\n * federated wspace-activity-svc `getActivities` query (fed by be-sdk\n * `trackOperation` on the backend). Read-only, with a graceful empty state.\n */\nexport interface ActivityTimelineProps {\n  resourceId: string;\n  /** Optional cap on rows shown. Defaults to 20. */\n  limit?: number;\n}\n\ninterface ActivityLogNode {\n  id: string;\n  action: string;\n  description?: string | null;\n  timestamp: string;\n  userId: string;\n  resourceType?: string | null;\n}\n\ninterface GetActivitiesResult {\n  getActivities: ActivityLogNode[];\n}\n\nconst GET_ACTIVITIES_QUERY = gql`\n  query AssetHandlerResourceActivities($filter: ActivityLogFilter) {\n    getActivities(filter: $filter) {\n      id\n      action\n      description\n      timestamp\n      userId\n      resourceType\n    }\n  }\n`;\n\nexport function ActivityTimeline({ resourceId, limit = 20 }: ActivityTimelineProps) {\n  const { workspaceId } = useAssetHandler();\n\n  const { data, loading } = useQuery<GetActivitiesResult>(GET_ACTIVITIES_QUERY, {\n    variables: {\n      filter: {\n        resourceId,\n        ...(workspaceId ? { workspaceId } : {}),\n        limit,\n      },\n    },\n    fetchPolicy: 'cache-and-network',\n    errorPolicy: 'all',\n    skip: !resourceId,\n  });\n\n  const activities = useMemo(() => data?.getActivities ?? [], [data]);\n\n  return (\n    <Card>\n      <CardHeader>\n        <CardTitle className=\"flex items-center gap-2 text-base\">\n          <Activity className=\"h-4 w-4\" />\n          Activity\n        </CardTitle>\n      </CardHeader>\n      <CardContent>\n        {loading && activities.length === 0 ? (\n          <div className=\"space-y-2\">\n            {Array.from({ length: 4 }).map((_, i) => (\n              <div\n                key={i}\n                className=\"h-10 rounded-md bg-bg-sunken motion-safe:animate-vc-shimmer\"\n              />\n            ))}\n          </div>\n        ) : activities.length === 0 ? (\n          <IllustratedEmptyState\n            illustration=\"empty-notifications\"\n            title=\"No activity yet\"\n            description=\"Changes to this record — updates, status changes and assignments — will show up here.\"\n          />\n        ) : (\n          <ol className=\"relative space-y-4 border-l border-border-subtle pl-4\">\n            {activities.map((item) => (\n              <li key={item.id} className=\"relative\">\n                <span\n                  className=\"absolute -left-[1.3125rem] top-1.5 h-2 w-2 rounded-full bg-primary\"\n                  aria-hidden=\"true\"\n                />\n                <p className=\"text-sm font-medium capitalize\">\n                  {item.action.replace(/[._]/g, ' ')}\n                </p>\n                {item.description ? (\n                  <p className=\"text-sm text-text-secondary\">{item.description}</p>\n                ) : null}\n                <p className=\"mt-0.5 text-xs text-text-secondary\">\n                  {new Date(item.timestamp).toLocaleString()}\n                </p>\n              </li>\n            ))}\n          </ol>\n        )}\n      </CardContent>\n    </Card>\n  );\n}\n"],"mappings":";;;;;;;;AAqCA,IAAM,IAAuB,CAAG;;;;;;;;;;;;AAahC,SAAgB,EAAiB,EAAE,eAAY,WAAQ,MAA6B;CAClF,IAAM,EAAE,mBAAgB,GAAiB,EAEnC,EAAE,SAAM,eAAY,EAA8B,GAAsB;EAC5E,WAAW,EACT,QAAQ;GACN;GACA,GAAI,IAAc,EAAE,gBAAa,GAAG,EAAE;GACtC;GACD,EACF;EACD,aAAa;EACb,aAAa;EACb,MAAM,CAAC;EACR,CAAC,EAEI,IAAa,QAAc,GAAM,iBAAiB,EAAE,EAAE,CAAC,EAAK,CAAC;AAEnE,QACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EAAW,WAAU;YAArB,CACE,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA,EAAA,WAEtB;KACD,CAAA,EACb,kBAAC,GAAD,EAAA,UACG,KAAW,EAAW,WAAW,IAChC,kBAAC,OAAD;EAAK,WAAU;YACZ,MAAM,KAAK,EAAE,QAAQ,GAAG,CAAC,CAAC,KAAK,GAAG,MACjC,kBAAC,OAAD,EAEE,WAAU,+DACV,EAFK,EAEL,CACF;EACE,CAAA,GACJ,EAAW,WAAW,IACxB,kBAAC,GAAD;EACE,cAAa;EACb,OAAM;EACN,aAAY;EACZ,CAAA,GAEF,kBAAC,MAAD;EAAI,WAAU;YACX,EAAW,KAAK,MACf,kBAAC,MAAD;GAAkB,WAAU;aAA5B;IACE,kBAAC,QAAD;KACE,WAAU;KACV,eAAY;KACZ,CAAA;IACF,kBAAC,KAAD;KAAG,WAAU;eACV,EAAK,OAAO,QAAQ,SAAS,IAAI;KAChC,CAAA;IACH,EAAK,cACJ,kBAAC,KAAD;KAAG,WAAU;eAA+B,EAAK;KAAgB,CAAA,GAC/D;IACJ,kBAAC,KAAD;KAAG,WAAU;eACV,IAAI,KAAK,EAAK,UAAU,CAAC,gBAAgB;KACxC,CAAA;IACD;KAdI,EAAK,GAcT,CACL;EACC,CAAA,EAEK,CAAA,CACT,EAAA,CAAA"}
+{"version":3,"file":"ActivityTimeline.js","names":[],"sources":["../../../src/assethandler/components/ActivityTimeline.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport {\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  IllustratedEmptyState,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  Activity,\n  Plus,\n  Pencil,\n  Trash2,\n  CheckCircle2,\n  LogOut,\n  LogIn,\n  RefreshCw,\n  Paperclip,\n  MessageSquare,\n  Wrench,\n  ShieldAlert,\n} from 'lucide-react';\nimport { useAssetHandler } from '../providers/AssetHandlerProvider';\nimport { Sparkline } from './charts';\n\n/**\n * Recent activity for a single AssetHandler resource, sourced from the\n * federated wspace-activity-svc `getActivities` query (fed by be-sdk\n * `trackOperation` on the backend). Read-only, with a graceful empty state.\n *\n * The header carries an activity-volume sparkline bucketed from the real\n * timestamps — it only renders when there is enough history to be meaningful,\n * never fabricated.\n */\nexport interface ActivityTimelineProps {\n  resourceId: string;\n  /** Optional cap on rows shown. Defaults to 20. */\n  limit?: number;\n}\n\ninterface ActivityLogNode {\n  id: string;\n  action: string;\n  description?: string | null;\n  timestamp: string;\n  userId: string;\n  resourceType?: string | null;\n}\n\ninterface GetActivitiesResult {\n  getActivities: ActivityLogNode[];\n}\n\nconst GET_ACTIVITIES_QUERY = gql`\n  query AssetHandlerResourceActivities($filter: ActivityLogFilter) {\n    getActivities(filter: $filter) {\n      id\n      action\n      description\n      timestamp\n      userId\n      resourceType\n    }\n  }\n`;\n\n/** Compact relative time (\"2 hrs ago\"), with the full timestamp on hover. */\nfunction relativeTime(iso: string): string {\n  const then = new Date(iso).getTime();\n  if (Number.isNaN(then)) return '';\n  const diff = Date.now() - then;\n  const sec = Math.round(diff / 1000);\n  if (sec < 45) return 'just now';\n  const min = Math.round(sec / 60);\n  if (min < 60) return `${min} min ago`;\n  const hr = Math.round(min / 60);\n  if (hr < 24) return `${hr} hr${hr === 1 ? '' : 's'} ago`;\n  const day = Math.round(hr / 24);\n  if (day < 30) return `${day} day${day === 1 ? '' : 's'} ago`;\n  return new Date(iso).toLocaleDateString();\n}\n\ntype Tone = 'success' | 'info' | 'warning' | 'error' | 'neutral';\n\nconst TONE_CLASS: Record<Tone, { icon: string; tile: string }> = {\n  success: { icon: 'text-status-success-text', tile: 'bg-status-success-bg-subtle' },\n  info: { icon: 'text-status-info-text', tile: 'bg-status-info-bg-subtle' },\n  warning: { icon: 'text-status-warning-text', tile: 'bg-status-warning-bg-subtle' },\n  error: { icon: 'text-status-error-text', tile: 'bg-status-error-bg-subtle' },\n  neutral: { icon: 'text-text-secondary', tile: 'bg-bg-sunken' },\n};\n\n/** Map an activity action verb to a node icon + status tone. */\nfunction actionVisual(action: string): { Icon: typeof Activity; tone: Tone } {\n  const a = action.toLowerCase();\n  if (/(complete|resolve|close|done|approve|pass|success)/.test(a))\n    return { Icon: CheckCircle2, tone: 'success' };\n  if (/(delete|remove|dispose|retire|archive|reject|fail)/.test(a))\n    return { Icon: Trash2, tone: 'error' };\n  if (/(check[_.\\s]?out|assign|issue|lend)/.test(a)) return { Icon: LogOut, tone: 'warning' };\n  if (/(check[_.\\s]?in|return|receive)/.test(a)) return { Icon: LogIn, tone: 'success' };\n  if (/(maintenance|repair|service|calibrat)/.test(a)) return { Icon: Wrench, tone: 'warning' };\n  if (/(incident|breach|alert|violation|risk|security)/.test(a))\n    return { Icon: ShieldAlert, tone: 'error' };\n  if (/(upload|attach|file)/.test(a)) return { Icon: Paperclip, tone: 'info' };\n  if (/(comment|note|reply|discuss)/.test(a)) return { Icon: MessageSquare, tone: 'info' };\n  if (/(create|add|new|register|provision)/.test(a)) return { Icon: Plus, tone: 'success' };\n  if (/(update|edit|change|modify|revise|status)/.test(a)) return { Icon: Pencil, tone: 'info' };\n  if (/(sync|refresh|move|transfer|relocat)/.test(a)) return { Icon: RefreshCw, tone: 'info' };\n  return { Icon: Activity, tone: 'neutral' };\n}\n\nfunction titleize(action: string): string {\n  const s = action.replace(/[._]/g, ' ').trim();\n  return s.charAt(0).toUpperCase() + s.slice(1);\n}\n\nexport function ActivityTimeline({ resourceId, limit = 20 }: ActivityTimelineProps) {\n  const { workspaceId, currentUser } = useAssetHandler();\n\n  const { data, loading } = useQuery<GetActivitiesResult>(GET_ACTIVITIES_QUERY, {\n    variables: {\n      filter: {\n        resourceId,\n        ...(workspaceId ? { workspaceId } : {}),\n        limit,\n      },\n    },\n    fetchPolicy: 'cache-and-network',\n    errorPolicy: 'all',\n    skip: !resourceId,\n  });\n\n  const activities = useMemo(() => data?.getActivities ?? [], [data]);\n\n  // Bucket real timestamps into per-day volume for a header sparkline. Only\n  // meaningful when there is enough history spanning multiple days — otherwise\n  // we omit it rather than draw a flat/fabricated line.\n  const volumeSeries = useMemo(() => {\n    if (activities.length < 6) return null;\n    const DAYS = 14;\n    const now = new Date();\n    const startOfToday = new Date(now.getFullYear(), now.getMonth(), now.getDate()).getTime();\n    const buckets = new Array<number>(DAYS).fill(0);\n    let distinctDays = 0;\n    const seen = new Set<number>();\n    for (const item of activities) {\n      const t = new Date(item.timestamp).getTime();\n      if (Number.isNaN(t)) continue;\n      const dayIndex = DAYS - 1 - Math.floor((startOfToday - t) / 86_400_000);\n      if (dayIndex >= 0 && dayIndex < DAYS) {\n        buckets[dayIndex] += 1;\n        const dayKey = Math.floor(t / 86_400_000);\n        if (!seen.has(dayKey)) {\n          seen.add(dayKey);\n          distinctDays += 1;\n        }\n      }\n    }\n    return distinctDays >= 3 ? buckets : null;\n  }, [activities]);\n\n  const actorLabel = (userId: string): string =>\n    currentUser?.id && userId === currentUser.id\n      ? currentUser.name ||\n        [currentUser.firstName, currentUser.lastName].filter(Boolean).join(' ') ||\n        currentUser.username ||\n        currentUser.email?.split('@')[0] ||\n        'You'\n      : userId === 'system' || userId === 'SYSTEM'\n        ? 'System'\n        : `Member ${userId.slice(0, 6)}`;\n\n  return (\n    <Card>\n      <CardHeader className=\"flex flex-row items-center justify-between gap-3 space-y-0\">\n        <CardTitle className=\"flex items-center gap-2 text-base\">\n          <Activity className=\"h-4 w-4\" />\n          Activity\n        </CardTitle>\n        {volumeSeries ? (\n          <div className=\"flex items-center gap-2\" title=\"Activity over the last 14 days\">\n            <span className=\"hidden text-xs text-text-secondary sm:inline\">Last 14 days</span>\n            <Sparkline\n              data={volumeSeries}\n              type=\"area\"\n              height={28}\n              className=\"w-24\"\n              ariaLabel=\"Activity volume over the last 14 days\"\n            />\n          </div>\n        ) : null}\n      </CardHeader>\n      <CardContent>\n        {loading && activities.length === 0 ? (\n          <div className=\"space-y-2\">\n            {Array.from({ length: 4 }).map((_, i) => (\n              <div\n                key={i}\n                className=\"h-12 rounded-md bg-bg-sunken motion-safe:animate-vc-shimmer\"\n              />\n            ))}\n          </div>\n        ) : activities.length === 0 ? (\n          <IllustratedEmptyState\n            illustration=\"empty-notifications\"\n            title=\"No activity yet\"\n            description=\"Changes to this record — updates, status changes and assignments — will show up here.\"\n          />\n        ) : (\n          <ol className=\"space-y-1\">\n            {activities.map((item, index) => {\n              const { Icon, tone } = actionVisual(item.action);\n              const tc = TONE_CLASS[tone];\n              const isLast = index === activities.length - 1;\n              return (\n                <li key={item.id} className=\"relative flex gap-3 pb-3\">\n                  {/* Connector line between nodes. */}\n                  {!isLast ? (\n                    <span\n                      className=\"absolute left-[0.9375rem] top-8 h-[calc(100%-1rem)] w-px bg-border-subtle\"\n                      aria-hidden=\"true\"\n                    />\n                  ) : null}\n                  <span\n                    className={`relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-full ${tc.tile}`}\n                    aria-hidden=\"true\"\n                  >\n                    <Icon className={`h-4 w-4 ${tc.icon}`} />\n                  </span>\n                  <div className=\"min-w-0 flex-1 pt-0.5\">\n                    <p className=\"text-sm font-medium text-text-primary\">{titleize(item.action)}</p>\n                    {item.description ? (\n                      <p className=\"truncate text-sm text-text-secondary\" title={item.description}>\n                        {item.description}\n                      </p>\n                    ) : null}\n                    <p className=\"mt-0.5 text-xs text-text-secondary\">\n                      <span className=\"font-medium text-text-secondary\">\n                        {actorLabel(item.userId)}\n                      </span>{' '}\n                      ·{' '}\n                      <span title={new Date(item.timestamp).toLocaleString()}>\n                        {relativeTime(item.timestamp)}\n                      </span>\n                    </p>\n                  </div>\n                </li>\n              );\n            })}\n          </ol>\n        )}\n      </CardContent>\n    </Card>\n  );\n}\n"],"mappings":"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"}