@ai-matrx/design-system 0.49.59 → 0.50.0

package/dist/index.d.cts

@@ -1698,34 +1698,17 @@ declare const SheetTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.D
  * Studio and the dashboard each had a bare `<Select>` with different copy,
  * different placement and no default control. Three UIs for one fact.
  *
- * WHAT IT SAYS, IN WORDS (the rule the origin learned the hard way, five
- * reports across three rounds): the panel states which organization is
- * ACTIVE — "Working in Acme" — because a check mark and an accent colour are
- * not an answer to "which one am I in", and the default switch's sentence is
- * about STARTUP, not about now. A control whose only sentence describes a
- * different fact than the one the reader is looking for lies by omission.
- *
- * It is PRESENTATIONAL. The host supplies the memberships, the active id, the
- * default id, and two callbacks; it owns no fetch, no storage, no resolution.
- * The resolution order (this device's stored selection → sole membership →
- * make the person pick) and the shared cookie that carries the stored
- * selection live in the host's org-context module and `@ai-matrx/data/db`'s
- * `createActiveOrgCookie`. Persistence boundary (C10): none.
- *
- * 🚨 THE STAR DOES NOT PICK AN ORGANIZATION, AND MUST NOT SAY IT DOES.
- * Until 2026-09-21 this switch read "Set as my default" and promised "Next
- * startup opens Acme" / "Auto-select this at startup". That stopped being true
- * on 2026-09-19, when the owner deleted the durable-default rung from the
- * resolver — "a default organization is at most a per-client DISPLAY
- * preference; the org picker may show it and nothing else may read it" — and
- * nobody changed the words. Crew D2 met exactly that on 2026-09-21: the
- * selection gone on a fresh browser profile "with no persistence despite a
- * 'Set as my default' toggle implying it should stick". A control wearing a
- * false sentence is the one thing a screen may never do, so the switch now
- * says the thing it actually does — and DOES it: the starred organization is
- * drawn first, which is what a star is for in Slack and in Linear, and which
- * is the difference between finding your own workspace instantly and hunting
- * it among ninety.
+ * THE ACTIVE ROW IS THE ANSWER (owner, 2026-10-01). The active organization is
+ * the highlighted row — tinted, bold, ringed and checked — and nothing else:
+ * the "Working in …" sentence above the list is gone ("It should be
+ * highlighted and clear"), and so is the "Keep it at the top" switch.
+ *
+ * FAVORITES (owner, 2026-10-01: "add a star you can click to favorite any of
+ * them"). Every row carries its own star; a person favorites as many as they
+ * like, and favorites are drawn first. The star never selects the row — it is
+ * a sibling button, not part of the row — and it picks no organization for
+ * anyone: which organization you are working in is this device's own
+ * remembered choice (the host's resolver), never a star.
  *
  * 🚨 A HUNDRED ROWS IS NOT A LIST (VERIFIER-8 MEDIUM-3, 2026-09-21).
  * The first screen of the data product offered the admin account's 116
@@ -1802,43 +1785,47 @@ interface OrganizationPickerProps {
     organizations: readonly OrganizationPickerOrganization[];
     /** The organization the person is acting in right now; null = nothing chosen. */
     activeOrganizationId: string | null;
-    /** The durable "open this at startup" preference; null = none pinned. */
-    defaultOrganizationId?: string | null;
+    /** The person's favorite organizations, drawn first and starred. */
+    favoriteOrganizationIds?: readonly string[];
     loading?: boolean;
     /** Memberships could not be read. The panel says so instead of showing an empty list. */
     loadFailed?: boolean;
     /** Choose the active organization. Hosts persist + refetch here. */
     onSelect: (organization: OrganizationPickerOrganization) => void;
     /**
-     * Pin (id) or clear (null) the default organization. Omit to hide the
-     * default switch entirely — a host with no write path must not show a
-     * control that does nothing.
+     * Favorite (true) or unfavorite (false) one organization. Omit to draw no
+     * star buttons — a host with no write path must not show a control that
+     * does nothing (a favorite is still marked, read-only).
      */
-    onSetDefault?: ((organizationId: string | null) => void) | undefined;
+    onToggleFavorite?: ((organizationId: string, favorite: boolean) => void) | undefined;
     /** Hide the "Organization" eyebrow when the host already labels the section. */
     hideHeading?: boolean;
     /** Extra classes on each row button (e.g. a host menu's item class). */
     itemClassName?: string;
-    /**
-     * Hide the "Working in …" / "No organization selected" line — for a host
-     * whose choice is not the ACTIVE organization (HR's employer chooser).
-     */
-    hideStatus?: boolean;
     /** The noun on the disclosure that holds `folded` rows. Default "More". */
     foldedLabel?: string;
     className?: string;
 }
+declare function organizationColor(seed: string): {
+    background: string;
+    color: string;
+};
 /**
- * The compact organization identity mark — the same 2–3 letter tile every
- * Matrx surface draws. Falls back to the first letter of the name when the
- * report has no abbreviation, so a row never renders an empty tile.
+ * THE organization mark — its own logo when it has one, otherwise its 2–3
+ * letter abbreviation on its colour tile (the first letter of the name when the
+ * report has no abbreviation, so a tile is never empty). Three letters get a
+ * smaller face than two so they fit the tile. Every Matrx surface draws this.
  */
-declare function OrganizationAbbreviation({ abbreviation, name, className, }: {
-    abbreviation?: string | null | undefined;
+declare function OrganizationMark({ id, name, abbreviation, logoUrl, size, className, }: {
+    /** Seeds the colour; the name is used when absent. */
+    id?: string | null | undefined;
     name: string;
+    abbreviation?: string | null | undefined;
+    logoUrl?: string | null | undefined;
+    size?: number;
     className?: string | undefined;
 }): React.JSX.Element;
-declare function OrganizationPicker({ organizations, activeOrganizationId, defaultOrganizationId, loading, loadFailed, onSelect, onSetDefault, hideHeading, itemClassName, hideStatus, foldedLabel, className, }: OrganizationPickerProps): React.JSX.Element;
+declare function OrganizationPicker({ organizations, activeOrganizationId, favoriteOrganizationIds, loading, loadFailed, onSelect, onToggleFavorite, hideHeading, itemClassName, foldedLabel, className, }: OrganizationPickerProps): React.JSX.Element;
 
 /**
  * Skeleton — the "content is coming" placeholder.
@@ -2509,4 +2496,4 @@ declare const FORBIDDEN_HOST_MOTION_UTILITIES: readonly ["animate-in", "animate-
  */
 declare const FIELD_SURFACE_CLASS = "border border-border bg-card";
 
-export { ALL_MOTION_CLASSES, ARCHIVE_FILTER_LABELS, ARCHIVE_FILTER_VALUES, ARCHIVE_LABEL, Accordion, AccordionContent, AccordionItem, type AccordionProps, type AccordionSize, AccordionTrigger, type AccordionTriggerProps, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogContentPrimitive, type AlertDialogContentProps, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, ArchiveFilter, type ArchiveFilterProps, type ArchiveFilterValue, ArchivedDisclosure, type ArchivedDisclosureProps, Avatar, AvatarFallback, AvatarImage, type AvatarProps, type AvatarSize, Badge, type BadgeProps, BasicInput, BasicTextarea, BottomSheet, BottomSheetBody, type BottomSheetBodyProps, BottomSheetFooter, type BottomSheetFooterProps, BottomSheetHeader, type BottomSheetHeaderProps, type BottomSheetProps, Button, type ButtonProps, CENTERED_DIALOG, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, type CardSize, CardTitle, Checkbox, type CheckboxProps, type CheckboxSize, Collapsible, CollapsibleContent, type CollapsibleContentProps, CollapsibleTrigger, Command, CommandDialog, type CommandDialogProps, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ConfirmDialog, ConfirmDialogHost, type ConfirmDialogProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, type ContextMenuContentProps, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, type CreatableOption, CreatablePicker, type CreatablePickerProps, DEFAULT_ARCHIVE_FILTER, DEFAULT_SCORE_THRESHOLDS, Dialog, DialogClose, DialogContent, DialogContentPrimitive, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerContentPrimitive, type DrawerContentProps, DrawerDescription, type DrawerDirection, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, type DrawerProps, type DrawerSize, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EditableLabel, type EditableLabelActivation, type EditableLabelCommitMode, type EditableLabelProps, EnterInput, type EnterInputProps, ErrorActions, type ErrorActionsInput, ErrorActionsProvider, type ErrorActionsRecord, type ErrorActionsRenderer, ErrorBox, type ErrorBoxProps, FIELD_SURFACE_CLASS, FLOATING_LAYER_ATTR, FORBIDDEN_HOST_MOTION_UTILITIES, FloatingLayer, HoverCard, HoverCardContent, type HoverCardContentProps, HoverCardTrigger, Input, type InputProps, type InputVariant, InputWithPrefix, type InputWithPrefixProps, LAYER_FRONT_EVENT, Label, type LayerFrontDetail, MOBILE_BREAKPOINT, MODAL_LAYER_Z, MOTION_BOTTOM_SHEET, MOTION_DIALOG, MOTION_OVERLAY, MOTION_POPPER, MOTION_PULSE, MOTION_SHEET, MOTION_SPIN, NATIVE_TITLE_OPT_OUT_ATTR, OrganizationAbbreviation, OrganizationPicker, type OrganizationPickerOrganization, type OrganizationPickerProps, OverflowToolbar, type OverflowToolbarProps, POPPER_OFFSET, type PickerIcon, Popover, PopoverAnchor, PopoverContent, type PopoverContentProps, PopoverTrigger, PortalContainerProvider, type PortalContainerProviderProps, Progress, type ProgressProps, type ProgressTone, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, type RadioGroupSize, RadixDialogModalProvider, type RadixDialogModalProviderProps, ResizableHandle, type ResizableHandleProps, type ResizableHandleSize, ResizablePanel, ResizablePanelGroup, ScoreRing, type ScoreRingProps, type ScoreThresholds, ScrollArea, type ScrollAreaProps, ScrollBar, type ScrollFadeState, type SegmentOption, SegmentedControl, type SegmentedControlProps, Select, SelectChevron, SelectContent, type SelectContentProps, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, Separator, Sheet, SheetClose, SheetContent, type SheetContentProps, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, type SkeletonProps, Slider, type SliderProps, type SliderSize, Switch, type SwitchProps, type SwitchSize, TabbedBottomSheet, type TabbedBottomSheetProps, type TabbedBottomSheetTab, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableSize, Tabs, TabsContent, TabsList, TabsTrigger, TabsTriggerCore, Textarea, type TextareaProps, TextareaWithPrefix, type TextareaWithPrefixProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, type ToolbarAction, type ToolbarActionTone, type ToolbarIcon, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, type TooltipProviderProps, TooltipTrigger, type UseScrollFadeResult, acquireTitleTooltips, alertVariants, announceLayerFront, archiveFilterFromDisclosure, badgeVariants, buttonVariants, cn, floatingLayerZIndex, isInsideFloatingLayer, isModalLayerOpen, keepFloatingLayersInside, registerModalLayer, scoreAccentBgClasses, scoreRingColorClasses, selectTriggerVariants, sheetVariants, toArchiveFilter, toggleVariants, useAccordionSize, useCardSize, useDialogContainer, useDrawerDirection, useErrorActions, useFloatingLayerZIndex, useIsMobile, useModalLayer, useModalLayerOpen, usePortalContainer, useRadixDialogModal, useScrollFade, useTableSize };
+export { ALL_MOTION_CLASSES, ARCHIVE_FILTER_LABELS, ARCHIVE_FILTER_VALUES, ARCHIVE_LABEL, Accordion, AccordionContent, AccordionItem, type AccordionProps, type AccordionSize, AccordionTrigger, type AccordionTriggerProps, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogContentPrimitive, type AlertDialogContentProps, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, ArchiveFilter, type ArchiveFilterProps, type ArchiveFilterValue, ArchivedDisclosure, type ArchivedDisclosureProps, Avatar, AvatarFallback, AvatarImage, type AvatarProps, type AvatarSize, Badge, type BadgeProps, BasicInput, BasicTextarea, BottomSheet, BottomSheetBody, type BottomSheetBodyProps, BottomSheetFooter, type BottomSheetFooterProps, BottomSheetHeader, type BottomSheetHeaderProps, type BottomSheetProps, Button, type ButtonProps, CENTERED_DIALOG, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, type CardSize, CardTitle, Checkbox, type CheckboxProps, type CheckboxSize, Collapsible, CollapsibleContent, type CollapsibleContentProps, CollapsibleTrigger, Command, CommandDialog, type CommandDialogProps, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ConfirmDialog, ConfirmDialogHost, type ConfirmDialogProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, type ContextMenuContentProps, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, type CreatableOption, CreatablePicker, type CreatablePickerProps, DEFAULT_ARCHIVE_FILTER, DEFAULT_SCORE_THRESHOLDS, Dialog, DialogClose, DialogContent, DialogContentPrimitive, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerContentPrimitive, type DrawerContentProps, DrawerDescription, type DrawerDirection, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, type DrawerProps, type DrawerSize, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EditableLabel, type EditableLabelActivation, type EditableLabelCommitMode, type EditableLabelProps, EnterInput, type EnterInputProps, ErrorActions, type ErrorActionsInput, ErrorActionsProvider, type ErrorActionsRecord, type ErrorActionsRenderer, ErrorBox, type ErrorBoxProps, FIELD_SURFACE_CLASS, FLOATING_LAYER_ATTR, FORBIDDEN_HOST_MOTION_UTILITIES, FloatingLayer, HoverCard, HoverCardContent, type HoverCardContentProps, HoverCardTrigger, Input, type InputProps, type InputVariant, InputWithPrefix, type InputWithPrefixProps, LAYER_FRONT_EVENT, Label, type LayerFrontDetail, MOBILE_BREAKPOINT, MODAL_LAYER_Z, MOTION_BOTTOM_SHEET, MOTION_DIALOG, MOTION_OVERLAY, MOTION_POPPER, MOTION_PULSE, MOTION_SHEET, MOTION_SPIN, NATIVE_TITLE_OPT_OUT_ATTR, OrganizationMark, OrganizationPicker, type OrganizationPickerOrganization, type OrganizationPickerProps, OverflowToolbar, type OverflowToolbarProps, POPPER_OFFSET, type PickerIcon, Popover, PopoverAnchor, PopoverContent, type PopoverContentProps, PopoverTrigger, PortalContainerProvider, type PortalContainerProviderProps, Progress, type ProgressProps, type ProgressTone, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, type RadioGroupSize, RadixDialogModalProvider, type RadixDialogModalProviderProps, ResizableHandle, type ResizableHandleProps, type ResizableHandleSize, ResizablePanel, ResizablePanelGroup, ScoreRing, type ScoreRingProps, type ScoreThresholds, ScrollArea, type ScrollAreaProps, ScrollBar, type ScrollFadeState, type SegmentOption, SegmentedControl, type SegmentedControlProps, Select, SelectChevron, SelectContent, type SelectContentProps, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, Separator, Sheet, SheetClose, SheetContent, type SheetContentProps, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, type SkeletonProps, Slider, type SliderProps, type SliderSize, Switch, type SwitchProps, type SwitchSize, TabbedBottomSheet, type TabbedBottomSheetProps, type TabbedBottomSheetTab, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableSize, Tabs, TabsContent, TabsList, TabsTrigger, TabsTriggerCore, Textarea, type TextareaProps, TextareaWithPrefix, type TextareaWithPrefixProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, type ToolbarAction, type ToolbarActionTone, type ToolbarIcon, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, type TooltipProviderProps, TooltipTrigger, type UseScrollFadeResult, acquireTitleTooltips, alertVariants, announceLayerFront, archiveFilterFromDisclosure, badgeVariants, buttonVariants, cn, floatingLayerZIndex, isInsideFloatingLayer, isModalLayerOpen, keepFloatingLayersInside, organizationColor, registerModalLayer, scoreAccentBgClasses, scoreRingColorClasses, selectTriggerVariants, sheetVariants, toArchiveFilter, toggleVariants, useAccordionSize, useCardSize, useDialogContainer, useDrawerDirection, useErrorActions, useFloatingLayerZIndex, useIsMobile, useModalLayer, useModalLayerOpen, usePortalContainer, useRadixDialogModal, useScrollFade, useTableSize };

package/dist/index.d.ts

@@ -1698,34 +1698,17 @@ declare const SheetTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.D
  * Studio and the dashboard each had a bare `<Select>` with different copy,
  * different placement and no default control. Three UIs for one fact.
  *
- * WHAT IT SAYS, IN WORDS (the rule the origin learned the hard way, five
- * reports across three rounds): the panel states which organization is
- * ACTIVE — "Working in Acme" — because a check mark and an accent colour are
- * not an answer to "which one am I in", and the default switch's sentence is
- * about STARTUP, not about now. A control whose only sentence describes a
- * different fact than the one the reader is looking for lies by omission.
- *
- * It is PRESENTATIONAL. The host supplies the memberships, the active id, the
- * default id, and two callbacks; it owns no fetch, no storage, no resolution.
- * The resolution order (this device's stored selection → sole membership →
- * make the person pick) and the shared cookie that carries the stored
- * selection live in the host's org-context module and `@ai-matrx/data/db`'s
- * `createActiveOrgCookie`. Persistence boundary (C10): none.
- *
- * 🚨 THE STAR DOES NOT PICK AN ORGANIZATION, AND MUST NOT SAY IT DOES.
- * Until 2026-09-21 this switch read "Set as my default" and promised "Next
- * startup opens Acme" / "Auto-select this at startup". That stopped being true
- * on 2026-09-19, when the owner deleted the durable-default rung from the
- * resolver — "a default organization is at most a per-client DISPLAY
- * preference; the org picker may show it and nothing else may read it" — and
- * nobody changed the words. Crew D2 met exactly that on 2026-09-21: the
- * selection gone on a fresh browser profile "with no persistence despite a
- * 'Set as my default' toggle implying it should stick". A control wearing a
- * false sentence is the one thing a screen may never do, so the switch now
- * says the thing it actually does — and DOES it: the starred organization is
- * drawn first, which is what a star is for in Slack and in Linear, and which
- * is the difference between finding your own workspace instantly and hunting
- * it among ninety.
+ * THE ACTIVE ROW IS THE ANSWER (owner, 2026-10-01). The active organization is
+ * the highlighted row — tinted, bold, ringed and checked — and nothing else:
+ * the "Working in …" sentence above the list is gone ("It should be
+ * highlighted and clear"), and so is the "Keep it at the top" switch.
+ *
+ * FAVORITES (owner, 2026-10-01: "add a star you can click to favorite any of
+ * them"). Every row carries its own star; a person favorites as many as they
+ * like, and favorites are drawn first. The star never selects the row — it is
+ * a sibling button, not part of the row — and it picks no organization for
+ * anyone: which organization you are working in is this device's own
+ * remembered choice (the host's resolver), never a star.
  *
  * 🚨 A HUNDRED ROWS IS NOT A LIST (VERIFIER-8 MEDIUM-3, 2026-09-21).
  * The first screen of the data product offered the admin account's 116
@@ -1802,43 +1785,47 @@ interface OrganizationPickerProps {
     organizations: readonly OrganizationPickerOrganization[];
     /** The organization the person is acting in right now; null = nothing chosen. */
     activeOrganizationId: string | null;
-    /** The durable "open this at startup" preference; null = none pinned. */
-    defaultOrganizationId?: string | null;
+    /** The person's favorite organizations, drawn first and starred. */
+    favoriteOrganizationIds?: readonly string[];
     loading?: boolean;
     /** Memberships could not be read. The panel says so instead of showing an empty list. */
     loadFailed?: boolean;
     /** Choose the active organization. Hosts persist + refetch here. */
     onSelect: (organization: OrganizationPickerOrganization) => void;
     /**
-     * Pin (id) or clear (null) the default organization. Omit to hide the
-     * default switch entirely — a host with no write path must not show a
-     * control that does nothing.
+     * Favorite (true) or unfavorite (false) one organization. Omit to draw no
+     * star buttons — a host with no write path must not show a control that
+     * does nothing (a favorite is still marked, read-only).
      */
-    onSetDefault?: ((organizationId: string | null) => void) | undefined;
+    onToggleFavorite?: ((organizationId: string, favorite: boolean) => void) | undefined;
     /** Hide the "Organization" eyebrow when the host already labels the section. */
     hideHeading?: boolean;
     /** Extra classes on each row button (e.g. a host menu's item class). */
     itemClassName?: string;
-    /**
-     * Hide the "Working in …" / "No organization selected" line — for a host
-     * whose choice is not the ACTIVE organization (HR's employer chooser).
-     */
-    hideStatus?: boolean;
     /** The noun on the disclosure that holds `folded` rows. Default "More". */
     foldedLabel?: string;
     className?: string;
 }
+declare function organizationColor(seed: string): {
+    background: string;
+    color: string;
+};
 /**
- * The compact organization identity mark — the same 2–3 letter tile every
- * Matrx surface draws. Falls back to the first letter of the name when the
- * report has no abbreviation, so a row never renders an empty tile.
+ * THE organization mark — its own logo when it has one, otherwise its 2–3
+ * letter abbreviation on its colour tile (the first letter of the name when the
+ * report has no abbreviation, so a tile is never empty). Three letters get a
+ * smaller face than two so they fit the tile. Every Matrx surface draws this.
  */
-declare function OrganizationAbbreviation({ abbreviation, name, className, }: {
-    abbreviation?: string | null | undefined;
+declare function OrganizationMark({ id, name, abbreviation, logoUrl, size, className, }: {
+    /** Seeds the colour; the name is used when absent. */
+    id?: string | null | undefined;
     name: string;
+    abbreviation?: string | null | undefined;
+    logoUrl?: string | null | undefined;
+    size?: number;
     className?: string | undefined;
 }): React.JSX.Element;
-declare function OrganizationPicker({ organizations, activeOrganizationId, defaultOrganizationId, loading, loadFailed, onSelect, onSetDefault, hideHeading, itemClassName, hideStatus, foldedLabel, className, }: OrganizationPickerProps): React.JSX.Element;
+declare function OrganizationPicker({ organizations, activeOrganizationId, favoriteOrganizationIds, loading, loadFailed, onSelect, onToggleFavorite, hideHeading, itemClassName, foldedLabel, className, }: OrganizationPickerProps): React.JSX.Element;
 
 /**
  * Skeleton — the "content is coming" placeholder.
@@ -2509,4 +2496,4 @@ declare const FORBIDDEN_HOST_MOTION_UTILITIES: readonly ["animate-in", "animate-
  */
 declare const FIELD_SURFACE_CLASS = "border border-border bg-card";
 
-export { ALL_MOTION_CLASSES, ARCHIVE_FILTER_LABELS, ARCHIVE_FILTER_VALUES, ARCHIVE_LABEL, Accordion, AccordionContent, AccordionItem, type AccordionProps, type AccordionSize, AccordionTrigger, type AccordionTriggerProps, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogContentPrimitive, type AlertDialogContentProps, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, ArchiveFilter, type ArchiveFilterProps, type ArchiveFilterValue, ArchivedDisclosure, type ArchivedDisclosureProps, Avatar, AvatarFallback, AvatarImage, type AvatarProps, type AvatarSize, Badge, type BadgeProps, BasicInput, BasicTextarea, BottomSheet, BottomSheetBody, type BottomSheetBodyProps, BottomSheetFooter, type BottomSheetFooterProps, BottomSheetHeader, type BottomSheetHeaderProps, type BottomSheetProps, Button, type ButtonProps, CENTERED_DIALOG, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, type CardSize, CardTitle, Checkbox, type CheckboxProps, type CheckboxSize, Collapsible, CollapsibleContent, type CollapsibleContentProps, CollapsibleTrigger, Command, CommandDialog, type CommandDialogProps, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ConfirmDialog, ConfirmDialogHost, type ConfirmDialogProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, type ContextMenuContentProps, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, type CreatableOption, CreatablePicker, type CreatablePickerProps, DEFAULT_ARCHIVE_FILTER, DEFAULT_SCORE_THRESHOLDS, Dialog, DialogClose, DialogContent, DialogContentPrimitive, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerContentPrimitive, type DrawerContentProps, DrawerDescription, type DrawerDirection, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, type DrawerProps, type DrawerSize, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EditableLabel, type EditableLabelActivation, type EditableLabelCommitMode, type EditableLabelProps, EnterInput, type EnterInputProps, ErrorActions, type ErrorActionsInput, ErrorActionsProvider, type ErrorActionsRecord, type ErrorActionsRenderer, ErrorBox, type ErrorBoxProps, FIELD_SURFACE_CLASS, FLOATING_LAYER_ATTR, FORBIDDEN_HOST_MOTION_UTILITIES, FloatingLayer, HoverCard, HoverCardContent, type HoverCardContentProps, HoverCardTrigger, Input, type InputProps, type InputVariant, InputWithPrefix, type InputWithPrefixProps, LAYER_FRONT_EVENT, Label, type LayerFrontDetail, MOBILE_BREAKPOINT, MODAL_LAYER_Z, MOTION_BOTTOM_SHEET, MOTION_DIALOG, MOTION_OVERLAY, MOTION_POPPER, MOTION_PULSE, MOTION_SHEET, MOTION_SPIN, NATIVE_TITLE_OPT_OUT_ATTR, OrganizationAbbreviation, OrganizationPicker, type OrganizationPickerOrganization, type OrganizationPickerProps, OverflowToolbar, type OverflowToolbarProps, POPPER_OFFSET, type PickerIcon, Popover, PopoverAnchor, PopoverContent, type PopoverContentProps, PopoverTrigger, PortalContainerProvider, type PortalContainerProviderProps, Progress, type ProgressProps, type ProgressTone, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, type RadioGroupSize, RadixDialogModalProvider, type RadixDialogModalProviderProps, ResizableHandle, type ResizableHandleProps, type ResizableHandleSize, ResizablePanel, ResizablePanelGroup, ScoreRing, type ScoreRingProps, type ScoreThresholds, ScrollArea, type ScrollAreaProps, ScrollBar, type ScrollFadeState, type SegmentOption, SegmentedControl, type SegmentedControlProps, Select, SelectChevron, SelectContent, type SelectContentProps, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, Separator, Sheet, SheetClose, SheetContent, type SheetContentProps, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, type SkeletonProps, Slider, type SliderProps, type SliderSize, Switch, type SwitchProps, type SwitchSize, TabbedBottomSheet, type TabbedBottomSheetProps, type TabbedBottomSheetTab, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableSize, Tabs, TabsContent, TabsList, TabsTrigger, TabsTriggerCore, Textarea, type TextareaProps, TextareaWithPrefix, type TextareaWithPrefixProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, type ToolbarAction, type ToolbarActionTone, type ToolbarIcon, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, type TooltipProviderProps, TooltipTrigger, type UseScrollFadeResult, acquireTitleTooltips, alertVariants, announceLayerFront, archiveFilterFromDisclosure, badgeVariants, buttonVariants, cn, floatingLayerZIndex, isInsideFloatingLayer, isModalLayerOpen, keepFloatingLayersInside, registerModalLayer, scoreAccentBgClasses, scoreRingColorClasses, selectTriggerVariants, sheetVariants, toArchiveFilter, toggleVariants, useAccordionSize, useCardSize, useDialogContainer, useDrawerDirection, useErrorActions, useFloatingLayerZIndex, useIsMobile, useModalLayer, useModalLayerOpen, usePortalContainer, useRadixDialogModal, useScrollFade, useTableSize };
+export { ALL_MOTION_CLASSES, ARCHIVE_FILTER_LABELS, ARCHIVE_FILTER_VALUES, ARCHIVE_LABEL, Accordion, AccordionContent, AccordionItem, type AccordionProps, type AccordionSize, AccordionTrigger, type AccordionTriggerProps, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogContentPrimitive, type AlertDialogContentProps, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, ArchiveFilter, type ArchiveFilterProps, type ArchiveFilterValue, ArchivedDisclosure, type ArchivedDisclosureProps, Avatar, AvatarFallback, AvatarImage, type AvatarProps, type AvatarSize, Badge, type BadgeProps, BasicInput, BasicTextarea, BottomSheet, BottomSheetBody, type BottomSheetBodyProps, BottomSheetFooter, type BottomSheetFooterProps, BottomSheetHeader, type BottomSheetHeaderProps, type BottomSheetProps, Button, type ButtonProps, CENTERED_DIALOG, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, type CardSize, CardTitle, Checkbox, type CheckboxProps, type CheckboxSize, Collapsible, CollapsibleContent, type CollapsibleContentProps, CollapsibleTrigger, Command, CommandDialog, type CommandDialogProps, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ConfirmDialog, ConfirmDialogHost, type ConfirmDialogProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, type ContextMenuContentProps, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, type CreatableOption, CreatablePicker, type CreatablePickerProps, DEFAULT_ARCHIVE_FILTER, DEFAULT_SCORE_THRESHOLDS, Dialog, DialogClose, DialogContent, DialogContentPrimitive, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerContentPrimitive, type DrawerContentProps, DrawerDescription, type DrawerDirection, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, type DrawerProps, type DrawerSize, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EditableLabel, type EditableLabelActivation, type EditableLabelCommitMode, type EditableLabelProps, EnterInput, type EnterInputProps, ErrorActions, type ErrorActionsInput, ErrorActionsProvider, type ErrorActionsRecord, type ErrorActionsRenderer, ErrorBox, type ErrorBoxProps, FIELD_SURFACE_CLASS, FLOATING_LAYER_ATTR, FORBIDDEN_HOST_MOTION_UTILITIES, FloatingLayer, HoverCard, HoverCardContent, type HoverCardContentProps, HoverCardTrigger, Input, type InputProps, type InputVariant, InputWithPrefix, type InputWithPrefixProps, LAYER_FRONT_EVENT, Label, type LayerFrontDetail, MOBILE_BREAKPOINT, MODAL_LAYER_Z, MOTION_BOTTOM_SHEET, MOTION_DIALOG, MOTION_OVERLAY, MOTION_POPPER, MOTION_PULSE, MOTION_SHEET, MOTION_SPIN, NATIVE_TITLE_OPT_OUT_ATTR, OrganizationMark, OrganizationPicker, type OrganizationPickerOrganization, type OrganizationPickerProps, OverflowToolbar, type OverflowToolbarProps, POPPER_OFFSET, type PickerIcon, Popover, PopoverAnchor, PopoverContent, type PopoverContentProps, PopoverTrigger, PortalContainerProvider, type PortalContainerProviderProps, Progress, type ProgressProps, type ProgressTone, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, type RadioGroupSize, RadixDialogModalProvider, type RadixDialogModalProviderProps, ResizableHandle, type ResizableHandleProps, type ResizableHandleSize, ResizablePanel, ResizablePanelGroup, ScoreRing, type ScoreRingProps, type ScoreThresholds, ScrollArea, type ScrollAreaProps, ScrollBar, type ScrollFadeState, type SegmentOption, SegmentedControl, type SegmentedControlProps, Select, SelectChevron, SelectContent, type SelectContentProps, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, Separator, Sheet, SheetClose, SheetContent, type SheetContentProps, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, type SkeletonProps, Slider, type SliderProps, type SliderSize, Switch, type SwitchProps, type SwitchSize, TabbedBottomSheet, type TabbedBottomSheetProps, type TabbedBottomSheetTab, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableSize, Tabs, TabsContent, TabsList, TabsTrigger, TabsTriggerCore, Textarea, type TextareaProps, TextareaWithPrefix, type TextareaWithPrefixProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, type ToolbarAction, type ToolbarActionTone, type ToolbarIcon, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, type TooltipProviderProps, TooltipTrigger, type UseScrollFadeResult, acquireTitleTooltips, alertVariants, announceLayerFront, archiveFilterFromDisclosure, badgeVariants, buttonVariants, cn, floatingLayerZIndex, isInsideFloatingLayer, isModalLayerOpen, keepFloatingLayersInside, organizationColor, registerModalLayer, scoreAccentBgClasses, scoreRingColorClasses, selectTriggerVariants, sheetVariants, toArchiveFilter, toggleVariants, useAccordionSize, useCardSize, useDialogContainer, useDrawerDirection, useErrorActions, useFloatingLayerZIndex, useIsMobile, useModalLayer, useModalLayerOpen, usePortalContainer, useRadixDialogModal, useScrollFade, useTableSize };