dsh-zen-remote 2.2.5 → 2.2.7

package/lib/types/client/remote-file-save.d.ts

@@ -0,0 +1,112 @@
+/**
+ * Saving one workspace file onto THIS machine (2.2.6, remote artifact
+ * download).
+ *
+ * DSH has no download surface at all: a produced file's card only PREVIEWS it
+ * through the document preview (`workspaceFiles/readBytes`), and the
+ * native-open controls (`present.open`, `changes.open`,
+ * `open-in-app`) act on the machine the DSH process runs on — which is why
+ * the remote-session stylesheet hides them. So on a paired desktop
+ * sub-client, a file the HOST produced in its workspace had no way to reach
+ * the client's disk. This module is the missing read+save half:
+ *
+ * - bytes come from the SAME relayed `workspaceFiles/readBytes` the preview
+ *   already uses (relay-access.ts registers the method; invoke-binary.ts
+ *   carries its `data` Uint8Array across the JSON channel),
+ * - they come in byte windows because the host's read window is capped
+ *   (`dsh-api-workspace-files` Config.maxBytes, 2 MiB by default): a full
+ *   read without a range is capped separately at `maxFileBytes` (32 MiB), so
+ *   ranged reads are the only shape that works for ANY produced file. A
+ *   `workspace-file/too-large` refusal carries the host's own limit in
+ *   `details.limit`, so the window adapts down instead of failing,
+ * - the assembled bytes become a Blob and a synthetic `<a download>` click,
+ *   the one save path a browser/webview gives a page without asking the
+ *   desktop shell for a native dialog.
+ *
+ * The pure half (`collectRemoteFile`, `downloadFileNameOf`) takes an injected
+ * reader and is driven directly by test/remote-file-save.test.cjs — no DOM,
+ * no DSH imports.
+ */
+import type { ClientContext, SessionId } from './compat/types.ts';
+/** The byte window one relayed read asks for. Matches the host default
+ * (`Config.maxBytes` 2 MiB) exactly: one round trip per window, and a host
+ * configured smaller self-corrects through the too-large branch below. */
+export declare const DOWNLOAD_CHUNK_BYTES: number;
+/** One byte window's answer, as the client Remote face delivers it. Only the
+ * fields this module reads are mirrored. */
+export type RemoteByteWindow = {
+    ok: true;
+    value: {
+        data: Uint8Array;
+        eof: boolean;
+    };
+} | {
+    ok: false;
+    error: {
+        code?: string;
+        details?: {
+            limit?: number;
+        };
+    };
+};
+/** One ranged read bound to (session, path); the caller owns the closure. */
+export type RemoteByteRead = (range: {
+    offset: number;
+    length: number;
+}) => Promise<RemoteByteWindow>;
+/**
+ * The last path segment, as the browser download name. Slash- and
+ * backslash-separated paths both occur (the host may be Windows); an empty
+ * tail falls back to a fixed name so `download` is never blank.
+ * @param path - the file's absolute path on the host.
+ * @returns the name to save under.
+ */
+export declare function downloadFileNameOf(path: string): string;
+/** The three DOM reads {@link downloadPathFromCard} performs — structural so
+ * tests can pass fake nodes (a real Element satisfies it). */
+export interface DownloadCardNode {
+    closest(selector: string): DownloadCardNode | null;
+    querySelector(selector: string): DownloadCardNode | null;
+    getAttribute(name: string): string | null;
+}
+/**
+ * The file path a produced-file card carries, read off the host's own
+ * rendered contract: the card root is `[data-presented-file]`, and its
+ * preview button's `title` is the resolved workspace path (RT
+ * dsh-client-ui-deliverables PresentedFileCard: `title:
+ * resolveWorkspacePath(cwd, file.path)`). The action button mounts inside
+ * that card, so `closest` picks THIS card, never a neighbouring one.
+ * @param button - the download action's own DOM node.
+ * @returns the path, or undefined when the card shape is not there (a future
+ * host): the caller then reports failure instead of guessing a path.
+ */
+export declare function downloadPathFromCard(button: DownloadCardNode | null): string | undefined;
+/**
+ * Read one file window by window and return its complete bytes.
+ *
+ * The window starts at `chunkBytes` and adapts DOWN when the host refuses a
+ * window as too large (`workspace-file/too-large` + `details.limit`), so a
+ * host configured below the default still completes. The loop ends at the
+ * host's own `eof` flag, or on an empty window (never spin on a server that
+ * reports neither).
+ * @param read - one ranged read, already bound to the session and path.
+ * @param chunkBytes - the first window size; tests inject a small one.
+ * @returns the complete file bytes, in one buffer.
+ * @throws when a read is refused (the code rides the message) or the reader
+ * keeps advancing past {@link MAX_DOWNLOAD_CHUNKS} windows.
+ */
+export declare function collectRemoteFile(read: RemoteByteRead, chunkBytes?: number): Promise<Uint8Array>;
+/** Save one file from a remote session to this machine. */
+export type SaveRemoteFile = (sessionId: SessionId, path: string) => Promise<void>;
+/**
+ * Bind the save capability the download buttons share to the client context.
+ *
+ * The `remote.workspaceFiles` service is looked up at CLICK time, not at
+ * registration time: a host without the service (an older DSH) must not
+ * break the plugin's apply, and the buttons only ever mount for a virtual
+ * session — where the service exists by construction.
+ * @param ctx - client root context.
+ * @returns the save function the injected `saveFile` prop carries.
+ */
+export declare function createSaveRemoteFile(ctx: ClientContext): SaveRemoteFile;
+//# sourceMappingURL=remote-file-save.d.ts.map

package/lib/types/client/remote-file-save.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"remote-file-save.d.ts","sourceRoot":"","sources":["../../../src/client/remote-file-save.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAEjE;;0EAE0E;AAC1E,eAAO,MAAM,oBAAoB,QAAkB,CAAA;AAOnD;4CAC4C;AAC5C,MAAM,MAAM,gBAAgB,GACxB;IAAE,EAAE,EAAE,IAAI,CAAC;IAAC,KAAK,EAAE;QAAE,IAAI,EAAE,UAAU,CAAC;QAAC,GAAG,EAAE,OAAO,CAAA;KAAE,CAAA;CAAE,GACvD;IAAE,EAAE,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE;YAAE,KAAK,CAAC,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,CAAA;CAAE,CAAA;AAEzE,6EAA6E;AAC7E,MAAM,MAAM,cAAc,GAAG,CAAC,KAAK,EAAE;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,KAAK,OAAO,CAAC,gBAAgB,CAAC,CAAA;AAErG;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAIvD;AAED;8DAC8D;AAC9D,MAAM,WAAW,gBAAgB;IAC/B,OAAO,CAAC,QAAQ,EAAE,MAAM,GAAG,gBAAgB,GAAG,IAAI,CAAA;IAClD,aAAa,CAAC,QAAQ,EAAE,MAAM,GAAG,gBAAgB,GAAG,IAAI,CAAA;IACxD,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAA;CAC1C;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,gBAAgB,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,CAiBxF;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAsB,iBAAiB,CACrC,IAAI,EAAE,cAAc,EACpB,UAAU,SAAuB,GAChC,OAAO,CAAC,UAAU,CAAC,CAqCrB;AAED,2DAA2D;AAC3D,MAAM,MAAM,cAAc,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;AAgClF;;;;;;;;;GASG;AACH,wBAAgB,oBAAoB,CAAC,GAAG,EAAE,aAAa,GAAG,cAAc,CAsBvE"}

