@alexgorbatchev/shadcn 0.0.42 → 0.0.43

package/README.md

@@ -50,30 +50,31 @@ Package preparation and contributor commands are documented in [AGENTS.md](./AGE
 
 Import shared controls and providers from `@alexgorbatchev/shadcn`. Import the following features from their dedicated entry points and install only the peers you use. These features, their hooks, and their types are not exported from the package root.
 
-| Import path suffix   | Components                                               | Install alongside the package                                                                       |
-| -------------------- | -------------------------------------------------------- | --------------------------------------------------------------------------------------------------- |
-| `/json-render`       | JSON Render component registry and catalog               | `bun add @json-render/core@0.21.1 @json-render/react@0.21.1 embla-carousel-react@^8.6.0`            |
-| `/chart`             | Chart parts, AnalyticsChart, Sparkline, hooks and types  | `bun add recharts@3.8.0 cssesc@3.0.0 es-toolkit@1.52.0`                                             |
-| `/calendar`          | Calendar, CalendarDayButton, DatePicker, DateRangePicker | `bun add @daypicker/react@^10.0.2`                                                                  |
-| `/persian-calendar`  | PersianCalendar                                          | `bun add @daypicker/persian@^10.0.2 @daypicker/react@^10.0.2`                                       |
-| `/carousel`          | Carousel components, useCarousel, and carousel types     | `bun add embla-carousel-react@^8.6.0`                                                               |
-| `/command`           | Command components, including CommandDialog              | `bun add cmdk@^1.1.1`                                                                               |
-| `/resizable`         | Resizable components and SplitView                       | `bun add react-resizable-panels@^4.14.3`                                                            |
-| `/fonts.css`         | JetBrains Mono font stylesheet                           | `bun add @fontsource-variable/jetbrains-mono@^5.3.0`                                                |
-| `/sonner`            | Sonner, SonnerToaster, Toaster, toast, useSonner         | `bun add sonner@2.0.8`; the patched runtime is bundled                                              |
-| `/input-otp`         | InputOTP components                                      | `bun add input-otp@1.5.0`; the patched runtime is bundled                                           |
-| `/virtual-table`     | VirtualTable and row measurement props                   | `@tanstack/react-virtual@3.14.13`                                                                   |
-| `/message-scroller`  | MessageScroller components, hooks, and types             | `bun add @shadcn/react@0.3.1`; the patched runtime is bundled                                       |
-| `/questionnaire`     | Questionnaire components and types                       | `bun add @shadcn/react@0.3.1`; the patched runtime is bundled                                       |
-| `/data-grid`         | DataGrid, column picker, and native table helpers        | `bun add @tanstack/react-table@9.2.8`                                                               |
-| `/virtual-data-grid` | VirtualDataGrid and row measurement props                | `bun add @tanstack/react-table@9.2.8 @tanstack/react-virtual@3.14.13`                               |
-| `/file-upload`       | FileUpload selection and validation                      | `bun add react-dropzone@^20.1.4`                                                                    |
-| `/color-picker`      | ColorPicker                                              | `bun add react-colorful@^5.8.1`                                                                     |
-| `/image-crop`        | ImageCrop and native export helpers                      | `bun add react-image-crop@^11.1.2`                                                                  |
-| `/tree`              | Tree, native hooks and features                          | `bun add @headless-tree/core@^1.8.0 @headless-tree/react@^1.8.0`                                    |
-| `/editor`            | RichTextEditor, native Tiptap hooks and StarterKit       | `bun add @tiptap/core@^3.32.0 @tiptap/react@^3.32.0 @tiptap/pm@^3.32.0 @tiptap/starter-kit@^3.32.0` |
-| `/event-calendar`    | EventCalendar, EventForm and native calendar APIs        | `bun add date-fns@^4.4.0`; TypeScript: `bun add -d @types/react-big-calendar@^1.16.3`               |
-| `/gantt`             | Gantt and Roadmap                                        | `bun add date-fns@^4.4.0 @date-fns/tz@^1.5.0`                                                       |
+| Import path suffix   | Components                                                           | Install alongside the package                                                                       |
+| -------------------- | -------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------- |
+| `/analytics`         | AnalyticsProvider, AnalyticsScope, AnalyticsImpression, useAnalytics | Existing core peers; no vendor SDK                                                                  |
+| `/json-render`       | JSON Render component registry and catalog                           | `bun add @json-render/core@0.21.1 @json-render/react@0.21.1 embla-carousel-react@^8.6.0`            |
+| `/chart`             | Chart parts, AnalyticsChart, Sparkline, hooks and types              | `bun add recharts@3.8.0 cssesc@3.0.0 es-toolkit@1.52.0`                                             |
+| `/calendar`          | Calendar, CalendarDayButton, DatePicker, DateRangePicker             | `bun add @daypicker/react@^10.0.2`                                                                  |
+| `/persian-calendar`  | PersianCalendar                                                      | `bun add @daypicker/persian@^10.0.2 @daypicker/react@^10.0.2`                                       |
+| `/carousel`          | Carousel components, useCarousel, and carousel types                 | `bun add embla-carousel-react@^8.6.0`                                                               |
+| `/command`           | Command components, including CommandDialog                          | `bun add cmdk@^1.1.1`                                                                               |
+| `/resizable`         | Resizable components and SplitView                                   | `bun add react-resizable-panels@^4.14.3`                                                            |
+| `/fonts.css`         | JetBrains Mono font stylesheet                                       | `bun add @fontsource-variable/jetbrains-mono@^5.3.0`                                                |
+| `/sonner`            | Sonner, SonnerToaster, Toaster, toast, useSonner                     | `bun add sonner@2.0.8`; the patched runtime is bundled                                              |
+| `/input-otp`         | InputOTP components                                                  | `bun add input-otp@1.5.0`; the patched runtime is bundled                                           |
+| `/virtual-table`     | VirtualTable and row measurement props                               | `@tanstack/react-virtual@3.14.13`                                                                   |
+| `/message-scroller`  | MessageScroller components, hooks, and types                         | `bun add @shadcn/react@0.3.1`; the patched runtime is bundled                                       |
+| `/questionnaire`     | Questionnaire components and types                                   | `bun add @shadcn/react@0.3.1`; the patched runtime is bundled                                       |
+| `/data-grid`         | DataGrid, column picker, and native table helpers                    | `bun add @tanstack/react-table@9.2.8`                                                               |
+| `/virtual-data-grid` | VirtualDataGrid and row measurement props                            | `bun add @tanstack/react-table@9.2.8 @tanstack/react-virtual@3.14.13`                               |
+| `/file-upload`       | FileUpload selection and validation                                  | `bun add react-dropzone@^20.1.4`                                                                    |
+| `/color-picker`      | ColorPicker                                                          | `bun add react-colorful@^5.8.1`                                                                     |
+| `/image-crop`        | ImageCrop and native export helpers                                  | `bun add react-image-crop@^11.1.2`                                                                  |
+| `/tree`              | Tree, native hooks and features                                      | `bun add @headless-tree/core@^1.8.0 @headless-tree/react@^1.8.0`                                    |
+| `/editor`            | RichTextEditor, native Tiptap hooks and StarterKit                   | `bun add @tiptap/core@^3.32.0 @tiptap/react@^3.32.0 @tiptap/pm@^3.32.0 @tiptap/starter-kit@^3.32.0` |
+| `/event-calendar`    | EventCalendar, EventForm and native calendar APIs                    | `bun add date-fns@^4.4.0`; TypeScript: `bun add -d @types/react-big-calendar@^1.16.3`               |
+| `/gantt`             | Gantt and Roadmap                                                    | `bun add date-fns@^4.4.0 @date-fns/tz@^1.5.0`                                                       |
 
 Import `@alexgorbatchev/shadcn/event-calendar.css` for EventCalendar, and `react-image-crop/dist/ReactCrop.css` for ImageCrop. The root also provides application shells, dashboard and billing layouts, authentication/settings forms, account/workspace controls, Kanban, facets, tags, number fields, toolbars, meters, stat cards and status displays. See the [component catalog reference](./docs/internal/component-catalog.md) for source groups, native APIs, dependency costs and consumer responsibilities.
 
@@ -91,6 +92,27 @@ The optional assistant-ui catalog provides presentational families under `/assis
 
 For embedded surfaces, import `PortalProvider` from the package root and pass the real overlay `container`. Dialogs, alerts, sheets, drawers, menus, navigation popups, comboboxes, selects, hover cards, tooltips, popovers, and Base UI toasts inherit that container. The container applies to the outermost popup: a popup opened inside another one, such as a select in a dialog, renders inside that popup's portal, where a modal dialog counts it as inside the dialog and keeps it reachable by assistive technology and the pointer. Native portal props can still supply an explicit container override.
 
+## Configurable analytics
+
+Wrap the application in an optional analytics provider and supply your own transport:
+
+```tsx
+import { Button } from "@alexgorbatchev/shadcn";
+import { AnalyticsProvider, AnalyticsScope, type IAnalyticsTransport } from "@alexgorbatchev/shadcn/analytics";
+
+function Settings({ transport, consent }: { transport: IAnalyticsTransport; consent: boolean }) {
+  return (
+    <AnalyticsProvider transport={transport} enabled={consent}>
+      <AnalyticsScope name="settings" properties={{ surface: "account" }}>
+        <Button analytics={{ id: "save-settings" }}>Save</Button>
+      </AnalyticsScope>
+    </AnalyticsProvider>
+  );
+}
+```
+
+The transport implements `track(event)` and may return a promise. The app owns vendor SDKs, identity, consent, and delivery. Components emit semantic UI events without extracting labels, values, URLs, or user content. Use `analytics={false}` for a control or a disabled scope for a subtree. Display components require explicit `AnalyticsImpression` observation. See the [event contract and catalog coverage](./docs/internal/analytics.md).
+
 # Quick Start
 
 For Bun's native HTML server, install its Tailwind plugin:

package/dist/analytics/AnalyticsContext.d.ts

@@ -0,0 +1,2 @@
+import type { IAnalyticsContext } from "./types.js";
+export declare const AnalyticsContext: import("react").Context<IAnalyticsContext | null>;

package/dist/analytics/analyticsSource.d.ts

@@ -0,0 +1,4 @@
+/** Only inspect event metadata; never serialize callback arguments or DOM content. */
+export declare function analyticsSource(value: unknown): Event | undefined;
+export declare function isAnalyticsCanceled(value: unknown): boolean;
+export declare function isAnalyticsProgrammatic(value: unknown): boolean;

package/dist/analytics/types.d.ts

@@ -0,0 +1,55 @@
+import type { ReactNode } from "react";
+export type AnalyticsProperties = Readonly<Record<string, string | number | boolean | null>>;
+export interface IAnalyticsOptions {
+    id?: string;
+    properties?: AnalyticsProperties;
+}
+export interface IAnalyticsProps {
+    analytics?: IAnalyticsOptions | false;
+}
+export type UIAnalyticsDetail = {
+    name: "ui.activate";
+} | {
+    name: "ui.change-request";
+} | {
+    name: "ui.open-request";
+    open: boolean;
+} | {
+    name: "ui.commit";
+} | {
+    name: "ui.navigate";
+} | {
+    name: "ui.drop";
+} | {
+    name: "ui.impression";
+};
+export interface IAnalyticsEnvelope {
+    schemaVersion: 1;
+    component: string;
+    id?: string;
+    scope: readonly string[];
+    properties: AnalyticsProperties;
+}
+export type UIAnalyticsEvent = IAnalyticsEnvelope & UIAnalyticsDetail;
+export interface IAnalyticsTransport {
+    track(event: UIAnalyticsEvent): void | Promise<void>;
+}
+export interface IAnalyticsProviderProps {
+    children: ReactNode;
+    transport: IAnalyticsTransport;
+    enabled?: boolean;
+    filter?: (event: UIAnalyticsEvent) => boolean;
+    onError?: (error: unknown) => void;
+}
+export interface IAnalyticsScopeProps {
+    children: ReactNode;
+    name: string;
+    properties?: AnalyticsProperties;
+    enabled?: boolean;
+}
+export interface IAnalyticsContext {
+    enabled: boolean;
+    scope: readonly string[];
+    properties: AnalyticsProperties;
+    send(event: UIAnalyticsEvent, source?: Event): void;
+}

package/dist/{chunk-2agnzxa0.js → chunk-05shyxqp.js}

@@ -1,6 +1,6 @@
 import {
   TooltipIconButton2
-} from "./chunk-1qsph9ej.js";
+} from "./chunk-kzar67tq.js";
 
 // src/components/assistant-ui/native/VoiceMuteButton.tsx
 import { useVoiceControls, useVoiceState } from "@assistant-ui/react";

package/dist/{chunk-59p19t57.js → chunk-0fmrwsgp.js}

@@ -1,3 +1,6 @@
+import {
+  useAnalyticsInput
+} from "./chunk-7jpsybag.js";
 import {
   cn2
 } from "./chunk-cp2m7y7v.js";
@@ -5,13 +8,15 @@ import {
 // src/components/Input.tsx
 import { Input as InputPrimitive } from "@base-ui/react/input";
 import { jsx } from "react/jsx-runtime";
-function Input2({ density, className, type, ...props }) {
+function Input2({ analytics, density, className, type, ...props }) {
+  const analyticsInput = useAnalyticsInput("Input", analytics, props);
   return /* @__PURE__ */ jsx(InputPrimitive, {
     type,
     "data-density": density,
     "data-slot": "input",
     className: (state) => cn2("h-control w-full min-w-0 rounded-sm border border-input bg-secondary px-control-x py-1 text-base transition-colors outline-none file:inline-flex file:h-control-xs file:border-0 file:bg-secondary file:text-sm file:font-medium file:text-foreground placeholder:text-faint-foreground focus-visible:border-ring focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive", typeof className === "function" ? className(state) : className),
-    ...props
+    ...props,
+    ...analyticsInput
   });
 }
 

package/dist/{chunk-p45ytcc2.js → chunk-0gwqtywa.js}

@@ -1,12 +1,12 @@
 import {
   ContextDisplayRoot3
-} from "./chunk-3jrsp186.js";
+} from "./chunk-8q0xpeh4.js";
 import {
   ContextDisplayTrigger2
-} from "./chunk-p8gshf3k.js";
+} from "./chunk-1zbtg30t.js";
 import {
   ContextDisplayContent2
-} from "./chunk-3dyqen8w.js";
+} from "./chunk-agy4dzea.js";
 import {
   ContextDisplayValue2
 } from "./chunk-qxt0fx4f.js";

package/dist/{chunk-60756tfb.js → chunk-0q9n4syq.js}

@@ -1,16 +1,16 @@
 import {
   CommandList2,
   CommandGroup2
-} from "./chunk-dwkjt1mm.js";
+} from "./chunk-0twprqdp.js";
 import {
   useModelSelectorContext
 } from "./chunk-ydfx8r6d.js";
 import {
   ModelSelectorEmpty2
-} from "./chunk-bt57g6ms.js";
+} from "./chunk-cvg5366s.js";
 import {
   ModelSelectorItem2
-} from "./chunk-zw6a73cm.js";
+} from "./chunk-prp1x0by.js";
 
 // src/components/assistant-ui/elements/ModelSelectorList.tsx
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";

package/dist/{chunk-dwkjt1mm.js → chunk-0twprqdp.js}

@@ -7,12 +7,15 @@ import {
   DialogHeader2,
   DialogTitle2,
   DialogDescription2
-} from "./chunk-ex1zk6ta.js";
+} from "./chunk-jgdpa00w.js";
 import {
   InputGroup2,
   InputGroupAddon2,
   InputGroupInput2
-} from "./chunk-57jj9v64.js";
+} from "./chunk-14mh00z3.js";
+import {
+  useAnalyticsCallback
+} from "./chunk-5mydsjp3.js";
 
 // src/components/command/Command.tsx
 import { Command as CommandPrimitive } from "cmdk";
@@ -108,11 +111,18 @@ function CommandSeparator2({ className, ...props }) {
     ...props
   });
 }
-function CommandItem2({ className, children, ...props }) {
+function CommandItem2({
+  analytics,
+  className,
+  children,
+  ...props
+}) {
+  const trackedOnSelect = useAnalyticsCallback("CommandItem", analytics, { name: "ui.activate" }, props.onSelect);
   return /* @__PURE__ */ jsxs(CommandPrimitive.Item, {
     "data-slot": "command-item",
     className: cn2("group/command-item relative flex min-h-control cursor-default items-center gap-control-gap px-control-x text-sm outline-none select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 data-[selected=true]:bg-muted data-[selected=true]:text-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-4", className),
     ...props,
+    onSelect: trackedOnSelect,
     children: [
       children,
       /* @__PURE__ */ jsx(CheckIcon, {

package/dist/{chunk-rggdd436.js → chunk-0xqqs9kw.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-cp2m7y7v.js";
 import {
   Button2
-} from "./chunk-q7p28b89.js";
+} from "./chunk-38301e40.js";
 import {
   paper,
   mono,

package/dist/{chunk-cyfbg25t.js → chunk-0ybh8xre.js}

@@ -1,6 +1,6 @@
 import {
   Button2
-} from "./chunk-q7p28b89.js";
+} from "./chunk-38301e40.js";
 import {
   Card2,
   CardHeader2,
@@ -15,11 +15,11 @@ import {
 } from "./chunk-6jpz5geq.js";
 import {
   Textarea2
-} from "./chunk-hz9azhzx.js";
+} from "./chunk-tq0pfv5h.js";
 import {
   ToggleGroup2,
   ToggleGroupItem2
-} from "./chunk-aexby8h3.js";
+} from "./chunk-w9s21aj0.js";
 
 // src/components/assistant-ui/elements/FeedbackDialog.tsx
 import { useId } from "react";

package/dist/{chunk-dvmxyk3q.js → chunk-10t1w38s.js}

@@ -3,12 +3,12 @@ import {
 } from "./chunk-cp2m7y7v.js";
 import {
   Button2
-} from "./chunk-q7p28b89.js";
+} from "./chunk-38301e40.js";
 import {
   InputGroup2,
   InputGroupAddon2,
   InputGroupInput2
-} from "./chunk-57jj9v64.js";
+} from "./chunk-14mh00z3.js";
 import {
   paper,
   field,

package/dist/{chunk-57jj9v64.js → chunk-14mh00z3.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk-cp2m7y7v.js";
 import {
   Button2
-} from "./chunk-q7p28b89.js";
+} from "./chunk-38301e40.js";
 import {
   Input2
-} from "./chunk-59p19t57.js";
+} from "./chunk-0fmrwsgp.js";
 import {
   Textarea2
-} from "./chunk-hz9azhzx.js";
+} from "./chunk-tq0pfv5h.js";
 
 // src/components/InputGroup.tsx
 import { cva } from "class-variance-authority";

package/dist/{chunk-h6kcqtzf.js → chunk-1hq2k0fs.js}

@@ -1,3 +1,6 @@
+import {
+  AnalyticsButton
+} from "./chunk-tcefvfr8.js";
 import {
   cn2
 } from "./chunk-cp2m7y7v.js";
@@ -5,7 +8,7 @@ import {
   Collapsible2,
   CollapsibleTrigger2,
   CollapsibleContent2
-} from "./chunk-24d68cjp.js";
+} from "./chunk-fw86vanx.js";
 import {
   ShimmerLabel2
 } from "./chunk-s3wqwhxc.js";
@@ -41,7 +44,8 @@ function ToolCall2({
     }),
     children: [
       /* @__PURE__ */ jsxs(CollapsibleTrigger2, {
-        render: /* @__PURE__ */ jsx("button", {
+        render: /* @__PURE__ */ jsx(AnalyticsButton, {
+          component: "ToolCall",
           type: "button",
           className: "group/trigger text-muted-foreground hover:text-foreground flex w-full items-center gap-2 rounded-md py-1 text-[13.5px] transition-colors outline-none"
         }),

package/dist/{chunk-saf6rz9s.js → chunk-1hy9rfvc.js}

@@ -6,7 +6,7 @@ import {
   InputGroupAddon2,
   InputGroupButton2,
   InputGroupInput2
-} from "./chunk-57jj9v64.js";
+} from "./chunk-14mh00z3.js";
 import {
   paper
 } from "./chunk-fgmcbtyt.js";

package/dist/{chunk-nvegyysk.js → chunk-1q30wk9x.js}

@@ -1,12 +1,12 @@
 import {
   Button2
-} from "./chunk-q7p28b89.js";
+} from "./chunk-38301e40.js";
 import {
   Popover2,
   PopoverTrigger2,
   PopoverContent2,
   PopoverTitle2
-} from "./chunk-4djw71cv.js";
+} from "./chunk-21ab0jsp.js";
 import {
   ContextBreakdown2
 } from "./chunk-vfhztmet.js";

package/dist/{chunk-3bzbwhda.js → chunk-1sqv5axv.js}

@@ -1,3 +1,6 @@
+import {
+  AnalyticsButton
+} from "./chunk-tcefvfr8.js";
 import {
   cn2
 } from "./chunk-cp2m7y7v.js";
@@ -5,7 +8,7 @@ import {
   Collapsible2,
   CollapsibleTrigger2,
   CollapsibleContent2
-} from "./chunk-24d68cjp.js";
+} from "./chunk-fw86vanx.js";
 import {
   collapsePanel
 } from "./chunk-fgmcbtyt.js";
@@ -48,7 +51,8 @@ function RunActivity2({
         children: [
           /* @__PURE__ */ jsxs(CollapsibleTrigger2, {
             "aria-busy": status === "running",
-            render: /* @__PURE__ */ jsx("button", {
+            render: /* @__PURE__ */ jsx(AnalyticsButton, {
+              component: "RunActivity",
               type: "button",
               className: "group/trigger text-muted-foreground hover:text-foreground focus-visible:ring-ring/50 flex max-w-full items-center gap-1.5 rounded-md py-1 text-sm outline-none focus-visible:ring-[3px]"
             }),

package/dist/{chunk-yxgyprns.js → chunk-1sxpyjph.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-cp2m7y7v.js";
 import {
   Button2
-} from "./chunk-q7p28b89.js";
+} from "./chunk-38301e40.js";
 import {
   useCopyToClipboard
 } from "./chunk-6synj4j9.js";

package/dist/{chunk-zdx7dtcw.js → chunk-1t959882.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-cp2m7y7v.js";
 import {
   Button2
-} from "./chunk-q7p28b89.js";
+} from "./chunk-38301e40.js";
 import {
   field,
   mono

package/dist/{chunk-p8gshf3k.js → chunk-1zbtg30t.js}

@@ -1,13 +1,17 @@
+import {
+  AnalyticsButton
+} from "./chunk-tcefvfr8.js";
 import {
   PopoverTrigger2
-} from "./chunk-4djw71cv.js";
+} from "./chunk-21ab0jsp.js";
 
 // src/components/assistant-ui/elements/ContextDisplayTrigger.tsx
 import { jsx } from "react/jsx-runtime";
 function ContextDisplayTrigger2(props) {
   return /* @__PURE__ */ jsx(PopoverTrigger2, {
     openOnHover: true,
-    render: /* @__PURE__ */ jsx("button", {
+    render: /* @__PURE__ */ jsx(AnalyticsButton, {
+      component: "ContextDisplayTrigger",
       type: "button",
       "data-slot": "context-display-trigger",
       className: "inline-flex h-control-sm items-center gap-control-gap rounded-sm px-control-x text-sm text-muted-foreground tabular-nums outline-none hover:bg-muted hover:text-foreground focus-visible:ring-1 focus-visible:ring-ring disabled:opacity-50"

package/dist/{chunk-4djw71cv.js → chunk-21ab0jsp.js}

@@ -2,25 +2,31 @@ import {
   useDensity
 } from "./chunk-e6hk39ev.js";
 import {
-  usePortalContainer2
-} from "./chunk-j89xg1ak.js";
-import {
+  usePortalContainer2,
   usePortalNode,
   PortalProvider2
-} from "./chunk-aa7m22zj.js";
+} from "./chunk-x90xmrba.js";
 import {
   cn2
 } from "./chunk-cp2m7y7v.js";
+import {
+  useAnalyticsCallback
+} from "./chunk-5mydsjp3.js";
 
 // src/components/Popover.tsx
 import { useDirection } from "@base-ui/react/direction-provider";
 import { Popover as PopoverPrimitive } from "@base-ui/react/popover";
 import { jsx } from "react/jsx-runtime";
 "use client";
-function Popover2({ ...props }) {
+function Popover2({
+  analytics,
+  ...props
+}) {
+  const trackedOnOpenChange = useAnalyticsCallback("Popover", analytics, (open, _details) => ({ name: "ui.open-request", open }), props.onOpenChange);
   return /* @__PURE__ */ jsx(PopoverPrimitive.Root, {
     "data-slot": "popover",
-    ...props
+    ...props,
+    onOpenChange: trackedOnOpenChange
   });
 }
 function PopoverTrigger2({ ...props }) {

package/dist/{chunk-7gpq6kty.js → chunk-23419f5j.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-cp2m7y7v.js";
 import {
   Button2
-} from "./chunk-q7p28b89.js";
+} from "./chunk-38301e40.js";
 import {
   paper,
   field,

package/dist/{chunk-f5hphka1.js → chunk-23jrbq6y.js}

@@ -1,3 +1,6 @@
+import {
+  AnalyticsButton
+} from "./chunk-tcefvfr8.js";
 import {
   cn2
 } from "./chunk-cp2m7y7v.js";
@@ -71,7 +74,8 @@ function ScrollAnchor2({
           }, index))
         })
       }),
-      !isFollowing && unreadCount > 0 ? /* @__PURE__ */ jsxs("button", {
+      !isFollowing && unreadCount > 0 ? /* @__PURE__ */ jsxs(AnalyticsButton, {
+        component: "ScrollAnchor",
         type: "button",
         onClick: () => onFollowingChange(true),
         className: cn2(inkButton, "absolute bottom-2 left-1/2 flex -translate-x-1/2 items-center gap-1 rounded-full px-3 py-1 text-sm"),

package/dist/{chunk-k4aawd44.js → chunk-2krw4tjq.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-v00z8h0n.js";
 import {
   Button2
-} from "./chunk-q7p28b89.js";
+} from "./chunk-38301e40.js";
 import {
   paper,
   mono

package/dist/{chunk-644cnngf.js → chunk-2mn2ctsk.js}

@@ -1,11 +1,15 @@
 import {
   cn2
 } from "./chunk-cp2m7y7v.js";
+import {
+  useAnalyticsCallback
+} from "./chunk-5mydsjp3.js";
 
 // src/components/Slider.tsx
 import { Slider as SliderPrimitive } from "@base-ui/react/slider";
 import { jsx, jsxs } from "react/jsx-runtime";
 function Slider2({
+  analytics,
   density,
   className,
   defaultValue,
@@ -16,6 +20,7 @@ function Slider2({
   getAriaValueText,
   ...props
 }) {
+  const trackedOnValueCommitted = useAnalyticsCallback("Slider", analytics, { name: "ui.commit" }, props.onValueCommitted);
   const values = value ?? defaultValue ?? min;
   const thumbCount = typeof values === "number" ? 1 : values.length;
   return /* @__PURE__ */ jsx(SliderPrimitive.Root, {
@@ -28,6 +33,7 @@ function Slider2({
     max,
     thumbAlignment: "edge",
     ...props,
+    onValueCommitted: trackedOnValueCommitted,
     children: /* @__PURE__ */ jsxs(SliderPrimitive.Control, {
       className: "relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-40 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col",
       children: [

package/dist/{chunk-7e3samhv.js → chunk-2mswp6h1.js}

@@ -3,17 +3,17 @@ import {
 } from "./chunk-cp2m7y7v.js";
 import {
   MarkdownText2
-} from "./chunk-rkbbjjwq.js";
+} from "./chunk-bt7ramb0.js";
 import {
   formatUnknownValue2,
   ToolFallbackError2,
   offersInterruptAction2,
   ToolFallbackApproval2,
   ToolFallback2
-} from "./chunk-jy50ebz0.js";
+} from "./chunk-f6rbv5gf.js";
 import {
   TaskCard3
-} from "./chunk-k4aawd44.js";
+} from "./chunk-2krw4tjq.js";
 import {
   taskStateOf,
   taskLabel,

package/dist/{chunk-4zaj9tsr.js → chunk-2pzvxbq3.js}

@@ -1,12 +1,12 @@
 import {
   ModelSelectorRoot2
-} from "./chunk-e0pv0me5.js";
+} from "./chunk-w9jyajx3.js";
 import {
   ModelSelectorTrigger2
-} from "./chunk-96wh7ccv.js";
+} from "./chunk-xwf411kf.js";
 import {
   ModelSelectorContent2
-} from "./chunk-f0jej3qt.js";
+} from "./chunk-5w279fsn.js";
 
 // src/components/assistant-ui/elements/ModelSelector.tsx
 import { jsx, jsxs } from "react/jsx-runtime";