@lemoncat7/dsh-ssh 1.0.8 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +8 -0
- package/lib/client.d.ts.map +1 -1
- package/lib/client.js +138 -94
- package/lib/client.js.map +4 -4
- package/lib/sftp-client.js +2 -2
- package/lib/sftp-client.js.map +1 -1
- package/lib/terminal-view.d.ts +13 -0
- package/lib/terminal-view.d.ts.map +1 -0
- package/lib/terminal-view.js +78 -0
- package/lib/terminal-view.js.map +1 -0
- package/package.json +1 -1
package/lib/client.js
CHANGED
|
@@ -31,6 +31,42 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
|
|
|
31
31
|
));
|
|
32
32
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
33
33
|
|
|
34
|
+
// node_modules/@xterm/addon-fit/lib/addon-fit.js
|
|
35
|
+
var require_addon_fit = __commonJS({
|
|
36
|
+
"node_modules/@xterm/addon-fit/lib/addon-fit.js"(exports, module2) {
|
|
37
|
+
!(function(e, t) {
|
|
38
|
+
"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();
|
|
39
|
+
})(self, (() => (() => {
|
|
40
|
+
"use strict";
|
|
41
|
+
var e = {};
|
|
42
|
+
return (() => {
|
|
43
|
+
var t = e;
|
|
44
|
+
Object.defineProperty(t, "__esModule", { value: true }), t.FitAddon = void 0, t.FitAddon = class {
|
|
45
|
+
activate(e2) {
|
|
46
|
+
this._terminal = e2;
|
|
47
|
+
}
|
|
48
|
+
dispose() {
|
|
49
|
+
}
|
|
50
|
+
fit() {
|
|
51
|
+
const e2 = this.proposeDimensions();
|
|
52
|
+
if (!e2 || !this._terminal || isNaN(e2.cols) || isNaN(e2.rows)) return;
|
|
53
|
+
const t2 = this._terminal._core;
|
|
54
|
+
this._terminal.rows === e2.rows && this._terminal.cols === e2.cols || (t2._renderService.clear(), this._terminal.resize(e2.cols, e2.rows));
|
|
55
|
+
}
|
|
56
|
+
proposeDimensions() {
|
|
57
|
+
if (!this._terminal) return;
|
|
58
|
+
if (!this._terminal.element || !this._terminal.element.parentElement) return;
|
|
59
|
+
const e2 = this._terminal._core, t2 = e2._renderService.dimensions;
|
|
60
|
+
if (0 === t2.css.cell.width || 0 === t2.css.cell.height) return;
|
|
61
|
+
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;
|
|
62
|
+
return { cols: Math.max(2, Math.floor(a / t2.css.cell.width)), rows: Math.max(1, Math.floor(l / t2.css.cell.height)) };
|
|
63
|
+
}
|
|
64
|
+
};
|
|
65
|
+
})(), e;
|
|
66
|
+
})()));
|
|
67
|
+
}
|
|
68
|
+
});
|
|
69
|
+
|
|
34
70
|
// node_modules/@xterm/xterm/lib/xterm.js
|
|
35
71
|
var require_xterm = __commonJS({
|
|
36
72
|
"node_modules/@xterm/xterm/lib/xterm.js"(exports, module2) {
|
|
@@ -6090,42 +6126,6 @@ WARNING: This link could potentially be dangerous`)) {
|
|
|
6090
6126
|
}
|
|
6091
6127
|
});
|
|
6092
6128
|
|
|
6093
|
-
// node_modules/@xterm/addon-fit/lib/addon-fit.js
|
|
6094
|
-
var require_addon_fit = __commonJS({
|
|
6095
|
-
"node_modules/@xterm/addon-fit/lib/addon-fit.js"(exports, module2) {
|
|
6096
|
-
!(function(e, t) {
|
|
6097
|
-
"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();
|
|
6098
|
-
})(self, (() => (() => {
|
|
6099
|
-
"use strict";
|
|
6100
|
-
var e = {};
|
|
6101
|
-
return (() => {
|
|
6102
|
-
var t = e;
|
|
6103
|
-
Object.defineProperty(t, "__esModule", { value: true }), t.FitAddon = void 0, t.FitAddon = class {
|
|
6104
|
-
activate(e2) {
|
|
6105
|
-
this._terminal = e2;
|
|
6106
|
-
}
|
|
6107
|
-
dispose() {
|
|
6108
|
-
}
|
|
6109
|
-
fit() {
|
|
6110
|
-
const e2 = this.proposeDimensions();
|
|
6111
|
-
if (!e2 || !this._terminal || isNaN(e2.cols) || isNaN(e2.rows)) return;
|
|
6112
|
-
const t2 = this._terminal._core;
|
|
6113
|
-
this._terminal.rows === e2.rows && this._terminal.cols === e2.cols || (t2._renderService.clear(), this._terminal.resize(e2.cols, e2.rows));
|
|
6114
|
-
}
|
|
6115
|
-
proposeDimensions() {
|
|
6116
|
-
if (!this._terminal) return;
|
|
6117
|
-
if (!this._terminal.element || !this._terminal.element.parentElement) return;
|
|
6118
|
-
const e2 = this._terminal._core, t2 = e2._renderService.dimensions;
|
|
6119
|
-
if (0 === t2.css.cell.width || 0 === t2.css.cell.height) return;
|
|
6120
|
-
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;
|
|
6121
|
-
return { cols: Math.max(2, Math.floor(a / t2.css.cell.width)), rows: Math.max(1, Math.floor(l / t2.css.cell.height)) };
|
|
6122
|
-
}
|
|
6123
|
-
};
|
|
6124
|
-
})(), e;
|
|
6125
|
-
})()));
|
|
6126
|
-
}
|
|
6127
|
-
});
|
|
6128
|
-
|
|
6129
6129
|
// src/client.tsx
|
|
6130
6130
|
var client_exports = {};
|
|
6131
6131
|
__export(client_exports, {
|
|
@@ -6180,7 +6180,6 @@ var styles_default = '.dpu-adaptive-workspace {\n container: dpu-workspace/inli
|
|
|
6180
6180
|
|
|
6181
6181
|
// src/client.tsx
|
|
6182
6182
|
var import_dsh_client_ui_primitives2 = require("@deepseek-ai/dsh-client-ui-primitives");
|
|
6183
|
-
var import_xterm = __toESM(require_xterm(), 1);
|
|
6184
6183
|
var import_addon_fit = __toESM(require_addon_fit(), 1);
|
|
6185
6184
|
|
|
6186
6185
|
// node_modules/@xterm/xterm/css/xterm.css
|
|
@@ -6405,7 +6404,7 @@ var xterm_default = `/**
|
|
|
6405
6404
|
`;
|
|
6406
6405
|
|
|
6407
6406
|
// src/client.css
|
|
6408
|
-
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;\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 max-width: 100%;\n overflow-x: auto;\n overflow-y: hidden;\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 flex: 0 0 min(120px, 42%);\n overflow: hidden;\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}\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';
|
|
6407
|
+
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';
|
|
6409
6408
|
|
|
6410
6409
|
// src/client-api.ts
|
|
6411
6410
|
var SSH_API = "/ssh-local/v1";
|
|
@@ -6694,7 +6693,7 @@ function SftpExplorer({ initialPath, header, workspace = false, loadDirectory, l
|
|
|
6694
6693
|
] })
|
|
6695
6694
|
] }),
|
|
6696
6695
|
error && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "dsh-ssh-directory-error", role: "alert", children: error }),
|
|
6697
|
-
/* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "dsh-ssh-sftp-table", "aria-busy": loading, children: [
|
|
6696
|
+
/* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "dsh-ssh-sftp-table dsh-ssh-scroll-surface", "aria-busy": loading, children: [
|
|
6698
6697
|
/* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "dsh-ssh-sftp-columns", children: [
|
|
6699
6698
|
/* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: "\u540D\u79F0" }),
|
|
6700
6699
|
/* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: "\u5927\u5C0F" }),
|
|
@@ -6741,7 +6740,7 @@ function SftpFilePreview({ entry, loadPreview, fileUrl, onBack }) {
|
|
|
6741
6740
|
] }),
|
|
6742
6741
|
/* @__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 }) })
|
|
6743
6742
|
] }),
|
|
6744
|
-
/* @__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: [
|
|
6743
|
+
/* @__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: [
|
|
6745
6744
|
/* @__PURE__ */ (0, import_jsx_runtime2.jsx)("pre", { children: preview.text || "" }),
|
|
6746
6745
|
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" })
|
|
6747
6746
|
] }) : 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) {
|
|
|
6892
6891
|
return !Number.isFinite(status) || status >= 500;
|
|
6893
6892
|
}
|
|
6894
6893
|
|
|
6894
|
+
// src/terminal-view.ts
|
|
6895
|
+
var import_xterm = __toESM(require_xterm(), 1);
|
|
6896
|
+
var TERMINAL_THEME = {
|
|
6897
|
+
background: "#0c1212",
|
|
6898
|
+
foreground: "#d8e1de",
|
|
6899
|
+
cursor: "#82b9aa",
|
|
6900
|
+
cursorAccent: "#0c1212",
|
|
6901
|
+
selectionBackground: "#5f8f8366",
|
|
6902
|
+
black: "#0c1212",
|
|
6903
|
+
red: "#d18b84",
|
|
6904
|
+
green: "#82b39f",
|
|
6905
|
+
yellow: "#c4a66e",
|
|
6906
|
+
blue: "#82a9ba",
|
|
6907
|
+
magenta: "#aa96b2",
|
|
6908
|
+
cyan: "#7eb8b0",
|
|
6909
|
+
white: "#d8e1de",
|
|
6910
|
+
brightBlack: "#71817c",
|
|
6911
|
+
brightRed: "#e4a29b",
|
|
6912
|
+
brightGreen: "#a1cbb9",
|
|
6913
|
+
brightYellow: "#d8bd88",
|
|
6914
|
+
brightBlue: "#a1c4d2",
|
|
6915
|
+
brightMagenta: "#c1afc7",
|
|
6916
|
+
brightCyan: "#9bd0c8",
|
|
6917
|
+
brightWhite: "#f2f6f4"
|
|
6918
|
+
};
|
|
6919
|
+
function createSshTerminal(options) {
|
|
6920
|
+
return new import_xterm.Terminal({
|
|
6921
|
+
convertEol: true,
|
|
6922
|
+
cursorBlink: options.readOnly !== true,
|
|
6923
|
+
cursorInactiveStyle: "outline",
|
|
6924
|
+
disableStdin: options.readOnly === true,
|
|
6925
|
+
fontFamily: '"SFMono-Regular", "Cascadia Code", "Liberation Mono", monospace',
|
|
6926
|
+
fontSize: options.compact === true ? 12 : 13,
|
|
6927
|
+
fontWeight: "400",
|
|
6928
|
+
fontWeightBold: "600",
|
|
6929
|
+
letterSpacing: 0,
|
|
6930
|
+
lineHeight: 1.25,
|
|
6931
|
+
scrollback: options.scrollback,
|
|
6932
|
+
theme: TERMINAL_THEME
|
|
6933
|
+
});
|
|
6934
|
+
}
|
|
6935
|
+
function attachTerminalViewport(host, terminal, fitAddon, onSize) {
|
|
6936
|
+
let animationFrame;
|
|
6937
|
+
let disposed = false;
|
|
6938
|
+
let previousSize = "";
|
|
6939
|
+
const fit = () => {
|
|
6940
|
+
if (disposed || host.clientWidth === 0 || host.clientHeight === 0) return;
|
|
6941
|
+
fitAddon.fit();
|
|
6942
|
+
terminal.scrollToBottom();
|
|
6943
|
+
const size = `${terminal.cols}x${terminal.rows}`;
|
|
6944
|
+
if (size === previousSize) return;
|
|
6945
|
+
previousSize = size;
|
|
6946
|
+
onSize?.(terminal.cols, terminal.rows);
|
|
6947
|
+
};
|
|
6948
|
+
const scheduleFit = () => {
|
|
6949
|
+
if (animationFrame !== void 0) cancelAnimationFrame(animationFrame);
|
|
6950
|
+
animationFrame = requestAnimationFrame(() => {
|
|
6951
|
+
animationFrame = void 0;
|
|
6952
|
+
fit();
|
|
6953
|
+
});
|
|
6954
|
+
};
|
|
6955
|
+
const resizeObserver = new ResizeObserver(scheduleFit);
|
|
6956
|
+
resizeObserver.observe(host);
|
|
6957
|
+
void document.fonts?.ready.then(scheduleFit).catch(() => {
|
|
6958
|
+
});
|
|
6959
|
+
scheduleFit();
|
|
6960
|
+
return {
|
|
6961
|
+
fit,
|
|
6962
|
+
dispose() {
|
|
6963
|
+
disposed = true;
|
|
6964
|
+
if (animationFrame !== void 0) cancelAnimationFrame(animationFrame);
|
|
6965
|
+
resizeObserver.disconnect();
|
|
6966
|
+
}
|
|
6967
|
+
};
|
|
6968
|
+
}
|
|
6969
|
+
|
|
6895
6970
|
// src/client.tsx
|
|
6896
6971
|
var import_jsx_runtime3 = require("react/jsx-runtime");
|
|
6897
6972
|
var PLUGIN_ID = "@lemoncat7/dsh-ssh";
|
|
@@ -7042,11 +7117,14 @@ function SshActivityPanel(props) {
|
|
|
7042
7117
|
}, [refresh, view]);
|
|
7043
7118
|
return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("section", { className: "dsh-ssh-activity-panel", "data-xiaohei-surface": "plugin-workspace", "aria-label": "SSH \u6D3B\u52A8", children: [
|
|
7044
7119
|
/* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("header", { className: "dsh-ssh-activity-header", children: [
|
|
7045
|
-
/* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("
|
|
7046
|
-
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("
|
|
7047
|
-
/* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("
|
|
7048
|
-
"\
|
|
7049
|
-
|
|
7120
|
+
/* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "dsh-ssh-activity-title", children: [
|
|
7121
|
+
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "dsh-ssh-activity-mark", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ServerGlyph, {}) }),
|
|
7122
|
+
/* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { children: [
|
|
7123
|
+
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("strong", { children: "SSH \u6D3B\u52A8" }),
|
|
7124
|
+
/* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("small", { children: [
|
|
7125
|
+
"\u5F53\u524D\u4F1A\u8BDD \xB7 ",
|
|
7126
|
+
shortId(sessionId)
|
|
7127
|
+
] })
|
|
7050
7128
|
] })
|
|
7051
7129
|
] }),
|
|
7052
7130
|
/* @__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,7 +7173,7 @@ function TerminalActivity({ sessionId, terminals }) {
|
|
|
7095
7173
|
/* @__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" })
|
|
7096
7174
|
] });
|
|
7097
7175
|
return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "dsh-ssh-terminal-workbench", children: [
|
|
7098
|
-
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) => {
|
|
7176
|
+
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) => {
|
|
7099
7177
|
const label = item.name || `\u7EC8\u7AEF ${index + 1}`;
|
|
7100
7178
|
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: [
|
|
7101
7179
|
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: `dsh-ssh-terminal-state-dot is-${item.status.kind}` }),
|
|
@@ -7121,21 +7199,10 @@ function InteractiveTerminal({ sessionId, terminal: activity, onError }) {
|
|
|
7121
7199
|
(0, import_react4.useEffect)(() => {
|
|
7122
7200
|
const host = hostRef.current;
|
|
7123
7201
|
if (host === null) return;
|
|
7124
|
-
const terminal =
|
|
7125
|
-
convertEol: true,
|
|
7126
|
-
disableStdin: activity.status.kind !== "running",
|
|
7127
|
-
cursorBlink: activity.status.kind === "running",
|
|
7128
|
-
cursorInactiveStyle: "outline",
|
|
7129
|
-
fontSize: 11,
|
|
7130
|
-
lineHeight: 1.35,
|
|
7131
|
-
scrollback: 4e3,
|
|
7132
|
-
fontFamily: '"SFMono-Regular", "Cascadia Code", "Liberation Mono", monospace',
|
|
7133
|
-
theme: { background: "#111817", foreground: "#dce5e1", cursor: "#77b6a5", selectionBackground: "#547d7855", black: "#111817", green: "#75a998", brightGreen: "#9acabb" }
|
|
7134
|
-
});
|
|
7202
|
+
const terminal = createSshTerminal({ compact: true, readOnly: activity.status.kind !== "running", scrollback: 4e3 });
|
|
7135
7203
|
const fit = new import_addon_fit.FitAddon();
|
|
7136
7204
|
terminal.loadAddon(fit);
|
|
7137
7205
|
terminal.open(host);
|
|
7138
|
-
fit.fit();
|
|
7139
7206
|
terminalRef.current = terminal;
|
|
7140
7207
|
terminal.focus();
|
|
7141
7208
|
const transport = new TerminalTransport({
|
|
@@ -7143,8 +7210,6 @@ function InteractiveTerminal({ sessionId, terminal: activity, onError }) {
|
|
|
7143
7210
|
read: (cursor) => readActivityTerminalOutput(sessionId, activity.terminalId, cursor),
|
|
7144
7211
|
send: (text, sequence) => sendActivityTerminalInput(sessionId, activity.terminalId, text, sequence)
|
|
7145
7212
|
});
|
|
7146
|
-
let resizeTimer;
|
|
7147
|
-
let lastSize = "";
|
|
7148
7213
|
const input = terminal.onData((data) => transport.sendInput(data, (reason) => onError(message(reason))));
|
|
7149
7214
|
const stopOutput = transport.observe({
|
|
7150
7215
|
output: (value) => {
|
|
@@ -7155,24 +7220,14 @@ function InteractiveTerminal({ sessionId, terminal: activity, onError }) {
|
|
|
7155
7220
|
},
|
|
7156
7221
|
error: (reason) => onError(message(reason))
|
|
7157
7222
|
});
|
|
7158
|
-
const
|
|
7159
|
-
|
|
7160
|
-
const size = `${terminal.cols}x${terminal.rows}`;
|
|
7161
|
-
if (size === lastSize) return;
|
|
7162
|
-
lastSize = size;
|
|
7163
|
-
void resizeActivityTerminal(sessionId, activity.terminalId, terminal.cols, terminal.rows).catch((reason) => onError(message(reason)));
|
|
7164
|
-
};
|
|
7165
|
-
const resize = new ResizeObserver(() => {
|
|
7166
|
-
if (resizeTimer !== void 0) clearTimeout(resizeTimer);
|
|
7167
|
-
resizeTimer = window.setTimeout(syncSize, 80);
|
|
7223
|
+
const viewport = attachTerminalViewport(host, terminal, fit, (cols, rows) => {
|
|
7224
|
+
void resizeActivityTerminal(sessionId, activity.terminalId, cols, rows).catch((reason) => onError(message(reason)));
|
|
7168
7225
|
});
|
|
7169
|
-
resize.observe(host);
|
|
7170
7226
|
return () => {
|
|
7171
|
-
if (resizeTimer !== void 0) clearTimeout(resizeTimer);
|
|
7172
7227
|
stopOutput();
|
|
7173
7228
|
transport.dispose();
|
|
7174
7229
|
input.dispose();
|
|
7175
|
-
|
|
7230
|
+
viewport.dispose();
|
|
7176
7231
|
terminal.dispose();
|
|
7177
7232
|
terminalRef.current = void 0;
|
|
7178
7233
|
};
|
|
@@ -7181,7 +7236,7 @@ function InteractiveTerminal({ sessionId, terminal: activity, onError }) {
|
|
|
7181
7236
|
const terminal = terminalRef.current;
|
|
7182
7237
|
if (terminal !== void 0) terminal.options.disableStdin = activity.status.kind !== "running";
|
|
7183
7238
|
}, [activity.status.kind]);
|
|
7184
|
-
return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", {
|
|
7239
|
+
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" }) });
|
|
7185
7240
|
}
|
|
7186
7241
|
function RemoteSidebar(props) {
|
|
7187
7242
|
const ref = (0, import_react4.useRef)(null);
|
|
@@ -7348,7 +7403,7 @@ function RemoteWorkspace(props) {
|
|
|
7348
7403
|
inspectorLabel: "\u4F1A\u8BDD\u6388\u6743",
|
|
7349
7404
|
inspectorIcon: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_dsh_client_ui_primitives2.IconUserOutline16, { size: 15 }),
|
|
7350
7405
|
inspector: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(InjectionInspector, { sessionId: sessionId === void 0 ? void 0 : String(sessionId), profiles, selected }),
|
|
7351
|
-
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, {}) })
|
|
7406
|
+
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, {}) })
|
|
7352
7407
|
}
|
|
7353
7408
|
),
|
|
7354
7409
|
editing !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ProfileEditor, { profile: editing === "new" ? void 0 : editing, profiles, vaultEntries, proxyEntries, onClose: () => setEditing(void 0), onSaved: () => {
|
|
@@ -7397,7 +7452,7 @@ function ProfileList({ profiles, selectedId, onSelect, onNew }) {
|
|
|
7397
7452
|
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "sr-only", children: "\u641C\u7D22\u8FDE\u63A5" }),
|
|
7398
7453
|
/* @__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" })
|
|
7399
7454
|
] }),
|
|
7400
|
-
/* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "dsh-ssh-profile-list", children: [
|
|
7455
|
+
/* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "dsh-ssh-profile-list dsh-ssh-scroll-surface", children: [
|
|
7401
7456
|
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)),
|
|
7402
7457
|
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" })
|
|
7403
7458
|
] })
|
|
@@ -7447,30 +7502,19 @@ function TerminalPane({ profile, onEdit }) {
|
|
|
7447
7502
|
(0, import_react4.useEffect)(() => {
|
|
7448
7503
|
const host = hostRef.current;
|
|
7449
7504
|
if (host === null) return;
|
|
7450
|
-
const terminal =
|
|
7451
|
-
convertEol: true,
|
|
7452
|
-
cursorBlink: true,
|
|
7453
|
-
fontSize: 13,
|
|
7454
|
-
lineHeight: 1.35,
|
|
7455
|
-
scrollback: 5e3,
|
|
7456
|
-
fontFamily: '"SFMono-Regular", "Cascadia Code", "Liberation Mono", monospace',
|
|
7457
|
-
theme: { background: "#111817", foreground: "#dce5e1", cursor: "#77b6a5", selectionBackground: "#547d7855", black: "#111817", green: "#75a998", brightGreen: "#9acabb" }
|
|
7458
|
-
});
|
|
7505
|
+
const terminal = createSshTerminal({ scrollback: 5e3 });
|
|
7459
7506
|
const fit = new import_addon_fit.FitAddon();
|
|
7460
7507
|
terminal.loadAddon(fit);
|
|
7461
7508
|
terminal.open(host);
|
|
7462
|
-
fit.fit();
|
|
7463
7509
|
terminalRef.current = terminal;
|
|
7464
7510
|
fitRef.current = fit;
|
|
7465
|
-
const
|
|
7466
|
-
fit.fit();
|
|
7511
|
+
const viewport = attachTerminalViewport(host, terminal, fit, (cols, rows) => {
|
|
7467
7512
|
const id = terminalIdRef.current;
|
|
7468
|
-
if (id !== void 0) void api(`/terminals/${id}/resize`, { method: "POST", body: JSON.stringify({ cols
|
|
7513
|
+
if (id !== void 0) void api(`/terminals/${id}/resize`, { method: "POST", body: JSON.stringify({ cols, rows }) }).catch(() => {
|
|
7469
7514
|
});
|
|
7470
7515
|
});
|
|
7471
|
-
resize.observe(host);
|
|
7472
7516
|
return () => {
|
|
7473
|
-
|
|
7517
|
+
viewport.dispose();
|
|
7474
7518
|
terminal.dispose();
|
|
7475
7519
|
terminalRef.current = void 0;
|
|
7476
7520
|
fitRef.current = void 0;
|
|
@@ -7577,7 +7621,7 @@ function TerminalPane({ profile, onEdit }) {
|
|
|
7577
7621
|
] }),
|
|
7578
7622
|
error && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "dsh-ssh-inline-error", role: "alert", children: error }),
|
|
7579
7623
|
/* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "dsh-ssh-terminal-frame", children: [
|
|
7580
|
-
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { ref: hostRef, className: "dsh-ssh-
|
|
7624
|
+
/* @__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" }) }),
|
|
7581
7625
|
/* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "dsh-ssh-terminal-status", children: [
|
|
7582
7626
|
/* @__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" }),
|
|
7583
7627
|
/* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { children: [
|
|
@@ -7648,7 +7692,7 @@ function InjectionInspector({ sessionId, profiles, selected }) {
|
|
|
7648
7692
|
const profileIds = current.profileIds.includes(profileId) ? current.profileIds.filter((id) => id !== profileId) : [...current.profileIds, profileId];
|
|
7649
7693
|
update({ profileIds });
|
|
7650
7694
|
};
|
|
7651
|
-
return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("aside", { className: "dsh-ssh-inspector", children: [
|
|
7695
|
+
return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("aside", { className: "dsh-ssh-inspector dsh-ssh-scroll-surface", children: [
|
|
7652
7696
|
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "dsh-ssh-panel-heading", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { children: [
|
|
7653
7697
|
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("strong", { children: "\u4F1A\u8BDD\u6CE8\u5165" }),
|
|
7654
7698
|
/* @__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" })
|
|
@@ -8296,7 +8340,7 @@ function ForwardEditor({ profile, value, onClose, onSaved }) {
|
|
|
8296
8340
|
function Dialog({ title, subtitle, onClose, children }) {
|
|
8297
8341
|
return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "dsh-ssh-dialog-layer", role: "presentation", onMouseDown: (event) => {
|
|
8298
8342
|
if (event.target === event.currentTarget) onClose();
|
|
8299
|
-
}, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("section", { className: "dsh-ssh-dialog", role: "dialog", "aria-modal": "true", "aria-labelledby": "dsh-ssh-dialog-title", children: [
|
|
8343
|
+
}, 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: [
|
|
8300
8344
|
/* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("header", { children: [
|
|
8301
8345
|
/* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { children: [
|
|
8302
8346
|
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h2", { id: "dsh-ssh-dialog-title", children: title }),
|