[{"data":1,"prerenderedAt":233},["ShallowReactive",2],{"navigation_docs":3,"-devtools-ui":61,"-devtools-ui-surround":228},[4,21,42,52],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":20},"Getting Started","i-lucide-rocket","\u002Fgetting-started","1.getting-started",[10,15],{"title":11,"path":12,"stem":13,"icon":14},"Introduction","\u002Fgetting-started\u002Fintroduction","1.getting-started\u002F1.introduction","i-lucide-house",{"title":16,"path":17,"stem":18,"icon":19},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",false,{"title":22,"icon":23,"path":24,"stem":25,"children":26,"page":20},"Guide","i-lucide-book-open","\u002Fguide","2.guide",[27,32,37],{"title":28,"path":29,"stem":30,"icon":31},"Configuration","\u002Fguide\u002Fconfiguration","2.guide\u002F1.configuration","i-lucide-settings",{"title":33,"path":34,"stem":35,"icon":36},"Server Composables","\u002Fguide\u002Fserver-composables","2.guide\u002F2.server-composables","i-lucide-code",{"title":38,"path":39,"stem":40,"icon":41},"MCP Server","\u002Fguide\u002Fmcp-server","2.guide\u002F3.mcp-server","i-lucide-brain",{"title":43,"icon":44,"path":45,"stem":46,"children":47,"page":20},"DevTools","i-lucide-monitor","\u002Fdevtools","3.devtools",[48],{"title":49,"path":50,"stem":51,"icon":44},"DevTools UI","\u002Fdevtools\u002Fui","3.devtools\u002F1.ui",{"title":53,"icon":54,"path":55,"stem":56,"children":57,"page":20},"Traced Events","i-lucide-activity","\u002Ftraced-events","4.traced-events",[58],{"title":53,"path":59,"stem":60,"icon":54},"\u002Ftraced-events\u002Fchannels","4.traced-events\u002F1.channels",{"id":62,"title":49,"body":63,"description":221,"extension":222,"links":223,"meta":224,"navigation":225,"path":50,"seo":226,"stem":51,"__hash__":227},"docs\u002F3.devtools\u002F1.ui.md",{"type":64,"value":65,"toc":214},"minimark",[66,79,84,92,96,99,127,131,137,140,143,169,173,176,186,197,201],[67,68,69,70,74,75,78],"p",{},"When devtools are enabled (",[71,72,73],"code",{},"devtools: true"," in ",[71,76,77],{},"nuxtOtel"," config), the module provides a built-in UI for browsing traces and logs in real time.",[80,81,83],"h2",{"id":82},"browse-traces","Browse traces",[67,85,86,87,91],{},"The ",[88,89,90],"strong",{},"Traces"," view shows a resizable split panel with a trace list on the left and a waterfall timeline with span details on the right.",[93,94],"telemetry-demo",{"initial-tab":95},"traces",[67,97,98],{},"Each trace shows:",[100,101,102,109,115,121],"ul",{},[103,104,105,108],"li",{},[88,106,107],{},"Duration"," — Total execution time",[103,110,111,114],{},[88,112,113],{},"Spans"," — Number of spans in the trace",[103,116,117,120],{},[88,118,119],{},"Service"," — The service that generated the trace",[103,122,123,126],{},[88,124,125],{},"Timeline"," — Waterfall visualization of span hierarchy",[80,128,130],{"id":129},"browse-logs","Browse logs",[67,132,86,133,136],{},[88,134,135],{},"Logs"," view provides a scrollable list of log entries with expandable metadata.",[93,138],{"initial-tab":139},"logs",[67,141,142],{},"Each log entry shows:",[100,144,145,151,157,163],{},[103,146,147,150],{},[88,148,149],{},"Timestamp"," — When the log was emitted",[103,152,153,156],{},[88,154,155],{},"Severity"," — Color-coded severity badge (info, warn, error)",[103,158,159,162],{},[88,160,161],{},"Body"," — The log message",[103,164,165,168],{},[88,166,167],{},"Attributes"," — Expandable key-value metadata",[80,170,172],{"id":171},"forward-data-from-a-custom-sdk","Forward data from a custom SDK",[67,174,175],{},"When using a custom instrumentation setup, forward spans and logs to the DevTools UI by exporting to the OTLP HTTP endpoint:",[177,178,183],"pre",{"className":179,"code":181,"language":182},[180],"language-text","{devServerUrl}\u002F__nuxt-otel-ingest\n","text",[71,184,181],{"__ignoreMap":185},"",[67,187,188,189,192,193,196],{},"The endpoint accepts both trace and log OTLP JSON payloads (",[71,190,191],{},"\u002Fv1\u002Ftraces"," and ",[71,194,195],{},"\u002Fv1\u002Flogs",").",[80,198,200],{"id":199},"next-steps","Next steps",[100,202,203,209],{},[103,204,205],{},[206,207,208],"a",{"href":29},"Configure the module",[103,210,211],{},[206,212,213],{"href":34},"Add manual instrumentation",{"title":185,"searchDepth":215,"depth":215,"links":216},2,[217,218,219,220],{"id":82,"depth":215,"text":83},{"id":129,"depth":215,"text":130},{"id":171,"depth":215,"text":172},{"id":199,"depth":215,"text":200},"Browse traces and logs in real time with the built-in DevTools UI","md",null,{},{"icon":44},{"title":49,"description":221},"8vyZQtyvXbdw7XUWuhKZs3s44JCFiPb22FVPgN48I84",[229,231],{"title":38,"path":39,"stem":40,"description":230,"icon":41,"children":-1},"Query telemetry data from AI agents via the Model Context Protocol",{"title":53,"path":59,"stem":60,"description":232,"icon":54,"children":-1},"Reference of all diagnostic channels and the events they trace",1787688356248]