@schandlergarcia/sf-web-components 1.9.13 → 1.9.15

package/README.md

@@ -303,12 +303,15 @@ bash node_modules/@schandlergarcia/sf-web-components/scripts/reset-command-cente
 
 **What it does:**
 - Removes custom dashboard pages
-- Restalls BlankDashboard.tsx with EmptyState
+- Reinstalls BlankDashboard.tsx with EmptyState
 - Resets CommandCenter.tsx (preserves theme mode)
-- Updates Home.tsx to search interface
+- Updates Home.tsx to render CommandCenter (blank dashboard)
+- Creates Search.tsx for search interface at `/search` route
 - Resets routes to baseline configuration
 - Preserves: component library, authentication, all dependencies
 
+**Result:** Home route (`/`) displays the CommandCenter with BlankDashboard, ready for customization
+
 ---
 
 ## Troubleshooting

package/package.json

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

package/scripts/reset-command-center.sh

@@ -37,6 +37,7 @@ echo ""
 echo "→ Removing custom dashboards…"
 
 removed=0
+# Remove from src/pages/
 for f in src/pages/*Dashboard*.tsx src/pages/*Dashboard*.jsx; do
   # Don't remove BlankDashboard
   if [ -f "$f" ] && [[ "$(basename "$f")" != "BlankDashboard"* ]]; then
@@ -46,6 +47,17 @@ for f in src/pages/*Dashboard*.tsx src/pages/*Dashboard*.jsx; do
   fi
 done
 
+# Also remove from src/components/pages/ if it exists
+if [ -d "src/components/pages" ]; then
+  for f in src/components/pages/*Dashboard*.tsx src/components/pages/*Dashboard*.jsx; do
+    if [ -f "$f" ] && [[ "$(basename "$f")" != "BlankDashboard"* ]]; then
+      rm "$f"
+      echo "  ✓ Removed $(basename "$f")"
+      removed=$((removed + 1))
+    fi
+  done
+fi
+
 if [ "$removed" -eq 0 ]; then
   echo "  (no custom dashboards found)"
 fi
@@ -123,67 +135,14 @@ HOME="src/pages/Home.tsx"
 echo "→ Updating ${HOME}..."
 
 cat > "$HOME" << 'HOME_EOF'
-import { useState } from "react";
-import { useNavigate } from "react-router";
-import UIInput from '@/components/library/ui/UIInput';
-import UIButton from '@/components/library/ui/UIButton';
-import { Search } from "lucide-react";
+import CommandCenter from "@/components/workspace/CommandCenter";
 
 export default function HomePage() {
-	const [searchQuery, setSearchQuery] = useState("");
-	const navigate = useNavigate();
-
-	const handleSearch = () => {
-		const trimmed = searchQuery.trim();
-		if (trimmed) {
-			navigate(`/accounts?search=${encodeURIComponent(trimmed)}`);
-		} else {
-			navigate('/accounts');
-		}
-	};
-
-	const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {
-		if (e.key === "Enter") {
-			e.preventDefault();
-			handleSearch();
-		}
-	};
-
-	return (
-		<div className="flex min-h-[80vh] items-center justify-center px-4 sm:px-6 lg:px-8 bg-slate-50 dark:bg-slate-950 transition-colors">
-			<div className="w-full max-w-4xl">
-				<div className="text-center mb-8">
-					<h1 className="text-4xl font-bold text-slate-900 dark:text-slate-50 mb-4">Search</h1>
-					<p className="text-lg text-slate-600 dark:text-slate-300">Find records across your organization.</p>
-				</div>
-				<div className="flex flex-col gap-4">
-					<div className="relative">
-						<Search className="absolute left-3 top-1/2 -translate-y-1/2 h-5 w-5 text-slate-400" />
-						<UIInput
-							type="text"
-							value={searchQuery}
-							onChange={(e) => setSearchQuery(e.target.value)}
-							onKeyDown={handleKeyDown}
-							placeholder="Search..."
-							className="pl-10 w-full"
-						/>
-					</div>
-					<div className="flex gap-3 justify-center">
-						<UIButton onClick={handleSearch} variant="primary">
-							Search
-						</UIButton>
-						<UIButton onClick={() => navigate('/accounts')} variant="secondary">
-							Browse All
-						</UIButton>
-					</div>
-				</div>
-			</div>
-		</div>
-	);
+	return <CommandCenter />;
 }
 HOME_EOF
 
-echo "  ✓ Home renders search interface"
+echo "  ✓ Home renders CommandCenter (dashboard)"
 echo ""
 
 # ── 5. Ensure Search.tsx page exists ─────────────────────────────────────────
@@ -317,13 +276,14 @@ echo "║     • Authentication features                  ║"
 echo "║     • All styles & dependencies                ║"
 echo "║                                                ║"
 echo "║   Layout:                                      ║"
-echo "║     /         → Home (Search interface)        ║"
+echo "║     /         → CommandCenter (blank dashboard)║"
+echo "║     /search   → Search interface               ║"
 echo "║     /accounts → Account search and browse      ║"
 echo "║                                                ║"
-echo "║   Search functionality:                        ║"
-echo "║     • Search button navigates to /accounts     ║"
-echo "║     • Enter key in search input triggers search║"
-echo "║     • Browse All button shows all accounts     ║"
+echo "║   Command Center setup:                        ║"
+echo "║     • Home renders BlankDashboard              ║"
+echo "║     • Theme and data providers configured      ║"
+echo "║     • Ready to build custom dashboards         ║"
 echo "║                                                ║"
 echo "║   Start building:                              ║"
 echo "║     npm run dev                                 ║"