From ba39e9ba26946f47070bad391085aaef9dcfd1b5 Mon Sep 17 00:00:00 2001
From: sl-webui <sl-webui@saltylab.local>
Date: Tue, 3 Mar 2026 06:46:19 -0500
Subject: [PATCH] =?UTF-8?q?fix(webui):=20add=20missing=20imports=20to=20Ap?=
 =?UTF-8?q?p.jsx=20(Issue=20#329)=20=E2=80=94=20P0=20BUG=20FIX?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Critical bug fix:
- Added missing StatusHeader import (used in JSX line 215)
- Added missing LogViewer import (used in JSX line 291)
- Added missing MotorCurrentGraph import (used in JSX line 264)

These imports were referenced in JSX but not imported, causing dashboard crashes on load.

Build verification:
- 122 modules, all compiled successfully
- No errors or warnings
- Bundle: 255.38 KB main

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
---
 ui/social-bot/src/App.jsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/ui/social-bot/src/App.jsx b/ui/social-bot/src/App.jsx
index 650772a..358955a 100644
--- a/ui/social-bot/src/App.jsx
+++ b/ui/social-bot/src/App.jsx
@@ -22,6 +22,7 @@ import { useRosbridge } from './hooks/useRosbridge.js';
 
 // Social panels
 import { StatusPanel }        from './components/StatusPanel.jsx';
+import { StatusHeader }       from './components/StatusHeader.jsx';
 import { FaceGallery }        from './components/FaceGallery.jsx';
 import { ConversationLog }    from './components/ConversationLog.jsx';
 import { ConversationHistory } from './components/ConversationHistory.jsx';
@@ -34,6 +35,7 @@ import PoseViewer from './components/PoseViewer.jsx';
 import { BatteryPanel } from './components/BatteryPanel.jsx';
 import { BatteryChart } from './components/BatteryChart.jsx';
 import { MotorPanel }   from './components/MotorPanel.jsx';
+import { MotorCurrentGraph } from './components/MotorCurrentGraph.jsx';
 import { MapViewer }    from './components/MapViewer.jsx';
 import { ControlMode }  from './components/ControlMode.jsx';
 import { SystemHealth } from './components/SystemHealth.jsx';
@@ -53,6 +55,9 @@ import { CameraViewer } from './components/CameraViewer.jsx';
 // Event log (issue #192)
 import { EventLog } from './components/EventLog.jsx';
 
+// Log viewer (issue #275)
+import { LogViewer } from './components/LogViewer.jsx';
+
 // Joystick teleop (issue #212)
 import JoystickTeleop from './components/JoystickTeleop.jsx';