feat: productionize learning engine and classroom

OpenMAIC/components/scene-renderers/interactive-renderer.tsx

@@ -31,7 +31,9 @@ export function InteractiveRenderer({ content, sceneId }: InteractiveRendererPro
   const setActive = useInteractiveIframePool((s) => s.setActive);
 
   const patchedHtml = useMemo(
-    () => (content.html ? patchHtmlForIframe(content.html) : undefined),
+    () => (content.html ? patchHtmlForIframe(content.html, {
+      offline: typeof window !== 'undefined' && window.__MAKELORE_OFFLINE_PLAYER__ === true,
+    }) : undefined),
     [content.html],
   );
 

OpenMAIC/components/scene-renderers/pbl/v2/workspace.tsx

@@ -28,6 +28,7 @@ import { PBLV2SubmissionPanel, type SubmissionEvaluationStatus } from './submiss
 import { PBLV2RightPanelTabs } from './right-panel-tabs';
 import { shouldShowScenarioBriefing } from './scenario-briefing-gate';
 import { cn } from '@/lib/utils/cn';
+import { opsApiPath } from '@/lib/ops/api-fetch';
 import { useI18n } from '@/lib/hooks/use-i18n';
 import type { CSSProperties } from 'react';
 import { runOneStream, type StreamDisplayState, type StreamStatus } from './use-instructor-stream';
@@ -442,7 +443,7 @@ function WorkspaceTopBar({
       <div className="relative flex min-w-0 flex-1 items-center gap-3">
         <div className="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-violet-200/25 bg-violet-100/[0.08] shadow-[0_0_24px_rgba(157,140,255,0.18)]">
           <Image
-            src="/openmaic-mark.png"
+            src={opsApiPath('/openmaic-mark.png')}
             alt="OpenMAIC"
             width={28}
             height={28}