@hakam-aldeen-kh/blix 0.4.2 → 0.5.0

package/dist/capture/index.d.ts

@@ -304,7 +304,7 @@ interface ReduxActionMeta {
 }
 /** Query/mutation only: the cache row's current lifecycle state. Deliberately
  * not folded into `MonitorState` — `MonitorState` drives the shared state
- * filter and waterfall colour, and pending/success/error covers this fine;
+ * filter and row colour, and pending/success/error covers this fine;
  * the richer status (fresh/stale/fetching/removed) lives here instead. */
 interface QueryMeta {
     sub: "query" | "mutation";
@@ -353,14 +353,13 @@ interface MonitorEntry {
     /**
      * Start/end as absolute epoch ms (`timeOrigin + startTime`).
      *
-     * The waterfall must use these, never `startTime`/`endTime`: those are
-     * relative to a per-page-load origin, so a persisted entry's `startTime` is
-     * meaningless against the current load's.
+     * Anything comparing two entries in time must use these, never
+     * `startTime`/`endTime`: those are relative to a per-page-load origin, so a
+     * persisted entry's `startTime` is meaningless against the current load's.
      */
     startAbs: number;
     endAbs?: number;
-    /** Which page load captured this. Drives the divider rows and the per-load
-     * waterfall timeline. */
+    /** Which page load captured this. Drives the divider rows in the list. */
     loadId: string;
     status?: number;
     state: MonitorState;
@@ -481,10 +480,12 @@ interface MonitorPrefs {
     dataFormat: string;
     /** Active top-level section — `"network"` (HTTP) or `"realtime"` (sockets). */
     section: string;
+    /** Sources rail shown as icons only. A deliberate choice, kept separate from
+     * the automatic collapse a narrow panel applies — re-widening the panel
+     * restores the rail unless the developer collapsed it themselves. */
+    railCollapsed: boolean;
     /** Row height preset: compact | normal | comfy. */
     density: string;
-    /** User-resized column widths, in px, keyed by column id. */
-    columnWidths: Record<string, number>;
 }
 
 /**

package/dist/capture/index.js

@@ -2,12 +2,12 @@ import {
   attachHttpMonitor,
   captureEncrypted,
   tapRealtimeAdapter
-} from "../chunk-OQHKPRNI.js";
+} from "../chunk-L2MFAP7B.js";
 import {
   createReduxMonitorMiddleware,
   tapQueryClient,
   withInitiatorCapture
-} from "../chunk-MRTSIXR7.js";
+} from "../chunk-S76WQLND.js";
 export {
   attachHttpMonitor,
   captureEncrypted,

package/dist/{chunk-OQHKPRNI.js → chunk-L2MFAP7B.js}

@@ -9,7 +9,7 @@ import {
   serializeBody,
   serializeHeaders,
   truncateForPersist
-} from "./chunk-MRTSIXR7.js";
+} from "./chunk-S76WQLND.js";
 
 // src/capture/monitorStamp.ts
 var MONITOR_ID = /* @__PURE__ */ Symbol.for("blix.monitorId");

package/dist/{chunk-MRTSIXR7.js → chunk-S76WQLND.js}

@@ -54,7 +54,6 @@ var PERSIST_MAX_ENTRY_BYTES = 512 * 1024;
 var STRING_CAP = 32 * 1024;
 var ARRAY_CAP = 200;
 var SEARCH_INDEX_CAP = 64 * 1024;
-var PENDING_WINDOW_CAP_MS = 3e4;
 var TIME_ORIGIN = typeof performance !== "undefined" && typeof performance.timeOrigin === "number" ? performance.timeOrigin : Date.now();
 var PAGE_LOAD_AT = Date.now();
 function makeLoadId() {
@@ -98,10 +97,11 @@ var SENSITIVE_HEADERS = /* @__PURE__ */ new Set([
   "set-cookie",
   "x-api-key"
 ]);
+var MASK_SUFFIX = " (masked)";
 function maskHeaderValue(key, value) {
   if (!SENSITIVE_HEADERS.has(key.toLowerCase())) return value;
   if (value.length <= 12) return "\u2022\u2022\u2022\u2022";
-  return `${value.slice(0, 8)}\u2026${value.slice(-4)} (masked)`;
+  return `${value.slice(0, 8)}\u2026${value.slice(-4)}${MASK_SUFFIX}`;
 }
 function serializeHeaders(headers) {
   const out = {};
@@ -1055,10 +1055,11 @@ export {
   PERSIST_MAX_BYTES,
   PERSIST_MAX_ENTRY_BYTES,
   SEARCH_INDEX_CAP,
-  PENDING_WINDOW_CAP_MS,
   now,
   getOwner,
   serializeBody,
+  SENSITIVE_HEADERS,
+  MASK_SUFFIX,
   serializeHeaders,
   estimateBytes,
   networkMonitor,

package/dist/index.js

@@ -3,7 +3,7 @@ import {
   attachHttpMonitor,
   captureEncrypted,
   tapRealtimeAdapter
-} from "./chunk-OQHKPRNI.js";
+} from "./chunk-L2MFAP7B.js";
 import {
   BlixContext
 } from "./chunk-PQIOIMAQ.js";
@@ -12,7 +12,7 @@ import {
   createReduxMonitorMiddleware,
   tapQueryClient,
   withInitiatorCapture
-} from "./chunk-MRTSIXR7.js";
+} from "./chunk-S76WQLND.js";
 
 // src/ui/Blix.tsx
 import { lazy, Suspense, useRef } from "react";
@@ -21,7 +21,7 @@ function Blix({ store, apiClient, dbName }) {
   const panelRef = useRef(null);
   if (typeof window !== "undefined" && process.env.NODE_ENV === "development") {
     if (!panelRef.current) {
-      panelRef.current = lazy(() => import("./DevToolsPanel-TXMT43YN.js"));
+      panelRef.current = lazy(() => import("./DevToolsPanel-M4DOTADX.js"));
     }
     const Panel = panelRef.current;
     if (dbName) configureDbName(dbName);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hakam-aldeen-kh/blix",
-  "version": "0.4.2",
+  "version": "0.5.0",
   "description": "Dev-tools panel for React apps — HTTP, Redux, Query and Realtime monitoring.",
   "keywords": [
     "devtools",