@schandlergarcia/sf-web-components 1.9.23 → 1.9.24

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

@@ -43,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`, 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 `/`.
+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 `/`.

package/.a4drules/skills/command-center-builder/SKILL.md

@@ -183,6 +183,16 @@ export default function CommandCenter() {
 }
 ```
 
+**Step 2.5:** Update `Home.tsx` to render `CommandCenter`:
+```tsx
+// src/pages/Home.tsx
+import CommandCenter from "@/components/workspace/CommandCenter";
+
+export default function HomePage() {
+  return <CommandCenter />;
+}
+```
+
 **Step 3:** Update `src/routes.tsx` to make the dashboard the home page. Replace the Search page index route with the Home/CommandCenter route:
 ```tsx
 // src/routes.tsx — change the index route
@@ -203,7 +213,8 @@ The `Home` page renders `CommandCenter`, which renders your dashboard. The Searc
 **Verify:** After writing all files, confirm:
 1. Your dashboard `.tsx` file exists in `src/pages/`
 2. `CommandCenter.tsx` (in `src/components/workspace/`) imports your dashboard (not `BlankDashboard`)
-3. `src/routes.tsx` has `Home` as the index route and `Search` at `/search`
+3. `Home.tsx` (in `src/pages/`) imports and renders `CommandCenter` (not search interface)
+4. `src/routes.tsx` has `Home` as the index route and `Search` at `/search`
 
 ## Page Structure
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@schandlergarcia/sf-web-components",
-  "version": "1.9.23",
+  "version": "1.9.24",
   "description": "Reusable Salesforce web components library with Tailwind CSS v4 and shadcn/ui",
   "type": "module",
   "main": "./dist/index.js",