@flyos/design-system 3.14.0 → 3.16.0

package/fesm2022/flyos-design-system.mjs

@@ -26,7 +26,7 @@ import { CdkConnectedOverlay, CdkOverlayOrigin } from '@angular/cdk/overlay';
  * `providedIn: 'root'` singletons then mean:
  *   - cross-app deep links break: `FlyRemoteRouter` writes the canonical
  *     `?app=&route=` URL on the remote's own instance, so a reload never reaches
- *     the shell's launch pipeline (see skills/cross-app-deep-linking.md);
+ *     the shell's launch pipeline (see skills/platform-deep-linking.md);
  *   - the `/lookup` + slash-command registries diverge, so entities registered
  *     in the remote never reach the shell's agent input.
  *
@@ -47,7 +47,7 @@ import { CdkConnectedOverlay, CdkOverlayOrigin } from '@angular/cdk/overlay';
 // tools/publish-library.ps1 at bump time, and asserted by the spec beside this file.
 // Used only for the diagnostic message; the duplicate-instance detection itself is
 // version-agnostic, so a stale literal misnames a fork rather than hiding one.
-const FLY_DS_VERSION = '3.14.0';
+const FLY_DS_VERSION = '3.16.0';
 const FLY_DS_REGISTRY_KEY = '__FLY_DS_INSTANCES__';
 /**
  * Records this design-system instance on the shared `scope` and returns the
@@ -91,7 +91,7 @@ const WINDOW_DATA = new InjectionToken('WINDOW_DATA');
  * provisioning. Remotes subscribe to deep links via the federation-safe surfaces
  * instead: `FLYOS_LAUNCH_EVENT` (window CustomEvent) plus the
  * `__FLYOS_PENDING_LAUNCHES__` registry on `globalThis`. See
- * <c>skills/cross-app-deep-linking.md</c>.
+ * <c>skills/platform-deep-linking.md</c>.
  */
 const LAUNCH_CONTEXT = new InjectionToken('LAUNCH_CONTEXT');
 /**
@@ -1517,6 +1517,7 @@ const DS_BASELINE_LOCALES = {
         'gantt.aria.label_resize': 'Resize the label column',
         'gantt.aria.link': '{{type}} dependency: {{from}} to {{to}}',
         'gantt.aria.delete_link': 'Delete dependency',
+        'gantt.aria.retarget_link': 'Drag to re-point this dependency',
         'gantt.link_type.fs': 'Finish-to-start',
         'gantt.link_type.ss': 'Start-to-start',
         'gantt.link_type.ff': 'Finish-to-finish',
@@ -1531,8 +1532,6 @@ const DS_BASELINE_LOCALES = {
         'gantt.period.quarter': 'Quarter',
         'gantt.outline.indent': 'Indent',
         'gantt.outline.outdent': 'Outdent',
-        'gantt.outline.indentBlocked': 'No row above this one to nest it under',
-        'gantt.outline.outdentBlocked': 'This row is already at the top level',
         // dynamic-form (fly-dynamic-form / fly-survey-form)
         'form.required_error': 'This field is required.',
         'form.yes': 'Yes',
@@ -1932,6 +1931,7 @@ const DS_BASELINE_LOCALES = {
         'gantt.aria.label_resize': 'تغيير عرض عمود التسميات',
         'gantt.aria.link': 'ارتباط {{type}}: من {{from}} إلى {{to}}',
         'gantt.aria.delete_link': 'حذف الارتباط',
+        'gantt.aria.retarget_link': 'اسحب لإعادة توجيه هذا الارتباط',
         'gantt.link_type.fs': 'من النهاية إلى البداية',
         'gantt.link_type.ss': 'من البداية إلى البداية',
         'gantt.link_type.ff': 'من النهاية إلى النهاية',
@@ -1946,8 +1946,6 @@ const DS_BASELINE_LOCALES = {
         'gantt.period.quarter': 'ربع سنة',
         'gantt.outline.indent': 'إزاحة للداخل',
         'gantt.outline.outdent': 'إزاحة للخارج',
-        'gantt.outline.indentBlocked': 'لا يوجد صف أعلاه لتدرجه تحته',
-        'gantt.outline.outdentBlocked': 'هذا الصف في المستوى الأعلى بالفعل',
         // dynamic-form (fly-dynamic-form / fly-survey-form)
         'form.required_error': 'هذا الحقل مطلوب.',
         'form.yes': 'نعم',
@@ -2347,6 +2345,7 @@ const DS_BASELINE_LOCALES = {
         'gantt.aria.label_resize': 'Redimensionner la colonne des libellés',
         'gantt.aria.link': 'Liaison {{type}} : de {{from}} à {{to}}',
         'gantt.aria.delete_link': 'Supprimer la liaison',
+        'gantt.aria.retarget_link': 'Faites glisser pour réorienter cette liaison',
         'gantt.link_type.fs': 'Fin à début',
         'gantt.link_type.ss': 'Début à début',
         'gantt.link_type.ff': 'Fin à fin',
@@ -2361,8 +2360,6 @@ const DS_BASELINE_LOCALES = {
         'gantt.period.quarter': 'Trimestre',
         'gantt.outline.indent': 'Abaisser',
         'gantt.outline.outdent': 'Hausser',
-        'gantt.outline.indentBlocked': 'Aucune ligne au-dessus pour l’imbriquer',
-        'gantt.outline.outdentBlocked': 'Cette ligne est déjà au niveau supérieur',
         // dynamic-form (fly-dynamic-form / fly-survey-form)
         'form.required_error': 'Ce champ est obligatoire.',
         'form.yes': 'Oui',
@@ -2761,6 +2758,7 @@ const DS_BASELINE_LOCALES = {
         'gantt.aria.label_resize': 'لیبل کالم کی چوڑائی تبدیل کریں',
         'gantt.aria.link': '{{type}} انحصار: {{from}} سے {{to}} تک',
         'gantt.aria.delete_link': 'انحصار حذف کریں',
+        'gantt.aria.retarget_link': 'اس انحصار کا رخ بدلنے کو گھسیٹیں',
         'gantt.link_type.fs': 'اختتام سے آغاز',
         'gantt.link_type.ss': 'آغاز سے آغاز',
         'gantt.link_type.ff': 'اختتام سے اختتام',
@@ -2775,8 +2773,6 @@ const DS_BASELINE_LOCALES = {
         'gantt.period.quarter': 'سہ ماہی',
         'gantt.outline.indent': 'اندر کریں',
         'gantt.outline.outdent': 'باہر کریں',
-        'gantt.outline.indentBlocked': 'اس کے اوپر کوئی قطار نہیں جس کے نیچے رکھا جا سکے',
-        'gantt.outline.outdentBlocked': 'یہ قطار پہلے ہی بالاترین سطح پر ہے',
         // dynamic-form (fly-dynamic-form / fly-survey-form)
         'form.required_error': 'یہ خانہ لازمی ہے۔',
         'form.yes': 'ہاں',
@@ -4019,7 +4015,7 @@ class FlyRemoteRouter {
      * `/trends/abc`) instead would leave a host-unroutable path in the bar — on
      * reload the shell router falls through to its `**` wildcard, redirects to
      * `/desktop`, and the deep link is silently lost. See
-     * skills/cross-app-deep-linking.md.
+     * skills/platform-deep-linking.md.
      *
      * `flyRemoteUrl` is still stashed in the history state so the popstate
      * listener restores the exact remote URL for back/forward without re-parsing
@@ -4140,11 +4136,163 @@ function requestAppLaunch(opts) {
     return true;
 }
 
+/**
+ * Shared cross-bundle store key + sync event for the inbound launch channel.
+ *
+ * **Public contract**, for the same reason {@link FLY_REMOTE_CONTEXT_STORE_KEY} is: a
+ * consumer pinned to a DS older than 3.15.0 can read this slot directly (same shape,
+ * keyed by appId) rather than re-deriving the peek-the-pending-registry workaround.
+ * Keep these literals stable; they are an integration boundary.
+ */
+const FLY_LAUNCH_CONTEXT_STORE_KEY = '__flyLaunchContext__';
+const FLY_LAUNCH_CONTEXT_EVENT = 'fly:launch-context';
+/** The single cross-bundle store, lazily created on `globalThis`. */
+function store$3() {
+    const g = globalThis;
+    return (g[FLY_LAUNCH_CONTEXT_STORE_KEY] ??= {});
+}
+/** Notify every federated copy of the service that the store changed. */
+function emitSync$3() {
+    const g = globalThis;
+    try {
+        g.dispatchEvent?.(new Event(FLY_LAUNCH_CONTEXT_EVENT));
+    }
+    catch {
+        /* non-DOM realm (SSR / unit env without Event) — `context()`/`params()` read the store directly */
+    }
+}
+function toMap$1(s) {
+    return new Map(Object.entries(s));
+}
+/**
+ * Shell → remote launch channel: the **whole** {@link LaunchContext} of the most
+ * recent launch into each app, `params` included.
+ *
+ * Why this exists
+ * ---------------
+ * {@link connectRemoteLaunch} consumes the two DI-free launch surfaces
+ * (`FLYOS_LAUNCH_EVENT` + the `__FLYOS_PENDING_LAUNCHES__` registry) and applies the
+ * `route` half by navigating. Until DS 3.15.0 it read `ctx.route` and **nothing else**,
+ * so `ctx.params` — the payload dashboard drill-down carries (`skills/dashboard-reports.md`
+ * § "Drill-down": `{ [filterParam]: clickedValue }`) — was silently dropped, and every
+ * drill-down into a federated remote landed on an UNFILTERED register.
+ *
+ * The shell-side answer to "read the launch params" is `inject(LAUNCH_CONTEXT)`, which a
+ * federated remote must not use: Native Federation can split that `InjectionToken`
+ * instance across host and remote bundles, so `inject()` returns `null` (see
+ * `LAUNCH_CONTEXT`'s own doc). This service is the federation-safe counterpart —
+ * `connectRemoteLaunch` publishes here, and any component in the remote (however deep, in
+ * whatever lazy chunk) injects this and reads the same context.
+ *
+ * Why `globalThis`, not just the DI singleton
+ * -------------------------------------------
+ * Identical rationale to {@link FlyRemoteContextService}: the shell builds the design
+ * system from workspace SOURCE while remotes consume the published npm package, and NF's
+ * version negotiation has silently split `providedIn: 'root'` before. State therefore
+ * lives on `globalThis` (see {@link FLY_LAUNCH_CONTEXT_STORE_KEY}); {@link context} /
+ * {@link params} read it directly (split-proof, synchronous) and a per-instance signal
+ * mirrors it for reactive consumers, re-synced from a `globalThis` event whenever another
+ * copy of the service mutates the store.
+ *
+ * Reading it
+ * ----------
+ * ```ts
+ * private readonly launch = inject(FlyLaunchContextService);
+ * private readonly drillDown = this.launch.contextFor('ppm');
+ * private lastVersion = -1;                       // -1 never collides: the shell counts from 1
+ *
+ * constructor() {
+ *   effect(() => {
+ *     const ctx = this.drillDown();
+ *     if (!ctx || ctx.version === this.lastVersion) return;   // version-dedupe is the consumer's job
+ *     this.lastVersion = ctx.version;
+ *     const status = ctx.params?.['status'];
+ *     if (typeof status === 'string') this.applyStatusFilter(status);
+ *   });
+ * }
+ * ```
+ *
+ * Staleness
+ * ---------
+ * An entry is **not** dropped once read — a lazily-mounted consumer must still find the
+ * launch that opened the window, which may have arrived long before its chunk loaded (the
+ * exact ordering hazard the hand-rolled "peek the pending registry before
+ * `connectRemoteLaunch` drains it" workaround existed to dodge). It cannot go stale across
+ * a remount for the same reason `connectRemoteLaunch`'s `lastVersion` reset is safe: the
+ * shell is the single writer and `reloadWindowContent` ALWAYS re-publishes the window's
+ * CURRENT context (`params: null`, bumped version) before dropping the injector, so the
+ * remount's drain overwrites this slot before any consumer mounts. Consumers dedupe on
+ * `version` regardless, exactly as they must for the live-event path.
+ *
+ * Keyed by `appId` (last launch wins) — a single live window per app, matching
+ * `__FLYOS_PENDING_LAUNCHES__`'s own keying.
+ */
+class FlyLaunchContextService {
+    _byApp = signal(toMap$1(store$3()), ...(ngDevMode ? [{ debugName: "_byApp" }] : /* istanbul ignore next */ []));
+    /** Every app's latest inbound launch context, keyed by app id. Reactive. */
+    contexts = this._byApp.asReadonly();
+    /**
+     * `contextFor` memo — one computed per app id, so repeated calls (a component field
+     * initializer re-running per instance) hand back the SAME signal instead of leaking a
+     * new computed each time.
+     */
+    perApp = new Map();
+    constructor() {
+        const g = globalThis;
+        g.addEventListener?.(FLY_LAUNCH_CONTEXT_EVENT, () => this._byApp.set(toMap$1(store$3())));
+    }
+    /**
+     * Record an inbound launch for an app. Called by {@link connectRemoteLaunch} once per
+     * accepted (version-deduped) launch — a remote should not normally call this itself.
+     */
+    publish(appId, ctx) {
+        store$3()[appId] = ctx;
+        this._byApp.set(toMap$1(store$3()));
+        emitSync$3();
+    }
+    /** Latest launch context for an app as a signal — the reactive read path. */
+    contextFor(appId) {
+        let s = this.perApp.get(appId);
+        if (!s) {
+            s = computed(() => this._byApp().get(appId) ?? null);
+            this.perApp.set(appId, s);
+        }
+        return s;
+    }
+    /** Latest launch context for an app, read straight off the store. `null` when none. */
+    context(appId) {
+        return store$3()[appId] ?? null;
+    }
+    /**
+     * The `params` half of an app's latest launch — the drill-down payload. `null` when the
+     * app has no launch context, or when the launch carried no params. The **consumer**
+     * interprets the keys against its own filter contract; the platform never does.
+     */
+    params(appId) {
+        return store$3()[appId]?.params ?? null;
+    }
+    /** Drop an app's launch context. No-op if absent. Mainly for teardown and tests. */
+    clear(appId) {
+        const s = store$3();
+        if (!(appId in s))
+            return;
+        delete s[appId];
+        this._byApp.set(toMap$1(s));
+        emitSync$3();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: FlyLaunchContextService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: FlyLaunchContextService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: FlyLaunchContextService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [] });
+
 /**
  * Federation-safe deep-link RECEIVER for an Angular Native-Federation remote — the
  * remote-side counterpart of the shell's `connectWindowRoute`. Collapses the
  * drain + dedupe + listen + cleanup boilerplate every remote root used to
- * hand-roll (see `skills/cross-app-deep-linking.md` § "Receiver side") into one
+ * hand-roll (see `skills/platform-deep-linking.md` § "Receiver side") into one
  * call, so the correct contract can't be hand-rolled wrong.
  *
  * **Must be called from an injection context** (component constructor or a field
@@ -4167,12 +4315,32 @@ function requestAppLaunch(opts) {
  * `appId`: the {@link FLYOS_LAUNCH_EVENT} window `CustomEvent` and the
  * `globalThis[FlyosPendingLaunchesGlobalKey]` registry. This helper consumes both.
  *
+ * ## The launch PARAMS
+ * `navigate` receives a route string, so it structurally cannot carry `ctx.params` —
+ * the payload dashboard drill-down rides on (`skills/dashboard-reports.md` §
+ * "Drill-down" sends `{ [filterParam]: clickedValue }`). Before DS 3.15.0 this helper
+ * read `ctx.route` and dropped the rest, so every drill-down into a federated remote
+ * opened an UNFILTERED register, and consumers hand-rolled a second, non-destructive
+ * peek at the same pending-launch registry — with a load-bearing construction-ordering
+ * dependency on running before this helper's drain deleted the entry.
+ *
+ * Every accepted launch is now published to {@link FlyLaunchContextService}, keyed by
+ * `appId`, so any component in the remote reads the full context — params included —
+ * with no ordering constraint:
+ *
+ * ```ts
+ * private readonly ctx = inject(FlyLaunchContextService).contextFor('ppm');
+ * ```
+ *
+ * {@link ConnectRemoteLaunchOptions.onLaunch} is the callback form, for a root-local
+ * reaction that needs no injectable.
+ *
  * ## Two inbound paths, one dedupe
  *  1. **First-mount drain.** The launch event fires BEFORE this listener attaches
  *     for the very first launch, so the shell stashes the latest context per
  *     `appId` on the `globalThis` registry. The helper reads it then **deletes**
  *     it — never leaving a stale entry behind (a leftover entry would re-apply on
- *     every re-mount; this is the failure mode `skills/cross-app-deep-linking.md`
+ *     every re-mount; this is the failure mode `skills/platform-deep-linking.md`
  *     § "What NOT to do" warns about).
  *  2. **Live event.** Re-launches into an already-mounted remote arrive on
  *     {@link FLYOS_LAUNCH_EVENT}; the `appId` filter is mandatory.
@@ -4193,15 +4361,24 @@ function requestAppLaunch(opts) {
  */
 function connectRemoteLaunch(opts) {
     const destroyRef = inject(DestroyRef);
-    const { appId, navigate, enabled = true } = opts;
+    const launchContext = inject(FlyLaunchContextService);
+    const { appId, navigate, onLaunch, enabled = true } = opts;
     if (!enabled || typeof window === 'undefined')
         return;
     let lastVersion = 0;
     const apply = (ctx) => {
-        if (!ctx || !ctx.route || ctx.version === lastVersion)
+        if (!ctx || ctx.version === lastVersion)
             return;
         lastVersion = ctx.version;
-        navigate(ctx.route);
+        // Publish BEFORE navigating: the target route's component may read the context in
+        // its own field initializer, and `navigate` can render it synchronously.
+        // Deliberately unconditional on `ctx.route` — a params-only launch still carries a
+        // filter to apply, and claiming the version here is what keeps the drain and the
+        // live event deduped against each other for BOTH halves.
+        launchContext.publish(appId, ctx);
+        onLaunch?.(ctx);
+        if (ctx.route)
+            navigate(ctx.route);
     };
     // 1. First-mount drain — read then DELETE (no stale entry left behind).
     const g = globalThis;
@@ -4211,14 +4388,14 @@ function connectRemoteLaunch(opts) {
         delete g[FlyosPendingLaunchesGlobalKey][appId];
     }
     // 2. Live listener — re-launches into the already-mounted remote.
-    const onLaunch = (e) => {
+    const onLaunchEvent = (e) => {
         const detail = e.detail;
         if (detail?.appId !== appId || !detail.ctx)
             return;
         apply(detail.ctx);
     };
-    window.addEventListener(FLYOS_LAUNCH_EVENT, onLaunch);
-    destroyRef.onDestroy(() => window.removeEventListener(FLYOS_LAUNCH_EVENT, onLaunch));
+    window.addEventListener(FLYOS_LAUNCH_EVENT, onLaunchEvent);
+    destroyRef.onDestroy(() => window.removeEventListener(FLYOS_LAUNCH_EVENT, onLaunchEvent));
 }
 
 /**
@@ -5561,10 +5738,10 @@ class FlyRemoteRouterOutletComponent {
                 provide: FLY_REMOTE_OUTLET_DEPTH,
                 useFactory: () => (inject(FLY_REMOTE_OUTLET_DEPTH, { optional: true, skipSelf: true }) ?? -1) + 1,
             },
-        ], ngImport: i0, template: `
-    @if (rendered(); as cmp) {
-      <ng-container *ngComponentOutlet="cmp" />
-    }
+        ], ngImport: i0, template: `
+    @if (rendered(); as cmp) {
+      <ng-container *ngComponentOutlet="cmp" />
+    }
   `, isInline: true, dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: FlyRemoteRouterOutletComponent, decorators: [{
@@ -5584,10 +5761,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImpo
                             useFactory: () => (inject(FLY_REMOTE_OUTLET_DEPTH, { optional: true, skipSelf: true }) ?? -1) + 1,
                         },
                     ],
-                    template: `
-    @if (rendered(); as cmp) {
-      <ng-container *ngComponentOutlet="cmp" />
-    }
+                    template: `
+    @if (rendered(); as cmp) {
+      <ng-container *ngComponentOutlet="cmp" />
+    }
   `,
                 }]
         }], ctorParameters: () => [] });
@@ -10037,11 +10214,11 @@ class FlyBlockUiComponent {
         return k && k.length > 0 ? k : 'common.loading';
     }, ...(ngDevMode ? [{ debugName: "resolvedMessageKey" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: FlyBlockUiComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.19", type: FlyBlockUiComponent, isStandalone: true, selector: "fly-block-ui", inputs: { active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: true, transformFunction: null }, messageKey: { classPropertyName: "messageKey", publicName: "messageKey", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (active()) {\r\n  <div\r\n    class=\"fly-block-ui\"\r\n    role=\"status\"\r\n    aria-live=\"polite\"\r\n    aria-busy=\"true\"\r\n    [attr.aria-label]=\"resolvedMessageKey() | translate\">\r\n    <div class=\"fly-block-ui__card\">\r\n      <i class=\"pi pi-spin pi-spinner fly-block-ui__spinner\" aria-hidden=\"true\"></i>\r\n      <span class=\"fly-block-ui__text\">{{ resolvedMessageKey() | translate }}</span>\r\n    </div>\r\n  </div>\r\n}\r\n", styles: [":host{display:contents}.fly-block-ui{position:absolute;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--surface-ground, #0c0c12) 58%,transparent);-webkit-backdrop-filter:blur(6px) saturate(120%);backdrop-filter:blur(6px) saturate(120%)}.fly-block-ui__card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 36px;border-radius:12px;background:var(--glass-bg, rgba(255, 255, 255, .14));border:1px solid var(--glass-border, rgba(255, 255, 255, .22));box-shadow:0 8px 32px #0000002e}.fly-block-ui__spinner{font-size:2rem;color:var(--primary-color)}.fly-block-ui__text{font-size:.875rem;color:var(--text-color-secondary)}\n"], dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.19", type: FlyBlockUiComponent, isStandalone: true, selector: "fly-block-ui", inputs: { active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: true, transformFunction: null }, messageKey: { classPropertyName: "messageKey", publicName: "messageKey", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (active()) {\n  <div\n    class=\"fly-block-ui\"\n    role=\"status\"\n    aria-live=\"polite\"\n    aria-busy=\"true\"\n    [attr.aria-label]=\"resolvedMessageKey() | translate\">\n    <div class=\"fly-block-ui__card\">\n      <i class=\"pi pi-spin pi-spinner fly-block-ui__spinner\" aria-hidden=\"true\"></i>\n      <span class=\"fly-block-ui__text\">{{ resolvedMessageKey() | translate }}</span>\n    </div>\n  </div>\n}\n", styles: [":host{display:contents}.fly-block-ui{position:absolute;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--surface-ground, #0c0c12) 58%,transparent);-webkit-backdrop-filter:blur(6px) saturate(120%);backdrop-filter:blur(6px) saturate(120%)}.fly-block-ui__card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 36px;border-radius:12px;background:var(--glass-bg, rgba(255, 255, 255, .14));border:1px solid var(--glass-border, rgba(255, 255, 255, .22));box-shadow:0 8px 32px #0000002e}.fly-block-ui__spinner{font-size:2rem;color:var(--primary-color)}.fly-block-ui__text{font-size:.875rem;color:var(--text-color-secondary)}\n"], dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: FlyBlockUiComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fly-block-ui', standalone: true, imports: [TranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (active()) {\r\n  <div\r\n    class=\"fly-block-ui\"\r\n    role=\"status\"\r\n    aria-live=\"polite\"\r\n    aria-busy=\"true\"\r\n    [attr.aria-label]=\"resolvedMessageKey() | translate\">\r\n    <div class=\"fly-block-ui__card\">\r\n      <i class=\"pi pi-spin pi-spinner fly-block-ui__spinner\" aria-hidden=\"true\"></i>\r\n      <span class=\"fly-block-ui__text\">{{ resolvedMessageKey() | translate }}</span>\r\n    </div>\r\n  </div>\r\n}\r\n", styles: [":host{display:contents}.fly-block-ui{position:absolute;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--surface-ground, #0c0c12) 58%,transparent);-webkit-backdrop-filter:blur(6px) saturate(120%);backdrop-filter:blur(6px) saturate(120%)}.fly-block-ui__card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 36px;border-radius:12px;background:var(--glass-bg, rgba(255, 255, 255, .14));border:1px solid var(--glass-border, rgba(255, 255, 255, .22));box-shadow:0 8px 32px #0000002e}.fly-block-ui__spinner{font-size:2rem;color:var(--primary-color)}.fly-block-ui__text{font-size:.875rem;color:var(--text-color-secondary)}\n"] }]
+            args: [{ selector: 'fly-block-ui', standalone: true, imports: [TranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (active()) {\n  <div\n    class=\"fly-block-ui\"\n    role=\"status\"\n    aria-live=\"polite\"\n    aria-busy=\"true\"\n    [attr.aria-label]=\"resolvedMessageKey() | translate\">\n    <div class=\"fly-block-ui__card\">\n      <i class=\"pi pi-spin pi-spinner fly-block-ui__spinner\" aria-hidden=\"true\"></i>\n      <span class=\"fly-block-ui__text\">{{ resolvedMessageKey() | translate }}</span>\n    </div>\n  </div>\n}\n", styles: [":host{display:contents}.fly-block-ui{position:absolute;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--surface-ground, #0c0c12) 58%,transparent);-webkit-backdrop-filter:blur(6px) saturate(120%);backdrop-filter:blur(6px) saturate(120%)}.fly-block-ui__card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 36px;border-radius:12px;background:var(--glass-bg, rgba(255, 255, 255, .14));border:1px solid var(--glass-border, rgba(255, 255, 255, .22));box-shadow:0 8px 32px #0000002e}.fly-block-ui__spinner{font-size:2rem;color:var(--primary-color)}.fly-block-ui__text{font-size:.875rem;color:var(--text-color-secondary)}\n"] }]
         }], propDecorators: { active: [{ type: i0.Input, args: [{ isSignal: true, alias: "active", required: true }] }], messageKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "messageKey", required: false }] }] } });
 
 const STATE_KEY = {
@@ -11476,7 +11653,7 @@ const PANEL_MAX_HEIGHT = 242;
  * input still wins. It used to default to a hardcoded English literal that every consumer had to
  * remember to override — none did, so a searchable select read "Search…" under ar/fr/ur.
  * Styling composes the Nova token language (`--w*` ramp, `--accent`, `nova-glass.popover`) — see
- * `skills/desktop-design-language.md` §3.2 and `.workflow/plans/ux-refresh/notes/S1.7-form-family.md`.
+ * `skills/shell-design-language.md` §3.2 and `.workflow/plans/ux-refresh/notes/S1.7-form-family.md`.
  *
  * **Positioning (S1.7 — Nova):** the panel is `position: fixed`, measured from the trigger, and
  * **portaled to `<body>`** the same way {@link ContextMenuComponent} escapes a clipping/glass
@@ -13997,69 +14174,6 @@ class GanttRowGeometry {
     }
 }
 
-/**
- * Outline level — the pure half of the Indent / Outdent verbs.
- *
- * The chart owns the flattened tree, so it is the only party that can answer "which row would adopt
- * this one" without every consumer re-deriving it from its own model. Nothing here writes anything:
- * a resolved move is handed back as a {@link GanttRowIndentChange} for the component to emit and the
- * consumer to persist, exactly like every other gesture in this component.
- *
- * Kept apart from {@link resolveGanttReorderDrop} on purpose even though both are outline logic:
- * a DRAG is positional and may change level as a side effect, while these two verbs change level
- * and nothing else. Separating them is what makes a drag predictable — an implicit level change
- * that depends on pixel position is the single most-complained-about behaviour in every desktop
- * planner.
- */
-/** Nearest row ABOVE `index` whose depth is at most `maxDepth`, or `null`. */
-function nearestAbove(rows, index, maxDepth) {
-    for (let i = index - 1; i >= 0; i--) {
-        if (rows[i].depth <= maxDepth)
-            return rows[i];
-    }
-    return null;
-}
-/**
- * Whether `id` can become a child of the row above it.
- *
- * A row can indent only when the nearest row above it sits at its OWN level — that row is the
- * would-be parent. If the nearest row above is shallower, this row is already the first child of
- * its parent and there is nothing to file it under: indenting would need a sibling it does not
- * have. Same rule every outline editor applies, and the reason the action is dimmed rather than
- * hidden — moving one row up makes it available again.
- */
-function canIndentGanttRow(rows, id) {
-    const index = rows.findIndex((r) => r.id === id);
-    if (index < 0)
-        return false;
-    return nearestAbove(rows, index, rows[index].depth)?.depth === rows[index].depth;
-}
-/** Whether `id` can be lifted out of its parent — i.e. whether it has one. */
-function canOutdentGanttRow(rows, id) {
-    const row = rows.find((r) => r.id === id);
-    return !!row && row.depth > 0;
-}
-/** The indent move for `id`, or `null` when it has no eligible sibling above to nest under. */
-function resolveGanttIndent(rows, id) {
-    const index = rows.findIndex((r) => r.id === id);
-    if (index < 0)
-        return null;
-    const parent = nearestAbove(rows, index, rows[index].depth);
-    if (!parent || parent.depth !== rows[index].depth)
-        return null;
-    return { id, delta: 1, parentId: parent.id };
-}
-/** The outdent move for `id` — up to its grandparent's level, or the root — or `null` at depth 0. */
-function resolveGanttOutdent(rows, id) {
-    const index = rows.findIndex((r) => r.id === id);
-    if (index < 0 || rows[index].depth === 0)
-        return null;
-    const depth = rows[index].depth;
-    // Depth 1 lands at the root; anything deeper lands under whatever holds its current parent.
-    const grandparent = depth === 1 ? null : nearestAbove(rows, index, depth - 2);
-    return { id, delta: -1, parentId: grandparent?.id ?? null };
-}
-
 /**
  * The vertical window: which rows to actually mount, given a scroll position. Pure arithmetic —
  * `rowHeight` is uniform, so no measurement or `ResizeObserver` autosize strategy is needed.
@@ -14216,6 +14330,84 @@ class GanttViewport {
     }
 }
 
+/**
+ * Which end of each row a relationship touches.
+ *
+ * The two letters ARE the anchors — `FS` is "from my **F**inish to your **S**tart" — so this is
+ * the exact inverse of `linkTypeFor`, and stating it as a function rather than re-reading the
+ * letters at each call site is what keeps the arrowhead, the re-target handle and the type
+ * derivation from ever disagreeing about which end an arrow lands on.
+ */
+function linkAnchorsFor(type) {
+    return {
+        from: type[0] === 'F' ? 'finish' : 'start',
+        to: type[1] === 'S' ? 'start' : 'finish',
+    };
+}
+/**
+ * The dependency arrows' **presentation** half — the drawing, paired with `gantt-link-gestures.ts`
+ * which owns the dragging.
+ *
+ * Split out of the component for the same reason as `gantt-row-vm.ts`: given the rendered rows and
+ * the current scale it answers "where does each arrow go", and knows nothing about selection,
+ * events or persistence. Keeping it beside `linkAnchorsFor` matters more than the line count — the
+ * arrowhead position and the relationship type are two readings of the same two letters, and they
+ * were previously derived in different places.
+ */
+class GanttLinkVms {
+    deps;
+    constructor(deps) {
+        this.deps = deps;
+    }
+    vms = computed(() => {
+        const all = this.deps.rows();
+        const indexById = this.deps.indexById();
+        const links = resolveLinks(this.deps.dependencies(), new Set(indexById.keys()));
+        const rtl = this.deps.rtl();
+        const win = this.deps.window();
+        const rowHeight = this.deps.rowHeight();
+        const out = [];
+        for (const link of links) {
+            const fromIdx = indexById.get(link.fromId);
+            const toIdx = indexById.get(link.toId);
+            if (fromIdx === undefined || toIdx === undefined)
+                continue;
+            const from = this.deps.geometry.forFlat(all[fromIdx], fromIdx);
+            const to = this.deps.geometry.forFlat(all[toIdx], toIdx);
+            if (from.shape === 'empty' || to.shape === 'empty')
+                continue;
+            if (!linkCrossesWindow(from.midY, to.midY, win))
+                continue;
+            const routed = routeLink(from, to, link.type, rtl, rowHeight);
+            const anchors = linkAnchorsFor(link.type);
+            out.push({
+                key: `${link.fromId}~${link.toId}~${link.type}`,
+                fromId: link.fromId,
+                toId: link.toId,
+                type: link.type,
+                path: routed.path,
+                badgeX: routed.badgeX,
+                badgeY: routed.badgeY,
+                headX: anchorX(to, anchors.to),
+                headY: to.midY,
+                fromAnchor: anchors.from,
+                ariaLabel: this.deps.t('gantt.aria.link', {
+                    type: this.deps.t(`gantt.link_type.${link.type.toLowerCase()}`),
+                    from: from.flat.row.label,
+                    to: to.flat.row.label,
+                }),
+            });
+        }
+        return out;
+    }, ...(ngDevMode ? [{ debugName: "vms" }] : /* istanbul ignore next */ []));
+}
+/** A milestone has no width, so both of its ends are the same point. */
+function anchorX(row, anchor) {
+    if (row.shape === 'milestone')
+        return row.pointX;
+    return anchor === 'finish' ? row.endX : row.startX;
+}
+
 /**
  * Pure `treegrid` keymap resolution for {@link FlyGanttComponent} — the A9 companion that turns a
  * key into an intent (move the selection, toggle a collapse) without touching the DOM or Angular.
@@ -14304,6 +14496,189 @@ function resolveTreegridKey(key, currentIndex, flat, pageSize) {
     }
 }
 
+/**
+ * Everything the keyboard does on the chart, in one place.
+ *
+ * Composed out of the component for the same reason as the three pointer gestures beside it: it
+ * needs the rendered rows, a selection to move and somewhere to report a committed change, and
+ * nothing else about the chart. The genuinely subtle parts — that Delete belongs to a selected
+ * ARROW before it belongs to a selected row, and that a page is the visible window minus its
+ * overscan rather than the window itself — are easier to see stated together than interleaved
+ * with rendering.
+ *
+ * The treegrid half (Home/End/PageUp/PageDown/←/→) resolves to a pure intent in `gantt-a11y.ts`
+ * and is only APPLIED here, so the ARIA behaviour stays testable without a component.
+ */
+class GanttKeyboard {
+    deps;
+    constructor(deps) {
+        this.deps = deps;
+    }
+    onKeydown(ev) {
+        // Checked before the row branches: while an arrow is selected, Delete belongs to it — and
+        // selecting an arrow already cleared the row selection, so the two can never both claim it.
+        if (ev.key === 'Delete' || ev.key === 'Backspace') {
+            const selected = this.deps.links().find((l) => l.key === this.deps.selectedLinkKey());
+            if (selected) {
+                ev.preventDefault();
+                this.deps.deleteLink(ev, selected);
+            }
+            return;
+        }
+        const list = this.deps.rows();
+        if (list.length === 0)
+            return;
+        // -1 when nothing is selected yet, so the first ArrowDown lands on row 0 (not row 1).
+        const curIdx = list.findIndex((r) => r.row.id === this.deps.selectedId());
+        if (isTreegridNavKey(ev.key)) {
+            this.applyTreegrid(ev, list, curIdx);
+            return;
+        }
+        switch (ev.key) {
+            case 'ArrowDown':
+                ev.preventDefault();
+                this.select(list, curIdx < 0 ? 0 : Math.min(list.length - 1, curIdx + 1));
+                return;
+            case 'ArrowUp':
+                ev.preventDefault();
+                this.select(list, curIdx < 0 ? 0 : Math.max(0, curIdx - 1));
+                return;
+            case '+':
+            case '=': // unshifted "+" key
+                ev.preventDefault();
+                this.nudge(1);
+                return;
+            case '-':
+            case '_':
+                ev.preventDefault();
+                this.nudge(-1);
+                return;
+            case 'Enter': {
+                ev.preventDefault();
+                const id = this.deps.selectedId();
+                if (id)
+                    this.deps.emitRowClick(id);
+                return;
+            }
+            default:
+                return;
+        }
+    }
+    applyTreegrid(ev, list, curIdx) {
+        const win = this.deps.window();
+        // A page is what the user can SEE, so the overscan rows rendered off both edges come off it —
+        // otherwise PageDown skips past content that was never on screen.
+        const pageSize = Math.max(1, win.lastIndex - win.firstIndex + 1 - 2 * this.deps.overscanRows());
+        const a11yRows = list.map((f) => ({
+            id: f.row.id,
+            depth: f.depth,
+            hasChildren: f.hasChildren,
+            collapsed: f.collapsed,
+        }));
+        const intent = resolveTreegridKey(ev.key, curIdx, a11yRows, pageSize);
+        if (intent.kind === 'select') {
+            ev.preventDefault();
+            this.select(list, intent.index);
+        }
+        else if (intent.kind === 'toggle') {
+            ev.preventDefault();
+            this.deps.toggleCollapse(intent.id);
+        }
+    }
+    select(list, index) {
+        this.deps.selectedId.set(list[index].row.id);
+        this.deps.scrollIndexIntoView(index);
+    }
+    /** Shift both dates of the selected bar by `deltaDays` and emit (respecting read-only). */
+    nudge(deltaDays) {
+        if (this.deps.readonly())
+            return;
+        const id = this.deps.selectedId();
+        if (!id)
+            return;
+        const vm = this.deps.rowVms().find((v) => v.flat.row.id === id);
+        if (!vm || !vm.editable)
+            return;
+        const dates = this.deps.resolvedDates().get(id);
+        if (!dates?.start || !dates?.end)
+            return;
+        // A milestone is one instant, so both ends travel to the same day rather than keeping a span.
+        if (vm.shape === 'milestone') {
+            const at = addDays(dates.start, deltaDays);
+            this.deps.emitRowDates({ id, start: toIsoDate(at), end: toIsoDate(at) });
+            return;
+        }
+        this.deps.emitRowDates({
+            id,
+            start: toIsoDate(addDays(dates.start, deltaDays)),
+            end: toIsoDate(addDays(dates.end, deltaDays)),
+        });
+    }
+}
+
+/**
+ * Outline level — the pure half of the Indent / Outdent verbs.
+ *
+ * The chart owns the flattened tree, so it is the only party that can answer "which row would adopt
+ * this one" without every consumer re-deriving it from its own model. Nothing here writes anything:
+ * a resolved move is handed back as a {@link GanttRowIndentChange} for the component to emit and the
+ * consumer to persist, exactly like every other gesture in this component.
+ *
+ * Kept apart from {@link resolveGanttReorderDrop} on purpose even though both are outline logic:
+ * a DRAG is positional and may change level as a side effect, while these two verbs change level
+ * and nothing else. Separating them is what makes a drag predictable — an implicit level change
+ * that depends on pixel position is the single most-complained-about behaviour in every desktop
+ * planner.
+ */
+/** Nearest row ABOVE `index` whose depth is at most `maxDepth`, or `null`. */
+function nearestAbove(rows, index, maxDepth) {
+    for (let i = index - 1; i >= 0; i--) {
+        if (rows[i].depth <= maxDepth)
+            return rows[i];
+    }
+    return null;
+}
+/**
+ * Whether `id` can become a child of the row above it.
+ *
+ * A row can indent only when the nearest row above it sits at its OWN level — that row is the
+ * would-be parent. If the nearest row above is shallower, this row is already the first child of
+ * its parent and there is nothing to file it under: indenting would need a sibling it does not
+ * have. Same rule every outline editor applies, and the reason the action is dimmed rather than
+ * hidden — moving one row up makes it available again.
+ */
+function canIndentGanttRow(rows, id) {
+    const index = rows.findIndex((r) => r.id === id);
+    if (index < 0)
+        return false;
+    return nearestAbove(rows, index, rows[index].depth)?.depth === rows[index].depth;
+}
+/** Whether `id` can be lifted out of its parent — i.e. whether it has one. */
+function canOutdentGanttRow(rows, id) {
+    const row = rows.find((r) => r.id === id);
+    return !!row && row.depth > 0;
+}
+/** The indent move for `id`, or `null` when it has no eligible sibling above to nest under. */
+function resolveGanttIndent(rows, id) {
+    const index = rows.findIndex((r) => r.id === id);
+    if (index < 0)
+        return null;
+    const parent = nearestAbove(rows, index, rows[index].depth);
+    if (!parent || parent.depth !== rows[index].depth)
+        return null;
+    return { id, delta: 1, parentId: parent.id };
+}
+/** The outdent move for `id` — up to its grandparent's level, or the root — or `null` at depth 0. */
+function resolveGanttOutdent(rows, id) {
+    const index = rows.findIndex((r) => r.id === id);
+    if (index < 0 || rows[index].depth === 0)
+        return null;
+    const depth = rows[index].depth;
+    // Depth 1 lands at the root; anything deeper lands under whatever holds its current parent.
+    const grandparent = depth === 1 ? null : nearestAbove(rows, index, depth - 2);
+    return { id, delta: -1, parentId: grandparent?.id ?? null };
+}
+
 /** Label-pane width bounds (px) the splitter clamps to. */
 const GANTT_LABEL_W_MIN = 140;
 const GANTT_LABEL_W_MAX = 720;
@@ -14466,6 +14841,13 @@ class GanttLinkGestures {
     deps;
     /** The in-flight drag, or `null`. */
     gesture = signal(null, ...(ngDevMode ? [{ debugName: "gesture" }] : /* istanbul ignore next */ []));
+    /**
+     * The edge an in-flight drag is REPLACING, or `null` for an ordinary draw.
+     *
+     * A plain field, not a signal: nothing renders from it — the rubber band looks the same either
+     * way — and it is written and read within one gesture's lifetime.
+     */
+    replacing = null;
     /** The clicked link's key, or `null`. Drives the delete affordance and the Delete key. */
     selectedKey = signal(null, ...(ngDevMode ? [{ debugName: "selectedKey" }] : /* istanbul ignore next */ []));
     /** Rubber-band path for the in-flight gesture (render space), or `null` when idle. */
@@ -14492,6 +14874,27 @@ class GanttLinkGestures {
      * Listeners go on `document`, not the connector: the connector is an 8px dot and any real drag
      * leaves it immediately.
      */
+    /**
+     * Re-point an existing arrow: drag its HEAD onto a different row.
+     *
+     * The same gesture as {@link start} and from the same origin — the source row's own anchor,
+     * which is why `GanttLinkVm.fromAnchor` exists — so the drop still derives the relationship from
+     * which end it lands nearest. Re-pointing therefore also RE-DERIVES the type: dragging an `FS`
+     * arrow onto the finish of another bar makes it `FF`, exactly as drawing it fresh would. That is
+     * the same rule, not a second one, which is why this is a thin wrapper rather than its own
+     * gesture.
+     *
+     * Only the destination end moves. A source-end handle would need the mirrored rule and a second
+     * grab target on an already busy arrow; delete-and-redraw covers that case.
+     */
+    startRetarget(ev, row, anchor, replacing) {
+        this.replacing = replacing;
+        this.start(ev, row, anchor);
+        // `start` refuses a read-only chart and a non-primary button. Leaving `replacing` set after a
+        // refusal would make the NEXT ordinary draw silently replace this edge instead of adding one.
+        if (!this.gesture())
+            this.replacing = null;
+    }
     start(ev, row, anchor) {
         if (this.deps.readonly() || row.flat.row.readonly || ev.button !== 0)
             return;
@@ -14517,18 +14920,30 @@ class GanttLinkGestures {
             document.removeEventListener('pointermove', onMove);
             document.removeEventListener('pointerup', onUp);
             const g = this.gesture();
+            const replacing = this.replacing;
             this.gesture.set(null);
+            this.replacing = null;
             if (!g)
                 return;
             const target = this.dropTargetAt(e.clientX, e.clientY);
             // A row cannot depend on itself; a drop on empty space is simply abandoned.
-            if (target && target.id !== g.fromId) {
-                this.deps.createLink({
-                    fromId: g.fromId,
-                    toId: target.id,
-                    type: linkTypeFor(g.anchor, target.anchor),
-                });
+            if (!target || target.id === g.fromId)
+                return;
+            const next = {
+                fromId: g.fromId,
+                toId: target.id,
+                type: linkTypeFor(g.anchor, target.anchor),
+            };
+            if (!replacing) {
+                this.deps.createLink(next);
+                return;
             }
+            // Dropped back where it started. Reporting a replace here would have the consumer delete and
+            // re-create the same edge for nothing — and on an API that is not transactional, that is a
+            // window in which the arrow does not exist.
+            if (replacing.toId === next.toId && replacing.type === next.type)
+                return;
+            this.deps.retargetLink(replacing, next);
         };
         document.addEventListener('pointermove', onMove);
         document.addEventListener('pointerup', onUp);
@@ -14986,7 +15401,9 @@ function resolveGanttReorderDrop(rows, movedIndex, gapIndex) {
         parentId = null;
         afterId = null;
     }
-    else if (above.hasChildren && !above.collapsed) {
+    else if (above.hasChildren ? !above.collapsed : above.canAdoptChildren) {
+        // Nest as the first child — either an expanded container gaining another child, or a
+        // currently-childless row the consumer marked as a valid parent gaining its first one.
         parentId = above.id;
         afterId = null;
     }
@@ -15165,6 +15582,7 @@ const HEADER_H = HEADER_UPPER_H + HEADER_LOWER_H;
 /** Edge-handle hit width (px) for a bar resize. The connector that used to fight it for the same
  *  pixels now sits outside the bar entirely — see `CONNECTOR_GAP` in `gantt-row-vm.ts`. */
 const HANDLE_W = 8;
+/** One dependency arrow, routed and ready for the template. */
 /**
  * **`fly-gantt`** — the design-system SVG Gantt chart.
  *
@@ -15475,46 +15893,6 @@ class FlyGanttComponent {
     }, ...(ngDevMode ? [{ debugName: "rowVms" }] : /* istanbul ignore next */ []));
     /** Only the rows carrying a tint, so the band pass does not emit an empty rect per row. */
     tintedRows = computed(() => this.rowVms().filter((vm) => vm.tint !== null), ...(ngDevMode ? [{ debugName: "tintedRows" }] : /* istanbul ignore next */ []));
-    /** Dependency arrows whose y-span intersects the row window — O(E), not O(N). Endpoints are
-     *  resolved via {@link _vmForFlat} directly (not off `rowVms()`) since an edge can cross the
-     *  window with one endpoint outside it — the memo §4.3 rule-2 fix for the pre-A9 "both
-     *  endpoints rendered" predicate, which would erase exactly those crossing arrows. */
-    linkVms = computed(() => {
-        const all = this.visibleRows();
-        const indexById = this._indexById();
-        const links = resolveLinks(this.dependencies(), new Set(indexById.keys()));
-        const rtl = this.rtl();
-        const win = this.rowWindow();
-        const out = [];
-        for (const link of links) {
-            const fromIdx = indexById.get(link.fromId);
-            const toIdx = indexById.get(link.toId);
-            if (fromIdx === undefined || toIdx === undefined)
-                continue;
-            const from = this.geo.forFlat(all[fromIdx], fromIdx);
-            const to = this.geo.forFlat(all[toIdx], toIdx);
-            if (from.shape === 'empty' || to.shape === 'empty')
-                continue;
-            if (!linkCrossesWindow(from.midY, to.midY, win))
-                continue;
-            const routed = routeLink(from, to, link.type, rtl, this.effectiveRowHeight());
-            out.push({
-                key: `${link.fromId}~${link.toId}~${link.type}`,
-                fromId: link.fromId,
-                toId: link.toId,
-                type: link.type,
-                path: routed.path,
-                badgeX: routed.badgeX,
-                badgeY: routed.badgeY,
-                ariaLabel: this.i18n.t('gantt.aria.link', {
-                    type: this.i18n.t(`gantt.link_type.${link.type.toLowerCase()}`),
-                    from: from.flat.row.label,
-                    to: to.flat.row.label,
-                }),
-            });
-        }
-        return out;
-    }, ...(ngDevMode ? [{ debugName: "linkVms" }] : /* istanbul ignore next */ []));
     /**
      * Render-space geometry, in {@link GanttRowGeometry} — the row view-model plus every shape
      * derived from it. Composed for the same reason as the gestures below it: given a row and the
@@ -15536,6 +15914,28 @@ class FlyGanttComponent {
     });
     /** Bar height for the current row height — bound directly by the template. */
     barHeight = this.geo.barHeight;
+    /**
+     * Dependency arrows, in {@link GanttLinkVms} — the drawing half of the link surface, paired with
+     * the dragging half in `gantt-link-gestures.ts`. Declared after {@link geo} because it is handed
+     * that instance: both halves of a link resolve through the SAME row geometry the rows draw from,
+     * so an arrow can never land somewhere its own endpoint is not.
+     *
+     * Only arrows whose y-span intersects the row window are built — O(E), not O(N) — and the
+     * predicate is CROSSES, not "both endpoints rendered": an edge with one end scrolled out of the
+     * window still has to be drawn through it (memo §4.3 rule 2).
+     */
+    _linkVms = new GanttLinkVms({
+        rows: this.visibleRows,
+        indexById: this._indexById,
+        dependencies: this.dependencies,
+        rtl: this.rtl,
+        rowHeight: this.effectiveRowHeight,
+        window: this.rowWindow,
+        geometry: this.geo,
+        t: (key, params) => this.i18n.t(key, params),
+    });
+    /** The arrows the template draws. */
+    linkVms = this._linkVms.vms;
     // ── Label-pane divider ─────────────────────────────────────────────────────────
     /**
      * The divider's own state machine, in {@link GanttLabelPane}. It is composed rather than
@@ -15651,6 +16051,38 @@ class FlyGanttComponent {
         ev.stopPropagation();
         this._links.toggleSelection(vm.key);
     }
+    /**
+     * Claim the press on a dependency arrow before the canvas can read it as the start of a pan.
+     *
+     * An arrow is a CONTROL sitting on the pan surface, and it selects on `click` — but the pan
+     * gesture swallows the trailing click of any press that travelled more than
+     * `PAN_THRESHOLD_PX`, so on a 1.5px line a perfectly ordinary click (a few pixels of hand
+     * movement between press and release) selected nothing and nudged the chart sideways instead.
+     * The bar drag and the connector drag were never affected because both already stop the press
+     * here; the arrow was the one interactive thing on the canvas that did not.
+     */
+    onLinkPathPointerDown(ev) {
+        if (ev.button !== 0)
+            return;
+        ev.stopPropagation();
+    }
+    /**
+     * Grab the head of the selected arrow and re-point it. Resolves the arrow's SOURCE row, because
+     * that is where the gesture has to originate for the drop to derive a relationship type.
+     */
+    onLinkHeadPointerDown(ev, vm) {
+        ev.stopPropagation();
+        if (this.readonly())
+            return;
+        const from = this.rowVms().find((r) => r.flat.row.id === vm.fromId);
+        if (!from)
+            return;
+        this._links.startRetarget(ev, from, vm.fromAnchor, {
+            fromId: vm.fromId,
+            toId: vm.toId,
+            type: vm.type,
+        });
+    }
     deleteLink(ev, vm) {
         ev.stopPropagation();
         ev.preventDefault();
@@ -15659,98 +16091,6 @@ class FlyGanttComponent {
         this._links.clearSelection();
         this.dependencyDelete.emit({ fromId: vm.fromId, toId: vm.toId, type: vm.type });
     }
-    // ── Keyboard ───────────────────────────────────────────────────────────────────
-    onGridKeydown(ev) {
-        // Link removal is checked before the row branches: while an arrow is selected the grid's
-        // Delete belongs to it, and selecting an arrow already cleared the row selection.
-        if (ev.key === 'Delete' || ev.key === 'Backspace') {
-            const selected = this.linkVms().find((l) => l.key === this.selectedLinkKey());
-            if (selected) {
-                ev.preventDefault();
-                this.deleteLink(ev, selected);
-            }
-            return;
-        }
-        const list = this.visibleRows();
-        if (list.length === 0)
-            return;
-        // -1 when nothing is selected yet, so the first ArrowDown lands on row 0 (not row 1).
-        const curIdx = list.findIndex((r) => r.row.id === this.selectedId());
-        // Treegrid nav (Home/End/PageUp/PageDown/←/→), resolved as pure intent — see gantt-a11y.ts.
-        if (isTreegridNavKey(ev.key)) {
-            const win = this.rowWindow();
-            const pageSize = Math.max(1, win.lastIndex - win.firstIndex + 1 - 2 * this.overscanRows());
-            const a11yRows = list.map((f) => ({
-                id: f.row.id, depth: f.depth, hasChildren: f.hasChildren, collapsed: f.collapsed,
-            }));
-            const intent = resolveTreegridKey(ev.key, curIdx, a11yRows, pageSize);
-            if (intent.kind === 'select') {
-                ev.preventDefault();
-                this.selectedId.set(list[intent.index].row.id);
-                this._viewport.scrollIndexIntoView(intent.index);
-            }
-            else if (intent.kind === 'toggle') {
-                ev.preventDefault();
-                this.toggleCollapse(intent.id);
-            }
-            return;
-        }
-        switch (ev.key) {
-            case 'ArrowDown': {
-                ev.preventDefault();
-                const i = curIdx < 0 ? 0 : Math.min(list.length - 1, curIdx + 1);
-                this.selectedId.set(list[i].row.id);
-                this._viewport.scrollIndexIntoView(i);
-                return;
-            }
-            case 'ArrowUp': {
-                ev.preventDefault();
-                const i = curIdx < 0 ? 0 : Math.max(0, curIdx - 1);
-                this.selectedId.set(list[i].row.id);
-                this._viewport.scrollIndexIntoView(i);
-                return;
-            }
-            case '+':
-            case '=': // unshifted "+" key
-                ev.preventDefault();
-                this._nudgeSelected(1);
-                return;
-            case '-':
-            case '_':
-                ev.preventDefault();
-                this._nudgeSelected(-1);
-                return;
-            case 'Enter':
-                ev.preventDefault();
-                if (this.selectedId())
-                    this.rowClick.emit(this.selectedId());
-                return;
-            default:
-                return;
-        }
-    }
-    /** Shift both dates of the selected bar by `deltaDays` and emit (respecting read-only). */
-    _nudgeSelected(deltaDays) {
-        const id = this.selectedId();
-        if (!id)
-            return;
-        const vm = this.rowVms().find((v) => v.flat.row.id === id);
-        if (!vm || !vm.editable)
-            return;
-        const dates = this._resolvedDates().get(id);
-        if (!dates?.start || !dates?.end)
-            return;
-        if (vm.shape === 'milestone') {
-            const at = addDays(dates.start, deltaDays);
-            this.rowDatesChange.emit({ id, start: toIsoDate(at), end: toIsoDate(at) });
-            return;
-        }
-        this.rowDatesChange.emit({
-            id,
-            start: toIsoDate(addDays(dates.start, deltaDays)),
-            end: toIsoDate(addDays(dates.end, deltaDays)),
-        });
-    }
     // ── Pointer drag: move / resize ──────────────────────────────────────────────────
     /**
      * Moving and resizing a bar, in {@link GanttBarDrag} — the last of the three pointer gestures
@@ -15781,6 +16121,15 @@ class FlyGanttComponent {
         bodySvg: () => this.bodyRef()?.nativeElement ?? null,
         windowTopPx: () => this.svgTop(),
         createLink: (dependency) => this.dependencyCreate.emit(dependency),
+        // A re-point is expressed to the consumer as CREATE-then-DELETE, in that order and never the
+        // reverse: these are two independent writes, and if the second one fails the user is left
+        // holding a duplicated edge (visible, and fixable by deleting one) rather than none at all
+        // (invisible, and only noticed when the plan is wrong). No new output either — a consumer
+        // that already handles both arrows-changed events handles this without knowing it exists.
+        retargetLink: (previous, next) => {
+            this.dependencyCreate.emit(next);
+            this.dependencyDelete.emit(previous);
+        },
         destroyRef: this.destroyRef,
     });
     /** Key (`from~to~type`) of the dependency arrow the user has selected, if any. */
@@ -15789,6 +16138,31 @@ class FlyGanttComponent {
     linkGesture = this._links.gesture;
     /** Rubber-band path for an in-flight link gesture (render space). */
     linkGesturePath = this._links.path;
+    // ── Keyboard ─────────────────────────────────────────────────────────────────
+    /**
+     * The chart's keyboard map, in {@link GanttKeyboard} — composed for the same reason as the three
+     * pointer gestures below it. Declared after the link surface because it is handed both halves:
+     * Delete belongs to a selected ARROW before it belongs to a selected row.
+     */
+    _keyboard = new GanttKeyboard({
+        readonly: this.readonly,
+        rows: this.visibleRows,
+        rowVms: this.rowVms,
+        links: this.linkVms,
+        selectedLinkKey: this.selectedLinkKey,
+        selectedId: this.selectedId,
+        resolvedDates: this._resolvedDates,
+        window: this.rowWindow,
+        overscanRows: this.overscanRows,
+        scrollIndexIntoView: (index) => this._viewport.scrollIndexIntoView(index),
+        toggleCollapse: (id) => this.toggleCollapse(id),
+        deleteLink: (ev, link) => this.deleteLink(ev, link),
+        emitRowDates: (change) => this.rowDatesChange.emit(change),
+        emitRowClick: (id) => this.rowClick.emit(id),
+    });
+    onGridKeydown(ev) {
+        this._keyboard.onKeydown(ev);
+    }
     onLinkPointerDown(ev, vm, anchor) {
         this._links.start(ev, vm, anchor);
     }
@@ -15834,6 +16208,7 @@ class FlyGanttComponent {
                 parentId: f.depth === 0 ? null : (ancestry[f.depth - 1] ?? null),
                 hasChildren: f.hasChildren,
                 collapsed: f.collapsed,
+                canAdoptChildren: f.row.canAdoptChildren === true,
             });
             ancestry[f.depth] = f.row.id;
         }
@@ -15902,7 +16277,7 @@ class FlyGanttComponent {
         return ganttRowAriaLabel((k, p) => this.i18n.t(k, p), row, start && toIsoDate(start), end && toIsoDate(end), shape);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: FlyGanttComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.19", type: FlyGanttComponent, isStandalone: true, selector: "fly-gantt", inputs: { rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, dependencies: { classPropertyName: "dependencies", publicName: "dependencies", isSignal: true, isRequired: false, transformFunction: null }, zoom: { classPropertyName: "zoom", publicName: "zoom", isSignal: true, isRequired: false, transformFunction: null }, showToday: { classPropertyName: "showToday", publicName: "showToday", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, labelWidth: { classPropertyName: "labelWidth", publicName: "labelWidth", isSignal: true, isRequired: false, transformFunction: null }, resizableLabels: { classPropertyName: "resizableLabels", publicName: "resizableLabels", isSignal: true, isRequired: false, transformFunction: null }, rowHeight: { classPropertyName: "rowHeight", publicName: "rowHeight", isSignal: true, isRequired: false, transformFunction: null }, maxRows: { classPropertyName: "maxRows", publicName: "maxRows", isSignal: true, isRequired: false, transformFunction: null }, collapsedIds: { classPropertyName: "collapsedIds", publicName: "collapsedIds", isSignal: true, isRequired: false, transformFunction: null }, overscanRows: { classPropertyName: "overscanRows", publicName: "overscanRows", isSignal: true, isRequired: false, transformFunction: null }, maxCanvasPx: { classPropertyName: "maxCanvasPx", publicName: "maxCanvasPx", isSignal: true, isRequired: false, transformFunction: null }, virtualized: { classPropertyName: "virtualized", publicName: "virtualized", isSignal: true, isRequired: false, transformFunction: null }, showBaselines: { classPropertyName: "showBaselines", publicName: "showBaselines", isSignal: true, isRequired: false, transformFunction: null }, searchable: { classPropertyName: "searchable", publicName: "searchable", isSignal: true, isRequired: false, transformFunction: null }, reorderable: { classPropertyName: "reorderable", publicName: "reorderable", isSignal: true, isRequired: false, transformFunction: null }, searchQuery: { classPropertyName: "searchQuery", publicName: "searchQuery", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { searchQuery: "searchQueryChange", rowDatesChange: "rowDatesChange", dependencyCreate: "dependencyCreate", dependencyDelete: "dependencyDelete", rowClick: "rowClick", rowDblClick: "rowDblClick", labelWidthChange: "labelWidthChange", collapsedIdsChange: "collapsedIdsChange", rowExpand: "rowExpand", effectiveZoomChange: "effectiveZoomChange", rowReorder: "rowReorder", rowIndentChange: "rowIndentChange" }, host: { properties: { "class.fly-gantt--rtl": "rtl()", "class.fly-gantt--readonly": "readonly()", "class.fly-gantt--resizing": "resizingLabels()", "class.fly-gantt--panning": "panning()", "class.fly-gantt--reordering": "reorderDraggingId() !== null", "attr.dir": "i18n.direction()" }, classAttribute: "fly-gantt" }, viewQueries: [{ propertyName: "bodyRef", first: true, predicate: ["bodySvg"], descendants: true, isSignal: true }, { propertyName: "scrollElRef", first: true, predicate: ["scrollEl"], descendants: true, isSignal: true }, { propertyName: "canvasElRef", first: true, predicate: ["canvasEl"], descendants: true, isSignal: true }, { propertyName: "labelsElRef", first: true, predicate: ["labelsEl"], descendants: true, isSignal: true }], ngImport: i0, template: "<!-- Cross-scrolling canvas: a CSS grid whose header row and label column are sticky, so the\r\n     time grid scrolls under a pinned header + label tree. All SVG geometry is pre-mirrored for\r\n     RTL in the component (see gantt-scale mapX), so this template never branches on direction. -->\r\n<div\r\n  #scrollEl\r\n  class=\"fly-gantt__scroll\"\r\n  role=\"treegrid\"\r\n  tabindex=\"0\"\r\n  [attr.aria-label]=\"'gantt.aria.grid' | translate\"\r\n  [attr.aria-rowcount]=\"totalRowCount()\"\r\n  (keydown)=\"onGridKeydown($event)\"\r\n>\r\n  <div\r\n    #canvasEl\r\n    class=\"fly-gantt__canvas\"\r\n    [style.grid-template-columns]=\"effectiveLabelWidth() + 'px ' + innerWidth() + 'px'\"\r\n    [style.grid-template-rows]=\"HEADER_H + 'px ' + bodyHeight() + 'px'\"\r\n  >\r\n    <!-- \u2500\u2500 Corner (pinned both axes) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n    <div class=\"fly-gantt__corner\" [style.height.px]=\"HEADER_H\">\r\n      @if (searchEnabled()) {\r\n        <!-- The label-tree filter. It lives in the CORNER because that is the one cell pinned on\r\n             both axes: a field anywhere else scrolls away from the list it filters, and the corner\r\n             is otherwise dead space sized exactly to the label pane. -->\r\n        <fly-search-input\r\n          class=\"fly-gantt__search\"\r\n          size=\"sm\"\r\n          [value]=\"searchQuery()\"\r\n          [placeholderKey]=\"'gantt.search.placeholder'\"\r\n          [ariaLabel]=\"'gantt.aria.search' | translate\"\r\n          (queryChange)=\"onSearchQueryChange($event)\"\r\n        />\r\n      }\r\n      @if (resizableLabels()) {\r\n        <!-- The divider lives in the corner because the corner is the one cell pinned on BOTH\r\n             axes: the grip stays reachable however far the user has scrolled. The full-height\r\n             strip down the label pane below is the same gesture, presentational only. -->\r\n        <div\r\n          class=\"fly-gantt__splitter\"\r\n          role=\"separator\"\r\n          tabindex=\"0\"\r\n          aria-orientation=\"vertical\"\r\n          [attr.aria-label]=\"'gantt.aria.label_resize' | translate\"\r\n          [attr.aria-valuenow]=\"effectiveLabelWidth()\"\r\n          [attr.aria-valuemin]=\"MIN_LABEL_W\"\r\n          [attr.aria-valuemax]=\"MAX_LABEL_W\"\r\n          (pointerdown)=\"onLabelResizePointerDown($event)\"\r\n          (keydown)=\"onLabelResizeKeydown($event)\"\r\n          (dblclick)=\"resetLabelWidth()\"\r\n        ></div>\r\n      }\r\n    </div>\r\n\r\n    <!-- \u2500\u2500 Time header (pinned top) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n    <svg\r\n      class=\"fly-gantt__time-header\"\r\n      [attr.width]=\"innerWidth()\"\r\n      [attr.height]=\"HEADER_H\"\r\n      [attr.viewBox]=\"'0 0 ' + innerWidth() + ' ' + HEADER_H\"\r\n      aria-hidden=\"true\"\r\n    >\r\n      @for (b of weekendBands(); track b.key) {\r\n        <rect class=\"fly-gantt__weekend\" [attr.x]=\"b.x\" [attr.y]=\"HEADER_UPPER_H\" [attr.width]=\"b.width\" [attr.height]=\"HEADER_LOWER_H\" />\r\n      }\r\n      @for (t of upperTicks(); track t.key) {\r\n        <line class=\"fly-gantt__tick-line\" [attr.x1]=\"t.x\" [attr.y1]=\"0\" [attr.x2]=\"t.x\" [attr.y2]=\"HEADER_H\" />\r\n        <text class=\"fly-gantt__tick-label fly-gantt__tick-label--upper\" [attr.x]=\"t.x + t.width / 2\" [attr.y]=\"HEADER_UPPER_H / 2 + 4\">{{ t.label }}</text>\r\n      }\r\n      @for (t of lowerTicks(); track t.key) {\r\n        <line class=\"fly-gantt__tick-line\" [attr.x1]=\"t.x\" [attr.y1]=\"HEADER_UPPER_H\" [attr.x2]=\"t.x\" [attr.y2]=\"HEADER_H\" />\r\n        <text class=\"fly-gantt__tick-label\" [attr.x]=\"t.x + t.width / 2\" [attr.y]=\"HEADER_UPPER_H + HEADER_LOWER_H / 2 + 4\">{{ t.label }}</text>\r\n      }\r\n      @if (todayX() !== null) {\r\n        <line class=\"fly-gantt__today\" [attr.x1]=\"todayX()\" [attr.y1]=\"HEADER_UPPER_H\" [attr.x2]=\"todayX()\" [attr.y2]=\"HEADER_H\">\r\n          <title>{{ 'gantt.today' | translate }}</title>\r\n        </line>\r\n      }\r\n    </svg>\r\n\r\n    <!-- \u2500\u2500 Label tree (pinned inline-start) \u2014 the ACCESSIBLE projection: the body SVG below is\r\n         aria-hidden, so every row/level/expanded/selected fact a screen reader needs lives here. -->\r\n    <!-- `padding-block-start` = the body `<svg>`'s own `top`, and it is what keeps the two panes\r\n         on the same rows. The label tree renders only the WINDOWED slice, in normal flow, so\r\n         without this the first rendered row sits at the top of a full-height cell while its bar\r\n         sits `svgTop` further down \u2014 measured at 3,842px apart on a 5,000-row chart scrolled to\r\n         4,000px, i.e. the label pane and the chart describing completely different rows. Padding\r\n         rather than a `top`/transform because the pane is `position: sticky` (a `top` would move\r\n         the STICKY inset) and because an absolutely-positioned child \u2014 the drop indicator \u2014 is\r\n         laid out against the padding box's border edge, so it keeps its absolute row-space\r\n         coordinates for free. -->\r\n    <div\r\n      #labelsEl\r\n      class=\"fly-gantt__labels\"\r\n      role=\"rowgroup\"\r\n      [style.padding-block-start.px]=\"svgTop()\"\r\n    >\r\n      @for (vm of rowVms(); track vm.flat.row.id) {\r\n        <div\r\n          class=\"fly-gantt__label-row\"\r\n          role=\"row\"\r\n          [attr.tabindex]=\"selectedId() === vm.flat.row.id ? 0 : -1\"\r\n          [attr.data-row-id]=\"vm.flat.row.id\"\r\n          [class.fly-gantt__label-row--selected]=\"selectedId() === vm.flat.row.id\"\r\n          [class.fly-gantt__label-row--tinted]=\"vm.tint !== null\"\r\n          [class.fly-gantt__label-row--dragging]=\"reorderDraggingId() === vm.flat.row.id\"\r\n          [style.height.px]=\"effectiveRowHeight()\"\r\n          [style.--fly-gantt-row-tint]=\"vm.tint\"\r\n          [attr.aria-selected]=\"selectedId() === vm.flat.row.id\"\r\n          [attr.aria-rowindex]=\"vm.index + 1\"\r\n          [attr.aria-level]=\"vm.flat.depth + 1\"\r\n          [attr.aria-expanded]=\"vm.flat.hasChildren ? !vm.flat.collapsed : null\"\r\n          [attr.aria-label]=\"vm.ariaLabel\"\r\n          (pointerdown)=\"onLabelRowPointerDown($event, vm.flat.row.id)\"\r\n          (click)=\"onRowClick(vm.flat.row.id)\"\r\n          (dblclick)=\"onRowDblClick(vm.flat.row.id)\"\r\n          (keydown.enter)=\"onLabelRowKeydown($event, vm.flat.row.id)\"\r\n        >\r\n          <span class=\"fly-gantt__label-inner\" role=\"gridcell\" [style.padding-inline-start.px]=\"geo.indentFor(vm.flat.depth)\">\r\n            @if (reorderEnabled()) {\r\n              <!-- Visual affordance only: the drag is armed on the WHOLE row (above) behind a 4px\r\n                   threshold, so a plain click still selects. aria-hidden because the row is already\r\n                   the accessible handle and a second interactive child inside `role=\"row\"` would be\r\n                   structurally invalid \u2014 the same reason the splitter's full-height twin is. -->\r\n              <span class=\"fly-gantt__grip\" aria-hidden=\"true\"></span>\r\n            }\r\n            @if (vm.flat.hasChildren) {\r\n              <button\r\n                type=\"button\"\r\n                class=\"fly-gantt__chevron\"\r\n                [class.fly-gantt__chevron--collapsed]=\"isCollapsed(vm.flat.row.id)\"\r\n                [attr.aria-label]=\"(isCollapsed(vm.flat.row.id) ? 'gantt.expand' : 'gantt.collapse') | translate\"\r\n                [attr.aria-expanded]=\"!isCollapsed(vm.flat.row.id)\"\r\n                (click)=\"toggleCollapse(vm.flat.row.id, $event)\"\r\n              >\u25B8</button>\r\n            } @else {\r\n              <span class=\"fly-gantt__chevron-spacer\"></span>\r\n            }\r\n            @if (vm.color) {\r\n              <!-- Colour chip: the row's own colour at full strength, so a milestone stays\r\n                   identifiable in the label pane where the band tint is deliberately faint. -->\r\n              <span class=\"fly-gantt__label-swatch\" [style.background]=\"vm.color\" aria-hidden=\"true\"></span>\r\n            }\r\n            <!-- `flyTooltip`, never the native `[title]`: the browser tip is un-themable, has no\r\n                 keyboard story, and is clipped by nothing but also styled by nothing. The directive\r\n                 body-parents its surface, so it escapes the label pane's own overflow clip. -->\r\n            <span\r\n              class=\"fly-gantt__label-text\"\r\n              [class.fly-gantt__label-text--group]=\"vm.shape === 'group'\"\r\n              [flyTooltip]=\"vm.flat.row.label\"\r\n            >{{ vm.flat.row.label }}</span>\r\n          </span>\r\n          <!-- Visually-hidden second gridcell: the timeline summary a sighted user reads off the\r\n               bar/diamond geometry. The row's own aria-label already announces it; this cell keeps\r\n               the treegrid's row\u2192cell structure valid for a cell-navigating AT. -->\r\n          <span class=\"fly-gantt__label-cell-hidden\" role=\"gridcell\">{{ vm.ariaLabel }}</span>\r\n        </div>\r\n      }\r\n      <!-- `!== null`, not `@if (\u2026; as y)`: a drop at the very TOP of the list is y = 0, which the\r\n           `as` form treats as falsy and silently refuses to draw. -->\r\n      @if (reorderIndicatorTop() !== null) {\r\n        <!-- Where the dragged row would land. Drawn here rather than by moving the row itself: the\r\n             rows are windowed, so a live re-order of the rendered list would fight the virtualizer\r\n             for every frame of the drag. -->\r\n        <div class=\"fly-gantt__drop-line\" aria-hidden=\"true\" [style.top.px]=\"reorderIndicatorTop()\"></div>\r\n      }\r\n      @if (resizableLabels()) {\r\n        <!-- aria-hidden so this presentational twin of the corner separator is not a second\r\n             (and structurally invalid) child of the rowgroup in the accessibility tree. -->\r\n        <div\r\n          class=\"fly-gantt__splitter fly-gantt__splitter--rail\"\r\n          aria-hidden=\"true\"\r\n          (pointerdown)=\"onLabelResizePointerDown($event)\"\r\n          (dblclick)=\"resetLabelWidth()\"\r\n        ></div>\r\n      }\r\n    </div>\r\n\r\n    <!-- \u2500\u2500 Time grid body \u2014 a spacer cell (full height, keeps the native scrollbar honest) with\r\n         the actual `<svg>` absolutely positioned + `aria-hidden` (the label pane above is the\r\n         accessible projection). The `viewBox` y-offset panning IS the vertical virtualization \u2014\r\n         see `gantt-window.ts`'s docstring; nothing below this point knows windowing exists. -->\r\n    <div class=\"fly-gantt__body-cell\" [style.height.px]=\"bodyHeight()\">\r\n    <svg\r\n      #bodySvg\r\n      class=\"fly-gantt__body\"\r\n      aria-hidden=\"true\"\r\n      (pointerdown)=\"onPanPointerDown($event)\"\r\n      [style.top.px]=\"svgTop()\"\r\n      [attr.width]=\"innerWidth()\"\r\n      [attr.height]=\"svgHeight()\"\r\n      [attr.viewBox]=\"'0 ' + svgTop() + ' ' + innerWidth() + ' ' + svgHeight()\"\r\n    >\r\n      <defs>\r\n        <marker\r\n          [attr.id]=\"markerId\"\r\n          markerWidth=\"8\"\r\n          markerHeight=\"8\"\r\n          refX=\"6\"\r\n          refY=\"4\"\r\n          orient=\"auto\"\r\n          markerUnits=\"userSpaceOnUse\"\r\n        >\r\n          <path class=\"fly-gantt__arrowhead\" d=\"M0,0 L7,4 L0,8 Z\" />\r\n        </marker>\r\n      </defs>\r\n\r\n      <!-- Row colour bands sit at the very bottom of the stack, so the weekend shading and the\r\n           gridlines below still read through them. -->\r\n      @for (vm of tintedRows(); track vm.flat.row.id) {\r\n        <rect\r\n          class=\"fly-gantt__row-band\"\r\n          [attr.x]=\"0\"\r\n          [attr.y]=\"vm.y\"\r\n          [attr.width]=\"innerWidth()\"\r\n          [attr.height]=\"effectiveRowHeight()\"\r\n          [style.fill]=\"vm.tint\"\r\n        />\r\n      }\r\n\r\n      <!-- Weekend shading + vertical gridlines (behind the bars) \u2014 span the WINDOW's y-extent,\r\n           like the today line above; `weekendBands`/`lowerTicks` are already x-windowed too. -->\r\n      @for (b of weekendBands(); track b.key) {\r\n        <rect class=\"fly-gantt__weekend\" [attr.x]=\"b.x\" [attr.y]=\"svgTop()\" [attr.width]=\"b.width\" [attr.height]=\"svgHeight()\" />\r\n      }\r\n      @for (t of lowerTicks(); track t.key) {\r\n        <line class=\"fly-gantt__grid-line\" [attr.x1]=\"t.x\" [attr.y1]=\"svgTop()\" [attr.x2]=\"t.x\" [attr.y2]=\"svgTop() + svgHeight()\" />\r\n      }\r\n\r\n      <!-- Rows: a full-width hit rect (click + link drop target) then the shape. -->\r\n      @for (vm of rowVms(); track vm.flat.row.id) {\r\n        <g class=\"fly-gantt__row\" [attr.data-row-id]=\"vm.flat.row.id\">\r\n          <!-- The row's full-width lane. It carries NO click handler: pressing the empty part of a\r\n               row is not \"clicking an item\", it is grabbing the canvas, so the press falls through\r\n               to the body's pan gesture. The rect still exists because it is the link-drag DROP\r\n               target \u2014 `dropTargetAt` hit-tests `[data-row-id]` on the group above, and a lane with\r\n               no painted fill would not be found by `elementFromPoint` at all. -->\r\n          <rect\r\n            class=\"fly-gantt__row-hit\"\r\n            [class.fly-gantt__row-hit--selected]=\"selectedId() === vm.flat.row.id\"\r\n            [attr.x]=\"0\"\r\n            [attr.y]=\"vm.y\"\r\n            [attr.width]=\"innerWidth()\"\r\n            [attr.height]=\"effectiveRowHeight()\"\r\n          />\r\n\r\n          @switch (vm.shape) {\r\n            @case ('group') {\r\n              <!-- A summary row is not editable (no drag, no resize, no connectors) but it IS\r\n                   selectable \u2014 `skills/design-system-gantt.md` \u00A71. Now that the lane behind it\r\n                   pans instead of selecting, the bracket itself has to carry the press. -->\r\n              <path\r\n                class=\"fly-gantt__group\"\r\n                [attr.d]=\"geo.groupPath(vm)\"\r\n                [style.fill]=\"vm.color\"\r\n                [style.stroke]=\"vm.color\"\r\n                (pointerdown)=\"onShapePointerDown($event, vm.flat.row.id)\"\r\n                (dblclick)=\"onRowDblClick(vm.flat.row.id)\"\r\n              />\r\n            }\r\n            @case ('milestone') {\r\n              <polygon\r\n                class=\"fly-gantt__milestone\"\r\n                [class.fly-gantt__milestone--editable]=\"vm.editable\"\r\n                [attr.points]=\"geo.diamondPoints(vm)\"\r\n                [style.fill]=\"vm.color\"\r\n                (pointerdown)=\"onBarPointerDown($event, vm, 'move')\"\r\n                (dblclick)=\"onRowDblClick(vm.flat.row.id)\"\r\n              />\r\n              @if (vm.baseline) {\r\n                <!-- Baseline (plan-of-record) date: a small HOLLOW diamond so it reads as a\r\n                     comparison against the solid current one, never a duplicate marker. -->\r\n                <polygon class=\"fly-gantt__baseline-milestone\" [attr.points]=\"geo.baselineDiamondPoints(vm)\" />\r\n              }\r\n              @if (!readonly() && !vm.flat.row.readonly) {\r\n                <!-- A diamond has no width, so one connector serves it; it reads as the finish\r\n                     end, which is what makes a milestone\u2192task drag the FS everyone expects. -->\r\n                <circle\r\n                  class=\"fly-gantt__connector\"\r\n                  [attr.cx]=\"geo.milestoneConnectorX(vm)\"\r\n                  [attr.cy]=\"vm.midY\"\r\n                  [attr.r]=\"CONNECTOR_R\"\r\n                  [attr.aria-label]=\"'gantt.aria.link_handle' | translate: { label: vm.flat.row.label }\"\r\n                  (pointerdown)=\"onLinkPointerDown($event, vm, 'finish')\"\r\n                />\r\n              }\r\n            }\r\n            @case ('bar') {\r\n              <g class=\"fly-gantt__bar-group\">\r\n                <rect\r\n                  class=\"fly-gantt__bar\"\r\n                  [class.fly-gantt__bar--editable]=\"vm.editable\"\r\n                  [attr.x]=\"vm.x\"\r\n                  [attr.y]=\"geo.barTop(vm)\"\r\n                  [attr.width]=\"vm.width\"\r\n                  [attr.height]=\"barHeight()\"\r\n                  rx=\"4\"\r\n                  [style.fill]=\"vm.color\"\r\n                  (pointerdown)=\"onBarPointerDown($event, vm, 'move')\"\r\n                  (dblclick)=\"onRowDblClick(vm.flat.row.id)\"\r\n                />\r\n                @if (vm.progressWidth > 0) {\r\n                  <rect\r\n                    class=\"fly-gantt__progress\"\r\n                    [attr.x]=\"vm.x\"\r\n                    [attr.y]=\"geo.barTop(vm)\"\r\n                    [attr.width]=\"vm.progressWidth\"\r\n                    [attr.height]=\"barHeight()\"\r\n                    rx=\"4\"\r\n                  />\r\n                }\r\n                @if (vm.baseline) {\r\n                  <!-- Baseline (plan-of-record) underbar \u2014 a thin muted strip beneath the current\r\n                       bar, the generic \"baseline vs current\" comparison. -->\r\n                  <rect\r\n                    class=\"fly-gantt__baseline-bar\"\r\n                    [attr.x]=\"vm.baseline.x\"\r\n                    [attr.y]=\"geo.baselineBarTop(vm)\"\r\n                    [attr.width]=\"vm.baseline.width\"\r\n                    [attr.height]=\"BASELINE_BAR_H\"\r\n                  />\r\n                }\r\n                @if (vm.editable) {\r\n                  <!-- Resize handles at both edges. -->\r\n                  <rect\r\n                    class=\"fly-gantt__handle\"\r\n                    [attr.x]=\"vm.x\"\r\n                    [attr.y]=\"geo.barTop(vm)\"\r\n                    [attr.width]=\"HANDLE_W\"\r\n                    [attr.height]=\"barHeight()\"\r\n                    [attr.aria-label]=\"'gantt.aria.resize_start' | translate\"\r\n                    (pointerdown)=\"onBarPointerDown($event, vm, 'resize-start')\"\r\n                  />\r\n                  <rect\r\n                    class=\"fly-gantt__handle\"\r\n                    [attr.x]=\"vm.x + vm.width - HANDLE_W\"\r\n                    [attr.y]=\"geo.barTop(vm)\"\r\n                    [attr.width]=\"HANDLE_W\"\r\n                    [attr.height]=\"barHeight()\"\r\n                    [attr.aria-label]=\"'gantt.aria.resize_end' | translate\"\r\n                    (pointerdown)=\"onBarPointerDown($event, vm, 'resize-end')\"\r\n                  />\r\n                }\r\n                @if (!readonly() && !vm.flat.row.readonly) {\r\n                  <!-- One connector per END. Dragging from the start edge yields an SS/SF link\r\n                       and from the finish edge an FS/FF one \u2014 the drop edge picks which. -->\r\n                  <circle\r\n                    class=\"fly-gantt__connector\"\r\n                    [attr.cx]=\"geo.connectorX(vm, 'start')\"\r\n                    [attr.cy]=\"vm.midY\"\r\n                    [attr.r]=\"CONNECTOR_R\"\r\n                    [attr.aria-label]=\"'gantt.aria.link_handle_start' | translate: { label: vm.flat.row.label }\"\r\n                    (pointerdown)=\"onLinkPointerDown($event, vm, 'start')\"\r\n                  />\r\n                  <circle\r\n                    class=\"fly-gantt__connector\"\r\n                    [attr.cx]=\"geo.connectorX(vm, 'finish')\"\r\n                    [attr.cy]=\"vm.midY\"\r\n                    [attr.r]=\"CONNECTOR_R\"\r\n                    [attr.aria-label]=\"'gantt.aria.link_handle' | translate: { label: vm.flat.row.label }\"\r\n                    (pointerdown)=\"onLinkPointerDown($event, vm, 'finish')\"\r\n                  />\r\n                }\r\n              </g>\r\n            }\r\n          }\r\n        </g>\r\n      }\r\n\r\n      <!-- Dependency arrows (skipped for missing / collapsed endpoints). Each carries a fat\r\n           transparent twin so a 1.5px line is still clickable at pointer precision. -->\r\n      @for (link of linkVms(); track link.key) {\r\n        <g class=\"fly-gantt__link-group\" [class.fly-gantt__link-group--selected]=\"selectedLinkKey() === link.key\">\r\n          <path\r\n            class=\"fly-gantt__link-hit\"\r\n            [attr.d]=\"link.path\"\r\n            [attr.aria-label]=\"link.ariaLabel\"\r\n            (click)=\"onLinkClick($event, link)\"\r\n          />\r\n          <path class=\"fly-gantt__link\" [attr.d]=\"link.path\" [attr.marker-end]=\"'url(#' + markerId + ')'\" />\r\n          @if (selectedLinkKey() === link.key && !readonly()) {\r\n            <g\r\n              class=\"fly-gantt__link-delete\"\r\n              [attr.transform]=\"'translate(' + link.badgeX + ',' + link.badgeY + ')'\"\r\n              [attr.aria-label]=\"'gantt.aria.delete_link' | translate\"\r\n              (click)=\"deleteLink($event, link)\"\r\n            >\r\n              <circle class=\"fly-gantt__link-delete-bg\" r=\"8\" />\r\n              <path class=\"fly-gantt__link-delete-x\" d=\"M-3.5,-3.5 L3.5,3.5 M3.5,-3.5 L-3.5,3.5\" />\r\n            </g>\r\n          }\r\n        </g>\r\n      }\r\n\r\n      <!-- In-flight link rubber band. -->\r\n      @if (linkGesturePath(); as gp) {\r\n        <path class=\"fly-gantt__link fly-gantt__link--ghost\" [attr.d]=\"gp\" [attr.marker-end]=\"'url(#' + markerId + ')'\" />\r\n      }\r\n\r\n      <!-- Today line (over the bars) \u2014 spans the WINDOW's y-extent, not the full spacer, since\r\n           the svg's own viewBox only covers `[svgTop, svgTop + svgHeight]` (memo \u00A74.3 point 3). -->\r\n      @if (todayX() !== null) {\r\n        <line class=\"fly-gantt__today\" [attr.x1]=\"todayX()\" [attr.y1]=\"svgTop()\" [attr.x2]=\"todayX()\" [attr.y2]=\"svgTop() + svgHeight()\" />\r\n      }\r\n    </svg>\r\n    </div>\r\n  </div>\r\n\r\n  @if (visibleRows().length === 0) {\r\n    <p class=\"fly-gantt__empty\">\r\n      {{ (activeQuery() ? 'gantt.no_matches' : 'gantt.no_data') | translate: { query: activeQuery() } }}\r\n    </p>\r\n  }\r\n  @if (overflowCount() > 0) {\r\n    <p class=\"fly-gantt__overflow\">\r\n      {{ 'gantt.overflow' | translate: { shown: maxRows(), total: maxRows() + overflowCount() } }}\r\n    </p>\r\n  }\r\n</div>\r\n\r\n<!-- Drag candidate tooltip (HTML overlay, follows the cursor). -->\r\n@if (dragTooltip(); as tip) {\r\n  <div class=\"fly-gantt__tooltip\" [style.left.px]=\"tip.x\" [style.top.px]=\"tip.y\">{{ tip.text }}</div>\r\n}\r\n", styles: [":host,:host *,:host *:before,:host *:after{box-sizing:border-box}:host{--_surface: var(--bg-2, var(--surface-card, #fff));--_surface-alt: var(--bg-3, var(--glass-bg-elevated, #f8fafc));--_surface-hover: var(--bg-hover, var(--surface-hover, #f1f5f9));--_border: var(--w08, var(--surface-border, #e2e8f0));--_border-strong: var(--w1, var(--surface-border, #cbd5e1));--_grid-line: var(--line-3, var(--surface-border, #eef2f7));--_text: var(--ink, var(--text-color, #0f172a));--_text-subtle: var(--ink-3, var(--text-color-secondary, #64748b));--_text-faint: var(--ink-4, var(--text-color-secondary, #94a3b8));--_accent: var(--accent);--_bar: var(--_accent);--_baseline: var(--fly-gantt-baseline, var(--ink-4, var(--text-color-secondary, #94a3b8)));--_bar-progress: color-mix(in srgb, var(--_accent) 72%, #000);--_weekend: color-mix(in srgb, var(--_text-subtle) 9%, transparent);--_today: var(--danger, #ef4444);--_link: var(--_text-subtle);--_radius: var(--r-lg, 8px);--_transition: var(--t-state, .12s ease);display:block;inline-size:100%;block-size:100%;min-block-size:200px;color:var(--_text);font-size:13px}:host(.fly-gantt--resizing){cursor:col-resize;-webkit-user-select:none;user-select:none}:host(.fly-gantt--panning){cursor:grabbing;-webkit-user-select:none;user-select:none}:host(.fly-gantt--reordering){cursor:grabbing;-webkit-user-select:none;user-select:none}.fly-gantt__scroll{position:relative;inline-size:100%;block-size:100%;overflow:auto;border:1px solid var(--_border);border-radius:var(--_radius);background:var(--_surface);box-shadow:var(--shadow-card, none);outline:none}.fly-gantt__scroll:focus-visible{outline:2px solid;outline-color:var(--_accent);outline-offset:-2px}.fly-gantt__canvas{display:grid;position:relative}.fly-gantt__corner{position:sticky;inset-block-start:0;inset-inline-start:0;z-index:4;background:var(--_surface-alt);-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%);border-inline-end:1px solid var(--_border);border-block-end:1px solid var(--_border-strong)}.fly-gantt__search{display:block;min-inline-size:0;padding:8px;padding-inline-end:12px}.fly-gantt__time-header{position:sticky;inset-block-start:0;z-index:3;display:block;background:var(--_surface-alt);-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%);border-block-end:1px solid var(--_border-strong)}.fly-gantt__tick-line{stroke:var(--_grid-line);stroke-width:1}.fly-gantt__tick-label{fill:var(--_text-subtle);font-size:11px;text-anchor:middle;dominant-baseline:middle}.fly-gantt__tick-label--upper{fill:var(--_text);font-weight:600}.fly-gantt__splitter{position:absolute;inset-block:0;inset-inline-end:-3px;inline-size:7px;z-index:5;cursor:col-resize;touch-action:none}.fly-gantt__splitter:after{content:\"\";position:absolute;inset-block:0;inset-inline-start:3px;inline-size:1px;background:transparent;transition:background var(--_transition)}.fly-gantt__splitter:hover:after,.fly-gantt__splitter:focus-visible:after{background:var(--_accent)}.fly-gantt__splitter:focus-visible{outline:2px solid;outline-color:var(--_accent);outline-offset:-1px}:host(.fly-gantt--resizing) .fly-gantt__splitter:after{background:var(--_accent)}.fly-gantt__labels{position:sticky;inset-inline-start:0;z-index:2;background:var(--_surface);border-inline-end:1px solid var(--_border)}.fly-gantt__label-row{position:relative;display:flex;align-items:center;border-block-end:1px solid var(--_grid-line);cursor:pointer;transition:background var(--_transition)}.fly-gantt__label-row:hover{background:var(--_surface-hover)}.fly-gantt__label-row--selected{background:var(--_surface-hover);box-shadow:inset 3px 0 0 0 var(--_accent)}.fly-gantt__label-row--tinted:before{content:\"\";position:absolute;inset:0;background:var(--fly-gantt-row-tint);pointer-events:none}.fly-gantt__label-inner{position:relative;display:flex;align-items:center;gap:4px;inline-size:100%;min-inline-size:0;padding-inline-end:8px}.fly-gantt__grip{flex:0 0 auto;inline-size:8px;block-size:14px;margin-inline-start:-4px;cursor:grab;opacity:0;background-image:radial-gradient(circle at 1.5px 1.5px,var(--_text-faint) 1.2px,transparent 1.3px);background-size:4px 4px;transition:opacity var(--_transition)}.fly-gantt__label-row:hover .fly-gantt__grip,.fly-gantt__label-row--selected .fly-gantt__grip{opacity:1}.fly-gantt__label-row--dragging{opacity:.45}.fly-gantt__drop-line{position:absolute;inset-inline:0;z-index:3;block-size:2px;margin-block-start:-1px;background:var(--_accent);pointer-events:none}.fly-gantt__label-swatch{flex:0 0 auto;inline-size:8px;block-size:8px;border-radius:2px}.fly-gantt__chevron{flex:0 0 auto;inline-size:18px;block-size:18px;padding:0;border:none;background:transparent;color:var(--_text-subtle);cursor:pointer;line-height:1;transform:rotate(90deg);transition:transform var(--_transition)}.fly-gantt__chevron--collapsed{transform:rotate(0)}:host(.fly-gantt--rtl) .fly-gantt__chevron--collapsed{transform:rotate(180deg)}.fly-gantt__chevron:focus-visible{outline:2px solid;outline-color:var(--_accent);outline-offset:1px;border-radius:4px}.fly-gantt__chevron-spacer{flex:0 0 auto;inline-size:18px}.fly-gantt__label-text{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fly-gantt__label-text--group{font-weight:600}.fly-gantt__label-cell-hidden{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.fly-gantt__body-cell{position:relative}.fly-gantt__body{position:absolute;inset-inline-start:0;display:block;touch-action:pan-x pan-y;cursor:grab}.fly-gantt__row-band{pointer-events:none}.fly-gantt__weekend{fill:var(--_weekend)}.fly-gantt__grid-line{stroke:var(--_grid-line);stroke-width:1}.fly-gantt__row-hit{fill:transparent}.fly-gantt__row-hit--selected{fill:var(--_surface-hover)}.fly-gantt__bar{fill:var(--_bar);stroke:none}.fly-gantt__bar--editable{cursor:grab}.fly-gantt__progress{fill:var(--_bar-progress);pointer-events:none}.fly-gantt__handle{fill:transparent;cursor:ew-resize}.fly-gantt__connector{fill:var(--_surface);stroke:var(--_accent);stroke-width:1.5;cursor:crosshair;opacity:0;pointer-events:none;transition:opacity var(--_transition)}.fly-gantt__row:hover .fly-gantt__connector{opacity:1;pointer-events:auto}.fly-gantt__milestone{fill:var(--_accent);stroke:var(--_surface);stroke-width:1}.fly-gantt__milestone--editable{cursor:grab}.fly-gantt__group{fill:var(--_text-subtle);stroke:var(--_text-subtle)}.fly-gantt__baseline-bar{fill:var(--_baseline);opacity:.55;pointer-events:none}.fly-gantt__baseline-milestone{fill:none;stroke:var(--_baseline);stroke-width:1.5;pointer-events:none}.fly-gantt__link{fill:none;stroke:var(--_link);stroke-width:1.5;pointer-events:none}.fly-gantt__link-hit{fill:none;stroke:transparent;stroke-width:11;pointer-events:stroke;cursor:pointer}.fly-gantt__link-group:hover .fly-gantt__link{stroke:var(--_text)}.fly-gantt__link-group--selected .fly-gantt__link{stroke:var(--_accent);stroke-width:2.5}.fly-gantt__link-delete-bg{fill:var(--_accent)}.fly-gantt__link-delete{cursor:pointer}.fly-gantt__link-delete-x{stroke:var(--_surface);stroke-width:1.75;stroke-linecap:round;fill:none;pointer-events:none}.fly-gantt__link--ghost{stroke-dasharray:4 3;opacity:.8}.fly-gantt__arrowhead{fill:var(--_link)}.fly-gantt__today{stroke:var(--_today);stroke-width:1.5;stroke-dasharray:3 3;pointer-events:none}.fly-gantt__empty,.fly-gantt__overflow{margin:0;padding:12px;color:var(--_text-faint);font-size:12px;text-align:center}.fly-gantt__tooltip{position:fixed;z-index:20;transform:translate(12px,16px);padding:4px 8px;border-radius:6px;background:var(--_text);color:var(--_surface);font-size:12px;white-space:nowrap;pointer-events:none;direction:ltr;unicode-bidi:isolate}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: FlyTooltipDirective, selector: "[flyTooltip], [data-tooltip]", inputs: ["flyTooltip", "flyTooltipPlacement", "flyTooltipDisabled", "flyTooltipDelay"] }, { kind: "component", type: FlySearchInputComponent, selector: "fly-search-input", inputs: ["value", "placeholder", "placeholderKey", "ariaLabel", "ariaLabelKey", "debounceMs", "disabled", "collapsible", "expandTrigger", "stayExpandedWithValue", "size", "showFilterToggle", "filterPanelOpen", "open"], outputs: ["valueChange", "queryChange", "searched", "submitted", "cleared", "expandedChange", "filterToggled"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.19", type: FlyGanttComponent, isStandalone: true, selector: "fly-gantt", inputs: { rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, dependencies: { classPropertyName: "dependencies", publicName: "dependencies", isSignal: true, isRequired: false, transformFunction: null }, zoom: { classPropertyName: "zoom", publicName: "zoom", isSignal: true, isRequired: false, transformFunction: null }, showToday: { classPropertyName: "showToday", publicName: "showToday", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, labelWidth: { classPropertyName: "labelWidth", publicName: "labelWidth", isSignal: true, isRequired: false, transformFunction: null }, resizableLabels: { classPropertyName: "resizableLabels", publicName: "resizableLabels", isSignal: true, isRequired: false, transformFunction: null }, rowHeight: { classPropertyName: "rowHeight", publicName: "rowHeight", isSignal: true, isRequired: false, transformFunction: null }, maxRows: { classPropertyName: "maxRows", publicName: "maxRows", isSignal: true, isRequired: false, transformFunction: null }, collapsedIds: { classPropertyName: "collapsedIds", publicName: "collapsedIds", isSignal: true, isRequired: false, transformFunction: null }, overscanRows: { classPropertyName: "overscanRows", publicName: "overscanRows", isSignal: true, isRequired: false, transformFunction: null }, maxCanvasPx: { classPropertyName: "maxCanvasPx", publicName: "maxCanvasPx", isSignal: true, isRequired: false, transformFunction: null }, virtualized: { classPropertyName: "virtualized", publicName: "virtualized", isSignal: true, isRequired: false, transformFunction: null }, showBaselines: { classPropertyName: "showBaselines", publicName: "showBaselines", isSignal: true, isRequired: false, transformFunction: null }, searchable: { classPropertyName: "searchable", publicName: "searchable", isSignal: true, isRequired: false, transformFunction: null }, reorderable: { classPropertyName: "reorderable", publicName: "reorderable", isSignal: true, isRequired: false, transformFunction: null }, searchQuery: { classPropertyName: "searchQuery", publicName: "searchQuery", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { searchQuery: "searchQueryChange", rowDatesChange: "rowDatesChange", dependencyCreate: "dependencyCreate", dependencyDelete: "dependencyDelete", rowClick: "rowClick", rowDblClick: "rowDblClick", labelWidthChange: "labelWidthChange", collapsedIdsChange: "collapsedIdsChange", rowExpand: "rowExpand", effectiveZoomChange: "effectiveZoomChange", rowReorder: "rowReorder", rowIndentChange: "rowIndentChange" }, host: { properties: { "class.fly-gantt--rtl": "rtl()", "class.fly-gantt--readonly": "readonly()", "class.fly-gantt--resizing": "resizingLabels()", "class.fly-gantt--panning": "panning()", "class.fly-gantt--reordering": "reorderDraggingId() !== null", "attr.dir": "i18n.direction()" }, classAttribute: "fly-gantt" }, viewQueries: [{ propertyName: "bodyRef", first: true, predicate: ["bodySvg"], descendants: true, isSignal: true }, { propertyName: "scrollElRef", first: true, predicate: ["scrollEl"], descendants: true, isSignal: true }, { propertyName: "canvasElRef", first: true, predicate: ["canvasEl"], descendants: true, isSignal: true }, { propertyName: "labelsElRef", first: true, predicate: ["labelsEl"], descendants: true, isSignal: true }], ngImport: i0, template: "<!-- Cross-scrolling canvas: a CSS grid whose header row and label column are sticky, so the\r\n     time grid scrolls under a pinned header + label tree. All SVG geometry is pre-mirrored for\r\n     RTL in the component (see gantt-scale mapX), so this template never branches on direction. -->\r\n<div\r\n  #scrollEl\r\n  class=\"fly-gantt__scroll\"\r\n  role=\"treegrid\"\r\n  tabindex=\"0\"\r\n  [attr.aria-label]=\"'gantt.aria.grid' | translate\"\r\n  [attr.aria-rowcount]=\"totalRowCount()\"\r\n  (keydown)=\"onGridKeydown($event)\"\r\n>\r\n  <div\r\n    #canvasEl\r\n    class=\"fly-gantt__canvas\"\r\n    [style.grid-template-columns]=\"effectiveLabelWidth() + 'px ' + innerWidth() + 'px'\"\r\n    [style.grid-template-rows]=\"HEADER_H + 'px ' + bodyHeight() + 'px'\"\r\n  >\r\n    <!-- \u2500\u2500 Corner (pinned both axes) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n    <div class=\"fly-gantt__corner\" [style.height.px]=\"HEADER_H\">\r\n      @if (searchEnabled()) {\r\n        <!-- The label-tree filter. It lives in the CORNER because that is the one cell pinned on\r\n             both axes: a field anywhere else scrolls away from the list it filters, and the corner\r\n             is otherwise dead space sized exactly to the label pane. -->\r\n        <fly-search-input\r\n          class=\"fly-gantt__search\"\r\n          size=\"sm\"\r\n          [value]=\"searchQuery()\"\r\n          [placeholderKey]=\"'gantt.search.placeholder'\"\r\n          [ariaLabel]=\"'gantt.aria.search' | translate\"\r\n          (queryChange)=\"onSearchQueryChange($event)\"\r\n        />\r\n      }\r\n      @if (resizableLabels()) {\r\n        <!-- The divider lives in the corner because the corner is the one cell pinned on BOTH\r\n             axes: the grip stays reachable however far the user has scrolled. The full-height\r\n             strip down the label pane below is the same gesture, presentational only. -->\r\n        <div\r\n          class=\"fly-gantt__splitter\"\r\n          role=\"separator\"\r\n          tabindex=\"0\"\r\n          aria-orientation=\"vertical\"\r\n          [attr.aria-label]=\"'gantt.aria.label_resize' | translate\"\r\n          [attr.aria-valuenow]=\"effectiveLabelWidth()\"\r\n          [attr.aria-valuemin]=\"MIN_LABEL_W\"\r\n          [attr.aria-valuemax]=\"MAX_LABEL_W\"\r\n          (pointerdown)=\"onLabelResizePointerDown($event)\"\r\n          (keydown)=\"onLabelResizeKeydown($event)\"\r\n          (dblclick)=\"resetLabelWidth()\"\r\n        ></div>\r\n      }\r\n    </div>\r\n\r\n    <!-- \u2500\u2500 Time header (pinned top) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n    <svg\r\n      class=\"fly-gantt__time-header\"\r\n      [attr.width]=\"innerWidth()\"\r\n      [attr.height]=\"HEADER_H\"\r\n      [attr.viewBox]=\"'0 0 ' + innerWidth() + ' ' + HEADER_H\"\r\n      aria-hidden=\"true\"\r\n    >\r\n      @for (b of weekendBands(); track b.key) {\r\n        <rect class=\"fly-gantt__weekend\" [attr.x]=\"b.x\" [attr.y]=\"HEADER_UPPER_H\" [attr.width]=\"b.width\" [attr.height]=\"HEADER_LOWER_H\" />\r\n      }\r\n      @for (t of upperTicks(); track t.key) {\r\n        <line class=\"fly-gantt__tick-line\" [attr.x1]=\"t.x\" [attr.y1]=\"0\" [attr.x2]=\"t.x\" [attr.y2]=\"HEADER_H\" />\r\n        <text class=\"fly-gantt__tick-label fly-gantt__tick-label--upper\" [attr.x]=\"t.x + t.width / 2\" [attr.y]=\"HEADER_UPPER_H / 2 + 4\">{{ t.label }}</text>\r\n      }\r\n      @for (t of lowerTicks(); track t.key) {\r\n        <line class=\"fly-gantt__tick-line\" [attr.x1]=\"t.x\" [attr.y1]=\"HEADER_UPPER_H\" [attr.x2]=\"t.x\" [attr.y2]=\"HEADER_H\" />\r\n        <text class=\"fly-gantt__tick-label\" [attr.x]=\"t.x + t.width / 2\" [attr.y]=\"HEADER_UPPER_H + HEADER_LOWER_H / 2 + 4\">{{ t.label }}</text>\r\n      }\r\n      @if (todayX() !== null) {\r\n        <line class=\"fly-gantt__today\" [attr.x1]=\"todayX()\" [attr.y1]=\"HEADER_UPPER_H\" [attr.x2]=\"todayX()\" [attr.y2]=\"HEADER_H\">\r\n          <title>{{ 'gantt.today' | translate }}</title>\r\n        </line>\r\n      }\r\n    </svg>\r\n\r\n    <!-- \u2500\u2500 Label tree (pinned inline-start) \u2014 the ACCESSIBLE projection: the body SVG below is\r\n         aria-hidden, so every row/level/expanded/selected fact a screen reader needs lives here. -->\r\n    <!-- `padding-block-start` = the body `<svg>`'s own `top`, and it is what keeps the two panes\r\n         on the same rows. The label tree renders only the WINDOWED slice, in normal flow, so\r\n         without this the first rendered row sits at the top of a full-height cell while its bar\r\n         sits `svgTop` further down \u2014 measured at 3,842px apart on a 5,000-row chart scrolled to\r\n         4,000px, i.e. the label pane and the chart describing completely different rows. Padding\r\n         rather than a `top`/transform because the pane is `position: sticky` (a `top` would move\r\n         the STICKY inset) and because an absolutely-positioned child \u2014 the drop indicator \u2014 is\r\n         laid out against the padding box's border edge, so it keeps its absolute row-space\r\n         coordinates for free. -->\r\n    <div\r\n      #labelsEl\r\n      class=\"fly-gantt__labels\"\r\n      role=\"rowgroup\"\r\n      [style.padding-block-start.px]=\"svgTop()\"\r\n    >\r\n      @for (vm of rowVms(); track vm.flat.row.id) {\r\n        <div\r\n          class=\"fly-gantt__label-row\"\r\n          role=\"row\"\r\n          [attr.tabindex]=\"selectedId() === vm.flat.row.id ? 0 : -1\"\r\n          [attr.data-row-id]=\"vm.flat.row.id\"\r\n          [class.fly-gantt__label-row--selected]=\"selectedId() === vm.flat.row.id\"\r\n          [class.fly-gantt__label-row--tinted]=\"vm.tint !== null\"\r\n          [class.fly-gantt__label-row--dragging]=\"reorderDraggingId() === vm.flat.row.id\"\r\n          [style.height.px]=\"effectiveRowHeight()\"\r\n          [style.--fly-gantt-row-tint]=\"vm.tint\"\r\n          [attr.aria-selected]=\"selectedId() === vm.flat.row.id\"\r\n          [attr.aria-rowindex]=\"vm.index + 1\"\r\n          [attr.aria-level]=\"vm.flat.depth + 1\"\r\n          [attr.aria-expanded]=\"vm.flat.hasChildren ? !vm.flat.collapsed : null\"\r\n          [attr.aria-label]=\"vm.ariaLabel\"\r\n          (pointerdown)=\"onLabelRowPointerDown($event, vm.flat.row.id)\"\r\n          (click)=\"onRowClick(vm.flat.row.id)\"\r\n          (dblclick)=\"onRowDblClick(vm.flat.row.id)\"\r\n          (keydown.enter)=\"onLabelRowKeydown($event, vm.flat.row.id)\"\r\n        >\r\n          <span class=\"fly-gantt__label-inner\" role=\"gridcell\" [style.padding-inline-start.px]=\"geo.indentFor(vm.flat.depth)\">\r\n            @if (reorderEnabled()) {\r\n              <!-- Visual affordance only: the drag is armed on the WHOLE row (above) behind a 4px\r\n                   threshold, so a plain click still selects. aria-hidden because the row is already\r\n                   the accessible handle and a second interactive child inside `role=\"row\"` would be\r\n                   structurally invalid \u2014 the same reason the splitter's full-height twin is. -->\r\n              <span class=\"fly-gantt__grip\" aria-hidden=\"true\"></span>\r\n            }\r\n            @if (vm.flat.hasChildren) {\r\n              <button\r\n                type=\"button\"\r\n                class=\"fly-gantt__chevron\"\r\n                [class.fly-gantt__chevron--collapsed]=\"isCollapsed(vm.flat.row.id)\"\r\n                [attr.aria-label]=\"(isCollapsed(vm.flat.row.id) ? 'gantt.expand' : 'gantt.collapse') | translate\"\r\n                [attr.aria-expanded]=\"!isCollapsed(vm.flat.row.id)\"\r\n                (click)=\"toggleCollapse(vm.flat.row.id, $event)\"\r\n              >\u25B8</button>\r\n            } @else {\r\n              <span class=\"fly-gantt__chevron-spacer\"></span>\r\n            }\r\n            @if (vm.color) {\r\n              <!-- Colour chip: the row's own colour at full strength, so a milestone stays\r\n                   identifiable in the label pane where the band tint is deliberately faint. -->\r\n              <span class=\"fly-gantt__label-swatch\" [style.background]=\"vm.color\" aria-hidden=\"true\"></span>\r\n            }\r\n            <!-- `flyTooltip`, never the native `[title]`: the browser tip is un-themable, has no\r\n                 keyboard story, and is clipped by nothing but also styled by nothing. The directive\r\n                 body-parents its surface, so it escapes the label pane's own overflow clip. -->\r\n            <span\r\n              class=\"fly-gantt__label-text\"\r\n              [class.fly-gantt__label-text--group]=\"vm.shape === 'group'\"\r\n              [flyTooltip]=\"vm.flat.row.label\"\r\n            >{{ vm.flat.row.label }}</span>\r\n          </span>\r\n          <!-- Visually-hidden second gridcell: the timeline summary a sighted user reads off the\r\n               bar/diamond geometry. The row's own aria-label already announces it; this cell keeps\r\n               the treegrid's row\u2192cell structure valid for a cell-navigating AT. -->\r\n          <span class=\"fly-gantt__label-cell-hidden\" role=\"gridcell\">{{ vm.ariaLabel }}</span>\r\n        </div>\r\n      }\r\n      <!-- `!== null`, not `@if (\u2026; as y)`: a drop at the very TOP of the list is y = 0, which the\r\n           `as` form treats as falsy and silently refuses to draw. -->\r\n      @if (reorderIndicatorTop() !== null) {\r\n        <!-- Where the dragged row would land. Drawn here rather than by moving the row itself: the\r\n             rows are windowed, so a live re-order of the rendered list would fight the virtualizer\r\n             for every frame of the drag. -->\r\n        <div class=\"fly-gantt__drop-line\" aria-hidden=\"true\" [style.top.px]=\"reorderIndicatorTop()\"></div>\r\n      }\r\n      @if (resizableLabels()) {\r\n        <!-- aria-hidden so this presentational twin of the corner separator is not a second\r\n             (and structurally invalid) child of the rowgroup in the accessibility tree. -->\r\n        <div\r\n          class=\"fly-gantt__splitter fly-gantt__splitter--rail\"\r\n          aria-hidden=\"true\"\r\n          (pointerdown)=\"onLabelResizePointerDown($event)\"\r\n          (dblclick)=\"resetLabelWidth()\"\r\n        ></div>\r\n      }\r\n    </div>\r\n\r\n    <!-- \u2500\u2500 Time grid body \u2014 a spacer cell (full height, keeps the native scrollbar honest) with\r\n         the actual `<svg>` absolutely positioned + `aria-hidden` (the label pane above is the\r\n         accessible projection). The `viewBox` y-offset panning IS the vertical virtualization \u2014\r\n         see `gantt-window.ts`'s docstring; nothing below this point knows windowing exists. -->\r\n    <div class=\"fly-gantt__body-cell\" [style.height.px]=\"bodyHeight()\">\r\n    <svg\r\n      #bodySvg\r\n      class=\"fly-gantt__body\"\r\n      aria-hidden=\"true\"\r\n      (pointerdown)=\"onPanPointerDown($event)\"\r\n      [style.top.px]=\"svgTop()\"\r\n      [attr.width]=\"innerWidth()\"\r\n      [attr.height]=\"svgHeight()\"\r\n      [attr.viewBox]=\"'0 ' + svgTop() + ' ' + innerWidth() + ' ' + svgHeight()\"\r\n    >\r\n      <defs>\r\n        <marker\r\n          [attr.id]=\"markerId\"\r\n          markerWidth=\"8\"\r\n          markerHeight=\"8\"\r\n          refX=\"6\"\r\n          refY=\"4\"\r\n          orient=\"auto\"\r\n          markerUnits=\"userSpaceOnUse\"\r\n        >\r\n          <path class=\"fly-gantt__arrowhead\" d=\"M0,0 L7,4 L0,8 Z\" />\r\n        </marker>\r\n      </defs>\r\n\r\n      <!-- Row colour bands sit at the very bottom of the stack, so the weekend shading and the\r\n           gridlines below still read through them. -->\r\n      @for (vm of tintedRows(); track vm.flat.row.id) {\r\n        <rect\r\n          class=\"fly-gantt__row-band\"\r\n          [attr.x]=\"0\"\r\n          [attr.y]=\"vm.y\"\r\n          [attr.width]=\"innerWidth()\"\r\n          [attr.height]=\"effectiveRowHeight()\"\r\n          [style.fill]=\"vm.tint\"\r\n        />\r\n      }\r\n\r\n      <!-- Weekend shading + vertical gridlines (behind the bars) \u2014 span the WINDOW's y-extent,\r\n           like the today line above; `weekendBands`/`lowerTicks` are already x-windowed too. -->\r\n      @for (b of weekendBands(); track b.key) {\r\n        <rect class=\"fly-gantt__weekend\" [attr.x]=\"b.x\" [attr.y]=\"svgTop()\" [attr.width]=\"b.width\" [attr.height]=\"svgHeight()\" />\r\n      }\r\n      @for (t of lowerTicks(); track t.key) {\r\n        <line class=\"fly-gantt__grid-line\" [attr.x1]=\"t.x\" [attr.y1]=\"svgTop()\" [attr.x2]=\"t.x\" [attr.y2]=\"svgTop() + svgHeight()\" />\r\n      }\r\n\r\n      <!-- Rows: a full-width hit rect (click + link drop target) then the shape. -->\r\n      @for (vm of rowVms(); track vm.flat.row.id) {\r\n        <g class=\"fly-gantt__row\" [attr.data-row-id]=\"vm.flat.row.id\">\r\n          <!-- The row's full-width lane. It carries NO click handler: pressing the empty part of a\r\n               row is not \"clicking an item\", it is grabbing the canvas, so the press falls through\r\n               to the body's pan gesture. The rect still exists because it is the link-drag DROP\r\n               target \u2014 `dropTargetAt` hit-tests `[data-row-id]` on the group above, and a lane with\r\n               no painted fill would not be found by `elementFromPoint` at all. -->\r\n          <rect\r\n            class=\"fly-gantt__row-hit\"\r\n            [class.fly-gantt__row-hit--selected]=\"selectedId() === vm.flat.row.id\"\r\n            [attr.x]=\"0\"\r\n            [attr.y]=\"vm.y\"\r\n            [attr.width]=\"innerWidth()\"\r\n            [attr.height]=\"effectiveRowHeight()\"\r\n          />\r\n\r\n          @switch (vm.shape) {\r\n            @case ('group') {\r\n              <!-- A summary row is not editable (no drag, no resize, no connectors) but it IS\r\n                   selectable \u2014 `skills/ds-gantt.md` \u00A71. Now that the lane behind it\r\n                   pans instead of selecting, the bracket itself has to carry the press. -->\r\n              <path\r\n                class=\"fly-gantt__group\"\r\n                [attr.d]=\"geo.groupPath(vm)\"\r\n                [style.fill]=\"vm.color\"\r\n                [style.stroke]=\"vm.color\"\r\n                (pointerdown)=\"onShapePointerDown($event, vm.flat.row.id)\"\r\n                (dblclick)=\"onRowDblClick(vm.flat.row.id)\"\r\n              />\r\n            }\r\n            @case ('milestone') {\r\n              <polygon\r\n                class=\"fly-gantt__milestone\"\r\n                [class.fly-gantt__milestone--editable]=\"vm.editable\"\r\n                [attr.points]=\"geo.diamondPoints(vm)\"\r\n                [style.fill]=\"vm.color\"\r\n                (pointerdown)=\"onBarPointerDown($event, vm, 'move')\"\r\n                (dblclick)=\"onRowDblClick(vm.flat.row.id)\"\r\n              />\r\n              @if (vm.baseline) {\r\n                <!-- Baseline (plan-of-record) date: a small HOLLOW diamond so it reads as a\r\n                     comparison against the solid current one, never a duplicate marker. -->\r\n                <polygon class=\"fly-gantt__baseline-milestone\" [attr.points]=\"geo.baselineDiamondPoints(vm)\" />\r\n              }\r\n              @if (!readonly() && !vm.flat.row.readonly) {\r\n                <!-- A diamond has no width, so one connector serves it; it reads as the finish\r\n                     end, which is what makes a milestone\u2192task drag the FS everyone expects. -->\r\n                <circle\r\n                  class=\"fly-gantt__connector\"\r\n                  [attr.cx]=\"geo.milestoneConnectorX(vm)\"\r\n                  [attr.cy]=\"vm.midY\"\r\n                  [attr.r]=\"CONNECTOR_R\"\r\n                  [attr.aria-label]=\"'gantt.aria.link_handle' | translate: { label: vm.flat.row.label }\"\r\n                  (pointerdown)=\"onLinkPointerDown($event, vm, 'finish')\"\r\n                />\r\n              }\r\n            }\r\n            @case ('bar') {\r\n              <g class=\"fly-gantt__bar-group\">\r\n                <rect\r\n                  class=\"fly-gantt__bar\"\r\n                  [class.fly-gantt__bar--editable]=\"vm.editable\"\r\n                  [attr.x]=\"vm.x\"\r\n                  [attr.y]=\"geo.barTop(vm)\"\r\n                  [attr.width]=\"vm.width\"\r\n                  [attr.height]=\"barHeight()\"\r\n                  rx=\"4\"\r\n                  [style.fill]=\"vm.color\"\r\n                  (pointerdown)=\"onBarPointerDown($event, vm, 'move')\"\r\n                  (dblclick)=\"onRowDblClick(vm.flat.row.id)\"\r\n                />\r\n                @if (vm.progressWidth > 0) {\r\n                  <rect\r\n                    class=\"fly-gantt__progress\"\r\n                    [attr.x]=\"vm.x\"\r\n                    [attr.y]=\"geo.barTop(vm)\"\r\n                    [attr.width]=\"vm.progressWidth\"\r\n                    [attr.height]=\"barHeight()\"\r\n                    rx=\"4\"\r\n                  />\r\n                }\r\n                @if (vm.baseline) {\r\n                  <!-- Baseline (plan-of-record) underbar \u2014 a thin muted strip beneath the current\r\n                       bar, the generic \"baseline vs current\" comparison. -->\r\n                  <rect\r\n                    class=\"fly-gantt__baseline-bar\"\r\n                    [attr.x]=\"vm.baseline.x\"\r\n                    [attr.y]=\"geo.baselineBarTop(vm)\"\r\n                    [attr.width]=\"vm.baseline.width\"\r\n                    [attr.height]=\"BASELINE_BAR_H\"\r\n                  />\r\n                }\r\n                @if (vm.editable) {\r\n                  <!-- Resize handles at both edges. -->\r\n                  <rect\r\n                    class=\"fly-gantt__handle\"\r\n                    [attr.x]=\"vm.x\"\r\n                    [attr.y]=\"geo.barTop(vm)\"\r\n                    [attr.width]=\"HANDLE_W\"\r\n                    [attr.height]=\"barHeight()\"\r\n                    [attr.aria-label]=\"'gantt.aria.resize_start' | translate\"\r\n                    (pointerdown)=\"onBarPointerDown($event, vm, 'resize-start')\"\r\n                  />\r\n                  <rect\r\n                    class=\"fly-gantt__handle\"\r\n                    [attr.x]=\"vm.x + vm.width - HANDLE_W\"\r\n                    [attr.y]=\"geo.barTop(vm)\"\r\n                    [attr.width]=\"HANDLE_W\"\r\n                    [attr.height]=\"barHeight()\"\r\n                    [attr.aria-label]=\"'gantt.aria.resize_end' | translate\"\r\n                    (pointerdown)=\"onBarPointerDown($event, vm, 'resize-end')\"\r\n                  />\r\n                }\r\n                @if (!readonly() && !vm.flat.row.readonly) {\r\n                  <!-- One connector per END. Dragging from the start edge yields an SS/SF link\r\n                       and from the finish edge an FS/FF one \u2014 the drop edge picks which. -->\r\n                  <circle\r\n                    class=\"fly-gantt__connector\"\r\n                    [attr.cx]=\"geo.connectorX(vm, 'start')\"\r\n                    [attr.cy]=\"vm.midY\"\r\n                    [attr.r]=\"CONNECTOR_R\"\r\n                    [attr.aria-label]=\"'gantt.aria.link_handle_start' | translate: { label: vm.flat.row.label }\"\r\n                    (pointerdown)=\"onLinkPointerDown($event, vm, 'start')\"\r\n                  />\r\n                  <circle\r\n                    class=\"fly-gantt__connector\"\r\n                    [attr.cx]=\"geo.connectorX(vm, 'finish')\"\r\n                    [attr.cy]=\"vm.midY\"\r\n                    [attr.r]=\"CONNECTOR_R\"\r\n                    [attr.aria-label]=\"'gantt.aria.link_handle' | translate: { label: vm.flat.row.label }\"\r\n                    (pointerdown)=\"onLinkPointerDown($event, vm, 'finish')\"\r\n                  />\r\n                }\r\n              </g>\r\n            }\r\n          }\r\n        </g>\r\n      }\r\n\r\n      <!-- Dependency arrows (skipped for missing / collapsed endpoints). Each carries a fat\r\n           transparent twin so a 1.5px line is still clickable at pointer precision. -->\r\n      @for (link of linkVms(); track link.key) {\r\n        <g class=\"fly-gantt__link-group\" [class.fly-gantt__link-group--selected]=\"selectedLinkKey() === link.key\">\r\n          <path\r\n            class=\"fly-gantt__link-hit\"\r\n            [attr.d]=\"link.path\"\r\n            [attr.aria-label]=\"link.ariaLabel\"\r\n            (pointerdown)=\"onLinkPathPointerDown($event)\"\r\n            (click)=\"onLinkClick($event, link)\"\r\n          />\r\n          <path class=\"fly-gantt__link\" [attr.d]=\"link.path\" [attr.marker-end]=\"'url(#' + markerId + ')'\" />\r\n          @if (selectedLinkKey() === link.key && !readonly()) {\r\n            <!-- Re-point handle: drag the arrowhead onto a different row. Drawn before the delete\r\n                 badge so the badge wins any overlap on a very short arrow. -->\r\n            <circle\r\n              class=\"fly-gantt__link-head\"\r\n              [attr.cx]=\"link.headX\"\r\n              [attr.cy]=\"link.headY\"\r\n              r=\"5\"\r\n              [attr.aria-label]=\"'gantt.aria.retarget_link' | translate\"\r\n              (pointerdown)=\"onLinkHeadPointerDown($event, link)\"\r\n            />\r\n            <g\r\n              class=\"fly-gantt__link-delete\"\r\n              [attr.transform]=\"'translate(' + link.badgeX + ',' + link.badgeY + ')'\"\r\n              [attr.aria-label]=\"'gantt.aria.delete_link' | translate\"\r\n              (click)=\"deleteLink($event, link)\"\r\n            >\r\n              <circle class=\"fly-gantt__link-delete-bg\" r=\"8\" />\r\n              <path class=\"fly-gantt__link-delete-x\" d=\"M-3.5,-3.5 L3.5,3.5 M3.5,-3.5 L-3.5,3.5\" />\r\n            </g>\r\n          }\r\n        </g>\r\n      }\r\n\r\n      <!-- In-flight link rubber band. -->\r\n      @if (linkGesturePath(); as gp) {\r\n        <path class=\"fly-gantt__link fly-gantt__link--ghost\" [attr.d]=\"gp\" [attr.marker-end]=\"'url(#' + markerId + ')'\" />\r\n      }\r\n\r\n      <!-- Today line (over the bars) \u2014 spans the WINDOW's y-extent, not the full spacer, since\r\n           the svg's own viewBox only covers `[svgTop, svgTop + svgHeight]` (memo \u00A74.3 point 3). -->\r\n      @if (todayX() !== null) {\r\n        <line class=\"fly-gantt__today\" [attr.x1]=\"todayX()\" [attr.y1]=\"svgTop()\" [attr.x2]=\"todayX()\" [attr.y2]=\"svgTop() + svgHeight()\" />\r\n      }\r\n    </svg>\r\n    </div>\r\n  </div>\r\n\r\n  @if (visibleRows().length === 0) {\r\n    <p class=\"fly-gantt__empty\">\r\n      {{ (activeQuery() ? 'gantt.no_matches' : 'gantt.no_data') | translate: { query: activeQuery() } }}\r\n    </p>\r\n  }\r\n  @if (overflowCount() > 0) {\r\n    <p class=\"fly-gantt__overflow\">\r\n      {{ 'gantt.overflow' | translate: { shown: maxRows(), total: maxRows() + overflowCount() } }}\r\n    </p>\r\n  }\r\n</div>\r\n\r\n<!-- Drag candidate tooltip (HTML overlay, follows the cursor). -->\r\n@if (dragTooltip(); as tip) {\r\n  <div class=\"fly-gantt__tooltip\" [style.left.px]=\"tip.x\" [style.top.px]=\"tip.y\">{{ tip.text }}</div>\r\n}\r\n", styles: [":host,:host *,:host *:before,:host *:after{box-sizing:border-box}:host{--_surface: var(--bg-2, var(--surface-card, #fff));--_surface-alt: var(--bg-3, var(--glass-bg-elevated, #f8fafc));--_surface-hover: var(--bg-hover, var(--surface-hover, #f1f5f9));--_border: var(--w08, var(--surface-border, #e2e8f0));--_border-strong: var(--w1, var(--surface-border, #cbd5e1));--_grid-line: var(--line-3, var(--surface-border, #eef2f7));--_text: var(--ink, var(--text-color, #0f172a));--_text-subtle: var(--ink-3, var(--text-color-secondary, #64748b));--_text-faint: var(--ink-4, var(--text-color-secondary, #94a3b8));--_accent: var(--accent);--_bar: var(--_accent);--_baseline: var(--fly-gantt-baseline, var(--ink-4, var(--text-color-secondary, #94a3b8)));--_bar-progress: color-mix(in srgb, var(--_accent) 72%, #000);--_weekend: color-mix(in srgb, var(--_text-subtle) 9%, transparent);--_selected: color-mix(in srgb, var(--_accent) 22%, transparent);--_selected-hover: color-mix(in srgb, var(--_accent) 32%, transparent);--_today: var(--danger, #ef4444);--_link: var(--_text-subtle);--_radius: var(--r-lg, 8px);--_transition: var(--t-state, .12s ease);display:block;inline-size:100%;block-size:100%;min-block-size:200px;color:var(--_text);font-size:13px}:host(.fly-gantt--resizing){cursor:col-resize;-webkit-user-select:none;user-select:none}:host(.fly-gantt--panning){cursor:grabbing;-webkit-user-select:none;user-select:none}:host(.fly-gantt--reordering){cursor:grabbing;-webkit-user-select:none;user-select:none}.fly-gantt__scroll{position:relative;inline-size:100%;block-size:100%;overflow:auto;border:1px solid var(--_border);border-radius:var(--_radius);background:var(--_surface);box-shadow:var(--shadow-card, none);outline:none}.fly-gantt__scroll:focus-visible{outline:2px solid;outline-color:var(--_accent);outline-offset:-2px}.fly-gantt__canvas{display:grid;position:relative}.fly-gantt__corner{position:sticky;inset-block-start:0;inset-inline-start:0;z-index:4;background:var(--_surface-alt);-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%);border-inline-end:1px solid var(--_border);border-block-end:1px solid var(--_border-strong)}.fly-gantt__search{display:block;min-inline-size:0;padding:8px;padding-inline-end:12px}.fly-gantt__time-header{position:sticky;inset-block-start:0;z-index:3;display:block;background:var(--_surface-alt);-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%);border-block-end:1px solid var(--_border-strong)}.fly-gantt__tick-line{stroke:var(--_grid-line);stroke-width:1}.fly-gantt__tick-label{fill:var(--_text-subtle);font-size:11px;text-anchor:middle;dominant-baseline:middle}.fly-gantt__tick-label--upper{fill:var(--_text);font-weight:600}.fly-gantt__splitter{position:absolute;inset-block:0;inset-inline-end:-3px;inline-size:7px;z-index:5;cursor:col-resize;touch-action:none}.fly-gantt__splitter:after{content:\"\";position:absolute;inset-block:0;inset-inline-start:3px;inline-size:1px;background:transparent;transition:background var(--_transition)}.fly-gantt__splitter:hover:after,.fly-gantt__splitter:focus-visible:after{background:var(--_accent)}.fly-gantt__splitter:focus-visible{outline:2px solid;outline-color:var(--_accent);outline-offset:-1px}:host(.fly-gantt--resizing) .fly-gantt__splitter:after{background:var(--_accent)}.fly-gantt__labels{position:sticky;inset-inline-start:0;z-index:2;background:var(--_surface);border-inline-end:1px solid var(--_border)}.fly-gantt__label-row{position:relative;display:flex;align-items:center;border-block-end:1px solid var(--_grid-line);cursor:pointer;transition:background var(--_transition)}.fly-gantt__label-row:hover{background:var(--_surface-hover)}.fly-gantt__label-row--selected{background:var(--_selected);box-shadow:inset 3px 0 0 0 var(--_accent)}:host(.fly-gantt--rtl) .fly-gantt__label-row--selected{box-shadow:inset -3px 0 0 0 var(--_accent)}.fly-gantt__label-row--selected:hover{background:var(--_selected-hover)}.fly-gantt__label-row--tinted:before{content:\"\";position:absolute;inset:0;background:var(--fly-gantt-row-tint);pointer-events:none}.fly-gantt__label-inner{position:relative;display:flex;align-items:center;gap:4px;inline-size:100%;min-inline-size:0;padding-inline-end:8px}.fly-gantt__grip{flex:0 0 auto;inline-size:8px;block-size:14px;margin-inline-start:-4px;cursor:grab;opacity:0;background-image:radial-gradient(circle at 1.5px 1.5px,var(--_text-faint) 1.2px,transparent 1.3px);background-size:4px 4px;transition:opacity var(--_transition)}.fly-gantt__label-row:hover .fly-gantt__grip,.fly-gantt__label-row--selected .fly-gantt__grip{opacity:1}.fly-gantt__label-row--dragging{opacity:.45}.fly-gantt__drop-line{position:absolute;inset-inline:0;z-index:3;block-size:2px;margin-block-start:-1px;background:var(--_accent);pointer-events:none}.fly-gantt__label-swatch{flex:0 0 auto;inline-size:8px;block-size:8px;border-radius:2px}.fly-gantt__chevron{flex:0 0 auto;inline-size:18px;block-size:18px;padding:0;border:none;background:transparent;color:var(--_text-subtle);cursor:pointer;line-height:1;transform:rotate(90deg);transition:transform var(--_transition)}.fly-gantt__chevron--collapsed{transform:rotate(0)}:host(.fly-gantt--rtl) .fly-gantt__chevron--collapsed{transform:rotate(180deg)}.fly-gantt__chevron:focus-visible{outline:2px solid;outline-color:var(--_accent);outline-offset:1px;border-radius:4px}.fly-gantt__chevron-spacer{flex:0 0 auto;inline-size:18px}.fly-gantt__label-text{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fly-gantt__label-text--group{font-weight:600}.fly-gantt__label-cell-hidden{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.fly-gantt__body-cell{position:relative}.fly-gantt__body{position:absolute;inset-inline-start:0;display:block;touch-action:pan-x pan-y;cursor:grab}.fly-gantt__row-band{pointer-events:none}.fly-gantt__weekend{fill:var(--_weekend)}.fly-gantt__grid-line{stroke:var(--_grid-line);stroke-width:1}.fly-gantt__row-hit{fill:transparent}.fly-gantt__row-hit--selected{fill:var(--_selected)}.fly-gantt__bar{fill:var(--_bar);stroke:none}.fly-gantt__bar--editable{cursor:grab}.fly-gantt__progress{fill:var(--_bar-progress);pointer-events:none}.fly-gantt__handle{fill:transparent;cursor:ew-resize}.fly-gantt__connector{fill:var(--_surface);stroke:var(--_accent);stroke-width:1.5;cursor:crosshair;opacity:0;pointer-events:none;transition:opacity var(--_transition)}.fly-gantt__row:hover .fly-gantt__connector{opacity:1;pointer-events:auto}.fly-gantt__milestone{fill:var(--_accent);stroke:var(--_surface);stroke-width:1}.fly-gantt__milestone--editable{cursor:grab}.fly-gantt__group{fill:var(--_text-subtle);stroke:var(--_text-subtle)}.fly-gantt__baseline-bar{fill:var(--_baseline);opacity:.55;pointer-events:none}.fly-gantt__baseline-milestone{fill:none;stroke:var(--_baseline);stroke-width:1.5;pointer-events:none}.fly-gantt__link{fill:none;stroke:var(--_link);stroke-width:1.5;pointer-events:none}.fly-gantt__link-hit{fill:none;stroke:transparent;stroke-width:11;pointer-events:stroke;cursor:pointer}.fly-gantt__link-group:hover .fly-gantt__link{stroke:var(--_text)}.fly-gantt__link-group--selected .fly-gantt__link{stroke:var(--_accent);stroke-width:2.5}.fly-gantt__link-head{fill:var(--_surface);stroke:var(--_accent);stroke-width:2;cursor:grab}.fly-gantt__link-head:hover,.fly-gantt__link-delete-bg{fill:var(--_accent)}.fly-gantt__link-delete{cursor:pointer}.fly-gantt__link-delete-x{stroke:var(--_surface);stroke-width:1.75;stroke-linecap:round;fill:none;pointer-events:none}.fly-gantt__link--ghost{stroke-dasharray:4 3;opacity:.8}.fly-gantt__arrowhead{fill:var(--_link)}.fly-gantt__today{stroke:var(--_today);stroke-width:1.5;stroke-dasharray:3 3;pointer-events:none}.fly-gantt__empty,.fly-gantt__overflow{margin:0;padding:12px;color:var(--_text-faint);font-size:12px;text-align:center}.fly-gantt__tooltip{position:fixed;z-index:20;transform:translate(12px,16px);padding:4px 8px;border-radius:6px;background:var(--_text);color:var(--_surface);font-size:12px;white-space:nowrap;pointer-events:none;direction:ltr;unicode-bidi:isolate}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: FlyTooltipDirective, selector: "[flyTooltip], [data-tooltip]", inputs: ["flyTooltip", "flyTooltipPlacement", "flyTooltipDisabled", "flyTooltipDelay"] }, { kind: "component", type: FlySearchInputComponent, selector: "fly-search-input", inputs: ["value", "placeholder", "placeholderKey", "ariaLabel", "ariaLabelKey", "debounceMs", "disabled", "collapsible", "expandTrigger", "stayExpandedWithValue", "size", "showFilterToggle", "filterPanelOpen", "open"], outputs: ["valueChange", "queryChange", "searched", "submitted", "cleared", "expandedChange", "filterToggled"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: FlyGanttComponent, decorators: [{
             type: Component,
@@ -15914,7 +16289,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImpo
                         '[class.fly-gantt--panning]': 'panning()',
                         '[class.fly-gantt--reordering]': 'reorderDraggingId() !== null',
                         '[attr.dir]': 'i18n.direction()',
-                    }, template: "<!-- Cross-scrolling canvas: a CSS grid whose header row and label column are sticky, so the\r\n     time grid scrolls under a pinned header + label tree. All SVG geometry is pre-mirrored for\r\n     RTL in the component (see gantt-scale mapX), so this template never branches on direction. -->\r\n<div\r\n  #scrollEl\r\n  class=\"fly-gantt__scroll\"\r\n  role=\"treegrid\"\r\n  tabindex=\"0\"\r\n  [attr.aria-label]=\"'gantt.aria.grid' | translate\"\r\n  [attr.aria-rowcount]=\"totalRowCount()\"\r\n  (keydown)=\"onGridKeydown($event)\"\r\n>\r\n  <div\r\n    #canvasEl\r\n    class=\"fly-gantt__canvas\"\r\n    [style.grid-template-columns]=\"effectiveLabelWidth() + 'px ' + innerWidth() + 'px'\"\r\n    [style.grid-template-rows]=\"HEADER_H + 'px ' + bodyHeight() + 'px'\"\r\n  >\r\n    <!-- \u2500\u2500 Corner (pinned both axes) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n    <div class=\"fly-gantt__corner\" [style.height.px]=\"HEADER_H\">\r\n      @if (searchEnabled()) {\r\n        <!-- The label-tree filter. It lives in the CORNER because that is the one cell pinned on\r\n             both axes: a field anywhere else scrolls away from the list it filters, and the corner\r\n             is otherwise dead space sized exactly to the label pane. -->\r\n        <fly-search-input\r\n          class=\"fly-gantt__search\"\r\n          size=\"sm\"\r\n          [value]=\"searchQuery()\"\r\n          [placeholderKey]=\"'gantt.search.placeholder'\"\r\n          [ariaLabel]=\"'gantt.aria.search' | translate\"\r\n          (queryChange)=\"onSearchQueryChange($event)\"\r\n        />\r\n      }\r\n      @if (resizableLabels()) {\r\n        <!-- The divider lives in the corner because the corner is the one cell pinned on BOTH\r\n             axes: the grip stays reachable however far the user has scrolled. The full-height\r\n             strip down the label pane below is the same gesture, presentational only. -->\r\n        <div\r\n          class=\"fly-gantt__splitter\"\r\n          role=\"separator\"\r\n          tabindex=\"0\"\r\n          aria-orientation=\"vertical\"\r\n          [attr.aria-label]=\"'gantt.aria.label_resize' | translate\"\r\n          [attr.aria-valuenow]=\"effectiveLabelWidth()\"\r\n          [attr.aria-valuemin]=\"MIN_LABEL_W\"\r\n          [attr.aria-valuemax]=\"MAX_LABEL_W\"\r\n          (pointerdown)=\"onLabelResizePointerDown($event)\"\r\n          (keydown)=\"onLabelResizeKeydown($event)\"\r\n          (dblclick)=\"resetLabelWidth()\"\r\n        ></div>\r\n      }\r\n    </div>\r\n\r\n    <!-- \u2500\u2500 Time header (pinned top) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n    <svg\r\n      class=\"fly-gantt__time-header\"\r\n      [attr.width]=\"innerWidth()\"\r\n      [attr.height]=\"HEADER_H\"\r\n      [attr.viewBox]=\"'0 0 ' + innerWidth() + ' ' + HEADER_H\"\r\n      aria-hidden=\"true\"\r\n    >\r\n      @for (b of weekendBands(); track b.key) {\r\n        <rect class=\"fly-gantt__weekend\" [attr.x]=\"b.x\" [attr.y]=\"HEADER_UPPER_H\" [attr.width]=\"b.width\" [attr.height]=\"HEADER_LOWER_H\" />\r\n      }\r\n      @for (t of upperTicks(); track t.key) {\r\n        <line class=\"fly-gantt__tick-line\" [attr.x1]=\"t.x\" [attr.y1]=\"0\" [attr.x2]=\"t.x\" [attr.y2]=\"HEADER_H\" />\r\n        <text class=\"fly-gantt__tick-label fly-gantt__tick-label--upper\" [attr.x]=\"t.x + t.width / 2\" [attr.y]=\"HEADER_UPPER_H / 2 + 4\">{{ t.label }}</text>\r\n      }\r\n      @for (t of lowerTicks(); track t.key) {\r\n        <line class=\"fly-gantt__tick-line\" [attr.x1]=\"t.x\" [attr.y1]=\"HEADER_UPPER_H\" [attr.x2]=\"t.x\" [attr.y2]=\"HEADER_H\" />\r\n        <text class=\"fly-gantt__tick-label\" [attr.x]=\"t.x + t.width / 2\" [attr.y]=\"HEADER_UPPER_H + HEADER_LOWER_H / 2 + 4\">{{ t.label }}</text>\r\n      }\r\n      @if (todayX() !== null) {\r\n        <line class=\"fly-gantt__today\" [attr.x1]=\"todayX()\" [attr.y1]=\"HEADER_UPPER_H\" [attr.x2]=\"todayX()\" [attr.y2]=\"HEADER_H\">\r\n          <title>{{ 'gantt.today' | translate }}</title>\r\n        </line>\r\n      }\r\n    </svg>\r\n\r\n    <!-- \u2500\u2500 Label tree (pinned inline-start) \u2014 the ACCESSIBLE projection: the body SVG below is\r\n         aria-hidden, so every row/level/expanded/selected fact a screen reader needs lives here. -->\r\n    <!-- `padding-block-start` = the body `<svg>`'s own `top`, and it is what keeps the two panes\r\n         on the same rows. The label tree renders only the WINDOWED slice, in normal flow, so\r\n         without this the first rendered row sits at the top of a full-height cell while its bar\r\n         sits `svgTop` further down \u2014 measured at 3,842px apart on a 5,000-row chart scrolled to\r\n         4,000px, i.e. the label pane and the chart describing completely different rows. Padding\r\n         rather than a `top`/transform because the pane is `position: sticky` (a `top` would move\r\n         the STICKY inset) and because an absolutely-positioned child \u2014 the drop indicator \u2014 is\r\n         laid out against the padding box's border edge, so it keeps its absolute row-space\r\n         coordinates for free. -->\r\n    <div\r\n      #labelsEl\r\n      class=\"fly-gantt__labels\"\r\n      role=\"rowgroup\"\r\n      [style.padding-block-start.px]=\"svgTop()\"\r\n    >\r\n      @for (vm of rowVms(); track vm.flat.row.id) {\r\n        <div\r\n          class=\"fly-gantt__label-row\"\r\n          role=\"row\"\r\n          [attr.tabindex]=\"selectedId() === vm.flat.row.id ? 0 : -1\"\r\n          [attr.data-row-id]=\"vm.flat.row.id\"\r\n          [class.fly-gantt__label-row--selected]=\"selectedId() === vm.flat.row.id\"\r\n          [class.fly-gantt__label-row--tinted]=\"vm.tint !== null\"\r\n          [class.fly-gantt__label-row--dragging]=\"reorderDraggingId() === vm.flat.row.id\"\r\n          [style.height.px]=\"effectiveRowHeight()\"\r\n          [style.--fly-gantt-row-tint]=\"vm.tint\"\r\n          [attr.aria-selected]=\"selectedId() === vm.flat.row.id\"\r\n          [attr.aria-rowindex]=\"vm.index + 1\"\r\n          [attr.aria-level]=\"vm.flat.depth + 1\"\r\n          [attr.aria-expanded]=\"vm.flat.hasChildren ? !vm.flat.collapsed : null\"\r\n          [attr.aria-label]=\"vm.ariaLabel\"\r\n          (pointerdown)=\"onLabelRowPointerDown($event, vm.flat.row.id)\"\r\n          (click)=\"onRowClick(vm.flat.row.id)\"\r\n          (dblclick)=\"onRowDblClick(vm.flat.row.id)\"\r\n          (keydown.enter)=\"onLabelRowKeydown($event, vm.flat.row.id)\"\r\n        >\r\n          <span class=\"fly-gantt__label-inner\" role=\"gridcell\" [style.padding-inline-start.px]=\"geo.indentFor(vm.flat.depth)\">\r\n            @if (reorderEnabled()) {\r\n              <!-- Visual affordance only: the drag is armed on the WHOLE row (above) behind a 4px\r\n                   threshold, so a plain click still selects. aria-hidden because the row is already\r\n                   the accessible handle and a second interactive child inside `role=\"row\"` would be\r\n                   structurally invalid \u2014 the same reason the splitter's full-height twin is. -->\r\n              <span class=\"fly-gantt__grip\" aria-hidden=\"true\"></span>\r\n            }\r\n            @if (vm.flat.hasChildren) {\r\n              <button\r\n                type=\"button\"\r\n                class=\"fly-gantt__chevron\"\r\n                [class.fly-gantt__chevron--collapsed]=\"isCollapsed(vm.flat.row.id)\"\r\n                [attr.aria-label]=\"(isCollapsed(vm.flat.row.id) ? 'gantt.expand' : 'gantt.collapse') | translate\"\r\n                [attr.aria-expanded]=\"!isCollapsed(vm.flat.row.id)\"\r\n                (click)=\"toggleCollapse(vm.flat.row.id, $event)\"\r\n              >\u25B8</button>\r\n            } @else {\r\n              <span class=\"fly-gantt__chevron-spacer\"></span>\r\n            }\r\n            @if (vm.color) {\r\n              <!-- Colour chip: the row's own colour at full strength, so a milestone stays\r\n                   identifiable in the label pane where the band tint is deliberately faint. -->\r\n              <span class=\"fly-gantt__label-swatch\" [style.background]=\"vm.color\" aria-hidden=\"true\"></span>\r\n            }\r\n            <!-- `flyTooltip`, never the native `[title]`: the browser tip is un-themable, has no\r\n                 keyboard story, and is clipped by nothing but also styled by nothing. The directive\r\n                 body-parents its surface, so it escapes the label pane's own overflow clip. -->\r\n            <span\r\n              class=\"fly-gantt__label-text\"\r\n              [class.fly-gantt__label-text--group]=\"vm.shape === 'group'\"\r\n              [flyTooltip]=\"vm.flat.row.label\"\r\n            >{{ vm.flat.row.label }}</span>\r\n          </span>\r\n          <!-- Visually-hidden second gridcell: the timeline summary a sighted user reads off the\r\n               bar/diamond geometry. The row's own aria-label already announces it; this cell keeps\r\n               the treegrid's row\u2192cell structure valid for a cell-navigating AT. -->\r\n          <span class=\"fly-gantt__label-cell-hidden\" role=\"gridcell\">{{ vm.ariaLabel }}</span>\r\n        </div>\r\n      }\r\n      <!-- `!== null`, not `@if (\u2026; as y)`: a drop at the very TOP of the list is y = 0, which the\r\n           `as` form treats as falsy and silently refuses to draw. -->\r\n      @if (reorderIndicatorTop() !== null) {\r\n        <!-- Where the dragged row would land. Drawn here rather than by moving the row itself: the\r\n             rows are windowed, so a live re-order of the rendered list would fight the virtualizer\r\n             for every frame of the drag. -->\r\n        <div class=\"fly-gantt__drop-line\" aria-hidden=\"true\" [style.top.px]=\"reorderIndicatorTop()\"></div>\r\n      }\r\n      @if (resizableLabels()) {\r\n        <!-- aria-hidden so this presentational twin of the corner separator is not a second\r\n             (and structurally invalid) child of the rowgroup in the accessibility tree. -->\r\n        <div\r\n          class=\"fly-gantt__splitter fly-gantt__splitter--rail\"\r\n          aria-hidden=\"true\"\r\n          (pointerdown)=\"onLabelResizePointerDown($event)\"\r\n          (dblclick)=\"resetLabelWidth()\"\r\n        ></div>\r\n      }\r\n    </div>\r\n\r\n    <!-- \u2500\u2500 Time grid body \u2014 a spacer cell (full height, keeps the native scrollbar honest) with\r\n         the actual `<svg>` absolutely positioned + `aria-hidden` (the label pane above is the\r\n         accessible projection). The `viewBox` y-offset panning IS the vertical virtualization \u2014\r\n         see `gantt-window.ts`'s docstring; nothing below this point knows windowing exists. -->\r\n    <div class=\"fly-gantt__body-cell\" [style.height.px]=\"bodyHeight()\">\r\n    <svg\r\n      #bodySvg\r\n      class=\"fly-gantt__body\"\r\n      aria-hidden=\"true\"\r\n      (pointerdown)=\"onPanPointerDown($event)\"\r\n      [style.top.px]=\"svgTop()\"\r\n      [attr.width]=\"innerWidth()\"\r\n      [attr.height]=\"svgHeight()\"\r\n      [attr.viewBox]=\"'0 ' + svgTop() + ' ' + innerWidth() + ' ' + svgHeight()\"\r\n    >\r\n      <defs>\r\n        <marker\r\n          [attr.id]=\"markerId\"\r\n          markerWidth=\"8\"\r\n          markerHeight=\"8\"\r\n          refX=\"6\"\r\n          refY=\"4\"\r\n          orient=\"auto\"\r\n          markerUnits=\"userSpaceOnUse\"\r\n        >\r\n          <path class=\"fly-gantt__arrowhead\" d=\"M0,0 L7,4 L0,8 Z\" />\r\n        </marker>\r\n      </defs>\r\n\r\n      <!-- Row colour bands sit at the very bottom of the stack, so the weekend shading and the\r\n           gridlines below still read through them. -->\r\n      @for (vm of tintedRows(); track vm.flat.row.id) {\r\n        <rect\r\n          class=\"fly-gantt__row-band\"\r\n          [attr.x]=\"0\"\r\n          [attr.y]=\"vm.y\"\r\n          [attr.width]=\"innerWidth()\"\r\n          [attr.height]=\"effectiveRowHeight()\"\r\n          [style.fill]=\"vm.tint\"\r\n        />\r\n      }\r\n\r\n      <!-- Weekend shading + vertical gridlines (behind the bars) \u2014 span the WINDOW's y-extent,\r\n           like the today line above; `weekendBands`/`lowerTicks` are already x-windowed too. -->\r\n      @for (b of weekendBands(); track b.key) {\r\n        <rect class=\"fly-gantt__weekend\" [attr.x]=\"b.x\" [attr.y]=\"svgTop()\" [attr.width]=\"b.width\" [attr.height]=\"svgHeight()\" />\r\n      }\r\n      @for (t of lowerTicks(); track t.key) {\r\n        <line class=\"fly-gantt__grid-line\" [attr.x1]=\"t.x\" [attr.y1]=\"svgTop()\" [attr.x2]=\"t.x\" [attr.y2]=\"svgTop() + svgHeight()\" />\r\n      }\r\n\r\n      <!-- Rows: a full-width hit rect (click + link drop target) then the shape. -->\r\n      @for (vm of rowVms(); track vm.flat.row.id) {\r\n        <g class=\"fly-gantt__row\" [attr.data-row-id]=\"vm.flat.row.id\">\r\n          <!-- The row's full-width lane. It carries NO click handler: pressing the empty part of a\r\n               row is not \"clicking an item\", it is grabbing the canvas, so the press falls through\r\n               to the body's pan gesture. The rect still exists because it is the link-drag DROP\r\n               target \u2014 `dropTargetAt` hit-tests `[data-row-id]` on the group above, and a lane with\r\n               no painted fill would not be found by `elementFromPoint` at all. -->\r\n          <rect\r\n            class=\"fly-gantt__row-hit\"\r\n            [class.fly-gantt__row-hit--selected]=\"selectedId() === vm.flat.row.id\"\r\n            [attr.x]=\"0\"\r\n            [attr.y]=\"vm.y\"\r\n            [attr.width]=\"innerWidth()\"\r\n            [attr.height]=\"effectiveRowHeight()\"\r\n          />\r\n\r\n          @switch (vm.shape) {\r\n            @case ('group') {\r\n              <!-- A summary row is not editable (no drag, no resize, no connectors) but it IS\r\n                   selectable \u2014 `skills/design-system-gantt.md` \u00A71. Now that the lane behind it\r\n                   pans instead of selecting, the bracket itself has to carry the press. -->\r\n              <path\r\n                class=\"fly-gantt__group\"\r\n                [attr.d]=\"geo.groupPath(vm)\"\r\n                [style.fill]=\"vm.color\"\r\n                [style.stroke]=\"vm.color\"\r\n                (pointerdown)=\"onShapePointerDown($event, vm.flat.row.id)\"\r\n                (dblclick)=\"onRowDblClick(vm.flat.row.id)\"\r\n              />\r\n            }\r\n            @case ('milestone') {\r\n              <polygon\r\n                class=\"fly-gantt__milestone\"\r\n                [class.fly-gantt__milestone--editable]=\"vm.editable\"\r\n                [attr.points]=\"geo.diamondPoints(vm)\"\r\n                [style.fill]=\"vm.color\"\r\n                (pointerdown)=\"onBarPointerDown($event, vm, 'move')\"\r\n                (dblclick)=\"onRowDblClick(vm.flat.row.id)\"\r\n              />\r\n              @if (vm.baseline) {\r\n                <!-- Baseline (plan-of-record) date: a small HOLLOW diamond so it reads as a\r\n                     comparison against the solid current one, never a duplicate marker. -->\r\n                <polygon class=\"fly-gantt__baseline-milestone\" [attr.points]=\"geo.baselineDiamondPoints(vm)\" />\r\n              }\r\n              @if (!readonly() && !vm.flat.row.readonly) {\r\n                <!-- A diamond has no width, so one connector serves it; it reads as the finish\r\n                     end, which is what makes a milestone\u2192task drag the FS everyone expects. -->\r\n                <circle\r\n                  class=\"fly-gantt__connector\"\r\n                  [attr.cx]=\"geo.milestoneConnectorX(vm)\"\r\n                  [attr.cy]=\"vm.midY\"\r\n                  [attr.r]=\"CONNECTOR_R\"\r\n                  [attr.aria-label]=\"'gantt.aria.link_handle' | translate: { label: vm.flat.row.label }\"\r\n                  (pointerdown)=\"onLinkPointerDown($event, vm, 'finish')\"\r\n                />\r\n              }\r\n            }\r\n            @case ('bar') {\r\n              <g class=\"fly-gantt__bar-group\">\r\n                <rect\r\n                  class=\"fly-gantt__bar\"\r\n                  [class.fly-gantt__bar--editable]=\"vm.editable\"\r\n                  [attr.x]=\"vm.x\"\r\n                  [attr.y]=\"geo.barTop(vm)\"\r\n                  [attr.width]=\"vm.width\"\r\n                  [attr.height]=\"barHeight()\"\r\n                  rx=\"4\"\r\n                  [style.fill]=\"vm.color\"\r\n                  (pointerdown)=\"onBarPointerDown($event, vm, 'move')\"\r\n                  (dblclick)=\"onRowDblClick(vm.flat.row.id)\"\r\n                />\r\n                @if (vm.progressWidth > 0) {\r\n                  <rect\r\n                    class=\"fly-gantt__progress\"\r\n                    [attr.x]=\"vm.x\"\r\n                    [attr.y]=\"geo.barTop(vm)\"\r\n                    [attr.width]=\"vm.progressWidth\"\r\n                    [attr.height]=\"barHeight()\"\r\n                    rx=\"4\"\r\n                  />\r\n                }\r\n                @if (vm.baseline) {\r\n                  <!-- Baseline (plan-of-record) underbar \u2014 a thin muted strip beneath the current\r\n                       bar, the generic \"baseline vs current\" comparison. -->\r\n                  <rect\r\n                    class=\"fly-gantt__baseline-bar\"\r\n                    [attr.x]=\"vm.baseline.x\"\r\n                    [attr.y]=\"geo.baselineBarTop(vm)\"\r\n                    [attr.width]=\"vm.baseline.width\"\r\n                    [attr.height]=\"BASELINE_BAR_H\"\r\n                  />\r\n                }\r\n                @if (vm.editable) {\r\n                  <!-- Resize handles at both edges. -->\r\n                  <rect\r\n                    class=\"fly-gantt__handle\"\r\n                    [attr.x]=\"vm.x\"\r\n                    [attr.y]=\"geo.barTop(vm)\"\r\n                    [attr.width]=\"HANDLE_W\"\r\n                    [attr.height]=\"barHeight()\"\r\n                    [attr.aria-label]=\"'gantt.aria.resize_start' | translate\"\r\n                    (pointerdown)=\"onBarPointerDown($event, vm, 'resize-start')\"\r\n                  />\r\n                  <rect\r\n                    class=\"fly-gantt__handle\"\r\n                    [attr.x]=\"vm.x + vm.width - HANDLE_W\"\r\n                    [attr.y]=\"geo.barTop(vm)\"\r\n                    [attr.width]=\"HANDLE_W\"\r\n                    [attr.height]=\"barHeight()\"\r\n                    [attr.aria-label]=\"'gantt.aria.resize_end' | translate\"\r\n                    (pointerdown)=\"onBarPointerDown($event, vm, 'resize-end')\"\r\n                  />\r\n                }\r\n                @if (!readonly() && !vm.flat.row.readonly) {\r\n                  <!-- One connector per END. Dragging from the start edge yields an SS/SF link\r\n                       and from the finish edge an FS/FF one \u2014 the drop edge picks which. -->\r\n                  <circle\r\n                    class=\"fly-gantt__connector\"\r\n                    [attr.cx]=\"geo.connectorX(vm, 'start')\"\r\n                    [attr.cy]=\"vm.midY\"\r\n                    [attr.r]=\"CONNECTOR_R\"\r\n                    [attr.aria-label]=\"'gantt.aria.link_handle_start' | translate: { label: vm.flat.row.label }\"\r\n                    (pointerdown)=\"onLinkPointerDown($event, vm, 'start')\"\r\n                  />\r\n                  <circle\r\n                    class=\"fly-gantt__connector\"\r\n                    [attr.cx]=\"geo.connectorX(vm, 'finish')\"\r\n                    [attr.cy]=\"vm.midY\"\r\n                    [attr.r]=\"CONNECTOR_R\"\r\n                    [attr.aria-label]=\"'gantt.aria.link_handle' | translate: { label: vm.flat.row.label }\"\r\n                    (pointerdown)=\"onLinkPointerDown($event, vm, 'finish')\"\r\n                  />\r\n                }\r\n              </g>\r\n            }\r\n          }\r\n        </g>\r\n      }\r\n\r\n      <!-- Dependency arrows (skipped for missing / collapsed endpoints). Each carries a fat\r\n           transparent twin so a 1.5px line is still clickable at pointer precision. -->\r\n      @for (link of linkVms(); track link.key) {\r\n        <g class=\"fly-gantt__link-group\" [class.fly-gantt__link-group--selected]=\"selectedLinkKey() === link.key\">\r\n          <path\r\n            class=\"fly-gantt__link-hit\"\r\n            [attr.d]=\"link.path\"\r\n            [attr.aria-label]=\"link.ariaLabel\"\r\n            (click)=\"onLinkClick($event, link)\"\r\n          />\r\n          <path class=\"fly-gantt__link\" [attr.d]=\"link.path\" [attr.marker-end]=\"'url(#' + markerId + ')'\" />\r\n          @if (selectedLinkKey() === link.key && !readonly()) {\r\n            <g\r\n              class=\"fly-gantt__link-delete\"\r\n              [attr.transform]=\"'translate(' + link.badgeX + ',' + link.badgeY + ')'\"\r\n              [attr.aria-label]=\"'gantt.aria.delete_link' | translate\"\r\n              (click)=\"deleteLink($event, link)\"\r\n            >\r\n              <circle class=\"fly-gantt__link-delete-bg\" r=\"8\" />\r\n              <path class=\"fly-gantt__link-delete-x\" d=\"M-3.5,-3.5 L3.5,3.5 M3.5,-3.5 L-3.5,3.5\" />\r\n            </g>\r\n          }\r\n        </g>\r\n      }\r\n\r\n      <!-- In-flight link rubber band. -->\r\n      @if (linkGesturePath(); as gp) {\r\n        <path class=\"fly-gantt__link fly-gantt__link--ghost\" [attr.d]=\"gp\" [attr.marker-end]=\"'url(#' + markerId + ')'\" />\r\n      }\r\n\r\n      <!-- Today line (over the bars) \u2014 spans the WINDOW's y-extent, not the full spacer, since\r\n           the svg's own viewBox only covers `[svgTop, svgTop + svgHeight]` (memo \u00A74.3 point 3). -->\r\n      @if (todayX() !== null) {\r\n        <line class=\"fly-gantt__today\" [attr.x1]=\"todayX()\" [attr.y1]=\"svgTop()\" [attr.x2]=\"todayX()\" [attr.y2]=\"svgTop() + svgHeight()\" />\r\n      }\r\n    </svg>\r\n    </div>\r\n  </div>\r\n\r\n  @if (visibleRows().length === 0) {\r\n    <p class=\"fly-gantt__empty\">\r\n      {{ (activeQuery() ? 'gantt.no_matches' : 'gantt.no_data') | translate: { query: activeQuery() } }}\r\n    </p>\r\n  }\r\n  @if (overflowCount() > 0) {\r\n    <p class=\"fly-gantt__overflow\">\r\n      {{ 'gantt.overflow' | translate: { shown: maxRows(), total: maxRows() + overflowCount() } }}\r\n    </p>\r\n  }\r\n</div>\r\n\r\n<!-- Drag candidate tooltip (HTML overlay, follows the cursor). -->\r\n@if (dragTooltip(); as tip) {\r\n  <div class=\"fly-gantt__tooltip\" [style.left.px]=\"tip.x\" [style.top.px]=\"tip.y\">{{ tip.text }}</div>\r\n}\r\n", styles: [":host,:host *,:host *:before,:host *:after{box-sizing:border-box}:host{--_surface: var(--bg-2, var(--surface-card, #fff));--_surface-alt: var(--bg-3, var(--glass-bg-elevated, #f8fafc));--_surface-hover: var(--bg-hover, var(--surface-hover, #f1f5f9));--_border: var(--w08, var(--surface-border, #e2e8f0));--_border-strong: var(--w1, var(--surface-border, #cbd5e1));--_grid-line: var(--line-3, var(--surface-border, #eef2f7));--_text: var(--ink, var(--text-color, #0f172a));--_text-subtle: var(--ink-3, var(--text-color-secondary, #64748b));--_text-faint: var(--ink-4, var(--text-color-secondary, #94a3b8));--_accent: var(--accent);--_bar: var(--_accent);--_baseline: var(--fly-gantt-baseline, var(--ink-4, var(--text-color-secondary, #94a3b8)));--_bar-progress: color-mix(in srgb, var(--_accent) 72%, #000);--_weekend: color-mix(in srgb, var(--_text-subtle) 9%, transparent);--_today: var(--danger, #ef4444);--_link: var(--_text-subtle);--_radius: var(--r-lg, 8px);--_transition: var(--t-state, .12s ease);display:block;inline-size:100%;block-size:100%;min-block-size:200px;color:var(--_text);font-size:13px}:host(.fly-gantt--resizing){cursor:col-resize;-webkit-user-select:none;user-select:none}:host(.fly-gantt--panning){cursor:grabbing;-webkit-user-select:none;user-select:none}:host(.fly-gantt--reordering){cursor:grabbing;-webkit-user-select:none;user-select:none}.fly-gantt__scroll{position:relative;inline-size:100%;block-size:100%;overflow:auto;border:1px solid var(--_border);border-radius:var(--_radius);background:var(--_surface);box-shadow:var(--shadow-card, none);outline:none}.fly-gantt__scroll:focus-visible{outline:2px solid;outline-color:var(--_accent);outline-offset:-2px}.fly-gantt__canvas{display:grid;position:relative}.fly-gantt__corner{position:sticky;inset-block-start:0;inset-inline-start:0;z-index:4;background:var(--_surface-alt);-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%);border-inline-end:1px solid var(--_border);border-block-end:1px solid var(--_border-strong)}.fly-gantt__search{display:block;min-inline-size:0;padding:8px;padding-inline-end:12px}.fly-gantt__time-header{position:sticky;inset-block-start:0;z-index:3;display:block;background:var(--_surface-alt);-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%);border-block-end:1px solid var(--_border-strong)}.fly-gantt__tick-line{stroke:var(--_grid-line);stroke-width:1}.fly-gantt__tick-label{fill:var(--_text-subtle);font-size:11px;text-anchor:middle;dominant-baseline:middle}.fly-gantt__tick-label--upper{fill:var(--_text);font-weight:600}.fly-gantt__splitter{position:absolute;inset-block:0;inset-inline-end:-3px;inline-size:7px;z-index:5;cursor:col-resize;touch-action:none}.fly-gantt__splitter:after{content:\"\";position:absolute;inset-block:0;inset-inline-start:3px;inline-size:1px;background:transparent;transition:background var(--_transition)}.fly-gantt__splitter:hover:after,.fly-gantt__splitter:focus-visible:after{background:var(--_accent)}.fly-gantt__splitter:focus-visible{outline:2px solid;outline-color:var(--_accent);outline-offset:-1px}:host(.fly-gantt--resizing) .fly-gantt__splitter:after{background:var(--_accent)}.fly-gantt__labels{position:sticky;inset-inline-start:0;z-index:2;background:var(--_surface);border-inline-end:1px solid var(--_border)}.fly-gantt__label-row{position:relative;display:flex;align-items:center;border-block-end:1px solid var(--_grid-line);cursor:pointer;transition:background var(--_transition)}.fly-gantt__label-row:hover{background:var(--_surface-hover)}.fly-gantt__label-row--selected{background:var(--_surface-hover);box-shadow:inset 3px 0 0 0 var(--_accent)}.fly-gantt__label-row--tinted:before{content:\"\";position:absolute;inset:0;background:var(--fly-gantt-row-tint);pointer-events:none}.fly-gantt__label-inner{position:relative;display:flex;align-items:center;gap:4px;inline-size:100%;min-inline-size:0;padding-inline-end:8px}.fly-gantt__grip{flex:0 0 auto;inline-size:8px;block-size:14px;margin-inline-start:-4px;cursor:grab;opacity:0;background-image:radial-gradient(circle at 1.5px 1.5px,var(--_text-faint) 1.2px,transparent 1.3px);background-size:4px 4px;transition:opacity var(--_transition)}.fly-gantt__label-row:hover .fly-gantt__grip,.fly-gantt__label-row--selected .fly-gantt__grip{opacity:1}.fly-gantt__label-row--dragging{opacity:.45}.fly-gantt__drop-line{position:absolute;inset-inline:0;z-index:3;block-size:2px;margin-block-start:-1px;background:var(--_accent);pointer-events:none}.fly-gantt__label-swatch{flex:0 0 auto;inline-size:8px;block-size:8px;border-radius:2px}.fly-gantt__chevron{flex:0 0 auto;inline-size:18px;block-size:18px;padding:0;border:none;background:transparent;color:var(--_text-subtle);cursor:pointer;line-height:1;transform:rotate(90deg);transition:transform var(--_transition)}.fly-gantt__chevron--collapsed{transform:rotate(0)}:host(.fly-gantt--rtl) .fly-gantt__chevron--collapsed{transform:rotate(180deg)}.fly-gantt__chevron:focus-visible{outline:2px solid;outline-color:var(--_accent);outline-offset:1px;border-radius:4px}.fly-gantt__chevron-spacer{flex:0 0 auto;inline-size:18px}.fly-gantt__label-text{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fly-gantt__label-text--group{font-weight:600}.fly-gantt__label-cell-hidden{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.fly-gantt__body-cell{position:relative}.fly-gantt__body{position:absolute;inset-inline-start:0;display:block;touch-action:pan-x pan-y;cursor:grab}.fly-gantt__row-band{pointer-events:none}.fly-gantt__weekend{fill:var(--_weekend)}.fly-gantt__grid-line{stroke:var(--_grid-line);stroke-width:1}.fly-gantt__row-hit{fill:transparent}.fly-gantt__row-hit--selected{fill:var(--_surface-hover)}.fly-gantt__bar{fill:var(--_bar);stroke:none}.fly-gantt__bar--editable{cursor:grab}.fly-gantt__progress{fill:var(--_bar-progress);pointer-events:none}.fly-gantt__handle{fill:transparent;cursor:ew-resize}.fly-gantt__connector{fill:var(--_surface);stroke:var(--_accent);stroke-width:1.5;cursor:crosshair;opacity:0;pointer-events:none;transition:opacity var(--_transition)}.fly-gantt__row:hover .fly-gantt__connector{opacity:1;pointer-events:auto}.fly-gantt__milestone{fill:var(--_accent);stroke:var(--_surface);stroke-width:1}.fly-gantt__milestone--editable{cursor:grab}.fly-gantt__group{fill:var(--_text-subtle);stroke:var(--_text-subtle)}.fly-gantt__baseline-bar{fill:var(--_baseline);opacity:.55;pointer-events:none}.fly-gantt__baseline-milestone{fill:none;stroke:var(--_baseline);stroke-width:1.5;pointer-events:none}.fly-gantt__link{fill:none;stroke:var(--_link);stroke-width:1.5;pointer-events:none}.fly-gantt__link-hit{fill:none;stroke:transparent;stroke-width:11;pointer-events:stroke;cursor:pointer}.fly-gantt__link-group:hover .fly-gantt__link{stroke:var(--_text)}.fly-gantt__link-group--selected .fly-gantt__link{stroke:var(--_accent);stroke-width:2.5}.fly-gantt__link-delete-bg{fill:var(--_accent)}.fly-gantt__link-delete{cursor:pointer}.fly-gantt__link-delete-x{stroke:var(--_surface);stroke-width:1.75;stroke-linecap:round;fill:none;pointer-events:none}.fly-gantt__link--ghost{stroke-dasharray:4 3;opacity:.8}.fly-gantt__arrowhead{fill:var(--_link)}.fly-gantt__today{stroke:var(--_today);stroke-width:1.5;stroke-dasharray:3 3;pointer-events:none}.fly-gantt__empty,.fly-gantt__overflow{margin:0;padding:12px;color:var(--_text-faint);font-size:12px;text-align:center}.fly-gantt__tooltip{position:fixed;z-index:20;transform:translate(12px,16px);padding:4px 8px;border-radius:6px;background:var(--_text);color:var(--_surface);font-size:12px;white-space:nowrap;pointer-events:none;direction:ltr;unicode-bidi:isolate}\n"] }]
+                    }, template: "<!-- Cross-scrolling canvas: a CSS grid whose header row and label column are sticky, so the\r\n     time grid scrolls under a pinned header + label tree. All SVG geometry is pre-mirrored for\r\n     RTL in the component (see gantt-scale mapX), so this template never branches on direction. -->\r\n<div\r\n  #scrollEl\r\n  class=\"fly-gantt__scroll\"\r\n  role=\"treegrid\"\r\n  tabindex=\"0\"\r\n  [attr.aria-label]=\"'gantt.aria.grid' | translate\"\r\n  [attr.aria-rowcount]=\"totalRowCount()\"\r\n  (keydown)=\"onGridKeydown($event)\"\r\n>\r\n  <div\r\n    #canvasEl\r\n    class=\"fly-gantt__canvas\"\r\n    [style.grid-template-columns]=\"effectiveLabelWidth() + 'px ' + innerWidth() + 'px'\"\r\n    [style.grid-template-rows]=\"HEADER_H + 'px ' + bodyHeight() + 'px'\"\r\n  >\r\n    <!-- \u2500\u2500 Corner (pinned both axes) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n    <div class=\"fly-gantt__corner\" [style.height.px]=\"HEADER_H\">\r\n      @if (searchEnabled()) {\r\n        <!-- The label-tree filter. It lives in the CORNER because that is the one cell pinned on\r\n             both axes: a field anywhere else scrolls away from the list it filters, and the corner\r\n             is otherwise dead space sized exactly to the label pane. -->\r\n        <fly-search-input\r\n          class=\"fly-gantt__search\"\r\n          size=\"sm\"\r\n          [value]=\"searchQuery()\"\r\n          [placeholderKey]=\"'gantt.search.placeholder'\"\r\n          [ariaLabel]=\"'gantt.aria.search' | translate\"\r\n          (queryChange)=\"onSearchQueryChange($event)\"\r\n        />\r\n      }\r\n      @if (resizableLabels()) {\r\n        <!-- The divider lives in the corner because the corner is the one cell pinned on BOTH\r\n             axes: the grip stays reachable however far the user has scrolled. The full-height\r\n             strip down the label pane below is the same gesture, presentational only. -->\r\n        <div\r\n          class=\"fly-gantt__splitter\"\r\n          role=\"separator\"\r\n          tabindex=\"0\"\r\n          aria-orientation=\"vertical\"\r\n          [attr.aria-label]=\"'gantt.aria.label_resize' | translate\"\r\n          [attr.aria-valuenow]=\"effectiveLabelWidth()\"\r\n          [attr.aria-valuemin]=\"MIN_LABEL_W\"\r\n          [attr.aria-valuemax]=\"MAX_LABEL_W\"\r\n          (pointerdown)=\"onLabelResizePointerDown($event)\"\r\n          (keydown)=\"onLabelResizeKeydown($event)\"\r\n          (dblclick)=\"resetLabelWidth()\"\r\n        ></div>\r\n      }\r\n    </div>\r\n\r\n    <!-- \u2500\u2500 Time header (pinned top) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n    <svg\r\n      class=\"fly-gantt__time-header\"\r\n      [attr.width]=\"innerWidth()\"\r\n      [attr.height]=\"HEADER_H\"\r\n      [attr.viewBox]=\"'0 0 ' + innerWidth() + ' ' + HEADER_H\"\r\n      aria-hidden=\"true\"\r\n    >\r\n      @for (b of weekendBands(); track b.key) {\r\n        <rect class=\"fly-gantt__weekend\" [attr.x]=\"b.x\" [attr.y]=\"HEADER_UPPER_H\" [attr.width]=\"b.width\" [attr.height]=\"HEADER_LOWER_H\" />\r\n      }\r\n      @for (t of upperTicks(); track t.key) {\r\n        <line class=\"fly-gantt__tick-line\" [attr.x1]=\"t.x\" [attr.y1]=\"0\" [attr.x2]=\"t.x\" [attr.y2]=\"HEADER_H\" />\r\n        <text class=\"fly-gantt__tick-label fly-gantt__tick-label--upper\" [attr.x]=\"t.x + t.width / 2\" [attr.y]=\"HEADER_UPPER_H / 2 + 4\">{{ t.label }}</text>\r\n      }\r\n      @for (t of lowerTicks(); track t.key) {\r\n        <line class=\"fly-gantt__tick-line\" [attr.x1]=\"t.x\" [attr.y1]=\"HEADER_UPPER_H\" [attr.x2]=\"t.x\" [attr.y2]=\"HEADER_H\" />\r\n        <text class=\"fly-gantt__tick-label\" [attr.x]=\"t.x + t.width / 2\" [attr.y]=\"HEADER_UPPER_H + HEADER_LOWER_H / 2 + 4\">{{ t.label }}</text>\r\n      }\r\n      @if (todayX() !== null) {\r\n        <line class=\"fly-gantt__today\" [attr.x1]=\"todayX()\" [attr.y1]=\"HEADER_UPPER_H\" [attr.x2]=\"todayX()\" [attr.y2]=\"HEADER_H\">\r\n          <title>{{ 'gantt.today' | translate }}</title>\r\n        </line>\r\n      }\r\n    </svg>\r\n\r\n    <!-- \u2500\u2500 Label tree (pinned inline-start) \u2014 the ACCESSIBLE projection: the body SVG below is\r\n         aria-hidden, so every row/level/expanded/selected fact a screen reader needs lives here. -->\r\n    <!-- `padding-block-start` = the body `<svg>`'s own `top`, and it is what keeps the two panes\r\n         on the same rows. The label tree renders only the WINDOWED slice, in normal flow, so\r\n         without this the first rendered row sits at the top of a full-height cell while its bar\r\n         sits `svgTop` further down \u2014 measured at 3,842px apart on a 5,000-row chart scrolled to\r\n         4,000px, i.e. the label pane and the chart describing completely different rows. Padding\r\n         rather than a `top`/transform because the pane is `position: sticky` (a `top` would move\r\n         the STICKY inset) and because an absolutely-positioned child \u2014 the drop indicator \u2014 is\r\n         laid out against the padding box's border edge, so it keeps its absolute row-space\r\n         coordinates for free. -->\r\n    <div\r\n      #labelsEl\r\n      class=\"fly-gantt__labels\"\r\n      role=\"rowgroup\"\r\n      [style.padding-block-start.px]=\"svgTop()\"\r\n    >\r\n      @for (vm of rowVms(); track vm.flat.row.id) {\r\n        <div\r\n          class=\"fly-gantt__label-row\"\r\n          role=\"row\"\r\n          [attr.tabindex]=\"selectedId() === vm.flat.row.id ? 0 : -1\"\r\n          [attr.data-row-id]=\"vm.flat.row.id\"\r\n          [class.fly-gantt__label-row--selected]=\"selectedId() === vm.flat.row.id\"\r\n          [class.fly-gantt__label-row--tinted]=\"vm.tint !== null\"\r\n          [class.fly-gantt__label-row--dragging]=\"reorderDraggingId() === vm.flat.row.id\"\r\n          [style.height.px]=\"effectiveRowHeight()\"\r\n          [style.--fly-gantt-row-tint]=\"vm.tint\"\r\n          [attr.aria-selected]=\"selectedId() === vm.flat.row.id\"\r\n          [attr.aria-rowindex]=\"vm.index + 1\"\r\n          [attr.aria-level]=\"vm.flat.depth + 1\"\r\n          [attr.aria-expanded]=\"vm.flat.hasChildren ? !vm.flat.collapsed : null\"\r\n          [attr.aria-label]=\"vm.ariaLabel\"\r\n          (pointerdown)=\"onLabelRowPointerDown($event, vm.flat.row.id)\"\r\n          (click)=\"onRowClick(vm.flat.row.id)\"\r\n          (dblclick)=\"onRowDblClick(vm.flat.row.id)\"\r\n          (keydown.enter)=\"onLabelRowKeydown($event, vm.flat.row.id)\"\r\n        >\r\n          <span class=\"fly-gantt__label-inner\" role=\"gridcell\" [style.padding-inline-start.px]=\"geo.indentFor(vm.flat.depth)\">\r\n            @if (reorderEnabled()) {\r\n              <!-- Visual affordance only: the drag is armed on the WHOLE row (above) behind a 4px\r\n                   threshold, so a plain click still selects. aria-hidden because the row is already\r\n                   the accessible handle and a second interactive child inside `role=\"row\"` would be\r\n                   structurally invalid \u2014 the same reason the splitter's full-height twin is. -->\r\n              <span class=\"fly-gantt__grip\" aria-hidden=\"true\"></span>\r\n            }\r\n            @if (vm.flat.hasChildren) {\r\n              <button\r\n                type=\"button\"\r\n                class=\"fly-gantt__chevron\"\r\n                [class.fly-gantt__chevron--collapsed]=\"isCollapsed(vm.flat.row.id)\"\r\n                [attr.aria-label]=\"(isCollapsed(vm.flat.row.id) ? 'gantt.expand' : 'gantt.collapse') | translate\"\r\n                [attr.aria-expanded]=\"!isCollapsed(vm.flat.row.id)\"\r\n                (click)=\"toggleCollapse(vm.flat.row.id, $event)\"\r\n              >\u25B8</button>\r\n            } @else {\r\n              <span class=\"fly-gantt__chevron-spacer\"></span>\r\n            }\r\n            @if (vm.color) {\r\n              <!-- Colour chip: the row's own colour at full strength, so a milestone stays\r\n                   identifiable in the label pane where the band tint is deliberately faint. -->\r\n              <span class=\"fly-gantt__label-swatch\" [style.background]=\"vm.color\" aria-hidden=\"true\"></span>\r\n            }\r\n            <!-- `flyTooltip`, never the native `[title]`: the browser tip is un-themable, has no\r\n                 keyboard story, and is clipped by nothing but also styled by nothing. The directive\r\n                 body-parents its surface, so it escapes the label pane's own overflow clip. -->\r\n            <span\r\n              class=\"fly-gantt__label-text\"\r\n              [class.fly-gantt__label-text--group]=\"vm.shape === 'group'\"\r\n              [flyTooltip]=\"vm.flat.row.label\"\r\n            >{{ vm.flat.row.label }}</span>\r\n          </span>\r\n          <!-- Visually-hidden second gridcell: the timeline summary a sighted user reads off the\r\n               bar/diamond geometry. The row's own aria-label already announces it; this cell keeps\r\n               the treegrid's row\u2192cell structure valid for a cell-navigating AT. -->\r\n          <span class=\"fly-gantt__label-cell-hidden\" role=\"gridcell\">{{ vm.ariaLabel }}</span>\r\n        </div>\r\n      }\r\n      <!-- `!== null`, not `@if (\u2026; as y)`: a drop at the very TOP of the list is y = 0, which the\r\n           `as` form treats as falsy and silently refuses to draw. -->\r\n      @if (reorderIndicatorTop() !== null) {\r\n        <!-- Where the dragged row would land. Drawn here rather than by moving the row itself: the\r\n             rows are windowed, so a live re-order of the rendered list would fight the virtualizer\r\n             for every frame of the drag. -->\r\n        <div class=\"fly-gantt__drop-line\" aria-hidden=\"true\" [style.top.px]=\"reorderIndicatorTop()\"></div>\r\n      }\r\n      @if (resizableLabels()) {\r\n        <!-- aria-hidden so this presentational twin of the corner separator is not a second\r\n             (and structurally invalid) child of the rowgroup in the accessibility tree. -->\r\n        <div\r\n          class=\"fly-gantt__splitter fly-gantt__splitter--rail\"\r\n          aria-hidden=\"true\"\r\n          (pointerdown)=\"onLabelResizePointerDown($event)\"\r\n          (dblclick)=\"resetLabelWidth()\"\r\n        ></div>\r\n      }\r\n    </div>\r\n\r\n    <!-- \u2500\u2500 Time grid body \u2014 a spacer cell (full height, keeps the native scrollbar honest) with\r\n         the actual `<svg>` absolutely positioned + `aria-hidden` (the label pane above is the\r\n         accessible projection). The `viewBox` y-offset panning IS the vertical virtualization \u2014\r\n         see `gantt-window.ts`'s docstring; nothing below this point knows windowing exists. -->\r\n    <div class=\"fly-gantt__body-cell\" [style.height.px]=\"bodyHeight()\">\r\n    <svg\r\n      #bodySvg\r\n      class=\"fly-gantt__body\"\r\n      aria-hidden=\"true\"\r\n      (pointerdown)=\"onPanPointerDown($event)\"\r\n      [style.top.px]=\"svgTop()\"\r\n      [attr.width]=\"innerWidth()\"\r\n      [attr.height]=\"svgHeight()\"\r\n      [attr.viewBox]=\"'0 ' + svgTop() + ' ' + innerWidth() + ' ' + svgHeight()\"\r\n    >\r\n      <defs>\r\n        <marker\r\n          [attr.id]=\"markerId\"\r\n          markerWidth=\"8\"\r\n          markerHeight=\"8\"\r\n          refX=\"6\"\r\n          refY=\"4\"\r\n          orient=\"auto\"\r\n          markerUnits=\"userSpaceOnUse\"\r\n        >\r\n          <path class=\"fly-gantt__arrowhead\" d=\"M0,0 L7,4 L0,8 Z\" />\r\n        </marker>\r\n      </defs>\r\n\r\n      <!-- Row colour bands sit at the very bottom of the stack, so the weekend shading and the\r\n           gridlines below still read through them. -->\r\n      @for (vm of tintedRows(); track vm.flat.row.id) {\r\n        <rect\r\n          class=\"fly-gantt__row-band\"\r\n          [attr.x]=\"0\"\r\n          [attr.y]=\"vm.y\"\r\n          [attr.width]=\"innerWidth()\"\r\n          [attr.height]=\"effectiveRowHeight()\"\r\n          [style.fill]=\"vm.tint\"\r\n        />\r\n      }\r\n\r\n      <!-- Weekend shading + vertical gridlines (behind the bars) \u2014 span the WINDOW's y-extent,\r\n           like the today line above; `weekendBands`/`lowerTicks` are already x-windowed too. -->\r\n      @for (b of weekendBands(); track b.key) {\r\n        <rect class=\"fly-gantt__weekend\" [attr.x]=\"b.x\" [attr.y]=\"svgTop()\" [attr.width]=\"b.width\" [attr.height]=\"svgHeight()\" />\r\n      }\r\n      @for (t of lowerTicks(); track t.key) {\r\n        <line class=\"fly-gantt__grid-line\" [attr.x1]=\"t.x\" [attr.y1]=\"svgTop()\" [attr.x2]=\"t.x\" [attr.y2]=\"svgTop() + svgHeight()\" />\r\n      }\r\n\r\n      <!-- Rows: a full-width hit rect (click + link drop target) then the shape. -->\r\n      @for (vm of rowVms(); track vm.flat.row.id) {\r\n        <g class=\"fly-gantt__row\" [attr.data-row-id]=\"vm.flat.row.id\">\r\n          <!-- The row's full-width lane. It carries NO click handler: pressing the empty part of a\r\n               row is not \"clicking an item\", it is grabbing the canvas, so the press falls through\r\n               to the body's pan gesture. The rect still exists because it is the link-drag DROP\r\n               target \u2014 `dropTargetAt` hit-tests `[data-row-id]` on the group above, and a lane with\r\n               no painted fill would not be found by `elementFromPoint` at all. -->\r\n          <rect\r\n            class=\"fly-gantt__row-hit\"\r\n            [class.fly-gantt__row-hit--selected]=\"selectedId() === vm.flat.row.id\"\r\n            [attr.x]=\"0\"\r\n            [attr.y]=\"vm.y\"\r\n            [attr.width]=\"innerWidth()\"\r\n            [attr.height]=\"effectiveRowHeight()\"\r\n          />\r\n\r\n          @switch (vm.shape) {\r\n            @case ('group') {\r\n              <!-- A summary row is not editable (no drag, no resize, no connectors) but it IS\r\n                   selectable \u2014 `skills/ds-gantt.md` \u00A71. Now that the lane behind it\r\n                   pans instead of selecting, the bracket itself has to carry the press. -->\r\n              <path\r\n                class=\"fly-gantt__group\"\r\n                [attr.d]=\"geo.groupPath(vm)\"\r\n                [style.fill]=\"vm.color\"\r\n                [style.stroke]=\"vm.color\"\r\n                (pointerdown)=\"onShapePointerDown($event, vm.flat.row.id)\"\r\n                (dblclick)=\"onRowDblClick(vm.flat.row.id)\"\r\n              />\r\n            }\r\n            @case ('milestone') {\r\n              <polygon\r\n                class=\"fly-gantt__milestone\"\r\n                [class.fly-gantt__milestone--editable]=\"vm.editable\"\r\n                [attr.points]=\"geo.diamondPoints(vm)\"\r\n                [style.fill]=\"vm.color\"\r\n                (pointerdown)=\"onBarPointerDown($event, vm, 'move')\"\r\n                (dblclick)=\"onRowDblClick(vm.flat.row.id)\"\r\n              />\r\n              @if (vm.baseline) {\r\n                <!-- Baseline (plan-of-record) date: a small HOLLOW diamond so it reads as a\r\n                     comparison against the solid current one, never a duplicate marker. -->\r\n                <polygon class=\"fly-gantt__baseline-milestone\" [attr.points]=\"geo.baselineDiamondPoints(vm)\" />\r\n              }\r\n              @if (!readonly() && !vm.flat.row.readonly) {\r\n                <!-- A diamond has no width, so one connector serves it; it reads as the finish\r\n                     end, which is what makes a milestone\u2192task drag the FS everyone expects. -->\r\n                <circle\r\n                  class=\"fly-gantt__connector\"\r\n                  [attr.cx]=\"geo.milestoneConnectorX(vm)\"\r\n                  [attr.cy]=\"vm.midY\"\r\n                  [attr.r]=\"CONNECTOR_R\"\r\n                  [attr.aria-label]=\"'gantt.aria.link_handle' | translate: { label: vm.flat.row.label }\"\r\n                  (pointerdown)=\"onLinkPointerDown($event, vm, 'finish')\"\r\n                />\r\n              }\r\n            }\r\n            @case ('bar') {\r\n              <g class=\"fly-gantt__bar-group\">\r\n                <rect\r\n                  class=\"fly-gantt__bar\"\r\n                  [class.fly-gantt__bar--editable]=\"vm.editable\"\r\n                  [attr.x]=\"vm.x\"\r\n                  [attr.y]=\"geo.barTop(vm)\"\r\n                  [attr.width]=\"vm.width\"\r\n                  [attr.height]=\"barHeight()\"\r\n                  rx=\"4\"\r\n                  [style.fill]=\"vm.color\"\r\n                  (pointerdown)=\"onBarPointerDown($event, vm, 'move')\"\r\n                  (dblclick)=\"onRowDblClick(vm.flat.row.id)\"\r\n                />\r\n                @if (vm.progressWidth > 0) {\r\n                  <rect\r\n                    class=\"fly-gantt__progress\"\r\n                    [attr.x]=\"vm.x\"\r\n                    [attr.y]=\"geo.barTop(vm)\"\r\n                    [attr.width]=\"vm.progressWidth\"\r\n                    [attr.height]=\"barHeight()\"\r\n                    rx=\"4\"\r\n                  />\r\n                }\r\n                @if (vm.baseline) {\r\n                  <!-- Baseline (plan-of-record) underbar \u2014 a thin muted strip beneath the current\r\n                       bar, the generic \"baseline vs current\" comparison. -->\r\n                  <rect\r\n                    class=\"fly-gantt__baseline-bar\"\r\n                    [attr.x]=\"vm.baseline.x\"\r\n                    [attr.y]=\"geo.baselineBarTop(vm)\"\r\n                    [attr.width]=\"vm.baseline.width\"\r\n                    [attr.height]=\"BASELINE_BAR_H\"\r\n                  />\r\n                }\r\n                @if (vm.editable) {\r\n                  <!-- Resize handles at both edges. -->\r\n                  <rect\r\n                    class=\"fly-gantt__handle\"\r\n                    [attr.x]=\"vm.x\"\r\n                    [attr.y]=\"geo.barTop(vm)\"\r\n                    [attr.width]=\"HANDLE_W\"\r\n                    [attr.height]=\"barHeight()\"\r\n                    [attr.aria-label]=\"'gantt.aria.resize_start' | translate\"\r\n                    (pointerdown)=\"onBarPointerDown($event, vm, 'resize-start')\"\r\n                  />\r\n                  <rect\r\n                    class=\"fly-gantt__handle\"\r\n                    [attr.x]=\"vm.x + vm.width - HANDLE_W\"\r\n                    [attr.y]=\"geo.barTop(vm)\"\r\n                    [attr.width]=\"HANDLE_W\"\r\n                    [attr.height]=\"barHeight()\"\r\n                    [attr.aria-label]=\"'gantt.aria.resize_end' | translate\"\r\n                    (pointerdown)=\"onBarPointerDown($event, vm, 'resize-end')\"\r\n                  />\r\n                }\r\n                @if (!readonly() && !vm.flat.row.readonly) {\r\n                  <!-- One connector per END. Dragging from the start edge yields an SS/SF link\r\n                       and from the finish edge an FS/FF one \u2014 the drop edge picks which. -->\r\n                  <circle\r\n                    class=\"fly-gantt__connector\"\r\n                    [attr.cx]=\"geo.connectorX(vm, 'start')\"\r\n                    [attr.cy]=\"vm.midY\"\r\n                    [attr.r]=\"CONNECTOR_R\"\r\n                    [attr.aria-label]=\"'gantt.aria.link_handle_start' | translate: { label: vm.flat.row.label }\"\r\n                    (pointerdown)=\"onLinkPointerDown($event, vm, 'start')\"\r\n                  />\r\n                  <circle\r\n                    class=\"fly-gantt__connector\"\r\n                    [attr.cx]=\"geo.connectorX(vm, 'finish')\"\r\n                    [attr.cy]=\"vm.midY\"\r\n                    [attr.r]=\"CONNECTOR_R\"\r\n                    [attr.aria-label]=\"'gantt.aria.link_handle' | translate: { label: vm.flat.row.label }\"\r\n                    (pointerdown)=\"onLinkPointerDown($event, vm, 'finish')\"\r\n                  />\r\n                }\r\n              </g>\r\n            }\r\n          }\r\n        </g>\r\n      }\r\n\r\n      <!-- Dependency arrows (skipped for missing / collapsed endpoints). Each carries a fat\r\n           transparent twin so a 1.5px line is still clickable at pointer precision. -->\r\n      @for (link of linkVms(); track link.key) {\r\n        <g class=\"fly-gantt__link-group\" [class.fly-gantt__link-group--selected]=\"selectedLinkKey() === link.key\">\r\n          <path\r\n            class=\"fly-gantt__link-hit\"\r\n            [attr.d]=\"link.path\"\r\n            [attr.aria-label]=\"link.ariaLabel\"\r\n            (pointerdown)=\"onLinkPathPointerDown($event)\"\r\n            (click)=\"onLinkClick($event, link)\"\r\n          />\r\n          <path class=\"fly-gantt__link\" [attr.d]=\"link.path\" [attr.marker-end]=\"'url(#' + markerId + ')'\" />\r\n          @if (selectedLinkKey() === link.key && !readonly()) {\r\n            <!-- Re-point handle: drag the arrowhead onto a different row. Drawn before the delete\r\n                 badge so the badge wins any overlap on a very short arrow. -->\r\n            <circle\r\n              class=\"fly-gantt__link-head\"\r\n              [attr.cx]=\"link.headX\"\r\n              [attr.cy]=\"link.headY\"\r\n              r=\"5\"\r\n              [attr.aria-label]=\"'gantt.aria.retarget_link' | translate\"\r\n              (pointerdown)=\"onLinkHeadPointerDown($event, link)\"\r\n            />\r\n            <g\r\n              class=\"fly-gantt__link-delete\"\r\n              [attr.transform]=\"'translate(' + link.badgeX + ',' + link.badgeY + ')'\"\r\n              [attr.aria-label]=\"'gantt.aria.delete_link' | translate\"\r\n              (click)=\"deleteLink($event, link)\"\r\n            >\r\n              <circle class=\"fly-gantt__link-delete-bg\" r=\"8\" />\r\n              <path class=\"fly-gantt__link-delete-x\" d=\"M-3.5,-3.5 L3.5,3.5 M3.5,-3.5 L-3.5,3.5\" />\r\n            </g>\r\n          }\r\n        </g>\r\n      }\r\n\r\n      <!-- In-flight link rubber band. -->\r\n      @if (linkGesturePath(); as gp) {\r\n        <path class=\"fly-gantt__link fly-gantt__link--ghost\" [attr.d]=\"gp\" [attr.marker-end]=\"'url(#' + markerId + ')'\" />\r\n      }\r\n\r\n      <!-- Today line (over the bars) \u2014 spans the WINDOW's y-extent, not the full spacer, since\r\n           the svg's own viewBox only covers `[svgTop, svgTop + svgHeight]` (memo \u00A74.3 point 3). -->\r\n      @if (todayX() !== null) {\r\n        <line class=\"fly-gantt__today\" [attr.x1]=\"todayX()\" [attr.y1]=\"svgTop()\" [attr.x2]=\"todayX()\" [attr.y2]=\"svgTop() + svgHeight()\" />\r\n      }\r\n    </svg>\r\n    </div>\r\n  </div>\r\n\r\n  @if (visibleRows().length === 0) {\r\n    <p class=\"fly-gantt__empty\">\r\n      {{ (activeQuery() ? 'gantt.no_matches' : 'gantt.no_data') | translate: { query: activeQuery() } }}\r\n    </p>\r\n  }\r\n  @if (overflowCount() > 0) {\r\n    <p class=\"fly-gantt__overflow\">\r\n      {{ 'gantt.overflow' | translate: { shown: maxRows(), total: maxRows() + overflowCount() } }}\r\n    </p>\r\n  }\r\n</div>\r\n\r\n<!-- Drag candidate tooltip (HTML overlay, follows the cursor). -->\r\n@if (dragTooltip(); as tip) {\r\n  <div class=\"fly-gantt__tooltip\" [style.left.px]=\"tip.x\" [style.top.px]=\"tip.y\">{{ tip.text }}</div>\r\n}\r\n", styles: [":host,:host *,:host *:before,:host *:after{box-sizing:border-box}:host{--_surface: var(--bg-2, var(--surface-card, #fff));--_surface-alt: var(--bg-3, var(--glass-bg-elevated, #f8fafc));--_surface-hover: var(--bg-hover, var(--surface-hover, #f1f5f9));--_border: var(--w08, var(--surface-border, #e2e8f0));--_border-strong: var(--w1, var(--surface-border, #cbd5e1));--_grid-line: var(--line-3, var(--surface-border, #eef2f7));--_text: var(--ink, var(--text-color, #0f172a));--_text-subtle: var(--ink-3, var(--text-color-secondary, #64748b));--_text-faint: var(--ink-4, var(--text-color-secondary, #94a3b8));--_accent: var(--accent);--_bar: var(--_accent);--_baseline: var(--fly-gantt-baseline, var(--ink-4, var(--text-color-secondary, #94a3b8)));--_bar-progress: color-mix(in srgb, var(--_accent) 72%, #000);--_weekend: color-mix(in srgb, var(--_text-subtle) 9%, transparent);--_selected: color-mix(in srgb, var(--_accent) 22%, transparent);--_selected-hover: color-mix(in srgb, var(--_accent) 32%, transparent);--_today: var(--danger, #ef4444);--_link: var(--_text-subtle);--_radius: var(--r-lg, 8px);--_transition: var(--t-state, .12s ease);display:block;inline-size:100%;block-size:100%;min-block-size:200px;color:var(--_text);font-size:13px}:host(.fly-gantt--resizing){cursor:col-resize;-webkit-user-select:none;user-select:none}:host(.fly-gantt--panning){cursor:grabbing;-webkit-user-select:none;user-select:none}:host(.fly-gantt--reordering){cursor:grabbing;-webkit-user-select:none;user-select:none}.fly-gantt__scroll{position:relative;inline-size:100%;block-size:100%;overflow:auto;border:1px solid var(--_border);border-radius:var(--_radius);background:var(--_surface);box-shadow:var(--shadow-card, none);outline:none}.fly-gantt__scroll:focus-visible{outline:2px solid;outline-color:var(--_accent);outline-offset:-2px}.fly-gantt__canvas{display:grid;position:relative}.fly-gantt__corner{position:sticky;inset-block-start:0;inset-inline-start:0;z-index:4;background:var(--_surface-alt);-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%);border-inline-end:1px solid var(--_border);border-block-end:1px solid var(--_border-strong)}.fly-gantt__search{display:block;min-inline-size:0;padding:8px;padding-inline-end:12px}.fly-gantt__time-header{position:sticky;inset-block-start:0;z-index:3;display:block;background:var(--_surface-alt);-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%);border-block-end:1px solid var(--_border-strong)}.fly-gantt__tick-line{stroke:var(--_grid-line);stroke-width:1}.fly-gantt__tick-label{fill:var(--_text-subtle);font-size:11px;text-anchor:middle;dominant-baseline:middle}.fly-gantt__tick-label--upper{fill:var(--_text);font-weight:600}.fly-gantt__splitter{position:absolute;inset-block:0;inset-inline-end:-3px;inline-size:7px;z-index:5;cursor:col-resize;touch-action:none}.fly-gantt__splitter:after{content:\"\";position:absolute;inset-block:0;inset-inline-start:3px;inline-size:1px;background:transparent;transition:background var(--_transition)}.fly-gantt__splitter:hover:after,.fly-gantt__splitter:focus-visible:after{background:var(--_accent)}.fly-gantt__splitter:focus-visible{outline:2px solid;outline-color:var(--_accent);outline-offset:-1px}:host(.fly-gantt--resizing) .fly-gantt__splitter:after{background:var(--_accent)}.fly-gantt__labels{position:sticky;inset-inline-start:0;z-index:2;background:var(--_surface);border-inline-end:1px solid var(--_border)}.fly-gantt__label-row{position:relative;display:flex;align-items:center;border-block-end:1px solid var(--_grid-line);cursor:pointer;transition:background var(--_transition)}.fly-gantt__label-row:hover{background:var(--_surface-hover)}.fly-gantt__label-row--selected{background:var(--_selected);box-shadow:inset 3px 0 0 0 var(--_accent)}:host(.fly-gantt--rtl) .fly-gantt__label-row--selected{box-shadow:inset -3px 0 0 0 var(--_accent)}.fly-gantt__label-row--selected:hover{background:var(--_selected-hover)}.fly-gantt__label-row--tinted:before{content:\"\";position:absolute;inset:0;background:var(--fly-gantt-row-tint);pointer-events:none}.fly-gantt__label-inner{position:relative;display:flex;align-items:center;gap:4px;inline-size:100%;min-inline-size:0;padding-inline-end:8px}.fly-gantt__grip{flex:0 0 auto;inline-size:8px;block-size:14px;margin-inline-start:-4px;cursor:grab;opacity:0;background-image:radial-gradient(circle at 1.5px 1.5px,var(--_text-faint) 1.2px,transparent 1.3px);background-size:4px 4px;transition:opacity var(--_transition)}.fly-gantt__label-row:hover .fly-gantt__grip,.fly-gantt__label-row--selected .fly-gantt__grip{opacity:1}.fly-gantt__label-row--dragging{opacity:.45}.fly-gantt__drop-line{position:absolute;inset-inline:0;z-index:3;block-size:2px;margin-block-start:-1px;background:var(--_accent);pointer-events:none}.fly-gantt__label-swatch{flex:0 0 auto;inline-size:8px;block-size:8px;border-radius:2px}.fly-gantt__chevron{flex:0 0 auto;inline-size:18px;block-size:18px;padding:0;border:none;background:transparent;color:var(--_text-subtle);cursor:pointer;line-height:1;transform:rotate(90deg);transition:transform var(--_transition)}.fly-gantt__chevron--collapsed{transform:rotate(0)}:host(.fly-gantt--rtl) .fly-gantt__chevron--collapsed{transform:rotate(180deg)}.fly-gantt__chevron:focus-visible{outline:2px solid;outline-color:var(--_accent);outline-offset:1px;border-radius:4px}.fly-gantt__chevron-spacer{flex:0 0 auto;inline-size:18px}.fly-gantt__label-text{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fly-gantt__label-text--group{font-weight:600}.fly-gantt__label-cell-hidden{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.fly-gantt__body-cell{position:relative}.fly-gantt__body{position:absolute;inset-inline-start:0;display:block;touch-action:pan-x pan-y;cursor:grab}.fly-gantt__row-band{pointer-events:none}.fly-gantt__weekend{fill:var(--_weekend)}.fly-gantt__grid-line{stroke:var(--_grid-line);stroke-width:1}.fly-gantt__row-hit{fill:transparent}.fly-gantt__row-hit--selected{fill:var(--_selected)}.fly-gantt__bar{fill:var(--_bar);stroke:none}.fly-gantt__bar--editable{cursor:grab}.fly-gantt__progress{fill:var(--_bar-progress);pointer-events:none}.fly-gantt__handle{fill:transparent;cursor:ew-resize}.fly-gantt__connector{fill:var(--_surface);stroke:var(--_accent);stroke-width:1.5;cursor:crosshair;opacity:0;pointer-events:none;transition:opacity var(--_transition)}.fly-gantt__row:hover .fly-gantt__connector{opacity:1;pointer-events:auto}.fly-gantt__milestone{fill:var(--_accent);stroke:var(--_surface);stroke-width:1}.fly-gantt__milestone--editable{cursor:grab}.fly-gantt__group{fill:var(--_text-subtle);stroke:var(--_text-subtle)}.fly-gantt__baseline-bar{fill:var(--_baseline);opacity:.55;pointer-events:none}.fly-gantt__baseline-milestone{fill:none;stroke:var(--_baseline);stroke-width:1.5;pointer-events:none}.fly-gantt__link{fill:none;stroke:var(--_link);stroke-width:1.5;pointer-events:none}.fly-gantt__link-hit{fill:none;stroke:transparent;stroke-width:11;pointer-events:stroke;cursor:pointer}.fly-gantt__link-group:hover .fly-gantt__link{stroke:var(--_text)}.fly-gantt__link-group--selected .fly-gantt__link{stroke:var(--_accent);stroke-width:2.5}.fly-gantt__link-head{fill:var(--_surface);stroke:var(--_accent);stroke-width:2;cursor:grab}.fly-gantt__link-head:hover,.fly-gantt__link-delete-bg{fill:var(--_accent)}.fly-gantt__link-delete{cursor:pointer}.fly-gantt__link-delete-x{stroke:var(--_surface);stroke-width:1.75;stroke-linecap:round;fill:none;pointer-events:none}.fly-gantt__link--ghost{stroke-dasharray:4 3;opacity:.8}.fly-gantt__arrowhead{fill:var(--_link)}.fly-gantt__today{stroke:var(--_today);stroke-width:1.5;stroke-dasharray:3 3;pointer-events:none}.fly-gantt__empty,.fly-gantt__overflow{margin:0;padding:12px;color:var(--_text-faint);font-size:12px;text-align:center}.fly-gantt__tooltip{position:fixed;z-index:20;transform:translate(12px,16px);padding:4px 8px;border-radius:6px;background:var(--_text);color:var(--_surface);font-size:12px;white-space:nowrap;pointer-events:none;direction:ltr;unicode-bidi:isolate}\n"] }]
         }], ctorParameters: () => [], propDecorators: { rows: [{ type: i0.Input, args: [{ isSignal: true, alias: "rows", required: false }] }], dependencies: [{ type: i0.Input, args: [{ isSignal: true, alias: "dependencies", required: false }] }], zoom: [{ type: i0.Input, args: [{ isSignal: true, alias: "zoom", required: false }] }], showToday: [{ type: i0.Input, args: [{ isSignal: true, alias: "showToday", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], labelWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelWidth", required: false }] }], resizableLabels: [{ type: i0.Input, args: [{ isSignal: true, alias: "resizableLabels", required: false }] }], rowHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowHeight", required: false }] }], maxRows: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxRows", required: false }] }], collapsedIds: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsedIds", required: false }] }], overscanRows: [{ type: i0.Input, args: [{ isSignal: true, alias: "overscanRows", required: false }] }], maxCanvasPx: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxCanvasPx", required: false }] }], virtualized: [{ type: i0.Input, args: [{ isSignal: true, alias: "virtualized", required: false }] }], showBaselines: [{ type: i0.Input, args: [{ isSignal: true, alias: "showBaselines", required: false }] }], searchable: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchable", required: false }] }], reorderable: [{ type: i0.Input, args: [{ isSignal: true, alias: "reorderable", required: false }] }], searchQuery: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchQuery", required: false }] }, { type: i0.Output, args: ["searchQueryChange"] }], rowDatesChange: [{ type: i0.Output, args: ["rowDatesChange"] }], dependencyCreate: [{ type: i0.Output, args: ["dependencyCreate"] }], dependencyDelete: [{ type: i0.Output, args: ["dependencyDelete"] }], rowClick: [{ type: i0.Output, args: ["rowClick"] }], rowDblClick: [{ type: i0.Output, args: ["rowDblClick"] }], labelWidthChange: [{ type: i0.Output, args: ["labelWidthChange"] }], collapsedIdsChange: [{ type: i0.Output, args: ["collapsedIdsChange"] }], rowExpand: [{ type: i0.Output, args: ["rowExpand"] }], effectiveZoomChange: [{ type: i0.Output, args: ["effectiveZoomChange"] }], rowReorder: [{ type: i0.Output, args: ["rowReorder"] }], rowIndentChange: [{ type: i0.Output, args: ["rowIndentChange"] }], bodyRef: [{ type: i0.ViewChild, args: ['bodySvg', { isSignal: true }] }], scrollElRef: [{ type: i0.ViewChild, args: ['scrollEl', { isSignal: true }] }], canvasElRef: [{ type: i0.ViewChild, args: ['canvasEl', { isSignal: true }] }], labelsElRef: [{ type: i0.ViewChild, args: ['labelsEl', { isSignal: true }] }] } });
 
 /**
@@ -16105,38 +16480,43 @@ function ganttPeriodBarItem(spec) {
  * would have to pick a label for a state the user cannot see.
  *
  * ## Icon-only, and why they are still discoverable
- * Both are icon-only despite `skills/magic-bar-view-contributions.md` §5's default, because the
+ * Both are icon-only despite `skills/shell-magic-bar-views.md` §5's default, because the
  * indent/outdent glyph pair is one of the few marks a user genuinely reads without help — it is the
  * same pair every word processor, IDE and desktop planner has shipped for thirty years, and the two
  * are identified by being MIRRORS of each other, which a label cannot improve on. They also sort
  * inside Add/Delete/Edit under {@link orderMagicBarItems}, so they never take the outer edge from a
  * verb that needs it.
  *
- * ## Disabled, never hidden
- * `canIndent` / `canOutdent` are state gates, not permission gates: the same row becomes indentable
- * the moment a suitable row appears above it. So both stay rendered and dimmed, with a tip saying
- * why — §6's default. Pass `disabledTipKey`s when your app's reason is more specific than the
- * baseline "this row cannot move any further".
+ * ## Omitted, never dimmed
+ * An unavailable verb is left OUT of the returned array — the magic bar renders no disabled
+ * buttons at all (`skills/shell-magic-bar-views.md` §6). The bar is one small shared strip
+ * and its cost is measured in how many things it shows at once, so a dimmed button spends that
+ * budget on an action the user cannot take. This pair is the clearest case: at most ONE of the two
+ * is ever available for a given row, so dimming doubled the group's width to say nothing. What
+ * availability depends on is also on screen while the bar is being read — a row already nested
+ * cannot nest further — so the dimmed state was not teaching anything the chart did not show.
+ *
+ * Returns 0, 1 or 2 actions. Spread it; never index it.
  */
 function ganttOutlineBarItems(spec) {
-    return [
-        {
+    const items = [];
+    if (spec.canOutdent) {
+        items.push({
             id: 'outdent-row',
             labelKey: 'gantt.outline.outdent',
             iconPath: FLY_MAGIC_BAR_ICONS.outdent,
-            disabled: !spec.canOutdent,
-            disabledTipKey: spec.outdentDisabledTipKey ?? 'gantt.outline.outdentBlocked',
             onSelect: spec.onOutdent,
-        },
-        {
+        });
+    }
+    if (spec.canIndent) {
+        items.push({
             id: 'indent-row',
             labelKey: 'gantt.outline.indent',
             iconPath: FLY_MAGIC_BAR_ICONS.indent,
-            disabled: !spec.canIndent,
-            disabledTipKey: spec.indentDisabledTipKey ?? 'gantt.outline.indentBlocked',
             onSelect: spec.onIndent,
-        },
-    ];
+        });
+    }
+    return items;
 }
 
 // ── Bundled ISO 3166-1 country list ──────────────────────────────────────────
