@mieweb/ui 0.10.0-dev.4 → 0.10.0-dev.40

package/dist/chunk-PYI2IWNX.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ListView/ListView.tsx"],"names":["cva","defaultViewLabels","React","jsx","cn","jsxs","Fragment","Button","Spinner","ChevronRight","ChevronDown","accentClasses"],"mappings":"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","file":"chunk-PYI2IWNX.cjs","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { Button } from '../Button';\nimport { Spinner } from '../Spinner';\nimport { ChevronDownIcon, ChevronRightIcon } from '../Icons';\nimport {\n  accentClasses,\n  defaultViewLabels,\n  type Stage,\n  type ViewBaseProps,\n} from '../../views/types';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport type ListViewSlot =\n  | 'group'\n  | 'groupHeader'\n  | 'item'\n  | 'selectedItem'\n  | 'state';\n\nexport interface ListViewProps<T>\n  extends ViewBaseProps<T>, VariantProps<typeof itemVariants> {\n  /**\n   * Group rows by `accessors.getStatus`, using these stages for order and\n   * labels. Items whose status matches no stage are appended under their own\n   * heading rather than dropped.\n   */\n  stages?: readonly Stage[];\n  /** Group by `accessors.getGroup` instead of by stage. */\n  groupBy?: 'status' | 'group' | 'none';\n  /** Groups that start collapsed. Uncontrolled; the user can reopen them. */\n  defaultCollapsedGroups?: readonly string[];\n  /** Retries the failed load. Renders the retry action only when provided. */\n  onRetry?: () => void;\n  classNames?: Partial<Record<ListViewSlot, string>>;\n  /** Heading level for group headers, under the page's own heading. */\n  headingLevel?: 'h2' | 'h3' | 'h4';\n}\n\ninterface Group<T> {\n  id: string;\n  label: string;\n  accent?: Stage['accent'];\n  items: T[];\n}\n\n// =============================================================================\n// Variants\n// =============================================================================\n\nconst itemVariants = cva(\n  [\n    'flex w-full items-start gap-3 border-b border-border px-3 text-start',\n    'last:border-b-0',\n    'transition-colors',\n    'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring',\n  ],\n  {\n    variants: {\n      density: {\n        comfortable: 'py-3',\n        compact: 'py-2',\n      },\n      interactive: {\n        true: 'cursor-pointer hover:bg-muted',\n        false: '',\n      },\n      selected: {\n        true: 'bg-primary-500/10',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      density: 'comfortable',\n      interactive: false,\n      selected: false,\n    },\n  }\n);\n\n// =============================================================================\n// Grouping\n// =============================================================================\n\nfunction buildGroups<T>(\n  items: T[],\n  groupBy: 'status' | 'group' | 'none',\n  accessors: ListViewProps<T>['accessors'],\n  ungrouped: string,\n  stages?: readonly Stage[]\n): Group<T>[] {\n  if (groupBy === 'none') return [{ id: '', label: '', items }];\n\n  const read = groupBy === 'status' ? accessors.getStatus : accessors.getGroup;\n  if (!read) return [{ id: '', label: '', items }];\n\n  const buckets = new Map<string, T[]>();\n  for (const item of items) {\n    const key = read(item) ?? '';\n    const bucket = buckets.get(key);\n    if (bucket) bucket.push(item);\n    else buckets.set(key, [item]);\n  }\n\n  const groups: Group<T>[] = [];\n  // Stages fix the order, and an empty stage still shows — a board column that\n  // disappears when it empties hides the fact that the stage exists. This only\n  // applies to `groupBy=\"status\"`: stages name statuses, so seeding them under\n  // `groupBy=\"group\"` would print an empty \"Backlog\"/\"In progress\" above the\n  // real buckets. `ViewSet` always passes its shared stages, so that case is\n  // reachable with nothing more than `listProps={{ groupBy: 'group' }}`.\n  for (const stage of (groupBy === 'status' ? stages : undefined) ?? []) {\n    groups.push({\n      id: stage.id,\n      label: stage.label,\n      accent: stage.accent,\n      items: buckets.get(stage.id) ?? [],\n    });\n    buckets.delete(stage.id);\n  }\n  for (const [key, bucket] of buckets) {\n    groups.push({ id: key, label: key || ungrouped, items: bucket });\n  }\n  return groups;\n}\n\n// =============================================================================\n// Component\n// =============================================================================\n\n/**\n * Declared `parameters.catalog.collection` — the three load states below are\n * part of this component's API, not decoration.\n */\nexport function ListView<T>({\n  items,\n  accessors,\n  loading = false,\n  error = null,\n  selectedId = null,\n  onOpen,\n  getHref,\n  renderItem,\n  emptyState,\n  labels,\n  stages,\n  groupBy = stages ? 'status' : 'none',\n  defaultCollapsedGroups,\n  onRetry,\n  density,\n  className,\n  classNames,\n  headingLevel: Heading = 'h3',\n}: ListViewProps<T>) {\n  const text = { ...defaultViewLabels, ...labels };\n  // Ids come from position, not from the status text: two distinct statuses can\n  // normalise to the same string, and a duplicate id makes `aria-labelledby`\n  // resolve to the wrong heading.\n  const baseId = React.useId();\n  const [collapsed, setCollapsed] = React.useState<Set<string>>(\n    () => new Set(defaultCollapsedGroups ?? [])\n  );\n\n  const groups = React.useMemo(\n    () => buildGroups(items, groupBy, accessors, text.ungrouped, stages),\n    [items, groupBy, accessors, text.ungrouped, stages]\n  );\n\n  const state = (content: React.ReactNode) => (\n    <div\n      data-slot=\"list-view-state\"\n      className={cn(\n        'text-muted-foreground flex flex-col items-center justify-center gap-2 px-4 py-10 text-center text-sm',\n        classNames?.state\n      )}\n    >\n      {content}\n    </div>\n  );\n\n  let body: React.ReactNode;\n  if (error) {\n    body = state(\n      <>\n        <p role=\"alert\" className=\"text-destructive\">\n          {text.error}\n        </p>\n        {onRetry && (\n          <Button variant=\"ghost\" size=\"sm\" onClick={onRetry}>\n            {text.retry}\n          </Button>\n        )}\n      </>\n    );\n  } else if (loading) {\n    // Spinner is the status region and carries the accessible name; the visible\n    // copy beside it would otherwise be announced twice.\n    body = state(\n      <span className=\"flex items-center gap-2\">\n        <Spinner size=\"sm\" label={text.loading} />\n        <span aria-hidden>{text.loading}</span>\n      </span>\n    );\n  } else if (items.length === 0) {\n    body = emptyState ?? state(text.empty);\n  } else {\n    body = groups.map((group, groupIndex) => {\n      const isCollapsed = collapsed.has(group.id);\n      const headerId = `${baseId}-group-${groupIndex}`;\n      return (\n        <section\n          key={group.id}\n          data-slot=\"list-view-group\"\n          className={cn(classNames?.group)}\n        >\n          {group.label && (\n            <Heading className=\"sticky top-0 z-10\">\n              <button\n                type=\"button\"\n                id={headerId}\n                aria-expanded={!isCollapsed}\n                onClick={() =>\n                  setCollapsed((prev) => {\n                    const next = new Set(prev);\n                    if (!next.delete(group.id)) next.add(group.id);\n                    return next;\n                  })\n                }\n                data-slot=\"list-view-group-header\"\n                className={cn(\n                  'border-border bg-muted text-muted-foreground flex w-full items-center gap-2 border-b px-3 py-2 text-start text-xs font-semibold tracking-wide uppercase',\n                  'focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none focus-visible:ring-inset',\n                  classNames?.groupHeader\n                )}\n              >\n                {isCollapsed ? (\n                  <ChevronRightIcon\n                    className=\"size-3.5 rtl:rotate-180\"\n                    aria-hidden\n                  />\n                ) : (\n                  <ChevronDownIcon className=\"size-3.5\" aria-hidden />\n                )}\n                {group.accent && (\n                  <span\n                    aria-hidden\n                    className={cn(\n                      'size-2 shrink-0 rounded-full',\n                      accentClasses[group.accent].marker\n                    )}\n                  />\n                )}\n                <span>{group.label}</span>\n                <span className=\"ms-auto font-normal tabular-nums\">\n                  {group.items.length}\n                </span>\n              </button>\n            </Heading>\n          )}\n          {!isCollapsed && (\n            <ul aria-labelledby={group.label ? headerId : undefined}>\n              {group.items.map((item) => {\n                const id = accessors.getId(item);\n                const selected = id === selectedId;\n                const accent = accessors.getAccent?.(item);\n                const subtitle = accessors.getSubtitle?.(item);\n                const content = renderItem?.(item, { view: 'list' }) ?? (\n                  <>\n                    {accent && (\n                      <span\n                        aria-hidden\n                        className={cn(\n                          'mt-1.5 size-2 shrink-0 rounded-full',\n                          accentClasses[accent].marker\n                        )}\n                      />\n                    )}\n                    <span className=\"min-w-0 flex-1\">\n                      <span className=\"text-foreground block truncate font-medium\">\n                        {accessors.getTitle(item)}\n                      </span>\n                      {subtitle && (\n                        <span className=\"text-muted-foreground block truncate text-sm\">\n                          {subtitle}\n                        </span>\n                      )}\n                    </span>\n                  </>\n                );\n                const classes = cn(\n                  itemVariants({\n                    density,\n                    interactive: Boolean(onOpen || getHref),\n                    selected,\n                  }),\n                  classNames?.item,\n                  selected && classNames?.selectedItem\n                );\n                const href = getHref?.(id, item);\n                return (\n                  <li key={id}>\n                    {href ? (\n                      // An anchor, not a handler, so the row is middle-clickable\n                      // and crawlable; onOpen still runs for router navigation.\n                      <a\n                        href={href}\n                        aria-current={selected ? 'true' : undefined}\n                        data-slot=\"list-view-item\"\n                        className={classes}\n                        onClick={(event) => {\n                          if (\n                            !onOpen ||\n                            event.defaultPrevented ||\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                      >\n                        {content}\n                      </a>\n                    ) : onOpen ? (\n                      <button\n                        type=\"button\"\n                        aria-current={selected ? 'true' : undefined}\n                        data-slot=\"list-view-item\"\n                        className={classes}\n                        onClick={() => onOpen(id, item)}\n                      >\n                        {content}\n                      </button>\n                    ) : (\n                      <div data-slot=\"list-view-item\" className={classes}>\n                        {content}\n                      </div>\n                    )}\n                  </li>\n                );\n              })}\n              {group.items.length === 0 && (\n                <li className=\"text-muted-foreground px-3 py-2 text-sm\">\n                  {text.empty}\n                </li>\n              )}\n            </ul>\n          )}\n        </section>\n      );\n    });\n  }\n\n  return (\n    <div\n      data-slot=\"list-view\"\n      className={cn(\n        'border-border bg-card overflow-hidden rounded-lg border',\n        className\n      )}\n    >\n      {body}\n    </div>\n  );\n}\n\nexport { itemVariants as listViewItemVariants };\n"]}