package/lib/types/client/settings/SettingsSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsSection.d.ts","sourceRoot":"","sources":["../../../../src/client/settings/SettingsSection.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AAIH,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAA;AAwBjF,OAAO,KAAK,EAUV,qBAAqB,EACtB,MAAM,oCAAoC,CAAA;AAC3C,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAA;AAElC,OAAO,KAAK,EAAkB,WAAW,EAAE,MAAM,6BAA6B,CAAA;AAE9E,MAAM,WAAW,oBAAqB,SAAQ,YAAY,CAAC,oBAAoB,CAAC,EAAE,WAAW,CAAC,OAAO,EAAE,CAAC;IACtG,sDAAsD;IACtD,MAAM,EAAE,qBAAqB,CAAA;IAC7B;mDAC+C;IAC/C,MAAM,EAAE,WAAW,CAAA;CACpB;AA0DD,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,+BAW1D"}
+{"version":3,"file":"SettingsSection.d.ts","sourceRoot":"","sources":["../../../../src/client/settings/SettingsSection.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AAIH,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAA;AAwBjF,OAAO,KAAK,EAUV,qBAAqB,EACtB,MAAM,oCAAoC,CAAA;AAC3C,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAA;AAGlC,OAAO,KAAK,EAAkB,WAAW,EAAE,MAAM,6BAA6B,CAAA;AAE9E,MAAM,WAAW,oBAAqB,SAAQ,YAAY,CAAC,oBAAoB,CAAC,EAAE,WAAW,CAAC,OAAO,EAAE,CAAC;IACtG,sDAAsD;IACtD,MAAM,EAAE,qBAAqB,CAAA;IAC7B;mDAC+C;IAC/C,MAAM,EAAE,WAAW,CAAA;CACpB;AA0DD,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,+BAW1D"}

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

@@ -1,2 +1,2 @@
-export declare const COMPAT_CSS = "  /* ---------- dsh-web-ui family compatibility ----------\n     The linxin666 plugin suite extends the shell frame directly:\n       - aionui-panel appends two trailing grid columns (explorer / preview)\n         plus absolute drag handles to [data-dsh-frame]; its 5-track inline\n         grid is already overridden above, but the handles and columns would\n         still float over the main UI. On mobile the columns leave the grid\n         as floating bottom sheets and keep their own visibility state \u2014\n         the suite's collapse chevron / preview tabs still work, so no\n         feature is lost. The task-board / ssh plugins inject sidebar\n         entries and center-column takeover panels; the entries need\n         spacing and the kanban needs scrollable columns. */\n\n  /* Touch devices: the drag handles are useless \u2014 the floating expand\n     button is the opener. */\n  .aionui-explorer-handle,\n  .aionui-preview-handle {\n    display: none !important;\n  }\n\n  /* Shared base: both columns leave the grid as floating panels. The\n     explorer is gated shut by default (its own persisted expanded state\n     must never cover the mobile UI on load); the header Files action opens\n     it via the frame marker below, and the sheet's own collapse chevron\n     clears it. Preview stays owned by the suite (hidden while no tab is\n     open). The per-column rules below override the geometry. */\n  [data-aionui-explorer-col],\n  [data-aionui-preview-col] {\n    position: fixed !important;\n    z-index: 55 !important;\n    background: var(--aion-bg-base, #ffffff) !important;\n    border-left: none !important;\n  }\n  /* Explorer (file tree) bottom sheet: bottom edge aligned exactly with\n     the composer card's bottom line \u2014 the card sits 36px above the\n     viewport bottom (8px composer padding + the 28px stats strip below\n     the card), so the sheet uses the same 36px bottom offset. */\n  [data-aionui-explorer-col] {\n    visibility: hidden !important;\n    left: 8px !important;\n    right: 8px !important;\n    top: auto !important;\n    bottom: 36px !important;\n    width: auto !important;\n    height: min(55dvh, 460px) !important;\n    max-height: calc(100dvh - 44px) !important;\n    border-radius: 14px !important;\n    overflow: hidden !important;\n    box-shadow: 0 -4px 28px rgba(0, 0, 0, .18) !important;\n    animation: dsh-mobile-nav-sheet-up .24s var(--ds-ease-out, ease-in-out) !important;\n  }\n  /* Preview (file content) bottom sheet. Gated shut by default: the suite\n     persists open preview tabs in localStorage and restores them on load,\n     which would pop the sheet over the fresh UI. The client only sets the\n     frame marker after the user taps a file row in the explorer; the\n     suite's own collapse chevron clears it via the visibility watcher. */\n  [data-aionui-preview-col] {\n    visibility: hidden !important;\n    position: fixed !important;\n    left: 8px !important;\n    right: 8px !important;\n    top: auto !important;\n    bottom: 40px !important;\n    width: auto !important;\n    height: min(50dvh, 420px) !important;\n    max-height: calc(100dvh - 48px) !important;\n    border-radius: 14px !important;\n    overflow: hidden !important;\n    box-shadow: 0 -4px 28px rgba(0, 0, 0, .18) !important;\n    z-index: 56 !important;\n    animation: dsh-mobile-nav-sheet-up .24s var(--ds-ease-out, ease-in-out) !important;\n    /* Fullscreen toggle (issue #8): animate the geometry change instead of\n       snapping. visibility is deliberately not listed, so opening/closing\n       the sheet stays instant; the open/close keyframes own transform. */\n    transition:\n      left .24s var(--ds-ease-out, ease-in-out),\n      right .24s var(--ds-ease-out, ease-in-out),\n      top .24s var(--ds-ease-out, ease-in-out),\n      bottom .24s var(--ds-ease-out, ease-in-out),\n      width .24s var(--ds-ease-out, ease-in-out),\n      height .24s var(--ds-ease-out, ease-in-out),\n      border-radius .24s var(--ds-ease-out, ease-in-out),\n      box-shadow .24s var(--ds-ease-out, ease-in-out),\n      padding-top .24s var(--ds-ease-out, ease-in-out) !important;\n  }\n  /* User-opened preview sheet (frame marker, set on file-row tap). */\n  [data-mobile-nav=\"frame\"][data-aionui-preview-open] [data-aionui-preview-col] {\n    visibility: visible !important;\n  }\n  /* The Files action opens the explorer sheet (frame marker). */\n  [data-mobile-nav=\"frame\"][data-aionui-explorer-open] [data-aionui-explorer-col] {\n    visibility: visible !important;\n  }\n  /* While the preview sheet is up, the explorer sheet yields (two stacked\n     bottom sheets would read as one broken overlay). Closing the preview\n     via its collapse chevron / tab close clears the marker, and the\n     explorer sheet returns. Same specificity as the explorer-open rule, so\n     this must stay AFTER it. */\n  [data-mobile-nav=\"frame\"][data-aionui-preview-open] [data-aionui-explorer-col] {\n    visibility: hidden !important;\n  }\n  /* The open drawer must never sit under a sheet: while the frame is in the\n     narrow-expanded state both sheets yield (later in the file than the\n     open marker rule, so it wins at equal specificity). The fullscreen\n     toggle has its own drawer-open rule at the end of its section. */\n  [data-mobile-nav=\"frame\"]:not([data-sidebar-collapsed]) [data-aionui-explorer-col],\n  [data-mobile-nav=\"frame\"]:not([data-sidebar-collapsed]) [data-aionui-preview-col] {\n    visibility: hidden !important;\n    display: none !important;\n  }\n  /* The suite's own expand button reads the store state we bypass on\n     mobile \u2014 hide it; the header Files action is the opener. */\n  .aionui-floating-expand {\n    display: none !important;\n  }\n\n  /* Preview sheet fullscreen toggle (issue #8): a fixed button parked in the\n     sheet's titlebar row, just left of the suite's collapse chevron (24px at\n     right:8px of the sheet, and the sheet spans 8px..(100vw-8px)). The top\n     calc mirrors the sheet geometry above (bottom 40px + min(50dvh, 420px));\n     when the frame carries \"data-mobile-preview-full\" the sheet goes\n     fullscreen and the button moves to the viewport corner. */\n  [data-mobile-nav=\"preview-full-toggle\"] {\n    position: absolute !important;\n    right: 36px !important;\n    top: 8px !important;\n    z-index: 57 !important;\n    display: none !important;\n    align-items: center;\n    justify-content: center;\n    width: 20px;\n    height: 20px;\n    padding: 0;\n    border: none;\n    border-radius: 4px;\n    background: transparent;\n    color: var(--aion-text-secondary, var(--dsw-alias-label-secondary, inherit));\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n    /* Native look: same size/radius/hover language as the suite's tab-bar\n       icon buttons (the 20px panelCollapse next to it). The button lives\n       INSIDE the preview column, so it rides the sheet's own open\n       animation and geometry transition \u2014 no curve matching needed. */\n    transition: background-color .15s, top .24s var(--ds-ease-out, ease-in-out);\n  }\n  [data-mobile-nav=\"preview-full-toggle\"]:hover {\n    background: var(--aion-bg-3, rgba(0, 0, 0, .22));\n  }\n  [data-mobile-nav=\"preview-full-toggle\"]:active {\n    background: var(--aion-bg-active, rgba(0, 0, 0, .28));\n  }\n  [data-mobile-nav=\"preview-full-toggle\"]:focus-visible {\n    outline: 2px solid var(--dsw-alias-state-business-primary, #4f6ef7);\n    outline-offset: 2px;\n  }\n  [data-mobile-nav=\"preview-full-toggle\"] svg {\n    width: 14px;\n    height: 14px;\n  }\n  /* Keep the last tab (and the \"+\" URL-tab trigger) from sliding under the\n     fullscreen toggle: reserve the right end of the preview tab row. */\n  [data-aionui-preview-col] [class$=\"_tabScroll\"] {\n    padding-right: 34px !important;\n  }\n  /* Visible only while the preview sheet is open. Visibility itself is\n     inherited from the column, so the sheet's own hide rules (collapse,\n     drawer open) cover the button too. */\n  [data-mobile-nav=\"frame\"][data-aionui-preview-open] [data-aionui-preview-col] [data-mobile-nav=\"preview-full-toggle\"] {\n    display: inline-flex !important;\n  }\n  /* Icon swap on the frame fullscreen marker. */\n  [data-mobile-nav=\"preview-full-toggle\"] .dsh-mobile-nav-full-out {\n    display: none !important;\n  }\n  [data-mobile-nav=\"frame\"][data-mobile-preview-full] [data-aionui-preview-col] [data-mobile-nav=\"preview-full-toggle\"] .dsh-mobile-nav-full-in {\n    display: none !important;\n  }\n  [data-mobile-nav=\"frame\"][data-mobile-preview-full] [data-aionui-preview-col] [data-mobile-nav=\"preview-full-toggle\"] .dsh-mobile-nav-full-out {\n    display: inline !important;\n  }\n  /* Fullscreen preview: the sheet fills the whole viewport (notch included);\n     the safe-area padding drops the titlebar row below the status bar, and\n     the toggle follows the titlebar into the top corner. */\n  [data-mobile-nav=\"frame\"][data-aionui-preview-open][data-mobile-preview-full] [data-aionui-preview-col] {\n    inset: 0 !important;\n    left: 0 !important;\n    right: 0 !important;\n    top: 0 !important;\n    bottom: 0 !important;\n    width: 100% !important;\n    height: 100dvh !important;\n    max-height: none !important;\n    box-sizing: border-box !important;\n    padding-top: var(--mnav-sat) !important;\n    border-radius: 0 !important;\n    box-shadow: none !important;\n    z-index: 57 !important;\n    animation: none !important;\n  }\n  /* Fullscreen: the column fills the viewport, so the button follows the\n     titlebar row down below the notch. */\n  [data-mobile-nav=\"frame\"][data-mobile-preview-full] [data-aionui-preview-col] [data-mobile-nav=\"preview-full-toggle\"] {\n    top: calc(var(--mnav-sat) + 8px) !important;\n  }\n  @media (prefers-reduced-motion: reduce) {\n    [data-aionui-preview-col],\n    [data-mobile-nav=\"preview-full-toggle\"] {\n      transition: none !important;\n      animation: none !important;\n    }\n  }\n\n  /* dsh-web-ui sidebar entries (task board / ssh) sit flush against each\n     other \u2014 give the injected rows breathing room. */\n  button[data-dsh-taskboard-entry],\n  button[data-dsh-ssh-entry] {\n    margin-bottom: 8px !important;\n  }\n\n  /* Task board: five kanban columns at minmax(0,1fr) crush into ~78px phone\n     strips. Give every column a usable minimum and let the row scroll. */\n  [data-dsh-taskboard-board] > [class$=\"_columns\"] {\n    grid-template-columns: repeat(5, minmax(240px, 1fr)) !important;\n    overflow-x: auto !important;\n  }\n  /* The floating button must not float over a takeover panel (task board /\n     ssh own the center column while active). */\n  html[data-dsh-taskboard-active] [data-mobile-nav=\"fab\"],\n  html[data-dsh-ssh-active] [data-mobile-nav=\"fab\"],\n  html[data-dsh-taskboard-active] [data-mobile-nav=\"backdrop\"],\n  html[data-dsh-ssh-active] [data-mobile-nav=\"backdrop\"] {\n    display: none !important;\n  }\n  /* Board header: let the search field take the slack instead of squeezing\n     the action buttons. */\n  [data-dsh-taskboard-board] > [class$=\"_boardHeader\"] [class$=\"_search\"] {\n    flex: 1 1 auto !important;\n    min-width: 80px !important;\n  }\n\n  /* ---------- dsh-web-ui polish: plugin market search ----------\n     The market tab row (Discover / Themes / Installed + the plugin search\n     box) is a no-wrap flex: at 390px the tabs plus the ~218px search box\n     (~475px total) overflow the ~334px sheet and the search box runs off\n     the right edge of the screen (it also forces a horizontal scrollbar on\n     the sheet's options area). Let the row wrap: the tabs keep the first\n     line and the search box gets its own full-width second line. */\n\n  [aria-modal=\"true\"] [class$=\"_tabs\"] {\n    flex-wrap: wrap !important;\n    row-gap: 8px !important;\n  }\n  [aria-modal=\"true\"] [class$=\"_searchInline\"] {\n    flex: 1 1 100% !important;\n    width: 100% !important;\n    max-width: 100% !important;\n  }\n\n  /* ---------- dsh-usage-stats polish: usage & balance panel ----------\n     The panel's stats row shows three token counters side by side\n     (today / month / total). The counters use tabular nowrap figures whose\n     min-content width overflows the ~336px panel body on a phone: figures\n     clip at the row's edges and the panel grows a horizontal scrollbar.\n     Stack the three counters vertically \u2014 full-width rows, so the figures\n     always fit. */\n\n  [class*=\"usg_\"][class$=\"_statsRow\"] {\n    flex-direction: column !important;\n  }\n  [class*=\"usg_\"][class$=\"_stat\"] {\n    flex: 0 0 auto !important;\n    width: 100% !important;\n    min-width: 0 !important;\n  }\n\n  /* ---------- dsh-web-ui polish: settings sheet ----------\n     The official dialog is a desktop two-column form; on a phone the\n     label/control split leaves a huge dead gap and long descriptions wrap\n     into tall stacks. Stack each row (text above, control full-width) and\n     keep the nav tabs on ONE horizontally scrolling row. */\n\n  /* Nav tabs: single scrolling row instead of the 3-per-row grid \u2014 seven\n     categories wrap into three rows on a phone (~130px of sheet height);\n     one row with a thin scrollbar keeps every tab reachable and returns\n     that space to the options area (user feedback 2026-08-16). An earlier\n     one-row attempt had no scroll affordance and silently cut the last\n     tab off; the thin scrollbar IS the affordance. Scoped to the frame\n     marker: the desktop dialog keeps its official vertical nav column. */\n  [data-mobile-nav=\"frame\"] [aria-modal=\"true\"]:has(> :first-child > :last-child > button):not(:has([role=\"navigation\"])):not(:has([class*=\"ZuhsRW\"])) > :first-child [class$=\"_navList\"] {\n    display: flex !important;\n    flex-wrap: nowrap !important;\n    overflow-x: auto !important;\n    overflow-y: hidden !important;\n    gap: 6px !important;\n    width: 100% !important;\n    scrollbar-width: thin !important;\n    -webkit-overflow-scrolling: touch !important;\n  }\n  /* Hairline scrollbar for the tab row: the default WebKit scrollbar reads\n     fat on a phone; 2px keeps the scroll affordance without the bulk. */\n  [data-mobile-nav=\"frame\"] [aria-modal=\"true\"] [class$=\"_navList\"]::-webkit-scrollbar {\n    height: 2px !important;\n  }\n  [data-mobile-nav=\"frame\"] [aria-modal=\"true\"] [class$=\"_navList\"]::-webkit-scrollbar-thumb {\n    background: var(--dsw-alias-border-l2, rgba(0, 0, 0, .22)) !important;\n    border-radius: 1px !important;\n  }\n  [data-mobile-nav=\"frame\"] [aria-modal=\"true\"] [class$=\"_navList\"]::-webkit-scrollbar-track {\n    background: transparent !important;\n  }\n  [data-mobile-nav=\"frame\"] [aria-modal=\"true\"] [class$=\"_navCell\"] {\n    flex: 0 0 auto !important;\n    white-space: nowrap !important;\n    padding: 6px 8px !important;\n    gap: 6px !important;\n    font-size: 13px !important;\n    justify-content: flex-start !important;\n  }\n  [data-mobile-nav=\"frame\"] [aria-modal=\"true\"] [class$=\"_navCell\"] svg {\n    width: 14px !important;\n    height: 14px !important;\n    flex: none !important;\n  }\n  /* Content toolbar: the \"Open configuration file\" button is hidden on\n     mobile \u2014 it is rarely needed on a phone and steals ~180px from the\n     tab row's scroll area (user feedback 2026-08-16). Only the close \u2715\n     stays, flush right in the nav row. Desktop untouched (frame scoped). */\n  [data-mobile-nav=\"frame\"] [aria-modal=\"true\"] [class$=\"_header\"] [class$=\"_actions\"] {\n    display: none !important;\n  }\n  [data-mobile-nav=\"frame\"] [aria-modal=\"true\"] [class$=\"_header\"] [class$=\"_actions\"] [class$=\"_action\"] {\n    font-size: 13px !important;\n    padding: 6px 12px !important;\n    min-height: 0 !important;\n  }\n  /* Setting rows: text on top, control below at full width. */\n  [aria-modal=\"true\"] [class$=\"_section\"] [class$=\"_row\"] {\n    flex-direction: column !important;\n    align-items: stretch !important;\n    gap: 8px !important;\n  }\n  [aria-modal=\"true\"] [class$=\"_section\"] [class$=\"_row\"] > :first-child {\n    width: 100% !important;\n    max-width: none !important;\n  }\n  [aria-modal=\"true\"] [class$=\"_section\"] [class$=\"_row\"] > :last-child {\n    width: 100% !important;\n    max-width: none !important;\n  }\n  /* Appearance mode group: give the cube row a consistent bordered\n     segmented look (the official borders differ per state). */\n  [aria-modal=\"true\"] [class$=\"_cubeRow\"] > * {\n    border: 1px solid var(--dsw-alias-border-l1, rgba(0, 0, 0, .12)) !important;\n  }\n\n  /* ---------- dsh-web-ui polish: explorer sheet ----------\n     The aionui explorer was designed for a desktop side column: compact the\n     header, search box and tree rows so a phone shows more entries, and pad\n     the scroll bottom so the last row never sits flush on the edge. */\n\n  [data-aionui-explorer-col] [class$=\"_tabBar\"] {\n    height: 36px !important;\n  }\n  [data-aionui-explorer-col] [class$=\"_tabBtn\"],\n  [data-aionui-explorer-col] [class$=\"_tabBtnActive\"] {\n    padding: 0 12px !important;\n    font-size: 13px !important;\n  }\n  [data-aionui-explorer-col] [class$=\"_searchBox\"] {\n    height: 32px !important;\n    font-size: 13px !important;\n  }\n  [data-aionui-explorer-col] [class*=\"_treeRow\"] {\n    height: 30px !important;\n    font-size: 13px !important;\n  }\n  [data-aionui-explorer-col] [class*=\"_treeRow\"] svg {\n    width: 14px !important;\n    height: 14px !important;\n  }\n  [data-aionui-explorer-col] [class$=\"_scrollArea\"] {\n    padding-bottom: 28px !important;\n  }\n\n  /* ---------- dsh-web-ui polish: drawer footer ----------\n     The injected footer actions (Files + Session log) become two equal pill\n     buttons instead of text-width capsules. */\n\n  /* The official footerActions row also hosts the remote-web-ui entry\n     row (two icon buttons); without wrapping the two groups squeeze each\n     other on one line. Wrap so each group gets its own full-width row. */\n  [data-mobile-nav=\"frame\"] [class$=\"_footerActions\"] {\n    flex-wrap: wrap !important;\n    gap: 6px !important;\n  }\n  [data-mobile-nav=\"drawer-actions\"] {\n    width: 100% !important;\n  }\n  [data-mobile-nav=\"drawer-actions\"] > button {\n    flex: 1 1 0 !important;\n    padding: 0 8px !important;\n    white-space: nowrap !important;\n  }\n\n  /* ---------- dsh-web-ui polish: floating pet ----------\n     The whale-girl pet (dsh-pet) floats at the viewport corner with a\n     persisted, draggable position. On phones the pet is scaled down so\n     it does not dominate the screen; the plugin's own drag + persist\n     still work (the position itself is left alone \u2014 the mobile default\n     position is seeded via the pet API to just above the composer). */\n\n  body > [class$=\"_float\"]:has([class$=\"_sprite\"][role=\"button\"]) {\n    transform: scale(.66);\n    transform-origin: bottom right;\n  }\n  /* While a modal dialog (settings sheet / export) owns the screen the pet\n     floats ABOVE it and covers the dialog content; modal semantics say the\n     background is inert, so hide the pet for the modal's lifetime. */\n  body:has([aria-modal=\"true\"]) > [class$=\"_float\"]:has([class$=\"_sprite\"][role=\"button\"]) {\n    display: none !important;\n  }\n\n  /* ---------- conversation stats line ----------\n     The official session-status row (turns / steps / LLM time / TTFT /\n     cache) is long. It is the single entry the official StatsLine puts in\n     conversation.composer.dock, so the structural anchor below reaches it\n     without any DOM marking (S3 deleted the text-matching effect that used\n     to set the dock-entry marker). Layout: ONE fixed-height (28px) flex\n     strip that scrolls horizontally \u2014 the full metrics stream stays\n     reachable by swiping, the row never grows vertically, no ellipsis or\n     fade, 12px gaps between metric groups, a 2px scrollbar as the swipe\n     affordance. The phone breakpoint hides the strip outright instead\n     (styles/composer.css.ts \u2014 its data moves into the session info card). */\n\n  /* Marker set is deliberately dual: 0.2.0-rc.2 renders the strip root with\n     data-composer-stats (plural, dsh-client-ui-chat rc.2 lib), 0.2.1-alpha.2\n     dropped the strip wrapper and registers activity/usage as separate dock\n     entries whose pill spans carry data-composer-stat (singular). Keeping\n     both lets this plugin style the strip on a host that has NOT upgraded to\n     alpha.2 \u2014 verified against both npm tarballs 2026-10-09. */\n  [data-slot=\"conversation.composer.dock\"] > :is([data-composer-stat], [data-composer-stats]) {\n    display: flex !important;\n    flex-flow: row nowrap !important;\n    align-items: center !important;\n    width: 100% !important;\n    max-width: 100% !important;\n    min-width: 0 !important;\n    height: 28px !important;\n    min-height: 28px !important;\n    max-height: 28px !important;\n    box-sizing: border-box !important;\n    white-space: nowrap !important;\n    overflow-x: auto !important;\n    overflow-y: hidden !important;\n    -webkit-overflow-scrolling: touch;\n    overscroll-behavior-x: contain;\n    scrollbar-width: thin !important;\n    scrollbar-color: var(--dsw-alias-border-l1, rgba(0, 0, 0, .28)) transparent !important;\n    padding: 0 0 4px !important;\n    line-height: 20px !important;\n    font-size: 12px !important;\n  }\n  [data-slot=\"conversation.composer.dock\"] > :is([data-composer-stat], [data-composer-stats])::-webkit-scrollbar {\n    height: 2px !important;\n  }\n  [data-slot=\"conversation.composer.dock\"] > :is([data-composer-stat], [data-composer-stats])::-webkit-scrollbar-thumb {\n    background: var(--dsw-alias-label-tertiary, rgba(0, 0, 0, .3)) !important;\n    border-radius: 2px !important;\n  }\n  [data-slot=\"conversation.composer.dock\"] > :is([data-composer-stat], [data-composer-stats])::-webkit-scrollbar-track {\n    background: transparent !important;\n  }\n  [data-slot=\"conversation.composer.dock\"] > :is([data-composer-stat], [data-composer-stats]) > * {\n    display: flex !important;\n    flex: 0 0 auto !important;\n    flex-flow: row nowrap !important;\n    align-items: center !important;\n    width: max-content !important;\n    min-width: max-content !important;\n    max-width: none !important;\n    white-space: nowrap !important;\n    margin-right: 12px !important;\n    padding: 0 !important;\n  }\n  [data-slot=\"conversation.composer.dock\"] > :is([data-composer-stat], [data-composer-stats]) > *:last-child {\n    margin-right: 0 !important;\n  }\n  [data-slot=\"conversation.composer.dock\"] > :is([data-composer-stat], [data-composer-stats]) * {\n    white-space: nowrap !important;\n  }\n\n  /* ---------- dsh-genui panel dock ----------\n     The genui panel docks above the composer (conversation.input.dock,\n     id genui-panel). On a phone its business-blue outline, generous chrome\n     and single-line ellipsis read as an unfinished artifact: long titles\n     truncate mid-word (\"\u2026default b\u00B7\u00B7\u00B7\") with the chevron glued to the\n     ellipsis, and the pill crowds the composer. Mobile treatment: neutral\n     card border matching the composer, tighter chrome so the full title\n     fits, chevron with breathing room. Scoped to the mobile frame marker \u2014\n     desktop keeps genui's own styling untouched. */\n\n  [data-mobile-nav=\"frame\"] [data-genui-panel] {\n    margin: 6px 12px 4px !important;\n    border-color: var(--dsw-alias-border-l1, rgba(0, 0, 0, .12)) !important;\n    border-radius: 12px !important;\n  }\n  [data-mobile-nav=\"frame\"] [data-genui-panel] [class*=\"_panelToggle\"] {\n    padding: 7px 12px !important;\n    gap: 8px !important;\n  }\n  [data-mobile-nav=\"frame\"] [data-genui-panel] [class*=\"_panelBadge\"] {\n    padding: 0 7px !important;\n    border-radius: 5px !important;\n    font-size: 10.5px !important;\n    line-height: 1.7 !important;\n  }\n  [data-mobile-nav=\"frame\"] [data-genui-panel] [class*=\"_panelTitle\"] {\n    flex: 1 1 auto !important;\n    min-width: 0 !important;\n    font-size: 12.5px !important;\n    line-height: 1.45 !important;\n  }\n  [data-mobile-nav=\"frame\"] [data-genui-panel] [class*=\"_panelChevron\"] {\n    flex: none !important;\n    margin-left: 0 !important;\n    padding-left: 4px !important;\n  }\n\n  /* ---------- git-graph branch chip: inside the composer card ----------\n     The branch chip (conversation.input.dock) floats between the dock rows\n     and the input card; on a phone it reads as a stray capsule crowding the\n     composer. A client effect (MobileNavOverlay) reparents the chip INTO\n     the composer card; these rules pin it to the card's top-left and give\n     the card a dedicated chip row. The card is position: relative by the\n     official stylesheet, so the absolute anchor resolves against it. The\n     plugin's own sheet sets all four offsets on the anchor, so right/bottom\n     must be neutralized too. Scope is the frame marker + the anchor\n     attribute (NOT the dock slot \u2014 the reparenting moves the chip out of\n     the dock's subtree). Desktop untouched: the frame marker only exists\n     below 1024px, and the effect restores the chip to the dock when the\n     viewport widens. Chip row geometry (2026-08-16, user feedback): 48px\n     padding left a 16px dead gap between the chip and the input line and\n     made the composer read too tall; the row is now 40px = chip (24px) at\n     top 12px + ~4px to the textarea \u2014 the chip sits slightly lower and\n     the gap is compressed without touching the official height budget\n     further. */\n\n  [data-mobile-nav=\"frame\"] [data-gitgraph-chip-anchor] {\n    position: absolute !important;\n    top: 12px !important;\n    left: 12px !important;\n    right: auto !important;\n    bottom: auto !important;\n    z-index: 1 !important;\n  }\n  [data-mobile-nav=\"frame\"] [class$=\"_card\"]:has([data-gitgraph-chip-anchor]) {\n    padding-top: 40px !important;\n  }\n\n  /* ---------- dsh-better-sidebar: safe area (S2.1, 2026-08-17) ----------\n     LEGACY \u2014 this and the two better-sidebar blocks after it (toggle-cluster\n     hide, phone close pill) are written against dsh-better-sidebar \u2264 0.18,\n     which drew its own right panel (`_panel` / `_panelHidden`, a\n     `_toggleCluster`). 0.19 retired that panel: its tabs live in DSH 0.1.5's\n     native right sidebar (which the host itself takes full screen on a\n     phone, with its own collapse control), and what remains plugin-owned is\n     a bottom workbench (`_bottomPanel`) the phone never opens. Every\n     selector below therefore matches NOTHING on 0.19+ \u2014 by design, not by\n     accident (issue #11, verified live 2026-09-21); they stay for the older\n     combination and are inert otherwise, like every other compat rule here.\n     THIRD-PARTY COMPAT RULE \u2014 dsh-better-sidebar (the workbench the session\n     header's panel button opens). Its shell is viewport-fixed and starts at\n     y=0: the panel at inset 0 (100vw drawer below 768px, a right column\n     above it) and the toggle cluster at top:3px. Neither knows about\n     env(safe-area-inset-*), so on a notched iPhone the whole tab strip \u2014\n     including the one button that CLOSES the panel \u2014 sits behind the status\n     bar and cannot be tapped: the user opened the workbench and was stuck\n     there (real-device report, 2026-08-17).\n     Applied across the plugin's whole mobile band, not just <768px: the\n     panel is fixed at top:0 in the 768-1023px range too, so the same notch\n     covers the same tab strip. Zero effect wherever the inset is 0 (every\n     desktop browser, every non-notched device) \u2014 desktop is >=1024px and\n     out of this media block entirely.\n     Anchors: the plugin's own mount marker [data-dsh-better-sidebar]\n     (index.tsx) plus class-suffix selectors, per this repo's hashed-class\n     convention. --dsh-title-bar-strip is the plugin's own title-bar-compat\n     offset (set only while that mode is on, 0px fallback otherwise): adding\n     to it keeps both offsets rather than clobbering theirs.\n     !important because their :global(body[...]) rules outrank a plain\n     attribute selector.\n     No box-sizing here on purpose: the panel is position:fixed with BOTH\n     top and bottom set, so its used height already resolves to\n     \"containing block - insets - padding - border\" (CSS 2.1 10.6.4) and the\n     padding shrinks the content box without any help. Forcing border-box\n     also folds their 1px left border into the inline width \u2014 measured as a\n     1px panel-width change at 768px, i.e. a regression outside this\n     hotfix's remit. */\n  [data-dsh-better-sidebar] [class$=\"_panel\"],\n  [data-dsh-better-sidebar] [class$=\"_panelHidden\"] {\n    padding-top: calc(var(--mnav-sat) + var(--dsh-title-bar-strip, 0px)) !important;\n  }\n  /* Only the tablet/desktop range still shows the cluster (see the hide\n     rule below) \u2014 the notch offset is now dead weight below 768px, so it\n     is scoped out rather than left applying invisibly. min-width:768px\n     rather than the more common max-width pairing: this offset was\n     already a harmless no-op at >=1024px before S3.1 (--mnav-sat is 0 on\n     every desktop browser), so narrowing its floor to 768px changes\n     nothing there either \u2014 it only stops evaluating on phone. */\n  @media (min-width: 768px) {\n    [data-dsh-better-sidebar] [class$=\"_toggleCluster\"] {\n      top: calc(var(--mnav-sat) + var(--dsh-title-bar-strip, 0px) + 3px) !important;\n    }\n  }\n\n  /* ---------- dsh-better-sidebar: hide the phone toggle cluster (S3.1, 2026-08-17) ----------\n     Real-device round 2 feedback: this fixed top-right cluster duplicates\n     \u2014 and visually overlaps \u2014 the session header's own workbench button\n     (MobileSessionHeader.tsx), which already opens/closes the same panel\n     by clicking this cluster's toggle button through. Hidden below 768px\n     only; the 768-1023px tablet range has no workbench button (header.css.ts\n     scopes that entire reflow to <768px) and still depends on this cluster\n     as its only entry point, so it stays exactly as v1.0.0/S2.1 shipped it\n     there. The cluster also holds the panel's own close affordance \u2014 see\n     [data-mobile-nav=\"better-sidebar-close\"] below for the phone\n     replacement, wired up in MobileSessionHeader.tsx. */\n  @media (max-width: 767px) {\n    [data-dsh-better-sidebar] [class$=\"_toggleCluster\"] {\n      display: none !important;\n    }\n  }\n\n  /* ---------- dsh-better-sidebar: phone close button (S3.1 follow-up, 2026-08-17) ----------\n     Appended to document.body by MobileSessionHeader.tsx's\n     MobileHeaderUtilities effect \u2014 never inside the panel's own subtree\n     (the third party's React re-renders would wipe it) and never under any\n     transformed/backdrop-filter ancestor (the S4 info-card WebKit lesson in\n     AGENTS.md: position:fixed re-anchors to the nearest such ancestor\n     instead of the viewport). Default hidden \u2014 belt-and-braces, same\n     reasoning as header.css.ts's [data-mobile-nav=\"header-info\"] etc list:\n     React does not know about media queries. Shown only below 768px AND\n     only while the panel is actually open: the panel's own class name ends\n     in \"_panel\" exclusively in the open state (the \"_panelHidden\" suffix is\n     appended once closed, so the string no longer ends in \"_panel\") \u2014 a\n     pure-CSS :has() open/closed read, no MutationObserver required.\n\n     Bottom-center pill, not a top-right circle (real-device follow-up,\n     2026-08-17): a top-right position collided with the panel's own\n     per-tab toolbar controls \u2014 measured live at 390px with the explorer\n     tab open, the panel's Refresh button sits at x:354-382 y:93-121, and a\n     44px circle at top:8px+safe-area/right:8px lands at x:338-382\n     y:(safe-area+8)-(safe-area+52), a direct overlap once the safe-area\n     offset is small (or zero on non-notched phones). Every per-tab toolbar\n     (explorer/git/tabBar) lives at the panel's TOP; nothing in the\n     default explorer or git tabs reaches the bottom 90px of the viewport\n     (checked live, both tabs, 2026-08-17), so bottom-center is clear\n     regardless of which tab is open \u2014 one fixed position that does not\n     need per-tab-type coordinates to dodge. */\n  /* Default-hidden for this pill lives in header.css.ts, NOT here: this\n     whole file sits inside the shared (max-width: 1023px) block, so a rule\n     here can never hide anything at desktop widths (learned the hard way,\n     2026-08-17 desktop leak). */\n  @media (max-width: 767px) {\n    body:has([data-dsh-better-sidebar] [class$=\"_panel\"]) [data-mobile-nav=\"better-sidebar-close\"] {\n      display: flex !important;\n      position: fixed;\n      left: 50%;\n      bottom: calc(var(--mnav-sab) + 12px);\n      transform: translateX(-50%);\n      z-index: 70;\n      align-items: center;\n      gap: 6px;\n      height: 44px;\n      padding: 0 18px;\n      border: none;\n      border-radius: 999px;\n      background: var(--dsw-alias-bg-base, #fff);\n      /* Drop shadow alone does not draw an edge: the fill is bg-base, which in\n         dark theme is the same colour as the surface behind it, and a black\n         shadow on a dark ground is invisible \u2014 the pill read as floating text\n         with no boundary. The inset hairline is the edge; the drop shadow only\n         lifts it. Same token the session rows use for their dark-mode ring. */\n      box-shadow:\n        inset 0 0 0 1px var(--dsw-alias-border-l2, rgba(0, 0, 0, .14)),\n        0 4px 16px rgba(0, 0, 0, .2);\n      color: var(--dsw-alias-label-primary, inherit);\n      font-family: inherit;\n      font-size: 14px;\n      font-weight: 600;\n      cursor: pointer;\n      touch-action: manipulation;\n      -webkit-tap-highlight-color: transparent;\n    }\n    body:has([data-dsh-better-sidebar] [class$=\"_panel\"]) [data-mobile-nav=\"better-sidebar-close\"] svg {\n      width: 14px;\n      height: 14px;\n      flex: none;\n    }\n    body:has([data-dsh-better-sidebar] [class$=\"_panel\"]) [data-mobile-nav=\"better-sidebar-close\"]:active {\n      background: var(--dsw-alias-interactive-bg-hover, rgba(0, 0, 0, .06));\n    }\n  }\n\n  /* ---------- dsh-agent-teams: phone floater reposition (2026-08-18) ----------\n     THIRD-PARTY COMPAT RULE \u2014 @nanmicoder/dsh-agent-teams (the AgentTeams\n     activity floater: a collapsed badge + expandable panel, body-portaled\n     under its own mount marker div[data-agent-teams-host]). Its own CSS\n     fixes both at top:56px (<=640px) viewport coordinates and never reads\n     env(safe-area-inset-*), so on a notched iPhone the badge lands INSIDE\n     the safe-area + this plugin's 76px session header band \u2014 overlapping\n     the info and workbench buttons (real-device report, 2026-08-18).\n     Move both below the header instead: safe-area + 76px header chrome\n     (48px title row + 28px view-switch row, header.css.ts) + 8px gap.\n     Anchored on the plugin's own mount marker + class-suffix selectors per\n     this repo's hashed-class convention \u2014 when dsh-agent-teams is not\n     installed the marker never exists and this whole section is inert\n     (same presence-gating as the dsh-better-sidebar rules above).\n     !important because their positions come from html-level CSS vars\n     (--agent-teams-panel-top et al.) whose style tag order vs ours is not\n     guaranteed. z-index: their 2147483000 would float the badge over every\n     one of this plugin's own overlays (drawer 40, info sheet 55-57, close\n     pill 70); 30 keeps it above content but below all of them. */\n  @media (max-width: 767px) {\n    [data-agent-teams-host] [class$=\"_badge\"],\n    [data-agent-teams-host] [class$=\"_panel\"] {\n      top: calc(var(--mnav-sat) + 84px) !important;\n      right: 10px !important;\n      z-index: 30 !important;\n    }\n    [data-agent-teams-host] [class$=\"_panel\"] {\n      left: 10px !important;\n      width: auto !important;\n      /* Their min-height:min(560px, calc(100dvh - 56 - 56)) resolves against\n         the OLD top var \u2014 on short phones it exceeds the space left below\n         the moved-down top edge and would force overflow; content-sized with\n         a hard cap replaces it. 76px bottom clearance keeps the collapsed\n         composer's top edge visible under the panel. */\n      min-height: 0 !important;\n      max-height: calc(100dvh - var(--mnav-sat) - 84px - var(--mnav-sab) - 76px) !important;\n    }\n    /* The floater belongs to the SESSION page: on the home list it hovered\n       over the session rows (user feedback, 2026-08-18). The phone page\n       stack is this plugin's own overlay \u2014 the official conversation (and\n       with it the floater's \"current session\") stays mounted underneath, so\n       agent-teams keeps rendering it; hide it whenever the home level is the\n       visible one (data-view flips to \"session\" inside a session, and the\n       badge/panel come right back). :has() is already a documented\n       requirement of this plugin (Chromium 105+, docs/interface.md). */\n    body:has([data-mobile-nav=\"home\"][data-view=\"home\"]) [data-agent-teams-host] [class$=\"_badge\"],\n    body:has([data-mobile-nav=\"home\"][data-view=\"home\"]) [data-agent-teams-host] [class$=\"_panel\"] {\n      display: none !important;\n    }\n  }\n\n  /* ---------- dsh-at-file compatibility ----------\n     dsh-at-file registers its own `conversation.input.dock` entry\n     ([data-at-file-dock]) and renders one row per `@path` token in the\n     draft. That is exactly the same source this plugin's attachment chips\n     read, so on a phone a single uploaded image produced TWO entries on the\n     composer rail: our 48px thumbnail tile AND at-file's file-name row for\n     the same token (reported 2026-08-22).\n\n     Drop at-file's row for the upload directory only. Everything else the\n     user @-mentions by hand is at-file's own job and stays \u2014 this is not a\n     blanket hide. The path is readable from the row's own title attribute\n     (FilesDock passes `title={mention.relative}`), which is a rendered\n     contract rather than a hashed class name.\n\n     Phone only, and deliberately so: at >= 768px our chips are hidden by\n     composer.css.ts, which leaves at-file's row as the ONLY thing on screen\n     representing the attachment. Hiding it there would make an uploaded file\n     invisible.\n\n     When every row was an upload the container itself is left empty, and an\n     empty flex item still claims the rail's 6px gap \u2014 so the dock goes too\n     unless at least one non-upload row survives. */\n  @media (max-width: 767px) {\n    [data-at-file-dock] [data-at-file-row]:has([title^=\".dsh-uploads/\"]) {\n      display: none !important;\n    }\n    [data-at-file-dock]:not(:has([data-at-file-row] [title]:not([title^=\".dsh-uploads/\"]))) {\n      display: none !important;\n    }\n  }\n  /* ---------- @ace-zone/dsh-market: modal header fits a phone (2026-08-22) ----------\n     THIRD-PARTY COMPAT RULE \u2014 @ace-zone/dsh-market (the plugin market:\n     a settings-page entry that opens its own body-level modal,\n     .dshm-overlay > .dshm-panel, over the settings sheet).\n\n     Its header (.dshm-head) is a plain flex row with no wrapping and no\n     shrinking: title, a badge strip whose slogan is white-space:nowrap,\n     a version chip, an \"official site\" link, a language toggle, and only\n     then the \u00D7 that closes the modal. Flex items default to\n     min-width:auto, so at phone widths the row keeps its intrinsic size,\n     .dshm-panel clips it (overflow:hidden), and the \u00D7 \u2014 the only way out\n     of the modal on a touch screen, which has no Esc key \u2014 is off screen\n     (reported 2026-08-22).\n\n     Drop the three decorative items and let the title ellipsis instead.\n     The language toggle stays: it is a real control, and title + toggle +\n     \u00D7 fit inside 320px once the title can shrink. The title rule also\n     covers the job / help overlays, which reuse .dshm-head with a long\n     \"<action> \u00B7 <package>\" title and no flexible item of their own.\n     Nothing here is desktop-side: at >= 768px the row has the width it\n     was written for. */\n  @media (max-width: 767px) {\n    body:has(.dshm-ver[title=\"@ace-zone/dsh-market\"]) .dshm-head > .dshm-head-badges,\n    body:has(.dshm-ver[title=\"@ace-zone/dsh-market\"]) .dshm-head > .dshm-ver,\n    body:has(.dshm-ver[title=\"@ace-zone/dsh-market\"]) .dshm-head > a.dshm-viewbtn {\n      display: none !important;\n    }\n    body:has(.dshm-ver[title=\"@ace-zone/dsh-market\"]) .dshm-head > .dshm-title {\n      flex: 1 1 auto !important;\n      min-width: 0 !important;\n      overflow: hidden !important;\n      text-overflow: ellipsis !important;\n      white-space: nowrap !important;\n    }\n    /* 44px touch target: their 20px glyph in 2px/6px padding is ~30px. */\n    body:has(.dshm-ver[title=\"@ace-zone/dsh-market\"]) .dshm-head > .dshm-close {\n      flex: 0 0 auto !important;\n      font-size: 24px !important;\n      padding: 6px 12px !important;\n    }\n  }\n\n  /* ---------- dsh-auto-approve compatibility ----------\n     The composer.css.ts phone rules collapse the permission trigger to an\n     icon-only pill, but the official permissionGlyphs table only draws\n     icons for read-only / workspace-write \u2014 the auto-approve plugin's\n     \"auto\" preset gets none, so its pill showed a bare chevron. The plugin\n     injects its shield+sparkle svg into the MENU items itself (DOM,\n     content-anchored), but the collapsed TRIGGER re-renders on every\n     preset change, so a CSS pseudo-element is the survives-re-render fix\n     (same reasoning as the old model Sparkle ::before above).\n\n     Presence gates, honestly stated (2026-08-25 review):\n     - Trigger rule: aria-label is t('input.accessMode', {name}) with the\n       raw preset display name embedded untranslated and (zh/en verified)\n       at the END of the string \u2014 [aria-label$=\"Auto\"] matches exactly the\n       auto-approve preset being selected, and cannot match a future\n       \"Autopilot\"-style preset. Plugin absent \u2192 the name never renders \u2192\n       inert. This is a DIRECT gate on the plugin's own preset name.\n     - Menu-item rule: INDIRECT gate only. It matches \"permission-menu item\n       without an official icon span\"; the official three presets all ship\n       icon spans in the menu (verified live), so with the plugin absent\n       nothing matches. Known boundary: another plugin's icon-less preset,\n       or a host redesign dropping icon spans, would wrongly receive this\n       shield. A direct gate is not possible: menu items carry no\n       id/data attributes to anchor on, CSS cannot match text, and gating\n       on the plugin's own JS-injected markers would kill this fallback in\n       exactly the JS-did-not-run case it exists for. Paths are the plugin's own\n     shield outline + four-point sparkle (permission-glyph.ts), stroke\n     shield + filled sparkle, drawn as a currentColor mask. */\n  @media (max-width: 767px) {\n    /* Fallback for the MENU items too (real-phone report 2026-08-25: the\n       plugin's DOM injection did not run in that page instance while this\n       CSS did \u2014 bundle load timing differs per plugin). Any permission-menu\n       item WITHOUT the official icon span gets the shield drawn by CSS;\n       today that is exactly the plugin \"auto\" preset (the official three\n       all ship icons in the menu). Self-coordinating with the plugin's own\n       injection: once its svg lands it arrives inside a cloned icon span,\n       the :not() stops matching, no double icon. */\n    [data-slot=\"conversation.composer.bar\"] [class$=\"_card\"] > [class$=\"_row\"] > [class$=\"_tools\"] > [class$=\"_modes\"] [role=\"menu\"] button[role=\"menuitem\"]:not(:has([class*=\"_itemIcon_\"]))::before,\n    [data-slot=\"conversation.composer.bar\"] [class$=\"_card\"] > [class$=\"_row\"] > [class$=\"_tools\"] > [class$=\"_modes\"] button[class$=\"_trigger\"][aria-label$=\"Auto\"]::before {\n      content: '';\n      width: 16px;\n      height: 16px;\n      flex: none;\n      background: currentColor;\n      -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8.20554 0.899994L14.7901 3.36857V7.01026C14.7901 12 11.0466 14.2103 8.20554 15.3C5.36446 14.2103 1.62012 12 1.62012 7.01026V3.36857L8.20554 0.899994Z' fill='none' stroke='black' stroke-width='1.31831' stroke-linejoin='round'/%3E%3Cpath d='M8.35 5.4C8.35 7.2 7.15 8.4 5.35 8.4C7.15 8.4 8.35 9.6 8.35 11.4C8.35 9.6 9.55 8.4 11.35 8.4C9.55 8.4 8.35 7.2 8.35 5.4Z'/%3E%3C/svg%3E\");\n      mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8.20554 0.899994L14.7901 3.36857V7.01026C14.7901 12 11.0466 14.2103 8.20554 15.3C5.36446 14.2103 1.62012 12 1.62012 7.01026V3.36857L8.20554 0.899994Z' fill='none' stroke='black' stroke-width='1.31831' stroke-linejoin='round'/%3E%3Cpath d='M8.35 5.4C8.35 7.2 7.15 8.4 5.35 8.4C7.15 8.4 8.35 9.6 8.35 11.4C8.35 9.6 9.55 8.4 11.35 8.4C9.55 8.4 8.35 7.2 8.35 5.4Z'/%3E%3C/svg%3E\");\n      -webkit-mask-size: contain;\n      mask-size: contain;\n      -webkit-mask-repeat: no-repeat;\n      mask-repeat: no-repeat;\n    }\n  }\n\n  /* ---------- dsh-vision-router: composer vision toggle (2026-08-26) ----------\n     THIRD-PARTY COMPAT RULE \u2014 dsh-vision-router registers a Vision mode\n     toggle into conversation.input.right (slot id\n     \"vision-router-mode-toggle\"): a bordered pill sized by INLINE styles \u2014\n     minHeight 28, padding 4px 8px, fontSize 12, white-space nowrap \u2014\n     roughly 90px of unshrinkable width.\n\n     Its children changed shape in 2.1.x (re-measured on the real UI\n     2026-09-04, plugin 2.1.1). Both forms are handled:\n       - text form (<= 2.0.x): <span>\uD83D\uDC41</span><span>label</span> plus a\n         <span>\u2713</span> while active;\n       - svg form (2.1.x, lib/client-presentation-boundary.js): a 14px eye\n         <svg>, <span>label</span>, plus a SECOND 12px check <svg> while\n         active.\n     The 2.1.1 update is what the user hit: the label span was still hidden\n     but the new eye svg was not, so it rendered NEXT TO our ::before eye \u2014\n     two eyes in a 28px button \u2014 and the active check svg had nothing hiding\n     it at all, eating width the phone row does not have.\n\n     The phone composer row is nowrap by design (composer.css.ts section 1)\n     and the model seat is its only shrinkable item, so that pill squeezes\n     the model name out of the row (user report, 2026-08-26).\n\n     Phone treatment: a 28x28 round icon button in the attach button's\n     language (same size, same neutral fill), showing exactly ONE 16px eye\n     and nothing else. Every span is hidden (label, and the text form's\n     emoji and check); of the svg form's icons only the first survives, the\n     trailing check svg is hidden by a sibling combinator so the count is\n     never assumed. Our own ::before eye is now a FALLBACK, gated on\n     :has(svg) so it draws only for the text form \u2014 the plugin ships its own\n     icon from 2.1.x on, and drawing over it is what produced the double\n     eye. Generated content rather than a DOM-injected icon, for the same\n     survives-React-re-render reason as the auto-approve shield below: the\n     button re-renders on every state flip, so an injected node would need\n     an observer while ::before does not. The\n     accessible name is unaffected: the button ships aria-label + title with\n     the full enable/disable copy, and aria-pressed keeps conveying the\n     state; visually the plugin's own inline styles still flip border +\n     background + color to the brand token while active (only the inactive\n     look is restyled to match the row).\n\n     Presence gate: [data-vision-router-mode-toggle] is rendered by the\n     plugin itself (the exact attribute from its createElement call) \u2014 with\n     the plugin absent the attribute never exists and this whole section is\n     inert, not one selector matching (same convention as the\n     dsh-better-sidebar rules). !important throughout because the geometry\n     it replaces is inline style. Phone only (max-width: 767px): desktop\n     keeps the plugin's full pill untouched, and the 768-1023px tablet row\n     has the width for it. order:5 restates composer.css.ts's generic\n     input.right rule with the same value \u2014 kept here so the toggle can\n     never fall back to order 0 (far left, before the model) if that\n     structural selector ever stops matching. */\n  @media (max-width: 767px) {\n    [data-slot=\"conversation.composer.bar\"] [data-vision-router-mode-toggle] {\n      order: 5 !important;\n      flex: 0 0 auto !important;\n      box-sizing: border-box !important;\n      width: 28px !important;\n      min-width: 28px !important;\n      max-width: 28px !important;\n      height: 28px !important;\n      min-height: 28px !important;\n      padding: 0 !important;\n      gap: 0 !important;\n      justify-content: center !important;\n      border-radius: 999px !important;\n      touch-action: manipulation !important;\n      -webkit-tap-highlight-color: transparent;\n    }\n    /* Inactive look: neutral round fill like the attach button \u2014 the\n       plugin's own inactive state would draw a lonely outline circle that\n       reads as broken next to the row's filled icon buttons. */\n    [data-slot=\"conversation.composer.bar\"] [data-vision-router-mode-toggle]:not([aria-pressed=\"true\"]) {\n      border-color: transparent !important;\n      background: var(--dsw-specific-selector, rgba(127, 127, 127, .12)) !important;\n      box-shadow: none !important;\n    }\n    /* Text form: emoji + label + active check are all spans \u2014 all out. */\n    [data-slot=\"conversation.composer.bar\"] [data-vision-router-mode-toggle] > span {\n      display: none !important;\n    }\n    /* Svg form (2.1.x): the first svg IS the eye, so keep it and match the\n       row's other icons at 16px. */\n    [data-slot=\"conversation.composer.bar\"] [data-vision-router-mode-toggle] > svg:first-of-type {\n      width: 16px !important;\n      height: 16px !important;\n    }\n    /* ...and drop every svg after it \u2014 today that is the active-state check\n       mark. A sibling combinator rather than :nth-child(2): the count is the\n       plugin's business, this only says \"one icon, the first one\". */\n    [data-slot=\"conversation.composer.bar\"] [data-vision-router-mode-toggle] > svg ~ svg {\n      display: none !important;\n    }\n    /* The one svg: eye outline + iris as a currentColor mask \u2014 brand while\n       active, dimmed with the button by the plugin's own disabled opacity. */\n    [data-slot=\"conversation.composer.bar\"] [data-vision-router-mode-toggle]:has(svg)::before {\n      content: none !important;\n    }\n    [data-slot=\"conversation.composer.bar\"] [data-vision-router-mode-toggle]::before {\n      content: '';\n      width: 16px;\n      height: 16px;\n      flex: none;\n      background: currentColor;\n      -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 8C3 5.2 5.3 3.5 8 3.5s5 1.7 6.5 4.5c-1.5 2.8-3.8 4.5-6.5 4.5S3 10.8 1.5 8Z' fill='none' stroke='black' stroke-width='1.3' stroke-linejoin='round'/%3E%3Ccircle cx='8' cy='8' r='2'/%3E%3C/svg%3E\");\n      mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 8C3 5.2 5.3 3.5 8 3.5s5 1.7 6.5 4.5c-1.5 2.8-3.8 4.5-6.5 4.5S3 10.8 1.5 8Z' fill='none' stroke='black' stroke-width='1.3' stroke-linejoin='round'/%3E%3Ccircle cx='8' cy='8' r='2'/%3E%3C/svg%3E\");\n      -webkit-mask-size: contain;\n      mask-size: contain;\n      -webkit-mask-repeat: no-repeat;\n      mask-repeat: no-repeat;\n    }\n    [data-slot=\"conversation.composer.bar\"] [data-vision-router-mode-toggle]:focus-visible {\n      outline: 2px solid var(--dsw-alias-state-business-primary, #4f6ef7);\n      outline-offset: 2px;\n    }\n  }\n";
+export declare const COMPAT_CSS = "  /* ---------- dsh-web-ui family compatibility ----------\n     The linxin666 plugin suite extends the shell frame directly:\n       - aionui-panel appends two trailing grid columns (explorer / preview)\n         plus absolute drag handles to [data-dsh-frame]; its 5-track inline\n         grid is already overridden above, but the handles and columns would\n         still float over the main UI. On mobile the columns leave the grid\n         as floating bottom sheets and keep their own visibility state \u2014\n         the suite's collapse chevron / preview tabs still work, so no\n         feature is lost. The task-board / ssh plugins inject sidebar\n         entries and center-column takeover panels; the entries need\n         spacing and the kanban needs scrollable columns. */\n\n  /* Touch devices: the drag handles are useless \u2014 the floating expand\n     button is the opener. */\n  .aionui-explorer-handle,\n  .aionui-preview-handle {\n    display: none !important;\n  }\n\n  /* Shared base: both columns leave the grid as floating panels. The\n     explorer is gated shut by default (its own persisted expanded state\n     must never cover the mobile UI on load); the header Files action opens\n     it via the frame marker below, and the sheet's own collapse chevron\n     clears it. Preview stays owned by the suite (hidden while no tab is\n     open). The per-column rules below override the geometry. */\n  [data-aionui-explorer-col],\n  [data-aionui-preview-col] {\n    position: fixed !important;\n    z-index: 55 !important;\n    background: var(--aion-bg-base, #ffffff) !important;\n    border-left: none !important;\n  }\n  /* Explorer (file tree) bottom sheet: bottom edge aligned exactly with\n     the composer card's bottom line \u2014 the card sits 36px above the\n     viewport bottom (8px composer padding + the 28px stats strip below\n     the card), so the sheet uses the same 36px bottom offset. */\n  [data-aionui-explorer-col] {\n    visibility: hidden !important;\n    left: 8px !important;\n    right: 8px !important;\n    top: auto !important;\n    bottom: 36px !important;\n    width: auto !important;\n    height: min(55dvh, 460px) !important;\n    max-height: calc(100dvh - 44px) !important;\n    border-radius: 14px !important;\n    overflow: hidden !important;\n    box-shadow: 0 -4px 28px rgba(0, 0, 0, .18) !important;\n    animation: dsh-mobile-nav-sheet-up .24s var(--ds-ease-out, ease-in-out) !important;\n  }\n  /* Preview (file content) bottom sheet. Gated shut by default: the suite\n     persists open preview tabs in localStorage and restores them on load,\n     which would pop the sheet over the fresh UI. The client only sets the\n     frame marker after the user taps a file row in the explorer; the\n     suite's own collapse chevron clears it via the visibility watcher. */\n  [data-aionui-preview-col] {\n    visibility: hidden !important;\n    position: fixed !important;\n    left: 8px !important;\n    right: 8px !important;\n    top: auto !important;\n    bottom: 40px !important;\n    width: auto !important;\n    height: min(50dvh, 420px) !important;\n    max-height: calc(100dvh - 48px) !important;\n    border-radius: 14px !important;\n    overflow: hidden !important;\n    box-shadow: 0 -4px 28px rgba(0, 0, 0, .18) !important;\n    z-index: 56 !important;\n    animation: dsh-mobile-nav-sheet-up .24s var(--ds-ease-out, ease-in-out) !important;\n    /* Fullscreen toggle (issue #8): animate the geometry change instead of\n       snapping. visibility is deliberately not listed, so opening/closing\n       the sheet stays instant; the open/close keyframes own transform. */\n    transition:\n      left .24s var(--ds-ease-out, ease-in-out),\n      right .24s var(--ds-ease-out, ease-in-out),\n      top .24s var(--ds-ease-out, ease-in-out),\n      bottom .24s var(--ds-ease-out, ease-in-out),\n      width .24s var(--ds-ease-out, ease-in-out),\n      height .24s var(--ds-ease-out, ease-in-out),\n      border-radius .24s var(--ds-ease-out, ease-in-out),\n      box-shadow .24s var(--ds-ease-out, ease-in-out),\n      padding-top .24s var(--ds-ease-out, ease-in-out) !important;\n  }\n  /* User-opened preview sheet (frame marker, set on file-row tap). */\n  [data-mobile-nav=\"frame\"][data-aionui-preview-open] [data-aionui-preview-col] {\n    visibility: visible !important;\n  }\n  /* The Files action opens the explorer sheet (frame marker). */\n  [data-mobile-nav=\"frame\"][data-aionui-explorer-open] [data-aionui-explorer-col] {\n    visibility: visible !important;\n  }\n  /* While the preview sheet is up, the explorer sheet yields (two stacked\n     bottom sheets would read as one broken overlay). Closing the preview\n     via its collapse chevron / tab close clears the marker, and the\n     explorer sheet returns. Same specificity as the explorer-open rule, so\n     this must stay AFTER it. */\n  [data-mobile-nav=\"frame\"][data-aionui-preview-open] [data-aionui-explorer-col] {\n    visibility: hidden !important;\n  }\n  /* The open drawer must never sit under a sheet: while the frame is in the\n     narrow-expanded state both sheets yield (later in the file than the\n     open marker rule, so it wins at equal specificity). The fullscreen\n     toggle has its own drawer-open rule at the end of its section. */\n  [data-mobile-nav=\"frame\"]:not([data-sidebar-collapsed]) [data-aionui-explorer-col],\n  [data-mobile-nav=\"frame\"]:not([data-sidebar-collapsed]) [data-aionui-preview-col] {\n    visibility: hidden !important;\n    display: none !important;\n  }\n  /* The suite's own expand button reads the store state we bypass on\n     mobile \u2014 hide it; the header Files action is the opener. */\n  .aionui-floating-expand {\n    display: none !important;\n  }\n\n  /* Preview sheet fullscreen toggle (issue #8): a fixed button parked in the\n     sheet's titlebar row, just left of the suite's collapse chevron (24px at\n     right:8px of the sheet, and the sheet spans 8px..(100vw-8px)). The top\n     calc mirrors the sheet geometry above (bottom 40px + min(50dvh, 420px));\n     when the frame carries \"data-mobile-preview-full\" the sheet goes\n     fullscreen and the button moves to the viewport corner. */\n  [data-mobile-nav=\"preview-full-toggle\"] {\n    position: absolute !important;\n    right: 36px !important;\n    top: 8px !important;\n    z-index: 57 !important;\n    display: none !important;\n    align-items: center;\n    justify-content: center;\n    width: 20px;\n    height: 20px;\n    padding: 0;\n    border: none;\n    border-radius: 4px;\n    background: transparent;\n    color: var(--aion-text-secondary, var(--dsw-alias-label-secondary, inherit));\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n    /* Native look: same size/radius/hover language as the suite's tab-bar\n       icon buttons (the 20px panelCollapse next to it). The button lives\n       INSIDE the preview column, so it rides the sheet's own open\n       animation and geometry transition \u2014 no curve matching needed. */\n    transition: background-color .15s, top .24s var(--ds-ease-out, ease-in-out);\n  }\n  [data-mobile-nav=\"preview-full-toggle\"]:hover {\n    background: var(--aion-bg-3, rgba(0, 0, 0, .22));\n  }\n  [data-mobile-nav=\"preview-full-toggle\"]:active {\n    background: var(--aion-bg-active, rgba(0, 0, 0, .28));\n  }\n  [data-mobile-nav=\"preview-full-toggle\"]:focus-visible {\n    outline: 2px solid var(--dsw-alias-state-business-primary, #4f6ef7);\n    outline-offset: 2px;\n  }\n  [data-mobile-nav=\"preview-full-toggle\"] svg {\n    width: 14px;\n    height: 14px;\n  }\n  /* Keep the last tab (and the \"+\" URL-tab trigger) from sliding under the\n     fullscreen toggle: reserve the right end of the preview tab row. */\n  [data-aionui-preview-col] [class$=\"_tabScroll\"] {\n    padding-right: 34px !important;\n  }\n  /* Visible only while the preview sheet is open. Visibility itself is\n     inherited from the column, so the sheet's own hide rules (collapse,\n     drawer open) cover the button too. */\n  [data-mobile-nav=\"frame\"][data-aionui-preview-open] [data-aionui-preview-col] [data-mobile-nav=\"preview-full-toggle\"] {\n    display: inline-flex !important;\n  }\n  /* Icon swap on the frame fullscreen marker. */\n  [data-mobile-nav=\"preview-full-toggle\"] .dsh-mobile-nav-full-out {\n    display: none !important;\n  }\n  [data-mobile-nav=\"frame\"][data-mobile-preview-full] [data-aionui-preview-col] [data-mobile-nav=\"preview-full-toggle\"] .dsh-mobile-nav-full-in {\n    display: none !important;\n  }\n  [data-mobile-nav=\"frame\"][data-mobile-preview-full] [data-aionui-preview-col] [data-mobile-nav=\"preview-full-toggle\"] .dsh-mobile-nav-full-out {\n    display: inline !important;\n  }\n  /* Fullscreen preview: the sheet fills the whole viewport (notch included);\n     the safe-area padding drops the titlebar row below the status bar, and\n     the toggle follows the titlebar into the top corner. */\n  [data-mobile-nav=\"frame\"][data-aionui-preview-open][data-mobile-preview-full] [data-aionui-preview-col] {\n    inset: 0 !important;\n    left: 0 !important;\n    right: 0 !important;\n    top: 0 !important;\n    bottom: 0 !important;\n    width: 100% !important;\n    height: 100dvh !important;\n    max-height: none !important;\n    box-sizing: border-box !important;\n    padding-top: var(--mnav-sat) !important;\n    border-radius: 0 !important;\n    box-shadow: none !important;\n    z-index: 57 !important;\n    animation: none !important;\n  }\n  /* Fullscreen: the column fills the viewport, so the button follows the\n     titlebar row down below the notch. */\n  [data-mobile-nav=\"frame\"][data-mobile-preview-full] [data-aionui-preview-col] [data-mobile-nav=\"preview-full-toggle\"] {\n    top: calc(var(--mnav-sat) + 8px) !important;\n  }\n  @media (prefers-reduced-motion: reduce) {\n    [data-aionui-preview-col],\n    [data-mobile-nav=\"preview-full-toggle\"] {\n      transition: none !important;\n      animation: none !important;\n    }\n  }\n\n  /* dsh-web-ui sidebar entries (task board / ssh) sit flush against each\n     other \u2014 give the injected rows breathing room. */\n  button[data-dsh-taskboard-entry],\n  button[data-dsh-ssh-entry] {\n    margin-bottom: 8px !important;\n  }\n\n  /* Task board: five kanban columns at minmax(0,1fr) crush into ~78px phone\n     strips. Give every column a usable minimum and let the row scroll. */\n  [data-dsh-taskboard-board] > [class$=\"_columns\"] {\n    grid-template-columns: repeat(5, minmax(240px, 1fr)) !important;\n    overflow-x: auto !important;\n  }\n  /* The floating button must not float over a takeover panel (task board /\n     ssh own the center column while active). */\n  html[data-dsh-taskboard-active] [data-mobile-nav=\"fab\"],\n  html[data-dsh-ssh-active] [data-mobile-nav=\"fab\"],\n  html[data-dsh-taskboard-active] [data-mobile-nav=\"backdrop\"],\n  html[data-dsh-ssh-active] [data-mobile-nav=\"backdrop\"] {\n    display: none !important;\n  }\n  /* Board header: let the search field take the slack instead of squeezing\n     the action buttons. */\n  [data-dsh-taskboard-board] > [class$=\"_boardHeader\"] [class$=\"_search\"] {\n    flex: 1 1 auto !important;\n    min-width: 80px !important;\n  }\n\n  /* ---------- dsh-web-ui polish: plugin market search ----------\n     The market tab row (Discover / Themes / Installed + the plugin search\n     box) is a no-wrap flex: at 390px the tabs plus the ~218px search box\n     (~475px total) overflow the ~334px sheet and the search box runs off\n     the right edge of the screen (it also forces a horizontal scrollbar on\n     the sheet's options area). Let the row wrap: the tabs keep the first\n     line and the search box gets its own full-width second line. */\n\n  [aria-modal=\"true\"] [class$=\"_tabs\"] {\n    flex-wrap: wrap !important;\n    row-gap: 8px !important;\n  }\n  [aria-modal=\"true\"] [class$=\"_searchInline\"] {\n    flex: 1 1 100% !important;\n    width: 100% !important;\n    max-width: 100% !important;\n  }\n\n  /* ---------- dsh-usage-stats polish: usage & balance panel ----------\n     The panel's stats row shows three token counters side by side\n     (today / month / total). The counters use tabular nowrap figures whose\n     min-content width overflows the ~336px panel body on a phone: figures\n     clip at the row's edges and the panel grows a horizontal scrollbar.\n     Stack the three counters vertically \u2014 full-width rows, so the figures\n     always fit. */\n\n  [class*=\"usg_\"][class$=\"_statsRow\"] {\n    flex-direction: column !important;\n  }\n  [class*=\"usg_\"][class$=\"_stat\"] {\n    flex: 0 0 auto !important;\n    width: 100% !important;\n    min-width: 0 !important;\n  }\n\n  /* ---------- dsh-web-ui polish: settings sheet ----------\n     The official dialog is a desktop two-column form; on a phone the\n     label/control split leaves a huge dead gap and long descriptions wrap\n     into tall stacks. Stack each row (text above, control full-width) and\n     keep the nav tabs on ONE horizontally scrolling row. */\n\n  /* Nav tabs: single scrolling row instead of the 3-per-row grid \u2014 seven\n     categories wrap into three rows on a phone (~130px of sheet height);\n     one row with a thin scrollbar keeps every tab reachable and returns\n     that space to the options area (user feedback 2026-08-16). An earlier\n     one-row attempt had no scroll affordance and silently cut the last\n     tab off; the thin scrollbar IS the affordance.\n\n     2026-10-21 (DSH 0.2.1-rc.2, measured on a real phone shell): the whole\n     block below had silently stopped matching. The settings dialog no longer\n     renders inside the app frame \u2014 it is a PORTAL on body\n     (body > [class$=\"_overlay\"] > [class$=\"_panel\"]), so a\n     [data-mobile-nav=\"frame\"] [aria-modal=\"true\"] \u2026 prefix can never match\n     it, and the panel depth the old :has(> :first-child > :last-child >\n     button) gate was written against is no longer the shape the sheet has\n     (now panel > nav > (navTitle, navList, header)). Symptom: four nav cells\n     fell back to the host's wrapping grid (measured 209x132 for the list\n     instead of one 40px row) and the \"open config file\" action came back\n     into the header. Keep the same phone gate from the ancestor side\n     (html:has([data-mobile-nav=\"frame\"]) \u2014 the marker only exists outside\n     the desktop gate) and identify the dialog by the nav list it owns, not\n     by a guessed depth. Desktop untouched.\n\n     This rule is the only place that declares the row's wrap/overflow now:\n     layout.css.ts's navList rule has a higher specificity and used to force\n     \"flex-wrap: wrap; overflow: visible\", so the one-row intent below never\n     actually rendered (see the note in layout.css.ts).\n\n     Every selector below is gated on :has([class$=\"_navList\"]) \u2014 the one\n     stable feature of the settings sheet. The ancestor marker alone is not\n     enough: once the dialog is a body portal, [aria-modal=\"true\"] matches\n     EVERY dialog on the phone (session export, directory picker, plugin\n     sheets), which is how the first cut of this block ended up hiding the\n     top-right action button of all of them (review, 2026-10-22). */\n  html:has([data-mobile-nav=\"frame\"]) [aria-modal=\"true\"]:has([class$=\"_navList\"]) [class$=\"_navList\"] {\n    display: flex !important;\n    flex-wrap: nowrap !important;\n    /* The nav row is [navList][header(close)]: min-width:0 + flex-basis auto\n       lets the list shrink to the width left over by the \u2715 and scroll inside\n       itself \u2014 without it the nowrap content widens the row and pushes the\n       close button off-screen. */\n    flex: 1 1 auto !important;\n    min-width: 0 !important;\n    overflow-x: auto !important;\n    overflow-y: hidden !important;\n    gap: 6px !important;\n    scrollbar-width: thin !important;\n    -webkit-overflow-scrolling: touch !important;\n  }\n  /* Hairline scrollbar for the tab row: the default WebKit scrollbar reads\n     fat on a phone; 2px keeps the scroll affordance without the bulk. */\n  html:has([data-mobile-nav=\"frame\"]) [aria-modal=\"true\"]:has([class$=\"_navList\"]) [class$=\"_navList\"]::-webkit-scrollbar {\n    height: 2px !important;\n  }\n  html:has([data-mobile-nav=\"frame\"]) [aria-modal=\"true\"]:has([class$=\"_navList\"]) [class$=\"_navList\"]::-webkit-scrollbar-thumb {\n    background: var(--dsw-alias-border-l2, rgba(0, 0, 0, .22)) !important;\n    border-radius: 1px !important;\n  }\n  html:has([data-mobile-nav=\"frame\"]) [aria-modal=\"true\"]:has([class$=\"_navList\"]) [class$=\"_navList\"]::-webkit-scrollbar-track {\n    background: transparent !important;\n  }\n  html:has([data-mobile-nav=\"frame\"]) [aria-modal=\"true\"]:has([class$=\"_navList\"]) [class$=\"_navCell\"] {\n    flex: 0 0 auto !important;\n    white-space: nowrap !important;\n    padding: 6px 8px !important;\n    gap: 6px !important;\n    font-size: 13px !important;\n    justify-content: flex-start !important;\n  }\n  html:has([data-mobile-nav=\"frame\"]) [aria-modal=\"true\"]:has([class$=\"_navList\"]) [class$=\"_navCell\"] svg {\n    width: 14px !important;\n    height: 14px !important;\n    flex: none !important;\n  }\n  /* Content toolbar: the \"Open configuration file\" button is hidden on\n     mobile \u2014 it is rarely needed on a phone and steals ~180px from the\n     tab row's scroll area (user feedback 2026-08-16). Only the close \u2715\n     stays, flush right in the nav row. Desktop untouched (phone gate). */\n  html:has([data-mobile-nav=\"frame\"]) [aria-modal=\"true\"]:has([class$=\"_navList\"]) [class$=\"_header\"] [class$=\"_actions\"] {\n    display: none !important;\n  }\n  html:has([data-mobile-nav=\"frame\"]) [aria-modal=\"true\"]:has([class$=\"_navList\"]) [class$=\"_header\"] [class$=\"_actions\"] [class$=\"_action\"] {\n    font-size: 13px !important;\n    padding: 6px 12px !important;\n    min-height: 0 !important;\n  }\n  /* Setting rows: text on top, control below at full width. */\n  [aria-modal=\"true\"] [class$=\"_section\"] [class$=\"_row\"] {\n    flex-direction: column !important;\n    align-items: stretch !important;\n    gap: 8px !important;\n  }\n  [aria-modal=\"true\"] [class$=\"_section\"] [class$=\"_row\"] > :first-child {\n    width: 100% !important;\n    max-width: none !important;\n  }\n  [aria-modal=\"true\"] [class$=\"_section\"] [class$=\"_row\"] > :last-child {\n    width: 100% !important;\n    max-width: none !important;\n  }\n  /* Appearance mode group: give the cube row a consistent bordered\n     segmented look (the official borders differ per state). */\n  [aria-modal=\"true\"] [class$=\"_cubeRow\"] > * {\n    border: 1px solid var(--dsw-alias-border-l1, rgba(0, 0, 0, .12)) !important;\n  }\n\n  /* ---------- dsh-web-ui polish: explorer sheet ----------\n     The aionui explorer was designed for a desktop side column: compact the\n     header, search box and tree rows so a phone shows more entries, and pad\n     the scroll bottom so the last row never sits flush on the edge. */\n\n  [data-aionui-explorer-col] [class$=\"_tabBar\"] {\n    height: 36px !important;\n  }\n  [data-aionui-explorer-col] [class$=\"_tabBtn\"],\n  [data-aionui-explorer-col] [class$=\"_tabBtnActive\"] {\n    padding: 0 12px !important;\n    font-size: 13px !important;\n  }\n  [data-aionui-explorer-col] [class$=\"_searchBox\"] {\n    height: 32px !important;\n    font-size: 13px !important;\n  }\n  [data-aionui-explorer-col] [class*=\"_treeRow\"] {\n    height: 30px !important;\n    font-size: 13px !important;\n  }\n  [data-aionui-explorer-col] [class*=\"_treeRow\"] svg {\n    width: 14px !important;\n    height: 14px !important;\n  }\n  [data-aionui-explorer-col] [class$=\"_scrollArea\"] {\n    padding-bottom: 28px !important;\n  }\n\n  /* ---------- dsh-web-ui polish: drawer footer ----------\n     The injected footer actions (Files + Session log) become two equal pill\n     buttons instead of text-width capsules. */\n\n  /* The official footerActions row also hosts the remote-web-ui entry\n     row (two icon buttons); without wrapping the two groups squeeze each\n     other on one line. Wrap so each group gets its own full-width row. */\n  [data-mobile-nav=\"frame\"] [class$=\"_footerActions\"] {\n    flex-wrap: wrap !important;\n    gap: 6px !important;\n  }\n  [data-mobile-nav=\"drawer-actions\"] {\n    width: 100% !important;\n  }\n  [data-mobile-nav=\"drawer-actions\"] > button {\n    flex: 1 1 0 !important;\n    padding: 0 8px !important;\n    white-space: nowrap !important;\n  }\n\n  /* ---------- dsh-web-ui polish: floating pet ----------\n     The whale-girl pet (dsh-pet) floats at the viewport corner with a\n     persisted, draggable position. On phones the pet is scaled down so\n     it does not dominate the screen; the plugin's own drag + persist\n     still work (the position itself is left alone \u2014 the mobile default\n     position is seeded via the pet API to just above the composer). */\n\n  body > [class$=\"_float\"]:has([class$=\"_sprite\"][role=\"button\"]) {\n    transform: scale(.66);\n    transform-origin: bottom right;\n  }\n  /* While a modal dialog (settings sheet / export) owns the screen the pet\n     floats ABOVE it and covers the dialog content; modal semantics say the\n     background is inert, so hide the pet for the modal's lifetime. */\n  body:has([aria-modal=\"true\"]) > [class$=\"_float\"]:has([class$=\"_sprite\"][role=\"button\"]) {\n    display: none !important;\n  }\n\n  /* ---------- conversation stats line ----------\n     The official session-status row (turns / steps / LLM time / TTFT /\n     cache) is long. It is the single entry the official StatsLine puts in\n     conversation.composer.dock, so the structural anchor below reaches it\n     without any DOM marking (S3 deleted the text-matching effect that used\n     to set the dock-entry marker). Layout: ONE fixed-height (28px) flex\n     strip that scrolls horizontally \u2014 the full metrics stream stays\n     reachable by swiping, the row never grows vertically, no ellipsis or\n     fade, 12px gaps between metric groups, a 2px scrollbar as the swipe\n     affordance. The phone breakpoint hides the strip outright instead\n     (styles/composer.css.ts \u2014 its data moves into the session info card). */\n\n  /* Marker set is deliberately dual: 0.2.0-rc.2 renders the strip root with\n     data-composer-stats (plural, dsh-client-ui-chat rc.2 lib), 0.2.1-alpha.2\n     dropped the strip wrapper and registers activity/usage as separate dock\n     entries whose pill spans carry data-composer-stat (singular). Keeping\n     both lets this plugin style the strip on a host that has NOT upgraded to\n     alpha.2 \u2014 verified against both npm tarballs 2026-10-09. */\n  [data-slot=\"conversation.composer.dock\"] > :is([data-composer-stat], [data-composer-stats]) {\n    display: flex !important;\n    flex-flow: row nowrap !important;\n    align-items: center !important;\n    width: 100% !important;\n    max-width: 100% !important;\n    min-width: 0 !important;\n    height: 28px !important;\n    min-height: 28px !important;\n    max-height: 28px !important;\n    box-sizing: border-box !important;\n    white-space: nowrap !important;\n    overflow-x: auto !important;\n    overflow-y: hidden !important;\n    -webkit-overflow-scrolling: touch;\n    overscroll-behavior-x: contain;\n    scrollbar-width: thin !important;\n    scrollbar-color: var(--dsw-alias-border-l1, rgba(0, 0, 0, .28)) transparent !important;\n    padding: 0 0 4px !important;\n    line-height: 20px !important;\n    font-size: 12px !important;\n  }\n  [data-slot=\"conversation.composer.dock\"] > :is([data-composer-stat], [data-composer-stats])::-webkit-scrollbar {\n    height: 2px !important;\n  }\n  [data-slot=\"conversation.composer.dock\"] > :is([data-composer-stat], [data-composer-stats])::-webkit-scrollbar-thumb {\n    background: var(--dsw-alias-label-tertiary, rgba(0, 0, 0, .3)) !important;\n    border-radius: 2px !important;\n  }\n  [data-slot=\"conversation.composer.dock\"] > :is([data-composer-stat], [data-composer-stats])::-webkit-scrollbar-track {\n    background: transparent !important;\n  }\n  [data-slot=\"conversation.composer.dock\"] > :is([data-composer-stat], [data-composer-stats]) > * {\n    display: flex !important;\n    flex: 0 0 auto !important;\n    flex-flow: row nowrap !important;\n    align-items: center !important;\n    width: max-content !important;\n    min-width: max-content !important;\n    max-width: none !important;\n    white-space: nowrap !important;\n    margin-right: 12px !important;\n    padding: 0 !important;\n  }\n  [data-slot=\"conversation.composer.dock\"] > :is([data-composer-stat], [data-composer-stats]) > *:last-child {\n    margin-right: 0 !important;\n  }\n  [data-slot=\"conversation.composer.dock\"] > :is([data-composer-stat], [data-composer-stats]) * {\n    white-space: nowrap !important;\n  }\n\n  /* ---------- dsh-genui panel dock ----------\n     The genui panel docks above the composer (conversation.input.dock,\n     id genui-panel). On a phone its business-blue outline, generous chrome\n     and single-line ellipsis read as an unfinished artifact: long titles\n     truncate mid-word (\"\u2026default b\u00B7\u00B7\u00B7\") with the chevron glued to the\n     ellipsis, and the pill crowds the composer. Mobile treatment: neutral\n     card border matching the composer, tighter chrome so the full title\n     fits, chevron with breathing room. Scoped to the mobile frame marker \u2014\n     desktop keeps genui's own styling untouched. */\n\n  [data-mobile-nav=\"frame\"] [data-genui-panel] {\n    margin: 6px 12px 4px !important;\n    border-color: var(--dsw-alias-border-l1, rgba(0, 0, 0, .12)) !important;\n    border-radius: 12px !important;\n  }\n  [data-mobile-nav=\"frame\"] [data-genui-panel] [class*=\"_panelToggle\"] {\n    padding: 7px 12px !important;\n    gap: 8px !important;\n  }\n  [data-mobile-nav=\"frame\"] [data-genui-panel] [class*=\"_panelBadge\"] {\n    padding: 0 7px !important;\n    border-radius: 5px !important;\n    font-size: 10.5px !important;\n    line-height: 1.7 !important;\n  }\n  [data-mobile-nav=\"frame\"] [data-genui-panel] [class*=\"_panelTitle\"] {\n    flex: 1 1 auto !important;\n    min-width: 0 !important;\n    font-size: 12.5px !important;\n    line-height: 1.45 !important;\n  }\n  [data-mobile-nav=\"frame\"] [data-genui-panel] [class*=\"_panelChevron\"] {\n    flex: none !important;\n    margin-left: 0 !important;\n    padding-left: 4px !important;\n  }\n\n  /* ---------- git-graph branch chip: inside the composer card ----------\n     The branch chip (conversation.input.dock) floats between the dock rows\n     and the input card; on a phone it reads as a stray capsule crowding the\n     composer. A client effect (MobileNavOverlay) reparents the chip INTO\n     the composer card; these rules pin it to the card's top-left and give\n     the card a dedicated chip row. The card is position: relative by the\n     official stylesheet, so the absolute anchor resolves against it. The\n     plugin's own sheet sets all four offsets on the anchor, so right/bottom\n     must be neutralized too. Scope is the frame marker + the anchor\n     attribute (NOT the dock slot \u2014 the reparenting moves the chip out of\n     the dock's subtree). Desktop untouched: the frame marker only exists\n     below 1024px, and the effect restores the chip to the dock when the\n     viewport widens. Chip row geometry (2026-08-16, user feedback): 48px\n     padding left a 16px dead gap between the chip and the input line and\n     made the composer read too tall; the row is now 40px = chip (24px) at\n     top 12px + ~4px to the textarea \u2014 the chip sits slightly lower and\n     the gap is compressed without touching the official height budget\n     further. */\n\n  [data-mobile-nav=\"frame\"] [data-gitgraph-chip-anchor] {\n    position: absolute !important;\n    top: 12px !important;\n    left: 12px !important;\n    right: auto !important;\n    bottom: auto !important;\n    z-index: 1 !important;\n  }\n  [data-mobile-nav=\"frame\"] [class$=\"_card\"]:has([data-gitgraph-chip-anchor]) {\n    padding-top: 40px !important;\n  }\n\n  /* ---------- dsh-better-sidebar: safe area (S2.1, 2026-08-17) ----------\n     LEGACY \u2014 this and the two better-sidebar blocks after it (toggle-cluster\n     hide, phone close pill) are written against dsh-better-sidebar \u2264 0.18,\n     which drew its own right panel (`_panel` / `_panelHidden`, a\n     `_toggleCluster`). 0.19 retired that panel: its tabs live in DSH 0.1.5's\n     native right sidebar (which the host itself takes full screen on a\n     phone, with its own collapse control), and what remains plugin-owned is\n     a bottom workbench (`_bottomPanel`) the phone never opens. Every\n     selector below therefore matches NOTHING on 0.19+ \u2014 by design, not by\n     accident (issue #11, verified live 2026-09-21); they stay for the older\n     combination and are inert otherwise, like every other compat rule here.\n     THIRD-PARTY COMPAT RULE \u2014 dsh-better-sidebar (the workbench the session\n     header's panel button opens). Its shell is viewport-fixed and starts at\n     y=0: the panel at inset 0 (100vw drawer below 768px, a right column\n     above it) and the toggle cluster at top:3px. Neither knows about\n     env(safe-area-inset-*), so on a notched iPhone the whole tab strip \u2014\n     including the one button that CLOSES the panel \u2014 sits behind the status\n     bar and cannot be tapped: the user opened the workbench and was stuck\n     there (real-device report, 2026-08-17).\n     Applied across the plugin's whole mobile band, not just <768px: the\n     panel is fixed at top:0 in the 768-1023px range too, so the same notch\n     covers the same tab strip. Zero effect wherever the inset is 0 (every\n     desktop browser, every non-notched device) \u2014 desktop is >=1024px and\n     out of this media block entirely.\n     Anchors: the plugin's own mount marker [data-dsh-better-sidebar]\n     (index.tsx) plus class-suffix selectors, per this repo's hashed-class\n     convention. --dsh-title-bar-strip is the plugin's own title-bar-compat\n     offset (set only while that mode is on, 0px fallback otherwise): adding\n     to it keeps both offsets rather than clobbering theirs.\n     !important because their :global(body[...]) rules outrank a plain\n     attribute selector.\n     No box-sizing here on purpose: the panel is position:fixed with BOTH\n     top and bottom set, so its used height already resolves to\n     \"containing block - insets - padding - border\" (CSS 2.1 10.6.4) and the\n     padding shrinks the content box without any help. Forcing border-box\n     also folds their 1px left border into the inline width \u2014 measured as a\n     1px panel-width change at 768px, i.e. a regression outside this\n     hotfix's remit. */\n  [data-dsh-better-sidebar] [class$=\"_panel\"],\n  [data-dsh-better-sidebar] [class$=\"_panelHidden\"] {\n    padding-top: calc(var(--mnav-sat) + var(--dsh-title-bar-strip, 0px)) !important;\n  }\n  /* Only the tablet/desktop range still shows the cluster (see the hide\n     rule below) \u2014 the notch offset is now dead weight below 768px, so it\n     is scoped out rather than left applying invisibly. min-width:768px\n     rather than the more common max-width pairing: this offset was\n     already a harmless no-op at >=1024px before S3.1 (--mnav-sat is 0 on\n     every desktop browser), so narrowing its floor to 768px changes\n     nothing there either \u2014 it only stops evaluating on phone. */\n  @media (min-width: 768px) {\n    [data-dsh-better-sidebar] [class$=\"_toggleCluster\"] {\n      top: calc(var(--mnav-sat) + var(--dsh-title-bar-strip, 0px) + 3px) !important;\n    }\n  }\n\n  /* ---------- dsh-better-sidebar: hide the phone toggle cluster (S3.1, 2026-08-17) ----------\n     Real-device round 2 feedback: this fixed top-right cluster duplicates\n     \u2014 and visually overlaps \u2014 the session header's own workbench button\n     (MobileSessionHeader.tsx), which already opens/closes the same panel\n     by clicking this cluster's toggle button through. Hidden below 768px\n     only; the 768-1023px tablet range has no workbench button (header.css.ts\n     scopes that entire reflow to <768px) and still depends on this cluster\n     as its only entry point, so it stays exactly as v1.0.0/S2.1 shipped it\n     there. The cluster also holds the panel's own close affordance \u2014 see\n     [data-mobile-nav=\"better-sidebar-close\"] below for the phone\n     replacement, wired up in MobileSessionHeader.tsx. */\n  @media (max-width: 767px) {\n    [data-dsh-better-sidebar] [class$=\"_toggleCluster\"] {\n      display: none !important;\n    }\n  }\n\n  /* ---------- dsh-better-sidebar: phone close button (S3.1 follow-up, 2026-08-17) ----------\n     Appended to document.body by MobileSessionHeader.tsx's\n     MobileHeaderUtilities effect \u2014 never inside the panel's own subtree\n     (the third party's React re-renders would wipe it) and never under any\n     transformed/backdrop-filter ancestor (the S4 info-card WebKit lesson in\n     AGENTS.md: position:fixed re-anchors to the nearest such ancestor\n     instead of the viewport). Default hidden \u2014 belt-and-braces, same\n     reasoning as header.css.ts's [data-mobile-nav=\"header-info\"] etc list:\n     React does not know about media queries. Shown only below 768px AND\n     only while the panel is actually open: the panel's own class name ends\n     in \"_panel\" exclusively in the open state (the \"_panelHidden\" suffix is\n     appended once closed, so the string no longer ends in \"_panel\") \u2014 a\n     pure-CSS :has() open/closed read, no MutationObserver required.\n\n     Bottom-center pill, not a top-right circle (real-device follow-up,\n     2026-08-17): a top-right position collided with the panel's own\n     per-tab toolbar controls \u2014 measured live at 390px with the explorer\n     tab open, the panel's Refresh button sits at x:354-382 y:93-121, and a\n     44px circle at top:8px+safe-area/right:8px lands at x:338-382\n     y:(safe-area+8)-(safe-area+52), a direct overlap once the safe-area\n     offset is small (or zero on non-notched phones). Every per-tab toolbar\n     (explorer/git/tabBar) lives at the panel's TOP; nothing in the\n     default explorer or git tabs reaches the bottom 90px of the viewport\n     (checked live, both tabs, 2026-08-17), so bottom-center is clear\n     regardless of which tab is open \u2014 one fixed position that does not\n     need per-tab-type coordinates to dodge. */\n  /* Default-hidden for this pill lives in header.css.ts, NOT here: this\n     whole file sits inside the shared (max-width: 1023px) block, so a rule\n     here can never hide anything at desktop widths (learned the hard way,\n     2026-08-17 desktop leak). */\n  @media (max-width: 767px) {\n    body:has([data-dsh-better-sidebar] [class$=\"_panel\"]) [data-mobile-nav=\"better-sidebar-close\"] {\n      display: flex !important;\n      position: fixed;\n      left: 50%;\n      bottom: calc(var(--mnav-sab) + 12px);\n      transform: translateX(-50%);\n      z-index: 70;\n      align-items: center;\n      gap: 6px;\n      height: 44px;\n      padding: 0 18px;\n      border: none;\n      border-radius: 999px;\n      background: var(--dsw-alias-bg-base, #fff);\n      /* Drop shadow alone does not draw an edge: the fill is bg-base, which in\n         dark theme is the same colour as the surface behind it, and a black\n         shadow on a dark ground is invisible \u2014 the pill read as floating text\n         with no boundary. The inset hairline is the edge; the drop shadow only\n         lifts it. Same token the session rows use for their dark-mode ring. */\n      box-shadow:\n        inset 0 0 0 1px var(--dsw-alias-border-l2, rgba(0, 0, 0, .14)),\n        0 4px 16px rgba(0, 0, 0, .2);\n      color: var(--dsw-alias-label-primary, inherit);\n      font-family: inherit;\n      font-size: 14px;\n      font-weight: 600;\n      cursor: pointer;\n      touch-action: manipulation;\n      -webkit-tap-highlight-color: transparent;\n    }\n    body:has([data-dsh-better-sidebar] [class$=\"_panel\"]) [data-mobile-nav=\"better-sidebar-close\"] svg {\n      width: 14px;\n      height: 14px;\n      flex: none;\n    }\n    body:has([data-dsh-better-sidebar] [class$=\"_panel\"]) [data-mobile-nav=\"better-sidebar-close\"]:active {\n      background: var(--dsw-alias-interactive-bg-hover, rgba(0, 0, 0, .06));\n    }\n  }\n\n  /* ---------- dsh-agent-teams: phone floater reposition (2026-08-18) ----------\n     THIRD-PARTY COMPAT RULE \u2014 @nanmicoder/dsh-agent-teams (the AgentTeams\n     activity floater: a collapsed badge + expandable panel, body-portaled\n     under its own mount marker div[data-agent-teams-host]). Its own CSS\n     fixes both at top:56px (<=640px) viewport coordinates and never reads\n     env(safe-area-inset-*), so on a notched iPhone the badge lands INSIDE\n     the safe-area + this plugin's 76px session header band \u2014 overlapping\n     the info and workbench buttons (real-device report, 2026-08-18).\n     Move both below the header instead: safe-area + 76px header chrome\n     (48px title row + 28px view-switch row, header.css.ts) + 8px gap.\n     Anchored on the plugin's own mount marker + class-suffix selectors per\n     this repo's hashed-class convention \u2014 when dsh-agent-teams is not\n     installed the marker never exists and this whole section is inert\n     (same presence-gating as the dsh-better-sidebar rules above).\n     !important because their positions come from html-level CSS vars\n     (--agent-teams-panel-top et al.) whose style tag order vs ours is not\n     guaranteed. z-index: their 2147483000 would float the badge over every\n     one of this plugin's own overlays (drawer 40, info sheet 55-57, close\n     pill 70); 30 keeps it above content but below all of them. */\n  @media (max-width: 767px) {\n    [data-agent-teams-host] [class$=\"_badge\"],\n    [data-agent-teams-host] [class$=\"_panel\"] {\n      top: calc(var(--mnav-sat) + 84px) !important;\n      right: 10px !important;\n      z-index: 30 !important;\n    }\n    [data-agent-teams-host] [class$=\"_panel\"] {\n      left: 10px !important;\n      width: auto !important;\n      /* Their min-height:min(560px, calc(100dvh - 56 - 56)) resolves against\n         the OLD top var \u2014 on short phones it exceeds the space left below\n         the moved-down top edge and would force overflow; content-sized with\n         a hard cap replaces it. 76px bottom clearance keeps the collapsed\n         composer's top edge visible under the panel. */\n      min-height: 0 !important;\n      max-height: calc(100dvh - var(--mnav-sat) - 84px - var(--mnav-sab) - 76px) !important;\n    }\n    /* The floater belongs to the SESSION page: on the home list it hovered\n       over the session rows (user feedback, 2026-08-18). The phone page\n       stack is this plugin's own overlay \u2014 the official conversation (and\n       with it the floater's \"current session\") stays mounted underneath, so\n       agent-teams keeps rendering it; hide it whenever the home level is the\n       visible one (data-view flips to \"session\" inside a session, and the\n       badge/panel come right back). :has() is already a documented\n       requirement of this plugin (Chromium 105+, docs/interface.md). */\n    body:has([data-mobile-nav=\"home\"][data-view=\"home\"]) [data-agent-teams-host] [class$=\"_badge\"],\n    body:has([data-mobile-nav=\"home\"][data-view=\"home\"]) [data-agent-teams-host] [class$=\"_panel\"] {\n      display: none !important;\n    }\n  }\n\n  /* ---------- dsh-at-file compatibility ----------\n     dsh-at-file registers its own `conversation.input.dock` entry\n     ([data-at-file-dock]) and renders one row per `@path` token in the\n     draft. That is exactly the same source this plugin's attachment chips\n     read, so on a phone a single uploaded image produced TWO entries on the\n     composer rail: our 48px thumbnail tile AND at-file's file-name row for\n     the same token (reported 2026-08-22).\n\n     Drop at-file's row for the upload directory only. Everything else the\n     user @-mentions by hand is at-file's own job and stays \u2014 this is not a\n     blanket hide. The path is readable from the row's own title attribute\n     (FilesDock passes `title={mention.relative}`), which is a rendered\n     contract rather than a hashed class name.\n\n     Phone only, and deliberately so: at >= 768px our chips are hidden by\n     composer.css.ts, which leaves at-file's row as the ONLY thing on screen\n     representing the attachment. Hiding it there would make an uploaded file\n     invisible.\n\n     When every row was an upload the container itself is left empty, and an\n     empty flex item still claims the rail's 6px gap \u2014 so the dock goes too\n     unless at least one non-upload row survives. */\n  @media (max-width: 767px) {\n    [data-at-file-dock] [data-at-file-row]:has([title^=\".dsh-uploads/\"]) {\n      display: none !important;\n    }\n    [data-at-file-dock]:not(:has([data-at-file-row] [title]:not([title^=\".dsh-uploads/\"]))) {\n      display: none !important;\n    }\n  }\n  /* ---------- @ace-zone/dsh-market: modal header fits a phone (2026-08-22) ----------\n     THIRD-PARTY COMPAT RULE \u2014 @ace-zone/dsh-market (the plugin market:\n     a settings-page entry that opens its own body-level modal,\n     .dshm-overlay > .dshm-panel, over the settings sheet).\n\n     Its header (.dshm-head) is a plain flex row with no wrapping and no\n     shrinking: title, a badge strip whose slogan is white-space:nowrap,\n     a version chip, an \"official site\" link, a language toggle, and only\n     then the \u00D7 that closes the modal. Flex items default to\n     min-width:auto, so at phone widths the row keeps its intrinsic size,\n     .dshm-panel clips it (overflow:hidden), and the \u00D7 \u2014 the only way out\n     of the modal on a touch screen, which has no Esc key \u2014 is off screen\n     (reported 2026-08-22).\n\n     Drop the three decorative items and let the title ellipsis instead.\n     The language toggle stays: it is a real control, and title + toggle +\n     \u00D7 fit inside 320px once the title can shrink. The title rule also\n     covers the job / help overlays, which reuse .dshm-head with a long\n     \"<action> \u00B7 <package>\" title and no flexible item of their own.\n     Nothing here is desktop-side: at >= 768px the row has the width it\n     was written for. */\n  @media (max-width: 767px) {\n    body:has(.dshm-ver[title=\"@ace-zone/dsh-market\"]) .dshm-head > .dshm-head-badges,\n    body:has(.dshm-ver[title=\"@ace-zone/dsh-market\"]) .dshm-head > .dshm-ver,\n    body:has(.dshm-ver[title=\"@ace-zone/dsh-market\"]) .dshm-head > a.dshm-viewbtn {\n      display: none !important;\n    }\n    body:has(.dshm-ver[title=\"@ace-zone/dsh-market\"]) .dshm-head > .dshm-title {\n      flex: 1 1 auto !important;\n      min-width: 0 !important;\n      overflow: hidden !important;\n      text-overflow: ellipsis !important;\n      white-space: nowrap !important;\n    }\n    /* 44px touch target: their 20px glyph in 2px/6px padding is ~30px. */\n    body:has(.dshm-ver[title=\"@ace-zone/dsh-market\"]) .dshm-head > .dshm-close {\n      flex: 0 0 auto !important;\n      font-size: 24px !important;\n      padding: 6px 12px !important;\n    }\n  }\n\n  /* ---------- dsh-auto-approve compatibility ----------\n     The composer.css.ts phone rules collapse the permission trigger to an\n     icon-only pill, but the official permissionGlyphs table only draws\n     icons for read-only / workspace-write \u2014 the auto-approve plugin's\n     \"auto\" preset gets none, so its pill showed a bare chevron. The plugin\n     injects its shield+sparkle svg into the MENU items itself (DOM,\n     content-anchored), but the collapsed TRIGGER re-renders on every\n     preset change, so a CSS pseudo-element is the survives-re-render fix\n     (same reasoning as the old model Sparkle ::before above).\n\n     Presence gates, honestly stated (2026-08-25 review):\n     - Trigger rule: aria-label is t('input.accessMode', {name}) with the\n       raw preset display name embedded untranslated and (zh/en verified)\n       at the END of the string \u2014 [aria-label$=\"Auto\"] matches exactly the\n       auto-approve preset being selected, and cannot match a future\n       \"Autopilot\"-style preset. Plugin absent \u2192 the name never renders \u2192\n       inert. This is a DIRECT gate on the plugin's own preset name.\n     - Menu-item rule: INDIRECT gate only. It matches \"permission-menu item\n       without an official icon span\"; the official three presets all ship\n       icon spans in the menu (verified live), so with the plugin absent\n       nothing matches. Known boundary: another plugin's icon-less preset,\n       or a host redesign dropping icon spans, would wrongly receive this\n       shield. A direct gate is not possible: menu items carry no\n       id/data attributes to anchor on, CSS cannot match text, and gating\n       on the plugin's own JS-injected markers would kill this fallback in\n       exactly the JS-did-not-run case it exists for. Paths are the plugin's own\n     shield outline + four-point sparkle (permission-glyph.ts), stroke\n     shield + filled sparkle, drawn as a currentColor mask. */\n  @media (max-width: 767px) {\n    /* Fallback for the MENU items too (real-phone report 2026-08-25: the\n       plugin's DOM injection did not run in that page instance while this\n       CSS did \u2014 bundle load timing differs per plugin). Any permission-menu\n       item WITHOUT the official icon span gets the shield drawn by CSS;\n       today that is exactly the plugin \"auto\" preset (the official three\n       all ship icons in the menu). Self-coordinating with the plugin's own\n       injection: once its svg lands it arrives inside a cloned icon span,\n       the :not() stops matching, no double icon. */\n    [data-slot=\"conversation.composer.bar\"] [class$=\"_card\"] > [class$=\"_row\"] > [class$=\"_tools\"] > [class$=\"_modes\"] [role=\"menu\"] button[role=\"menuitem\"]:not(:has([class*=\"_itemIcon_\"]))::before,\n    [data-slot=\"conversation.composer.bar\"] [class$=\"_card\"] > [class$=\"_row\"] > [class$=\"_tools\"] > [class$=\"_modes\"] button[class$=\"_trigger\"][aria-label$=\"Auto\"]::before {\n      content: '';\n      width: 16px;\n      height: 16px;\n      flex: none;\n      background: currentColor;\n      -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8.20554 0.899994L14.7901 3.36857V7.01026C14.7901 12 11.0466 14.2103 8.20554 15.3C5.36446 14.2103 1.62012 12 1.62012 7.01026V3.36857L8.20554 0.899994Z' fill='none' stroke='black' stroke-width='1.31831' stroke-linejoin='round'/%3E%3Cpath d='M8.35 5.4C8.35 7.2 7.15 8.4 5.35 8.4C7.15 8.4 8.35 9.6 8.35 11.4C8.35 9.6 9.55 8.4 11.35 8.4C9.55 8.4 8.35 7.2 8.35 5.4Z'/%3E%3C/svg%3E\");\n      mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8.20554 0.899994L14.7901 3.36857V7.01026C14.7901 12 11.0466 14.2103 8.20554 15.3C5.36446 14.2103 1.62012 12 1.62012 7.01026V3.36857L8.20554 0.899994Z' fill='none' stroke='black' stroke-width='1.31831' stroke-linejoin='round'/%3E%3Cpath d='M8.35 5.4C8.35 7.2 7.15 8.4 5.35 8.4C7.15 8.4 8.35 9.6 8.35 11.4C8.35 9.6 9.55 8.4 11.35 8.4C9.55 8.4 8.35 7.2 8.35 5.4Z'/%3E%3C/svg%3E\");\n      -webkit-mask-size: contain;\n      mask-size: contain;\n      -webkit-mask-repeat: no-repeat;\n      mask-repeat: no-repeat;\n    }\n  }\n\n  /* ---------- dsh-vision-router: composer vision toggle (2026-08-26) ----------\n     THIRD-PARTY COMPAT RULE \u2014 dsh-vision-router registers a Vision mode\n     toggle into conversation.input.right (slot id\n     \"vision-router-mode-toggle\"): a bordered pill sized by INLINE styles \u2014\n     minHeight 28, padding 4px 8px, fontSize 12, white-space nowrap \u2014\n     roughly 90px of unshrinkable width.\n\n     Its children changed shape in 2.1.x (re-measured on the real UI\n     2026-09-04, plugin 2.1.1). Both forms are handled:\n       - text form (<= 2.0.x): <span>\uD83D\uDC41</span><span>label</span> plus a\n         <span>\u2713</span> while active;\n       - svg form (2.1.x, lib/client-presentation-boundary.js): a 14px eye\n         <svg>, <span>label</span>, plus a SECOND 12px check <svg> while\n         active.\n     The 2.1.1 update is what the user hit: the label span was still hidden\n     but the new eye svg was not, so it rendered NEXT TO our ::before eye \u2014\n     two eyes in a 28px button \u2014 and the active check svg had nothing hiding\n     it at all, eating width the phone row does not have.\n\n     The phone composer row is nowrap by design (composer.css.ts section 1)\n     and the model seat is its only shrinkable item, so that pill squeezes\n     the model name out of the row (user report, 2026-08-26).\n\n     Phone treatment: a 28x28 round icon button in the attach button's\n     language (same size, same neutral fill), showing exactly ONE 16px eye\n     and nothing else. Every span is hidden (label, and the text form's\n     emoji and check); of the svg form's icons only the first survives, the\n     trailing check svg is hidden by a sibling combinator so the count is\n     never assumed. Our own ::before eye is now a FALLBACK, gated on\n     :has(svg) so it draws only for the text form \u2014 the plugin ships its own\n     icon from 2.1.x on, and drawing over it is what produced the double\n     eye. Generated content rather than a DOM-injected icon, for the same\n     survives-React-re-render reason as the auto-approve shield below: the\n     button re-renders on every state flip, so an injected node would need\n     an observer while ::before does not. The\n     accessible name is unaffected: the button ships aria-label + title with\n     the full enable/disable copy, and aria-pressed keeps conveying the\n     state; visually the plugin's own inline styles still flip border +\n     background + color to the brand token while active (only the inactive\n     look is restyled to match the row).\n\n     Presence gate: [data-vision-router-mode-toggle] is rendered by the\n     plugin itself (the exact attribute from its createElement call) \u2014 with\n     the plugin absent the attribute never exists and this whole section is\n     inert, not one selector matching (same convention as the\n     dsh-better-sidebar rules). !important throughout because the geometry\n     it replaces is inline style. Phone only (max-width: 767px): desktop\n     keeps the plugin's full pill untouched, and the 768-1023px tablet row\n     has the width for it. order:5 restates composer.css.ts's generic\n     input.right rule with the same value \u2014 kept here so the toggle can\n     never fall back to order 0 (far left, before the model) if that\n     structural selector ever stops matching. */\n  @media (max-width: 767px) {\n    [data-slot=\"conversation.composer.bar\"] [data-vision-router-mode-toggle] {\n      order: 5 !important;\n      flex: 0 0 auto !important;\n      box-sizing: border-box !important;\n      width: 28px !important;\n      min-width: 28px !important;\n      max-width: 28px !important;\n      height: 28px !important;\n      min-height: 28px !important;\n      padding: 0 !important;\n      gap: 0 !important;\n      justify-content: center !important;\n      border-radius: 999px !important;\n      touch-action: manipulation !important;\n      -webkit-tap-highlight-color: transparent;\n    }\n    /* Inactive look: neutral round fill like the attach button \u2014 the\n       plugin's own inactive state would draw a lonely outline circle that\n       reads as broken next to the row's filled icon buttons. */\n    [data-slot=\"conversation.composer.bar\"] [data-vision-router-mode-toggle]:not([aria-pressed=\"true\"]) {\n      border-color: transparent !important;\n      background: var(--dsw-specific-selector, rgba(127, 127, 127, .12)) !important;\n      box-shadow: none !important;\n    }\n    /* Text form: emoji + label + active check are all spans \u2014 all out. */\n    [data-slot=\"conversation.composer.bar\"] [data-vision-router-mode-toggle] > span {\n      display: none !important;\n    }\n    /* Svg form (2.1.x): the first svg IS the eye, so keep it and match the\n       row's other icons at 16px. */\n    [data-slot=\"conversation.composer.bar\"] [data-vision-router-mode-toggle] > svg:first-of-type {\n      width: 16px !important;\n      height: 16px !important;\n    }\n    /* ...and drop every svg after it \u2014 today that is the active-state check\n       mark. A sibling combinator rather than :nth-child(2): the count is the\n       plugin's business, this only says \"one icon, the first one\". */\n    [data-slot=\"conversation.composer.bar\"] [data-vision-router-mode-toggle] > svg ~ svg {\n      display: none !important;\n    }\n    /* The one svg: eye outline + iris as a currentColor mask \u2014 brand while\n       active, dimmed with the button by the plugin's own disabled opacity. */\n    [data-slot=\"conversation.composer.bar\"] [data-vision-router-mode-toggle]:has(svg)::before {\n      content: none !important;\n    }\n    [data-slot=\"conversation.composer.bar\"] [data-vision-router-mode-toggle]::before {\n      content: '';\n      width: 16px;\n      height: 16px;\n      flex: none;\n      background: currentColor;\n      -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 8C3 5.2 5.3 3.5 8 3.5s5 1.7 6.5 4.5c-1.5 2.8-3.8 4.5-6.5 4.5S3 10.8 1.5 8Z' fill='none' stroke='black' stroke-width='1.3' stroke-linejoin='round'/%3E%3Ccircle cx='8' cy='8' r='2'/%3E%3C/svg%3E\");\n      mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 8C3 5.2 5.3 3.5 8 3.5s5 1.7 6.5 4.5c-1.5 2.8-3.8 4.5-6.5 4.5S3 10.8 1.5 8Z' fill='none' stroke='black' stroke-width='1.3' stroke-linejoin='round'/%3E%3Ccircle cx='8' cy='8' r='2'/%3E%3C/svg%3E\");\n      -webkit-mask-size: contain;\n      mask-size: contain;\n      -webkit-mask-repeat: no-repeat;\n      mask-repeat: no-repeat;\n    }\n    [data-slot=\"conversation.composer.bar\"] [data-vision-router-mode-toggle]:focus-visible {\n      outline: 2px solid var(--dsw-alias-state-business-primary, #4f6ef7);\n      outline-offset: 2px;\n    }\n  }\n";
 //# sourceMappingURL=compat.css.d.ts.map

package/lib/types/client/styles/compat.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"compat.css.d.ts","sourceRoot":"","sources":["../../../../src/client/styles/compat.css.ts"],"names":[],"mappings":"AAgBA,eAAO,MAAM,UAAU,ginDAi+BtB,CAAA"}
+{"version":3,"file":"compat.css.d.ts","sourceRoot":"","sources":["../../../../src/client/styles/compat.css.ts"],"names":[],"mappings":"AAgBA,eAAO,MAAM,UAAU,8prDAggCtB,CAAA"}

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

