feat(ui): VSCode animation showcase enhancements - #49
Merged
Conversation
…nd exact file icons
|
Unable to deploy a commit from a private repository on your GitHub organization to the Chitkul Lakshya's projects team on Vercel, which is currently on the Hobby plan. In order to deploy, you can:
To read more about collaboration on Vercel, click here. |
There was a problem hiding this comment.
Pull request overview
This PR enhances the auth landing experience by adding two new animated “showcase” sections (Global Operations and a VSCode-replica local-to-cloud sync flow), while also refining existing showcase layout/styling and splitting out documentation about the VSCode showcase changes.
Changes:
- Added
GlobalOpsShowcaseandVSCodeIntegrationShowcasecomponents and mounted them on the landing page. - Improved/adjusted existing showcase layout (notably
HostingIntegrationShowcase) and updated Auto-Medic to use a new R3F scene implementation. - Added supporting static/documentation assets (VSCode SVG + docs).
Reviewed changes
Copilot reviewed 9 out of 12 changed files in this pull request and generated 5 comments.
Show a summary per file
| File | Description |
|---|---|
| apps/web/src/features/auth/Landing.tsx | Adds the new showcase sections to the landing flow and adjusts hero styling. |
| apps/web/src/features/auth/components/VSCodeIntegrationShowcase.tsx | New VSCode-replica animated sequence showcasing local-to-cloud initialization. |
| apps/web/src/features/auth/components/HostingIntegrationShowcase.tsx | Layout/visual tuning (height/shadow changes). |
| apps/web/src/features/auth/components/GlobalOpsShowcase.tsx | New “Global Operations” animated UI showcase with state transitions. |
| apps/web/src/features/auth/components/AutoMedicShowcaseScene.tsx | New R3F scene powering the Auto-Medic visualization. |
| apps/web/src/features/auth/components/AutoMedicShowcase.tsx | Switches Auto-Medic showcase to the new scene component. |
| apps/web/src/features/auth/components/AutoMedicPipelineUI.tsx | Updates NodeState import to match the new scene module. |
| apps/web/public/Logo/vscode.svg | Adds a VSCode logo asset to public assets. |
| apps/web/docs/vscode-integration-changes.md | Adds separated markdown documentation for the VSCode showcase changes. |
| .agents/AGENTS.md | Adds contributor behavioral rules for agents. |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
Comment on lines
515
to
516
| <div className="min-h-screen bg-white text-gray-900 selection:bg-blue-200 font-sans"> | ||
| <Navbar /> | ||
| <main> |
Comment on lines
+3
to
+8
| import { | ||
| Shield, Key, Copy, Check, Terminal, Activity, Code2, | ||
| Files, Search, GitBranch, Play, Settings, MousePointer2, | ||
| ChevronDown, ChevronRight, HelpCircle, Lock, Power, | ||
| Bug, LayoutGrid, MessageSquare, Zap | ||
| } from 'lucide-react'; |
Comment on lines
+199
to
+205
| let currentLines: string[] = [...terminalLines]; | ||
| for (const out of outputs) { | ||
| await sleep(out.delay, signal); | ||
| currentLines = [...currentLines, out.color ? `<span class="${out.color}">${out.msg}</span>` : out.msg]; | ||
| setTerminalLines(currentLines); | ||
| if (out.step > 0) setE2eStep(out.step); | ||
| } |
Comment on lines
+77
to
+79
| } else if (level === 5 && stateRef.current.defcon === 1) { | ||
| addLog('[SYS]', 'text-green-400', 'Lockdown lifted. Returning to normal operations.'); | ||
| } |
| ## Visual Upgrades | ||
|
|
||
| * **Exact Material Theme Icons:** Replaced the generic Lucide `Code2` icons with custom inline SVGs representing the exact Visual Studio Code Material Theme icons. Over 20 specific file formats and names (e.g., `.editorconfig`, `.npmrc`, `babel.config.cjs`, `eslint.config.js`) now display their recognizable, native icons in the Explorer sidebar and editor tabs. | ||
| * **VSCode Native Branding:** Updated the top bar SVG to use the authentic blue VSCode logo (`/logo/vscode.svg`) rather than a generic icon. |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Separated markdown docs and added precise UI improvements, exact icons, and perfect animation timings.