agentgui 1.0.861 → 1.0.863

package/static/css/main.css

@@ -1,4 +1,3 @@
-<<<<<<< HEAD
     *, *::before, *::after { box-sizing: border-box; }
 
     :root {
@@ -13,31 +12,10 @@
       --color-text-primary: #111827;
       --color-text-secondary: #6b7280;
       --color-border: #e5e7eb;
-=======
-    @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
-
-    *, *::before, *::after { box-sizing: border-box; }
-
-    :root {
-      --color-primary: #6366f1;
-      --color-primary-dark: #4f46e5;
-      --color-primary-rgb: 99,102,241;
-      --color-bg-primary: #ffffff;
-      --color-bg-secondary: #f4f4f5;
-      --color-bg-surface: #f9fafb;
-      --color-bg-input: #ffffff;
-      --color-bg-code: #0d1117;
-      --color-text-primary: #111827;
-      --color-text-secondary: #6b7280;
-      --color-text-muted: #9ca3af;
-      --color-border: #e5e7eb;
-      --color-border-strong: #d1d5db;
->>>>>>> 6bfde951cbeb65ec72b73da9c23b9c8c0ba0bbc1
       --color-success: #10b981;
       --color-error: #ef4444;
       --color-warning: #f59e0b;
       --color-info: #0891b2;
-<<<<<<< HEAD
       --sidebar-width: 300px;
       --header-height: 52px;
       --msg-max-width: 800px;
@@ -55,56 +33,15 @@
       --color-code-text: #e2e8f0;
       --color-code-border: #334155;
       --color-thinking-bg: #1e1a2e;
-=======
-      --sidebar-width: 260px;
-      --header-height: 48px;
-      --msg-max-width: 800px;
-      --radius-sm: 0.375rem;
-      --radius-md: 0.75rem;
-      --radius-lg: 1rem;
-      --radius-xl: 1.25rem;
-      --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
-      --shadow-md: 0 4px 12px rgba(0,0,0,0.08);
-      --shadow-lg: 0 8px 24px rgba(0,0,0,0.12);
-      --transition-fast: 150ms ease;
-      --transition-base: 200ms ease;
-    }
-
-    html.dark {
-      --color-primary: #818cf8;
-      --color-primary-dark: #6366f1;
-      --color-primary-rgb: 129,140,248;
-      --color-bg-primary: #0f0f10;
-      --color-bg-secondary: #1a1a1e;
-      --color-bg-surface: #18181b;
-      --color-bg-input: #1e1e23;
-      --color-bg-code: #0d1117;
-      --color-text-primary: #e4e4e7;
-      --color-text-secondary: #a1a1aa;
-      --color-text-muted: #71717a;
-      --color-border: #27272a;
-      --color-border-strong: #3f3f46;
-      --shadow-sm: 0 1px 2px rgba(0,0,0,0.3);
-      --shadow-md: 0 4px 12px rgba(0,0,0,0.4);
-      --shadow-lg: 0 8px 24px rgba(0,0,0,0.5);
->>>>>>> 6bfde951cbeb65ec72b73da9c23b9c8c0ba0bbc1
     }
 
     html, body {
       margin: 0;
       padding: 0;
       height: 100%;
-<<<<<<< HEAD
       font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
       background-color: var(--color-bg-primary);
       color: var(--color-text-primary);
-=======
-      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
-      background-color: var(--color-bg-primary);
-      color: var(--color-text-primary);
-      -webkit-font-smoothing: antialiased;
-      -moz-osx-font-smoothing: grayscale;
->>>>>>> 6bfde951cbeb65ec72b73da9c23b9c8c0ba0bbc1
     }
 
     /* ===== ROOT LAYOUT: sidebar + main, full viewport ===== */
@@ -125,10 +62,6 @@
       display: flex;
       flex-direction: column;
       background-color: var(--color-bg-secondary);
-<<<<<<< HEAD
-=======
-      border-right: 1px solid var(--color-border);
->>>>>>> 6bfde951cbeb65ec72b73da9c23b9c8c0ba0bbc1
       overflow: hidden;
       transition: none !important;
       animation: none !important;
@@ -143,42 +76,26 @@
     }
 
     .sidebar-header {
-<<<<<<< HEAD
       padding: 0.75rem 1rem;
-=======
-      padding: 0.875rem 1rem 0.75rem;
->>>>>>> 6bfde951cbeb65ec72b73da9c23b9c8c0ba0bbc1
       display: flex;
       justify-content: space-between;
       align-items: center;
       flex-shrink: 0;
       min-height: var(--header-height);
-<<<<<<< HEAD
-=======
-      border-bottom: 1px solid var(--color-border);
->>>>>>> 6bfde951cbeb65ec72b73da9c23b9c8c0ba0bbc1
     }
 
     .sidebar-header h2 {
       margin: 0;
-<<<<<<< HEAD
       font-size: 0.875rem;
       font-weight: 600;
       text-transform: uppercase;
       letter-spacing: 0.05em;
       color: var(--color-text-secondary);
-=======
-      font-size: 1rem;
-      font-weight: 700;
-      letter-spacing: -0.01em;
-      color: var(--color-text-primary);
->>>>>>> 6bfde951cbeb65ec72b73da9c23b9c8c0ba0bbc1
       white-space: nowrap;
       overflow: hidden;
     }
 
     .sidebar-new-btn {
-<<<<<<< HEAD
       padding: 0.375rem 0.625rem;
       font-size: 0.75rem;
       background-color: var(--color-primary);
@@ -187,17 +104,6 @@
       border-radius: 0.375rem;
       cursor: pointer;
       transition: background-color 0.2s;
-=======
-      padding: 0.375rem 0.75rem;
-      font-size: 0.8rem;
-      font-weight: 600;
-      background-color: var(--color-primary);
-      color: white;
-      border: none;
-      border-radius: var(--radius-md);
-      cursor: pointer;
-      transition: background-color var(--transition-fast);
->>>>>>> 6bfde951cbeb65ec72b73da9c23b9c8c0ba0bbc1
       white-space: nowrap;
       flex-shrink: 0;
     }
