@arbidocs/blocks 0.4.31 → 0.4.33

package/dist/{chunk-YMHGF6R5.js.map → chunk-ZCF2JJFA.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/DataTable.tsx","../src/components/DataTableBlock.tsx","../src/components/PageHeader.tsx","../src/components/MetricCard.tsx","../src/components/StatGroup.tsx"],"names":["jsxs","jsx","cn"],"mappings":"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","file":"chunk-YMHGF6R5.js","sourcesContent":["import type { ReactNode } from 'react'\nimport { ArrowDown, ArrowUp, ChevronsUpDown } from 'lucide-react'\nimport { cn } from '@arbidocs/react/ui'\nimport { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@arbidocs/react/ui'\nimport { tid } from '../lib/testid'\nimport { EmptyState } from './EmptyState'\n\nexport interface Column<T> {\n  key: string\n  header: ReactNode\n  render: (row: T) => ReactNode\n  align?: 'left' | 'right' | 'center'\n  /** Header becomes a sort button (needs `sort` and `onSortChange` on the table). */\n  isSortable?: boolean\n  className?: string\n  headClassName?: string\n}\n\nexport interface DataTableSort {\n  key: string\n  direction: 'asc' | 'desc'\n}\n\nexport interface DataTableTestIds {\n  table: string\n  empty: string\n  /** Test id of a row. */\n  row: (id: string) => string\n}\n\nexport interface DataTableProps<T> {\n  columns: Column<T>[]\n  rows: T[]\n  getRowId: (row: T) => string\n  onRowClick?: (row: T) => void\n  /** Test id area prefix, e.g. \"orders\" gives rows \"orders-row-{id}\". Default \"data\". */\n  area?: string\n  /** Replaces the ids derived from `area`. */\n  testIds?: Partial<DataTableTestIds>\n  emptyTitle?: string\n  emptyDescription?: string\n  /** Controlled sort state. The host sorts `rows`; the table only renders headers. */\n  sort?: DataTableSort | null\n  onSortChange?: (sort: DataTableSort) => void\n  /** Controlled row selection: adds a leading checkbox column when `onSelectedIdsChange` is set. */\n  selectedIds?: string[]\n  onSelectedIdsChange?: (ids: string[]) => void\n  /** Accessible names of the selection checkboxes. */\n  selectionLabels?: { selectAll: string; selectRow: string }\n  className?: string\n}\n\nconst alignClass = { left: 'text-left', right: 'text-right', center: 'text-center' } as const\n\nconst DEFAULT_SELECTION_LABELS = { selectAll: 'Select all rows', selectRow: 'Select row' }\n\n/** The one true table. Column-config driven, fully test-id'd, optional navigation, sort, selection. */\nexport function DataTable<T>({\n  columns,\n  rows,\n  getRowId,\n  onRowClick,\n  area = 'data',\n  testIds,\n  emptyTitle = 'Nothing to show',\n  emptyDescription,\n  sort,\n  onSortChange,\n  selectedIds,\n  onSelectedIdsChange,\n  selectionLabels,\n  className,\n}: DataTableProps<T>) {\n  const ids = {\n    table: testIds?.table ?? tid(area, 'table'),\n    empty: testIds?.empty ?? tid(area, 'empty'),\n    row: testIds?.row ?? ((id: string) => tid(area, 'row', id)),\n  }\n  const labels = { ...DEFAULT_SELECTION_LABELS, ...selectionLabels }\n  if (rows.length === 0) {\n    return <EmptyState title={emptyTitle} description={emptyDescription} testId={ids.empty} />\n  }\n\n  const isSelectable = Boolean(onSelectedIdsChange)\n  const selected = new Set(selectedIds ?? [])\n  const rowIds = rows.map(getRowId)\n  const allSelected = rowIds.length > 0 && rowIds.every((id) => selected.has(id))\n  const toggleRow = (id: string) => {\n    const next = new Set(selected)\n    if (next.has(id)) next.delete(id)\n    else next.add(id)\n    onSelectedIdsChange?.([...next])\n  }\n\n  return (\n    <div className={cn('rounded-lg border border-border bg-card', className)}>\n      <Table data-testid={ids.table}>\n        <TableHeader>\n          <TableRow className=\"hover:bg-transparent\">\n            {isSelectable && (\n              <TableHead className=\"w-10\">\n                <input\n                  type=\"checkbox\"\n                  aria-label={labels.selectAll}\n                  checked={allSelected}\n                  onChange={() => onSelectedIdsChange?.(allSelected ? [] : rowIds)}\n                />\n              </TableHead>\n            )}\n            {columns.map((c) => {\n              const active = sort?.key === c.key ? sort : null\n              const isSortable = c.isSortable && onSortChange\n              return (\n                <TableHead\n                  key={c.key}\n                  aria-sort={\n                    active ? (active.direction === 'asc' ? 'ascending' : 'descending') : undefined\n                  }\n                  className={cn(c.align && alignClass[c.align], c.headClassName)}\n                >\n                  {isSortable ? (\n                    <button\n                      type=\"button\"\n                      className=\"inline-flex items-center gap-1 hover:text-foreground\"\n                      onClick={() =>\n                        onSortChange({\n                          key: c.key,\n                          direction: active?.direction === 'asc' ? 'desc' : 'asc',\n                        })\n                      }\n                    >\n                      {c.header}\n                      {active ? (\n                        active.direction === 'asc' ? (\n                          <ArrowUp className=\"size-3\" />\n                        ) : (\n                          <ArrowDown className=\"size-3\" />\n                        )\n                      ) : (\n                        <ChevronsUpDown className=\"size-3 opacity-50\" />\n                      )}\n                    </button>\n                  ) : (\n                    c.header\n                  )}\n                </TableHead>\n              )\n            })}\n          </TableRow>\n        </TableHeader>\n        <TableBody>\n          {rows.map((row) => {\n            const id = getRowId(row)\n            return (\n              <TableRow\n                key={id}\n                data-testid={ids.row(id)}\n                data-state={selected.has(id) ? 'selected' : undefined}\n                onClick={onRowClick ? () => onRowClick(row) : undefined}\n                className={cn(onRowClick && 'cursor-pointer')}\n              >\n                {isSelectable && (\n                  <TableCell className=\"w-10\" onClick={(e) => e.stopPropagation()}>\n                    <input\n                      type=\"checkbox\"\n                      aria-label={labels.selectRow}\n                      checked={selected.has(id)}\n                      onChange={() => toggleRow(id)}\n                    />\n                  </TableCell>\n                )}\n                {columns.map((c) => (\n                  <TableCell\n                    key={c.key}\n                    className={cn(c.align && alignClass[c.align], c.className)}\n                  >\n                    {c.render(row)}\n                  </TableCell>\n                ))}\n              </TableRow>\n            )\n          })}\n        </TableBody>\n      </Table>\n    </div>\n  )\n}\n","/**\n * A **serializable** data table for the Puck builder.\n *\n * The library's developer-facing {@link DataTable} is driven by `Column<T>` whose\n * `header`/`render` are React nodes and functions — powerful, but non-serializable,\n * so it can never be a Puck block. `DataTableBlock` closes that gap with a flat,\n * JSON-safe schema (string headers, string field keys, string cells) and rebuilds\n * the non-serializable `Column<Row>[]` internally, rendering through the very same\n * {@link DataTable} so it inherits the library's markup and tokens verbatim.\n */\nimport { DataTable, type Column } from './DataTable'\n\nexport interface DataTableBlockColumn {\n  /** Column heading text. */\n  header: string\n  /** Key used to look a cell up in each row record. */\n  field: string\n  /** Cell/heading alignment. */\n  align?: 'left' | 'right' | 'center'\n}\n\nexport interface DataTableBlockProps {\n  /** Serializable column schema. */\n  columns: DataTableBlockColumn[]\n  /** One record per row; cells are looked up by each column's `field`. */\n  rows: Array<Record<string, string>>\n  /** Optional caption rendered above the table. */\n  caption?: string\n  /** Empty-state title shown when there are no rows. */\n  emptyText?: string\n  /** testid area prefix; also set on the wrapper element. */\n  testId?: string\n}\n\n/** A row wrapper so {@link DataTable} gets a stable id without polluting the record. */\ninterface TableRowData {\n  __id: string\n  cells: Record<string, string>\n}\n\n/**\n * Renders a {@link DataTable} from a flat, serializable schema. Columns are mapped\n * to `Column<TableRowData>[]` (header string, positional-stable key, alignment) and\n * each cell is resolved by `field`; rows carry a synthetic id for React keys/testids.\n */\nexport function DataTableBlock({ columns, rows, caption, emptyText, testId }: DataTableBlockProps) {\n  const area = testId ?? 'data-table-block'\n\n  const tableColumns: Column<TableRowData>[] = columns.map((col, index) => ({\n    key: col.field || `col-${index}`,\n    header: col.header,\n    align: col.align,\n    render: (row) => row.cells[col.field] ?? '',\n  }))\n\n  const tableRows: TableRowData[] = rows.map((cells, index) => ({ __id: String(index), cells }))\n\n  return (\n    <div data-testid={testId}>\n      {caption ? (\n        <p\n          className=\"mb-2 text-sm text-muted-foreground\"\n          data-testid={testId ? `${testId}-caption` : undefined}\n        >\n          {caption}\n        </p>\n      ) : null}\n      <DataTable\n        columns={tableColumns}\n        rows={tableRows}\n        getRowId={(row) => row.__id}\n        area={area}\n        emptyTitle={emptyText}\n      />\n    </div>\n  )\n}\n","import type { ReactNode } from 'react'\nimport { cn } from '@arbidocs/react/ui'\n\nexport interface PageHeaderProps {\n  title: ReactNode\n  eyebrow?: ReactNode\n  description?: ReactNode\n  /** Before the title block: a back button, an avatar or an icon. */\n  leading?: ReactNode\n  actions?: ReactNode\n  /** Under the whole header: a tab strip or segmented control. */\n  tabs?: ReactNode\n  className?: string\n  testId?: string\n}\n\n/** Standard page title block: leading + eyebrow + title + description + actions, then tabs. */\nexport function PageHeader({\n  title,\n  eyebrow,\n  description,\n  leading,\n  actions,\n  tabs,\n  className,\n  testId,\n}: PageHeaderProps) {\n  return (\n    <div className={cn('flex flex-col gap-3', className)} data-testid={testId}>\n      <div className=\"flex flex-col gap-3 sm:flex-row sm:items-end sm:justify-between\">\n        <div className=\"flex min-w-0 items-center gap-3\">\n          {leading && (\n            <div className=\"shrink-0\" data-slot=\"page-header-leading\">\n              {leading}\n            </div>\n          )}\n          <div className=\"min-w-0\">\n            {eyebrow && (\n              <p className=\"mb-1 text-xs font-semibold uppercase tracking-wider text-muted-foreground\">\n                {eyebrow}\n              </p>\n            )}\n            <h1 className=\"font-display text-2xl font-semibold tracking-tight text-foreground\">\n              {title}\n            </h1>\n            {description && (\n              <p className=\"mt-1 max-w-2xl text-sm text-muted-foreground\">{description}</p>\n            )}\n          </div>\n        </div>\n        {actions && <div className=\"flex shrink-0 items-center gap-2\">{actions}</div>}\n      </div>\n      {tabs && <div data-slot=\"page-header-tabs\">{tabs}</div>}\n    </div>\n  )\n}\n","import type { ReactNode } from 'react'\nimport type { LucideIcon } from 'lucide-react'\nimport { ArrowDownRight, ArrowUpRight } from 'lucide-react'\nimport { Card, cn } from '@arbidocs/react/ui'\nimport { ActionLink } from './ActionLink'\n\nexport interface MetricCardProps {\n  label: ReactNode\n  value: ReactNode\n  icon?: LucideIcon\n  hint?: ReactNode\n  delta?: { value: string; direction: 'up' | 'down'; good?: boolean }\n  /**\n   * Icon accent as a theme colour-token key (e.g. `primary`, `success`, or the host's own brand\n   * token). Resolved to `var(--color-<accent>)` at render. `'default'` inherits `foreground`.\n   */\n  accent?: string\n  /** Show a placeholder instead of the value (the figure is still being fetched). */\n  isLoading?: boolean\n  /** Makes the tile a real link (ctrl/cmd-click works). */\n  href?: string\n  /** Click handler; with `href`, a plain click calls it instead of navigating. */\n  onSelect?: () => void\n  className?: string\n  testId?: string\n}\n\n/** The one true KPI tile. Used across every dashboard and module header. */\nexport function MetricCard({\n  label,\n  value,\n  icon: Icon,\n  hint,\n  delta,\n  accent = 'default',\n  isLoading = false,\n  href,\n  onSelect,\n  className,\n  testId,\n}: MetricCardProps) {\n  const accentStyle =\n    accent && accent !== 'default' ? { color: `var(--color-${accent})` } : undefined\n  const deltaGood = delta?.good ?? delta?.direction === 'up'\n  const isInteractive = Boolean(href || onSelect)\n  const card = (\n    <Card\n      variant=\"elevated\"\n      className={cn('card-hover min-w-0 rounded-xl p-5', className)}\n      data-testid={isInteractive ? undefined : testId}\n      aria-busy={isLoading || undefined}\n    >\n      <div className=\"flex items-start justify-between gap-3\">\n        <p className=\"min-w-0 text-xs font-medium uppercase tracking-wide text-muted-foreground\">\n          {label}\n        </p>\n        {Icon && <Icon className=\"size-4 shrink-0\" style={accentStyle} />}\n      </div>\n      {isLoading ? (\n        <div\n          className=\"mt-2 h-8 w-20 animate-pulse rounded bg-muted\"\n          data-slot=\"metric-card-skeleton\"\n        />\n      ) : (\n        <p\n          className=\"mt-2 font-display text-2xl font-semibold tracking-tight [overflow-wrap:anywhere]\"\n          data-testid={testId && `${testId}-value`}\n        >\n          {value}\n        </p>\n      )}\n      <div className=\"mt-1 flex items-center gap-2\">\n        {delta && !isLoading && (\n          <span\n            className={cn(\n              'inline-flex items-center gap-0.5 text-xs font-medium',\n              deltaGood ? 'text-success' : 'text-destructive'\n            )}\n          >\n            {delta.direction === 'up' ? (\n              <ArrowUpRight className=\"size-3\" />\n            ) : (\n              <ArrowDownRight className=\"size-3\" />\n            )}\n            {delta.value}\n          </span>\n        )}\n        {hint && <span className=\"text-xs text-muted-foreground\">{hint}</span>}\n      </div>\n    </Card>\n  )\n  if (!isInteractive) return card\n  return (\n    <ActionLink\n      href={href}\n      onSelect={onSelect}\n      className=\"block rounded-xl text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n      data-testid={testId}\n    >\n      {card}\n    </ActionLink>\n  )\n}\n","import { cn } from '@arbidocs/react/ui'\n\nexport interface StatItem {\n  value: string\n  label: string\n  /** Optional caption under the label (e.g. a qualifier or unit). */\n  sub?: string\n}\n\nexport interface StatGroupProps {\n  items: StatItem[]\n  testId?: string\n}\n\nconst GRID: Record<number, string> = {\n  1: 'grid-cols-1',\n  2: 'grid-cols-2',\n  3: 'grid-cols-2 sm:grid-cols-3',\n  4: 'grid-cols-2 lg:grid-cols-4',\n}\n\n/** Big-number stat group — headline metrics with captions. */\nexport function StatGroup({ items, testId }: StatGroupProps) {\n  const list = items ?? []\n  const cols = GRID[Math.min(list.length, 4)] ?? GRID[4]\n  return (\n    <dl className={cn('grid gap-8', cols)} data-testid={testId}>\n      {list.map((item, i) => (\n        <div key={i} className=\"min-w-0 text-center\" data-testid={testId && `${testId}-item-${i}`}>\n          <dt className=\"sr-only\">{item.label}</dt>\n          <dd className=\"text-4xl font-semibold tracking-tight [overflow-wrap:anywhere] sm:text-5xl\">\n            {item.value}\n          </dd>\n          <p className=\"mt-2 text-sm text-muted-foreground\">{item.label}</p>\n          {item.sub && <p className=\"mt-1 text-xs text-muted-foreground/80\">{item.sub}</p>}\n        </div>\n      ))}\n    </dl>\n  )\n}\n"]}
+{"version":3,"sources":["../src/components/DataTable.tsx","../src/components/DataTableBlock.tsx","../src/components/PageHeader.tsx","../src/components/MetricCard.tsx","../src/components/StatGroup.tsx"],"names":["jsxs","jsx","cn"],"mappings":"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","file":"chunk-ZCF2JJFA.js","sourcesContent":["import type { ReactNode } from 'react'\nimport { ArrowDown, ArrowUp, ChevronsUpDown } from 'lucide-react'\nimport { cn } from '@arbidocs/react/ui'\nimport { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@arbidocs/react/ui'\nimport { tid } from '../lib/testid'\nimport { EmptyState } from './EmptyState'\n\nexport interface Column<T> {\n  key: string\n  header: ReactNode\n  render: (row: T) => ReactNode\n  align?: 'left' | 'right' | 'center'\n  /** Header becomes a sort button (needs `sort` and `onSortChange` on the table). */\n  isSortable?: boolean\n  className?: string\n  headClassName?: string\n}\n\nexport interface DataTableSort {\n  key: string\n  direction: 'asc' | 'desc'\n}\n\nexport interface DataTableTestIds {\n  table: string\n  empty: string\n  /** Test id of a row. */\n  row: (id: string) => string\n}\n\nexport interface DataTableProps<T> {\n  columns: Column<T>[]\n  rows: T[]\n  getRowId: (row: T) => string\n  onRowClick?: (row: T) => void\n  /** Test id area prefix, e.g. \"orders\" gives rows \"orders-row-{id}\". Default \"data\". */\n  area?: string\n  /** Replaces the ids derived from `area`. */\n  testIds?: Partial<DataTableTestIds>\n  emptyTitle?: string\n  emptyDescription?: string\n  /** Controlled sort state. The host sorts `rows`; the table only renders headers. */\n  sort?: DataTableSort | null\n  onSortChange?: (sort: DataTableSort) => void\n  /** Controlled row selection: adds a leading checkbox column when `onSelectedIdsChange` is set. */\n  selectedIds?: string[]\n  onSelectedIdsChange?: (ids: string[]) => void\n  /** Accessible names of the selection checkboxes. */\n  selectionLabels?: { selectAll: string; selectRow: string }\n  className?: string\n}\n\nconst alignClass = { left: 'text-left', right: 'text-right', center: 'text-center' } as const\n\nconst DEFAULT_SELECTION_LABELS = { selectAll: 'Select all rows', selectRow: 'Select row' }\n\n/** The one true table. Column-config driven, fully test-id'd, optional navigation, sort, selection. */\nexport function DataTable<T>({\n  columns,\n  rows,\n  getRowId,\n  onRowClick,\n  area = 'data',\n  testIds,\n  emptyTitle = 'Nothing to show',\n  emptyDescription,\n  sort,\n  onSortChange,\n  selectedIds,\n  onSelectedIdsChange,\n  selectionLabels,\n  className,\n}: DataTableProps<T>) {\n  const ids = {\n    table: testIds?.table ?? tid(area, 'table'),\n    empty: testIds?.empty ?? tid(area, 'empty'),\n    row: testIds?.row ?? ((id: string) => tid(area, 'row', id)),\n  }\n  const labels = { ...DEFAULT_SELECTION_LABELS, ...selectionLabels }\n  if (rows.length === 0) {\n    return <EmptyState title={emptyTitle} description={emptyDescription} testId={ids.empty} />\n  }\n\n  const isSelectable = Boolean(onSelectedIdsChange)\n  const selected = new Set(selectedIds ?? [])\n  const rowIds = rows.map(getRowId)\n  const allSelected = rowIds.length > 0 && rowIds.every((id) => selected.has(id))\n  const toggleRow = (id: string) => {\n    const next = new Set(selected)\n    if (next.has(id)) next.delete(id)\n    else next.add(id)\n    onSelectedIdsChange?.([...next])\n  }\n\n  return (\n    <div className={cn('rounded-lg border border-border bg-card', className)}>\n      <Table data-testid={ids.table}>\n        <TableHeader>\n          <TableRow className=\"hover:bg-transparent\">\n            {isSelectable && (\n              <TableHead className=\"w-10\">\n                <input\n                  type=\"checkbox\"\n                  aria-label={labels.selectAll}\n                  checked={allSelected}\n                  onChange={() => onSelectedIdsChange?.(allSelected ? [] : rowIds)}\n                />\n              </TableHead>\n            )}\n            {columns.map((c) => {\n              const active = sort?.key === c.key ? sort : null\n              const isSortable = c.isSortable && onSortChange\n              return (\n                <TableHead\n                  key={c.key}\n                  aria-sort={\n                    active ? (active.direction === 'asc' ? 'ascending' : 'descending') : undefined\n                  }\n                  className={cn(c.align && alignClass[c.align], c.headClassName)}\n                >\n                  {isSortable ? (\n                    <button\n                      type=\"button\"\n                      className=\"inline-flex items-center gap-1 hover:text-foreground\"\n                      onClick={() =>\n                        onSortChange({\n                          key: c.key,\n                          direction: active?.direction === 'asc' ? 'desc' : 'asc',\n                        })\n                      }\n                    >\n                      {c.header}\n                      {active ? (\n                        active.direction === 'asc' ? (\n                          <ArrowUp className=\"size-3\" />\n                        ) : (\n                          <ArrowDown className=\"size-3\" />\n                        )\n                      ) : (\n                        <ChevronsUpDown className=\"size-3 opacity-50\" />\n                      )}\n                    </button>\n                  ) : (\n                    c.header\n                  )}\n                </TableHead>\n              )\n            })}\n          </TableRow>\n        </TableHeader>\n        <TableBody>\n          {rows.map((row) => {\n            const id = getRowId(row)\n            return (\n              <TableRow\n                key={id}\n                data-testid={ids.row(id)}\n                data-state={selected.has(id) ? 'selected' : undefined}\n                onClick={onRowClick ? () => onRowClick(row) : undefined}\n                className={cn(onRowClick && 'cursor-pointer')}\n              >\n                {isSelectable && (\n                  <TableCell className=\"w-10\" onClick={(e) => e.stopPropagation()}>\n                    <input\n                      type=\"checkbox\"\n                      aria-label={labels.selectRow}\n                      checked={selected.has(id)}\n                      onChange={() => toggleRow(id)}\n                    />\n                  </TableCell>\n                )}\n                {columns.map((c) => (\n                  <TableCell\n                    key={c.key}\n                    className={cn(c.align && alignClass[c.align], c.className)}\n                  >\n                    {c.render(row)}\n                  </TableCell>\n                ))}\n              </TableRow>\n            )\n          })}\n        </TableBody>\n      </Table>\n    </div>\n  )\n}\n","/**\n * A **serializable** data table for the Puck builder.\n *\n * The library's developer-facing {@link DataTable} is driven by `Column<T>` whose\n * `header`/`render` are React nodes and functions — powerful, but non-serializable,\n * so it can never be a Puck block. `DataTableBlock` closes that gap with a flat,\n * JSON-safe schema (string headers, string field keys, string cells) and rebuilds\n * the non-serializable `Column<Row>[]` internally, rendering through the very same\n * {@link DataTable} so it inherits the library's markup and tokens verbatim.\n */\nimport { DataTable, type Column } from './DataTable'\n\nexport interface DataTableBlockColumn {\n  /** Column heading text. */\n  header: string\n  /** Key used to look a cell up in each row record. */\n  field: string\n  /** Cell/heading alignment. */\n  align?: 'left' | 'right' | 'center'\n}\n\nexport interface DataTableBlockProps {\n  /** Serializable column schema. */\n  columns: DataTableBlockColumn[]\n  /** One record per row; cells are looked up by each column's `field`. */\n  rows: Array<Record<string, string>>\n  /** Optional caption rendered above the table. */\n  caption?: string\n  /** Empty-state title shown when there are no rows. */\n  emptyText?: string\n  /** testid area prefix; also set on the wrapper element. */\n  testId?: string\n}\n\n/** A row wrapper so {@link DataTable} gets a stable id without polluting the record. */\ninterface TableRowData {\n  __id: string\n  cells: Record<string, string>\n}\n\n/**\n * Renders a {@link DataTable} from a flat, serializable schema. Columns are mapped\n * to `Column<TableRowData>[]` (header string, positional-stable key, alignment) and\n * each cell is resolved by `field`; rows carry a synthetic id for React keys/testids.\n */\nexport function DataTableBlock({ columns, rows, caption, emptyText, testId }: DataTableBlockProps) {\n  const area = testId ?? 'data-table-block'\n\n  const tableColumns: Column<TableRowData>[] = columns.map((col, index) => ({\n    key: col.field || `col-${index}`,\n    header: col.header,\n    align: col.align,\n    render: (row) => row.cells[col.field] ?? '',\n  }))\n\n  const tableRows: TableRowData[] = rows.map((cells, index) => ({ __id: String(index), cells }))\n\n  return (\n    <div data-testid={testId}>\n      {caption ? (\n        <p\n          className=\"mb-2 text-sm text-muted-foreground\"\n          data-testid={testId ? `${testId}-caption` : undefined}\n        >\n          {caption}\n        </p>\n      ) : null}\n      <DataTable\n        columns={tableColumns}\n        rows={tableRows}\n        getRowId={(row) => row.__id}\n        area={area}\n        emptyTitle={emptyText}\n      />\n    </div>\n  )\n}\n","import type { ReactNode } from 'react'\nimport { cn } from '@arbidocs/react/ui'\n\nexport interface PageHeaderProps {\n  title: ReactNode\n  eyebrow?: ReactNode\n  description?: ReactNode\n  /** Before the title block: a back button, an avatar or an icon. */\n  leading?: ReactNode\n  actions?: ReactNode\n  /** Under the whole header: a tab strip or segmented control. */\n  tabs?: ReactNode\n  className?: string\n  testId?: string\n}\n\n/** Standard page title block: leading + eyebrow + title + description + actions, then tabs. */\nexport function PageHeader({\n  title,\n  eyebrow,\n  description,\n  leading,\n  actions,\n  tabs,\n  className,\n  testId,\n}: PageHeaderProps) {\n  return (\n    <div className={cn('flex flex-col gap-3', className)} data-testid={testId}>\n      <div className=\"flex flex-col gap-3 sm:flex-row sm:items-end sm:justify-between\">\n        <div className=\"flex min-w-0 items-center gap-3\">\n          {leading && (\n            <div className=\"shrink-0\" data-slot=\"page-header-leading\">\n              {leading}\n            </div>\n          )}\n          <div className=\"min-w-0\">\n            {eyebrow && (\n              <p className=\"mb-1 text-xs font-semibold uppercase tracking-wider text-muted-foreground\">\n                {eyebrow}\n              </p>\n            )}\n            <h1 className=\"font-display text-2xl font-semibold tracking-tight text-foreground\">\n              {title}\n            </h1>\n            {description && (\n              <p className=\"mt-1 max-w-2xl text-sm text-muted-foreground\">{description}</p>\n            )}\n          </div>\n        </div>\n        {actions && <div className=\"flex shrink-0 items-center gap-2\">{actions}</div>}\n      </div>\n      {tabs && <div data-slot=\"page-header-tabs\">{tabs}</div>}\n    </div>\n  )\n}\n","import type { ReactNode } from 'react'\nimport type { LucideIcon } from 'lucide-react'\nimport { ArrowDownRight, ArrowUpRight } from 'lucide-react'\nimport { Card, cn } from '@arbidocs/react/ui'\nimport { ActionLink } from './ActionLink'\n\nexport interface MetricCardProps {\n  label: ReactNode\n  value: ReactNode\n  icon?: LucideIcon\n  hint?: ReactNode\n  delta?: { value: string; direction: 'up' | 'down'; good?: boolean }\n  /**\n   * Icon accent as a theme colour-token key (e.g. `primary`, `success`, or the host's own brand\n   * token). Resolved to `var(--color-<accent>)` at render. `'default'` inherits `foreground`.\n   */\n  accent?: string\n  /** Show a placeholder instead of the value (the figure is still being fetched). */\n  isLoading?: boolean\n  /** Makes the tile a real link (ctrl/cmd-click works). */\n  href?: string\n  /** Click handler; with `href`, a plain click calls it instead of navigating. */\n  onSelect?: () => void\n  className?: string\n  testId?: string\n}\n\n/** The one true KPI tile. Used across every dashboard and module header. */\nexport function MetricCard({\n  label,\n  value,\n  icon: Icon,\n  hint,\n  delta,\n  accent = 'default',\n  isLoading = false,\n  href,\n  onSelect,\n  className,\n  testId,\n}: MetricCardProps) {\n  const accentStyle =\n    accent && accent !== 'default' ? { color: `var(--color-${accent})` } : undefined\n  const deltaGood = delta?.good ?? delta?.direction === 'up'\n  const isInteractive = Boolean(href || onSelect)\n  const card = (\n    <Card\n      variant=\"elevated\"\n      className={cn('card-hover min-w-0 rounded-xl p-5', className)}\n      data-testid={isInteractive ? undefined : testId}\n      aria-busy={isLoading || undefined}\n    >\n      <div className=\"flex items-start justify-between gap-3\">\n        <p className=\"min-w-0 text-xs font-medium uppercase tracking-wide text-muted-foreground\">\n          {label}\n        </p>\n        {Icon && <Icon className=\"size-4 shrink-0\" style={accentStyle} />}\n      </div>\n      {isLoading ? (\n        <div\n          className=\"mt-2 h-8 w-20 animate-pulse rounded bg-muted\"\n          data-slot=\"metric-card-skeleton\"\n        />\n      ) : (\n        <p\n          className=\"mt-2 font-display text-2xl font-semibold tracking-tight [overflow-wrap:anywhere]\"\n          data-testid={testId && `${testId}-value`}\n        >\n          {value}\n        </p>\n      )}\n      <div className=\"mt-1 flex items-center gap-2\">\n        {delta && !isLoading && (\n          <span\n            className={cn(\n              'inline-flex items-center gap-0.5 text-xs font-medium',\n              deltaGood ? 'text-success' : 'text-destructive'\n            )}\n          >\n            {delta.direction === 'up' ? (\n              <ArrowUpRight className=\"size-3\" />\n            ) : (\n              <ArrowDownRight className=\"size-3\" />\n            )}\n            {delta.value}\n          </span>\n        )}\n        {hint && <span className=\"text-xs text-muted-foreground\">{hint}</span>}\n      </div>\n    </Card>\n  )\n  if (!isInteractive) return card\n  return (\n    <ActionLink\n      href={href}\n      onSelect={onSelect}\n      className=\"block rounded-xl text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n      data-testid={testId}\n    >\n      {card}\n    </ActionLink>\n  )\n}\n","import { cn } from '@arbidocs/react/ui'\n\nexport interface StatItem {\n  value: string\n  label: string\n  /** Optional caption under the label (e.g. a qualifier or unit). */\n  sub?: string\n}\n\nexport interface StatGroupProps {\n  items: StatItem[]\n  testId?: string\n}\n\nconst GRID: Record<number, string> = {\n  1: 'grid-cols-1',\n  2: 'grid-cols-2',\n  3: 'grid-cols-2 sm:grid-cols-3',\n  4: 'grid-cols-2 lg:grid-cols-4',\n}\n\n/** Big-number stat group — headline metrics with captions. */\nexport function StatGroup({ items, testId }: StatGroupProps) {\n  const list = items ?? []\n  const cols = GRID[Math.min(list.length, 4)] ?? GRID[4]\n  return (\n    <dl className={cn('grid gap-8', cols)} data-testid={testId}>\n      {list.map((item, i) => (\n        <div key={i} className=\"min-w-0 text-center\" data-testid={testId && `${testId}-item-${i}`}>\n          <dt className=\"sr-only\">{item.label}</dt>\n          <dd className=\"text-4xl font-semibold tracking-tight [overflow-wrap:anywhere] sm:text-5xl\">\n            {item.value}\n          </dd>\n          <p className=\"mt-2 text-sm text-muted-foreground\">{item.label}</p>\n          {item.sub && <p className=\"mt-1 text-xs text-muted-foreground/80\">{item.sub}</p>}\n        </div>\n      ))}\n    </dl>\n  )\n}\n"]}

package/dist/collaboration/index.cjs

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunkRGHQFJOL_cjs = require('../chunk-RGHQFJOL.cjs');
+var chunkQFUF4A4J_cjs = require('../chunk-QFUF4A4J.cjs');
 require('../chunk-7G2LJMUG.cjs');
 var chunkVLCY46K6_cjs = require('../chunk-VLCY46K6.cjs');
 require('../chunk-2ZTONLT5.cjs');
@@ -12,163 +12,167 @@ require('../chunk-MHVNT4J3.cjs');
 
 Object.defineProperty(exports, "ActionMenu", {
   enumerable: true,
-  get: function () { return chunkRGHQFJOL_cjs.ActionMenu; }
+  get: function () { return chunkQFUF4A4J_cjs.ActionMenu; }
 });
 Object.defineProperty(exports, "AddContactsForm", {
   enumerable: true,
-  get: function () { return chunkRGHQFJOL_cjs.AddContactsForm; }
+  get: function () { return chunkQFUF4A4J_cjs.AddContactsForm; }
 });
 Object.defineProperty(exports, "AddContactsResults", {
   enumerable: true,
-  get: function () { return chunkRGHQFJOL_cjs.AddContactsResults; }
+  get: function () { return chunkQFUF4A4J_cjs.AddContactsResults; }
 });
 Object.defineProperty(exports, "ContactCard", {
   enumerable: true,
-  get: function () { return chunkRGHQFJOL_cjs.ContactCard; }
+  get: function () { return chunkQFUF4A4J_cjs.ContactCard; }
 });
 Object.defineProperty(exports, "DEFAULT_ADD_CONTACTS_LABELS", {
   enumerable: true,
-  get: function () { return chunkRGHQFJOL_cjs.DEFAULT_ADD_CONTACTS_LABELS; }
+  get: function () { return chunkQFUF4A4J_cjs.DEFAULT_ADD_CONTACTS_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_CONTACT_CARD_LABELS", {
   enumerable: true,
-  get: function () { return chunkRGHQFJOL_cjs.DEFAULT_CONTACT_CARD_LABELS; }
+  get: function () { return chunkQFUF4A4J_cjs.DEFAULT_CONTACT_CARD_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_CONTACT_OUTCOME_LABELS", {
   enumerable: true,
-  get: function () { return chunkRGHQFJOL_cjs.DEFAULT_CONTACT_OUTCOME_LABELS; }
+  get: function () { return chunkQFUF4A4J_cjs.DEFAULT_CONTACT_OUTCOME_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_DM_ACCESS_REQUEST_BANNER_LABELS", {
   enumerable: true,
-  get: function () { return chunkRGHQFJOL_cjs.DEFAULT_DM_ACCESS_REQUEST_BANNER_LABELS; }
+  get: function () { return chunkQFUF4A4J_cjs.DEFAULT_DM_ACCESS_REQUEST_BANNER_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_DM_GRANT_ACCESS_DIALOG_LABELS", {
   enumerable: true,
-  get: function () { return chunkRGHQFJOL_cjs.DEFAULT_DM_GRANT_ACCESS_DIALOG_LABELS; }
+  get: function () { return chunkQFUF4A4J_cjs.DEFAULT_DM_GRANT_ACCESS_DIALOG_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_DM_INVITE_CHIP_LABELS", {
   enumerable: true,
-  get: function () { return chunkRGHQFJOL_cjs.DEFAULT_DM_INVITE_CHIP_LABELS; }
+  get: function () { return chunkQFUF4A4J_cjs.DEFAULT_DM_INVITE_CHIP_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_DM_THREAD_FRAME_LABELS", {
   enumerable: true,
-  get: function () { return chunkRGHQFJOL_cjs.DEFAULT_DM_THREAD_FRAME_LABELS; }
+  get: function () { return chunkQFUF4A4J_cjs.DEFAULT_DM_THREAD_FRAME_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_MAIL_FOLDER_TREE_LABELS", {
   enumerable: true,
-  get: function () { return chunkRGHQFJOL_cjs.DEFAULT_MAIL_FOLDER_TREE_LABELS; }
+  get: function () { return chunkQFUF4A4J_cjs.DEFAULT_MAIL_FOLDER_TREE_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_RECIPIENT_PICKER_LABELS", {
   enumerable: true,
-  get: function () { return chunkRGHQFJOL_cjs.DEFAULT_RECIPIENT_PICKER_LABELS; }
+  get: function () { return chunkQFUF4A4J_cjs.DEFAULT_RECIPIENT_PICKER_LABELS; }
 });
 Object.defineProperty(exports, "DmAccessRequestBanner", {
   enumerable: true,
-  get: function () { return chunkRGHQFJOL_cjs.DmAccessRequestBanner; }
+  get: function () { return chunkQFUF4A4J_cjs.DmAccessRequestBanner; }
 });
 Object.defineProperty(exports, "DmGrantAccessDialogView", {
   enumerable: true,
-  get: function () { return chunkRGHQFJOL_cjs.DmGrantAccessDialogView; }
+  get: function () { return chunkQFUF4A4J_cjs.DmGrantAccessDialogView; }
 });
 Object.defineProperty(exports, "DmInviteAvatar", {
   enumerable: true,
-  get: function () { return chunkRGHQFJOL_cjs.DmInviteAvatar; }
+  get: function () { return chunkQFUF4A4J_cjs.DmInviteAvatar; }
 });
 Object.defineProperty(exports, "DmInviteChip", {
   enumerable: true,
-  get: function () { return chunkRGHQFJOL_cjs.DmInviteChip; }
+  get: function () { return chunkQFUF4A4J_cjs.DmInviteChip; }
 });
 Object.defineProperty(exports, "DmNewTabIcon", {
   enumerable: true,
-  get: function () { return chunkRGHQFJOL_cjs.DmNewTabIcon; }
+  get: function () { return chunkQFUF4A4J_cjs.DmNewTabIcon; }
 });
 Object.defineProperty(exports, "DmThreadFrame", {
   enumerable: true,
-  get: function () { return chunkRGHQFJOL_cjs.DmThreadFrame; }
+  get: function () { return chunkQFUF4A4J_cjs.DmThreadFrame; }
 });
 Object.defineProperty(exports, "DmThreadHeader", {
   enumerable: true,
-  get: function () { return chunkRGHQFJOL_cjs.DmThreadHeader; }
+  get: function () { return chunkQFUF4A4J_cjs.DmThreadHeader; }
 });
 Object.defineProperty(exports, "MAX_INVITE_EMAILS", {
   enumerable: true,
-  get: function () { return chunkRGHQFJOL_cjs.MAX_INVITE_EMAILS; }
+  get: function () { return chunkQFUF4A4J_cjs.MAX_INVITE_EMAILS; }
 });
 Object.defineProperty(exports, "MailFolderTree", {
   enumerable: true,
-  get: function () { return chunkRGHQFJOL_cjs.MailFolderTree; }
+  get: function () { return chunkQFUF4A4J_cjs.MailFolderTree; }
+});
+Object.defineProperty(exports, "MailMessagePreview", {
+  enumerable: true,
+  get: function () { return chunkQFUF4A4J_cjs.MailMessagePreview; }
 });
 Object.defineProperty(exports, "MemberBulkActions", {
   enumerable: true,
-  get: function () { return chunkRGHQFJOL_cjs.MemberBulkActions; }
+  get: function () { return chunkQFUF4A4J_cjs.MemberBulkActions; }
 });
 Object.defineProperty(exports, "MemberListLoading", {
   enumerable: true,
-  get: function () { return chunkRGHQFJOL_cjs.MemberListLoading; }
+  get: function () { return chunkQFUF4A4J_cjs.MemberListLoading; }
 });
 Object.defineProperty(exports, "MemberMutedText", {
   enumerable: true,
-  get: function () { return chunkRGHQFJOL_cjs.MemberMutedText; }
+  get: function () { return chunkQFUF4A4J_cjs.MemberMutedText; }
 });
 Object.defineProperty(exports, "MemberNameCell", {
   enumerable: true,
-  get: function () { return chunkRGHQFJOL_cjs.MemberNameCell; }
+  get: function () { return chunkQFUF4A4J_cjs.MemberNameCell; }
 });
 Object.defineProperty(exports, "MemberRoleCell", {
   enumerable: true,
-  get: function () { return chunkRGHQFJOL_cjs.MemberRoleCell; }
+  get: function () { return chunkQFUF4A4J_cjs.MemberRoleCell; }
 });
 Object.defineProperty(exports, "RecipientPicker", {
   enumerable: true,
-  get: function () { return chunkRGHQFJOL_cjs.RecipientPicker; }
+  get: function () { return chunkQFUF4A4J_cjs.RecipientPicker; }
 });
 Object.defineProperty(exports, "RoleSelect", {
   enumerable: true,
-  get: function () { return chunkRGHQFJOL_cjs.RoleSelect; }
+  get: function () { return chunkQFUF4A4J_cjs.RoleSelect; }
 });
 Object.defineProperty(exports, "WorkspaceDeleteButton", {
   enumerable: true,
-  get: function () { return chunkRGHQFJOL_cjs.WorkspaceDeleteButton; }
+  get: function () { return chunkQFUF4A4J_cjs.WorkspaceDeleteButton; }
 });
 Object.defineProperty(exports, "buildMailFolderTree", {
   enumerable: true,
-  get: function () { return chunkRGHQFJOL_cjs.buildMailFolderTree; }
+  get: function () { return chunkQFUF4A4J_cjs.buildMailFolderTree; }
 });
 Object.defineProperty(exports, "contactToVCard", {
   enumerable: true,
-  get: function () { return chunkRGHQFJOL_cjs.contactToVCard; }
+  get: function () { return chunkQFUF4A4J_cjs.contactToVCard; }
 });
 Object.defineProperty(exports, "descendantFolderIds", {
   enumerable: true,
-  get: function () { return chunkRGHQFJOL_cjs.descendantFolderIds; }
+  get: function () { return chunkQFUF4A4J_cjs.descendantFolderIds; }
 });
 Object.defineProperty(exports, "downloadVCard", {
   enumerable: true,
-  get: function () { return chunkRGHQFJOL_cjs.downloadVCard; }
+  get: function () { return chunkQFUF4A4J_cjs.downloadVCard; }
 });
 Object.defineProperty(exports, "isInboxFolder", {
   enumerable: true,
-  get: function () { return chunkRGHQFJOL_cjs.isInboxFolder; }
+  get: function () { return chunkQFUF4A4J_cjs.isInboxFolder; }
 });
 Object.defineProperty(exports, "parseEmails", {
   enumerable: true,
-  get: function () { return chunkRGHQFJOL_cjs.parseEmails; }
+  get: function () { return chunkQFUF4A4J_cjs.parseEmails; }
 });
 Object.defineProperty(exports, "toAddContactsRow", {
   enumerable: true,
-  get: function () { return chunkRGHQFJOL_cjs.toAddContactsRow; }
+  get: function () { return chunkQFUF4A4J_cjs.toAddContactsRow; }
 });
 Object.defineProperty(exports, "toAddContactsRows", {
   enumerable: true,
-  get: function () { return chunkRGHQFJOL_cjs.toAddContactsRows; }
+  get: function () { return chunkQFUF4A4J_cjs.toAddContactsRows; }
 });
 Object.defineProperty(exports, "toggleMailFolder", {
   enumerable: true,
-  get: function () { return chunkRGHQFJOL_cjs.toggleMailFolder; }
+  get: function () { return chunkQFUF4A4J_cjs.toggleMailFolder; }
 });
 Object.defineProperty(exports, "vCardFilename", {
   enumerable: true,
-  get: function () { return chunkRGHQFJOL_cjs.vCardFilename; }
+  get: function () { return chunkQFUF4A4J_cjs.vCardFilename; }
 });
 Object.defineProperty(exports, "DEFAULT_SHARE_CONTROL_LABELS", {
   enumerable: true,

package/dist/collaboration/index.js

@@ -1,5 +1,5 @@
 "use client";
-export { ActionMenu, AddContactsForm, AddContactsResults, ContactCard, DEFAULT_ADD_CONTACTS_LABELS, DEFAULT_CONTACT_CARD_LABELS, DEFAULT_CONTACT_OUTCOME_LABELS, DEFAULT_DM_ACCESS_REQUEST_BANNER_LABELS, DEFAULT_DM_GRANT_ACCESS_DIALOG_LABELS, DEFAULT_DM_INVITE_CHIP_LABELS, DEFAULT_DM_THREAD_FRAME_LABELS, DEFAULT_MAIL_FOLDER_TREE_LABELS, DEFAULT_RECIPIENT_PICKER_LABELS, DmAccessRequestBanner, DmGrantAccessDialogView, DmInviteAvatar, DmInviteChip, DmNewTabIcon, DmThreadFrame, DmThreadHeader, MAX_INVITE_EMAILS, MailFolderTree, MemberBulkActions, MemberListLoading, MemberMutedText, MemberNameCell, MemberRoleCell, RecipientPicker, RoleSelect, WorkspaceDeleteButton, buildMailFolderTree, contactToVCard, descendantFolderIds, downloadVCard, isInboxFolder, parseEmails, toAddContactsRow, toAddContactsRows, toggleMailFolder, vCardFilename } from '../chunk-OJSWQM4G.js';
+export { ActionMenu, AddContactsForm, AddContactsResults, ContactCard, DEFAULT_ADD_CONTACTS_LABELS, DEFAULT_CONTACT_CARD_LABELS, DEFAULT_CONTACT_OUTCOME_LABELS, DEFAULT_DM_ACCESS_REQUEST_BANNER_LABELS, DEFAULT_DM_GRANT_ACCESS_DIALOG_LABELS, DEFAULT_DM_INVITE_CHIP_LABELS, DEFAULT_DM_THREAD_FRAME_LABELS, DEFAULT_MAIL_FOLDER_TREE_LABELS, DEFAULT_RECIPIENT_PICKER_LABELS, DmAccessRequestBanner, DmGrantAccessDialogView, DmInviteAvatar, DmInviteChip, DmNewTabIcon, DmThreadFrame, DmThreadHeader, MAX_INVITE_EMAILS, MailFolderTree, MailMessagePreview, MemberBulkActions, MemberListLoading, MemberMutedText, MemberNameCell, MemberRoleCell, RecipientPicker, RoleSelect, WorkspaceDeleteButton, buildMailFolderTree, contactToVCard, descendantFolderIds, downloadVCard, isInboxFolder, parseEmails, toAddContactsRow, toAddContactsRows, toggleMailFolder, vCardFilename } from '../chunk-OZJ5PXA6.js';
 import '../chunk-NBV56SGU.js';
 export { DEFAULT_SHARE_CONTROL_LABELS, ShareControl } from '../chunk-K4BGOPGG.js';
 import '../chunk-CPMNAJLF.js';

package/dist/collaboration/mail/MailMessagePreview.d.ts

@@ -0,0 +1,11 @@
+export interface MailMessagePreviewProps {
+    participants: string;
+    subject: string;
+    preview?: string;
+    date: string;
+    dateTime?: string;
+    unread?: boolean;
+    hasAttachments?: boolean;
+}
+/** Compact inbox identity: sender/date, subject, then a body preview. */
+export declare function MailMessagePreview({ participants, subject, preview, date, dateTime, unread, hasAttachments, }: MailMessagePreviewProps): import("react").JSX.Element;

package/dist/collaboration/mail/index.d.ts

@@ -1,2 +1,3 @@
 export { MailFolderTree, DEFAULT_MAIL_FOLDER_TREE_LABELS, type MailFolderTreeProps, type MailFolderTreeLabels, type MailFolderTreeTestIds, } from './MailFolderTree';
 export { buildMailFolderTree, isInboxFolder, toggleMailFolder, descendantFolderIds, type MailFolder, type MailFolderNode, } from './mailFolders';
+export { MailMessagePreview, type MailMessagePreviewProps } from './MailMessagePreview';

package/dist/connect/index.cjs

@@ -1,11 +1,11 @@
 "use client";
 'use strict';
 
-var chunkEYPPB5CY_cjs = require('../chunk-EYPPB5CY.cjs');
-var chunkYVIOCITQ_cjs = require('../chunk-YVIOCITQ.cjs');
-var chunkQVBZESYQ_cjs = require('../chunk-QVBZESYQ.cjs');
+var chunkM2YGPC5N_cjs = require('../chunk-M2YGPC5N.cjs');
+var chunkVUEZARW5_cjs = require('../chunk-VUEZARW5.cjs');
 require('../chunk-ADOKTJHV.cjs');
-var chunkZHLMDJCO_cjs = require('../chunk-ZHLMDJCO.cjs');
+var chunkQVBZESYQ_cjs = require('../chunk-QVBZESYQ.cjs');
+var chunkDLVX6R6B_cjs = require('../chunk-DLVX6R6B.cjs');
 require('../chunk-VGOFFCMT.cjs');
 require('../chunk-PPCATBOY.cjs');
 var chunkKDG6FER6_cjs = require('../chunk-KDG6FER6.cjs');
@@ -251,12 +251,12 @@ function ConnectedProfileCard({ notify: notify3, title = "Profile" }) {
     }
   });
   const display = profile?.fullName || user?.name || "Unnamed";
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkYVIOCITQ_cjs.SettingsSection, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UserCircle, {}), title, children: /* @__PURE__ */ jsxRuntime.jsx(
-    chunkYVIOCITQ_cjs.ProfileCard,
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkVUEZARW5_cjs.SettingsSection, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UserCircle, {}), title, children: /* @__PURE__ */ jsxRuntime.jsx(
+    chunkVUEZARW5_cjs.ProfileCard,
     {
       avatar: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkYVIOCITQ_cjs.AvatarPicker,
+          chunkVUEZARW5_cjs.AvatarPicker,
           {
             pictureUrl: profile?.picture ?? user?.picture,
             initials: chunkKDG6FER6_cjs.initials(display),
@@ -314,10 +314,10 @@ function ConnectedSecuritySection({
     },
     onClose: () => setOpen(false)
   });
-  return /* @__PURE__ */ jsxRuntime.jsxs(chunkYVIOCITQ_cjs.SettingsSection, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.KeyRound, {}), title: "Security", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(chunkYVIOCITQ_cjs.SettingsCard, { padding: "sm", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunkVUEZARW5_cjs.SettingsSection, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.KeyRound, {}), title: "Security", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(chunkVUEZARW5_cjs.SettingsCard, { padding: "sm", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkYVIOCITQ_cjs.SettingsActionRow,
+        chunkVUEZARW5_cjs.SettingsActionRow,
         {
           title: "Change password",
           description: "Used to sign in and to encrypt your data. Changing it re-encrypts everything in your account.",
@@ -328,7 +328,7 @@ function ConnectedSecuritySection({
       children
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkYVIOCITQ_cjs.PasswordChangeDialog,
+      chunkVUEZARW5_cjs.PasswordChangeDialog,
       {
         open,
         onClose: form.onCancel,
@@ -352,23 +352,23 @@ function ConnectedSecuritySection({
   ] });
 }
 function ConnectedNotificationPreferences({
-  categories = chunkYVIOCITQ_cjs.EMAIL_NOTIFICATION_CATEGORIES,
+  categories = chunkVUEZARW5_cjs.EMAIL_NOTIFICATION_CATEGORIES,
   title = "Notifications"
 }) {
   const keys = react.useMemo(
-    () => categories === chunkYVIOCITQ_cjs.EMAIL_NOTIFICATION_CATEGORIES ? chunkYVIOCITQ_cjs.EMAIL_NOTIFICATION_KEYS : categories.map((c) => c.key),
+    () => categories === chunkVUEZARW5_cjs.EMAIL_NOTIFICATION_CATEGORIES ? chunkVUEZARW5_cjs.EMAIL_NOTIFICATION_KEYS : categories.map((c) => c.key),
     [categories]
   );
   const prefs = react$1.useNotificationPreferences(keys);
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkYVIOCITQ_cjs.SettingsSection, { title, children: /* @__PURE__ */ jsxRuntime.jsx(chunkYVIOCITQ_cjs.SettingsCard, { className: "space-y-0", children: /* @__PURE__ */ jsxRuntime.jsx(
-    chunkYVIOCITQ_cjs.NotificationCategoryList,
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkVUEZARW5_cjs.SettingsSection, { title, children: /* @__PURE__ */ jsxRuntime.jsx(chunkVUEZARW5_cjs.SettingsCard, { className: "space-y-0", children: /* @__PURE__ */ jsxRuntime.jsx(
+    chunkVUEZARW5_cjs.NotificationCategoryList,
     {
       masterId: "emailNotifications",
       masterTitle: "Email Notifications",
       masterDescription: "Email me about activity when I\u2019m away",
       masterChecked: prefs.masterChecked,
       onMasterChange: prefs.setAll,
-      categories: chunkYVIOCITQ_cjs.toNotificationCategories(prefs.checked, categories),
+      categories: chunkVUEZARW5_cjs.toNotificationCategories(prefs.checked, categories),
       onCategoryChange: prefs.setCategory
     }
   ) }) });
@@ -382,14 +382,14 @@ function ConnectedSessionsRow({
   const sessions = react$1.useSessions({ enabled: open });
   const currentSessionId = react$1.useCurrentSessionId();
   const terminate = react$1.useTerminateSession();
-  const views = chunkYVIOCITQ_cjs.toActiveSessionViews(sessions.data ?? [], {
+  const views = chunkVUEZARW5_cjs.toActiveSessionViews(sessions.data ?? [], {
     currentSessionId,
     terminatingId: terminate.isPending ? terminate.variables : null,
     renderIcon: renderSessionIcon
   });
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkYVIOCITQ_cjs.SettingsRow,
+      chunkVUEZARW5_cjs.SettingsRow,
       {
         label: "Active sessions",
         description: "Devices and agents currently signed in to your account.",
@@ -411,7 +411,7 @@ function ConnectedSessionsRow({
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkYVIOCITQ_cjs.ActiveSessionsDialog,
+      chunkVUEZARW5_cjs.ActiveSessionsDialog,
       {
         open,
         onOpenChange: setOpen,
@@ -446,7 +446,7 @@ function ConnectedLogoutDialog({
   const sessions = react$1.useSessions({ enabled: open });
   const logoutAll = react$1.useLogoutAllSessions();
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkYVIOCITQ_cjs.LogoutDialog,
+    chunkVUEZARW5_cjs.LogoutDialog,
     {
       open,
       onClose,
@@ -460,7 +460,7 @@ function ConnectedLogoutDialog({
       },
       canLogoutAll: true,
       isOnline,
-      sessions: chunkYVIOCITQ_cjs.toLogoutSessionViews(sessions.data ?? []),
+      sessions: chunkVUEZARW5_cjs.toLogoutSessionViews(sessions.data ?? []),
       renderSessionIcon
     }
   );
@@ -479,7 +479,7 @@ function ConnectedDangerZone({ notify: notify3, renderSubscriptionLink }) {
   });
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkYVIOCITQ_cjs.SettingsDangerZone,
+      chunkVUEZARW5_cjs.SettingsDangerZone,
       {
         isOpen: zoneOpen,
         onToggle: () => setZoneOpen((o) => !o),
@@ -499,12 +499,12 @@ function ConnectedDangerZone({ notify: notify3, renderSubscriptionLink }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkYVIOCITQ_cjs.DeleteAccountDialog,
+      chunkVUEZARW5_cjs.DeleteAccountDialog,
       {
         open: dialogOpen,
         onClose: flow.onClose,
         step: flow.step,
-        blockers: chunkYVIOCITQ_cjs.toDeleteBlockerViews(flow.blockers, renderSubscriptionLink),
+        blockers: chunkVUEZARW5_cjs.toDeleteBlockerViews(flow.blockers, renderSubscriptionLink),
         onContinue: flow.onContinue,
         onBack: flow.onBack,
         userEmail: user?.email ?? "",
@@ -690,7 +690,7 @@ function mapWorkNotification(note) {
 function ActiveChat({ agentId, workspaceId }) {
   const chat = react$1.useArbiChat({ agentId, workspaceId });
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkZHLMDJCO_cjs.ChatPage,
+    chunkDLVX6R6B_cjs.ChatPage,
     {
       chat: { ...chat, assistantMode: void 0, setAssistantMode: void 0 },
       documentsRequired: false,
@@ -752,35 +752,35 @@ function ConnectedAgentChatPanel({
 
 Object.defineProperty(exports, "ConnectedAssistantDock", {
   enumerable: true,
-  get: function () { return chunkEYPPB5CY_cjs.ConnectedAssistantDock; }
+  get: function () { return chunkM2YGPC5N_cjs.ConnectedAssistantDock; }
 });
 Object.defineProperty(exports, "redlineStats", {
   enumerable: true,
-  get: function () { return chunkEYPPB5CY_cjs.redlineStats; }
+  get: function () { return chunkM2YGPC5N_cjs.redlineStats; }
 });
 Object.defineProperty(exports, "textToArtifact", {
   enumerable: true,
-  get: function () { return chunkEYPPB5CY_cjs.textToArtifact; }
+  get: function () { return chunkM2YGPC5N_cjs.textToArtifact; }
 });
 Object.defineProperty(exports, "toRedlineMarkdown", {
   enumerable: true,
-  get: function () { return chunkEYPPB5CY_cjs.toRedlineMarkdown; }
+  get: function () { return chunkM2YGPC5N_cjs.toRedlineMarkdown; }
 });
 Object.defineProperty(exports, "useConnectedAiTask", {
   enumerable: true,
-  get: function () { return chunkEYPPB5CY_cjs.useConnectedAiTask; }
+  get: function () { return chunkM2YGPC5N_cjs.useConnectedAiTask; }
 });
 Object.defineProperty(exports, "useConnectedChat", {
   enumerable: true,
-  get: function () { return chunkEYPPB5CY_cjs.useConnectedChat; }
+  get: function () { return chunkM2YGPC5N_cjs.useConnectedChat; }
 });
 Object.defineProperty(exports, "useSemanticSearch", {
   enumerable: true,
-  get: function () { return chunkEYPPB5CY_cjs.useSemanticSearch; }
+  get: function () { return chunkM2YGPC5N_cjs.useSemanticSearch; }
 });
 Object.defineProperty(exports, "useWorkspaceDocs", {
   enumerable: true,
-  get: function () { return chunkEYPPB5CY_cjs.useWorkspaceDocs; }
+  get: function () { return chunkM2YGPC5N_cjs.useWorkspaceDocs; }
 });
 Object.defineProperty(exports, "ConnectionProvider", {
   enumerable: true,

package/dist/connect/index.js

@@ -1,9 +1,9 @@
 "use client";
-export { ConnectedAssistantDock, redlineStats, textToArtifact, toRedlineMarkdown, useConnectedAiTask, useConnectedChat, useSemanticSearch, useWorkspaceDocs } from '../chunk-KF4EC5XU.js';
-import { SettingsSection, ProfileCard, AvatarPicker, SettingsCard, SettingsActionRow, PasswordChangeDialog, EMAIL_NOTIFICATION_KEYS, EMAIL_NOTIFICATION_CATEGORIES, NotificationCategoryList, toNotificationCategories, toActiveSessionViews, SettingsRow, ActiveSessionsDialog, LogoutDialog, toLogoutSessionViews, SettingsDangerZone, DeleteAccountDialog, toDeleteBlockerViews } from '../chunk-JLOYWXRB.js';
-import { StreamedArtifactFrame } from '../chunk-LOJVUGBJ.js';
+export { ConnectedAssistantDock, redlineStats, textToArtifact, toRedlineMarkdown, useConnectedAiTask, useConnectedChat, useSemanticSearch, useWorkspaceDocs } from '../chunk-24KQJYSB.js';
+import { SettingsSection, ProfileCard, AvatarPicker, SettingsCard, SettingsActionRow, PasswordChangeDialog, EMAIL_NOTIFICATION_KEYS, EMAIL_NOTIFICATION_CATEGORIES, NotificationCategoryList, toNotificationCategories, toActiveSessionViews, SettingsRow, ActiveSessionsDialog, LogoutDialog, toLogoutSessionViews, SettingsDangerZone, DeleteAccountDialog, toDeleteBlockerViews } from '../chunk-VZGBCBYB.js';
 import '../chunk-VILAPTCB.js';
-import { ChatPage } from '../chunk-WSJVHSGN.js';
+import { StreamedArtifactFrame } from '../chunk-LOJVUGBJ.js';
+import { ChatPage } from '../chunk-XWEJ5LV2.js';
 import '../chunk-KZJAG7T3.js';
 import '../chunk-NPLYHR2E.js';
 import { initials } from '../chunk-OXF2IFXG.js';

package/dist/facts/FactsFilterInput.d.ts

@@ -1,46 +1,2 @@
-/**
- * FactsFilterInput
- *
- * The Facts table's "Filter…" box, styled to match the Documents table's filter
- * bar: a muted input with a leading funnel icon and an appended settings button
- * whose popover picks WHICH fields the text matches against (the fact text, its
- * labels, or both). The page owns the query + field state; this is a view.
- */
-import type { ReactNode } from 'react';
-export type FactsSearchField = 'text' | 'labels';
-export declare const FACTS_SEARCH_FIELD_OPTIONS: {
-    value: FactsSearchField;
-    label: string;
-}[];
-export interface FactsFilterInputLabels {
-    placeholder: string;
-    clear: string;
-    chooseFields: string;
-    fieldsHeading: string;
-    /** Display name per searchable field. */
-    fieldNames: Record<FactsSearchField, string>;
-}
-export declare const DEFAULT_FACTS_FILTER_INPUT_LABELS: FactsFilterInputLabels;
-export interface FactsFilterInputTestIds {
-    root: string;
-    quick: string;
-    input: string;
-    fieldsButton: string;
-    field: (field: FactsSearchField) => string;
-}
-export interface FactsFilterInputProps {
-    value: string;
-    onChange: (q: string) => void;
-    fields: FactsSearchField[];
-    onFieldsChange: (fields: FactsSearchField[]) => void;
-    /**
-     * The quick-filter dropdown trigger, embedded inside the input on the left
-     * (mirroring the Files search box). When absent, a static funnel icon shows.
-     */
-    filter?: ReactNode;
-    /** Width classes for the box (default `w-44`). */
-    className?: string;
-    labels?: Partial<FactsFilterInputLabels>;
-    testIds?: Partial<FactsFilterInputTestIds>;
-}
-export declare function FactsFilterInput({ value, onChange, fields, onFieldsChange, filter, className, labels, testIds, }: FactsFilterInputProps): import("react").JSX.Element;
+/** Compatibility exports for existing blocks consumers. */
+export { FilterInput as FactsFilterInput, DEFAULT_FILTER_FIELDS as FACTS_SEARCH_FIELD_OPTIONS, DEFAULT_FILTER_INPUT_LABELS as DEFAULT_FACTS_FILTER_INPUT_LABELS, type FilterField as FactsSearchField, type FilterInputProps as FactsFilterInputProps, type FilterInputLabels as FactsFilterInputLabels, type FilterInputTestIds as FactsFilterInputTestIds, } from '../shell/FilterInput';