@lemoncat7/dsh-ssh 1.0.7 → 1.1.0

package/lib/client.js

@@ -31,6 +31,42 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
+// node_modules/@xterm/addon-fit/lib/addon-fit.js
+var require_addon_fit = __commonJS({
+  "node_modules/@xterm/addon-fit/lib/addon-fit.js"(exports, module2) {
+    !(function(e, t) {
+      "object" == typeof exports && "object" == typeof module2 ? module2.exports = t() : "function" == typeof define && define.amd ? define([], t) : "object" == typeof exports ? exports.FitAddon = t() : e.FitAddon = t();
+    })(self, (() => (() => {
+      "use strict";
+      var e = {};
+      return (() => {
+        var t = e;
+        Object.defineProperty(t, "__esModule", { value: true }), t.FitAddon = void 0, t.FitAddon = class {
+          activate(e2) {
+            this._terminal = e2;
+          }
+          dispose() {
+          }
+          fit() {
+            const e2 = this.proposeDimensions();
+            if (!e2 || !this._terminal || isNaN(e2.cols) || isNaN(e2.rows)) return;
+            const t2 = this._terminal._core;
+            this._terminal.rows === e2.rows && this._terminal.cols === e2.cols || (t2._renderService.clear(), this._terminal.resize(e2.cols, e2.rows));
+          }
+          proposeDimensions() {
+            if (!this._terminal) return;
+            if (!this._terminal.element || !this._terminal.element.parentElement) return;
+            const e2 = this._terminal._core, t2 = e2._renderService.dimensions;
+            if (0 === t2.css.cell.width || 0 === t2.css.cell.height) return;
+            const r = 0 === this._terminal.options.scrollback ? 0 : e2.viewport.scrollBarWidth, i = window.getComputedStyle(this._terminal.element.parentElement), o = parseInt(i.getPropertyValue("height")), s = Math.max(0, parseInt(i.getPropertyValue("width"))), n = window.getComputedStyle(this._terminal.element), l = o - (parseInt(n.getPropertyValue("padding-top")) + parseInt(n.getPropertyValue("padding-bottom"))), a = s - (parseInt(n.getPropertyValue("padding-right")) + parseInt(n.getPropertyValue("padding-left"))) - r;
+            return { cols: Math.max(2, Math.floor(a / t2.css.cell.width)), rows: Math.max(1, Math.floor(l / t2.css.cell.height)) };
+          }
+        };
+      })(), e;
+    })()));
+  }
+});
+
 // node_modules/@xterm/xterm/lib/xterm.js
 var require_xterm = __commonJS({
   "node_modules/@xterm/xterm/lib/xterm.js"(exports, module2) {
@@ -6090,42 +6126,6 @@ WARNING: This link could potentially be dangerous`)) {
   }
 });
 
-// node_modules/@xterm/addon-fit/lib/addon-fit.js
-var require_addon_fit = __commonJS({
-  "node_modules/@xterm/addon-fit/lib/addon-fit.js"(exports, module2) {
-    !(function(e, t) {
-      "object" == typeof exports && "object" == typeof module2 ? module2.exports = t() : "function" == typeof define && define.amd ? define([], t) : "object" == typeof exports ? exports.FitAddon = t() : e.FitAddon = t();
-    })(self, (() => (() => {
-      "use strict";
-      var e = {};
-      return (() => {
-        var t = e;
-        Object.defineProperty(t, "__esModule", { value: true }), t.FitAddon = void 0, t.FitAddon = class {
-          activate(e2) {
-            this._terminal = e2;
-          }
-          dispose() {
-          }
-          fit() {
-            const e2 = this.proposeDimensions();
-            if (!e2 || !this._terminal || isNaN(e2.cols) || isNaN(e2.rows)) return;
-            const t2 = this._terminal._core;
-            this._terminal.rows === e2.rows && this._terminal.cols === e2.cols || (t2._renderService.clear(), this._terminal.resize(e2.cols, e2.rows));
-          }
-          proposeDimensions() {
-            if (!this._terminal) return;
-            if (!this._terminal.element || !this._terminal.element.parentElement) return;
-            const e2 = this._terminal._core, t2 = e2._renderService.dimensions;
-            if (0 === t2.css.cell.width || 0 === t2.css.cell.height) return;
-            const r = 0 === this._terminal.options.scrollback ? 0 : e2.viewport.scrollBarWidth, i = window.getComputedStyle(this._terminal.element.parentElement), o = parseInt(i.getPropertyValue("height")), s = Math.max(0, parseInt(i.getPropertyValue("width"))), n = window.getComputedStyle(this._terminal.element), l = o - (parseInt(n.getPropertyValue("padding-top")) + parseInt(n.getPropertyValue("padding-bottom"))), a = s - (parseInt(n.getPropertyValue("padding-right")) + parseInt(n.getPropertyValue("padding-left"))) - r;
-            return { cols: Math.max(2, Math.floor(a / t2.css.cell.width)), rows: Math.max(1, Math.floor(l / t2.css.cell.height)) };
-          }
-        };
-      })(), e;
-    })()));
-  }
-});
-
 // src/client.tsx
 var client_exports = {};
 __export(client_exports, {
@@ -6180,7 +6180,6 @@ var styles_default = '.dpu-adaptive-workspace {\n  container: dpu-workspace/inli
 
 // src/client.tsx
 var import_dsh_client_ui_primitives2 = require("@deepseek-ai/dsh-client-ui-primitives");
-var import_xterm = __toESM(require_xterm(), 1);
 var import_addon_fit = __toESM(require_addon_fit(), 1);
 
 // node_modules/@xterm/xterm/css/xterm.css
@@ -6405,7 +6404,7 @@ var xterm_default = `/**
 `;
 
 // src/client.css
-var client_default = '.sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n.dsh-ssh-sidebar {\n  box-sizing: border-box;\n  flex: none;\n  margin: 0 8px 8px 2px;\n  padding: 4px 0 6px;\n  border-bottom: 1px solid\n    color-mix(in srgb, var(--dsw-alias-border-l2) 62%, transparent);\n  color: var(--dsw-alias-label-primary);\n}\n.dsh-ssh-sidebar.is-rail {\n  width: 36px;\n  margin: 0 0 8px;\n  padding: 0;\n  border: 0;\n}\n.dsh-ssh-sidebar-heading {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  height: 32px;\n  padding: 0 4px 0 5px;\n}\n.dsh-ssh-sidebar-title {\n  display: flex;\n  min-width: 0;\n  align-items: center;\n  gap: 5px;\n  height: 28px;\n  padding: 0 5px;\n  color: var(--dsw-alias-label-secondary);\n  border: 0;\n  background: transparent;\n  border-radius: 7px;\n  font: 600 12px/1 var(--ds-font-family);\n  cursor: pointer;\n}\n.dsh-ssh-sidebar-title:hover,\n.dsh-ssh-icon-button:hover {\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n.dsh-ssh-disclosure {\n  display: grid;\n  place-items: center;\n  transition: transform 0.16s ease;\n}\n.dsh-ssh-disclosure[data-open="false"] {\n  transform: rotate(-90deg);\n}\n.dsh-ssh-icon-button {\n  display: inline-grid;\n  place-items: center;\n  flex: none;\n  width: 28px;\n  height: 28px;\n  padding: 0;\n  border: 0;\n  border-radius: 8px;\n  color: var(--dsw-alias-label-secondary);\n  background: transparent;\n  cursor: pointer;\n}\n.dsh-ssh-icon-button.is-danger {\n  color: #a65d58;\n}\n.dsh-ssh-sidebar-list {\n  display: grid;\n  gap: 2px;\n  padding: 2px 1px 0;\n}\n.dsh-ssh-sidebar-row,\n.dsh-ssh-sidebar-empty,\n.dsh-ssh-sidebar-more {\n  box-sizing: border-box;\n  width: 100%;\n  border: 1px solid transparent;\n  background: transparent;\n  color: inherit;\n  cursor: pointer;\n}\n.dsh-ssh-sidebar-row {\n  display: grid;\n  grid-template-columns: 12px minmax(0, 1fr) 18px;\n  align-items: center;\n  gap: 7px;\n  min-height: 40px;\n  padding: 4px 7px;\n  border-radius: 9px;\n  text-align: left;\n}\n.dsh-ssh-sidebar-row:hover {\n  background: color-mix(\n    in srgb,\n    var(--dsw-alias-interactive-bg-hover) 70%,\n    transparent\n  );\n}\n.dsh-ssh-sidebar-row.is-active {\n  background: color-mix(\n    in srgb,\n    var(--dsw-alias-interactive-bg-hover) 92%,\n    transparent\n  );\n  border-color: color-mix(in srgb, var(--dsw-alias-border-l2) 50%, transparent);\n}\n.dsh-ssh-status-dot {\n  display: block;\n  width: 7px;\n  height: 7px;\n  margin: auto;\n  border: 1px solid\n    color-mix(in srgb, var(--dsw-alias-label-secondary) 62%, transparent);\n  border-radius: 50%;\n}\n.dsh-ssh-status-dot.is-injected {\n  border-color: #5b8f82;\n  background: #5b8f82;\n  box-shadow: 0 0 0 2px color-mix(in srgb, #5b8f82 14%, transparent);\n}\n.dsh-ssh-sidebar-copy {\n  display: grid;\n  min-width: 0;\n  gap: 2px;\n}\n.dsh-ssh-sidebar-copy strong,\n.dsh-ssh-sidebar-copy small {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-ssh-sidebar-copy strong {\n  font-size: 13px;\n  font-weight: 500;\n}\n.dsh-ssh-sidebar-copy small {\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 10px;\n}\n.dsh-ssh-injected-mark {\n  display: grid;\n  place-items: center;\n  color: #5b8f82;\n}\n.dsh-ssh-sidebar-empty,\n.dsh-ssh-sidebar-more {\n  min-height: 34px;\n  padding: 6px 10px;\n  border-radius: 8px;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 12px;\n  text-align: left;\n}\n.dsh-ssh-sidebar-empty:hover,\n.dsh-ssh-sidebar-more:hover {\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n.dsh-ssh-rail-button {\n  display: grid;\n  place-items: center;\n  width: 36px;\n  height: 36px;\n  padding: 0;\n  border: 0;\n  border-radius: 10px;\n  color: var(--dsw-alias-label-primary);\n  background: transparent;\n  cursor: pointer;\n}\n.dsh-ssh-rail-button:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n.dsh-ssh-server-glyph {\n  display: inline-grid;\n  place-items: center;\n  color: currentColor;\n}\n.dsh-ssh-workspace,\n.dsh-ssh-activity-panel {\n  --ssh-accent: #547d78;\n  --ssh-accent-strong: #406e67;\n  --ssh-danger: #9c504c;\n  --ssh-warning: #927443;\n  --ssh-surface: var(\n    --xiaohei-plugin-pane-fill,\n    var(--dsw-alias-bg-base, #f7f8f7)\n  );\n  --ssh-surface-raised: var(\n    --xiaohei-plugin-raised-fill,\n    color-mix(in srgb, var(--dsw-alias-bg-layer-2, #fff) 76%, transparent)\n  );\n  --ssh-activity-surface: var(--ssh-surface);\n  --ssh-activity-surface-raised: var(--ssh-surface-raised);\n  --ssh-border: color-mix(\n    in srgb,\n    var(--dsw-alias-label-primary) 10%,\n    transparent\n  );\n  --dpu-navigation-width: 248px;\n  --dpu-inspector-width: 292px;\n  --dpu-border: var(--ssh-border);\n  --dpu-accent: var(--ssh-accent);\n  --dpu-accent-strong: var(--ssh-accent-strong);\n  --dpu-raised-surface: var(--ssh-surface-raised);\n  --dpu-toolbar-surface: var(\n    --xiaohei-plugin-control-fill,\n    color-mix(in srgb, var(--ssh-surface-raised) 88%, transparent)\n  );\n}\n.dsh-ssh-workspace {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  min-width: 0;\n  min-height: 0;\n  color: var(--dsw-alias-label-primary);\n  background: var(--ssh-surface);\n  font-family:\n    var(--ds-font-family),\n    -apple-system,\n    BlinkMacSystemFont,\n    "Segoe UI",\n    sans-serif;\n}\n.dsh-ssh-toolbar {\n  display: grid;\n  grid-template-columns: minmax(180px, 1fr) auto minmax(180px, 1fr);\n  align-items: center;\n  gap: 16px;\n  min-height: 64px;\n  padding: 0 20px;\n  border-bottom: 1px solid var(--ssh-border);\n  background: var(--dpu-toolbar-surface);\n}\n.dsh-ssh-brand {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  min-width: 0;\n}\n.dsh-ssh-brand-glyph {\n  display: grid;\n  place-items: center;\n  width: 30px;\n  height: 30px;\n  border: 1px solid color-mix(in srgb, var(--ssh-accent) 28%, transparent);\n  border-radius: 9px;\n  color: var(--ssh-accent-strong);\n  background: color-mix(in srgb, var(--ssh-accent) 8%, transparent);\n}\n.dsh-ssh-brand > span:last-child {\n  display: grid;\n  gap: 1px;\n}\n.dsh-ssh-brand strong {\n  font-size: 14px;\n  font-weight: 650;\n}\n.dsh-ssh-brand small {\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 10px;\n}\n.dsh-ssh-segments {\n  display: flex;\n  gap: 2px;\n  padding: 3px;\n  border: 1px solid color-mix(in srgb, var(--ssh-border) 80%, transparent);\n  border-radius: 10px;\n  background: color-mix(\n    in srgb,\n    var(--dsw-alias-label-primary) 3%,\n    transparent\n  );\n}\n.dsh-ssh-segments button {\n  min-width: 74px;\n  height: 28px;\n  padding: 0 12px;\n  border: 0;\n  border-radius: 7px;\n  color: var(--dsw-alias-label-secondary);\n  background: transparent;\n  font-size: 12px;\n  cursor: pointer;\n}\n.dsh-ssh-segments button:hover {\n  color: var(--dsw-alias-label-primary);\n}\n.dsh-ssh-segments button.is-active {\n  color: var(--dsw-alias-label-primary);\n  background: var(--ssh-surface-raised);\n  box-shadow: 0 1px 2px\n    color-mix(in srgb, var(--dsw-alias-label-primary) 8%, transparent);\n}\n.dsh-ssh-toolbar > .dsh-ssh-primary-button {\n  justify-self: end;\n}\n.dsh-ssh-primary-button,\n.dsh-ssh-secondary-button,\n.dsh-ssh-danger-button,\n.dsh-ssh-small-primary {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n  min-height: 30px;\n  padding: 0 12px;\n  border-radius: 8px;\n  font: 500 12px/1 var(--ds-font-family);\n  cursor: pointer;\n}\n.dsh-ssh-primary-button,\n.dsh-ssh-small-primary {\n  border: 1px solid\n    color-mix(in srgb, var(--ssh-accent-strong) 64%, transparent);\n  color: #f6fbf9;\n  background: var(--ssh-accent-strong);\n}\n.dsh-ssh-primary-button:hover,\n.dsh-ssh-small-primary:hover {\n  background: color-mix(in srgb, var(--ssh-accent-strong) 88%, #000);\n}\n.dsh-ssh-primary-button:disabled {\n  opacity: 0.55;\n  cursor: default;\n}\n.dsh-ssh-secondary-button {\n  border: 1px solid var(--ssh-border);\n  color: var(--dsw-alias-label-primary);\n  background: var(--ssh-surface-raised);\n}\n.dsh-ssh-secondary-button:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n.dsh-ssh-danger-button {\n  border: 1px solid color-mix(in srgb, var(--ssh-danger) 28%, transparent);\n  color: var(--ssh-danger);\n  background: color-mix(in srgb, var(--ssh-danger) 7%, transparent);\n}\n.dsh-ssh-small-primary {\n  min-height: 26px;\n  padding: 0 9px;\n}\n.dsh-ssh-profile-panel,\n.dsh-ssh-inspector {\n  display: flex;\n  min-width: 0;\n  min-height: 0;\n  flex-direction: column;\n  background: var(--ssh-surface-raised);\n}\n.dsh-ssh-profile-panel {\n  border-right: 1px solid var(--ssh-border);\n}\n.dsh-ssh-inspector {\n  border-left: 1px solid var(--ssh-border);\n}\n.dsh-ssh-main-panel {\n  min-width: 0;\n  min-height: 0;\n  overflow: auto;\n  background: var(--ssh-surface);\n}\n.dsh-ssh-panel-heading {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  min-height: 58px;\n  padding: 0 14px;\n  border-bottom: 1px solid\n    color-mix(in srgb, var(--ssh-border) 74%, transparent);\n}\n.dsh-ssh-panel-heading > span {\n  display: grid;\n  gap: 2px;\n}\n.dsh-ssh-panel-heading strong {\n  font-size: 12px;\n  font-weight: 650;\n}\n.dsh-ssh-panel-heading small {\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 10px;\n}\n.dsh-ssh-search {\n  padding: 10px 10px 6px;\n}\n.dsh-ssh-search input,\n.dsh-ssh-field input,\n.dsh-ssh-field select,\n.dsh-ssh-field textarea,\n.dsh-ssh-number-row input {\n  box-sizing: border-box;\n  width: 100%;\n  border: 1px solid var(--ssh-border);\n  border-radius: 8px;\n  outline: 0;\n  color: var(--dsw-alias-label-primary);\n  background: color-mix(in srgb, var(--ssh-surface-raised) 92%, transparent);\n  font: 400 12px/1.35 var(--ds-font-family);\n}\n.dsh-ssh-search input {\n  height: 30px;\n  padding: 0 10px;\n}\n.dsh-ssh-search input:focus,\n.dsh-ssh-field input:focus,\n.dsh-ssh-field select:focus,\n.dsh-ssh-field textarea:focus,\n.dsh-ssh-number-row input:focus {\n  border-color: color-mix(in srgb, var(--ssh-accent) 65%, transparent);\n  box-shadow: 0 0 0 2px color-mix(in srgb, var(--ssh-accent) 12%, transparent);\n}\n.dsh-ssh-profile-list {\n  display: grid;\n  align-content: start;\n  gap: 3px;\n  min-height: 0;\n  overflow: auto;\n  padding: 4px 7px 12px;\n}\n.dsh-ssh-profile-group {\n  min-width: 0;\n}\n.dsh-ssh-profile-group-heading {\n  display: grid;\n  grid-template-columns: 14px 18px minmax(0, 1fr);\n  align-items: center;\n  gap: 5px;\n  width: 100%;\n  min-height: 34px;\n  padding: 0 6px;\n  border: 0;\n  border-radius: 8px;\n  color: var(--dsw-alias-label-secondary);\n  background: transparent;\n  text-align: left;\n  cursor: pointer;\n}\n.dsh-ssh-profile-group-heading:hover {\n  color: var(--dsw-alias-label-primary);\n  background: color-mix(\n    in srgb,\n    var(--dsw-alias-interactive-bg-hover) 58%,\n    transparent\n  );\n}\n.dsh-ssh-profile-group-heading:focus-visible {\n  outline: 2px solid color-mix(in srgb, var(--ssh-accent) 54%, transparent);\n  outline-offset: -2px;\n}\n.dsh-ssh-profile-group-chevron {\n  display: grid;\n  place-items: center;\n  transition: transform 160ms cubic-bezier(0.2, 0.8, 0.2, 1);\n}\n.dsh-ssh-profile-group-chevron[data-open="false"] {\n  transform: rotate(-90deg);\n}\n.dsh-ssh-profile-group-folder {\n  display: grid;\n  place-items: center;\n  color: color-mix(\n    in srgb,\n    var(--ssh-accent-strong) 72%,\n    var(--dsw-alias-label-secondary)\n  );\n}\n.dsh-ssh-profile-group-copy {\n  display: flex;\n  min-width: 0;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n}\n.dsh-ssh-profile-group-copy strong {\n  overflow: hidden;\n  font-size: 11px;\n  font-weight: 600;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-ssh-profile-group-copy small {\n  display: grid;\n  place-items: center;\n  min-width: 16px;\n  height: 16px;\n  color: var(--dsw-alias-label-tertiary);\n  font:\n    9px/1 var(--ds-font-family-code),\n    monospace;\n}\n.dsh-ssh-profile-group-children {\n  display: grid;\n  gap: 1px;\n  margin-left: 13px;\n  padding-left: 6px;\n  border-left: 1px solid color-mix(in srgb, var(--ssh-border) 66%, transparent);\n  animation: dsh-ssh-group-open 140ms ease-out both;\n}\n.dsh-ssh-profile-empty {\n  margin: 18px 8px;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 11px;\n  text-align: center;\n}\n.dsh-ssh-profile-row {\n  display: grid;\n  grid-template-columns: 30px minmax(0, 1fr) 10px;\n  align-items: center;\n  gap: 9px;\n  width: 100%;\n  min-height: 48px;\n  padding: 5px 7px;\n  border: 1px solid transparent;\n  border-radius: 9px;\n  color: inherit;\n  background: transparent;\n  text-align: left;\n  cursor: pointer;\n}\n.dsh-ssh-profile-row:hover {\n  background: color-mix(\n    in srgb,\n    var(--dsw-alias-interactive-bg-hover) 74%,\n    transparent\n  );\n}\n.dsh-ssh-profile-row.is-active {\n  border-color: color-mix(in srgb, var(--ssh-accent) 16%, transparent);\n  background: color-mix(in srgb, var(--ssh-accent) 9%, transparent);\n}\n.dsh-ssh-host-monogram {\n  display: grid;\n  place-items: center;\n  width: 28px;\n  height: 28px;\n  border: 1px solid var(--ssh-border);\n  border-radius: 8px;\n  color: var(--dsw-alias-label-secondary);\n  background: var(--ssh-surface-raised);\n  font-size: 11px;\n  font-weight: 650;\n}\n.dsh-ssh-profile-row > span:nth-child(2) {\n  display: grid;\n  min-width: 0;\n  gap: 3px;\n}\n.dsh-ssh-profile-row strong,\n.dsh-ssh-profile-row small {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-ssh-profile-row strong {\n  font-size: 12px;\n  font-weight: 550;\n}\n.dsh-ssh-profile-row small {\n  color: var(--dsw-alias-label-tertiary);\n  font:\n    10px/1.2 var(--ds-font-family-code),\n    monospace;\n}\n.dsh-ssh-credential-state {\n  width: 6px;\n  height: 6px;\n  border: 1px solid var(--dsw-alias-label-tertiary);\n  border-radius: 50%;\n}\n.dsh-ssh-credential-state.is-ready {\n  border-color: #5c8a76;\n  background: #5c8a76;\n}\n.dsh-ssh-terminal-pane,\n.dsh-ssh-forward-pane,\n.dsh-ssh-settings-pane {\n  box-sizing: border-box;\n  display: flex;\n  min-width: 0;\n  min-height: 100%;\n  flex-direction: column;\n  padding: 0 18px 18px;\n}\n.dsh-ssh-content-heading {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 20px;\n  min-height: 76px;\n}\n.dsh-ssh-content-heading h1 {\n  margin: 0;\n  font-size: 16px;\n  font-weight: 650;\n  letter-spacing: -0.01em;\n}\n.dsh-ssh-content-heading p {\n  margin: 4px 0 0;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 11px;\n}\n.dsh-ssh-heading-actions {\n  display: flex;\n  align-items: center;\n  gap: 7px;\n}\n.dsh-ssh-title-line {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.dsh-ssh-live-dot {\n  width: 7px;\n  height: 7px;\n  border: 1px solid var(--dsw-alias-label-tertiary);\n  border-radius: 50%;\n}\n.dsh-ssh-live-dot.is-connected {\n  border-color: #4d8d77;\n  background: #4d8d77;\n  box-shadow: 0 0 0 3px color-mix(in srgb, #4d8d77 12%, transparent);\n}\n.dsh-ssh-live-dot.is-connecting {\n  border-color: #a27e45;\n  background: #a27e45;\n}\n.dsh-ssh-live-dot.is-error {\n  border-color: #a85a55;\n  background: #a85a55;\n}\n.dsh-ssh-terminal-frame {\n  display: flex;\n  min-height: 360px;\n  flex: 1;\n  flex-direction: column;\n  overflow: hidden;\n  border: 1px solid color-mix(in srgb, #8ba49e 22%, #101817);\n  border-radius: 12px;\n  background: #111817;\n  box-shadow: 0 10px 34px color-mix(in srgb, #0d1513 14%, transparent);\n}\n.dsh-ssh-xterm {\n  min-height: 0;\n  flex: 1;\n  padding: 11px 11px 0;\n}\n.dsh-ssh-xterm .xterm {\n  height: 100%;\n}\n.dsh-ssh-xterm .xterm-viewport,\n.dsh-ssh-terminal-screen .xterm-viewport {\n  scrollbar-width: thin;\n  scrollbar-color: transparent transparent;\n  scrollbar-gutter: stable;\n}\n.dsh-ssh-xterm:hover .xterm-viewport,\n.dsh-ssh-terminal-screen:hover .xterm-viewport {\n  scrollbar-color: var(--dsw-alias-scrollbar-bg-l1, #41504c) transparent;\n}\n.dsh-ssh-xterm .xterm-viewport::-webkit-scrollbar,\n.dsh-ssh-terminal-screen .xterm-viewport::-webkit-scrollbar {\n  width: 5px;\n}\n.dsh-ssh-xterm .xterm-viewport::-webkit-scrollbar-track,\n.dsh-ssh-terminal-screen .xterm-viewport::-webkit-scrollbar-track {\n  background: transparent;\n}\n.dsh-ssh-xterm .xterm-viewport::-webkit-scrollbar-thumb,\n.dsh-ssh-terminal-screen .xterm-viewport::-webkit-scrollbar-thumb {\n  border-radius: 999px;\n  background: transparent;\n}\n.dsh-ssh-xterm:hover .xterm-viewport::-webkit-scrollbar-thumb,\n.dsh-ssh-terminal-screen:hover .xterm-viewport::-webkit-scrollbar-thumb {\n  background: var(--dsw-alias-scrollbar-bg-l1, #41504c);\n}\n.dsh-ssh-xterm .xterm-viewport::-webkit-scrollbar-thumb:hover,\n.dsh-ssh-terminal-screen .xterm-viewport::-webkit-scrollbar-thumb:hover {\n  background: var(--dsw-alias-scrollbar-hover-l1, #596a65);\n}\n.dsh-ssh-terminal-status {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  min-height: 28px;\n  padding: 0 11px;\n  border-top: 1px solid #ffffff12;\n  color: #879691;\n  background: #0d1413;\n  font:\n    10px/1 var(--ds-font-family-code),\n    monospace;\n}\n.dsh-ssh-banner {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  padding: 8px 18px;\n  border-bottom: 1px solid transparent;\n  font-size: 11px;\n}\n.dsh-ssh-banner > span {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.dsh-ssh-banner code {\n  font-family: var(--ds-font-family-code), monospace;\n}\n.dsh-ssh-banner button:not(.dsh-ssh-small-primary) {\n  display: grid;\n  place-items: center;\n  border: 0;\n  color: inherit;\n  background: transparent;\n}\n.dsh-ssh-banner.is-error {\n  border-color: color-mix(in srgb, var(--ssh-danger) 22%, transparent);\n  color: var(--ssh-danger);\n  background: color-mix(in srgb, var(--ssh-danger) 7%, var(--ssh-surface));\n}\n.dsh-ssh-banner.is-warning {\n  border-color: color-mix(in srgb, var(--ssh-warning) 22%, transparent);\n  color: color-mix(\n    in srgb,\n    var(--ssh-warning) 85%,\n    var(--dsw-alias-label-primary)\n  );\n  background: color-mix(in srgb, var(--ssh-warning) 8%, var(--ssh-surface));\n}\n.dsh-ssh-inline-error {\n  margin: 0 0 10px;\n  padding: 7px 9px;\n  border-radius: 7px;\n  color: var(--ssh-danger);\n  background: color-mix(in srgb, var(--ssh-danger) 7%, transparent);\n  font-size: 11px;\n}\n.dsh-ssh-empty-state {\n  display: grid;\n  place-items: center;\n  align-content: center;\n  min-height: 100%;\n  padding: 40px;\n  text-align: center;\n}\n.dsh-ssh-empty-state > span {\n  display: grid;\n  place-items: center;\n  width: 48px;\n  height: 48px;\n  margin-bottom: 14px;\n  border: 1px solid var(--ssh-border);\n  border-radius: 14px;\n  color: var(--ssh-accent);\n  background: var(--ssh-surface-raised);\n}\n.dsh-ssh-empty-state h1 {\n  margin: 0;\n  font-size: 17px;\n}\n.dsh-ssh-empty-state p {\n  max-width: 420px;\n  margin: 8px 0 18px;\n  color: var(--dsw-alias-label-secondary);\n  font-size: 12px;\n  line-height: 1.6;\n}\n.dsh-ssh-inspector {\n  overflow: auto;\n}\n.dsh-ssh-session-chip {\n  display: flex;\n  align-items: center;\n  gap: 9px;\n  margin: 12px 12px 4px;\n  padding: 9px 10px;\n  border: 1px solid var(--ssh-border);\n  border-radius: 9px;\n  background: color-mix(in srgb, var(--ssh-surface-raised) 86%, transparent);\n}\n.dsh-ssh-session-chip > span:nth-child(2) {\n  display: grid;\n  gap: 2px;\n}\n.dsh-ssh-session-chip strong {\n  font-size: 11px;\n}\n.dsh-ssh-session-chip small {\n  color: var(--dsw-alias-label-tertiary);\n  font:\n    9px/1 var(--ds-font-family-code),\n    monospace;\n}\n.dsh-ssh-session-pulse {\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background: var(--ssh-accent);\n}\n.dsh-ssh-fieldset {\n  display: grid;\n  gap: 3px;\n  margin: 13px 12px 0;\n  padding: 0;\n  border: 0;\n}\n.dsh-ssh-fieldset legend {\n  margin-bottom: 5px;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 10px;\n  font-weight: 600;\n}\n.dsh-ssh-check-row,\n.dsh-ssh-radio-row {\n  display: flex;\n  align-items: center;\n  gap: 9px;\n  min-height: 38px;\n  padding: 3px 5px;\n  border-radius: 8px;\n}\n.dsh-ssh-check-row:hover,\n.dsh-ssh-radio-row:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n.dsh-ssh-check-row input,\n.dsh-ssh-radio-row input {\n  accent-color: var(--ssh-accent);\n}\n.dsh-ssh-check-row > span,\n.dsh-ssh-radio-row > span {\n  display: grid;\n  min-width: 0;\n  gap: 2px;\n}\n.dsh-ssh-check-row strong,\n.dsh-ssh-radio-row strong {\n  font-size: 11px;\n  font-weight: 550;\n}\n.dsh-ssh-check-row small,\n.dsh-ssh-radio-row small {\n  overflow: hidden;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 9px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-ssh-switch-row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 20px;\n  min-height: 48px;\n  margin: 13px 12px 0;\n  padding: 7px 9px;\n  border: 1px solid var(--ssh-border);\n  border-radius: 9px;\n}\n.dsh-ssh-switch-row > span {\n  display: grid;\n  gap: 3px;\n}\n.dsh-ssh-switch-row strong {\n  font-size: 11px;\n  font-weight: 550;\n}\n.dsh-ssh-switch-row small {\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 9px;\n  line-height: 1.35;\n}\n.dsh-ssh-switch-row input {\n  width: 28px;\n  height: 16px;\n  accent-color: var(--ssh-accent);\n}\n.dsh-ssh-inspector-hint,\n.dsh-ssh-save-state {\n  margin: 10px 12px 0;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 10px;\n}\n.dsh-ssh-inspector-empty {\n  margin: 14px;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 11px;\n  line-height: 1.55;\n}\n.dsh-ssh-forward-list {\n  display: grid;\n  align-content: start;\n  gap: 5px;\n}\n.dsh-ssh-forward-row {\n  display: grid;\n  grid-template-columns: 32px minmax(0, 1fr) auto 28px auto 28px;\n  align-items: center;\n  gap: 8px;\n  min-height: 54px;\n  padding: 6px 9px;\n  border: 1px solid var(--ssh-border);\n  border-radius: 10px;\n  background: color-mix(in srgb, var(--ssh-surface-raised) 88%, transparent);\n}\n.dsh-ssh-forward-kind {\n  display: grid;\n  place-items: center;\n  width: 28px;\n  height: 28px;\n  border: 1px solid var(--ssh-border);\n  border-radius: 8px;\n  color: var(--ssh-accent-strong);\n  font:\n    600 11px/1 var(--ds-font-family-code),\n    monospace;\n}\n.dsh-ssh-forward-copy {\n  display: grid;\n  min-width: 0;\n  gap: 4px;\n}\n.dsh-ssh-forward-copy strong {\n  font-size: 12px;\n}\n.dsh-ssh-forward-copy small {\n  overflow: hidden;\n  color: var(--dsw-alias-label-tertiary);\n  font:\n    10px/1 var(--ds-font-family-code),\n    monospace;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-ssh-state-label {\n  padding: 3px 7px;\n  border-radius: 999px;\n  color: var(--dsw-alias-label-tertiary);\n  background: color-mix(\n    in srgb,\n    var(--dsw-alias-label-primary) 5%,\n    transparent\n  );\n  font-size: 9px;\n}\n.dsh-ssh-state-label.is-running {\n  color: #497967;\n  background: color-mix(in srgb, #5d957f 10%, transparent);\n}\n.dsh-ssh-state-label.is-error {\n  color: var(--ssh-danger);\n  background: color-mix(in srgb, var(--ssh-danger) 8%, transparent);\n}\n.dsh-ssh-table-empty {\n  display: grid;\n  place-items: center;\n  min-height: 180px;\n  border: 1px dashed var(--ssh-border);\n  border-radius: 12px;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 12px;\n}\n.dsh-ssh-settings-group {\n  display: grid;\n  max-width: 680px;\n  gap: 8px;\n}\n.dsh-ssh-settings-group .dsh-ssh-switch-row {\n  margin: 0;\n}\n.dsh-ssh-number-row {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) 120px 32px;\n  align-items: center;\n  gap: 8px;\n  min-height: 60px;\n  padding: 6px 10px;\n  border: 1px solid var(--ssh-border);\n  border-radius: 10px;\n  background: color-mix(in srgb, var(--ssh-surface-raised) 80%, transparent);\n}\n.dsh-ssh-number-row > span {\n  display: grid;\n  gap: 3px;\n}\n.dsh-ssh-number-row strong {\n  font-size: 11px;\n}\n.dsh-ssh-number-row small {\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 9px;\n}\n.dsh-ssh-number-row input {\n  height: 30px;\n  padding: 0 8px;\n}\n.dsh-ssh-number-row em {\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 9px;\n  font-style: normal;\n}\n.dsh-ssh-dialog-layer {\n  position: fixed;\n  z-index: 1000;\n  inset: 0;\n  display: grid;\n  place-items: center;\n  padding: 28px;\n  background: color-mix(in srgb, #111817 28%, transparent);\n  backdrop-filter: blur(3px);\n}\n.dsh-ssh-dialog {\n  box-sizing: border-box;\n  width: min(620px, calc(100vw - 40px));\n  max-height: min(760px, calc(100vh - 40px));\n  overflow: auto;\n  border: 1px solid\n    color-mix(in srgb, var(--dsw-alias-label-primary) 15%, transparent);\n  border-radius: 14px;\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-bg-base, #f7f8f7);\n  box-shadow: 0 24px 70px #07100d2e;\n}\n.dsh-ssh-dialog > header {\n  position: sticky;\n  z-index: 1;\n  top: 0;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  min-height: 64px;\n  padding: 0 18px;\n  border-bottom: 1px solid\n    var(\n      --ssh-border,\n      color-mix(in srgb, var(--dsw-alias-label-primary) 10%, transparent)\n    );\n  background: color-mix(\n    in srgb,\n    var(--dsw-alias-bg-base, #f7f8f7) 94%,\n    transparent\n  );\n  backdrop-filter: blur(12px);\n}\n.dsh-ssh-dialog h2 {\n  margin: 0;\n  font-size: 17px;\n  font-weight: 650;\n  letter-spacing: -0.01em;\n}\n.dsh-ssh-dialog header p {\n  margin: 3px 0 0;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 11px;\n}\n.dsh-ssh-form {\n  --ssh-border: color-mix(\n    in srgb,\n    var(--dsw-alias-label-primary) 11%,\n    transparent\n  );\n  --ssh-accent: #547d78;\n  --ssh-accent-strong: #406e67;\n  --ssh-danger: #9c504c;\n  display: grid;\n  gap: 15px;\n  padding: 20px 18px 18px;\n}\n.dsh-ssh-form-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 12px;\n}\n.dsh-ssh-form-grid.is-host {\n  grid-template-columns: minmax(0, 1fr) 110px;\n}\n.dsh-ssh-field {\n  display: grid;\n  gap: 5px;\n  min-width: 0;\n  color: var(--dsw-alias-label-secondary);\n  font-size: 12px;\n  font-weight: 600;\n}\n.dsh-ssh-field input,\n.dsh-ssh-field select {\n  height: 38px;\n  padding: 0 10px;\n  font-size: 13px;\n}\n.dsh-ssh-field textarea {\n  padding: 9px 10px;\n  font-size: 13px;\n  line-height: 1.5;\n  resize: vertical;\n  font-family: var(--ds-font-family-code), monospace;\n}\n.dsh-ssh-field small {\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 11px;\n  line-height: 1.4;\n  font-weight: 400;\n}\n.dsh-ssh-form-divider {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin-top: 2px;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 11px;\n  font-weight: 600;\n}\n.dsh-ssh-form-divider:after {\n  height: 1px;\n  flex: 1;\n  background: var(--ssh-border);\n  content: "";\n}\n.dsh-ssh-dialog-actions {\n  display: flex;\n  justify-content: flex-end;\n  gap: 8px;\n  padding-top: 5px;\n}\n.dsh-ssh-dialog-actions .dsh-ssh-primary-button,\n.dsh-ssh-dialog-actions .dsh-ssh-secondary-button {\n  min-height: 34px;\n  font-size: 13px;\n}\n.dsh-ssh-form .dsh-ssh-switch-row {\n  margin: 0;\n}\n.dsh-ssh-form .dsh-ssh-inline-error {\n  margin: 0;\n}\n@container dpu-workspace (max-width: 1120px) {\n  .dsh-ssh-toolbar {\n    grid-template-columns: 1fr auto auto;\n  }\n  .dsh-ssh-brand small {\n    display: none;\n  }\n}\n@container dpu-workspace (max-width: 820px) {\n  .dsh-ssh-toolbar {\n    grid-template-columns: 1fr auto;\n    gap: 8px;\n    padding: 0 12px;\n  }\n  .dsh-ssh-segments {\n    grid-row: 2;\n    grid-column: 1/-1;\n    margin-bottom: 8px;\n    overflow-x: auto;\n    scrollbar-width: none;\n  }\n  .dsh-ssh-segments::-webkit-scrollbar {\n    display: none;\n  }\n  .dsh-ssh-segments button {\n    min-width: 72px;\n    height: 36px;\n    flex: none;\n  }\n  .dsh-ssh-toolbar {\n    padding-top: 8px;\n  }\n  .dsh-ssh-content-heading {\n    align-items: flex-start;\n    flex-direction: column;\n    padding: 14px 0;\n  }\n  .dsh-ssh-heading-actions {\n    flex-wrap: wrap;\n  }\n  .dsh-ssh-forward-row {\n    grid-template-columns: 32px minmax(0, 1fr) auto;\n  }\n  .dsh-ssh-forward-row > .dsh-ssh-icon-button,\n  .dsh-ssh-forward-row > .dsh-ssh-small-primary {\n    display: none;\n  }\n}\n@container dpu-workspace (max-width: 520px) {\n  .dsh-ssh-toolbar {\n    padding-right: max(10px, env(safe-area-inset-right));\n    padding-left: max(10px, env(safe-area-inset-left));\n  }\n  .dsh-ssh-toolbar > .dsh-ssh-primary-button {\n    width: 40px;\n    min-height: 40px;\n    padding: 0;\n  }\n  .dsh-ssh-toolbar > .dsh-ssh-primary-button span {\n    display: none;\n  }\n  .dsh-ssh-terminal-pane,\n  .dsh-ssh-forward-pane,\n  .dsh-ssh-settings-pane,\n  .dsh-ssh-vault-pane,\n  .dsh-ssh-proxy-pane,\n  .dsh-ssh-profile-sftp-pane {\n    padding-right: 10px;\n    padding-left: 10px;\n  }\n  .dsh-ssh-sftp.is-workspace .dsh-ssh-sftp-columns,\n  .dsh-ssh-sftp.is-workspace .dsh-ssh-sftp-row {\n    grid-template-columns: minmax(120px, 1fr) 64px;\n  }\n  .dsh-ssh-sftp.is-workspace .dsh-ssh-sftp-columns > :nth-child(3),\n  .dsh-ssh-sftp.is-workspace .dsh-ssh-sftp-row > :nth-child(3) {\n    display: none;\n  }\n  .dsh-ssh-sftp.is-workspace .dsh-ssh-sftp-row {\n    min-height: 44px;\n  }\n  .dsh-ssh-number-row {\n    grid-template-columns: minmax(0, 1fr) 86px 28px;\n  }\n}\n@media (max-width: 600px) {\n  .dsh-ssh-dialog-layer {\n    align-items: stretch;\n    padding: 0;\n  }\n  .dsh-ssh-dialog {\n    width: 100%;\n    max-height: 100dvh;\n    border: 0;\n    border-radius: 0;\n  }\n  .dsh-ssh-form-grid,\n  .dsh-ssh-form-grid.is-host {\n    grid-template-columns: 1fr;\n  }\n  .dsh-ssh-dialog-actions {\n    position: sticky;\n    bottom: 0;\n    flex-wrap: wrap;\n    padding: 10px 0 max(10px, env(safe-area-inset-bottom));\n    background: var(--dsw-alias-bg-base, #f7f8f7);\n  }\n}\n@media (prefers-reduced-motion: reduce) {\n  .dsh-ssh-disclosure {\n    transition: none;\n  }\n}\n@media (prefers-reduced-transparency: reduce) {\n  .dsh-ssh-dialog-layer {\n    backdrop-filter: none;\n  }\n  .dsh-ssh-dialog > header {\n    backdrop-filter: none;\n  }\n}\n\n.dsh-ssh-activity-trigger {\n  box-sizing: border-box;\n  display: inline-grid;\n  place-items: center;\n  width: 28px;\n  height: 28px;\n  padding: 0;\n  border: 1px solid transparent;\n  border-radius: 8px;\n  color: var(--dsw-alias-label-secondary);\n  background: transparent;\n  cursor: pointer;\n}\n.dsh-ssh-activity-trigger:hover {\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n.dsh-ssh-activity-trigger.is-active {\n  border-color: color-mix(in srgb, var(--ssh-accent, #547d78) 16%, transparent);\n  color: var(--ssh-accent-strong, #406e67);\n  background: color-mix(in srgb, var(--ssh-accent, #547d78) 8%, transparent);\n}\n.dsh-ssh-panel-right-icon {\n  transform: rotate(180deg);\n}\n.dsh-ssh-activity-trigger:focus-visible,\n.dsh-ssh-activity-tabs button:focus-visible,\n.dsh-ssh-sftp button:focus-visible,\n.dsh-ssh-sftp input:focus-visible,\n.dsh-ssh-sftp select:focus-visible {\n  outline: 2px solid\n    color-mix(in srgb, var(--ssh-accent, #547d78) 62%, transparent);\n  outline-offset: 2px;\n}\n.dsh-ssh-activity-panel {\n  --ssh-activity-border: color-mix(\n    in srgb,\n    var(--dsw-alias-label-primary) 10%,\n    transparent\n  );\n  box-sizing: border-box;\n  display: flex;\n  width: 100%;\n  height: 100%;\n  min-width: 0;\n  min-height: 0;\n  flex-direction: column;\n  color: var(--dsw-alias-label-primary);\n  background: var(--ssh-activity-surface);\n  font-family:\n    var(--ds-font-family),\n    -apple-system,\n    BlinkMacSystemFont,\n    "Segoe UI",\n    sans-serif;\n}\n.dsh-ssh-activity-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  min-height: 58px;\n  padding: 0 12px 0 14px;\n  border-bottom: 1px solid var(--ssh-activity-border);\n  background: var(--ssh-activity-surface-raised);\n}\n.dsh-ssh-activity-header > span {\n  display: grid;\n  min-width: 0;\n  gap: 3px;\n}\n.dsh-ssh-activity-header strong {\n  font-size: 13px;\n  font-weight: 650;\n}\n.dsh-ssh-activity-header small {\n  overflow: hidden;\n  color: var(--dsw-alias-label-tertiary);\n  font:\n    10px/1.2 var(--ds-font-family-code),\n    monospace;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-ssh-activity-tabs {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 3px;\n  margin: 10px 12px 0;\n  padding: 3px;\n  border: 1px solid var(--ssh-activity-border);\n  border-radius: 10px;\n  background: color-mix(\n    in srgb,\n    var(--dsw-alias-label-primary) 3%,\n    transparent\n  );\n}\n.dsh-ssh-activity-tabs button {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n  min-height: 30px;\n  padding: 0 9px;\n  border: 0;\n  border-radius: 7px;\n  color: var(--dsw-alias-label-secondary);\n  background: transparent;\n  font: 550 11px/1 var(--ds-font-family);\n  cursor: pointer;\n}\n.dsh-ssh-activity-tabs button:hover {\n  color: var(--dsw-alias-label-primary);\n}\n.dsh-ssh-activity-tabs button.is-active {\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-bg-base, #f7f8f7);\n  box-shadow: 0 1px 3px\n    color-mix(in srgb, var(--dsw-alias-label-primary) 9%, transparent);\n}\n.dsh-ssh-activity-tabs button:only-child {\n  grid-column: 1/-1;\n}\n.dsh-ssh-activity-body {\n  display: flex;\n  min-height: 0;\n  flex: 1;\n  overflow: hidden;\n  padding: 14px 12px 18px;\n}\n.dsh-ssh-activity-body > * {\n  width: 100%;\n}\n.dsh-ssh-activity-state {\n  margin: 20px 4px;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 11px;\n}\n.dsh-ssh-sftp {\n  display: flex;\n  min-height: 100%;\n  flex-direction: column;\n}\n.dsh-ssh-sftp-hostbar {\n  display: grid;\n  grid-template-columns: 28px minmax(0, 1fr);\n  align-items: center;\n  gap: 8px;\n  padding: 0 2px 10px;\n}\n.dsh-ssh-sftp-hostbar label {\n  display: grid;\n  min-width: 0;\n  gap: 2px;\n}\n.dsh-ssh-sftp-hostbar select {\n  min-width: 0;\n  padding: 0;\n  border: 0;\n  outline: 0;\n  color: var(--dsw-alias-label-primary);\n  background: transparent;\n  font: 600 11px/1.25 var(--ds-font-family);\n  cursor: pointer;\n}\n.dsh-ssh-sftp-hostbar small {\n  overflow: hidden;\n  color: var(--dsw-alias-label-tertiary);\n  font:\n    9px/1.2 var(--ds-font-family-code),\n    monospace;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-ssh-sftp-pathbar {\n  display: grid;\n  grid-template-columns: 30px minmax(0, 1fr) 30px;\n  gap: 5px;\n  margin-bottom: 9px;\n}\n.dsh-ssh-sftp-pathbar.has-upload {\n  grid-template-columns: 30px minmax(0, 1fr) 30px auto;\n}\n.dsh-ssh-sftp-pathbar button,\n.dsh-ssh-sftp-pathbar input {\n  box-sizing: border-box;\n  height: 30px;\n  border: 1px solid var(--ssh-activity-border);\n  border-radius: 8px;\n  color: var(--dsw-alias-label-primary);\n  background: var(--ssh-activity-surface-raised);\n}\n.dsh-ssh-sftp-pathbar button {\n  display: grid;\n  place-items: center;\n  padding: 0;\n  cursor: pointer;\n}\n.dsh-ssh-sftp-pathbar button:disabled {\n  opacity: 0.35;\n  cursor: default;\n}\n.dsh-ssh-sftp-pathbar input {\n  min-width: 0;\n  padding: 0 9px;\n  outline: 0;\n  font:\n    9px/1 var(--ds-font-family-code),\n    monospace;\n}\n.dsh-ssh-sftp-pathbar .dsh-ssh-sftp-upload-button {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  padding: 0 10px;\n  color: #f6fbf9;\n  background: var(--ssh-accent-strong, #406e67);\n  font: 550 10px/1 var(--ds-font-family);\n}\n.dsh-ssh-directory-error {\n  margin: 0 0 8px;\n  padding: 7px 8px;\n  border-radius: 7px;\n  color: var(--ssh-danger, #9c504c);\n  background: color-mix(in srgb, var(--ssh-danger, #9c504c) 7%, transparent);\n  font-size: 10px;\n  line-height: 1.4;\n}\n.dsh-ssh-sftp-table {\n  min-height: 0;\n  flex: 1;\n  overflow: auto;\n  border: 1px solid var(--ssh-activity-border);\n  border-radius: 10px;\n  background: var(--ssh-activity-surface-raised);\n}\n.dsh-ssh-sftp-columns,\n.dsh-ssh-sftp-row {\n  display: grid;\n  grid-template-columns: minmax(120px, 1fr) 58px 72px;\n  align-items: center;\n  gap: 7px;\n}\n.dsh-ssh-sftp-columns {\n  position: sticky;\n  z-index: 1;\n  top: 0;\n  min-height: 28px;\n  padding: 0 9px;\n  border-bottom: 1px solid var(--ssh-activity-border);\n  color: var(--dsw-alias-label-tertiary);\n  background: var(--ssh-activity-surface);\n  font-size: 8px;\n}\n.dsh-ssh-sftp-row {\n  box-sizing: border-box;\n  width: 100%;\n  min-height: 34px;\n  padding: 0 9px;\n  border: 0;\n  border-bottom: 1px solid\n    color-mix(in srgb, var(--ssh-activity-border) 55%, transparent);\n  color: var(--dsw-alias-label-primary);\n  background: transparent;\n  text-align: left;\n}\n.dsh-ssh-sftp-row:last-child {\n  border-bottom: 0;\n}\n.dsh-ssh-sftp-row.is-directory {\n  cursor: pointer;\n}\n.dsh-ssh-sftp-row.is-directory:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n.dsh-ssh-sftp-row:disabled {\n  opacity: 1;\n}\n.dsh-ssh-sftp-row > span {\n  display: flex;\n  min-width: 0;\n  align-items: center;\n  gap: 7px;\n}\n.dsh-ssh-sftp-row svg {\n  flex: none;\n  color: var(--dsw-alias-label-secondary);\n}\n.dsh-ssh-sftp-row.is-directory svg {\n  color: var(--ssh-accent-strong, #406e67);\n}\n.dsh-ssh-sftp-row strong {\n  overflow: hidden;\n  font-size: 11px;\n  font-weight: 500;\n  line-height: 1.3;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-ssh-sftp-row small {\n  overflow: hidden;\n  color: var(--dsw-alias-label-tertiary);\n  font:\n    8px/1.2 var(--ds-font-family-code),\n    monospace;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-ssh-sftp-state {\n  display: grid;\n  place-items: center;\n  min-height: 160px;\n  margin: 0;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 10px;\n}\n.dsh-ssh-activity-empty {\n  display: grid;\n  place-items: center;\n  align-content: center;\n  min-height: 240px;\n  padding: 24px;\n  text-align: center;\n}\n.dsh-ssh-activity-empty > svg {\n  margin-bottom: 10px;\n  color: var(--dsw-alias-label-tertiary);\n}\n.dsh-ssh-activity-empty strong {\n  font-size: 12px;\n}\n.dsh-ssh-activity-empty p {\n  max-width: 260px;\n  margin: 7px 0 0;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 10px;\n  line-height: 1.5;\n}\n.dsh-ssh-terminal-observer {\n  display: flex;\n  height: 100%;\n  min-height: 280px;\n  overflow: hidden;\n  flex-direction: column;\n  border: 1px solid color-mix(in srgb, #8ba49e 22%, #101817);\n  border-radius: 11px;\n  background: #111817;\n}\n.dsh-ssh-terminal-observer-heading {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  min-height: 42px;\n  padding: 0 10px;\n  border-bottom: 1px solid #ffffff12;\n  color: #dce5e1;\n  background: #0d1413;\n}\n.dsh-ssh-terminal-observer-heading > span:first-child {\n  display: grid;\n  min-width: 0;\n  gap: 3px;\n}\n.dsh-ssh-terminal-observer-heading strong,\n.dsh-ssh-terminal-observer-heading small {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-ssh-terminal-observer-heading strong {\n  font-size: 10px;\n}\n.dsh-ssh-terminal-observer-heading small {\n  color: #879691;\n  font:\n    8px/1 var(--ds-font-family-code),\n    monospace;\n}\n.dsh-ssh-terminal-state {\n  flex: none;\n  color: #879691;\n  font-size: 9px;\n}\n.dsh-ssh-terminal-state.is-running {\n  color: #8fc0af;\n}\n.dsh-ssh-terminal-screen {\n  box-sizing: border-box;\n  min-height: 0;\n  flex: 1;\n  padding: 9px 8px 0;\n}\n.dsh-ssh-terminal-screen .xterm {\n  height: 100%;\n}\n.dsh-ssh-sftp-row:not(.is-directory) {\n  cursor: pointer;\n}\n.dsh-ssh-file-preview {\n  display: flex;\n  min-height: 0;\n  flex: 1;\n  flex-direction: column;\n  overflow: hidden;\n  border: 1px solid var(--ssh-activity-border);\n  border-radius: 10px;\n  background: var(--ssh-activity-surface-raised);\n}\n.dsh-ssh-file-preview > header {\n  display: grid;\n  grid-template-columns: 28px minmax(0, 1fr) 28px;\n  align-items: center;\n  gap: 7px;\n  min-height: 42px;\n  padding: 0 7px;\n  border-bottom: 1px solid var(--ssh-activity-border);\n}\n.dsh-ssh-file-preview > header > span {\n  display: grid;\n  min-width: 0;\n  gap: 2px;\n}\n.dsh-ssh-file-preview > header strong,\n.dsh-ssh-file-preview > header small {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-ssh-file-preview > header strong {\n  font-size: 10px;\n}\n.dsh-ssh-file-preview > header small {\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 8px;\n}\n.dsh-ssh-file-preview > header > a {\n  display: grid;\n  place-items: center;\n  width: 28px;\n  height: 28px;\n  border-radius: 8px;\n  color: var(--dsw-alias-label-secondary);\n  text-decoration: none;\n}\n.dsh-ssh-file-preview > header > a:hover {\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n.dsh-ssh-file-preview-body {\n  display: flex;\n  min-height: 0;\n  flex: 1;\n  overflow: auto;\n  flex-direction: column;\n}\n.dsh-ssh-file-preview-body > pre {\n  box-sizing: border-box;\n  min-width: 100%;\n  min-height: 100%;\n  margin: 0;\n  padding: 12px;\n  color: var(--dsw-alias-label-primary);\n  background: transparent;\n  font:\n    10px/1.55 var(--ds-font-family-code),\n    monospace;\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n}\n.dsh-ssh-file-preview-body > small {\n  padding: 8px 12px;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 9px;\n}\n.dsh-ssh-file-preview-body > img {\n  display: block;\n  max-width: 100%;\n  max-height: 100%;\n  margin: auto;\n  object-fit: contain;\n}\n.dsh-ssh-file-preview-body > iframe {\n  width: 100%;\n  height: 100%;\n  min-height: 420px;\n  border: 0;\n  background: #fff;\n}\n.dsh-ssh-file-binary {\n  display: grid;\n  place-items: center;\n  align-content: center;\n  min-height: 240px;\n  padding: 20px;\n  text-align: center;\n}\n.dsh-ssh-file-binary > svg {\n  margin-bottom: 9px;\n  color: var(--dsw-alias-label-tertiary);\n}\n.dsh-ssh-file-binary strong {\n  font-size: 11px;\n}\n.dsh-ssh-file-binary p {\n  margin: 5px 0 12px;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 9px;\n}\n.dsh-ssh-file-binary a {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  min-height: 30px;\n  padding: 0 10px;\n  border: 1px solid var(--ssh-activity-border);\n  border-radius: 8px;\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-button-elevated-fill);\n  font-size: 10px;\n  text-decoration: none;\n}\n.dsh-ssh-terminal-workbench {\n  display: flex;\n  min-height: 0;\n  flex: 1;\n  flex-direction: column;\n  gap: 7px;\n}\n.dsh-ssh-terminal-switcher {\n  display: flex;\n  flex: none;\n  gap: 3px;\n  overflow: auto;\n  padding: 1px;\n}\n.dsh-ssh-terminal-switcher button {\n  display: flex;\n  min-width: 0;\n  max-width: 150px;\n  align-items: center;\n  gap: 6px;\n  height: 28px;\n  padding: 0 8px;\n  border: 1px solid transparent;\n  border-radius: 7px;\n  color: var(--dsw-alias-label-secondary);\n  background: transparent;\n  font: 500 9px/1 var(--ds-font-family);\n  white-space: nowrap;\n  cursor: pointer;\n}\n.dsh-ssh-terminal-switcher button:hover {\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n.dsh-ssh-terminal-switcher button.is-active {\n  border-color: var(--ssh-activity-border);\n  color: var(--dsw-alias-label-primary);\n  background: color-mix(in srgb, var(--ssh-accent, #547d78) 8%, transparent);\n}\n.dsh-ssh-terminal-state-dot {\n  width: 5px;\n  height: 5px;\n  flex: none;\n  border: 1px solid #75827e;\n  border-radius: 50%;\n}\n.dsh-ssh-terminal-state-dot.is-running {\n  border-color: #6ca08d;\n  background: #6ca08d;\n}\n.dsh-ssh-terminal-workbench .dsh-ssh-terminal-observer {\n  height: auto;\n  min-height: 0;\n  flex: 1;\n}\n.dsh-ssh-terminal-input-error {\n  margin: 0;\n  padding: 6px 8px;\n  border-radius: 6px;\n  color: #d98e88;\n  background: #351c1a;\n  font-size: 9px;\n}\n\n.dsh-ssh-workspace::before {\n  position: absolute;\n  z-index: 0;\n  inset: 0;\n  pointer-events: none;\n  background:\n    radial-gradient(\n      circle at 18% 12%,\n      color-mix(in srgb, var(--ssh-accent) 7%, transparent),\n      transparent 28%\n    ),\n    linear-gradient(\n      115deg,\n      transparent 0 56%,\n      color-mix(in srgb, var(--ssh-accent) 3%, transparent) 56.1% 56.35%,\n      transparent 56.45% 100%\n    );\n  content: "";\n}\n.dsh-ssh-workspace > * {\n  position: relative;\n  z-index: 1;\n}\n.dsh-ssh-toolbar {\n  box-shadow:\n    inset 0 1px 0\n      color-mix(in srgb, var(--dsw-alias-bg-base, #fff) 70%, transparent),\n    0 8px 28px\n      color-mix(in srgb, var(--dsw-alias-label-primary) 3%, transparent);\n}\n.dsh-ssh-brand-glyph {\n  position: relative;\n  overflow: hidden;\n}\n.dsh-ssh-brand-glyph::after {\n  position: absolute;\n  width: 12px;\n  height: 1px;\n  left: 9px;\n  bottom: 5px;\n  border-radius: 1px;\n  background: color-mix(in srgb, var(--ssh-accent) 66%, transparent);\n  content: "";\n}\n.dsh-ssh-profile-row {\n  position: relative;\n  transition:\n    background 140ms ease,\n    border-color 140ms ease,\n    transform 160ms cubic-bezier(0.2, 0.8, 0.2, 1);\n}\n.dsh-ssh-profile-row::before {\n  position: absolute;\n  width: 2px;\n  left: 0;\n  top: 11px;\n  bottom: 11px;\n  border-radius: 2px;\n  background: var(--ssh-accent);\n  opacity: 0;\n  transform: scaleY(0.45);\n  transition:\n    opacity 140ms ease,\n    transform 170ms cubic-bezier(0.2, 0.8, 0.2, 1);\n  content: "";\n}\n.dsh-ssh-profile-row.is-active {\n  transform: translateX(2px);\n}\n.dsh-ssh-profile-row.is-active::before {\n  opacity: 0.8;\n  transform: scaleY(1);\n}\n.dsh-ssh-profile-row:active,\n.dsh-ssh-sftp-row:active,\n.dsh-ssh-terminal-switcher button:active {\n  transform: scale(0.985);\n}\n.dsh-ssh-activity-panel {\n  animation: dsh-ssh-panel-enter 180ms cubic-bezier(0.2, 0.8, 0.2, 1) both;\n}\n.dsh-ssh-sftp-table,\n.dsh-ssh-file-preview,\n.dsh-ssh-terminal-observer {\n  box-shadow:\n    inset 0 1px 0\n      color-mix(in srgb, var(--dsw-alias-bg-base, #fff) 8%, transparent),\n    0 10px 30px\n      color-mix(in srgb, var(--dsw-alias-label-primary) 4%, transparent);\n}\n.dsh-ssh-sftp-row {\n  transition:\n    background 120ms ease,\n    transform 120ms ease;\n}\n.dsh-ssh-file-preview-body {\n  animation: dsh-ssh-content-enter 160ms ease-out both;\n}\n.dsh-ssh-terminal-switcher button {\n  transition:\n    color 120ms ease,\n    background 120ms ease,\n    border-color 120ms ease,\n    transform 120ms ease;\n}\n.dsh-ssh-terminal-switcher button.is-active {\n  box-shadow: inset 0 1px 0\n    color-mix(in srgb, var(--dsw-alias-bg-base, #fff) 55%, transparent);\n}\n.dsh-ssh-vault-pane,\n.dsh-ssh-proxy-pane {\n  box-sizing: border-box;\n  display: flex;\n  min-height: 100%;\n  flex-direction: column;\n  padding: 0 18px 18px;\n}\n.dsh-ssh-vault-list,\n.dsh-ssh-proxy-list {\n  display: grid;\n  align-content: start;\n  gap: 5px;\n}\n.dsh-ssh-vault-row,\n.dsh-ssh-proxy-row {\n  display: grid;\n  grid-template-columns: 34px minmax(160px, 1fr) auto 70px 28px 28px;\n  align-items: center;\n  gap: 9px;\n  min-height: 56px;\n  padding: 5px 8px;\n  border: 1px solid var(--ssh-border);\n  border-radius: 10px;\n  background: color-mix(in srgb, var(--ssh-surface-raised) 82%, transparent);\n  transition:\n    background 140ms ease,\n    border-color 140ms ease,\n    transform 150ms ease;\n}\n.dsh-ssh-vault-row:hover,\n.dsh-ssh-proxy-row:hover {\n  border-color: color-mix(in srgb, var(--ssh-accent) 18%, var(--ssh-border));\n  background: color-mix(in srgb, var(--ssh-surface-raised) 94%, transparent);\n  transform: translateY(-1px);\n}\n.dsh-ssh-vault-glyph {\n  display: grid;\n  place-items: center;\n  width: 30px;\n  height: 30px;\n  border: 1px solid color-mix(in srgb, var(--ssh-accent) 18%, var(--ssh-border));\n  border-radius: 9px;\n  color: var(--ssh-accent-strong);\n  background: color-mix(in srgb, var(--ssh-accent) 7%, transparent);\n}\n.dsh-ssh-vault-row > span:nth-child(2),\n.dsh-ssh-proxy-row > span:nth-child(2) {\n  display: grid;\n  min-width: 0;\n  gap: 3px;\n}\n.dsh-ssh-vault-row strong,\n.dsh-ssh-vault-row small,\n.dsh-ssh-proxy-row strong,\n.dsh-ssh-proxy-row small {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-ssh-vault-row strong,\n.dsh-ssh-proxy-row strong {\n  font-size: 12px;\n  font-weight: 600;\n}\n.dsh-ssh-vault-row small,\n.dsh-ssh-proxy-row small {\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 10px;\n}\n.dsh-ssh-proxy-kind {\n  padding: 3px 7px;\n  border-radius: 6px;\n  color: var(--ssh-accent-strong);\n  background: color-mix(in srgb, var(--ssh-accent) 9%, transparent);\n  font: 600 9px/1 var(--ds-font-family-code), monospace;\n}\n.dsh-ssh-vault-state {\n  padding: 3px 7px;\n  border-radius: 6px;\n  color: var(--ssh-danger);\n  background: color-mix(in srgb, var(--ssh-danger) 7%, transparent);\n  font-size: 9px;\n}\n.dsh-ssh-vault-state.is-ready {\n  color: var(--ssh-accent-strong);\n  background: color-mix(in srgb, var(--ssh-accent) 9%, transparent);\n}\n.dsh-ssh-vault-empty {\n  display: grid;\n  place-items: center;\n  align-content: center;\n  min-height: 320px;\n  text-align: center;\n}\n.dsh-ssh-vault-empty > span {\n  display: grid;\n  place-items: center;\n  width: 46px;\n  height: 46px;\n  margin-bottom: 12px;\n  border: 1px solid var(--ssh-border);\n  border-radius: 14px;\n  color: var(--ssh-accent-strong);\n  background: color-mix(in srgb, var(--ssh-surface-raised) 88%, transparent);\n  box-shadow: 0 12px 30px\n    color-mix(in srgb, var(--dsw-alias-label-primary) 5%, transparent);\n}\n.dsh-ssh-vault-empty strong {\n  font-size: 13px;\n}\n.dsh-ssh-vault-empty p {\n  max-width: 360px;\n  margin: 7px 0 16px;\n  color: var(--dsw-alias-label-secondary);\n  font-size: 11px;\n  line-height: 1.55;\n}\n.dsh-ssh-credential-reference {\n  display: grid;\n  grid-template-columns: 34px minmax(0, 1fr) auto;\n  align-items: center;\n  gap: 9px;\n  min-height: 52px;\n  padding: 5px 9px;\n  border: 1px solid color-mix(in srgb, var(--ssh-accent) 18%, var(--ssh-border));\n  border-radius: 10px;\n  background: color-mix(\n    in srgb,\n    var(--ssh-accent) 6%,\n    var(--ssh-surface-raised)\n  );\n}\n.dsh-ssh-credential-reference > span:first-child {\n  display: grid;\n  place-items: center;\n  width: 30px;\n  height: 30px;\n  border-radius: 8px;\n  color: var(--ssh-accent-strong);\n  background: color-mix(in srgb, var(--ssh-accent) 9%, transparent);\n}\n.dsh-ssh-credential-reference > span:nth-child(2) {\n  display: grid;\n  gap: 3px;\n}\n.dsh-ssh-credential-reference strong {\n  font-size: 11px;\n}\n.dsh-ssh-credential-reference small {\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 9px;\n}\n.dsh-ssh-credential-reference em {\n  color: var(--ssh-accent-strong);\n  font-size: 9px;\n  font-style: normal;\n}\n.dsh-ssh-jump-chain {\n  display: grid;\n  gap: 8px;\n  margin: 0;\n  padding: 10px;\n  border: 1px solid var(--ssh-border);\n  border-radius: 10px;\n  background: color-mix(in srgb, var(--ssh-surface-raised) 72%, transparent);\n}\n.dsh-ssh-jump-chain legend {\n  padding: 0 5px;\n  color: var(--dsw-alias-label-secondary);\n  font-size: 10px;\n  font-weight: 600;\n}\n.dsh-ssh-jump-chain > p {\n  margin: 0;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 9px;\n}\n.dsh-ssh-jump-chain > div {\n  display: grid;\n  gap: 5px;\n}\n.dsh-ssh-jump-row {\n  display: grid;\n  grid-template-columns: 22px minmax(0, 1fr) 28px 28px 28px;\n  align-items: center;\n  gap: 4px;\n}\n.dsh-ssh-jump-row > em {\n  display: grid;\n  place-items: center;\n  width: 20px;\n  height: 20px;\n  border-radius: 6px;\n  color: var(--ssh-accent-strong);\n  background: color-mix(in srgb, var(--ssh-accent) 9%, transparent);\n  font:\n    600 9px/1 var(--ds-font-family-code),\n    monospace;\n  font-style: normal;\n}\n.dsh-ssh-jump-row select {\n  box-sizing: border-box;\n  min-width: 0;\n  height: 30px;\n  padding: 0 8px;\n  border: 1px solid var(--ssh-border);\n  border-radius: 8px;\n  color: var(--dsw-alias-label-primary);\n  background: var(--ssh-surface-raised);\n  font-size: 10px;\n}\n.dsh-ssh-jump-row .dsh-ssh-icon-button:disabled {\n  opacity: 0.3;\n  cursor: default;\n}\n.dsh-ssh-jump-empty {\n  padding: 7px !important;\n  border-radius: 7px;\n  background: color-mix(in srgb, var(--ssh-warning) 7%, transparent);\n}\n.dsh-ssh-jump-chain > .dsh-ssh-secondary-button {\n  justify-self: start;\n}\n@keyframes dsh-ssh-panel-enter {\n  from {\n    opacity: 0;\n    transform: translateX(6px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n@keyframes dsh-ssh-content-enter {\n  from {\n    opacity: 0;\n    transform: translateY(3px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n@keyframes dsh-ssh-group-open {\n  from {\n    opacity: 0;\n    transform: translateY(-2px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n@media (max-width: 820px) {\n  .dsh-ssh-vault-row,\n  .dsh-ssh-proxy-row {\n    grid-template-columns: 34px minmax(120px, 1fr) auto 28px;\n  }\n  .dsh-ssh-vault-row > small,\n  .dsh-ssh-vault-row > .dsh-ssh-icon-button:last-child,\n  .dsh-ssh-proxy-row > small,\n  .dsh-ssh-proxy-row > .dsh-ssh-icon-button:last-child {\n    display: none;\n  }\n}\n@media (prefers-reduced-motion: reduce) {\n  .dsh-ssh-activity-panel,\n  .dsh-ssh-file-preview-body,\n  .dsh-ssh-profile-group-children {\n    animation: none;\n  }\n  .dsh-ssh-profile-row,\n  .dsh-ssh-profile-row::before,\n  .dsh-ssh-profile-group-chevron,\n  .dsh-ssh-vault-row,\n  .dsh-ssh-proxy-row,\n  .dsh-ssh-sftp-row,\n  .dsh-ssh-terminal-switcher button {\n    transition: none;\n  }\n}\n.dsh-ssh-sidebar-panel {\n  display: flex;\n  align-items: center;\n  gap: 7px;\n  min-height: 34px;\n  padding: 0 9px;\n  border: 1px solid transparent;\n  border-radius: 8px;\n  color: var(--dsw-alias-label-secondary);\n  background: transparent;\n  font: 550 11px/1 var(--ds-font-family);\n  text-align: left;\n  cursor: pointer;\n}\n.dsh-ssh-sidebar-panel svg {\n  color: #547d78;\n}\n.dsh-ssh-sidebar-panel:hover {\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n.dsh-ssh-sidebar-panel:active {\n  transform: scale(0.985);\n}\n.dsh-ssh-icon-button.is-active,\n.dsh-ssh-rail-button.is-active {\n  color: #406e67;\n  background: color-mix(in srgb, #547d78 9%, transparent);\n}\n.dsh-ssh-icon-button:disabled,\n.dsh-ssh-rail-button:disabled {\n  opacity: 0.36;\n  cursor: default;\n}\n.dsh-ssh-icon-button:disabled:hover,\n.dsh-ssh-rail-button:disabled:hover {\n  color: var(--dsw-alias-label-secondary);\n  background: transparent;\n}\n.dsh-ssh-test-button {\n  margin-right: auto;\n}\n.dsh-ssh-test-result {\n  box-sizing: border-box;\n  margin: 0;\n  border-radius: 9px;\n  font-size: 10px;\n}\n.dsh-ssh-test-result.is-warning {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 14px;\n  padding: 9px 10px;\n  border: 1px solid color-mix(in srgb, var(--ssh-warning) 22%, transparent);\n  color: color-mix(\n    in srgb,\n    var(--ssh-warning) 82%,\n    var(--dsw-alias-label-primary)\n  );\n  background: color-mix(in srgb, var(--ssh-warning) 7%, transparent);\n}\n.dsh-ssh-test-result.is-warning > span {\n  display: grid;\n  min-width: 0;\n  gap: 4px;\n}\n.dsh-ssh-test-result.is-warning code {\n  overflow: hidden;\n  font:\n    9px/1.3 var(--ds-font-family-code),\n    monospace;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-ssh-test-result.is-success {\n  display: flex;\n  align-items: center;\n  gap: 7px;\n  padding: 8px 10px;\n  color: #477565;\n  background: color-mix(in srgb, #5c8a76 9%, transparent);\n}\n.dsh-ssh-sidebar-note {\n  box-sizing: border-box;\n  min-height: 32px;\n  margin: 0;\n  padding: 8px 9px;\n  color: var(--dsw-alias-label-tertiary);\n  font: 10px/1.4 var(--ds-font-family);\n}\n.dsh-ssh-profile-sftp-pane {\n  box-sizing: border-box;\n  display: flex;\n  min-height: 100%;\n  height: 100%;\n  flex-direction: column;\n  padding: 0 18px 18px;\n}\n.dsh-ssh-profile-sftp-pane > .dsh-ssh-content-heading {\n  flex: none;\n}\n.dsh-ssh-sftp.is-workspace {\n  --ssh-activity-border: var(--ssh-border);\n  min-height: 0;\n  flex: 1;\n}\n.dsh-ssh-sftp.is-workspace .dsh-ssh-sftp-pathbar {\n  margin-bottom: 10px;\n}\n.dsh-ssh-sftp.is-workspace .dsh-ssh-sftp-columns,\n.dsh-ssh-sftp.is-workspace .dsh-ssh-sftp-row {\n  grid-template-columns: minmax(180px, 1fr) 90px 120px;\n}\n.dsh-ssh-sftp.is-workspace .dsh-ssh-sftp-columns {\n  min-height: 34px;\n  padding: 0 12px;\n  font-size: 9px;\n}\n.dsh-ssh-sftp.is-workspace .dsh-ssh-sftp-row {\n  min-height: 40px;\n  padding: 0 12px;\n  cursor: pointer;\n}\n.dsh-ssh-sftp.is-workspace .dsh-ssh-sftp-row:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n.dsh-ssh-sftp.is-workspace .dsh-ssh-sftp-row strong {\n  font-size: 11px;\n}\n.dsh-ssh-sftp.is-workspace .dsh-ssh-sftp-row small {\n  font-size: 9px;\n}\n.dsh-ssh-upload-conflict {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  margin-bottom: 9px;\n  padding: 8px 10px;\n  border: 1px solid\n    color-mix(in srgb, var(--ssh-warning, #927443) 20%, transparent);\n  border-radius: 8px;\n  color: var(--dsw-alias-label-secondary);\n  background: color-mix(in srgb, var(--ssh-warning, #927443) 7%, transparent);\n}\n.dsh-ssh-upload-conflict > span {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.dsh-ssh-upload-conflict > span:first-child {\n  min-width: 0;\n}\n.dsh-ssh-upload-conflict strong {\n  font-size: 10px;\n}\n.dsh-ssh-upload-conflict small {\n  overflow: hidden;\n  max-width: 240px;\n  color: var(--dsw-alias-label-tertiary);\n  font:\n    9px/1 var(--ds-font-family-code),\n    monospace;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-ssh-upload-conflict button {\n  min-height: 26px;\n  padding: 0 9px;\n  border: 1px solid var(--ssh-border);\n  border-radius: 7px;\n  color: var(--dsw-alias-label-secondary);\n  background: var(--ssh-surface-raised);\n  font-size: 9px;\n  cursor: pointer;\n}\n.dsh-ssh-upload-conflict button.is-primary {\n  border-color: color-mix(in srgb, var(--ssh-accent-strong) 56%, transparent);\n  color: #f6fbf9;\n  background: var(--ssh-accent-strong);\n}\n';
+var client_default = '.sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n.dsh-ssh-sidebar {\n  box-sizing: border-box;\n  flex: none;\n  margin: 0 8px 8px 2px;\n  padding: 4px 0 6px;\n  border-bottom: 1px solid\n    color-mix(in srgb, var(--dsw-alias-border-l2) 62%, transparent);\n  color: var(--dsw-alias-label-primary);\n}\n.dsh-ssh-sidebar.is-rail {\n  width: 36px;\n  margin: 0 0 8px;\n  padding: 0;\n  border: 0;\n}\n.dsh-ssh-sidebar-heading {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  height: 32px;\n  padding: 0 4px 0 5px;\n}\n.dsh-ssh-sidebar-title {\n  display: flex;\n  min-width: 0;\n  align-items: center;\n  gap: 5px;\n  height: 28px;\n  padding: 0 5px;\n  color: var(--dsw-alias-label-secondary);\n  border: 0;\n  background: transparent;\n  border-radius: 7px;\n  font: 600 12px/1 var(--ds-font-family);\n  cursor: pointer;\n}\n.dsh-ssh-sidebar-title:hover,\n.dsh-ssh-icon-button:hover {\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n.dsh-ssh-disclosure {\n  display: grid;\n  place-items: center;\n  transition: transform 0.16s ease;\n}\n.dsh-ssh-disclosure[data-open="false"] {\n  transform: rotate(-90deg);\n}\n.dsh-ssh-icon-button {\n  display: inline-grid;\n  place-items: center;\n  flex: none;\n  width: 28px;\n  height: 28px;\n  padding: 0;\n  border: 0;\n  border-radius: 8px;\n  color: var(--dsw-alias-label-secondary);\n  background: transparent;\n  cursor: pointer;\n}\n.dsh-ssh-icon-button.is-danger {\n  color: #a65d58;\n}\n.dsh-ssh-sidebar-list {\n  display: grid;\n  gap: 2px;\n  padding: 2px 1px 0;\n}\n.dsh-ssh-sidebar-row,\n.dsh-ssh-sidebar-empty,\n.dsh-ssh-sidebar-more {\n  box-sizing: border-box;\n  width: 100%;\n  border: 1px solid transparent;\n  background: transparent;\n  color: inherit;\n  cursor: pointer;\n}\n.dsh-ssh-sidebar-row {\n  display: grid;\n  grid-template-columns: 12px minmax(0, 1fr) 18px;\n  align-items: center;\n  gap: 7px;\n  min-height: 40px;\n  padding: 4px 7px;\n  border-radius: 9px;\n  text-align: left;\n}\n.dsh-ssh-sidebar-row:hover {\n  background: color-mix(\n    in srgb,\n    var(--dsw-alias-interactive-bg-hover) 70%,\n    transparent\n  );\n}\n.dsh-ssh-sidebar-row.is-active {\n  background: color-mix(\n    in srgb,\n    var(--dsw-alias-interactive-bg-hover) 92%,\n    transparent\n  );\n  border-color: color-mix(in srgb, var(--dsw-alias-border-l2) 50%, transparent);\n}\n.dsh-ssh-status-dot {\n  display: block;\n  width: 7px;\n  height: 7px;\n  margin: auto;\n  border: 1px solid\n    color-mix(in srgb, var(--dsw-alias-label-secondary) 62%, transparent);\n  border-radius: 50%;\n}\n.dsh-ssh-status-dot.is-injected {\n  border-color: #5b8f82;\n  background: #5b8f82;\n  box-shadow: 0 0 0 2px color-mix(in srgb, #5b8f82 14%, transparent);\n}\n.dsh-ssh-sidebar-copy {\n  display: grid;\n  min-width: 0;\n  gap: 2px;\n}\n.dsh-ssh-sidebar-copy strong,\n.dsh-ssh-sidebar-copy small {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-ssh-sidebar-copy strong {\n  font-size: 13px;\n  font-weight: 500;\n}\n.dsh-ssh-sidebar-copy small {\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 10px;\n}\n.dsh-ssh-injected-mark {\n  display: grid;\n  place-items: center;\n  color: #5b8f82;\n}\n.dsh-ssh-sidebar-empty,\n.dsh-ssh-sidebar-more {\n  min-height: 34px;\n  padding: 6px 10px;\n  border-radius: 8px;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 12px;\n  text-align: left;\n}\n.dsh-ssh-sidebar-empty:hover,\n.dsh-ssh-sidebar-more:hover {\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n.dsh-ssh-rail-button {\n  display: grid;\n  place-items: center;\n  width: 36px;\n  height: 36px;\n  padding: 0;\n  border: 0;\n  border-radius: 10px;\n  color: var(--dsw-alias-label-primary);\n  background: transparent;\n  cursor: pointer;\n}\n.dsh-ssh-rail-button:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n.dsh-ssh-server-glyph {\n  display: inline-grid;\n  place-items: center;\n  color: currentColor;\n}\n.dsh-ssh-workspace,\n.dsh-ssh-activity-panel {\n  --ssh-accent: #58746f;\n  --ssh-accent-strong: #405f5a;\n  --ssh-danger: #9c504c;\n  --ssh-warning: #927443;\n  --ssh-surface: var(\n    --xiaohei-plugin-pane-fill,\n    var(--dsw-alias-bg-base, #f7f8f7)\n  );\n  --ssh-surface-raised: var(\n    --xiaohei-plugin-raised-fill,\n    color-mix(in srgb, var(--dsw-alias-bg-layer-2, #fff) 94%, transparent)\n  );\n  --ssh-activity-surface: var(--ssh-surface);\n  --ssh-activity-surface-raised: var(--ssh-surface-raised);\n  --ssh-border: color-mix(\n    in srgb,\n    var(--dsw-alias-label-primary) 11%,\n    transparent\n  );\n  --ssh-focus-ring: color-mix(in srgb, var(--ssh-accent) 64%, transparent);\n  --ssh-scrollbar-thumb: rgba(112, 122, 119, 0.34);\n  --ssh-scrollbar-hover: rgba(112, 122, 119, 0.54);\n  --dpu-navigation-width: 248px;\n  --dpu-inspector-width: 292px;\n  --dpu-border: var(--ssh-border);\n  --dpu-accent: var(--ssh-accent);\n  --dpu-accent-strong: var(--ssh-accent-strong);\n  --dpu-raised-surface: var(--ssh-surface-raised);\n  --dpu-toolbar-surface: var(\n    --xiaohei-plugin-control-fill,\n    color-mix(in srgb, var(--ssh-surface-raised) 88%, transparent)\n  );\n}\n.dsh-ssh-workspace :where(button, input, select, textarea),\n.dsh-ssh-activity-panel :where(button, input, select, textarea),\n.dsh-ssh-dialog :where(button, input, select, textarea),\n.dsh-ssh-sidebar :where(button, input, select, textarea) {\n  font-family: var(--ds-font-family), -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;\n}\n.dsh-ssh-workspace button,\n.dsh-ssh-activity-panel button,\n.dsh-ssh-dialog button,\n.dsh-ssh-sidebar button,\n.dsh-ssh-activity-trigger {\n  appearance: none;\n}\n.dsh-ssh-workspace :where(button, input, select, textarea, a):focus-visible,\n.dsh-ssh-activity-panel :where(button, input, select, textarea, a):focus-visible,\n.dsh-ssh-dialog :where(button, input, select, textarea, a):focus-visible,\n.dsh-ssh-sidebar :where(button, input, select, textarea, a):focus-visible,\n.dsh-ssh-activity-trigger:focus-visible {\n  outline: 2px solid var(--ssh-focus-ring, rgba(84, 125, 120, 0.62));\n  outline-offset: 2px;\n}\n.dsh-ssh-scroll-surface {\n  scrollbar-width: thin;\n  scrollbar-color: transparent transparent;\n  scrollbar-gutter: stable;\n}\n.dsh-ssh-scroll-surface:hover {\n  scrollbar-color: var(--ssh-scrollbar-thumb, rgba(112, 122, 119, 0.34)) transparent;\n}\n.dsh-ssh-scroll-surface::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n.dsh-ssh-scroll-surface::-webkit-scrollbar-track {\n  background: transparent;\n}\n.dsh-ssh-scroll-surface::-webkit-scrollbar-thumb {\n  border-radius: 999px;\n  background: transparent;\n}\n.dsh-ssh-scroll-surface:hover::-webkit-scrollbar-thumb {\n  background: var(--ssh-scrollbar-thumb, rgba(112, 122, 119, 0.34));\n}\n.dsh-ssh-scroll-surface::-webkit-scrollbar-thumb:hover {\n  background: var(--ssh-scrollbar-hover, rgba(112, 122, 119, 0.54));\n}\n.dsh-ssh-workspace {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  min-width: 0;\n  min-height: 0;\n  color: var(--dsw-alias-label-primary);\n  background: var(--ssh-surface);\n  font-family:\n    var(--ds-font-family),\n    -apple-system,\n    BlinkMacSystemFont,\n    "Segoe UI",\n    sans-serif;\n}\n.dsh-ssh-toolbar {\n  display: grid;\n  grid-template-columns: minmax(180px, 1fr) auto minmax(180px, 1fr);\n  align-items: center;\n  gap: 16px;\n  min-height: 62px;\n  padding: 0 20px;\n  border-bottom: 1px solid var(--ssh-border);\n  background: color-mix(in srgb, var(--dpu-toolbar-surface) 96%, transparent);\n  box-shadow: 0 1px 0 color-mix(in srgb, #fff 42%, transparent);\n}\n.dsh-ssh-brand {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  min-width: 0;\n}\n.dsh-ssh-brand-glyph {\n  display: grid;\n  place-items: center;\n  width: 30px;\n  height: 30px;\n  border: 1px solid color-mix(in srgb, var(--ssh-accent) 22%, transparent);\n  border-radius: 9px;\n  color: var(--ssh-accent-strong);\n  background: color-mix(in srgb, var(--ssh-accent) 6%, transparent);\n}\n.dsh-ssh-brand > span:last-child {\n  display: grid;\n  gap: 1px;\n}\n.dsh-ssh-brand strong {\n  font-size: 14px;\n  font-weight: 650;\n}\n.dsh-ssh-brand small {\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 10px;\n}\n.dsh-ssh-segments {\n  display: flex;\n  gap: 2px;\n  padding: 3px;\n  border: 1px solid color-mix(in srgb, var(--ssh-border) 80%, transparent);\n  border-radius: 10px;\n  background: color-mix(in srgb, var(--dsw-alias-label-primary) 3.5%, transparent);\n}\n.dsh-ssh-segments button {\n  min-width: 74px;\n  height: 28px;\n  padding: 0 12px;\n  border: 0;\n  border-radius: 7px;\n  color: var(--dsw-alias-label-secondary);\n  background: transparent;\n  font-size: 12px;\n  cursor: pointer;\n}\n.dsh-ssh-segments button:hover {\n  color: var(--dsw-alias-label-primary);\n}\n.dsh-ssh-segments button.is-active {\n  color: var(--dsw-alias-label-primary);\n  background: var(--ssh-surface-raised);\n  box-shadow:\n    0 1px 2px color-mix(in srgb, var(--dsw-alias-label-primary) 8%, transparent),\n    inset 0 0 0 1px color-mix(in srgb, #fff 32%, transparent);\n}\n.dsh-ssh-toolbar > .dsh-ssh-primary-button {\n  justify-self: end;\n}\n.dsh-ssh-primary-button,\n.dsh-ssh-secondary-button,\n.dsh-ssh-danger-button,\n.dsh-ssh-small-primary {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n  min-height: 30px;\n  padding: 0 12px;\n  border-radius: 8px;\n  font: 500 12px/1 var(--ds-font-family);\n  cursor: pointer;\n}\n.dsh-ssh-primary-button,\n.dsh-ssh-small-primary {\n  border: 1px solid\n    color-mix(in srgb, var(--ssh-accent-strong) 64%, transparent);\n  color: #f6fbf9;\n  background: var(--ssh-accent-strong);\n}\n.dsh-ssh-primary-button:hover,\n.dsh-ssh-small-primary:hover {\n  background: color-mix(in srgb, var(--ssh-accent-strong) 88%, #000);\n}\n.dsh-ssh-primary-button:disabled {\n  opacity: 0.55;\n  cursor: default;\n}\n.dsh-ssh-secondary-button {\n  border: 1px solid var(--ssh-border);\n  color: var(--dsw-alias-label-primary);\n  background: var(--ssh-surface-raised);\n}\n.dsh-ssh-secondary-button:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n.dsh-ssh-danger-button {\n  border: 1px solid color-mix(in srgb, var(--ssh-danger) 28%, transparent);\n  color: var(--ssh-danger);\n  background: color-mix(in srgb, var(--ssh-danger) 7%, transparent);\n}\n.dsh-ssh-small-primary {\n  min-height: 26px;\n  padding: 0 9px;\n}\n.dsh-ssh-profile-panel,\n.dsh-ssh-inspector {\n  display: flex;\n  min-width: 0;\n  min-height: 0;\n  flex-direction: column;\n  background: color-mix(in srgb, var(--ssh-surface-raised) 98%, var(--ssh-surface));\n}\n.dsh-ssh-profile-panel {\n  border-right: 1px solid var(--ssh-border);\n}\n.dsh-ssh-inspector {\n  border-left: 1px solid var(--ssh-border);\n}\n.dsh-ssh-main-panel {\n  min-width: 0;\n  min-height: 0;\n  overflow: auto;\n  background: color-mix(in srgb, var(--ssh-surface) 98%, var(--ssh-surface-raised));\n}\n.dsh-ssh-panel-heading {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  min-height: 60px;\n  padding: 0 14px;\n  border-bottom: 1px solid\n    color-mix(in srgb, var(--ssh-border) 74%, transparent);\n}\n.dsh-ssh-panel-heading > span {\n  display: grid;\n  gap: 2px;\n}\n.dsh-ssh-panel-heading strong {\n  font-size: 13px;\n  font-weight: 650;\n}\n.dsh-ssh-panel-heading small {\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 11px;\n}\n.dsh-ssh-search {\n  padding: 10px 10px 6px;\n}\n.dsh-ssh-search input,\n.dsh-ssh-field input,\n.dsh-ssh-field select,\n.dsh-ssh-field textarea,\n.dsh-ssh-number-row input {\n  box-sizing: border-box;\n  width: 100%;\n  border: 1px solid var(--ssh-border);\n  border-radius: 8px;\n  outline: 0;\n  color: var(--dsw-alias-label-primary);\n  background: color-mix(in srgb, var(--ssh-surface-raised) 92%, transparent);\n  font: 400 12px/1.35 var(--ds-font-family);\n}\n.dsh-ssh-search input {\n  height: 30px;\n  padding: 0 10px;\n}\n.dsh-ssh-search input:focus,\n.dsh-ssh-field input:focus,\n.dsh-ssh-field select:focus,\n.dsh-ssh-field textarea:focus,\n.dsh-ssh-number-row input:focus {\n  border-color: color-mix(in srgb, var(--ssh-accent) 65%, transparent);\n  box-shadow: 0 0 0 2px color-mix(in srgb, var(--ssh-accent) 12%, transparent);\n}\n.dsh-ssh-profile-list {\n  display: grid;\n  align-content: start;\n  gap: 3px;\n  min-height: 0;\n  overflow: auto;\n  padding: 4px 7px 12px;\n}\n.dsh-ssh-profile-group {\n  min-width: 0;\n}\n.dsh-ssh-profile-group-heading {\n  display: grid;\n  grid-template-columns: 14px 18px minmax(0, 1fr);\n  align-items: center;\n  gap: 5px;\n  width: 100%;\n  min-height: 34px;\n  padding: 0 6px;\n  border: 0;\n  border-radius: 8px;\n  color: var(--dsw-alias-label-secondary);\n  background: transparent;\n  text-align: left;\n  cursor: pointer;\n}\n.dsh-ssh-profile-group-heading:hover {\n  color: var(--dsw-alias-label-primary);\n  background: color-mix(\n    in srgb,\n    var(--dsw-alias-interactive-bg-hover) 58%,\n    transparent\n  );\n}\n.dsh-ssh-profile-group-chevron {\n  display: grid;\n  place-items: center;\n  transition: transform 160ms cubic-bezier(0.2, 0.8, 0.2, 1);\n}\n.dsh-ssh-profile-group-chevron[data-open="false"] {\n  transform: rotate(-90deg);\n}\n.dsh-ssh-profile-group-folder {\n  display: grid;\n  place-items: center;\n  color: color-mix(\n    in srgb,\n    var(--ssh-accent-strong) 72%,\n    var(--dsw-alias-label-secondary)\n  );\n}\n.dsh-ssh-profile-group-copy {\n  display: flex;\n  min-width: 0;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n}\n.dsh-ssh-profile-group-copy strong {\n  overflow: hidden;\n  font-size: 11px;\n  font-weight: 600;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-ssh-profile-group-copy small {\n  display: grid;\n  place-items: center;\n  min-width: 16px;\n  height: 16px;\n  color: var(--dsw-alias-label-tertiary);\n  font:\n    9px/1 var(--ds-font-family-code),\n    monospace;\n}\n.dsh-ssh-profile-group-children {\n  display: grid;\n  gap: 1px;\n  margin-left: 13px;\n  padding-left: 6px;\n  border-left: 1px solid color-mix(in srgb, var(--ssh-border) 66%, transparent);\n  animation: dsh-ssh-group-open 140ms ease-out both;\n}\n.dsh-ssh-profile-empty {\n  margin: 18px 8px;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 11px;\n  text-align: center;\n}\n.dsh-ssh-profile-row {\n  position: relative;\n  display: grid;\n  grid-template-columns: 30px minmax(0, 1fr) 10px;\n  align-items: center;\n  gap: 9px;\n  width: 100%;\n  min-height: 48px;\n  padding: 5px 7px;\n  border: 1px solid transparent;\n  border-radius: 9px;\n  color: inherit;\n  background: transparent;\n  text-align: left;\n  cursor: pointer;\n  transition:\n    background 140ms ease,\n    border-color 140ms ease,\n    transform 160ms cubic-bezier(0.2, 0.8, 0.2, 1);\n}\n.dsh-ssh-profile-row::before {\n  position: absolute;\n  width: 2px;\n  left: 0;\n  top: 11px;\n  bottom: 11px;\n  border-radius: 2px;\n  background: var(--ssh-accent);\n  opacity: 0;\n  transform: scaleY(0.45);\n  transition:\n    opacity 140ms ease,\n    transform 170ms cubic-bezier(0.2, 0.8, 0.2, 1);\n  content: "";\n}\n.dsh-ssh-profile-row:hover {\n  background: color-mix(\n    in srgb,\n    var(--dsw-alias-interactive-bg-hover) 74%,\n    transparent\n  );\n}\n.dsh-ssh-profile-row.is-active {\n  border-color: color-mix(in srgb, var(--ssh-accent) 16%, transparent);\n  background: color-mix(in srgb, var(--ssh-accent) 7%, transparent);\n  transform: translateX(2px);\n}\n.dsh-ssh-profile-row.is-active::before {\n  opacity: 0.8;\n  transform: scaleY(1);\n}\n.dsh-ssh-host-monogram {\n  display: grid;\n  place-items: center;\n  width: 28px;\n  height: 28px;\n  border: 1px solid var(--ssh-border);\n  border-radius: 8px;\n  color: var(--dsw-alias-label-secondary);\n  background: var(--ssh-surface-raised);\n  font-size: 11px;\n  font-weight: 650;\n}\n.dsh-ssh-profile-row > span:nth-child(2) {\n  display: grid;\n  min-width: 0;\n  gap: 3px;\n}\n.dsh-ssh-profile-row strong,\n.dsh-ssh-profile-row small {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-ssh-profile-row strong {\n  font-size: 12px;\n  font-weight: 550;\n}\n.dsh-ssh-profile-row small {\n  color: var(--dsw-alias-label-tertiary);\n  font:\n    10px/1.2 var(--ds-font-family-code),\n    monospace;\n}\n.dsh-ssh-credential-state {\n  width: 6px;\n  height: 6px;\n  border: 1px solid var(--dsw-alias-label-tertiary);\n  border-radius: 50%;\n}\n.dsh-ssh-credential-state.is-ready {\n  border-color: #5c8a76;\n  background: #5c8a76;\n}\n.dsh-ssh-terminal-pane,\n.dsh-ssh-forward-pane,\n.dsh-ssh-settings-pane {\n  box-sizing: border-box;\n  display: flex;\n  min-width: 0;\n  min-height: 100%;\n  flex-direction: column;\n  padding: 0 18px 18px;\n}\n.dsh-ssh-content-heading {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 20px;\n  min-height: 76px;\n}\n.dsh-ssh-content-heading h1 {\n  margin: 0;\n  font-size: 16px;\n  font-weight: 650;\n  letter-spacing: -0.01em;\n}\n.dsh-ssh-content-heading p {\n  margin: 4px 0 0;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 11px;\n}\n.dsh-ssh-heading-actions {\n  display: flex;\n  align-items: center;\n  gap: 7px;\n}\n.dsh-ssh-title-line {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.dsh-ssh-live-dot {\n  width: 7px;\n  height: 7px;\n  border: 1px solid var(--dsw-alias-label-tertiary);\n  border-radius: 50%;\n}\n.dsh-ssh-live-dot.is-connected {\n  border-color: #4d8d77;\n  background: #4d8d77;\n  box-shadow: 0 0 0 3px color-mix(in srgb, #4d8d77 12%, transparent);\n}\n.dsh-ssh-live-dot.is-connecting {\n  border-color: #a27e45;\n  background: #a27e45;\n}\n.dsh-ssh-live-dot.is-error {\n  border-color: #a85a55;\n  background: #a85a55;\n}\n.dsh-ssh-terminal-frame {\n  display: flex;\n  min-height: 360px;\n  flex: 1;\n  flex-direction: column;\n  overflow: hidden;\n  border: 1px solid #283330;\n  border-radius: 12px;\n  background: #0c1212;\n  box-shadow: 0 12px 30px color-mix(in srgb, #0d1513 12%, transparent);\n}\n.dsh-ssh-xterm {\n  box-sizing: border-box;\n  display: flex;\n  min-height: 0;\n  flex: 1;\n  overflow: hidden;\n  padding: 12px 12px 15px;\n}\n.dsh-ssh-terminal-viewport {\n  width: 100%;\n  min-width: 0;\n  min-height: 0;\n  flex: 1;\n  overflow: hidden;\n}\n.dsh-ssh-terminal-viewport .xterm {\n  height: 100%;\n}\n.dsh-ssh-terminal-viewport .xterm-viewport {\n  scrollbar-width: thin;\n  scrollbar-color: transparent transparent;\n  scrollbar-gutter: stable;\n}\n.dsh-ssh-terminal-viewport:hover .xterm-viewport {\n  scrollbar-color: var(--ssh-scrollbar-thumb, rgba(112, 122, 119, 0.34)) transparent;\n}\n.dsh-ssh-terminal-viewport .xterm-viewport::-webkit-scrollbar {\n  width: 5px;\n}\n.dsh-ssh-terminal-viewport .xterm-viewport::-webkit-scrollbar-track {\n  background: transparent;\n}\n.dsh-ssh-terminal-viewport .xterm-viewport::-webkit-scrollbar-thumb {\n  border-radius: 999px;\n  background: transparent;\n}\n.dsh-ssh-terminal-viewport:hover .xterm-viewport::-webkit-scrollbar-thumb {\n  background: var(--ssh-scrollbar-thumb, rgba(112, 122, 119, 0.34));\n}\n.dsh-ssh-terminal-viewport .xterm-viewport::-webkit-scrollbar-thumb:hover {\n  background: var(--ssh-scrollbar-hover, rgba(112, 122, 119, 0.54));\n}\n.dsh-ssh-terminal-status {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  min-height: 28px;\n  padding: 0 11px;\n  border-top: 1px solid #ffffff12;\n  color: #879691;\n  background: #0d1413;\n  font:\n    10px/1 var(--ds-font-family-code),\n    monospace;\n}\n.dsh-ssh-banner {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  padding: 8px 18px;\n  border-bottom: 1px solid transparent;\n  font-size: 11px;\n}\n.dsh-ssh-banner > span {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.dsh-ssh-banner code {\n  font-family: var(--ds-font-family-code), monospace;\n}\n.dsh-ssh-banner button:not(.dsh-ssh-small-primary) {\n  display: grid;\n  place-items: center;\n  border: 0;\n  color: inherit;\n  background: transparent;\n}\n.dsh-ssh-banner.is-error {\n  border-color: color-mix(in srgb, var(--ssh-danger) 22%, transparent);\n  color: var(--ssh-danger);\n  background: color-mix(in srgb, var(--ssh-danger) 7%, var(--ssh-surface));\n}\n.dsh-ssh-banner.is-warning {\n  border-color: color-mix(in srgb, var(--ssh-warning) 22%, transparent);\n  color: color-mix(\n    in srgb,\n    var(--ssh-warning) 85%,\n    var(--dsw-alias-label-primary)\n  );\n  background: color-mix(in srgb, var(--ssh-warning) 8%, var(--ssh-surface));\n}\n.dsh-ssh-inline-error {\n  margin: 0 0 10px;\n  padding: 7px 9px;\n  border-radius: 7px;\n  color: var(--ssh-danger);\n  background: color-mix(in srgb, var(--ssh-danger) 7%, transparent);\n  font-size: 11px;\n}\n.dsh-ssh-empty-state {\n  display: grid;\n  place-items: center;\n  align-content: center;\n  min-height: 100%;\n  padding: 40px;\n  text-align: center;\n}\n.dsh-ssh-empty-state > span {\n  display: grid;\n  place-items: center;\n  width: 48px;\n  height: 48px;\n  margin-bottom: 14px;\n  border: 1px solid var(--ssh-border);\n  border-radius: 14px;\n  color: var(--ssh-accent);\n  background: var(--ssh-surface-raised);\n}\n.dsh-ssh-empty-state h1 {\n  margin: 0;\n  font-size: 17px;\n}\n.dsh-ssh-empty-state p {\n  max-width: 420px;\n  margin: 8px 0 18px;\n  color: var(--dsw-alias-label-secondary);\n  font-size: 12px;\n  line-height: 1.6;\n}\n.dsh-ssh-inspector {\n  overflow: auto;\n}\n.dsh-ssh-session-chip {\n  display: flex;\n  align-items: center;\n  gap: 9px;\n  margin: 12px 12px 4px;\n  padding: 9px 10px;\n  border: 1px solid var(--ssh-border);\n  border-radius: 9px;\n  background: color-mix(in srgb, var(--ssh-surface-raised) 86%, transparent);\n}\n.dsh-ssh-session-chip > span:nth-child(2) {\n  display: grid;\n  gap: 2px;\n}\n.dsh-ssh-session-chip strong {\n  font-size: 11px;\n}\n.dsh-ssh-session-chip small {\n  color: var(--dsw-alias-label-tertiary);\n  font:\n    9px/1 var(--ds-font-family-code),\n    monospace;\n}\n.dsh-ssh-session-pulse {\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background: var(--ssh-accent);\n}\n.dsh-ssh-fieldset {\n  display: grid;\n  gap: 3px;\n  margin: 13px 12px 0;\n  padding: 0;\n  border: 0;\n}\n.dsh-ssh-fieldset legend {\n  margin-bottom: 5px;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 10px;\n  font-weight: 600;\n}\n.dsh-ssh-check-row,\n.dsh-ssh-radio-row {\n  display: flex;\n  align-items: center;\n  gap: 9px;\n  min-height: 38px;\n  padding: 3px 5px;\n  border-radius: 8px;\n}\n.dsh-ssh-check-row:hover,\n.dsh-ssh-radio-row:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n.dsh-ssh-check-row input,\n.dsh-ssh-radio-row input {\n  accent-color: var(--ssh-accent);\n}\n.dsh-ssh-check-row > span,\n.dsh-ssh-radio-row > span {\n  display: grid;\n  min-width: 0;\n  gap: 2px;\n}\n.dsh-ssh-check-row strong,\n.dsh-ssh-radio-row strong {\n  font-size: 11px;\n  font-weight: 550;\n}\n.dsh-ssh-check-row small,\n.dsh-ssh-radio-row small {\n  overflow: hidden;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 9px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-ssh-switch-row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 20px;\n  min-height: 48px;\n  margin: 13px 12px 0;\n  padding: 7px 9px;\n  border: 1px solid var(--ssh-border);\n  border-radius: 9px;\n}\n.dsh-ssh-switch-row > span {\n  display: grid;\n  gap: 3px;\n}\n.dsh-ssh-switch-row strong {\n  font-size: 11px;\n  font-weight: 550;\n}\n.dsh-ssh-switch-row small {\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 9px;\n  line-height: 1.35;\n}\n.dsh-ssh-switch-row input {\n  width: 28px;\n  height: 16px;\n  accent-color: var(--ssh-accent);\n}\n.dsh-ssh-inspector-hint,\n.dsh-ssh-save-state {\n  margin: 10px 12px 0;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 10px;\n}\n.dsh-ssh-inspector-empty {\n  margin: 14px;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 11px;\n  line-height: 1.55;\n}\n.dsh-ssh-forward-list {\n  display: grid;\n  align-content: start;\n  gap: 5px;\n}\n.dsh-ssh-forward-row {\n  display: grid;\n  grid-template-columns: 32px minmax(0, 1fr) auto 28px auto 28px;\n  align-items: center;\n  gap: 8px;\n  min-height: 54px;\n  padding: 6px 9px;\n  border: 1px solid var(--ssh-border);\n  border-radius: 10px;\n  background: color-mix(in srgb, var(--ssh-surface-raised) 88%, transparent);\n}\n.dsh-ssh-forward-kind {\n  display: grid;\n  place-items: center;\n  width: 28px;\n  height: 28px;\n  border: 1px solid var(--ssh-border);\n  border-radius: 8px;\n  color: var(--ssh-accent-strong);\n  font:\n    600 11px/1 var(--ds-font-family-code),\n    monospace;\n}\n.dsh-ssh-forward-copy {\n  display: grid;\n  min-width: 0;\n  gap: 4px;\n}\n.dsh-ssh-forward-copy strong {\n  font-size: 12px;\n}\n.dsh-ssh-forward-copy small {\n  overflow: hidden;\n  color: var(--dsw-alias-label-tertiary);\n  font:\n    10px/1 var(--ds-font-family-code),\n    monospace;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-ssh-state-label {\n  padding: 3px 7px;\n  border-radius: 999px;\n  color: var(--dsw-alias-label-tertiary);\n  background: color-mix(\n    in srgb,\n    var(--dsw-alias-label-primary) 5%,\n    transparent\n  );\n  font-size: 9px;\n}\n.dsh-ssh-state-label.is-running {\n  color: #497967;\n  background: color-mix(in srgb, #5d957f 10%, transparent);\n}\n.dsh-ssh-state-label.is-error {\n  color: var(--ssh-danger);\n  background: color-mix(in srgb, var(--ssh-danger) 8%, transparent);\n}\n.dsh-ssh-table-empty {\n  display: grid;\n  place-items: center;\n  min-height: 180px;\n  border: 1px dashed var(--ssh-border);\n  border-radius: 12px;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 12px;\n}\n.dsh-ssh-settings-group {\n  display: grid;\n  max-width: 680px;\n  gap: 8px;\n}\n.dsh-ssh-settings-group .dsh-ssh-switch-row {\n  margin: 0;\n}\n.dsh-ssh-number-row {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) 120px 32px;\n  align-items: center;\n  gap: 8px;\n  min-height: 60px;\n  padding: 6px 10px;\n  border: 1px solid var(--ssh-border);\n  border-radius: 10px;\n  background: color-mix(in srgb, var(--ssh-surface-raised) 80%, transparent);\n}\n.dsh-ssh-number-row > span {\n  display: grid;\n  gap: 3px;\n}\n.dsh-ssh-number-row strong {\n  font-size: 11px;\n}\n.dsh-ssh-number-row small {\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 9px;\n}\n.dsh-ssh-number-row input {\n  height: 30px;\n  padding: 0 8px;\n}\n.dsh-ssh-number-row em {\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 9px;\n  font-style: normal;\n}\n.dsh-ssh-dialog-layer {\n  position: fixed;\n  z-index: 1000;\n  inset: 0;\n  display: grid;\n  place-items: center;\n  padding: 28px;\n  background: color-mix(in srgb, #111817 28%, transparent);\n  backdrop-filter: blur(3px);\n}\n.dsh-ssh-dialog {\n  box-sizing: border-box;\n  width: min(620px, calc(100vw - 40px));\n  max-height: min(760px, calc(100vh - 40px));\n  overflow: auto;\n  border: 1px solid\n    color-mix(in srgb, var(--dsw-alias-label-primary) 15%, transparent);\n  border-radius: 14px;\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-bg-base, #f7f8f7);\n  box-shadow: 0 24px 70px #07100d2e;\n}\n.dsh-ssh-dialog > header {\n  position: sticky;\n  z-index: 1;\n  top: 0;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  min-height: 64px;\n  padding: 0 18px;\n  border-bottom: 1px solid\n    var(\n      --ssh-border,\n      color-mix(in srgb, var(--dsw-alias-label-primary) 10%, transparent)\n    );\n  background: color-mix(\n    in srgb,\n    var(--dsw-alias-bg-base, #f7f8f7) 94%,\n    transparent\n  );\n  backdrop-filter: blur(12px);\n}\n.dsh-ssh-dialog h2 {\n  margin: 0;\n  font-size: 17px;\n  font-weight: 650;\n  letter-spacing: -0.01em;\n}\n.dsh-ssh-dialog header p {\n  margin: 3px 0 0;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 11px;\n}\n.dsh-ssh-form {\n  --ssh-border: color-mix(\n    in srgb,\n    var(--dsw-alias-label-primary) 11%,\n    transparent\n  );\n  --ssh-accent: #547d78;\n  --ssh-accent-strong: #406e67;\n  --ssh-danger: #9c504c;\n  display: grid;\n  gap: 15px;\n  padding: 20px 18px 18px;\n}\n.dsh-ssh-form-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 12px;\n}\n.dsh-ssh-form-grid.is-host {\n  grid-template-columns: minmax(0, 1fr) 110px;\n}\n.dsh-ssh-field {\n  display: grid;\n  gap: 5px;\n  min-width: 0;\n  color: var(--dsw-alias-label-secondary);\n  font-size: 12px;\n  font-weight: 600;\n}\n.dsh-ssh-field input,\n.dsh-ssh-field select {\n  height: 38px;\n  padding: 0 10px;\n  font-size: 13px;\n}\n.dsh-ssh-field textarea {\n  padding: 9px 10px;\n  font-size: 13px;\n  line-height: 1.5;\n  resize: vertical;\n  font-family: var(--ds-font-family-code), monospace;\n}\n.dsh-ssh-field small {\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 11px;\n  line-height: 1.4;\n  font-weight: 400;\n}\n.dsh-ssh-form-divider {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin-top: 2px;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 11px;\n  font-weight: 600;\n}\n.dsh-ssh-form-divider:after {\n  height: 1px;\n  flex: 1;\n  background: var(--ssh-border);\n  content: "";\n}\n.dsh-ssh-dialog-actions {\n  display: flex;\n  justify-content: flex-end;\n  gap: 8px;\n  padding-top: 5px;\n}\n.dsh-ssh-dialog-actions .dsh-ssh-primary-button,\n.dsh-ssh-dialog-actions .dsh-ssh-secondary-button {\n  min-height: 34px;\n  font-size: 13px;\n}\n.dsh-ssh-form .dsh-ssh-switch-row {\n  margin: 0;\n}\n.dsh-ssh-form .dsh-ssh-inline-error {\n  margin: 0;\n}\n@container dpu-workspace (max-width: 1120px) {\n  .dsh-ssh-toolbar {\n    grid-template-columns: 1fr auto auto;\n  }\n  .dsh-ssh-brand small {\n    display: none;\n  }\n}\n@container dpu-workspace (max-width: 820px) {\n  .dsh-ssh-toolbar {\n    grid-template-columns: 1fr auto;\n    gap: 8px;\n    padding: 0 12px;\n  }\n  .dsh-ssh-segments {\n    grid-row: 2;\n    grid-column: 1/-1;\n    margin-bottom: 8px;\n    overflow-x: auto;\n    scrollbar-width: none;\n  }\n  .dsh-ssh-segments::-webkit-scrollbar {\n    display: none;\n  }\n  .dsh-ssh-segments button {\n    min-width: 72px;\n    height: 36px;\n    flex: none;\n  }\n  .dsh-ssh-toolbar {\n    padding-top: 8px;\n  }\n  .dsh-ssh-content-heading {\n    align-items: flex-start;\n    flex-direction: column;\n    padding: 14px 0;\n  }\n  .dsh-ssh-heading-actions {\n    flex-wrap: wrap;\n  }\n  .dsh-ssh-forward-row {\n    grid-template-columns: 32px minmax(0, 1fr) auto;\n  }\n  .dsh-ssh-forward-row > .dsh-ssh-icon-button,\n  .dsh-ssh-forward-row > .dsh-ssh-small-primary {\n    display: none;\n  }\n}\n@container dpu-workspace (max-width: 520px) {\n  .dsh-ssh-toolbar {\n    padding-right: max(10px, env(safe-area-inset-right));\n    padding-left: max(10px, env(safe-area-inset-left));\n  }\n  .dsh-ssh-toolbar > .dsh-ssh-primary-button {\n    width: 40px;\n    min-height: 40px;\n    padding: 0;\n  }\n  .dsh-ssh-toolbar > .dsh-ssh-primary-button span {\n    display: none;\n  }\n  .dsh-ssh-terminal-pane,\n  .dsh-ssh-forward-pane,\n  .dsh-ssh-settings-pane,\n  .dsh-ssh-vault-pane,\n  .dsh-ssh-proxy-pane,\n  .dsh-ssh-profile-sftp-pane {\n    padding-right: 10px;\n    padding-left: 10px;\n  }\n  .dsh-ssh-sftp.is-workspace .dsh-ssh-sftp-columns,\n  .dsh-ssh-sftp.is-workspace .dsh-ssh-sftp-row {\n    grid-template-columns: minmax(120px, 1fr) 64px;\n  }\n  .dsh-ssh-sftp.is-workspace .dsh-ssh-sftp-columns > :nth-child(3),\n  .dsh-ssh-sftp.is-workspace .dsh-ssh-sftp-row > :nth-child(3) {\n    display: none;\n  }\n  .dsh-ssh-sftp.is-workspace .dsh-ssh-sftp-row {\n    min-height: 44px;\n  }\n  .dsh-ssh-number-row {\n    grid-template-columns: minmax(0, 1fr) 86px 28px;\n  }\n}\n@media (max-width: 600px) {\n  .dsh-ssh-dialog-layer {\n    align-items: stretch;\n    padding: 0;\n  }\n  .dsh-ssh-dialog {\n    width: 100%;\n    max-height: 100dvh;\n    border: 0;\n    border-radius: 0;\n  }\n  .dsh-ssh-form-grid,\n  .dsh-ssh-form-grid.is-host {\n    grid-template-columns: 1fr;\n  }\n  .dsh-ssh-dialog-actions {\n    position: sticky;\n    bottom: 0;\n    flex-wrap: wrap;\n    padding: 10px 0 max(10px, env(safe-area-inset-bottom));\n    background: var(--dsw-alias-bg-base, #f7f8f7);\n  }\n}\n@media (prefers-reduced-motion: reduce) {\n  .dsh-ssh-disclosure {\n    transition: none;\n  }\n}\n@media (prefers-reduced-transparency: reduce) {\n  .dsh-ssh-dialog-layer {\n    backdrop-filter: none;\n  }\n  .dsh-ssh-dialog > header {\n    backdrop-filter: none;\n  }\n}\n\n.dsh-ssh-activity-trigger {\n  box-sizing: border-box;\n  display: inline-grid;\n  place-items: center;\n  width: 28px;\n  height: 28px;\n  padding: 0;\n  border: 1px solid transparent;\n  border-radius: 8px;\n  color: var(--dsw-alias-label-secondary);\n  background: transparent;\n  cursor: pointer;\n}\n.dsh-ssh-activity-trigger:hover {\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n.dsh-ssh-activity-trigger.is-active {\n  border-color: color-mix(in srgb, var(--ssh-accent, #547d78) 16%, transparent);\n  color: var(--ssh-accent-strong, #406e67);\n  background: color-mix(in srgb, var(--ssh-accent, #547d78) 8%, transparent);\n}\n.dsh-ssh-panel-right-icon {\n  transform: rotate(180deg);\n}\n.dsh-ssh-activity-panel {\n  --ssh-activity-border: color-mix(\n    in srgb,\n    var(--dsw-alias-label-primary) 10%,\n    transparent\n  );\n  box-sizing: border-box;\n  display: flex;\n  width: 100%;\n  height: 100%;\n  min-width: 0;\n  min-height: 0;\n  flex-direction: column;\n  color: var(--dsw-alias-label-primary);\n  background: color-mix(in srgb, var(--ssh-activity-surface) 98%, var(--ssh-activity-surface-raised));\n  font-family:\n    var(--ds-font-family),\n    -apple-system,\n    BlinkMacSystemFont,\n    "Segoe UI",\n    sans-serif;\n  animation: dsh-ssh-panel-enter 180ms cubic-bezier(0.2, 0.8, 0.2, 1) both;\n}\n.dsh-ssh-activity-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  min-height: 64px;\n  padding: 0 14px 0 16px;\n  border-bottom: 1px solid var(--ssh-activity-border);\n  background: color-mix(in srgb, var(--ssh-activity-surface-raised) 98%, var(--ssh-activity-surface));\n}\n.dsh-ssh-activity-title {\n  display: flex;\n  min-width: 0;\n  align-items: center;\n  gap: 10px;\n}\n.dsh-ssh-activity-title > span:last-child {\n  display: grid;\n  min-width: 0;\n  gap: 2px;\n}\n.dsh-ssh-activity-mark {\n  display: grid;\n  place-items: center;\n  width: 30px;\n  height: 30px;\n  flex: none;\n  border: 1px solid color-mix(in srgb, var(--ssh-accent) 20%, transparent);\n  border-radius: 9px;\n  color: var(--ssh-accent-strong);\n  background: color-mix(in srgb, var(--ssh-accent) 5%, transparent);\n}\n.dsh-ssh-activity-header strong {\n  font-size: 14px;\n  font-weight: 650;\n}\n.dsh-ssh-activity-header small {\n  overflow: hidden;\n  color: var(--dsw-alias-label-tertiary);\n  font:\n    10px/1.25 var(--ds-font-family-code),\n    monospace;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-ssh-activity-tabs {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 2px;\n  margin: 12px 14px 0;\n  padding: 3px;\n  border: 1px solid var(--ssh-activity-border);\n  border-radius: 11px;\n  background: color-mix(\n    in srgb,\n    var(--dsw-alias-label-primary) 3%,\n    transparent\n  );\n}\n.dsh-ssh-activity-tabs button {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n  min-height: 32px;\n  padding: 0 9px;\n  border: 0;\n  border-radius: 7px;\n  color: var(--dsw-alias-label-secondary);\n  background: transparent;\n  font: 550 11px/1 var(--ds-font-family);\n  cursor: pointer;\n}\n.dsh-ssh-activity-tabs button:hover {\n  color: var(--dsw-alias-label-primary);\n}\n.dsh-ssh-activity-tabs button.is-active {\n  color: var(--dsw-alias-label-primary);\n  background: var(--ssh-activity-surface-raised);\n  box-shadow: 0 1px 3px\n    color-mix(in srgb, var(--dsw-alias-label-primary) 9%, transparent);\n}\n.dsh-ssh-activity-tabs button:only-child {\n  grid-column: 1/-1;\n}\n.dsh-ssh-activity-body {\n  display: flex;\n  min-height: 0;\n  flex: 1;\n  overflow: hidden;\n  padding: 14px 14px 16px;\n}\n.dsh-ssh-activity-body > * {\n  width: 100%;\n}\n.dsh-ssh-activity-state {\n  margin: 20px 4px;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 11px;\n}\n.dsh-ssh-sftp {\n  display: flex;\n  min-height: 100%;\n  flex-direction: column;\n}\n.dsh-ssh-sftp-hostbar {\n  display: grid;\n  grid-template-columns: 28px minmax(0, 1fr);\n  align-items: center;\n  gap: 8px;\n  padding: 0 2px 10px;\n}\n.dsh-ssh-sftp-hostbar label {\n  display: grid;\n  min-width: 0;\n  gap: 2px;\n}\n.dsh-ssh-sftp-hostbar select {\n  min-width: 0;\n  padding: 0;\n  border: 0;\n  outline: 0;\n  color: var(--dsw-alias-label-primary);\n  background: transparent;\n  font: 600 11px/1.25 var(--ds-font-family);\n  cursor: pointer;\n}\n.dsh-ssh-sftp-hostbar small {\n  overflow: hidden;\n  color: var(--dsw-alias-label-tertiary);\n  font:\n    9px/1.2 var(--ds-font-family-code),\n    monospace;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-ssh-sftp-pathbar {\n  display: grid;\n  grid-template-columns: 30px minmax(0, 1fr) 30px;\n  gap: 5px;\n  margin-bottom: 9px;\n}\n.dsh-ssh-sftp-pathbar.has-upload {\n  grid-template-columns: 30px minmax(0, 1fr) 30px auto;\n}\n.dsh-ssh-sftp-pathbar button,\n.dsh-ssh-sftp-pathbar input {\n  box-sizing: border-box;\n  height: 30px;\n  border: 1px solid var(--ssh-activity-border);\n  border-radius: 8px;\n  color: var(--dsw-alias-label-primary);\n  background: var(--ssh-activity-surface-raised);\n}\n.dsh-ssh-sftp-pathbar button {\n  display: grid;\n  place-items: center;\n  padding: 0;\n  cursor: pointer;\n}\n.dsh-ssh-sftp-pathbar button:disabled {\n  opacity: 0.35;\n  cursor: default;\n}\n.dsh-ssh-sftp-pathbar input {\n  min-width: 0;\n  padding: 0 9px;\n  outline: 0;\n  font:\n    9px/1 var(--ds-font-family-code),\n    monospace;\n}\n.dsh-ssh-sftp-pathbar .dsh-ssh-sftp-upload-button {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  padding: 0 10px;\n  color: #f6fbf9;\n  background: var(--ssh-accent-strong, #406e67);\n  font: 550 10px/1 var(--ds-font-family);\n}\n.dsh-ssh-directory-error {\n  margin: 0 0 8px;\n  padding: 7px 8px;\n  border-radius: 7px;\n  color: var(--ssh-danger, #9c504c);\n  background: color-mix(in srgb, var(--ssh-danger, #9c504c) 7%, transparent);\n  font-size: 10px;\n  line-height: 1.4;\n}\n.dsh-ssh-sftp-table {\n  min-height: 0;\n  flex: 1;\n  overflow: auto;\n  border: 1px solid var(--ssh-activity-border);\n  border-radius: 11px;\n  background: color-mix(in srgb, var(--ssh-activity-surface-raised) 99%, var(--ssh-activity-surface));\n  box-shadow: 0 8px 24px color-mix(in srgb, var(--dsw-alias-label-primary) 3%, transparent);\n}\n.dsh-ssh-sftp-columns,\n.dsh-ssh-sftp-row {\n  display: grid;\n  grid-template-columns: minmax(120px, 1fr) 58px 72px;\n  align-items: center;\n  gap: 7px;\n}\n.dsh-ssh-sftp-columns {\n  position: sticky;\n  z-index: 1;\n  top: 0;\n  min-height: 32px;\n  padding: 0 10px;\n  border-bottom: 1px solid var(--ssh-activity-border);\n  color: var(--dsw-alias-label-tertiary);\n  background: var(--ssh-activity-surface);\n  font-size: 10px;\n}\n.dsh-ssh-sftp-row {\n  box-sizing: border-box;\n  width: 100%;\n  min-height: 38px;\n  padding: 0 10px;\n  border: 0;\n  border-bottom: 1px solid\n    color-mix(in srgb, var(--ssh-activity-border) 55%, transparent);\n  color: var(--dsw-alias-label-primary);\n  background: transparent;\n  text-align: left;\n  transition:\n    background 120ms ease,\n    transform 120ms ease;\n}\n.dsh-ssh-sftp-row:last-child {\n  border-bottom: 0;\n}\n.dsh-ssh-sftp-row.is-directory {\n  cursor: pointer;\n}\n.dsh-ssh-sftp-row.is-directory:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n.dsh-ssh-sftp-row:disabled {\n  opacity: 1;\n}\n.dsh-ssh-sftp-row > span {\n  display: flex;\n  min-width: 0;\n  align-items: center;\n  gap: 7px;\n}\n.dsh-ssh-sftp-row svg {\n  flex: none;\n  color: var(--dsw-alias-label-secondary);\n}\n.dsh-ssh-sftp-row.is-directory svg {\n  color: var(--ssh-accent-strong, #406e67);\n}\n.dsh-ssh-sftp-row strong {\n  overflow: hidden;\n  font-size: 11px;\n  font-weight: 500;\n  line-height: 1.3;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-ssh-sftp-row small {\n  overflow: hidden;\n  color: var(--dsw-alias-label-tertiary);\n  font:\n    9px/1.25 var(--ds-font-family-code),\n    monospace;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-ssh-sftp-state {\n  display: grid;\n  place-items: center;\n  min-height: 160px;\n  margin: 0;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 10px;\n}\n.dsh-ssh-activity-empty {\n  display: grid;\n  place-items: center;\n  align-content: center;\n  min-height: 240px;\n  padding: 24px;\n  text-align: center;\n}\n.dsh-ssh-activity-empty > svg {\n  margin-bottom: 10px;\n  color: var(--dsw-alias-label-tertiary);\n}\n.dsh-ssh-activity-empty strong {\n  font-size: 12px;\n}\n.dsh-ssh-activity-empty p {\n  max-width: 260px;\n  margin: 7px 0 0;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 10px;\n  line-height: 1.5;\n}\n.dsh-ssh-terminal-observer {\n  display: flex;\n  height: 100%;\n  min-height: 280px;\n  overflow: hidden;\n  flex-direction: column;\n  border: 1px solid #283330;\n  border-radius: 12px;\n  background: #0c1212;\n  box-shadow: 0 10px 26px color-mix(in srgb, #08100e 12%, transparent);\n}\n.dsh-ssh-terminal-observer-heading {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  min-height: 48px;\n  padding: 0 12px;\n  border-bottom: 1px solid #ffffff12;\n  color: #dce5e1;\n  background: #0d1413;\n}\n.dsh-ssh-terminal-observer-heading > span:first-child {\n  display: grid;\n  min-width: 0;\n  gap: 3px;\n}\n.dsh-ssh-terminal-observer-heading strong,\n.dsh-ssh-terminal-observer-heading small {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-ssh-terminal-observer-heading strong {\n  font-size: 12px;\n  font-weight: 600;\n}\n.dsh-ssh-terminal-observer-heading small {\n  color: #879691;\n  font:\n    10px/1.2 var(--ds-font-family-code),\n    monospace;\n}\n.dsh-ssh-terminal-state {\n  flex: none;\n  color: #879691;\n  font-size: 10px;\n}\n.dsh-ssh-terminal-state.is-running {\n  color: #8fc0af;\n}\n.dsh-ssh-terminal-screen {\n  box-sizing: border-box;\n  display: flex;\n  min-height: 0;\n  flex: 1;\n  overflow: hidden;\n  padding: 11px 10px 15px;\n}\n.dsh-ssh-sftp-row:not(.is-directory) {\n  cursor: pointer;\n}\n.dsh-ssh-file-preview {\n  display: flex;\n  min-height: 0;\n  flex: 1;\n  flex-direction: column;\n  overflow: hidden;\n  border: 1px solid var(--ssh-activity-border);\n  border-radius: 10px;\n  background: var(--ssh-activity-surface-raised);\n  box-shadow: 0 8px 24px color-mix(in srgb, var(--dsw-alias-label-primary) 3%, transparent);\n}\n.dsh-ssh-file-preview > header {\n  display: grid;\n  grid-template-columns: 28px minmax(0, 1fr) 28px;\n  align-items: center;\n  gap: 7px;\n  min-height: 42px;\n  padding: 0 7px;\n  border-bottom: 1px solid var(--ssh-activity-border);\n}\n.dsh-ssh-file-preview > header > span {\n  display: grid;\n  min-width: 0;\n  gap: 2px;\n}\n.dsh-ssh-file-preview > header strong,\n.dsh-ssh-file-preview > header small {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-ssh-file-preview > header strong {\n  font-size: 10px;\n}\n.dsh-ssh-file-preview > header small {\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 8px;\n}\n.dsh-ssh-file-preview > header > a {\n  display: grid;\n  place-items: center;\n  width: 28px;\n  height: 28px;\n  border-radius: 8px;\n  color: var(--dsw-alias-label-secondary);\n  text-decoration: none;\n}\n.dsh-ssh-file-preview > header > a:hover {\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n.dsh-ssh-file-preview-body {\n  display: flex;\n  min-height: 0;\n  flex: 1;\n  overflow: auto;\n  flex-direction: column;\n}\n.dsh-ssh-file-preview-body > pre {\n  box-sizing: border-box;\n  min-width: 100%;\n  min-height: 100%;\n  margin: 0;\n  padding: 12px;\n  color: var(--dsw-alias-label-primary);\n  background: transparent;\n  font:\n    10px/1.55 var(--ds-font-family-code),\n    monospace;\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n}\n.dsh-ssh-file-preview-body > small {\n  padding: 8px 12px;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 9px;\n}\n.dsh-ssh-file-preview-body > img {\n  display: block;\n  max-width: 100%;\n  max-height: 100%;\n  margin: auto;\n  object-fit: contain;\n}\n.dsh-ssh-file-preview-body > iframe {\n  width: 100%;\n  height: 100%;\n  min-height: 420px;\n  border: 0;\n  background: #fff;\n}\n.dsh-ssh-file-binary {\n  display: grid;\n  place-items: center;\n  align-content: center;\n  min-height: 240px;\n  padding: 20px;\n  text-align: center;\n}\n.dsh-ssh-file-binary > svg {\n  margin-bottom: 9px;\n  color: var(--dsw-alias-label-tertiary);\n}\n.dsh-ssh-file-binary strong {\n  font-size: 11px;\n}\n.dsh-ssh-file-binary p {\n  margin: 5px 0 12px;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 9px;\n}\n.dsh-ssh-file-binary a {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  min-height: 30px;\n  padding: 0 10px;\n  border: 1px solid var(--ssh-activity-border);\n  border-radius: 8px;\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-button-elevated-fill);\n  font-size: 10px;\n  text-decoration: none;\n}\n.dsh-ssh-terminal-workbench {\n  display: flex;\n  min-height: 0;\n  flex: 1;\n  flex-direction: column;\n  gap: 7px;\n}\n.dsh-ssh-terminal-switcher {\n  display: flex;\n  flex: none;\n  gap: 3px;\n  max-width: 100%;\n  overflow-x: auto;\n  overflow-y: hidden;\n  padding: 1px 1px 5px;\n}\n.dsh-ssh-terminal-switcher button {\n  display: flex;\n  min-width: 0;\n  max-width: 150px;\n  align-items: center;\n  gap: 6px;\n  height: 30px;\n  padding: 0 9px;\n  border: 1px solid transparent;\n  border-radius: 7px;\n  color: var(--dsw-alias-label-secondary);\n  background: transparent;\n  font: 500 10px/1 var(--ds-font-family);\n  white-space: nowrap;\n  cursor: pointer;\n  flex: 0 0 min(120px, 42%);\n  overflow: hidden;\n  transition:\n    color 120ms ease,\n    background 120ms ease,\n    border-color 120ms ease,\n    transform 120ms ease;\n}\n.dsh-ssh-terminal-switcher-label {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-ssh-terminal-switcher button:hover {\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n.dsh-ssh-terminal-switcher button.is-active {\n  border-color: var(--ssh-activity-border);\n  color: var(--dsw-alias-label-primary);\n  background: color-mix(in srgb, var(--ssh-accent, #547d78) 8%, transparent);\n  box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 38%, transparent);\n}\n.dsh-ssh-terminal-state-dot {\n  width: 5px;\n  height: 5px;\n  flex: none;\n  border: 1px solid #75827e;\n  border-radius: 50%;\n}\n.dsh-ssh-terminal-state-dot.is-running {\n  border-color: #6ca08d;\n  background: #6ca08d;\n}\n.dsh-ssh-terminal-workbench .dsh-ssh-terminal-observer {\n  height: auto;\n  min-height: 0;\n  flex: 1;\n}\n.dsh-ssh-terminal-input-error {\n  margin: 0;\n  padding: 6px 8px;\n  border-radius: 6px;\n  color: #d98e88;\n  background: #351c1a;\n  font-size: 9px;\n}\n\n.dsh-ssh-profile-row:active,\n.dsh-ssh-sftp-row:active,\n.dsh-ssh-terminal-switcher button:active {\n  transform: scale(0.985);\n}\n.dsh-ssh-file-preview-body {\n  animation: dsh-ssh-content-enter 160ms ease-out both;\n}\n.dsh-ssh-vault-pane,\n.dsh-ssh-proxy-pane {\n  box-sizing: border-box;\n  display: flex;\n  min-height: 100%;\n  flex-direction: column;\n  padding: 0 18px 18px;\n}\n.dsh-ssh-vault-list,\n.dsh-ssh-proxy-list {\n  display: grid;\n  align-content: start;\n  gap: 5px;\n}\n.dsh-ssh-vault-row,\n.dsh-ssh-proxy-row {\n  display: grid;\n  grid-template-columns: 34px minmax(160px, 1fr) auto 70px 28px 28px;\n  align-items: center;\n  gap: 9px;\n  min-height: 56px;\n  padding: 5px 8px;\n  border: 1px solid var(--ssh-border);\n  border-radius: 10px;\n  background: color-mix(in srgb, var(--ssh-surface-raised) 82%, transparent);\n  transition:\n    background 140ms ease,\n    border-color 140ms ease,\n    transform 150ms ease;\n}\n.dsh-ssh-vault-row:hover,\n.dsh-ssh-proxy-row:hover {\n  border-color: color-mix(in srgb, var(--ssh-accent) 18%, var(--ssh-border));\n  background: color-mix(in srgb, var(--ssh-surface-raised) 94%, transparent);\n  transform: translateY(-1px);\n}\n.dsh-ssh-vault-glyph {\n  display: grid;\n  place-items: center;\n  width: 30px;\n  height: 30px;\n  border: 1px solid color-mix(in srgb, var(--ssh-accent) 18%, var(--ssh-border));\n  border-radius: 9px;\n  color: var(--ssh-accent-strong);\n  background: color-mix(in srgb, var(--ssh-accent) 7%, transparent);\n}\n.dsh-ssh-vault-row > span:nth-child(2),\n.dsh-ssh-proxy-row > span:nth-child(2) {\n  display: grid;\n  min-width: 0;\n  gap: 3px;\n}\n.dsh-ssh-vault-row strong,\n.dsh-ssh-vault-row small,\n.dsh-ssh-proxy-row strong,\n.dsh-ssh-proxy-row small {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-ssh-vault-row strong,\n.dsh-ssh-proxy-row strong {\n  font-size: 12px;\n  font-weight: 600;\n}\n.dsh-ssh-vault-row small,\n.dsh-ssh-proxy-row small {\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 10px;\n}\n.dsh-ssh-proxy-kind {\n  padding: 3px 7px;\n  border-radius: 6px;\n  color: var(--ssh-accent-strong);\n  background: color-mix(in srgb, var(--ssh-accent) 9%, transparent);\n  font: 600 9px/1 var(--ds-font-family-code), monospace;\n}\n.dsh-ssh-vault-state {\n  padding: 3px 7px;\n  border-radius: 6px;\n  color: var(--ssh-danger);\n  background: color-mix(in srgb, var(--ssh-danger) 7%, transparent);\n  font-size: 9px;\n}\n.dsh-ssh-vault-state.is-ready {\n  color: var(--ssh-accent-strong);\n  background: color-mix(in srgb, var(--ssh-accent) 9%, transparent);\n}\n.dsh-ssh-vault-empty {\n  display: grid;\n  place-items: center;\n  align-content: center;\n  min-height: 320px;\n  text-align: center;\n}\n.dsh-ssh-vault-empty > span {\n  display: grid;\n  place-items: center;\n  width: 46px;\n  height: 46px;\n  margin-bottom: 12px;\n  border: 1px solid var(--ssh-border);\n  border-radius: 14px;\n  color: var(--ssh-accent-strong);\n  background: color-mix(in srgb, var(--ssh-surface-raised) 88%, transparent);\n  box-shadow: 0 12px 30px\n    color-mix(in srgb, var(--dsw-alias-label-primary) 5%, transparent);\n}\n.dsh-ssh-vault-empty strong {\n  font-size: 13px;\n}\n.dsh-ssh-vault-empty p {\n  max-width: 360px;\n  margin: 7px 0 16px;\n  color: var(--dsw-alias-label-secondary);\n  font-size: 11px;\n  line-height: 1.55;\n}\n.dsh-ssh-credential-reference {\n  display: grid;\n  grid-template-columns: 34px minmax(0, 1fr) auto;\n  align-items: center;\n  gap: 9px;\n  min-height: 52px;\n  padding: 5px 9px;\n  border: 1px solid color-mix(in srgb, var(--ssh-accent) 18%, var(--ssh-border));\n  border-radius: 10px;\n  background: color-mix(\n    in srgb,\n    var(--ssh-accent) 6%,\n    var(--ssh-surface-raised)\n  );\n}\n.dsh-ssh-credential-reference > span:first-child {\n  display: grid;\n  place-items: center;\n  width: 30px;\n  height: 30px;\n  border-radius: 8px;\n  color: var(--ssh-accent-strong);\n  background: color-mix(in srgb, var(--ssh-accent) 9%, transparent);\n}\n.dsh-ssh-credential-reference > span:nth-child(2) {\n  display: grid;\n  gap: 3px;\n}\n.dsh-ssh-credential-reference strong {\n  font-size: 11px;\n}\n.dsh-ssh-credential-reference small {\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 9px;\n}\n.dsh-ssh-credential-reference em {\n  color: var(--ssh-accent-strong);\n  font-size: 9px;\n  font-style: normal;\n}\n.dsh-ssh-jump-chain {\n  display: grid;\n  gap: 8px;\n  margin: 0;\n  padding: 10px;\n  border: 1px solid var(--ssh-border);\n  border-radius: 10px;\n  background: color-mix(in srgb, var(--ssh-surface-raised) 72%, transparent);\n}\n.dsh-ssh-jump-chain legend {\n  padding: 0 5px;\n  color: var(--dsw-alias-label-secondary);\n  font-size: 10px;\n  font-weight: 600;\n}\n.dsh-ssh-jump-chain > p {\n  margin: 0;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 9px;\n}\n.dsh-ssh-jump-chain > div {\n  display: grid;\n  gap: 5px;\n}\n.dsh-ssh-jump-row {\n  display: grid;\n  grid-template-columns: 22px minmax(0, 1fr) 28px 28px 28px;\n  align-items: center;\n  gap: 4px;\n}\n.dsh-ssh-jump-row > em {\n  display: grid;\n  place-items: center;\n  width: 20px;\n  height: 20px;\n  border-radius: 6px;\n  color: var(--ssh-accent-strong);\n  background: color-mix(in srgb, var(--ssh-accent) 9%, transparent);\n  font:\n    600 9px/1 var(--ds-font-family-code),\n    monospace;\n  font-style: normal;\n}\n.dsh-ssh-jump-row select {\n  box-sizing: border-box;\n  min-width: 0;\n  height: 30px;\n  padding: 0 8px;\n  border: 1px solid var(--ssh-border);\n  border-radius: 8px;\n  color: var(--dsw-alias-label-primary);\n  background: var(--ssh-surface-raised);\n  font-size: 10px;\n}\n.dsh-ssh-field select,\n.dsh-ssh-sftp-hostbar select,\n.dsh-ssh-jump-row select {\n  appearance: none;\n  padding-right: 28px;\n  background-image:\n    linear-gradient(\n      45deg,\n      transparent 50%,\n      color-mix(in srgb, currentColor 56%, transparent) 50%\n    ),\n    linear-gradient(\n      135deg,\n      color-mix(in srgb, currentColor 56%, transparent) 50%,\n      transparent 50%\n    );\n  background-position:\n    calc(100% - 12px) 50%,\n    calc(100% - 8px) 50%;\n  background-repeat: no-repeat;\n  background-size: 4px 4px;\n}\n.dsh-ssh-sftp-hostbar select {\n  padding-right: 22px;\n}\n.dsh-ssh-jump-row .dsh-ssh-icon-button:disabled {\n  opacity: 0.3;\n  cursor: default;\n}\n.dsh-ssh-jump-empty {\n  padding: 7px !important;\n  border-radius: 7px;\n  background: color-mix(in srgb, var(--ssh-warning) 7%, transparent);\n}\n.dsh-ssh-jump-chain > .dsh-ssh-secondary-button {\n  justify-self: start;\n}\n@keyframes dsh-ssh-panel-enter {\n  from {\n    opacity: 0;\n    transform: translateX(6px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n@keyframes dsh-ssh-content-enter {\n  from {\n    opacity: 0;\n    transform: translateY(3px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n@keyframes dsh-ssh-group-open {\n  from {\n    opacity: 0;\n    transform: translateY(-2px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n@media (max-width: 820px) {\n  .dsh-ssh-vault-row,\n  .dsh-ssh-proxy-row {\n    grid-template-columns: 34px minmax(120px, 1fr) auto 28px;\n  }\n  .dsh-ssh-vault-row > small,\n  .dsh-ssh-vault-row > .dsh-ssh-icon-button:last-child,\n  .dsh-ssh-proxy-row > small,\n  .dsh-ssh-proxy-row > .dsh-ssh-icon-button:last-child {\n    display: none;\n  }\n}\n@media (prefers-reduced-motion: reduce) {\n  .dsh-ssh-activity-panel,\n  .dsh-ssh-file-preview-body,\n  .dsh-ssh-profile-group-children {\n    animation: none;\n  }\n  .dsh-ssh-profile-row,\n  .dsh-ssh-profile-row::before,\n  .dsh-ssh-profile-group-chevron,\n  .dsh-ssh-vault-row,\n  .dsh-ssh-proxy-row,\n  .dsh-ssh-sftp-row,\n  .dsh-ssh-terminal-switcher button {\n    transition: none;\n  }\n}\n.dsh-ssh-sidebar-panel {\n  display: flex;\n  align-items: center;\n  gap: 7px;\n  min-height: 34px;\n  padding: 0 9px;\n  border: 1px solid transparent;\n  border-radius: 8px;\n  color: var(--dsw-alias-label-secondary);\n  background: transparent;\n  font: 550 11px/1 var(--ds-font-family);\n  text-align: left;\n  cursor: pointer;\n}\n.dsh-ssh-sidebar-panel svg {\n  color: #547d78;\n}\n.dsh-ssh-sidebar-panel:hover {\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n.dsh-ssh-sidebar-panel:active {\n  transform: scale(0.985);\n}\n.dsh-ssh-icon-button.is-active,\n.dsh-ssh-rail-button.is-active {\n  color: #406e67;\n  background: color-mix(in srgb, #547d78 9%, transparent);\n}\n.dsh-ssh-icon-button:disabled,\n.dsh-ssh-rail-button:disabled {\n  opacity: 0.36;\n  cursor: default;\n}\n.dsh-ssh-icon-button:disabled:hover,\n.dsh-ssh-rail-button:disabled:hover {\n  color: var(--dsw-alias-label-secondary);\n  background: transparent;\n}\n.dsh-ssh-test-button {\n  margin-right: auto;\n}\n.dsh-ssh-test-result {\n  box-sizing: border-box;\n  margin: 0;\n  border-radius: 9px;\n  font-size: 10px;\n}\n.dsh-ssh-test-result.is-warning {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 14px;\n  padding: 9px 10px;\n  border: 1px solid color-mix(in srgb, var(--ssh-warning) 22%, transparent);\n  color: color-mix(\n    in srgb,\n    var(--ssh-warning) 82%,\n    var(--dsw-alias-label-primary)\n  );\n  background: color-mix(in srgb, var(--ssh-warning) 7%, transparent);\n}\n.dsh-ssh-test-result.is-warning > span {\n  display: grid;\n  min-width: 0;\n  gap: 4px;\n}\n.dsh-ssh-test-result.is-warning code {\n  overflow: hidden;\n  font:\n    9px/1.3 var(--ds-font-family-code),\n    monospace;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-ssh-test-result.is-success {\n  display: flex;\n  align-items: center;\n  gap: 7px;\n  padding: 8px 10px;\n  color: #477565;\n  background: color-mix(in srgb, #5c8a76 9%, transparent);\n}\n.dsh-ssh-sidebar-note {\n  box-sizing: border-box;\n  min-height: 32px;\n  margin: 0;\n  padding: 8px 9px;\n  color: var(--dsw-alias-label-tertiary);\n  font: 10px/1.4 var(--ds-font-family);\n}\n.dsh-ssh-profile-sftp-pane {\n  box-sizing: border-box;\n  display: flex;\n  min-height: 100%;\n  height: 100%;\n  flex-direction: column;\n  padding: 0 18px 18px;\n}\n.dsh-ssh-profile-sftp-pane > .dsh-ssh-content-heading {\n  flex: none;\n}\n.dsh-ssh-sftp.is-workspace {\n  --ssh-activity-border: var(--ssh-border);\n  min-height: 0;\n  flex: 1;\n}\n.dsh-ssh-sftp.is-workspace .dsh-ssh-sftp-pathbar {\n  margin-bottom: 10px;\n}\n.dsh-ssh-sftp.is-workspace .dsh-ssh-sftp-columns,\n.dsh-ssh-sftp.is-workspace .dsh-ssh-sftp-row {\n  grid-template-columns: minmax(180px, 1fr) 90px 120px;\n}\n.dsh-ssh-sftp.is-workspace .dsh-ssh-sftp-columns {\n  min-height: 34px;\n  padding: 0 12px;\n  font-size: 9px;\n}\n.dsh-ssh-sftp.is-workspace .dsh-ssh-sftp-row {\n  min-height: 40px;\n  padding: 0 12px;\n  cursor: pointer;\n}\n.dsh-ssh-sftp.is-workspace .dsh-ssh-sftp-row:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n.dsh-ssh-sftp.is-workspace .dsh-ssh-sftp-row strong {\n  font-size: 11px;\n}\n.dsh-ssh-sftp.is-workspace .dsh-ssh-sftp-row small {\n  font-size: 9px;\n}\n.dsh-ssh-upload-conflict {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  margin-bottom: 9px;\n  padding: 8px 10px;\n  border: 1px solid\n    color-mix(in srgb, var(--ssh-warning, #927443) 20%, transparent);\n  border-radius: 8px;\n  color: var(--dsw-alias-label-secondary);\n  background: color-mix(in srgb, var(--ssh-warning, #927443) 7%, transparent);\n}\n.dsh-ssh-upload-conflict > span {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.dsh-ssh-upload-conflict > span:first-child {\n  min-width: 0;\n}\n.dsh-ssh-upload-conflict strong {\n  font-size: 10px;\n}\n.dsh-ssh-upload-conflict small {\n  overflow: hidden;\n  max-width: 240px;\n  color: var(--dsw-alias-label-tertiary);\n  font:\n    9px/1 var(--ds-font-family-code),\n    monospace;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-ssh-upload-conflict button {\n  min-height: 26px;\n  padding: 0 9px;\n  border: 1px solid var(--ssh-border);\n  border-radius: 7px;\n  color: var(--dsw-alias-label-secondary);\n  background: var(--ssh-surface-raised);\n  font-size: 9px;\n  cursor: pointer;\n}\n.dsh-ssh-upload-conflict button.is-primary {\n  border-color: color-mix(in srgb, var(--ssh-accent-strong) 56%, transparent);\n  color: #f6fbf9;\n  background: var(--ssh-accent-strong);\n}\n';
 
 // src/client-api.ts
 var SSH_API = "/ssh-local/v1";
@@ -6694,7 +6693,7 @@ function SftpExplorer({ initialPath, header, workspace = false, loadDirectory, l
         ] })
       ] }),
       error && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "dsh-ssh-directory-error", role: "alert", children: error }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "dsh-ssh-sftp-table", "aria-busy": loading, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "dsh-ssh-sftp-table dsh-ssh-scroll-surface", "aria-busy": loading, children: [
         /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "dsh-ssh-sftp-columns", children: [
           /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: "\u540D\u79F0" }),
           /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: "\u5927\u5C0F" }),
@@ -6741,7 +6740,7 @@ function SftpFilePreview({ entry, loadPreview, fileUrl, onBack }) {
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("a", { href: downloadUrl, "aria-label": "\u4E0B\u8F7D\u6587\u4EF6", title: "\u4E0B\u8F7D\u6587\u4EF6", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives.IconDownloadOutline16, { size: 16 }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "dsh-ssh-file-preview-body", children: error ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "dsh-ssh-directory-error", role: "alert", children: error }) : preview === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "dsh-ssh-sftp-state", children: "\u6B63\u5728\u6253\u5F00\u6587\u4EF6\u2026" }) : preview.kind === "text" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "dsh-ssh-file-preview-body dsh-ssh-scroll-surface", children: error ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "dsh-ssh-directory-error", role: "alert", children: error }) : preview === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "dsh-ssh-sftp-state", children: "\u6B63\u5728\u6253\u5F00\u6587\u4EF6\u2026" }) : preview.kind === "text" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("pre", { children: preview.text || "" }),
       preview.truncated && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("small", { children: "\u6587\u4EF6\u8F83\u5927\uFF0C\u4EC5\u663E\u793A\u524D 1 MB\u3002\u4E0B\u8F7D\u53EF\u67E5\u770B\u5B8C\u6574\u5185\u5BB9\u3002" })
     ] }) : preview.kind === "image" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("img", { src: fileUrl(entry.path, true), alt: entry.name }) : preview.kind === "pdf" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("iframe", { src: fileUrl(entry.path, true), title: entry.name }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "dsh-ssh-file-binary", children: [
@@ -6892,6 +6891,82 @@ function isRetryable(reason) {
   return !Number.isFinite(status) || status >= 500;
 }
 
+// src/terminal-view.ts
+var import_xterm = __toESM(require_xterm(), 1);
+var TERMINAL_THEME = {
+  background: "#0c1212",
+  foreground: "#d8e1de",
+  cursor: "#82b9aa",
+  cursorAccent: "#0c1212",
+  selectionBackground: "#5f8f8366",
+  black: "#0c1212",
+  red: "#d18b84",
+  green: "#82b39f",
+  yellow: "#c4a66e",
+  blue: "#82a9ba",
+  magenta: "#aa96b2",
+  cyan: "#7eb8b0",
+  white: "#d8e1de",
+  brightBlack: "#71817c",
+  brightRed: "#e4a29b",
+  brightGreen: "#a1cbb9",
+  brightYellow: "#d8bd88",
+  brightBlue: "#a1c4d2",
+  brightMagenta: "#c1afc7",
+  brightCyan: "#9bd0c8",
+  brightWhite: "#f2f6f4"
+};
+function createSshTerminal(options) {
+  return new import_xterm.Terminal({
+    convertEol: true,
+    cursorBlink: options.readOnly !== true,
+    cursorInactiveStyle: "outline",
+    disableStdin: options.readOnly === true,
+    fontFamily: '"SFMono-Regular", "Cascadia Code", "Liberation Mono", monospace',
+    fontSize: options.compact === true ? 12 : 13,
+    fontWeight: "400",
+    fontWeightBold: "600",
+    letterSpacing: 0,
+    lineHeight: 1.25,
+    scrollback: options.scrollback,
+    theme: TERMINAL_THEME
+  });
+}
+function attachTerminalViewport(host, terminal, fitAddon, onSize) {
+  let animationFrame;
+  let disposed = false;
+  let previousSize = "";
+  const fit = () => {
+    if (disposed || host.clientWidth === 0 || host.clientHeight === 0) return;
+    fitAddon.fit();
+    terminal.scrollToBottom();
+    const size = `${terminal.cols}x${terminal.rows}`;
+    if (size === previousSize) return;
+    previousSize = size;
+    onSize?.(terminal.cols, terminal.rows);
+  };
+  const scheduleFit = () => {
+    if (animationFrame !== void 0) cancelAnimationFrame(animationFrame);
+    animationFrame = requestAnimationFrame(() => {
+      animationFrame = void 0;
+      fit();
+    });
+  };
+  const resizeObserver = new ResizeObserver(scheduleFit);
+  resizeObserver.observe(host);
+  void document.fonts?.ready.then(scheduleFit).catch(() => {
+  });
+  scheduleFit();
+  return {
+    fit,
+    dispose() {
+      disposed = true;
+      if (animationFrame !== void 0) cancelAnimationFrame(animationFrame);
+      resizeObserver.disconnect();
+    }
+  };
+}
+
 // src/client.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var PLUGIN_ID = "@lemoncat7/dsh-ssh";
@@ -7042,11 +7117,14 @@ function SshActivityPanel(props) {
   }, [refresh, view]);
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("section", { className: "dsh-ssh-activity-panel", "data-xiaohei-surface": "plugin-workspace", "aria-label": "SSH \u6D3B\u52A8", children: [
     /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("header", { className: "dsh-ssh-activity-header", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("strong", { children: "SSH \u6D3B\u52A8" }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("small", { children: [
-          "\u5F53\u524D\u4F1A\u8BDD \xB7 ",
-          shortId(sessionId)
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "dsh-ssh-activity-title", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "dsh-ssh-activity-mark", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ServerGlyph, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("strong", { children: "SSH \u6D3B\u52A8" }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("small", { children: [
+            "\u5F53\u524D\u4F1A\u8BDD \xB7 ",
+            shortId(sessionId)
+          ] })
         ] })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", className: "dsh-ssh-icon-button", "aria-label": "\u5173\u95ED SSH \u6D3B\u52A8", onClick: () => props.controller.close(sessionId), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_dsh_client_ui_primitives2.IconCloseOutline16, { size: 16 }) })
@@ -7095,10 +7173,13 @@ function TerminalActivity({ sessionId, terminals }) {
     /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { children: "AI \u6253\u5F00\u4EA4\u4E92\u7EC8\u7AEF\u540E\uFF0C\u4F1A\u76F4\u63A5\u663E\u793A\u5728\u8FD9\u91CC\u3002" })
   ] });
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "dsh-ssh-terminal-workbench", children: [
-    terminals.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("nav", { className: "dsh-ssh-terminal-switcher", "aria-label": "SSH \u7EC8\u7AEF", children: terminals.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("button", { type: "button", className: item.terminalId === terminal.terminalId ? "is-active" : "", "aria-pressed": item.terminalId === terminal.terminalId, onClick: () => setSelectedId(item.terminalId), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: `dsh-ssh-terminal-state-dot is-${item.status.kind}` }),
-      item.name || `\u7EC8\u7AEF ${index + 1}`
-    ] }, item.terminalId)) }),
+    terminals.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("nav", { className: "dsh-ssh-terminal-switcher dsh-ssh-scroll-surface", "aria-label": "SSH \u7EC8\u7AEF", children: terminals.map((item, index) => {
+      const label = item.name || `\u7EC8\u7AEF ${index + 1}`;
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("button", { type: "button", title: label, className: item.terminalId === terminal.terminalId ? "is-active" : "", "aria-pressed": item.terminalId === terminal.terminalId, onClick: () => setSelectedId(item.terminalId), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: `dsh-ssh-terminal-state-dot is-${item.status.kind}` }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "dsh-ssh-terminal-switcher-label", children: label })
+      ] }, item.terminalId);
+    }) }),
     /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "dsh-ssh-terminal-observer", children: [
       /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "dsh-ssh-terminal-observer-heading", children: [
         /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { children: [
@@ -7118,21 +7199,10 @@ function InteractiveTerminal({ sessionId, terminal: activity, onError }) {
   (0, import_react4.useEffect)(() => {
     const host = hostRef.current;
     if (host === null) return;
-    const terminal = new import_xterm.Terminal({
-      convertEol: true,
-      disableStdin: activity.status.kind !== "running",
-      cursorBlink: activity.status.kind === "running",
-      cursorInactiveStyle: "outline",
-      fontSize: 11,
-      lineHeight: 1.35,
-      scrollback: 4e3,
-      fontFamily: '"SFMono-Regular", "Cascadia Code", "Liberation Mono", monospace',
-      theme: { background: "#111817", foreground: "#dce5e1", cursor: "#77b6a5", selectionBackground: "#547d7855", black: "#111817", green: "#75a998", brightGreen: "#9acabb" }
-    });
+    const terminal = createSshTerminal({ compact: true, readOnly: activity.status.kind !== "running", scrollback: 4e3 });
     const fit = new import_addon_fit.FitAddon();
     terminal.loadAddon(fit);
     terminal.open(host);
-    fit.fit();
     terminalRef.current = terminal;
     terminal.focus();
     const transport = new TerminalTransport({
@@ -7140,8 +7210,6 @@ function InteractiveTerminal({ sessionId, terminal: activity, onError }) {
       read: (cursor) => readActivityTerminalOutput(sessionId, activity.terminalId, cursor),
       send: (text, sequence) => sendActivityTerminalInput(sessionId, activity.terminalId, text, sequence)
     });
-    let resizeTimer;
-    let lastSize = "";
     const input = terminal.onData((data) => transport.sendInput(data, (reason) => onError(message(reason))));
     const stopOutput = transport.observe({
       output: (value) => {
@@ -7152,24 +7220,14 @@ function InteractiveTerminal({ sessionId, terminal: activity, onError }) {
       },
       error: (reason) => onError(message(reason))
     });
-    const syncSize = () => {
-      fit.fit();
-      const size = `${terminal.cols}x${terminal.rows}`;
-      if (size === lastSize) return;
-      lastSize = size;
-      void resizeActivityTerminal(sessionId, activity.terminalId, terminal.cols, terminal.rows).catch((reason) => onError(message(reason)));
-    };
-    const resize = new ResizeObserver(() => {
-      if (resizeTimer !== void 0) clearTimeout(resizeTimer);
-      resizeTimer = window.setTimeout(syncSize, 80);
+    const viewport = attachTerminalViewport(host, terminal, fit, (cols, rows) => {
+      void resizeActivityTerminal(sessionId, activity.terminalId, cols, rows).catch((reason) => onError(message(reason)));
     });
-    resize.observe(host);
     return () => {
-      if (resizeTimer !== void 0) clearTimeout(resizeTimer);
       stopOutput();
       transport.dispose();
       input.dispose();
-      resize.disconnect();
+      viewport.dispose();
       terminal.dispose();
       terminalRef.current = void 0;
     };
@@ -7178,7 +7236,7 @@ function InteractiveTerminal({ sessionId, terminal: activity, onError }) {
     const terminal = terminalRef.current;
     if (terminal !== void 0) terminal.options.disableStdin = activity.status.kind !== "running";
   }, [activity.status.kind]);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { ref: hostRef, className: "dsh-ssh-terminal-screen", "aria-label": "\u4EA4\u4E92\u5F0F SSH \u7EC8\u7AEF" });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "dsh-ssh-terminal-screen", "aria-label": "\u4EA4\u4E92\u5F0F SSH \u7EC8\u7AEF", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { ref: hostRef, className: "dsh-ssh-terminal-viewport" }) });
 }
 function RemoteSidebar(props) {
   const ref = (0, import_react4.useRef)(null);
@@ -7345,7 +7403,7 @@ function RemoteWorkspace(props) {
         inspectorLabel: "\u4F1A\u8BDD\u6388\u6743",
         inspectorIcon: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_dsh_client_ui_primitives2.IconUserOutline16, { size: 15 }),
         inspector: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(InjectionInspector, { sessionId: sessionId === void 0 ? void 0 : String(sessionId), profiles, selected }),
-        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("section", { className: "dsh-ssh-main-panel", children: view === "vault" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(VaultPane, { entries: vaultEntries, onChanged: () => setRefreshKey((value) => value + 1) }) : view === "proxies" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ProxyPane, { entries: proxyEntries, onChanged: () => setRefreshKey((value) => value + 1) }) : selected === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(EmptyState, { onNew: () => setEditing("new") }) : view === "terminal" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TerminalPane, { profile: selected, onEdit: () => setEditing(selected) }) : view === "sftp" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ProfileSftpPane, { profile: selected }, selected.id) : view === "forwards" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ForwardPane, { profiles, selected }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(SettingsPane, {}) })
+        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("section", { className: "dsh-ssh-main-panel dsh-ssh-scroll-surface", children: view === "vault" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(VaultPane, { entries: vaultEntries, onChanged: () => setRefreshKey((value) => value + 1) }) : view === "proxies" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ProxyPane, { entries: proxyEntries, onChanged: () => setRefreshKey((value) => value + 1) }) : selected === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(EmptyState, { onNew: () => setEditing("new") }) : view === "terminal" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TerminalPane, { profile: selected, onEdit: () => setEditing(selected) }) : view === "sftp" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ProfileSftpPane, { profile: selected }, selected.id) : view === "forwards" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ForwardPane, { profiles, selected }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(SettingsPane, {}) })
       }
     ),
     editing !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ProfileEditor, { profile: editing === "new" ? void 0 : editing, profiles, vaultEntries, proxyEntries, onClose: () => setEditing(void 0), onSaved: () => {
@@ -7394,7 +7452,7 @@ function ProfileList({ profiles, selectedId, onSelect, onNew }) {
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "sr-only", children: "\u641C\u7D22\u8FDE\u63A5" }),
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("input", { value: query, onChange: (event) => setQuery(event.target.value), placeholder: "\u641C\u7D22\u4E3B\u673A\u3001\u5206\u7EC4\u3001\u6807\u7B7E\u2026" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "dsh-ssh-profile-list", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "dsh-ssh-profile-list dsh-ssh-scroll-surface", children: [
       groups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ProfileGroup, { group, open: normalizedQuery !== "" || !collapsedGroups.has(group.name), selectedId, onToggle: () => toggleGroup(group.name), onSelect }, group.name)),
       groups.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "dsh-ssh-profile-empty", children: profiles.length === 0 ? "\u8FD8\u6CA1\u6709 SSH \u4E3B\u673A" : "\u6CA1\u6709\u5339\u914D\u7684\u4E3B\u673A" })
     ] })
@@ -7444,30 +7502,19 @@ function TerminalPane({ profile, onEdit }) {
   (0, import_react4.useEffect)(() => {
     const host = hostRef.current;
     if (host === null) return;
-    const terminal = new import_xterm.Terminal({
-      convertEol: true,
-      cursorBlink: true,
-      fontSize: 13,
-      lineHeight: 1.35,
-      scrollback: 5e3,
-      fontFamily: '"SFMono-Regular", "Cascadia Code", "Liberation Mono", monospace',
-      theme: { background: "#111817", foreground: "#dce5e1", cursor: "#77b6a5", selectionBackground: "#547d7855", black: "#111817", green: "#75a998", brightGreen: "#9acabb" }
-    });
+    const terminal = createSshTerminal({ scrollback: 5e3 });
     const fit = new import_addon_fit.FitAddon();
     terminal.loadAddon(fit);
     terminal.open(host);
-    fit.fit();
     terminalRef.current = terminal;
     fitRef.current = fit;
-    const resize = new ResizeObserver(() => {
-      fit.fit();
+    const viewport = attachTerminalViewport(host, terminal, fit, (cols, rows) => {
       const id = terminalIdRef.current;
-      if (id !== void 0) void api(`/terminals/${id}/resize`, { method: "POST", body: JSON.stringify({ cols: terminal.cols, rows: terminal.rows }) }).catch(() => {
+      if (id !== void 0) void api(`/terminals/${id}/resize`, { method: "POST", body: JSON.stringify({ cols, rows }) }).catch(() => {
       });
     });
-    resize.observe(host);
     return () => {
-      resize.disconnect();
+      viewport.dispose();
       terminal.dispose();
       terminalRef.current = void 0;
       fitRef.current = void 0;
@@ -7574,7 +7621,7 @@ function TerminalPane({ profile, onEdit }) {
     ] }),
     error && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "dsh-ssh-inline-error", role: "alert", children: error }),
     /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "dsh-ssh-terminal-frame", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { ref: hostRef, className: "dsh-ssh-xterm" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "dsh-ssh-xterm", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { ref: hostRef, className: "dsh-ssh-terminal-viewport" }) }),
       /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "dsh-ssh-terminal-status", children: [
         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: phase === "connected" ? "\u5DF2\u8FDE\u63A5" : phase === "connecting" ? "\u6B63\u5728\u5EFA\u7ACB\u5B89\u5168\u8FDE\u63A5" : "\u7EC8\u7AEF\u672A\u8FDE\u63A5" }),
         /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { children: [
@@ -7645,7 +7692,7 @@ function InjectionInspector({ sessionId, profiles, selected }) {
     const profileIds = current.profileIds.includes(profileId) ? current.profileIds.filter((id) => id !== profileId) : [...current.profileIds, profileId];
     update({ profileIds });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("aside", { className: "dsh-ssh-inspector", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("aside", { className: "dsh-ssh-inspector dsh-ssh-scroll-surface", children: [
     /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "dsh-ssh-panel-heading", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { children: [
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("strong", { children: "\u4F1A\u8BDD\u6CE8\u5165" }),
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("small", { children: sessionId === void 0 ? "\u5F53\u524D\u6CA1\u6709\u4F1A\u8BDD" : "\u4EC5\u5BF9\u5F53\u524D\u5BF9\u8BDD\u751F\u6548" })
@@ -8293,7 +8340,7 @@ function ForwardEditor({ profile, value, onClose, onSaved }) {
 function Dialog({ title, subtitle, onClose, children }) {
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "dsh-ssh-dialog-layer", role: "presentation", onMouseDown: (event) => {
     if (event.target === event.currentTarget) onClose();
-  }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("section", { className: "dsh-ssh-dialog", role: "dialog", "aria-modal": "true", "aria-labelledby": "dsh-ssh-dialog-title", children: [
+  }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("section", { className: "dsh-ssh-dialog dsh-ssh-scroll-surface", role: "dialog", "aria-modal": "true", "aria-labelledby": "dsh-ssh-dialog-title", children: [
     /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("header", { children: [
       /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { children: [
         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h2", { id: "dsh-ssh-dialog-title", children: title }),