Skip to content

feat: rebuild the studio bento on the editor's real controls - #2235

Merged
richiemcilroy merged 3 commits into
mainfrom
studio-bento-real-controls
Sep 7, 2026
Merged

feat: rebuild the studio bento on the editor's real controls#2235
richiemcilroy merged 3 commits into
mainfrom
studio-bento-real-controls

Conversation

@richiemcilroy

@richiemcilroy richiemcilroy commented Sep 7, 2026

Copy link
Copy Markdown
Member

Rebuilds the nine Studio Mode feature cards on the homepage after feedback that the illustrations all looked the same and it was hard to tell where to look.

  • Every card now sits on a flat ground with one focal element: the real editor control for that feature, drawn in the desktop editor's current visual system (window, cards, accent, tinted timeline segments) with the app's own labels and defaults.
  • Painted wallpapers are gone from the cards, except as swatches in the backgrounds card. The webcam appears only in the Scenes card, where the camera is the subject.
  • Uniform 3x3 grid with a single card frame, tighter type, and the last card spanning the row at tablet width. One code-split chunk per card.

Validated: biome and typecheck clean for the folder; per-card, reduced-motion pose, and 390/900/1440px screenshots reviewed; with the section in view 109 fps and no long tasks, 74 fps under 4x CPU throttling.

Greptile Summary

Rebuilds the homepage Studio Mode feature grid around nine code-split illustrations modeled on the editor’s controls.

  • Replaces the previous card artwork and layout with a uniform responsive grid.
  • Adds shared editor-style primitives and dedicated visuals for masks, scenes, zoom, captions, text, 3D motion, backgrounds, color grades, and clips.
  • Removes narrational comments and renames the 3D card file to kebab-case in response to the previous review.

Confidence Score: 5/5

The PR appears safe to merge; the changes since the previous review address both prior repository-rule findings without introducing a new actionable issue.

The narrational comments were removed, and the 3D component was renamed to three-d.tsx with its dynamic import updated accordingly. Both previous threads were manually resolved by richiemcilroy without explanatory replies, and the current code also fully addresses their findings.

Important Files Changed

Filename Overview
apps/web/components/pages/HomeTwo/studio/StudioFeatures.tsx Defines the revised card ordering, responsive grid, compact card frame, and section typography.
apps/web/components/pages/HomeTwo/studio/shared.tsx Provides the shared visual tokens, animation loop, editor controls, and timeline primitives used by the feature cards.
apps/web/components/pages/HomeTwo/studio/catalog.ts Configures the code-split card catalog and correctly imports the renamed three-d module.
apps/web/components/pages/HomeTwo/studio/cards/three-d.tsx Implements the 3D camera-move illustration under the corrected kebab-case filename.
apps/web/components/pages/HomeTwo/studio/cards/canvas.tsx Implements the animated backgrounds and framing control illustration without the previously flagged narrational comment.

Reviews (2): Last reviewed commit: "chore: drop narrational comments from th..." | Re-trigger Greptile

Comment thread apps/web/components/pages/HomeTwo/studio/cards/canvas.tsx Outdated
Comment thread apps/web/components/pages/HomeTwo/studio/cards/three-d.tsx
@richiemcilroy

Copy link
Copy Markdown
Member Author

hey @greptileai, please re-review the PR

@richiemcilroy
richiemcilroy merged commit e018b68 into main Sep 7, 2026
25 checks passed
@richiemcilroy
richiemcilroy deleted the studio-bento-real-controls branch September 7, 2026 20:16
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant