@alexgorbatchev/shadcn 0.0.41 → 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:
@@ -398,7 +420,7 @@ The preview shows compact individual badges, up to five labels followed by `+N m
 
 `useDropTarget().feedback` retains the last accepted MIME type, Alt modifier, and drop effect after leaving or dropping. Use this snapshot for hint content that remains visible during an exit animation; use `isOver` to control visibility and active highlighting. New accepted drag events update feedback immediately, including modifier changes. The live `type`, `isAlt`, and `effect` fields still describe the current hover.
 
-`EmptyState` composes a title, description, and optional child actions. `JsonViewer` displays a read-only formatted JSON value with configurable `label` and `rows`.
+`EmptyState` composes a title, description, and optional child actions. `DataViewer` presents JSON-compatible data for people: records become labelled terms, lists of plain values read on one line, lists of records are numbered, booleans read Yes or No, and missing or empty values read None or Empty. Keys become sentence-case labels with common acronyms (`track_id` reads "Track ID"); pass `formatLabel` to name domain keys, falling back to the exported `formatDataLabel`. `JsonViewer` displays a read-only formatted JSON value with configurable `label` and `rows` for people who need the JSON text itself.
 
 # Devhost Preview
 

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";