@linxin666/dsh-ssh 0.1.9 → 0.1.11

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@linxin666/dsh-ssh",
   "description": "Remote SSH operations for the dsh web GUI: host config store (~/.dsh/dsh-ssh.json, import from ~/.ssh/config), a persistent ssh2 connection pool with jump-host support, exec / PTY web terminal / SFTP transfer / local port-forward tunnels / cluster execution, plus agent tools (ssh_list, ssh_exec, ssh_upload, ssh_download, ssh_tunnel, ssh_cluster). Hot-pluggable — mounted via ~/.dsh/cordis.patch.yml + a profile node_modules symlink, no dsh source changes.",
-  "version": "0.1.9",
+  "version": "0.1.11",
   "type": "module",
   "engines": {
     "node": "^22.19.0 || >=24.0.0"

package/src/client/panel/panel.module.css

@@ -18,7 +18,10 @@
   position: absolute;
   inset: 0;
   display: none;
-  z-index: 5;
+  /* Above the conversation composer (z-index 7 in the 0.1.0-rc.6 shell) so the
+     panel and its modals paint over the input card, mirroring the task board
+     (issue #87). */
+  z-index: 60;
 }
 
 /* The center column is single-occupant; the :not() guards keep the two
@@ -31,7 +34,7 @@ html[data-dsh-ssh-active]:not([data-dsh-taskboard-active]) [data-dsh-ssh-view] {
 /* While the panel is active, the conversation content underneath is hidden
    (it stays mounted and stateful). */
 html[data-dsh-ssh-active]:not([data-dsh-taskboard-active]) [data-pane='conversation'] > :not([data-dsh-ssh-view]) {
-  display: none;
+  display: none !important;
 }
 
 /* --- sidebar entry row ------------------------------------------------------- */

package/src/client/sidebar-entry.ts

@@ -139,11 +139,15 @@ export function mountSidebarEntry(controller: PanelController): () => void {
     }
   })
 
-  // Reflect the panel's open state on the row (active highlight).
-  const unsubscribe = controller.subscribe(() => {
-    entry.dataset.active = controller.getSnapshot().panelOpen ? 'true' : undefined
-  })
-  entry.dataset.active = controller.getSnapshot().panelOpen ? 'true' : undefined
+  // Reflect the panel's open state on the row (active highlight). Note: assigning
+  // undefined to dataset.active materializes data-active="undefined" and keeps the
+  // row permanently highlighted — delete the attribute instead.
+  const syncActive = () => {
+    if (controller.getSnapshot().panelOpen) entry.dataset.active = 'true'
+    else delete entry.dataset.active
+  }
+  const unsubscribe = controller.subscribe(syncActive)
+  syncActive()
 
   tryPlace()