@lemoncat7/dsh-ssh 0.1.0-alpha.16 → 1.0.6

package/lib/client.js

@@ -6138,6 +6138,21 @@ var import_react4 = require("react");
 // node_modules/@lemoncat7/dsh-plugin-ui/lib/index.js
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
+var PLUGIN_WORKSPACE_ACTIVATE_EVENT = "@lemoncat7/dsh-plugin-ui/workspace-activate";
+function activatePluginWorkspace(pluginId) {
+  window.dispatchEvent(new CustomEvent(PLUGIN_WORKSPACE_ACTIVATE_EVENT, {
+    detail: { pluginId }
+  }));
+}
+function observePluginWorkspace(pluginId, close) {
+  const onActivate = (event) => {
+    const detail = event.detail;
+    if (detail?.pluginId !== pluginId)
+      close();
+  };
+  window.addEventListener(PLUGIN_WORKSPACE_ACTIVATE_EVENT, onActivate);
+  return () => window.removeEventListener(PLUGIN_WORKSPACE_ACTIVATE_EVENT, onActivate);
+}
 function AdaptiveWorkspace({ className, toolbar, notice, navigation, navigationLabel, navigationIcon, inspector, inspectorLabel = "\u8BE6\u60C5", inspectorIcon, children }) {
   const [panel, setPanel] = (0, import_react.useState)();
   const controls = {
@@ -6390,7 +6405,7 @@ var xterm_default = `/**
 `;
 
 // src/client.css
-var client_default = '.sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n.dsh-ssh-sidebar {\n  box-sizing: border-box;\n  flex: none;\n  margin: 0 8px 8px 2px;\n  padding: 4px 0 6px;\n  border-bottom: 1px solid\n    color-mix(in srgb, var(--dsw-alias-border-l2) 62%, transparent);\n  color: var(--dsw-alias-label-primary);\n}\n.dsh-ssh-sidebar.is-rail {\n  width: 36px;\n  margin: 0 0 8px;\n  padding: 0;\n  border: 0;\n}\n.dsh-ssh-sidebar-heading {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  height: 32px;\n  padding: 0 4px 0 5px;\n}\n.dsh-ssh-sidebar-title {\n  display: flex;\n  min-width: 0;\n  align-items: center;\n  gap: 5px;\n  height: 28px;\n  padding: 0 5px;\n  color: var(--dsw-alias-label-secondary);\n  border: 0;\n  background: transparent;\n  border-radius: 7px;\n  font: 600 12px/1 var(--ds-font-family);\n  cursor: pointer;\n}\n.dsh-ssh-sidebar-title:hover,\n.dsh-ssh-icon-button:hover {\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n.dsh-ssh-disclosure {\n  display: grid;\n  place-items: center;\n  transition: transform 0.16s ease;\n}\n.dsh-ssh-disclosure[data-open="false"] {\n  transform: rotate(-90deg);\n}\n.dsh-ssh-icon-button {\n  display: inline-grid;\n  place-items: center;\n  flex: none;\n  width: 28px;\n  height: 28px;\n  padding: 0;\n  border: 0;\n  border-radius: 8px;\n  color: var(--dsw-alias-label-secondary);\n  background: transparent;\n  cursor: pointer;\n}\n.dsh-ssh-icon-button.is-danger {\n  color: #a65d58;\n}\n.dsh-ssh-sidebar-list {\n  display: grid;\n  gap: 2px;\n  padding: 2px 1px 0;\n}\n.dsh-ssh-sidebar-row,\n.dsh-ssh-sidebar-empty,\n.dsh-ssh-sidebar-more {\n  box-sizing: border-box;\n  width: 100%;\n  border: 1px solid transparent;\n  background: transparent;\n  color: inherit;\n  cursor: pointer;\n}\n.dsh-ssh-sidebar-row {\n  display: grid;\n  grid-template-columns: 12px minmax(0, 1fr) 18px;\n  align-items: center;\n  gap: 7px;\n  min-height: 40px;\n  padding: 4px 7px;\n  border-radius: 9px;\n  text-align: left;\n}\n.dsh-ssh-sidebar-row:hover {\n  background: color-mix(\n    in srgb,\n    var(--dsw-alias-interactive-bg-hover) 70%,\n    transparent\n  );\n}\n.dsh-ssh-sidebar-row.is-active {\n  background: color-mix(\n    in srgb,\n    var(--dsw-alias-interactive-bg-hover) 92%,\n    transparent\n  );\n  border-color: color-mix(in srgb, var(--dsw-alias-border-l2) 50%, transparent);\n}\n.dsh-ssh-status-dot {\n  display: block;\n  width: 7px;\n  height: 7px;\n  margin: auto;\n  border: 1px solid\n    color-mix(in srgb, var(--dsw-alias-label-secondary) 62%, transparent);\n  border-radius: 50%;\n}\n.dsh-ssh-status-dot.is-injected {\n  border-color: #5b8f82;\n  background: #5b8f82;\n  box-shadow: 0 0 0 2px color-mix(in srgb, #5b8f82 14%, transparent);\n}\n.dsh-ssh-sidebar-copy {\n  display: grid;\n  min-width: 0;\n  gap: 2px;\n}\n.dsh-ssh-sidebar-copy strong,\n.dsh-ssh-sidebar-copy small {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-ssh-sidebar-copy strong {\n  font-size: 13px;\n  font-weight: 500;\n}\n.dsh-ssh-sidebar-copy small {\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 10px;\n}\n.dsh-ssh-injected-mark {\n  display: grid;\n  place-items: center;\n  color: #5b8f82;\n}\n.dsh-ssh-sidebar-empty,\n.dsh-ssh-sidebar-more {\n  min-height: 34px;\n  padding: 6px 10px;\n  border-radius: 8px;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 12px;\n  text-align: left;\n}\n.dsh-ssh-sidebar-empty:hover,\n.dsh-ssh-sidebar-more:hover {\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n.dsh-ssh-rail-button {\n  display: grid;\n  place-items: center;\n  width: 36px;\n  height: 36px;\n  padding: 0;\n  border: 0;\n  border-radius: 10px;\n  color: var(--dsw-alias-label-primary);\n  background: transparent;\n  cursor: pointer;\n}\n.dsh-ssh-rail-button:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n.dsh-ssh-server-glyph {\n  display: inline-grid;\n  place-items: center;\n  color: currentColor;\n}\n.dsh-ssh-workspace {\n  --ssh-accent: #547d78;\n  --ssh-accent-strong: #406e67;\n  --ssh-danger: #9c504c;\n  --ssh-warning: #927443;\n  --ssh-surface: color-mix(\n    in srgb,\n    var(--dsw-alias-bg-base, #f7f8f7) 94%,\n    transparent\n  );\n  --ssh-surface-raised: color-mix(\n    in srgb,\n    var(--dsw-alias-bg-base, #fff) 98%,\n    var(--dsw-alias-label-primary) 2%\n  );\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: color-mix(\n    in srgb,\n    var(--ssh-surface-raised) 88%,\n    transparent\n  );\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: color-mix(in srgb, var(--ssh-surface-raised) 88%, 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) 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: color-mix(in srgb, var(--ssh-surface-raised) 72%, transparent);\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) 88%, transparent);\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-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: color-mix(\n    in srgb,\n    var(--dsw-alias-bg-base, #f7f8f7) 96%,\n    transparent\n  );\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: color-mix(\n    in srgb,\n    var(--dsw-alias-bg-base, #f7f8f7) 88%,\n    transparent\n  );\n  backdrop-filter: blur(10px);\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: color-mix(\n    in srgb,\n    var(--dsw-alias-bg-base, #fff) 86%,\n    transparent\n  );\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: color-mix(\n    in srgb,\n    var(--dsw-alias-bg-base, #fff) 70%,\n    transparent\n  );\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: color-mix(\n    in srgb,\n    var(--dsw-alias-bg-base, #f7f8f7) 94%,\n    transparent\n  );\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: 10px;\n  font-weight: 500;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-ssh-sftp-row small {\n  overflow: hidden;\n  color: var(--dsw-alias-label-tertiary);\n  font:\n    8px/1.2 var(--ds-font-family-code),\n    monospace;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-ssh-sftp-state {\n  display: grid;\n  place-items: center;\n  min-height: 160px;\n  margin: 0;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 10px;\n}\n.dsh-ssh-activity-empty {\n  display: grid;\n  place-items: center;\n  align-content: center;\n  min-height: 240px;\n  padding: 24px;\n  text-align: center;\n}\n.dsh-ssh-activity-empty > svg {\n  margin-bottom: 10px;\n  color: var(--dsw-alias-label-tertiary);\n}\n.dsh-ssh-activity-empty strong {\n  font-size: 12px;\n}\n.dsh-ssh-activity-empty p {\n  max-width: 260px;\n  margin: 7px 0 0;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 10px;\n  line-height: 1.5;\n}\n.dsh-ssh-terminal-observer {\n  display: flex;\n  height: 100%;\n  min-height: 280px;\n  overflow: hidden;\n  flex-direction: column;\n  border: 1px solid color-mix(in srgb, #8ba49e 22%, #101817);\n  border-radius: 11px;\n  background: #111817;\n}\n.dsh-ssh-terminal-observer-heading {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  min-height: 42px;\n  padding: 0 10px;\n  border-bottom: 1px solid #ffffff12;\n  color: #dce5e1;\n  background: #0d1413;\n}\n.dsh-ssh-terminal-observer-heading > span:first-child {\n  display: grid;\n  min-width: 0;\n  gap: 3px;\n}\n.dsh-ssh-terminal-observer-heading strong,\n.dsh-ssh-terminal-observer-heading small {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-ssh-terminal-observer-heading strong {\n  font-size: 10px;\n}\n.dsh-ssh-terminal-observer-heading small {\n  color: #879691;\n  font:\n    8px/1 var(--ds-font-family-code),\n    monospace;\n}\n.dsh-ssh-terminal-state {\n  flex: none;\n  color: #879691;\n  font-size: 9px;\n}\n.dsh-ssh-terminal-state.is-running {\n  color: #8fc0af;\n}\n.dsh-ssh-terminal-screen {\n  box-sizing: border-box;\n  min-height: 0;\n  flex: 1;\n  padding: 9px 8px 0;\n}\n.dsh-ssh-terminal-screen .xterm {\n  height: 100%;\n}\n@media (prefers-reduced-transparency: reduce) {\n  .dsh-ssh-activity-header {\n    backdrop-filter: none;\n  }\n}\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: color-mix(\n    in srgb,\n    var(--dsw-alias-bg-base, #fff) 70%,\n    transparent\n  );\n}\n.dsh-ssh-file-preview > header {\n  display: grid;\n  grid-template-columns: 28px minmax(0, 1fr) 28px;\n  align-items: center;\n  gap: 7px;\n  min-height: 42px;\n  padding: 0 7px;\n  border-bottom: 1px solid var(--ssh-activity-border);\n}\n.dsh-ssh-file-preview > header > span {\n  display: grid;\n  min-width: 0;\n  gap: 2px;\n}\n.dsh-ssh-file-preview > header strong,\n.dsh-ssh-file-preview > header small {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-ssh-file-preview > header strong {\n  font-size: 10px;\n}\n.dsh-ssh-file-preview > header small {\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 8px;\n}\n.dsh-ssh-file-preview > header > a {\n  display: grid;\n  place-items: center;\n  width: 28px;\n  height: 28px;\n  border-radius: 8px;\n  color: var(--dsw-alias-label-secondary);\n  text-decoration: none;\n}\n.dsh-ssh-file-preview > header > a:hover {\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n.dsh-ssh-file-preview-body {\n  display: flex;\n  min-height: 0;\n  flex: 1;\n  overflow: auto;\n  flex-direction: column;\n}\n.dsh-ssh-file-preview-body > pre {\n  box-sizing: border-box;\n  min-width: 100%;\n  min-height: 100%;\n  margin: 0;\n  padding: 12px;\n  color: var(--dsw-alias-label-primary);\n  background: transparent;\n  font:\n    10px/1.55 var(--ds-font-family-code),\n    monospace;\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n}\n.dsh-ssh-file-preview-body > small {\n  padding: 8px 12px;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 9px;\n}\n.dsh-ssh-file-preview-body > img {\n  display: block;\n  max-width: 100%;\n  max-height: 100%;\n  margin: auto;\n  object-fit: contain;\n}\n.dsh-ssh-file-preview-body > iframe {\n  width: 100%;\n  height: 100%;\n  min-height: 420px;\n  border: 0;\n  background: #fff;\n}\n.dsh-ssh-file-binary {\n  display: grid;\n  place-items: center;\n  align-content: center;\n  min-height: 240px;\n  padding: 20px;\n  text-align: center;\n}\n.dsh-ssh-file-binary > svg {\n  margin-bottom: 9px;\n  color: var(--dsw-alias-label-tertiary);\n}\n.dsh-ssh-file-binary strong {\n  font-size: 11px;\n}\n.dsh-ssh-file-binary p {\n  margin: 5px 0 12px;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 9px;\n}\n.dsh-ssh-file-binary a {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  min-height: 30px;\n  padding: 0 10px;\n  border: 1px solid var(--ssh-activity-border);\n  border-radius: 8px;\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-button-elevated-fill);\n  font-size: 10px;\n  text-decoration: none;\n}\n.dsh-ssh-terminal-workbench {\n  display: flex;\n  min-height: 0;\n  flex: 1;\n  flex-direction: column;\n  gap: 7px;\n}\n.dsh-ssh-terminal-switcher {\n  display: flex;\n  flex: none;\n  gap: 3px;\n  overflow: auto;\n  padding: 1px;\n}\n.dsh-ssh-terminal-switcher button {\n  display: flex;\n  min-width: 0;\n  max-width: 150px;\n  align-items: center;\n  gap: 6px;\n  height: 28px;\n  padding: 0 8px;\n  border: 1px solid transparent;\n  border-radius: 7px;\n  color: var(--dsw-alias-label-secondary);\n  background: transparent;\n  font: 500 9px/1 var(--ds-font-family);\n  white-space: nowrap;\n  cursor: pointer;\n}\n.dsh-ssh-terminal-switcher button:hover {\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n.dsh-ssh-terminal-switcher button.is-active {\n  border-color: var(--ssh-activity-border);\n  color: var(--dsw-alias-label-primary);\n  background: color-mix(in srgb, var(--ssh-accent, #547d78) 8%, transparent);\n}\n.dsh-ssh-terminal-state-dot {\n  width: 5px;\n  height: 5px;\n  flex: none;\n  border: 1px solid #75827e;\n  border-radius: 50%;\n}\n.dsh-ssh-terminal-state-dot.is-running {\n  border-color: #6ca08d;\n  background: #6ca08d;\n}\n.dsh-ssh-terminal-workbench .dsh-ssh-terminal-observer {\n  height: auto;\n  min-height: 0;\n  flex: 1;\n}\n.dsh-ssh-terminal-input-error {\n  margin: 0;\n  padding: 6px 8px;\n  border-radius: 6px;\n  color: #d98e88;\n  background: #351c1a;\n  font-size: 9px;\n}\n\n.dsh-ssh-workspace::before {\n  position: absolute;\n  z-index: 0;\n  inset: 0;\n  pointer-events: none;\n  background:\n    radial-gradient(\n      circle at 18% 12%,\n      color-mix(in srgb, var(--ssh-accent) 7%, transparent),\n      transparent 28%\n    ),\n    linear-gradient(\n      115deg,\n      transparent 0 56%,\n      color-mix(in srgb, var(--ssh-accent) 3%, transparent) 56.1% 56.35%,\n      transparent 56.45% 100%\n    );\n  content: "";\n}\n.dsh-ssh-workspace > * {\n  position: relative;\n  z-index: 1;\n}\n.dsh-ssh-toolbar {\n  box-shadow:\n    inset 0 1px 0\n      color-mix(in srgb, var(--dsw-alias-bg-base, #fff) 70%, transparent),\n    0 8px 28px\n      color-mix(in srgb, var(--dsw-alias-label-primary) 3%, transparent);\n}\n.dsh-ssh-brand-glyph {\n  position: relative;\n  overflow: hidden;\n}\n.dsh-ssh-brand-glyph::after {\n  position: absolute;\n  width: 12px;\n  height: 1px;\n  left: 9px;\n  bottom: 5px;\n  border-radius: 1px;\n  background: color-mix(in srgb, var(--ssh-accent) 66%, transparent);\n  content: "";\n}\n.dsh-ssh-profile-row {\n  position: relative;\n  transition:\n    background 140ms ease,\n    border-color 140ms ease,\n    transform 160ms cubic-bezier(0.2, 0.8, 0.2, 1);\n}\n.dsh-ssh-profile-row::before {\n  position: absolute;\n  width: 2px;\n  left: 0;\n  top: 11px;\n  bottom: 11px;\n  border-radius: 2px;\n  background: var(--ssh-accent);\n  opacity: 0;\n  transform: scaleY(0.45);\n  transition:\n    opacity 140ms ease,\n    transform 170ms cubic-bezier(0.2, 0.8, 0.2, 1);\n  content: "";\n}\n.dsh-ssh-profile-row.is-active {\n  transform: translateX(2px);\n}\n.dsh-ssh-profile-row.is-active::before {\n  opacity: 0.8;\n  transform: scaleY(1);\n}\n.dsh-ssh-profile-row:active,\n.dsh-ssh-sftp-row:active,\n.dsh-ssh-terminal-switcher button:active {\n  transform: scale(0.985);\n}\n.dsh-ssh-activity-panel {\n  animation: dsh-ssh-panel-enter 180ms cubic-bezier(0.2, 0.8, 0.2, 1) both;\n}\n.dsh-ssh-sftp-table,\n.dsh-ssh-file-preview,\n.dsh-ssh-terminal-observer {\n  box-shadow:\n    inset 0 1px 0\n      color-mix(in srgb, var(--dsw-alias-bg-base, #fff) 8%, transparent),\n    0 10px 30px\n      color-mix(in srgb, var(--dsw-alias-label-primary) 4%, transparent);\n}\n.dsh-ssh-sftp-row {\n  transition:\n    background 120ms ease,\n    transform 120ms ease;\n}\n.dsh-ssh-file-preview-body {\n  animation: dsh-ssh-content-enter 160ms ease-out both;\n}\n.dsh-ssh-terminal-switcher button {\n  transition:\n    color 120ms ease,\n    background 120ms ease,\n    border-color 120ms ease,\n    transform 120ms ease;\n}\n.dsh-ssh-terminal-switcher button.is-active {\n  box-shadow: inset 0 1px 0\n    color-mix(in srgb, var(--dsw-alias-bg-base, #fff) 55%, transparent);\n}\n.dsh-ssh-vault-pane,\n.dsh-ssh-proxy-pane {\n  box-sizing: border-box;\n  display: flex;\n  min-height: 100%;\n  flex-direction: column;\n  padding: 0 18px 18px;\n}\n.dsh-ssh-vault-list,\n.dsh-ssh-proxy-list {\n  display: grid;\n  align-content: start;\n  gap: 5px;\n}\n.dsh-ssh-vault-row,\n.dsh-ssh-proxy-row {\n  display: grid;\n  grid-template-columns: 34px minmax(160px, 1fr) auto 70px 28px 28px;\n  align-items: center;\n  gap: 9px;\n  min-height: 56px;\n  padding: 5px 8px;\n  border: 1px solid var(--ssh-border);\n  border-radius: 10px;\n  background: color-mix(in srgb, var(--ssh-surface-raised) 82%, transparent);\n  transition:\n    background 140ms ease,\n    border-color 140ms ease,\n    transform 150ms ease;\n}\n.dsh-ssh-vault-row:hover,\n.dsh-ssh-proxy-row:hover {\n  border-color: color-mix(in srgb, var(--ssh-accent) 18%, var(--ssh-border));\n  background: color-mix(in srgb, var(--ssh-surface-raised) 94%, transparent);\n  transform: translateY(-1px);\n}\n.dsh-ssh-vault-glyph {\n  display: grid;\n  place-items: center;\n  width: 30px;\n  height: 30px;\n  border: 1px solid color-mix(in srgb, var(--ssh-accent) 18%, var(--ssh-border));\n  border-radius: 9px;\n  color: var(--ssh-accent-strong);\n  background: color-mix(in srgb, var(--ssh-accent) 7%, transparent);\n}\n.dsh-ssh-vault-row > span:nth-child(2),\n.dsh-ssh-proxy-row > span:nth-child(2) {\n  display: grid;\n  min-width: 0;\n  gap: 3px;\n}\n.dsh-ssh-vault-row strong,\n.dsh-ssh-vault-row small,\n.dsh-ssh-proxy-row strong,\n.dsh-ssh-proxy-row small {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-ssh-vault-row strong,\n.dsh-ssh-proxy-row strong {\n  font-size: 12px;\n  font-weight: 600;\n}\n.dsh-ssh-vault-row small,\n.dsh-ssh-proxy-row small {\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 10px;\n}\n.dsh-ssh-proxy-kind {\n  padding: 3px 7px;\n  border-radius: 6px;\n  color: var(--ssh-accent-strong);\n  background: color-mix(in srgb, var(--ssh-accent) 9%, transparent);\n  font: 600 9px/1 var(--ds-font-family-code), monospace;\n}\n.dsh-ssh-vault-state {\n  padding: 3px 7px;\n  border-radius: 6px;\n  color: var(--ssh-danger);\n  background: color-mix(in srgb, var(--ssh-danger) 7%, transparent);\n  font-size: 9px;\n}\n.dsh-ssh-vault-state.is-ready {\n  color: var(--ssh-accent-strong);\n  background: color-mix(in srgb, var(--ssh-accent) 9%, transparent);\n}\n.dsh-ssh-vault-empty {\n  display: grid;\n  place-items: center;\n  align-content: center;\n  min-height: 320px;\n  text-align: center;\n}\n.dsh-ssh-vault-empty > span {\n  display: grid;\n  place-items: center;\n  width: 46px;\n  height: 46px;\n  margin-bottom: 12px;\n  border: 1px solid var(--ssh-border);\n  border-radius: 14px;\n  color: var(--ssh-accent-strong);\n  background: color-mix(in srgb, var(--ssh-surface-raised) 88%, transparent);\n  box-shadow: 0 12px 30px\n    color-mix(in srgb, var(--dsw-alias-label-primary) 5%, transparent);\n}\n.dsh-ssh-vault-empty strong {\n  font-size: 13px;\n}\n.dsh-ssh-vault-empty p {\n  max-width: 360px;\n  margin: 7px 0 16px;\n  color: var(--dsw-alias-label-secondary);\n  font-size: 11px;\n  line-height: 1.55;\n}\n.dsh-ssh-credential-reference {\n  display: grid;\n  grid-template-columns: 34px minmax(0, 1fr) auto;\n  align-items: center;\n  gap: 9px;\n  min-height: 52px;\n  padding: 5px 9px;\n  border: 1px solid color-mix(in srgb, var(--ssh-accent) 18%, var(--ssh-border));\n  border-radius: 10px;\n  background: color-mix(\n    in srgb,\n    var(--ssh-accent) 6%,\n    var(--ssh-surface-raised)\n  );\n}\n.dsh-ssh-credential-reference > span:first-child {\n  display: grid;\n  place-items: center;\n  width: 30px;\n  height: 30px;\n  border-radius: 8px;\n  color: var(--ssh-accent-strong);\n  background: color-mix(in srgb, var(--ssh-accent) 9%, transparent);\n}\n.dsh-ssh-credential-reference > span:nth-child(2) {\n  display: grid;\n  gap: 3px;\n}\n.dsh-ssh-credential-reference strong {\n  font-size: 11px;\n}\n.dsh-ssh-credential-reference small {\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 9px;\n}\n.dsh-ssh-credential-reference em {\n  color: var(--ssh-accent-strong);\n  font-size: 9px;\n  font-style: normal;\n}\n.dsh-ssh-jump-chain {\n  display: grid;\n  gap: 8px;\n  margin: 0;\n  padding: 10px;\n  border: 1px solid var(--ssh-border);\n  border-radius: 10px;\n  background: color-mix(in srgb, var(--ssh-surface-raised) 72%, transparent);\n}\n.dsh-ssh-jump-chain legend {\n  padding: 0 5px;\n  color: var(--dsw-alias-label-secondary);\n  font-size: 10px;\n  font-weight: 600;\n}\n.dsh-ssh-jump-chain > p {\n  margin: 0;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 9px;\n}\n.dsh-ssh-jump-chain > div {\n  display: grid;\n  gap: 5px;\n}\n.dsh-ssh-jump-row {\n  display: grid;\n  grid-template-columns: 22px minmax(0, 1fr) 28px 28px 28px;\n  align-items: center;\n  gap: 4px;\n}\n.dsh-ssh-jump-row > em {\n  display: grid;\n  place-items: center;\n  width: 20px;\n  height: 20px;\n  border-radius: 6px;\n  color: var(--ssh-accent-strong);\n  background: color-mix(in srgb, var(--ssh-accent) 9%, transparent);\n  font:\n    600 9px/1 var(--ds-font-family-code),\n    monospace;\n  font-style: normal;\n}\n.dsh-ssh-jump-row select {\n  box-sizing: border-box;\n  min-width: 0;\n  height: 30px;\n  padding: 0 8px;\n  border: 1px solid var(--ssh-border);\n  border-radius: 8px;\n  color: var(--dsw-alias-label-primary);\n  background: var(--ssh-surface-raised);\n  font-size: 10px;\n}\n.dsh-ssh-jump-row .dsh-ssh-icon-button:disabled {\n  opacity: 0.3;\n  cursor: default;\n}\n.dsh-ssh-jump-empty {\n  padding: 7px !important;\n  border-radius: 7px;\n  background: color-mix(in srgb, var(--ssh-warning) 7%, transparent);\n}\n.dsh-ssh-jump-chain > .dsh-ssh-secondary-button {\n  justify-self: start;\n}\n@keyframes dsh-ssh-panel-enter {\n  from {\n    opacity: 0;\n    transform: translateX(6px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n@keyframes dsh-ssh-content-enter {\n  from {\n    opacity: 0;\n    transform: translateY(3px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n@keyframes dsh-ssh-group-open {\n  from {\n    opacity: 0;\n    transform: translateY(-2px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n@media (max-width: 820px) {\n  .dsh-ssh-vault-row,\n  .dsh-ssh-proxy-row {\n    grid-template-columns: 34px minmax(120px, 1fr) auto 28px;\n  }\n  .dsh-ssh-vault-row > small,\n  .dsh-ssh-vault-row > .dsh-ssh-icon-button:last-child,\n  .dsh-ssh-proxy-row > small,\n  .dsh-ssh-proxy-row > .dsh-ssh-icon-button:last-child {\n    display: none;\n  }\n}\n@media (prefers-reduced-motion: reduce) {\n  .dsh-ssh-activity-panel,\n  .dsh-ssh-file-preview-body,\n  .dsh-ssh-profile-group-children {\n    animation: none;\n  }\n  .dsh-ssh-profile-row,\n  .dsh-ssh-profile-row::before,\n  .dsh-ssh-profile-group-chevron,\n  .dsh-ssh-vault-row,\n  .dsh-ssh-proxy-row,\n  .dsh-ssh-sftp-row,\n  .dsh-ssh-terminal-switcher button {\n    transition: none;\n  }\n}\n.dsh-ssh-sidebar-panel {\n  display: flex;\n  align-items: center;\n  gap: 7px;\n  min-height: 34px;\n  padding: 0 9px;\n  border: 1px solid transparent;\n  border-radius: 8px;\n  color: var(--dsw-alias-label-secondary);\n  background: transparent;\n  font: 550 11px/1 var(--ds-font-family);\n  text-align: left;\n  cursor: pointer;\n}\n.dsh-ssh-sidebar-panel svg {\n  color: #547d78;\n}\n.dsh-ssh-sidebar-panel:hover {\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n.dsh-ssh-sidebar-panel:active {\n  transform: scale(0.985);\n}\n.dsh-ssh-icon-button.is-active,\n.dsh-ssh-rail-button.is-active {\n  color: #406e67;\n  background: color-mix(in srgb, #547d78 9%, transparent);\n}\n.dsh-ssh-icon-button:disabled,\n.dsh-ssh-rail-button:disabled {\n  opacity: 0.36;\n  cursor: default;\n}\n.dsh-ssh-icon-button:disabled:hover,\n.dsh-ssh-rail-button:disabled:hover {\n  color: var(--dsw-alias-label-secondary);\n  background: transparent;\n}\n.dsh-ssh-test-button {\n  margin-right: auto;\n}\n.dsh-ssh-test-result {\n  box-sizing: border-box;\n  margin: 0;\n  border-radius: 9px;\n  font-size: 10px;\n}\n.dsh-ssh-test-result.is-warning {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 14px;\n  padding: 9px 10px;\n  border: 1px solid color-mix(in srgb, var(--ssh-warning) 22%, transparent);\n  color: color-mix(\n    in srgb,\n    var(--ssh-warning) 82%,\n    var(--dsw-alias-label-primary)\n  );\n  background: color-mix(in srgb, var(--ssh-warning) 7%, transparent);\n}\n.dsh-ssh-test-result.is-warning > span {\n  display: grid;\n  min-width: 0;\n  gap: 4px;\n}\n.dsh-ssh-test-result.is-warning code {\n  overflow: hidden;\n  font:\n    9px/1.3 var(--ds-font-family-code),\n    monospace;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-ssh-test-result.is-success {\n  display: flex;\n  align-items: center;\n  gap: 7px;\n  padding: 8px 10px;\n  color: #477565;\n  background: color-mix(in srgb, #5c8a76 9%, transparent);\n}\n.dsh-ssh-sidebar-note {\n  box-sizing: border-box;\n  min-height: 32px;\n  margin: 0;\n  padding: 8px 9px;\n  color: var(--dsw-alias-label-tertiary);\n  font: 10px/1.4 var(--ds-font-family);\n}\n.dsh-ssh-profile-sftp-pane {\n  box-sizing: border-box;\n  display: flex;\n  min-height: 100%;\n  height: 100%;\n  flex-direction: column;\n  padding: 0 18px 18px;\n}\n.dsh-ssh-profile-sftp-pane > .dsh-ssh-content-heading {\n  flex: none;\n}\n.dsh-ssh-sftp.is-workspace {\n  --ssh-activity-border: var(--ssh-border);\n  min-height: 0;\n  flex: 1;\n}\n.dsh-ssh-sftp.is-workspace .dsh-ssh-sftp-pathbar {\n  margin-bottom: 10px;\n}\n.dsh-ssh-sftp.is-workspace .dsh-ssh-sftp-columns,\n.dsh-ssh-sftp.is-workspace .dsh-ssh-sftp-row {\n  grid-template-columns: minmax(180px, 1fr) 90px 120px;\n}\n.dsh-ssh-sftp.is-workspace .dsh-ssh-sftp-columns {\n  min-height: 34px;\n  padding: 0 12px;\n  font-size: 9px;\n}\n.dsh-ssh-sftp.is-workspace .dsh-ssh-sftp-row {\n  min-height: 40px;\n  padding: 0 12px;\n  cursor: pointer;\n}\n.dsh-ssh-sftp.is-workspace .dsh-ssh-sftp-row:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n.dsh-ssh-sftp.is-workspace .dsh-ssh-sftp-row strong {\n  font-size: 11px;\n}\n.dsh-ssh-sftp.is-workspace .dsh-ssh-sftp-row small {\n  font-size: 9px;\n}\n.dsh-ssh-upload-conflict {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  margin-bottom: 9px;\n  padding: 8px 10px;\n  border: 1px solid\n    color-mix(in srgb, var(--ssh-warning, #927443) 20%, transparent);\n  border-radius: 8px;\n  color: var(--dsw-alias-label-secondary);\n  background: color-mix(in srgb, var(--ssh-warning, #927443) 7%, transparent);\n}\n.dsh-ssh-upload-conflict > span {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.dsh-ssh-upload-conflict > span:first-child {\n  min-width: 0;\n}\n.dsh-ssh-upload-conflict strong {\n  font-size: 10px;\n}\n.dsh-ssh-upload-conflict small {\n  overflow: hidden;\n  max-width: 240px;\n  color: var(--dsw-alias-label-tertiary);\n  font:\n    9px/1 var(--ds-font-family-code),\n    monospace;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-ssh-upload-conflict button {\n  min-height: 26px;\n  padding: 0 9px;\n  border: 1px solid var(--ssh-border);\n  border-radius: 7px;\n  color: var(--dsw-alias-label-secondary);\n  background: var(--ssh-surface-raised);\n  font-size: 9px;\n  cursor: pointer;\n}\n.dsh-ssh-upload-conflict button.is-primary {\n  border-color: color-mix(in srgb, var(--ssh-accent-strong) 56%, transparent);\n  color: #f6fbf9;\n  background: var(--ssh-accent-strong);\n}\n';
+var client_default = '.sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n.dsh-ssh-sidebar {\n  box-sizing: border-box;\n  flex: none;\n  margin: 0 8px 8px 2px;\n  padding: 4px 0 6px;\n  border-bottom: 1px solid\n    color-mix(in srgb, var(--dsw-alias-border-l2) 62%, transparent);\n  color: var(--dsw-alias-label-primary);\n}\n.dsh-ssh-sidebar.is-rail {\n  width: 36px;\n  margin: 0 0 8px;\n  padding: 0;\n  border: 0;\n}\n.dsh-ssh-sidebar-heading {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  height: 32px;\n  padding: 0 4px 0 5px;\n}\n.dsh-ssh-sidebar-title {\n  display: flex;\n  min-width: 0;\n  align-items: center;\n  gap: 5px;\n  height: 28px;\n  padding: 0 5px;\n  color: var(--dsw-alias-label-secondary);\n  border: 0;\n  background: transparent;\n  border-radius: 7px;\n  font: 600 12px/1 var(--ds-font-family);\n  cursor: pointer;\n}\n.dsh-ssh-sidebar-title:hover,\n.dsh-ssh-icon-button:hover {\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n.dsh-ssh-disclosure {\n  display: grid;\n  place-items: center;\n  transition: transform 0.16s ease;\n}\n.dsh-ssh-disclosure[data-open="false"] {\n  transform: rotate(-90deg);\n}\n.dsh-ssh-icon-button {\n  display: inline-grid;\n  place-items: center;\n  flex: none;\n  width: 28px;\n  height: 28px;\n  padding: 0;\n  border: 0;\n  border-radius: 8px;\n  color: var(--dsw-alias-label-secondary);\n  background: transparent;\n  cursor: pointer;\n}\n.dsh-ssh-icon-button.is-danger {\n  color: #a65d58;\n}\n.dsh-ssh-sidebar-list {\n  display: grid;\n  gap: 2px;\n  padding: 2px 1px 0;\n}\n.dsh-ssh-sidebar-row,\n.dsh-ssh-sidebar-empty,\n.dsh-ssh-sidebar-more {\n  box-sizing: border-box;\n  width: 100%;\n  border: 1px solid transparent;\n  background: transparent;\n  color: inherit;\n  cursor: pointer;\n}\n.dsh-ssh-sidebar-row {\n  display: grid;\n  grid-template-columns: 12px minmax(0, 1fr) 18px;\n  align-items: center;\n  gap: 7px;\n  min-height: 40px;\n  padding: 4px 7px;\n  border-radius: 9px;\n  text-align: left;\n}\n.dsh-ssh-sidebar-row:hover {\n  background: color-mix(\n    in srgb,\n    var(--dsw-alias-interactive-bg-hover) 70%,\n    transparent\n  );\n}\n.dsh-ssh-sidebar-row.is-active {\n  background: color-mix(\n    in srgb,\n    var(--dsw-alias-interactive-bg-hover) 92%,\n    transparent\n  );\n  border-color: color-mix(in srgb, var(--dsw-alias-border-l2) 50%, transparent);\n}\n.dsh-ssh-status-dot {\n  display: block;\n  width: 7px;\n  height: 7px;\n  margin: auto;\n  border: 1px solid\n    color-mix(in srgb, var(--dsw-alias-label-secondary) 62%, transparent);\n  border-radius: 50%;\n}\n.dsh-ssh-status-dot.is-injected {\n  border-color: #5b8f82;\n  background: #5b8f82;\n  box-shadow: 0 0 0 2px color-mix(in srgb, #5b8f82 14%, transparent);\n}\n.dsh-ssh-sidebar-copy {\n  display: grid;\n  min-width: 0;\n  gap: 2px;\n}\n.dsh-ssh-sidebar-copy strong,\n.dsh-ssh-sidebar-copy small {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-ssh-sidebar-copy strong {\n  font-size: 13px;\n  font-weight: 500;\n}\n.dsh-ssh-sidebar-copy small {\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 10px;\n}\n.dsh-ssh-injected-mark {\n  display: grid;\n  place-items: center;\n  color: #5b8f82;\n}\n.dsh-ssh-sidebar-empty,\n.dsh-ssh-sidebar-more {\n  min-height: 34px;\n  padding: 6px 10px;\n  border-radius: 8px;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 12px;\n  text-align: left;\n}\n.dsh-ssh-sidebar-empty:hover,\n.dsh-ssh-sidebar-more:hover {\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n.dsh-ssh-rail-button {\n  display: grid;\n  place-items: center;\n  width: 36px;\n  height: 36px;\n  padding: 0;\n  border: 0;\n  border-radius: 10px;\n  color: var(--dsw-alias-label-primary);\n  background: transparent;\n  cursor: pointer;\n}\n.dsh-ssh-rail-button:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n.dsh-ssh-server-glyph {\n  display: inline-grid;\n  place-items: center;\n  color: currentColor;\n}\n.dsh-ssh-workspace,\n.dsh-ssh-activity-panel {\n  --ssh-accent: #547d78;\n  --ssh-accent-strong: #406e67;\n  --ssh-danger: #9c504c;\n  --ssh-warning: #927443;\n  --ssh-surface: var(--xiaohei-plugin-pane-fill, transparent);\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-terminal-status {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  min-height: 28px;\n  padding: 0 11px;\n  border-top: 1px solid #ffffff12;\n  color: #879691;\n  background: #0d1413;\n  font:\n    10px/1 var(--ds-font-family-code),\n    monospace;\n}\n.dsh-ssh-banner {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  padding: 8px 18px;\n  border-bottom: 1px solid transparent;\n  font-size: 11px;\n}\n.dsh-ssh-banner > span {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.dsh-ssh-banner code {\n  font-family: var(--ds-font-family-code), monospace;\n}\n.dsh-ssh-banner button:not(.dsh-ssh-small-primary) {\n  display: grid;\n  place-items: center;\n  border: 0;\n  color: inherit;\n  background: transparent;\n}\n.dsh-ssh-banner.is-error {\n  border-color: color-mix(in srgb, var(--ssh-danger) 22%, transparent);\n  color: var(--ssh-danger);\n  background: color-mix(in srgb, var(--ssh-danger) 7%, var(--ssh-surface));\n}\n.dsh-ssh-banner.is-warning {\n  border-color: color-mix(in srgb, var(--ssh-warning) 22%, transparent);\n  color: color-mix(\n    in srgb,\n    var(--ssh-warning) 85%,\n    var(--dsw-alias-label-primary)\n  );\n  background: color-mix(in srgb, var(--ssh-warning) 8%, var(--ssh-surface));\n}\n.dsh-ssh-inline-error {\n  margin: 0 0 10px;\n  padding: 7px 9px;\n  border-radius: 7px;\n  color: var(--ssh-danger);\n  background: color-mix(in srgb, var(--ssh-danger) 7%, transparent);\n  font-size: 11px;\n}\n.dsh-ssh-empty-state {\n  display: grid;\n  place-items: center;\n  align-content: center;\n  min-height: 100%;\n  padding: 40px;\n  text-align: center;\n}\n.dsh-ssh-empty-state > span {\n  display: grid;\n  place-items: center;\n  width: 48px;\n  height: 48px;\n  margin-bottom: 14px;\n  border: 1px solid var(--ssh-border);\n  border-radius: 14px;\n  color: var(--ssh-accent);\n  background: var(--ssh-surface-raised);\n}\n.dsh-ssh-empty-state h1 {\n  margin: 0;\n  font-size: 17px;\n}\n.dsh-ssh-empty-state p {\n  max-width: 420px;\n  margin: 8px 0 18px;\n  color: var(--dsw-alias-label-secondary);\n  font-size: 12px;\n  line-height: 1.6;\n}\n.dsh-ssh-inspector {\n  overflow: auto;\n}\n.dsh-ssh-session-chip {\n  display: flex;\n  align-items: center;\n  gap: 9px;\n  margin: 12px 12px 4px;\n  padding: 9px 10px;\n  border: 1px solid var(--ssh-border);\n  border-radius: 9px;\n  background: color-mix(in srgb, var(--ssh-surface-raised) 86%, transparent);\n}\n.dsh-ssh-session-chip > span:nth-child(2) {\n  display: grid;\n  gap: 2px;\n}\n.dsh-ssh-session-chip strong {\n  font-size: 11px;\n}\n.dsh-ssh-session-chip small {\n  color: var(--dsw-alias-label-tertiary);\n  font:\n    9px/1 var(--ds-font-family-code),\n    monospace;\n}\n.dsh-ssh-session-pulse {\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background: var(--ssh-accent);\n}\n.dsh-ssh-fieldset {\n  display: grid;\n  gap: 3px;\n  margin: 13px 12px 0;\n  padding: 0;\n  border: 0;\n}\n.dsh-ssh-fieldset legend {\n  margin-bottom: 5px;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 10px;\n  font-weight: 600;\n}\n.dsh-ssh-check-row,\n.dsh-ssh-radio-row {\n  display: flex;\n  align-items: center;\n  gap: 9px;\n  min-height: 38px;\n  padding: 3px 5px;\n  border-radius: 8px;\n}\n.dsh-ssh-check-row:hover,\n.dsh-ssh-radio-row:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n.dsh-ssh-check-row input,\n.dsh-ssh-radio-row input {\n  accent-color: var(--ssh-accent);\n}\n.dsh-ssh-check-row > span,\n.dsh-ssh-radio-row > span {\n  display: grid;\n  min-width: 0;\n  gap: 2px;\n}\n.dsh-ssh-check-row strong,\n.dsh-ssh-radio-row strong {\n  font-size: 11px;\n  font-weight: 550;\n}\n.dsh-ssh-check-row small,\n.dsh-ssh-radio-row small {\n  overflow: hidden;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 9px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-ssh-switch-row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 20px;\n  min-height: 48px;\n  margin: 13px 12px 0;\n  padding: 7px 9px;\n  border: 1px solid var(--ssh-border);\n  border-radius: 9px;\n}\n.dsh-ssh-switch-row > span {\n  display: grid;\n  gap: 3px;\n}\n.dsh-ssh-switch-row strong {\n  font-size: 11px;\n  font-weight: 550;\n}\n.dsh-ssh-switch-row small {\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 9px;\n  line-height: 1.35;\n}\n.dsh-ssh-switch-row input {\n  width: 28px;\n  height: 16px;\n  accent-color: var(--ssh-accent);\n}\n.dsh-ssh-inspector-hint,\n.dsh-ssh-save-state {\n  margin: 10px 12px 0;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 10px;\n}\n.dsh-ssh-inspector-empty {\n  margin: 14px;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 11px;\n  line-height: 1.55;\n}\n.dsh-ssh-forward-list {\n  display: grid;\n  align-content: start;\n  gap: 5px;\n}\n.dsh-ssh-forward-row {\n  display: grid;\n  grid-template-columns: 32px minmax(0, 1fr) auto 28px auto 28px;\n  align-items: center;\n  gap: 8px;\n  min-height: 54px;\n  padding: 6px 9px;\n  border: 1px solid var(--ssh-border);\n  border-radius: 10px;\n  background: color-mix(in srgb, var(--ssh-surface-raised) 88%, transparent);\n}\n.dsh-ssh-forward-kind {\n  display: grid;\n  place-items: center;\n  width: 28px;\n  height: 28px;\n  border: 1px solid var(--ssh-border);\n  border-radius: 8px;\n  color: var(--ssh-accent-strong);\n  font:\n    600 11px/1 var(--ds-font-family-code),\n    monospace;\n}\n.dsh-ssh-forward-copy {\n  display: grid;\n  min-width: 0;\n  gap: 4px;\n}\n.dsh-ssh-forward-copy strong {\n  font-size: 12px;\n}\n.dsh-ssh-forward-copy small {\n  overflow: hidden;\n  color: var(--dsw-alias-label-tertiary);\n  font:\n    10px/1 var(--ds-font-family-code),\n    monospace;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-ssh-state-label {\n  padding: 3px 7px;\n  border-radius: 999px;\n  color: var(--dsw-alias-label-tertiary);\n  background: color-mix(\n    in srgb,\n    var(--dsw-alias-label-primary) 5%,\n    transparent\n  );\n  font-size: 9px;\n}\n.dsh-ssh-state-label.is-running {\n  color: #497967;\n  background: color-mix(in srgb, #5d957f 10%, transparent);\n}\n.dsh-ssh-state-label.is-error {\n  color: var(--ssh-danger);\n  background: color-mix(in srgb, var(--ssh-danger) 8%, transparent);\n}\n.dsh-ssh-table-empty {\n  display: grid;\n  place-items: center;\n  min-height: 180px;\n  border: 1px dashed var(--ssh-border);\n  border-radius: 12px;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 12px;\n}\n.dsh-ssh-settings-group {\n  display: grid;\n  max-width: 680px;\n  gap: 8px;\n}\n.dsh-ssh-settings-group .dsh-ssh-switch-row {\n  margin: 0;\n}\n.dsh-ssh-number-row {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) 120px 32px;\n  align-items: center;\n  gap: 8px;\n  min-height: 60px;\n  padding: 6px 10px;\n  border: 1px solid var(--ssh-border);\n  border-radius: 10px;\n  background: color-mix(in srgb, var(--ssh-surface-raised) 80%, transparent);\n}\n.dsh-ssh-number-row > span {\n  display: grid;\n  gap: 3px;\n}\n.dsh-ssh-number-row strong {\n  font-size: 11px;\n}\n.dsh-ssh-number-row small {\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 9px;\n}\n.dsh-ssh-number-row input {\n  height: 30px;\n  padding: 0 8px;\n}\n.dsh-ssh-number-row em {\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 9px;\n  font-style: normal;\n}\n.dsh-ssh-dialog-layer {\n  position: fixed;\n  z-index: 1000;\n  inset: 0;\n  display: grid;\n  place-items: center;\n  padding: 28px;\n  background: color-mix(in srgb, #111817 28%, transparent);\n  backdrop-filter: blur(3px);\n}\n.dsh-ssh-dialog {\n  box-sizing: border-box;\n  width: min(620px, calc(100vw - 40px));\n  max-height: min(760px, calc(100vh - 40px));\n  overflow: auto;\n  border: 1px solid\n    color-mix(in srgb, var(--dsw-alias-label-primary) 15%, transparent);\n  border-radius: 14px;\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-bg-base, #f7f8f7);\n  box-shadow: 0 24px 70px #07100d2e;\n}\n.dsh-ssh-dialog > header {\n  position: sticky;\n  z-index: 1;\n  top: 0;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  min-height: 64px;\n  padding: 0 18px;\n  border-bottom: 1px solid\n    var(\n      --ssh-border,\n      color-mix(in srgb, var(--dsw-alias-label-primary) 10%, transparent)\n    );\n  background: color-mix(\n    in srgb,\n    var(--dsw-alias-bg-base, #f7f8f7) 94%,\n    transparent\n  );\n  backdrop-filter: blur(12px);\n}\n.dsh-ssh-dialog h2 {\n  margin: 0;\n  font-size: 17px;\n  font-weight: 650;\n  letter-spacing: -0.01em;\n}\n.dsh-ssh-dialog header p {\n  margin: 3px 0 0;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 11px;\n}\n.dsh-ssh-form {\n  --ssh-border: color-mix(\n    in srgb,\n    var(--dsw-alias-label-primary) 11%,\n    transparent\n  );\n  --ssh-accent: #547d78;\n  --ssh-accent-strong: #406e67;\n  --ssh-danger: #9c504c;\n  display: grid;\n  gap: 15px;\n  padding: 20px 18px 18px;\n}\n.dsh-ssh-form-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 12px;\n}\n.dsh-ssh-form-grid.is-host {\n  grid-template-columns: minmax(0, 1fr) 110px;\n}\n.dsh-ssh-field {\n  display: grid;\n  gap: 5px;\n  min-width: 0;\n  color: var(--dsw-alias-label-secondary);\n  font-size: 12px;\n  font-weight: 600;\n}\n.dsh-ssh-field input,\n.dsh-ssh-field select {\n  height: 38px;\n  padding: 0 10px;\n  font-size: 13px;\n}\n.dsh-ssh-field textarea {\n  padding: 9px 10px;\n  font-size: 13px;\n  line-height: 1.5;\n  resize: vertical;\n  font-family: var(--ds-font-family-code), monospace;\n}\n.dsh-ssh-field small {\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 11px;\n  line-height: 1.4;\n  font-weight: 400;\n}\n.dsh-ssh-form-divider {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin-top: 2px;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 11px;\n  font-weight: 600;\n}\n.dsh-ssh-form-divider:after {\n  height: 1px;\n  flex: 1;\n  background: var(--ssh-border);\n  content: "";\n}\n.dsh-ssh-dialog-actions {\n  display: flex;\n  justify-content: flex-end;\n  gap: 8px;\n  padding-top: 5px;\n}\n.dsh-ssh-dialog-actions .dsh-ssh-primary-button,\n.dsh-ssh-dialog-actions .dsh-ssh-secondary-button {\n  min-height: 34px;\n  font-size: 13px;\n}\n.dsh-ssh-form .dsh-ssh-switch-row {\n  margin: 0;\n}\n.dsh-ssh-form .dsh-ssh-inline-error {\n  margin: 0;\n}\n@container dpu-workspace (max-width: 1120px) {\n  .dsh-ssh-toolbar {\n    grid-template-columns: 1fr auto auto;\n  }\n  .dsh-ssh-brand small {\n    display: none;\n  }\n}\n@container dpu-workspace (max-width: 820px) {\n  .dsh-ssh-toolbar {\n    grid-template-columns: 1fr auto;\n    gap: 8px;\n    padding: 0 12px;\n  }\n  .dsh-ssh-segments {\n    grid-row: 2;\n    grid-column: 1/-1;\n    margin-bottom: 8px;\n    overflow-x: auto;\n    scrollbar-width: none;\n  }\n  .dsh-ssh-segments::-webkit-scrollbar {\n    display: none;\n  }\n  .dsh-ssh-segments button {\n    min-width: 72px;\n    height: 36px;\n    flex: none;\n  }\n  .dsh-ssh-toolbar {\n    padding-top: 8px;\n  }\n  .dsh-ssh-content-heading {\n    align-items: flex-start;\n    flex-direction: column;\n    padding: 14px 0;\n  }\n  .dsh-ssh-heading-actions {\n    flex-wrap: wrap;\n  }\n  .dsh-ssh-forward-row {\n    grid-template-columns: 32px minmax(0, 1fr) auto;\n  }\n  .dsh-ssh-forward-row > .dsh-ssh-icon-button,\n  .dsh-ssh-forward-row > .dsh-ssh-small-primary {\n    display: none;\n  }\n}\n@container dpu-workspace (max-width: 520px) {\n  .dsh-ssh-toolbar {\n    padding-right: max(10px, env(safe-area-inset-right));\n    padding-left: max(10px, env(safe-area-inset-left));\n  }\n  .dsh-ssh-toolbar > .dsh-ssh-primary-button {\n    width: 40px;\n    min-height: 40px;\n    padding: 0;\n  }\n  .dsh-ssh-toolbar > .dsh-ssh-primary-button span {\n    display: none;\n  }\n  .dsh-ssh-terminal-pane,\n  .dsh-ssh-forward-pane,\n  .dsh-ssh-settings-pane,\n  .dsh-ssh-vault-pane,\n  .dsh-ssh-proxy-pane,\n  .dsh-ssh-profile-sftp-pane {\n    padding-right: 10px;\n    padding-left: 10px;\n  }\n  .dsh-ssh-sftp.is-workspace .dsh-ssh-sftp-columns,\n  .dsh-ssh-sftp.is-workspace .dsh-ssh-sftp-row {\n    grid-template-columns: minmax(120px, 1fr) 64px;\n  }\n  .dsh-ssh-sftp.is-workspace .dsh-ssh-sftp-columns > :nth-child(3),\n  .dsh-ssh-sftp.is-workspace .dsh-ssh-sftp-row > :nth-child(3) {\n    display: none;\n  }\n  .dsh-ssh-sftp.is-workspace .dsh-ssh-sftp-row {\n    min-height: 44px;\n  }\n  .dsh-ssh-number-row {\n    grid-template-columns: minmax(0, 1fr) 86px 28px;\n  }\n}\n@media (max-width: 600px) {\n  .dsh-ssh-dialog-layer {\n    align-items: stretch;\n    padding: 0;\n  }\n  .dsh-ssh-dialog {\n    width: 100%;\n    max-height: 100dvh;\n    border: 0;\n    border-radius: 0;\n  }\n  .dsh-ssh-form-grid,\n  .dsh-ssh-form-grid.is-host {\n    grid-template-columns: 1fr;\n  }\n  .dsh-ssh-dialog-actions {\n    position: sticky;\n    bottom: 0;\n    flex-wrap: wrap;\n    padding: 10px 0 max(10px, env(safe-area-inset-bottom));\n    background: var(--dsw-alias-bg-base, #f7f8f7);\n  }\n}\n@media (prefers-reduced-motion: reduce) {\n  .dsh-ssh-disclosure {\n    transition: none;\n  }\n}\n@media (prefers-reduced-transparency: reduce) {\n  .dsh-ssh-dialog-layer {\n    backdrop-filter: none;\n  }\n  .dsh-ssh-dialog > header {\n    backdrop-filter: none;\n  }\n}\n\n.dsh-ssh-activity-trigger {\n  box-sizing: border-box;\n  display: inline-grid;\n  place-items: center;\n  width: 28px;\n  height: 28px;\n  padding: 0;\n  border: 1px solid transparent;\n  border-radius: 8px;\n  color: var(--dsw-alias-label-secondary);\n  background: transparent;\n  cursor: pointer;\n}\n.dsh-ssh-activity-trigger:hover {\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n.dsh-ssh-activity-trigger.is-active {\n  border-color: color-mix(in srgb, var(--ssh-accent, #547d78) 16%, transparent);\n  color: var(--ssh-accent-strong, #406e67);\n  background: color-mix(in srgb, var(--ssh-accent, #547d78) 8%, transparent);\n}\n.dsh-ssh-panel-right-icon {\n  transform: rotate(180deg);\n}\n.dsh-ssh-activity-trigger:focus-visible,\n.dsh-ssh-activity-tabs button:focus-visible,\n.dsh-ssh-sftp button:focus-visible,\n.dsh-ssh-sftp input:focus-visible,\n.dsh-ssh-sftp select:focus-visible {\n  outline: 2px solid\n    color-mix(in srgb, var(--ssh-accent, #547d78) 62%, transparent);\n  outline-offset: 2px;\n}\n.dsh-ssh-activity-panel {\n  --ssh-activity-border: color-mix(\n    in srgb,\n    var(--dsw-alias-label-primary) 10%,\n    transparent\n  );\n  box-sizing: border-box;\n  display: flex;\n  width: 100%;\n  height: 100%;\n  min-width: 0;\n  min-height: 0;\n  flex-direction: column;\n  color: var(--dsw-alias-label-primary);\n  background: var(--ssh-activity-surface);\n  font-family:\n    var(--ds-font-family),\n    -apple-system,\n    BlinkMacSystemFont,\n    "Segoe UI",\n    sans-serif;\n}\n.dsh-ssh-activity-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  min-height: 58px;\n  padding: 0 12px 0 14px;\n  border-bottom: 1px solid var(--ssh-activity-border);\n  background: var(--ssh-activity-surface-raised);\n}\n.dsh-ssh-activity-header > span {\n  display: grid;\n  min-width: 0;\n  gap: 3px;\n}\n.dsh-ssh-activity-header strong {\n  font-size: 13px;\n  font-weight: 650;\n}\n.dsh-ssh-activity-header small {\n  overflow: hidden;\n  color: var(--dsw-alias-label-tertiary);\n  font:\n    10px/1.2 var(--ds-font-family-code),\n    monospace;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-ssh-activity-tabs {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 3px;\n  margin: 10px 12px 0;\n  padding: 3px;\n  border: 1px solid var(--ssh-activity-border);\n  border-radius: 10px;\n  background: color-mix(\n    in srgb,\n    var(--dsw-alias-label-primary) 3%,\n    transparent\n  );\n}\n.dsh-ssh-activity-tabs button {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n  min-height: 30px;\n  padding: 0 9px;\n  border: 0;\n  border-radius: 7px;\n  color: var(--dsw-alias-label-secondary);\n  background: transparent;\n  font: 550 11px/1 var(--ds-font-family);\n  cursor: pointer;\n}\n.dsh-ssh-activity-tabs button:hover {\n  color: var(--dsw-alias-label-primary);\n}\n.dsh-ssh-activity-tabs button.is-active {\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-bg-base, #f7f8f7);\n  box-shadow: 0 1px 3px\n    color-mix(in srgb, var(--dsw-alias-label-primary) 9%, transparent);\n}\n.dsh-ssh-activity-tabs button:only-child {\n  grid-column: 1/-1;\n}\n.dsh-ssh-activity-body {\n  display: flex;\n  min-height: 0;\n  flex: 1;\n  overflow: hidden;\n  padding: 14px 12px 18px;\n}\n.dsh-ssh-activity-body > * {\n  width: 100%;\n}\n.dsh-ssh-activity-state {\n  margin: 20px 4px;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 11px;\n}\n.dsh-ssh-sftp {\n  display: flex;\n  min-height: 100%;\n  flex-direction: column;\n}\n.dsh-ssh-sftp-hostbar {\n  display: grid;\n  grid-template-columns: 28px minmax(0, 1fr);\n  align-items: center;\n  gap: 8px;\n  padding: 0 2px 10px;\n}\n.dsh-ssh-sftp-hostbar label {\n  display: grid;\n  min-width: 0;\n  gap: 2px;\n}\n.dsh-ssh-sftp-hostbar select {\n  min-width: 0;\n  padding: 0;\n  border: 0;\n  outline: 0;\n  color: var(--dsw-alias-label-primary);\n  background: transparent;\n  font: 600 11px/1.25 var(--ds-font-family);\n  cursor: pointer;\n}\n.dsh-ssh-sftp-hostbar small {\n  overflow: hidden;\n  color: var(--dsw-alias-label-tertiary);\n  font:\n    9px/1.2 var(--ds-font-family-code),\n    monospace;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-ssh-sftp-pathbar {\n  display: grid;\n  grid-template-columns: 30px minmax(0, 1fr) 30px;\n  gap: 5px;\n  margin-bottom: 9px;\n}\n.dsh-ssh-sftp-pathbar.has-upload {\n  grid-template-columns: 30px minmax(0, 1fr) 30px auto;\n}\n.dsh-ssh-sftp-pathbar button,\n.dsh-ssh-sftp-pathbar input {\n  box-sizing: border-box;\n  height: 30px;\n  border: 1px solid var(--ssh-activity-border);\n  border-radius: 8px;\n  color: var(--dsw-alias-label-primary);\n  background: var(--ssh-activity-surface-raised);\n}\n.dsh-ssh-sftp-pathbar button {\n  display: grid;\n  place-items: center;\n  padding: 0;\n  cursor: pointer;\n}\n.dsh-ssh-sftp-pathbar button:disabled {\n  opacity: 0.35;\n  cursor: default;\n}\n.dsh-ssh-sftp-pathbar input {\n  min-width: 0;\n  padding: 0 9px;\n  outline: 0;\n  font:\n    9px/1 var(--ds-font-family-code),\n    monospace;\n}\n.dsh-ssh-sftp-pathbar .dsh-ssh-sftp-upload-button {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  padding: 0 10px;\n  color: #f6fbf9;\n  background: var(--ssh-accent-strong, #406e67);\n  font: 550 10px/1 var(--ds-font-family);\n}\n.dsh-ssh-directory-error {\n  margin: 0 0 8px;\n  padding: 7px 8px;\n  border-radius: 7px;\n  color: var(--ssh-danger, #9c504c);\n  background: color-mix(in srgb, var(--ssh-danger, #9c504c) 7%, transparent);\n  font-size: 10px;\n  line-height: 1.4;\n}\n.dsh-ssh-sftp-table {\n  min-height: 0;\n  flex: 1;\n  overflow: auto;\n  border: 1px solid var(--ssh-activity-border);\n  border-radius: 10px;\n  background: var(--ssh-activity-surface-raised);\n}\n.dsh-ssh-sftp-columns,\n.dsh-ssh-sftp-row {\n  display: grid;\n  grid-template-columns: minmax(120px, 1fr) 58px 72px;\n  align-items: center;\n  gap: 7px;\n}\n.dsh-ssh-sftp-columns {\n  position: sticky;\n  z-index: 1;\n  top: 0;\n  min-height: 28px;\n  padding: 0 9px;\n  border-bottom: 1px solid var(--ssh-activity-border);\n  color: var(--dsw-alias-label-tertiary);\n  background: var(--ssh-activity-surface);\n  font-size: 8px;\n}\n.dsh-ssh-sftp-row {\n  box-sizing: border-box;\n  width: 100%;\n  min-height: 34px;\n  padding: 0 9px;\n  border: 0;\n  border-bottom: 1px solid\n    color-mix(in srgb, var(--ssh-activity-border) 55%, transparent);\n  color: var(--dsw-alias-label-primary);\n  background: transparent;\n  text-align: left;\n}\n.dsh-ssh-sftp-row:last-child {\n  border-bottom: 0;\n}\n.dsh-ssh-sftp-row.is-directory {\n  cursor: pointer;\n}\n.dsh-ssh-sftp-row.is-directory:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n.dsh-ssh-sftp-row:disabled {\n  opacity: 1;\n}\n.dsh-ssh-sftp-row > span {\n  display: flex;\n  min-width: 0;\n  align-items: center;\n  gap: 7px;\n}\n.dsh-ssh-sftp-row svg {\n  flex: none;\n  color: var(--dsw-alias-label-secondary);\n}\n.dsh-ssh-sftp-row.is-directory svg {\n  color: var(--ssh-accent-strong, #406e67);\n}\n.dsh-ssh-sftp-row strong {\n  overflow: hidden;\n  font-size: 11px;\n  font-weight: 500;\n  line-height: 1.3;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-ssh-sftp-row small {\n  overflow: hidden;\n  color: var(--dsw-alias-label-tertiary);\n  font:\n    8px/1.2 var(--ds-font-family-code),\n    monospace;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-ssh-sftp-state {\n  display: grid;\n  place-items: center;\n  min-height: 160px;\n  margin: 0;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 10px;\n}\n.dsh-ssh-activity-empty {\n  display: grid;\n  place-items: center;\n  align-content: center;\n  min-height: 240px;\n  padding: 24px;\n  text-align: center;\n}\n.dsh-ssh-activity-empty > svg {\n  margin-bottom: 10px;\n  color: var(--dsw-alias-label-tertiary);\n}\n.dsh-ssh-activity-empty strong {\n  font-size: 12px;\n}\n.dsh-ssh-activity-empty p {\n  max-width: 260px;\n  margin: 7px 0 0;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 10px;\n  line-height: 1.5;\n}\n.dsh-ssh-terminal-observer {\n  display: flex;\n  height: 100%;\n  min-height: 280px;\n  overflow: hidden;\n  flex-direction: column;\n  border: 1px solid color-mix(in srgb, #8ba49e 22%, #101817);\n  border-radius: 11px;\n  background: #111817;\n}\n.dsh-ssh-terminal-observer-heading {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  min-height: 42px;\n  padding: 0 10px;\n  border-bottom: 1px solid #ffffff12;\n  color: #dce5e1;\n  background: #0d1413;\n}\n.dsh-ssh-terminal-observer-heading > span:first-child {\n  display: grid;\n  min-width: 0;\n  gap: 3px;\n}\n.dsh-ssh-terminal-observer-heading strong,\n.dsh-ssh-terminal-observer-heading small {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-ssh-terminal-observer-heading strong {\n  font-size: 10px;\n}\n.dsh-ssh-terminal-observer-heading small {\n  color: #879691;\n  font:\n    8px/1 var(--ds-font-family-code),\n    monospace;\n}\n.dsh-ssh-terminal-state {\n  flex: none;\n  color: #879691;\n  font-size: 9px;\n}\n.dsh-ssh-terminal-state.is-running {\n  color: #8fc0af;\n}\n.dsh-ssh-terminal-screen {\n  box-sizing: border-box;\n  min-height: 0;\n  flex: 1;\n  padding: 9px 8px 0;\n}\n.dsh-ssh-terminal-screen .xterm {\n  height: 100%;\n}\n.dsh-ssh-sftp-row:not(.is-directory) {\n  cursor: pointer;\n}\n.dsh-ssh-file-preview {\n  display: flex;\n  min-height: 0;\n  flex: 1;\n  flex-direction: column;\n  overflow: hidden;\n  border: 1px solid var(--ssh-activity-border);\n  border-radius: 10px;\n  background: var(--ssh-activity-surface-raised);\n}\n.dsh-ssh-file-preview > header {\n  display: grid;\n  grid-template-columns: 28px minmax(0, 1fr) 28px;\n  align-items: center;\n  gap: 7px;\n  min-height: 42px;\n  padding: 0 7px;\n  border-bottom: 1px solid var(--ssh-activity-border);\n}\n.dsh-ssh-file-preview > header > span {\n  display: grid;\n  min-width: 0;\n  gap: 2px;\n}\n.dsh-ssh-file-preview > header strong,\n.dsh-ssh-file-preview > header small {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-ssh-file-preview > header strong {\n  font-size: 10px;\n}\n.dsh-ssh-file-preview > header small {\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 8px;\n}\n.dsh-ssh-file-preview > header > a {\n  display: grid;\n  place-items: center;\n  width: 28px;\n  height: 28px;\n  border-radius: 8px;\n  color: var(--dsw-alias-label-secondary);\n  text-decoration: none;\n}\n.dsh-ssh-file-preview > header > a:hover {\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n.dsh-ssh-file-preview-body {\n  display: flex;\n  min-height: 0;\n  flex: 1;\n  overflow: auto;\n  flex-direction: column;\n}\n.dsh-ssh-file-preview-body > pre {\n  box-sizing: border-box;\n  min-width: 100%;\n  min-height: 100%;\n  margin: 0;\n  padding: 12px;\n  color: var(--dsw-alias-label-primary);\n  background: transparent;\n  font:\n    10px/1.55 var(--ds-font-family-code),\n    monospace;\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n}\n.dsh-ssh-file-preview-body > small {\n  padding: 8px 12px;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 9px;\n}\n.dsh-ssh-file-preview-body > img {\n  display: block;\n  max-width: 100%;\n  max-height: 100%;\n  margin: auto;\n  object-fit: contain;\n}\n.dsh-ssh-file-preview-body > iframe {\n  width: 100%;\n  height: 100%;\n  min-height: 420px;\n  border: 0;\n  background: #fff;\n}\n.dsh-ssh-file-binary {\n  display: grid;\n  place-items: center;\n  align-content: center;\n  min-height: 240px;\n  padding: 20px;\n  text-align: center;\n}\n.dsh-ssh-file-binary > svg {\n  margin-bottom: 9px;\n  color: var(--dsw-alias-label-tertiary);\n}\n.dsh-ssh-file-binary strong {\n  font-size: 11px;\n}\n.dsh-ssh-file-binary p {\n  margin: 5px 0 12px;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 9px;\n}\n.dsh-ssh-file-binary a {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  min-height: 30px;\n  padding: 0 10px;\n  border: 1px solid var(--ssh-activity-border);\n  border-radius: 8px;\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-button-elevated-fill);\n  font-size: 10px;\n  text-decoration: none;\n}\n.dsh-ssh-terminal-workbench {\n  display: flex;\n  min-height: 0;\n  flex: 1;\n  flex-direction: column;\n  gap: 7px;\n}\n.dsh-ssh-terminal-switcher {\n  display: flex;\n  flex: none;\n  gap: 3px;\n  overflow: auto;\n  padding: 1px;\n}\n.dsh-ssh-terminal-switcher button {\n  display: flex;\n  min-width: 0;\n  max-width: 150px;\n  align-items: center;\n  gap: 6px;\n  height: 28px;\n  padding: 0 8px;\n  border: 1px solid transparent;\n  border-radius: 7px;\n  color: var(--dsw-alias-label-secondary);\n  background: transparent;\n  font: 500 9px/1 var(--ds-font-family);\n  white-space: nowrap;\n  cursor: pointer;\n}\n.dsh-ssh-terminal-switcher button:hover {\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n.dsh-ssh-terminal-switcher button.is-active {\n  border-color: var(--ssh-activity-border);\n  color: var(--dsw-alias-label-primary);\n  background: color-mix(in srgb, var(--ssh-accent, #547d78) 8%, transparent);\n}\n.dsh-ssh-terminal-state-dot {\n  width: 5px;\n  height: 5px;\n  flex: none;\n  border: 1px solid #75827e;\n  border-radius: 50%;\n}\n.dsh-ssh-terminal-state-dot.is-running {\n  border-color: #6ca08d;\n  background: #6ca08d;\n}\n.dsh-ssh-terminal-workbench .dsh-ssh-terminal-observer {\n  height: auto;\n  min-height: 0;\n  flex: 1;\n}\n.dsh-ssh-terminal-input-error {\n  margin: 0;\n  padding: 6px 8px;\n  border-radius: 6px;\n  color: #d98e88;\n  background: #351c1a;\n  font-size: 9px;\n}\n\n.dsh-ssh-workspace::before {\n  position: absolute;\n  z-index: 0;\n  inset: 0;\n  pointer-events: none;\n  background:\n    radial-gradient(\n      circle at 18% 12%,\n      color-mix(in srgb, var(--ssh-accent) 7%, transparent),\n      transparent 28%\n    ),\n    linear-gradient(\n      115deg,\n      transparent 0 56%,\n      color-mix(in srgb, var(--ssh-accent) 3%, transparent) 56.1% 56.35%,\n      transparent 56.45% 100%\n    );\n  content: "";\n}\n.dsh-ssh-workspace > * {\n  position: relative;\n  z-index: 1;\n}\n.dsh-ssh-toolbar {\n  box-shadow:\n    inset 0 1px 0\n      color-mix(in srgb, var(--dsw-alias-bg-base, #fff) 70%, transparent),\n    0 8px 28px\n      color-mix(in srgb, var(--dsw-alias-label-primary) 3%, transparent);\n}\n.dsh-ssh-brand-glyph {\n  position: relative;\n  overflow: hidden;\n}\n.dsh-ssh-brand-glyph::after {\n  position: absolute;\n  width: 12px;\n  height: 1px;\n  left: 9px;\n  bottom: 5px;\n  border-radius: 1px;\n  background: color-mix(in srgb, var(--ssh-accent) 66%, transparent);\n  content: "";\n}\n.dsh-ssh-profile-row {\n  position: relative;\n  transition:\n    background 140ms ease,\n    border-color 140ms ease,\n    transform 160ms cubic-bezier(0.2, 0.8, 0.2, 1);\n}\n.dsh-ssh-profile-row::before {\n  position: absolute;\n  width: 2px;\n  left: 0;\n  top: 11px;\n  bottom: 11px;\n  border-radius: 2px;\n  background: var(--ssh-accent);\n  opacity: 0;\n  transform: scaleY(0.45);\n  transition:\n    opacity 140ms ease,\n    transform 170ms cubic-bezier(0.2, 0.8, 0.2, 1);\n  content: "";\n}\n.dsh-ssh-profile-row.is-active {\n  transform: translateX(2px);\n}\n.dsh-ssh-profile-row.is-active::before {\n  opacity: 0.8;\n  transform: scaleY(1);\n}\n.dsh-ssh-profile-row:active,\n.dsh-ssh-sftp-row:active,\n.dsh-ssh-terminal-switcher button:active {\n  transform: scale(0.985);\n}\n.dsh-ssh-activity-panel {\n  animation: dsh-ssh-panel-enter 180ms cubic-bezier(0.2, 0.8, 0.2, 1) both;\n}\n.dsh-ssh-sftp-table,\n.dsh-ssh-file-preview,\n.dsh-ssh-terminal-observer {\n  box-shadow:\n    inset 0 1px 0\n      color-mix(in srgb, var(--dsw-alias-bg-base, #fff) 8%, transparent),\n    0 10px 30px\n      color-mix(in srgb, var(--dsw-alias-label-primary) 4%, transparent);\n}\n.dsh-ssh-sftp-row {\n  transition:\n    background 120ms ease,\n    transform 120ms ease;\n}\n.dsh-ssh-file-preview-body {\n  animation: dsh-ssh-content-enter 160ms ease-out both;\n}\n.dsh-ssh-terminal-switcher button {\n  transition:\n    color 120ms ease,\n    background 120ms ease,\n    border-color 120ms ease,\n    transform 120ms ease;\n}\n.dsh-ssh-terminal-switcher button.is-active {\n  box-shadow: inset 0 1px 0\n    color-mix(in srgb, var(--dsw-alias-bg-base, #fff) 55%, transparent);\n}\n.dsh-ssh-vault-pane,\n.dsh-ssh-proxy-pane {\n  box-sizing: border-box;\n  display: flex;\n  min-height: 100%;\n  flex-direction: column;\n  padding: 0 18px 18px;\n}\n.dsh-ssh-vault-list,\n.dsh-ssh-proxy-list {\n  display: grid;\n  align-content: start;\n  gap: 5px;\n}\n.dsh-ssh-vault-row,\n.dsh-ssh-proxy-row {\n  display: grid;\n  grid-template-columns: 34px minmax(160px, 1fr) auto 70px 28px 28px;\n  align-items: center;\n  gap: 9px;\n  min-height: 56px;\n  padding: 5px 8px;\n  border: 1px solid var(--ssh-border);\n  border-radius: 10px;\n  background: color-mix(in srgb, var(--ssh-surface-raised) 82%, transparent);\n  transition:\n    background 140ms ease,\n    border-color 140ms ease,\n    transform 150ms ease;\n}\n.dsh-ssh-vault-row:hover,\n.dsh-ssh-proxy-row:hover {\n  border-color: color-mix(in srgb, var(--ssh-accent) 18%, var(--ssh-border));\n  background: color-mix(in srgb, var(--ssh-surface-raised) 94%, transparent);\n  transform: translateY(-1px);\n}\n.dsh-ssh-vault-glyph {\n  display: grid;\n  place-items: center;\n  width: 30px;\n  height: 30px;\n  border: 1px solid color-mix(in srgb, var(--ssh-accent) 18%, var(--ssh-border));\n  border-radius: 9px;\n  color: var(--ssh-accent-strong);\n  background: color-mix(in srgb, var(--ssh-accent) 7%, transparent);\n}\n.dsh-ssh-vault-row > span:nth-child(2),\n.dsh-ssh-proxy-row > span:nth-child(2) {\n  display: grid;\n  min-width: 0;\n  gap: 3px;\n}\n.dsh-ssh-vault-row strong,\n.dsh-ssh-vault-row small,\n.dsh-ssh-proxy-row strong,\n.dsh-ssh-proxy-row small {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-ssh-vault-row strong,\n.dsh-ssh-proxy-row strong {\n  font-size: 12px;\n  font-weight: 600;\n}\n.dsh-ssh-vault-row small,\n.dsh-ssh-proxy-row small {\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 10px;\n}\n.dsh-ssh-proxy-kind {\n  padding: 3px 7px;\n  border-radius: 6px;\n  color: var(--ssh-accent-strong);\n  background: color-mix(in srgb, var(--ssh-accent) 9%, transparent);\n  font: 600 9px/1 var(--ds-font-family-code), monospace;\n}\n.dsh-ssh-vault-state {\n  padding: 3px 7px;\n  border-radius: 6px;\n  color: var(--ssh-danger);\n  background: color-mix(in srgb, var(--ssh-danger) 7%, transparent);\n  font-size: 9px;\n}\n.dsh-ssh-vault-state.is-ready {\n  color: var(--ssh-accent-strong);\n  background: color-mix(in srgb, var(--ssh-accent) 9%, transparent);\n}\n.dsh-ssh-vault-empty {\n  display: grid;\n  place-items: center;\n  align-content: center;\n  min-height: 320px;\n  text-align: center;\n}\n.dsh-ssh-vault-empty > span {\n  display: grid;\n  place-items: center;\n  width: 46px;\n  height: 46px;\n  margin-bottom: 12px;\n  border: 1px solid var(--ssh-border);\n  border-radius: 14px;\n  color: var(--ssh-accent-strong);\n  background: color-mix(in srgb, var(--ssh-surface-raised) 88%, transparent);\n  box-shadow: 0 12px 30px\n    color-mix(in srgb, var(--dsw-alias-label-primary) 5%, transparent);\n}\n.dsh-ssh-vault-empty strong {\n  font-size: 13px;\n}\n.dsh-ssh-vault-empty p {\n  max-width: 360px;\n  margin: 7px 0 16px;\n  color: var(--dsw-alias-label-secondary);\n  font-size: 11px;\n  line-height: 1.55;\n}\n.dsh-ssh-credential-reference {\n  display: grid;\n  grid-template-columns: 34px minmax(0, 1fr) auto;\n  align-items: center;\n  gap: 9px;\n  min-height: 52px;\n  padding: 5px 9px;\n  border: 1px solid color-mix(in srgb, var(--ssh-accent) 18%, var(--ssh-border));\n  border-radius: 10px;\n  background: color-mix(\n    in srgb,\n    var(--ssh-accent) 6%,\n    var(--ssh-surface-raised)\n  );\n}\n.dsh-ssh-credential-reference > span:first-child {\n  display: grid;\n  place-items: center;\n  width: 30px;\n  height: 30px;\n  border-radius: 8px;\n  color: var(--ssh-accent-strong);\n  background: color-mix(in srgb, var(--ssh-accent) 9%, transparent);\n}\n.dsh-ssh-credential-reference > span:nth-child(2) {\n  display: grid;\n  gap: 3px;\n}\n.dsh-ssh-credential-reference strong {\n  font-size: 11px;\n}\n.dsh-ssh-credential-reference small {\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 9px;\n}\n.dsh-ssh-credential-reference em {\n  color: var(--ssh-accent-strong);\n  font-size: 9px;\n  font-style: normal;\n}\n.dsh-ssh-jump-chain {\n  display: grid;\n  gap: 8px;\n  margin: 0;\n  padding: 10px;\n  border: 1px solid var(--ssh-border);\n  border-radius: 10px;\n  background: color-mix(in srgb, var(--ssh-surface-raised) 72%, transparent);\n}\n.dsh-ssh-jump-chain legend {\n  padding: 0 5px;\n  color: var(--dsw-alias-label-secondary);\n  font-size: 10px;\n  font-weight: 600;\n}\n.dsh-ssh-jump-chain > p {\n  margin: 0;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 9px;\n}\n.dsh-ssh-jump-chain > div {\n  display: grid;\n  gap: 5px;\n}\n.dsh-ssh-jump-row {\n  display: grid;\n  grid-template-columns: 22px minmax(0, 1fr) 28px 28px 28px;\n  align-items: center;\n  gap: 4px;\n}\n.dsh-ssh-jump-row > em {\n  display: grid;\n  place-items: center;\n  width: 20px;\n  height: 20px;\n  border-radius: 6px;\n  color: var(--ssh-accent-strong);\n  background: color-mix(in srgb, var(--ssh-accent) 9%, transparent);\n  font:\n    600 9px/1 var(--ds-font-family-code),\n    monospace;\n  font-style: normal;\n}\n.dsh-ssh-jump-row select {\n  box-sizing: border-box;\n  min-width: 0;\n  height: 30px;\n  padding: 0 8px;\n  border: 1px solid var(--ssh-border);\n  border-radius: 8px;\n  color: var(--dsw-alias-label-primary);\n  background: var(--ssh-surface-raised);\n  font-size: 10px;\n}\n.dsh-ssh-jump-row .dsh-ssh-icon-button:disabled {\n  opacity: 0.3;\n  cursor: default;\n}\n.dsh-ssh-jump-empty {\n  padding: 7px !important;\n  border-radius: 7px;\n  background: color-mix(in srgb, var(--ssh-warning) 7%, transparent);\n}\n.dsh-ssh-jump-chain > .dsh-ssh-secondary-button {\n  justify-self: start;\n}\n@keyframes dsh-ssh-panel-enter {\n  from {\n    opacity: 0;\n    transform: translateX(6px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n@keyframes dsh-ssh-content-enter {\n  from {\n    opacity: 0;\n    transform: translateY(3px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n@keyframes dsh-ssh-group-open {\n  from {\n    opacity: 0;\n    transform: translateY(-2px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n@media (max-width: 820px) {\n  .dsh-ssh-vault-row,\n  .dsh-ssh-proxy-row {\n    grid-template-columns: 34px minmax(120px, 1fr) auto 28px;\n  }\n  .dsh-ssh-vault-row > small,\n  .dsh-ssh-vault-row > .dsh-ssh-icon-button:last-child,\n  .dsh-ssh-proxy-row > small,\n  .dsh-ssh-proxy-row > .dsh-ssh-icon-button:last-child {\n    display: none;\n  }\n}\n@media (prefers-reduced-motion: reduce) {\n  .dsh-ssh-activity-panel,\n  .dsh-ssh-file-preview-body,\n  .dsh-ssh-profile-group-children {\n    animation: none;\n  }\n  .dsh-ssh-profile-row,\n  .dsh-ssh-profile-row::before,\n  .dsh-ssh-profile-group-chevron,\n  .dsh-ssh-vault-row,\n  .dsh-ssh-proxy-row,\n  .dsh-ssh-sftp-row,\n  .dsh-ssh-terminal-switcher button {\n    transition: none;\n  }\n}\n.dsh-ssh-sidebar-panel {\n  display: flex;\n  align-items: center;\n  gap: 7px;\n  min-height: 34px;\n  padding: 0 9px;\n  border: 1px solid transparent;\n  border-radius: 8px;\n  color: var(--dsw-alias-label-secondary);\n  background: transparent;\n  font: 550 11px/1 var(--ds-font-family);\n  text-align: left;\n  cursor: pointer;\n}\n.dsh-ssh-sidebar-panel svg {\n  color: #547d78;\n}\n.dsh-ssh-sidebar-panel:hover {\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n.dsh-ssh-sidebar-panel:active {\n  transform: scale(0.985);\n}\n.dsh-ssh-icon-button.is-active,\n.dsh-ssh-rail-button.is-active {\n  color: #406e67;\n  background: color-mix(in srgb, #547d78 9%, transparent);\n}\n.dsh-ssh-icon-button:disabled,\n.dsh-ssh-rail-button:disabled {\n  opacity: 0.36;\n  cursor: default;\n}\n.dsh-ssh-icon-button:disabled:hover,\n.dsh-ssh-rail-button:disabled:hover {\n  color: var(--dsw-alias-label-secondary);\n  background: transparent;\n}\n.dsh-ssh-test-button {\n  margin-right: auto;\n}\n.dsh-ssh-test-result {\n  box-sizing: border-box;\n  margin: 0;\n  border-radius: 9px;\n  font-size: 10px;\n}\n.dsh-ssh-test-result.is-warning {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 14px;\n  padding: 9px 10px;\n  border: 1px solid color-mix(in srgb, var(--ssh-warning) 22%, transparent);\n  color: color-mix(\n    in srgb,\n    var(--ssh-warning) 82%,\n    var(--dsw-alias-label-primary)\n  );\n  background: color-mix(in srgb, var(--ssh-warning) 7%, transparent);\n}\n.dsh-ssh-test-result.is-warning > span {\n  display: grid;\n  min-width: 0;\n  gap: 4px;\n}\n.dsh-ssh-test-result.is-warning code {\n  overflow: hidden;\n  font:\n    9px/1.3 var(--ds-font-family-code),\n    monospace;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-ssh-test-result.is-success {\n  display: flex;\n  align-items: center;\n  gap: 7px;\n  padding: 8px 10px;\n  color: #477565;\n  background: color-mix(in srgb, #5c8a76 9%, transparent);\n}\n.dsh-ssh-sidebar-note {\n  box-sizing: border-box;\n  min-height: 32px;\n  margin: 0;\n  padding: 8px 9px;\n  color: var(--dsw-alias-label-tertiary);\n  font: 10px/1.4 var(--ds-font-family);\n}\n.dsh-ssh-profile-sftp-pane {\n  box-sizing: border-box;\n  display: flex;\n  min-height: 100%;\n  height: 100%;\n  flex-direction: column;\n  padding: 0 18px 18px;\n}\n.dsh-ssh-profile-sftp-pane > .dsh-ssh-content-heading {\n  flex: none;\n}\n.dsh-ssh-sftp.is-workspace {\n  --ssh-activity-border: var(--ssh-border);\n  min-height: 0;\n  flex: 1;\n}\n.dsh-ssh-sftp.is-workspace .dsh-ssh-sftp-pathbar {\n  margin-bottom: 10px;\n}\n.dsh-ssh-sftp.is-workspace .dsh-ssh-sftp-columns,\n.dsh-ssh-sftp.is-workspace .dsh-ssh-sftp-row {\n  grid-template-columns: minmax(180px, 1fr) 90px 120px;\n}\n.dsh-ssh-sftp.is-workspace .dsh-ssh-sftp-columns {\n  min-height: 34px;\n  padding: 0 12px;\n  font-size: 9px;\n}\n.dsh-ssh-sftp.is-workspace .dsh-ssh-sftp-row {\n  min-height: 40px;\n  padding: 0 12px;\n  cursor: pointer;\n}\n.dsh-ssh-sftp.is-workspace .dsh-ssh-sftp-row:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n.dsh-ssh-sftp.is-workspace .dsh-ssh-sftp-row strong {\n  font-size: 11px;\n}\n.dsh-ssh-sftp.is-workspace .dsh-ssh-sftp-row small {\n  font-size: 9px;\n}\n.dsh-ssh-upload-conflict {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  margin-bottom: 9px;\n  padding: 8px 10px;\n  border: 1px solid\n    color-mix(in srgb, var(--ssh-warning, #927443) 20%, transparent);\n  border-radius: 8px;\n  color: var(--dsw-alias-label-secondary);\n  background: color-mix(in srgb, var(--ssh-warning, #927443) 7%, transparent);\n}\n.dsh-ssh-upload-conflict > span {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.dsh-ssh-upload-conflict > span:first-child {\n  min-width: 0;\n}\n.dsh-ssh-upload-conflict strong {\n  font-size: 10px;\n}\n.dsh-ssh-upload-conflict small {\n  overflow: hidden;\n  max-width: 240px;\n  color: var(--dsw-alias-label-tertiary);\n  font:\n    9px/1 var(--ds-font-family-code),\n    monospace;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-ssh-upload-conflict button {\n  min-height: 26px;\n  padding: 0 9px;\n  border: 1px solid var(--ssh-border);\n  border-radius: 7px;\n  color: var(--dsw-alias-label-secondary);\n  background: var(--ssh-surface-raised);\n  font-size: 9px;\n  cursor: pointer;\n}\n.dsh-ssh-upload-conflict button.is-primary {\n  border-color: color-mix(in srgb, var(--ssh-accent-strong) 56%, transparent);\n  color: #f6fbf9;\n  background: var(--ssh-accent-strong);\n}\n';
 
 // src/client-api.ts
 var SSH_API = "/ssh-local/v1";
@@ -6435,6 +6450,9 @@ function loadInjection(sessionId) {
 function loadActivity(sessionId) {
   return api(`/activity?sessionId=${encodeURIComponent(sessionId)}`);
 }
+function activityEventStreamUrl(sessionId) {
+  return `${SSH_API}/activity/events?sessionId=${encodeURIComponent(sessionId)}`;
+}
 function loadSftpDirectory(sessionId, profileId, path) {
   const query = new URLSearchParams({ sessionId, profileId });
   if (path !== void 0) query.set("path", path);
@@ -6474,13 +6492,21 @@ async function uploadProfileSftpFile(profileId, directory, file, overwrite = fal
   if (!response.ok) throw new ApiError(response.status, typeof body.error === "string" ? body.error : `HTTP ${response.status}`, body);
   return body;
 }
-function sendActivityTerminalInput(sessionId, terminalId, text) {
-  return api(`/activity/terminals/${encodeURIComponent(terminalId)}/input`, { method: "POST", body: JSON.stringify({ sessionId, text }) });
+function sendActivityTerminalInput(sessionId, terminalId, text, sequence) {
+  return api(`/activity/terminals/${encodeURIComponent(terminalId)}/input`, { method: "POST", body: JSON.stringify({ sessionId, text, sequence }) });
 }
 function readActivityTerminalOutput(sessionId, terminalId, cursor) {
   const query = new URLSearchParams({ sessionId, cursor: String(cursor) });
   return api(`/activity/terminals/${encodeURIComponent(terminalId)}/output?${query.toString()}`);
 }
+function activityTerminalStreamUrl(sessionId, terminalId, cursor = 0) {
+  const query = new URLSearchParams({ sessionId, cursor: String(cursor) });
+  return `${SSH_API}/activity/terminals/${encodeURIComponent(terminalId)}/stream?${query.toString()}`;
+}
+function browserTerminalStreamUrl(terminalId, cursor = 0) {
+  const query = new URLSearchParams({ cursor: String(cursor) });
+  return `${SSH_API}/terminals/${encodeURIComponent(terminalId)}/stream?${query.toString()}`;
+}
 function resizeActivityTerminal(sessionId, terminalId, cols, rows) {
   return api(`/activity/terminals/${encodeURIComponent(terminalId)}/resize`, { method: "POST", body: JSON.stringify({ sessionId, cols, rows }) });
 }
@@ -6747,6 +6773,125 @@ function errorMessage(error) {
   return error instanceof Error ? error.message : String(error);
 }
 
+// src/terminal-transport.ts
+var TerminalTransport = class {
+  constructor(endpoints) {
+    this.endpoints = endpoints;
+  }
+  input = "";
+  inputSequence = 0;
+  inputScheduled = false;
+  disposed = false;
+  sendInput(text, onError) {
+    if (this.disposed || !text) return;
+    this.input += text;
+    if (this.inputScheduled) return;
+    this.inputScheduled = true;
+    queueMicrotask(() => {
+      this.inputScheduled = false;
+      if (this.disposed) return;
+      const pending = this.input;
+      this.input = "";
+      if (!pending) return;
+      const sequence = this.inputSequence++;
+      this.deliverInput(pending, sequence, onError);
+    });
+  }
+  observe(observer) {
+    let stopped = false;
+    let cursor = 0;
+    let source;
+    let streamWatchdog;
+    let pollTimer;
+    let streamConfirmed = false;
+    const stop = () => {
+      if (stopped) return;
+      stopped = true;
+      source?.close();
+      if (streamWatchdog !== void 0) clearTimeout(streamWatchdog);
+      if (pollTimer !== void 0) clearTimeout(pollTimer);
+    };
+    const accept = (value) => {
+      if (stopped) return;
+      cursor = value.cursor;
+      observer.output(value);
+      if (value.closed) stop();
+    };
+    const poll = async () => {
+      if (stopped) return;
+      try {
+        const value = await this.endpoints.read(cursor);
+        accept(value);
+        if (!stopped) pollTimer = window.setTimeout(() => {
+          void poll();
+        }, document.hidden ? 500 : value.data ? 16 : 64);
+      } catch (reason) {
+        if (stopped) return;
+        observer.error(reason);
+        pollTimer = window.setTimeout(() => {
+          void poll();
+        }, 500);
+      }
+    };
+    const startPolling = () => {
+      if (stopped || pollTimer !== void 0) return;
+      source?.close();
+      source = void 0;
+      void poll();
+    };
+    if (typeof EventSource === "undefined") {
+      startPolling();
+      return stop;
+    }
+    source = new EventSource(this.endpoints.streamUrl);
+    source.onmessage = (event) => {
+      try {
+        const value = parseOutput(event.data);
+        streamConfirmed = true;
+        if (streamWatchdog !== void 0) {
+          clearTimeout(streamWatchdog);
+          streamWatchdog = void 0;
+        }
+        accept(value);
+      } catch (reason) {
+        observer.error(reason);
+        startPolling();
+      }
+    };
+    source.onerror = () => {
+      if (!streamConfirmed && source?.readyState === EventSource.CLOSED) startPolling();
+    };
+    streamWatchdog = window.setTimeout(() => {
+      if (!streamConfirmed) startPolling();
+    }, 1500);
+    return stop;
+  }
+  dispose() {
+    this.disposed = true;
+    this.input = "";
+  }
+  deliverInput(text, sequence, onError, attempt = 0) {
+    void this.endpoints.send(text, sequence).catch((reason) => {
+      if (this.disposed) return;
+      if (attempt < 2 && isRetryable(reason)) {
+        window.setTimeout(() => this.deliverInput(text, sequence, onError, attempt + 1), 60 * (attempt + 1));
+        return;
+      }
+      onError(reason);
+    });
+  }
+};
+function parseOutput(value) {
+  const parsed = JSON.parse(value);
+  if (typeof parsed.data !== "string" || typeof parsed.cursor !== "number" || !Number.isSafeInteger(parsed.cursor) || parsed.cursor < 0 || typeof parsed.truncated !== "boolean" || typeof parsed.closed !== "boolean") throw new Error("SSH terminal stream returned an invalid event");
+  return parsed;
+}
+function isRetryable(reason) {
+  if (typeof reason !== "object" || reason === null || !("status" in reason)) return true;
+  const status = Number(reason.status);
+  return !Number.isFinite(status) || status >= 500;
+}
+
 // src/client.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var PLUGIN_ID = "@lemoncat7/dsh-ssh";
@@ -6756,6 +6901,10 @@ function apply(ctx) {
   ctx.effect(installStyles, "dsh-ssh: styles");
   const activityController = createActivityController(ctx);
   const controller = createController(ctx, () => activityController.close());
+  ctx.effect(() => observePluginWorkspace(PLUGIN_ID, () => {
+    controller.close();
+    activityController.close();
+  }), "dsh-ssh: exclusive workspace");
   ctx.effect(() => () => {
     controller.close();
     activityController.close();
@@ -6786,6 +6935,7 @@ function createController(ctx, beforeOpen) {
       beforeOpen();
       if (profileId !== void 0) selected = profileId;
       if (dispose === void 0) {
+        activatePluginWorkspace(PLUGIN_ID);
         dispose = ctx.slots.register({ name: "conversation", priority: -2 }, (props) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(RemoteWorkspace, { ...props, controller }));
       }
       notify();
@@ -6814,21 +6964,25 @@ function createActivityController(ctx) {
   const listeners = /* @__PURE__ */ new Set();
   let openSessionId;
   let selectedProfileId;
+  let requestedView;
   let dispose;
   const notify = () => {
     for (const listener of listeners) listener();
   };
   const controller = {
-    open(sessionId, profileId) {
+    open(sessionId, profileId, view) {
       if (dispose !== void 0 && openSessionId === sessionId) {
         if (profileId !== void 0) selectedProfileId = profileId;
+        if (view !== void 0) requestedView = view;
         ctx.layout.openDetails();
         notify();
         return;
       }
       controller.close();
+      activatePluginWorkspace(PLUGIN_ID);
       openSessionId = sessionId;
       selectedProfileId = profileId;
+      requestedView = view;
       dispose = ctx.slots.register({ name: "details", priority: -2 }, (props) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(SshActivityPanel, { ...props, controller }));
       ctx.layout.openDetails();
       notify();
@@ -6843,12 +6997,14 @@ function createActivityController(ctx) {
       dispose = void 0;
       openSessionId = void 0;
       selectedProfileId = void 0;
+      requestedView = void 0;
       current?.();
       if (current !== void 0) ctx.layout.closeDetails();
       notify();
     },
     isOpen: (sessionId) => dispose !== void 0 && openSessionId === sessionId,
     selected: (sessionId) => openSessionId === sessionId ? selectedProfileId : void 0,
+    requestedView: (sessionId) => openSessionId === sessionId ? requestedView : void 0,
     subscribe(listener) {
       listeners.add(listener);
       return () => listeners.delete(listener);
@@ -6859,10 +7015,14 @@ function createActivityController(ctx) {
 function SshActivityPanel(props) {
   const sessionId = String(props.sessionId);
   const [activity, setActivity] = (0, import_react4.useState)();
-  const [view, setView] = (0, import_react4.useState)("directory");
+  const [view, setView] = (0, import_react4.useState)(() => props.controller.requestedView(sessionId) ?? "directory");
   const [error, setError] = (0, import_react4.useState)();
   const [, setRevision] = (0, import_react4.useState)(0);
-  (0, import_react4.useEffect)(() => props.controller.subscribe(() => setRevision((value) => value + 1)), [props.controller]);
+  (0, import_react4.useEffect)(() => props.controller.subscribe(() => {
+    const requested = props.controller.requestedView(sessionId);
+    if (requested !== void 0) setView(requested);
+    setRevision((value) => value + 1);
+  }), [props.controller, sessionId]);
   const refresh = (0, import_react4.useCallback)(async () => {
     try {
       const next = await loadActivity(sessionId);
@@ -6880,7 +7040,7 @@ function SshActivityPanel(props) {
     }, view === "terminals" ? 1800 : 2500);
     return () => clearInterval(timer);
   }, [refresh, view]);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("section", { className: "dsh-ssh-activity-panel", "aria-label": "SSH \u6D3B\u52A8", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("section", { className: "dsh-ssh-activity-panel", "data-xiaohei-surface": "plugin-workspace", "aria-label": "SSH \u6D3B\u52A8", children: [
     /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("header", { className: "dsh-ssh-activity-header", children: [
       /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { children: [
         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("strong", { children: "SSH \u6D3B\u52A8" }),
@@ -6955,7 +7115,6 @@ function TerminalActivity({ sessionId, terminals }) {
 function InteractiveTerminal({ sessionId, terminal: activity, onError }) {
   const hostRef = (0, import_react4.useRef)(null);
   const terminalRef = (0, import_react4.useRef)();
-  const inputQueueRef = (0, import_react4.useRef)(Promise.resolve());
   (0, import_react4.useEffect)(() => {
     const host = hostRef.current;
     if (host === null) return;
@@ -6976,20 +7135,22 @@ function InteractiveTerminal({ sessionId, terminal: activity, onError }) {
     fit.fit();
     terminalRef.current = terminal;
     terminal.focus();
-    let inputBuffer = "";
-    let inputTimer;
+    const transport = new TerminalTransport({
+      streamUrl: activityTerminalStreamUrl(sessionId, activity.terminalId),
+      read: (cursor) => readActivityTerminalOutput(sessionId, activity.terminalId, cursor),
+      send: (text, sequence) => sendActivityTerminalInput(sessionId, activity.terminalId, text, sequence)
+    });
     let resizeTimer;
     let lastSize = "";
-    const flushInput = () => {
-      inputTimer = void 0;
-      const text = inputBuffer;
-      inputBuffer = "";
-      if (!text) return;
-      inputQueueRef.current = inputQueueRef.current.catch(() => void 0).then(() => sendActivityTerminalInput(sessionId, activity.terminalId, text)).then(() => onError(void 0), (reason) => onError(message(reason)));
-    };
-    const input = terminal.onData((data) => {
-      inputBuffer += data;
-      if (inputTimer === void 0) inputTimer = window.setTimeout(flushInput, 12);
+    const input = terminal.onData((data) => transport.sendInput(data, (reason) => onError(message(reason))));
+    const stopOutput = transport.observe({
+      output: (value) => {
+        if (value.truncated) terminal.reset();
+        if (value.data) terminal.write(value.data);
+        terminal.scrollToBottom();
+        onError(void 0);
+      },
+      error: (reason) => onError(message(reason))
     });
     const syncSize = () => {
       fit.fit();
@@ -7004,11 +7165,9 @@ function InteractiveTerminal({ sessionId, terminal: activity, onError }) {
     });
     resize.observe(host);
     return () => {
-      if (inputTimer !== void 0) {
-        clearTimeout(inputTimer);
-        flushInput();
-      }
       if (resizeTimer !== void 0) clearTimeout(resizeTimer);
+      stopOutput();
+      transport.dispose();
       input.dispose();
       resize.disconnect();
       terminal.dispose();
@@ -7019,39 +7178,6 @@ function InteractiveTerminal({ sessionId, terminal: activity, onError }) {
     const terminal = terminalRef.current;
     if (terminal !== void 0) terminal.options.disableStdin = activity.status.kind !== "running";
   }, [activity.status.kind]);
-  (0, import_react4.useEffect)(() => {
-    let disposed = false;
-    let timer;
-    let cursor = 0;
-    const poll = async () => {
-      try {
-        const output = await readActivityTerminalOutput(sessionId, activity.terminalId, cursor);
-        if (disposed) return;
-        const terminal = terminalRef.current;
-        if (terminal !== void 0) {
-          if (output.truncated) terminal.reset();
-          if (output.data) terminal.write(output.data);
-          terminal.scrollToBottom();
-        }
-        cursor = output.cursor;
-        onError(void 0);
-        if (!output.closed) timer = window.setTimeout(() => {
-          void poll();
-        }, document.hidden ? 600 : 80);
-      } catch (reason) {
-        if (disposed) return;
-        onError(message(reason));
-        timer = window.setTimeout(() => {
-          void poll();
-        }, 600);
-      }
-    };
-    void poll();
-    return () => {
-      disposed = true;
-      if (timer !== void 0) clearTimeout(timer);
-    };
-  }, [activity.terminalId, onError, sessionId]);
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { ref: hostRef, className: "dsh-ssh-terminal-screen", "aria-label": "\u4EA4\u4E92\u5F0F SSH \u7EC8\u7AEF" });
 }
 function RemoteSidebar(props) {
@@ -7074,10 +7200,25 @@ function RemoteSidebar(props) {
   const currentSessionId = sessionId === void 0 ? void 0 : String(sessionId);
   const activityOpen = currentSessionId !== void 0 && props.activityController.isOpen(currentSessionId);
   const availableProfiles = injection === null ? [] : injection.profileIds.map((profileId) => profiles.find((profile) => profile.id === profileId)).filter((profile) => profile !== void 0);
+  (0, import_react4.useEffect)(() => {
+    if (currentSessionId === void 0 || injection?.permission !== "terminal") return;
+    const source = new EventSource(activityEventStreamUrl(currentSessionId));
+    const opened = (raw) => {
+      const event = parseTerminalOpenedEvent(raw);
+      if (event === void 0 || event.sessionId !== currentSessionId) return;
+      props.controller.close();
+      props.activityController.open(currentSessionId, event.profileId, "terminals");
+    };
+    source.addEventListener("terminal-opened", opened);
+    return () => {
+      source.removeEventListener("terminal-opened", opened);
+      source.close();
+    };
+  }, [currentSessionId, injection?.permission, props.activityController, props.controller]);
   const openActivity = (profileId) => {
     if (currentSessionId === void 0) return;
     props.controller.close();
-    props.activityController.open(currentSessionId, profileId);
+    props.activityController.open(currentSessionId, profileId, "directory");
   };
   const toggleActivity = () => {
     if (currentSessionId === void 0) return;
@@ -7160,7 +7301,7 @@ function RemoteWorkspace(props) {
   const selected = profiles.find((item) => item.id === selectedId);
   const toolbar = /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("header", { className: "dsh-ssh-toolbar", children: [
     /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "dsh-ssh-brand", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", className: "dsh-ssh-icon-button", "aria-label": "\u8FD4\u56DE\u4F1A\u8BDD", title: "\u8FD4\u56DE\u4F1A\u8BDD", onClick: () => props.controller.close(), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_dsh_client_ui_primitives2.IconChevronLeftOutline14, { size: 15 }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", className: "dsh-ssh-icon-button", "data-xiaohei-workspace-close": true, "aria-label": "\u8FD4\u56DE\u4F1A\u8BDD", title: "\u8FD4\u56DE\u4F1A\u8BDD", onClick: () => props.controller.close(), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_dsh_client_ui_primitives2.IconChevronLeftOutline14, { size: 15 }) }),
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "dsh-ssh-brand-glyph", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ServerGlyph, {}) }),
       /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { children: [
         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("strong", { children: "\u8FDC\u7AEF" }),
@@ -7189,6 +7330,7 @@ function RemoteWorkspace(props) {
       AdaptiveWorkspace,
       {
         className: "dsh-ssh-workspace",
+        "data-xiaohei-surface": "plugin-workspace",
         toolbar,
         notice,
         navigationLabel: "\u4E3B\u673A",
@@ -7338,36 +7480,29 @@ function TerminalPane({ profile, onEdit }) {
     if (terminalId === void 0) return;
     const terminal = terminalRef.current;
     if (terminal === void 0) return;
-    const input = terminal.onData((data) => {
-      void api(`/terminals/${terminalId}/input`, { method: "POST", body: JSON.stringify({ text: data }) }).catch((reason) => setError(message(reason)));
+    const transport = new TerminalTransport({
+      streamUrl: browserTerminalStreamUrl(terminalId),
+      read: (cursor) => api(`/terminals/${terminalId}/output?cursor=${cursor}`),
+      send: (text, sequence) => api(`/terminals/${terminalId}/input`, { method: "POST", body: JSON.stringify({ text, sequence }) })
     });
-    let cursor = 0;
-    let stopped = false;
-    const poll = async () => {
-      if (stopped) return;
-      try {
-        const output = await api(`/terminals/${terminalId}/output?cursor=${cursor}`);
-        if (output.truncated) terminal.write("\r\n\x1B[33m[\u8F83\u65E9\u8F93\u51FA\u5DF2\u622A\u65AD]\x1B[0m\r\n");
-        if (output.data) terminal.write(output.data);
-        cursor = output.cursor;
-        if (output.closed) {
+    const input = terminal.onData((data) => transport.sendInput(data, (reason) => setError(message(reason))));
+    const stopOutput = transport.observe({
+      output: (value) => {
+        if (value.truncated) terminal.write("\r\n\x1B[33m[\u8F83\u65E9\u8F93\u51FA\u5DF2\u622A\u65AD]\x1B[0m\r\n");
+        if (value.data) terminal.write(value.data);
+        if (value.closed) {
           setPhase("idle");
           setTerminalId(void 0);
-          return;
-        }
-      } catch (reason) {
-        if (!stopped) {
-          setError(message(reason));
-          setPhase("error");
         }
+      },
+      error: (reason) => {
+        setError(message(reason));
+        setPhase("error");
       }
-      if (!stopped) window.setTimeout(() => {
-        void poll();
-      }, document.hidden ? 800 : 180);
-    };
-    void poll();
+    });
     return () => {
-      stopped = true;
+      stopOutput();
+      transport.dispose();
       input.dispose();
     };
   }, [terminalId]);
@@ -8202,6 +8337,16 @@ function shortId(id) {
 function message(error) {
   return error instanceof Error ? error.message : String(error);
 }
+function parseTerminalOpenedEvent(raw) {
+  if (!(raw instanceof MessageEvent) || typeof raw.data !== "string") return void 0;
+  try {
+    const value = JSON.parse(raw.data);
+    if (value.type !== "terminal-opened" || typeof value.sessionId !== "string" || typeof value.terminalId !== "string" || typeof value.profileId !== "string" || typeof value.createdAt !== "number") return void 0;
+    return value;
+  } catch {
+    return void 0;
+  }
+}
 function forwardSummary(rule, status) {
   const bind = `${rule.bindHost}:${status?.bindPort ?? rule.bindPort}`;
   return rule.kind === "dynamic" ? `${bind} \u2192 SOCKS5` : `${bind} \u2192 ${rule.targetHost}:${rule.targetPort}`;