@mtharrison/loupe 1.6.0 → 1.7.0

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/package.json

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