@schandlergarcia/sf-web-components 1.9.46 → 1.9.48

package/CHANGELOG.md

@@ -73,6 +73,76 @@ 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
+- **scripts/reset-command-center.sh** - Now removes ALL custom pages, not just files matching `*Dashboard*` pattern
+  - Issue: `EngineCommandCenter.tsx` wasn't removed because it doesn't match `*Dashboard*` pattern
+  - Cause: Script only looked for `*Dashboard*.jsx` and `*Dashboard*.tsx` files
+  - Fix: Changed logic to remove all `.jsx` and `.tsx` files in `src/pages/` except template files
+  - Template files (kept): `Home.tsx`, `Search.tsx`, `NotFound.tsx`, `BlankDashboard.tsx`
+  - Now removes: `EngineCommandCenter.tsx`, `MyDashboard.tsx`, `CustomPage.tsx`, etc.
+
+### Changed
+- Reset script message updated from "Removing custom dashboards..." to "Removing custom pages..." to better reflect behavior
+- Added explicit keep-list of template files for clarity
+
+### Technical Details
+Previous pattern:
+```bash
+for f in src/pages/*Dashboard*.jsx src/pages/*Dashboard*.tsx; do
+```
+
+New approach:
+```bash
+KEEP_FILES=("Home.tsx" "Search.tsx" "NotFound.tsx" "BlankDashboard.tsx")
+# Remove all .jsx/.tsx except templates
+```
+
+---
+
 ## [1.9.46] - 2026-04-01
 
 ### Added

package/package.json

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

@@ -34,24 +34,42 @@ echo "║   Reset App → Baseline State                   ║"
 echo "╚════════════════════════════════════════════════╝"
 echo ""
 
-# ── 1. Remove custom dashboard pages (keep library & workspace) ─────────────
+# ── 1. Remove custom dashboard/page files (keep templates) ─────────────────
 
-echo "→ Removing custom dashboards…"
+echo "→ Removing custom pages…"
+
+# List of template files that should NOT be removed
+KEEP_FILES=("Home.tsx" "Search.tsx" "NotFound.tsx" "BlankDashboard.tsx")
 
 removed=0
-for f in src/pages/*Dashboard*.jsx src/pages/*Dashboard*.tsx; do
-  if [ -f "$f" ]; then
-    # Don't remove BlankDashboard.tsx (it's the template)
-    if [[ "$(basename "$f")" != "BlankDashboard.tsx" ]]; then
-      rm "$f"
-      echo "  ✓ Removed $(basename "$f")"
-      removed=$((removed + 1))
+
+# Remove all .jsx and .tsx files in src/pages/ except templates
+if [ -d "src/pages" ]; then
+  for f in src/pages/*.jsx src/pages/*.tsx; do
+    if [ -f "$f" ]; then
+      filename="$(basename "$f")"
+
+      # Check if this file should be kept
+      should_keep=false
+      for keep in "${KEEP_FILES[@]}"; do
+        if [[ "$filename" == "$keep" ]]; then
+          should_keep=true
+          break
+        fi
+      done
+
+      # Remove if not in keep list
+      if [ "$should_keep" = false ]; then
+        rm "$f"
+        echo "  ✓ Removed $(basename "$f")"
+        removed=$((removed + 1))
+      fi
     fi
-  fi
-done
+  done
+fi
 
 if [ "$removed" -eq 0 ]; then
-  echo "  (no custom dashboards found)"
+  echo "  (no custom pages found)"
 fi
 echo ""
 
@@ -126,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 ─────────────────────────────────────────
@@ -344,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 ""