@schandlergarcia/sf-web-components 1.9.72 → 1.9.74

package/.a4drules/skills/command-center-builder/SKILL.md

@@ -104,7 +104,7 @@ No `<nav>`, header bar, tab bar, or content-swapping via `useState("activeTab")`
 
 - Dashboard page files: `src/pages/` (e.g. `EngineDashboard.tsx`, `FleetDashboard.tsx`) — **NOT** `src/components/pages/`
 - File format: `.tsx` (MUST be TypeScript) — this is a TypeScript project, all React components use `.tsx`, NEVER `.jsx`.
-- `CommandCenter.tsx` wraps with `heroui-scope` div + `AppThemeProvider` + `DataModeProvider` + `Toast.Provider` from `@heroui/react`. **Never recreate these providers in dashboard pages.** When wiring a new dashboard, only change the import — preserve the `heroui-scope` wrapper and `Toast.Provider` exactly as-is. For toasts inside dashboards, use `toast` from `sonner` (not `addToast` from HeroUI).
+- `CommandCenter.tsx` wraps with `heroui-scope` div + `AppThemeProvider` + `DataModeProvider` + `Toast.Provider` from `@heroui/react`. **Never recreate these providers in dashboard pages.** When wiring a new dashboard, only change the import — preserve the `heroui-scope` wrapper and `Toast.Provider` exactly as-is. For toasts inside dashboards, import `toast` from `@heroui/react` (or `@/components/library`) — NOT from `sonner`.
 
 ### Wiring a new dashboard (REQUIRED STEPS)
 
@@ -321,6 +321,7 @@ Three layers: `filterUtils.js` (pure) → `usePageFilters` hook (state) → `Fil
 - Same layout for both modes — only data changes.
 - Sample data: 10–50 items, realistic, deterministic (no `Math.random()`).
 - Define sample data as constants outside the component body.
+- **Live data simulation:** When GraphQL is unavailable, use a separate live data file (`engine-live-data.js`) with a visibly different dataset. Create a hook that simulates async loading via `setTimeout`, then calls `setMode("live")` to flip all `useDataSource` calls at once. This makes the data transition visible — components refresh with new values after a loading period.
 
 ```jsx
 // ✅ Correct: data defined outside, selected by mode
@@ -490,7 +491,7 @@ Before finishing a dashboard page, verify ALL of these:
 
 ## Post-Completion Verification
 
-**DO NOT run `npm run validate:dashboard`, `npm run dev`, `npm run build`, or `tsc` during builds.** These waste time and are not required for phase completion.
+**DO NOT run `npm run validate:dashboard`, `npm run dev`, `npm run build`, or `tsc` during builds.** These waste time and are not required for completion.
 
 Instead, verify correctness by reviewing the code against the Pre-Completion Checklist above. Confirm that all three wiring files are updated (CommandCenter.tsx, Home.tsx, routes.tsx).
 
@@ -504,8 +505,42 @@ Instead, verify correctness by reviewing the code against the Pre-Completion Che
 - Passing D3Chart as children to ChartCard — use `chart={<D3Chart ... />}` prop
 - Adding `<nav>` or tab-swapping (`useState("activeTab")`) inside dashboards
 - Recreating providers — `CommandCenter.tsx` already provides them. Do not replace `Toast.Provider` with `Toaster` from sonner, and do not remove the `heroui-scope` div
-- Using `addToast` from `@heroui/react` — use `toast` / `toast.success` from `sonner` instead
+- Importing `toast` from `sonner` — use `toast` / `toast.success` from `@heroui/react` (or `@/components/library`) instead. The `Toast.Provider` is HeroUI's, so only HeroUI's `toast` renders through it
 - Using `text-black`, `text-white`, `bg-black` — use slate scale
 - Hardcoded data without `useDataSource` — always support sample/live switching
 - `position: fixed` without `createPortal`
 - `Math.random()` in sample data
