@arbidocs/blocks 0.3.185 → 0.4.0

package/dist/chunk-TYZUCAT7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/collaboration/members/WorkspaceMembers.tsx","../src/collaboration/contacts/AddContactsParts.tsx","../src/collaboration/direct-messages/DirectMessages.tsx","../src/collaboration/direct-messages/DmParts.tsx","../src/collaboration/mail/mailFolders.ts","../src/collaboration/mail/MailFolderTree.tsx"],"names":["jsxs","Fragment","jsx","Button","useMemo","AtSign","Select","SelectTrigger","SelectValue","SelectContent","SelectItem","Tooltip","TooltipTrigger","TooltipContent","cn"],"mappings":"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","file":"chunk-TYZUCAT7.js","sourcesContent":["import type { ReactNode } from 'react'\nimport { Clock, Trash2, UserMinus } from 'lucide-react'\nimport {\n  Button,\n  cn,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from '@arbidocs/react/ui'\nimport { RoleBadge } from '../../workspaces/WorkspaceBadges'\n\n/** One assignable role. `badgeClass` is the host's palette for the role. */\nexport interface MemberRoleOption {\n  value: string\n  label: string\n  badgeClass: string\n}\n\n/** Tooltip + grid-cell text of the members table, kept in one place. */\nexport function MemberMutedText({\n  children,\n  title,\n  className,\n}: {\n  children: ReactNode\n  title?: string\n  className?: string\n}) {\n  return (\n    <span className={cn('text-sm text-muted-foreground', className)} title={title}>\n      {children}\n    </span>\n  )\n}\n\n/** Layout of the Name cell: identity chip followed by optional contact toggle. */\nexport function MemberNameCell({ children }: { children: ReactNode }) {\n  return <div className=\"flex h-full items-center gap-2\">{children}</div>\n}\n\nexport interface MemberRoleCellProps {\n  role: string\n  roles: MemberRoleOption[]\n  /** Tooltip: why the role is locked, or what the role means. */\n  tooltip: string\n  canChange: boolean\n  isPending: boolean\n  onChange: (role: string) => void\n  /** Session-scoped (temporary) grant: adds a clock with its explanation. */\n  temporaryHint?: string\n}\n\n/** Inline role dropdown of a member row (always rendered so chevrons align). */\nexport function MemberRoleCell({\n  role,\n  roles,\n  tooltip,\n  canChange,\n  isPending,\n  onChange,\n  temporaryHint,\n}: MemberRoleCellProps) {\n  const current = roles.find((r) => r.value === role)\n  return (\n    <div className=\"flex h-full items-center gap-1\">\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <span>\n            <Select value={role} onValueChange={onChange} disabled={!canChange || isPending}>\n              <SelectTrigger\n                className={cn(\n                  'h-6 w-[130px] border-0 bg-transparent text-sm focus:ring-0 focus:ring-offset-0 disabled:opacity-100',\n                  canChange ? 'hover:bg-muted/50' : 'cursor-not-allowed [&>svg]:opacity-30'\n                )}\n              >\n                <RoleBadge label={current?.label ?? role} badgeClass={current?.badgeClass ?? ''} />\n              </SelectTrigger>\n              <SelectContent>\n                {roles.map((r) => (\n                  <SelectItem key={r.value} value={r.value}>\n                    <RoleBadge label={r.label} badgeClass={r.badgeClass} />\n                  </SelectItem>\n                ))}\n              </SelectContent>\n            </Select>\n          </span>\n        </TooltipTrigger>\n        <TooltipContent side=\"right\" className=\"max-w-[300px]\">\n          <p>{tooltip}</p>\n        </TooltipContent>\n      </Tooltip>\n      {temporaryHint && (\n        <Tooltip>\n          <TooltipTrigger asChild>\n            <Clock\n              className=\"size-3.5 shrink-0 cursor-default text-muted-foreground\"\n              aria-label={temporaryHint}\n            />\n          </TooltipTrigger>\n          <TooltipContent side=\"right\" className=\"max-w-[300px]\">\n            <p>{temporaryHint}</p>\n          </TooltipContent>\n        </Tooltip>\n      )}\n    </div>\n  )\n}\n\n/** Loading strip of the members list. */\nexport function MemberListLoading({ label = 'Loading users...' }: { label?: string }) {\n  return (\n    <div\n      className=\"rounded-md bg-blue-bg p-3 text-center text-sm\"\n      data-testid=\"workspace-users-loading\"\n    >\n      <div className=\"mr-2 inline-block size-4 animate-spin rounded-full border-2 border-primary/30 border-t-primary\" />\n      {label}\n    </div>\n  )\n}\n\nexport interface MemberBulkActionsProps {\n  /** Roles a bulk change may assign. */\n  roles: { value: string; label: string }[]\n  onChangeRole: (role: string) => void\n  isRoleDisabled: boolean\n  roleTooltip: string\n  /** Only the workspace owner can use either control (also styles them muted). */\n  isOwner: boolean\n  onRemove: () => void\n  isRemoveDisabled: boolean\n  removeTooltip: string\n  changeRolePlaceholder?: string\n}\n\n/** Role change dropdown + remove button inside the selection bar of the members table. */\nexport function MemberBulkActions({\n  roles,\n  onChangeRole,\n  isRoleDisabled,\n  roleTooltip,\n  isOwner,\n  onRemove,\n  isRemoveDisabled,\n  removeTooltip,\n  changeRolePlaceholder = 'Change role',\n}: MemberBulkActionsProps) {\n  return (\n    <>\n      <Tooltip>\n        <TooltipTrigger asChild onFocusCapture={(e) => e.stopPropagation()}>\n          <span tabIndex={!isOwner ? 0 : undefined}>\n            <Select value=\"\" onValueChange={onChangeRole} disabled={isRoleDisabled}>\n              <SelectTrigger\n                className={cn(\n                  'h-7 w-[120px] text-sm pointer-coarse:h-11',\n                  isRoleDisabled ? 'border-border text-muted-foreground' : 'border-input'\n                )}\n              >\n                <SelectValue placeholder={changeRolePlaceholder} />\n              </SelectTrigger>\n              <SelectContent>\n                {roles.map((r) => (\n                  <SelectItem key={r.value} value={r.value}>\n                    {r.label}\n                  </SelectItem>\n                ))}\n              </SelectContent>\n            </Select>\n          </span>\n        </TooltipTrigger>\n        <TooltipContent>\n          <p>{roleTooltip}</p>\n        </TooltipContent>\n      </Tooltip>\n\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <span tabIndex={!isOwner ? 0 : undefined}>\n            <Button\n              variant=\"outline\"\n              size=\"icon\"\n              onClick={onRemove}\n              disabled={isRemoveDisabled}\n              aria-label={removeTooltip}\n              className={cn(\n                'size-7 pointer-coarse:size-11',\n                isOwner\n                  ? 'border-destructive/30 text-destructive hover:bg-destructive hover:text-destructive-foreground'\n                  : 'border-border text-muted-foreground'\n              )}\n            >\n              <UserMinus className=\"size-4\" />\n            </Button>\n          </span>\n        </TooltipTrigger>\n        <TooltipContent>\n          <p>{removeTooltip}</p>\n        </TooltipContent>\n      </Tooltip>\n    </>\n  )\n}\n\nexport interface WorkspaceDeleteButtonProps {\n  canDelete: boolean\n  /** Why deletion is not allowed (tooltip on the disabled button). */\n  disabledReason?: string\n  isDeleting?: boolean\n  onDelete: () => void\n  labels?: { delete: string; deleting: string }\n}\n\n/** Destructive \"Delete\" of a workspace; disabled with an explanation when not allowed. */\nexport function WorkspaceDeleteButton({\n  canDelete,\n  disabledReason = '',\n  isDeleting = false,\n  onDelete,\n  labels = { delete: 'Delete', deleting: 'Deleting...' },\n}: WorkspaceDeleteButtonProps) {\n  const button = (\n    <Button\n      variant=\"ghost\"\n      size=\"sm\"\n      onClick={canDelete ? onDelete : undefined}\n      disabled={!canDelete || isDeleting}\n      className=\"h-7 px-2 text-sm text-destructive hover:bg-destructive/10 hover:text-destructive pointer-coarse:h-11\"\n      data-testid=\"workspace-delete-button\"\n    >\n      <Trash2 className=\"mr-1 size-3.5\" />\n      <span>{isDeleting ? labels.deleting : labels.delete}</span>\n    </Button>\n  )\n\n  if (canDelete || !disabledReason) return button\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <span tabIndex={0}>{button}</span>\n      </TooltipTrigger>\n      <TooltipContent>\n        <p>{disabledReason}</p>\n      </TooltipContent>\n    </Tooltip>\n  )\n}\n\nexport interface RoleSelectProps {\n  value: string\n  roles: MemberRoleOption[]\n  onChange: (role: string) => void\n  /** Tooltip: what the selected role allows. */\n  description: string\n}\n\n/** Role picker shown beside a user selector (e.g. when sharing a workspace). */\nexport function RoleSelect({ value, roles, onChange, description }: RoleSelectProps) {\n  const current = roles.find((r) => r.value === value)\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <span>\n          <Select value={value} onValueChange={onChange}>\n            <SelectTrigger className=\"h-8 w-[140px] pointer-coarse:h-11\">\n              <SelectValue>\n                <RoleBadge label={current?.label ?? value} badgeClass={current?.badgeClass ?? ''} />\n              </SelectValue>\n            </SelectTrigger>\n            <SelectContent>\n              {roles.map((r) => (\n                <SelectItem key={r.value} value={r.value}>\n                  <RoleBadge label={r.label} badgeClass={r.badgeClass} />\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </span>\n      </TooltipTrigger>\n      <TooltipContent side=\"left\" className=\"max-w-[300px]\">\n        <p>{description}</p>\n      </TooltipContent>\n    </Tooltip>\n  )\n}\n","import { useMemo, type ReactNode } from 'react'\nimport { AlertCircle, AtSign, CheckCircle, Gift, XCircle } from 'lucide-react'\nimport { Button, Textarea } from '@arbidocs/react/ui'\nimport { ModalSection, ModalSectionTitle } from '../../settings/ModalScaffold'\n\n/** Every fixed string of the add-contacts flow. */\nexport interface AddContactsLabels {\n  placeholder: string\n  hint: string\n  add: (count: number) => string\n  addOverMax: (count: number, max: number) => string\n  adding: string\n  cancel: string\n  results: string\n  email: string\n  status: string\n  done: string\n  addMore: string\n  /** The invite-reward banner text for a formatted amount. */\n  reward: (amount: string) => ReactNode\n}\n\nexport const DEFAULT_ADD_CONTACTS_LABELS: AddContactsLabels = {\n  placeholder: 'name@example.com',\n  hint: 'Paste one or multiple emails — separated by commas, spaces, or new lines.',\n  add: (count) => `Add${count > 0 ? ` (${count})` : ''}`,\n  addOverMax: (count, max) => `Add (${count}) - Max ${max}`,\n  adding: 'Adding...',\n  cancel: 'Cancel',\n  results: 'Results',\n  email: 'Email',\n  status: 'Status',\n  done: 'Done',\n  addMore: 'Add More',\n  reward: (amount) => (\n    <>\n      Get <span className=\"font-semibold text-foreground\">{amount} off your next invoice</span> for\n      every invited contact who goes Pro. They get {amount} off theirs.\n    </>\n  ),\n}\n\nexport interface AddContactsFormProps {\n  value: string\n  onChange: (value: string) => void\n  /** Distinct addresses parsed from `value`. */\n  emailCount: number\n  maxEmails?: number\n  isPending: boolean\n  onSubmit: () => void\n  onCancel?: () => void\n  /** Formatted referral reward (\"$10\"); omit to hide the banner. */\n  rewardAmount?: string\n  labels?: Partial<AddContactsLabels>\n}\n\n/** Email invite form: a textarea for one or many addresses, and Add / Cancel. */\nexport function AddContactsForm({\n  value,\n  onChange,\n  emailCount,\n  maxEmails = 100,\n  isPending,\n  onSubmit,\n  onCancel,\n  rewardAmount,\n  labels,\n}: AddContactsFormProps) {\n  const l = useMemo(() => ({ ...DEFAULT_ADD_CONTACTS_LABELS, ...labels }), [labels])\n  const overMax = emailCount > maxEmails\n  return (\n    <div className=\"space-y-4\" data-slot=\"add-contacts-form\">\n      {rewardAmount && (\n        <div\n          className=\"flex items-start gap-2 rounded-md bg-green-bg p-3 text-sm\"\n          data-testid=\"invite-reward-banner\"\n        >\n          <Gift className=\"mt-0.5 size-4 shrink-0 text-green-text\" />\n          <p className=\"text-muted-foreground\">{l.reward(rewardAmount)}</p>\n        </div>\n      )}\n      <div>\n        <Textarea\n          id=\"invite-emails\"\n          value={value}\n          onChange={(e) => onChange(e.target.value)}\n          disabled={isPending}\n          placeholder={l.placeholder}\n          rows={2}\n          autoFocus\n          data-testid=\"invite-emails-input\"\n        />\n        <p className=\"mt-1.5 text-sm text-muted-foreground\">{l.hint}</p>\n      </div>\n\n      <div className=\"flex flex-col gap-2 pt-2\">\n        <Button\n          onClick={onSubmit}\n          disabled={emailCount === 0 || overMax || isPending}\n          className=\"w-full\"\n          data-testid=\"invite-send-button\"\n        >\n          {isPending ? (\n            l.adding\n          ) : (\n            <>\n              <AtSign className=\"mr-2 size-4\" />\n              {overMax ? l.addOverMax(emailCount, maxEmails) : l.add(emailCount)}\n            </>\n          )}\n        </Button>\n        <Button variant=\"outline\" onClick={onCancel} disabled={isPending} className=\"w-full\">\n          {l.cancel}\n        </Button>\n      </div>\n    </div>\n  )\n}\n\nexport interface AddContactsResultRow {\n  email: string\n  status: 'success' | 'failed' | 'pending'\n  message: string\n}\n\nexport interface AddContactsResultsProps {\n  rows: AddContactsResultRow[]\n  onDone?: () => void\n  onAddMore: () => void\n  labels?: Partial<AddContactsLabels>\n}\n\nconst STATUS_ICON = {\n  success: <CheckCircle className=\"size-4 shrink-0 text-green-text\" />,\n  failed: <XCircle className=\"size-4 shrink-0 text-red-text\" />,\n  pending: <AlertCircle className=\"size-4 shrink-0 text-yellow-text\" />,\n} as const\n\n/** Per-address outcome table with Done / Add More. */\nexport function AddContactsResults({ rows, onDone, onAddMore, labels }: AddContactsResultsProps) {\n  const l = useMemo(() => ({ ...DEFAULT_ADD_CONTACTS_LABELS, ...labels }), [labels])\n  return (\n    <ModalSection>\n      <ModalSectionTitle>{l.results}</ModalSectionTitle>\n      <div className=\"max-h-80 overflow-y-auto rounded-md border\">\n        <table className=\"w-full\">\n          <thead className=\"sticky top-0 bg-muted/50\">\n            <tr>\n              <th className=\"p-2 text-left font-medium\">{l.email}</th>\n              <th className=\"p-2 text-left font-medium\">{l.status}</th>\n            </tr>\n          </thead>\n          <tbody>\n            {rows.map((row, index) => (\n              <tr\n                key={index}\n                className=\"border-t hover:bg-muted/30\"\n                data-testid={`email-status-row-${index}`}\n              >\n                <td className=\"p-2\">{row.email}</td>\n                <td className=\"p-2\">\n                  <div className=\"flex items-center gap-2\">\n                    {STATUS_ICON[row.status]}\n                    <span className=\"text-muted-foreground\">{row.message}</span>\n                  </div>\n                </td>\n              </tr>\n            ))}\n          </tbody>\n        </table>\n      </div>\n\n      <div className=\"flex flex-col gap-2 pt-4\">\n        <Button onClick={onDone} className=\"w-full\" data-testid=\"close-results-button\">\n          {l.done}\n        </Button>\n        <Button\n          variant=\"outline\"\n          onClick={onAddMore}\n          className=\"w-full\"\n          data-testid=\"start-over-button\"\n        >\n          {l.addMore}\n        </Button>\n      </div>\n    </ModalSection>\n  )\n}\n","import { useMemo, type ReactNode } from 'react'\nimport { UserPlus } from 'lucide-react'\n\n/** Every fixed string of the invite chip. `title` / `description` props win. */\nexport interface DmInviteChipLabels {\n  title: string\n  description: string\n}\n\nexport const DEFAULT_DM_INVITE_CHIP_LABELS: DmInviteChipLabels = {\n  title: 'Add a contact by email',\n  description: 'Send an invitation to join you on ARBI',\n}\n\n/** Leading call to action of the conversation list, styled as a chip so it reads as one of the rows. */\nexport function DmInviteChip({\n  onClick,\n  title,\n  description,\n  testId = 'dm-invite-chip',\n  labels,\n}: {\n  onClick: () => void\n  title?: string\n  description?: string\n  testId?: string\n  labels?: Partial<DmInviteChipLabels>\n}) {\n  const l = useMemo(() => ({ ...DEFAULT_DM_INVITE_CHIP_LABELS, ...labels }), [labels])\n  return (\n    <button\n      type=\"button\"\n      onClick={onClick}\n      data-testid={testId}\n      className=\"flex w-full items-center gap-3 border-b border-border px-4 py-3 text-left transition-colors hover:bg-accent/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring pointer-coarse:min-h-11\"\n    >\n      <span className=\"flex size-9 shrink-0 items-center justify-center rounded-full bg-ai-accent-soft\">\n        <UserPlus className=\"size-4 text-ai-accent\" />\n      </span>\n      <span className=\"min-w-0\">\n        <span className=\"block text-sm font-semibold text-foreground\">{title ?? l.title}</span>\n        <span className=\"block text-xs text-muted-foreground\">{description ?? l.description}</span>\n      </span>\n    </button>\n  )\n}\n\nexport interface DmThreadHeaderProps {\n  /** Peer avatar (with presence dot). Omitted while the conversation loads. */\n  avatar?: ReactNode\n  name: string\n  /** Marks the peer as an agent. */\n  badge?: ReactNode\n  /** Presence in words, next to the address. */\n  presence?: ReactNode\n  email?: string\n  /** Overflow menu, sitting after the identity. */\n  menu?: ReactNode\n  testId?: string\n}\n\n/**\n * The open conversation's identity, pinned above the thread: who you are talking to, static (no\n * switcher dropdown; back out to the list to pick another conversation).\n */\nexport function DmThreadHeader({\n  avatar,\n  name,\n  badge,\n  presence,\n  email,\n  menu,\n  testId = 'dm-active-chip',\n}: DmThreadHeaderProps) {\n  return (\n    <div\n      className=\"flex items-center gap-1 border-b border-border pr-2\"\n      data-slot=\"dm-thread-header\"\n    >\n      <div data-testid={testId} className=\"flex min-w-0 flex-1 items-center gap-3 px-4 py-2.5\">\n        {avatar}\n        <span className=\"min-w-0 flex-1\">\n          <span className=\"flex min-w-0 items-center gap-1.5\">\n            <span className=\"truncate text-sm font-semibold text-foreground\">{name}</span>\n            {badge}\n          </span>\n          <span className=\"flex min-w-0 items-center gap-1.5\">\n            {presence}\n            {presence && <span className=\"text-xs text-muted-foreground\">·</span>}\n            <span className=\"min-w-0 truncate text-xs text-muted-foreground\">{email ?? ''}</span>\n          </span>\n        </span>\n      </div>\n      {menu}\n    </div>\n  )\n}\n","import { useMemo, type ReactNode, type Ref } from 'react'\nimport {\n  AtSign,\n  ChevronsUpDown,\n  KeyRound,\n  Loader2,\n  MoreVertical,\n  Plus,\n  Bell,\n  BellOff,\n  X,\n} from 'lucide-react'\nimport {\n  Button,\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n  ScrollArea,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from '@arbidocs/react/ui'\nimport { ModalSectionTitle } from '../../settings/ModalScaffold'\n\n/** Every fixed string of the access-request banner. */\nexport interface DmAccessRequestBannerLabels {\n  /** Text after the bold peer name (keep the leading space). */\n  requestedAccess: string\n  review: string\n}\n\nexport const DEFAULT_DM_ACCESS_REQUEST_BANNER_LABELS: DmAccessRequestBannerLabels = {\n  requestedAccess: ' requested workspace access',\n  review: 'Review',\n}\n\n/** Every fixed string of the thread frame. */\nexport interface DmThreadFrameLabels {\n  noMessages: string\n}\n\nexport const DEFAULT_DM_THREAD_FRAME_LABELS: DmThreadFrameLabels = {\n  noMessages: 'No messages yet — say hi 👋',\n}\n\n/** Every fixed string of the grant-access dialog. */\nexport interface DmGrantAccessDialogLabels {\n  title: string\n  description: (peerName: string) => string\n  noWorkspace: string\n  workspace: string\n  role: string\n  cancel: string\n  grantAccess: string\n}\n\nexport const DEFAULT_DM_GRANT_ACCESS_DIALOG_LABELS: DmGrantAccessDialogLabels = {\n  title: 'Grant workspace access',\n  description: (peerName) =>\n    `Give ${peerName} access to one of your workspaces. Access is permanent until you remove it.`,\n  noWorkspace:\n    'Open the workspace you want to share, as its owner, and you can grant access to it from here.',\n  workspace: 'Workspace',\n  role: 'Role',\n  cancel: 'Cancel',\n  grantAccess: 'Grant access',\n}\n\n/** Every fixed string of the recipient picker. */\nexport interface RecipientPickerLabels {\n  to: string\n  unmuteNotifications: string\n  muteNotifications: string\n  removeRecipient: string\n  selectRecipient: string\n  addRecipient: string\n  searchUsers: string\n  noKnownUsers: string\n  noMatchingUsers: string\n  addContactsHint: string\n}\n\nexport const DEFAULT_RECIPIENT_PICKER_LABELS: RecipientPickerLabels = {\n  to: 'To',\n  unmuteNotifications: 'Unmute notifications',\n  muteNotifications: 'Mute notifications',\n  removeRecipient: 'Remove recipient',\n  selectRecipient: 'Select recipient...',\n  addRecipient: 'Add recipient',\n  searchUsers: 'Search users...',\n  noKnownUsers: 'No known users',\n  noMatchingUsers: 'No matching users',\n  addContactsHint: 'Add contacts or join workspaces to send private messages',\n}\n\nexport type ActionMenuEntry =\n  | {\n      id: string\n      label: ReactNode\n      icon?: ReactNode\n      onSelect: () => void\n      testId?: string\n      destructive?: boolean\n    }\n  | { id: string; separator: true }\n\nexport interface ActionMenuProps {\n  /** Accessible name of the trigger. */\n  label: string\n  testId?: string\n  entries: ActionMenuEntry[]\n  /** Width class of the menu. */\n  contentClassName?: string\n}\n\n/** A single ⋮ overflow menu: the occasional actions on a row or header. */\nexport function ActionMenu({ label, testId, entries, contentClassName = 'w-56' }: ActionMenuProps) {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button\n          variant=\"ghost\"\n          size=\"icon\"\n          className=\"size-7 shrink-0 text-muted-foreground hover:text-foreground pointer-coarse:size-11\"\n          aria-label={label}\n          data-testid={testId}\n          onClick={(e) => e.stopPropagation()}\n        >\n          <MoreVertical className=\"size-4\" />\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\" className={contentClassName}>\n        {entries.map((entry) =>\n          'separator' in entry ? (\n            <DropdownMenuSeparator key={entry.id} />\n          ) : (\n            <DropdownMenuItem\n              key={entry.id}\n              onClick={entry.onSelect}\n              className={entry.destructive ? 'text-destructive focus:text-destructive' : undefined}\n              data-testid={entry.testId}\n            >\n              {entry.icon && (\n                <span className=\"mr-2 inline-flex size-4 items-center\">{entry.icon}</span>\n              )}\n              {entry.label}\n            </DropdownMenuItem>\n          )\n        )}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  )\n}\n\n/** Round \"@\" mark standing in for the face of a pending invitation. */\nexport function DmInviteAvatar() {\n  return (\n    <span className=\"flex size-9 shrink-0 items-center justify-center rounded-full bg-muted text-muted-foreground\">\n      <AtSign className=\"size-4\" />\n    </span>\n  )\n}\n\n/** Round \"+\" tab icon of a new (compose) conversation. */\nexport function DmNewTabIcon() {\n  return (\n    <div className=\"flex h-5 w-5 items-center justify-center rounded-full bg-primary/10\">\n      <Plus className=\"h-3 w-3 text-primary\" />\n    </div>\n  )\n}\n\n/** Banner at the top of a thread: the peer asked for workspace access; Review opens the grant flow. */\nexport function DmAccessRequestBanner({\n  name,\n  onReview,\n  labels,\n}: {\n  name: string\n  onReview: () => void\n  labels?: Partial<DmAccessRequestBannerLabels>\n}) {\n  const l = useMemo(() => ({ ...DEFAULT_DM_ACCESS_REQUEST_BANNER_LABELS, ...labels }), [labels])\n  return (\n    <div className=\"mx-4 mt-3 flex items-center gap-3 rounded-lg bg-muted px-3 py-2.5\">\n      <KeyRound className=\"h-4 w-4 shrink-0 text-primary\" />\n      <span className=\"min-w-0 flex-1 text-sm text-foreground\">\n        <span className=\"font-medium\">{name}</span>\n        {l.requestedAccess}\n      </span>\n      <Button size=\"sm\" onClick={onReview} data-testid=\"dm-review-access-button\">\n        {l.review}\n      </Button>\n    </div>\n  )\n}\n\nexport interface DmThreadFrameProps {\n  /** Recipient picker, shown above everything in compose mode. */\n  recipientPicker?: ReactNode\n  accessBanner?: ReactNode\n  /** A recipient is chosen: the history area shows. */\n  hasRecipient: boolean\n  /** The history is still decrypting. */\n  isLoading: boolean\n  /** Messages (and the typing indicator), rendered inside the scroll area. */\n  history: ReactNode\n  /** No messages yet. */\n  isEmpty: boolean\n  /** Prompt shown when there is no recipient and users exist to pick from. */\n  noRecipientPrompt?: ReactNode\n  /** Ref to the history wrapper (the host scrolls its viewport). */\n  historyRef?: Ref<HTMLDivElement>\n  composer: ReactNode\n  labels?: Partial<DmThreadFrameLabels>\n}\n\n/** Layout of one direct-message thread: picker, banner, scrolling history, composer. */\nexport function DmThreadFrame({\n  recipientPicker,\n  accessBanner,\n  hasRecipient,\n  isLoading,\n  history,\n  isEmpty,\n  noRecipientPrompt,\n  historyRef,\n  composer,\n  labels,\n}: DmThreadFrameProps) {\n  const l = useMemo(() => ({ ...DEFAULT_DM_THREAD_FRAME_LABELS, ...labels }), [labels])\n  return (\n    <div className=\"flex h-full flex-col bg-background\">\n      {recipientPicker}\n      {accessBanner}\n\n      {/* Clean page surface: the peer bubble is `bg-card` and the own bubble a soft tint. */}\n      {hasRecipient && (\n        <div className=\"min-h-0 flex-1 overflow-hidden bg-background\" ref={historyRef}>\n          <ScrollArea className=\"h-full\">\n            <div className=\"px-4 py-3\">\n              {isLoading ? (\n                <div className=\"flex h-32 items-center justify-center\">\n                  <Loader2 className=\"h-6 w-6 animate-spin text-muted-foreground\" />\n                </div>\n              ) : !isEmpty ? (\n                history\n              ) : (\n                <div className=\"flex h-32 items-center justify-center text-sm text-muted-foreground\">\n                  {l.noMessages}\n                </div>\n              )}\n            </div>\n          </ScrollArea>\n        </div>\n      )}\n\n      {!hasRecipient && noRecipientPrompt && (\n        <div className=\"flex min-h-0 flex-1 items-center justify-center bg-background p-4\">\n          <p className=\"text-center text-sm text-muted-foreground\">{noRecipientPrompt}</p>\n        </div>\n      )}\n\n      <div className=\"shrink-0\">{composer}</div>\n    </div>\n  )\n}\n\nexport interface DmGrantAccessDialogViewProps {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  peerName: string\n  /** The one workspace that can be shared; `null` when none is eligible. */\n  workspaceName: string | null\n  role: string\n  onRoleChange: (role: string) => void\n  roles: { value: string; label: string; hint: string }[]\n  isGranting: boolean\n  onGrant: () => void\n  labels?: Partial<DmGrantAccessDialogLabels>\n}\n\n/** Offer a person access to the open workspace: the workspace, a role, a grant button. */\nexport function DmGrantAccessDialogView({\n  open,\n  onOpenChange,\n  peerName,\n  workspaceName,\n  role,\n  onRoleChange,\n  roles,\n  isGranting,\n  onGrant,\n  labels,\n}: DmGrantAccessDialogViewProps) {\n  const l = useMemo(() => ({ ...DEFAULT_DM_GRANT_ACCESS_DIALOG_LABELS, ...labels }), [labels])\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent presentation=\"sheet\" data-testid=\"dm-grant-access-modal\">\n        <DialogHeader>\n          <DialogTitle>{l.title}</DialogTitle>\n          <DialogDescription>{l.description(peerName)}</DialogDescription>\n        </DialogHeader>\n\n        {workspaceName === null ? (\n          <p className=\"text-sm text-muted-foreground\" data-testid=\"dm-grant-none\">\n            {l.noWorkspace}\n          </p>\n        ) : (\n          <div className=\"space-y-4\">\n            <div className=\"space-y-1.5\">\n              <label className=\"text-sm font-medium\">{l.workspace}</label>\n              <p className=\"rounded-lg bg-muted px-3 py-2 text-sm\" data-testid=\"dm-grant-workspace\">\n                {workspaceName}\n              </p>\n            </div>\n            <div className=\"space-y-1.5\">\n              <label className=\"text-sm font-medium\">{l.role}</label>\n              <Select value={role} onValueChange={onRoleChange}>\n                <SelectTrigger data-testid=\"dm-grant-role\">\n                  <SelectValue />\n                </SelectTrigger>\n                <SelectContent>\n                  {roles.map((r) => (\n                    <SelectItem key={r.value} value={r.value}>\n                      {r.label} — {r.hint}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\n              </Select>\n            </div>\n          </div>\n        )}\n\n        <DialogFooter>\n          <Button variant=\"ghost\" onClick={() => onOpenChange(false)} disabled={isGranting}>\n            {l.cancel}\n          </Button>\n          <Button\n            onClick={onGrant}\n            disabled={isGranting || workspaceName === null}\n            data-testid=\"dm-grant-submit\"\n          >\n            {isGranting && <Loader2 className=\"mr-2 size-4 animate-spin\" />}\n            {l.grantAccess}\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nexport interface RecipientView {\n  id: string\n  /** Avatar + name pill. */\n  identity: ReactNode\n  isMuted: boolean\n  muteTooltip: string\n  onToggleMute: () => void\n  isMuteBusy?: boolean\n}\n\nexport interface RecipientCandidate {\n  id: string\n  identity: ReactNode\n}\n\nexport interface RecipientPickerProps {\n  selected: RecipientView[]\n  onRemove: (id: string) => void\n  candidates: RecipientCandidate[]\n  onPick: (id: string) => void\n  /** Hide the add control (the maximum is reached). */\n  canAdd: boolean\n  isOpen: boolean\n  onOpenChange: (open: boolean) => void\n  search: string\n  onSearchChange: (value: string) => void\n  /** There is nobody at all to pick from (vs. no search match). */\n  hasNoKnownUsers: boolean\n  labels?: Partial<RecipientPickerLabels>\n}\n\n/** \"To:\" row of the compose view: chosen recipients (mutable) and a searchable add control. */\nexport function RecipientPicker({\n  selected,\n  onRemove,\n  candidates,\n  onPick,\n  canAdd,\n  isOpen,\n  onOpenChange,\n  search,\n  onSearchChange,\n  hasNoKnownUsers,\n  labels,\n}: RecipientPickerProps) {\n  const l = useMemo(() => ({ ...DEFAULT_RECIPIENT_PICKER_LABELS, ...labels }), [labels])\n  return (\n    <div className=\"shrink-0 border-b px-6 py-4\">\n      <div className=\"flex items-start gap-3\">\n        <ModalSectionTitle className=\"mb-0 shrink-0 py-1.5\">{l.to}</ModalSectionTitle>\n\n        <div className=\"flex flex-1 flex-col gap-1.5\">\n          {selected.map((recipient) => (\n            <div\n              key={recipient.id}\n              className=\"flex items-center justify-between gap-2 rounded-md bg-muted/50 px-3 py-1.5\"\n            >\n              <div className=\"flex items-center gap-2\">\n                {recipient.identity}\n                <Tooltip>\n                  <TooltipTrigger\n                    onClick={recipient.onToggleMute}\n                    aria-label={recipient.isMuted ? l.unmuteNotifications : l.muteNotifications}\n                    aria-pressed={recipient.isMuted}\n                    className={`rounded p-1 transition-colors hover:bg-muted pointer-coarse:p-3 ${\n                      recipient.isMuted\n                        ? 'text-muted-foreground'\n                        : 'text-muted-foreground/40 hover:text-muted-foreground'\n                    }`}\n                    disabled={recipient.isMuteBusy}\n                  >\n                    {recipient.isMuted ? (\n                      <BellOff size={14} fill=\"currentColor\" />\n                    ) : (\n                      <Bell size={14} />\n                    )}\n                  </TooltipTrigger>\n                  <TooltipContent className=\"max-w-[250px]\">{recipient.muteTooltip}</TooltipContent>\n                </Tooltip>\n              </div>\n              <button\n                type=\"button\"\n                onClick={() => onRemove(recipient.id)}\n                className=\"p-1 text-muted-foreground hover:text-destructive pointer-coarse:p-3\"\n                title={l.removeRecipient}\n                aria-label={l.removeRecipient}\n              >\n                <X className=\"h-4 w-4\" />\n              </button>\n            </div>\n          ))}\n\n          {canAdd && (\n            <Popover open={isOpen} onOpenChange={onOpenChange}>\n              <PopoverTrigger asChild>\n                {selected.length === 0 ? (\n                  <Button\n                    variant=\"outline\"\n                    size=\"sm\"\n                    disabled={candidates.length === 0}\n                    className=\"w-full justify-start text-muted-foreground\"\n                  >\n                    <ChevronsUpDown className=\"mr-2 h-4 w-4\" />\n                    {l.selectRecipient}\n                  </Button>\n                ) : (\n                  <Button\n                    variant=\"ghost\"\n                    size=\"icon\"\n                    disabled={candidates.length === 0}\n                    className=\"h-7 w-7 rounded-full\"\n                    title={l.addRecipient}\n                    aria-label={l.addRecipient}\n                  >\n                    <Plus className=\"h-4 w-4\" />\n                  </Button>\n                )}\n              </PopoverTrigger>\n              <PopoverContent\n                className=\"w-72 p-0\"\n                align=\"start\"\n                onPointerDownOutside={(e) => e.preventDefault()}\n              >\n                <Command shouldFilter={false}>\n                  <CommandInput\n                    placeholder={l.searchUsers}\n                    value={search}\n                    onValueChange={onSearchChange}\n                  />\n                  <CommandList>\n                    {candidates.length === 0 ? (\n                      <CommandEmpty>\n                        {hasNoKnownUsers ? l.noKnownUsers : l.noMatchingUsers}\n                      </CommandEmpty>\n                    ) : (\n                      <CommandGroup>\n                        {candidates.map((candidate) => (\n                          <CommandItem\n                            key={candidate.id}\n                            onSelect={() => onPick(candidate.id)}\n                            className=\"cursor-pointer justify-start\"\n                          >\n                            {candidate.identity}\n                          </CommandItem>\n                        ))}\n                      </CommandGroup>\n                    )}\n                  </CommandList>\n                </Command>\n              </PopoverContent>\n            </Popover>\n          )}\n\n          {hasNoKnownUsers && <p className=\"text-sm text-muted-foreground\">{l.addContactsHint}</p>}\n        </div>\n      </div>\n    </div>\n  )\n}\n","/** A selectable mail folder (Outlook) or label (Gmail). */\nexport interface MailFolder {\n  id: string\n  /** Full path, e.g. \"Inbox/Clients/Acme\". */\n  name: string\n  /** Total messages (null/undefined when unavailable). */\n  count?: number | null\n}\n\nexport interface MailFolderNode {\n  key: string\n  label: string\n  /** null for a path segment with no folder of its own (a grouping row). */\n  folder: MailFolder | null\n  children: MailFolderNode[]\n}\n\nexport const isInboxFolder = (f: MailFolder) => f.id === 'INBOX' || /^inbox$/i.test(f.name)\n\n/** Build the folder tree from full-path names; Inbox first, then alphabetical. */\nexport function buildMailFolderTree(folders: MailFolder[]): MailFolderNode[] {\n  const root: MailFolderNode = { key: '', label: '', folder: null, children: [] }\n  const byPath = new Map<string, MailFolderNode>([['', root]])\n  // Parents before children so a real folder claims its node before descendants.\n  const sorted = [...folders].sort((a, b) => a.name.split('/').length - b.name.split('/').length)\n  for (const f of sorted) {\n    const parts = f.name.split('/')\n    let path = ''\n    let parent = root\n    parts.forEach((part, i) => {\n      path = path ? `${path}/${part}` : part\n      let node = byPath.get(path)\n      if (!node) {\n        node = { key: path, label: part, folder: null, children: [] }\n        byPath.set(path, node)\n        parent.children.push(node)\n      }\n      if (i === parts.length - 1 && !node.folder) node.folder = f\n      parent = node\n    })\n  }\n  const order = (nodes: MailFolderNode[]) => {\n    nodes.sort((a, b) => {\n      const ai = a.folder ? isInboxFolder(a.folder) : false\n      const bi = b.folder ? isInboxFolder(b.folder) : false\n      if (ai !== bi) return ai ? -1 : 1\n      return a.label.localeCompare(b.label)\n    })\n    nodes.forEach((n) => order(n.children))\n  }\n  order(root.children)\n  return root.children\n}\n\n/** Ids of every real folder beneath `node`. */\nexport function descendantFolderIds(node: MailFolderNode): string[] {\n  return node.children.flatMap((c) => [\n    ...(c.folder ? [c.folder.id] : []),\n    ...descendantFolderIds(c),\n  ])\n}\n\n/**\n * Selection after toggling `node`: untick removes it; tick adds it and, when `cascade`, drops any\n * selected descendants (the parent already covers its subtree, so only the top-most is kept).\n */\nexport function toggleMailFolder(\n  selected: string[],\n  node: MailFolderNode,\n  cascade: boolean\n): string[] {\n  const id = node.folder?.id\n  if (!id) return selected\n  if (selected.includes(id)) return selected.filter((s) => s !== id)\n  const covered = cascade ? new Set(descendantFolderIds(node)) : new Set<string>()\n  return [...selected.filter((s) => !covered.has(s)), id]\n}\n","import { useEffect, useRef, useState } from 'react'\nimport { ChevronDown, ChevronRight } from 'lucide-react'\nimport { Checkbox, cn } from '@arbidocs/react/ui'\nimport { testIdOr } from '../../chat/test-id'\nimport { isInboxFolder, toggleMailFolder, type MailFolderNode } from './mailFolders'\n\nfunction hasSelectedDescendant(node: MailFolderNode, selected: string[]): boolean {\n  return node.children.some(\n    (c) => (c.folder && selected.includes(c.folder.id)) || hasSelectedDescendant(c, selected)\n  )\n}\n\nexport interface MailFolderTreeLabels {\n  collapse: string\n  expand: string\n  recommended: string\n}\n\nexport const DEFAULT_MAIL_FOLDER_TREE_LABELS: MailFolderTreeLabels = {\n  collapse: 'Collapse folder',\n  expand: 'Expand folder',\n  recommended: 'Recommended',\n}\n\nexport interface MailFolderTreeTestIds {\n  /** Builds the id of a node's expand toggle from its key. */\n  toggle: (nodeKey: string) => string\n  /** Builds the id of a folder checkbox from its folder id. */\n  checkbox: (folderId: string) => string\n}\n\ninterface RowProps {\n  labels: MailFolderTreeLabels\n  testIds?: Partial<MailFolderTreeTestIds>\n  node: MailFolderNode\n  depth: number\n  selected: string[]\n  onToggle: (node: MailFolderNode) => void\n  ancestorSelected: boolean\n  cascade: boolean\n  expandAllNonce: number\n  collapseAllNonce: number\n}\n\nfunction MailFolderRow({\n  labels,\n  testIds,\n  node,\n  depth,\n  selected,\n  onToggle,\n  ancestorSelected,\n  cascade,\n  expandAllNonce,\n  collapseAllNonce,\n}: RowProps) {\n  const f = node.folder\n  // Open a selected folder (so its checked subfolders show) or a branch holding a selection;\n  // later ticks never force a node open.\n  const [expanded, setExpanded] = useState(\n    () =>\n      (!!f && selected.includes(f.id)) ||\n      hasSelectedDescendant(node, selected) ||\n      expandAllNonce > collapseAllNonce\n  )\n  // \"Expand all\" / \"Collapse all\": each bump of a nonce opens / closes this node.\n  const applied = useRef({ expand: expandAllNonce, collapse: collapseAllNonce })\n  useEffect(() => {\n    if (expandAllNonce > applied.current.expand) setExpanded(true)\n    if (collapseAllNonce > applied.current.collapse) setExpanded(false)\n    applied.current = { expand: expandAllNonce, collapse: collapseAllNonce }\n  }, [expandAllNonce, collapseAllNonce])\n  const isSelected = ancestorSelected || (!!f && selected.includes(f.id))\n  return (\n    <div>\n      <div\n        className=\"flex items-center gap-1.5 rounded px-1 py-1 text-sm hover:bg-muted/50 pointer-coarse:min-h-11\"\n        style={{ paddingLeft: depth * 18 + 4 }}\n      >\n        {node.children.length > 0 ? (\n          <button\n            type=\"button\"\n            className=\"flex size-4 shrink-0 items-center justify-center text-muted-foreground pointer-coarse:size-8\"\n            onClick={() => setExpanded((e) => !e)}\n            aria-label={expanded ? labels.collapse : labels.expand}\n            aria-expanded={expanded}\n            data-testid={testIdOr(testIds?.toggle?.(node.key), {\n              testId: `mail-folder-toggle-${node.key}`,\n            })}\n          >\n            {expanded ? (\n              <ChevronDown className=\"size-3.5\" />\n            ) : (\n              <ChevronRight className=\"size-3.5\" />\n            )}\n          </button>\n        ) : (\n          <span className=\"size-4 shrink-0\" />\n        )}\n        {f ? (\n          <label className=\"flex min-w-0 flex-1 cursor-pointer items-center gap-2\">\n            <Checkbox\n              checked={isSelected}\n              disabled={ancestorSelected}\n              onCheckedChange={() => onToggle(node)}\n              data-testid={testIdOr(testIds?.checkbox?.(f.id), {\n                testId: `mail-folder-checkbox-${f.id}`,\n              })}\n            />\n            <span className=\"truncate\" title={f.name}>\n              {node.label}\n            </span>\n            {typeof f.count === 'number' && (\n              <span className=\"shrink-0 text-xs text-muted-foreground\">\n                ({f.count.toLocaleString()})\n              </span>\n            )}\n            {isInboxFolder(f) && (\n              <span className=\"ml-auto shrink-0 rounded bg-muted px-1.5 py-0.5 text-xs text-muted-foreground\">\n                {labels.recommended}\n              </span>\n            )}\n          </label>\n        ) : (\n          <span className=\"truncate font-medium text-muted-foreground\">{node.label}</span>\n        )}\n      </div>\n      {expanded &&\n        node.children.map((c) => (\n          <MailFolderRow\n            labels={labels}\n            testIds={testIds}\n            key={c.key}\n            node={c}\n            depth={depth + 1}\n            selected={selected}\n            onToggle={onToggle}\n            ancestorSelected={cascade && isSelected}\n            cascade={cascade}\n            expandAllNonce={expandAllNonce}\n            collapseAllNonce={collapseAllNonce}\n          />\n        ))}\n    </div>\n  )\n}\n\nexport interface MailFolderTreeProps {\n  nodes: MailFolderNode[]\n  /** Selected folder ids. */\n  selected: string[]\n  onChange: (selected: string[]) => void\n  /** Selecting a folder includes its subfolders (default). Descendants show checked + locked. */\n  cascade?: boolean\n  /** Bump to open every node. */\n  expandAllNonce?: number\n  /** Bump to close every node. */\n  collapseAllNonce?: number\n  labels?: Partial<MailFolderTreeLabels>\n  testIds?: Partial<MailFolderTreeTestIds>\n  className?: string\n}\n\n/**\n * A mailbox's folders / labels as an expandable checkbox tree. Build `nodes` with\n * `buildMailFolderTree`. With `cascade` only the top-most selected folder is stored; the server\n * expands it at sync time so new subfolders are picked up too.\n */\nexport function MailFolderTree({\n  nodes,\n  selected,\n  onChange,\n  cascade = true,\n  expandAllNonce = 0,\n  collapseAllNonce = 0,\n  labels,\n  testIds,\n  className,\n}: MailFolderTreeProps) {\n  const l = { ...DEFAULT_MAIL_FOLDER_TREE_LABELS, ...labels }\n  return (\n    <div className={cn('space-y-0.5', className)} data-slot=\"mail-folder-tree\">\n      {nodes.map((n) => (\n        <MailFolderRow\n          labels={l}\n          testIds={testIds}\n          key={n.key}\n          node={n}\n          depth={0}\n          selected={selected}\n          onToggle={(node) => onChange(toggleMailFolder(selected, node, cascade))}\n          ancestorSelected={false}\n          cascade={cascade}\n          expandAllNonce={expandAllNonce}\n          collapseAllNonce={collapseAllNonce}\n        />\n      ))}\n    </div>\n  )\n}\n"]}

