hazo_umetrics 1.4.0 → 1.6.1

package/CHANGE_LOG.md

@@ -1,5 +1,53 @@
 # hazo_umetrics — Change Log
 
+## 1.5.1 — `ui.pageexit.*` rename, smart auto-labels, `defaultActionLabels`, `ActionsPanel.refreshTrigger`
+
+**Fixes / improvements (patch — no breaking changes for new installs; existing `ui.dwell.*` catalog rows need re-seeding):**
+
+### Rename: `ui.dwell.*` → `ui.pageexit.*`
+- `HazoMetricsProvider` now fires `ui.pageexit.<slug>` (instead of `ui.dwell.<slug>`) on path change and page hide. The name better describes the event: it fires when a user *leaves* a page, carrying the foreground dwell time in `dims.value`.
+- `tabDwell` behavior aggregation updated to match — reads `ui.pageexit.*` from the stat store.
+- Seed and test-app updated accordingly. Existing `ui.dwell.*` rows in the catalog are inert; re-seed or rename manually.
+
+### Smarter auto-labels for `ui.*` events
+- `ensureActionDef` now uses `deriveLabel()` instead of the generic `humanize()` for auto-created catalog rows. `ui.pageview.*` → `PageEntry:<Page>`, `ui.pageexit.*` → `PageExit:<Page>`, `ui.click.*` → `Click:<Label>`, `action.*` → `Action:<Label>`. Keeps auto-created rows recognizable without manual editing.
+
+### New: `defaultActionLabels` option on `createEventHandlers`
+- Pass `defaultActionLabels: Record<string, string>` to `createEventHandlers` to override the derived label for specific event keys on first ingest. Useful for wiring friendly display names before an operator touches the catalog:
+  ```ts
+  createEventHandlers({
+    getAdapter: () => myAdapter,
+    defaultActionLabels: {
+      'ui.pageview.root':  'PageEntry:Homepage',
+      'ui.click.sign_in':  'Click:Sign In',
+    },
+  })
+  ```
+
+### New: `ActionsPanel.refreshTrigger` prop
+- `ActionsPanel` now accepts an optional `refreshTrigger?: number` prop. Increment it from the parent to trigger an external catalog refresh (e.g. after seeding events via a button click), without requiring the user to scroll back to a manual refresh control.
+
+### Edit form: shows technical name
+- The `ActionsPanel` inline edit form now shows a read-only "Technical name" field above the label input, so operators know which `action_key` they're renaming. Also adds a placeholder to the label input showing the raw key.
+
+---
+
+## 1.4.1 — Self-contained journey flow graph, journey user filter, smarter datapoint default
+
+**Fixes / improvements (patch — no breaking API changes):**
+
+### JourneyPanel: inline-SVG flow graph (replaces hazo_canvas)
+- `JourneyPanel` now renders a self-contained inline-SVG left-to-right DAG. Removed the optional `hazo_canvas` peer dependency entirely — no external graph engine needed.
+- Layout uses **shortest-path BFS** ranking (source nodes on the left, depth growing rightward). Journey graphs are cyclic (users revisit steps); the previous longest-path approach inflated every node to the same column and could grow its queue without bound (`RangeError: Invalid array length`). Shortest-path sets each node's rank once, so columns stay stable and bounded.
+- Node fill encodes step `kind` (action / pageview / error); node opacity scales with visit count. Edge stroke width + opacity scale with transition count; counts >1 are labelled.
+
+### JourneyPanel: built-in user filter
+- Added a user-filter dropdown (top-right of the panel). "All users" by default; selecting a user refetches the journey scoped to `&user_id=<id>`.
+- The known-user option list only grows across loads, so it stays stable while a single-user filter is active. Falls back to the `userId` prop when the internal filter is unset.
+
+### DatapointPanel: smarter default action selection
+- The action dropdown now defaults to the most useful action: first one with a declared `datapoint_schema`, else the first app-domain action (skipping auto-tracked `btn.*` / `ui.*` events), else the first action. Avoids landing on an empty auto-tracked event with no dimensions.
+
 ## 1.4.0 — Bulk catalog edits, per-action datapoints, user-journey viz, real user identity
 
 **New features (minor bump — no breaking changes):**

package/README.md

@@ -103,7 +103,7 @@ Seven behavioral panels answer:
 - **Post re-login actions** — what users do on their second session
 - **Before "share"** — the N actions preceding a goal event (configurable goal key)
 - **Common errors** — ranked `ui.error.*` frequency
-- **Time per tab** — real foreground dwell time per path (from `ui.dwell.*` events)
+- **Time per tab** — real foreground dwell time per path (from `ui.pageexit.*` events)
 - **Returning-user actions** — most common actions for users with >1 session
 
 For `user_id` to be captured, call `identify(userId)` after login or mount `UserIdentifier` (see test-app `src/components/user_identifier.tsx`).
@@ -123,7 +123,7 @@ const { trackAction, trackError } = useMetrics();
 trackAction('timer.complete', { url: '/timer' });
 ```
 
-Auto-tracked on mount: page views (`ui.pageview.*`), clicks (`ui.click.*`), errors (`ui.error.*`), dwell time (`ui.dwell.*`).
+Auto-tracked on mount: page views (`ui.pageview.*`), clicks (`ui.click.*`), errors (`ui.error.*`), page-exit dwell time (`ui.pageexit.*`).
 
 ## Bulk Action Catalog edits
 
@@ -201,7 +201,7 @@ import { JourneyPanel } from 'hazo_umetrics/ui';
 />
 ```
 
-`JourneyPanel` renders a dagre LR graph via `hazo_canvas` when installed (`npm install hazo_canvas@^1.9.1`). Without `hazo_canvas`, it falls back to an ordered step list. Dagre edge timing labels require `hazo_canvas ≥ 1.9.1`.
+`JourneyPanel` renders a self-contained inline-SVG flow graph — a left-to-right DAG laid out by shortest-path BFS (source nodes on the left, depth growing rightward). Node fill encodes step `kind` (action / pageview / error) and opacity scales with visit count; edge stroke width and opacity scale with transition count. No external graph dependency is required. A built-in **user filter** dropdown (top-right of the panel) scopes the graph and session list to a single user; it refetches with `&user_id=<id>`. The known-user option list only grows, so it stays stable while a filter is active. Below the graph, per-session collapsible step lists show timing between steps.
 
 ## Datapoint analytics
 
@@ -211,7 +211,7 @@ import { JourneyPanel } from 'hazo_umetrics/ui';
 // Response: { ok: true, data: { action_key, total_events, keys: DatapointKeyStats[] } }
 ```
 
-Each entry in `keys` describes one dimension: `{ key, type, total, histogram | topValues }`. Use the `DatapointPanel` component to render these automatically.
+Each entry in `keys` describes one dimension: `{ key, type, total, histogram | topValues }`. Use the `DatapointPanel` component to render these automatically. The panel's action dropdown defaults to the most useful action: first an action with a declared `datapoint_schema`, else the first app-domain action (skipping auto-tracked `btn.*` / `ui.*` events), else the first action — so a user lands on data-bearing dimensions instead of an empty auto-tracked event.
 
 ## resolveUserProfiles — wiring user identity
 
@@ -247,6 +247,42 @@ export async function POST(req: Request) {
 }
 ```
 
