@khorsheed/dsh-mobile 0.1.0 → 0.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (33) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/README.en.md +118 -0
  3. package/README.i18n.yaml +3 -3
  4. package/README.md +65 -79
  5. package/lib/client.js +287 -41
  6. package/lib/index.js +30 -2
  7. package/lib/types/client/ConnectPhone.js +42 -3
  8. package/lib/types/client/MobileChrome.js +1 -1
  9. package/lib/types/client/MobileLibrary.d.ts +2 -1
  10. package/lib/types/client/MobileLibrary.js +34 -15
  11. package/lib/types/client/MobileTools.d.ts +13 -3
  12. package/lib/types/client/MobileTools.js +7 -5
  13. package/lib/types/client/catalogReads.d.ts +10 -0
  14. package/lib/types/client/catalogReads.js +28 -0
  15. package/lib/types/client/commands.d.ts +18 -0
  16. package/lib/types/client/commands.js +6 -0
  17. package/lib/types/client/composerActions.d.ts +3 -3
  18. package/lib/types/client/composerActions.js +18 -9
  19. package/lib/types/client/index.js +8 -1
  20. package/lib/types/client/locales.d.ts +1 -0
  21. package/lib/types/client/locales.js +2 -0
  22. package/lib/types/client/sheetGestures.d.ts +3 -0
  23. package/lib/types/client/sheetGestures.js +81 -0
  24. package/lib/types/client/styles.d.ts +2 -2
  25. package/lib/types/client/styles.js +26 -7
  26. package/lib/types/client/surface.js +7 -4
  27. package/lib/types/connect.d.ts +1 -1
  28. package/lib/types/connect.js +8 -2
  29. package/lib/types/protocol.d.ts +1 -1
  30. package/lib/types/reachability.d.ts +5 -0
  31. package/lib/types/reachability.js +14 -0
  32. package/package.json +4 -3
  33. package/README.zh.md +0 -132
package/lib/types/client/styles.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export declare const ORDINARY_TITLE = "[data-slot=\"main.conversation\"] header:has([data-conversation-header-corner]) nav:has(> span:only-child > button:disabled + [data-slot=\"conversation.session.header.lineage\"]:empty)";
1
+ export declare const ORDINARY_TITLE = "[data-slot=\"main.conversation\"] header:has([data-conversation-header-corner]) nav:has(> span:only-child > :is(button:disabled,span:not([data-slot])) + [data-slot=\"conversation.session.header.lineage\"]:empty)";
2
2
  /** Local overrides target official slot anchors; frame attributes are verified before activation. */