@@ -226,60 +132,6 @@
 
     .sidebar-clone-btn:hover { border-color: var(--color-primary); color: var(--color-primary); }
 
-<<<<<<< HEAD
-=======
-    /* Sidebar overflow menu */
-    .sidebar-overflow-btn {
-      width: 28px;
-      height: 28px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      background: none;
-      border: none;
-      border-radius: var(--radius-sm);
-      cursor: pointer;
-      color: var(--color-text-secondary);
-      font-size: 1.1rem;
-      letter-spacing: 1px;
-      transition: background-color var(--transition-fast);
-      flex-shrink: 0;
-    }
-    .sidebar-overflow-btn:hover { background: var(--color-bg-primary); color: var(--color-text-primary); }
-
-    .sidebar-overflow-menu {
-      position: absolute;
-      top: calc(100% + 4px);
-      right: 0;
-      background: var(--color-bg-primary);
-      border: 1px solid var(--color-border);
-      border-radius: var(--radius-md);
-      box-shadow: var(--shadow-lg);
-      min-width: 180px;
-      z-index: 100;
-      padding: 0.25rem 0;
-      display: none;
-    }
-    .sidebar-overflow-menu.open { display: block; }
-    .sidebar-overflow-menu-item {
-      display: flex;
-      align-items: center;
-      gap: 0.625rem;
-      padding: 0.5rem 0.875rem;
-      font-size: 0.825rem;
-      color: var(--color-text-primary);
-      cursor: pointer;
-      transition: background-color var(--transition-fast);
-      border: none;
-      background: none;
-      width: 100%;
-      text-align: left;
-    }
-    .sidebar-overflow-menu-item:hover { background: var(--color-bg-secondary); }
-    .sidebar-overflow-menu-item.danger { color: var(--color-error); }
-    .sidebar-overflow-menu-wrapper { position: relative; }
-
->>>>>>> 6bfde951cbeb65ec72b73da9c23b9c8c0ba0bbc1
     .clone-input-bar {
       display: flex;
       align-items: center;
@@ -360,7 +212,6 @@
     }
 
     .conversation-item {
-<<<<<<< HEAD
       padding: 0.75rem 0.75rem;
       margin: 0.125rem 0.5rem;
       border-radius: 0.375rem;
@@ -377,24 +228,6 @@
       color: white;
       border-left-color: var(--color-primary-dark);
     }