+
+## Salesforce Metadata Patterns
+
+This is an SFDX project (`force-app/main/default/`). When the build requires metadata changes — permission sets, custom fields, flows, record types — write standard SFDX XML files and deploy with the Salesforce CLI.
+
+### File locations
+
+| Metadata type | Path pattern |
+|---|---|
+| Permission Set | `force-app/main/default/permissionsets/{Name}.permissionset-meta.xml` |
+| Custom Field | `force-app/main/default/objects/{Object}/fields/{Field}.field-meta.xml` |
+| Flow | `force-app/main/default/flows/{Name}.flow-meta.xml` |
+| Record Type | `force-app/main/default/objects/{Object}/recordTypes/{Name}.recordType-meta.xml` |
+| Email Template | `force-app/main/default/email/{Folder}/{Name}.email-meta.xml` |
+
+### Deploy command
+
+```bash
+sf project deploy start --source-dir force-app/main/default/permissionsets/MyPermSet.permissionset-meta.xml
+```
+
+Use `--source-dir` to deploy individual files. For multiple files, point to the parent directory.
+
+### When to create metadata
+
+During the build, proactively check whether the Salesforce org has the metadata needed for the features you're building. If something is missing — a field isn't accessible, a record type doesn't exist, a flow would automate a manual process — tell the user what's missing and ask before creating it. The PRD's build prompts include specific scripted moments for these interactions.
+
+### Key rules
+
+- Always use API version `62.0` or higher
+- Permission set field permissions: set `readable` to `true`, `editable` to `false` for read-only dashboard fields
+- Flows: set `status` to `Draft` — the user will activate after review
+- Never deploy destructive changes without explicit confirmation
+- Never modify standard Salesforce objects' core fields — only add custom fields

package/CHANGELOG.md

@@ -5,6 +5,29 @@ 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.74] - 2026-04-02
+
+### Added
+- **Engine logo asset** - `assets/images/engine_logo.png` restored from internal-app-standard-config
+  - Postinstall script copies to `src/assets/images/engine_logo.png`
+  - Reset script restores to baseline
+
+### Updated
+- **PRD (engine-command-center-prd.md)** - Latest rewritten version from react-cursor-1
+- **Live data files**:
+  - `data/engine-live-data.js` - Updated with Midwest storm dataset
+  - `data/useEngineLiveData.ts` - Updated loading hook
+- **Global styles (src/styles/global.css)** - Added ChatBar overlay padding rule
+- **Builder skill (SKILL.md)** - Updated with metadata patterns
+- **package.json** - Added "assets" to files array
+
+**Context:** Restored Engine logo asset that was previously missing. All Engine branding assets now included in package.
+
+## [1.9.73] - 2026-04-02
+
+### Updated
+- **PRD, live data, global styles, and SKILL.md** - Latest updates from react-cursor-1
+
 ## [1.9.72] - 2026-04-02
 
 ### Added

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

@@ -8,7 +8,7 @@ Product Requirements Document
 
 The Engine Travel Command Center is a real-time operations dashboard for corporate travel managers who use Engine (engine.com). It gives a single-screen view of every active traveler, booking, flight, policy flag, and agent interaction — built on Salesforce Data Cloud.
 
-**Build approach:** Incremental — PRD → scaffold → data → agent → intelligence.
+**Build approach:** Incremental — PRD → dashboard → data → agent.
 
 ---
 
