dsh-ui-tweaks 0.10.2 → 0.10.3

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2026 dsh-ui-tweaks contributors
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2026 dsh-ui-tweaks contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/cordis.patch.yml

@@ -1,12 +1,12 @@
-# dsh-ui-tweaks bundle patch
-#
-# Declared by `dsh.bundle.patch` in package.json: when the plugin is installed
-# through the official CLI —
-#
-#   dsh plugin --profile <name> add dsh-ui-tweaks
-#
-# — the command appends `dsh-ui-tweaks` to the profile's bundle stack and this
-# patch mounts the server-side plugin row.
-- insert:
-    - id: ui-tweaks
-      name: 'dsh-ui-tweaks'
+# dsh-ui-tweaks bundle patch
+#
+# Declared by `dsh.bundle.patch` in package.json: when the plugin is installed
+# through the official CLI —
+#
+#   dsh plugin --profile <name> add dsh-ui-tweaks
+#
+# — the command appends `dsh-ui-tweaks` to the profile's bundle stack and this
+# patch mounts the server-side plugin row.
+- insert:
+    - id: ui-tweaks
+      name: 'dsh-ui-tweaks'

package/lib/client.js

@@ -107,27 +107,27 @@ function relativeTime(ms, now, formatter) {
         return formatter.format(Math.round(diffSeconds / 86400), 'day');
     return formatter.format(Math.round(diffSeconds / 604800), 'week');
 }
