autotel-devtools 21.0.1 → 23.0.0

package/dist/wire/index.cjs

@@ -0,0 +1,7 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_wire = require('../wire-CHU1PkMo.cjs');
+
+exports.decodeTrace = require_wire.decodeTrace;
+exports.decodeTraces = require_wire.decodeTraces;
+exports.encodeTrace = require_wire.encodeTrace;
+exports.encodeTraces = require_wire.encodeTraces;

package/dist/wire/index.d.cts

@@ -0,0 +1,26 @@
+import { a as SpanData, o as TraceData } from "../types-B0tjwFqj.cjs";
+//#region src/wire/wire.d.ts
+/** A span as sent: `endTime` present only when `duration` cannot reproduce it. */
+type WireSpan = Omit<SpanData, 'endTime'> & {
+  endTime?: number;
+};
+/** A trace as sent. `rootSpan` stays whole; deduping it measured at 0%. */
+type WireTrace = Omit<TraceData, 'endTime' | 'spans' | 'rootSpan'> & {
+  endTime?: number;
+  spans: WireSpan[];
+  rootSpan: WireSpan;
+};
+declare function encodeTrace(trace: TraceData): WireTrace;
+/**
+ * Rebuild a trace from the wire.
+ *
+ * Defensive about `spans` and `rootSpan` because this is a trust boundary: it
+ * parses whatever answered on the port, and a decode that throws would blank
+ * the list rather than showing one odd trace. The encoder above always writes
+ * both.
+ */
+declare function decodeTrace(wire: WireTrace): TraceData;
+declare const encodeTraces: (traces: TraceData[]) => WireTrace[];
+declare const decodeTraces: (wire: WireTrace[]) => TraceData[];
+//#endregion
+export { type WireSpan, type WireTrace, decodeTrace, decodeTraces, encodeTrace, encodeTraces };

package/dist/wire/index.d.ts

@@ -0,0 +1,26 @@
+import { a as SpanData, o as TraceData } from "../types-DM8y4A9Z.js";
+//#region src/wire/wire.d.ts
+/** A span as sent: `endTime` present only when `duration` cannot reproduce it. */
+type WireSpan = Omit<SpanData, 'endTime'> & {
+  endTime?: number;
+};
+/** A trace as sent. `rootSpan` stays whole; deduping it measured at 0%. */
+type WireTrace = Omit<TraceData, 'endTime' | 'spans' | 'rootSpan'> & {
+  endTime?: number;
+  spans: WireSpan[];
+  rootSpan: WireSpan;
+};
+declare function encodeTrace(trace: TraceData): WireTrace;
+/**
+ * Rebuild a trace from the wire.
+ *
+ * Defensive about `spans` and `rootSpan` because this is a trust boundary: it
+ * parses whatever answered on the port, and a decode that throws would blank
+ * the list rather than showing one odd trace. The encoder above always writes
+ * both.
+ */
+declare function decodeTrace(wire: WireTrace): TraceData;
+declare const encodeTraces: (traces: TraceData[]) => WireTrace[];
+declare const decodeTraces: (wire: WireTrace[]) => TraceData[];
+//#endregion
+export { type WireSpan, type WireTrace, decodeTrace, decodeTraces, encodeTrace, encodeTraces };

package/dist/wire/index.js

@@ -0,0 +1,3 @@
+import { i as encodeTraces, n as decodeTraces, r as encodeTrace, t as decodeTrace } from "../wire-2Rmfg6IT.js";
+
+export { decodeTrace, decodeTraces, encodeTrace, encodeTraces };

package/dist/wire-2Rmfg6IT.js

