@teja-app/ui 0.0.13 → 0.0.14

package/dist/index.cjs

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const useSidebar = require("./useSidebar-d1VZFhxd.cjs");
 const utils_index = require("./utils/index.cjs");
+const useInstrumentedClick = require("./useInstrumentedClick-COxikkTF.cjs");
 exports.useDebounce = useSidebar.useDebounce;
 exports.useDebouncedCallback = useSidebar.useDebouncedCallback;
 exports.useDebouncedCallbackWithControl = useSidebar.useDebouncedCallbackWithControl;
@@ -9,4 +10,8 @@ exports.useSelection = useSidebar.useSelection;
 exports.useSidebar = useSidebar.useSidebar;
 exports.useTable = useSidebar.useTable;
 exports.cn = utils_index.cn;
+exports.TrackerProvider = useInstrumentedClick.TrackerProvider;
+exports.noopTracker = useInstrumentedClick.noopTracker;
+exports.useInstrumentedClick = useInstrumentedClick.useInstrumentedClick;
+exports.useTracker = useInstrumentedClick.useTracker;
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/dist/index.d.ts

@@ -14,4 +14,5 @@
  */
 export * from './hooks';
 export { cn } from './utils';
+export * from './instrumentation';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAGH,cAAc,SAAS,CAAC;AAGxB,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAGH,cAAc,SAAS,CAAC;AAGxB,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAM7B,cAAc,mBAAmB,CAAC"}

package/dist/index.js

@@ -1,12 +1,17 @@
 import { u, a, b, c, d, e } from "./useSidebar-BWe09WbE.js";
 import { cn } from "./utils/index.js";