package/dist/chunk-U2E3WT3J.js

@@ -0,0 +1,45 @@
+"use client";
+import { cn } from '@arbidocs/react/ui';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/components/UsageMeter.tsx
+function UsageMeter({
+  icon: Icon,
+  label,
+  value,
+  pct,
+  hint,
+  className,
+  testId
+}) {
+  const clamped = Math.max(0, Math.min(100, pct));
+  const tone = clamped >= 100 ? "bg-red-500" : clamped >= 50 ? "bg-yellow-500" : "bg-green-500";
+  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-1.5", className), "data-testid": testId, children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3 text-sm", children: [
+      /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-center gap-1.5 text-muted-foreground", children: [
+        Icon && /* @__PURE__ */ jsx(Icon, { className: "size-3.5 shrink-0" }),
+        /* @__PURE__ */ jsxs("span", { className: "truncate", children: [
+          label,
+          hint ? ` (${hint})` : ""
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("span", { className: "shrink-0 font-medium tabular-nums text-foreground", children: value })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "h-1.5 overflow-hidden rounded-full bg-muted", children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn("h-full rounded-full transition-[width]", tone),
+        style: { width: `${clamped}%` },
+        role: "progressbar",
+        "aria-valuenow": clamped,
+        "aria-valuemin": 0,
+        "aria-valuemax": 100,
+        "aria-label": label
+      }
+    ) })
+  ] });
+}
+
+export { UsageMeter };
+//# sourceMappingURL=chunk-U2E3WT3J.js.map
+//# sourceMappingURL=chunk-U2E3WT3J.js.map

