Frontend Guidelines
**Last Updated:** October 29, 2026
## Dependencies & Pins
- [`frontend/README.md`](README.md) is the canonical doc for dependency pin rationale, the `overrides` layer, ESM-only upgrade blockers, and the orphan-audit
40k3mo agoReviewMountCreate a free account to mount
Drop `-n` when you need `pdb`/`-s` or ordered output.
- Backend tests use pytest; frontend unit tests use Bun's built-in runner — see *WebUI* above and *React component tests
Steady9 mentions in 2 weeks
No other project uses it yet
40k5mo agoReviewMountCreate a free account to mount
monorepo: Java 21 / Spring Boot WebFlux + R2DBC backend and a Vue 3 + TypeScript + TailwindCSS frontend. Work from the repo root and load **every relevant module guide** for the areas
No other project uses it yet
40k4mo agoReviewMountCreate a free account to mount
read it on demand instead of guessing.
## Stack, ports, startup order
Three tiers: Next.js frontend (3000) → FastAPI (5055) → SurrealDB (8000).
Start in this order — each tier depends
No other project uses it yet
40k2mo agoReviewMountCreate a free account to mount
Frontend Rules (frontend/)
Normative rules for working on the Next.js frontend. Architecture and flow walkthroughs live in [docs/7-DEVELOPMENT/frontend.md](../docs/7-DEVELOPMENT/frontend.md) — this file is only what you must know before changing code
No other project uses it yet
40k2mo agoReviewMountCreate a free account to mount
Follow the [Add an AI provider](../docs/7-DEVELOPMENT/change-playbooks.md#playbook-add-an-ai-provider) playbook. The frontend consumes `GET /api/providers` at runtime (`useProviders()`), so a simple API-key provider needs no frontend
No other project uses it yet
40k2mo agoReviewMountCreate a free account to mount
using `register_*` macros
- Blocking the async runtime with synchronous I/O operations
### Quick tips
- On frontend apps, such as the interface in React, you must ALWAYS ensure type-safety based
No other project uses it yet
39k25d agoReviewMountCreate a free account to mount
negotiable iron rules for showcase cells.
# CopilotKit
AI agent framework with three layers: **Frontend** (React/Angular/Vanilla) → **Runtime** (Express/Hono) → **Agent** (LangGraph/CrewAI/BuiltIn/Custom), communicating via the AG-UI protocol (event-based SSE).
## Essentials
Steady3 mentions in 2 weeks
No other project uses it yet
38k3d agoReviewMountCreate a free account to mount
Showcase — Agent Guidance (canonical)
> **BEFORE touching ANY showcase cell (integration, test, fixture, frontend), these are non-negotiable.**
>
> These rules have been re-explained ~20 times because they were written down
No other project uses it yet
38k3d agoReviewMountCreate a free account to mount
detection system for IP cameras that uses:
- **Backend**: Python 3.13+ with FastAPI, OpenCV, TensorFlow/ONNX
- **Frontend**: React with TypeScript, Vite, TailwindCSS
- **Architecture**: Multiprocessing design with ZMQ and MQTT communication
- **Focus**: Minimal
37k12mo agoReviewMountCreate a free account to mount
desired
- Preserves planning history for archeological research
- Reduces noise when browsing the project
## Frontend Runtime: Two Build Outputs
The TypeScript runtime in `v3/internal/runtime/desktop/@wailsio/runtime` produces **two**
independent artifacts, and rebuilding
37k6d agoReviewMountCreate a free account to mount
module. It contains the public application APIs, `wails3` CLI, platform implementations, generators, frontend runtime sources and bundles, templates, examples, tests, and v3-specific release tooling. Its module is defined
37k6d agoReviewMountCreate a free account to mount
data. Prefer read-only queries, and
continue to use the seed CLI to create frontend test state rather than
ad-hoc inserts.
- Dev Docker Compose exposes these clients on `${HOST
37k1d agoReviewMountCreate a free account to mount
current Next.js, React, and tRPC versions before
version-sensitive work.
- Primary package for frontend and most request/response surface changes.
## Maintenance Contract
- Update this file in the same PR when entry
37k1d agoReviewMountCreate a free account to mount
langfuse/shared` for cross-runtime types, schemas, domain contracts,
model-pricing helpers, and other frontend-safe utilities.
- Use `@langfuse/shared/src/db` only when worker code or tests need direct
Prisma access.
- Use narrower
37k1d agoReviewMountCreate a free account to mount