Add settings icon

web/src/client/components/auth-login.ts

@@ -142,6 +142,11 @@ export class AuthLogin extends LitElement {
     this.dispatchEvent(new CustomEvent('show-ssh-key-manager'));
   }
 
+  private handleOpenSettings = () => {
+    console.log('🔧 Auth-login: handleOpenSettings called');
+    this.dispatchEvent(new CustomEvent('open-settings', { bubbles: true }));
+  };
+
   render() {
     console.log(
       '🔍 Rendering auth login',
@@ -153,6 +158,17 @@ export class AuthLogin extends LitElement {
 
     return html`
       <div class="auth-container">
+        <!-- Settings button in top right corner -->
+        <button
+          class="absolute top-4 right-4 p-2 text-dark-text-muted hover:text-dark-text transition-colors"
+          @click=${this.handleOpenSettings}
+          title="Settings"
+        >
+          <svg width="20" height="20" viewBox="0 0 20 20" fill="currentColor">
+            <path fill-rule="evenodd" d="M11.49 3.17c-.38-1.56-2.6-1.56-2.98 0a1.532 1.532 0 01-2.286.948c-1.372-.836-2.942.734-2.106 2.106.54.886.061 2.042-.947 2.287-1.561.379-1.561 2.6 0 2.978a1.532 1.532 0 01.947 2.287c-.836 1.372.734 2.942 2.106 2.106a1.532 1.532 0 012.287.947c.379 1.561 2.6 1.561 2.978 0a1.533 1.533 0 012.287-.947c1.372.836 2.942-.734 2.106-2.106a1.533 1.533 0 01.947-2.287c1.561-.379 1.561-2.6 0-2.978a1.532 1.532 0 01-.947-2.287c.836-1.372-.734-2.942-2.106-2.106a1.532 1.532 0 01-2.287-.947zM10 13a3 3 0 100-6 3 3 0 000 6z" clip-rule="evenodd"/>
+          </svg>
+        </button>
+        
         <div class="w-full max-w-sm">
           <div class="auth-header">
             <div class="flex flex-col items-center gap-2 sm:gap-3 mb-4 sm:mb-8">

web/src/client/components/full-header.ts

@@ -39,7 +39,7 @@ export class FullHeader extends HeaderBase {
             </a>
           </div>
 
-          <div class="flex flex-col sm:flex-row gap-3 sm:items-center">
+          <div class="flex flex-col sm:flex-row gap-3 sm:items-center sm:justify-between">
             <div class="flex gap-2 items-center">
               <notification-status
                 @open-settings=${() =>
@@ -65,8 +65,8 @@ export class FullHeader extends HeaderBase {
               >
                 Create Session
               </button>
-              ${this.renderUserMenu()}
             </div>
+            ${this.renderUserMenu()}
           </div>
         </div>
       </div>

web/src/client/components/header-base.ts

@@ -75,6 +75,7 @@ export abstract class HeaderBase extends LitElement {
   }
 
   protected handleOpenSettings() {
+    console.log('🔧 HeaderBase: handleOpenSettings called');
     this.showUserMenu = false;
     this.dispatchEvent(new CustomEvent('open-settings'));
   }