"use strict"; const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { const _components = { code: "code", figcaption: "figcaption", figure: "figure", h2: "h2", p: "p", pre: "pre", span: "span", ..._provideComponents(), ...props.components }, {Badge, ComponentPreview, FlowDiagram, Step, Steps} = _components; if (!Badge) _missingMdxReference("Badge", true); if (!ComponentPreview) _missingMdxReference("ComponentPreview", true); if (!FlowDiagram) _missingMdxReference("FlowDiagram", true); if (!Step) _missingMdxReference("Step", true); if (!Steps) _missingMdxReference("Steps", true); return _jsxs(_Fragment, { children: [_jsx(_components.h2, { id: "dashboard-mental-model", children: "Dashboard mental model" }), "\n", _jsxs(_components.p, { children: ["When you ", _jsx(_components.code, { children: "dotnet run" }), " the AppHost, Aspire launches a dashboard that aggregates telemetry from every referenced project."] }), "\n", _jsx(FlowDiagram, {}), "\n", _jsx(_components.h2, { id: "launch-configuration", children: "Launch configuration" }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "dracula", children: ".vscode/launch.json" }), _jsx(_components.pre, { tabIndex: "0", "data-language": "json", "data-theme": "dracula", __rawstring__: "{\n \"version\": \"0.2.0\",\n \"configurations\": [\n {\n \"name\": \"AppHost\",\n \"type\": \"coreclr\",\n \"request\": \"launch\",\n \"program\": \"${workspaceFolder}/AppHost/bin/Debug/net9.0/AppHost.dll\",\n \"args\": [],\n \"cwd\": \"${workspaceFolder}/AppHost\",\n \"env\": {\n \"ASPNETCORE_ENVIRONMENT\": \"Development\",\n \"DOTNET_DASHBOARD_OTLP_ENDPOINT_URL\": \"http://localhost:18889\",\n \"DOTNET_RESOURCE_SERVICE_ENDPOINT_URL\": \"http://localhost:18890\"\n }\n },\n {\n \"name\": \"Catalog API (standalone)\",\n \"type\": \"coreclr\",\n \"request\": \"launch\",\n \"program\": \"${workspaceFolder}/CatalogApi/bin/Debug/net9.0/CatalogApi.dll\",\n \"cwd\": \"${workspaceFolder}/CatalogApi\",\n \"env\": {\n \"ConnectionStrings__catalog\": \"Host=localhost;Database=catalog;Username=postgres;Password=postgres\"\n }\n }\n ],\n \"compounds\": [\n {\n \"name\": \"Full stack\",\n \"configurations\": [\"AppHost\"]\n }\n ]\n}\n", children: _jsxs(_components.code, { "data-line-numbers": "", "data-language": "json", "data-theme": "dracula", style: { display: "grid" }, "data-line-numbers-max-digits": "2", children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#8BE9FE" }, children: " \"" }), _jsx(_components.span, { style: { color: "#8BE9FD" }, children: "version" }), _jsx(_components.span, { style: { color: "#8BE9FE" }, children: "\"" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: ":" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: " \"" }), _jsx(_components.span, { style: { color: "#F1FA8C" }, children: "0.2.0" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "\"" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#8BE9FE" }, children: " \"" }), _jsx(_components.span, { style: { color: "#8BE9FD" }, children: "configurations" }), _jsx(_components.span, { style: { color: "#8BE9FE" }, children: "\"" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: ":" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " {" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#8BE9FE" }, children: " \"" }), _jsx(_components.span, { style: { color: "#8BE9FD" }, children: "name" }), _jsx(_components.span, { style: { color: "#8BE9FE" }, children: "\"" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: ":" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: " \"" }), _jsx(_components.span, { style: { color: "#F1FA8C" }, children: "AppHost" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "\"" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#8BE9FE" }, children: " \"" }), _jsx(_components.span, { style: { color: "#8BE9FD" }, children: "type" }), _jsx(_components.span, { style: { color: "#8BE9FE" }, children: "\"" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: ":" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: " \"" }), _jsx(_components.span, { style: { color: "#F1FA8C" }, children: "coreclr" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "\"" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#8BE9FE" }, children: " \"" }), _jsx(_components.span, { style: { color: "#8BE9FD" }, children: "request" }), _jsx(_components.span, { style: { color: "#8BE9FE" }, children: "\"" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: ":" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: " \"" }), _jsx(_components.span, { style: { color: "#F1FA8C" }, children: "launch" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "\"" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#8BE9FE" }, children: " \"" }), _jsx(_components.span, { style: { color: "#8BE9FD" }, children: "program" }), _jsx(_components.span, { style: { color: "#8BE9FE" }, children: "\"" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: ":" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: " \"" }), _jsx(_components.span, { style: { color: "#F1FA8C" }, children: "${workspaceFolder}/AppHost/bin/Debug/net9.0/AppHost.dll" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "\"" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#8BE9FE" }, children: " \"" }), _jsx(_components.span, { style: { color: "#8BE9FD" }, children: "args" }), _jsx(_components.span, { style: { color: "#8BE9FE" }, children: "\"" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: ":" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " []," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#8BE9FE" }, children: " \"" }), _jsx(_components.span, { style: { color: "#8BE9FD" }, children: "cwd" }), _jsx(_components.span, { style: { color: "#8BE9FE" }, children: "\"" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: ":" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: " \"" }), _jsx(_components.span, { style: { color: "#F1FA8C" }, children: "${workspaceFolder}/AppHost" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "\"" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#8BE9FE" }, children: " \"" }), _jsx(_components.span, { style: { color: "#8BE9FD" }, children: "env" }), _jsx(_components.span, { style: { color: "#8BE9FE" }, children: "\"" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: ":" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#8BE9FE" }, children: " \"" }), _jsx(_components.span, { style: { color: "#8BE9FD" }, children: "ASPNETCORE_ENVIRONMENT" }), _jsx(_components.span, { style: { color: "#8BE9FE" }, children: "\"" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: ":" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: " \"" }), _jsx(_components.span, { style: { color: "#F1FA8C" }, children: "Development" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "\"" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#8BE9FE" }, children: " \"" }), _jsx(_components.span, { style: { color: "#8BE9FD" }, children: "DOTNET_DASHBOARD_OTLP_ENDPOINT_URL" }), _jsx(_components.span, { style: { color: "#8BE9FE" }, children: "\"" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: ":" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: " \"" }), _jsx(_components.span, { style: { color: "#F1FA8C" }, children: "http://localhost:18889" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "\"" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#8BE9FE" }, children: " \"" }), _jsx(_components.span, { style: { color: "#8BE9FD" }, children: "DOTNET_RESOURCE_SERVICE_ENDPOINT_URL" }), _jsx(_components.span, { style: { color: "#8BE9FE" }, children: "\"" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: ":" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: " \"" }), _jsx(_components.span, { style: { color: "#F1FA8C" }, children: "http://localhost:18890" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " }," }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " {" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#8BE9FE" }, children: " \"" }), _jsx(_components.span, { style: { color: "#8BE9FD" }, children: "name" }), _jsx(_components.span, { style: { color: "#8BE9FE" }, children: "\"" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: ":" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: " \"" }), _jsx(_components.span, { style: { color: "#F1FA8C" }, children: "Catalog API (standalone)" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "\"" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#8BE9FE" }, children: " \"" }), _jsx(_components.span, { style: { color: "#8BE9FD" }, children: "type" }), _jsx(_components.span, { style: { color: "#8BE9FE" }, children: "\"" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: ":" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: " \"" }), _jsx(_components.span, { style: { color: "#F1FA8C" }, children: "coreclr" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "\"" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#8BE9FE" }, children: " \"" }), _jsx(_components.span, { style: { color: "#8BE9FD" }, children: "request" }), _jsx(_components.span, { style: { color: "#8BE9FE" }, children: "\"" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: ":" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: " \"" }), _jsx(_components.span, { style: { color: "#F1FA8C" }, children: "launch" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "\"" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#8BE9FE" }, children: " \"" }), _jsx(_components.span, { style: { color: "#8BE9FD" }, children: "program" }), _jsx(_components.span, { style: { color: "#8BE9FE" }, children: "\"" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: ":" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: " \"" }), _jsx(_components.span, { style: { color: "#F1FA8C" }, children: "${workspaceFolder}/CatalogApi/bin/Debug/net9.0/CatalogApi.dll" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "\"" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#8BE9FE" }, children: " \"" }), _jsx(_components.span, { style: { color: "#8BE9FD" }, children: "cwd" }), _jsx(_components.span, { style: { color: "#8BE9FE" }, children: "\"" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: ":" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: " \"" }), _jsx(_components.span, { style: { color: "#F1FA8C" }, children: "${workspaceFolder}/CatalogApi" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "\"" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#8BE9FE" }, children: " \"" }), _jsx(_components.span, { style: { color: "#8BE9FD" }, children: "env" }), _jsx(_components.span, { style: { color: "#8BE9FE" }, children: "\"" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: ":" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#8BE9FE" }, children: " \"" }), _jsx(_components.span, { style: { color: "#8BE9FD" }, children: "ConnectionStrings__catalog" }), _jsx(_components.span, { style: { color: "#8BE9FE" }, children: "\"" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: ":" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: " \"" }), _jsx(_components.span, { style: { color: "#F1FA8C" }, children: "Host=localhost;Database=catalog;Username=postgres;Password=postgres" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#8BE9FE" }, children: " \"" }), _jsx(_components.span, { style: { color: "#8BE9FD" }, children: "compounds" }), _jsx(_components.span, { style: { color: "#8BE9FE" }, children: "\"" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: ":" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " {" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#8BE9FE" }, children: " \"" }), _jsx(_components.span, { style: { color: "#8BE9FD" }, children: "name" }), _jsx(_components.span, { style: { color: "#8BE9FE" }, children: "\"" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: ":" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: " \"" }), _jsx(_components.span, { style: { color: "#F1FA8C" }, children: "Full stack" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "\"" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#8BE9FE" }, children: " \"" }), _jsx(_components.span, { style: { color: "#8BE9FD" }, children: "configurations" }), _jsx(_components.span, { style: { color: "#8BE9FE" }, children: "\"" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: ":" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " [" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "\"" }), _jsx(_components.span, { style: { color: "#F1FA8C" }, children: "AppHost" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "\"" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "]" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " ]" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "}" }) })] }) })] }), "\n", _jsx(_components.h2, { id: "structured-logging-patterns", children: "Structured logging patterns" }), "\n", _jsx(_components.p, { children: "Use consistent log templates so the dashboard filter bar stays useful across services." }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "csharp", "data-theme": "dracula", children: "OrderProcessor/Workers/OrderConsumer.cs" }), _jsx(_components.pre, { tabIndex: "0", "data-language": "csharp", "data-theme": "dracula", __rawstring__: "public sealed class OrderConsumer(\n ILogger logger,\n CatalogApiClient catalog,\n IOrderRepository orders)\n{\n public async Task HandleAsync(OrderPlaced message, CancellationToken ct)\n {\n using var scope = logger.BeginScope(new Dictionary\n {\n [\"OrderId\"] = message.OrderId,\n [\"CustomerId\"] = message.CustomerId,\n });\n\n logger.LogInformation(\"Processing order {OrderId} with {LineCount} lines\", message.OrderId, message.Lines.Count);\n\n foreach (var line in message.Lines)\n {\n logger.LogDebug(\"Checking stock for SKU {Sku}\", line.Sku);\n var available = await catalog.CheckStockAsync(line.Sku, ct);\n if (available < line.Quantity)\n {\n logger.LogWarning(\"Insufficient stock for {Sku}: need {Need}, have {Have}\", line.Sku, line.Quantity, available);\n await orders.MarkFailedAsync(message.OrderId, \"Insufficient stock\", ct);\n return;\n }\n }\n\n await orders.MarkCompletedAsync(message.OrderId, ct);\n logger.LogInformation(\"Order {OrderId} completed\", message.OrderId);\n }\n}\n", children: _jsxs(_components.code, { "data-line-numbers": "", "data-language": "csharp", "data-theme": "dracula", style: { display: "grid" }, "data-line-numbers-max-digits": "2", children: [_jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#FF79C6" }, children: "public" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: " sealed" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: " class" }), _jsx(_components.span, { style: { color: "#8BE9FD" }, children: " OrderConsumer" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "(" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#8BE9FD", fontStyle: "italic" }, children: " ILogger" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "<" }), _jsx(_components.span, { style: { color: "#8BE9FD", fontStyle: "italic" }, children: "OrderConsumer" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "> " }), _jsx(_components.span, { style: { color: "#FFB86C", fontStyle: "italic" }, children: "logger" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#8BE9FD", fontStyle: "italic" }, children: " CatalogApiClient" }), _jsx(_components.span, { style: { color: "#FFB86C", fontStyle: "italic" }, children: " catalog" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#8BE9FD", fontStyle: "italic" }, children: " IOrderRepository" }), _jsx(_components.span, { style: { color: "#FFB86C", fontStyle: "italic" }, children: " orders" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: ")" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#FF79C6" }, children: " public" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: " async" }), _jsx(_components.span, { style: { color: "#8BE9FD", fontStyle: "italic" }, children: " Task" }), _jsx(_components.span, { style: { color: "#50FA7B" }, children: " HandleAsync" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "(" }), _jsx(_components.span, { style: { color: "#8BE9FD", fontStyle: "italic" }, children: "OrderPlaced" }), _jsx(_components.span, { style: { color: "#FFB86C", fontStyle: "italic" }, children: " message" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: ", " }), _jsx(_components.span, { style: { color: "#8BE9FD", fontStyle: "italic" }, children: "CancellationToken" }), _jsx(_components.span, { style: { color: "#FFB86C", fontStyle: "italic" }, children: " ct" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: ")" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " {" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#FF79C6" }, children: " using" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: " var" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " scope " }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: "=" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " logger." }), _jsx(_components.span, { style: { color: "#50FA7B" }, children: "BeginScope" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "(" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: "new" }), _jsx(_components.span, { style: { color: "#8BE9FD", fontStyle: "italic" }, children: " Dictionary" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "<" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: "string" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: ", " }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: "object" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: ">" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " {" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#F8F8F2" }, children: " [" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "\"" }), _jsx(_components.span, { style: { color: "#F1FA8C" }, children: "OrderId" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "\"" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "] " }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: "=" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " message.OrderId," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#F8F8F2" }, children: " [" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "\"" }), _jsx(_components.span, { style: { color: "#F1FA8C" }, children: "CustomerId" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "\"" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "] " }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: "=" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " message.CustomerId," })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " });" }) }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#F8F8F2" }, children: " logger." }), _jsx(_components.span, { style: { color: "#50FA7B" }, children: "LogInformation" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "(" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "\"" }), _jsx(_components.span, { style: { color: "#F1FA8C" }, children: "Processing order {OrderId} with {LineCount} lines" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "\"" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: ", message.OrderId, message.Lines.Count);" })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#FF79C6" }, children: " foreach" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " (" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: "var" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " line " }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: "in" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " message.Lines)" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " {" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#F8F8F2" }, children: " logger." }), _jsx(_components.span, { style: { color: "#50FA7B" }, children: "LogDebug" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "(" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "\"" }), _jsx(_components.span, { style: { color: "#F1FA8C" }, children: "Checking stock for SKU {Sku}" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "\"" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: ", line.Sku);" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#FF79C6" }, children: " var" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " available " }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: "=" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: " await" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " catalog." }), _jsx(_components.span, { style: { color: "#50FA7B" }, children: "CheckStockAsync" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "(line.Sku, ct);" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#FF79C6" }, children: " if" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " (available " }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: "<" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " line.Quantity)" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " {" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#F8F8F2" }, children: " logger." }), _jsx(_components.span, { style: { color: "#50FA7B" }, children: "LogWarning" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "(" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "\"" }), _jsx(_components.span, { style: { color: "#F1FA8C" }, children: "Insufficient stock for {Sku}: need {Need}, have {Have}" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "\"" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: ", line.Sku, line.Quantity, available);" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#FF79C6" }, children: " await" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " orders." }), _jsx(_components.span, { style: { color: "#50FA7B" }, children: "MarkFailedAsync" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "(message.OrderId, " }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "\"" }), _jsx(_components.span, { style: { color: "#F1FA8C" }, children: "Insufficient stock" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "\"" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: ", ct);" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#FF79C6" }, children: " return" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: ";" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#FF79C6" }, children: " await" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " orders." }), _jsx(_components.span, { style: { color: "#50FA7B" }, children: "MarkCompletedAsync" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "(message.OrderId, ct);" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#F8F8F2" }, children: " logger." }), _jsx(_components.span, { style: { color: "#50FA7B" }, children: "LogInformation" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "(" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "\"" }), _jsx(_components.span, { style: { color: "#F1FA8C" }, children: "Order {OrderId} completed" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "\"" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: ", message.OrderId);" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "}" }) })] }) })] }), "\n", _jsx(_components.h2, { id: "ui-preview-status-badges", children: "UI preview: status badges" }), "\n", _jsxs(ComponentPreview, { children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx(Badge, { children: "Running" }), _jsx(Badge, { variant: "secondary", children: "Waiting" }), _jsx(Badge, { variant: "outline", children: "Stopped" })] }), _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "tsx", "data-theme": "dracula", children: "components/resource-status.tsx" }), _jsx(_components.pre, { tabIndex: "0", "data-language": "tsx", "data-theme": "dracula", __rawstring__: "import { Badge } from '@/components/ui/badge';\n\ntype ResourceState = 'Running' | 'Waiting' | 'Stopped';\n\nexport function ResourceStatus({ state }: { state: ResourceState }) {\n const variant =\n state === 'Running' ? 'default' : state === 'Waiting' ? 'secondary' : 'outline';\n\n return {state};\n}\n", children: _jsxs(_components.code, { "data-line-numbers": "", "data-language": "tsx", "data-theme": "dracula", style: { display: "grid" }, "data-line-numbers-max-digits": "2", children: [_jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#FF79C6" }, children: "import" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " { Badge } " }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: "from" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: " '" }), _jsx(_components.span, { style: { color: "#F1FA8C" }, children: "@/components/ui/badge" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "'" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: ";" })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#FF79C6" }, children: "type" }), _jsx(_components.span, { style: { color: "#8BE9FD", fontStyle: "italic" }, children: " ResourceState" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: " =" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: " '" }), _jsx(_components.span, { style: { color: "#F1FA8C" }, children: "Running" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "'" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: " |" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: " '" }), _jsx(_components.span, { style: { color: "#F1FA8C" }, children: "Waiting" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "'" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: " |" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: " '" }), _jsx(_components.span, { style: { color: "#F1FA8C" }, children: "Stopped" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "'" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: ";" })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#FF79C6" }, children: "export" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: " function" }), _jsx(_components.span, { style: { color: "#50FA7B" }, children: " ResourceStatus" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "({ " }), _jsx(_components.span, { style: { color: "#FFB86C", fontStyle: "italic" }, children: "state" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " }" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: ":" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " { state" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: ":" }), _jsx(_components.span, { style: { color: "#8BE9FD", fontStyle: "italic" }, children: " ResourceState" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " }) {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#FF79C6" }, children: " const" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " variant " }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: "=" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#F8F8F2" }, children: " state " }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: "===" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: " '" }), _jsx(_components.span, { style: { color: "#F1FA8C" }, children: "Running" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "'" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: " ?" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: " '" }), _jsx(_components.span, { style: { color: "#F1FA8C" }, children: "default" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "'" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: " :" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " state " }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: "===" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: " '" }), _jsx(_components.span, { style: { color: "#F1FA8C" }, children: "Waiting" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "'" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: " ?" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: " '" }), _jsx(_components.span, { style: { color: "#F1FA8C" }, children: "secondary" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "'" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: " :" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: " '" }), _jsx(_components.span, { style: { color: "#F1FA8C" }, children: "outline" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "'" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: ";" })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#FF79C6" }, children: " return" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " <" }), _jsx(_components.span, { style: { color: "#8BE9FD", fontStyle: "italic" }, children: "Badge" }), _jsx(_components.span, { style: { color: "#50FA7B", fontStyle: "italic" }, children: " variant" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: "=" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "{variant}>{state};" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "}" }) })] }) })] })] }), "\n", _jsx(_components.h2, { id: "troubleshooting-checklist", children: "Troubleshooting checklist" }), "\n", _jsxs(Steps, { children: [_jsx(Step, { children: "Confirm the AppHost is the startup project" }), _jsx(_components.figure, { "data-rehype-pretty-code-figure": "", children: _jsx(_components.pre, { tabIndex: "0", "data-language": "bash", "data-theme": "dracula", __rawstring__: "dotnet run --project AppHost\n", children: _jsx(_components.code, { "data-line-numbers": "", "data-language": "bash", "data-theme": "dracula", style: { display: "grid" }, "data-line-numbers-max-digits": "1", children: _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#50FA7B" }, children: "dotnet" }), _jsx(_components.span, { style: { color: "#F1FA8C" }, children: " run" }), _jsx(_components.span, { style: { color: "#BD93F9" }, children: " --project" }), _jsx(_components.span, { style: { color: "#F1FA8C" }, children: " AppHost" })] }) }) }) }), _jsx(Step, { children: "Open the dashboard URL printed in the console" }), _jsxs(_components.p, { children: ["Usually ", _jsx(_components.code, { children: "https://localhost:17xxx" }), " — accept the dev certificate if prompted."] }), _jsx(Step, { children: "Verify OTLP endpoints match between AppHost and services" }), _jsx(_components.figure, { "data-rehype-pretty-code-figure": "", children: _jsx(_components.pre, { tabIndex: "0", "data-language": "bash", "data-theme": "dracula", __rawstring__: "echo $DOTNET_DASHBOARD_OTLP_ENDPOINT_URL\n", children: _jsx(_components.code, { "data-line-numbers": "", "data-language": "bash", "data-theme": "dracula", style: { display: "grid" }, "data-line-numbers-max-digits": "1", children: _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#8BE9FD" }, children: "echo" }), _jsx(_components.span, { style: { color: "#BD93F9" }, children: " $DOTNET_DASHBOARD_OTLP_ENDPOINT_URL" })] }) }) }) }), _jsxs(Step, { children: ["Check ", _jsx(_components.code, { children: "/health" }), " returns 200 for each API resource"] })] })] }); } function MDXContent(props = {}) { const {wrapper: MDXLayout} = { ..._provideComponents(), ...props.components }; return MDXLayout ? _jsx(MDXLayout, { ...props, children: _jsx(_createMdxContent, { ...props }) }) : _createMdxContent(props); } return { default: MDXContent }; function _missingMdxReference(id, component) { throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it."); }