@sidecar-ai/cli 0.1.0-alpha.13 → 0.1.0-alpha.15

package/dist/index.js

@@ -4561,14 +4561,14 @@ function renderDevHarnessHtml(state, options = {}) {
         border: 1px solid var(--border);
         border-radius: 10px;
         display: block;
-        height: clamp(360px, 58dvh, 720px);
-        min-height: 360px;
+        height: 360px;
+        min-height: 0;
         overflow: auto;
+        transition: height 120ms ease;
         width: 100%;
       }
       :root[data-sidecar-device="mobile"] .tool-body iframe {
-        height: clamp(440px, 70dvh, 680px);
-        min-height: 440px;
+        height: 440px;
       }
       
       .composer {
@@ -5021,6 +5021,7 @@ async function readMcpResource(mcpUrl, uri, authToken) {
   };
 }
 async function callMcp(mcpUrl, method, params, authToken) {
+  const requestId = randomUUID3();
   const response = await fetch(mcpUrl, {
     method: "POST",
     headers: {
@@ -5031,7 +5032,7 @@ async function callMcp(mcpUrl, method, params, authToken) {
     },
     body: JSON.stringify({
       jsonrpc: "2.0",
-      id: randomUUID3(),
+      id: requestId,
       method,
       params
     })
@@ -5040,12 +5041,26 @@ async function callMcp(mcpUrl, method, params, authToken) {
   if (!response.ok) {
     throw new HttpError(response.status, `MCP ${method} failed with HTTP ${response.status}: ${text}`);
   }
-  const json = JSON.parse(text);
+  const json = parseMcpResponse(text, response.headers.get("content-type"), requestId);
   if (json.error) {
     throw new HttpError(502, json.error.message ?? `MCP ${method} returned an error.`);
   }
   return json.result;
 }
+function parseMcpResponse(text, contentType, requestId) {
+  if (!contentType?.toLowerCase().includes("text/event-stream")) {
+    return JSON.parse(text);
+  }
+  for (const event of text.split(/\r?\n\r?\n/)) {
+    const data = event.split(/\r?\n/).filter((line) => line.startsWith("data:")).map((line) => line.slice(5).replace(/^ /, "")).join("\n");
+    if (!data.trim()) continue;
+    const message = JSON.parse(data);
+    if (message && typeof message === "object" && message.id === requestId) {
+      return message;
+    }
+  }
+  throw new Error(`MCP response stream did not contain a result for request "${requestId}".`);
+}
 function toOpenAiMessages(messages) {
   return [
     {
@@ -5443,6 +5458,16 @@ window.addEventListener("message", async (event) => {
       respond(event.source, message.id, { mode: message.params?.mode || "inline" });
       return;
     }
+    if (message.method === "ui/notifications/size-changed") {
+      const requestedHeight = Number(message.params?.height);
+      const iframe = [...document.querySelectorAll(".tool-body iframe")]
+        .find((candidate) => candidate.contentWindow === event.source);
+      if (iframe && Number.isFinite(requestedHeight) && requestedHeight > 0) {
+        iframe.style.height = Math.min(2000, Math.max(120, Math.ceil(requestedHeight))) + "px";
+        iframe.dataset.autoSized = "true";
+      }
+      return;
+    }
     if (message.method === "ui/message" || message.method === "ui/update-model-context") {
       respond(event.source, message.id, { isError: false });
       return;
@@ -5492,7 +5517,10 @@ async function streamChat(contentEl) {
         } else if (parsed.event === "tool_start") {
           appendToolStart(parsed.data);
         } else if (parsed.event === "tool_result") {
-          appendToolResult(parsed.data);
+          const toolArticle = appendToolResult(parsed.data);
+          if (parsed.data.tool?.resourceUri) {
+            moveAssistantAfterToolUi(contentEl, toolArticle);
+          }
         } else if (parsed.event === "error") {
           throw new Error(parsed.data.message || "Sidecar dev chat failed.");
         }
@@ -5562,6 +5590,17 @@ function renderAssistantError(element, message) {
   return text;
 }
 
+function moveAssistantAfterToolUi(contentEl, toolArticle) {
+  const assistantArticle = contentEl.closest(".message");
+  if (!assistantArticle || !toolArticle?.parentElement || assistantArticle === toolArticle) {
+    return;
+  }
+  if (toolArticle.nextSibling === assistantArticle) {
+    return;
+  }
+  messagesEl.insertBefore(assistantArticle, toolArticle.nextSibling);
+}
+
 function appendToolStart(tool) {
   const article = document.createElement("article");
   article.className = "tool-card";
@@ -5569,6 +5608,7 @@ function appendToolStart(tool) {
   article.innerHTML = '<div class="tool-head"><div class="tool-title"></div><div class="status">Running</div></div><div class="tool-body"></div>';
   article.querySelector(".tool-title").textContent = tool.title || tool.name;
   messagesEl.append(article);
+  return article;
 }
 
 function appendToolResult(event) {
@@ -5608,6 +5648,7 @@ function appendToolResult(event) {
     body.append(pre);
   }
   article.scrollIntoView({ block: "end" });
+  return article;
 }
 
 function toolText(result) {