fix

AGENTS.md

@@ -28,9 +28,10 @@ React 19 + Vite 8 + TypeScript design-system showcase. Dark-first, token-driven
 ## Smart Utils & AI Workflow
 
 - **Class helper**: `src/utils/cn.ts` — zero-dependency classnames merging utility for conditional component styles.
-- **Smart CSS**: `src/utils.css` — ready-to-use helpers (`.dot-canvas`, `.surface-card`, `.surface-sidebar`, `.badge-*`, `.hover-lift`, `.kbd-tag`, `.skeleton-pulse`).
-- **Composable Primitives**: `src/components/ui/` (`Badge.tsx`, `Card.tsx`, `StatCard.tsx`, `Kbd.tsx`).
-- **AI Agent System Prompt & Recipes**: `src/data/ai-rules.ts`.
+- **Smart CSS**: `src/utils.css` — ready-to-use helpers (`.dot-canvas`, `.surface-card`, `.surface-sidebar`, `.badge-*`, `.hover-lift`, `.kbd-tag`, `.skeleton-pulse`, `.progress-*`, `.ui-table-*`, `.dialog-*`, `.sheet-*`, `.alert-*`, `.ui-tabs-*`, `.switch-*`).
+- **Composable Primitives**: `src/components/ui/` (`Dialog`, `Sheet`, `Tabs`, `Alert`, `EmptyState`, `Table`, `Progress`, `Switch`, `Badge`, `Card`, `StatCard`, `Skeleton`, `Tooltip`, `Kbd`, `Icon`).
+- **Reusable Application Patterns**: `src/components/examples/` (`MetricsDashboard`, `SettingsPanel`, `ServiceTable`, `DeploymentModal`).
+- **Icon Library**: `lucide-react` — 1,400+ tree-shaken SVGs with uniform stroke and color inheritance (`<Icon name="..." />` or direct import).
 
 ## Structure
 
@@ -44,15 +45,16 @@ src/
   utils/
     cn.ts           ← conditional classnames utility
   components/
-    ui/             ← composable UI primitives (Badge, Card, StatCard, Kbd)
-    AIWorkflowSection.tsx ← AI workflow and smart utils showcase
+    ui/             ← composable UI primitives (Dialog, Sheet, Tabs, Alert, EmptyState, Table, Progress, Switch, Badge, Card, StatCard, Skeleton, Tooltip, Kbd, Icon)
+    examples/       ← reusable pattern components (MetricsDashboard, SettingsPanel, ServiceTable, DeploymentModal)
+    AIWorkflowSection.tsx ← interactive pattern switcher & showcase
+    IconMatrix.tsx  ← interactive Lucide icon explorer & search
     Topbar.tsx      ← owns the theme toggle (.dark & data-theme)
     Hero.tsx, CodeSample.tsx, RightRail.tsx, ButtonMatrix.tsx,
     Sidebar.tsx, Section.tsx, FormField.tsx, TokenGrid.tsx,
     MarkdownRenderer.tsx, CodeEditor.tsx, Button.tsx, Icon.tsx
   data/
     library.ts      ← demo content and color token data for the showcase
-    ai-rules.ts     ← AI copilot prompt and quick implementation recipes
 scripts/check-tokens.mjs ← token contract guard (part of npm run check)
 ```