Update public/index.html

public/index.html

@@ -45,6 +45,11 @@
       <div class="sidebar-bottom" id="sidebar-bottom">
         <!-- Shown when not signed in -->
         <div id="guest-section" class="account-section">
+          <!-- Collapsed: icon-only sign-in button -->
+          <button id="signin-icon-btn" class="btn-signin-icon" title="Sign In">
+            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4"/><polyline points="10 17 15 12 10 7"/><line x1="15" y1="12" x2="3" y2="12"/></svg>
+          </button>
+          <!-- Expanded: full sign-in button -->
           <button id="signin-btn" class="btn-signin">Sign In</button>
           <button id="settings-btn-guest" class="sidebar-icon-btn" title="Settings">
             <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"/><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"/></svg>
@@ -74,12 +79,14 @@
         <h1 class="welcome-title">What's on your mind?</h1>
         <div class="welcome-input-wrap">
           <div class="center-input-container">
-            <div class="attach-btn-wrap">
-              <button id="center-attach-btn" class="attach-btn" title="Attach">
-                <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
-              </button>
-            </div>
-            <textarea id="center-input" class="center-textarea" placeholder="Ask anything…" rows="1"></textarea>
+            <div id="center-file-preview-row" class="input-file-preview-row"></div>
+            <div class="center-input-row">
+              <div class="attach-btn-wrap">
+                <button id="center-attach-btn" class="attach-btn" title="Attach">
+                  <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
+                </button>
+              </div>
+              <textarea id="center-input" class="center-textarea" placeholder="Ask anything…" rows="1"></textarea>
             <div class="center-input-actions">
               <button id="center-tool-search" class="tool-btn" data-tool="webSearch" title="Web Search">
                 <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>
@@ -96,6 +103,7 @@
               <button id="center-send-btn" class="send-btn-center">
                 <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M2 21L23 12 2 3v7l15 2-15 2v7z"/></svg>
               </button>
+              </div>
             </div>
           </div>
         </div>
@@ -108,7 +116,6 @@
 
       <!-- Bottom input (active during chat) -->
       <div id="bottom-input-bar" class="bottom-input-bar hidden">
-        <div class="file-preview-row" id="file-preview-row"></div>
         <div class="bottom-input-wrap">
           <button id="bottom-attach-btn" class="attach-btn-bottom" title="Attach">
             <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
@@ -132,6 +139,7 @@
                 <span>Audio</span>
               </button>
             </div>
+            <div id="file-preview-row" class="input-file-preview-row"></div>
             <textarea id="bottom-input" class="bottom-textarea" placeholder="Ask anything…" rows="1"></textarea>
           </div>
           <button id="bottom-send-btn" class="send-btn-bottom">
@@ -165,4 +173,4 @@
   <script src="https://cdn.jsdelivr.net/npm/dompurify@3.1.6/dist/purify.min.js"></script>
   <script type="module" src="/js/app.js"></script>
 </body>
-</html>
+</html>