dsh-claude-style 0.2.3 → 0.2.5

package/lib/client.js

@@ -1,15 +1,39 @@
 /**
  * Claude Style — Claude Code Desktop theme for the DeepSeek Harness web GUI.
  *
- * GENERATED FILE — do not edit. Source lives in src/ (JS zones as fragments,
- * stylesheets as plain CSS); `node scripts/build.mjs` assembles this bundle.
- *   - src/constants.js   Zone 1: Constants & Tokens
- *   - src/styles/*.css   Zone 2: Stylesheets (tokens, typography, chrome,
- *                        composer, sidebar, components)
- *   - src/context.js     Zone 3: DSH Context & Helpers
- *   - src/overrides.js   Zone 4+5: UI Overrides, Scheduler & Teardown
- *   - src/settings.js    Settings Section (Brand)
- *   - src/entry.js       Zone 6: Plugin Entry & Export
+ * GENERATED FILE — do not edit. Source lives in src/ as feature fragments;
+ * `node scripts/build.mjs` assembles this bundle.
+ *
+ * JS fragments (in assembly order):
+ *   - src/assets/*.svg   Brand marks (inlined as CSS url() data URIs at build time)
+ *  *   - src/constants.js
+ *   - src/context/host.js
+ *   - src/context/prefs.js
+ *   - src/context/model-copy.js
+ *   - src/context/i18n.js
+ *   - src/overrides/popover-utils.js
+ *   - src/overrides/copy.js
+ *   - src/overrides/permissions.js
+ *   - src/overrides/model-picker.js
+ *   - src/overrides/account-footer.js
+ *   - src/overrides/scheduler.js
+ *   - src/settings.js
+ *   - src/entry.js
+ *
+ * Stylesheets (in assembly order):
+ *  *   - src/styles/tokens.css
+ *   - src/styles/typography.css
+ *   - src/styles/chrome.css
+ *   - src/styles/composer/hero.css
+ *   - src/styles/composer/card.css
+ *   - src/styles/composer/inline.css
+ *   - src/styles/sidebar.css
+ *   - src/styles/components/permissions.css
+ *   - src/styles/components/account-footer.css
+ *   - src/styles/components/model-picker.css
+ *   - src/styles/components/footer-takeover.css
+ *   - src/styles/components/third-party.css
+ *   - src/styles/components/settings.css
  */
 window.__ModuleLoader__.load({
   id: 'dsh-claude-style',
@@ -22,13 +46,40 @@ window.__ModuleLoader__.load({
     // section can be a real component without a host half.
     var React = require('react')
 
+
     // ============================================================================
-    // Zone 1: 常量与配置定义 (Constants & Tokens)
+    // 常量与配置定义 (Constants & Tokens)
     // ============================================================================
     var STYLE_ID = 'dsh-claude-style-style'
 
     var COMPOSER_HINT = 'How can I help you today?'
 
+    /**
+     * Model picker copy.
+     *
+     * The copy itself is NOT here. It ships as `model-descriptions.json` beside
+     * the bundle, and the browser half fetches it at runtime (the host half
+     * serves it under MODEL_COPY_ROUTE), so the model table grows without a
+     * rebuild and no copy enters the bundle. The language comes from the shell's
+     * own `locale` service — one line per row, in the language the rest of the
+     * UI is in — never two languages stacked.
+     *
+     * The constants below are the neutral fallbacks painted before that document
+     * arrives, and kept if it never does. They are English because a failed
+     * fetch has no locale to honour.
+     */
+    var MODEL_OFFICIAL_GROUP = 'deepseek-official'
+    var MODEL_COPY_ROUTE = '/dsh-claude-style/model-descriptions.json'
+    var MODEL_COPY_FALLBACK_LOCALE = 'en'
+    var MODEL_FALLBACK_LABEL = 'Select model'
+    var MODEL_LOADING_LABEL = 'Loading models…'
+    var MODEL_EMPTY_LABEL = 'No models available.'
+    var MODEL_EFFORT_LABEL = 'Reasoning effort'
+    var MODEL_EFFORT_DEFAULT = 'Default'
+    var MODEL_MORE_LABEL = 'More models'
+    var MODEL_TRIGGER_LABEL = 'Select model, currently {model}'
+    var MODEL_NO_EFFORT_LABEL = 'This model offers no reasoning levels.'
+
     /** English weekday names, indexed by Date#getDay() (0 = Sunday). */
     var WEEKDAY_NAMES = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']
 
@@ -98,9 +149,6 @@ window.__ModuleLoader__.load({
       'Spinning', 'Twisting', 'Unfurling', 'Unravelling', 'Vibing', 'Whirring'
     ]
 
-    /** Anthropic's starburst mark as an inline data URI, keeping the skin a single-file bundle with no asset request. */
-    var ANTHROPIC_MARK = "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.709 15.955l4.72-2.647.08-.23-.08-.128H9.2l-.79-.048-2.698-.073-2.339-.097-2.266-.122-.571-.121L0 11.784l.055-.352.48-.321.686.06 1.52.103 2.278.158 1.652.097 2.449.255h.389l.055-.157-.134-.098-.103-.097-2.358-1.596-2.552-1.688-1.336-.972-.724-.491-.364-.462-.158-1.008.656-.722.881.06.225.061.893.686 1.908 1.476 2.491 1.833.365.304.145-.103.019-.073-.164-.274-1.355-2.446-1.446-2.49-.644-1.032-.17-.619a2.97 2.97 0 01-.104-.729L6.283.134 6.696 0l.996.134.42.364.62 1.414 1.002 2.229 1.555 3.03.456.898.243.832.091.255h.158V9.01l.128-1.706.237-2.095.23-2.695.08-.76.376-.91.747-.492.584.28.48.685-.067.444-.286 1.851-.559 2.903-.364 1.942h.212l.243-.242.985-1.306 1.652-2.064.73-.82.85-.904.547-.431h1.033l.76 1.129-.34 1.166-1.064 1.347-.881 1.142-1.264 1.7-.79 1.36.073.11.188-.02 2.856-.606 1.543-.28 1.841-.315.833.388.091.395-.328.807-1.969.486-2.309.462-3.439.813-.042.03.049.061 1.549.146.662.036h1.622l3.02.225.79.522.474.638-.079.485-1.215.62-1.64-.389-3.829-.91-1.312-.329h-.182v.11l1.093 1.068 2.006 1.81 2.509 2.33.127.578-.322.455-.34-.049-2.205-1.657-.851-.747-1.926-1.62h-.128v.17l.444.649 2.345 3.521.122 1.08-.17.353-.608.213-.668-.122-1.374-1.925-1.415-2.167-1.143-1.943-.14.08-.674 7.254-.316.37-.729.28-.607-.461-.322-.747.322-1.476.389-1.924.315-1.53.286-1.9.17-.632-.012-.042-.14.018-1.434 1.967-2.18 2.945-1.726 1.845-.414.164-.717-.37.067-.662.401-.589 2.388-3.036 1.44-1.882.93-1.086-.006-.158h-.055L4.132 18.56l-1.13.146-.487-.456.061-.746.231-.243 1.908-1.312-.006.006z' fill='%23D97757'/%3E%3C/svg%3E\")"
-
     /** Segment label and the shipped /permission preset it selects. */
     var PERMISSION_SEGMENTS = [
       { label: 'Read', preset: 'read-only' },
@@ -138,106 +186,76 @@ window.__ModuleLoader__.load({
     var SEGMENTS_CLASS = 'dsh-claude-segments'
     var SEGMENT_CLASS = 'dsh-claude-segment'
 
+    /**
+     * Preferences, persisted in the host settings namespace `claude-style`
+     * (lib/index.js owns it; src/context/prefs.js reads and writes it). Each value is
+     * mirrored onto the document as an attribute so the stylesheet decides what
+     * a preference means, and the defaults here are the shipped behaviour.
+     */
+
     /** Brand marks selectable from the settings page. `claude` is the default. */
     var BRAND_CLAUDE = 'claude'
     var BRAND_ANTHROPIC = 'anthropic'
+    /** Leave the brand area entirely to the host: neither brand variant matches. */
+    var BRAND_OFF = 'off'
     var DEFAULT_BRAND = BRAND_CLAUDE
-    /** localStorage key holding the chosen brand. */
-    var BRAND_STORAGE_KEY = 'dsh-claude-style:brand'
     /** The document attribute the stylesheet switches on. */
     var BRAND_ATTR = 'data-dsh-claude-brand'
 
-    /**
-     * Claude's own brand lockup, taken from the official artwork (claude.ai via
-     * Wikimedia Commons, public domain as a simple geometric/text logo). The mark
-     * and the wordmark ship as two separate alpha masks so each can be sized
-     * independently: the sidebar pairs the starburst with the wordmark, while the
-     * new-conversation hero uses the starburst alone with the clay fill baked in.
-     *
-     * Two details are load-bearing:
-     *   - The source paths live in the artwork's own coordinate space and are
-     *     wrapped in a group transform, so every mask has to carry that same
-     *     `translate` or the tight viewBox crops the geometry away entirely.
-     *   - `#` and `'` stay percent-encoded inside the data URI. A literal `#`
-     *     starts a fragment and truncates the URI at that point.
-     */
-    var CLAUDE_TRANSFORM = "translate(-75.96,-223.53)"
-    /** Tight viewBox of the starburst alone (148.09 x 148.18 user units). */
-    var CLAUDE_MARK_VIEWBOX = '0 0 148.09 148.18'
-    /** Tight viewBox of the wordmark alone, excluding the starburst. */
-    var CLAUDE_WORD_VIEWBOX = '177.76 14.09 512.22 121.54'
-    /** Aspect ratio of the wordmark, so callers can size it from the height. */
-    var CLAUDE_WORD_ASPECT = 512.22 / 121.54
-    /** Aspect ratio of the full mark+wordmark lockup. */
-    var CLAUDE_LOCKUP_ASPECT = 689.98 / 148.18
-
-    /** Starburst path, in the artwork's own (pre-transform) coordinates. */
-    var CLAUDE_MARK_PATH = 'm 105.01,322.07 29.14,-16.35 0.49,-1.42 -0.49,-0.79 h -1.42 l -4.87,-0.3 -16.65,-0.45 -14.44,-0.6 -13.99,-0.75 -3.52,-0.75 -3.3,-4.35 0.34,-2.17 2.96,-1.99 4.24,0.37 9.37,0.64 14.06,0.97 10.2,0.6 15.11,1.57 h 2.4 l 0.34,-0.97 -0.82,-0.6 -0.64,-0.6 -14.55,-9.86 -15.75,-10.42 -8.25,-6 -4.46,-3.04 -2.25,-2.85 -0.97,-6.22 4.05,-4.46 5.44,0.37 1.39,0.37 5.51,4.24 11.77,9.11 15.37,11.32 2.25,1.87 0.9,-0.64 0.11,-0.45 -1.01,-1.69 -8.36,-15.11 -8.92,-15.37 -3.97,-6.37 -1.05,-3.82 c -0.37,-1.57 -0.64,-2.89 -0.64,-4.5 l 4.61,-6.26 2.55,-0.82 6.15,0.82 2.59,2.25 3.82,8.74 6.19,13.76 9.6,18.71 2.81,5.55 1.5,5.14 0.56,1.57 h 0.97 v -0.9 l 0.79,-10.54 1.46,-12.94 1.42,-16.65 0.49,-4.69 2.32,-5.62 4.61,-3.04 3.6,1.72 2.96,4.24 -0.41,2.74 -1.76,11.44 -3.45,17.92 -2.25,12 h 1.31 l 1.5,-1.5 6.07,-8.06 10.2,-12.75 4.5,-5.06 5.25,-5.59 3.37,-2.66 h 6.37 l 4.69,6.97 -2.1,7.2 -6.56,8.32 -5.44,7.05 -7.8,10.5 -4.87,8.4 0.45,0.67 1.16,-0.11 17.62,-3.75 9.52,-1.72 11.36,-1.95 5.14,2.4 0.56,2.44 -2.02,4.99 -12.15,3 -14.25,2.85 -21.22,5.02 -0.26,0.19 0.3,0.37 9.56,0.9 4.09,0.22 h 10.01 l 18.64,1.39 4.87,3.22 2.92,3.94 -0.49,3 -7.5,3.82 -10.12,-2.4 -23.62,-5.62 -8.1,-2.02 h -1.12 v 0.67 l 6.75,6.6 12.37,11.17 15.49,14.4 0.79,3.56 -1.99,2.81 -2.1,-0.3 -13.61,-10.24 -5.25,-4.61 -11.89,-10.01 h -0.79 v 1.05 l 2.74,4.01 14.47,21.75 0.75,6.67 -1.05,2.17 -3.75,1.31 -4.12,-0.75 -8.47,-11.89 -8.74,-13.39 -7.05,-12 -0.86,0.49 -4.16,44.81 -1.95,2.29 -4.5,1.72 -3.75,-2.85 -1.99,-4.61 1.99,-9.11 2.4,-11.89 1.95,-9.45 1.76,-11.74 1.05,-3.9 -0.07,-0.26 -0.86,0.11 -8.85,12.15 -13.46,18.19 -10.65,11.4 -2.55,1.01 -4.42,-2.29 0.41,-4.09 2.47,-3.64 14.74,-18.75 8.89,-11.62 5.74,-6.71 -0.04,-0.97 h -0.34 l -39.15,25.42 -6.97,0.9 -3,-2.81 0.37,-4.61 1.42,-1.5 11.77,-8.1 -0.04,0.04 z'
-
-    /** Wordmark path, in the artwork's own (pre-transform) coordinates. */
-    var CLAUDE_WORD_PATH = 'm 317.73,349.33 c -18.82,0 -31.69,-10.5 -37.76,-26.66 -3.17,-8.42 -4.74,-17.36 -4.61,-26.36 0,-27.11 12.15,-45.94 39,-45.94 18.04,0 29.17,7.87 35.51,26.66 h 7.72 l -1.05,-25.91 c -10.8,-6.97 -24.3,-10.5 -40.72,-10.5 -23.14,0 -42.82,10.35 -53.77,29.02 -5.66,9.86 -8.53,21.07 -8.32,32.44 0,20.74 9.79,39.11 28.16,49.31 10.06,5.37 21.34,8.04 32.74,7.72 17.92,0 32.14,-3.41 44.74,-9.37 l 3.26,-28.57 h -7.87 c -4.72,13.05 -10.35,20.89 -19.69,25.05 -4.57,2.06 -10.35,3.11 -17.32,3.11 z m 81.18,-98.96 0.75,-12.75 h -5.32 l -23.7,7.12 v 3.86 l 10.5,4.87 v 89.17 c 0,6.07 -3.11,7.42 -11.25,8.44 v 6.52 h 40.31 v -6.52 c -8.17,-1.01 -11.25,-2.36 -11.25,-8.44 V 250.4 l -0.04,-0.04 z m 160.31,108.75 h 3.11 l 27.26,-5.17 v -6.67 l -3.82,-0.3 c -6.37,-0.6 -8.02,-1.91 -8.02,-7.12 v -47.55 l 0.75,-15.26 h -4.31 l -25.76,3.71 v 6.52 l 2.51,0.45 c 6.97,1.01 9.04,2.96 9.04,7.84 v 42.37 c -6.67,5.17 -13.05,8.44 -20.62,8.44 -8.4,0 -13.61,-4.27 -13.61,-14.25 v -39.79 l 0.75,-15.26 h -4.42 l -25.8,3.71 v 6.52 l 2.66,0.45 c 6.97,1.01 9.04,2.96 9.04,7.84 v 39.11 c 0,16.57 9.37,24.45 24.3,24.45 11.4,0 20.74,-6.07 27.75,-14.51 l -0.75,14.51 -0.04,-0.04 z M 484.3,306.36 c 0,-21.19 -11.25,-29.32 -31.57,-29.32 -17.92,0 -30.94,7.42 -30.94,19.72 0,3.67 1.31,6.49 3.97,8.44 l 13.65,-1.8 c -0.6,-4.12 -0.9,-6.64 -0.9,-7.69 0,-6.97 3.71,-10.5 11.25,-10.5 11.14,0 16.76,7.84 16.76,20.44 v 4.12 l -28.12,8.44 c -9.37,2.55 -14.7,4.76 -18.26,9.94 -1.89,3.17 -2.8,6.82 -2.62,10.5 0,12 8.25,20.47 22.35,20.47 10.2,0 19.24,-4.61 27.11,-13.35 2.81,8.74 7.12,13.35 14.81,13.35 6.22,0 11.85,-2.51 16.87,-7.42 l -1.5,-5.17 c -2.17,0.6 -4.27,0.9 -6.49,0.9 -4.31,0 -6.37,-3.41 -6.37,-10.09 v -30.97 z m -36,40.76 c -7.69,0 -12.45,-4.46 -12.45,-12.3 0,-5.32 2.51,-8.44 7.87,-10.24 l 22.8,-7.24 v 21.9 c -7.27,5.51 -11.55,7.87 -18.22,7.87 z m 237.36,6.82 v -6.67 l -3.86,-0.3 c -6.37,-0.6 -7.99,-1.91 -7.99,-7.12 v -89.47 l 0.75,-12.75 h -5.36 l -23.7,7.12 v 3.86 l 10.5,4.87 v 29.32 c -5.91,-4.05 -12.98,-6.08 -20.14,-5.77 -23.55,0 -41.92,17.92 -41.92,44.74 0,22.09 13.2,37.35 34.95,37.35 11.25,0 21.04,-5.47 27.11,-13.95 l -0.75,13.95 h 3.15 l 27.26,-5.17 v 0 z m -49.35,-68.02 c 11.25,0 19.69,6.52 19.69,18.52 v 33.75 c -5.18,5.16 -12.23,8 -19.54,7.87 -16.12,0 -24.3,-12.75 -24.3,-29.77 0,-19.12 9.34,-30.37 24.15,-30.37 z M 743.3,302.8 c -2.1,-9.9 -8.17,-15.52 -16.61,-15.52 -12.6,0 -21.34,9.49 -21.34,23.1 0,20.14 10.65,33.19 27.86,33.19 11.48,-0.12 22.04,-6.33 27.71,-16.31 l 5.02,1.35 c -2.25,17.47 -18.07,30.52 -37.5,30.52 -22.8,0 -38.51,-16.87 -38.51,-40.87 0,-24 17.06,-41.21 39.86,-41.21 17.02,0 29.02,10.24 32.89,28.01 l -59.4,18.22 v -8.02 l 40.01,-12.41 v -0.04 z'
-
-    /**
-     * Build a CSS `url()` for one Claude mask.
-     *
-     * `encodeURIComponent` does the escaping, which is why the paths above are kept
-     * as raw literals rather than pre-baked data URIs: every `#`, `'` and `<` gets
-     * escaped exactly once, so no fill colour can accidentally terminate the URI.
-     * `fill` defaults to `currentColor`, letting the mask follow the theme.
-     *
-     * @param viewBox - tight viewBox of the geometry being drawn.
-     * @param paths - one or more path `d` strings to include.
-     * @param fill - optional paint; omit for a currentColor alpha mask.
-     * @returns a quoted CSS url() value.
-     */
-    function claudeMask(viewBox, paths, fill) {
-      var body = ''
-      for (var i = 0; i < paths.length; i++) {
-        body += "<path" + (fill ? " fill='" + fill + "'" : '') + " d='" + paths[i] + "'/>"
-      }
-      var svg =
-        "<svg xmlns='http://www.w3.org/2000/svg' viewBox='" + viewBox + "'>" +
-        "<g transform='" + CLAUDE_TRANSFORM + "'>" + body + '</g></svg>'
-      return 'url("data:image/svg+xml,' + encodeURIComponent(svg) + '")'
-    }
-
-    /** The starburst alone, as a currentColor alpha mask. */
-    var CLAUDE_MARK = claudeMask(CLAUDE_MARK_VIEWBOX, [CLAUDE_MARK_PATH])
-    /** The wordmark alone, as a currentColor alpha mask. */
-    var CLAUDE_WORD = claudeMask(CLAUDE_WORD_VIEWBOX, [CLAUDE_WORD_PATH])
-    /** The full lockup (starburst + wordmark) as one currentColor alpha mask. */
-    var CLAUDE_LOCKUP = claudeMask('0 0 689.98 148.18', [CLAUDE_MARK_PATH, CLAUDE_WORD_PATH])
-    /** The starburst with the clay accent baked in, for the new-conversation hero. */
-    var CLAUDE_MARK_CLAY = claudeMask(CLAUDE_MARK_VIEWBOX, [CLAUDE_MARK_PATH], '#D97757')
-
-    /** Anthropic's A\ lockup mark (the alternate sidebar brand), as an alpha mask. */
-    var ANTHROPIC_BRAND_MARK = "url(\"data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 46 32%27%3E%3Cpath d=%27M32.73 0H25.7846L38.4499 32H45.3953L32.73 0Z%27/%3E%3Cpath d=%27M12.6653 0L0 32H7.08167L9.67193 25.28H22.9219L25.5122 32H32.5939L19.9286 0H12.6653ZM11.9626 19.3371L16.2969 8.09143L20.6313 19.3371H11.9626Z%27/%3E%3C/svg%3E\")"
-
-    /** The ANTHROPIC wordmark (the alternate sidebar brand), as an alpha mask. */
-    var ANTHROPIC_BRAND_WORD = "url(\"data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 143 16%27%3E%3Cpath transform=%27translate(18.299999237060547,0.27000001072883606)%27 d=%27 M10.716191291809082,10.829001426696777 C10.716191291809082,10.829001426696777 3.756195545196533,0 3.756195545196533,0 C3.756195545196533,0 0,0 0,0 C0,0 0,15.470022201538086 0,15.470022201538086 C0,15.470022201538086 3.2038140296936035,15.470022201538086 3.2038140296936035,15.470022201538086 C3.2038140296936035,15.470022201538086 3.2038140296936035,4.6410064697265625 3.2038140296936035,4.6410064697265625 C3.2038140296936035,4.6410064697265625 10.163809776306152,15.470022201538086 10.163809776306152,15.470022201538086 C10.163809776306152,15.470022201538086 13.919991493225098,15.470022201538086 13.919991493225098,15.470022201538086 C13.919991493225098,15.470022201538086 13.919991493225098,0 13.919991493225098,0 C13.919991493225098,0 10.716191291809082,0 10.716191291809082,0 C10.716191291809082,0 10.716191291809082,10.829001426696777 10.716191291809082,10.829001426696777 C10.716191291809082,10.829001426696777 10.716191291809082,10.829001426696777 10.716191291809082,10.829001426696777z%27/%3E%3Cpath transform=%27translate(34.869998931884766,0.27000001072883606)%27 d=%27 M0,2.983504056930542 C0,2.983504056930542 5.19273567199707,2.983504056930542 5.19273567199707,2.983504056930542 C5.19273567199707,2.983504056930542 5.19273567199707,15.470022201538086 5.19273567199707,15.470022201538086 C5.19273567199707,15.470022201538086 8.507256507873535,15.470022201538086 8.507256507873535,15.470022201538086 C8.507256507873535,15.470022201538086 8.507256507873535,2.983504056930542 8.507256507873535,2.983504056930542 C8.507256507873535,2.983504056930542 13.700006484985352,2.983504056930542 13.700006484985352,2.983504056930542 C13.700006484985352,2.983504056930542 13.700006484985352,0 13.700006484985352,0 C13.700006484985352,0 0,0 0,0 C0,0 0,2.983504056930542 0,2.983504056930542 C0,2.983504056930542 0,2.983504056930542 0,2.983504056930542z%27/%3E%3Cpath transform=%27translate(51.22999954223633,0.27000001072883606)%27 d=%27 M10.605714797973633,6.165900230407715 C10.605714797973633,6.165900230407715 3.3142902851104736,6.165900230407715 3.3142902851104736,6.165900230407715 C3.3142902851104736,6.165900230407715 3.3142902851104736,0 3.3142902851104736,0 C3.3142902851104736,0 0,0 0,0 C0,0 0,15.470022201538086 0,15.470022201538086 C0,15.470022201538086 3.3142902851104736,15.470022201538086 3.3142902851104736,15.470022201538086 C3.3142902851104736,15.470022201538086 3.3142902851104736,9.149404525756836 3.3142902851104736,9.149404525756836 C3.3142902851104736,9.149404525756836 10.605714797973633,9.149404525756836 10.605714797973633,9.149404525756836 C10.605714797973633,9.149404525756836 10.605714797973633,15.470022201538086 10.605714797973633,15.470022201538086 C10.605714797973633,15.470022201538086 13.919991493225098,15.470022201538086 13.919991493225098,15.470022201538086 C13.919991493225098,15.470022201538086 13.919991493225098,0 13.919991493225098,0 C13.919991493225098,0 10.605714797973633,0 10.605714797973633,0 C10.605714797973633,0 10.605714797973633,6.165900230407715 10.605714797973633,6.165900230407715 C10.605714797973633,6.165900230407715 10.605714797973633,6.165900230407715 10.605714797973633,6.165900230407715z%27/%3E%3Cpath transform=%27translate(69.23999786376953,0.27000001072883606)%27 d=%27 M3.3151700496673584,2.983504056930542 C3.3151700496673584,2.983504056930542 7.403865814208984,2.983504056930542 7.403865814208984,2.983504056930542 C9.03934097290039,2.983504056930542 9.901290893554688,3.5801939964294434 9.901290893554688,4.707304000854492 C9.901290893554688,5.834399700164795 9.03934097290039,6.431103706359863 7.403865814208984,6.431103706359863 C7.403865814208984,6.431103706359863 3.3151700496673584,6.431103706359863 3.3151700496673584,6.431103706359863 C3.3151700496673584,6.431103706359863 3.3151700496673584,2.983504056930542 3.3151700496673584,2.983504056930542 C3.3151700496673584,2.983504056930542 3.3151700496673584,2.983504056930542 3.3151700496673584,2.983504056930542z M13.216461181640625,4.707304000854492 C13.216461181640625,1.7900969982147217 11.072648048400879,0 7.558576583862305,0 C7.558576583862305,0 0,0 0,0 C0,0 0,15.470022201538086 0,15.470022201538086 C0,15.470022201538086 3.3151700496673584,15.470022201538086 3.3151700496673584,15.470022201538086 C3.3151700496673584,15.470022201538086 3.3151700496673584,9.414593696594238 3.3151700496673584,9.414593696594238 C3.3151700496673584,9.414593696594238 7.005825519561768,9.414593696594238 7.005825519561768,9.414593696594238 C7.005825519561768,9.414593696594238 10.321218490600586,15.470022201538086 10.321218490600586,15.470022201538086 C10.321218490600586,15.470022201538086 13.990056991577148,15.470022201538086 13.990056991577148,15.470022201538086 C13.990056991577148,15.470022201538086 10.319005966186523,8.953378677368164 10.319005966186523,8.953378677368164 C12.161579132080078,8.245061874389648 13.216461181640625,6.753532409667969 13.216461181640625,4.707304000854492 C13.216461181640625,4.707304000854492 13.216461181640625,4.707304000854492 13.216461181640625,4.707304000854492z%27/%3E%3Cpath transform=%27translate(84.98999786376953,0)%27 d=%27 M7.622087478637695,12.906073570251465 C5.015110492706299,12.906073570251465 3.4244225025177,11.049725532531738 3.4244225025177,8.022093772888184 C3.4244225025177,4.95027494430542 5.015110492706299,3.0939269065856934 7.622087478637695,3.0939269065856934 C10.206976890563965,3.0939269065856934 11.775577545166016,4.95027494430542 11.775577545166016,8.022093772888184 C11.775577545166016,11.049725532531738 10.206976890563965,12.906073570251465 7.622087478637695,12.906073570251465 C7.622087478637695,12.906073570251465 7.622087478637695,12.906073570251465 7.622087478637695,12.906073570251465z M7.622087478637695,0 C3.1593029499053955,0 0,3.3149218559265137 0,8.022093772888184 C0,12.685078620910645 3.1593029499053955,16 7.622087478637695,16 C12.062784194946289,16 15.200028419494629,12.685078620910645 15.200028419494629,8.022093772888184 C15.200028419494629,3.3149218559265137 12.062784194946289,0 7.622087478637695,0 C7.622087478637695,0 7.622087478637695,0 7.622087478637695,0z%27/%3E%3Cpath transform=%27translate(103.29000091552734,0.27000001072883606)%27 d=%27 M7.405848026275635,6.873104095458984 C7.405848026275635,6.873104095458984 3.3160574436187744,6.873104095458984 3.3160574436187744,6.873104095458984 C3.3160574436187744,6.873104095458984 3.3160574436187744,2.983504056930542 3.3160574436187744,2.983504056930542 C3.3160574436187744,2.983504056930542 7.405848026275635,2.983504056930542 7.405848026275635,2.983504056930542 C9.04176139831543,2.983504056930542 9.90394115447998,3.646505117416382 9.90394115447998,4.928304195404053 C9.90394115447998,6.2101030349731445 9.04176139831543,6.873104095458984 7.405848026275635,6.873104095458984 C7.405848026275635,6.873104095458984 7.405848026275635,6.873104095458984 7.405848026275635,6.873104095458984z M7.5605998039245605,0 C7.5605998039245605,0 0,0 0,0 C0,0 0,15.470022201538086 0,15.470022201538086 C0,15.470022201538086 3.3160574436187744,15.470022201538086 3.3160574436187744,15.470022201538086 C3.3160574436187744,15.470022201538086 3.3160574436187744,9.85659408569336 3.3160574436187744,9.85659408569336 C3.3160574436187744,9.85659408569336 7.5605998039245605,9.85659408569336 7.5605998039245605,9.85659408569336 C11.07561206817627,9.85659408569336 13.219999313354492,8.000200271606445 13.219999313354492,4.928304195404053 C13.219999313354492,1.8563942909240723 11.07561206817627,0 7.5605998039245605,0 C7.5605998039245605,0 7.5605998039245605,0 7.5605998039245605,0z%27/%3E%3Cpath transform=%27translate(128.0399932861328,0)%27 d=%27 M10.914844512939453,10.5414400100708 C10.340370178222656,12.044201850891113 9.191434860229492,12.906073570251465 7.622706890106201,12.906073570251465 C5.0155181884765625,12.906073570251465 3.4246866703033447,11.049725532531738 3.4246866703033447,8.022093772888184 C3.4246866703033447,4.95027494430542 5.0155181884765625,3.0939269065856934 7.622706890106201,3.0939269065856934 C9.191434860229492,3.0939269065856934 10.340370178222656,3.9557981491088867 10.914844512939453,5.458559989929199 C10.914844512939453,5.458559989929199 14.427860260009766,5.458559989929199 14.427860260009766,5.458559989929199 C13.566211700439453,2.1436522006988525 10.981111526489258,0 7.622706890106201,0 C3.1595458984375,0 0,3.3149218559265137 0,8.022093772888184 C0,12.685078620910645 3.1595458984375,16 7.622706890106201,16 C11.003214836120605,16 13.588300704956055,13.834254264831543 14.449976921081543,10.5414400100708 C14.449976921081543,10.5414400100708 10.914844512939453,10.5414400100708 10.914844512939453,10.5414400100708 C10.914844512939453,10.5414400100708 10.914844512939453,10.5414400100708 10.914844512939453,10.5414400100708z%27/%3E%3Cpath transform=%27translate(117.83000183105469,0.27000001072883606)%27 d=%27 M0,0 C0,0 6.1677093505859375,15.470022201538086 6.1677093505859375,15.470022201538086 C6.1677093505859375,15.470022201538086 9.550004005432129,15.470022201538086 9.550004005432129,15.470022201538086 C9.550004005432129,15.470022201538086 3.382294178009033,0 3.382294178009033,0 C3.382294178009033,0 0,0 0,0 C0,0 0,0 0,0z%27/%3E%3Cpath transform=%27translate(0,0.27000001072883606)%27 d=%27 M5.824605464935303,9.348296165466309 C5.824605464935303,9.348296165466309 7.93500280380249,3.911694288253784 7.93500280380249,3.911694288253784 C7.93500280380249,3.911694288253784 10.045400619506836,9.348296165466309 10.045400619506836,9.348296165466309 C10.045400619506836,9.348296165466309 5.824605464935303,9.348296165466309 5.824605464935303,9.348296165466309 C5.824605464935303,9.348296165466309 5.824605464935303,9.348296165466309 5.824605464935303,9.348296165466309z M6.166755199432373,0 C6.166755199432373,0 0,15.470022201538086 0,15.470022201538086 C0,15.470022201538086 3.4480772018432617,15.470022201538086 3.4480772018432617,15.470022201538086 C3.4480772018432617,15.470022201538086 4.709278583526611,12.22130012512207 4.709278583526611,12.22130012512207 C4.709278583526611,12.22130012512207 11.16093635559082,12.22130012512207 11.16093635559082,12.22130012512207 C11.16093635559082,12.22130012512207 12.421928405761719,15.470022201538086 12.421928405761719,15.470022201538086 C12.421928405761719,15.470022201538086 15.87000560760498,15.470022201538086 15.87000560760498,15.470022201538086 C15.87000560760498,15.470022201538086 9.703250885009766,0 9.703250885009766,0 C9.703250885009766,0 6.166755199432373,0 6.166755199432373,0 C6.166755199432373,0 6.166755199432373,0 6.166755199432373,0z%27/%3E%3C/svg%3E\")"
+    /** Present while the skin takes over the sidebar footer (settings area + account row). */
+    var FOOTER_ATTR = 'data-dsh-claude-footer-takeover'
+    /** Present while the composer restyle applies to the page currently shown. */
+    var COMPOSER_ATTR = 'data-dsh-claude-composer-active'
+    /** Composer surfaces the restyle may cover, in settings order. */
+    var COMPOSER_SCOPES = ['off', 'hero', 'conversation', 'all']
+    /** Route the browser half reads and writes preferences through (lib/index.js). */
+    var PREFS_ROUTE = '/dsh-claude-style/prefs'
 
+    /** Wordmark aspect ratio; scripts/build.mjs sizes the sidebar word height from it (geometry lives in src/assets/claude-word.svg). */
+    var CLAUDE_WORD_ASPECT = 512.22 / 121.54
 
     var SANS = "'Anthropic Sans Web Text','Noto Sans SC','Source Han Sans SC',-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif"
     var SERIF = "'Anthropic Serif Web Text',Georgia,'Times New Roman','Noto Serif SC','Source Han Serif SC','Songti SC','SimSun',serif"
+    /**
+     * Conversation prose: Claude sets Latin text in the serif face and lets
+     * Chinese fall through to a sans CJK — the serif Latin faces carry no CJK
+     * glyphs, so the stack leads with serif and names the sans CJK families
+     * after it. UI chrome keeps SANS; only markdown prose uses this.
+     */
+    var PROSE = "'Anthropic Serif Web Text',Georgia,'Times New Roman','Noto Sans SC','Source Han Sans SC','PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif"
     var MONO = "'Anthropic Mono Variable',ui-monospace,'SF Mono','JetBrains Mono','Fira Code',Consolas,'Liberation Mono',Menlo,Courier,monospace"
 
     // ============================================================================
-    // Zone 2: 样式表（由 src/styles/*.css 内联生成，勿手改） (CSS Stylesheet)
+    // 样式表（由 src/styles/*.css 内联生成，勿手改） (CSS Stylesheet)
     // ============================================================================
     var CSS = [
       "/* --- 2.1 Design Tokens (Dark Base & Light Overrides) --- */",
-      "/* ---------- design tokens: warm-black (dark) base ---------- */",
+      "/* ---------- typography tokens: theme-independent ---------- */",
       "body[data-dsh-claude-style] {",
       "  --dsw-font-family: 'Anthropic Sans Web Text','Noto Sans SC','Source Han Sans SC',-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif;",
       "  --dsw-font-serif: 'Anthropic Serif Web Text',Georgia,'Times New Roman','Noto Serif SC','Source Han Serif SC','Songti SC','SimSun',serif;",
+      "  --dsw-font-prose: 'Anthropic Serif Web Text',Georgia,'Times New Roman','Noto Sans SC','Source Han Sans SC','PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif;",
       "  --dsw-font-code: 'Anthropic Mono Variable',ui-monospace,'SF Mono','JetBrains Mono','Fira Code',Consolas,'Liberation Mono',Menlo,Courier,monospace;",
-      "  --dsw-font-markdown-h1-font-family: var(--dsw-font-serif);",
-      "  --dsw-font-markdown-h2-font-family: var(--dsw-font-serif);",
-      "  --dsw-font-markdown-h3-font-family: var(--dsw-font-serif);",
-      "  --dsw-font-markdown-h4-font-family: var(--dsw-font-serif);",
-      "  --dsw-font-markdown-base-font-family: var(--dsw-font-family);",
-      "  --dsw-font-markdown-small-font-family: var(--dsw-font-family);",
-      "  --dsw-font-markdown-table-font-family: var(--dsw-font-family);",
+      "  /* Markdown document headings keep the host's own ladder, steepened from",
+      "     21/19/18 toward Claude's measured ≈21/17/15; h1 and h4 keep the host's",
+      "     values. The host reads these through a `font:` shorthand that names",
+      "     --dsw-font-family directly, so overriding the `-font-family` sub-tokens",
+      "     never reached the page — the shorthand itself is what has to be",
+      "     re-declared. */",
+      "  --dsw-font-markdown-h2: 700 calc(18px + var(--dsh-content-font-delta)) / calc(26px + var(--dsh-content-font-delta)) var(--dsw-font-prose);",
+      "  --dsw-font-markdown-h3: 700 calc(16px + var(--dsh-content-font-delta)) / calc(24px + var(--dsh-content-font-delta)) var(--dsw-font-prose);",
+      "}",
+      "",
+      "/* ---------- design tokens: warm-black (dark) palette ---------- */",
+      "/* The dark palette is scoped to [data-ds-dark-theme] on purpose. The host",
+      "   ships its own dark palette on body[data-ds-dark-theme] — the same (0,1,1)",
+      "   weight as a bare body[data-dsh-claude-style] — so the two only tie, and",
+      "   whichever stylesheet the loader appends last wins. When the host's lands",
+      "   after this one its blue accents (--dsw-alias-state-business-primary,",
+      "   --dsw-alias-button-info-fill, --dsw-alias-link and the brand \"new color\")",
+      "   replace the warm palette. Naming the attribute keeps this block at (0,2,1)",
+      "   and makes it order-independent. */",
+      "body[data-dsh-claude-style][data-ds-dark-theme] {",
       "  --dsw-alias-bg-base: #141413;",
       "  --dsw-alias-bg-layer-1: #1c1b1a;",
       "  --dsw-alias-bg-layer-2: #242320;",
@@ -255,6 +273,13 @@ window.__ModuleLoader__.load({
       "  --dsw-alias-button-info-hover: #e08a6d;",
       "  --dsw-alias-interactive-bg-active: rgba(217, 119, 87, 0.30);",
       "  --dsh-claude-hover-bg: rgba(255, 255, 255, 0.08);",
+      "  --dsh-claude-inline-code-fg: #e8a08a;",
+      "  --dsh-claude-link: #8ab4f8;",
+      "  /* The host pins the code-block surface on `pre.shiki` with !important, so it",
+      "     is only reachable through its own token; #1c1b1a is the value the skin's",
+      "     (inert) `pre { background }` rule always meant. */",
+      "  --dsw-alias-markdown-code-block: #1c1b1a;",
+      "  --dsw-alias-markdown-code-block-banner: #242320;",
       "  --dsw-alias-interactive-bg-hover: var(--dsh-claude-hover-bg);",
       "  --dsw-alias-interactive-bg-hover-solid: #2e2c29;",
       "  --dsw-alias-label-primary: #faf9f5;",
@@ -264,10 +289,14 @@ window.__ModuleLoader__.load({
       "  --dsw-alias-label-caption: #6b6a65;",
       "  --dsw-alias-state-business-primary: #d97757;",
       "  --dsw-alias-state-business-tertiary: #3a2a22;",
+      "  --dsw-alias-link: #e08a6d;",
       "  --dsw-shadow-lv2: 0 4px 16px rgba(0, 0, 0, 0.30), 0 1px 3px rgba(0, 0, 0, 0.14);",
       "  --dsw-specific-input-major: #0f0e0d;",
       "  --dsw-specific-selector: #2e2c29;",
       "  --dsw-specific-sidebar-fill: #141413;",
+      "  /* The host's \"new color\" brand accent (shipped under this doubled suffix)",
+      "     resolves to a deepseek blue in both palettes; the skin has one accent. */",
+      "  --dsw-alias-brand-primary-new-colorprimary-new-color: #d97757;",
       "}",
       "",
       "/* ================= light variant: ivory editorial ================= */",
@@ -292,6 +321,7 @@ window.__ModuleLoader__.load({
       "  --dsw-alias-label-caption: #a6a094;",
       "  --dsw-alias-state-business-primary: #d97757;",
       "  --dsw-alias-state-business-tertiary: #e9dfd2;",
+      "  --dsw-alias-link: #c6613f;",
       "  --dsw-specific-input-major: #ffffff;",
       "  --dsw-specific-menu: #ffffff;",
       "  --dsw-specific-selector: #f0eee6;",
@@ -299,6 +329,23 @@ window.__ModuleLoader__.load({
       "  --dsh-claude-hover-bg: rgba(0, 0, 0, 0.08);",
       "  --dsw-alias-interactive-bg-hover: var(--dsh-claude-hover-bg);",
       "  --dsw-shadow-lv2: 0 4px 18px rgba(20, 20, 19, 0.10), 0 1px 3px rgba(20, 20, 19, 0.05);",
+      "  --dsw-alias-brand-primary-new-colorprimary-new-color: #d97757;",
+      "  /* Carried over from the dark base block so the light palette stays complete",
+      "     now that the dark palette is dark-scoped. */",
+      "  --dsw-alias-brand-text: #faf9f5;",
+      "  --dsw-alias-button-elevated-fill: #242320;",
+      "  --dsw-alias-interactive-bg-active: rgba(217, 119, 87, 0.30);",
+      "  --dsw-alias-interactive-bg-hover-solid: #2e2c29;",
+      "  /* User message bubbles: the host's light bubble token is deepseek-50 (blue);",
+      "     use the skin's button-hover gray instead. */",
+      "  --dsw-specific-bubble: var(--dsh-claude-hover-bg);",
+      "  /* Markdown surfaces, measured off Claude: a white code block, a neutral-gray",
+      "     inline-code chip, and blue links. The chip colour is the same gray the",
+      "     components hover with, so the two read as one material. */",
+      "  --dsw-alias-markdown-code-block: #ffffff;",
+      "  --dsw-alias-markdown-code-block-banner: #ffffff;",
+      "  --dsh-claude-inline-code-fg: #943333;",
+      "  --dsh-claude-link: #184f95;",
       "}",
       "",
       "body[data-dsh-claude-style]:not([data-ds-dark-theme]) {",
@@ -344,19 +391,14 @@ window.__ModuleLoader__.load({
       "",
       "body[data-dsh-claude-style]:not([data-ds-dark-theme]) blockquote {",
       "  color: #6e6a60;",
-      "  border-left-color: #c6613f;",
-      "  background: rgba(198, 97, 63, 0.05);",
+      "  border-left-color: var(--dsw-alias-label-caption);",
+      "  background: rgba(20, 20, 19, 0.04);",
       "}",
       "",
       "body[data-dsh-claude-style]:not([data-ds-dark-theme]) pre {",
-      "  background: #f5f3ee;",
       "  border-color: #e8e6dc;",
       "}",
       "",
-      "body[data-dsh-claude-style]:not([data-ds-dark-theme]) code:not(pre code) {",
-      "  background: #e8e6dc;",
-      "}",
-      "",
       "body[data-dsh-claude-style]:not([data-ds-dark-theme]) table th {",
       "  background: #f0eee6;",
       "}",
@@ -399,6 +441,46 @@ window.__ModuleLoader__.load({
       "  letter-spacing: -0.015em;",
       "}",
       "",
+      "/* ---------- markdown document prose ---------- */",
+      "/* Claude sets conversation prose — body and headings alike — in the serif",
+      "   face and lets Chinese fall through to a sans CJK; the serif display rule",
+      "   above stays for UI headlines. */",
+      "body[data-dsh-claude-style] [class*=\"markdown\"] {",
+      "  font-family: var(--dsw-font-prose);",
+      "}",
+      "",
+      "/* The host gives its markdown elements their own `font:` shorthand, so the",
+      "   family has to be re-stated wherever those shorthands land. The heading",
+      "   shorthand is re-asserted too, so the host's weight, size and line-height",
+      "   survive the serif display rule above. */",
+      "body[data-dsh-claude-style] [class*=\"markdown\"] h1 { font: var(--dsw-font-markdown-h1); font-family: var(--dsw-font-prose); }",
+      "body[data-dsh-claude-style] [class*=\"markdown\"] h2 { font: var(--dsw-font-markdown-h2); font-family: var(--dsw-font-prose); }",
+      "body[data-dsh-claude-style] [class*=\"markdown\"] h3 { font: var(--dsw-font-markdown-h3); font-family: var(--dsw-font-prose); }",
+      "body[data-dsh-claude-style] [class*=\"markdown\"] h4 { font: var(--dsw-font-markdown-h4); font-family: var(--dsw-font-prose); }",
+      "",
+      "body[data-dsh-claude-style] [class*=\"markdown\"] :is(th, td) {",
+      "  font-family: var(--dsw-font-prose);",
+      "}",
+      "",
+      "/* Heading rhythm. The host gives every heading a 32px top margin, which stacks",
+      "   on the previous heading's 16px bottom margin: two consecutive headings open",
+      "   ~36px of air where Claude keeps ~12px, and in the sample document that alone",
+      "   pushed the last list past the viewport. A heading that directly follows",
+      "   another tightens further, so a run of headings reads as one block. */",
+      "body[data-dsh-claude-style] [class*=\"markdown\"] :is(h1, h2, h3) {",
+      "  margin-top: 24px;",
+      "  margin-bottom: 12px;",
+      "}",
+      "",
+      "body[data-dsh-claude-style] [class*=\"markdown\"] :is(h1, h2, h3) + :is(h1, h2, h3) {",
+      "  margin-top: 8px;",
+      "}",
+      "",
+      "body[data-dsh-claude-style] [class*=\"markdown\"] :is(h4, h5, h6) {",
+      "  margin-top: 16px;",
+      "  margin-bottom: 8px;",
+      "}",
+      "",
       "body[data-dsh-claude-style] :is(pre, code, kbd, samp, [class*=\"mono\"], [class*=\"codeBlock\"], [class*=\"CodeBlock\"]) {",
       "  font-family: var(--dsw-font-code);",
       "}",
@@ -410,29 +492,49 @@ window.__ModuleLoader__.load({
       "}",
       "",
       "/* ---------- editorial markdown ---------- */",
+      "/* Claude's quote keeps the prose face but stands upright on a neutral bar and",
+      "   wash; the warm accent stays reserved for controls. */",
       "body[data-dsh-claude-style] blockquote {",
-      "  font-family: var(--dsw-font-serif);",
-      "  font-style: italic;",
+      "  font-family: var(--dsw-font-prose);",
+      "  font-style: normal;",
       "  color: #b0aea5;",
-      "  border-left: 2px solid #d97757;",
-      "  background: rgba(217, 119, 87, 0.06);",
+      "  border-left: 2px solid var(--dsw-alias-label-caption);",
+      "  background: rgba(250, 249, 245, 0.06);",
       "  border-radius: 0 8px 8px 0;",
       "  padding: 0.6em 1em;",
       "}",
       "",
+      "/* The fill rides the host's --dsw-alias-markdown-code-block token — the host",
+      "   pins `pre.shiki` with !important, so a `background` here would never apply.",
+      "   Only the frame is styled. */",
       "body[data-dsh-claude-style] pre {",
-      "  background: #1c1b1a;",
       "  border: 1px solid #242320;",
       "  border-radius: 8px;",
       "}",
       "",
+      "/* Claude's inline-code chip: warm red on the same neutral gray the components",
+      "   hover with — both resolve per theme from the palette blocks. */",
       "body[data-dsh-claude-style] code:not(pre code) {",
-      "  background: #2e2c29;",
+      "  background: var(--dsh-claude-hover-bg);",
+      "  color: var(--dsh-claude-inline-code-fg);",
       "  border-radius: 4px;",
       "  padding: 0.15em 0.4em;",
       "  font-size: 0.88em;",
       "}",
       "",
+      "/* Claude's links: blue, underlined at rest, and without the host's",
+      "   link-category glyph. */",
+      "body[data-dsh-claude-style] [class*=\"linkIcon\"] {",
+      "  display: none;",
+      "}",
+      "",
+      "body[data-dsh-claude-style] [class*=\"markdown\"] :is(a, a:hover, a:focus) {",
+      "  color: var(--dsh-claude-link);",
+      "  text-decoration: underline;",
+      "  text-decoration-thickness: 1px;",
+      "  text-underline-offset: 2px;",
+      "}",
+      "",
       "body[data-dsh-claude-style] hr {",
       "  border: none;",
       "  border-top: 1px solid rgba(20, 20, 19, 0.14);",
@@ -579,14 +681,15 @@ window.__ModuleLoader__.load({
       "}",
       "",
       "/* Keyboard focus ring: neutral, in the input box's own shadow colour",
-      "   (espresso #141413 in light, black in dark) instead of the clay accent. */",
+      "   (espresso #141413 in light); dark inverts to bright ivory — a near-black",
+      "   canvas gets a light ring, never a darker one. */",
       "body[data-dsh-claude-style] :is(button, input, textarea, select, [role=\"button\"], [role=\"tab\"], [role=\"treeitem\"]):focus-visible {",
       "  outline: 2px solid rgba(20, 20, 19, 0.45);",
       "  outline-offset: 1px;",
       "}",
       "",
       "body[data-dsh-claude-style][data-ds-dark-theme] :is(button, input, textarea, select, [role=\"button\"], [role=\"tab\"], [role=\"treeitem\"]):focus-visible {",
-      "  outline-color: rgba(0, 0, 0, 0.45);",
+      "  outline-color: rgba(250, 249, 245, 0.60);",
       "}",
       "",
       "/* ---------- Claude Code layout: hero brand mark ---------- */",
@@ -595,15 +698,15 @@ window.__ModuleLoader__.load({
       "   slot wrapper, not always a bare svg — and the mark is painted on the hitbox,",
       "   so React keeps owning its own node. The hero keeps the clay fill in both",
       "   brands, matching the shipped accent treatment. */",
-      "body[data-dsh-claude-style] [class*=\"fishHitbox\"] > * {",
+      "body[data-dsh-claude-style]:is([data-dsh-claude-brand=\"claude\"], [data-dsh-claude-brand=\"anthropic\"]) [class*=\"fishHitbox\"] > * {",
       "  display: none !important;",
       "}",
       "",
-      "body[data-dsh-claude-style] [class*=\"fishHitbox\"] svg {",
+      "body[data-dsh-claude-style]:is([data-dsh-claude-brand=\"claude\"], [data-dsh-claude-brand=\"anthropic\"]) [class*=\"fishHitbox\"] svg {",
       "  display: none !important;",
       "}",
       "",
-      "body[data-dsh-claude-style] [class*=\"fishHitbox\"]::before {",
+      "body[data-dsh-claude-style]:is([data-dsh-claude-brand=\"claude\"], [data-dsh-claude-brand=\"anthropic\"]) [class*=\"fishHitbox\"]::before {",
       "  content: \"\";",
       "  flex: none;",
       "  width: 42.5px;",
@@ -613,12 +716,12 @@ window.__ModuleLoader__.load({
       "  background-size: contain;",
       "}",
       "",
-      "body[data-dsh-claude-style]:not([data-dsh-claude-brand=\"anthropic\"]) [class*=\"fishHitbox\"]::before {",
+      "body[data-dsh-claude-style][data-dsh-claude-brand=\"claude\"] [class*=\"fishHitbox\"]::before {",
       "  background-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20148.09%20148.18'%3E%3Cg%20transform%3D'translate(-75.96%2C-223.53)'%3E%3Cpath%20fill%3D'%23D97757'%20d%3D'm%20105.01%2C322.07%2029.14%2C-16.35%200.49%2C-1.42%20-0.49%2C-0.79%20h%20-1.42%20l%20-4.87%2C-0.3%20-16.65%2C-0.45%20-14.44%2C-0.6%20-13.99%2C-0.75%20-3.52%2C-0.75%20-3.3%2C-4.35%200.34%2C-2.17%202.96%2C-1.99%204.24%2C0.37%209.37%2C0.64%2014.06%2C0.97%2010.2%2C0.6%2015.11%2C1.57%20h%202.4%20l%200.34%2C-0.97%20-0.82%2C-0.6%20-0.64%2C-0.6%20-14.55%2C-9.86%20-15.75%2C-10.42%20-8.25%2C-6%20-4.46%2C-3.04%20-2.25%2C-2.85%20-0.97%2C-6.22%204.05%2C-4.46%205.44%2C0.37%201.39%2C0.37%205.51%2C4.24%2011.77%2C9.11%2015.37%2C11.32%202.25%2C1.87%200.9%2C-0.64%200.11%2C-0.45%20-1.01%2C-1.69%20-8.36%2C-15.11%20-8.92%2C-15.37%20-3.97%2C-6.37%20-1.05%2C-3.82%20c%20-0.37%2C-1.57%20-0.64%2C-2.89%20-0.64%2C-4.5%20l%204.61%2C-6.26%202.55%2C-0.82%206.15%2C0.82%202.59%2C2.25%203.82%2C8.74%206.19%2C13.76%209.6%2C18.71%202.81%2C5.55%201.5%2C5.14%200.56%2C1.57%20h%200.97%20v%20-0.9%20l%200.79%2C-10.54%201.46%2C-12.94%201.42%2C-16.65%200.49%2C-4.69%202.32%2C-5.62%204.61%2C-3.04%203.6%2C1.72%202.96%2C4.24%20-0.41%2C2.74%20-1.76%2C11.44%20-3.45%2C17.92%20-2.25%2C12%20h%201.31%20l%201.5%2C-1.5%206.07%2C-8.06%2010.2%2C-12.75%204.5%2C-5.06%205.25%2C-5.59%203.37%2C-2.66%20h%206.37%20l%204.69%2C6.97%20-2.1%2C7.2%20-6.56%2C8.32%20-5.44%2C7.05%20-7.8%2C10.5%20-4.87%2C8.4%200.45%2C0.67%201.16%2C-0.11%2017.62%2C-3.75%209.52%2C-1.72%2011.36%2C-1.95%205.14%2C2.4%200.56%2C2.44%20-2.02%2C4.99%20-12.15%2C3%20-14.25%2C2.85%20-21.22%2C5.02%20-0.26%2C0.19%200.3%2C0.37%209.56%2C0.9%204.09%2C0.22%20h%2010.01%20l%2018.64%2C1.39%204.87%2C3.22%202.92%2C3.94%20-0.49%2C3%20-7.5%2C3.82%20-10.12%2C-2.4%20-23.62%2C-5.62%20-8.1%2C-2.02%20h%20-1.12%20v%200.67%20l%206.75%2C6.6%2012.37%2C11.17%2015.49%2C14.4%200.79%2C3.56%20-1.99%2C2.81%20-2.1%2C-0.3%20-13.61%2C-10.24%20-5.25%2C-4.61%20-11.89%2C-10.01%20h%20-0.79%20v%201.05%20l%202.74%2C4.01%2014.47%2C21.75%200.75%2C6.67%20-1.05%2C2.17%20-3.75%2C1.31%20-4.12%2C-0.75%20-8.47%2C-11.89%20-8.74%2C-13.39%20-7.05%2C-12%20-0.86%2C0.49%20-4.16%2C44.81%20-1.95%2C2.29%20-4.5%2C1.72%20-3.75%2C-2.85%20-1.99%2C-4.61%201.99%2C-9.11%202.4%2C-11.89%201.95%2C-9.45%201.76%2C-11.74%201.05%2C-3.9%20-0.07%2C-0.26%20-0.86%2C0.11%20-8.85%2C12.15%20-13.46%2C18.19%20-10.65%2C11.4%20-2.55%2C1.01%20-4.42%2C-2.29%200.41%2C-4.09%202.47%2C-3.64%2014.74%2C-18.75%208.89%2C-11.62%205.74%2C-6.71%20-0.04%2C-0.97%20h%20-0.34%20l%20-39.15%2C25.42%20-6.97%2C0.9%20-3%2C-2.81%200.37%2C-4.61%201.42%2C-1.5%2011.77%2C-8.1%20-0.04%2C0.04%20z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\");",
       "}",
       "",
       "body[data-dsh-claude-style][data-dsh-claude-brand=\"anthropic\"] [class*=\"fishHitbox\"]::before {",
-      "  background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.709 15.955l4.72-2.647.08-.23-.08-.128H9.2l-.79-.048-2.698-.073-2.339-.097-2.266-.122-.571-.121L0 11.784l.055-.352.48-.321.686.06 1.52.103 2.278.158 1.652.097 2.449.255h.389l.055-.157-.134-.098-.103-.097-2.358-1.596-2.552-1.688-1.336-.972-.724-.491-.364-.462-.158-1.008.656-.722.881.06.225.061.893.686 1.908 1.476 2.491 1.833.365.304.145-.103.019-.073-.164-.274-1.355-2.446-1.446-2.49-.644-1.032-.17-.619a2.97 2.97 0 01-.104-.729L6.283.134 6.696 0l.996.134.42.364.62 1.414 1.002 2.229 1.555 3.03.456.898.243.832.091.255h.158V9.01l.128-1.706.237-2.095.23-2.695.08-.76.376-.91.747-.492.584.28.48.685-.067.444-.286 1.851-.559 2.903-.364 1.942h.212l.243-.242.985-1.306 1.652-2.064.73-.82.85-.904.547-.431h1.033l.76 1.129-.34 1.166-1.064 1.347-.881 1.142-1.264 1.7-.79 1.36.073.11.188-.02 2.856-.606 1.543-.28 1.841-.315.833.388.091.395-.328.807-1.969.486-2.309.462-3.439.813-.042.03.049.061 1.549.146.662.036h1.622l3.02.225.79.522.474.638-.079.485-1.215.62-1.64-.389-3.829-.91-1.312-.329h-.182v.11l1.093 1.068 2.006 1.81 2.509 2.33.127.578-.322.455-.34-.049-2.205-1.657-.851-.747-1.926-1.62h-.128v.17l.444.649 2.345 3.521.122 1.08-.17.353-.608.213-.668-.122-1.374-1.925-1.415-2.167-1.143-1.943-.14.08-.674 7.254-.316.37-.729.28-.607-.461-.322-.747.322-1.476.389-1.924.315-1.53.286-1.9.17-.632-.012-.042-.14.018-1.434 1.967-2.18 2.945-1.726 1.845-.414.164-.717-.37.067-.662.401-.589 2.388-3.036 1.44-1.882.93-1.086-.006-.158h-.055L4.132 18.56l-1.13.146-.487-.456.061-.746.231-.243 1.908-1.312-.006.006z' fill='%23D97757'/%3E%3C/svg%3E\");",
+      "  background-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M4.709%2015.955l4.72-2.647.08-.23-.08-.128H9.2l-.79-.048-2.698-.073-2.339-.097-2.266-.122-.571-.121L0%2011.784l.055-.352.48-.321.686.06%201.52.103%202.278.158%201.652.097%202.449.255h.389l.055-.157-.134-.098-.103-.097-2.358-1.596-2.552-1.688-1.336-.972-.724-.491-.364-.462-.158-1.008.656-.722.881.06.225.061.893.686%201.908%201.476%202.491%201.833.365.304.145-.103.019-.073-.164-.274-1.355-2.446-1.446-2.49-.644-1.032-.17-.619a2.97%202.97%200%2001-.104-.729L6.283.134%206.696%200l.996.134.42.364.62%201.414%201.002%202.229%201.555%203.03.456.898.243.832.091.255h.158V9.01l.128-1.706.237-2.095.23-2.695.08-.76.376-.91.747-.492.584.28.48.685-.067.444-.286%201.851-.559%202.903-.364%201.942h.212l.243-.242.985-1.306%201.652-2.064.73-.82.85-.904.547-.431h1.033l.76%201.129-.34%201.166-1.064%201.347-.881%201.142-1.264%201.7-.79%201.36.073.11.188-.02%202.856-.606%201.543-.28%201.841-.315.833.388.091.395-.328.807-1.969.486-2.309.462-3.439.813-.042.03.049.061%201.549.146.662.036h1.622l3.02.225.79.522.474.638-.079.485-1.215.62-1.64-.389-3.829-.91-1.312-.329h-.182v.11l1.093%201.068%202.006%201.81%202.509%202.33.127.578-.322.455-.34-.049-2.205-1.657-.851-.747-1.926-1.62h-.128v.17l.444.649%202.345%203.521.122%201.08-.17.353-.608.213-.668-.122-1.374-1.925-1.415-2.167-1.143-1.943-.14.08-.674%207.254-.316.37-.729.28-.607-.461-.322-.747.322-1.476.389-1.924.315-1.53.286-1.9.17-.632-.012-.042-.14.018-1.434%201.967-2.18%202.945-1.726%201.845-.414.164-.717-.37.067-.662.401-.589%202.388-3.036%201.44-1.882.93-1.086-.006-.158h-.055L4.132%2018.56l-1.13.146-.487-.456.061-.746.231-.243%201.908-1.312-.006.006z'%20fill%3D'%23D97757'%2F%3E%3C%2Fsvg%3E\");",
       "}",
       "",
       "/* The preview badge has no Claude Code counterpart. */",
@@ -635,10 +738,17 @@ window.__ModuleLoader__.load({
       "}",
       "",
       "/* ---------- Claude Code layout: composer input + buttons ---------- */",
+      "/* @composer-gate */",
+      "/* Everything from here down is the \"Composer restyle\" preference's territory:",
+      "   the build stamps `[data-dsh-claude-composer-active]` onto every rule below",
+      "   this marker, and the skin sets that attribute on <body> only while the page",
+      "   on screen is a surface the preference covers. Above the marker sits the hero",
+      "   brand mark and headline, which belong to the brand preference instead — a",
+      "   composer scope of \"conversation only\" must not revert them. */",
       "/* The composer card is the input box: one step up in type size, pure white",
       "   so it separates from the canvas, and an outline 4px tighter than the",
       "   shipped 22px. */",
-      "body[data-dsh-claude-style] [data-composer-card] {",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [data-composer-card] {",
       "  font-size: 15px;",
       "  border-radius: 18px;",
       "  border: 1px solid var(--dsw-alias-border-l1);",
@@ -658,11 +768,11 @@ window.__ModuleLoader__.load({
       "   --dsh-composer-text-max-height before it starts scrolling. Both hooks are",
       "   ancestors of the field, so :is() also keeps the tall field through the",
       "   settling frame, while an active composer matches neither. */",
-      "body[data-dsh-claude-style] :is([class*=\"composerHero\"], [data-phase=\"hero\"]) [data-composer-input] {",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] :is([class*=\"composerHero\"], [data-phase=\"hero\"]) [data-composer-input] {",
       "  min-height: 86px !important;",
       "}",
       "",
-      "body[data-dsh-claude-style] [data-composer-input] {",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [data-composer-input] {",
       "  min-height: 36px !important;",
       "  height: auto !important;",
       "}",
@@ -671,42 +781,48 @@ window.__ModuleLoader__.load({
       "   be `[class*=\"_row\"]`: a bare `[class*=\"row\"]` substring-matches the",
       "   shipped input growth wrapper `.p_FcLG_grow` (\"grow\" contains \"row\"),",
       "   which pins the composer field to the toolbar-row metrics. */",
-      "body[data-dsh-claude-style] [data-composer-card] [class*=\"_row\"] {",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [data-composer-card] [class*=\"_row\"] {",
       "  padding-bottom: 2px !important;",
       "}",
       "",
-      "body[data-dsh-claude-style]:not([data-ds-dark-theme]) [data-composer-card] {",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active]:not([data-ds-dark-theme]) [data-composer-card] {",
       "  background: #ffffff;",
-      "  box-shadow: 0 4px 12px rgba(20, 20, 19, 0.04), 0 1px 3px rgba(20, 20, 19, 0.02);",
+      "  box-shadow: 0 4px 12px rgba(20, 20, 19, 0.04), 0 1px 3px rgba(20, 20, 19, 0.02), 0 0 0 6px var(--dsw-alias-bg-base), 0 0 16px 10px var(--dsw-alias-bg-base), 0 0 48px 16px var(--dsw-alias-bg-base);",
+      "}",
+      "",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active][data-ds-dark-theme] [data-composer-card] {",
+      "  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.30), 0 1px 3px rgba(0, 0, 0, 0.15), 0 0 0 6px var(--dsw-alias-bg-base), 0 0 16px 10px var(--dsw-alias-bg-base), 0 0 48px 16px var(--dsw-alias-bg-base);",
       "}",
       "",
       "/* Focus: the shipped field has no focus face at all — only the caret moves —",
       "   so this adds one, in the input box's own shadow colour rather than the",
-      "   accent: the hairline takes the drop-shadow tint (espresso in light, black",
-      "   in dark), a 1px halo in the same tone hugs the edge, and the drop shadow",
-      "   deepens. The tray below continues the same hairline, so its three edges",
-      "   follow whenever the card above it holds focus. */",
-      "body[data-dsh-claude-style]:not([data-ds-dark-theme]) [data-composer-card]:focus-within {",
-      "  border-color: rgba(20, 20, 19, 0.36);",
-      "  box-shadow: 0 0 0 1px rgba(20, 20, 19, 0.13), 0 6px 18px rgba(20, 20, 19, 0.06), 0 2px 6px rgba(20, 20, 19, 0.03);",
+      "   accent: the hairline takes the drop-shadow tint (espresso in light), a 1px",
+      "   halo in the same tone hugs the edge, and the drop shadow deepens. Dark sits",
+      "   on a near-black canvas, where black-on-black carries no cue at all — there",
+      "   the focus face inverts to a BRIGHT ivory rim and halo, so the field visibly",
+      "   lights up instead of deepening. The tray below continues the same hairline,",
+      "   so its three edges follow whenever the card above it holds focus. */",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active]:not([data-ds-dark-theme]) [data-composer-card]:focus-within {",
+      "  border-color: rgba(20, 20, 19, 0.18);",
+      "  box-shadow: 0 0 0 1px rgba(20, 20, 19, 0.065), 0 6px 18px rgba(20, 20, 19, 0.03), 0 2px 6px rgba(20, 20, 19, 0.015), 0 0 0 6px var(--dsw-alias-bg-base), 0 0 16px 10px var(--dsw-alias-bg-base), 0 0 48px 16px var(--dsw-alias-bg-base);",
       "}",
       "",
-      "body[data-dsh-claude-style][data-ds-dark-theme] [data-composer-card]:focus-within {",
-      "  border-color: rgba(0, 0, 0, 0.38);",
-      "  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18), 0 6px 20px rgba(0, 0, 0, 0.27);",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active][data-ds-dark-theme] [data-composer-card]:focus-within {",
+      "  border-color: rgba(250, 249, 245, 0.22);",
+      "  box-shadow: 0 0 0 1px rgba(250, 249, 245, 0.09), 0 6px 24px rgba(0, 0, 0, 0.22), 0 2px 8px rgba(0, 0, 0, 0.11), 0 0 0 6px var(--dsw-alias-bg-base), 0 0 16px 10px var(--dsw-alias-bg-base), 0 0 48px 16px var(--dsw-alias-bg-base);",
       "}",
       "",
-      "body[data-dsh-claude-style]:not([data-ds-dark-theme]) [class*=\"composerStack\"]:has([data-composer-card]:focus-within) > [class*=\"heroWorkspaceRow\"] {",
-      "  border-color: rgba(20, 20, 19, 0.36);",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active]:not([data-ds-dark-theme]) [class*=\"composerStack\"]:has([data-composer-card]:focus-within) > [class*=\"heroWorkspaceRow\"] {",
+      "  border-color: rgba(20, 20, 19, 0.18);",
       "}",
       "",
-      "body[data-dsh-claude-style][data-ds-dark-theme] [class*=\"composerStack\"]:has([data-composer-card]:focus-within) > [class*=\"heroWorkspaceRow\"] {",
-      "  border-color: rgba(0, 0, 0, 0.38);",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active][data-ds-dark-theme] [class*=\"composerStack\"]:has([data-composer-card]:focus-within) > [class*=\"heroWorkspaceRow\"] {",
+      "  border-color: rgba(250, 249, 245, 0.22);",
       "}",
       "",
       "/* The workspace-trigger variant paints its dashed ring through a masked svg",
       "   cut with rx=22; re-cut it so the ring tracks the 18px card. */",
-      "body[data-dsh-claude-style] [data-composer-card]:after {",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [data-composer-card]:after {",
       "  border-radius: 18px;",
       "  -webkit-mask: url(\"data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27%3E%3Crect width=%27100%25%27 height=%27100%25%27 fill=%27none%27 rx=%2718%27 ry=%2718%27 stroke=%27black%27 stroke-width=%272%27 stroke-dasharray=%274 4%27/%3E%3C/svg%3E\");",
       "  mask: url(\"data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27%3E%3Crect width=%27100%25%27 height=%27100%25%27 fill=%27none%27 rx=%2718%27 ry=%2718%27 stroke=%27black%27 stroke-width=%272%27 stroke-dasharray=%274 4%27/%3E%3C/svg%3E\");",
@@ -714,21 +830,21 @@ window.__ModuleLoader__.load({
       "",
       "/* Commands and attach: 7px corners instead of the shipped full circle, no",
       "   resting fill, and a warm plate on hover. */",
-      "body[data-dsh-claude-style] :is(button[aria-label=\"指令\"], button[aria-label=\"Commands\"], button[aria-label=\"添加附件\"], button[aria-label=\"Add attachment\"]) {",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] :is(button[aria-label=\"指令\"], button[aria-label=\"Commands\"], button[aria-label=\"添加附件\"], button[aria-label=\"Add attachment\"]) {",
       "  border-radius: 7px;",
       "}",
       "",
       "/* Send, and the stop/queue/steer labels that replace it while running: the",
       "   shipped 34px circle becomes a 7px rounded rectangle. */",
-      "body[data-dsh-claude-style] :is(button[aria-label=\"发送消息\"], button[aria-label=\"Send message\"], button[aria-label=\"排队发送\"], button[aria-label=\"Queue message\"], button[aria-label=\"插话发送\"], button[aria-label=\"Steer message\"], button[aria-label=\"停止生成\"], button[aria-label=\"Stop generating\"]) {",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] :is(button[aria-label=\"发送消息\"], button[aria-label=\"Send message\"], button[aria-label=\"排队发送\"], button[aria-label=\"Queue message\"], button[aria-label=\"插话发送\"], button[aria-label=\"Steer message\"], button[aria-label=\"停止生成\"], button[aria-label=\"Stop generating\"]) {",
       "  border-radius: 7px;",
       "}",
       "",
-      "body[data-dsh-claude-style]:not([data-ds-dark-theme]) :is(button[aria-label=\"指令\"], button[aria-label=\"Commands\"], button[aria-label=\"添加附件\"], button[aria-label=\"Add attachment\"]) {",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active]:not([data-ds-dark-theme]) :is(button[aria-label=\"指令\"], button[aria-label=\"Commands\"], button[aria-label=\"添加附件\"], button[aria-label=\"Add attachment\"]) {",
       "  background: transparent;",
       "}",
       "",
-      "body[data-dsh-claude-style]:not([data-ds-dark-theme]) :is(button[aria-label=\"指令\"], button[aria-label=\"Commands\"], button[aria-label=\"添加附件\"], button[aria-label=\"Add attachment\"]):hover:not(:disabled) {",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active]:not([data-ds-dark-theme]) :is(button[aria-label=\"指令\"], button[aria-label=\"Commands\"], button[aria-label=\"添加附件\"], button[aria-label=\"Add attachment\"]):hover:not(:disabled) {",
       "  background: #f6f6f4;",
       "}",
       "",
@@ -736,16 +852,16 @@ window.__ModuleLoader__.load({
       "   same 7px corners; its chevron is dropped while the click target and the",
       "   menu it opens stay exactly as shipped. Its shipped hover token is only a",
       "   ~6% tint, so the hover plate matches the composer tool buttons. */",
-      "body[data-dsh-claude-style] [data-composer-card] [class*=\"trigger\"] {",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [data-composer-card] [class*=\"trigger\"] {",
       "  font-size: 14px;",
       "  border-radius: 7px;",
       "}",
       "",
-      "body[data-dsh-claude-style]:not([data-ds-dark-theme]) [data-composer-card] [class*=\"trigger\"]:hover:not(:disabled) {",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active]:not([data-ds-dark-theme]) [data-composer-card] [class*=\"trigger\"]:hover:not(:disabled) {",
       "  background: #f6f6f4;",
       "}",
       "",
-      "body[data-dsh-claude-style] [data-composer-card] [class*=\"_chevron\"] {",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [data-composer-card] [class*=\"_chevron\"] {",
       "  display: none !important;",
       "}",
       "",
@@ -755,23 +871,23 @@ window.__ModuleLoader__.load({
       "   equal-width tray (z-index: 1) attached directly to the bottom of the card,",
       "   with transparent background (inheriting the canvas tone #fcfcfb),",
       "   left/right/bottom border, and 18px rounded bottom corners. */",
-      "body[data-dsh-claude-style] [class*=\"composerStack\"]:has([class*=\"heroWorkspaceRow\"]) {",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [class*=\"composerStack\"]:has([class*=\"heroWorkspaceRow\"]) {",
       "  --dsh-claude-bar-h: 96px;",
       "}",
       "",
-      "body[data-dsh-claude-style] [class*=\"composerStack\"]:has([class*=\"heroWorkspaceRow\"]) *:has([data-composer-card]) {",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [class*=\"composerStack\"]:has([class*=\"heroWorkspaceRow\"]) *:has([data-composer-card]) {",
       "  order: 1;",
       "  padding-bottom: 0 !important;",
       "}",
       "",
-      "body[data-dsh-claude-style] [class*=\"composerStack\"]:has([class*=\"heroWorkspaceRow\"]) [data-composer-card] {",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [class*=\"composerStack\"]:has([class*=\"heroWorkspaceRow\"]) [data-composer-card] {",
       "  gap: 8px !important;",
       "  padding-bottom: 2px !important;",
       "  min-height: 0 !important;",
       "  height: auto !important;",
       "}",
       "",
-      "body[data-dsh-claude-style] [class*=\"composerStack\"]:has([class*=\"heroWorkspaceRow\"]) > [class*=\"heroWorkspaceRow\"] {",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [class*=\"composerStack\"]:has([class*=\"heroWorkspaceRow\"]) > [class*=\"heroWorkspaceRow\"] {",
       "  order: 2;",
       "  position: relative;",
       "  z-index: 1;",
@@ -794,14 +910,14 @@ window.__ModuleLoader__.load({
       "}",
       "",
       "/* Muted typography and 7px corners for footer controls */",
-      "body[data-dsh-claude-style] [class*=\"heroWorkspaceRow\"] :is(button, [role=\"button\"]) {",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [class*=\"heroWorkspaceRow\"] :is(button, [role=\"button\"]) {",
       "  font-size: 13px;",
       "  color: var(--dsw-alias-label-secondary);",
       "  border-radius: 7px;",
       "}",
       "",
       "/* Hide chevrons in the footer tray for a clean, minimal Claude Code look */",
-      "body[data-dsh-claude-style] [class*=\"heroWorkspaceRow\"] :is([class*=\"chevron\"], [class*=\"Chevron\"]) {",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [class*=\"heroWorkspaceRow\"] :is([class*=\"chevron\"], [class*=\"Chevron\"]) {",
       "  display: none !important;",
       "}",
       "",
@@ -813,7 +929,7 @@ window.__ModuleLoader__.load({
       "   border-box keeps the outer 34px so the row does not shift. The stop/queue/",
       "   steer labels are untouched, so a running turn keeps its control even with an",
       "   empty draft. */",
-      "body[data-dsh-claude-style] [data-composer-card]:has([data-composer-placeholder]) :is(button[aria-label=\"发送消息\"], button[aria-label=\"Send message\"]) {",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [data-composer-card]:not([data-has-attachments=\"true\"]):has([data-composer-placeholder]) :is(button[aria-label=\"发送消息\"], button[aria-label=\"Send message\"]) {",
       "  box-sizing: border-box;",
       "  background: transparent;",
       "  color: var(--dsw-alias-label-caption);",
@@ -826,10 +942,10 @@ window.__ModuleLoader__.load({
       "/* In an active conversation, compress composer to a single-line input card,",
       "   render send button as an enter symbol ↵ inside the card on the right,",
       "   and display toolbar controls directly underneath on the canvas. */",
-      "body[data-dsh-claude-style] [data-composer-card][data-composer-variant=\"inline\"],",
-      "body[data-dsh-claude-style] [data-composer-card][data-composer-variant=\"inline\"]:focus-within,",
-      "body[data-dsh-claude-style] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card],",
-      "body[data-dsh-claude-style] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card]:focus-within {",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [data-composer-card][data-composer-variant=\"inline\"],",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [data-composer-card][data-composer-variant=\"inline\"]:focus-within,",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card],",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card]:focus-within {",
       "  background: transparent !important;",
       "  border: none !important;",
       "  box-shadow: none !important;",
@@ -853,61 +969,120 @@ window.__ModuleLoader__.load({
       "   composer seat near the TOP of the scroll content — sticky bottom:0",
       "   cannot pull an element down past its normal position, so the composer",
       "   appeared mid-scroll and never followed message growth. */",
-      "body[data-dsh-claude-style] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) {",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) {",
       "  flex: 0 0 auto !important;",
       "  overflow: visible !important;",
       "  height: auto !important;",
       "  max-height: none !important;",
       "}",
-      "body[data-dsh-claude-style] [data-composer-card][data-composer-variant=\"inline\"]:not([data-has-attachments=\"true\"]) [class*=\"rail\"]:not([class*=\"trailing\"]),",
-      "body[data-dsh-claude-style] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card]:not([data-has-attachments=\"true\"]) [class*=\"rail\"]:not([class*=\"trailing\"]) {",
+      "/* Message body clearance: 40px placeholder space at the end of the",
+      "   conversation view so the composer's upward shadow does not obscure",
+      "   the action buttons (copy, retry, etc.) on the last turn. */",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [class*=\"viewArea\"] {",
+      "  padding-bottom: 40px !important;",
+      "}",
+      "/* The composer is a chat-view affordance. The host keeps the seat mounted on",
+      "   every conversation tab (轨迹 / 上下文 even reserve room for it), but it",
+      "   should only show on the chat tab — drop the whole bottom area otherwise.",
+      "   Hiding the seat also zeroes the host's --dsh-composer-height, so the",
+      "   trajectory ledger's bottom clearance collapses with it. */",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active][data-dsh-claude-composer-hidden] [data-composer-seat] {",
       "  display: none !important;",
       "}",
-      "body[data-dsh-claude-style] [data-composer-card][data-composer-variant=\"inline\"][data-has-attachments=\"true\"] [class*=\"rail\"]:not([class*=\"trailing\"]),",
-      "body[data-dsh-claude-style] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card][data-has-attachments=\"true\"] [class*=\"rail\"]:not([class*=\"trailing\"]) {",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [data-composer-card][data-composer-variant=\"inline\"]:not([data-has-attachments=\"true\"]) [class*=\"rail\"]:not([class*=\"trailing\"]),",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card]:not([data-has-attachments=\"true\"]) [class*=\"rail\"]:not([class*=\"trailing\"]) {",
+      "  display: none !important;",
+      "}",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [data-composer-card][data-composer-variant=\"inline\"][data-has-attachments=\"true\"] [class*=\"rail\"]:not([class*=\"trailing\"]),",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card][data-has-attachments=\"true\"] [class*=\"rail\"]:not([class*=\"trailing\"]) {",
       "  background: var(--dsw-specific-input-major, #ffffff) !important;",
       "  border: 1px solid var(--dsw-alias-border-l1) !important;",
       "  border-bottom: none !important;",
       "  border-radius: 14px 14px 0 0 !important;",
-      "  padding: 8px 12px 2px 12px !important;",
+      "  padding: 12px 14px 10px 14px !important;",
       "  margin: 0 !important;",
       "  width: 100% !important;",
       "  max-width: 100% !important;",
       "  box-sizing: border-box !important;",
-      "  box-shadow: 0 1px 3px rgba(20, 20, 19, 0.03) !important;",
+      "  min-height: 162px !important;",
+      "  height: auto !important;",
+      "  overflow: visible !important;",
+      "  box-shadow: 0 1px 3px rgba(20, 20, 19, 0.03), 0 0 0 6px var(--dsw-alias-bg-base), 0 0 16px 10px var(--dsw-alias-bg-base), 0 0 48px 16px var(--dsw-alias-bg-base) !important;",
+      "  position: relative !important;",
+      "  z-index: 4 !important;",
       "  transition: border-color 0.12s ease, box-shadow 0.12s ease !important;",
       "}",
-      "body[data-dsh-claude-style]:not([data-ds-dark-theme]) [data-composer-card][data-composer-variant=\"inline\"][data-has-attachments=\"true\"] [class*=\"rail\"]:not([class*=\"trailing\"]),",
-      "body[data-dsh-claude-style]:not([data-ds-dark-theme]) [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card][data-has-attachments=\"true\"] [class*=\"rail\"]:not([class*=\"trailing\"]) {",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active]:not([data-ds-dark-theme]) [data-composer-card][data-composer-variant=\"inline\"][data-has-attachments=\"true\"] [class*=\"rail\"]:not([class*=\"trailing\"]),",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active]:not([data-ds-dark-theme]) [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card][data-has-attachments=\"true\"] [class*=\"rail\"]:not([class*=\"trailing\"]) {",
       "  background: #ffffff !important;",
       "  border-color: #e8e6dc !important;",
       "}",
-      "body[data-dsh-claude-style]:not([data-ds-dark-theme]) [data-composer-card][data-composer-variant=\"inline\"]:focus-within [class*=\"rail\"]:not([class*=\"trailing\"]),",
-      "body[data-dsh-claude-style]:not([data-ds-dark-theme]) [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card]:focus-within [class*=\"rail\"]:not([class*=\"trailing\"]) {",
-      "  border-color: rgba(20, 20, 19, 0.36) !important;",
-      "  box-shadow: 0 0 0 1px rgba(20, 20, 19, 0.13), 0 4px 12px rgba(20, 20, 19, 0.05) !important;",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active]:not([data-ds-dark-theme]) [data-composer-card][data-composer-variant=\"inline\"]:focus-within [class*=\"rail\"]:not([class*=\"trailing\"]),",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active]:not([data-ds-dark-theme]) [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card]:focus-within [class*=\"rail\"]:not([class*=\"trailing\"]) {",
+      "  border-color: rgba(20, 20, 19, 0.18) !important;",
+      "  box-shadow: 0 0 0 1px rgba(20, 20, 19, 0.065), 0 4px 12px rgba(20, 20, 19, 0.025), 0 0 0 6px var(--dsw-alias-bg-base), 0 0 16px 10px var(--dsw-alias-bg-base), 0 0 48px 16px var(--dsw-alias-bg-base) !important;",
       "}",
-      "body[data-dsh-claude-style][data-ds-dark-theme] [data-composer-card][data-composer-variant=\"inline\"]:focus-within [class*=\"rail\"]:not([class*=\"trailing\"]),",
-      "body[data-dsh-claude-style][data-ds-dark-theme] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card]:focus-within [class*=\"rail\"]:not([class*=\"trailing\"]) {",
-      "  border-color: rgba(0, 0, 0, 0.38) !important;",
-      "  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18), 0 4px 14px rgba(0, 0, 0, 0.27) !important;",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active][data-ds-dark-theme] [data-composer-card][data-composer-variant=\"inline\"]:focus-within [class*=\"rail\"]:not([class*=\"trailing\"]),",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active][data-ds-dark-theme] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card]:focus-within [class*=\"rail\"]:not([class*=\"trailing\"]) {",
+      "  border-color: rgba(250, 249, 245, 0.22) !important;",
+      "  box-shadow: 0 0 0 1px rgba(250, 249, 245, 0.09), 0 4px 16px rgba(0, 0, 0, 0.20), 0 0 0 6px var(--dsw-alias-bg-base), 0 0 16px 10px var(--dsw-alias-bg-base), 0 0 48px 16px var(--dsw-alias-bg-base) !important;",
       "}",
       "/* The attachment rail nests two levels: ComposerAttachments' outer rail wraps",
       "   AttachmentRail's scrolling inner rail, and BOTH substring-match",
       "   `[class*=\"rail\"]`, so the block above would draw the card frame twice —",
       "   one box inside the other. Only the outer shell carries the frame; the",
       "   inner scrolling rail stays frameless. */",
-      "body[data-dsh-claude-style] [data-composer-card][data-composer-variant=\"inline\"][data-has-attachments=\"true\"] [class*=\"rail\"]:not([class*=\"trailing\"]) [class*=\"rail\"]:not([class*=\"trailing\"]),",
-      "body[data-dsh-claude-style] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card][data-has-attachments=\"true\"] [class*=\"rail\"]:not([class*=\"trailing\"]) [class*=\"rail\"]:not([class*=\"trailing\"]) {",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [data-composer-card][data-composer-variant=\"inline\"][data-has-attachments=\"true\"] [class*=\"rail\"]:not([class*=\"trailing\"]) [class*=\"rail\"]:not([class*=\"trailing\"]),",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card][data-has-attachments=\"true\"] [class*=\"rail\"]:not([class*=\"trailing\"]) [class*=\"rail\"]:not([class*=\"trailing\"]) {",
       "  background: transparent !important;",
       "  border: none !important;",
       "  box-shadow: none !important;",
       "  border-radius: 0 !important;",
       "  padding: 0 !important;",
       "  margin: 0 !important;",
+      "  min-height: 140px !important;",
+      "  height: auto !important;",
+      "  display: flex !important;",
+      "  align-items: center !important;",
+      "  gap: 10px !important;",
+      "  overflow-x: auto !important;",
+      "  overflow-y: hidden !important;",
+      "}",
+      "/* Attachment thumbnail card: enlarged by 75% (~140px), matching non-focus border without shadow */",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [data-composer-card] [class*=\"rail\"]:not([class*=\"trailing\"]) :is(._54WpYG_imageItem, [class*=\"imageItem\"], [class*=\"thumbnail\"], [class*=\"FileCard\"], [class*=\"item\"]:has(img), [class*=\"card\"]:has(img), [class*=\"attachment\"]:has(img)) {",
+      "  width: 140px !important;",
+      "  height: 140px !important;",
+      "  min-width: 140px !important;",
+      "  min-height: 140px !important;",
+      "  max-width: 140px !important;",
+      "  max-height: 140px !important;",
+      "  border-radius: 12px !important;",
+      "  border: 1px solid var(--dsw-alias-border-l1) !important;",
+      "  box-shadow: none !important;",
+      "  overflow: hidden !important;",
+      "  position: relative !important;",
+      "  z-index: 5 !important;",
+      "  flex: 0 0 140px !important;",
+      "  box-sizing: border-box !important;",
+      "}",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active]:not([data-ds-dark-theme]) [data-composer-card] [class*=\"rail\"]:not([class*=\"trailing\"]) :is(._54WpYG_imageItem, [class*=\"imageItem\"], [class*=\"thumbnail\"], [class*=\"FileCard\"], [class*=\"item\"]:has(img), [class*=\"card\"]:has(img), [class*=\"attachment\"]:has(img)) {",
+      "  border-color: #e8e6dc !important;",
       "}",
-      "body[data-dsh-claude-style] [data-composer-card][data-composer-variant=\"inline\"] [data-input-scroll],",
-      "body[data-dsh-claude-style] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card] [data-input-scroll] {",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [data-composer-card] [class*=\"rail\"]:not([class*=\"trailing\"]) :is(._54WpYG_imageItem, [class*=\"imageItem\"], [class*=\"thumbnail\"], [class*=\"FileCard\"], [class*=\"item\"]:has(img), [class*=\"card\"]:has(img), [class*=\"attachment\"]:has(img)) :is(img, canvas, [class*=\"preview\"], [class*=\"image\"]) {",
+      "  width: 100% !important;",
+      "  height: 100% !important;",
+      "  max-width: 100% !important;",
+      "  max-height: 100% !important;",
+      "  object-fit: cover !important;",
+      "  display: block !important;",
+      "  border-radius: 11px !important;",
+      "}",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [data-composer-card] [class*=\"rail\"]:not([class*=\"trailing\"]) :is(._54WpYG_imageItem, [class*=\"imageItem\"], [class*=\"thumbnail\"], [class*=\"FileCard\"], [class*=\"item\"]:has(img), [class*=\"card\"]:has(img), [class*=\"attachment\"]:has(img)) :is(button, [role=\"button\"], [class*=\"close\"], [class*=\"delete\"], [class*=\"remove\"], [class*=\"badge\"], [class*=\"tag\"]) {",
+      "  position: absolute !important;",
+      "  z-index: 6 !important;",
+      "}",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [data-composer-card][data-composer-variant=\"inline\"] [data-input-scroll],",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card] [data-input-scroll] {",
       "  background: var(--dsw-specific-input-major, #ffffff) !important;",
       "  border: 1px solid var(--dsw-alias-border-l1) !important;",
       "  border-radius: 14px !important;",
@@ -923,34 +1098,53 @@ window.__ModuleLoader__.load({
       "  padding: 7px 36px 7px 14px !important;",
       "  margin: 0 !important;",
       "  position: relative !important;",
+      "  z-index: 2 !important;",
       "  cursor: text !important;",
+      "  box-shadow: 0 1px 3px rgba(20, 20, 19, 0.03), 0 0 0 6px var(--dsw-alias-bg-base), 0 0 16px 10px var(--dsw-alias-bg-base), 0 0 48px 16px var(--dsw-alias-bg-base) !important;",
       "  transition: border-color 0.12s ease, box-shadow 0.12s ease !important;",
       "}",
-      "body[data-dsh-claude-style] [data-composer-card][data-composer-variant=\"inline\"][data-has-attachments=\"true\"] [data-input-scroll],",
-      "body[data-dsh-claude-style] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card][data-has-attachments=\"true\"] [data-input-scroll] {",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [data-composer-card][data-composer-variant=\"inline\"][data-has-attachments=\"true\"] [data-input-scroll],",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card][data-has-attachments=\"true\"] [data-input-scroll] {",
       "  border-top: none !important;",
       "  border-radius: 0 0 14px 14px !important;",
+      "  /* Seamless join with attachment rail above: 1px negative margin prevents subpixel seam without clipping thumbnails */",
+      "  margin-top: -1px !important;",
       "  min-height: 32px !important;",
-      "  padding: 2px 36px 6px 14px !important;",
+      "  padding: 8px 36px 6px 14px !important;",
       "}",
-      "body[data-dsh-claude-style]:not([data-ds-dark-theme]) [data-composer-card][data-composer-variant=\"inline\"] [data-input-scroll],",
-      "body[data-dsh-claude-style]:not([data-ds-dark-theme]) [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card] [data-input-scroll] {",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active]:not([data-ds-dark-theme]) [data-composer-card][data-composer-variant=\"inline\"] [data-input-scroll],",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active]:not([data-ds-dark-theme]) [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card] [data-input-scroll] {",
       "  background: #ffffff !important;",
       "  border-color: #e8e6dc !important;",
-      "  box-shadow: 0 1px 3px rgba(20, 20, 19, 0.03) !important;",
-      "}",
-      "body[data-dsh-claude-style]:not([data-ds-dark-theme]) [data-composer-card][data-composer-variant=\"inline\"]:focus-within [data-input-scroll],",
-      "body[data-dsh-claude-style]:not([data-ds-dark-theme]) [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card]:focus-within [data-input-scroll] {",
-      "  border-color: rgba(20, 20, 19, 0.36) !important;",
-      "  box-shadow: 0 0 0 1px rgba(20, 20, 19, 0.13), 0 4px 12px rgba(20, 20, 19, 0.05) !important;",
-      "}",
-      "body[data-dsh-claude-style][data-ds-dark-theme] [data-composer-card][data-composer-variant=\"inline\"]:focus-within [data-input-scroll],",
-      "body[data-dsh-claude-style][data-ds-dark-theme] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card]:focus-within [data-input-scroll] {",
-      "  border-color: rgba(0, 0, 0, 0.38) !important;",
-      "  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18), 0 4px 14px rgba(0, 0, 0, 0.27) !important;",
-      "}",
-      "body[data-dsh-claude-style] [data-composer-card][data-composer-variant=\"inline\"] [data-input-scroll] [class*=\"grow\"],",
-      "body[data-dsh-claude-style] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card] [data-input-scroll] [class*=\"grow\"] {",
+      "  box-shadow: 0 1px 3px rgba(20, 20, 19, 0.03), 0 0 0 6px var(--dsw-alias-bg-base), 0 0 16px 10px var(--dsw-alias-bg-base), 0 0 48px 16px var(--dsw-alias-bg-base) !important;",
+      "}",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active][data-ds-dark-theme] [data-composer-card][data-composer-variant=\"inline\"] [data-input-scroll],",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active][data-ds-dark-theme] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card] [data-input-scroll] {",
+      "  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15), 0 0 0 6px var(--dsw-alias-bg-base), 0 0 16px 10px var(--dsw-alias-bg-base), 0 0 48px 16px var(--dsw-alias-bg-base) !important;",
+      "}",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active]:not([data-ds-dark-theme]) [data-composer-card][data-composer-variant=\"inline\"]:focus-within [data-input-scroll],",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active]:not([data-ds-dark-theme]) [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card]:focus-within [data-input-scroll] {",
+      "  border-color: rgba(20, 20, 19, 0.18) !important;",
+      "  box-shadow: 0 0 0 1px rgba(20, 20, 19, 0.065), 0 4px 12px rgba(20, 20, 19, 0.025), 0 0 0 6px var(--dsw-alias-bg-base), 0 0 16px 10px var(--dsw-alias-bg-base), 0 0 48px 16px var(--dsw-alias-bg-base) !important;",
+      "}",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active][data-ds-dark-theme] [data-composer-card][data-composer-variant=\"inline\"]:focus-within [data-input-scroll],",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active][data-ds-dark-theme] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card]:focus-within [data-input-scroll] {",
+      "  border-color: rgba(250, 249, 245, 0.22) !important;",
+      "  box-shadow: 0 0 0 1px rgba(250, 249, 245, 0.09), 0 4px 16px rgba(0, 0, 0, 0.20), 0 0 0 6px var(--dsw-alias-bg-base), 0 0 16px 10px var(--dsw-alias-bg-base), 0 0 48px 16px var(--dsw-alias-bg-base) !important;",
+      "}",
+      "/* With attachments the rail already carries the card's focus ring, so the",
+      "   input keeps only the deepened drop — its own 1px ring would paint a second",
+      "   line across the seam between the thumbnails and the text. */",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active]:not([data-ds-dark-theme]) [data-composer-card][data-composer-variant=\"inline\"][data-has-attachments=\"true\"]:focus-within [data-input-scroll],",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active]:not([data-ds-dark-theme]) [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card][data-has-attachments=\"true\"]:focus-within [data-input-scroll] {",
+      "  box-shadow: 0 4px 12px rgba(20, 20, 19, 0.025), 0 0 0 6px var(--dsw-alias-bg-base), 0 0 16px 10px var(--dsw-alias-bg-base), 0 0 48px 16px var(--dsw-alias-bg-base) !important;",
+      "}",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active][data-ds-dark-theme] [data-composer-card][data-composer-variant=\"inline\"][data-has-attachments=\"true\"]:focus-within [data-input-scroll],",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active][data-ds-dark-theme] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card][data-has-attachments=\"true\"]:focus-within [data-input-scroll] {",
+      "  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.20), 0 0 0 6px var(--dsw-alias-bg-base), 0 0 16px 10px var(--dsw-alias-bg-base), 0 0 48px 16px var(--dsw-alias-bg-base) !important;",
+      "}",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [data-composer-card][data-composer-variant=\"inline\"] [data-input-scroll] [class*=\"grow\"],",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card] [data-input-scroll] [class*=\"grow\"] {",
       "  width: 100% !important;",
       "  max-width: 100% !important;",
       "  min-height: 24px !important;",
@@ -959,8 +1153,8 @@ window.__ModuleLoader__.load({
       "  box-sizing: border-box !important;",
       "  overflow-x: hidden !important;",
       "}",
-      "body[data-dsh-claude-style] [data-composer-card][data-composer-variant=\"inline\"] [data-composer-input],",
-      "body[data-dsh-claude-style] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card] [data-composer-input] {",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [data-composer-card][data-composer-variant=\"inline\"] [data-composer-input],",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card] [data-composer-input] {",
       "  min-height: 24px !important;",
       "  height: auto !important;",
       "  line-height: 24px !important;",
@@ -976,8 +1170,8 @@ window.__ModuleLoader__.load({
       "  overflow-wrap: anywhere !important;",
       "  overflow-x: hidden !important;",
       "}",
-      "body[data-dsh-claude-style] [data-composer-card][data-composer-variant=\"inline\"] [data-composer-placeholder],",
-      "body[data-dsh-claude-style] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card] [data-composer-placeholder] {",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [data-composer-card][data-composer-variant=\"inline\"] [data-composer-placeholder],",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card] [data-composer-placeholder] {",
       "  line-height: 24px !important;",
       "  height: 24px !important;",
       "  position: absolute !important;",
@@ -995,8 +1189,8 @@ window.__ModuleLoader__.load({
       "  user-select: none !important;",
       "}",
       "/* Pinned send button inside input box */",
-      "body[data-dsh-claude-style] [data-composer-card][data-composer-variant=\"inline\"] :is(button[aria-label^=\"发送\"], button[aria-label^=\"Send\"], button[aria-label*=\"发送\"], button[aria-label*=\"Send\"], button[aria-label*=\"排队\"], button[aria-label*=\"Queue\"], button[aria-label*=\"插话\"], button[aria-label*=\"Steer\"], [class*=\"sendBtn\"], [class*=\"sendButton\"]),",
-      "body[data-dsh-claude-style] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card] :is(button[aria-label^=\"发送\"], button[aria-label^=\"Send\"], button[aria-label*=\"发送\"], button[aria-label*=\"Send\"], button[aria-label*=\"排队\"], button[aria-label*=\"Queue\"], button[aria-label*=\"插话\"], button[aria-label*=\"Steer\"], [class*=\"sendBtn\"], [class*=\"sendButton\"]) {",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [data-composer-card][data-composer-variant=\"inline\"] :is(button[aria-label^=\"发送\"], button[aria-label^=\"Send\"], button[aria-label*=\"发送\"], button[aria-label*=\"Send\"], button[aria-label*=\"排队\"], button[aria-label*=\"Queue\"], button[aria-label*=\"插话\"], button[aria-label*=\"Steer\"], [class*=\"sendBtn\"], [class*=\"sendButton\"]),",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card] :is(button[aria-label^=\"发送\"], button[aria-label^=\"Send\"], button[aria-label*=\"发送\"], button[aria-label*=\"Send\"], button[aria-label*=\"排队\"], button[aria-label*=\"Queue\"], button[aria-label*=\"插话\"], button[aria-label*=\"Steer\"], [class*=\"sendBtn\"], [class*=\"sendButton\"]) {",
       "  position: absolute !important;",
       "  bottom: 40px !important;",
       "  right: 8px !important;",
@@ -1018,11 +1212,11 @@ window.__ModuleLoader__.load({
       "  cursor: pointer !important;",
       "  transition: color 0.12s ease, background-color 0.12s ease !important;",
       "}",
-      "body[data-dsh-claude-style] [data-composer-card][data-composer-variant=\"inline\"] :is(button[aria-label^=\"发送\"], button[aria-label^=\"Send\"], button[aria-label*=\"发送\"], button[aria-label*=\"Send\"], button[aria-label*=\"排队\"], button[aria-label*=\"Queue\"], button[aria-label*=\"插话\"], button[aria-label*=\"Steer\"], [class*=\"sendBtn\"], [class*=\"sendButton\"]) :is(svg, [class*=\"chevron\"], span) {",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [data-composer-card][data-composer-variant=\"inline\"] :is(button[aria-label^=\"发送\"], button[aria-label^=\"Send\"], button[aria-label*=\"发送\"], button[aria-label*=\"Send\"], button[aria-label*=\"排队\"], button[aria-label*=\"Queue\"], button[aria-label*=\"插话\"], button[aria-label*=\"Steer\"], [class*=\"sendBtn\"], [class*=\"sendButton\"]) :is(svg, [class*=\"chevron\"], span) {",
       "  display: none !important;",
       "}",
-      "body[data-dsh-claude-style] [data-composer-card][data-composer-variant=\"inline\"] :is(button[aria-label^=\"发送\"], button[aria-label^=\"Send\"], button[aria-label*=\"发送\"], button[aria-label*=\"Send\"], button[aria-label*=\"排队\"], button[aria-label*=\"Queue\"], button[aria-label*=\"插话\"], button[aria-label*=\"Steer\"], [class*=\"sendBtn\"], [class*=\"sendButton\"])::after,",
-      "body[data-dsh-claude-style] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card] :is(button[aria-label^=\"发送\"], button[aria-label^=\"Send\"], button[aria-label*=\"发送\"], button[aria-label*=\"Send\"], button[aria-label*=\"排队\"], button[aria-label*=\"Queue\"], button[aria-label*=\"插话\"], button[aria-label*=\"Steer\"], [class*=\"sendBtn\"], [class*=\"sendButton\"])::after {",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [data-composer-card][data-composer-variant=\"inline\"] :is(button[aria-label^=\"发送\"], button[aria-label^=\"Send\"], button[aria-label*=\"发送\"], button[aria-label*=\"Send\"], button[aria-label*=\"排队\"], button[aria-label*=\"Queue\"], button[aria-label*=\"插话\"], button[aria-label*=\"Steer\"], [class*=\"sendBtn\"], [class*=\"sendButton\"])::after,",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card] :is(button[aria-label^=\"发送\"], button[aria-label^=\"Send\"], button[aria-label*=\"发送\"], button[aria-label*=\"Send\"], button[aria-label*=\"排队\"], button[aria-label*=\"Queue\"], button[aria-label*=\"插话\"], button[aria-label*=\"Steer\"], [class*=\"sendBtn\"], [class*=\"sendButton\"])::after {",
       "  content: \"↵\" !important;",
       "  font-family: var(--dsw-font-code, monospace) !important;",
       "  font-size: 16px !important;",
@@ -1030,18 +1224,20 @@ window.__ModuleLoader__.load({
       "  line-height: 1 !important;",
       "  color: currentColor !important;",
       "}",
-      "body[data-dsh-claude-style] [data-composer-card][data-composer-variant=\"inline\"] :is(button[aria-label^=\"发送\"], button[aria-label^=\"Send\"], button[aria-label*=\"发送\"], button[aria-label*=\"Send\"]):not(:disabled):hover,",
-      "body[data-dsh-claude-style] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card] :is(button[aria-label^=\"发送\"], button[aria-label^=\"Send\"], button[aria-label*=\"发送\"], button[aria-label*=\"Send\"]):not(:disabled):hover {",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [data-composer-card][data-composer-variant=\"inline\"] :is(button[aria-label^=\"发送\"], button[aria-label^=\"Send\"], button[aria-label*=\"发送\"], button[aria-label*=\"Send\"]):not(:disabled):hover,",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card] :is(button[aria-label^=\"发送\"], button[aria-label^=\"Send\"], button[aria-label*=\"发送\"], button[aria-label*=\"Send\"]):not(:disabled):hover {",
       "  background: var(--dsh-claude-hover-bg, rgba(0, 0, 0, 0.08)) !important;",
       "  color: var(--dsw-alias-label-primary) !important;",
       "}",
-      "body[data-dsh-claude-style] [data-composer-card][data-composer-variant=\"inline\"]:not(:has([data-composer-placeholder])) :is(button[aria-label^=\"发送\"], button[aria-label^=\"Send\"], button[aria-label*=\"发送\"], button[aria-label*=\"Send\"]),",
-      "body[data-dsh-claude-style] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card]:not(:has([data-composer-placeholder])) :is(button[aria-label^=\"发送\"], button[aria-label^=\"Send\"], button[aria-label*=\"发送\"], button[aria-label*=\"Send\"]) {",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [data-composer-card][data-composer-variant=\"inline\"]:not(:has([data-composer-placeholder])) :is(button[aria-label^=\"发送\"], button[aria-label^=\"Send\"], button[aria-label*=\"发送\"], button[aria-label*=\"Send\"]),",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [data-composer-card][data-composer-variant=\"inline\"][data-has-attachments=\"true\"] :is(button[aria-label^=\"发送\"], button[aria-label^=\"Send\"], button[aria-label*=\"发送\"], button[aria-label*=\"Send\"]),",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card]:not(:has([data-composer-placeholder])) :is(button[aria-label^=\"发送\"], button[aria-label^=\"Send\"], button[aria-label*=\"发送\"], button[aria-label*=\"Send\"]),",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card][data-has-attachments=\"true\"] :is(button[aria-label^=\"发送\"], button[aria-label^=\"Send\"], button[aria-label*=\"发送\"], button[aria-label*=\"Send\"]) {",
       "  color: var(--dsw-alias-brand-primary, #d97757) !important;",
       "}",
       "/* Pinned stop button inside input box */",
-      "body[data-dsh-claude-style] [data-composer-card][data-composer-variant=\"inline\"] :is(button[aria-label*=\"停止\"], button[aria-label*=\"Stop\"]),",
-      "body[data-dsh-claude-style] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card] :is(button[aria-label*=\"停止\"], button[aria-label*=\"Stop\"]) {",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [data-composer-card][data-composer-variant=\"inline\"] :is(button[aria-label*=\"停止\"], button[aria-label*=\"Stop\"]),",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card] :is(button[aria-label*=\"停止\"], button[aria-label*=\"Stop\"]) {",
       "  position: absolute !important;",
       "  bottom: 40px !important;",
       "  right: 8px !important;",
@@ -1060,22 +1256,22 @@ window.__ModuleLoader__.load({
       "  color: var(--dsw-alias-brand-primary, #d97757) !important;",
       "  border: none !important;",
       "}",
-      "body[data-dsh-claude-style] [data-composer-card][data-composer-variant=\"inline\"] :is(button[aria-label*=\"停止\"], button[aria-label*=\"Stop\"]) svg,",
-      "body[data-dsh-claude-style] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card] :is(button[aria-label*=\"停止\"], button[aria-label*=\"Stop\"]) svg {",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [data-composer-card][data-composer-variant=\"inline\"] :is(button[aria-label*=\"停止\"], button[aria-label*=\"Stop\"]) svg,",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card] :is(button[aria-label*=\"停止\"], button[aria-label*=\"Stop\"]) svg {",
       "  display: block !important;",
       "  width: 12px !important;",
       "  height: 12px !important;",
       "}",
-      "body[data-dsh-claude-style] [data-composer-card][data-composer-variant=\"inline\"] :is(button[aria-label*=\"停止\"], button[aria-label*=\"Stop\"])::after,",
-      "body[data-dsh-claude-style] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card] :is(button[aria-label*=\"停止\"], button[aria-label*=\"Stop\"])::after {",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [data-composer-card][data-composer-variant=\"inline\"] :is(button[aria-label*=\"停止\"], button[aria-label*=\"Stop\"])::after,",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card] :is(button[aria-label*=\"停止\"], button[aria-label*=\"Stop\"])::after {",
       "  display: none !important;",
       "}",
       "/* Toolbar row below input card. `[class*=\"_row\"]` on purpose: a bare",
       "   `[class*=\"row\"]` substring-matches the shipped `.p_FcLG_grow` input",
       "   wrapper (\"grow\" contains \"row\"), and the fixed 28px height + flex",
       "   display here would pin the composer field to one line forever. */",
-      "body[data-dsh-claude-style] [data-composer-card][data-composer-variant=\"inline\"] [class*=\"_row\"],",
-      "body[data-dsh-claude-style] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card] [class*=\"_row\"] {",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [data-composer-card][data-composer-variant=\"inline\"] [class*=\"_row\"],",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card] [class*=\"_row\"] {",
       "  display: flex !important;",
       "  flex-wrap: nowrap !important;",
       "  justify-content: space-between !important;",
@@ -1091,6 +1287,8 @@ window.__ModuleLoader__.load({
       "  max-width: 100% !important;",
       "  box-sizing: border-box !important;",
       "  overflow: visible !important;",
+      "  position: relative !important;",
+      "  z-index: 3 !important;",
       "}",
       "/* The context-occupancy meter renders its click-open panel INSIDE the inline",
       "   composer card, and its legend classes (`…_rows` / `…_row`) substring-match",
@@ -1098,8 +1296,8 @@ window.__ModuleLoader__.load({
       "   list into one 28px flex line and wrapped every label/value. Restore the",
       "   shipped legend layout: the list stacks vertically, each row keeps its",
       "   natural height and space-between distribution. */",
-      "body[data-dsh-claude-style] [data-composer-card][data-composer-variant=\"inline\"] [class*=\"_rows\"],",
-      "body[data-dsh-claude-style] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card] [class*=\"_rows\"] {",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [data-composer-card][data-composer-variant=\"inline\"] [class*=\"_rows\"],",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card] [class*=\"_rows\"] {",
       "  display: block !important;",
       "  height: auto !important;",
       "  min-height: 0 !important;",
@@ -1107,8 +1305,8 @@ window.__ModuleLoader__.load({
       "  max-width: none !important;",
       "  padding: 0 !important;",
       "}",
-      "body[data-dsh-claude-style] [data-composer-card][data-composer-variant=\"inline\"] [class*=\"_rows\"] [class*=\"_row\"],",
-      "body[data-dsh-claude-style] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card] [class*=\"_rows\"] [class*=\"_row\"] {",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [data-composer-card][data-composer-variant=\"inline\"] [class*=\"_rows\"] [class*=\"_row\"],",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card] [class*=\"_rows\"] [class*=\"_row\"] {",
       "  display: flex !important;",
       "  height: auto !important;",
       "  min-height: 0 !important;",
@@ -1117,23 +1315,23 @@ window.__ModuleLoader__.load({
       "  padding: 2px 0 !important;",
       "  margin: 0 !important;",
       "}",
-      "body[data-dsh-claude-style] [data-composer-card][data-composer-variant=\"inline\"] [class*=\"tools\"],",
-      "body[data-dsh-claude-style] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card] [class*=\"tools\"] {",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [data-composer-card][data-composer-variant=\"inline\"] [class*=\"tools\"],",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card] [class*=\"tools\"] {",
       "  display: flex !important;",
       "  align-items: center !important;",
       "  gap: 8px !important;",
       "  flex: 0 0 auto !important;",
       "  overflow: visible !important;",
       "}",
-      "body[data-dsh-claude-style] [data-composer-card][data-composer-variant=\"inline\"] [class*=\"modes\"],",
-      "body[data-dsh-claude-style] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card] [class*=\"modes\"] {",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [data-composer-card][data-composer-variant=\"inline\"] [class*=\"modes\"],",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card] [class*=\"modes\"] {",
       "  order: 1 !important;",
       "  display: inline-flex !important;",
       "  align-items: center !important;",
       "  overflow: visible !important;",
       "}",
-      "body[data-dsh-claude-style] [data-composer-card][data-composer-variant=\"inline\"] :is(button[aria-label=\"指令\"], button[aria-label=\"Commands\"]),",
-      "body[data-dsh-claude-style] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card] :is(button[aria-label=\"指令\"], button[aria-label=\"Commands\"]) {",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [data-composer-card][data-composer-variant=\"inline\"] :is(button[aria-label=\"指令\"], button[aria-label=\"Commands\"]),",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card] :is(button[aria-label=\"指令\"], button[aria-label=\"Commands\"]) {",
       "  order: 2 !important;",
       "  width: 24px !important;",
       "  height: 24px !important;",
@@ -1144,8 +1342,8 @@ window.__ModuleLoader__.load({
       "  align-items: center !important;",
       "  justify-content: center !important;",
       "}",
-      "body[data-dsh-claude-style] [data-composer-card][data-composer-variant=\"inline\"] :is(button[aria-label=\"添加附件\"], button[aria-label=\"Add attachment\"]),",
-      "body[data-dsh-claude-style] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card] :is(button[aria-label=\"添加附件\"], button[aria-label=\"Add attachment\"]) {",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [data-composer-card][data-composer-variant=\"inline\"] :is(button[aria-label=\"添加附件\"], button[aria-label=\"Add attachment\"]),",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card] :is(button[aria-label=\"添加附件\"], button[aria-label=\"Add attachment\"]) {",
       "  order: 3 !important;",
       "  width: 24px !important;",
       "  height: 24px !important;",
@@ -1156,13 +1354,13 @@ window.__ModuleLoader__.load({
       "  align-items: center !important;",
       "  justify-content: center !important;",
       "}",
-      "body[data-dsh-claude-style] [data-composer-card][data-composer-variant=\"inline\"] :is(button[aria-label=\"指令\"], button[aria-label=\"Commands\"], button[aria-label=\"添加附件\"], button[aria-label=\"Add attachment\"]):hover:not(:disabled),",
-      "body[data-dsh-claude-style] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card] :is(button[aria-label=\"指令\"], button[aria-label=\"Commands\"], button[aria-label=\"添加附件\"], button[aria-label=\"Add attachment\"]):hover:not(:disabled) {",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [data-composer-card][data-composer-variant=\"inline\"] :is(button[aria-label=\"指令\"], button[aria-label=\"Commands\"], button[aria-label=\"添加附件\"], button[aria-label=\"Add attachment\"]):hover:not(:disabled),",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card] :is(button[aria-label=\"指令\"], button[aria-label=\"Commands\"], button[aria-label=\"添加附件\"], button[aria-label=\"Add attachment\"]):hover:not(:disabled) {",
       "  background: var(--dsh-claude-hover-bg, rgba(0, 0, 0, 0.08)) !important;",
       "  color: var(--dsw-alias-label-primary) !important;",
       "}",
-      "body[data-dsh-claude-style] [data-composer-card][data-composer-variant=\"inline\"] [class*=\"trailing\"],",
-      "body[data-dsh-claude-style] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card] [class*=\"trailing\"] {",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [data-composer-card][data-composer-variant=\"inline\"] [class*=\"trailing\"],",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card] [class*=\"trailing\"] {",
       "  display: flex !important;",
       "  align-items: center !important;",
       "  gap: 8px !important;",
@@ -1170,8 +1368,8 @@ window.__ModuleLoader__.load({
       "  flex: 0 0 auto !important;",
       "}",
       "/* Model trigger in trailing */",
-      "body[data-dsh-claude-style] [data-composer-card][data-composer-variant=\"inline\"] [class*=\"trailing\"] > :first-child,",
-      "body[data-dsh-claude-style] [data-composer-card][data-composer-variant=\"inline\"] [class*=\"trailing\"] :is([class*=\"trigger\" i], [class*=\"model\" i], [class*=\"Model\"]) {",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [data-composer-card][data-composer-variant=\"inline\"] [class*=\"trailing\"] > :first-child,",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [data-composer-card][data-composer-variant=\"inline\"] [class*=\"trailing\"] :is([class*=\"trigger\" i], [class*=\"model\" i], [class*=\"Model\"]) {",
       "  display: inline-flex !important;",
       "  align-items: center !important;",
       "  font-size: 13px !important;",
@@ -1181,14 +1379,69 @@ window.__ModuleLoader__.load({
       "  visibility: visible !important;",
       "  opacity: 1 !important;",
       "}",
-      "body[data-dsh-claude-style]:not([data-ds-dark-theme]) [data-composer-card][data-composer-variant=\"inline\"] [class*=\"trailing\"] > :first-child:hover:not(:disabled),",
-      "body[data-dsh-claude-style]:not([data-ds-dark-theme]) [data-composer-card][data-composer-variant=\"inline\"] [class*=\"trailing\"] :is([class*=\"trigger\" i], [class*=\"model\" i], [class*=\"Model\"]):hover:not(:disabled) {",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active]:not([data-ds-dark-theme]) [data-composer-card][data-composer-variant=\"inline\"] [class*=\"trailing\"] > :first-child:hover:not(:disabled),",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active]:not([data-ds-dark-theme]) [data-composer-card][data-composer-variant=\"inline\"] [class*=\"trailing\"] :is([class*=\"trigger\" i], [class*=\"model\" i], [class*=\"Model\"]):hover:not(:disabled) {",
       "  background: var(--dsh-claude-hover-bg, rgba(0, 0, 0, 0.06)) !important;",
       "  color: var(--dsw-alias-label-primary) !important;",
       "}",
-      "/* Separate Token stats row below the composer card */",
-      "body[data-dsh-claude-style] [data-composer-card][data-composer-variant=\"inline\"] ~ [data-composer-stats],",
-      "body[data-dsh-claude-style] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-stats] {",
+      "/* The skin's own model trigger replaces the host's model seat (the host's",
+      "   root is marked and hidden by syncModelControl). One button, one hover",
+      "   background — the shipped seat stacks an icon + label + effort + chevron,",
+      "   each with its own surface. */",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [data-dsh-claude-model-host] {",
+      "  display: none !important;",
+      "}",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [class*=\"trailing\"] .dsh-claude-model-btn {",
+      "  display: inline-flex !important;",
+      "  align-items: center !important;",
+      "  gap: 2px !important;",
+      "  height: 28px !important;",
+      "  max-width: 280px !important;",
+      "  padding: 0 6px 0 8px !important;",
+      "  border: none !important;",
+      "  border-radius: 7px !important;",
+      "  background: transparent !important;",
+      "  color: var(--dsw-alias-label-secondary) !important;",
+      "  font-size: 13px !important;",
+      "  font-weight: 500 !important;",
+      "  line-height: 20px !important;",
+      "  cursor: pointer !important;",
+      "  box-sizing: border-box !important;",
+      "  min-width: 0 !important;",
+      "}",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [class*=\"trailing\"] .dsh-claude-model-btn-label.dsh-claude-model-btn-loading {",
+      "  color: var(--dsw-alias-label-caption, #a6a094) !important;",
+      "}",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [class*=\"trailing\"] .dsh-claude-model-btn:hover {",
+      "  background: var(--dsh-claude-hover-bg, rgba(0, 0, 0, 0.08)) !important;",
+      "  color: var(--dsw-alias-label-primary) !important;",
+      "}",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [class*=\"trailing\"] .dsh-claude-model-btn-label {",
+      "  text-overflow: ellipsis !important;",
+      "  white-space: nowrap !important;",
+      "  min-width: 0 !important;",
+      "  overflow: hidden !important;",
+      "}",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [class*=\"trailing\"] .dsh-claude-model-btn-effort {",
+      "  flex: none !important;",
+      "  color: var(--dsw-alias-label-caption, #a6a094) !important;",
+      "  font-weight: 400 !important;",
+      "}",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [class*=\"trailing\"] .dsh-claude-model-btn-chevron {",
+      "  flex: none !important;",
+      "  display: inline-flex !important;",
+      "  align-items: center !important;",
+      "  color: var(--dsw-alias-label-caption, #a6a094) !important;",
+      "}",
+      "/* Token stats pills — merged into the toolbar row (one line with the",
+      "   controls). The base rule below is the fallback for the host's own",
+      "   position (a full-width line under the card); once mergeStatsIntoRow()",
+      "   has moved the pills into the row, the override after it resets every",
+      "   geometry property the host's full-width line depends on. */",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [data-composer-card][data-composer-variant=\"inline\"] ~ [data-composer-stats],",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-stats] {",
+      "  position: relative !important;",
+      "  z-index: 3 !important;",
       "  display: flex !important;",
       "  align-items: center !important;",
       "  justify-content: center !important;",
@@ -1206,9 +1459,42 @@ window.__ModuleLoader__.load({
       "  white-space: nowrap !important;",
       "  text-overflow: ellipsis !important;",
       "}",
+      "/* In-row: the pills become an inline, shrinkable flex item between the left",
+      "   tool cluster and the trailing model/status group (the row's space-between",
+      "   centers them). Width, padding and margin come from the host's full-width",
+      "   line, so all of them are reset; the pills keep their own hover/click. */",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [data-composer-card][data-composer-variant=\"inline\"] [class*=\"_row\"] [data-composer-stats],",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-card] [class*=\"_row\"] [data-composer-stats] {",
+      "  position: relative !important;",
+      "  z-index: 3 !important;",
+      "  width: auto !important;",
+      "  max-width: none !important;",
+      "  margin: 0 8px !important;",
+      "  padding: 0 !important;",
+      "  height: auto !important;",
+      "  line-height: 20px !important;",
+      "  justify-content: flex-start !important;",
+      "  flex: 0 1 auto !important;",
+      "  min-width: 0 !important;",
+      "}",
+      "/* The stats pills are on-demand: hidden unless the chat window (the composer)",
+      "   is hovered, so the toolbar stays clean. Space is preserved — no reflow when",
+      "   they fade in — and because the pills live inside the card, hovering them",
+      "   keeps them visible long enough to click. */",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [data-composer-card] [class*=\"_row\"] [data-composer-stats] {",
+      "  opacity: 0 !important;",
+      "  visibility: hidden !important;",
+      "  pointer-events: none !important;",
+      "  transition: opacity 0.15s ease, visibility 0.15s ease !important;",
+      "}",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] [data-composer-card]:hover [class*=\"_row\"] [data-composer-stats] {",
+      "  opacity: 1 !important;",
+      "  visibility: visible !important;",
+      "  pointer-events: auto !important;",
+      "}",
       "@media (max-width: 820px) {",
-      "  body[data-dsh-claude-style] [data-composer-card][data-composer-variant=\"inline\"] ~ [data-composer-stats],",
-      "  body[data-dsh-claude-style] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-stats] {",
+      "  body[data-dsh-claude-style][data-dsh-claude-composer-active] [data-composer-card][data-composer-variant=\"inline\"] ~ [data-composer-stats],",
+      "  body[data-dsh-claude-style][data-dsh-claude-composer-active] [class*=\"composerStack\"]:not(:has([class*=\"heroWorkspaceRow\"])) [data-composer-stats] {",
       "    display: none !important;",
       "  }",
       "}",
@@ -1224,11 +1510,11 @@ window.__ModuleLoader__.load({
       "   brandName box, and each wordmark takes its natural width from that height",
       "   via the artwork aspect ratios (Claude 4.214:1, ANTHROPIC ~8.94:1). The",
       "   wordmark keeps a max-width so a longer brand can never clip the row. */",
-      "body[data-dsh-claude-style] :is([class*=\"brandMark\"], [class*=\"railMark\"]) > * {",
+      "body[data-dsh-claude-style]:is([data-dsh-claude-brand=\"claude\"], [data-dsh-claude-brand=\"anthropic\"]) :is([class*=\"brandMark\"], [class*=\"railMark\"]) > * {",
       "  display: none !important;",
       "}",
       "",
-      "body[data-dsh-claude-style] :is([class*=\"brandMark\"], [class*=\"railMark\"])::before {",
+      "body[data-dsh-claude-style]:is([data-dsh-claude-brand=\"claude\"], [data-dsh-claude-brand=\"anthropic\"]) :is([class*=\"brandMark\"], [class*=\"railMark\"])::before {",
       "  content: \"\";",
       "  display: block;",
       "  flex: none;",
@@ -1239,18 +1525,18 @@ window.__ModuleLoader__.load({
       "}",
       "",
       "/* Claude (default): starburst mark + the Claude wordmark. */",
-      "body[data-dsh-claude-style]:not([data-dsh-claude-brand=\"anthropic\"]) :is([class*=\"brandMark\"], [class*=\"railMark\"])::before {",
+      "body[data-dsh-claude-style][data-dsh-claude-brand=\"claude\"] :is([class*=\"brandMark\"], [class*=\"railMark\"])::before {",
       "  width: 18px;",
       "  height: 18px;",
       "  -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20148.09%20148.18'%3E%3Cg%20transform%3D'translate(-75.96%2C-223.53)'%3E%3Cpath%20d%3D'm%20105.01%2C322.07%2029.14%2C-16.35%200.49%2C-1.42%20-0.49%2C-0.79%20h%20-1.42%20l%20-4.87%2C-0.3%20-16.65%2C-0.45%20-14.44%2C-0.6%20-13.99%2C-0.75%20-3.52%2C-0.75%20-3.3%2C-4.35%200.34%2C-2.17%202.96%2C-1.99%204.24%2C0.37%209.37%2C0.64%2014.06%2C0.97%2010.2%2C0.6%2015.11%2C1.57%20h%202.4%20l%200.34%2C-0.97%20-0.82%2C-0.6%20-0.64%2C-0.6%20-14.55%2C-9.86%20-15.75%2C-10.42%20-8.25%2C-6%20-4.46%2C-3.04%20-2.25%2C-2.85%20-0.97%2C-6.22%204.05%2C-4.46%205.44%2C0.37%201.39%2C0.37%205.51%2C4.24%2011.77%2C9.11%2015.37%2C11.32%202.25%2C1.87%200.9%2C-0.64%200.11%2C-0.45%20-1.01%2C-1.69%20-8.36%2C-15.11%20-8.92%2C-15.37%20-3.97%2C-6.37%20-1.05%2C-3.82%20c%20-0.37%2C-1.57%20-0.64%2C-2.89%20-0.64%2C-4.5%20l%204.61%2C-6.26%202.55%2C-0.82%206.15%2C0.82%202.59%2C2.25%203.82%2C8.74%206.19%2C13.76%209.6%2C18.71%202.81%2C5.55%201.5%2C5.14%200.56%2C1.57%20h%200.97%20v%20-0.9%20l%200.79%2C-10.54%201.46%2C-12.94%201.42%2C-16.65%200.49%2C-4.69%202.32%2C-5.62%204.61%2C-3.04%203.6%2C1.72%202.96%2C4.24%20-0.41%2C2.74%20-1.76%2C11.44%20-3.45%2C17.92%20-2.25%2C12%20h%201.31%20l%201.5%2C-1.5%206.07%2C-8.06%2010.2%2C-12.75%204.5%2C-5.06%205.25%2C-5.59%203.37%2C-2.66%20h%206.37%20l%204.69%2C6.97%20-2.1%2C7.2%20-6.56%2C8.32%20-5.44%2C7.05%20-7.8%2C10.5%20-4.87%2C8.4%200.45%2C0.67%201.16%2C-0.11%2017.62%2C-3.75%209.52%2C-1.72%2011.36%2C-1.95%205.14%2C2.4%200.56%2C2.44%20-2.02%2C4.99%20-12.15%2C3%20-14.25%2C2.85%20-21.22%2C5.02%20-0.26%2C0.19%200.3%2C0.37%209.56%2C0.9%204.09%2C0.22%20h%2010.01%20l%2018.64%2C1.39%204.87%2C3.22%202.92%2C3.94%20-0.49%2C3%20-7.5%2C3.82%20-10.12%2C-2.4%20-23.62%2C-5.62%20-8.1%2C-2.02%20h%20-1.12%20v%200.67%20l%206.75%2C6.6%2012.37%2C11.17%2015.49%2C14.4%200.79%2C3.56%20-1.99%2C2.81%20-2.1%2C-0.3%20-13.61%2C-10.24%20-5.25%2C-4.61%20-11.89%2C-10.01%20h%20-0.79%20v%201.05%20l%202.74%2C4.01%2014.47%2C21.75%200.75%2C6.67%20-1.05%2C2.17%20-3.75%2C1.31%20-4.12%2C-0.75%20-8.47%2C-11.89%20-8.74%2C-13.39%20-7.05%2C-12%20-0.86%2C0.49%20-4.16%2C44.81%20-1.95%2C2.29%20-4.5%2C1.72%20-3.75%2C-2.85%20-1.99%2C-4.61%201.99%2C-9.11%202.4%2C-11.89%201.95%2C-9.45%201.76%2C-11.74%201.05%2C-3.9%20-0.07%2C-0.26%20-0.86%2C0.11%20-8.85%2C12.15%20-13.46%2C18.19%20-10.65%2C11.4%20-2.55%2C1.01%20-4.42%2C-2.29%200.41%2C-4.09%202.47%2C-3.64%2014.74%2C-18.75%208.89%2C-11.62%205.74%2C-6.71%20-0.04%2C-0.97%20h%20-0.34%20l%20-39.15%2C25.42%20-6.97%2C0.9%20-3%2C-2.81%200.37%2C-4.61%201.42%2C-1.5%2011.77%2C-8.1%20-0.04%2C0.04%20z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\") center / contain no-repeat;",
       "  mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20148.09%20148.18'%3E%3Cg%20transform%3D'translate(-75.96%2C-223.53)'%3E%3Cpath%20d%3D'm%20105.01%2C322.07%2029.14%2C-16.35%200.49%2C-1.42%20-0.49%2C-0.79%20h%20-1.42%20l%20-4.87%2C-0.3%20-16.65%2C-0.45%20-14.44%2C-0.6%20-13.99%2C-0.75%20-3.52%2C-0.75%20-3.3%2C-4.35%200.34%2C-2.17%202.96%2C-1.99%204.24%2C0.37%209.37%2C0.64%2014.06%2C0.97%2010.2%2C0.6%2015.11%2C1.57%20h%202.4%20l%200.34%2C-0.97%20-0.82%2C-0.6%20-0.64%2C-0.6%20-14.55%2C-9.86%20-15.75%2C-10.42%20-8.25%2C-6%20-4.46%2C-3.04%20-2.25%2C-2.85%20-0.97%2C-6.22%204.05%2C-4.46%205.44%2C0.37%201.39%2C0.37%205.51%2C4.24%2011.77%2C9.11%2015.37%2C11.32%202.25%2C1.87%200.9%2C-0.64%200.11%2C-0.45%20-1.01%2C-1.69%20-8.36%2C-15.11%20-8.92%2C-15.37%20-3.97%2C-6.37%20-1.05%2C-3.82%20c%20-0.37%2C-1.57%20-0.64%2C-2.89%20-0.64%2C-4.5%20l%204.61%2C-6.26%202.55%2C-0.82%206.15%2C0.82%202.59%2C2.25%203.82%2C8.74%206.19%2C13.76%209.6%2C18.71%202.81%2C5.55%201.5%2C5.14%200.56%2C1.57%20h%200.97%20v%20-0.9%20l%200.79%2C-10.54%201.46%2C-12.94%201.42%2C-16.65%200.49%2C-4.69%202.32%2C-5.62%204.61%2C-3.04%203.6%2C1.72%202.96%2C4.24%20-0.41%2C2.74%20-1.76%2C11.44%20-3.45%2C17.92%20-2.25%2C12%20h%201.31%20l%201.5%2C-1.5%206.07%2C-8.06%2010.2%2C-12.75%204.5%2C-5.06%205.25%2C-5.59%203.37%2C-2.66%20h%206.37%20l%204.69%2C6.97%20-2.1%2C7.2%20-6.56%2C8.32%20-5.44%2C7.05%20-7.8%2C10.5%20-4.87%2C8.4%200.45%2C0.67%201.16%2C-0.11%2017.62%2C-3.75%209.52%2C-1.72%2011.36%2C-1.95%205.14%2C2.4%200.56%2C2.44%20-2.02%2C4.99%20-12.15%2C3%20-14.25%2C2.85%20-21.22%2C5.02%20-0.26%2C0.19%200.3%2C0.37%209.56%2C0.9%204.09%2C0.22%20h%2010.01%20l%2018.64%2C1.39%204.87%2C3.22%202.92%2C3.94%20-0.49%2C3%20-7.5%2C3.82%20-10.12%2C-2.4%20-23.62%2C-5.62%20-8.1%2C-2.02%20h%20-1.12%20v%200.67%20l%206.75%2C6.6%2012.37%2C11.17%2015.49%2C14.4%200.79%2C3.56%20-1.99%2C2.81%20-2.1%2C-0.3%20-13.61%2C-10.24%20-5.25%2C-4.61%20-11.89%2C-10.01%20h%20-0.79%20v%201.05%20l%202.74%2C4.01%2014.47%2C21.75%200.75%2C6.67%20-1.05%2C2.17%20-3.75%2C1.31%20-4.12%2C-0.75%20-8.47%2C-11.89%20-8.74%2C-13.39%20-7.05%2C-12%20-0.86%2C0.49%20-4.16%2C44.81%20-1.95%2C2.29%20-4.5%2C1.72%20-3.75%2C-2.85%20-1.99%2C-4.61%201.99%2C-9.11%202.4%2C-11.89%201.95%2C-9.45%201.76%2C-11.74%201.05%2C-3.9%20-0.07%2C-0.26%20-0.86%2C0.11%20-8.85%2C12.15%20-13.46%2C18.19%20-10.65%2C11.4%20-2.55%2C1.01%20-4.42%2C-2.29%200.41%2C-4.09%202.47%2C-3.64%2014.74%2C-18.75%208.89%2C-11.62%205.74%2C-6.71%20-0.04%2C-0.97%20h%20-0.34%20l%20-39.15%2C25.42%20-6.97%2C0.9%20-3%2C-2.81%200.37%2C-4.61%201.42%2C-1.5%2011.77%2C-8.1%20-0.04%2C0.04%20z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\") center / contain no-repeat;",
       "}",
       "",
-      "body[data-dsh-claude-style] [class*=\"brandIdentity\"] > [class*=\"brandName\"] > * {",
+      "body[data-dsh-claude-style]:is([data-dsh-claude-brand=\"claude\"], [data-dsh-claude-brand=\"anthropic\"]) [class*=\"brandIdentity\"] > [class*=\"brandName\"] > * {",
       "  display: none !important;",
       "}",
       "",
-      "body[data-dsh-claude-style] [class*=\"brandIdentity\"] > [class*=\"brandName\"]::before {",
+      "body[data-dsh-claude-style]:is([data-dsh-claude-brand=\"claude\"], [data-dsh-claude-brand=\"anthropic\"]) [class*=\"brandIdentity\"] > [class*=\"brandName\"]::before {",
       "  content: \"\";",
       "  display: block;",
       "  flex: none;",
@@ -1260,7 +1546,7 @@ window.__ModuleLoader__.load({
       "  background-size: contain;",
       "}",
       "",
-      "body[data-dsh-claude-style]:not([data-dsh-claude-brand=\"anthropic\"]) [class*=\"brandIdentity\"] > [class*=\"brandName\"]::before {",
+      "body[data-dsh-claude-style][data-dsh-claude-brand=\"claude\"] [class*=\"brandIdentity\"] > [class*=\"brandName\"]::before {",
       "  width: 75.9px;",
       "  max-width: 100%;",
       "  height: 18px;",
@@ -1272,16 +1558,16 @@ window.__ModuleLoader__.load({
       "body[data-dsh-claude-style][data-dsh-claude-brand=\"anthropic\"] :is([class*=\"brandMark\"], [class*=\"railMark\"])::before {",
       "  width: 25.9px;",
       "  height: 18px;",
-      "  -webkit-mask: url(\"data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 46 32%27%3E%3Cpath d=%27M32.73 0H25.7846L38.4499 32H45.3953L32.73 0Z%27/%3E%3Cpath d=%27M12.6653 0L0 32H7.08167L9.67193 25.28H22.9219L25.5122 32H32.5939L19.9286 0H12.6653ZM11.9626 19.3371L16.2969 8.09143L20.6313 19.3371H11.9626Z%27/%3E%3C/svg%3E\") center / contain no-repeat;",
-      "  mask: url(\"data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 46 32%27%3E%3Cpath d=%27M32.73 0H25.7846L38.4499 32H45.3953L32.73 0Z%27/%3E%3Cpath d=%27M12.6653 0L0 32H7.08167L9.67193 25.28H22.9219L25.5122 32H32.5939L19.9286 0H12.6653ZM11.9626 19.3371L16.2969 8.09143L20.6313 19.3371H11.9626Z%27/%3E%3C/svg%3E\") center / contain no-repeat;",
+      "  -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2046%2032'%3E%3Cpath%20d%3D'M32.73%200H25.7846L38.4499%2032H45.3953L32.73%200Z'%2F%3E%3Cpath%20d%3D'M12.6653%200L0%2032H7.08167L9.67193%2025.28H22.9219L25.5122%2032H32.5939L19.9286%200H12.6653ZM11.9626%2019.3371L16.2969%208.09143L20.6313%2019.3371H11.9626Z'%2F%3E%3C%2Fsvg%3E\") center / contain no-repeat;",
+      "  mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2046%2032'%3E%3Cpath%20d%3D'M32.73%200H25.7846L38.4499%2032H45.3953L32.73%200Z'%2F%3E%3Cpath%20d%3D'M12.6653%200L0%2032H7.08167L9.67193%2025.28H22.9219L25.5122%2032H32.5939L19.9286%200H12.6653ZM11.9626%2019.3371L16.2969%208.09143L20.6313%2019.3371H11.9626Z'%2F%3E%3C%2Fsvg%3E\") center / contain no-repeat;",
       "}",
       "",
       "body[data-dsh-claude-style][data-dsh-claude-brand=\"anthropic\"] [class*=\"brandIdentity\"] > [class*=\"brandName\"]::before {",
       "  width: 160.9px;",
       "  max-width: 100%;",
       "  height: 18px;",
-      "  -webkit-mask: url(\"data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 143 16%27%3E%3Cpath transform=%27translate(18.299999237060547,0.27000001072883606)%27 d=%27 M10.716191291809082,10.829001426696777 C10.716191291809082,10.829001426696777 3.756195545196533,0 3.756195545196533,0 C3.756195545196533,0 0,0 0,0 C0,0 0,15.470022201538086 0,15.470022201538086 C0,15.470022201538086 3.2038140296936035,15.470022201538086 3.2038140296936035,15.470022201538086 C3.2038140296936035,15.470022201538086 3.2038140296936035,4.6410064697265625 3.2038140296936035,4.6410064697265625 C3.2038140296936035,4.6410064697265625 10.163809776306152,15.470022201538086 10.163809776306152,15.470022201538086 C10.163809776306152,15.470022201538086 13.919991493225098,15.470022201538086 13.919991493225098,15.470022201538086 C13.919991493225098,15.470022201538086 13.919991493225098,0 13.919991493225098,0 C13.919991493225098,0 10.716191291809082,0 10.716191291809082,0 C10.716191291809082,0 10.716191291809082,10.829001426696777 10.716191291809082,10.829001426696777 C10.716191291809082,10.829001426696777 10.716191291809082,10.829001426696777 10.716191291809082,10.829001426696777z%27/%3E%3Cpath transform=%27translate(34.869998931884766,0.27000001072883606)%27 d=%27 M0,2.983504056930542 C0,2.983504056930542 5.19273567199707,2.983504056930542 5.19273567199707,2.983504056930542 C5.19273567199707,2.983504056930542 5.19273567199707,15.470022201538086 5.19273567199707,15.470022201538086 C5.19273567199707,15.470022201538086 8.507256507873535,15.470022201538086 8.507256507873535,15.470022201538086 C8.507256507873535,15.470022201538086 8.507256507873535,2.983504056930542 8.507256507873535,2.983504056930542 C8.507256507873535,2.983504056930542 13.700006484985352,2.983504056930542 13.700006484985352,2.983504056930542 C13.700006484985352,2.983504056930542 13.700006484985352,0 13.700006484985352,0 C13.700006484985352,0 0,0 0,0 C0,0 0,2.983504056930542 0,2.983504056930542 C0,2.983504056930542 0,2.983504056930542 0,2.983504056930542z%27/%3E%3Cpath transform=%27translate(51.22999954223633,0.27000001072883606)%27 d=%27 M10.605714797973633,6.165900230407715 C10.605714797973633,6.165900230407715 3.3142902851104736,6.165900230407715 3.3142902851104736,6.165900230407715 C3.3142902851104736,6.165900230407715 3.3142902851104736,0 3.3142902851104736,0 C3.3142902851104736,0 0,0 0,0 C0,0 0,15.470022201538086 0,15.470022201538086 C0,15.470022201538086 3.3142902851104736,15.470022201538086 3.3142902851104736,15.470022201538086 C3.3142902851104736,15.470022201538086 3.3142902851104736,9.149404525756836 3.3142902851104736,9.149404525756836 C3.3142902851104736,9.149404525756836 10.605714797973633,9.149404525756836 10.605714797973633,9.149404525756836 C10.605714797973633,9.149404525756836 10.605714797973633,15.470022201538086 10.605714797973633,15.470022201538086 C10.605714797973633,15.470022201538086 13.919991493225098,15.470022201538086 13.919991493225098,15.470022201538086 C13.919991493225098,15.470022201538086 13.919991493225098,0 13.919991493225098,0 C13.919991493225098,0 10.605714797973633,0 10.605714797973633,0 C10.605714797973633,0 10.605714797973633,6.165900230407715 10.605714797973633,6.165900230407715 C10.605714797973633,6.165900230407715 10.605714797973633,6.165900230407715 10.605714797973633,6.165900230407715z%27/%3E%3Cpath transform=%27translate(69.23999786376953,0.27000001072883606)%27 d=%27 M3.3151700496673584,2.983504056930542 C3.3151700496673584,2.983504056930542 7.403865814208984,2.983504056930542 7.403865814208984,2.983504056930542 C9.03934097290039,2.983504056930542 9.901290893554688,3.5801939964294434 9.901290893554688,4.707304000854492 C9.901290893554688,5.834399700164795 9.03934097290039,6.431103706359863 7.403865814208984,6.431103706359863 C7.403865814208984,6.431103706359863 3.3151700496673584,6.431103706359863 3.3151700496673584,6.431103706359863 C3.3151700496673584,6.431103706359863 3.3151700496673584,2.983504056930542 3.3151700496673584,2.983504056930542 C3.3151700496673584,2.983504056930542 3.3151700496673584,2.983504056930542 3.3151700496673584,2.983504056930542z M13.216461181640625,4.707304000854492 C13.216461181640625,1.7900969982147217 11.072648048400879,0 7.558576583862305,0 C7.558576583862305,0 0,0 0,0 C0,0 0,15.470022201538086 0,15.470022201538086 C0,15.470022201538086 3.3151700496673584,15.470022201538086 3.3151700496673584,15.470022201538086 C3.3151700496673584,15.470022201538086 3.3151700496673584,9.414593696594238 3.3151700496673584,9.414593696594238 C3.3151700496673584,9.414593696594238 7.005825519561768,9.414593696594238 7.005825519561768,9.414593696594238 C7.005825519561768,9.414593696594238 10.321218490600586,15.470022201538086 10.321218490600586,15.470022201538086 C10.321218490600586,15.470022201538086 13.990056991577148,15.470022201538086 13.990056991577148,15.470022201538086 C13.990056991577148,15.470022201538086 10.319005966186523,8.953378677368164 10.319005966186523,8.953378677368164 C12.161579132080078,8.245061874389648 13.216461181640625,6.753532409667969 13.216461181640625,4.707304000854492 C13.216461181640625,4.707304000854492 13.216461181640625,4.707304000854492 13.216461181640625,4.707304000854492z%27/%3E%3Cpath transform=%27translate(84.98999786376953,0)%27 d=%27 M7.622087478637695,12.906073570251465 C5.015110492706299,12.906073570251465 3.4244225025177,11.049725532531738 3.4244225025177,8.022093772888184 C3.4244225025177,4.95027494430542 5.015110492706299,3.0939269065856934 7.622087478637695,3.0939269065856934 C10.206976890563965,3.0939269065856934 11.775577545166016,4.95027494430542 11.775577545166016,8.022093772888184 C11.775577545166016,11.049725532531738 10.206976890563965,12.906073570251465 7.622087478637695,12.906073570251465 C7.622087478637695,12.906073570251465 7.622087478637695,12.906073570251465 7.622087478637695,12.906073570251465z M7.622087478637695,0 C3.1593029499053955,0 0,3.3149218559265137 0,8.022093772888184 C0,12.685078620910645 3.1593029499053955,16 7.622087478637695,16 C12.062784194946289,16 15.200028419494629,12.685078620910645 15.200028419494629,8.022093772888184 C15.200028419494629,3.3149218559265137 12.062784194946289,0 7.622087478637695,0 C7.622087478637695,0 7.622087478637695,0 7.622087478637695,0z%27/%3E%3Cpath transform=%27translate(103.29000091552734,0.27000001072883606)%27 d=%27 M7.405848026275635,6.873104095458984 C7.405848026275635,6.873104095458984 3.3160574436187744,6.873104095458984 3.3160574436187744,6.873104095458984 C3.3160574436187744,6.873104095458984 3.3160574436187744,2.983504056930542 3.3160574436187744,2.983504056930542 C3.3160574436187744,2.983504056930542 7.405848026275635,2.983504056930542 7.405848026275635,2.983504056930542 C9.04176139831543,2.983504056930542 9.90394115447998,3.646505117416382 9.90394115447998,4.928304195404053 C9.90394115447998,6.2101030349731445 9.04176139831543,6.873104095458984 7.405848026275635,6.873104095458984 C7.405848026275635,6.873104095458984 7.405848026275635,6.873104095458984 7.405848026275635,6.873104095458984z M7.5605998039245605,0 C7.5605998039245605,0 0,0 0,0 C0,0 0,15.470022201538086 0,15.470022201538086 C0,15.470022201538086 3.3160574436187744,15.470022201538086 3.3160574436187744,15.470022201538086 C3.3160574436187744,15.470022201538086 3.3160574436187744,9.85659408569336 3.3160574436187744,9.85659408569336 C3.3160574436187744,9.85659408569336 7.5605998039245605,9.85659408569336 7.5605998039245605,9.85659408569336 C11.07561206817627,9.85659408569336 13.219999313354492,8.000200271606445 13.219999313354492,4.928304195404053 C13.219999313354492,1.8563942909240723 11.07561206817627,0 7.5605998039245605,0 C7.5605998039245605,0 7.5605998039245605,0 7.5605998039245605,0z%27/%3E%3Cpath transform=%27translate(128.0399932861328,0)%27 d=%27 M10.914844512939453,10.5414400100708 C10.340370178222656,12.044201850891113 9.191434860229492,12.906073570251465 7.622706890106201,12.906073570251465 C5.0155181884765625,12.906073570251465 3.4246866703033447,11.049725532531738 3.4246866703033447,8.022093772888184 C3.4246866703033447,4.95027494430542 5.0155181884765625,3.0939269065856934 7.622706890106201,3.0939269065856934 C9.191434860229492,3.0939269065856934 10.340370178222656,3.9557981491088867 10.914844512939453,5.458559989929199 C10.914844512939453,5.458559989929199 14.427860260009766,5.458559989929199 14.427860260009766,5.458559989929199 C13.566211700439453,2.1436522006988525 10.981111526489258,0 7.622706890106201,0 C3.1595458984375,0 0,3.3149218559265137 0,8.022093772888184 C0,12.685078620910645 3.1595458984375,16 7.622706890106201,16 C11.003214836120605,16 13.588300704956055,13.834254264831543 14.449976921081543,10.5414400100708 C14.449976921081543,10.5414400100708 10.914844512939453,10.5414400100708 10.914844512939453,10.5414400100708 C10.914844512939453,10.5414400100708 10.914844512939453,10.5414400100708 10.914844512939453,10.5414400100708z%27/%3E%3Cpath transform=%27translate(117.83000183105469,0.27000001072883606)%27 d=%27 M0,0 C0,0 6.1677093505859375,15.470022201538086 6.1677093505859375,15.470022201538086 C6.1677093505859375,15.470022201538086 9.550004005432129,15.470022201538086 9.550004005432129,15.470022201538086 C9.550004005432129,15.470022201538086 3.382294178009033,0 3.382294178009033,0 C3.382294178009033,0 0,0 0,0 C0,0 0,0 0,0z%27/%3E%3Cpath transform=%27translate(0,0.27000001072883606)%27 d=%27 M5.824605464935303,9.348296165466309 C5.824605464935303,9.348296165466309 7.93500280380249,3.911694288253784 7.93500280380249,3.911694288253784 C7.93500280380249,3.911694288253784 10.045400619506836,9.348296165466309 10.045400619506836,9.348296165466309 C10.045400619506836,9.348296165466309 5.824605464935303,9.348296165466309 5.824605464935303,9.348296165466309 C5.824605464935303,9.348296165466309 5.824605464935303,9.348296165466309 5.824605464935303,9.348296165466309z M6.166755199432373,0 C6.166755199432373,0 0,15.470022201538086 0,15.470022201538086 C0,15.470022201538086 3.4480772018432617,15.470022201538086 3.4480772018432617,15.470022201538086 C3.4480772018432617,15.470022201538086 4.709278583526611,12.22130012512207 4.709278583526611,12.22130012512207 C4.709278583526611,12.22130012512207 11.16093635559082,12.22130012512207 11.16093635559082,12.22130012512207 C11.16093635559082,12.22130012512207 12.421928405761719,15.470022201538086 12.421928405761719,15.470022201538086 C12.421928405761719,15.470022201538086 15.87000560760498,15.470022201538086 15.87000560760498,15.470022201538086 C15.87000560760498,15.470022201538086 9.703250885009766,0 9.703250885009766,0 C9.703250885009766,0 6.166755199432373,0 6.166755199432373,0 C6.166755199432373,0 6.166755199432373,0 6.166755199432373,0z%27/%3E%3C/svg%3E\") center / contain no-repeat;",
-      "  mask: url(\"data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 143 16%27%3E%3Cpath transform=%27translate(18.299999237060547,0.27000001072883606)%27 d=%27 M10.716191291809082,10.829001426696777 C10.716191291809082,10.829001426696777 3.756195545196533,0 3.756195545196533,0 C3.756195545196533,0 0,0 0,0 C0,0 0,15.470022201538086 0,15.470022201538086 C0,15.470022201538086 3.2038140296936035,15.470022201538086 3.2038140296936035,15.470022201538086 C3.2038140296936035,15.470022201538086 3.2038140296936035,4.6410064697265625 3.2038140296936035,4.6410064697265625 C3.2038140296936035,4.6410064697265625 10.163809776306152,15.470022201538086 10.163809776306152,15.470022201538086 C10.163809776306152,15.470022201538086 13.919991493225098,15.470022201538086 13.919991493225098,15.470022201538086 C13.919991493225098,15.470022201538086 13.919991493225098,0 13.919991493225098,0 C13.919991493225098,0 10.716191291809082,0 10.716191291809082,0 C10.716191291809082,0 10.716191291809082,10.829001426696777 10.716191291809082,10.829001426696777 C10.716191291809082,10.829001426696777 10.716191291809082,10.829001426696777 10.716191291809082,10.829001426696777z%27/%3E%3Cpath transform=%27translate(34.869998931884766,0.27000001072883606)%27 d=%27 M0,2.983504056930542 C0,2.983504056930542 5.19273567199707,2.983504056930542 5.19273567199707,2.983504056930542 C5.19273567199707,2.983504056930542 5.19273567199707,15.470022201538086 5.19273567199707,15.470022201538086 C5.19273567199707,15.470022201538086 8.507256507873535,15.470022201538086 8.507256507873535,15.470022201538086 C8.507256507873535,15.470022201538086 8.507256507873535,2.983504056930542 8.507256507873535,2.983504056930542 C8.507256507873535,2.983504056930542 13.700006484985352,2.983504056930542 13.700006484985352,2.983504056930542 C13.700006484985352,2.983504056930542 13.700006484985352,0 13.700006484985352,0 C13.700006484985352,0 0,0 0,0 C0,0 0,2.983504056930542 0,2.983504056930542 C0,2.983504056930542 0,2.983504056930542 0,2.983504056930542z%27/%3E%3Cpath transform=%27translate(51.22999954223633,0.27000001072883606)%27 d=%27 M10.605714797973633,6.165900230407715 C10.605714797973633,6.165900230407715 3.3142902851104736,6.165900230407715 3.3142902851104736,6.165900230407715 C3.3142902851104736,6.165900230407715 3.3142902851104736,0 3.3142902851104736,0 C3.3142902851104736,0 0,0 0,0 C0,0 0,15.470022201538086 0,15.470022201538086 C0,15.470022201538086 3.3142902851104736,15.470022201538086 3.3142902851104736,15.470022201538086 C3.3142902851104736,15.470022201538086 3.3142902851104736,9.149404525756836 3.3142902851104736,9.149404525756836 C3.3142902851104736,9.149404525756836 10.605714797973633,9.149404525756836 10.605714797973633,9.149404525756836 C10.605714797973633,9.149404525756836 10.605714797973633,15.470022201538086 10.605714797973633,15.470022201538086 C10.605714797973633,15.470022201538086 13.919991493225098,15.470022201538086 13.919991493225098,15.470022201538086 C13.919991493225098,15.470022201538086 13.919991493225098,0 13.919991493225098,0 C13.919991493225098,0 10.605714797973633,0 10.605714797973633,0 C10.605714797973633,0 10.605714797973633,6.165900230407715 10.605714797973633,6.165900230407715 C10.605714797973633,6.165900230407715 10.605714797973633,6.165900230407715 10.605714797973633,6.165900230407715z%27/%3E%3Cpath transform=%27translate(69.23999786376953,0.27000001072883606)%27 d=%27 M3.3151700496673584,2.983504056930542 C3.3151700496673584,2.983504056930542 7.403865814208984,2.983504056930542 7.403865814208984,2.983504056930542 C9.03934097290039,2.983504056930542 9.901290893554688,3.5801939964294434 9.901290893554688,4.707304000854492 C9.901290893554688,5.834399700164795 9.03934097290039,6.431103706359863 7.403865814208984,6.431103706359863 C7.403865814208984,6.431103706359863 3.3151700496673584,6.431103706359863 3.3151700496673584,6.431103706359863 C3.3151700496673584,6.431103706359863 3.3151700496673584,2.983504056930542 3.3151700496673584,2.983504056930542 C3.3151700496673584,2.983504056930542 3.3151700496673584,2.983504056930542 3.3151700496673584,2.983504056930542z M13.216461181640625,4.707304000854492 C13.216461181640625,1.7900969982147217 11.072648048400879,0 7.558576583862305,0 C7.558576583862305,0 0,0 0,0 C0,0 0,15.470022201538086 0,15.470022201538086 C0,15.470022201538086 3.3151700496673584,15.470022201538086 3.3151700496673584,15.470022201538086 C3.3151700496673584,15.470022201538086 3.3151700496673584,9.414593696594238 3.3151700496673584,9.414593696594238 C3.3151700496673584,9.414593696594238 7.005825519561768,9.414593696594238 7.005825519561768,9.414593696594238 C7.005825519561768,9.414593696594238 10.321218490600586,15.470022201538086 10.321218490600586,15.470022201538086 C10.321218490600586,15.470022201538086 13.990056991577148,15.470022201538086 13.990056991577148,15.470022201538086 C13.990056991577148,15.470022201538086 10.319005966186523,8.953378677368164 10.319005966186523,8.953378677368164 C12.161579132080078,8.245061874389648 13.216461181640625,6.753532409667969 13.216461181640625,4.707304000854492 C13.216461181640625,4.707304000854492 13.216461181640625,4.707304000854492 13.216461181640625,4.707304000854492z%27/%3E%3Cpath transform=%27translate(84.98999786376953,0)%27 d=%27 M7.622087478637695,12.906073570251465 C5.015110492706299,12.906073570251465 3.4244225025177,11.049725532531738 3.4244225025177,8.022093772888184 C3.4244225025177,4.95027494430542 5.015110492706299,3.0939269065856934 7.622087478637695,3.0939269065856934 C10.206976890563965,3.0939269065856934 11.775577545166016,4.95027494430542 11.775577545166016,8.022093772888184 C11.775577545166016,11.049725532531738 10.206976890563965,12.906073570251465 7.622087478637695,12.906073570251465 C7.622087478637695,12.906073570251465 7.622087478637695,12.906073570251465 7.622087478637695,12.906073570251465z M7.622087478637695,0 C3.1593029499053955,0 0,3.3149218559265137 0,8.022093772888184 C0,12.685078620910645 3.1593029499053955,16 7.622087478637695,16 C12.062784194946289,16 15.200028419494629,12.685078620910645 15.200028419494629,8.022093772888184 C15.200028419494629,3.3149218559265137 12.062784194946289,0 7.622087478637695,0 C7.622087478637695,0 7.622087478637695,0 7.622087478637695,0z%27/%3E%3Cpath transform=%27translate(103.29000091552734,0.27000001072883606)%27 d=%27 M7.405848026275635,6.873104095458984 C7.405848026275635,6.873104095458984 3.3160574436187744,6.873104095458984 3.3160574436187744,6.873104095458984 C3.3160574436187744,6.873104095458984 3.3160574436187744,2.983504056930542 3.3160574436187744,2.983504056930542 C3.3160574436187744,2.983504056930542 7.405848026275635,2.983504056930542 7.405848026275635,2.983504056930542 C9.04176139831543,2.983504056930542 9.90394115447998,3.646505117416382 9.90394115447998,4.928304195404053 C9.90394115447998,6.2101030349731445 9.04176139831543,6.873104095458984 7.405848026275635,6.873104095458984 C7.405848026275635,6.873104095458984 7.405848026275635,6.873104095458984 7.405848026275635,6.873104095458984z M7.5605998039245605,0 C7.5605998039245605,0 0,0 0,0 C0,0 0,15.470022201538086 0,15.470022201538086 C0,15.470022201538086 3.3160574436187744,15.470022201538086 3.3160574436187744,15.470022201538086 C3.3160574436187744,15.470022201538086 3.3160574436187744,9.85659408569336 3.3160574436187744,9.85659408569336 C3.3160574436187744,9.85659408569336 7.5605998039245605,9.85659408569336 7.5605998039245605,9.85659408569336 C11.07561206817627,9.85659408569336 13.219999313354492,8.000200271606445 13.219999313354492,4.928304195404053 C13.219999313354492,1.8563942909240723 11.07561206817627,0 7.5605998039245605,0 C7.5605998039245605,0 7.5605998039245605,0 7.5605998039245605,0z%27/%3E%3Cpath transform=%27translate(128.0399932861328,0)%27 d=%27 M10.914844512939453,10.5414400100708 C10.340370178222656,12.044201850891113 9.191434860229492,12.906073570251465 7.622706890106201,12.906073570251465 C5.0155181884765625,12.906073570251465 3.4246866703033447,11.049725532531738 3.4246866703033447,8.022093772888184 C3.4246866703033447,4.95027494430542 5.0155181884765625,3.0939269065856934 7.622706890106201,3.0939269065856934 C9.191434860229492,3.0939269065856934 10.340370178222656,3.9557981491088867 10.914844512939453,5.458559989929199 C10.914844512939453,5.458559989929199 14.427860260009766,5.458559989929199 14.427860260009766,5.458559989929199 C13.566211700439453,2.1436522006988525 10.981111526489258,0 7.622706890106201,0 C3.1595458984375,0 0,3.3149218559265137 0,8.022093772888184 C0,12.685078620910645 3.1595458984375,16 7.622706890106201,16 C11.003214836120605,16 13.588300704956055,13.834254264831543 14.449976921081543,10.5414400100708 C14.449976921081543,10.5414400100708 10.914844512939453,10.5414400100708 10.914844512939453,10.5414400100708 C10.914844512939453,10.5414400100708 10.914844512939453,10.5414400100708 10.914844512939453,10.5414400100708z%27/%3E%3Cpath transform=%27translate(117.83000183105469,0.27000001072883606)%27 d=%27 M0,0 C0,0 6.1677093505859375,15.470022201538086 6.1677093505859375,15.470022201538086 C6.1677093505859375,15.470022201538086 9.550004005432129,15.470022201538086 9.550004005432129,15.470022201538086 C9.550004005432129,15.470022201538086 3.382294178009033,0 3.382294178009033,0 C3.382294178009033,0 0,0 0,0 C0,0 0,0 0,0z%27/%3E%3Cpath transform=%27translate(0,0.27000001072883606)%27 d=%27 M5.824605464935303,9.348296165466309 C5.824605464935303,9.348296165466309 7.93500280380249,3.911694288253784 7.93500280380249,3.911694288253784 C7.93500280380249,3.911694288253784 10.045400619506836,9.348296165466309 10.045400619506836,9.348296165466309 C10.045400619506836,9.348296165466309 5.824605464935303,9.348296165466309 5.824605464935303,9.348296165466309 C5.824605464935303,9.348296165466309 5.824605464935303,9.348296165466309 5.824605464935303,9.348296165466309z M6.166755199432373,0 C6.166755199432373,0 0,15.470022201538086 0,15.470022201538086 C0,15.470022201538086 3.4480772018432617,15.470022201538086 3.4480772018432617,15.470022201538086 C3.4480772018432617,15.470022201538086 4.709278583526611,12.22130012512207 4.709278583526611,12.22130012512207 C4.709278583526611,12.22130012512207 11.16093635559082,12.22130012512207 11.16093635559082,12.22130012512207 C11.16093635559082,12.22130012512207 12.421928405761719,15.470022201538086 12.421928405761719,15.470022201538086 C12.421928405761719,15.470022201538086 15.87000560760498,15.470022201538086 15.87000560760498,15.470022201538086 C15.87000560760498,15.470022201538086 9.703250885009766,0 9.703250885009766,0 C9.703250885009766,0 6.166755199432373,0 6.166755199432373,0 C6.166755199432373,0 6.166755199432373,0 6.166755199432373,0z%27/%3E%3C/svg%3E\") center / contain no-repeat;",
+      "  -webkit-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20143%2016'%3E%3Cpath%20transform%3D'translate(18.299999237060547%2C0.27000001072883606)'%20d%3D'%20M10.716191291809082%2C10.829001426696777%20C10.716191291809082%2C10.829001426696777%203.756195545196533%2C0%203.756195545196533%2C0%20C3.756195545196533%2C0%200%2C0%200%2C0%20C0%2C0%200%2C15.470022201538086%200%2C15.470022201538086%20C0%2C15.470022201538086%203.2038140296936035%2C15.470022201538086%203.2038140296936035%2C15.470022201538086%20C3.2038140296936035%2C15.470022201538086%203.2038140296936035%2C4.6410064697265625%203.2038140296936035%2C4.6410064697265625%20C3.2038140296936035%2C4.6410064697265625%2010.163809776306152%2C15.470022201538086%2010.163809776306152%2C15.470022201538086%20C10.163809776306152%2C15.470022201538086%2013.919991493225098%2C15.470022201538086%2013.919991493225098%2C15.470022201538086%20C13.919991493225098%2C15.470022201538086%2013.919991493225098%2C0%2013.919991493225098%2C0%20C13.919991493225098%2C0%2010.716191291809082%2C0%2010.716191291809082%2C0%20C10.716191291809082%2C0%2010.716191291809082%2C10.829001426696777%2010.716191291809082%2C10.829001426696777%20C10.716191291809082%2C10.829001426696777%2010.716191291809082%2C10.829001426696777%2010.716191291809082%2C10.829001426696777z'%2F%3E%3Cpath%20transform%3D'translate(34.869998931884766%2C0.27000001072883606)'%20d%3D'%20M0%2C2.983504056930542%20C0%2C2.983504056930542%205.19273567199707%2C2.983504056930542%205.19273567199707%2C2.983504056930542%20C5.19273567199707%2C2.983504056930542%205.19273567199707%2C15.470022201538086%205.19273567199707%2C15.470022201538086%20C5.19273567199707%2C15.470022201538086%208.507256507873535%2C15.470022201538086%208.507256507873535%2C15.470022201538086%20C8.507256507873535%2C15.470022201538086%208.507256507873535%2C2.983504056930542%208.507256507873535%2C2.983504056930542%20C8.507256507873535%2C2.983504056930542%2013.700006484985352%2C2.983504056930542%2013.700006484985352%2C2.983504056930542%20C13.700006484985352%2C2.983504056930542%2013.700006484985352%2C0%2013.700006484985352%2C0%20C13.700006484985352%2C0%200%2C0%200%2C0%20C0%2C0%200%2C2.983504056930542%200%2C2.983504056930542%20C0%2C2.983504056930542%200%2C2.983504056930542%200%2C2.983504056930542z'%2F%3E%3Cpath%20transform%3D'translate(51.22999954223633%2C0.27000001072883606)'%20d%3D'%20M10.605714797973633%2C6.165900230407715%20C10.605714797973633%2C6.165900230407715%203.3142902851104736%2C6.165900230407715%203.3142902851104736%2C6.165900230407715%20C3.3142902851104736%2C6.165900230407715%203.3142902851104736%2C0%203.3142902851104736%2C0%20C3.3142902851104736%2C0%200%2C0%200%2C0%20C0%2C0%200%2C15.470022201538086%200%2C15.470022201538086%20C0%2C15.470022201538086%203.3142902851104736%2C15.470022201538086%203.3142902851104736%2C15.470022201538086%20C3.3142902851104736%2C15.470022201538086%203.3142902851104736%2C9.149404525756836%203.3142902851104736%2C9.149404525756836%20C3.3142902851104736%2C9.149404525756836%2010.605714797973633%2C9.149404525756836%2010.605714797973633%2C9.149404525756836%20C10.605714797973633%2C9.149404525756836%2010.605714797973633%2C15.470022201538086%2010.605714797973633%2C15.470022201538086%20C10.605714797973633%2C15.470022201538086%2013.919991493225098%2C15.470022201538086%2013.919991493225098%2C15.470022201538086%20C13.919991493225098%2C15.470022201538086%2013.919991493225098%2C0%2013.919991493225098%2C0%20C13.919991493225098%2C0%2010.605714797973633%2C0%2010.605714797973633%2C0%20C10.605714797973633%2C0%2010.605714797973633%2C6.165900230407715%2010.605714797973633%2C6.165900230407715%20C10.605714797973633%2C6.165900230407715%2010.605714797973633%2C6.165900230407715%2010.605714797973633%2C6.165900230407715z'%2F%3E%3Cpath%20transform%3D'translate(69.23999786376953%2C0.27000001072883606)'%20d%3D'%20M3.3151700496673584%2C2.983504056930542%20C3.3151700496673584%2C2.983504056930542%207.403865814208984%2C2.983504056930542%207.403865814208984%2C2.983504056930542%20C9.03934097290039%2C2.983504056930542%209.901290893554688%2C3.5801939964294434%209.901290893554688%2C4.707304000854492%20C9.901290893554688%2C5.834399700164795%209.03934097290039%2C6.431103706359863%207.403865814208984%2C6.431103706359863%20C7.403865814208984%2C6.431103706359863%203.3151700496673584%2C6.431103706359863%203.3151700496673584%2C6.431103706359863%20C3.3151700496673584%2C6.431103706359863%203.3151700496673584%2C2.983504056930542%203.3151700496673584%2C2.983504056930542%20C3.3151700496673584%2C2.983504056930542%203.3151700496673584%2C2.983504056930542%203.3151700496673584%2C2.983504056930542z%20M13.216461181640625%2C4.707304000854492%20C13.216461181640625%2C1.7900969982147217%2011.072648048400879%2C0%207.558576583862305%2C0%20C7.558576583862305%2C0%200%2C0%200%2C0%20C0%2C0%200%2C15.470022201538086%200%2C15.470022201538086%20C0%2C15.470022201538086%203.3151700496673584%2C15.470022201538086%203.3151700496673584%2C15.470022201538086%20C3.3151700496673584%2C15.470022201538086%203.3151700496673584%2C9.414593696594238%203.3151700496673584%2C9.414593696594238%20C3.3151700496673584%2C9.414593696594238%207.005825519561768%2C9.414593696594238%207.005825519561768%2C9.414593696594238%20C7.005825519561768%2C9.414593696594238%2010.321218490600586%2C15.470022201538086%2010.321218490600586%2C15.470022201538086%20C10.321218490600586%2C15.470022201538086%2013.990056991577148%2C15.470022201538086%2013.990056991577148%2C15.470022201538086%20C13.990056991577148%2C15.470022201538086%2010.319005966186523%2C8.953378677368164%2010.319005966186523%2C8.953378677368164%20C12.161579132080078%2C8.245061874389648%2013.216461181640625%2C6.753532409667969%2013.216461181640625%2C4.707304000854492%20C13.216461181640625%2C4.707304000854492%2013.216461181640625%2C4.707304000854492%2013.216461181640625%2C4.707304000854492z'%2F%3E%3Cpath%20transform%3D'translate(84.98999786376953%2C0)'%20d%3D'%20M7.622087478637695%2C12.906073570251465%20C5.015110492706299%2C12.906073570251465%203.4244225025177%2C11.049725532531738%203.4244225025177%2C8.022093772888184%20C3.4244225025177%2C4.95027494430542%205.015110492706299%2C3.0939269065856934%207.622087478637695%2C3.0939269065856934%20C10.206976890563965%2C3.0939269065856934%2011.775577545166016%2C4.95027494430542%2011.775577545166016%2C8.022093772888184%20C11.775577545166016%2C11.049725532531738%2010.206976890563965%2C12.906073570251465%207.622087478637695%2C12.906073570251465%20C7.622087478637695%2C12.906073570251465%207.622087478637695%2C12.906073570251465%207.622087478637695%2C12.906073570251465z%20M7.622087478637695%2C0%20C3.1593029499053955%2C0%200%2C3.3149218559265137%200%2C8.022093772888184%20C0%2C12.685078620910645%203.1593029499053955%2C16%207.622087478637695%2C16%20C12.062784194946289%2C16%2015.200028419494629%2C12.685078620910645%2015.200028419494629%2C8.022093772888184%20C15.200028419494629%2C3.3149218559265137%2012.062784194946289%2C0%207.622087478637695%2C0%20C7.622087478637695%2C0%207.622087478637695%2C0%207.622087478637695%2C0z'%2F%3E%3Cpath%20transform%3D'translate(103.29000091552734%2C0.27000001072883606)'%20d%3D'%20M7.405848026275635%2C6.873104095458984%20C7.405848026275635%2C6.873104095458984%203.3160574436187744%2C6.873104095458984%203.3160574436187744%2C6.873104095458984%20C3.3160574436187744%2C6.873104095458984%203.3160574436187744%2C2.983504056930542%203.3160574436187744%2C2.983504056930542%20C3.3160574436187744%2C2.983504056930542%207.405848026275635%2C2.983504056930542%207.405848026275635%2C2.983504056930542%20C9.04176139831543%2C2.983504056930542%209.90394115447998%2C3.646505117416382%209.90394115447998%2C4.928304195404053%20C9.90394115447998%2C6.2101030349731445%209.04176139831543%2C6.873104095458984%207.405848026275635%2C6.873104095458984%20C7.405848026275635%2C6.873104095458984%207.405848026275635%2C6.873104095458984%207.405848026275635%2C6.873104095458984z%20M7.5605998039245605%2C0%20C7.5605998039245605%2C0%200%2C0%200%2C0%20C0%2C0%200%2C15.470022201538086%200%2C15.470022201538086%20C0%2C15.470022201538086%203.3160574436187744%2C15.470022201538086%203.3160574436187744%2C15.470022201538086%20C3.3160574436187744%2C15.470022201538086%203.3160574436187744%2C9.85659408569336%203.3160574436187744%2C9.85659408569336%20C3.3160574436187744%2C9.85659408569336%207.5605998039245605%2C9.85659408569336%207.5605998039245605%2C9.85659408569336%20C11.07561206817627%2C9.85659408569336%2013.219999313354492%2C8.000200271606445%2013.219999313354492%2C4.928304195404053%20C13.219999313354492%2C1.8563942909240723%2011.07561206817627%2C0%207.5605998039245605%2C0%20C7.5605998039245605%2C0%207.5605998039245605%2C0%207.5605998039245605%2C0z'%2F%3E%3Cpath%20transform%3D'translate(128.0399932861328%2C0)'%20d%3D'%20M10.914844512939453%2C10.5414400100708%20C10.340370178222656%2C12.044201850891113%209.191434860229492%2C12.906073570251465%207.622706890106201%2C12.906073570251465%20C5.0155181884765625%2C12.906073570251465%203.4246866703033447%2C11.049725532531738%203.4246866703033447%2C8.022093772888184%20C3.4246866703033447%2C4.95027494430542%205.0155181884765625%2C3.0939269065856934%207.622706890106201%2C3.0939269065856934%20C9.191434860229492%2C3.0939269065856934%2010.340370178222656%2C3.9557981491088867%2010.914844512939453%2C5.458559989929199%20C10.914844512939453%2C5.458559989929199%2014.427860260009766%2C5.458559989929199%2014.427860260009766%2C5.458559989929199%20C13.566211700439453%2C2.1436522006988525%2010.981111526489258%2C0%207.622706890106201%2C0%20C3.1595458984375%2C0%200%2C3.3149218559265137%200%2C8.022093772888184%20C0%2C12.685078620910645%203.1595458984375%2C16%207.622706890106201%2C16%20C11.003214836120605%2C16%2013.588300704956055%2C13.834254264831543%2014.449976921081543%2C10.5414400100708%20C14.449976921081543%2C10.5414400100708%2010.914844512939453%2C10.5414400100708%2010.914844512939453%2C10.5414400100708%20C10.914844512939453%2C10.5414400100708%2010.914844512939453%2C10.5414400100708%2010.914844512939453%2C10.5414400100708z'%2F%3E%3Cpath%20transform%3D'translate(117.83000183105469%2C0.27000001072883606)'%20d%3D'%20M0%2C0%20C0%2C0%206.1677093505859375%2C15.470022201538086%206.1677093505859375%2C15.470022201538086%20C6.1677093505859375%2C15.470022201538086%209.550004005432129%2C15.470022201538086%209.550004005432129%2C15.470022201538086%20C9.550004005432129%2C15.470022201538086%203.382294178009033%2C0%203.382294178009033%2C0%20C3.382294178009033%2C0%200%2C0%200%2C0%20C0%2C0%200%2C0%200%2C0z'%2F%3E%3Cpath%20transform%3D'translate(0%2C0.27000001072883606)'%20d%3D'%20M5.824605464935303%2C9.348296165466309%20C5.824605464935303%2C9.348296165466309%207.93500280380249%2C3.911694288253784%207.93500280380249%2C3.911694288253784%20C7.93500280380249%2C3.911694288253784%2010.045400619506836%2C9.348296165466309%2010.045400619506836%2C9.348296165466309%20C10.045400619506836%2C9.348296165466309%205.824605464935303%2C9.348296165466309%205.824605464935303%2C9.348296165466309%20C5.824605464935303%2C9.348296165466309%205.824605464935303%2C9.348296165466309%205.824605464935303%2C9.348296165466309z%20M6.166755199432373%2C0%20C6.166755199432373%2C0%200%2C15.470022201538086%200%2C15.470022201538086%20C0%2C15.470022201538086%203.4480772018432617%2C15.470022201538086%203.4480772018432617%2C15.470022201538086%20C3.4480772018432617%2C15.470022201538086%204.709278583526611%2C12.22130012512207%204.709278583526611%2C12.22130012512207%20C4.709278583526611%2C12.22130012512207%2011.16093635559082%2C12.22130012512207%2011.16093635559082%2C12.22130012512207%20C11.16093635559082%2C12.22130012512207%2012.421928405761719%2C15.470022201538086%2012.421928405761719%2C15.470022201538086%20C12.421928405761719%2C15.470022201538086%2015.87000560760498%2C15.470022201538086%2015.87000560760498%2C15.470022201538086%20C15.87000560760498%2C15.470022201538086%209.703250885009766%2C0%209.703250885009766%2C0%20C9.703250885009766%2C0%206.166755199432373%2C0%206.166755199432373%2C0%20C6.166755199432373%2C0%206.166755199432373%2C0%206.166755199432373%2C0z'%2F%3E%3C%2Fsvg%3E\") center / contain no-repeat;",
+      "  mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20143%2016'%3E%3Cpath%20transform%3D'translate(18.299999237060547%2C0.27000001072883606)'%20d%3D'%20M10.716191291809082%2C10.829001426696777%20C10.716191291809082%2C10.829001426696777%203.756195545196533%2C0%203.756195545196533%2C0%20C3.756195545196533%2C0%200%2C0%200%2C0%20C0%2C0%200%2C15.470022201538086%200%2C15.470022201538086%20C0%2C15.470022201538086%203.2038140296936035%2C15.470022201538086%203.2038140296936035%2C15.470022201538086%20C3.2038140296936035%2C15.470022201538086%203.2038140296936035%2C4.6410064697265625%203.2038140296936035%2C4.6410064697265625%20C3.2038140296936035%2C4.6410064697265625%2010.163809776306152%2C15.470022201538086%2010.163809776306152%2C15.470022201538086%20C10.163809776306152%2C15.470022201538086%2013.919991493225098%2C15.470022201538086%2013.919991493225098%2C15.470022201538086%20C13.919991493225098%2C15.470022201538086%2013.919991493225098%2C0%2013.919991493225098%2C0%20C13.919991493225098%2C0%2010.716191291809082%2C0%2010.716191291809082%2C0%20C10.716191291809082%2C0%2010.716191291809082%2C10.829001426696777%2010.716191291809082%2C10.829001426696777%20C10.716191291809082%2C10.829001426696777%2010.716191291809082%2C10.829001426696777%2010.716191291809082%2C10.829001426696777z'%2F%3E%3Cpath%20transform%3D'translate(34.869998931884766%2C0.27000001072883606)'%20d%3D'%20M0%2C2.983504056930542%20C0%2C2.983504056930542%205.19273567199707%2C2.983504056930542%205.19273567199707%2C2.983504056930542%20C5.19273567199707%2C2.983504056930542%205.19273567199707%2C15.470022201538086%205.19273567199707%2C15.470022201538086%20C5.19273567199707%2C15.470022201538086%208.507256507873535%2C15.470022201538086%208.507256507873535%2C15.470022201538086%20C8.507256507873535%2C15.470022201538086%208.507256507873535%2C2.983504056930542%208.507256507873535%2C2.983504056930542%20C8.507256507873535%2C2.983504056930542%2013.700006484985352%2C2.983504056930542%2013.700006484985352%2C2.983504056930542%20C13.700006484985352%2C2.983504056930542%2013.700006484985352%2C0%2013.700006484985352%2C0%20C13.700006484985352%2C0%200%2C0%200%2C0%20C0%2C0%200%2C2.983504056930542%200%2C2.983504056930542%20C0%2C2.983504056930542%200%2C2.983504056930542%200%2C2.983504056930542z'%2F%3E%3Cpath%20transform%3D'translate(51.22999954223633%2C0.27000001072883606)'%20d%3D'%20M10.605714797973633%2C6.165900230407715%20C10.605714797973633%2C6.165900230407715%203.3142902851104736%2C6.165900230407715%203.3142902851104736%2C6.165900230407715%20C3.3142902851104736%2C6.165900230407715%203.3142902851104736%2C0%203.3142902851104736%2C0%20C3.3142902851104736%2C0%200%2C0%200%2C0%20C0%2C0%200%2C15.470022201538086%200%2C15.470022201538086%20C0%2C15.470022201538086%203.3142902851104736%2C15.470022201538086%203.3142902851104736%2C15.470022201538086%20C3.3142902851104736%2C15.470022201538086%203.3142902851104736%2C9.149404525756836%203.3142902851104736%2C9.149404525756836%20C3.3142902851104736%2C9.149404525756836%2010.605714797973633%2C9.149404525756836%2010.605714797973633%2C9.149404525756836%20C10.605714797973633%2C9.149404525756836%2010.605714797973633%2C15.470022201538086%2010.605714797973633%2C15.470022201538086%20C10.605714797973633%2C15.470022201538086%2013.919991493225098%2C15.470022201538086%2013.919991493225098%2C15.470022201538086%20C13.919991493225098%2C15.470022201538086%2013.919991493225098%2C0%2013.919991493225098%2C0%20C13.919991493225098%2C0%2010.605714797973633%2C0%2010.605714797973633%2C0%20C10.605714797973633%2C0%2010.605714797973633%2C6.165900230407715%2010.605714797973633%2C6.165900230407715%20C10.605714797973633%2C6.165900230407715%2010.605714797973633%2C6.165900230407715%2010.605714797973633%2C6.165900230407715z'%2F%3E%3Cpath%20transform%3D'translate(69.23999786376953%2C0.27000001072883606)'%20d%3D'%20M3.3151700496673584%2C2.983504056930542%20C3.3151700496673584%2C2.983504056930542%207.403865814208984%2C2.983504056930542%207.403865814208984%2C2.983504056930542%20C9.03934097290039%2C2.983504056930542%209.901290893554688%2C3.5801939964294434%209.901290893554688%2C4.707304000854492%20C9.901290893554688%2C5.834399700164795%209.03934097290039%2C6.431103706359863%207.403865814208984%2C6.431103706359863%20C7.403865814208984%2C6.431103706359863%203.3151700496673584%2C6.431103706359863%203.3151700496673584%2C6.431103706359863%20C3.3151700496673584%2C6.431103706359863%203.3151700496673584%2C2.983504056930542%203.3151700496673584%2C2.983504056930542%20C3.3151700496673584%2C2.983504056930542%203.3151700496673584%2C2.983504056930542%203.3151700496673584%2C2.983504056930542z%20M13.216461181640625%2C4.707304000854492%20C13.216461181640625%2C1.7900969982147217%2011.072648048400879%2C0%207.558576583862305%2C0%20C7.558576583862305%2C0%200%2C0%200%2C0%20C0%2C0%200%2C15.470022201538086%200%2C15.470022201538086%20C0%2C15.470022201538086%203.3151700496673584%2C15.470022201538086%203.3151700496673584%2C15.470022201538086%20C3.3151700496673584%2C15.470022201538086%203.3151700496673584%2C9.414593696594238%203.3151700496673584%2C9.414593696594238%20C3.3151700496673584%2C9.414593696594238%207.005825519561768%2C9.414593696594238%207.005825519561768%2C9.414593696594238%20C7.005825519561768%2C9.414593696594238%2010.321218490600586%2C15.470022201538086%2010.321218490600586%2C15.470022201538086%20C10.321218490600586%2C15.470022201538086%2013.990056991577148%2C15.470022201538086%2013.990056991577148%2C15.470022201538086%20C13.990056991577148%2C15.470022201538086%2010.319005966186523%2C8.953378677368164%2010.319005966186523%2C8.953378677368164%20C12.161579132080078%2C8.245061874389648%2013.216461181640625%2C6.753532409667969%2013.216461181640625%2C4.707304000854492%20C13.216461181640625%2C4.707304000854492%2013.216461181640625%2C4.707304000854492%2013.216461181640625%2C4.707304000854492z'%2F%3E%3Cpath%20transform%3D'translate(84.98999786376953%2C0)'%20d%3D'%20M7.622087478637695%2C12.906073570251465%20C5.015110492706299%2C12.906073570251465%203.4244225025177%2C11.049725532531738%203.4244225025177%2C8.022093772888184%20C3.4244225025177%2C4.95027494430542%205.015110492706299%2C3.0939269065856934%207.622087478637695%2C3.0939269065856934%20C10.206976890563965%2C3.0939269065856934%2011.775577545166016%2C4.95027494430542%2011.775577545166016%2C8.022093772888184%20C11.775577545166016%2C11.049725532531738%2010.206976890563965%2C12.906073570251465%207.622087478637695%2C12.906073570251465%20C7.622087478637695%2C12.906073570251465%207.622087478637695%2C12.906073570251465%207.622087478637695%2C12.906073570251465z%20M7.622087478637695%2C0%20C3.1593029499053955%2C0%200%2C3.3149218559265137%200%2C8.022093772888184%20C0%2C12.685078620910645%203.1593029499053955%2C16%207.622087478637695%2C16%20C12.062784194946289%2C16%2015.200028419494629%2C12.685078620910645%2015.200028419494629%2C8.022093772888184%20C15.200028419494629%2C3.3149218559265137%2012.062784194946289%2C0%207.622087478637695%2C0%20C7.622087478637695%2C0%207.622087478637695%2C0%207.622087478637695%2C0z'%2F%3E%3Cpath%20transform%3D'translate(103.29000091552734%2C0.27000001072883606)'%20d%3D'%20M7.405848026275635%2C6.873104095458984%20C7.405848026275635%2C6.873104095458984%203.3160574436187744%2C6.873104095458984%203.3160574436187744%2C6.873104095458984%20C3.3160574436187744%2C6.873104095458984%203.3160574436187744%2C2.983504056930542%203.3160574436187744%2C2.983504056930542%20C3.3160574436187744%2C2.983504056930542%207.405848026275635%2C2.983504056930542%207.405848026275635%2C2.983504056930542%20C9.04176139831543%2C2.983504056930542%209.90394115447998%2C3.646505117416382%209.90394115447998%2C4.928304195404053%20C9.90394115447998%2C6.2101030349731445%209.04176139831543%2C6.873104095458984%207.405848026275635%2C6.873104095458984%20C7.405848026275635%2C6.873104095458984%207.405848026275635%2C6.873104095458984%207.405848026275635%2C6.873104095458984z%20M7.5605998039245605%2C0%20C7.5605998039245605%2C0%200%2C0%200%2C0%20C0%2C0%200%2C15.470022201538086%200%2C15.470022201538086%20C0%2C15.470022201538086%203.3160574436187744%2C15.470022201538086%203.3160574436187744%2C15.470022201538086%20C3.3160574436187744%2C15.470022201538086%203.3160574436187744%2C9.85659408569336%203.3160574436187744%2C9.85659408569336%20C3.3160574436187744%2C9.85659408569336%207.5605998039245605%2C9.85659408569336%207.5605998039245605%2C9.85659408569336%20C11.07561206817627%2C9.85659408569336%2013.219999313354492%2C8.000200271606445%2013.219999313354492%2C4.928304195404053%20C13.219999313354492%2C1.8563942909240723%2011.07561206817627%2C0%207.5605998039245605%2C0%20C7.5605998039245605%2C0%207.5605998039245605%2C0%207.5605998039245605%2C0z'%2F%3E%3Cpath%20transform%3D'translate(128.0399932861328%2C0)'%20d%3D'%20M10.914844512939453%2C10.5414400100708%20C10.340370178222656%2C12.044201850891113%209.191434860229492%2C12.906073570251465%207.622706890106201%2C12.906073570251465%20C5.0155181884765625%2C12.906073570251465%203.4246866703033447%2C11.049725532531738%203.4246866703033447%2C8.022093772888184%20C3.4246866703033447%2C4.95027494430542%205.0155181884765625%2C3.0939269065856934%207.622706890106201%2C3.0939269065856934%20C9.191434860229492%2C3.0939269065856934%2010.340370178222656%2C3.9557981491088867%2010.914844512939453%2C5.458559989929199%20C10.914844512939453%2C5.458559989929199%2014.427860260009766%2C5.458559989929199%2014.427860260009766%2C5.458559989929199%20C13.566211700439453%2C2.1436522006988525%2010.981111526489258%2C0%207.622706890106201%2C0%20C3.1595458984375%2C0%200%2C3.3149218559265137%200%2C8.022093772888184%20C0%2C12.685078620910645%203.1595458984375%2C16%207.622706890106201%2C16%20C11.003214836120605%2C16%2013.588300704956055%2C13.834254264831543%2014.449976921081543%2C10.5414400100708%20C14.449976921081543%2C10.5414400100708%2010.914844512939453%2C10.5414400100708%2010.914844512939453%2C10.5414400100708%20C10.914844512939453%2C10.5414400100708%2010.914844512939453%2C10.5414400100708%2010.914844512939453%2C10.5414400100708z'%2F%3E%3Cpath%20transform%3D'translate(117.83000183105469%2C0.27000001072883606)'%20d%3D'%20M0%2C0%20C0%2C0%206.1677093505859375%2C15.470022201538086%206.1677093505859375%2C15.470022201538086%20C6.1677093505859375%2C15.470022201538086%209.550004005432129%2C15.470022201538086%209.550004005432129%2C15.470022201538086%20C9.550004005432129%2C15.470022201538086%203.382294178009033%2C0%203.382294178009033%2C0%20C3.382294178009033%2C0%200%2C0%200%2C0%20C0%2C0%200%2C0%200%2C0z'%2F%3E%3Cpath%20transform%3D'translate(0%2C0.27000001072883606)'%20d%3D'%20M5.824605464935303%2C9.348296165466309%20C5.824605464935303%2C9.348296165466309%207.93500280380249%2C3.911694288253784%207.93500280380249%2C3.911694288253784%20C7.93500280380249%2C3.911694288253784%2010.045400619506836%2C9.348296165466309%2010.045400619506836%2C9.348296165466309%20C10.045400619506836%2C9.348296165466309%205.824605464935303%2C9.348296165466309%205.824605464935303%2C9.348296165466309%20C5.824605464935303%2C9.348296165466309%205.824605464935303%2C9.348296165466309%205.824605464935303%2C9.348296165466309z%20M6.166755199432373%2C0%20C6.166755199432373%2C0%200%2C15.470022201538086%200%2C15.470022201538086%20C0%2C15.470022201538086%203.4480772018432617%2C15.470022201538086%203.4480772018432617%2C15.470022201538086%20C3.4480772018432617%2C15.470022201538086%204.709278583526611%2C12.22130012512207%204.709278583526611%2C12.22130012512207%20C4.709278583526611%2C12.22130012512207%2011.16093635559082%2C12.22130012512207%2011.16093635559082%2C12.22130012512207%20C11.16093635559082%2C12.22130012512207%2012.421928405761719%2C15.470022201538086%2012.421928405761719%2C15.470022201538086%20C12.421928405761719%2C15.470022201538086%2015.87000560760498%2C15.470022201538086%2015.87000560760498%2C15.470022201538086%20C15.87000560760498%2C15.470022201538086%209.703250885009766%2C0%209.703250885009766%2C0%20C9.703250885009766%2C0%206.166755199432373%2C0%206.166755199432373%2C0%20C6.166755199432373%2C0%206.166755199432373%2C0%206.166755199432373%2C0z'%2F%3E%3C%2Fsvg%3E\") center / contain no-repeat;",
       "}",
       "",
       "/* ---------- Claude Code layout: new session button ---------- */",
@@ -1557,8 +1843,8 @@ window.__ModuleLoader__.load({
       "/* ---------- Claude Code layout: permission segments ---------- */",
       "/* The shipped access control is one popup-select button; it is replaced by",
       "   a Read | Edit | Auto segmented control over the same three presets. */",
-      "body[data-dsh-claude-style] button[aria-label^=\"访问模式\"],",
-      "body[data-dsh-claude-style] button[aria-label^=\"Access mode\"] {",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] button[aria-label^=\"访问模式\"],",
+      "body[data-dsh-claude-style][data-dsh-claude-composer-active] button[aria-label^=\"Access mode\"] {",
       "  display: none !important;",
       "}",
       "",
@@ -1669,7 +1955,9 @@ window.__ModuleLoader__.load({
       "  z-index: 99999 !important;",
       "  display: flex !important;",
       "  flex-direction: column !important;",
-      "  gap: 2px !important;",
+      "  /* Two-line preset rows (label + description) need air between them: the",
+      "     2px gap read as one solid block, so each row is separated by 6px. */",
+      "  gap: 6px !important;",
       "  opacity: 0 !important;",
       "  pointer-events: none !important;",
       "  transform: translateY(4px) scale(0.98) !important;",
@@ -1724,7 +2012,7 @@ window.__ModuleLoader__.load({
       "body[data-dsh-claude-style] .dsh-claude-account-avatar {",
       "  width: 18px;",
       "  height: 18px;",
-      "  background: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.709 15.955l4.72-2.647.08-.23-.08-.128H9.2l-.79-.048-2.698-.073-2.339-.097-2.266-.122-.571-.121L0 11.784l.055-.352.48-.321.686.06 1.52.103 2.278.158 1.652.097 2.449.255h.389l.055-.157-.134-.098-.103-.097-2.358-1.596-2.552-1.688-1.336-.972-.724-.491-.364-.462-.158-1.008.656-.722.881.06.225.061.893.686 1.908 1.476 2.491 1.833.365.304.145-.103.019-.073-.164-.274-1.355-2.446-1.446-2.49-.644-1.032-.17-.619a2.97 2.97 0 01-.104-.729L6.283.134 6.696 0l.996.134.42.364.62 1.414 1.002 2.229 1.555 3.03.456.898.243.832.091.255h.158V9.01l.128-1.706.237-2.095.23-2.695.08-.76.376-.91.747-.492.584.28.48.685-.067.444-.286 1.851-.559 2.903-.364 1.942h.212l.243-.242.985-1.306 1.652-2.064.73-.82.85-.904.547-.431h1.033l.76 1.129-.34 1.166-1.064 1.347-.881 1.142-1.264 1.7-.79 1.36.073.11.188-.02 2.856-.606 1.543-.28 1.841-.315.833.388.091.395-.328.807-1.969.486-2.309.462-3.439.813-.042.03.049.061 1.549.146.662.036h1.622l3.02.225.79.522.474.638-.079.485-1.215.62-1.64-.389-3.829-.91-1.312-.329h-.182v.11l1.093 1.068 2.006 1.81 2.509 2.33.127.578-.322.455-.34-.049-2.205-1.657-.851-.747-1.926-1.62h-.128v.17l.444.649 2.345 3.521.122 1.08-.17.353-.608.213-.668-.122-1.374-1.925-1.415-2.167-1.143-1.943-.14.08-.674 7.254-.316.37-.729.28-.607-.461-.322-.747.322-1.476.389-1.924.315-1.53.286-1.9.17-.632-.012-.042-.14.018-1.434 1.967-2.18 2.945-1.726 1.845-.414.164-.717-.37.067-.662.401-.589 2.388-3.036 1.44-1.882.93-1.086-.006-.158h-.055L4.132 18.56l-1.13.146-.487-.456.061-.746.231-.243 1.908-1.312-.006.006z' fill='%23D97757'/%3E%3C/svg%3E\") center / contain no-repeat;",
+      "  background: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M4.709%2015.955l4.72-2.647.08-.23-.08-.128H9.2l-.79-.048-2.698-.073-2.339-.097-2.266-.122-.571-.121L0%2011.784l.055-.352.48-.321.686.06%201.52.103%202.278.158%201.652.097%202.449.255h.389l.055-.157-.134-.098-.103-.097-2.358-1.596-2.552-1.688-1.336-.972-.724-.491-.364-.462-.158-1.008.656-.722.881.06.225.061.893.686%201.908%201.476%202.491%201.833.365.304.145-.103.019-.073-.164-.274-1.355-2.446-1.446-2.49-.644-1.032-.17-.619a2.97%202.97%200%2001-.104-.729L6.283.134%206.696%200l.996.134.42.364.62%201.414%201.002%202.229%201.555%203.03.456.898.243.832.091.255h.158V9.01l.128-1.706.237-2.095.23-2.695.08-.76.376-.91.747-.492.584.28.48.685-.067.444-.286%201.851-.559%202.903-.364%201.942h.212l.243-.242.985-1.306%201.652-2.064.73-.82.85-.904.547-.431h1.033l.76%201.129-.34%201.166-1.064%201.347-.881%201.142-1.264%201.7-.79%201.36.073.11.188-.02%202.856-.606%201.543-.28%201.841-.315.833.388.091.395-.328.807-1.969.486-2.309.462-3.439.813-.042.03.049.061%201.549.146.662.036h1.622l3.02.225.79.522.474.638-.079.485-1.215.62-1.64-.389-3.829-.91-1.312-.329h-.182v.11l1.093%201.068%202.006%201.81%202.509%202.33.127.578-.322.455-.34-.049-2.205-1.657-.851-.747-1.926-1.62h-.128v.17l.444.649%202.345%203.521.122%201.08-.17.353-.608.213-.668-.122-1.374-1.925-1.415-2.167-1.143-1.943-.14.08-.674%207.254-.316.37-.729.28-.607-.461-.322-.747.322-1.476.389-1.924.315-1.53.286-1.9.17-.632-.012-.042-.14.018-1.434%201.967-2.18%202.945-1.726%201.845-.414.164-.717-.37.067-.662.401-.589%202.388-3.036%201.44-1.882.93-1.086-.006-.158h-.055L4.132%2018.56l-1.13.146-.487-.456.061-.746.231-.243%201.908-1.312-.006.006z'%20fill%3D'%23D97757'%2F%3E%3C%2Fsvg%3E\") center / contain no-repeat;",
       "  flex: none;",
       "  margin-right: 8px;",
       "}",
@@ -1812,6 +2100,149 @@ window.__ModuleLoader__.load({
       "  background: transparent;",
       "}",
       "",
+      "/* ---------- Claude Code layout: model picker ---------- */",
+      "/* Replaces the host's two-pane model menu: level 1 carries the current",
+      "   provider's models, a divider, the effort row and a More models row; both",
+      "   rows open their level 2 beside this popover. Container metrics mirror the",
+      "   permission popover so the two read as one design. */",
+      "body[data-dsh-claude-style] .dsh-claude-model-popover {",
+      "  position: fixed !important;",
+      "  min-width: 248px !important;",
+      "  max-width: min(360px, calc(100vw - 16px)) !important;",
+      "  max-height: min(440px, calc(100vh - 96px)) !important;",
+      "  overflow-y: auto !important;",
+      "  background: var(--dsw-alias-bg-overlay, #ffffff) !important;",
+      "  border: 1px solid var(--dsw-alias-border-l1, #e8e6dc) !important;",
+      "  border-radius: 12px !important;",
+      "  box-shadow: 0 8px 30px rgba(20, 20, 19, 0.12), 0 2px 8px rgba(20, 20, 19, 0.06) !important;",
+      "  padding: 6px !important;",
+      "  box-sizing: border-box !important;",
+      "  z-index: 99999 !important;",
+      "  display: flex !important;",
+      "  flex-direction: column !important;",
+      "  gap: 6px !important;",
+      "  opacity: 0 !important;",
+      "  pointer-events: none !important;",
+      "  transform: translateY(4px) scale(0.98) !important;",
+      "  transform-origin: bottom right !important;",
+      "  transition: opacity 0.15s ease, transform 0.15s ease !important;",
+      "}",
+      "body[data-dsh-claude-style] .dsh-claude-model-popover[data-open=\"true\"] {",
+      "  opacity: 1 !important;",
+      "  pointer-events: auto !important;",
+      "  transform: translateY(0) scale(1) !important;",
+      "}",
+      "body[data-dsh-claude-style][data-ds-dark-theme] .dsh-claude-model-popover {",
+      "  background: #1e1e1d !important;",
+      "  border-color: #2e2c29 !important;",
+      "  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5), 0 2px 8px rgba(0, 0, 0, 0.3) !important;",
+      "}",
+      "body[data-dsh-claude-style] .dsh-claude-model-popover-body {",
+      "  display: flex !important;",
+      "  flex-direction: column !important;",
+      "  gap: 6px !important;",
+      "  min-width: 0 !important;",
+      "}",
+      "body[data-dsh-claude-style] .dsh-claude-model-status {",
+      "  color: var(--dsw-alias-label-tertiary, #8f8d84) !important;",
+      "  font-size: 12px !important;",
+      "  line-height: 20px !important;",
+      "  padding: 4px 8px !important;",
+      "}",
+      "body[data-dsh-claude-style] .dsh-claude-model-group {",
+      "  color: var(--dsw-alias-label-tertiary, #8f8d84) !important;",
+      "  font-size: 11px !important;",
+      "  line-height: 16px !important;",
+      "  padding: 2px 8px 0 8px !important;",
+      "}",
+      "/* Model / effort option: same row metrics and hover as the drawer items. */",
+      "body[data-dsh-claude-style] .dsh-claude-model-option {",
+      "  display: flex !important;",
+      "  align-items: center !important;",
+      "  gap: 8px !important;",
+      "  width: 100% !important;",
+      "  min-height: 32px !important;",
+      "  padding: 4px 8px !important;",
+      "  border: none !important;",
+      "  border-radius: 6px !important;",
+      "  background: transparent !important;",
+      "  color: var(--dsw-alias-label-primary, #141413) !important;",
+      "  font-size: 13px !important;",
+      "  text-align: left !important;",
+      "  cursor: pointer !important;",
+      "  box-sizing: border-box !important;",
+      "}",
+      "body[data-dsh-claude-style] .dsh-claude-model-option:hover {",
+      "  background: var(--dsh-claude-hover-bg, rgba(0, 0, 0, 0.08)) !important;",
+      "}",
+      "body[data-dsh-claude-style] .dsh-claude-model-copy {",
+      "  display: flex !important;",
+      "  flex-direction: column !important;",
+      "  gap: 2px !important;",
+      "  flex: 1 !important;",
+      "  min-width: 0 !important;",
+      "}",
+      "body[data-dsh-claude-style] .dsh-claude-model-name {",
+      "  font-size: 13px !important;",
+      "  font-weight: 500 !important;",
+      "  line-height: 16px !important;",
+      "}",
+      "/* The row carries one description line, in the shell's language: the copy",
+      "   document is localized rather than stacked, so there is no second-language",
+      "   rule to style. */",
+      "body[data-dsh-claude-style] .dsh-claude-model-desc {",
+      "  font-size: 11px !important;",
+      "  line-height: 14px !important;",
+      "  color: var(--dsw-alias-label-tertiary, #8f8d84) !important;",
+      "}",
+      "body[data-dsh-claude-style] .dsh-claude-model-check {",
+      "  flex: none !important;",
+      "  display: inline-flex !important;",
+      "  align-items: center !important;",
+      "  color: var(--dsw-alias-brand-primary, #d97757) !important;",
+      "}",
+      "body[data-dsh-claude-style] .dsh-claude-model-divider {",
+      "  height: 1px !important;",
+      "  background: var(--dsw-alias-border-l1, #e8e6dc) !important;",
+      "  margin: 2px 4px !important;",
+      "  flex: none !important;",
+      "}",
+      "/* Level-2 row: label + current value + chevron; hover opens its own level. */",
+      "body[data-dsh-claude-style] .dsh-claude-model-cell {",
+      "  display: flex !important;",
+      "  align-items: center !important;",
+      "  gap: 8px !important;",
+      "  width: 100% !important;",
+      "  min-height: 32px !important;",
+      "  padding: 4px 8px !important;",
+      "  border: none !important;",
+      "  border-radius: 6px !important;",
+      "  background: transparent !important;",
+      "  color: var(--dsw-alias-label-primary, #141413) !important;",
+      "  font-size: 13px !important;",
+      "  text-align: left !important;",
+      "  cursor: pointer !important;",
+      "  box-sizing: border-box !important;",
+      "}",
+      "body[data-dsh-claude-style] .dsh-claude-model-cell:hover {",
+      "  background: var(--dsh-claude-hover-bg, rgba(0, 0, 0, 0.08)) !important;",
+      "}",
+      "body[data-dsh-claude-style] .dsh-claude-model-cell-label {",
+      "  flex: 1 !important;",
+      "  min-width: 0 !important;",
+      "}",
+      "body[data-dsh-claude-style] .dsh-claude-model-cell-value {",
+      "  flex: none !important;",
+      "  color: var(--dsw-alias-label-tertiary, #8f8d84) !important;",
+      "  font-size: 12px !important;",
+      "}",
+      "body[data-dsh-claude-style] .dsh-claude-model-cell-chevron {",
+      "  flex: none !important;",
+      "  display: inline-flex !important;",
+      "  align-items: center !important;",
+      "  color: var(--dsw-alias-label-caption, #a6a094) !important;",
+      "}",
+      "",
       "/* Popover Header */",
       "body[data-dsh-claude-style] .dsh-claude-account-popover-header {",
       "  padding: 6px 8px 6px 8px !important;",
@@ -1909,13 +2340,39 @@ window.__ModuleLoader__.load({
       "  display: none !important;",
       "}",
       "",
+      "/* ---------- Footer takeover ----------",
+      "   Everything in this block modifies the HOST's own footer (it hides entries and",
+      "   zeroes the containers that host them) and exists only because the skin",
+      "   replaces that footer with its account row. The \"Collapse the sidebar settings",
+      "   area\" preference turns the whole takeover off, so each rule below carries",
+      "   data-dsh-claude-footer-takeover — the skin sets it on <body> only while the takeover is on,",
+      "   and with it absent the host footer renders exactly as shipped. */",
       "/* Hide original trigger buttons in footArea while keeping containers intact for modals */",
-      "body[data-dsh-claude-style] [class*=\"footArea\"] > [class*=\"settingsArea\"] > [class*=\"triggerRow\"],",
-      "body[data-dsh-claude-style] [class*=\"footArea\"] > [class*=\"footerActions\"] :is([class*=\"footerButtons\"], > button) {",
+      "body[data-dsh-claude-style][data-dsh-claude-footer-takeover] [class*=\"footArea\"] > [class*=\"settingsArea\"] > [class*=\"triggerRow\"],",
+      "body[data-dsh-claude-style][data-dsh-claude-footer-takeover] [class*=\"footArea\"] > [class*=\"footerActions\"] :is([class*=\"footerButtons\"], > button) {",
       "  display: none !important;",
       "}",
-      "body[data-dsh-claude-style] [class*=\"footArea\"] > [class*=\"settingsArea\"],",
-      "body[data-dsh-claude-style] [class*=\"footArea\"] > [class*=\"footerActions\"] {",
+      "/* Both containers stay mounted at zero size so the overlays they host keep",
+      "   painting, but the collapse must stay geometric. font-size and line-height",
+      "   inherit, and the settings dialog mounts IN PLACE inside settingsArea (the",
+      "   host renders its overlay as a sibling of the trigger row — no portal): the",
+      "   dialog inherited font-size: 0 with line-height: 0px, so every text line",
+      "   that sets an explicit font-size without its own line-height (the SubAgent",
+      "   page's rows, the onboarding overlay) collapsed to a 0px line box and",
+      "   vanished. settingsArea hosts nothing besides its display:none'd trigger row",
+      "   and those in-place overlays, so it keeps only the geometric collapse and",
+      "   hands real inherited metrics down; footerActions still hosts plain plugin",
+      "   entries whose stray in-flow text only the zeroing keeps invisible, so the",
+      "   full collapse stays there. */",
+      "body[data-dsh-claude-style][data-dsh-claude-footer-takeover] [class*=\"footArea\"] > [class*=\"settingsArea\"] {",
+      "  position: static !important;",
+      "  width: 0 !important;",
+      "  height: 0 !important;",
+      "  margin: 0 !important;",
+      "  padding: 0 !important;",
+      "  overflow: visible !important;",
+      "}",
+      "body[data-dsh-claude-style][data-dsh-claude-footer-takeover] [class*=\"footArea\"] > [class*=\"footerActions\"] {",
       "  position: static !important;",
       "  width: 0 !important;",
       "  height: 0 !important;",
@@ -1934,10 +2391,10 @@ window.__ModuleLoader__.load({
       "   keep their subtree visible — the overlay must stay reachable after the",
       "   mirrored popover item opens it — but the entry box itself collapses so it",
       "   never paints inside the zero-sized footerActions container. */",
-      "body[data-dsh-claude-style] [class*=\"footArea\"] [data-dsh-claude-footer-hidden] {",
+      "body[data-dsh-claude-style][data-dsh-claude-footer-takeover] [class*=\"footArea\"] [data-dsh-claude-footer-hidden] {",
       "  display: none !important;",
       "}",
-      "body[data-dsh-claude-style] [class*=\"footArea\"] [data-dsh-claude-footer-entry] {",
+      "body[data-dsh-claude-style][data-dsh-claude-footer-takeover] [class*=\"footArea\"] [data-dsh-claude-footer-entry] {",
       "  width: 0 !important;",
       "  height: 0 !important;",
       "  min-width: 0 !important;",
@@ -1963,13 +2420,47 @@ window.__ModuleLoader__.load({
       "body[data-dsh-claude-style] [class*=\"root\"][class*=\"collapsed\"] :is(.dsh-claude-account-label, .dsh-claude-account-chevron) {",
       "  display: none !important;",
       "}",
+      "/* The rail's popover cannot stay an absolutely positioned child of the footer.",
+      "   The sidebar column is 56px wide with `overflow: hidden`, so a panel anchored",
+      "   past the rail edge is cut off the moment it crosses it — and the base rule's",
+      "   percentage max-width, measured against the 59px footer, squashed it to 43px.",
+      "   Fixed positioning lifts it out of that clip (no ancestor is a containing block",
+      "   for it), and overrides.js anchors it to the trigger from there. left/right/",
+      "   bottom are reset so the base rule's own `!important` anchors cannot fight the",
+      "   resolved coordinates. */",
       "body[data-dsh-claude-style] [class*=\"root\"][class*=\"collapsed\"] .dsh-claude-account-popover {",
-      "  left: calc(100% + 8px) !important;",
-      "  bottom: 0 !important;",
+      "  position: fixed !important;",
+      "  left: auto !important;",
       "  right: auto !important;",
+      "  bottom: auto !important;",
+      "  top: auto !important;",
       "  width: 220px !important;",
+      "  max-width: min(220px, calc(100vw - 16px)) !important;",
       "  transform-origin: bottom left !important;",
       "}",
+      "/* The rail opens the panel beside the trigger, not above it, so the hover bridge",
+      "   has to span the horizontal gap: the base rule's downward strip would sit under",
+      "   the panel and leave the pointer's 8px crossing uncovered. */",
+      "body[data-dsh-claude-style] [class*=\"root\"][class*=\"collapsed\"] .dsh-claude-account-popover::after {",
+      "  top: 0 !important;",
+      "  bottom: 0 !important;",
+      "  left: auto !important;",
+      "  right: 100% !important;",
+      "  width: 12px !important;",
+      "  height: auto !important;",
+      "}",
+      "/* In the rail the account button is the only control; the settings entry lives",
+      "   in the popover. The settings container is zero-sized rather than hidden (its",
+      "   dialog must stay reachable), which is enough while the sidebar is wide — the",
+      "   entry is squeezed to a 4px sliver. A plugin that ships its own rail variant",
+      "   escapes that box instead: the settings plugin's `…_rail` trigger keeps its",
+      "   full 36px square and lands straight on top of the Claude mark. Hide the entry",
+      "   in the rail. Reachability is unaffected — the popover's settings item opens",
+      "   the real trigger programmatically (`realTrigger.click()`), which",
+      "   display:none does not block. */",
+      "body[data-dsh-claude-style][data-dsh-claude-footer-takeover] [class*=\"root\"][class*=\"collapsed\"] [class*=\"footArea\"] [class*=\"settingsArea\"] :is(button, [class*=\"triggerRow\"]) {",
+      "  display: none !important;",
+      "}",
       "",
       "/* Embedded footer widgets: display-only plugin entries (progress bars,",
       "   status panels — the cost-meter balance/quota stack is the known case)",
@@ -2031,10 +2522,12 @@ window.__ModuleLoader__.load({
       "  overflow-x: auto;",
       "}",
       "",
-      "/* ---------- Claude Code layout: settings section (brand) ---------- */",
-      "/* The skin's own page in the settings dialog. It borrows the composer's",
-      "   segment language so the two controls read as one design. */",
-      "body[data-dsh-claude-style] .dsh-claude-brand-section {",
+      "/* ---------- Claude Code layout: settings page ---------- */",
+      "/* The skin's own page in the settings dialog. Its segmented controls reuse the",
+      "   composer permission picker's classes (`.dsh-claude-segments` /",
+      "   `.dsh-claude-segment`), so the two are literally one control rather than two",
+      "   lookalikes; only the row shell and the switch are new here. */",
+      "body[data-dsh-claude-style] .dsh-claude-settings {",
       "  display: flex;",
       "  flex-direction: column;",
       "  gap: 16px;",
@@ -2044,13 +2537,13 @@ window.__ModuleLoader__.load({
       "  font-family: var(--dsw-font-family);",
       "}",
       "",
-      "body[data-dsh-claude-style] .dsh-claude-brand-title {",
+      "body[data-dsh-claude-style] .dsh-claude-settings-title {",
       "  font-size: 15px;",
       "  font-weight: 600;",
       "  color: var(--dsw-alias-label-primary);",
       "}",
       "",
-      "body[data-dsh-claude-style] .dsh-claude-brand-card {",
+      "body[data-dsh-claude-style] .dsh-claude-settings-row {",
       "  display: flex;",
       "  align-items: center;",
       "  gap: 12px;",
@@ -2059,72 +2552,73 @@ window.__ModuleLoader__.load({
       "  border-radius: 12px;",
       "}",
       "",
-      "body[data-dsh-claude-style] .dsh-claude-brand-card-text {",
+      "body[data-dsh-claude-style] .dsh-claude-settings-row-text {",
       "  flex: 1;",
       "  min-width: 0;",
       "}",
       "",
-      "body[data-dsh-claude-style] .dsh-claude-brand-card-title {",
+      "body[data-dsh-claude-style] .dsh-claude-settings-row-title {",
       "  font-size: 13px;",
       "  font-weight: 600;",
       "  line-height: 1.5;",
       "  color: var(--dsw-alias-label-primary);",
       "}",
       "",
-      "body[data-dsh-claude-style] .dsh-claude-brand-card-desc {",
+      "body[data-dsh-claude-style] .dsh-claude-settings-row-desc {",
       "  margin-top: 4px;",
       "  font-size: 12px;",
       "  line-height: 1.5;",
       "  color: var(--dsw-alias-label-tertiary);",
       "}",
       "",
-      "body[data-dsh-claude-style] .dsh-claude-brand-segments {",
+      "body[data-dsh-claude-style] .dsh-claude-settings-error {",
+      "  font-size: 12px;",
+      "  line-height: 1.5;",
+      "  color: var(--dsw-alias-state-error-primary, #c0392b);",
+      "}",
+      "",
+      "/* The switch borrows the segment track's palette and radius so a page of rows",
+      "   reads as one control set rather than two. */",
+      "body[data-dsh-claude-style] .dsh-claude-settings-switch {",
       "  flex: none;",
-      "  display: inline-flex;",
-      "  align-items: center;",
-      "  gap: 2px;",
+      "  appearance: none;",
+      "  margin: 0;",
+      "  border: 0;",
+      "  cursor: pointer;",
+      "  width: 36px;",
+      "  height: 20px;",
       "  padding: 2px;",
-      "  border-radius: 7px;",
+      "  box-sizing: border-box;",
+      "  border-radius: 10px;",
       "  background: var(--dsw-specific-selector);",
+      "  transition: background-color .12s ease;",
       "}",
       "",
-      "body[data-dsh-claude-style]:not([data-ds-dark-theme]) .dsh-claude-brand-segments {",
+      "body[data-dsh-claude-style]:not([data-ds-dark-theme]) .dsh-claude-settings-switch {",
       "  background: #f6f6f4;",
       "}",
       "",
-      "body[data-dsh-claude-style] .dsh-claude-brand-option {",
-      "  appearance: none;",
-      "  margin: 0;",
-      "  border: 0;",
-      "  cursor: pointer;",
-      "  background: transparent;",
-      "  color: var(--dsw-alias-label-secondary);",
-      "  font: inherit;",
-      "  font-size: 13px;",
-      "  font-weight: 500;",
-      "  line-height: 18px;",
-      "  padding: 3px 12px;",
-      "  border-radius: 7px;",
-      "  transition: background-color .1s, color .1s;",
-      "}",
-      "",
-      "body[data-dsh-claude-style] .dsh-claude-brand-option:hover:not([data-active=\"true\"]) {",
-      "  color: var(--dsw-alias-label-primary);",
+      "body[data-dsh-claude-style] .dsh-claude-settings-switch[data-on] {",
+      "  background: var(--dsw-alias-brand-primary, #d97757);",
       "}",
       "",
-      "body[data-dsh-claude-style] .dsh-claude-brand-option[data-active=\"true\"] {",
-      "  color: var(--dsw-alias-label-primary);",
-      "  background: var(--dsw-alias-bg-layer-3);",
+      "body[data-dsh-claude-style] .dsh-claude-settings-switch-knob {",
+      "  display: block;",
+      "  width: 16px;",
+      "  height: 16px;",
+      "  border-radius: 50%;",
+      "  background: var(--dsw-alias-bg-overlay, #ffffff);",
+      "  box-shadow: 0 1px 2px rgba(20, 20, 19, 0.18);",
+      "  transition: transform .12s ease;",
       "}",
       "",
-      "body[data-dsh-claude-style]:not([data-ds-dark-theme]) .dsh-claude-brand-option[data-active=\"true\"] {",
-      "  background: var(--dsw-alias-bg-overlay);",
-      "  box-shadow: 0 1px 2px rgba(20, 20, 19, 0.08);",
+      "body[data-dsh-claude-style] .dsh-claude-settings-switch[data-on] .dsh-claude-settings-switch-knob {",
+      "  transform: translateX(16px);",
       "}",
     ].join('\n')
 
     // ============================================================================
-    // Zone 3: 宿主上下文与通用辅助 (DSH Context & Helpers)
+    // 宿主上下文访问器与辅助 (Host Context & Helpers)
     // ============================================================================
     function findAccessTrigger() {
       var prefixes = ['访问模式', 'Access mode']
@@ -2138,11 +2632,29 @@ window.__ModuleLoader__.load({
       return null
     }
 
+    /**
+     * The current-session selection left the Session Controller in dsh 0.2:
+     * the list snapshot no longer carries `current`, and the main-view
+     * selection is projected by the `uiSession` service as a binding source
+     * whose `value.key` is the selected session id (`undefined` when no
+     * session is materialized). Read the new source first and fall back to
+     * the legacy `list.current` so older hosts keep working.
+     */
+    function currentSessionId(ctx, sessions) {
+      try {
+        var uiSession = ctx.get('uiSession')
+        var current = uiSession === void 0 || uiSession === null ? null : uiSession.current
+        var value = current === void 0 || current === null ? null : current.value
+        if (value !== void 0 && value !== null && typeof value.key === 'string') return value.key
+      } catch (error) { /* fall through to the legacy snapshot field */ }
+      return sessions.list.getSnapshot().current
+    }
+
     function currentSession(ctx) {
       var sessions = ctx.get('sessions')
       if (sessions === void 0 || sessions === null) return null
-      var id = sessions.list.getSnapshot().current
-      if (id === void 0) return null
+      var id = currentSessionId(ctx, sessions)
+      if (id === void 0 || id === null) return null
       var binding = sessions.binding(id)
       if (binding === void 0 || binding === null) return null
       return binding.session === void 0 ? null : binding.session
@@ -2151,56 +2663,16 @@ window.__ModuleLoader__.load({
     function currentPreset(session) {
       try {
         var snapshot = session.projections.faceOf('permissions').getSnapshot()
-        return snapshot === void 0 ? null : snapshot.currentValue
+        if (snapshot === void 0 || snapshot === null) return null
+        // dsh 0.2+ projection faces hand back the bare value (e.g. the preset
+        // id string); older hosts wrapped it as `{ currentValue }`.
+        if (typeof snapshot === 'object' && 'currentValue' in snapshot) return snapshot.currentValue
+        return snapshot
       } catch (error) {
         return null
       }
     }
 
-    /**
-     * Read the persisted brand choice.
-     *
-     * Storage is the renderer's own localStorage, which DSH backs with the
-     * `persist:dsh-desktop-renderer` partition, so the value survives an app
-     * restart. Every access is guarded: a locked-down or full store must not
-     * break the theme, so an unreadable value simply falls back to the default.
-     *
-     * @returns one of BRAND_CLAUDE / BRAND_ANTHROPIC.
-     */
-    function readStoredBrand() {
-      try {
-        var raw = window.localStorage.getItem(BRAND_STORAGE_KEY)
-        if (raw === BRAND_ANTHROPIC) return BRAND_ANTHROPIC
-        if (raw === BRAND_CLAUDE) return BRAND_CLAUDE
-      } catch (error) {
-        /* storage unavailable — fall through to the default */
-      }
-      return DEFAULT_BRAND
-    }
-
-    /** Persist the brand choice, ignoring a store that refuses writes. */
-    function writeStoredBrand(brand) {
-      try {
-        window.localStorage.setItem(BRAND_STORAGE_KEY, brand)
-      } catch (error) {
-        /* storage unavailable — the session still shows the chosen brand */
-      }
-    }
-
-    /**
-     * Apply a brand to the document. The stylesheet keys off the attribute, so
-     * this is the single mutation that repaints the sidebar brand; keeping it to
-     * one attribute write is what makes the switch cheap and idempotent.
-     *
-     * @param brand - the brand to show; unknown values fall back to the default.
-     * @returns the brand actually applied.
-     */
-    function applyBrand(brand) {
-      var next = brand === BRAND_ANTHROPIC ? BRAND_ANTHROPIC : BRAND_CLAUDE
-      document.body.setAttribute(BRAND_ATTR, next)
-      return next
-    }
-
     /**
      * The client context exposes no user or account service, so the account
      * name is inferred from the home-directory segment of a workspace path or
@@ -2230,21 +2702,388 @@ window.__ModuleLoader__.load({
       return 'User'
     }
 
+    /**
+     * Host context reference for services that need to read host state
+     * (e.g. locale) outside of apply(ctx)'s direct call stack.
+     */
+    var hostCtx = null
+    function setHostContext(ctx) {
+      hostCtx = ctx
+    }
+
+    /**
+     * Skin preferences.
+     *
+     * The authoritative store is the host settings namespace `claude-style`,
+     * reached through this plugin's own route: the configuration client
+     * (`settingsScope`) only reaches namespaces the api-proxy exposes to it, and
+     * a plugin's own namespace is not on that list. `src/../lib/index.js` owns
+     * the namespace and the route; this side only reads and writes it.
+     *
+     * Every value is mirrored onto the document as an attribute, so the
+     * stylesheet — not this module — decides what a preference means visually.
+     * Until the first read settles (and if it fails) the defaults below hold,
+     * which is exactly the shipped behaviour.
+     */
+    var prefs = {
+      brand: DEFAULT_BRAND,
+      collapseFooter: true,
+      autoPopover: true,
+      composerScope: 'all',
+    }
+    var prefsRevision
+    var prefsAvailable = false
+    var prefsListeners = []
+
+    /** The current preferences (live object; treat as read-only). */
+    function readPrefs() {
+      return prefs
+    }
+
+    /** Observe preference changes; returns the unsubscriber. */
+    function subscribePrefs(listener) {
+      prefsListeners.push(listener)
+      return function () {
+        var index = prefsListeners.indexOf(listener)
+        if (index !== -1) prefsListeners.splice(index, 1)
+      }
+    }
+
+    /**
+     * Adopt a preference set: mirror it onto the document, then notify.
+     * @param next - resolved preferences from the host.
+     */
+    function adoptPrefs(next) {
+      prefs = next
+      // The brand is one attribute write; the other preferences gate rules the
+      // stylesheet and the scheduler read directly.
+      document.body.setAttribute(BRAND_ATTR, next.brand)
+      if (next.collapseFooter) document.body.setAttribute(FOOTER_ATTR, '')
+      else document.body.removeAttribute(FOOTER_ATTR)
+      var listeners = prefsListeners.slice()
+      for (var i = 0; i < listeners.length; i++) {
+        try {
+          listeners[i](next)
+        } catch (error) { /* one bad listener must not stop the rest */ }
+      }
+    }
+
+    /**
+     * Read the preferences once. A failure keeps the defaults and leaves the
+     * settings page to report that the store is unavailable.
+     */
+    function loadPrefs() {
+      if (typeof fetch !== 'function') return
+      try {
+        fetch(PREFS_ROUTE, {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/json' },
+          credentials: 'same-origin',
+          body: '{}',
+        })
+          .then(function (response) {
+            return response.json()
+          })
+          .then(function (data) {
+            if (!data || data.ok !== true) return
+            prefsRevision = data.revision
+            prefsAvailable = data.available === true
+            adoptPrefs(normalizePrefs(data.value))
+          })
+          .catch(function () { /* defaults stay */ })
+      } catch (error) { /* no fetch: defaults stay */ }
+    }
+
+    /** Clamp one host value into the preference shape (the host already did this). */
+    function normalizePrefs(value) {
+      var section = value && typeof value === 'object' ? value : {}
+      return {
+        brand: section.brand === BRAND_ANTHROPIC || section.brand === BRAND_OFF ? section.brand : BRAND_CLAUDE,
+        collapseFooter: section.collapseFooter !== false,
+        autoPopover: section.autoPopover !== false,
+        composerScope: COMPOSER_SCOPES.indexOf(section.composerScope) === -1 ? 'all' : section.composerScope,
+      }
+    }
+
+    /**
+     * Write a partial preference change.
+     *
+     * The revision travels with the write so a concurrent move of the namespace
+     * is rejected rather than silently overwritten; on that rejection the
+     * authoritative value is re-read.
+     *
+     * @param patch - preference keys to change.
+     * @returns a promise for the resolved preferences, or null when unavailable.
+     */
+    function savePrefs(patch) {
+      if (typeof fetch !== 'function') return Promise.resolve(null)
+      var body = { revision: prefsRevision }
+      for (var key in patch) body[key] = patch[key]
+      return fetch(PREFS_ROUTE, {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        credentials: 'same-origin',
+        body: JSON.stringify(body),
+      })
+        .then(function (response) {
+          return response.json().then(function (data) {
+            return { status: response.status, data: data }
+          })
+        })
+        .then(function (result) {
+          var data = result.data
+          if (data && data.ok === true) {
+            prefsRevision = data.revision
+            prefsAvailable = data.available === true
+            adoptPrefs(normalizePrefs(data.value))
+            return prefs
+          }
+          // Conflict or refusal: re-read rather than guess.
+          loadPrefs()
+          return null
+        })
+        .catch(function () {
+          return null
+        })
+    }
+
+    /**
+     * The brand to show. `off` leaves the brand area entirely to the host, so
+     * the stylesheet matches neither brand variant for it.
+     *
+     * @param brand - the stored choice.
+     * @returns the brand actually applied.
+     */
+    function applyBrand(brand) {
+      var next = brand === BRAND_ANTHROPIC || brand === BRAND_OFF ? brand : BRAND_CLAUDE
+      document.body.setAttribute(BRAND_ATTR, next)
+      return next
+    }
+
+    /**
+     * Model & settings localized copy.
+     *
+     * The copy document ships as `model-descriptions.json` beside the bundle.
+     * Both the model picker (src/overrides/model-picker.js) and the settings section
+     * (src/settings.js) consume this copy, so the state lives in the shared context.
+     * where both zones can reach it.
+     */
+    var modelCopy = null
+    var modelCopyRequested = false
+    var modelCopyListeners = []
+
+    function onModelCopyLoaded(listener) {
+      modelCopyListeners.push(listener)
+      return function () {
+        var index = modelCopyListeners.indexOf(listener)
+        if (index !== -1) modelCopyListeners.splice(index, 1)
+      }
+    }
+
+    /**
+     * Fetch the model copy document the host half serves.
+     */
+    function loadModelCopy() {
+      if (modelCopyRequested) return
+      modelCopyRequested = true
+      if (typeof fetch !== 'function') return
+      try {
+        fetch(MODEL_COPY_ROUTE, { credentials: 'same-origin' })
+          .then(function (response) {
+            if (!response.ok) throw new Error('HTTP ' + response.status)
+            return response.json()
+          })
+          .then(function (doc) {
+            modelCopy = indexModelCopy(doc)
+            if (modelCopy === null) return
+            var listeners = modelCopyListeners.slice()
+            for (var i = 0; i < listeners.length; i++) {
+              try {
+                listeners[i](modelCopy)
+              } catch (error) { /* listener error */ }
+            }
+          })
+          .catch(function () { /* fallback copy stays */ })
+      } catch (error) { /* no fetch: fallback copy stays */ }
+    }
+
+    /**
+     * Compile a copy document into the shape lookups want: a folded id index,
+     * the alias table, and the rule lists with their regexps built once.
+     * @param doc - parsed document; anything malformed is dropped, not fatal.
+     * @returns the index, or null when the document is unusable.
+     */
+    function indexModelCopy(doc) {
+      if (!doc || typeof doc !== 'object') return null
+      var exact = doc.exact && typeof doc.exact === 'object' ? doc.exact : {}
+      var index = {
+        ui: doc.ui && typeof doc.ui === 'object' ? doc.ui : {},
+        settings: doc.settings && typeof doc.settings === 'object' ? doc.settings : {},
+        exact: exact,
+        aliases: doc.aliases && typeof doc.aliases === 'object' ? doc.aliases : {},
+        fallback: typeof doc.fallback === 'string' && doc.fallback ? doc.fallback : MODEL_COPY_FALLBACK_LOCALE,
+        folded: {},
+        foldedAliases: {},
+        families: [],
+        tiers: [],
+      }
+      for (var id in exact) index.folded[normalizeModelId(id)] = exact[id]
+      for (var a in index.aliases) {
+        index.foldedAliases[normalizeModelId(a)] = index.aliases[a]
+        index.foldedAliases[a.toLowerCase()] = index.aliases[a]
+      }
+      var compile = function (rules) {
+        var out = []
+        for (var i = 0; i < (rules || []).length; i++) {
+          var rule = rules[i]
+          if (!rule || typeof rule.match !== 'string') continue
+          try {
+            out.push({ re: new RegExp(rule.match, 'i'), key: rule.key, text: rule.text })
+          } catch (error) { /* a malformed rule is skipped, not fatal */ }
+        }
+        return out
+      }
+      index.families = compile(doc.families)
+      index.tiers = compile(doc.tiers)
+      return index
+    }
+
+    /** Fold case and separators so `glm-5.3-flash` and `glm-5-3-flash` agree. */
+    function normalizeModelId(id) {
+      return String(id === void 0 || id === null ? '' : id).toLowerCase().replace(/[^a-z0-9]/g, '')
+    }
+
+    /** The shell's active locale id, or the document fallback when it cannot be read. */
+    function activeLocale(ctx) {
+      var c = ctx || hostCtx
+      try {
+        if (c && typeof c.get === 'function') {
+          var locale = c.get('locale')
+          if (locale && typeof locale.getSnapshot === 'function') {
+            var active = locale.getSnapshot().active
+            if (typeof active === 'string' && active) return active
+          }
+        }
+      } catch (error) { /* no locale service: keep the fallback language */ }
+      return modelCopy === null ? MODEL_COPY_FALLBACK_LOCALE : modelCopy.fallback
+    }
+
+    /** One localized string out of a `{ locale: text }` pair, fallback locale last. */
+    function localized(pair, ctx) {
+      if (!pair || typeof pair !== 'object') return ''
+      var loc = activeLocale(ctx)
+      var text = pair[loc]
+      if (typeof text === 'string' && text) return text
+      var prefix = typeof loc === 'string' && loc.indexOf('-') !== -1 ? loc.split('-')[0] : (typeof loc === 'string' && loc.indexOf('_') !== -1 ? loc.split('_')[0] : '')
+      if (prefix && typeof pair[prefix] === 'string' && pair[prefix]) return pair[prefix]
+      var fallback = modelCopy === null ? MODEL_COPY_FALLBACK_LOCALE : modelCopy.fallback
+      var backstop = pair[fallback]
+      if (typeof backstop === 'string' && backstop) return backstop
+      var fallbackPrefix = typeof fallback === 'string' && fallback.indexOf('-') !== -1 ? fallback.split('-')[0] : ''
+      if (fallbackPrefix && typeof pair[fallbackPrefix] === 'string' && pair[fallbackPrefix]) return pair[fallbackPrefix]
+      return ''
+    }
+
+    /**
+     * One picker label: the document's localized string, else the neutral
+     * English constant the bundle carries. `{name}` placeholders are filled
+     * from `params`, so a label with a slot stays translatable.
+     */
+    function copyLabel(key, fallback, params) {
+      var text = modelCopy === null || !modelCopy.ui ? '' : localized(modelCopy.ui[key])
+      if (!text) text = fallback
+      if (!params) return text
+      return text.replace(/\{(\w+)\}/g, function (match, name) {
+        return Object.prototype.hasOwnProperty.call(params, name) ? String(params[name]) : match
+      })
+    }
+
+    /**
+     * One settings-page string. The settings copy rides the same document as
+     * the picker copy, so the page follows the shell language too — and the
+     * English constants stay as the fallback for a failed fetch.
+     */
+    function settingsCopy(key, fallback) {
+      var text = modelCopy === null || !modelCopy.settings ? '' : localized(modelCopy.settings[key])
+      return text || fallback
+    }
+
     // ============================================================================
-    // Zone 4: Claude Code UI 重塑与交互增强 (UI Overrides)
+    // 弹层共享辅助 (Shared Popover Helpers)
     // ============================================================================
+    var POPOVER_MARGIN = 8
+
     /**
-     * Install the Claude Code surface rewrites: the copy slots (hero headline,
-     * composer hint), the permission segmented control, and the account footer.
-     * All of them sit in React-rendered trees — the headline and hint re-render
-     * on locale switches, the hint unmounts while a draft exists, and the
-     * composer re-renders the access trigger on every preset change — so one
-     * MutationObserver re-applies them after each render. Every rewrite is
-     * idempotent (a node already in the target state is left alone, and the
-     * controls are only inserted when absent), so the observer cannot feed
-     * itself.
+     * Position a fixed-position popover relative to its trigger.
+     *
+     * `side: 'right'` opens to the trigger's right and bottom-aligns it (the
+     * account popover in the rail). The default `side: 'above'` right-aligns
+     * the popover with the trigger and opens above it with `gap` spacing (the
+     * model picker). `important` switches to `style.setProperty(..., 'important')`
+     * and rounds the coordinates, as the account popover requires.
+     *
+     * @param trigger - element the popover is anchored to.
+     * @param pop - the fixed-position popover element.
+     * @param opts - `{ side, gap, important }`.
+     * @returns the chosen `{ x, y }` in viewport coordinates.
      */
-    function installOverrides(ctx) {
+    function positionAnchoredPopover(trigger, pop, opts) {
+      opts = opts || {}
+      var rect = trigger.getBoundingClientRect()
+      var width = pop.offsetWidth
+      var height = pop.offsetHeight
+      var margin = opts.margin || POPOVER_MARGIN
+      var x
+      var y
+      if (opts.side === 'right') {
+        x = rect.right + margin
+        if (x + width > window.innerWidth - margin) {
+          x = Math.max(margin, rect.left - margin - width)
+        }
+        y = Math.min(Math.max(margin, rect.bottom - height), Math.max(margin, window.innerHeight - height - margin))
+      } else {
+        x = Math.max(margin, Math.min(rect.right - width, window.innerWidth - width - margin))
+        y = rect.top - (opts.gap || 0) - height
+        if (y < margin) y = Math.min(rect.bottom + (opts.gap || 0), Math.max(margin, window.innerHeight - height - margin))
+      }
+      if (opts.important) {
+        pop.style.setProperty('left', Math.round(x) + 'px', 'important')
+        pop.style.setProperty('top', Math.round(y) + 'px', 'important')
+      } else {
+        pop.style.left = x + 'px'
+        pop.style.top = y + 'px'
+      }
+      return { x: x, y: y }
+    }
+
+    /**
+     * Hover-intent helper shared by the model picker and account popover.
+     *
+     * The `open` callback is part of the shared signature but the original
+     * hover behaviour only schedules the close side (mouseenter calls the
+     * feature's open function directly); keeping the parameter makes the two
+     * call sites symmetrical.
+     */
+    function createHoverIntent(open, close, delay) {
+      var timer = null
+      return {
+        cancel: function () {
+          if (timer) {
+            clearTimeout(timer)
+            timer = null
+          }
+        },
+        scheduleClose: function () {
+          if (timer) clearTimeout(timer)
+          timer = setTimeout(close, delay)
+        },
+      }
+    }
+
+    // ============================================================================
+    // 4.1: 文案改写 (Copy Rewrites)
+    // ============================================================================
+    function installCopy(ctx, ui) {
       // --- 4.1 Copy Overrides ---
       /** Shipped idle composer hints (zh / en, hero / default) this skin replaces. */
       var HINT_SOURCES = [
@@ -2271,7 +3110,19 @@ window.__ModuleLoader__.load({
         }
       }
 
+      function isHeroView() {
+        var hasTurns = document.querySelector('[class*="turn"], [class*="message"], [data-turn], [data-message-id]') !== null
+        return !hasTurns && (document.querySelector('[class*="composerHero"], [data-phase="hero"]') !== null)
+      }
+
+      function isComposerActive() {
+        var isHero = isHeroView()
+        var scope = readPrefs().composerScope
+        return scope === 'all' || (isHero ? scope === 'hero' : scope === 'conversation')
+      }
+
       function rewriteHint() {
+        if (!isComposerActive()) return
         var isHero = document.querySelector('[class*="heroWorkspaceRow"], [class*="titleGroup"]') !== null
         var targetHint = isHero ? COMPOSER_HINT : 'Type / for commands'
         var hints = document.querySelectorAll('[data-composer-placeholder]')
@@ -2287,6 +3138,54 @@ window.__ModuleLoader__.load({
           }
           if (idle && text !== targetHint) node.textContent = targetHint
         }
+        syncAttachmentPlaceholder()
+      }
+
+      function syncAttachmentPlaceholder() {
+        if (!isComposerActive()) {
+          var synths = document.querySelectorAll('[data-dsh-synthetic-placeholder]')
+          for (var si = 0; si < synths.length; si++) {
+            if (synths[si].parentElement) synths[si].parentElement.removeChild(synths[si])
+          }
+          return
+        }
+        var isHero = document.querySelector('[class*="heroWorkspaceRow"], [class*="titleGroup"]') !== null
+        var targetHint = isHero ? COMPOSER_HINT : 'Type / for commands'
+        var cards = document.querySelectorAll('[data-composer-card]')
+        for (var ci = 0; ci < cards.length; ci++) {
+          var card = cards[ci]
+          var input = card.querySelector('[data-composer-input]')
+          if (!input) continue
+          var text = (input.textContent || '').replace(/[\u200B-\u200D\uFEFF]/g, '').trim()
+          var isEmpty = text.length === 0
+          var placeholder = card.querySelector('[data-composer-placeholder]')
+          var grow = input.closest ? input.closest('[class*="grow"]') : input.parentElement
+
+          if (isEmpty) {
+            if (!placeholder && grow) {
+              placeholder = document.createElement('div')
+              placeholder.setAttribute('data-composer-placeholder', '')
+              placeholder.setAttribute('data-dsh-synthetic-placeholder', 'true')
+              placeholder.textContent = targetHint
+              grow.appendChild(placeholder)
+            } else if (placeholder) {
+              if (placeholder.style.display === 'none') placeholder.style.display = ''
+              var curText = placeholder.textContent || ''
+              var idle = false
+              for (var j = 0; j < HINT_SOURCES.length; j++) {
+                if (curText.indexOf(HINT_SOURCES[j]) === 0) {
+                  idle = true
+                  break
+                }
+              }
+              if (idle && curText !== targetHint) placeholder.textContent = targetHint
+            }
+          } else {
+            if (placeholder && placeholder.hasAttribute('data-dsh-synthetic-placeholder')) {
+              if (placeholder.parentElement) placeholder.parentElement.removeChild(placeholder)
+            }
+          }
+        }
       }
 
       /**
@@ -2320,6 +3219,28 @@ window.__ModuleLoader__.load({
         }
       }
 
+
+      ui.copy = {
+        sync: function () {
+          rewriteHeadline()
+          rewriteHint()
+          rewriteTurnStatus()
+        },
+        syncGreeting: function () {
+          rewriteHeadline()
+        },
+        syncAttachmentPlaceholder: syncAttachmentPlaceholder,
+        isHeroView: isHeroView,
+        isComposerActive: isComposerActive
+      }
+
+      return function () {}
+    }
+
+    // ============================================================================
+    // 4.2: 权限段控件与会话内弹层 (Permission Segments & Popover)
+    // ============================================================================
+    function installPermissions(ctx, ui) {
       // --- 4.2 Permission Segments & In-Conversation Popover ---
       var segments = null
       var permContainer = null
@@ -2332,6 +3253,7 @@ window.__ModuleLoader__.load({
         group.className = SEGMENTS_CLASS
         group.setAttribute('role', 'radiogroup')
         group.setAttribute('aria-label', 'Permission')
+        group.setAttribute('data-composer-segments', '')
         for (var i = 0; i < PERMISSION_SEGMENTS.length; i++) {
           var spec = PERMISSION_SEGMENTS[i]
           var item = document.createElement('button')
@@ -2505,7 +3427,7 @@ window.__ModuleLoader__.load({
         var session = currentSession(ctx)
         if (session === null) return
         var settled = session.command('/permission ' + preset)
-        if (settled !== void 0 && typeof settled.then === 'function') settled.then(schedule, schedule)
+        if (settled !== void 0 && typeof settled.then === 'function') settled.then(ui.schedule, ui.schedule)
       }
 
       /**
@@ -2559,9 +3481,16 @@ window.__ModuleLoader__.load({
       }
 
       function syncAttachmentState() {
+        var active = ui.copy.isComposerActive()
         var cards = document.querySelectorAll('[data-composer-card]')
         for (var ci = 0; ci < cards.length; ci++) {
           var card = cards[ci]
+          if (!active) {
+            if (card.hasAttribute('data-has-attachments')) {
+              card.removeAttribute('data-has-attachments')
+            }
+            continue
+          }
           var hasAtt = card.querySelector('._54WpYG_imageItem, [class*="imageItem"], [class*="thumbnail"], [class*="FileCard"], [class*="rail"]:not([class*="trailing"]) [class*="item"], [class*="rail"]:not([class*="trailing"]) img, [class*="rail"]:not([class*="trailing"]) [class*="card"]') !== null
           if (hasAtt) {
             if (card.getAttribute('data-has-attachments') !== 'true') {
@@ -2573,113 +3502,846 @@ window.__ModuleLoader__.load({
             }
           }
         }
+        if (ui.copy && ui.copy.syncAttachmentPlaceholder) ui.copy.syncAttachmentPlaceholder()
+      }
+
+      /**
+       * Merge the session-stats pills into the composer toolbar row so the
+       * controls and the stats share ONE line. The host renders the pills
+       * (the `conversation.composer.dock` slot) as the card's sibling — a
+       * full-width line of their own below the input box; the skin moves
+       * them into the row, right before the trailing model/status group.
+       * A host re-render can put them back, so the move is re-applied on
+       * every pass and is a no-op once they are in place.
+       */
+      function mergeStatsIntoRow() {
+        var stats = document.querySelector('[data-composer-stats]')
+        if (!stats) return
+        var active = ui.copy.isComposerActive()
+        if (!active) {
+          if (stats.parentElement && stats.parentElement.matches && stats.parentElement.matches('[class*="_row"]')) {
+            var card = stats.closest('[data-composer-card]')
+            if (card && card.parentElement) {
+              card.parentElement.insertBefore(stats, card.nextSibling)
+            }
+          }
+          return
+        }
+        // `[class*="_row"]`, not `[class*="row"]`: the bare substring also
+        // matches the input growth wrapper (`grow` contains `row`).
+        var row = null
+        if (stats.parentElement && stats.parentElement.matches && stats.parentElement.matches('[class*="_row"]')) {
+          row = stats.parentElement
+        } else {
+          // Host default: the pills sit in a slot anchor beside the card.
+          // Walk up to the nearest ancestor that also holds a composer card.
+          var node = stats.parentElement
+          while (node && node !== document.body && row === null) {
+            var card = node.querySelector('[data-composer-card]')
+            if (card) {
+              var r = card.querySelector('[class*="_row"]')
+              if (r) row = r
+            }
+            node = node.parentElement
+          }
+        }
+        if (row === null) return
+        var trailing = row.querySelector('[class*="trailing"]')
+        var inPlace = stats.parentElement === row &&
+          (trailing !== null ? stats.nextElementSibling === trailing : row.lastElementChild === stats)
+        if (inPlace) return
+        if (trailing !== null) row.insertBefore(stats, trailing)
+        else row.appendChild(stats)
+      }
+
+      // Re-insert when a re-render swapped the host row, then mirror the running preset.
+      function syncSegments() {
+        var isHero = ui.copy.isHeroView()
+        var allCards = document.querySelectorAll('[data-composer-card]')
+        for (var c = 0; c < allCards.length; c++) {
+          allCards[c].setAttribute('data-composer-variant', isHero ? 'hero' : 'inline')
+        }
+
+        var composerOn = ui.copy.isComposerActive()
+        if (composerOn) document.body.setAttribute(COMPOSER_ATTR, '')
+        else document.body.removeAttribute(COMPOSER_ATTR)
+
+        var existingPermContainers = document.querySelectorAll('.dsh-claude-perm-container')
+        var existingSegments = document.querySelectorAll('.' + SEGMENTS_CLASS + '[data-composer-segments]')
+
+        if (!composerOn) {
+          for (var ep = 0; ep < existingPermContainers.length; ep++) {
+            existingPermContainers[ep].remove()
+          }
+          if (permPopover && permPopover.parentElement) {
+            permPopover.parentElement.removeChild(permPopover)
+          }
+          permContainer = null
+          permBtn = null
+          permLabel = null
+          permPopover = null
+
+          for (var es0 = 0; es0 < existingSegments.length; es0++) {
+            existingSegments[es0].remove()
+          }
+          segments = null
+          return
+        }
+
+        var trigger = findAccessTrigger()
+        if (trigger === null) return
+        var host = trigger.parentElement
+        if (host === null) return
+
+        var session = currentSession(ctx)
+        var preset = session === null ? null : currentPreset(session)
+
+        if (isHero) {
+          for (var i = 0; i < existingPermContainers.length; i++) {
+            existingPermContainers[i].remove()
+          }
+          if (permPopover && permPopover.parentElement) {
+            permPopover.parentElement.removeChild(permPopover)
+          }
+          permContainer = null
+          permBtn = null
+          permLabel = null
+          permPopover = null
+
+          if (existingSegments.length > 1) {
+            for (var s = 1; s < existingSegments.length; s++) existingSegments[s].remove()
+          }
+          if (existingSegments.length === 1 && host.contains(existingSegments[0])) {
+            segments = existingSegments[0]
+          } else {
+            for (var s2 = 0; s2 < existingSegments.length; s2++) existingSegments[s2].remove()
+            segments = buildSegments(pick)
+            host.insertBefore(segments, host.firstChild)
+          }
+          for (var j = 0; j < segments.children.length; j++) {
+            var item = segments.children[j]
+            if (item.getAttribute('data-preset') === preset) {
+              item.setAttribute('data-active', '')
+              item.setAttribute('aria-checked', 'true')
+            } else {
+              item.removeAttribute('data-active')
+              item.setAttribute('aria-checked', 'false')
+            }
+          }
+        } else {
+          for (var es = 0; es < existingSegments.length; es++) {
+            existingSegments[es].remove()
+          }
+          segments = null
+
+          var allExisting = document.querySelectorAll('.dsh-claude-perm-container')
+          if (allExisting.length > 0) {
+            permContainer = allExisting[0]
+            for (var p = 1; p < allExisting.length; p++) {
+              allExisting[p].remove()
+            }
+            if (permContainer.parentElement !== host) {
+              host.insertBefore(permContainer, host.firstChild)
+            }
+            permBtn = permContainer.querySelector('.dsh-claude-perm-btn')
+            permLabel = permContainer.querySelector('.dsh-claude-perm-label')
+          } else {
+            var res = buildPermTriggerAndPopover(pick)
+            permContainer = res.container
+            permBtn = res.btn
+            permLabel = res.label
+            permPopover = res.popover
+            host.insertBefore(permContainer, host.firstChild)
+          }
+          updatePermState(preset)
+        }
+      }
+
+      /**
+       * The composer is chat-view-only. The host mounts the seat inside the
+       * conversation root on every tab (轨迹 / 上下文 even reserve room for
+       * it), so the skin reflects the active view on <body> and CSS drops the
+       * whole bottom area unless the chat tab is selected.
+       *
+       * Scope: the conversation tablist lives in the panel header, which is
+       * the root's first child — any other tablist (the trajectory detail
+       * panel, say) renders later inside the ledger. The chat view registers
+       * at order 0, so it is always the tablist's FIRST tab; reading that
+       * tab's aria-selected is locale-independent. No tab bar at all (hero /
+       * single view) means the chat surface is all there is.
+       */
+      function syncChatTabComposer() {
+        if (!ui.copy.isComposerActive()) {
+          document.body.removeAttribute('data-dsh-claude-composer-hidden')
+          return
+        }
+        var chatActive = true
+        var seat = document.querySelector('[data-composer-seat]')
+        var root = seat && seat.closest ? seat.closest('[data-phase]') : null
+        if (root) {
+          var list = root.querySelector('[role="tablist"]')
+          if (list) {
+            var first = list.querySelector('[role="tab"]')
+            if (first) chatActive = first.getAttribute('aria-selected') === 'true'
+          }
+        }
+        if (chatActive) document.body.removeAttribute('data-dsh-claude-composer-hidden')
+        else document.body.setAttribute('data-dsh-claude-composer-hidden', '')
+      }
+
+
+      ui.permissions = {
+        sync: function () {
+          syncAttachmentState()
+          mergeStatsIntoRow()
+          syncSegments()
+          syncChatTabComposer()
+        },
+        closeMenu: closePermMenu
+      }
+
+      return function () {
+        if (permDocPointerListener) {
+          document.removeEventListener('pointerdown', permDocPointerListener)
+          permDocPointerListener = null
+        }
+        if (permResizeListener) {
+          window.removeEventListener('resize', permResizeListener)
+          window.removeEventListener('scroll', permResizeListener, true)
+          permResizeListener = null
+        }
+        if (segments !== null && segments.parentElement !== null) segments.parentElement.removeChild(segments)
+        segments = null
+        if (permPopover !== null && permPopover.parentElement !== null) permPopover.parentElement.removeChild(permPopover)
+        permPopover = null
+        permBtn = null
+        permLabel = null
+        permContainer = null
+      }
+    }
+
+    // ============================================================================
+    // 4.4: 模型选择器 (Model Picker)
+    // ============================================================================
+    function installModelPicker(ctx, ui) {
+      // --- 4.4 Model picker: replaces the host's model seat ---
+      /**
+       * The host's model seat is a click-triggered two-pane menu (Model /
+       * Effort rows drilling into their own lists). The skin replaces it with
+       * a Claude-style picker: hovering the trigger opens the first level —
+       * the DeepSeek official provider's models, a divider, then the
+       * reasoning-effort row (when the current model offers one) and a More
+       * models row; both open their second level BESIDE the first level.
+       *
+       * Data and submission ride the host's own per-session ModelDirectory
+       * (`ctx.modelDirectories`), the same store the host's menu and the
+       * /model command read — so the current selection, catalog and errors
+       * stay in sync without scraping the DOM. The host's seat is hidden and
+       * marked; a React swap re-marks it on the next pass.
+       */
+      var modelBtn = null
+      var modelPop = null
+      var modelSubPop = null
+      var modelBody = null
+      var modelSubBody = null
+      var modelHoverIntent = createHoverIntent(openModelPopover, closeModelPopovers, 180)
+      var modelDir = null
+      var modelSub = null
+      var modelSessionId = null
+      var modelSubKind = null
+      var modelBodySig = ''
+      var modelSubSig = ''
+
+      /** Exact entry: `provider/model`, bare id, folded id, then the alias table. */
+      function exactModelCopy(groupId, modelId) {
+        if (modelCopy === null) return null
+        var gid = String(groupId === void 0 || groupId === null ? '' : groupId).toLowerCase()
+        var mid = String(modelId === void 0 || modelId === null ? '' : modelId)
+        var midLower = mid.toLowerCase()
+        var byProvider = modelCopy.exact[groupId + '/' + mid] || modelCopy.exact[gid + '/' + midLower]
+        if (byProvider) return byProvider
+        if (modelCopy.exact[mid]) return modelCopy.exact[mid]
+        if (modelCopy.exact[midLower]) return modelCopy.exact[midLower]
+        var folded = normalizeModelId(mid)
+        if (modelCopy.folded[folded]) return modelCopy.folded[folded]
+        var alias = modelCopy.aliases[mid] || modelCopy.aliases[midLower] || modelCopy.aliases[folded] || (modelCopy.foldedAliases && modelCopy.foldedAliases[folded])
+        if (alias) {
+          if (modelCopy.exact[alias]) return modelCopy.exact[alias]
+          var foldedAlias = normalizeModelId(alias)
+          if (modelCopy.folded[foldedAlias]) return modelCopy.folded[foldedAlias]
+        }
+        return null
+      }
+
+      /**
+       * Family entry. The model id is tried alone first because it is the
+       * stronger signal, then `provider/id` for ids that carry no brand of their
+       * own (`abab6.5s-chat` under a provider called `minimax`).
+       */
+      function familyModelCopy(groupId, modelId) {
+        if (modelCopy === null) return null
+        var id = String(modelId === void 0 || modelId === null ? '' : modelId).toLowerCase()
+        var haystacks = [id, String(groupId === void 0 || groupId === null ? '' : groupId).toLowerCase() + '/' + id]
+        for (var h = 0; h < haystacks.length; h++) {
+          for (var i = 0; i < modelCopy.families.length; i++) {
+            var rule = modelCopy.families[i]
+            if (!rule.re.test(haystacks[h])) continue
+            if (rule.key) return modelCopy.exact[rule.key] || null
+            return rule.text
+          }
+        }
+        return null
+      }
+
+      /** Last-resort tier rule, read out of the id itself. */
+      function tierModelCopy(modelId) {
+        if (modelCopy === null) return null
+        var id = String(modelId === void 0 || modelId === null ? '' : modelId).toLowerCase()
+        for (var i = 0; i < modelCopy.tiers.length; i++) {
+          if (modelCopy.tiers[i].re.test(id)) return modelCopy.tiers[i].text
+        }
+        return null
+      }
+
+      function cancelCloseModel() {
+        modelHoverIntent.cancel()
+      }
+
+      function scheduleCloseModel() {
+        modelHoverIntent.scheduleClose()
+      }
+
+      function closeModelPopovers() {
+        cancelCloseModel()
+        if (modelPop) modelPop.setAttribute('data-open', 'false')
+        if (modelSubPop) modelSubPop.setAttribute('data-open', 'false')
+        modelSubKind = null
+      }
+
+      function openModelPopover() {
+        cancelCloseModel()
+        modelDirectory()
+        // load() is async — the host itself guards with .catch(() => {}); a bare
+        // try/catch cannot see its rejection.
+        if (modelDir && typeof modelDir.load === 'function') {
+          try {
+            var pending = modelDir.load()
+            if (pending && typeof pending.catch === 'function') {
+              pending.catch(function () { /* the store's error surface covers a failure */ })
+            }
+          } catch (error) { /* synchronous failure — the store's error surface covers it */ }
+        }
+        modelSubKind = null
+        if (modelSubPop) modelSubPop.setAttribute('data-open', 'false')
+        renderModelBody()
+        positionModelPopovers()
+        if (modelPop) modelPop.setAttribute('data-open', 'true')
+      }
+
+      function openModelSub(kind) {
+        cancelCloseModel()
+        modelSubKind = kind
+        renderModelSub()
+        positionModelPopovers()
+        if (modelSubPop) modelSubPop.setAttribute('data-open', 'true')
+      }
+
+      /**
+       * The current session id. The Session Controller dropped
+       * `list.current` in dsh 0.2 (the main-view selection now comes from the
+       * `uiSession` projection), so this MUST go through the shared
+       * currentSessionId() in context.js — reading the legacy field directly
+       * resolves to null on current hosts and the picker never loads.
+       */
+      function currentModelSessionId() {
+        try {
+          var sessions = ctx.get('sessions')
+          if (sessions === void 0 || sessions === null) return null
+          var id = currentSessionId(ctx, sessions)
+          return id === void 0 || id === null ? null : id
+        } catch (error) {
+          return null
+        }
+      }
+
+      function dropModelSubscription() {
+        if (modelSub) {
+          try { modelSub() } catch (error) { /* already disposed */ }
+        }
+        modelSub = null
+      }
+
+      /** Resolve the session's directory (and observe it) once per session. */
+      function modelDirectory() {
+        var id = currentModelSessionId()
+        if (id === null) {
+          dropModelSubscription()
+          modelDir = null
+          modelSessionId = null
+          return null
+        }
+        if (modelSessionId === id && modelDir !== null) return modelDir
+        dropModelSubscription()
+        modelDir = null
+        modelSessionId = null
+        try {
+          var dirs = ctx.get('modelDirectories')
+          if (dirs && typeof dirs.directoryFor === 'function') {
+            modelDir = dirs.directoryFor(id)
+          }
+        } catch (error) {
+          modelDir = null
+        }
+        modelSessionId = id
+        // The directory INSTANCE only carries load/select — its reactive state
+        // hangs off the `.store` snapshot store (the host hands that same store
+        // to its own menu as `directory`). Subscribe to the store, never to the
+        // instance, and never let a subscribe failure discard the directory.
+        if (modelDir !== null) {
+          var store = modelDir.store
+          if (store && typeof store.subscribe === 'function') {
+            try {
+              modelSub = store.subscribe(function () { if (ui.schedule) ui.schedule() })
+            } catch (error) {
+              modelSub = null
+            }
+          }
+        }
+        return modelDir
       }
 
-      function restoreStatsPosition() {
-        var stats = document.querySelector('[data-composer-stats]')
-        // `[class*="_row"]`, not `[class*="row"]`: the bare substring also
-        // matches the input growth wrapper (`grow` contains `row`).
-        if (stats && stats.parentElement && (stats.parentElement.matches && stats.parentElement.matches('[class*="_row"]') || stats.parentElement.querySelector('[class*="tools"]'))) {
-          var card = stats.closest('[data-composer-card]')
-          if (card && card.parentNode) {
-            card.parentNode.insertBefore(stats, card.nextSibling)
+      function modelSnapshot() {
+        if (modelDir === null || !modelDir.store) return null
+        try { return modelDir.store.getSnapshot() } catch (error) { return null }
+      }
+
+      /** The current selection resolved to its group + model entries. */
+      function modelCurrent(snap) {
+        if (!snap || snap.current === null) return null
+        for (var g = 0; g < snap.groups.length; g++) {
+          var group = snap.groups[g]
+          if (group.id !== snap.current.provider) continue
+          for (var m = 0; m < group.models.length; m++) {
+            if (group.models[m].id === snap.current.model) return { group: group, model: group.models[m] }
           }
         }
+        return null
       }
 
-      // Re-insert when a re-render swapped the host row, then mirror the running preset.
-      function syncSegments() {
-        var hasTurns = document.querySelector('[class*="turn"], [class*="message"], [data-turn], [data-message-id]') !== null
-        var isHero = !hasTurns && (document.querySelector('[class*="composerHero"], [data-phase="hero"]') !== null)
-        var allCards = document.querySelectorAll('[data-composer-card]')
-        for (var c = 0; c < allCards.length; c++) {
-          allCards[c].setAttribute('data-composer-variant', isHero ? 'hero' : 'inline')
+      /** Reasoning metadata + the effective effort for the current model. */
+      function modelEffort(snap) {
+        var current = modelCurrent(snap)
+        if (current === null || !current.model.reasoning) return null
+        var reasoning = current.model.reasoning
+        var effective = snap.current.reasoningEffort !== void 0 ? snap.current.reasoningEffort : reasoning.defaultEffort
+        var label = MODEL_EFFORT_DEFAULT
+        if (effective !== void 0) {
+          label = effective
+          for (var i = 0; i < reasoning.efforts.length; i++) {
+            if (reasoning.efforts[i].id === effective) {
+              label = reasoning.efforts[i].name
+              break
+            }
+          }
         }
+        return { reasoning: reasoning, effective: effective, label: label }
+      }
 
-        var trigger = findAccessTrigger()
-        if (trigger === null) return
-        var host = trigger.parentElement
-        if (host === null) return
+      /**
+       * The description line for one catalog model, in the shell's language.
+       *
+       * Resolution descends: exact entry (one model resold by several providers
+       * folds to a single key) → family rule → tier rule → the catalog's own
+       * text. Family rules are ordered and anchored (see
+       * src/model-descriptions.json) so another vendor's flash tier never
+       * borrows DeepSeek's copy. A model this table has never seen and the
+       * catalog does not describe resolves to an empty string on purpose: a
+       * name-only row beats an invented line.
+       */
+      function modelDescription(groupId, model) {
+        var id = typeof model.id === 'string' ? model.id : ''
+        var pair = exactModelCopy(groupId, id) || familyModelCopy(groupId, id) || tierModelCopy(id)
+        var text = localized(pair, ctx)
+        if (text) return text
+        return typeof model.description === 'string' ? model.description : ''
+      }
 
-        var session = currentSession(ctx)
-        var preset = session === null ? null : currentPreset(session)
+      function modelEl(tag, cls, text) {
+        var el = document.createElement(tag)
+        if (cls) el.className = cls
+        if (text !== void 0 && text !== null) el.textContent = text
+        return el
+      }
 
-        var existingPermContainers = document.querySelectorAll('.dsh-claude-perm-container')
-        var existingSegments = document.querySelectorAll('.' + SEGMENTS_CLASS)
+      var MODEL_CHECK_SVG = '<svg viewBox="0 0 16 16" width="14" height="14" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M3 8.5l3.2 3.2L13 5"/></svg>'
+      var MODEL_CHEVRON_SVG = '<svg viewBox="0 0 16 16" width="12" height="12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M6 4l4 4-4 4"/></svg>'
+      var MODEL_CHEVRON_DOWN_SVG = '<svg viewBox="0 0 16 16" width="12" height="12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M4 6l4 4 4-4"/></svg>'
+
+      /** One selectable model row: name, description line and a check when current. */
+      function buildModelOption(group, model, selected) {
+        var item = modelEl('button', 'dsh-claude-model-option')
+        item.type = 'button'
+        item.setAttribute('role', 'menuitemradio')
+        item.setAttribute('aria-checked', selected ? 'true' : 'false')
+        var copy = modelEl('span', 'dsh-claude-model-copy')
+        copy.appendChild(modelEl('span', 'dsh-claude-model-name', model.name))
+        // One line, in the shell's language: the copy document is localized, so
+        // the row never stacks two languages.
+        var desc = modelDescription(group.id, model)
+        if (desc) copy.appendChild(modelEl('span', 'dsh-claude-model-desc', desc))
+        item.appendChild(copy)
+        var check = modelEl('span', 'dsh-claude-model-check')
+        check.innerHTML = selected ? MODEL_CHECK_SVG : ''
+        item.appendChild(check)
+        item.addEventListener('click', (function (g, m) {
+          return function (e) {
+            e.stopPropagation()
+            pickModel(g, m)
+          }
+        })(group.id, model.id))
+        return item
+      }
 
-        if (isHero) {
-          for (var i = 0; i < existingPermContainers.length; i++) {
-            existingPermContainers[i].remove()
+      /** One level-2 row: label + current value + chevron, hover opens its level. */
+      function buildModelCell(label, value, kind) {
+        var cell = modelEl('button', 'dsh-claude-model-cell')
+        cell.type = 'button'
+        cell.setAttribute('role', 'menuitem')
+        cell.appendChild(modelEl('span', 'dsh-claude-model-cell-label', label))
+        if (value) cell.appendChild(modelEl('span', 'dsh-claude-model-cell-value', value))
+        var chevron = modelEl('span', 'dsh-claude-model-cell-chevron')
+        chevron.innerHTML = MODEL_CHEVRON_SVG
+        cell.appendChild(chevron)
+        cell.addEventListener('mouseenter', (function (k) {
+          return function () {
+            if (readPrefs().autoPopover) openModelSub(k)
           }
-          if (permPopover && permPopover.parentElement) {
-            permPopover.parentElement.removeChild(permPopover)
+        })(kind))
+        cell.addEventListener('click', (function (k) {
+          return function (e) {
+            e.stopPropagation()
+            if (modelSubKind === k) closeModelPopovers()
+            else openModelSub(k)
           }
-          permContainer = null
-          permBtn = null
-          permLabel = null
-          permPopover = null
+        })(kind))
+        return cell
+      }
 
-          if (existingSegments.length > 1) {
-            for (var s = 1; s < existingSegments.length; s++) existingSegments[s].remove()
+      function pickModel(provider, modelId) {
+        var dir = modelDirectory()
+        if (dir === null) return
+        try {
+          // select() is async and rejects on a failed selection; swallow the
+          // rejection the way the host's own seat wrapper does.
+          var pending = dir.select({ provider: provider, model: modelId })
+          if (pending && typeof pending.catch === 'function') pending.catch(function () {})
+        } catch (error) { /* rejected selections surface on the host's toast */ }
+        closeModelPopovers()
+      }
+
+      function pickEffort(effort) {
+        var dir = modelDirectory()
+        var snap = modelSnapshot()
+        if (dir === null || !snap || snap.current === null) return
+        var selection = { provider: snap.current.provider, model: snap.current.model }
+        if (effort !== void 0) selection.reasoningEffort = effort
+        try {
+          var pending = dir.select(selection)
+          if (pending && typeof pending.catch === 'function') pending.catch(function () {})
+        } catch (error) { /* rejected selections surface on the host's toast */ }
+        closeModelPopovers()
+      }
+
+      /** Level 1: the official provider's models, divider, effort + more rows. */
+      function renderModelBody() {
+        if (!modelBody) return
+        var snap = modelSnapshot()
+        var status = snap ? snap.status : 'idle'
+        var groups = (snap && snap.groups) || []
+        var current = modelCurrent(snap)
+        var effort = modelEffort(snap)
+        var sig = [status, activeLocale(), current ? current.group.id + '/' + current.model.id : '', effort ? String(effort.effective) : ''].join('|')
+        for (var g = 0; g < groups.length; g++) sig += ';' + groups[g].id + ':' + groups[g].models.length
+        if (sig === modelBodySig) return
+        modelBodySig = sig
+        while (modelBody.firstChild) modelBody.removeChild(modelBody.firstChild)
+
+        if (status === 'idle' || status === 'loading' || status === 'selecting') {
+          modelBody.appendChild(modelEl('div', 'dsh-claude-model-status', copyLabel('loading', MODEL_LOADING_LABEL)))
+        } else {
+          var official = null
+          for (var g2 = 0; g2 < groups.length; g2++) {
+            if (groups[g2].id === MODEL_OFFICIAL_GROUP) { official = groups[g2]; break }
           }
-          if (existingSegments.length === 1 && host.contains(existingSegments[0])) {
-            segments = existingSegments[0]
+          var rows = []
+          if (official) {
+            for (var m = 0; m < official.models.length; m++) rows.push({ group: official, model: official.models[m] })
           } else {
-            for (var s2 = 0; s2 < existingSegments.length; s2++) existingSegments[s2].remove()
-            segments = buildSegments(pick)
-            host.insertBefore(segments, host.firstChild)
+            for (var g3 = 0; g3 < groups.length; g3++) {
+              for (var m2 = 0; m2 < groups[g3].models.length; m2++) rows.push({ group: groups[g3], model: groups[g3].models[m2] })
+            }
           }
-          for (var j = 0; j < segments.children.length; j++) {
-            var item = segments.children[j]
-            if (item.getAttribute('data-preset') === preset) {
-              item.setAttribute('data-active', '')
-              item.setAttribute('aria-checked', 'true')
-            } else {
-              item.removeAttribute('data-active')
-              item.setAttribute('aria-checked', 'false')
+          if (rows.length === 0) {
+            modelBody.appendChild(modelEl('div', 'dsh-claude-model-status', copyLabel('empty', MODEL_EMPTY_LABEL)))
+          } else {
+            for (var r = 0; r < rows.length; r++) {
+              var selected = current !== null && current.group.id === rows[r].group.id && current.model.id === rows[r].model.id
+              modelBody.appendChild(buildModelOption(rows[r].group, rows[r].model, selected))
             }
           }
-        } else {
-          for (var es = 0; es < existingSegments.length; es++) {
-            existingSegments[es].remove()
+          modelBody.appendChild(modelEl('div', 'dsh-claude-model-divider'))
+          if (effort) modelBody.appendChild(buildModelCell(copyLabel('effortLabel', MODEL_EFFORT_LABEL), effort.label, 'effort'))
+          modelBody.appendChild(buildModelCell(copyLabel('moreLabel', MODEL_MORE_LABEL), '', 'more'))
+        }
+      }
+
+      /** Level 2: the effort ladder, or every provider group's models. */
+      function renderModelSub() {
+        if (!modelSubBody) return
+        var snap = modelSnapshot()
+        if (modelSubKind === 'effort') {
+          var effort = modelEffort(snap)
+          var sig = 'effort:' + (effort ? String(effort.effective) : 'none')
+          if (sig === modelSubSig) return
+          modelSubSig = sig
+          while (modelSubBody.firstChild) modelSubBody.removeChild(modelSubBody.firstChild)
+          if (effort === null) {
+            modelSubBody.appendChild(modelEl('div', 'dsh-claude-model-status', copyLabel('noEffort', MODEL_NO_EFFORT_LABEL)))
+            return
           }
-          segments = null
+          var levels = []
+          if (effort.reasoning.defaultEffort === void 0) levels.push({ effort: void 0, label: MODEL_EFFORT_DEFAULT })
+          for (var i = 0; i < effort.reasoning.efforts.length; i++) {
+            levels.push({ effort: effort.reasoning.efforts[i].id, label: effort.reasoning.efforts[i].name })
+          }
+          for (var l = 0; l < levels.length; l++) {
+            (function (level, active) {
+              var item = modelEl('button', 'dsh-claude-model-option')
+              item.type = 'button'
+              item.setAttribute('role', 'menuitemradio')
+              item.setAttribute('aria-checked', active ? 'true' : 'false')
+              item.appendChild(modelEl('span', 'dsh-claude-model-copy', level.label))
+              var check = modelEl('span', 'dsh-claude-model-check')
+              check.innerHTML = active ? MODEL_CHECK_SVG : ''
+              item.appendChild(check)
+              item.addEventListener('click', function (e) {
+                e.stopPropagation()
+                pickEffort(level.effort)
+              })
+              modelSubBody.appendChild(item)
+            })(levels[l], effort.effective === levels[l].effort)
+          }
+          return
+        }
+        // 'more': every provider group, headed by its name.
+        var groups = (snap && snap.groups) || []
+        var current = modelCurrent(snap)
+        var sig2 = 'more'
+        for (var g = 0; g < groups.length; g++) sig2 += ';' + groups[g].id + ':' + groups[g].models.length
+        if (current) sig2 += '#' + current.group.id + '/' + current.model.id
+        if (sig2 === modelSubSig) return
+        modelSubSig = sig2
+        while (modelSubBody.firstChild) modelSubBody.removeChild(modelSubBody.firstChild)
+        for (var g2 = 0; g2 < groups.length; g2++) {
+          var group = groups[g2]
+          if (group.models.length === 0) continue
+          modelSubBody.appendChild(modelEl('div', 'dsh-claude-model-group', group.name))
+          for (var m = 0; m < group.models.length; m++) {
+            var selected = current !== null && current.group.id === group.id && current.model.id === group.models[m].id
+            modelSubBody.appendChild(buildModelOption(group, group.models[m], selected))
+          }
+        }
+        if (modelSubBody.firstChild === null) {
+            modelSubBody.appendChild(modelEl('div', 'dsh-claude-model-status', copyLabel('empty', MODEL_EMPTY_LABEL)))
+        }
+      }
 
-          var allExisting = document.querySelectorAll('.dsh-claude-perm-container')
-          if (allExisting.length > 0) {
-            permContainer = allExisting[0]
-            for (var p = 1; p < allExisting.length; p++) {
-              allExisting[p].remove()
-            }
-            if (permContainer.parentElement !== host) {
-              host.insertBefore(permContainer, host.firstChild)
-            }
-            permBtn = permContainer.querySelector('.dsh-claude-perm-btn')
-            permLabel = permContainer.querySelector('.dsh-claude-perm-label')
-          } else {
-            var res = buildPermTriggerAndPopover(pick)
-            permContainer = res.container
-            permBtn = res.btn
-            permLabel = res.label
-            permPopover = res.popover
-            host.insertBefore(permContainer, host.firstChild)
+      function positionModelPopovers() {
+        if (!modelBtn || !modelPop) return
+        var pos = positionAnchoredPopover(modelBtn, modelPop, { side: 'above', gap: 6 })
+        if (modelSubPop && modelSubPop.getAttribute('data-open') === 'true') {
+          var w2 = modelSubPop.offsetWidth
+          var h2 = modelSubPop.offsetHeight
+          // Beside the first level; flip to its left when the viewport is tight.
+          var x2 = pos.x + modelPop.offsetWidth + 4
+          if (x2 + w2 > window.innerWidth - POPOVER_MARGIN) x2 = Math.max(POPOVER_MARGIN, pos.x - 4 - w2)
+          var y2 = Math.max(POPOVER_MARGIN, Math.min(pos.y, window.innerHeight - h2 - POPOVER_MARGIN))
+          modelSubPop.style.left = x2 + 'px'
+          modelSubPop.style.top = y2 + 'px'
+        }
+      }
+
+      function ensureModelChrome() {
+        if (modelPop === null) {
+          modelPop = document.createElement('div')
+          modelPop.className = 'dsh-claude-model-popover'
+          modelPop.setAttribute('role', 'menu')
+          modelPop.setAttribute('data-open', 'false')
+          modelBody = document.createElement('div')
+          modelBody.className = 'dsh-claude-model-popover-body'
+          modelPop.appendChild(modelBody)
+          modelPop.addEventListener('mouseenter', cancelCloseModel)
+          modelPop.addEventListener('mouseleave', scheduleCloseModel)
+          document.body.appendChild(modelPop)
+        }
+        if (modelSubPop === null) {
+          modelSubPop = document.createElement('div')
+          modelSubPop.className = 'dsh-claude-model-popover dsh-claude-model-popover-sub'
+          modelSubPop.setAttribute('role', 'menu')
+          modelSubPop.setAttribute('data-open', 'false')
+          modelSubBody = document.createElement('div')
+          modelSubBody.className = 'dsh-claude-model-popover-body'
+          modelSubPop.appendChild(modelSubBody)
+          modelSubPop.addEventListener('mouseenter', cancelCloseModel)
+          modelSubPop.addEventListener('mouseleave', scheduleCloseModel)
+          document.body.appendChild(modelSubPop)
+        }
+      }
+
+      /** Build/refresh the trigger, its label and the popover rows. */
+      function syncModelControl() {
+        if (!ui.copy.isComposerActive()) {
+          var allHosts = document.querySelectorAll('[data-dsh-claude-model-host]')
+          for (var h = 0; h < allHosts.length; h++) {
+            allHosts[h].removeAttribute('data-dsh-claude-model-host')
           }
-          updatePermState(preset)
+          var allModelBtns = document.querySelectorAll('.dsh-claude-model-btn')
+          for (var mb = 0; mb < allModelBtns.length; mb++) {
+            allModelBtns[mb].remove()
+          }
+          modelBtn = null
+          var allModelPops = document.querySelectorAll('.dsh-claude-model-popover')
+          for (var mp = 0; mp < allModelPops.length; mp++) {
+            allModelPops[mp].remove()
+          }
+          modelPop = null
+          modelSubPop = null
+          modelBody = null
+          modelSubBody = null
+          modelSubKind = null
+          modelBodySig = ''
+          modelSubSig = ''
+          cancelCloseModel()
+          dropModelSubscription()
+          modelDir = null
+          modelSessionId = null
+          return
+        }
+
+        // The copy document is fetched on first paint of the picker rather than
+        // at install, so a session that never opens it never pays for it.
+        loadModelCopy()
+        modelDirectory()
+        var slot = document.querySelector('[data-slot="conversation.input.model"]')
+        if (slot === null) return
+        // Hide the host's own seat (React owns the node; re-mark on swap).
+        var hostRoot = slot.firstElementChild
+        if (hostRoot !== null && !hostRoot.hasAttribute('data-dsh-claude-model-host')) {
+          hostRoot.setAttribute('data-dsh-claude-model-host', '')
+        }
+        if (modelBtn === null || modelBtn.parentElement !== slot) {
+          if (modelBtn !== null && modelBtn.parentElement !== null) modelBtn.parentElement.removeChild(modelBtn)
+          modelBtn = document.createElement('button')
+          modelBtn.type = 'button'
+          modelBtn.className = 'dsh-claude-model-btn'
+          modelBtn.setAttribute('aria-haspopup', 'menu')
+          modelBtn.innerHTML =
+            '<span class="dsh-claude-model-btn-label"></span>' +
+            '<span class="dsh-claude-model-btn-chevron">' + MODEL_CHEVRON_DOWN_SVG + '</span>'
+          // Same contract as the account trigger: hover unless the preference
+          // says click-only.
+          modelBtn.addEventListener('mouseenter', function () {
+            if (readPrefs().autoPopover) openModelPopover()
+          })
+          modelBtn.addEventListener('mouseleave', function () {
+            if (readPrefs().autoPopover) scheduleCloseModel()
+          })
+          modelBtn.addEventListener('click', function (e) {
+            e.stopPropagation()
+            if (modelPop && modelPop.getAttribute('data-open') === 'true') closeModelPopovers()
+            else openModelPopover()
+          })
+          slot.appendChild(modelBtn)
+        }
+        ensureModelChrome()
+
+        var snap = modelSnapshot()
+        var current = modelCurrent(snap)
+        var effort = modelEffort(snap)
+        var label = current ? current.model.name : copyLabel('fallbackLabel', MODEL_FALLBACK_LABEL)
+        var labelEl = modelBtn.querySelector('.dsh-claude-model-btn-label')
+        if (labelEl) {
+          labelEl.textContent = label
+          labelEl.classList.toggle('dsh-claude-model-btn-loading', !!(snap && (snap.status === 'loading' || snap.status === 'idle' || snap.status === 'selecting')))
+        }
+        var effortEl = modelBtn.querySelector('.dsh-claude-model-btn-effort')
+        if (effort) {
+          if (effortEl === null) {
+            effortEl = modelEl('span', 'dsh-claude-model-btn-effort')
+            modelBtn.insertBefore(effortEl, modelBtn.firstChild ? labelEl.nextSibling : null)
+          }
+          effortEl.textContent = '· ' + effort.label
+        } else if (effortEl !== null && effortEl.parentElement) {
+          effortEl.parentElement.removeChild(effortEl)
+        }
+        modelBtn.setAttribute('aria-label', copyLabel('triggerLabel', MODEL_TRIGGER_LABEL, { model: label }))
+        modelBtn.disabled = false
+
+        renderModelBody()
+        if (modelSubKind !== null) {
+          renderModelSub()
+          if (modelSubPop && modelSubPop.getAttribute('data-open') === 'true') positionModelPopovers()
+        }
+        if (modelPop && modelPop.getAttribute('data-open') === 'true') positionModelPopovers()
+      }
+
+
+      ui.model = {
+        sync: syncModelControl,
+        close: closeModelPopovers,
+        owns: function (target) {
+          if (!target) return false
+          return (modelBtn !== null && modelBtn.contains(target)) ||
+                 (modelPop !== null && modelPop.contains(target)) ||
+                 (modelSubPop !== null && modelSubPop.contains(target))
+        },
+        reposition: positionModelPopovers,
+        invalidateCopy: function () {
+          modelBodySig = ''
+          modelSubSig = ''
+        },
+        teardown: function () {
+          cancelCloseModel()
+          dropModelSubscription()
+          modelDir = null
+          modelSessionId = null
+          modelBtn = null
+          modelPop = null
+          modelSubPop = null
+          modelBody = null
+          modelSubBody = null
+          modelSubKind = null
+          modelBodySig = ''
+          modelSubSig = ''
         }
       }
 
+      return ui.model.teardown
+    }
+
+    // ============================================================================
+    // 4.3: 账户页脚与弹层 (Account Footer & Popover)
+    // ============================================================================
+    function installAccountFooter(ctx, ui) {
       // --- 4.3 Account Footer & Popover ---
       var accountBtn = null
       var accountPopover = null
       var popoverBody = null
-      var popoverTimer = null
+      var popoverHoverIntent = createHoverIntent(openPopover, closePopover, 150)
 
       function openPopover() {
         if (!accountPopover || !accountBtn) return
-        if (popoverTimer) {
-          clearTimeout(popoverTimer)
-          popoverTimer = null
-        }
+        cancelClosePopover()
         // Mirrors are frozen while the popover is open (syncPopoverItems
         // bails), so reconcile them here — before the reveal — to show fresh
         // content/order and bind click targets for the upcoming interaction.
@@ -2687,6 +4349,9 @@ window.__ModuleLoader__.load({
           var footArea = document.querySelector('[class*="footArea"]')
           if (footArea) syncPopoverItems(footArea)
         } catch (error) { /* opening must never fail because of a mirror sync */ }
+        // Resolve the rail anchor before the reveal so the panel never paints at
+        // its stale coordinates for a frame.
+        positionAccountPopover()
         accountPopover.setAttribute('data-open', 'true')
         accountBtn.setAttribute('data-open', 'true')
         accountBtn.setAttribute('aria-expanded', 'true')
@@ -2694,10 +4359,7 @@ window.__ModuleLoader__.load({
 
       function closePopover() {
         if (!accountPopover || !accountBtn) return
-        if (popoverTimer) {
-          clearTimeout(popoverTimer)
-          popoverTimer = null
-        }
+        cancelClosePopover()
         accountPopover.setAttribute('data-open', 'false')
         accountBtn.setAttribute('data-open', 'false')
         accountBtn.setAttribute('aria-expanded', 'false')
@@ -2713,18 +4375,36 @@ window.__ModuleLoader__.load({
         }
       }
 
+      function cancelClosePopover() {
+        popoverHoverIntent.cancel()
+      }
+
       function scheduleClosePopover() {
-        if (popoverTimer) clearTimeout(popoverTimer)
-        popoverTimer = setTimeout(function () {
-          closePopover()
-        }, 150)
+        popoverHoverIntent.scheduleClose()
       }
 
-      function cancelClosePopover() {
-        if (popoverTimer) {
-          clearTimeout(popoverTimer)
-          popoverTimer = null
+      /**
+       * Anchor the account popover to its trigger while the sidebar is a rail.
+       *
+       * In the rail the popover is `position: fixed` (components/account-footer.css): the sidebar
+       * column clips its overflow, so an absolutely positioned panel would be cut
+       * off at the 56px rail edge and never seen. Its coordinates therefore have
+       * to be resolved here — the same contract the model picker's popovers use.
+       * The declarations are written `important` because the stylesheet anchors
+       * the wide-sidebar popover with `!important` as well, and an author
+       * `!important` beats a plain inline declaration.
+       *
+       * With the sidebar wide the CSS anchor is the right one, so the inline
+       * overrides are dropped again and the footer rule takes over.
+       */
+      function positionAccountPopover() {
+        if (!accountPopover || !accountBtn) return
+        if (accountBtn.closest('[class*="collapsed"]') === null) {
+          accountPopover.style.removeProperty('left')
+          accountPopover.style.removeProperty('top')
+          return
         }
+        positionAnchoredPopover(accountBtn, accountPopover, { side: 'right', important: true })
       }
 
       var settingsItem = null
@@ -3194,10 +4874,41 @@ window.__ModuleLoader__.load({
         return null
       }
 
+      /**
+       * Hand the sidebar footer back to the host.
+       *
+       * The "Collapse the sidebar settings area" preference turns the whole
+       * takeover off, so the skin's own nodes go and every marker it put on the
+       * host's entries is removed — with the stylesheet's takeover rules gated
+       * on the same attribute, the footer then renders exactly as shipped.
+       */
+      function dropAccountFooter(footArea) {
+        cancelClosePopover()
+        if (accountBtn !== null && accountBtn.parentElement !== null) accountBtn.parentElement.removeChild(accountBtn)
+        if (accountPopover !== null && accountPopover.parentElement !== null) {
+          accountPopover.parentElement.removeChild(accountPopover)
+        }
+        accountBtn = null
+        accountPopover = null
+        popoverBody = null
+        settingsItem = null
+        var marked = footArea.querySelectorAll(
+          '[data-dsh-claude-footer-entry], [data-dsh-claude-footer-hidden], [data-dsh-claude-footer-overlay]',
+        )
+        for (var i = 0; i < marked.length; i++) {
+          marked[i].removeAttribute('data-dsh-claude-footer-entry')
+          marked[i].removeAttribute('data-dsh-claude-footer-hidden')
+          marked[i].removeAttribute('data-dsh-claude-footer-overlay')
+        }
+      }
       function syncAccountFooter() {
         var footArea = document.querySelector('[class*="footArea"]')
         if (footArea === null) return
 
+        if (!readPrefs().collapseFooter) {
+          dropAccountFooter(footArea)
+          return
+        }
         var username = getUsername(ctx)
 
         if (accountBtn === null || !footArea.contains(accountBtn)) {
@@ -3215,11 +4926,15 @@ window.__ModuleLoader__.load({
             '</span>' +
             '<span class="dsh-claude-account-chevron"></span>'
 
+          // Hover is the default way in; the "Open popovers on hover"
+          // preference turns it off, leaving the click handler below as the only
+          // way in (and the only way out, so a click-opened popover does not
+          // vanish when the pointer leaves).
           accountBtn.addEventListener('mouseenter', function () {
-            openPopover()
+            if (readPrefs().autoPopover) openPopover()
           })
           accountBtn.addEventListener('mouseleave', function () {
-            scheduleClosePopover()
+            if (readPrefs().autoPopover) scheduleClosePopover()
           })
           accountBtn.addEventListener('click', function (e) {
             e.stopPropagation()
@@ -3272,20 +4987,58 @@ window.__ModuleLoader__.load({
         syncPopoverItems(footArea)
       }
 
-      // ============================================================================
-      // Zone 5: 响应式调度与生命周期清理 (Scheduler & Teardown)
-      // ============================================================================
+
+      ui.footer = {
+        sync: syncAccountFooter,
+        close: closePopover,
+        owns: function (target) {
+          if (!target) return false
+          return (accountBtn !== null && accountBtn.contains(target)) ||
+                 (accountPopover !== null && accountPopover.contains(target))
+        },
+        isOpen: function () {
+          return !!(accountPopover && accountPopover.getAttribute('data-open') === 'true')
+        },
+        reposition: positionAccountPopover
+      }
+
+      return function () {
+        cancelClosePopover()
+        var footArea = document.querySelector('[class*="footArea"]')
+        if (footArea) {
+          dropAccountFooter(footArea)
+        } else {
+          if (accountBtn !== null && accountBtn.parentElement !== null) accountBtn.parentElement.removeChild(accountBtn)
+          if (accountPopover !== null && accountPopover.parentElement !== null) accountPopover.parentElement.removeChild(accountPopover)
+          accountBtn = null
+          accountPopover = null
+          popoverBody = null
+          settingsItem = null
+        }
+      }
+    }
+
+    // ============================================================================
+    // 响应式调度与生命周期清理 (Scheduler & Teardown)
+    // ============================================================================
+    function installScheduler(ctx, ui) {
       function onGlobalPointerDown(e) {
-        if (!accountPopover || !accountBtn) return
         var target = e.target
-        if (target && (accountBtn.contains(target) || accountPopover.contains(target))) return
-        closePopover()
+        // The model picker is hover-driven; a press anywhere outside its
+        // trigger and both levels closes it (same discipline as the perm menu).
+        if (target && ui.model && !ui.model.owns(target)) {
+          ui.model.close()
+        }
+        if (!ui.footer || !ui.footer.isOpen()) return
+        if (target && ui.footer.owns(target)) return
+        ui.footer.close()
       }
 
       function onGlobalKeyDown(e) {
         if (e.key === 'Escape') {
-          closePopover()
-          closePermMenu()
+          if (ui.footer) ui.footer.close()
+          if (ui.permissions) ui.permissions.closeMenu()
+          if (ui.model) ui.model.close()
         }
         if ((e.ctrlKey || e.metaKey) && e.key === ',') {
           e.preventDefault()
@@ -3323,9 +5076,63 @@ window.__ModuleLoader__.load({
         }
       }
 
+      function onComposerInput(e) {
+        var target = e.target
+        if (!target) return
+        if (target.hasAttribute && (target.hasAttribute('data-composer-input') || (target.closest && target.closest('[data-composer-input]')))) {
+          if (ui.copy && ui.copy.syncAttachmentPlaceholder) ui.copy.syncAttachmentPlaceholder()
+        }
+      }
+
       document.addEventListener('pointerdown', onGlobalPointerDown)
       document.addEventListener('pointerdown', onCardPointerDown)
       document.addEventListener('keydown', onGlobalKeyDown, true)
+      document.addEventListener('input', onComposerInput, true)
+      document.addEventListener('compositionend', onComposerInput, true)
+
+      // Both fixed popovers are anchored to their trigger; scroll of the page
+      // (not the conversation's own auto-stick) and resizes move the anchor, so
+      // whichever is open must re-resolve it.
+      function onFixedPopoverViewportChange() {
+        if (ui.model) ui.model.reposition()
+        if (ui.footer && ui.footer.isOpen()) ui.footer.reposition()
+      }
+      window.addEventListener('resize', onFixedPopoverViewportChange)
+      window.addEventListener('scroll', onFixedPopoverViewportChange, true)
+
+      // The picker's copy follows the shell language, so a locale switch has to
+      // rebuild the rows it already painted. Subscribing here (rather than
+      // reading the locale at render time only) is what makes the change land
+      // while a popover is open.
+      var localeUnsubscribe = null
+      function onLocaleChange() {
+        if (ui.model) ui.model.invalidateCopy()
+        schedule()
+      }
+      try {
+        var localeService = ctx.get('locale')
+        if (localeService && typeof localeService.subscribe === 'function') {
+          localeUnsubscribe = localeService.subscribe(onLocaleChange)
+        }
+      } catch (error) { /* no locale service: the picker keeps the fallback language */ }
+
+      // Preferences gate the stylesheet and this scheduler both — the footer
+      // takeover adds or removes the account row, and the composer scope flips
+      // an attribute the stylesheet reads — so a change re-runs the pass. The
+      // first read also arrives through here, which is what replaces the
+      // defaults with the stored values.
+      var prefsUnsubscribe = null
+      prefsUnsubscribe = subscribePrefs(function () {
+        if (ui.model) ui.model.invalidateCopy()
+        schedule()
+      })
+      loadPrefs()
+
+      var modelCopyUnsubscribe = null
+      modelCopyUnsubscribe = onModelCopyLoaded(function () {
+        if (ui.model) ui.model.invalidateCopy()
+        schedule()
+      })
 
       // Chat streaming mutates the tree constantly; coalesce to one pass a frame.
       var scheduled = false
@@ -3348,13 +5155,13 @@ window.__ModuleLoader__.load({
         scheduled = true
         requestAnimationFrame(function () {
           scheduled = false
-          rewriteHeadline()
-          rewriteHint()
-          rewriteTurnStatus()
-          syncAttachmentState()
-          restoreStatsPosition()
-          syncSegments()
-          syncAccountFooter()
+          if (ui.copy) ui.copy.sync()
+          if (ui.permissions) ui.permissions.sync()
+          if (ui.model) ui.model.sync()
+          if (ui.footer) ui.footer.sync()
+          // Covers the rail toggle (and any reflow) while the popover is open:
+          // its anchor moved without a window resize or a page scroll.
+          if (ui.footer && ui.footer.isOpen()) ui.footer.reposition()
           if (composerCardObserver) {
             var currentCard = document.querySelector('[data-composer-card]')
             if (currentCard !== observedCard) {
@@ -3365,6 +5172,7 @@ window.__ModuleLoader__.load({
           }
         })
       }
+      ui.schedule = schedule
 
       var observer = new MutationObserver(schedule)
       observer.observe(document.body, {
@@ -3372,8 +5180,9 @@ window.__ModuleLoader__.load({
         characterData: true,
         subtree: true,
         attributes: true,
-        // The shipped trigger carries the current preset in its aria-label.
-        attributeFilter: ['aria-label'],
+        // The shipped trigger carries the current preset in its aria-label;
+        // the conversation tabs carry the active view in aria-selected.
+        attributeFilter: ['aria-label', 'aria-selected'],
       })
       schedule()
 
@@ -3381,53 +5190,40 @@ window.__ModuleLoader__.load({
       // line rolls over on the hour while the app stays open. rewriteHeadline
       // skips identical text, so this cannot feed the observer.
       var greetingTimer = setInterval(function () {
-        rewriteHeadline()
+        if (ui.copy) ui.copy.syncGreeting()
       }, 60000)
 
       return function () {
         clearInterval(greetingTimer)
         greetingTimer = null
+        window.removeEventListener('resize', onFixedPopoverViewportChange)
+        window.removeEventListener('scroll', onFixedPopoverViewportChange, true)
+        if (localeUnsubscribe !== null) {
+          try { localeUnsubscribe() } catch (error) { /* already disposed */ }
+          localeUnsubscribe = null
+        }
+        if (prefsUnsubscribe !== null) {
+          try { prefsUnsubscribe() } catch (error) { /* already disposed */ }
+          prefsUnsubscribe = null
+        }
+        if (modelCopyUnsubscribe !== null) {
+          try { modelCopyUnsubscribe() } catch (error) { /* already disposed */ }
+          modelCopyUnsubscribe = null
+        }
         observer.disconnect()
         if (composerCardObserver) {
           composerCardObserver.disconnect()
           composerCardObserver = null
           observedCard = null
         }
-        if (popoverTimer) {
-          clearTimeout(popoverTimer)
-          popoverTimer = null
-        }
         document.removeEventListener('pointerdown', onGlobalPointerDown)
         document.removeEventListener('pointerdown', onCardPointerDown)
         document.removeEventListener('keydown', onGlobalKeyDown, true)
-        if (permDocPointerListener) {
-          document.removeEventListener('pointerdown', permDocPointerListener)
-          permDocPointerListener = null
-        }
-        if (permResizeListener) {
-          window.removeEventListener('resize', permResizeListener)
-          window.removeEventListener('scroll', permResizeListener, true)
-          permResizeListener = null
-        }
-        if (segments !== null && segments.parentElement !== null) segments.parentElement.removeChild(segments)
-        segments = null
-        if (permPopover !== null && permPopover.parentElement !== null) {
-          permPopover.parentElement.removeChild(permPopover)
-        }
-        permPopover = null
-        permBtn = null
-        permLabel = null
-        permContainer = null
-        if (accountPopover !== null && accountPopover.parentElement !== null) {
-          accountPopover.parentElement.removeChild(accountPopover)
-        }
-        accountPopover = null
-        popoverBody = null
-        if (accountBtn !== null && accountBtn.parentElement !== null) {
-          accountBtn.parentElement.removeChild(accountBtn)
-        }
-        accountBtn = null
-        var leftoverItems = document.querySelectorAll('.dsh-claude-popover-item, .dsh-claude-popover-embed, .dsh-claude-account-popover, .dsh-claude-account-btn, .dsh-claude-perm-container, .dsh-claude-perm-popover, .dsh-claude-segments')
+        document.removeEventListener('input', onComposerInput, true)
+        document.removeEventListener('compositionend', onComposerInput, true)
+        // Safety-net DOM sweep. Feature teardowns run after this and tolerate
+        // nodes already being detached.
+        var leftoverItems = document.querySelectorAll('.dsh-claude-popover-item, .dsh-claude-popover-embed, .dsh-claude-account-popover, .dsh-claude-account-btn, .dsh-claude-perm-container, .dsh-claude-perm-popover, .dsh-claude-segments[data-composer-segments], .dsh-claude-model-btn, .dsh-claude-model-popover, [data-dsh-synthetic-placeholder]')
         for (var li = 0; li < leftoverItems.length; li++) {
           if (leftoverItems[li].parentElement) {
             leftoverItems[li].parentElement.removeChild(leftoverItems[li])
@@ -3444,74 +5240,160 @@ window.__ModuleLoader__.load({
     }
 
     // ============================================================================
-    // Zone 4.4: 设置页品牌分区 (Settings Section: Brand)
+    // 设置页 (Settings Section)
     // ============================================================================
     /**
      * The settings page section, mounted by the host into the `settings.section`
-     * slot. That slot hands a section only `{ close }` plus the standard hooks, so
-     * this component owns its state and persistence rather than reading a store.
+     * slot. That slot hands a section only `{ close }` plus the standard hooks,
+     * so this component owns no store of its own: it reads and writes the skin
+     * preferences through src/context/prefs.js, which owns the host round trip, and
+     * follows changes the same way the rest of the skin does.
+     *
+     * Copy comes from the model copy document's `settings` block, so the page
+     * follows the shell language like every other string the skin paints. The
+     * English literals here are the fallback for a failed fetch.
      *
-     * It renders a segmented control in the same visual language as the composer's
-     * permission control: a single hairline track with the active segment plated.
+     * Both segmented controls reuse the shared `.dsh-claude-segments` /
+     * `.dsh-claude-segment` classes — the same control the composer's permission
+     * picker uses — so the two read as one design instead of two lookalikes.
      */
-    function BrandSettingsSection() {
-      var state = React.useState(readStoredBrand())
-      var brand = state[0]
-      var setBrand = state[1]
+    function ClaudeStyleSettingsSection() {
+      var state = React.useState(readPrefs())
+      var prefs = state[0]
+      var setPrefs = state[1]
+      var errorState = React.useState(null)
+      var error = errorState[0]
+      var setError = errorState[1]
+
+      // The skin's own apply-side writes land here too (a reload, a conflict
+      // re-read), so the page never drifts from what the document says.
+      React.useEffect(function () {
+        var alive = true
+        var unsubscribe = subscribePrefs(function (next) {
+          if (alive) setPrefs(next)
+        })
+        var unsubscribeCopy = onModelCopyLoaded(function () {
+          if (alive) setPrefs(function (p) { return Object.assign({}, p) })
+        })
+        return function () {
+          alive = false
+          unsubscribe()
+          if (unsubscribeCopy) unsubscribeCopy()
+        }
+      }, [])
 
-      var choose = function (next) {
-        if (next === brand) return
-        writeStoredBrand(next)
-        applyBrand(next)
-        setBrand(next)
+      /**
+       * Apply one change. The control flips immediately and the host write
+       * follows; a refusal re-reads the authoritative value and says so.
+       */
+      var write = function (patch) {
+        setError(null)
+        setPrefs(Object.assign({}, prefs, patch))
+        savePrefs(patch).then(function (result) {
+          if (result === null) setError(settingsCopy('unavailable', 'The settings store is unavailable, so changes will not be saved.'))
+        })
       }
 
-      var options = [
-        { value: BRAND_CLAUDE, label: 'Claude' },
-        { value: BRAND_ANTHROPIC, label: 'Anthropic' },
-      ]
-
-      var segments = []
-      for (var i = 0; i < options.length; i++) {
-        segments.push(
-          React.createElement(
+      var segment = function (options, active, onPick) {
+        var buttons = []
+        for (var i = 0; i < options.length; i++) {
+          buttons.push(React.createElement(
             'button',
             {
               key: options[i].value,
               type: 'button',
-              className: 'dsh-claude-brand-option',
-              'data-active': options[i].value === brand ? 'true' : 'false',
-              'aria-pressed': options[i].value === brand ? 'true' : 'false',
+              className: SEGMENT_CLASS,
+              'data-active': options[i].value === active ? '' : undefined,
+              'aria-pressed': options[i].value === active ? 'true' : 'false',
               onClick: (function (value) {
                 return function () {
-                  choose(value)
+                  if (value !== active) onPick(value)
                 }
               })(options[i].value),
             },
             options[i].label,
-          ),
+          ))
+        }
+        return React.createElement('div', { className: SEGMENTS_CLASS, role: 'group' }, buttons)
+      }
+
+      var toggle = function (on, onPick) {
+        return React.createElement(
+          'button',
+          {
+            type: 'button',
+            className: 'dsh-claude-settings-switch',
+            role: 'switch',
+            'aria-checked': on ? 'true' : 'false',
+            'data-on': on ? '' : undefined,
+            onClick: function () { onPick(!on) },
+          },
+          React.createElement('span', { className: 'dsh-claude-settings-switch-knob' }),
         )
       }
 
-      return React.createElement(
-        'div',
-        { className: 'dsh-claude-brand-section' },
-        React.createElement('div', { className: 'dsh-claude-brand-title' }, 'Claude Style'),
-        React.createElement(
+      var row = function (key, title, description, control) {
+        return React.createElement(
           'div',
-          { className: 'dsh-claude-brand-card' },
+          { className: 'dsh-claude-settings-row', key: key },
           React.createElement(
             'div',
-            { className: 'dsh-claude-brand-card-text' },
-            React.createElement('div', { className: 'dsh-claude-brand-card-title' }, 'Sidebar brand'),
-            React.createElement(
-              'div',
-              { className: 'dsh-claude-brand-card-desc' },
-              'Which brand mark the sidebar shows. Claude is the default.',
-            ),
+            { className: 'dsh-claude-settings-row-text' },
+            React.createElement('div', { className: 'dsh-claude-settings-row-title' }, title),
+            React.createElement('div', { className: 'dsh-claude-settings-row-desc' }, description),
           ),
-          React.createElement('div', { className: 'dsh-claude-brand-segments', role: 'group' }, segments),
+          control,
+        )
+      }
+
+      var brandOptions = [
+        { value: BRAND_OFF, label: settingsCopy('brandOff', 'Off') },
+        { value: BRAND_CLAUDE, label: settingsCopy('brandClaude', 'Claude') },
+        { value: BRAND_ANTHROPIC, label: settingsCopy('brandAnthropic', 'Anthropic') },
+      ]
+      var scopeOptions = [
+        { value: 'off', label: settingsCopy('scopeOff', 'Off') },
+        { value: 'hero', label: settingsCopy('scopeHero', 'Home only') },
+        { value: 'conversation', label: settingsCopy('scopeConversation', 'Conversation only') },
+        { value: 'all', label: settingsCopy('scopeAll', 'All') },
+      ]
+
+      var rows = [
+        row(
+          'brand',
+          settingsCopy('brandTitle', 'Brand mark'),
+          settingsCopy('brandDesc', 'Which brand mark the sidebar shows. "Off" leaves the host\'s own brand area untouched.'),
+          segment(brandOptions, prefs.brand, function (value) { write({ brand: value }) }),
+        ),
+        row(
+          'collapseFooter',
+          settingsCopy('collapseTitle', 'Collapse the sidebar settings area'),
+          settingsCopy('collapseDesc', 'Fold the sidebar footer\'s settings entry into the account popover. Off hands the footer back to the host entirely.'),
+          toggle(prefs.collapseFooter, function (value) { write({ collapseFooter: value }) }),
+        ),
+        row(
+          'autoPopover',
+          settingsCopy('autoPopoverTitle', 'Open popovers on hover'),
+          settingsCopy('autoPopoverDesc', 'Hover opens the account and model popovers. Off switches them to click-to-open.'),
+          toggle(prefs.autoPopover, function (value) { write({ autoPopover: value }) }),
         ),
+        row(
+          'composerScope',
+          settingsCopy('composerTitle', 'Composer restyle'),
+          settingsCopy('composerDesc', 'Which input area the skin restyles: the new-conversation page, the conversation, or both.'),
+          segment(scopeOptions, prefs.composerScope, function (value) { write({ composerScope: value }) }),
+        ),
+      ]
+
+      if (error !== null) {
+        rows.push(React.createElement('div', { className: 'dsh-claude-settings-error', key: 'error' }, error))
+      }
+
+      return React.createElement(
+        'div',
+        { className: 'dsh-claude-settings' },
+        React.createElement('div', { className: 'dsh-claude-settings-title' }, settingsCopy('title', 'Claude Style')),
+        rows,
       )
     }
 
@@ -3535,6 +5417,7 @@ window.__ModuleLoader__.load({
      * @returns a disposer that tears the registration down.
      */
     function installSettingsSection(ctx) {
+      loadModelCopy()
       if (typeof ctx.inject !== 'function') return function () {}
       var fiber = ctx.inject(['slots'], function (scope) {
         var slots = scope.get('slots')
@@ -3542,8 +5425,15 @@ window.__ModuleLoader__.load({
         scope.effect(function () {
           return slots.inject('settings.section', function () {
             return slots.register(
-              { name: 'settings.section', id: 'claude-style', order: 22, label: function () { return 'Claude Style' } },
-              BrandSettingsSection,
+              {
+                name: 'settings.section',
+                id: 'claude-style',
+                order: 22,
+                // A function, so the navigation entry localizes once the copy
+                // document has arrived; the literal is the pre-fetch fallback.
+                label: function () { return settingsCopy('title', 'Claude Style') },
+              },
+              ClaudeStyleSettingsSection,
             )
           })
         }, 'dsh-claude-style: settings section')
@@ -3558,12 +5448,18 @@ window.__ModuleLoader__.load({
     }
 
     // ============================================================================
-    // Zone 6: 插件入口与导出 (Plugin Entry & Export)
+    // 插件入口与导出 (Plugin Entry & Export)
     // ============================================================================
     function apply(ctx) {
       var body = document.body
       body.setAttribute('data-dsh-claude-style', '')
-      applyBrand(readStoredBrand())
+      setHostContext(ctx)
+      loadModelCopy()
+      // Preferences are read asynchronously from the host settings namespace;
+      // applying the defaults first keeps every gated rule in a defined state
+      // for the frames before that read settles, and is exactly the shipped
+      // behaviour when it never does.
+      adoptPrefs(prefs)
 
       var old = document.getElementById(STYLE_ID)
       if (old && old.parentElement) old.parentElement.removeChild(old)
@@ -3574,19 +5470,30 @@ window.__ModuleLoader__.load({
       style.textContent = CSS
       document.head.appendChild(style)
 
-      var stopOverrides = installOverrides(ctx)
+      var ui = {}
+      var teardowns = []
+      teardowns.push(installCopy(ctx, ui))
+      teardowns.push(installPermissions(ctx, ui))
+      teardowns.push(installModelPicker(ctx, ui))
+      teardowns.push(installAccountFooter(ctx, ui))
+      teardowns.push(installScheduler(ctx, ui)) // 最后装，回调中惰性读 ui 句柄
       var stopSettings = installSettingsSection(ctx)
 
       ctx.effect(function () {
         return function () {
-          stopOverrides()
+          for (var i = teardowns.length - 1; i >= 0; i--) {
+            try { teardowns[i]() } catch (error) { /* one teardown must not block the rest */ }
+          }
           stopSettings()
+          setHostContext(null)
           body.removeAttribute('data-dsh-claude-style')
           body.removeAttribute(BRAND_ATTR)
+          body.removeAttribute(FOOTER_ATTR)
+          body.removeAttribute(COMPOSER_ATTR)
           var el = document.getElementById(STYLE_ID)
           if (el) el.remove()
         }
-      }, 'dsh-claude-style: Claude Code Desktop theme')
+      }, 'dsh-claude-style: Claude Code desktop theme')
     }
 
     exports.apply = apply