9remote 2.0.70 → 2.0.73

package/dist/ui/assets/{index-CMuW3Xmi.css → index-B9PikATf.css}

@@ -1,4 +1,4 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap");@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200");/**
+@import url("https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200");/**
  * Copyright (c) 2014 The xterm.js authors. All rights reserved.
  * Copyright (c) 2012-2013, Christopher Jeffrey (MIT License)
  * https://github.com/chjj/term.js
@@ -435,7 +435,7 @@ html,
   -moz-tab-size: 4; /* 3 */
   -o-tab-size: 4;
      tab-size: 4; /* 3 */
-  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
+  font-family: Sora, system-ui, sans-serif; /* 4 */
   font-feature-settings: normal; /* 5 */
   font-variation-settings: normal; /* 6 */
   -webkit-tap-highlight-color: transparent; /* 7 */
@@ -501,7 +501,7 @@ code,
 kbd,
 samp,
 pre {
-  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
+  font-family: JetBrains Mono, ui-monospace, monospace; /* 1 */
   font-feature-settings: normal; /* 2 */
   font-variation-settings: normal; /* 3 */
   font-size: 1em; /* 4 */
@@ -742,7 +742,7 @@ html,
     overflow: hidden;
   }
 body {
-    font-family: "Inter", sans-serif;
+    font-family: "Sora", system-ui, sans-serif;
     background-color: var(--bg-main);
     color: var(--text-main);
     -webkit-font-smoothing: antialiased;
@@ -805,11 +805,13 @@ button {
     max-width: 1536px;
   }
 }
-/* Clean background */
+/* Clean background — soft radial base (pro5 parity) */
 .dot-grid-bg {
-    background: var(--bg-main);
-    transition: background-color 0.3s ease;
+    background: linear-gradient(160deg, var(--bg-alt), var(--bg-main) 55%, var(--bg-body));
+    transition: background 0.3s ease;
   }
