How dpanel-id/frontend works
dPanel is a React dashboard for managing infrastructure and applications, alongside public documentation. Its main user-facing workflow is to create or manage an application, then inspect its releases, deployments, and logs. The tree shows distinct creation, application-detail, backend-resource, and administration areas, plus shared API and event-handling layers. The README documents the product capabilities and API connection; only a few sampled files expose concrete internal wiring, so other likely workflow links are marked unverified rather than asserted.
Main entry points: route.tsx Dashboard shell · -EventController.tsx Application details · useServerHandlers.ts Server management · submit-flow.ts Application creation
Components 20
Product shell
- Dashboard shell
src/app/_with-app-layout/route.tsx - Public docs
src/app/$.tsx - AI assistant
src/features/ai-assistant/usecase/useAssistantChat.ts
Applications
- Application creation
src/app/_with-app-layout/applications/create/-usecase/submit-flow.ts - Application catalog
src/app/_with-app-layout/applications/-view/index.tsx - Application details
src/app/_with-app-layout/applications/$id/-EventController.tsx - Releases and deploys
src/app/_with-app-layout/applications/$id/-view/Releases/index.tsx - Application logs
src/app/_with-app-layout/applications/$id/-view/AppLogs/index.tsx
Infrastructure
- Server management
src/app/_with-app-layout/servers/-view/ServerList/useServerHandlers.ts - Cloud projects
src/app/_with-app-layout/backend/cloud-projects/-view/MainList/useCloudProjectHandlers.ts - Domains and DNS
src/app/_with-app-layout/backend/domain/-usecase/use-add-new-domain.ts - Load balancers
src/app/_with-app-layout/backend/load-balancers/create/-usecase/use-create.ts - Teams
src/app/_with-app-layout/teams/-EventController.tsx
Administration
- Resource administration
src/app/_with-app-layout/administrator/resources/-model/resources-data/index.tsx - Task administration
src/app/_with-app-layout/administrator/tasks/-model/tasks-data/index.tsx - Workspace workers
src/features/workspace-workers/view/WorkersCard.tsx
Shared runtime
- Server API client
src/shared/api/server.ts - Server action wiring
src/app/_with-app-layout/servers/-view/ServerList/useServerHandlers.ts
Other components
- Dashboard user
- dPanel API
Connections 20
- Dashboard user → Dashboard shell: uses
README.md - Dashboard shell → dPanel API: requests data
README.md - Dashboard user → Public docs: visits
README.md - Dashboard shell → Application creation: starts creation
- Application creation → Application catalog: adds application
- Application catalog → Application details: opens application
- Application details → Releases and deploys: shows releases
- Application details → Application logs: shows logs
- Dashboard shell → Server management: manages servers
- Dashboard shell → Cloud projects: manages projects
- Dashboard shell → Domains and DNS: manages domains
- Dashboard shell → Load balancers: manages routing
- Dashboard shell → Teams: manages teams
- Dashboard shell → Resource administration: administers resources
- Dashboard shell → Task administration: administers tasks
- Dashboard shell → Workspace workers: configures workers
- Dashboard shell → AI assistant: opens assistant
- Server management → Server action wiring: builds actions
src/app/_with-app-layout/servers/-view/ServerList/useServerHandlers.ts - Server action wiring → Server management: emits actions
src/app/_with-app-layout/servers/-view/ServerList/useServerHandlers.ts - Server API client → dPanel API: calls endpoints