@@ -19405,7 +19785,7 @@ function iconVerbRank(action) {
  *
  * ## Why this lives in the design system
  * It shipped first inside PPM (`ppm/shared/magic-bar-order.util.ts`) and
- * `skills/magic-bar-view-contributions.md` §7 named that file as the reference implementation —
+ * `skills/shell-magic-bar-views.md` §7 named that file as the reference implementation —
  * which is exactly the shape of a rule that is about to be copy-pasted into the next External App.
  * The ordering is a property of the BAR, not of any one app: the same renderer paints every
  * contribution, so two apps disagreeing about it is a platform-visible inconsistency, not a local
@@ -19993,7 +20373,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImpo
  * App running standalone.
  *
  * ## The gap this closes
- * A view publishes one `MagicBarContribution` (skill: `magic-bar-actions.md`)
+ * A view publishes one `MagicBarContribution` (skill: `shell-magic-bar.md`)
  * and, embedded in the desktop shell, the top-bar pill renders it. Standalone,
  * nothing did — so every screen also kept a bespoke header-actions row
  * (`[page-header-actions]` buttons) that duplicated the published actions in
@@ -21882,11 +22262,11 @@ class FlyPeoplePickerComponent {
         this.selectionChange.emit(this._selected().map((o) => o.id));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: FlyPeoplePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.19", type: FlyPeoplePickerComponent, isStandalone: true, selector: "fly-people-picker", inputs: { searchFn: { classPropertyName: "searchFn", publicName: "searchFn", isSignal: true, isRequired: true, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, excludeIds: { classPropertyName: "excludeIds", publicName: "excludeIds", isSignal: true, isRequired: false, transformFunction: null }, initialSelection: { classPropertyName: "initialSelection", publicName: "initialSelection", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectionChange: "selectionChange" }, host: { classAttribute: "fly-people-picker" }, viewQueries: [{ propertyName: "typeahead", first: true, predicate: FlyTypeaheadComponent, descendants: true }], ngImport: i0, template: "@if (selected().length > 0) {\r\n  <ul class=\"fly-people-picker__chips\" role=\"list\">\r\n    @for (o of selected(); track o.id) {\r\n      <li class=\"fly-people-picker__chip\" role=\"listitem\">\r\n        <span class=\"fly-people-picker__chip-avatar\" aria-hidden=\"true\">\r\n          @if (o.avatarUrl) {\r\n            <img [src]=\"o.avatarUrl\" alt=\"\" />\r\n          } @else {\r\n            <span class=\"fly-people-picker__chip-initials\">{{ initialsFor(o.displayName) }}</span>\r\n          }\r\n        </span>\r\n        <span class=\"fly-people-picker__chip-name\" [title]=\"o.email || o.displayName\">{{ o.displayName }}</span>\r\n        <button\r\n          type=\"button\"\r\n          class=\"fly-people-picker__chip-remove\"\r\n          [attr.aria-label]=\"'people_picker.remove' | translate: { name: o.displayName }\"\r\n          (click)=\"remove(o.id)\">\r\n          \u2715\r\n        </button>\r\n      </li>\r\n    }\r\n  </ul>\r\n}\r\n\r\n@if (showSearch()) {\r\n  <fly-typeahead\r\n    [searchFn]=\"typeaheadSearchFn\"\r\n    [placeholder]=\"placeholder() || ('people_picker.search_placeholder' | translate)\"\r\n    [allowFreeText]=\"false\"\r\n    (selected)=\"onPicked($event)\" />\r\n} @else {\r\n  <button type=\"button\" class=\"fly-people-picker__change-btn\" (click)=\"change()\">\r\n    {{ 'people_picker.change' | translate }}\r\n  </button>\r\n}\r\n", styles: [":host,:host *,:host *:before,:host *:after{box-sizing:border-box}:host{--_surface: var(--surface-card, #fff);--_surface-hover: var(--surface-hover, #f1f5f9);--_border: var(--separator, var(--surface-border, #e2e8f0));--_text: var(--label-primary, var(--text-color, #0f172a));--_text-subtle: var(--label-secondary, var(--text-color-secondary, #64748b));--_fill: var(--fill-tertiary, #f3f4f6);--_accent: var(--accent);--_danger: var(--system-red, #ef4444);--_radius: 999px;display:flex;flex-direction:column;gap:8px;inline-size:100%;color:var(--_text);font-size:13px}.fly-people-picker__chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.fly-people-picker__chip{display:inline-flex;align-items:center;gap:6px;padding-block:3px;padding-inline:3px 6px;border-radius:var(--_radius);background:var(--_fill);max-inline-size:220px}.fly-people-picker__chip-avatar{inline-size:22px;block-size:22px;border-radius:50%;overflow:hidden;flex:none;background:var(--_surface);display:flex;align-items:center;justify-content:center}.fly-people-picker__chip-avatar img{inline-size:100%;block-size:100%;object-fit:cover}.fly-people-picker__chip-initials{font-size:9px;font-weight:700;color:var(--_text-subtle);text-transform:uppercase}.fly-people-picker__chip-name{font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fly-people-picker__chip-remove{border:none;background:transparent;padding:2px;margin-inline-start:2px;border-radius:50%;color:var(--_text-subtle);font-size:10px;line-height:1;cursor:pointer;flex:none}.fly-people-picker__chip-remove:hover{background:color-mix(in srgb,var(--_danger) 18%,transparent);color:var(--_danger)}.fly-people-picker__change-btn{align-self:flex-start;border:1px solid var(--_border);border-radius:8px;background:var(--_surface);padding:5px 12px;color:var(--_text);font:inherit;font-weight:600;cursor:pointer}.fly-people-picker__change-btn:hover{background:var(--_surface-hover)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: FlyTypeaheadComponent, selector: "fly-typeahead", inputs: ["searchFn", "debounceMs", "placeholder", "ariaLabel", "value", "allowFreeText", "openOnFocus"], outputs: ["valueChange", "selected", "cleared"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.19", type: FlyPeoplePickerComponent, isStandalone: true, selector: "fly-people-picker", inputs: { searchFn: { classPropertyName: "searchFn", publicName: "searchFn", isSignal: true, isRequired: true, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, excludeIds: { classPropertyName: "excludeIds", publicName: "excludeIds", isSignal: true, isRequired: false, transformFunction: null }, initialSelection: { classPropertyName: "initialSelection", publicName: "initialSelection", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectionChange: "selectionChange" }, host: { classAttribute: "fly-people-picker" }, viewQueries: [{ propertyName: "typeahead", first: true, predicate: FlyTypeaheadComponent, descendants: true }], ngImport: i0, template: "@if (selected().length > 0) {\n  <ul class=\"fly-people-picker__chips\" role=\"list\">\n    @for (o of selected(); track o.id) {\n      <li class=\"fly-people-picker__chip\" role=\"listitem\">\n        <span class=\"fly-people-picker__chip-avatar\" aria-hidden=\"true\">\n          @if (o.avatarUrl) {\n            <img [src]=\"o.avatarUrl\" alt=\"\" />\n          } @else {\n            <span class=\"fly-people-picker__chip-initials\">{{ initialsFor(o.displayName) }}</span>\n          }\n        </span>\n        <span class=\"fly-people-picker__chip-name\" [title]=\"o.email || o.displayName\">{{ o.displayName }}</span>\n        <button\n          type=\"button\"\n          class=\"fly-people-picker__chip-remove\"\n          [attr.aria-label]=\"'people_picker.remove' | translate: { name: o.displayName }\"\n          (click)=\"remove(o.id)\">\n          \u2715\n        </button>\n      </li>\n    }\n  </ul>\n}\n\n@if (showSearch()) {\n  <fly-typeahead\n    [searchFn]=\"typeaheadSearchFn\"\n    [placeholder]=\"placeholder() || ('people_picker.search_placeholder' | translate)\"\n    [allowFreeText]=\"false\"\n    (selected)=\"onPicked($event)\" />\n} @else {\n  <button type=\"button\" class=\"fly-people-picker__change-btn\" (click)=\"change()\">\n    {{ 'people_picker.change' | translate }}\n  </button>\n}\n", styles: [":host,:host *,:host *:before,:host *:after{box-sizing:border-box}:host{--_surface: var(--surface-card, #fff);--_surface-hover: var(--surface-hover, #f1f5f9);--_border: var(--separator, var(--surface-border, #e2e8f0));--_text: var(--label-primary, var(--text-color, #0f172a));--_text-subtle: var(--label-secondary, var(--text-color-secondary, #64748b));--_fill: var(--fill-tertiary, #f3f4f6);--_accent: var(--accent);--_danger: var(--system-red, #ef4444);--_radius: 999px;display:flex;flex-direction:column;gap:8px;inline-size:100%;color:var(--_text);font-size:13px}.fly-people-picker__chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.fly-people-picker__chip{display:inline-flex;align-items:center;gap:6px;padding-block:3px;padding-inline:3px 6px;border-radius:var(--_radius);background:var(--_fill);max-inline-size:220px}.fly-people-picker__chip-avatar{inline-size:22px;block-size:22px;border-radius:50%;overflow:hidden;flex:none;background:var(--_surface);display:flex;align-items:center;justify-content:center}.fly-people-picker__chip-avatar img{inline-size:100%;block-size:100%;object-fit:cover}.fly-people-picker__chip-initials{font-size:9px;font-weight:700;color:var(--_text-subtle);text-transform:uppercase}.fly-people-picker__chip-name{font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fly-people-picker__chip-remove{border:none;background:transparent;padding:2px;margin-inline-start:2px;border-radius:50%;color:var(--_text-subtle);font-size:10px;line-height:1;cursor:pointer;flex:none}.fly-people-picker__chip-remove:hover{background:color-mix(in srgb,var(--_danger) 18%,transparent);color:var(--_danger)}.fly-people-picker__change-btn{align-self:flex-start;border:1px solid var(--_border);border-radius:8px;background:var(--_surface);padding:5px 12px;color:var(--_text);font:inherit;font-weight:600;cursor:pointer}.fly-people-picker__change-btn:hover{background:var(--_surface-hover)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: FlyTypeaheadComponent, selector: "fly-typeahead", inputs: ["searchFn", "debounceMs", "placeholder", "ariaLabel", "value", "allowFreeText", "openOnFocus"], outputs: ["valueChange", "selected", "cleared"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: FlyPeoplePickerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fly-people-picker', standalone: true, imports: [CommonModule, TranslatePipe, FlyTypeaheadComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'fly-people-picker' }, template: "@if (selected().length > 0) {\r\n  <ul class=\"fly-people-picker__chips\" role=\"list\">\r\n    @for (o of selected(); track o.id) {\r\n      <li class=\"fly-people-picker__chip\" role=\"listitem\">\r\n        <span class=\"fly-people-picker__chip-avatar\" aria-hidden=\"true\">\r\n          @if (o.avatarUrl) {\r\n            <img [src]=\"o.avatarUrl\" alt=\"\" />\r\n          } @else {\r\n            <span class=\"fly-people-picker__chip-initials\">{{ initialsFor(o.displayName) }}</span>\r\n          }\r\n        </span>\r\n        <span class=\"fly-people-picker__chip-name\" [title]=\"o.email || o.displayName\">{{ o.displayName }}</span>\r\n        <button\r\n          type=\"button\"\r\n          class=\"fly-people-picker__chip-remove\"\r\n          [attr.aria-label]=\"'people_picker.remove' | translate: { name: o.displayName }\"\r\n          (click)=\"remove(o.id)\">\r\n          \u2715\r\n        </button>\r\n      </li>\r\n    }\r\n  </ul>\r\n}\r\n\r\n@if (showSearch()) {\r\n  <fly-typeahead\r\n    [searchFn]=\"typeaheadSearchFn\"\r\n    [placeholder]=\"placeholder() || ('people_picker.search_placeholder' | translate)\"\r\n    [allowFreeText]=\"false\"\r\n    (selected)=\"onPicked($event)\" />\r\n} @else {\r\n  <button type=\"button\" class=\"fly-people-picker__change-btn\" (click)=\"change()\">\r\n    {{ 'people_picker.change' | translate }}\r\n  </button>\r\n}\r\n", styles: [":host,:host *,:host *:before,:host *:after{box-sizing:border-box}:host{--_surface: var(--surface-card, #fff);--_surface-hover: var(--surface-hover, #f1f5f9);--_border: var(--separator, var(--surface-border, #e2e8f0));--_text: var(--label-primary, var(--text-color, #0f172a));--_text-subtle: var(--label-secondary, var(--text-color-secondary, #64748b));--_fill: var(--fill-tertiary, #f3f4f6);--_accent: var(--accent);--_danger: var(--system-red, #ef4444);--_radius: 999px;display:flex;flex-direction:column;gap:8px;inline-size:100%;color:var(--_text);font-size:13px}.fly-people-picker__chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.fly-people-picker__chip{display:inline-flex;align-items:center;gap:6px;padding-block:3px;padding-inline:3px 6px;border-radius:var(--_radius);background:var(--_fill);max-inline-size:220px}.fly-people-picker__chip-avatar{inline-size:22px;block-size:22px;border-radius:50%;overflow:hidden;flex:none;background:var(--_surface);display:flex;align-items:center;justify-content:center}.fly-people-picker__chip-avatar img{inline-size:100%;block-size:100%;object-fit:cover}.fly-people-picker__chip-initials{font-size:9px;font-weight:700;color:var(--_text-subtle);text-transform:uppercase}.fly-people-picker__chip-name{font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fly-people-picker__chip-remove{border:none;background:transparent;padding:2px;margin-inline-start:2px;border-radius:50%;color:var(--_text-subtle);font-size:10px;line-height:1;cursor:pointer;flex:none}.fly-people-picker__chip-remove:hover{background:color-mix(in srgb,var(--_danger) 18%,transparent);color:var(--_danger)}.fly-people-picker__change-btn{align-self:flex-start;border:1px solid var(--_border);border-radius:8px;background:var(--_surface);padding:5px 12px;color:var(--_text);font:inherit;font-weight:600;cursor:pointer}.fly-people-picker__change-btn:hover{background:var(--_surface-hover)}\n"] }]
+            args: [{ selector: 'fly-people-picker', standalone: true, imports: [CommonModule, TranslatePipe, FlyTypeaheadComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'fly-people-picker' }, template: "@if (selected().length > 0) {\n  <ul class=\"fly-people-picker__chips\" role=\"list\">\n    @for (o of selected(); track o.id) {\n      <li class=\"fly-people-picker__chip\" role=\"listitem\">\n        <span class=\"fly-people-picker__chip-avatar\" aria-hidden=\"true\">\n          @if (o.avatarUrl) {\n            <img [src]=\"o.avatarUrl\" alt=\"\" />\n          } @else {\n            <span class=\"fly-people-picker__chip-initials\">{{ initialsFor(o.displayName) }}</span>\n          }\n        </span>\n        <span class=\"fly-people-picker__chip-name\" [title]=\"o.email || o.displayName\">{{ o.displayName }}</span>\n        <button\n          type=\"button\"\n          class=\"fly-people-picker__chip-remove\"\n          [attr.aria-label]=\"'people_picker.remove' | translate: { name: o.displayName }\"\n          (click)=\"remove(o.id)\">\n          \u2715\n        </button>\n      </li>\n    }\n  </ul>\n}\n\n@if (showSearch()) {\n  <fly-typeahead\n    [searchFn]=\"typeaheadSearchFn\"\n    [placeholder]=\"placeholder() || ('people_picker.search_placeholder' | translate)\"\n    [allowFreeText]=\"false\"\n    (selected)=\"onPicked($event)\" />\n} @else {\n  <button type=\"button\" class=\"fly-people-picker__change-btn\" (click)=\"change()\">\n    {{ 'people_picker.change' | translate }}\n  </button>\n}\n", styles: [":host,:host *,:host *:before,:host *:after{box-sizing:border-box}:host{--_surface: var(--surface-card, #fff);--_surface-hover: var(--surface-hover, #f1f5f9);--_border: var(--separator, var(--surface-border, #e2e8f0));--_text: var(--label-primary, var(--text-color, #0f172a));--_text-subtle: var(--label-secondary, var(--text-color-secondary, #64748b));--_fill: var(--fill-tertiary, #f3f4f6);--_accent: var(--accent);--_danger: var(--system-red, #ef4444);--_radius: 999px;display:flex;flex-direction:column;gap:8px;inline-size:100%;color:var(--_text);font-size:13px}.fly-people-picker__chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.fly-people-picker__chip{display:inline-flex;align-items:center;gap:6px;padding-block:3px;padding-inline:3px 6px;border-radius:var(--_radius);background:var(--_fill);max-inline-size:220px}.fly-people-picker__chip-avatar{inline-size:22px;block-size:22px;border-radius:50%;overflow:hidden;flex:none;background:var(--_surface);display:flex;align-items:center;justify-content:center}.fly-people-picker__chip-avatar img{inline-size:100%;block-size:100%;object-fit:cover}.fly-people-picker__chip-initials{font-size:9px;font-weight:700;color:var(--_text-subtle);text-transform:uppercase}.fly-people-picker__chip-name{font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fly-people-picker__chip-remove{border:none;background:transparent;padding:2px;margin-inline-start:2px;border-radius:50%;color:var(--_text-subtle);font-size:10px;line-height:1;cursor:pointer;flex:none}.fly-people-picker__chip-remove:hover{background:color-mix(in srgb,var(--_danger) 18%,transparent);color:var(--_danger)}.fly-people-picker__change-btn{align-self:flex-start;border:1px solid var(--_border);border-radius:8px;background:var(--_surface);padding:5px 12px;color:var(--_text);font:inherit;font-weight:600;cursor:pointer}.fly-people-picker__change-btn:hover{background:var(--_surface-hover)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { searchFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchFn", required: true }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], excludeIds: [{ type: i0.Input, args: [{ isSignal: true, alias: "excludeIds", required: false }] }], initialSelection: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialSelection", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], selectionChange: [{ type: i0.Output, args: ["selectionChange"] }], typeahead: [{
                 type: ViewChild,
                 args: [FlyTypeaheadComponent]
@@ -22419,7 +22799,7 @@ function __setFlyFlagEmojiSupport(value) {
  * `locked` is a different claim entirely: **the value is fixed on purpose**, because
  * something downstream now depends on it (PPM freezes a project's currency the moment any
  * financial row exists — changing it would silently re-denominate every stored amount).
- * A dimmed control with no explanation is exactly the failure `skills/magic-bar-actions.md`
+ * A dimmed control with no explanation is exactly the failure `skills/shell-magic-bar.md`
  * §3.6 names for actions ("a vanishing action teaches the user nothing"); the same argument
  * applies to a frozen field. So `locked` renders differently on purpose: full-opacity (never
  * dimmed — the value is not "unavailable", it is authoritative), no dropdown affordance at
@@ -22503,7 +22883,7 @@ class FlyCurrencySelectorComponent {
      */
     locked = input(false, ...(ngDevMode ? [{ debugName: "locked" }] : /* istanbul ignore next */ []));
     /**
-     * i18n KEY (never resolved text — see `skills/magic-bar-actions.md` §3.4) explaining
+     * i18n KEY (never resolved text — see `skills/shell-magic-bar.md` §3.4) explaining
      * WHY the control is locked. Omit to use the localized `currency_selector.locked_default_reason`
      * baseline key; supply your own only when that default reason is wrong for your case
      * (mirrors `MagicBarActionSpec.disabledTipKey`'s "supply only when the default is wrong"
@@ -25363,6 +25743,18 @@ function ariaSort(current, column) {
         return 'none';
     return current.dir === 'asc' ? 'ascending' : 'descending';
 }
+/**
+ * A row's own `id` field, for matching against `FlyDataTableComponent`'s `selectedId` input.
+ * Every row shape this table renders is a CRUD record with a real `id` — reading it off `unknown`
+ * rather than requiring a typed row keeps the component generic. `undefined` (no `id`, or not an
+ * object) never matches a real `selectedId`, so an ill-shaped row simply never paints selected.
+ */
+function rowId(row) {
+    if (row === null || typeof row !== 'object')
+        return undefined;
+    const id = row['id'];
+    return typeof id === 'string' ? id : undefined;
+}
 /**
  * Resolves a column's raw cell value off a row via the column's dot-path
  * `field` (falling back to `id`). Missing segments resolve to `null` rather
@@ -25413,6 +25805,13 @@ class FlyDataTableComponent {
     /** `fly-state-message` key when `rows` is empty (omit to render nothing). */
     emptyKey = input(...(ngDevMode ? [undefined, { debugName: "emptyKey" }] : /* istanbul ignore next */ []));
     emptyIconClass = input(...(ngDevMode ? [undefined, { debugName: "emptyIconClass" }] : /* istanbul ignore next */ []));
+    /**
+     * The selected row's `id`, or `null`/omitted for no selection — the select-then-act model
+     * (`skills/shell-ux-rulebook.md` §1) paints the matching `<tr>` with `--tint-sel` and
+     * `aria-selected`. A page that still opens rows on activation (rather than selecting them) simply
+     * never sets this; the table renders exactly as before.
+     */
+    selectedId = input(null, ...(ngDevMode ? [{ debugName: "selectedId" }] : /* istanbul ignore next */ []));
     skeletonRows = [0, 1, 2, 3, 4];
     cellTemplates = contentChildren(FlyCellDirective, ...(ngDevMode ? [{ debugName: "cellTemplates" }] : /* istanbul ignore next */ []));
     templateMap = computed(() => {
@@ -25439,6 +25838,10 @@ class FlyDataTableComponent {
     cellValue(row, col) {
         return resolveCellValue(row, col);
     }
+    isSelected(row) {
+        const selected = this.selectedId();
+        return selected !== null && rowId(row) === selected;
+    }
     /** Default text rendering — em-dash for absent values, verbatim otherwise. */
     displayValue(row, col) {
         const value = resolveCellValue(row, col);
@@ -25455,12 +25858,18 @@ class FlyDataTableComponent {
         this.sortChange.emit(nextSort(this.sort(), col.id));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: FlyDataTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.19", type: FlyDataTableComponent, isStandalone: true, selector: "fly-data-table", inputs: { columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: true, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: true, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelKey: { classPropertyName: "ariaLabelKey", publicName: "ariaLabelKey", isSignal: true, isRequired: false, transformFunction: null }, sort: { classPropertyName: "sort", publicName: "sort", isSignal: true, isRequired: false, transformFunction: null }, emptyKey: { classPropertyName: "emptyKey", publicName: "emptyKey", isSignal: true, isRequired: false, transformFunction: null }, emptyIconClass: { classPropertyName: "emptyIconClass", publicName: "emptyIconClass", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sortChange: "sortChange", rowActivated: "rowActivated" }, queries: [{ propertyName: "cellTemplates", predicate: FlyCellDirective, isSignal: true }], ngImport: i0, template: "<table class=\"dt\" [attr.aria-label]=\"ariaLabelKey() ? (ariaLabelKey()! | translate) : null\">\r\n  <thead>\r\n    <tr>\r\n      @for (col of columns(); track col.id) {\r\n        <th\r\n          scope=\"col\"\r\n          [class.dt__th--end]=\"col.align === 'end'\"\r\n          [attr.aria-sort]=\"headerAriaSort(col)\"\r\n        >\r\n          @if (col.sortable) {\r\n            <button type=\"button\" class=\"dt__sort\" (click)=\"onHeaderClick(col)\">\r\n              <span>{{ col.headerKey | translate }}</span>\r\n              <span class=\"dt__sort-icon\" [attr.data-dir]=\"sortDirFor(col)\" aria-hidden=\"true\"></span>\r\n            </button>\r\n          } @else {\r\n            {{ col.headerKey | translate }}\r\n          }\r\n        </th>\r\n      }\r\n    </tr>\r\n  </thead>\r\n  <tbody>\r\n    @if (loading()) {\r\n      @for (i of skeletonRows; track i) {\r\n        <tr class=\"dt__row dt__row--skel\">\r\n          <td [attr.colspan]=\"columns().length\">\r\n            <!-- shape=\"lines\" is the DS skeleton's no-chrome text shimmer\r\n                 (the kit's former shape=\"text\"); one line per collapsed row.\r\n                 No backticks in here: this is an INLINE template literal. -->\r\n            <fly-skeleton shape=\"lines\" [lines]=\"1\" />\r\n          </td>\r\n        </tr>\r\n      }\r\n    } @else {\r\n      @for (row of rows(); track $index) {\r\n        <tr\r\n          class=\"dt__row\"\r\n          tabindex=\"0\"\r\n          (click)=\"onRowActivate($event, row)\"\r\n          (keydown.enter)=\"onRowActivate($event, row)\"\r\n        >\r\n          @for (col of columns(); track col.id) {\r\n            <td\r\n              [class.dt__td--end]=\"col.align === 'end'\"\r\n              [class.mono]=\"col.kind === 'mono'\"\r\n              [class.dt__td--date]=\"col.kind === 'date'\"\r\n              [class.dt__td--num]=\"col.kind === 'number'\"\r\n              [attr.data-label]=\"col.headerKey | translate\"\r\n            >\r\n              @if (templateFor(col.id); as tpl) {\r\n                <ng-container *ngTemplateOutlet=\"tpl; context: { $implicit: row }\" />\r\n              } @else {\r\n                @switch (col.kind ?? 'text') {\r\n                  @case ('date') {\r\n                    @if (cellValue(row, col); as value) {\r\n                      {{ $any(value) | date: 'yyyy-MM-dd' : 'UTC' }}\r\n                    } @else { \u2014 }\r\n                  }\r\n                  @default {\r\n                    {{ displayValue(row, col) }}\r\n                  }\r\n                }\r\n              }\r\n            </td>\r\n          }\r\n        </tr>\r\n      }\r\n    }\r\n  </tbody>\r\n</table>\r\n@if (!loading() && rows().length === 0 && emptyKey()) {\r\n  <fly-state-message kind=\"empty\" [messageKey]=\"emptyKey()\" [iconClass]=\"emptyIconClass()\" />\r\n}\r\n", styles: ["@charset \"UTF-8\";:host{display:block;background:var(--bg-2);border:1px solid var(--w08);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-card);container-type:inline-size}.dt{width:100%;border-collapse:collapse;font-size:var(--text-base)}.dt thead th{text-align:start;padding:var(--sp-2) var(--sp-3);font-size:12px;font-weight:var(--fw-bold);color:var(--ink-3);background:var(--bg-3);border-block-end:1px solid var(--w1)}.dt__th--end{text-align:end}.dt__sort{display:inline-flex;align-items:center;gap:var(--sp-1);padding:0;border:0;background:transparent;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;cursor:pointer}.dt__sort:hover{color:var(--ink)}.dt__sort:focus-visible{outline:2px solid;outline-color:var(--focus-ring);outline-offset:2px}.dt__sort-icon{inline-size:0;block-size:0;border-inline:4px solid transparent;border-block-start:5px solid var(--ink-4);opacity:.45;transition:transform var(--t-state),opacity var(--t-state)}.dt__sort-icon[data-dir=asc]{opacity:1;border-block-start-color:var(--accent);transform:rotate(180deg)}.dt__sort-icon[data-dir=desc]{opacity:1;border-block-start-color:var(--accent)}.dt tbody td{height:var(--row-h);padding:var(--sp-2) var(--sp-3);border-block-end:1px solid var(--line-3);color:var(--ink);transition:background var(--t-state)}.dt tbody tr:last-child td{border-block-end:0}.dt__row{cursor:pointer}.dt__row:hover td{background:var(--bg-hover)}.dt__row:focus-visible{outline:2px solid;outline-color:var(--focus-ring);outline-offset:2px;outline-offset:-2px}.dt__row--skel{cursor:default}.dt__row--skel:hover td{background:transparent}.dt__td--end{text-align:end}.dt__td--date,.dt__td--num{color:var(--ink-3);font-size:var(--text-sm);font-variant-numeric:tabular-nums}@container (width <= 720px){.dt thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dt,.dt tbody,.dt tbody tr,.dt tbody td{display:block}.dt__row{padding:var(--sp-2) 0;border-block-end:1px solid var(--line-3)}.dt__row:last-child{border-block-end:0}.dt tbody td{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3);height:auto;border-block-end:0;padding:var(--sp-1) var(--sp-3);text-align:end}.dt tbody td:before{content:attr(data-label);flex-shrink:0;font-size:var(--text-xs);font-weight:var(--fw-medium);color:var(--ink-4);text-align:start}}@media(width<=720px){.dt thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dt,.dt tbody,.dt tbody tr,.dt tbody td{display:block}.dt__row{padding:var(--sp-2) 0;border-block-end:1px solid var(--line-3)}.dt__row:last-child{border-block-end:0}.dt tbody td{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3);height:auto;border-block-end:0;padding:var(--sp-1) var(--sp-3);text-align:end}.dt tbody td:before{content:attr(data-label);flex-shrink:0;font-size:var(--text-xs);font-weight:var(--fw-medium);color:var(--ink-4);text-align:start}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: FlyStateMessageComponent, selector: "fly-state-message", inputs: ["kind", "messageKey", "iconClass", "noteKey", "retryLabelKey", "showRetry"], outputs: ["retried"] }, { kind: "component", type: FlySkeletonComponent, selector: "fly-skeleton", inputs: ["layout", "shape", "count", "lines", "animation", "fill", "messageKey", "announce"] }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.19", type: FlyDataTableComponent, isStandalone: true, selector: "fly-data-table", inputs: { columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: true, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: true, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelKey: { classPropertyName: "ariaLabelKey", publicName: "ariaLabelKey", isSignal: true, isRequired: false, transformFunction: null }, sort: { classPropertyName: "sort", publicName: "sort", isSignal: true, isRequired: false, transformFunction: null }, emptyKey: { classPropertyName: "emptyKey", publicName: "emptyKey", isSignal: true, isRequired: false, transformFunction: null }, emptyIconClass: { classPropertyName: "emptyIconClass", publicName: "emptyIconClass", isSignal: true, isRequired: false, transformFunction: null }, selectedId: { classPropertyName: "selectedId", publicName: "selectedId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sortChange: "sortChange", rowActivated: "rowActivated" }, queries: [{ propertyName: "cellTemplates", predicate: FlyCellDirective, isSignal: true }], ngImport: i0, template: "<table class=\"dt\" [attr.aria-label]=\"ariaLabelKey() ? (ariaLabelKey()! | translate) : null\">\n  <thead>\n    <tr>\n      @for (col of columns(); track col.id) {\n        <th\n          scope=\"col\"\n          [class.dt__th--end]=\"col.align === 'end'\"\n          [attr.aria-sort]=\"headerAriaSort(col)\"\n        >\n          @if (col.sortable) {\n            <button type=\"button\" class=\"dt__sort\" (click)=\"onHeaderClick(col)\">\n              <span>{{ col.headerKey | translate }}</span>\n              <span\n                class=\"dt__sort-icon\"\n                [attr.data-dir]=\"sortDirFor(col)\"\n                aria-hidden=\"true\"\n              ></span>\n            </button>\n          } @else {\n            {{ col.headerKey | translate }}\n          }\n        </th>\n      }\n    </tr>\n  </thead>\n  <tbody>\n    @if (loading()) {\n      @for (i of skeletonRows; track i) {\n        <tr class=\"dt__row dt__row--skel\">\n          <td [attr.colspan]=\"columns().length\">\n            <!-- shape=\"lines\" is the DS skeleton's no-chrome text shimmer\n                 (the kit's former shape=\"text\"); one line per collapsed row.\n                 No backticks in here: this is an INLINE template literal. -->\n            <fly-skeleton shape=\"lines\" [lines]=\"1\" />\n          </td>\n        </tr>\n      }\n    } @else {\n      @for (row of rows(); track $index) {\n        <tr\n          class=\"dt__row\"\n          [class.dt__row--selected]=\"isSelected(row)\"\n          [attr.aria-selected]=\"isSelected(row) ? 'true' : null\"\n          tabindex=\"0\"\n          (click)=\"onRowActivate($event, row)\"\n          (keydown.enter)=\"onRowActivate($event, row)\"\n        >\n          @for (col of columns(); track col.id) {\n            <td\n              [class.dt__td--end]=\"col.align === 'end'\"\n              [class.mono]=\"col.kind === 'mono'\"\n              [class.dt__td--date]=\"col.kind === 'date'\"\n              [class.dt__td--num]=\"col.kind === 'number'\"\n              [attr.data-label]=\"col.headerKey | translate\"\n            >\n              @if (templateFor(col.id); as tpl) {\n                <ng-container *ngTemplateOutlet=\"tpl; context: { $implicit: row }\" />\n              } @else {\n                @switch (col.kind ?? 'text') {\n                  @case ('date') {\n                    @if (cellValue(row, col); as value) {\n                      {{ $any(value) | date: 'yyyy-MM-dd' : 'UTC' }}\n                    } @else {\n                      \u2014\n                    }\n                  }\n                  @default {\n                    {{ displayValue(row, col) }}\n                  }\n                }\n              }\n            </td>\n          }\n        </tr>\n      }\n    }\n  </tbody>\n</table>\n@if (!loading() && rows().length === 0 && emptyKey()) {\n  <fly-state-message kind=\"empty\" [messageKey]=\"emptyKey()\" [iconClass]=\"emptyIconClass()\" />\n}\n", styles: ["@charset \"UTF-8\";:host{display:block;background:var(--bg-2);border:1px solid var(--w08);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-card);container-type:inline-size}.dt{width:100%;border-collapse:collapse;font-size:var(--text-base)}.dt thead th{text-align:start;padding:var(--sp-2) var(--sp-3);font-size:12px;font-weight:var(--fw-bold);color:var(--ink-3);background:var(--bg-3);border-block-end:1px solid var(--w1)}.dt__th--end{text-align:end}.dt__sort{display:inline-flex;align-items:center;gap:var(--sp-1);padding:0;border:0;background:transparent;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;cursor:pointer}.dt__sort:hover{color:var(--ink)}.dt__sort:focus-visible{outline:2px solid;outline-color:var(--focus-ring);outline-offset:2px}.dt__sort-icon{inline-size:0;block-size:0;border-inline:4px solid transparent;border-block-start:5px solid var(--ink-4);opacity:.45;transition:transform var(--t-state),opacity var(--t-state)}.dt__sort-icon[data-dir=asc]{opacity:1;border-block-start-color:var(--accent);transform:rotate(180deg)}.dt__sort-icon[data-dir=desc]{opacity:1;border-block-start-color:var(--accent)}.dt tbody td{height:var(--row-h);padding:var(--sp-2) var(--sp-3);border-block-end:1px solid var(--line-3);color:var(--ink);transition:background var(--t-state)}.dt tbody tr:last-child td{border-block-end:0}.dt__row{cursor:pointer}.dt__row:hover td{background:var(--bg-hover)}.dt__row:focus-visible{outline:2px solid;outline-color:var(--focus-ring);outline-offset:2px;outline-offset:-2px}.dt__row--selected td,.dt__row--selected:hover td{background:var(--tint-sel)}.dt__row--skel{cursor:default}.dt__row--skel:hover td{background:transparent}.dt__td--end{text-align:end}.dt__td--date,.dt__td--num{color:var(--ink-3);font-size:var(--text-sm);font-variant-numeric:tabular-nums}@container (width <= 720px){.dt thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dt,.dt tbody,.dt tbody tr,.dt tbody td{display:block}.dt__row{padding:var(--sp-2) 0;border-block-end:1px solid var(--line-3)}.dt__row:last-child{border-block-end:0}.dt tbody td{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3);height:auto;border-block-end:0;padding:var(--sp-1) var(--sp-3);text-align:end}.dt tbody td:before{content:attr(data-label);flex-shrink:0;font-size:var(--text-xs);font-weight:var(--fw-medium);color:var(--ink-4);text-align:start}}@media(width<=720px){.dt thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dt,.dt tbody,.dt tbody tr,.dt tbody td{display:block}.dt__row{padding:var(--sp-2) 0;border-block-end:1px solid var(--line-3)}.dt__row:last-child{border-block-end:0}.dt tbody td{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3);height:auto;border-block-end:0;padding:var(--sp-1) var(--sp-3);text-align:end}.dt tbody td:before{content:attr(data-label);flex-shrink:0;font-size:var(--text-xs);font-weight:var(--fw-medium);color:var(--ink-4);text-align:start}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: FlyStateMessageComponent, selector: "fly-state-message", inputs: ["kind", "messageKey", "iconClass", "noteKey", "retryLabelKey", "showRetry"], outputs: ["retried"] }, { kind: "component", type: FlySkeletonComponent, selector: "fly-skeleton", inputs: ["layout", "shape", "count", "lines", "animation", "fill", "messageKey", "announce"] }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: FlyDataTableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fly-data-table', standalone: true, imports: [DatePipe, NgTemplateOutlet, TranslatePipe, FlyStateMessageComponent, FlySkeletonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<table class=\"dt\" [attr.aria-label]=\"ariaLabelKey() ? (ariaLabelKey()! | translate) : null\">\r\n  <thead>\r\n    <tr>\r\n      @for (col of columns(); track col.id) {\r\n        <th\r\n          scope=\"col\"\r\n          [class.dt__th--end]=\"col.align === 'end'\"\r\n          [attr.aria-sort]=\"headerAriaSort(col)\"\r\n        >\r\n          @if (col.sortable) {\r\n            <button type=\"button\" class=\"dt__sort\" (click)=\"onHeaderClick(col)\">\r\n              <span>{{ col.headerKey | translate }}</span>\r\n              <span class=\"dt__sort-icon\" [attr.data-dir]=\"sortDirFor(col)\" aria-hidden=\"true\"></span>\r\n            </button>\r\n          } @else {\r\n            {{ col.headerKey | translate }}\r\n          }\r\n        </th>\r\n      }\r\n    </tr>\r\n  </thead>\r\n  <tbody>\r\n    @if (loading()) {\r\n      @for (i of skeletonRows; track i) {\r\n        <tr class=\"dt__row dt__row--skel\">\r\n          <td [attr.colspan]=\"columns().length\">\r\n            <!-- shape=\"lines\" is the DS skeleton's no-chrome text shimmer\r\n                 (the kit's former shape=\"text\"); one line per collapsed row.\r\n                 No backticks in here: this is an INLINE template literal. -->\r\n            <fly-skeleton shape=\"lines\" [lines]=\"1\" />\r\n          </td>\r\n        </tr>\r\n      }\r\n    } @else {\r\n      @for (row of rows(); track $index) {\r\n        <tr\r\n          class=\"dt__row\"\r\n          tabindex=\"0\"\r\n          (click)=\"onRowActivate($event, row)\"\r\n          (keydown.enter)=\"onRowActivate($event, row)\"\r\n        >\r\n          @for (col of columns(); track col.id) {\r\n            <td\r\n              [class.dt__td--end]=\"col.align === 'end'\"\r\n              [class.mono]=\"col.kind === 'mono'\"\r\n              [class.dt__td--date]=\"col.kind === 'date'\"\r\n              [class.dt__td--num]=\"col.kind === 'number'\"\r\n              [attr.data-label]=\"col.headerKey | translate\"\r\n            >\r\n              @if (templateFor(col.id); as tpl) {\r\n                <ng-container *ngTemplateOutlet=\"tpl; context: { $implicit: row }\" />\r\n              } @else {\r\n                @switch (col.kind ?? 'text') {\r\n                  @case ('date') {\r\n                    @if (cellValue(row, col); as value) {\r\n                      {{ $any(value) | date: 'yyyy-MM-dd' : 'UTC' }}\r\n                    } @else { \u2014 }\r\n                  }\r\n                  @default {\r\n                    {{ displayValue(row, col) }}\r\n                  }\r\n                }\r\n              }\r\n            </td>\r\n          }\r\n        </tr>\r\n      }\r\n    }\r\n  </tbody>\r\n</table>\r\n@if (!loading() && rows().length === 0 && emptyKey()) {\r\n  <fly-state-message kind=\"empty\" [messageKey]=\"emptyKey()\" [iconClass]=\"emptyIconClass()\" />\r\n}\r\n", styles: ["@charset \"UTF-8\";:host{display:block;background:var(--bg-2);border:1px solid var(--w08);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-card);container-type:inline-size}.dt{width:100%;border-collapse:collapse;font-size:var(--text-base)}.dt thead th{text-align:start;padding:var(--sp-2) var(--sp-3);font-size:12px;font-weight:var(--fw-bold);color:var(--ink-3);background:var(--bg-3);border-block-end:1px solid var(--w1)}.dt__th--end{text-align:end}.dt__sort{display:inline-flex;align-items:center;gap:var(--sp-1);padding:0;border:0;background:transparent;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;cursor:pointer}.dt__sort:hover{color:var(--ink)}.dt__sort:focus-visible{outline:2px solid;outline-color:var(--focus-ring);outline-offset:2px}.dt__sort-icon{inline-size:0;block-size:0;border-inline:4px solid transparent;border-block-start:5px solid var(--ink-4);opacity:.45;transition:transform var(--t-state),opacity var(--t-state)}.dt__sort-icon[data-dir=asc]{opacity:1;border-block-start-color:var(--accent);transform:rotate(180deg)}.dt__sort-icon[data-dir=desc]{opacity:1;border-block-start-color:var(--accent)}.dt tbody td{height:var(--row-h);padding:var(--sp-2) var(--sp-3);border-block-end:1px solid var(--line-3);color:var(--ink);transition:background var(--t-state)}.dt tbody tr:last-child td{border-block-end:0}.dt__row{cursor:pointer}.dt__row:hover td{background:var(--bg-hover)}.dt__row:focus-visible{outline:2px solid;outline-color:var(--focus-ring);outline-offset:2px;outline-offset:-2px}.dt__row--skel{cursor:default}.dt__row--skel:hover td{background:transparent}.dt__td--end{text-align:end}.dt__td--date,.dt__td--num{color:var(--ink-3);font-size:var(--text-sm);font-variant-numeric:tabular-nums}@container (width <= 720px){.dt thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dt,.dt tbody,.dt tbody tr,.dt tbody td{display:block}.dt__row{padding:var(--sp-2) 0;border-block-end:1px solid var(--line-3)}.dt__row:last-child{border-block-end:0}.dt tbody td{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3);height:auto;border-block-end:0;padding:var(--sp-1) var(--sp-3);text-align:end}.dt tbody td:before{content:attr(data-label);flex-shrink:0;font-size:var(--text-xs);font-weight:var(--fw-medium);color:var(--ink-4);text-align:start}}@media(width<=720px){.dt thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dt,.dt tbody,.dt tbody tr,.dt tbody td{display:block}.dt__row{padding:var(--sp-2) 0;border-block-end:1px solid var(--line-3)}.dt__row:last-child{border-block-end:0}.dt tbody td{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3);height:auto;border-block-end:0;padding:var(--sp-1) var(--sp-3);text-align:end}.dt tbody td:before{content:attr(data-label);flex-shrink:0;font-size:var(--text-xs);font-weight:var(--fw-medium);color:var(--ink-4);text-align:start}}\n"] }]
-        }], propDecorators: { columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: true }] }], rows: [{ type: i0.Input, args: [{ isSignal: true, alias: "rows", required: true }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], ariaLabelKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabelKey", required: false }] }], sort: [{ type: i0.Input, args: [{ isSignal: true, alias: "sort", required: false }] }], sortChange: [{ type: i0.Output, args: ["sortChange"] }], rowActivated: [{ type: i0.Output, args: ["rowActivated"] }], emptyKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyKey", required: false }] }], emptyIconClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyIconClass", required: false }] }], cellTemplates: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => FlyCellDirective), { isSignal: true }] }] } });
+            args: [{ selector: 'fly-data-table', standalone: true, imports: [
+                        DatePipe,
+                        NgTemplateOutlet,
+                        TranslatePipe,
+                        FlyStateMessageComponent,
+                        FlySkeletonComponent,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<table class=\"dt\" [attr.aria-label]=\"ariaLabelKey() ? (ariaLabelKey()! | translate) : null\">\n  <thead>\n    <tr>\n      @for (col of columns(); track col.id) {\n        <th\n          scope=\"col\"\n          [class.dt__th--end]=\"col.align === 'end'\"\n          [attr.aria-sort]=\"headerAriaSort(col)\"\n        >\n          @if (col.sortable) {\n            <button type=\"button\" class=\"dt__sort\" (click)=\"onHeaderClick(col)\">\n              <span>{{ col.headerKey | translate }}</span>\n              <span\n                class=\"dt__sort-icon\"\n                [attr.data-dir]=\"sortDirFor(col)\"\n                aria-hidden=\"true\"\n              ></span>\n            </button>\n          } @else {\n            {{ col.headerKey | translate }}\n          }\n        </th>\n      }\n    </tr>\n  </thead>\n  <tbody>\n    @if (loading()) {\n      @for (i of skeletonRows; track i) {\n        <tr class=\"dt__row dt__row--skel\">\n          <td [attr.colspan]=\"columns().length\">\n            <!-- shape=\"lines\" is the DS skeleton's no-chrome text shimmer\n                 (the kit's former shape=\"text\"); one line per collapsed row.\n                 No backticks in here: this is an INLINE template literal. -->\n            <fly-skeleton shape=\"lines\" [lines]=\"1\" />\n          </td>\n        </tr>\n      }\n    } @else {\n      @for (row of rows(); track $index) {\n        <tr\n          class=\"dt__row\"\n          [class.dt__row--selected]=\"isSelected(row)\"\n          [attr.aria-selected]=\"isSelected(row) ? 'true' : null\"\n          tabindex=\"0\"\n          (click)=\"onRowActivate($event, row)\"\n          (keydown.enter)=\"onRowActivate($event, row)\"\n        >\n          @for (col of columns(); track col.id) {\n            <td\n              [class.dt__td--end]=\"col.align === 'end'\"\n              [class.mono]=\"col.kind === 'mono'\"\n              [class.dt__td--date]=\"col.kind === 'date'\"\n              [class.dt__td--num]=\"col.kind === 'number'\"\n              [attr.data-label]=\"col.headerKey | translate\"\n            >\n              @if (templateFor(col.id); as tpl) {\n                <ng-container *ngTemplateOutlet=\"tpl; context: { $implicit: row }\" />\n              } @else {\n                @switch (col.kind ?? 'text') {\n                  @case ('date') {\n                    @if (cellValue(row, col); as value) {\n                      {{ $any(value) | date: 'yyyy-MM-dd' : 'UTC' }}\n                    } @else {\n                      \u2014\n                    }\n                  }\n                  @default {\n                    {{ displayValue(row, col) }}\n                  }\n                }\n              }\n            </td>\n          }\n        </tr>\n      }\n    }\n  </tbody>\n</table>\n@if (!loading() && rows().length === 0 && emptyKey()) {\n  <fly-state-message kind=\"empty\" [messageKey]=\"emptyKey()\" [iconClass]=\"emptyIconClass()\" />\n}\n", styles: ["@charset \"UTF-8\";:host{display:block;background:var(--bg-2);border:1px solid var(--w08);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-card);container-type:inline-size}.dt{width:100%;border-collapse:collapse;font-size:var(--text-base)}.dt thead th{text-align:start;padding:var(--sp-2) var(--sp-3);font-size:12px;font-weight:var(--fw-bold);color:var(--ink-3);background:var(--bg-3);border-block-end:1px solid var(--w1)}.dt__th--end{text-align:end}.dt__sort{display:inline-flex;align-items:center;gap:var(--sp-1);padding:0;border:0;background:transparent;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;cursor:pointer}.dt__sort:hover{color:var(--ink)}.dt__sort:focus-visible{outline:2px solid;outline-color:var(--focus-ring);outline-offset:2px}.dt__sort-icon{inline-size:0;block-size:0;border-inline:4px solid transparent;border-block-start:5px solid var(--ink-4);opacity:.45;transition:transform var(--t-state),opacity var(--t-state)}.dt__sort-icon[data-dir=asc]{opacity:1;border-block-start-color:var(--accent);transform:rotate(180deg)}.dt__sort-icon[data-dir=desc]{opacity:1;border-block-start-color:var(--accent)}.dt tbody td{height:var(--row-h);padding:var(--sp-2) var(--sp-3);border-block-end:1px solid var(--line-3);color:var(--ink);transition:background var(--t-state)}.dt tbody tr:last-child td{border-block-end:0}.dt__row{cursor:pointer}.dt__row:hover td{background:var(--bg-hover)}.dt__row:focus-visible{outline:2px solid;outline-color:var(--focus-ring);outline-offset:2px;outline-offset:-2px}.dt__row--selected td,.dt__row--selected:hover td{background:var(--tint-sel)}.dt__row--skel{cursor:default}.dt__row--skel:hover td{background:transparent}.dt__td--end{text-align:end}.dt__td--date,.dt__td--num{color:var(--ink-3);font-size:var(--text-sm);font-variant-numeric:tabular-nums}@container (width <= 720px){.dt thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dt,.dt tbody,.dt tbody tr,.dt tbody td{display:block}.dt__row{padding:var(--sp-2) 0;border-block-end:1px solid var(--line-3)}.dt__row:last-child{border-block-end:0}.dt tbody td{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3);height:auto;border-block-end:0;padding:var(--sp-1) var(--sp-3);text-align:end}.dt tbody td:before{content:attr(data-label);flex-shrink:0;font-size:var(--text-xs);font-weight:var(--fw-medium);color:var(--ink-4);text-align:start}}@media(width<=720px){.dt thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dt,.dt tbody,.dt tbody tr,.dt tbody td{display:block}.dt__row{padding:var(--sp-2) 0;border-block-end:1px solid var(--line-3)}.dt__row:last-child{border-block-end:0}.dt tbody td{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3);height:auto;border-block-end:0;padding:var(--sp-1) var(--sp-3);text-align:end}.dt tbody td:before{content:attr(data-label);flex-shrink:0;font-size:var(--text-xs);font-weight:var(--fw-medium);color:var(--ink-4);text-align:start}}\n"] }]
+        }], propDecorators: { columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: true }] }], rows: [{ type: i0.Input, args: [{ isSignal: true, alias: "rows", required: true }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], ariaLabelKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabelKey", required: false }] }], sort: [{ type: i0.Input, args: [{ isSignal: true, alias: "sort", required: false }] }], sortChange: [{ type: i0.Output, args: ["sortChange"] }], rowActivated: [{ type: i0.Output, args: ["rowActivated"] }], emptyKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyKey", required: false }] }], emptyIconClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyIconClass", required: false }] }], selectedId: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedId", required: false }] }], cellTemplates: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => FlyCellDirective), { isSignal: true }] }] } });
 
 /**
  * Plain-signals factory (no DI) replacing the per-page boilerplate of
@@ -25854,30 +26263,30 @@ class FlyDetailCardComponent {
     /** Drop the body padding — for a child that brings its own list/table chrome. */
     flush = input(false, ...(ngDevMode ? [{ debugName: "flush" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: FlyDetailCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.19", type: FlyDetailCardComponent, isStandalone: true, selector: "fly-detail-card", inputs: { titleKey: { classPropertyName: "titleKey", publicName: "titleKey", isSignal: true, isRequired: false, transformFunction: null }, hasProjectedTitle: { classPropertyName: "hasProjectedTitle", publicName: "hasProjectedTitle", isSignal: true, isRequired: false, transformFunction: null }, flush: { classPropertyName: "flush", publicName: "flush", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
-    @if (titleKey() || hasProjectedTitle()) {
-      <fly-section-header [titleKey]="titleKey()">
-        <ng-content select="[card-title]" ngProjectAs="[section-title]" />
-        <ng-content select="[card-actions]" ngProjectAs="[section-actions]" />
-      </fly-section-header>
-    }
-    <div class="dc__body" [class.dc__body--flush]="flush()">
-      <ng-content />
-    </div>
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.19", type: FlyDetailCardComponent, isStandalone: true, selector: "fly-detail-card", inputs: { titleKey: { classPropertyName: "titleKey", publicName: "titleKey", isSignal: true, isRequired: false, transformFunction: null }, hasProjectedTitle: { classPropertyName: "hasProjectedTitle", publicName: "hasProjectedTitle", isSignal: true, isRequired: false, transformFunction: null }, flush: { classPropertyName: "flush", publicName: "flush", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    @if (titleKey() || hasProjectedTitle()) {
+      <fly-section-header [titleKey]="titleKey()">
+        <ng-content select="[card-title]" ngProjectAs="[section-title]" />
+        <ng-content select="[card-actions]" ngProjectAs="[section-actions]" />
+      </fly-section-header>
+    }
+    <div class="dc__body" [class.dc__body--flush]="flush()">
+      <ng-content />
+    </div>
   `, isInline: true, styles: [":host{display:block;background:var(--bg-2);border:1px solid var(--w08);border-radius:var(--r-lg);box-shadow:var(--shadow-card);overflow:hidden;animation:itemIn .3s var(--nova-ease-micro) both}.dc__body{padding:var(--sp-3) var(--sp-4) var(--sp-4)}.dc__body--flush{padding:0}\n"], dependencies: [{ kind: "component", type: FlySectionHeaderComponent, selector: "fly-section-header", inputs: ["titleKey"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: FlyDetailCardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fly-detail-card', standalone: true, imports: [FlySectionHeaderComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
-    @if (titleKey() || hasProjectedTitle()) {
-      <fly-section-header [titleKey]="titleKey()">
-        <ng-content select="[card-title]" ngProjectAs="[section-title]" />
-        <ng-content select="[card-actions]" ngProjectAs="[section-actions]" />
-      </fly-section-header>
-    }
-    <div class="dc__body" [class.dc__body--flush]="flush()">
-      <ng-content />
-    </div>
+            args: [{ selector: 'fly-detail-card', standalone: true, imports: [FlySectionHeaderComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    @if (titleKey() || hasProjectedTitle()) {
+      <fly-section-header [titleKey]="titleKey()">
+        <ng-content select="[card-title]" ngProjectAs="[section-title]" />
+        <ng-content select="[card-actions]" ngProjectAs="[section-actions]" />
+      </fly-section-header>
+    }
+    <div class="dc__body" [class.dc__body--flush]="flush()">
+      <ng-content />
+    </div>
   `, styles: [":host{display:block;background:var(--bg-2);border:1px solid var(--w08);border-radius:var(--r-lg);box-shadow:var(--shadow-card);overflow:hidden;animation:itemIn .3s var(--nova-ease-micro) both}.dc__body{padding:var(--sp-3) var(--sp-4) var(--sp-4)}.dc__body--flush{padding:0}\n"] }]
         }], propDecorators: { titleKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "titleKey", required: false }] }], hasProjectedTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasProjectedTitle", required: false }] }], flush: [{ type: i0.Input, args: [{ isSignal: true, alias: "flush", required: false }] }] } });
 
