feat: Improve UI layout and navigation

- Increase logo size (48x48 desktop, 56x56 mobile) for better visibility
- Add logo as favicon
- Add logo to mobile header
- Move user menu to navigation bars (sidebar on desktop, bottom bar on mobile)
- Fix desktop chat layout - container structure prevents voice controls cutoff
- Fix mobile bottom bar - use icon-only ActionIcons instead of truncated text buttons
- Hide Create Node/New Conversation buttons on mobile to save header space
- Make fixed header and voice controls work properly with containers

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

lib/auth/oauth-client.ts

@@ -38,9 +38,10 @@ export async function getOAuthClient(): Promise<NodeOAuthClient> {
   if (isDev) {
     // Development: Use localhost loopback client
     // Per ATproto spec, we encode metadata in the client_id query params
+    // Request 'transition:generic' scope for repository write access
     const clientId = `http://localhost/?${new URLSearchParams({
       redirect_uri: callbackUrl,
-      scope: 'atproto',
+      scope: 'atproto transition:generic',
     }).toString()}`;
 
     console.log('[OAuth] Initializing development client with loopback exception');
@@ -50,7 +51,7 @@ export async function getOAuthClient(): Promise<NodeOAuthClient> {
       clientMetadata: {
         client_id: clientId,
         redirect_uris: [callbackUrl],
-        scope: 'atproto',
+        scope: 'atproto transition:generic',
         grant_types: ['authorization_code', 'refresh_token'],
         response_types: ['code'],
         application_type: 'native',

lib/auth/oauth-session-store.ts

@@ -38,6 +38,7 @@ async function getDB(): Promise<Surreal> {
 export function createSessionStore(): NodeSavedSessionStore {
   return {
     async set(did: string, sessionData: NodeSavedSession): Promise<void> {
+      console.log('[SessionStore] Setting session for DID:', did);
       const db = await getDB();
 
       try {
@@ -50,12 +51,14 @@ export function createSessionStore(): NodeSavedSessionStore {
 
         if (Array.isArray(existing) && existing.length > 0) {
           // Update existing record
+          console.log('[SessionStore] Updating existing session');
           await db.merge(recordId, {
             session_data: sessionData,
             updated_at: new Date().toISOString(),
           });
         } else {
           // Create new record
+          console.log('[SessionStore] Creating new session');
           await db.create(recordId, {
             did,
             session_data: sessionData,
@@ -63,12 +66,17 @@ export function createSessionStore(): NodeSavedSessionStore {
             updated_at: new Date().toISOString(),
           });
         }
+        console.log('[SessionStore] ✓ Session saved successfully');
+      } catch (error) {
+        console.error('[SessionStore] Error setting session:', error);
+        throw error;
       } finally {
         await db.close();
       }
     },
 
     async get(did: string): Promise<NodeSavedSession | undefined> {
+      console.log('[SessionStore] Getting session for DID:', did);
       const db = await getDB();
 
       try {
@@ -77,7 +85,11 @@ export function createSessionStore(): NodeSavedSessionStore {
 
         // db.select() returns an array when selecting a specific record ID
         const record = Array.isArray(result) ? result[0] : result;
+        console.log('[SessionStore] Get result:', { found: !!record, hasSessionData: !!record?.session_data });
         return record?.session_data;
+      } catch (error) {
+        console.error('[SessionStore] Error getting session:', error);
+        throw error;
       } finally {
         await db.close();
       }