3
- export declare const MOBILE_CSS = "\nhtml[data-dsh-mobile] { --mobile-bar: 56px; --mobile-accent: #4d6bfe; }\nhtml[data-dsh-mobile] body { overscroll-behavior: none; }\nhtml[data-dsh-mobile] [data-mobile-frame] {\n background: var(--dsw-alias-bg-base, #fff);\n box-sizing: border-box; height: var(--mobile-height, 100dvh) !important;\n padding-top: var(--mobile-bar); padding-bottom: env(safe-area-inset-bottom, 0px);\n grid-template-columns: 0px minmax(0, 1fr) 0px !important;\n grid-template-rows: minmax(0, 1fr); transition: none !important;\n}\nhtml[data-dsh-mobile] [data-mobile-frame] > div:has(> [data-slot=\"sidebar\"]) {\n position: absolute; inset: var(--mobile-bar) auto 0 0; z-index: 22;\n width: min(88vw, 360px); border-radius: 0 24px 24px 0;\n box-shadow: 16px 0 60px #15244320;\n}\nhtml[data-dsh-mobile] [data-mobile-frame][data-sidebar-collapsed] > div:has(> [data-slot=\"sidebar\"]) { display: none; }\nhtml[data-dsh-mobile] [data-mobile-frame] > div:has(> [data-slot=\"main\"]) { grid-column: 2; grid-row: 1; min-width: 0; }\nhtml[data-dsh-mobile] [data-mobile-frame] > [data-rightbar-col] { grid-column: 3; grid-row: 1; }\nhtml[data-dsh-mobile] [data-mobile-frame]:not([data-rightbar-collapsed]) > [data-rightbar-col] {\n position: absolute; inset: var(--mobile-bar) 0 0; z-index: 24; width: 100%;\n background: var(--dsw-alias-bg-base, white); min-width: 0;\n}\nhtml[data-dsh-mobile] [data-mobile-frame] > [data-side] { display: none; }\nhtml[data-dsh-mobile] [data-mobile-frame] > [data-shell-overlay] { z-index: 23; pointer-events: none; }\nhtml[data-dsh-mobile] [data-slot=\"main.conversation\"] > div {\n --dsh-chat-content-width: calc(100vw - 48px);\n --dsh-composer-side-clearance: 12px;\n}\nhtml[data-dsh-mobile] [data-composer-card] { border-radius: 24px; }\nhtml[data-dsh-mobile] [data-composer-card] [contenteditable=\"true\"] { font-size: 16px; }\nhtml[data-dsh-mobile] [data-width-handle] { display: none; }\nhtml[data-dsh-mobile] [data-composer-seat] { padding-bottom: 8px; }\nhtml[data-dsh-mobile] [data-conversation-scroll] { overscroll-behavior-y: contain; }\nhtml[data-dsh-mobile] [data-slot=\"conversation.header.tabs\"] { overflow-x: auto; }\nhtml[data-dsh-mobile] [data-slot=\"conversation.input.left\"],\nhtml[data-dsh-mobile] [data-slot=\"conversation.input.right\"] { max-width: 100%; }\n[data-mobile-toolbar] {\n position: absolute; inset: 0 0 auto; height: var(--mobile-bar, 56px); display: flex;\n align-items: center; justify-content: space-between; gap: 8px; padding: 0 12px;\n box-sizing: border-box; background: var(--dsw-alias-bg-base, #fff);\n border-bottom: 1px solid var(--dsw-alias-border-l3, #edf0f5); pointer-events: auto;\n}\n[data-mobile-toolbar] button, [data-mobile-dialog] button {\n border: 0; border-radius: 16px; min-height: 44px; min-width: 44px;\n padding: 10px 14px; font: inherit; cursor: pointer;\n color: var(--dsw-alias-label-primary, #152443); background: transparent;\n -webkit-tap-highlight-color: transparent;\n}\n[data-mobile-toolbar] button:hover, [data-mobile-dialog] button:hover { background: #4d6bfe12; }\n[data-mobile-toolbar] strong { font-size: 18px; font-weight: 600; letter-spacing: -0.6px; color: var(--mobile-accent, #4d6bfe); }\n[data-mobile-toolbar] small { color: var(--dsw-alias-label-tertiary, #778195); font-size: 11px; display: block; text-align: center; }\n[data-mobile-toolbar] svg { display: block; }\n[data-mobile-shade] { position: absolute; inset: var(--mobile-bar) 0 0 min(88vw, 360px); border: 0; background: #15244330; pointer-events: auto; }\n[data-mobile-dialog] {\n color: var(--dsw-alias-label-primary, #152443); background: var(--dsw-alias-bg-base, white);\n border: 1px solid var(--dsw-alias-border-l3, #e6eaf2); border-radius: 28px;\n width: min(440px, calc(100vw - 32px)); box-sizing: border-box; padding: 24px;\n max-height: calc(100dvh - 48px); overflow-y: auto; box-shadow: 0 24px 90px #15244325;\n}\n[data-mobile-dialog] input { box-sizing: border-box; width: 100%; margin-top: 12px; padding: 14px; border: 1px solid #ccd3df; border-radius: 14px; font: inherit; font-size: 16px; }\n[data-mobile-dialog] button:disabled { opacity: .4; cursor: default; }\n[data-mobile-dialog]::backdrop { background: #15244355; backdrop-filter: blur(8px); }\n[data-mobile-dialog] h2 { margin: 0 0 24px; font-size: 24px; font-weight: 500; }\n[data-mobile-dialog] h3 { font-size: 13px; font-weight: 500; color: var(--dsw-alias-label-tertiary, #778195); margin: 24px 0 10px; }\n[data-mobile-dialog] p { font-size: 13px; line-height: 1.7; color: var(--dsw-alias-label-tertiary, #778195); overflow-wrap: anywhere; }\n[data-mobile-dialog] [role=\"group\"] { display: flex; flex-wrap: wrap; gap: 6px; }\n[data-mobile-dialog] button[aria-pressed=\"true\"] { color: #4d6bfe; background: #4d6bfe12; }\n[data-mobile-dialog] [data-mobile-done] { display: block; width: 100%; margin-top: 24px; background: #4d6bfe; color: white; border-radius: 100px; }\n\n/* Hide an empty ordinary breadcrumb; populated catalogs keep their Host trigger. */\nhtml[data-dsh-mobile]:has([data-mobile-session-title]) [data-slot=\"main.conversation\"] header:has([data-conversation-header-corner]) nav:has(> span:only-child > button:disabled + [data-slot=\"conversation.session.header.lineage\"]:empty) { display:none; }\nhtml[data-dsh-mobile] [data-mobile-lineage-count] { flex-shrink:0; white-space:nowrap; }\n[data-mobile-restore] { position:fixed; right:16px; bottom:max(16px,env(safe-area-inset-bottom)); z-index:1200; pointer-events:auto; min-height:44px; padding:10px 18px; border:1px solid #4d6bfe40; border-radius:24px; background:var(--dsw-alias-bg-base,white); color:#4d6bfe; font:inherit; box-shadow:0 3px 18px #15244318; }\n\n/* Mobile-owned library: scrolling content and a separate keyboard-aware search dock. */\n[data-mobile-library] { position:absolute; inset:var(--mobile-bar,56px) 0 0; display:flex; flex-direction:column; overflow:hidden; pointer-events:auto; background:var(--dsw-alias-bg-base,white); color:var(--dsw-alias-label-primary,#181a20); }\n[data-mobile-library] button { font:inherit; cursor:pointer; color:inherit; -webkit-tap-highlight-color:transparent; }\n[data-mobile-library-header] { display:flex; align-items:center; justify-content:space-between; flex-shrink:0; gap:12px; padding:12px 22px 14px; }\n[data-mobile-library] h1 { margin:0; font-size:30px; font-weight:600; letter-spacing:-1px; }\n[data-mobile-grouping] { display:flex; padding:3px; border-radius:13px; background:var(--dsw-alias-bg-module-platform,#f2f3f6); }\n[data-mobile-grouping] button { border:0; border-radius:10px; min-height:44px; padding:0 12px; font-size:12px; background:none; }\n[data-mobile-grouping] button[aria-pressed=true] { background:var(--dsw-alias-button-floating-fill,white); box-shadow:0 1px 4px #17203815; }\n[data-mobile-recents] { flex:1; min-height:0; overflow-y:auto; padding:0 22px 12px; overscroll-behavior:contain; }\n[data-mobile-session-group] h2 { color:var(--dsw-alias-label-tertiary,#727680); font-size:12px; font-weight:500; margin:16px 0 4px; }\n[data-mobile-session-group] ul { list-style:none; padding:0; margin:0; }\n[data-mobile-workspace-group] { display:grid; grid-template-columns:18px minmax(0,1fr) auto 18px; align-items:center; width:100%; gap:9px; padding:14px 0; min-height:48px; text-align:left; background:none; border:0; }\n[data-mobile-workspace-group] svg { display:block; }\n[data-mobile-workspace-group] strong, [data-mobile-workspace-group] small { line-height:20px; margin:0; }\n[data-mobile-workspace-group] strong { min-width:0; overflow-wrap:anywhere; font-size:14px; font-weight:500; }\n[data-mobile-workspace-group] small { color:var(--dsw-alias-label-tertiary,#727680); font-size:12px; }\n[data-mobile-session] { display:flex; align-items:center; gap:12px; width:100%; min-height:78px; padding:16px 0; text-align:left; border:0; border-bottom:1px solid var(--dsw-alias-border-l3,#e8e9ee); background:none; }\n[data-mobile-session-copy] { min-width:0; flex:1; }\n[data-mobile-session-copy] strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; line-height:1.5; font-weight:500; }\n[data-mobile-session-copy] small { display:block; color:var(--dsw-alias-label-tertiary,#727680); font-size:12px; margin-top:6px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }\n[data-mobile-session] time { font-size:11px; color:var(--dsw-alias-label-tertiary,#727680); flex-shrink:0; }\n[data-mobile-session]:active { background:#4d6bfe0a; }\n[data-mobile-activity] { font-size:11px; color:var(--mobile-accent,#4d6bfe); white-space:nowrap; }\n[data-mobile-activity]::before { content:''; display:inline-block; width:5px; height:5px; margin-right:5px; vertical-align:middle; border-radius:50%; background:currentColor; }\n[data-mobile-empty] { color:var(--dsw-alias-label-tertiary,#727680); padding:32px 0; text-align:center; font-size:14px; }\n[data-mobile-search-dock] { display:flex; flex-shrink:0; align-items:center; gap:10px; padding:12px 16px max(10px,env(safe-area-inset-bottom)); background:var(--dsw-alias-bg-base,white); }\n[data-mobile-search] { display:flex; flex:1; min-width:0; align-items:center; gap:8px; min-height:50px; border:1px solid var(--dsw-alias-border-l3,#e8e9ee); border-radius:28px; padding:0 16px; background:var(--dsw-alias-bg-module-platform,#f2f3f6); color:var(--dsw-alias-label-tertiary,#727680); }\n[data-mobile-search] svg { flex-shrink:0; }\n[data-mobile-search] input { width:100%; min-width:0; border:0; background:none; color:var(--dsw-alias-label-primary,#181a20); font:inherit; font-size:16px; padding:12px 0; }\n[data-mobile-search]:focus-within { outline:2px solid #4d6bfe65; outline-offset:2px; }\n[data-mobile-scan] { display:grid; place-items:center; width:50px; height:50px; flex-shrink:0; border:1px solid var(--dsw-alias-border-l3,#e8e9ee); background:var(--dsw-alias-bg-module-platform,#f2f3f6); border-radius:50%; }\n[data-mobile-search-cancel] { min-height:50px; min-width:44px; color:var(--mobile-accent,#4d6bfe) !important; background:none; border:0; font-size:14px; }\n[data-mobile-nav-title] { flex:1; min-width:0; text-align:center; }\n[data-mobile-nav-title] strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--dsw-alias-label-primary,#181a20); font-size:16px; }\nhtml[data-dsh-mobile] [data-mobile-toolbar] { border-bottom:0; padding:0 12px; }\n[data-mobile-toolbar] button { color:var(--mobile-accent,#4d6bfe); }\n[data-mobile-connection-status] { position:absolute; top:var(--mobile-bar); left:12px; right:12px; display:flex; align-items:center; justify-content:space-between; gap:12px; border-radius:12px; padding:0 12px; font-size:12px; background:var(--dsw-alias-bg-module-platform,#f2f3f6); pointer-events:auto; z-index:1; }\n[data-mobile-connection-status] button { border:0; background:none; color:var(--mobile-accent,#4d6bfe); min-height:40px; }\nhtml[data-dsh-mobile]:has([data-mobile-connection-status]) { --mobile-bar:96px; }\nhtml[data-dsh-mobile]:has([data-mobile-connection-status]) [data-mobile-toolbar] { height:56px; }\nhtml[data-dsh-mobile]:has([data-mobile-connection-status]) [data-mobile-connection-status] { top:56px; }\n[data-mobile-dialog] { margin:auto 0 0; width:100%; max-width:none; max-height:75dvh; border-radius:26px 26px 0 0; padding-bottom:max(24px,env(safe-area-inset-bottom)); }\n[data-mobile-dialog] [data-mobile-option] { width:100%; display:block; text-align:left; border-radius:0; border-bottom:1px solid var(--dsw-alias-border-l3,#e8e9ee); padding:14px 0; }\n/* Preserve the official composer, controls, confirmations and message actions. */\nhtml[data-dsh-mobile] [data-composer-card] { border-radius:20px; box-shadow:none; background:var(--dsw-alias-bg-module-platform,#f2f3f6); }\nhtml[data-dsh-mobile] [data-composer-card] [data-input-scroll] { max-height:min(28dvh,220px); }\nhtml[data-dsh-mobile] [data-composer-card] > div:last-child { flex-wrap:wrap; gap:8px; }\nhtml[data-dsh-mobile] [data-composer-card] > div:last-child > div { flex-wrap:wrap; min-width:0; gap:6px; }\nhtml[data-dsh-mobile] [data-composer-card] > div:last-child > div:last-child { margin-left:auto; }\nhtml[data-dsh-mobile] [data-composer-card] > div:last-child button { min-height:44px; }\nhtml[data-dsh-mobile] [data-slot=\"conversation.input.model\"] { min-width:0; max-width:min(62vw,270px); }\n/* Dock the same blank-session composer; the checked hero mark anchors its optional headline. */\nhtml[data-dsh-mobile] [data-slot=\"main.conversation\"] [data-phase=\"hero\"] [data-conversation-scroll] { justify-content:flex-end; }\nhtml[data-dsh-mobile] [data-slot=\"main.conversation\"] [data-phase=\"hero\"] [data-composer-seat] { flex:1; min-height:0; }\nhtml[data-dsh-mobile] [data-phase=\"hero\"] [data-composer-seat] > div:has([data-slot=\"conversation.hero.brand.mark\"]) { flex:1; align-self:stretch; padding-bottom:8px; }\nhtml[data-dsh-mobile] [data-phase=\"hero\"] [data-composer-seat] > div > div:first-child:has([data-slot=\"conversation.hero.brand.mark\"]) { flex:1; min-height:100px; justify-content:center; }\n/* rc1 semantic menu anchors, only inside the official composer/hero seats. */\nhtml[data-dsh-mobile] :is([data-composer-card],[data-slot=\"conversation.hero.agentPreset\"],[data-slot=\"conversation.hero.workspace\"]) [role=\"menu\"]:not([role=\"menu\"] [role=\"menu\"]) {\n position:fixed !important; inset:auto 12px max(12px,env(safe-area-inset-bottom)) !important; width:auto !important; min-width:0; max-width:none; max-height:min(65dvh,520px); overflow-y:auto; border-radius:24px; padding:12px; z-index:1100;\n}\nhtml[data-dsh-mobile] :is([data-composer-card],[data-slot=\"conversation.hero.agentPreset\"],[data-slot=\"conversation.hero.workspace\"]) [role=\"menuitem\"] { min-height:48px; }\n/* Approved mobile visual system. Native SwiftUI owns its safe area; Safari owns its own. */\n/* Resolve aliases on body: the official theme presenter publishes its palette there.\n Root aliases resolve before body tokens exist and freeze their light fallbacks. */\nhtml[data-dsh-mobile] body { --mobile-face:var(--dsw-alias-button-floating-fill,#fff); --mobile-soft:var(--dsw-alias-bg-module-platform,#f3f4f6); --mobile-line:var(--dsw-alias-border-l3,#eceef1); --mobile-accent:var(--dsw-alias-state-business-primary,#4d6bfe); --mobile-shadow:0 6px 24px #1823380b; }\nhtml[data-mobile-native-insets] [data-mobile-frame] { padding-bottom:0; }\nhtml[data-mobile-native-insets] :is([data-mobile-search-dock],[data-mobile-dialog]) { padding-bottom:8px; }\nhtml[data-dsh-mobile] [data-mobile-toolbar] { height:64px; padding:8px 16px; }\nhtml[data-dsh-mobile] { --mobile-bar:64px; }\nhtml[data-dsh-mobile]:has([data-mobile-connection-status]) { --mobile-bar:104px; }\nhtml[data-dsh-mobile]:has([data-mobile-connection-status]) [data-mobile-toolbar] { height:64px; }\nhtml[data-dsh-mobile]:has([data-mobile-connection-status]) [data-mobile-connection-status] { top:64px; }\n[data-mobile-toolbar] button { display:grid; place-items:center; width:44px; height:44px; padding:0; border-radius:50%; corner-shape:round; background:var(--mobile-face); box-shadow:var(--mobile-shadow); color:var(--dsw-alias-label-primary,#202226); }\n[data-mobile-nav-title] strong { font-weight:500; letter-spacing:0; }\n[data-mobile-library] h1 { font-size:26px; font-weight:500; letter-spacing:-.7px; }\n[data-mobile-grouping] { border-radius:19px; }\n[data-mobile-grouping] button { border-radius:16px; min-height:38px; }\n[data-mobile-library-header] { padding:16px 20px; }\n[data-mobile-recents] { padding:0 12px 12px; }\n[data-mobile-workspace-group] { padding:12px 10px; color:var(--dsw-alias-label-tertiary,#74767c)!important; }\n[data-mobile-workspace-group] strong { font-size:13px; font-weight:400; }\n[data-mobile-session-group] h2 { padding:0 10px; }\n[data-mobile-session] { border:0; border-radius:16px; padding:14px 12px; min-height:68px; }\n[data-mobile-session][aria-current=page] { background:var(--mobile-soft); }\n[data-mobile-session-copy] strong { font-size:15px; font-weight:400; }\n[data-mobile-session-copy] small:empty { display:none; }\n[data-mobile-search-dock] { padding:12px 14px max(8px,env(safe-area-inset-bottom)); gap:8px; }\n[data-mobile-search] { min-height:50px; background:var(--mobile-face); border:1px solid var(--mobile-line); box-shadow:var(--mobile-shadow); }\n[data-mobile-search]:focus-within { outline:none; }\n[data-mobile-search] input:focus, html[data-dsh-mobile] [data-composer-card] [contenteditable]:focus { outline:none!important; box-shadow:none!important; }\n[data-mobile-search] input::placeholder { color:var(--dsw-alias-label-secondary,#61666b); opacity:1; }\nhtml[data-dsh-mobile] [data-composer-placeholder] { color:var(--dsw-alias-label-secondary,#61666b); }\n[data-mobile-search] input, html[data-dsh-mobile] [data-composer-card] [contenteditable] { caret-color:var(--mobile-accent); }\nhtml[data-mobile-input=keyboard] [data-mobile-search]:focus-within, html[data-mobile-input=keyboard] [data-composer-card]:has([contenteditable]:focus) { outline:2px solid var(--mobile-accent); outline-offset:3px; }\n[data-mobile-scan], [data-mobile-search-cancel] { display:grid; place-items:center; min-width:50px; width:50px; height:50px; border:1px solid var(--mobile-line); background:var(--mobile-face); box-shadow:var(--mobile-shadow); border-radius:50%; corner-shape:round; color:var(--dsw-alias-label-primary,#202226)!important; }\nhtml[data-dsh-mobile] [data-composer-card] { border-radius:25px; border:1px solid var(--mobile-line); background:var(--mobile-face); box-shadow:var(--mobile-shadow); }\nhtml[data-dsh-mobile] [data-composer-card] > div:last-child { gap:4px; }\nhtml[data-dsh-mobile] [data-composer-card] > div:last-child > div { gap:3px; }\nhtml[data-dsh-mobile] [data-composer-card] > div:last-child button { min-height:40px; }\n/* rc1's two direct toolbar buttons precede the hidden attachment input.\n Scope narrowly so plugin buttons, permission menus and send retain their own states. */\nhtml[data-dsh-mobile] [data-composer-card] > div:last-child > div:first-child > button:has(~ input[type=file][hidden]) { width:40px; height:40px; min-width:40px; padding:0; background:transparent; border-radius:50%; }\nhtml[data-dsh-mobile] [data-composer-card] > div:last-child > div:first-child > button:has(~ input[type=file][hidden]):active:not(:disabled) { background:var(--dsw-alias-interactive-bg-active); }\nhtml[data-dsh-mobile] [data-slot=\"conversation.input.model\"] { max-width:min(43vw,210px); }\nhtml[data-dsh-mobile] [data-composer-seat] { padding-bottom:2px; }\n/* The compact stats row on both host lines: 0.1.5 mounts it as\n [data-composer-stats]; alpha.2 deleted that attribute and wraps the dock\n (stats pills + context meter) in a real flex row directly after the card.\n On 0.1.5 the sibling selector lands on the display:contents slot wrapper \u2014\n inert for padding/gap, same font-size by inheritance \u2014 so both rules stay. */\nhtml[data-dsh-mobile] [data-composer-stats], html[data-dsh-mobile] [data-composer-card] + div { padding:4px 12px 0; gap:10px; font-size:11px; }\nhtml[data-dsh-mobile] [data-composer-stats] button, html[data-dsh-mobile] [data-composer-card] + div button { min-height:32px; }\n/* Follow the real chain fallback -> stack -> HeroShell path, not display:contents wrappers. */\nhtml[data-dsh-mobile] [data-phase=hero] [data-composer-seat] { flex:1 0 auto; }\nhtml[data-dsh-mobile] [data-phase=hero] [data-chain-overlay-fallback=\"conversation.composer\"] > div:has([data-mobile-welcome]) { flex:1; align-self:stretch; padding-bottom:0; width:100%; }\nhtml[data-dsh-mobile] [data-phase=hero] [data-chain-overlay-fallback=\"conversation.composer\"] > div > div:has([data-mobile-welcome]) { flex:1; height:auto; min-height:160px; padding:24px 16px 40px; }\nhtml[data-dsh-mobile] [data-phase=hero] span:has(> [data-slot=\"conversation.hero.brand.mark\"]):has([data-mobile-welcome]) + span { display:none; }\n[data-mobile-welcome] { text-align:center; }\n[data-mobile-welcome] small { color:var(--mobile-accent); letter-spacing:3px; font-size:13px; }\n[data-mobile-welcome] h2 { font-size:25px; font-weight:500; line-height:1.4; margin:16px 0 9px; letter-spacing:-.6px; }\n[data-mobile-welcome] p { font-size:13px; line-height:1.6; margin:0; color:var(--dsw-alias-label-tertiary,#74767c); }\nhtml[data-dsh-mobile]:has([data-phase=hero]) [data-mobile-toolbar][data-library=false] [data-mobile-new=true] { visibility:hidden; }\nhtml[data-dsh-mobile] [data-phase=hero] div:has(> [data-slot=\"conversation.hero.workspace\"]) { gap:6px; padding:6px 18px; flex-wrap:wrap; }\nhtml[data-dsh-mobile] [data-phase=hero] div:has(> [data-slot=\"conversation.hero.workspace\"]) > button, html[data-dsh-mobile] [data-slot=\"conversation.hero.agentPreset\"] button[aria-haspopup] { border-radius:18px; min-height:40px; font-size:13px; background:var(--mobile-soft); }\n/* Quiet, read-only metadata below the mobile title. */\n[data-mobile-subtitle] { display:flex; justify-content:center; align-items:center; gap:5px; margin-top:3px; font-size:11px; line-height:16px; color:var(--dsw-alias-label-secondary,#61666b); }\n[data-mobile-subtitle] > span:first-child { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }\n[data-mobile-subtitle] > span:last-child:not(:first-child) { flex-shrink:0; max-width:60%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }\nhtml[data-dsh-mobile]:has([data-mobile-session-title]) [data-mobile-header-hidden], [data-mobile-hidden-tab] { display:none!important; }\n/* Fold only the identified official trigger buttons, not their menus or owners. */\n[data-mobile-folded-action] { display:none!important; }\n[data-mobile-tools-seat] { display:contents; }\nhtml[data-dsh-mobile] [data-mobile-tools-open] { display:grid; place-items:center; width:44px; height:44px; min-width:44px; padding:0; border:0; border-radius:50%; corner-shape:round; color:var(--dsw-alias-label-primary); background:var(--mobile-soft); }\n[data-mobile-tools-dialog] { box-sizing:border-box; margin:auto auto 0; width:min(100%,520px); max-width:100%; max-height:75dvh; overflow-y:auto; padding:16px 20px max(20px,env(safe-area-inset-bottom)); border:1px solid var(--mobile-line); border-bottom:0; border-radius:26px 26px 0 0; background:var(--mobile-face); color:var(--dsw-alias-label-primary); box-shadow:0 -8px 40px #0002; }\n[data-mobile-tools-dialog]::backdrop { background:#0005; }\n[data-mobile-tools-dialog] [data-mobile-tools-handle] { width:34px; height:4px; margin:0 auto 12px; border-radius:4px; background:var(--dsw-alias-label-tertiary); opacity:.5; }\n[data-mobile-tools-dialog] header { display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }\n[data-mobile-tools-dialog] strong { font-size:16px; font-weight:500; }\n[data-mobile-tools-dialog] button { font:inherit; color:inherit; cursor:pointer; border:0; background:transparent; -webkit-tap-highlight-color:transparent; }\n[data-mobile-tools-dialog] button:disabled { opacity:.45; cursor:default; }\n[data-mobile-tools-dialog] header button { width:44px; height:44px; display:grid; place-items:center; border-radius:50%; padding:0; }\n[data-mobile-tools-grid] { display:grid; grid-template-columns:1fr 1fr; gap:12px; }\n[data-mobile-tools-grid] button { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; min-height:92px; padding:12px; border-radius:20px; background:var(--mobile-soft); font-size:14px; }\n[data-mobile-tools-permission] { display:flex; align-items:center; width:100%; gap:10px; margin-top:12px; min-height:64px; padding:12px 0; text-align:left; font-size:14px!important; }\n[data-mobile-tools-permission] > span { flex-shrink:0; }\n[data-mobile-tools-permission] > small { margin-left:auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; color:var(--dsw-alias-label-secondary); }\n[data-mobile-tools-dialog] svg { flex:none; }\nhtml[data-mobile-input=pointer] [data-mobile-tools-dialog] button:focus { outline:none; }\nhtml[data-dsh-mobile] [data-composer-card] > div:last-child > div:last-child > button:has(>svg):not([aria-haspopup]) { width:44px; height:44px; min-width:44px; padding:0; border-radius:50%; corner-shape:round; transform:none; }\nhtml[data-dsh-mobile] [data-composer-card] > div:last-child > div:last-child > button:has(>svg):not([aria-haspopup]) > svg { width:20px; height:20px; flex:none; }\nhtml[data-dsh-mobile] [data-slot=\"conversation.input.model\"] { max-width:min(56vw,260px); }\n/* Keep the send row on one line; 0.1.5 also seats the host context meter in it\n (alpha.2 moved the meter into the dock row below the card). */\nhtml[data-dsh-mobile] [data-composer-card] > div:last-child, html[data-dsh-mobile] [data-composer-card] > div:last-child > div:last-child { flex-wrap:nowrap; }\nhtml[data-dsh-mobile] [data-slot=\"conversation.input.model\"] { min-width:0; max-width:min(43vw,210px); flex:1 1 auto; }\n/* rc1's model slot uses display:contents. Size its root and restore the label\n after folding the other input controls; unknown renderers keep their markup. */\nhtml[data-dsh-mobile] [data-slot=\"conversation.input.model\"] > div { min-width:0; max-width:min(43vw,210px); }\nhtml[data-dsh-mobile] [data-slot=\"conversation.input.model\"] > div > button[aria-haspopup=\"menu\"]:has(> svg:first-child + span) { max-width:100%; height:44px; }\nhtml[data-dsh-mobile] [data-slot=\"conversation.input.model\"] > div > button[aria-haspopup=\"menu\"] > svg:first-child:has(+ span) { display:none; }\nhtml[data-dsh-mobile] [data-slot=\"conversation.input.model\"] > div > button[aria-haspopup=\"menu\"] > svg:first-child + span { display:block; }\nhtml[data-dsh-mobile] [data-composer-card] > div:last-child > div:last-child > span:has(> button[aria-haspopup=\"dialog\"] > svg > circle) { position:static; flex:0 0 auto; }\n/* Translucency belongs to surfaces. Foreground colors remain fully opaque. */\nhtml[data-dsh-mobile] body { --mobile-shadow:0 6px 22px color-mix(in srgb,var(--dsw-alias-label-primary) 9%,transparent); --mobile-glass:color-mix(in srgb,var(--mobile-face) 86%,transparent); --mobile-edge:color-mix(in srgb,var(--dsw-alias-label-primary) 14%,transparent); }\nhtml[data-dsh-mobile] :is([data-mobile-toolbar] button,[data-mobile-scan],[data-mobile-search-cancel],[data-mobile-search],[data-mobile-tools-open],[data-composer-card]) {\n background:var(--mobile-glass); border:1px solid var(--mobile-edge); box-shadow:inset 0 1px 0 color-mix(in srgb,var(--dsw-alias-label-primary) 5%,transparent),var(--mobile-shadow);\n -webkit-backdrop-filter:blur(18px) saturate(1.25); backdrop-filter:blur(18px) saturate(1.25);\n}\nhtml[data-dsh-mobile] :is([data-mobile-toolbar] button,[data-mobile-scan],[data-mobile-tools-open]):active { background:var(--mobile-soft); transform:scale(.97); }\nhtml[data-dsh-mobile] [data-mobile-icon] { flex-shrink:0; aspect-ratio:1; }\n@media (prefers-reduced-transparency: reduce) { html[data-dsh-mobile] body { --mobile-glass:var(--mobile-face); } }\n@supports not (backdrop-filter:blur(1px)) { html[data-dsh-mobile] body { --mobile-glass:var(--mobile-face); } }\nhtml[data-dsh-mobile] [data-composer-card] > div:last-child > div:last-child { flex:1 1 0; justify-content:flex-end; }\nhtml[data-dsh-mobile] [data-composer-seat] div:has(> textarea):has(> div > button[aria-label]) { border-radius:25px; background:var(--mobile-glass); border:1px solid var(--mobile-edge); box-shadow:var(--mobile-shadow); -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px); }\nhtml[data-dsh-mobile] [data-composer-seat] textarea { font-size:16px; max-height:26dvh; }\nhtml[data-dsh-mobile] [data-composer-seat] div:has(> textarea) > div > button[aria-label] { width:44px; height:44px; min-width:44px; padding:0; border-radius:50%; }\nhtml[data-dsh-mobile] [data-composer-seat]:has([data-mobile-room-queue]) [data-testid=\"room-queue-strip\"] { display:none; }\n[data-mobile-room-queue] { padding:4px 16px; }\n[data-mobile-queue-pill] { border:1px solid var(--mobile-edge); background:var(--mobile-glass); border-radius:20px; padding:8px 14px; min-height:36px; color:var(--dsw-alias-label-primary); }\n[data-mobile-queue-row] { padding:8px 0; border-bottom:1px solid var(--mobile-line); }\n[data-mobile-queue-row] p { overflow-wrap:anywhere; white-space:pre-wrap; font-size:14px; }\n[data-mobile-queue-row] button { min-height:44px; padding:8px 12px; }\n[data-mobile-queue-row] textarea { width:100%; background:var(--mobile-soft); color:var(--dsw-alias-label-primary); border:1px solid var(--mobile-line); border-radius:12px; padding:8px; }\n/* Mobile action surfaces retain each plugin's controls and callback semantics. */\n[data-mobile-message-menu] { position:fixed; margin:0; width:240px; max-width:calc(100vw - 24px); padding:8px; border-radius:22px; border:1px solid var(--mobile-edge); background:var(--mobile-glass); color:var(--dsw-alias-label-primary); box-shadow:var(--mobile-shadow); -webkit-backdrop-filter:blur(22px); backdrop-filter:blur(22px); }\n[data-mobile-message-menu]::backdrop { background:#0002; }\n[data-mobile-message-menu] button { display:flex; gap:14px; align-items:center; width:100%; min-height:48px; padding:8px 14px; border:0; border-radius:14px; background:none; color:inherit; font:inherit; text-align:left; }\n[data-mobile-message-menu] button:active { background:var(--mobile-soft); }\n[data-mobile-message-menu] svg { width:20px; height:20px; flex:none; }\n[data-mobile-message-menu] button:disabled { opacity:.45; }\n[data-mobile-toolbar]:has([data-mobile-members-open]) > [data-mobile-new] { display:none; }\n[data-mobile-members-open] { position:relative; }\n[data-mobile-members-open] small { position:absolute; bottom:-3px; right:-2px; min-width:16px; border-radius:10px; font-size:10px; background:var(--mobile-soft); color:var(--dsw-alias-label-primary); }\n[data-mobile-room-dialog] { text-align:left; line-height:1.5; }\n[data-mobile-room-dialog] header button { background:var(--mobile-soft); }\n[data-mobile-room-dialog] label { display:block; font-size:13px; margin:16px 0; }\n[data-mobile-room-dialog] :is(input,textarea,select) { display:block; width:100%; box-sizing:border-box; border:1px solid var(--mobile-line); border-radius:14px; padding:12px; margin-top:6px; font:inherit; font-size:16px; background:var(--mobile-soft); color:var(--dsw-alias-label-primary); }\n[data-mobile-room-dialog] [role=alert] { color:var(--dsw-alias-state-danger-primary,#b73535); font-size:13px; }\n[data-mobile-room-hint], [data-mobile-room-dialog] details { font-size:12px; color:var(--dsw-alias-label-secondary); }\n[data-mobile-room-dialog] details { overflow-wrap:anywhere; }\n[data-mobile-member-row] { display:flex; align-items:center; gap:8px; padding:6px 0; }\n[data-mobile-member-chat] { display:flex!important; align-items:center; flex:1; min-width:0; gap:12px; text-align:left; padding:8px 0; }\n[data-mobile-member-chat]:disabled { opacity:1!important; }\n[data-mobile-member-chat] > span:last-child { min-width:0; }\n[data-mobile-member-chat] strong, [data-mobile-member-chat] small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }\n[data-mobile-member-chat] small { font-size:12px; color:var(--dsw-alias-label-secondary); }\n[data-mobile-avatar] { display:grid; place-items:center; width:42px; height:42px; flex:none; border-radius:15px; background:var(--mobile-soft); }\n[data-mobile-room-dialog] [data-mobile-room-primary] { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; min-height:46px; margin:18px 0 8px; border-radius:16px; background:var(--mobile-accent); color:var(--dsw-alias-bg-base); }\n[data-mobile-room-dialog] :is([data-mobile-room-back],[data-mobile-room-secondary] button,[data-mobile-confirm] button) { min-height:44px; padding:8px 16px; }\n[data-mobile-room-secondary] { display:flex; justify-content:space-between; }\nhtml[data-dsh-mobile] [data-queue-dock] { max-width:100%; }\nhtml[data-dsh-mobile] [data-queue-dock] button { min-height:40px; }\nhtml[data-dsh-mobile] [data-slot=\"conversation.input.dock\"] section:has(> button[aria-expanded]) > button { min-height:36px; border-radius:20px; }\nhtml[data-dsh-mobile] [data-slot=\"conversation.input.dock\"] section > ul[aria-label] { position:fixed; inset:auto 12px max(12px,env(safe-area-inset-bottom)); min-width:0; max-width:none; max-height:62dvh; border-radius:24px; padding:12px; z-index:1200; box-shadow:var(--mobile-shadow); }\nhtml[data-dsh-mobile] [data-slot=\"conversation.input.dock\"] section > ul[aria-label] button { min-height:44px; }\n@media (prefers-reduced-motion: reduce) { [data-mobile-frame] * { scroll-behavior:auto !important; } }\n\n/* One mobile reading scale; derived from host text size without writing its preference. */\nhtml[data-dsh-mobile] body { --mobile-text:max(17px,var(--dsh-content-font-size,14px)); --mobile-caption:max(14px,var(--dsh-content-font-size-secondary,13px)); }\nhtml[data-dsh-mobile] :is([data-mobile-library],[data-mobile-dialog],[data-mobile-tools-dialog],[data-mobile-message-menu]) { font-size:var(--mobile-text); line-height:1.55; }\nhtml[data-dsh-mobile] :is([data-mobile-nav-title] strong,[data-mobile-session-copy] strong,[data-mobile-search] input,[data-composer-card] [contenteditable],[data-composer-seat] textarea,[data-mobile-member-chat] strong) { font-size:var(--mobile-text); line-height:1.55; }\nhtml[data-dsh-mobile] :is([data-mobile-workspace-group] strong,[data-mobile-tools-grid] button,[data-mobile-tools-permission],[data-mobile-dialog] h3,[data-mobile-grouping] button) { font-size:16px!important; }\nhtml[data-dsh-mobile] :is([data-mobile-subtitle],[data-mobile-nav-title] small,[data-mobile-session-copy] small,[data-mobile-session] time,[data-mobile-workspace-group] small,[data-mobile-session-group] h2,[data-mobile-activity],[data-mobile-room-hint],[data-mobile-member-chat] small,[data-mobile-tools-permission] small,[data-mobile-dialog] p) { font-size:var(--mobile-caption); line-height:1.5; color:var(--dsw-alias-label-secondary); }\nhtml[data-dsh-mobile] [data-slot=\"conversation.input.model\"] button { font-size:15px; }\nhtml[data-dsh-mobile] [data-conversation-scroll] {\n --dsh-content-font-size:var(--mobile-text); --dsh-content-font-size-secondary:var(--mobile-caption);\n --dsw-font-markdown-base:var(--mobile-text)/1.65 var(--dsw-font-family);\n --dsw-font-markdown-base-font-size:var(--mobile-text); --dsw-font-markdown-base-line-height:1.65;\n --dsw-font-markdown-base-strong:600 var(--mobile-text)/1.65 var(--dsw-font-family);\n --dsw-font-markdown-base-strong-font-size:var(--mobile-text);\n --dsw-font-markdown-base-italic:italic var(--mobile-text)/1.65 var(--dsw-font-family);\n --dsw-font-markdown-base-italic-font-size:var(--mobile-text);\n}\n/* All Room invite/edit entry points retain the same React form and callbacks. */\nhtml[data-dsh-mobile] [data-mobile-header-hidden]:has([data-mobile-room-form]) { display:contents!important; }\nhtml[data-dsh-mobile] [data-mobile-room-overlay] { position:fixed; inset:0; height:var(--mobile-height,100dvh); z-index:1400; align-items:flex-end; justify-content:center; padding:8px; box-sizing:border-box; background:#0005; -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px); }\nhtml[data-dsh-mobile] [data-mobile-room-form] { box-sizing:border-box; width:100%; max-width:560px; max-height:calc(var(--mobile-height,100dvh) - 24px); margin:0; gap:16px; padding:20px 20px max(16px,env(safe-area-inset-bottom)); border-radius:28px; border:1px solid var(--mobile-edge); background:var(--mobile-face); color:var(--dsw-alias-label-primary); box-shadow:var(--mobile-shadow); text-align:left; overflow-y:auto; font-size:var(--mobile-text); }\nhtml[data-dsh-mobile] [data-mobile-room-form]::before { content:''; display:block; flex:none; width:36px; height:4px; border-radius:4px; background:var(--dsw-alias-label-secondary); opacity:.35; align-self:center; margin:-10px 0 0; }\nhtml[data-dsh-mobile] [data-mobile-room-form] > div:first-child { font-size:21px; line-height:1.4; font-weight:600; }\nhtml[data-dsh-mobile] [data-mobile-room-form] > div:has(> div > label) { flex-direction:column; gap:16px; }\nhtml[data-dsh-mobile] [data-mobile-room-form] > div > div:has(>label) { gap:18px; }\nhtml[data-dsh-mobile] [data-mobile-room-form] > div > div:has(>[data-member]) { order:-1; width:auto; }\nhtml[data-dsh-mobile] [data-mobile-room-form] > div > div:has(>[data-member]) > span { display:none; }\nhtml[data-dsh-mobile] [data-mobile-room-form] [data-member] { border:0; background:var(--mobile-soft); border-radius:18px; padding:14px; }\nhtml[data-dsh-mobile] [data-mobile-room-form] [data-member] p { font-size:14px; margin:6px 0 0; }\nhtml[data-dsh-mobile] [data-mobile-room-form] label { gap:7px; }\nhtml[data-dsh-mobile] [data-mobile-room-form] label > span:first-child { font-size:15px; line-height:1.5; font-weight:500; color:var(--dsw-alias-label-primary); }\nhtml[data-dsh-mobile] [data-mobile-room-form] label > span:last-child:not(:first-child), html[data-dsh-mobile] [data-mobile-room-form] [role=status] { font-size:14px; line-height:1.5; color:var(--dsw-alias-label-secondary); }\nhtml[data-dsh-mobile] [data-mobile-room-form] :is(input,textarea,select) { box-sizing:border-box; min-width:0; min-height:48px; border-radius:14px; padding:11px 12px; font-size:17px; line-height:1.5; background:var(--mobile-soft); border:1px solid var(--mobile-edge); color:var(--dsw-alias-label-primary); }\nhtml[data-dsh-mobile] [data-mobile-room-form] textarea { min-height:94px; resize:vertical; }\nhtml[data-dsh-mobile] [data-mobile-room-form] button { min-height:44px; min-width:44px; font-size:16px; border-radius:14px; }\nhtml[data-dsh-mobile] [data-mobile-room-form] summary { min-height:44px; padding:10px 0; font-size:16px; color:var(--dsw-alias-label-primary); }\nhtml[data-dsh-mobile] [data-mobile-room-form] > div:last-child { position:sticky; bottom:-16px; background:var(--mobile-face); padding:12px 0 0; margin-top:0; display:grid; grid-template-columns:1fr 1fr; gap:12px; }\nhtml[data-dsh-mobile] [data-mobile-room-form] [role=alert] { font-size:15px; line-height:1.5; }\nhtml[data-dsh-mobile] [data-member] { font-size:16px; }\nhtml[data-dsh-mobile] [data-member] button { min-height:44px; font-size:15px; }\nhtml[data-dsh-mobile] [data-mobile-room-form] [data-member] > div:first-child > span:nth-child(2) > span:first-child { font-size:16px; }\nhtml[data-dsh-mobile] [data-mobile-room-form] [data-member] p { color:var(--dsw-alias-label-secondary); }\nhtml[data-dsh-mobile] [data-mobile-room-form] > div:last-child button:disabled { opacity:1; color:var(--dsw-alias-label-secondary); background:var(--mobile-soft); border:1px solid var(--mobile-edge); cursor:default; }\nhtml[data-dsh-mobile] [data-mobile-queue-row] p { font-size:var(--mobile-text); }\nhtml[data-dsh-mobile] [data-mobile-members-open] small { font-size:12px; min-width:18px; }\n\n/* One viewport: the transcript alone scrolls; the official seat keeps its identity. */\nhtml[data-dsh-mobile], html[data-dsh-mobile] body, html[data-dsh-mobile] #root { width:100%; height:100%; overflow:hidden; overscroll-behavior:none; }\nhtml[data-dsh-mobile] [data-mobile-frame] { position:fixed; inset:var(--mobile-top,0px) 0 auto; overflow:hidden; }\nhtml[data-dsh-mobile] [data-mobile-frame] > div:has(> [data-slot=\"main\"]) { position:relative; min-height:0; height:100%; overflow:hidden; }\nhtml[data-dsh-mobile] [data-slot=\"main.conversation\"] > [data-phase] { min-height:0; overflow:hidden; --dsh-chat-content-width:calc(var(--dsh-conversation-column-width,100vw) - 48px); }\nhtml[data-dsh-mobile] [data-phase=active] [data-conversation-scroll] { box-sizing:border-box; padding-bottom:var(--mobile-composer-height,180px); scroll-padding-bottom:12px; }\nhtml[data-dsh-mobile] [data-phase=active] [data-composer-seat] { position:absolute; bottom:0; left:0; right:0; width:auto; padding-top:8px; padding-bottom:4px; background:var(--dsw-alias-bg-base); }\nhtml[data-dsh-mobile] [data-phase=active] [data-conversation-scroll] > div:has(> [data-slot=\"conversation.session\"]) { flex:1 0 auto; }\nhtml[data-dsh-mobile] [data-phase=hero] [data-conversation-scroll] { overscroll-behavior:contain; }\nhtml[data-dsh-mobile] [data-mobile-frame] { --mobile-pane-width:min(84vw,380px); }\n[data-mobile-library-pane] { position:absolute; inset:0 auto 0 0; width:var(--mobile-pane-width,min(84vw,380px)); background:var(--dsw-alias-bg-base); pointer-events:auto; }\n[data-mobile-library-pane][hidden] { display:none; }\nhtml[data-dsh-mobile] [data-mobile-frame][data-sidebar-collapsed]:has([data-mobile-library-pane]) > div:has(> [data-slot=\"sidebar\"]) { display:none; }\n[data-mobile-library-pane] [data-mobile-library] { inset:var(--mobile-bar,64px) 0 0; }\nhtml[data-mobile-library-open] [data-mobile-connection-status] { right:calc(100% - var(--mobile-pane-width) + 12px); }\n[data-mobile-library-toolbar] { height:64px; padding:8px 16px; display:flex; align-items:center; justify-content:space-between; box-sizing:border-box; }\n[data-mobile-library-toolbar] button { display:grid; place-items:center; width:44px; height:44px; padding:0; border-radius:50%; border:1px solid var(--mobile-edge); background:var(--mobile-glass); color:var(--dsw-alias-label-primary); box-shadow:var(--mobile-shadow); }\n[data-mobile-library-pane] [data-mobile-library-header] { padding:12px 16px; gap:8px; }\n[data-mobile-library-pane] [data-mobile-library-header] h1 { font-size:26px; }\n[data-mobile-library-pane] [data-mobile-recents] { padding:0 12px 12px; }\n[data-mobile-library-pane] [data-mobile-session] { padding:12px; }\n[data-mobile-library-pane] [data-mobile-session] time { display:none; }\nhtml[data-mobile-library-open] [data-mobile-frame] > div:has(> [data-slot=\"main\"]) { transform:translate3d(var(--mobile-pane-width),0,0); border-left:1px solid var(--mobile-edge); border-radius:0 0 0 28px; }\nhtml[data-mobile-library-open] [data-mobile-toolbar] { transform:translate3d(var(--mobile-pane-width),0,0); width:100%; border-left:1px solid var(--mobile-edge); border-radius:28px 0 0 0; }\n[data-mobile-peek-close] { position:absolute; inset:0 0 0 var(--mobile-pane-width); pointer-events:auto; background:transparent; border:0; padding:0; cursor:pointer; -webkit-tap-highlight-color:transparent; z-index:30; }\n@media(max-width:959px) and (prefers-reduced-motion:no-preference) {\n html[data-dsh-mobile]:not([data-mobile-gesture]) [data-mobile-frame] > div:has(> [data-slot=\"main\"]),\n html[data-dsh-mobile]:not([data-mobile-gesture]) [data-mobile-toolbar] { transition:transform 220ms cubic-bezier(.2,.8,.2,1),border-radius 220ms ease; }\n}\n[data-mobile-title-line] { display:flex; align-items:center; justify-content:center; min-width:0; }\n[data-mobile-title-line] strong { flex:0 1 auto; }\nhtml[data-dsh-mobile] [data-mobile-rename] { display:grid; place-items:center; flex:none; width:28px; min-width:28px; height:32px; min-height:32px; padding:4px; background:none; box-shadow:none; border:0; backdrop-filter:none; }\n[data-mobile-original-rename] { display:none!important; }\n@media(min-width:960px) {\n html[data-dsh-mobile] [data-mobile-frame] { --mobile-pane-width:320px; padding-left:320px; }\n html[data-dsh-mobile] [data-mobile-library-pane][hidden] { display:block; }\n html[data-dsh-mobile] [data-mobile-toolbar] { left:320px; transform:none; width:auto; right:0; border-radius:0; }\n html[data-dsh-mobile] [data-mobile-frame] > div:has(> [data-slot=\"main\"]) { left:0; transform:none; border-left:1px solid var(--mobile-edge); border-radius:0; }\n html[data-dsh-mobile] [data-mobile-peek-close] { display:none; }\n}\n\n[data-mobile-picker-shade] { position:fixed; inset:0; z-index:1099; background:#0005; backdrop-filter:blur(3px); }\nhtml[data-dsh-mobile] [data-mobile-picker] { position:fixed!important; inset:auto 0 0!important; width:min(100%,560px)!important; margin:0 auto; max-width:100%; max-height:75dvh!important; min-width:0!important; box-sizing:border-box; z-index:1100; border-radius:26px 26px 0 0; padding:16px 16px max(20px,env(safe-area-inset-bottom)); background:var(--mobile-face); color:var(--dsw-alias-label-primary); border:1px solid var(--mobile-edge); box-shadow:0 -8px 40px #0002; overflow:auto; }\n[data-mobile-picker-chrome] { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; padding:4px 8px 16px; }\n[data-mobile-picker-chrome] strong { font-size:20px; font-weight:600; }\n[data-mobile-picker-chrome] button { border:0; background:none; color:var(--mobile-accent); min-height:44px; font:inherit; font-size:16px; }\n[data-mobile-picker-chrome] input { width:100%; min-height:46px; box-sizing:border-box; border:1px solid var(--mobile-edge); border-radius:16px; padding:10px 14px; font:inherit; font-size:17px; background:var(--mobile-soft); color:inherit; }\nhtml[data-dsh-mobile] [data-mobile-picker] > [role=presentation] { max-height:none; overflow:visible; }\nhtml[data-dsh-mobile] [data-mobile-picker] [role=menuitem] { min-height:52px; padding:12px; border-radius:14px; font-size:17px; }\nhtml[data-dsh-mobile] [data-mobile-picker] [role=menuitem][hidden] { display:none; }\nhtml[data-dsh-mobile] [data-mobile-picker=preset] [role=menuitem] span > span:last-child { font-size:14px; line-height:1.55; color:var(--dsw-alias-label-secondary); }\n\nhtml[data-mobile-gesture] [data-mobile-library-pane][hidden] { display:block; }\nhtml[data-mobile-gesture] [data-mobile-frame] > div:has(> [data-slot=\"main\"]), html[data-mobile-gesture] [data-mobile-toolbar] { transform:translate3d(var(--mobile-drag-offset),0,0)!important; width:100%; }\nhtml[data-dsh-mobile] [data-slot=\"main.conversation\"] > [data-phase] header:has([data-conversation-header-corner]) { min-height:0; padding:6px 16px 0; }\nhtml[data-dsh-mobile] [data-mobile-toolbar] [data-mobile-rename] { background:transparent; border:0; border-radius:0; box-shadow:none; -webkit-backdrop-filter:none; backdrop-filter:none; color:var(--dsw-alias-label-secondary); }\nhtml[data-dsh-mobile] [data-mobile-picker=preset] [role=menuitem] > span span:first-child { font-size:17px; font-weight:500; line-height:1.5; }\n\n/* Rename lives above the page, with a keyboard-aware viewport of its own. */\nhtml[data-dsh-mobile] [data-mobile-rename-dialog] { position:fixed; inset:calc(var(--mobile-top,0px) + var(--mobile-height,100dvh) / 2) 0 auto; transform:translateY(-50%); margin:0 auto; max-height:calc(var(--mobile-height,100dvh) - 32px); width:min(360px,calc(100vw - 40px)); padding:24px; border-radius:26px; background:var(--mobile-face); border-color:var(--mobile-edge); }\n[data-mobile-rename-dialog] h2 { font-size:20px; margin:0 0 20px; }\n[data-mobile-rename-dialog] label { font-size:14px; color:var(--dsw-alias-label-secondary); }\n[data-mobile-rename-dialog] input { background:var(--mobile-soft); color:var(--dsw-alias-label-primary); border-color:var(--mobile-edge); font-size:17px; margin-top:8px; }\nhtml[data-dsh-mobile] [data-mobile-rename-dialog] input:focus { outline:none; box-shadow:0 0 0 2px color-mix(in srgb,var(--mobile-accent) 24%,transparent); border-color:var(--mobile-accent); }\n[data-mobile-rename-dialog] footer { display:flex; justify-content:flex-end; gap:10px; margin-top:24px; }\n[data-mobile-rename-dialog] [data-mobile-primary] { background:var(--mobile-accent); color:white; border-radius:22px; padding-inline:22px; }\nhtml[data-dsh-mobile] [data-mobile-picker=preset] [role=menuitem] { border-radius:0; }\nhtml[data-dsh-mobile] [data-mobile-picker=preset] [data-mobile-picker-divider] { border-top:1px solid var(--mobile-edge); margin-top:8px; padding-top:20px; }\n\n[data-mobile-directory] { width:min(100%,520px); height:min(78dvh,720px); max-height:calc(var(--mobile-height,100dvh) - 24px); margin:auto auto 0; padding:20px 22px max(16px,env(safe-area-inset-bottom)); border-radius:28px 28px 0 0; color:var(--dsw-alias-label-primary); background:var(--mobile-face,var(--dsw-alias-bg-base)); }\n[data-mobile-directory][open] { display:flex; flex-direction:column; }\n[data-mobile-directory] header { display:flex; justify-content:space-between; align-items:center; flex:none; }\n[data-mobile-directory] header h2 { margin:0; font-size:21px; }\n[data-mobile-directory] button { font:inherit; color:inherit; cursor:pointer; background:transparent; border:0; }\n[data-mobile-directory] header button { display:grid; place-items:center; width:44px; height:44px; }\n[data-directory-tabs] { display:flex; gap:4px; padding:4px; margin:12px 0; border-radius:16px; background:var(--mobile-soft); flex:none; }\n[data-directory-tabs] button { flex:1; min-height:42px; border-radius:12px; }\n[data-directory-tabs] button[aria-pressed=true] { background:var(--mobile-face); color:var(--mobile-accent); box-shadow:0 1px 5px #0001; }\n[data-directory-scroll] { min-height:0; flex:1; overflow:auto; overscroll-behavior:contain; }\n[data-mobile-directory] [data-directory-row] { display:flex; gap:12px; align-items:center; width:100%; min-height:56px; padding:12px 2px; text-align:left; border-radius:0; border-bottom:1px solid var(--mobile-line); }\n[data-directory-row] > span { flex:1; min-width:0; overflow-wrap:anywhere; }\n[data-directory-row] strong { display:block; font-weight:500; }\n[data-directory-row] small { display:block; color:var(--dsw-alias-label-secondary); font-size:13px; margin-top:4px; }\n[data-directory-row] svg { flex:none; }\n[data-directory-current] { display:flex; align-items:center; gap:10px; font-size:14px; padding:8px 0; overflow-wrap:anywhere; }\n[data-directory-current] svg { flex:none; }\n[data-directory-manual] summary { cursor:pointer; padding:8px 0; font-size:14px; color:var(--mobile-accent); }\n[data-directory-path] { display:flex; align-items:center; gap:8px; }\n[data-directory-path] input { min-width:0; flex:1; }\n[data-mobile-directory] input { color:inherit; background:var(--mobile-soft); border-color:var(--mobile-line); margin:8px 0; }\n[data-directory-location] { display:flex; align-items:center; justify-content:space-between; gap:8px; margin:8px 0; font-size:14px; }\n[data-directory-location] button,[data-directory-location] label { display:flex; align-items:center; gap:6px; min-height:40px; }\n[data-directory-location] input { width:18px; }\n[data-mobile-directory] footer { flex:none; padding-top:10px; }\n[data-mobile-directory] [data-mobile-done] { margin-top:0; background:var(--mobile-accent); color:white; min-height:48px; }\n";
3
+ export declare const MOBILE_CSS = "\nhtml[data-dsh-mobile] { --mobile-bar: 56px; --mobile-accent: #4d6bfe; }\nhtml[data-dsh-mobile] body { overscroll-behavior: none; }\nhtml[data-dsh-mobile] [data-mobile-frame] {\n background: var(--dsw-alias-bg-base, #fff);\n box-sizing: border-box; height: var(--mobile-height, 100dvh) !important;\n padding-top: var(--mobile-bar); padding-bottom: env(safe-area-inset-bottom, 0px);\n grid-template-columns: 0px minmax(0, 1fr) 0px !important;\n grid-template-rows: minmax(0, 1fr); transition: none !important;\n}\nhtml[data-dsh-mobile] [data-mobile-frame] > div:has(> [data-slot=\"sidebar\"]) {\n position: absolute; inset: var(--mobile-bar) auto 0 0; z-index: 22;\n width: min(88vw, 360px); border-radius: 0 24px 24px 0;\n box-shadow: 16px 0 60px #15244320;\n}\nhtml[data-dsh-mobile] [data-mobile-frame][data-sidebar-collapsed] > div:has(> [data-slot=\"sidebar\"]) { display: none; }\nhtml[data-dsh-mobile] [data-mobile-frame] > div:has(> [data-slot=\"main\"]) { grid-column: 2; grid-row: 1; min-width: 0; }\nhtml[data-dsh-mobile] [data-mobile-frame] > [data-rightbar-col] { grid-column: 3; grid-row: 1; }\nhtml[data-dsh-mobile] [data-mobile-frame]:not([data-rightbar-collapsed]) > [data-rightbar-col] {\n position: absolute; inset: var(--mobile-bar) 0 0; z-index: 24; width: 100%;\n background: var(--dsw-alias-bg-base, white); min-width: 0;\n}\nhtml[data-dsh-mobile] [data-mobile-frame] > [data-side] { display: none; }\nhtml[data-dsh-mobile] [data-mobile-frame] > [data-shell-overlay] { z-index: 23; pointer-events: none; }\nhtml[data-dsh-mobile] [data-slot=\"main.conversation\"] > div {\n --dsh-chat-content-width: calc(100vw - 48px);\n --dsh-composer-side-clearance: 12px;\n}\nhtml[data-dsh-mobile] [data-composer-card] { border-radius: 24px; }\nhtml[data-dsh-mobile] [data-composer-card] [contenteditable=\"true\"] { font-size: 16px; }\nhtml[data-dsh-mobile] [data-width-handle] { display: none; }\nhtml[data-dsh-mobile] [data-composer-seat] { padding-bottom: 8px; }\nhtml[data-dsh-mobile] [data-conversation-scroll] { overscroll-behavior-y: contain; }\nhtml[data-dsh-mobile] [data-slot=\"conversation.header.tabs\"] { overflow-x: auto; }\nhtml[data-dsh-mobile] [data-slot=\"conversation.input.left\"],\nhtml[data-dsh-mobile] [data-slot=\"conversation.input.right\"] { max-width: 100%; }\n[data-mobile-toolbar] {\n position: absolute; inset: 0 0 auto; height: var(--mobile-bar, 56px); display: flex;\n align-items: center; justify-content: space-between; gap: 8px; padding: 0 12px;\n box-sizing: border-box; background: var(--dsw-alias-bg-base, #fff);\n border-bottom: 1px solid var(--dsw-alias-border-l3, #edf0f5); pointer-events: auto;\n}\n[data-mobile-toolbar] button, [data-mobile-dialog] button {\n border: 0; border-radius: 16px; min-height: 44px; min-width: 44px;\n padding: 10px 14px; font: inherit; cursor: pointer;\n color: var(--dsw-alias-label-primary, #152443); background: transparent;\n -webkit-tap-highlight-color: transparent;\n}\n[data-mobile-toolbar] button:hover, [data-mobile-dialog] button:hover { background: #4d6bfe12; }\n[data-mobile-toolbar] strong { font-size: 18px; font-weight: 600; letter-spacing: -0.6px; color: var(--mobile-accent, #4d6bfe); }\n[data-mobile-toolbar] small { color: var(--dsw-alias-label-tertiary, #778195); font-size: 11px; display: block; text-align: center; }\n[data-mobile-toolbar] svg { display: block; }\n[data-mobile-shade] { position: absolute; inset: var(--mobile-bar) 0 0 min(88vw, 360px); border: 0; background: #15244330; pointer-events: auto; }\n[data-mobile-dialog] {\n color: var(--dsw-alias-label-primary, #152443); background: var(--dsw-alias-bg-base, white);\n border: 1px solid var(--dsw-alias-border-l3, #e6eaf2); border-radius: 28px;\n width: min(440px, calc(100vw - 32px)); box-sizing: border-box; padding: 24px;\n max-height: calc(100dvh - 48px); overflow-y: auto; box-shadow: 0 24px 90px #15244325;\n}\n[data-mobile-dialog] input { box-sizing: border-box; width: 100%; margin-top: 12px; padding: 14px; border: 1px solid #ccd3df; border-radius: 14px; font: inherit; font-size: 16px; }\n[data-mobile-dialog] button:disabled { opacity: .4; cursor: default; }\n[data-mobile-dialog]::backdrop { background: #15244355; backdrop-filter: blur(8px); }\n[data-mobile-dialog] h2 { margin: 0 0 24px; font-size: 24px; font-weight: 500; }\n[data-mobile-dialog] h3 { font-size: 13px; font-weight: 500; color: var(--dsw-alias-label-tertiary, #778195); margin: 24px 0 10px; }\n[data-mobile-dialog] p { font-size: 13px; line-height: 1.7; color: var(--dsw-alias-label-tertiary, #778195); overflow-wrap: anywhere; }\n[data-mobile-dialog] [role=\"group\"] { display: flex; flex-wrap: wrap; gap: 6px; }\n[data-mobile-dialog] button[aria-pressed=\"true\"] { color: #4d6bfe; background: #4d6bfe12; }\n[data-mobile-dialog] [data-mobile-done] { display: block; width: 100%; margin-top: 24px; background: #4d6bfe; color: white; border-radius: 100px; }\n\n/* The host trigger menu is translucent; mobile overlays need an opaque face. */\nhtml[data-dsh-mobile] [data-trigger-menu] { background:var(--mobile-face,var(--dsw-alias-bg-base))!important; --dsw-specific-menu:var(--mobile-face,var(--dsw-alias-bg-base)); opacity:1; backdrop-filter:none; -webkit-backdrop-filter:none; border:1px solid var(--mobile-edge); padding:8px; border-radius:22px; box-shadow:var(--mobile-shadow); }\nhtml[data-dsh-mobile] [data-trigger-menu] [role=option] { min-height:48px; padding:12px; font-size:16px; line-height:1.45; }\nhtml[data-dsh-mobile] [data-trigger-menu] [role=listbox] { overscroll-behavior:contain; }\n/* Hide an empty ordinary breadcrumb; populated catalogs keep their Host trigger. */\nhtml[data-dsh-mobile]:has([data-mobile-session-title]) [data-slot=\"main.conversation\"] header:has([data-conversation-header-corner]) nav:has(> span:only-child > :is(button:disabled,span:not([data-slot])) + [data-slot=\"conversation.session.header.lineage\"]:empty) { display:none; }\nhtml[data-dsh-mobile] [data-mobile-lineage-count] { flex-shrink:0; white-space:nowrap; }\n[data-mobile-restore] { position:fixed; right:16px; bottom:max(16px,env(safe-area-inset-bottom)); z-index:1200; pointer-events:auto; min-height:44px; padding:10px 18px; border:1px solid #4d6bfe40; border-radius:24px; background:var(--dsw-alias-bg-base,white); color:#4d6bfe; font:inherit; box-shadow:0 3px 18px #15244318; }\n\n/* Mobile-owned library: scrolling content and a separate keyboard-aware search dock. */\n[data-mobile-library] { position:absolute; inset:var(--mobile-bar,56px) 0 0; display:flex; flex-direction:column; overflow:hidden; pointer-events:auto; background:var(--dsw-alias-bg-base,white); color:var(--dsw-alias-label-primary,#181a20); }\n[data-mobile-library] button { font:inherit; cursor:pointer; color:inherit; -webkit-tap-highlight-color:transparent; }\n[data-mobile-library-header] { display:flex; align-items:center; justify-content:space-between; flex-shrink:0; gap:12px; padding:12px 22px 14px; }\n[data-mobile-library] h1 { margin:0; font-size:30px; font-weight:600; letter-spacing:-1px; }\n[data-mobile-grouping] { display:flex; padding:3px; border-radius:13px; background:var(--dsw-alias-bg-module-platform,#f2f3f6); }\n[data-mobile-grouping] button { border:0; border-radius:10px; min-height:44px; padding:0 12px; font-size:12px; background:none; }\n[data-mobile-grouping] button[aria-pressed=true] { background:var(--dsw-alias-button-floating-fill,white); box-shadow:0 1px 4px #17203815; }\n[data-mobile-recents] { flex:1; min-height:0; overflow-y:auto; padding:0 22px 12px; overscroll-behavior:contain; }\n[data-mobile-session-group] h2 { color:var(--dsw-alias-label-tertiary,#727680); font-size:12px; font-weight:500; margin:16px 0 4px; }\n[data-mobile-session-group] ul { list-style:none; padding:0; margin:0; }\n[data-mobile-workspace-group] { display:grid; grid-template-columns:18px minmax(0,1fr) auto 18px; align-items:center; width:100%; gap:9px; padding:14px 0; min-height:48px; text-align:left; background:none; border:0; }\n[data-mobile-workspace-group] svg { display:block; }\n[data-mobile-workspace-group] strong, [data-mobile-workspace-group] small { line-height:20px; margin:0; }\n[data-mobile-workspace-group] strong { min-width:0; overflow-wrap:anywhere; font-size:14px; font-weight:500; }\n[data-mobile-workspace-group] small { color:var(--dsw-alias-label-tertiary,#727680); font-size:12px; }\n[data-mobile-session] { display:flex; align-items:center; gap:12px; width:100%; min-height:78px; padding:16px 0; text-align:left; border:0; border-bottom:1px solid var(--dsw-alias-border-l3,#e8e9ee); background:none; }\n[data-mobile-session-copy] { min-width:0; flex:1; }\n[data-mobile-session-copy] strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; line-height:1.5; font-weight:500; }\n[data-mobile-session-copy] small { display:block; color:var(--dsw-alias-label-tertiary,#727680); font-size:12px; margin-top:6px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }\n[data-mobile-session] time { font-size:11px; color:var(--dsw-alias-label-tertiary,#727680); flex-shrink:0; }\n[data-mobile-session]:active { background:#4d6bfe0a; }\n[data-mobile-activity] { font-size:11px; color:var(--mobile-accent,#4d6bfe); white-space:nowrap; }\n[data-mobile-activity]::before { content:''; display:inline-block; width:5px; height:5px; margin-right:5px; vertical-align:middle; border-radius:50%; background:currentColor; }\n[data-mobile-empty] { color:var(--dsw-alias-label-tertiary,#727680); padding:32px 0; text-align:center; font-size:14px; }\n[data-mobile-search-dock] { display:flex; flex-shrink:0; align-items:center; gap:10px; padding:12px 16px max(10px,env(safe-area-inset-bottom)); background:var(--dsw-alias-bg-base,white); }\n[data-mobile-search] { display:flex; flex:1; min-width:0; align-items:center; gap:8px; min-height:50px; border:1px solid var(--dsw-alias-border-l3,#e8e9ee); border-radius:28px; padding:0 16px; background:var(--dsw-alias-bg-module-platform,#f2f3f6); color:var(--dsw-alias-label-tertiary,#727680); }\n[data-mobile-search] svg { flex-shrink:0; }\n[data-mobile-search] input { width:100%; min-width:0; border:0; background:none; color:var(--dsw-alias-label-primary,#181a20); font:inherit; font-size:16px; padding:12px 0; }\n[data-mobile-search]:focus-within { outline:2px solid #4d6bfe65; outline-offset:2px; }\n[data-mobile-scan] { display:grid; place-items:center; width:50px; height:50px; flex-shrink:0; border:1px solid var(--dsw-alias-border-l3,#e8e9ee); background:var(--dsw-alias-bg-module-platform,#f2f3f6); border-radius:50%; }\n[data-mobile-search-cancel] { min-height:50px; min-width:44px; color:var(--mobile-accent,#4d6bfe) !important; background:none; border:0; font-size:14px; }\n[data-mobile-nav-title] { flex:1; min-width:0; text-align:center; }\n[data-mobile-nav-title] strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--dsw-alias-label-primary,#181a20); font-size:16px; }\nhtml[data-dsh-mobile] [data-mobile-toolbar] { border-bottom:0; padding:0 12px; }\n[data-mobile-toolbar] button { color:var(--mobile-accent,#4d6bfe); }\n[data-mobile-connection-status] { position:absolute; top:var(--mobile-bar); left:12px; right:12px; display:flex; align-items:center; justify-content:space-between; gap:12px; border-radius:12px; padding:0 12px; font-size:12px; background:var(--dsw-alias-bg-module-platform,#f2f3f6); pointer-events:auto; z-index:1; }\n[data-mobile-connection-status] button { border:0; background:none; color:var(--mobile-accent,#4d6bfe); min-height:40px; }\nhtml[data-dsh-mobile]:has([data-mobile-connection-status]) { --mobile-bar:96px; }\nhtml[data-dsh-mobile]:has([data-mobile-connection-status]) [data-mobile-toolbar] { height:56px; }\nhtml[data-dsh-mobile]:has([data-mobile-connection-status]) [data-mobile-connection-status] { top:56px; }\n[data-mobile-dialog] { margin:auto 0 0; width:100%; max-width:none; max-height:75dvh; border-radius:26px 26px 0 0; padding-bottom:max(24px,env(safe-area-inset-bottom)); }\n[data-mobile-dialog] [data-mobile-option] { width:100%; display:block; text-align:left; border-radius:0; border-bottom:1px solid var(--dsw-alias-border-l3,#e8e9ee); padding:14px 0; }\n/* Preserve the official composer, controls, confirmations and message actions. */\nhtml[data-dsh-mobile] [data-composer-card] { border-radius:20px; box-shadow:none; background:var(--dsw-alias-bg-module-platform,#f2f3f6); }\nhtml[data-dsh-mobile] [data-composer-card] [data-input-scroll] { max-height:min(28dvh,220px); }\nhtml[data-dsh-mobile] [data-composer-card] > div:last-child { flex-wrap:wrap; gap:8px; }\nhtml[data-dsh-mobile] [data-composer-card] > div:last-child > div { flex-wrap:wrap; min-width:0; gap:6px; }\nhtml[data-dsh-mobile] [data-composer-card] > div:last-child > div:last-child { margin-left:auto; }\nhtml[data-dsh-mobile] [data-composer-card] > div:last-child button { min-height:44px; }\nhtml[data-dsh-mobile] [data-slot=\"conversation.input.model\"] { min-width:0; max-width:min(62vw,270px); }\n/* Dock the same blank-session composer; the checked hero mark anchors its optional headline. */\nhtml[data-dsh-mobile] [data-slot=\"main.conversation\"] [data-phase=\"hero\"] [data-conversation-scroll] { justify-content:flex-end; }\nhtml[data-dsh-mobile] [data-slot=\"main.conversation\"] [data-phase=\"hero\"] [data-composer-seat] { flex:1; min-height:0; }\nhtml[data-dsh-mobile] [data-phase=\"hero\"] [data-composer-seat] > div:has([data-slot=\"conversation.hero.brand.mark\"]) { flex:1; align-self:stretch; padding-bottom:8px; }\nhtml[data-dsh-mobile] [data-phase=\"hero\"] [data-composer-seat] > div > div:first-child:has([data-slot=\"conversation.hero.brand.mark\"]) { flex:1; min-height:100px; justify-content:center; }\n/* rc1 semantic menu anchors, only inside the official composer/hero seats. */\nhtml[data-dsh-mobile] :is([data-composer-card],[data-slot=\"conversation.hero.agentPreset\"],[data-slot=\"conversation.hero.workspace\"]) [role=\"menu\"]:not([role=\"menu\"] [role=\"menu\"]) {\n position:fixed !important; inset:auto 12px max(12px,env(safe-area-inset-bottom)) !important; width:auto !important; min-width:0; max-width:none; max-height:min(65dvh,520px); overflow-y:auto; border-radius:24px; padding:12px; z-index:1100;\n}\nhtml[data-dsh-mobile] :is([data-composer-card],[data-slot=\"conversation.hero.agentPreset\"],[data-slot=\"conversation.hero.workspace\"]) [role=\"menuitem\"] { min-height:48px; }\n/* Approved mobile visual system. Native SwiftUI owns its safe area; Safari owns its own. */\n/* Resolve aliases on body: the official theme presenter publishes its palette there.\n Root aliases resolve before body tokens exist and freeze their light fallbacks. */\nhtml[data-dsh-mobile] body { --mobile-face:var(--dsw-alias-button-floating-fill,#fff); --mobile-soft:var(--dsw-alias-bg-module-platform,#f3f4f6); --mobile-line:var(--dsw-alias-border-l3,#eceef1); --mobile-accent:var(--dsw-alias-state-business-primary,#4d6bfe); --mobile-shadow:0 6px 24px #1823380b; }\nhtml[data-mobile-native-insets] [data-mobile-frame] { padding-bottom:0; }\nhtml[data-mobile-native-insets] :is([data-mobile-search-dock],[data-mobile-dialog]) { padding-bottom:8px; }\nhtml[data-dsh-mobile] [data-mobile-toolbar] { height:64px; padding:8px 16px; }\nhtml[data-dsh-mobile] { --mobile-bar:64px; }\nhtml[data-dsh-mobile]:has([data-mobile-connection-status]) { --mobile-bar:104px; }\nhtml[data-dsh-mobile]:has([data-mobile-connection-status]) [data-mobile-toolbar] { height:64px; }\nhtml[data-dsh-mobile]:has([data-mobile-connection-status]) [data-mobile-connection-status] { top:64px; }\n[data-mobile-toolbar] button { display:grid; place-items:center; width:44px; height:44px; padding:0; border-radius:50%; corner-shape:round; background:var(--mobile-face); box-shadow:var(--mobile-shadow); color:var(--dsw-alias-label-primary,#202226); }\n[data-mobile-nav-title] strong { font-weight:500; letter-spacing:0; }\n[data-mobile-library] h1 { font-size:26px; font-weight:500; letter-spacing:-.7px; }\n[data-mobile-grouping] { border-radius:19px; }\n[data-mobile-grouping] button { border-radius:16px; min-height:38px; }\n[data-mobile-library-header] { padding:16px 20px; }\n[data-mobile-recents] { padding:0 12px 12px; }\n[data-mobile-workspace-group] { padding:12px 10px; color:var(--dsw-alias-label-tertiary,#74767c)!important; }\n[data-mobile-workspace-group] strong { font-size:13px; font-weight:400; }\n[data-mobile-session-group] h2 { padding:0 10px; }\n[data-mobile-session] { border:0; border-radius:16px; padding:14px 12px; min-height:68px; }\n[data-mobile-session][aria-current=page] { background:var(--mobile-soft); }\n[data-mobile-session-copy] strong { font-size:15px; font-weight:400; }\n[data-mobile-session-copy] small:empty { display:none; }\n[data-mobile-search-dock] { padding:12px 14px max(8px,env(safe-area-inset-bottom)); gap:8px; }\n[data-mobile-search] { min-height:50px; background:var(--mobile-face); border:1px solid var(--mobile-line); box-shadow:var(--mobile-shadow); }\n[data-mobile-search]:focus-within { outline:none; }\n[data-mobile-search] input:focus, html[data-dsh-mobile] [data-composer-card] [contenteditable]:focus { outline:none!important; box-shadow:none!important; }\n[data-mobile-search] input::placeholder { color:var(--dsw-alias-label-secondary,#61666b); opacity:1; }\nhtml[data-dsh-mobile] [data-composer-placeholder] { color:var(--dsw-alias-label-secondary,#61666b); }\n[data-mobile-search] input, html[data-dsh-mobile] [data-composer-card] [contenteditable] { caret-color:var(--mobile-accent); }\nhtml[data-mobile-input=keyboard] [data-mobile-search]:focus-within, html[data-mobile-input=keyboard] [data-composer-card]:has([contenteditable]:focus) { outline:2px solid var(--mobile-accent); outline-offset:3px; }\n[data-mobile-scan], [data-mobile-search-cancel] { display:grid; place-items:center; min-width:50px; width:50px; height:50px; border:1px solid var(--mobile-line); background:var(--mobile-face); box-shadow:var(--mobile-shadow); border-radius:50%; corner-shape:round; color:var(--dsw-alias-label-primary,#202226)!important; }\nhtml[data-dsh-mobile] [data-composer-card] { border-radius:25px; border:1px solid var(--mobile-line); background:var(--mobile-face); box-shadow:var(--mobile-shadow); }\nhtml[data-dsh-mobile] [data-composer-card] > div:last-child { gap:4px; }\nhtml[data-dsh-mobile] [data-composer-card] > div:last-child > div { gap:3px; }\nhtml[data-dsh-mobile] [data-composer-card] > div:last-child button { min-height:40px; }\n/* rc1's two direct toolbar buttons precede the hidden attachment input.\n Scope narrowly so plugin buttons, permission menus and send retain their own states. */\nhtml[data-dsh-mobile] [data-composer-card] > div:last-child > div:first-child > button:has(~ input[type=file][hidden]) { width:40px; height:40px; min-width:40px; padding:0; background:transparent; border-radius:50%; }\nhtml[data-dsh-mobile] [data-composer-card] > div:last-child > div:first-child > button:has(~ input[type=file][hidden]):active:not(:disabled) { background:var(--dsw-alias-interactive-bg-active); }\nhtml[data-dsh-mobile] [data-slot=\"conversation.input.model\"] { max-width:min(43vw,210px); }\nhtml[data-dsh-mobile] [data-composer-seat] { padding-bottom:2px; }\n/* The compact stats row on both host lines: 0.1.5 mounts it as\n [data-composer-stats]; alpha.2 deleted that attribute and wraps the dock\n (stats pills + context meter) in a real flex row directly after the card.\n On 0.1.5 the sibling selector lands on the display:contents slot wrapper \u2014\n inert for padding/gap, same font-size by inheritance \u2014 so both rules stay. */\nhtml[data-dsh-mobile] [data-composer-stats], html[data-dsh-mobile] [data-composer-card] + div { padding:4px 12px 0; gap:10px; font-size:11px; }\nhtml[data-dsh-mobile] [data-composer-stats] button, html[data-dsh-mobile] [data-composer-card] + div button { min-height:32px; }\n/* Follow the real chain fallback -> stack -> HeroShell path, not display:contents wrappers. */\nhtml[data-dsh-mobile] [data-phase=hero] [data-composer-seat] { flex:1 0 auto; }\nhtml[data-dsh-mobile] [data-phase=hero] [data-chain-overlay-fallback=\"conversation.composer\"] > div:has([data-mobile-welcome]) { flex:1; align-self:stretch; padding-bottom:0; width:100%; }\nhtml[data-dsh-mobile] [data-phase=hero] [data-chain-overlay-fallback=\"conversation.composer\"] > div > div:has([data-mobile-welcome]) { flex:1; height:auto; min-height:160px; padding:24px 16px 40px; }\nhtml[data-dsh-mobile] [data-phase=hero] span:has(> [data-slot=\"conversation.hero.brand.mark\"]):has([data-mobile-welcome]) + span { display:none; }\n[data-mobile-welcome] { text-align:center; }\n[data-mobile-welcome] small { color:var(--mobile-accent); letter-spacing:3px; font-size:13px; }\n[data-mobile-welcome] h2 { font-size:25px; font-weight:500; line-height:1.4; margin:16px 0 9px; letter-spacing:-.6px; }\n[data-mobile-welcome] p { font-size:13px; line-height:1.6; margin:0; color:var(--dsw-alias-label-tertiary,#74767c); }\nhtml[data-dsh-mobile]:has([data-phase=hero]) [data-mobile-toolbar][data-library=false] [data-mobile-new=true] { visibility:hidden; }\nhtml[data-dsh-mobile] [data-phase=hero] div:has(> [data-slot=\"conversation.hero.workspace\"]) { gap:6px; padding:6px 18px; flex-wrap:wrap; }\nhtml[data-dsh-mobile] [data-phase=hero] div:has(> [data-slot=\"conversation.hero.workspace\"]) > button, html[data-dsh-mobile] [data-slot=\"conversation.hero.agentPreset\"] button[aria-haspopup] { border-radius:18px; min-height:40px; font-size:13px; background:var(--mobile-soft); }\n/* Quiet, read-only metadata below the mobile title. */\n[data-mobile-subtitle] { display:flex; justify-content:center; align-items:center; gap:5px; margin-top:3px; font-size:11px; line-height:16px; color:var(--dsw-alias-label-secondary,#61666b); }\n[data-mobile-subtitle] > span:first-child { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }\n[data-mobile-subtitle] > span:last-child:not(:first-child) { flex-shrink:0; max-width:60%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }\nhtml[data-dsh-mobile]:has([data-mobile-session-title]) [data-mobile-header-hidden], [data-mobile-hidden-tab] { display:none!important; }\n/* Fold only the identified official trigger buttons, not their menus or owners. */\n[data-mobile-folded-action] { display:none!important; }\n[data-mobile-tools-seat] { display:contents; }\nhtml[data-dsh-mobile] [data-mobile-tools-open] { display:grid; place-items:center; width:44px; height:44px; min-width:44px; padding:0; border:0; border-radius:50%; corner-shape:round; color:var(--dsw-alias-label-primary); background:var(--mobile-soft); }\n[data-mobile-tools-dialog] { box-sizing:border-box; margin:auto auto 0; width:min(100%,520px); max-width:100%; max-height:75dvh; overscroll-behavior:contain; overflow-y:auto; padding:16px 20px max(20px,env(safe-area-inset-bottom)); border:1px solid var(--mobile-line); border-bottom:0; border-radius:26px 26px 0 0; background:var(--mobile-face); color:var(--dsw-alias-label-primary); box-shadow:0 -8px 40px #0002; }\n[data-mobile-tools-dialog]::backdrop { background:#0005; }\n[data-mobile-tools-dialog] [data-mobile-tools-handle] { width:34px; height:4px; margin:0 auto 12px; touch-action:pan-x; border-radius:4px; background:var(--dsw-alias-label-tertiary); opacity:.5; }\n[data-mobile-tools-dialog] header { touch-action:pan-x; display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }\n[data-mobile-tools-dialog] strong { font-size:20px; font-weight:600; }\n[data-mobile-tools-dialog] button { font:inherit; color:inherit; cursor:pointer; border:0; background:transparent; -webkit-tap-highlight-color:transparent; }\n[data-mobile-tools-dialog] button:disabled { opacity:.45; cursor:default; }\n[data-mobile-tools-dialog] header button { width:44px; height:44px; display:grid; place-items:center; border-radius:50%; padding:0; }\n[data-mobile-tools-grid] { display:grid; grid-template-columns:1fr 1fr; gap:12px; }\n[data-mobile-tools-grid] button { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; min-height:96px; padding:16px; border-radius:18px; background:var(--mobile-soft); font-size:14px; }\n[data-mobile-tools-permission] { display:flex; align-items:center; width:100%; gap:10px; margin-top:12px; border-top:1px solid var(--mobile-line)!important; min-height:64px; padding:12px 0; text-align:left; font-size:14px!important; }\n[data-mobile-tools-permission] > span { flex-shrink:0; }\n[data-mobile-tools-permission] > small { margin-left:auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; color:var(--dsw-alias-label-secondary); }\n[data-mobile-tools-dialog] svg { flex:none; }\nhtml[data-mobile-input=pointer] [data-mobile-tools-dialog] button:focus { outline:none; }\nhtml[data-dsh-mobile] [data-composer-card] > div:last-child > div:last-child > button:has(>svg):not([aria-haspopup]) { width:44px; height:44px; min-width:44px; padding:0; border-radius:50%; corner-shape:round; transform:none; }\nhtml[data-dsh-mobile] [data-composer-card] > div:last-child > div:last-child > button:has(>svg):not([aria-haspopup]) > svg { width:20px; height:20px; flex:none; }\nhtml[data-dsh-mobile] [data-slot=\"conversation.input.model\"] { max-width:min(56vw,260px); }\n/* Keep the send row on one line; 0.1.5 also seats the host context meter in it\n (alpha.2 moved the meter into the dock row below the card). */\nhtml[data-dsh-mobile] [data-composer-card] > div:last-child, html[data-dsh-mobile] [data-composer-card] > div:last-child > div:last-child { flex-wrap:nowrap; }\nhtml[data-dsh-mobile] [data-slot=\"conversation.input.model\"] { min-width:0; max-width:min(43vw,210px); flex:1 1 auto; }\n/* rc1's model slot uses display:contents. Size its root and restore the label\n after folding the other input controls; unknown renderers keep their markup. */\nhtml[data-dsh-mobile] [data-slot=\"conversation.input.model\"] > div { min-width:0; max-width:min(43vw,210px); }\nhtml[data-dsh-mobile] [data-slot=\"conversation.input.model\"] > div > button[aria-haspopup=\"menu\"]:has(> svg:first-child + span) { max-width:100%; height:44px; }\nhtml[data-dsh-mobile] [data-slot=\"conversation.input.model\"] > div > button[aria-haspopup=\"menu\"] > svg:first-child:has(+ span) { display:none; }\nhtml[data-dsh-mobile] [data-slot=\"conversation.input.model\"] > div > button[aria-haspopup=\"menu\"] > svg:first-child + span { display:block; }\nhtml[data-dsh-mobile] [data-composer-card] > div:last-child > div:last-child > span:has(> button[aria-haspopup=\"dialog\"] > svg > circle) { position:static; flex:0 0 auto; }\n/* Translucency belongs to surfaces. Foreground colors remain fully opaque. */\nhtml[data-dsh-mobile] body { --mobile-shadow:0 6px 22px color-mix(in srgb,var(--dsw-alias-label-primary) 9%,transparent); --mobile-glass:color-mix(in srgb,var(--mobile-face) 86%,transparent); --mobile-edge:color-mix(in srgb,var(--dsw-alias-label-primary) 14%,transparent); }\nhtml[data-dsh-mobile] :is([data-mobile-toolbar] button,[data-mobile-scan],[data-mobile-search-cancel],[data-mobile-search],[data-mobile-tools-open],[data-composer-card]) {\n background:var(--mobile-glass); border:1px solid var(--mobile-edge); box-shadow:inset 0 1px 0 color-mix(in srgb,var(--dsw-alias-label-primary) 5%,transparent),var(--mobile-shadow);\n -webkit-backdrop-filter:blur(18px) saturate(1.25); backdrop-filter:blur(18px) saturate(1.25);\n}\nhtml[data-dsh-mobile] :is([data-mobile-toolbar] button,[data-mobile-scan],[data-mobile-tools-open]):active { background:var(--mobile-soft); transform:scale(.97); }\nhtml[data-dsh-mobile] [data-mobile-icon] { flex-shrink:0; aspect-ratio:1; }\n@media (prefers-reduced-transparency: reduce) { html[data-dsh-mobile] body { --mobile-glass:var(--mobile-face); } }\n@supports not (backdrop-filter:blur(1px)) { html[data-dsh-mobile] body { --mobile-glass:var(--mobile-face); } }\nhtml[data-dsh-mobile] [data-composer-card] > div:last-child > div:last-child { flex:1 1 0; justify-content:flex-end; }\nhtml[data-dsh-mobile] [data-composer-seat] div:has(> textarea):has(> div > button[aria-label]) { border-radius:25px; background:var(--mobile-glass); border:1px solid var(--mobile-edge); box-shadow:var(--mobile-shadow); -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px); }\nhtml[data-dsh-mobile] [data-composer-seat] textarea { font-size:16px; max-height:26dvh; }\nhtml[data-dsh-mobile] [data-composer-seat] div:has(> textarea) > div > button[aria-label] { width:44px; height:44px; min-width:44px; padding:0; border-radius:50%; }\nhtml[data-dsh-mobile] [data-composer-seat]:has([data-mobile-room-queue]) [data-testid=\"room-queue-strip\"] { display:none; }\n[data-mobile-room-queue] { padding:4px 16px; }\n[data-mobile-queue-pill] { border:1px solid var(--mobile-edge); background:var(--mobile-glass); border-radius:20px; padding:8px 14px; min-height:36px; color:var(--dsw-alias-label-primary); }\n[data-mobile-queue-row] { padding:8px 0; border-bottom:1px solid var(--mobile-line); }\n[data-mobile-queue-row] p { overflow-wrap:anywhere; white-space:pre-wrap; font-size:14px; }\n[data-mobile-queue-row] button { min-height:44px; padding:8px 12px; }\n[data-mobile-queue-row] textarea { width:100%; background:var(--mobile-soft); color:var(--dsw-alias-label-primary); border:1px solid var(--mobile-line); border-radius:12px; padding:8px; }\n/* Mobile action surfaces retain each plugin's controls and callback semantics. */\n[data-mobile-message-menu] { position:fixed; margin:0; width:240px; max-width:calc(100vw - 24px); padding:8px; border-radius:22px; border:1px solid var(--mobile-edge); background:var(--mobile-glass); color:var(--dsw-alias-label-primary); box-shadow:var(--mobile-shadow); -webkit-backdrop-filter:blur(22px); backdrop-filter:blur(22px); }\n[data-mobile-message-menu]::backdrop { background:#0002; }\n[data-mobile-message-menu] button { display:flex; gap:14px; align-items:center; width:100%; min-height:48px; padding:8px 14px; border:0; border-radius:14px; background:none; color:inherit; font:inherit; text-align:left; }\n[data-mobile-message-menu] button:active { background:var(--mobile-soft); }\n[data-mobile-message-menu] svg { width:20px; height:20px; flex:none; }\n[data-mobile-message-menu] button:disabled { opacity:.45; }\n[data-mobile-toolbar]:has([data-mobile-members-open]) > [data-mobile-new] { display:none; }\n[data-mobile-members-open] { position:relative; }\n[data-mobile-members-open] small { position:absolute; bottom:-3px; right:-2px; min-width:16px; border-radius:10px; font-size:10px; background:var(--mobile-soft); color:var(--dsw-alias-label-primary); }\n[data-mobile-room-dialog] { text-align:left; line-height:1.5; }\n[data-mobile-room-dialog] header button { background:var(--mobile-soft); }\n[data-mobile-room-dialog] label { display:block; font-size:13px; margin:16px 0; }\n[data-mobile-room-dialog] :is(input,textarea,select) { display:block; width:100%; box-sizing:border-box; border:1px solid var(--mobile-line); border-radius:14px; padding:12px; margin-top:6px; font:inherit; font-size:16px; background:var(--mobile-soft); color:var(--dsw-alias-label-primary); }\n[data-mobile-room-dialog] [role=alert] { color:var(--dsw-alias-state-danger-primary,#b73535); font-size:13px; }\n[data-mobile-room-hint], [data-mobile-room-dialog] details { font-size:12px; color:var(--dsw-alias-label-secondary); }\n[data-mobile-room-dialog] details { overflow-wrap:anywhere; }\n[data-mobile-member-row] { display:flex; align-items:center; gap:8px; padding:6px 0; }\n[data-mobile-member-chat] { display:flex!important; align-items:center; flex:1; min-width:0; gap:12px; text-align:left; padding:8px 0; }\n[data-mobile-member-chat]:disabled { opacity:1!important; }\n[data-mobile-member-chat] > span:last-child { min-width:0; }\n[data-mobile-member-chat] strong, [data-mobile-member-chat] small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }\n[data-mobile-member-chat] small { font-size:12px; color:var(--dsw-alias-label-secondary); }\n[data-mobile-avatar] { display:grid; place-items:center; width:42px; height:42px; flex:none; border-radius:15px; background:var(--mobile-soft); }\n[data-mobile-room-dialog] [data-mobile-room-primary] { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; min-height:46px; margin:18px 0 8px; border-radius:16px; background:var(--mobile-accent); color:var(--dsw-alias-bg-base); }\n[data-mobile-room-dialog] :is([data-mobile-room-back],[data-mobile-room-secondary] button,[data-mobile-confirm] button) { min-height:44px; padding:8px 16px; }\n[data-mobile-room-secondary] { display:flex; justify-content:space-between; }\nhtml[data-dsh-mobile] [data-queue-dock] { max-width:100%; }\nhtml[data-dsh-mobile] [data-queue-dock] button { min-height:40px; }\nhtml[data-dsh-mobile] [data-slot=\"conversation.input.dock\"] section:has(> button[aria-expanded]) > button { min-height:36px; border-radius:20px; }\nhtml[data-dsh-mobile] [data-slot=\"conversation.input.dock\"] section > ul[aria-label] { position:fixed; inset:auto 12px max(12px,env(safe-area-inset-bottom)); min-width:0; max-width:none; max-height:62dvh; border-radius:24px; padding:12px; z-index:1200; box-shadow:var(--mobile-shadow); }\nhtml[data-dsh-mobile] [data-slot=\"conversation.input.dock\"] section > ul[aria-label] button { min-height:44px; }\n@media (prefers-reduced-motion: reduce) { [data-mobile-frame] * { scroll-behavior:auto !important; } }\n\n/* One mobile reading scale; derived from host text size without writing its preference. */\nhtml[data-dsh-mobile] body { --mobile-text:max(17px,var(--dsh-content-font-size,14px)); --mobile-caption:max(14px,var(--dsh-content-font-size-secondary,13px)); }\nhtml[data-dsh-mobile] :is([data-mobile-library],[data-mobile-dialog],[data-mobile-tools-dialog],[data-mobile-message-menu]) { font-size:var(--mobile-text); line-height:1.55; }\nhtml[data-dsh-mobile] :is([data-mobile-nav-title] strong,[data-mobile-session-copy] strong,[data-mobile-search] input,[data-composer-card] [contenteditable],[data-composer-seat] textarea,[data-mobile-member-chat] strong) { font-size:var(--mobile-text); line-height:1.55; }\nhtml[data-dsh-mobile] :is([data-mobile-workspace-group] strong,[data-mobile-tools-grid] button,[data-mobile-tools-permission],[data-mobile-dialog] h3,[data-mobile-grouping] button) { font-size:16px!important; }\nhtml[data-dsh-mobile] :is([data-mobile-subtitle],[data-mobile-nav-title] small,[data-mobile-session-copy] small,[data-mobile-session] time,[data-mobile-workspace-group] small,[data-mobile-session-group] h2,[data-mobile-activity],[data-mobile-room-hint],[data-mobile-member-chat] small,[data-mobile-tools-permission] small,[data-mobile-dialog] p) { font-size:var(--mobile-caption); line-height:1.5; color:var(--dsw-alias-label-secondary); }\nhtml[data-dsh-mobile] [data-slot=\"conversation.input.model\"] button { font-size:15px; }\nhtml[data-dsh-mobile] [data-conversation-scroll] {\n --dsh-content-font-size:var(--mobile-text); --dsh-content-font-size-secondary:var(--mobile-caption);\n --dsw-font-markdown-base:var(--mobile-text)/1.65 var(--dsw-font-family);\n --dsw-font-markdown-base-font-size:var(--mobile-text); --dsw-font-markdown-base-line-height:1.65;\n --dsw-font-markdown-base-strong:600 var(--mobile-text)/1.65 var(--dsw-font-family);\n --dsw-font-markdown-base-strong-font-size:var(--mobile-text);\n --dsw-font-markdown-base-italic:italic var(--mobile-text)/1.65 var(--dsw-font-family);\n --dsw-font-markdown-base-italic-font-size:var(--mobile-text);\n}\n/* All Room invite/edit entry points retain the same React form and callbacks. */\nhtml[data-dsh-mobile] [data-mobile-header-hidden]:has([data-mobile-room-form]) { display:contents!important; }\nhtml[data-dsh-mobile] [data-mobile-room-overlay] { position:fixed; inset:0; height:var(--mobile-height,100dvh); z-index:1400; align-items:flex-end; justify-content:center; padding:8px; box-sizing:border-box; background:#0005; -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px); }\nhtml[data-dsh-mobile] [data-mobile-room-form] { box-sizing:border-box; width:100%; max-width:560px; max-height:calc(var(--mobile-height,100dvh) - 24px); margin:0; gap:16px; padding:20px 20px max(16px,env(safe-area-inset-bottom)); border-radius:28px; border:1px solid var(--mobile-edge); background:var(--mobile-face); color:var(--dsw-alias-label-primary); box-shadow:var(--mobile-shadow); text-align:left; overflow-y:auto; font-size:var(--mobile-text); }\nhtml[data-dsh-mobile] [data-mobile-room-form]::before { content:''; display:block; flex:none; width:36px; height:4px; border-radius:4px; background:var(--dsw-alias-label-secondary); opacity:.35; align-self:center; margin:-10px 0 0; }\nhtml[data-dsh-mobile] [data-mobile-room-form] > div:first-child { font-size:21px; line-height:1.4; font-weight:600; }\nhtml[data-dsh-mobile] [data-mobile-room-form] > div:has(> div > label) { flex-direction:column; gap:16px; }\nhtml[data-dsh-mobile] [data-mobile-room-form] > div > div:has(>label) { gap:18px; }\nhtml[data-dsh-mobile] [data-mobile-room-form] > div > div:has(>[data-member]) { order:-1; width:auto; }\nhtml[data-dsh-mobile] [data-mobile-room-form] > div > div:has(>[data-member]) > span { display:none; }\nhtml[data-dsh-mobile] [data-mobile-room-form] [data-member] { border:0; background:var(--mobile-soft); border-radius:18px; padding:14px; }\nhtml[data-dsh-mobile] [data-mobile-room-form] [data-member] p { font-size:14px; margin:6px 0 0; }\nhtml[data-dsh-mobile] [data-mobile-room-form] label { gap:7px; }\nhtml[data-dsh-mobile] [data-mobile-room-form] label > span:first-child { font-size:15px; line-height:1.5; font-weight:500; color:var(--dsw-alias-label-primary); }\nhtml[data-dsh-mobile] [data-mobile-room-form] label > span:last-child:not(:first-child), html[data-dsh-mobile] [data-mobile-room-form] [role=status] { font-size:14px; line-height:1.5; color:var(--dsw-alias-label-secondary); }\nhtml[data-dsh-mobile] [data-mobile-room-form] :is(input,textarea,select) { box-sizing:border-box; min-width:0; min-height:48px; border-radius:14px; padding:11px 12px; font-size:17px; line-height:1.5; background:var(--mobile-soft); border:1px solid var(--mobile-edge); color:var(--dsw-alias-label-primary); }\nhtml[data-dsh-mobile] [data-mobile-room-form] textarea { min-height:94px; resize:vertical; }\nhtml[data-dsh-mobile] [data-mobile-room-form] button { min-height:44px; min-width:44px; font-size:16px; border-radius:14px; }\nhtml[data-dsh-mobile] [data-mobile-room-form] summary { min-height:44px; padding:10px 0; font-size:16px; color:var(--dsw-alias-label-primary); }\n/* Harness model controls are expandable summaries, not native selects. Keep the\n advanced-settings disclosure plain while aligning picker faces with form fields. */\nhtml[data-dsh-mobile] [data-mobile-room-form] details > summary[aria-expanded] { display:flex; align-items:center; box-sizing:border-box; width:100%; max-width:none; min-width:0; min-height:48px; gap:12px; padding:11px 12px; border:1px solid var(--mobile-edge); border-radius:14px; background:var(--mobile-soft); font-size:17px; line-height:1.5; color:var(--dsw-alias-label-primary); }\nhtml[data-dsh-mobile] [data-mobile-room-form] details > summary[aria-expanded] > span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }\nhtml[data-dsh-mobile] [data-mobile-room-form] details > summary[aria-expanded]::after { flex-shrink:0; margin-inline-start:auto; margin-inline-end:2px; }\n\nhtml[data-dsh-mobile] [data-mobile-room-form] > div:last-child { position:sticky; bottom:-16px; background:var(--mobile-face); padding:12px 0 0; margin-top:0; display:grid; grid-template-columns:1fr 1fr; gap:12px; }\nhtml[data-dsh-mobile] [data-mobile-room-form] [role=alert] { font-size:15px; line-height:1.5; }\nhtml[data-dsh-mobile] [data-member] { font-size:16px; }\nhtml[data-dsh-mobile] [data-member] button { min-height:44px; font-size:15px; }\nhtml[data-dsh-mobile] [data-mobile-room-form] [data-member] > div:first-child > span:nth-child(2) > span:first-child { font-size:16px; }\nhtml[data-dsh-mobile] [data-mobile-room-form] [data-member] p { color:var(--dsw-alias-label-secondary); }\nhtml[data-dsh-mobile] [data-mobile-room-form] > div:last-child button:disabled { opacity:1; color:var(--dsw-alias-label-secondary); background:var(--mobile-soft); border:1px solid var(--mobile-edge); cursor:default; }\nhtml[data-dsh-mobile] [data-mobile-queue-row] p { font-size:var(--mobile-text); }\nhtml[data-dsh-mobile] [data-mobile-members-open] small { font-size:12px; min-width:18px; }\n\n/* One viewport: the transcript alone scrolls; the official seat keeps its identity. */\nhtml[data-dsh-mobile], html[data-dsh-mobile] body, html[data-dsh-mobile] #root { width:100%; height:100%; overflow:hidden; overscroll-behavior:none; }\nhtml[data-dsh-mobile] [data-mobile-frame] { position:fixed; inset:var(--mobile-top,0px) 0 auto; overflow:hidden; }\nhtml[data-dsh-mobile] [data-mobile-frame] > div:has(> [data-slot=\"main\"]) { position:relative; min-height:0; height:100%; overflow:hidden; }\nhtml[data-dsh-mobile] [data-slot=\"main.conversation\"] > [data-phase] { min-height:0; overflow:hidden; --dsh-chat-content-width:calc(var(--dsh-conversation-column-width,100vw) - 48px); }\nhtml[data-dsh-mobile] [data-phase=active] [data-conversation-scroll] { box-sizing:border-box; padding-bottom:var(--mobile-composer-height,180px); scroll-padding-bottom:12px; }\nhtml[data-dsh-mobile] [data-phase=active] [data-composer-seat] { position:absolute; bottom:0; left:0; right:0; width:auto; padding-top:8px; padding-bottom:4px; background:var(--dsw-alias-bg-base); }\nhtml[data-dsh-mobile] [data-phase=active] [data-conversation-scroll] > div:has(> [data-slot=\"conversation.session\"]) { flex:1 0 auto; }\nhtml[data-dsh-mobile] [data-phase=hero] [data-conversation-scroll] { overscroll-behavior:contain; }\nhtml[data-dsh-mobile] [data-mobile-frame] { --mobile-pane-width:min(84vw,380px); }\n[data-mobile-library-pane] { position:absolute; inset:0 auto 0 0; width:var(--mobile-pane-width,min(84vw,380px)); background:var(--dsw-alias-bg-base); pointer-events:auto; }\n[data-mobile-library-pane][hidden] { display:none; }\nhtml[data-dsh-mobile] [data-mobile-frame][data-sidebar-collapsed]:has([data-mobile-library-pane]) > div:has(> [data-slot=\"sidebar\"]) { display:none; }\n[data-mobile-library-pane] [data-mobile-library] { inset:var(--mobile-bar,64px) 0 0; }\nhtml[data-mobile-library-open] [data-mobile-connection-status] { right:calc(100% - var(--mobile-pane-width) + 12px); }\n[data-mobile-library-toolbar] { height:64px; padding:8px 16px; display:flex; align-items:center; justify-content:space-between; box-sizing:border-box; }\n[data-mobile-library-toolbar] button { display:grid; place-items:center; width:44px; height:44px; padding:0; border-radius:50%; border:1px solid var(--mobile-edge); background:var(--mobile-glass); color:var(--dsw-alias-label-primary); box-shadow:var(--mobile-shadow); }\n[data-mobile-library-pane] [data-mobile-library-header] { padding:12px 16px; gap:8px; }\n[data-mobile-library-pane] [data-mobile-library-header] h1 { font-size:26px; }\n[data-mobile-library-pane] [data-mobile-recents] { padding:0 12px 12px; }\n[data-mobile-library-pane] [data-mobile-session] { padding:12px; }\n[data-mobile-library-pane] [data-mobile-session] time { display:none; }\nhtml[data-mobile-library-open] [data-mobile-frame] > div:has(> [data-slot=\"main\"]) { transform:translate3d(var(--mobile-pane-width),0,0); border-left:1px solid var(--mobile-edge); border-radius:0 0 0 28px; }\nhtml[data-mobile-library-open] [data-mobile-toolbar] { transform:translate3d(var(--mobile-pane-width),0,0); width:100%; border-left:1px solid var(--mobile-edge); border-radius:28px 0 0 0; }\n[data-mobile-peek-close] { position:absolute; inset:0 0 0 var(--mobile-pane-width); pointer-events:auto; background:transparent; border:0; padding:0; cursor:pointer; -webkit-tap-highlight-color:transparent; z-index:30; }\n@media(max-width:959px) and (prefers-reduced-motion:no-preference) {\n html[data-dsh-mobile]:not([data-mobile-gesture]) [data-mobile-frame] > div:has(> [data-slot=\"main\"]),\n html[data-dsh-mobile]:not([data-mobile-gesture]) [data-mobile-toolbar] { transition:transform 220ms cubic-bezier(.2,.8,.2,1),border-radius 220ms ease; }\n}\n[data-mobile-title-line] { display:flex; align-items:center; justify-content:center; min-width:0; }\n[data-mobile-title-line] strong { flex:0 1 auto; }\nhtml[data-dsh-mobile] [data-mobile-rename] { display:grid; place-items:center; flex:none; width:28px; min-width:28px; height:32px; min-height:32px; padding:4px; background:none; box-shadow:none; border:0; backdrop-filter:none; }\n[data-mobile-original-rename] { display:none!important; }\n@media(min-width:960px) {\n html[data-dsh-mobile] [data-mobile-frame] { --mobile-pane-width:320px; padding-left:320px; }\n html[data-dsh-mobile] [data-mobile-library-pane][hidden] { display:block; }\n html[data-dsh-mobile] [data-mobile-toolbar] { left:320px; transform:none; width:auto; right:0; border-radius:0; }\n html[data-dsh-mobile] [data-mobile-frame] > div:has(> [data-slot=\"main\"]) { left:0; transform:none; border-left:1px solid var(--mobile-edge); border-radius:0; }\n html[data-dsh-mobile] [data-mobile-peek-close] { display:none; }\n}\n\n[data-mobile-picker-shade] { position:fixed; inset:0; z-index:1099; background:#0005; backdrop-filter:blur(3px); }\nhtml[data-dsh-mobile] [data-mobile-picker] { position:fixed!important; inset:auto 0 0!important; width:min(100%,560px)!important; margin:0 auto; max-width:100%; max-height:75dvh!important; min-width:0!important; box-sizing:border-box; z-index:1100; border-radius:26px 26px 0 0; padding:16px 16px max(20px,env(safe-area-inset-bottom)); background:var(--mobile-face); color:var(--dsw-alias-label-primary); border:1px solid var(--mobile-edge); box-shadow:0 -8px 40px #0002; overflow:auto; }\n[data-mobile-picker-chrome] { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; padding:4px 8px 16px; }\n[data-mobile-picker-chrome] strong { font-size:20px; font-weight:600; }\n[data-mobile-picker-chrome] button { border:0; background:none; color:var(--mobile-accent); min-height:44px; font:inherit; font-size:16px; }\n[data-mobile-picker-chrome] input { width:100%; min-height:46px; box-sizing:border-box; border:1px solid var(--mobile-edge); border-radius:16px; padding:10px 14px; font:inherit; font-size:17px; background:var(--mobile-soft); color:inherit; }\nhtml[data-dsh-mobile] [data-mobile-picker] > [role=presentation] { max-height:none; overflow:visible; }\nhtml[data-dsh-mobile] [data-mobile-picker] [role=menuitem] { min-height:52px; padding:12px; border-radius:14px; font-size:17px; }\nhtml[data-dsh-mobile] [data-mobile-picker] [role=menuitem][hidden] { display:none; }\n/* Keep the workspace list inside its flex viewport: visible overflow used to\n * paint the last folder over the pinned add-action divider on short screens. */\nhtml[data-dsh-mobile] [data-mobile-picker=workspace] { overflow:hidden; }\nhtml[data-dsh-mobile] [data-mobile-picker=workspace] > [data-mobile-picker-chrome] { flex:none; }\nhtml[data-dsh-mobile] [data-mobile-picker=workspace] > [role=presentation]:nth-child(2) { flex:1 1 auto; min-height:0; overflow-y:auto; overscroll-behavior:contain; }\nhtml[data-dsh-mobile] [data-mobile-picker=workspace] > [role=presentation] > * { flex:none; }\nhtml[data-dsh-mobile] [data-mobile-picker=workspace] > [role=presentation]:nth-child(3):last-child { flex:none; margin-top:8px; padding-top:8px; border-top:1px solid var(--mobile-edge); }\nhtml[data-dsh-mobile] [data-mobile-picker=workspace] [role=menuitem] { box-sizing:border-box; min-height:52px; padding:12px; line-height:28px; }\n\nhtml[data-dsh-mobile] [data-mobile-picker=preset] [role=menuitem] span > span:last-child { font-size:14px; line-height:1.55; color:var(--dsw-alias-label-secondary); }\n\nhtml[data-mobile-gesture] [data-mobile-library-pane][hidden] { display:block; }\nhtml[data-mobile-gesture] [data-mobile-frame] > div:has(> [data-slot=\"main\"]), html[data-mobile-gesture] [data-mobile-toolbar] { transform:translate3d(var(--mobile-drag-offset),0,0)!important; width:100%; }\nhtml[data-dsh-mobile] [data-slot=\"main.conversation\"] > [data-phase] header:has([data-conversation-header-corner]) { min-height:0; padding:6px 16px 0; }\nhtml[data-dsh-mobile] [data-mobile-toolbar] [data-mobile-rename] { background:transparent; border:0; border-radius:0; box-shadow:none; -webkit-backdrop-filter:none; backdrop-filter:none; color:var(--dsw-alias-label-secondary); }\nhtml[data-dsh-mobile] [data-mobile-picker=preset] [role=menuitem] > span span:first-child { font-size:17px; font-weight:500; line-height:1.5; }\n\n/* Rename lives above the page, with a keyboard-aware viewport of its own. */\nhtml[data-dsh-mobile] [data-mobile-rename-dialog] { position:fixed; inset:calc(var(--mobile-top,0px) + var(--mobile-height,100dvh) / 2) 0 auto; transform:translateY(-50%); margin:0 auto; max-height:calc(var(--mobile-height,100dvh) - 32px); width:min(360px,calc(100vw - 40px)); padding:24px; border-radius:26px; background:var(--mobile-face); border-color:var(--mobile-edge); }\n[data-mobile-rename-dialog] h2 { font-size:20px; margin:0 0 20px; }\n[data-mobile-rename-dialog] label { font-size:14px; color:var(--dsw-alias-label-secondary); }\n[data-mobile-rename-dialog] input { background:var(--mobile-soft); color:var(--dsw-alias-label-primary); border-color:var(--mobile-edge); font-size:17px; margin-top:8px; }\nhtml[data-dsh-mobile] [data-mobile-rename-dialog] input:focus { outline:none; box-shadow:0 0 0 2px color-mix(in srgb,var(--mobile-accent) 24%,transparent); border-color:var(--mobile-accent); }\n[data-mobile-rename-dialog] footer { display:flex; justify-content:flex-end; gap:10px; margin-top:24px; }\n[data-mobile-rename-dialog] [data-mobile-primary] { background:var(--mobile-accent); color:white; border-radius:22px; padding-inline:22px; }\nhtml[data-dsh-mobile] [data-mobile-picker=preset] [role=menuitem] { border-radius:0; }\nhtml[data-dsh-mobile] [data-mobile-picker=preset] [data-mobile-picker-divider] { border-top:1px solid var(--mobile-edge); margin-top:8px; padding-top:20px; }\n\n[data-mobile-directory] { width:min(100%,520px); height:min(78dvh,720px); max-height:calc(var(--mobile-height,100dvh) - 24px); margin:auto auto 0; padding:20px 22px max(16px,env(safe-area-inset-bottom)); border-radius:28px 28px 0 0; color:var(--dsw-alias-label-primary); background:var(--mobile-face,var(--dsw-alias-bg-base)); }\n[data-mobile-directory][open] { display:flex; flex-direction:column; }\n[data-mobile-directory] header { display:flex; justify-content:space-between; align-items:center; flex:none; }\n[data-mobile-directory] header h2 { margin:0; font-size:21px; }\n[data-mobile-directory] button { font:inherit; color:inherit; cursor:pointer; background:transparent; border:0; }\n[data-mobile-directory] header button { display:grid; place-items:center; width:44px; height:44px; }\n[data-directory-tabs] { display:flex; gap:4px; padding:4px; margin:12px 0; border-radius:16px; background:var(--mobile-soft); flex:none; }\n[data-directory-tabs] button { flex:1; min-height:42px; border-radius:12px; }\n[data-directory-tabs] button[aria-pressed=true] { background:var(--mobile-face); color:var(--mobile-accent); box-shadow:0 1px 5px #0001; }\n[data-directory-scroll] { min-height:0; flex:1; overflow:auto; overscroll-behavior:contain; }\n[data-mobile-directory] [data-directory-row] { display:flex; gap:12px; align-items:center; width:100%; min-height:56px; padding:12px 2px; text-align:left; border-radius:0; border-bottom:1px solid var(--mobile-line); }\n[data-directory-row] > span { flex:1; min-width:0; overflow-wrap:anywhere; }\n[data-directory-row] strong { display:block; font-weight:500; }\n[data-directory-row] small { display:block; color:var(--dsw-alias-label-secondary); font-size:13px; margin-top:4px; }\n[data-directory-row] svg { flex:none; }\n[data-directory-current] { display:flex; align-items:center; gap:10px; font-size:14px; padding:8px 0; overflow-wrap:anywhere; }\n[data-directory-current] svg { flex:none; }\n[data-directory-manual] summary { cursor:pointer; padding:8px 0; font-size:14px; color:var(--mobile-accent); }\n[data-directory-path] { display:flex; align-items:center; gap:8px; }\n[data-directory-path] input { min-width:0; flex:1; }\n[data-mobile-directory] input { color:inherit; background:var(--mobile-soft); border-color:var(--mobile-line); margin:8px 0; }\n[data-directory-location] { display:flex; align-items:center; justify-content:space-between; gap:8px; margin:8px 0; font-size:14px; }\n[data-directory-location] button,[data-directory-location] label { display:flex; align-items:center; gap:6px; min-height:40px; }\n[data-directory-location] input { width:18px; }\n[data-mobile-directory] footer { flex:none; padding-top:10px; }\n[data-mobile-directory] [data-mobile-done] { margin-top:0; background:var(--mobile-accent); color:white; min-height:48px; }\n";
4
4
  //# sourceMappingURL=styles.d.ts.map
