@ai-matrx/design-system 0.86.350 → 0.86.352

package/dist/desktop.css

@@ -549,6 +549,16 @@
   padding-inline: var(--dialog-pad);
   border-block: 1px solid transparent;
 }
+/* A body's least height (DialogBody minHeight): it grows with its content above it, up to the sheet's max. */
+[data-desktop-sheet] > [data-slot="sheet-body"][data-min-height="sm"] {
+  min-height: 10rem;
+}
+[data-desktop-sheet] > [data-slot="sheet-body"][data-min-height="md"] {
+  min-height: 15rem;
+}
+[data-desktop-sheet] > [data-slot="sheet-body"][data-min-height="lg"] {
+  min-height: 20rem;
+}
 [data-desktop-sheet] > [data-slot="sheet-body"][data-overflowing] {
   border-block-color: var(--mx-separator);
   padding-block: 0.75rem;
@@ -1308,3 +1318,22 @@
   color: var(--mx-label);
   padding: 10px 10px 10px 12px;
 }
+/* Inside the card the title is one line cut with an ellipsis and the line at most two, so a long
+   notice never runs past the card or under its ×. Plain CSS here (not utility classes) so every
+   host's build draws it. */
+[data-slot="banner"][data-float] [data-slot="banner-title"] {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+[data-slot="banner"][data-float] [data-slot="banner-message"] {
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  overflow-wrap: anywhere;
+}
+[data-slot="banner"][data-float] [data-slot="banner-text"] {
+  flex-basis: 0;
+}

package/dist/desktop.d.cts

@@ -1338,13 +1338,15 @@ interface TableFilterBarProps<T> extends TableFilterMenuProps<T> {
     shown: number;
     /** What the rows are, for the search field's name ("Search processes"). */
     label: string;
+    /** What one row is, singular and plural (["chat", "chats"]): the count then says "2 chats", "1 of 2 chats", never a bare number. */
+    noun?: readonly [string, string] | undefined;
 }
 /**
  * The table's own filter bar (Finder's search bar, Mail's filter tokens), drawn above its header
  * at one fixed height whether or not a filter is on, so the rows never move when one changes: the
  * active filters' tokens (or the row count) lead; the search field and the filter button trail.
  */
-declare function TableFilterBar<T>({ columns, rows, state, onChange, shown, label }: TableFilterBarProps<T>): React.JSX.Element;
+declare function TableFilterBar<T>({ columns, rows, state, onChange, shown, label, noun }: TableFilterBarProps<T>): React.JSX.Element;
 declare function ClearFiltersButton({ onClear, className }: {
     onClear: () => void;
     className?: string;
@@ -1508,6 +1510,8 @@ interface DataTableProps<T> extends Omit<React.HTMLAttributes<HTMLDivElement>, "
      *  when the page draws the controls itself (`SearchField` + `TableFilterMenu` in its header's
      *  actions) and passes `filterState`. */
     filterBar?: boolean;
+    /** What one row is, singular and plural (["chat", "chats"]): the filter bar's count says "2 chats". */
+    noun?: readonly [string, string];
     className?: string;
 }
 /** Which optional columns start hidden (`Column.optional === "hidden"`). */
@@ -1519,7 +1523,7 @@ declare function initiallyHiddenColumns(columns: ReadonlyArray<Pick<Column<never
  * column kinds sized like Activity Monitor's, the accent selection while focused. Arrow keys move
  * between rows when rows are selectable.
  */
-declare function DataTable<T>({ rowKey, onRowSelect, selectedKey, selectedKeys, onSelectedKeysChange, empty, striped, detail, isDisabled, rowAction, rowMenu, rowButtons, defaultSort, rowData, limit, sort: sortProp, onSortChange, selection, onRowOpen, subRows, outline, expandable, onOutlineChange, rowSize, fill, spare, rowContextMenu, hiddenColumns, onHiddenColumnsChange, groups, filterState, onFilterStateChange, defaultFilter, filterBar, className, "aria-label": ariaLabel, columns: allColumns, rows: givenRows, ...rest }: DataTableProps<T>): React.JSX.Element;
+declare function DataTable<T>({ rowKey, onRowSelect, selectedKey, selectedKeys, onSelectedKeysChange, empty, striped, detail, isDisabled, rowAction, rowMenu, rowButtons, defaultSort, rowData, limit, sort: sortProp, onSortChange, selection, onRowOpen, subRows, outline, expandable, onOutlineChange, rowSize, fill, spare, rowContextMenu, hiddenColumns, onHiddenColumnsChange, groups, filterState, onFilterStateChange, defaultFilter, filterBar, noun, className, "aria-label": ariaLabel, columns: allColumns, rows: givenRows, ...rest }: DataTableProps<T>): React.JSX.Element;
 interface NameCellProps {
     /** The thing's name: it gets the room first, ends in an ellipsis when it must, and its tooltip
      *  is the whole name. */
@@ -2200,7 +2204,7 @@ interface BannerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"
  * THE inline notice (one pattern, every screen): the tone's icon, a semantic tint, one fixed
  * minimum height, the title and one line, trailing actions, and × when it can be put away.
  */
-declare function Banner({ tone, icon, title, message, actions, detail, onDismiss, count, className, ...props }: BannerProps): React.JSX.Element;
+declare function Banner({ tone, icon, title, message, actions, detail, onDismiss, count, className, ...props }: BannerProps): React.JSX.Element | null;
 interface ErrorBannerProps extends Omit<BannerProps, "tone" | "title" | "message" | "actions" | "detail" | "onDismiss"> {
     /** The failed action's error (e.g. `useDesktopAction().error`); nothing renders without one. */
     error: {
@@ -2875,7 +2879,15 @@ declare function DialogHeader({ className, ...props }: React.HTMLAttributes<HTML
  * button bar stay put, and only this body scrolls between them. When it holds more than shows, a
  * hairline marks each edge it scrolls under, as System Settings' sheets do; a short body has none.
  */
-declare function DialogBody({ className, children, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+interface DialogBodyProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * The least the body is tall (a result sheet: Finder's and Xcode's keep a few rows of room however
+     * few rows there are): `sm` 10 rem, `md` 15 rem, `lg` 20 rem. Above it the sheet grows with its
+     * content up to its max height, then only the body scrolls. Unset: as short as its content.
+     */
+    minHeight?: "sm" | "md" | "lg";
+}
+declare function DialogBody({ className, children, minHeight, ...props }: DialogBodyProps): React.JSX.Element;
 /** The sheet's buttons: trailing, 8 px apart, the default (primary) one rightmost. */
 declare function DialogFooter({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
 declare const DialogTitle: React.ForwardRefExoticComponent<Omit<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
@@ -3344,4 +3356,4 @@ interface OrganizationPickerSheetProps {
 declare function OrganizationPickerSheet({ open, onOpenChange, organizations, activeOrganizationId, favoriteOrganizationIds, onSwitch, onToggleFavorite, }: OrganizationPickerSheetProps): React.JSX.Element;
 
 export { ActivityChart, AppRail, AppRailAvatar, AppRailGroup, AppRailItem, AppRailSpacer, Avatar, Banner, Button, CONSOLE_LINE_PX, CREDENTIAL_DOTS, CallButton, CanvasLayout, Checkbox, ChecklistAddRow, ChecklistRow, ClearFiltersButton, CodeBlock, Collapsible, CollapsibleContent, CollapsibleTrigger, ColumnBrowser, ComingSoon, CompareLines, CompareView, ConfirmDialog, ConfirmDialogHost, ContextMenu, ContextMenuContent, ContextMenuEntries, ContextMenuItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuTrigger, ConversationHeader, CredentialField, CredentialFields, CredentialHeader, DataTable, DateStepper, DeviceFrame, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Disclosure, DisplayArrangement, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuEntries, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EMPTY_TABLE_FILTER, EdgeResizer, EmptyContent, ErrorBanner, FIELD, FactList, FavoriteTile, FieldRow, GetButton, GroupTable, HelpButton, INFO_HINT_MAX, IconButton, IconView, IconViewItem, InfoButton, InfoFacts, InfoHeader, InfoHint, InfoStrip, InspectorPanel, Kbd, LOG_LINE_PX, LevelIndicator, LinkButton, ListHeading, ListRow, LogView, METER_THRESHOLDS, MenuItemLabel, MessageComposer, MessageList, Meter, MiddleTruncate, ModeSwitch, NameCell, NativeConfirmProvider, NavigatorColumn, NavigatorCustomizeSheet, NavigatorItem, NoticeSlot, Notices, OrganizationMark, OrganizationPickerSheet, POPOVER_ARROW, Page, PageHeader, PaneHeader, PathBar, PlaceMark, PlaceStrip, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, ProgressRing, PullDownButton, QuickLookSheet, RecordButton, RemovableTag, RenameField, ResizablePane, Resource, Row, ScopeBar, SearchField, Section, SectionButtons, SectionContent, Segmented, Select, ShortcutTile, Skeleton, Slider, SourceList, SourceListItem, SourceListMore, SourceListSection, SourceText, Sparkline, Spinner, SplitView, StartPage, StartPageSection, StateCell, StateView, StatusBar, StatusDot, StatusLight, StoreHeader, StoreLockup, StoreShelf, SummaryFact, SummaryPane, SummaryStrip, Switch, SymbolProvider, SymbolTile, SystemSymbol, TERMINAL_PROFILE, TEXT_STYLE_POINTS, TEXT_TONE, TOOLTIP_TEXT_BUDGET, TableFilterBar, TableFilterMenu, TableFilterTokens, Tag, Text, TextArea, TextField, TileGrid, TimedCode, Toolbar, ToolbarDivider, ToolbarGroup, ToolbarOverflow, ToolbarSpacer, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UnreadDot, UsageBar, Waveform, WindowToolbarActions, WindowToolbarHostMenu, WindowToolbarProvider, WindowToolbarTitle, baseNameEnd, buttonVariants, clipTooltipText, cn, columnKind, columnName, dateSectionOf, describeError, errorMessage, filterActive, filterChoices, filterRows, filterValues, formatAge, formatBytes, formatClockTime, formatDuration, formatFinderDate, formatMemory, formatMemoryUsage, formatUsage, groupByDateSection, infoHintText, initiallyHiddenColumns, meterTone, moveItem, organizationColor, peaksOf, tableFilters, tileColorFor, useWindowToolbarFull, useWindowToolbarOwnsMore };
-export type { ActivityBar, ActivityChartProps, AppRailAvatarProps, AppRailItemProps, ArrangedDisplay, AvatarProps, BannerProps, BannerTone, ButtonProps, CallButtonProps, CanvasColumnDef, CanvasLayoutProps, CanvasPanelDef, CheckboxProps, ChecklistAddRowProps, ChecklistRowProps, CodeBlockProps, Column, ColumnBrowserColumn, ColumnBrowserProps, ColumnFilter, ColumnKind, ColumnValuesFilter, ComingSoonProps, CompareChange, CompareLinesProps, ComparePane, CompareViewProps, ConfirmDialogProps, ConversationHeaderProps, CredentialFieldProps, CredentialHeaderProps, DataTableProps, DateSection, DateSectionKey, DateStepperProps, DatedSection, DescribedError, DesktopPickerOrganization, DesktopPopoverContentProps, DeviceFrameProps, DisclosureProps, DisplayArrangementProps, EdgeResizerProps, EmptyContentProps, ErrorBannerProps, Fact, FactListProps, FavoriteTileProps, FieldRowProps, FilterChoice, FilterableColumn, FinderDateOptions, GetButtonProps, GetButtonState, GroupTableColumn, GroupTableProps, GroupTableRow, HelpButtonProps, IconButtonProps, IconViewItemProps, IconViewProps, InfoButtonProps, InfoFact, InfoFactsProps, InfoHeaderProps, InfoHintProps, InfoStripItem, InfoStripProps, InspectorPanelProps, LevelIndicatorProps, LinkButtonProps, ListColor, ListHeadingProps, ListRowProps, LogColumns, LogLine, LogViewProps, MessageComposerProps, MessageListProps, MeterProps, ModeSwitchOption, ModeSwitchProps, NameCellProps, NativeConfirm, NativeConfirmRequest, NavigatorCustomizeItem, NavigatorCustomizeSheetProps, NavigatorItemProps, OrganizationPickerSheetProps, PageHeaderProps, PageProps, PageWidth, PaneHeaderProps, PathBarItem, PlaceMarkProps, PlaceMarkState, ProgressRingProps, PullDownButtonProps, QuickLookSheetProps, RecordButtonProps, RemovableTagProps, RenameFieldProps, ResizablePaneProps, ResourceProps, ResourceState, RowAction, RowMenuItem, RowProps, Scope, ScopeBarProps, SearchFieldProps, SectionButtonsProps, SectionProps, Segment, SegmentedProps, SelectOption, SelectProps, ShortcutTileProps, SliderProps, SortState, SourceLanguage, SourceListItemProps, SourceListMoreProps, SourceListProps, SourceListSectionProps, SparklineProps, SpinnerProps, SplitViewProps, StartPageProps, StartPageSectionProps, StateCellProps, StateViewProps, StatusBarProps, StatusDotProps, StatusLightProps, StatusTone$1 as StatusLightTone, StatusTone, StoreHeaderProps, StoreLockupProps, StoreShelfProps, SummaryFactProps, SummaryPaneProps, SwitchProps, SymbolImage, SymbolResolver, SymbolTileColor, SymbolTileProps, SymbolTileSize, SymbolWeight, SystemSymbolProps, TableFilterBarProps, TableFilterMenuProps, TableFilterState, TableGroups, TagProps, TagTone, TextAreaProps, TextFieldProps, TextProps, TextTone, TextVariant, TileGridProps, TimedCodeProps, ToolbarOverflowItem, ToolbarOverflowProps, ToolbarProps, TooltipContentProps, UsageBarProps, UsageColor, UsageSegment, WaveformProps, WindowToolbarTitleProps };
+export type { ActivityBar, ActivityChartProps, AppRailAvatarProps, AppRailItemProps, ArrangedDisplay, AvatarProps, BannerProps, BannerTone, ButtonProps, CallButtonProps, CanvasColumnDef, CanvasLayoutProps, CanvasPanelDef, CheckboxProps, ChecklistAddRowProps, ChecklistRowProps, CodeBlockProps, Column, ColumnBrowserColumn, ColumnBrowserProps, ColumnFilter, ColumnKind, ColumnValuesFilter, ComingSoonProps, CompareChange, CompareLinesProps, ComparePane, CompareViewProps, ConfirmDialogProps, ConversationHeaderProps, CredentialFieldProps, CredentialHeaderProps, DataTableProps, DateSection, DateSectionKey, DateStepperProps, DatedSection, DescribedError, DesktopPickerOrganization, DesktopPopoverContentProps, DeviceFrameProps, DialogBodyProps, DisclosureProps, DisplayArrangementProps, EdgeResizerProps, EmptyContentProps, ErrorBannerProps, Fact, FactListProps, FavoriteTileProps, FieldRowProps, FilterChoice, FilterableColumn, FinderDateOptions, GetButtonProps, GetButtonState, GroupTableColumn, GroupTableProps, GroupTableRow, HelpButtonProps, IconButtonProps, IconViewItemProps, IconViewProps, InfoButtonProps, InfoFact, InfoFactsProps, InfoHeaderProps, InfoHintProps, InfoStripItem, InfoStripProps, InspectorPanelProps, LevelIndicatorProps, LinkButtonProps, ListColor, ListHeadingProps, ListRowProps, LogColumns, LogLine, LogViewProps, MessageComposerProps, MessageListProps, MeterProps, ModeSwitchOption, ModeSwitchProps, NameCellProps, NativeConfirm, NativeConfirmRequest, NavigatorCustomizeItem, NavigatorCustomizeSheetProps, NavigatorItemProps, OrganizationPickerSheetProps, PageHeaderProps, PageProps, PageWidth, PaneHeaderProps, PathBarItem, PlaceMarkProps, PlaceMarkState, ProgressRingProps, PullDownButtonProps, QuickLookSheetProps, RecordButtonProps, RemovableTagProps, RenameFieldProps, ResizablePaneProps, ResourceProps, ResourceState, RowAction, RowMenuItem, RowProps, Scope, ScopeBarProps, SearchFieldProps, SectionButtonsProps, SectionProps, Segment, SegmentedProps, SelectOption, SelectProps, ShortcutTileProps, SliderProps, SortState, SourceLanguage, SourceListItemProps, SourceListMoreProps, SourceListProps, SourceListSectionProps, SparklineProps, SpinnerProps, SplitViewProps, StartPageProps, StartPageSectionProps, StateCellProps, StateViewProps, StatusBarProps, StatusDotProps, StatusLightProps, StatusTone$1 as StatusLightTone, StatusTone, StoreHeaderProps, StoreLockupProps, StoreShelfProps, SummaryFactProps, SummaryPaneProps, SwitchProps, SymbolImage, SymbolResolver, SymbolTileColor, SymbolTileProps, SymbolTileSize, SymbolWeight, SystemSymbolProps, TableFilterBarProps, TableFilterMenuProps, TableFilterState, TableGroups, TagProps, TagTone, TextAreaProps, TextFieldProps, TextProps, TextTone, TextVariant, TileGridProps, TimedCodeProps, ToolbarOverflowItem, ToolbarOverflowProps, ToolbarProps, TooltipContentProps, UsageBarProps, UsageColor, UsageSegment, WaveformProps, WindowToolbarTitleProps };

package/dist/desktop.d.ts

@@ -1338,13 +1338,15 @@ interface TableFilterBarProps<T> extends TableFilterMenuProps<T> {
     shown: number;
     /** What the rows are, for the search field's name ("Search processes"). */
     label: string;
+    /** What one row is, singular and plural (["chat", "chats"]): the count then says "2 chats", "1 of 2 chats", never a bare number. */
+    noun?: readonly [string, string] | undefined;
 }
 /**
  * The table's own filter bar (Finder's search bar, Mail's filter tokens), drawn above its header
  * at one fixed height whether or not a filter is on, so the rows never move when one changes: the
  * active filters' tokens (or the row count) lead; the search field and the filter button trail.
  */
-declare function TableFilterBar<T>({ columns, rows, state, onChange, shown, label }: TableFilterBarProps<T>): React.JSX.Element;
+declare function TableFilterBar<T>({ columns, rows, state, onChange, shown, label, noun }: TableFilterBarProps<T>): React.JSX.Element;
 declare function ClearFiltersButton({ onClear, className }: {
     onClear: () => void;
     className?: string;
@@ -1508,6 +1510,8 @@ interface DataTableProps<T> extends Omit<React.HTMLAttributes<HTMLDivElement>, "
      *  when the page draws the controls itself (`SearchField` + `TableFilterMenu` in its header's
      *  actions) and passes `filterState`. */
     filterBar?: boolean;
+    /** What one row is, singular and plural (["chat", "chats"]): the filter bar's count says "2 chats". */
+    noun?: readonly [string, string];
     className?: string;
 }
 /** Which optional columns start hidden (`Column.optional === "hidden"`). */
@@ -1519,7 +1523,7 @@ declare function initiallyHiddenColumns(columns: ReadonlyArray<Pick<Column<never
  * column kinds sized like Activity Monitor's, the accent selection while focused. Arrow keys move
  * between rows when rows are selectable.
  */
-declare function DataTable<T>({ rowKey, onRowSelect, selectedKey, selectedKeys, onSelectedKeysChange, empty, striped, detail, isDisabled, rowAction, rowMenu, rowButtons, defaultSort, rowData, limit, sort: sortProp, onSortChange, selection, onRowOpen, subRows, outline, expandable, onOutlineChange, rowSize, fill, spare, rowContextMenu, hiddenColumns, onHiddenColumnsChange, groups, filterState, onFilterStateChange, defaultFilter, filterBar, className, "aria-label": ariaLabel, columns: allColumns, rows: givenRows, ...rest }: DataTableProps<T>): React.JSX.Element;
+declare function DataTable<T>({ rowKey, onRowSelect, selectedKey, selectedKeys, onSelectedKeysChange, empty, striped, detail, isDisabled, rowAction, rowMenu, rowButtons, defaultSort, rowData, limit, sort: sortProp, onSortChange, selection, onRowOpen, subRows, outline, expandable, onOutlineChange, rowSize, fill, spare, rowContextMenu, hiddenColumns, onHiddenColumnsChange, groups, filterState, onFilterStateChange, defaultFilter, filterBar, noun, className, "aria-label": ariaLabel, columns: allColumns, rows: givenRows, ...rest }: DataTableProps<T>): React.JSX.Element;
 interface NameCellProps {
     /** The thing's name: it gets the room first, ends in an ellipsis when it must, and its tooltip
      *  is the whole name. */
@@ -2200,7 +2204,7 @@ interface BannerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"
  * THE inline notice (one pattern, every screen): the tone's icon, a semantic tint, one fixed
  * minimum height, the title and one line, trailing actions, and × when it can be put away.
  */
-declare function Banner({ tone, icon, title, message, actions, detail, onDismiss, count, className, ...props }: BannerProps): React.JSX.Element;
+declare function Banner({ tone, icon, title, message, actions, detail, onDismiss, count, className, ...props }: BannerProps): React.JSX.Element | null;
 interface ErrorBannerProps extends Omit<BannerProps, "tone" | "title" | "message" | "actions" | "detail" | "onDismiss"> {
     /** The failed action's error (e.g. `useDesktopAction().error`); nothing renders without one. */
     error: {
@@ -2875,7 +2879,15 @@ declare function DialogHeader({ className, ...props }: React.HTMLAttributes<HTML
  * button bar stay put, and only this body scrolls between them. When it holds more than shows, a
  * hairline marks each edge it scrolls under, as System Settings' sheets do; a short body has none.
  */
-declare function DialogBody({ className, children, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+interface DialogBodyProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * The least the body is tall (a result sheet: Finder's and Xcode's keep a few rows of room however
+     * few rows there are): `sm` 10 rem, `md` 15 rem, `lg` 20 rem. Above it the sheet grows with its
+     * content up to its max height, then only the body scrolls. Unset: as short as its content.
+     */
+    minHeight?: "sm" | "md" | "lg";
+}
+declare function DialogBody({ className, children, minHeight, ...props }: DialogBodyProps): React.JSX.Element;
 /** The sheet's buttons: trailing, 8 px apart, the default (primary) one rightmost. */
 declare function DialogFooter({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
 declare const DialogTitle: React.ForwardRefExoticComponent<Omit<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
@@ -3344,4 +3356,4 @@ interface OrganizationPickerSheetProps {
 declare function OrganizationPickerSheet({ open, onOpenChange, organizations, activeOrganizationId, favoriteOrganizationIds, onSwitch, onToggleFavorite, }: OrganizationPickerSheetProps): React.JSX.Element;
 
 export { ActivityChart, AppRail, AppRailAvatar, AppRailGroup, AppRailItem, AppRailSpacer, Avatar, Banner, Button, CONSOLE_LINE_PX, CREDENTIAL_DOTS, CallButton, CanvasLayout, Checkbox, ChecklistAddRow, ChecklistRow, ClearFiltersButton, CodeBlock, Collapsible, CollapsibleContent, CollapsibleTrigger, ColumnBrowser, ComingSoon, CompareLines, CompareView, ConfirmDialog, ConfirmDialogHost, ContextMenu, ContextMenuContent, ContextMenuEntries, ContextMenuItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuTrigger, ConversationHeader, CredentialField, CredentialFields, CredentialHeader, DataTable, DateStepper, DeviceFrame, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Disclosure, DisplayArrangement, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuEntries, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EMPTY_TABLE_FILTER, EdgeResizer, EmptyContent, ErrorBanner, FIELD, FactList, FavoriteTile, FieldRow, GetButton, GroupTable, HelpButton, INFO_HINT_MAX, IconButton, IconView, IconViewItem, InfoButton, InfoFacts, InfoHeader, InfoHint, InfoStrip, InspectorPanel, Kbd, LOG_LINE_PX, LevelIndicator, LinkButton, ListHeading, ListRow, LogView, METER_THRESHOLDS, MenuItemLabel, MessageComposer, MessageList, Meter, MiddleTruncate, ModeSwitch, NameCell, NativeConfirmProvider, NavigatorColumn, NavigatorCustomizeSheet, NavigatorItem, NoticeSlot, Notices, OrganizationMark, OrganizationPickerSheet, POPOVER_ARROW, Page, PageHeader, PaneHeader, PathBar, PlaceMark, PlaceStrip, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, ProgressRing, PullDownButton, QuickLookSheet, RecordButton, RemovableTag, RenameField, ResizablePane, Resource, Row, ScopeBar, SearchField, Section, SectionButtons, SectionContent, Segmented, Select, ShortcutTile, Skeleton, Slider, SourceList, SourceListItem, SourceListMore, SourceListSection, SourceText, Sparkline, Spinner, SplitView, StartPage, StartPageSection, StateCell, StateView, StatusBar, StatusDot, StatusLight, StoreHeader, StoreLockup, StoreShelf, SummaryFact, SummaryPane, SummaryStrip, Switch, SymbolProvider, SymbolTile, SystemSymbol, TERMINAL_PROFILE, TEXT_STYLE_POINTS, TEXT_TONE, TOOLTIP_TEXT_BUDGET, TableFilterBar, TableFilterMenu, TableFilterTokens, Tag, Text, TextArea, TextField, TileGrid, TimedCode, Toolbar, ToolbarDivider, ToolbarGroup, ToolbarOverflow, ToolbarSpacer, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UnreadDot, UsageBar, Waveform, WindowToolbarActions, WindowToolbarHostMenu, WindowToolbarProvider, WindowToolbarTitle, baseNameEnd, buttonVariants, clipTooltipText, cn, columnKind, columnName, dateSectionOf, describeError, errorMessage, filterActive, filterChoices, filterRows, filterValues, formatAge, formatBytes, formatClockTime, formatDuration, formatFinderDate, formatMemory, formatMemoryUsage, formatUsage, groupByDateSection, infoHintText, initiallyHiddenColumns, meterTone, moveItem, organizationColor, peaksOf, tableFilters, tileColorFor, useWindowToolbarFull, useWindowToolbarOwnsMore };
-export type { ActivityBar, ActivityChartProps, AppRailAvatarProps, AppRailItemProps, ArrangedDisplay, AvatarProps, BannerProps, BannerTone, ButtonProps, CallButtonProps, CanvasColumnDef, CanvasLayoutProps, CanvasPanelDef, CheckboxProps, ChecklistAddRowProps, ChecklistRowProps, CodeBlockProps, Column, ColumnBrowserColumn, ColumnBrowserProps, ColumnFilter, ColumnKind, ColumnValuesFilter, ComingSoonProps, CompareChange, CompareLinesProps, ComparePane, CompareViewProps, ConfirmDialogProps, ConversationHeaderProps, CredentialFieldProps, CredentialHeaderProps, DataTableProps, DateSection, DateSectionKey, DateStepperProps, DatedSection, DescribedError, DesktopPickerOrganization, DesktopPopoverContentProps, DeviceFrameProps, DisclosureProps, DisplayArrangementProps, EdgeResizerProps, EmptyContentProps, ErrorBannerProps, Fact, FactListProps, FavoriteTileProps, FieldRowProps, FilterChoice, FilterableColumn, FinderDateOptions, GetButtonProps, GetButtonState, GroupTableColumn, GroupTableProps, GroupTableRow, HelpButtonProps, IconButtonProps, IconViewItemProps, IconViewProps, InfoButtonProps, InfoFact, InfoFactsProps, InfoHeaderProps, InfoHintProps, InfoStripItem, InfoStripProps, InspectorPanelProps, LevelIndicatorProps, LinkButtonProps, ListColor, ListHeadingProps, ListRowProps, LogColumns, LogLine, LogViewProps, MessageComposerProps, MessageListProps, MeterProps, ModeSwitchOption, ModeSwitchProps, NameCellProps, NativeConfirm, NativeConfirmRequest, NavigatorCustomizeItem, NavigatorCustomizeSheetProps, NavigatorItemProps, OrganizationPickerSheetProps, PageHeaderProps, PageProps, PageWidth, PaneHeaderProps, PathBarItem, PlaceMarkProps, PlaceMarkState, ProgressRingProps, PullDownButtonProps, QuickLookSheetProps, RecordButtonProps, RemovableTagProps, RenameFieldProps, ResizablePaneProps, ResourceProps, ResourceState, RowAction, RowMenuItem, RowProps, Scope, ScopeBarProps, SearchFieldProps, SectionButtonsProps, SectionProps, Segment, SegmentedProps, SelectOption, SelectProps, ShortcutTileProps, SliderProps, SortState, SourceLanguage, SourceListItemProps, SourceListMoreProps, SourceListProps, SourceListSectionProps, SparklineProps, SpinnerProps, SplitViewProps, StartPageProps, StartPageSectionProps, StateCellProps, StateViewProps, StatusBarProps, StatusDotProps, StatusLightProps, StatusTone$1 as StatusLightTone, StatusTone, StoreHeaderProps, StoreLockupProps, StoreShelfProps, SummaryFactProps, SummaryPaneProps, SwitchProps, SymbolImage, SymbolResolver, SymbolTileColor, SymbolTileProps, SymbolTileSize, SymbolWeight, SystemSymbolProps, TableFilterBarProps, TableFilterMenuProps, TableFilterState, TableGroups, TagProps, TagTone, TextAreaProps, TextFieldProps, TextProps, TextTone, TextVariant, TileGridProps, TimedCodeProps, ToolbarOverflowItem, ToolbarOverflowProps, ToolbarProps, TooltipContentProps, UsageBarProps, UsageColor, UsageSegment, WaveformProps, WindowToolbarTitleProps };
+export type { ActivityBar, ActivityChartProps, AppRailAvatarProps, AppRailItemProps, ArrangedDisplay, AvatarProps, BannerProps, BannerTone, ButtonProps, CallButtonProps, CanvasColumnDef, CanvasLayoutProps, CanvasPanelDef, CheckboxProps, ChecklistAddRowProps, ChecklistRowProps, CodeBlockProps, Column, ColumnBrowserColumn, ColumnBrowserProps, ColumnFilter, ColumnKind, ColumnValuesFilter, ComingSoonProps, CompareChange, CompareLinesProps, ComparePane, CompareViewProps, ConfirmDialogProps, ConversationHeaderProps, CredentialFieldProps, CredentialHeaderProps, DataTableProps, DateSection, DateSectionKey, DateStepperProps, DatedSection, DescribedError, DesktopPickerOrganization, DesktopPopoverContentProps, DeviceFrameProps, DialogBodyProps, DisclosureProps, DisplayArrangementProps, EdgeResizerProps, EmptyContentProps, ErrorBannerProps, Fact, FactListProps, FavoriteTileProps, FieldRowProps, FilterChoice, FilterableColumn, FinderDateOptions, GetButtonProps, GetButtonState, GroupTableColumn, GroupTableProps, GroupTableRow, HelpButtonProps, IconButtonProps, IconViewItemProps, IconViewProps, InfoButtonProps, InfoFact, InfoFactsProps, InfoHeaderProps, InfoHintProps, InfoStripItem, InfoStripProps, InspectorPanelProps, LevelIndicatorProps, LinkButtonProps, ListColor, ListHeadingProps, ListRowProps, LogColumns, LogLine, LogViewProps, MessageComposerProps, MessageListProps, MeterProps, ModeSwitchOption, ModeSwitchProps, NameCellProps, NativeConfirm, NativeConfirmRequest, NavigatorCustomizeItem, NavigatorCustomizeSheetProps, NavigatorItemProps, OrganizationPickerSheetProps, PageHeaderProps, PageProps, PageWidth, PaneHeaderProps, PathBarItem, PlaceMarkProps, PlaceMarkState, ProgressRingProps, PullDownButtonProps, QuickLookSheetProps, RecordButtonProps, RemovableTagProps, RenameFieldProps, ResizablePaneProps, ResourceProps, ResourceState, RowAction, RowMenuItem, RowProps, Scope, ScopeBarProps, SearchFieldProps, SectionButtonsProps, SectionProps, Segment, SegmentedProps, SelectOption, SelectProps, ShortcutTileProps, SliderProps, SortState, SourceLanguage, SourceListItemProps, SourceListMoreProps, SourceListProps, SourceListSectionProps, SparklineProps, SpinnerProps, SplitViewProps, StartPageProps, StartPageSectionProps, StateCellProps, StateViewProps, StatusBarProps, StatusDotProps, StatusLightProps, StatusTone$1 as StatusLightTone, StatusTone, StoreHeaderProps, StoreLockupProps, StoreShelfProps, SummaryFactProps, SummaryPaneProps, SwitchProps, SymbolImage, SymbolResolver, SymbolTileColor, SymbolTileProps, SymbolTileSize, SymbolWeight, SystemSymbolProps, TableFilterBarProps, TableFilterMenuProps, TableFilterState, TableGroups, TagProps, TagTone, TextAreaProps, TextFieldProps, TextProps, TextTone, TextVariant, TileGridProps, TimedCodeProps, ToolbarOverflowItem, ToolbarOverflowProps, ToolbarProps, TooltipContentProps, UsageBarProps, UsageColor, UsageSegment, WaveformProps, WindowToolbarTitleProps };

package/dist/desktop.js

@@ -19,7 +19,7 @@ import {
   matchesOrganizationQuery,
   orderOrganizationsForPicker,
   organizationColor
-} from "./chunk-BCGNEWZM.js";
+} from "./chunk-FLWSEDUW.js";
 import {
   Collapsible,
   CollapsibleContent,
@@ -41,7 +41,7 @@ import {
 import "./chunk-VQQ3O7J5.js";
 import {
   Tile
-} from "./chunk-UTADJKVR.js";
+} from "./chunk-GMNROZQJ.js";
 import "./chunk-HKLIRHT2.js";
 import {
   Skeleton
@@ -675,7 +675,7 @@ var DialogContent2 = React6.forwardRef(function DialogContent3({ className, show
 function DialogHeader2({ className, ...props }) {
   return /* @__PURE__ */ jsx9(DialogHeader, { className: cn2("gap-1 space-y-0 pr-0 text-left sm:text-left", className), ...props });
 }
-function DialogBody({ className, children, ...props }) {
+function DialogBody({ className, children, minHeight, ...props }) {
   const ref = React6.useRef(null);
   const [overflowing, setOverflowing] = React6.useState(false);
   React6.useLayoutEffect(() => {
@@ -689,7 +689,7 @@ function DialogBody({ className, children, ...props }) {
     for (const child of Array.from(el.children)) observer.observe(child);
     return () => observer.disconnect();
   }, [children]);
-  return /* @__PURE__ */ jsx9("div", { ref, "data-slot": "sheet-body", "data-overflowing": overflowing ? "" : void 0, className: cn2("flex min-h-0 flex-col gap-4", className), ...props, children });
+  return /* @__PURE__ */ jsx9("div", { ref, "data-slot": "sheet-body", "data-min-height": minHeight, "data-overflowing": overflowing ? "" : void 0, className: cn2("flex min-h-0 flex-col gap-4", className), ...props, children });
 }
 function DialogFooter2({ className, ...props }) {
   return /* @__PURE__ */ jsx9(DialogFooter, { className: cn2("flex-row justify-end gap-2 space-x-0 bg-content pt-1 sm:gap-2 sm:space-x-0", className), ...props });
@@ -1120,30 +1120,79 @@ var WIDTH = {
   wide: "max-w-none",
   full: "max-w-none"
 };
-function noticeElements(children) {
-  const out = [];
-  for (const c of React8.Children.toArray(children)) {
-    if (!React8.isValidElement(c)) continue;
-    if (c.type === React8.Fragment) out.push(...noticeElements(c.props.children));
-    else out.push(c);
-  }
-  return out;
+var EMPTY_LAYOUT = { drawn: /* @__PURE__ */ new Map(), folded: 0, total: 0 };
+function createNoticeRegistry() {
+  let entries = [];
+  let expanded = false;
+  let layout = EMPTY_LAYOUT;
+  const listeners = /* @__PURE__ */ new Set();
+  const recompute = () => {
+    const groups = collapseNotices(entries, (e) => e.key);
+    const { shown, folded } = expanded ? { shown: groups, folded: 0 } : visibleNotices(groups);
+    const drawn = /* @__PURE__ */ new Map();
+    for (const g of shown) {
+      const dismissers = g.members.map((m) => m.dismiss).filter((d) => typeof d === "function");
+      drawn.set(g.item.id, { count: g.count, dismissAll: g.item.dismiss ? () => dismissers.forEach((d) => d()) : void 0 });
+    }
+    layout = { drawn, folded, total: entries.length };
+    listeners.forEach((l) => l());
+  };
+  return {
+    set(id, key2, dismiss) {
+      const at = entries.findIndex((e) => e.id === id);
+      if (at >= 0) {
+        const old = entries[at];
+        if (old.key === key2 && old.dismiss === dismiss) return;
+        entries = entries.map((e, i) => i === at ? { id, key: key2, dismiss } : e);
+      } else {
+        entries = [...entries, { id, key: key2, dismiss }];
+      }
+      recompute();
+    },
+    remove(id) {
+      if (!entries.some((e) => e.id === id)) return;
+      entries = entries.filter((e) => e.id !== id);
+      if (entries.length === 0) expanded = false;
+      recompute();
+    },
+    subscribe(listener) {
+      listeners.add(listener);
+      return () => listeners.delete(listener);
+    },
+    snapshot: () => layout,
+    expand() {
+      expanded = true;
+      recompute();
+    }
+  };
+}
+var NoticeStackContext = React8.createContext(null);
+function useNoticeStackLayout(registry) {
+  return React8.useSyncExternalStore(
+    React8.useCallback((l) => registry ? registry.subscribe(l) : () => void 0, [registry]),
+    () => registry ? registry.snapshot() : EMPTY_LAYOUT,
+    () => registry ? registry.snapshot() : EMPTY_LAYOUT
+  );
 }
-function elementKey(el) {
-  const p = el.props;
-  if (typeof p.tone !== "string" || typeof p.title !== "string" && typeof p.title !== "number") return null;
-  return noticeKey(p.tone, p.title, p.message);
+function bannerNoticeKey(tone, title, message) {
+  if (typeof title !== "string" && typeof title !== "number") return null;
+  return noticeKey(tone, title, message);
+}
+function holdsElements(children) {
+  return React8.Children.toArray(children).some(
+    (c) => React8.isValidElement(c) && c.type === React8.Fragment ? holdsElements(c.props.children) : React8.isValidElement(c)
+  );
 }
-var NoticeStackContext = React8.createContext(false);
 function Notices({ children, className, onHeight, ...props }) {
   const stack = React8.useRef(null);
-  const [expanded, setExpanded] = React8.useState(false);
-  const elements = noticeElements(children);
-  const drawn = elements.length > 0;
+  const parent = React8.useContext(NoticeStackContext);
+  const [registry] = React8.useState(createNoticeRegistry);
+  const layout = useNoticeStackLayout(registry);
+  const drawn = layout.total > 0;
   React8.useLayoutEffect(() => {
     const el = stack.current;
     if (!onHeight) return;
-    if (!el) return onHeight(0);
+    if (!el || !drawn) return onHeight(0);
     const report = () => onHeight(el.offsetHeight);
     report();
     if (typeof ResizeObserver === "undefined") return;
@@ -1154,9 +1203,8 @@ function Notices({ children, className, onHeight, ...props }) {
       onHeight(0);
     };
   }, [onHeight, drawn]);
-  if (!drawn) return null;
-  const groups = collapseNotices(elements, elementKey);
-  const { shown, folded } = expanded ? { shown: groups, folded: 0 } : visibleNotices(groups);
+  if (parent) return /* @__PURE__ */ jsx11(Fragment3, { children });
+  if (!holdsElements(children)) return null;
   return /* @__PURE__ */ jsx11(
     "div",
     {
@@ -1164,15 +1212,16 @@ function Notices({ children, className, onHeight, ...props }) {
       "data-slot": "notices",
       "data-float": "",
       "aria-live": "polite",
+      hidden: !drawn || void 0,
       style: { width: `${NOTICE_STACK.widthRem}rem` },
       className: cn2("flex flex-col items-stretch gap-2 empty:hidden", className),
       ...props,
-      children: /* @__PURE__ */ jsxs7(NoticeStackContext.Provider, { value: true, children: [
-        folded > 0 ? /* @__PURE__ */ jsx11("button", { type: "button", "data-slot": "notices-more", className: "self-end rounded-full px-2 py-0.5", onClick: () => setExpanded(true), children: /* @__PURE__ */ jsxs7(Text, { variant: "caption", tone: "secondary", children: [
-          folded,
+      children: /* @__PURE__ */ jsxs7(NoticeStackContext.Provider, { value: registry, children: [
+        layout.folded > 0 ? /* @__PURE__ */ jsx11("button", { type: "button", "data-slot": "notices-more", className: "order-first self-end rounded-full px-2 py-0.5", onClick: () => registry.expand(), children: /* @__PURE__ */ jsxs7(Text, { variant: "caption", tone: "secondary", children: [
+          layout.folded,
           " more"
         ] }) }) : null,
-        shown.map((g) => g.count > 1 ? React8.cloneElement(g.item, { count: g.count }) : g.item)
+        children
       ] })
     }
   );
@@ -3127,7 +3176,21 @@ var BANNER_ICON = {
 };
 function Banner({ tone, icon, title, message, actions, detail, onDismiss, count, className, ...props }) {
   const [copied, setCopied] = React20.useState(false);
-  const floating = React20.useContext(NoticeStackContext);
+  const registry = React20.useContext(NoticeStackContext);
+  const floating = registry !== null;
+  const id = React20.useId();
+  const key2 = bannerNoticeKey(tone, title, message);
+  React20.useLayoutEffect(() => {
+    registry?.set(id, key2, onDismiss);
+  }, [registry, id, key2, onDismiss]);
+  React20.useLayoutEffect(() => registry ? () => registry.remove(id) : void 0, [registry, id]);
+  const layout = useNoticeStackLayout(registry);
+  const slot = layout.drawn.get(id);
+  if (floating && !slot) return null;
+  if (slot) {
+    count = Math.max(count ?? 1, slot.count);
+    if (slot.dismissAll) onDismiss = slot.dismissAll;
+  }
   return /* @__PURE__ */ jsxs22(
     "div",
     {
@@ -3142,14 +3205,14 @@ function Banner({ tone, icon, title, message, actions, detail, onDismiss, count,
         /* @__PURE__ */ jsx28("span", { className: cn2("flex shrink-0 self-start pt-px [&_svg]:size-icon", BANNER_TONE[tone].icon), children: icon ?? BANNER_ICON[tone] }),
         /* @__PURE__ */ jsxs22("div", { "data-slot": "banner-body", className: "flex min-w-0 flex-1 flex-wrap items-center gap-x-3 gap-y-2", children: [
           /* @__PURE__ */ jsxs22("div", { "data-slot": "banner-text", className: "flex min-w-0 flex-1 basis-56 flex-col gap-0.5", title: detail || void 0, children: [
-            /* @__PURE__ */ jsxs22(Text, { emphasized: true, className: floating ? "line-clamp-1" : void 0, children: [
+            /* @__PURE__ */ jsxs22(Text, { "data-slot": "banner-title", emphasized: true, ...floating && typeof title === "string" ? { title } : {}, children: [
               title,
               count && count > 1 ? /* @__PURE__ */ jsxs22("span", { "data-slot": "banner-count", className: "ml-1.5 font-normal text-label-secondary", children: [
                 "\xD7",
                 count
               ] }) : null
             ] }),
-            message ? /* @__PURE__ */ jsx28(Text, { as: "p", tone: "secondary", selectable: true, className: floating ? "line-clamp-2" : void 0, children: message }) : null
+            message ? /* @__PURE__ */ jsx28(Text, { "data-slot": "banner-message", as: "p", tone: "secondary", selectable: true, children: message }) : null
           ] }),
           actions || detail ? /* @__PURE__ */ jsxs22("div", { "data-slot": "banner-actions", className: "ml-auto flex shrink-0 items-center gap-2", children: [
             detail ? /* @__PURE__ */ jsx28(
@@ -3309,13 +3372,13 @@ function TableFilterTokens({ columns, state, onChange }) {
     return /* @__PURE__ */ jsx29(RemovableTag, { "data-table-filter-token": column.key, className: "shrink-0", removeLabel: `Remove the ${name} filter`, onRemove: () => onChange(setValues(state, column.key, [])), children: `${name}: ${labels.join(", ")}` }, column.key);
   }) });
 }
-function TableFilterBar({ columns, rows, state, onChange, shown, label }) {
+function TableFilterBar({ columns, rows, state, onChange, shown, label, noun }) {
   const searchable = columns.some((c) => c.search);
   const active = filterActive(state);
   return /* @__PURE__ */ jsxs23("div", { "data-slot": "data-table-filter-bar", className: "flex h-table-filter-bar shrink-0 items-center gap-2 border-b border-separator px-3", children: [
     /* @__PURE__ */ jsxs23("div", { className: "flex min-w-0 flex-1 items-center gap-1.5 overflow-hidden", children: [
       /* @__PURE__ */ jsx29(TableFilterTokens, { columns, state, onChange }),
-      /* @__PURE__ */ jsx29(Text, { tone: "secondary", className: "shrink-0 tabular-nums", "data-table-filter-count": shown, children: active ? `${shown} of ${rows.length}` : `${rows.length}` })
+      /* @__PURE__ */ jsx29(Text, { tone: "secondary", className: "shrink-0 tabular-nums", "data-table-filter-count": shown, children: `${active ? `${shown} of ${rows.length}` : `${rows.length}`}${noun ? ` ${rows.length === 1 ? noun[0] : noun[1]}` : ""}` })
     ] }),
     searchable ? /* @__PURE__ */ jsx29(
       SearchField,
@@ -3428,6 +3491,7 @@ function DataTable({
   onFilterStateChange,
   defaultFilter,
   filterBar = true,
+  noun,
   className,
   "aria-label": ariaLabel,
   columns: allColumns,
@@ -3618,7 +3682,7 @@ function DataTable({
     }
   };
   const contextItems = menuRow !== null && rowContextMenu ? rowContextMenu(menuRow) ?? null : null;
-  const bar = filterable && filterBar && givenRows.length > 0 ? /* @__PURE__ */ jsx30(TableFilterBar, { columns: allColumns, rows: givenRows, state: filter, onChange: setFilter, shown: rows.length, label: ariaLabel.toLowerCase() }) : null;
+  const bar = filterable && filterBar && givenRows.length > 0 ? /* @__PURE__ */ jsx30(TableFilterBar, { columns: allColumns, rows: givenRows, state: filter, onChange: setFilter, shown: rows.length, label: ariaLabel.toLowerCase(), noun }) : null;
   const framed = (body) => bar ? /* @__PURE__ */ jsxs24(
     "div",
     {