@@ -0,0 +1,51 @@
+//#region src/wire/wire.ts
+/**
+* Drop an end time the start and duration already imply.
+*
+* Ingest always sets `duration` to `endTime - startTime`, so in practice this
+* drops every one. It is written as a condition rather than an assumption
+* because an embedder calling `ingestTraces` directly is bound by no such
+* invariant, and a silently wrong `endTime` draws a waterfall bar of the wrong
+* width rather than failing.
+*/
+function encodeTimes(value) {
+	const { endTime, ...rest } = value;
+	return endTime === value.startTime + value.duration ? rest : {
+		...rest,
+		endTime
+	};
+}
+function decodeTimes(value) {
+	return {
+		...value,
+		endTime: value.endTime ?? (value.startTime ?? 0) + (value.duration ?? 0)
+	};
+}
+function encodeTrace(trace) {
+	return {
+		...encodeTimes(trace),
+		rootSpan: encodeTimes(trace.rootSpan),
+		spans: trace.spans.map(encodeTimes)
+	};
+}
+/**
+* Rebuild a trace from the wire.
+*
+* Defensive about `spans` and `rootSpan` because this is a trust boundary: it
+* parses whatever answered on the port, and a decode that throws would blank
+* the list rather than showing one odd trace. The encoder above always writes
+* both.
+*/
+function decodeTrace(wire) {
+	const spans = Array.isArray(wire.spans) ? wire.spans.map(decodeTimes) : [];
+	return {
+		...decodeTimes(wire),
+		rootSpan: wire.rootSpan ? decodeTimes(wire.rootSpan) : spans[0],
+		spans
+	};
+}
+const encodeTraces = (traces) => traces.map(encodeTrace);
+const decodeTraces = (wire) => wire.map(decodeTrace);
+
+//#endregion
+export { encodeTraces as i, decodeTraces as n, encodeTrace as r, decodeTrace as t };

package/dist/wire-CHU1PkMo.cjs

@@ -0,0 +1,75 @@
+
+//#region src/wire/wire.ts
+/**
+* Drop an end time the start and duration already imply.
+*
+* Ingest always sets `duration` to `endTime - startTime`, so in practice this
+* drops every one. It is written as a condition rather than an assumption
+* because an embedder calling `ingestTraces` directly is bound by no such
+* invariant, and a silently wrong `endTime` draws a waterfall bar of the wrong
+* width rather than failing.
+*/
+function encodeTimes(value) {
+	const { endTime, ...rest } = value;
+	return endTime === value.startTime + value.duration ? rest : {
+		...rest,
+		endTime
+	};
+}
+function decodeTimes(value) {
+	return {
+		...value,
+		endTime: value.endTime ?? (value.startTime ?? 0) + (value.duration ?? 0)
+	};
+}
+function encodeTrace(trace) {
+	return {
+		...encodeTimes(trace),
+		rootSpan: encodeTimes(trace.rootSpan),
+		spans: trace.spans.map(encodeTimes)
+	};
+}
+/**
+* Rebuild a trace from the wire.
+*
+* Defensive about `spans` and `rootSpan` because this is a trust boundary: it
+* parses whatever answered on the port, and a decode that throws would blank
+* the list rather than showing one odd trace. The encoder above always writes
+* both.
+*/
+function decodeTrace(wire) {
+	const spans = Array.isArray(wire.spans) ? wire.spans.map(decodeTimes) : [];
+	return {
+		...decodeTimes(wire),
+		rootSpan: wire.rootSpan ? decodeTimes(wire.rootSpan) : spans[0],
+		spans
+	};
+}
+const encodeTraces = (traces) => traces.map(encodeTrace);
+const decodeTraces = (wire) => wire.map(decodeTrace);
+
+//#endregion
+Object.defineProperty(exports, 'decodeTrace', {
+  enumerable: true,
+  get: function () {
+    return decodeTrace;
+  }
+});
+Object.defineProperty(exports, 'decodeTraces', {
+  enumerable: true,
+  get: function () {
+    return decodeTraces;
+  }
+});
+Object.defineProperty(exports, 'encodeTrace', {
+  enumerable: true,
+  get: function () {
+    return encodeTrace;
+  }
+});
+Object.defineProperty(exports, 'encodeTraces', {
+  enumerable: true,
+  get: function () {
+    return encodeTraces;
+  }
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "autotel-devtools",
-  "version": "21.0.1",
+  "version": "23.0.0",
   "description": "Standalone OTLP receiver with web UI for local development",
   "type": "module",
   "sideEffects": false,
@@ -27,6 +27,16 @@
       "types": "./dist/genai/index.d.ts",
       "import": "./dist/genai/index.js",
       "require": "./dist/genai/index.cjs"
+    },
+    "./query": {
+      "types": "./dist/query/index.d.ts",
+      "import": "./dist/query/index.js",
+      "require": "./dist/query/index.cjs"
+    },
+    "./wire": {
+      "types": "./dist/wire/index.d.ts",
+      "import": "./dist/wire/index.js",
+      "require": "./dist/wire/index.cjs"
     }
   },
   "main": "./dist/index.js",