package/lib/types/client/styles.js CHANGED
@@ -1,4 +1,4 @@
1
- export const ORDINARY_TITLE = '[data-slot="main.conversation"] header:has([data-conversation-header-corner]) nav:has(> span:only-child > button:disabled + [data-slot="conversation.session.header.lineage"]:empty)';
1
+ export const ORDINARY_TITLE = '[data-slot="main.conversation"] header:has([data-conversation-header-corner]) nav:has(> span:only-child > :is(button:disabled,span:not([data-slot])) + [data-slot="conversation.session.header.lineage"]:empty)';
2
2
  /** Local overrides target official slot anchors; frame attributes are verified before activation. */
3
3
  export const MOBILE_CSS = `
4
4
  html[data-dsh-mobile] { --mobile-bar: 56px; --mobile-accent: #4d6bfe; }
@@ -69,6 +69,10 @@ html[data-dsh-mobile] [data-slot="conversation.input.right"] { max-width: 100%;
69
69
  [data-mobile-dialog] button[aria-pressed="true"] { color: #4d6bfe; background: #4d6bfe12; }
70
70
  [data-mobile-dialog] [data-mobile-done] { display: block; width: 100%; margin-top: 24px; background: #4d6bfe; color: white; border-radius: 100px; }
71
71
 
72
+ /* The host trigger menu is translucent; mobile overlays need an opaque face. */
73
+ html[data-dsh-mobile] [data-trigger-menu] { background:var(--mobile-face,var(--dsw-alias-bg-base))!important; --dsw-specific-menu:var(--mobile-face,var(--dsw-alias-bg-base)); opacity:1; backdrop-filter:none; -webkit-backdrop-filter:none; border:1px solid var(--mobile-edge); padding:8px; border-radius:22px; box-shadow:var(--mobile-shadow); }
74
+ html[data-dsh-mobile] [data-trigger-menu] [role=option] { min-height:48px; padding:12px; font-size:16px; line-height:1.45; }
75
+ html[data-dsh-mobile] [data-trigger-menu] [role=listbox] { overscroll-behavior:contain; }
72
76
  /* Hide an empty ordinary breadcrumb; populated catalogs keep their Host trigger. */
73
77
  html[data-dsh-mobile]:has([data-mobile-session-title]) ${ORDINARY_TITLE} { display:none; }
74
78
  html[data-dsh-mobile] [data-mobile-lineage-count] { flex-shrink:0; white-space:nowrap; }
@@ -207,17 +211,17 @@ html[data-dsh-mobile]:has([data-mobile-session-title]) [data-mobile-header-hidde
207
211
  [data-mobile-folded-action] { display:none!important; }
208
212
  [data-mobile-tools-seat] { display:contents; }
209
213
  html[data-dsh-mobile] [data-mobile-tools-open] { display:grid; place-items:center; width:44px; height:44px; min-width:44px; padding:0; border:0; border-radius:50%; corner-shape:round; color:var(--dsw-alias-label-primary); background:var(--mobile-soft); }
210
- [data-mobile-tools-dialog] { box-sizing:border-box; margin:auto auto 0; width:min(100%,520px); max-width:100%; max-height:75dvh; overflow-y:auto; padding:16px 20px max(20px,env(safe-area-inset-bottom)); border:1px solid var(--mobile-line); border-bottom:0; border-radius:26px 26px 0 0; background:var(--mobile-face); color:var(--dsw-alias-label-primary); box-shadow:0 -8px 40px #0002; }
214
+ [data-mobile-tools-dialog] { box-sizing:border-box; margin:auto auto 0; width:min(100%,520px); max-width:100%; max-height:75dvh; overscroll-behavior:contain; overflow-y:auto; padding:16px 20px max(20px,env(safe-area-inset-bottom)); border:1px solid var(--mobile-line); border-bottom:0; border-radius:26px 26px 0 0; background:var(--mobile-face); color:var(--dsw-alias-label-primary); box-shadow:0 -8px 40px #0002; }
211
215
  [data-mobile-tools-dialog]::backdrop { background:#0005; }
212
- [data-mobile-tools-dialog] [data-mobile-tools-handle] { width:34px; height:4px; margin:0 auto 12px; border-radius:4px; background:var(--dsw-alias-label-tertiary); opacity:.5; }
213
- [data-mobile-tools-dialog] header { display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }
214
- [data-mobile-tools-dialog] strong { font-size:16px; font-weight:500; }
216
+ [data-mobile-tools-dialog] [data-mobile-tools-handle] { width:34px; height:4px; margin:0 auto 12px; touch-action:pan-x; border-radius:4px; background:var(--dsw-alias-label-tertiary); opacity:.5; }
217
+ [data-mobile-tools-dialog] header { touch-action:pan-x; display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }
218
+ [data-mobile-tools-dialog] strong { font-size:20px; font-weight:600; }
215
219
  [data-mobile-tools-dialog] button { font:inherit; color:inherit; cursor:pointer; border:0; background:transparent; -webkit-tap-highlight-color:transparent; }
216
220
  [data-mobile-tools-dialog] button:disabled { opacity:.45; cursor:default; }
217
221
  [data-mobile-tools-dialog] header button { width:44px; height:44px; display:grid; place-items:center; border-radius:50%; padding:0; }
218
222
  [data-mobile-tools-grid] { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
219
- [data-mobile-tools-grid] button { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; min-height:92px; padding:12px; border-radius:20px; background:var(--mobile-soft); font-size:14px; }
220
- [data-mobile-tools-permission] { display:flex; align-items:center; width:100%; gap:10px; margin-top:12px; min-height:64px; padding:12px 0; text-align:left; font-size:14px!important; }
223
+ [data-mobile-tools-grid] button { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; min-height:96px; padding:16px; border-radius:18px; background:var(--mobile-soft); font-size:14px; }
224
+ [data-mobile-tools-permission] { display:flex; align-items:center; width:100%; gap:10px; margin-top:12px; border-top:1px solid var(--mobile-line)!important; min-height:64px; padding:12px 0; text-align:left; font-size:14px!important; }
221
225
  [data-mobile-tools-permission] > span { flex-shrink:0; }
222
226
  [data-mobile-tools-permission] > small { margin-left:auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; color:var(--dsw-alias-label-secondary); }
223
227
  [data-mobile-tools-dialog] svg { flex:none; }
@@ -326,6 +330,12 @@ html[data-dsh-mobile] [data-mobile-room-form] :is(input,textarea,select) { box-s
326
330
  html[data-dsh-mobile] [data-mobile-room-form] textarea { min-height:94px; resize:vertical; }
327
331
  html[data-dsh-mobile] [data-mobile-room-form] button { min-height:44px; min-width:44px; font-size:16px; border-radius:14px; }
328
332
  html[data-dsh-mobile] [data-mobile-room-form] summary { min-height:44px; padding:10px 0; font-size:16px; color:var(--dsw-alias-label-primary); }
333
+ /* Harness model controls are expandable summaries, not native selects. Keep the
334
+ advanced-settings disclosure plain while aligning picker faces with form fields. */
335
+ html[data-dsh-mobile] [data-mobile-room-form] details > summary[aria-expanded] { display:flex; align-items:center; box-sizing:border-box; width:100%; max-width:none; min-width:0; min-height:48px; gap:12px; padding:11px 12px; border:1px solid var(--mobile-edge); border-radius:14px; background:var(--mobile-soft); font-size:17px; line-height:1.5; color:var(--dsw-alias-label-primary); }
336
+ html[data-dsh-mobile] [data-mobile-room-form] details > summary[aria-expanded] > span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
337
+ html[data-dsh-mobile] [data-mobile-room-form] details > summary[aria-expanded]::after { flex-shrink:0; margin-inline-start:auto; margin-inline-end:2px; }
338
+
329
339
  html[data-dsh-mobile] [data-mobile-room-form] > div:last-child { position:sticky; bottom:-16px; background:var(--mobile-face); padding:12px 0 0; margin-top:0; display:grid; grid-template-columns:1fr 1fr; gap:12px; }
330
340
  html[data-dsh-mobile] [data-mobile-room-form] [role=alert] { font-size:15px; line-height:1.5; }
331
341
  html[data-dsh-mobile] [data-member] { font-size:16px; }
@@ -386,6 +396,15 @@ html[data-dsh-mobile] [data-mobile-picker] { position:fixed!important; inset:aut
386
396
  html[data-dsh-mobile] [data-mobile-picker] > [role=presentation] { max-height:none; overflow:visible; }
387
397
  html[data-dsh-mobile] [data-mobile-picker] [role=menuitem] { min-height:52px; padding:12px; border-radius:14px; font-size:17px; }
388
398
  html[data-dsh-mobile] [data-mobile-picker] [role=menuitem][hidden] { display:none; }
399
+ /* Keep the workspace list inside its flex viewport: visible overflow used to
400
+ * paint the last folder over the pinned add-action divider on short screens. */
401
+ html[data-dsh-mobile] [data-mobile-picker=workspace] { overflow:hidden; }
402
+ html[data-dsh-mobile] [data-mobile-picker=workspace] > [data-mobile-picker-chrome] { flex:none; }
403
+ html[data-dsh-mobile] [data-mobile-picker=workspace] > [role=presentation]:nth-child(2) { flex:1 1 auto; min-height:0; overflow-y:auto; overscroll-behavior:contain; }
404
+ html[data-dsh-mobile] [data-mobile-picker=workspace] > [role=presentation] > * { flex:none; }
405
+ html[data-dsh-mobile] [data-mobile-picker=workspace] > [role=presentation]:nth-child(3):last-child { flex:none; margin-top:8px; padding-top:8px; border-top:1px solid var(--mobile-edge); }
406
+ html[data-dsh-mobile] [data-mobile-picker=workspace] [role=menuitem] { box-sizing:border-box; min-height:52px; padding:12px; line-height:28px; }
407
+
389
408
  html[data-dsh-mobile] [data-mobile-picker=preset] [role=menuitem] span > span:last-child { font-size:14px; line-height:1.55; color:var(--dsw-alias-label-secondary); }
390
409
 
391
410
  html[data-mobile-gesture] [data-mobile-library-pane][hidden] { display:block; }
package/lib/types/client/surface.js CHANGED
@@ -25,7 +25,7 @@ export class MobileSurface {
25
25
  this.clearMarks();
26
26
  const root = frame?.querySelector('[data-slot="main.conversation"] > [data-phase]');
27
27
  const row = root?.querySelector('header [data-conversation-header-corner]')?.parentElement;
28
- const ordinary = row?.querySelector('nav > span:only-child > button:disabled + [data-slot="conversation.session.header.lineage"]:empty');
28
+ const ordinary = row?.querySelector('nav > span:only-child > :is(button:disabled,span:not([data-slot])) + [data-slot="conversation.session.header.lineage"]:empty');
29
29
  let preset = '';
30
30
  if (row) {
31
31
  for (const button of row.querySelectorAll('[data-slot="conversation.session.header.actions"] button[aria-label]')) {
@@ -36,7 +36,7 @@ export class MobileSurface {
36
36
  if (root?.dataset.phase === 'active' && row) {
37
37
  // The ordinary current title duplicates the mobile title. Compact only the
38
38
  // checked count dropdown; preserve ancestor links and subagent switchers.
39
- for (const title of row.querySelectorAll('nav > span > button:disabled')) {
39
+ for (const title of row.querySelectorAll('nav > span > :is(button:disabled,span:not([data-slot]))')) {
40
40
  const slot = title.nextElementSibling;
41
41
  if (slot?.getAttribute('data-slot') !== 'conversation.session.header.lineage')
42
42
  continue;
@@ -48,11 +48,14 @@ export class MobileSurface {
48
48
  this.mark(separator, 'data-mobile-header-hidden');
49
49
  this.mark(count, 'data-mobile-lineage-count');
50
50
  }
51
- const label = row.querySelector('[data-slot="conversation.session.header.actions"] > span[title]:has(svg mask[id^="mask0_agent_preset"])');
51
+ const label = row.querySelector('[data-slot="conversation.session.header.actions"] > span[title]:has(svg :is(mask[id^="mask0_agent_preset"],path[d^="M6.51867 12.3282"]))');
52
52
  if (label) {
53
53
  preset = label.textContent?.trim() ?? '';
54
54
  this.mark(label, 'data-mobile-header-hidden');
55
55
  }
56
+ // 0.1.7 publishes an explicit target; icons may now be data/blob URLs.
57
+ for (const target of row.querySelectorAll('[data-slot="conversation.session.header.utilities"] [data-open-target="directory"]'))
58
+ this.mark(target, 'data-mobile-header-hidden');
56
59
  for (const img of row.querySelectorAll('img[src^="/open-in-app/icon/"]')) {
57
60
  const split = img.closest('button')?.parentElement;
58
61
  if (split && split.querySelectorAll('button').length === 2)
@@ -62,7 +65,7 @@ export class MobileSurface {
62
65
  if (button.hasAttribute('data-sidebar-right-expand') || /^(更多操作|More actions)$/i.test(button.getAttribute('aria-label') ?? ''))
63
66
  this.mark(button, 'data-mobile-header-hidden');
64
67
  }
65
- if (this.doc.querySelector('[data-mobile-members-open], [data-mobile-tools-open]')) {
68
+ if (this.doc.querySelector('[data-mobile-members-open]:not([disabled])')) {
66
69
  for (const button of row.querySelectorAll('[data-slot="conversation.session.header.actions"] button')) {
67
70
  if (/^(＋|\+)?\s*(邀请 agent|Invite agent)$/i.test(button.textContent?.trim() ?? ''))
68
71
  this.mark(button, 'data-mobile-header-hidden');
package/lib/types/connect.d.ts CHANGED
@@ -3,5 +3,5 @@ import type { MobileConnectInfo } from './protocol.ts';
3
3
  /** Deployment-owned destination only: a browser cannot choose where a bearer is sent. */
4
4
  export declare function connectInfo(connection: HostConnectionHandle, configured?: string): MobileConnectInfo;
5
5
  /** Called only behind the official authenticated Fetch registry. */
6
- export declare function connectResponse(connection: HostConnectionHandle, configured?: string): (request: Request) => Promise<Response>;
6
+ export declare function connectResponse(connection: HostConnectionHandle, configured?: string, reachable?: (origin: string) => Promise<boolean>): (request: Request) => Promise<Response>;
7
7
  //# sourceMappingURL=connect.d.ts.map
package/lib/types/connect.js CHANGED
@@ -1,3 +1,4 @@
1
+ import { publicOriginReachable } from './reachability.js';
1
2
  const headers = { 'cache-control': 'no-store', 'referrer-policy': 'no-referrer' };
2
3
  /** Deployment-owned destination only: a browser cannot choose where a bearer is sent. */
3
4
  export function connectInfo(connection, configured) {
@@ -24,11 +25,13 @@ export function connectInfo(connection, configured) {
24
25
  return { state: 'ready', origin: url.origin };
25
26
  }
26
27
  /** Called only behind the official authenticated Fetch registry. */
27
- export function connectResponse(connection, configured) {
28
+ export function connectResponse(connection, configured, reachable = publicOriginReachable) {
28
29
  return async (request) => {
29
30
  const info = connectInfo(connection, configured);
31
+ const checked = async () => info.state === 'ready' && info.origin && !await reachable(info.origin)
32
+ ? { ...info, state: 'unreachable' } : info;
30
33
  if (request.method === 'GET')
31
- return Response.json(info, { headers });
34
+ return Response.json(await checked(), { headers });
32
35
  // Explicit same-origin action; a navigation/form must never reveal a login URL.
33
36
  // The official HTTP bridge uses an internal Request URL. Compare the
34
37
  // preserved Host/Origin headers, as the official trust fence does, so an
@@ -46,6 +49,9 @@ export function connectResponse(connection, configured) {
46
49
  }
47
50
  if (info.state !== 'ready' || !info.origin)
48
51
  return Response.json(info, { status: 409, headers });
52
+ const live = await checked();
53
+ if (live.state !== 'ready')
54
+ return Response.json(live, { status: 503, headers });
49
55
  try {
50
56
  const login = new URL(connection.authenticatedUrl(info.origin));
51
57
  if (login.origin !== info.origin || login.pathname !== '/' || login.username || login.password || login.hash
package/lib/types/protocol.d.ts CHANGED
@@ -4,7 +4,7 @@ export declare const BRIDGE_VERSION = 1;
4
4
  export declare const HANDSHAKE_PATH = "/api/mobile/handshake";
5
5
  export declare const CONNECT_PATH = "/api/mobile/connect";
6
6
  export interface MobileConnectInfo {
7
- state: 'ready' | 'not-configured' | 'invalid-origin' | 'untrusted-origin' | 'unsupported';
7
+ state: 'ready' | 'not-configured' | 'invalid-origin' | 'untrusted-origin' | 'unsupported' | 'unreachable';
8
8
  origin: string | null;
9
9
  }
10
10
  /** Read-only feature discovery; this does not create a login or grant access. */
package/lib/types/reachability.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ /** Probe only the operator-configured origin, anonymously and without redirects.
2
+ * Official protected roots answer 401; unprotected roots can answer 2xx.
3
+ * A login token must never be used as a connectivity probe. */
4
+ export declare function publicOriginReachable(origin: string, request?: typeof fetch): Promise<boolean>;
5
+ //# sourceMappingURL=reachability.d.ts.map
package/lib/types/reachability.js ADDED
@@ -0,0 +1,14 @@
1
+ /** Probe only the operator-configured origin, anonymously and without redirects.
2
+ * Official protected roots answer 401; unprotected roots can answer 2xx.
3
+ * A login token must never be used as a connectivity probe. */
4
+ export async function publicOriginReachable(origin, request = fetch) {
5
+ try {
6
+ const response = await request(`${origin}/`, { method: 'GET', redirect: 'manual', signal: AbortSignal.timeout(6000),
7
+ headers: { 'cache-control': 'no-cache' } });
8
+ await response.body?.cancel();
9
+ return response.status === 401 || response.ok;
10
+ }
11
+ catch {
12
+ return false;
13
+ }
14
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@khorsheed/dsh-mobile",
3
- "version": "0.1.0",
3
+ "version": "0.1.2",
4
4
  "description": "Removable mobile presentation and iOS bridge for DeepSeek Harness.",
5
5
  "type": "module",
6
6
  "license": "MIT",
@@ -33,8 +33,9 @@
33
33
  "locale/*.json",
34
34
  "examples",
35
35
  "README.md",
36
- "README.zh.md",
37
- "LICENSE"
36
+ "README.en.md",
37
+ "LICENSE",
38
+ "CHANGELOG.md"
38
39
  ],
39
40
  "dsh": {
40
41
  "bundle": {