package/dist/chunk-U2E3WT3J.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/UsageMeter.tsx"],"names":[],"mappings":";;;;AAUO,SAAS,UAAA,CAAW;AAAA,EACzB,IAAA,EAAM,IAAA;AAAA,EACN,KAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAA;AAAA,EACA,IAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,EAYG;AACD,EAAA,MAAM,OAAA,GAAU,KAAK,GAAA,CAAI,CAAA,EAAG,KAAK,GAAA,CAAI,GAAA,EAAK,GAAG,CAAC,CAAA;AAG9C,EAAA,MAAM,OAAO,OAAA,IAAW,GAAA,GAAM,YAAA,GAAe,OAAA,IAAW,KAAK,eAAA,GAAkB,cAAA;AAC/E,EAAA,uBACE,IAAA,CAAC,SAAI,SAAA,EAAW,EAAA,CAAG,eAAe,SAAS,CAAA,EAAG,eAAa,MAAA,EACzD,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,iDAAA,EACb,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,MAAA,EAAA,EAAK,WAAU,yDAAA,EACb,QAAA,EAAA;AAAA,QAAA,IAAA,oBAAQ,GAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,mBAAA,EAAoB,CAAA;AAAA,wBAC7C,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,UAAA,EACb,QAAA,EAAA;AAAA,UAAA,KAAA;AAAA,UACA,IAAA,GAAO,CAAA,EAAA,EAAK,IAAI,CAAA,CAAA,CAAA,GAAM;AAAA,SAAA,EACzB;AAAA,OAAA,EACF,CAAA;AAAA,sBACA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,mDAAA,EAAqD,QAAA,EAAA,KAAA,EAAM;AAAA,KAAA,EAC7E,CAAA;AAAA,oBACA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,6CAAA,EACb,QAAA,kBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,EAAA,CAAG,wCAAA,EAA0C,IAAI,CAAA;AAAA,QAC5D,KAAA,EAAO,EAAE,KAAA,EAAO,CAAA,EAAG,OAAO,CAAA,CAAA,CAAA,EAAI;AAAA,QAC9B,IAAA,EAAK,aAAA;AAAA,QACL,eAAA,EAAe,OAAA;AAAA,QACf,eAAA,EAAe,CAAA;AAAA,QACf,eAAA,EAAe,GAAA;AAAA,QACf,YAAA,EAAY;AAAA;AAAA,KACd,EACF;AAAA,GAAA,EACF,CAAA;AAEJ","file":"chunk-U2E3WT3J.js","sourcesContent":["import type { LucideIcon } from 'lucide-react'\nimport { cn } from '@arbidocs/react/ui'\n\n/**\n * One labelled quota meter: icon + label on the left, used-of-limit on the\n * right, a thin bar underneath. The bar's tone follows pressure with the shared\n * green → yellow → red gradation — green while there's room, yellow past the\n * halfway mark, red at the limit — so a stack of meters reads at a glance which\n * quota is the one to think about.\n */\nexport function UsageMeter({\n  icon: Icon,\n  label,\n  value,\n  pct,\n  hint,\n  className,\n  testId,\n}: {\n  icon?: LucideIcon\n  label: string\n  /** Formatted used-of-limit text, e.g. \"1,200 / 25,000\" or \"40 / 500 MB\". */\n  value: string\n  /** Fill percentage, 0–100 (values are clamped). */\n  pct: number\n  /** Inline parenthetical after the label, e.g. \"resets May 31, 2025\" —\n   *  same font as the label, so the meter never grows an extra row. */\n  hint?: string\n  className?: string\n  testId?: string\n}) {\n  const clamped = Math.max(0, Math.min(100, pct))\n  // Shared green → yellow → red gradation (same thresholds as the project-card\n  // quota badges): green with room, yellow past the halfway mark, red at limit.\n  const tone = clamped >= 100 ? 'bg-red-500' : clamped >= 50 ? 'bg-yellow-500' : 'bg-green-500'\n  return (\n    <div className={cn('space-y-1.5', className)} data-testid={testId}>\n      <div className=\"flex items-center justify-between gap-3 text-sm\">\n        <span className=\"flex min-w-0 items-center gap-1.5 text-muted-foreground\">\n          {Icon && <Icon className=\"size-3.5 shrink-0\" />}\n          <span className=\"truncate\">\n            {label}\n            {hint ? ` (${hint})` : ''}\n          </span>\n        </span>\n        <span className=\"shrink-0 font-medium tabular-nums text-foreground\">{value}</span>\n      </div>\n      <div className=\"h-1.5 overflow-hidden rounded-full bg-muted\">\n        <div\n          className={cn('h-full rounded-full transition-[width]', tone)}\n          style={{ width: `${clamped}%` }}\n          role=\"progressbar\"\n          aria-valuenow={clamped}\n          aria-valuemin={0}\n          aria-valuemax={100}\n          aria-label={label}\n        />\n      </div>\n    </div>\n  )\n}\n"]}

package/dist/chunk-UBNVIIBT.js

@@ -0,0 +1,284 @@
+"use client";
+import { observeResize } from './chunk-NPLYHR2E.js';
+import { testIdOr } from './chunk-7F6CBP3Z.js';
+import { useRef, useState, useEffect, useCallback } from 'react';
+import { X } from 'lucide-react';
+import { Tooltip, TooltipTrigger, TooltipContent, cn, Badge } from '@arbidocs/react/ui';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var DEFAULT_TAB_HEADER_LABELS = {
+  closeTab: "Close tab"
+};
+var COMPACT_SECTION = "[&_button]:h-7 [&_button]:px-2 [&_button]:py-0 [&_button]:text-sm [&_button]:font-medium [&_[role=button]]:h-7 [&_[role=button]]:px-2 [&_[role=button]]:py-0 [&_[role=button]]:text-sm [&_[role=button]]:font-medium pointer-coarse:[&_button]:h-11! pointer-coarse:[&_[role=button]]:h-11!";
+function TabButton({
+  tab,
+  isActive,
+  isChip,
+  isCompact,
+  onTabChange,
+  labels,
+  testIds
+}) {
+  const hideLabel = isCompact && !!tab.icon && !isActive;
+  const handleClick = useCallback(() => {
+    if (!tab.disabled) onTabChange(tab.id);
+  }, [tab.disabled, tab.id, onTabChange]);
+  const handleKeyDown = useCallback(
+    (e) => {
+      if (tab.disabled) return;
+      if (e.key === "Enter" || e.key === " ") {
+        e.preventDefault();
+        onTabChange(tab.id);
+      }
+    },
+    [tab.disabled, tab.id, onTabChange]
+  );
+  const handleClose = useCallback(
+    (e) => {
+      e.stopPropagation();
+      tab.onClose?.();
+    },
+    [tab]
+  );
+  const className = cn(
+    "group relative z-[1] flex pointer-coarse:h-11 cursor-pointer items-center justify-start text-left text-sm transition-colors",
+    isChip ? "h-8 max-w-[260px] rounded-md px-2.5" : "h-9 max-w-[320px] border-b-2 bg-transparent px-2.5",
+    isChip ? isActive ? "bg-muted font-semibold text-foreground" : "bg-transparent font-medium text-muted-foreground hover:bg-muted/60 hover:text-foreground" : isActive ? "border-b-primary font-semibold text-foreground" : "border-b-transparent font-medium text-muted-foreground hover:text-foreground",
+    // Touch: an icon-only tab still meets the 44px target; a titled active tab truncates.
+    isCompact && tab.icon && (isActive ? "max-w-[45vw]" : "pointer-coarse:min-w-11 justify-center"),
+    tab.disabled && "cursor-not-allowed opacity-50",
+    tab.tabClassName
+  );
+  const countBadge = tab.count === void 0 ? null : (
+    // A plain muted number, a footnote to the label. A filtered count switches to primary ink so
+    // "this is narrowed" still reads without a fill.
+    /* @__PURE__ */ jsxs(
+      "span",
+      {
+        "data-testid": testIdOr(testIds?.count, { testId: "tab-count" }),
+        className: cn(
+          "flex-shrink-0 items-center justify-center gap-1 font-normal leading-none tabular-nums",
+          tab.countIcon ? "text-sm" : "text-xs",
+          tab.countPlacement === "leading" ? "mr-1.5" : "ml-1.5",
+          // Compact rows drop counts to save width, but a tab whose glyph lives in the count has
+          // nothing else to show: there the count IS the tab.
+          isCompact && !tab.countIcon ? "hidden" : "inline-flex",
+          tab.hasActiveFilters ? "font-semibold text-primary" : "text-muted-foreground"
+        ),
+        children: [
+          tab.countIcon && /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "flex shrink-0 items-center justify-center", children: tab.countIcon }),
+          tab.isProcessing ? /* @__PURE__ */ jsx("span", { className: "animate-pulse", children: tab.count }) : tab.count
+        ]
+      }
+    )
+  );
+  const content = tab.pill ? (
+    // The outer wrapper hosts the processing dot outside the pill's bounds; the inner span keeps
+    // the truncation the pill needs without clipping the dot.
+    /* @__PURE__ */ jsxs("span", { className: "relative inline-flex min-w-0 items-center", children: [
+      /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate overflow-hidden", children: tab.pill }),
+      tab.isProcessing && /* @__PURE__ */ jsx("span", { className: "absolute -right-1 -top-1 size-2 rounded-full border border-background bg-yellow-solid" })
+    ] })
+  ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+    tab.icon && /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn(
+          "flex size-5 flex-shrink-0 items-center justify-center",
+          !hideLabel && "mr-1.5"
+        ),
+        children: tab.icon
+      }
+    ),
+    tab.countPlacement === "leading" && countBadge,
+    /* @__PURE__ */ jsx("span", { className: cn("truncate", hideLabel ? "hidden" : "inline"), children: tab.label }),
+    tab.countPlacement !== "leading" && countBadge,
+    tab.badge && (typeof tab.badge === "string" ? /* @__PURE__ */ jsx(
+      Badge,
+      {
+        variant: "outline",
+        className: cn("ml-1.5 truncate", isCompact ? "max-w-[120px]" : "max-w-none"),
+        children: tab.badge
+      }
+    ) : /* @__PURE__ */ jsx("span", { className: "ml-1.5 inline-flex items-center", children: tab.badge }))
+  ] });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("flex items-end", isChip && "pb-1"),
+      "data-testid": testIdOr(tab.testId, { testId: `${tab.id}-tab` }),
+      onMouseEnter: tab.actionsHoverHandlers?.onMouseEnter,
+      onMouseLeave: tab.actionsHoverHandlers?.onMouseLeave,
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          role: "button",
+          tabIndex: tab.disabled ? -1 : 0,
+          "aria-disabled": tab.disabled || void 0,
+          "aria-current": isActive ? "true" : void 0,
+          "data-slot": "tab",
+          "data-state": isActive ? "active" : "inactive",
+          "aria-label": hideLabel && typeof tab.label === "string" ? tab.label : void 0,
+          title: hideLabel && !tab.tooltip && typeof tab.label === "string" ? tab.label : void 0,
+          className,
+          onClick: handleClick,
+          onKeyDown: handleKeyDown,
+          children: [
+            content,
+            tab.actions && /* @__PURE__ */ jsx("span", { className: "ml-auto flex-shrink-0", onClick: (e) => e.stopPropagation(), children: tab.actions }),
+            tab.onClose && /* @__PURE__ */ jsxs(Tooltip, { children: [
+              /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+                "span",
+                {
+                  role: "button",
+                  tabIndex: 0,
+                  className: cn(
+                    "ml-0.5 inline-flex !size-4 flex-shrink-0 items-center justify-center rounded-sm !p-0 text-muted-foreground transition-colors hover:bg-foreground/10 hover:text-foreground pointer-coarse:!size-11",
+                    // A chip row keeps the close button quiet until the chip is the active one or is
+                    // hovered or focused; touch always shows it (there is no hover).
+                    isChip && !isActive && "opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 pointer-coarse:opacity-100"
+                  ),
+                  onClick: handleClose,
+                  "aria-label": tab.closeTooltip || labels.closeTab,
+                  "data-testid": testIdOr(testIds?.closeButton, { testId: "close-tab-button" }),
+                  children: /* @__PURE__ */ jsx(X, { className: "size-3" })
+                }
+              ) }),
+              /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: tab.closeTooltip || labels.closeTab }) })
+            ] })
+          ]
+        }
+      )
+    }
+  );
+}
+function TabHeader({
+  tabs,
+  activeTabId,
+  onTabChange,
+  leading,
+  leftContent,
+  afterTabs,
+  centerContent,
+  absoluteCenterContent,
+  rightContent,
+  className,
+  compactBreakpoint = 640,
+  labels,
+  variant,
+  testId,
+  testIds
+}) {
+  const mergedLabels = { ...DEFAULT_TAB_HEADER_LABELS, ...labels };
+  const isChipRow = variant ? variant === "chips" : tabs.some((tab) => !!tab.onClose);
+  const containerRef = useRef(null);
+  const scrollerRef = useRef(null);
+  const [isCompact, setIsCompact] = useState(false);
+  const [canScrollEnd, setCanScrollEnd] = useState(false);
+  useEffect(() => {
+    const container = containerRef.current;
+    if (!container) return;
+    return observeResize(container, (entries) => {
+      for (const entry of entries) setIsCompact(entry.contentRect.width < compactBreakpoint);
+    });
+  }, [compactBreakpoint]);
+  useEffect(() => {
+    const scroller = scrollerRef.current;
+    if (!scroller) return;
+    const update = () => setCanScrollEnd(scroller.scrollLeft + scroller.clientWidth < scroller.scrollWidth - 1);
+    update();
+    scroller.addEventListener("scroll", update, { passive: true });
+    const stopObserving = observeResize(scroller, update);
+    return () => {
+      scroller.removeEventListener("scroll", update);
+      stopObserving();
+    };
+  }, [tabs.length]);
+  useEffect(() => {
+    const active = scrollerRef.current?.querySelector('[data-slot="tab"][data-state="active"]');
+    if (active && typeof active.scrollIntoView === "function") {
+      active.scrollIntoView({ inline: "nearest", block: "nearest" });
+    }
+  }, [activeTabId]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: containerRef,
+      className: cn("w-full bg-background pt-1 pb-2", className),
+      "data-slot": "tab-header",
+      "data-testid": testIdOr(testId, { testId: "tab-header" }),
+      children: /* @__PURE__ */ jsxs("div", { className: "relative bg-background", children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": true,
+            className: "pointer-events-none absolute inset-x-0 bottom-0 h-px bg-border"
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "relative flex min-h-[40px] items-end justify-between gap-4", children: [
+          leading && /* @__PURE__ */ jsx("div", { className: "absolute bottom-1.5 left-1.5 z-10 flex items-center", children: leading }),
+          /* @__PURE__ */ jsxs("div", { className: "relative flex min-w-0 flex-shrink items-end", children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                ref: scrollerRef,
+                "data-slot": "tab-scroller",
+                className: cn(
+                  "flex min-w-0 items-end overflow-x-auto overflow-y-hidden pt-1",
+                  leading ? "pl-8" : "pl-3"
+                ),
+                children: leftContent || /* @__PURE__ */ jsxs("div", { className: "flex items-end gap-1", children: [
+                  tabs.map((tab) => {
+                    const tabButton = /* @__PURE__ */ jsx(
+                      TabButton,
+                      {
+                        tab,
+                        isActive: activeTabId === tab.id,
+                        isChip: isChipRow,
+                        isCompact: isCompact && tabs.length > 1,
+                        onTabChange,
+                        labels: mergedLabels,
+                        testIds
+                      },
+                      tab.id
+                    );
+                    if (!tab.tooltip) return tabButton;
+                    return /* @__PURE__ */ jsxs(Tooltip, { children: [
+                      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: tabButton }),
+                      /* @__PURE__ */ jsx(TooltipContent, { side: "bottom", children: /* @__PURE__ */ jsx("p", { children: tab.tooltip }) })
+                    ] }, tab.id);
+                  }),
+                  afterTabs && /* @__PURE__ */ jsx("div", { className: cn("self-center", COMPACT_SECTION), children: typeof afterTabs === "function" ? afterTabs(isCompact) : afterTabs })
+                ] })
+              }
+            ),
+            canScrollEnd && /* @__PURE__ */ jsx(
+              "span",
+              {
+                "aria-hidden": true,
+                "data-slot": "tab-scroll-cue",
+                className: "pointer-events-none absolute inset-y-0 right-0 w-8 bg-gradient-to-l from-background to-transparent"
+              }
+            )
+          ] }),
+          centerContent && /* @__PURE__ */ jsx("div", { className: cn("flex min-w-fit flex-1 items-center self-center", COMPACT_SECTION), children: typeof centerContent === "function" ? centerContent(isCompact) : centerContent }),
+          absoluteCenterContent && /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: "pointer-events-auto", children: absoluteCenterContent }) }),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "flex flex-shrink-0 items-center justify-end gap-2 self-center",
+                COMPACT_SECTION
+              ),
+              children: typeof rightContent === "function" ? rightContent(isCompact) : rightContent
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}
+
+export { DEFAULT_TAB_HEADER_LABELS, TabHeader };
+//# sourceMappingURL=chunk-UBNVIIBT.js.map
+//# sourceMappingURL=chunk-UBNVIIBT.js.map

