@tutti-os/analytics-debug 0.0.248

package/LICENSE

@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright 2025-2026 The Tutti Authors
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

package/README.md

@@ -0,0 +1,32 @@
+# `@tutti-os/analytics-debug`
+
+Host-agnostic storage and React UI for inspecting analytics events.
+
+The package does not connect to a daemon, choose a feature flag, or own product
+translations. Each host adapts its own event stream into
+`AnalyticsDebugEventStore` and supplies localized labels to the React panel.
+This keeps Tutti and TSH transport policy independent while sharing bounded
+storage, redaction, rendering, and floating-panel behavior.
+
+```ts
+import { AnalyticsDebugEventStore } from "@tutti-os/analytics-debug";
+import { AnalyticsDebugFloatingEntry } from "@tutti-os/analytics-debug/react";
+
+const store = new AnalyticsDebugEventStore({
+  redact: (event) => event
+});
+
+eventSource.subscribe((events) => store.recordEvents(events));
+```
+
+Hosts must load `@tutti-os/ui-system/styles.css` and include the published debug
+bundle in Tailwind v4 source discovery. Adjust the relative path for the host
+stylesheet, for example:
+
+```css
+@source "../node_modules/@tutti-os/analytics-debug/dist";
+```
+
+Events are kept in memory only. The default limit is 200 events. Hosts that may
+receive sensitive parameters should supply a `redact` function before exposing
+the panel.

package/dist/chunk-P6SYGHVV.js

@@ -0,0 +1,41 @@
+// src/react/floatingPosition.ts
+var FLOATING_VIEWPORT_MARGIN = 8;
+var FLOATING_DRAG_THRESHOLD = 5;
+function resolveAnalyticsDebugFloatingPosition({
+  floatingSize,
+  pointerCurrent,
+  pointerStart,
+  startPosition,
+  viewport
+}) {
+  return {
+    left: clamp(
+      startPosition.left + pointerCurrent.x - pointerStart.x,
+      FLOATING_VIEWPORT_MARGIN,
+      viewport.width - floatingSize.width - FLOATING_VIEWPORT_MARGIN
+    ),
+    top: clamp(
+      startPosition.top + pointerCurrent.y - pointerStart.y,
+      FLOATING_VIEWPORT_MARGIN,
+      viewport.height - floatingSize.height - FLOATING_VIEWPORT_MARGIN
+    )
+  };
+}
+function hasAnalyticsDebugFloatingDragMoved({
+  pointerCurrent,
+  pointerStart
+}) {
+  return Math.hypot(
+    pointerCurrent.x - pointerStart.x,
+    pointerCurrent.y - pointerStart.y
+  ) > FLOATING_DRAG_THRESHOLD;
+}
+function clamp(value, min, max) {
+  return Math.min(Math.max(value, min), max);
+}
+
+export {
+  resolveAnalyticsDebugFloatingPosition,
+  hasAnalyticsDebugFloatingDragMoved
+};
+//# sourceMappingURL=chunk-P6SYGHVV.js.map

package/dist/chunk-P6SYGHVV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/react/floatingPosition.ts"],"sourcesContent":["const FLOATING_VIEWPORT_MARGIN = 8;\nconst FLOATING_DRAG_THRESHOLD = 5;\n\nexport interface AnalyticsDebugPoint {\n  x: number;\n  y: number;\n}\n\nexport interface AnalyticsDebugPosition {\n  left: number;\n  top: number;\n}\n\nexport interface AnalyticsDebugSize {\n  height: number;\n  width: number;\n}\n\nexport interface ResolveAnalyticsDebugFloatingPositionInput {\n  floatingSize: AnalyticsDebugSize;\n  pointerCurrent: AnalyticsDebugPoint;\n  pointerStart: AnalyticsDebugPoint;\n  startPosition: AnalyticsDebugPosition;\n  viewport: AnalyticsDebugSize;\n}\n\nexport function resolveAnalyticsDebugFloatingPosition({\n  floatingSize,\n  pointerCurrent,\n  pointerStart,\n  startPosition,\n  viewport\n}: ResolveAnalyticsDebugFloatingPositionInput): AnalyticsDebugPosition {\n  return {\n    left: clamp(\n      startPosition.left + pointerCurrent.x - pointerStart.x,\n      FLOATING_VIEWPORT_MARGIN,\n      viewport.width - floatingSize.width - FLOATING_VIEWPORT_MARGIN\n    ),\n    top: clamp(\n      startPosition.top + pointerCurrent.y - pointerStart.y,\n      FLOATING_VIEWPORT_MARGIN,\n      viewport.height - floatingSize.height - FLOATING_VIEWPORT_MARGIN\n    )\n  };\n}\n\nexport function hasAnalyticsDebugFloatingDragMoved({\n  pointerCurrent,\n  pointerStart\n}: Pick<\n  ResolveAnalyticsDebugFloatingPositionInput,\n  \"pointerCurrent\" | \"pointerStart\"\n>): boolean {\n  return (\n    Math.hypot(\n      pointerCurrent.x - pointerStart.x,\n      pointerCurrent.y - pointerStart.y\n    ) > FLOATING_DRAG_THRESHOLD\n  );\n}\n\nfunction clamp(value: number, min: number, max: number): number {\n  return Math.min(Math.max(value, min), max);\n}\n"],"mappings":";AAAA,IAAM,2BAA2B;AACjC,IAAM,0BAA0B;AAyBzB,SAAS,sCAAsC;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAuE;AACrE,SAAO;AAAA,IACL,MAAM;AAAA,MACJ,cAAc,OAAO,eAAe,IAAI,aAAa;AAAA,MACrD;AAAA,MACA,SAAS,QAAQ,aAAa,QAAQ;AAAA,IACxC;AAAA,IACA,KAAK;AAAA,MACH,cAAc,MAAM,eAAe,IAAI,aAAa;AAAA,MACpD;AAAA,MACA,SAAS,SAAS,aAAa,SAAS;AAAA,IAC1C;AAAA,EACF;AACF;AAEO,SAAS,mCAAmC;AAAA,EACjD;AAAA,EACA;AACF,GAGY;AACV,SACE,KAAK;AAAA,IACH,eAAe,IAAI,aAAa;AAAA,IAChC,eAAe,IAAI,aAAa;AAAA,EAClC,IAAI;AAER;AAEA,SAAS,MAAM,OAAe,KAAa,KAAqB;AAC9D,SAAO,KAAK,IAAI,KAAK,IAAI,OAAO,GAAG,GAAG,GAAG;AAC3C;","names":[]}

