@schandlergarcia/sf-web-components 1.9.47 → 1.9.48

package/CHANGELOG.md

@@ -73,6 +73,48 @@ Between versions 1.9.29 and 1.9.42, a critical inconsistency existed that broke
 
 ---
 
+## [1.9.48] - 2026-04-01
+
+### Changed
+- **scripts/reset-command-center.sh** - Home page now resets to search page template (not CommandCenter)
+  - Issue: Reset forced users into CommandCenter/BlankDashboard pattern
+  - Expected: Reset should restore template default (search page)
+  - Previous behavior: Home → CommandCenter → BlankDashboard → "Bespoke App Template" EmptyState
+  - New behavior: Home → Search page with UIInput/UIButton for finding Salesforce records
+  - Updated final message: "/ → Home (search page)" instead of "/ → Home (CommandCenter dashboard)"
+  
+### Rationale
+- **Reset should mean "go back to template"** not "force command center pattern"
+- Users building command centers can manually wire their dashboard
+- Search page is the more universal default
+- CommandCenter/BlankDashboard still available, just not forced on reset
+- Aligns with postinstall behavior (which installs search Home.tsx)
+
+### For Command Center Users
+If you want Home to render a command center dashboard:
+
+1. Create your dashboard (e.g., `src/pages/EngineDashboard.tsx`)
+2. Update Home.tsx:
+   ```tsx
+   import EngineDashboard from './EngineDashboard';
+   export default function Home() {
+     return <EngineDashboard />;
+   }
+   ```
+
+Or use CommandCenter as a wrapper:
+
+1. Edit `src/components/workspace/CommandCenter.tsx` to render your dashboard
+2. Update Home.tsx:
+   ```tsx
+   import CommandCenter from '../components/workspace/CommandCenter';
+   export default function Home() {
+     return <CommandCenter />;
+   }
+   ```
+
+---
+
 ## [1.9.47] - 2026-04-01
 
 ### Fixed

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@schandlergarcia/sf-web-components",
-  "version": "1.9.47",
+  "version": "1.9.48",
   "description": "Reusable Salesforce web components library with Tailwind CSS v4 and shadcn/ui",
   "type": "module",
   "main": "./dist/index.js",
@@ -73,6 +73,7 @@
     "world-atlas": "^2.0.0"
   },
   "dependencies": {
+    "@schandlergarcia/sf-web-components": "^1.9.47",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "glob": "^11.0.0",

package/scripts/reset-command-center.sh

@@ -144,20 +144,73 @@ WRAPPER_EOF
 echo "  ✓ Wired up BlankDashboard"
 echo ""
 
-# ── 4. Reset Home.tsx to render CommandCenter ────────────────────────────────
+# ── 4. Reset Home.tsx to search page template ───────────────────────────────
 
 HOME="src/pages/Home.tsx"
-echo "→ Updating ${HOME}..."
+echo "→ Restoring ${HOME} from template..."
 
 cat > "$HOME" << 'HOME_EOF'
-import CommandCenter from "../components/workspace/CommandCenter";
+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";
+
+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();
+		}
+	};
 
-export default function Home() {
-	return <CommandCenter />;
+	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>
+	);
 }
 HOME_EOF
 
-echo "  ✓ Home renders CommandCenter"
+echo "  ✓ Home restored to search page"
 echo ""
 
 # ── 5. Ensure Search.tsx page exists ─────────────────────────────────────────
@@ -362,12 +415,14 @@ echo "║     • Salesforce SDK stubs for local dev       ║"
 echo "║     • All styles & dependencies                ║"
 echo "║                                                ║"
 echo "║   Layout:                                      ║"
-echo "║     /         → Home (CommandCenter dashboard) ║"
-echo "║     /search   → Search (global search input)  ║"
+echo "║     /         → Home (search page)             ║"
+echo "║     /search   → Search (search page)           ║"
 echo "║     Nav bar on Home + Search pages only        ║"
 echo "║                                                ║"
 echo "║   Start building:                              ║"
-echo "║     Edit src/pages/BlankDashboard.tsx          ║"
+echo "║     • For dashboards: Edit BlankDashboard.tsx  ║"
+echo "║       then wire into routes or CommandCenter   ║"
+echo "║     • For search app: Ready to go!             ║"
 echo "║     npm run dev                                 ║"
 echo "╚════════════════════════════════════════════════╝"
 echo ""