@mieweb/ui 0.10.0-dev.31 → 0.10.0-dev.32

package/dist/chunk-6BNZLN4B.cjs

@@ -0,0 +1,548 @@
+'use strict';
+
+var chunk47P5QLX4_cjs = require('./chunk-47P5QLX4.cjs');
+var chunkIWRBJHO3_cjs = require('./chunk-IWRBJHO3.cjs');
+var chunk7IRTD4JT_cjs = require('./chunk-7IRTD4JT.cjs');
+var chunkGKDHMNUA_cjs = require('./chunk-GKDHMNUA.cjs');
+var chunk4NCDU5IG_cjs = require('./chunk-4NCDU5IG.cjs');
+var chunkCPDNX3LS_cjs = require('./chunk-CPDNX3LS.cjs');
+var chunkYW2AKBLS_cjs = require('./chunk-YW2AKBLS.cjs');
+var chunkANMX7YDL_cjs = require('./chunk-ANMX7YDL.cjs');
+var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
+var React = require('react');
+var luxon = require('luxon');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var defaultActivityFeedLabels = {
+  loading: "Loading activity",
+  empty: "No activity yet",
+  noMatches: "No activity matches these filters",
+  error: "Could not load activity",
+  retry: "Try again",
+  today: "Today",
+  yesterday: "Yesterday",
+  undated: "Undated",
+  pinned: "Pinned",
+  filters: "Filter by category",
+  allCategories: "All",
+  compact: "Compact view",
+  pin: "Pin",
+  loadMore: "Load more",
+  resultCount: (count) => count === 1 ? "1 activity shown" : `${count} activities shown`
+};
+function readPrefs(key) {
+  try {
+    const raw = JSON.parse(window.localStorage.getItem(key) ?? "{}");
+    if (!raw || typeof raw !== "object") return {};
+    const { categories, density } = raw;
+    return {
+      categories: Array.isArray(categories) && categories.every((c) => typeof c === "string") ? categories : void 0,
+      density: density === "compact" || density === "comfortable" ? density : void 0
+    };
+  } catch {
+    return {};
+  }
+}
+function writePrefs(key, prefs) {
+  try {
+    window.localStorage.setItem(key, JSON.stringify(prefs));
+  } catch {
+  }
+}
+var chipClasses = "inline-flex items-center gap-1.5 rounded-full border px-3 py-1 text-xs font-medium transition-colors motion-reduce:transition-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring";
+function ActivityFeedInner({
+  items,
+  getId,
+  getDate,
+  getCategory,
+  getTitle,
+  getDescription,
+  getActor,
+  categories = [],
+  loading = false,
+  error = null,
+  onRetry,
+  locale,
+  timeZone = "local",
+  now,
+  pinnedIds,
+  onTogglePin,
+  onOpen,
+  getHref,
+  highlightedId = null,
+  hasMore = false,
+  onLoadMore,
+  defaultCategories,
+  defaultDensity = "comfortable",
+  storageKey,
+  renderItem,
+  renderItemMeta,
+  renderDaySummary,
+  emptyState,
+  labels,
+  classNames,
+  headingLevel: Heading = "h3",
+  className,
+  ...rest
+}, ref) {
+  const text = { ...defaultActivityFeedLabels, ...labels };
+  const baseId = React__namespace.useId();
+  const reducedMotion = chunkYW2AKBLS_cjs.usePrefersReducedMotion();
+  const [announcement, announce] = chunkCPDNX3LS_cjs.useLiveAnnouncement();
+  const [pinOverrides, runPin] = chunkIWRBJHO3_cjs.usePendingOverrides();
+  const [loadingMore, setLoadingMore] = React__namespace.useState(false);
+  const [selected, setSelected] = React__namespace.useState(
+    defaultCategories ?? []
+  );
+  const [density, setDensity] = React__namespace.useState(defaultDensity);
+  const rowRefs = React__namespace.useRef(/* @__PURE__ */ new Map());
+  React__namespace.useEffect(() => {
+    if (!storageKey) return;
+    const stored = readPrefs(storageKey);
+    if (stored.categories) setSelected(stored.categories);
+    if (stored.density) setDensity(stored.density);
+  }, [storageKey]);
+  React__namespace.useEffect(() => {
+    if (!highlightedId) return;
+    rowRefs.current.get(highlightedId)?.scrollIntoView?.({
+      block: "center",
+      behavior: reducedMotion ? "auto" : "smooth"
+    });
+  }, [highlightedId, loading, reducedMotion]);
+  const categoryById = React__namespace.useMemo(
+    () => new Map(categories.map((c) => [c.id, c])),
+    [categories]
+  );
+  const effectiveFilter = React__namespace.useMemo(
+    () => selected.filter((id) => categoryById.has(id)),
+    [selected, categoryById]
+  );
+  const pinnedSet = React__namespace.useMemo(() => new Set(pinnedIds), [pinnedIds]);
+  const isPinned = (id) => pinOverrides.get(id) ?? pinnedSet.has(id);
+  const matches = (item, filter) => filter.length === 0 || filter.includes(getCategory?.(item) ?? "");
+  const updateFilters = (next) => {
+    setSelected(next);
+    if (storageKey) writePrefs(storageKey, { categories: [...next], density });
+    announce(text.resultCount(items.filter((i) => matches(i, next)).length));
+  };
+  const toggleDensity = () => {
+    const next = density === "compact" ? "comfortable" : "compact";
+    setDensity(next);
+    if (storageKey)
+      writePrefs(storageKey, { categories: [...selected], density: next });
+  };
+  const loadMore = async () => {
+    if (!onLoadMore) return;
+    setLoadingMore(true);
+    try {
+      await onLoadMore();
+    } catch {
+    } finally {
+      setLoadingMore(false);
+    }
+  };
+  const zone = timeZone;
+  const reference = now ?? /* @__PURE__ */ new Date();
+  const compact = density === "compact";
+  const visible = items.filter((item) => matches(item, effectiveFilter));
+  const pinnedItems = chunk47P5QLX4_cjs.groupByDay(
+    visible.filter((item) => isPinned(getId(item))),
+    getDate,
+    zone
+  ).flatMap((g) => g.items);
+  const days = chunk47P5QLX4_cjs.groupByDay(
+    visible.filter((item) => !isPinned(getId(item))),
+    getDate,
+    zone
+  );
+  let row = 0;
+  const renderRow = (item) => {
+    const id = getId(item);
+    const pinned = isPinned(id);
+    const pending = pinOverrides.has(id);
+    const highlighted = id === highlightedId;
+    const category = categoryById.get(getCategory?.(item) ?? "");
+    const titleId = `${baseId}-title-${row++}`;
+    const accent = chunk4NCDU5IG_cjs.accentClasses[category?.color ?? "neutral"];
+    const Icon = category?.icon;
+    const dt = chunk4NCDU5IG_cjs.toDateTime(getDate(item), zone);
+    const localDt = dt && chunk47P5QLX4_cjs.withLocale(dt, locale);
+    const actor = getActor?.(item);
+    const description = compact ? void 0 : getDescription?.(item);
+    const body2 = renderItem?.(item, { density, pinned, category }) ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          "aria-hidden": true,
+          className: chunkS5RVSXDV_cjs.cn(
+            "flex shrink-0 items-center justify-center rounded-full",
+            compact ? "size-5" : "mt-0.5 size-7",
+            accent.tint
+          ),
+          children: Icon ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "text-foreground size-3.5" }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkS5RVSXDV_cjs.cn("size-2 rounded-full", accent.marker) })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            id: titleId,
+            className: "text-foreground block truncate text-sm font-medium",
+            children: getTitle?.(item) ?? category?.label ?? id
+          }
+        ),
+        description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground line-clamp-2 block text-sm", children: description }),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-muted-foreground mt-0.5 flex flex-wrap items-center gap-x-2 gap-y-1 text-xs", children: [
+          actor && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
+            !compact && /* @__PURE__ */ jsxRuntime.jsx(
+              chunkGKDHMNUA_cjs.Avatar,
+              {
+                size: "xs",
+                name: actor.name,
+                src: actor.avatarUrl,
+                alt: "",
+                "aria-hidden": true
+              }
+            ),
+            actor.name
+          ] }),
+          category && /* @__PURE__ */ jsxRuntime.jsx("span", { children: category.label }),
+          localDt && /* @__PURE__ */ jsxRuntime.jsx(
+            "time",
+            {
+              dateTime: localDt.toISO() ?? void 0,
+              title: localDt.toLocaleString(luxon.DateTime.DATETIME_MED),
+              children: localDt.toLocaleString(luxon.DateTime.TIME_SIMPLE)
+            }
+          ),
+          renderItemMeta?.(item)
+        ] })
+      ] })
+    ] });
+    const mainClasses = "flex min-w-0 flex-1 items-start gap-3 rounded-md text-start focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring";
+    const href = getHref?.(id, item);
+    let main;
+    if (href) {
+      main = /* @__PURE__ */ jsxRuntime.jsx(
+        "a",
+        {
+          href,
+          className: mainClasses,
+          onClick: (event) => {
+            if (!onOpen || event.metaKey || event.ctrlKey || event.shiftKey || event.button !== 0)
+              return;
+            event.preventDefault();
+            onOpen(id, item);
+          },
+          onKeyDown: (event) => {
+            if (event.key !== " ") return;
+            event.preventDefault();
+            event.currentTarget.click();
+          },
+          children: body2
+        }
+      );
+    } else if (onOpen) {
+      main = /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          className: mainClasses,
+          onClick: () => onOpen(id, item),
+          children: body2
+        }
+      );
+    } else {
+      main = /* @__PURE__ */ jsxRuntime.jsx("div", { className: mainClasses, children: body2 });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "li",
+      {
+        ref: (el) => {
+          if (el) rowRefs.current.set(id, el);
+          else rowRefs.current.delete(id);
+        },
+        "data-slot": "activity-feed-item",
+        "data-highlighted": highlighted || void 0,
+        "aria-busy": pending || void 0,
+        className: chunkS5RVSXDV_cjs.cn(
+          "flex items-start gap-2 px-3",
+          compact ? "py-1.5" : "py-3",
+          highlighted && "ring-primary-500 bg-primary-500/10 ring-2 ring-inset",
+          classNames?.item,
+          highlighted && classNames?.highlightedItem
+        ),
+        children: [
+          main,
+          onTogglePin && renderItem && /* @__PURE__ */ jsxRuntime.jsx("span", { id: titleId, hidden: true, children: getTitle?.(item) ?? category?.label ?? id }),
+          onTogglePin && /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              "aria-pressed": pinned,
+              "aria-label": text.pin,
+              "aria-describedby": titleId,
+              disabled: pending,
+              title: text.pin,
+              onClick: () => void runPin(id, !pinned, () => onTogglePin(id, !pinned)),
+              className: chunkS5RVSXDV_cjs.cn(
+                "text-muted-foreground hover:bg-muted hover:text-foreground shrink-0 rounded-md p-1.5",
+                "focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none",
+                "disabled:opacity-50",
+                pinned && "text-foreground"
+              ),
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                lucideReact.Pin,
+                {
+                  className: chunkS5RVSXDV_cjs.cn("size-4", pinned && "fill-current"),
+                  "aria-hidden": true
+                }
+              )
+            }
+          )
+        ]
+      },
+      id
+    );
+  };
+  const section = (key, label, sectionItems, summary) => {
+    const headingId = `${baseId}-day-${key || "none"}`;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "section",
+      {
+        "aria-labelledby": headingId,
+        "data-slot": "activity-feed-section",
+        className: classNames?.section,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Heading,
+            {
+              id: headingId,
+              "data-slot": "activity-feed-day-header",
+              className: chunkS5RVSXDV_cjs.cn(
+                "border-border bg-card text-muted-foreground sticky top-0 z-10 flex items-center gap-1.5 border-b px-3 py-2 text-xs font-semibold tracking-wide uppercase",
+                classNames?.dayHeader
+              ),
+              children: label
+            }
+          ),
+          summary,
+          /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "divide-border divide-y", children: sectionItems.map(renderRow) })
+        ]
+      },
+      key
+    );
+  };
+  let body;
+  if (error) {
+    body = /* @__PURE__ */ jsxRuntime.jsx(
+      chunk7IRTD4JT_cjs.RecordState,
+      {
+        kind: "error",
+        slot: "activity-feed-state",
+        message: text.error,
+        retryLabel: text.retry,
+        onRetry,
+        className: classNames?.state
+      }
+    );
+  } else if (loading) {
+    body = /* @__PURE__ */ jsxRuntime.jsx(
+      chunk7IRTD4JT_cjs.RecordState,
+      {
+        kind: "loading",
+        slot: "activity-feed-state",
+        message: text.loading,
+        className: classNames?.state
+      }
+    );
+  } else if (items.length === 0) {
+    body = emptyState ?? /* @__PURE__ */ jsxRuntime.jsx(
+      chunk7IRTD4JT_cjs.RecordState,
+      {
+        kind: "empty",
+        slot: "activity-feed-state",
+        message: text.empty,
+        className: classNames?.state
+      }
+    );
+  } else if (visible.length === 0) {
+    body = /* @__PURE__ */ jsxRuntime.jsx(
+      chunk7IRTD4JT_cjs.RecordState,
+      {
+        kind: "empty",
+        slot: "activity-feed-state",
+        message: text.noMatches,
+        className: classNames?.state,
+        children: /* @__PURE__ */ jsxRuntime.jsx(chunkANMX7YDL_cjs.Button, { variant: "ghost", size: "sm", onClick: () => updateFilters([]), children: text.allCategories })
+      }
+    );
+  } else {
+    body = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      pinnedItems.length > 0 && section(
+        "pinned",
+        /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Pin, { className: "size-3.5", "aria-hidden": true }),
+          text.pinned
+        ] }),
+        pinnedItems
+      ),
+      days.map(
+        (day) => section(
+          day.key,
+          chunk47P5QLX4_cjs.formatDayLabel(day.key, {
+            now: reference,
+            zone,
+            locale,
+            today: text.today,
+            yesterday: text.yesterday,
+            undated: text.undated
+          }),
+          day.items,
+          renderDaySummary?.(day.key, day.items)
+        )
+      ),
+      hasMore && onLoadMore && /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          "data-slot": "activity-feed-load-more",
+          className: chunkS5RVSXDV_cjs.cn("border-border border-t p-3", classNames?.loadMore),
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            chunkANMX7YDL_cjs.Button,
+            {
+              variant: "ghost",
+              size: "sm",
+              fullWidth: true,
+              isLoading: loadingMore,
+              onClick: () => void loadMore(),
+              children: text.loadMore
+            }
+          )
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref,
+      "data-slot": "activity-feed",
+      className: chunkS5RVSXDV_cjs.cn(
+        "border-border bg-card overflow-hidden rounded-lg border",
+        className
+      ),
+      ...rest,
+      children: [
+        (categories.length > 0 || items.length > 0) && /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            "data-slot": "activity-feed-toolbar",
+            className: chunkS5RVSXDV_cjs.cn(
+              "border-border flex items-center gap-2 border-b px-3 py-2",
+              classNames?.toolbar
+            ),
+            children: [
+              categories.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
+                "div",
+                {
+                  role: "group",
+                  "aria-label": text.filters,
+                  className: "flex min-w-0 flex-1 flex-wrap gap-1.5",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "button",
+                      {
+                        type: "button",
+                        "aria-pressed": effectiveFilter.length === 0,
+                        onClick: () => updateFilters([]),
+                        "data-slot": "activity-feed-filter",
+                        className: chunkS5RVSXDV_cjs.cn(
+                          chipClasses,
+                          effectiveFilter.length === 0 ? "border-primary-500/40 bg-primary-500/10 text-foreground" : "border-border text-muted-foreground hover:bg-muted",
+                          classNames?.filter
+                        ),
+                        children: text.allCategories
+                      }
+                    ),
+                    categories.map((category) => {
+                      const active = effectiveFilter.includes(category.id);
+                      const accent = chunk4NCDU5IG_cjs.accentClasses[category.color ?? "primary"];
+                      const Icon = category.icon;
+                      return /* @__PURE__ */ jsxRuntime.jsxs(
+                        "button",
+                        {
+                          type: "button",
+                          "aria-pressed": active,
+                          onClick: () => updateFilters(
+                            active ? effectiveFilter.filter((c) => c !== category.id) : [...effectiveFilter, category.id]
+                          ),
+                          "data-slot": "activity-feed-filter",
+                          className: chunkS5RVSXDV_cjs.cn(
+                            chipClasses,
+                            active ? chunkS5RVSXDV_cjs.cn(accent.tint, accent.border, "text-foreground") : "border-border text-muted-foreground hover:bg-muted",
+                            classNames?.filter
+                          ),
+                          children: [
+                            Icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "size-3.5", "aria-hidden": true }),
+                            category.label
+                          ]
+                        },
+                        category.id
+                      );
+                    })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  "aria-pressed": compact,
+                  "aria-label": text.compact,
+                  title: text.compact,
+                  onClick: toggleDensity,
+                  className: chunkS5RVSXDV_cjs.cn(
+                    "text-muted-foreground hover:bg-muted ms-auto shrink-0 rounded-md p-1.5",
+                    "focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none",
+                    compact && "bg-muted text-foreground"
+                  ),
+                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Rows4, { className: "size-4", "aria-hidden": true })
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-live": "polite", className: "sr-only", children: announcement }),
+        body
+      ]
+    }
+  );
+}
+var ActivityFeed = React__namespace.forwardRef(ActivityFeedInner);
+ActivityFeed.displayName = "ActivityFeed";
+
+exports.ActivityFeed = ActivityFeed;
+exports.defaultActivityFeedLabels = defaultActivityFeedLabels;
+//# sourceMappingURL=chunk-6BNZLN4B.cjs.map
+//# sourceMappingURL=chunk-6BNZLN4B.cjs.map

