Skip to content

feat(website): embed a live OpenKara app preview#123

Draft
thedavidweng wants to merge 9 commits into
mainfrom
agent/feldar-inspired-landing
Draft

feat(website): embed a live OpenKara app preview#123
thedavidweng wants to merge 9 commits into
mainfrom
agent/feldar-inspired-landing

Conversation

@thedavidweng

@thedavidweng thedavidweng commented Jul 17, 2026

Copy link
Copy Markdown
Owner

What changed

  • Replace the former VitePress home with a bilingual Vite + React landing page that remains a static GitHub Pages build and keeps the existing light/dark switch.
  • Render the actual OpenKara React shell in the product stage. The native playback/transport bar and the full sidebar chrome are visible; the preview uses mock data and an interaction gate that only allows left-rail playlist switching.
  • Keep the Linear-inspired cool halo strictly inside the product-stage wrapper. The logo strip, preview copy, and subsequent sections return to the unlit page background.
  • Add a Linear-style Built with logo strip for Claude Code, Cursor, Devin, Command Code, Greptile, GitHub Copilot, and Kilo Code. Each asset is from an official brand/press/repository source, and the page explicitly states that the marks are for identification only and do not imply partnership, sponsorship, endorsement, or affiliation.
  • Replace the boxed closing card with a centered Download / View source CTA pair, and rebuild the footer around Feldar-inspired Product / Project / Legal groups.
  • Keep the existing FAQ, Privacy Policy, and Terms pages live on GitHub Pages by emitting English and Chinese static entry paths.

Why

The product preview should look like the real desktop app first, while avoiding accidental input that would make the landing scene unstable. The new strip is intentionally framed as a playful "Built with" list rather than a customer or partner claim.

Verification

  • node --run format
  • node_modules/.bin/tsc --noEmit --project website/tsconfig.json
  • node --run lint
  • node --run test — 1,322 tests passed
  • node --run docs:build
  • Confirmed the production build copies all seven logo assets and emits /faq/, /privacy/, /terms/, and their /zh/ equivalents.
  • Pre-commit formatting completed with the repository-pinned pnpm 11.13.0.

Visual QA status

The local-preview browser policy still prevents a same-viewport browser capture in this session, so this PR does not claim pixel-level visual sign-off. The implementation was checked against the supplied Linear and Feldar references in source and through the static production build.

@github-actions

github-actions Bot commented Jul 17, 2026

Copy link
Copy Markdown
Contributor

Coverage Report

Status Category Percentage Covered / Total
🔵 Lines 76.81% (🎯 65%) 3463 / 4508
🔵 Statements 76.46% (🎯 65%) 3685 / 4819
🔵 Functions 67.68% (🎯 60%) 949 / 1402
🔵 Branches 70.47% (🎯 60%) 2096 / 2974
File Coverage
File Stmts Branches Functions Lines Uncovered Lines
Changed Files
src/components/Layout/AppLayout.tsx 65% 69.69% 58.82% 54.83% 35-37, 63-66, 75-79, 83-86, 92-101
src/components/Layout/MainContentView.tsx 100% 90% 100% 100%
src/components/Layout/Sidebar.tsx 56.96% 59.09% 54.83% 51.61% 50-53, 57-60, 81-86, 98-101, 124-198, 214-336
src/components/Layout/SidebarRail.tsx 14.28% 69.23% 20% 14.28% 14, 30-58
src/components/Layout/Toolbar.tsx 75% 70.58% 33.33% 75% 134-147
src/components/Layout/WindowChrome.tsx 100% 100% 100% 100%
website/src/document-route.ts 100% 100% 100% 100%
Generated in workflow #896 for commit e46c485 by the Vitest Coverage Report Action

@thedavidweng thedavidweng changed the title Redesign website as Feldar-inspired product landing page Redesign website with a Linear-inspired dark theme Jul 17, 2026
@thedavidweng thedavidweng changed the title Redesign website with a Linear-inspired dark theme feat(website): embed a live OpenKara app preview Jul 17, 2026
@codecov

codecov Bot commented Jul 17, 2026

Copy link
Copy Markdown

Codecov Report

❌ Patch coverage is 61.40351% with 22 lines in your changes missing coverage. Please review.
✅ Project coverage is 77.1%. Comparing base (ec54066) to head (e46c485).
✅ All tests successful. No failed tests found.

Files with missing lines Patch % Lines
src/components/Layout/AppLayout.tsx 54.2% 15 Missing and 1 partial ⚠️
src/components/Layout/Sidebar.tsx 62.5% 6 Missing ⚠️
Additional details and impacted files
@@           Coverage Diff           @@
##            main    #123     +/-   ##
=======================================
- Coverage   77.3%   77.1%   -0.2%     
=======================================
  Files        126     126             
  Lines       6266    6313     +47     
  Branches    1984    2055     +71     
=======================================
+ Hits        4846    4873     +27     
- Misses      1376    1395     +19     
- Partials      44      45      +1     
Flag Coverage Δ
frontend 77.1% <61.4%> (-0.2%) ⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

Components Coverage Δ
frontend 77.1% <61.4%> (-0.2%) ⬇️
rust ∅ <ø> (∅)
Files with missing lines Coverage Δ
src/components/Layout/MainContentView.tsx 91.6% <100.0%> (+2.7%) ⬆️
src/components/Layout/SidebarRail.tsx 33.3% <100.0%> (+2.2%) ⬆️
src/components/Layout/Toolbar.tsx 63.3% <ø> (ø)
src/components/Layout/WindowChrome.tsx 100.0% <ø> (ø)
src/components/Layout/Sidebar.tsx 56.3% <62.5%> (-0.6%) ⬇️
src/components/Layout/AppLayout.tsx 62.7% <54.2%> (-20.6%) ⬇️

... and 1 file with indirect coverage changes

🚀 New features to boost your workflow:
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

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