Component & Story Authoring

The sandbox has a built-in Storybook-style viewer. Each component gets a *.stories.ts file in stories/views/ or stories/components/ — no registration, no imports to update — and it appears at /components/<slug> automatically via import.meta.glob.

Workflow in order

1. Check /reference/classes → does Obsidian already have a class for your pattern?
2. Write src/components/MyThing.ts (Arrow component)
3. Write stories/MyThing.stories.ts (story file — in stories/, not src/)
4. pnpm dev → /components → click the story, verify in browser
5. Add variants for meaningful state differences
6. Extract sub-components; link them via children
7. Set status: "live" when ready to port
8. pnpm run ci → clean