package/dist/index.d.ts

@@ -0,0 +1,58 @@
+import { AnalyticsTransportEvent } from '@tutti-os/analytics';
+
+type AnalyticsDebugEvent = AnalyticsTransportEvent;
+type AnalyticsDebugEventSnapshot = readonly AnalyticsDebugEvent[];
+interface AnalyticsDebugEventStoreContract {
+    clear(): void;
+    getSnapshot(): AnalyticsDebugEventSnapshot;
+    recordEvents(events: readonly AnalyticsDebugEvent[]): void;
+    subscribe(listener: () => void): () => void;
+}
+type AnalyticsDebugEventRedactor = (event: AnalyticsDebugEvent) => AnalyticsDebugEvent | null;
+interface AnalyticsDebugEventStoreOptions {
+    maxEvents?: number;
+    redact?: AnalyticsDebugEventRedactor;
+}
+/**
+ * Bounded, in-memory analytics event store.
+ *
+ * Transport connection and availability policy intentionally stay in the
+ * product host. Redaction runs before an event enters the store.
+ */
+declare class AnalyticsDebugEventStore implements AnalyticsDebugEventStoreContract {
+    private events;
+    private readonly listeners;
+    private readonly maxEvents;
+    private readonly redact;
+    constructor(options?: AnalyticsDebugEventStoreOptions);
+    clear(): void;
+    dispose(): void;
+    getSnapshot(): AnalyticsDebugEventSnapshot;
+    recordEvents(events: readonly AnalyticsDebugEvent[]): void;
+    subscribe(listener: () => void): () => void;
+    private emit;
+}
+
+interface AnalyticsDebugPoint {
+    x: number;
+    y: number;
+}
+interface AnalyticsDebugPosition {
+    left: number;
+    top: number;
+}
+interface AnalyticsDebugSize {
+    height: number;
+    width: number;
+}
+interface ResolveAnalyticsDebugFloatingPositionInput {
+    floatingSize: AnalyticsDebugSize;
+    pointerCurrent: AnalyticsDebugPoint;
+    pointerStart: AnalyticsDebugPoint;
+    startPosition: AnalyticsDebugPosition;
+    viewport: AnalyticsDebugSize;
+}
+declare function resolveAnalyticsDebugFloatingPosition({ floatingSize, pointerCurrent, pointerStart, startPosition, viewport }: ResolveAnalyticsDebugFloatingPositionInput): AnalyticsDebugPosition;
+declare function hasAnalyticsDebugFloatingDragMoved({ pointerCurrent, pointerStart }: Pick<ResolveAnalyticsDebugFloatingPositionInput, "pointerCurrent" | "pointerStart">): boolean;
+
+export { type AnalyticsDebugEvent, type AnalyticsDebugEventRedactor, type AnalyticsDebugEventSnapshot, AnalyticsDebugEventStore, type AnalyticsDebugEventStoreContract, type AnalyticsDebugEventStoreOptions, type AnalyticsDebugPoint, type AnalyticsDebugPosition, type AnalyticsDebugSize, type ResolveAnalyticsDebugFloatingPositionInput, hasAnalyticsDebugFloatingDragMoved, resolveAnalyticsDebugFloatingPosition };

package/dist/index.js