@@ -26005,108 +26414,108 @@ class FlyDetailShellComponent {
         buttons?.[next]?.focus();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: FlyDetailShellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.19", type: FlyDetailShellComponent, isStandalone: true, selector: "fly-detail-shell", inputs: { sections: { classPropertyName: "sections", publicName: "sections", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, sectionsLabelKey: { classPropertyName: "sectionsLabelKey", publicName: "sectionsLabelKey", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selectedChange" }, viewQueries: [{ propertyName: "rail", first: true, predicate: ["rail"], descendants: true, isSignal: true }], ngImport: i0, template: `
-    <div class="ds__layout">
-      <aside class="ds__aside">
-        <div class="ds__pinned">
-          <ng-content select="[detail-aside]" />
-        </div>
-
-        @if (sections().length > 0) {
-          <div
-            #rail
-            class="ds__rail"
-            role="tablist"
-            tabindex="-1"
-            [attr.aria-orientation]="'vertical'"
-            [attr.aria-label]="sectionsLabelKey() | translate"
-            (keydown)="onKey($event)"
-          >
-            @for (s of sections(); track s.id) {
-              <button
-                type="button"
-                class="ds__tab"
-                role="tab"
-                [id]="tabId(s.id)"
-                [class.ds__tab--active]="activeId() === s.id"
-                [attr.aria-selected]="activeId() === s.id"
-                [attr.aria-controls]="panelId()"
-                [attr.tabindex]="activeId() === s.id ? 0 : -1"
-                [attr.title]="s.labelKey | translate"
-                (click)="select(s.id)"
-              >
-                @if (s.icon) {
-                  <span class="pi {{ s.icon }} ds__tab-ico" aria-hidden="true"></span>
-                }
-                <span class="ds__tab-label">{{ s.labelKey | translate }}</span>
-              </button>
-            }
-          </div>
-        }
-      </aside>
-
-      <div
-        class="ds__panel"
-        [id]="panelId()"
-        [attr.role]="sections().length ? 'tabpanel' : null"
-        [attr.aria-labelledby]="activeId() ? tabId(activeId()!) : null"
-      >
-        <ng-content />
-      </div>
-    </div>
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.19", type: FlyDetailShellComponent, isStandalone: true, selector: "fly-detail-shell", inputs: { sections: { classPropertyName: "sections", publicName: "sections", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, sectionsLabelKey: { classPropertyName: "sectionsLabelKey", publicName: "sectionsLabelKey", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selectedChange" }, viewQueries: [{ propertyName: "rail", first: true, predicate: ["rail"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    <div class="ds__layout">
+      <aside class="ds__aside">
+        <div class="ds__pinned">
+          <ng-content select="[detail-aside]" />
+        </div>
+
+        @if (sections().length > 0) {
+          <div
+            #rail
+            class="ds__rail"
+            role="tablist"
+            tabindex="-1"
+            [attr.aria-orientation]="'vertical'"
+            [attr.aria-label]="sectionsLabelKey() | translate"
+            (keydown)="onKey($event)"
+          >
+            @for (s of sections(); track s.id) {
+              <button
+                type="button"
+                class="ds__tab"
+                role="tab"
+                [id]="tabId(s.id)"
+                [class.ds__tab--active]="activeId() === s.id"
+                [attr.aria-selected]="activeId() === s.id"
+                [attr.aria-controls]="panelId()"
+                [attr.tabindex]="activeId() === s.id ? 0 : -1"
+                [attr.title]="s.labelKey | translate"
+                (click)="select(s.id)"
+              >
+                @if (s.icon) {
+                  <span class="pi {{ s.icon }} ds__tab-ico" aria-hidden="true"></span>
+                }
+                <span class="ds__tab-label">{{ s.labelKey | translate }}</span>
+              </button>
+            }
+          </div>
+        }
+      </aside>
+
+      <div
+        class="ds__panel"
+        [id]="panelId()"
+        [attr.role]="sections().length ? 'tabpanel' : null"
+        [attr.aria-labelledby]="activeId() ? tabId(activeId()!) : null"
+      >
+        <ng-content />
+      </div>
+    </div>
   `, isInline: true, styles: [":host{display:block;container-type:inline-size}.ds__layout{display:grid;grid-template-columns:var(--fly-detail-aside, 300px) minmax(0,1fr);gap:var(--sp-4);align-items:start}.ds__aside{display:flex;flex-direction:column;gap:var(--sp-4);min-width:0}.ds__aside .ds__rail{order:-1}.ds__pinned{display:flex;flex-direction:column;gap:var(--sp-4);min-width:0}.ds__panel{display:flex;flex-direction:column;gap:var(--sp-4);min-width:0;align-self:stretch}.ds__panel>:only-child{flex:1}.ds__rail{display:flex;flex-direction:column;gap:var(--sp-1);padding:var(--sp-2);background:var(--bg-2);border:1px solid var(--w08);border-radius:var(--r-lg);box-shadow:var(--shadow-card)}.ds__tab{display:flex;align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-2);border:0;background:transparent;border-radius:var(--r-md);color:var(--ink-2);cursor:pointer;font-family:inherit;font-size:var(--text-sm);text-align:start;white-space:nowrap;overflow:hidden;transition:background var(--t-state),color var(--t-state)}.ds__tab:hover{background:var(--w06);color:var(--ink)}.ds__tab:focus-visible{outline:2px solid;outline-color:var(--focus-ring);outline-offset:2px}.ds__tab--active{background:var(--accent-fill);color:var(--on-accent-fill);font-weight:var(--fw-semibold)}.ds__tab-ico{font-size:var(--text-md);flex-shrink:0;width:20px;text-align:center}.ds__tab-label{min-width:0;overflow:hidden;text-overflow:ellipsis}@container (width <= 980px){.ds__layout{grid-template-columns:minmax(0,1fr)}.ds__rail{flex-flow:row wrap}.ds__tab{width:auto}}@media(width<=980px){.ds__layout{grid-template-columns:minmax(0,1fr)}.ds__rail{flex-flow:row wrap}.ds__tab{width:auto}}\n"], dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: FlyDetailShellComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fly-detail-shell', standalone: true, imports: [TranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: `
