hazo_umetrics 0.1.1 → 0.1.2

package/CHANGE_LOG.md

@@ -1,5 +1,17 @@
 # hazo_umetrics — Change Log
 
+## 0.1.2 — 2026-06-14
+
+**Changed:**
+- `MetricsPanel`/`StatTrend`: `LineChart` now imported from `hazo_dataviz/client` instead of `hazo_ui`, following the hazo_ui 4.0.0 chart migration (LineChart/MultiLineChart moved to hazo_dataviz).
+- Added `hazo_dataviz ^0.3.0` as a (required) peer dependency.
+- `hazo_ui` peer range bumped to `^4.0.0`.
+- README: install/peer-dep list, entry-point table, and Tailwind `@source` block updated for the `hazo_dataviz` chart dependency.
+
+**Test-app:**
+- Autotest `hazo_umetrics_stats` scenario: the `GET /stats/series` case now self-authenticates (logs in as the seeded `viewer@hazo.local` before fetching) instead of silently depending on a pre-existing manual login — it was failing with `UNAUTHORIZED` on a fresh run. Added a shared `loginAs()` helper.
+- Added two stats cases unlocked by `loginAs()`: `GET /stats` authenticated viewer (happy path, `ok:true` + `data.stat`) and `GET /stats` as `none@hazo.local` (the `permission_ok=false → 403 FORBIDDEN` branch, previously uncovered).
+
 ## 0.1.1 — 2026-06-12
 
 **Fixed:**

package/README.md

@@ -23,9 +23,13 @@ npm install hazo_umetrics
 **Peer dependencies (install the ones you use):**
 
 ```bash
-npm install hazo_core hazo_connect hazo_auth hazo_secure hazo_audit hazo_api hazo_ui
+npm install hazo_core hazo_connect hazo_auth hazo_secure hazo_audit hazo_api hazo_ui hazo_dataviz
 ```
 
+> The `hazo_umetrics/ui` panel renders its trend chart with `hazo_dataviz` (the chart
+> primitives moved out of `hazo_ui` in the hazo_ui 4.0.0 migration), so install
+> `hazo_dataviz` when you use `MetricsPanel`/`StatTrend`.
+
 Required env vars for cookie signing (A/B assignment):
 ```
 HAZO_UMETRICS_COOKIE_KEY_CURRENT=v1
@@ -39,7 +43,7 @@ HAZO_UMETRICS_COOKIE_KEY_v1=<base64-encoded 32-byte AES-256 key>
 | `hazo_umetrics` | Server: recordStat, getLatestStat, getStatSeries, resolveVariant, weightedBucket, GA4/experiment stubs |
 | `hazo_umetrics/api` | Route factories: createStatHandlers, createExperimentHandlers, createGa4ConnectHandlers, createQueryHandlers |
 | `hazo_umetrics/client` | Client: HazoMetricsProvider, useMetrics, getVariant, isEnabled, identify, recordStat |
-| `hazo_umetrics/ui` | UI: MetricsPanel, StatCards, StatTrend (uses hazo_ui LineChart — requires hazo_ui peer dep) |
+| `hazo_umetrics/ui` | UI: MetricsPanel, StatCards, StatTrend (uses hazo_dataviz LineChart — requires hazo_dataviz peer dep) |
 
 ## Stat store
 
@@ -115,6 +119,7 @@ Copy `config/hazo_umetrics_config.ini.sample` to `hazo_umetrics_config.ini` and
 
 @source "../node_modules/hazo_umetrics/dist";
 @source "../node_modules/hazo_ui/dist";
+@source "../node_modules/hazo_dataviz/dist";  /* StatTrend's LineChart lives here */
 
 /* Tailwind v4 — map tokens to utilities */
 @theme inline {

package/SETUP_CHECKLIST.md

@@ -11,9 +11,12 @@ npm install hazo_umetrics
 Install peer dependencies you need:
 
 ```bash
-npm install hazo_core hazo_connect hazo_auth hazo_secure hazo_audit hazo_api hazo_ui
+npm install hazo_core hazo_connect hazo_auth hazo_secure hazo_audit hazo_api hazo_ui hazo_dataviz
 ```
 
+> `hazo_dataviz` is required when you render `MetricsPanel`/`StatTrend` — its `LineChart`
+> draws the trend chart (moved out of `hazo_ui` in the 4.0.0 chart migration).
+
 ## 2. Run DB migrations
 
 **SQLite:**
@@ -81,6 +84,7 @@ export default function RootLayout({ children }) {
 
 @source "../node_modules/hazo_umetrics/dist";
 @source "../node_modules/hazo_ui/dist";
+@source "../node_modules/hazo_dataviz/dist";
 
 /* Tailwind v4 — map HSL tokens to color utilities */
 @theme inline {

package/dist/ui/metrics_panel.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
-import { LineChart } from 'hazo_ui';
+import { LineChart } from 'hazo_dataviz/client';
 // ---------------------------------------------------------------------------
 // Metric metadata (display labels + format hints)
 // ---------------------------------------------------------------------------
@@ -52,7 +52,7 @@ export function StatTrend({ data, label }) {
     if (data.length < 2) {
         return (_jsx("div", { className: "rounded-lg border p-4 text-sm text-muted-foreground", children: "No trend data yet" }));
     }
-    // hazo_ui LineChart gives us labelled X/Y axes + a hover cursor & value bubble.
+    // hazo_dataviz LineChart gives us labelled X/Y axes + a hover cursor & value bubble.
     const values = data.map((d) => d.value);
     const dates = data.map((d) => formatTrendLabel(d.ts));
     return (_jsxs("div", { className: "rounded-lg border p-4", children: [label != null && _jsx("p", { className: "mb-2 text-sm font-medium", children: label }), _jsx(LineChart, { data: values, dates: dates, color: "#6366f1", showTooltip: true })] }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hazo_umetrics",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "Product analytics for hazo apps — GA4 hybrid + first-party stat store + feature flags",
   "type": "module",
   "module": "./dist/index.js",
@@ -40,15 +40,16 @@
     "build:test-app": "npm run build && cd test-app && npm run build"
   },
   "peerDependencies": {
-    "hazo_core": "^1.1.0",
+    "hazo_core": "^1.2.0",
+    "hazo_dataviz": "^0.3.0",
     "hazo_logs": "^2.0.3",
     "hazo_config": "^2.1.10",
-    "hazo_connect": "^3.5.1",
+    "hazo_connect": "^3.7.0",
     "hazo_api": "^2.3.1",
-    "hazo_auth": "^10.1.0",
+    "hazo_auth": "^10.2.0",
     "hazo_secure": "^1.3.0",
     "hazo_audit": "^2.1.1",
-    "hazo_ui": "^3.5.0",
+    "hazo_ui": "^4.0.0",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
   },