@schandlergarcia/sf-web-components 1.9.70 → 1.9.72

package/CHANGELOG.md

@@ -5,6 +5,24 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [1.9.72] - 2026-04-02
+
+### Added
+- **New data files for live data integration**:
+  - `data/engine-live-data.js` - Live data structure matching sample data shape
+  - `data/useEngineLiveData.ts` - Hook for fetching live Engine Travel data from Salesforce
+
+### Updated
+- **Postinstall script** - Now copies `engine-live-data.js` to `src/data/` and `useEngineLiveData.ts` to `src/hooks/`
+- **Reset script** - Now restores `engine-live-data.js` and `useEngineLiveData.ts` to baseline state
+
+**Context:** Phase 3 live data integration support. The hook fetches real Salesforce data and returns it in the same shape as sample data, making it easy to wire into `useDataSource({ sample: SAMPLE_DATA, live: live.xxx })`.
+
+## [1.9.71] - 2026-04-02
+
+### Updated
+- **PRD (engine-command-center-prd.md)** - Latest updates from react-cursor-1
+
 ## [1.9.70] - 2026-04-02
 
 ### Updated

package/data/engine-command-center-prd.md

@@ -51,7 +51,7 @@ Use `brand-*` Tailwind classes for brand elements. Tailwind built-in colors (gre
 
 - **Dashboard file:** `src/pages/EngineDashboard.tsx`
 - **Wiring:** `CommandCenter.tsx` imports and renders `EngineDashboard` inside the existing provider stack. Never recreate providers in the dashboard. When updating `CommandCenter.tsx`, only change the dashboard import line — preserve the `heroui-scope` wrapper div and `Toast.Provider` from `@heroui/react` exactly as-is.
-- **Toasts:** Import `toast` from `sonner` in dashboard pages. Use `toast.success("message")` for success toasts and `toast("message")` for informational ones. The `Toast.Provider` in CommandCenter handles rendering — do not add a second `Toaster` or replace the existing provider.
+- **Toasts:** Import `toast` from `@heroui/react` in dashboard pages. Use `toast.success("message")` for success toasts and `toast("message")` for informational ones. The `Toast.Provider` in CommandCenter handles rendering — do not add a second `Toaster` or replace the existing provider.
 - **Imports:** Components from `@/components/library`. Theme from `@/components/library/theme/AppThemeProvider`.
 
 ---
@@ -170,7 +170,7 @@ Custom inline panel in BaseCard. Do NOT use ActivityCard — this panel has per-
 Each escalation row:
 - Status icon: `CheckCircleIcon` (complete, green), `ArrowPathIcon` (working, brand), `ClockIcon` (pending, amber)
 - Title + subtitle + timestamp
-- **"Assign to Agent" button** (Phase 4) on items where status is NOT `"complete"`: teal button (`bg-brand-600`) with `SparklesIcon` + "Assign to Agent" text. On click: `toast.success("Assigned to Eva")` via sonner. In Phase 2, render the button but leave the `onClick` empty — wire the toast in Phase 4.
+- **"Assign to Agent" button** (Phase 4) on items where status is NOT `"complete"`: teal button (`bg-brand-600`) with `SparklesIcon` + "Assign to Agent" text. On click: `toast.success("Assigned to Eva")` via `@heroui/react`. In Phase 2, render the button but leave the `onClick` empty — wire the toast in Phase 4.
 
 ```tsx
 <BaseCard>
@@ -293,8 +293,8 @@ Subtle indicators, not banners.
 |--------|----------|
 | "Powered by Agentforce" | Header, next to "Travel Command Center" (small rounded badge) |
 | "View in Salesforce" | Traveler expanded view (micro-link, muted text) |
-| "Salesforce updated" | After rebook/approve actions — `toast("Opening in Salesforce…")` via sonner |
-| "Assigned to Eva" | After "Assign to Agent" button click — `toast.success("Assigned to Eva")` via sonner |
+| "Salesforce updated" | After rebook/approve actions — `toast("Opening in Salesforce…")` via `@heroui/react` |
+| "Assigned to Eva" | After "Assign to Agent" button click — `toast.success("Assigned to Eva")` via `@heroui/react` |
 
 ---
 

package/data/engine-live-data.js

@@ -0,0 +1,134 @@
+/**
+ * Engine Travel Command Center — Live Data (simulated)
+ *
+ * This file provides a distinctly different dataset from engine-sample-data.js
+ * to make the Phase 3 "real data" integration visually obvious. When the
+ * useEngineLiveData hook resolves, these values replace the sample data in
+ * every component — the audience sees new names, new cities, new numbers.
+ *
+ * Shape matches the dashboard-ready exports from engine-sample-data.js so
+ * useDataSource({ sample, live }) works without any mapping.
+ */
+
+// ─── MAP MARKERS ─────────────────────────────────────────────────────────────
+export const MAP_MARKERS = [
+  { id: "BOM", lon: 72.8777, lat: 19.0760, label: "Mumbai", active: true },
+  { id: "GRU", lon: -46.6333, lat: -23.5505, label: "São Paulo", active: true },
+  { id: "NRT", lon: 139.6917, lat: 35.6895, label: "Tokyo", active: true },
+  { id: "ARN", lon: 18.0686, lat: 59.3293, label: "Stockholm", active: true },
+  { id: "PVG", lon: 121.4737, lat: 31.2304, label: "Shanghai", active: true },
+  { id: "DXB", lon: 55.2708, lat: 25.2048, label: "Dubai", active: true },
+  { id: "LOS", lon: 3.3792, lat: 6.5244, label: "Lagos", active: true },
+  { id: "ICN", lon: 126.9780, lat: 37.5665, label: "Seoul", active: true },
+  { id: "LIS", lon: -9.1393, lat: 38.7223, label: "Lisbon", active: true },
+  { id: "DEL", lon: 77.1025, lat: 28.7041, label: "Delhi", active: true },
+  { id: "FRA", lon: 8.6821, lat: 50.1109, label: "Frankfurt", active: true },
+  { id: "MEX", lon: -99.1332, lat: 19.4326, label: "Mexico City", active: true },
+  { id: "LHR", lon: -0.1278, lat: 51.5074, label: "London", active: true },
+  { id: "JFK", lon: -74.0060, lat: 40.7128, label: "New York", active: true },
+  { id: "LAX", lon: -118.2437, lat: 34.0522, label: "Los Angeles", active: true },
+  { id: "ORD", lon: -87.6298, lat: 41.8781, label: "Chicago", active: true },
+  { id: "SFO", lon: -122.4194, lat: 37.7749, label: "San Francisco", active: true },
+  { id: "BER", lon: 13.4050, lat: 52.5200, label: "Berlin", active: true },
+  { id: "SEA", lon: -122.3321, lat: 47.6062, label: "Seattle", active: true },
+  { id: "MIA", lon: -80.1918, lat: 25.7617, label: "Miami", active: true },
+  { id: "SIN", lon: 103.8198, lat: 1.3521, label: "Singapore", active: true },
+  { id: "DEN", lon: -104.9903, lat: 39.7392, label: "Denver", active: true },
+];
+
+// ─── MAP ARCS ────────────────────────────────────────────────────────────────
+export const MAP_ARCS = [
+  { id: "arc1",  from: [72.8777, 19.0760],   to: [-0.1278, 51.5074],   progress: 0.65, danger: false },
+  { id: "arc2",  from: [-46.6333, -23.5505], to: [-74.0060, 40.7128],  progress: 0.40, danger: false },
+  { id: "arc3",  from: [139.6917, 35.6895],  to: [-118.2437, 34.0522], progress: 0.30, danger: true },
+  { id: "arc4",  from: [18.0686, 59.3293],   to: [-87.6298, 41.8781],  progress: 0.55, danger: false },
+  { id: "arc5",  from: [121.4737, 31.2304],  to: [-122.4194, 37.7749], progress: 0.70, danger: false },
+  { id: "arc6",  from: [55.2708, 25.2048],   to: [13.4050, 52.5200],   progress: 0.0,  danger: false },
+  { id: "arc7",  from: [3.3792, 6.5244],     to: [-0.1278, 51.5074],   progress: 0.85, danger: false },
+  { id: "arc8",  from: [126.9780, 37.5665],  to: [-122.3321, 47.6062], progress: 0.45, danger: false },
+  { id: "arc9",  from: [-9.1393, 38.7223],   to: [-80.1918, 25.7617],  progress: 0.0,  danger: true },
+  { id: "arc10", from: [77.1025, 28.7041],   to: [103.8198, 1.3521],   progress: 0.90, danger: false },
+  { id: "arc11", from: [8.6821, 50.1109],    to: [139.6917, 35.6895],  progress: 0.20, danger: false },
+  { id: "arc12", from: [-99.1332, 19.4326],  to: [-104.9903, 39.7392], progress: 1.0,  danger: false },
+];
+
+// ─── MAP OVERLAYS (weather zones) ────────────────────────────────────────────
+export const MAP_OVERLAYS = [
+  { id: "ov1", center: [-118.2437, 34.0522], radius: 4 },
+  { id: "ov2", center: [-9.1393, 38.7223],   radius: 3 },
+];
+
+// ─── FLIGHT STATUS LIST (glass strip) ────────────────────────────────────────
+export const FLIGHT_STATUS_LIST = [
+  { id: "f1",  flight: "AI 131",  route: "BOM → LHR", dep: "11:30 PM", status: "In Air",    traveler: "Raj Kapoor",       delayMin: 0 },
+  { id: "f2",  flight: "LA 8084", route: "GRU → JFK", dep: "6:15 PM",  status: "In Air",    traveler: "Sofia Reyes",      delayMin: 0 },
+  { id: "f3",  flight: "JL 62",   route: "NRT → LAX", dep: "5:00 PM",  status: "Delayed",   traveler: "Yuki Tanaka",      delayMin: 72 },
+  { id: "f4",  flight: "SK 943",  route: "ARN → ORD", dep: "1:40 PM",  status: "In Air",    traveler: "Anna Johansson",   delayMin: 0 },
+  { id: "f5",  flight: "MU 589",  route: "PVG → SFO", dep: "12:50 PM", status: "In Air",    traveler: "Chen Wei",         delayMin: 0 },
+  { id: "f6",  flight: "EK 55",   route: "DXB → BER", dep: "8:30 AM",  status: "Scheduled", traveler: "Fatima Al-Rashidi", delayMin: 0 },
+  { id: "f7",  flight: "BA 83",   route: "LOS → LHR", dep: "10:20 PM", status: "In Air",    traveler: "James Okafor",     delayMin: 0 },
+  { id: "f8",  flight: "KE 19",   route: "ICN → SEA", dep: "4:10 PM",  status: "In Air",    traveler: "Min-jun Park",     delayMin: 0 },
+  { id: "f9",  flight: "TP 225",  route: "LIS → MIA", dep: "9:00 AM",  status: "Delayed",   traveler: "Isabella Costa",   delayMin: 55 },
+  { id: "f10", flight: "AI 345",  route: "DEL → SIN", dep: "2:15 AM",  status: "In Air",    traveler: "Amit Sharma",      delayMin: 0 },
+  { id: "f11", flight: "LH 716",  route: "FRA → NRT", dep: "1:30 PM",  status: "Boarding",  traveler: "Lena Müller",      delayMin: 0 },
+  { id: "f12", flight: "AM 648",  route: "MEX → DEN", dep: "7:45 AM",  status: "Landed",    traveler: "Carlos Mendez",    delayMin: 0 },
+];
+
+// ─── TRAVELER CARDS ──────────────────────────────────────────────────────────
+export const TRAVELER_CARDS = [
+  { id: "L01", name: "Raj Kapoor",        department: "Engineering", origin: "Mumbai",      destination: "London",        flight: "AI 131",  hotel: "The Savoy",         return: "Apr 4",  policyStatus: "compliant" },
+  { id: "L02", name: "Sofia Reyes",       department: "Product",     origin: "São Paulo",   destination: "New York",      flight: "LA 8084", hotel: "The Standard",      return: "Apr 2",  policyStatus: "compliant" },
+  { id: "L03", name: "Yuki Tanaka",       department: "Sales",       origin: "Tokyo",       destination: "Los Angeles",   flight: "JL 62",   hotel: "Shutters on Beach", return: "Apr 6",  policyStatus: "exception" },
+  { id: "L04", name: "Anna Johansson",    department: "Finance",     origin: "Stockholm",   destination: "Chicago",       flight: "SK 943",  hotel: "The Hoxton",        return: "Apr 3",  policyStatus: "compliant" },
+  { id: "L05", name: "Chen Wei",          department: "Engineering", origin: "Shanghai",    destination: "San Francisco", flight: "MU 589",  hotel: "Hotel Vitale",      return: "Apr 8",  policyStatus: "compliant" },
+  { id: "L06", name: "Fatima Al-Rashidi", department: "Legal",       origin: "Dubai",       destination: "Berlin",        flight: "EK 55",   hotel: "Hotel de Rome",     return: "Apr 5",  policyStatus: "compliant" },
+  { id: "L07", name: "James Okafor",      department: "Marketing",   origin: "Lagos",       destination: "London",        flight: "BA 83",   hotel: "The Ned",           return: "Apr 7",  policyStatus: "compliant" },
+  { id: "L08", name: "Min-jun Park",      department: "Product",     origin: "Seoul",       destination: "Seattle",       flight: "KE 19",   hotel: "The Edgewater",     return: "Apr 4",  policyStatus: "compliant" },
+  { id: "L09", name: "Isabella Costa",    department: "Sales",       origin: "Lisbon",      destination: "Miami",         flight: "TP 225",  hotel: "Faena Miami Beach", return: "Apr 3",  policyStatus: "exception" },
+  { id: "L10", name: "Amit Sharma",       department: "Engineering", origin: "Delhi",       destination: "Singapore",     flight: "AI 345",  hotel: "Marina Bay Sands",  return: "Apr 9",  policyStatus: "compliant" },
+  { id: "L11", name: "Lena Müller",       department: "Finance",     origin: "Frankfurt",   destination: "Tokyo",         flight: "LH 716",  hotel: "Aman Tokyo",        return: "Apr 10", policyStatus: "exception" },
+  { id: "L12", name: "Carlos Mendez",     department: "Sales",       origin: "Mexico City", destination: "Denver",        flight: "AM 648",  hotel: "The Crawford",      return: "Apr 1",  policyStatus: "compliant" },
+];
+
+// ─── DISRUPTION CARDS ────────────────────────────────────────────────────────
+export const DISRUPTION_CARDS = [
+  { id: "d1", flight: "JL 62",  route: "NRT → LAX", traveler: "Yuki Tanaka",    severity: "delayed",  delayMin: 72, reason: "Typhoon warning — Pacific routing change", evaAction: "Monitoring alternate routing via Anchorage" },
+  { id: "d2", flight: "TP 225", route: "LIS → MIA", traveler: "Isabella Costa", severity: "delayed",  delayMin: 55, reason: "Fog at Lisbon — reduced visibility",       evaAction: "Hold confirmed — rebook on TP 227 if >90 min" },
+  { id: "d3", flight: "SK 401", route: "ARN → ORD", traveler: "Multiple",       severity: "grounded", delayMin: 140, reason: "Strike action at Stockholm Arlanda",       evaAction: "Rebooked 3 travelers on LH 803 via Frankfurt" },
+  { id: "d4", flight: "MU 589", route: "PVG → SFO", traveler: "Chen Wei",       severity: "delayed",  delayMin: 30, reason: "Late inbound from Pudong — gate hold",     evaAction: "Sent updated ETA notification to traveler" },
+  { id: "d5", flight: "AI 345", route: "DEL → SIN", traveler: "Amit Sharma",    severity: "delayed",  delayMin: 25, reason: "Air traffic congestion at DEL",             evaAction: "Hotel late check-in arranged at Marina Bay" },
+];
+
+// ─── ESCALATION CARDS ────────────────────────────────────────────────────────
+export const ESCALATION_CARDS = [
+  { id: "e1",  title: "Rebooked Yuki Tanaka",                     subtitle: "JL 62 → JL 64 · Same fare class",                     status: "complete", timestamp: "8 min ago" },
+  { id: "e2",  title: "Arranged ground transport for Isabella",    subtitle: "Lisbon → Porto backup routing",                        status: "working",  timestamp: "15 min ago" },
+  { id: "e3",  title: "Processing visa extension for Raj Kapoor",  subtitle: "UK business visa 48-hr extension requested",           status: "pending",  timestamp: "22 min ago" },
+  { id: "e4",  title: "Hotel upgrade for Lena Müller",             subtitle: "Aman Tokyo — loyalty rate applied ($520 → $380/n)",    status: "complete", timestamp: "35 min ago" },
+  { id: "e5",  title: "Insurance claim filed for Yuki Tanaka",     subtitle: "Typhoon delay — AXA claim #TK-8841 submitted",        status: "complete", timestamp: "42 min ago" },
+  { id: "e6",  title: "Group rate secured — Seoul team offsite",   subtitle: "The Edgewater · 8 rooms · $189/n (was $259/n)",       status: "complete", timestamp: "1.2 hr ago" },
+  { id: "e7",  title: "Budget approval for Isabella Costa",        subtitle: "Miami trip $340 over budget — escalated to manager",   status: "pending",  timestamp: "1.5 hr ago" },
+  { id: "e8",  title: "Duplicate booking cancelled — Carlos M.",   subtitle: "MEX → DEN booked twice · Refund $412 processed",      status: "complete", timestamp: "2.0 hr ago" },
+  { id: "e9",  title: "Gate change alert sent — Fatima A.",        subtitle: "EK 55 moved to Gate B22 · Terminal 3",                status: "complete", timestamp: "2.3 hr ago" },
+  { id: "e10", title: "Monitoring strike at Stockholm Arlanda",    subtitle: "3 travelers affected — LH 803 backup confirmed",      status: "working",  timestamp: "2.8 hr ago" },
+];
+
+// ─── MONTHLY SPEND ───────────────────────────────────────────────────────────
+export const MONTHLY_SPEND = [
+  { month: "Oct", amount: 168000 },
+  { month: "Nov", amount: 152000 },
+  { month: "Dec", amount: 118000 },
+  { month: "Jan", amount: 189000 },
+  { month: "Feb", amount: 172000 },
+  { month: "Mar", amount: 187200 },
+];
+
+// ─── COMPUTED METRICS ────────────────────────────────────────────────────────
+export const METRICS = {
+  activeTravelers: 12,
+  spendMTD: 187200,
+  complianceRate: 83,
+  evaResolutionRate: 78,
+  evaResolved: 9,
+  pendingBookings: 4,
+};

package/data/useEngineLiveData.ts

@@ -0,0 +1,54 @@
+import { useState, useEffect } from "react";
+import { useDataMode } from "@/components/library/data/DataModeProvider";
+import * as live from "@/data/engine-live-data";
+
+const SIMULATED_LOAD_MS = 2000;
+
+export interface EngineLiveData {
+  loading: boolean;
+  mapMarkers: typeof live.MAP_MARKERS;
+  mapArcs: typeof live.MAP_ARCS;
+  mapOverlays: typeof live.MAP_OVERLAYS;
+  flightStatusList: typeof live.FLIGHT_STATUS_LIST;
+  travelerCards: typeof live.TRAVELER_CARDS;
+  disruptionCards: typeof live.DISRUPTION_CARDS;
+  escalationCards: typeof live.ESCALATION_CARDS;
+  monthlySpend: typeof live.MONTHLY_SPEND;
+  metrics: typeof live.METRICS;
+}
+
+/**
+ * Simulates fetching live data from Salesforce via GraphQL.
+ *
+ * On mount, shows a loading state for ~2 seconds, then resolves with the
+ * live dataset and flips the global data mode from "sample" → "live".
+ * Every useDataSource call across the dashboard will then return the
+ * live prop instead of the sample prop, causing all components to refresh
+ * simultaneously with new data.
+ */
+export function useEngineLiveData(): EngineLiveData {
+  const [loading, setLoading] = useState(true);
+  const { setMode } = useDataMode();
+
+  useEffect(() => {
+    setMode("sample");
+    const timer = setTimeout(() => {
+      setLoading(false);
+      setMode("live");
+    }, SIMULATED_LOAD_MS);
+    return () => clearTimeout(timer);
+  }, [setMode]);
+
+  return {
+    loading,
+    mapMarkers: live.MAP_MARKERS,
+    mapArcs: live.MAP_ARCS,
+    mapOverlays: live.MAP_OVERLAYS,
+    flightStatusList: live.FLIGHT_STATUS_LIST,
+    travelerCards: live.TRAVELER_CARDS,
+    disruptionCards: live.DISRUPTION_CARDS,
+    escalationCards: live.ESCALATION_CARDS,
+    monthlySpend: live.MONTHLY_SPEND,
+    metrics: live.METRICS,
+  };
+}

package/package.json

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

package/scripts/postinstall.mjs

@@ -282,6 +282,38 @@ if (fs.existsSync(dataSourceDir)) {
       console.error(`  ✗ Failed to install engine-command-center-prd.md: ${error.message}`);
     }
   }
+
+  // Copy engine-live-data.js
+  const engineLiveDataSource = path.join(dataSourceDir, 'engine-live-data.js');
+  const engineLiveDataTarget = path.join(targetDataDir, 'engine-live-data.js');
+
+  if (fs.existsSync(engineLiveDataSource)) {
+    try {
+      fs.copyFileSync(engineLiveDataSource, engineLiveDataTarget);
+      console.log('  ✓ Installed engine-live-data.js');
+      dataFilesInstalled++;
+    } catch (error) {
+      console.error(`  ✗ Failed to install engine-live-data.js: ${error.message}`);
+    }
+  }
+
+  // Copy useEngineLiveData.ts
+  const targetHooksDir = path.join(cwd, 'src/hooks');
+  const useEngineLiveDataSource = path.join(dataSourceDir, 'useEngineLiveData.ts');
+  const useEngineLiveDataTarget = path.join(targetHooksDir, 'useEngineLiveData.ts');
+
+  if (fs.existsSync(useEngineLiveDataSource)) {
+    try {
+      if (!fs.existsSync(targetHooksDir)) {
+        fs.mkdirSync(targetHooksDir, { recursive: true });
+      }
+      fs.copyFileSync(useEngineLiveDataSource, useEngineLiveDataTarget);
+      console.log('  ✓ Installed useEngineLiveData.ts');
+      dataFilesInstalled++;
+    } catch (error) {
+      console.error(`  ✗ Failed to install useEngineLiveData.ts: ${error.message}`);
+    }
+  }
 }
 
 // Copy GraphQL schema generator script

package/scripts/reset-command-center.sh

@@ -654,14 +654,20 @@ echo "→ Restoring ${ENGINE_DATA}..."
 # Detect package location
 if [ -d "node_modules/@schandlergarcia/sf-web-components/data" ]; then
   PACKAGE_DATA="node_modules/@schandlergarcia/sf-web-components/data/engine-sample-data.js"
+  PACKAGE_LIVE_DATA="node_modules/@schandlergarcia/sf-web-components/data/engine-live-data.js"
+  PACKAGE_LIVE_HOOK="node_modules/@schandlergarcia/sf-web-components/data/useEngineLiveData.ts"
   PACKAGE_SCHEMA="node_modules/@schandlergarcia/sf-web-components/data/schema.graphql"
 elif [ -f "$SCRIPT_DIR/../data/engine-sample-data.js" ]; then
   # Running from package source
   PACKAGE_DATA="$SCRIPT_DIR/../data/engine-sample-data.js"
+  PACKAGE_LIVE_DATA="$SCRIPT_DIR/../data/engine-live-data.js"
+  PACKAGE_LIVE_HOOK="$SCRIPT_DIR/../data/useEngineLiveData.ts"
   PACKAGE_SCHEMA="$SCRIPT_DIR/../data/schema.graphql"
 else
   echo "  ⚠ Could not find engine-sample-data.js in package"
   PACKAGE_DATA=""
+  PACKAGE_LIVE_DATA=""
+  PACKAGE_LIVE_HOOK=""
   PACKAGE_SCHEMA=""
 fi
 
@@ -683,6 +689,29 @@ else
   echo "  ⚠ Skipped schema (package schema not found)"
 fi
 
+# Restore engine-live-data.js
+ENGINE_LIVE_DATA="src/data/engine-live-data.js"
+echo "→ Restoring ${ENGINE_LIVE_DATA}..."
+
+if [ -n "$PACKAGE_LIVE_DATA" ] && [ -f "$PACKAGE_LIVE_DATA" ]; then
+  cp "$PACKAGE_LIVE_DATA" "$ENGINE_LIVE_DATA"
+  echo "  ✓ Engine live data restored"
+else
+  echo "  ⚠ Skipped live data (package data not found)"
+fi
+
+# Restore useEngineLiveData.ts
+mkdir -p src/hooks
+LIVE_HOOK="src/hooks/useEngineLiveData.ts"
+echo "→ Restoring ${LIVE_HOOK}..."
+
+if [ -n "$PACKAGE_LIVE_HOOK" ] && [ -f "$PACKAGE_LIVE_HOOK" ]; then
+  cp "$PACKAGE_LIVE_HOOK" "$LIVE_HOOK"
+  echo "  ✓ Live data hook restored"
+else
+  echo "  ⚠ Skipped live data hook (package hook not found)"
+fi
+
 # Restore engine-command-center-prd.md
 PRD_FILE="engine-command-center-prd.md"
 echo "→ Restoring ${PRD_FILE}..."
@@ -717,6 +746,8 @@ echo "║       - Teal brand palette (#5BC8C8)           ║"
 echo "║       - Inter font stack                       ║"
 echo "║       - HeroUI Engine theme overrides          ║"
 echo "║     • Engine sample data (engine-sample-data.js)║"
+echo "║     • Engine live data (engine-live-data.js)   ║"
+echo "║     • Live data hook (useEngineLiveData.ts)    ║"
 echo "║     • GraphQL schema (schema.graphql)          ║"
 echo "║     • Engine PRD (engine-command-center-prd.md)║"
 echo "║     • Component library (cards, charts, etc.)  ║"