+/* Conic rainbow shimmer — pro5 parity, no animation */
+/* Warm color wash — pro5 pcb layer minus the photo (warm undertone + brand glow) */
 /* Faint grid overlay — synced with web landing grid (absolute inside relative parent) */
 .landing-grid {
     background-image:
@@ -818,19 +820,41 @@ button {
     background-size: 40px 40px;
     opacity: var(--grid-opacity, 0.05);
   }
+/* Animated aurora blobs — slow drift, brand-tinted, behind content */
+.aurora {
+    background:
+      radial-gradient(38% 44% at 18% 22%, rgba(var(--brand-rgb), 0.22), transparent 62%),
+      radial-gradient(32% 40% at 82% 12%, rgba(var(--brand-rgb), 0.14), transparent 60%),
+      radial-gradient(46% 50% at 70% 88%, rgba(var(--brand-rgb), 0.10), transparent 65%);
+    filter: blur(40px);
+    animation: aurora-drift 26s ease-in-out infinite alternate;
+    will-change: transform;
+  }
+[data-theme="light"] .aurora { opacity: 0.5; }
+/* Static warm glow — soft even radials that bleed warmth through the glass cards */
+@keyframes aurora-drift {
+    from { transform: translate3d(-3%, -2%, 0) scale(1); }
+    to { transform: translate3d(4%, 3%, 0) scale(1.08); }
+  }
+@media (prefers-reduced-motion: reduce) {
+    .aurora { animation: none; }
+  }
+/* Vignette + fine grain — darkens edges, focuses center (pro5 parity) */
 /* Dark card — synced with web login card */
 .dark-card {
-    background: var(--surface);
+    background: var(--surface-2);
     border: 1px solid var(--border);
     border-radius: var(--radius-brand);
     transition: background-color 0.3s ease, border-color 0.3s ease;
   }
 /* Elevated cards — soft shadow, no flat border (web parity) */
 .card-elev {
-    background: var(--surface);
+    background: var(--glass-bg);
     box-shadow: var(--shadow-elev);
-    border: 1px solid var(--border-subtle);
-    border-radius: var(--radius-brand-lg);
+    border: 1px solid var(--glass-border);
+    border-radius: 20px;
+    backdrop-filter: blur(20px) saturate(140%);
+    -webkit-backdrop-filter: blur(20px) saturate(140%);
     transition: box-shadow 0.2s ease, border-color 0.2s ease;
   }
 .card-elev:hover {
@@ -845,29 +869,29 @@ button {
     transition: all 0.3s ease;
   }
 .glass-btn {
-    background: var(--glass-bg);
-    border: 1px solid var(--glass-border);
-    border-radius: 8px;
-    transition: all 0.2s ease;
+    background: var(--surface-2);
+    border: 1px solid var(--border);
+    border-radius: 10px;
+    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
   }
 .glass-btn:hover {
     background: var(--glass-hover);
-    border-color: var(--border);
+    border-color: var(--ring, var(--border));
   }
 .btn-primary {
-    background: var(--brand-500);
+    background: linear-gradient(135deg, var(--brand-500), var(--brand-400));
     border-radius: var(--radius-brand);
     color: #fff;
     font-weight: 600;
-    transition: all 0.2s ease;
-    box-shadow: 0 4px 16px rgba(229, 106, 74, 0.2);
+    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
+    box-shadow: 0 8px 20px -6px rgba(var(--brand-rgb), 0.5);
   }
 .btn-primary:hover {
-    background: var(--brand-600);
-    transform: scale(1.02);
+    filter: brightness(1.06);
+    transform: translateY(-1px);
   }
 .btn-primary:disabled {
-    background: rgba(229, 106, 74, 0.3);
+    background: rgba(var(--brand-rgb), 0.3);
     cursor: not-allowed;
     transform: none;
     box-shadow: none;
@@ -886,22 +910,30 @@ button {
   }
 /* Sidebar — 9router pattern: vibrancy bg + right border */
 .sidebar {
-    background: var(--sidebar);
-    border-right: 1px solid var(--border-subtle);
+    background: linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent);
+    border-right: 1px solid var(--border);
     backdrop-filter: blur(20px);
   }
 .brand-text {
-    font-family: "Press Start 2P", monospace;
-    color: var(--brand-500);
-    letter-spacing: 0.05em;
+    font-family: "Sora", system-ui, sans-serif;
+    font-weight: 700;
+    font-size: 15px;
+    color: var(--text-main);
+    letter-spacing: -0.02em;
   }
 .material-symbols-outlined {
-    font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
+    font-family: "Material Symbols Rounded";
+    font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;
   }
 /* Filled icon variant for active nav (9router) */
 .fill-1 {
     font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
   }
+/* Monospace → JetBrains Mono with tabular numerals */
+.font-mono {
+    font-family: "JetBrains Mono", ui-monospace, monospace;
+    font-variant-numeric: tabular-nums;
+  }
 .pointer-events-none{
   pointer-events: none;
 }
@@ -923,9 +955,6 @@ button {
 .relative{
   position: relative;
 }
-.sticky{
-  position: sticky;
-}
 .inset-0{
   inset: 0px;
 }
@@ -933,27 +962,42 @@ button {
   top: 0px;
   bottom: 0px;
 }
+.-right-1\.5{
+  right: -0.375rem;
+}
+.-top-1\.5{
+  top: -0.375rem;
+}
 .bottom-0{
   bottom: 0px;
 }
+.bottom-1\.5{
+  bottom: 0.375rem;
+}
 .bottom-5{
   bottom: 1.25rem;
 }
+.bottom-full{
+  bottom: 100%;
+}
 .left-0{
   left: 0px;
 }
+.left-1\.5{
+  left: 0.375rem;
+}
 .right-0{
   right: 0px;
 }
+.right-1\.5{
+  right: 0.375rem;
+}
 .right-2{
   right: 0.5rem;
 }
 .right-7{
   right: 1.75rem;
 }
-.top-0{
-  top: 0px;
-}
 .top-0\.5{
   top: 0.125rem;
 }
@@ -966,9 +1010,6 @@ button {
 .isolate{
   isolation: isolate;
 }
-.-z-10{
-  z-index: -10;
-}
 .z-0{
   z-index: 0;
 }
@@ -990,6 +1031,10 @@ button {
 .z-\[60\]{
   z-index: 60;
 }
+.-mx-3{
+  margin-left: -0.75rem;
+  margin-right: -0.75rem;
+}
 .mx-auto{
   margin-left: auto;
   margin-right: auto;
@@ -1015,12 +1060,18 @@ button {
 .ml-1{
   margin-left: 0.25rem;
 }
+.ml-auto{
+  margin-left: auto;
+}
 .mt-0\.5{
   margin-top: 0.125rem;
 }
 .mt-1{
   margin-top: 0.25rem;
 }
+.mt-2{
+  margin-top: 0.5rem;
+}
 .mt-8{
   margin-top: 2rem;
 }
@@ -1063,12 +1114,12 @@ button {
 .h-4{
   height: 1rem;
 }
-.h-44{
-  height: 11rem;
-}
 .h-5{
   height: 1.25rem;
 }
+.h-52{
+  height: 13rem;
+}
 .h-6{
   height: 1.5rem;
 }
@@ -1078,8 +1129,8 @@ button {
 .h-8{
   height: 2rem;
 }
-.h-9{
-  height: 2.25rem;
+.h-\[26px\]{
+  height: 26px;
 }
 .h-full{
   height: 100%;
@@ -1090,6 +1141,9 @@ button {
 .max-h-\[90vh\]{
   max-height: 90vh;
 }
+.max-h-\[calc\(100dvh-14rem\)\]{
+  max-height: calc(100dvh - 14rem);
+}
 .min-h-0{
   min-height: 0px;
 }
@@ -1105,9 +1159,6 @@ button {
 .w-10{
   width: 2.5rem;
 }
-.w-11{
-  width: 2.75rem;
-}
 .w-16{
   width: 4rem;
 }
@@ -1117,14 +1168,14 @@ button {
 .w-4{
   width: 1rem;
 }
-.w-44{
-  width: 11rem;
-}
 .w-5{
   width: 1.25rem;
 }
-.w-64{
-  width: 16rem;
+.w-52{
+  width: 13rem;
+}
+.w-6{
+  width: 1.5rem;
 }
 .w-7{
   width: 1.75rem;
@@ -1138,8 +1189,11 @@ button {
 .w-80{
   width: 20rem;
 }
-.w-9{
-  width: 2.25rem;
+.w-\[264px\]{
+  width: 264px;
+}
+.w-\[46px\]{
+  width: 46px;
 }
 .w-full{
   width: 100%;
@@ -1249,6 +1303,12 @@ button {
 .flex-col{
   flex-direction: column;
 }
+.flex-wrap{
+  flex-wrap: wrap;
+}
+.items-end{
+  align-items: flex-end;
+}
 .items-center{
   align-items: center;
 }
@@ -1282,6 +1342,9 @@ button {
 .gap-3{
   gap: 0.75rem;
 }
+.gap-3\.5{
+  gap: 0.875rem;
+}
 .gap-4{
   gap: 1rem;
 }
@@ -1327,12 +1390,18 @@ button {
 .rounded-2xl{
   border-radius: 1rem;
 }
+.rounded-\[18px\]{
+  border-radius: 18px;
+}
 .rounded-full{
   border-radius: 9999px;
 }
 .rounded-lg{
   border-radius: 0.5rem;
 }
+.rounded-md{
+  border-radius: 0.375rem;
+}
 .rounded-xl{
   border-radius: 0.75rem;
 }
@@ -1366,6 +1435,10 @@ button {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
 }
+.object-cover{
+  -o-object-fit: cover;
+     object-fit: cover;
+}
 .p-1{
   padding: 0.25rem;
 }
@@ -1378,15 +1451,15 @@ button {
 .p-3{
   padding: 0.75rem;
 }
+.p-3\.5{
+  padding: 0.875rem;
+}
 .p-4{
   padding: 1rem;
 }
 .p-5{
   padding: 1.25rem;
 }
-.p-6{
-  padding: 1.5rem;
-}
 .px-0\.5{
   padding-left: 0.125rem;
   padding-right: 0.125rem;
@@ -1407,6 +1480,10 @@ button {
   padding-left: 0.75rem;
   padding-right: 0.75rem;
 }
+.px-3\.5{
+  padding-left: 0.875rem;
+  padding-right: 0.875rem;
+}
 .px-4{
   padding-left: 1rem;
   padding-right: 1rem;
@@ -1443,6 +1520,10 @@ button {
   padding-top: 0.75rem;
   padding-bottom: 0.75rem;
 }
+.py-3\.5{
+  padding-top: 0.875rem;
+  padding-bottom: 0.875rem;
+}
 .py-5{
   padding-top: 1.25rem;
   padding-bottom: 1.25rem;
@@ -1457,15 +1538,18 @@ button {
 .pb-3{
   padding-bottom: 0.75rem;
 }
-.pb-4{
-  padding-bottom: 1rem;
-}
-.pl-12{
-  padding-left: 3rem;
+.pb-6{
+  padding-bottom: 1.5rem;
 }
 .pl-6{
   padding-left: 1.5rem;
 }
+.pl-9{
+  padding-left: 2.25rem;
+}
+.pr-1{
+  padding-right: 0.25rem;
+}
 .pr-8{
   padding-right: 2rem;
 }
@@ -1482,33 +1566,51 @@ button {
   text-align: center;
 }
 .font-mono{
-  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  font-family: JetBrains Mono, ui-monospace, monospace;
 }
-.text-6xl{
-  font-size: 3.75rem;
+.text-7xl{
+  font-size: 4.5rem;
   line-height: 1;
 }
+.text-\[10\.5px\]{
+  font-size: 10.5px;
+}
 .text-\[10px\]{
   font-size: 10px;
 }
+.text-\[11\.5px\]{
+  font-size: 11.5px;
+}
 .text-\[11px\]{
   font-size: 11px;
 }
+.text-\[12\.5px\]{
+  font-size: 12.5px;
+}
 .text-\[12px\]{
   font-size: 12px;
 }
+.text-\[13\.5px\]{
+  font-size: 13.5px;
+}
 .text-\[13px\]{
   font-size: 13px;
 }
+.text-\[15px\]{
+  font-size: 15px;
+}
 .text-\[16px\]{
   font-size: 16px;
 }
-.text-\[19px\]{
-  font-size: 19px;
+.text-\[20px\]{
+  font-size: 20px;
 }
 .text-\[22px\]{
   font-size: 22px;
 }
+.text-\[8px\]{
+  font-size: 8px;
+}
 .text-base{
   font-size: 1rem;
   line-height: 1.5rem;
@@ -1642,87 +1744,96 @@ button {
 }
 /* Light theme — GitBook-style softer brand (web light) */
 :root[data-theme="light"] {
-  --brand-500: #E68A6E;
-  --brand-600: #d77459;
-  --brand-400: #ea9577;
-  --brand-tint: rgba(230, 138, 110, 0.12);
-  --brand-rgb: 230, 138, 110;
+  --brand-500: #E85A2C;
+  --brand-600: #cc4e24;
+  --brand-400: #f2711c;
+  --brand-tint: rgba(232, 90, 44, 0.12);
+  --brand-rgb: 232, 90, 44;
+  --ring: rgba(232, 90, 44, 0.42);
   --bg-body: #FCFBF9;
   --bg-main: #FCFBF9;
-  --bg-alt: #F4F4F5;
+  --bg-alt: #F3F1ED;
   --surface: #FFFFFF;
-  --surface-2: #F4F4F5;
-  --sidebar: var(--surface);
-  --border: #E5E7EB;
-  --border-subtle: #F1F1F3;
-  --text-main: #0A0A0A;
-  --text-muted: #6B7280;
-  --glass-bg: rgba(255, 255, 255, 0.6);
-  --glass-border: rgba(0, 0, 0, 0.08);
-  --glass-hover: rgba(255, 255, 255, 0.8);
+  --surface-2: rgba(255, 255, 255, 0.9);
+  --sidebar: #F5F7FC;
+  --border: rgba(20, 30, 60, 0.10);
+  --border-subtle: rgba(20, 30, 60, 0.06);
+  --text-main: #0C1230;
+  --text-muted: #5A648A;
+  --glass-bg: rgba(255, 255, 255, 0.74);
+  --glass-border: rgba(20, 30, 60, 0.10);
+  --glass-hover: rgba(255, 255, 255, 0.9);
   --grid-opacity: 0.08;
   --header-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
   --surface-3: #E7E7E9;
-  --text-subtle: #9CA3AF;
+  --text-subtle: #8A93B4;
   --success: #10B981;
   --success-rgb: 16, 185, 129;
-  --danger: #CF222E;
-  --danger-rgb: 207, 34, 46;
+  --danger: #DC2626;
+  --danger-rgb: 220, 38, 38;
   --warn: #D97706;
   --warn-rgb: 217, 119, 6;
   --info: #7C3AED;
   --shadow-soft: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
   --shadow-elev:
     inset 0 1px 0 0 rgba(255, 255, 255, 0.9),
-    0 1px 2px rgba(15, 23, 42, 0.05),
-    0 16px 44px -12px rgba(15, 23, 42, 0.16);
+    0 24px 50px -20px rgba(60, 70, 120, 0.35);
 }
 /* Dark theme — Claude-like neutral warm dark (web default) */
 :root[data-theme="dark"] {
-  --brand-500: #E56A4A;
-  --brand-600: #cc5236;
-  --brand-400: #ea7855;
-  --brand-tint: rgba(229, 106, 74, 0.12);
-  --brand-rgb: 229, 106, 74;
-  --bg-body: #1A1A1A;
-  --bg-main: #1A1A1A;
-  --bg-alt: #303030;
-  --surface: #262626;
-  --surface-2: #303030;
-  --sidebar: var(--surface);
-  --border: #333333;
-  --border-subtle: #2A2A2A;
-  --text-main: #EDEDED;
-  --text-muted: #9CA3AF;
-  --glass-bg: rgba(38, 38, 38, 0.6);
+  --brand-500: #FF6A3D;
+  --brand-600: #e5572c;
+  --brand-400: #ff8155;
+  --brand-tint: rgba(255, 106, 61, 0.12);
+  --brand-rgb: 255, 106, 61;
+  --ring: rgba(255, 106, 61, 0.55);
+  --bg-body: #1a1a1a;
+  --bg-main: #1a1a1a;
+  --bg-alt: #242424;
+  --surface: #16151C;
+  --surface-2: rgba(44, 42, 54, 0.6);
+  --sidebar: #0C1120;
+  --border: rgba(255, 255, 255, 0.08);
+  --border-subtle: rgba(255, 255, 255, 0.05);
+  --text-main: #EAF0FF;
+  --text-muted: #8B98B8;
+  --glass-bg: rgba(56, 56, 61, 0.6);
   --glass-border: rgba(255, 255, 255, 0.08);
-  --glass-hover: rgba(48, 48, 48, 0.8);
+  --glass-hover: rgba(48, 46, 58, 0.72);
   --grid-opacity: 0.04;
   --header-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
-  --surface-3: #3A3A3A;
-  --text-subtle: #6B7280;
-  --success: #22C55E;
-  --success-rgb: 34, 197, 94;
-  --danger: #EF4444;
-  --danger-rgb: 239, 68, 68;
-  --warn: #F59E0B;
-  --warn-rgb: 245, 158, 11;
+  --surface-3: #2A3556;
+  --text-subtle: #5B6685;
+  --success: #34E5A4;
+  --success-rgb: 52, 229, 164;
+  --danger: #FF5252;
+  --danger-rgb: 255, 82, 82;
+  --warn: #FFC24B;
+  --warn-rgb: 255, 194, 75;
   --info: #A855F7;
   --shadow-soft: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
   --shadow-elev:
     inset 0 1px 0 0 rgba(255, 255, 255, 0.06),
-    0 2px 4px rgba(0, 0, 0, 0.4),
-    0 20px 56px -12px rgba(0, 0, 0, 0.7);
+    0 24px 60px -18px rgba(3, 6, 16, 0.9);
 }
 /* Brand-tinted text selection (9router) */
 ::-moz-selection {
-  background-color: rgba(229, 106, 74, 0.25);
+  background-color: rgba(var(--brand-rgb), 0.25);
   color: var(--brand-500);
 }
 ::selection {
-  background-color: rgba(229, 106, 74, 0.25);
+  background-color: rgba(var(--brand-rgb), 0.25);
   color: var(--brand-500);
 }
+/* Health dot — soft spreading glow pulse (pro5 parity) */
+@keyframes health-pulse {
+  50% { box-shadow: 0 0 0 7px rgba(var(--success-rgb), 0.05); }
+}
+.health-dot {
+  box-shadow: 0 0 0 4px rgba(var(--success-rgb), 0.18);
+  animation: health-pulse 2.4s ease-in-out infinite;
+}
+@media (prefers-reduced-motion: reduce) { .health-dot { animation: none; } }
 @keyframes pulse-ring {
   0%   { transform: scale(0.8); opacity: 1; }
   100% { transform: scale(1.6); opacity: 0; }
@@ -1820,6 +1931,12 @@ button {
 .dashed-card:hover { border-color: var(--brand-500); color: var(--brand-500); background: var(--brand-tint); }
 /* Terminal input — brand focus ring (web parity; tailwind brand color unavailable here) */
 .term-input:focus { box-shadow: 0 0 0 2px rgba(var(--brand-rgb), 0.4); }
+.first\:border-t-0:first-child{
+  border-top-width: 0px;
+}
+.first\:pt-0:first-child{
+  padding-top: 0px;
+}
 .last\:border-0:last-child{
   border-width: 0px;
 }
@@ -1851,20 +1968,14 @@ button {
   }
 }
 @media (min-width: 768px){
-  .md\:col-span-1{
-    grid-column: span 1 / span 1;
-  }
-  .md\:col-span-2{
-    grid-column: span 2 / span 2;
-  }
   .md\:flex{
     display: flex;
   }
   .md\:hidden{
     display: none;
   }
-  .md\:grid-cols-3{
-    grid-template-columns: repeat(3, minmax(0, 1fr));
+  .md\:grid-cols-\[1fr_1\.7fr\]{
+    grid-template-columns: 1fr 1.7fr;
   }
 }
 @media (min-width: 1024px){
@@ -1874,13 +1985,13 @@ button {
   .lg\:grid-cols-3{
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
-  .lg\:p-10{
-    padding: 2.5rem;
-  }
   .lg\:px-10{
     padding-left: 2.5rem;
     padding-right: 2.5rem;
   }
+  .lg\:pb-10{
+    padding-bottom: 2.5rem;
+  }
   .lg\:text-2xl{
     font-size: 1.5rem;
     line-height: 2rem;