@@ -47,13 +57,17 @@
     "widget"
   ],
   "dependencies": {
-    "clsx": "^2.1.1",
+    "@grpc/grpc-js": "^1.14.4",
     "@lucide/svelte": "^1.27.0",
+    "bits-ui": "2.19.0",
+    "clsx": "^2.1.1",
+    "d3-scale": "4.0.2",
+    "d3-shape": "3.2.0",
     "protobufjs": "^8.7.1",
     "svelte": "^5.56.8",
     "tailwind-merge": "^3.6.0",
     "ws": "^8.21.1",
-    "autotel-agents": "0.3.1"
+    "autotel-agents": "0.4.0"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^5.2.1",
@@ -70,6 +84,8 @@
     "@tailwindcss/vite": "^4.3.3",
     "@testing-library/jest-dom": "^7.0.0",
     "@testing-library/svelte": "^5.4.2",
+    "@types/d3-scale": "4.0.9",
+    "@types/d3-shape": "3.1.8",
     "@types/node": "^26.1.2",
     "@types/ws": "^8.18.1",
     "@vitest/browser-playwright": "4.1.10",
@@ -90,7 +106,7 @@
     "vitest-mock-extended": "^5.1.0"
   },
   "peerDependencies": {
-    "autotel": "7.0.1"
+    "autotel": "7.2.0"
   },
   "peerDependenciesMeta": {
     "autotel": {
@@ -104,14 +120,14 @@
   },
   "license": "Apache-2.0",
   "scripts": {
-    "build": "tsdown && vite build --config vite.widget.config.ts",
+    "build": "tsdown && vite build --config vite.widget.config.ts && FULLPAGE=1 vite build --config vite.widget.config.ts",
     "dev": "tsdown --watch",
     "type-check": "svelte-check --tsconfig ./tsconfig.json && tsc --noEmit",
     "lint": "eslint src/",
     "test": "vitest run --config vitest.config.ts --project server && vitest run --config vitest.config.ts --project widget && vitest run --config vitest.storybook.config.ts",
     "test:storybook": "vitest run --config vitest.storybook.config.ts",
     "test:watch": "vitest --config vitest.config.ts",
-    "test:dist": "node scripts/check-dist-esm.mjs",
+    "test:dist": "node scripts/check-dist-esm.mjs && node scripts/check-widget-size.mjs",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build"
   }

package/dist/exporter-Dt4kx128.d.cts

@@ -1,207 +0,0 @@
-import { n as SpanAttributes } from "./types-DHDvZnnn.cjs";
-import { Server } from "node:http";
-import { AgentRawEvent, AgentSession, OtelMetricRecord } from "autotel-agents";
-import { ReadableSpan, SpanExporter } from "@opentelemetry/sdk-trace-base";
-import { ExportResult } from "@opentelemetry/core";
-//#region src/server/types.d.ts
-interface SpanData {
-  traceId: string;
-  spanId: string;
-  parentSpanId?: string;
-  name: string;
-  kind: 'INTERNAL' | 'SERVER' | 'CLIENT' | 'PRODUCER' | 'CONSUMER';
-  startTime: number;
-  endTime: number;
-  duration: number;
-  attributes: SpanAttributes;
-  status: {
-    code: 'OK' | 'ERROR' | 'UNSET';
-    message?: string;
-  };
-  events?: Array<{
-    name: string;
-    timestamp: number;
-    attributes?: SpanAttributes;
-  }>;
-  links?: Array<{
-    traceId: string;
-    spanId: string;
-    attributes?: SpanAttributes;
-  }>;
-  scope?: {
-    name?: string;
-    version?: string;
-  };
-}
-interface TraceData {
-  traceId: string;
-  correlationId: string;
-  rootSpan: SpanData;
-  spans: SpanData[];
-  startTime: number;
-  endTime: number;
-  duration: number;
-  status: 'OK' | 'ERROR' | 'UNSET';
-  service: string;
-  /**
-   * True when no span in this trace is a true root: every span received has a
-   * parent that did not arrive. The trace is a fragment, normally because
-   * sampling kept only part of it or because the rest is still in flight.
-   * `rootSpan` is then the earliest span whose parent is absent rather than the
-   * real root, and the duration covers only the part present. Recomputed as
-   * spans merge, so it clears once the real root arrives.
-   */
-  partial?: boolean;
-}
-interface LogData {
-  id: string;
-  traceId?: string;
-  spanId?: string;
-  resourceName?: string;
-  severityText?: string;
-  severityNumber?: number;
-  body: string | Record<string, unknown>;
-  timestamp: number;
-  attributes?: SpanAttributes;
-  resource?: Record<string, unknown>;
-}
-interface MetricData {
-  type: 'event' | 'funnel' | 'outcome' | 'value';
-  name: string;
-  value?: number;
-  attributes: SpanAttributes;
-  timestamp: number;
-  traceId?: string;
-}
-interface ErrorGroup {
-  fingerprint: string;
-  type: string;
-  message: string;
-  stackTrace?: string;
-  count: number;
-  firstSeen: number;
-  lastSeen: number;
-  affectedTraces: string[];
-  affectedSpans: string[];
-  service?: string;
-  attributes?: SpanAttributes;
-}
-interface ErrorOccurrence {
-  traceId: string;
-  spanId: string;
-  spanName: string;
-  service: string;
-  timestamp: number;
-  error: {
-    type: string;
-    message: string;
-    stackTrace?: string;
-    /**
-     * Grouping key the emitting SDK already decided on (`exception.fingerprint`,
-     * written by autotel's `exceptionFingerprint()` enricher). When present the
-     * aggregator groups by it instead of re-deriving one from the stack string,
-     * so this tab agrees with every other backend receiving the same spans.
-     */
-    fingerprint?: string;
-  };
-  attributes?: SpanAttributes;
-}
-interface DevtoolsData {
-  traces: TraceData[];
-  metrics: MetricData[];
-  logs: LogData[];
-  errors: ErrorGroup[];
-  /** Full-state on every broadcast (client replaces, like `errors`). Coding-agent
-   *  sessions reconstructed from agent metrics + log events. */
-  agents?: AgentSession[];
-}
-//#endregion
-//#region src/server/server.d.ts
-interface DevtoolsServerOptions {
-  port?: number;
-  server?: Server;
-  path?: string;
-  verbose?: boolean;
-  maxHistory?: number;
-  maxTraceCount?: number;
-  maxLogCount?: number;
-  maxMetricCount?: number;
-  /**
-   * Bind host, used only to decide the WebSocket origin policy. A loopback host
-   * (the default) enables the DNS-rebinding `Host` check on the live stream; an
-   * explicit non-loopback bind opts out, leaving just the cross-origin check.
-   */
-  host?: string;
-  /**
-   * Called after each ingest, with the incremental data just broadcast to WS
-   * clients. Lets an embedder (e.g. the VS Code extension) react to new
-   * telemetry — refresh its own tree views — while the server owns the buffer.
-   */
-  onData?: (incremental: DevtoolsData) => void;
-}
-declare class DevtoolsServer {
-  private wss;
-  private clients;
-  private httpServer;
-  private traces;
-  private logs;
-  private metrics;
-  private agentSessions;
-  private errorAggregator;
-  private limits;
-  private verbose;
-  private _port;
-  private onData?;
-  constructor(options?: DevtoolsServerOptions);
-  get port(): number;
-  get clientCount(): number;
-  addTrace(trace: TraceData): void;
-  addTraces(traces: TraceData[]): void;
-  addLog(log: LogData): void;
-  addLogs(logs: LogData[]): void;
-  addMetric(metric: MetricData): void;
-  /** Fold decoded agent log events into sessions and broadcast the full set. */
-  ingestAgentEvents(records: AgentRawEvent[]): void;
-  /** Fold decoded agent metric records into sessions and broadcast the full set. */
-  ingestAgentMetrics(records: OtelMetricRecord[]): void;
-  private broadcastAgents;
-  getCurrentData(): DevtoolsData;
-  clearData(): void;
-  private broadcast;
-  private log;
-  close(): Promise<void>;
-}
-//#endregion
-//#region src/server/exporter.d.ts
-declare class DevtoolsSpanExporter implements SpanExporter {
-  private server;
-  private serviceName;
-  constructor(server: DevtoolsServer, serviceName?: string);
-  /**
-   * Export spans to the WebSocket server
-   */
-  export(spans: ReadableSpan[], resultCallback: (result: ExportResult) => void): Promise<void>;
-  /**
-   * Shutdown the exporter
-   */
-  shutdown(): Promise<void>;
-  /**
-   * Force flush any buffered spans
-   */
-  forceFlush(): Promise<void>;
-  /**
-   * Convert OpenTelemetry spans to TraceData
-   */
-  private convertToTraceData;
-  /**
-   * Convert OpenTelemetry span to SpanData
-   */
-  private convertSpan;
-  private convertScope;
-  /**
-   * Convert OpenTelemetry SpanKind to string
-   */
-  private convertSpanKind;
-}
-//#endregion
-export { ErrorGroup as a, MetricData as c, DevtoolsData as i, SpanData as l, DevtoolsServer as n, ErrorOccurrence as o, DevtoolsServerOptions as r, LogData as s, DevtoolsSpanExporter as t, TraceData as u };

package/dist/exporter-Due9Rd4s.d.ts

@@ -1,207 +0,0 @@
-import { n as SpanAttributes } from "./types-DHDvZnnn.js";
-import { Server } from "node:http";
-import { AgentRawEvent, AgentSession, OtelMetricRecord } from "autotel-agents";
-import { ExportResult } from "@opentelemetry/core";
-import { ReadableSpan, SpanExporter } from "@opentelemetry/sdk-trace-base";
-//#region src/server/types.d.ts
-interface SpanData {
-  traceId: string;
-  spanId: string;
-  parentSpanId?: string;
-  name: string;
-  kind: 'INTERNAL' | 'SERVER' | 'CLIENT' | 'PRODUCER' | 'CONSUMER';
-  startTime: number;
-  endTime: number;
-  duration: number;
-  attributes: SpanAttributes;
-  status: {
-    code: 'OK' | 'ERROR' | 'UNSET';
-    message?: string;
-  };
-  events?: Array<{
-    name: string;
-    timestamp: number;
-    attributes?: SpanAttributes;
-  }>;
-  links?: Array<{
-    traceId: string;
-    spanId: string;
-    attributes?: SpanAttributes;
-  }>;
-  scope?: {
-    name?: string;
-    version?: string;
-  };
-}
-interface TraceData {
-  traceId: string;
-  correlationId: string;
-  rootSpan: SpanData;
-  spans: SpanData[];
-  startTime: number;
-  endTime: number;
-  duration: number;
-  status: 'OK' | 'ERROR' | 'UNSET';
-  service: string;
-  /**
-   * True when no span in this trace is a true root: every span received has a
-   * parent that did not arrive. The trace is a fragment, normally because
-   * sampling kept only part of it or because the rest is still in flight.
-   * `rootSpan` is then the earliest span whose parent is absent rather than the
-   * real root, and the duration covers only the part present. Recomputed as
-   * spans merge, so it clears once the real root arrives.
-   */
-  partial?: boolean;
-}
-interface LogData {
-  id: string;
-  traceId?: string;
-  spanId?: string;
-  resourceName?: string;
-  severityText?: string;
-  severityNumber?: number;
-  body: string | Record<string, unknown>;
-  timestamp: number;
-  attributes?: SpanAttributes;
-  resource?: Record<string, unknown>;
-}
-interface MetricData {
-  type: 'event' | 'funnel' | 'outcome' | 'value';
-  name: string;
-  value?: number;
-  attributes: SpanAttributes;
-  timestamp: number;
-  traceId?: string;
-}
-interface ErrorGroup {
-  fingerprint: string;
-  type: string;
-  message: string;
-  stackTrace?: string;
-  count: number;
-  firstSeen: number;
-  lastSeen: number;
-  affectedTraces: string[];
-  affectedSpans: string[];
-  service?: string;
-  attributes?: SpanAttributes;
-}
-interface ErrorOccurrence {
-  traceId: string;
-  spanId: string;
-  spanName: string;
-  service: string;
-  timestamp: number;
-  error: {
-    type: string;
-    message: string;
-    stackTrace?: string;
-    /**
-     * Grouping key the emitting SDK already decided on (`exception.fingerprint`,
-     * written by autotel's `exceptionFingerprint()` enricher). When present the
-     * aggregator groups by it instead of re-deriving one from the stack string,
-     * so this tab agrees with every other backend receiving the same spans.
-     */
-    fingerprint?: string;
-  };
-  attributes?: SpanAttributes;
-}
-interface DevtoolsData {
-  traces: TraceData[];
-  metrics: MetricData[];
-  logs: LogData[];
-  errors: ErrorGroup[];
-  /** Full-state on every broadcast (client replaces, like `errors`). Coding-agent
-   *  sessions reconstructed from agent metrics + log events. */
-  agents?: AgentSession[];
-}
-//#endregion
-//#region src/server/server.d.ts
-interface DevtoolsServerOptions {
-  port?: number;
-  server?: Server;
-  path?: string;
-  verbose?: boolean;
-  maxHistory?: number;
-  maxTraceCount?: number;
-  maxLogCount?: number;
-  maxMetricCount?: number;
-  /**
-   * Bind host, used only to decide the WebSocket origin policy. A loopback host
-   * (the default) enables the DNS-rebinding `Host` check on the live stream; an
-   * explicit non-loopback bind opts out, leaving just the cross-origin check.
-   */
-  host?: string;
-  /**
-   * Called after each ingest, with the incremental data just broadcast to WS
-   * clients. Lets an embedder (e.g. the VS Code extension) react to new
-   * telemetry — refresh its own tree views — while the server owns the buffer.
-   */
-  onData?: (incremental: DevtoolsData) => void;
-}
-declare class DevtoolsServer {
-  private wss;
-  private clients;
-  private httpServer;
-  private traces;
-  private logs;
-  private metrics;
-  private agentSessions;
-  private errorAggregator;
-  private limits;
-  private verbose;
-  private _port;
-  private onData?;
-  constructor(options?: DevtoolsServerOptions);
-  get port(): number;
-  get clientCount(): number;
-  addTrace(trace: TraceData): void;
-  addTraces(traces: TraceData[]): void;
-  addLog(log: LogData): void;
-  addLogs(logs: LogData[]): void;
-  addMetric(metric: MetricData): void;
-  /** Fold decoded agent log events into sessions and broadcast the full set. */
-  ingestAgentEvents(records: AgentRawEvent[]): void;
-  /** Fold decoded agent metric records into sessions and broadcast the full set. */
-  ingestAgentMetrics(records: OtelMetricRecord[]): void;
-  private broadcastAgents;
-  getCurrentData(): DevtoolsData;
-  clearData(): void;
-  private broadcast;
-  private log;
-  close(): Promise<void>;
-}
-//#endregion
-//#region src/server/exporter.d.ts
-declare class DevtoolsSpanExporter implements SpanExporter {
-  private server;
-  private serviceName;
-  constructor(server: DevtoolsServer, serviceName?: string);
-  /**
-   * Export spans to the WebSocket server
-   */
-  export(spans: ReadableSpan[], resultCallback: (result: ExportResult) => void): Promise<void>;
-  /**
-   * Shutdown the exporter
-   */
-  shutdown(): Promise<void>;
-  /**
-   * Force flush any buffered spans
-   */
-  forceFlush(): Promise<void>;
-  /**
-   * Convert OpenTelemetry spans to TraceData
-   */
-  private convertToTraceData;
-  /**
-   * Convert OpenTelemetry span to SpanData
-   */
-  private convertSpan;
-  private convertScope;
-  /**
-   * Convert OpenTelemetry SpanKind to string
-   */
-  private convertSpanKind;
-}
-//#endregion
-export { ErrorGroup as a, MetricData as c, DevtoolsData as i, SpanData as l, DevtoolsServer as n, ErrorOccurrence as o, DevtoolsServerOptions as r, LogData as s, DevtoolsSpanExporter as t, TraceData as u };