@@ -0,0 +1,106 @@
+import {
+  hasAnalyticsDebugFloatingDragMoved,
+  resolveAnalyticsDebugFloatingPosition
+} from "./chunk-P6SYGHVV.js";
+
+// src/eventStore.ts
+var DEFAULT_MAX_EVENTS = 200;
+var AnalyticsDebugEventStore = class {
+  events = Object.freeze([]);
+  listeners = /* @__PURE__ */ new Set();
+  maxEvents;
+  redact;
+  constructor(options = {}) {
+    this.maxEvents = normalizeMaxEvents(options.maxEvents);
+    this.redact = options.redact ?? cloneAnalyticsDebugEvent;
+  }
+  clear() {
+    if (this.events.length === 0) {
+      return;
+    }
+    this.events = Object.freeze([]);
+    this.emit();
+  }
+  dispose() {
+    this.listeners.clear();
+  }
+  getSnapshot() {
+    return this.events;
+  }
+  recordEvents(events) {
+    if (events.length === 0) {
+      return;
+    }
+    const accepted = [];
+    for (const event of events) {
+      try {
+        const redacted = this.redact(cloneAnalyticsDebugEvent(event));
+        if (redacted) {
+          accepted.push(
+            freezeAnalyticsDebugEvent(cloneAnalyticsDebugEvent(redacted))
+          );
+        }
+      } catch {
+      }
+    }
+    if (accepted.length === 0) {
+      return;
+    }
+    this.events = Object.freeze(
+      [...this.events, ...accepted].slice(-this.maxEvents)
+    );
+    this.emit();
+  }
+  subscribe(listener) {
+    this.listeners.add(listener);
+    return () => {
+      this.listeners.delete(listener);
+    };
+  }
+  emit() {
+    for (const listener of this.listeners) {
+      try {
+        listener();
+      } catch {
+      }
+    }
+  }
+};
+function normalizeMaxEvents(value) {
+  if (value === void 0) {
+    return DEFAULT_MAX_EVENTS;
+  }
+  if (!Number.isSafeInteger(value) || value <= 0) {
+    throw new RangeError(
+      "analytics debug maxEvents must be a positive integer"
+    );
+  }
+  return value;
+}
+function cloneAnalyticsDebugEvent(event) {
+  return {
+    clientTS: event.clientTS,
+    name: event.name,
+    ...event.params !== void 0 ? { params: structuredClone(event.params) } : {}
+  };
+}
+function freezeAnalyticsDebugEvent(event) {
+  deepFreeze(event);
+  return event;
+}
+function deepFreeze(value, seen = /* @__PURE__ */ new WeakSet()) {
+  if (typeof value !== "object" && typeof value !== "function" || value === null || seen.has(value)) {
+    return;
+  }
+  seen.add(value);
+  for (const propertyValue of Object.values(value)) {
+    deepFreeze(propertyValue, seen);
+  }
+  Object.freeze(value);
+}
+export {
+  AnalyticsDebugEventStore,
+  hasAnalyticsDebugFloatingDragMoved,
+  resolveAnalyticsDebugFloatingPosition
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/eventStore.ts"],"sourcesContent":["import type { AnalyticsTransportEvent } from \"@tutti-os/analytics\";\n\nexport type AnalyticsDebugEvent = AnalyticsTransportEvent;\nexport type AnalyticsDebugEventSnapshot = readonly AnalyticsDebugEvent[];\n\nexport interface AnalyticsDebugEventStoreContract {\n  clear(): void;\n  getSnapshot(): AnalyticsDebugEventSnapshot;\n  recordEvents(events: readonly AnalyticsDebugEvent[]): void;\n  subscribe(listener: () => void): () => void;\n}\n\nexport type AnalyticsDebugEventRedactor = (\n  event: AnalyticsDebugEvent\n) => AnalyticsDebugEvent | null;\n\nexport interface AnalyticsDebugEventStoreOptions {\n  maxEvents?: number;\n  redact?: AnalyticsDebugEventRedactor;\n}\n\nconst DEFAULT_MAX_EVENTS = 200;\n\n/**\n * Bounded, in-memory analytics event store.\n *\n * Transport connection and availability policy intentionally stay in the\n * product host. Redaction runs before an event enters the store.\n */\nexport class AnalyticsDebugEventStore implements AnalyticsDebugEventStoreContract {\n  private events: AnalyticsDebugEventSnapshot = Object.freeze([]);\n  private readonly listeners = new Set<() => void>();\n  private readonly maxEvents: number;\n  private readonly redact: AnalyticsDebugEventRedactor;\n\n  constructor(options: AnalyticsDebugEventStoreOptions = {}) {\n    this.maxEvents = normalizeMaxEvents(options.maxEvents);\n    this.redact = options.redact ?? cloneAnalyticsDebugEvent;\n  }\n\n  clear(): void {\n    if (this.events.length === 0) {\n      return;\n    }\n\n    this.events = Object.freeze([]);\n    this.emit();\n  }\n\n  dispose(): void {\n    this.listeners.clear();\n  }\n\n  getSnapshot(): AnalyticsDebugEventSnapshot {\n    return this.events;\n  }\n\n  recordEvents(events: readonly AnalyticsDebugEvent[]): void {\n    if (events.length === 0) {\n      return;\n    }\n\n    const accepted: AnalyticsDebugEvent[] = [];\n    for (const event of events) {\n      try {\n        const redacted = this.redact(cloneAnalyticsDebugEvent(event));\n        if (redacted) {\n          accepted.push(\n            freezeAnalyticsDebugEvent(cloneAnalyticsDebugEvent(redacted))\n          );\n        }\n      } catch {\n        // A host redactor must not interrupt event reporting or panel updates.\n      }\n    }\n    if (accepted.length === 0) {\n      return;\n    }\n\n    this.events = Object.freeze(\n      [...this.events, ...accepted].slice(-this.maxEvents)\n    );\n    this.emit();\n  }\n\n  subscribe(listener: () => void): () => void {\n    this.listeners.add(listener);\n\n    return () => {\n      this.listeners.delete(listener);\n    };\n  }\n\n  private emit(): void {\n    for (const listener of this.listeners) {\n      try {\n        listener();\n      } catch {\n        // One debug consumer must not break reporting or other consumers.\n      }\n    }\n  }\n}\n\nfunction normalizeMaxEvents(value: number | undefined): number {\n  if (value === undefined) {\n    return DEFAULT_MAX_EVENTS;\n  }\n  if (!Number.isSafeInteger(value) || value <= 0) {\n    throw new RangeError(\n      \"analytics debug maxEvents must be a positive integer\"\n    );\n  }\n  return value;\n}\n\nfunction cloneAnalyticsDebugEvent(\n  event: AnalyticsDebugEvent\n): AnalyticsDebugEvent {\n  return {\n    clientTS: event.clientTS,\n    name: event.name,\n    ...(event.params !== undefined\n      ? { params: structuredClone(event.params) }\n      : {})\n  };\n}\n\nfunction freezeAnalyticsDebugEvent(\n  event: AnalyticsDebugEvent\n): AnalyticsDebugEvent {\n  deepFreeze(event);\n  return event;\n}\n\nfunction deepFreeze(value: unknown, seen = new WeakSet<object>()): void {\n  if (\n    (typeof value !== \"object\" && typeof value !== \"function\") ||\n    value === null ||\n    seen.has(value)\n  ) {\n    return;\n  }\n\n  seen.add(value);\n  for (const propertyValue of Object.values(value)) {\n    deepFreeze(propertyValue, seen);\n  }\n  Object.freeze(value);\n}\n"],"mappings":";;;;;;AAqBA,IAAM,qBAAqB;AAQpB,IAAM,2BAAN,MAA2E;AAAA,EACxE,SAAsC,OAAO,OAAO,CAAC,CAAC;AAAA,EAC7C,YAAY,oBAAI,IAAgB;AAAA,EAChC;AAAA,EACA;AAAA,EAEjB,YAAY,UAA2C,CAAC,GAAG;AACzD,SAAK,YAAY,mBAAmB,QAAQ,SAAS;AACrD,SAAK,SAAS,QAAQ,UAAU;AAAA,EAClC;AAAA,EAEA,QAAc;AACZ,QAAI,KAAK,OAAO,WAAW,GAAG;AAC5B;AAAA,IACF;AAEA,SAAK,SAAS,OAAO,OAAO,CAAC,CAAC;AAC9B,SAAK,KAAK;AAAA,EACZ;AAAA,EAEA,UAAgB;AACd,SAAK,UAAU,MAAM;AAAA,EACvB;AAAA,EAEA,cAA2C;AACzC,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,aAAa,QAA8C;AACzD,QAAI,OAAO,WAAW,GAAG;AACvB;AAAA,IACF;AAEA,UAAM,WAAkC,CAAC;AACzC,eAAW,SAAS,QAAQ;AAC1B,UAAI;AACF,cAAM,WAAW,KAAK,OAAO,yBAAyB,KAAK,CAAC;AAC5D,YAAI,UAAU;AACZ,mBAAS;AAAA,YACP,0BAA0B,yBAAyB,QAAQ,CAAC;AAAA,UAC9D;AAAA,QACF;AAAA,MACF,QAAQ;AAAA,MAER;AAAA,IACF;AACA,QAAI,SAAS,WAAW,GAAG;AACzB;AAAA,IACF;AAEA,SAAK,SAAS,OAAO;AAAA,MACnB,CAAC,GAAG,KAAK,QAAQ,GAAG,QAAQ,EAAE,MAAM,CAAC,KAAK,SAAS;AAAA,IACrD;AACA,SAAK,KAAK;AAAA,EACZ;AAAA,EAEA,UAAU,UAAkC;AAC1C,SAAK,UAAU,IAAI,QAAQ;AAE3B,WAAO,MAAM;AACX,WAAK,UAAU,OAAO,QAAQ;AAAA,IAChC;AAAA,EACF;AAAA,EAEQ,OAAa;AACnB,eAAW,YAAY,KAAK,WAAW;AACrC,UAAI;AACF,iBAAS;AAAA,MACX,QAAQ;AAAA,MAER;AAAA,IACF;AAAA,EACF;AACF;AAEA,SAAS,mBAAmB,OAAmC;AAC7D,MAAI,UAAU,QAAW;AACvB,WAAO;AAAA,EACT;AACA,MAAI,CAAC,OAAO,cAAc,KAAK,KAAK,SAAS,GAAG;AAC9C,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;AAEA,SAAS,yBACP,OACqB;AACrB,SAAO;AAAA,IACL,UAAU,MAAM;AAAA,IAChB,MAAM,MAAM;AAAA,IACZ,GAAI,MAAM,WAAW,SACjB,EAAE,QAAQ,gBAAgB,MAAM,MAAM,EAAE,IACxC,CAAC;AAAA,EACP;AACF;AAEA,SAAS,0BACP,OACqB;AACrB,aAAW,KAAK;AAChB,SAAO;AACT;AAEA,SAAS,WAAW,OAAgB,OAAO,oBAAI,QAAgB,GAAS;AACtE,MACG,OAAO,UAAU,YAAY,OAAO,UAAU,cAC/C,UAAU,QACV,KAAK,IAAI,KAAK,GACd;AACA;AAAA,EACF;AAEA,OAAK,IAAI,KAAK;AACd,aAAW,iBAAiB,OAAO,OAAO,KAAK,GAAG;AAChD,eAAW,eAAe,IAAI;AAAA,EAChC;AACA,SAAO,OAAO,KAAK;AACrB;","names":[]}

