@schandlergarcia/sf-web-components 1.9.28 → 1.9.30

package/.a4drules/features/command-center-dashboard-rule.md

@@ -1,25 +1,21 @@
 ---
 paths:
-  - "**/pages/*.jsx"
-  - "**/pages/*.tsx"
-  - "**/components/workspace/CommandCenter.tsx"
+  - "**/components/pages/*.jsx"
+  - "**/components/pages/*.tsx"
+  - "**/components/pages/CommandCenter.tsx"
 ---
 
 # Command Center Dashboard Rules (MANDATORY)
 
-These rules are non-negotiable for all dashboard files in `src/pages/` and workspace files in `src/components/workspace/`.
+These rules are non-negotiable for all files in `src/components/pages/`.
 
 ## Before writing ANY code, load these skills
 
 You MUST load the **command-center-builder** and **component-library** skills before writing or editing dashboard pages. These skills contain the full component API reference and builder rules. Do not proceed without them.
 
-## When writing files
-
-**Write COMPLETE files only.** Every file you write must be syntactically valid from the first import to the final closing brace. Do NOT stop writing mid-file, mid-function, or mid-line. Every opened JSX tag must be closed. Every opened string must be closed. Every className attribute must be complete. Incomplete files cause build failures.
-
 ## Critical constraints
 
-1. **File extension MUST be `.tsx`** — This is a TypeScript project. All React components MUST use `.tsx` extension, never `.jsx`. All type definitions are available from the component library.
+1. **File extension must be `.jsx`** — not `.tsx`. Rename if needed.
 
 2. **Use ONLY library components** from `@/components/library` for cards, charts, tables, lists. Never hand-roll HTML cards (`<div className="bg-white border rounded...">`).
 
@@ -47,4 +43,4 @@ You MUST load the **command-center-builder** and **component-library** skills be
 
 14. **Heroicon names** — common correct names: `PaperAirplaneIcon` (not PlaneIcon), `BuildingOfficeIcon` (not HotelIcon), `BanknotesIcon` (not MoneyIcon), `ExclamationTriangleIcon` (not AlertIcon), `UserIcon` (not PersonIcon).
 
-15. **Wire the dashboard as the home page.** After creating your dashboard and updating `CommandCenter.tsx`, you MUST also update `src/pages/Home.tsx` to render `CommandCenter` (replace any search interface with `import CommandCenter from "@/components/workspace/CommandCenter"; export default function HomePage() { return <CommandCenter />; }`), and update `src/routes.tsx` to set `Home` as the index route and move `Search` to `/search`. The dashboard must be the first thing users see at `/`.
+15. **Wire the dashboard as the home page.** After creating your dashboard and updating `CommandCenter.tsx`, also update `src/routes.tsx`: set `Home` as the index route (it renders CommandCenter which renders your dashboard) and move `Search` to `/search`. The dashboard must be the first thing users see at `/`.