@arbidocs/blocks 0.4.84 → 0.4.85

package/dist/chunk-7RJTEWYM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/files/FolderPicker.tsx","../src/files/bulk/FolderFilterButton.tsx","../src/files/page/FilesPageParts.tsx"],"names":["jsxs","jsx","cn","FolderOpen","Fragment","Button"],"mappings":"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","file":"chunk-7RJTEWYM.js","sourcesContent":["import { useCallback, useState } from 'react'\nimport type { ReactNode } from 'react'\nimport { Check, FolderOpen, Minus, Plus, X } from 'lucide-react'\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  cn,\n} from '@arbidocs/react/ui'\nimport { testIdOr } from '../chat/test-id'\n\n/** Every fixed string of the folder pickers. Pass a partial `labels` to translate or reword. */\nexport interface FolderPickerLabels {\n  none: string\n  removeFromFolder: string\n  searchOrCreate: string\n  noFolders: string\n  create: (name: string) => string\n}\n\nexport const DEFAULT_FOLDER_PICKER_LABELS: FolderPickerLabels = {\n  none: 'None',\n  removeFromFolder: 'Remove from folder',\n  searchOrCreate: 'Search or create...',\n  noFolders: 'No folders yet',\n  create: (name) => `Create \\u201c${name}\\u201d`,\n}\n\nexport interface FolderCommandListTestIds {\n  create: string\n  createOption: string\n  remove: string\n  /** Replaces the whole `folder-picker-option-<folder>` id. */\n  option: (folder: string) => string\n}\n\n// ── Tree row ────────────────────────────────────────────────────────────────────────────────\n\nexport interface FolderPickerRowProps {\n  label: string\n  /** Optional leading glyph (e.g. a connector brand mark for provider roots). */\n  icon?: ReactNode\n  /** Shown at the right edge; omit for rows with nothing to count (e.g. an empty unread count). */\n  count?: number\n  depth: number\n  isActive: boolean\n  muted?: boolean\n  /** Test id of the row button (none by default). */\n  testId?: string\n  /**\n   * Draw a checkbox in the leading slot instead of the single-select tick. A list you can pick\n   * SEVERAL rows from should look like one: a lone tick reads \"this is the current one\", a box\n   * reads \"tick the ones you want\".\n   */\n  checkbox?: boolean\n  /** Checkbox only: some descendants are selected, so show a dash, not a tick. */\n  indeterminate?: boolean\n  onClick: () => void\n}\n\n/** One folder row: indented by depth, with a count. Whole row is the target (44px on touch). */\nexport function FolderPickerRow({\n  label,\n  icon,\n  count,\n  depth,\n  isActive,\n  muted,\n  checkbox,\n  indeterminate,\n  testId,\n  onClick,\n}: FolderPickerRowProps) {\n  return (\n    <button\n      type=\"button\"\n      data-testid={testId}\n      onClick={onClick}\n      // The row IS the checkbox: a real <Checkbox> inside this button would nest one interactive\n      // element in another and swallow the click. role + aria-checked carry the same meaning.\n      role={checkbox ? 'checkbox' : undefined}\n      aria-checked={checkbox ? (indeterminate ? 'mixed' : isActive) : undefined}\n      style={{ paddingLeft: `${4 + depth * 14}px` }}\n      className={cn(\n        // `[&:hover]:`, not `hover:`: the latter compiles behind `@media (hover: hover)`, so on a\n        // touchscreen whose PRIMARY pointer reports `hover: none` the row would never highlight\n        // even with a real mouse attached. The arbitrary selector has no media gate.\n        'flex w-full items-center gap-1 rounded-sm py-1 pr-2 text-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring [&:hover]:bg-accent pointer-coarse:min-h-11',\n        isActive && 'bg-primary/10',\n        muted && !isActive && 'text-muted-foreground'\n      )}\n    >\n      <span className=\"flex w-4 shrink-0 items-center justify-center\">\n        {checkbox ? (\n          <span\n            className={cn(\n              'flex size-3.5 items-center justify-center rounded-[3px] border transition-colors',\n              isActive || indeterminate\n                ? 'border-primary bg-primary text-primary-foreground'\n                : 'border-muted-foreground/40'\n            )}\n          >\n            {indeterminate ? (\n              <Minus className=\"size-2.5\" />\n            ) : (\n              isActive && <Check className=\"size-2.5\" />\n            )}\n          </span>\n        ) : (\n          isActive && <Check className=\"size-3.5 text-primary\" />\n        )}\n      </span>\n      {icon}\n      {label !== '' && (\n        <span className={cn('min-w-0 truncate', isActive && 'font-semibold text-primary')}>\n          {label}\n        </span>\n      )}\n      {count !== undefined && (\n        <span className=\"ml-auto pl-2 text-sm font-semibold text-muted-foreground\">{count}</span>\n      )}\n    </button>\n  )\n}\n\n// ── Tree ────────────────────────────────────────────────────────────────────────────────────\n\nexport interface FolderTreeNode {\n  path: string\n  label: string\n  depth: number\n  count: number\n  /** Replaces the label's default look (provider roots show a brand mark). */\n  icon?: ReactNode\n}\n\nexport interface FolderTreeProps {\n  nodes: FolderTreeNode[]\n  unfiledCount: number\n  /** string = folder path selected, null = Unfiled selected, undefined = nothing selected. */\n  value: string | null | undefined\n  onChange: (folder: string | null) => void\n  /** Show the Unfiled (\"None\") row even when it is empty. */\n  showUnfiledAlways?: boolean\n  labels?: Partial<FolderPickerLabels>\n}\n\n/** Folder hierarchy with an Unfiled option at the bottom. No \"All\" row: callers add their own. */\nexport function FolderTree({\n  nodes,\n  unfiledCount,\n  value,\n  onChange,\n  showUnfiledAlways,\n  labels,\n}: FolderTreeProps) {\n  const l = { ...DEFAULT_FOLDER_PICKER_LABELS, ...labels }\n  return (\n    <div className=\"max-h-[240px] overflow-y-auto\">\n      {nodes.map((node) => (\n        <FolderPickerRow\n          key={node.path}\n          label={node.label}\n          icon={node.icon}\n          count={node.count}\n          depth={node.depth}\n          isActive={value === node.path}\n          onClick={() => onChange(node.path)}\n        />\n      ))}\n      {(unfiledCount > 0 || showUnfiledAlways) && (\n        <>\n          {nodes.length > 0 && <div className=\"my-1 border-t border-border\" />}\n          <FolderPickerRow\n            label={l.none}\n            count={unfiledCount}\n            depth={0}\n            isActive={value === null}\n            muted\n            onClick={() => onChange(null)}\n          />\n        </>\n      )}\n    </div>\n  )\n}\n\n// ── Searchable list ─────────────────────────────────────────────────────────────────────────\n\nfunction FolderBreadcrumb({ folder }: { folder: string }) {\n  const parts = folder.split('/')\n  return (\n    <span className=\"whitespace-nowrap\">\n      {parts.map((part, i) => (\n        <span key={i} className=\"inline-flex items-center gap-0.5\">\n          {i > 0 && <span className=\"mx-0.5 text-sm text-muted-foreground/50\">/</span>}\n          <span className={i < parts.length - 1 ? 'text-sm text-muted-foreground' : ''}>\n            {part}\n          </span>\n        </span>\n      ))}\n    </span>\n  )\n}\n\nexport interface FolderCommandListProps {\n  /** Existing folder paths (the host derives them from its documents). */\n  folders: string[]\n  /** Selected folder (null = unfiled, undefined = no selection). */\n  value?: string | null\n  /** A folder was picked or a new one created. */\n  onSelect: (folder: string | null) => void\n  /** Show the remove / move-to-root option. */\n  showRemove?: boolean\n  /** Wins over `labels.removeFromFolder`. */\n  removeLabel?: string\n  /** Wins over `labels.searchOrCreate`. */\n  placeholder?: string\n  autoFocus?: boolean\n  labels?: Partial<FolderPickerLabels>\n  /** Overrides for the test ids (defaults keep the current ids). */\n  testIds?: Partial<FolderCommandListTestIds>\n}\n\n/**\n * Searchable folder picker: filter existing folders, create one by typing a new name, optional\n * \"Remove from folder\". Shows hierarchy as breadcrumbs.\n */\nexport function FolderCommandList({\n  folders,\n  value,\n  onSelect,\n  showRemove = false,\n  removeLabel,\n  placeholder,\n  autoFocus = true,\n  labels,\n  testIds,\n}: FolderCommandListProps) {\n  const l = { ...DEFAULT_FOLDER_PICKER_LABELS, ...labels }\n  const [search, setSearch] = useState('')\n  const trimmed = search.trim()\n  const matchesExisting = folders.some((f) => f.toLowerCase() === trimmed.toLowerCase())\n\n  const handleCreate = useCallback(\n    (name: string) => {\n      const next = name.trim()\n      if (!next) return\n      onSelect(next)\n      setSearch('')\n    },\n    [onSelect]\n  )\n\n  return (\n    <Command shouldFilter={true}>\n      <CommandInput\n        placeholder={placeholder ?? l.searchOrCreate}\n        value={search}\n        onValueChange={setSearch}\n        autoFocus={autoFocus}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter' && trimmed && !matchesExisting) {\n            e.preventDefault()\n            handleCreate(search)\n          }\n        }}\n      />\n      <CommandList>\n        <CommandEmpty>\n          {trimmed ? (\n            <button\n              type=\"button\"\n              data-testid={testIdOr(testIds?.create, { testId: 'folder-picker-create' })}\n              onClick={() => handleCreate(search)}\n              onPointerDown={(e) => e.preventDefault()}\n              className=\"flex w-full cursor-pointer items-center gap-1.5 rounded px-2 py-1.5 text-left text-sm text-primary hover:bg-accent pointer-coarse:min-h-11\"\n            >\n              <Plus className=\"size-3.5 shrink-0\" />\n              {l.create(trimmed)}\n            </button>\n          ) : (\n            <span className=\"text-muted-foreground\">{l.noFolders}</span>\n          )}\n        </CommandEmpty>\n        <CommandGroup>\n          {folders.map((folder) => (\n            <CommandItem\n              key={folder}\n              value={folder}\n              data-testid={testIdOr(testIds?.option?.(folder), {\n                testId: `folder-picker-option-${folder}`,\n              })}\n              onSelect={() => onSelect(folder)}\n              onPointerDown={(e) => e.preventDefault()}\n              className=\"cursor-pointer text-sm\"\n            >\n              <FolderOpen className=\"mr-1.5 size-3.5 flex-none shrink-0 text-yellow-text\" />\n              <FolderBreadcrumb folder={folder} />\n              {value === folder && (\n                <span className=\"ml-auto flex-none text-sm text-primary\">✓</span>\n              )}\n            </CommandItem>\n          ))}\n        </CommandGroup>\n\n        {trimmed && !matchesExisting && folders.length > 0 && (\n          <CommandGroup>\n            <CommandItem\n              value={`__create__${trimmed}`}\n              data-testid={testIdOr(testIds?.createOption, {\n                testId: 'folder-picker-create-option',\n              })}\n              onSelect={() => handleCreate(search)}\n              onPointerDown={(e) => e.preventDefault()}\n              className=\"cursor-pointer text-sm text-primary\"\n            >\n              <Plus className=\"mr-1.5 size-3.5 shrink-0\" />\n              <span>{l.create(trimmed)}</span>\n            </CommandItem>\n          </CommandGroup>\n        )}\n\n        {showRemove && (\n          <CommandGroup>\n            <CommandItem\n              value=\"__none__\"\n              data-testid={testIdOr(testIds?.remove, { testId: 'folder-picker-remove' })}\n              onSelect={() => onSelect(null)}\n              onPointerDown={(e) => e.preventDefault()}\n              className=\"cursor-pointer text-sm text-muted-foreground\"\n            >\n              <X className=\"mr-1 size-3.5 shrink-0\" />\n              <span>{removeLabel ?? l.removeFromFolder}</span>\n              {value === null && <span className=\"ml-auto flex-none text-sm text-primary\">✓</span>}\n            </CommandItem>\n          </CommandGroup>\n        )}\n      </CommandList>\n    </Command>\n  )\n}\n","import type { ReactNode } from 'react'\nimport { ChevronDown, FolderOpen, FolderPlus } from 'lucide-react'\nimport { Button, Popover, PopoverContent, PopoverTrigger, cn } from '@arbidocs/react/ui'\nimport { FolderPickerRow } from '../FolderPicker'\nimport { testIdOr } from '../../chat/test-id'\n\n/** Every fixed string of the folder filter. Pass a partial `labels` to translate or reword. */\nexport interface FolderFilterLabels {\n  all: string\n  newFolder: string\n}\n\nexport const DEFAULT_FOLDER_FILTER_LABELS: FolderFilterLabels = {\n  all: 'All',\n  newFolder: 'New folder',\n}\n\nexport interface FolderFilterButtonProps {\n  /** Text of the active folder (\"All\", \"None\", or the display path). */\n  label: string\n  /** Leading glyph for connector folders; falls back to a folder icon. */\n  icon?: ReactNode\n  /** A folder filter is active: the trigger takes the selection tint. */\n  isActive: boolean\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  /** Total documents, shown on the \"All\" row. */\n  allCount?: number\n  /** When set, the popover starts with an \"All\" row; omit it for lists that have no \"All\". */\n  onSelectAll?: () => void\n  /** When set, the popover offers a \"New folder\" action. */\n  onNewFolder?: () => void\n  /** Slot: the folder tree picker. */\n  children: ReactNode\n  className?: string\n  labels?: Partial<FolderFilterLabels>\n  /** Test id of the trigger button (none by default). */\n  testId?: string\n  /** Overrides the \"New folder\" test id (default `explorer-new-folder`). */\n  newFolderTestId?: string\n}\n\n/**\n * The folder filter control: a ghost button naming the active folder that opens a popover with\n * an \"All\" row, the folder tree (slot) and an optional \"New folder\" action.\n */\nexport function FolderFilterButton({\n  label,\n  icon,\n  isActive,\n  open,\n  onOpenChange,\n  allCount,\n  onSelectAll,\n  onNewFolder,\n  children,\n  className,\n  labels,\n  testId,\n  newFolderTestId,\n}: FolderFilterButtonProps) {\n  const l = { ...DEFAULT_FOLDER_FILTER_LABELS, ...labels }\n  return (\n    <Popover open={open} onOpenChange={onOpenChange}>\n      <PopoverTrigger asChild>\n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          data-slot=\"folder-filter-button\"\n          data-testid={testId}\n          className={cn(\n            'h-7 shrink-0 gap-1.5 px-2 text-sm font-normal pointer-coarse:h-10',\n            isActive && 'bg-accent font-medium text-accent-foreground',\n            className\n          )}\n        >\n          {icon ?? (\n            <FolderOpen\n              className={cn(\n                'h-3.5 w-3.5 shrink-0 text-muted-foreground',\n                isActive && 'fill-muted-foreground/30'\n              )}\n            />\n          )}\n          <span className=\"max-w-[280px] truncate\">{label}</span>\n          <ChevronDown className=\"h-4 w-4 text-foreground\" strokeWidth={2.5} />\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent\n        className=\"w-max min-w-56 max-w-[480px] p-1 shadow-lg\"\n        align=\"start\"\n        sideOffset={4}\n      >\n        {onSelectAll && (\n          <>\n            <FolderPickerRow\n              label={l.all}\n              count={allCount}\n              depth={0}\n              isActive={!isActive}\n              onClick={onSelectAll}\n            />\n            <div className=\"my-1 border-t border-border\" />\n          </>\n        )}\n        {children}\n        {onNewFolder && (\n          <>\n            <div className=\"my-1 border-t border-border\" />\n            <button\n              type=\"button\"\n              onClick={onNewFolder}\n              data-testid={testIdOr(newFolderTestId, { testId: 'explorer-new-folder' })}\n              className=\"flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-sm text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground pointer-coarse:min-h-11\"\n            >\n              <FolderPlus className=\"h-3.5 w-3.5\" />\n              {l.newFolder}\n            </button>\n          </>\n        )}\n      </PopoverContent>\n    </Popover>\n  )\n}\n","import type { ComponentProps, ReactNode } from 'react'\nimport { BookMarked } from 'lucide-react'\nimport { Button, cn } from '@arbidocs/react/ui'\nimport { testIdOr } from '../../chat/test-id'\n\n/** Row of controls that follows the tab: filter field, folder picker, tags button. */\nexport function FilesFilterBar({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"files-filter-bar\"\n      className={cn('flex min-w-0 flex-1 flex-nowrap items-center gap-2', className)}\n      {...props}\n    />\n  )\n}\n\nexport interface FilesTagsButtonProps {\n  onClick: () => void\n  /** Button text (default \"Tags\"). */\n  label?: string\n  className?: string\n  /** Overrides the test id (default `filter-bar-tags-button`). */\n  testId?: string\n}\n\n/** Opens the labels / annotations vocabulary editor. The label collapses to sr-only on phones. */\nexport function FilesTagsButton({\n  onClick,\n  label = 'Tags',\n  className,\n  testId,\n}: FilesTagsButtonProps) {\n  return (\n    <Button\n      variant=\"ghost\"\n      size=\"sm\"\n      className={cn('h-8 shrink-0 gap-1.5 px-2 font-normal pointer-coarse:h-11', className)}\n      onClick={onClick}\n      data-testid={testIdOr(testId, { testId: 'filter-bar-tags-button' })}\n    >\n      <BookMarked className=\"h-3.5 w-3.5\" />\n      <span className=\"text-sm max-[480px]:sr-only\">{label}</span>\n    </Button>\n  )\n}\n\n/**\n * The view switch beside the page title. Marks a size container so the switch collapses its labels\n * to icons by the room it is given (not the viewport), and shrinks with the row.\n */\nexport function FilesViewCenter({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"files-view-center\"\n      className={cn('@container flex min-w-[9.5rem] flex-1 items-center gap-2', className)}\n      {...props}\n    />\n  )\n}\n\nexport interface FilesModalFooterProps {\n  children?: ReactNode\n  className?: string\n}\n\n/** Footer row used when the page is hosted in a modal. */\nexport function FilesModalFooter({ children, className }: FilesModalFooterProps) {\n  return (\n    <div\n      data-slot=\"files-modal-footer\"\n      className={cn(\n        // Sticks to the bottom of the modal's scrolling body so Close is always reachable.\n        'sticky bottom-0 z-40 flex justify-end gap-2 border-t border-border bg-background px-4 py-3 sm:px-6',\n        className\n      )}\n    >\n      {children}\n    </div>\n  )\n}\n"]}

