// src/components/docs/ops/DistributedTracingOpsPage.tsx
import { jsx, jsxs } from "react/jsx-runtime";
function OpsDistributedTracingPage() {
  return /* @__PURE__ */ jsxs("div", {
    className: "space-y-8",
    children: [
      /* @__PURE__ */ jsxs("div", {
        className: "space-y-4",
        children: [
          /* @__PURE__ */ jsx("h1", {
            className: "text-4xl font-bold",
            children: "Distributed Tracing"
          }),
          /* @__PURE__ */ jsx("p", {
            className: "text-muted-foreground text-lg",
            children: "ContractSpec uses OpenTelemetry (OTel) for distributed tracing. This guide explains how to configure exporters and collectors."
          })
        ]
      }),
      /* @__PURE__ */ jsxs("div", {
        className: "space-y-4",
        children: [
          /* @__PURE__ */ jsx("h2", {
            className: "text-2xl font-bold",
            children: "Configuration"
          }),
          /* @__PURE__ */ jsx("p", {
            children: "Configure the OTel SDK via environment variables:"
          }),
          /* @__PURE__ */ jsx("pre", {
            className: "bg-muted rounded-lg border p-4 text-sm",
            children: `OTEL_SERVICE_NAME=my-service
OTEL_EXPORTER_OTLP_ENDPOINT=http://otel-collector:4318
OTEL_TRACES_SAMPLER=parentbased_traceidratio
OTEL_TRACES_SAMPLER_ARG=0.1`
          })
        ]
      }),
      /* @__PURE__ */ jsxs("div", {
        className: "space-y-4",
        children: [
          /* @__PURE__ */ jsx("h2", {
            className: "text-2xl font-bold",
            children: "Exporters"
          }),
          /* @__PURE__ */ jsx("p", {
            children: "By default, the OTLP exporter is used. You can point it to:"
          }),
          /* @__PURE__ */ jsxs("ul", {
            className: "list-disc space-y-2 pl-6",
            children: [
              /* @__PURE__ */ jsx("li", {
                children: "Jaeger"
              }),
              /* @__PURE__ */ jsx("li", {
                children: "Tempo (Grafana)"
              }),
              /* @__PURE__ */ jsx("li", {
                children: "Honeycomb"
              }),
              /* @__PURE__ */ jsx("li", {
                children: "Datadog (via OTel Collector)"
              })
            ]
          })
        ]
      })
    ]
  });
}
export {
  OpsDistributedTracingPage
};