@@ -1,2 +1,2 @@
-export declare const HEADER_CSS = "/* ---------- session header five-piece reflow (< 768px) ---------- */\n\n/* New elements render unconditionally (React does not know about media\n   queries); default them to hidden so 768px+ never sees them, then\n   re-enable inside the phone block below. Belt-and-braces alongside the\n   scoped rules \u2014 mirrors the existing [data-mobile-nav=\"*\"] desktop no-op\n   list in misc.css.ts. */\n[data-mobile-nav=\"header-back\"],\n[data-mobile-nav=\"header-viewrow\"],\n[data-mobile-nav=\"header-activity\"],\n[data-mobile-nav=\"header-info\"],\n[data-mobile-nav=\"header-workbench\"],\n/* The workbench close pill's default-hidden used to live in compat.css.ts \u2014\n   but EVERYTHING in layout/compat/misc sits inside one shared\n   (max-width: 1023px) block (opened at the top of layout, closed at the end\n   of misc), so that \"top-level\" rule silently never applied at >=1024 and\n   the pill rendered as an unstyled button on desktop (2026-08-17 report).\n   This file is appended after the shared block closes, so here it is truly\n   global; the <=767px :has() show rule in compat overrides it with\n   !important. */\n[data-mobile-nav=\"better-sidebar-close\"] {\n  display: none;\n}\n\n@media (max-width: 767px) {\n  /* The Files action targeted the dsh-web-ui-all (aionui) explorer sheet \u2014\n     a different, unrelated suite from the workbench entry this slice adds\n     (dsh-better-sidebar). Hidden here only; 768-1023px keeps it exactly as\n     v1.0.0 shipped it. */\n  [data-mobile-nav=\"files\"] {\n    display: none !important;\n  }\n\n  /* --- three-column header: [back 92px] [title, truly centered] [utilities 92px] --- */\n  /* The bottom padding is the view-switch row's seat: that row is\n     position:absolute (see the bottom of this file \u2014 it renders two levels\n     deep inside headerActions and can never be a grid item of titleRow), so\n     without a reserve it would hang over the message list. 28px = its\n     height. Unconditional rather than header:has([data-mobile-nav=\n     \"header-viewrow\"]) on purpose: :has() is silently dropped by pre-105\n     WebViews (see AGENTS.md) and a 28px overlap on the first message is a\n     worse failure than 28px of empty band in the (never observed in\n     practice) single-view session. Total header chrome: 48 + 28 = 76px.\n     Left/right 8px (S2.1 report leftover, fixed in S4): the official header\n     had zero horizontal padding, so the utilities button cluster's right\n     edge sat flush against the screen edge (x=390 at 390px width, no\n     margin). The 92px grid columns absorb this fine \u2014 they're fixed track\n     widths, only the center 1fr column shrinks by 16px. */\n  [data-phase] header {\n    position: relative;\n    /* Above the scroller's plain and relative-positioned message content, so\n       the ::after fade strip below actually paints over the messages sliding\n       under it (positioned z-auto boxes otherwise win by DOM order \u2014 the\n       scroller comes after the header). Deliberately tiny: the seat (7),\n       scroll-to-bottom (8) and every overlay this plugin owns (30+) stay\n       above. */\n    z-index: 2;\n    padding: 0 8px 28px !important;\n  }\n  /* No header bottom line \u2014 fade instead (real-device round 2, 2026-08-17).\n     The official header draws its border as a `::after` 1px bar (the\n     `border-bottom` on the header itself is transparent, just a layout\n     reserve \u2014 dsh-client-ui-conversation lib/client.js \".wSkVaW_header{\n     border-bottom:1px solid #0000}.wSkVaW_header:after{...height:1px;\n     position:absolute;bottom:1px...}\", verified live 2026-08-17), so the\n     bar is repurposed rather than hidden: restyled into a 20px strip\n     hanging just below the header that fades the messages in \u2014 the same\n     look the scroller's mask-image used to produce, without a mask on a\n     scroll container (iOS WebKit renders that as fog over the header, see\n     composer.css.ts \"no divider above OR below the message list\",\n     2026-08-23). color-mix instead of the transparent keyword: the host\n     writes its own seat gradient that way, and plain `transparent` is\n     rgba(0,0,0,0) \u2014 WebKit interpolates it through grey. */\n  [data-phase] header::after {\n    height: 20px !important;\n    top: 100% !important;\n    bottom: auto !important;\n    background: linear-gradient(to bottom, var(--dsw-alias-bg-base), color-mix(in srgb, var(--dsw-alias-bg-base) 0%, transparent)) !important;\n  }\n  /* grid-row: 1 on every item is load-bearing, not decoration (S2.1 fix for\n     the \"\u6807\u9898\u88AB\u6324\u4E0B\u53BB\" report). The three items are placed with explicit\n     grid-column but arrive in DOM order crumbs(2) \u2192 headerActions(1) \u2192\n     headerUtilities(3): sparse auto-placement never moves its cursor\n     backwards, so headerActions and headerUtilities were pushed onto an\n     implicit SECOND row. Measured at 390px: row1 = crumbs 28px, row2 =\n     back button 44px, titleRow = 72px with the title stuck at the top\n     instead of centered. Pinning the row makes it one 48px band again. */\n  [data-phase] header [class$=\"_titleRow\"] {\n    position: relative;\n    display: grid;\n    grid-template-columns: 92px 1fr 92px;\n    grid-template-rows: minmax(48px, auto);\n    align-items: center;\n    min-height: 48px;\n    padding: 0 !important;\n  }\n  /* Flatten the official cluster so its two children (crumbs, headerActions)\n     become direct grid items of titleRow instead of a nested flex box. */\n  [data-phase] header [class$=\"_titleCluster\"] {\n    display: contents;\n  }\n  /* margin-left: 0 cancels layout.css.ts's shared <=1023px\n     \"margin-left: auto !important\" on this exact selector (it pushed the\n     Files button to the row's right edge in the old non-grid header;\n     inside our grid column it instead shoves the back button 48px right of\n     the column's start \u2014 the auto margin absorbs the leftover space\n     between the button's content width and the 92px column). */\n  [data-phase] header [class$=\"_headerActions\"] {\n    grid-column: 1;\n    grid-row: 1;\n    justify-self: start;\n    margin-left: 0 !important;\n    display: flex;\n    align-items: center;\n    min-width: 0;\n  }\n  /* layout.css.ts's shared <=1023px block hides this element outright\n     (header > :first-child > :last-child { display: none !important },\n     specificity (0,3,1) \u2014 v1.0.0 relocated the desktop Session-log capsule\n     to the drawer footer on every narrow width). That selector is repeated\n     here at equal specificity so the later source order wins the display\n     property; the class-suffix selector alone (0,2,1) would silently lose. */\n  [data-phase] header [class$=\"_headerUtilities\"],\n  [data-phase] header > :first-child > :last-child {\n    grid-column: 3;\n    grid-row: 1;\n    justify-self: end;\n    display: flex !important;\n    align-items: center;\n    gap: 4px;\n    min-width: 0;\n  }\n  /* justify-self: stretch (the grid default) so this fills the whole 1fr\n     column as a definite-width box \u2014 center/center-content happens inside\n     it. justify-self: center (tried first) sizes the item to its content\n     with no automatic column cap, and the obvious fix \u2014 max-width: 100% \u2014\n     resolves against the WRONG box here (measured 93.6px at 390px, where\n     the column is ~206px): the item's DOM parent (titleCluster) is\n     display:contents, and percentage max-width does not reliably resolve\n     through a boxless ancestor to the grid track. Stretching sidesteps the\n     percentage entirely \u2014 but layout.css.ts's shared <=1023px block ALSO\n     caps this exact selector at max-width: 24vw !important (93.6px at\n     390px \u2014 the value this rule used to silently inherit once its own\n     max-width was dropped in favor of stretch), so that must be reset to\n     none here too. */\n  [data-phase] header [class$=\"_crumbs\"] {\n    grid-column: 2;\n    grid-row: 1;\n    justify-self: stretch;\n    max-width: none !important;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 0;\n    overflow: hidden;\n  }\n  /* Subagent sessions keep ONE ancestor crumb (2026-08-18): the PC header\n     lets you tap the parent session's title to switch back \u2014 that affordance\n     was lost on phone when the whole parent chain was hidden as \"\u591A\u4F59\u9879\".\n     Show only the immediate parent (for agent-teams member sessions that IS\n     the captain/main session; deeper ancestors stay hidden \u2014 a 3-level chain\n     cannot fit the ~206px center column at 390px). The parent crumb is the\n     official breadcrumb <button> (dsh-client-ui-conversation renders\n     open(parentId) as its onClick), so tapping needs no JS from this plugin,\n     and main sessions (chain length 1) have no :nth-last-child(2) seg at\n     all \u2014 the centered single title is pixel-identical to before. */\n  [data-phase] header [class$=\"_crumbSeg\"]:not(:nth-last-child(-n+2)) {\n    display: none !important;\n  }\n  [data-phase] header [class$=\"_crumbSeg\"]:nth-last-child(2) {\n    display: inline-flex;\n    align-items: center;\n    flex: none;\n    min-width: 0;\n    max-width: 38%;\n  }\n  /* Ancestors BEFORE the parent seg are hidden, which would leave the\n     parent seg's own leading \"/\" dangling at the start of the title. */\n  [data-phase] header [class$=\"_crumbSeg\"]:nth-last-child(2) [class$=\"_crumbSep\"] {\n    display: none !important;\n  }\n  /* Parent crumb: small tertiary text so the 19px current title stays the\n     visual anchor; min-height keeps a finger-sized target inside the 48px\n     row. Specificity (0,4,1) outranks the shared 19px _crumb rule below. */\n  [data-phase] header [class$=\"_crumbSeg\"]:nth-last-child(2) [class$=\"_crumb\"] {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--dsw-alias-label-tertiary, rgba(0, 0, 0, .45));\n    min-height: 44px;\n    display: inline-flex;\n    align-items: center;\n    padding: 0 2px 0 6px;\n    touch-action: manipulation;\n    -webkit-tap-highlight-color: transparent;\n  }\n  [data-phase] header [class$=\"_crumbSeg\"]:last-child {\n    display: flex;\n    align-items: center;\n    min-width: 0;\n    max-width: 100%;\n  }\n  /* The last seg's own \"/\" is the divider between parent and current title \u2014\n     it only exists when there IS an ancestor (index > 0), so it can simply\n     stay visible now that the parent seg shows. (It used to be hidden here:\n     with the parent hidden it dangled before the title.) */\n  /* BOTH selectors are required: [class$=] matches the whole class\n     ATTRIBUTE's suffix, and the current-session title button's attribute is\n     \"wSkVaW_crumb wSkVaW_crumbCurrent\" \u2014 it ends in _crumbCurrent, so the _crumb\n     suffix selector alone silently missed the one element that matters\n     (measured live: the title stayed 14px while the rule sat in the bundle,\n     2026-08-17). */\n  [data-phase] header [class$=\"_crumb\"],\n  [data-phase] header [class$=\"_crumbCurrent\"] {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    min-width: 0;\n    max-width: 100%;\n    /* Real-device feedback (2026-08-17): the session title read too small\n       next to the enlarged header icons \u2014 19px sits just under the home\n       screen's 22px workspace title, keeping the two-level hierarchy. */\n    font-size: 19px;\n    font-weight: 600;\n  }\n\n  /* Running-status dot: no official element to reposition (the header\n     renders only the crumb title, the two action slots, and the tablist \u2014\n     no status indicator), so this is the plan's documented fallback \u2014\n     read the data ourselves and draw it (effects/header-status.ts stamps\n     data-mobile-nav-dot on the frame). A ::after on the title crumb keeps\n     it truly inline with the (centered, truncated) text instead of a\n     separately positioned box that would fight the centering math. */\n  [data-phase] header [class$=\"_crumbCurrent\"]::after {\n    content: '';\n    display: none;\n    width: 6px;\n    height: 6px;\n    margin-left: 6px;\n    border-radius: 50%;\n    vertical-align: middle;\n  }\n  [data-mobile-nav=\"frame\"][data-mobile-nav-dot] header [class$=\"_crumbCurrent\"]::after {\n    display: inline-block;\n  }\n  [data-mobile-nav=\"frame\"][data-mobile-nav-dot=\"ongoing\"] header [class$=\"_crumbCurrent\"]::after {\n    background: var(--dsw-alias-state-business-primary, #4f6ef7);\n  }\n  [data-mobile-nav=\"frame\"][data-mobile-nav-dot=\"warning\"] header [class$=\"_crumbCurrent\"]::after {\n    background: var(--dsw-alias-state-warn-primary, #d97706);\n  }\n  [data-mobile-nav=\"frame\"][data-mobile-nav-dot=\"done\"] header [class$=\"_crumbCurrent\"]::after {\n    background: var(--dsw-alias-state-success-primary, #16a34a);\n  }\n\n  /* Everything else the official header puts in these two list slots \u2014 the\n     agent-preset mode badge, the jobs/subagent trigger, the desktop\n     Session-log download capsule, and this plugin's own legacy directory\n     toggle \u2014 is the \"\u4E0D\u5E38\u9A7B\" set the design defers to the S4 info card.\n     Scoped by the slots' own [data-slot] wrapper (a stable, non-hashed\n     contract marker) rather than enumerating each registrant, so a future\n     third-party header action is hidden by default too. */\n  [data-phase] header [data-slot=\"conversation.session.header.actions\"] > *,\n  [data-phase] header [data-slot=\"conversation.session.header.utilities\"] > * {\n    display: none !important;\n  }\n  /* DSH 0.1.5's third titleRow child: the right sidebar's ExpandButton\n     (dsh-client-ui-sidebar-right, slot conversation.session.header.corner\n     inside div.headerCorner). Left alone it auto-placed into an implicit\n     4th grid column at the screen's top-right corner \u2014 a second panel-left\n     icon next to our Workbench button, reading as \"the hidden official\n     sidebar toggle is back\" (reported 2026-09-11). The button itself is the\n     one our sidebar control forwards to whenever the host has this panel\n     (sidebar-panels.ts, official first since 2026-09-21 \u2014 better-sidebar\n     0.19+ puts all its tabs in here), and a display:none button still\n     receives synthetic .click() (the tablist precedent), so hiding it costs\n     nothing. better-sidebar 0.19's own bottom-workbench toggle\n     (`[data-dsh-bottom-toggle]`) registers into the utilities slot and is\n     caught by the blanket hide above \u2014 intended: that surface is not for\n     the phone.\n     Anchors, in the specificity order they NEED (measured live, 2026-09-11):\n     the corner div must be beaten with (0,3,1) \u2014 the utilities un-hide rule\n     above spells header > :first-child > :last-child at exactly that\n     weight, and with 0.1.5's third titleRow child the corner IS that\n     :last-child now, so its flex !important outranks any lighter hide (a\n     single-attribute hide loses at (0,2,1) \u2014 both spellings were tried\n     live). Chaining BOTH of the corner's own anchors on one selector \u2014 the\n     host's data-conversation-header-corner contract attribute AND the\n     class suffix \u2014 reaches the tie, and the later source order here wins\n     it. The slot wrapper rule below needs no help: nothing !important\n     fights it, so its (0,2,1) settles the button. */\n  [data-phase] header [data-conversation-header-corner][class$=\"_headerCorner\"],\n  [data-phase] header [data-slot=\"conversation.session.header.corner\"] {\n    display: none !important;\n  }\n  /* Native background-task / subagent entries (rewritten for DSH 0.1.1,\n     2026-08-21). Three upstream changes killed the old \"park the root as a\n     zero-width anchor, hide the trigger, forward the tap\" design at once:\n\n     - the subagent entry moved out of header.actions into the new\n       conversation.session.header.lineage slot (inside the breadcrumb);\n     - its root's class attribute is now \"ZKlsPq_root \" \u2014 with a TRAILING\n       SPACE \u2014 so a [class$=\"_root\"] anchor matches nothing at all;\n     - the trigger only reacts to TRUSTED input: .click() and synthetic\n       pointer/mouse events leave aria-expanded untouched (measured on device\n       with every plugin override stripped), so forwarding a tap in JS can\n       never open it again.\n\n     The trigger's geometry is therefore owned at runtime by\n     effects/native-trigger-overlay.ts, which lays the REAL button\n     transparently over the activity pill \u2014 a genuine finger tap lands on the\n     official element. Nothing in this stylesheet may size, hide, or set\n     pointer-events on the trigger: that is exactly what would take the tap\n     target away again.\n\n     CSS keeps only two chores. Dissolve the root so its box (and its\n     stray separator, hidden below) stops occupying the breadcrumb, and let\n     the trigger participate from wherever the overlay pins it. And no menu\n     re-anchoring anymore: the 0.1.1 popover portals to <body> as\n     position:fixed and positions itself from the trigger's viewport rect\n     (measured 336px wide, fully on screen at 411px). */\n  [data-phase] header [data-slot=\"conversation.session.header.actions\"] > *:has(> button[class$=\"_trigger\"]),\n  [data-phase] header [data-slot=\"conversation.session.header.lineage\"] > *:has(> button[class$=\"_trigger\"]) {\n    display: contents !important;\n  }\n  [data-phase] header [data-slot=\"conversation.session.header.actions\"] [class$=\"_separator\"],\n  [data-phase] header [data-slot=\"conversation.session.header.lineage\"] [class$=\"_separator\"] {\n    display: none !important;\n  }\n  /* The agent-preset mode badge specifically survives the blanket hide\n     above: layout.css.ts's shared <=1023px block targets it directly\n     (header [class$=\"_label\"]:has(> svg) { display: block !important }),\n     specificity (0,3,1), higher than the [data-slot] wrapper rule (0,2,1) \u2014\n     display wins on specificity before source order, so a same-selector\n     override is needed here too. */\n  [data-phase] header [class$=\"_label\"]:has(> svg) {\n    display: none !important;\n  }\n  [data-phase] header [data-slot=\"conversation.session.header.actions\"] > [data-mobile-nav=\"header-back\"] {\n    display: inline-flex !important;\n  }\n  /* header-viewrow is position:absolute (see below), so its re-shown\n     display value must match the flex layout its own rule declares. */\n  [data-phase] header [data-slot=\"conversation.session.header.actions\"] > [data-mobile-nav=\"header-viewrow\"] {\n    display: flex !important;\n  }\n  /* Our own chip lives in the same slot, so the blanket hide above swallows\n     it unless it is named here too (it was, on the first build: the chip\n     rendered with the right counts and painted nothing). */\n  [data-phase] header [data-slot=\"conversation.session.header.actions\"] > [data-mobile-nav=\"header-activity\"] {\n    display: inline-flex !important;\n  }\n  [data-phase] header [data-slot=\"conversation.session.header.utilities\"] > [data-mobile-nav=\"header-info\"],\n  [data-phase] header [data-slot=\"conversation.session.header.utilities\"] > [data-mobile-nav=\"header-workbench\"] {\n    display: inline-flex !important;\n  }\n\n  /* Back button: 44pt touch target, leftmost column. */\n  [data-mobile-nav=\"header-back\"] {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 44px;\n    height: 44px;\n    padding: 0;\n    border: none;\n    background: transparent;\n    color: var(--dsw-alias-label-primary, inherit);\n    cursor: pointer;\n    touch-action: manipulation;\n    -webkit-tap-highlight-color: transparent;\n  }\n  [data-mobile-nav=\"header-back\"]:active {\n    opacity: .6;\n  }\n\n  /* Info + workbench utility buttons, rightmost column. */\n  [data-mobile-nav=\"header-info\"],\n  [data-mobile-nav=\"header-workbench\"] {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 34px;\n    height: 34px;\n    padding: 0;\n    border: none;\n    border-radius: 50%;\n    background: transparent;\n    color: var(--dsw-alias-label-secondary, inherit);\n    cursor: pointer;\n    touch-action: manipulation;\n    -webkit-tap-highlight-color: transparent;\n  }\n  [data-mobile-nav=\"header-info\"]:active,\n  [data-mobile-nav=\"header-workbench\"]:active {\n    background: var(--dsw-alias-interactive-bg-hover, rgba(0, 0, 0, .06));\n  }\n  /* Icon family unification (real-device round 2, 2026-08-17): the \u24D8 text\n     glyph is gone (MobileSessionHeader.tsx renders the official\n     IconInfoOutlineRegular since DSH 0.1.7) and the workbench button's\n     IconPanelLeftOutlineRegular is mirrored into a panel-RIGHT glyph \u2014\n     there's no panel-RIGHT glyph in primitives (re-checked against the\n     0.1.7-rc.2 exports), and the plugin's own right-side panel semantics\n     are exactly the left icon flipped. Both buttons carry a same-size\n     (16px) icon. */\n  [data-mobile-nav=\"header-workbench\"] svg {\n    transform: scaleX(-1);\n  }\n\n  /* Official Chat/Trajectory tablist: removed from layout entirely (S2.1 \u2014\n     visibility:hidden still held a 27px row, so the header carried the\n     view-switch row's band TWICE: 72 + 27 + gap = 104px measured at 390px,\n     and a real iPhone added ~54px of notch on top of that). The header's own\n     padding-bottom above is now the row's seat.\n     display:none does NOT break the view switch: HTMLElement.click()\n     dispatches synthetically and fires React's handler regardless of\n     rendering \u2014 only real pointer hit-testing needs a box, and this plugin\n     never relies on it (MobileSessionHeader always calls .click()). */\n  [data-phase] header [class$=\"_tabs\"][role=\"tablist\"] {\n    display: none;\n  }\n\n  /* View-switch row: \"current view name + dots\", replacing the (still\n     present, still clickable) official tablist visually. It renders inside\n     headerActions/headerUtilities, but titleRow's own position:relative\n     (set above) makes IT the containing block for absolute descendants \u2014\n     display:contents on titleCluster does not break that search \u2014 so\n     top:100% sits directly under the title regardless of the title row's\n     actual height, with no hardcoded offset to keep in sync. */\n  /* Activity chip (subagents / background tasks) rides the right end of the\n     same band. It is a SIBLING of the switch button, not a child \u2014 that\n     button spans the full row, so nesting would make every tap on the chip\n     switch views too \u2014 and it shares titleRow as its containing block, so\n     top:100% lands both on the same 28px line. z-index puts it above the\n     row it overlaps. */\n  [data-mobile-nav=\"header-activity\"] {\n    position: absolute;\n    right: 0;\n    top: 100%;\n    z-index: 1;\n    display: inline-flex;\n    align-items: center;\n    gap: 9px;\n    height: 28px;\n    padding: 0 2px 0 10px;\n    border: none;\n    background: transparent;\n    color: var(--dsw-alias-label-secondary, rgba(0, 0, 0, .5));\n    font-family: inherit;\n    cursor: pointer;\n    touch-action: manipulation;\n    -webkit-tap-highlight-color: transparent;\n  }\n  /* pointer-events:none so the invisible official trigger laid over this pill\n     (effects/native-trigger-overlay.ts) is what a tap reaches. The pill is\n     visuals only. */\n  [data-mobile-nav=\"activity-pill\"] {\n    pointer-events: none;\n    display: inline-flex;\n    align-items: center;\n    gap: 3px;\n    height: 28px;\n    padding: 0;\n    border: none;\n    background: transparent;\n    color: inherit;\n    font-family: inherit;\n    font-size: 12px;\n    line-height: 18px;\n    cursor: pointer;\n    touch-action: manipulation;\n    -webkit-tap-highlight-color: transparent;\n  }\n  [data-mobile-nav=\"activity-pill\"]:active {\n    opacity: .55;\n  }\n  [data-mobile-nav=\"activity-count\"] {\n    font-variant-numeric: tabular-nums;\n  }\n  /* Steady green = everything settled. */\n  [data-mobile-nav=\"activity-dot\"] {\n    display: block;\n    width: 6px;\n    height: 6px;\n    margin-left: 1px;\n    border-radius: 50%;\n    background: var(--dsw-alias-state-success-primary, #16a34a);\n  }\n  /* A job that failed or was killed is not a success \u2014 never paint it green. */\n  [data-activity-state=\"warning\"] [data-mobile-nav=\"activity-dot\"] {\n    background: var(--dsw-alias-state-warn-primary, #d97706);\n  }\n  /* Pulsing blue = still running. Same state palette as the session dot. */\n  [data-activity-state=\"running\"] [data-mobile-nav=\"activity-dot\"] {\n    background: var(--dsw-alias-state-business-primary, #4f6ef7);\n    animation: dsh-zen-activity-pulse 1.4s ease-in-out infinite;\n  }\n  @keyframes dsh-zen-activity-pulse {\n    0%, 100% { opacity: 1; transform: scale(1); }\n    50% { opacity: .45; transform: scale(.72); }\n  }\n  @media (prefers-reduced-motion: reduce) {\n    [data-activity-state=\"running\"] [data-mobile-nav=\"activity-dot\"] {\n      animation: none;\n    }\n  }\n\n  [data-mobile-nav=\"header-viewrow\"] {\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 6px;\n    height: 28px;\n    padding: 0;\n    border: none;\n    background: transparent;\n    color: var(--dsw-alias-label-secondary, rgba(0, 0, 0, .5));\n    font-family: inherit;\n    font-size: 13px;\n    line-height: 18px;\n    cursor: pointer;\n    touch-action: manipulation;\n    -webkit-tap-highlight-color: transparent;\n  }\n  [data-mobile-nav=\"header-viewrow-dots\"] {\n    display: inline-flex;\n    align-items: center;\n    gap: 3px;\n  }\n  [data-mobile-nav=\"header-viewrow-dots\"] > i {\n    display: block;\n    width: 4px;\n    height: 4px;\n    border-radius: 50%;\n    background: currentColor;\n    opacity: .35;\n    font-style: normal;\n  }\n  [data-mobile-nav=\"header-viewrow-dots\"] > i[data-active] {\n    opacity: 1;\n  }\n}\n";
+export declare const HEADER_CSS = "/* ---------- session header five-piece reflow (< 768px) ---------- */\n\n/* New elements render unconditionally (React does not know about media\n   queries); default them to hidden so 768px+ never sees them, then\n   re-enable inside the phone block below. Belt-and-braces alongside the\n   scoped rules \u2014 mirrors the existing [data-mobile-nav=\"*\"] desktop no-op\n   list in misc.css.ts. */\n[data-mobile-nav=\"header-back\"],\n[data-mobile-nav=\"header-viewrow\"],\n[data-mobile-nav=\"header-activity\"],\n[data-mobile-nav=\"header-info\"],\n[data-mobile-nav=\"header-workbench\"],\n/* The workbench close pill's default-hidden used to live in compat.css.ts \u2014\n   but EVERYTHING in layout/compat/misc sits inside one shared\n   (max-width: 1023px) block (opened at the top of layout, closed at the end\n   of misc), so that \"top-level\" rule silently never applied at >=1024 and\n   the pill rendered as an unstyled button on desktop (2026-08-17 report).\n   This file is appended after the shared block closes, so here it is truly\n   global; the <=767px :has() show rule in compat overrides it with\n   !important. */\n[data-mobile-nav=\"better-sidebar-close\"] {\n  display: none;\n}\n\n@media (max-width: 767px) {\n  /* The Files action targeted the dsh-web-ui-all (aionui) explorer sheet \u2014\n     a different, unrelated suite from the workbench entry this slice adds\n     (dsh-better-sidebar). Hidden here only; 768-1023px keeps it exactly as\n     v1.0.0 shipped it. */\n  [data-mobile-nav=\"files\"] {\n    display: none !important;\n  }\n\n  /* --- three-column header: [back 92px] [title, truly centered] [utilities 92px] --- */\n  /* The bottom padding is the view-switch row's seat: that row is\n     position:absolute (see the bottom of this file \u2014 it renders two levels\n     deep inside headerActions and can never be a grid item of titleRow), so\n     without a reserve it would hang over the message list. 28px = its\n     height. Unconditional rather than header:has([data-mobile-nav=\n     \"header-viewrow\"]) on purpose: :has() is silently dropped by pre-105\n     WebViews (see AGENTS.md) and a 28px overlap on the first message is a\n     worse failure than 28px of empty band in the (never observed in\n     practice) single-view session. Total header chrome: 48 + 28 = 76px.\n     Left/right 8px (S2.1 report leftover, fixed in S4): the official header\n     had zero horizontal padding, so the utilities button cluster's right\n     edge sat flush against the screen edge (x=390 at 390px width, no\n     margin). The 92px grid columns absorb this fine \u2014 they're fixed track\n     widths, only the center 1fr column shrinks by 16px. */\n  [data-phase] header {\n    position: relative;\n    /* Above the scroller's plain and relative-positioned message content, so\n       the ::after fade strip below actually paints over the messages sliding\n       under it (positioned z-auto boxes otherwise win by DOM order \u2014 the\n       scroller comes after the header). Deliberately tiny: the seat (7),\n       scroll-to-bottom (8) and every overlay this plugin owns (30+) stay\n       above. */\n    z-index: 2;\n    padding: 0 8px 28px !important;\n    border-bottom: none !important;\n  }\n  /* No header bottom line \u2014 fade instead (real-device round 2, 2026-08-17).\n     The official header in rc.2 drew its border as a `::after` 1px bar; in\n     rc.3 (2026-10-25) the host replaced that pseudo-element with a plain 0.5px\n     border-bottom (cleared above) and added a blank 0px header in the hero\n     phase (`_headerBlank`). Declaring `content: ''` + `position: absolute;\n     left: 0; right: 0` explicitly on `[data-phase=\"active\"] header:not([class$=\"_headerBlank\"])::after`\n     keeps the 20px fade strip anchored right below the real session header on\n     both rc.2 and rc.3 without touching the scroll container:\n     - When the session header is display:none on the list page, ::after is\n       not generated at all (unlike _scrollBody::before, which stayed in flow\n       at y=0 whenever the header was hidden or blank and showed up at the top\n       of the window on iOS standalone PWA launch before data-view mutated).\n     - :not([class$=\"_headerBlank\"]) excludes the 0-height blank header.\n     - color-mix instead of the transparent keyword: plain `transparent` is\n       rgba(0,0,0,0) \u2014 WebKit interpolates it through grey. */\n  [data-phase=\"active\"] header:not([class$=\"_headerBlank\"])::after {\n    content: '';\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 100% !important;\n    bottom: auto !important;\n    height: 20px !important;\n    pointer-events: none;\n    background: linear-gradient(to bottom, var(--dsw-alias-bg-base), color-mix(in srgb, var(--dsw-alias-bg-base) 0%, transparent)) !important;\n  }\n  [data-mobile-nav=\"frame\"]:not([data-mobile-view=\"session\"]) [data-phase] header::after,\n  body:has([data-mobile-nav=\"home\"]:not([data-view=\"session\"])) [data-phase] header::after {\n    content: none !important;\n    display: none !important;\n  }\n  /* grid-row: 1 on every item is load-bearing, not decoration (S2.1 fix for\n     the \"\u6807\u9898\u88AB\u6324\u4E0B\u53BB\" report). The three items are placed with explicit\n     grid-column but arrive in DOM order crumbs(2) \u2192 headerActions(1) \u2192\n     headerUtilities(3): sparse auto-placement never moves its cursor\n     backwards, so headerActions and headerUtilities were pushed onto an\n     implicit SECOND row. Measured at 390px: row1 = crumbs 28px, row2 =\n     back button 44px, titleRow = 72px with the title stuck at the top\n     instead of centered. Pinning the row makes it one 48px band again. */\n  [data-phase] header [class$=\"_titleRow\"] {\n    position: relative;\n    display: grid;\n    grid-template-columns: 92px 1fr 92px;\n    grid-template-rows: minmax(48px, auto);\n    align-items: center;\n    min-height: 48px;\n    padding: 0 !important;\n  }\n  /* Flatten the official cluster so its two children (crumbs, headerActions)\n     become direct grid items of titleRow instead of a nested flex box. */\n  [data-phase] header [class$=\"_titleCluster\"] {\n    display: contents;\n  }\n  /* margin-left: 0 cancels layout.css.ts's shared <=1023px\n     \"margin-left: auto !important\" on this exact selector (it pushed the\n     Files button to the row's right edge in the old non-grid header;\n     inside our grid column it instead shoves the back button 48px right of\n     the column's start \u2014 the auto margin absorbs the leftover space\n     between the button's content width and the 92px column). */\n  [data-phase] header [class$=\"_headerActions\"] {\n    grid-column: 1;\n    grid-row: 1;\n    justify-self: start;\n    margin-left: 0 !important;\n    display: flex;\n    align-items: center;\n    min-width: 0;\n  }\n  /* layout.css.ts's shared <=1023px block hides this element outright\n     (header > :first-child > :last-child { display: none !important },\n     specificity (0,3,1) \u2014 v1.0.0 relocated the desktop Session-log capsule\n     to the drawer footer on every narrow width). That selector is repeated\n     here at equal specificity so the later source order wins the display\n     property; the class-suffix selector alone (0,2,1) would silently lose. */\n  [data-phase] header [class$=\"_headerUtilities\"],\n  [data-phase] header > :first-child > :last-child {\n    grid-column: 3;\n    grid-row: 1;\n    justify-self: end;\n    display: flex !important;\n    align-items: center;\n    gap: 4px;\n    min-width: 0;\n  }\n  /* justify-self: stretch (the grid default) so this fills the whole 1fr\n     column as a definite-width box \u2014 center/center-content happens inside\n     it. justify-self: center (tried first) sizes the item to its content\n     with no automatic column cap, and the obvious fix \u2014 max-width: 100% \u2014\n     resolves against the WRONG box here (measured 93.6px at 390px, where\n     the column is ~206px): the item's DOM parent (titleCluster) is\n     display:contents, and percentage max-width does not reliably resolve\n     through a boxless ancestor to the grid track. Stretching sidesteps the\n     percentage entirely \u2014 but layout.css.ts's shared <=1023px block ALSO\n     caps this exact selector at max-width: 24vw !important (93.6px at\n     390px \u2014 the value this rule used to silently inherit once its own\n     max-width was dropped in favor of stretch), so that must be reset to\n     none here too. */\n  [data-phase] header [class$=\"_crumbs\"] {\n    grid-column: 2;\n    grid-row: 1;\n    justify-self: stretch;\n    max-width: none !important;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 0;\n    overflow: hidden;\n  }\n  /* Subagent sessions keep ONE ancestor crumb (2026-08-18): the PC header\n     lets you tap the parent session's title to switch back \u2014 that affordance\n     was lost on phone when the whole parent chain was hidden as \"\u591A\u4F59\u9879\".\n     Show only the immediate parent (for agent-teams member sessions that IS\n     the captain/main session; deeper ancestors stay hidden \u2014 a 3-level chain\n     cannot fit the ~206px center column at 390px). The parent crumb is the\n     official breadcrumb <button> (dsh-client-ui-conversation renders\n     open(parentId) as its onClick), so tapping needs no JS from this plugin,\n     and main sessions (chain length 1) have no :nth-last-child(2) seg at\n     all \u2014 the centered single title is pixel-identical to before. */\n  [data-phase] header [class$=\"_crumbSeg\"]:not(:nth-last-child(-n+2)) {\n    display: none !important;\n  }\n  [data-phase] header [class$=\"_crumbSeg\"]:nth-last-child(2) {\n    display: inline-flex;\n    align-items: center;\n    flex: none;\n    min-width: 0;\n    max-width: 38%;\n  }\n  /* Ancestors BEFORE the parent seg are hidden, which would leave the\n     parent seg's own leading \"/\" dangling at the start of the title. */\n  [data-phase] header [class$=\"_crumbSeg\"]:nth-last-child(2) [class$=\"_crumbSep\"] {\n    display: none !important;\n  }\n  /* Parent crumb: small tertiary text so the 19px current title stays the\n     visual anchor; min-height keeps a finger-sized target inside the 48px\n     row. Specificity (0,4,1) outranks the shared 19px _crumb rule below. */\n  [data-phase] header [class$=\"_crumbSeg\"]:nth-last-child(2) [class$=\"_crumb\"] {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--dsw-alias-label-tertiary, rgba(0, 0, 0, .45));\n    min-height: 44px;\n    display: inline-flex;\n    align-items: center;\n    padding: 0 2px 0 6px;\n    touch-action: manipulation;\n    -webkit-tap-highlight-color: transparent;\n  }\n  [data-phase] header [class$=\"_crumbSeg\"]:last-child {\n    display: flex;\n    align-items: center;\n    min-width: 0;\n    max-width: 100%;\n  }\n  /* The last seg's own \"/\" is the divider between parent and current title \u2014\n     it only exists when there IS an ancestor (index > 0), so it can simply\n     stay visible now that the parent seg shows. (It used to be hidden here:\n     with the parent hidden it dangled before the title.) */\n  /* BOTH selectors are required: [class$=] matches the whole class\n     ATTRIBUTE's suffix, and the current-session title button's attribute is\n     \"wSkVaW_crumb wSkVaW_crumbCurrent\" \u2014 it ends in _crumbCurrent, so the _crumb\n     suffix selector alone silently missed the one element that matters\n     (measured live: the title stayed 14px while the rule sat in the bundle,\n     2026-08-17). */\n  [data-phase] header [class$=\"_crumb\"],\n  [data-phase] header [class$=\"_crumbCurrent\"] {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    min-width: 0;\n    max-width: 100%;\n    /* Real-device feedback (2026-08-17): the session title read too small\n       next to the enlarged header icons \u2014 19px sits just under the home\n       screen's 22px workspace title, keeping the two-level hierarchy. */\n    font-size: 19px;\n    font-weight: 600;\n  }\n\n  /* Running-status dot: no official element to reposition (the header\n     renders only the crumb title, the two action slots, and the tablist \u2014\n     no status indicator), so this is the plan's documented fallback \u2014\n     read the data ourselves and draw it (effects/header-status.ts stamps\n     data-mobile-nav-dot on the frame). A ::after on the title crumb keeps\n     it truly inline with the (centered, truncated) text instead of a\n     separately positioned box that would fight the centering math. */\n  [data-phase] header [class$=\"_crumbCurrent\"]::after {\n    content: '';\n    display: none;\n    width: 6px;\n    height: 6px;\n    margin-left: 6px;\n    border-radius: 50%;\n    vertical-align: middle;\n  }\n  [data-mobile-nav=\"frame\"][data-mobile-nav-dot] header [class$=\"_crumbCurrent\"]::after {\n    display: inline-block;\n  }\n  [data-mobile-nav=\"frame\"][data-mobile-nav-dot=\"ongoing\"] header [class$=\"_crumbCurrent\"]::after {\n    background: var(--dsw-alias-state-business-primary, #4f6ef7);\n  }\n  [data-mobile-nav=\"frame\"][data-mobile-nav-dot=\"warning\"] header [class$=\"_crumbCurrent\"]::after {\n    background: var(--dsw-alias-state-warn-primary, #d97706);\n  }\n  [data-mobile-nav=\"frame\"][data-mobile-nav-dot=\"done\"] header [class$=\"_crumbCurrent\"]::after {\n    background: var(--dsw-alias-state-success-primary, #16a34a);\n  }\n\n  /* Everything else the official header puts in these two list slots \u2014 the\n     agent-preset mode badge, the jobs/subagent trigger, the desktop\n     Session-log download capsule, and this plugin's own legacy directory\n     toggle \u2014 is the \"\u4E0D\u5E38\u9A7B\" set the design defers to the S4 info card.\n     Scoped by the slots' own [data-slot] wrapper (a stable, non-hashed\n     contract marker) rather than enumerating each registrant, so a future\n     third-party header action is hidden by default too. */\n  [data-phase] header [data-slot=\"conversation.session.header.actions\"] > *,\n  [data-phase] header [data-slot=\"conversation.session.header.utilities\"] > * {\n    display: none !important;\n  }\n  /* DSH 0.1.5's third titleRow child: the right sidebar's ExpandButton\n     (dsh-client-ui-sidebar-right, slot conversation.session.header.corner\n     inside div.headerCorner). Left alone it auto-placed into an implicit\n     4th grid column at the screen's top-right corner \u2014 a second panel-left\n     icon next to our Workbench button, reading as \"the hidden official\n     sidebar toggle is back\" (reported 2026-09-11). The button itself is the\n     one our sidebar control forwards to whenever the host has this panel\n     (sidebar-panels.ts, official first since 2026-09-21 \u2014 better-sidebar\n     0.19+ puts all its tabs in here), and a display:none button still\n     receives synthetic .click() (the tablist precedent), so hiding it costs\n     nothing. better-sidebar 0.19's own bottom-workbench toggle\n     (`[data-dsh-bottom-toggle]`) registers into the utilities slot and is\n     caught by the blanket hide above \u2014 intended: that surface is not for\n     the phone.\n     Anchors, in the specificity order they NEED (measured live, 2026-09-11):\n     the corner div must be beaten with (0,3,1) \u2014 the utilities un-hide rule\n     above spells header > :first-child > :last-child at exactly that\n     weight, and with 0.1.5's third titleRow child the corner IS that\n     :last-child now, so its flex !important outranks any lighter hide (a\n     single-attribute hide loses at (0,2,1) \u2014 both spellings were tried\n     live). Chaining BOTH of the corner's own anchors on one selector \u2014 the\n     host's data-conversation-header-corner contract attribute AND the\n     class suffix \u2014 reaches the tie, and the later source order here wins\n     it. The slot wrapper rule below needs no help: nothing !important\n     fights it, so its (0,2,1) settles the button. */\n  [data-phase] header [data-conversation-header-corner][class$=\"_headerCorner\"],\n  [data-phase] header [data-slot=\"conversation.session.header.corner\"] {\n    display: none !important;\n  }\n  /* Native background-task / subagent entries (rewritten for DSH 0.1.1,\n     2026-08-21). Three upstream changes killed the old \"park the root as a\n     zero-width anchor, hide the trigger, forward the tap\" design at once:\n\n     - the subagent entry moved out of header.actions into the new\n       conversation.session.header.lineage slot (inside the breadcrumb);\n     - its root's class attribute is now \"ZKlsPq_root \" \u2014 with a TRAILING\n       SPACE \u2014 so a [class$=\"_root\"] anchor matches nothing at all;\n     - the trigger only reacts to TRUSTED input: .click() and synthetic\n       pointer/mouse events leave aria-expanded untouched (measured on device\n       with every plugin override stripped), so forwarding a tap in JS can\n       never open it again.\n\n     The trigger's geometry is therefore owned at runtime by\n     effects/native-trigger-overlay.ts, which lays the REAL button\n     transparently over the activity pill \u2014 a genuine finger tap lands on the\n     official element. Nothing in this stylesheet may size, hide, or set\n     pointer-events on the trigger: that is exactly what would take the tap\n     target away again.\n\n     CSS keeps only two chores. Dissolve the root so its box (and its\n     stray separator, hidden below) stops occupying the breadcrumb, and let\n     the trigger participate from wherever the overlay pins it. And no menu\n     re-anchoring anymore: the 0.1.1 popover portals to <body> as\n     position:fixed and positions itself from the trigger's viewport rect\n     (measured 336px wide, fully on screen at 411px). */\n  [data-phase] header [data-slot=\"conversation.session.header.actions\"] > *:has(> button[class$=\"_trigger\"]),\n  [data-phase] header [data-slot=\"conversation.session.header.lineage\"] > *:has(> button[class$=\"_trigger\"]) {\n    display: contents !important;\n  }\n  [data-phase] header [data-slot=\"conversation.session.header.actions\"] [class$=\"_separator\"],\n  [data-phase] header [data-slot=\"conversation.session.header.lineage\"] [class$=\"_separator\"] {\n    display: none !important;\n  }\n  /* The agent-preset mode badge specifically survives the blanket hide\n     above: layout.css.ts's shared <=1023px block targets it directly\n     (header [class$=\"_label\"]:has(> svg) { display: block !important }),\n     specificity (0,3,1), higher than the [data-slot] wrapper rule (0,2,1) \u2014\n     display wins on specificity before source order, so a same-selector\n     override is needed here too. */\n  [data-phase] header [class$=\"_label\"]:has(> svg) {\n    display: none !important;\n  }\n  [data-phase] header [data-slot=\"conversation.session.header.actions\"] > [data-mobile-nav=\"header-back\"] {\n    display: inline-flex !important;\n  }\n  /* header-viewrow is position:absolute (see below), so its re-shown\n     display value must match the flex layout its own rule declares. */\n  [data-phase] header [data-slot=\"conversation.session.header.actions\"] > [data-mobile-nav=\"header-viewrow\"] {\n    display: flex !important;\n  }\n  /* Our own chip lives in the same slot, so the blanket hide above swallows\n     it unless it is named here too (it was, on the first build: the chip\n     rendered with the right counts and painted nothing). */\n  [data-phase] header [data-slot=\"conversation.session.header.actions\"] > [data-mobile-nav=\"header-activity\"] {\n    display: inline-flex !important;\n  }\n  [data-phase] header [data-slot=\"conversation.session.header.utilities\"] > [data-mobile-nav=\"header-info\"],\n  [data-phase] header [data-slot=\"conversation.session.header.utilities\"] > [data-mobile-nav=\"header-workbench\"] {\n    display: inline-flex !important;\n  }\n\n  /* Back button: 44pt touch target, leftmost column. */\n  [data-mobile-nav=\"header-back\"] {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 44px;\n    height: 44px;\n    padding: 0;\n    border: none;\n    background: transparent;\n    color: var(--dsw-alias-label-primary, inherit);\n    cursor: pointer;\n    touch-action: manipulation;\n    -webkit-tap-highlight-color: transparent;\n  }\n  [data-mobile-nav=\"header-back\"]:active {\n    opacity: .6;\n  }\n\n  /* Info + workbench utility buttons, rightmost column. */\n  [data-mobile-nav=\"header-info\"],\n  [data-mobile-nav=\"header-workbench\"] {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 34px;\n    height: 34px;\n    padding: 0;\n    border: none;\n    border-radius: 50%;\n    background: transparent;\n    color: var(--dsw-alias-label-secondary, inherit);\n    cursor: pointer;\n    touch-action: manipulation;\n    -webkit-tap-highlight-color: transparent;\n  }\n  [data-mobile-nav=\"header-info\"]:active,\n  [data-mobile-nav=\"header-workbench\"]:active {\n    background: var(--dsw-alias-interactive-bg-hover, rgba(0, 0, 0, .06));\n  }\n  /* Icon family unification (real-device round 2, 2026-08-17): the \u24D8 text\n     glyph is gone (MobileSessionHeader.tsx renders the official\n     IconInfoOutlineRegular since DSH 0.1.7) and the workbench button's\n     IconPanelLeftOutlineRegular is mirrored into a panel-RIGHT glyph \u2014\n     there's no panel-RIGHT glyph in primitives (re-checked against the\n     0.1.7-rc.2 exports), and the plugin's own right-side panel semantics\n     are exactly the left icon flipped. Both buttons carry a same-size\n     (16px) icon. */\n  [data-mobile-nav=\"header-workbench\"] svg {\n    transform: scaleX(-1);\n  }\n\n  /* Official Chat/Trajectory tablist: removed from layout entirely (S2.1 \u2014\n     visibility:hidden still held a 27px row, so the header carried the\n     view-switch row's band TWICE: 72 + 27 + gap = 104px measured at 390px,\n     and a real iPhone added ~54px of notch on top of that). The header's own\n     padding-bottom above is now the row's seat.\n     display:none does NOT break the view switch: HTMLElement.click()\n     dispatches synthetically and fires React's handler regardless of\n     rendering \u2014 only real pointer hit-testing needs a box, and this plugin\n     never relies on it (MobileSessionHeader always calls .click()). */\n  [data-phase] header [class$=\"_tabs\"][role=\"tablist\"] {\n    display: none;\n  }\n  /* DSH 0.2.1-rc.3 split the row: div._tabs (no role) now wraps the\n     tablist (div._viewTabs[role=tablist][data-conversation-tabs]) and the\n     new \"More conversation views\" launcher, so the rule above matches\n     nothing there and the official row \u2014 plus a stray (\u2026) More button \u2014\n     came back under our view-switch band. It cannot simply be display:none\n     either: while the More menu has registrations the header folds every\n     View past floor((row.clientWidth - 48) / 120) into More, and a\n     display:none row measures 0, which would leave only Chat as a\n     [role=tab] for readViewTabs() (MobileSessionHeader.tsx) to mirror.\n     So the row keeps a wide layout box that paints nothing: absolute (out\n     of the header's flow, no band), 2048px wide (room for 16 tabs before\n     anything folds), scale(0) so it adds no scrollable overflow (clientWidth\n     ignores transforms), visibility:hidden + pointer-events:none so it is\n     never seen or hit. Its tabs still take the synthetic .click() the view\n     switcher sends \u2014 the same reasoning as the display:none rule above. */\n  [data-phase] header [class$=\"_tabs\"]:has(> [data-conversation-tabs]) {\n    position: absolute !important;\n    top: 0;\n    left: 0;\n    width: 2048px !important;\n    max-width: none !important;\n    height: 0 !important;\n    margin: 0 !important;\n    overflow: hidden !important;\n    transform: scale(0);\n    transform-origin: 0 0;\n    visibility: hidden !important;\n    pointer-events: none !important;\n  }\n\n  /* View-switch row: \"current view name + dots\", replacing the (still\n     present, still clickable) official tablist visually. It renders inside\n     headerActions/headerUtilities, but titleRow's own position:relative\n     (set above) makes IT the containing block for absolute descendants \u2014\n     display:contents on titleCluster does not break that search \u2014 so\n     top:100% sits directly under the title regardless of the title row's\n     actual height, with no hardcoded offset to keep in sync. */\n  /* Activity chip (subagents / background tasks) rides the right end of the\n     same band. It is a SIBLING of the switch button, not a child \u2014 that\n     button spans the full row, so nesting would make every tap on the chip\n     switch views too \u2014 and it shares titleRow as its containing block, so\n     top:100% lands both on the same 28px line. z-index puts it above the\n     row it overlaps. */\n  [data-mobile-nav=\"header-activity\"] {\n    position: absolute;\n    right: 0;\n    top: 100%;\n    z-index: 1;\n    display: inline-flex;\n    align-items: center;\n    gap: 9px;\n    height: 28px;\n    padding: 0 2px 0 10px;\n    border: none;\n    background: transparent;\n    color: var(--dsw-alias-label-secondary, rgba(0, 0, 0, .5));\n    font-family: inherit;\n    cursor: pointer;\n    touch-action: manipulation;\n    -webkit-tap-highlight-color: transparent;\n  }\n  /* pointer-events:none so the invisible official trigger laid over this pill\n     (effects/native-trigger-overlay.ts) is what a tap reaches. The pill is\n     visuals only. */\n  [data-mobile-nav=\"activity-pill\"] {\n    pointer-events: none;\n    display: inline-flex;\n    align-items: center;\n    gap: 3px;\n    height: 28px;\n    padding: 0;\n    border: none;\n    background: transparent;\n    color: inherit;\n    font-family: inherit;\n    font-size: 12px;\n    line-height: 18px;\n    cursor: pointer;\n    touch-action: manipulation;\n    -webkit-tap-highlight-color: transparent;\n  }\n  [data-mobile-nav=\"activity-pill\"]:active {\n    opacity: .55;\n  }\n  [data-mobile-nav=\"activity-count\"] {\n    font-variant-numeric: tabular-nums;\n  }\n  /* Steady green = everything settled. */\n  [data-mobile-nav=\"activity-dot\"] {\n    display: block;\n    width: 6px;\n    height: 6px;\n    margin-left: 1px;\n    border-radius: 50%;\n    background: var(--dsw-alias-state-success-primary, #16a34a);\n  }\n  /* A job that failed or was killed is not a success \u2014 never paint it green. */\n  [data-activity-state=\"warning\"] [data-mobile-nav=\"activity-dot\"] {\n    background: var(--dsw-alias-state-warn-primary, #d97706);\n  }\n  /* Pulsing blue = still running. Same state palette as the session dot. */\n  [data-activity-state=\"running\"] [data-mobile-nav=\"activity-dot\"] {\n    background: var(--dsw-alias-state-business-primary, #4f6ef7);\n    animation: dsh-zen-activity-pulse 1.4s ease-in-out infinite;\n  }\n  @keyframes dsh-zen-activity-pulse {\n    0%, 100% { opacity: 1; transform: scale(1); }\n    50% { opacity: .45; transform: scale(.72); }\n  }\n  @media (prefers-reduced-motion: reduce) {\n    [data-activity-state=\"running\"] [data-mobile-nav=\"activity-dot\"] {\n      animation: none;\n    }\n  }\n\n  [data-mobile-nav=\"header-viewrow\"] {\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 6px;\n    height: 28px;\n    padding: 0;\n    border: none;\n    background: transparent;\n    color: var(--dsw-alias-label-secondary, rgba(0, 0, 0, .5));\n    font-family: inherit;\n    font-size: 13px;\n    line-height: 18px;\n    cursor: pointer;\n    touch-action: manipulation;\n    -webkit-tap-highlight-color: transparent;\n  }\n  [data-mobile-nav=\"header-viewrow-dots\"] {\n    display: inline-flex;\n    align-items: center;\n    gap: 3px;\n  }\n  [data-mobile-nav=\"header-viewrow-dots\"] > i {\n    display: block;\n    width: 4px;\n    height: 4px;\n    border-radius: 50%;\n    background: currentColor;\n    opacity: .35;\n    font-style: normal;\n  }\n  [data-mobile-nav=\"header-viewrow-dots\"] > i[data-active] {\n    opacity: 1;\n  }\n}\n";
 //# sourceMappingURL=header.css.d.ts.map

package/lib/types/client/styles/header.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"header.css.d.ts","sourceRoot":"","sources":["../../../../src/client/styles/header.css.ts"],"names":[],"mappings":"AAsBA,eAAO,MAAM,UAAU,8mzBAiiBtB,CAAA"}
+{"version":3,"file":"header.css.d.ts","sourceRoot":"","sources":["../../../../src/client/styles/header.css.ts"],"names":[],"mappings":"AA6BA,eAAO,MAAM,UAAU,+s3BA0kBtB,CAAA"}