@concavejs/devtools 0.0.1-alpha.14 → 0.0.1-alpha.16

package/README.md

@@ -13,11 +13,12 @@ Professional development tools for Convex/Concave applications. A high-signal br
 - Inline error visibility with focused details pane
 
 ### 📈 Performance Monitoring
-- Average and P95 latency metrics
+- Average, P50/P90/P95/P99 latency metrics per operation type
+- Per-function breakdown: calls, avg/P95 latency, error rate (sortable)
+- Error count and rate across all operations
 - Slowest operations tracking
-- Queries, mutations, and actions statistics
-- Performance trend analysis
-- Click-through from slow operations to full Activity details
+- Live 60-second latency sparklines per operation type
+- Click-through from slow operations and functions to full Activity details
 
 ### 📡 Subscriptions Panel
 - Live subscribed query tracking
@@ -99,11 +100,17 @@ import { getGlobalEventStore } from "@concavejs/devtools";
 
 const store = getGlobalEventStore();
 
-// Subscribe to events
+// Subscribe to events (one callback per event, delivered synchronously)
 const unsubscribe = store.subscribe((event) => {
   console.log("New event:", event);
 });
 
+// Subscribe in coalesced batches (at most ~12 deliveries/second).
+// Prefer this for UI rendering so chatty apps don't re-render per event.
+const unsubscribeBatched = store.subscribeBatched((events) => {
+  console.log(`${events.length} new events`);
+});
+
 // Get all events
 const events = store.getAllEvents();
 
@@ -116,6 +123,9 @@ const subscriptions = store.getActiveSubscriptions();
 // Get performance metrics
 const metrics = store.getPerformanceMetrics();
 
+// Per-function aggregates (calls, errors, error rate, avg/p50/p95/max)
+const functionStats = store.getFunctionStats();
+
 // Export session
 const session = store.exportSession();
 
@@ -178,18 +188,24 @@ Import a previously exported session:
 
 1. Open DevTools
 2. Go to Settings tab
-3. Click "Import Session"
+3. Click "Import"
 4. Select the `.json` file
 
+Importing pauses recording so live traffic doesn't mix into the imported
+session; resume from the Settings tab or with **Cmd/Ctrl + P** when done.
+
 ### Time-Travel Debugging
 
 Create snapshots of your application state:
 
 1. Open DevTools → Settings
-2. Click "Create Snapshot"
+2. Click "Snapshot"
 3. Continue using your app
 4. Click "Restore" on any snapshot to go back in time
 
+Snapshots survive "Clear", so you can save a known-good state, clear the
+noise, and still get back to it.
+
 ## Configuration
 
 ### Event Store Settings