-    <div class="ds__layout">
-      <aside class="ds__aside">
-        <div class="ds__pinned">
-          <ng-content select="[detail-aside]" />
-        </div>
-
-        @if (sections().length > 0) {
-          <div
-            #rail
-            class="ds__rail"
-            role="tablist"
-            tabindex="-1"
-            [attr.aria-orientation]="'vertical'"
-            [attr.aria-label]="sectionsLabelKey() | translate"
-            (keydown)="onKey($event)"
-          >
-            @for (s of sections(); track s.id) {
-              <button
-                type="button"
-                class="ds__tab"
-                role="tab"
-                [id]="tabId(s.id)"
-                [class.ds__tab--active]="activeId() === s.id"
-                [attr.aria-selected]="activeId() === s.id"
-                [attr.aria-controls]="panelId()"
-                [attr.tabindex]="activeId() === s.id ? 0 : -1"
-                [attr.title]="s.labelKey | translate"
-                (click)="select(s.id)"
-              >
-                @if (s.icon) {
-                  <span class="pi {{ s.icon }} ds__tab-ico" aria-hidden="true"></span>
-                }
-                <span class="ds__tab-label">{{ s.labelKey | translate }}</span>
-              </button>
-            }
-          </div>
-        }
-      </aside>
-
-      <div
-        class="ds__panel"
-        [id]="panelId()"
-        [attr.role]="sections().length ? 'tabpanel' : null"
-        [attr.aria-labelledby]="activeId() ? tabId(activeId()!) : null"
-      >
-        <ng-content />
-      </div>
-    </div>
+            args: [{ selector: 'fly-detail-shell', standalone: true, imports: [TranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div class="ds__layout">
+      <aside class="ds__aside">
+        <div class="ds__pinned">
+          <ng-content select="[detail-aside]" />
+        </div>
+
+        @if (sections().length > 0) {
+          <div
+            #rail
+            class="ds__rail"
+            role="tablist"
+            tabindex="-1"
+            [attr.aria-orientation]="'vertical'"
+            [attr.aria-label]="sectionsLabelKey() | translate"
+            (keydown)="onKey($event)"
+          >
+            @for (s of sections(); track s.id) {
+              <button
+                type="button"
+                class="ds__tab"
+                role="tab"
+                [id]="tabId(s.id)"
+                [class.ds__tab--active]="activeId() === s.id"
+                [attr.aria-selected]="activeId() === s.id"
+                [attr.aria-controls]="panelId()"
+                [attr.tabindex]="activeId() === s.id ? 0 : -1"
+                [attr.title]="s.labelKey | translate"
+                (click)="select(s.id)"
+              >
+                @if (s.icon) {
+                  <span class="pi {{ s.icon }} ds__tab-ico" aria-hidden="true"></span>
+                }
+                <span class="ds__tab-label">{{ s.labelKey | translate }}</span>
+              </button>
+            }
+          </div>
+        }
+      </aside>
+
+      <div
+        class="ds__panel"
+        [id]="panelId()"
+        [attr.role]="sections().length ? 'tabpanel' : null"
+        [attr.aria-labelledby]="activeId() ? tabId(activeId()!) : null"
+      >
+        <ng-content />
+      </div>
+    </div>
   `, styles: [":host{display:block;container-type:inline-size}.ds__layout{display:grid;grid-template-columns:var(--fly-detail-aside, 300px) minmax(0,1fr);gap:var(--sp-4);align-items:start}.ds__aside{display:flex;flex-direction:column;gap:var(--sp-4);min-width:0}.ds__aside .ds__rail{order:-1}.ds__pinned{display:flex;flex-direction:column;gap:var(--sp-4);min-width:0}.ds__panel{display:flex;flex-direction:column;gap:var(--sp-4);min-width:0;align-self:stretch}.ds__panel>:only-child{flex:1}.ds__rail{display:flex;flex-direction:column;gap:var(--sp-1);padding:var(--sp-2);background:var(--bg-2);border:1px solid var(--w08);border-radius:var(--r-lg);box-shadow:var(--shadow-card)}.ds__tab{display:flex;align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-2);border:0;background:transparent;border-radius:var(--r-md);color:var(--ink-2);cursor:pointer;font-family:inherit;font-size:var(--text-sm);text-align:start;white-space:nowrap;overflow:hidden;transition:background var(--t-state),color var(--t-state)}.ds__tab:hover{background:var(--w06);color:var(--ink)}.ds__tab:focus-visible{outline:2px solid;outline-color:var(--focus-ring);outline-offset:2px}.ds__tab--active{background:var(--accent-fill);color:var(--on-accent-fill);font-weight:var(--fw-semibold)}.ds__tab-ico{font-size:var(--text-md);flex-shrink:0;width:20px;text-align:center}.ds__tab-label{min-width:0;overflow:hidden;text-overflow:ellipsis}@container (width <= 980px){.ds__layout{grid-template-columns:minmax(0,1fr)}.ds__rail{flex-flow:row wrap}.ds__tab{width:auto}}@media(width<=980px){.ds__layout{grid-template-columns:minmax(0,1fr)}.ds__rail{flex-flow:row wrap}.ds__tab{width:auto}}\n"] }]
         }], propDecorators: { rail: [{ type: i0.ViewChild, args: ['rail', { isSignal: true }] }], sections: [{ type: i0.Input, args: [{ isSignal: true, alias: "sections", required: false }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }, { type: i0.Output, args: ["selectedChange"] }], sectionsLabelKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "sectionsLabelKey", required: false }] }] } });
 
@@ -28604,7 +29013,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImpo
  *         `FlyosPendingLaunches`. `LAUNCH_CONTEXT` is now documented as
  *         shell-internal — Native Federation can split the InjectionToken across
  *         host/remote bundles, so federated remotes must consume the
- *         event + registry surfaces. See `skills/cross-app-deep-linking.md`.
+ *         event + registry surfaces. See `skills/platform-deep-linking.md`.
  *         Also: new `SourceAppResolver` service + `APP_LOOKUP` adapter token,
  *         centralising the canonicalization rule that strips `-service` from
  *         JWT client_ids (`circles-service` → `circles`) so chips, banners,
@@ -28635,7 +29044,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImpo
  *          `FLY_WINDOW_HELP_HINT_EVENT`, `FlyWindowHelpHintEventDetail`.
  *          Backed by the help-center reader's new `params.topic` launch payload
  *          and "no help for this app yet" empty-state. See
- *          `skills/help-center.md` and `skills/desktop-shell-angular.md`.
+ *          `skills/app-help-center.md` and `skills/shell-angular.md`.
  * v2.20.0: Centralized identity gating (Layers 1–3 of the auth-gate hardening).
  *          `AuthService` is now the single identity source of truth and gains a
  *          gate surface: `roles`, `isAdmin`, `hasAnyRole()`, plus `expiresAt` /
@@ -28656,7 +29065,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImpo
  *          re-applies on re-mount, mandatory `appId` filter, null-route no-op,
  *          reload-safety via the shell's single-writer republish). Additive — old
  *          hand-rolled receivers keep working. New exports: `connectRemoteLaunch`,
- *          `ConnectRemoteLaunchOptions`. See `skills/cross-app-deep-linking.md`.
+ *          `ConnectRemoteLaunchOptions`. See `skills/platform-deep-linking.md`.
  * v2.5.1: New `MessageBoxService.showAcknowledged()` entry point returning
  *         `DialogResultWithAcknowledgement` for "Don't ask again"-style flows.
  *         The `dontAskAgain` config (`MessageBoxDontAskAgainConfig`) lives ONLY on
@@ -28894,6 +29303,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImpo
  *          + `[(value)]`; `fly-empty-state` → `fly-state-message` `[kind]`/`[messageKey]`.
  *          The `pagination.*` baseline-locale namespace went with them (the kit uses
  *          `ui.pagination.*`); `breadcrumb.*` and `tree_nav.*` remain.
+ * v3.15.0: `FlyLaunchContextService` — the launch **params**, which `connectRemoteLaunch`
+ *          used to drop. That helper's `navigate` callback takes a route STRING, so it
+ *          structurally cannot carry `ctx.params` — the payload dashboard drill-down
+ *          rides on (`skills/dashboard-reports.md` § "Drill-down": a report card declares
+ *          `{ appId, route, filterParam, valueFrom }` and the shell launches with
+ *          `params: { [filterParam]: clickedValue }`). Every drill-down into a federated
+ *          remote therefore landed on an UNFILTERED register, and the only workaround was
+ *          a per-app service non-destructively peeking the same `__FLYOS_PENDING_LAUNCHES__`
+ *          registry — with a load-bearing construction-ordering dependency on running
+ *          BEFORE `connectRemoteLaunch` drained (deleted) the entry. `LAUNCH_CONTEXT`, the
+ *          shell-side answer, is unusable from a remote (Native Federation splits the
+ *          token identity).
+ *
+ *          `connectRemoteLaunch` now publishes every accepted (version-deduped) launch —
+ *          `route` AND `params`, including params-only launches whose route is `null` —
+ *          into `FlyLaunchContextService`, an appId-keyed, `globalThis`-backed store
+ *          (`FLY_LAUNCH_CONTEXT_STORE_KEY` / `FLY_LAUNCH_CONTEXT_EVENT`) on the same
+ *          substrate as `FlyRemoteContextService` and `MagicBarRegistry`, so a federation
+ *          version-negotiation split cannot present as "params only missing for remotes".
+ *          Read it from anywhere in the remote, at any time, with no ordering constraint:
+ *          `inject(FlyLaunchContextService).contextFor(appId)` (signal),
+ *          `.context(appId)` / `.params(appId)` (direct, split-proof reads). Entries are
+ *          NOT consumed on read — a lazily-mounted leaf must still see the launch that
+ *          opened the window — so consumers dedupe on `LaunchContext.version` exactly as
+ *          they already do for the live-event path. New `ConnectRemoteLaunchOptions.onLaunch`
+ *          is the callback form for a root-local reaction that needs no injectable.
+ *          Additive: `navigate` still fires exactly when it did. New exports:
+ *          `FlyLaunchContextService`, `FLY_LAUNCH_CONTEXT_STORE_KEY`,
+ *          `FLY_LAUNCH_CONTEXT_EVENT`. See `skills/cross-app-deep-linking.md`.
  * v1.8.0: `MagicBarRegistry` — the UX-v2 magic bar's contribution store. The active view
  *         publishes what the shell's top-bar toolbar pill should offer (search, ordered
  *         action groups, an accent primary CTA, an overflow set, and the ids of the
@@ -29019,5 +29457,5 @@ const AUDIENCE_ERROR_CODES = {
  * Generated bundle index. Do not edit.
  */
 
-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_CURRENCY_DEFAULT_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_GANTT_DEFAULTS, 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_OUTLET_DEPTH, 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_STRATEGY_OBJECTIVES_LOOKUP_ENDPOINT, FLY_THEME_MODE_IDS, FLY_VIEWPORT_IS_MOBILE, FLY_WINDOW_BREADCRUMBS_EVENT, FLY_WINDOW_BREADCRUMBS_STORE_KEY, 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, FlyLifecyclePipelineComponent, FlyMagicActionsComponent, FlyMetaListComponent, FlyModalComponent, FlyModerationQueueComponent, FlyModuleIconDirective, FlyMoneyPipe, FlyOverviewKpiRowComponent, FlyOverviewRowsComponent, FlyOverviewSectionComponent, FlyOverviewSurfaceComponent, FlyPagerComponent, FlyPaginationComponent, FlyPeoplePickerComponent, FlyPointsTierComponent, FlyProgressComponent, FlyRelativeTimePipe, FlyRemoteContextService, FlyRemoteRouter, FlyRemoteRouterOutletComponent, FlySearchInputComponent, FlySectionHeaderComponent, FlySecureSrcDirective, FlySegmentedComponent, FlySelectComponent, FlySkeletonComponent, FlySliderComponent, FlySparklineComponent, FlySpinnerComponent, FlyStandaloneAuthCallbackComponent, FlyStandaloneAuthService, FlyStandaloneMagicActionsComponent, FlyStateMessageComponent, FlyStrategySelectorComponent, FlyDynamicFormComponent as FlySurveyFormComponent, FlyTabComponent, FlyTabsComponent, FlyTagsInputComponent, FlyThemeService, FlyTimePipe, FlyToastService, FlyToggleComponent, FlyTooltipDirective, FlyTreeNavComponent, FlyTypeaheadComponent, FlyUserDirectoryService, FlyWindowHelpService, FlyWindowTitleService, FlyosPendingLaunchesGlobalKey, FlyosShellHandlesLaunchRequestsGlobalKey, FlyosShellOwnsHistoryGlobalKey, GANTT_DEPENDENCY_TYPES, GANTT_LABEL_W_DEFAULT, GANTT_LABEL_W_MAX, GANTT_LABEL_W_MIN, 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, WindowBreadcrumbsRegistry, WindowManagerService, applyGanttRowReorder, applySkinTone, applySuggestion, ariaSort, buildCron, canConfirm, canGoNext$1 as canGoNext, canGoPrev$1 as canGoPrev, captureFocus, clampMagicBarSearchWidth, clampPage$1 as clampPage, clampSliderValue, connectRemoteLaunch, deepestFlyMatch, enterActivatesNatively, filterGanttRows, 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, flyUnwrapCurrency, flyUnwrapLenient, flyUnwrapObjectiveLookup, ganttOutlineBarItems, ganttPeriodBarItem, hasAnyRoleIn, healNativeFederationCacheOnce, initialExpanded, isAccentColor, isChunkLoadError, isFlyAuthStorePopulated, isNativeFederationCacheError, isRtlLocale, isRtlLocaleEntry, isValidCron, isValidSingleField, loadRemoteStyles, magicBarOwnerKey, magicBarSearchText, matchFlyRoutePattern, matchFlyRoutePrefix, matchFlyRouteTable, nextEnabledIndex, nextModuleIndex, nextSegmentIndex, nextSort, normalizeFlyTheme, normalizeGanttSearchText, normalizeRoles, novaPriorityToneVar, novaStatusToneVar, orderMagicBarItems, overlayStack, canGoNext as pagerCanGoNext, canGoPrev as pagerCanGoPrev, clampPage as pagerClampPage, parseCron, parseStepUpChallenge, parseTags, prefetchRemoteStyles, presenceColorFor, printConsoleSecurityWarning, provideFlyChunkReloadRecovery, provideFlyEmojiPack, provideFlyGanttDefaults, provideFlyOfflineAuth, 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 { 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_CURRENCY_DEFAULT_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_GANTT_DEFAULTS, FLY_LAUNCH_CONTEXT_EVENT, FLY_LAUNCH_CONTEXT_STORE_KEY, 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_OUTLET_DEPTH, 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_STRATEGY_OBJECTIVES_LOOKUP_ENDPOINT, FLY_THEME_MODE_IDS, FLY_VIEWPORT_IS_MOBILE, FLY_WINDOW_BREADCRUMBS_EVENT, FLY_WINDOW_BREADCRUMBS_STORE_KEY, 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, FlyLaunchContextService, FlyLeaderboardComponent, FlyLifecyclePipelineComponent, FlyMagicActionsComponent, FlyMetaListComponent, FlyModalComponent, FlyModerationQueueComponent, FlyModuleIconDirective, FlyMoneyPipe, FlyOverviewKpiRowComponent, FlyOverviewRowsComponent, FlyOverviewSectionComponent, FlyOverviewSurfaceComponent, FlyPagerComponent, FlyPaginationComponent, FlyPeoplePickerComponent, FlyPointsTierComponent, FlyProgressComponent, FlyRelativeTimePipe, FlyRemoteContextService, FlyRemoteRouter, FlyRemoteRouterOutletComponent, FlySearchInputComponent, FlySectionHeaderComponent, FlySecureSrcDirective, FlySegmentedComponent, FlySelectComponent, FlySkeletonComponent, FlySliderComponent, FlySparklineComponent, FlySpinnerComponent, FlyStandaloneAuthCallbackComponent, FlyStandaloneAuthService, FlyStandaloneMagicActionsComponent, FlyStateMessageComponent, FlyStrategySelectorComponent, FlyDynamicFormComponent as FlySurveyFormComponent, FlyTabComponent, FlyTabsComponent, FlyTagsInputComponent, FlyThemeService, FlyTimePipe, FlyToastService, FlyToggleComponent, FlyTooltipDirective, FlyTreeNavComponent, FlyTypeaheadComponent, FlyUserDirectoryService, FlyWindowHelpService, FlyWindowTitleService, FlyosPendingLaunchesGlobalKey, FlyosShellHandlesLaunchRequestsGlobalKey, FlyosShellOwnsHistoryGlobalKey, GANTT_DEPENDENCY_TYPES, GANTT_LABEL_W_DEFAULT, GANTT_LABEL_W_MAX, GANTT_LABEL_W_MIN, 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, WindowBreadcrumbsRegistry, WindowManagerService, applyGanttRowReorder, applySkinTone, applySuggestion, ariaSort, buildCron, canConfirm, canGoNext$1 as canGoNext, canGoPrev$1 as canGoPrev, captureFocus, clampMagicBarSearchWidth, clampPage$1 as clampPage, clampSliderValue, connectRemoteLaunch, deepestFlyMatch, enterActivatesNatively, filterGanttRows, 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, flyUnwrapCurrency, flyUnwrapLenient, flyUnwrapObjectiveLookup, ganttOutlineBarItems, ganttPeriodBarItem, hasAnyRoleIn, healNativeFederationCacheOnce, initialExpanded, isAccentColor, isChunkLoadError, isFlyAuthStorePopulated, isNativeFederationCacheError, isRtlLocale, isRtlLocaleEntry, isValidCron, isValidSingleField, linkAnchorsFor, loadRemoteStyles, magicBarOwnerKey, magicBarSearchText, matchFlyRoutePattern, matchFlyRoutePrefix, matchFlyRouteTable, nextEnabledIndex, nextModuleIndex, nextSegmentIndex, nextSort, normalizeFlyTheme, normalizeGanttSearchText, normalizeRoles, novaPriorityToneVar, novaStatusToneVar, orderMagicBarItems, overlayStack, canGoNext as pagerCanGoNext, canGoPrev as pagerCanGoPrev, clampPage as pagerClampPage, parseCron, parseStepUpChallenge, parseTags, prefetchRemoteStyles, presenceColorFor, printConsoleSecurityWarning, provideFlyChunkReloadRecovery, provideFlyEmojiPack, provideFlyGanttDefaults, provideFlyOfflineAuth, provideFlyStandaloneAuth, reloadOnceForChunkError, requestAppLaunch, resolveActiveModule, resolveActiveSection, resolveActiveTab, resolveCellValue, resolveStateIcon, resolveStateMessageKey, restoreFocus, sameTags, sectionHintKey, sectionLayout, sliderTrackGradient, sparklinePath, sparklinePoints, stepUpInterceptor, stepUpReturnKey, trimAgentPayload, trimAgentString, unloadRemoteStyles, utf8ByteLength, validateAgentPayload, warnIfEmbeddedSessionMissing };
 //# sourceMappingURL=flyos-design-system.mjs.map