+## Event ingestion — `defaultActionLabels`
+
+Pass `defaultActionLabels` to `createEventHandlers` to declare human-readable labels for auto-tracked `ui.*` events before an operator edits the catalog. On first ingest of a key, the label is stored instead of the derived `PageEntry:*` / `Click:*` fallback:
+
+```ts
+import { createEventHandlers } from 'hazo_umetrics/api';
+
+const handlers = createEventHandlers({
+  getAdapter: () => myAdapter,
+  defaultActionLabels: {
+    'ui.pageview.root':    'Homepage',
+    'ui.pageview.timer':   'Timer Page',
+    'ui.click.sign_in':    'Sign In Button',
+    'ui.pageexit.root':    'Homepage Exit',
+  },
+});
+
+// app/api/hazo_umetrics/events/route.ts
+export const POST = (req: Request) => handlers.recordEvent(req);
+```
+
+## Action Catalog panel — `refreshTrigger`
+
+`ActionsPanel` accepts an optional `refreshTrigger` prop. Increment it to force a catalog reload from the parent (e.g. after seeding events):
+
+```tsx
+import { ActionsPanel } from 'hazo_umetrics/ui';
+
+const [refreshTrigger, setRefreshTrigger] = useState(0);
+
+// After seeding:
+setRefreshTrigger(n => n + 1);
+
+<ActionsPanel appId="my-app" refreshTrigger={refreshTrigger} />
+```
+
 ## API route factories
 
 ```ts

package/dist/api/index.d.ts

@@ -21,6 +21,22 @@ export interface ApiFactoryOptions {
         app_id: string;
         details?: unknown;
     }) => Promise<void>;
+    /**
+     * Default human-readable labels for auto-tracked events.
+     * When an event key is first seen and a catalog entry is auto-created,
+     * the matching label is used instead of the raw technical name.
+     *
+     * Example:
+     * ```ts
+     * defaultActionLabels: {
+     *   'ui.pageview.root':    'Homepage',
+     *   'ui.pageview.timer':   'Timer Page',
+     *   'ui.click.sign_in':    'Sign In Button',
+     *   'ui.pageexit.root':    'Homepage Exit',
+     * }
+     * ```
+     */
+    defaultActionLabels?: Record<string, string>;
 }
 export declare function createStatHandlers(options: ApiFactoryOptions): {
     /**
@@ -75,7 +91,7 @@ export declare function createQueryHandlers(options: ApiFactoryOptions): {
     /** STUB (M1): Execute a GA4 or stat-store query. */
     query(req: Request): Promise<Response>;
 };
-export declare function createEventHandlers(options: Pick<ApiFactoryOptions, 'getAdapter'>): {
+export declare function createEventHandlers(options: Pick<ApiFactoryOptions, 'getAdapter' | 'defaultActionLabels'>): {
     /**
      * POST /...
      * Body: { app_id, metric_key, value?, dimensions? }

package/dist/api/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/api/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/api/index.ts"],"names":[],"mappings":"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"}

package/dist/api/index.js

@@ -413,11 +413,17 @@ export function createEventHandlers(options) {
                 value: typeof value === 'number' ? value : 1,
                 dimensions,
             });
-            // Auto-classify: upsert a draft catalog row for action.* events
+            // Auto-classify: upsert a draft catalog row for action.* and ui.* events
             if (metric_key.startsWith('action.')) {
                 const action_key = metric_key.slice('action.'.length);
                 const url = typeof dimensions?.url === 'string' ? dimensions.url : undefined;
-                await _ensureActionDef(adapter, { app_id, action_key, url });
+                const defaultLabel = options.defaultActionLabels?.[action_key];
+                await _ensureActionDef(adapter, { app_id, action_key, url, source: 'manual', defaultLabel });
+            }
+            else if (metric_key.startsWith('ui.')) {
+                const url = typeof dimensions?.url === 'string' ? dimensions.url : undefined;
+                const defaultLabel = options.defaultActionLabels?.[metric_key];
+                await _ensureActionDef(adapter, { app_id, action_key: metric_key, url, source: 'auto', defaultLabel });
             }
             return jsonOk({ recorded: true }, 201);
         },

package/dist/index.client.js

@@ -71,7 +71,7 @@ export function HazoMetricsProvider({ appId, userId, children }) {
         const elapsed = Date.now() - lastChangeAtRef.current;
         if (prev && elapsed > 0 && prev !== pathname) {
             const slug = prev.replace(/\//g, '_').replace(/^_/, '') || 'root';
-            postEvent(appId, `ui.dwell.${slug}`, { path: prev, value: elapsed });
+            postEvent(appId, `ui.pageexit.${slug}`, { path: prev, value: elapsed });
         }
         // Update refs
         lastPathRef.current = pathname;
@@ -88,7 +88,7 @@ export function HazoMetricsProvider({ appId, userId, children }) {
             const elapsed = Date.now() - lastChangeAtRef.current;
             if (elapsed > 0 && lastPathRef.current) {
                 const slug = lastPathRef.current.replace(/\//g, '_').replace(/^_/, '') || 'root';
-                postEvent(appId, `ui.dwell.${slug}`, { path: lastPathRef.current, value: elapsed });
+                postEvent(appId, `ui.pageexit.${slug}`, { path: lastPathRef.current, value: elapsed });
                 lastChangeAtRef.current = Date.now();
             }
         }

package/dist/server/actions.d.ts

@@ -10,6 +10,7 @@ type ActionDefRow = {
     url: string | null;
     is_key_event: number | boolean;
     status: string;
+    source: string;
     datapoint_schema: string;
     created_at: string;
     updated_at: string;
@@ -25,6 +26,8 @@ export declare function ensureActionDef(adapter: HazoConnectAdapter, params: {
     scope_id?: string;
     action_key: string;
     url?: string | null;
+    source?: 'auto' | 'manual';
+    defaultLabel?: string;
 }): Promise<void>;
 /**
  * Returns all action defs for an app as a flat list.

package/dist/server/actions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../../src/server/actions.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../../src/server/actions.ts"],"names":[],"mappings":"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"}

package/dist/server/actions.js

@@ -31,6 +31,7 @@ function rowToDef(row) {
         url: row.url ?? null,
         is_key_event: Boolean(row.is_key_event),
         status: row.status,
+        source: (row.source === 'auto' ? 'auto' : 'manual'),
         datapoint_schema: parseSchema(row.datapoint_schema),
         created_at: row.created_at,
         updated_at: row.updated_at,
@@ -65,6 +66,22 @@ function humanize(key) {
         .replace(/[._-]/g, ' ')
         .replace(/\b\w/g, (c) => c.toUpperCase());
 }
+function deriveLabel(action_key, source) {
+    if (action_key.startsWith('ui.pageview.')) {
+        return `PageEntry:${humanize(action_key.slice('ui.pageview.'.length))}`;
+    }
+    if (action_key.startsWith('ui.pageexit.')) {
+        return `PageExit:${humanize(action_key.slice('ui.pageexit.'.length))}`;
+    }
+    if (action_key.startsWith('ui.click.')) {
+        return `Click:${humanize(action_key.slice('ui.click.'.length))}`;
+    }
+    if (source === 'manual') {
+        return `Action:${humanize(action_key)}`;
+    }
+    // other ui.* — raw key
+    return action_key;
+}
 // ---------------------------------------------------------------------------
 // In-process seen-set cache — avoids a def write per event after first sight
 // ---------------------------------------------------------------------------
@@ -94,12 +111,13 @@ export async function ensureActionDef(adapter, params) {
             action_key: params.action_key,
             app_id: params.app_id,
             scope_id: params.scope_id ?? '',
-            label: humanize(params.action_key),
+            label: params.defaultLabel ?? deriveLabel(params.action_key, params.source ?? 'manual'),
             description: '',
             parent_key: null,
             url: params.url ?? null,
             is_key_event: 0,
             status: 'unclassified',
+            source: params.source ?? 'manual',
             datapoint_schema: '[]',
             created_at: new Date().toISOString(),
             updated_at: new Date().toISOString(),

package/dist/server/activity.d.ts

@@ -5,6 +5,7 @@ export type TopEntry = {
 };
 export type ActivitySummary = {
     activeUsers: number;
+    activeUserIds: string[];
     pageViews: number;
     clicks: number;
     topPages: TopEntry[];

package/dist/server/activity.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"activity.d.ts","sourceRoot":"","sources":["../../src/server/activity.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAsB9D,MAAM,MAAM,QAAQ,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAExD,MAAM,MAAM,eAAe,GAAG;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,QAAQ,EAAE,CAAC;IACrB,UAAU,EAAE,QAAQ,EAAE,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AA8DvD;;;;GAIG;AACH,wBAAsB,kBAAkB,CACtC,OAAO,EAAE,kBAAkB,EAC3B,MAAM,EAAE;IACN,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GACA,OAAO,CAAC,eAAe,CAAC,CAoC1B;AAMD;;GAEG;AACH,wBAAsB,gBAAgB,CACpC,OAAO,EAAE,kBAAkB,EAC3B,MAAM,EAAE;IACN,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GACA,OAAO,CAAC,UAAU,EAAE,CAAC,CAqBvB"}
+{"version":3,"file":"activity.d.ts","sourceRoot":"","sources":["../../src/server/activity.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAsB9D,MAAM,MAAM,QAAQ,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAExD,MAAM,MAAM,eAAe,GAAG;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,QAAQ,EAAE,CAAC;IACrB,UAAU,EAAE,QAAQ,EAAE,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AA8DvD;;;;GAIG;AACH,wBAAsB,kBAAkB,CACtC,OAAO,EAAE,kBAAkB,EAC3B,MAAM,EAAE;IACN,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GACA,OAAO,CAAC,eAAe,CAAC,CAwC1B;AAMD;;GAEG;AACH,wBAAsB,gBAAgB,CACpC,OAAO,EAAE,kBAAkB,EAC3B,MAAM,EAAE;IACN,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GACA,OAAO,CAAC,UAAU,EAAE,CAAC,CAqBvB"}

package/dist/server/activity.js

@@ -63,6 +63,7 @@ export async function getActivitySummary(adapter, params) {
     const rows = await fetchWindow(adapter, { app_id: params.app_id, scope_id: params.scope_id, since, cap });
     const uiRows = rows.filter((r) => r.metric_key.startsWith('ui.'));
     const sessions = new Set();
+    const userIds = new Set();
     const pageTally = new Map();
     const btnTally = new Map();
     let pageViews = 0;
@@ -72,6 +73,9 @@ export async function getActivitySummary(adapter, params) {
         const sid = dims.session_id;
         if (sid)
             sessions.add(sid);
+        const uid = dims.user_id;
+        if (uid)
+            userIds.add(uid);
         if (row.metric_key.startsWith('ui.pageview.')) {
             pageViews++;
             const path = dims.path ?? row.metric_key.replace('ui.pageview.', '/');
@@ -85,6 +89,7 @@ export async function getActivitySummary(adapter, params) {
     }
     return {
         activeUsers: sessions.size,
+        activeUserIds: Array.from(userIds),
         pageViews,
         clicks,
         topPages: topN(pageTally, 5),

package/dist/server/behavior.js

@@ -229,13 +229,13 @@ export async function tabDwell(adapter, opts) {
     const rows = await fetchWindow(adapter, { app_id, scope_id, since: since ?? defaultSince(), cap: limit });
     const tally = new Map();
     for (const row of rows) {
-        if (!row.metric_key.startsWith('ui.dwell.'))
+        if (!row.metric_key.startsWith('ui.pageexit.'))
             continue;
         const dims = parseDims(row.dimensions);
         const uid = dims.user_id;
         if (userIds && uid && !userIds.includes(uid))
             continue;
-        const path = dims.path ?? row.metric_key.slice('ui.dwell.'.length);
+        const path = dims.path ?? row.metric_key.slice('ui.pageexit.'.length);
         const elapsed = typeof dims.value === 'number' ? dims.value : row.value;
         tally.set(path, (tally.get(path) ?? 0) + elapsed);
     }

package/dist/server/types.d.ts

@@ -76,6 +76,7 @@ export interface ActionDef {
     url: string | null;
     is_key_event: boolean;
     status: 'unclassified' | 'active' | 'archived';
+    source: 'auto' | 'manual';
     datapoint_schema: DatapointSchema;
     created_at: string;
     updated_at: string;

package/dist/server/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/server/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/server/types.ts"],"names":[],"mappings":"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"}

package/dist/ui/actions_panel.d.ts

@@ -1,6 +1,8 @@
 export interface ActionsPanelProps {
     appId: string;
     apiBase?: string;
+    /** Increment to trigger an external refresh (e.g. after seeding events). */
+    refreshTrigger?: number;
 }
-export declare function ActionsPanel({ appId, apiBase }: ActionsPanelProps): import("react").JSX.Element;
+export declare function ActionsPanel({ appId, apiBase, refreshTrigger }: ActionsPanelProps): import("react").JSX.Element;
 //# sourceMappingURL=actions_panel.d.ts.map

package/dist/ui/actions_panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"actions_panel.d.ts","sourceRoot":"","sources":["../../src/ui/actions_panel.tsx"],"names":[],"mappings":"AAu1BA,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAWD,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,OAA8B,EAAE,EAAE,iBAAiB,+BAkIxF"}
+{"version":3,"file":"actions_panel.d.ts","sourceRoot":"","sources":["../../src/ui/actions_panel.tsx"],"names":[],"mappings":"AA42BA,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,4EAA4E;IAC5E,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAWD,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,OAA8B,EAAE,cAAkB,EAAE,EAAE,iBAAiB,+BAkI5G"}

package/dist/ui/actions_panel.js

@@ -12,6 +12,11 @@ function statusBadgeClass(status) {
         return 'inline-block rounded px-1.5 py-0.5 text-xs font-medium bg-gray-100 text-gray-600';
     /* unclassified */ return 'inline-block rounded px-1.5 py-0.5 text-xs font-medium bg-yellow-100 text-yellow-800';
 }
+function sourceBadge(source) {
+    if (source !== 'auto')
+        return null;
+    return (_jsx("span", { className: "inline-block rounded px-1.5 py-0.5 text-xs font-medium bg-gray-100 text-gray-500 ml-1", children: "auto" }));
+}
 function ActionKeyPicker({ value, onChange, options, excludeKey, placeholder = 'Select action…' }) {
     const [open, setOpen] = useState(false);
     const [query, setQuery] = useState('');
@@ -169,7 +174,7 @@ function EditForm({ node, appId, apiBase, allActions, onSaved, onCancel }) {
             setSaving(false);
         }
     }, [draft, node, appId, apiBase, relatedKeys, initRelated, onSaved, datapointSchemaText, schemaError]);
-    return (_jsxs("div", { className: "mt-1 ml-6 rounded-lg border border-indigo-200 bg-indigo-50 p-4 flex flex-col gap-3", children: [error != null && (_jsx("p", { className: "text-xs text-red-600 rounded bg-red-50 border border-red-200 px-2 py-1", children: error })), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("label", { className: "text-xs font-medium text-gray-600", children: "Label" }), _jsx("input", { type: "text", value: draft.label, onChange: (e) => setDraft((d) => ({ ...d, label: e.target.value })), className: "rounded border px-2 py-1 text-sm focus:outline-none focus:ring-1 focus:ring-indigo-400" })] }), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("label", { className: "text-xs font-medium text-gray-600", children: "Description" }), _jsx("textarea", { value: draft.description, rows: 2, onChange: (e) => setDraft((d) => ({ ...d, description: e.target.value })), className: "rounded border px-2 py-1 text-sm resize-none focus:outline-none focus:ring-1 focus:ring-indigo-400" })] }), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("label", { className: "text-xs font-medium text-gray-600", children: "Parent action (optional)" }), _jsx(ActionKeyPicker, { value: draft.parent_key, onChange: (key) => setDraft((d) => ({ ...d, parent_key: key })), options: allActions, excludeKey: node.action_key, placeholder: "None (root node)" })] }), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("label", { className: "text-xs font-medium text-gray-600", children: "Related actions" }), relatedLoading ? (_jsx("p", { className: "text-xs text-gray-400", children: "Loading\u2026" })) : (_jsx(RelatedActionsPicker, { selectedKeys: relatedKeys, onChange: setRelatedKeys, options: allActions, excludeKey: node.action_key }))] }), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("label", { className: "text-xs font-medium text-gray-600", children: "URL (optional)" }), _jsx("input", { type: "text", value: draft.url, placeholder: "https://\u2026", onChange: (e) => setDraft((d) => ({ ...d, url: e.target.value })), className: "rounded border px-2 py-1 text-sm focus:outline-none focus:ring-1 focus:ring-indigo-400" })] }), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("label", { className: "text-xs font-medium text-gray-600", children: "Datapoint Schema (JSON)" }), _jsx("textarea", { value: datapointSchemaText, rows: 5, onChange: (e) => {
+    return (_jsxs("div", { className: "mt-1 ml-6 rounded-lg border border-indigo-200 bg-indigo-50 p-4 flex flex-col gap-3", children: [error != null && (_jsx("p", { className: "text-xs text-red-600 rounded bg-red-50 border border-red-200 px-2 py-1", children: error })), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("label", { className: "text-xs font-medium text-gray-600", children: "Technical name" }), _jsx("input", { type: "text", value: node.action_key, readOnly: true, className: "rounded border px-2 py-1 text-sm font-mono bg-gray-50 text-gray-500 cursor-default focus:outline-none" })] }), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("label", { className: "text-xs font-medium text-gray-600", children: "Label" }), _jsx("input", { type: "text", value: draft.label, placeholder: node.action_key, onChange: (e) => setDraft((d) => ({ ...d, label: e.target.value })), className: "rounded border px-2 py-1 text-sm focus:outline-none focus:ring-1 focus:ring-indigo-400" })] }), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("label", { className: "text-xs font-medium text-gray-600", children: "Description" }), _jsx("textarea", { value: draft.description, rows: 2, onChange: (e) => setDraft((d) => ({ ...d, description: e.target.value })), className: "rounded border px-2 py-1 text-sm resize-none focus:outline-none focus:ring-1 focus:ring-indigo-400" })] }), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("label", { className: "text-xs font-medium text-gray-600", children: "Parent action (optional)" }), _jsx(ActionKeyPicker, { value: draft.parent_key, onChange: (key) => setDraft((d) => ({ ...d, parent_key: key })), options: allActions, excludeKey: node.action_key, placeholder: "None (root node)" })] }), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("label", { className: "text-xs font-medium text-gray-600", children: "Related actions" }), relatedLoading ? (_jsx("p", { className: "text-xs text-gray-400", children: "Loading\u2026" })) : (_jsx(RelatedActionsPicker, { selectedKeys: relatedKeys, onChange: setRelatedKeys, options: allActions, excludeKey: node.action_key }))] }), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("label", { className: "text-xs font-medium text-gray-600", children: "URL (optional)" }), _jsx("input", { type: "text", value: draft.url, placeholder: "https://\u2026", onChange: (e) => setDraft((d) => ({ ...d, url: e.target.value })), className: "rounded border px-2 py-1 text-sm focus:outline-none focus:ring-1 focus:ring-indigo-400" })] }), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("label", { className: "text-xs font-medium text-gray-600", children: "Datapoint Schema (JSON)" }), _jsx("textarea", { value: datapointSchemaText, rows: 5, onChange: (e) => {
                             setDatapointSchemaText(e.target.value);
                             try {
                                 const parsed = JSON.parse(e.target.value);
@@ -242,10 +247,10 @@ function ActionRow({ node, depth, appId, apiBase, allActions, onRefresh, selecte
     const indent = depth * 20;
     return (_jsxs("div", { children: [_jsxs("div", { className: "flex items-center gap-2 rounded-md px-2 py-1.5 hover:bg-gray-50 group", style: { paddingLeft: `${indent + 8}px` }, children: [_jsx("input", { type: "checkbox", checked: selected.has(node.action_key), onChange: () => onToggleSelect(node.action_key), onClick: (e) => e.stopPropagation(), className: "flex-shrink-0 rounded", "aria-label": `Select ${node.action_key}` }), _jsx("button", { onClick: () => setExpanded((v) => !v), className: "flex-shrink-0 w-4 h-4 flex items-center justify-center text-gray-400 hover:text-gray-700", style: { visibility: hasChildren ? 'visible' : 'hidden' }, "aria-label": expanded ? 'Collapse' : 'Expand', children: expanded
                             ? _jsx(ChevronDown, { className: "h-3.5 w-3.5" })
-                            : _jsx(ChevronRight, { className: "h-3.5 w-3.5" }) }), _jsx("span", { className: "flex-1 min-w-0 text-sm text-gray-800 truncate font-medium", children: node.label }), _jsx("span", { className: "text-xs text-gray-400 font-mono truncate max-w-[160px]", children: node.action_key }), _jsx("span", { className: statusBadgeClass(node.status), children: node.status }), _jsx("span", { title: node.is_key_event ? 'Key event' : 'Not a key event', className: node.is_key_event ? 'text-yellow-500' : 'text-gray-300', children: _jsx(Star, { className: "h-3.5 w-3.5", fill: node.is_key_event ? 'currentColor' : 'none' }) }), _jsx("button", { onClick: () => setEditing((v) => !v), className: "flex-shrink-0 rounded p-1 text-gray-400 hover:text-indigo-600 hover:bg-indigo-50 transition-colors opacity-0 group-hover:opacity-100", "aria-label": "Edit action", title: "Edit", children: _jsx(Pencil, { className: "h-3.5 w-3.5" }) })] }), editing && (_jsx(EditForm, { node: node, appId: appId, apiBase: apiBase, allActions: allActions, onSaved: () => { setEditing(false); onRefresh(); }, onCancel: () => setEditing(false) })), hasChildren && expanded && (_jsx("div", { children: node.children.map((child) => (_jsx(ActionRow, { node: child, depth: depth + 1, appId: appId, apiBase: apiBase, allActions: allActions, onRefresh: onRefresh, selected: selected, onToggleSelect: onToggleSelect }, child.action_key))) }))] }));
+                            : _jsx(ChevronRight, { className: "h-3.5 w-3.5" }) }), _jsxs("span", { className: "flex-1 min-w-0 text-sm text-gray-800 truncate font-medium", children: [node.label, sourceBadge(node.source)] }), _jsx("span", { className: "text-xs text-gray-400 font-mono truncate max-w-[160px]", children: node.action_key }), _jsx("span", { className: statusBadgeClass(node.status), children: node.status }), _jsx("span", { title: node.is_key_event ? 'Key event' : 'Not a key event', className: node.is_key_event ? 'text-yellow-500' : 'text-gray-300', children: _jsx(Star, { className: "h-3.5 w-3.5", fill: node.is_key_event ? 'currentColor' : 'none' }) }), _jsx("button", { onClick: () => setEditing((v) => !v), className: "flex-shrink-0 rounded p-1 text-gray-400 hover:text-indigo-600 hover:bg-indigo-50 transition-colors opacity-0 group-hover:opacity-100", "aria-label": "Edit action", title: "Edit", children: _jsx(Pencil, { className: "h-3.5 w-3.5" }) })] }), editing && (_jsx(EditForm, { node: node, appId: appId, apiBase: apiBase, allActions: allActions, onSaved: () => { setEditing(false); onRefresh(); }, onCancel: () => setEditing(false) })), hasChildren && expanded && (_jsx("div", { children: node.children.map((child) => (_jsx(ActionRow, { node: child, depth: depth + 1, appId: appId, apiBase: apiBase, allActions: allActions, onRefresh: onRefresh, selected: selected, onToggleSelect: onToggleSelect }, child.action_key))) }))] }));
 }
 const INITIAL_STATE = { loading: true, error: null, tree: [], allActions: [] };
-export function ActionsPanel({ appId, apiBase = '/api/hazo_umetrics' }) {
+export function ActionsPanel({ appId, apiBase = '/api/hazo_umetrics', refreshTrigger = 0 }) {
     const [state, setState] = useState(INITIAL_STATE);
     const [refreshKey, setRefreshKey] = useState(0);
     const [selected, setSelected] = useState(new Set());
@@ -292,7 +297,7 @@ export function ActionsPanel({ appId, apiBase = '/api/hazo_umetrics' }) {
             }
         });
         return () => { cancelled = true; };
-    }, [appId, apiBase, refreshKey]);
+    }, [appId, apiBase, refreshKey, refreshTrigger]);
     // -------------------------------------------------------------------------
     // Render states
     // -------------------------------------------------------------------------

package/dist/ui/datapoint_panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"datapoint_panel.d.ts","sourceRoot":"","sources":["../../src/ui/datapoint_panel.tsx"],"names":[],"mappings":"AAQA,UAAU,cAAc;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;IAC/C,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB;AAED,UAAU,SAAS;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,EAAE,cAAc,EAAE,CAAC;CACpC;AA0HD,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,SAAS,EAAE,CAAC;CACtB;AAED,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,mBAAmB,+BAyG9E"}
+{"version":3,"file":"datapoint_panel.d.ts","sourceRoot":"","sources":["../../src/ui/datapoint_panel.tsx"],"names":[],"mappings":"AAQA,UAAU,cAAc;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;IAC/C,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB;AAED,UAAU,SAAS;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,EAAE,cAAc,EAAE,CAAC;CACpC;AA0HD,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,SAAS,EAAE,CAAC;CACtB;AAeD,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,mBAAmB,+BAuG9E"}

package/dist/ui/datapoint_panel.js

@@ -24,18 +24,28 @@ function CategoricalCard({ stat, schemaLabel }) {
     const title = schemaLabel ? `${stat.key} (${schemaLabel})` : stat.key;
     return (_jsxs("div", { className: "rounded-lg border bg-white p-4 flex flex-col gap-3", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("h4", { className: "text-xs font-semibold text-gray-700 font-mono", children: title }), _jsxs("span", { className: "text-[10px] text-gray-400", children: [stat.distinct, " distinct \u00B7 ", stat.count, " total"] })] }), stat.top && stat.top.length > 0 ? (_jsx("div", { className: "flex flex-col gap-1", children: stat.top.map((t) => (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-[10px] text-gray-600 w-24 truncate", children: t.value }), _jsx(MiniBar, { value: t.count, max: maxCount, color: "#10b981" })] }, t.value))) })) : (_jsx("p", { className: "text-xs text-gray-400", children: "No values." }))] }));
 }
+function preferredAction(actions) {
+    // 1. First with a declared datapoint schema
+    const withSchema = actions.find((a) => a.datapoint_schema.length > 0);
+    if (withSchema)
+        return withSchema;
+    // 2. First app-domain action (not auto-tracked btn./ui. events)
+    const appAction = actions.find((a) => !a.action_key.startsWith('btn.') && !a.action_key.startsWith('ui.'));
+    if (appAction)
+        return appAction;
+    // 3. Fallback to first
+    return actions[0];
+}
 export function DatapointPanel({ appId, apiBase, actions }) {
-    const firstWithSchema = actions.find((a) => a.datapoint_schema.length > 0) ?? actions[0];
-    const [selectedKey, setSelectedKey] = useState(firstWithSchema?.action_key ?? '');
+    const [selectedKey, setSelectedKey] = useState(preferredAction(actions)?.action_key ?? '');
     const [stats, setStats] = useState(null);
     const [loading, setLoading] = useState(false);
     const [error, setError] = useState(null);
     useEffect(() => {
         if (!actions.length)
             return;
-        const first = actions.find((a) => a.datapoint_schema.length > 0) ?? actions[0];
-        if (first && !selectedKey)
-            setSelectedKey(first.action_key);
+        if (!selectedKey)
+            setSelectedKey(preferredAction(actions)?.action_key ?? '');
     }, [actions, selectedKey]);
     useEffect(() => {
         if (!selectedKey || !appId)

package/dist/ui/journey_panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"journey_panel.d.ts","sourceRoot":"","sources":["../../src/ui/journey_panel.tsx"],"names":[],"mappings":"AAgBA,MAAM,WAAW,WAAW;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,OAAO,CAAC;IAChD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;IACtC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;IAC5C,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,cAAc;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,WAAW,EAAE,CAAC;CACtB;AAED,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,OAAO,CAAC;IAChD,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,KAAK,EAAE,gBAAgB,EAAE,CAAC;CAC3B;AAED,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,cAAc,EAAE,CAAC;IAC3B,KAAK,EAAE,YAAY,CAAC;CACrB;AAMD,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,OAAO,CAAC,KAAK,CAAC;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,mBAAmB,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC,CAAC;CAC3I;AAgJD,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,mBAAmB,EAAE,EAAE,iBAAiB,+BAuHzG"}
+{"version":3,"file":"journey_panel.d.ts","sourceRoot":"","sources":["../../src/ui/journey_panel.tsx"],"names":[],"mappings":"AAgBA,MAAM,WAAW,WAAW;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,OAAO,CAAC;IAChD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;IACtC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;IAC5C,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,cAAc;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,WAAW,EAAE,CAAC;CACtB;AAED,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,OAAO,CAAC;IAChD,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,KAAK,EAAE,gBAAgB,EAAE,CAAC;CAC3B;AAED,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,cAAc,EAAE,CAAC;IAC3B,KAAK,EAAE,YAAY,CAAC;CACrB;AAMD,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,OAAO,CAAC,KAAK,CAAC;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,mBAAmB,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC,CAAC;CAC3I;AA+VD,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,mBAAmB,EAAE,EAAE,iBAAiB,+BA8IzG"}

package/dist/ui/journey_panel.js

@@ -1,6 +1,6 @@
 'use client';
-import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState, useEffect } from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useEffect, useRef } from 'react';
 // ---------------------------------------------------------------------------
 // Helpers
 // ---------------------------------------------------------------------------
@@ -21,10 +21,190 @@ function kindColor(kind) {
         default: return '#94a3b8';
     }
 }
-function GraphSummary({ graph }) {
-    const topNodes = [...graph.nodes].sort((a, b) => b.count - a.count).slice(0, 10);
-    const topEdges = [...graph.edges].sort((a, b) => b.count - a.count).slice(0, 8);
-    return (_jsxs("div", { className: "rounded-lg border bg-white p-4 flex flex-col gap-4", children: [_jsxs("div", { children: [_jsxs("h4", { className: "text-xs font-semibold text-gray-600 uppercase tracking-wide mb-2", children: ["Top steps (", graph.nodes.length, " unique)"] }), _jsx("div", { className: "flex flex-col gap-1", children: topNodes.map((node) => (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "inline-block w-2 h-2 rounded-full flex-shrink-0", style: { backgroundColor: kindColor(node.kind) } }), _jsx("span", { className: "flex-1 text-xs font-mono text-gray-700 truncate", children: node.label }), _jsxs("span", { className: "text-xs font-semibold text-indigo-600 tabular-nums", children: [node.count, "\u00D7"] })] }, node.id))) })] }), topEdges.length > 0 && (_jsxs("div", { children: [_jsx("h4", { className: "text-xs font-semibold text-gray-600 uppercase tracking-wide mb-2", children: "Common transitions" }), _jsx("div", { className: "flex flex-col gap-1", children: topEdges.map((edge, i) => (_jsxs("div", { className: "flex items-center gap-1 text-xs text-gray-600", children: [_jsx("span", { className: "font-mono truncate max-w-[140px]", children: edge.from.replace(/^action\./, '') }), _jsx("span", { className: "text-gray-400 flex-shrink-0", children: "\u2192" }), _jsx("span", { className: "font-mono truncate max-w-[140px]", children: edge.to.replace(/^action\./, '') }), _jsxs("span", { className: "ml-auto text-gray-400 flex-shrink-0 tabular-nums", children: [edge.count, "\u00D7 \u00B7 ", fmtMs(edge.avgMs)] })] }, i))) })] }))] }));
+function clampZoom(z) { return Math.max(0.25, Math.min(3, z)); }
+// ---------------------------------------------------------------------------
+// JourneyFlowGraph — SVG left-to-right DAG visualization
+// ---------------------------------------------------------------------------
+const NODE_W = 148;
+const NODE_H = 44;
+const COL_GAP = 200;
+const ROW_GAP = 64;
+const PAD = 24;
+function computeFlowLayout(nodes, edges) {
+    const ids = new Set(nodes.map(n => n.id));
+    const inDeg = new Map(nodes.map(n => [n.id, 0]));
+    const outEdges = new Map(nodes.map(n => [n.id, []]));
+    for (const e of edges) {
+        if (!ids.has(e.from) || !ids.has(e.to))
+            continue;
+        inDeg.set(e.to, (inDeg.get(e.to) ?? 0) + 1);
+        outEdges.get(e.from)?.push(e.to);
+    }
+    // Shortest-path rank assignment (BFS distance from a source). Journey graphs
+    // contain cycles (users revisit steps); longest-path ranking would let
+    // back-edges inflate every node to the same max column. Shortest-path sets
+    // each node's rank exactly once on first visit, so columns stay stable.
+    const rank = new Map();
+    const queue = [];
+    // Seed with all source nodes (in-degree 0), processed highest-count first.
+    const sources = nodes.filter((n) => (inDeg.get(n.id) ?? 0) === 0).sort((a, b) => b.count - a.count);
+    for (const n of sources) {
+        rank.set(n.id, 0);
+        queue.push(n.id);
+    }
+    // Pure-cycle fallback: every node has an in-edge → seed from highest count.
+    if (queue.length === 0) {
+        const top = [...nodes].sort((a, b) => b.count - a.count)[0];
+        if (top) {
+            rank.set(top.id, 0);
+            queue.push(top.id);
+        }
+    }
+    let qi = 0;
+    while (qi < queue.length) {
+        const cur = queue[qi++];
+        const r = rank.get(cur) ?? 0;
+        for (const next of (outEdges.get(cur) ?? [])) {
+            if (!rank.has(next)) {
+                rank.set(next, r + 1);
+                queue.push(next);
+            } // set once
+        }
+    }
+    // Nodes unreachable from any source → trailing column after the deepest rank.
+    let maxAssigned = 0;
+    for (const r of rank.values())
+        if (r > maxAssigned)
+            maxAssigned = r;
+    for (const n of nodes) {
+        if (!rank.has(n.id))
+            rank.set(n.id, maxAssigned + 1);
+    }
+    // Group by rank, sort each column by count desc
+    const cols = new Map();
+    for (const n of nodes) {
+        const r = rank.get(n.id) ?? 0;
+        if (!cols.has(r))
+            cols.set(r, []);
+        cols.get(r).push(n);
+    }
+    for (const col of cols.values())
+        col.sort((a, b) => b.count - a.count);
+    // Assign positions
+    const pos = new Map();
+    for (const [col, colNodes] of cols.entries()) {
+        const totalH = colNodes.length * NODE_H + (colNodes.length - 1) * ROW_GAP;
+        let y = PAD - totalH / 2;
+        for (const n of colNodes) {
+            pos.set(n.id, { x: PAD + col * (NODE_W + COL_GAP), y });
+            y += NODE_H + ROW_GAP;
+        }
+    }
+    return pos;
+}
+function JourneyFlowGraph({ graph }) {
+    const [zoom, setZoom] = useState(1.0);
+    const [pan, setPan] = useState({ x: 0, y: 0 });
+    const [dragging, setDragging] = useState(false);
+    const [dragStart, setDragStart] = useState({ x: 0, y: 0 });
+    const [selectedNode, setSelectedNode] = useState(null);
+    const containerRef = useRef(null);
+    // Non-passive wheel listener so preventDefault() actually suppresses page scroll.
+    // React 17+ registers onWheel as passive, which silently ignores preventDefault.
+    useEffect(() => {
+        const el = containerRef.current;
+        if (!el)
+            return;
+        const onWheel = (e) => {
+            e.preventDefault();
+            setZoom(z => clampZoom(z * (e.deltaY < 0 ? 1.1 : 0.9)));
+        };
+        el.addEventListener('wheel', onWheel, { passive: false });
+        return () => el.removeEventListener('wheel', onWheel);
+    }, []);
+    if (graph.nodes.length === 0)
+        return null;
+    const pos = computeFlowLayout(graph.nodes, graph.edges);
+    // Compute SVG dimensions
+    let maxX = 0;
+    let maxY = 0;
+    let minY = 0;
+    for (const p of pos.values()) {
+        if (p.x + NODE_W + PAD > maxX)
+            maxX = p.x + NODE_W + PAD;
+        if (p.y + NODE_H + PAD > maxY)
+            maxY = p.y + NODE_H + PAD;
+        if (p.y < minY)
+            minY = p.y;
+    }
+    const offsetY = minY < 0 ? -minY + PAD : PAD;
+    const svgH = maxY - minY + PAD * 2;
+    const svgW = maxX;
+    function handleMouseDown(e) {
+        if (e.target.closest('[data-node]'))
+            return;
+        setDragging(true);
+        setDragStart({ x: e.clientX - pan.x, y: e.clientY - pan.y });
+    }
+    function handleMouseMove(e) {
+        if (!dragging)
+            return;
+        setPan({ x: e.clientX - dragStart.x, y: e.clientY - dragStart.y });
+    }
+    function handleMouseUp() { setDragging(false); }
+    function fitToScreen() {
+        if (!containerRef.current)
+            return;
+        const cw = containerRef.current.clientWidth;
+        const ch = containerRef.current.clientHeight;
+        const scale = clampZoom(Math.min(cw / svgW, ch / svgH) * 0.9);
+        setZoom(scale);
+        setPan({ x: (cw - svgW * scale) / 2, y: (ch - svgH * scale) / 2 });
+    }
+    const highlightedEdges = new Set();
+    const highlightedNodes = new Set();
+    if (selectedNode) {
+        highlightedNodes.add(selectedNode);
+        graph.edges.forEach((edge, i) => {
+            if (edge.from === selectedNode || edge.to === selectedNode) {
+                highlightedEdges.add(i);
+                highlightedNodes.add(edge.from);
+                highlightedNodes.add(edge.to);
+            }
+        });
+    }
+    const hasSelection = selectedNode !== null;
+    const maxCount = Math.max(...graph.nodes.map(n => n.count), 1);
+    return (_jsxs("div", { className: "rounded-lg border bg-white", children: [_jsxs("div", { className: "px-4 py-2 border-b flex items-center gap-2", children: [_jsx("span", { className: "text-xs font-semibold text-gray-600 uppercase tracking-wide", children: "Flow Graph" }), _jsxs("span", { className: "text-xs text-gray-400", children: ["(", graph.nodes.length, " nodes \u00B7 ", graph.edges.length, " transitions)"] }), _jsxs("div", { className: "ml-auto flex items-center gap-3 text-[10px] text-gray-400", children: [_jsxs("span", { className: "flex items-center gap-1", children: [_jsx("span", { className: "inline-block w-2 h-2 rounded-sm", style: { backgroundColor: '#6366f1' } }), " action"] }), _jsxs("span", { className: "flex items-center gap-1", children: [_jsx("span", { className: "inline-block w-2 h-2 rounded-sm", style: { backgroundColor: '#10b981' } }), " pageview"] }), _jsxs("span", { className: "flex items-center gap-1", children: [_jsx("span", { className: "inline-block w-2 h-2 rounded-sm", style: { backgroundColor: '#ef4444' } }), " error"] }), _jsxs("div", { className: "flex items-center gap-1 ml-2", children: [_jsx("button", { onClick: () => setZoom(z => clampZoom(z * 1.25)), className: "px-1.5 py-0.5 text-xs border rounded hover:bg-gray-50", title: "Zoom in", children: "+" }), _jsx("button", { onClick: () => setZoom(z => clampZoom(z / 1.25)), className: "px-1.5 py-0.5 text-xs border rounded hover:bg-gray-50", title: "Zoom out", children: "\u2212" }), _jsx("button", { onClick: fitToScreen, className: "px-1.5 py-0.5 text-xs border rounded hover:bg-gray-50", title: "Fit to screen", children: "\u22A1" })] })] })] }), _jsx("div", { ref: containerRef, style: { position: 'relative', height: '500px', overflow: 'hidden', cursor: dragging ? 'grabbing' : 'grab' }, onMouseDown: handleMouseDown, onMouseMove: handleMouseMove, onMouseUp: handleMouseUp, onMouseLeave: handleMouseUp, children: _jsxs("svg", { width: svgW, height: Math.max(svgH, 200), style: { display: 'block', transform: `translate(${pan.x}px,${pan.y}px) scale(${zoom})`, transformOrigin: '0 0', userSelect: 'none' }, onClick: (e) => { if (e.target === e.currentTarget)
+                        setSelectedNode(null); }, children: [_jsx("defs", { children: _jsx("marker", { id: "arrow", markerWidth: "8", markerHeight: "8", refX: "7", refY: "3", orient: "auto", children: _jsx("path", { d: "M0,0 L0,6 L8,3 z", fill: "#94a3b8" }) }) }), graph.edges.map((edge, i) => {
+                            const from = pos.get(edge.from);
+                            const to = pos.get(edge.to);
+                            if (!from || !to)
+                                return null;
+                            const x1 = from.x + NODE_W;
+                            const y1 = from.y + offsetY + NODE_H / 2;
+                            const x2 = to.x;
+                            const y2 = to.y + offsetY + NODE_H / 2;
+                            const cx = (x1 + x2) / 2;
+                            const isHighlighted = hasSelection ? highlightedEdges.has(i) : true;
+                            const edgeOpacity = isHighlighted ? Math.max(0.4, edge.count / maxCount) : 0.05;
+                            const edgeStroke = isHighlighted && hasSelection ? '#6366f1' : '#94a3b8';
+                            const edgeStrokeW = isHighlighted ? Math.max(1.5, Math.min(4, edge.count / maxCount * 4)) : 1;
+                            return (_jsxs("g", { children: [_jsx("path", { d: `M${x1},${y1} C${cx},${y1} ${cx},${y2} ${x2},${y2}`, fill: "none", stroke: edgeStroke, strokeWidth: edgeStrokeW, strokeOpacity: edgeOpacity, markerEnd: "url(#arrow)" }), edge.count > 1 && (_jsxs("text", { x: cx, y: (y1 + y2) / 2 - 4, textAnchor: "middle", fontSize: "9", fill: "#94a3b8", opacity: edgeOpacity, children: [edge.count, "\u00D7"] }))] }, i));
+                        }), graph.nodes.map((node) => {
+                            const p = pos.get(node.id);
+                            if (!p)
+                                return null;
+                            const x = p.x;
+                            const y = p.y + offsetY;
+                            const fill = kindColor(node.kind);
+                            const isNodeHighlighted = hasSelection ? highlightedNodes.has(node.id) : true;
+                            const nodeAlpha = isNodeHighlighted ? Math.max(0.55, node.count / maxCount) : 0.1;
+                            const nodeStrokeW = node.id === selectedNode ? 2.5 : 1.5;
+                            const nodeStrokeOpacity = isNodeHighlighted ? Math.min(1, nodeAlpha + 0.3) : 0.1;
+                            const label = node.label.length > 18 ? node.label.slice(0, 17) + '…' : node.label;
+                            return (_jsxs("g", { "data-node": "true", onClick: (e) => { e.stopPropagation(); setSelectedNode(prev => prev === node.id ? null : node.id); }, style: { cursor: 'pointer' }, children: [_jsx("rect", { x: x, y: y, width: NODE_W, height: NODE_H, rx: 6, fill: fill, fillOpacity: nodeAlpha, stroke: fill, strokeOpacity: nodeStrokeOpacity, strokeWidth: nodeStrokeW }), _jsx("text", { x: x + NODE_W / 2, y: y + NODE_H / 2 - 5, textAnchor: "middle", fontSize: "11", fontWeight: "600", fill: "#1e293b", children: label }), _jsxs("text", { x: x + NODE_W / 2, y: y + NODE_H / 2 + 9, textAnchor: "middle", fontSize: "9", fill: "#475569", children: [node.count, "\u00D7"] })] }, node.id));
+                        })] }) })] }));
 }
 function SessionDetail({ session, index, profile }) {
     const [open, setOpen] = useState(index === 0);
@@ -40,14 +220,18 @@ export function JourneyPanel({ appId, apiBase, userId, sessionId, resolveUserPro
     const [result, setResult] = useState(null);
     const [loading, setLoading] = useState(false);
     const [error, setError] = useState(null);
-    const [canvasAvailable, setCanvasAvailable] = useState(false);
     const [userProfiles, setUserProfiles] = useState(new Map());
-    // Check if hazo_canvas is available (optional peer dep)
-    useEffect(() => {
-        import('hazo_canvas/client').catch(() => null).then((mod) => {
-            setCanvasAvailable(mod !== null);
-        });
-    }, []);
+    // Persistent set of all user IDs ever seen (so the filter dropdown keeps its
+    // full option list even while a single-user filter is active).
+    const [knownUserIds, setKnownUserIds] = useState([]);
+    // Internal filter (falls back to the userId prop when unset, e.g. from the
+    // Behavior tab's single-user selection).
+    const [selectedUserId, setSelectedUserId] = useState('');
+    const effectiveUserId = selectedUserId || userId;
+    function userLabel(id) {
+        const p = userProfiles.get(id);
+        return p?.name ?? p?.email ?? `${id.slice(0, 12)}…`;
+    }
     useEffect(() => {
         if (!appId)
             return;
@@ -55,8 +239,8 @@ export function JourneyPanel({ appId, apiBase, userId, sessionId, resolveUserPro
         setLoading(true);
         setError(null);
         const params = new URLSearchParams({ app_id: appId });
-        if (userId)
-            params.set('user_id', userId);
+        if (effectiveUserId)
+            params.set('user_id', effectiveUserId);
         if (sessionId)
             params.set('session_id', sessionId);
         fetch(`${apiBase}/analytics/journey?${params.toString()}`, { credentials: 'include' })
@@ -68,14 +252,21 @@ export function JourneyPanel({ appId, apiBase, userId, sessionId, resolveUserPro
             setResult(data);
             setLoading(false);
             // Resolve user profiles for all sessions that have a user_id
-            if (resolveUserProfiles && data?.sessions) {
+            if (data?.sessions) {
                 const ids = [...new Set(data.sessions.map((s) => s.user_id).filter((id) => Boolean(id)))];
-                if (ids.length > 0) {
+                // Grow the known-users set (never shrink — keeps the filter options stable)
+                setKnownUserIds((prev) => [...new Set([...prev, ...ids])]);
+                if (resolveUserProfiles && ids.length > 0) {
                     resolveUserProfiles(ids)
                         .then((profiles) => {
                         if (cancelled)
                             return;
-                        setUserProfiles(new Map(profiles.map((p) => [p.user_id, p])));
+                        setUserProfiles((prev) => {
+                            const next = new Map(prev);
+                            for (const p of profiles)
+                                next.set(p.user_id, p);
+                            return next;
+                        });
                     })
                         .catch(() => { });
                 }
@@ -88,8 +279,8 @@ export function JourneyPanel({ appId, apiBase, userId, sessionId, resolveUserPro
             setLoading(false);
         });
         return () => { cancelled = true; };
-    }, [appId, apiBase, userId, sessionId]);
+    }, [appId, apiBase, effectiveUserId, sessionId]);
     const sessionCount = result?.sessions.length ?? 0;
     const totalSteps = result?.sessions.reduce((s, sess) => s + sess.steps.length, 0) ?? 0;
-    return (_jsxs("div", { className: "flex flex-col gap-4 p-4", children: [_jsxs("div", { className: "flex items-center gap-4 text-xs text-gray-500", children: [_jsxs("span", { children: [_jsx("span", { className: "font-semibold text-gray-700", children: sessionCount }), " session", sessionCount !== 1 ? 's' : ''] }), _jsxs("span", { children: [_jsx("span", { className: "font-semibold text-gray-700", children: totalSteps }), " total steps"] }), canvasAvailable && (_jsx("span", { className: "text-indigo-400 text-[10px]", children: "canvas available" }))] }), error && (_jsx("div", { className: "rounded-lg border border-red-200 bg-red-50 p-3 text-xs text-red-700", children: error })), loading && (_jsx("div", { className: "p-4 text-xs text-gray-400", children: "Loading journey data\u2026" })), !loading && result && (_jsxs(_Fragment, { children: [result.graph.nodes.length > 0 && (_jsx(GraphSummary, { graph: result.graph })), result.sessions.length === 0 ? (_jsx("div", { className: "rounded-lg border p-6 text-center text-sm text-gray-400", children: "No journey sessions found." })) : (_jsxs("div", { className: "flex flex-col gap-3", children: [_jsx("h3", { className: "text-xs font-semibold text-gray-500 uppercase tracking-wide", children: "Sessions" }), result.sessions.map((session, i) => (_jsx(SessionDetail, { session: session, index: i, profile: session.user_id ? userProfiles.get(session.user_id) : undefined }, session.session_id)))] }))] })), !loading && !result && !error && (_jsx("div", { className: "rounded-lg border p-6 text-center text-sm text-gray-400", children: "No data yet." }))] }));
+    return (_jsxs("div", { className: "flex flex-col gap-4 p-4", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-4 text-xs text-gray-500", children: [_jsxs("span", { children: [_jsx("span", { className: "font-semibold text-gray-700", children: sessionCount }), " session", sessionCount !== 1 ? 's' : ''] }), _jsxs("span", { children: [_jsx("span", { className: "font-semibold text-gray-700", children: totalSteps }), " total steps"] }), knownUserIds.length > 0 && (_jsxs("div", { className: "ml-auto flex items-center gap-1.5", children: [_jsx("label", { className: "text-gray-500", children: "User" }), _jsxs("select", { value: selectedUserId, onChange: (e) => setSelectedUserId(e.target.value), className: "rounded border px-2 py-1 text-xs focus:outline-none focus:ring-1 focus:ring-indigo-400", children: [_jsx("option", { value: "", children: "All users" }), knownUserIds.map((id) => (_jsx("option", { value: id, children: userLabel(id) }, id)))] })] }))] }), error && (_jsx("div", { className: "rounded-lg border border-red-200 bg-red-50 p-3 text-xs text-red-700", children: error })), loading && (_jsx("div", { className: "p-4 text-xs text-gray-400", children: "Loading journey data\u2026" })), !loading && result && (_jsxs(_Fragment, { children: [result.graph.nodes.length > 0 && (_jsx(JourneyFlowGraph, { graph: result.graph })), result.sessions.length === 0 ? (_jsx("div", { className: "rounded-lg border p-6 text-center text-sm text-gray-400", children: "No journey sessions found." })) : (_jsxs("div", { className: "flex flex-col gap-3", children: [_jsx("h3", { className: "text-xs font-semibold text-gray-500 uppercase tracking-wide", children: "Sessions" }), result.sessions.map((session, i) => (_jsx(SessionDetail, { session: session, index: i, profile: session.user_id ? userProfiles.get(session.user_id) : undefined }, session.session_id)))] }))] })), !loading && !result && !error && (_jsx("div", { className: "rounded-lg border p-6 text-center text-sm text-gray-400", children: "No data yet." }))] }));
 }

package/dist/ui/metrics_panel.d.ts

@@ -1,3 +1,4 @@
+import type { UserProfileInfo } from './analytics_panel.js';
 export interface StatCardsProps {
     stats: Array<{
         key: string;
@@ -28,6 +29,7 @@ export interface ExperimentListProps {
 export declare function ExperimentList({ experiments }: ExperimentListProps): import("react").JSX.Element;
 export interface MetricsPanelProps {
     appId: string;
+    resolveUserProfiles?: (ids: string[]) => Promise<UserProfileInfo[]>;
 }
-export declare function MetricsPanel({ appId }: MetricsPanelProps): import("react").JSX.Element;
+export declare function MetricsPanel({ appId, resolveUserProfiles }: MetricsPanelProps): import("react").JSX.Element;
 //# sourceMappingURL=metrics_panel.d.ts.map

package/dist/ui/metrics_panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"metrics_panel.d.ts","sourceRoot":"","sources":["../../src/ui/metrics_panel.tsx"],"names":[],"mappings":"AA8DA,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,KAAK,CAAC;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC5F;AAWD,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,EAAE,cAAc,+BAkBlD;AAMD,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAQD,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,cAAc,+BAmBxD;AA4CD,MAAM,WAAW,mBAAmB;IAClC,WAAW,EAAE,KAAK,CAAC;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACnG;AAcD,wBAAgB,cAAc,CAAC,EAAE,WAAW,EAAE,EAAE,mBAAmB,+BAwBlE;AAMD,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;CACf;AAwBD,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,EAAE,iBAAiB,+BA0JxD"}
+{"version":3,"file":"metrics_panel.d.ts","sourceRoot":"","sources":["../../src/ui/metrics_panel.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AA2D5D,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,KAAK,CAAC;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC5F;AAWD,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,EAAE,cAAc,+BAkBlD;AAMD,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAQD,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,cAAc,+BAmBxD;AA4CD,MAAM,WAAW,mBAAmB;IAClC,WAAW,EAAE,KAAK,CAAC;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACnG;AAcD,wBAAgB,cAAc,CAAC,EAAE,WAAW,EAAE,EAAE,mBAAmB,+BAwBlE;AAMD,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,OAAO,CAAC,eAAe,EAAE,CAAC,CAAC;CACrE;AAwBD,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAAE,iBAAiB,+BAyM7E"}

package/dist/ui/metrics_panel.js

@@ -64,10 +64,13 @@ const INITIAL_STATE = {
     topButtons: [],
     experiments: [],
 };
-export function MetricsPanel({ appId }) {
+export function MetricsPanel({ appId, resolveUserProfiles }) {
     const [state, setState] = useState(INITIAL_STATE);
     const [refreshKey, setRefreshKey] = useState(0);
     const refresh = useCallback(() => setRefreshKey((k) => k + 1), []);
+    const [activeUserIds, setActiveUserIds] = useState([]);
+    const [userProfiles, setUserProfiles] = useState([]);
+    const [showUsers, setShowUsers] = useState(false);
     useEffect(() => {
         if (!appId)
             return;
@@ -106,6 +109,19 @@ export function MetricsPanel({ appId }) {
                     ];
                     topPages = summary.topPages ?? [];
                     topButtons = summary.topButtons ?? [];
+                    const ids = summary.activeUserIds ?? [];
+                    if (!cancelled) {
+                        setActiveUserIds(ids);
+                        if (resolveUserProfiles && ids.length > 0) {
+                            resolveUserProfiles(ids).then(profiles => {
+                                if (!cancelled)
+                                    setUserProfiles(profiles);
+                            }).catch(() => { });
+                        }
+                        else {
+                            setUserProfiles([]);
+                        }
+                    }
                 }
                 trend = actBody?.data?.trend ?? [];
             }
@@ -120,7 +136,7 @@ export function MetricsPanel({ appId }) {
             }
         });
         return () => { cancelled = true; };
-    }, [appId, refreshKey]);
+    }, [appId, refreshKey, resolveUserProfiles]);
     // -------------------------------------------------------------------------
     // Render states
     // -------------------------------------------------------------------------
@@ -136,5 +152,13 @@ export function MetricsPanel({ appId }) {
     // -------------------------------------------------------------------------
     // Main render
     // -------------------------------------------------------------------------
-    return (_jsxs("div", { className: "flex flex-col gap-6 p-4", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", {}), _jsxs("button", { onClick: refresh, className: "flex items-center gap-1.5 rounded-md border px-2.5 py-1.5 text-xs text-muted-foreground hover:bg-muted transition-colors", title: "Refresh metrics", children: [_jsx(RotateCw, { className: "h-3.5 w-3.5" }), "Refresh"] })] }), _jsxs("section", { children: [_jsx("h2", { className: "mb-3 text-sm font-semibold uppercase tracking-wide text-muted-foreground", children: "Activity (last 14 days)" }), _jsx(StatCards, { stats: state.stats })] }), _jsxs("section", { children: [_jsx("h2", { className: "mb-3 text-sm font-semibold uppercase tracking-wide text-muted-foreground", children: "Active Users Trend" }), _jsx(StatTrend, { data: state.trend, label: "Active Users" })] }), _jsxs("div", { className: "grid grid-cols-1 gap-6 sm:grid-cols-2", children: [_jsxs("section", { children: [_jsx("h2", { className: "mb-3 text-sm font-semibold uppercase tracking-wide text-muted-foreground", children: "Top Pages" }), _jsx(TopList, { items: state.topPages, empty: "No page views yet" })] }), _jsxs("section", { children: [_jsx("h2", { className: "mb-3 text-sm font-semibold uppercase tracking-wide text-muted-foreground", children: "Top Buttons" }), _jsx(TopList, { items: state.topButtons, empty: "No clicks yet" })] })] }), _jsxs("section", { children: [_jsx("h2", { className: "mb-3 text-sm font-semibold uppercase tracking-wide text-muted-foreground", children: "Experiments & Flags" }), _jsx(ExperimentList, { experiments: state.experiments })] })] }));
+    return (_jsxs("div", { className: "flex flex-col gap-6 p-4", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", {}), _jsxs("button", { onClick: refresh, className: "flex items-center gap-1.5 rounded-md border px-2.5 py-1.5 text-xs text-muted-foreground hover:bg-muted transition-colors", title: "Refresh metrics", children: [_jsx(RotateCw, { className: "h-3.5 w-3.5" }), "Refresh"] })] }), _jsxs("section", { children: [_jsx("h2", { className: "mb-3 text-sm font-semibold uppercase tracking-wide text-muted-foreground", children: "Activity (last 14 days)" }), _jsx(StatCards, { stats: state.stats }), activeUserIds.length > 0 && (_jsxs("div", { className: "mt-2", children: [_jsx("button", { onClick: () => setShowUsers((v) => !v), className: "text-xs text-indigo-500 hover:underline", children: showUsers ? 'Hide users' : 'View users' }), showUsers && (_jsxs("div", { className: "mt-3 space-y-2", children: [userProfiles.map((p) => (_jsxs("div", { className: "flex items-center gap-2 text-sm", children: [p.profile_picture_url
+                                                ? _jsx("img", { src: p.profile_picture_url, className: "w-7 h-7 rounded-full", alt: "" })
+                                                : _jsx("div", { className: "w-7 h-7 rounded-full bg-gray-200 flex items-center justify-center text-xs text-gray-500", children: (p.name || p.email || '?')[0].toUpperCase() }), _jsxs("div", { children: [_jsx("div", { className: "font-medium text-gray-800", children: p.name ?? p.email ?? p.user_id }), p.name && p.email && _jsx("div", { className: "text-xs text-gray-400", children: p.email })] })] }, p.user_id))), (() => {
+                                        const totalSessions = state.stats.find((s) => s.key === 'active_users')?.value ?? 0;
+                                        const anonSessions = Math.max(0, totalSessions - userProfiles.length);
+                                        return anonSessions > 0
+                                            ? _jsxs("div", { className: "text-xs text-gray-400 pl-9", children: [anonSessions, " anonymous session", anonSessions > 1 ? 's' : ''] })
+                                            : null;
+                                    })()] }))] }))] }), _jsxs("section", { children: [_jsx("h2", { className: "mb-3 text-sm font-semibold uppercase tracking-wide text-muted-foreground", children: "Active Users Trend" }), _jsx(StatTrend, { data: state.trend, label: "Active Users" })] }), _jsxs("div", { className: "grid grid-cols-1 gap-6 sm:grid-cols-2", children: [_jsxs("section", { children: [_jsx("h2", { className: "mb-3 text-sm font-semibold uppercase tracking-wide text-muted-foreground", children: "Top Pages" }), _jsx(TopList, { items: state.topPages, empty: "No page views yet" })] }), _jsxs("section", { children: [_jsx("h2", { className: "mb-3 text-sm font-semibold uppercase tracking-wide text-muted-foreground", children: "Top Buttons" }), _jsx(TopList, { items: state.topButtons, empty: "No clicks yet" })] })] }), _jsxs("section", { children: [_jsx("h2", { className: "mb-3 text-sm font-semibold uppercase tracking-wide text-muted-foreground", children: "Experiments & Flags" }), _jsx(ExperimentList, { experiments: state.experiments })] })] }));
 }

package/migrations/db_setup_postgres.sql

@@ -60,6 +60,7 @@ CREATE TABLE IF NOT EXISTS hazo_umetrics_action_def (
   url               TEXT,                              -- nullable, actions without URL leave null
   is_key_event      BOOLEAN NOT NULL DEFAULT FALSE,
   status            TEXT NOT NULL DEFAULT 'unclassified',  -- unclassified | active | archived
+  source            TEXT NOT NULL DEFAULT 'manual',
   datapoint_schema  JSONB NOT NULL DEFAULT '[]',
   created_at        TIMESTAMPTZ NOT NULL DEFAULT NOW(),
   updated_at        TIMESTAMPTZ NOT NULL DEFAULT NOW(),

package/migrations/db_setup_sqlite.sql

@@ -60,6 +60,7 @@ CREATE TABLE IF NOT EXISTS hazo_umetrics_action_def (
   url               TEXT,                              -- nullable, actions without URL leave null
   is_key_event      INTEGER NOT NULL DEFAULT 0,        -- 0/1 boolean
   status            TEXT NOT NULL DEFAULT 'unclassified',  -- unclassified | active | archived
+  source            TEXT NOT NULL DEFAULT 'manual',              -- 'auto' | 'manual'
   datapoint_schema  TEXT NOT NULL DEFAULT '[]',
   created_at        TEXT NOT NULL DEFAULT (datetime('now')),
   updated_at        TEXT NOT NULL DEFAULT (datetime('now')),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hazo_umetrics",
-  "version": "1.4.0",
+  "version": "1.6.1",
   "description": "Product analytics for hazo apps — GA4 hybrid + first-party stat store + feature flags",
   "type": "module",
   "module": "./dist/index.js",
@@ -42,7 +42,6 @@
     "build:test-app:pg": "HAZO_CONNECT_TYPE=postgrest npm run build:test-app"
   },
   "peerDependencies": {
-    "hazo_canvas": "^1.9.0",
     "hazo_core": "^1.2.0",
     "hazo_dataviz": "^0.3.0",
     "hazo_logs": "^2.0.3",
@@ -58,9 +57,6 @@
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "peerDependenciesMeta": {
-    "hazo_canvas": {
-      "optional": true
-    },
     "hazo_logs": {
       "optional": true
     },