v0.9 Phase 3: Settings page (About + Danger zone)

[jacuzzicoding]

Summary

Phase 3 of v0.9.0-beta per docs/v0.9-plan.md § Phase 3. Adds the /settings route with About and Danger zone sections. No Appearance section per locked decision #3 — Meadow is the only theme in v0.9.

What changed

• src/components/SettingsPage.tsx — full-page Settings UI: About (version from VITE_APP_VERSION, GitHub source link, live storage summary derived from store, credits) + Danger zone with two confirm()-guarded actions ("Reset donations for active town" ghost, "Reset everything" solid red). Esc + close button navigate back to active town home (or / if no town).
• src/components/SettingsRoute.tsx — route wrapper that mounts Sidebar + SettingsPage so the sidebar (active town card, nav, footer) stays in place at /settings.
• src/App.tsx — adds <Route path="/settings" element={<SettingsRoute />} />.
• src/lib/store.ts — adds resetActiveTownDonations() and resetAll(). resetAll() also clears ac-curator-search-history from localStorage (forward-compatible with the Phase 8 search history key).
• src/index.css — Settings page styles ported from docs/design-handoffs/v0.9.2_curator/addons-styles.css (.ac-settings*, .ac-about-list, .ac-settings-danger, .ac-danger-*, ac-fade-up keyframe). Responsive collapse at ≤700px (title 56→40px, About list single-column, Danger rows stack with full-width buttons).
• src/components/Sidebar.tsx — drops the Phase 2 "coming in Phase 3" tooltip on the Settings link.
• CHANGELOG.md, CLAUDE.md — Phase 3 entries.

Decisions

• Settings is a top-level route (/settings) rather than nested under /town/:townId/settings. Settings is an app property, not a town property — and a user mid-Reset everything wouldn't have an active town to nest under.
• "Reset donations for active town" is disabled (not hidden) when there's no active town — keeps Danger zone shape stable.
• Eyebrow header text is "Museum Tracker", not "Curator". Matches the brand-wordmark choice from Phase 2 (codename note in the plan: no user-facing copy says "Curator").
• Reset everything clears ac-curator-search-history defensively even though that key isn't written until Phase 8. Safer than coming back later. The legacy in-memory recentSearches from useSearch is naturally cleared by component unmount; nothing to wipe.
• Used window.confirm() for both danger actions per locked decision feat(home): add home screen with seasonal availability and progress overview #7 — a styled confirm dialog is a v1.0 polish item.

Status

• ✅ npm run build — pass (tsc + vite, no TS errors)
• ✅ npm test — 59 tests pass
• ✅ npm run lint — pass (no typecheck script in this repo; tsc --noEmit runs as part of build)

Test plan

• Visit /settings from sidebar footer link — page renders with sidebar intact
• About section reflects live townCount and totalDonations
• GitHub source link opens in new tab
• "Reset donations for active town" → confirm → only that town's donations clear
• "Reset everything" → confirm → all towns + donations gone, redirected to /, search-history key removed from localStorage
• Esc closes settings (navigates back to /town/:id/home)
• Close ✕ button does the same
• Mobile ≤700px: title shrinks, About rows stack, Danger buttons full-width

Out of scope (per plan)

• No Appearance / theme switcher (decision feat(v0.5): add error banner and error state UI #3)
• No styled confirm dialog (decision feat(home): add home screen with seasonal availability and progress overview #7)
• No retiring of the Phase 2 sidebar bridge stubs (Edit/+New/Switch town buttons, hemisphere toggle) — those retire in Phase 4 with TownManager.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
animalcrossingwebapp	Ready	Preview, Comment	May 3, 2026 10:38pm