@flyos/design-system 1.0.0 → 1.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flyos/design-system",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "FlyOS design system — shared components, directives, pipes, services, and models for Business App developers.",
   "keywords": [
     "flyos",

package/scss/_app-surface-utilities.scss

@@ -2,6 +2,16 @@
 // UI library global utilities (generic). EMITS CSS — import once from the
 // global stylesheet, after _tokens.scss.
 // ─────────────────────────────────────────────────────────────────────────────
+@use 'shell-embed-bridge';
+
+// Class form of the app-surface → shell-glass bridge, for consumers that cannot
+// reach the mixin: a component with INLINE `styles:` (no SCSS pipeline), or a
+// subtree portalled out of its app's stylesheet scope. Prefer the mixin in a
+// real `.scss` file; this exists so the map is never retyped by hand. See
+// `_shell-embed-bridge.scss` for why the bridge is needed at all.
+.fly-app-surface-on-glass {
+  @include shell-embed-bridge.app-surface-on-glass;
+}
 
 // Tabular numerals / code — reusable in templates without restyling a component.
 .mono {

package/scss/_shell-embed-bridge.scss

@@ -0,0 +1,81 @@
+// ─── Shell-embed bridge — app-surface tokens re-tinted onto shell glass ──────
+// MIXIN ONLY. This partial emits no CSS on import; it exists so the mapping
+// below lives in ONE place instead of being retyped per feature app.
+//
+// WHY IT IS NEEDED
+// The DS carries two token families on purpose (see `_app-surface-tokens.scss`'s
+// header). `--ink-*`/`--bg-*`/`--line-*` dress BUSINESS-APP CONTENT: an opaque
+// reading surface, dark ink on white in light mode. `--label-*`/`--surface-*`
+// dress SHELL CHROME: white ink on translucent glass over the user's wallpaper.
+//
+// A desktop-shell feature app renders inside a glass window, so its chrome is
+// necessarily the second family — but the moment it mounts a component from the
+// `fly-*` app-surface kit (or `@flyos/design-system-board`), that component
+// themes itself from the FIRST family and paints an opaque white slab with
+// near-black ink. One region, two families: the app's own header ink is white,
+// the slab beneath it is white, and the header goes invisible.
+//
+// That is not hypothetical. It shipped in canvas-boards and was measured live:
+// `.cbe__export-btn` computed `color: rgb(255,255,255)` sitting on a board whose
+// `--_surface` resolved to `oklch(100% 0 0deg)`. `core/theme/feature-app-surface-tokens.ts`
+// documents the same class of trap ("a dark-mode-only review passes while light
+// mode renders a white slab") — and note the failure is LIGHT-mode-only, because
+// in dark mode both families happen to agree on light-ink-on-dark.
+//
+// THE FIX is the seam the tokens file already names: an app that embeds in the
+// shell re-tints the content family onto glass. help-center (`.hc-shell`) and
+// dashboard-app hand-rolled identical copies of this map before it lived here.
+//
+// ALIASES ONLY — every value is another token, never a literal, so the whole map
+// follows the shell's theme automatically. The ONE exception is `--on-ink`, and
+// its reason is written at the declaration.
+@mixin app-surface-on-glass {
+  // Surfaces: the window chrome supplies the material, so the app's own page
+  // background is nothing at all; cards/tracks are lifts ON that plate.
+  --bg: transparent;
+  --bg-2: var(--surface-card);
+  --bg-3: var(--fill-tertiary);
+  --bg-hover: var(--surface-active);
+
+  // Hairlines.
+  --line: var(--separator);
+  --line-2: var(--surface-border);
+  --line-3: var(--separator);
+
+  // Ink — opaque label tokens, never a surface token. Aliasing a translucent
+  // surface onto an ink slot is what turns a control into an empty coloured
+  // square (see the note in help-center.component.scss).
+  --ink: var(--label-primary);
+  --ink-2: var(--label-secondary);
+  --ink-3: var(--label-secondary);
+  --ink-4: var(--label-tertiary);
+
+  // CONTRACT (`_app-surface-tokens.scss`): anything that redefines `--ink` MUST
+  // redefine `--on-ink`, and it must be OPAQUE. `--on-ink` labels a fill of
+  // `--ink` itself — the primary button. Above we pin `--ink` to the shell's
+  // white label ink in BOTH themes, so its counter-ink is a fixed DARK value in
+  // both. It cannot alias a shell token: the shell is glass and owns no
+  // dark-opaque ink. This literal is the same value `--ink` carries in the
+  // app-surface light theme, i.e. the colour a white pill is designed to label.
+  //
+  // `app-surface-conventions.spec.ts` can only police the DS token file itself;
+  // its doc says consumers that remap `--ink` "carry the same obligation".
+  // Routing every consumer through this mixin is how that obligation is met.
+  --on-ink: oklch(18% 0.005 250deg);
+
+  // `--ink-inverse` carries the SAME obligation as `--on-ink` and was missed.
+  //
+  // The app-surface family defines it once, as "text on dark / gradient fills" — near-white, which
+  // is correct while `--ink` is near-black. This mixin flips `--ink` to the shell's WHITE label ink
+  // and updated `--on-ink` accordingly, but left `--ink-inverse` at its near-white resting value.
+  // Every `background: var(--ink); color: var(--ink-inverse)` pair inside an embedded app therefore
+  // became WHITE ON WHITE at a contrast ratio of about 1:1.
+  //
+  // That is not hypothetical: it is what made `[data-tooltip]` (the CSS tooltip behind every
+  // `fly-icon-button`'s `tooltipKey`) invisible across the board editor — measured live at
+  // background rgb(255,255,255) with colour oklch(0.99 0 0). The same pair is used by the button,
+  // icon-button, checkbox and card components, so this was never a Boards-only bug.
+  //
+  // Pinned to `--on-ink` rather than restated, so the two counter-inks cannot drift apart again.
+  --ink-inverse: var(--on-ink);
+}

package/scss/_theme-dark.scss

@@ -102,6 +102,14 @@ html.dark-theme {
   --glass-bg: rgb(22 22 26 / 72%);
   --glass-bg-elevated: rgb(30 30 36 / 82%);
 
+  // Tooltip surface — OPAQUE, and not a glass token. See the light theme for the full reasoning
+  // (a body-parented overlay can appear over any backdrop, so it cannot inherit a translucent,
+  // wallpaper-adaptive surface). Lifted slightly here so the plate still separates from a dark
+  // page, while keeping the same white ink and therefore the same contrast guarantee.
+  --tooltip-bg: #2c313c;
+  --tooltip-ink: #fff;
+  --tooltip-border: rgb(255 255 255 / 16%);
+
   // Ink for text ON `--glass-bg-elevated` — see the light theme for why this is its own pair.
   --glass-ink-elevated: rgb(255 255 255 / 96%);
   --glass-ink-elevated-secondary: rgb(255 255 255 / 65%);

package/scss/_theme-light.scss

@@ -97,6 +97,23 @@ html.light-theme {
   --glass-bg: rgb(255 255 255 / 60%);
   --glass-bg-elevated: rgb(255 255 255 / 88%);
 
+  // Tooltip surface. OPAQUE and deliberately NOT a glass token.
+  //
+  // A tooltip is body-parented and floats over whatever happens to be underneath — a light app
+  // surface, a dark board canvas, the wallpaper. The glass family is TRANSLUCENT and, at runtime,
+  // wallpaper-adaptive: the shell recomputes `--glass-bg-elevated` from the wallpaper and writes it
+  // at `:root`, so under a dark wallpaper it becomes a 54 %-alpha DARK plate even while the shell
+  // is in `light-theme`. Composited over a light page that resolves to roughly rgb(143,141,140),
+  // and the matching white ink lands at about 2.8:1 — the "tooltips are white on white" report.
+  // An overlay that can appear anywhere cannot inherit a surface tuned for one backdrop.
+  //
+  // Dark plate + white ink in BOTH themes is the classic tooltip treatment (macOS, Material,
+  // Bootstrap) and is exactly what this directive's own comment always claimed it fell back to —
+  // it just never actually did, because the `var()`s carried no fallback.
+  --tooltip-bg: #1f2430;
+  --tooltip-ink: #fff;
+  --tooltip-border: rgb(255 255 255 / 14%);
+
   // Ink for text sitting ON `--glass-bg-elevated`. This pair was already correct when the rest
   // of the theme was not, so it became the model the `--label-*` / `--text-color-*` families
   // were rebuilt against. It now agrees with them rather than compensating for them; the

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

@@ -4112,6 +4112,12 @@ interface ContextMenuItem {
     id: string;
     label: string;
     icon: string;
+    /**
+     * Nested items — when present (non-empty), activating this row opens a flyout submenu
+     * instead of firing `action` directly. Recursive: a child item may itself declare
+     * further children, each rendered as another nested `fly-context-menu` instance.
+     */
+    children?: ContextMenuItem[];
 }
 interface ContextMenuSection {
     label?: string;
@@ -4122,14 +4128,28 @@ interface ContextMenuSection {
  * Logical, not physical — `end` is the right edge in LTR and the left edge in RTL.
  */
 type ContextMenuAlign = 'start' | 'end';
+/**
+ * `'below'` (default) — the original dropdown behaviour: the menu opens below (or above,
+ * flipping on overflow) the anchor, left/right-aligned per {@link ContextMenuComponent.align}.
+ * `'side'` — a submenu flyout: the menu opens beside the anchor (trailing edge in the
+ * reading direction, flipping to the leading edge on overflow), top-aligned to it. Only
+ * meaningful with an `[anchor]` — a submenu is always anchored to the parent row it hangs off.
+ */
+type ContextMenuPlacement = 'below' | 'side';
 /**
  * A floating, anchor-relative context menu (right-click / kebab-button style). Positions itself
  * against the containing clipping ancestor rather than the viewport, flips to stay on-screen, and
  * marks its `[anchor]` with `data-fly-menu-open` while open so the trigger can render as pressed.
  * Sections group items with an optional label; each item carries an id, label, and icon.
+ *
+ * Items may declare `children` — a genuinely recursive submenu flyout (see the "Submenus"
+ * region below). The component imports ITSELF so its template can mount a nested instance
+ * for an open submenu; standard, supported Angular pattern for recursive standalone components.
  */
 declare class ContextMenuComponent implements AfterViewInit, OnDestroy {
     private menuEl?;
+    /** The recursive submenu instance, mounted only while {@link openSubmenuId} is set. */
+    private childMenuRef?;
     private readonly doc;
     private readonly hostEl;
     /**
@@ -4159,6 +4179,8 @@ declare class ContextMenuComponent implements AfterViewInit, OnDestroy {
      * a preference, not a guarantee. No effect without an anchor.
      */
     align: _angular_core.InputSignal<ContextMenuAlign>;
+    /** See {@link ContextMenuPlacement}. Ignored without an `[anchor]`. */
+    placement: _angular_core.InputSignal<ContextMenuPlacement>;
     sections: _angular_core.InputSignal<ContextMenuSection[]>;
     /**
      * Optional containing rect (viewport coords, e.g. from
@@ -4176,7 +4198,9 @@ declare class ContextMenuComponent implements AfterViewInit, OnDestroy {
     private anchorRect;
     /** Containing box derived from the anchor; only used when no explicit `boundary` is given. */
     private derivedBoundary;
-    private anchorRtl;
+    /** `protected`, not `private` — the submenu-caret's mirroring in the template reads this
+     *  directly (see the `[class.is-rtl]` binding). */
+    protected anchorRtl: _angular_core.WritableSignal<boolean>;
     private previouslyFocused;
     private prevAriaExpanded;
     private prevAriaHasPopup;
@@ -4184,6 +4208,40 @@ declare class ContextMenuComponent implements AfterViewInit, OnDestroy {
         left: number;
         top: number;
     }>;
+    /** id of the item whose submenu is open, or null. */
+    protected readonly openSubmenuId: _angular_core.WritableSignal<string | null>;
+    private readonly openSubmenuAnchor;
+    private readonly openSubmenuItem;
+    /** `[sections]` input for the nested instance — a single unlabeled section wrapping
+     *  the open item's children. */
+    protected readonly openSubmenuSections: _angular_core.Signal<ContextMenuSection[]>;
+    protected readonly openSubmenuAnchorEl: _angular_core.Signal<HTMLElement | null>;
+    /** Row click/Enter/Space handler — opens the submenu for a has-children item instead
+     *  of firing `action`; fires `action` directly (and closes) for a leaf item. */
+    protected onItemActivate(item: ContextMenuItem, event: Event): void;
+    private hoverTimer;
+    /** Hover-intent delay before a submenu opens — long enough that a pointer sweeping
+     *  past on its way elsewhere doesn't pop every has-children row it crosses. */
+    private static readonly SUBMENU_HOVER_DELAY_MS;
+    /**
+     * Hovering a has-children row opens its submenu after a short delay; hovering a
+     * SIBLING leaf row closes whichever submenu was open — both standard desktop menu
+     * conventions. No explicit "close on leave" handler: moving to another row re-fires
+     * this and either replaces or closes the open submenu; moving off the menu entirely
+     * is caught by the existing outside-click/Escape handling.
+     */
+    protected onItemMouseEnter(item: ContextMenuItem, event: MouseEvent): void;
+    protected onItemMouseLeave(): void;
+    private clearHoverTimer;
+    private toggleSubmenu;
+    protected closeSubmenu(): void;
+    /** A leaf action fired somewhere inside the (possibly multi-level) open submenu —
+     *  bubble it up as this menu's own `action` and close the WHOLE stack, matching a
+     *  normal top-level item click. */
+    protected onSubmenuAction(id: string): void;
+    /** The child closed itself (Escape / an outside click within its own bounds) without
+     *  selecting anything — collapse back to this level; THIS menu stays open. */
+    protected onSubmenuClosed(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     /**
@@ -4197,16 +4255,43 @@ declare class ContextMenuComponent implements AfterViewInit, OnDestroy {
     private clearAnchorOpen;
     private restoreAttr;
     onAction(id: string): void;
+    /**
+     * True when `target` is inside THIS menu's own DOM, or inside its currently-open
+     * submenu (recursively — a submenu can have its own open grand-submenu). A submenu is
+     * portaled to `<body>` as a SIBLING of this menu's own `.context-menu` div, not a DOM
+     * descendant of it, so a plain `menuEl.contains()` check would treat a click inside an
+     * open submenu as "outside" and wrongly close this whole stack. Delegating through the
+     * child instance is what keeps arbitrarily-deep nesting correct without a global registry.
+     */
+    containsElement(target: Node): boolean;
     onClickOutside(event: MouseEvent): void;
     onEscape(): void;
     onContextMenu(event: MouseEvent): void;
+    /** Flattened items across every section, in the same order the template renders
+     *  `[role="menuitem"]` buttons — lets a focused DOM element be mapped back to its
+     *  data item (to check `children`) by matching index. */
+    private readonly flatItems;
     onKeydown(event: KeyboardEvent): void;
+    /**
+     * RTL-aware: the "descend into a submenu" arrow is Right in LTR, Left in RTL. Reuses
+     * {@link anchorRtl} (sampled from the ANCHOR's pre-portal position — see
+     * `ngAfterViewInit`) rather than reading direction off this menu's own host, which by
+     * the time any key can be pressed has already been portaled to `<body>` and would
+     * reflect the document's own direction, not necessarily this menu's local context. A
+     * pointer-only menu (no anchor) has no locally-sampled direction to read and falls
+     * back to LTR ordering — the same limitation `clampedPos`'s anchored branch already
+     * has for positioning, kept consistent here rather than inventing a second mechanism.
+     */
+    private isOpenSubmenuKey;
+    /** RTL-aware: the "back out of a submenu" arrow is Left in LTR, Right in RTL. */
+    private isCloseSubmenuKey;
     private close;
     private getMenuItems;
-    private focusItem;
+    /** Public: lets a parent instance focus this (nested) menu's first item once it mounts. */
+    focusItem(index: number): void;
     private restoreFocus;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ContextMenuComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ContextMenuComponent, "fly-context-menu", never, { "x": { "alias": "x"; "required": false; "isSignal": true; }; "y": { "alias": "y"; "required": false; "isSignal": true; }; "anchor": { "alias": "anchor"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "sections": { "alias": "sections"; "required": true; "isSignal": true; }; "boundary": { "alias": "boundary"; "required": false; "isSignal": true; }; }, { "action": "action"; "closed": "closed"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ContextMenuComponent, "fly-context-menu", never, { "x": { "alias": "x"; "required": false; "isSignal": true; }; "y": { "alias": "y"; "required": false; "isSignal": true; }; "anchor": { "alias": "anchor"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "sections": { "alias": "sections"; "required": true; "isSignal": true; }; "boundary": { "alias": "boundary"; "required": false; "isSignal": true; }; }, { "action": "action"; "closed": "closed"; }, never, never, true, never>;
 }
 
 declare enum MessageBoxButtons {
@@ -8195,6 +8280,36 @@ declare function flyDownloadBlob(blob: Blob, fileName: string, mimeFallback?: st
  */
 declare function flyExportFileName(contentDisposition: string | null | undefined, fallback: string): string;
 
+/**
+ * Shared presence-colour utility — one deterministic seed → colour mapping so
+ * every co-authoring surface (mind-maps, canvas-boards, and future Documents/
+ * Thoughts Labs consumers) paints the SAME user the SAME colour, without any
+ * cross-app coordination beyond importing this module.
+ *
+ * The palette and hash algorithm are copied byte-for-byte from the mind-maps
+ * feature app's inline `identity` computed (`mind-maps.component.ts`), which
+ * predates this shared module and is the origin of the vocabulary — see
+ * `PRESENCE_COLORS` / the `hash = (hash*31 + charCode)|0` loop there. This
+ * file does not replace that call site (existing consumers are migrated in
+ * future work per the canvas-board gap-closure plan §7); it exists so NEW
+ * consumers (the canvas-board presence adapter) don't hand-roll a second copy
+ * that could silently drift from the original.
+ *
+ * Rides no transport of its own — purely a pure function over a string seed
+ * (typically a user id). Callers broadcast the resolved colour over Yjs
+ * awareness (`user.color`) themselves.
+ */
+/** Stable presence palette — identical order/values to the mind-maps palette. */
+declare const PRESENCE_COLORS: readonly string[];
+/**
+ * Deterministically maps a seed (typically a user id, falling back to a
+ * display name where no id is available) to one of {@link PRESENCE_COLORS}.
+ *
+ * Same seed ⇒ same colour, always — across apps, sessions, and page reloads,
+ * with no server round-trip or shared state required.
+ */
+declare function presenceColorFor(seed: string): string;
+
 /**
  * Locale-aware formatting primitives — numbers, byte sizes, relative time, and dates.
  *
@@ -8928,7 +9043,10 @@ declare class FlyProgressComponent {
  */
 declare class FlySparklineComponent {
     readonly points: _angular_core.InputSignal<readonly number[]>;
-    /** viewBox metrics — the rendered size stretches to the host box. */
+    /**
+     * Viewbox metrics AND the host's rendered block-size (px) — see the host
+     * binding comment above for why the two are deliberately the same input.
+     */
     readonly width: _angular_core.InputSignal<number>;
     readonly height: _angular_core.InputSignal<number>;
     protected readonly viewBox: _angular_core.Signal<string>;
@@ -9514,7 +9632,7 @@ declare class FlyFormSectionComponent {
  * spans the full row.
  */
 declare class FlyFormGridComponent {
-    readonly cols: _angular_core.InputSignal<3 | 1 | 2 | "auto">;
+    readonly cols: _angular_core.InputSignal<1 | 3 | 2 | "auto">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FlyFormGridComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<FlyFormGridComponent, "fly-form-grid", never, { "cols": { "alias": "cols"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
@@ -9832,6 +9950,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, 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_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_NF_CACHE_HEAL_FLAG, FLY_RELOAD_DEBOUNCE_MS, FLY_REMOTE_BASE_PATH, FLY_REMOTE_CONTEXT_EVENT, FLY_REMOTE_CONTEXT_STORE_KEY, FLY_REMOTE_ROUTES, FLY_SEARCH_DEBOUNCE_MS, FLY_SKIN_TONES, FLY_STANDALONE_AUTH_CONFIG, FLY_THEME_MODE_IDS, FLY_WINDOW_HELP_HINT_EVENT, FLY_WINDOW_PAGE_TITLE_EVENT, FlyAchievementProgressComponent, FlyActionMenuComponent, FlyActionStackComponent, FlyAgentDraggableDirective, FlyAnimatedEmojiComponent, FlyAppTopbarComponent, 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, FlyDataTableComponent, FlyDatePipe, FlyDateTimePipe, FlyDebouncer, FlyDecimalNumberPipe, FlyDrawerComponent, FlyDurationPipe, FlyDynamicFormComponent, FlyEmojiPickerComponent, FlyFieldComponent, FlyFileUploadComponent, FlyFilterPanelComponent, FlyFormBannerComponent, FlyFormFooterComponent, FlyFormGridComponent, FlyFormSectionComponent, FlyFullNumberPipe, FlyGanttComponent, FlyHubClient, FlyIconButtonComponent, FlyIfAdminDirective, FlyIfRoleDirective, FlyImageUploadComponent, FlyLeaderboardComponent, FlyMetaListComponent, FlyModalComponent, FlyModerationQueueComponent, FlyModuleIconDirective, FlyPaginationComponent, FlyPeoplePickerComponent, FlyPointsTierComponent, FlyProgressComponent, FlyRelativeTimePipe, FlyRemoteContextService, FlyRemoteRouter, FlyRemoteRouterOutletComponent, FlySearchInputComponent, FlySectionHeaderComponent, FlySecureSrcDirective, FlySegmentedComponent, FlySelectComponent, FlySkeletonComponent, FlySliderComponent, FlySparklineComponent, FlySpinnerComponent, FlyStandaloneAuthCallbackComponent, FlyStandaloneAuthService, FlyStateMessageComponent, FlyDynamicFormComponent as FlySurveyFormComponent, FlyTabComponent, FlyTabsComponent, FlyTagsInputComponent, FlyThemeService, FlyTimePipe, FlyToastService, FlyToggleComponent, FlyTooltipDirective, FlyTreeNavComponent, FlyTypeaheadComponent, FlyWindowHelpService, FlyWindowTitleService, FlyosPendingLaunchesGlobalKey, FlyosShellHandlesLaunchRequestsGlobalKey, FlyosShellOwnsHistoryGlobalKey, GANTT_ZOOMS, I18nService, LAUNCH_CONTEXT, MessageBoxButtons, MessageBoxComponent, MessageBoxIcon, MessageBoxService, MockAuthService, OverlayStack, 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, clampPage, clampSliderValue, connectRemoteLaunch, enterActivatesNatively, filterGroup, filterSuggestions, findLocaleByDialect, findLocaleByPrefix, firstEnabledIndex, firstModuleIndex, flattenModules, flyAdminGuard, flyCaptchaBase64Utf8, flyCaptchaBuildToken, flyCaptchaSha256Hex, flyCompactNumber, flyDebounced, flyDecimalNumber, flyDownloadBlob, flyDuration, flyEmojiFor, flyEmojiIsTonable, flyEmojiPackUrl, flyExportFileName, flyFirstEnabledIndex, flyFormatBytes, flyFormatDate, flyFormatDateTime, flyFormatTime, flyFullNumber, flyNextEnabledIndex, flyNextSegmentIndex, flyRelativeTime, flyResolveActiveTab, flyRoleGuard, flySignedCompact, flySkinToneLabelKey, flyStandaloneAuthGuard, flyStandaloneAuthInterceptor, flyToDateOnly, hasAnyRoleIn, healNativeFederationCacheOnce, isAccentColor, isChunkLoadError, isFlyAuthStorePopulated, isNativeFederationCacheError, isRtlLocale, isRtlLocaleEntry, isValidCron, isValidSingleField, loadRemoteStyles, matchFlyRoutePattern, nextEnabledIndex, nextModuleIndex, nextSegmentIndex, nextSort, normalizeFlyTheme, normalizeRoles, overlayStack, parseCron, parseStepUpChallenge, parseTags, printConsoleSecurityWarning, provideFlyChunkReloadRecovery, provideFlyEmojiPack, provideFlyStandaloneAuth, reloadOnceForChunkError, requestAppLaunch, resolveActiveModule, resolveActiveTab, resolveCellValue, resolveStateIcon, resolveStateMessageKey, restoreFocus, sameTags, sliderTrackGradient, sparklinePath, sparklinePoints, stepUpInterceptor, stepUpReturnKey, trimAgentPayload, trimAgentString, unloadRemoteStyles, utf8ByteLength, validateAgentPayload, warnIfEmbeddedSessionMissing };
+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, 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_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_NF_CACHE_HEAL_FLAG, FLY_RELOAD_DEBOUNCE_MS, FLY_REMOTE_BASE_PATH, FLY_REMOTE_CONTEXT_EVENT, FLY_REMOTE_CONTEXT_STORE_KEY, FLY_REMOTE_ROUTES, FLY_SEARCH_DEBOUNCE_MS, FLY_SKIN_TONES, FLY_STANDALONE_AUTH_CONFIG, FLY_THEME_MODE_IDS, FLY_WINDOW_HELP_HINT_EVENT, FLY_WINDOW_PAGE_TITLE_EVENT, FlyAchievementProgressComponent, FlyActionMenuComponent, FlyActionStackComponent, FlyAgentDraggableDirective, FlyAnimatedEmojiComponent, FlyAppTopbarComponent, 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, FlyDataTableComponent, FlyDatePipe, FlyDateTimePipe, FlyDebouncer, FlyDecimalNumberPipe, FlyDrawerComponent, FlyDurationPipe, FlyDynamicFormComponent, FlyEmojiPickerComponent, FlyFieldComponent, FlyFileUploadComponent, FlyFilterPanelComponent, FlyFormBannerComponent, FlyFormFooterComponent, FlyFormGridComponent, FlyFormSectionComponent, FlyFullNumberPipe, FlyGanttComponent, FlyHubClient, FlyIconButtonComponent, FlyIfAdminDirective, FlyIfRoleDirective, FlyImageUploadComponent, FlyLeaderboardComponent, FlyMetaListComponent, FlyModalComponent, FlyModerationQueueComponent, FlyModuleIconDirective, FlyPaginationComponent, FlyPeoplePickerComponent, FlyPointsTierComponent, FlyProgressComponent, FlyRelativeTimePipe, FlyRemoteContextService, FlyRemoteRouter, FlyRemoteRouterOutletComponent, FlySearchInputComponent, FlySectionHeaderComponent, FlySecureSrcDirective, FlySegmentedComponent, FlySelectComponent, FlySkeletonComponent, FlySliderComponent, FlySparklineComponent, FlySpinnerComponent, FlyStandaloneAuthCallbackComponent, FlyStandaloneAuthService, FlyStateMessageComponent, FlyDynamicFormComponent as FlySurveyFormComponent, FlyTabComponent, FlyTabsComponent, FlyTagsInputComponent, FlyThemeService, FlyTimePipe, FlyToastService, FlyToggleComponent, FlyTooltipDirective, FlyTreeNavComponent, FlyTypeaheadComponent, FlyWindowHelpService, FlyWindowTitleService, FlyosPendingLaunchesGlobalKey, FlyosShellHandlesLaunchRequestsGlobalKey, FlyosShellOwnsHistoryGlobalKey, GANTT_ZOOMS, I18nService, LAUNCH_CONTEXT, MessageBoxButtons, MessageBoxComponent, MessageBoxIcon, MessageBoxService, MockAuthService, 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, clampPage, clampSliderValue, connectRemoteLaunch, enterActivatesNatively, filterGroup, filterSuggestions, findLocaleByDialect, findLocaleByPrefix, firstEnabledIndex, firstModuleIndex, flattenModules, flyAdminGuard, flyCaptchaBase64Utf8, flyCaptchaBuildToken, flyCaptchaSha256Hex, flyCompactNumber, flyDebounced, flyDecimalNumber, flyDownloadBlob, flyDuration, flyEmojiFor, flyEmojiIsTonable, flyEmojiPackUrl, flyExportFileName, flyFirstEnabledIndex, flyFormatBytes, flyFormatDate, flyFormatDateTime, flyFormatTime, flyFullNumber, flyNextEnabledIndex, flyNextSegmentIndex, flyRelativeTime, flyResolveActiveTab, flyRoleGuard, flySignedCompact, flySkinToneLabelKey, flyStandaloneAuthGuard, flyStandaloneAuthInterceptor, flyToDateOnly, hasAnyRoleIn, healNativeFederationCacheOnce, isAccentColor, isChunkLoadError, isFlyAuthStorePopulated, isNativeFederationCacheError, isRtlLocale, isRtlLocaleEntry, isValidCron, isValidSingleField, loadRemoteStyles, matchFlyRoutePattern, nextEnabledIndex, nextModuleIndex, nextSegmentIndex, nextSort, normalizeFlyTheme, normalizeRoles, overlayStack, parseCron, parseStepUpChallenge, parseTags, presenceColorFor, printConsoleSecurityWarning, provideFlyChunkReloadRecovery, provideFlyEmojiPack, provideFlyStandaloneAuth, reloadOnceForChunkError, requestAppLaunch, resolveActiveModule, resolveActiveTab, resolveCellValue, resolveStateIcon, resolveStateMessageKey, restoreFocus, sameTags, 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, CardLayout, ChartTerm, ChildWindowData, ChipTone, ConfirmKind, ConnectRemoteLaunchOptions, ContextMenuAlign, ContextMenuItem, ContextMenuSection, CronAdvancedFieldDef, CronMode, CronParts, CronWeekday, DesktopApp, DesktopAppCategory, DesktopAppKind, DialogResultWithAcknowledgement, EmbeddedSessionProbe, EntityLinkSelection, FilterGroup, FlyAchievementRow, FlyAppModule, FlyAppModuleSection, FlyAuthRefreshPayload, FlyAuthStoreReadable, FlyBadgeTile, FlyBreadcrumbItem, FlyCaptchaChallenge, FlyCaptchaSolution, FlyCaptchaState, FlyCellContext, FlyColumn, FlyColumnKind, FlyComment, FlyCommentDeleteRequest, FlyCommentEditRequest, FlyCommentLoadMoreRequest, FlyCommentLoadRepliesRequest, FlyCommentLockToggleRequest, FlyCommentPage, FlyCommentReportReason, FlyCommentReportRequest, FlyCommentReportStatus, FlyCommentSubmitRequest, FlyCountry, FlyDrawerSide, FlyDrawerSize, FlyEmojiCategory, FlyEmojiCell, FlyEmojiEntry, FlyEmojiPack, FlyEmojiPackEntry, FlyEmojiPackManifest, FlyEmojiPickerSize, FlyEmojiPickerTab, FlyEmojiSection, FlyFileInfo, FlyFileSelection, FlyFormAnswer, FlyFormAnswerValue, FlyFormDefinition, FlyFormFieldOptions, FlyFormOption, FlyFormQuestion, FlyFormQuestionType, FlyFormScoreDisplay, FlyLaunchEventDetail, FlyLaunchRequestDetail, FlyLeaderboardRow, FlyLiveRefreshOptions, FlyLocaleEntry, FlyMetaItem, FlyModerationLoadPageRequest, FlyModerationLockThreadRequest, FlyModerationOpenSubjectRequest, FlyModerationReport, FlyModerationReportPage, FlyModerationResolutionStatus, FlyModerationResolveRequest, FlyNavigableItem, FlyPeoplePickerMode, FlyPeoplePickerOption, FlyPointsSummary, FlyRemoteContext, 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, LookupDescriptor, LookupHandle, LookupRegistration, LookupResult, LookupSearch, 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, ToastAction, ToastEntry, ToastOptions, ToastVariant, User, UserPrincipal, UsersTerm, WindowHelpHint, WindowInstance, WindowState };
 //# sourceMappingURL=flyos-design-system.d.ts.map