Workspace Lens
Primary chrome for switching cognitive mode (Flow vs Artifacts) in Lenses Studio.
Classes: .ks-workspace-lens and children. Popover can use <details> (showcase) or React state (app).
Workspace Lens Flow
Workspace Lens
Your choice is saved in this browser for next visit.
Follow the path from idea to release
Your choice is saved in this browser for next visit.
Browse the workspace by asset type
Stylesheet
css/workspace-lens.css (loaded as assets/workspace-lens.css in the showcase)
Flow Diagram (Pure CSS)
Horizontal step indicators using .forge-flow.
Spark
→
Spec
→
Build
→
Review
→
Ship
Classes
.forge-flow · .forge-flow-node · .node-active · .forge-flow-arrow