@flyos/design-system 3.1.0 → 3.3.0

package/types/flyos-design-system.d.ts

@@ -6210,28 +6210,70 @@ interface GanttRow {
     kind?: GanttRowKind;
     /** Parent row id for tree nesting. Unknown/self/cyclic parents are treated as roots. */
     parentId?: string | null;
-    /** Optional CSS color (token or literal) for the bar / diamond. */
+    /** Optional CSS color (token or literal) for the bar / diamond / group bracket. */
     color?: string;
+    /**
+     * Optional CSS color tinting the whole row **band** — the label-pane row and the matching
+     * time-grid lane — so a colour-coded milestone and the tasks beneath it read as one block.
+     *
+     * The chart deliberately renders this at a fixed low alpha (see `GANTT_ROW_TINT_ALPHA`)
+     * rather than honouring the colour at full strength: the band sits *behind* the bars and the
+     * row label, so a consumer can hand over a saturated brand hex without having to pre-compute
+     * a pastel that stays readable in both the light and the dark theme.
+     */
+    backgroundColor?: string;
     /** When true this row cannot be dragged/resized/linked even if the chart is editable. */
     readonly?: boolean;
 }
-/** A finish-to-start (v1) dependency edge from one row to another. */
+/**
+ * The four MS-Project relationship kinds, named `<predecessor endpoint><successor endpoint>`:
+ *
+ * - `FS` **finish-to-start** (the default) — the successor starts after the predecessor finishes.
+ * - `SS` **start-to-start** — the two start together.
+ * - `FF` **finish-to-finish** — the two finish together.
+ * - `SF` **start-to-finish** — the successor finishes after the predecessor starts (rare).
+ *
+ * The chart draws each kind from/to the correct bar edge and routes the elbow accordingly; it
+ * does **not** reschedule anything. Lag/lead is deliberately absent — with no auto-scheduling
+ * engine behind the chart a lag value would be drawn but would move no dates.
+ */
+type GanttDependencyType = 'FS' | 'SS' | 'FF' | 'SF';
+/** Immutable list of the supported relationship kinds, `FS` first. */
+declare const GANTT_DEPENDENCY_TYPES: readonly GanttDependencyType[];
+/** A dependency edge from one row to another. Omitted `type` means `FS`. */
 interface GanttDependency {
     fromId: string;
     toId: string;
-    /** Only `FS` (finish-to-start) is modelled today; reserved for future SS/FF/SF. */
-    type?: 'FS';
+    /** Relationship kind; defaults to `FS` when absent. */
+    type?: GanttDependencyType;
 }
+/**
+ * Alpha the chart paints {@link GanttRow.backgroundColor} at. Deliberately low and fixed: the
+ * tint is a *band behind* the bars and the row label, so a consumer can pass a saturated brand
+ * colour without pre-computing a pastel that survives both themes.
+ */
+declare const GANTT_ROW_TINT_ALPHA = 0.16;
 /** Payload of {@link FlyGanttComponent.rowDatesChange}. Dates are ISO `YYYY-MM-DD`. */
 interface GanttRowDatesChange {
     id: string;
     start: string;
     end: string;
 }
