@schandlergarcia/sf-web-components 1.0.0

package/scripts/reset-command-center.sh

@@ -0,0 +1,358 @@
+#!/usr/bin/env bash
+#
+# reset-command-center.sh
+#
+# Resets the app to the baseline state:
+#   - Home (/) renders the Command Center (blank dashboard)
+#   - Search (/search) renders the global search input
+#   - Nav bar visible on Home and Search pages only
+#   - Salesforce SDK stubs are in place for local dev
+#
+# Usage:
+#   npm run reset:command-center
+#   # or directly:
+#   bash scripts/reset-command-center.sh
+#
+set -euo pipefail
+
+ROOT="$(cd "$(dirname "$0")/.." && pwd)"
+cd "$ROOT"
+
+echo ""
+echo "╔════════════════════════════════════════════════╗"
+echo "║   Reset App → Baseline State                   ║"
+echo "╚════════════════════════════════════════════════╝"
+echo ""
+
+# ── 1. Remove custom dashboard pages (keep library & workspace) ─────────────
+
+echo "→ Removing custom dashboards…"
+
+removed=0
+for f in src/components/pages/*Dashboard*.jsx src/components/pages/*Dashboard*.tsx; do
+  if [ -f "$f" ]; then
+    rm "$f"
+    echo "  ✓ Removed $(basename "$f")"
+    removed=$((removed + 1))
+  fi
+done
+
+if [ "$removed" -eq 0 ]; then
+  echo "  (no custom dashboards found)"
+fi
+echo ""
+
+# ── 2. Write the blank starter dashboard ────────────────────────────────────
+
+BLANK="src/components/pages/BlankDashboard.jsx"
+echo "→ Creating ${BLANK}..."
+
+cat > "$BLANK" << 'DASHBOARD_EOF'
+import React from "react";
+import { RocketLaunchIcon } from "@heroicons/react/24/outline";
+import { EmptyState } from "@/components/library";
+
+export default function BlankDashboard() {
+  return (
+    <div className="flex min-h-screen items-center justify-center bg-slate-50 dark:bg-slate-950 transition-colors">
+      <EmptyState
+        size="lg"
+        icon={<RocketLaunchIcon className="h-14 w-14" />}
+        heading="Bespoke App Template"
+        body="Component library loaded and ready to go."
+      />
+    </div>
+  );
+}
+DASHBOARD_EOF
+
+echo "  ✓ Created blank starter dashboard"
+echo ""
+
+# ── 3. Update CommandCenter.tsx to use BlankDashboard ────────────────────────
+#    Preserves theme initialMode if previously customized.
+
+WRAPPER="src/components/pages/CommandCenter.tsx"
+echo "→ Updating ${WRAPPER}..."
+
+# Extract existing initialMode from AppThemeProvider (default: "light")
+THEME_MODE="light"
+if [ -f "$WRAPPER" ]; then
+  EXISTING_MODE=$(grep -oP 'AppThemeProvider\s+initialMode="\K[^"]+' "$WRAPPER" 2>/dev/null || true)
+  if [ -n "$EXISTING_MODE" ]; then
+    THEME_MODE="$EXISTING_MODE"
+    echo "  ℹ Preserving theme mode: ${THEME_MODE}"
+  fi
+fi
+
+cat > "$WRAPPER" << WRAPPER_EOF
+import AppThemeProvider from "@/components/library/theme/AppThemeProvider";
+import DataModeProvider from "@/components/library/data/DataModeProvider";
+import { Toast } from "@heroui/react";
+import BlankDashboard from "./BlankDashboard";
+
+export default function CommandCenter() {
+  return (
+    <div className="heroui-scope">
+      <AppThemeProvider initialMode="${THEME_MODE}">
+        <DataModeProvider initialMode="sample">
+          <BlankDashboard />
+          <Toast.Provider placement="bottom end" />
+        </DataModeProvider>
+      </AppThemeProvider>
+    </div>
+  );
+}
+WRAPPER_EOF
+
+echo "  ✓ Wired up BlankDashboard"
+echo ""
+
+# ── 4. Reset Home.tsx to render CommandCenter ────────────────────────────────
+
+HOME="src/pages/Home.tsx"
+echo "→ Updating ${HOME}..."
+
+cat > "$HOME" << 'HOME_EOF'
+import CommandCenter from "../components/pages/CommandCenter";
+
+export default function Home() {
+	return <CommandCenter />;
+}
+HOME_EOF
+
+echo "  ✓ Home renders CommandCenter"
+echo ""
+
+# ── 5. Ensure Search.tsx page exists ─────────────────────────────────────────
+
+SEARCH="src/pages/Search.tsx"
+echo "→ Updating ${SEARCH}..."
+
+cat > "$SEARCH" << 'SEARCH_EOF'
+import { GlobalSearchInput } from "../features/global-search/components/search/GlobalSearchInput";
+
+export default function Search() {
+	return (
+		<div className="flex min-h-[80vh] items-center justify-center px-4 sm:px-6 lg:px-8">
+			<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>
+				<GlobalSearchInput />
+			</div>
+		</div>
+	);
+}
+SEARCH_EOF
+
+echo "  ✓ Search page ready"
+echo ""
+
+# ── 6. Reset routes.tsx ──────────────────────────────────────────────────────
+
+ROUTES="src/routes.tsx"
+echo "→ Updating ${ROUTES}..."
+
+cat > "$ROUTES" << 'ROUTES_EOF'
+import type { RouteObject } from 'react-router';
+import { lazy, Suspense } from "react";
+
+const AppLayout = lazy(() => import('./appLayout'));
+const Home = lazy(() => import('./pages/Home'));
+const Search = lazy(() => import('./pages/Search'));
+const NotFound = lazy(() => import('./pages/NotFound'));
+const TestAccPage = lazy(() => import("./pages/TestAccPage"));
+const GlobalSearch = lazy(() => import("./features/global-search/pages/GlobalSearch"));
+const DetailPage = lazy(() => import("./features/global-search/pages/DetailPage"));
+
+function SuspenseWrap({ children }: { children: React.ReactNode }) {
+  return <Suspense fallback={<div className="flex min-h-screen items-center justify-center text-sm text-muted-foreground">Loading...</div>}>{children}</Suspense>;
+}
+
+export const routes: RouteObject[] = [
+  {
+    path: "/",
+    element: (
+      <SuspenseWrap>
+        <AppLayout />
+      </SuspenseWrap>
+    ),
+    children: [
+      {
+        index: true,
+        element: <SuspenseWrap><Home /></SuspenseWrap>,
+        handle: { showInNavigation: true, showNavBar: true, label: 'Home' }
+      },
+      {
+        path: "search",
+        element: <SuspenseWrap><Search /></SuspenseWrap>,
+        handle: { showInNavigation: true, showNavBar: true, label: 'Search' }
+      },
+      {
+        path: "test-acc",
+        element: <SuspenseWrap><TestAccPage /></SuspenseWrap>,
+        handle: { showInNavigation: true, label: "Test ACC" }
+      },
+      {
+        path: "global-search/:query",
+        element: (
+					<SuspenseWrap>
+						<GlobalSearch />
+					</SuspenseWrap>
+				),
+        handle: { showInNavigation: false }
+      },
+      {
+        path: "object/:objectApiName/:recordId",
+        element: (
+					<SuspenseWrap>
+						<DetailPage />
+					</SuspenseWrap>
+				),
+        handle: { showInNavigation: false }
+      },
+      {
+        path: '*',
+        element: <SuspenseWrap><NotFound /></SuspenseWrap>
+      },
+    ]
+  }
+];
+ROUTES_EOF
+
+echo "  ✓ Routes updated (Home at /, Search at /search, nav on both)"
+echo ""
+
+# ── 7. Reset appLayout.tsx (nav on Home/Search only) ─────────────────────────
+
+LAYOUT="src/appLayout.tsx"
+echo "→ Updating ${LAYOUT}..."
+
+cat > "$LAYOUT" << 'LAYOUT_EOF'
+import { AgentforceConversationClient } from "./components/AgentforceConversationClient";
+import { Outlet, Link, useLocation, useMatches } from "react-router";
+import { getAllRoutes } from "./router-utils";
+import { useState } from "react";
+
+export default function AppLayout() {
+	const [isOpen, setIsOpen] = useState(false);
+	const location = useLocation();
+	const matches = useMatches();
+
+	const showNavBar = matches.some(
+		(m) => (m.handle as Record<string, unknown>)?.showNavBar === true,
+	);
+
+	const isActive = (path: string) => location.pathname === path;
+
+	const toggleMenu = () => setIsOpen(!isOpen);
+
+	const navigationRoutes: { path: string; label: string }[] = getAllRoutes()
+		.filter(
+			(route) =>
+				route.handle?.showInNavigation === true &&
+				route.fullPath !== undefined &&
+				route.handle?.label !== undefined,
+		)
+		.map(
+			(route) =>
+				({
+					path: route.fullPath,
+					label: route.handle?.label,
+				}) as { path: string; label: string },
+		);
+
+	return (
+		<>
+			{showNavBar && (
+				<nav className="bg-white border-b border-gray-200">
+					<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+						<div className="flex justify-between items-center h-16">
+							<Link to="/" className="text-xl font-semibold text-gray-900">
+								React App
+							</Link>
+							<button
+								onClick={toggleMenu}
+								className="p-2 rounded-md text-gray-700 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-blue-500"
+								aria-label="Toggle menu"
+							>
+								<div className="w-6 h-6 flex flex-col justify-center space-y-1.5">
+									<span
+										className={`block h-0.5 w-6 bg-current transition-all ${
+											isOpen ? "rotate-45 translate-y-2" : ""
+										}`}
+									/>
+									<span
+										className={`block h-0.5 w-6 bg-current transition-all ${isOpen ? "opacity-0" : ""}`}
+									/>
+									<span
+										className={`block h-0.5 w-6 bg-current transition-all ${
+											isOpen ? "-rotate-45 -translate-y-2" : ""
+										}`}
+									/>
+								</div>
+							</button>
+						</div>
+						{isOpen && (
+							<div className="pb-4">
+								<div className="flex flex-col space-y-2">
+									{navigationRoutes.map((item) => (
+										<Link
+											key={item.path}
+											to={item.path}
+											onClick={() => setIsOpen(false)}
+											className={`px-3 py-2 rounded-md text-sm font-medium transition-colors ${
+												isActive(item.path)
+													? "bg-blue-100 text-blue-700"
+													: "text-gray-700 hover:bg-gray-100"
+											}`}
+										>
+											{item.label}
+										</Link>
+									))}
+								</div>
+							</div>
+						)}
+					</div>
+				</nav>
+			)}
+			<Outlet />
+			<AgentforceConversationClient />
+		</>
+	);
+}
+LAYOUT_EOF
+
+echo "  ✓ Layout updated (nav bar on Home/Search pages)"
+echo ""
+
+# ── 8. Clear Vite cache ─────────────────────────────────────────────────────
+
+echo "→ Cleaning caches…"
+rm -rf node_modules/.vite 2>/dev/null && echo "  ✓ Cleared Vite cache" || true
+echo ""
+
+# ── Done ─────────────────────────────────────────────────────────────────────
+
+echo "╔════════════════════════════════════════════════╗"
+echo "║   ✓ Reset complete!                             ║"
+echo "║                                                ║"
+echo "║   Everything preserved:                        ║"
+echo "║     • Theme (global.css + initialMode)         ║"
+echo "║     • Component library (cards, charts, etc.)  ║"
+echo "║     • HeroUI wrappers & theme providers        ║"
+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 "║     Nav bar on Home + Search pages only        ║"
+echo "║                                                ║"
+echo "║   Start building:                              ║"
+echo "║     Edit src/components/pages/BlankDashboard.jsx║"
+echo "║     npm run dev                                 ║"
+echo "╚════════════════════════════════════════════════╝"
+echo ""

package/scripts/rewrite-e2e-assets.mjs

@@ -0,0 +1,23 @@
+/**
+ * Prepares dist/ for e2e: root-relative asset paths + SPA fallback for serve.
+ */
+import { readFileSync, writeFileSync } from 'node:fs';
+import { join, dirname } from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+const distDir = join(__dirname, '..', 'dist');
+
+// Rewrite index.html so asset paths are root-relative (/assets/...)
+const indexPath = join(distDir, 'index.html');
+let html = readFileSync(indexPath, 'utf8');
+html = html.replace(/(src|href)="[^"]*\/assets\//g, '$1="/assets/');
+writeFileSync(indexPath, html);
+
+// SPA fallback so /about, /non-existent-route etc. serve index.html
+writeFileSync(
+  join(distDir, 'serve.json'),
+  JSON.stringify({
+    rewrites: [{ source: '**', destination: '/index.html' }],
+  })
+);

