curo1305
c3f87706ee
- Design token system via CSS custom properties (light/dark mode) - Theme context hook + ThemeToggle component - AppShell + collapsible Sidebar replace inline Nav - LoginPage redesigned: two-column grid with hero panel - shadcn/ui Button and Input components - Tailwind config wired to CSS variable tokens - All pages de-Nav'd; PrivateRoute/AdminRoute wrap with AppShell - TypeScript passes clean (npm run typecheck) Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
3.7 KiB
3.7 KiB
2026-04-17 — Switch UX/UI design tool from Penpot to Figma
Timestamp: 2026-04-17T00:00:00
Summary: Replaced all references to Penpot with Figma across the project. The ux-designer agent now describes Figma REST API integration instead of the Penpot API.
Files Modified:
.claude/agents/ux-designer.md— rewrote Penpot setup checklist and API docs to use Figma (personal access token,X-Figma-Tokenheader,api.figma.com/v1endpoints)frontend/STATUS.md— updated Known limitations and Future work to reference Figma instead of PenpotTODO.md— replaced "UX/UI — Penpot setup" section with "UX/UI — Figma setup"
Files Added:
changelog/2026-04-17_switch-penpot-to-figma.md— this entry
2026-04-17 — Adopt shadcn/ui + Tailwind CSS as UI layer
Timestamp: 2026-04-17T00:00:00
Summary: Confirmed shadcn/ui + Tailwind CSS as the UI component library and styling system. Updated CLAUDE.md stack table and frontend/STATUS.md to reflect this decision.
Files Modified:
CLAUDE.md— added UI Library (shadcn/ui) and Styling (Tailwind CSS v3) rows to Stack tablefrontend/STATUS.md— marked shadcn/ui checklist item as done; updated Known limitations note from "evaluation pending" to "adoption in progress"
2026-04-17 — Implement shadcn/ui + Tailwind CSS UI layer
Timestamp: 2026-04-17T12:00:00
Summary: Full implementation of the shadcn/ui + Tailwind CSS UI layer: design token system, theme context, new LoginPage, AppShell + Sidebar replacing the inline Nav component.
Files Added:
frontend/tailwind.config.ts— Tailwind config with CSS-variable-based design tokens (primary, accent, background, surface, border, foreground, muted)frontend/postcss.config.js— PostCSS config (tailwindcss + autoprefixer)frontend/components.json— shadcn/ui init config (style: default, baseColor: slate, cssVariables: true)frontend/src/styles/theme.css— Tailwind directives + full CSS custom property token set (light/dark mode)frontend/src/lib/utils.ts—cn()utility (clsx + tailwind-merge)frontend/src/components/ui/button.tsx— shadcn/ui Button (default, ghost, outline, destructive variants)frontend/src/components/ui/input.tsx— shadcn/ui Inputfrontend/src/hooks/useTheme.ts— theme hook (localStorage + OS preference detection)frontend/src/components/ThemeToggle.tsx— sun/moon ghost icon buttonfrontend/src/components/Sidebar.tsx— collapsible left sidebar (expanded/collapsed states, NavLinks, admin-only item, user avatar, logout)frontend/src/components/AppShell.tsx— layout wrapper (Sidebar + scrollable main)
Files Modified:
frontend/package.json— added lucide-react, clsx, tailwind-merge, class-variance-authority, @radix-ui/react-slot, tailwindcss, autoprefixer, postcssfrontend/vite.config.ts— added@/path alias via fileURLToPathfrontend/src/main.tsx— import theme.cssfrontend/src/App.tsx— PrivateRoute and AdminRoute now wrap children in AppShell; removed Nav importfrontend/src/pages/LoginPage.tsx— full redesign: two-column grid (form panel + hero panel), shadcn Input/Button, ThemeTogglefrontend/src/pages/DashboardPage.tsx— removed Nav, applied Tailwind headingsfrontend/src/pages/AppsPage.tsx— removed Navfrontend/src/pages/ProfilePage.tsx— removed Navfrontend/src/pages/AdminPage.tsx— removed Navfrontend/src/pages/DocumentsPage.tsx— removed Navfrontend/src/pages/DocumentAdminSettingsPage.tsx— removed Navfrontend/src/pages/AIAdminSettingsPage.tsx— removed Navfrontend/STATUS.md— added component inventory table; updated What it is; updated Future work checklist