+import { T, n, u as u2, a as a2 } from "./useInstrumentedClick-B7QAnoBt.js";
 export {
+  T as TrackerProvider,
   cn,
+  n as noopTracker,
   u as useDebounce,
   a as useDebouncedCallback,
   b as useDebouncedCallbackWithControl,
+  u2 as useInstrumentedClick,
   c as useSelection,
   d as useSidebar,
-  e as useTable
+  e as useTable,
+  a2 as useTracker
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/instrumentation/context.d.ts

@@ -0,0 +1,9 @@
+import { type ReactNode } from 'react';
+import { type Tracker } from './tracker';
+export interface TrackerProviderProps {
+    tracker: Tracker;
+    children: ReactNode;
+}
+export declare function TrackerProvider({ tracker, children }: TrackerProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useTracker(): Tracker;
+//# sourceMappingURL=context.d.ts.map

package/dist/instrumentation/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/instrumentation/context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAElE,OAAO,EAAe,KAAK,OAAO,EAAE,MAAM,WAAW,CAAC;AAWtD,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,eAAe,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,oBAAoB,2CAM1E;AAED,wBAAgB,UAAU,IAAI,OAAO,CAEpC"}

package/dist/instrumentation/index.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const useInstrumentedClick = require("../useInstrumentedClick-COxikkTF.cjs");
+exports.TrackerProvider = useInstrumentedClick.TrackerProvider;
+exports.noopTracker = useInstrumentedClick.noopTracker;
+exports.useInstrumentedClick = useInstrumentedClick.useInstrumentedClick;
+exports.useTracker = useInstrumentedClick.useTracker;
+//# sourceMappingURL=index.cjs.map

package/dist/instrumentation/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/instrumentation/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * teja-ui instrumentation surface (W3 §7.5–7.6).
+ *
+ * FROZEN contract consumed by the app-side adapter. teja-ui carries no telemetry
+ * SDK; the host injects a `Tracker` via `<TrackerProvider>`.
+ */
+export { noopTracker, type Tracker, type SpanHandle } from './tracker';
+export { TrackerProvider, useTracker, type TrackerProviderProps } from './context';
+export { useInstrumentedClick, type InstrumentedClickMeta, } from './useInstrumentedClick';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/instrumentation/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,WAAW,EAAE,KAAK,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,WAAW,CAAC;AACvE,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,KAAK,oBAAoB,EAAE,MAAM,WAAW,CAAC;AACnF,OAAO,EACL,oBAAoB,EACpB,KAAK,qBAAqB,GAC3B,MAAM,wBAAwB,CAAC"}

package/dist/instrumentation/index.js

@@ -0,0 +1,8 @@
+import { T, n, u, a } from "../useInstrumentedClick-B7QAnoBt.js";
+export {
+  T as TrackerProvider,
+  n as noopTracker,
+  u as useInstrumentedClick,
+  a as useTracker
+};
+//# sourceMappingURL=index.js.map

package/dist/instrumentation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/instrumentation/tracker.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Tracker facade — the FROZEN telemetry contract teja-ui exposes (W3 §7.5).
+ *
+ * teja-ui carries NO OpenTelemetry / Sentry / PostHog dependency. Consuming
+ * apps inject a concrete `Tracker` via `<TrackerProvider>`; when no provider is
+ * mounted the components fall back to `noopTracker`, so an un-instrumented host
+ * sees ZERO behavior change. The app-side adapter (`frontend/src/lib/telemetry/
+ * uiTracker.ts`) is the only place that knows about the real sink.
+ */
+/** A single in-flight UI span (e.g. one button click). */
+export interface SpanHandle {
+    setAttribute(key: string, value: string | number | boolean): void;
+    /**
+     * End the span. `outcome` records how the handler settled; `error` is the
+     * thrown/rejected value when `outcome === "error"` (recorded as an exception
+     * by the adapter, never swallowed by the hook).
+     */
+    end(outcome: 'success' | 'error' | 'abandoned', error?: unknown): void;
+}
+export interface Tracker {
+    /** Start a span. Attributes are flat primitives so any sink can serialize them. */
+    startSpan(name: string, attrs: Record<string, string | number | boolean>): SpanHandle;
+    /** Fire-and-forget discrete event (no duration). */
+    track(event: string, attrs?: Record<string, string | number | boolean>): void;
+}
+/** No-op implementation: the default when no provider is mounted. */
+export declare const noopTracker: Tracker;
+//# sourceMappingURL=tracker.d.ts.map

package/dist/instrumentation/tracker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tracker.d.ts","sourceRoot":"","sources":["../../src/instrumentation/tracker.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,0DAA0D;AAC1D,MAAM,WAAW,UAAU;IACzB,YAAY,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC;IAClE;;;;OAIG;IACH,GAAG,CAAC,OAAO,EAAE,SAAS,GAAG,OAAO,GAAG,WAAW,EAAE,KAAK,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CACxE;AAED,MAAM,WAAW,OAAO;IACtB,mFAAmF;IACnF,SAAS,CACP,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,GAC/C,UAAU,CAAC;IACd,oDAAoD;IACpD,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,GAAG,IAAI,CAAC;CAC/E;AAED,qEAAqE;AACrE,eAAO,MAAM,WAAW,EAAE,OAGzB,CAAC"}

package/dist/instrumentation/useInstrumentedClick.d.ts

@@ -0,0 +1,31 @@
+import { type SyntheticEvent } from 'react';
+/**
+ * useInstrumentedClick (W3 §7.6).
+ *
+ * Wraps a click handler in a `ui.button.click` span. The span's lifecycle
+ * follows the handler:
+ *  - sync handler  → span ends `success` immediately (`ui.handler.async=false`)
+ *  - async handler → span ends when the returned promise settles
+ *    (`success`/`error`), recording `ui.handler.duration_ms`.
+ *
+ * Error semantics — the hook observes, never alters control flow:
+ *  - sync throw  → span ends `error`, then the error is RE-THROWN so the
+ *    caller's try/catch / React error boundary still sees it.
+ *  - async reject → span ends `error`; the rejection is left ON the original
+ *    promise so the caller's own `.catch`/awaiter still receives it. The hook
+ *    attaches a passive observer (it does not consume the rejection).
+ *
+ * Tracker comes from `useTracker()`, so an unmounted provider = noop = zero
+ * behavior change.
+ */
+export interface InstrumentedClickMeta {
+    /** Semantic id, e.g. "onboarding.step1.next". Highest-priority component.name. */
+    telemetryId?: string;
+    /** Fallback identity (the component's data-testid). */
+    testId?: string;
+    /** "Button" | "IconButton" | "AIComposeButton". */
+    kind: string;
+    variant?: string;
+}
+export declare function useInstrumentedClick<E extends SyntheticEvent>(onClick: ((e: E) => void | Promise<void>) | undefined, meta: InstrumentedClickMeta): ((e: E) => void) | undefined;
+//# sourceMappingURL=useInstrumentedClick.d.ts.map

package/dist/instrumentation/useInstrumentedClick.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInstrumentedClick.d.ts","sourceRoot":"","sources":["../../src/instrumentation/useInstrumentedClick.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAIzD;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,WAAW,qBAAqB;IACpC,kFAAkF;IAClF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uDAAuD;IACvD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mDAAmD;IACnD,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAID,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,cAAc,EAC3D,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,SAAS,EACrD,IAAI,EAAE,qBAAqB,GAC1B,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC,GAAG,SAAS,CAmE9B"}

package/dist/theme/components/AIComposeButton.d.ts

@@ -9,6 +9,8 @@ export interface AIComposeButtonProps extends Omit<ButtonHTMLAttributes<HTMLButt
     size?: AIComposeButtonSize;
     children?: ReactNode;
     testId?: string;
+    /** Semantic telemetry id for the click span (`component.name`). */
+    telemetryId?: string;
 }
 export declare const AIComposeButton: import("react").ForwardRefExoticComponent<AIComposeButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=AIComposeButton.d.ts.map

package/dist/theme/components/AIComposeButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AIComposeButton.d.ts","sourceRoot":"","sources":["../../../src/theme/components/AIComposeButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,oBAAoB,EAAsB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlG;;;;GAIG;AACH,MAAM,MAAM,mBAAmB,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9C,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IACjE,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,eAAe,oHAqC3B,CAAC"}
+{"version":3,"file":"AIComposeButton.d.ts","sourceRoot":"","sources":["../../../src/theme/components/AIComposeButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,oBAAoB,EAAsB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAMlG;;;;GAIG;AACH,MAAM,MAAM,mBAAmB,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9C,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IACjE,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mEAAmE;IACnE,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,eAAe,oHA4C3B,CAAC"}

package/dist/theme/components/Button.d.ts

@@ -14,6 +14,8 @@ export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement
     children?: ReactNode;
     /** Forwarded as `data-testid` on the `<button>` element. */
     testId?: string;
+    /** Semantic telemetry id for the click span (`component.name`). */
+    telemetryId?: string;
 }
 export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=Button.d.ts.map

package/dist/theme/components/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/theme/components/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,oBAAoB,EAEzB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAE7C,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,WAAW,GACX,OAAO,GACP,QAAQ,GACR,MAAM,CAAC;AACX,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAqC5C,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IACjE,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,gDAAgD;IAChD,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,uCAAuC;IACvC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,4DAA4D;IAC5D,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,MAAM,2GAgDjB,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/theme/components/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,oBAAoB,EAEzB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAE7C,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,WAAW,GACX,OAAO,GACP,QAAQ,GACR,MAAM,CAAC;AACX,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAqC5C,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IACjE,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,gDAAgD;IAChD,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,uCAAuC;IACvC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,4DAA4D;IAC5D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mEAAmE;IACnE,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,MAAM,2GAyDjB,CAAC"}

package/dist/theme/components/IconButton.d.ts

@@ -12,6 +12,8 @@ export interface IconButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonEle
     size?: IconButtonSize;
     tone?: IconButtonTone;
     testId?: string;
+    /** Semantic telemetry id for the click span (`component.name`). */
+    telemetryId?: string;
 }
 export declare const IconButton: import("react").ForwardRefExoticComponent<IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=IconButton.d.ts.map

