@dsh-electron/dsh-plugin-multi-root-workspace 0.1.15 → 0.1.16

package/lib/types/client/files-tree/FilesTree.d.ts

@@ -9,23 +9,66 @@ import type { FilesInjected } from './face.ts';
 import type { createFilesStore } from './store.ts';
 /**
  * The fork's props: the store/locale shares verbatim from upstream's
- * composed props, `start`/`toggle` from the injected face, and the four
- * seams upstream binds inside `FilesBody` — tab id, lifetime, root, and the
- * resource-opening callback — supplied by the adapter instead.
+ * composed props, `hold`/`release`/`toggle` from the injected face, and the
+ * four seams upstream binds inside `FilesBody` — tab id, lifetime, root, and
+ * the resource-opening callback — supplied by the adapter instead.
  */
-export type FilesTreeProps = PropsStore<ReturnType<typeof createFilesStore>> & Pick<FilesInjected, 'start' | 'toggle'> & PropsLocale<'sidebarFiles'> & {
+export type FilesTreeProps = PropsStore<ReturnType<typeof createFilesStore>> & Pick<FilesInjected, 'hold' | 'release' | 'toggle'> & PropsLocale<'sidebarFiles'> & {
     /** The store bucket this tree reads and writes — the pane's own dockkit tab id. */
     readonly tabId: TabId;
     /** Session the listing and the resource addresses belong to. */
     readonly sessionId: SessionId;
     /** Absolute path of the root this tree lists (the selected additional root). */
     readonly root: string;
-    /** Takeover lifetime: aborting forgets the bucket and closes the watch tree. */
+    /**
+     * The owner's record lifetime: aborting it forgets the bucket and closes
+     * the tree. A body unmount alone only ends the hold — the bucket, its
+     * listed levels, and its expansion stay for the next mount to resume.
+     */
     readonly signal: AbortSignal;
     /** Open one `dsh-resource://file` address (the adapter's sidebarRight route). */
     readonly onOpen: (address: string) => void;
     /** Optional host-controlled tree Factory, available on the newer Files page. */
     readonly nativeTree?: NativeTreeRenderer | undefined;
+    /**
+     * The owner's live scroll mirror — upstream's `scrolled` writing
+     * `pane.scrollTop`: fired on every scroll and once more at unmount with
+     * the body's final offset (the adapter refuses the write when the owner
+     * is already dead, so a normal close keeps its last position while a
+     * killed one cannot resurrect). The fork's own store still hears the
+     * offset only at unmount through `actions.scrolled`, as upstream.
+     */
+    readonly onScrollOffset?: ((offset: number) => void) | undefined;
+    /**
+     * The preview navigator's locate-current-file request: expand the file's
+     * ancestors, mark its row current, and scroll it into view — what the
+     * native navigator's `revealing`/`step()`/`revealed` does with
+     * `pane.current` and `scrollToCurrent`. `revealed` is the owner's memory
+     * of the last completed walk: a path equal to it suppresses stepping —
+     * exactly upstream's `revealing = revealed === address ? undefined :
+     * address` on a body mount — while `onSettled` reports each completed
+     * walk (found, unreachable, or canceled) so the owner can record it.
+     * Absent on the Files page, which has no current file.
+     */
+    readonly reveal?: {
+        readonly path: string;
+        readonly revealed?: string | undefined;
+        readonly onSettled?: ((path: string) => void) | undefined;
+    } | undefined;
+    /**
+     * Expansion, scroll offset, and reveal memory saved while this tree's
+     * owner was closed — the pane record's surviving `expanded`/`scrollTop`/
+     * `revealed` upstream. `expanded` is replayed through `toggle` (the
+     * verbatim face's own restore-preferences channel) right after `start`,
+     * so every remembered directory re-expands as its level lands; the
+     * scroll offset is deferred until the body overflows, and `revealed`
+     * seeds the reveal's suppression.
+     */
+    readonly saved?: {
+        readonly expanded?: readonly string[];
+        readonly scrollTop?: number;
+        readonly revealed?: string;
+    } | undefined;
 };
 /**
  * Order one level's entries for display: directories first, then everything
@@ -47,4 +90,4 @@ export declare function failureLine(t: TranslateNS<'sidebarFiles'>, failure: Rem
  * has opened under it — the upstream body's scroll, seed, and render logic
  * verbatim, with the root arriving as a prop instead of `useSessions(cwd)`.
  */
-export declare function FilesTree({ tabId, sessionId, root, signal, useStore, actions, start, toggle, onOpen, t, nativeTree, }: FilesTreeProps): ReactNode;
+export declare function FilesTree({ tabId, sessionId, root, signal, useStore, actions, hold, release, toggle, onOpen, t, nativeTree, reveal, saved, onScrollOffset, }: FilesTreeProps): ReactNode;

package/lib/types/client/files-tree/adapter.d.ts

@@ -47,26 +47,67 @@ export type TreeSelection = Readonly<Record<string, RootView>>;
  * native tree across a body remount (opening a file deactivates this tab,
  * unmounting its body without ending the record).
  */
+/**
+ * The tree-view memory one closed owner keeps for its next open — the
+ * fork's spelling of upstream's pane record: `expanded`/`scrollTop` survive
+ * the hold's end, and `revealed` is the last previewed file the reveal
+ * walk completed (upstream's `pane.revealed`). Entries live per
+ * (key, root), so one pane previewing files of different roots keeps each
+ * root's memory apart.
+ */
+export interface FilesTreeSaved {
+    /** The root this snapshot belongs to; a stale snapshot never crosses roots. */
+    readonly root: string;
+    /** Expansion preferences at the moment the owner closed. */
+    readonly expanded?: readonly string[];
+    /** The body's scroll offset at the moment it closed. */
+    readonly scrollTop?: number;
+    /** The last previewed file whose reveal completed — suppresses re-stepping. */
+    readonly revealed?: string;
+}
 export interface FilesTreeTakeover {
     /**
-     * The live signal for (tabId, root); reuses the live entry so a remounted
-     * body finds its bucket and watches intact. A different root — or an entry
-     * already aborted — ends the previous controller before minting the next.
-     * @param tabId - the pane's dockkit tab id.
+     * The record signal for (key, root); reuses the live entry so a remounted
+     * body finds its tree bucket and resumes it. Only the record's end — the
+     * owner dying, or a different root superseding it — aborts the controller;
+     * a navigator closing is a hold ending and leaves this signal live.
+     * @param key - the owner's dockkit identity: the Files pane's tab id, or
+     *   the preview navigator's pane id.
      * @param root - absolute path of the root being browsed.
-     * @param section - the dockkit tabHost section the caller mounted under; a
-     *   live entry keeps an observer on it that ends the takeover whenever the
-     *   section leaves the document — the record's real end — including when the
-     *   body that mounted it has long been unmounted itself.
+     * @param section - how the owner's survival is checked: an Element (kept
+     *   while `isConnected`) or a predicate (kept while it returns true —
+     *   the preview navigator's "some connected element still carries this
+     *   pane id" query, since a dockkit pane has no stable element across a
+     *   `replaceTab`). The watch lives at this scope and outlives `end()`:
+     *   ending the hold never disarms it, so the owner's real death drops
+     *   the saved memory even after the body that mounted it is gone.
      * @returns the signal the forked tree lives under.
      */
-    readonly signal: (tabId: TabId, root: string, section?: Element) => AbortSignal;
+    readonly signal: (key: TabId, root: string, section?: Element | (() => boolean)) => AbortSignal;
     /**
-     * Abort and drop one tab's takeover: the reader deselected or switched
-     * roots, or the tab record itself went away.
-     * @param tabId - the pane's dockkit tab id.
+     * Abort and drop one owner's record: the owner died, the selection moved to
+     * another root, or a body with no pane carrier closed. A normal navigator
+     * close is not a record end — the body release keeps the bucket. The saved
+     * memory survives here because the death watch owns the only real drop;
+     * this method only guarantees a superseded record stops writing.
+     * @param key - the owner's dockkit identity.
      */
-    readonly end: (tabId: TabId) => void;
+    readonly end: (key: TabId) => void;
+    /**
+     * The tree-view memory kept for (key, root) — `undefined` before the
+     * first close or after the owner's section died.
+     * @param key - the owner's dockkit identity.
+     * @param root - absolute path of the root the memory belongs to.
+     */
+    readonly saved: (key: TabId, root: string) => FilesTreeSaved | undefined;
+    /**
+     * Merge memory for (key, snapshot.root): fields present in the snapshot
+     * overwrite, fields absent keep what was saved before — so a settle-time
+     * `revealed` write survives the close-time `expanded`/`scrollTop` write.
+     * @param key - the owner's dockkit identity.
+     * @param snapshot - the memory fields to record.
+     */
+    readonly save: (key: TabId, snapshot: FilesTreeSaved) => void;
 }
 /** The inject face the registration composes onto the occupant's props. */
 export interface FilesTreeInjected {
@@ -74,6 +115,14 @@ export interface FilesTreeInjected {
     readonly face: FilesInjected;
     /** Open one `dsh-resource://file` address in the host viewer. */
     readonly openFile: (address: string) => void;
+    /**
+     * Open one `dsh-resource://file` address replacing the given tab — the
+     * document-preview navigator's open route, where the native navigator's
+     * `onOpen` is `tab.actions.openResource(address, { replaceTab: true })`.
+     * @param tabId - the preview tab the opened file replaces.
+     * @param address - the file's `dsh-resource://file` address.
+     */
+    readonly openFileIn: (tabId: TabId, address: string) => void;
     /**
      * The reserved inject compartment: the slot renderer binds each source to a
      * `use<Name>` selector hook, so `treeSelection` reaches the component as
@@ -99,6 +148,8 @@ export interface FilesTreeSurface {
     readonly actions: FilesTreeProps['actions'];
     readonly face: FilesInjected;
     readonly openFile: (address: string) => void;
+    /** The preview navigator's replace-tab open route; see {@link FilesTreeInjected.openFileIn}. */
+    readonly openFileIn: FilesTreeInjected['openFileIn'];
     readonly t: FilesTreeProps['t'];
     /** Selector hook over this session's per-tab root selections. */
     readonly useTreeSelection: SnapshotSelectorHook<TreeSelection>;
@@ -123,9 +174,10 @@ export declare function lazyFilesRemote(ctx: ClientContext): ClientRemote;
 /**
  * The registration's `store`/`inject` declarations, built once in `apply`.
  *
- * The inject face nests the verbatim files face under `face` and adds the
- * session-bound `openFile` — keeping `FilesInjected` untouched means the
- * fork's call sites and the sync diff stay upstream-shaped.
+ * The inject face nests the files face under `face` and adds the
+ * session-bound `openFile`; the fork's call sites stay upstream-shaped, the
+ * one lifecycle delta being the hold/release pair the preview navigator needs
+ * (see FORK.md).
  * @param ctx - the client root context (the remote/sidebarRight lookups).
  * @returns the store handle and the inject factory for `register`.
  */
@@ -148,6 +200,7 @@ export declare function createFilesTreeSurface(props: {
     readonly actions: FilesTreeSurface['actions'];
     readonly face: FilesInjected | undefined;
     readonly openFile: ((address: string) => void) | undefined;
+    readonly openFileIn: FilesTreeInjected['openFileIn'] | undefined;
     readonly useTreeSelection: FilesTreeSurface['useTreeSelection'] | undefined;
     readonly selectRoot: FilesTreeSurface['selectRoot'] | undefined;
     readonly takeover: FilesTreeSurface['takeover'] | undefined;

package/lib/types/client/files-tree/face.d.ts

@@ -1,7 +1,7 @@
 /**
  * The tree's asynchronous half: listing directories into the store.
  *
- * The component never awaits anything. It calls `start` / `refresh` / `toggle`, and
+ * The component never awaits anything. It calls `hold` / `release` / `refresh` / `toggle`, and
  * this face performs the listing and writes the outcome through the store's own
  * actions — the Slot-standard `inject` shape, so the session id is resolved by
  * the framework and the write set stays the store's.
@@ -17,6 +17,12 @@
  * `signal`: a request is not made for a record that already ended, and when the
  * record goes away the bucket and the tab's listing bookkeeping are forgotten,
  * so no later settlement writes to it.
+ *
+ * A hold can end without its record ending: `release` closes the hold's
+ * directory node and watches but keeps the listed levels and expansion, and
+ * the next `hold` reopens them. That is upstream's `hold(paneId, cwd)` —
+ * closing a navigator is not closing its pane, so reopening draws the kept
+ * rows instead of falling back to a loading row.
  */
 import type { ClientRemote, RemoteResult } from '@deepseek-ai/dsh-api-remotes/client';
 import type { BoundActions } from '@deepseek-ai/dsh-client-store';
@@ -75,12 +81,35 @@ export interface FilesInjected {
     /** Control automatic rereads without closing watches. @param tabId - owning tab. @param enabled - automatic-refresh setting. */
     readonly setAutoRefresh: (tabId: TabId, enabled: boolean) => void;
     /**
-     * Seed this tab's tree and list its root.
+     * Seed this tab's tree and list its root. This is the record's first open:
+     * it always reseeds the store at `root`, so use {@link hold} for later holds.
      * @param tabId - the tab being drawn.
      * @param root - absolute path of the workspace root.
      * @param signal - the tab record's lifetime.
      */
     readonly start: (tabId: TabId, root: string, signal: AbortSignal) => void;
+    /**
+     * Open one hold on this tab's tree and list its root.
+     *
+     * The store bucket is reused when it already belongs to `root`; its listed
+     * levels stay drawn while the reopened node's listings settle, so a navigator
+     * closed and reopened by the reader never flashes a loading row over rows it
+     * already had. A different root reseeds the bucket, exactly like `start`.
+     * @param tabId - the tab being drawn.
+     * @param root - absolute path of the workspace root.
+     * @param signal - the tab record's lifetime; aborting it still forgets the
+     *   bucket and closes the node.
+     * @param restore - expanded directories to reopen as their parent listing
+     *   returns (the kept tree's expansion preferences).
+     */
+    readonly hold: (tabId: TabId, root: string, signal: AbortSignal, restore?: readonly string[]) => void;
+    /**
+     * End one hold: close its directory node and watches while keeping the store
+     * bucket and expansion for the next `hold`. The record's `signal` still owns
+     * the bucket; aborting it forgets the tree.
+     * @param tabId - the tab whose hold ends.
+     */
+    readonly release: (tabId: TabId) => void;
     /**
      * List one directory into the store.
      * @param tabId - the tab being drawn.

package/lib/types/client/files-tree/locate.d.ts

@@ -0,0 +1,74 @@
+/**
+ * Path-location mechanics for the preview navigator's takeover and reveal,
+ * ported from upstream's `ui-sidebar-files` navigator internals
+ * (`0.2.2-alpha.3`; the package build is byte-identical at `0.2.2-rc.1`):
+ * the same `windowsRoot`, `underRoot`, and `locateFile` the native
+ * FileNavigator runs against its pane tree, spelled against this fork's
+ * `FilesTabState` — the store shape is the same (`root`, `levels` keyed by
+ * absolute path, `expanded`), only the `refreshing` flag is absent, so a
+ * stale level reports `pending: false` exactly like a settled native one.
+ *
+ * Everything here is a port or plugin-owned logic on top of it; nothing in
+ * this file needs upstream sync beyond the documented provenance.
+ *
+ * @module @dsh-electron/dsh-plugin-multi-root-workspace/client/files-tree/locate
+ */
+import type { RootView, RootsView } from '../../contract.ts';
+import type { FilesTabState } from './store.ts';
+/**
+ * Whether a root is a Windows drive or UNC path, in either separator
+ * spelling, where names compare regardless of case.
+ * @param root - the tree's root, or a prefix built from it.
+ * @returns `true` for a drive letter followed by a separator, or a leading
+ *   double separator.
+ */
+export declare function windowsRoot(root: string): boolean;
+/**
+ * An absolute `/`-separated path relative to a tree's root.
+ * @param path - the absolute path, in either separator spelling.
+ * @param root - the tree's root, in either separator spelling.
+ * @returns the path under the root, or `undefined` outside it.
+ */
+export declare function underRoot(path: string, root: string): string | undefined;
+/**
+ * The workspace-relative path of a file under a tree's root, validated the
+ * way upstream's `relativeFileOf` tail validates it: nothing absolute, and
+ * no empty or dot segments.
+ * @param path - the file's absolute path, in either separator spelling.
+ * @param root - the root it must sit under.
+ * @returns the `/`-separated relative path, or `undefined` outside the root.
+ */
+export declare function relativeUnderRoot(path: string, root: string): string | undefined;
+/**
+ * The additional root that owns one absolute file path: available roots
+ * only, the longest matching root path winning when registrations nest.
+ * @param view - the session's registry view.
+ * @param path - the file's absolute path, in either separator spelling.
+ * @returns the owning root, or `undefined` when the file is outside every
+ *   available additional root (the primary root included).
+ */
+export declare function rootForPath(view: RootsView, path: string): RootView | undefined;
+/** What walking the listed levels toward a workspace-relative file found. */
+export interface FileLocation {
+    /** The directories verified so far, each named by its listing's spelling. */
+    readonly ancestors: readonly {
+        readonly parent: string;
+        readonly path: string;
+    }[];
+    /** The file's tree key once its row exists, `undefined` until or unless it does. */
+    readonly current: string | undefined;
+    /** Whether a level on the way is still pending its listing. */
+    readonly pending: boolean;
+}
+/**
+ * Walk the listed levels to a workspace-relative file, keeping the listing's
+ * spelling of each name; a Windows root also matches names regardless of
+ * case. A verbatim port of upstream's navigator helper — the fork's
+ * `LevelState` carries no `refreshing` flag, so a stale level reports
+ * `pending: false` like a settled native one.
+ * @param tree - the tab's tree.
+ * @param relativePath - the file's path under the tree's root, `/`-separated.
+ * @returns the ancestors found so far, the file's tree key, and whether a
+ *   level is pending.
+ */
+export declare function locateFile(tree: Pick<FilesTabState, 'root' | 'levels'>, relativePath: string): FileLocation;

package/lib/types/client/files-tree/navigator.d.ts

@@ -0,0 +1,98 @@
+/**
+ * The document-preview navigator's additional-root retarget.
+ *
+ * Upstream's `sidebar.files.navigator` Factory (`ui-sidebar-files`, added at
+ * `0.2.2-alpha.3`) is the Folder-toggle tree the document preview draws
+ * beside its body. Its root is hard-wired to the session's `cwd` — the
+ * previewed file's absolute path is located against that root, so a file
+ * that lives under an additional root lands outside every tree it can draw:
+ * the navigator opens on the primary root, unexpanded and unmarked.
+ *
+ * The Factory itself cannot be retargeted — it is a registration upstream
+ * already owns, and its root is not an input. What CAN move is what its
+ * `aside[data-files-navigator]` draws: this occupant mounts in the preview
+ * header's `sidebar.right.tab.document.actions` seat (owner prop
+ * `absolutePath` — the previewed file's host path), watches the preview's
+ * `[data-textpreview-content]` row for the aside, and when the file sits
+ * under an available additional root it lends the aside's body area to the
+ * forked tree, the same takeover the Files page's root switcher performs.
+ * The aside itself — its width, its push/overlay/fill modes, its resize
+ * separator — stays native; only the tree inside is the fork's.
+ *
+ * Everything is keyed by the dockkit PANE id (`data-files-navigator` on the
+ * aside, `data-dockkit-pane` on the content section), never by the preview
+ * tab: upstream's navigator records live in `store.byPane`, and the pane
+ * survives what the tab does not — `replaceTab` mints a fresh tab id, so
+ * opening a file from the retargeted tree destroys the preview tab that
+ * opened it. The inject-side takeover map holds the pane-record memory
+ * (`expanded`/`scrollTop`/`revealed`) across that death; the component's
+ * own refs only ever carry the live copy.
+ *
+ * Three upstream behaviors are reproduced, not approximated:
+ *
+ * - **Hold lifetime.** The native navigator holds its pane tree only while
+ *   it is open (`hold(paneId, cwd)` gated on `state.open`): closing the
+ *   navigator closes the directory node — watches and listings end — while
+ *   the pane record keeps `expanded`/`scrollTop`/`revealed` for the next
+ *   open. Here the takeover `signal` is requested when the aside appears
+ *   and ended when it leaves. The saved snapshot is written into the
+ *   inject-side map continuously — the bucket's expansion set mirrors into
+ *   it, the forked body reports its live scroll offset, and a settled
+ *   reveal records its file — so no cleanup ordering ever decides what is
+ *   remembered. A dockkit pane has no stable element (a non-empty pane's
+ *   id rides on its selected tab's host, which `replaceTab` swaps out), so
+ *   the owner's death is checked by query: the pane lives while some
+ *   connected element still carries its id, and the watch that drops the
+ *   memory outlives every `end` because the body's cleanup always wins
+ *   the unmount race.
+ * - **Reveal.** The native navigator seeds `pane.revealing` with the drawn
+ *   file's address — unless `pane.revealed` already names it — and steps
+ *   the walk open (ancestors expanded one listing at a time, then the
+ *   file's row marked current and scrolled into view). The forked tree's
+ *   `reveal` prop drives the same sequence against the additional root,
+ *   with the saved `revealed` suppressing a repeat of a completed walk, so
+ *   collapsing a directory and reopening the navigator keeps the reader's
+ *   collapse exactly as upstream's pane record does.
+ * - **Replace-tab open.** The native navigator's `onOpen` is
+ *   `tab.actions.openResource(address, { replaceTab: true })` — the opened
+ *   file takes the preview's own tab. The forked tree's opens route through
+ *   `openFileIn`, which spells the same intent to `openResourceIn` as
+ *   `{ replaceTab: tabId }` against the preview's dockkit tab id.
+ *
+ * Every step degrades silently: no `[data-textpreview-url]` ancestor, no
+ * dockkit pane id, no `panel`, an address that is not a session file of
+ * THIS session, a file outside every available additional root (the
+ * primary root's own files included), or a fork that cannot render — each
+ * leaves the native navigator completely untouched. Where the upstream
+ * hooks do not exist (a runtime without this navigator), the marker span
+ * is the only trace the occupant leaves, and it draws nothing.
+ *
+ * @module @dsh-electron/dsh-plugin-multi-root-workspace/client/files-tree/navigator
+ */
+import { type ReactNode } from 'react';
+import type { NativeTreeRenderer } from '../../compat/files-tree.ts';
+import type { PanelClient } from '../panel-client.ts';
+import { type FilesTreeSurface } from './adapter.tsx';
+/** What the registered document-actions occupant needs beyond the slot owner. */
+export interface NavigatorRetargetProps {
+    /** The previewed file's absolute host path — the slot owner's `absolutePath`. */
+    readonly absolutePath: string;
+    /** This preview's session — the composed session share; absent without one. */
+    readonly sessionId: string | undefined;
+    /** The channel client; absent when this composition has no host Connection. */
+    readonly panel: PanelClient | undefined;
+    /**
+     * The forked tree's shared props; the registration gates on it, so the
+     * occupant only renders where the fork can — the native navigator keeping
+     * its tree is the same behavior an upstream Files page without the fork
+     * would produce.
+     */
+    readonly filesTree: FilesTreeSurface;
+    readonly nativeTree?: NativeTreeRenderer | undefined;
+}
+/**
+ * The marker that lives in the preview header and, while the file it names
+ * sits under an additional root, lends the navigator aside to the forked
+ * tree. It draws nothing of its own.
+ */
+export declare function NavigatorRetarget(props: NavigatorRetargetProps): ReactNode;

package/lib/types/client/index.d.ts

@@ -25,6 +25,13 @@ declare module '@deepseek-ai/dsh-client-ui-slots' {
                 readonly absolutePath: string;
             };
         };
+        'sidebar.right.tab.document.actions': {
+            kind: 'list';
+            scope: 'session';
+            owner: {
+                readonly absolutePath: string;
+            };
+        };
     }
 }
 /** The footer-action cell this plugin owns. */

package/lib/types/client/locales.d.ts

@@ -111,6 +111,7 @@ export declare const zh: {
     'error.unavailable': string;
     'error.copy-failed': string;
     'error.session-not-found': string;
+    'error.session-not-live': string;
     'error.unsupported-path': string;
     'error.protected-path': string;
     'error.protected-boundary-unknown': string;
@@ -220,6 +221,7 @@ export declare const en: {
     'error.unavailable': string;
     'error.copy-failed': string;
     'error.session-not-found': string;
+    'error.session-not-live': string;
     'error.unsupported-path': string;
     'error.protected-path': string;
     'error.protected-boundary-unknown': string;

package/lib/types/client/styles.d.ts

@@ -11,4 +11,4 @@
  * @module @dsh-electron/dsh-plugin-multi-root-workspace/client/styles
  */
 /** The stylesheet text; every class is prefixed `mrfw-` to stay collision-free. */
-export declare const STYLES = "\n/* Sidebar footer row, mirroring the host ui-settings-general trigger: the row\n * wrapper overhangs each side by 2px (width calc(100% + 4px) against the\n * shell's 12px inline padding) so the icon's ink line lands at 18px from the\n * column edge \u2014 exactly where the Settings gear below sits. */\n.mrfw-triggerRow {\n  flex: none;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  width: calc(100% + 4px);\n  margin: 4px -2px;\n}\n\n.mrfw-triggerRow.mrfw-railRow {\n  width: 36px;\n  margin: 8px 0 10px;\n}\n\n.mrfw-trigger {\n  box-sizing: border-box;\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  width: auto;\n  height: 42px;\n  margin: 0;\n  padding: 0 10px 0 8px;\n  border: none;\n  border-radius: 12px;\n  background: transparent;\n  color: var(--dsw-alias-label-primary);\n  font-family: inherit;\n  font-size: 14px;\n  line-height: 22px;\n  text-align: left;\n  cursor: pointer;\n  overflow: hidden;\n  transition: background-color var(--ds-transition-duration-fast) var(--ds-ease-in-out);\n}\n\n.mrfw-trigger:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.mrfw-triggerIcon {\n  flex: none;\n  display: inline-flex;\n}\n\n.mrfw-triggerLabel {\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n.mrfw-triggerRail {\n  flex: none;\n  width: 36px;\n  height: 36px;\n  margin: 0;\n  padding: 0;\n  gap: 0;\n  border-radius: 50%;\n  justify-content: center;\n}\n\n/* Icon-only launcher inside the upstream Files tab header. Upstream's\n   FilesBody renders .header as one flat flex row \u2014 PathLabel, then the\n   reload button, then the files.actions slot occupants \u2014 and each of those\n   children carries a stable data-files-* attribute on the flex item itself\n   (data-files-root on the pane, data-files-path, data-files-reload).\n   A registration order sorts only INSIDE the actions slot and can never\n   overtake the reload button, so the launcher is moved with the flex order\n   property instead: this wrapper is the slot's root element and therefore a\n   direct flex item of .header, and order: -1 puts it ahead of every\n   order-0 sibling while the :has() rule below keeps the path first. */\n.mrfw-fileLauncher {\n  order: -1;\n  flex: none;\n  display: flex;\n  align-items: center;\n}\n\n/* Pin the upstream path label ahead of the launcher \u2014 but only while this\n   plugin is in the row: the :has() guard keeps a rule that names an\n   upstream element inert whenever the launcher is absent. The\n   :not([data-files-entry]) qualifier is load-bearing, not decorative:\n   upstream puts data-files-path on EVERY tree row too (the row's own\n   absolute path), so an unqualified selector would match the whole tree,\n   not just the header's PathLabel. Both selectors depend on upstream's DOM\n   shape, which is not part of the slot contract; if it changes, the rules\n   simply stop matching and the launcher falls back to its in-slot position \u2014\n   a silent degradation, never a broken header. */\n[data-files-root]:has(.mrfw-fileLauncher) [data-files-path]:not([data-files-entry]) {\n  order: -2;\n}\n\n/* The root switcher is the launcher's grown-up form on runtimes whose\n   files.actions owner carries absolutePath. It takes the path label's flex\n   position and stretch: order: -1 ahead of every order-0 sibling, and a\n   growing min-width:0 item so both the trigger label and the PathLabel\n   inside it can ellipsize instead of pushing the header controls out. */\n.mrfw-rootSwitcher {\n  order: -1;\n  flex: 1 1 auto;\n  min-width: 0;\n  display: flex;\n  align-items: center;\n  /* Same 4px the upstream .header puts between its own flex items, so the\n     takeover controls (reload, open-in-app fork) sit at the same offsets the\n     hidden native ones did \u2014 no drift between primary and additional state. */\n  gap: 4px;\n}\n\n/* While the switcher exists it hides the upstream path label \u2014 the\n   :has() guard again keeps the upstream-naming rule inert unless this\n   plugin is actually in the row. The switcher draws its own PathLabel of\n   the selected root next to the trigger (className mrfw-switcherPath, no\n   data-files-* attributes), so the header keeps a path in the same spot.\n   :not([data-files-entry]) is what confines this rule to the header:\n   every tree row carries data-files-path with its own path as the value,\n   and only the PathLabel carries it bare. Without the qualifier this\n   display:none would blank the entire native tree. */\n[data-files-root]:has(.mrfw-rootSwitcher) [data-files-path]:not([data-files-entry]) {\n  display: none;\n}\n\n/* While the switcher names an additional root, the native tree body and its\n   reload hide: the reload refreshes the very tree that is no longer\n   visible, and the plugin's forked tree is portaled in as the body's sibling.\n   The header still offers a reload \u2014 the switcher's own .mrfw-switcherReload\n   calls the forked face's refresh. The native tree keeps watching in the\n   background, so switching back to the primary root restores it instantly. */\n[data-files-root]:has(.mrfw-rootSwitcher[data-root-kind=\"additional\"]) [data-files-body],\n[data-files-root]:has(.mrfw-rootSwitcher[data-root-kind=\"additional\"]) [data-files-reload] {\n  display: none;\n}\n\n/* Newer Files pages place the navigator beside the header instead of\n   wrapping both in data-files-root. Target the page without hiding the\n   portaled replacement or any of its rows. */\n[data-files-page]:has(.mrfw-fileLauncher) [data-files-path]:not([data-files-entry]) { order: -2; }\n[data-files-page]:has(.mrfw-rootSwitcher) [data-files-path]:not([data-files-entry]) { display: none; }\n[data-files-page]:has(.mrfw-rootSwitcher[data-root-kind=\"additional\"]) [data-files-content],\n[data-files-page]:has(.mrfw-rootSwitcher[data-root-kind=\"additional\"]) [data-files-reload] { display: none; }\n[data-files-page]:has(.mrfw-rootSwitcher[data-root-kind=\"additional\"]) [data-slot=\"sidebar.right.tab.files.actions\"] > *:has([data-open-target=\"directory\"]:not(.mrfw-openSplit)),\n[data-files-page]:has(.mrfw-rootSwitcher[data-root-kind=\"additional\"]) [data-open-target=\"directory\"]:not(.mrfw-openSplit) { display: none; }\n\n/* While the switcher names an additional root, the native open-in-app split\n   button hides too: its slot props carry the pane's primary root, so it\n   would always open the primary root no matter what the switcher selected.\n   The header gets the plugin's own fork of that same control instead (the\n   open-in-app directory), wired to the selected root.\n\n   The slot's render site is wrapped in the renderer's own anchor \u2014\n   <div data-slot=\"sidebar.right.tab.files.actions\" style=\"display:contents\">\n   \u2014 so the header's flex items inside it are the occupants themselves, and\n   the native item is the ui-primitives Menu anchor span wrapping the marked\n   .split. The first selector hides that occupant item through the data-slot\n   anchor: hiding only the inner control would leave the empty anchor span\n   as a zero-width flex item whose header gap pushes the fork 4px left of\n   the native position. The wrapper itself can never be the target \u2014 its\n   inline display:contents beats any stylesheet rule, and hiding it would\n   take the switcher with it. The second selector is the fallback for an\n   upstream that moves the attribute off the item. The fork survives both:\n   the only data-open-target inside .mrfw-rootSwitcher is its own\n   .mrfw-openSplit, which :not() excludes. */\n[data-files-root]:has(.mrfw-rootSwitcher[data-root-kind=\"additional\"]) [data-slot=\"sidebar.right.tab.files.actions\"] > *:has([data-open-target=\"directory\"]:not(.mrfw-openSplit)),\n[data-files-root]:has(.mrfw-rootSwitcher[data-root-kind=\"additional\"]) [data-open-target=\"directory\"]:not(.mrfw-openSplit) {\n  display: none;\n}\n\n/* The trigger borrows the path label's look: quiet text with a folder\n   glyph, the hover of the neighboring header buttons, and the overflow\n   behavior PathLabel itself uses in a narrow header. It may shrink but\n   never grows \u2014 the PathLabel after it owns the free header space. */\n.mrfw-rootSwitchBtn {\n  flex: 0 1 auto;\n  min-width: 0;\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  height: 28px;\n  margin: 0;\n  padding: 0 4px;\n  border: none;\n  border-radius: 8px;\n  background: transparent;\n  color: var(--dsw-alias-label-primary);\n  font-family: inherit;\n  font-size: inherit;\n  line-height: 20px;\n  text-align: left;\n  cursor: pointer;\n  transition: background-color var(--ds-transition-duration-fast) var(--ds-ease-in-out);\n}\n\n.mrfw-rootSwitchBtn:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.mrfw-rootSwitchBtn .mrfw-triggerIcon {\n  color: var(--dsw-alias-label-secondary);\n}\n\n.mrfw-rootSwitchLabel {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.mrfw-rootSwitchChevron {\n  margin-left: auto;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n/* The selected root's full path sits between the trigger and the reload \u2014\n   the very PathLabel upstream draws there, so it brings its own grow,\n   left-clip and hover-title behavior; only the gutters are ours. The right\n   margin plus the container gap reproduces upstream's .path margin-right\n   12px + header gap 4px; the left gutter comes from the same container gap. */\n.mrfw-switcherPath {\n  margin: 0 12px 0 0;\n}\n\n/* The takeover's own reload, standing exactly where the hidden native one\n   did: the upstream .tool recipe verbatim (28px hit area, 15px glyph,\n   secondary voice, hover fills). It calls the forked face's refresh \u2014 an\n   in-place re-list, not a remount. */\n.mrfw-switcherReload {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  padding: 6px;\n  border: none;\n  border-radius: var(--dsw-radius-sm);\n  background: transparent;\n  color: var(--dsw-alias-label-secondary);\n  line-height: 1;\n  cursor: pointer;\n}\n\n.mrfw-switcherReload:hover {\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n/* \u2500\u2500 files-tree fork (verbatim rules, renamed classes) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   Copied from upstream's FilesBody.module.css (ui-sidebar-files @\n   0.2.2-alpha.2) with local names mapped to mrfw-ft* so the rules cannot\n   collide with host DOM \u2014 and so the fork's own body (which must NOT carry\n   data-files-body) stays visible while the rules above hide the native one.\n   The header-only rules (root/header/path/tool/status/statusLine/titleIcon)\n   belong to the upstream shell this fork drops and are not mapped. Fork sync\n   re-diffs the upstream file and re-applies the rename \u2014 see\n   src/client/files-tree/FORK.md. */\n\n/* The pane's own .root already supplies the flex column, color, and font;\n   the fork's body takes the same stretch item the hidden native body held,\n   including the workspace list's 2px scrollbar offset and stable gutter. */\n.mrfw-ftBody {\n  flex: 1 1 auto;\n  min-height: 0;\n  margin-right: 2px;\n  padding: 8px 0 8px 8px;\n  overflow: auto;\n  scrollbar-gutter: stable;\n}\n\n.mrfw-ftBody::-webkit-scrollbar-track {\n  margin: 2px;\n}\n\n.mrfw-ftLevel {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.mrfw-ftLevel .mrfw-ftLevel {\n  padding-left: 18px;\n}\n\n.mrfw-ftItem {\n  margin: 0;\n  padding: 0;\n}\n\n/* Rows abut, so the hover fill is the whole row; the tree's air is this\n   inset, not a gap between rows. */\n.mrfw-ftRow {\n  display: flex;\n  gap: 6px;\n  align-items: center;\n  width: 100%;\n  min-width: 0;\n  padding: 5px 10px;\n  color: inherit;\n  font: inherit;\n  text-align: left;\n  background: transparent;\n  border: 0;\n  border-radius: var(--dsw-radius-md);\n  cursor: pointer;\n}\n\n@media (hover: hover) {\n  .mrfw-ftRow:hover {\n    background: var(--dsw-alias-interactive-bg-hover);\n  }\n}\n\n/* The folder glyph rides the tertiary ink, as the workspace tree's does. */\n.mrfw-ftIcon {\n  flex: 0 0 auto;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n/* The type's coloured sheet at the folder glyph's 16px; its colour is its own. */\n.mrfw-ftFileIcon {\n  flex: 0 0 auto;\n}\n\n.mrfw-ftName {\n  min-width: 0;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n\n/* Neither a file nor a directory: shown so the directory is reported whole,\n   greyed so nobody tries to open it. */\n.mrfw-ftOther {\n  color: var(--dsw-alias-label-tertiary);\n  cursor: default;\n}\n\n@media (hover: hover) {\n  .mrfw-ftOther:hover {\n    background: transparent;\n  }\n}\n\n.mrfw-ftNote {\n  margin: 0;\n  padding: 3px 10px;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 12px;\n}\n\n/* \u2500\u2500 open-in-app fork (verbatim rules, renamed classes) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   Copied from upstream's OpenTargetButton.module.css\n   (dsh-client-ui-open-in-app @ 0.2.1-alpha.2) with local names mapped to\n   mrfw-open* so the rules cannot collide with host DOM. Fork sync re-diffs\n   the upstream file and re-applies the rename \u2014 see\n   src/client/open-in-app/FORK.md. */\n\n/* Sized to sit in the document header's 24px control row beside its round\n   icon buttons: a hairline pill with a 12px label and a narrow chevron half. */\n.mrfw-openMenuAnchor {\n  display: inline-flex;\n  flex: none;\n  align-self: center;\n}\n\n.mrfw-openSplit {\n  display: inline-flex;\n  align-items: stretch;\n  box-sizing: border-box;\n  height: 24px;\n  overflow: hidden;\n  border: 0.5px solid var(--dsw-alias-border-l4);\n  border-radius: var(--dsw-radius-sm);\n  font-family: var(--dsw-font-family);\n}\n\n.mrfw-openMain,\n.mrfw-openChevron {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: 0;\n  background: none;\n  color: var(--dsw-alias-label-primary);\n  font-size: 11px;\n  line-height: 16px;\n  white-space: nowrap;\n  cursor: pointer;\n}\n\n.mrfw-openMain {\n  gap: 4px;\n  padding: 3px 5px;\n}\n\n.mrfw-openChevron {\n  padding: 3px 4px 3px 3px;\n  border-left: 0.5px solid var(--dsw-alias-border-l4);\n  color: var(--dsw-alias-label-secondary);\n}\n\n.mrfw-openMain:hover:not(:disabled),\n.mrfw-openMain:focus-visible,\n.mrfw-openChevron:hover:not(:disabled),\n.mrfw-openChevron:focus-visible {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n/* Pending disables clicks without a restyle; only hover feedback pauses. */\n.mrfw-openMain:disabled,\n.mrfw-openChevron:disabled {\n  cursor: default;\n}\n\n.mrfw-openAppIcon {\n  object-fit: contain;\n}\n\n/* The unavailable preview emphasizes the same actions with a labeled button. */\n.mrfw-openSplit[data-size='large'] {\n  height: 36px;\n  border-radius: var(--dsw-radius-md);\n  border-color: var(--dsw-alias-border-l2);\n}\n\n.mrfw-openSplit[data-size='large'] .mrfw-openMain {\n  gap: 6px;\n  padding: 6px 14px;\n  font-size: 14px;\n}\n\n.mrfw-openSplit[data-size='large'] .mrfw-openChevron {\n  padding: 6px 10px;\n}\n\n.mrfw-openSkeleton { display: inline-block; flex: none; border-radius: var(--dsw-radius-xs); background: var(--dsw-alias-interactive-bg-hover); }\n\n.mrfw-overlay {\n  position: fixed;\n  inset: 0;\n  z-index: 1000;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 24px;\n}\n\n.mrfw-mask {\n  position: absolute;\n  inset: 0;\n  background: var(--dsw-alias-bg-mask-1);\n  backdrop-filter: var(--dsw-mask-blur);\n}\n\n.mrfw-dialog {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  width: min(640px, 100%);\n  max-height: 100%;\n  overflow: hidden;\n  border: none;\n  border-radius: 24px;\n  background: var(--dsw-alias-bg-layer-2);\n  box-shadow: var(--dsw-elevation-prominent);\n  color: var(--dsw-alias-label-primary);\n  font-family: inherit;\n  outline: none;\n}\n\n.mrfw-header {\n  flex: none;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  padding: 22px 14px 12px 24px;\n}\n\n.mrfw-title {\n  margin: 0;\n  font-size: 16px;\n  line-height: 24px;\n  font-weight: 500;\n  color: var(--dsw-alias-label-primary);\n}\n\n.mrfw-close {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  border: none;\n  border-radius: 8px;\n  background: transparent;\n  cursor: pointer;\n  color: var(--dsw-alias-label-secondary);\n  transition: background-color var(--ds-transition-duration-fast) var(--ds-ease-in-out);\n}\n\n.mrfw-close:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.mrfw-body {\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n  overflow-y: auto;\n  padding: 0 24px 24px;\n}\n\n.mrfw-alert {\n  margin: 0 0 8px;\n  font-size: 14px;\n  line-height: 22px;\n  color: var(--dsw-alias-state-error-primary);\n}\n\n.mrfw-section {\n  display: flex;\n  flex-direction: column;\n}\n\n.mrfw-section + .mrfw-section {\n  margin-top: 8px;\n}\n\n.mrfw-sectionTitleRow {\n  display: flex;\n  align-items: baseline;\n  gap: 8px;\n  padding: 8px 0 4px;\n}\n\n.mrfw-sectionTitle {\n  font-size: 14px;\n  line-height: 22px;\n  font-weight: 500;\n  color: var(--dsw-alias-label-primary);\n}\n\n.mrfw-sectionNote {\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.mrfw-row {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  padding: 12px 0;\n  border-bottom: 0.5px solid var(--dsw-alias-border-l2);\n}\n\n.mrfw-rowBare {\n  border-bottom: none;\n}\n\n/* A root entry's two lines: the display name on top, the absolute path under\n   it in the tertiary voice (the workspace rows recipe of the host sidebar). */\n/* Match upstream General Settings' DeveloperToolsRow layout. */\n.mrfw-skillsSettings {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 24px;\n  padding: 16px 0;\n  border-bottom: 0.5px solid var(--dsw-alias-border-l2);\n}\n.mrfw-skillsSettingsText { min-width: 0; }\n.mrfw-settingsTitleRow {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.mrfw-skillsSettingsTitle { font-size: 14px; line-height: 20px; }\n.mrfw-skillsSettingsDescription {\n  margin-top: 4px;\n  color: var(--dsw-alias-label-secondary);\n  font-size: 12px;\n  line-height: 18px;\n}\n.mrfw-rootText {\n  display: flex;\n  flex: 1 1 240px;\n  flex-direction: column;\n  gap: 2px;\n  min-width: 0;\n}\n\n/* Keep status tags and permission glyphs visible beside the alias, wrapping\n   onto another line when the dialog is narrow. */\n.mrfw-rootName {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 6px;\n  min-width: 0;\n  font-size: 14px;\n  line-height: 20px;\n  font-weight: 500;\n  color: var(--dsw-alias-label-primary);\n}\n\n.mrfw-rootNameText {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.mrfw-rootPath {\n  font-family: var(--ds-font-family-code);\n  font-size: 12px;\n  line-height: 18px;\n  word-break: break-all;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n/* The path doubles as the copy control: an unstyled button that keeps the\n   text recipe and makes the whole string clickable \u2014 the whole region, not\n   just the icon, copies on click. */\n.mrfw-pathCopy {\n  display: block;\n  width: 100%;\n  padding: 0;\n  border: 0;\n  background: transparent;\n  text-align: left;\n  cursor: pointer;\n}\n\n/* The trailing icon stays in flow but invisible until the path is hovered\n   or focused: appearing never re-wraps the text, and the icon inherits the\n   path's own tertiary ink. */\n.mrfw-pathCopyIcon {\n  display: inline-flex;\n  margin-left: 4px;\n  vertical-align: -2px;\n  opacity: 0;\n  transition: opacity var(--ds-transition-duration-fast) var(--ds-ease-in-out);\n}\n\n.mrfw-pathCopy:hover .mrfw-pathCopyIcon,\n.mrfw-pathCopy:focus-visible .mrfw-pathCopyIcon {\n  opacity: 1;\n}\n\n.mrfw-note {\n  margin: 0;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.mrfw-stateWarn {\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-state-warn-primary);\n}\n\n.mrfw-btn {\n  display: inline-flex;\n  flex: none;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  height: 28px;\n  padding: 0 10px;\n  border: none;\n  border-radius: 14px;\n  background: transparent;\n  color: var(--dsw-alias-label-primary);\n  font-family: inherit;\n  font-size: 12px;\n  line-height: 18px;\n  cursor: pointer;\n  transition: background-color var(--ds-transition-duration-fast) var(--ds-ease-in-out);\n}\n\n.mrfw-btn[aria-busy='true'] {\n  cursor: wait;\n}\n\n.mrfw-btn:disabled {\n  cursor: not-allowed;\n  opacity: 0.4;\n}\n\n.mrfw-btnGhost:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.mrfw-btnGhost:active:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-active);\n}\n\n/* The solid destructive action of the capsule family: the upgrade confirm's\n   red button. state-error-primary is the error ink upstream also uses as a\n   fill (StateDot); the hover mixes in the host's primary label token to\n   follow its theme and contrast choices. Neither color is a guessed token:\n   an undefined var() would fall back\n   to transparent and white-out the whole button. */\n.mrfw-btnDanger {\n  background: var(--dsw-alias-state-error-primary);\n  color: var(--dsw-alias-label-primary-foreground);\n}\n\n.mrfw-btnDanger:hover:not(:disabled) {\n  background: color-mix(in srgb, var(--dsw-alias-state-error-primary) 85%, var(--dsw-alias-label-primary));\n}\n\n.mrfw-btnOutline {\n  border: 0.5px solid var(--dsw-alias-border-l3);\n  background: transparent;\n}\n\n.mrfw-btnOutline:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.mrfw-btnPrimary {\n  background: var(--dsw-alias-button-primary-fill);\n  color: var(--dsw-alias-label-primary-foreground);\n}\n\n.mrfw-btnPrimary:hover:not(:disabled) {\n  background: var(--dsw-alias-button-primary-hover);\n}\n\n/* One icon-only action: a square of the capsule family, meaning in title.\n   Declared after the .mrfw-btn family so its padding wins the cascade tie:\n   the capsule's 0 10px padding would otherwise squeeze the icon glyph. */\n.mrfw-iconBtn {\n  width: 28px;\n  padding: 0;\n  border-radius: 8px;\n}\n\n.mrfw-input {\n  flex: 1 1 220px;\n  min-width: 0;\n  height: 32px;\n  padding: 0 8px;\n  border: 0.5px solid var(--dsw-alias-border-l4);\n  border-radius: 8px;\n  background: var(--dsw-alias-bg-layer-1);\n  color: var(--dsw-alias-label-primary);\n  font-family: inherit;\n  font-size: 14px;\n  line-height: 22px;\n  outline: none;\n  transition: border-color var(--ds-transition-duration-fast) var(--ds-ease-in-out);\n}\n\n.mrfw-input:focus {\n  border-color: var(--dsw-alias-brand-primary);\n}\n\n.mrfw-input::placeholder {\n  color: var(--dsw-alias-label-dimmed);\n}\n\n.mrfw-inputInline {\n  flex: 1 1 auto;\n}\n\n.mrfw-accessSelect {\n  flex: 0 0 auto;\n}\n\n/* The access dropdown's capsule trigger: the Menu anchor wrapper is the flex\n   item, the button inside keeps the control row's 32px capsule recipe. */\n.mrfw-accessTrigger {\n  padding: 0 12px;\n}\n\n.mrfw-cwdTag {\n  flex: none;\n  padding: 0 6px;\n  border-radius: 4px;\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-secondary);\n  font-size: 11px;\n  line-height: 18px;\n}\n\n.mrfw-accessBadge {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.mrfw-accessBadge {\n  flex: none;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.mrfw-aliasEditor {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  flex-basis: 100%;\n}\n\n.mrfw-actions {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  margin-top: 16px;\n  padding-top: 16px;\n  border-top: 0.5px solid var(--dsw-alias-border-l2);\n}\n\n/* One control row, one height: the capsule buttons match the 32px input. */\n.mrfw-actions .mrfw-btn {\n  height: 32px;\n  border-radius: 16px;\n}\n\n.mrfw-actions .mrfw-iconBtn {\n  width: 32px;\n}\n";
+export declare const STYLES = "\n/* Sidebar footer row, mirroring the host ui-settings-general trigger: the row\n * wrapper overhangs each side by 2px (width calc(100% + 4px) against the\n * shell's 12px inline padding) so the icon's ink line lands at 18px from the\n * column edge \u2014 exactly where the Settings gear below sits. */\n.mrfw-triggerRow {\n  flex: none;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  width: calc(100% + 4px);\n  margin: 4px -2px;\n}\n\n.mrfw-triggerRow.mrfw-railRow {\n  width: 36px;\n  margin: 8px 0 10px;\n}\n\n.mrfw-trigger {\n  box-sizing: border-box;\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  width: auto;\n  height: 42px;\n  margin: 0;\n  padding: 0 10px 0 8px;\n  border: none;\n  border-radius: 12px;\n  background: transparent;\n  color: var(--dsw-alias-label-primary);\n  font-family: inherit;\n  font-size: 14px;\n  line-height: 22px;\n  text-align: left;\n  cursor: pointer;\n  overflow: hidden;\n  transition: background-color var(--ds-transition-duration-fast) var(--ds-ease-in-out);\n}\n\n.mrfw-trigger:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.mrfw-triggerIcon {\n  flex: none;\n  display: inline-flex;\n}\n\n.mrfw-triggerLabel {\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n.mrfw-triggerRail {\n  flex: none;\n  width: 36px;\n  height: 36px;\n  margin: 0;\n  padding: 0;\n  gap: 0;\n  border-radius: 50%;\n  justify-content: center;\n}\n\n/* Icon-only launcher inside the upstream Files tab header. Upstream's\n   FilesBody renders .header as one flat flex row \u2014 PathLabel, then the\n   reload button, then the files.actions slot occupants \u2014 and each of those\n   children carries a stable data-files-* attribute on the flex item itself\n   (data-files-root on the pane, data-files-path, data-files-reload).\n   A registration order sorts only INSIDE the actions slot and can never\n   overtake the reload button, so the launcher is moved with the flex order\n   property instead: this wrapper is the slot's root element and therefore a\n   direct flex item of .header, and order: -1 puts it ahead of every\n   order-0 sibling while the :has() rule below keeps the path first. */\n.mrfw-fileLauncher {\n  order: -1;\n  flex: none;\n  display: flex;\n  align-items: center;\n}\n\n/* Pin the upstream path label ahead of the launcher \u2014 but only while this\n   plugin is in the row: the :has() guard keeps a rule that names an\n   upstream element inert whenever the launcher is absent. The\n   :not([data-files-entry]) qualifier is load-bearing, not decorative:\n   upstream puts data-files-path on EVERY tree row too (the row's own\n   absolute path), so an unqualified selector would match the whole tree,\n   not just the header's PathLabel. Both selectors depend on upstream's DOM\n   shape, which is not part of the slot contract; if it changes, the rules\n   simply stop matching and the launcher falls back to its in-slot position \u2014\n   a silent degradation, never a broken header. */\n[data-files-root]:has(.mrfw-fileLauncher) [data-files-path]:not([data-files-entry]) {\n  order: -2;\n}\n\n/* The root switcher is the launcher's grown-up form on runtimes whose\n   files.actions owner carries absolutePath. It takes the path label's flex\n   position and stretch: order: -1 ahead of every order-0 sibling, and a\n   growing min-width:0 item so both the trigger label and the PathLabel\n   inside it can ellipsize instead of pushing the header controls out. */\n.mrfw-rootSwitcher {\n  order: -1;\n  flex: 1 1 auto;\n  min-width: 0;\n  display: flex;\n  align-items: center;\n  /* Same 4px the upstream .header puts between its own flex items, so the\n     takeover controls (reload, open-in-app fork) sit at the same offsets the\n     hidden native ones did \u2014 no drift between primary and additional state. */\n  gap: 4px;\n}\n\n/* While the switcher exists it hides the upstream path label \u2014 the\n   :has() guard again keeps the upstream-naming rule inert unless this\n   plugin is actually in the row. The switcher draws its own PathLabel of\n   the selected root next to the trigger (className mrfw-switcherPath, no\n   data-files-* attributes), so the header keeps a path in the same spot.\n   :not([data-files-entry]) is what confines this rule to the header:\n   every tree row carries data-files-path with its own path as the value,\n   and only the PathLabel carries it bare. Without the qualifier this\n   display:none would blank the entire native tree. */\n[data-files-root]:has(.mrfw-rootSwitcher) [data-files-path]:not([data-files-entry]) {\n  display: none;\n}\n\n/* While the switcher names an additional root, the native tree body and its\n   reload hide: the reload refreshes the very tree that is no longer\n   visible, and the plugin's forked tree is portaled in as the body's sibling.\n   The header still offers a reload \u2014 the switcher's own .mrfw-switcherReload\n   calls the forked face's refresh. The native tree keeps watching in the\n   background, so switching back to the primary root restores it instantly. */\n[data-files-root]:has(.mrfw-rootSwitcher[data-root-kind=\"additional\"]) [data-files-body],\n[data-files-root]:has(.mrfw-rootSwitcher[data-root-kind=\"additional\"]) [data-files-reload] {\n  display: none;\n}\n\n/* Newer Files pages place the navigator beside the header instead of\n   wrapping both in data-files-root. Target the page without hiding the\n   portaled replacement or any of its rows. */\n[data-files-page]:has(.mrfw-fileLauncher) [data-files-path]:not([data-files-entry]) { order: -2; }\n[data-files-page]:has(.mrfw-rootSwitcher) [data-files-path]:not([data-files-entry]) { display: none; }\n[data-files-page]:has(.mrfw-rootSwitcher[data-root-kind=\"additional\"]) [data-files-content],\n[data-files-page]:has(.mrfw-rootSwitcher[data-root-kind=\"additional\"]) [data-files-reload] { display: none; }\n[data-files-page]:has(.mrfw-rootSwitcher[data-root-kind=\"additional\"]) [data-slot=\"sidebar.right.tab.files.actions\"] > *:has([data-open-target=\"directory\"]:not(.mrfw-openSplit)),\n[data-files-page]:has(.mrfw-rootSwitcher[data-root-kind=\"additional\"]) [data-open-target=\"directory\"]:not(.mrfw-openSplit) { display: none; }\n\n/* While the switcher names an additional root, the native open-in-app split\n   button hides too: its slot props carry the pane's primary root, so it\n   would always open the primary root no matter what the switcher selected.\n   The header gets the plugin's own fork of that same control instead (the\n   open-in-app directory), wired to the selected root.\n\n   The slot's render site is wrapped in the renderer's own anchor \u2014\n   <div data-slot=\"sidebar.right.tab.files.actions\" style=\"display:contents\">\n   \u2014 so the header's flex items inside it are the occupants themselves, and\n   the native item is the ui-primitives Menu anchor span wrapping the marked\n   .split. The first selector hides that occupant item through the data-slot\n   anchor: hiding only the inner control would leave the empty anchor span\n   as a zero-width flex item whose header gap pushes the fork 4px left of\n   the native position. The wrapper itself can never be the target \u2014 its\n   inline display:contents beats any stylesheet rule, and hiding it would\n   take the switcher with it. The second selector is the fallback for an\n   upstream that moves the attribute off the item. The fork survives both:\n   the only data-open-target inside .mrfw-rootSwitcher is its own\n   .mrfw-openSplit, which :not() excludes. */\n[data-files-root]:has(.mrfw-rootSwitcher[data-root-kind=\"additional\"]) [data-slot=\"sidebar.right.tab.files.actions\"] > *:has([data-open-target=\"directory\"]:not(.mrfw-openSplit)),\n[data-files-root]:has(.mrfw-rootSwitcher[data-root-kind=\"additional\"]) [data-open-target=\"directory\"]:not(.mrfw-openSplit) {\n  display: none;\n}\n\n/* The trigger borrows the path label's look: quiet text with a folder\n   glyph, the hover of the neighboring header buttons, and the overflow\n   behavior PathLabel itself uses in a narrow header. It may shrink but\n   never grows \u2014 the PathLabel after it owns the free header space. */\n.mrfw-rootSwitchBtn {\n  flex: 0 1 auto;\n  min-width: 0;\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  height: 28px;\n  margin: 0;\n  padding: 0 4px;\n  border: none;\n  border-radius: 8px;\n  background: transparent;\n  color: var(--dsw-alias-label-primary);\n  font-family: inherit;\n  font-size: inherit;\n  line-height: 20px;\n  text-align: left;\n  cursor: pointer;\n  transition: background-color var(--ds-transition-duration-fast) var(--ds-ease-in-out);\n}\n\n.mrfw-rootSwitchBtn:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.mrfw-rootSwitchBtn .mrfw-triggerIcon {\n  color: var(--dsw-alias-label-secondary);\n}\n\n.mrfw-rootSwitchLabel {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.mrfw-rootSwitchChevron {\n  margin-left: auto;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n/* The selected root's full path sits between the trigger and the reload \u2014\n   the very PathLabel upstream draws there, so it brings its own grow,\n   left-clip and hover-title behavior; only the gutters are ours. The right\n   margin plus the container gap reproduces upstream's .path margin-right\n   12px + header gap 4px; the left gutter comes from the same container gap. */\n.mrfw-switcherPath {\n  margin: 0 12px 0 0;\n}\n\n/* The takeover's own reload, standing exactly where the hidden native one\n   did: the upstream .tool recipe verbatim (28px hit area, 15px glyph,\n   secondary voice, hover fills). It calls the forked face's refresh \u2014 an\n   in-place re-list, not a remount. */\n.mrfw-switcherReload {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  padding: 6px;\n  border: none;\n  border-radius: var(--dsw-radius-sm);\n  background: transparent;\n  color: var(--dsw-alias-label-secondary);\n  line-height: 1;\n  cursor: pointer;\n}\n\n.mrfw-switcherReload:hover {\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n/* The document preview's navigator aside, while the retarget holds it: the\n   native body hides (it lists the session's primary root regardless of the\n   previewed file), and the forked tree \u2014 portaled in as the aside's sibling\n   child \u2014 takes the same stretch item in the aside's column flex, right\n   down to the body's own padding and 2px scrollbar offset. The aside's\n   chrome is untouched: width, push/overlay/fill modes, and the resize\n   separator all stay native. The marker attribute is set only while a\n   takeover actually holds the aside, so a navigator we never matched \u2014 or\n   one whose plugin sheet is gone \u2014 renders exactly as upstream drew it. */\naside[data-mrfw-navigator] > [data-files-body] {\n  display: none;\n}\n\n/* The reveal's current row, the fork's spelling of upstream's .current:\n   the interactive-active fill, kept under hover exactly as the native\n   tree's current row keeps it. */\n.mrfw-ftRow[data-files-current],\n.mrfw-ftRow[data-files-current]:hover {\n  background: var(--dsw-alias-interactive-bg-active);\n}\n\n/* \u2500\u2500 files-tree fork (verbatim rules, renamed classes) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   Copied from upstream's FilesBody.module.css (ui-sidebar-files @\n   0.2.2-alpha.2) with local names mapped to mrfw-ft* so the rules cannot\n   collide with host DOM \u2014 and so the fork's own body (which must NOT carry\n   data-files-body) stays visible while the rules above hide the native one.\n   The header-only rules (root/header/path/tool/status/statusLine/titleIcon)\n   belong to the upstream shell this fork drops and are not mapped. Fork sync\n   re-diffs the upstream file and re-applies the rename \u2014 see\n   src/client/files-tree/FORK.md. */\n\n/* The pane's own .root already supplies the flex column, color, and font;\n   the fork's body takes the same stretch item the hidden native body held,\n   including the workspace list's 2px scrollbar offset and stable gutter. */\n.mrfw-ftBody {\n  flex: 1 1 auto;\n  min-height: 0;\n  margin-right: 2px;\n  padding: 8px 0 8px 8px;\n  overflow: auto;\n  scrollbar-gutter: stable;\n}\n\n.mrfw-ftBody::-webkit-scrollbar-track {\n  margin: 2px;\n}\n\n.mrfw-ftLevel {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.mrfw-ftLevel .mrfw-ftLevel {\n  padding-left: 18px;\n}\n\n.mrfw-ftItem {\n  margin: 0;\n  padding: 0;\n}\n\n/* Rows abut, so the hover fill is the whole row; the tree's air is this\n   inset, not a gap between rows. */\n.mrfw-ftRow {\n  display: flex;\n  gap: 6px;\n  align-items: center;\n  width: 100%;\n  min-width: 0;\n  padding: 5px 10px;\n  color: inherit;\n  font: inherit;\n  text-align: left;\n  background: transparent;\n  border: 0;\n  border-radius: var(--dsw-radius-md);\n  cursor: pointer;\n}\n\n@media (hover: hover) {\n  .mrfw-ftRow:hover {\n    background: var(--dsw-alias-interactive-bg-hover);\n  }\n}\n\n/* The folder glyph rides the tertiary ink, as the workspace tree's does. */\n.mrfw-ftIcon {\n  flex: 0 0 auto;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n/* The type's coloured sheet at the folder glyph's 16px; its colour is its own. */\n.mrfw-ftFileIcon {\n  flex: 0 0 auto;\n}\n\n.mrfw-ftName {\n  min-width: 0;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n\n/* Neither a file nor a directory: shown so the directory is reported whole,\n   greyed so nobody tries to open it. */\n.mrfw-ftOther {\n  color: var(--dsw-alias-label-tertiary);\n  cursor: default;\n}\n\n@media (hover: hover) {\n  .mrfw-ftOther:hover {\n    background: transparent;\n  }\n}\n\n.mrfw-ftNote {\n  margin: 0;\n  padding: 3px 10px;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 12px;\n}\n\n/* \u2500\u2500 open-in-app fork (verbatim rules, renamed classes) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   Copied from upstream's OpenTargetButton.module.css\n   (dsh-client-ui-open-in-app @ 0.2.1-alpha.2) with local names mapped to\n   mrfw-open* so the rules cannot collide with host DOM. Fork sync re-diffs\n   the upstream file and re-applies the rename \u2014 see\n   src/client/open-in-app/FORK.md. */\n\n/* Sized to sit in the document header's 24px control row beside its round\n   icon buttons: a hairline pill with a 12px label and a narrow chevron half. */\n.mrfw-openMenuAnchor {\n  display: inline-flex;\n  flex: none;\n  align-self: center;\n}\n\n.mrfw-openSplit {\n  display: inline-flex;\n  align-items: stretch;\n  box-sizing: border-box;\n  height: 24px;\n  overflow: hidden;\n  border: 0.5px solid var(--dsw-alias-border-l4);\n  border-radius: var(--dsw-radius-sm);\n  font-family: var(--dsw-font-family);\n}\n\n.mrfw-openMain,\n.mrfw-openChevron {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: 0;\n  background: none;\n  color: var(--dsw-alias-label-primary);\n  font-size: 11px;\n  line-height: 16px;\n  white-space: nowrap;\n  cursor: pointer;\n}\n\n.mrfw-openMain {\n  gap: 4px;\n  padding: 3px 5px;\n}\n\n.mrfw-openChevron {\n  padding: 3px 4px 3px 3px;\n  border-left: 0.5px solid var(--dsw-alias-border-l4);\n  color: var(--dsw-alias-label-secondary);\n}\n\n.mrfw-openMain:hover:not(:disabled),\n.mrfw-openMain:focus-visible,\n.mrfw-openChevron:hover:not(:disabled),\n.mrfw-openChevron:focus-visible {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n/* Pending disables clicks without a restyle; only hover feedback pauses. */\n.mrfw-openMain:disabled,\n.mrfw-openChevron:disabled {\n  cursor: default;\n}\n\n.mrfw-openAppIcon {\n  object-fit: contain;\n}\n\n/* The unavailable preview emphasizes the same actions with a labeled button. */\n.mrfw-openSplit[data-size='large'] {\n  height: 36px;\n  border-radius: var(--dsw-radius-md);\n  border-color: var(--dsw-alias-border-l2);\n}\n\n.mrfw-openSplit[data-size='large'] .mrfw-openMain {\n  gap: 6px;\n  padding: 6px 14px;\n  font-size: 14px;\n}\n\n.mrfw-openSplit[data-size='large'] .mrfw-openChevron {\n  padding: 6px 10px;\n}\n\n.mrfw-openSkeleton { display: inline-block; flex: none; border-radius: var(--dsw-radius-xs); background: var(--dsw-alias-interactive-bg-hover); }\n\n.mrfw-overlay {\n  position: fixed;\n  inset: 0;\n  z-index: 1000;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 24px;\n}\n\n.mrfw-mask {\n  position: absolute;\n  inset: 0;\n  background: var(--dsw-alias-bg-mask-1);\n  backdrop-filter: var(--dsw-mask-blur);\n}\n\n.mrfw-dialog {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  width: min(640px, 100%);\n  max-height: 100%;\n  overflow: hidden;\n  border: none;\n  border-radius: 24px;\n  background: var(--dsw-alias-bg-layer-2);\n  box-shadow: var(--dsw-elevation-prominent);\n  color: var(--dsw-alias-label-primary);\n  font-family: inherit;\n  outline: none;\n}\n\n.mrfw-header {\n  flex: none;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  padding: 22px 14px 12px 24px;\n}\n\n.mrfw-title {\n  margin: 0;\n  font-size: 16px;\n  line-height: 24px;\n  font-weight: 500;\n  color: var(--dsw-alias-label-primary);\n}\n\n.mrfw-close {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  border: none;\n  border-radius: 8px;\n  background: transparent;\n  cursor: pointer;\n  color: var(--dsw-alias-label-secondary);\n  transition: background-color var(--ds-transition-duration-fast) var(--ds-ease-in-out);\n}\n\n.mrfw-close:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.mrfw-body {\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n  overflow-y: auto;\n  padding: 0 24px 24px;\n}\n\n.mrfw-alert {\n  margin: 0 0 8px;\n  font-size: 14px;\n  line-height: 22px;\n  color: var(--dsw-alias-state-error-primary);\n}\n\n.mrfw-section {\n  display: flex;\n  flex-direction: column;\n}\n\n.mrfw-section + .mrfw-section {\n  margin-top: 8px;\n}\n\n.mrfw-sectionTitleRow {\n  display: flex;\n  align-items: baseline;\n  gap: 8px;\n  padding: 8px 0 4px;\n}\n\n.mrfw-sectionTitle {\n  font-size: 14px;\n  line-height: 22px;\n  font-weight: 500;\n  color: var(--dsw-alias-label-primary);\n}\n\n.mrfw-sectionNote {\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.mrfw-row {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  padding: 12px 0;\n  border-bottom: 0.5px solid var(--dsw-alias-border-l2);\n}\n\n.mrfw-rowBare {\n  border-bottom: none;\n}\n\n/* A root entry's two lines: the display name on top, the absolute path under\n   it in the tertiary voice (the workspace rows recipe of the host sidebar). */\n/* Match upstream General Settings' DeveloperToolsRow layout. */\n.mrfw-skillsSettings {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 24px;\n  padding: 16px 0;\n  border-bottom: 0.5px solid var(--dsw-alias-border-l2);\n}\n.mrfw-skillsSettingsText { min-width: 0; }\n.mrfw-settingsTitleRow {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.mrfw-skillsSettingsTitle { font-size: 14px; line-height: 20px; }\n.mrfw-skillsSettingsDescription {\n  margin-top: 4px;\n  color: var(--dsw-alias-label-secondary);\n  font-size: 12px;\n  line-height: 18px;\n}\n.mrfw-rootText {\n  display: flex;\n  flex: 1 1 240px;\n  flex-direction: column;\n  gap: 2px;\n  min-width: 0;\n}\n\n/* Keep status tags and permission glyphs visible beside the alias, wrapping\n   onto another line when the dialog is narrow. */\n.mrfw-rootName {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 6px;\n  min-width: 0;\n  font-size: 14px;\n  line-height: 20px;\n  font-weight: 500;\n  color: var(--dsw-alias-label-primary);\n}\n\n.mrfw-rootNameText {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.mrfw-rootPath {\n  font-family: var(--ds-font-family-code);\n  font-size: 12px;\n  line-height: 18px;\n  word-break: break-all;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n/* The path doubles as the copy control: an unstyled button that keeps the\n   text recipe and makes the whole string clickable \u2014 the whole region, not\n   just the icon, copies on click. */\n.mrfw-pathCopy {\n  display: block;\n  width: 100%;\n  padding: 0;\n  border: 0;\n  background: transparent;\n  text-align: left;\n  cursor: pointer;\n}\n\n/* The trailing icon stays in flow but invisible until the path is hovered\n   or focused: appearing never re-wraps the text, and the icon inherits the\n   path's own tertiary ink. */\n.mrfw-pathCopyIcon {\n  display: inline-flex;\n  margin-left: 4px;\n  vertical-align: -2px;\n  opacity: 0;\n  transition: opacity var(--ds-transition-duration-fast) var(--ds-ease-in-out);\n}\n\n.mrfw-pathCopy:hover .mrfw-pathCopyIcon,\n.mrfw-pathCopy:focus-visible .mrfw-pathCopyIcon {\n  opacity: 1;\n}\n\n.mrfw-note {\n  margin: 0;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.mrfw-stateWarn {\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-state-warn-primary);\n}\n\n.mrfw-btn {\n  display: inline-flex;\n  flex: none;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  height: 28px;\n  padding: 0 10px;\n  border: none;\n  border-radius: 14px;\n  background: transparent;\n  color: var(--dsw-alias-label-primary);\n  font-family: inherit;\n  font-size: 12px;\n  line-height: 18px;\n  cursor: pointer;\n  transition: background-color var(--ds-transition-duration-fast) var(--ds-ease-in-out);\n}\n\n.mrfw-btn[aria-busy='true'] {\n  cursor: wait;\n}\n\n.mrfw-btn:disabled {\n  cursor: not-allowed;\n  opacity: 0.4;\n}\n\n.mrfw-btnGhost:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.mrfw-btnGhost:active:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-active);\n}\n\n/* The solid destructive action of the capsule family: the upgrade confirm's\n   red button. state-error-primary is the error ink upstream also uses as a\n   fill (StateDot); the hover mixes in the host's primary label token to\n   follow its theme and contrast choices. Neither color is a guessed token:\n   an undefined var() would fall back\n   to transparent and white-out the whole button. */\n.mrfw-btnDanger {\n  background: var(--dsw-alias-state-error-primary);\n  color: var(--dsw-alias-label-primary-foreground);\n}\n\n.mrfw-btnDanger:hover:not(:disabled) {\n  background: color-mix(in srgb, var(--dsw-alias-state-error-primary) 85%, var(--dsw-alias-label-primary));\n}\n\n.mrfw-btnOutline {\n  border: 0.5px solid var(--dsw-alias-border-l3);\n  background: transparent;\n}\n\n.mrfw-btnOutline:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.mrfw-btnPrimary {\n  background: var(--dsw-alias-button-primary-fill);\n  color: var(--dsw-alias-label-primary-foreground);\n}\n\n.mrfw-btnPrimary:hover:not(:disabled) {\n  background: var(--dsw-alias-button-primary-hover);\n}\n\n/* One icon-only action: a square of the capsule family, meaning in title.\n   Declared after the .mrfw-btn family so its padding wins the cascade tie:\n   the capsule's 0 10px padding would otherwise squeeze the icon glyph. */\n.mrfw-iconBtn {\n  width: 28px;\n  padding: 0;\n  border-radius: 8px;\n}\n\n.mrfw-input {\n  flex: 1 1 220px;\n  min-width: 0;\n  height: 32px;\n  padding: 0 8px;\n  border: 0.5px solid var(--dsw-alias-border-l4);\n  border-radius: 8px;\n  background: var(--dsw-alias-bg-layer-1);\n  color: var(--dsw-alias-label-primary);\n  font-family: inherit;\n  font-size: 14px;\n  line-height: 22px;\n  outline: none;\n  transition: border-color var(--ds-transition-duration-fast) var(--ds-ease-in-out);\n}\n\n.mrfw-input:focus {\n  border-color: var(--dsw-alias-brand-primary);\n}\n\n.mrfw-input::placeholder {\n  color: var(--dsw-alias-label-dimmed);\n}\n\n.mrfw-inputInline {\n  flex: 1 1 auto;\n}\n\n.mrfw-accessSelect {\n  flex: 0 0 auto;\n}\n\n/* The access dropdown's capsule trigger: the Menu anchor wrapper is the flex\n   item, the button inside keeps the control row's 32px capsule recipe. */\n.mrfw-accessTrigger {\n  padding: 0 12px;\n}\n\n.mrfw-cwdTag {\n  flex: none;\n  padding: 0 6px;\n  border-radius: 4px;\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-secondary);\n  font-size: 11px;\n  line-height: 18px;\n}\n\n.mrfw-accessBadge {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.mrfw-accessBadge {\n  flex: none;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.mrfw-aliasEditor {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  flex-basis: 100%;\n}\n\n.mrfw-actions {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  margin-top: 16px;\n  padding-top: 16px;\n  border-top: 0.5px solid var(--dsw-alias-border-l2);\n}\n\n/* One control row, one height: the capsule buttons match the 32px input. */\n.mrfw-actions .mrfw-btn {\n  height: 32px;\n  border-radius: 16px;\n}\n\n.mrfw-actions .mrfw-iconBtn {\n  width: 32px;\n}\n";

package/lib/types/compat/files-tree.d.ts

@@ -27,10 +27,17 @@ export type NativeTreeRenderer = (name: string, input: object, options: {
     fallback: unknown;
 }) => unknown;
 export declare function nativeTreeRenderer(value: unknown): NativeTreeRenderer | undefined;
+/** The revealed file's identity, forwarded as the factory's `current`/`currentRef` inputs. */
+export interface NativeTreeCurrent {
+    /** The current row's tree key — the factory marks it `.current` + `aria-current`. */
+    readonly path: string;
+    /** Optional callback ref for the current row's button — the reveal's scroll target. */
+    readonly ref?: ((row: unknown) => void) | undefined;
+}
 /** The factory consumes absolute, slash-separated keys and already-localized errors. */
 export declare function nativeTreeInput<F>(state: {
     readonly root: string;
     readonly levels: Readonly<Record<string, Level<F>>>;
     readonly expanded: readonly string[];
-}, failureLine: (failure: F) => string, toggle: (parent: string, path: string) => void, open: (path: string) => void): object;
+}, failureLine: (failure: F) => string, toggle: (parent: string, path: string) => void, open: (path: string) => void, current?: NativeTreeCurrent | undefined): object;
 export {};