sunpeak 0.18.6 → 0.18.7

package/dist/mcp/index.js

@@ -9105,6 +9105,10 @@ function injectDefaultDomain(meta, clientName, serverUrl) {
 //#region src/mcp/server.ts
 var localDevServerUrl = "http://localhost:8000";
 var localHmrWsUrl = "ws://localhost:24678";
+var lastToolTimingMs = null;
+function isDevOverlayEnabled() {
+	return process.env.SUNPEAK_DEV_OVERLAY !== "false";
+}
 /**
 * Detect whether this request needs pre-built HTML (no Vite HMR).
 *
@@ -9130,6 +9134,57 @@ function readResourceHtmlProd(distPath) {
 	return fs.readFileSync(htmlPath, "utf8");
 }
 /**
+* Generate an inline script that shows a dev overlay with resource served timestamp
+* and tool call request timing.
+*
+* The resource timestamp is baked into the HTML at readResource time. Tool timing
+* arrives two ways:
+* 1. Baked-in `toolMs` from readResource time (works when the tool call precedes the
+*    resource read, which is the case for Claude and the inspector's initial render).
+* 2. `_meta._sunpeak.requestTimeMs` on the tool result PostMessage (handles inspector
+*    Re-run and hosts that pass `_meta` through to the resource iframe).
+*
+* NOTE: Keep in sync with bin/lib/dev-overlay.mjs (used by the standalone inspector).
+*
+* @param servedAt - Unix timestamp (ms) when the resource HTML was generated/served.
+* @param toolMs - Most recent tool call duration (ms), or null if no call yet.
+*/
+function getDevOverlayScript(servedAt, toolMs) {
+	return `<script>
+(function(){
+  var servedAt=${servedAt};
+  var el=null,hidden=false,lastMs=${toolMs ?? "null"};
+  function fmt(ts){var d=new Date(ts);var h=d.getHours(),m=d.getMinutes(),s=d.getSeconds();return (h<10?'0':'')+h+':'+(m<10?'0':'')+m+':'+(s<10?'0':'')+s}
+  function make(){
+    var existing=document.getElementById('__sunpeak-dev-timing');
+    if(existing)return existing;
+    var b=document.createElement('button');b.id='__sunpeak-dev-timing';
+    b.style.cssText='position:fixed;bottom:8px;right:8px;z-index:2147483647;display:grid;grid-template-columns:auto auto;gap:0 6px;align-items:baseline;padding:5px 8px;border-radius:6px;border:1px solid rgba(128,128,128,0.25);background:rgba(0,0,0,0.75);backdrop-filter:blur(8px);color:#e5e5e5;font-size:11px;font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;line-height:1.4;cursor:pointer;user-select:none;opacity:0.85;transition:opacity 150ms;';
+    b.onmouseenter=function(){b.style.opacity='1'};
+    b.onmouseleave=function(){b.style.opacity='0.85'};
+    b.onclick=function(){hidden=!hidden;upd()};
+    document.body.appendChild(b);return b;
+  }
+  function upd(){
+    if(!el)el=make();
+    if(hidden){el.title='Show dev info';el.innerHTML='<span style="grid-column:1/-1;font-size:9px;text-align:center">DEV</span>';return}
+    var h='';
+    h+='<span style="text-align:right;color:rgba(255,255,255,0.5);white-space:nowrap">Resource:</span><span style="white-space:nowrap">'+fmt(servedAt)+'</span>';
+    if(lastMs!=null)h+='<span style="text-align:right;color:rgba(255,255,255,0.5);white-space:nowrap">Tool:</span><span style="white-space:nowrap">'+(lastMs%1===0?lastMs:lastMs.toFixed(1))+'ms</span>';
+    el.title='Hide dev info';el.innerHTML=h;
+  }
+  upd();
+  window.addEventListener('message',function(e){
+    var d=e.data;if(!d||typeof d!=='object')return;
+    if(d.method!=='ui/notifications/tool-result')return;
+    var p=d.params;if(!p)return;
+    var ms=p._meta&&p._meta._sunpeak&&p._meta._sunpeak.requestTimeMs;
+    if(typeof ms==='number'){lastMs=ms;upd()}
+  });
+})();
+<\/script>`;
+}
+/**
 * Generate HTML that loads from Vite dev server with HMR.
 * Used for direct connections (e.g. ChatGPT connecting to localhost).
 */
@@ -9172,6 +9227,7 @@ function getViteResourceHtml(srcPath) {
 		src: srcPath,
 		component: componentName
 	}).toString()}`}"><\/script>
+  ${isDevOverlayEnabled() ? getDevOverlayScript(Date.now(), lastToolTimingMs) : ""}
 </body>
 </html>`;
 }
@@ -9183,7 +9239,9 @@ function getViteResourceHtml(srcPath) {
 */
 function getResourceHtml(simulation, viteMode, prodBuild) {
 	if (viteMode && simulation.srcPath && !prodBuild) return getViteResourceHtml(simulation.srcPath);
-	return readResourceHtmlProd(simulation.distPath);
+	let html = readResourceHtmlProd(simulation.distPath);
+	if (isDevOverlayEnabled()) html = html.replace("</body>", `${getDevOverlayScript(Date.now(), lastToolTimingMs)}\n</body>`);
+	return html;
 }
 /**
 * Inject localhost Vite dev server URLs into CSP metadata.
@@ -9304,14 +9362,29 @@ function createAppServer(config, simulations, viteMode) {
 				const realHandler = simulation.handler;
 				if (realHandler && (config.prodTools || !hasMockResult)) {
 					console.log(`[MCP] CallTool: ${tool.name}${argsStr} → live handler`);
+					const startTime = performance.now();
 					try {
 						const result = await realHandler(args, extra);
-						if (typeof result === "string") return { content: [{
-							type: "text",
-							text: result
-						}] };
-						return result;
+						const durationMs = Math.round((performance.now() - startTime) * 10) / 10;
+						lastToolTimingMs = durationMs;
+						if (typeof result === "string") return {
+							content: [{
+								type: "text",
+								text: result
+							}],
+							_meta: { _sunpeak: { requestTimeMs: durationMs } }
+						};
+						const typed = result;
+						return {
+							...typed,
+							_meta: {
+								...typed._meta,
+								_sunpeak: { requestTimeMs: durationMs }
+							}
+						};
 					} catch (error) {
+						const durationMs = Math.round((performance.now() - startTime) * 10) / 10;
+						lastToolTimingMs = durationMs;
 						const msg = error instanceof Error ? error.message : String(error);
 						console.error(`[MCP] CallTool error (${tool.name}): ${msg}`);
 						return {
@@ -9319,7 +9392,8 @@ function createAppServer(config, simulations, viteMode) {
 								type: "text",
 								text: `Error: ${msg}`
 							}],
-							isError: true
+							isError: true,
+							_meta: { _sunpeak: { requestTimeMs: durationMs } }
 						};
 					}
 				}