9remote 2.1.5 → 2.1.7

package/dist/ui/assets/{index-DxFTXB_J.css → index-ByjrCweb.css}

@@ -1028,6 +1028,9 @@ button {
 .top-0\.5{
   top: 0.125rem;
 }
+.top-1\.5{
+  top: 0.375rem;
+}
 .top-1\/2{
   top: 50%;
 }
@@ -1233,6 +1236,9 @@ button {
 .max-h-\[calc\(100dvh-14rem\)\]{
   max-height: calc(100dvh - 14rem);
 }
+.max-h-full{
+  max-height: 100%;
+}
 .min-h-0{
   min-height: 0px;
 }
@@ -1634,6 +1640,9 @@ button {
 .border-t-2{
   border-top-width: 2px;
 }
+.border-dashed{
+  border-style: dashed;
+}
 .border-border{
   border-color: var(--border);
 }
@@ -1662,6 +1671,9 @@ button {
 .bg-bg{
   background-color: var(--bg-main);
 }
+.bg-black\/30{
+  background-color: rgb(0 0 0 / 0.3);
+}
 .bg-black\/40{
   background-color: rgb(0 0 0 / 0.4);
 }
@@ -1728,6 +1740,9 @@ button {
   -o-object-fit: cover;
      object-fit: cover;
 }
+.p-0{
+  padding: 0px;
+}
 .p-0\.5{
   padding: 0.125rem;
 }
@@ -1755,6 +1770,9 @@ button {
 .p-6{
   padding: 1.5rem;
 }
+.p-px{
+  padding: 1px;
+}
 .px-0\.5{
   padding-left: 0.125rem;
   padding-right: 0.125rem;
@@ -2299,44 +2317,45 @@ button {
 .dot-bounce {
   animation: dot-bounce 1s ease-in-out infinite;
 }
-/* Terminal pane — fix xterm helpers overlay + focus glow (synced with web) */
+/* Terminal pane — fix xterm helpers overlay + focus glow (synced with web). */
 .terminal-wrapper { overflow: hidden !important; }
 .terminal-wrapper .xterm-viewport {
   overflow-y: auto !important;
   scrollbar-width: thin;
-  scrollbar-color: rgba(var(--brand-rgb), 0.5) transparent;
+  scrollbar-color: transparent transparent;
 }
+/* Native webkit thumb: transparent until viewport hovered (auto-hide) */
 .terminal-wrapper .xterm-viewport::-webkit-scrollbar { width: 6px; }
 .terminal-wrapper .xterm-viewport::-webkit-scrollbar-track { background: transparent; }
 .terminal-wrapper .xterm-viewport::-webkit-scrollbar-thumb {
-  background: rgba(var(--brand-rgb), 0.5);
+  background: transparent;
   border-radius: 3px;
 }
-.terminal-wrapper .xterm-viewport::-webkit-scrollbar-thumb:hover {
-  background: rgba(var(--brand-rgb), 0.8);
+.terminal-wrapper:hover .xterm-viewport::-webkit-scrollbar-thumb {
+  background: rgba(128, 128, 128, 0.4);
 }
-/* XTerm custom overlay scrollbar (JS-rendered div) — 7px brand-colored, no fade. */
+.terminal-wrapper:hover .xterm-viewport::-webkit-scrollbar-thumb:hover {
+  background: rgba(128, 128, 128, 0.8);
+}
+/* XTerm overlay scrollbar (JS-rendered div) — auto-hide: only .visible while scrolling/hovering. */
 .terminal-wrapper .xterm .xterm-scrollable-element > .scrollbar {
-  width: 7px !important;
-  opacity: 1 !important;
-  pointer-events: auto !important;
-  transition: none !important;
+  width: 5px !important;
+  opacity: 0 !important;
+  pointer-events: none !important;
+  transition: opacity 0.18s ease !important;
 }
 .terminal-wrapper .xterm .xterm-scrollable-element > .scrollbar .slider {
-  width: 7px !important;
-  border-radius: 4px !important;
-  background: rgba(var(--brand-rgb), 0.5) !important;
+  width: 5px !important;
+  border-radius: 3px !important;
+  background: rgba(128, 128, 128, 0.5) !important;
 }
 .terminal-wrapper .xterm .xterm-scrollable-element > .scrollbar .slider:hover {
-  background: rgba(var(--brand-rgb), 0.8) !important;
+  background: rgba(128, 128, 128, 0.8) !important;
 }
-/* Force the overlay scrollbar solid at all times when scrollable. xterm fades
-   it to .invisible after an idle timeout; override both visibility classes. */
-.terminal-wrapper .xterm .xterm-scrollable-element > .scrollbar.visible,
-.terminal-wrapper .xterm .xterm-scrollable-element > .scrollbar.invisible {
+/* Show overlay scrollbar only while xterm marks it .visible (scrolling / hovering track). */
+.terminal-wrapper .xterm .xterm-scrollable-element > .scrollbar.visible {
   opacity: 1 !important;
   pointer-events: auto !important;
-  transition: none !important;
 }
 .terminal-wrapper .xterm-screen { touch-action: pan-y !important; }
 .xterm .xterm-helpers { z-index: 0 !important; }
@@ -2375,12 +2394,40 @@ button {
   0%, 100% { opacity: 1; }
   50% { opacity: 0.3; }
 }
+/* AI agent status dots — idle/working/blocked/done (see lib/statusVisual.js) */
+/* KEEP IN SYNC with web/app/globals.css (separate build) */
+/* Working = spinning ring (border-top + border-right visible, others transparent). */
+.term-dot.pulse-soft {
+  background: transparent !important;
+  width: 0.6rem !important;
+  height: 0.6rem !important;
+  border: 2px solid rgba(59,130,246,0.25);
+  border-top-color: #3b82f6;
+  border-right-color: #3b82f6;
+  animation: statusSpin 0.7s linear infinite;
+}
+@keyframes statusSpin { to { transform: rotate(360deg); } }
+.term-dot.pulse-strong { animation: statusPulseStrong 0.9s ease-in-out infinite; }
+@keyframes statusPulseStrong {
+  0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(239,68,68,0.6); }
+  50% { transform: scale(1.3); box-shadow: 0 0 0 4px rgba(239,68,68,0); }
+}
+/* SessionList card status border — dashed + state color. */
+.status-border-working { border: 1px dashed #3b82f6 !important; }
+.status-border-blocked { border: 1px dashed #ef4444 !important; }
+.status-border-done { border: 1px dashed #f59e0b !important; }
 /* Overlay slide-in (web parity) */
 @keyframes slide-in-right { from { transform: translateX(100%); opacity: 0; } to { transform: translateX(0); opacity: 1; } }
 .slide-in-right { animation: slide-in-right 0.3s ease-out; }
 /* Terminal header hover (web parity) */
 .term-btn:hover { background: var(--surface-2); filter: brightness(0.95); }
-.term-tab:not(.term-tab-active):hover { color: var(--text-main) !important; }
+.term-tab { border-radius: 8px; }
+.term-tab:not(.term-tab-active):hover { color: var(--text-main) !important; background: color-mix(in srgb, var(--surface-2) 60%, transparent); }
+.term-tab-active {
+  color: var(--text-main) !important;
+  font-weight: 600;
+  background: color-mix(in srgb, var(--brand-500) 35%, transparent);
+}
 .term-group-item:hover { background: var(--surface-2); }
 /* Connection cards — borderless on dark, subtle border on light (session parity) */
 .conn-card { border: none; }

package/dist/ui/index.html

@@ -14,8 +14,8 @@
       const savedTheme = localStorage.getItem("9remote-theme") || "dark";
       document.documentElement.setAttribute("data-theme", savedTheme);
     </script>
-    <script type="module" crossorigin src="/assets/index-x-cLAYQY.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-DxFTXB_J.css">
+    <script type="module" crossorigin src="/assets/index-6avVMwsi.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-ByjrCweb.css">
   </head>
   <body>
     <div id="root"></div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "9remote",
-  "version": "2.1.5",
+  "version": "2.1.7",
   "type": "module",
   "description": "Remote terminal access from anywhere",
   "main": "dist/server.cjs",
@@ -33,28 +33,29 @@
     "@xterm/addon-fit": "^0.11.0",
     "@xterm/addon-unicode11": "^0.9.0",
     "@xterm/xterm": "^6.0.0",
-    "bufferutil": "^4.1.0",
+    "bufferutil": "4.1.0",
     "chalk": "^5.4.1",
     "chokidar": "^3.6.0",
     "edge-tts-node": "^1.5.7",
     "http-proxy": "^1.18.1",
     "inquirer": "^9.3.8",
     "multicast-dns": "^7.2.5",
-    "node-datachannel": "^0.32.3",
     "node-machine-id": "^1.1.12",
     "node-screenshots": "^0.2.8",
     "ora": "^8.1.1",
     "preact": "^10.26.2",
     "qrcode": "^1.5.4",
     "qrcode-terminal": "^0.12.0",
-    "sharp": "^0.33.5",
+    "sharp": "0.33.5",
     "socket.io": "^4.8.3",
     "socket.io-client": "^4.8.3",
-    "utf-8-validate": "^6.0.6",
+    "utf-8-validate": "6.0.6",
     "web-push": "^3.6.7"
   },
   "optionalDependencies": {
     "@hurdlegroup/robotjs": "^0.12.1",
+    "@julusian/jpeg-turbo": "3.0.1",
+    "node-datachannel": "0.32.3",
     "node-pty": "1.2.0-beta.12"
   },
   "devDependencies": {