dsh-zen-remote 2.3.8 → 2.3.10

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    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";
+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    /* UX-2 (2026-11-04): the host gives this row container-type: inline-size,\n       which implies layout containment \u2014 making the row the containing block\n       for every descendant position:fixed. That shifted every viewport\n       coordinate effects/native-trigger-overlay.ts writes by the safe-area\n       top and the row's horizontal padding. normal hands fixed descendants\n       back to the viewport; the phone block owns this layout, so nothing\n       scoped container queries against the row here. */\n    container-type: normal !important;\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 hide every ancestor crumb (UX-2, 2026-11-04 \u2014\n     supersedes the 2026-08-18 \"keep ONE ancestor\" rule). DSH 0.2.1 turned\n     the parent crumb into a session-TREE popup trigger\n     (\u2026_switcherTrigger[aria-haspopup=\"tree\"]) instead of a direct\n     switch-back tap, and that popup is desktop geometry on the phone; the\n     back button and the home stack stay the way back. Main sessions render\n     a single span with no segs at all, so :not(:last-child) never matches\n     there. */\n  [data-phase] header [class$=\"_crumbSeg\"]:not(:last-child) {\n    display: none !important;\n  }\n  /* With the parent seg gone, the current seg's own leading \"/\" would\n     dangle before the title; the dissolved trigger container's stray\n     separator is covered by this same rule (its slot rules below hide it\n     too). One blanket rule instead of per-segment cases. */\n  [data-phase] header [class$=\"_crumbSep\"] {\n    display: none !important;\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  /* 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 the resting dissolve: the root's box (and its stray\n     separator, hidden below) stops occupying the breadcrumb until the\n     overlay pins it. The measurement chore moved to the overlay (UX-2,\n     2026-11-04): the 0.1.1+ popover portals to <body> as position:fixed\n     and sizes itself from the OUTER anchor container (the official\n     rootRef, the trigger's parent div) \u2014 a display:contents root has no\n     box, so rootRef.getBoundingClientRect() was all zeros and the panel\n     landed at 12,12 inside the status bar. effects/\n     native-trigger-overlay.ts now pins container + trigger to the pill's\n     rect together (its inline display beats this rule's !important, style\n     attribute outranks selectors at author-important). */\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 popovers themselves portal to <body> as position:fixed layers\n     (class suffix _menu, z-index 100) and place themselves from the pill's\n     viewport rect with margin 12 \u2014 the overlay above is what makes that\n     rect correct. This is only a floor: the panels' 336px width overflows\n     320px-class phones, and a tall list must not run under the notch or\n     the home indicator. [id$=\"-menu\"] keeps the composer's model menu out\n     of it \u2014 composer.css.ts owns that surface, and this file sits before\n     it in styles/index.ts so its own rules still win the tie. */\n  body > [class$=\"_menu\"]:not([id$=\"-menu\"]) {\n    max-width: calc(100vw - 24px) !important;\n    max-height: calc(100dvh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) - 24px) !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     order: -1 keeps it to the left of @deepseek-ai/dsh-experimental-client-ui-agent-team's\n     TeamAction ([data-team-action], registered into header.actions at order -20 with\n     default flex order 0). */\n  [data-mobile-nav=\"header-back\"] {\n    order: -1;\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  /* TeamAction's own stylesheet hides .XdyUwa_triggerLabel via\n     @container (width<=480px) against _titleRow's container-type: inline-size.\n     Shedding container-type on _titleRow above (UX-2) disabled that container\n     query, so hide the label explicitly on phone and keep only the icon. */\n  [data-phase] header [data-team-action] [class$=\"_triggerLabel\"] {\n    display: none !important;\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    pointer-events: none;\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":"AA6BA,eAAO,MAAM,UAAU,+s3BA0kBtB,CAAA"}
+{"version":3,"file":"header.css.d.ts","sourceRoot":"","sources":["../../../../src/client/styles/header.css.ts"],"names":[],"mappings":"AA6BA,eAAO,MAAM,UAAU,wz5BAslBtB,CAAA"}

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