package/dist/react/index.d.ts

@@ -0,0 +1,22 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { AnalyticsDebugEventStoreContract } from '../index.js';
+export { AnalyticsDebugPoint, AnalyticsDebugPosition, AnalyticsDebugSize, ResolveAnalyticsDebugFloatingPositionInput, hasAnalyticsDebugFloatingDragMoved, resolveAnalyticsDebugFloatingPosition } from '../index.js';
+import '@tutti-os/analytics';
+
+interface AnalyticsDebugLabels {
+    clear: string;
+    clientTimestamp(value: number): string;
+    close: string;
+    count(value: number): string;
+    empty: string;
+    open: string;
+    title: string;
+}
+interface AnalyticsDebugFloatingEntryProps {
+    labels: AnalyticsDebugLabels;
+    store: AnalyticsDebugEventStoreContract;
+    formatEventTime?: (timestamp: number) => string;
+}
+declare function AnalyticsDebugFloatingEntry({ formatEventTime, labels, store }: AnalyticsDebugFloatingEntryProps): react_jsx_runtime.JSX.Element;
+
+export { AnalyticsDebugFloatingEntry, type AnalyticsDebugFloatingEntryProps, type AnalyticsDebugLabels };

package/dist/react/index.js

@@ -0,0 +1,240 @@
+import {
+  hasAnalyticsDebugFloatingDragMoved,
+  resolveAnalyticsDebugFloatingPosition
+} from "../chunk-P6SYGHVV.js";
+
+// src/react/AnalyticsDebugFloatingEntry.tsx
+import {
+  useCallback,
+  useMemo,
+  useRef,
+  useState,
+  useSyncExternalStore
+} from "react";
+import {
+  Badge,
+  Button,
+  CloseIcon,
+  DeleteIcon,
+  HealthIcon,
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+  ScrollArea
+} from "@tutti-os/ui-system";
+import { jsx, jsxs } from "react/jsx-runtime";
+function AnalyticsDebugFloatingEntry({
+  formatEventTime = defaultFormatEventTime,
+  labels,
+  store
+}) {
+  const [position, setPosition] = useState(null);
+  const [panelOpen, setPanelOpen] = useState(false);
+  const dragSessionRef = useRef(null);
+  const suppressNextClickRef = useRef(false);
+  const subscribe = useCallback(
+    (listener) => store.subscribe(listener),
+    [store]
+  );
+  const getSnapshot = useCallback(() => store.getSnapshot(), [store]);
+  const events = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
+  const orderedEvents = useMemo(() => [...events].reverse(), [events]);
+  const handlePointerDown = useCallback(
+    (event) => {
+      if (event.button !== 0) {
+        return;
+      }
+      const rect = event.currentTarget.getBoundingClientRect();
+      dragSessionRef.current = {
+        dragging: false,
+        floatingSize: {
+          height: rect.height,
+          width: rect.width
+        },
+        pointerStart: {
+          x: event.clientX,
+          y: event.clientY
+        },
+        startPosition: {
+          left: rect.left,
+          top: rect.top
+        }
+      };
+      event.currentTarget.setPointerCapture(event.pointerId);
+    },
+    []
+  );
+  const handlePointerMove = useCallback(
+    (event) => {
+      const dragSession = dragSessionRef.current;
+      if (!dragSession) {
+        return;
+      }
+      const pointerCurrent = {
+        x: event.clientX,
+        y: event.clientY
+      };
+      const dragging = dragSession.dragging || hasAnalyticsDebugFloatingDragMoved({
+        pointerCurrent,
+        pointerStart: dragSession.pointerStart
+      });
+      if (!dragging) {
+        return;
+      }
+      dragSession.dragging = true;
+      suppressNextClickRef.current = true;
+      setPosition(
+        resolveAnalyticsDebugFloatingPosition({
+          floatingSize: dragSession.floatingSize,
+          pointerCurrent,
+          pointerStart: dragSession.pointerStart,
+          startPosition: dragSession.startPosition,
+          viewport: {
+            height: window.innerHeight,
+            width: window.innerWidth
+          }
+        })
+      );
+    },
+    []
+  );
+  const handlePointerEnd = useCallback(
+    (event) => {
+      if (event.currentTarget.hasPointerCapture(event.pointerId)) {
+        event.currentTarget.releasePointerCapture(event.pointerId);
+      }
+      dragSessionRef.current = null;
+    },
+    []
+  );
+  const handleClickCapture = useCallback(
+    (event) => {
+      if (!suppressNextClickRef.current) {
+        return;
+      }
+      suppressNextClickRef.current = false;
+      event.preventDefault();
+      event.stopPropagation();
+    },
+    []
+  );
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "fixed right-4 bottom-4 z-[var(--z-dialog-popover)]",
+      "data-analytics-debug-floating-root": "true",
+      style: position ? {
+        bottom: "auto",
+        left: position.left,
+        right: "auto",
+        top: position.top
+      } : void 0,
+      children: /* @__PURE__ */ jsxs(Popover, { open: panelOpen, onOpenChange: setPanelOpen, children: [
+        /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+          Button,
+          {
+            "aria-label": labels.open,
+            className: "relative size-11 touch-none rounded-full border border-[var(--border-1)] bg-[var(--background-fronted)] text-[var(--text-primary)] shadow-soft hover:bg-[var(--background-hover)]",
+            onClickCapture: handleClickCapture,
+            onPointerCancel: handlePointerEnd,
+            onPointerDown: handlePointerDown,
+            onPointerMove: handlePointerMove,
+            onPointerUp: handlePointerEnd,
+            size: "icon-lg",
+            variant: "outline",
+            children: [
+              /* @__PURE__ */ jsx(HealthIcon, { size: 18 }),
+              events.length > 0 ? /* @__PURE__ */ jsx("span", { className: "absolute -top-1 -right-1 flex min-w-5 items-center justify-center rounded-full bg-[var(--accent-bg)] px-1 text-[10px] leading-5 text-[var(--accent)]", children: events.length }) : null
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsxs(
+          PopoverContent,
+          {
+            align: "end",
+            className: "w-[min(420px,calc(100vw-32px))] gap-0 p-0",
+            "data-analytics-debug-floating-panel": "true",
+            onInteractOutside: (event) => {
+              event.preventDefault();
+            },
+            side: "top",
+            sideOffset: 10,
+            style: { zIndex: "var(--z-dialog-popover)" },
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-2 border-b border-[var(--border-1)] px-3 py-2", children: [
+                /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+                  /* @__PURE__ */ jsx("div", { className: "truncate text-[13px] font-medium text-[var(--text-primary)]", children: labels.title }),
+                  /* @__PURE__ */ jsx("div", { className: "text-[11px] text-[var(--text-tertiary)]", children: labels.count(events.length) })
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [
+                  /* @__PURE__ */ jsxs(
+                    Button,
+                    {
+                      disabled: events.length === 0,
+                      onClick: () => store.clear(),
+                      size: "sm",
+                      variant: "ghost",
+                      children: [
+                        /* @__PURE__ */ jsx(DeleteIcon, { size: 14 }),
+                        labels.clear
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      "aria-label": labels.close,
+                      onClick: () => setPanelOpen(false),
+                      size: "icon-sm",
+                      title: labels.close,
+                      type: "button",
+                      variant: "ghost",
+                      children: /* @__PURE__ */ jsx(CloseIcon, { className: "size-4" })
+                    }
+                  )
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx(ScrollArea, { className: "h-[min(420px,calc(100vh-120px))]", children: orderedEvents.length === 0 ? /* @__PURE__ */ jsx("div", { className: "px-3 py-8 text-center text-[13px] text-[var(--text-tertiary)]", children: labels.empty }) : /* @__PURE__ */ jsx("div", { className: "divide-y divide-[var(--border-1)]", children: orderedEvents.map((event, index) => /* @__PURE__ */ jsxs(
+                "article",
+                {
+                  className: "px-3 py-2.5",
+                  children: [
+                    /* @__PURE__ */ jsxs("div", { className: "mb-1 flex items-center justify-between gap-2", children: [
+                      /* @__PURE__ */ jsx("div", { className: "min-w-0 truncate text-[13px] font-medium text-[var(--text-primary)]", children: event.name }),
+                      /* @__PURE__ */ jsx(Badge, { className: "shrink-0", variant: "secondary", children: formatEventTime(event.clientTS) })
+                    ] }),
+                    /* @__PURE__ */ jsx("div", { className: "mb-1 text-[11px] text-[var(--text-tertiary)]", children: labels.clientTimestamp(event.clientTS) }),
+                    /* @__PURE__ */ jsx("pre", { className: "max-w-full whitespace-pre-wrap break-words rounded-md bg-[var(--transparency-block)] p-2 text-[11px] leading-4 text-[var(--text-secondary)] [overflow-wrap:anywhere]", children: formatParams(event.params) })
+                  ]
+                },
+                `${event.name}-${event.clientTS}-${index}`
+              )) }) })
+            ]
+          }
+        )
+      ] })
+    }
+  );
+}
+function defaultFormatEventTime(timestamp) {
+  if (!Number.isFinite(timestamp) || timestamp <= 0) {
+    return "--:--:--";
+  }
+  return new Date(timestamp).toLocaleTimeString();
+}
+function formatParams(params) {
+  if (!params || typeof params !== "object") {
+    return "{}";
+  }
+  try {
+    return JSON.stringify(params, null, 2);
+  } catch {
+    return "{}";
+  }
+}
+export {
+  AnalyticsDebugFloatingEntry,
+  hasAnalyticsDebugFloatingDragMoved,
+  resolveAnalyticsDebugFloatingPosition
+};
+//# sourceMappingURL=index.js.map

package/dist/react/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/react/AnalyticsDebugFloatingEntry.tsx"],"sourcesContent":["import {\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n  useSyncExternalStore,\n  type MouseEvent as ReactMouseEvent,\n  type PointerEvent as ReactPointerEvent\n} from \"react\";\nimport {\n  Badge,\n  Button,\n  CloseIcon,\n  DeleteIcon,\n  HealthIcon,\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n  ScrollArea\n} from \"@tutti-os/ui-system\";\n\nimport type { AnalyticsDebugEventStoreContract } from \"../eventStore.ts\";\nimport {\n  hasAnalyticsDebugFloatingDragMoved,\n  resolveAnalyticsDebugFloatingPosition,\n  type AnalyticsDebugPosition\n} from \"./floatingPosition.ts\";\n\nexport interface AnalyticsDebugLabels {\n  clear: string;\n  clientTimestamp(value: number): string;\n  close: string;\n  count(value: number): string;\n  empty: string;\n  open: string;\n  title: string;\n}\n\nexport interface AnalyticsDebugFloatingEntryProps {\n  labels: AnalyticsDebugLabels;\n  store: AnalyticsDebugEventStoreContract;\n  formatEventTime?: (timestamp: number) => string;\n}\n\ninterface DragSession {\n  dragging: boolean;\n  floatingSize: {\n    height: number;\n    width: number;\n  };\n  pointerStart: {\n    x: number;\n    y: number;\n  };\n  startPosition: AnalyticsDebugPosition;\n}\n\nexport function AnalyticsDebugFloatingEntry({\n  formatEventTime = defaultFormatEventTime,\n  labels,\n  store\n}: AnalyticsDebugFloatingEntryProps) {\n  const [position, setPosition] = useState<AnalyticsDebugPosition | null>(null);\n  const [panelOpen, setPanelOpen] = useState(false);\n  const dragSessionRef = useRef<DragSession | null>(null);\n  const suppressNextClickRef = useRef(false);\n  const subscribe = useCallback(\n    (listener: () => void) => store.subscribe(listener),\n    [store]\n  );\n  const getSnapshot = useCallback(() => store.getSnapshot(), [store]);\n  const events = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);\n  const orderedEvents = useMemo(() => [...events].reverse(), [events]);\n  const handlePointerDown = useCallback(\n    (event: ReactPointerEvent<HTMLButtonElement>) => {\n      if (event.button !== 0) {\n        return;\n      }\n\n      const rect = event.currentTarget.getBoundingClientRect();\n      dragSessionRef.current = {\n        dragging: false,\n        floatingSize: {\n          height: rect.height,\n          width: rect.width\n        },\n        pointerStart: {\n          x: event.clientX,\n          y: event.clientY\n        },\n        startPosition: {\n          left: rect.left,\n          top: rect.top\n        }\n      };\n      event.currentTarget.setPointerCapture(event.pointerId);\n    },\n    []\n  );\n  const handlePointerMove = useCallback(\n    (event: ReactPointerEvent<HTMLButtonElement>) => {\n      const dragSession = dragSessionRef.current;\n      if (!dragSession) {\n        return;\n      }\n\n      const pointerCurrent = {\n        x: event.clientX,\n        y: event.clientY\n      };\n      const dragging =\n        dragSession.dragging ||\n        hasAnalyticsDebugFloatingDragMoved({\n          pointerCurrent,\n          pointerStart: dragSession.pointerStart\n        });\n      if (!dragging) {\n        return;\n      }\n\n      dragSession.dragging = true;\n      suppressNextClickRef.current = true;\n      setPosition(\n        resolveAnalyticsDebugFloatingPosition({\n          floatingSize: dragSession.floatingSize,\n          pointerCurrent,\n          pointerStart: dragSession.pointerStart,\n          startPosition: dragSession.startPosition,\n          viewport: {\n            height: window.innerHeight,\n            width: window.innerWidth\n          }\n        })\n      );\n    },\n    []\n  );\n  const handlePointerEnd = useCallback(\n    (event: ReactPointerEvent<HTMLButtonElement>) => {\n      if (event.currentTarget.hasPointerCapture(event.pointerId)) {\n        event.currentTarget.releasePointerCapture(event.pointerId);\n      }\n      dragSessionRef.current = null;\n    },\n    []\n  );\n  const handleClickCapture = useCallback(\n    (event: ReactMouseEvent<HTMLButtonElement>) => {\n      if (!suppressNextClickRef.current) {\n        return;\n      }\n\n      suppressNextClickRef.current = false;\n      event.preventDefault();\n      event.stopPropagation();\n    },\n    []\n  );\n\n  return (\n    <div\n      className=\"fixed right-4 bottom-4 z-[var(--z-dialog-popover)]\"\n      data-analytics-debug-floating-root=\"true\"\n      style={\n        position\n          ? {\n              bottom: \"auto\",\n              left: position.left,\n              right: \"auto\",\n              top: position.top\n            }\n          : undefined\n      }\n    >\n      <Popover open={panelOpen} onOpenChange={setPanelOpen}>\n        <PopoverTrigger asChild>\n          <Button\n            aria-label={labels.open}\n            className=\"relative size-11 touch-none rounded-full border border-[var(--border-1)] bg-[var(--background-fronted)] text-[var(--text-primary)] shadow-soft hover:bg-[var(--background-hover)]\"\n            onClickCapture={handleClickCapture}\n            onPointerCancel={handlePointerEnd}\n            onPointerDown={handlePointerDown}\n            onPointerMove={handlePointerMove}\n            onPointerUp={handlePointerEnd}\n            size=\"icon-lg\"\n            variant=\"outline\"\n          >\n            <HealthIcon size={18} />\n            {events.length > 0 ? (\n              <span className=\"absolute -top-1 -right-1 flex min-w-5 items-center justify-center rounded-full bg-[var(--accent-bg)] px-1 text-[10px] leading-5 text-[var(--accent)]\">\n                {events.length}\n              </span>\n            ) : null}\n          </Button>\n        </PopoverTrigger>\n        <PopoverContent\n          align=\"end\"\n          className=\"w-[min(420px,calc(100vw-32px))] gap-0 p-0\"\n          data-analytics-debug-floating-panel=\"true\"\n          onInteractOutside={(event) => {\n            event.preventDefault();\n          }}\n          side=\"top\"\n          sideOffset={10}\n          style={{ zIndex: \"var(--z-dialog-popover)\" }}\n        >\n          <div className=\"flex items-start justify-between gap-2 border-b border-[var(--border-1)] px-3 py-2\">\n            <div className=\"min-w-0\">\n              <div className=\"truncate text-[13px] font-medium text-[var(--text-primary)]\">\n                {labels.title}\n              </div>\n              <div className=\"text-[11px] text-[var(--text-tertiary)]\">\n                {labels.count(events.length)}\n              </div>\n            </div>\n            <div className=\"flex shrink-0 items-center gap-1\">\n              <Button\n                disabled={events.length === 0}\n                onClick={() => store.clear()}\n                size=\"sm\"\n                variant=\"ghost\"\n              >\n                <DeleteIcon size={14} />\n                {labels.clear}\n              </Button>\n              <Button\n                aria-label={labels.close}\n                onClick={() => setPanelOpen(false)}\n                size=\"icon-sm\"\n                title={labels.close}\n                type=\"button\"\n                variant=\"ghost\"\n              >\n                <CloseIcon className=\"size-4\" />\n              </Button>\n            </div>\n          </div>\n          <ScrollArea className=\"h-[min(420px,calc(100vh-120px))]\">\n            {orderedEvents.length === 0 ? (\n              <div className=\"px-3 py-8 text-center text-[13px] text-[var(--text-tertiary)]\">\n                {labels.empty}\n              </div>\n            ) : (\n              <div className=\"divide-y divide-[var(--border-1)]\">\n                {orderedEvents.map((event, index) => (\n                  <article\n                    className=\"px-3 py-2.5\"\n                    key={`${event.name}-${event.clientTS}-${index}`}\n                  >\n                    <div className=\"mb-1 flex items-center justify-between gap-2\">\n                      <div className=\"min-w-0 truncate text-[13px] font-medium text-[var(--text-primary)]\">\n                        {event.name}\n                      </div>\n                      <Badge className=\"shrink-0\" variant=\"secondary\">\n                        {formatEventTime(event.clientTS)}\n                      </Badge>\n                    </div>\n                    <div className=\"mb-1 text-[11px] text-[var(--text-tertiary)]\">\n                      {labels.clientTimestamp(event.clientTS)}\n                    </div>\n                    <pre className=\"max-w-full whitespace-pre-wrap break-words rounded-md bg-[var(--transparency-block)] p-2 text-[11px] leading-4 text-[var(--text-secondary)] [overflow-wrap:anywhere]\">\n                      {formatParams(event.params)}\n                    </pre>\n                  </article>\n                ))}\n              </div>\n            )}\n          </ScrollArea>\n        </PopoverContent>\n      </Popover>\n    </div>\n  );\n}\n\nfunction defaultFormatEventTime(timestamp: number): string {\n  if (!Number.isFinite(timestamp) || timestamp <= 0) {\n    return \"--:--:--\";\n  }\n\n  return new Date(timestamp).toLocaleTimeString();\n}\n\nfunction formatParams(params: unknown): string {\n  if (!params || typeof params !== \"object\") {\n    return \"{}\";\n  }\n\n  try {\n    return JSON.stringify(params, null, 2);\n  } catch {\n    return \"{}\";\n  }\n}\n"],"mappings":"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","names":[]}

package/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "@tutti-os/analytics-debug",
+  "version": "0.0.248",
+  "private": false,
+  "type": "module",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./react": {
+      "types": "./dist/react/index.d.ts",
+      "import": "./dist/react/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/tutti-os/tutti.git",
+    "directory": "packages/analytics/debug"
+  },
+  "dependencies": {
+    "@tutti-os/analytics": "0.0.248",
+    "@tutti-os/ui-system": "0.0.248"
+  },
+  "devDependencies": {
+    "@types/node": "^24.0.1",
+    "@types/react": "^19.1.6",
+    "@types/react-dom": "^19.1.5",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "typescript": "^5.8.3",
+    "@tutti-os/config-tsconfig": "0.0.0"
+  },
+  "peerDependencies": {
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0"
+  },
+  "tutti": {
+    "tailwindSourceRoot": "src"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsup --config tsup.config.ts",
+    "test": "node --test --experimental-strip-types \"./src/**/*.test.ts\"",
+    "typecheck": "node ../../../tools/scripts/run-tsgo-typecheck.mjs"
+  }
+}