How koaie/admin works
This is a Svelte-based admin control panel. An administrator enters through the routed app, signs in, and uses the navigation to reach the dashboard, user directory and other sections. The directory loads users, supports searching and pagination, and opens profiles for editing or removal; the dashboard presents charts and recent events. The graph includes documented-by-tree posts and analytics routes, but their behavior and several internal implementations were not sampled, so their wiring is left conservative.
Main entry points: _layout.svelte Page Layout · users/index.svelte User Directory · pages/index.svelte Home Route · User.svelte Profile Editor
Components 22
App and Routing
- App Entry
src/main.ts - Router App
src/App.svelte - Page Layout
src/pages/_layout.svelte - Home Route
src/pages/index.svelte - Posts Route
src/pages/posts/index.svelte - Analytics Route
src/pages/analytics/index.svelte
Access and Navigation
- Login Route
src/pages/login.svelte - Login Form
src/components/Auth/Login.svelte - Auth State
src/components/Auth/store.js - Navigation
src/components/Navbar/Navigation.svelte
User Management
- User Directory
src/pages/users/index.svelte - User Search
src/components/Search/index.svelte - Search Results
src/components/Search/store.js - User Model
src/models/User.ts - User Profile Route
src/pages/users/[profile].svelte - Profile Editor
src/components/User/User.svelte
Dashboard
- Recent Events
src/components/User/Events.svelte - Line Chart
src/components/Graph/Line.svelte - Bar Chart
src/components/Graph/Bar.svelte - Scatter Chart
src/components/Graph/Scatter.svelte
Other components
- Administrator
- Application API
Connections 26
- Administrator → Router App: opens
- App Entry → Router App: mounts
- Router App → Page Layout: routes through
- Page Layout → Home Route: routes to
- Page Layout → Posts Route: routes to
- Page Layout → Analytics Route: routes to
- Page Layout → Login Route: routes to
- Page Layout → User Directory: routes to
- Page Layout → User Profile Route: routes to
- Login Route → Login Form: renders
- Login Form → Auth State: calls login
- Navigation → Auth State: reads auth
- User Directory → Auth State: calls auth
- Profile Editor → Auth State: calls auth
- User Directory → Application API: loads users
- Profile Editor → Application API: edits or removes
- User Directory → User Search: renders
- User Search → Search Results: updates results
- User Directory → Search Results: reads results
- User Directory → User Model: types users
- Profile Editor → User Model: uses type
- User Profile Route → Profile Editor: renders
- Home Route → Line Chart: renders
- Home Route → Bar Chart: renders
- Home Route → Scatter Chart: renders
- Home Route → Recent Events: renders