@leeoohoo/ui-apps-devkit 0.1.10 → 0.1.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leeoohoo/ui-apps-devkit",
-  "version": "0.1.10",
+  "version": "0.1.11",
   "description": "ChatOS UI Apps DevKit (CLI + templates + sandbox) for building installable ChatOS UI Apps plugins.",
   "license": "MIT",
   "type": "module",

package/src/sandbox/server.js

@@ -1013,6 +1013,42 @@ const mcpStatus = $('#mcpStatus');
 const mcpOutput = $('#mcpOutput');
 const mcpConfigHint = $('#mcpConfigHint');
 
+const mcpStreamState = {
+  active: false,
+  seen: false,
+  runId: '',
+};
+
+const resetMcpStreamState = () => {
+  mcpStreamState.active = false;
+  mcpStreamState.seen = false;
+  mcpStreamState.runId = '';
+};
+
+const markMcpStreamStatus = (payload) => {
+  const method = payload && typeof payload.method === 'string' ? payload.method : '';
+  if (!method.startsWith('codex_app.window_run.')) return;
+  const params = payload && typeof payload.params === 'object' ? payload.params : null;
+  const runId = params && typeof params.runId === 'string' ? params.runId : '';
+  if (runId && (!mcpStreamState.runId || mcpStreamState.runId === runId)) {
+    mcpStreamState.runId = runId;
+  }
+  mcpStreamState.seen = true;
+  const status = params && typeof params.status === 'string' ? params.status.toLowerCase() : '';
+  const done =
+    method === 'codex_app.window_run.done' ||
+    method === 'codex_app.window_run.completed' ||
+    params?.done === true ||
+    ['completed', 'failed', 'aborted', 'cancelled'].includes(status);
+  if (done) {
+    mcpStreamState.active = false;
+    setMcpStatus('Done');
+  } else {
+    mcpStreamState.active = true;
+    setMcpStatus('Streaming...');
+  }
+};
+
 const setPanelOpen = (open) => { panel.style.display = open ? 'flex' : 'none'; };
 fab.addEventListener('click', () => setPanelOpen(panel.style.display !== 'flex'));
 panelClose.addEventListener('click', () => setPanelOpen(false));
@@ -1229,6 +1265,7 @@ const runMcpTest = async () => {
       setMcpStatus('Message is required.', true);
       return;
     }
+    resetMcpStreamState();
     if (sendBtn) sendBtn.disabled = true;
     const payload = {
       messages: [{ role: 'user', text: message }],
@@ -1255,7 +1292,11 @@ const runMcpTest = async () => {
     if (Array.isArray(j?.toolTrace) && j.toolTrace.length > 0) {
       appendMcpOutput('toolTrace', j.toolTrace);
     }
-    setMcpStatus('Done');
+    if (mcpStreamState.seen || mcpStreamState.active) {
+      setMcpStatus('Waiting for MCP stream...');
+    } else {
+      setMcpStatus('Done');
+    }
   } catch (err) {
     setMcpStatus(err?.message || String(err), true);
   } finally {
@@ -1964,6 +2005,7 @@ try {
     if (!payload) return;
     const server = payload?.serverName ? String(payload.serverName) : 'mcp';
     const method = payload?.method ? String(payload.method) : 'notification';
+    markMcpStreamStatus(payload);
     appendMcpOutput(server + ' ' + method, payload?.params?.text || payload);
   });
 } catch {