@ethlete/query-devtools 1.0.0-next.15 → 1.0.0-next.17

package/types/ethlete-query-devtools.d.ts

@@ -1,57 +1,53 @@
-import * as _ethlete_query from '@ethlete/query';
-import { QueryRefreshCause, QueryRepositoryEntryDestroyedCause, Query, QueryRepositoryCacheEntry, HttpRequestRetryState, HttpRequestLoadingProgressState, AnyQueryBatchItemResult, QueryRepository, QueryKeyLockState, QueryClient, AnyQueryStack, AnyPagedQueryStack, QuerySequence, AnyQueryBatch, AnyBearerAuthProvider, WebSocketDevtoolsHandle, WebSocketDevtoolsMessage, QuerySequenceStatus, AnyQuerySnapshot } from '@ethlete/query';
-import * as _angular_core from '@angular/core';
-import { OnInit } from '@angular/core';
-import { ResizeEdge, DragMoveEvent, ResizeMoveEvent } from '@ethlete/core';
-import { QueryDevtoolsStats, QueryDevtoolsStatsHandle, QueryDevtoolsEntry, QueryDevtoolsRun, QueryDevtoolsFormHandle, QueryDevtoolsFeature } from '@ethlete/query/devtools-contract';
-
+import * as i0 from "@angular/core";
+import { OnInit } from "@angular/core";
+import { DragMoveEvent, ResizeEdge, ResizeMoveEvent } from "@ethlete/core";
+import { AnyBearerAuthProvider, AnyPagedQueryStack, AnyQueryBatch, AnyQueryBatchItemResult, AnyQuerySnapshot, AnyQueryStack, HttpRequestLoadingProgressState, HttpRequestRetryState, Query, QueryClient, QueryKeyLockState, QueryRefreshCause, QueryRepository, QueryRepositoryCacheEntry, QueryRepositoryEntryDestroyedCause, QuerySequence, QuerySequenceStatus, WebSocketDevtoolsHandle, WebSocketDevtoolsMessage } from "@ethlete/query";
+import { QueryDevtoolsEntry, QueryDevtoolsFeature, QueryDevtoolsFormHandle, QueryDevtoolsRun, QueryDevtoolsStats, QueryDevtoolsStatsHandle } from "@ethlete/query/devtools-contract";
 /** Whether a path exists only in the newer value, only in the older one, or in both with a new value. */
 type QueryDevtoolsDiffKind = 'added' | 'removed' | 'changed';
 /** One difference between two values, located by the path it sits at. */
 type QueryDevtoolsDiffEntry = {
-    /** Where the difference sits, e.g. `$.items[2].score` or `$.items[id=7].score`. */
-    path: string;
-    kind: QueryDevtoolsDiffKind;
-    /** The older value, or `null` for an added path. */
-    before: unknown;
-    /** The newer value, or `null` for a removed path. */
-    after: unknown;
+  /** Where the difference sits, e.g. `$.items[2].score` or `$.items[id=7].score`. */
+  path: string;
+  kind: QueryDevtoolsDiffKind;
+  /** The older value, or `null` for an added path. */
+  before: unknown;
+  /** The newer value, or `null` for a removed path. */
+  after: unknown;
 };
 type QueryDevtoolsDiff = {
-    entries: QueryDevtoolsDiffEntry[];
-    /** Whether the walk hit its cap, so {@link entries} is only part of the difference. */
-    truncated: boolean;
+  entries: QueryDevtoolsDiffEntry[];
+  /** Whether the walk hit its cap, so {@link entries} is only part of the difference. */
+  truncated: boolean;
 };
-
 /** Which SDK feature a lock name belongs to, or `other` for one the panel did not put there. */
 type DevtoolsLockKind = 'auth' | 'poll' | 'other';
 /** Where the tab the panel is open in stands on one lock. */
 type DevtoolsLockStanding = 'holder' | 'queued' | 'absent' | 'unknown';
 /** One lock name, with every client that holds or waits for it folded into a single row. */
 type DevtoolsLockRow = {
-    /** The raw name, so a lock the panel cannot decode is still greppable from the row. */
-    name: string;
-    /** What the name means: the provider for an auth lock, the cache key for a poll lock. */
-    label: string;
-    kind: DevtoolsLockKind;
-    /** The sync channel a poll lock belongs to, or `null` for a name that carries no such part. */
-    channel: string | null;
-    /**
-     * Held plus queued on this name. Every participant requests the same lock and exactly one gets it, so
-     * this is the number of tabs, workers and service workers taking part - the same arithmetic the auth
-     * provider's own `instanceCount` does.
-     */
-    tabs: number;
-    standing: DevtoolsLockStanding;
-    /** This tab's 1-based place in the queue, or `null` unless {@link standing} is `queued`. */
-    queuePlace: number | null;
+  /** The raw name, so a lock the panel cannot decode is still greppable from the row. */
+  name: string;
+  /** What the name means: the provider for an auth lock, the cache key for a poll lock. */
+  label: string;
+  kind: DevtoolsLockKind;
+  /** The sync channel a poll lock belongs to, or `null` for a name that carries no such part. */
+  channel: string | null;
+  /**
+   * Held plus queued on this name. Every participant requests the same lock and exactly one gets it, so
+   * this is the number of tabs, workers and service workers taking part - the same arithmetic the auth
+   * provider's own `instanceCount` does.
+   */
+  tabs: number;
+  standing: DevtoolsLockStanding;
+  /** This tab's 1-based place in the queue, or `null` unless {@link standing} is `queued`. */
+  queuePlace: number | null;
 };
-
 type AnyQuery = Query<any>;
 /** The query a detail pane is showing, together with the registry entry it was registered as. */
 type QueryDevtoolsSelection = {
-    entry: QueryDevtoolsEntry;
-    query: AnyQuery;
+  entry: QueryDevtoolsEntry;
+  query: AnyQuery;
 };
 /**
  * A body the panel can show. Every one of them but `settings` is a tab in the bar: Settings holds nothing
@@ -71,21 +67,21 @@ type DetailTab = 'overview' | 'history' | 'data';
 type PaneTarget = 'list' | 'drawer';
 /** The axis a two-pane tab splits along: the panes sit side by side, or stack in a side dock. */
 type PaneAxis = 'inline' | 'block';
-type QueryStatus = 'idle' | 'loading' | 'success' | 'error';
+type QueryStatus = 'idle' | 'parked' | 'loading' | 'success' | 'error';
 /**
- * A facet the Queries list can be narrowed to. The first four describe live state; `gone` is the odd
+ * A facet the Queries list can be narrowed to. All but `gone` describe live state; `gone` is the odd
  * one out - it is the only way a destroyed query's tombstone enters the list at all, which is why it
  * is off by default rather than just another filter over what is already shown.
  */
