Repository navigation
feat(site): landing page repositioned to 'all developer disk waste' - #45
Conversation
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Replace the hero panel rendering from the old reclaimable-list AppPanel to the new HeroPanel showing the aggregate "Tracked on disk" dashboard with four area bars. AppPanel remains intact for app/og/page.tsx. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
…ed-entities Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
📝 WalkthroughWalkthroughThe landing page is repositioned around all developer disk waste. It adds Areas and Docker feature sections, expands i18n contracts and translations across five locales, replaces the hero dashboard mock, and updates related design, verification, and status documentation. ChangesLanding Page Redesign
Estimated code review effort: 3 (Moderate) | ~25 minutes Sequence Diagram(s)sequenceDiagram
participant Visitor
participant HomePage
participant Areas
participant Features
participant HeroScene
Visitor->>HomePage: open landing page
HomePage->>Areas: render localized Areas cards
HomePage->>Features: render localized feature rows
HeroScene->>HeroScene: render HeroPanel dashboard
Possibly related PRs
Poem
🚥 Pre-merge checks | ✅ 4 | ❌ 1❌ Failed checks (1 warning)
✅ Passed checks (4 passed)
✨ Finishing Touches📝 Generate docstrings
🧪 Generate unit tests (beta)
Warning There were issues while running some tools. Please review the errors and either fix the tool's configuration or disable the tool if it's a critical failure. 🔧 ESLint
ESLint install timed out. The project may have too many dependencies for the sandbox. Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
![coderabbitai[bot]](https://avatars.githubusercontent.com/in/347564?s=60&v=4){kind=small}
There was a problem hiding this comment.
Actionable comments posted: 2
🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.
Inline comments:
In `@site/components/Hero/HeroPanel.tsx`:
- Around line 5-14: Move the HeroPanel component from the Hero directory into a
dedicated HeroPanel folder, preserving the exported HeroPanel symbol and its
current behavior. Add the required index.ts barrel and HeroPanel.types.ts file,
and relocate the ROWS constant to HeroPanel.constants.ts if consistent with the
project convention; update imports and exports that reference the original
location.
In `@STATUS.html`:
- Line 17: Update the updated field in the STATUS data block from July 17, 2026
to today’s date, July 20, 2026, without changing other status fields.
🪄 Autofix (Beta)
Fix all unresolved CodeRabbit comments on this PR:
- Push a commit to this branch (recommended)
- Create a new PR with the fixes
ℹ️ Review info
⚙️ Run configuration
Configuration used: Organization UI
Review profile: ASSERTIVE
Plan: Pro
Run ID: 1581c1b7-5f5d-4854-b76f-d60efaebe884
📒 Files selected for processing (19)
STATUS.htmldocs/superpowers/plans/2026-07-16-landing-page-all-disk-waste.mddocs/superpowers/specs/2026-07-16-landing-page-all-disk-waste-design.mdsite/components/Areas/Areas.constants.tssite/components/Areas/Areas.tsxsite/components/Areas/Areas.types.tssite/components/Areas/index.tssite/components/Features/DockerVisual.tsxsite/components/Features/Features.tsxsite/components/Hero/HeroPanel.tsxsite/components/Hero/HeroScene.tsxsite/components/SvgSprite/SvgSprite.tsxsite/components/pages/HomePage/HomePage.tsxsite/lib/i18n/dictionaries/de.tsxsite/lib/i18n/dictionaries/en.tsxsite/lib/i18n/dictionaries/es.tsxsite/lib/i18n/dictionaries/fr.tsxsite/lib/i18n/dictionaries/pt.tsxsite/lib/i18n/i18n.types.ts
| const ROWS = [ | ||
| { name: "Projects", used: 41.2, threshold: 30, value: "41.2 GB", sev: false }, | ||
| { name: "Caches", used: 6.4, threshold: 10, value: "6.4 GB", sev: false }, | ||
| { name: "Packages", used: 0, threshold: 1, value: "7 vuln", sev: true }, | ||
| { name: "Docker", used: 23.6, threshold: 20, value: "23.6 GB", sev: false }, | ||
| ]; | ||
|
|
||
| // The hero's recreation of the new read-only menu bar panel dashboard: | ||
| // a "Tracked on disk" aggregate plus four click-through area rows. | ||
| export function HeroPanel() { |
There was a problem hiding this comment.
📐 Maintainability & Code Quality | 🟡 Minor | ⚡ Quick win
Move to a dedicated component folder.
As per coding guidelines, components must follow the one-folder-per-component structure. HeroPanel.tsx is currently placed as a standalone file inside site/components/Hero/.
Please extract it into its own directory (site/components/HeroPanel/HeroPanel.tsx) alongside a required index.ts and HeroPanel.types.ts. You should also consider extracting the ROWS constant into a HeroPanel.constants.ts file within that folder to fully satisfy the project structure convention.
🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.
In `@site/components/Hero/HeroPanel.tsx` around lines 5 - 14, Move the HeroPanel
component from the Hero directory into a dedicated HeroPanel folder, preserving
the exported HeroPanel symbol and its current behavior. Add the required
index.ts barrel and HeroPanel.types.ts file, and relocate the ROWS constant to
HeroPanel.constants.ts if consistent with the project convention; update imports
and exports that reference the original location.
Source: Coding guidelines
| app: "TidyDisk", | ||
| version: "1.0.0", | ||
| updated: "2026-07-16", | ||
| updated: "2026-07-17", |
There was a problem hiding this comment.
📐 Maintainability & Code Quality | 🟡 Minor | ⚡ Quick win
Update the status date to today.
As per coding guidelines, you must update the STATUS data block at the end of every session and bump updated to today's date. Since the current date is July 20, 2026, please update this field.
🗓️ Proposed fix
- updated: "2026-07-17",
+ updated: "2026-07-20",📝 Committable suggestion
‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.
| updated: "2026-07-17", | |
| updated: "2026-07-20", |
🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.
In `@STATUS.html` at line 17, Update the updated field in the STATUS data block
from July 17, 2026 to today’s date, July 20, 2026, without changing other status
fields.
Source: Coding guidelines
This branch was successfully deployed
1 participant
Repositions the TidyDisk landing page from a node_modules cleaner to "all developer disk waste" (projects + caches + packages + Docker), across all 5 locales.
What changed
i-dockersprite icon.AppPanelleft intact for the OG image.Quality
pnpm typecheck+pnpm buildgreen (41 pages, 5 locales). TheDictionarytype enforced all 5 locales (features became a 5-tuple, new areas slice).CookieConsenterror from feat(site): consent-gated Google Analytics + brand favicon + legal pages #44 (not this branch, not in CI).Follow-up: optional native-speaker proofread of the new machine-translated fr/es/de/pt copy.
🤖 Generated with Claude Code
Summary by CodeRabbit
New Features
Improvements
node_modulesto include Docker data, build caches, and forgotten projects.