@juspay/shooter 1.6.2 → 1.7.1

package/src/routes/terminals/+page.svelte

@@ -2,17 +2,21 @@
   import type { ShooterConfig, TerminalListItem } from '$lib/types';
 
   import { goto } from '$app/navigation';
+  import RefreshSvg from '$lib/assets/icons/refresh.svg?raw';
+  import SettingsSvg from '$lib/assets/icons/settings.svg?raw';
+  import TerminalSvg from '$lib/assets/icons/terminal.svg?raw';
+  import { clearCache, getCached, isShooterConfig, setCache } from '$lib/modules/client/common';
+  import LaunchSheet from '$lib/modules/client/terminal/LaunchSheet.svelte';
   import {
-    clearCache,
+    Banner,
+    Button,
     EmptyState,
-    formatRelativeTime,
-    getCached,
     Icon,
-    isShooterConfig,
-    setCache,
-  } from '$lib/modules/client/common';
-  import LaunchSheet from '$lib/modules/client/terminal/LaunchSheet.svelte';
-  import { Banner, Button, Pill, Shimmer, Tooltip } from '@juspay/svelte-ui-components';
+    Pill,
+    RelativeTime,
+    Shimmer,
+    Tooltip,
+  } from '@juspay/svelte-ui-components';
   import { onDestroy, onMount } from 'svelte';
 
   const POLL_INTERVAL_MS = 10_000;
@@ -245,7 +249,7 @@
       </div>
       <div class="page-actions">
         <Button classes="btn-secondary" onclick={forceRefresh} disabled={loading}>
-          <Icon name="refresh" size={14} />
+          <Icon svg={RefreshSvg} classes="icon-14" />
           Refresh
         </Button>
         <Button classes="btn-primary" onclick={handleNewTerminal}>
@@ -268,18 +272,18 @@
     </div>
   {:else if !config?.apiKey}
     <EmptyState
-      icon="settings"
       title="Configuration Required"
       description="Set up your API credentials to view terminal sessions"
     >