package/dist/chunk-Q3YVLO52.cjs

@@ -0,0 +1,174 @@
+'use strict';
+
+var chunkGKDHMNUA_cjs = require('./chunk-GKDHMNUA.cjs');
+var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
+var React = require('react');
+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 defaultAvatarGroupLabels = {
+  list: "People",
+  presence: (name, presence) => `${name} is ${presence}`,
+  overflow: (names) => `${names.length} more: ${names.join(", ")}`
+};
+var PRESENCE_RING = {
+  viewing: "ring-primary-500",
+  editing: "ring-warning-500"
+};
+var PRESENCE_BADGE = {
+  viewing: "bg-primary-500 text-primary-foreground",
+  editing: "bg-warning-500 text-warning-foreground"
+};
+var BADGE_SIZE = {
+  xs: "h-3 w-3 [&>svg]:h-2 [&>svg]:w-2",
+  sm: "h-3.5 w-3.5 [&>svg]:h-2 [&>svg]:w-2",
+  md: "h-4 w-4 [&>svg]:h-2.5 [&>svg]:w-2.5",
+  lg: "h-5 w-5 [&>svg]:h-3 [&>svg]:w-3",
+  xl: "h-6 w-6 [&>svg]:h-3.5 [&>svg]:w-3.5"
+};
+var ITEM = "-ms-2 first:ms-0 relative";
+var FOCUS = "rounded-full focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring";
+var AvatarGroup = React__namespace.forwardRef(
+  function AvatarGroup2({
+    items,
+    max,
+    size = "md",
+    onItemClick,
+    labels: labelOverrides,
+    children,
+    className,
+    ...props
+  }, ref) {
+    const labels = { ...defaultAvatarGroupLabels, ...labelOverrides };
+    const legacy = items ? [] : React__namespace.Children.toArray(children).filter(
+      React__namespace.isValidElement
+    );
+    const people = items ? [
+      ...items.filter((i) => i.presence === "editing"),
+      ...items.filter((i) => i.presence !== "editing")
+    ] : legacy.map((child, index) => ({
+      id: String(child.key ?? index),
+      name: child.props.name ?? child.props.alt ?? ""
+    }));
+    const visibleCount = max ? Math.min(max, people.length) : people.length;
+    const hidden = people.slice(visibleCount);
+    const overflowLabel = labels.overflow(hidden.map((h) => h.label ?? h.name));
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "ul",
+      {
+        ref,
+        "aria-label": labels.list,
+        "data-slot": "avatar-group",
+        className: chunkS5RVSXDV_cjs.cn("flex items-center", className),
+        ...props,
+        children: [
+          people.slice(0, visibleCount).map((item, index) => {
+            if (!items) {
+              const child = legacy[index];
+              return /* @__PURE__ */ jsxRuntime.jsx("li", { className: ITEM, children: React__namespace.cloneElement(child, {
+                size,
+                className: chunkS5RVSXDV_cjs.cn(
+                  "ring-background ring-2",
+                  child.props.className
+                )
+              }) }, item.id);
+            }
+            const name = item.label ?? item.name;
+            const label = item.presence ? labels.presence(name, item.presence) : name;
+            const avatar = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                chunkGKDHMNUA_cjs.Avatar,
+                {
+                  name: item.name,
+                  src: item.src,
+                  alt: "",
+                  size,
+                  className: chunkS5RVSXDV_cjs.cn(
+                    "ring-2",
+                    item.presence ? PRESENCE_RING[item.presence] : "ring-background"
+                  ),
+                  style: item.color ? { backgroundColor: item.color } : void 0
+                }
+              ),
+              item.presence && /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  "aria-hidden": "true",
+                  "data-slot": "avatar-group-presence",
+                  className: chunkS5RVSXDV_cjs.cn(
+                    "ring-background absolute -end-0.5 -bottom-0.5 flex items-center justify-center rounded-full ring-2",
+                    PRESENCE_BADGE[item.presence],
+                    BADGE_SIZE[size]
+                  ),
+                  children: item.presence === "editing" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Pencil, {}) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Eye, {})
+                }
+              )
+            ] });
+            return /* @__PURE__ */ jsxRuntime.jsx("li", { className: ITEM, children: onItemClick ? /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                "aria-label": label,
+                title: label,
+                onClick: () => onItemClick(item.id),
+                className: chunkS5RVSXDV_cjs.cn("flex", FOCUS),
+                children: avatar
+              }
+            ) : /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                role: "img",
+                "aria-label": label,
+                title: label,
+                className: "flex",
+                children: avatar
+              }
+            ) }, item.id);
+          }),
+          hidden.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("li", { className: ITEM, children: /* @__PURE__ */ jsxRuntime.jsxs(
+            "span",
+            {
+              role: "img",
+              "aria-label": overflowLabel,
+              title: overflowLabel,
+              "data-slot": "avatar-group-overflow",
+              className: chunkS5RVSXDV_cjs.cn(
+                chunkGKDHMNUA_cjs.avatarVariants({ size }),
+                "bg-muted text-foreground ring-background ring-2"
+              ),
+              children: [
+                "+",
+                hidden.length
+              ]
+            }
+          ) })
+        ]
+      }
+    );
+  }
+);
+
+exports.AvatarGroup = AvatarGroup;
+exports.defaultAvatarGroupLabels = defaultAvatarGroupLabels;
+//# sourceMappingURL=chunk-Q3YVLO52.cjs.map
+//# sourceMappingURL=chunk-Q3YVLO52.cjs.map

