Improve login UI

Author: ericdallo

src/bridge/api.ts

@@ -18,11 +18,11 @@ import { resolveBaseUrl } from './utils';
 
 export class EcaRemoteApi {
   private baseUrl: string;
-  private token: string;
+  private password: string;
 
-  constructor(host: string, token: string) {
+  constructor(host: string, password: string) {
     this.baseUrl = resolveBaseUrl(host);
-    this.token = token;
+    this.password = password;
   }
 
   // ---------------------------------------------------------------------------
@@ -31,7 +31,7 @@ export class EcaRemoteApi {
 
   /** Build auth + optional JSON content-type headers. */
   private headers(json = false): HeadersInit {
-    const h: HeadersInit = { 'Authorization': `Bearer ${this.token}` };
+    const h: HeadersInit = { 'Authorization': `Bearer ${this.password}` };
     if (json) h['Content-Type'] = 'application/json';
     return h;
   }
@@ -219,8 +219,8 @@ export class EcaRemoteApi {
     return `${this.baseUrl}/events`;
   }
 
-  /** The auth token (needed by SSEClient to authenticate the stream). */
-  get authToken(): string {
-    return this.token;
+  /** The auth password (needed by SSEClient to authenticate the stream). */
+  get authPassword(): string {
+    return this.password;
   }
 }

src/bridge/connection.ts

@@ -3,21 +3,21 @@
  * before establishing a full WebBridge connection.
  *
  * This is used by the ConnectForm to provide fast, specific error
- * messages (wrong host? wrong token?) before attempting the heavier
+ * messages (wrong host? wrong password?) before attempting the heavier
  * SSE connection.
  */
 
 import { fetchWithTimeout, resolveBaseUrl } from './utils';
 
 /**
- * Test whether a host is reachable and the token is valid.
+ * Test whether a host is reachable and the password is valid.
  *
  * Returns a human-readable error message on failure, or null on success.
  * Performs two sequential checks:
  * 1. Health endpoint (unauthenticated) — tests reachability
  * 2. Session endpoint (authenticated) — tests credentials
  */
-export async function testConnection(host: string, token: string): Promise<string | null> {
+export async function testConnection(host: string, password: string): Promise<string | null> {
   const baseUrl = resolveBaseUrl(host);
 
   // 1. Test host reachability (health endpoint — no auth)
@@ -38,11 +38,11 @@ export async function testConnection(host: string, token: string): Promise<strin
   // 2. Test authentication (session endpoint — requires auth)
   try {
     const res = await fetchWithTimeout(`${baseUrl}/session`, {
-      headers: { 'Authorization': `Bearer ${token}` },
+      headers: { 'Authorization': `Bearer ${password}` },
     });
     if (!res.ok) {
       return (res.status === 401 || res.status === 403)
-        ? 'Authentication failed. Check your password or token.'
+        ? 'Authentication failed. Check your password.'
         : `Session check failed (${res.status}).`;
     }
   } catch (err: any) {

src/bridge/index.ts

@@ -6,7 +6,7 @@
  *
  * Usage:
  *   import { WebBridge } from '@/bridge';
- *   const bridge = new WebBridge(host, token);
+ *   const bridge = new WebBridge(host, password);
  *   await bridge.connect();
  */
 

src/bridge/outbound-handler.ts

@@ -25,6 +25,8 @@ export interface OutboundContext {
   setCurrentChatId: (id: string) => void;
   /** Triggers initial state dispatch (called on webview/ready). */
   dispatchInitialState: () => Promise<void>;
+  /** Lazy-load messages for a chat (fetches from server if not yet loaded). */
+  loadChatMessages: (chatId: string) => Promise<void>;
 }
 
 /**
@@ -179,11 +181,16 @@ export async function handleOutbound(
 
 /**
  * Handle a user prompt: creates a new chat if no chatId is provided.
+ * Ensures the chat messages are loaded before sending (handles the case
+ * where a prompt targets a chat whose history hasn't been lazy-loaded yet).
  */
 async function handleUserPrompt(data: UserPromptData, ctx: OutboundContext): Promise<void> {
   const chatId = data.chatId || crypto.randomUUID();
   ctx.setCurrentChatId(chatId);
 
+  // Ensure messages are loaded so the webview has full context
+  await ctx.loadChatMessages(chatId);
+
   await ctx.api.sendPrompt(chatId, {
     message: data.prompt,
     model: data.model,

src/bridge/sse.ts

@@ -27,7 +27,7 @@ export interface SSEClientOptions {
 
 export class SSEClient {
   private url: string;
-  private token: string;
+  private password: string;
   private reader: ReadableStreamDefaultReader<Uint8Array> | null = null;
   private abortController: AbortController | null = null;
   private onEvent: EventHandler;
@@ -39,14 +39,14 @@ export class SSEClient {
 
   constructor(
     url: string,
-    token: string,
+    password: string,
     onEvent: EventHandler,
     onError: ErrorHandler,
     onDisconnect: () => void,
     options: SSEClientOptions = {},
   ) {
     this.url = url;
-    this.token = token;
+    this.password = password;
     this.onEvent = onEvent;
     this.onError = onError;
     this.onDisconnect = onDisconnect;
@@ -59,7 +59,7 @@ export class SSEClient {
     this.abortController = new AbortController();
 
     const response = await fetch(this.url, {
-      headers: { 'Authorization': `Bearer ${this.token}` },
+      headers: { 'Authorization': `Bearer ${this.password}` },
       signal: this.abortController.signal,
     });