+      {#snippet icon()}<Icon svg={SettingsSvg} classes="icon-24" />{/snippet}
       <Button classes="btn-primary" onclick={navigateToConfig} text="Configure Settings" />
     </EmptyState>
   {:else if terminals.length === 0}
     <EmptyState
-      icon="terminal"
       title="No terminals"
       description="Launch a new terminal session to get started. Terminal sessions will appear here once created."
     >
+      {#snippet icon()}<Icon svg={TerminalSvg} classes="icon-24" />{/snippet}
       <Button classes="btn-primary" onclick={handleNewTerminal}>
         <span class="plus-icon">+</span>
         New Terminal
@@ -299,7 +303,7 @@
               <span class="terminal-command">{getCommandName(terminal.command)}</span>
               <Pill text={badge.label} classes={badge.class} />
             </div>
-            <span class="terminal-time">{formatRelativeTime(terminal.createdAt)}</span>
+            <RelativeTime date={terminal.createdAt} format="narrow" classes="terminal-time" />
           </div>
 
           <div class="terminal-card-meta">
@@ -336,11 +340,11 @@
               {/if}
             </div>
             <div class="terminal-card-right">
-              <span class="terminal-time">
-                {terminal.exitedAt
-                  ? formatRelativeTime(terminal.exitedAt)
-                  : formatRelativeTime(terminal.createdAt)}
-              </span>
+              <RelativeTime
+                date={terminal.exitedAt || terminal.createdAt}
+                format="narrow"
+                classes="terminal-time"
+              />
               <Button
                 classes="btn-ghost btn-sm btn-remove"
                 onclick={(e: MouseEvent): void => void removeTerminal(e, terminal.id)}
@@ -368,7 +372,7 @@
 
 {#if config?.apiKey}
   <LaunchSheet
-    open={showLaunchSheet}
+    bind:open={showLaunchSheet}
     apiKey={config.apiKey}
     onClose={handleLaunchClose}
     onLaunch={handleLaunchComplete}
@@ -376,43 +380,12 @@
 {/if}
 
 <style>
-  .page-header {
-    margin-bottom: var(--space-6);
-  }
-
-  .page-header-content {
-    display: flex;
-    justify-content: space-between;
-    align-items: flex-start;
-    gap: var(--space-4);
-  }
-
-  .page-title {
-    font-size: var(--text-2xl);
-    font-weight: 600;
-    letter-spacing: -0.03em;
-    color: var(--text-primary);
-    margin-bottom: var(--space-1);
-  }
-
-  .page-description {
-    font-size: var(--text-sm);
-    color: var(--text-secondary);
-  }
-
-  .page-actions {
-    display: flex;
-    gap: var(--space-2);
-    flex-shrink: 0;
-  }
-
   .plus-icon {
     font-size: 14px;
     font-weight: 600;
     line-height: 1;
   }
 
-  /* Terminals list */
   .terminals-container {
     display: flex;
     flex-direction: column;
@@ -420,7 +393,6 @@
     animation: fadeIn 0.2s ease;
   }
 
-  /* Terminal card */
   .terminal-card {
     background: var(--component-bg);
     border: 1px solid var(--border);
@@ -452,7 +424,6 @@
     opacity: 0.75;
   }
 
-  /* Card header row */
   .terminal-card-header {
     display: flex;
     justify-content: space-between;
@@ -469,7 +440,6 @@
     flex-wrap: wrap;
   }
 
-  /* Status indicators */
   .status-indicator {
     display: inline-flex;
     align-items: center;
@@ -479,41 +449,6 @@
     flex-shrink: 0;
   }
 
-  .status-dot-active {
-    width: 8px;
-    height: 8px;
-    border-radius: 50%;
-    background: #4ade80;
-    animation: activity-pulse 600ms ease-in-out infinite;
-  }
-
-  .status-dot-idle {
-    width: 8px;
-    height: 8px;
-    border-radius: 50%;
-    background: var(--ds-gray-600);
-  }
-
-  .status-dot-static {
-    width: 8px;
-    height: 8px;
-    border-radius: 50%;
-    background: var(--ds-gray-600);
-  }
-
-  @keyframes activity-pulse {
-    0%,
-    100% {
-      transform: scale(1);
-      opacity: 1;
-    }
-    50% {
-      transform: scale(1.5);
-      opacity: 0.7;
-    }
-  }
-
-  /* Command name */
   .terminal-command {
     font-family: var(--font-mono);
     font-size: var(--text-base);
@@ -525,15 +460,6 @@
     max-width: 200px;
   }
 
-  /* Time */
-  .terminal-time {
-    font-size: var(--text-xs);
-    color: var(--text-tertiary);
-    white-space: nowrap;
-    flex-shrink: 0;
-  }
-
-  /* Right side of exited card header */
   .terminal-card-right {
     display: flex;
     align-items: center;
@@ -541,7 +467,6 @@
     flex-shrink: 0;
   }
 
-  /* Meta row: cwd + pid */
   .terminal-card-meta {
     display: flex;
     align-items: center;
@@ -567,7 +492,6 @@
     flex-shrink: 0;
   }
 
-  /* Output preview strip */
   .terminal-preview {
     background: var(--ds-background-200);
     border: 1px solid var(--ds-gray-alpha-200);
@@ -587,13 +511,7 @@
     line-height: var(--leading-normal);
   }
 
-  /* Responsive */
   @media (max-width: 768px) {
-    .page-header-content {
-      flex-direction: column;
-      gap: var(--space-4);
-    }
-
     .terminal-card {
       padding: var(--space-3);
     }
@@ -604,26 +522,12 @@
       gap: var(--space-2);
     }
 
-    .terminal-time {
-      align-self: flex-start;
-    }
-
     .terminal-command {
       max-width: 160px;
     }
   }
 
   @media (max-width: 480px) {
-    .page-actions {
-      flex-direction: column;
-      width: 100%;
-    }
-
-    .page-actions :global(button) {
-      width: 100%;
-      flex: 1;
-    }
-
     .terminal-command {
       max-width: 120px;
     }

package/src/routes/terminals/[id]/+page.svelte

@@ -10,14 +10,22 @@
   import { browser } from '$app/environment';
   import { goto } from '$app/navigation';
   import { page } from '$app/stores';
-  import { EmptyState } from '$lib/modules/client/common';
+  import AlertTriangleSvg from '$lib/assets/icons/alert-triangle.svg?raw';
   import ChatView from '$lib/modules/client/terminal/ChatView.svelte';
   import CommandPalette from '$lib/modules/client/terminal/CommandPalette.svelte';
   import ConnectionStatus from '$lib/modules/client/terminal/ConnectionStatus.svelte';
-  import { createShortcutManager, modLabel } from '$lib/modules/client/terminal/keyboard-shortcuts';
+  import { createShortcutManager } from '$lib/modules/client/terminal/keyboard-shortcuts';
   import QuickKeys from '$lib/modules/client/terminal/QuickKeys.svelte';
   import ShortcutsHelp from '$lib/modules/client/terminal/ShortcutsHelp.svelte';
-  import { Button, Input, Pill, Tabs, Tooltip } from '@juspay/svelte-ui-components';
+  import {
+    Button,
+    EmptyState,
+    Icon,
+    Input,
+    Pill,
+    Tabs,
+    Tooltip,
+  } from '@juspay/svelte-ui-components';
   import { onDestroy, onMount } from 'svelte';
 
   // ------- Constants -------
@@ -665,7 +673,9 @@
         Terminals
       </a>
     </div>
-    <EmptyState icon="alert-triangle" title="Error" description={error} />
+    <EmptyState title="Error" description={error}>
+      {#snippet icon()}<Icon svg={AlertTriangleSvg} classes="icon-24" />{/snippet}
+    </EmptyState>
   </main>
 {:else if terminal}
   <div class="term-page">
@@ -711,15 +721,14 @@
           />
         {/if}
 
-        <button
-          class="term-shortcuts-btn"
+        <Button
+          classes="term-shortcuts-btn"
           onclick={(): void => {
             showShortcutsHelp = !showShortcutsHelp;
           }}
-          type="button"
-          title="{modLabel}+/ for shortcuts"
-          aria-label="Keyboard shortcuts">?</button
-        >
+          text="?"
+          ariaLabel="Keyboard shortcuts"
+        />
 
         {#if isRunning}
           <Button
@@ -907,27 +916,21 @@
   }
 
   /* Shortcuts button */
-  .term-shortcuts-btn {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    width: 28px;
-    height: 28px;
-    border-radius: var(--radius-sm);
-    border: 1px solid var(--border);
-    background: transparent;
-    color: var(--text-tertiary);
-    font-size: 14px;
-    font-weight: 600;
-    cursor: pointer;
+  :global(.term-shortcuts-btn) {
+    --button-height: 28px;
+    --button-width: 28px;
+    --button-padding: 0;
+    --button-border-radius: var(--radius-sm);
+    --button-border: 1px solid var(--border);
+    --button-color: transparent;
+    --button-text-color: var(--text-tertiary);
+    --button-font-size: 14px;
+    --button-font-weight: 600;
+    --button-hover-color: var(--component-bg-hover);
+    --button-hover-text-color: var(--text-primary);
     flex-shrink: 0;
   }
 
-  .term-shortcuts-btn:hover {
-    background: var(--component-bg-hover);
-    color: var(--text-primary);
-  }
-
   /* CWD display */
   .term-cwd {
     font-family: var(--font-mono);
@@ -968,7 +971,7 @@
   }
 
   .activity-active {
-    background: #4ade80;
+    background: var(--ds-green-500);
     animation: activity-pulse 600ms ease-in-out infinite;
   }
 
@@ -976,18 +979,6 @@
     background: var(--ds-gray-600);
   }
 
-  @keyframes activity-pulse {
-    0%,
-    100% {
-      transform: scale(1);
-      opacity: 1;
-    }
-    50% {
-      transform: scale(1.5);
-      opacity: 0.7;
-    }
-  }
-
   /* ============================================
      Terminal body — raw xterm.js
      ============================================ */
@@ -998,7 +989,7 @@
     min-height: 0;
     overflow: hidden;
     padding: var(--space-1);
-    background: #0a0a0f;
+    background: var(--ds-background-200, #0a0a0f);
   }
 
   .term-body :global(.xterm) {

package/build/client/_app/immutable/assets/0.BXHU1bFd.css

@@ -1 +0,0 @@
-:root{--ds-background-100: #0a0a0a;--ds-background-200: #000000;--ds-gray-100: #1a1a1a;--ds-gray-200: #1f1f1f;--ds-gray-300: #292929;--ds-gray-400: #2e2e2e;--ds-gray-500: #454545;--ds-gray-600: #878787;--ds-gray-700: #8f8f8f;--ds-gray-800: #7d7d7d;--ds-gray-900: #a1a1a1;--ds-gray-1000: #ededed;--ds-gray-alpha-100: rgba(255, 255, 255, .06);--ds-gray-alpha-200: rgba(255, 255, 255, .09);--ds-gray-alpha-300: rgba(255, 255, 255, .13);--ds-gray-alpha-400: rgba(255, 255, 255, .14);--ds-blue-100: #0d1d33;--ds-blue-700: #0070f3;--ds-blue-900: #52a8ff;--ds-red-100: #2a1314;--ds-red-700: #e5484d;--ds-red-900: #ff6166;--ds-green-100: #0d1f12;--ds-green-700: #46a758;--ds-green-900: #62c073;--ds-amber-100: #271700;--ds-amber-700: #f5a623;--ds-amber-900: #ffb224;--background: var(--ds-background-100);--background-secondary: var(--ds-background-200);--component-bg: var(--ds-gray-100);--component-bg-hover: var(--ds-gray-200);--component-bg-active: var(--ds-gray-300);--border: var(--ds-gray-400);--border-hover: var(--ds-gray-500);--border-active: var(--ds-gray-600);--text-primary: var(--ds-gray-1000);--text-secondary: var(--ds-gray-900);--text-tertiary: var(--ds-gray-800);--font-sans: "Geist", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-mono: "Geist Mono", "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", monospace;--text-xs: 12px;--text-sm: 13px;--text-base: 14px;--text-md: 15px;--text-lg: 16px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 32px;--text-4xl: 40px;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--tracking-tighter: -.04em;--tracking-tight: -.02em;--tracking-normal: 0;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .2s ease;--max-width: 1100px;--header-height: 64px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);background:var(--background);color:var(--text-primary);min-height:100vh}.app{height:100vh;display:flex;flex-direction:column;overflow:hidden}.header{height:var(--header-height);background:var(--background);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.header-content{max-width:var(--max-width);height:100%;margin:0 auto;padding:0 var(--space-6);display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:inherit}.logo-icon{width:24px;height:24px;flex-shrink:0}.logo-text{font-size:var(--text-md);font-weight:500;letter-spacing:var(--tracking-tight);color:var(--text-primary)}.nav{display:flex;align-items:center;gap:var(--space-1)}.nav-link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:400;color:var(--text-secondary);text-decoration:none;background:transparent;border:none;cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.nav-link:hover{color:var(--text-primary);background:var(--component-bg)}.nav-link.active{color:var(--text-primary)}.main{flex:1;max-width:var(--max-width);width:100%;margin:0 auto;padding:var(--space-8) var(--space-6)}.page-header{margin-bottom:var(--space-8)}.page-title{font-size:var(--text-2xl);font-weight:600;letter-spacing:var(--tracking-tighter);color:var(--text-primary);line-height:var(--leading-tight);margin-bottom:var(--space-2)}.page-description{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-normal)}.card{background:var(--component-bg);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.card-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--ds-gray-alpha-200)}.card-title{font-size:var(--text-sm);font-weight:500;color:var(--text-primary);line-height:var(--leading-tight)}.card-description{font-size:var(--text-sm);color:var(--text-tertiary);margin-top:var(--space-1);line-height:var(--leading-normal)}.card-content{padding:var(--space-5)}.status-badge{display:inline-flex;align-items:center;gap:var(--space-2);height:26px;padding:0 var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.02em}.status-badge.online{background:var(--ds-green-100);color:var(--ds-green-900)}.status-badge.offline{background:var(--ds-red-100);color:var(--ds-red-900)}.status-badge.degraded{background:var(--ds-amber-100);color:var(--ds-amber-900)}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-16) var(--space-6)}@media(max-width:768px){.empty-state{padding:var(--space-8) var(--space-4)}}@media(max-width:480px){.empty-state{padding:var(--space-6) var(--space-3)}}.empty-state-icon{width:48px;height:48px;margin:0 auto var(--space-5);background:var(--component-bg);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.empty-state-icon svg{width:24px;height:24px;color:var(--text-tertiary)}.empty-state-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.empty-state-description{font-size:var(--text-sm);color:var(--text-secondary);max-width:320px;margin:0 auto var(--space-6);line-height:var(--leading-relaxed)}.list{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.list-item{display:flex;align-items:center;padding:var(--space-4) var(--space-5);background:var(--component-bg);border-bottom:1px solid var(--ds-gray-alpha-200);transition:background var(--transition-fast)}.list-item:last-child{border-bottom:none}.list-item:hover{background:var(--component-bg-hover)}.code{font-family:var(--font-mono);font-size:var(--text-xs);background:var(--component-bg);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--text-secondary)}.divider{height:1px;background:var(--border);margin:var(--space-6) 0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:768px){:root{--header-height: 56px}.header-content{padding:0 var(--space-4)}.main{padding:var(--space-6) var(--space-4)}.page-title{font-size:var(--text-xl)}.hide-mobile{display:none}}@media(max-width:480px){:root{--header-height: 48px}.main{padding:var(--space-4) var(--space-3)}.header-content{padding:0 var(--space-3)}.logo{gap:var(--space-2)}.logo-text{font-size:var(--text-sm)}.nav{gap:0}.nav-link{padding:var(--space-3) var(--space-2);font-size:13px;min-height:44px;display:inline-flex;align-items:center}.btn{min-height:44px;height:auto;padding:10px 16px}.btn-sm,.input{min-height:44px;height:auto;padding:10px 12px}}.btn:focus-visible,.input:focus-visible,.nav-link:focus-visible{outline:2px solid var(--ds-blue-700);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}::selection{background:var(--ds-blue-700);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--ds-gray-400);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--ds-gray-500)}.session-card{background:linear-gradient(135deg,#141414e6,#1c1c20e6);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg, 14px);padding:var(--space-5, 1.25rem) var(--space-5, 1.25rem);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:hidden;min-width:0;gap:var(--space-3, .75rem);position:relative;text-decoration:none;box-shadow:0 1px 3px #0000004d,0 0 0 1px #ffffff08 inset}.session-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#22c55e,#16a34a);border-radius:3px 0 0 3px;opacity:.7;transition:opacity .25s}.session-card:hover{border-color:#22c55e4d;background:linear-gradient(135deg,#19191cf2,#202026f2);transform:translateY(-1px);box-shadow:0 4px 12px #0006,0 0 0 1px #22c55e26 inset}.session-card:hover:before{opacity:1}.session-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3, .75rem);min-width:0;overflow:hidden}.session-card-header>div:first-child{min-width:0;overflow:hidden}.session-card-title{font-size:1.05rem;font-weight:700;color:#f0f0f0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em}.session-card-subtitle{font-size:.78rem;color:#a3a3a3b3;font-family:var(--font-mono, monospace);margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.session-stats{display:flex;gap:var(--space-4, 1rem);font-size:.82rem;color:var(--text-secondary, #a3a3a3);align-items:center}.session-stats strong{color:#22c55e;font-weight:700;font-size:.95rem}.session-tools{display:flex;flex-wrap:wrap;gap:6px}.session-tool-pill{padding:3px 8px;border-radius:4px;font-size:.7rem;font-weight:600;font-family:var(--font-mono, monospace);border:1px solid}.session-tool-pill[data-tool=Bash]{background:#f59e0b26;color:#f59e0b;border-color:#f59e0b4d}.session-tool-pill[data-tool=Edit]{background:#3b82f626;color:#3b82f6;border-color:#3b82f64d}.session-tool-pill[data-tool=Write]{background:#8b5cf626;color:#8b5cf6;border-color:#8b5cf64d}.session-tool-pill[data-tool=Read]{background:#10b98126;color:#10b981;border-color:#10b9814d}.session-tool-pill[data-tool=Agent]{background:#ef444426;color:#ef4444;border-color:#ef44444d}.session-tool-pill[data-tool=Build]{background:#06b6d426;color:#06b6d4;border-color:#06b6d44d}.session-tool-pill[data-tool=Test]{background:#ec489926;color:#ec4899;border-color:#ec48994d}.session-tool-pill-default{background:#6b728026;color:#9ca3af;border-color:#6b72804d}.session-tool-more{padding:3px 8px;border-radius:4px;font-size:.7rem;color:var(--text-tertiary, #737373);background:#ffffff0d}.session-duration{font-size:.75rem;color:var(--text-tertiary, #737373)}.session-chevron{color:var(--text-tertiary, #737373);font-size:1.2rem;align-self:center}.session-detail-header{display:flex;align-items:center;gap:var(--space-3, .75rem);margin-bottom:var(--space-4, 1rem)}.session-back-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md, 8px);background:var(--bg-secondary, #141414);border:1px solid var(--border, #2a2a2a);color:var(--text-secondary, #a3a3a3);cursor:pointer;transition:all var(--transition-fast, .15s);text-decoration:none;font-size:1.1rem}.session-back-btn:hover{background:var(--bg-tertiary, #1a1a1a);color:var(--text-primary, #fafafa);border-color:var(--gray-600, #525252)}.session-info-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border, #2a2a2a);border:1px solid var(--border, #2a2a2a);border-radius:var(--radius-lg, 12px);overflow:hidden;margin-bottom:var(--space-5, 1.25rem)}.session-info-item{background:var(--bg-secondary, #141414);padding:var(--space-3, .75rem) var(--space-4, 1rem)}.session-info-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary, #737373);margin-bottom:4px}.session-info-value{font-size:.9rem;font-weight:500;color:var(--text-primary, #fafafa)}.session-events-list{display:flex;flex-direction:column;gap:0}.session-event{display:grid;grid-template-columns:60px auto 1fr;gap:var(--space-3, .75rem);padding:var(--space-3, .75rem) 0;border-bottom:1px solid var(--border, #2a2a2a);align-items:start}.session-event:last-child{border-bottom:none}.session-event-time{font-family:var(--font-mono, monospace);font-size:.8rem;color:var(--text-tertiary, #737373);padding-top:2px}.session-event-tool{padding:3px 8px;border-radius:4px;font-size:.7rem;font-weight:600;font-family:var(--font-mono, monospace);text-align:center;min-width:50px;border:1px solid}.session-event-content{min-width:0}.session-event-title{font-size:.9rem;color:var(--text-primary, #fafafa);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-event-message{font-size:.8rem;color:var(--text-tertiary, #737373);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-4, 1rem);margin-top:var(--space-3, .75rem);border-top:1px solid var(--border, #2a2a2a);font-size:.8rem;color:var(--text-secondary, #a3a3a3)}@media(max-width:768px){.session-card{padding:var(--space-3, .75rem)}.session-card-header{flex-direction:column;gap:var(--space-2, .5rem)}.session-badge{align-self:flex-start}.session-stats{flex-wrap:wrap;gap:var(--space-2, .5rem)}.session-info-bar{grid-template-columns:1fr 1fr}.session-event{grid-template-columns:50px auto 1fr;gap:var(--space-2, .5rem)}.session-event-title{white-space:normal}.session-footer{flex-direction:column;gap:var(--space-2, .5rem);align-items:flex-start}}@media(max-width:480px){.session-info-bar{grid-template-columns:1fr}.session-event{grid-template-columns:1fr;gap:var(--space-1, .25rem)}.session-event-time{font-size:.7rem}.session-card{padding:10px 12px;gap:var(--space-2)}.session-card-subtitle{font-size:.7rem}.session-stats{gap:var(--space-1);font-size:.75rem}}.chat-container{display:flex;flex-direction:column;gap:var(--space-4, 1rem);padding:var(--space-4, 1rem) 0;overflow-y:auto;flex:1;min-height:0}.chat-message{display:flex;gap:var(--space-3, .75rem);max-width:85%;animation:fadeInUp .2s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-message-user{align-self:flex-end;flex-direction:row-reverse}.chat-message-assistant{align-self:flex-start}.chat-message-system{align-self:center;max-width:90%}.chat-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;flex-shrink:0;margin-top:4px}.chat-avatar-user{background:#3b82f633;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.chat-avatar-assistant{background:#f9731633;color:#fb923c;border:1px solid rgba(249,115,22,.3)}.chat-bubble{border-radius:var(--radius-lg, 12px);padding:var(--space-3, .75rem) var(--space-4, 1rem);line-height:1.5;font-size:.9rem;word-break:break-word;overflow-wrap:break-word;min-width:0;overflow:hidden}.chat-bubble-user{background:#1e293b;border:1px solid #334155;color:var(--text-primary, #fafafa);border-bottom-right-radius:4px}.chat-bubble-assistant{background:var(--bg-secondary, #141414);border:1px solid var(--border, #2a2a2a);color:var(--text-primary, #fafafa);border-bottom-left-radius:4px}.chat-bubble p{margin:0 0 .5rem}.chat-bubble p:last-child{margin-bottom:0}.chat-bubble code{background:#ffffff14;padding:2px 6px;border-radius:4px;font-family:var(--font-mono, monospace);font-size:.85em}.chat-bubble pre{background:#0000004d;border:1px solid var(--border, #2a2a2a);border-radius:var(--radius-md, 8px);padding:var(--space-3, .75rem);overflow-x:auto;margin:.5rem 0;font-size:.8rem}@media(max-width:768px){.chat-bubble pre{max-width:calc(100vw - 120px)}}.chat-bubble pre code{background:none;padding:0}.chat-bubble h1,.chat-bubble h2,.chat-bubble h3,.chat-bubble h4{margin:.75rem 0 .25rem;font-weight:600;line-height:1.3;color:var(--text-primary, #fafafa)}.chat-bubble h1{font-size:1.15em}.chat-bubble h2{font-size:1.05em}.chat-bubble h3{font-size:.95em}.chat-bubble h4{font-size:.9em}.chat-bubble h1:first-child,.chat-bubble h2:first-child,.chat-bubble h3:first-child{margin-top:0}.chat-bubble ul,.chat-bubble ol{margin:.4rem 0;padding-left:1.4rem}.chat-bubble li{margin-bottom:.2rem;line-height:1.5}.chat-bubble li>ul,.chat-bubble li>ol{margin:.1rem 0}.chat-bubble blockquote{border-left:3px solid var(--gray-600, #525252);margin:.5rem 0;padding:.25rem .75rem;color:var(--text-secondary, #a3a3a3);font-style:italic}.chat-bubble table{border-collapse:collapse;width:100%;margin:.5rem 0;font-size:.85em}.chat-bubble th,.chat-bubble td{border:1px solid var(--border, #2a2a2a);padding:.35rem .6rem;text-align:left}.chat-bubble th{background:#ffffff0a;font-weight:600}.chat-bubble hr{border:none;border-top:1px solid var(--border, #2a2a2a);margin:.75rem 0}.chat-bubble a{color:#60a5fa;text-decoration:none}.chat-bubble a:hover{text-decoration:underline}.chat-bubble strong{font-weight:600;color:var(--text-primary, #fafafa)}.chat-bubble em{font-style:italic}.chat-bubble img{max-width:100%;border-radius:var(--radius-md, 8px)}.chat-timestamp{font-size:.7rem;color:var(--text-tertiary, #737373);margin-top:4px;padding:0 4px}.chat-message-user .chat-timestamp{text-align:right}.chat-tool-card{background:var(--bg-secondary, #141414);border:1px solid var(--border, #2a2a2a);border-radius:var(--radius-md, 8px);overflow:hidden;margin:var(--space-2, .5rem) 0;max-width:90%;align-self:flex-start}.chat-tool-header{display:flex;align-items:center;gap:var(--space-2, .5rem);padding:var(--space-2, .5rem) var(--space-3, .75rem);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast, .15s)}.chat-tool-header:hover{background:#ffffff08}.chat-tool-chevron{font-size:.7rem;color:var(--text-tertiary, #737373);transition:transform .2s ease}.chat-tool-chevron.expanded{transform:rotate(90deg)}.chat-tool-name{font-family:var(--font-mono, monospace);font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:4px;border:1px solid}.chat-tool-name[data-tool=Bash]{background:#f59e0b26;color:#f59e0b;border-color:#f59e0b4d}.chat-tool-name[data-tool=Edit]{background:#3b82f626;color:#3b82f6;border-color:#3b82f64d}.chat-tool-name[data-tool=Write]{background:#8b5cf626;color:#8b5cf6;border-color:#8b5cf64d}.chat-tool-name[data-tool=Read]{background:#10b98126;color:#10b981;border-color:#10b9814d}.chat-tool-name[data-tool=Agent]{background:#ef444426;color:#ef4444;border-color:#ef44444d}.chat-tool-name[data-tool=Grep]{background:#06b6d426;color:#06b6d4;border-color:#06b6d44d}.chat-tool-name[data-tool=Glob]{background:#ec489926;color:#ec4899;border-color:#ec48994d}.chat-tool-name[data-tool=Skill]{background:#a855f726;color:#a855f7;border-color:#a855f74d}.chat-tool-description{font-size:.8rem;color:var(--text-secondary, #a3a3a3);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-tool-body{border-top:1px solid var(--border, #2a2a2a);padding:var(--space-3, .75rem);font-family:var(--font-mono, monospace);font-size:.75rem;color:var(--text-secondary, #a3a3a3);max-height:300px;overflow-y:auto;white-space:pre-wrap;word-break:break-all}.chat-tool-result{border-top:1px solid var(--border, #2a2a2a);padding:var(--space-3, .75rem);font-family:var(--font-mono, monospace);font-size:.75rem;max-height:200px;overflow-y:auto;white-space:pre-wrap;word-break:break-all}.chat-tool-result-success{color:#10b981;background:#10b9810d}.chat-tool-result-error{color:#ef4444;background:#ef44440d}.chat-thinking{background:#a855f70d;border:1px dashed rgba(168,85,247,.2);border-radius:var(--radius-md, 8px);padding:var(--space-2, .5rem) var(--space-3, .75rem);margin:var(--space-2, .5rem) 0;max-width:90%;align-self:flex-start}.chat-thinking-header{display:flex;align-items:center;gap:var(--space-2, .5rem);cursor:pointer;font-size:.75rem;color:#a855f7;font-weight:500}.chat-thinking-body{font-size:.8rem;color:var(--text-tertiary, #737373);margin-top:var(--space-2, .5rem);line-height:1.5;max-height:200px;overflow-y:auto}.back-link{display:inline-flex;align-items:center;gap:var(--space-2, .5rem);font-size:.85rem;color:var(--text-secondary, #a3a3a3);text-decoration:none;margin-bottom:var(--space-3, .75rem);transition:color var(--transition-fast, .15s);min-height:44px;padding:8px 4px}.back-link:hover{color:var(--text-primary, #fafafa)}.chat-session-header{background:var(--bg-secondary, #141414);border:1px solid var(--border, #2a2a2a);border-radius:var(--radius-lg, 12px);padding:var(--space-4, 1rem) var(--space-5, 1.25rem);margin-bottom:var(--space-4, 1rem)}.chat-session-title{font-size:1.1rem;font-weight:600;color:var(--text-primary, #fafafa);margin-bottom:var(--space-1, .25rem)}.chat-session-meta{display:flex;flex-wrap:wrap;gap:var(--space-3, .75rem);font-size:.8rem;color:var(--text-tertiary, #737373)}.chat-session-meta-item{display:flex;align-items:center;gap:4px}@media(max-width:768px){.chat-container{overflow-x:hidden}.chat-message{max-width:95%;min-width:0}.chat-tool-card,.chat-thinking{max-width:95%}.chat-avatar{width:24px;height:24px;font-size:.65rem}.chat-bubble{padding:var(--space-2, .5rem) var(--space-3, .75rem);font-size:.85rem;overflow-wrap:break-word;word-break:break-word;min-width:0}.chat-bubble pre{overflow-x:auto;max-width:100%}.chat-bubble table{display:block;overflow-x:auto;max-width:100%}.chat-tool-description{max-width:200px}.chat-tool-body{max-width:100%;overflow-x:auto}.chat-session-meta{flex-direction:column;gap:var(--space-1, .25rem)}}@media(max-width:480px){.chat-message{max-width:100%}.chat-message-user,.chat-message-assistant{align-self:stretch}.chat-tool-card,.chat-thinking{max-width:100%}.chat-tool-description{max-width:150px}}.skeleton{background:linear-gradient(90deg,var(--bg-secondary, #1a1a2e) 25%,var(--bg-tertiary, #252540) 50%,var(--bg-secondary, #1a1a2e) 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:var(--radius-sm, 4px)}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-container{display:flex;flex-direction:column;gap:var(--space-3, .75rem);padding:var(--space-4, 1rem) 0}.terminal-topbar{display:flex;align-items:center;gap:var(--space-3, .75rem);padding:var(--space-2, .5rem) var(--space-4, 1rem);background:#111827;border-bottom:1px solid #1e293b;min-height:48px;flex-shrink:0}.terminal-topbar .btn{flex-shrink:0}.terminal-body{flex:1;background:#0a0a0f;overflow:hidden;position:relative;min-height:0}.terminal-input{display:flex;align-items:center;gap:var(--space-2, .5rem);padding:var(--space-2, .5rem) var(--space-3, .75rem);background:#111827;border-top:1px solid #1e293b;flex-shrink:0}.terminal-input input{flex:1;height:40px;padding:0 var(--space-3, .75rem);background:#0a0a0f;border:1px solid #1e293b;border-radius:var(--radius-md, 6px);color:var(--text-primary, #ededed);font-family:var(--font-mono);font-size:var(--text-sm, 13px);outline:none;transition:border-color var(--transition-fast, .15s)}.terminal-input input:focus{border-color:#334155}.terminal-input input::placeholder{color:var(--text-tertiary, #7d7d7d)}.term-toggle{display:inline-flex;align-items:center;background:#1e293b;border-radius:var(--radius-full, 9999px);padding:2px;flex-shrink:0}.term-toggle button{height:28px;padding:0 var(--space-3, .75rem);border:none;border-radius:var(--radius-full, 9999px);background:transparent;color:var(--text-tertiary, #7d7d7d);font-family:var(--font-sans);font-size:var(--text-xs, 12px);font-weight:500;cursor:pointer;transition:background var(--transition-fast, .15s),color var(--transition-fast, .15s)}.term-toggle button.active{background:#334155;color:var(--text-primary, #ededed)}.term-toggle button:hover:not(.active){color:var(--text-secondary, #a1a1a1)}.badge-ai{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-full, 9999px);background:#a78bfa26;color:#a78bfa;font-size:var(--text-xs, 12px);font-weight:500;white-space:nowrap}.badge-shell{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-full, 9999px);background:#22c55e26;color:#22c55e;font-size:var(--text-xs, 12px);font-weight:500;white-space:nowrap}.badge-live{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:var(--radius-full, 9999px);background:#22c55e26;color:#22c55e;font-size:var(--text-xs, 12px);font-weight:500;white-space:nowrap}.badge-live:before{content:"";width:6px;height:6px;border-radius:50%;background:#22c55e;animation:pulse-dot 2s ease-in-out infinite}.badge-ended{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-full, 9999px);background:#6b728026;color:#9ca3af;font-size:var(--text-xs, 12px);font-weight:500;white-space:nowrap}.connection-status{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs, 12px);font-weight:500;white-space:nowrap}.connection-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.connection-status.connected .connection-status-dot{background:#22c55e}.connection-status.reconnecting .connection-status-dot{background:#f59e0b;animation:pulse-dot 1s ease-in-out infinite}.connection-status.disconnected .connection-status-dot{background:#ef4444}.connection-status.connected{color:#22c55e}.connection-status.reconnecting{color:#f59e0b}.connection-status.disconnected{color:#ef4444}.chat-input-bar{display:flex;align-items:center;gap:var(--space-2, .5rem);padding:var(--space-3, .75rem) var(--space-4, 1rem);padding-bottom:calc(var(--space-3, .75rem) + env(safe-area-inset-bottom,0px));background:#111827;border-top:1px solid #1e293b;flex-shrink:0}.chat-input-bar input{flex:1;height:44px;padding:0 var(--space-4, 1rem);background:#0a0a0f;border:1px solid #1e293b;border-radius:var(--radius-lg, 8px);color:var(--text-primary, #ededed);font-family:var(--font-sans);font-size:var(--text-base, 14px);outline:none;transition:border-color var(--transition-fast, .15s)}.chat-input-bar input:focus{border-color:#334155}.chat-input-bar input::placeholder{color:var(--text-tertiary, #7d7d7d)}.chat-input-bar button{height:44px;min-width:44px;padding:0 var(--space-4, 1rem);background:#22c55e;border:none;border-radius:var(--radius-lg, 8px);color:#0a0a0f;font-family:var(--font-sans);font-size:var(--text-sm, 13px);font-weight:600;cursor:pointer;flex-shrink:0;transition:background var(--transition-fast, .15s),opacity var(--transition-fast, .15s)}.chat-input-bar button:hover{background:#16a34a}.chat-input-bar button:disabled{opacity:.4;cursor:not-allowed}.chat-permission-inline{display:flex;align-items:center;gap:var(--space-2, .5rem);padding:var(--space-3, .75rem) var(--space-4, 1rem);background:#f59e0b14;border:1px solid rgba(245,158,11,.2);border-radius:var(--radius-lg, 8px);margin:var(--space-2, .5rem) 0}.chat-permission-inline .permission-label{flex:1;font-size:var(--text-sm, 13px);color:#f59e0b;font-weight:500}.chat-permission-inline .btn-allow{height:34px;padding:0 var(--space-4, 1rem);background:#22c55e;border:none;border-radius:var(--radius-md, 6px);color:#0a0a0f;font-size:var(--text-sm, 13px);font-weight:600;cursor:pointer;transition:background var(--transition-fast, .15s)}.chat-permission-inline .btn-allow:hover{background:#16a34a}.chat-permission-inline .btn-deny{height:34px;padding:0 var(--space-4, 1rem);background:transparent;border:1px solid #ef4444;border-radius:var(--radius-md, 6px);color:#ef4444;font-size:var(--text-sm, 13px);font-weight:600;cursor:pointer;transition:background var(--transition-fast, .15s),color var(--transition-fast, .15s)}.chat-permission-inline .btn-deny:hover{background:#ef444426}@media(max-width:768px){.terminal-topbar{padding:var(--space-2, .5rem) var(--space-3, .75rem);gap:var(--space-2, .5rem);min-height:44px}.terminal-input input,.chat-input-bar input{min-width:0}.chat-permission-inline{flex-wrap:wrap}.chat-permission-inline .permission-label{width:100%;margin-bottom:var(--space-1, .25rem)}}:root{--button-font-family: var(--font-sans);--button-font-size: var(--text-sm);--button-font-weight: 500;--button-color: var(--ds-blue-700);--button-text-color: #fff;--button-padding: 8px 16px;--button-border-radius: var(--radius-md);--button-border: 1px solid transparent;--button-hover-color: var(--ds-blue-900);--button-hover-text-color: #fff;--button-content-gap: 8px;--input-background: var(--ds-gray-100);--input-font-family: var(--font-sans);--input-font-size: var(--text-base);--input-font-weight: 400;--input-radius: var(--radius-md);--input-padding: 10px 12px;--input-height: 40px;--input-width: 100%;--input-margin: 0;--input-box-shadow: none;--input-border: 1px solid var(--border);--input-focus-border: 1px solid var(--ds-blue-700);--input-text-color: var(--text-primary);--input-placeholder-color: var(--text-tertiary);--input-label-msg-text-color: var(--text-secondary);--input-label-msg-text-size: var(--text-sm);--input-label-msg-text-weight: 400;--input-label-msg-margin: 0 0 var(--space-2) 0;--input-error-msg-text-color: var(--ds-red-700);--input-error-msg-text-size: var(--text-xs);--input-info-msg-text-color: var(--text-tertiary);--input-info-msg-text-size: var(--text-xs);--input-info-msg-margin: var(--space-2) 0 0 0;--input-container-margin: 0 0 var(--space-5) 0;--banner-background: var(--ds-gray-100);--banner-color: var(--text-secondary);--banner-font-family: var(--font-sans);--banner-font-size: var(--text-sm);--banner-font-weight: 500;--banner-padding: 12px 16px;--banner-gap: 10px;--banner-justify-content: flex-start;--banner-icon-size: 16px;--banner-link-color: var(--ds-blue-900);--banner-cursor: default;--banner-position: relative;--banner-z-index: auto;--banner-dismiss-hover-background: var(--ds-gray-alpha-200);--banner-dismiss-color: var(--text-tertiary);--pill-background: var(--ds-gray-300);--pill-color: var(--text-secondary);--pill-font-family: var(--font-sans);--pill-font-size: var(--text-xs);--pill-font-weight: 500;--pill-padding: 4px 10px;--pill-border-radius: var(--radius-full);--pill-border: none;--pill-hover-background: var(--ds-gray-400);--pill-hover-color: var(--text-primary);--badge-background: var(--ds-gray-500);--badge-color: #fff;--badge-font-family: var(--font-sans);--badge-font-size: var(--text-xs);--badge-padding: 2px 6px;--badge-border-radius: var(--radius-full);--badge-border: none;--badge-wrap-margin: 0;--badge-wrap-padding: 0;--badge-img-width: 24px;--badge-img-height: 24px;--badge-img-border-radius: var(--radius-sm);--badge-img-icon-shadow: none;--badge-min-width: 6px;--badge-min-height: 6px;--tabs-bar-background: transparent;--tabs-bar-padding: 0;--tabs-bar-gap: 0;--tabs-bar-border-bottom: 1px solid var(--border);--tabs-item-padding: 10px 16px;--tabs-item-font-size: var(--text-sm);--tabs-item-font-weight: 500;--tabs-item-font-family: var(--font-sans);--tabs-item-color: var(--text-tertiary);--tabs-item-background: transparent;--tabs-active-color: var(--text-primary);--tabs-active-font-weight: 600;--tabs-indicator-color: var(--ds-blue-700);--tabs-indicator-height: 2px;--tabs-hover-color: var(--text-secondary);--tabs-hover-background: var(--ds-gray-alpha-100);--tabs-transition: color .15s ease, background .15s ease;--sheet-overlay-background: rgba(0, 0, 0, .6);--sheet-background: var(--ds-gray-100);--sheet-box-shadow: -4px 0 16px rgba(0, 0, 0, .3);--sheet-border: none;--sheet-header-padding: 16px 20px;--sheet-header-background: var(--ds-gray-100);--sheet-header-border-bottom: 1px solid var(--border);--sheet-title-font-size: var(--text-lg);--sheet-title-font-weight: 600;--sheet-title-font-family: var(--font-sans);--sheet-title-color: var(--text-primary);--sheet-close-button-color: var(--text-tertiary);--sheet-close-button-hover-background: var(--ds-gray-300);--sheet-content-padding: 20px;--sheet-footer-padding: 16px 20px;--sheet-footer-background: var(--ds-gray-100);--sheet-footer-border-top: 1px solid var(--border);--select-bgcolor: var(--ds-gray-100);--select-font-family: var(--font-sans);--select-font-size: var(--text-base);--select-radius: var(--radius-md);--select-box-shadow: none;--select-border: 1px solid var(--border);--select-color: var(--text-primary);--select-hover-color: var(--text-primary);--select-hover-bgcolor: var(--ds-gray-200);--item-padding: 10px 12px;--item-background-color: var(--ds-gray-100);--non-selected-hover-bg: var(--ds-gray-200);--non-selected-hover-color: var(--text-primary);--non-selected-item-bgcolor: var(--ds-gray-100);--non-selected-item-color: var(--text-secondary);--non-selected-items-border-radius: var(--radius-md);--selected-item-background-color: var(--ds-gray-200);--selected-item-padding: 10px 12px;--selected-color: var(--text-primary);--selected-hover-bg: var(--ds-gray-200);--label-text-color: var(--text-secondary);--label-text-size: var(--text-xs);--label-text-weight: 500;--shimmer-background: var(--ds-gray-200);--shimmer-highlight: rgba(255, 255, 255, .04);--shimmer-border-radius: var(--radius-md);--shimmer-duration: 1.5s;--avatar-background: var(--ds-gray-300);--avatar-text-color: var(--text-secondary);--avatar-font-family: var(--font-sans);--avatar-border: none;--avatar-small-width: 28px;--avatar-small-height: 28px;--avatar-medium-width: 36px;--avatar-medium-height: 36px;--avatar-large-width: 48px;--avatar-large-height: 48px;--avatar-small-font-size: 11px;--avatar-medium-font-size: 13px;--avatar-large-font-size: 18px;--choicebox-background: var(--ds-gray-100);--choicebox-border: 2px solid var(--border);--choicebox-border-radius: var(--radius-lg);--choicebox-padding: 16px;--choicebox-gap: 12px;--choicebox-hover-border-color: var(--border-hover);--choicebox-hover-background: var(--ds-gray-200);--choicebox-selected-border-color: var(--ds-blue-700);--choicebox-selected-background: var(--ds-blue-100);--choicebox-title-color: var(--text-primary);--choicebox-title-font-size: var(--text-base);--choicebox-title-font-weight: 500;--choicebox-title-font-family: var(--font-sans);--choicebox-description-color: var(--text-tertiary);--choicebox-description-font-size: var(--text-sm);--choicebox-indicator-border: 2px solid var(--ds-gray-500);--choicebox-indicator-selected-color: var(--ds-blue-700);--choicebox-focus-ring: 0 0 0 3px rgba(0, 112, 243, .2);--toast-font-family: var(--font-sans);--toast-font-size: var(--text-sm);--toast-border-radius: var(--radius-lg);--toast-padding: 12px 16px;--toast-background-color: var(--ds-gray-200);--toast-z-index: 1000;--toast-success-background-color: var(--ds-green-100);--toast-success-text: var(--ds-green-900);--toast-error-background-color: var(--ds-red-100);--toast-error-text: var(--ds-red-900);--toast-info-background-color: var(--ds-blue-100);--toast-info-text: var(--ds-blue-900);--toast-warn-background-color: var(--ds-amber-100);--toast-warn-text: var(--ds-amber-900);--background-color: rgba(0, 0, 0, .6);--modal-content-background-color: var(--ds-gray-100);--modal-border-radius: var(--radius-xl);--modal-scrollbar-width: none;--modal-header-background-color: var(--ds-gray-100);--modal-header-padding: 16px 20px;--modal-header-border-bottom: 1px solid var(--border);--modal-footer-background-color: var(--ds-gray-100);--modal-footer-padding: 16px 20px;--modal-footer-border-top: 1px solid var(--border)}.btn-primary{--button-color: var(--ds-gray-1000);--button-text-color: var(--ds-background-100);--button-border: 1px solid var(--ds-gray-1000);--button-hover-color: #fff;--button-hover-text-color: var(--ds-background-100);--button-hover-border: 1px solid #fff}.btn-secondary{--button-color: var(--ds-background-100);--button-text-color: var(--ds-gray-1000);--button-border: 1px solid var(--ds-gray-400);--button-hover-color: var(--ds-gray-100);--button-hover-text-color: var(--ds-gray-1000);--button-hover-border: 1px solid var(--ds-gray-400)}.btn-ghost{--button-color: transparent;--button-text-color: var(--ds-gray-1000);--button-hover-color: var(--ds-gray-alpha-100);--button-hover-text-color: var(--ds-gray-1000)}.btn-danger{--button-color: #d93036;--button-text-color: #fff;--button-hover-color: #ff6166;--button-hover-text-color: #fff}.btn-warning{--button-color: #ff990a;--button-text-color: var(--ds-background-100);--button-hover-color: #ffb224;--button-hover-text-color: var(--ds-background-100)}.btn-connect{--button-color: #0d9488;--button-text-color: #fff;--button-hover-color: #14b8a6;--button-hover-text-color: #fff;--button-border: 1px solid #0d9488;--button-hover-border: 1px solid #14b8a6}.btn-resume{--button-color: transparent;--button-text-color: var(--ds-gray-900);--button-border: 1px solid var(--ds-gray-400);--button-hover-color: var(--ds-gray-100);--button-hover-text-color: var(--ds-gray-1000);--button-hover-border: 1px solid var(--ds-gray-600)}.btn-sm{--button-height: 32px;--button-padding: 0 10px;--button-font-size: var(--text-base)}.btn-xs{--button-height: 28px;--button-padding: 0 8px;--button-font-size: var(--text-xs);--button-border-radius: var(--radius-sm)}.btn-lg{--button-height: 48px;--button-padding: 0 20px;--button-font-size: var(--text-lg);--button-border-radius: var(--radius-lg)}.banner-alert{border-radius:var(--radius-md)}.banner-success{--banner-background: var(--ds-green-100);--banner-color: var(--ds-green-900);--banner-icon-color: var(--ds-green-900);border-radius:var(--radius-md)}.banner-error{--banner-background: var(--ds-red-100);--banner-color: var(--ds-red-900);--banner-icon-color: var(--ds-red-900);border-radius:var(--radius-md)}.banner-warning{--banner-background: var(--ds-amber-100);--banner-color: var(--ds-amber-900);--banner-icon-color: var(--ds-amber-900);border-radius:var(--radius-md)}.banner-info{--banner-background: var(--ds-blue-100);--banner-color: var(--ds-blue-900);--banner-icon-color: var(--ds-blue-900);border-radius:var(--radius-md)}.input-mono{--input-font-family: var(--font-mono);--input-font-size: var(--text-sm)}.avatar-user{--avatar-background: var(--ds-blue-100);--avatar-text-color: var(--ds-blue-900)}.avatar-assistant{--avatar-background: var(--ds-green-100);--avatar-text-color: var(--ds-green-900)}.btn-remove{--button-height: 24px;--button-width: 24px;--button-padding: 0;--button-font-size: 16px;--button-border-radius: var(--radius-sm)}.pill-session-time{--pill-background: var(--ds-green-100);--pill-color: var(--ds-green-900);--pill-font-size: var(--text-xs);--pill-padding: 4px 10px;--pill-hover-background: var(--ds-green-100);--pill-hover-color: var(--ds-green-900);--pill-cursor: inherit}.pill-tool-name{--pill-background: var(--ds-gray-300);--pill-color: var(--text-primary);--pill-font-size: var(--text-xs);--pill-font-family: var(--font-mono);--pill-padding: 2px 8px;--pill-hover-background: var(--ds-gray-300);--pill-cursor: inherit}.pill-tool-success{--pill-background: var(--ds-green-100);--pill-color: var(--ds-green-900);--pill-font-size: var(--text-xs);--pill-padding: 2px 8px;--pill-hover-background: var(--ds-green-100);--pill-cursor: inherit}.pill-tool-error{--pill-background: var(--ds-red-100);--pill-color: var(--ds-red-900);--pill-font-size: var(--text-xs);--pill-padding: 2px 8px;--pill-hover-background: var(--ds-red-100);--pill-cursor: inherit}.pill-live{--pill-background: rgba(34, 197, 94, .15);--pill-color: #22c55e;--pill-border: 1px solid rgba(34, 197, 94, .3);--pill-font-size: .7rem;--pill-padding: 2px 10px;--pill-hover-background: rgba(34, 197, 94, .15);--pill-hover-color: #22c55e;--pill-cursor: default;font-weight:700;letter-spacing:.05em}.pill-badge-ai{--pill-background: var(--ds-blue-100);--pill-color: var(--ds-blue-900);--pill-font-size: 9px;--pill-padding: 2px 6px;--pill-hover-background: var(--ds-blue-100);--pill-cursor: inherit;font-weight:700;letter-spacing:.05em}.pill-badge-shell{--pill-background: var(--ds-gray-300);--pill-color: var(--text-secondary);--pill-font-size: 9px;--pill-padding: 2px 6px;--pill-hover-background: var(--ds-gray-300);--pill-cursor: inherit;font-weight:700;letter-spacing:.05em}.pill-badge-ended{--pill-background: var(--ds-gray-alpha-200);--pill-color: var(--text-tertiary);--pill-font-size: 9px;--pill-padding: 2px 6px;--pill-hover-background: var(--ds-gray-alpha-200);--pill-cursor: inherit;font-weight:700;letter-spacing:.05em}.pill-exit-ok{--pill-background: var(--ds-green-100);--pill-color: var(--ds-green-900);--pill-font-size: 10px;--pill-font-family: var(--font-mono);--pill-padding: 2px 6px;--pill-hover-background: var(--ds-green-100);--pill-cursor: inherit}.pill-exit-error{--pill-background: var(--ds-red-100);--pill-color: var(--ds-red-900);--pill-font-size: 10px;--pill-font-family: var(--font-mono);--pill-padding: 2px 6px;--pill-hover-background: var(--ds-red-100);--pill-cursor: inherit}.pill-source-claude{--pill-background: var(--ds-blue-100);--pill-color: var(--ds-blue-900);--pill-font-size: 10px;--pill-padding: 2px 8px;--pill-hover-background: var(--ds-blue-100);--pill-hover-color: var(--ds-blue-900);--pill-cursor: inherit}.pill-source-opencode{--pill-background: var(--ds-amber-100);--pill-color: var(--ds-amber-900);--pill-font-size: 10px;--pill-padding: 2px 8px;--pill-hover-background: var(--ds-amber-100);--pill-hover-color: var(--ds-amber-900);--pill-cursor: inherit}.shimmer-header{--shimmer-height: 80px;--shimmer-border-radius: var(--radius-lg);margin-bottom:1rem}.shimmer-card{--shimmer-height: 120px;--shimmer-border-radius: var(--radius-lg)}.shimmer-bubble{--shimmer-height: 60px;--shimmer-border-radius: var(--radius-lg);margin-bottom:var(--space-3)}.shimmer-bubble-user{--shimmer-width: 60%;margin-left:auto}.shimmer-bubble-assistant{--shimmer-width: 75%}.shimmer-bubble-user-short{--shimmer-width: 50%;margin-left:auto}.shimmer-bubble-assistant-wide{--shimmer-width: 80%}.shimmer-bubble-assistant-short{--shimmer-width: 40%}@media(max-width:768px){.shimmer-card{--shimmer-height: 90px}.btn-xs{min-height:36px;padding:6px 12px}}.nav-right.svelte-12qhfyh{display:flex;align-items:center;gap:var(--space-2)}.btn-gear.svelte-12qhfyh{background:transparent;color:var(--text-muted);border:none;padding:0;height:36px;width:36px;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-gear.svelte-12qhfyh:hover{background:var(--component-bg);color:var(--text-primary)}.btn-gear.svelte-12qhfyh:focus-visible{outline:2px solid var(--ds-green-700);outline-offset:2px}.btn-gear-active.svelte-12qhfyh{background:var(--component-bg);color:var(--text-primary)}.content-area.svelte-12qhfyh{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:env(safe-area-inset-bottom,0px)}.bottom-tabs.svelte-12qhfyh{height:64px;background:var(--background);border-top:1px solid var(--border);flex-shrink:0;z-index:100;padding-bottom:env(safe-area-inset-bottom,0)}.bottom-tabs-inner.svelte-12qhfyh{max-width:600px;margin:0 auto;padding:6px var(--space-4) 4px;display:flex;align-items:center;justify-content:space-around;height:100%;box-sizing:border-box}.tab-item.svelte-12qhfyh{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--text-muted);font-size:11px;font-weight:500;text-decoration:none;padding:6px 36px;border-radius:var(--radius-md);transition:color var(--transition-fast);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;min-height:48px}.tab-item.svelte-12qhfyh:hover{color:var(--text-secondary)}.tab-item.active.svelte-12qhfyh{color:var(--ds-green-700)}.tab-item.svelte-12qhfyh svg{width:26px;height:26px;flex-shrink:0}@media(max-width:480px){.btn-gear.svelte-12qhfyh{height:44px;width:44px}.bottom-tabs.svelte-12qhfyh{height:60px}.tab-item.svelte-12qhfyh{padding:6px 28px;font-size:10px;gap:3px;min-height:44px}.tab-item.svelte-12qhfyh svg{width:24px;height:24px}.status-badge{font-size:10px;padding:0 8px;height:22px}.page-header{flex-direction:column!important;gap:var(--space-3)!important}.page-header .btn-group{width:100%}.page-header .btn-group .btn{flex:1;justify-content:center}}

package/build/client/_app/immutable/assets/1.BYutk3aU.css

@@ -1 +0,0 @@
-.error-page.svelte-1j96wlh{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:var(--space-6)}.error-content.svelte-1j96wlh{text-align:center;max-width:400px}.error-code.svelte-1j96wlh{font-size:4rem;font-weight:700;color:var(--color-text-tertiary, #555);line-height:1;margin-bottom:var(--space-2)}.error-title.svelte-1j96wlh{font-size:1.25rem;font-weight:600;margin-bottom:var(--space-3)}.error-message.svelte-1j96wlh{color:var(--color-text-secondary, #888);font-size:.875rem;line-height:1.5;margin-bottom:var(--space-5)}.error-actions.svelte-1j96wlh{display:flex;gap:var(--space-3);justify-content:center}.error-btn.svelte-1j96wlh{padding:10px 20px;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;border:none;background:var(--color-accent, #0d9488);color:#fff;min-height:44px}.error-btn-secondary.svelte-1j96wlh{background:transparent;border:1px solid var(--border, #333);color:var(--color-text-secondary, #888)}

package/build/client/_app/immutable/assets/4.D5l1JxgO.css

@@ -1 +0,0 @@
-.settings-container.svelte-1gp6n77{max-width:900px;margin:0 auto;padding-bottom:var(--space-6)}.page-header.svelte-1gp6n77{margin-bottom:var(--space-8)}.page-title.svelte-1gp6n77{font-size:var(--text-2xl);font-weight:600;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:var(--space-1)}.page-description.svelte-1gp6n77{font-size:var(--text-sm);color:var(--text-secondary)}.settings-grid.svelte-1gp6n77{display:grid;grid-template-columns:1fr 320px;gap:var(--space-6);align-items:start}.settings-section.svelte-1gp6n77,.settings-sidebar.svelte-1gp6n77{display:flex;flex-direction:column;gap:var(--space-4)}.button-group.svelte-1gp6n77{display:flex;gap:var(--space-3);justify-content:flex-end}.setup-stepper{--container-flex-direction: column;--step-flex-direction: row;--step-index-container-height: 24px;--step-index-container-width: 24px;--step-index-font-size: var(--text-xs);--step-text-font-size: var(--text-sm);--step-text-margin: 0 0 0 var(--space-3);--separator-display: none;--step-text-active-color: var(--text-primary);--step-text-completed-color: var(--ds-green-900);--step-index-container-active-background-color: var(--component-bg-active);--step-index-container-completed-background-color: var(--ds-green-700);--step-index-container-background-color: var(--component-bg-active);--step-index-color: var(--text-secondary);align-items:flex-start;gap:var(--space-3)}.qr-section.svelte-1gp6n77{display:flex;flex-direction:column;gap:var(--space-3)}.qr-section.svelte-1gp6n77 .button-container{align-self:center}.qr-container.svelte-1gp6n77{display:flex;justify-content:center;padding:var(--space-3);background:var(--ds-background-200);border:1px solid var(--border);border-radius:var(--radius-lg)}.qr-image.svelte-1gp6n77{width:200px;height:200px;border-radius:var(--radius-sm);image-rendering:pixelated}.qr-placeholder.svelte-1gp6n77{display:flex;align-items:center;justify-content:center;height:200px;background:var(--ds-background-200);border:1px dashed var(--border);border-radius:var(--radius-lg)}.qr-loading-text.svelte-1gp6n77{font-size:var(--text-sm);color:var(--text-tertiary)}.qr-hint.svelte-1gp6n77{font-size:var(--text-xs);color:var(--text-secondary);line-height:var(--leading-relaxed);text-align:center}.qr-server-url.svelte-1gp6n77{font-size:var(--text-xs);color:var(--text-tertiary);text-align:center}.qr-server-url.svelte-1gp6n77 code:where(.svelte-1gp6n77){font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);background:var(--component-bg);padding:1px 4px;border-radius:var(--radius-sm)}.qr-description.svelte-1gp6n77{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.qr-error.svelte-1gp6n77{font-size:var(--text-sm);color:var(--ds-red-900);line-height:var(--leading-relaxed)}.settings-sidebar.svelte-1gp6n77 .card:last-child{border-color:color-mix(in srgb,var(--ds-red-700) 30%,transparent)}.ai-providers.svelte-1gp6n77{display:flex;flex-direction:column;gap:var(--space-2)}.provider-row.svelte-1gp6n77{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.provider-label.svelte-1gp6n77{flex:1;color:var(--text-primary)}.provider-status.svelte-1gp6n77{font-size:var(--text-xs);color:var(--text-tertiary)}.provider-status.configured.svelte-1gp6n77{color:var(--ds-green-900)}.active-provider.svelte-1gp6n77{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border);font-size:var(--text-xs);color:var(--text-secondary)}.ai-help.svelte-1gp6n77{font-size:var(--text-xs);color:var(--text-secondary);margin-top:var(--space-2)}.ai-help.svelte-1gp6n77 code:where(.svelte-1gp6n77){background:var(--ds-gray-200, #1a1a1a);padding:1px 4px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs)}.danger-description.svelte-1gp6n77{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-4);line-height:var(--leading-relaxed);padding-left:var(--space-3);border-left:3px solid color-mix(in srgb,var(--ds-red-700) 50%,transparent)}.input-help.svelte-1gp6n77{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-1);margin-bottom:0}.input-help.svelte-1gp6n77 code:where(.svelte-1gp6n77){background:var(--ds-gray-200, #1a1a1a);padding:1px 4px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs)}@media(max-width:768px){.settings-grid.svelte-1gp6n77{grid-template-columns:1fr}.button-group.svelte-1gp6n77{flex-direction:column}.button-group.svelte-1gp6n77 button,.button-group.svelte-1gp6n77 .button-container{width:100%}}

package/build/client/_app/immutable/assets/6.BFUut--w.css

@@ -1 +0,0 @@
-.project-back-row.svelte-urn6fi{margin-bottom:var(--space-5)}.chat-session-header-top.svelte-urn6fi{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.sessions-container.svelte-urn6fi{display:flex;flex-direction:column;gap:var(--space-3)}.session-card-actions.svelte-urn6fi{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.connect-dot.svelte-urn6fi{display:inline-block;width:6px;height:6px;border-radius:50%;background:#4ade80;margin-right:2px;flex-shrink:0}.session-meta-row.svelte-urn6fi{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.session-duration.svelte-urn6fi,.session-modified.svelte-urn6fi{font-size:.75rem;color:var(--color-text-tertiary, #888)}@media(max-width:480px){.chat-session-header-top.svelte-urn6fi{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.session-card-actions.svelte-urn6fi{flex-wrap:wrap}}

package/build/client/_app/immutable/assets/7.BTOx7yt7.css

@@ -1 +0,0 @@
-.session-page-main.svelte-1a2wdfb{display:flex;flex-direction:column;overflow:hidden}.session-back-row.svelte-1a2wdfb{margin-bottom:var(--space-5)}.error-text.svelte-1a2wdfb{color:var(--text-secondary);padding:var(--space-4)}.session-header.svelte-1a2wdfb{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);flex-shrink:0}.session-header-row.svelte-1a2wdfb{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-1)}.session-title.svelte-1a2wdfb{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resume-status.svelte-1a2wdfb{font-size:.75rem;color:var(--text-tertiary, #888);animation:svelte-1a2wdfb-pulse 1.5s ease-in-out infinite}@keyframes svelte-1a2wdfb-pulse{0%,to{opacity:1}50%{opacity:.4}}.connection-dot.svelte-1a2wdfb{display:inline-block;width:7px;height:7px;border-radius:50%;flex-shrink:0}.connection-dot.connected.svelte-1a2wdfb{background:#4ade80}.connection-dot.reconnecting.svelte-1a2wdfb{background:#f59e0b;animation:svelte-1a2wdfb-pulse 1s ease-in-out infinite}.session-chat-container.svelte-1a2wdfb{flex:1;min-height:0;display:flex;flex-direction:column}.load-earlier-row.svelte-1a2wdfb{display:flex;justify-content:center;padding:var(--space-2) var(--space-3);flex-shrink:0;border-bottom:1px solid var(--border)}.load-earlier-btn.svelte-1a2wdfb{font-size:.8rem;color:var(--text-secondary);background:none;border:1px solid var(--border);border-radius:var(--radius-sm, 4px);padding:4px 12px;cursor:pointer}.load-earlier-btn.svelte-1a2wdfb:disabled{opacity:.5;cursor:not-allowed}.load-earlier-btn.svelte-1a2wdfb:hover:not(:disabled){color:var(--text-primary);border-color:var(--text-tertiary, #888)}

package/build/client/_app/immutable/assets/8.eZGZN-BF.css

@@ -1 +0,0 @@
-.overlay.svelte-plslui{position:fixed;inset:0;background:#0009;z-index:200;display:flex;align-items:flex-end;justify-content:center}.sheet.svelte-plslui{background:var(--ds-gray-100);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);width:100%;max-height:90vh;overflow-y:auto;padding:var(--space-4) var(--space-5) calc(var(--space-8, 32px) + env(safe-area-inset-bottom,0px));animation:svelte-plslui-slideUp .25s ease}@keyframes svelte-plslui-slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(min-width:768px){.overlay.svelte-plslui{align-items:center}.sheet.svelte-plslui{max-width:480px;border-radius:var(--radius-xl);animation:svelte-plslui-fadeScale .2s ease}@keyframes svelte-plslui-fadeScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}}.handle-bar.svelte-plslui{display:flex;justify-content:center;padding-bottom:var(--space-3)}.handle.svelte-plslui{width:36px;height:4px;border-radius:var(--radius-full);background:var(--ds-gray-500)}@media(min-width:768px){.handle-bar.svelte-plslui{display:none}}.sheet-title.svelte-plslui{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-5);letter-spacing:var(--tracking-tight)}.section.svelte-plslui{margin-bottom:var(--space-4)}.section-label.svelte-plslui{display:block;font-size:var(--text-xs);font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.preset-grid.svelte-plslui{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.preset-choice{--choicebox-padding: var(--space-3) var(--space-2);--choicebox-min-height: 48px;--choicebox-title-font-size: var(--text-sm);--choicebox-title-font-weight: 500;--choicebox-indicator-size: 16px;--choicebox-radio-inner-size: 8px}.custom-cwd-group.svelte-plslui{margin-top:var(--space-2)}.launch-select{--select-height: 44px;--select-trigger-background: var(--component-bg);--select-trigger-border: 1px solid var(--border);--select-trigger-hover-border-color: var(--border-hover);--select-color: var(--text-primary);--select-placeholder-color: var(--text-tertiary);--select-arrow-color: var(--text-secondary);--select-dropdown-background: var(--component-bg);--select-dropdown-border: 1px solid var(--border);--select-dropdown-shadow: 0 4px 12px rgba(0, 0, 0, .3);--select-option-color: var(--text-primary);--select-option-hover-background: var(--component-bg-hover);--select-option-selected-background: var(--component-bg-active);margin-bottom:var(--space-2)}.launch-input{--input-container-margin: 0}.btn-launch{--button-color: var(--ds-green-700);--button-text-color: #fff;--button-hover-color: var(--ds-green-900);--button-hover-text-color: #fff;--button-border-radius: var(--radius-lg);--button-height: 48px;--button-width: 100%;margin-top:var(--space-2)}.launch-error-banner{margin-top:var(--space-3)}.page-header.svelte-1ewpmn2{margin-bottom:var(--space-6)}.page-header-content.svelte-1ewpmn2{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.page-title.svelte-1ewpmn2{font-size:var(--text-2xl);font-weight:600;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:var(--space-1)}.page-description.svelte-1ewpmn2{font-size:var(--text-sm);color:var(--text-secondary)}.page-actions.svelte-1ewpmn2{display:flex;gap:var(--space-2);flex-shrink:0}.plus-icon.svelte-1ewpmn2{font-size:14px;font-weight:600;line-height:1}.terminals-container.svelte-1ewpmn2{display:flex;flex-direction:column;gap:var(--space-3);animation:fadeIn .2s ease}.terminal-card.svelte-1ewpmn2{background:var(--component-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast);display:flex;flex-direction:column;gap:var(--space-3);text-decoration:none;color:inherit;overflow:hidden;min-width:0}.terminal-card.svelte-1ewpmn2:hover{border-color:var(--border-hover);background:var(--component-bg-hover)}.terminal-card-exited.svelte-1ewpmn2{opacity:.55}.terminal-card-exited.svelte-1ewpmn2:hover{opacity:.75}.terminal-card-header.svelte-1ewpmn2{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);min-width:0}.terminal-card-left.svelte-1ewpmn2{display:flex;align-items:center;gap:var(--space-2);min-width:0;flex-wrap:wrap}.status-indicator.svelte-1ewpmn2{display:inline-flex;align-items:center;justify-content:center;width:10px;height:10px;flex-shrink:0}.status-dot-active.svelte-1ewpmn2{width:8px;height:8px;border-radius:50%;background:#4ade80;animation:svelte-1ewpmn2-activity-pulse .6s ease-in-out infinite}.status-dot-idle.svelte-1ewpmn2,.status-dot-static.svelte-1ewpmn2{width:8px;height:8px;border-radius:50%;background:var(--ds-gray-600)}@keyframes svelte-1ewpmn2-activity-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.7}}.terminal-command.svelte-1ewpmn2{font-family:var(--font-mono);font-size:var(--text-base);font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.terminal-time.svelte-1ewpmn2{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap;flex-shrink:0}.terminal-card-right.svelte-1ewpmn2{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.terminal-card-meta.svelte-1ewpmn2{display:flex;align-items:center;gap:var(--space-3);min-width:0}.terminal-cwd.svelte-1ewpmn2{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.terminal-pid.svelte-1ewpmn2{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ds-gray-600);white-space:nowrap;flex-shrink:0}.terminal-preview.svelte-1ewpmn2{background:var(--ds-background-200);border:1px solid var(--ds-gray-alpha-200);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);overflow:hidden}.terminal-preview-text.svelte-1ewpmn2{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ds-gray-700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;line-height:var(--leading-normal)}@media(max-width:768px){.page-header-content.svelte-1ewpmn2{flex-direction:column;gap:var(--space-4)}.terminal-card.svelte-1ewpmn2{padding:var(--space-3)}.terminal-card-header.svelte-1ewpmn2{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.terminal-time.svelte-1ewpmn2{align-self:flex-start}.terminal-command.svelte-1ewpmn2{max-width:160px}}@media(max-width:480px){.page-actions.svelte-1ewpmn2{flex-direction:column;width:100%}.page-actions.svelte-1ewpmn2 button{width:100%;flex:1}.terminal-command.svelte-1ewpmn2{max-width:120px}}

package/build/client/_app/immutable/assets/9.DwS5ZHBh.css

@@ -1 +0,0 @@
-.command-palette{--command-menu-overlay-background: rgba(0, 0, 0, .5);--command-menu-background: var(--component-bg);--command-menu-border: 1px solid var(--border);--command-menu-border-radius: var(--radius-lg);--command-menu-width: 500px;--command-menu-max-width: 90vw;--command-menu-input-color: var(--text-primary);--command-menu-input-placeholder-color: var(--text-tertiary);--command-menu-input-font-family: var(--font-mono);--command-menu-separator-color: var(--border);--command-menu-item-color: var(--text-secondary);--command-menu-item-active-background: var(--component-bg-hover);--command-menu-item-active-color: var(--text-primary);--command-menu-empty-color: var(--text-tertiary);--command-menu-z-index: 1001}.connection-status.svelte-1cg9pai{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;line-height:1;flex-shrink:0}.connection-status.connected.svelte-1cg9pai{color:#22c55e}.connection-status.reconnecting.svelte-1cg9pai{color:var(--ds-amber-900)}.connection-status.disconnected.svelte-1cg9pai{color:var(--ds-red-900)}.status-dot.svelte-1cg9pai{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.connected.svelte-1cg9pai{background:#22c55e}.status-dot.reconnecting.svelte-1cg9pai{background:var(--ds-amber-700);animation:svelte-1cg9pai-pulse-dot 1.5s ease-in-out infinite}.status-dot.disconnected.svelte-1cg9pai{background:var(--ds-red-700)}@keyframes svelte-1cg9pai-pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.status-label.svelte-1cg9pai{white-space:nowrap}.btn-retry{--button-height: auto;--button-padding: 2px 8px;--button-font-size: 12px;--button-border: 1px solid currentColor;--button-text-color: inherit;margin-left:2px}@media(max-width:480px){.status-label.svelte-1cg9pai{display:none}}.quick-keys.svelte-64qat5{display:flex;overflow-x:auto;gap:6px;padding:var(--space-2) var(--space-3);scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-shrink:0}.quick-keys.svelte-64qat5::-webkit-scrollbar{display:none}.btn-quick-key{--button-color: #1e293b;--button-text-color: #94a3b8;--button-border: 1px solid var(--ds-gray-400);--button-hover-color: #334155;--button-hover-text-color: #e2e8f0;--button-hover-border: 1px solid var(--ds-gray-400);--button-height: 44px;--button-padding: 0 var(--space-3);--button-border-radius: var(--radius-md);--button-font-family: var(--font-mono);--button-font-size: var(--text-xs);min-width:52px;flex-shrink:0;white-space:nowrap;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.shortcuts-modal{--modal-content-background-color: var(--component-bg);--modal-border-radius: var(--radius-lg);--modal-header-background-color: var(--component-bg);--modal-header-padding: var(--space-4) var(--space-5);--modal-header-border-bottom: 1px solid var(--border);--header-text-size: var(--text-lg);--modal-header-text-weight: 600;--background-color: rgba(0, 0, 0, .5);--modal-z-index: 1000}.shortcuts-modal .modal-content{max-width:420px;width:90vw;min-width:320px}.shortcuts-list.svelte-1u7lstk{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4) var(--space-5)}.shortcut-row.svelte-1u7lstk{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0}.shortcut-desc.svelte-1u7lstk{font-size:var(--text-sm);color:var(--text-secondary)}.shortcut-kbd{--keyboard-input-key-color: var(--text-primary);--keyboard-input-key-background: var(--ds-gray-200);--keyboard-input-key-border: 1px solid var(--ds-gray-400);--keyboard-input-key-box-shadow: 0 1px 0 var(--ds-gray-400);--keyboard-input-font-family: var(--font-mono);--keyboard-input-font-size: var(--text-xs)}.term-page.svelte-1tubujq{display:flex;flex-direction:column;height:calc(100vh - var(--header-height) - 64px);height:calc(100dvh - var(--header-height) - 64px);overflow:hidden;background:var(--ds-background-200)}.term-topbar.svelte-1tubujq{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--ds-background-100);border-bottom:1px solid var(--border);flex-shrink:0;min-height:48px}.term-topbar-left.svelte-1tubujq{display:flex;align-items:center;gap:var(--space-2);min-width:0;overflow:hidden}.term-topbar-right.svelte-1tubujq{display:flex;align-items:center;gap:var(--space-3);flex-shrink:1}.term-back.svelte-1tubujq{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);text-decoration:none;font-size:18px;transition:background var(--transition-fast),color var(--transition-fast);flex-shrink:0}.term-back.svelte-1tubujq:hover{background:var(--ds-gray-alpha-100);color:var(--text-primary)}.term-command-name.svelte-1tubujq{font-family:var(--font-mono);font-size:var(--text-base);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.term-tabs{--tabs-bar-border-bottom: none;--tabs-bar-background: var(--ds-gray-200);--tabs-bar-padding: 2px;--tabs-item-padding: 6px 12px;--tabs-item-font-size: var(--text-xs);--tabs-indicator-height: 0;--tabs-active-color: var(--text-primary);--tabs-item-color: var(--text-tertiary);border-radius:var(--radius-md);border:1px solid var(--ds-gray-400);overflow:hidden}.term-shortcuts-btn.svelte-1tubujq{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid var(--border);background:transparent;color:var(--text-tertiary);font-size:14px;font-weight:600;cursor:pointer;flex-shrink:0}.term-shortcuts-btn.svelte-1tubujq:hover{background:var(--component-bg-hover);color:var(--text-primary)}.term-cwd.svelte-1tubujq{font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.term-session-link.svelte-1tubujq{font-size:11px;font-weight:500;color:var(--ds-blue-900);text-decoration:none;white-space:nowrap;padding:2px 8px;border-radius:var(--radius-sm);border:1px solid var(--ds-blue-400);transition:background var(--transition-fast),color var(--transition-fast)}.term-session-link.svelte-1tubujq:hover{background:var(--ds-blue-100);color:var(--ds-blue-1000)}.activity-dot.svelte-1tubujq{width:8px;height:8px;border-radius:50%;flex-shrink:0}.activity-active.svelte-1tubujq{background:#4ade80;animation:svelte-1tubujq-activity-pulse .6s ease-in-out infinite}.activity-idle.svelte-1tubujq{background:var(--ds-gray-600)}@keyframes svelte-1tubujq-activity-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.7}}.term-body.svelte-1tubujq{flex:1;flex-direction:column;min-height:0;overflow:hidden;padding:var(--space-1);background:#0a0a0f}.term-body.svelte-1tubujq .xterm{height:100%}.term-body.svelte-1tubujq .xterm-viewport{overflow-y:auto!important}.term-body-loading.svelte-1tubujq{flex:1;padding:var(--space-4);min-height:200px}.term-chat-body.svelte-1tubujq{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.term-input-area.svelte-1tubujq{flex-shrink:0;background:var(--ds-background-100);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom,0px)}.term-input-bar.svelte-1tubujq{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3)}.term-input-field{--input-container-margin: 0;--input-height: 44px;flex:1}.btn-send{--button-height: 44px;--button-width: 44px;--button-padding: 0;--button-font-size: 18px;flex-shrink:0}.term-exited-bar.svelte-1tubujq{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom,0px));background:var(--ds-gray-200);border-top:1px solid var(--border);font-size:var(--text-sm);color:var(--text-tertiary);flex-shrink:0}@media(max-width:768px){.term-topbar.svelte-1tubujq{padding:var(--space-2) var(--space-3);gap:var(--space-2)}.term-command-name.svelte-1tubujq{font-size:var(--text-sm);max-width:100px}}@media(max-width:480px){.term-topbar.svelte-1tubujq{min-height:44px;padding:var(--space-1) var(--space-2)}.term-command-name.svelte-1tubujq{max-width:80px;text-overflow:ellipsis}.term-topbar-right.svelte-1tubujq{flex-shrink:1}}

package/build/client/_app/immutable/assets/ChatView.CwWbzIL-.css

@@ -1 +0,0 @@
-.chatview-wrapper.svelte-1tpzk7f{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--ds-background-100, #0a0a0a)}.chatview-header.svelte-1tpzk7f{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3, .75rem);padding:var(--space-2, .5rem) var(--space-4, 1rem);background:#111827;border-bottom:1px solid #1e293b;min-height:48px;flex-shrink:0}.chatview-header-left.svelte-1tpzk7f{display:flex;align-items:center;gap:var(--space-3, .75rem);min-width:0}.chatview-title.svelte-1tpzk7f{font-size:.9rem;font-weight:600;color:var(--text-primary, #ededed);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chatview-header-right.svelte-1tpzk7f{display:flex;align-items:center;gap:var(--space-3, .75rem);flex-shrink:0}.chat-input-field{--input-container-margin: 0;--input-height: 40px;flex:1}.chatview-scroll.svelte-1tpzk7f{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-4, 1rem);-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.chatview-empty.svelte-1tpzk7f{display:flex;align-items:center;justify-content:center;padding:var(--space-8, 2rem);height:100%}.chatview-empty-text.svelte-1tpzk7f{font-size:var(--text-sm, .875rem);color:var(--text-tertiary, #7d7d7d)}.chatview-ended.svelte-1tpzk7f{display:flex;align-items:center;justify-content:center;gap:var(--space-2, .5rem);padding:var(--space-4, 1rem);font-size:.85rem;color:var(--text-tertiary, #7d7d7d)}.chatview-details-toggle.svelte-1tpzk7f{display:flex;justify-content:flex-end;padding:0 0 var(--space-2, .5rem) 0;position:sticky;top:0;z-index:5}.chatview-details-btn.svelte-1tpzk7f{display:inline-flex;align-items:center;gap:var(--space-1, .25rem);padding:4px 10px;border:1px solid var(--border, #2a2a2a);border-radius:var(--radius-sm, 4px);background:var(--bg-secondary, #141414);color:var(--text-tertiary, #7d7d7d);font-size:.7rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--transition-fast, .15s),border-color var(--transition-fast, .15s)}.chatview-details-btn.svelte-1tpzk7f:hover,.chatview-details-btn.active.svelte-1tpzk7f{color:var(--text-secondary, #a3a3a3);border-color:var(--text-tertiary, #7d7d7d)}.chatview-details-icon.svelte-1tpzk7f{font-size:.55rem;line-height:1}.chat-tool-group.svelte-1tpzk7f{background:var(--bg-secondary, #141414);border:1px solid var(--border, #2a2a2a);border-radius:var(--radius-md, 8px);overflow:hidden;margin:var(--space-2, .5rem) 0;max-width:90%;align-self:flex-start}.chat-tool-group-header.svelte-1tpzk7f{display:flex;align-items:center;gap:var(--space-2, .5rem);padding:var(--space-2, .5rem) var(--space-3, .75rem);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast, .15s)}.chat-tool-group-header.svelte-1tpzk7f:hover{background:#ffffff08}.chat-tool-group-chevron.svelte-1tpzk7f{font-size:.7rem;color:var(--text-tertiary, #737373);transition:transform .2s ease}.chat-tool-group-chevron.expanded.svelte-1tpzk7f{transform:rotate(90deg)}.chat-tool-group-summary.svelte-1tpzk7f{font-size:.8rem;color:var(--text-tertiary, #737373);font-weight:500}.chat-tool-group-body.svelte-1tpzk7f{border-top:1px solid var(--border, #2a2a2a);padding:var(--space-2, .5rem)}.chat-tool-group-body.svelte-1tpzk7f .chat-tool-card:where(.svelte-1tpzk7f){margin:var(--space-1, .25rem) 0;max-width:100%}@media(max-width:768px){.chatview-header.svelte-1tpzk7f{padding:var(--space-2, .5rem) var(--space-3, .75rem);gap:var(--space-2, .5rem);min-height:44px}.chatview-title.svelte-1tpzk7f{font-size:.8rem}.chatview-scroll.svelte-1tpzk7f{padding:var(--space-3, .75rem)}}@media(max-width:480px){.chatview-header.svelte-1tpzk7f{flex-wrap:wrap}}