package/dist/chunk-Q3YVLO52.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AvatarGroup/AvatarGroup.tsx"],"names":["React","AvatarGroup","jsxs","cn","Fragment","jsx","Avatar","Pencil","Eye","avatarVariants"],"mappings":"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","file":"chunk-Q3YVLO52.cjs","sourcesContent":["import * as React from 'react';\nimport { Eye, Pencil } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { Avatar, avatarVariants, type AvatarProps } from '../Avatar/Avatar';\n\nexport type AvatarPresence = 'viewing' | 'editing';\n\nexport interface AvatarGroupItem {\n  /** Stable key, passed back to `onItemClick`. */\n  id: string;\n  /** Person's name — drives the initials fallback and the accessible name. */\n  name: string;\n  /** Avatar image URL. */\n  src?: string | null;\n  /** What the person is doing on the record; adds a ring, badge and label. */\n  presence?: AvatarPresence;\n  /** Accessible name / tooltip override, e.g. `Bo (2 windows)`. Defaults to `name`. */\n  label?: string;\n  /** CSS colour for the initials disc, e.g. a collaborator's cursor colour. */\n  color?: string;\n}\n\nexport interface AvatarGroupLabels {\n  /** Accessible name of the list. */\n  list: string;\n  /** Accessible name of a person with a presence state. */\n  presence: (name: string, presence: AvatarPresence) => string;\n  /** Accessible name / tooltip of the \"+N\" chip. */\n  overflow: (hiddenNames: string[]) => string;\n}\n\nexport const defaultAvatarGroupLabels: AvatarGroupLabels = {\n  list: 'People',\n  presence: (name, presence) => `${name} is ${presence}`,\n  overflow: (names) => `${names.length} more: ${names.join(', ')}`,\n};\n\ntype AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n\nexport interface AvatarGroupProps extends Omit<\n  React.HTMLAttributes<HTMLUListElement>,\n  'children'\n> {\n  /** People to show, in order (editors are moved to the front). */\n  items?: AvatarGroupItem[];\n  /** Avatars shown before the rest collapse into a \"+N\" chip. */\n  max?: number;\n  /** Size applied to every avatar. */\n  size?: AvatarSize;\n  /** Makes each avatar a button that reports its item `id`. */\n  onItemClick?: (id: string) => void;\n  /** Overrides for any user-facing string. */\n  labels?: Partial<AvatarGroupLabels>;\n  /** Legacy API: `<Avatar>` children instead of `items`. */\n  children?: React.ReactNode;\n}\n\nconst PRESENCE_RING: Record<AvatarPresence, string> = {\n  viewing: 'ring-primary-500',\n  editing: 'ring-warning-500',\n};\n\nconst PRESENCE_BADGE: Record<AvatarPresence, string> = {\n  viewing: 'bg-primary-500 text-primary-foreground',\n  editing: 'bg-warning-500 text-warning-foreground',\n};\n\nconst BADGE_SIZE: Record<AvatarSize, string> = {\n  xs: 'h-3 w-3 [&>svg]:h-2 [&>svg]:w-2',\n  sm: 'h-3.5 w-3.5 [&>svg]:h-2 [&>svg]:w-2',\n  md: 'h-4 w-4 [&>svg]:h-2.5 [&>svg]:w-2.5',\n  lg: 'h-5 w-5 [&>svg]:h-3 [&>svg]:w-3',\n  xl: 'h-6 w-6 [&>svg]:h-3.5 [&>svg]:w-3.5',\n};\n\nconst ITEM = '-ms-2 first:ms-0 relative';\nconst FOCUS =\n  'rounded-full focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring';\n\n/**\n * Overlapping stack of {@link Avatar}s with an optional viewing / editing\n * presence ring per person and a \"+N\" chip that names everyone it hides.\n *\n * @example\n * ```tsx\n * <AvatarGroup\n *   max={3}\n *   items={[{ id: '1', name: 'Ann Lee', presence: 'editing' }]}\n *   onItemClick={openProfile}\n * />\n * ```\n */\nexport const AvatarGroup = React.forwardRef<HTMLUListElement, AvatarGroupProps>(\n  function AvatarGroup(\n    {\n      items,\n      max,\n      size = 'md',\n      onItemClick,\n      labels: labelOverrides,\n      children,\n      className,\n      ...props\n    },\n    ref\n  ) {\n    const labels = { ...defaultAvatarGroupLabels, ...labelOverrides };\n\n    const legacy = items\n      ? []\n      : React.Children.toArray(children).filter(\n          React.isValidElement<AvatarProps>\n        );\n    const people: AvatarGroupItem[] = items\n      ? [\n          ...items.filter((i) => i.presence === 'editing'),\n          ...items.filter((i) => i.presence !== 'editing'),\n        ]\n      : legacy.map((child, index) => ({\n          id: String(child.key ?? index),\n          name: child.props.name ?? child.props.alt ?? '',\n        }));\n\n    const visibleCount = max ? Math.min(max, people.length) : people.length;\n    const hidden = people.slice(visibleCount);\n    const overflowLabel = labels.overflow(hidden.map((h) => h.label ?? h.name));\n\n    return (\n      <ul\n        ref={ref}\n        aria-label={labels.list}\n        data-slot=\"avatar-group\"\n        className={cn('flex items-center', className)}\n        {...props}\n      >\n        {people.slice(0, visibleCount).map((item, index) => {\n          if (!items) {\n            const child = legacy[index];\n            return (\n              <li key={item.id} className={ITEM}>\n                {React.cloneElement(child, {\n                  size,\n                  className: cn(\n                    'ring-background ring-2',\n                    child.props.className\n                  ),\n                })}\n              </li>\n            );\n          }\n          const name = item.label ?? item.name;\n          const label = item.presence\n            ? labels.presence(name, item.presence)\n            : name;\n          const avatar = (\n            <>\n              <Avatar\n                name={item.name}\n                src={item.src}\n                alt=\"\"\n                size={size}\n                className={cn(\n                  'ring-2',\n                  item.presence\n                    ? PRESENCE_RING[item.presence]\n                    : 'ring-background'\n                )}\n                style={item.color ? { backgroundColor: item.color } : undefined}\n              />\n              {item.presence && (\n                <span\n                  aria-hidden=\"true\"\n                  data-slot=\"avatar-group-presence\"\n                  className={cn(\n                    'ring-background absolute -end-0.5 -bottom-0.5 flex items-center justify-center rounded-full ring-2',\n                    PRESENCE_BADGE[item.presence],\n                    BADGE_SIZE[size]\n                  )}\n                >\n                  {item.presence === 'editing' ? <Pencil /> : <Eye />}\n                </span>\n              )}\n            </>\n          );\n          return (\n            <li key={item.id} className={ITEM}>\n              {onItemClick ? (\n                <button\n                  type=\"button\"\n                  aria-label={label}\n                  title={label}\n                  onClick={() => onItemClick(item.id)}\n                  className={cn('flex', FOCUS)}\n                >\n                  {avatar}\n                </button>\n              ) : (\n                <span\n                  role=\"img\"\n                  aria-label={label}\n                  title={label}\n                  className=\"flex\"\n                >\n                  {avatar}\n                </span>\n              )}\n            </li>\n          );\n        })}\n        {hidden.length > 0 && (\n          <li className={ITEM}>\n            <span\n              role=\"img\"\n              aria-label={overflowLabel}\n              title={overflowLabel}\n              data-slot=\"avatar-group-overflow\"\n              className={cn(\n                avatarVariants({ size }),\n                'bg-muted text-foreground ring-background ring-2'\n              )}\n            >\n              +{hidden.length}\n            </span>\n          </li>\n        )}\n      </ul>\n    );\n  }\n);\n"]}

package/dist/{chunk-WNM7IZJ7.js → chunk-QJ2L5RU6.js}

@@ -1,4 +1,4 @@
-import { FenceBlock } from './chunk-H4ZXMQQW.js';
+import { FenceBlock } from './chunk-HDY7YQFX.js';
 import { lazy, useRef, useCallback, useMemo, useState, useEffect, Suspense } from 'react';
 import DOMPurify from 'dompurify';
 import hljs from 'highlight.js/lib/core';
@@ -236,16 +236,16 @@ var CodeBlock = ({ code, language }) => {
   ) });
 };
 var CsvBlock = lazy(
-  () => import('./CsvBlock-UWPMTLE2.js').then((m) => ({ default: m.CsvBlock }))
+  () => import('./CsvBlock-CFXSDPBI.js').then((m) => ({ default: m.CsvBlock }))
 );
 var HtmlPreviewBlock = lazy(
-  () => import('./HtmlPreviewBlock-ME5U3XNS.js').then((m) => ({ default: m.HtmlPreviewBlock }))
+  () => import('./HtmlPreviewBlock-Z2GCK325.js').then((m) => ({ default: m.HtmlPreviewBlock }))
 );
 var MermaidBlock = lazy(
-  () => import('./MermaidBlock-2B6CPD6Y.js').then((m) => ({ default: m.MermaidBlock }))
+  () => import('./MermaidBlock-XCAK7IA5.js').then((m) => ({ default: m.MermaidBlock }))
 );
 var SurveyBlock = lazy(
-  () => import('./SurveyBlock-4DO62RBT.js').then((m) => ({ default: m.SurveyBlock }))
+  () => import('./SurveyBlock-KI5JOWCL.js').then((m) => ({ default: m.SurveyBlock }))
 );
 var BlockFallback = () => /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center p-4 text-sm text-neutral-500", children: "Loading\u2026" });
 var BLOCK_RE = /<div data-block-type="([^"]+)" data-block-id="([^"]+)" data-code="([^"]*)"([^>]*\bdata-md-fence="1"[^>]*)><\/div>/g;
