Skip to content

Commit 0d57ebe

Browse files
ryanmccann1024claude
ryanmccann1024
and
claude
committed
feat(frontend): add React frontend for GUI (M1)
Complete M1 frontend implementation with Vite + React + TypeScript + Tailwind: Structure: - src/api/: Type-safe API client with axios - src/components/: Layout (Sidebar, Header), Runs (Card, StatusBadge) - src/pages/: RunListPage, NewRunPage, RunDetailPage - src/lib/: Utility functions - src/styles/: Tailwind CSS with custom FUSION theme Features: - Run list with status badges and progress bars - Create run form with template selection - Run detail page with live log streaming (SSE) - Artifact browser with file download - Auto-refresh for status updates - Responsive layout Config: - Vite proxies /api to backend (port 8765) - Build outputs to fusion/api/static/ for production - Path aliases (@/) for clean imports Also: - Fix run_manager.py to pass --run_id to simulator CLI Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
1 parent 49f9698 commit 0d57ebe

25 files changed

Lines changed: 5623 additions & 0 deletions

‎frontend/.gitignore‎

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
# Dependencies
2+
node_modules/
3+
4+
# Build output
5+
dist/
6+
7+
# Local env files
8+
.env
9+
.env.local
10+
.env.*.local
11+
12+
# Editor directories and files
13+
.idea/
14+
.vscode/
15+
*.suo
16+
*.ntvs*
17+
*.njsproj
18+
*.sln
19+
*.sw?
20+
21+
# Logs
22+
*.log
23+
npm-debug.log*
24+
yarn-debug.log*
25+
yarn-error.log*

‎frontend/eslint.config.js‎

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
import js from '@eslint/js'
2+
import globals from 'globals'
3+
import reactHooks from 'eslint-plugin-react-hooks'
4+
import reactRefresh from 'eslint-plugin-react-refresh'
5+
import tseslint from 'typescript-eslint'
6+
7+
export default tseslint.config(
8+
{ ignores: ['dist'] },
9+
{
10+
extends: [js.configs.recommended, ...tseslint.configs.recommended],
11+
files: ['**/*.{ts,tsx}'],
12+
languageOptions: {
13+
ecmaVersion: 2020,
14+
globals: globals.browser,
15+
},
16+
plugins: {
17+
'react-hooks': reactHooks,
18+
'react-refresh': reactRefresh,
19+
},
20+
rules: {
21+
...reactHooks.configs.recommended.rules,
22+
'react-refresh/only-export-components': [
23+
'warn',
24+
{ allowConstantExport: true },
25+
],
26+
},
27+
},
28+
)

‎frontend/index.html‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<title>FUSION GUI</title>
8+
</head>
9+
<body>
10+
<div id="root"></div>
11+
<script type="module" src="/src/main.tsx"></script>
12+
</body>
13+
</html>

0 commit comments

Comments
 (0)