interactive intro to open social
at-me.zzstoatzz.io
fix: make discover callout reference user's actual apps instead of hardcoding bluesky
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
+9
-3
+9
-3
src/view/visualization.js
+9
-3
src/view/visualization.js
···
164
164
165
165
// Show discover callout for users with few apps — wait for onboarding to finish
166
166
if (ghostAppDivs.length > 0) {
167
+
const realAppDisplayNames = appNames.map(ns =>
168
+
applyDomainRedirect(ns.split('.').reverse().join('.'))
169
+
);
167
170
const waitForOnboarding = () => {
168
171
const overlay = document.getElementById('onboardingOverlay');
169
172
if (overlay?.hasAttribute('data-active')) {
170
173
// Onboarding still running, check again
171
174
setTimeout(waitForOnboarding, 500);
172
175
} else {
173
-
showDiscoverCallout(field);
176
+
showDiscoverCallout(field, realAppDisplayNames);
174
177
}
175
178
};
176
179
// Delay initial check to let onboarding start first
···
319
322
320
323
const DISCOVER_KEY = 'atme_discover_dismissed';
321
324
322
-
function showDiscoverCallout(field) {
325
+
function showDiscoverCallout(field, realAppDisplayNames = []) {
326
+
const appList = realAppDisplayNames.length > 0
327
+
? realAppDisplayNames.join(' and ')
328
+
: 'bluesky';
323
329
const callout = document.createElement('div');
324
330
callout.className = 'discover-callout';
325
331
callout.innerHTML = `
326
332
<div class="discover-callout-content">
327
333
<div class="discover-callout-text">
328
-
<strong>your account works with more than just bluesky.</strong> try any of these apps with your existing account.
334
+
<strong>your account works with more than just ${appList}.</strong> try any of these apps with your existing account.
329
335
</div>
330
336
<button class="discover-callout-dismiss" id="discoverDismiss">got it</button>
331
337
</div>