@@ -1,2 +1,2 @@
-export declare const HOME_CSS = "/* ---------- phone app shell (< 768px) ---------- */\n\n@media (max-width: 767px) {\n  /* --- the document never scrolls (S1.1, 2026-08-17) ---\n     Real-device symptom: the workspace title bar, the session header, the\n     composer and the FAB all slid with the finger \u2014 every fixed surface\n     \"followed the drag\". They are not misplaced; the whole DOCUMENT was\n     rubber-banding under them (they are absolute/in-flow inside the frame,\n     so a document-level bounce moves them all as one).\n\n     After the S2.1 box-sizing fix the document has no overflow at all\n     (scrollHeight === clientHeight, measured with ?mobile-nav-inset=54), so\n     this is not scrolling \u2014 it is iOS's elastic overscroll, which happens on\n     an unscrollable document too, and which an inner scroller chains into as\n     soon as it hits its own end.\n\n     overscroll-behavior: none on the viewport kills both halves at once: the\n     document itself gets no bounce, and overscroll chained up from the\n     message flow / session list is absorbed without moving anything.\n     overflow: hidden then hard-locks the document scroller so future content\n     can never reintroduce a real scroll. Set on html AND body: the spec\n     propagates the viewport's value from html, but engines have historically\n     read body, and neither is a scroll container we ever want.\n\n     Deliberately NOT position: fixed on body \u2014 the app shell does not need\n     it, and it is the variant that strands iOS's fixed elements behind the\n     on-screen keyboard. With plain overflow: hidden, iOS still pans the\n     visual viewport to reveal a focused textarea, so the composer stays\n     visible while typing without any visualViewport JS. */\n  html,\n  body {\n    overflow: hidden !important;\n    overscroll-behavior: none !important;\n  }\n\n  /* The message flow is the one scroller that regularly hits its end under a\n     finger. Root-level `none` already absorbs the chain, but declaring it\n     at the source keeps the guarantee if the root rule is ever weakened\n     (the home list and both sheets already declare it).\n\n     `none`, NOT `contain` (S4.1 fix, 2026-08-17). The two differ in exactly\n     the way that bit us: `contain` stops overscroll from CHAINING OUT to the\n     document but deliberately KEEPS this element's own local elastic bounce,\n     while `none` suppresses that local bounce too. S1.1 only reasoned about\n     the chain, so it picked `contain` \u2014 and the composer went on twitching\n     upward on every drag-past-the-end while the header and FAB stayed put.\n\n     Why only the composer moved: the official composer seat\n     (`[class$=\"_composerSeat\"]`) is `position: sticky; bottom: 0` and lives\n     INSIDE this scroller (measured 2026-08-17: seat 0,710 390x134 inside\n     _scrollBody 0,131 390x713, contains() === true). A sticky box is laid out\n     against its scroll container's content, so the container's own rubber-band\n     drags it along. The header/FAB are absolute on the frame, outside this\n     scroller entirely \u2014 which is precisely why S1.1's document-level fix\n     pinned them and left this one surface behind.\n\n     Deliberately NOT re-pinning the seat with position: fixed: sticky inside\n     the scroller is what keeps the focused textarea visible when iOS pans the\n     visual viewport for the keyboard, and fixed is the variant that strands\n     it behind the keyboard (same trap as the body rule above). Kill the\n     bounce, keep the sticky. */\n  [data-phase] [class$=\"_scrollBody\"] {\n    overscroll-behavior: none !important;\n  }\n\n  /* The official sidebar is no longer a drawer on a phone \u2014 the home screen\n     replaced it. Hidden outright (not translated off-screen) so it cannot\n     capture taps or hold layout. */\n  [data-mobile-nav=\"frame\"] > :first-child {\n    display: none !important;\n  }\n  /* The header's drawer toggle opened that sidebar; with it gone the button\n     has nothing to open. (S2 owns the rest of the header layout \u2014\n     styles/header.css.ts \u2014 including the Files button's replacement.) */\n  [data-mobile-nav=\"toggle\"] {\n    display: none !important;\n  }\n\n  /* --- level 1: the session list ---\n     Renders inside the shell overlay layer (absolute, pointer-events: none),\n     so the page re-enables pointer events for itself. The layer's containing\n     block is the frame's padding box, which still starts under the status\n     bar \u2014 hence the safe-area padding here. */\n  [data-mobile-nav=\"home\"] {\n    position: absolute;\n    inset: 0;\n    /* rc.3 raise (real-device report 2026-10-25 \"top strip leaking the\n       conversation through\"): this shell layer mounts INSIDE the host's\n       PIRFFq_overlayLayer (z-index:20, new in rc.3 \u2014 the conversation\n       content itself moved under it too), so the old z:5 let host session\n       content (STRONG/CODE rows measured at viewport y=4) paint over the\n       shell's top bar on BOTH pages, reading as a faint fixed strip at the\n       window top. z:30 puts the whole shell above everything the host\n       stacks inside that layer; the shell's own transparent middle and\n       pointer-events passthrough keep the conversation visible and tappable\n       (verified live via console injection before landing). */\n    z-index: 30;\n    display: flex;\n    flex-direction: column;\n    pointer-events: auto;\n    /* dsw-specific-sidebar-fill, not an alias bg-layer-* token (real-device\n       round 2 follow-up, 2026-08-17): fetched and diffed the live theme\n       CSS (both light/dark blocks in /assets/index-*.css) because computed\n       values, not source-read guesses, are what actually matter here \u2014\n       --dsw-alias-bg-base/-layer-1/-layer-2 all resolve to the exact same\n       color in the LIGHT theme (neutral-bluish-00, i.e. plain white); they\n       only diverge in dark mode.\n\n       2026-08-20: the page and the CARDS swapped tokens. This surface used\n       to be --dsw-specific-sidebar-fill, which made the list page a\n       different shade from the session page \u2014 measured on-device in dark\n       theme, rgb(27,27,28) here against rgb(21,21,23) there, a visible step\n       every time you opened a session. The page now takes bg-base, the same\n       token the session page and <body> resolve to, so the two screens are\n       literally the same colour; the cards took sidebar-fill in exchange, so\n       the contrast that separates a row from the page is preserved \u2014 it\n       just runs the other way (raised card on a base page, the more\n       conventional reading of the two anyway). */\n    background: var(--dsw-alias-bg-base, #ffffff);\n    color: var(--dsw-alias-label-primary, inherit);\n    padding-top: var(--mnav-sat);\n    transform: translateX(0);\n    opacity: 1;\n    transition:\n      transform .3s var(--ds-ease-in-out, ease-in-out),\n      opacity .3s var(--ds-ease-in-out, ease-in-out);\n  }\n  /* Push transition: the list slides out to the left as the session takes\n     the screen, and comes back from the left. It stays mounted (visibility,\n     not display) so the slide has something to animate; the delayed\n     visibility keeps it non-interactive the moment the transition ends. */\n  [data-mobile-nav=\"home\"][data-view=\"session\"] {\n    transform: translateX(-100%);\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n    transition:\n      transform .3s var(--ds-ease-in-out, ease-in-out),\n      opacity .3s var(--ds-ease-in-out, ease-in-out),\n      visibility 0s .3s;\n  }\n  /* The host's SESSION header must not sit on top of this list page.\n     Real-device report (2026-10-22, DSH 0.2.0-rc.2, dsh-web-mobile 3.2.1,\n     360x792 phone): on the list page the top strip showed the LAST SESSION's\n     header \u2014 its title plus the session's tab row \u2014 and the workspace switcher\n     underneath was neither visible nor tappable, so \"switch workspace\" did\n     nothing at all. Measured with elementFromPoint(150,30) on the phone\n     viewport: span.wSkVaW_crumbCurrent, i.e. the host header's crumb, while\n     our own workspace button sat at [46,8,208,44] underneath it.\n\n     Why z-index is not the fix: this page is position:absolute; z-index:5\n     inside the shell overlay layer, and the host header carries its own\n     stacking context, so raising us above its z-index:30 changed nothing\n     (measured: the crumb still won the hit test). The session header has to\n     leave the hit tree while the list page is up \u2014 the list page draws its\n     own top bar (home-top, with the workspace switcher).\n\n     The gate is this page's own marker: data-view=\"session\" means a session\n     is open, so the rule lapses exactly when the host header is wanted again\n     (verified: entering a session restores display:grid, the back button in\n     that header stays tappable, and going back hides it once more). Two\n     selectors on purpose \u2014 the class suffix survives CSS-module hash renames,\n     the structural one survives a rename of the class itself. */\n  [data-mobile-nav=\"frame\"]:not([data-mobile-view=\"session\"]) header[class*=\"_header\"],\n  [data-mobile-nav=\"frame\"]:not([data-mobile-view=\"session\"]) header:has([class*=\"_titleRow\"]),\n  body:has([data-mobile-nav=\"home\"]:not([data-view=\"session\"])) [data-mobile-nav=\"frame\"] header[class*=\"_header\"],\n  body:has([data-mobile-nav=\"home\"]:not([data-view=\"session\"])) [data-mobile-nav=\"frame\"] header:has([class*=\"_titleRow\"]) {\n    display: none !important;\n  }\n  @media (prefers-reduced-motion: reduce) {\n    [data-mobile-nav=\"home\"],\n    [data-mobile-nav=\"home\"][data-view=\"session\"] {\n      transition: none !important;\n    }\n  }\n\n  /* Title bar: the workspace name IS the switcher. */\n  [data-mobile-nav=\"home-top\"] {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    min-height: 52px;\n    padding: 4px 16px 6px;\n  }\n  /* Site logo (real-device round 2, 2026-08-17): rendered only when\n     document.head actually has a <link rel=\"icon\"> (MobileHome.tsx never\n     ships a placeholder box), so this rule only ever needs to size the\n     image, not reserve space for its absence. */\n  [data-mobile-nav=\"home-logo\"] {\n    width: 24px;\n    height: 24px;\n    margin-right: 6px;\n    flex: none;\n    border-radius: 6px;\n    object-fit: contain;\n    /* rc.3 fix (2026-10-25, Safari real-device report \"logo \u4E0D\u663E\u793A\"): the\n       host now ships TWO media-scoped favicons and the first in DOM order\n       is the DARK one \u2014 a WHITE whale (fill #fff). useSiteIconHref picks\n       the first link unconditionally, so on a light page the logo arrived\n       white-on-light and vanished. brightness(0) collapses ANY source (the\n       old single black favicon or the new white one) to a black silhouette,\n       making light mode correct for both hosts; the dark-theme rules below\n       re-invert it to white. */\n    filter: brightness(0);\n  }\n  /* Dark theme (real-device report, 2026-08-17): force a white silhouette\n     regardless of the source image's own colors \u2014 brightness(0) collapses\n     every opaque pixel to black first, invert(1) then flips that to white;\n     transparent pixels stay transparent either way. Three dark signals,\n     deliberately redundant: the pre-rc.3 body[data-ds-dark-theme] marker,\n     and rc.3's resolved <html data-ds-theme-source> (\"dark\" pinned, or\n     \"system\" under a dark OS \u2014 rc.3 stamps the resolved scheme on\n     html[style] with no body attribute until the first theme flip). */\n  body[data-ds-dark-theme] [data-mobile-nav=\"home-logo\"],\n  html[data-ds-theme-source=\"dark\"] [data-mobile-nav=\"home-logo\"] {\n    filter: brightness(0) invert(1);\n  }\n  @media (prefers-color-scheme: dark) {\n    html[data-ds-theme-source=\"system\"] [data-mobile-nav=\"home-logo\"] {\n      filter: brightness(0) invert(1);\n    }\n  }\n  [data-mobile-nav=\"ws-switch\"] {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    min-height: 44px;\n    max-width: 100%;\n    padding: 0 6px 0 0;\n    border: none;\n    background: transparent;\n    color: inherit;\n    font-family: inherit;\n    font-size: 22px;\n    font-weight: 600;\n    line-height: 1.2;\n    cursor: pointer;\n    touch-action: manipulation;\n    -webkit-tap-highlight-color: transparent;\n  }\n  [data-mobile-nav=\"ws-switch\"] > span {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n  [data-mobile-nav=\"ws-switch\"] > svg {\n    flex: none;\n    opacity: .55;\n  }\n  [data-mobile-nav=\"ws-switch\"]:active {\n    opacity: .6;\n  }\n\n  /* Session list: rounded cards, not bordered rows (real-device round 2\n     follow-up, 2026-08-17 \u2014 reference: Claude Code mobile app's session\n     list). `gap` on the flex column IS the inter-card spacing; no\n     per-row margin bookkeeping. */\n  [data-mobile-nav=\"home-list\"] {\n    flex: 1 1 auto;\n    min-height: 0;\n    margin: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    padding: 12px 16px calc(var(--mnav-sab) + 96px);\n    list-style: none;\n    overflow-y: auto;\n    overscroll-behavior: contain;\n    -webkit-overflow-scrolling: touch;\n  }\n  /* Swipe-to-archive wrapper (redone 2026-08-25, real-device round): iOS-mail\n     mechanics. The wrapper CLIPS (overflow hidden, same 22px radius as the\n     card) and the archive button is parked past the right edge, sliding in\n     lock-step with the card \u2014 a 1px drag reveals a 1px slice, never a\n     fully-drawn button behind a gap. Clipping would eat the card's cast\n     shadow, so the light-theme shadow moves up to this wrapper (identical\n     values; the dark theme's INSET hairline on the card survives clipping\n     untouched). pan-y keeps vertical list scrolling native; the direction\n     lock in MobileHome.tsx decides horizontal-vs-vertical once per touch. */\n  [data-mobile-nav=\"home-swipe\"] {\n    position: relative;\n    overflow: hidden;\n    border-radius: 22px;\n    /* The list is a flex column: without this, an overflowing list SHRINKS\n       every row and the clip above slices the squashed card's bottom edge\n       flat (real-device report, 2026-08-25). Rows keep natural height; the\n       list scrolls. */\n    flex: 0 0 auto;\n    touch-action: pan-y;\n    box-shadow: 0 1px 3px rgba(0, 0, 0, .06), 0 4px 12px rgba(0, 0, 0, .05);\n  }\n  body[data-ds-dark-theme] [data-mobile-nav=\"home-swipe\"] {\n    box-shadow: none;\n  }\n  /* Press = settle toward the page (mirrors the card's own :active swap,\n     which the clip made invisible at wrapper level). */\n  [data-mobile-nav=\"home-swipe\"]:has([data-mobile-nav=\"home-row\"]:active) {\n    box-shadow: 0 1px 2px rgba(0, 0, 0, .05);\n  }\n  body[data-ds-dark-theme] [data-mobile-nav=\"home-swipe\"]:has([data-mobile-nav=\"home-row\"]:active) {\n    box-shadow: none;\n  }\n  [data-mobile-nav=\"home-swipe-card\"] {\n    position: relative;\n    z-index: 1;\n    transition: transform .22s var(--ds-ease-out, ease-out);\n    will-change: transform;\n  }\n  /* Inset pill, not a full-bleed slab (real-device feedback: hard edges).\n     5px breathing room on three sides inside the 88px reveal; its own\n     radius echoes the card family. It still slides in lock-step from past\n     the right edge (transform driven from MobileHome.tsx). */\n  [data-mobile-nav=\"home-archive\"] {\n    position: absolute;\n    z-index: 0;\n    top: 5px;\n    bottom: 5px;\n    right: 5px;\n    width: 78px;\n    border: none;\n    border-radius: 17px;\n    background: var(--dsw-alias-state-error-primary, #d4494c);\n    color: #fff;\n    font-size: 13px;\n    font-weight: 600;\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n    transition: transform .22s var(--ds-ease-out, ease-out);\n    will-change: transform;\n  }\n  [data-mobile-nav=\"home-archive\"]:active {\n    filter: brightness(.9);\n  }\n\n  [data-mobile-nav=\"home-row\"] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    width: 100%;\n    min-height: 60px;\n    padding: 14px 16px;\n    border: none;\n    border-radius: 22px;\n    /* The page's old colour (see the swap note on [data-mobile-nav=\"home\"]):\n       differs from bg-base in BOTH themes, and is the token\n       dsh-better-sidebar's panel already uses for a secondary surface. */\n    background: var(--dsw-specific-sidebar-fill, #f5f5f5);\n    color: inherit;\n    font-family: inherit;\n    text-align: left;\n    cursor: pointer;\n    touch-action: manipulation;\n    -webkit-tap-highlight-color: transparent;\n    /* Card edge definition (2026-08-17). Light theme only \u2014 see the dark\n       override below. Two stacked shadows in the iOS idiom: a tight 1px\n       contact shadow that draws the edge itself, plus a wide soft one that\n       lifts the card off the page. Both are deliberately weak (.06/.05):\n       the page sits on --dsw-specific-sidebar-fill and the card on\n       --dsw-alias-bg-base, so there is already a slight tonal step here and\n       the shadow only has to sharpen it, not carry it alone. */\n    box-shadow: 0 1px 3px rgba(0, 0, 0, .06), 0 4px 12px rgba(0, 0, 0, .05);\n  }\n  [data-mobile-nav=\"home-row\"]:active {\n    background: var(--dsw-alias-interactive-bg-hover, rgba(0, 0, 0, .06));\n    /* Press = settle toward the page. Dropping the wide shadow and keeping a\n       tighter contact one reads as the card pushing in, which is what the\n       darkening background already implies; leaving the lifted shadow under\n       a pressed card is the combination that looks wrong. */\n    box-shadow: 0 1px 2px rgba(0, 0, 0, .05);\n  }\n  /* Dark theme: a black shadow on a near-black page is invisible, so the\n     edge is drawn instead of cast. A 1px hairline at --dsw-alias-border-l2\n     weight, delivered as an INSET box-shadow rather than a real border so\n     the card's geometry is untouched (a real 1px border would grow every\n     row by 2px unless box-sizing cooperated) and so it overrides the light\n     shadow through the same property instead of fighting it.\n\n     Chosen over \"brighten the card face\" because in dark theme the card\n     (--dsw-alias-bg-base, bluish-950) is already DARKER than the page\n     (--dsw-specific-sidebar-fill, bluish-900); lightening the card past the\n     page would invert the layering that the light theme establishes, while\n     a hairline keeps both themes reading as \"page behind, card in front\".\n\n     Theme is read from body[data-ds-dark-theme], never prefers-color-scheme:\n     the app hardcodes color-scheme: light on <html> and switches themes with\n     this attribute, so a media query would never fire (AGENTS.md). This\n     selector also outranks the :active rule above (0,2,1 vs 0,2,0), so one\n     declaration covers the pressed state too. */\n  body[data-ds-dark-theme] [data-mobile-nav=\"home-row\"] {\n    box-shadow: inset 0 0 0 1px var(--dsw-alias-border-l2, rgba(255, 255, 255, .12));\n  }\n  [data-mobile-nav=\"home-row\"][data-current] [data-mobile-nav=\"home-row-title\"] {\n    font-weight: 600;\n  }\n  /* Avatar: a running/warning/done session shows its existing StateDot\n     (same component, same semantics as the old inline dot \u2014 just bigger\n     and re-homed); otherwise the title's own first character stands in\n     for it, so every row has a mark even when idle. interactive-bg-hover,\n     not a bg-layer-* token: same reason as the page background above \u2014\n     bg-layer-2 is IDENTICAL to the card's own bg-base in light theme\n     (verified against the live theme CSS), so it would render invisible\n     there. interactive-bg-hover is a translucent rgba tint rather than a\n     solid layer color, so it always reads as \"a shade over the card\" in\n     both themes regardless of what the card's base color resolves to. */\n  [data-mobile-nav=\"home-row-avatar\"] {\n    flex: none;\n    display: grid;\n    place-items: center;\n    width: 40px;\n    height: 40px;\n    border-radius: 12px;\n    background: var(--dsw-alias-interactive-bg-hover, rgba(0, 0, 0, .06));\n    color: var(--dsw-alias-label-secondary, rgba(0, 0, 0, .55));\n    font-size: 16px;\n    font-weight: 600;\n  }\n  [data-mobile-nav=\"home-row-body\"] {\n    flex: 1 1 auto;\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n  }\n  [data-mobile-nav=\"home-row-title\"] {\n    font-size: 16px;\n    line-height: 21px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n  [data-mobile-nav=\"home-row-status\"] {\n    color: var(--dsw-alias-label-secondary, rgba(0, 0, 0, .5));\n    font-size: 12.5px;\n    line-height: 17px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n  [data-mobile-nav=\"home-row-time\"] {\n    flex: none;\n    align-self: flex-start;\n    color: var(--dsw-alias-label-tertiary, rgba(0, 0, 0, .4));\n    font-size: 12.5px;\n    line-height: 18px;\n  }\n  [data-mobile-nav=\"home-empty\"] {\n    margin: 12px 16px;\n    padding: 48px 24px;\n    border-radius: 22px;\n    /* Stands in for the rows, so it carries the rows' surface. */\n    background: var(--dsw-specific-sidebar-fill, #f5f5f5);\n    color: var(--dsw-alias-label-secondary, rgba(0, 0, 0, .5));\n    font-size: 15px;\n    text-align: center;\n  }\n\n  /* New-session FAB: a labeled pill (real-device round 2 follow-up), not a\n     bare circle \u2014 tap starts in the shown workspace, long press picks\n     one. Inverted-surface tokens (not a hardcoded accent color): the same\n     pair the official git-commit button in dsh-better-sidebar uses for\n     its own solid CTA. */\n  [data-mobile-nav=\"home-fab\"] {\n    position: absolute;\n    right: 18px;\n    bottom: calc(var(--mnav-sab) + 22px);\n    z-index: 6;\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    height: 48px;\n    padding: 0 20px 0 16px;\n    border: none;\n    border-radius: 999px;\n    background: var(--dsw-alias-button-primary-fill, #1a1a1a);\n    color: var(--dsw-alias-label-primary-inverted, #ffffff);\n    font-family: inherit;\n    font-size: 15px;\n    font-weight: 600;\n    cursor: pointer;\n    box-shadow: 0 6px 20px rgba(0, 0, 0, .24);\n    touch-action: manipulation;\n    user-select: none;\n    -webkit-user-select: none;\n    -webkit-touch-callout: none;\n    -webkit-tap-highlight-color: transparent;\n  }\n  [data-mobile-nav=\"home-fab\"]:active {\n    transform: scale(.96);\n  }\n\n  /* Workspace sheet (switcher and long-press New Session share it). */\n  [data-mobile-nav=\"home-sheet-layer\"] {\n    position: absolute;\n    inset: 0;\n    z-index: 7;\n  }\n  [data-mobile-nav=\"home-sheet-mask\"] {\n    position: absolute;\n    inset: 0;\n    background: var(--dsw-alias-bg-mask-3, rgba(0, 0, 0, .45));\n    border: none;\n    animation: dsh-mobile-nav-fade .18s var(--ds-ease-out, ease-in-out);\n  }\n  /* Docked to the screen edge, matching the composer's permission/model\n     sheets (styles/composer.css.ts section 4) rather than floating.\n\n     It used to sit at `bottom: calc(var(--mnav-sab) + 8px)` with all four\n     corners rounded, which left a 42px strip of bare mask under it at\n     sab: 34 (measured). Docking removes the strip instead of dimming it, and\n     the safe area moves INSIDE the card as bottom padding \u2014 so the white\n     card body runs all the way to the physical screen edge and the last row\n     still clears the home indicator. Same reason the corners go top-only:\n     a rounded bottom corner on a card flush with the screen edge reads as a\n     rendering mistake. */\n  [data-mobile-nav=\"home-sheet\"] {\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    max-height: 70%;\n    overflow-y: auto;\n    overscroll-behavior: contain;\n    box-sizing: border-box;\n    padding: 6px 6px calc(var(--mnav-sab) + 14px);\n    border-radius: 20px 20px 0 0;\n    /* layer-2, not bg-base: in dark mode the sheet must lift off a page that\n       shares bg-base, or only the shadow separates them. */\n    background: var(--dsw-alias-bg-layer-2, #ffffff);\n    box-shadow: 0 -8px 32px rgba(0, 0, 0, .28);\n    animation: dsh-mobile-nav-sheet-up .22s var(--ds-ease-out, ease-in-out);\n  }\n  @media (prefers-reduced-motion: reduce) {\n    [data-mobile-nav=\"home-sheet-mask\"],\n    [data-mobile-nav=\"home-sheet\"] {\n      animation: none !important;\n    }\n  }\n  [data-mobile-nav=\"home-sheet-title\"] {\n    padding: 10px 12px 6px;\n    color: var(--dsw-alias-label-secondary, rgba(0, 0, 0, .5));\n    font-size: 13px;\n  }\n  [data-mobile-nav=\"home-sheet-item\"] {\n    display: flex;\n    align-items: center;\n    width: 100%;\n    min-height: 48px;\n    padding: 0 12px;\n    border: none;\n    border-radius: 12px;\n    background: transparent;\n    color: inherit;\n    font-family: inherit;\n    font-size: 16px;\n    text-align: left;\n    cursor: pointer;\n    touch-action: manipulation;\n    -webkit-tap-highlight-color: transparent;\n  }\n  [data-mobile-nav=\"home-sheet-item\"][data-selected] {\n    background: var(--dsw-alias-interactive-bg-hover, rgba(0, 0, 0, .06));\n    font-weight: 600;\n  }\n  [data-mobile-nav=\"home-sheet-item\"]:active {\n    background: var(--dsw-alias-interactive-bg-hover, rgba(0, 0, 0, .06));\n  }\n\n  /* --- hero fallback back button ---\n     The hero (new blank session) page renders no conversation.session.header,\n     so the header-slot back button (S2) does not exist there. This floating\n     fallback covers that page and hides itself as soon as the real header\n     back mounts. */\n  [data-mobile-nav=\"hero-back\"] {\n    position: absolute;\n    top: calc(var(--mnav-sat) + 8px);\n    left: 8px;\n    z-index: 6;\n    width: 44px;\n    height: 44px;\n    display: grid;\n    place-items: center;\n    border: none;\n    border-radius: 14px;\n    background: transparent;\n    color: var(--dsw-alias-label-secondary, inherit);\n    pointer-events: auto;\n  }\n  [data-mobile-nav=\"hero-back\"]:active {\n    background: var(--dsw-alias-interactive-bg-hover, rgba(0, 0, 0, .06));\n  }\n  [data-mobile-nav=\"frame\"]:has([data-mobile-nav=\"header-back\"]) ~ [data-mobile-nav=\"hero-back\"],\n  body:has([data-mobile-nav=\"header-back\"]) [data-mobile-nav=\"hero-back\"] {\n    display: none;\n  }\n}\n";
+export declare const HOME_CSS = "/* ---------- phone app shell (< 768px) ---------- */\n\n@media (max-width: 767px) {\n  /* --- the document never scrolls (S1.1, 2026-08-17) ---\n     Real-device symptom: the workspace title bar, the session header, the\n     composer and the FAB all slid with the finger \u2014 every fixed surface\n     \"followed the drag\". They are not misplaced; the whole DOCUMENT was\n     rubber-banding under them (they are absolute/in-flow inside the frame,\n     so a document-level bounce moves them all as one).\n\n     After the S2.1 box-sizing fix the document has no overflow at all\n     (scrollHeight === clientHeight, measured with ?mobile-nav-inset=54), so\n     this is not scrolling \u2014 it is iOS's elastic overscroll, which happens on\n     an unscrollable document too, and which an inner scroller chains into as\n     soon as it hits its own end.\n\n     overscroll-behavior: none on the viewport kills both halves at once: the\n     document itself gets no bounce, and overscroll chained up from the\n     message flow / session list is absorbed without moving anything.\n     overflow: hidden then hard-locks the document scroller so future content\n     can never reintroduce a real scroll. Set on html AND body: the spec\n     propagates the viewport's value from html, but engines have historically\n     read body, and neither is a scroll container we ever want.\n\n     Deliberately NOT position: fixed on body \u2014 the app shell does not need\n     it, and it is the variant that strands iOS's fixed elements behind the\n     on-screen keyboard. With plain overflow: hidden, iOS still pans the\n     visual viewport to reveal a focused textarea, so the composer stays\n     visible while typing without any visualViewport JS. */\n  html,\n  body {\n    overflow: hidden !important;\n    overscroll-behavior: none !important;\n  }\n\n  /* The message flow is the one scroller that regularly hits its end under a\n     finger. Root-level `none` already absorbs the chain, but declaring it\n     at the source keeps the guarantee if the root rule is ever weakened\n     (the home list and both sheets already declare it).\n\n     `none`, NOT `contain` (S4.1 fix, 2026-08-17). The two differ in exactly\n     the way that bit us: `contain` stops overscroll from CHAINING OUT to the\n     document but deliberately KEEPS this element's own local elastic bounce,\n     while `none` suppresses that local bounce too. S1.1 only reasoned about\n     the chain, so it picked `contain` \u2014 and the composer went on twitching\n     upward on every drag-past-the-end while the header and FAB stayed put.\n\n     Why only the composer moved: the official composer seat\n     (`[class$=\"_composerSeat\"]`) is `position: sticky; bottom: 0` and lives\n     INSIDE this scroller (measured 2026-08-17: seat 0,710 390x134 inside\n     _scrollBody 0,131 390x713, contains() === true). A sticky box is laid out\n     against its scroll container's content, so the container's own rubber-band\n     drags it along. The header/FAB are absolute on the frame, outside this\n     scroller entirely \u2014 which is precisely why S1.1's document-level fix\n     pinned them and left this one surface behind.\n\n     Deliberately NOT re-pinning the seat with position: fixed: sticky inside\n     the scroller is what keeps the focused textarea visible when iOS pans the\n     visual viewport for the keyboard, and fixed is the variant that strands\n     it behind the keyboard (same trap as the body rule above). Kill the\n     bounce, keep the sticky. */\n  [data-phase] [class$=\"_scrollBody\"] {\n    overscroll-behavior: none !important;\n  }\n\n  /* The official sidebar is no longer a drawer on a phone \u2014 the home screen\n     replaced it. Hidden outright (not translated off-screen) so it cannot\n     capture taps or hold layout. DSH 0.2.2-rc.1+ inserts [data-sidebar-mask]\n     before [class$=\"_sidebarCol\"] and mounts [data-shell-leading] (the host's\n     own floating drawer opener) on < 768px; hide all three. */\n  [data-mobile-nav=\"frame\"] > :first-child,\n  [data-mobile-nav=\"frame\"] > [class$=\"_sidebarCol\"],\n  [data-mobile-nav=\"frame\"] > [data-shell-leading] {\n    display: none !important;\n  }\n  /* The header's drawer toggle opened that sidebar; with it gone the button\n     has nothing to open. (S2 owns the rest of the header layout \u2014\n     styles/header.css.ts \u2014 including the Files button's replacement.) */\n  [data-mobile-nav=\"toggle\"] {\n    display: none !important;\n  }\n\n  /* --- level 1: the session list ---\n     Renders inside the shell overlay layer (absolute, pointer-events: none),\n     so the page re-enables pointer events for itself. The layer's containing\n     block is the frame's padding box, which still starts under the status\n     bar \u2014 hence the safe-area padding here. */\n  [data-mobile-nav=\"home\"] {\n    position: absolute;\n    inset: 0;\n    /* rc.3 raise (real-device report 2026-10-25 \"top strip leaking the\n       conversation through\"): this shell layer mounts INSIDE the host's\n       PIRFFq_overlayLayer (z-index:20, new in rc.3 \u2014 the conversation\n       content itself moved under it too), so the old z:5 let host session\n       content (STRONG/CODE rows measured at viewport y=4) paint over the\n       shell's top bar on BOTH pages, reading as a faint fixed strip at the\n       window top. z:30 puts the whole shell above everything the host\n       stacks inside that layer; the shell's own transparent middle and\n       pointer-events passthrough keep the conversation visible and tappable\n       (verified live via console injection before landing). */\n    z-index: 30;\n    display: flex;\n    flex-direction: column;\n    pointer-events: auto;\n    /* dsw-specific-sidebar-fill, not an alias bg-layer-* token (real-device\n       round 2 follow-up, 2026-08-17): fetched and diffed the live theme\n       CSS (both light/dark blocks in /assets/index-*.css) because computed\n       values, not source-read guesses, are what actually matter here \u2014\n       --dsw-alias-bg-base/-layer-1/-layer-2 all resolve to the exact same\n       color in the LIGHT theme (neutral-bluish-00, i.e. plain white); they\n       only diverge in dark mode.\n\n       2026-08-20: the page and the CARDS swapped tokens. This surface used\n       to be --dsw-specific-sidebar-fill, which made the list page a\n       different shade from the session page \u2014 measured on-device in dark\n       theme, rgb(27,27,28) here against rgb(21,21,23) there, a visible step\n       every time you opened a session. The page now takes bg-base, the same\n       token the session page and <body> resolve to, so the two screens are\n       literally the same colour; the cards took sidebar-fill in exchange, so\n       the contrast that separates a row from the page is preserved \u2014 it\n       just runs the other way (raised card on a base page, the more\n       conventional reading of the two anyway). */\n    background: var(--dsw-alias-bg-base, #ffffff);\n    color: var(--dsw-alias-label-primary, inherit);\n    padding-top: var(--mnav-sat);\n    transform: translateX(0);\n    opacity: 1;\n    transition:\n      transform .3s var(--ds-ease-in-out, ease-in-out),\n      opacity .3s var(--ds-ease-in-out, ease-in-out);\n  }\n  /* Push transition: the list slides out to the left as the session takes\n     the screen, and comes back from the left. It stays mounted (visibility,\n     not display) so the slide has something to animate; the delayed\n     visibility keeps it non-interactive the moment the transition ends. */\n  [data-mobile-nav=\"home\"][data-view=\"session\"] {\n    transform: translateX(-100%);\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n    transition:\n      transform .3s var(--ds-ease-in-out, ease-in-out),\n      opacity .3s var(--ds-ease-in-out, ease-in-out),\n      visibility 0s .3s;\n  }\n  /* The host's SESSION header must not sit on top of this list page.\n     Real-device report (2026-10-22, DSH 0.2.0-rc.2, dsh-web-mobile 3.2.1,\n     360x792 phone): on the list page the top strip showed the LAST SESSION's\n     header \u2014 its title plus the session's tab row \u2014 and the workspace switcher\n     underneath was neither visible nor tappable, so \"switch workspace\" did\n     nothing at all. Measured with elementFromPoint(150,30) on the phone\n     viewport: span.wSkVaW_crumbCurrent, i.e. the host header's crumb, while\n     our own workspace button sat at [46,8,208,44] underneath it.\n\n     Why z-index is not the fix: this page is position:absolute; z-index:5\n     inside the shell overlay layer, and the host header carries its own\n     stacking context, so raising us above its z-index:30 changed nothing\n     (measured: the crumb still won the hit test). The session header has to\n     leave the hit tree while the list page is up \u2014 the list page draws its\n     own top bar (home-top, with the workspace switcher).\n\n     The gate is this page's own marker: data-view=\"session\" means a session\n     is open, so the rule lapses exactly when the host header is wanted again\n     (verified: entering a session restores display:grid, the back button in\n     that header stays tappable, and going back hides it once more). Two\n     selectors on purpose \u2014 the class suffix survives CSS-module hash renames,\n     the structural one survives a rename of the class itself. */\n  [data-mobile-nav=\"frame\"]:not([data-mobile-view=\"session\"]) header[class*=\"_header\"],\n  [data-mobile-nav=\"frame\"]:not([data-mobile-view=\"session\"]) header:has([class*=\"_titleRow\"]),\n  body:has([data-mobile-nav=\"home\"]:not([data-view=\"session\"])) [data-mobile-nav=\"frame\"] header[class*=\"_header\"],\n  body:has([data-mobile-nav=\"home\"]:not([data-view=\"session\"])) [data-mobile-nav=\"frame\"] header:has([class*=\"_titleRow\"]) {\n    display: none !important;\n  }\n  @media (prefers-reduced-motion: reduce) {\n    [data-mobile-nav=\"home\"],\n    [data-mobile-nav=\"home\"][data-view=\"session\"] {\n      transition: none !important;\n    }\n  }\n\n  /* Title bar: the workspace name IS the switcher. */\n  [data-mobile-nav=\"home-top\"] {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    min-height: 52px;\n    padding: 4px 16px 6px;\n  }\n  /* Site logo (real-device round 2, 2026-08-17): rendered only when\n     document.head actually has a <link rel=\"icon\"> (MobileHome.tsx never\n     ships a placeholder box), so this rule only ever needs to size the\n     image, not reserve space for its absence. */\n  [data-mobile-nav=\"home-logo\"] {\n    width: 24px;\n    height: 24px;\n    margin-right: 6px;\n    flex: none;\n    border-radius: 6px;\n    object-fit: contain;\n    /* rc.3 fix (2026-10-25, Safari real-device report \"logo \u4E0D\u663E\u793A\"): the\n       host now ships TWO media-scoped favicons and the first in DOM order\n       is the DARK one \u2014 a WHITE whale (fill #fff). useSiteIconHref picks\n       the first link unconditionally, so on a light page the logo arrived\n       white-on-light and vanished. brightness(0) collapses ANY source (the\n       old single black favicon or the new white one) to a black silhouette,\n       making light mode correct for both hosts; the dark-theme rules below\n       re-invert it to white. */\n    filter: brightness(0);\n  }\n  /* Dark theme (real-device report, 2026-08-17): force a white silhouette\n     regardless of the source image's own colors \u2014 brightness(0) collapses\n     every opaque pixel to black first, invert(1) then flips that to white;\n     transparent pixels stay transparent either way. Three dark signals,\n     deliberately redundant: the pre-rc.3 body[data-ds-dark-theme] marker,\n     and rc.3's resolved <html data-ds-theme-source> (\"dark\" pinned, or\n     \"system\" under a dark OS \u2014 rc.3 stamps the resolved scheme on\n     html[style] with no body attribute until the first theme flip). */\n  body[data-ds-dark-theme] [data-mobile-nav=\"home-logo\"],\n  html[data-ds-theme-source=\"dark\"] [data-mobile-nav=\"home-logo\"] {\n    filter: brightness(0) invert(1);\n  }\n  @media (prefers-color-scheme: dark) {\n    html[data-ds-theme-source=\"system\"] [data-mobile-nav=\"home-logo\"] {\n      filter: brightness(0) invert(1);\n    }\n  }\n  [data-mobile-nav=\"ws-switch\"] {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    min-height: 44px;\n    max-width: 100%;\n    padding: 0 6px 0 0;\n    border: none;\n    background: transparent;\n    color: inherit;\n    font-family: inherit;\n    font-size: 22px;\n    font-weight: 600;\n    line-height: 1.2;\n    cursor: pointer;\n    touch-action: manipulation;\n    -webkit-tap-highlight-color: transparent;\n  }\n  [data-mobile-nav=\"ws-switch\"] > span {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n  [data-mobile-nav=\"ws-switch\"] > svg {\n    flex: none;\n    opacity: .55;\n  }\n  [data-mobile-nav=\"ws-switch\"]:active {\n    opacity: .6;\n  }\n\n  /* Session list: rounded cards, not bordered rows (real-device round 2\n     follow-up, 2026-08-17 \u2014 reference: Claude Code mobile app's session\n     list). `gap` on the flex column IS the inter-card spacing; no\n     per-row margin bookkeeping. */\n  [data-mobile-nav=\"home-list\"] {\n    flex: 1 1 auto;\n    min-height: 0;\n    margin: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    padding: 12px 16px calc(var(--mnav-sab) + 96px);\n    list-style: none;\n    overflow-y: auto;\n    overscroll-behavior: contain;\n    -webkit-overflow-scrolling: touch;\n  }\n  /* Swipe-to-archive wrapper (redone 2026-08-25, real-device round): iOS-mail\n     mechanics. The wrapper CLIPS (overflow hidden, same 22px radius as the\n     card) and the archive button is parked past the right edge, sliding in\n     lock-step with the card \u2014 a 1px drag reveals a 1px slice, never a\n     fully-drawn button behind a gap. Clipping would eat the card's cast\n     shadow, so the light-theme shadow moves up to this wrapper (identical\n     values; the dark theme's INSET hairline on the card survives clipping\n     untouched). pan-y keeps vertical list scrolling native; the direction\n     lock in MobileHome.tsx decides horizontal-vs-vertical once per touch. */\n  [data-mobile-nav=\"home-swipe\"] {\n    position: relative;\n    overflow: hidden;\n    border-radius: 22px;\n    /* The list is a flex column: without this, an overflowing list SHRINKS\n       every row and the clip above slices the squashed card's bottom edge\n       flat (real-device report, 2026-08-25). Rows keep natural height; the\n       list scrolls. */\n    flex: 0 0 auto;\n    touch-action: pan-y;\n    box-shadow: 0 1px 3px rgba(0, 0, 0, .06), 0 4px 12px rgba(0, 0, 0, .05);\n  }\n  body[data-ds-dark-theme] [data-mobile-nav=\"home-swipe\"] {\n    box-shadow: none;\n  }\n  /* Press = settle toward the page (mirrors the card's own :active swap,\n     which the clip made invisible at wrapper level). */\n  [data-mobile-nav=\"home-swipe\"]:has([data-mobile-nav=\"home-row\"]:active) {\n    box-shadow: 0 1px 2px rgba(0, 0, 0, .05);\n  }\n  body[data-ds-dark-theme] [data-mobile-nav=\"home-swipe\"]:has([data-mobile-nav=\"home-row\"]:active) {\n    box-shadow: none;\n  }\n  [data-mobile-nav=\"home-swipe-card\"] {\n    position: relative;\n    z-index: 1;\n    transition: transform .22s var(--ds-ease-out, ease-out);\n    will-change: transform;\n  }\n  /* Inset pill, not a full-bleed slab (real-device feedback: hard edges).\n     5px breathing room on three sides inside the 88px reveal; its own\n     radius echoes the card family. It still slides in lock-step from past\n     the right edge (transform driven from MobileHome.tsx). */\n  [data-mobile-nav=\"home-archive\"] {\n    position: absolute;\n    z-index: 0;\n    top: 5px;\n    bottom: 5px;\n    right: 5px;\n    width: 78px;\n    border: none;\n    border-radius: 17px;\n    background: var(--dsw-alias-state-error-primary, #d4494c);\n    color: #fff;\n    font-size: 13px;\n    font-weight: 600;\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n    transition: transform .22s var(--ds-ease-out, ease-out);\n    will-change: transform;\n  }\n  [data-mobile-nav=\"home-archive\"]:active {\n    filter: brightness(.9);\n  }\n\n  [data-mobile-nav=\"home-row\"] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    width: 100%;\n    min-height: 60px;\n    padding: 14px 16px;\n    border: none;\n    border-radius: 22px;\n    /* The page's old colour (see the swap note on [data-mobile-nav=\"home\"]):\n       differs from bg-base in BOTH themes, and is the token\n       dsh-better-sidebar's panel already uses for a secondary surface. */\n    background: var(--dsw-specific-sidebar-fill, #f5f5f5);\n    color: inherit;\n    font-family: inherit;\n    text-align: left;\n    cursor: pointer;\n    touch-action: manipulation;\n    -webkit-tap-highlight-color: transparent;\n    /* Card edge definition (2026-08-17). Light theme only \u2014 see the dark\n       override below. Two stacked shadows in the iOS idiom: a tight 1px\n       contact shadow that draws the edge itself, plus a wide soft one that\n       lifts the card off the page. Both are deliberately weak (.06/.05):\n       the page sits on --dsw-specific-sidebar-fill and the card on\n       --dsw-alias-bg-base, so there is already a slight tonal step here and\n       the shadow only has to sharpen it, not carry it alone. */\n    box-shadow: 0 1px 3px rgba(0, 0, 0, .06), 0 4px 12px rgba(0, 0, 0, .05);\n  }\n  [data-mobile-nav=\"home-row\"]:active {\n    background: var(--dsw-alias-interactive-bg-hover, rgba(0, 0, 0, .06));\n    /* Press = settle toward the page. Dropping the wide shadow and keeping a\n       tighter contact one reads as the card pushing in, which is what the\n       darkening background already implies; leaving the lifted shadow under\n       a pressed card is the combination that looks wrong. */\n    box-shadow: 0 1px 2px rgba(0, 0, 0, .05);\n  }\n  /* Dark theme: a black shadow on a near-black page is invisible, so the\n     edge is drawn instead of cast. A 1px hairline at --dsw-alias-border-l2\n     weight, delivered as an INSET box-shadow rather than a real border so\n     the card's geometry is untouched (a real 1px border would grow every\n     row by 2px unless box-sizing cooperated) and so it overrides the light\n     shadow through the same property instead of fighting it.\n\n     Chosen over \"brighten the card face\" because in dark theme the card\n     (--dsw-alias-bg-base, bluish-950) is already DARKER than the page\n     (--dsw-specific-sidebar-fill, bluish-900); lightening the card past the\n     page would invert the layering that the light theme establishes, while\n     a hairline keeps both themes reading as \"page behind, card in front\".\n\n     Theme is read from body[data-ds-dark-theme], never prefers-color-scheme:\n     the app hardcodes color-scheme: light on <html> and switches themes with\n     this attribute, so a media query would never fire (AGENTS.md). This\n     selector also outranks the :active rule above (0,2,1 vs 0,2,0), so one\n     declaration covers the pressed state too. */\n  body[data-ds-dark-theme] [data-mobile-nav=\"home-row\"] {\n    box-shadow: inset 0 0 0 1px var(--dsw-alias-border-l2, rgba(255, 255, 255, .12));\n  }\n  [data-mobile-nav=\"home-row\"][data-current] [data-mobile-nav=\"home-row-title\"] {\n    font-weight: 600;\n  }\n  /* Avatar: a running/warning/done session shows its existing StateDot\n     (same component, same semantics as the old inline dot \u2014 just bigger\n     and re-homed); otherwise the title's own first character stands in\n     for it, so every row has a mark even when idle. interactive-bg-hover,\n     not a bg-layer-* token: same reason as the page background above \u2014\n     bg-layer-2 is IDENTICAL to the card's own bg-base in light theme\n     (verified against the live theme CSS), so it would render invisible\n     there. interactive-bg-hover is a translucent rgba tint rather than a\n     solid layer color, so it always reads as \"a shade over the card\" in\n     both themes regardless of what the card's base color resolves to. */\n  [data-mobile-nav=\"home-row-avatar\"] {\n    flex: none;\n    display: grid;\n    place-items: center;\n    width: 40px;\n    height: 40px;\n    border-radius: 12px;\n    background: var(--dsw-alias-interactive-bg-hover, rgba(0, 0, 0, .06));\n    color: var(--dsw-alias-label-secondary, rgba(0, 0, 0, .55));\n    font-size: 16px;\n    font-weight: 600;\n  }\n  [data-mobile-nav=\"home-row-body\"] {\n    flex: 1 1 auto;\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n  }\n  [data-mobile-nav=\"home-row-title\"] {\n    font-size: 16px;\n    line-height: 21px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n  [data-mobile-nav=\"home-row-status\"] {\n    color: var(--dsw-alias-label-secondary, rgba(0, 0, 0, .5));\n    font-size: 12.5px;\n    line-height: 17px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n  [data-mobile-nav=\"home-row-time\"] {\n    flex: none;\n    align-self: flex-start;\n    color: var(--dsw-alias-label-tertiary, rgba(0, 0, 0, .4));\n    font-size: 12.5px;\n    line-height: 18px;\n  }\n  [data-mobile-nav=\"home-empty\"] {\n    margin: 12px 16px;\n    padding: 48px 24px;\n    border-radius: 22px;\n    /* Stands in for the rows, so it carries the rows' surface. */\n    background: var(--dsw-specific-sidebar-fill, #f5f5f5);\n    color: var(--dsw-alias-label-secondary, rgba(0, 0, 0, .5));\n    font-size: 15px;\n    text-align: center;\n  }\n\n  /* New-session FAB: a labeled pill (real-device round 2 follow-up), not a\n     bare circle \u2014 tap starts in the shown workspace, long press picks\n     one. Inverted-surface tokens (not a hardcoded accent color): the same\n     pair the official git-commit button in dsh-better-sidebar uses for\n     its own solid CTA. */\n  [data-mobile-nav=\"home-fab\"] {\n    position: absolute;\n    right: 18px;\n    bottom: calc(var(--mnav-sab) + 22px);\n    z-index: 6;\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    height: 48px;\n    padding: 0 20px 0 16px;\n    border: none;\n    border-radius: 999px;\n    background: var(--dsw-alias-button-primary-fill, #1a1a1a);\n    color: var(--dsw-alias-label-primary-inverted, #ffffff);\n    font-family: inherit;\n    font-size: 15px;\n    font-weight: 600;\n    cursor: pointer;\n    box-shadow: 0 6px 20px rgba(0, 0, 0, .24);\n    touch-action: manipulation;\n    user-select: none;\n    -webkit-user-select: none;\n    -webkit-touch-callout: none;\n    -webkit-tap-highlight-color: transparent;\n  }\n  [data-mobile-nav=\"home-fab\"]:active {\n    transform: scale(.96);\n  }\n\n  /* Workspace sheet (switcher and long-press New Session share it). */\n  [data-mobile-nav=\"home-sheet-layer\"] {\n    position: absolute;\n    inset: 0;\n    z-index: 7;\n  }\n  [data-mobile-nav=\"home-sheet-mask\"] {\n    position: absolute;\n    inset: 0;\n    background: var(--dsw-alias-bg-mask-3, rgba(0, 0, 0, .45));\n    border: none;\n    animation: dsh-mobile-nav-fade .18s var(--ds-ease-out, ease-in-out);\n  }\n  /* Docked to the screen edge, matching the composer's permission/model\n     sheets (styles/composer.css.ts section 4) rather than floating.\n\n     It used to sit at `bottom: calc(var(--mnav-sab) + 8px)` with all four\n     corners rounded, which left a 42px strip of bare mask under it at\n     sab: 34 (measured). Docking removes the strip instead of dimming it, and\n     the safe area moves INSIDE the card as bottom padding \u2014 so the white\n     card body runs all the way to the physical screen edge and the last row\n     still clears the home indicator. Same reason the corners go top-only:\n     a rounded bottom corner on a card flush with the screen edge reads as a\n     rendering mistake. */\n  [data-mobile-nav=\"home-sheet\"] {\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    max-height: 70%;\n    overflow-y: auto;\n    overscroll-behavior: contain;\n    box-sizing: border-box;\n    padding: 6px 6px calc(var(--mnav-sab) + 14px);\n    border-radius: 20px 20px 0 0;\n    /* layer-2, not bg-base: in dark mode the sheet must lift off a page that\n       shares bg-base, or only the shadow separates them. */\n    background: var(--dsw-alias-bg-layer-2, #ffffff);\n    box-shadow: 0 -8px 32px rgba(0, 0, 0, .28);\n    animation: dsh-mobile-nav-sheet-up .22s var(--ds-ease-out, ease-in-out);\n  }\n  @media (prefers-reduced-motion: reduce) {\n    [data-mobile-nav=\"home-sheet-mask\"],\n    [data-mobile-nav=\"home-sheet\"] {\n      animation: none !important;\n    }\n  }\n  [data-mobile-nav=\"home-sheet-title\"] {\n    padding: 10px 12px 6px;\n    color: var(--dsw-alias-label-secondary, rgba(0, 0, 0, .5));\n    font-size: 13px;\n  }\n  [data-mobile-nav=\"home-sheet-item\"] {\n    display: flex;\n    align-items: center;\n    width: 100%;\n    min-height: 48px;\n    padding: 0 12px;\n    border: none;\n    border-radius: 12px;\n    background: transparent;\n    color: inherit;\n    font-family: inherit;\n    font-size: 16px;\n    text-align: left;\n    cursor: pointer;\n    touch-action: manipulation;\n    -webkit-tap-highlight-color: transparent;\n  }\n  [data-mobile-nav=\"home-sheet-item\"][data-selected] {\n    background: var(--dsw-alias-interactive-bg-hover, rgba(0, 0, 0, .06));\n    font-weight: 600;\n  }\n  [data-mobile-nav=\"home-sheet-item\"]:active {\n    background: var(--dsw-alias-interactive-bg-hover, rgba(0, 0, 0, .06));\n  }\n\n  /* --- hero fallback back button ---\n     The hero (new blank session) page renders no conversation.session.header,\n     so the header-slot back button (S2) does not exist there. This floating\n     fallback covers that page and hides itself as soon as the real header\n     back mounts. */\n  [data-mobile-nav=\"hero-back\"] {\n    position: absolute;\n    top: calc(var(--mnav-sat) + 8px);\n    left: 8px;\n    z-index: 6;\n    width: 44px;\n    height: 44px;\n    display: grid;\n    place-items: center;\n    border: none;\n    border-radius: 14px;\n    background: transparent;\n    color: var(--dsw-alias-label-secondary, inherit);\n    pointer-events: auto;\n  }\n  [data-mobile-nav=\"hero-back\"]:active {\n    background: var(--dsw-alias-interactive-bg-hover, rgba(0, 0, 0, .06));\n  }\n  [data-mobile-nav=\"frame\"]:has([data-mobile-nav=\"header-back\"]) ~ [data-mobile-nav=\"hero-back\"],\n  body:has([data-mobile-nav=\"header-back\"]) [data-mobile-nav=\"hero-back\"] {\n    display: none;\n  }\n}\n";
 //# sourceMappingURL=home.css.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"home.css.d.ts","sourceRoot":"","sources":["../../../../src/client/styles/home.css.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,QAAQ,q7zBAmlBpB,CAAA"}
