4531e5366bb652e6db116a3848b1d25da1c796e4
- Add Overview page with realtime metrics, SRv6 SID display, and TUN alert - Add Connections page with card/table views and action menus - Add Settings page with 4 tabs, dynamic item lists, and auto-connect toggle - Implement HashRouter navigation and SSE live event stream integration - Integrate Base UI-based shadcn components and Toaster notifications - Support enableTUN flag and refactor connection table naming conventions
React + TypeScript + Vite + shadcn/ui
This is a template for a new Vite project with React, TypeScript, and shadcn/ui.
Adding components
To add components to your app, run the following command:
npx shadcn@latest add button
This will place the ui components in the src/components directory.
Using components
To use the components in your app, import them as follows:
import { Button } from "@/components/ui/button"
Languages
TypeScript
97.9%
CSS
1.7%
JavaScript
0.2%
HTML
0.2%