Add cli

[Arjun544]

Summary by CodeRabbit

• New Features

  • Added a featured guides section to the landing page, showcasing a primary post, supporting posts, and a link to all guides.
  • Added responsive mobile navigation and file exploration in the code workspace.
  • Added flexible blog card layouts that can fill available height and optionally hide metadata.

• Improvements

  • Refined blog card spacing, image sizing, navigation animations, code previews, and responsive workspace states.
  • Updated the landing-page Blogs link to navigate to the guides section.

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
flutter-init	Ready	Preview	Aug 10, 2026 5:56pm

[coderabbitai]

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro Plus

Run ID: 156986bb-39f6-4b7f-9d17-2d15c0c04eee

📥 Commits

Reviewing files that changed from the base of the PR and between b4fe891 and 32ccfad.

📒 Files selected for processing (8)

• app/blogs/components/FeaturedPost.tsx
• app/blogs/components/PostCard.tsx
• app/components/landing/FeaturedGuides.tsx
• app/components/landing/Footer.tsx
• app/components/landing/Navbar.tsx
• app/components/wizard/CodeEditorWorkspace.tsx
• app/components/wizard/WizardShell.tsx
• app/page.tsx

---

📝 Walkthrough

Walkthrough

The PR adds a featured blog section to the landing page, updates blog card and navigation behavior, and adds responsive mobile explorer support to the wizard code editor.

Changes

Blogs landing content

Layer / File(s)	Summary
Blog cards and landing section app/blogs/components/FeaturedPost.tsx, app/blogs/components/PostCard.tsx, app/components/landing/FeaturedGuides.tsx, app/page.tsx	Blog cards now support full-height layouts and optional metadata. FeaturedGuides selects featured and side posts and renders the landing-page blog section.
Landing navigation integration app/components/landing/Navbar.tsx, app/components/landing/Footer.tsx	The navbar links to #blogs, removes scroll-state logic, and animates desktop link spacing. The footer no longer uses the guides ID.

Responsive wizard workspace

Layer / File(s)	Summary
Responsive explorer and editor layout app/components/wizard/CodeEditorWorkspace.tsx, app/components/wizard/WizardShell.tsx	The workspace uses a mobile explorer sheet, responsive editor states, and desktop resizable panels. The preview button uses shadow-xs.

Estimated code review effort: 4 (Complex) | ~45 minutes

Sequence Diagram(s)

sequenceDiagram
  participant LandingPage
  participant FeaturedGuides
  participant PostStore
  participant BlogCards
  LandingPage->>FeaturedGuides: render blog section
  FeaturedGuides->>PostStore: load all posts
  PostStore-->>FeaturedGuides: return posts
  FeaturedGuides->>BlogCards: render featured and side posts
  BlogCards-->>LandingPage: display blog cards

Loading

sequenceDiagram
  participant User
  participant CodeEditorWorkspace
  participant ExplorerPane
  participant Sheet
  participant EditorColumn
  User->>CodeEditorWorkspace: open explorer on mobile
  CodeEditorWorkspace->>Sheet: show ExplorerPane
  User->>ExplorerPane: select file
  ExplorerPane->>EditorColumn: open file
  CodeEditorWorkspace->>Sheet: close explorer

Loading

Possibly related PRs

• Arjun544/flutter_init#48: Modifies the same blog card, landing, navbar, and footer components.
• Arjun544/flutter_init#49: Modifies the same blog, landing, wizard workspace, and wizard shell components.

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch add_cli

---

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.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}