package/dist/chunk-UBNVIIBT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/shell/TabHeader.tsx"],"names":[],"mappings":"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","file":"chunk-UBNVIIBT.js","sourcesContent":["import {\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  type KeyboardEvent,\n  type MouseEvent,\n  type ReactNode,\n} from 'react'\nimport { X } from 'lucide-react'\nimport { Badge, cn, Tooltip, TooltipContent, TooltipTrigger } from '@arbidocs/react/ui'\nimport { testIdOr } from '../chat/test-id'\nimport { observeResize } from '../lib/observe-resize'\n\n/** Fixed strings of the tab row. */\nexport interface TabHeaderLabels {\n  /** A tab's close button (a tab's own `closeTooltip` wins). */\n  closeTab: string\n}\n\nexport const DEFAULT_TAB_HEADER_LABELS: TabHeaderLabels = {\n  closeTab: 'Close tab',\n}\n\nexport interface Tab {\n  id: string\n  label: string | ReactNode\n  testId?: string\n  icon?: ReactNode\n  /**\n   * An entity pill (conversation, workspace, …) shown in place of the icon + label. The app\n   * renders it, so the block stays free of entity components.\n   */\n  pill?: ReactNode\n  count?: number\n  /** Where the count sits relative to the label. Defaults to 'trailing'. */\n  countPlacement?: 'leading' | 'trailing'\n  /** Glyph INSIDE the count, in front of the number, so icon and count read as one object. */\n  countIcon?: ReactNode\n  badge?: string | ReactNode\n  disabled?: boolean\n  tooltip?: string\n  actions?: ReactNode\n  /** Hover handlers from actions (e.g. a filter dropdown), attached to the whole tab wrapper. */\n  actionsHoverHandlers?: { onMouseEnter: () => void; onMouseLeave: () => void }\n  isProcessing?: boolean\n  isVariable?: boolean\n  onClose?: () => void\n  closeTooltip?: string\n  hasActiveFilters?: boolean\n  /** Extra classes for the tab button. */\n  tabClassName?: string\n}\n\n/** Forces buttons in a header section to a uniform compact size (28px, 14px text). */\nconst COMPACT_SECTION =\n  '[&_button]:h-7 [&_button]:px-2 [&_button]:py-0 [&_button]:text-sm [&_button]:font-medium ' +\n  '[&_[role=button]]:h-7 [&_[role=button]]:px-2 [&_[role=button]]:py-0 [&_[role=button]]:text-sm [&_[role=button]]:font-medium ' +\n  // Touch: the compact 28px floor is lifted to 44px (important beats the rules above).\n  'pointer-coarse:[&_button]:h-11! pointer-coarse:[&_[role=button]]:h-11!'\n\ninterface TabButtonProps {\n  tab: Tab\n  isActive: boolean\n  /** Closable-items row: a soft chip with a close button instead of an underline. */\n  isChip: boolean\n  isCompact: boolean\n  onTabChange: (tabId: string) => void\n  labels: TabHeaderLabels\n  testIds?: TabHeaderProps['testIds']\n}\n\nfunction TabButton({\n  tab,\n  isActive,\n  isChip,\n  isCompact,\n  onTabChange,\n  labels,\n  testIds,\n}: TabButtonProps) {\n  // Compact mode (narrow header) collapses every INACTIVE tab that has an icon to icon-only so\n  // the trailing controls are never pushed off the edge. The active tab keeps a truncated title:\n  // otherwise two icon-only tabs cannot be told apart on a phone. Collapsed tabs keep an\n  // accessible name and a title with their label; label-only tabs keep their text.\n  const hideLabel = isCompact && !!tab.icon && !isActive\n  const handleClick = useCallback(() => {\n    if (!tab.disabled) onTabChange(tab.id)\n  }, [tab.disabled, tab.id, onTabChange])\n\n  // div+role=button needs explicit keyboard handling; Space must not scroll the page.\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLDivElement>) => {\n      if (tab.disabled) return\n      if (e.key === 'Enter' || e.key === ' ') {\n        e.preventDefault()\n        onTabChange(tab.id)\n      }\n    },\n    [tab.disabled, tab.id, onTabChange]\n  )\n\n  const handleClose = useCallback(\n    (e: MouseEvent) => {\n      e.stopPropagation()\n      tab.onClose?.()\n    },\n    [tab]\n  )\n\n  // Two looks, chosen by the row: a row that holds closable items (conversations, open panels)\n  // shows soft chips, the active one filled, so \"close\" has an obvious owner. Every other row is a\n  // plain underline: ink text + a 2px primary underline for the active tab, nothing else.\n  const className = cn(\n    'group relative z-[1] flex pointer-coarse:h-11 cursor-pointer items-center justify-start text-left text-sm transition-colors',\n    isChip\n      ? 'h-8 max-w-[260px] rounded-md px-2.5'\n      : 'h-9 max-w-[320px] border-b-2 bg-transparent px-2.5',\n    isChip\n      ? isActive\n        ? 'bg-muted font-semibold text-foreground'\n        : 'bg-transparent font-medium text-muted-foreground hover:bg-muted/60 hover:text-foreground'\n      : isActive\n        ? 'border-b-primary font-semibold text-foreground'\n        : 'border-b-transparent font-medium text-muted-foreground hover:text-foreground',\n    // Touch: an icon-only tab still meets the 44px target; a titled active tab truncates.\n    isCompact && tab.icon && (isActive ? 'max-w-[45vw]' : 'pointer-coarse:min-w-11 justify-center'),\n    tab.disabled && 'cursor-not-allowed opacity-50',\n    tab.tabClassName\n  )\n\n  const countBadge =\n    tab.count === undefined ? null : (\n      // A plain muted number, a footnote to the label. A filtered count switches to primary ink so\n      // \"this is narrowed\" still reads without a fill.\n      <span\n        data-testid={testIdOr(testIds?.count, { testId: 'tab-count' })}\n        className={cn(\n          'flex-shrink-0 items-center justify-center gap-1 font-normal leading-none tabular-nums',\n          tab.countIcon ? 'text-sm' : 'text-xs',\n          tab.countPlacement === 'leading' ? 'mr-1.5' : 'ml-1.5',\n          // Compact rows drop counts to save width, but a tab whose glyph lives in the count has\n          // nothing else to show: there the count IS the tab.\n          isCompact && !tab.countIcon ? 'hidden' : 'inline-flex',\n          tab.hasActiveFilters ? 'font-semibold text-primary' : 'text-muted-foreground'\n        )}\n      >\n        {tab.countIcon && (\n          <span aria-hidden className=\"flex shrink-0 items-center justify-center\">\n            {tab.countIcon}\n          </span>\n        )}\n        {tab.isProcessing ? <span className=\"animate-pulse\">{tab.count}</span> : tab.count}\n      </span>\n    )\n\n  const content = tab.pill ? (\n    // The outer wrapper hosts the processing dot outside the pill's bounds; the inner span keeps\n    // the truncation the pill needs without clipping the dot.\n    <span className=\"relative inline-flex min-w-0 items-center\">\n      <span className=\"min-w-0 truncate overflow-hidden\">{tab.pill}</span>\n      {tab.isProcessing && (\n        <span className=\"absolute -right-1 -top-1 size-2 rounded-full border border-background bg-yellow-solid\" />\n      )}\n    </span>\n  ) : (\n    <>\n      {tab.icon && (\n        <span\n          className={cn(\n            'flex size-5 flex-shrink-0 items-center justify-center',\n            !hideLabel && 'mr-1.5'\n          )}\n        >\n          {tab.icon}\n        </span>\n      )}\n      {tab.countPlacement === 'leading' && countBadge}\n      <span className={cn('truncate', hideLabel ? 'hidden' : 'inline')}>{tab.label}</span>\n      {tab.countPlacement !== 'leading' && countBadge}\n      {tab.badge &&\n        (typeof tab.badge === 'string' ? (\n          <Badge\n            variant=\"outline\"\n            className={cn('ml-1.5 truncate', isCompact ? 'max-w-[120px]' : 'max-w-none')}\n          >\n            {tab.badge}\n          </Badge>\n        ) : (\n          <span className=\"ml-1.5 inline-flex items-center\">{tab.badge}</span>\n        ))}\n    </>\n  )\n\n  return (\n    <div\n      className={cn('flex items-end', isChip && 'pb-1')}\n      data-testid={testIdOr(tab.testId, { testId: `${tab.id}-tab` })}\n      onMouseEnter={tab.actionsHoverHandlers?.onMouseEnter}\n      onMouseLeave={tab.actionsHoverHandlers?.onMouseLeave}\n    >\n      {/* role=button on a div, not a <button>: a tab whose badge holds a real interactive element\n          (an entity tooltip trigger) would otherwise nest a button inside a button. */}\n      <div\n        role=\"button\"\n        tabIndex={tab.disabled ? -1 : 0}\n        aria-disabled={tab.disabled || undefined}\n        aria-current={isActive ? 'true' : undefined}\n        data-slot=\"tab\"\n        data-state={isActive ? 'active' : 'inactive'}\n        // Icon-only tabs expose the label for a11y and as a native title.\n        aria-label={hideLabel && typeof tab.label === 'string' ? tab.label : undefined}\n        title={hideLabel && !tab.tooltip && typeof tab.label === 'string' ? tab.label : undefined}\n        className={className}\n        onClick={handleClick}\n        onKeyDown={handleKeyDown}\n      >\n        {content}\n        {tab.actions && (\n          <span className=\"ml-auto flex-shrink-0\" onClick={(e) => e.stopPropagation()}>\n            {tab.actions}\n          </span>\n        )}\n        {tab.onClose && (\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <span\n                role=\"button\"\n                tabIndex={0}\n                className={cn(\n                  'ml-0.5 inline-flex !size-4 flex-shrink-0 items-center justify-center rounded-sm !p-0 text-muted-foreground transition-colors hover:bg-foreground/10 hover:text-foreground pointer-coarse:!size-11',\n                  // A chip row keeps the close button quiet until the chip is the active one or is\n                  // hovered or focused; touch always shows it (there is no hover).\n                  isChip &&\n                    !isActive &&\n                    'opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 pointer-coarse:opacity-100'\n                )}\n                onClick={handleClose}\n                aria-label={tab.closeTooltip || labels.closeTab}\n                data-testid={testIdOr(testIds?.closeButton, { testId: 'close-tab-button' })}\n              >\n                <X className=\"size-3\" />\n              </span>\n            </TooltipTrigger>\n            <TooltipContent>\n              <p>{tab.closeTooltip || labels.closeTab}</p>\n            </TooltipContent>\n          </Tooltip>\n        )}\n      </div>\n    </div>\n  )\n}\n\nexport interface TabHeaderProps {\n  tabs: Tab[]\n  activeTabId: string\n  onTabChange: (tabId: string) => void\n  /** Pinned to the far left before the tabs (e.g. the sidebar toggle). */\n  leading?: ReactNode\n  leftContent?: ReactNode\n  afterTabs?: ReactNode | ((isCompact: boolean) => ReactNode)\n  centerContent?: ReactNode | ((isCompact: boolean) => ReactNode)\n  /** Pinned to the true horizontal center of the row, independent of left/right widths. */\n  absoluteCenterContent?: ReactNode\n  rightContent?: ReactNode | ((isCompact: boolean) => ReactNode)\n  className?: string\n  /** Header width below which tabs collapse to icons. */\n  compactBreakpoint?: number\n  labels?: Partial<TabHeaderLabels>\n  /**\n   * `chips` renders every tab as a soft chip (for rows of closable items), `underline` as a plain\n   * underline tab. Default: chips when any tab can be closed, underline otherwise.\n   */\n  variant?: 'underline' | 'chips'\n  /** Root id (default `tab-header`). */\n  testId?: string\n  /**\n   * Per-tab ids; defaults are the current ids. A tab's own id is `Tab.testId`, else `<tab id>-tab`\n   * (structural).\n   */\n  testIds?: Partial<Record<'count' | 'closeButton', string>>\n}\n\n/** Underline tab row with leading / center / right slots; collapses to icons when narrow. */\nexport function TabHeader({\n  tabs,\n  activeTabId,\n  onTabChange,\n  leading,\n  leftContent,\n  afterTabs,\n  centerContent,\n  absoluteCenterContent,\n  rightContent,\n  className,\n  compactBreakpoint = 640,\n  labels,\n  variant,\n  testId,\n  testIds,\n}: TabHeaderProps) {\n  const mergedLabels = { ...DEFAULT_TAB_HEADER_LABELS, ...labels }\n  const isChipRow = variant ? variant === 'chips' : tabs.some((tab) => !!tab.onClose)\n  const containerRef = useRef<HTMLDivElement>(null)\n  const scrollerRef = useRef<HTMLDivElement>(null)\n  const [isCompact, setIsCompact] = useState(false)\n  const [canScrollEnd, setCanScrollEnd] = useState(false)\n\n  useEffect(() => {\n    const container = containerRef.current\n    if (!container) return\n    return observeResize(container, (entries) => {\n      for (const entry of entries) setIsCompact(entry.contentRect.width < compactBreakpoint)\n    })\n  }, [compactBreakpoint])\n\n  // Overflow cue: track whether tabs are hidden past the trailing edge.\n  useEffect(() => {\n    const scroller = scrollerRef.current\n    if (!scroller) return\n    const update = () =>\n      setCanScrollEnd(scroller.scrollLeft + scroller.clientWidth < scroller.scrollWidth - 1)\n    update()\n    scroller.addEventListener('scroll', update, { passive: true })\n    const stopObserving = observeResize(scroller, update)\n    return () => {\n      scroller.removeEventListener('scroll', update)\n      stopObserving()\n    }\n  }, [tabs.length])\n\n  // Keep the active tab visible when it changes (or on first render) in a scrolling row.\n  useEffect(() => {\n    const active = scrollerRef.current?.querySelector('[data-slot=\"tab\"][data-state=\"active\"]')\n    if (active && typeof active.scrollIntoView === 'function') {\n      active.scrollIntoView({ inline: 'nearest', block: 'nearest' })\n    }\n  }, [activeTabId])\n\n  return (\n    <div\n      ref={containerRef}\n      className={cn('w-full bg-background pt-1 pb-2', className)}\n      data-slot=\"tab-header\"\n      data-testid={testIdOr(testId, { testId: 'tab-header' })}\n    >\n      <div className=\"relative bg-background\">\n        {/* The hairline lives on this non-scrolling wrapper: overflow-y-hidden on the scroll row\n            would clip the active tab's underline overhang. The tabs paint over the line. */}\n        <span\n          aria-hidden\n          className=\"pointer-events-none absolute inset-x-0 bottom-0 h-px bg-border\"\n        />\n        {/* overflow-y-hidden is mandatory: overflow-x-auto alone makes the browser compute\n            overflow-y to `auto` too, surfacing a phantom vertical scrollbar from sub-pixel\n            overflow (e.g. the processing dot's -top-1). pt-1 keeps that dot inside the clip box. */}\n        <div className=\"relative flex min-h-[40px] items-end justify-between gap-4\">\n          {/* Leading slot: placed in the left margin (the pl-8 gap), claiming no extra width. */}\n          {leading && (\n            <div className=\"absolute bottom-1.5 left-1.5 z-10 flex items-center\">{leading}</div>\n          )}\n          {/* Only the tabs scroll: the center and right slots sit outside the scroller so they can\n              never overlap a tab, and a fade at the trailing edge signals that more tabs exist. */}\n          <div className=\"relative flex min-w-0 flex-shrink items-end\">\n            <div\n              ref={scrollerRef}\n              data-slot=\"tab-scroller\"\n              className={cn(\n                'flex min-w-0 items-end overflow-x-auto overflow-y-hidden pt-1',\n                leading ? 'pl-8' : 'pl-3'\n              )}\n            >\n              {leftContent || (\n                <div className=\"flex items-end gap-1\">\n                  {tabs.map((tab) => {\n                    const tabButton = (\n                      <TabButton\n                        key={tab.id}\n                        tab={tab}\n                        isActive={activeTabId === tab.id}\n                        isChip={isChipRow}\n                        // A lone tab competes with nothing: its label is the surface's title.\n                        isCompact={isCompact && tabs.length > 1}\n                        onTabChange={onTabChange}\n                        labels={mergedLabels}\n                        testIds={testIds}\n                      />\n                    )\n                    if (!tab.tooltip) return tabButton\n                    return (\n                      <Tooltip key={tab.id}>\n                        <TooltipTrigger asChild>{tabButton}</TooltipTrigger>\n                        {/* Below: the header can sit at the very top of the viewport. */}\n                        <TooltipContent side=\"bottom\">\n                          <p>{tab.tooltip}</p>\n                        </TooltipContent>\n                      </Tooltip>\n                    )\n                  })}\n                  {afterTabs && (\n                    <div className={cn('self-center', COMPACT_SECTION)}>\n                      {typeof afterTabs === 'function' ? afterTabs(isCompact) : afterTabs}\n                    </div>\n                  )}\n                </div>\n              )}\n            </div>\n            {canScrollEnd && (\n              <span\n                aria-hidden\n                data-slot=\"tab-scroll-cue\"\n                className=\"pointer-events-none absolute inset-y-0 right-0 w-8 bg-gradient-to-l from-background to-transparent\"\n              />\n            )}\n          </div>\n\n          {centerContent && (\n            <div className={cn('flex min-w-fit flex-1 items-center self-center', COMPACT_SECTION)}>\n              {typeof centerContent === 'function' ? centerContent(isCompact) : centerContent}\n            </div>\n          )}\n\n          {/* pointer-events-none on the overlay so clicks reach the tabs beneath; the inner div\n              re-enables them for the actual content. */}\n          {absoluteCenterContent && (\n            <div className=\"pointer-events-none absolute inset-0 z-10 flex items-center justify-center\">\n              <div className=\"pointer-events-auto\">{absoluteCenterContent}</div>\n            </div>\n          )}\n\n          <div\n            className={cn(\n              'flex flex-shrink-0 items-center justify-end gap-2 self-center',\n              COMPACT_SECTION\n            )}\n          >\n            {typeof rightContent === 'function' ? rightContent(isCompact) : rightContent}\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n"]}