@@ -53,6 +53,7 @@ Use `brand-*` Tailwind classes for brand elements. Tailwind built-in colors (gre
 - **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 `@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`.
+- **Salesforce metadata:** This is an SFDX project. Metadata lives in `force-app/main/default/`. When creating permission sets, custom fields, flows, or other metadata, write standard SFDX XML files and deploy with `sf project deploy start`.
 
 ---
 
@@ -98,20 +99,6 @@ Visualization-hero layout. Full-page scroll (no `h-screen`).
 - **Row 1:** `grid grid-cols-1 items-start gap-4 lg:grid-cols-3` — Escalations `lg:col-span-2`, Disruptions auto
 - **Row 2:** `grid grid-cols-1 items-start gap-4 lg:grid-cols-3` — Travelers `lg:col-span-2`, Spend auto
 
-### Phase 1 placeholders
-
-Phase 1 builds the header, map, glass overlays, and flight strip as real components. Only the ChatBar and 4 data panels below the map are placeholders:
-
-```tsx
-<BaseCard>
-  <div className="h-48 flex items-center justify-center text-slate-400">
-    Escalations Panel
-  </div>
-</BaseCard>
-```
-
-The GeoMap renders the base world map with no data props. Glass overlays and flight strip use hardcoded values.
-
 ---
 
 ## 6. Header
@@ -120,7 +107,7 @@ Compact `h-12` sticky header (`bg-slate-900 dark:bg-slate-950`). No ChatBar in t
 
 | Left | Right |
 |------|-------|
-| Engine logo (`GlobeAltIcon` in `bg-brand-600` square) + "ENGINE" wordmark + separator + "Travel Command Center" + "Powered by Agentforce" badge (Phase 4: `bg-brand-900/40 text-brand-400 rounded-full text-[10px]`) | Notification bell (badge count) + theme toggle (sun/moon) |
+| Engine logo (`GlobeAltIcon` in `bg-brand-600` square) + "ENGINE" wordmark + separator + "Travel Command Center" + "Powered by Agentforce" badge (`bg-brand-900/40 text-brand-400 rounded-full text-[10px]`) | Notification bell (badge count) + theme toggle (sun/moon) |
 
 ---
 
@@ -133,9 +120,9 @@ Compact `h-12` sticky header (`bg-slate-900 dark:bg-slate-950`). No ChatBar in t
   width={960}
   height={520}
   theme={mode === "dark" ? "dark" : "light"}
-  markers={useDataSource({ sample: MAP_MARKERS, live: [] })}
-  arcs={useDataSource({ sample: MAP_ARCS, live: [] })}
-  overlays={useDataSource({ sample: MAP_OVERLAYS, live: [] })}
+  markers={useDataSource({ sample: MAP_MARKERS, live: live.mapMarkers })}
+  arcs={useDataSource({ sample: MAP_ARCS, live: live.mapArcs })}
+  overlays={useDataSource({ sample: MAP_OVERLAYS, live: live.mapOverlays })}
   zoomable
   className="h-full w-full"
 />
@@ -144,8 +131,6 @@ Compact `h-12` sticky header (`bg-slate-900 dark:bg-slate-950`). No ChatBar in t
 - **Markers:** One per city. `{ id, lon, lat, label, active: true }`
 - **Arcs:** One per flight route. `{ id, from: [lon, lat], to: [lon, lat], progress: 0–1, danger: boolean }`. `danger: true` on disrupted routes.
 - **Overlays:** Weather zones. `{ id, center: [lon, lat], radius: number }`
-- **Phase 1:** Render GeoMap with no data props (map renders base world automatically)
-- **Phase 2:** Add `MAP_MARKERS`, `MAP_ARCS`, `MAP_OVERLAYS` from `@/data/engine-sample-data`
 
 **Glass KPI overlays** — 4 pills, `absolute left-3 top-3`:
 Active Travelers (count), Spend MTD (`fmtK()`), Compliance %, Eva Resolved (count + "resolved").
@@ -170,7 +155,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 `@heroui/react`. In Phase 2, render the button but leave the `onClick` empty — wire the toast in Phase 4.
+- **"Assign to Agent" button** 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`.
 
 ```tsx
 <BaseCard>
@@ -191,7 +176,7 @@ Each escalation row:
               </div>
             </div>
             {isOpen && (
-              <button onClick={() => handleAssignToAgent(e)}
+              <button onClick={() => toast.success("Assigned to Eva")}
                 className="shrink-0 rounded-md bg-brand-600 px-2.5 py-1 text-xs font-medium text-slate-50 hover:bg-brand-700">
                 <span className="flex items-center gap-1">
                   <SparklesIcon className="h-3 w-3" /> Assign to Agent
@@ -234,7 +219,7 @@ Data: `TRAVELER_CARDS` from sample data.
 ```tsx
 const spendChartData = useDataSource({
   sample: MONTHLY_SPEND.map(m => ({ x: m.month, spend: m.amount })),
-  live: [],
+  live: live.monthlySpend.map(m => ({ x: m.month, spend: m.amount })),
 });
 
 <ChartCard
@@ -276,18 +261,15 @@ Eva renders as a full-width `ChatBar` below the hero map, between the map and th
 </div>
 ```
 
-Suggestions: "Who's traveling internationally right now?", "Show bookings pending approval", "What has Eva resolved today?", "Travelers returning this week"
+Suggestions: "Storm warning in the Midwest — which travelers are affected?", "What's our severe weather rebooking policy?", "Notify Anna and Sofia about the Chicago delays", "Create a support case for Anna Johansson's flight"
 
 Define `handleChat` and `CHAT_SUGGESTIONS` at module scope.
 
-**Phase 1:** Placeholder — do NOT add ChatBar. Just leave the space empty.
-**Phase 4:** Add the ChatBar between the map and data panels.
-
 ---
 
-## 10. Salesforce Signals (Phase 4)
+## 10. Salesforce Signals
 
-Subtle indicators, not banners.
+Subtle indicators throughout the dashboard — not banners.
 
 | Signal | Location |
 |--------|----------|
@@ -317,27 +299,206 @@ Every element supports light and dark. GeoMap: `theme={mode === "dark" ? "dark"
 
 ## 13. Build Prompts
 
-Build in 4 incremental phases.
+Build incrementally in 3 prompts. Each prompt builds on the previous result.
 
-### Phase 1: Layout & Structure
+---
 
-> Scaffold the Engine Travel Command Center skeleton. Build the visualization-hero layout from section 5 with the header, hero map, glass KPI overlays, flight status strip, and placeholder cards for the data panels.
+### Build the Dashboard
 
-### Phase 2: Components & Sample Data
+> Build the Engine Travel Command Center dashboard. Read the PRD for the full spec. Create the visualization-hero layout with the sticky header, hero GeoMap, glass KPI overlays, flight status strip, and all 4 data panels — Escalations, Disruptions, Active Travelers, and Monthly Spend Trend. Wire up the sample data from `src/data/engine-sample-data.js` so we can see real travelers, flights, and map markers. Include the "Assign to Agent" buttons on open escalations, the "View in Salesforce" links in traveler details, the "Powered by Agentforce" badge in the header, and the Salesforce signal toasts. Skip the Eva ChatBar for now — we'll add that after we connect to live data.
 
-> Replace the placeholders with real components and wire up the sample data. Build the 4 data panels from section 8 — Escalations, Disruptions, Active Travelers, and Monthly Spend Trend. Add map markers, arcs, and overlays from the sample data so we can see where travelers are.
+---
 
-### Phase 3: Real Data Integration
+### Connect to Salesforce Data
 
-> Connect the dashboard to live Salesforce data using GraphQL. Read the sample data file to see which fields are needed, then build queries in `src/api/engine/queries.ts` and a hook in `src/hooks/useEngineLiveData.ts` for each object. The hook should return the same data shape as the sample data exports. Wire it into the dashboard by populating the `live` prop on each `useDataSource` call:
+> Connect the dashboard to live Salesforce data. A second dataset already exists in `src/data/engine-live-data.js` with 12 travelers across global routes and different KPIs (distinct from the 8-traveler sample data). A hook already exists at `src/hooks/useEngineLiveData.ts` — it imports the live data, simulates a 2-second loading delay, then calls `setMode("live")` to flip the global data mode.
+>
+> Import `useEngineLiveData` in the dashboard and populate the `live` prop on each `useDataSource` call:
 >
 > ```tsx
 > const live = useEngineLiveData();
 > const markers = useDataSource({ sample: MAP_MARKERS, live: live.mapMarkers });
+> const arcs = useDataSource({ sample: MAP_ARCS, live: live.mapArcs });
+> ```
+>
+> Also update the KPI overlays to re-derive from whichever metrics are active:
+>
+> ```tsx
+> const activeMetrics = live.loading ? METRICS : live.metrics;
 > ```
 >
-> The UI should stay identical — only the data source changes.
+> When the page loads, the audience will see: sample data renders immediately → after 2 seconds components refresh with different travelers, cities, and numbers → proving the data integration works. The layout stays identical — only the data changes.
+
+**Scripted metadata interaction — Permission Set:**
+After wiring the live data, check the field-level security for the objects being queried. The `External_Travel_Manager` permission set does not have read access to `Disruption__c.Severity__c`. Tell the user:
+
+> "I notice the `External_Travel_Manager` permission set doesn't have read access to `Disruption__c.Severity__c`. This field is needed to display disruption severity in the dashboard. Would you like me to update the permission set?"
+
+When the user confirms, create:
+
+`force-app/main/default/permissionsets/External_Travel_Manager.permissionset-meta.xml`
+
+```xml
+<?xml version="1.0" encoding="UTF-8"?>
+<PermissionSet xmlns="http://soap.sforce.com/2006/04/metadata">
+    <label>External Travel Manager</label>
+    <description>Field access for the Engine Travel Command Center dashboard</description>
+    <fieldPermissions>
+        <editable>false</editable>
+        <field>Disruption__c.Severity__c</field>
+        <readable>true</readable>
+    </fieldPermissions>
+    <fieldPermissions>
+        <editable>false</editable>
+        <field>Disruption__c.Affected_Traveler_Count__c</field>
+        <readable>true</readable>
+    </fieldPermissions>
+    <fieldPermissions>
+        <editable>false</editable>
+        <field>Flight__c.Delay_Minutes__c</field>
+        <readable>true</readable>
+    </fieldPermissions>
+    <fieldPermissions>
+        <editable>false</editable>
+        <field>Flight__c.Flight_Status__c</field>
+        <readable>true</readable>
+    </fieldPermissions>
+    <fieldPermissions>
+        <editable>false</editable>
+        <field>Rebooking_Action__c.Status__c</field>
+        <readable>true</readable>
+    </fieldPermissions>
+    <hasActivationRequired>false</hasActivationRequired>
+    <license>Salesforce</license>
+</PermissionSet>
+```
+
+Then run: `sf project deploy start --source-dir force-app/main/default/permissionsets/External_Travel_Manager.permissionset-meta.xml`
+
+**Scripted metadata interaction — Custom Field:**
+After fixing the permission set, notice that `Flight__c` has no way to track weather impact on individual flights. Tell the user:
+
+> "There's no `Weather_Impact__c` field on `Flight__c` to track weather-related disruptions. This would help the dashboard filter storm-affected flights. Want me to create it?"
+
+When the user confirms, create:
+
+`force-app/main/default/objects/Flight__c/fields/Weather_Impact__c.field-meta.xml`
+
+```xml
+<?xml version="1.0" encoding="UTF-8"?>
+<CustomField xmlns="http://soap.sforce.com/2006/04/metadata">
+    <fullName>Weather_Impact__c</fullName>
+    <label>Weather Impact</label>
+    <type>Picklist</type>
+    <required>false</required>
+    <valueSet>
+        <restricted>true</restricted>
+        <valueSetDefinition>
+            <sorted>false</sorted>
+            <value><fullName>None</fullName><default>true</default><label>None</label></value>
+            <value><fullName>Minor</fullName><default>false</default><label>Minor</label></value>
+            <value><fullName>Moderate</fullName><default>false</default><label>Moderate</label></value>
+            <value><fullName>Severe</fullName><default>false</default><label>Severe</label></value>
+        </valueSetDefinition>
+    </valueSet>
+</CustomField>
+```
+
+Then run: `sf project deploy start --source-dir force-app/main/default/objects/Flight__c/fields/Weather_Impact__c.field-meta.xml`
+
+Also update the permission set to include read access to the new field.
 
-### Phase 4: Agentforce Integration
+---
+
+### Add Agentforce
+
+> Add Eva to the dashboard. Place the ChatBar between the map and data panels using the suggestions from section 9. Wire up the `handleChat` mock response.
+
+**Scripted metadata interaction — Flow for Weather Notifications:**
+After adding the ChatBar, tell the user:
+
+> "Since the dashboard handles weather disruptions, I can create a Flow that automatically sends weather delay alerts to affected travelers. It would query `Disruption__c` records where `Disruption_Type__c = 'Weather Event'`, match them to `Contact` records via `Flight__c`, and send a notification email. Want me to build it?"
+
+When the user confirms, create:
+
+`force-app/main/default/flows/Travel_Weather_Alert_Notification.flow-meta.xml`
+
+```xml
+<?xml version="1.0" encoding="UTF-8"?>
+<Flow xmlns="http://soap.sforce.com/2006/04/metadata">
+    <apiVersion>62.0</apiVersion>
+    <label>Travel Weather Alert Notification</label>
+    <description>Sends weather delay alerts to travelers affected by disruptions. Triggered when a Disruption__c record is created or updated with Disruption_Type__c = Weather Event.</description>
+    <status>Draft</status>
+    <processType>AutoLaunchedFlow</processType>
+    <start>
+        <object>Disruption__c</object>
+        <triggerType>RecordAfterSave</triggerType>
+        <recordTriggerType>CreateAndUpdate</recordTriggerType>
+        <filterLogic>and</filterLogic>
+        <filters>
+            <field>Disruption_Type__c</field>
+            <operator>EqualTo</operator>
+            <value><stringValue>Weather Event</stringValue></value>
+        </filters>
+    </start>
+    <interviewLabel>Travel Weather Alert {!$Flow.CurrentDateTime}</interviewLabel>
+</Flow>
+```
+
+Then run: `sf project deploy start --source-dir force-app/main/default/flows/Travel_Weather_Alert_Notification.flow-meta.xml`
+
+**Scripted metadata interaction — Case Record Type:**
+After creating the Flow, tell the user:
+
+> "The 'Create a support case' prompt needs a dedicated record type. The Case object doesn't have a `Travel_Support` record type yet. Should I create it?"
+
+When the user confirms, create:
+
+`force-app/main/default/objects/Case/recordTypes/Travel_Support.recordType-meta.xml`
+
+```xml
+<?xml version="1.0" encoding="UTF-8"?>
+<RecordType xmlns="http://soap.sforce.com/2006/04/metadata">
+    <fullName>Travel_Support</fullName>
+    <label>Travel Support</label>
+    <description>Support cases for travel disruptions, rebookings, and weather events</description>
+    <active>true</active>
+</RecordType>
+```
+
+Then run: `sf project deploy start --source-dir force-app/main/default/objects/Case/recordTypes/Travel_Support.recordType-meta.xml`
+
+**Scripted metadata interaction — Email Template:**
+Finally, tell the user:
+
+> "I'll also create an email template for weather delay notifications — the Flow can use it to send branded alerts with flight details and alternate routing options."
+
+Create:
+
+`force-app/main/default/email/Travel_Alerts/Weather_Delay_Notification.email-meta.xml`
+
+```xml
+<?xml version="1.0" encoding="UTF-8"?>
+<EmailTemplate xmlns="http://soap.sforce.com/2006/04/metadata">
+    <name>Weather Delay Notification</name>
+    <available>true</available>
+    <description>Sent to travelers when their flight is affected by a weather disruption</description>
+    <encodingKey>UTF-8</encodingKey>
+    <style>freeForm</style>
+    <subject>Weather Alert: Your flight {!Flight__c.Flight_Number__c} is affected</subject>
+    <type>custom</type>
+    <textOnly>Hi {!Contact.FirstName},
+
+Your flight {!Flight__c.Flight_Number__c} ({!Flight__c.Departure_Airport__c} → {!Flight__c.Arrival_Airport__c}) has been affected by severe weather.
+
+Current delay: {!Disruption__c.Description__c}
+Eva is monitoring the situation and will notify you of any changes.
+
+If you need immediate assistance, reply to this email or ask Eva in the Engine Travel app.
+
+— Engine Travel Team</textOnly>
+</EmailTemplate>
+```
 
-> Add Eva below the map as a ChatBar. Add subtle Salesforce signals throughout — "Powered by Agentforce" badge in the header, "View in Salesforce" links in traveler details, success toasts, and "Assign to Agent" buttons on open escalations.
+Then run: `sf project deploy start --source-dir force-app/main/default/email/`

package/data/engine-live-data.js

@@ -6,8 +6,9 @@
  * 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.
+ * SCENARIO: Severe thunderstorm system moving across the Midwest US.
+ * Three travelers affected — two inbound to Chicago (ORD), one in Denver (DEN).
+ * The demo prompts walk through: awareness → policy → notify → case creation.
  */
 
 // ─── MAP MARKERS ─────────────────────────────────────────────────────────────
@@ -25,7 +26,6 @@ export const MAP_MARKERS = [
   { 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 },
@@ -39,78 +39,79 @@ export const MAP_MARKERS = [
 // ─── 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: "arc2",  from: [-46.6333, -23.5505], to: [-87.6298, 41.8781],  progress: 0.40, danger: true },
+  { id: "arc3",  from: [139.6917, 35.6895],  to: [-118.2437, 34.0522], progress: 0.30, danger: false },
+  { id: "arc4",  from: [18.0686, 59.3293],   to: [-87.6298, 41.8781],  progress: 0.55, danger: true },
   { 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: "arc9",  from: [-9.1393, 38.7223],   to: [-80.1918, 25.7617],  progress: 0.80, danger: false },
   { 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) ────────────────────────────────────────────
+// ─── MAP OVERLAYS (storm zones) ──────────────────────────────────────────────
 export const MAP_OVERLAYS = [
-  { id: "ov1", center: [-118.2437, 34.0522], radius: 4 },
-  { id: "ov2", center: [-9.1393, 38.7223],   radius: 3 },
+  { id: "ov1", center: [-87.6298, 41.8781], radius: 5 },
+  { id: "ov2", center: [-94.5786, 39.0997], radius: 4 },
+  { id: "ov3", center: [-104.9903, 39.7392], 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: "f1",  flight: "AI 131",  route: "BOM → LHR", dep: "11:30 PM", status: "In Air",    traveler: "Raj Kapoor",        delayMin: 0 },
+  { id: "f2",  flight: "LA 8070", route: "GRU → ORD", dep: "6:15 PM",  status: "Delayed",   traveler: "Sofia Reyes",       delayMin: 65 },
+  { id: "f3",  flight: "JL 62",   route: "NRT → LAX", dep: "5:00 PM",  status: "In Air",    traveler: "Yuki Tanaka",       delayMin: 0 },
+  { id: "f4",  flight: "SK 943",  route: "ARN → ORD", dep: "1:40 PM",  status: "Delayed",   traveler: "Anna Johansson",    delayMin: 90 },
+  { 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 },
+  { 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: "In Air",    traveler: "Isabella Costa",    delayMin: 0 },
+  { 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" },
+  { 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: "Chicago",       flight: "LA 8070", hotel: "The Langham Chicago",  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: "compliant" },
+  { id: "L04", name: "Anna Johansson",    department: "Finance",     origin: "Stockholm",   destination: "Chicago",       flight: "SK 943",  hotel: "The Hoxton Chicago",  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: "compliant" },
+  { 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 Denver",  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" },
+  { id: "d1", flight: "SK 943",  route: "ARN → ORD", traveler: "Anna Johansson", severity: "grounded", delayMin: 90,  reason: "Severe thunderstorm at O'Hare — ATC ground stop",            evaAction: "Rerouting options: DTW connection or hold for next window" },
+  { id: "d2", flight: "LA 8070", route: "GRU → ORD", traveler: "Sofia Reyes",    severity: "delayed",  delayMin: 65,  reason: "Storm system at ORD — holding pattern over Indiana",         evaAction: "Monitoring approach window — ETA updated to 9:20 PM CT" },
+  { id: "d3", flight: "AM 648",  route: "MEX → DEN", traveler: "Carlos Mendez",  severity: "delayed",  delayMin: 0,   reason: "Landed — storm front moving toward Denver overnight",        evaAction: "Return flight at risk — watching AM 649 departure tomorrow" },
+  { id: "d4", flight: "UA 412",  route: "ORD → DEN", traveler: "Multiple",       severity: "grounded", delayMin: 120, reason: "ATC ground stop at O'Hare — all departures suspended",       evaAction: "6 connecting flights affected — rebooking in progress" },
+  { id: "d5", flight: "LH 716",  route: "FRA → NRT", traveler: "Lena Müller",    severity: "delayed",  delayMin: 25,  reason: "Late inbound aircraft from Munich",                          evaAction: "Boarding now — minimal impact, hotel notified of late arrival" },
 ];
 
 // ─── 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" },
+  { id: "e1",  title: "Midwest storm alert — 3 travelers affected",       subtitle: "Anna Johansson, Sofia Reyes, Carlos Mendez in impact zone",  status: "working",  timestamp: "4 min ago" },
+  { id: "e2",  title: "Rerouting Anna Johansson via Detroit",             subtitle: "SK 943 grounded — alternate DL 1482 ARN → DTW → ORD",        status: "working",  timestamp: "12 min ago" },
+  { id: "e3",  title: "Hotel backup hold at Langham Chicago",             subtitle: "Late arrival guaranteed for Sofia Reyes — LA 8070 delayed",   status: "complete", timestamp: "18 min ago" },
+  { id: "e4",  title: "Weather alert sent to Carlos Mendez",              subtitle: "Storm moving toward Denver — AM 649 return flight at risk",   status: "complete", timestamp: "25 min ago" },
+  { id: "e5",  title: "Sent delay notification to Anna Johansson",        subtitle: "SK 943 +90 min — updated itinerary with new gate info",      status: "complete", timestamp: "30 min ago" },
+  { id: "e6",  title: "Hotel upgrade for Lena Müller",                    subtitle: "Aman Tokyo — loyalty rate applied ($520 → $380/n)",           status: "complete", timestamp: "45 min ago" },
+  { id: "e7",  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: "e8",  title: "Duplicate booking cancelled — Isabella Costa",     subtitle: "LIS → MIA booked twice · Refund $380 processed",            status: "complete", timestamp: "1.8 hr ago" },
+  { id: "e9",  title: "Travel policy exception — Lena Müller",            subtitle: "Aman Tokyo $520/n exceeds $350 cap — manager approved",      status: "complete", timestamp: "2.1 hr ago" },
+  { id: "e10", title: "Insurance pre-filed for Chicago delays",           subtitle: "AXA claims for SK 943 and LA 8070 — weather disruption",     status: "pending",  timestamp: "2 min ago" },
 ];
 
 // ─── MONTHLY SPEND ───────────────────────────────────────────────────────────
@@ -127,8 +128,8 @@ export const MONTHLY_SPEND = [
 export const METRICS = {
   activeTravelers: 12,
   spendMTD: 187200,
-  complianceRate: 83,
+  complianceRate: 92,
   evaResolutionRate: 78,
   evaResolved: 9,
-  pendingBookings: 4,
+  pendingBookings: 3,
 };

package/dist/styles/global.css

@@ -208,6 +208,12 @@
   --link: oklch(0.2103 0.0059 285.89);
 }
 
+/* ChatBar expanded overlay — horizontal padding so it doesn't hit window edges */
+body > .fixed.inset-x-0.rounded-2xl {
+  left: 1.5rem !important;
+  right: 1.5rem !important;
+}
+
 .dark .heroui-scope,
 .heroui-scope.dark {
   --muted: oklch(70.5% 0.015 286.067);
@@ -230,9 +236,3 @@
   --focus: oklch(0.6204 0.195 253.83);
   --link: oklch(0.9911 0 0);
 }
-
-/* ChatBar overlay — add horizontal padding so it doesn't hit window edges */
-body > .fixed.inset-x-0.rounded-2xl {
-  left: 1.5rem !important;
-  right: 1.5rem !important;
-}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@schandlergarcia/sf-web-components",
-  "version": "1.9.72",
+  "version": "1.9.74",
   "description": "Reusable Salesforce web components library with Tailwind CSS v4 and shadcn/ui",
   "type": "module",
   "main": "./dist/index.js",
@@ -28,6 +28,7 @@
     "dist",
     "scripts",
     "data",
+    "assets",
     "src/templates",
     "src/components",
     "src/lib",

package/scripts/postinstall.mjs

@@ -314,6 +314,25 @@ if (fs.existsSync(dataSourceDir)) {
       console.error(`  ✗ Failed to install useEngineLiveData.ts: ${error.message}`);
     }
   }
+
+  // Copy engine_logo.png
+  const assetsSourceDir = path.join(packageRoot, 'assets/images');
+  const targetAssetsDir = path.join(cwd, 'src/assets/images');
+  const engineLogoSource = path.join(assetsSourceDir, 'engine_logo.png');
+  const engineLogoTarget = path.join(targetAssetsDir, 'engine_logo.png');
+
+  if (fs.existsSync(engineLogoSource)) {
+    try {
+      if (!fs.existsSync(targetAssetsDir)) {
+        fs.mkdirSync(targetAssetsDir, { recursive: true });
+      }
+      fs.copyFileSync(engineLogoSource, engineLogoTarget);
+      console.log('  ✓ Installed engine_logo.png');
+      dataFilesInstalled++;
+    } catch (error) {
+      console.error(`  ✗ Failed to install engine_logo.png: ${error.message}`);
+    }
+  }
 }
 
 // Copy GraphQL schema generator script

package/scripts/reset-command-center.sh

@@ -733,6 +733,28 @@ else
   echo "  ⚠ Skipped PRD (package PRD not found)"
 fi
 
+# Restore engine_logo.png
+mkdir -p src/assets/images
+ENGINE_LOGO="src/assets/images/engine_logo.png"
+echo "→ Restoring ${ENGINE_LOGO}..."
+
+# Detect package location for logo
+if [ -d "node_modules/@schandlergarcia/sf-web-components/assets/images" ]; then
+  PACKAGE_LOGO="node_modules/@schandlergarcia/sf-web-components/assets/images/engine_logo.png"
+elif [ -f "$SCRIPT_DIR/../assets/images/engine_logo.png" ]; then
+  # Running from package source
+  PACKAGE_LOGO="$SCRIPT_DIR/../assets/images/engine_logo.png"
+else
+  PACKAGE_LOGO=""
+fi
+
+if [ -n "$PACKAGE_LOGO" ] && [ -f "$PACKAGE_LOGO" ]; then
+  cp "$PACKAGE_LOGO" "$ENGINE_LOGO"
+  echo "  ✓ Engine logo restored"
+else
+  echo "  ⚠ Skipped logo (package logo not found)"
+fi
+
 echo ""
 
 # ── Done ─────────────────────────────────────────────────────────────────────
@@ -750,6 +772,7 @@ 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 "║     • Engine logo (engine_logo.png)            ║"
 echo "║     • Component library (cards, charts, etc.)  ║"
 echo "║     • HeroUI wrappers & theme providers        ║"
 echo "║     • Salesforce SDK stubs for local dev       ║"