System React Dashboard State

Resolve a React browser dashboard with deliberately local and shared state ownership.

Generated example

This page is generated from evaluations/scenarios/system-react-dashboard-state.yaml. The scenario YAML remains the executable source of truth.

Request

Add local and shared state to this browser dashboard.

Repository evidence

package.json

{"private": true, "dependencies": {"react": "19"}}

src/App.tsx

export function App() {}

Expected resolution

Resolution layer	Expected
Profile	browser-web-application
Modifiers	—
Language adapters	typescript
Framework adapters	react

Normalized context

artifact_type: frontend-application
architecture_authority: incremental-improvement

Skill modes

Item	Expected
state-and-side-effects	localized-state

Conflict decisions

None.

Significant decisions

• artifact-driven-profile
• incremental-architecture-change

Principles under test

• single-source-of-truth
• locality-of-behaviour

Forbidden outcomes

• global state for local concerns

Scenario source

schema_version: 0.10.0
id: system-react-dashboard-state
description: Resolve a React browser dashboard with deliberately local and shared
  state ownership.
input:
  request: Add local and shared state to this browser dashboard.
  repository_signals:
    package.json: '{"private": true, "dependencies": {"react": "19"}}

      '
    src/App.tsx: export function App() {}
expected:
  context:
    artifact_type: frontend-application
    architecture_authority: incremental-improvement
  profile: browser-web-application
  modifiers: []
  language_adapters:
  - typescript
  framework_adapters:
  - react
  significant_decisions:
  - artifact-driven-profile
  - incremental-architecture-change
  skill_modes:
    state-and-side-effects: localized-state
  conflicts: {}
forbidden:
- global state for local concerns
principles_under_test:
- single-source-of-truth
- locality-of-behaviour