package/dist/chunk-AFSOUS5X.cjs

@@ -0,0 +1,253 @@
+"use client";
+'use strict';
+
+var react = require('react');
+var lucideReact = require('lucide-react');
+var ui = require('@arbidocs/react/ui');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/settings/TriStateFilterMenu.tsx
+var DEFAULT_TRI_STATE_FILTER_MENU_LABELS = { clear: "Clear" };
+function TriStateFilterMenu({
+  testId,
+  open,
+  onOpenChange,
+  title,
+  filterStates,
+  onFiltersChange,
+  options,
+  groups,
+  topContent,
+  groupTopContent,
+  folderContent,
+  bottomContent,
+  triggerLabel,
+  hasExternalActiveState = false,
+  suppressTriggerActiveStyle = false,
+  triggerClassName,
+  renderChevron = false,
+  disableHoverOpen = false,
+  align = "center",
+  onHoverHandlers,
+  labels
+}) {
+  const l = { ...DEFAULT_TRI_STATE_FILTER_MENU_LABELS, ...labels };
+  const [collapsedGroups, setCollapsedGroups] = react.useState(
+    () => new Set((groups ?? []).filter((g) => g.collapsible).map((g) => g.label))
+  );
+  const [isClickOpen, setIsClickOpen] = react.useState(false);
+  const hoverTimeoutRef = react.useRef(null);
+  const cancelPendingClose = () => {
+    if (hoverTimeoutRef.current) {
+      clearTimeout(hoverTimeoutRef.current);
+      hoverTimeoutRef.current = null;
+    }
+  };
+  const handleMouseEnter = () => {
+    if (disableHoverOpen) return;
+    cancelPendingClose();
+    if (!isClickOpen) onOpenChange(true);
+  };
+  const handleMouseLeave = () => {
+    if (disableHoverOpen || isClickOpen) return;
+    hoverTimeoutRef.current = setTimeout(() => {
+      if (!isClickOpen) onOpenChange(false);
+    }, 150);
+  };
+  const handleTriggerClick = () => {
+    setIsClickOpen(!isClickOpen);
+    onOpenChange(!isClickOpen);
+  };
+  react.useEffect(() => {
+    onHoverHandlers?.({ onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave });
+  }, []);
+  react.useEffect(() => cancelPendingClose, []);
+  const optionMap = react.useMemo(() => new Map(options.map((o) => [o.id, o])), [options]);
+  const handleFilterToggle = (filterId) => {
+    const next = new Map(filterStates);
+    const current = next.get(filterId) ?? null;
+    next.set(filterId, current === null ? "include" : current === "include" ? "exclude" : null);
+    onFiltersChange(next);
+  };
+  const handleClearFilters = (e) => {
+    e.stopPropagation();
+    const cleared = new Map(filterStates);
+    options.forEach((opt) => cleared.set(opt.id, null));
+    onFiltersChange(cleared);
+  };
+  const clearButton = /* @__PURE__ */ jsxRuntime.jsxs(
+    ui.Button,
+    {
+      variant: "ghost",
+      size: "default",
+      onClick: handleClearFilters,
+      className: "ml-auto h-8 px-3 text-sm text-primary hover:text-primary pointer-coarse:h-11",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FunnelX, { className: "mr-1.5 h-4 w-4 text-primary" }),
+        l.clear
+      ]
+    }
+  );
+  const hasActiveFilters = react.useMemo(() => {
+    const ids = new Set(options.map((o) => o.id));
+    return hasExternalActiveState || Array.from(filterStates.entries()).some(([k, v]) => ids.has(k) && v !== null);
+  }, [filterStates, options, hasExternalActiveState]);
+  const isActive = !suppressTriggerActiveStyle && hasActiveFilters;
+  const showInlineClear = !title && hasActiveFilters && !suppressTriggerActiveStyle && !!groups && groups.length > 0 && !groups[0].collapsible;
+  const renderTriStateItem = (option) => {
+    const state = filterStates.get(option.id) ?? null;
+    const badgeClass = state === null ? "bg-card border-border text-foreground hover:bg-muted" : state === "include" ? "bg-primary text-primary-foreground border-primary hover:bg-primary" : "bg-card text-red-text border-red-text hover:bg-red-bg";
+    const stateIcon = state === null ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-3.5 rounded-sm border-2 border-border bg-transparent" }) : state === "include" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "size-3", strokeWidth: 3 }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Ban, { className: "size-3 text-red-text", strokeWidth: 3 });
+    const depthPadding = option.depth ? option.depth * 16 : 0;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      ui.DropdownMenuItem,
+      {
+        onClick: () => handleFilterToggle(option.id),
+        onSelect: (e) => e.preventDefault(),
+        disabled: option.disabled,
+        className: "cursor-pointer p-1",
+        style: depthPadding ? { paddingLeft: `${depthPadding + 4}px` } : void 0,
+        children: /* @__PURE__ */ jsxRuntime.jsxs(
+          ui.Badge,
+          {
+            variant: "outline",
+            className: ui.cn(
+              "flex w-full items-center gap-2 px-3 py-1.5 text-sm pointer-coarse:min-h-11",
+              badgeClass
+            ),
+            children: [
+              stateIcon,
+              option.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "[&>svg]:size-3.5", children: option.icon }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: option.label }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-auto font-semibold", children: option.count })
+            ]
+          }
+        )
+      },
+      option.id
+    );
+  };
+  const toggleGroupCollapse = (label) => {
+    setCollapsedGroups((prev) => {
+      const next = new Set(prev);
+      if (!next.delete(label)) next.add(label);
+      return next;
+    });
+  };
+  const renderOptions = () => {
+    if (!groups || groups.length === 0) return options.map(renderTriStateItem);
+    return groups.map((group, groupIndex) => {
+      const isCollapsed = !!group.collapsible && collapsedGroups.has(group.label);
+      const activeCount = group.collapsible ? group.options.filter((id) => filterStates.get(id) !== null).length : 0;
+      return /* @__PURE__ */ jsxRuntime.jsxs(react.Fragment, { children: [
+        groupIndex > 0 && /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenuSeparator, {}),
+        groupTopContent?.[group.label] && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-2 py-1.5", children: groupTopContent[group.label] }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenuSeparator, {})
+        ] }),
+        group.collapsible ? /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => toggleGroupCollapse(group.label),
+            "aria-expanded": !isCollapsed,
+            className: "flex w-full cursor-pointer items-center gap-1 rounded-sm px-2 py-1.5 text-sm font-semibold text-primary hover:bg-accent/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:min-h-11",
+            children: [
+              isCollapsed ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "size-3.5" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "size-3.5" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: group.label }),
+              isCollapsed && activeCount > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+                ui.Badge,
+                {
+                  variant: "outline",
+                  className: "ml-auto flex h-4 min-w-4 items-center justify-center rounded-md px-1 text-xs leading-none",
+                  children: activeCount
+                }
+              )
+            ]
+          }
+        ) : groupIndex === 0 && showInlineClear ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between pr-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenuLabel, { className: "text-primary", children: group.label }),
+          clearButton
+        ] }) : /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenuLabel, { className: "text-primary", children: group.label }),
+        !isCollapsed && group.options.map((id) => optionMap.get(id)).filter((opt) => opt !== void 0).map(renderTriStateItem)
+      ] }, group.label);
+    });
+  };
+  const tone = isActive ? "text-primary" : "text-muted-foreground";
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.DropdownMenu, { modal: false, open, onOpenChange, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+      "span",
+      {
+        role: "button",
+        tabIndex: 0,
+        "data-slot": "tri-state-filter-trigger",
+        className: triggerClassName ?? "inline-flex cursor-pointer items-center gap-1 rounded-sm px-1.5 py-0.5 text-sm font-medium transition-colors hover:bg-foreground/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:h-11! pointer-coarse:min-w-11 pointer-coarse:justify-center",
+        "data-testid": testId,
+        onMouseEnter: handleMouseEnter,
+        onMouseLeave: handleMouseLeave,
+        onClick: handleTriggerClick,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            lucideReact.Filter,
+            {
+              className: ui.cn(
+                "size-3 transition-colors",
+                isActive ? "fill-primary text-primary" : tone
+              )
+            }
+          ),
+          triggerLabel && /* @__PURE__ */ jsxRuntime.jsx("span", { className: tone, children: triggerLabel }),
+          renderChevron ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: ui.cn("size-3 transition-colors", tone) }) : triggerLabel && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreVertical, { className: ui.cn("size-3 transition-colors", tone) })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      ui.DropdownMenuContent,
+      {
+        align,
+        className: "w-80 border-0 bg-muted",
+        onCloseAutoFocus: (e) => e.preventDefault(),
+        onMouseEnter: cancelPendingClose,
+        onMouseLeave: () => {
+          if (!isClickOpen) onOpenChange(false);
+        },
+        onPointerDownOutside: (e) => {
+          if (!isClickOpen) return;
+          if (!e.target.closest('[role="menu"]')) {
+            setIsClickOpen(false);
+            onOpenChange(false);
+          } else {
+            e.preventDefault();
+          }
+        },
+        children: [
+          (title || hasActiveFilters && !suppressTriggerActiveStyle && !showInlineClear) && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-2 py-1.5", children: [
+              title && /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenuLabel, { className: "p-0 text-primary", children: title }),
+              hasActiveFilters && !showInlineClear && clearButton
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenuSeparator, {})
+          ] }),
+          topContent && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-2 py-1.5", children: topContent }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenuSeparator, {})
+          ] }),
+          folderContent && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-1 py-0.5", children: folderContent }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenuSeparator, {})
+          ] }),
+          renderOptions(),
+          bottomContent && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenuSeparator, {}),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-2 py-1.5", children: bottomContent })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+
+exports.DEFAULT_TRI_STATE_FILTER_MENU_LABELS = DEFAULT_TRI_STATE_FILTER_MENU_LABELS;
+exports.TriStateFilterMenu = TriStateFilterMenu;
+//# sourceMappingURL=chunk-AFSOUS5X.cjs.map
+//# sourceMappingURL=chunk-AFSOUS5X.cjs.map

