flowstate-epic-flowstate-community-epicdm-flowstate-dashboard
Package-local agent skill for @epicdm/flowstate-dashboard.
Tags
Publisher
Versions
1 version published — latest: 1.0.0
- 1.0.0publishedInvalid Date
Skill
flowstate-dashboard Package Skill
Package: @epicdm/flowstate-dashboard
Repository: epic-flowstate-community
Path: packages/flowstate-dashboard
Version: 1.0.0
Use this published Dojo skill as the package-level entrypoint. For detailed workflows, use the package-local skills listed below.
Primary Package Workflow
FlowState Dashboard Component Registry
Status: Active
Purpose: Register and validate dashboard component ids and manifests.
Scope: src/components, src/manifests, src/engine/ComponentResolver.ts.
Trigger: Component id changes, new built-in components, plugin component registration, missing component fallback.
Input: Component id, React component, component manifest.
Output: Resolver and manifest registration that match runtime config ids.
First-Party Registration
Use registerFirstPartyComponents(resolver) to register 64 built-ins:
- Layouts
- Views and interactive views
- UI/domain UI
- Navigation
- Form fields and form panel
- Actions
- Collaboration
- Time tracking
First-party ids use colon form, for example fs:data-table, fs:grid, and fs:timer-control.
Resolver Behavior
ComponentResolver.resolve(id) checks:
- Exact id
- Legacy conversion from
:to. - Missing component fallback
Registering an id twice overwrites the previous component, which is the intended override path.
Manifests
allManifests and category arrays describe the built-in components for discovery and plugin metadata. Keep component implementation, registration id, and manifest id aligned.
Verification
yarn workspace @epicdm/flowstate-dashboard test --runTestsByPath packages/flowstate-dashboard/tests/engine/component-resolver.test.ts packages/flowstate-dashboard/tests/manifests.test.ts packages/flowstate-dashboard/tests/ui-components.test.tsx
Created: 2026-06-30
Package Skill Inventory
@epicdm/flowstate-dashboard Skill Inventory
| Skill | Type | Use When |
|---|---|---|
flowstate-dashboard | Orchestrator | Routing dashboard package work across runtime, SDK, templates, components, plugin, and maintenance. |
flowstate-dashboard-rendering-runtime | Workflow/reference | Rendering a DashboardConfig through provider, data source execution, resolver, and renderer. |
flowstate-dashboard-component-registry | Workflow/reference | Registering first-party/custom components, component manifests, and resolver ids. |
flowstate-dashboard-data-actions-forms | Workflow/reference | Data sources, scoped mutations, action handlers, expression transforms, and form validation. |
flowstate-dashboard-sdk-authoring | Workflow/reference | Building community dashboard components with SDK wrappers and hooks. |
flowstate-dashboard-templates-management | Workflow/reference | Built-in templates, cloning, validation, seeding, persisted dashboard hooks, and management components. |
flowstate-dashboard-plugin-integration | Workflow/reference | App-framework plugin lifecycle, permissions, runtime component registration, and host integration. |
flowstate-dashboard-maintenance | Maintenance | Tests, builds, lint/typecheck, generated Dojo drift, feature inventory, and package export changes. |
These skills group the 80 feature inventory entries into agent workflows rather than teaching each component as an isolated fact.
Review Gate
@epicdm/flowstate-dashboard Skill Review
Created package-local skills for the dashboard system under packages/flowstate-dashboard/.flowstate/skills.
Evidence Reviewed
package.jsonsrc/index.tssrc/sdk/index.tssrc/dev-tools/index.tssrc/providers/DashboardProvider.tsxsrc/engine/DashboardRenderer.tsxsrc/engine/ComponentResolver.tssrc/engine/DataSourceManager.tssrc/engine/ActionSystem.tssrc/engine/FormEngine.tssrc/engine/InteractionWiring.tssrc/engine/HookCompiler.tssrc/plugin/DashboardPlugin.tssrc/components/index.tssrc/engine/TemplateManager.tssrc/seeding/seedBuiltInDashboards.tssrc/hooks/useDashboards.ts.flowstate/feature-matrix/inventory.md.flowstate/dojo/agent-skillset.md
Review Notes
- This is a real exported TypeScript/React package, not a manifest-only connector.
- The feature inventory detects many components but does not teach the runtime composition model.
- Package skills emphasize how config, provider, data sources, resolver, renderer, SDK, templates, and plugin lifecycle work together.
- Interaction wiring and hook compilation are part of the data/action skill path.
- Generated Dojo ids drift between
skill.yamlandsync-state.json; publish state is not the same as content quality.
Verification Status
- ASCII scan passed: no non-ASCII characters in
.flowstate/skills. - Skill frontmatter scan passed for all 8
SKILL.mdfiles. yarn workspace @epicdm/flowstate-dashboard typecheckpassed.yarn workspace @epicdm/flowstate-dashboard buildpassed; tsup warned thatuseMemois imported from React but unused in built SDK output.yarn workspace @epicdm/flowstate-dashboard test --runInBandpassed: 82 suites, 1680 tests; tests emitted expectedreact-test-rendererdeprecation warnings.yarn nx build @epicdm/flowstate-dashboardpassed; Nx Cloud reported the existing unconnected-workspace 401 notice and the same tsup warning.yarn workspace @epicdm/flowstate-dashboard lintpassed with 145 warnings, including existing React hook/ref warnings inDashboardProvider, hook dependency warning inInteractiveDataTable, and many test non-null assertions.
Usage
Start with this skill to understand the package purpose, then use the package-local focused skills for specific workflows. Keep this Dojo version aligned with packages/flowstate-dashboard/package.json. Do not treat generated feature lists as lessons; use workflow evidence from CODE-REVIEW.md, SKILL-INVENTORY.md, and REVIEW.md.
Install
Run this in your project to install via CLI:
fscloud dojo skill install flowstate-epic-flowstate-community-epicdm-flowstate-dashboard --target <target> --out ./skillsReplace <target> with your agent target identifier. See the CLI docs for details.