feat(FN-005): implement frontend foundation with auth and routing

- Add OIDC authentication with PKCE flow
- Create dashboard shell with sidebar and header
- Implement project management UI (list, create, detail)
- Add tool spawn page with tool/project selection
- Create tool instance detail page with status and controls
- Set up React Router with route guards
- Add Zustand auth store and API client with types
This commit is contained in:
2026-05-14 17:28:15 +02:00
parent 6aea953734
commit 6f18dd24a5
27 changed files with 1469 additions and 43 deletions
+26
View File
@@ -0,0 +1,26 @@
import { useAuthStore } from '../stores/auth'
export default function SettingsPage() {
const { user } = useAuthStore()
return (
<div className="p-6">
<h1 className="text-3xl font-bold mb-4">Settings</h1>
<div className="max-w-2xl">
<div className="p-4 rounded-lg border border-border bg-surface mb-4">
<h2 className="text-xl font-semibold mb-2">Profile</h2>
<dl className="space-y-2">
<div>
<dt className="text-sm text-gray-400">Email</dt>
<dd>{user?.email}</dd>
</div>
<div>
<dt className="text-sm text-gray-400">Display Name</dt>
<dd>{user?.display_name || 'Not set'}</dd>
</div>
</dl>
</div>
</div>
</div>
)
}