package/scripts/validate-dashboard.sh

@@ -0,0 +1,290 @@
+#!/usr/bin/env bash
+#
+# validate-dashboard.sh
+#
+# Checks command center dashboard pages for common rule violations.
+# Run after building a dashboard to catch issues before review.
+#
+# Usage:
+#   bash scripts/validate-dashboard.sh
+#
+set -euo pipefail
+
+ROOT="$(cd "$(dirname "$0")/.." && pwd)"
+cd "$ROOT"
+
+PAGES_DIR="src/components/pages"
+TRAVEL_DIR="src/components/travel"
+ERRORS=0
+WARNINGS=0
+
+red()    { echo -e "\033[0;31m✗ $1\033[0m"; }
+yellow() { echo -e "\033[0;33m⚠ $1\033[0m"; }
+green()  { echo -e "\033[0;32m✓ $1\033[0m"; }
+
+echo ""
+echo "╔════════════════════════════════════════════════╗"
+echo "║   Dashboard Rule Validator                      ║"
+echo "╚════════════════════════════════════════════════╝"
+echo ""
+
+# ── 1. Check CommandCenter.tsx imports a real dashboard ──────────────────────
+
+echo "── Wiring ──"
+
+WRAPPER="$PAGES_DIR/CommandCenter.tsx"
+if grep -q 'BlankDashboard' "$WRAPPER"; then
+  red "CommandCenter.tsx still imports BlankDashboard — no dashboard is wired up"
+  ERRORS=$((ERRORS + 1))
+else
+  green "CommandCenter.tsx imports a custom dashboard"
+fi
+echo ""
+
+# ── 2. Find all dashboard files to scan ──────────────────────────────────────
+
+# Collect all .jsx/.tsx in pages/ and travel/ dirs (excluding BlankDashboard, HelloWorld, CommandCenter)
+SCAN_FILES=()
+for dir in "$PAGES_DIR" "$TRAVEL_DIR" "src/pages"; do
+  if [ -d "$dir" ]; then
+    while IFS= read -r f; do
+      base=$(basename "$f")
+      case "$base" in
+        BlankDashboard.*|HelloWorld.*|CommandCenter.*|Home.*|NotFound.*|Search.*|TestAccPage.*) continue ;;
+        *) SCAN_FILES+=("$f") ;;
+      esac
+    done < <(find "$dir" -maxdepth 1 \( -name "*.jsx" -o -name "*.tsx" \) | sort)
+  fi
+done
+
+if [ ${#SCAN_FILES[@]} -eq 0 ]; then
+  yellow "No dashboard files found to scan"
+  echo ""
+  exit 0
+fi
+
+echo "── Scanning ${#SCAN_FILES[@]} files ──"
+printf "   %s\n" "${SCAN_FILES[@]}"
+echo ""
+
+# ── 3. Check for hand-rolled HTML cards ──────────────────────────────────────
+
+echo "── Hand-rolled HTML (should use library components) ──"
+
+for f in "${SCAN_FILES[@]}"; do
+  base=$(basename "$f")
+
+  # Pattern: bg-white ... border ... rounded ... shadow — classic hand-rolled card
+  count=$(grep -cE 'bg-white.*border.*rounded|bg-white.*rounded.*shadow|rounded-\[10px\].*shadow' "$f" 2>/dev/null || true)
+  if [ "$count" -gt 0 ]; then
+    red "$base: $count hand-rolled card(s) (bg-white border rounded shadow — use MetricCard/ListCard/WidgetCard/etc.)"
+    ERRORS=$((ERRORS + count))
+  fi
+
+  # Pattern: raw <table> element
+  count=$(grep -cE '<table\b' "$f" 2>/dev/null || true)
+  if [ "$count" -gt 0 ]; then
+    red "$base: $count raw <table> element(s) — use TableCard from library"
+    ERRORS=$((ERRORS + count))
+  fi
+
+  # Pattern: raw <svg> element (hand-rolled charts)
+  count=$(grep -cE '<svg\b' "$f" 2>/dev/null || true)
+  if [ "$count" -gt 0 ]; then
+    red "$base: $count raw <svg> element(s) — use ChartCard + D3Chart or GeoMap"
+    ERRORS=$((ERRORS + count))
+  fi
+done
+echo ""
+
+# ── 4. Check for navigation inside dashboard ─────────────────────────────────
+
+echo "── Dashboard navigation (should not exist) ──"
+
+for f in "${SCAN_FILES[@]}"; do
+  base=$(basename "$f")
+
+  count=$(grep -cE '<nav\b' "$f" 2>/dev/null || true)
+  if [ "$count" -gt 0 ]; then
+    red "$base: $count <nav> element(s) inside dashboard — navigation is handled by appLayout.tsx"
+    ERRORS=$((ERRORS + count))
+  fi
+
+  # Pattern: sticky tab bar acting as navigation
+  if grep -qE 'sticky.*top-0|activeTab|setActiveTab' "$f" 2>/dev/null; then
+    if grep -qE "tab.*\.map|tabs\.map|Tab.*onClick" "$f" 2>/dev/null; then
+      red "$base: multi-tab layout detected — build a single scrollable page, not tab-swapped content"
+      ERRORS=$((ERRORS + 1))
+    fi
+  fi
+done
+echo ""
+
+# ── 4b. Check for wrong D3Chart API usage ────────────────────────────────────
+
+echo "── D3Chart API (must use renderChart, not template) ──"
+
+for f in "${SCAN_FILES[@]}"; do
+  base=$(basename "$f")
+
+  count=$(grep -cE 'template=\{D3ChartTemplates' "$f" 2>/dev/null || true)
+  if [ "$count" -gt 0 ]; then
+    red "$base: $count use(s) of template={D3ChartTemplates...} — use renderChart={D3ChartTemplates.lineChart} instead"
+    ERRORS=$((ERRORS + count))
+  fi
+
+  count=$(grep -cE 'D3ChartTemplates\.(LINE|BAR|DONUT|AREA|PIE)' "$f" 2>/dev/null || true)
+  if [ "$count" -gt 0 ]; then
+    red "$base: $count use(s) of non-existent template (LINE/BAR/DONUT/AREA) — only .lineChart and .groupedBarChart exist"
+    ERRORS=$((ERRORS + count))
+  fi
+done
+echo ""
+
+# ── 5. Check for forbidden colors ────────────────────────────────────────────
+
+echo "── Forbidden colors (use slate scale instead) ──"
+
+for f in "${SCAN_FILES[@]}"; do
+  base=$(basename "$f")
+
+  for pattern in 'text-black' 'text-white' 'bg-black'; do
+    count=$(grep -cF "$pattern" "$f" 2>/dev/null || true)
+    if [ "$count" -gt 0 ]; then
+      red "$base: $count use(s) of '$pattern' — use slate scale (text-slate-900, text-slate-50, bg-slate-900)"
+      ERRORS=$((ERRORS + count))
+    fi
+  done
+done
+echo ""
+
+# ── 6. Check for inline styles ───────────────────────────────────────────────
+
+echo "── Inline styles ──"
+
+for f in "${SCAN_FILES[@]}"; do
+  base=$(basename "$f")
+
+  count=$(grep -cE 'style=\{\{' "$f" 2>/dev/null || true)
+  if [ "$count" -gt 0 ]; then
+    red "$base: $count inline style={{}} — use Tailwind classes or global.css"
+    ERRORS=$((ERRORS + count))
+  fi
+
+  count=$(grep -cE '<style>' "$f" 2>/dev/null || true)
+  if [ "$count" -gt 0 ]; then
+    red "$base: $count <style> tag(s) — use Tailwind classes or global.css"
+    ERRORS=$((ERRORS + count))
+  fi
+done
+echo ""
+
+# ── 7. Check for missing useDataSource ────────────────────────────────────────
+
+echo "── Data mode (should use useDataSource) ──"
+
+for f in "${SCAN_FILES[@]}"; do
+  base=$(basename "$f")
+
+  if ! grep -qE 'useDataSource|useDataMode' "$f" 2>/dev/null; then
+    yellow "$base: no useDataSource/useDataMode — data may not support sample/live switching"
+    WARNINGS=$((WARNINGS + 1))
+  fi
+done
+echo ""
+
+# ── 8. Check for more than 4 metrics in one grid row ─────────────────────────
+
+echo "── Grid layout (max 4 per row) ──"
+
+for f in "${SCAN_FILES[@]}"; do
+  base=$(basename "$f")
+
+  count=$(grep -cE 'grid-cols-[5-9]|grid-cols-1[0-9]' "$f" 2>/dev/null || true)
+  if [ "$count" -gt 0 ]; then
+    red "$base: $count grid(s) with 5+ columns — max 4 MetricCards per row"
+    ERRORS=$((ERRORS + count))
+  fi
+done
+echo ""
+
+# ── 9. Check for fixed position without createPortal ─────────────────────────
+
+echo "── Portals (fixed position needs createPortal) ──"
+
+for f in "${SCAN_FILES[@]}"; do
+  base=$(basename "$f")
+
+  if grep -qE '\bfixed\b' "$f" 2>/dev/null; then
+    if ! grep -qE 'createPortal' "$f" 2>/dev/null; then
+      red "$base: uses 'fixed' positioning without createPortal"
+      ERRORS=$((ERRORS + 1))
+    fi
+  fi
+done
+echo ""
+
+# ── 10. Check file extensions ─────────────────────────────────────────────────
+
+echo "── File extensions (dashboard pages should be .jsx) ──"
+
+for f in "${SCAN_FILES[@]}"; do
+  base=$(basename "$f")
+
+  if [[ "$f" == *.tsx ]] && [[ "$f" == *components/pages* || "$f" == *components/travel* ]]; then
+    yellow "$base: dashboard component uses .tsx — convention is .jsx"
+    WARNINGS=$((WARNINGS + 1))
+  fi
+done
+echo ""
+
+# ── 11. Check for shadcn/Lucide imports in dashboard ─────────────────────────
+
+echo "── Wrong imports (no shadcn/Lucide in command center) ──"
+
+for f in "${SCAN_FILES[@]}"; do
+  base=$(basename "$f")
+
+  if grep -qE "from ['\"].*components/ui/" "$f" 2>/dev/null; then
+    red "$base: imports from shadcn (components/ui/) — use library components only"
+    ERRORS=$((ERRORS + 1))
+  fi
+
+  if grep -qE "from ['\"]lucide-react['\"]" "$f" 2>/dev/null; then
+    red "$base: imports Lucide icons — use Heroicons in command center"
+    ERRORS=$((ERRORS + 1))
+  fi
+done
+echo ""
+
+# ── 12. Check for space-y-6 wrapper ──────────────────────────────────────────
+
+echo "── Section spacing ──"
+
+for f in "${SCAN_FILES[@]}"; do
+  base=$(basename "$f")
+
+  if ! grep -qE 'space-y-6' "$f" 2>/dev/null; then
+    yellow "$base: no space-y-6 wrapper found — use <div className=\"space-y-6\"> for section spacing"
+    WARNINGS=$((WARNINGS + 1))
+  fi
+done
+echo ""
+
+# ── Summary ───────────────────────────────────────────────────────────────────
+
+echo "╔════════════════════════════════════════════════╗"
+if [ "$ERRORS" -eq 0 ] && [ "$WARNINGS" -eq 0 ]; then
+  echo "║   ✓ All checks passed!                         ║"
+elif [ "$ERRORS" -eq 0 ]; then
+  echo "║   ⚠ $WARNINGS warning(s), 0 errors                ║"
+else
+  printf "║   ✗ %-3d error(s), %-3d warning(s)                ║\n" "$ERRORS" "$WARNINGS"
+fi
+echo "╚════════════════════════════════════════════════╝"
+echo ""
+
+if [ "$ERRORS" -gt 0 ]; then
+  echo "Fix all errors before the dashboard is considered complete."
+  exit 1
+fi