durable-actors-observer 0.7.10 → 0.7.11

package/README.md

@@ -36,6 +36,8 @@ The localhost-only `durable-actors dev` runtime allows observability requests wi
 
 `RequestObserver` opens with a waterfall of retained method calls and WebSocket events, including inside an actor instance. Instance inspection combines identity, residency, and queue metrics in a compact header; Requests, State, and WebSockets views preserve inspection controls when switching. Calls to the same operation on the same actor instance share one row, with separate rows for method calls and WebSocket events. Each invocation has its own marker on a shared relative time axis, making interleaved methods visible together. Rows show call counts and summed durations; hover or select a marker to inspect identifiers, outcomes, queue wait, and the gap or overlap with preceding calls on that instance. Switch to Table for the tabular view. Live updates, pause, history filters, and loading older requests apply to both views.
 
+Drag across the waterfall's time axis to zoom into a range, down to a 1 ms window. Zoom in/out and earlier/later buttons also support keyboard navigation; Reset restores the full loaded history. The chosen window stays on the same timestamps as live calls arrive or older history loads. Only calls intersecting the window are shown; durations and queue timings still describe the full invocation.
+
 Request details open in a right-side [shadcn Drawer](https://ui.shadcn.com/docs/components/radix/drawer), powered by Vaul. Dismiss with the close button, Escape, an outside click, or a swipe to the right; focus returns to the selected invocation. The portal stays within the observer's theme scope, and long details scroll below the header.
 
 Durations include queue wait, actor processing, and persistence. Gaps are calculated only from the calls loaded in the current view; filtered or unretained calls are not included. The waterfall uses request traces, so internal helper calls within one invocation are not separate spans. Embed `RequestTimeline` directly with `records` and an `onSelect(record, trigger)` callback when providing your own request controls.

package/dist/TimelineZoom.d.ts

@@ -0,0 +1,22 @@
+export interface TimelineWindow {
+    start: number;
+    end: number;
+}
+export declare const timelineTicks: number[];
+export declare function useTimelineZoom(bounds: TimelineWindow): {
+    range: TimelineWindow;
+    zoomed: boolean;
+    setWindow: (next: TimelineWindow | null) => void;
+};
+export declare function TimelineZoomControls({ bounds, range, zoomed, count, onChange }: {
+    bounds: TimelineWindow;
+    range: TimelineWindow;
+    zoomed: boolean;
+    count: number;
+    onChange: (range: TimelineWindow | null) => void;
+}): import("react").JSX.Element;
+export declare function TimelineAxis({ start, range, onChange }: {
+    start: number;
+    range: TimelineWindow;
+    onChange: (range: TimelineWindow) => void;
+}): import("react").JSX.Element;