@mtharrison/loupe 1.5.0 → 1.7.0

package/README.md

@@ -50,7 +50,7 @@ Enable tracing explicitly:
 export LLM_TRACE_ENABLED=1
 ```
 
-Or just run your app with `NODE_ENV=development`. Loupe now enables tracing implicitly in development and opens the dashboard automatically on first start in an interactive local terminal.
+Or just run your app with `NODE_ENV=development`. Loupe enables tracing implicitly in development and eagerly starts the dashboard when the tracer is first created, opening it automatically in an interactive local terminal.
 
 If your app already uses a higher-level model interface or the official OpenAI client, Loupe can wrap that directly instead of requiring manual `record*` calls.
 
@@ -89,7 +89,7 @@ for await (const chunk of stream) {
 }
 ```
 
-If you do not call `startServer()` yourself, the dashboard starts lazily on the first recorded trace.
+In `NODE_ENV=development`, you do not need to call `startServer()` explicitly. Creating the tracer is enough to start the dashboard.
 
 When the server starts, Loupe prints the local URL:
 

package/dist/client/app.js

@@ -22851,6 +22851,7 @@ function TraceDetailPanel({
 }
 function renderTabContent(tab, detail, jsonMode, onApplyTagFilter, onApplyTraceFilter) {
   const requestMessages = detail.request.input?.messages || [];
+  const requestStructuredOutput = getRequestStructuredOutput(detail.request);
   const responseMessage = getResponseMessage(detail);
   const toolCalls = getToolCalls(detail);
   const usage = getUsage(detail);
@@ -22883,6 +22884,13 @@ function renderTabContent(tab, detail, jsonMode, onApplyTagFilter, onApplyTraceF
             messages: requestMessages
           }
         ),
+        requestStructuredOutput ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          JsonCard,
+          {
+            title: requestStructuredOutput.title,
+            value: requestStructuredOutput.value
+          }
+        ) : null,
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(JsonCard, { title: "Request options", value: detail.request.options }),
         (detail.request.input?.tools || []).length ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           JsonCard,
@@ -23966,6 +23974,32 @@ function extractTraceRequestPreview(request) {
   }
   return summariseMessageValue(lastUserMessage.content);
 }
+function getRequestStructuredOutput(request) {
+  const input = request?.input;
+  if (!input || typeof input !== "object") {
+    return null;
+  }
+  if ("response_format" in input && input.response_format !== void 0) {
+    return {
+      title: "Response format",
+      value: input.response_format
+    };
+  }
+  if (input.text && typeof input.text === "object" && "format" in input.text && input.text.format !== void 0) {
+    return {
+      title: "Structured output",
+      value: input.text.format
+    };
+  }
+  const options = request?.options;
+  if (options && typeof options === "object" && "responseFormat" in options && options.responseFormat !== void 0) {
+    return {
+      title: "Response format",
+      value: options.responseFormat
+    };
+  }
+  return null;
+}
 function extractTraceResponsePreview(trace) {
   if (trace.mode === "stream") {
     const content2 = trace.stream?.reconstructed?.message?.content;

package/dist/index.js

@@ -65,6 +65,9 @@ function getLocalLLMTracer(config = {}) {
     else if (config && Object.keys(config).length > 0) {
         singleton.configure(config);
     }
+    if (shouldEagerStartDashboard()) {
+        void singleton.startServer();
+    }
     return singleton;
 }
 function startTraceServer(config = {}) {
@@ -343,6 +346,9 @@ function shouldAutoOpenDashboard() {
         && !process.env.CI
         && !!process.stdout.isTTY);
 }
+function shouldEagerStartDashboard() {
+    return process.env.NODE_ENV === 'development';
+}
 function openBrowser(url) {
     const command = process.platform === 'darwin'
         ? ['open', [url]]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mtharrison/loupe",
-  "version": "1.5.0",
+  "version": "1.7.0",
   "description": "Lightweight local tracing dashboard for LLM calls",
   "author": "Matt Harrison",
   "license": "MIT",