package/dist/theme/components/IconButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/theme/components/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,oBAAoB,EAAsB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAElG;;;;;GAKG;AACH,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAChD,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,SAAS,CAAC;AAEnD,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IACjE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAID,eAAO,MAAM,UAAU,+GAmCtB,CAAC"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/theme/components/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,oBAAoB,EAAsB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlG;;;;;GAKG;AACH,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAChD,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,SAAS,CAAC;AAEnD,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IACjE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mEAAmE;IACnE,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAID,eAAO,MAAM,UAAU,+GA0CtB,CAAC"}

package/dist/theme/index.cjs

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
+const instrumentation = require("@teja-app/ui/instrumentation");
 const ReactDOM = require("react-dom");
 function _interopNamespaceDefault(e2) {
   const n2 = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -674,9 +675,17 @@ const Button$1 = React.forwardRef(function Button2({
   type = "button",
   disabled,
   testId,
+  telemetryId,
+  onClick,
   ...rest
 }, ref) {
   const dims = SIZE_DIMS$2[size2];
+  const instrumentedClick = instrumentation.useInstrumentedClick(onClick, {
+    telemetryId,
+    testId,
+    kind: "Button",
+    variant
+  });
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "button",
     {
@@ -684,6 +693,7 @@ const Button$1 = React.forwardRef(function Button2({
       type,
       disabled,
       "data-testid": testId,
+      onClick: instrumentedClick,
       style: {
         height: dims.h,
         padding: dims.pad,
@@ -16523,8 +16533,14 @@ const Switch = React.forwardRef(function Switch2({ on = false, onChange, size: s
 });
 const SIZE_PX$1 = { sm: 22, md: 26, lg: 32 };
 const IconButton = React.forwardRef(
-  function IconButton2({ children, size: size2 = "md", tone = "default", style, testId, type = "button", ...rest }, ref) {
+  function IconButton2({ children, size: size2 = "md", tone = "default", style, testId, telemetryId, onClick, type = "button", ...rest }, ref) {
     const dim = SIZE_PX$1[size2];
+    const instrumentedClick = instrumentation.useInstrumentedClick(onClick, {
+      telemetryId,
+      testId,
+      kind: "IconButton",
+      variant: tone
+    });
     const merged = {
       width: dim,
       height: dim,
@@ -16548,6 +16564,7 @@ const IconButton = React.forwardRef(
         type,
         "data-testid": testId,
         "data-tone": tone,
+        onClick: instrumentedClick,
         style: merged,
         ...rest,
         children
@@ -17240,8 +17257,14 @@ function AIBadge({
   ] });
 }
 const AIComposeButton = React.forwardRef(
-  function AIComposeButton2({ size: size2 = "md", children = "Compose with AI", style, testId, type = "button", ...rest }, ref) {
+  function AIComposeButton2({ size: size2 = "md", children = "Compose with AI", style, testId, telemetryId, onClick, type = "button", ...rest }, ref) {
     const h2 = size2 === "sm" ? 28 : 32;
+    const instrumentedClick = instrumentation.useInstrumentedClick(onClick, {
+      telemetryId,
+      testId,
+      kind: "AIComposeButton",
+      variant: size2
+    });
     const fz = size2 === "sm" ? 12 : 13;
     const merged = {
       height: h2,
@@ -17266,6 +17289,7 @@ const AIComposeButton = React.forwardRef(
         type,
         "data-testid": testId,
         "data-size": size2,
+        onClick: instrumentedClick,
         style: merged,
         ...rest,
         children: [