Phase 5 Complete by Claude Code

frontend/src/App.jsx

@@ -12,6 +12,9 @@ import DeviceForm from "./devices/DeviceForm";
 import UserList from "./users/UserList";
 import UserDetail from "./users/UserDetail";
 import UserForm from "./users/UserForm";
+import MqttDashboard from "./mqtt/MqttDashboard";
+import CommandPanel from "./mqtt/CommandPanel";
+import LogViewer from "./mqtt/LogViewer";
 
 function ProtectedRoute({ children }) {
   const { user, loading } = useAuth();
@@ -69,9 +72,9 @@ export default function App() {
         <Route path="users/new" element={<UserForm />} />
         <Route path="users/:id" element={<UserDetail />} />
         <Route path="users/:id/edit" element={<UserForm />} />
-        {/* Phase 5+ routes:
         <Route path="mqtt" element={<MqttDashboard />} />
-        */}
+        <Route path="mqtt/commands" element={<CommandPanel />} />
+        <Route path="mqtt/logs" element={<LogViewer />} />
         <Route path="*" element={<Navigate to="/" replace />} />
       </Route>
     </Routes>