fixed playback

frontend/src/hooks/useTransitionPlayback.ts

@@ -522,6 +522,7 @@ export function useTransitionPlayback(
         const response = await axios.get(url, {
           responseType: 'blob',
           headers: token ? { Authorization: `Bearer ${token}` } : undefined,
+          baseURL: '', // Prevent double /api/ prefix when using buildProxyUrl
         });
 
         const blob = response.data as Blob;

frontend/src/pages/dashboard.tsx

@@ -89,7 +89,7 @@ const Dashboard = () => {
   });
 
   const { rolesWidgets, loading } = useAppSelector((state) => state.roles) as {
-    rolesWidgets: Array<{ id: string; [key: string]: unknown }>;
+    rolesWidgets: Array<{ id?: string; widget_id?: string; [key: string]: unknown }>;
     loading: boolean;
   };
 
@@ -161,9 +161,9 @@ const Dashboard = () => {
           )}
 
           {rolesWidgets &&
-            rolesWidgets.map((widget) => (
+            rolesWidgets.map((widget, index) => (
               <SmartWidget
-                key={widget.id}
+                key={widget.id || widget.widget_id || `widget-${index}`}
                 userId={currentUser?.id}
                 widget={widget}
                 roleId={widgetsRole?.role?.value || ''}