@schandlergarcia/sf-web-components 1.9.13 → 1.9.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@schandlergarcia/sf-web-components",
-  "version": "1.9.13",
+  "version": "1.9.14",
   "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

@@ -123,67 +123,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 +264,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                                 ║"