Home

madison / open-git

public
Overview Code History Branches Pull requestsIssuesInsights Campfire Docs
main
HomeOverview Code PRsIssues

feat(home): preview panel polish — header, skeleton, open/close animation

3 months ago

ba1952c
Authored
V.C. Billingsley6/11/2026, 3:18:57 AM
- DetailPanelChrome shows the item's identity (repo name + description) in
  the sticky header instead of a generic "Preview" label; RepositoryHomeContent
  gains showIdentity to avoid duplicating it in the body.
- Skeleton fallback uses skeleton bars for the header (no literal "Preview").
- Remove the Suspense key so switching previews keeps the previous one on
  screen during the transition (no flash); skeleton only on first cold open.
- Panel animates out the same way it animates in (detail-out keyframes), and
  collapses its width to 0 at the same rate so the master list grows in to
  fill the space smoothly; duration-based close respects reduced motion.
- Re-add agentation (dev-only feedback toolbar).

Parentca94807

20 files changed
  • apps/web/app/(home)/dashboard-detail.tsx+47−4
  • apps/web/app/(home)/detail-panel-chrome.tsx+26−4
  • apps/web/app/(home)/detail-panel-skeleton.tsx+36−19
  • apps/web/app/(home)/detail-panel.tsx+166−9
  • apps/web/app/(home)/page.tsx+6−4
  • apps/web/app/(home)/preview-width.ts+8−0
  • apps/web/app/[username]/[repository]/fork/fork-repository-form.tsx+1−1
apps/web/app/[username]/[repository]/repository-contributors.tsx
+84
−0
  • apps/web/app/[username]/[repository]/repository-home.tsx+78−47
  • apps/web/app/[username]/[repository]/repository-languages.tsx+78−0
  • apps/web/app/[username]/[repository]/repository-tabs.tsx+9−1
  • apps/web/app/layout.tsx+2−0
  • apps/web/components/open-git-user-button.tsx+6−5
  • apps/web/db/repository-index.ts+77−1
  • apps/web/next-env.d.ts+1−1
  • apps/web/package.json+2−0
  • apps/web/scripts/seed-repo-files.ts+132−0
  • packages/ui/src/components/button-variants.tsx+1−1
  • packages/ui/src/styles/globals.css+50−0
  • pnpm-lock.yaml+19−0