-=======
-      padding: 0.625rem 0.75rem;
-      margin: 0.125rem 0.5rem;
-      border-radius: var(--radius-md);
-      cursor: pointer;
-      transition: background-color var(--transition-fast);
-      border-left: none;
-      user-select: none;
-    }
-
-    .conversation-item:hover { background-color: rgba(var(--color-primary-rgb),0.06); }
-
-    .conversation-item.active {
-      background-color: rgba(var(--color-primary-rgb),0.1);
-      color: var(--color-primary);
-    }
-    .conversation-item.active .conversation-item-meta { color: var(--color-primary); opacity: 0.7; }
->>>>>>> 6bfde951cbeb65ec72b73da9c23b9c8c0ba0bbc1
 
     .conversation-item-title {
       font-weight: 500;
@@ -414,11 +247,7 @@
       text-overflow: ellipsis;
     }
 
-<<<<<<< HEAD
     .conversation-item.active .conversation-item-meta { color: rgba(255,255,255,0.7); }
-=======
-    /* conversation-item.active meta color handled in active block */
->>>>>>> 6bfde951cbeb65ec72b73da9c23b9c8c0ba0bbc1
 
     .conversation-streaming-badge {
       display: inline-flex;
@@ -429,46 +258,15 @@
 
     .streaming-dot {
       display: inline-block;
-<<<<<<< HEAD
       width: 0.5rem;
       height: 0.5rem;
-=======
-      width: 0.4rem;
-      height: 0.4rem;
->>>>>>> 6bfde951cbeb65ec72b73da9c23b9c8c0ba0bbc1
       border-radius: 50%;
       background-color: var(--color-success);
       animation: pulse 1.5s ease-in-out infinite;
     }
 
     .conversation-item.active .streaming-dot {
-<<<<<<< HEAD
       background-color: #fff;
-=======
-      background-color: var(--color-success);
-    }
-
-    /* Typing dots for streaming indicator */
-    .typing-dots {
-      display: inline-flex;
-      align-items: center;
-      gap: 3px;
-      padding: 0 2px;
-    }
-    .typing-dots span {
-      display: inline-block;
-      width: 5px;
-      height: 5px;
-      border-radius: 50%;
-      background-color: var(--color-text-muted);
-      animation: typing-bounce 1.4s ease-in-out infinite;
-    }
-    .typing-dots span:nth-child(2) { animation-delay: 0.2s; }
-    .typing-dots span:nth-child(3) { animation-delay: 0.4s; }
-    @keyframes typing-bounce {
-      0%, 80%, 100% { transform: scale(0.7); opacity: 0.5; }
-      40% { transform: scale(1); opacity: 1; }
->>>>>>> 6bfde951cbeb65ec72b73da9c23b9c8c0ba0bbc1
     }
 
     .conversation-item {
@@ -484,34 +282,6 @@
       overflow: hidden;
     }
 
-<<<<<<< HEAD
-=======
-    /* Date group headers in sidebar */
-    .conv-date-group-header {
-      padding: 0.5rem 1.25rem 0.25rem;
-      font-size: 0.7rem;
-      font-weight: 600;
-      text-transform: uppercase;
-      letter-spacing: 0.06em;
-      color: var(--color-text-muted);
-      position: sticky;
-      top: 0;
-      background: var(--color-bg-secondary);
-      z-index: 1;
-      margin-top: 0.5rem;
-    }
-    .conv-date-group-header:first-child { margin-top: 0; }
-
-    /* Agent color dot */
-    .agent-color-dot {
-      width: 8px;
-      height: 8px;
-      border-radius: 50%;
-      flex-shrink: 0;
-      margin-right: 0.375rem;
-    }
-
->>>>>>> 6bfde951cbeb65ec72b73da9c23b9c8c0ba0bbc1
     .conversation-item.pinned { cursor: grab; }
     .conversation-item.pinned:active { cursor: grabbing; }
     .conversation-item-checkbox {
@@ -569,25 +339,14 @@
     .conversation-item.active .conversation-item-delete,
     .conversation-item.active .conversation-item-archive,
     .conversation-item.active .conversation-item-export {
-<<<<<<< HEAD
       color: rgba(255,255,255,0.8);
-=======
-      color: var(--color-primary);
-      opacity: 0.7;
->>>>>>> 6bfde951cbeb65ec72b73da9c23b9c8c0ba0bbc1
     }
 
     .conversation-item.active .conversation-item-delete:hover,
     .conversation-item.active .conversation-item-archive:hover,
     .conversation-item.active .conversation-item-export:hover {
-<<<<<<< HEAD
       background-color: rgba(255,255,255,0.2);
       color: white;
-=======
-      background-color: rgba(var(--color-primary-rgb),0.15);
-      color: var(--color-primary);
-      opacity: 1;
->>>>>>> 6bfde951cbeb65ec72b73da9c23b9c8c0ba0bbc1
     }
 
     .sidebar-empty {
@@ -613,18 +372,10 @@
       align-items: center;
       gap: 0.75rem;
       padding: 0 1rem;
-<<<<<<< HEAD
       height: var(--header-height);
       min-height: var(--header-height);
       flex-shrink: 0;
       background-color: var(--color-bg-secondary);
-=======
-      height: 48px;
-      min-height: 48px;
-      flex-shrink: 0;
-      background: var(--color-bg-primary);
-      border-bottom: 1px solid var(--color-border);
->>>>>>> 6bfde951cbeb65ec72b73da9c23b9c8c0ba0bbc1
     }
 
     .sidebar-toggle-btn {
@@ -654,14 +405,8 @@
     }
 
     .header-title {
-<<<<<<< HEAD
       font-size: 1.125rem;
       font-weight: 600;
-=======
-      font-size: 0.9375rem;
-      font-weight: 600;
-      letter-spacing: -0.01em;
->>>>>>> 6bfde951cbeb65ec72b73da9c23b9c8c0ba0bbc1
       margin: 0;
       flex: 1;
       min-width: 0;
@@ -824,87 +569,6 @@
       flex-direction: column;
     }
 
-<<<<<<< HEAD
-=======
-    /* ===== MESSAGE BUBBLES ===== */
-    .message-user-bubble {
-      display: flex;
-      justify-content: flex-end;
-      margin: 0.75rem 0;
-      padding: 0 1rem;
-    }
-
-    .message-user-bubble .bubble-content {
-      max-width: 75%;
-      background: var(--color-primary);
-      color: white;
-      padding: 0.625rem 0.875rem;
-      border-radius: 18px 18px 4px 18px;
-      font-size: 0.9375rem;
-      line-height: 1.5;
-      word-break: break-word;
-    }
-
-    html.dark .message-user-bubble .bubble-content {
-      background: var(--color-primary);
-    }
-
-    .message-agent-row {
-      display: flex;
-      align-items: flex-start;
-      gap: 0.625rem;
-      margin: 0.5rem 0;
-      padding: 0 0.5rem;
-    }
-
-    .message-agent-icon {
-      width: 28px;
-      height: 28px;
-      border-radius: 50%;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      font-size: 0.75rem;
-      font-weight: 700;
-      color: white;
-      flex-shrink: 0;
-      margin-top: 2px;
-    }
-
-    /* Per-message hover actions */
-    .message-actions {
-      position: absolute;
-      top: -12px;
-      right: 8px;
-      display: flex;
-      gap: 0.25rem;
-      opacity: 0;
-      transition: opacity var(--transition-fast);
-      background: var(--color-bg-primary);
-      border: 1px solid var(--color-border);
-      border-radius: var(--radius-sm);
-      padding: 0.125rem 0.25rem;
-      box-shadow: var(--shadow-sm);
-    }
-    .message-wrapper:hover .message-actions { opacity: 1; }
-    .message-action-btn {
-      width: 24px;
-      height: 24px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      background: none;
-      border: none;
-      cursor: pointer;
-      color: var(--color-text-secondary);
-      border-radius: 3px;
-      transition: background-color var(--transition-fast);
-    }
-    .message-action-btn:hover { background: var(--color-bg-secondary); color: var(--color-text-primary); }
-    .message-action-btn svg { width: 13px; height: 13px; }
-    .message-wrapper { position: relative; }
-
->>>>>>> 6bfde951cbeb65ec72b73da9c23b9c8c0ba0bbc1
     #output {
       display: flex;
       flex-direction: column;
@@ -1151,7 +815,6 @@
       white-space: nowrap;
     }
 
-<<<<<<< HEAD
     /* --- Input area: fixed at bottom --- */
     .input-section {
       flex-shrink: 0;
@@ -1159,130 +822,6 @@
       padding: 0.75rem 1rem;
     }
 
-=======
-    /* ===== INPUT AREA REDESIGN ===== */
-    .input-section {
-      flex-shrink: 0;
-      padding: 0.75rem 1rem 1rem;
-      background: var(--color-bg-primary);
-      border-top: 1px solid var(--color-border);
-    }
-
-    .input-card {
-      max-width: var(--msg-max-width);
-      margin: 0 auto;
-      background: var(--color-bg-input);
-      border: 1px solid var(--color-border-strong);
-      border-radius: var(--radius-xl);
-      box-shadow: var(--shadow-md);
-      overflow: hidden;
-      transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
-    }
-
-    .input-card:focus-within {
-      border-color: var(--color-primary);
-      box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb),0.12), var(--shadow-md);
-    }
-
-    .input-card-textarea {
-      width: 100%;
-      padding: 0.875rem 1rem 0.5rem;
-      background: transparent;
-      border: none;
-      outline: none;
-      resize: none;
-      font-size: 0.9375rem;
-      font-family: inherit;
-      color: var(--color-text-primary);
-      line-height: 1.6;
-      max-height: 180px;
-      overflow-y: auto;
-    }
-
-    .input-card-textarea::placeholder { color: var(--color-text-muted); }
-
-    .input-card-toolbar {
-      display: flex;
-      align-items: center;
-      padding: 0.5rem 0.75rem 0.625rem;
-      gap: 0.5rem;
-      border-top: 1px solid var(--color-border);
-    }
-
-    .input-card-selectors {
-      display: flex;
-      align-items: center;
-      gap: 0.375rem;
-      flex: 1;
-      min-width: 0;
-      overflow: hidden;
-    }
-
-    .input-chip-select {
-      padding: 0.3rem 0.5rem;
-      font-size: 0.775rem;
-      font-weight: 500;
-      border: 1px solid var(--color-border);
-      border-radius: 999px;
-      background: var(--color-bg-secondary);
-      color: var(--color-text-secondary);
-      cursor: pointer;
-      outline: none;
-      transition: border-color var(--transition-fast), background-color var(--transition-fast);
-      max-width: 130px;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-    }
-
-    .input-chip-select:hover, .input-chip-select:focus {
-      border-color: var(--color-primary);
-      color: var(--color-text-primary);
-    }
-
-    .input-card-actions {
-      display: flex;
-      align-items: center;
-      gap: 0.375rem;
-      flex-shrink: 0;
-    }
-
-    .input-icon-btn {
-      width: 32px;
-      height: 32px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      background: none;
-      border: none;
-      border-radius: var(--radius-sm);
-      cursor: pointer;
-      color: var(--color-text-secondary);
-      transition: background-color var(--transition-fast), color var(--transition-fast);
-    }
-    .input-icon-btn:hover { background: var(--color-bg-secondary); color: var(--color-text-primary); }
-    .input-icon-btn svg { width: 16px; height: 16px; }
-
-    .input-send-btn {
-      width: 34px;
-      height: 34px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      background: var(--color-primary);
-      border: none;
-      border-radius: var(--radius-md);
-      cursor: pointer;
-      color: white;
-      transition: background-color var(--transition-fast), transform 0.1s;
-      flex-shrink: 0;
-    }
-    .input-send-btn:hover { background: var(--color-primary-dark); }
-    .input-send-btn:active { transform: scale(0.95); }
-    .input-send-btn:disabled { opacity: 0.4; cursor: not-allowed; transform: none; }
-    .input-send-btn svg { width: 16px; height: 16px; }
-
->>>>>>> 6bfde951cbeb65ec72b73da9c23b9c8c0ba0bbc1
     .input-wrapper {
       max-width: var(--msg-max-width);
       margin: 0 auto;
@@ -1545,15 +1084,9 @@
     .permanently-expanded > summary::marker { display: none; content: ''; }
 
     /* ===== Folder Browser Modal ===== */
-<<<<<<< HEAD
     .folder-modal-overlay { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:2000; align-items:center; justify-content:center; }
     .folder-modal-overlay.visible { display:flex; }
     .folder-modal { background:var(--color-bg-primary); border-radius:0.5rem; width:500px; max-width:90vw; max-height:80vh; display:flex; flex-direction:column; box-shadow:0 20px 60px rgba(0,0,0,0.3); }
-=======
-    .folder-modal-overlay { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); z-index:2000; align-items:center; justify-content:center; transition:opacity 0.15s ease; animation:fadeIn 0.15s ease; }
-    .folder-modal-overlay.visible { display:flex; }
-    .folder-modal { background:var(--color-bg-primary); border-radius:var(--radius-xl); width:500px; max-width:90vw; max-height:80vh; display:flex; flex-direction:column; box-shadow:var(--shadow-lg); animation:scaleIn 0.15s ease; }
->>>>>>> 6bfde951cbeb65ec72b73da9c23b9c8c0ba0bbc1
     .folder-modal-header { padding:1rem; display:flex; justify-content:space-between; align-items:center; flex-shrink:0; }
     .folder-modal-header h3 { margin:0; font-size:1rem; font-weight:600; }
     .folder-modal-close { background:none; border:none; font-size:1.25rem; cursor:pointer; color:var(--color-text-secondary); padding:0.25rem; line-height:1; }