package/dist/chunk-AFSOUS5X.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/settings/TriStateFilterMenu.tsx"],"names":["useState","useRef","useEffect","useMemo","jsxs","Button","jsx","FunnelX","Check","Ban","DropdownMenuItem","Badge","cn","Fragment","DropdownMenuSeparator","ChevronRight","ChevronDown","DropdownMenuLabel","DropdownMenu","DropdownMenuTrigger","Filter","MoreVertical","DropdownMenuContent"],"mappings":"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","file":"chunk-AFSOUS5X.cjs","sourcesContent":["import {\n  Fragment,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type MouseEvent,\n  type ReactNode,\n} from 'react'\nimport { Ban, Check, ChevronDown, ChevronRight, Filter, FunnelX, MoreVertical } from 'lucide-react'\nimport {\n  Badge,\n  Button,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n  cn,\n} from '@arbidocs/react/ui'\n\n/** include keeps matches, exclude drops them, null is indifferent. */\nexport type TriState = 'include' | 'exclude' | null\n\nexport interface TriStateOption<T extends string = string> {\n  id: T\n  label: string\n  icon?: ReactNode\n  count: number\n  disabled?: boolean\n  /** Indent level (nested options such as folders). */\n  depth?: number\n}\n\nexport interface TriStateGroup<T extends string = string> {\n  label: string\n  options: T[]\n  collapsible?: boolean\n}\n\n/** Every fixed string of the filter menu. */\nexport interface TriStateFilterMenuLabels {\n  clear: string\n}\n\nexport const DEFAULT_TRI_STATE_FILTER_MENU_LABELS: TriStateFilterMenuLabels = { clear: 'Clear' }\n\nexport interface HoverHandlers {\n  onMouseEnter: () => void\n  onMouseLeave: () => void\n}\n\nexport interface TriStateFilterMenuProps<T extends string> {\n  /** Test id of the trigger. */\n  testId: string\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  title?: string\n  filterStates: Map<T, TriState>\n  onFiltersChange: (filters: Map<T, TriState>) => void\n  options: TriStateOption<T>[]\n  groups?: TriStateGroup<T>[]\n  /** Between the header and the options (e.g. a toggle). */\n  topContent?: ReactNode\n  /** Before a group, keyed by the group's label. */\n  groupTopContent?: Record<string, ReactNode>\n  /** After `topContent` (e.g. a folder navigator). */\n  folderContent?: ReactNode\n  /** After every group (e.g. a source toggle). */\n  bottomContent?: ReactNode\n  /** Label next to the filter icon of the trigger. */\n  triggerLabel?: string\n  /** Shows the active styling even with no tri-state filter set. */\n  hasExternalActiveState?: boolean\n  /** Never show the active styling (chips carry the indication instead). */\n  suppressTriggerActiveStyle?: boolean\n  /** Replaces the default trigger styling (e.g. flush inside a unified widget). */\n  triggerClassName?: string\n  /** A chevron after the icon/label instead of the dots: the trigger reads as a dropdown segment. */\n  renderChevron?: boolean\n  /** Open only on an explicit click, never on hover (trigger embedded in another control). */\n  disableHoverOpen?: boolean\n  /** Which edge of the trigger the menu lines up with (default: centered on it). */\n  align?: 'start' | 'center' | 'end'\n  /** Exposes the hover handlers so a wider hover target (a tab header) can drive the menu. */\n  onHoverHandlers?: (handlers: HoverHandlers) => void\n  labels?: Partial<TriStateFilterMenuLabels>\n}\n\n/**\n * Tri-state filter dropdown. Opens on hover (pointer) or click (locks it open until clicked\n * away); the open state is controlled so a host can persist it. Options cycle\n * neutral, include, exclude.\n */\nexport function TriStateFilterMenu<T extends string>({\n  testId,\n  open,\n  onOpenChange,\n  title,\n  filterStates,\n  onFiltersChange,\n  options,\n  groups,\n  topContent,\n  groupTopContent,\n  folderContent,\n  bottomContent,\n  triggerLabel,\n  hasExternalActiveState = false,\n  suppressTriggerActiveStyle = false,\n  triggerClassName,\n  renderChevron = false,\n  disableHoverOpen = false,\n  align = 'center',\n  onHoverHandlers,\n  labels,\n}: TriStateFilterMenuProps<T>) {\n  const l = { ...DEFAULT_TRI_STATE_FILTER_MENU_LABELS, ...labels }\n  const [collapsedGroups, setCollapsedGroups] = useState<Set<string>>(\n    () => new Set((groups ?? []).filter((g) => g.collapsible).map((g) => g.label))\n  )\n  // Opened by click: stays open until clicked away.\n  const [isClickOpen, setIsClickOpen] = useState(false)\n  const hoverTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n\n  const cancelPendingClose = () => {\n    if (hoverTimeoutRef.current) {\n      clearTimeout(hoverTimeoutRef.current)\n      hoverTimeoutRef.current = null\n    }\n  }\n\n  const handleMouseEnter = () => {\n    if (disableHoverOpen) return\n    cancelPendingClose()\n    if (!isClickOpen) onOpenChange(true)\n  }\n\n  const handleMouseLeave = () => {\n    if (disableHoverOpen || isClickOpen) return\n    // Delay so the pointer can travel to the content.\n    hoverTimeoutRef.current = setTimeout(() => {\n      if (!isClickOpen) onOpenChange(false)\n    }, 150)\n  }\n\n  const handleTriggerClick = () => {\n    setIsClickOpen(!isClickOpen)\n    onOpenChange(!isClickOpen)\n  }\n\n  useEffect(() => {\n    onHoverHandlers?.({ onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave })\n  }, []) // eslint-disable-line react-hooks/exhaustive-deps\n\n  useEffect(() => cancelPendingClose, [])\n\n  const optionMap = useMemo(() => new Map(options.map((o) => [o.id, o])), [options])\n\n  // neutral -> include -> exclude -> neutral\n  const handleFilterToggle = (filterId: T) => {\n    const next = new Map(filterStates)\n    const current = next.get(filterId) ?? null\n    next.set(filterId, current === null ? 'include' : current === 'include' ? 'exclude' : null)\n    onFiltersChange(next)\n  }\n\n  const handleClearFilters = (e: MouseEvent) => {\n    e.stopPropagation()\n    // Only option ids: other keys (e.g. folder filters) stay.\n    const cleared = new Map(filterStates)\n    options.forEach((opt) => cleared.set(opt.id, null))\n    onFiltersChange(cleared)\n  }\n\n  const clearButton = (\n    <Button\n      variant=\"ghost\"\n      size=\"default\"\n      onClick={handleClearFilters}\n      className=\"ml-auto h-8 px-3 text-sm text-primary hover:text-primary pointer-coarse:h-11\"\n    >\n      <FunnelX className=\"mr-1.5 h-4 w-4 text-primary\" />\n      {l.clear}\n    </Button>\n  )\n\n  const hasActiveFilters = useMemo(() => {\n    const ids = new Set(options.map((o) => o.id))\n    return (\n      hasExternalActiveState ||\n      Array.from(filterStates.entries()).some(([k, v]) => ids.has(k) && v !== null)\n    )\n  }, [filterStates, options, hasExternalActiveState])\n  const isActive = !suppressTriggerActiveStyle && hasActiveFilters\n\n  // Without a title the Clear button rides on the first group's label row.\n  const showInlineClear =\n    !title &&\n    hasActiveFilters &&\n    !suppressTriggerActiveStyle &&\n    !!groups &&\n    groups.length > 0 &&\n    !groups[0].collapsible\n\n  const renderTriStateItem = (option: TriStateOption<T>) => {\n    const state = filterStates.get(option.id) ?? null\n    const badgeClass =\n      state === null\n        ? 'bg-card border-border text-foreground hover:bg-muted'\n        : state === 'include'\n          ? 'bg-primary text-primary-foreground border-primary hover:bg-primary'\n          : 'bg-card text-red-text border-red-text hover:bg-red-bg'\n    const stateIcon =\n      state === null ? (\n        <div className=\"size-3.5 rounded-sm border-2 border-border bg-transparent\" />\n      ) : state === 'include' ? (\n        <Check className=\"size-3\" strokeWidth={3} />\n      ) : (\n        <Ban className=\"size-3 text-red-text\" strokeWidth={3} />\n      )\n    const depthPadding = option.depth ? option.depth * 16 : 0\n\n    return (\n      <DropdownMenuItem\n        key={option.id}\n        onClick={() => handleFilterToggle(option.id)}\n        onSelect={(e) => e.preventDefault()}\n        disabled={option.disabled}\n        className=\"cursor-pointer p-1\"\n        style={depthPadding ? { paddingLeft: `${depthPadding + 4}px` } : undefined}\n      >\n        <Badge\n          variant=\"outline\"\n          className={cn(\n            'flex w-full items-center gap-2 px-3 py-1.5 text-sm pointer-coarse:min-h-11',\n            badgeClass\n          )}\n        >\n          {stateIcon}\n          {option.icon && <span className=\"[&>svg]:size-3.5\">{option.icon}</span>}\n          <span className=\"font-medium\">{option.label}</span>\n          <span className=\"ml-auto font-semibold\">{option.count}</span>\n        </Badge>\n      </DropdownMenuItem>\n    )\n  }\n\n  const toggleGroupCollapse = (label: string) => {\n    setCollapsedGroups((prev) => {\n      const next = new Set(prev)\n      if (!next.delete(label)) next.add(label)\n      return next\n    })\n  }\n\n  const renderOptions = () => {\n    if (!groups || groups.length === 0) return options.map(renderTriStateItem)\n\n    return groups.map((group, groupIndex) => {\n      const isCollapsed = !!group.collapsible && collapsedGroups.has(group.label)\n      const activeCount = group.collapsible\n        ? group.options.filter((id) => filterStates.get(id) !== null).length\n        : 0\n\n      return (\n        <Fragment key={group.label}>\n          {groupIndex > 0 && <DropdownMenuSeparator />}\n          {groupTopContent?.[group.label] && (\n            <>\n              <div className=\"px-2 py-1.5\">{groupTopContent[group.label]}</div>\n              <DropdownMenuSeparator />\n            </>\n          )}\n          {group.collapsible ? (\n            <button\n              type=\"button\"\n              onClick={() => toggleGroupCollapse(group.label)}\n              aria-expanded={!isCollapsed}\n              className=\"flex w-full cursor-pointer items-center gap-1 rounded-sm px-2 py-1.5 text-sm font-semibold text-primary hover:bg-accent/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:min-h-11\"\n            >\n              {isCollapsed ? (\n                <ChevronRight className=\"size-3.5\" />\n              ) : (\n                <ChevronDown className=\"size-3.5\" />\n              )}\n              <span>{group.label}</span>\n              {isCollapsed && activeCount > 0 && (\n                <Badge\n                  variant=\"outline\"\n                  className=\"ml-auto flex h-4 min-w-4 items-center justify-center rounded-md px-1 text-xs leading-none\"\n                >\n                  {activeCount}\n                </Badge>\n              )}\n            </button>\n          ) : groupIndex === 0 && showInlineClear ? (\n            <div className=\"flex items-center justify-between pr-1\">\n              <DropdownMenuLabel className=\"text-primary\">{group.label}</DropdownMenuLabel>\n              {clearButton}\n            </div>\n          ) : (\n            <DropdownMenuLabel className=\"text-primary\">{group.label}</DropdownMenuLabel>\n          )}\n          {!isCollapsed &&\n            group.options\n              .map((id) => optionMap.get(id))\n              .filter((opt): opt is TriStateOption<T> => opt !== undefined)\n              .map(renderTriStateItem)}\n        </Fragment>\n      )\n    })\n  }\n\n  const tone = isActive ? 'text-primary' : 'text-muted-foreground'\n\n  return (\n    <DropdownMenu modal={false} open={open} onOpenChange={onOpenChange}>\n      <DropdownMenuTrigger asChild>\n        <span\n          role=\"button\"\n          tabIndex={0}\n          data-slot=\"tri-state-filter-trigger\"\n          className={\n            triggerClassName ??\n            'inline-flex cursor-pointer items-center gap-1 rounded-sm px-1.5 py-0.5 text-sm font-medium transition-colors hover:bg-foreground/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:h-11! pointer-coarse:min-w-11 pointer-coarse:justify-center'\n          }\n          data-testid={testId}\n          onMouseEnter={handleMouseEnter}\n          onMouseLeave={handleMouseLeave}\n          onClick={handleTriggerClick}\n        >\n          <Filter\n            className={cn(\n              'size-3 transition-colors',\n              isActive ? 'fill-primary text-primary' : tone\n            )}\n          />\n          {triggerLabel && <span className={tone}>{triggerLabel}</span>}\n          {renderChevron ? (\n            <ChevronDown className={cn('size-3 transition-colors', tone)} />\n          ) : (\n            triggerLabel && <MoreVertical className={cn('size-3 transition-colors', tone)} />\n          )}\n        </span>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent\n        align={align}\n        className=\"w-80 border-0 bg-muted\"\n        onCloseAutoFocus={(e) => e.preventDefault()}\n        onMouseEnter={cancelPendingClose}\n        onMouseLeave={() => {\n          if (!isClickOpen) onOpenChange(false)\n        }}\n        onPointerDownOutside={(e) => {\n          // Click-opened menus close only on a real outside click.\n          if (!isClickOpen) return\n          if (!(e.target as HTMLElement).closest('[role=\"menu\"]')) {\n            setIsClickOpen(false)\n            onOpenChange(false)\n          } else {\n            e.preventDefault()\n          }\n        }}\n      >\n        {(title || (hasActiveFilters && !suppressTriggerActiveStyle && !showInlineClear)) && (\n          <>\n            <div className=\"flex items-center justify-between px-2 py-1.5\">\n              {title && <DropdownMenuLabel className=\"p-0 text-primary\">{title}</DropdownMenuLabel>}\n              {hasActiveFilters && !showInlineClear && clearButton}\n            </div>\n            <DropdownMenuSeparator />\n          </>\n        )}\n        {topContent && (\n          <>\n            <div className=\"px-2 py-1.5\">{topContent}</div>\n            <DropdownMenuSeparator />\n          </>\n        )}\n        {folderContent && (\n          <>\n            <div className=\"px-1 py-0.5\">{folderContent}</div>\n            <DropdownMenuSeparator />\n          </>\n        )}\n        {renderOptions()}\n        {bottomContent && (\n          <>\n            <DropdownMenuSeparator />\n            <div className=\"px-2 py-1.5\">{bottomContent}</div>\n          </>\n        )}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  )\n}\n"]}

package/dist/{chunk-F4RUCUXF.cjs → chunk-C2HRZSAT.cjs}

@@ -973,65 +973,6 @@ function MailFolderTree({
     n.key
   )) });
 }
