error_id`.
## Theming and Layout
- **Theming and layout calculations must be done in the frontend, not the Python backend.**
- Do not use `get_option("theme.primaryColor")` or similar theme options
46k2d agoReviewMountCreate a free account to mount
specific tasks in the Streamlit codebase.
These skills are for **Streamlit library development** (backend, frontend, protobufs), not for building Streamlit applications. User-facing skills that ship with the library live
46k2d agoReviewMountCreate a free account to mount
address` returns `None` on SiS—that's a valid design choice.
## 37. Consider the Frontend-Backend Split
Some data lives in the browser (theme type, viewport size) and some
46k2d agoReviewMountCreate a free account to mount
fine — the rule applies only to files whose sole purpose is re-exporting.
## Key Frontend Principles
- Leverage all of best practices of React 18.
- Follow the [Rules of React
46k2d agoReviewMountCreate a free account to mount
unit tests, linting, type checking across all supported Python versions |
| `js-tests.yml` | Push/PR to `develop` | Frontend TypeScript linting, type checking, Knip unused-export and unused-dependency analysis (PR-blocking), and Vitest
46k2d agoReviewMountCreate a free account to mount
components/auth-wizard`)
- Named exports for all components
- TypeScript: `interface` on the backend, `type` on the frontend — this is the project convention and overrides any general "prefer interfaces" guidance
- Blank line before
40k53d agoReviewMountCreate a free account to mount
Simple agents that handle specific tasks:
- File structure: `agent/main.py` or `agent/index.js`
- Direct communication with frontend
- Good for focused use cases
### Multi-Agent (Coagents) Pattern
Complex systems with multiple cooperating agents
No other project uses it yet
38k4d agoReviewMountCreate a free account to mount
examples/) and typically follow this pattern:
- `agent/` or `agent-py/` - Backend agent implementation
- `ui/` - Frontend Next.js application
- `README.md` - Setup and usage instructions
## Development Workflow
- Examples use the local packages
No other project uses it yet
38k4d agoReviewMountCreate a free account to mount
Code workspace settings
- **[examples/shared/](mdc:examples/shared)** - Shared utilities and templates
## Common Patterns
1. **Frontend**: Next.js app with CopilotProvider and CopilotChat
2. **Backend**: Python or Node.js agent with actions and state
No other project uses it yet
38k4d agoReviewMountCreate a free account to mount
globs: ["**/*.ts", "**/*.tsx"]
alwaysApply: false
---
Never write strings in the frontend directly, always write to and reference the relevant translations file
No other project uses it yet
37k12mo agoReviewMountCreate a free account to mount
external modules or partial function arguments, referencing the usage guidelines in the TypeScript section.
- Frontend react code does not need unit tests
### Test Coverage
- Test critical business logic and edge
18k17mo agoReviewMountCreate a free account to mount
base folders without approval.
- Do not change the application's dependencies without approval.
## Frontend Bundling
- If the user doesn't see a frontend change reflected in the UI, it could
No other project uses it yet
17k5mo agoReviewMountCreate a free account to mount
DataFrame Serialization
All DataFrame-to-records conversion for API responses, streaming events, or
frontend-visible data MUST use the centralized helpers in
`data_formulator.datalake.parquet_utils`:
| Source type | Helper |
|---|---|
| `pd.DataFrame
No other project uses it yet
17k6mo agoReviewMountCreate a free account to mount