Upd UI, Search btn

static/index.html

@@ -214,7 +214,22 @@
                   </button>
                 </div>
                 <div class="chat-underbar">
-                  <a href="#" id="report-link" class="report-link" title="Generate report from selected document">Report</a>
+                  <div class="action-pills">
+                    <button id="report-link" class="action-pill" title="Generate report from selected document">
+                      <svg viewBox="0 0 24 24" aria-hidden="true">
+                        <circle cx="12" cy="12" r="9"></circle>
+                        <path d="M12 3v18M3 12h18" stroke-linecap="round"></path>
+                      </svg>
+                      <span>DeepThink</span>
+                    </button>
+                    <button id="search-link" class="action-pill" title="Semantic search (coming soon)">
+                      <svg viewBox="0 0 24 24" aria-hidden="true">
+                        <circle cx="11" cy="11" r="7"></circle>
+                        <line x1="21" y1="21" x2="16.65" y2="16.65" stroke-linecap="round"></line>
+                      </svg>
+                      <span>Search</span>
+                    </button>
+                  </div>
                 </div>
                 <div class="chat-hint" id="chat-hint">
                   Upload documents first to start chatting

static/script.js

@@ -15,6 +15,7 @@
   const chatHint = document.getElementById('chat-hint');
   const messages = document.getElementById('messages');
   const reportLink = document.getElementById('report-link');
+  const searchLink = document.getElementById('search-link');
   const loadingOverlay = document.getElementById('loading-overlay');
   const loadingMessage = document.getElementById('loading-message');
   
@@ -108,6 +109,14 @@
         toggleReportMode();
       });
     }
+    // Search link dummy toggle (non-functional)
+    if (searchLink) {
+      searchLink.addEventListener('click', (e) => {
+        e.preventDefault();
+        // Visual toggle only; can be active concurrently
+        searchLink.classList.toggle('active');
+      });
+    }
   }
 
   function handleFileSelection(files) {

static/styles.css

@@ -973,16 +973,43 @@
   margin-top: 6px;
 }
 
-.report-link {
-  color: var(--muted);
-  text-decoration: underline;
+/* Action pills row */
+.action-pills {
+  display: flex;
+  gap: 12px;
+}
+
+.action-pill {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  padding: 8px 14px;
+  border-radius: 999px;
+  background: var(--card);
+  border: 1px solid var(--border);
+  color: var(--text);
   cursor: pointer;
-  user-select: none;
+  transition: all 0.2s ease;
 }
 
-.report-link.active {
-  color: var(--accent);
-  font-weight: 600;
+.action-pill:hover {
+  background: var(--card-hover);
+  border-color: var(--border-light);
+}
+
+.action-pill svg {
+  width: 16px;
+  height: 16px;
+  stroke: currentColor;
+  fill: none;
+  stroke-width: 2;
+}
+
+.action-pill.active {
+  background: var(--gradient-accent);
+  color: #fff;
+  border-color: transparent;
+  box-shadow: var(--shadow);
 }
 
 #question:focus {