-/** Payload of {@link FlyGanttComponent.dependencyCreate}. */
+/**
+ * Payload of {@link FlyGanttComponent.dependencyCreate}. `type` is derived from which edge the
+ * gesture started on and which edge of the target row it was dropped nearest to, so all four
+ * relationship kinds are drawable with one drag.
+ */
 interface GanttDependencyCreate {
     fromId: string;
     toId: string;
+    type: GanttDependencyType;
+}
+/** Payload of {@link FlyGanttComponent.dependencyDelete} — the edge the user removed. */
+interface GanttDependencyDelete {
+    fromId: string;
+    toId: string;
+    type: GanttDependencyType;
 }
 
 /**
@@ -6272,6 +6314,8 @@ interface GanttTick {
 }
 
 type RowShape = 'bar' | 'milestone' | 'group' | 'empty';
+/** Which end of a bar a link gesture grabbed / was dropped on. */
+type LinkAnchor = 'start' | 'finish';
 /** One fully-resolved, render-space row ready for the template. */
 interface GanttRowVm {
     flat: GanttFlatRow;
@@ -6289,12 +6333,21 @@ interface GanttRowVm {
     startX: number;
     endX: number;
     color: string | null;
+    /** Row-band tint, already resolved to a low-alpha CSS colour (or `null` when untinted). */
+    tint: string | null;
     ariaLabel: string;
     editable: boolean;
 }
 interface LinkVm {
     key: string;
+    fromId: string;
+    toId: string;
+    type: GanttDependencyType;
     path: string;
+    /** Anchor for the delete affordance shown while the link is selected (render space). */
+    badgeX: number;
+    badgeY: number;
+    ariaLabel: string;
 }
 /**
  * **`fly-gantt`** — the design-system SVG Gantt chart.
@@ -6302,9 +6355,10 @@ interface LinkVm {
  * A reusable, **data-contract-driven** timeline: feed it {@link GanttRow}[] + optional
  * {@link GanttDependency}[] and it renders a two-pane chart — an indented, collapsible label
  * tree on the inline-start side and a scrolling time grid (header ticks, weekend shading, a
- * today line, task bars with progress fill, milestone diamonds and finish-to-start dependency
- * arrows) on the other. Pointer drag moves/resizes bars and draws new dependencies; the
- * keyboard moves the selection and nudges dates. **It never persists** — every mutation is an
+ * today line, task bars with progress fill, milestone diamonds, optional per-row colour bands
+ * and MS-Project-style dependency arrows) on the other. The pane divider is draggable, pointer
+ * drag moves/resizes bars and draws new dependencies, and the keyboard moves the selection,
+ * nudges dates and removes the selected link. **It never persists** — every mutation is an
  * output event the consumer acts on.
  *
  * Rendered on plain inline SVG (no third-party charting lib, no CDN asset). All geometry is
@@ -6313,8 +6367,10 @@ interface LinkVm {
  *
  * Self-sufficient i18n: every user-visible string comes from the `gantt.*` keys in
  * `DS_BASELINE_LOCALES` (en/ar/fr/ur), overridable by any consumer key of the same name.
- * Styling uses DS theme tokens (`--surface-card`, `--surface-border`, `--primary-color`, …)
- * with light-neutral fallbacks, mirroring the other DS controls.
+ * Styling reads the **app-content** token family (`--bg-2`, `--bg-3`, `--line-3`, `--ink`,
+ * `--accent`, …) that dresses `fly-data-table` and the rest of the app-surface kit, so a Gantt
+ * placed among those controls matches them; the shell-chrome family (`--surface-card`, …) and
+ * then a light-neutral literal are chained as fallbacks for consumers that map neither.
  *
  * **Scale limit:** renders up to `maxRows` (default 500) visible rows; beyond that the list is
  * capped and a footer notes the overflow. Heavy windowing/virtualization is intentionally
@@ -6330,31 +6386,49 @@ declare class FlyGanttComponent {
     readonly showToday: _angular_core.InputSignal<boolean>;
     /** Globally disable drag/resize/link (individual rows can also be `readonly`). */
     readonly readonly: _angular_core.InputSignal<boolean>;
-    /** Inline-start label-pane width in px. */
+    /**
+     * Inline-start label-pane width in px — the **initial** width. The user can drag the pane
+     * divider from there; once they have, this input only re-seeds the pane if
+     * {@link resetLabelWidth} is called (double-clicking the divider does exactly that).
+     */
     readonly labelWidth: _angular_core.InputSignal<number>;
+    /** Let the user drag the divider between the label pane and the time grid. */
+    readonly resizableLabels: _angular_core.InputSignal<boolean>;
     /** Row band height in px. */
     readonly rowHeight: _angular_core.InputSignal<number>;
     /** Hard cap on rendered rows; beyond it the list is truncated (see class doc). */
     readonly maxRows: _angular_core.InputSignal<number>;
     /** Fires on a committed bar move / resize with the new ISO `start`/`end`. */
     readonly rowDatesChange: _angular_core.OutputEmitterRef<GanttRowDatesChange>;
-    /** Fires when the user drags a link from one bar's finish connector onto another bar. */
+    /**
+     * Fires when the user drags a link between two rows. `type` is derived from the edge the drag
+     * started on and the edge of the target row it was dropped nearest to.
+     */
     readonly dependencyCreate: _angular_core.OutputEmitterRef<GanttDependencyCreate>;
+    /** Fires when the user removes the selected dependency arrow (badge click or Delete). */
+    readonly dependencyDelete: _angular_core.OutputEmitterRef<GanttDependencyDelete>;
     readonly rowClick: _angular_core.OutputEmitterRef<string>;
     readonly rowDblClick: _angular_core.OutputEmitterRef<string>;
+    /** Fires once per committed divider drag / keyboard resize with the new pane width in px. */
+    readonly labelWidthChange: _angular_core.OutputEmitterRef<number>;
     private readonly _uid;
     readonly markerId: string;
     readonly HEADER_H: number;
     readonly HEADER_UPPER_H = 22;
     readonly HEADER_LOWER_H = 22;
     readonly HANDLE_W = 8;
+    readonly MIN_LABEL_W = 140;
+    readonly MAX_LABEL_W = 720;
     readonly selectedId: _angular_core.WritableSignal<string | null>;
+    /** Key (`from~to~type`) of the dependency arrow the user has selected, if any. */
+    readonly selectedLinkKey: _angular_core.WritableSignal<string | null>;
     private readonly _collapsed;
     /** Live drag preview `{id,start,end}` folded into geometry while a gesture runs. */
     private readonly _dragPreview;
-    /** Rubber-band link gesture render-space anchor + cursor, and its origin row. */
+    /** Rubber-band link gesture render-space anchor + cursor, and its origin row + edge. */
     readonly linkGesture: _angular_core.WritableSignal<{
         fromId: string;
+        anchor: LinkAnchor;
         x0: number;
         y0: number;
         x1: number;
@@ -6365,11 +6439,17 @@ declare class FlyGanttComponent {
         y: number;
         text: string;
     } | null>;
+    /** True while a divider drag is in flight (suppresses text selection host-wide). */
+    readonly resizingLabels: _angular_core.WritableSignal<boolean>;
+    /** User-chosen pane width; `null` = still following the {@link labelWidth} input. */
+    private readonly _labelWidthOverride;
     private readonly bodyRef;
     readonly rtl: _angular_core.Signal<boolean>;
     readonly pxPerDay: _angular_core.Signal<number>;
     readonly domain: _angular_core.Signal<GanttDomain>;
     readonly innerWidth: _angular_core.Signal<number>;
+    /** Label-pane width actually rendered — the user's dragged width, else the input. */
+    readonly effectiveLabelWidth: _angular_core.Signal<number>;
     /** Full visible list after tree flatten/collapse. */
     private readonly _flat;
     /** Capped list actually rendered. */
@@ -6383,6 +6463,8 @@ declare class FlyGanttComponent {
     /** Render-space today x, or `null` when today is outside the domain (or disabled). */
     readonly todayX: _angular_core.Signal<number | null>;
     readonly rowVms: _angular_core.Signal<GanttRowVm[]>;
+    /** Only the rows carrying a tint, so the band pass does not emit an empty rect per row. */
+    readonly tintedRows: _angular_core.Signal<GanttRowVm[]>;
     /** Dependency arrows between currently-rendered rows (missing/collapsed endpoints skipped). */
     readonly linkVms: _angular_core.Signal<LinkVm[]>;
     readonly barHeight: _angular_core.Signal<number>;
@@ -6390,10 +6472,32 @@ declare class FlyGanttComponent {
     private milestoneR;
     /** Diamond polygon points for a milestone marker. */
     diamondPoints(vm: GanttRowVm): string;
+    /**
+     * Link connector x for a milestone. A diamond has no width, so the connector is nudged clear
+     * of the marker in the forward-in-time direction (which flips under RTL).
+     */
+    milestoneConnectorX(vm: GanttRowVm): number;
     /** Summary-bracket path (thin bar + down-turned end caps) for a group row. */
     groupPath(vm: GanttRowVm): string;
     /** Inline-start label indent for a tree depth. */
     indentFor(depth: number): number;
+    /**
+     * Pointer-drag the divider. Forward-in-time is `+x` LTR and `-x` RTL, and the label pane sits
+     * on the inline-start side in both, so the same sign flip that mirrors the timeline also
+     * mirrors "drag outward = wider".
+     */
+    onLabelResizePointerDown(ev: PointerEvent): void;
+    /**
+     * Keyboard resize on the focused divider. ArrowRight/Left grow/shrink by the *inline* meaning
+     * of the key, so under RTL the arrow that points away from the pane is still the one that
+     * widens it. `Home`/`End` jump to the bounds, Enter/Escape restore the input width.
+     *
+     * Typed `Event` for the same reason as {@link onLabelRowKeydown}: Angular's strict template
+     * checker types `(keydown)` `$event` as `Event`, so the cast is done here once.
+     */
+    onLabelResizeKeydown(ev: Event): void;
+    /** Drop the user's dragged width and fall back to the {@link labelWidth} input. */
+    resetLabelWidth(): void;
     isCollapsed(id: string): boolean;
     toggleCollapse(id: string, ev?: Event): void;
     /**
@@ -6405,23 +6509,52 @@ declare class FlyGanttComponent {
     onLabelRowKeydown(ev: Event, id: string): void;
     onRowClick(id: string): void;
     onRowDblClick(id: string): void;
+    onLinkClick(ev: Event, vm: LinkVm): void;
+    deleteLink(ev: Event, vm: LinkVm): void;
     onGridKeydown(ev: KeyboardEvent): void;
     /** Shift both dates of the selected bar by `deltaDays` and emit (respecting read-only). */
     private _nudgeSelected;
     onBarPointerDown(ev: PointerEvent, vm: GanttRowVm, mode: 'move' | 'resize-start' | 'resize-end'): void;
-    onLinkPointerDown(ev: PointerEvent, vm: GanttRowVm): void;
+    /**
+     * Start a link gesture from one end of a bar. Which end it started on, plus which end of the
+     * target row it is dropped nearest to, is what selects the {@link GanttDependencyType} — so all
+     * four MS-Project relationships are reachable with the same single drag.
+     */
+    onLinkPointerDown(ev: PointerEvent, vm: GanttRowVm, anchor: LinkAnchor): void;
     /** Rubber-band path for an in-flight link gesture (render space). */
     readonly linkGesturePath: _angular_core.Signal<string | null>;
+    /**
+     * Resolve a row's `backgroundColor` into the low-alpha band colour actually painted.
+     * `color-mix` does the fade in the consumer's own colour space, so a token, a hex, an
+     * `rgb()` or an `oklch()` all work and none of them need pre-computing per theme.
+     */
+    private _tintFor;
     private _mapTicks;
-    /** Elbow path from a predecessor's finish edge to a successor's start edge (render space). */
-    private _elbow;
+    /**
+     * Route a dependency elbow for any of the four relationship kinds (render space).
+     *
+     * The kind names the two endpoints, so it decides both the anchor x's and the direction the
+     * arrow travels: leaving a *finish* edge moves forward in time, leaving a *start* edge moves
+     * backward; entering a *start* edge approaches from behind, entering a *finish* edge from
+     * ahead. `fwd` folds RTL in, so none of that branches on direction.
+     *
+     * One turn suffices when the entry stub lies ahead of the exit stub in the approach
+     * direction. When it does not — overlapping or reversed bars, which SS/FF/SF hit constantly —
+     * a straight drop would cut back through the bars, so the elbow detours via the gap between
+     * the two rows instead.
+     */
+    private _route;
     /** Convert a pointer event to a coordinate inside the body SVG (render space). */
     private _toBodyPoint;
-    /** The row id under a viewport point (for link drop-targeting), via the bar's `data-row-id`. */
-    private _rowIdAtPoint;
+    /**
+     * The row a link gesture was dropped on **and which of its ends** the drop landed nearest —
+     * the second half of the type derivation. A milestone has no width, so both of its ends are
+     * the same point and it is reported as `start`, giving the FS/SS pair anyone actually wants.
+     */
+    private _dropTargetAt;
     private _ariaFor;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FlyGanttComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FlyGanttComponent, "fly-gantt", never, { "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "dependencies": { "alias": "dependencies"; "required": false; "isSignal": true; }; "zoom": { "alias": "zoom"; "required": false; "isSignal": true; }; "showToday": { "alias": "showToday"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "labelWidth": { "alias": "labelWidth"; "required": false; "isSignal": true; }; "rowHeight": { "alias": "rowHeight"; "required": false; "isSignal": true; }; "maxRows": { "alias": "maxRows"; "required": false; "isSignal": true; }; }, { "rowDatesChange": "rowDatesChange"; "dependencyCreate": "dependencyCreate"; "rowClick": "rowClick"; "rowDblClick": "rowDblClick"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FlyGanttComponent, "fly-gantt", never, { "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "dependencies": { "alias": "dependencies"; "required": false; "isSignal": true; }; "zoom": { "alias": "zoom"; "required": false; "isSignal": true; }; "showToday": { "alias": "showToday"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "labelWidth": { "alias": "labelWidth"; "required": false; "isSignal": true; }; "resizableLabels": { "alias": "resizableLabels"; "required": false; "isSignal": true; }; "rowHeight": { "alias": "rowHeight"; "required": false; "isSignal": true; }; "maxRows": { "alias": "maxRows"; "required": false; "isSignal": true; }; }, { "rowDatesChange": "rowDatesChange"; "dependencyCreate": "dependencyCreate"; "dependencyDelete": "dependencyDelete"; "rowClick": "rowClick"; "rowDblClick": "rowDblClick"; "labelWidthChange": "labelWidthChange"; }, never, never, true, never>;
 }
 
 /** The 14 rendered field kinds. Drives the control the renderer picks. */
@@ -7738,7 +7871,13 @@ interface MagicBarActionSpec {
 /** What a publisher supplies for one action. */
 interface MagicBarAction extends MagicBarActionSpec {
     readonly menu?: MagicBarRadioMenu;
-    readonly onSelect?: () => void;
+    /**
+     * Invoked on activation. The argument is the DOM element the renderer painted
+     * for this action — see {@link MagicBarActionView.run} for why it is passed and
+     * what a publisher may do with it. Ignore it and this is the zero-argument
+     * handler it has always been.
+     */
+    readonly onSelect?: (trigger?: HTMLElement) => void;
 }
 /**
  * What the shell renders. `run()` always exists and always dispatches to the
@@ -7747,7 +7886,43 @@ interface MagicBarAction extends MagicBarActionSpec {
  */
 interface MagicBarActionView extends MagicBarActionSpec {
     readonly menu: MagicBarRadioMenuView | null;
-    run(): void;
+    /**
+     * Fire the publisher's newest handler for this id.
+     *
+     * ## Why it carries the trigger element
+     * An action that opens a POPOVER the publisher owns — the canonical case is a
+     * listing screen's advanced-filter panel — has to position that popover under
+     * the button the user just pressed. The publisher cannot find that button:
+     * embedded, it is painted by `fly-magic-actions` inside the shell's top-bar
+     * pill, in the shell's DOM, several stacking contexts and one federation
+     * boundary away from the remote that published the action. Before this argument
+     * existed, PPM's projects register had to anchor its panel to its own page
+     * header instead, which put the panel in the middle of the window while the
+     * button that opened it sat in the chrome above — an affordance with no visible
+     * relationship to its own trigger.
+     *
+     * Passing the element rather than modelling the popover is deliberate. The
+     * panel's CONTENT is app schema (see {@link MagicBarSearch.onOpenFilters} for
+     * the same ruling), so it must stay in the publisher's own DOM and injection
+     * context; only its POSITION is chrome-relative. An element reference crosses
+     * the federation boundary without any of the coupling a descriptor would need —
+     * a DOM node is a DOM node in every bundle. `fly-filter-panel`'s `[anchorEl]`
+     * is the intended consumer.
+     *
+     * ## What a publisher must not assume
+     * The element is the trigger AS PAINTED RIGHT NOW. It is valid for the duration
+     * of the popover, not beyond: a re-publish that drops this action id destroys it
+     * (`@for (…; track action.id)`), and a mode switch repaints it in a different
+     * chrome entirely. Hold it in a signal the popover's open-state clears, never in
+     * long-lived state, and never mutate it.
+     *
+     * It is OPTIONAL because not every renderer has one to give — a keyboard-driven
+     * invocation, a synthetic call in a test, an inline composer that paints no
+     * button. A publisher that receives `undefined` must still work: for a popover
+     * that means falling back to its own in-page anchoring, which is exactly what
+     * `fly-filter-panel` does when `[anchorEl]` is null.
+     */
+    run(trigger?: HTMLElement): void;
 }
 /** Render surface of a group — the dedupe key for {@link MagicBarGroup}. */
 interface MagicBarGroupSpec {
@@ -7849,7 +8024,7 @@ interface MagicBarSearch extends MagicBarSearchSpec {
      * a descriptor for them would be business logic the design system cannot
      * validate or render honestly.
      */
-    readonly onOpenFilters?: () => void;
+    readonly onOpenFilters?: (trigger?: HTMLElement) => void;
 }
 interface MagicBarSearchView extends MagicBarSearchSpec {
     /** True iff the publisher can open an advanced-search overlay. */
@@ -7861,7 +8036,13 @@ interface MagicBarSearchView extends MagicBarSearchSpec {
      * this member shipped first, and renaming it would be a ds-compat MAJOR.
      */
     query(text: string): void;
-    openFilters(): void;
+    /**
+     * Open the publisher's advanced-search overlay. Carries the Filters button the
+     * shell painted, for the same reason and under the same caveats as
+     * {@link MagicBarActionView.run} — a publisher whose overlay is a popover
+     * anchors it there instead of guessing at a position inside its own page.
+     */
+    openFilters(trigger?: HTMLElement): void;
 }
 /**
  * One view's complete claim on the magic bar.
@@ -10207,11 +10388,29 @@ declare class FlyClickOutsideDirective {
      * Defaults to always-on for an always-mounted consumer.
      */
     readonly enabled: _angular_core.InputSignal<boolean>;
+    /**
+     * Extra element(s) that count as INSIDE even though they are not in the host —
+     * the escape hatch for a popover whose TRIGGER cannot be wrapped by the host.
+     *
+     * The docblock's canonical shape puts the host around trigger and panel both, and
+     * that is still the right answer whenever it is available. It is not always: a
+     * panel anchored to a control in the desktop shell's chrome (a magic-bar filter
+     * toggle) has its trigger in another component, another stacking context and
+     * another bundle. Left unlisted, the trigger reads as outside, and because this
+     * directive fires on `pointerdown` — strictly BEFORE the trigger's own `click` —
+     * pressing an open panel's own toggle dismisses it and the toggle then reopens it.
+     * The panel appears not to close at all, which reads as this directive being
+     * broken rather than as an ordering problem.
+     *
+     * A single element or an array; `null`/empty (the default) keeps the host-only
+     * behaviour byte-for-byte.
+     */
+    readonly ignore: _angular_core.InputSignal<HTMLElement | readonly (HTMLElement | null)[] | null>;
     /** Emitted once when a pointer press lands outside the host while enabled. */
     readonly flyClickOutside: _angular_core.OutputEmitterRef<void>;
     protected onDocumentPointerDown(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FlyClickOutsideDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FlyClickOutsideDirective, "[flyClickOutside]", never, { "enabled": { "alias": "flyClickOutsideEnabled"; "required": false; "isSignal": true; }; }, { "flyClickOutside": "flyClickOutside"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FlyClickOutsideDirective, "[flyClickOutside]", never, { "enabled": { "alias": "flyClickOutsideEnabled"; "required": false; "isSignal": true; }; "ignore": { "alias": "flyClickOutsideIgnore"; "required": false; "isSignal": true; }; }, { "flyClickOutside": "flyClickOutside"; }, never, never, true, never>;
 }
 
 /**
@@ -11559,6 +11758,18 @@ declare class FlyCardActionsComponent {
  *  - Deferred pages set `showSearchButton` true, drop the per-field handlers,
  *    and commit staged criteria on `(search)`.
  *
+ * ## Three placements, and how to pick one
+ *  - **In flow** (neither `anchored` nor `anchorEl`) — a block in the page. Opening
+ *    it pushes the content below it down. Only right for a page whose filters are
+ *    part of its permanent furniture.
+ *  - **`[anchored]`** — a dropdown pinned to the trailing edge of a `position:
+ *    relative` ancestor the page supplies (the wrapper around its search box).
+ *  - **`[anchorEl]`** — a dropdown pinned to a specific ELEMENT anywhere on screen,
+ *    including one outside this component's own DOM subtree. See {@link anchorEl}.
+ *
+ * `anchorEl` wins when both are set, so a page can bind it optionally and fall
+ * back to `anchored` in whichever mode has no element to offer.
+ *
  * Matching the source, the panel renders nothing while `open` is false.
  */
 declare class FlyFilterPanelComponent {
@@ -11577,19 +11788,100 @@ declare class FlyFilterPanelComponent {
      * `[expandable]`.
      */
     readonly anchored: _angular_core.InputSignal<boolean>;
+    /**
+     * The element this panel hangs off — a dropdown pinned under a specific trigger
+     * rather than under whichever ancestor happens to be positioned.
+     *
+     * ## The case it exists for
+     * A listing screen's filter toggle does not necessarily live in the screen.
+     * Embedded in the desktop shell, the toggle is a magic-bar action painted by
+     * `fly-magic-actions` in the top-bar pill — the shell's DOM, above the window,
+     * across a federation boundary. `[anchored]` cannot reach it: it pins to a
+     * positioned ancestor, and the nearest one is inside the app's own page header.
+     * PPM's projects register shipped exactly that way, and the result was a panel
+     * floating mid-window while the button that opened it sat in the chrome above,
+     * with nothing tying the two together. `MagicBarActionView.run(trigger)` hands
+     * the publisher that button; binding it here is the other half.
+     *
+     * ## What changes when it is set
+     * The host is **portalled to `<body>`** and switched to `position: fixed`. Both
+     * are forced rather than chosen: a shell window establishes a containing block
+     * (`transform` / `backdrop-filter`) and clips its content box, so a panel left in
+     * the app's subtree resolves `fixed` against the window instead of the viewport
+     * AND is clipped at the window's top edge — which is exactly where a panel
+     * hanging off the chrome above it needs to paint. Placement is then measured from
+     * the anchor's rect on every open, resize and scroll, mirrored under RTL, and
+     * clamped so a trigger near a viewport edge still opens fully on screen.
+     *
+     * ## Lifetime
+     * `null` (the default) restores the in-flow/`anchored` behaviour, and the host
+     * returns to where it was declared. Bind it to a signal your open-state clears —
+     * the element the magic bar hands you is the button AS PAINTED, and a re-publish
+     * or a mode switch destroys it.
+     */
+    readonly anchorEl: _angular_core.InputSignal<HTMLElement | null>;
     /** Clear-filters pressed — the page resets its own filter state. */
     readonly cleared: _angular_core.OutputEmitterRef<void>;
-    /** Close (×) pressed — the page flips its open flag. */
+    /** Close (×) pressed, or a dismissing press outside — the page flips its open flag. */
     readonly closed: _angular_core.OutputEmitterRef<void>;
     /** Search pressed — deferred pages commit staged criteria and query. */
     readonly searched: _angular_core.OutputEmitterRef<void>;
     /** Whether the `[filter-more]` advanced fields are revealed. */
     protected readonly showMore: _angular_core.WritableSignal<boolean>;
+    /** True while the panel is a `<body>`-portalled, anchor-positioned dropdown. */
+    protected readonly floating: _angular_core.Signal<boolean>;
+    /**
+     * Whether a press outside the panel should dismiss it.
+     *
+     * Only while the panel FLOATS over the page. In flow it is a block OF the page,
+     * and closing it because the user clicked the table it filters would discard
+     * staged criteria on an unrelated interaction. Floating, the opposite holds: an
+     * overlay that survives a click elsewhere is the "panel will not collapse on
+     * click-away" bug.
+     */
+    protected readonly dismissable: _angular_core.Signal<boolean>;
     private readonly _host;
+    private readonly _doc;
     private readonly _destroyRef;
     private _clipObserver;
     private _placeRaf;
+    /** Marks where the host was declared, so un-portalling puts it back exactly. */
+    private _portalHome;
+    private _floatTeardown;
     constructor();
+    /**
+     * Move the host to `<body>`, leaving a comment node where it was declared.
+     *
+     * The comment is what makes this reversible. Angular keeps rendering into the
+     * host wherever it sits — relocating a DOM node does not detach a view — but the
+     * component cannot ask the DOM "where were you?" after the fact, and the original
+     * parent may itself be torn down while the panel is open. Un-portalling therefore
+     * re-inserts before the marker while the marker is still attached, and simply
+     * leaves the host where it is otherwise.
+     */
+    private _portal;
+    private _unportal;
+    /**
+     * Pin the panel under {@link anchorEl}: {@link ANCHOR_GAP} below its bottom edge,
+     * its trailing edge overhanging the anchor's by {@link ANCHOR_OVERHANG}, clamped
+     * into the viewport on both axes.
+     *
+     * Trailing edge, not "right": the anchor's OWN computed direction decides which
+     * physical side that is, so the panel opens inward from the trigger under both LTR
+     * and RTL with nothing passed by the caller. The final clamp is in physical pixels
+     * and therefore direction-agnostic — a trigger 30px from the viewport edge yields
+     * the same on-screen result either way.
+     */
+    private _placeFloating;
+    /**
+     * Re-place on anything that can move the anchor under an already-open panel: the
+     * viewport resizing, the shell window being dragged or resized (which moves or
+     * resizes the anchor's own box), and scrolling ANYWHERE — captured, because the
+     * anchor lives in the chrome and the scroller that shifts it is not necessarily an
+     * ancestor of this host, which is now in `<body>`.
+     */
+    private _observeFloating;
+    private _teardownFloating;
     private _place;
     /** Nearest ancestor that clips/scrolls horizontally — the shell window's
      *  content area when hosted, a page scroller when standalone, else null
@@ -11598,7 +11890,7 @@ declare class FlyFilterPanelComponent {
     private _observeClipAncestor;
     private _teardownPlacement;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FlyFilterPanelComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FlyFilterPanelComponent, "fly-filter-panel", never, { "open": { "alias": "open"; "required": true; "isSignal": true; }; "titleKey": { "alias": "titleKey"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "hasMore": { "alias": "hasMore"; "required": false; "isSignal": true; }; "showSearchButton": { "alias": "showSearchButton"; "required": false; "isSignal": true; }; "anchored": { "alias": "anchored"; "required": false; "isSignal": true; }; }, { "cleared": "cleared"; "closed": "closed"; "searched": "searched"; }, never, ["[filter-status]", "*", "[filter-more]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FlyFilterPanelComponent, "fly-filter-panel", never, { "open": { "alias": "open"; "required": true; "isSignal": true; }; "titleKey": { "alias": "titleKey"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "hasMore": { "alias": "hasMore"; "required": false; "isSignal": true; }; "showSearchButton": { "alias": "showSearchButton"; "required": false; "isSignal": true; }; "anchored": { "alias": "anchored"; "required": false; "isSignal": true; }; "anchorEl": { "alias": "anchorEl"; "required": false; "isSignal": true; }; }, { "cleared": "cleared"; "closed": "closed"; "searched": "searched"; }, never, ["[filter-status]", "*", "[filter-more]"], true, never>;
 }
 
 interface FlyCellContext {
@@ -12488,13 +12780,39 @@ interface SegmentedOption {
 declare function nextSegmentIndex(current: number, key: string, length: number, rtl: boolean): number | null;
 
 /**
- * Segmented radiogroup — one anatomy for form segmented controls (the
- * llm-throttle level picker) and list status-pill filters (the legacy
- * `.signals-page-statusfilter`, which is also the visual source).
+ * Visual anatomy. `'track'` (default) is the enclosed pill-in-a-groove control —
+ * the detail-tabs recipe (D2 §1.3). `'pills'` is the canon Filters dialog's status
+ * row (`Home.dc.html`, `role="radiogroup"` under the "Status" eyebrow): freestanding
+ * bordered pills that wrap, with the selection filled in `--accent`.
+ *
+ * They are one component because they are one control — same option list, same
+ * selection model, same keyboard behaviour — differing only in whether the group
+ * paints a container around itself. They are not one STYLE because the track's
+ * `--w14` selection reads as a tab among tabs, which is right inside a groove and
+ * wrong for a filter row where the pills sit directly on a panel plate.
+ */
+type SegmentedVariant = 'track' | 'pills';
+/**
+ * Segmented control — one anatomy for form segmented controls (the llm-throttle
+ * level picker), list status-pill filters (the legacy `.signals-page-statusfilter`,
+ * which is also the visual source), and the canon filter-panel status row.
+ *
+ * ## Two selection models
+ * Single-select (default) is a `role="radiogroup"` over `role="radio"` segments,
+ * driven by {@link value}. Multi-select ({@link multiple}) is a `role="group"` of
+ * `aria-pressed` toggle buttons, driven by {@link values}. Both are here rather than
+ * split across two components because everything a reader has to learn — the option
+ * list, the count badge, the two variants, the RTL handling — is shared, and a filter
+ * row routinely needs the multi-select one while looking identical.
+ *
+ * The a11y models genuinely differ and the branch is not cosmetic: a radiogroup is
+ * ONE tab stop with arrow keys moving the selection, while a group of toggle buttons
+ * is individually tabbable and arrow keys must not change anything (moving selection
+ * on arrow would silently toggle filters as a keyboard user walked the row).
  *
- * a11y: `role="radiogroup"` + `role="radio"` segments, roving tabindex
- * (selected segment is the tab stop), RTL-aware arrow-key navigation with
- * wrap-around; arrows move both selection and focus.
+ * a11y: roving tabindex in single-select (the selected segment is the tab stop),
+ * RTL-aware arrow-key navigation with wrap-around; arrows move both selection and
+ * focus. Multi-select leaves the native tab order alone and binds no arrow keys.
  */
 declare class FlySegmentedComponent {
     private readonly i18n;
@@ -12503,12 +12821,32 @@ declare class FlySegmentedComponent {
     readonly value: _angular_core.ModelSignal<string | undefined>;
     readonly disabled: _angular_core.InputSignal<boolean>;
     readonly ariaLabelKey: _angular_core.InputSignal<string | undefined>;
+    /** See {@link SegmentedVariant}. */
+    readonly variant: _angular_core.InputSignal<SegmentedVariant>;
+    /**
+     * Switch to multi-select: every pressed option is carried in {@link values} and
+     * clicking one toggles it. {@link value} is ignored in this mode.
+     *
+     * A separate model rather than widening `value` to `string | string[]`: a consumer
+     * would then have to narrow on every read, and every EXISTING consumer's
+     * `[(value)]` binding would stop type-checking — a ds-compat MAJOR for a feature
+     * none of them asked for.
+     */
+    readonly multiple: _angular_core.InputSignal<boolean>;
+    /**
+     * The pressed options in {@link multiple} mode. Order is the consumer's; this
+     * component appends on select and filters on deselect, so a caller that treats it
+     * as a set is unaffected and one that treats it as a list keeps its ordering.
+     */
+    readonly values: _angular_core.ModelSignal<readonly string[]>;
     protected readonly selectedIndex: _angular_core.Signal<number>;
+    /** Selected in whichever model is active. */
+    protected isOn(value: string): boolean;
     protected tabIndexFor(index: number): number;
     protected select(value: string): void;
     protected onKey(event: KeyboardEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FlySegmentedComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FlySegmentedComponent, "fly-segmented", never, { "options": { "alias": "options"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "ariaLabelKey": { "alias": "ariaLabelKey"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FlySegmentedComponent, "fly-segmented", never, { "options": { "alias": "options"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "ariaLabelKey": { "alias": "ariaLabelKey"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "values": { "alias": "values"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "values": "valuesChange"; }, never, never, true, never>;
 }
 
 /**
@@ -12969,6 +13307,6 @@ declare const AUDIENCE_ERROR_CODES: {
 };
 type AudienceErrorCode = (typeof AUDIENCE_ERROR_CODES)[keyof typeof AUDIENCE_ERROR_CODES];
 
-export { AGENT_DRAG_MIME, AGENT_PAYLOAD_VERSION, APP_LOOKUP, AUDIENCE_ERROR_CODES, AUDIENCE_LIMITS, AUDIENCE_PRESETS, AUDIENCE_TERM_KINDS, AgentActionBus, AgentActionUnsupportedDispatchError, AgentCommandRegistry, AgentDropRegistry, AgentFlightAnimator, AgentLookupRegistry, AgentPayloadOversizeError, AudienceBuilderComponent, AuthService, BilingualFieldComponent, CRON_MODES, CRON_WEEKDAYS, ContextMenuComponent, DEFAULT_AGENT_PAYLOAD_LIMITS, DEFAULT_FLY_THEME_MODE, DS_BASELINE_LOCALES, DashboardKpiComponent, DialogResult, ENTITY_LINK_LAUNCHER, EntityLookupComponent, FLYOS_LAUNCH_EVENT, FLYOS_LAUNCH_REQUEST_EVENT, FLYOS_REMOTE_ROUTE_EVENT, FLY_ACCENT_PROPERTY, FLY_ADMIN_ROLES, FLY_CHUNK_RELOAD_FLAG, FLY_COMPACT_THRESHOLD, FLY_COUNTRIES, FLY_CURRENCIES_BRIEF_ENDPOINT, FLY_EMOJI_BY_ID, FLY_EMOJI_CATEGORIES, FLY_EMOJI_CATEGORY_BY_ID, FLY_EMOJI_DEFAULT_CATEGORIES, FLY_EMOJI_PACK, FLY_EMOJI_PACK_MISSING_MESSAGE, FLY_EMOJI_PREVIEW_COUNT, FLY_EMPTY_VALUE, FLY_LOCALE_CATALOG, FLY_MAGIC_BAR_EVENT, FLY_MAGIC_BAR_ICONS, FLY_MAGIC_BAR_STORE_KEY, FLY_NF_CACHE_HEAL_FLAG, FLY_RELOAD_DEBOUNCE_MS, FLY_RELOAD_REARM_MS, FLY_REMOTE_BASE_PATH, FLY_REMOTE_CONTEXT_EVENT, FLY_REMOTE_CONTEXT_STORE_KEY, FLY_REMOTE_ROUTES, FLY_SCAN_PENDING_DEFAULT_DELAY_MS, FLY_SCAN_PENDING_MAX_RETRIES, FLY_SCAN_PENDING_STATUS, FLY_SEARCH_DEBOUNCE_MS, FLY_SKIN_TONES, FLY_STANDALONE_AUTH_CONFIG, FLY_THEME_MODE_IDS, FLY_VIEWPORT_IS_MOBILE, FLY_WINDOW_HELP_HINT_EVENT, FLY_WINDOW_PAGE_TITLE_EVENT, FlyAchievementProgressComponent, FlyActionMenuComponent, FlyActionStackComponent, FlyAgentDraggableDirective, FlyAnimatedEmojiComponent, FlyAppHomeComponent, FlyAppTopbarComponent, FlyAppUnavailableComponent, FlyAuthLiveRefresh, FlyBadgeWallComponent, FlyBlockUiComponent, FlyBreadcrumbComponent, FlyButtonComponent, FlyBytesPipe, FlyCaptchaComponent, FlyCardActionsComponent, FlyCardBodyComponent, FlyCardComponent, FlyCardFooterComponent, FlyCardGridComponent, FlyCardMediaComponent, FlyCardMetaComponent, FlyCardStatusComponent, FlyCardTitleComponent, FlyCellDirective, FlyCheckboxComponent, FlyChipComponent, FlyChunkReloadErrorHandler, FlyClickOutsideDirective, FlyCollapsibleComponent, FlyCommentThreadComponent, FlyCompactNumberPipe, FlyConfirmDialogComponent, FlyControlDirective, FlyCronBuilderComponent, FlyCurrencyCatalogService, FlyCurrencySelectorComponent, FlyDataTableComponent, FlyDatePipe, FlyDateTimePipe, FlyDebouncer, FlyDecimalNumberPipe, FlyDeepLinkPrefetchService, FlyDetailCardComponent, FlyDetailShellComponent, FlyDrawerComponent, FlyDurationPipe, FlyDynamicFormComponent, FlyEmojiPickerComponent, FlyFieldComponent, FlyFileDownloadService, FlyFileUploadComponent, FlyFilterPanelComponent, FlyFormBannerComponent, FlyFormFooterComponent, FlyFormGridComponent, FlyFormSectionComponent, FlyFullNumberPipe, FlyGanttComponent, FlyHubClient, FlyIconButtonComponent, FlyIfAdminDirective, FlyIfRoleDirective, FlyImageUploadComponent, FlyLeaderboardComponent, FlyMagicActionsComponent, FlyMetaListComponent, FlyModalComponent, FlyModerationQueueComponent, FlyModuleIconDirective, FlyMoneyPipe, FlyPaginationComponent, FlyPeoplePickerComponent, FlyPointsTierComponent, FlyProgressComponent, FlyRelativeTimePipe, FlyRemoteContextService, FlyRemoteRouter, FlyRemoteRouterOutletComponent, FlySearchInputComponent, FlySectionHeaderComponent, FlySecureSrcDirective, FlySegmentedComponent, FlySelectComponent, FlySkeletonComponent, FlySliderComponent, FlySparklineComponent, FlySpinnerComponent, FlyStandaloneAuthCallbackComponent, FlyStandaloneAuthService, FlyStandaloneMagicActionsComponent, FlyStateMessageComponent, FlyDynamicFormComponent as FlySurveyFormComponent, FlyTabComponent, FlyTabsComponent, FlyTagsInputComponent, FlyThemeService, FlyTimePipe, FlyToastService, FlyToggleComponent, FlyTooltipDirective, FlyTreeNavComponent, FlyTypeaheadComponent, FlyUserDirectoryService, FlyWindowHelpService, FlyWindowTitleService, FlyosPendingLaunchesGlobalKey, FlyosShellHandlesLaunchRequestsGlobalKey, FlyosShellOwnsHistoryGlobalKey, GANTT_ZOOMS, I18nService, LAUNCH_CONTEXT, MAGIC_BAR_SEARCH_WIDTH_DEFAULT, MAGIC_BAR_SEARCH_WIDTH_MAX, MAGIC_BAR_SEARCH_WIDTH_MIN, MagicBarRegistry, MessageBoxButtons, MessageBoxComponent, MessageBoxIcon, MessageBoxService, MockAuthService, NOVA_PRIORITY_TONE, NOVA_STATUS_TONE, NOVA_TONE_FALLBACK, OverlayStack, PRESENCE_COLORS, PageHeaderComponent, RTL_LOCALE_SET, SHARE_ORG_CHART_SYSTEM_KEY_APPS, SHARE_ORG_CHART_SYSTEM_KEY_DEFAULT, SHARE_PANEL_DEFAULT_FILE_LEVELS, STATE_DEFAULT_ICONS, STATE_DEFAULT_MESSAGE_KEYS, STEP_UP_CODE, STEP_UP_REAUTH_HANDLER, STEP_UP_RETURN_KEY, SUPPORTED_AGENT_PAYLOAD_VERSIONS, SharePanelComponent, SourceAppResolver, StandaloneWindowManagerService, StatusBadgeComponent, StepUpService, ToastHostComponent, TranslatePipe, WINDOW_DATA, WINDOW_HELP_HINT, WindowManagerService, applySkinTone, applySuggestion, ariaSort, buildCron, canConfirm, canGoNext, canGoPrev, captureFocus, clampMagicBarSearchWidth, clampPage, clampSliderValue, connectRemoteLaunch, enterActivatesNatively, filterGroup, filterSuggestions, findLocaleByDialect, findLocaleByPrefix, firstEnabledIndex, firstModuleIndex, flattenModules, flyAdminGuard, flyApiErrorMessage, flyCaptchaBase64Utf8, flyCaptchaBuildToken, flyCaptchaSha256Hex, flyCompactNumber, flyDebounced, flyDecimalNumber, flyDownloadBlob, flyDuration, flyEmojiFor, flyEmojiIsTonable, flyEmojiPackUrl, flyExportFileName, flyFirstEnabledIndex, flyFormatBytes, flyFormatDate, flyFormatDateTime, flyFormatMoney, flyFormatTime, flyFullNumber, flyNextEnabledIndex, flyNextSegmentIndex, flyRelativeTime, flyResolveActiveTab, flyRoleGuard, flyScanPendingDelayMs, flyScanRetry, flySignedCompact, flySkinToneLabelKey, flyStandaloneAuthGuard, flyStandaloneAuthInterceptor, flyToDateOnly, flyToPage, flyUnwrap, flyUnwrapCurrencies, flyUnwrapLenient, hasAnyRoleIn, healNativeFederationCacheOnce, initialExpanded, isAccentColor, isChunkLoadError, isFlyAuthStorePopulated, isNativeFederationCacheError, isRtlLocale, isRtlLocaleEntry, isValidCron, isValidSingleField, loadRemoteStyles, magicBarOwnerKey, magicBarSearchText, matchFlyRoutePattern, nextEnabledIndex, nextModuleIndex, nextSegmentIndex, nextSort, normalizeFlyTheme, normalizeRoles, novaPriorityToneVar, novaStatusToneVar, overlayStack, parseCron, parseStepUpChallenge, parseTags, prefetchRemoteStyles, presenceColorFor, printConsoleSecurityWarning, provideFlyChunkReloadRecovery, provideFlyEmojiPack, provideFlyStandaloneAuth, reloadOnceForChunkError, requestAppLaunch, resolveActiveModule, resolveActiveSection, resolveActiveTab, resolveCellValue, resolveStateIcon, resolveStateMessageKey, restoreFocus, sameTags, sectionHintKey, sectionLayout, sliderTrackGradient, sparklinePath, sparklinePoints, stepUpInterceptor, stepUpReturnKey, trimAgentPayload, trimAgentString, unloadRemoteStyles, utf8ByteLength, validateAgentPayload, warnIfEmbeddedSessionMissing };
-export type { ActionMenuItem, AgentAction, AgentActionDispatch, AgentActionVerb, AgentChipHostInputs, AgentCommand, AgentCommandContextBinding, AgentCommandHandle, AgentCommandRegistration, AgentCommandScope, AgentCommandSlashSpec, AgentDragPayload, AgentDraggableItem, AgentDropChipMode, AgentDropRendererRegistration, AgentEnvelopeAttachment, AgentMcpScope, AgentMessageEnvelope, AgentPayloadLimits, AgentPayloadValidationResult, AppEveryonePrincipal, AppEveryoneTerm, AppLookup, AppLookupEntry, AudienceEditTarget, AudienceErrorCode, AudienceFilter, AudienceOptions, AudiencePresetKind, AudienceTerm, AudienceTermKind, BreadcrumbItem, ButtonSize, ButtonVariant, CardDensity, CardLayout, ChartTerm, ChildWindowData, ChipTone, ConfirmKind, ConnectRemoteLaunchOptions, ContextMenuAlign, ContextMenuItem, ContextMenuSection, CronAdvancedFieldDef, CronMode, CronParts, CronWeekday, DesktopApp, DesktopAppCategory, DesktopAppKind, DetailSection, DialogResultWithAcknowledgement, EmbeddedSessionProbe, EntityLinkLauncher, EntityLinkSelection, FilterGroup, FlyAchievementRow, FlyApiError, FlyApiResponse, FlyAppHomeLayout, FlyAppModule, FlyAppModuleSection, FlyAppUnavailableState, FlyAuthRefreshPayload, FlyAuthStoreReadable, FlyBadgeTile, FlyBreadcrumbItem, FlyCaptchaChallenge, FlyCaptchaSolution, FlyCaptchaState, FlyCellContext, FlyColumn, FlyColumnKind, FlyComment, FlyCommentDeleteRequest, FlyCommentEditRequest, FlyCommentLoadMoreRequest, FlyCommentLoadRepliesRequest, FlyCommentLockToggleRequest, FlyCommentPage, FlyCommentReportReason, FlyCommentReportRequest, FlyCommentReportStatus, FlyCommentSubmitRequest, FlyCountry, FlyCurrency, FlyCurrencyFetchFn, FlyCurrencySelectorMode, FlyCurrencySelectorValue, FlyDeepLinkPrefetchRoute, FlyDrawerBodyPadding, FlyDrawerPosition, FlyDrawerSide, FlyDrawerSize, FlyDrawerVariant, FlyEmojiCategory, FlyEmojiCell, FlyEmojiEntry, FlyEmojiPack, FlyEmojiPackEntry, FlyEmojiPackManifest, FlyEmojiPickerSize, FlyEmojiPickerTab, FlyEmojiSection, FlyFileInfo, FlyFileSelection, FlyFormAnswer, FlyFormAnswerValue, FlyFormDefinition, FlyFormFieldOptions, FlyFormOption, FlyFormQuestion, FlyFormQuestionType, FlyFormScoreDisplay, FlyFormatMoneyOptions, FlyLaunchEventDetail, FlyLaunchRequestDetail, FlyLeaderboardRow, FlyLiveRefreshOptions, FlyLocaleEntry, FlyMagicBarIconName, FlyMetaItem, FlyModerationLoadPageRequest, FlyModerationLockThreadRequest, FlyModerationOpenSubjectRequest, FlyModerationReport, FlyModerationReportPage, FlyModerationResolutionStatus, FlyModerationResolveRequest, FlyMoneyDisplay, FlyNavigableItem, FlyPageMeta, FlyPageResult, FlyPaged, FlyPeoplePickerMode, FlyPeoplePickerOption, FlyPeopleSearchFn, FlyPointsSummary, FlyRemoteContext, FlyRemoteEagerRoute, FlyRemoteLazyRoute, FlyRemoteLoadedComponent, FlyRemoteMatch, FlyRemoteRoute, FlyRemoteRouteEventDetail, FlySearchExpandTrigger, FlySearchInputSize, FlySecureSrcState, FlySelectOption, FlySelectValue, FlySkeletonAnimation, FlySkeletonLayout, FlySkeletonShape, FlySkinTone, FlySort, FlyStandaloneAuthConfig, FlyFileSelection as FlySurveyFileSelection, FlyFormAnswer as FlySurveyFormAnswer, FlyFormAnswerValue as FlySurveyFormAnswerValue, FlyFormDefinition as FlySurveyFormDefinition, FlyFormFieldOptions as FlySurveyFormFieldOptions, FlyFormOption as FlySurveyFormOption, FlyFormQuestion as FlySurveyFormQuestion, FlyFormQuestionType as FlySurveyQuestionType, FlyThemeMode, FlyTooltipPlacement, FlyTreeNavNode, FlyTypeaheadOption, FlyWindowHelpHintEventDetail, FlyWindowHelpPublisher, FlyWindowPageTitleEventDetail, FlyWindowTitlePublisher, FlyosPendingLaunches, FocusRestore, FormBannerKind, GanttDependency, GanttDependencyCreate, GanttRow, GanttRowDatesChange, GanttRowKind, GanttZoom, IconButtonVariant, LaunchContext, LoadBundleOptions, LoadRemoteStylesOptions, LookupDescriptor, LookupHandle, LookupRegistration, LookupResult, LookupSearch, MagicBarAction, MagicBarActionKind, MagicBarActionSpec, MagicBarActionView, MagicBarContribution, MagicBarGroup, MagicBarGroupSpec, MagicBarGroupView, MagicBarOwnerRef, MagicBarPublisher, MagicBarRadioMenu, MagicBarRadioMenuSpec, MagicBarRadioMenuView, MagicBarRadioOption, MagicBarSearch, MagicBarSearchSeed, MagicBarSearchSpec, MagicBarSearchView, MagicBarTextParams, MagicBarTone, MagicBarView, MessageBoxButton, MessageBoxDontAskAgainConfig, MessageBoxOptions, MessageBoxOptionsWithAcknowledgement, MockAuthConfig, OpenWindowOptions, OuPrincipal, OuTerm, OverlayHandle, PageHeaderVariant, PresetTerm, ProgressTone, RemoteAppDef, RequestAppLaunchOptions, RoleOuLookupRow, RolePrincipal, RolesTerm, SegmentedOption, ShareOrgChartOption, ShareOuNode, SharePanelLevelOption, SharePermissionEntry, SharePrincipal, SharePrincipalKind, ShareUserResult, StateMessageKind, StepUpChallenge, StepUpReauthHandler, StepUpReauthRequest, TabsVariant, ToastAction, ToastEntry, ToastOptions, ToastVariant, User, UserPrincipal, UsersTerm, WindowHelpHint, WindowInstance, WindowState };
+export { AGENT_DRAG_MIME, AGENT_PAYLOAD_VERSION, APP_LOOKUP, AUDIENCE_ERROR_CODES, AUDIENCE_LIMITS, AUDIENCE_PRESETS, AUDIENCE_TERM_KINDS, AgentActionBus, AgentActionUnsupportedDispatchError, AgentCommandRegistry, AgentDropRegistry, AgentFlightAnimator, AgentLookupRegistry, AgentPayloadOversizeError, AudienceBuilderComponent, AuthService, BilingualFieldComponent, CRON_MODES, CRON_WEEKDAYS, ContextMenuComponent, DEFAULT_AGENT_PAYLOAD_LIMITS, DEFAULT_FLY_THEME_MODE, DS_BASELINE_LOCALES, DashboardKpiComponent, DialogResult, ENTITY_LINK_LAUNCHER, EntityLookupComponent, FLYOS_LAUNCH_EVENT, FLYOS_LAUNCH_REQUEST_EVENT, FLYOS_REMOTE_ROUTE_EVENT, FLY_ACCENT_PROPERTY, FLY_ADMIN_ROLES, FLY_CHUNK_RELOAD_FLAG, FLY_COMPACT_THRESHOLD, FLY_COUNTRIES, FLY_CURRENCIES_BRIEF_ENDPOINT, FLY_EMOJI_BY_ID, FLY_EMOJI_CATEGORIES, FLY_EMOJI_CATEGORY_BY_ID, FLY_EMOJI_DEFAULT_CATEGORIES, FLY_EMOJI_PACK, FLY_EMOJI_PACK_MISSING_MESSAGE, FLY_EMOJI_PREVIEW_COUNT, FLY_EMPTY_VALUE, FLY_LOCALE_CATALOG, FLY_MAGIC_BAR_EVENT, FLY_MAGIC_BAR_ICONS, FLY_MAGIC_BAR_STORE_KEY, FLY_NF_CACHE_HEAL_FLAG, FLY_RELOAD_DEBOUNCE_MS, FLY_RELOAD_REARM_MS, FLY_REMOTE_BASE_PATH, FLY_REMOTE_CONTEXT_EVENT, FLY_REMOTE_CONTEXT_STORE_KEY, FLY_REMOTE_ROUTES, FLY_SCAN_PENDING_DEFAULT_DELAY_MS, FLY_SCAN_PENDING_MAX_RETRIES, FLY_SCAN_PENDING_STATUS, FLY_SEARCH_DEBOUNCE_MS, FLY_SKIN_TONES, FLY_STANDALONE_AUTH_CONFIG, FLY_THEME_MODE_IDS, FLY_VIEWPORT_IS_MOBILE, FLY_WINDOW_HELP_HINT_EVENT, FLY_WINDOW_PAGE_TITLE_EVENT, FlyAchievementProgressComponent, FlyActionMenuComponent, FlyActionStackComponent, FlyAgentDraggableDirective, FlyAnimatedEmojiComponent, FlyAppHomeComponent, FlyAppTopbarComponent, FlyAppUnavailableComponent, FlyAuthLiveRefresh, FlyBadgeWallComponent, FlyBlockUiComponent, FlyBreadcrumbComponent, FlyButtonComponent, FlyBytesPipe, FlyCaptchaComponent, FlyCardActionsComponent, FlyCardBodyComponent, FlyCardComponent, FlyCardFooterComponent, FlyCardGridComponent, FlyCardMediaComponent, FlyCardMetaComponent, FlyCardStatusComponent, FlyCardTitleComponent, FlyCellDirective, FlyCheckboxComponent, FlyChipComponent, FlyChunkReloadErrorHandler, FlyClickOutsideDirective, FlyCollapsibleComponent, FlyCommentThreadComponent, FlyCompactNumberPipe, FlyConfirmDialogComponent, FlyControlDirective, FlyCronBuilderComponent, FlyCurrencyCatalogService, FlyCurrencySelectorComponent, FlyDataTableComponent, FlyDatePipe, FlyDateTimePipe, FlyDebouncer, FlyDecimalNumberPipe, FlyDeepLinkPrefetchService, FlyDetailCardComponent, FlyDetailShellComponent, FlyDrawerComponent, FlyDurationPipe, FlyDynamicFormComponent, FlyEmojiPickerComponent, FlyFieldComponent, FlyFileDownloadService, FlyFileUploadComponent, FlyFilterPanelComponent, FlyFormBannerComponent, FlyFormFooterComponent, FlyFormGridComponent, FlyFormSectionComponent, FlyFullNumberPipe, FlyGanttComponent, FlyHubClient, FlyIconButtonComponent, FlyIfAdminDirective, FlyIfRoleDirective, FlyImageUploadComponent, FlyLeaderboardComponent, FlyMagicActionsComponent, FlyMetaListComponent, FlyModalComponent, FlyModerationQueueComponent, FlyModuleIconDirective, FlyMoneyPipe, FlyPaginationComponent, FlyPeoplePickerComponent, FlyPointsTierComponent, FlyProgressComponent, FlyRelativeTimePipe, FlyRemoteContextService, FlyRemoteRouter, FlyRemoteRouterOutletComponent, FlySearchInputComponent, FlySectionHeaderComponent, FlySecureSrcDirective, FlySegmentedComponent, FlySelectComponent, FlySkeletonComponent, FlySliderComponent, FlySparklineComponent, FlySpinnerComponent, FlyStandaloneAuthCallbackComponent, FlyStandaloneAuthService, FlyStandaloneMagicActionsComponent, FlyStateMessageComponent, FlyDynamicFormComponent as FlySurveyFormComponent, FlyTabComponent, FlyTabsComponent, FlyTagsInputComponent, FlyThemeService, FlyTimePipe, FlyToastService, FlyToggleComponent, FlyTooltipDirective, FlyTreeNavComponent, FlyTypeaheadComponent, FlyUserDirectoryService, FlyWindowHelpService, FlyWindowTitleService, FlyosPendingLaunchesGlobalKey, FlyosShellHandlesLaunchRequestsGlobalKey, FlyosShellOwnsHistoryGlobalKey, GANTT_DEPENDENCY_TYPES, GANTT_ROW_TINT_ALPHA, GANTT_ZOOMS, I18nService, LAUNCH_CONTEXT, MAGIC_BAR_SEARCH_WIDTH_DEFAULT, MAGIC_BAR_SEARCH_WIDTH_MAX, MAGIC_BAR_SEARCH_WIDTH_MIN, MagicBarRegistry, MessageBoxButtons, MessageBoxComponent, MessageBoxIcon, MessageBoxService, MockAuthService, NOVA_PRIORITY_TONE, NOVA_STATUS_TONE, NOVA_TONE_FALLBACK, OverlayStack, PRESENCE_COLORS, PageHeaderComponent, RTL_LOCALE_SET, SHARE_ORG_CHART_SYSTEM_KEY_APPS, SHARE_ORG_CHART_SYSTEM_KEY_DEFAULT, SHARE_PANEL_DEFAULT_FILE_LEVELS, STATE_DEFAULT_ICONS, STATE_DEFAULT_MESSAGE_KEYS, STEP_UP_CODE, STEP_UP_REAUTH_HANDLER, STEP_UP_RETURN_KEY, SUPPORTED_AGENT_PAYLOAD_VERSIONS, SharePanelComponent, SourceAppResolver, StandaloneWindowManagerService, StatusBadgeComponent, StepUpService, ToastHostComponent, TranslatePipe, WINDOW_DATA, WINDOW_HELP_HINT, WindowManagerService, applySkinTone, applySuggestion, ariaSort, buildCron, canConfirm, canGoNext, canGoPrev, captureFocus, clampMagicBarSearchWidth, clampPage, clampSliderValue, connectRemoteLaunch, enterActivatesNatively, filterGroup, filterSuggestions, findLocaleByDialect, findLocaleByPrefix, firstEnabledIndex, firstModuleIndex, flattenModules, flyAdminGuard, flyApiErrorMessage, flyCaptchaBase64Utf8, flyCaptchaBuildToken, flyCaptchaSha256Hex, flyCompactNumber, flyDebounced, flyDecimalNumber, flyDownloadBlob, flyDuration, flyEmojiFor, flyEmojiIsTonable, flyEmojiPackUrl, flyExportFileName, flyFirstEnabledIndex, flyFormatBytes, flyFormatDate, flyFormatDateTime, flyFormatMoney, flyFormatTime, flyFullNumber, flyNextEnabledIndex, flyNextSegmentIndex, flyRelativeTime, flyResolveActiveTab, flyRoleGuard, flyScanPendingDelayMs, flyScanRetry, flySignedCompact, flySkinToneLabelKey, flyStandaloneAuthGuard, flyStandaloneAuthInterceptor, flyToDateOnly, flyToPage, flyUnwrap, flyUnwrapCurrencies, flyUnwrapLenient, hasAnyRoleIn, healNativeFederationCacheOnce, initialExpanded, isAccentColor, isChunkLoadError, isFlyAuthStorePopulated, isNativeFederationCacheError, isRtlLocale, isRtlLocaleEntry, isValidCron, isValidSingleField, loadRemoteStyles, magicBarOwnerKey, magicBarSearchText, matchFlyRoutePattern, nextEnabledIndex, nextModuleIndex, nextSegmentIndex, nextSort, normalizeFlyTheme, normalizeRoles, novaPriorityToneVar, novaStatusToneVar, overlayStack, parseCron, parseStepUpChallenge, parseTags, prefetchRemoteStyles, presenceColorFor, printConsoleSecurityWarning, provideFlyChunkReloadRecovery, provideFlyEmojiPack, provideFlyStandaloneAuth, reloadOnceForChunkError, requestAppLaunch, resolveActiveModule, resolveActiveSection, resolveActiveTab, resolveCellValue, resolveStateIcon, resolveStateMessageKey, restoreFocus, sameTags, sectionHintKey, sectionLayout, sliderTrackGradient, sparklinePath, sparklinePoints, stepUpInterceptor, stepUpReturnKey, trimAgentPayload, trimAgentString, unloadRemoteStyles, utf8ByteLength, validateAgentPayload, warnIfEmbeddedSessionMissing };
+export type { ActionMenuItem, AgentAction, AgentActionDispatch, AgentActionVerb, AgentChipHostInputs, AgentCommand, AgentCommandContextBinding, AgentCommandHandle, AgentCommandRegistration, AgentCommandScope, AgentCommandSlashSpec, AgentDragPayload, AgentDraggableItem, AgentDropChipMode, AgentDropRendererRegistration, AgentEnvelopeAttachment, AgentMcpScope, AgentMessageEnvelope, AgentPayloadLimits, AgentPayloadValidationResult, AppEveryonePrincipal, AppEveryoneTerm, AppLookup, AppLookupEntry, AudienceEditTarget, AudienceErrorCode, AudienceFilter, AudienceOptions, AudiencePresetKind, AudienceTerm, AudienceTermKind, BreadcrumbItem, ButtonSize, ButtonVariant, CardDensity, CardLayout, ChartTerm, ChildWindowData, ChipTone, ConfirmKind, ConnectRemoteLaunchOptions, ContextMenuAlign, ContextMenuItem, ContextMenuSection, CronAdvancedFieldDef, CronMode, CronParts, CronWeekday, DesktopApp, DesktopAppCategory, DesktopAppKind, DetailSection, DialogResultWithAcknowledgement, EmbeddedSessionProbe, EntityLinkLauncher, EntityLinkSelection, FilterGroup, FlyAchievementRow, FlyApiError, FlyApiResponse, FlyAppHomeLayout, FlyAppModule, FlyAppModuleSection, FlyAppUnavailableState, FlyAuthRefreshPayload, FlyAuthStoreReadable, FlyBadgeTile, FlyBreadcrumbItem, FlyCaptchaChallenge, FlyCaptchaSolution, FlyCaptchaState, FlyCellContext, FlyColumn, FlyColumnKind, FlyComment, FlyCommentDeleteRequest, FlyCommentEditRequest, FlyCommentLoadMoreRequest, FlyCommentLoadRepliesRequest, FlyCommentLockToggleRequest, FlyCommentPage, FlyCommentReportReason, FlyCommentReportRequest, FlyCommentReportStatus, FlyCommentSubmitRequest, FlyCountry, FlyCurrency, FlyCurrencyFetchFn, FlyCurrencySelectorMode, FlyCurrencySelectorValue, FlyDeepLinkPrefetchRoute, FlyDrawerBodyPadding, FlyDrawerPosition, FlyDrawerSide, FlyDrawerSize, FlyDrawerVariant, FlyEmojiCategory, FlyEmojiCell, FlyEmojiEntry, FlyEmojiPack, FlyEmojiPackEntry, FlyEmojiPackManifest, FlyEmojiPickerSize, FlyEmojiPickerTab, FlyEmojiSection, FlyFileInfo, FlyFileSelection, FlyFormAnswer, FlyFormAnswerValue, FlyFormDefinition, FlyFormFieldOptions, FlyFormOption, FlyFormQuestion, FlyFormQuestionType, FlyFormScoreDisplay, FlyFormatMoneyOptions, FlyLaunchEventDetail, FlyLaunchRequestDetail, FlyLeaderboardRow, FlyLiveRefreshOptions, FlyLocaleEntry, FlyMagicBarIconName, FlyMetaItem, FlyModerationLoadPageRequest, FlyModerationLockThreadRequest, FlyModerationOpenSubjectRequest, FlyModerationReport, FlyModerationReportPage, FlyModerationResolutionStatus, FlyModerationResolveRequest, FlyMoneyDisplay, FlyNavigableItem, FlyPageMeta, FlyPageResult, FlyPaged, FlyPeoplePickerMode, FlyPeoplePickerOption, FlyPeopleSearchFn, FlyPointsSummary, FlyRemoteContext, FlyRemoteEagerRoute, FlyRemoteLazyRoute, FlyRemoteLoadedComponent, FlyRemoteMatch, FlyRemoteRoute, FlyRemoteRouteEventDetail, FlySearchExpandTrigger, FlySearchInputSize, FlySecureSrcState, FlySelectOption, FlySelectValue, FlySkeletonAnimation, FlySkeletonLayout, FlySkeletonShape, FlySkinTone, FlySort, FlyStandaloneAuthConfig, FlyFileSelection as FlySurveyFileSelection, FlyFormAnswer as FlySurveyFormAnswer, FlyFormAnswerValue as FlySurveyFormAnswerValue, FlyFormDefinition as FlySurveyFormDefinition, FlyFormFieldOptions as FlySurveyFormFieldOptions, FlyFormOption as FlySurveyFormOption, FlyFormQuestion as FlySurveyFormQuestion, FlyFormQuestionType as FlySurveyQuestionType, FlyThemeMode, FlyTooltipPlacement, FlyTreeNavNode, FlyTypeaheadOption, FlyWindowHelpHintEventDetail, FlyWindowHelpPublisher, FlyWindowPageTitleEventDetail, FlyWindowTitlePublisher, FlyosPendingLaunches, FocusRestore, FormBannerKind, GanttDependency, GanttDependencyCreate, GanttDependencyDelete, GanttDependencyType, GanttRow, GanttRowDatesChange, GanttRowKind, GanttZoom, IconButtonVariant, LaunchContext, LoadBundleOptions, LoadRemoteStylesOptions, LookupDescriptor, LookupHandle, LookupRegistration, LookupResult, LookupSearch, MagicBarAction, MagicBarActionKind, MagicBarActionSpec, MagicBarActionView, MagicBarContribution, MagicBarGroup, MagicBarGroupSpec, MagicBarGroupView, MagicBarOwnerRef, MagicBarPublisher, MagicBarRadioMenu, MagicBarRadioMenuSpec, MagicBarRadioMenuView, MagicBarRadioOption, MagicBarSearch, MagicBarSearchSeed, MagicBarSearchSpec, MagicBarSearchView, MagicBarTextParams, MagicBarTone, MagicBarView, MessageBoxButton, MessageBoxDontAskAgainConfig, MessageBoxOptions, MessageBoxOptionsWithAcknowledgement, MockAuthConfig, OpenWindowOptions, OuPrincipal, OuTerm, OverlayHandle, PageHeaderVariant, PresetTerm, ProgressTone, RemoteAppDef, RequestAppLaunchOptions, RoleOuLookupRow, RolePrincipal, RolesTerm, SegmentedOption, SegmentedVariant, ShareOrgChartOption, ShareOuNode, SharePanelLevelOption, SharePermissionEntry, SharePrincipal, SharePrincipalKind, ShareUserResult, StateMessageKind, StepUpChallenge, StepUpReauthHandler, StepUpReauthRequest, TabsVariant, ToastAction, ToastEntry, ToastOptions, ToastVariant, User, UserPrincipal, UsersTerm, WindowHelpHint, WindowInstance, WindowState };
 //# sourceMappingURL=flyos-design-system.d.ts.map