@openvulcan/dsh-vulcancode 0.0.0-stage → 0.4.0

package/node_modules/@openvulcan/dsh-vulcan-style/lib/client.js

@@ -0,0 +1,1061 @@
+window.__ModuleLoader__.load({
+	id: "@openvulcan/dsh-vulcan-style",
+	factory: (platformRequire) => {
+		var definitions = {
+		"./controller": function (module, exports, require) {
+			"use strict";
+			/**
+			 * Keeps dsh's live theme in step with this plugin's settings: registers the Vulcan themes, applies
+			 * the stored choice when the settings arrive and whenever they change, answers dsh's own preference
+			 * changes (`policy.ts`), and stacks the square-corner layer. Also marks the document root while a
+			 * Vulcan theme or square corners are active, which is what `style.ts` scopes its rules to.
+			 */
+			Object.defineProperty(exports, "__esModule", { value: true });
+			exports.SQUARE_ATTRIBUTE = exports.THEME_ATTRIBUTE = exports.DSH_THEME_SETTINGS = void 0;
+			exports.settingsWriter = settingsWriter;
+			exports.installThemeSync = installThemeSync;
+			const policy_1 = require("./policy");
+			const shared_1 = require("./shared");
+			const themes_1 = require("./themes");
+			/** dsh's own theme settings namespace (`THEME_SETTINGS_NAMESPACE` in dsh-client-ui-theme). */
+			exports.DSH_THEME_SETTINGS = 'ui-theme';
+			/** Root attribute naming the active Vulcan theme (`light`, `dark` or `command`). */
+			exports.THEME_ATTRIBUTE = 'data-vulcan-theme';
+			/** Root attribute present while the square-corner layer is stacked. */
+			exports.SQUARE_ATTRIBUTE = 'data-vulcan-square';
+			const log = (message, error) => {
+			    console.warn(`[${shared_1.PACKAGE_NAME}] ${message}`, ...error === undefined ? [] : [error]);
+			};
+			function settingsWriter(form) {
+			    return {
+			        write: change => form.mutate(Object.entries(change).map(([key, value]) => ({ op: 'set', path: [key], value }))),
+			    };
+			}
+			/** Register the themes and keep the preference in step; returns the disposer. */
+			function installThemeSync(ctx, form) {
+			    const theme = ctx.theme;
+			    const dshSettings = ctx.configForms.get(exports.DSH_THEME_SETTINGS);
+			    const media = matchMedia('(prefers-color-scheme: dark)');
+			    const root = document.documentElement;
+			    let own = 0;
+			    let live = true;
+			    /** Settings arrived (or are unavailable, in which case the defaults apply). */
+			    const settled = () => form.getSnapshot().status !== 'loading';
+			    const settings = () => (0, shared_1.settingsOf)(form.getSnapshot().value);
+			    /** The built-in preference dsh stores, which a Vulcan theme only covers while it is active. */
+			    const storedBuiltin = () => {
+			        const preference = dshSettings.getSnapshot().value?.preference;
+			        return typeof preference === 'string' && (0, policy_1.isBuiltinPreference)(preference) ? preference : 'system';
+			    };
+			    /** Switch dsh's preference without treating the resulting change as someone else's. */
+			    const set = (id) => {
+			        if (theme.getTheme().preference === id)
+			            return;
+			        own += 1;
+			        try {
+			            theme.setTheme(id);
+			        }
+			        catch (error) {
+			            log(`cannot switch the theme to ${id}`, error);
+			        }
+			        finally {
+			            own -= 1;
+			        }
+			    };
+			    const markTheme = (activeId) => {
+			        if ((0, themes_1.isVulcanTheme)(activeId))
+			            root.setAttribute(exports.THEME_ATTRIBUTE, activeId.slice('vulcan-'.length));
+			        else
+			            root.removeAttribute(exports.THEME_ATTRIBUTE);
+			    };
+			    /** Bring the live preference to the stored choice. */
+			    const applyChoice = () => {
+			        if (!live || !settled())
+			            return;
+			        const wanted = (0, policy_1.wantedTheme)(settings().theme, media.matches);
+			        if (wanted !== undefined)
+			            set(wanted);
+			        else if ((0, themes_1.isVulcanTheme)(theme.getTheme().preference))
+			            set(storedBuiltin());
+			    };
+			    const record = (choice) => {
+			        const snapshot = form.getSnapshot();
+			        if (snapshot.status !== 'ready' || !snapshot.writable) {
+			            log(`cannot record the theme choice "${choice}": the plugin settings are not writable`);
+			            return;
+			        }
+			        form.mutate([{ op: 'set', path: ['theme'], value: choice }]).then(accepted => { if (!accepted)
+			            log(`the Host refused the theme choice "${choice}"`); }, (error) => { log(`cannot record the theme choice "${choice}"`, error); });
+			    };
+			    const registrations = themes_1.THEMES.map(definition => theme.register(definition));
+			    markTheme(theme.getTheme().active.id);
+			    const stopChange = ctx.on('theme/change', snapshot => {
+			        markTheme(snapshot.active.id);
+			        if (own > 0 || !live || !settled())
+			            return;
+			        const reaction = (0, policy_1.reactToPreference)({
+			            choice: settings().theme,
+			            prefersDark: media.matches,
+			            preference: snapshot.preference,
+			            // dsh emits synchronously from setTheme, so a pick in its Appearance row arrives while the
+			            // click is still being dispatched; its own fallbacks arrive from settings callbacks.
+			            userInput: (0, policy_1.isUserInputEvent)(window.event),
+			        });
+			        if (reaction.kind === 'record')
+			            record(reaction.choice);
+			        // Out of the emit, so every listener of this change sees it before the next one starts.
+			        else if (reaction.kind === 'apply')
+			            queueMicrotask(applyChoice);
+			    });
+			    let squareLayer;
+			    const applyCorners = () => {
+			        const wanted = live && settings().squareCorners;
+			        if (wanted && squareLayer === undefined) {
+			            squareLayer = theme.overrideTokens(shared_1.PACKAGE_NAME, (0, themes_1.squareCornerTokens)());
+			            root.setAttribute(exports.SQUARE_ATTRIBUTE, '');
+			        }
+			        else if (!wanted && squareLayer !== undefined) {
+			            squareLayer();
+			            squareLayer = undefined;
+			            root.removeAttribute(exports.SQUARE_ATTRIBUTE);
+			        }
+			    };
+			    const onSettings = () => {
+			        applyChoice();
+			        if (settled())
+			            applyCorners();
+			    };
+			    const stopSettings = form.subscribe(onSettings);
+			    const onScheme = () => { if (settings().theme === 'vulcan-auto')
+			        applyChoice(); };
+			    media.addEventListener('change', onScheme);
+			    onSettings();
+			    return () => {
+			        live = false;
+			        stopChange();
+			        stopSettings();
+			        media.removeEventListener('change', onScheme);
+			        applyCorners();
+			        // Hand the page back to the user's built-in preference rather than dsh's default.
+			        if ((0, themes_1.isVulcanTheme)(theme.getTheme().preference))
+			            set(storedBuiltin());
+			        for (const unregister of registrations)
+			            unregister();
+			        root.removeAttribute(exports.THEME_ATTRIBUTE);
+			    };
+			}
+
+		},
+		"./dsh-client": function (module, exports, require) {
+			"use strict";
+			/**
+			 * The parts of dsh's browser runtime this client half uses.
+			 *
+			 * dsh serves these modules from its page module table; their packages are not published at the
+			 * Host's version, so the shapes are restated here from dsh 0.2.1-rc.2 and must be checked again when
+			 * the supported dsh range moves:
+			 * - `@deepseek-ai/dsh-client-ui-theme` `lib/types/client/index.d.ts` (`ThemeRuntime`, `ThemeSnapshot`,
+			 *   `theme/change`)
+			 * - `packages/client/ui-settings/src/client/config-form-types.ts` (`ConfigForm`)
+			 * - `packages/client/ui-settings/src/client/contract/slots.ts` (`settings.general.item`)
+			 * - `packages/client/locale/src/client/index.ts` (`register`)
+			 */
+			Object.defineProperty(exports, "__esModule", { value: true });
+
+		},
+		"./dsh-tokens": function (module, exports, require) {
+			"use strict";
+			/**
+			 * Token names dsh 0.2.1-rc.2 declares in its theme stylesheets, generated by
+			 * `scripts/extract-dsh-tokens.mjs` from `@deepseek-ai/dsh-client-ui-theme/lib/client.js`.
+			 * Do not edit by hand; regenerate when the supported dsh range moves.
+			 */
+			Object.defineProperty(exports, "__esModule", { value: true });
+			exports.RADIUS_TOKENS = exports.SHARED_SKIN_TOKENS = exports.SKIN_TOKENS = exports.DSH_TOKENS_VERSION = void 0;
+			/** The dsh release these names were read from. */
+			exports.DSH_TOKENS_VERSION = '0.2.1-rc.2';
+			/**
+			 * Alias-layer and shell tokens the light palette (`body`) declares: the surface a theme restates.
+			 * Static colour ramps, type tokens and radii are not part of it.
+			 */
+			exports.SKIN_TOKENS = [
+			    '--dsw-alias-bg-base',
+			    '--dsw-alias-bg-document-preview',
+			    '--dsw-alias-bg-document-selection',
+			    '--dsw-alias-bg-layer-1',
+			    '--dsw-alias-bg-layer-2',
+			    '--dsw-alias-bg-layer-3',
+			    '--dsw-alias-bg-mask-1',
+			    '--dsw-alias-bg-mask-2',
+			    '--dsw-alias-bg-mask-3',
+			    '--dsw-alias-bg-mask-drop',
+			    '--dsw-alias-bg-mask-photo',
+			    '--dsw-alias-bg-module-platform',
+			    '--dsw-alias-bg-multi-select',
+			    '--dsw-alias-bg-overlay',
+			    '--dsw-alias-bg-skeleton',
+			    '--dsw-alias-border-inverted',
+			    '--dsw-alias-border-inverted2',
+			    '--dsw-alias-border-l1',
+			    '--dsw-alias-border-l2',
+			    '--dsw-alias-border-l2-darkmode-thin',
+			    '--dsw-alias-border-l3',
+			    '--dsw-alias-border-l4',
+			    '--dsw-alias-brand-primary',
+			    '--dsw-alias-brand-primary-invert',
+			    '--dsw-alias-brand-primary-new-colorprimary-new-color',
+			    '--dsw-alias-brand-text',
+			    '--dsw-alias-button-contrast-fill',
+			    '--dsw-alias-button-elevated-fill',
+			    '--dsw-alias-button-floating-fill',
+			    '--dsw-alias-button-floating-hover',
+			    '--dsw-alias-button-ghost-active-border',
+			    '--dsw-alias-button-ghost-active-fill',
+			    '--dsw-alias-button-ghost-active-hover',
+			    '--dsw-alias-button-info-fill',
+			    '--dsw-alias-button-info-hover',
+			    '--dsw-alias-button-primary-dimmed',
+			    '--dsw-alias-button-primary-fill',
+			    '--dsw-alias-button-primary-hover',
+			    '--dsw-alias-button-tool-bar-fill',
+			    '--dsw-alias-button-tool-bar-fill-invisible',
+			    '--dsw-alias-button-tool-bar-hover',
+			    '--dsw-alias-code-diff-added',
+			    '--dsw-alias-code-diff-deleted',
+			    '--dsw-alias-file-diff-added-bg',
+			    '--dsw-alias-file-diff-added-gutter',
+			    '--dsw-alias-file-diff-added-marker',
+			    '--dsw-alias-file-diff-deleted-bg',
+			    '--dsw-alias-file-diff-deleted-gutter',
+			    '--dsw-alias-file-diff-deleted-marker',
+			    '--dsw-alias-interactive-bg-active',
+			    '--dsw-alias-interactive-bg-hover',
+			    '--dsw-alias-interactive-bg-hover-accent',
+			    '--dsw-alias-interactive-bg-hover-danger',
+			    '--dsw-alias-interactive-bg-hover-solid',
+			    '--dsw-alias-label-caption',
+			    '--dsw-alias-label-deep-diving',
+			    '--dsw-alias-label-deep-diving-shimmer',
+			    '--dsw-alias-label-dimmed',
+			    '--dsw-alias-label-document-preview',
+			    '--dsw-alias-label-primary',
+			    '--dsw-alias-label-primary-bluish',
+			    '--dsw-alias-label-primary-dimmed',
+			    '--dsw-alias-label-primary-foreground',
+			    '--dsw-alias-label-primary-inverted',
+			    '--dsw-alias-label-secondary',
+			    '--dsw-alias-label-shimmer',
+			    '--dsw-alias-label-tertiary',
+			    '--dsw-alias-link',
+			    '--dsw-alias-markdown-citation',
+			    '--dsw-alias-markdown-code-block',
+			    '--dsw-alias-markdown-code-block-banner',
+			    '--dsw-alias-markdown-code-segment-selected',
+			    '--dsw-alias-markdown-code-segment-unselected',
+			    '--dsw-alias-markdown-inline-code',
+			    '--dsw-alias-markdown-placeholder',
+			    '--dsw-alias-markdown-tag',
+			    '--dsw-alias-menu-group-header-fill',
+			    '--dsw-alias-menu-icon',
+			    '--dsw-alias-onboarding-accent',
+			    '--dsw-alias-onboarding-card-fill',
+			    '--dsw-alias-onboarding-checkbox-border',
+			    '--dsw-alias-onboarding-secondary-fill',
+			    '--dsw-alias-scrollbar-bg-l1',
+			    '--dsw-alias-scrollbar-bg-l2',
+			    '--dsw-alias-scrollbar-hover-l1',
+			    '--dsw-alias-scrollbar-hover-l2',
+			    '--dsw-alias-settings-card-fill',
+			    '--dsw-alias-settings-card-stroke',
+			    '--dsw-alias-state-business-primary',
+			    '--dsw-alias-state-business-tertiary',
+			    '--dsw-alias-state-error-primary',
+			    '--dsw-alias-state-error-secondary',
+			    '--dsw-alias-state-idle-primary',
+			    '--dsw-alias-state-success-primary',
+			    '--dsw-alias-state-success-secondary',
+			    '--dsw-alias-state-success-tertiary',
+			    '--dsw-alias-state-warn-label',
+			    '--dsw-alias-state-warn-primary',
+			    '--dsw-alias-state-warn-secondary',
+			    '--dsw-alias-state-warn-tertiary',
+			    '--dsw-alias-switch-thumb',
+			    '--dsw-alias-toast-bg',
+			    '--dsw-alias-toast-label',
+			    '--dsw-alias-tooltip-bg',
+			    '--dsw-alias-tooltip-key-bg',
+			    '--dsw-alias-turn-trigger-bg',
+			    '--dsw-alias-turn-trigger-bg-hover',
+			    '--dsw-linear-gradient-think',
+			    '--dsw-linear-think-select',
+			    '--dsw-menu-surface-fill',
+			    '--dsw-shadow-lv1',
+			    '--dsw-shadow-lv1-blur',
+			    '--dsw-shadow-lv2',
+			    '--dsw-shadow-lv3',
+			    '--dsw-specific-bubble',
+			    '--dsw-specific-bubble-highlight',
+			    '--dsw-specific-input-major',
+			    '--dsw-specific-login-input',
+			    '--dsw-specific-menu',
+			    '--dsw-specific-selector',
+			    '--dsw-specific-sidebar-fill',
+			    '--dsw-specific-sidebar-nav-item-active',
+			    '--dsw-specific-sidebar-nav-item-active-accent',
+			    '--dsw-specific-sidebar-nav-item-hover',
+			    '--dsw-specific-tip',
+			];
+			/** Skin tokens the dark palette does not restate, so both palettes share the light value. */
+			exports.SHARED_SKIN_TOKENS = [
+			    '--dsw-alias-onboarding-accent',
+			    '--dsw-alias-settings-card-fill',
+			    '--dsw-alias-settings-card-stroke',
+			    '--dsw-shadow-lv1',
+			    '--dsw-shadow-lv1-blur',
+			    '--dsw-shadow-lv2',
+			    '--dsw-shadow-lv3',
+			];
+			/** Corner radius tokens (`:root` in base.css). */
+			exports.RADIUS_TOKENS = [
+			    '--dsw-radius-lg',
+			    '--dsw-radius-md',
+			    '--dsw-radius-panel',
+			    '--dsw-radius-sm',
+			    '--dsw-radius-xl',
+			    '--dsw-radius-xs',
+			];
+
+		},
+		"./i18n": function (module, exports, require) {
+			"use strict";
+			/** The plugin's interface text; dsh picks the dictionary that matches its interface language. */
+			Object.defineProperty(exports, "__esModule", { value: true });
+			exports.en = exports.zh = void 0;
+			exports.zh = {
+			    'title': 'Vulcan 界面风格',
+			    'description': 'VulcanCode 的配色与直角外观。选择「使用 dsh 主题」时，由 dsh 的「外观」设置决定明暗。',
+			    'choice.vulcan-auto': '跟随系统',
+			    'choice.vulcan-light': '亮色',
+			    'choice.vulcan-dark': '暗色',
+			    'choice.vulcan-command': '指挥舱',
+			    'choice.dsh': '使用 dsh 主题',
+			    'square.title': '直角',
+			    'square.description': '把界面的圆角改为直角，可与任何主题搭配，包括 dsh 自带主题。',
+			    'saveFailed': '未能保存设置。',
+			    'readOnly': '当前配置为只读，无法修改。',
+			};
+			exports.en = {
+			    'title': 'Vulcan style',
+			    'description': 'VulcanCode colours and square corners. With "Use dsh theme", the Appearance setting of dsh decides light or dark.',
+			    'choice.vulcan-auto': 'Follow system',
+			    'choice.vulcan-light': 'Light',
+			    'choice.vulcan-dark': 'Dark',
+			    'choice.vulcan-command': 'Command',
+			    'choice.dsh': 'Use dsh theme',
+			    'square.title': 'Square corners',
+			    'square.description': 'Draw the interface with square corners; works with any theme, dsh\'s own included.',
+			    'saveFailed': 'The setting could not be saved.',
+			    'readOnly': 'The configuration is read-only.',
+			};
+
+		},
+		"./index": function (module, exports, require) {
+			"use strict";
+			Object.defineProperty(exports, "__esModule", { value: true });
+			exports.inject = void 0;
+			exports.apply = apply;
+			const jsx_runtime_1 = require("react/jsx-runtime");
+			/**
+			 * Browser half of the dsh plugin: the VulcanCode look for the whole dsh web interface.
+			 *
+			 * - Registers the Vulcan light, dark and command themes and applies the stored choice on load.
+			 * - Stacks the square-corner token layer over any theme, dsh's own included.
+			 * - Adds a "Vulcan style" row to Settings › General, right after dsh's Appearance row, and the same
+			 *   form as this row's configuration page on the Plugins page.
+			 *
+			 * The choice lives in this plugin's settings because dsh persists only its built-in themes.
+			 *
+			 * dsh loads these files as one lazy factory; they may import only modules dsh serves to plugins.
+			 */
+			const controller_1 = require("./controller");
+			const i18n_1 = require("./i18n");
+			const settings_1 = require("./settings");
+			const shared_1 = require("./shared");
+			const style_1 = require("./style");
+			exports.inject = ['slots', 'locale', 'remote', 'configForms', 'theme'];
+			/**
+			 * The row's configuration on the Plugins page: the description as its one-liner, the settings row as its page.
+			 * The page passes its own `form` prop (a snapshot without subscription), so the live form travels in a closure.
+			 */
+			const rowConfig = (injected) => function RowConfig({ view, t }) {
+			    return view === 'summary' ? t('description') : (0, jsx_runtime_1.jsx)(settings_1.StyleRow, { ...injected, t: t });
+			};
+			function apply(ctx) {
+			    const form = ctx.configForms.get(shared_1.ENTRY_ID);
+			    const injected = { form, writer: (0, controller_1.settingsWriter)(form) };
+			    ctx.effect(() => (0, style_1.installStyle)(), 'vulcan-style: stylesheet');
+			    ctx.effect(() => ctx.locale.register(shared_1.NAMESPACE, { zh: i18n_1.zh, en: i18n_1.en }), 'vulcan-style: dictionaries');
+			    ctx.effect(() => (0, controller_1.installThemeSync)(ctx, form), 'vulcan-style: themes');
+			    // dsh's Appearance row is order 10 and its font rows 11.
+			    ctx.slots.inject('settings.general.item', () => ctx.slots.register({
+			        name: 'settings.general.item',
+			        id: 'vulcan-style',
+			        order: 10.5,
+			        locale: shared_1.NAMESPACE,
+			        inject: () => injected,
+			    }, settings_1.StyleRow));
+			    // The Plugins page renders no form of its own; it shows this entry when the row's configure control is opened.
+			    ctx.slots.inject('plugins.row.config', () => ctx.slots.register({
+			        name: 'plugins.row.config',
+			        key: shared_1.ROW_CONFIG_KEY,
+			        locale: shared_1.NAMESPACE,
+			        inject: () => ({}),
+			    }, rowConfig(injected)));
+			}
+
+		},
+		"./palette": function (module, exports, require) {
+			"use strict";
+			/**
+			 * VulcanCode's three palettes, restated from its ui-kit
+			 * (`apps/vulcan-code-web/src/ui-kit/styles/tokens.css`, the `--vk-*` skin surface). Re-read that file
+			 * when VulcanCode's palette changes.
+			 *
+			 * Neutrals carry the structure, the flame ("ember") is ambience and AI activity only, and a cool
+			 * "signal" hue marks focus, selection and links. The command palette's translucent panels sit over
+			 * a HUD grid in VulcanCode; dsh paints them as plain surfaces, so they are restated here as the
+			 * opaque colour they produce over the command ground.
+			 */
+			Object.defineProperty(exports, "__esModule", { value: true });
+			exports.COMMAND = exports.DARK = exports.LIGHT = void 0;
+			exports.LIGHT = {
+			    scheme: 'light',
+			    ground: '#f2f3f5',
+			    ground2: '#ebedf0',
+			    panel: '#ffffff',
+			    raised: '#ffffff',
+			    sunken: '#f6f7f9',
+			    hover: '#e8ebef',
+			    select: '#e3e9f8',
+			    hoverWash: 'rgba(20, 23, 28, 0.09)',
+			    selectWash: 'rgba(46, 88, 204, 0.13)',
+			    line: '#dde1e6',
+			    lineStrong: '#c3c9d1',
+			    lineSoft: '#eaecef',
+			    ink: '#14171c',
+			    ink2: '#4a515c',
+			    ink3: '#626973',
+			    inkInverse: '#ffffff',
+			    ember: '#e2511a',
+			    ember2: '#f5872e',
+			    emberSoft: '#fcebe2',
+			    emberInk: '#ad3d0d',
+			    signal: '#2e58cc',
+			    signalSoft: '#e4eafa',
+			    ok: '#18774a',
+			    warn: '#945d09',
+			    bad: '#c3303d',
+			    codeBg: '#f4f5f7',
+			    diffAddBg: '#e6f4eb',
+			    diffAddInk: '#16643d',
+			    diffDelBg: '#fbe9ea',
+			    diffDelInk: '#a32632',
+			    shadow1: '0 1px 2px rgba(17, 21, 28, 0.05)',
+			    shadow2: '0 12px 32px rgba(17, 21, 28, 0.14), 0 2px 6px rgba(17, 21, 28, 0.06)',
+			    shade: '16, 19, 24',
+			    scrim: 'rgba(16, 19, 24, 0.08)',
+			    scrollbar: '#c3c9d1',
+			    scrollbarHover: '#626973',
+			    ambient: 'radial-gradient(70rem 30rem at 8% -12%, rgba(226, 81, 26, 0.07), transparent 62%), '
+			        + 'radial-gradient(60rem 36rem at 105% 0%, rgba(46, 88, 204, 0.05), transparent 60%)',
+			};
+			exports.DARK = {
+			    scheme: 'dark',
+			    ground: '#0c0e11',
+			    ground2: '#101317',
+			    panel: '#15181d',
+			    raised: '#1b1f25',
+			    sunken: '#0f1215',
+			    hover: '#1e2329',
+			    select: '#1c2537',
+			    hoverWash: 'rgba(230, 233, 237, 0.06)',
+			    selectWash: 'rgba(125, 157, 255, 0.11)',
+			    line: '#23282f',
+			    lineStrong: '#343b45',
+			    lineSoft: '#1a1e24',
+			    ink: '#e6e9ed',
+			    ink2: '#a2aab5',
+			    ink3: '#848c97',
+			    inkInverse: '#0c0e11',
+			    ember: '#ff6a2b',
+			    ember2: '#ff9a40',
+			    emberSoft: '#2a1810',
+			    emberInk: '#ff9b68',
+			    signal: '#7d9dff',
+			    signalSoft: '#1a2236',
+			    ok: '#3fc48a',
+			    warn: '#e0a83a',
+			    bad: '#f0646f',
+			    codeBg: '#111418',
+			    diffAddBg: '#0f251a',
+			    diffAddInk: '#72d6a2',
+			    diffDelBg: '#2d1316',
+			    diffDelInk: '#f38c94',
+			    shadow1: '0 1px 2px rgba(0, 0, 0, 0.4)',
+			    shadow2: '0 16px 40px rgba(0, 0, 0, 0.55), 0 2px 8px rgba(0, 0, 0, 0.4)',
+			    shade: '0, 0, 0',
+			    scrim: 'rgba(0, 0, 0, 0.18)',
+			    scrollbar: '#343b45',
+			    scrollbarHover: '#848c97',
+			    ambient: 'radial-gradient(64rem 30rem at 50% 118%, rgba(255, 106, 43, 0.11), transparent 66%), '
+			        + 'radial-gradient(52rem 26rem at -4% -8%, rgba(125, 157, 255, 0.06), transparent 60%)',
+			};
+			exports.COMMAND = {
+			    scheme: 'dark',
+			    ground: '#03060b',
+			    // rgba(5, 11, 18, 0.86) over the ground.
+			    ground2: '#050a11',
+			    // rgba(8, 17, 27, 0.78) over the ground.
+			    panel: '#070f18',
+			    raised: '#0a1520',
+			    // rgba(2, 7, 12, 0.82) over the ground.
+			    sunken: '#02070c',
+			    // rgba(56, 214, 255, 0.07) and 0.13 over the panel.
+			    hover: '#0a1d28',
+			    select: '#0d2936',
+			    hoverWash: 'rgba(56, 214, 255, 0.07)',
+			    selectWash: 'rgba(56, 214, 255, 0.13)',
+			    line: '#12303e',
+			    lineStrong: '#1d4b60',
+			    lineSoft: '#0c2230',
+			    ink: '#d8f3ff',
+			    ink2: '#8cb2c3',
+			    ink3: '#6d92a3',
+			    inkInverse: '#03060b',
+			    ember: '#ff7a2f',
+			    ember2: '#ffb24a',
+			    // rgba(255, 122, 47, 0.12) over the panel.
+			    emberSoft: '#251c1b',
+			    emberInk: '#ffa56d',
+			    signal: '#38d6ff',
+			    // rgba(56, 214, 255, 0.12) over the panel.
+			    signalSoft: '#0d2734',
+			    ok: '#34e5a1',
+			    warn: '#ffc44d',
+			    bad: '#ff5068',
+			    // rgba(2, 8, 14, 0.85) over the ground.
+			    codeBg: '#02080e',
+			    // rgba(52, 229, 161, 0.1) and rgba(255, 80, 104, 0.1) over the code background.
+			    diffAddBg: '#071e1d',
+			    diffAddInk: '#6ff0bf',
+			    diffDelBg: '#1b0f17',
+			    diffDelInk: '#ff8d9f',
+			    shadow1: '0 0 0 1px rgba(56, 214, 255, 0.04)',
+			    shadow2: '0 0 0 1px rgba(56, 214, 255, 0.22), 0 18px 48px rgba(0, 0, 0, 0.7), 0 0 32px rgba(56, 214, 255, 0.08)',
+			    shade: '1, 4, 9',
+			    scrim: 'rgba(1, 4, 9, 0.22)',
+			    // color-mix(in srgb, signal 38%, transparent), as VulcanCode's command scrollbar.
+			    scrollbar: 'rgba(56, 214, 255, 0.38)',
+			    scrollbarHover: '#6d92a3',
+			    ambient: 'radial-gradient(70rem 26rem at 50% 116%, rgba(255, 122, 47, 0.16), transparent 70%), '
+			        + 'radial-gradient(90rem 34rem at 50% -24%, rgba(56, 214, 255, 0.11), transparent 66%), '
+			        + 'repeating-linear-gradient(0deg, rgba(56, 214, 255, 0.04) 0 1px, transparent 1px 32px), '
+			        + 'repeating-linear-gradient(90deg, rgba(56, 214, 255, 0.04) 0 1px, transparent 1px 32px)',
+			};
+
+		},
+		"./policy": function (module, exports, require) {
+			"use strict";
+			/**
+			 * How the plugin's stored choice and dsh's live theme preference stay in step.
+			 *
+			 * dsh persists only its built-in preferences (`light`, `dark`, `system`), so a Vulcan theme is
+			 * re-applied from this plugin's own settings on every load. dsh also falls back to its stored
+			 * built-in preference by itself, for instance after any change to its own theme settings (a font
+			 * size) or when its settings arrive after this plugin applied a theme. Such a fallback is not the
+			 * user's choice, and the Vulcan theme is applied again. A preference the user picks with a pointer
+			 * or key press in dsh's own Appearance row is their choice and is recorded instead.
+			 */
+			Object.defineProperty(exports, "__esModule", { value: true });
+			exports.BUILTIN_PREFERENCES = void 0;
+			exports.isBuiltinPreference = isBuiltinPreference;
+			exports.wantedTheme = wantedTheme;
+			exports.reactToPreference = reactToPreference;
+			exports.isUserInputEvent = isUserInputEvent;
+			const themes_1 = require("./themes");
+			/** dsh's built-in theme preferences. */
+			exports.BUILTIN_PREFERENCES = ['light', 'dark', 'system'];
+			function isBuiltinPreference(value) {
+			    return exports.BUILTIN_PREFERENCES.includes(value);
+			}
+			/** The Vulcan theme a choice asks for, or undefined when dsh's own setting decides. */
+			function wantedTheme(choice, prefersDark) {
+			    if (choice === 'dsh')
+			        return undefined;
+			    if (choice === 'vulcan-auto')
+			        return prefersDark ? 'vulcan-dark' : 'vulcan-light';
+			    return choice;
+			}
+			/** Decide how to answer a theme preference change this plugin did not make itself. */
+			function reactToPreference({ choice, prefersDark, preference, userInput }) {
+			    const wanted = wantedTheme(choice, prefersDark);
+			    if (userInput) {
+			        if ((0, themes_1.isVulcanTheme)(preference))
+			            return preference === wanted ? { kind: 'none' } : { kind: 'record', choice: preference };
+			        // A built-in preference, or another plugin's theme: dsh's setting decides from now on.
+			        return choice === 'dsh' ? { kind: 'none' } : { kind: 'record', choice: 'dsh' };
+			    }
+			    if (wanted === undefined || preference === wanted)
+			        return { kind: 'none' };
+			    // dsh fell back to its stored preference, or a Vulcan theme no longer matches the system scheme.
+			    if (isBuiltinPreference(preference) || (0, themes_1.isVulcanTheme)(preference))
+			        return { kind: 'apply', id: wanted };
+			    // Another plugin applied its own theme without user input; leave it until the next load.
+			    return { kind: 'none' };
+			}
+			/** Event types that carry a user's deliberate choice. */
+			const USER_INPUT_EVENTS = new Set(['click', 'keydown', 'keyup', 'pointerup', 'mouseup', 'touchend', 'change', 'input', 'submit']);
+			/** Whether the event being dispatched right now is a trusted user input event. */
+			function isUserInputEvent(event) {
+			    return event !== undefined && event.isTrusted && USER_INPUT_EVENTS.has(event.type);
+			}
+
+		},
+		"./settings": function (module, exports, require) {
+			"use strict";
+			Object.defineProperty(exports, "__esModule", { value: true });
+			exports.StyleRow = StyleRow;
+			const jsx_runtime_1 = require("react/jsx-runtime");
+			/** The "Vulcan style" row in Settings › General: theme choice and the square-corner switch. */
+			const react_1 = require("react");
+			const shared_1 = require("./shared");
+			const themes_1 = require("./themes");
+			/** Colour strip previewing a choice: canvas, panel, ink and the ember accent. */
+			const swatchOf = (choice) => {
+			    switch (choice) {
+			        case 'vulcan-auto': return [themes_1.PALETTES['vulcan-light'], themes_1.PALETTES['vulcan-dark']];
+			        case 'dsh': return [];
+			        default: return [themes_1.PALETTES[choice]];
+			    }
+			};
+			function Swatch({ choice }) {
+			    const palettes = swatchOf(choice);
+			    if (palettes.length === 0) {
+			        return (0, jsx_runtime_1.jsxs)("span", { className: "vst-swatch", "aria-hidden": "true", children: [(0, jsx_runtime_1.jsx)("span", { style: { background: 'var(--dsw-alias-bg-base)' } }), (0, jsx_runtime_1.jsx)("span", { style: { background: 'var(--dsw-alias-bg-module-platform)' } }), (0, jsx_runtime_1.jsx)("span", { style: { background: 'var(--dsw-alias-label-primary)' } })] });
+			    }
+			    return (0, jsx_runtime_1.jsxs)("span", { className: "vst-swatch", "aria-hidden": "true", children: [palettes.map(p => [
+			                (0, jsx_runtime_1.jsx)("span", { style: { background: p.ground } }, `${p.ground}g`),
+			                (0, jsx_runtime_1.jsx)("span", { style: { background: p.panel } }, `${p.ground}p`),
+			                (0, jsx_runtime_1.jsx)("span", { style: { background: p.ink } }, `${p.ground}i`),
+			            ]), (0, jsx_runtime_1.jsx)("span", { "data-accent": true, style: { background: palettes[0]?.ember } })] });
+			}
+			function StyleRow({ form, writer, t }) {
+			    const translate = t;
+			    const subscribe = (0, react_1.useCallback)((listener) => form.subscribe(listener), [form]);
+			    const snapshot = (0, react_1.useSyncExternalStore)(subscribe, () => form.getSnapshot());
+			    const settings = (0, shared_1.settingsOf)(snapshot.value);
+			    const writable = snapshot.status === 'ready' && snapshot.writable;
+			    const [failed, setFailed] = (0, react_1.useState)(false);
+			    const write = (change) => {
+			        setFailed(false);
+			        writer.write(change).then(accepted => { if (!accepted)
+			            setFailed(true); }, () => { setFailed(true); });
+			    };
+			    return (0, jsx_runtime_1.jsxs)("div", { className: "vst", children: [(0, jsx_runtime_1.jsxs)("div", { className: "vst-head", children: [(0, jsx_runtime_1.jsx)("div", { className: "vst-title", children: translate('title') }), (0, jsx_runtime_1.jsx)("div", { className: "vst-desc", children: translate('description') })] }), (0, jsx_runtime_1.jsx)("div", { className: "vst-choices", role: "group", "aria-label": translate('title'), children: shared_1.THEME_CHOICES.map(choice => ((0, jsx_runtime_1.jsxs)("button", { type: "button", className: "vst-choice", "aria-pressed": settings.theme === choice, disabled: !writable, onClick: () => { if (settings.theme !== choice)
+			                        write({ theme: choice }); }, children: [(0, jsx_runtime_1.jsx)(Swatch, { choice: choice }), translate(`choice.${choice}`)] }, choice))) }), (0, jsx_runtime_1.jsxs)("div", { className: "vst-switch-row", children: [(0, jsx_runtime_1.jsxs)("div", { className: "vst-head", children: [(0, jsx_runtime_1.jsx)("div", { className: "vst-title", children: translate('square.title') }), (0, jsx_runtime_1.jsx)("div", { className: "vst-desc", children: translate('square.description') })] }), (0, jsx_runtime_1.jsx)("button", { type: "button", role: "switch", className: "vst-switch", "aria-checked": settings.squareCorners, "aria-label": translate('square.title'), disabled: !writable, onClick: () => { write({ squareCorners: !settings.squareCorners }); } })] }), snapshot.status === 'ready' && !snapshot.writable && (0, jsx_runtime_1.jsx)("div", { className: "vst-desc", children: translate('readOnly') }), failed && (0, jsx_runtime_1.jsx)("div", { className: "vst-error", role: "alert", children: translate('saveFailed') })] });
+			}
+
+		},
+		"./shared": function (module, exports, require) {
+			"use strict";
+			/** Names and settings shapes shared by the controller, the settings row and the host schema. */
+			Object.defineProperty(exports, "__esModule", { value: true });
+			exports.DEFAULT_SETTINGS = exports.THEME_CHOICES = exports.NAMESPACE = exports.ROW_CONFIG_KEY = exports.SUITE_PACKAGE = exports.ENTRY_ID = exports.PACKAGE_NAME = void 0;
+			exports.isThemeChoice = isThemeChoice;
+			exports.settingsOf = settingsOf;
+			/** Must equal this package's name. */
+			exports.PACKAGE_NAME = '@openvulcan/dsh-vulcan-style';
+			/** The Host entry id of this plugin's row in the suite patch, which names its configuration namespace. */
+			exports.ENTRY_ID = 'vulcan-style';
+			/** The suite bundle whose patch declares this plugin's row; must equal that package's name. */
+			exports.SUITE_PACKAGE = '@openvulcan/dsh-vulcancode';
+			/** The Plugins page's key for this row's configuration page: `<bundle package>#<row id>`. */
+			exports.ROW_CONFIG_KEY = `${exports.SUITE_PACKAGE}#${exports.ENTRY_ID}`;
+			/** Locale namespace of this plugin's interface text. */
+			exports.NAMESPACE = 'vulcan-style';
+			/**
+			 * What the user chose; mirrors `THEME_CHOICES` in `src/index.ts`.
+			 *
+			 * - `vulcan-auto`: Vulcan light or dark, following the system colour scheme.
+			 * - `vulcan-light` / `vulcan-dark` / `vulcan-command`: that Vulcan theme.
+			 * - `dsh`: leave the theme to dsh's own Appearance setting.
+			 */
+			exports.THEME_CHOICES = ['vulcan-auto', 'vulcan-light', 'vulcan-dark', 'vulcan-command', 'dsh'];
+			/** Mirrors the defaults in `src/index.ts`. */
+			exports.DEFAULT_SETTINGS = { theme: 'vulcan-auto', squareCorners: true };
+			/** Whether a value is a known theme choice. */
+			function isThemeChoice(value) {
+			    return typeof value === 'string' && exports.THEME_CHOICES.includes(value);
+			}
+			/** The accepted settings, falling back per field to the defaults while the Host has not answered. */
+			function settingsOf(value) {
+			    return {
+			        theme: isThemeChoice(value?.theme) ? value.theme : exports.DEFAULT_SETTINGS.theme,
+			        squareCorners: typeof value?.squareCorners === 'boolean' ? value.squareCorners : exports.DEFAULT_SETTINGS.squareCorners,
+			    };
+			}
+
+		},
+		"./style": function (module, exports, require) {
+			"use strict";
+			/**
+			 * The plugin's stylesheet, in two parts:
+			 *
+			 * - The settings row (`.vst-*`), drawn with dsh's alias tokens so it follows whatever theme is active.
+			 * - VulcanCode's shell elements that dsh draws differently and no token reaches: the ember marks on
+			 *   the current place, the framed menus and dialogs, the settings navigation, and the VulcanCode
+			 *   symbol beside dsh's own brand.
+			 *   These rules apply only while a Vulcan theme is active (`html[data-vulcan-theme]`, set by
+			 *   `controller.ts`) and reach dsh only through stable hooks: slot names (`data-slot`, whose elements
+			 *   are `display: contents`, so rules go to their children or ancestors), other data attributes, ARIA
+			 *   roles and states, and the semantic `md-*` classes, never the hashed CSS-module class names.
+			 */
+			Object.defineProperty(exports, "__esModule", { value: true });
+			exports.installStyle = installStyle;
+			const controller_1 = require("./controller");
+			const shared_1 = require("./shared");
+			const themes_1 = require("./themes");
+			/**
+			 * The VulcanCode symbol as a CSS image: the chevron in the theme's ink and the flame in the brand
+			 * gradient. The paths are the symbol in the suite's `packages/dsh-vulcancode/assets/openvulcan-icon.svg`;
+			 * re-read it when the logo changes.
+			 */
+			function vulcanMark(ink, width, height) {
+			    const svg = `<svg xmlns='http://www.w3.org/2000/svg' width='${width}' height='${height}' viewBox='32 29 232 259'>`
+			        + `<defs><linearGradient id='flame' x1='0%' y1='100%' x2='100%' y2='0%'>`
+			        + `<stop offset='0%' stop-color='#FF6527'/><stop offset='100%' stop-color='#F44E1C'/></linearGradient></defs>`
+			        + `<path d='M 2 0 L 84 0 C 88 0 91 1 95 5 L 153 76 C 159 83 159 95 153 102 L 95 173 C 91 177 88 178 84 178 L 2 178 L 78 89 Z'`
+			        + ` fill='${ink}' transform='translate(30 110)'/>`
+			        + `<path d='M 73 0 C 64 14 51 28 38 40 C 21 55 7 68 2 87 C -2 107 8 129 25 150 C 39 134 53 119 67 107`
+			        + ` C 82 95 91 79 93 60 C 95 40 86 18 73 0 Z' fill='url(#flame)' transform='translate(169 29)'/></svg>`;
+			    return `url("data:image/svg+xml,${encodeURIComponent(svg)}")`;
+			}
+			/** Plugin variables per Vulcan theme, read by the scoped rules below. */
+			const themeVariables = (name, p) => `html[${controller_1.THEME_ATTRIBUTE}="${name}"] {
+			  --vulcan-mark-sm: ${vulcanMark(p.ink, 13, 15)};
+			  --vulcan-mark-lg: ${vulcanMark(p.ink, 22, 25)};
+			  --vulcan-ground-2: ${p.ground2};
+			  --vulcan-panel: ${p.panel};
+			  --vulcan-hover: ${p.hover};
+			  --vulcan-line: ${p.line};
+			  --vulcan-line-strong: ${p.lineStrong};
+			  --vulcan-ink: ${p.ink};
+			  --vulcan-ink-2: ${p.ink2};
+			  --vulcan-ink-3: ${p.ink3};
+			  --vulcan-ink-inverse: ${p.inkInverse};
+			  --vulcan-ember: ${p.ember};
+			  --vulcan-signal-soft: ${p.signalSoft};
+			  --vulcan-shadow-1: ${p.shadow1};
+			  --vulcan-shadow-2: ${p.shadow2};
+			  --vulcan-scrim: ${p.scrim};
+			  --vulcan-ambient: ${p.ambient};
+			}`;
+			/** Root of every scoped rule. */
+			const V = `html[${controller_1.THEME_ATTRIBUTE}]`;
+			/** The settings dialog. */
+			const SETTINGS = `${V} [data-shortcut-modal="settings"]`;
+			/** The workspace tree in the sidebar. */
+			const TREE = `${V} [data-slot="sidebar.workspaces"] [role="tree"]`;
+			const VULCAN = `
+			${themes_1.VULCAN_THEME_IDS.map(id => themeVariables(id.slice('vulcan-'.length), themes_1.PALETTES[id])).join('\n')}
+			${V} {
+			  --vulcan-tick-w: 28px;
+			  --vulcan-font-mono: "Geist Mono", "JetBrains Mono", "Cascadia Mono", Consolas, monospace;
+			  --vulcan-label-font: inherit;
+			  --vulcan-label-case: none;
+			  --vulcan-label-track: 0;
+			}
+			/* The command bridge sets its labels in capitals of the mono face, as VulcanCode's HUD does. */
+			html[${controller_1.THEME_ATTRIBUTE}="command"] {
+			  --vulcan-label-font: var(--vulcan-font-mono);
+			  --vulcan-label-case: uppercase;
+			  --vulcan-label-track: 0.08em;
+			}
+			${V} ::selection { background: var(--vulcan-signal-soft); color: var(--dsw-alias-label-primary); }
+			/* The ember and signal glow behind the conversation; its scroll port is transparent over the canvas. */
+			${V} [data-conversation-scroll] { background-image: var(--vulcan-ambient); background-attachment: fixed; }
+			/* Code blocks are framed objects in VulcanCode: a hairline frame and a ruled header. */
+			${V} .md-code-block { border: 1px solid var(--dsw-alias-border-l2); }
+			${V} .md-code-block [data-code-block-banner] { border-bottom: 1px solid var(--dsw-alias-border-l1); }
+
+			/* The VulcanCode symbol joins DeepSeek's own brand, after the sidebar wordmark and the welcome fish;
+			   dsh's brand stays as it is. The empty alt text after the slash keeps the symbol silent to screen readers. */
+			${V} [data-slot="sidebar.brand.name"]::after { content: var(--vulcan-mark-sm) / ""; display: inline-flex; flex: none; align-items: center; }
+			${V} [data-slot="conversation.hero.brand.mark"]::after { content: var(--vulcan-mark-lg) / ""; display: inline-flex; flex: none; align-items: center; margin-left: 8px; }
+
+			/* Sidebar. New session is VulcanCode's primary action: an ink plate. */
+			${V} [data-slot="sidebar"] > * > button[aria-keyshortcuts] { background: var(--vulcan-ink); color: var(--vulcan-ink-inverse); box-shadow: 0 0 0 1px var(--vulcan-ink); }
+			${V} [data-slot="sidebar"] > * > button[aria-keyshortcuts]:hover { background: color-mix(in srgb, var(--vulcan-ink) 86%, var(--vulcan-ground-2)); }
+			/* Its shortcut hint is dsh's tertiary grey, which vanishes on the ink plate; it takes the plate's own ink, one step down. */
+			${V} [data-slot="sidebar"] > * > button[aria-keyshortcuts] :is(:has(> kbd), kbd) { color: color-mix(in srgb, var(--vulcan-ink-inverse) 70%, var(--vulcan-ink)); }
+			/* The current session is a framed panel row with an ember edge; its workspace's folder takes the ember. */
+			${TREE} [role="treeitem"][aria-selected="true"] { position: relative; background: var(--vulcan-panel); box-shadow: inset 0 0 0 1px var(--vulcan-line); color: var(--vulcan-ink); }
+			${TREE} [role="treeitem"][aria-selected="true"]::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 2px; background: var(--vulcan-ember); pointer-events: none; }
+			${TREE} [role="treeitem"][data-row-key^="workspace:"] > :first-child { color: var(--vulcan-ink-3); }
+			${TREE} > :has([role="treeitem"][aria-selected="true"]) [role="treeitem"][data-row-key^="workspace:"] > :first-child { color: var(--vulcan-ember); }
+			/* The account row sits under a rule, like VulcanCode's sidebar foot. */
+			${V} [data-slot="sidebar"] > * > :has(> * > [data-slot="sidebar.settings"]) { padding-top: 6px; box-shadow: 0 -1px 0 var(--vulcan-line); }
+
+			/* Composer: a quiet floating card whose edge deepens while typing. */
+			${V} [data-composer-card] { box-shadow: 0 0 0 1px var(--vulcan-line-strong), var(--vulcan-shadow-1); transition: box-shadow .16s ease; }
+			${V} [data-composer-card]:focus-within { box-shadow: 0 0 0 1px var(--vulcan-ink-3), var(--vulcan-shadow-2); }
+
+			/* Menus and dialogs are framed raised plates; a dialog's backdrop is a light frosted glass. */
+			${V} [role="menu"][data-menu-material] { box-shadow: 0 0 0 1px var(--vulcan-line-strong), var(--vulcan-shadow-2); }
+			${V} [role="dialog"][aria-modal="true"] { box-shadow: 0 0 0 1px var(--vulcan-line-strong), var(--vulcan-shadow-2); }
+			${V} [aria-hidden="true"]:has(+ [role="dialog"][aria-modal="true"]) { background: var(--vulcan-scrim); backdrop-filter: blur(3px) saturate(1.05); }
+
+			/* Settings: an ember corner tick and a navigation well whose current page carries the ember edge. */
+			${SETTINGS}::before { content: ""; position: absolute; z-index: 1; top: -1px; left: -1px; width: var(--vulcan-tick-w); height: 2px; background: var(--vulcan-ember); pointer-events: none; }
+			${SETTINGS} > nav { background: var(--vulcan-ground-2); box-shadow: inset -1px 0 0 var(--vulcan-line); }
+			${SETTINGS} > nav button { color: var(--vulcan-ink-2); }
+			${SETTINGS} > nav button:hover { background: var(--vulcan-hover); color: var(--vulcan-ink); }
+			${SETTINGS} > nav button[aria-current="true"] { background: var(--vulcan-panel); color: var(--vulcan-ink); box-shadow: inset 2px 0 0 var(--vulcan-ember), 0 0 0 1px var(--vulcan-line); }
+			${SETTINGS} > nav button[aria-current="true"] svg { color: var(--vulcan-ember); }
+			${V} [data-slot="settings.header"] { color: var(--vulcan-ink-3); font-family: var(--vulcan-label-font); font-size: 12px; font-weight: 500; letter-spacing: var(--vulcan-label-track); text-transform: var(--vulcan-label-case); }
+			`;
+			const ROW = `
+			.vst { display: flex; flex-direction: column; gap: 12px; padding: 16px 0; border-bottom: 0.5px solid var(--dsw-alias-border-l2); }
+			.vst-head { display: flex; flex-direction: column; gap: 4px; }
+			.vst-title { font-size: 14px; line-height: 22px; color: var(--dsw-alias-label-primary); }
+			.vst-desc { font-size: 12px; line-height: 18px; color: var(--dsw-alias-label-tertiary); }
+			.vst-error { font-size: 12px; line-height: 18px; color: var(--dsw-alias-state-error-primary); }
+			.vst-choices { display: grid; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: 8px; }
+			.vst-choice { position: relative; display: flex; flex-direction: column; align-items: stretch; gap: 8px; padding: 10px; border: 0.5px solid var(--dsw-alias-border-l4); border-radius: var(--dsw-radius-md); background: transparent; color: var(--dsw-alias-label-primary); font: inherit; font-size: 13px; line-height: 20px; text-align: left; cursor: pointer; }
+			.vst-choice:disabled { cursor: default; opacity: .6; }
+			@media (hover: hover) { .vst-choice:hover:not([aria-pressed="true"]):not(:disabled) { background: var(--dsw-alias-interactive-bg-hover); } }
+			.vst-choice[aria-pressed="true"] { background: var(--dsw-alias-bg-module-platform); border-color: var(--dsw-alias-label-tertiary); }
+			.vst-swatch { display: flex; height: 28px; overflow: hidden; border: 0.5px solid var(--dsw-alias-border-l2); border-radius: var(--dsw-radius-xs); }
+			.vst-swatch > span { flex: 1; }
+			.vst-swatch > span[data-accent] { flex: 0 0 6px; }
+			.vst-switch-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
+			.vst-switch { position: relative; flex: none; width: 36px; height: 20px; padding: 0; border: 0.5px solid var(--dsw-alias-border-l4); border-radius: 999px; background: var(--dsw-alias-bg-module-platform); cursor: pointer; }
+			.vst-switch::after { content: ""; position: absolute; top: 2px; left: 2px; width: 14px; height: 14px; border-radius: 999px; background: var(--dsw-alias-label-tertiary); transition: transform .15s ease; }
+			.vst-switch[aria-checked="true"] { background: var(--dsw-alias-state-business-primary); border-color: var(--dsw-alias-state-business-primary); }
+			.vst-switch[aria-checked="true"]::after { background: var(--dsw-alias-label-primary-foreground); transform: translateX(16px); }
+			.vst-switch:disabled { cursor: default; opacity: .6; }
+			html[${controller_1.SQUARE_ATTRIBUTE}] .vst-switch,
+			html[${controller_1.SQUARE_ATTRIBUTE}] .vst-switch::after { border-radius: 0; }
+			`;
+			/** Add the stylesheet once per page; returns a function that removes it again. */
+			function installStyle() {
+			    document.querySelector(`style[data-plugin="${shared_1.PACKAGE_NAME}"]`)?.remove();
+			    const tag = document.createElement('style');
+			    tag.dataset['plugin'] = shared_1.PACKAGE_NAME;
+			    tag.textContent = VULCAN + ROW;
+			    document.head.appendChild(tag);
+			    return () => { tag.remove(); };
+			}
+
+		},
+		"./themes": function (module, exports, require) {
+			"use strict";
+			/**
+			 * The three Vulcan themes: VulcanCode's palettes mapped by meaning onto dsh's alias layer.
+			 *
+			 * The map's type is `Record<SkinToken, string>`, so it names every skin token dsh declares
+			 * (`dsh-tokens.ts`) and nothing else; a dsh release that adds or drops one fails the build until the
+			 * mapping is reviewed. Fonts, type sizes and spacing stay dsh's: they are user settings or layout.
+			 */
+			Object.defineProperty(exports, "__esModule", { value: true });
+			exports.THEMES = exports.PALETTES = exports.VULCAN_THEME_IDS = void 0;
+			exports.skinTokens = skinTokens;
+			exports.isVulcanTheme = isVulcanTheme;
+			exports.squareCornerTokens = squareCornerTokens;
+			const dsh_tokens_1 = require("./dsh-tokens");
+			const palette_1 = require("./palette");
+			/** Theme ids this plugin registers with dsh. */
+			exports.VULCAN_THEME_IDS = ['vulcan-light', 'vulcan-dark', 'vulcan-command'];
+			/** `color-mix` of two colours in sRGB, `share` percent of the first. */
+			const mix = (first, share, second) => `color-mix(in srgb, ${first} ${share}%, ${second})`;
+			const fade = (color, share) => mix(color, share, 'transparent');
+			const shade = (p, alpha) => `rgba(${p.shade}, ${alpha})`;
+			const light = (p) => p.scheme === 'light';
+			/** Every dsh skin token, restated from one palette. */
+			function skinTokens(p) {
+			    return {
+			        // Surfaces: canvas, framed objects, floating objects, wells.
+			        '--dsw-alias-bg-base': p.ground,
+			        '--dsw-alias-bg-layer-1': p.panel,
+			        '--dsw-alias-bg-layer-2': p.raised,
+			        '--dsw-alias-bg-layer-3': mix(p.raised, 94, p.ink),
+			        '--dsw-alias-bg-module-platform': p.sunken,
+			        '--dsw-alias-bg-overlay': p.hover,
+			        '--dsw-alias-bg-multi-select': p.select,
+			        '--dsw-alias-bg-skeleton': fade(p.ink, 7),
+			        '--dsw-alias-bg-document-preview': p.ground2,
+			        '--dsw-alias-bg-document-selection': fade(p.signal, 35),
+			        '--dsw-alias-label-document-preview': p.ink2,
+			        '--dsw-alias-bg-mask-1': shade(p, light(p) ? 0.24 : 0.5),
+			        '--dsw-alias-bg-mask-2': shade(p, light(p) ? 0.12 : 0.2),
+			        '--dsw-alias-bg-mask-3': shade(p, 0.48),
+			        '--dsw-alias-bg-mask-photo': shade(p, 0.88),
+			        '--dsw-alias-bg-mask-drop': fade(p.panel, 70),
+			        '--dsw-alias-settings-card-fill': p.panel,
+			        '--dsw-alias-settings-card-stroke': p.line,
+			        // Borders: VulcanCode's three hairline weights.
+			        '--dsw-alias-border-l1': p.lineSoft,
+			        '--dsw-alias-border-l2': p.line,
+			        '--dsw-alias-border-l2-darkmode-thin': light(p) ? p.line : p.lineSoft,
+			        '--dsw-alias-border-l3': mix(p.line, 50, p.lineStrong),
+			        '--dsw-alias-border-l4': p.lineStrong,
+			        '--dsw-alias-border-inverted': light(p) ? 'transparent' : p.lineSoft,
+			        '--dsw-alias-border-inverted2': light(p) ? 'transparent' : p.line,
+			        // Text tiers.
+			        '--dsw-alias-label-primary': p.ink,
+			        '--dsw-alias-label-primary-dimmed': p.ink,
+			        '--dsw-alias-label-primary-bluish': mix(p.ink, 80, p.signal),
+			        '--dsw-alias-label-secondary': p.ink2,
+			        '--dsw-alias-label-tertiary': p.ink3,
+			        '--dsw-alias-label-caption': p.ink3,
+			        '--dsw-alias-label-dimmed': p.lineStrong,
+			        '--dsw-alias-label-primary-foreground': p.inkInverse,
+			        '--dsw-alias-label-primary-inverted': p.inkInverse,
+			        '--dsw-alias-label-shimmer': fade(p.ink, light(p) ? 30 : 45),
+			        '--dsw-alias-menu-icon': p.ink2,
+			        '--dsw-alias-link': p.signal,
+			        // Brand: ink carries structure; the ember is ambience and AI activity.
+			        '--dsw-alias-brand-primary': p.ink,
+			        '--dsw-alias-brand-primary-invert': p.ink,
+			        '--dsw-alias-brand-text': p.ink,
+			        '--dsw-alias-brand-primary-new-colorprimary-new-color': p.ember,
+			        '--dsw-alias-label-deep-diving': p.emberInk,
+			        '--dsw-alias-label-deep-diving-shimmer': p.ember2,
+			        '--dsw-alias-onboarding-accent': p.ember,
+			        '--dsw-alias-onboarding-card-fill': fade(p.panel, 80),
+			        '--dsw-alias-onboarding-secondary-fill': p.raised,
+			        '--dsw-alias-onboarding-checkbox-border': p.lineStrong,
+			        // Buttons: VulcanCode's primary is an ink fill. dsh's info fill is the send button, which is
+			        // VulcanCode's one ember control in the composer.
+			        '--dsw-alias-button-primary-fill': p.ink,
+			        '--dsw-alias-button-primary-hover': mix(p.ink, 86, p.ground),
+			        '--dsw-alias-button-primary-dimmed': mix(p.ink, 14, p.raised),
+			        '--dsw-alias-button-contrast-fill': light(p) ? p.ink2 : p.ink,
+			        '--dsw-alias-button-elevated-fill': p.raised,
+			        '--dsw-alias-button-floating-fill': p.raised,
+			        '--dsw-alias-button-floating-hover': p.hover,
+			        '--dsw-alias-button-ghost-active-fill': p.select,
+			        '--dsw-alias-button-ghost-active-hover': mix(p.select, 90, p.ink),
+			        '--dsw-alias-button-ghost-active-border': p.ink3,
+			        '--dsw-alias-button-info-fill': p.ember,
+			        '--dsw-alias-button-info-hover': p.ember2,
+			        '--dsw-alias-button-tool-bar-fill': shade(p, 0.5),
+			        '--dsw-alias-button-tool-bar-fill-invisible': shade(p, 0.36),
+			        '--dsw-alias-button-tool-bar-hover': shade(p, 0.6),
+			        '--dsw-alias-switch-thumb': light(p) ? p.inkInverse : p.ink2,
+			        // Interaction washes, usable over any surface.
+			        '--dsw-alias-interactive-bg-hover': p.hoverWash,
+			        '--dsw-alias-interactive-bg-hover-solid': p.hover,
+			        '--dsw-alias-interactive-bg-active': p.selectWash,
+			        '--dsw-alias-interactive-bg-hover-accent': fade(p.signal, 18),
+			        '--dsw-alias-interactive-bg-hover-danger': fade(p.bad, 10),
+			        '--dsw-alias-turn-trigger-bg': p.sunken,
+			        '--dsw-alias-turn-trigger-bg-hover': p.hoverWash,
+			        // States.
+			        '--dsw-alias-state-business-primary': p.signal,
+			        '--dsw-alias-state-business-tertiary': p.signalSoft,
+			        '--dsw-alias-state-error-primary': p.bad,
+			        '--dsw-alias-state-error-secondary': mix(p.bad, 80, p.inkInverse),
+			        '--dsw-alias-state-success-primary': p.ok,
+			        '--dsw-alias-state-success-secondary': mix(p.ok, 80, p.inkInverse),
+			        '--dsw-alias-state-success-tertiary': mix(p.ok, 14, p.panel),
+			        '--dsw-alias-state-warn-label': p.warn,
+			        '--dsw-alias-state-warn-primary': p.warn,
+			        '--dsw-alias-state-warn-secondary': mix(p.warn, 80, p.inkInverse),
+			        '--dsw-alias-state-warn-tertiary': mix(p.warn, 14, p.panel),
+			        '--dsw-alias-state-idle-primary': p.lineStrong,
+			        // Code and diffs.
+			        '--dsw-alias-markdown-code-block': p.codeBg,
+			        '--dsw-alias-markdown-code-block-banner': p.codeBg,
+			        '--dsw-alias-markdown-code-segment-selected': p.panel,
+			        '--dsw-alias-markdown-code-segment-unselected': p.sunken,
+			        '--dsw-alias-markdown-inline-code': p.codeBg,
+			        '--dsw-alias-markdown-citation': p.hover,
+			        '--dsw-alias-markdown-placeholder': p.sunken,
+			        '--dsw-alias-markdown-tag': p.hover,
+			        '--dsw-alias-code-diff-added': p.diffAddBg,
+			        '--dsw-alias-code-diff-deleted': p.diffDelBg,
+			        '--dsw-alias-file-diff-added-bg': p.diffAddBg,
+			        '--dsw-alias-file-diff-added-gutter': mix(p.diffAddBg, 60, p.codeBg),
+			        '--dsw-alias-file-diff-added-marker': p.diffAddInk,
+			        '--dsw-alias-file-diff-deleted-bg': p.diffDelBg,
+			        '--dsw-alias-file-diff-deleted-gutter': mix(p.diffDelBg, 60, p.codeBg),
+			        '--dsw-alias-file-diff-deleted-marker': p.diffDelInk,
+			        // Floating feedback: VulcanCode's tooltip is an ink plate.
+			        '--dsw-alias-tooltip-bg': p.ink,
+			        '--dsw-alias-tooltip-key-bg': mix(p.ink, 82, p.inkInverse),
+			        '--dsw-alias-toast-bg': p.ink,
+			        '--dsw-alias-toast-label': p.inkInverse,
+			        // Menus are solid raised plates, as in VulcanCode.
+			        '--dsw-menu-surface-fill': p.raised,
+			        '--dsw-alias-menu-group-header-fill': p.raised,
+			        '--dsw-specific-menu': p.raised,
+			        '--dsw-alias-scrollbar-bg-l1': p.scrollbar,
+			        '--dsw-alias-scrollbar-bg-l2': p.scrollbar,
+			        '--dsw-alias-scrollbar-hover-l1': p.scrollbarHover,
+			        '--dsw-alias-scrollbar-hover-l2': p.scrollbarHover,
+			        '--dsw-shadow-lv1': p.shadow1,
+			        '--dsw-shadow-lv1-blur': p.shadow1,
+			        '--dsw-shadow-lv2': p.shadow1,
+			        '--dsw-shadow-lv3': p.shadow2,
+			        '--dsw-linear-gradient-think': `linear-gradient(180deg, ${p.ground} 20.19%, ${fade(p.ground, 0)} 100%)`,
+			        '--dsw-linear-think-select': `linear-gradient(180deg, ${p.sunken} 20.19%, ${fade(p.sunken, 0)} 100%)`,
+			        // Shell: the navigation well, the composer, the user's prompts.
+			        '--dsw-specific-sidebar-fill': p.ground2,
+			        '--dsw-specific-sidebar-nav-item-hover': p.hover,
+			        '--dsw-specific-sidebar-nav-item-active': p.select,
+			        '--dsw-specific-sidebar-nav-item-active-accent': p.emberSoft,
+			        '--dsw-specific-input-major': p.raised,
+			        '--dsw-specific-login-input': p.sunken,
+			        '--dsw-specific-bubble': p.panel,
+			        '--dsw-specific-bubble-highlight': p.select,
+			        '--dsw-specific-selector': p.sunken,
+			        '--dsw-specific-tip': p.sunken,
+			    };
+			}
+			/** Each theme's palette. */
+			exports.PALETTES = {
+			    'vulcan-light': palette_1.LIGHT,
+			    'vulcan-dark': palette_1.DARK,
+			    'vulcan-command': palette_1.COMMAND,
+			};
+			/** The definitions registered with dsh, in display order. */
+			exports.THEMES = exports.VULCAN_THEME_IDS.map(id => ({
+			    id,
+			    colorScheme: exports.PALETTES[id].scheme,
+			    tokens: skinTokens(exports.PALETTES[id]),
+			}));
+			/** Whether a theme id is one of this plugin's. */
+			function isVulcanTheme(id) {
+			    return exports.VULCAN_THEME_IDS.includes(id);
+			}
+			/** The override layer that squares every corner dsh draws through its radius tokens, in both palettes. */
+			function squareCornerTokens() {
+			    return Object.fromEntries(dsh_tokens_1.RADIUS_TOKENS.map(name => [name, { light: '0px', dark: '0px' }]));
+			}
+
+		},
+		};
+		var cache = {};
+		function load(request) {
+			if (!(request in definitions)) return platformRequire(request);
+			if (!(request in cache)) {
+				var module = { exports: {} };
+				cache[request] = module;
+				definitions[request](module, module.exports, load);
+			}
+			return cache[request].exports;
+		}
+		return load('./index');
+	}
+});