bunch of tiny changes

netlify/functions/db-helpers.ts

···
   return idMap;
 }
 
-// ==================== THIS FUNCTION IS NOW FIXED ====================
 export async function bulkLinkUserToSourceAccounts(
   uploadId: string,
   did: string,
···
     atprotoHandle: string;
     atprotoDisplayName?: string;
     atprotoAvatar?: string;
+    atprotoDescription?: string;
     matchScore: number;
     postCount?: number;
     followerCount?: number;
···
   const atprotoDid = matches.map(m => m.atprotoDid)
   const atprotoHandle = matches.map(m => m.atprotoHandle)
   const atprotoDisplayName = matches.map(m => m.atprotoDisplayName || null)
-  const atprotoAvatar = matches.map(m => m.atprotoAvatar  || null)
+  const atprotoAvatar = matches.map(m => m.atprotoAvatar || null)
+  const atprotoDescription = matches.map(m => m.atprotoDescription || null)
   const matchScore = matches.map(m => m.matchScore)
   const postCount = matches.map(m => m.postCount || 0)
   const followerCount = matches.map(m => m.followerCount || 0)
···
   const result = await sql`
     INSERT INTO atproto_matches (
       source_account_id, atproto_did, atproto_handle, 
-      atproto_display_name, atproto_avatar, match_score,
-      post_count, follower_count
+      atproto_display_name, atproto_avatar, atproto_description,
+      match_score, post_count, follower_count
     )
     SELECT * FROM UNNEST(
       ${sourceAccountId}::integer[],
···
       ${atprotoHandle}::text[],
       ${atprotoDisplayName}::text[],
       ${atprotoAvatar}::text[],
+      ${atprotoDescription}::text[],
       ${matchScore}::integer[],
       ${postCount}::integer[],
       ${followerCount}::integer[]
···
       atproto_handle = EXCLUDED.atproto_handle,
       atproto_display_name = EXCLUDED.atproto_display_name,
       atproto_avatar = EXCLUDED.atproto_avatar,
+      atproto_description = EXCLUDED.atproto_description,
       match_score = EXCLUDED.match_score,
       post_count = EXCLUDED.post_count,
       follower_count = EXCLUDED.follower_count,

netlify/functions/db.ts

···
       atproto_handle TEXT NOT NULL,
       atproto_display_name TEXT,
       atproto_avatar TEXT,
+      atproto_description TEXT,
       post_count INTEGER,
       follower_count INTEGER,
       match_score INTEGER NOT NULL,

netlify/functions/get-upload-details.ts

···
         am.atproto_handle,
         am.atproto_display_name,
         am.atproto_avatar,
+        am.atproto_description,
         am.match_score,
         am.post_count,
         am.follower_count,
···
           handle: row.atproto_handle,
           displayName: row.atproto_display_name,
           avatar: row.atproto_avatar,
+          description: row.atproto_description,
           matchScore: row.match_score,
           postCount: row.post_count,
           followerCount: row.follower_count,

netlify/functions/oauth-start.ts

···
     };
   } catch (error) {
     console.error('OAuth start error:', error);
+
+    // Provide user-friendly error messages
+    let userMessage = 'Failed to start authentication';
+    
+    if (error instanceof Error) {
+      if (error.message.includes('resolve') || error.message.includes('not found')) {
+        userMessage = 'Account not found. Please check your handle and try again.';
+      } else if (error.message.includes('network') || error.message.includes('timeout')) {
+        userMessage = 'Network error. Please check your connection and try again.';
+      } else if (error.message.includes('Invalid identifier')) {
+        userMessage = 'Invalid handle format. Please use the format: username.bsky.social';
+      }
+    }
+    
     return {
       statusCode: 500,
       headers: { 'Content-Type': 'application/json' },
       body: JSON.stringify({ 
-        error: 'Failed to start OAuth flow',
+        error: userMessage,
         details: error instanceof Error ? error.message : 'Unknown error',
-        stack: error instanceof Error ? error.stack : undefined
       }),
     };
   }

netlify/functions/save-results.ts

···
     handle: string;
     displayName?: string;
     avatar?: string;
+    description?: string;
     matchScore: number;
     postCount: number;
     followerCount: number;
···
       atprotoHandle: string;
       atprotoDisplayName?: string;
       atprotoAvatar?: string;
+      atprotoDescription?: string;
       matchScore: number;
       postCount: number;
       followerCount: number;
···
             atprotoHandle: match.handle,
             atprotoDisplayName: match.displayName,
             atprotoAvatar: match.avatar,
+            atprotoDescription: (match as any).description,
             matchScore: match.matchScore,
             postCount: match.postCount || 0,
             followerCount: match.followerCount || 0,

src/components/SearchResultCard.tsx

···
                         {match.displayName}
                       </div>
                     )}
-                    <div className="text-sm text-gray-800 dark:text-gray-200">
+                    <a 
+                      href={`https://bsky.app/profile/${match.handle}`}
+                      target="_blank"
+                      rel="noopener noreferrer"
+                      className="text-sm text-blue-600 dark:text-blue-400 hover:underline"
+                    >
                       @{match.handle}
-                    </div>
+                    </a>
                     {match.description && (
                       <div className="text-sm text-gray-700 dark:text-gray-300 mt-1 line-clamp-2">{match.description}</div>
                     )}
-                    {(match.postCount || match.followerCount) && (
-                      <div className="flex items-center space-x-3 mt-2 text-xs text-gray-700 dark:text-gray-300">
-                        {match.postCount && match.postCount > 0 && (
-                          <span>{match.postCount.toLocaleString()} posts</span>
-                        )}
-                        {match.followerCount && match.followerCount > 0 && (
-                          <span>{match.followerCount.toLocaleString()} followers</span>
-                        )}
-                      </div>
-                    )}
-                    <div className="flex items-center space-x-3 mt-2">
-                      <span className="text-xs bg-green-100 dark:bg-green-900 text-green-800 dark:text-green-300 px-2 py-1 rounded-full font-medium">
+                    <div className="flex items-center flex-wrap gap-x-3 gap-y-1 mt-2 text-xs text-gray-700 dark:text-gray-300">
+                      {match.postCount && match.postCount > 0 && (
+                        <span>{match.postCount.toLocaleString()} posts</span>
+                      )}
+                      {match.followerCount && match.followerCount > 0 && (
+                        <span>{match.followerCount.toLocaleString()} followers</span>
+                      )}
+                      <span className="bg-green-100 dark:bg-green-900 text-green-800 dark:text-green-300 px-2 py-1 rounded-full font-medium">
                         {match.matchScore}% match
                       </span>
                     </div>

src/lib/parserLogic.ts

···
         const matches = [...content.matchAll(pattern)];
         
         // We map the results to the first captured group (match[1]), filtering out empty results.
-        return matches.map(match => match[1]).filter(name => !!name); 
+        return matches.map(match => match[1].trim()).filter(name => !!name); 
         
     } catch (e) {
         console.error(`ERROR: Invalid regex pattern '${regexPattern}':`, e);

src/pages/Home.tsx

···
 
         {/* History Tab */}
         {activeTab === 'history' && (
-          <div className="bg-white dark:bg-gray-800 rounded-2xl shadow-lg p-6">
-            <div className="bg-white/95 dark:bg-slate-800/95 backdrop-blur-xl rounded-2xl shadow-lg p-6 border-2 border-slate-200 dark:border-slate-700">
-              <div className="flex items-center space-x-3 mb-6">
-                <Sparkles className="w-6 h-6 text-firefly-amber" />
-                <h2 className="text-xl font-bold text-slate-900 dark:text-slate-100">
-                  Your Light Trail
-                </h2>
-              </div>
+          <div className="bg-white/95 dark:bg-slate-800/95 backdrop-blur-xl rounded-2xl shadow-lg p-6 border-2 border-slate-200 dark:border-slate-700">
+            <div className="flex items-center space-x-3 mb-6">
+              <Sparkles className="w-6 h-6 text-firefly-amber" />
+              <h2 className="text-xl font-bold text-slate-900 dark:text-slate-100">
+                Your Light Trail
+              </h2>
+            </div>
 
-            {isLoading ? (
-              <div className="space-y-3">
-                {[...Array(3)].map((_, i) => (
-                  <div key={i} className="animate-pulse flex items-center space-x-4 p-4 bg-slate-50 dark:bg-slate-700 rounded-xl">
-                    <div className="w-12 h-12 bg-slate-200 dark:bg-slate-600 rounded-xl" />
-                    <div className="flex-1 space-y-2">
-                      <div className="h-4 bg-slate-200 dark:bg-slate-600 rounded w-3/4" />
-                      <div className="h-3 bg-slate-200 dark:bg-slate-600 rounded w-1/2" />
-                    </div>
+          {isLoading ? (
+            <div className="space-y-3">
+              {[...Array(3)].map((_, i) => (
+                <div key={i} className="animate-pulse flex items-center space-x-4 p-4 bg-slate-50 dark:bg-slate-700 rounded-xl">
+                  <div className="w-12 h-12 bg-slate-200 dark:bg-slate-600 rounded-xl" />
+                  <div className="flex-1 space-y-2">
+                    <div className="h-4 bg-slate-200 dark:bg-slate-600 rounded w-3/4" />
+                    <div className="h-3 bg-slate-200 dark:bg-slate-600 rounded w-1/2" />
                   </div>
-                ))}
-              </div>
-            ) : uploads.length === 0 ? (
-              <div className="text-center py-12">
-                <Upload className="w-16 h-16 text-slate-300 dark:text-slate-600 mx-auto mb-4" />
-                <p className="text-slate-600 dark:text-slate-400 font-medium">No previous uploads yet</p>
-                <p className="text-sm text-slate-500 dark:text-slate-500 mt-2">
-                  Upload your first file to get started
-                </p>
-              </div>
-            ) : (
-              <div className="space-y-3">
-                {uploads.map((upload) => {
-                  const destApp = ATPROTO_APPS[userSettings.platformDestinations[upload.sourcePlatform as keyof typeof userSettings.platformDestinations]];
-                  return (
-                    <button
-                      key={upload.uploadId}
-                      onClick={() => onLoadUpload(upload.uploadId)}
-                      className="w-full flex items-start space-x-4 p-4 bg-slate-50 dark:bg-slate-900/50 hover:bg-slate-100 dark:hover:bg-slate-900/70 rounded-xl transition-all text-left border-2 border-slate-200 dark:border-slate-700 hover:border-firefly-orange dark:hover:border-firefly-orange shadow-md hover:shadow-lg"
-                    >
-                      <div className={`w-12 h-12 bg-gradient-to-r ${getPlatformColor(upload.sourcePlatform)} rounded-xl flex items-center justify-center flex-shrink-0 shadow-md`}>
-                        <Sparkles className="w-6 h-6 text-white" />
-                      </div>
-                      <div className="flex-1 min-w-0">
-                        <div className="flex flex-wrap items-start justify-between gap-x-4 gap-y-2 mb-1">
-                          <div className="font-semibold text-slate-900 dark:text-slate-100 capitalize">
-                            {upload.sourcePlatform}
-                          </div>
-                          <div className="flex items-center gap-2 flex-shrink-0">
-                            <span className="text-xs px-2 py-0.5 bg-firefly-amber/20 dark:bg-firefly-amber/30 text-amber-900 dark:text-firefly-glow rounded-full font-medium border border-firefly-amber/20 dark:border-firefly-amber/50 whitespace-nowrap">
-                              {upload.matchedUsers} {upload.matchedUsers === 1 ? 'firefly' : 'fireflies'}
-                            </span>
-                            <div className="text-sm text-slate-600 dark:text-slate-400 font-medium whitespace-nowrap">
-                              {Math.round((upload.matchedUsers / upload.totalUsers) * 100)}%
-                            </div>
-                          </div>
-                        </div>
-                        <div className="text-sm text-slate-700 dark:text-slate-300">
-                          {upload.totalUsers} users • {formatDate(upload.createdAt)}
+                </div>
+              ))}
+            </div>
+          ) : uploads.length === 0 ? (
+            <div className="text-center py-12">
+              <Upload className="w-16 h-16 text-slate-300 dark:text-slate-600 mx-auto mb-4" />
+              <p className="text-slate-600 dark:text-slate-400 font-medium">No previous uploads yet</p>
+              <p className="text-sm text-slate-500 dark:text-slate-500 mt-2">
+                Upload your first file to get started
+              </p>
+            </div>
+          ) : (
+            <div className="space-y-3">
+              {uploads.map((upload) => {
+                const destApp = ATPROTO_APPS[userSettings.platformDestinations[upload.sourcePlatform as keyof typeof userSettings.platformDestinations]];
+                return (
+                  <button
+                    key={upload.uploadId}
+                    onClick={() => onLoadUpload(upload.uploadId)}
+                    className="w-full flex items-start space-x-4 p-4 bg-slate-50 dark:bg-slate-900/50 hover:bg-slate-100 dark:hover:bg-slate-900/70 rounded-xl transition-all text-left border-2 border-slate-200 dark:border-slate-700 hover:border-firefly-orange dark:hover:border-firefly-orange shadow-md hover:shadow-lg"
+                  >
+                    <div className={`w-12 h-12 bg-gradient-to-r ${getPlatformColor(upload.sourcePlatform)} rounded-xl flex items-center justify-center flex-shrink-0 shadow-md`}>
+                      <Sparkles className="w-6 h-6 text-white" />
+                    </div>
+                    <div className="flex-1 min-w-0">
+                      <div className="flex flex-wrap items-start justify-between gap-x-4 gap-y-2 mb-1">
+                        <div className="font-semibold text-slate-900 dark:text-slate-100 capitalize">
+                          {upload.sourcePlatform}
                         </div>
-                        {destApp && (
-                          <div className="text-xs text-gray-500 dark:text-gray-400 mt-1">
-                            Sent to {destApp.icon} {destApp.name}
+                        <div className="flex items-center gap-2 flex-shrink-0">
+                          <span className="text-xs px-2 py-0.5 bg-firefly-amber/20 dark:bg-firefly-amber/30 text-amber-900 dark:text-firefly-glow rounded-full font-medium border border-firefly-amber/20 dark:border-firefly-amber/50 whitespace-nowrap">
+                            {upload.matchedUsers} {upload.matchedUsers === 1 ? 'firefly' : 'fireflies'}
+                          </span>
+                          <div className="text-sm text-slate-600 dark:text-slate-400 font-medium whitespace-nowrap">
+                            {Math.round((upload.matchedUsers / upload.totalUsers) * 100)}%
                           </div>
-                        )}
+                        </div>
                       </div>
-                    </button>
-                  );
-                })}
-              </div>
-            )}
+                      <div className="text-sm text-slate-700 dark:text-slate-300">
+                        {upload.totalUsers} users • {formatDate(upload.createdAt)}
+                      </div>
+                      {destApp && (
+                        <div className="text-xs text-gray-500 dark:text-gray-400 mt-1">
+                          Sent to {destApp.icon} {destApp.name}
+                        </div>
+                      )}
+                    </div>
+                  </button>
+                );
+              })}
             </div>
+          )}
           </div>
         )}
 

src/pages/Loading.tsx

···
         <div className="max-w-3xl mx-auto px-4 py-6">
           <div className="flex items-center justify-between">
             <div className="flex items-center space-x-4">
-              <div className="relative">
+              <div className="relative w-14 h-14">
                 <PlatformIcon className="w-12 h-12" />
-                <Search className="w-6 h-6 absolute -bottom-1 -right-1 animate-pulse" aria-hidden="true" />
+                <div className="absolute -bottom-1 -right-1 w-7 h-7 bg-white dark:bg-slate-800 rounded-full flex items-center justify-center">
+                  <Search className="w-4 h-4 animate-pulse" aria-hidden="true" />
+                </div>
               </div>
               <div>
                 <h2 className="text-xl font-bold">Finding Your Fireflies</h2>