-type QueryListFacet = 'error' | 'loading' | 'stale' | 'idle' | 'gone';
+type QueryListFacet = 'error' | 'loading' | 'stale' | 'parked' | 'idle' | 'gone';
 /**
  * A chunk of a route as rendered: literal path text, a path param (`name` is the param it fills in) or
  * the query string of the request that ran. The kind becomes the segment's class.
  */
 type RouteSegment = {
-    text: string;
-    kind: 'static' | 'param' | 'query';
-    name?: string;
+  text: string;
+  kind: 'static' | 'param' | 'query';
+  name?: string;
 };
 /**
  * A one-line verdict the panel renders as a chip - which tab refreshes an auth provider's tokens, where
@@ -93,54 +89,54 @@ type RouteSegment = {
  * as the leader, or how approximate a tab count is.
  */
 type QueryDevtoolsChip = {
-    label: string;
-    tone: 'success' | 'muted';
-    title: string;
+  label: string;
+  tone: 'success' | 'muted';
+  title: string;
 };
 /** An auth provider's access-token expiry as the auth tab renders it, armed override included. */
 type QueryDevtoolsTokenLifetime = {
-    /** Countdown to the expiry the app currently acts on, overridden or not. */
-    expiresIn: string | null;
-    /** Countdown to the token's own `exp`, and only set while an override is making it read differently. */
-    realExpiresIn: string | null;
-    /** The armed lifetime in seconds, or `null` while the token is on the one it was issued with. */
-    ttlSeconds: number | null;
-    /** Whether an override can be applied at all - the token needs an `exp` plus an `iat` or `nbf`. */
-    overridable: boolean;
+  /** Countdown to the expiry the app currently acts on, overridden or not. */
+  expiresIn: string | null;
+  /** Countdown to the token's own `exp`, and only set while an override is making it read differently. */
+  realExpiresIn: string | null;
+  /** The armed lifetime in seconds, or `null` while the token is on the one it was issued with. */
+  ttlSeconds: number | null;
+  /** Whether an override can be applied at all - the token needs an `exp` plus an `iat` or `nbf`. */
+  overridable: boolean;
 };
 /** A query reachable from a stack or sequence card, rendered as a row that opens the detail drawer. */
 type QueryLink = {
-    id: string;
-    query: AnyQuery;
-    method: string;
-    segments: RouteSegment[];
-    clientBaseUrl: string;
-    stats?: QueryDevtoolsStatsHandle;
+  id: string;
+  query: AnyQuery;
+  method: string;
+  segments: RouteSegment[];
+  clientBaseUrl: string;
+  stats?: QueryDevtoolsStatsHandle;
 };
 /** One settled item of a query batch, with the route the args it was sent with resolve to. */
 type BatchItemRow = {
-    result: AnyQueryBatchItemResult;
-    segments: RouteSegment[];
+  result: AnyQueryBatchItemResult;
+  segments: RouteSegment[];
 };
 /**
  * A batch's settled items as its card lists them. Capped, and `hidden` says by how much - a bulk run
  * settles more items than a list can hold, and a truncated one must not read as the whole run.
  */
 type BatchItemView = {
-    rows: BatchItemRow[];
-    total: number;
-    hidden: number;
+  rows: BatchItemRow[];
+  total: number;
+  hidden: number;
 };
 /**
  * Query stats plus the numbers the panel derives from them rather than storing: an execution that never
  * reached the network was answered from the cache, and the averages come from the running totals.
  */
 type QueryActivity = {
-    stats: QueryDevtoolsStats;
-    cacheServed: number;
-    avgDurationMs: number | null;
-    avgResponseBytes: number | null;
-    hasActivity: boolean;
+  stats: QueryDevtoolsStats;
+  cacheServed: number;
+  avgDurationMs: number | null;
+  avgResponseBytes: number | null;
+  hasActivity: boolean;
 };
 /**
  * What a query's request is doing beyond `loading`: which attempt it is on, the backoff it is waiting
@@ -148,12 +144,12 @@ type QueryActivity = {
  * backoff and a plain slow one are the same yellow dot.
  */
 type RequestProgress = {
-    /** @see HttpRequestSubtle.attempts */
-    attempts: number;
-    retry: HttpRequestRetryState | null;
-    /** How much of the pending backoff is left, or `null` when none is pending. */
-    retryInMs: number | null;
-    progress: HttpRequestLoadingProgressState | null;
+  /** @see HttpRequestSubtle.attempts */
+  attempts: number;
+  retry: HttpRequestRetryState | null;
+  /** How much of the pending backoff is left, or `null` when none is pending. */
+  retryInMs: number | null;
+  progress: HttpRequestLoadingProgressState | null;
 };
 /**
  * One request a refresh re-executed, as an event row lists it. A cache key is shared by every query
@@ -161,37 +157,37 @@ type RequestProgress = {
  * can still find the refresh under "Refetched by". Empty for a request no registered query holds.
  */
 type RefreshedRequest = {
-    queryIds: string[];
-    method: string;
-    path: string;
+  queryIds: string[];
+  method: string;
+  path: string;
 };
 type EventLogItem = {
-    id: number;
-    timestamp: number;
-    client: string;
-    type: 'entry-created' | 'request-success' | 'request-error' | 'entry-destroyed' | 'unbind-all-secure' | 'queries-refreshed';
-    /** `null` for events that are not about a single request, e.g. the logout-wide secure unbind. */
-    method: string | null;
-    url: string | null;
-    isSecure: boolean;
-    status: number | null;
-    /** Weak, so the log never keeps a destroyed request alive. `null` for an event that is not one request. */
-    request: WeakRef<object> | null;
-    /** What asked for a refresh, for a `queries-refreshed` row. `null` for every other type. */
-    cause: QueryRefreshCause | null;
-    /** Why a cache entry was torn down, for an `entry-destroyed` row. `null` for every other type. */
-    destroyCause: QueryRepositoryEntryDestroyedCause | null;
-    /** The requests that refresh re-executed - the fan-out the panel could not show before. */
-    refreshed: RefreshedRequest[] | null;
-    /**
-     * How long the request took and how big its response was, read off the request as the event fired.
-     * Both `null` for an event that is not one request settling, and the size also for a failure - an
-     * error body is not a payload worth a column.
-     */
-    durationMs: number | null;
-    bytes: number | null;
-    /** @see QueryDevtoolsStats.hasEstimatedBytes */
-    isEstimatedBytes: boolean;
+  id: number;
+  timestamp: number;
+  client: string;
+  type: 'entry-created' | 'request-success' | 'request-error' | 'entry-destroyed' | 'unbind-all-secure' | 'queries-refreshed';
+  /** `null` for events that are not about a single request, e.g. the logout-wide secure unbind. */
+  method: string | null;
+  url: string | null;
+  isSecure: boolean;
+  status: number | null;
+  /** Weak, so the log never keeps a destroyed request alive. `null` for an event that is not one request. */
+  request: WeakRef<object> | null;
+  /** What asked for a refresh, for a `queries-refreshed` row. `null` for every other type. */
+  cause: QueryRefreshCause | null;
+  /** Why a cache entry was torn down, for an `entry-destroyed` row. `null` for every other type. */
+  destroyCause: QueryRepositoryEntryDestroyedCause | null;
+  /** The requests that refresh re-executed - the fan-out the panel could not show before. */
+  refreshed: RefreshedRequest[] | null;
+  /**
+   * How long the request took and how big its response was, read off the request as the event fired.
+   * Both `null` for an event that is not one request settling, and the size also for a failure - an
+   * error body is not a payload worth a column.
+   */
+  durationMs: number | null;
+  bytes: number | null;
+  /** @see QueryDevtoolsStats.hasEstimatedBytes */
+  isEstimatedBytes: boolean;
 };
 /**
  * A cache entry that is gone, as the Cache tab still lists it. Deliberately not a {@link CacheRow}: a
@@ -199,71 +195,70 @@ type EventLogItem = {
  * seven columns of dashes. What is left worth showing is what it was and why it went.
  */
 type DroppedCacheEntry = {
-    client: string;
-    method: string;
-    url: string;
-    cause: QueryRepositoryEntryDestroyedCause;
-    at: number;
+  client: string;
+  method: string;
+  url: string;
+  cause: QueryRepositoryEntryDestroyedCause;
+  at: number;
 };
 /** One cache entry as the Cache tab lists it: the repository's own snapshot plus its measured size. */
 type CacheRow = {
-    entry: QueryRepositoryCacheEntry;
-    bytes: number;
-    isEstimatedBytes: boolean;
+  entry: QueryRepositoryCacheEntry;
+  bytes: number;
+  isEstimatedBytes: boolean;
 };
 /** What each tab holds, as its badge reports it: how many entries, and how many of them are failing. */
 type TabBadge = {
-    count: number;
-    errors: number;
-    errorNoun?: string;
+  count: number;
+  errors: number;
+  errorNoun?: string;
 };
-
 type DevtoolsDock = 'bottom' | 'top' | 'left' | 'right' | 'float';
 type DevtoolsLayout = DevtoolsDock | 'popout';
 type FloatRect = {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
+  x: number;
+  y: number;
+  width: number;
+  height: number;
 };
 type PersistedState = {
-    open?: boolean;
-    height?: number;
-    width?: number;
-    listWidth?: number | null;
-    drawerWidth?: number | null;
-    listHeight?: number | null;
-    drawerHeight?: number | null;
-    dock?: DevtoolsDock;
-    reservesSpace?: boolean;
-    floatRect?: FloatRect;
-    floatParked?: boolean;
-    activeTab?: DevtoolsTab;
-    detailTab?: DetailTab;
-    selectedClientName?: string | null;
-    selectedQueryId?: string | null;
-    stackSelectedQueryId?: string | null;
-    sequenceSelectedQueryId?: string | null;
-    batchSelectedQueryId?: string | null;
-    eventSelectedQueryId?: string | null;
-    formSelectedQueryId?: string | null;
-    timelineSelectedQueryId?: string | null;
-    selectedFormId?: string | null;
-    inspectFilterIds?: string[] | null;
-    queryFilter?: string;
-    queryFacets?: QueryListFacet[];
-    queryRecentFirst?: boolean;
-    queryTreeView?: boolean;
-    collapsedQueryPaths?: string[];
-    eventClient?: string | null;
-    eventErrorsOnly?: boolean;
-    socketFilter?: string;
-    jsonSearch?: string;
-    expandedSteps?: string[];
-    expandedBatchItems?: string[];
-    expandedQueryGroups?: string[];
-    jsonExpanded?: string[];
-    jsonCollapsed?: string[];
+  open?: boolean;
+  height?: number;
+  width?: number;
+  listWidth?: number | null;
+  drawerWidth?: number | null;
+  listHeight?: number | null;
+  drawerHeight?: number | null;
+  dock?: DevtoolsDock;
+  reservesSpace?: boolean;
+  floatRect?: FloatRect;
+  floatParked?: boolean;
+  activeTab?: DevtoolsTab;
+  detailTab?: DetailTab;
+  selectedClientName?: string | null;
+  selectedQueryId?: string | null;
+  stackSelectedQueryId?: string | null;
+  sequenceSelectedQueryId?: string | null;
+  batchSelectedQueryId?: string | null;
+  eventSelectedQueryId?: string | null;
+  formSelectedQueryId?: string | null;
+  timelineSelectedQueryId?: string | null;
+  selectedFormId?: string | null;
+  inspectFilterIds?: string[] | null;
+  queryFilter?: string;
+  queryFacets?: QueryListFacet[];
+  queryRecentFirst?: boolean;
+  queryTreeView?: boolean;
+  collapsedQueryPaths?: string[];
+  eventClient?: string | null;
+  eventErrorsOnly?: boolean;
+  socketFilter?: string;
+  jsonSearch?: string;
+  expandedSteps?: string[];
+  expandedBatchItems?: string[];
+  expandedQueryGroups?: string[];
+  jsonExpanded?: string[];
+  jsonCollapsed?: string[];
 };
 /**
  * A floating, dockable panel that inspects the live state of the signals-first `@ethlete/query`
@@ -273,737 +268,749 @@ type PersistedState = {
  * Requires `provideQueryDevtools()` in the application providers - without it the registry stays
  * empty and the panel shows nothing.
  */
