fix: scope issue with apps variable and soften messaging

- move identity click handler after apps is populated
- change messaging from ban-focused to lock-in/distribution focused
- emphasize 'you build their network, they own distribution'
- softer language: locked in vs can't export, starting over vs gone

src/templates.rs

···
     <div class="overlay" id="overlay"></div>
     <div class="info-modal" id="infoModal">
         <h2>@me - your repository</h2>
-        <p>on instagram, facebook, or twitter: the platform owns your content. if they ban you, it's all gone. you can't move it, export it, or control who accesses it.</p>
-        <p>on atproto: you own everything. your data lives in your personal server. apps like bluesky, whitewind, and frontpage just write to YOUR repository. you can switch apps, move servers, or revoke access anytime.</p>
-        <p>click your @ in the center to see what you've built. click any app to see what it's stored in your space.</p>
+        <p>on traditional social platforms, your content is locked in. want to switch? you start from zero. you build their network, they control the distribution.</p>
+        <p>on atproto, you own everything. your data lives in your personal server. apps like bluesky, whitewind, and frontpage just write to YOUR space. switch apps anytime, take it all with you.</p>
+        <p>click your @ in the center to see what you've built. click any app to see what it's stored in your repository.</p>
         <button id="closeInfo">got it</button>
         <button id="restartTour" onclick="window.restartOnboarding()" style="margin-left: 0.5rem; background: var(--surface-hover);">restart tour</button>
     </div>

static/app.js

···
                 // User may not have an avatar set
             });
 
-        // Store collections for later use
+        // Store collections and apps for later use
         let allCollections = [];
+        let apps = {};
 
-        // Add identity click handler to show PDS info
+        // Get all collections from PDS
+        return fetch(`${pds}/xrpc/com.atproto.repo.describeRepo?repo=${did}`);
+    })
+    .then(r => r.json())
+    .then(repo => {
+        const collections = repo.collections || [];
+        allCollections = collections;
+
+        // Group by app namespace (first two parts of lexicon)
+        apps = {};
+        collections.forEach(collection => {
+            const parts = collection.split('.');
+            if (parts.length >= 2) {
+                const namespace = `${parts[0]}.${parts[1]}`;
+                if (!apps[namespace]) apps[namespace] = [];
+                apps[namespace].push(collection);
+            }
+        });
+
+        // Add identity click handler now that we have the data
+        const pdsHost = globalPds.replace('https://', '').replace('http://', '');
         document.querySelector('.identity').addEventListener('click', () => {
             const detail = document.getElementById('detail');
-            const pdsHost = pds.replace('https://', '').replace('http://', '');
-
-            // Count total apps
             const appCount = Object.keys(apps).length;
 
             detail.innerHTML = `
···
                 </div>
 
                 <div class="ownership-box">
-                    <div class="ownership-header">on walled gardens</div>
-                    <div class="ownership-text">platform owns your content. account ban = everything gone. no export, no control.</div>
+                    <div class="ownership-header">on traditional platforms</div>
+                    <div class="ownership-text">your content is locked in. switching platforms means starting over. you build their network, they own the distribution.</div>
                 </div>
 
                 <div class="ownership-box yours">
                     <div class="ownership-header">on atproto</div>
-                    <div class="ownership-text">you own it. lives at <strong>${pdsHost}</strong>. move servers, switch apps, export anytime. can't be taken away.</div>
+                    <div class="ownership-text">your content, your server. apps just read and write to <strong>${pdsHost}</strong>. switch apps anytime, take your data anywhere.</div>
                 </div>
 
                 <div style="margin-top: 1.5rem; padding-top: 1rem; border-top: 1px solid var(--border);">
···
                     <div class="tree-item">
                         <div class="tree-item-header">
                             <span style="color: var(--text-light);">handle</span>
-                            <span style="font-size: 0.6rem; color: var(--text);">@${handle}</span>
+                            <span style="font-size: 0.6rem; color: var(--text);">@${globalHandle}</span>
                         </div>
                     </div>
                 </div>
···
                 e.stopPropagation();
                 detail.classList.remove('visible');
             });
-        });
-
-        // Get all collections from PDS
-        return fetch(`${pds}/xrpc/com.atproto.repo.describeRepo?repo=${did}`);
-    })
-    .then(r => r.json())
-    .then(repo => {
-        const collections = repo.collections || [];
-        allCollections = collections;
-
-        // Group by app namespace (first two parts of lexicon)
-        const apps = {};
-        collections.forEach(collection => {
-            const parts = collection.split('.');
-            if (parts.length >= 2) {
-                const namespace = `${parts[0]}.${parts[1]}`;
-                if (!apps[namespace]) apps[namespace] = [];
-                apps[namespace].push(collection);
-            }
         });
 
         const field = document.getElementById('field');