-var DELIVERY_BADGE = {
-  bounced: {
-    label: "Bounced",
-    title: "Not delivered: the recipient's mail server sent this message back.",
-    tone: "bg-destructive/10 text-destructive"
-  },
-  partially_bounced: {
-    label: "Partly bounced",
-    title: "Some recipients did not get this message. Open it to see who.",
-    tone: "bg-destructive/10 text-destructive"
-  },
-  delayed: {
-    label: "Delayed",
-    title: "Delivery is delayed; the recipient's server will keep retrying.",
-    tone: "bg-muted text-muted-foreground"
-  }
-};
-function MailDeliveryBadge({
-  problem,
-  className
-}) {
-  const badge = DELIVERY_BADGE[problem];
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "span",
-    {
-      className: ui.cn("shrink-0 rounded-full px-2 py-0.5 text-xs font-medium", badge.tone, className),
-      title: badge.title,
-      "data-testid": "mail-delivery-badge",
-      children: badge.label
-    }
-  );
-}
-function MailMessagePreview({
-  participants,
-  subject,
-  preview,
-  date,
-  dateTime,
-  unread,
-  hasAttachments,
-  deliveryProblem
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full w-full min-w-0 flex-col justify-center gap-0.5 text-sm leading-5", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: ui.cn("min-w-0 flex-1 truncate", unread && "font-semibold"), children: participants }),
-      hasAttachments && /* @__PURE__ */ jsxRuntime.jsx(
-        lucideReact.Paperclip,
-        {
-          className: "size-3.5 shrink-0 text-muted-foreground",
-          "aria-label": "Has attachments"
-        }
-      ),
-      deliveryProblem && /* @__PURE__ */ jsxRuntime.jsx(MailDeliveryBadge, { problem: deliveryProblem }),
-      /* @__PURE__ */ jsxRuntime.jsx("time", { dateTime, className: "shrink-0 text-xs font-normal text-muted-foreground", children: date })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: ui.cn("truncate", unread && "font-semibold"), children: subject || "(No subject)" }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "truncate font-normal text-muted-foreground", children: preview || "\xA0" })
-  ] });
-}
 
 exports.ActionMenu = ActionMenu;
 exports.AddContactsForm = AddContactsForm;
@@ -1054,9 +995,7 @@ exports.DmNewTabIcon = DmNewTabIcon;
 exports.DmThreadFrame = DmThreadFrame;
 exports.DmThreadHeader = DmThreadHeader;
 exports.MAX_INVITE_EMAILS = MAX_INVITE_EMAILS;
-exports.MailDeliveryBadge = MailDeliveryBadge;
 exports.MailFolderTree = MailFolderTree;
-exports.MailMessagePreview = MailMessagePreview;
 exports.MemberBulkActions = MemberBulkActions;
 exports.MemberListLoading = MemberListLoading;
 exports.MemberMutedText = MemberMutedText;
@@ -1075,5 +1014,5 @@ exports.toAddContactsRow = toAddContactsRow;
 exports.toAddContactsRows = toAddContactsRows;
 exports.toggleMailFolder = toggleMailFolder;
 exports.vCardFilename = vCardFilename;
-//# sourceMappingURL=chunk-F4RUCUXF.cjs.map
-//# sourceMappingURL=chunk-F4RUCUXF.cjs.map
+//# sourceMappingURL=chunk-C2HRZSAT.cjs.map
+//# sourceMappingURL=chunk-C2HRZSAT.cjs.map