@@ -323,5 +323,5 @@ var MarkdownRenderer = ({
 };
 
 export { CodeBlock, MarkdownRenderer, highlightCode, useMarkdown };
-//# sourceMappingURL=chunk-WNM7IZJ7.js.map
-//# sourceMappingURL=chunk-WNM7IZJ7.js.map
+//# sourceMappingURL=chunk-QJ2L5RU6.js.map
+//# sourceMappingURL=chunk-QJ2L5RU6.js.map

package/dist/{chunk-WNM7IZJ7.js.map → chunk-QJ2L5RU6.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Markdown/useMarkdown.ts","../src/components/Markdown/CodeBlock.tsx","../src/components/Markdown/MarkdownRenderer.tsx"],"names":["useMemo","jsx"],"mappings":"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","file":"chunk-WNM7IZJ7.js","sourcesContent":["/** useMarkdown — converts markdown to sanitised HTML with hljs highlighting and special fence blocks. */\nimport DOMPurify from 'dompurify';\nimport hljs from 'highlight.js/lib/core';\n\nfunction escapeHtml(str: string): string {\n  return str\n    .replace(/&/g, '&amp;')\n    .replace(/</g, '&lt;')\n    .replace(/>/g, '&gt;')\n    .replace(/\"/g, '&quot;')\n    .replace(/'/g, '&#039;');\n}\nimport bash from 'highlight.js/lib/languages/bash';\nimport css from 'highlight.js/lib/languages/css';\nimport javascript from 'highlight.js/lib/languages/javascript';\nimport json from 'highlight.js/lib/languages/json';\nimport markdown from 'highlight.js/lib/languages/markdown';\nimport python from 'highlight.js/lib/languages/python';\nimport sql from 'highlight.js/lib/languages/sql';\nimport typescript from 'highlight.js/lib/languages/typescript';\nimport xml from 'highlight.js/lib/languages/xml';\nimport yaml from 'highlight.js/lib/languages/yaml';\nimport { marked, type MarkedOptions, type Tokens } from 'marked';\nimport { useCallback, useMemo, useRef } from 'react';\n\nhljs.registerLanguage('javascript', javascript);\nhljs.registerLanguage('typescript', typescript);\nhljs.registerLanguage('python', python);\nhljs.registerLanguage('json', json);\nhljs.registerLanguage('xml', xml);\nhljs.registerLanguage('html', xml);\nhljs.registerLanguage('css', css);\nhljs.registerLanguage('bash', bash);\nhljs.registerLanguage('shell', bash);\nhljs.registerLanguage('sql', sql);\nhljs.registerLanguage('yaml', yaml);\nhljs.registerLanguage('yml', yaml);\nhljs.registerLanguage('markdown', markdown);\nhljs.registerLanguage('md', markdown);\n\nconst lazyLanguages: Record<string, () => Promise<unknown>> = {\n  java: () => import('highlight.js/lib/languages/java'),\n  cpp: () => import('highlight.js/lib/languages/cpp'),\n  'c++': () => import('highlight.js/lib/languages/cpp'),\n  c: () => import('highlight.js/lib/languages/c'),\n  csharp: () => import('highlight.js/lib/languages/csharp'),\n  php: () => import('highlight.js/lib/languages/php'),\n  ruby: () => import('highlight.js/lib/languages/ruby'),\n  go: () => import('highlight.js/lib/languages/go'),\n  rust: () => import('highlight.js/lib/languages/rust'),\n  perl: () => import('highlight.js/lib/languages/perl'),\n  r: () => import('highlight.js/lib/languages/r'),\n  makefile: () => import('highlight.js/lib/languages/makefile'),\n  dockerfile: () => import('highlight.js/lib/languages/dockerfile'),\n};\n\nconst loadedLanguages = new Set<string>([\n  'javascript',\n  'typescript',\n  'python',\n  'json',\n  'xml',\n  'html',\n  'css',\n  'bash',\n  'shell',\n  'sql',\n  'yaml',\n  'yml',\n  'markdown',\n  'md',\n]);\n\nasync function ensureLanguage(lang: string): Promise<boolean> {\n  const key = lang.toLowerCase();\n  if (loadedLanguages.has(key)) return true;\n  const loader = lazyLanguages[key];\n  if (!loader) return false;\n  try {\n    const mod = (await loader()) as { default: unknown };\n    hljs.registerLanguage(\n      key,\n      mod.default as Parameters<typeof hljs.registerLanguage>[1]\n    );\n    loadedLanguages.add(key);\n    return true;\n  } catch {\n    return false;\n  }\n}\n\nexport function highlightCode(code: string, lang?: string): string {\n  if (lang && loadedLanguages.has(lang.toLowerCase())) {\n    try {\n      return hljs.highlight(code, { language: lang.toLowerCase() }).value;\n    } catch {\n      /* fall through */\n    }\n  }\n  try {\n    const result = hljs.highlightAuto(code);\n    if (result.relevance > 5) return result.value;\n  } catch {\n    /* fall through */\n  }\n  return escapeHtml(code);\n}\n\nfunction sanitise(html: string): string {\n  return DOMPurify.sanitize(html, {\n    ADD_ATTR: [\n      'target',\n      'rel',\n      'data-block-type',\n      'data-block-id',\n      'data-code',\n      'data-lang',\n      'data-md-fence',\n    ],\n  }) as string;\n}\n\n// Use globalThis to prevent duplicate DOMPurify hook registration across HMR reloads.\nconst _g = globalThis as unknown as Record<string, boolean>;\n// Guard against SSR: DOMPurify hooks operate on the DOM, so only register in the browser.\nif (typeof document !== 'undefined' && !_g.__markdownAnchorHookInstalled) {\n  _g.__markdownAnchorHookInstalled = true;\n  DOMPurify.addHook('afterSanitizeAttributes', (node: Element) => {\n    const isAnchor =\n      (typeof HTMLAnchorElement !== 'undefined' &&\n        node instanceof HTMLAnchorElement) ||\n      node.nodeName === 'A';\n    if (isAnchor) {\n      node.setAttribute('target', '_blank');\n      node.setAttribute('rel', 'noopener noreferrer');\n    }\n  });\n}\n\nlet blockCounter = 0;\n\nfunction createRenderer() {\n  const renderer = new marked.Renderer();\n\n  renderer.code = function (this: unknown, token: Tokens.Code) {\n    const { text: code, lang = '' } = token;\n    const normalised = lang.toLowerCase().trim();\n    const blockId = `block-${++blockCounter}`;\n    const encodedCode = encodeURIComponent(code);\n    const sentinel = 'data-md-fence=\"1\"';\n\n    switch (normalised) {\n      case 'mermaid':\n        return `<div data-block-type=\"mermaid\" data-block-id=\"${blockId}\" data-code=\"${encodedCode}\" ${sentinel}></div>`;\n      case 'csv':\n        return `<div data-block-type=\"csv\" data-block-id=\"${blockId}\" data-code=\"${encodedCode}\" ${sentinel}></div>`;\n      case 'survey':\n        return `<div data-block-type=\"survey\" data-block-id=\"${blockId}\" data-code=\"${encodedCode}\" ${sentinel}></div>`;\n      case 'html':\n        return `<div data-block-type=\"html-preview\" data-block-id=\"${blockId}\" data-code=\"${encodedCode}\" ${sentinel}></div>`;\n      default:\n        return `<div data-block-type=\"code\" data-block-id=\"${blockId}\" data-code=\"${encodedCode}\" data-lang=\"${escapeHtml(normalised)}\" ${sentinel}></div>`;\n    }\n  };\n\n  renderer.link = function (this: unknown, token: Tokens.Link) {\n    const { href, title, tokens } = token;\n    const text =\n      this && typeof (this as Record<string, unknown>).parser === 'object'\n        ? (\n            this as {\n              parser: { parseInline: (t: Tokens.Link['tokens']) => string };\n            }\n          ).parser.parseInline(tokens)\n        : token.text;\n    const titleAttr = title ? ` title=\"${escapeHtml(title)}\"` : '';\n    return `<a href=\"${escapeHtml(href)}\" target=\"_blank\" rel=\"noopener noreferrer\"${titleAttr}>${text}</a>`;\n  };\n\n  renderer.table = function (this: unknown, token: Tokens.Table) {\n    const headerCells = token.header\n      .map((cell) => {\n        const content =\n          this && typeof (this as Record<string, unknown>).parser === 'object'\n            ? (\n                this as {\n                  parser: {\n                    parseInline: (t: Tokens.TableCell['tokens']) => string;\n                  };\n                }\n              ).parser.parseInline(cell.tokens)\n            : cell.text;\n        return `<th>${content}</th>`;\n      })\n      .join('');\n\n    const bodyRows = token.rows\n      .map((row) => {\n        const cells = row\n          .map((cell) => {\n            const content =\n              this &&\n              typeof (this as Record<string, unknown>).parser === 'object'\n                ? (\n                    this as {\n                      parser: {\n                        parseInline: (t: Tokens.TableCell['tokens']) => string;\n                      };\n                    }\n                  ).parser.parseInline(cell.tokens)\n                : cell.text;\n            return `<td>${content}</td>`;\n          })\n          .join('');\n        return `<tr>${cells}</tr>`;\n      })\n      .join('');\n\n    return `<div class=\"overflow-x-auto\"><table class=\"min-w-full divide-y divide-neutral-200 dark:divide-neutral-700\"><thead><tr>${headerCells}</tr></thead><tbody class=\"divide-y divide-neutral-200 dark:divide-neutral-700\">${bodyRows}</tbody></table></div>`;\n  };\n\n  return renderer;\n}\n\nfunction makeMarkedOptions(): MarkedOptions {\n  return { gfm: true, breaks: true, renderer: createRenderer() };\n}\n\nconst CACHE_MAX = 100;\nconst renderCache = new Map<string, string>();\nfunction cacheSet(key: string, value: string) {\n  if (renderCache.size >= CACHE_MAX) {\n    renderCache.delete(renderCache.keys().next().value as string);\n  }\n  renderCache.set(key, value);\n}\n\nexport interface UseMarkdownResult {\n  /** Render markdown text to sanitised HTML string */\n  render: (text: string, cacheKey?: string) => string;\n  /** Async-render that lazy-loads needed languages first */\n  renderAsync: (text: string, cacheKey?: string) => Promise<string>;\n  /** Clear the render cache */\n  clearCache: () => void;\n}\n\nexport function useMarkdown(): UseMarkdownResult {\n  const cacheRef = useRef(renderCache);\n\n  const render = useCallback((text: string, cacheKey?: string): string => {\n    if (!text) return '';\n    const key = cacheKey ?? text;\n    const cached = cacheRef.current.get(key);\n    if (cached) return cached;\n\n    const raw = marked.parse(text, {\n      ...makeMarkedOptions(),\n      async: false,\n    }) as string;\n    const clean = sanitise(raw);\n    cacheSet(key, clean);\n    return clean;\n  }, []);\n\n  const renderAsync = useCallback(\n    async (text: string, cacheKey?: string): Promise<string> => {\n      if (!text) return '';\n      const key = cacheKey ?? text;\n      const cached = cacheRef.current.get(key);\n      if (cached) return cached;\n\n      // Allow `+`, `-`, `.` in language identifiers (c++, objective-c, bash-session, etc.)\n      const fenceRegex = /^```([\\w+\\-.]+)\\s*$/gm;\n      let match: RegExpExecArray | null;\n      const langs: string[] = [];\n      while ((match = fenceRegex.exec(text)) !== null) {\n        langs.push(match[1]);\n      }\n      await Promise.all(langs.map((l) => ensureLanguage(l)));\n\n      const raw = await marked.parse(text, makeMarkedOptions());\n      const clean = sanitise(raw);\n      cacheSet(key, clean);\n      return clean;\n    },\n    []\n  );\n\n  const clearCache = useCallback(() => {\n    cacheRef.current.clear();\n  }, []);\n\n  return useMemo(\n    () => ({ render, renderAsync, clearCache }),\n    [render, renderAsync, clearCache]\n  );\n}\n","/**\n * CodeBlock — Renders a syntax-highlighted code fence using FenceBlock.\n *\n * Used by `MarkdownRenderer` for plain (non-special) fenced code blocks.\n * Highlighting is performed synchronously via the `highlightCode` helper from\n * `useMarkdown`; if the language was not pre-registered with highlight.js the\n * helper falls back to escaped raw text.\n */\nimport React, { useMemo } from 'react';\n\nimport { FenceBlock } from './FenceBlock';\nimport { highlightCode } from './useMarkdown';\n\ninterface CodeBlockProps {\n  code: string;\n  language?: string;\n}\n\nexport const CodeBlock: React.FC<CodeBlockProps> = ({ code, language }) => {\n  const html = useMemo(() => highlightCode(code, language), [code, language]);\n\n  return (\n    <FenceBlock code={code} language={language}>\n      {/* Focusable so keyboard users can horizontally scroll long lines\n          (axe: scrollable-region-focusable). */}\n      <pre\n        className=\"m-0 overflow-x-auto !bg-transparent p-3 text-sm\"\n        // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex -- scrollable code needs keyboard focus\n        tabIndex={0}\n        role=\"region\"\n        aria-label={language ? `${language} code` : 'Code'}\n      >\n        <code\n          className=\"hljs bg-transparent p-0\"\n          dangerouslySetInnerHTML={{ __html: html }}\n        />\n      </pre>\n    </FenceBlock>\n  );\n};\n","/**\n * MarkdownRenderer — renders markdown with React components for special fence blocks.\n */\nimport React, { Suspense, lazy, useEffect, useState } from 'react';\n\nimport './styles.css';\nimport { CodeBlock } from './CodeBlock';\nimport { useMarkdown } from './useMarkdown';\n\n// Block components are lazy-loaded so optional peer deps (papaparse, js-yaml, mermaid)\n// aren't bundled unless actually rendered.\nconst CsvBlock = lazy(() =>\n  import('./CsvBlock').then((m) => ({ default: m.CsvBlock }))\n);\nconst HtmlPreviewBlock = lazy(() =>\n  import('./HtmlPreviewBlock').then((m) => ({ default: m.HtmlPreviewBlock }))\n);\nconst MermaidBlock = lazy(() =>\n  import('./MermaidBlock').then((m) => ({ default: m.MermaidBlock }))\n);\nconst SurveyBlock = lazy(() =>\n  import('./SurveyBlock').then((m) => ({ default: m.SurveyBlock }))\n);\n\nconst BlockFallback: React.FC = () => (\n  <div className=\"flex items-center justify-center p-4 text-sm text-neutral-500\">\n    Loading…\n  </div>\n);\n\nexport interface MarkdownRendererProps {\n  /** Raw markdown text */\n  text: string;\n  /** Cache key (e.g., message._id + revisionNumber) */\n  cacheKey?: string;\n  /** Additional CSS classes */\n  className?: string;\n  /** Whether the message is still streaming (may have incomplete blocks) */\n  streaming?: boolean;\n}\n\n// Matches fence block markers emitted by useMarkdown (sentinel data-md-fence prevents raw-HTML injection)\nconst BLOCK_RE =\n  /<div data-block-type=\"([^\"]+)\" data-block-id=\"([^\"]+)\" data-code=\"([^\"]*)\"([^>]*\\bdata-md-fence=\"1\"[^>]*)><\\/div>/g;\n\ninterface HtmlSegment {\n  html: string;\n}\ninterface BlockSegment {\n  type: string;\n  id: string;\n  code: string;\n  lang?: string;\n}\ntype Segment = HtmlSegment | BlockSegment;\n\nfunction splitHtml(html: string): Segment[] {\n  const segments: Segment[] = [];\n  let last = 0;\n  for (const m of html.matchAll(BLOCK_RE)) {\n    if (m.index > last) segments.push({ html: html.slice(last, m.index) });\n    const langMatch = m[4]?.match(/data-lang=\"([^\"]*)\"/)?.[1];\n    segments.push({\n      type: m[1],\n      id: m[2],\n      code: (() => {\n        try {\n          return decodeURIComponent(m[3]);\n        } catch {\n          return m[3];\n        }\n      })(),\n      lang: langMatch ?? undefined,\n    });\n    last = m.index + m[0].length;\n  }\n  if (last < html.length) segments.push({ html: html.slice(last) });\n  return segments;\n}\n\nfunction renderBlock(seg: BlockSegment): React.ReactNode {\n  const wrap = (node: React.ReactNode) => (\n    <Suspense key={seg.id} fallback={<BlockFallback />}>\n      {node}\n    </Suspense>\n  );\n  switch (seg.type) {\n    case 'mermaid':\n      return wrap(<MermaidBlock code={seg.code} id={seg.id} />);\n    case 'csv':\n      return wrap(<CsvBlock code={seg.code} id={seg.id} />);\n    case 'survey':\n      return wrap(<SurveyBlock code={seg.code} id={seg.id} />);\n    case 'html-preview':\n      return wrap(<HtmlPreviewBlock code={seg.code} id={seg.id} />);\n    case 'code':\n      return wrap(\n        <CodeBlock code={seg.code} language={seg.lang || undefined} />\n      );\n    default:\n      return null;\n  }\n}\n\nexport const MarkdownRenderer: React.FC<MarkdownRendererProps> = ({\n  text,\n  cacheKey,\n  className = '',\n  streaming = false,\n}) => {\n  const { render, renderAsync } = useMarkdown();\n  const [html, setHtml] = useState('');\n\n  useEffect(() => {\n    let cancelled = false;\n\n    // While streaming, append text length to the cache key so each delta\n    // produces a fresh render rather than a stale hit on the messageId.\n    const effectiveKey = streaming\n      ? cacheKey\n        ? `${cacheKey}::${text.length}`\n        : undefined\n      : cacheKey;\n\n    async function doRender() {\n      const rendered = await renderAsync(text, effectiveKey);\n      if (!cancelled) setHtml(rendered);\n    }\n\n    if (streaming) {\n      setHtml(render(text, effectiveKey));\n    } else {\n      void doRender();\n    }\n\n    return () => {\n      cancelled = true;\n    };\n  }, [text, cacheKey, streaming, render, renderAsync]);\n\n  const segments = splitHtml(html);\n  const proseClass = `md-prose ${className}`.trim();\n\n  return (\n    <div className={proseClass}>\n      {segments.map((seg, i) =>\n        'html' in seg ? (\n          <div key={i} dangerouslySetInnerHTML={{ __html: seg.html }} />\n        ) : (\n          renderBlock(seg)\n        )\n      )}\n    </div>\n  );\n};\n"]}
+{"version":3,"sources":["../src/components/Markdown/useMarkdown.ts","../src/components/Markdown/CodeBlock.tsx","../src/components/Markdown/MarkdownRenderer.tsx"],"names":["useMemo","jsx"],"mappings":"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","file":"chunk-QJ2L5RU6.js","sourcesContent":["/** useMarkdown — converts markdown to sanitised HTML with hljs highlighting and special fence blocks. */\nimport DOMPurify from 'dompurify';\nimport hljs from 'highlight.js/lib/core';\n\nfunction escapeHtml(str: string): string {\n  return str\n    .replace(/&/g, '&amp;')\n    .replace(/</g, '&lt;')\n    .replace(/>/g, '&gt;')\n    .replace(/\"/g, '&quot;')\n    .replace(/'/g, '&#039;');\n}\nimport bash from 'highlight.js/lib/languages/bash';\nimport css from 'highlight.js/lib/languages/css';\nimport javascript from 'highlight.js/lib/languages/javascript';\nimport json from 'highlight.js/lib/languages/json';\nimport markdown from 'highlight.js/lib/languages/markdown';\nimport python from 'highlight.js/lib/languages/python';\nimport sql from 'highlight.js/lib/languages/sql';\nimport typescript from 'highlight.js/lib/languages/typescript';\nimport xml from 'highlight.js/lib/languages/xml';\nimport yaml from 'highlight.js/lib/languages/yaml';\nimport { marked, type MarkedOptions, type Tokens } from 'marked';\nimport { useCallback, useMemo, useRef } from 'react';\n\nhljs.registerLanguage('javascript', javascript);\nhljs.registerLanguage('typescript', typescript);\nhljs.registerLanguage('python', python);\nhljs.registerLanguage('json', json);\nhljs.registerLanguage('xml', xml);\nhljs.registerLanguage('html', xml);\nhljs.registerLanguage('css', css);\nhljs.registerLanguage('bash', bash);\nhljs.registerLanguage('shell', bash);\nhljs.registerLanguage('sql', sql);\nhljs.registerLanguage('yaml', yaml);\nhljs.registerLanguage('yml', yaml);\nhljs.registerLanguage('markdown', markdown);\nhljs.registerLanguage('md', markdown);\n\nconst lazyLanguages: Record<string, () => Promise<unknown>> = {\n  java: () => import('highlight.js/lib/languages/java'),\n  cpp: () => import('highlight.js/lib/languages/cpp'),\n  'c++': () => import('highlight.js/lib/languages/cpp'),\n  c: () => import('highlight.js/lib/languages/c'),\n  csharp: () => import('highlight.js/lib/languages/csharp'),\n  php: () => import('highlight.js/lib/languages/php'),\n  ruby: () => import('highlight.js/lib/languages/ruby'),\n  go: () => import('highlight.js/lib/languages/go'),\n  rust: () => import('highlight.js/lib/languages/rust'),\n  perl: () => import('highlight.js/lib/languages/perl'),\n  r: () => import('highlight.js/lib/languages/r'),\n  makefile: () => import('highlight.js/lib/languages/makefile'),\n  dockerfile: () => import('highlight.js/lib/languages/dockerfile'),\n};\n\nconst loadedLanguages = new Set<string>([\n  'javascript',\n  'typescript',\n  'python',\n  'json',\n  'xml',\n  'html',\n  'css',\n  'bash',\n  'shell',\n  'sql',\n  'yaml',\n  'yml',\n  'markdown',\n  'md',\n]);\n\nasync function ensureLanguage(lang: string): Promise<boolean> {\n  const key = lang.toLowerCase();\n  if (loadedLanguages.has(key)) return true;\n  const loader = lazyLanguages[key];\n  if (!loader) return false;\n  try {\n    const mod = (await loader()) as { default: unknown };\n    hljs.registerLanguage(\n      key,\n      mod.default as Parameters<typeof hljs.registerLanguage>[1]\n    );\n    loadedLanguages.add(key);\n    return true;\n  } catch {\n    return false;\n  }\n}\n\nexport function highlightCode(code: string, lang?: string): string {\n  if (lang && loadedLanguages.has(lang.toLowerCase())) {\n    try {\n      return hljs.highlight(code, { language: lang.toLowerCase() }).value;\n    } catch {\n      /* fall through */\n    }\n  }\n  try {\n    const result = hljs.highlightAuto(code);\n    if (result.relevance > 5) return result.value;\n  } catch {\n    /* fall through */\n  }\n  return escapeHtml(code);\n}\n\nfunction sanitise(html: string): string {\n  return DOMPurify.sanitize(html, {\n    ADD_ATTR: [\n      'target',\n      'rel',\n      'data-block-type',\n      'data-block-id',\n      'data-code',\n      'data-lang',\n      'data-md-fence',\n    ],\n  }) as string;\n}\n\n// Use globalThis to prevent duplicate DOMPurify hook registration across HMR reloads.\nconst _g = globalThis as unknown as Record<string, boolean>;\n// Guard against SSR: DOMPurify hooks operate on the DOM, so only register in the browser.\nif (typeof document !== 'undefined' && !_g.__markdownAnchorHookInstalled) {\n  _g.__markdownAnchorHookInstalled = true;\n  DOMPurify.addHook('afterSanitizeAttributes', (node: Element) => {\n    const isAnchor =\n      (typeof HTMLAnchorElement !== 'undefined' &&\n        node instanceof HTMLAnchorElement) ||\n      node.nodeName === 'A';\n    if (isAnchor) {\n      node.setAttribute('target', '_blank');\n      node.setAttribute('rel', 'noopener noreferrer');\n    }\n  });\n}\n\nlet blockCounter = 0;\n\nfunction createRenderer() {\n  const renderer = new marked.Renderer();\n\n  renderer.code = function (this: unknown, token: Tokens.Code) {\n    const { text: code, lang = '' } = token;\n    const normalised = lang.toLowerCase().trim();\n    const blockId = `block-${++blockCounter}`;\n    const encodedCode = encodeURIComponent(code);\n    const sentinel = 'data-md-fence=\"1\"';\n\n    switch (normalised) {\n      case 'mermaid':\n        return `<div data-block-type=\"mermaid\" data-block-id=\"${blockId}\" data-code=\"${encodedCode}\" ${sentinel}></div>`;\n      case 'csv':\n        return `<div data-block-type=\"csv\" data-block-id=\"${blockId}\" data-code=\"${encodedCode}\" ${sentinel}></div>`;\n      case 'survey':\n        return `<div data-block-type=\"survey\" data-block-id=\"${blockId}\" data-code=\"${encodedCode}\" ${sentinel}></div>`;\n      case 'html':\n        return `<div data-block-type=\"html-preview\" data-block-id=\"${blockId}\" data-code=\"${encodedCode}\" ${sentinel}></div>`;\n      default:\n        return `<div data-block-type=\"code\" data-block-id=\"${blockId}\" data-code=\"${encodedCode}\" data-lang=\"${escapeHtml(normalised)}\" ${sentinel}></div>`;\n    }\n  };\n\n  renderer.link = function (this: unknown, token: Tokens.Link) {\n    const { href, title, tokens } = token;\n    const text =\n      this && typeof (this as Record<string, unknown>).parser === 'object'\n        ? (\n            this as {\n              parser: { parseInline: (t: Tokens.Link['tokens']) => string };\n            }\n          ).parser.parseInline(tokens)\n        : token.text;\n    const titleAttr = title ? ` title=\"${escapeHtml(title)}\"` : '';\n    return `<a href=\"${escapeHtml(href)}\" target=\"_blank\" rel=\"noopener noreferrer\"${titleAttr}>${text}</a>`;\n  };\n\n  renderer.table = function (this: unknown, token: Tokens.Table) {\n    const headerCells = token.header\n      .map((cell) => {\n        const content =\n          this && typeof (this as Record<string, unknown>).parser === 'object'\n            ? (\n                this as {\n                  parser: {\n                    parseInline: (t: Tokens.TableCell['tokens']) => string;\n                  };\n                }\n              ).parser.parseInline(cell.tokens)\n            : cell.text;\n        return `<th>${content}</th>`;\n      })\n      .join('');\n\n    const bodyRows = token.rows\n      .map((row) => {\n        const cells = row\n          .map((cell) => {\n            const content =\n              this &&\n              typeof (this as Record<string, unknown>).parser === 'object'\n                ? (\n                    this as {\n                      parser: {\n                        parseInline: (t: Tokens.TableCell['tokens']) => string;\n                      };\n                    }\n                  ).parser.parseInline(cell.tokens)\n                : cell.text;\n            return `<td>${content}</td>`;\n          })\n          .join('');\n        return `<tr>${cells}</tr>`;\n      })\n      .join('');\n\n    return `<div class=\"overflow-x-auto\"><table class=\"min-w-full divide-y divide-neutral-200 dark:divide-neutral-700\"><thead><tr>${headerCells}</tr></thead><tbody class=\"divide-y divide-neutral-200 dark:divide-neutral-700\">${bodyRows}</tbody></table></div>`;\n  };\n\n  return renderer;\n}\n\nfunction makeMarkedOptions(): MarkedOptions {\n  return { gfm: true, breaks: true, renderer: createRenderer() };\n}\n\nconst CACHE_MAX = 100;\nconst renderCache = new Map<string, string>();\nfunction cacheSet(key: string, value: string) {\n  if (renderCache.size >= CACHE_MAX) {\n    renderCache.delete(renderCache.keys().next().value as string);\n  }\n  renderCache.set(key, value);\n}\n\nexport interface UseMarkdownResult {\n  /** Render markdown text to sanitised HTML string */\n  render: (text: string, cacheKey?: string) => string;\n  /** Async-render that lazy-loads needed languages first */\n  renderAsync: (text: string, cacheKey?: string) => Promise<string>;\n  /** Clear the render cache */\n  clearCache: () => void;\n}\n\nexport function useMarkdown(): UseMarkdownResult {\n  const cacheRef = useRef(renderCache);\n\n  const render = useCallback((text: string, cacheKey?: string): string => {\n    if (!text) return '';\n    const key = cacheKey ?? text;\n    const cached = cacheRef.current.get(key);\n    if (cached) return cached;\n\n    const raw = marked.parse(text, {\n      ...makeMarkedOptions(),\n      async: false,\n    }) as string;\n    const clean = sanitise(raw);\n    cacheSet(key, clean);\n    return clean;\n  }, []);\n\n  const renderAsync = useCallback(\n    async (text: string, cacheKey?: string): Promise<string> => {\n      if (!text) return '';\n      const key = cacheKey ?? text;\n      const cached = cacheRef.current.get(key);\n      if (cached) return cached;\n\n      // Allow `+`, `-`, `.` in language identifiers (c++, objective-c, bash-session, etc.)\n      const fenceRegex = /^```([\\w+\\-.]+)\\s*$/gm;\n      let match: RegExpExecArray | null;\n      const langs: string[] = [];\n      while ((match = fenceRegex.exec(text)) !== null) {\n        langs.push(match[1]);\n      }\n      await Promise.all(langs.map((l) => ensureLanguage(l)));\n\n      const raw = await marked.parse(text, makeMarkedOptions());\n      const clean = sanitise(raw);\n      cacheSet(key, clean);\n      return clean;\n    },\n    []\n  );\n\n  const clearCache = useCallback(() => {\n    cacheRef.current.clear();\n  }, []);\n\n  return useMemo(\n    () => ({ render, renderAsync, clearCache }),\n    [render, renderAsync, clearCache]\n  );\n}\n","/**\n * CodeBlock — Renders a syntax-highlighted code fence using FenceBlock.\n *\n * Used by `MarkdownRenderer` for plain (non-special) fenced code blocks.\n * Highlighting is performed synchronously via the `highlightCode` helper from\n * `useMarkdown`; if the language was not pre-registered with highlight.js the\n * helper falls back to escaped raw text.\n */\nimport React, { useMemo } from 'react';\n\nimport { FenceBlock } from './FenceBlock';\nimport { highlightCode } from './useMarkdown';\n\ninterface CodeBlockProps {\n  code: string;\n  language?: string;\n}\n\nexport const CodeBlock: React.FC<CodeBlockProps> = ({ code, language }) => {\n  const html = useMemo(() => highlightCode(code, language), [code, language]);\n\n  return (\n    <FenceBlock code={code} language={language}>\n      {/* Focusable so keyboard users can horizontally scroll long lines\n          (axe: scrollable-region-focusable). */}\n      <pre\n        className=\"m-0 overflow-x-auto !bg-transparent p-3 text-sm\"\n        // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex -- scrollable code needs keyboard focus\n        tabIndex={0}\n        role=\"region\"\n        aria-label={language ? `${language} code` : 'Code'}\n      >\n        <code\n          className=\"hljs bg-transparent p-0\"\n          dangerouslySetInnerHTML={{ __html: html }}\n        />\n      </pre>\n    </FenceBlock>\n  );\n};\n","/**\n * MarkdownRenderer — renders markdown with React components for special fence blocks.\n */\nimport React, { Suspense, lazy, useEffect, useState } from 'react';\n\nimport './styles.css';\nimport { CodeBlock } from './CodeBlock';\nimport { useMarkdown } from './useMarkdown';\n\n// Block components are lazy-loaded so optional peer deps (papaparse, js-yaml, mermaid)\n// aren't bundled unless actually rendered.\nconst CsvBlock = lazy(() =>\n  import('./CsvBlock').then((m) => ({ default: m.CsvBlock }))\n);\nconst HtmlPreviewBlock = lazy(() =>\n  import('./HtmlPreviewBlock').then((m) => ({ default: m.HtmlPreviewBlock }))\n);\nconst MermaidBlock = lazy(() =>\n  import('./MermaidBlock').then((m) => ({ default: m.MermaidBlock }))\n);\nconst SurveyBlock = lazy(() =>\n  import('./SurveyBlock').then((m) => ({ default: m.SurveyBlock }))\n);\n\nconst BlockFallback: React.FC = () => (\n  <div className=\"flex items-center justify-center p-4 text-sm text-neutral-500\">\n    Loading…\n  </div>\n);\n\nexport interface MarkdownRendererProps {\n  /** Raw markdown text */\n  text: string;\n  /** Cache key (e.g., message._id + revisionNumber) */\n  cacheKey?: string;\n  /** Additional CSS classes */\n  className?: string;\n  /** Whether the message is still streaming (may have incomplete blocks) */\n  streaming?: boolean;\n}\n\n// Matches fence block markers emitted by useMarkdown (sentinel data-md-fence prevents raw-HTML injection)\nconst BLOCK_RE =\n  /<div data-block-type=\"([^\"]+)\" data-block-id=\"([^\"]+)\" data-code=\"([^\"]*)\"([^>]*\\bdata-md-fence=\"1\"[^>]*)><\\/div>/g;\n\ninterface HtmlSegment {\n  html: string;\n}\ninterface BlockSegment {\n  type: string;\n  id: string;\n  code: string;\n  lang?: string;\n}\ntype Segment = HtmlSegment | BlockSegment;\n\nfunction splitHtml(html: string): Segment[] {\n  const segments: Segment[] = [];\n  let last = 0;\n  for (const m of html.matchAll(BLOCK_RE)) {\n    if (m.index > last) segments.push({ html: html.slice(last, m.index) });\n    const langMatch = m[4]?.match(/data-lang=\"([^\"]*)\"/)?.[1];\n    segments.push({\n      type: m[1],\n      id: m[2],\n      code: (() => {\n        try {\n          return decodeURIComponent(m[3]);\n        } catch {\n          return m[3];\n        }\n      })(),\n      lang: langMatch ?? undefined,\n    });\n    last = m.index + m[0].length;\n  }\n  if (last < html.length) segments.push({ html: html.slice(last) });\n  return segments;\n}\n\nfunction renderBlock(seg: BlockSegment): React.ReactNode {\n  const wrap = (node: React.ReactNode) => (\n    <Suspense key={seg.id} fallback={<BlockFallback />}>\n      {node}\n    </Suspense>\n  );\n  switch (seg.type) {\n    case 'mermaid':\n      return wrap(<MermaidBlock code={seg.code} id={seg.id} />);\n    case 'csv':\n      return wrap(<CsvBlock code={seg.code} id={seg.id} />);\n    case 'survey':\n      return wrap(<SurveyBlock code={seg.code} id={seg.id} />);\n    case 'html-preview':\n      return wrap(<HtmlPreviewBlock code={seg.code} id={seg.id} />);\n    case 'code':\n      return wrap(\n        <CodeBlock code={seg.code} language={seg.lang || undefined} />\n      );\n    default:\n      return null;\n  }\n}\n\nexport const MarkdownRenderer: React.FC<MarkdownRendererProps> = ({\n  text,\n  cacheKey,\n  className = '',\n  streaming = false,\n}) => {\n  const { render, renderAsync } = useMarkdown();\n  const [html, setHtml] = useState('');\n\n  useEffect(() => {\n    let cancelled = false;\n\n    // While streaming, append text length to the cache key so each delta\n    // produces a fresh render rather than a stale hit on the messageId.\n    const effectiveKey = streaming\n      ? cacheKey\n        ? `${cacheKey}::${text.length}`\n        : undefined\n      : cacheKey;\n\n    async function doRender() {\n      const rendered = await renderAsync(text, effectiveKey);\n      if (!cancelled) setHtml(rendered);\n    }\n\n    if (streaming) {\n      setHtml(render(text, effectiveKey));\n    } else {\n      void doRender();\n    }\n\n    return () => {\n      cancelled = true;\n    };\n  }, [text, cacheKey, streaming, render, renderAsync]);\n\n  const segments = splitHtml(html);\n  const proseClass = `md-prose ${className}`.trim();\n\n  return (\n    <div className={proseClass}>\n      {segments.map((seg, i) =>\n        'html' in seg ? (\n          <div key={i} dangerouslySetInnerHTML={{ __html: seg.html }} />\n        ) : (\n          renderBlock(seg)\n        )\n      )}\n    </div>\n  );\n};\n"]}

package/dist/{chunk-X4LBUPJO.cjs → chunk-QX6AAVDE.cjs}

@@ -1,5 +1,6 @@
 'use strict';
 
+var chunkQ3YVLO52_cjs = require('./chunk-Q3YVLO52.cjs');
 var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
 var React2 = require('react');
 var reactDom = require('react-dom');
@@ -48,12 +49,16 @@ function peerLabels(peers) {
   const seen = /* @__PURE__ */ new Map();
   for (const p of peers) {
     const entry = seen.get(p.name);
-    if (entry) entry.count += 1;
-    else seen.set(p.name, { count: 1, color: p.color });
+    if (!entry) seen.set(p.name, { ...p, count: 1 });
+    else {
+      entry.count += 1;
+      if (entry.mode === "viewing" && p.mode !== "viewing") entry.mode = p.mode;
+      entry.avatarUrl ??= p.avatarUrl;
+    }
   }
-  return [...seen].map(([name, { count, color }]) => ({
-    label: count > 1 ? `${name} (${count})` : name,
-    color
+  return [...seen.values()].map(({ count, ...p }) => ({
+    ...p,
+    label: count > 1 ? `${p.name} (${count})` : p.name
   }));
 }
 var PANEL_OFFSET = 6;
@@ -140,7 +145,7 @@ function CollabStatus({
     };
   }, [open]);
   const occupants = peerLabels(peers);
-  const names = occupants.map((p) => p.label);
+  const names = occupants.filter((p) => p.mode !== "viewing").map((p) => p.label);
   const clip = wrapped ? "break-all whitespace-pre-wrap" : "truncate";
   const statusText = connected ? labels.live : labels.connecting;
   const clientLine = `${room?.clientId ?? "\u2014"} \xB7 ${connected ? labels.clientSynced : labels.clientConnecting}`;
@@ -274,33 +279,26 @@ function CollabStatus({
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "border-border mb-2 border-b pb-2", children: [
                   /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "text-foreground mb-1 block", children: labels.peersTitle(peers.length) }),
-                  peers.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: labels.alone }) : /* @__PURE__ */ jsxRuntime.jsx(
-                    "ul",
+                  peers.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: labels.alone }) : /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "collab-status-peers", children: /* @__PURE__ */ jsxRuntime.jsx(
+                    chunkQ3YVLO52_cjs.AvatarGroup,
                     {
-                      className: "flex flex-wrap gap-x-3 gap-y-1",
-                      "data-slot": "collab-status-peers",
-                      children: occupants.map((peer) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex items-center gap-1.5", children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(
-                          "span",
-                          {
-                            "aria-hidden": "true",
-                            className: "h-2 w-2 shrink-0 rounded-full",
-                            style: {
-                              backgroundColor: peer.color ?? "currentColor"
-                            }
-                          }
-                        ),
-                        /* @__PURE__ */ jsxRuntime.jsx(
-                          "span",
-                          {
-                            className: chunkS5RVSXDV_cjs.cn("text-foreground", clip),
-                            title: peer.label,
-                            children: peer.label
-                          }
-                        )
-                      ] }, peer.label))
+                      size: "sm",
+                      max: 8,
+                      className: "flex-wrap ps-0.5",
+                      labels: {
+                        list: labels.peersTitle(peers.length),
+                        ...labels.presence && { presence: labels.presence }
+                      },
+                      items: occupants.map((peer) => ({
+                        id: peer.name,
+                        name: peer.name,
+                        label: peer.label,
+                        src: peer.avatarUrl,
+                        presence: peer.mode,
+                        color: peer.color
+                      }))
                     }
-                  )
+                  ) })
                 ] }),
                 log.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: labels.empty }) : /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "max-h-72 space-y-0.5 overflow-y-auto font-mono", children: log.map((e) => /* @__PURE__ */ jsxRuntime.jsxs(
                   "li",
@@ -507,5 +505,5 @@ function useYjsCollabStatus({
 exports.CollabStatus = CollabStatus;
 exports.defaultCollabStatusLabels = defaultCollabStatusLabels;
 exports.useYjsCollabStatus = useYjsCollabStatus;
-//# sourceMappingURL=chunk-X4LBUPJO.cjs.map
-//# sourceMappingURL=chunk-X4LBUPJO.cjs.map
+//# sourceMappingURL=chunk-QX6AAVDE.cjs.map
+//# sourceMappingURL=chunk-QX6AAVDE.cjs.map