chore(ux-lab): remove lovable ops ui kit repo
This commit is contained in:
parent
772dc3994b
commit
504ab0f0f5
27
dashboards/ux-lab/lovable-ops-ui-kit/.gitignore
vendored
27
dashboards/ux-lab/lovable-ops-ui-kit/.gitignore
vendored
@ -1,27 +0,0 @@
|
|||||||
.next
|
|
||||||
out
|
|
||||||
node_modules
|
|
||||||
|
|
||||||
# logs
|
|
||||||
npm-debug.log*
|
|
||||||
yarn-debug.log*
|
|
||||||
yarn-error.log*
|
|
||||||
pnpm-debug.log*
|
|
||||||
|
|
||||||
# env
|
|
||||||
.env
|
|
||||||
.env.*
|
|
||||||
|
|
||||||
# vercel
|
|
||||||
.vercel
|
|
||||||
|
|
||||||
# misc
|
|
||||||
.DS_Store
|
|
||||||
*.tsbuildinfo
|
|
||||||
|
|
||||||
# test output
|
|
||||||
playwright-report
|
|
||||||
coverage
|
|
||||||
|
|
||||||
# local
|
|
||||||
*.local
|
|
||||||
@ -1,11 +0,0 @@
|
|||||||
# Acceptance Checklist
|
|
||||||
|
|
||||||
- Before push: `git status` is clean except for the intended app source changes.
|
|
||||||
- Before push: review `git diff` and confirm no unrelated formatting/refactors.
|
|
||||||
- No `console.log`.
|
|
||||||
- No hardcoded colors.
|
|
||||||
- No network calls.
|
|
||||||
- Forbidden files are NOT committed: `.env*`, `.next/`, `node_modules/`, `.vercel/`.
|
|
||||||
- Components in `src/components/**`; no imports from `src/app/**`.
|
|
||||||
- `pnpm run check` passes.
|
|
||||||
- `pnpm run build` passes (`next build --webpack`).
|
|
||||||
@ -1,20 +0,0 @@
|
|||||||
# Design System Brief (Must Follow)
|
|
||||||
|
|
||||||
This repo is design-led, but must still be production-reusable.
|
|
||||||
|
|
||||||
## Non-negotiable rules
|
|
||||||
|
|
||||||
- No `console.log`.
|
|
||||||
- No hardcoded API URLs.
|
|
||||||
- No network calls.
|
|
||||||
- **No hardcoded colors** (no hex/rgb/hsl). Use CSS variables.
|
|
||||||
|
|
||||||
## Token usage
|
|
||||||
|
|
||||||
- Use `UX_TOKEN_CONTRACT.md`.
|
|
||||||
|
|
||||||
## Component architecture
|
|
||||||
|
|
||||||
- Reusable components in `src/components/**`.
|
|
||||||
- Pages in `src/app/**` compose components.
|
|
||||||
- Components must NOT import from `src/app/**`.
|
|
||||||
@ -1,8 +0,0 @@
|
|||||||
# Integration Notes
|
|
||||||
|
|
||||||
Design-led Ops UI kit. Prioritize consistent spacing, typography, and states.
|
|
||||||
|
|
||||||
For reuse:
|
|
||||||
|
|
||||||
- Components must be generic and live in `src/components/**`.
|
|
||||||
- Use `--ux-*` tokens only.
|
|
||||||
@ -1,55 +0,0 @@
|
|||||||
# Lovable App 1 — Ops UI Kit (Design-led Micro-App)
|
|
||||||
|
|
||||||
Before you start: read and follow `DESIGN_SYSTEM_BRIEF.md`.
|
|
||||||
|
|
||||||
## Goal
|
|
||||||
|
|
||||||
Create a visually polished **Ops Dashboard UI Kit** micro-app that feels like a premium admin console. This app is design-led: prioritize typography, spacing, states, and interaction polish.
|
|
||||||
|
|
||||||
## Scope constraints
|
|
||||||
|
|
||||||
- Only modify files in this repository.
|
|
||||||
- No backend calls; mock data + localStorage only
|
|
||||||
- No `console.log`
|
|
||||||
- No hardcoded colors (use CSS variables)
|
|
||||||
|
|
||||||
## Must-have pages
|
|
||||||
|
|
||||||
- `/` overview landing
|
|
||||||
- `/components` gallery of:
|
|
||||||
- buttons, inputs, selects
|
|
||||||
- badges, tabs
|
|
||||||
- dialogs/drawers
|
|
||||||
- toasts
|
|
||||||
- empty/loading/error states
|
|
||||||
- `/table` table demo with filters
|
|
||||||
|
|
||||||
## UX requirements
|
|
||||||
|
|
||||||
- Theme toggle (light/dark)
|
|
||||||
- Keyboard accessibility:
|
|
||||||
- Esc closes overlays
|
|
||||||
- focus returns to triggering element
|
|
||||||
- Micro-interactions:
|
|
||||||
- hover, press, focus rings
|
|
||||||
- subtle animation for drawer/dialog
|
|
||||||
|
|
||||||
## Table requirements
|
|
||||||
|
|
||||||
- Mock dataset: incidents
|
|
||||||
- Sort + filter + pagination
|
|
||||||
- Row actions menu
|
|
||||||
- Details drawer with tabs
|
|
||||||
|
|
||||||
## Deliverables
|
|
||||||
|
|
||||||
- Next.js 16 App Router app
|
|
||||||
- Tailwind v4
|
|
||||||
- TypeScript strict
|
|
||||||
- Scripts: `dev`, `check`, `build` (build uses `next build --webpack`)
|
|
||||||
|
|
||||||
## Success criteria
|
|
||||||
|
|
||||||
- Looks and feels premium
|
|
||||||
- Fully self-contained
|
|
||||||
- Ready to copy components into other dashboards
|
|
||||||
@ -1,4 +0,0 @@
|
|||||||
# Repo Scoping Rules
|
|
||||||
|
|
||||||
- Only modify files inside this repository.
|
|
||||||
- If you believe a change is needed outside this repo, stop and ask.
|
|
||||||
@ -1,17 +0,0 @@
|
|||||||
# UX Token Contract (Shared)
|
|
||||||
|
|
||||||
Define in `src/app/globals.css`:
|
|
||||||
|
|
||||||
- `--ux-bg`
|
|
||||||
- `--ux-surface`
|
|
||||||
- `--ux-surface-2`
|
|
||||||
- `--ux-border`
|
|
||||||
- `--ux-text`
|
|
||||||
- `--ux-text-muted`
|
|
||||||
- `--ux-accent`
|
|
||||||
- `--ux-accent-foreground`
|
|
||||||
- `--ux-danger`
|
|
||||||
- `--ux-warning`
|
|
||||||
- `--ux-success`
|
|
||||||
- `--ux-ring`
|
|
||||||
- `--ux-shadow`
|
|
||||||
Loading…
Reference in New Issue
Block a user