adilallo/feature/BackendImplementation3 #45

2026-04-14T15:27:25Z

an.di commented

2026-04-14 15:27:25 +00:00

Dynamic Create Community flow, templates, and layout tokens

Overview

Replaces flat /create/* routes with /create/[screenId], centralizes screens and layout (shell, column caps, lg breakpoints for select/review), and adds templates (marketing grid, API, seed, template review route). Includes RuleStack / RuleCard / footer / nav updates, new messages, tests, and docs/create-flow.md.

Changes

Create flow: CreateFlowScreenView, registry, CreateFlowLayoutClient, proportion bar, review-template/[slug], state/migration/validation touchpoints.
Layout: CreateFlowStepShell, createFlowLayoutTokens (640px column max from md, 1328px two-column cap), select/review responsive lg two-column behavior, CreateFlowLockupCardStepShell + RuleCard layout class.
Templates: /templates, GovernanceTemplateGrid, catalog/presentation libs, fetchTemplates + API, TemplateReviewCard, Prisma seed + template-mark assets.
Shared UI: HeaderLockup, Upload, CardStack, ProportionBar, CreateFlowFooter/TopNav, RuleStack/marketing sections.
Tests & docs: Vitest/Storybook/page tests aligned to new routes and copy; docs/create-flow.md and backend doc nudges.

Screenshots

How to Test

npm run dev — walk /create through main steps; check <1024 vs ≥1024 on select + review.
/templates and home marketing stack where applicable.
npm run test:component (and spot tests/unit/createFlowLayoutTokens.test.ts).

# Dynamic Create Community flow, templates, and layout tokens ## Overview Replaces flat `/create/*` routes with **`/create/[screenId]`**, centralizes screens and layout (shell, column caps, `lg` breakpoints for select/review), and adds **templates** (marketing grid, API, seed, template review route). Includes **RuleStack** / **RuleCard** / footer / nav updates, new **messages**, **tests**, and **`docs/create-flow.md`**. ## Changes - **Create flow:** `CreateFlowScreenView`, registry, `CreateFlowLayoutClient`, proportion bar, `review-template/[slug]`, state/migration/validation touchpoints. - **Layout:** `CreateFlowStepShell`, `createFlowLayoutTokens` (640px column max from `md`, 1328px two-column cap), select/review responsive **`lg`** two-column behavior, `CreateFlowLockupCardStepShell` + RuleCard layout class. - **Templates:** `/templates`, `GovernanceTemplateGrid`, catalog/presentation libs, `fetchTemplates` + API, `TemplateReviewCard`, Prisma seed + `template-mark` assets. - **Shared UI:** HeaderLockup, Upload, CardStack, ProportionBar, CreateFlowFooter/TopNav, RuleStack/marketing sections. - **Tests & docs:** Vitest/Storybook/page tests aligned to new routes and copy; `docs/create-flow.md` and backend doc nudges. ## Screenshots <img width="1086" alt="Screenshot 2026-04-14 at 9.27.09 AM.png" src="attachments/91c14370-96f5-4c0c-8d5a-81a13bac3e48"> ## How to Test 1. `npm run dev` — walk **`/create`** through main steps; check **<1024** vs **≥1024** on select + review. 2. **`/templates`** and home marketing stack where applicable. 3. **`npm run test:component`** (and spot **`tests/unit/createFlowLayoutTokens.test.ts`**).

Screenshot 2026-04-14 at 9.27.09 AM.png

133 KiB

an.di added 7 commits 2026-04-14 15:27:25 +00:00

RuleTemplate seed and create flow ec5afd1464

Create flow UX updates a5c6b8971f

Create flow cleanup 60d4ae6dfd

Update rule card cae4df261e

Load rule templates from API a39b4aa04b

Update create flow pages a0de78c020

Create Community stage implemented f8255bc2c7

an.di self-assigned this 2026-04-14 15:27:45 +00:00

an.di merged commit d597a2348f into main