diff --git a/.ai/standards/ui_design.md b/.ai/standards/ui_design.md index 0c1711e..b0f4a3e 100644 --- a/.ai/standards/ui_design.md +++ b/.ai/standards/ui_design.md @@ -5,9 +5,10 @@ # @INVARIANT: Every component MUST have `` anchors and UX tags. # @INVARIANT: Use Tailwind CSS for all styling (no custom CSS without justification). -## 1. UX PHILOSOPHY: RESOURCE-CENTRIC -* **Definition:** Navigation and actions revolve around Resources (Dashboards, Datasets), not Tools (Migration, Git). -* **Discovery:** All actions (Migrate, Backup, Git) for a resource MUST be grouped together (e.g., in a dropdown menu). +## 1. UX PHILOSOPHY: RESOURCE-CENTRIC & SVELTE 5 +* **Version:** Project uses Svelte 5. +* **Runes:** Use Svelte 5 Runes for reactivity: `$state()`, `$derived()`, `$effect()`, `$props()`. Traditional `let` (for reactivity) and `export let` (for props) are DEPRECATED in favor of runes. +* **Definition:** Navigation and actions revolve around Resources. * **Traceability:** Every action must be linked to a Task ID with visible logs in the Task Drawer. ## 2. COMPONENT ARCHITECTURE: GLOBAL TASK DRAWER