@mieweb/ui 0.10.0-dev.2 → 0.10.0-dev.21

package/dist/{chunk-E4IBHYJ7.cjs → chunk-6N6LIAUJ.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunk7ZDPD5ZX_cjs = require('./chunk-7ZDPD5ZX.cjs');
-var chunkVNYW4C4J_cjs = require('./chunk-VNYW4C4J.cjs');
+var chunkT4L7Q5FA_cjs = require('./chunk-T4L7Q5FA.cjs');
+var chunkX6A27RGO_cjs = require('./chunk-X6A27RGO.cjs');
 var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -28,7 +28,7 @@ function AlertDialog({
     onAction?.();
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    chunk7ZDPD5ZX_cjs.Modal,
+    chunkT4L7Q5FA_cjs.Modal,
     {
       open,
       onOpenChange,
@@ -38,7 +38,7 @@ function AlertDialog({
       className,
       "aria-label": typeof title === "string" ? title : void 0,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(chunk7ZDPD5ZX_cjs.ModalBody, { className: "px-6 py-5", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkT4L7Q5FA_cjs.ModalBody, { className: "px-6 py-5", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             "h2",
             {
@@ -57,10 +57,10 @@ function AlertDialog({
           ),
           children
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(chunk7ZDPD5ZX_cjs.ModalFooter, { children: [
-          !hideCancel && /* @__PURE__ */ jsxRuntime.jsx(chunkVNYW4C4J_cjs.Button, { variant: "secondary", onClick: handleCancel, children: cancelLabel }),
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkT4L7Q5FA_cjs.ModalFooter, { children: [
+          !hideCancel && /* @__PURE__ */ jsxRuntime.jsx(chunkX6A27RGO_cjs.Button, { variant: "secondary", onClick: handleCancel, children: cancelLabel }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkVNYW4C4J_cjs.Button,
+            chunkX6A27RGO_cjs.Button,
             {
               variant: variant === "destructive" ? "danger" : "primary",
               onClick: handleAction,
@@ -76,5 +76,5 @@ function AlertDialog({
 AlertDialog.displayName = "AlertDialog";
 
 exports.AlertDialog = AlertDialog;
-//# sourceMappingURL=chunk-E4IBHYJ7.cjs.map
-//# sourceMappingURL=chunk-E4IBHYJ7.cjs.map
+//# sourceMappingURL=chunk-6N6LIAUJ.cjs.map
+//# sourceMappingURL=chunk-6N6LIAUJ.cjs.map

package/dist/{chunk-E4IBHYJ7.cjs.map → chunk-6N6LIAUJ.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/AlertDialog/AlertDialog.tsx"],"names":["jsxs","Modal","ModalBody","jsx","cn","ModalFooter","Button"],"mappings":";;;;;;;AAqDA,SAAS,WAAA,CAAY;AAAA,EACnB,IAAA;AAAA,EACA,YAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA,GAAc,QAAA;AAAA,EACd,WAAA,GAAc,UAAA;AAAA,EACd,QAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA,GAAU,SAAA;AAAA,EACV,cAAA;AAAA,EACA,UAAA;AAAA,EACA;AACF,CAAA,EAAqB;AACnB,EAAA,MAAM,eAAe,MAAM;AACzB,IAAA,QAAA,IAAW;AACX,IAAA,YAAA,CAAa,KAAK,CAAA;AAAA,EACpB,CAAA;AAEA,EAAA,MAAM,eAAe,MAAM;AACzB,IAAA,QAAA,IAAW;AAAA,EACb,CAAA;AAEA,EAAA,uBACEA,eAAA;AAAA,IAACC,uBAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,YAAA;AAAA,MACA,IAAA,EAAK,IAAA;AAAA,MACL,mBAAA,EAAqB,KAAA;AAAA,MACrB,aAAA,EAAe,KAAA;AAAA,MACf,SAAA;AAAA,MACA,YAAA,EAAY,OAAO,KAAA,KAAU,QAAA,GAAW,KAAA,GAAQ,MAAA;AAAA,MAEhD,QAAA,EAAA;AAAA,wBAAAD,eAAA,CAACE,2BAAA,EAAA,EAAU,WAAU,WAAA,EACnB,QAAA,EAAA;AAAA,0BAAAC,cAAA;AAAA,YAAC,IAAA;AAAA,YAAA;AAAA,cACC,WAAA,EAAU,oBAAA;AAAA,cACV,SAAA,EAAU,sCAAA;AAAA,cAET,QAAA,EAAA;AAAA;AAAA,WACH;AAAA,UACC,WAAA,oBACCA,cAAA;AAAA,YAAC,GAAA;AAAA,YAAA;AAAA,cACC,WAAA,EAAU,0BAAA;AAAA,cACV,SAAA,EAAWC,qBAAG,oCAAoC,CAAA;AAAA,cAEjD,QAAA,EAAA;AAAA;AAAA,WACH;AAAA,UAED;AAAA,SAAA,EACH,CAAA;AAAA,wCACCC,6BAAA,EAAA,EACE,QAAA,EAAA;AAAA,UAAA,CAAC,8BACAF,cAAA,CAACG,wBAAA,EAAA,EAAO,SAAQ,WAAA,EAAY,OAAA,EAAS,cAClC,QAAA,EAAA,WAAA,EACH,CAAA;AAAA,0BAEFH,cAAA;AAAA,YAACG,wBAAA;AAAA,YAAA;AAAA,cACC,OAAA,EAAS,OAAA,KAAY,aAAA,GAAgB,QAAA,GAAW,SAAA;AAAA,cAChD,OAAA,EAAS,YAAA;AAAA,cACT,QAAA,EAAU,cAAA;AAAA,cAET,QAAA,EAAA;AAAA;AAAA;AACH,SAAA,EACF;AAAA;AAAA;AAAA,GACF;AAEJ;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA","file":"chunk-E4IBHYJ7.cjs","sourcesContent":["import * as React from 'react';\nimport { cn } from '../../utils/cn';\nimport { Modal, ModalBody, ModalFooter, type ModalProps } from '../Modal';\nimport { Button } from '../Button';\n\nexport interface AlertDialogProps extends Pick<\n  ModalProps,\n  'open' | 'onOpenChange'\n> {\n  /** Dialog title */\n  title: React.ReactNode;\n  /** Optional descriptive body text */\n  description?: React.ReactNode;\n  /** Custom body content (rendered below the description) */\n  children?: React.ReactNode;\n  /** Label for the cancel button (default \"Cancel\") */\n  cancelLabel?: React.ReactNode;\n  /** Label for the confirm/action button (default \"Continue\") */\n  actionLabel?: React.ReactNode;\n  /** Called when the action button is clicked */\n  onAction?: () => void;\n  /** Called when the cancel button is clicked */\n  onCancel?: () => void;\n  /** Visual emphasis for the action button */\n  variant?: 'default' | 'destructive';\n  /** Disables the action button */\n  actionDisabled?: boolean;\n  /** Hides the cancel button */\n  hideCancel?: boolean;\n  /** Additional class name for the dialog content */\n  className?: string;\n}\n\n/**\n * A modal dialog that interrupts the user with important content and expects\n * a response. Built on top of {@link Modal}.\n *\n * Unlike a regular Modal, it does not close on overlay click or Escape by\n * default — the user must explicitly choose an action.\n *\n * @example\n * ```tsx\n * <AlertDialog\n *   open={open}\n *   onOpenChange={setOpen}\n *   title=\"Delete case?\"\n *   description=\"This action cannot be undone.\"\n *   variant=\"destructive\"\n *   actionLabel=\"Delete\"\n *   onAction={handleDelete}\n * />\n * ```\n */\nfunction AlertDialog({\n  open,\n  onOpenChange,\n  title,\n  description,\n  children,\n  cancelLabel = 'Cancel',\n  actionLabel = 'Continue',\n  onAction,\n  onCancel,\n  variant = 'default',\n  actionDisabled,\n  hideCancel,\n  className,\n}: AlertDialogProps) {\n  const handleCancel = () => {\n    onCancel?.();\n    onOpenChange(false);\n  };\n\n  const handleAction = () => {\n    onAction?.();\n  };\n\n  return (\n    <Modal\n      open={open}\n      onOpenChange={onOpenChange}\n      size=\"sm\"\n      closeOnOverlayClick={false}\n      closeOnEscape={false}\n      className={className}\n      aria-label={typeof title === 'string' ? title : undefined}\n    >\n      <ModalBody className=\"px-6 py-5\">\n        <h2\n          data-slot=\"alert-dialog-title\"\n          className=\"text-lg font-semibold tracking-tight\"\n        >\n          {title}\n        </h2>\n        {description && (\n          <p\n            data-slot=\"alert-dialog-description\"\n            className={cn('text-muted-foreground mt-2 text-sm')}\n          >\n            {description}\n          </p>\n        )}\n        {children}\n      </ModalBody>\n      <ModalFooter>\n        {!hideCancel && (\n          <Button variant=\"secondary\" onClick={handleCancel}>\n            {cancelLabel}\n          </Button>\n        )}\n        <Button\n          variant={variant === 'destructive' ? 'danger' : 'primary'}\n          onClick={handleAction}\n          disabled={actionDisabled}\n        >\n          {actionLabel}\n        </Button>\n      </ModalFooter>\n    </Modal>\n  );\n}\n\nAlertDialog.displayName = 'AlertDialog';\n\nexport { AlertDialog };\n"]}
+{"version":3,"sources":["../src/components/AlertDialog/AlertDialog.tsx"],"names":["jsxs","Modal","ModalBody","jsx","cn","ModalFooter","Button"],"mappings":";;;;;;;AAqDA,SAAS,WAAA,CAAY;AAAA,EACnB,IAAA;AAAA,EACA,YAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA,GAAc,QAAA;AAAA,EACd,WAAA,GAAc,UAAA;AAAA,EACd,QAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA,GAAU,SAAA;AAAA,EACV,cAAA;AAAA,EACA,UAAA;AAAA,EACA;AACF,CAAA,EAAqB;AACnB,EAAA,MAAM,eAAe,MAAM;AACzB,IAAA,QAAA,IAAW;AACX,IAAA,YAAA,CAAa,KAAK,CAAA;AAAA,EACpB,CAAA;AAEA,EAAA,MAAM,eAAe,MAAM;AACzB,IAAA,QAAA,IAAW;AAAA,EACb,CAAA;AAEA,EAAA,uBACEA,eAAA;AAAA,IAACC,uBAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,YAAA;AAAA,MACA,IAAA,EAAK,IAAA;AAAA,MACL,mBAAA,EAAqB,KAAA;AAAA,MACrB,aAAA,EAAe,KAAA;AAAA,MACf,SAAA;AAAA,MACA,YAAA,EAAY,OAAO,KAAA,KAAU,QAAA,GAAW,KAAA,GAAQ,MAAA;AAAA,MAEhD,QAAA,EAAA;AAAA,wBAAAD,eAAA,CAACE,2BAAA,EAAA,EAAU,WAAU,WAAA,EACnB,QAAA,EAAA;AAAA,0BAAAC,cAAA;AAAA,YAAC,IAAA;AAAA,YAAA;AAAA,cACC,WAAA,EAAU,oBAAA;AAAA,cACV,SAAA,EAAU,sCAAA;AAAA,cAET,QAAA,EAAA;AAAA;AAAA,WACH;AAAA,UACC,WAAA,oBACCA,cAAA;AAAA,YAAC,GAAA;AAAA,YAAA;AAAA,cACC,WAAA,EAAU,0BAAA;AAAA,cACV,SAAA,EAAWC,qBAAG,oCAAoC,CAAA;AAAA,cAEjD,QAAA,EAAA;AAAA;AAAA,WACH;AAAA,UAED;AAAA,SAAA,EACH,CAAA;AAAA,wCACCC,6BAAA,EAAA,EACE,QAAA,EAAA;AAAA,UAAA,CAAC,8BACAF,cAAA,CAACG,wBAAA,EAAA,EAAO,SAAQ,WAAA,EAAY,OAAA,EAAS,cAClC,QAAA,EAAA,WAAA,EACH,CAAA;AAAA,0BAEFH,cAAA;AAAA,YAACG,wBAAA;AAAA,YAAA;AAAA,cACC,OAAA,EAAS,OAAA,KAAY,aAAA,GAAgB,QAAA,GAAW,SAAA;AAAA,cAChD,OAAA,EAAS,YAAA;AAAA,cACT,QAAA,EAAU,cAAA;AAAA,cAET,QAAA,EAAA;AAAA;AAAA;AACH,SAAA,EACF;AAAA;AAAA;AAAA,GACF;AAEJ;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA","file":"chunk-6N6LIAUJ.cjs","sourcesContent":["import * as React from 'react';\nimport { cn } from '../../utils/cn';\nimport { Modal, ModalBody, ModalFooter, type ModalProps } from '../Modal';\nimport { Button } from '../Button';\n\nexport interface AlertDialogProps extends Pick<\n  ModalProps,\n  'open' | 'onOpenChange'\n> {\n  /** Dialog title */\n  title: React.ReactNode;\n  /** Optional descriptive body text */\n  description?: React.ReactNode;\n  /** Custom body content (rendered below the description) */\n  children?: React.ReactNode;\n  /** Label for the cancel button (default \"Cancel\") */\n  cancelLabel?: React.ReactNode;\n  /** Label for the confirm/action button (default \"Continue\") */\n  actionLabel?: React.ReactNode;\n  /** Called when the action button is clicked */\n  onAction?: () => void;\n  /** Called when the cancel button is clicked */\n  onCancel?: () => void;\n  /** Visual emphasis for the action button */\n  variant?: 'default' | 'destructive';\n  /** Disables the action button */\n  actionDisabled?: boolean;\n  /** Hides the cancel button */\n  hideCancel?: boolean;\n  /** Additional class name for the dialog content */\n  className?: string;\n}\n\n/**\n * A modal dialog that interrupts the user with important content and expects\n * a response. Built on top of {@link Modal}.\n *\n * Unlike a regular Modal, it does not close on overlay click or Escape by\n * default — the user must explicitly choose an action.\n *\n * @example\n * ```tsx\n * <AlertDialog\n *   open={open}\n *   onOpenChange={setOpen}\n *   title=\"Delete case?\"\n *   description=\"This action cannot be undone.\"\n *   variant=\"destructive\"\n *   actionLabel=\"Delete\"\n *   onAction={handleDelete}\n * />\n * ```\n */\nfunction AlertDialog({\n  open,\n  onOpenChange,\n  title,\n  description,\n  children,\n  cancelLabel = 'Cancel',\n  actionLabel = 'Continue',\n  onAction,\n  onCancel,\n  variant = 'default',\n  actionDisabled,\n  hideCancel,\n  className,\n}: AlertDialogProps) {\n  const handleCancel = () => {\n    onCancel?.();\n    onOpenChange(false);\n  };\n\n  const handleAction = () => {\n    onAction?.();\n  };\n\n  return (\n    <Modal\n      open={open}\n      onOpenChange={onOpenChange}\n      size=\"sm\"\n      closeOnOverlayClick={false}\n      closeOnEscape={false}\n      className={className}\n      aria-label={typeof title === 'string' ? title : undefined}\n    >\n      <ModalBody className=\"px-6 py-5\">\n        <h2\n          data-slot=\"alert-dialog-title\"\n          className=\"text-lg font-semibold tracking-tight\"\n        >\n          {title}\n        </h2>\n        {description && (\n          <p\n            data-slot=\"alert-dialog-description\"\n            className={cn('text-muted-foreground mt-2 text-sm')}\n          >\n            {description}\n          </p>\n        )}\n        {children}\n      </ModalBody>\n      <ModalFooter>\n        {!hideCancel && (\n          <Button variant=\"secondary\" onClick={handleCancel}>\n            {cancelLabel}\n          </Button>\n        )}\n        <Button\n          variant={variant === 'destructive' ? 'danger' : 'primary'}\n          onClick={handleAction}\n          disabled={actionDisabled}\n        >\n          {actionLabel}\n        </Button>\n      </ModalFooter>\n    </Modal>\n  );\n}\n\nAlertDialog.displayName = 'AlertDialog';\n\nexport { AlertDialog };\n"]}

package/dist/chunk-74ENCTIK.js

@@ -0,0 +1,162 @@
+// src/components/AI/voiceprintStore.ts
+var DB_NAME = "ozwell-voice";
+var STORE = "voiceprints";
+var DB_VERSION = 1;
+function voiceprintStorageKey(key, namespace) {
+  if (namespace === void 0) return key;
+  const ns = namespace.trim();
+  if (ns.length === 0)
+    throw new Error("Voiceprint namespace must not be empty");
+  return `${key}:${encodeURIComponent(ns)}`;
+}
+function openDb() {
+  return new Promise((resolve, reject) => {
+    const req = indexedDB.open(DB_NAME, DB_VERSION);
+    req.onupgradeneeded = () => {
+      if (!req.result.objectStoreNames.contains(STORE))
+        req.result.createObjectStore(STORE);
+    };
+    req.onsuccess = () => resolve(req.result);
+    req.onerror = () => reject(req.error);
+    req.onblocked = () => reject(
+      new Error("IndexedDB open blocked (another tab holds an upgrade lock)")
+    );
+  });
+}
+function idbGet(key) {
+  return openDb().then(
+    (db) => new Promise((resolve, reject) => {
+      const req = db.transaction(STORE, "readonly").objectStore(STORE).get(key);
+      req.onsuccess = () => {
+        resolve(req.result);
+        db.close();
+      };
+      req.onerror = () => {
+        reject(req.error);
+        db.close();
+      };
+    })
+  );
+}
+function idbSet(key, value) {
+  return openDb().then(
+    (db) => new Promise((resolve, reject) => {
+      const tx = db.transaction(STORE, "readwrite");
+      tx.objectStore(STORE).put(value, key);
+      tx.oncomplete = () => {
+        resolve();
+        db.close();
+      };
+      tx.onerror = () => {
+        reject(tx.error);
+        db.close();
+      };
+      tx.onabort = () => {
+        reject(tx.error);
+        db.close();
+      };
+    })
+  );
+}
+function idbDel(key) {
+  return openDb().then(
+    (db) => new Promise((resolve, reject) => {
+      const tx = db.transaction(STORE, "readwrite");
+      tx.objectStore(STORE).delete(key);
+      tx.oncomplete = () => {
+        resolve();
+        db.close();
+      };
+      tx.onerror = () => {
+        reject(tx.error);
+        db.close();
+      };
+      tx.onabort = () => {
+        reject(tx.error);
+        db.close();
+      };
+    })
+  );
+}
+async function getVoiceprints(key, migrateLegacy) {
+  try {
+    const existing = await idbGet(key);
+    if (existing !== void 0) return existing;
+    if (migrateLegacy) {
+      let raw = null;
+      try {
+        raw = localStorage.getItem(key);
+      } catch {
+      }
+      if (raw != null) {
+        let migrated;
+        try {
+          migrated = migrateLegacy(raw);
+        } catch {
+          try {
+            localStorage.removeItem(key);
+          } catch {
+          }
+          return void 0;
+        }
+        try {
+          await idbSet(key, migrated);
+        } catch {
+        }
+        try {
+          localStorage.removeItem(key);
+        } catch {
+        }
+        return migrated;
+      }
+    }
+    return void 0;
+  } catch {
+    return void 0;
+  }
+}
+async function setVoiceprints(key, value) {
+  try {
+    await idbSet(key, value);
+  } catch {
+  }
+}
+async function clearVoiceprints(key) {
+  try {
+    await idbDel(key);
+  } catch {
+  }
+  try {
+    localStorage.removeItem(key);
+  } catch {
+  }
+}
+var WHAT_KEY = "ozwellWhatPrints";
+function parseLegacyWhat(raw) {
+  let o;
+  try {
+    o = JSON.parse(raw || "{}") || {};
+  } catch {
+    return {};
+  }
+  const out = /* @__PURE__ */ Object.create(null);
+  for (const k of Object.keys(o))
+    out[k] = (o[k] || []).map((a) => Float32Array.from(a));
+  return out;
+}
+function loadWhatPrints(namespace) {
+  return getVoiceprints(
+    voiceprintStorageKey(WHAT_KEY, namespace),
+    namespace === void 0 ? parseLegacyWhat : void 0
+  ).then((v) => v ?? {});
+}
+function saveWhatPrints(map, namespace) {
+  return setVoiceprints(voiceprintStorageKey(WHAT_KEY, namespace), map);
+}
+function clearWhatPrints(namespace) {
+  return clearVoiceprints(voiceprintStorageKey(WHAT_KEY, namespace));
+}
+
+export { clearVoiceprints, clearWhatPrints, getVoiceprints, loadWhatPrints, saveWhatPrints, setVoiceprints, voiceprintStorageKey };
+//# sourceMappingURL=chunk-74ENCTIK.js.map
+//# sourceMappingURL=chunk-74ENCTIK.js.map

package/dist/chunk-74ENCTIK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AI/voiceprintStore.ts"],"names":[],"mappings":"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","file":"chunk-74ENCTIK.js","sourcesContent":["/**\n * IndexedDB store for on-device voiceprints (enrollment vectors), replacing localStorage for this data.\n *\n * Why IndexedDB and not localStorage: it's asynchronous (off the main thread), stores `Float32Array`\n * natively via structured clone (no JSON-stringifying embeddings into bloated number arrays), and isn't\n * capped at ~5 MB. Why not OPFS: these are small *structured records* keyed by id, not large files —\n * IndexedDB is the right tool; OPFS is for the big model files.\n *\n * One object store, keyed by a string id; values are any structured-cloneable object, so `Float32Array`s\n * survive the round-trip intact. On first read of a key it migrates a legacy localStorage value (if a\n * parser is supplied) and then clears it.\n */\n\nconst DB_NAME = 'ozwell-voice';\nconst STORE = 'voiceprints';\nconst DB_VERSION = 1;\n\nexport function voiceprintStorageKey(key: string, namespace?: string): string {\n  if (namespace === undefined) return key;\n  // Trim before encoding so accidental whitespace (\"user-a \" vs \"user-a\") can't silently split a\n  // user's voiceprints across distinct stores.\n  const ns = namespace.trim();\n  if (ns.length === 0)\n    throw new Error('Voiceprint namespace must not be empty');\n  return `${key}:${encodeURIComponent(ns)}`;\n}\n\nfunction openDb(): Promise<IDBDatabase> {\n  return new Promise((resolve, reject) => {\n    const req = indexedDB.open(DB_NAME, DB_VERSION);\n    req.onupgradeneeded = () => {\n      if (!req.result.objectStoreNames.contains(STORE))\n        req.result.createObjectStore(STORE);\n    };\n    req.onsuccess = () => resolve(req.result);\n    req.onerror = () => reject(req.error);\n    // If another tab holds an open connection during a version upgrade, the open stays \"blocked\" and\n    // would otherwise hang forever — surface it instead so callers hit their catch/fallback paths.\n    req.onblocked = () =>\n      reject(\n        new Error('IndexedDB open blocked (another tab holds an upgrade lock)')\n      );\n  });\n}\n\nfunction idbGet<T>(key: string): Promise<T | undefined> {\n  return openDb().then(\n    (db) =>\n      new Promise<T | undefined>((resolve, reject) => {\n        const req = db\n          .transaction(STORE, 'readonly')\n          .objectStore(STORE)\n          .get(key);\n        req.onsuccess = () => {\n          resolve(req.result as T | undefined);\n          db.close();\n        };\n        req.onerror = () => {\n          reject(req.error);\n          db.close();\n        };\n      })\n  );\n}\n\nfunction idbSet(key: string, value: unknown): Promise<void> {\n  return openDb().then(\n    (db) =>\n      new Promise<void>((resolve, reject) => {\n        const tx = db.transaction(STORE, 'readwrite');\n        tx.objectStore(STORE).put(value, key);\n        tx.oncomplete = () => {\n          resolve();\n          db.close();\n        };\n        tx.onerror = () => {\n          reject(tx.error);\n          db.close();\n        };\n        tx.onabort = () => {\n          reject(tx.error);\n          db.close();\n        }; // else an aborted tx leaves the promise pending\n      })\n  );\n}\n\nfunction idbDel(key: string): Promise<void> {\n  return openDb().then(\n    (db) =>\n      new Promise<void>((resolve, reject) => {\n        const tx = db.transaction(STORE, 'readwrite');\n        tx.objectStore(STORE).delete(key);\n        tx.oncomplete = () => {\n          resolve();\n          db.close();\n        };\n        tx.onerror = () => {\n          reject(tx.error);\n          db.close();\n        };\n        tx.onabort = () => {\n          reject(tx.error);\n          db.close();\n        }; // else an aborted tx leaves the promise pending\n      })\n  );\n}\n\n/**\n * Read a voiceprint record. If IndexedDB has nothing for `key` but localStorage does, migrate it via\n * `migrateLegacy` (parse the old JSON string → the new shape), persist it to IndexedDB, and clear the\n * localStorage copy. Returns `undefined` if neither has it. Never throws (best-effort storage).\n */\nexport async function getVoiceprints<T>(\n  key: string,\n  migrateLegacy?: (raw: string) => T\n): Promise<T | undefined> {\n  try {\n    const existing = await idbGet<T>(key);\n    if (existing !== undefined) return existing;\n    if (migrateLegacy) {\n      let raw: string | null = null;\n      try {\n        raw = localStorage.getItem(key);\n      } catch {\n        /* ignore */\n      }\n      if (raw != null) {\n        let migrated: T;\n        try {\n          migrated = migrateLegacy(raw);\n        } catch {\n          // Corrupt legacy value — drop it so we don't retry the failing migration on every load.\n          try {\n            localStorage.removeItem(key);\n          } catch {\n            /* ignore */\n          }\n          return undefined;\n        }\n        try {\n          await idbSet(key, migrated);\n        } catch {\n          /* persist is best-effort; still return the migrated value */\n        }\n        try {\n          localStorage.removeItem(key);\n        } catch {\n          /* ignore */\n        }\n        return migrated;\n      }\n    }\n    return undefined;\n  } catch {\n    return undefined;\n  }\n}\n\n/** Persist a voiceprint record (Float32Arrays stored natively). Best-effort — resolves even on failure. */\nexport async function setVoiceprints(\n  key: string,\n  value: unknown\n): Promise<void> {\n  try {\n    await idbSet(key, value);\n  } catch {\n    /* best-effort */\n  }\n}\n\n/** Remove a voiceprint record (and any stale localStorage copy). */\nexport async function clearVoiceprints(key: string): Promise<void> {\n  try {\n    await idbDel(key);\n  } catch {\n    /* ignore */\n  }\n  try {\n    localStorage.removeItem(key);\n  } catch {\n    /* ignore */\n  }\n}\n\n// --- WHAT phrase-prints: per-phrase wake-embedding templates (the WHAT gate). Previously each story kept\n// its own copy of these load/save helpers against localStorage; centralized here on IndexedDB. ---\nconst WHAT_KEY = 'ozwellWhatPrints';\n\n// Legacy localStorage format: JSON `{ phrase: number[][] }`. New IndexedDB format stores Float32Array[]\n// natively, so migration just rehydrates the number arrays once.\nfunction parseLegacyWhat(raw: string): Record<string, Float32Array[]> {\n  let o: Record<string, number[][]>;\n  try {\n    o = (JSON.parse(raw || '{}') || {}) as Record<string, number[][]>;\n  } catch {\n    return {};\n  }\n  // Null-prototype output + Object.keys so a legacy `__proto__` key can't pollute Object.prototype.\n  const out: Record<string, Float32Array[]> = Object.create(null);\n  for (const k of Object.keys(o))\n    out[k] = (o[k] || []).map((a) => Float32Array.from(a));\n  return out;\n}\n\nexport function loadWhatPrints(\n  namespace?: string\n): Promise<Record<string, Float32Array[]>> {\n  return getVoiceprints<Record<string, Float32Array[]>>(\n    voiceprintStorageKey(WHAT_KEY, namespace),\n    namespace === undefined ? parseLegacyWhat : undefined\n  ).then((v) => v ?? {});\n}\n\nexport function saveWhatPrints(\n  map: Record<string, Float32Array[]>,\n  namespace?: string\n): Promise<void> {\n  return setVoiceprints(voiceprintStorageKey(WHAT_KEY, namespace), map);\n}\n\nexport function clearWhatPrints(namespace?: string): Promise<void> {\n  return clearVoiceprints(voiceprintStorageKey(WHAT_KEY, namespace));\n}\n"]}

package/dist/{chunk-GOALNQZ2.js → chunk-7YO7DNUV.js}

@@ -1,6 +1,6 @@
+import { buttonVariants } from './chunk-GVM6DTR5.js';
 import { cn } from './chunk-TQONQSJO.js';
 import * as React from 'react';
-import { cva } from 'class-variance-authority';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // src/components/Button/button-critical.ts
@@ -35,85 +35,6 @@ function injectButtonCriticalStyles() {
   style.textContent = CRITICAL_CSS;
   document.head.appendChild(style);
 }
-var buttonVariants = cva(
-  // Base styles
-  [
-    "inline-flex items-center justify-center gap-2",
-    "min-w-0 whitespace-nowrap",
-    "font-semibold transition-all duration-200",
-    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-    "disabled:pointer-events-none disabled:opacity-50",
-    "active:scale-[0.98]"
-  ],
-  {
-    variants: {
-      variant: {
-        primary: [
-          "bg-primary-800 text-white",
-          "hover:bg-primary-900",
-          "active:bg-primary-950"
-        ],
-        secondary: [
-          "bg-neutral-200 text-neutral-900",
-          "hover:bg-neutral-300",
-          "active:bg-neutral-400",
-          "dark:bg-neutral-700 dark:text-neutral-100",
-          "dark:hover:bg-neutral-600",
-          "dark:active:bg-neutral-500"
-        ],
-        ghost: [
-          "bg-transparent text-neutral-600",
-          "hover:bg-neutral-100",
-          "active:bg-neutral-200",
-          "dark:text-neutral-400",
-          "dark:hover:bg-neutral-800",
-          "dark:active:bg-neutral-700"
-        ],
-        outline: [
-          "border-2 border-primary-800 text-primary-800 bg-transparent",
-          "hover:bg-primary-50 hover:text-primary-900",
-          "active:bg-primary-100",
-          "dark:border-primary-400 dark:text-primary-400",
-          "dark:hover:bg-primary-950",
-          "dark:active:bg-primary-900"
-        ],
-        danger: [
-          "bg-red-600 text-white",
-          "hover:bg-red-700",
-          "active:bg-red-800"
-        ],
-        link: [
-          "text-primary-800 underline-offset-4",
-          "hover:underline hover:text-primary-900",
-          "active:text-primary-950",
-          "dark:text-primary-400"
-        ]
-      },
-      size: {
-        sm: "h-8 px-3 text-sm rounded-md",
-        md: "h-10 px-4 text-base rounded-lg",
-        lg: "h-12 px-6 text-lg rounded-xl",
-        icon: "h-10 w-10 rounded-lg"
-      },
-      fullWidth: {
-        true: "w-full",
-        false: ""
-      },
-      /** Opt-in hover motion (see src/styles/effects.css). */
-      effect: {
-        none: "",
-        sheen: "mie-fx-sheen hover:-translate-y-0.5",
-        orbit: "mie-fx-orbit hover:-translate-y-0.5"
-      }
-    },
-    defaultVariants: {
-      variant: "primary",
-      size: "md",
-      fullWidth: false,
-      effect: "none"
-    }
-  }
-);
 var labelClasses = "truncate [&_svg]:inline-block [&_svg]:align-middle";
 var Button = React.forwardRef(
   ({
@@ -233,6 +154,6 @@ function LoadingSpinner() {
   );
 }
 
-export { Button, buttonVariants };
-//# sourceMappingURL=chunk-GOALNQZ2.js.map
-//# sourceMappingURL=chunk-GOALNQZ2.js.map
+export { Button };
+//# sourceMappingURL=chunk-7YO7DNUV.js.map
+//# sourceMappingURL=chunk-7YO7DNUV.js.map

package/dist/chunk-7YO7DNUV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Button/button-critical.ts","../src/components/Button/Button.tsx"],"names":[],"mappings":"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","file":"chunk-7YO7DNUV.js","sourcesContent":["/**\n * Self-healing structural CSS for Button.\n *\n * Button layout relies on Tailwind utilities (`inline-flex`,\n * `whitespace-nowrap`, ...). Consumer apps with a stale safelist copy or a\n * missing `@source` line never generate those classes, so the button falls\n * back to `inline-block` and the icon stacks above the label.\n *\n * Injecting these rules from the component guarantees every consumer gets\n * correct button structure just by upgrading the library — no app-side\n * changes required.\n *\n * Override safety, by consumer setup:\n * - Tailwind 4: utilities live in `@layer utilities`. The structural rules\n *   below join that same layer, so conflicts resolve by specificity — and\n *   every selector is wrapped in `:where()` (zero specificity), so real\n *   utilities (`hidden`, `gap-0`, ...) always win. (A new layer name can't\n *   be used: layers declared later outrank `utilities`.)\n * - Tailwind 3 / no Tailwind: consumer CSS is unlayered, and unlayered\n *   always beats layered, so the structural rules stay a pure fallback.\n */\n\nconst STYLE_ID = 'mieweb-ui-button-critical';\n\nconst CRITICAL_CSS = [\n  '@layer utilities{',\n  // Structure: keep icon + label on one line (matches the base utilities\n  // inline-flex items-center justify-center gap-2 min-w-0 whitespace-nowrap).\n  `:where(button[data-slot='button']){display:inline-flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:0.5rem;min-width:0;white-space:nowrap;}`,\n  // Icons and the loading spinner never shrink (matches shrink-0).\n  `:where(button[data-slot='button']) > :where([data-slot='button-icon'],svg){flex-shrink:0;}`,\n  // Label truncates instead of wrapping/overflowing (matches truncate).\n  `:where(button[data-slot='button']) > :where([data-slot='button-label']){min-width:0;overflow:hidden;text-overflow:ellipsis;}`,\n  '}',\n  // Icons passed as children land inside the label span; Tailwind preflight\n  // makes SVGs display:block, which forces line breaks inside the inline\n  // label. Restore inline flow. This rule is deliberately UNLAYERED at\n  // specificity (0,2,2): it must beat Tailwind 3's unlayered preflight\n  // `svg{display:block}` (0,0,1) — layering it would neuter the fix for\n  // exactly the broken-TW3 apps it exists for. It also outranks the\n  // (0,1,1) [&_svg]:inline-block utility on the label, but both declare\n  // the same values, so they never conflict. Known tradeoff:\n  // display utilities on an SVG inside the label slot won't win; consumers\n  // should conditionally render icons instead.\n  `button[data-slot='button'] [data-slot='button-label'] svg{display:inline-block;vertical-align:middle;}`,\n].join('');\n\n/** Injects the critical Button styles once per document. SSR-safe. */\nexport function injectButtonCriticalStyles(): void {\n  if (typeof document === 'undefined') return;\n  if (document.getElementById(STYLE_ID)) return;\n  const style = document.createElement('style');\n  style.id = STYLE_ID;\n  style.textContent = CRITICAL_CSS;\n  document.head.appendChild(style);\n}\n","import * as React from 'react';\nimport type { VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { injectButtonCriticalStyles } from './button-critical';\nimport { buttonVariants } from './button-variants';\n\n/**\n * Label wrapper classes. Icons passed as `children` (rather than\n * leftIcon/rightIcon) land inside this span; preflight makes SVGs\n * display:block which would force line breaks inside the inline span,\n * so restore inline flow for them.\n */\nconst labelClasses = 'truncate [&_svg]:inline-block [&_svg]:align-middle';\n\nexport interface ButtonProps\n  extends\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  /** Optional icon element to render before the button text */\n  leftIcon?: React.ReactElement | null;\n  /** Optional icon element to render after the button text */\n  rightIcon?: React.ReactElement | null;\n  /** Shows a loading spinner and disables the button */\n  isLoading?: boolean;\n  /** Accessible label for the loading state */\n  loadingText?: string;\n}\n\n/**\n * A versatile button component with multiple variants and sizes.\n *\n * @example\n * ```tsx\n * <Button variant=\"primary\" size=\"md\">Click me</Button>\n * <Button variant=\"danger\" leftIcon={<TrashIcon />}>Delete</Button>\n * <Button variant=\"ghost\" isLoading loadingText=\"Saving...\">Save</Button>\n * <Button effect=\"sheen\">Request a demo</Button>\n * <Button variant=\"outline\" effect=\"orbit\">Watch the film</Button>\n * ```\n */\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      className,\n      variant,\n      size,\n      fullWidth,\n      effect,\n      leftIcon,\n      rightIcon,\n      isLoading,\n      loadingText,\n      disabled,\n      children,\n      title,\n      ...props\n    },\n    ref\n  ) => {\n    const resolvedSize = size ?? 'md';\n    const labelRef = React.useRef<HTMLSpanElement>(null);\n    const innerRef = React.useRef<HTMLButtonElement>(null);\n    React.useImperativeHandle(ref, () => innerRef.current as HTMLButtonElement);\n\n    // Guarantees correct icon/label layout even when the consumer's Tailwind\n    // build is missing our utility classes. See button-critical.ts.\n    React.useInsertionEffect(() => {\n      injectButtonCriticalStyles();\n    }, []);\n\n    // When the label truncates, expose the full text as a native tooltip.\n    // A consumer-provided `title` always takes precedence.\n    React.useLayoutEffect(() => {\n      const label = labelRef.current;\n      const button = innerRef.current;\n      if (!label || !button || title !== undefined) return;\n\n      const update = () => {\n        if (label.scrollWidth > label.clientWidth) {\n          button.title = label.textContent ?? '';\n        } else {\n          button.removeAttribute('title');\n        }\n      };\n\n      update();\n      if (typeof globalThis.ResizeObserver === 'undefined') return;\n      const observer = new globalThis.ResizeObserver(update);\n      observer.observe(label);\n      return () => observer.disconnect();\n    }, [title, children, isLoading, loadingText]);\n\n    return (\n      <button\n        data-slot=\"button\"\n        data-size={resolvedSize}\n        data-variant={variant ?? 'primary'}\n        className={cn(\n          buttonVariants({ variant, size: resolvedSize, fullWidth, effect }),\n          className\n        )}\n        ref={innerRef}\n        disabled={disabled || isLoading}\n        aria-busy={isLoading}\n        title={title}\n        {...props}\n      >\n        {isLoading ? (\n          <>\n            <LoadingSpinner />\n            <span\n              ref={labelRef}\n              data-slot=\"button-label\"\n              className={labelClasses}\n            >\n              {loadingText || children}\n            </span>\n          </>\n        ) : (\n          <>\n            {React.isValidElement(leftIcon) && (\n              <span data-slot=\"button-icon\" className=\"shrink-0\">\n                {leftIcon}\n              </span>\n            )}\n            <span\n              ref={labelRef}\n              data-slot=\"button-label\"\n              className={labelClasses}\n            >\n              {children}\n            </span>\n            {React.isValidElement(rightIcon) && (\n              <span data-slot=\"button-icon\" className=\"shrink-0\">\n                {rightIcon}\n              </span>\n            )}\n          </>\n        )}\n      </button>\n    );\n  }\n);\n\nButton.displayName = 'Button';\n\n/**\n * Simple loading spinner for the button\n */\nfunction LoadingSpinner() {\n  return (\n    <svg\n      className=\"h-4 w-4 shrink-0 animate-spin\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      aria-hidden=\"true\"\n    >\n      <circle\n        className=\"opacity-25\"\n        cx=\"12\"\n        cy=\"12\"\n        r=\"10\"\n        stroke=\"currentColor\"\n        strokeWidth=\"4\"\n      />\n      <path\n        className=\"opacity-75\"\n        fill=\"currentColor\"\n        d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n      />\n    </svg>\n  );\n}\n\nexport { Button, buttonVariants };\n"]}

package/dist/{chunk-VILW53UZ.js → chunk-BIQ7GSO2.js}

@@ -1,4 +1,4 @@
-import { Modal, ModalHeader, ModalTitle, ModalClose, ModalBody, ModalFooter } from './chunk-5JJ2DAE4.js';
+import { Modal, ModalHeader, ModalTitle, ModalClose, ModalBody, ModalFooter } from './chunk-ENMXHZNE.js';
 import { cn } from './chunk-TQONQSJO.js';
 import * as React from 'react';
 import { Keyboard } from 'lucide-react';
@@ -101,5 +101,5 @@ function KeyboardShortcutsOverlay({
 }
 
 export { Kbd, KeyboardShortcutsOverlay };
-//# sourceMappingURL=chunk-VILW53UZ.js.map
-//# sourceMappingURL=chunk-VILW53UZ.js.map
+//# sourceMappingURL=chunk-BIQ7GSO2.js.map
+//# sourceMappingURL=chunk-BIQ7GSO2.js.map

package/dist/{chunk-VILW53UZ.js.map → chunk-BIQ7GSO2.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/KeyboardShortcutsOverlay/KeyboardShortcutsOverlay.tsx"],"names":["Kbd","Fragment"],"mappings":"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","file":"chunk-VILW53UZ.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Keyboard } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport {\n  Modal,\n  ModalHeader,\n  ModalTitle,\n  ModalClose,\n  ModalBody,\n  ModalFooter,\n} from '../Modal';\n\n// =============================================================================\n// Kbd\n// =============================================================================\n\nexport type KbdProps = React.HTMLAttributes<HTMLElement>;\n\n/** A keyboard-key chip: `<Kbd>⌘K</Kbd>`. */\nexport const Kbd = React.forwardRef<HTMLElement, KbdProps>(function Kbd(\n  { className, ...props },\n  ref\n) {\n  return (\n    <kbd\n      ref={ref}\n      className={cn(\n        'border-border bg-muted text-foreground rounded border px-1.5 py-0.5 font-mono text-[11px]',\n        className\n      )}\n      {...props}\n    />\n  );\n});\n\n// =============================================================================\n// KeyboardShortcutsOverlay\n// =============================================================================\n\nexport interface ShortcutDef {\n  /** Key or alternatives — `\"j\"`, `[\"j\", \"↓\"]`, `\"⌘K\"`. */\n  keys: string | string[];\n  description: string;\n}\n\nexport interface ShortcutGroup {\n  title: string;\n  shortcuts: ShortcutDef[];\n}\n\nexport interface KeyboardShortcutsOverlayProps {\n  open: boolean;\n  onClose: () => void;\n  /** Flat list of shortcuts, or use `groups` for sectioned help. */\n  shortcuts?: ShortcutDef[];\n  /** Sectioned shortcuts with group headings. */\n  groups?: ShortcutGroup[];\n  title?: string;\n  /** Footer hint. Pass `null` to hide it. */\n  hint?: React.ReactNode | null;\n  /** Joins key alternatives (default \"or\"), overridable for i18n. */\n  alternativesLabel?: string;\n}\n\nfunction Keys({\n  keys,\n  alternativesLabel,\n}: {\n  keys: string | string[];\n  alternativesLabel: string;\n}) {\n  const list = Array.isArray(keys) ? keys : keys.split(' / ');\n  return (\n    <span className=\"flex shrink-0 items-center gap-1\">\n      {list.map((k, i) => (\n        <React.Fragment key={`${k}-${i}`}>\n          <Kbd>{k}</Kbd>\n          {i < list.length - 1 && (\n            <span className=\"text-muted-foreground mx-0.5 text-xs\">\n              {alternativesLabel}\n            </span>\n          )}\n        </React.Fragment>\n      ))}\n    </span>\n  );\n}\n\nfunction ShortcutList({\n  shortcuts,\n  alternativesLabel,\n}: {\n  shortcuts: ShortcutDef[];\n  alternativesLabel: string;\n}) {\n  return (\n    <ul className=\"flex list-none flex-col gap-2 p-0\">\n      {shortcuts.map((s) => (\n        <li\n          key={`${s.description}-${String(s.keys)}`}\n          className=\"text-foreground flex items-center justify-between gap-4 text-sm\"\n        >\n          <span className=\"min-w-0\">{s.description}</span>\n          <Keys keys={s.keys} alternativesLabel={alternativesLabel} />\n        </li>\n      ))}\n    </ul>\n  );\n}\n\n/**\n * The `?` keyboard-shortcuts help dialog: a list of shortcut rows\n * (optionally grouped) with `Kbd` chips for each key. Pairs with the\n * `useKeyboardShortcut` hook, which handles the binding — this component\n * only renders the help.\n *\n * @example\n * ```tsx\n * const [open, setOpen] = useState(false);\n * useKeyboardShortcut('?', () => setOpen((v) => !v), {\n *   modifiers: { shift: true },\n * });\n *\n * <KeyboardShortcutsOverlay\n *   open={open}\n *   onClose={() => setOpen(false)}\n *   shortcuts={[\n *     { keys: ['j', '↓'], description: 'Next record' },\n *     { keys: '⌘K', description: 'Command palette' },\n *   ]}\n * />\n * ```\n */\nexport function KeyboardShortcutsOverlay({\n  open,\n  onClose,\n  shortcuts,\n  groups,\n  title = 'Keyboard shortcuts',\n  hint,\n  alternativesLabel = 'or',\n}: KeyboardShortcutsOverlayProps) {\n  const defaultHint = (\n    <>\n      Press <Kbd>?</Kbd> anytime to toggle this help\n    </>\n  );\n  const footer = hint === null ? null : (hint ?? defaultHint);\n\n  return (\n    <Modal\n      open={open}\n      onOpenChange={(o) => {\n        if (!o) onClose();\n      }}\n      size=\"sm\"\n      aria-label={title}\n    >\n      <ModalHeader>\n        <ModalTitle className=\"flex items-center gap-2 text-sm\">\n          <Keyboard aria-hidden=\"true\" className=\"text-primary-500 h-4 w-4\" />\n          {title}\n        </ModalTitle>\n        <ModalClose />\n      </ModalHeader>\n      <ModalBody className=\"flex flex-col gap-4\">\n        {shortcuts && (\n          <ShortcutList\n            shortcuts={shortcuts}\n            alternativesLabel={alternativesLabel}\n          />\n        )}\n        {groups?.map((group) => (\n          <div key={group.title} className=\"flex flex-col gap-2\">\n            <h3 className=\"text-muted-foreground text-xs font-semibold tracking-wide uppercase\">\n              {group.title}\n            </h3>\n            <ShortcutList\n              shortcuts={group.shortcuts}\n              alternativesLabel={alternativesLabel}\n            />\n          </div>\n        ))}\n      </ModalBody>\n      {footer && (\n        <ModalFooter className=\"text-muted-foreground justify-center text-[11px]\">\n          <span>{footer}</span>\n        </ModalFooter>\n      )}\n    </Modal>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/KeyboardShortcutsOverlay/KeyboardShortcutsOverlay.tsx"],"names":["Kbd","Fragment"],"mappings":"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","file":"chunk-BIQ7GSO2.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Keyboard } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport {\n  Modal,\n  ModalHeader,\n  ModalTitle,\n  ModalClose,\n  ModalBody,\n  ModalFooter,\n} from '../Modal';\n\n// =============================================================================\n// Kbd\n// =============================================================================\n\nexport type KbdProps = React.HTMLAttributes<HTMLElement>;\n\n/** A keyboard-key chip: `<Kbd>⌘K</Kbd>`. */\nexport const Kbd = React.forwardRef<HTMLElement, KbdProps>(function Kbd(\n  { className, ...props },\n  ref\n) {\n  return (\n    <kbd\n      ref={ref}\n      className={cn(\n        'border-border bg-muted text-foreground rounded border px-1.5 py-0.5 font-mono text-[11px]',\n        className\n      )}\n      {...props}\n    />\n  );\n});\n\n// =============================================================================\n// KeyboardShortcutsOverlay\n// =============================================================================\n\nexport interface ShortcutDef {\n  /** Key or alternatives — `\"j\"`, `[\"j\", \"↓\"]`, `\"⌘K\"`. */\n  keys: string | string[];\n  description: string;\n}\n\nexport interface ShortcutGroup {\n  title: string;\n  shortcuts: ShortcutDef[];\n}\n\nexport interface KeyboardShortcutsOverlayProps {\n  open: boolean;\n  onClose: () => void;\n  /** Flat list of shortcuts, or use `groups` for sectioned help. */\n  shortcuts?: ShortcutDef[];\n  /** Sectioned shortcuts with group headings. */\n  groups?: ShortcutGroup[];\n  title?: string;\n  /** Footer hint. Pass `null` to hide it. */\n  hint?: React.ReactNode | null;\n  /** Joins key alternatives (default \"or\"), overridable for i18n. */\n  alternativesLabel?: string;\n}\n\nfunction Keys({\n  keys,\n  alternativesLabel,\n}: {\n  keys: string | string[];\n  alternativesLabel: string;\n}) {\n  const list = Array.isArray(keys) ? keys : keys.split(' / ');\n  return (\n    <span className=\"flex shrink-0 items-center gap-1\">\n      {list.map((k, i) => (\n        <React.Fragment key={`${k}-${i}`}>\n          <Kbd>{k}</Kbd>\n          {i < list.length - 1 && (\n            <span className=\"text-muted-foreground mx-0.5 text-xs\">\n              {alternativesLabel}\n            </span>\n          )}\n        </React.Fragment>\n      ))}\n    </span>\n  );\n}\n\nfunction ShortcutList({\n  shortcuts,\n  alternativesLabel,\n}: {\n  shortcuts: ShortcutDef[];\n  alternativesLabel: string;\n}) {\n  return (\n    <ul className=\"flex list-none flex-col gap-2 p-0\">\n      {shortcuts.map((s) => (\n        <li\n          key={`${s.description}-${String(s.keys)}`}\n          className=\"text-foreground flex items-center justify-between gap-4 text-sm\"\n        >\n          <span className=\"min-w-0\">{s.description}</span>\n          <Keys keys={s.keys} alternativesLabel={alternativesLabel} />\n        </li>\n      ))}\n    </ul>\n  );\n}\n\n/**\n * The `?` keyboard-shortcuts help dialog: a list of shortcut rows\n * (optionally grouped) with `Kbd` chips for each key. Pairs with the\n * `useKeyboardShortcut` hook, which handles the binding — this component\n * only renders the help.\n *\n * @example\n * ```tsx\n * const [open, setOpen] = useState(false);\n * useKeyboardShortcut('?', () => setOpen((v) => !v), {\n *   modifiers: { shift: true },\n * });\n *\n * <KeyboardShortcutsOverlay\n *   open={open}\n *   onClose={() => setOpen(false)}\n *   shortcuts={[\n *     { keys: ['j', '↓'], description: 'Next record' },\n *     { keys: '⌘K', description: 'Command palette' },\n *   ]}\n * />\n * ```\n */\nexport function KeyboardShortcutsOverlay({\n  open,\n  onClose,\n  shortcuts,\n  groups,\n  title = 'Keyboard shortcuts',\n  hint,\n  alternativesLabel = 'or',\n}: KeyboardShortcutsOverlayProps) {\n  const defaultHint = (\n    <>\n      Press <Kbd>?</Kbd> anytime to toggle this help\n    </>\n  );\n  const footer = hint === null ? null : (hint ?? defaultHint);\n\n  return (\n    <Modal\n      open={open}\n      onOpenChange={(o) => {\n        if (!o) onClose();\n      }}\n      size=\"sm\"\n      aria-label={title}\n    >\n      <ModalHeader>\n        <ModalTitle className=\"flex items-center gap-2 text-sm\">\n          <Keyboard aria-hidden=\"true\" className=\"text-primary-500 h-4 w-4\" />\n          {title}\n        </ModalTitle>\n        <ModalClose />\n      </ModalHeader>\n      <ModalBody className=\"flex flex-col gap-4\">\n        {shortcuts && (\n          <ShortcutList\n            shortcuts={shortcuts}\n            alternativesLabel={alternativesLabel}\n          />\n        )}\n        {groups?.map((group) => (\n          <div key={group.title} className=\"flex flex-col gap-2\">\n            <h3 className=\"text-muted-foreground text-xs font-semibold tracking-wide uppercase\">\n              {group.title}\n            </h3>\n            <ShortcutList\n              shortcuts={group.shortcuts}\n              alternativesLabel={alternativesLabel}\n            />\n          </div>\n        ))}\n      </ModalBody>\n      {footer && (\n        <ModalFooter className=\"text-muted-foreground justify-center text-[11px]\">\n          <span>{footer}</span>\n        </ModalFooter>\n      )}\n    </Modal>\n  );\n}\n"]}

package/dist/chunk-BM35CACB.js

@@ -0,0 +1,148 @@
+import * as React from 'react';
+
+// src/hooks/useStickToBottom.ts
+function pinToBottom(el) {
+  el.scrollTop = el.scrollHeight;
+}
+function useStickToBottom({
+  threshold = 100,
+  disabled = false
+} = {}) {
+  const containerRef = React.useRef(null);
+  const contentRef = React.useRef(null);
+  const [isAtBottom, setIsAtBottom] = React.useState(true);
+  const pinnedRef = React.useRef(true);
+  const readingRef = React.useRef(false);
+  const anchorTargetRef = React.useRef(null);
+  const anchorDistanceRef = React.useRef(Infinity);
+  const [containerEl, setContainerEl] = React.useState(
+    null
+  );
+  const [contentEl, setContentEl] = React.useState(null);
+  React.useEffect(() => {
+    if (containerRef.current !== containerEl)
+      setContainerEl(containerRef.current);
+    if (contentRef.current !== contentEl) setContentEl(contentRef.current);
+  });
+  React.useEffect(() => {
+    if (disabled) return;
+    const el = containerEl;
+    if (!el) return;
+    const handleScroll = () => {
+      const anchorTarget = anchorTargetRef.current;
+      if (anchorTarget != null) {
+        const distance = Math.abs(el.scrollTop - anchorTarget);
+        if (distance < 2) {
+          anchorTargetRef.current = null;
+        } else if (distance > anchorDistanceRef.current + 1) {
+          anchorTargetRef.current = null;
+        } else {
+          anchorDistanceRef.current = distance;
+          return;
+        }
+      }
+      const atBottom = el.scrollHeight - el.scrollTop - el.clientHeight <= threshold;
+      if (!atBottom) readingRef.current = false;
+      pinnedRef.current = atBottom && !readingRef.current;
+      setIsAtBottom(atBottom);
+    };
+    if (pinnedRef.current) pinToBottom(el);
+    handleScroll();
+    el.addEventListener("scroll", handleScroll, { passive: true });
+    return () => el.removeEventListener("scroll", handleScroll);
+  }, [containerEl, threshold, disabled]);
+  React.useEffect(() => {
+    if (disabled) return;
+    const el = containerEl;
+    if (!el || typeof globalThis.ResizeObserver === "undefined") return;
+    const observer = new globalThis.ResizeObserver(() => {
+      if (pinnedRef.current) {
+        pinToBottom(el);
+        return;
+      }
+      if (anchorTargetRef.current != null) return;
+      const atBottom = el.scrollHeight - el.scrollTop - el.clientHeight <= threshold;
+      if (!atBottom) readingRef.current = false;
+      setIsAtBottom(atBottom);
+    });
+    observer.observe(el);
+    if (contentEl) observer.observe(contentEl);
+    return () => observer.disconnect();
+  }, [containerEl, contentEl, threshold, disabled]);
+  const scrollToBottom = React.useCallback(
+    (behavior = "auto") => {
+      const el = containerRef.current;
+      if (!el) return;
+      readingRef.current = false;
+      anchorTargetRef.current = null;
+      pinnedRef.current = true;
+      setIsAtBottom(true);
+      if (typeof el.scrollTo === "function") {
+        el.scrollTo({ top: el.scrollHeight, behavior });
+      } else {
+        pinToBottom(el);
+      }
+    },
+    []
+  );
+  const anchorToTurnStart = React.useCallback(
+    (target, behavior = "auto") => {
+      const el = containerRef.current;
+      if (!el) return;
+      readingRef.current = true;
+      pinnedRef.current = false;
+      const top = Math.min(
+        target.getBoundingClientRect().top - el.getBoundingClientRect().top + el.scrollTop,
+        el.scrollHeight - el.clientHeight
+      );
+      if (Math.abs(el.scrollTop - top) < 2) return;
+      anchorTargetRef.current = top;
+      anchorDistanceRef.current = Infinity;
+      if (typeof el.scrollTo === "function") {
+        el.scrollTo({ top, behavior });
+      } else {
+        el.scrollTop = top;
+      }
+    },
+    []
+  );
+  const followIfPinned = React.useCallback(
+    (behavior = "auto") => {
+      if (!pinnedRef.current) return false;
+      scrollToBottom(behavior);
+      return true;
+    },
+    [scrollToBottom]
+  );
+  const stopFollowing = React.useCallback(() => {
+    readingRef.current = true;
+    pinnedRef.current = false;
+  }, []);
+  return {
+    containerRef,
+    contentRef,
+    isAtBottom,
+    scrollToBottom,
+    anchorToTurnStart,
+    followIfPinned,
+    stopFollowing
+  };
+}
+function useStreamEndedBelowFold(newest, isAtBottom, onEnded, onEndedAtBottom) {
+  const streamingIdRef = React.useRef(null);
+  React.useEffect(() => {
+    if (newest?.status === "streaming") {
+      streamingIdRef.current = newest.id;
+      return;
+    }
+    if (streamingIdRef.current && newest?.id === streamingIdRef.current) {
+      streamingIdRef.current = null;
+      if (!isAtBottom) onEnded();
+      else onEndedAtBottom?.();
+    }
+  }, [newest, isAtBottom, onEnded, onEndedAtBottom]);
+}
+
+export { useStickToBottom, useStreamEndedBelowFold };
+//# sourceMappingURL=chunk-BM35CACB.js.map
+//# sourceMappingURL=chunk-BM35CACB.js.map

package/dist/chunk-BM35CACB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useStickToBottom.ts"],"names":[],"mappings":"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","file":"chunk-BM35CACB.js","sourcesContent":["import * as React from 'react';\n\n/**\n * Options for {@link useStickToBottom}.\n */\nexport interface UseStickToBottomOptions {\n  /**\n   * Distance from the bottom (px) within which the user still counts as \"at\n   * the bottom\" — small offsets from rounding or momentum scrolling shouldn't\n   * break pinning.\n   */\n  threshold?: number;\n  /**\n   * Disable all behavior (listeners and observers detach). Useful when the\n   * scroll container anchors somewhere other than the bottom (e.g. a\n   * newest-first feed).\n   */\n  disabled?: boolean;\n}\n\nexport interface UseStickToBottomReturn {\n  /** Attach to the scrollable container. */\n  containerRef: React.RefObject<HTMLDivElement | null>;\n  /**\n   * Attach to the element wrapping the container's content. Its growth (e.g.\n   * a streaming message) re-pins the scroll while the user is at the bottom.\n   */\n  contentRef: React.RefObject<HTMLDivElement | null>;\n  /** Whether the user is currently at (or within `threshold` of) the bottom. */\n  isAtBottom: boolean;\n  /** Scroll to the bottom and resume pinning. */\n  scrollToBottom: (behavior?: ScrollBehavior) => void;\n  /**\n   * Scroll so `target`'s top aligns with the viewport top and enter “reading”\n   * mode: content growing past the fold no longer auto-follows, so the reader\n   * consumes the response at their own pace (the ChatGPT/Claude send UX).\n   * Following resumes when they explicitly return to the bottom — a\n   * jump-to-bottom click (`scrollToBottom`) or scrolling there by hand.\n   */\n  anchorToTurnStart: (target: HTMLElement, behavior?: ScrollBehavior) => void;\n  /**\n   * Scroll to the bottom only while actually following (at the bottom and not\n   * in reading mode). Returns whether it scrolled — hosts use this to decide\n   * between following an appended message and raising a “new messages” hint.\n   */\n  followIfPinned: (behavior?: ScrollBehavior) => boolean;\n  /**\n   * Hold the current position: enter reading mode without scrolling, so an\n   * incoming stream fills below the fold instead of pushing the view up.\n   * Call right after a streaming message appends (optionally after revealing\n   * its first line with `followIfPinned`). Following resumes exactly as after\n   * `anchorToTurnStart`: an explicit `scrollToBottom` or the reader returning\n   * to the bottom by hand.\n   */\n  stopFollowing: () => void;\n}\n\nfunction pinToBottom(el: HTMLElement) {\n  el.scrollTop = el.scrollHeight;\n}\n\n/**\n * Keeps a scroll container pinned to its bottom edge while the user is there,\n * and — crucially — leaves the scroll position alone once they scroll up.\n *\n * Designed for chat threads with streaming responses:\n * - While the user is at the bottom, content growth (new tokens, new\n *   messages) and container resizes (on-screen keyboard, growing composer)\n *   keep the newest content in view via a `ResizeObserver` on both the\n *   content and the container.\n * - Once the user scrolls up, nothing moves until they return to the bottom\n *   themselves or the host calls `scrollToBottom` (e.g. a jump-to-bottom\n *   button, or an outgoing message from the local user).\n *\n * The hook only pins; *when* to force a scroll (own message sent, thread\n * switched) stays a host decision through `scrollToBottom`,\n * `anchorToTurnStart` (ChatGPT-style: scroll a fresh turn to the viewport top\n * and pause following while the reader digests the reply), and\n * `followIfPinned` (follow an append only while actually at the bottom).\n *\n * @example\n * ```tsx\n * const { containerRef, contentRef, isAtBottom, scrollToBottom } =\n *   useStickToBottom();\n * return (\n *   <div className=\"relative min-h-0 flex-1\">\n *     <div ref={containerRef} className=\"h-full overflow-y-auto\">\n *       <div ref={contentRef}>{rows}</div>\n *     </div>\n *     {!isAtBottom && <JumpToBottom onClick={() => scrollToBottom('smooth')} />}\n *   </div>\n * );\n * ```\n */\nexport function useStickToBottom({\n  threshold = 100,\n  disabled = false,\n}: UseStickToBottomOptions = {}): UseStickToBottomReturn {\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  const contentRef = React.useRef<HTMLDivElement>(null);\n  const [isAtBottom, setIsAtBottom] = React.useState(true);\n  // Mirror of `isAtBottom` readable synchronously from observer callbacks\n  // without re-subscribing them on every scroll.\n  const pinnedRef = React.useRef(true);\n  // “Reading” mode (entered via `anchorToTurnStart`): the viewport sits at the\n  // reserved space below a fresh turn — geometrically the bottom — but growth\n  // must NOT follow. Cleared once the position genuinely leaves the bottom\n  // (content outgrew the reserve or the user scrolled up), after which the\n  // normal pin-at-bottom rules apply again.\n  const readingRef = React.useRef(false);\n  // In-flight anchor animation: a smooth `anchorToTurnStart` fires scroll\n  // events that are neither the user's nor at the bottom — they must not end\n  // reading mode or re-pin. Cleared on arrival at the target, or when the\n  // distance to it grows (the user grabbed the scroll mid-animation).\n  const anchorTargetRef = React.useRef<number | null>(null);\n  const anchorDistanceRef = React.useRef(Infinity);\n\n  // Hosts can re-attach the refs to new DOM nodes without remounting (e.g.\n  // SuperChat swapping its plain thread for the virtualized one when the\n  // conversation grows). Mirror the current nodes into state so the listener\n  // and observer effects below re-bind whenever the target changes.\n  const [containerEl, setContainerEl] = React.useState<HTMLDivElement | null>(\n    null\n  );\n  const [contentEl, setContentEl] = React.useState<HTMLDivElement | null>(null);\n  // Intentionally dep-less: ref mutations don't trigger renders, so this must\n  // check after every render. The inequality guards make it settle immediately.\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  React.useEffect(() => {\n    if (containerRef.current !== containerEl)\n      setContainerEl(containerRef.current);\n    if (contentRef.current !== contentEl) setContentEl(contentRef.current);\n  });\n\n  // Track the user's position: at (or near) the bottom means \"pinned\".\n  React.useEffect(() => {\n    if (disabled) return;\n    const el = containerEl;\n    if (!el) return;\n\n    const handleScroll = () => {\n      const anchorTarget = anchorTargetRef.current;\n      if (anchorTarget != null) {\n        const distance = Math.abs(el.scrollTop - anchorTarget);\n        if (distance < 2) {\n          anchorTargetRef.current = null; // arrived — handle normally\n        } else if (distance > anchorDistanceRef.current + 1) {\n          anchorTargetRef.current = null; // user took over mid-animation\n        } else {\n          anchorDistanceRef.current = distance;\n          return; // the animation's own events don't change pinning\n        }\n      }\n      const atBottom =\n        el.scrollHeight - el.scrollTop - el.clientHeight <= threshold;\n      if (!atBottom) readingRef.current = false;\n      pinnedRef.current = atBottom && !readingRef.current;\n      setIsAtBottom(atBottom);\n    };\n\n    // A freshly attached node starts at `scrollTop` 0 — re-assert carried-over\n    // pinning (e.g. across SuperChat's plain ⇄ virtualized swap) instead of\n    // letting the initial read demote a pinned reader to \"scrolled up\".\n    if (pinnedRef.current) pinToBottom(el);\n    handleScroll(); // initial position\n    el.addEventListener('scroll', handleScroll, { passive: true });\n    return () => el.removeEventListener('scroll', handleScroll);\n  }, [containerEl, threshold, disabled]);\n\n  // While pinned, follow growth of the content (streaming tokens, appended\n  // rows) and shrinking of the container (on-screen keyboard, composer\n  // growing) so the newest content stays in view. While unpinned this\n  // observer never touches the scroll position.\n  React.useEffect(() => {\n    if (disabled) return;\n    const el = containerEl;\n    if (!el || typeof globalThis.ResizeObserver === 'undefined') return;\n\n    const observer = new globalThis.ResizeObserver(() => {\n      if (pinnedRef.current) {\n        pinToBottom(el);\n        return;\n      }\n      // Mid-anchor-animation the position is transient — judge nothing yet.\n      if (anchorTargetRef.current != null) return;\n      // Not following: growth can still silently carry the position away from\n      // the bottom (no scroll event fires), so recompute the state here — it\n      // drives the jump-to-bottom affordance and ends reading mode once the\n      // response outgrows its reserved space.\n      const atBottom =\n        el.scrollHeight - el.scrollTop - el.clientHeight <= threshold;\n      if (!atBottom) readingRef.current = false;\n      setIsAtBottom(atBottom);\n    });\n    observer.observe(el);\n    if (contentEl) observer.observe(contentEl);\n    return () => observer.disconnect();\n  }, [containerEl, contentEl, threshold, disabled]);\n\n  const scrollToBottom = React.useCallback(\n    (behavior: ScrollBehavior = 'auto') => {\n      const el = containerRef.current;\n      if (!el) return;\n      // Pin immediately so a concurrent stream keeps following while a\n      // smooth scroll animates down.\n      readingRef.current = false;\n      anchorTargetRef.current = null;\n      pinnedRef.current = true;\n      setIsAtBottom(true);\n      if (typeof el.scrollTo === 'function') {\n        el.scrollTo({ top: el.scrollHeight, behavior });\n      } else {\n        pinToBottom(el); // jsdom fallback\n      }\n    },\n    []\n  );\n\n  const anchorToTurnStart = React.useCallback(\n    (target: HTMLElement, behavior: ScrollBehavior = 'auto') => {\n      const el = containerRef.current;\n      if (!el) return;\n      readingRef.current = true;\n      pinnedRef.current = false;\n      // Clamp to the reachable range so the “arrived” check always resolves.\n      const top = Math.min(\n        target.getBoundingClientRect().top -\n          el.getBoundingClientRect().top +\n          el.scrollTop,\n        el.scrollHeight - el.clientHeight\n      );\n      // Already there: `scrollTo` emits no scroll event, so tracking an\n      // in-flight animation would swallow observer updates forever.\n      if (Math.abs(el.scrollTop - top) < 2) return;\n      anchorTargetRef.current = top;\n      anchorDistanceRef.current = Infinity;\n      if (typeof el.scrollTo === 'function') {\n        el.scrollTo({ top, behavior });\n      } else {\n        el.scrollTop = top; // jsdom fallback\n      }\n    },\n    []\n  );\n\n  const followIfPinned = React.useCallback(\n    (behavior: ScrollBehavior = 'auto') => {\n      if (!pinnedRef.current) return false;\n      scrollToBottom(behavior);\n      return true;\n    },\n    [scrollToBottom]\n  );\n\n  const stopFollowing = React.useCallback(() => {\n    readingRef.current = true;\n    pinnedRef.current = false;\n  }, []);\n\n  return {\n    containerRef,\n    contentRef,\n    isAtBottom,\n    scrollToBottom,\n    anchorToTurnStart,\n    followIfPinned,\n    stopFollowing,\n  };\n}\n\n/**\n * Companion to {@link useStickToBottom}: fires `onEnded` when the newest\n * message finishes streaming while the reader is away from the bottom — the\n * end of the reply landed below the fold, so the jump-to-bottom button should\n * upgrade to its “new messages” hint. When the whole reply fit above the fold\n * (the reader is still at the bottom), `onEndedAtBottom` fires instead so the\n * host can exit the stream's hold and resume following (`scrollToBottom`).\n */\nexport function useStreamEndedBelowFold(\n  newest: { id: string; status?: string } | undefined,\n  isAtBottom: boolean,\n  onEnded: () => void,\n  onEndedAtBottom?: () => void\n) {\n  const streamingIdRef = React.useRef<string | null>(null);\n  React.useEffect(() => {\n    if (newest?.status === 'streaming') {\n      streamingIdRef.current = newest.id;\n      return;\n    }\n    if (streamingIdRef.current && newest?.id === streamingIdRef.current) {\n      streamingIdRef.current = null;\n      if (!isAtBottom) onEnded();\n      else onEndedAtBottom?.();\n    }\n  }, [newest, isAtBottom, onEnded, onEndedAtBottom]);\n}\n"]}