package/dist/chunk-6BNZLN4B.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ActivityFeed/ActivityFeed.tsx"],"names":["React","usePrefersReducedMotion","useLiveAnnouncement","usePendingOverrides","groupByDay","accentClasses","toDateTime","withLocale","body","jsxs","Fragment","jsx","cn","Avatar","DateTime","Pin","RecordState","Button","formatDayLabel","Rows4"],"mappings":"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","file":"chunk-6BNZLN4B.cjs","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { DateTime } from 'luxon';\nimport { Pin, Rows4, type LucideIcon } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { Avatar } from '../Avatar';\nimport { Button } from '../Button';\nimport { useLiveAnnouncement } from '../../hooks/useLiveAnnouncement';\nimport { usePrefersReducedMotion } from '../../hooks/usePrefersReducedMotion';\nimport { accentClasses, toDateTime, type Accent } from '../../views/types';\nimport { formatDayLabel, groupByDay, withLocale } from './dayGroups';\nimport { RecordState } from './RecordState';\nimport { usePendingOverrides } from './usePendingOverrides';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport type ActivityFeedDensity = 'comfortable' | 'compact';\n\nexport interface ActivityFeedCategory {\n  id: string;\n  label: string;\n  icon?: LucideIcon;\n  /** Token name, resolved to `--mieweb-*` colours. */\n  color?: Accent;\n}\n\nexport interface ActivityFeedActor {\n  name: string;\n  avatarUrl?: string;\n}\n\nexport interface ActivityFeedLabels {\n  loading: string;\n  empty: string;\n  /** Shown when items exist but the active filters hide all of them. */\n  noMatches: string;\n  error: string;\n  retry: string;\n  today: string;\n  yesterday: string;\n  undated: string;\n  pinned: string;\n  /** Accessible name of the category filter group. */\n  filters: string;\n  /** The chip that clears every filter. */\n  allCategories: string;\n  compact: string;\n  pin: string;\n  loadMore: string;\n  /** Announced politely after a filter change. */\n  resultCount: (count: number) => string;\n}\n\nexport const defaultActivityFeedLabels: ActivityFeedLabels = {\n  loading: 'Loading activity',\n  empty: 'No activity yet',\n  noMatches: 'No activity matches these filters',\n  error: 'Could not load activity',\n  retry: 'Try again',\n  today: 'Today',\n  yesterday: 'Yesterday',\n  undated: 'Undated',\n  pinned: 'Pinned',\n  filters: 'Filter by category',\n  allCategories: 'All',\n  compact: 'Compact view',\n  pin: 'Pin',\n  loadMore: 'Load more',\n  resultCount: (count) =>\n    count === 1 ? '1 activity shown' : `${count} activities shown`,\n};\n\nexport type ActivityFeedSlot =\n  | 'toolbar'\n  | 'filter'\n  | 'section'\n  | 'dayHeader'\n  | 'item'\n  | 'highlightedItem'\n  | 'state'\n  | 'loadMore';\n\nexport interface ActivityFeedItemContext {\n  density: ActivityFeedDensity;\n  pinned: boolean;\n  category?: ActivityFeedCategory;\n}\n\nexport interface ActivityFeedProps<T> extends Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  'children'\n> {\n  items: T[];\n  getId: (item: T) => string;\n  /** ISO string or `Date`. Date-only strings are wall dates in `timeZone`. */\n  getDate: (item: T) => Date | string | null | undefined;\n  /** Matched against `categories[].id`. */\n  getCategory?: (item: T) => string | undefined;\n  getTitle?: (item: T) => string | undefined;\n  getDescription?: (item: T) => string | undefined;\n  getActor?: (item: T) => ActivityFeedActor | undefined;\n  /** Filter chips, icons and colours, in display order. */\n  categories?: readonly ActivityFeedCategory[];\n  loading?: boolean;\n  error?: Error | null;\n  onRetry?: () => void;\n  /** BCP 47 locale for day headers and times. Defaults to the runtime's. */\n  locale?: string;\n  /** IANA zone that decides which day an item falls on. Defaults to local. */\n  timeZone?: string;\n  /** Pins \"today\" so stories and tests stay deterministic. */\n  now?: Date;\n  pinnedIds?: readonly string[];\n  /** Receives the requested state; the row moves optimistically and restores on rejection. */\n  onTogglePin?: (id: string, pinned: boolean) => void | Promise<void>;\n  onOpen?: (id: string, item: T) => void;\n  getHref?: (id: string, item: T) => string;\n  /** Scrolls this row into view and highlights it — for deep links. */\n  highlightedId?: string | null;\n  hasMore?: boolean;\n  /** The button shows pending until the returned promise settles. */\n  onLoadMore?: () => void | Promise<void>;\n  defaultCategories?: readonly string[];\n  defaultDensity?: ActivityFeedDensity;\n  /** Persists the selected categories and density in `localStorage` under this key. */\n  storageKey?: string;\n  /** Replaces the built-in row body. Pinning and opening still wrap it. */\n  renderItem?: (item: T, context: ActivityFeedItemContext) => React.ReactNode;\n  /** Extra content on the row's meta line (badges, durations, sentiment). */\n  renderItemMeta?: (item: T) => React.ReactNode;\n  /** Rendered under each day header, e.g. a roll-up of that day's calls. */\n  renderDaySummary?: (dayKey: string, items: T[]) => React.ReactNode;\n  emptyState?: React.ReactNode;\n  labels?: Partial<ActivityFeedLabels>;\n  classNames?: Partial<Record<ActivityFeedSlot, string>>;\n  headingLevel?: 'h2' | 'h3' | 'h4';\n}\n\ninterface StoredPrefs {\n  categories?: string[];\n  density?: ActivityFeedDensity;\n}\n\nfunction readPrefs(key: string): StoredPrefs {\n  try {\n    const raw: unknown = JSON.parse(window.localStorage.getItem(key) ?? '{}');\n    if (!raw || typeof raw !== 'object') return {};\n    const { categories, density } = raw as Record<string, unknown>;\n    return {\n      categories:\n        Array.isArray(categories) &&\n        categories.every((c) => typeof c === 'string')\n          ? categories\n          : undefined,\n      density:\n        density === 'compact' || density === 'comfortable'\n          ? density\n          : undefined,\n    };\n  } catch {\n    return {};\n  }\n}\n\nfunction writePrefs(key: string, prefs: StoredPrefs) {\n  try {\n    window.localStorage.setItem(key, JSON.stringify(prefs));\n  } catch {\n    // Storage full or blocked: the preference just doesn't persist.\n  }\n}\n\nconst chipClasses =\n  'inline-flex items-center gap-1.5 rounded-full border px-3 py-1 text-xs font-medium transition-colors motion-reduce:transition-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring';\n\n// =============================================================================\n// Component\n// =============================================================================\n\nfunction ActivityFeedInner<T>(\n  {\n    items,\n    getId,\n    getDate,\n    getCategory,\n    getTitle,\n    getDescription,\n    getActor,\n    categories = [],\n    loading = false,\n    error = null,\n    onRetry,\n    locale,\n    timeZone = 'local',\n    now,\n    pinnedIds,\n    onTogglePin,\n    onOpen,\n    getHref,\n    highlightedId = null,\n    hasMore = false,\n    onLoadMore,\n    defaultCategories,\n    defaultDensity = 'comfortable',\n    storageKey,\n    renderItem,\n    renderItemMeta,\n    renderDaySummary,\n    emptyState,\n    labels,\n    classNames,\n    headingLevel: Heading = 'h3',\n    className,\n    ...rest\n  }: ActivityFeedProps<T>,\n  ref: React.ForwardedRef<HTMLDivElement>\n) {\n  const text = { ...defaultActivityFeedLabels, ...labels };\n  const baseId = React.useId();\n  const reducedMotion = usePrefersReducedMotion();\n  const [announcement, announce] = useLiveAnnouncement();\n  const [pinOverrides, runPin] = usePendingOverrides<boolean>();\n  const [loadingMore, setLoadingMore] = React.useState(false);\n  const [selected, setSelected] = React.useState<readonly string[]>(\n    defaultCategories ?? []\n  );\n  const [density, setDensity] =\n    React.useState<ActivityFeedDensity>(defaultDensity);\n  const rowRefs = React.useRef(new Map<string, HTMLElement>());\n\n  // Read after mount so server and first client render agree.\n  React.useEffect(() => {\n    if (!storageKey) return;\n    const stored = readPrefs(storageKey);\n    if (stored.categories) setSelected(stored.categories);\n    if (stored.density) setDensity(stored.density);\n  }, [storageKey]);\n\n  React.useEffect(() => {\n    if (!highlightedId) return;\n    rowRefs.current.get(highlightedId)?.scrollIntoView?.({\n      block: 'center',\n      behavior: reducedMotion ? 'auto' : 'smooth',\n    });\n  }, [highlightedId, loading, reducedMotion]);\n\n  const categoryById = React.useMemo(\n    () => new Map(categories.map((c) => [c.id, c])),\n    [categories]\n  );\n  // Persisted IDs may reference renamed/removed categories; applying them\n  // verbatim would filter out everything with no chip shown as active.\n  const effectiveFilter = React.useMemo(\n    () => selected.filter((id) => categoryById.has(id)),\n    [selected, categoryById]\n  );\n  const pinnedSet = React.useMemo(() => new Set(pinnedIds), [pinnedIds]);\n  const isPinned = (id: string) => pinOverrides.get(id) ?? pinnedSet.has(id);\n  const matches = (item: T, filter: readonly string[]) =>\n    filter.length === 0 || filter.includes(getCategory?.(item) ?? '');\n\n  const updateFilters = (next: readonly string[]) => {\n    setSelected(next);\n    if (storageKey) writePrefs(storageKey, { categories: [...next], density });\n    announce(text.resultCount(items.filter((i) => matches(i, next)).length));\n  };\n\n  const toggleDensity = () => {\n    const next = density === 'compact' ? 'comfortable' : 'compact';\n    setDensity(next);\n    if (storageKey)\n      writePrefs(storageKey, { categories: [...selected], density: next });\n  };\n\n  const loadMore = async () => {\n    if (!onLoadMore) return;\n    setLoadingMore(true);\n    try {\n      await onLoadMore();\n    } catch {\n      // The caller reports the failure; the button becomes usable again.\n    } finally {\n      setLoadingMore(false);\n    }\n  };\n\n  const zone = timeZone;\n  const reference = now ?? new Date();\n  const compact = density === 'compact';\n  const visible = items.filter((item) => matches(item, effectiveFilter));\n  const pinnedItems = groupByDay(\n    visible.filter((item) => isPinned(getId(item))),\n    getDate,\n    zone\n  ).flatMap((g) => g.items);\n  const days = groupByDay(\n    visible.filter((item) => !isPinned(getId(item))),\n    getDate,\n    zone\n  );\n\n  let row = 0;\n  const renderRow = (item: T) => {\n    const id = getId(item);\n    const pinned = isPinned(id);\n    const pending = pinOverrides.has(id);\n    const highlighted = id === highlightedId;\n    const category = categoryById.get(getCategory?.(item) ?? '');\n    const titleId = `${baseId}-title-${row++}`;\n    const accent = accentClasses[category?.color ?? 'neutral'];\n    const Icon = category?.icon;\n    const dt = toDateTime(getDate(item), zone);\n    const localDt = dt && withLocale(dt, locale);\n    const actor = getActor?.(item);\n    const description = compact ? undefined : getDescription?.(item);\n\n    const body = renderItem?.(item, { density, pinned, category }) ?? (\n      <>\n        <span\n          aria-hidden\n          className={cn(\n            'flex shrink-0 items-center justify-center rounded-full',\n            compact ? 'size-5' : 'mt-0.5 size-7',\n            accent.tint\n          )}\n        >\n          {Icon ? (\n            <Icon className=\"text-foreground size-3.5\" />\n          ) : (\n            <span className={cn('size-2 rounded-full', accent.marker)} />\n          )}\n        </span>\n        <span className=\"min-w-0 flex-1\">\n          <span\n            id={titleId}\n            className=\"text-foreground block truncate text-sm font-medium\"\n          >\n            {getTitle?.(item) ?? category?.label ?? id}\n          </span>\n          {description && (\n            <span className=\"text-muted-foreground line-clamp-2 block text-sm\">\n              {description}\n            </span>\n          )}\n          <span className=\"text-muted-foreground mt-0.5 flex flex-wrap items-center gap-x-2 gap-y-1 text-xs\">\n            {actor && (\n              <span className=\"inline-flex items-center gap-1.5\">\n                {!compact && (\n                  <Avatar\n                    size=\"xs\"\n                    name={actor.name}\n                    src={actor.avatarUrl}\n                    alt=\"\"\n                    aria-hidden\n                  />\n                )}\n                {actor.name}\n              </span>\n            )}\n            {category && <span>{category.label}</span>}\n            {localDt && (\n              <time\n                dateTime={localDt.toISO() ?? undefined}\n                title={localDt.toLocaleString(DateTime.DATETIME_MED)}\n              >\n                {localDt.toLocaleString(DateTime.TIME_SIMPLE)}\n              </time>\n            )}\n            {renderItemMeta?.(item)}\n          </span>\n        </span>\n      </>\n    );\n\n    const mainClasses =\n      'flex min-w-0 flex-1 items-start gap-3 rounded-md text-start focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring';\n    const href = getHref?.(id, item);\n    let main: React.ReactNode;\n    if (href) {\n      main = (\n        <a\n          href={href}\n          className={mainClasses}\n          onClick={(event) => {\n            if (\n              !onOpen ||\n              event.metaKey ||\n              event.ctrlKey ||\n              event.shiftKey ||\n              event.button !== 0\n            )\n              return;\n            event.preventDefault();\n            onOpen(id, item);\n          }}\n          onKeyDown={(event) => {\n            // Anchors ignore Space natively; rows open on Enter and Space alike.\n            if (event.key !== ' ') return;\n            event.preventDefault();\n            event.currentTarget.click();\n          }}\n        >\n          {body}\n        </a>\n      );\n    } else if (onOpen) {\n      main = (\n        <button\n          type=\"button\"\n          className={mainClasses}\n          onClick={() => onOpen(id, item)}\n        >\n          {body}\n        </button>\n      );\n    } else {\n      main = <div className={mainClasses}>{body}</div>;\n    }\n\n    return (\n      <li\n        key={id}\n        ref={(el) => {\n          if (el) rowRefs.current.set(id, el);\n          else rowRefs.current.delete(id);\n        }}\n        data-slot=\"activity-feed-item\"\n        data-highlighted={highlighted || undefined}\n        aria-busy={pending || undefined}\n        className={cn(\n          'flex items-start gap-2 px-3',\n          compact ? 'py-1.5' : 'py-3',\n          highlighted && 'ring-primary-500 bg-primary-500/10 ring-2 ring-inset',\n          classNames?.item,\n          highlighted && classNames?.highlightedItem\n        )}\n      >\n        {main}\n        {onTogglePin && renderItem && (\n          <span id={titleId} hidden>\n            {getTitle?.(item) ?? category?.label ?? id}\n          </span>\n        )}\n        {onTogglePin && (\n          <button\n            type=\"button\"\n            aria-pressed={pinned}\n            aria-label={text.pin}\n            aria-describedby={titleId}\n            disabled={pending}\n            title={text.pin}\n            onClick={() =>\n              void runPin(id, !pinned, () => onTogglePin(id, !pinned))\n            }\n            className={cn(\n              'text-muted-foreground hover:bg-muted hover:text-foreground shrink-0 rounded-md p-1.5',\n              'focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none',\n              'disabled:opacity-50',\n              pinned && 'text-foreground'\n            )}\n          >\n            <Pin\n              className={cn('size-4', pinned && 'fill-current')}\n              aria-hidden\n            />\n          </button>\n        )}\n      </li>\n    );\n  };\n\n  const section = (\n    key: string,\n    label: React.ReactNode,\n    sectionItems: T[],\n    summary?: React.ReactNode\n  ) => {\n    const headingId = `${baseId}-day-${key || 'none'}`;\n    return (\n      <section\n        key={key}\n        aria-labelledby={headingId}\n        data-slot=\"activity-feed-section\"\n        className={classNames?.section}\n      >\n        <Heading\n          id={headingId}\n          data-slot=\"activity-feed-day-header\"\n          className={cn(\n            'border-border bg-card text-muted-foreground sticky top-0 z-10 flex items-center gap-1.5 border-b px-3 py-2 text-xs font-semibold tracking-wide uppercase',\n            classNames?.dayHeader\n          )}\n        >\n          {label}\n        </Heading>\n        {summary}\n        <ul className=\"divide-border divide-y\">\n          {sectionItems.map(renderRow)}\n        </ul>\n      </section>\n    );\n  };\n\n  let body: React.ReactNode;\n  if (error) {\n    body = (\n      <RecordState\n        kind=\"error\"\n        slot=\"activity-feed-state\"\n        message={text.error}\n        retryLabel={text.retry}\n        onRetry={onRetry}\n        className={classNames?.state}\n      />\n    );\n  } else if (loading) {\n    body = (\n      <RecordState\n        kind=\"loading\"\n        slot=\"activity-feed-state\"\n        message={text.loading}\n        className={classNames?.state}\n      />\n    );\n  } else if (items.length === 0) {\n    body = emptyState ?? (\n      <RecordState\n        kind=\"empty\"\n        slot=\"activity-feed-state\"\n        message={text.empty}\n        className={classNames?.state}\n      />\n    );\n  } else if (visible.length === 0) {\n    body = (\n      <RecordState\n        kind=\"empty\"\n        slot=\"activity-feed-state\"\n        message={text.noMatches}\n        className={classNames?.state}\n      >\n        <Button variant=\"ghost\" size=\"sm\" onClick={() => updateFilters([])}>\n          {text.allCategories}\n        </Button>\n      </RecordState>\n    );\n  } else {\n    body = (\n      <>\n        {pinnedItems.length > 0 &&\n          section(\n            'pinned',\n            <>\n              <Pin className=\"size-3.5\" aria-hidden />\n              {text.pinned}\n            </>,\n            pinnedItems\n          )}\n        {days.map((day) =>\n          section(\n            day.key,\n            formatDayLabel(day.key, {\n              now: reference,\n              zone,\n              locale,\n              today: text.today,\n              yesterday: text.yesterday,\n              undated: text.undated,\n            }),\n            day.items,\n            renderDaySummary?.(day.key, day.items)\n          )\n        )}\n        {hasMore && onLoadMore && (\n          <div\n            data-slot=\"activity-feed-load-more\"\n            className={cn('border-border border-t p-3', classNames?.loadMore)}\n          >\n            <Button\n              variant=\"ghost\"\n              size=\"sm\"\n              fullWidth\n              isLoading={loadingMore}\n              onClick={() => void loadMore()}\n            >\n              {text.loadMore}\n            </Button>\n          </div>\n        )}\n      </>\n    );\n  }\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"activity-feed\"\n      className={cn(\n        'border-border bg-card overflow-hidden rounded-lg border',\n        className\n      )}\n      {...rest}\n    >\n      {(categories.length > 0 || items.length > 0) && (\n        <div\n          data-slot=\"activity-feed-toolbar\"\n          className={cn(\n            'border-border flex items-center gap-2 border-b px-3 py-2',\n            classNames?.toolbar\n          )}\n        >\n          {categories.length > 0 && (\n            <div\n              role=\"group\"\n              aria-label={text.filters}\n              className=\"flex min-w-0 flex-1 flex-wrap gap-1.5\"\n            >\n              <button\n                type=\"button\"\n                aria-pressed={effectiveFilter.length === 0}\n                onClick={() => updateFilters([])}\n                data-slot=\"activity-feed-filter\"\n                className={cn(\n                  chipClasses,\n                  effectiveFilter.length === 0\n                    ? 'border-primary-500/40 bg-primary-500/10 text-foreground'\n                    : 'border-border text-muted-foreground hover:bg-muted',\n                  classNames?.filter\n                )}\n              >\n                {text.allCategories}\n              </button>\n              {categories.map((category) => {\n                const active = effectiveFilter.includes(category.id);\n                const accent = accentClasses[category.color ?? 'primary'];\n                const Icon = category.icon;\n                return (\n                  <button\n                    key={category.id}\n                    type=\"button\"\n                    aria-pressed={active}\n                    onClick={() =>\n                      updateFilters(\n                        active\n                          ? effectiveFilter.filter((c) => c !== category.id)\n                          : [...effectiveFilter, category.id]\n                      )\n                    }\n                    data-slot=\"activity-feed-filter\"\n                    className={cn(\n                      chipClasses,\n                      active\n                        ? cn(accent.tint, accent.border, 'text-foreground')\n                        : 'border-border text-muted-foreground hover:bg-muted',\n                      classNames?.filter\n                    )}\n                  >\n                    {Icon && <Icon className=\"size-3.5\" aria-hidden />}\n                    {category.label}\n                  </button>\n                );\n              })}\n            </div>\n          )}\n          <button\n            type=\"button\"\n            aria-pressed={compact}\n            aria-label={text.compact}\n            title={text.compact}\n            onClick={toggleDensity}\n            className={cn(\n              'text-muted-foreground hover:bg-muted ms-auto shrink-0 rounded-md p-1.5',\n              'focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none',\n              compact && 'bg-muted text-foreground'\n            )}\n          >\n            <Rows4 className=\"size-4\" aria-hidden />\n          </button>\n        </div>\n      )}\n      <div aria-live=\"polite\" className=\"sr-only\">\n        {announcement}\n      </div>\n      {body}\n    </div>\n  );\n}\n\n/**\n * A day-grouped feed of a record's activity. Declared\n * `parameters.catalog.collection` — its load states are part of the API.\n */\nexport const ActivityFeed = React.forwardRef(ActivityFeedInner) as <T>(\n  props: ActivityFeedProps<T> & { ref?: React.ForwardedRef<HTMLDivElement> }\n) => React.ReactElement;\n\n(ActivityFeed as React.FC).displayName = 'ActivityFeed';\n"]}