-exports.ARCHIVE_CSS = `
-.dut-arc{display:grid;gap:12px;max-width:680px;padding:6px 2px 36px}
-.dut-arc-head{display:flex;align-items:center;gap:10px;padding:14px 16px 0}
-.dut-arc-head h2{margin:0;font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--dsw-alias-label-primary)}
-.dut-arc-count{font-size:11.5px;color:var(--dsw-alias-label-secondary);padding:2px 8px;border-radius:999px;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1)}
-.dut-arc-spacer{flex:1}
-.dut-arc-btn{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;border:1px solid var(--dsw-alias-border-l1);background:transparent;color:var(--dsw-alias-label-secondary);font:inherit;font-size:12px;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}
-.dut-arc-btn:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}
-.dut-arc-btn:disabled{opacity:.5;cursor:default}
-.dut-arc-btn.dut-arc-del:hover{border-color:color-mix(in srgb,var(--dsw-alias-state-error-primary) 55%,transparent);color:var(--dsw-alias-state-error-primary);background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 10%,transparent)}
-.dut-arc-btn.dut-arc-confirm{border-color:color-mix(in srgb,var(--dsw-alias-state-error-primary) 55%,transparent);color:var(--dsw-alias-state-error-primary);font-weight:600}
-.dut-arc-body{display:grid;gap:2px;margin-top:4px}
-.dut-arc-row{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px}
-.dut-arc-row:hover{background:var(--dsw-alias-interactive-bg-hover)}
-.dut-arc-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;text-align:left;background:transparent;border:none;padding:0;cursor:default;color:var(--dsw-alias-label-primary);font:inherit}
-.dut-arc-title{font-size:13.5px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
-.dut-arc-sub{font-size:11.5px;color:var(--dsw-alias-label-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
-.dut-arc-empty{padding:32px 16px;text-align:center;font-size:12.5px;color:var(--dsw-alias-label-secondary)}
-.dut-arc-alert{margin:8px 16px 0;padding:8px 12px;border-radius:10px;font-size:12px;line-height:1.5;background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 10%,transparent);color:var(--dsw-alias-state-error-primary)}
-.dut-arc-off{padding:20px 16px;display:grid;gap:12px}
-.dut-arc-off p{margin:0;font-size:12.5px;line-height:1.6;color:var(--dsw-alias-label-secondary)}
+exports.ARCHIVE_CSS = `
+.dut-arc{display:grid;gap:12px;max-width:680px;padding:6px 2px 36px}
+.dut-arc-head{display:flex;align-items:center;gap:10px;padding:14px 16px 0}
+.dut-arc-head h2{margin:0;font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--dsw-alias-label-primary)}
+.dut-arc-count{font-size:11.5px;color:var(--dsw-alias-label-secondary);padding:2px 8px;border-radius:999px;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1)}
+.dut-arc-spacer{flex:1}
+.dut-arc-btn{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;border:1px solid var(--dsw-alias-border-l1);background:transparent;color:var(--dsw-alias-label-secondary);font:inherit;font-size:12px;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}
+.dut-arc-btn:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}
+.dut-arc-btn:disabled{opacity:.5;cursor:default}
+.dut-arc-btn.dut-arc-del:hover{border-color:color-mix(in srgb,var(--dsw-alias-state-error-primary) 55%,transparent);color:var(--dsw-alias-state-error-primary);background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 10%,transparent)}
+.dut-arc-btn.dut-arc-confirm{border-color:color-mix(in srgb,var(--dsw-alias-state-error-primary) 55%,transparent);color:var(--dsw-alias-state-error-primary);font-weight:600}
+.dut-arc-body{display:grid;gap:2px;margin-top:4px}
+.dut-arc-row{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px}
+.dut-arc-row:hover{background:var(--dsw-alias-interactive-bg-hover)}
+.dut-arc-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;text-align:left;background:transparent;border:none;padding:0;cursor:default;color:var(--dsw-alias-label-primary);font:inherit}
+.dut-arc-title{font-size:13.5px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
+.dut-arc-sub{font-size:11.5px;color:var(--dsw-alias-label-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
+.dut-arc-empty{padding:32px 16px;text-align:center;font-size:12.5px;color:var(--dsw-alias-label-secondary)}
+.dut-arc-alert{margin:8px 16px 0;padding:8px 12px;border-radius:10px;font-size:12px;line-height:1.5;background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 10%,transparent);color:var(--dsw-alias-state-error-primary)}
+.dut-arc-off{padding:20px 16px;display:grid;gap:12px}
+.dut-arc-off p{margin:0;font-size:12.5px;line-height:1.6;color:var(--dsw-alias-label-secondary)}
 `;
 /** Install the Archive stylesheet once (idempotent); returns the disposer. */
 function installArchiveStyles() {
@@ -909,7 +909,12 @@ function warmGitStatus(target) {
     if (key === '' || snapshotCache.has(key) || warmInflight.has(key))
         return;
     const flight = apiGet(`${GIT_ROUTE}/status?${targetQuery(target)}`)
-        .then(next => { snapshotCache.set(key, next); })
+        .then(next => {
+        // An unresolved answer (host still starting up) must not poison the
+        // cache as a final "not a repo"; the mounting chip re-fetches anyway.
+        if (!next.unresolved)
+            snapshotCache.set(key, next);
+    })
         .catch(() => {
         // Warmup is best-effort; the mounting chip re-fetches anyway.
     })
@@ -924,6 +929,12 @@ function GitWarmup({ sessionId }) {
     }, [sessionId]);
     return null;
 }
+/** Fast retry steps (ms) for the startup race: right after a restart the host
+ *  has not materialized its session/workspace store yet, so the first /status
+ *  answers `unresolved`. Without these the UI sat blank for a full POLL_MS. */
+const RETRY_DELAYS_MS = [400, 800, 1600, 3200];
+/** Upper bound on fast retries before falling back to the steady poll. */
+const FAST_RETRY_MAX = 6;
 /** Load the git snapshot on session change, then poll; returns [snapshot, refresh]. */
 function useGitStatus(enabled, target) {
     const key = target.session ?? target.ws ?? '';
@@ -937,27 +948,63 @@ function useGitStatus(enabled, target) {
         // A remount (panel open) must not regress to blank when the cache is warm.
         setSnapshot(snapshotCache.get(key) ?? null);
         let cancelled = false;
-        let timer;
-        const refresh = async () => {
+        let pollTimer;
+        let retryTimer;
+        let attempt = 0;
+        // Whether a resolved snapshot exists for this target (cache or fetched).
+        // Drives the cold-start chase: fast backoff only while it is false.
+        let haveGood = snapshotCache.has(key);
+        /** Store one fetch result. An `unresolved` answer is transient — never
+         *  cached, never regressing an already-good snapshot. Returns whether a
+         *  resolved answer landed. */
+        const apply = (next) => {
+            if (next.unresolved === true) {
+                if (!cancelled && !haveGood)
+                    setSnapshot(null);
+                return false;
+            }
+            haveGood = true;
+            attempt = 0;
+            snapshotCache.set(key, next);
+            if (!cancelled)
+                setSnapshot(next);
+            return true;
+        };
+        const refreshOnce = async () => {
             try {
-                const next = await apiGet(`${GIT_ROUTE}/status?${targetQuery(target)}`);
-                snapshotCache.set(key, next);
-                if (!cancelled)
-                    setSnapshot(next);
+                return apply(await apiGet(`${GIT_ROUTE}/status?${targetQuery(target)}`));
             }
             catch {
-                // Transient git failure: keep the previous snapshot.
+                // Transport/transient git failure: chase it too while no good snapshot
+                // exists; afterwards keep showing the old one until the next poll.
+                return haveGood;
             }
         };
-        void refresh();
-        timer = window.setInterval(() => {
+        /** Cold-start chase: short backoff instead of idling a whole poll period. */
+        const scheduleRetry = () => {
+            if (cancelled || haveGood || attempt >= FAST_RETRY_MAX)
+                return;
+            const delay = RETRY_DELAYS_MS[Math.min(attempt, RETRY_DELAYS_MS.length - 1)] ?? 3200;
+            attempt += 1;
+            retryTimer = window.setTimeout(() => {
+                if (cancelled)
+                    return;
+                void refreshOnce().then(settled => { if (!settled)
+                    scheduleRetry(); });
+            }, delay);
+        };
+        void refreshOnce().then(settled => { if (!settled)
+            scheduleRetry(); });
+        pollTimer = window.setInterval(() => {
             if (document.visibilityState === 'visible')
-                void refresh();
+                void refreshOnce();
         }, POLL_MS);
         return () => {
             cancelled = true;
-            if (timer !== undefined)
-                clearInterval(timer);
+            if (pollTimer !== undefined)
+                clearInterval(pollTimer);
+            if (retryTimer !== undefined)
+                clearTimeout(retryTimer);
         };
     }, [enabled, key]);
     const refresh = (0, react_1.useCallback)(async () => {
@@ -965,8 +1012,12 @@ function useGitStatus(enabled, target) {
             return;
         try {
             const next = await apiGet(`${GIT_ROUTE}/status?${targetQuery(target)}`);
-            snapshotCache.set(key, next);
-            setSnapshot(next);
+            // Same rule as the hook body: an unresolved answer is transient and must
+            // not evict a good snapshot or enter the cache.
+            if (!next.unresolved) {
+                snapshotCache.set(key, next);
+                setSnapshot(next);
+            }
         }
         catch {
             // Keep the previous snapshot on transient failures.
@@ -1156,13 +1207,17 @@ function BranchChipEntry({ sessionId, sessionsService, controller, t }) {
     }, [branchOpen]);
     if (!enabled || sessionStr === undefined)
         return null;
-    if (snapshot !== null && !snapshot.isRepo)
+    // A genuine non-repo directory hides the chip entirely. An UNRESOLVED target
+    // (host still materializing sessions right after a restart) is transient:
+    // fall through to the folder-only paint below instead of going blank.
+    if (snapshot !== null && snapshot.unresolved !== true && !snapshot.isRepo)
         return null;
-    // While the first /status round-trip is in flight, paint the folder alone
-    // straight off the sessions-list feed (the sidebar's own rows — zero
-    // network) so the seat never sits empty; the branch capsule joins the
-    // moment the usually-pre-warmed snapshot lands.
-    if (snapshot === null) {
+    // While the first /status round-trip is in flight — or while the host has
+    // not resolved this session yet — paint the folder alone straight off the
+    // sessions-list feed (the sidebar's own rows — zero network, so it appears
+    // the moment the sidebar row does); the branch capsule joins as soon as the
+    // backoff chase lands a real snapshot.
+    if (snapshot === null || snapshot.unresolved === true) {
         if (feedCwd === undefined || feedCwd === '')
             return null;
         return ((0, jsx_runtime_1.jsx)("span", { className: "gbar", "data-slot-plugin": "dsh-ui-tweaks-gitbar", children: (0, jsx_runtime_1.jsxs)("span", { className: "gbar-fchip", title: feedCwd, children: [(0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: (0, jsx_runtime_1.jsx)("path", { d: "M1.5 4A1.5 1.5 0 0 1 3 2.5h3l1.5 2H13A1.5 1.5 0 0 1 14.5 6v6A1.5 1.5 0 0 1 13 13.5H3A1.5 1.5 0 0 1 1.5 12V4Z" }) }), (0, jsx_runtime_1.jsx)("span", { className: "gbar-folder", children: basenameOf(feedCwd) })] }) }));
@@ -3296,63 +3351,63 @@ function linesToRecord(text, separator) {
 function recordToLines(record, separator) {
     return Object.entries(record).map(([key, value]) => `${key}${separator}${value}`).join('\n');
 }
-exports.MCP_CSS = `
-.dut-mcp{display:grid;gap:12px;max-width:680px;padding:6px 2px 36px}
-.dut-mcp-head{display:flex;align-items:center;gap:10px;padding:14px 16px 0}
-.dut-mcp-head h2{margin:0;font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--dsw-alias-label-primary)}
-.dut-mcp-count{font-size:11.5px;color:var(--dsw-alias-label-secondary);padding:2px 8px;border-radius:999px;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1)}
-.dut-mcp-spacer{flex:1}
-.dut-mcp-btn{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;border:1px solid var(--dsw-alias-border-l1);background:transparent;color:var(--dsw-alias-label-secondary);font:inherit;font-size:12px;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}
-.dut-mcp-btn:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}
-.dut-mcp-btn:disabled{opacity:.5;cursor:default}
-.dut-mcp-btn.dut-mcp-del:hover{border-color:color-mix(in srgb,var(--dsw-alias-state-error-primary) 55%,transparent);color:var(--dsw-alias-state-error-primary);background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 10%,transparent)}
-.dut-mcp-btn.dut-mcp-confirm{border-color:color-mix(in srgb,var(--dsw-alias-state-error-primary) 55%,transparent);color:var(--dsw-alias-state-error-primary);font-weight:600}
-.dut-mcp-body{display:grid;gap:2px;margin-top:4px}
-.dut-mcp-row{display:grid;gap:6px;padding:10px 16px;border-radius:12px}
-.dut-mcp-row:hover{background:var(--dsw-alias-interactive-bg-hover)}
-.dut-mcp-row-main{display:flex;align-items:center;gap:8px;min-width:0}
-.dut-mcp-name{font-size:13.5px;font-weight:600;color:var(--dsw-alias-label-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
-.dut-mcp-badge{flex:none;font-size:11px;line-height:1;padding:4px 9px;border-radius:999px;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-secondary)}
-.dut-mcp-badge.dut-mcp-ok{background:color-mix(in srgb,var(--dsw-alias-state-success-primary) 12%,transparent);border-color:transparent;color:var(--dsw-alias-state-success-primary)}
-.dut-mcp-badge.dut-mcp-err{background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 12%,transparent);border-color:transparent;color:var(--dsw-alias-state-error-primary)}
-.dut-mcp-badge.dut-mcp-warn{background:color-mix(in srgb,var(--dsw-alias-state-warn-primary) 14%,transparent);border-color:transparent;color:var(--dsw-alias-state-warn-label)}
-.dut-mcp-sub{font-size:11.5px;color:var(--dsw-alias-label-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
-.dut-mcp-toggle{flex:none;font-size:11.5px;color:var(--dsw-alias-label-tertiary);background:transparent;border:none;padding:0;cursor:pointer;text-align:left}
-.dut-mcp-toggle:hover{color:var(--dsw-alias-label-primary)}
-.dut-mcp-tools{margin-left:2px;display:flex;flex-wrap:wrap;gap:4px}
-.dut-mcp-tool{font-size:11px;line-height:1;padding:3px 8px;border-radius:999px;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-secondary)}
-.dut-mcp-note{margin:2px 16px 0;padding:8px 12px;border-radius:10px;font-size:11.5px;line-height:1.55;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1)}
-.dut-mcp-empty{padding:32px 16px;text-align:center;font-size:12.5px;color:var(--dsw-alias-label-secondary)}
-.dut-mcp-alert{margin:8px 16px 0;padding:8px 12px;border-radius:10px;font-size:12px;line-height:1.5;background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 10%,transparent);color:var(--dsw-alias-state-error-primary)}
-.dut-mcp-notice{margin:8px 16px 0;padding:8px 12px;border-radius:10px;font-size:12px;line-height:1.5;background:color-mix(in srgb,var(--dsw-alias-state-success-primary) 12%,transparent);color:var(--dsw-alias-state-success-primary)}
-.dut-mcp-off{padding:20px 16px;display:grid;gap:12px}
-.dut-mcp-off p{margin:0;font-size:12.5px;line-height:1.6;color:var(--dsw-alias-label-secondary)}
-.dut-mcp-overlay{z-index:1100;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}
-.dut-mcp-mask{background:var(--dsw-alias-bg-mask-1);backdrop-filter:var(--dsw-mask-blur);position:absolute;inset:0}
-.dut-mcp-panel{z-index:1;background:var(--dsw-alias-bg-layer-2);box-sizing:border-box;width:720px;max-width:calc(100vw - 48px);height:min(700px,100vh - 48px);box-shadow:var(--dsw-shadow-lv3);--dsh-scrollbar-thumb:var(--dsw-alias-scrollbar-bg-l2);--dsh-scrollbar-thumb-hover:var(--dsw-alias-scrollbar-hover-l2);border-radius:20px;display:flex;flex-direction:column;overflow:hidden}
-.dut-mcp-panel-head{box-sizing:border-box;flex:none;display:flex;align-items:center;gap:10px;height:52px;padding:0 12px 0 20px}
-.dut-mcp-panel-head h2{margin:0;font-size:16px;font-weight:600;letter-spacing:-.01em;color:var(--dsw-alias-label-primary)}
-.dut-mcp-panel-close{cursor:pointer;width:28px;height:28px;color:var(--dsw-alias-label-primary);background:transparent;border:none;border-radius:28px;display:inline-flex;justify-content:center;align-items:center;padding:0;font-size:13px}
-.dut-mcp-panel-close:hover{background:var(--dsw-alias-interactive-bg-hover)}
-.dut-mcp-tabs{flex:none;display:inline-flex;padding:3px;gap:3px;border:1px solid var(--dsw-alias-border-l1);border-radius:10px;background:var(--dsw-alias-bg-layer-2);margin:0 20px 10px;align-self:flex-start}
-.dut-mcp-tabs button{border:none;border-radius:7px;padding:5px 14px;background:transparent;color:var(--dsw-alias-label-secondary);font:inherit;font-size:12.5px;cursor:pointer}
-.dut-mcp-tabs button.dut-mcp-tab-on{background:color-mix(in srgb,var(--dsw-alias-state-business-primary) 12%,transparent);color:var(--dsw-alias-state-business-primary);font-weight:600}
-.dut-mcp-form{flex:1;min-height:0;overflow-y:auto;padding:0 20px 20px;display:grid;gap:12px;align-content:start}
-.dut-mcp-field{display:grid;gap:6px}
-.dut-mcp-field>span{font-size:12px;font-weight:600;color:var(--dsw-alias-label-primary)}
-.dut-mcp-field small{font-size:11px;line-height:1.5;color:var(--dsw-alias-label-tertiary)}
-.dut-mcp-input{box-sizing:border-box;width:100%;height:34px;padding:0 10px;border-radius:9px;border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary);font:inherit;font-size:13px}
-.dut-mcp-input:focus{outline:none;border-color:color-mix(in srgb,var(--dsw-alias-state-business-primary) 55%,transparent)}
-.dut-mcp-input:disabled{opacity:.55;cursor:not-allowed}
-textarea.dut-mcp-input{height:auto;min-height:72px;padding:8px 10px;line-height:1.5;resize:vertical;font-family:var(--dsw-font-markdown-code-block-font-family, Consolas, monospace);font-size:12px}
-textarea.dut-mcp-input-lg{min-height:120px}
-textarea.dut-mcp-yaml{min-height:320px}
-.dut-mcp-row2{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
-.dut-mcp-field .dut-seg{width:fit-content}
-.dut-mcp-row2 .dut-seg{height:34px;box-sizing:border-box;align-items:center}
-.dut-mcp-row2 .dut-seg button{flex:none;white-space:nowrap;padding:0 16px;height:26px}
-.dut-mcp-foot{flex:none;display:flex;align-items:center;gap:8px;justify-content:flex-end;padding:12px 20px 16px;border-top:1px solid var(--dsw-alias-border-l1)}
-.dut-mcp-error{margin:0 20px 10px;padding:8px 12px;border-radius:10px;font-size:12px;line-height:1.5;background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 10%,transparent);color:var(--dsw-alias-state-error-primary)}
+exports.MCP_CSS = `
+.dut-mcp{display:grid;gap:12px;max-width:680px;padding:6px 2px 36px}
+.dut-mcp-head{display:flex;align-items:center;gap:10px;padding:14px 16px 0}
+.dut-mcp-head h2{margin:0;font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--dsw-alias-label-primary)}
+.dut-mcp-count{font-size:11.5px;color:var(--dsw-alias-label-secondary);padding:2px 8px;border-radius:999px;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1)}
+.dut-mcp-spacer{flex:1}
+.dut-mcp-btn{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;border:1px solid var(--dsw-alias-border-l1);background:transparent;color:var(--dsw-alias-label-secondary);font:inherit;font-size:12px;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}
+.dut-mcp-btn:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}
+.dut-mcp-btn:disabled{opacity:.5;cursor:default}
+.dut-mcp-btn.dut-mcp-del:hover{border-color:color-mix(in srgb,var(--dsw-alias-state-error-primary) 55%,transparent);color:var(--dsw-alias-state-error-primary);background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 10%,transparent)}
+.dut-mcp-btn.dut-mcp-confirm{border-color:color-mix(in srgb,var(--dsw-alias-state-error-primary) 55%,transparent);color:var(--dsw-alias-state-error-primary);font-weight:600}
+.dut-mcp-body{display:grid;gap:2px;margin-top:4px}
+.dut-mcp-row{display:grid;gap:6px;padding:10px 16px;border-radius:12px}
+.dut-mcp-row:hover{background:var(--dsw-alias-interactive-bg-hover)}
+.dut-mcp-row-main{display:flex;align-items:center;gap:8px;min-width:0}
+.dut-mcp-name{font-size:13.5px;font-weight:600;color:var(--dsw-alias-label-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
+.dut-mcp-badge{flex:none;font-size:11px;line-height:1;padding:4px 9px;border-radius:999px;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-secondary)}
+.dut-mcp-badge.dut-mcp-ok{background:color-mix(in srgb,var(--dsw-alias-state-success-primary) 12%,transparent);border-color:transparent;color:var(--dsw-alias-state-success-primary)}
+.dut-mcp-badge.dut-mcp-err{background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 12%,transparent);border-color:transparent;color:var(--dsw-alias-state-error-primary)}
+.dut-mcp-badge.dut-mcp-warn{background:color-mix(in srgb,var(--dsw-alias-state-warn-primary) 14%,transparent);border-color:transparent;color:var(--dsw-alias-state-warn-label)}
+.dut-mcp-sub{font-size:11.5px;color:var(--dsw-alias-label-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
+.dut-mcp-toggle{flex:none;font-size:11.5px;color:var(--dsw-alias-label-tertiary);background:transparent;border:none;padding:0;cursor:pointer;text-align:left}
+.dut-mcp-toggle:hover{color:var(--dsw-alias-label-primary)}
+.dut-mcp-tools{margin-left:2px;display:flex;flex-wrap:wrap;gap:4px}
+.dut-mcp-tool{font-size:11px;line-height:1;padding:3px 8px;border-radius:999px;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-secondary)}
+.dut-mcp-note{margin:2px 16px 0;padding:8px 12px;border-radius:10px;font-size:11.5px;line-height:1.55;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1)}
+.dut-mcp-empty{padding:32px 16px;text-align:center;font-size:12.5px;color:var(--dsw-alias-label-secondary)}
+.dut-mcp-alert{margin:8px 16px 0;padding:8px 12px;border-radius:10px;font-size:12px;line-height:1.5;background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 10%,transparent);color:var(--dsw-alias-state-error-primary)}
+.dut-mcp-notice{margin:8px 16px 0;padding:8px 12px;border-radius:10px;font-size:12px;line-height:1.5;background:color-mix(in srgb,var(--dsw-alias-state-success-primary) 12%,transparent);color:var(--dsw-alias-state-success-primary)}
+.dut-mcp-off{padding:20px 16px;display:grid;gap:12px}
+.dut-mcp-off p{margin:0;font-size:12.5px;line-height:1.6;color:var(--dsw-alias-label-secondary)}
+.dut-mcp-overlay{z-index:1100;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}
+.dut-mcp-mask{background:var(--dsw-alias-bg-mask-1);backdrop-filter:var(--dsw-mask-blur);position:absolute;inset:0}
+.dut-mcp-panel{z-index:1;background:var(--dsw-alias-bg-layer-2);box-sizing:border-box;width:720px;max-width:calc(100vw - 48px);height:min(700px,100vh - 48px);box-shadow:var(--dsw-shadow-lv3);--dsh-scrollbar-thumb:var(--dsw-alias-scrollbar-bg-l2);--dsh-scrollbar-thumb-hover:var(--dsw-alias-scrollbar-hover-l2);border-radius:20px;display:flex;flex-direction:column;overflow:hidden}
+.dut-mcp-panel-head{box-sizing:border-box;flex:none;display:flex;align-items:center;gap:10px;height:52px;padding:0 12px 0 20px}
+.dut-mcp-panel-head h2{margin:0;font-size:16px;font-weight:600;letter-spacing:-.01em;color:var(--dsw-alias-label-primary)}
+.dut-mcp-panel-close{cursor:pointer;width:28px;height:28px;color:var(--dsw-alias-label-primary);background:transparent;border:none;border-radius:28px;display:inline-flex;justify-content:center;align-items:center;padding:0;font-size:13px}
+.dut-mcp-panel-close:hover{background:var(--dsw-alias-interactive-bg-hover)}
+.dut-mcp-tabs{flex:none;display:inline-flex;padding:3px;gap:3px;border:1px solid var(--dsw-alias-border-l1);border-radius:10px;background:var(--dsw-alias-bg-layer-2);margin:0 20px 10px;align-self:flex-start}
+.dut-mcp-tabs button{border:none;border-radius:7px;padding:5px 14px;background:transparent;color:var(--dsw-alias-label-secondary);font:inherit;font-size:12.5px;cursor:pointer}
+.dut-mcp-tabs button.dut-mcp-tab-on{background:color-mix(in srgb,var(--dsw-alias-state-business-primary) 12%,transparent);color:var(--dsw-alias-state-business-primary);font-weight:600}
+.dut-mcp-form{flex:1;min-height:0;overflow-y:auto;padding:0 20px 20px;display:grid;gap:12px;align-content:start}
+.dut-mcp-field{display:grid;gap:6px}
+.dut-mcp-field>span{font-size:12px;font-weight:600;color:var(--dsw-alias-label-primary)}
+.dut-mcp-field small{font-size:11px;line-height:1.5;color:var(--dsw-alias-label-tertiary)}
+.dut-mcp-input{box-sizing:border-box;width:100%;height:34px;padding:0 10px;border-radius:9px;border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary);font:inherit;font-size:13px}
+.dut-mcp-input:focus{outline:none;border-color:color-mix(in srgb,var(--dsw-alias-state-business-primary) 55%,transparent)}
+.dut-mcp-input:disabled{opacity:.55;cursor:not-allowed}
+textarea.dut-mcp-input{height:auto;min-height:72px;padding:8px 10px;line-height:1.5;resize:vertical;font-family:var(--dsw-font-markdown-code-block-font-family, Consolas, monospace);font-size:12px}
+textarea.dut-mcp-input-lg{min-height:120px}
+textarea.dut-mcp-yaml{min-height:320px}
+.dut-mcp-row2{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
+.dut-mcp-field .dut-seg{width:fit-content}
+.dut-mcp-row2 .dut-seg{height:34px;box-sizing:border-box;align-items:center}
+.dut-mcp-row2 .dut-seg button{flex:none;white-space:nowrap;padding:0 16px;height:26px}
+.dut-mcp-foot{flex:none;display:flex;align-items:center;gap:8px;justify-content:flex-end;padding:12px 20px 16px;border-top:1px solid var(--dsw-alias-border-l1)}
+.dut-mcp-error{margin:0 20px 10px;padding:8px 12px;border-radius:10px;font-size:12px;line-height:1.5;background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 10%,transparent);color:var(--dsw-alias-state-error-primary)}
 `;
 /** Install the MCP stylesheet once (idempotent); returns the disposer. */
 function installMcpStyles() {
@@ -4442,28 +4497,28 @@ const WHALE_VIEW_H = 17.04;
 // ---------------------------------------------------------------------------
 // Styles — resident (translucent, still) vs working (opaque, swimming).
 // ---------------------------------------------------------------------------
-exports.WHALE_CSS = `
-.duwi-row{box-sizing:border-box;width:100%;max-width:calc(var(--dsh-composer-card-max-width) + 2 * var(--dsh-composer-side-clearance, 0px));margin:0 auto;padding:0 calc(var(--dsh-composer-side-clearance, 0px) + 14px) 0 var(--dsh-composer-side-clearance, 0px);display:flex;align-items:flex-end;justify-content:flex-end;height:27px;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
-.duwi-stack{display:flex;flex-direction:column;align-items:center;transform:translateY(6px)}
-.duwi-whale{display:block;color:var(--dsw-alias-label-primary);transform-origin:50% 60%;pointer-events:auto;cursor:pointer}
-.duwi-row.duwi-swim .duwi-whale,.duwi-whale:hover{animation:duwi-swim 1.9s ease-in-out infinite}
-.duwi-waves{display:block;width:26px;height:9px;margin-top:-3px;overflow:hidden}
-.duwi-wave-back{stroke:#3d8bfd;opacity:.35}
-.duwi-wave-front{stroke:#3d8bfd;opacity:.8}
-.duwi-wave-front,.duwi-wave-back{animation:duwi-drift-front 1.9s linear infinite}
-.duwi-wave-back{animation-duration:3.4s;animation-direction:reverse}
-@keyframes duwi-swim{
-0%,100%{transform:translateY(0) rotate(-4deg)}
-50%{transform:translateY(-3.5px) rotate(4deg)}
-}
-@keyframes duwi-drift-front{
-from{transform:translateX(0)}
-to{transform:translateX(-8px)}
-}
-@media (prefers-reduced-motion:reduce){
-.duwi-row.duwi-swim .duwi-whale,.duwi-whale:hover{animation:none}
-.duwi-wave-front,.duwi-wave-back{animation:none}
-}
+exports.WHALE_CSS = `
+.duwi-row{box-sizing:border-box;width:100%;max-width:calc(var(--dsh-composer-card-max-width) + 2 * var(--dsh-composer-side-clearance, 0px));margin:0 auto;padding:0 calc(var(--dsh-composer-side-clearance, 0px) + 14px) 0 var(--dsh-composer-side-clearance, 0px);display:flex;align-items:flex-end;justify-content:flex-end;height:27px;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
+.duwi-stack{display:flex;flex-direction:column;align-items:center;transform:translateY(6px)}
+.duwi-whale{display:block;color:var(--dsw-alias-label-primary);transform-origin:50% 60%;pointer-events:auto;cursor:pointer}
+.duwi-row.duwi-swim .duwi-whale,.duwi-whale:hover{animation:duwi-swim 1.9s ease-in-out infinite}
+.duwi-waves{display:block;width:26px;height:9px;margin-top:-3px;overflow:hidden}
+.duwi-wave-back{stroke:#3d8bfd;opacity:.35}
+.duwi-wave-front{stroke:#3d8bfd;opacity:.8}
+.duwi-wave-front,.duwi-wave-back{animation:duwi-drift-front 1.9s linear infinite}
+.duwi-wave-back{animation-duration:3.4s;animation-direction:reverse}
+@keyframes duwi-swim{
+0%,100%{transform:translateY(0) rotate(-4deg)}
+50%{transform:translateY(-3.5px) rotate(4deg)}
+}
+@keyframes duwi-drift-front{
+from{transform:translateX(0)}
+to{transform:translateX(-8px)}
+}
+@media (prefers-reduced-motion:reduce){
+.duwi-row.duwi-swim .duwi-whale,.duwi-whale:hover{animation:none}
+.duwi-wave-front,.duwi-wave-back{animation:none}
+}
 `;
 /** Idempotent installer for the indicator styles (same pattern as the other features). */
 function installWhaleStyles() {