+{"version":3,"file":"home.css.d.ts","sourceRoot":"","sources":["../../../../src/client/styles/home.css.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,QAAQ,mu0BAulBpB,CAAA"}

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

@@ -1,2 +1,2 @@
-export declare const LAYOUT_CSS = "/* ---------- mobile-only layout ---------- */\n\n@media (max-width: 1023px) {\n  /* --- Phone chrome ---\n     The system status bar stays visible (no fullscreen). Two adjustments\n     make it behave:\n     - touch-action: manipulation kills double-tap-to-zoom (and the 300ms\n       tap delay) while keeping pan and pinch zoom; the client also\n       suppresses legacy-iOS gesturestart as a fallback.\n     - With the client's viewport-fit=cover, env(safe-area-inset-top) is the\n       status bar / notch height; the rules below push the app content below\n       it so the status bar never covers anything. Off notched phones (or in\n       a normal browser tab where the layout viewport already sits below the\n       status bar) the inset is 0 and nothing shifts. */\n  html,\n  body {\n    touch-action: manipulation !important;\n  }\n\n  /* AppFrame: the drawer takes the sidebar column out of grid flow, so the\n     remaining in-flow items (center, details) land in tracks 1..2: give the\n     center every pixel and keep the details track at zero. The top padding\n     clears the status bar / notch for every in-flow surface (session header,\n     messages, composer); the absolutely-positioned drawer is unaffected (its\n     containing block is the frame's padding box, i.e. still the frame top). */\n  /* box-sizing: border-box is load-bearing (S2.1, 2026-08-17). The official\n     frame carries height: 100% with the default content-box, so the\n     safe-area padding ADDED 54px to its height instead of taking 54px out\n     of the content area: the frame grew past the viewport, the document\n     became scrollable by exactly the inset, and the very first scroll put\n     the header right back under the notch \u2014 measured with\n     ?mobile-nav-inset=54 (frame 898px tall inside an 844px root, html at\n     y=-54). Invisible on every desktop browser because the inset is 0\n     there, which is how it shipped. */\n  [data-mobile-nav=\"frame\"] {\n    position: relative !important;\n    box-sizing: border-box !important;\n    grid-template-columns: minmax(0, 1fr) 0 0 !important;\n    padding-top: var(--mnav-sat) !important;\n  }\n\n  /* The sidebar column (first grid child) becomes a left drawer. The drawer\n     hugs the sidebar content exactly (the wide sidebar carries an inline\n     width, ~280px): a fixed 92vw box would leave a white strip where the\n     container background shows beside the content.\n     Closed state: translateX(-110%) \u2014 more than -100% of the max-content\n     width \u2014 guarantees the whole drawer (and its shadow, had it one) leaves\n     the viewport. A mere -100% leaves a sliver on screen; -105% (as used\n     before) left 14px of the drawer plus a long 32px-blur shadow gradient\n     visible along the left edge of the main UI. No box-shadow at all: the\n     dimmed backdrop already separates drawer from content. */\n  [data-mobile-nav=\"frame\"] > :first-child {\n    position: absolute !important;\n    inset: 0 auto 0 0 !important;\n    width: max-content !important;\n    max-width: 92vw !important;\n    z-index: 40 !important;\n    transform: translateX(-110%);\n    transition: transform .28s var(--ds-ease-in-out, ease-in-out);\n    background: var(--dsw-alias-bg-base, #ffffff);\n    /* Keep the drawer's own content below the status bar / notch: the drawer\n       spans the full frame height (its absolute containing block is the\n       frame's padding box, so the frame's own safe-area padding does NOT\n       reach it). The drawer background paints the status-bar strip, which\n       the client's theme-color meta matches, so the strip reads seamless. */\n    padding-top: var(--mnav-sat) !important;\n    /* Kill the official sidebarCol right border: with the backdrop the edge\n       reads cleanly, and the settings dialog (width:100% of this box) stays\n       pixel-flush with the drawer. */\n    border-right: none !important;\n  }\n\n  /* The official right sidebar (DSH 0.1.5+) in its full-screen mode \u2014 the\n     one the phone's header sidebar button opens (sidebar-panels.ts). The\n     host promotes the panel to position:fixed; inset:0 there, so exactly\n     like the drawer above it escapes the frame's safe-area padding and its\n     tab strip + chrome buttons landed under the status bar (real-device\n     report, 2026-09-21). Both insets: the status bar / notch on top, the\n     home indicator at the bottom. Padding, no box-sizing change: fixed\n     with both top and bottom set resolves its used height from the\n     containing block minus padding (CSS 2.1 10.6.4), so the content box\n     shrinks by itself \u2014 the same reasoning the legacy better-sidebar panel\n     rule in compat.css.ts spells out. `fullscreen` is the host's own\n     attribute value (`push` while docked, dsh-client-ui-sidebar-right), so\n     the docked panel is untouched; a manual full-screen on desktop is\n     outside this media block anyway. Verify with ?mobile-nav-inset=54,34 \u2014\n     env() is 0 in every desktop browser. */\n  [data-sidebar-right-panel=\"fullscreen\"] {\n    padding-top: var(--mnav-sat) !important;\n    padding-bottom: var(--mnav-sab) !important;\n  }\n\n  /* Expanded state (frame without data-sidebar-collapsed) slides the drawer in.\n     The open state must be transform:none \u2014 NOT translateX(0): an identity\n     transform still makes the drawer the containing block for fixed-position\n     descendants (the settings dialog's .VOzbGW_overlay is portaled into the\n     sidebar DOM). With the identity transform the wide settings sheet\n     (100vw-16) overflows the 280px drawer, the dialog's focus scrolls the\n     overflow:hidden drawer to scrollLeft=102, and every static child (plus the\n     fixed overlay) shifts 102px off-screen. With transform:none the overlay is\n     viewport-anchored: it dims the full screen and the sheet sits at left:8. */\n  [data-mobile-nav=\"frame\"]:not([data-sidebar-collapsed]) > :first-child {\n    transform: none !important;\n  }\n\n  /* Drag handles are useless on touch and would float over the drawer. */\n  [data-side=\"sidebar\"],\n  [data-side=\"details\"] {\n    display: none !important;\n  }\n\n  /* --- Conversation text on mobile ---\n     The official message flow keeps desktop's 32px side gutters and 16px\n     type. On a phone: shrink the type a notch and widen the lines by\n     trimming the gutters (the sidebar drawer list keeps its size). The\n     flow's scroll container is the only _scroll element holding markdown\n     <p> paragraphs \u2014 the composer's own scroll (textarea) is excluded\n     via :has(p). */\n  /* The official main scroll body reserves scrollbar-gutter for desktop\n     scrollbars (8px), which shoves every column off-center on a phone.\n     Classic desktop scrollbars (Edge/Chrome) also occupy ~8-17px in a\n     phone-sized viewport, shifting the column further. Mobile scrolling\n     is touch/wheel, so remove the scrollbar entirely on phones: the\n     column is then exactly centered in every browser. */\n  [data-phase] [class$=\"_scrollBody\"] {\n    scrollbar-gutter: auto !important;\n    scrollbar-width: none !important;\n  }\n  [data-phase] [class$=\"_scrollBody\"]::-webkit-scrollbar {\n    display: none !important;\n    width: 0 !important;\n    height: 0 !important;\n  }\n  /* Message action rows (copy / run-time badges) can overflow the right\n     edge on narrow screens \u2014 keep them inside the message width. */\n  [data-phase] [class$=\"_actions\"] {\n    overflow: hidden !important;\n  }\n  /* The 24h clock (\"18:06\" / \"MM-DD 18:06\") is a fixed-size item: it must\n     never be the thing that shrinks. DSH 0.2.x wraps it with the usage\n     button in an inline-flex _endInfo (min-width: 0), so a shrinkable\n     time (the old flex: 0 1 auto + min-width: 0) got squeezed inside that\n     non-wrapping box and \"18:06\" broke into two lines. flex: none pins its\n     width; the turn-tail rules in content.css.ts let _endInfo wrap as a\n     whole instead. */\n  [data-phase] [class$=\"_actions\"] [class$=\"_timeEnd\"] {\n    flex: none !important;\n    white-space: nowrap !important;\n    overflow: hidden !important;\n    text-overflow: ellipsis !important;\n  }\n\n  [data-phase] [class$=\"_scroll\"]:has(p) {\n    padding-left: 20px !important;\n    padding-right: 20px !important;\n    font-size: 15px !important;\n  }\n  /* The official markdown styles set an explicit 16px on paragraphs and\n     list items, so the container's inherited 15px is not enough. User\n     messages render their text in a div whose class carries _text_\n     (16px too) \u2014 cover it as well. */\n  [data-phase] [class$=\"_scroll\"]:has(p) p,\n  [data-phase] [class$=\"_scroll\"]:has(p) li,\n  [data-phase] [class$=\"_scroll\"]:has(p) [class*=\"_text_\"] {\n    font-size: 15px !important;\n  }\n\n  /* Markdown tables: the official table uses width:max-content, so on a phone\n     it hugs the content and leaves dead space beside/inside the table. Force\n     the table to fill the message column and let the table wrapper handle\n     overflow if a cell is genuinely too wide. */\n  [data-phase] table {\n    width: 100% !important;\n    max-width: 100% !important;\n  }\n  [data-phase] th,\n  [data-phase] td {\n    max-width: none !important;\n    min-width: 0 !important;\n  }\n\n  /* User bubbles: the official stack is capped at min(525px, 82%), which on a\n     phone leaves a large blank strip on the left and pushes the bubble high.\n     On mobile let the user message fill the same full width as assistant\n     messages (the bubble background then spans the whole message column). */\n  [data-phase] [class$=\"_userStack\"],\n  [data-phase] [class$=\"_userStack\"] [class$=\"_bubble\"] {\n    box-sizing: border-box !important;\n    width: fit-content !important;\n    max-width: 100% !important;\n  }\n\n  /* --- Composer bottom row on mobile ---\n     The official row gives the model pill (trailing) flex:0 0 auto, which\n     squeezes the agent-permission pill (modes) down to 15px: the pill's\n     chevron then overflows on top of the model name. Let the permission\n     pill keep its natural width and let the model pill shrink instead.\n     Anchored by the composer card (:has(textarea)): row = the _row class\n     containing a _trailing group, tools = its first child, permission pill\n     = its 2nd child, model pill = the _trailing group.\n     NOTE: do NOT anchor these by the card's :last-child \u2014 a client effect\n     moves the git-graph branch chip INTO the card, which becomes the card's\n     new last child and silently disables every :last-child rule (the model\n     pill then falls back to the official fixed layout and long model IDs\n     overflow instead of ellipsizing). Structural anchors only. */\n  /* The official row pads every group with 12px gaps, which on a phone eats\n     width the model pill needs for the full model ID. Tighten the row to 8px\n     gaps (the modes pill keeps its natural width) so the model name gets\n     every spare pixel. */\n  [data-phase] [class*=\"_card\"]:has(textarea) [class$=\"_row\"]:has([class$=\"_trailing\"]) {\n    gap: 8px !important;\n  }\n  [data-phase] [class*=\"_card\"]:has(textarea) [class$=\"_row\"]:has([class$=\"_trailing\"]) > :first-child {\n    gap: 8px !important;\n  }\n  [data-phase] [class*=\"_card\"]:has(textarea) [class$=\"_row\"]:has([class$=\"_trailing\"]) > :first-child > :nth-child(2) {\n    flex: 0 0 auto !important;\n    gap: 8px !important;\n  }\n  [data-phase] [class*=\"_card\"]:has(textarea) [class$=\"_trailing\"] {\n    flex: 1 1 auto !important;\n    gap: 8px !important;\n    min-width: 0 !important;\n  }\n  /* Let the model selector take the free space in the trailing group so the\n     model name is not squeezed/truncated; the context meter stays fixed. */\n  [data-phase] [class*=\"_card\"]:has(textarea) [class$=\"_root\"]:has(> [class$=\"_trigger\"][aria-haspopup=\"menu\"]) {\n    flex: 1 1 auto !important;\n    min-width: 0 !important;\n  }\n  [data-phase] [class*=\"_card\"]:has(textarea) [class$=\"_root\"]:has(> [class$=\"_trigger\"][aria-haspopup=\"menu\"]) > [class$=\"_trigger\"] {\n    width: 100% !important;\n    max-width: 100% !important;\n  }\n  /* The model label must absorb the trigger's free width: officially it is a\n     fixed-content flex item, so the spare width of a grown pill sits unused\n     between the chevron and the pill edge. Let the label grow and shrink:\n     the full model ID shows whenever the row can fit it, and the ellipsis\n     lands exactly at the available width otherwise. */\n  [data-phase] [class*=\"_card\"]:has(textarea) [class$=\"_root\"]:has(> [class$=\"_trigger\"][aria-haspopup=\"menu\"]) > [class$=\"_trigger\"] > [class$=\"_triggerLabel\"] {\n    flex: 1 1 auto !important;\n    min-width: 0 !important;\n  }\n  [data-phase] [class*=\"_card\"]:has(textarea) [class$=\"_root\"]:has(> [class$=\"_trigger\"]:not([aria-haspopup=\"menu\"])) {\n    flex: 0 0 auto !important;\n  }\n\n  /* Model switcher menu: the official dropdown is right-aligned to the\n     trigger (right:0). The model pill sits near the center of the composer,\n     so on a phone the 240px menu overflows the left edge and looks off-center.\n     Center the menu on the trigger instead. */\n  [data-phase] [class*=\"_card\"]:has(textarea) [class$=\"_root\"]:has(> [class$=\"_trigger\"]) > [class$=\"_menu\"] {\n    left: 50% !important;\n    right: auto !important;\n    transform: translateX(-50%) !important;\n  }\n\n  /* --- Session header on mobile ---\n     Layout goal: [toggle] [session title] [mode badge] in a row, with the\n     Session log capsule removed from the header (relocated to the drawer\n     footer). Stable structural hooks only:\n       [data-phase] header                     the session header element\n       header > :first-child                   titleRow (titleCluster + utilities)\n       header > :first-child > :last-child     headerUtilities (Session log seat) */\n  [data-phase] header {\n    padding-right: 12px !important;\n  }\n  /* Give the title row a lane clear of the absolutely-placed toggle, then\n     balance the header: with header padding-right 12px, a 20px left\n     padding puts the title's geometric center exactly on the viewport\n     center (measured 195/195 at 390px). */\n  [data-phase] header > :first-child {\n    padding-left: 20px !important;\n  }\n  /* The directory toggle sits at the far left of the header (the header\n     is position:relative; the data-slot wrappers are display:contents). */\n  [data-mobile-nav=\"toggle\"] {\n    position: absolute !important;\n    left: 8px !important;\n    top: 12px !important;\n    z-index: 2 !important;\n  }\n  /* The Files action stays in-flow inside headerActions. On mobile headerActions\n     does not expand to fill the row: it is pushed to the right edge and keeps\n     its content size, so [mode] [subagent/jobs] [files] sit close together\n     with the normal 8px gaps \u2014 compact, no artificial blank columns. Explicit\n     flex order keeps Files rightmost regardless of DOM order. */\n  [data-mobile-nav=\"files\"] {\n    position: static !important;\n    left: auto !important;\n    right: auto !important;\n    top: auto !important;\n    z-index: auto !important;\n  }\n  [data-phase] header [class$=\"_headerActions\"] {\n    flex: 0 1 auto !important;\n    min-width: 0 !important;\n    margin-left: auto !important;\n    justify-content: flex-end !important;\n  }\n  /* The session title/crumb must yield space on mobile so the mode label and\n     subagent cluster are not squeezed to a single letter. Cap it at ~24vw and\n     let it truncate with ellipsis. */\n  [data-phase] header [class$=\"_crumbs\"] {\n    flex: 0 1 auto !important;\n    min-width: 0 !important;\n    max-width: 24vw !important;\n  }\n  /* Mode label (AgentPresetLabel): the official pill uses inline-flex, whose\n     direct text node is only clipped \u2014 no ellipsis. Convert the pill to a\n     block container, keep its icon absolutely positioned on the left, and let\n     it size naturally up to 42vw so the mode name stays readable while the\n     subagent/Files cluster still fits on a phone. */\n  [data-phase] header [class$=\"_label\"]:has(> svg) {\n    order: 1 !important;\n    flex: 0 1 auto !important;\n    min-width: 0 !important;\n    max-width: 42vw !important;\n    display: block !important;\n    position: relative !important;\n    box-sizing: border-box !important;\n    padding-left: 18px !important;\n    padding-right: 2px !important;\n    overflow: hidden !important;\n    text-overflow: ellipsis !important;\n    white-space: nowrap !important;\n  }\n  [data-phase] header [class$=\"_label\"]:has(> svg) > svg {\n    position: absolute !important;\n    left: 0 !important;\n    top: 50% !important;\n    transform: translateY(-50%) !important;\n  }\n  /* Subagent/jobs helpers: keep their triggers on one line and never let the\n     row grow artificial empty space. */\n  [data-phase] header [class$=\"_root\"]:has(> button[class$=\"_trigger\"]) {\n    order: 2 !important;\n    flex: 0 0 auto !important;\n    min-width: max-content !important;\n    max-width: none !important;\n    white-space: nowrap !important;\n    /* On mobile the popover is anchored to the header (viewport-width\n       containing block) instead of the trigger, so a small left inset keeps it\n       fully on screen and never clips the tree's status dots. */\n    position: static !important;\n  }\n  [data-phase] header [class$=\"_root\"]:has(> button[class$=\"_trigger\"]) > button,\n  [data-phase] header [class$=\"_root\"]:has(> button[class$=\"_trigger\"]) > button * {\n    white-space: nowrap !important;\n  }\n  [data-phase] header [data-mobile-nav=\"files\"] {\n    order: 3 !important;\n    flex: 0 0 auto !important;\n  }\n  /* Session log download: gone from the header row on mobile (the utilities\n     seat holds only the session-log-export capsule). */\n  [data-phase] header > :first-child > :last-child {\n    display: none !important;\n  }\n\n  /* --- Header popovers on mobile (dsh-client-ui-jobs / dsh-client-ui-subagent) ---\n     The official entries sit in the session header actions. Their popovers\n     are anchored to the trigger's LEFT edge (left: 0), so from a right-edge\n     trigger the 336px panel spills past the viewport. Re-anchor them to the\n     trigger's right edge instead. The popover classes are hashed CSS-module\n     names, so target them by the stable _menu suffix inside the header. */\n  /* Header popovers on mobile: anchor to the left edge with a small inset and\n     clamp the width, instead of right-aligning to a trigger near the right\n     edge (which pushed the panel left off-screen and clipped the status dots).\n     Also cap the height so the panel does not run into the composer/task bar. */\n  [data-phase] header [class$=\"_menu\"] {\n    left: 8px !important;\n    right: auto !important;\n    width: min(336px, calc(100vw - 16px)) !important;\n    max-width: none !important;\n    max-height: min(420px, calc(100dvh - 120px)) !important;\n  }\n  /* --- Settings dialog on mobile ---\n     Desktop: 800px two-column flex (188px nav + content). Mobile: a\n     near-full-width sheet \u2014 nav tabs wrap into rows on top, option rows\n     stay horizontal (title+description left, control right). Structural\n     selectors are scoped to the unique aria-modal dialog; every\n     settings-specific rule is gated with\n     :has(> :first-child > :last-child > button) \u2014 the settings nav tab\n     list holds <button> tabs, so the transient export dialog (the same\n     primitives Modal, header(title+close)+description+body) keeps its\n     official centered card layout. Requires :has() support\n     (Chromium 105+, 2022).\n\n     The directory picker (dsh-client-ui-directory-picker-browse) must be\n     excluded too: its footer bar holds <button> children AND its breadcrumb\n     trail (role=\"navigation\") \u2014 which the role gate relies on to exclude\n     it \u2014 is REPLACED by the path input in edit mode (pencil button), so\n     without the ZuhsRW exclusion clicking the pencil would suddenly match\n     this sheet rule: the dialog jumps to the top of the screen, the header\n     (with the path input) is hidden by the > :first-child > :first-child\n     display:none rule below, and the user can no longer type a path\n     (issue #12, 2026-08-16). The picker family keeps the official layout\n     on mobile in every mode. */\n  /* DSH 0.2.1-rc.2 renders this dialog as a body PORTAL\n     (body > overlay > panel), so the placement below must key off the nav\n     list the panel owns, not off a guessed child depth: that is both the\n     stable \"this is the settings sheet\" anchor and the reason the safe-area\n     offset below still applies inside the portal (the constants live on\n     :root, so they cross the portal boundary). The bottom inset is\n     subtracted too \u2014 a tall panel must not run under the home indicator. */\n  [aria-modal=\"true\"]:has(> :first-child > :last-child > button):not(:has([role=\"navigation\"])):not(:has([class*=\"ZuhsRW\"])):has([class$=\"_navList\"]) {\n    position: absolute !important;\n    left: 8px !important;\n    /* Fixed top (no translateY): a transform on the panel combined with the\n       panel overflowing the max-content drawer shifts the fixed overlay's\n       coordinate frame, dragging the whole sidebar content off-screen. The\n       safe-area inset keeps the sheet below the status bar / notch. */\n    top: calc(var(--mnav-sat) + 12px) !important;\n    width: calc(100vw - 16px) !important;\n    max-width: calc(100vw - 16px) !important;\n    /* Height follows the content (no dead space under a short page); it\n       caps at 100dvh-24 (less both safe-area insets) and the options area\n       scrolls only then. */\n    height: auto !important;\n    max-height: min(800px, calc(100vh - 24px - var(--mnav-sat) - var(--mnav-sab))) !important;\n    max-height: min(800px, calc(100dvh - 24px - var(--mnav-sat) - var(--mnav-sab))) !important;\n    flex-direction: column !important;\n    border-radius: 14px !important;\n    animation: dsh-mobile-nav-sheet-in .22s var(--ds-ease-out, ease-in-out);\n  }\n  /* The settings sheet's dimmed mask fades in with the panel (the mask is\n     the first child of the overlay that directly contains the sheet). */\n  :has(> [aria-modal=\"true\"]:has(> :first-child > :last-child > button):not(:has([role=\"navigation\"])):not(:has([class*=\"ZuhsRW\"]))) > :first-child {\n    animation: dsh-mobile-nav-fade .18s var(--ds-ease-out, ease-in-out);\n  }\n  @media (prefers-reduced-motion: reduce) {\n    [aria-modal=\"true\"]:has(> :first-child > :last-child > button):not(:has([role=\"navigation\"])):not(:has([class*=\"ZuhsRW\"])),\n    :has(> [aria-modal=\"true\"]:has(> :first-child > :last-child > button):not(:has([role=\"navigation\"])):not(:has([class*=\"ZuhsRW\"]))) > :first-child {\n      animation: none !important;\n    }\n  }\n  /* The export dialog (not the settings sheet) must never overflow the\n     viewport: the official centered card can be wider than 390px.\n     :not([data-mobile-nav=\"info-sheet\"]) (S4, 2026-08-17): the session-info\n     sheet also carries role=\"dialog\" aria-modal=\"true\" (correct a11y\n     semantics for a bottom sheet with a scrim) and has no button as its\n     first-child's last-child, so without this exclusion it silently matched\n     this generic selector too \u2014 measured 358px (100vw-32px) instead of the\n     374px its own left:8px/right:8px margins specify. Same category of bug\n     as the ZuhsRW directory-picker collision below; same fix shape.\n     :not([data-mobile-nav=\"share-range-sheet\"]) (share-image, 2026-09-10):\n     the share range picker rides the same role=\"dialog\" aria-modal bottom\n     -sheet shape and the same margins, so it hit the identical clamp. */\n  [aria-modal=\"true\"]:not(:has(> :first-child > :last-child > button)):not([data-mobile-nav=\"info-sheet\"]):not([data-mobile-nav=\"share-range-sheet\"]) {\n    max-width: calc(100vw - 32px) !important;\n  }\n  /* Nav bar: hide the \"Settings\" caption (redundant on a full-width sheet)\n     and wrap the tab list so every tab is visible \u2014 a horizontal scroll cut\n     the last tab (\"Plugins\") off with no affordance to scroll. */\n  [aria-modal=\"true\"]:has(> :first-child > :last-child > button):not(:has([role=\"navigation\"])):not(:has([class*=\"ZuhsRW\"])) > :first-child {\n    width: 100% !important;\n    flex-direction: row !important;\n    align-items: center !important;\n    gap: 6px !important;\n    padding: 10px 12px 8px !important;\n  }\n  [aria-modal=\"true\"]:has(> :first-child > :last-child > button):not(:has([role=\"navigation\"])):not(:has([class*=\"ZuhsRW\"])) > :first-child > :first-child {\n    display: none !important;\n  }\n  /* The tab list scrolls in the space left by the toolbar: the toolbar\n     (config file + close) is reparented INTO this nav row by a client\n     effect (MobileNavOverlay), so the tab list must be anchored by its\n     class, NOT by :last-child (the reparented toolbar becomes the nav's\n     new last child).\n\n     2026-10-21 (DSH 0.2.1-rc.2): this rule used to declare\n     \"flex-wrap: wrap; overflow: visible\" on top of the flex/min-width/gap\n     above. Because it is one class-anchored compound selector with a much\n     higher specificity than compat.css.ts's portal-scoped navList rule, it\n     silently won the tie and the tab list wrapped into two rows \u2014 with the\n     reparented \u2715 vertically centred across both of them. Measured on a\n     phone shell: the list was 86px tall (two rows) instead of one 40px row,\n     and it scrolled nowhere. The wrap was a 2026-08-16 trade-off (show every\n     tab, no hidden scroll cut-off); with the thin scrollbar affordance now\n     in compat.css.ts the single scrolling row is the better trade, so the\n     two declarations live there and this rule no longer contradicts them. */\n  [aria-modal=\"true\"]:has(> :first-child > :last-child > button):not(:has([role=\"navigation\"])):not(:has([class*=\"ZuhsRW\"])) > :first-child [class$=\"_navList\"] {\n    flex: 1 1 auto !important;\n    min-width: 0 !important;\n    flex-direction: row !important;\n    gap: 6px !important;\n  }\n  /* Content toolbar (Open configuration file + close): grouped flush to\n     the right edge, and reparented INTO the nav row on mobile so it shares\n     one line with the tabs (user feedback 2026-08-16 \u2014 the toolbar's own\n     row left a full-width dead gap under the tabs). Anchored by class: the\n     header leaves the content subtree, so :first-child/:last-child anchors\n     would now hit the options area. Children carry official auto-margins\n     that would defeat flex-end, so neutralize them. The close button gets\n     a round tappable base so it reads as its own control, not part of the\n     outline button. */\n  [aria-modal=\"true\"]:has(> :first-child > :last-child > button):not(:has([role=\"navigation\"])):not(:has([class*=\"ZuhsRW\"])) [class$=\"_header\"] {\n    flex: 0 0 auto !important;\n    justify-content: flex-end !important;\n    align-items: center !important;\n    gap: 8px !important;\n    padding: 0 0 0 4px !important;\n    min-height: 40px !important;\n  }\n  [aria-modal=\"true\"]:has(> :first-child > :last-child > button):not(:has([role=\"navigation\"])):not(:has([class*=\"ZuhsRW\"])) [class$=\"_header\"] > * {\n    margin-left: 0 !important;\n    margin-right: 0 !important;\n  }\n  [aria-modal=\"true\"]:has(> :first-child > :last-child > button):not(:has([role=\"navigation\"])):not(:has([class*=\"ZuhsRW\"])) [class$=\"_header\"] > :last-child {\n    width: 32px !important;\n    height: 32px !important;\n    border-radius: 50% !important;\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    background: var(--dsw-alias-interactive-bg-hover, rgba(0, 0, 0, .06)) !important;\n  }\n  /* Appearance mode cards: the official cube row renders three tall\n     vertical cards (~268px) that eat half the sheet. Turn them into a\n     compact horizontal trio (icon + label inline, equal widths).\n     Relies on the official cube-row class name of this version. */\n  [aria-modal=\"true\"] [class$=\"_cubeRow\"] {\n    gap: 6px !important;\n  }\n  [aria-modal=\"true\"] [class$=\"_cubeRow\"] > * {\n    flex: 1 1 0 !important;\n    flex-direction: row !important;\n    align-items: center !important;\n    justify-content: center !important;\n    gap: 6px !important;\n    padding: 10px 8px !important;\n    min-height: 0 !important;\n  }\n  /* Content: the options scroll area gets bottom breathing room so the last\n     row never sits flush against the sheet's rounded corner. */\n  [aria-modal=\"true\"]:has(> :first-child > :last-child > button):not(:has([role=\"navigation\"])):not(:has([class*=\"ZuhsRW\"])) > :last-child {\n    flex: 1 1 auto !important;\n    min-height: 0 !important;\n  }\n  [aria-modal=\"true\"]:has(> :first-child > :last-child > button):not(:has([role=\"navigation\"])):not(:has([class*=\"ZuhsRW\"])) > :last-child > :last-child {\n    padding: 0 12px 24px !important;\n  }\n";
+export declare const LAYOUT_CSS = "/* ---------- mobile-only layout ---------- */\n\n@media (max-width: 1023px) {\n  /* --- Phone chrome ---\n     The system status bar stays visible (no fullscreen). Two adjustments\n     make it behave:\n     - touch-action: manipulation kills double-tap-to-zoom (and the 300ms\n       tap delay) while keeping pan and pinch zoom; the client also\n       suppresses legacy-iOS gesturestart as a fallback.\n     - With the client's viewport-fit=cover, env(safe-area-inset-top) is the\n       status bar / notch height; the rules below push the app content below\n       it so the status bar never covers anything. Off notched phones (or in\n       a normal browser tab where the layout viewport already sits below the\n       status bar) the inset is 0 and nothing shifts. */\n  html,\n  body {\n    touch-action: manipulation !important;\n  }\n\n  /* AppFrame: the drawer takes the sidebar column out of grid flow, so the\n     remaining in-flow items (center, details) land in tracks 1..2: give the\n     center every pixel and keep the details track at zero. The top padding\n     clears the status bar / notch for every in-flow surface (session header,\n     messages, composer); the absolutely-positioned drawer is unaffected (its\n     containing block is the frame's padding box, i.e. still the frame top). */\n  /* box-sizing: border-box is load-bearing (S2.1, 2026-08-17). The official\n     frame carries height: 100% with the default content-box, so the\n     safe-area padding ADDED 54px to its height instead of taking 54px out\n     of the content area: the frame grew past the viewport, the document\n     became scrollable by exactly the inset, and the very first scroll put\n     the header right back under the notch \u2014 measured with\n     ?mobile-nav-inset=54 (frame 898px tall inside an 844px root, html at\n     y=-54). Invisible on every desktop browser because the inset is 0\n     there, which is how it shipped. */\n  [data-mobile-nav=\"frame\"] {\n    position: relative !important;\n    box-sizing: border-box !important;\n    grid-template-columns: minmax(0, 1fr) 0 0 !important;\n    padding-top: var(--mnav-sat) !important;\n  }\n\n  /* DSH 0.2.2-rc.1+: AppFrame pins centerCol to grid-area: 1/2 (column 2,\n     which is 0px wide in our 1-column mobile grid) and inserts a\n     [data-sidebar-mask] div before sidebarCol when viewport < 768. Pin\n     centerCol to column 1 so it fills the 1fr track, hide the host mask\n     (MobileNavOverlay renders its own backdrop on tablet, and MobileHome\n     replaces the drawer on phone), and match sidebarCol by its stable class\n     suffix alongside :first-child. */\n  [data-mobile-nav=\"frame\"] > [class$=\"_centerCol\"] {\n    grid-area: 1 / 1 !important;\n  }\n  [data-mobile-nav=\"frame\"] > [data-sidebar-mask] {\n    display: none !important;\n  }\n\n  /* The sidebar column (first grid child) becomes a left drawer. The drawer\n     hugs the sidebar content exactly (the wide sidebar carries an inline\n     width, ~280px): a fixed 92vw box would leave a white strip where the\n     container background shows beside the content.\n     Closed state: translateX(-110%) \u2014 more than -100% of the max-content\n     width \u2014 guarantees the whole drawer (and its shadow, had it one) leaves\n     the viewport. A mere -100% leaves a sliver on screen; -105% (as used\n     before) left 14px of the drawer plus a long 32px-blur shadow gradient\n     visible along the left edge of the main UI. No box-shadow at all: the\n     dimmed backdrop already separates drawer from content. */\n  [data-mobile-nav=\"frame\"] > :first-child,\n  [data-mobile-nav=\"frame\"] > [class$=\"_sidebarCol\"] {\n    position: absolute !important;\n    inset: 0 auto 0 0 !important;\n    width: max-content !important;\n    max-width: 92vw !important;\n    z-index: 40 !important;\n    transform: translateX(-110%);\n    transition: transform .28s var(--ds-ease-in-out, ease-in-out);\n    background: var(--dsw-alias-bg-base, #ffffff);\n    /* Keep the drawer's own content below the status bar / notch: the drawer\n       spans the full frame height (its absolute containing block is the\n       frame's padding box, so the frame's own safe-area padding does NOT\n       reach it). The drawer background paints the status-bar strip, which\n       the client's theme-color meta matches, so the strip reads seamless. */\n    padding-top: var(--mnav-sat) !important;\n    /* Kill the official sidebarCol right border: with the backdrop the edge\n       reads cleanly, and the settings dialog (width:100% of this box) stays\n       pixel-flush with the drawer. */\n    border-right: none !important;\n  }\n\n  /* The official right sidebar (DSH 0.1.5+) in its full-screen mode \u2014 the\n     one the phone's header sidebar button opens (sidebar-panels.ts). The\n     host promotes the panel to position:fixed; inset:0 there, so exactly\n     like the drawer above it escapes the frame's safe-area padding and its\n     tab strip + chrome buttons landed under the status bar (real-device\n     report, 2026-09-21). Both insets: the status bar / notch on top, the\n     home indicator at the bottom. Padding, no box-sizing change: fixed\n     with both top and bottom set resolves its used height from the\n     containing block minus padding (CSS 2.1 10.6.4), so the content box\n     shrinks by itself \u2014 the same reasoning the legacy better-sidebar panel\n     rule in compat.css.ts spells out. `fullscreen` is the host's own\n     attribute value (`push` while docked, dsh-client-ui-sidebar-right), so\n     the docked panel is untouched; a manual full-screen on desktop is\n     outside this media block anyway. Verify with ?mobile-nav-inset=54,34 \u2014\n     env() is 0 in every desktop browser. */\n  [data-sidebar-right-panel=\"fullscreen\"] {\n    padding-top: var(--mnav-sat) !important;\n    padding-bottom: var(--mnav-sab) !important;\n  }\n  /* Right sidebar start/guide page (dsh-client-ui-sidebar-right GuideBody):\n     the host sets .Dv5QdW_tabBody { height: 100%; overflow: hidden } and\n     .F6Huca_guide { min-height: 100%; justify-content: center } with no\n     overflow-y. When many tab entries are registered (e.g. better-sidebar +\n     plugins), the centered flex column overflows equally out the top and\n     bottom of the locked 100%-height box \u2014 clipping the leading entries\n     (\"\u6587\u4EF6\", \"Git\") above y=0 with no way to scroll. Make the guide itself\n     the scroll container and replace justify-content:center with auto\n     margins on the first item and ::after so short lists stay centered\n     while long lists start cleanly at the top and scroll end-to-end. */\n  [data-sidebar-right-guide] {\n    flex: 1 1 0 !important;\n    min-height: 0 !important;\n    justify-content: flex-start !important;\n    overflow-y: auto !important;\n    -webkit-overflow-scrolling: touch;\n    padding-top: 24px !important;\n    padding-bottom: 24px !important;\n  }\n  [data-sidebar-right-guide] > :first-child {\n    margin-top: auto !important;\n  }\n  [data-sidebar-right-guide]::after {\n    margin-bottom: auto !important;\n  }\n\n  /* Expanded state (frame without data-sidebar-collapsed) slides the drawer in.\n     The open state must be transform:none \u2014 NOT translateX(0): an identity\n     transform still makes the drawer the containing block for fixed-position\n     descendants (the settings dialog's .VOzbGW_overlay is portaled into the\n     sidebar DOM). With the identity transform the wide settings sheet\n     (100vw-16) overflows the 280px drawer, the dialog's focus scrolls the\n     overflow:hidden drawer to scrollLeft=102, and every static child (plus the\n     fixed overlay) shifts 102px off-screen. With transform:none the overlay is\n     viewport-anchored: it dims the full screen and the sheet sits at left:8. */\n  [data-mobile-nav=\"frame\"]:not([data-sidebar-collapsed]) > :first-child,\n  [data-mobile-nav=\"frame\"]:not([data-sidebar-collapsed]) > [class$=\"_sidebarCol\"] {\n    transform: none !important;\n  }\n\n  /* Drag handles are useless on touch and would float over the drawer. */\n  [data-side=\"sidebar\"],\n  [data-side=\"details\"] {\n    display: none !important;\n  }\n\n  /* --- Conversation text on mobile ---\n     The official message flow keeps desktop's 32px side gutters and 16px\n     type. On a phone: shrink the type a notch and widen the lines by\n     trimming the gutters (the sidebar drawer list keeps its size). The\n     flow's scroll container is the only _scroll element holding markdown\n     <p> paragraphs \u2014 the composer's own scroll (textarea) is excluded\n     via :has(p). */\n  /* The official main scroll body reserves scrollbar-gutter for desktop\n     scrollbars (8px), which shoves every column off-center on a phone.\n     Classic desktop scrollbars (Edge/Chrome) also occupy ~8-17px in a\n     phone-sized viewport, shifting the column further. Mobile scrolling\n     is touch/wheel, so remove the scrollbar entirely on phones: the\n     column is then exactly centered in every browser. */\n  [data-phase] [class$=\"_scrollBody\"] {\n    scrollbar-gutter: auto !important;\n    scrollbar-width: none !important;\n  }\n  [data-phase] [class$=\"_scrollBody\"]::-webkit-scrollbar {\n    display: none !important;\n    width: 0 !important;\n    height: 0 !important;\n  }\n  /* Message action rows (copy / run-time badges) can overflow the right\n     edge on narrow screens \u2014 keep them inside the message width. */\n  [data-phase] [class$=\"_actions\"] {\n    overflow: hidden !important;\n  }\n  /* The 24h clock (\"18:06\" / \"MM-DD 18:06\") is a fixed-size item: it must\n     never be the thing that shrinks. DSH 0.2.x wraps it with the usage\n     button in an inline-flex _endInfo (min-width: 0), so a shrinkable\n     time (the old flex: 0 1 auto + min-width: 0) got squeezed inside that\n     non-wrapping box and \"18:06\" broke into two lines. flex: none pins its\n     width; the turn-tail rules in content.css.ts let _endInfo wrap as a\n     whole instead. */\n  [data-phase] [class$=\"_actions\"] [class$=\"_timeEnd\"] {\n    flex: none !important;\n    white-space: nowrap !important;\n    overflow: hidden !important;\n    text-overflow: ellipsis !important;\n  }\n\n  [data-phase] [class$=\"_scroll\"]:has(p) {\n    padding-left: 20px !important;\n    padding-right: 20px !important;\n    font-size: 15px !important;\n  }\n  /* The official markdown styles set an explicit 16px on paragraphs and\n     list items, so the container's inherited 15px is not enough. User\n     messages render their text in a div whose class carries _text_\n     (16px too) \u2014 cover it as well. */\n  [data-phase] [class$=\"_scroll\"]:has(p) p,\n  [data-phase] [class$=\"_scroll\"]:has(p) li,\n  [data-phase] [class$=\"_scroll\"]:has(p) [class*=\"_text_\"] {\n    font-size: 15px !important;\n  }\n\n  /* Markdown tables: the official table uses width:max-content, so on a phone\n     it hugs the content and leaves dead space beside/inside the table. Force\n     the table to fill the message column and let the table wrapper handle\n     overflow if a cell is genuinely too wide. */\n  [data-phase] table {\n    width: 100% !important;\n    max-width: 100% !important;\n  }\n  [data-phase] th,\n  [data-phase] td {\n    max-width: none !important;\n    min-width: 0 !important;\n  }\n\n  /* User bubbles: the official stack is capped at min(525px, 82%), which on a\n     phone leaves a large blank strip on the left and pushes the bubble high.\n     On mobile let the user message fill the same full width as assistant\n     messages (the bubble background then spans the whole message column). */\n  [data-phase] [class$=\"_userStack\"],\n  [data-phase] [class$=\"_userStack\"] [class$=\"_bubble\"] {\n    box-sizing: border-box !important;\n    width: fit-content !important;\n    max-width: 100% !important;\n  }\n\n  /* --- Composer bottom row on mobile ---\n     The official row gives the model pill (trailing) flex:0 0 auto, which\n     squeezes the agent-permission pill (modes) down to 15px: the pill's\n     chevron then overflows on top of the model name. Let the permission\n     pill keep its natural width and let the model pill shrink instead.\n     Anchored by the composer card (:has(textarea)): row = the _row class\n     containing a _trailing group, tools = its first child, permission pill\n     = its 2nd child, model pill = the _trailing group.\n     NOTE: do NOT anchor these by the card's :last-child \u2014 a client effect\n     moves the git-graph branch chip INTO the card, which becomes the card's\n     new last child and silently disables every :last-child rule (the model\n     pill then falls back to the official fixed layout and long model IDs\n     overflow instead of ellipsizing). Structural anchors only. */\n  /* The official row pads every group with 12px gaps, which on a phone eats\n     width the model pill needs for the full model ID. Tighten the row to 8px\n     gaps (the modes pill keeps its natural width) so the model name gets\n     every spare pixel. */\n  [data-phase] [class*=\"_card\"]:has(textarea) [class$=\"_row\"]:has([class$=\"_trailing\"]) {\n    gap: 8px !important;\n  }\n  [data-phase] [class*=\"_card\"]:has(textarea) [class$=\"_row\"]:has([class$=\"_trailing\"]) > :first-child {\n    gap: 8px !important;\n  }\n  [data-phase] [class*=\"_card\"]:has(textarea) [class$=\"_row\"]:has([class$=\"_trailing\"]) > :first-child > :nth-child(2) {\n    flex: 0 0 auto !important;\n    gap: 8px !important;\n  }\n  [data-phase] [class*=\"_card\"]:has(textarea) [class$=\"_trailing\"] {\n    flex: 1 1 auto !important;\n    gap: 8px !important;\n    min-width: 0 !important;\n  }\n  /* Let the model selector take the free space in the trailing group so the\n     model name is not squeezed/truncated; the context meter stays fixed. */\n  [data-phase] [class*=\"_card\"]:has(textarea) [class$=\"_root\"]:has(> [class$=\"_trigger\"][aria-haspopup=\"menu\"]) {\n    flex: 1 1 auto !important;\n    min-width: 0 !important;\n  }\n  [data-phase] [class*=\"_card\"]:has(textarea) [class$=\"_root\"]:has(> [class$=\"_trigger\"][aria-haspopup=\"menu\"]) > [class$=\"_trigger\"] {\n    width: 100% !important;\n    max-width: 100% !important;\n  }\n  /* The model label must absorb the trigger's free width: officially it is a\n     fixed-content flex item, so the spare width of a grown pill sits unused\n     between the chevron and the pill edge. Let the label grow and shrink:\n     the full model ID shows whenever the row can fit it, and the ellipsis\n     lands exactly at the available width otherwise. */\n  [data-phase] [class*=\"_card\"]:has(textarea) [class$=\"_root\"]:has(> [class$=\"_trigger\"][aria-haspopup=\"menu\"]) > [class$=\"_trigger\"] > [class$=\"_triggerLabel\"] {\n    flex: 1 1 auto !important;\n    min-width: 0 !important;\n  }\n  [data-phase] [class*=\"_card\"]:has(textarea) [class$=\"_root\"]:has(> [class$=\"_trigger\"]:not([aria-haspopup=\"menu\"])) {\n    flex: 0 0 auto !important;\n  }\n\n  /* Model switcher menu: the official dropdown is right-aligned to the\n     trigger (right:0). The model pill sits near the center of the composer,\n     so on a phone the 240px menu overflows the left edge and looks off-center.\n     Center the menu on the trigger instead. */\n  [data-phase] [class*=\"_card\"]:has(textarea) [class$=\"_root\"]:has(> [class$=\"_trigger\"]) > [class$=\"_menu\"] {\n    left: 50% !important;\n    right: auto !important;\n    transform: translateX(-50%) !important;\n  }\n\n  /* --- Session header on mobile ---\n     Layout goal: [toggle] [session title] [mode badge] in a row, with the\n     Session log capsule removed from the header (relocated to the drawer\n     footer). Stable structural hooks only:\n       [data-phase] header                     the session header element\n       header > :first-child                   titleRow (titleCluster + utilities)\n       header > :first-child > :last-child     headerUtilities (Session log seat) */\n  [data-phase] header {\n    padding-right: 12px !important;\n  }\n  /* Give the title row a lane clear of the absolutely-placed toggle, then\n     balance the header: with header padding-right 12px, a 20px left\n     padding puts the title's geometric center exactly on the viewport\n     center (measured 195/195 at 390px). */\n  [data-phase] header > :first-child {\n    padding-left: 20px !important;\n  }\n  /* The directory toggle sits at the far left of the header (the header\n     is position:relative; the data-slot wrappers are display:contents). */\n  [data-mobile-nav=\"toggle\"] {\n    position: absolute !important;\n    left: 8px !important;\n    top: 12px !important;\n    z-index: 2 !important;\n  }\n  /* The Files action stays in-flow inside headerActions. On mobile headerActions\n     does not expand to fill the row: it is pushed to the right edge and keeps\n     its content size, so [mode] [subagent/jobs] [files] sit close together\n     with the normal 8px gaps \u2014 compact, no artificial blank columns. Explicit\n     flex order keeps Files rightmost regardless of DOM order. */\n  [data-mobile-nav=\"files\"] {\n    position: static !important;\n    left: auto !important;\n    right: auto !important;\n    top: auto !important;\n    z-index: auto !important;\n  }\n  [data-phase] header [class$=\"_headerActions\"] {\n    flex: 0 1 auto !important;\n    min-width: 0 !important;\n    margin-left: auto !important;\n    justify-content: flex-end !important;\n  }\n  /* The session title/crumb must yield space on mobile so the mode label and\n     subagent cluster are not squeezed to a single letter. Cap it at ~24vw and\n     let it truncate with ellipsis. */\n  [data-phase] header [class$=\"_crumbs\"] {\n    flex: 0 1 auto !important;\n    min-width: 0 !important;\n    max-width: 24vw !important;\n  }\n  /* Mode label (AgentPresetLabel): the official pill uses inline-flex, whose\n     direct text node is only clipped \u2014 no ellipsis. Convert the pill to a\n     block container, keep its icon absolutely positioned on the left, and let\n     it size naturally up to 42vw so the mode name stays readable while the\n     subagent/Files cluster still fits on a phone. */\n  [data-phase] header [class$=\"_label\"]:has(> svg) {\n    order: 1 !important;\n    flex: 0 1 auto !important;\n    min-width: 0 !important;\n    max-width: 42vw !important;\n    display: block !important;\n    position: relative !important;\n    box-sizing: border-box !important;\n    padding-left: 18px !important;\n    padding-right: 2px !important;\n    overflow: hidden !important;\n    text-overflow: ellipsis !important;\n    white-space: nowrap !important;\n  }\n  [data-phase] header [class$=\"_label\"]:has(> svg) > svg {\n    position: absolute !important;\n    left: 0 !important;\n    top: 50% !important;\n    transform: translateY(-50%) !important;\n  }\n  /* Subagent/jobs helpers: keep their triggers on one line and never let the\n     row grow artificial empty space. */\n  [data-phase] header [class$=\"_root\"]:has(> button[class$=\"_trigger\"]) {\n    order: 2 !important;\n    flex: 0 0 auto !important;\n    min-width: max-content !important;\n    max-width: none !important;\n    white-space: nowrap !important;\n    /* On mobile the popover is anchored to the header (viewport-width\n       containing block) instead of the trigger, so a small left inset keeps it\n       fully on screen and never clips the tree's status dots. */\n    position: static !important;\n  }\n  [data-phase] header [class$=\"_root\"]:has(> button[class$=\"_trigger\"]) > button,\n  [data-phase] header [class$=\"_root\"]:has(> button[class$=\"_trigger\"]) > button * {\n    white-space: nowrap !important;\n  }\n  [data-phase] header [data-mobile-nav=\"files\"] {\n    order: 3 !important;\n    flex: 0 0 auto !important;\n  }\n  /* Session log download: gone from the header row on mobile (the utilities\n     seat holds only the session-log-export capsule). */\n  [data-phase] header > :first-child > :last-child {\n    display: none !important;\n  }\n\n  /* --- Header popovers on mobile (dsh-client-ui-jobs / dsh-client-ui-subagent) ---\n     The official entries sit in the session header actions. Their popovers\n     are anchored to the trigger's LEFT edge (left: 0), so from a right-edge\n     trigger the 336px panel spills past the viewport. Re-anchor them to the\n     trigger's right edge instead. The popover classes are hashed CSS-module\n     names, so target them by the stable _menu suffix inside the header. */\n  /* Header popovers on mobile: anchor to the left edge with a small inset and\n     clamp the width, instead of right-aligning to a trigger near the right\n     edge (which pushed the panel left off-screen and clipped the status dots).\n     Also cap the height so the panel does not run into the composer/task bar. */\n  [data-phase] header [class$=\"_menu\"] {\n    left: 8px !important;\n    right: auto !important;\n    width: min(336px, calc(100vw - 16px)) !important;\n    max-width: none !important;\n    max-height: min(420px, calc(100dvh - 120px)) !important;\n  }\n  /* --- Settings dialog on mobile ---\n     Desktop: 800px two-column flex (188px nav + content). Mobile: a\n     near-full-width sheet \u2014 nav tabs wrap into rows on top, option rows\n     stay horizontal (title+description left, control right). Structural\n     selectors are scoped to the unique aria-modal dialog; every\n     settings-specific rule is gated with\n     :has(> :first-child > :last-child > button) \u2014 the settings nav tab\n     list holds <button> tabs, so the transient export dialog (the same\n     primitives Modal, header(title+close)+description+body) keeps its\n     official centered card layout. Requires :has() support\n     (Chromium 105+, 2022).\n\n     The directory picker (dsh-client-ui-directory-picker-browse) must be\n     excluded too: its footer bar holds <button> children AND its breadcrumb\n     trail (role=\"navigation\") \u2014 which the role gate relies on to exclude\n     it \u2014 is REPLACED by the path input in edit mode (pencil button), so\n     without the ZuhsRW exclusion clicking the pencil would suddenly match\n     this sheet rule: the dialog jumps to the top of the screen, the header\n     (with the path input) is hidden by the > :first-child > :first-child\n     display:none rule below, and the user can no longer type a path\n     (issue #12, 2026-08-16). The picker family keeps the official layout\n     on mobile in every mode. */\n  /* DSH 0.2.1-rc.2 renders this dialog as a body PORTAL\n     (body > overlay > panel), so the placement below must key off the nav\n     list the panel owns, not off a guessed child depth: that is both the\n     stable \"this is the settings sheet\" anchor and the reason the safe-area\n     offset below still applies inside the portal (the constants live on\n     :root, so they cross the portal boundary). The bottom inset is\n     subtracted too \u2014 a tall panel must not run under the home indicator. */\n  [aria-modal=\"true\"]:has(> :first-child > :last-child > button):not(:has([role=\"navigation\"])):not(:has([class*=\"ZuhsRW\"])):has([class$=\"_navList\"]) {\n    position: absolute !important;\n    left: 8px !important;\n    /* Fixed top (no translateY): a transform on the panel combined with the\n       panel overflowing the max-content drawer shifts the fixed overlay's\n       coordinate frame, dragging the whole sidebar content off-screen. The\n       safe-area inset keeps the sheet below the status bar / notch. */\n    top: calc(var(--mnav-sat) + 12px) !important;\n    width: calc(100vw - 16px) !important;\n    max-width: calc(100vw - 16px) !important;\n    /* Height follows the content (no dead space under a short page); it\n       caps at 100dvh-24 (less both safe-area insets) and the options area\n       scrolls only then. */\n    height: auto !important;\n    max-height: min(800px, calc(100vh - 24px - var(--mnav-sat) - var(--mnav-sab))) !important;\n    max-height: min(800px, calc(100dvh - 24px - var(--mnav-sat) - var(--mnav-sab))) !important;\n    flex-direction: column !important;\n    border-radius: 14px !important;\n    animation: dsh-mobile-nav-sheet-in .22s var(--ds-ease-out, ease-in-out);\n  }\n  /* The settings sheet's dimmed mask fades in with the panel (the mask is\n     the first child of the overlay that directly contains the sheet). */\n  :has(> [aria-modal=\"true\"]:has(> :first-child > :last-child > button):not(:has([role=\"navigation\"])):not(:has([class*=\"ZuhsRW\"]))) > :first-child {\n    animation: dsh-mobile-nav-fade .18s var(--ds-ease-out, ease-in-out);\n  }\n  @media (prefers-reduced-motion: reduce) {\n    [aria-modal=\"true\"]:has(> :first-child > :last-child > button):not(:has([role=\"navigation\"])):not(:has([class*=\"ZuhsRW\"])),\n    :has(> [aria-modal=\"true\"]:has(> :first-child > :last-child > button):not(:has([role=\"navigation\"])):not(:has([class*=\"ZuhsRW\"]))) > :first-child {\n      animation: none !important;\n    }\n  }\n  /* The export dialog (not the settings sheet) must never overflow the\n     viewport: the official centered card can be wider than 390px.\n     :not([data-mobile-nav=\"info-sheet\"]) (S4, 2026-08-17): the session-info\n     sheet also carries role=\"dialog\" aria-modal=\"true\" (correct a11y\n     semantics for a bottom sheet with a scrim) and has no button as its\n     first-child's last-child, so without this exclusion it silently matched\n     this generic selector too \u2014 measured 358px (100vw-32px) instead of the\n     374px its own left:8px/right:8px margins specify. Same category of bug\n     as the ZuhsRW directory-picker collision below; same fix shape.\n     :not([data-mobile-nav=\"share-range-sheet\"]) (share-image, 2026-09-10):\n     the share range picker rides the same role=\"dialog\" aria-modal bottom\n     -sheet shape and the same margins, so it hit the identical clamp. */\n  [aria-modal=\"true\"]:not(:has(> :first-child > :last-child > button)):not([data-mobile-nav=\"info-sheet\"]):not([data-mobile-nav=\"share-range-sheet\"]) {\n    max-width: calc(100vw - 32px) !important;\n  }\n  /* Nav bar: hide the \"Settings\" caption (redundant on a full-width sheet)\n     and wrap the tab list so every tab is visible \u2014 a horizontal scroll cut\n     the last tab (\"Plugins\") off with no affordance to scroll. */\n  [aria-modal=\"true\"]:has(> :first-child > :last-child > button):not(:has([role=\"navigation\"])):not(:has([class*=\"ZuhsRW\"])) > :first-child {\n    width: 100% !important;\n    flex-direction: row !important;\n    align-items: center !important;\n    gap: 6px !important;\n    padding: 10px 12px 8px !important;\n  }\n  [aria-modal=\"true\"]:has(> :first-child > :last-child > button):not(:has([role=\"navigation\"])):not(:has([class*=\"ZuhsRW\"])) > :first-child > :first-child {\n    display: none !important;\n  }\n  /* The tab list scrolls in the space left by the toolbar: the toolbar\n     (config file + close) is reparented INTO this nav row by a client\n     effect (MobileNavOverlay), so the tab list must be anchored by its\n     class, NOT by :last-child (the reparented toolbar becomes the nav's\n     new last child).\n\n     2026-10-21 (DSH 0.2.1-rc.2): this rule used to declare\n     \"flex-wrap: wrap; overflow: visible\" on top of the flex/min-width/gap\n     above. Because it is one class-anchored compound selector with a much\n     higher specificity than compat.css.ts's portal-scoped navList rule, it\n     silently won the tie and the tab list wrapped into two rows \u2014 with the\n     reparented \u2715 vertically centred across both of them. Measured on a\n     phone shell: the list was 86px tall (two rows) instead of one 40px row,\n     and it scrolled nowhere. The wrap was a 2026-08-16 trade-off (show every\n     tab, no hidden scroll cut-off); with the thin scrollbar affordance now\n     in compat.css.ts the single scrolling row is the better trade, so the\n     two declarations live there and this rule no longer contradicts them. */\n  [aria-modal=\"true\"]:has(> :first-child > :last-child > button):not(:has([role=\"navigation\"])):not(:has([class*=\"ZuhsRW\"])) > :first-child [class$=\"_navList\"] {\n    flex: 1 1 auto !important;\n    min-width: 0 !important;\n    flex-direction: row !important;\n    gap: 6px !important;\n  }\n  /* Content toolbar (Open configuration file + close): grouped flush to\n     the right edge, and reparented INTO the nav row on mobile so it shares\n     one line with the tabs (user feedback 2026-08-16 \u2014 the toolbar's own\n     row left a full-width dead gap under the tabs). Anchored by class: the\n     header leaves the content subtree, so :first-child/:last-child anchors\n     would now hit the options area. Children carry official auto-margins\n     that would defeat flex-end, so neutralize them. The close button gets\n     a round tappable base so it reads as its own control, not part of the\n     outline button. */\n  [aria-modal=\"true\"]:has(> :first-child > :last-child > button):not(:has([role=\"navigation\"])):not(:has([class*=\"ZuhsRW\"])) [class$=\"_header\"] {\n    flex: 0 0 auto !important;\n    justify-content: flex-end !important;\n    align-items: center !important;\n    gap: 8px !important;\n    padding: 0 0 0 4px !important;\n    min-height: 40px !important;\n  }\n  [aria-modal=\"true\"]:has(> :first-child > :last-child > button):not(:has([role=\"navigation\"])):not(:has([class*=\"ZuhsRW\"])) [class$=\"_header\"] > * {\n    margin-left: 0 !important;\n    margin-right: 0 !important;\n  }\n  [aria-modal=\"true\"]:has(> :first-child > :last-child > button):not(:has([role=\"navigation\"])):not(:has([class*=\"ZuhsRW\"])) [class$=\"_header\"] > :last-child {\n    width: 32px !important;\n    height: 32px !important;\n    border-radius: 50% !important;\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    background: var(--dsw-alias-interactive-bg-hover, rgba(0, 0, 0, .06)) !important;\n  }\n  /* Appearance mode cards: the official cube row renders three tall\n     vertical cards (~268px) that eat half the sheet. Turn them into a\n     compact horizontal trio (icon + label inline, equal widths).\n     Relies on the official cube-row class name of this version. */\n  [aria-modal=\"true\"] [class$=\"_cubeRow\"] {\n    gap: 6px !important;\n  }\n  [aria-modal=\"true\"] [class$=\"_cubeRow\"] > * {\n    flex: 1 1 0 !important;\n    flex-direction: row !important;\n    align-items: center !important;\n    justify-content: center !important;\n    gap: 6px !important;\n    padding: 10px 8px !important;\n    min-height: 0 !important;\n  }\n  /* Content: the options scroll area gets bottom breathing room so the last\n     row never sits flush against the sheet's rounded corner. */\n  [aria-modal=\"true\"]:has(> :first-child > :last-child > button):not(:has([role=\"navigation\"])):not(:has([class*=\"ZuhsRW\"])) > :last-child {\n    flex: 1 1 auto !important;\n    min-height: 0 !important;\n  }\n  [aria-modal=\"true\"]:has(> :first-child > :last-child > button):not(:has([role=\"navigation\"])):not(:has([class*=\"ZuhsRW\"])) > :last-child > :last-child {\n    padding: 0 12px 24px !important;\n  }\n";
 //# sourceMappingURL=layout.css.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"layout.css.d.ts","sourceRoot":"","sources":["../../../../src/client/styles/layout.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU,+p5BA+hBtB,CAAA"}
+{"version":3,"file":"layout.css.d.ts","sourceRoot":"","sources":["../../../../src/client/styles/layout.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU,4p9BAwkBtB,CAAA"}

package/lib/types/client/wizard/GatewayWizard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GatewayWizard.d.ts","sourceRoot":"","sources":["../../../../src/client/wizard/GatewayWizard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAGH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAA;AACjF,OAAO,KAAK,EAMV,qBAAqB,EACtB,MAAM,oCAAoC,CAAA;AAmD3C,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAA;AAMlC,MAAM,WAAW,kBAAmB,SAAQ,YAAY,CAAC,uBAAuB,CAAC,EAAE,WAAW,CAAC,OAAO,EAAE,CAAC;IACvG,qEAAqE;IACrE,MAAM,EAAE,qBAAqB,CAAA;IAC7B,2EAA2E;IAC3E,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,SAAS,MAAM,EAAE,CAAA;KAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CAC3G;AAoGD,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,SAAS,CAm/DlE"}
+{"version":3,"file":"GatewayWizard.d.ts","sourceRoot":"","sources":["../../../../src/client/wizard/GatewayWizard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAGH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAA;AACjF,OAAO,KAAK,EAMV,qBAAqB,EACtB,MAAM,oCAAoC,CAAA;AAqD3C,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAA;AAMlC,MAAM,WAAW,kBAAmB,SAAQ,YAAY,CAAC,uBAAuB,CAAC,EAAE,WAAW,CAAC,OAAO,EAAE,CAAC;IACvG,qEAAqE;IACrE,MAAM,EAAE,qBAAqB,CAAA;IAC7B,2EAA2E;IAC3E,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,SAAS,MAAM,EAAE,CAAA;KAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CAC3G;AAoGD,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,SAAS,CAugElE"}

package/lib/types/client-data/new-session.d.ts

@@ -0,0 +1,26 @@
+/**
+ * UX-3 — what tapping the phone home screen's "+ 新建会话" FAB should do.
+ *
+ * Entering a blank session with NO workspace leaves the phone dangling in
+ * the hero's inert "choose a workspace" state (the host's `marshal-main`
+ * belongs to no workspace, so the "all" filter often resolves to
+ * `undefined`). Decide BEFORE entering:
+ *
+ * - a workspace is already selected → start there;
+ * - exactly one workspace exists (or none at all) → start with it
+ *   (`undefined` keeps a no-workspace host usable);
+ * - several workspaces and none selected → the FAB opens the same
+ *   bottom-sheet workspace drawer the title bar uses, and the session only
+ *   starts once one is picked.
+ *
+ * Pure: no DOM, no imports — MobileHome calls it inside the FAB's onClick
+ * and test/permission-sheet.test.cjs drives it directly.
+ */
+export type NewSessionAction<W extends string> = {
+    kind: 'start';
+    workspaceId: W | undefined;
+} | {
+    kind: 'pick-workspace';
+};
+export declare function decideNewSessionAction<W extends string>(selectedWorkspaceId: W | undefined, workspaceIds: readonly W[]): NewSessionAction<W>;
+//# sourceMappingURL=new-session.d.ts.map

package/lib/types/client-data/new-session.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"new-session.d.ts","sourceRoot":"","sources":["../../../src/client-data/new-session.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,MAAM,IACzC;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,WAAW,EAAE,CAAC,GAAG,SAAS,CAAA;CAAE,GAC7C;IAAE,IAAI,EAAE,gBAAgB,CAAA;CAAE,CAAA;AAE9B,wBAAgB,sBAAsB,CAAC,CAAC,SAAS,MAAM,EACrD,mBAAmB,EAAE,CAAC,GAAG,SAAS,EAClC,YAAY,EAAE,SAAS,CAAC,EAAE,GACzB,gBAAgB,CAAC,CAAC,CAAC,CAIrB"}

package/lib/types/client-data/settings-form.d.ts

@@ -282,6 +282,42 @@ export declare function normalizePairingCode(input: string): string;
  * save — a follow mid-typing would clobber it).
  */
 export declare function shouldFollowServerDeviceName(deviceName: string, rowName: string, hasDraft: boolean): boolean;
+/**
+ * Whether one successful client-side activation (a staged-save role switch, a
+ * first pairing) needs a page reload: the backend's restart-watcher only
+ * installs the stream interceptor when the row reloads into client mode, and
+ * the page's three resident global streams were opened under whatever gateway
+ * object was current AT LOAD TIME. Without a reload they stay unwrapped and
+ * the server's remote sessions never enter the merged sidebar lists.
+ *
+ * - A write that did not land, or a save that is not heading to `client`,
+ *   never reloads.
+ * - A host→client switch always reloads: the streams predate the interceptor.
+ * - An already-client page reloads only when the diagnostics say the
+ *   interceptor was NOT yet active (`streamInterceptAlreadyActive === false`).
+ *   `undefined` — an older server that answers no diagnostics — is UNKNOWN and
+ *   stays on the safe no-reload side (a re-pairing must not needlessly reload).
+ */
+export interface ClientActivationReloadInput {
+    /** Whether the page was ALREADY an effective client before this operation. */
+    wasEffectiveClient: boolean;
+    /** Whether the role after the operation is (or is switching to) client. */
+    nowClientRole: boolean;
+    /** Whether this operation actually landed (the save / pairing write). */
+    savedOrPaired: boolean;
+    /** The client/status diagnostics' interceptor flag before the operation
+     * (derived by the caller); `undefined` when unknown. */
+    streamInterceptAlreadyActive?: boolean;
+}
+export declare function shouldReloadAfterClientActivation(input: ClientActivationReloadInput): boolean;
+/**
+ * Poll {@link CLIENT_STATUS_ROUTE} until the backend answers ok — the bounded
+ * wait before the post-activation reload, covering the restart-watcher's row
+ * reload window (the route 404s / fails while the row restarts). Resolves
+ * after `maxMs` regardless, so the reload always fires. Injectable fetch and
+ * timings keep the check script fast; defaults are the page's 3 s / 250 ms.
+ */
+export declare function awaitClientStatusReady(fetchFn?: typeof fetch, maxMs?: number, intervalMs?: number): Promise<void>;
 /**
  * Latest-wins sequencing for the status loads: every request takes a ticket,
  * and only the newest ticket may still apply its result. An earlier request

package/lib/types/client-data/settings-form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"settings-form.d.ts","sourceRoot":"","sources":["../../../src/client-data/settings-form.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"settings-form.d.ts","sourceRoot":"","sources":["../../../src/client-data/settings-form.ts"],"names":[],"mappings":"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"}