@@ -1573,18 +1106,6 @@
     .folder-modal-footer { padding:0.75rem 1rem; display:flex; justify-content:flex-end; gap:0.5rem; flex-shrink:0; }
     .folder-modal-footer .btn { padding:0.5rem 1rem; font-size:0.8rem; }
 
-<<<<<<< HEAD
-=======
-    @keyframes fadeIn {
-      from { opacity: 0; }
-      to { opacity: 1; }
-    }
-    @keyframes scaleIn {
-      from { opacity: 0; transform: scale(0.96); }
-      to { opacity: 1; transform: scale(1); }
-    }
-
->>>>>>> 6bfde951cbeb65ec72b73da9c23b9c8c0ba0bbc1
     .btn { padding:0.5rem 1rem; border:none; border-radius:0.375rem; font-weight:500; cursor:pointer; transition:all 0.15s; font-size:0.875rem; }
     .btn-primary { background-color:var(--color-primary); color:white; }
     .btn-primary:hover:not(:disabled) { background-color:var(--color-primary-dark); }
@@ -1707,18 +1228,6 @@
       scrollbar-color: #475569 transparent;
     }
 
-<<<<<<< HEAD
-=======
-    /* Modern thin scrollbars */
-    .sidebar-list, #output-scroll, .message-scroll-area {
-      scrollbar-width: thin;
-      scrollbar-color: transparent transparent;
-    }
-    .sidebar-list:hover, #output-scroll:hover {
-      scrollbar-color: var(--color-border-strong) transparent;
-    }
-
->>>>>>> 6bfde951cbeb65ec72b73da9c23b9c8c0ba0bbc1
     .voice-mic-btn {
       position: absolute;
       top: 4px;
@@ -1974,133 +1483,6 @@
     .icon-sm svg { width: 1rem !important; height: 1rem !important; }
     .icon-lg svg { width: 1.5rem !important; height: 1.5rem !important; }
 
-<<<<<<< HEAD
-=======
-    /* ===== STREAMING STATUS BAR ===== */
-    .streaming-status-bar {
-      max-width: var(--msg-max-width);
-      margin: 0 auto 0.5rem;
-      padding: 0.5rem 1rem;
-      background: rgba(var(--color-primary-rgb), 0.06);
-      border: 1px solid rgba(var(--color-primary-rgb), 0.15);
-      border-radius: var(--radius-lg);
-      display: none;
-      align-items: center;
-      gap: 0.625rem;
-      font-size: 0.825rem;
-      color: var(--color-primary);
-      animation: slideUpFade 0.2s ease;
-    }
-    .streaming-status-bar.visible { display: flex; }
-    .streaming-status-bar .status-agent-name { font-weight: 600; }
-    .streaming-status-bar .status-cancel-btn {
-      margin-left: auto;
-      padding: 0.2rem 0.625rem;
-      font-size: 0.75rem;
-      background: none;
-      border: 1px solid rgba(var(--color-primary-rgb), 0.3);
-      border-radius: 999px;
-      cursor: pointer;
-      color: var(--color-primary);
-      transition: background-color var(--transition-fast);
-    }
-    .streaming-status-bar .status-cancel-btn:hover { background: rgba(var(--color-primary-rgb), 0.1); }
-    @keyframes slideUpFade {
-      from { opacity: 0; transform: translateY(4px); }
-      to { opacity: 1; transform: translateY(0); }
-    }
-
-    /* ===== WELCOME EMPTY STATE ===== */
-    .welcome-screen {
-      display: none;
-      flex-direction: column;
-      align-items: center;
-      justify-content: center;
-      flex: 1;
-      padding: 2rem 1.5rem;
-      text-align: center;
-      gap: 1.5rem;
-    }
-    .welcome-screen.visible { display: flex; }
-
-    .welcome-logo {
-      width: 56px;
-      height: 56px;
-      background: linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));
-      border-radius: var(--radius-xl);
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      color: white;
-      font-weight: 800;
-      font-size: 1.5rem;
-      box-shadow: var(--shadow-md);
-    }
-
-    .welcome-title {
-      font-size: 1.5rem;
-      font-weight: 700;
-      color: var(--color-text-primary);
-      letter-spacing: -0.02em;
-      margin: 0;
-    }
-
-    .welcome-subtitle {
-      font-size: 0.9375rem;
-      color: var(--color-text-secondary);
-      margin: -0.75rem 0 0;
-    }
-
-    .welcome-agents-grid {
-      display: grid;
-      grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
-      gap: 0.75rem;
-      width: 100%;
-      max-width: 640px;
-    }
-
-    .welcome-agent-card {
-      padding: 0.875rem 1rem;
-      background: var(--color-bg-secondary);
-      border: 1px solid var(--color-border);
-      border-radius: var(--radius-lg);
-      cursor: pointer;
-      transition: all var(--transition-fast);
-      text-align: left;
-      display: flex;
-      flex-direction: column;
-      gap: 0.375rem;
-    }
-    .welcome-agent-card:hover {
-      border-color: var(--color-primary);
-      background: rgba(var(--color-primary-rgb), 0.04);
-      box-shadow: var(--shadow-sm);
-    }
-
-    .welcome-agent-icon {
-      width: 32px;
-      height: 32px;
-      border-radius: var(--radius-sm);
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      font-size: 1rem;
-      margin-bottom: 0.25rem;
-    }
-
-    .welcome-agent-name {
-      font-size: 0.825rem;
-      font-weight: 600;
-      color: var(--color-text-primary);
-    }
-
-    .welcome-agent-desc {
-      font-size: 0.7375rem;
-      color: var(--color-text-muted);
-      line-height: 1.4;
-    }
-
->>>>>>> 6bfde951cbeb65ec72b73da9c23b9c8c0ba0bbc1
     /* ===== STREAMING BLOCK STYLES ===== */
     .block-text {
       margin-bottom: 0;