-declare class QueryDevtoolsComponent implements OnInit {
-    private hostEl;
-    private renderer;
-    private download;
-    private styleManager;
-    private zone;
-    private destroyRef;
-    private document;
-    private viewport;
-    private isDocumentVisible;
-    /**
-     * Opens the panel as soon as it is created, whatever the stored view state says. Set by
-     * `<et-query-devtools-lazy>`, which downloads the panel on the click that was meant to open it.
-     */
-    startOpen: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    private panelEl;
-    private eventIdCounter;
-    private lastSelectionKey;
-    private tabBeforeSettings;
-    readonly persisted: PersistedState;
-    protected readonly tabs: ({
-        id: "queries";
-        label: string;
-    } | {
-        id: "stacks";
-        label: string;
-    } | {
-        id: "sequences";
-        label: string;
-    } | {
-        id: "batches";
-        label: string;
-    } | {
-        id: "forms";
-        label: string;
-    } | {
-        id: "auth";
-        label: string;
-    } | {
-        id: "ws";
-        label: string;
-    } | {
-        id: "cache";
-        label: string;
-    } | {
-        id: "locks";
-        label: string;
-    } | {
-        id: "timeline";
-        label: string;
-    } | {
-        id: "events";
-        label: string;
-    } | {
-        id: "faults";
-        label: string;
-    } | {
-        id: "mocks";
-        label: string;
-    } | {
-        id: "about";
-        label: string;
-    })[];
-    private readonly PINNED_TABS;
-    protected readonly shortcut: "⌘⌥Q" | "Ctrl+Alt+Q";
-    protected readonly LAYOUTS: readonly [{
-        readonly id: "bottom";
-        readonly glyph: "⬓";
-        readonly label: "Bottom";
-        readonly hint: "Dock to the bottom edge";
-    }, {
-        readonly id: "top";
-        readonly glyph: "⬒";
-        readonly label: "Top";
-        readonly hint: "Dock to the top edge";
-    }, {
-        readonly id: "left";
-        readonly glyph: "◧";
-        readonly label: "Left";
-        readonly hint: "Dock to the left edge";
-    }, {
-        readonly id: "right";
-        readonly glyph: "◨";
-        readonly label: "Right";
-        readonly hint: "Dock to the right edge";
-    }, {
-        readonly id: "float";
-        readonly glyph: "❐";
-        readonly label: "Float";
-        readonly hint: "A window inside the page - move it, resize it, shove it off an edge to park it";
-    }, {
-        readonly id: "popout";
-        readonly glyph: "⧉";
-        readonly label: "Pop out";
-        readonly hint: "Move the panel into a window of its own - the same live panel, on your other screen";
-    }];
-    protected open: _angular_core.WritableSignal<boolean>;
-    private panelHeight;
-    private panelWidth;
-    protected activeTab: _angular_core.WritableSignal<DevtoolsTab>;
-    protected listWidth: _angular_core.WritableSignal<number | null>;
-    protected drawerWidth: _angular_core.WritableSignal<number | null>;
-    protected listHeight: _angular_core.WritableSignal<number | null>;
-    protected drawerHeight: _angular_core.WritableSignal<number | null>;
-    private drag;
-    private floatGesture;
-    protected resizing: _angular_core.Signal<boolean>;
-    protected dock: _angular_core.WritableSignal<DevtoolsDock>;
-    protected currentLayout: _angular_core.Signal<{
-        readonly id: "bottom";
-        readonly glyph: "⬓";
-        readonly label: "Bottom";
-        readonly hint: "Dock to the bottom edge";
-    } | {
-        readonly id: "top";
-        readonly glyph: "⬒";
-        readonly label: "Top";
-        readonly hint: "Dock to the top edge";
-    } | {
-        readonly id: "left";
-        readonly glyph: "◧";
-        readonly label: "Left";
-        readonly hint: "Dock to the left edge";
-    } | {
-        readonly id: "right";
-        readonly glyph: "◨";
-        readonly label: "Right";
-        readonly hint: "Dock to the right edge";
-    } | {
-        readonly id: "float";
-        readonly glyph: "❐";
-        readonly label: "Float";
-        readonly hint: "A window inside the page - move it, resize it, shove it off an edge to park it";
-    } | {
-        readonly id: "popout";
-        readonly glyph: "⧉";
-        readonly label: "Pop out";
-        readonly hint: "Move the panel into a window of its own - the same live panel, on your other screen";
-    }>;
-    protected reservesSpace: _angular_core.WritableSignal<boolean>;
-    private floatRect;
-    private floatResizeBase;
-    /**
-     * Whether the float is shoved off an edge with only its peek showing. Persisted with the rect, since
-     * restoring the rect without it would either strand the panel off screen or silently un-park it.
-     */
-    protected floatParked: _angular_core.WritableSignal<boolean>;
-    protected popOutBlocked: _angular_core.WritableSignal<boolean>;
-    /**
-     * Whether the panel currently lives in a window of its own. Deliberately not persisted: a reload
-     * cannot re-adopt a window the previous document opened, so it always starts docked.
-     */
-    protected poppedOut: _angular_core.WritableSignal<boolean>;
-    protected floating: _angular_core.Signal<boolean>;
-    private narrowViewport;
-    private sideDocked;
-    protected paneAxis: _angular_core.Signal<PaneAxis>;
-    private popup;
-    /** Ends everything tied to one pop-out window: a pending `load`, its `pagehide`, shortcut and visibility. */
-    private popOutEnded$;
-    private popupVisible;
-    private isPanelVisible;
-    private popOutStyleSync;
-    protected panelBlockSize: _angular_core.Signal<number | null>;
-    protected panelInlineSize: _angular_core.Signal<number | null>;
-    protected panelInsetBlock: _angular_core.Signal<number | null>;
-    protected panelInsetInline: _angular_core.Signal<number | null>;
-    /**
-     * The panel's rendered size, not its dragged one - the stylesheet clamps a dock (`min-block-size`,
-     * `max-block-size: 90vh`) and it is the clamped size the page has to give up.
-     */
-    private panelSize;
-    private pageReservation;
-    /**
-     * The viewport edge a docked panel covers, reserved for overlays whatever {@link reservesSpace} says:
-     * page content can be scrolled out from under the panel, a dialog or a menu cannot. A dock edge is
-     * logical, so which physical edge a side dock covers flips in RTL - read from the panel, since the
-     * writing direction cannot change under a dock switch.
-     */
-    private overlayReservation;
-    detailTab: _angular_core.WritableSignal<DetailTab>;
-    selectedClientName: _angular_core.WritableSignal<string | null>;
-    selectedQueryId: _angular_core.WritableSignal<string | null>;
-    selectedFormId: _angular_core.WritableSignal<string | null>;
-    /**
-     * The type annotations of each seeded mock body, by mock id. It lives here rather than on the Mocks
-     * tab because a tab is destroyed the moment another one is selected, and a body seeded from an inline
-     * schema has no `schemaName` to recover its labels from.
-     */
-    seededTypes: _angular_core.WritableSignal<Record<string, ReadonlyMap<string, string>>>;
-    stackSelectedQueryId: _angular_core.WritableSignal<string | null>;
-    sequenceSelectedQueryId: _angular_core.WritableSignal<string | null>;
-    batchSelectedQueryId: _angular_core.WritableSignal<string | null>;
-    eventSelectedQueryId: _angular_core.WritableSignal<string | null>;
-    formSelectedQueryId: _angular_core.WritableSignal<string | null>;
-    timelineSelectedQueryId: _angular_core.WritableSignal<string | null>;
-    queryFilter: _angular_core.WritableSignal<string>;
-    queryFacets: _angular_core.WritableSignal<ReadonlySet<QueryListFacet>>;
-    queryRecentFirst: _angular_core.WritableSignal<boolean>;
-    queryTreeView: _angular_core.WritableSignal<boolean>;
-    collapsedQueryPaths: _angular_core.WritableSignal<ReadonlySet<string>>;
-    pinnedQueryIds: _angular_core.WritableSignal<ReadonlySet<string>>;
-    eventLog: _angular_core.WritableSignal<EventLogItem[]>;
-    private eventOwners;
-    droppedCacheEntries: _angular_core.WritableSignal<DroppedCacheEntry[]>;
-    eventClient: _angular_core.WritableSignal<string | null>;
-    eventErrorsOnly: _angular_core.WritableSignal<boolean>;
-    socketFilter: _angular_core.WritableSignal<string>;
-    private expandedCacheKey;
-    private socketEmitError;
-    private expandedSteps;
-    private expandedBatchItems;
-    expandedQueryGroups: _angular_core.WritableSignal<ReadonlySet<string>>;
-    jsonSearch: _angular_core.WritableSignal<string>;
-    jsonSearchTerm: _angular_core.Signal<string>;
-    jsonExpandedPaths: _angular_core.WritableSignal<ReadonlySet<string>>;
-    jsonCollapsedPaths: _angular_core.WritableSignal<ReadonlySet<string>>;
-    toggleJsonPath: (path: string, expand: boolean) => void;
-    diffRunIndex: _angular_core.WritableSignal<number | null>;
-    diffBaseRunIndex: _angular_core.WritableSignal<number | null>;
-    errorRunIndex: _angular_core.WritableSignal<number | null>;
-    retainedResponseCount: _angular_core.Signal<number>;
-    editorMode: _angular_core.WritableSignal<"none" | "response" | "args">;
-    responseDraft: _angular_core.WritableSignal<string>;
-    argsDraft: _angular_core.WritableSignal<string>;
-    /**
-     * The text the currently open editor was seeded with. The textareas bind `value` to this and not to
-     * the live draft: a `value` binding fed by the draft is written back on every keystroke, and writing
-     * a textarea's `value` puts the caret at the end.
-     */
-    editorSeed: string;
-    editError: _angular_core.WritableSignal<string | null>;
-    private editedArgsSource;
-    copiedReport: {
-        value: _angular_core.Signal<boolean>;
-        mark: (next: boolean) => void;
-        clear: () => void;
-    };
-    copiedInsomnia: {
-        value: _angular_core.Signal<boolean>;
-        mark: (next: boolean) => void;
-        clear: () => void;
-    };
-    copiedCurl: {
-        value: _angular_core.Signal<boolean>;
-        mark: (next: boolean) => void;
-        clear: () => void;
-    };
-    copiedGql: {
-        value: _angular_core.Signal<boolean>;
-        mark: (next: boolean) => void;
-        clear: () => void;
-    };
-    copiedRoute: {
-        value: _angular_core.Signal<boolean>;
-        mark: (next: boolean) => void;
-        clear: () => void;
+export declare class QueryDevtoolsComponent implements OnInit {
+  private hostEl;
+  private renderer;
+  private download;
+  private styleManager;
+  private zone;
+  private destroyRef;
+  private document;
+  private injector;
+  private viewport;
+  private isDocumentVisible;
+  /**
+   * Opens the panel as soon as it is created, whatever the stored view state says. Set by
+   * `<et-query-devtools-lazy>`, which downloads the panel on the click that was meant to open it.
+   */
+  startOpen: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  private panelEl;
+  private toggle;
+  private tabButtons;
+  private focusBeforeOpen;
+  private eventIdCounter;
+  private lastSelectionKey;
+  private tabBeforeSettings;
+  readonly persisted: PersistedState;
+  protected readonly tabs: ({
+    id: "queries";
+    label: string;
+  } | {
+    id: "stacks";
+    label: string;
+  } | {
+    id: "sequences";
+    label: string;
+  } | {
+    id: "batches";
+    label: string;
+  } | {
+    id: "forms";
+    label: string;
+  } | {
+    id: "auth";
+    label: string;
+  } | {
+    id: "ws";
+    label: string;
+  } | {
+    id: "cache";
+    label: string;
+  } | {
+    id: "locks";
+    label: string;
+  } | {
+    id: "timeline";
+    label: string;
+  } | {
+    id: "events";
+    label: string;
+  } | {
+    id: "faults";
+    label: string;
+  } | {
+    id: "mocks";
+    label: string;
+  } | {
+    id: "about";
+    label: string;
+  })[];
+  private readonly PINNED_TABS;
+  protected readonly shortcut: "⌘⌥Q" | "Ctrl+Alt+Q";
+  protected readonly LAYOUTS: readonly [{
+    readonly id: "bottom";
+    readonly glyph: "⬓";
+    readonly label: "Bottom";
+    readonly hint: "Dock to the bottom edge";
+  }, {
+    readonly id: "top";
+    readonly glyph: "⬒";
+    readonly label: "Top";
+    readonly hint: "Dock to the top edge";
+  }, {
+    readonly id: "left";
+    readonly glyph: "◧";
+    readonly label: "Left";
+    readonly hint: "Dock to the left edge";
+  }, {
+    readonly id: "right";
+    readonly glyph: "◨";
+    readonly label: "Right";
+    readonly hint: "Dock to the right edge";
+  }, {
+    readonly id: "float";
+    readonly glyph: "❐";
+    readonly label: "Float";
+    readonly hint: "A window inside the page - move it, resize it, shove it off an edge to park it";
+  }, {
+    readonly id: "popout";
+    readonly glyph: "⧉";
+    readonly label: "Pop out";
+    readonly hint: "Move the panel into a window of its own - the same live panel, on your other screen";
+  }];
+  protected open: import("@angular/core").WritableSignal<boolean>;
+  private panelHeight;
+  private panelWidth;
+  protected activeTab: import("@angular/core").WritableSignal<DevtoolsTab>;
+  protected listWidth: import("@angular/core").WritableSignal<number | null>;
+  protected drawerWidth: import("@angular/core").WritableSignal<number | null>;
+  protected listHeight: import("@angular/core").WritableSignal<number | null>;
+  protected drawerHeight: import("@angular/core").WritableSignal<number | null>;
+  private drag;
+  private floatGesture;
+  protected resizing: import("@angular/core").Signal<boolean>;
+  protected dock: import("@angular/core").WritableSignal<DevtoolsDock>;
+  protected currentLayout: import("@angular/core").Signal<{
+    readonly id: "bottom";
+    readonly glyph: "⬓";
+    readonly label: "Bottom";
+    readonly hint: "Dock to the bottom edge";
+  } | {
+    readonly id: "top";
+    readonly glyph: "⬒";
+    readonly label: "Top";
+    readonly hint: "Dock to the top edge";
+  } | {
+    readonly id: "left";
+    readonly glyph: "◧";
+    readonly label: "Left";
+    readonly hint: "Dock to the left edge";
+  } | {
+    readonly id: "right";
+    readonly glyph: "◨";
+    readonly label: "Right";
+    readonly hint: "Dock to the right edge";
+  } | {
+    readonly id: "float";
+    readonly glyph: "❐";
+    readonly label: "Float";
+    readonly hint: "A window inside the page - move it, resize it, shove it off an edge to park it";
+  } | {
+    readonly id: "popout";
+    readonly glyph: "⧉";
+    readonly label: "Pop out";
+    readonly hint: "Move the panel into a window of its own - the same live panel, on your other screen";
+  }>;
+  protected reservesSpace: import("@angular/core").WritableSignal<boolean>;
+  private floatRect;
+  private floatResizeBase;
+  /**
+   * Whether the float is shoved off an edge with only its peek showing. Persisted with the rect, since
+   * restoring the rect without it would either strand the panel off screen or silently un-park it.
+   */
+  protected floatParked: import("@angular/core").WritableSignal<boolean>;
+  protected popOutBlocked: import("@angular/core").WritableSignal<boolean>;
+  /**
+   * Whether the panel currently lives in a window of its own. Deliberately not persisted: a reload
+   * cannot re-adopt a window the previous document opened, so it always starts docked.
+   */
+  protected poppedOut: import("@angular/core").WritableSignal<boolean>;
+  protected floating: import("@angular/core").Signal<boolean>;
+  private narrowViewport;
+  private sideDocked;
+  protected paneAxis: import("@angular/core").Signal<PaneAxis>;
+  private popup;
+  /** Ends everything tied to one pop-out window: a pending `load`, its `pagehide`, shortcut and visibility. */
+  private popOutEnded$;
+  private popupVisible;
+  private isPanelVisible;
+  private popOutStyleSync;
+  protected panelBlockSize: import("@angular/core").Signal<number | null>;
+  protected panelInlineSize: import("@angular/core").Signal<number | null>;
+  protected panelInsetBlock: import("@angular/core").Signal<number | null>;
+  protected panelInsetInline: import("@angular/core").Signal<number | null>;
+  /**
+   * The panel's rendered size, not its dragged one - the stylesheet clamps a dock (`min-block-size`,
+   * `max-block-size: 90vh`) and it is the clamped size the page has to give up.
+   */
+  private panelSize;
+  private pageReservation;
+  /**
+   * The viewport edge a docked panel covers, reserved for overlays whatever {@link reservesSpace} says:
+   * page content can be scrolled out from under the panel, a dialog or a menu cannot. A dock edge is
+   * logical, so which physical edge a side dock covers flips in RTL - read from the panel, since the
+   * writing direction cannot change under a dock switch.
+   */
+  private overlayReservation;
+  detailTab: import("@angular/core").WritableSignal<DetailTab>;
+  selectedClientName: import("@angular/core").WritableSignal<string | null>;
+  selectedQueryId: import("@angular/core").WritableSignal<string | null>;
+  selectedFormId: import("@angular/core").WritableSignal<string | null>;
+  /**
+   * The type annotations of each seeded mock body, by mock id. It lives here rather than on the Mocks
+   * tab because a tab is destroyed the moment another one is selected, and a body seeded from an inline
+   * schema has no `schemaName` to recover its labels from.
+   */
+  seededTypes: import("@angular/core").WritableSignal<Record<string, ReadonlyMap<string, string>>>;
+  stackSelectedQueryId: import("@angular/core").WritableSignal<string | null>;
+  sequenceSelectedQueryId: import("@angular/core").WritableSignal<string | null>;
+  batchSelectedQueryId: import("@angular/core").WritableSignal<string | null>;
+  eventSelectedQueryId: import("@angular/core").WritableSignal<string | null>;
+  formSelectedQueryId: import("@angular/core").WritableSignal<string | null>;
+  timelineSelectedQueryId: import("@angular/core").WritableSignal<string | null>;
+  queryFilter: import("@angular/core").WritableSignal<string>;
+  queryFacets: import("@angular/core").WritableSignal<ReadonlySet<QueryListFacet>>;
+  queryRecentFirst: import("@angular/core").WritableSignal<boolean>;
+  queryTreeView: import("@angular/core").WritableSignal<boolean>;
+  collapsedQueryPaths: import("@angular/core").WritableSignal<ReadonlySet<string>>;
+  pinnedQueryIds: import("@angular/core").WritableSignal<ReadonlySet<string>>;
+  eventLog: import("@angular/core").WritableSignal<EventLogItem[]>;
+  private eventOwners;
+  droppedCacheEntries: import("@angular/core").WritableSignal<DroppedCacheEntry[]>;
+  eventClient: import("@angular/core").WritableSignal<string | null>;
+  eventErrorsOnly: import("@angular/core").WritableSignal<boolean>;
+  socketFilter: import("@angular/core").WritableSignal<string>;
+  private expandedCacheKey;
+  private socketEmitError;
+  private expandedSteps;
+  private expandedBatchItems;
+  expandedQueryGroups: import("@angular/core").WritableSignal<ReadonlySet<string>>;
+  jsonSearch: import("@angular/core").WritableSignal<string>;
+  jsonSearchTerm: import("@angular/core").Signal<string>;
+  jsonExpandedPaths: import("@angular/core").WritableSignal<ReadonlySet<string>>;
+  jsonCollapsedPaths: import("@angular/core").WritableSignal<ReadonlySet<string>>;
+  toggleJsonPath: (path: string, expand: boolean) => void;
+  diffRunIndex: import("@angular/core").WritableSignal<number | null>;
+  diffBaseRunIndex: import("@angular/core").WritableSignal<number | null>;
+  errorRunIndex: import("@angular/core").WritableSignal<number | null>;
+  retainedResponseCount: import("@angular/core").Signal<number>;
+  editorMode: import("@angular/core").WritableSignal<"none" | "response" | "args">;
+  responseDraft: import("@angular/core").WritableSignal<string>;
+  argsDraft: import("@angular/core").WritableSignal<string>;
+  /**
+   * The text the currently open editor was seeded with. The textareas bind `value` to this and not to
+   * the live draft: a `value` binding fed by the draft is written back on every keystroke, and writing
+   * a textarea's `value` puts the caret at the end.
+   */
+  editorSeed: string;
+  editError: import("@angular/core").WritableSignal<string | null>;
+  private editedArgsSource;
+  copiedReport: {
+    value: import("@angular/core").Signal<boolean>;
+    mark: (next: boolean) => void;
+    clear: () => void;
+  };
+  copiedInsomnia: {
+    value: import("@angular/core").Signal<boolean>;
+    mark: (next: boolean) => void;
+    clear: () => void;
+  };
+  copiedCurl: {
+    value: import("@angular/core").Signal<boolean>;
+    mark: (next: boolean) => void;
+    clear: () => void;
+  };
+  copiedGql: {
+    value: import("@angular/core").Signal<boolean>;
+    mark: (next: boolean) => void;
+    clear: () => void;
+  };
+  copiedRoute: {
+    value: import("@angular/core").Signal<boolean>;
+    mark: (next: boolean) => void;
+    clear: () => void;
+  };
+  /**
+   * 1-second tick driving the cache freshness countdowns. Gated the way the locks poll is: an ungated
+   * `interval` is a periodic macrotask zone.js counts forever, so a mounted panel would tick the host
+   * application once a second and keep `ApplicationRef.whenStable()` from ever resolving. Every reader
+   * sits inside `@if (open())`, so there is nothing to drive while the panel is shut or the tab hidden.
+   */
+  private clock;
+  private probeLocks;
+  private probeId;
+  private probeHold;
+  private lockSnapshot;
+  lockRows: import("@angular/core").Signal<DevtoolsLockRow[] | null>;
+  protected inspectActive: import("@angular/core").WritableSignal<boolean>;
+  protected locatedRect: import("@angular/core").WritableSignal<DOMRect | null>;
+  locateState: import("@angular/core").WritableSignal<"idle" | "located" | "offscreen">;
+  private locate$;
+  inspectFilterIds: import("@angular/core").WritableSignal<string[] | null>;
+  private queryEntries;
+  private argsSourceQueries;
+  /**
+   * The queries that still exist. Everything that measures what the application is doing right now -
+   * the tab bar's error flags, the tamper dot, the timeline -
+   * reads this rather than {@link queryEntries}, so a tombstone never inflates a live number.
+   */
+  private liveQueryEntries;
+  protected panelTampered: import("@angular/core").Signal<boolean>;
+  stackEntries: import("@angular/core").Signal<QueryDevtoolsEntry[]>;
+  sequenceEntries: import("@angular/core").Signal<QueryDevtoolsEntry[]>;
+  batchEntries: import("@angular/core").Signal<QueryDevtoolsEntry[]>;
+  formEntries: import("@angular/core").Signal<QueryDevtoolsEntry[]>;
+  authEntries: import("@angular/core").Signal<QueryDevtoolsEntry[]>;
+  wsEntries: import("@angular/core").Signal<QueryDevtoolsEntry[]>;
+  clientNames: import("@angular/core").Signal<string[]>;
+  /**
+   * Unique repositories (with their client name + base URL) used by the Cache and Events tabs. A
+   * tombstone keeps its `meta.repository`, so a destroyed client would otherwise keep its Cache card
+   * and its **Evict all** long after its injector died.
+   */
+  private repositories;
+  faultClients: import("@angular/core").Signal<{
+    name: string;
+    baseUrl: string;
+    fault: import("@ethlete/query").ɵQueryDevtoolsFault;
+    armed: boolean;
+  }[]>;
+  protected armedFaultClients: import("@angular/core").Signal<string[] | null>;
+  protected armedMockRoutes: import("@angular/core").Signal<string[] | null>;
+  scopedQueries: import("@angular/core").Signal<QueryDevtoolsEntry[]>;
+  private runTotals;
+  private cacheEntryCount;
+  protected tabBadges: import("@angular/core").Signal<Record<DevtoolsTab, TabBadge>>;
+  protected visibleTabs: import("@angular/core").Signal<({
+    id: "queries";
+    label: string;
+  } | {
+    id: "stacks";
+    label: string;
+  } | {
+    id: "sequences";
+    label: string;
+  } | {
+    id: "batches";
+    label: string;
+  } | {
+    id: "forms";
+    label: string;
+  } | {
+    id: "auth";
+    label: string;
+  } | {
+    id: "ws";
+    label: string;
+  } | {
+    id: "cache";
+    label: string;
+  } | {
+    id: "locks";
+    label: string;
+  } | {
+    id: "timeline";
+    label: string;
+  } | {
+    id: "events";
+    label: string;
+  } | {
+    id: "faults";
+    label: string;
+  } | {
+    id: "mocks";
+    label: string;
+  } | {
+    id: "about";
+    label: string;
+  })[]>;
+  protected overflowTabs: import("@angular/core").Signal<({
+    id: "queries";
+    label: string;
+  } | {
+    id: "stacks";
+    label: string;
+  } | {
+    id: "sequences";
+    label: string;
+  } | {
+    id: "batches";
+    label: string;
+  } | {
+    id: "forms";
+    label: string;
+  } | {
+    id: "auth";
+    label: string;
+  } | {
+    id: "ws";
+    label: string;
+  } | {
+    id: "cache";
+    label: string;
+  } | {
+    id: "locks";
+    label: string;
+  } | {
+    id: "timeline";
+    label: string;
+  } | {
+    id: "events";
+    label: string;
+  } | {
+    id: "faults";
+    label: string;
+  } | {
+    id: "mocks";
+    label: string;
+  } | {
+    id: "about";
+    label: string;
+  })[]>;
+  selectedQuery: import("@angular/core").Signal<{
+    entry: QueryDevtoolsEntry;
+    query: AnyQuery;
+  } | null>;
+  stackSelectedQuery: import("@angular/core").Signal<{
+    entry: QueryDevtoolsEntry;
+    query: AnyQuery;
+  } | null>;
+  sequenceSelectedQuery: import("@angular/core").Signal<{
+    entry: QueryDevtoolsEntry;
+    query: AnyQuery;
+  } | null>;
+  batchSelectedQuery: import("@angular/core").Signal<{
+    entry: QueryDevtoolsEntry;
+    query: AnyQuery;
+  } | null>;
+  eventSelectedQuery: import("@angular/core").Signal<{
+    entry: QueryDevtoolsEntry;
+    query: AnyQuery;
+  } | null>;
+  formSelectedQuery: import("@angular/core").Signal<{
+    entry: QueryDevtoolsEntry;
+    query: AnyQuery;
+  } | null>;
+  timelineSelectedQuery: import("@angular/core").Signal<{
+    entry: QueryDevtoolsEntry;
+    query: AnyQuery;
+  } | null>;
+  /**
+   * The cache per client, with every entry's size measured. Reading each response inside the computed is
+   * what keeps the totals current: a cache mutation bumps `cacheVersion`, but a response landing in an
+   * entry that is already there does not.
+   */
+  cacheView: import("@angular/core").Signal<{
+    name: string;
+    baseUrl: string;
+    repository: QueryRepository;
+    rows: CacheRow[];
+    bytes: number;
+    isEstimatedBytes: boolean;
+    unused: number;
+    pollStates: Record<string, QueryKeyLockState>;
+    client: QueryClient | null;
+    dropped: DroppedCacheEntry[];
+  }[]>;
+  private elementQueryMap;
+  protected readonly CLEAR_FAULTS: (clientName?: string) => void;
+  protected faultsRestored: import("@angular/core").Signal<boolean>;
+  protected mocksRestored: import("@angular/core").Signal<boolean>;
+  protected readonly DISARM_MOCKS: () => void;
+  protected restoredOverrides: import("@angular/core").Signal<{
+    queries: number;
+    ops: number;
+    firstId: string | null;
+    orphaned: string[];
+    fromLocalStorage: boolean;
+  } | null>;
+  protected readonly DROP_RESTORED_OVERRIDES: () => void;
+  protected readonly hiddenInAutomation: boolean;
+  protected readonly FLOAT_RESIZE_EDGES: ResizeEdge[];
+  constructor();
+  ngOnInit(): void;
+  overridesPersist(): boolean;
+  toggleOverridesPersist(): void;
+  overridesScopeLabel(): string;
+  /**
+   * Puts layout, filters, selections, pins and stored overrides back the way they ship; the settings stay.
+   * Resets the live state too, or the persistence effects write it straight back.
+   */
+  resetDevtools(): void;
+  protected toggleSettings(): void;
+  protected reviewRestoredOverrides(id: string): void;
+  /**
+   * Closing while popped out docks back instead: the panel a pop-out shows is the very element the
+   * `@if` below would destroy, so it has to come home before it can be closed.
+   */
+  protected toggleOpen(): void;
+  protected floatPanel(): void;
+  protected selectLayout(layout: DevtoolsLayout): void;
+  /**
+   * Moves the panel element into a pop-up window. The host document's `<style>` tags and root theming
+   * tokens must be copied over with it, or the pop-out renders unstyled.
+   */
+  popOut(): void;
+  selectClient(name: string | null): void;
+  clearInspectFilter(): void;
+  toggleFacet(facet: QueryListFacet): void;
+  clearQueryFilters(): void;
+  isQueryPinned(entry: QueryDevtoolsEntry): boolean;
+  toggleQueryPath(key: string): void;
+  toggleQueryPin(entry: QueryDevtoolsEntry): void;
+  protected toggleInspect(): void;
+  protected startResize(event: PointerEvent): void;
+  protected moveFloat(move: DragMoveEvent): void;
+  protected endFloatMove(): void;
+  protected restoreFloat(): void;
+  protected startFloatResize(): void;
+  protected resizeFloat(move: ResizeMoveEvent): void;
+  protected endFloatResize(): void;
+  startPaneResize(event: PointerEvent, target: {
+    pane: PaneTarget;
+    container: HTMLElement;
+  }): void;
+  resetPaneSize(pane: PaneTarget): void;
+  protected inspectLabel(entries: QueryDevtoolsEntry[]): string;
+  routeSegments(entry: QueryDevtoolsEntry | undefined, query: AnyQuery): RouteSegment[];
+  requestUrl(query: AnyQuery): string | null;
+  /**
+   * The args of a query. A query executed imperatively (`execute({ args })`, a sequence step, an auth
+   * query) never writes them to its own `args` signal - only the `withArgs` feature does - so the args
+   * its current request was built from stand in.
+   */
+  queryArgs(query: AnyQuery): Omit<any, "response" | "rawResponse"> | null;
+  /**
+   * The headers the last run sent, or what the args and client resolve to now for a query that has not
+   * run; `null` while a header provider throws. Client headers and the secure `Authorization` never
+   * reach the args, so the args alone cannot answer this.
+   */
+  requestHeaders(query: AnyQuery): {
+    [k: string]: string;
+  } | null;
+  queryStatus(query: AnyQuery): QueryStatus;
+  isParked(query: AnyQuery): boolean;
+  isStale(query: AnyQuery): boolean;
+  isTampered(entry: QueryDevtoolsEntry): boolean;
+  isMocked(entry: QueryDevtoolsEntry): boolean;
+  requestProgress(query: AnyQuery): RequestProgress | null;
+  retryCause(status: number): string;
+  formatPercent(percentage: number): string;
+  formatCountdown(ms: number | null): string;
+  queryActivity(entry: QueryDevtoolsEntry): QueryActivity;
+  linkActivity(link: QueryLink): QueryActivity;
+  stackActivity(stack: AnyQueryStack | AnyPagedQueryStack): QueryActivity;
+  sequenceActivity(sequence: QuerySequence<unknown[]>): QueryActivity;
+  resetStats(entry: QueryDevtoolsEntry): void;
+  queryRuns(entry: QueryDevtoolsEntry): QueryDevtoolsRun[];
+  runStatus(run: QueryDevtoolsRun): "loading" | "success" | "error" | "aborted";
+  canDiffRun(entry: QueryDevtoolsEntry, run: QueryDevtoolsRun): boolean;
+  toggleRunDiff(entry: QueryDevtoolsEntry, run: QueryDevtoolsRun): void;
+  diffRunRole(entry: QueryDevtoolsEntry, run: QueryDevtoolsRun): 'base' | 'compare' | null;
+  responseDiff(entry: QueryDevtoolsEntry): {
+    before: QueryDevtoolsRun;
+    after: QueryDevtoolsRun;
+    diff: QueryDevtoolsDiff;
+  } | null;
+  canStepRunDiff(entry: QueryDevtoolsEntry, older: boolean): boolean;
+  stepRunDiff(entry: QueryDevtoolsEntry, older: boolean): void;
+  toggleRunError(run: QueryDevtoolsRun): void;
+  /**
+   * The error body of the picked run. Read off the run rather than off `query.error()`, which is the
+   * only other place a failure is legible and is blanked by anything that resets the query - a logout
+   * resets every secure query, so a 401 is gone from there by the time it is looked for.
+   */
+  pickedRunError(entry: QueryDevtoolsEntry): {
+    run: QueryDevtoolsRun;
+    error: import("@ethlete/query").ɵQueryDevtoolsRunError;
+  } | null;
+  selectQuery(id: string): void;
+  inlineValue(value: unknown): string;
+  formatBytes(bytes: number): string;
+  formatTransferred(bytes: number, isEstimated: boolean): string;
+  formatSpeed(bytesPerSecond: number): string;
+  formatDuration(ms: number | null): string;
+  /**
+   * Replays a query with the args the panel is already showing. `execute()` would otherwise default to
+   * `state.args()`, which only `withArgs` ever writes - so a query executed imperatively, by a sequence
+   * step or as an auth query would replay with no args at all and a function route would throw.
+   */
+  executeQuery(selection: QueryDevtoolsSelection, allowCache: boolean): void;
+  resetQuery(query: AnyQuery): void;
+  copyReport(entry: QueryDevtoolsEntry, query: AnyQuery): void;
+  copyInsomniaRequest(entry: QueryDevtoolsEntry, query: AnyQuery): void;
+  copyCurlRequest(entry: QueryDevtoolsEntry, query: AnyQuery): void;
+  copyGqlDocument(doc: string): void;
+  copyableRoute(entry: QueryDevtoolsEntry, query: AnyQuery): string;
+  copyableRouteTitle(entry: QueryDevtoolsEntry, query: AnyQuery): string;
+  copyRoute(entry: QueryDevtoolsEntry, query: AnyQuery): void;
+  downloadInsomniaCollection(items: {
+    entry: QueryDevtoolsEntry;
+    query: AnyQuery;
+  }[], clientLabel: string | null): void;
+  protected downloadSession(): void;
+  openResponseEditor(query: AnyQuery): void;
+  openArgsEditor({ entry, query }: QueryDevtoolsSelection): void;
+  applyResponse(query: AnyQuery): void;
+  applyArgs(query: AnyQuery): void;
+  cancelEditor(): void;
+  forceLoading(query: AnyQuery): void;
+  forceError(query: AnyQuery): void;
+  forceEmpty(query: AnyQuery): void;
+  clearForced(query: AnyQuery): void;
+  refetchCacheEntry(entry: QueryRepositoryCacheEntry): void;
+  evictCacheEntry(repository: QueryRepository, key: string): void;
+  evictAllCacheEntries(repository: QueryRepository): void;
+  toggleCacheValue(clientName: string, key: string): void;
+  isCacheValueExpanded(clientName: string, key: string): boolean;
+  cacheFreshness(entry: QueryRepositoryCacheEntry): string;
+  cacheSync(entry: QueryRepositoryCacheEntry, pollStates: Record<string, QueryKeyLockState>): string;
+  cachePersistence(entry: QueryRepositoryCacheEntry): string;
+  persistedCount(client: QueryClient): number;
+  clearPersistedQueries(client: QueryClient): void;
+  requestPath(url: string): string;
+  asStack(entry: QueryDevtoolsEntry): AnyQueryStack;
+  asPagedStack(entry: QueryDevtoolsEntry): AnyPagedQueryStack;
+  asSequence(entry: QueryDevtoolsEntry): QuerySequence<unknown[]>;
+  asBatch(entry: QueryDevtoolsEntry): AnyQueryBatch;
+  asAuth(entry: QueryDevtoolsEntry): AnyBearerAuthProvider;
+  asWs(entry: QueryDevtoolsEntry): WebSocketDevtoolsHandle;
+  socketMessages(ws: WebSocketDevtoolsHandle): WebSocketDevtoolsMessage[];
+  socketDirectionLabel(message: WebSocketDevtoolsMessage): "↑ sent" | "↓ received";
+  emitSocketMessage(options: {
+    entry: QueryDevtoolsEntry;
+    event: string;
+    data: string;
+  }): void;
+  socketEmitErrorFor(entryId: string): string | null;
+  asForm(entry: QueryDevtoolsEntry): QueryDevtoolsFormHandle;
+  queriesDrivenByForm(entry: QueryDevtoolsEntry): QueryLink[];
+  formsDrivingQuery(entry: QueryDevtoolsEntry): QueryDevtoolsEntry[];
+  selectForm(id: string): void;
+  refreshesFor(entryId: string): {
+    id: number;
+    timestamp: number;
+    label: string;
+  }[];
+  causeLabel(cause: QueryRefreshCause): string;
+  sequenceStepStatus(sequence: QuerySequence<unknown[]>, index: number): QuerySequenceStatus;
+  authTokenPayload(auth: AnyBearerAuthProvider): Record<string, unknown> | null;
+  queriesForStack(stack: AnyQueryStack | AnyPagedQueryStack): QueryLink[];
+  authQueryKeys(auth: AnyBearerAuthProvider): string[];
+  lockStanding(row: DevtoolsLockRow): QueryDevtoolsChip;
+  authLeadership(auth: AnyBearerAuthProvider): QueryDevtoolsChip | null;
+  authTokenLifetime(entry: QueryDevtoolsEntry): QueryDevtoolsTokenLifetime;
+  queriesForSequence(sequence: QuerySequence<unknown[]>): QueryLink[];
+  stepSnapshot(sequence: QuerySequence<unknown[]>, index: number): AnyQuerySnapshot | null;
+  toggleQueryGroup(key: string): void;
+  expandQueryGroup(key: string): void;
+  isStepExpanded(entryId: string, index: number): boolean;
+  toggleStep(entryId: string, index: number): void;
+  batchRouteSegments(entry: QueryDevtoolsEntry): RouteSegment[];
+  batchOf(entry: QueryDevtoolsEntry): QueryDevtoolsEntry | null;
+  queriesForBatch(entry: QueryDevtoolsEntry): QueryLink[];
+  batchItemQueryId(entry: QueryDevtoolsEntry, index: number): string | null;
+  batchItems(entry: QueryDevtoolsEntry): BatchItemView;
+  batchThroughput(batch: AnyQueryBatch): string | null;
+  isBatchItemExpanded(entryId: string, index: number): boolean;
+  toggleBatchItem(entryId: string, index: number): void;
+  gqlDocument(doc: string): string;
+  featureLabel(type: string): string;
+  featureSummary(feature: QueryDevtoolsFeature): string;
+  clientFeatures(client: QueryClient | null | undefined): QueryDevtoolsFeature[] | null;
+  formatTime(timestamp: number | null): string;
+  locatableElement(entry: QueryDevtoolsEntry): HTMLElement | null;
+  locateQuery(entry: QueryDevtoolsEntry): void;
+  downloadTextFile(file: {
+    name: string;
+    content: string;
+    type: string;
+  }): void;
+  eventQueryId(event: EventLogItem): string | null;
+  private openPanel;
+  private closePanel;
+  private resolvedHeaders;
+  private argsRouteSegments;
+  private renderRoute;
+  /**
+   * Takes - or gives back - the lock whose name only this tab can have produced. Its `clientId` in the
+   * snapshot is what tells this tab's rows from another tab's: `LockInfo` carries no tab identity, and
+   * the platform offers no way to ask for one's own client id.
+   */
+  private holdProbeLock;
+  private steppedDiffPair;
+  private diffEnds;
+  private isTabPrimary;
+  private mountPopOut;
+  /**
+   * The chrome tokens as the app resolves them now: the pop-out has no ancestor carrying the host theme.
+   * Empty on a browser that does not enumerate custom properties.
+   */
+  private chromeTokens;
+  private inlineStyleOf;
+  private isStyleNode;
+  /**
+   * Copies the host document's stylesheets into the pop-up and keeps mirroring them while it is
+   * open. Styles keep arriving after the move: Angular inserts a component's CSS and the style
+   * manager mounts overlay strategy CSS the first time each is used - e.g. the first menu opened
+   * over there - so a one-time copy would leave everything first used after the pop-out unstyled.
+   */
+  private syncStylesInto;
+  private dockBack;
+  private queryLinkFor;
+  private activityOf;
+  private activitySummary;
+  private queryRoute;
+  private exportedRequest;
+  private insomniaTokenRefreshes;
+  private insomniaTokenRefresh;
+  private accessTokenPath;
+  private accessTokenMaxAge;
+  private insomniaHeaders;
+  private sessionClients;
+  private sessionAuthQueryKeys;
+  private sessionEntries;
+  private sessionQuery;
+  private sessionActivity;
+  private sessionSequence;
+  private sessionBatch;
+  private sessionForm;
+  /**
+   * An auth provider without its tokens. A session report is a file that gets attached to a ticket, and
+   * the access token is the one thing in the panel that must never travel with it - which is why only
+   * its presence and its remaining lifetime are exported.
+   */
+  private sessionAuth;
+  private sessionSocket;
+  private sessionEvents;
+  private sessionFaults;
+  private sessionMocks;
+  private downloadFile;
+  private stepKey;
+  private paneSize;
+  private applyResize;
+  private applyPaneResize;
+  private closePopup;
+  private updateInspectHover;
+  private selectInspectedQuery;
+  private selectionKey;
+  private writeToClipboard;
+  private responseStatus;
+  private findQuery;
+  private pushEvent;
+  private measureResponse;
+  private refreshedRequestOf;
+  private pushEventItem;
+  static ɵfac: i0.ɵɵFactoryDeclaration<QueryDevtoolsComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<QueryDevtoolsComponent, "et-query-devtools", never, {
+    "startOpen": {
+      "alias": "startOpen";
+      "required": false;
+      "isSignal": true;
     };
-    /**
-     * 1-second tick driving the cache freshness countdowns. Gated the way the locks poll is: an ungated
-     * `interval` is a periodic macrotask zone.js counts forever, so a mounted panel would tick the host
-     * application once a second and keep `ApplicationRef.whenStable()` from ever resolving. Every reader
-     * sits inside `@if (open())`, so there is nothing to drive while the panel is shut or the tab hidden.
-     */
-    private clock;
-    private probeLocks;
-    private probeId;
-    private probeHold;
-    private lockSnapshot;
-    lockRows: _angular_core.Signal<DevtoolsLockRow[] | null>;
-    protected inspectActive: _angular_core.WritableSignal<boolean>;
-    protected locatedRect: _angular_core.WritableSignal<DOMRect | null>;
-    locateState: _angular_core.WritableSignal<"idle" | "located" | "offscreen">;
-    private locate$;
-    inspectFilterIds: _angular_core.WritableSignal<string[] | null>;
-    private queryEntries;
-    /**
-     * The queries that still exist. Everything that measures what the application is doing right now -
-     * the tab bar's error flags, the tamper dot, the timeline -
-     * reads this rather than {@link queryEntries}, so a tombstone never inflates a live number.
-     */
-    private liveQueryEntries;
-    protected panelTampered: _angular_core.Signal<boolean>;
-    stackEntries: _angular_core.Signal<QueryDevtoolsEntry[]>;
-    sequenceEntries: _angular_core.Signal<QueryDevtoolsEntry[]>;
-    batchEntries: _angular_core.Signal<QueryDevtoolsEntry[]>;
-    formEntries: _angular_core.Signal<QueryDevtoolsEntry[]>;
-    authEntries: _angular_core.Signal<QueryDevtoolsEntry[]>;
-    wsEntries: _angular_core.Signal<QueryDevtoolsEntry[]>;
-    clientNames: _angular_core.Signal<string[]>;
-    /**
-     * Unique repositories (with their client name + base URL) used by the Cache and Events tabs. A
-     * tombstone keeps its `meta.repository`, so a destroyed client would otherwise keep its Cache card
-     * and its **Evict all** long after its injector died.
-     */
-    private repositories;
-    faultClients: _angular_core.Signal<{
-        name: string;
-        baseUrl: string;
-        fault: _ethlete_query.ɵQueryDevtoolsFault;
-        armed: boolean;
-    }[]>;
-    protected armedFaultClients: _angular_core.Signal<string[] | null>;
-    protected armedMockRoutes: _angular_core.Signal<string[] | null>;
-    scopedQueries: _angular_core.Signal<QueryDevtoolsEntry[]>;
-    private runTotals;
-    private cacheEntryCount;
-    protected tabBadges: _angular_core.Signal<Record<DevtoolsTab, TabBadge>>;
-    protected visibleTabs: _angular_core.Signal<({
-        id: "queries";
-        label: string;
-    } | {
-        id: "stacks";
-        label: string;
-    } | {
-        id: "sequences";
-        label: string;
-    } | {
-        id: "batches";
-        label: string;
-    } | {
-        id: "forms";
-        label: string;
-    } | {
-        id: "auth";
-        label: string;
-    } | {
-        id: "ws";
-        label: string;
-    } | {
-        id: "cache";
-        label: string;
-    } | {
-        id: "locks";
-        label: string;
-    } | {
-        id: "timeline";
-        label: string;
-    } | {
-        id: "events";
-        label: string;
-    } | {
-        id: "faults";
-        label: string;
-    } | {
-        id: "mocks";
-        label: string;
-    } | {
-        id: "about";
-        label: string;
-    })[]>;
-    protected overflowTabs: _angular_core.Signal<({
-        id: "queries";
-        label: string;
-    } | {
-        id: "stacks";
-        label: string;
-    } | {
-        id: "sequences";
-        label: string;
-    } | {
-        id: "batches";
-        label: string;
-    } | {
-        id: "forms";
-        label: string;
-    } | {
-        id: "auth";
-        label: string;
-    } | {
-        id: "ws";
-        label: string;
-    } | {
-        id: "cache";
-        label: string;
-    } | {
-        id: "locks";
-        label: string;
-    } | {
-        id: "timeline";
-        label: string;
-    } | {
-        id: "events";
-        label: string;
-    } | {
-        id: "faults";
-        label: string;
-    } | {
-        id: "mocks";
-        label: string;
-    } | {
-        id: "about";
-        label: string;
-    })[]>;
-    selectedQuery: _angular_core.Signal<{
-        entry: QueryDevtoolsEntry;
-        query: AnyQuery;
-    } | null>;
-    stackSelectedQuery: _angular_core.Signal<{
-        entry: QueryDevtoolsEntry;
-        query: AnyQuery;
-    } | null>;
-    sequenceSelectedQuery: _angular_core.Signal<{
-        entry: QueryDevtoolsEntry;
-        query: AnyQuery;
-    } | null>;
-    batchSelectedQuery: _angular_core.Signal<{
-        entry: QueryDevtoolsEntry;
-        query: AnyQuery;
-    } | null>;
-    eventSelectedQuery: _angular_core.Signal<{
-        entry: QueryDevtoolsEntry;
-        query: AnyQuery;
-    } | null>;
-    formSelectedQuery: _angular_core.Signal<{
-        entry: QueryDevtoolsEntry;
-        query: AnyQuery;
-    } | null>;
-    timelineSelectedQuery: _angular_core.Signal<{
-        entry: QueryDevtoolsEntry;
-        query: AnyQuery;
-    } | null>;
-    /**
-     * The cache per client, with every entry's size measured. Reading each response inside the computed is
-     * what keeps the totals current: a cache mutation bumps `cacheVersion`, but a response landing in an
-     * entry that is already there does not.
-     */
-    cacheView: _angular_core.Signal<{
-        name: string;
-        baseUrl: string;
-        repository: QueryRepository;
-        rows: CacheRow[];
-        bytes: number;
-        isEstimatedBytes: boolean;
-        unused: number;
-        pollStates: Record<string, QueryKeyLockState>;
-        client: QueryClient | null;
-        dropped: DroppedCacheEntry[];
-    }[]>;
-    private elementQueryMap;
-    protected readonly CLEAR_FAULTS: (clientName?: string) => void;
-    protected faultsRestored: _angular_core.Signal<boolean>;
-    protected mocksRestored: _angular_core.Signal<boolean>;
-    protected readonly DISARM_MOCKS: () => void;
-    protected restoredOverrides: _angular_core.Signal<{
-        queries: number;
-        ops: number;
-        firstId: string | null;
-        orphaned: string[];
-        fromLocalStorage: boolean;
-    } | null>;
-    protected readonly DROP_RESTORED_OVERRIDES: () => void;
-    protected readonly FLOAT_RESIZE_EDGES: ResizeEdge[];
-    constructor();
-    ngOnInit(): void;
-    overridesPersist(): boolean;
-    toggleOverridesPersist(): void;
-    overridesScopeLabel(): string;
-    /**
-     * Puts layout, filters, selections, pins and stored overrides back the way they ship; the settings stay.
-     * Resets the live state too, or the persistence effects write it straight back.
-     */
-    resetDevtools(): void;
-    protected toggleSettings(): void;
-    protected reviewRestoredOverrides(id: string): void;
-    /**
-     * Closing while popped out docks back instead: the panel a pop-out shows is the very element the
-     * `@if` below would destroy, so it has to come home before it can be closed.
-     */
-    protected toggleOpen(): void;
-    protected floatPanel(): void;
-    protected selectLayout(layout: DevtoolsLayout): void;
-    /**
-     * Moves the panel element into a pop-up window. The host document's `<style>` tags and root theming
-     * tokens must be copied over with it, or the pop-out renders unstyled.
-     */
-    popOut(): void;
-    selectClient(name: string | null): void;
-    clearInspectFilter(): void;
-    toggleFacet(facet: QueryListFacet): void;
-    clearQueryFilters(): void;
-    isQueryPinned(entry: QueryDevtoolsEntry): boolean;
-    toggleQueryPath(key: string): void;
-    toggleQueryPin(entry: QueryDevtoolsEntry): void;
-    protected toggleInspect(): void;
-    protected startResize(event: PointerEvent): void;
-    protected moveFloat(move: DragMoveEvent): void;
-    protected endFloatMove(): void;
-    protected restoreFloat(): void;
-    protected startFloatResize(): void;
-    protected resizeFloat(move: ResizeMoveEvent): void;
-    protected endFloatResize(): void;
-    startPaneResize(event: PointerEvent, target: {
-        pane: PaneTarget;
-        container: HTMLElement;
-    }): void;
-    resetPaneSize(pane: PaneTarget): void;
-    protected inspectLabel(entries: QueryDevtoolsEntry[]): string;
-    routeSegments(entry: QueryDevtoolsEntry | undefined, query: AnyQuery): RouteSegment[];
-    requestUrl(query: AnyQuery): string | null;
-    /**
-     * The args of a query. A query executed imperatively (`execute({ args })`, a sequence step, an auth
-     * query) never writes them to its own `args` signal - only the `withArgs` feature does - so the args
-     * its current request was built from stand in.
-     */
-    queryArgs(query: AnyQuery): Omit<any, "response" | "rawResponse"> | null;
-    /**
-     * The headers the last run sent, or what the args and client resolve to now for a query that has not
-     * run; `null` while a header provider throws. Client headers and the secure `Authorization` never
-     * reach the args, so the args alone cannot answer this.
-     */
-    requestHeaders(query: AnyQuery): {
-        [k: string]: string;
-    } | null;
-    queryStatus(query: AnyQuery): QueryStatus;
-    isStale(query: AnyQuery): boolean;
-    isTampered(entry: QueryDevtoolsEntry): boolean;
-    isMocked(entry: QueryDevtoolsEntry): boolean;
-    requestProgress(query: AnyQuery): RequestProgress | null;
-    retryCause(status: number): string;
-    formatPercent(percentage: number): string;
-    formatCountdown(ms: number | null): string;
-    queryActivity(entry: QueryDevtoolsEntry): QueryActivity;
-    linkActivity(link: QueryLink): QueryActivity;
-    stackActivity(stack: AnyQueryStack | AnyPagedQueryStack): QueryActivity;
-    sequenceActivity(sequence: QuerySequence<unknown[]>): QueryActivity;
-    resetStats(entry: QueryDevtoolsEntry): void;
-    queryRuns(entry: QueryDevtoolsEntry): QueryDevtoolsRun[];
-    runStatus(run: QueryDevtoolsRun): "loading" | "success" | "error" | "aborted";
-    canDiffRun(entry: QueryDevtoolsEntry, run: QueryDevtoolsRun): boolean;
-    toggleRunDiff(entry: QueryDevtoolsEntry, run: QueryDevtoolsRun): void;
-    diffRunRole(entry: QueryDevtoolsEntry, run: QueryDevtoolsRun): 'base' | 'compare' | null;
-    responseDiff(entry: QueryDevtoolsEntry): {
-        before: QueryDevtoolsRun;
-        after: QueryDevtoolsRun;
-        diff: QueryDevtoolsDiff;
-    } | null;
-    canStepRunDiff(entry: QueryDevtoolsEntry, older: boolean): boolean;
-    stepRunDiff(entry: QueryDevtoolsEntry, older: boolean): void;
-    toggleRunError(run: QueryDevtoolsRun): void;
-    /**
-     * The error body of the picked run. Read off the run rather than off `query.error()`, which is the
-     * only other place a failure is legible and is blanked by anything that resets the query - a logout
-     * resets every secure query, so a 401 is gone from there by the time it is looked for.
-     */
-    pickedRunError(entry: QueryDevtoolsEntry): {
-        run: QueryDevtoolsRun;
-        error: _ethlete_query.ɵQueryDevtoolsRunError;
-    } | null;
-    selectQuery(id: string): void;
-    inlineValue(value: unknown): string;
-    formatBytes(bytes: number): string;
-    formatTransferred(bytes: number, isEstimated: boolean): string;
-    formatSpeed(bytesPerSecond: number): string;
-    formatDuration(ms: number | null): string;
-    /**
-     * Replays a query with the args the panel is already showing. `execute()` would otherwise default to
-     * `state.args()`, which only `withArgs` ever writes - so a query executed imperatively, by a sequence
-     * step or as an auth query would replay with no args at all and a function route would throw.
-     */
-    executeQuery(selection: QueryDevtoolsSelection, allowCache: boolean): void;
-    resetQuery(query: AnyQuery): void;
-    copyReport(entry: QueryDevtoolsEntry, query: AnyQuery): void;
-    copyInsomniaRequest(entry: QueryDevtoolsEntry, query: AnyQuery): void;
-    copyCurlRequest(entry: QueryDevtoolsEntry, query: AnyQuery): void;
-    copyGqlDocument(doc: string): void;
-    copyableRoute(entry: QueryDevtoolsEntry, query: AnyQuery): string;
-    copyableRouteTitle(entry: QueryDevtoolsEntry, query: AnyQuery): string;
-    copyRoute(entry: QueryDevtoolsEntry, query: AnyQuery): void;
-    downloadInsomniaCollection(items: {
-        entry: QueryDevtoolsEntry;
-        query: AnyQuery;
-    }[], clientLabel: string | null): void;
-    protected downloadSession(): void;
-    openResponseEditor(query: AnyQuery): void;
-    openArgsEditor({ entry, query }: QueryDevtoolsSelection): void;
-    applyResponse(query: AnyQuery): void;
-    applyArgs(query: AnyQuery): void;
-    cancelEditor(): void;
-    forceLoading(query: AnyQuery): void;
-    forceError(query: AnyQuery): void;
-    forceEmpty(query: AnyQuery): void;
-    clearForced(query: AnyQuery): void;
-    refetchCacheEntry(entry: QueryRepositoryCacheEntry): void;
-    evictCacheEntry(repository: QueryRepository, key: string): void;
-    evictAllCacheEntries(repository: QueryRepository): void;
-    toggleCacheValue(clientName: string, key: string): void;
-    isCacheValueExpanded(clientName: string, key: string): boolean;
-    cacheFreshness(entry: QueryRepositoryCacheEntry): string;
-    cacheSync(entry: QueryRepositoryCacheEntry, pollStates: Record<string, QueryKeyLockState>): string;
-    cachePersistence(entry: QueryRepositoryCacheEntry): string;
-    persistedCount(client: QueryClient): number;
-    clearPersistedQueries(client: QueryClient): void;
-    requestPath(url: string): string;
-    asStack(entry: QueryDevtoolsEntry): AnyQueryStack;
-    asPagedStack(entry: QueryDevtoolsEntry): AnyPagedQueryStack;
-    asSequence(entry: QueryDevtoolsEntry): QuerySequence<unknown[]>;
-    asBatch(entry: QueryDevtoolsEntry): AnyQueryBatch;
-    asAuth(entry: QueryDevtoolsEntry): AnyBearerAuthProvider;
-    asWs(entry: QueryDevtoolsEntry): WebSocketDevtoolsHandle;
-    socketMessages(ws: WebSocketDevtoolsHandle): WebSocketDevtoolsMessage[];
-    socketDirectionLabel(message: WebSocketDevtoolsMessage): "↑ sent" | "↓ received";
-    emitSocketMessage(options: {
-        entry: QueryDevtoolsEntry;
-        event: string;
-        data: string;
-    }): void;
-    socketEmitErrorFor(entryId: string): string | null;
-    asForm(entry: QueryDevtoolsEntry): QueryDevtoolsFormHandle;
-    queriesDrivenByForm(entry: QueryDevtoolsEntry): QueryLink[];
-    formsDrivingQuery(entry: QueryDevtoolsEntry): QueryDevtoolsEntry[];
-    selectForm(id: string): void;
-    refreshesFor(entryId: string): {
-        id: number;
-        timestamp: number;
-        label: string;
-    }[];
-    causeLabel(cause: QueryRefreshCause): string;
-    sequenceStepStatus(sequence: QuerySequence<unknown[]>, index: number): QuerySequenceStatus;
-    authTokenPayload(auth: AnyBearerAuthProvider): Record<string, unknown> | null;
-    queriesForStack(stack: AnyQueryStack | AnyPagedQueryStack): QueryLink[];
-    authQueryKeys(auth: AnyBearerAuthProvider): string[];
-    lockStanding(row: DevtoolsLockRow): QueryDevtoolsChip;
-    authLeadership(auth: AnyBearerAuthProvider): QueryDevtoolsChip | null;
-    authTokenLifetime(entry: QueryDevtoolsEntry): QueryDevtoolsTokenLifetime;
-    queriesForSequence(sequence: QuerySequence<unknown[]>): QueryLink[];
-    stepSnapshot(sequence: QuerySequence<unknown[]>, index: number): AnyQuerySnapshot | null;
-    toggleQueryGroup(key: string): void;
-    expandQueryGroup(key: string): void;
-    isStepExpanded(entryId: string, index: number): boolean;
-    toggleStep(entryId: string, index: number): void;
-    batchRouteSegments(entry: QueryDevtoolsEntry): RouteSegment[];
-    batchOf(entry: QueryDevtoolsEntry): QueryDevtoolsEntry | null;
-    queriesForBatch(entry: QueryDevtoolsEntry): QueryLink[];
-    batchItemQueryId(entry: QueryDevtoolsEntry, index: number): string | null;
-    batchItems(entry: QueryDevtoolsEntry): BatchItemView;
-    batchThroughput(batch: AnyQueryBatch): string | null;
-    isBatchItemExpanded(entryId: string, index: number): boolean;
-    toggleBatchItem(entryId: string, index: number): void;
-    gqlDocument(doc: string): string;
-    featureLabel(type: string): string;
-    featureSummary(feature: QueryDevtoolsFeature): string;
-    clientFeatures(client: QueryClient | null | undefined): QueryDevtoolsFeature[] | null;
-    formatTime(timestamp: number | null): string;
-    locatableElement(entry: QueryDevtoolsEntry): HTMLElement | null;
-    locateQuery(entry: QueryDevtoolsEntry): void;
-    downloadTextFile(file: {
-        name: string;
-        content: string;
-        type: string;
-    }): void;
-    eventQueryId(event: EventLogItem): string | null;
-    private resolvedHeaders;
-    private argsRouteSegments;
-    private renderRoute;
-    /**
-     * Takes - or gives back - the lock whose name only this tab can have produced. Its `clientId` in the
-     * snapshot is what tells this tab's rows from another tab's: `LockInfo` carries no tab identity, and
-     * the platform offers no way to ask for one's own client id.
-     */
-    private holdProbeLock;
-    private steppedDiffPair;
-    private diffEnds;
-    private isTabPrimary;
-    private mountPopOut;
-    /**
-     * The chrome tokens as the app resolves them now: the pop-out has no ancestor carrying the host theme.
-     * Empty on a browser that does not enumerate custom properties.
-     */
-    private chromeTokens;
-    private inlineStyleOf;
-    private isStyleNode;
-    /**
-     * Copies the host document's stylesheets into the pop-up and keeps mirroring them while it is
-     * open. Styles keep arriving after the move: Angular inserts a component's CSS and the style
-     * manager mounts overlay strategy CSS the first time each is used - e.g. the first menu opened
-     * over there - so a one-time copy would leave everything first used after the pop-out unstyled.
-     */
-    private syncStylesInto;
-    private dockBack;
-    private queryLinkFor;
-    private activityOf;
-    private activitySummary;
-    private queryRoute;
-    private exportedRequest;
-    private insomniaTokenRefreshes;
-    private insomniaTokenRefresh;
-    private accessTokenPath;
-    private accessTokenMaxAge;
-    private insomniaHeaders;
-    private sessionClients;
-    private sessionAuthQueryKeys;
-    private sessionEntries;
-    private sessionQuery;
-    private sessionActivity;
-    private sessionSequence;
-    private sessionBatch;
-    private sessionForm;
-    /**
-     * An auth provider without its tokens. A session report is a file that gets attached to a ticket, and
-     * the access token is the one thing in the panel that must never travel with it - which is why only
-     * its presence and its remaining lifetime are exported.
-     */
-    private sessionAuth;
-    private sessionSocket;
-    private sessionEvents;
-    private sessionFaults;
-    private sessionMocks;
-    private downloadFile;
-    private stepKey;
-    private paneSize;
-    private applyResize;
-    private applyPaneResize;
-    private closePopup;
-    private updateInspectHover;
-    private selectInspectedQuery;
-    private selectionKey;
-    private writeToClipboard;
-    private responseStatus;
-    private findQuery;
-    private pushEvent;
-    private measureResponse;
-    private refreshedRequestOf;
-    private pushEventItem;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<QueryDevtoolsComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<QueryDevtoolsComponent, "et-query-devtools", never, { "startOpen": { "alias": "startOpen"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+  }, {}, never, never, true, never>;
 }
-
-declare const QUERY_DEVTOOLS_IMPORTS: readonly [typeof QueryDevtoolsComponent];
-
+export declare const QUERY_DEVTOOLS_IMPORTS: readonly [typeof QueryDevtoolsComponent];
 /** The version of `@ethlete/query-devtools` this build was cut from. */
-declare const QUERY_DEVTOOLS_VERSION = "1.0.0-next.15";
-
-export { QUERY_DEVTOOLS_IMPORTS, QUERY_DEVTOOLS_VERSION, QueryDevtoolsComponent };
+export declare const QUERY_DEVTOOLS_VERSION = "1.0.0-next.17";
+export {};