@alexgorbatchev/shadcn 0.0.19 → 0.0.21

package/dist/{chunk-717ggspf.js → chunk-70vndezn.js}

@@ -4,6 +4,10 @@ import {
 import {
   usePortalContainer2
 } from "./chunk-j89xg1ak.js";
+import {
+  usePortalNode,
+  PortalProvider2
+} from "./chunk-aa7m22zj.js";
 import {
   cn2
 } from "./chunk-cp2m7y7v.js";
@@ -28,12 +32,18 @@ function DialogTrigger2({ ...props }) {
     ...props
   });
 }
-function DialogPortal2({ container, ...props }) {
+function DialogPortal2({ container, ref, children, ...props }) {
   const resolvedContainer = usePortalContainer2(container);
+  const portal = usePortalNode(ref);
   return /* @__PURE__ */ jsx(DialogPrimitive.Portal, {
     "data-slot": "dialog-portal",
     container: resolvedContainer,
-    ...props
+    ref: portal.ref,
+    ...props,
+    children: /* @__PURE__ */ jsx(PortalProvider2, {
+      container: portal.node,
+      children
+    })
   });
 }
 function DialogClose2({ ...props }) {
@@ -68,7 +78,8 @@ function DialogContent2({
         dir: direction,
         "data-density": resolvedDensity,
         "data-slot": "dialog-content",
-        className: (state) => cn2("fixed grid w-full gap-panel overflow-y-auto overscroll-contain bg-popover p-panel text-sm text-popover-foreground border border-frame-edge shadow-frame duration-120 outline-none data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0 motion-reduce:data-open:animate-none motion-reduce:data-closed:animate-none", size === "fullscreen" ? "inset-0 h-dvh max-h-dvh max-w-none rounded-none" : cn2("top-1/2 left-1/2 max-h-[calc(100dvh-2rem)] max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 rounded-md", size === "wide" ? "sm:max-w-xl" : size === "narrow" ? "sm:max-w-48" : "sm:max-w-sm"), typeof className === "function" ? className(state) : className),
+        "data-scroll": "none",
+        className: (state) => cn2("fixed flex min-h-0 w-full flex-col gap-panel overscroll-contain bg-popover p-panel text-sm text-popover-foreground border border-frame-edge shadow-frame duration-120 outline-none data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0 motion-reduce:data-open:animate-none motion-reduce:data-closed:animate-none", size === "fullscreen" ? "inset-0 h-dvh max-h-dvh max-w-none rounded-none" : cn2("top-1/2 left-1/2 max-h-[calc(100dvh-2rem)] max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 rounded-md", size === "wide" ? "sm:max-w-xl" : size === "narrow" ? "sm:max-w-48" : "sm:max-w-sm"), typeof className === "function" ? className(state) : className),
         ...props,
         children: [
           children,
@@ -96,7 +107,7 @@ function DialogHeader2({ density, className, ...props }) {
   return /* @__PURE__ */ jsx("div", {
     "data-density": density,
     "data-slot": "dialog-header",
-    className: cn2("flex flex-col gap-2", className),
+    className: cn2("flex shrink-0 flex-col gap-2", className),
     ...props
   });
 }
@@ -110,7 +121,7 @@ function DialogFooter2({
   return /* @__PURE__ */ jsxs("div", {
     "data-density": density,
     "data-slot": "dialog-footer",
-    className: cn2("-mx-panel -mb-panel flex flex-col-reverse gap-2 rounded-b-md border-t bg-muted/50 p-panel sm:flex-row sm:justify-end", className),
+    className: cn2("-mx-panel -mb-panel flex shrink-0 flex-col-reverse gap-2 rounded-b-md border-t bg-muted/50 p-panel sm:flex-row sm:justify-end", className),
     ...props,
     children: [
       children,

package/dist/{chunk-cre60717.js → chunk-72qr0gqe.js}

@@ -1,6 +1,6 @@
 import {
   CommandEmpty2
-} from "./chunk-waat2ksf.js";
+} from "./chunk-ghmkxqn5.js";
 
 // src/components/assistant-ui/elements/ModelSelectorEmpty.tsx
 import { jsx } from "react/jsx-runtime";

package/dist/{chunk-r7fy89jq.js → chunk-79667fz5.js}

@@ -1,12 +1,12 @@
 import {
   ContextDisplayRoot2
-} from "./chunk-2gten6a1.js";
+} from "./chunk-6wvhq8wq.js";
 import {
   ContextDisplayTrigger2
-} from "./chunk-86211e5a.js";
+} from "./chunk-p8gshf3k.js";
 import {
   ContextDisplayContent2
-} from "./chunk-2b9agdrf.js";
+} from "./chunk-3dyqen8w.js";
 import {
   ContextDisplayValue2
 } from "./chunk-qxt0fx4f.js";

package/dist/{chunk-vpj3vk7v.js → chunk-83cckb23.js}

@@ -1,6 +1,6 @@
 import {
   CommandItem2
-} from "./chunk-waat2ksf.js";
+} from "./chunk-ghmkxqn5.js";
 import {
   useModelSelectorContext
 } from "./chunk-ydfx8r6d.js";

package/dist/{chunk-9msk1t9e.js → chunk-8a15x4a8.js}

@@ -1,6 +1,6 @@
 import {
   MarkdownText2
-} from "./chunk-q2ewq67a.js";
+} from "./chunk-02qymemz.js";
 import {
   ReasoningRoot3
 } from "./chunk-7b3n0ftm.js";

package/dist/{chunk-h8awhm19.js → chunk-96wh7ccv.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-cp2m7y7v.js";
 import {
   PopoverTrigger2
-} from "./chunk-x7z9jzyf.js";
+} from "./chunk-4djw71cv.js";
 import {
   useModelSelectorContext
 } from "./chunk-ydfx8r6d.js";

package/dist/{chunk-5h6m9dsm.js → chunk-9dqspkha.js}

@@ -10,7 +10,7 @@ import {
 } from "./chunk-1s7af44v.js";
 import {
   TaskCard2
-} from "./chunk-19441s27.js";
+} from "./chunk-m9zsppp2.js";
 
 // src/components/assistant-ui/native/TaskGroup.tsx
 import { useAui, useAuiState } from "@assistant-ui/react";

package/dist/{chunk-pe1vvkp7.js → chunk-9jct7hv0.js}

@@ -1,12 +1,12 @@
 import {
   ContextDisplayRoot3
-} from "./chunk-f63f8w58.js";
+} from "./chunk-3jrsp186.js";
 import {
   ContextDisplayTrigger2
-} from "./chunk-86211e5a.js";
+} from "./chunk-p8gshf3k.js";
 import {
   ContextDisplayContent2
-} from "./chunk-2b9agdrf.js";
+} from "./chunk-3dyqen8w.js";
 import {
   ContextDisplayValue2
 } from "./chunk-qxt0fx4f.js";

package/dist/{chunk-xqn8mef3.js → chunk-a6kyjjfk.js}

@@ -21,6 +21,7 @@ function ChatPanel2({ ...props }) {
   return /* @__PURE__ */ jsx("div", {
     "data-testid": "ChatPanel",
     "data-slot": "chat-panel",
+    "data-scroll": "none",
     className: cn2(paper, "flex h-[270px] w-full max-w-md flex-col overflow-hidden rounded-md"),
     ...props
   });

package/dist/chunk-aa7m22zj.js

@@ -0,0 +1,22 @@
+import {
+  PortalContext
+} from "./chunk-j89xg1ak.js";
+
+// src/components/PortalProvider.tsx
+import { jsx } from "react/jsx-runtime";
+function PortalProvider2({ container, children }) {
+  return /* @__PURE__ */ jsx(PortalContext.Provider, {
+    value: container,
+    children
+  });
+}
+
+// src/hooks/usePortalNode.ts
+import { useMergedRefs } from "@base-ui/utils/useMergedRefs";
+import { useRef } from "react";
+function usePortalNode(ref) {
+  const node = useRef(null);
+  return { node, ref: useMergedRefs(ref, node) };
+}
+
+export { usePortalNode, PortalProvider2 };

package/dist/{chunk-f8758vjx.js → chunk-az81pc04.js}

@@ -12,12 +12,12 @@ import {
 } from "./chunk-73rkr9ct.js";
 import {
   TooltipIconButton2
-} from "./chunk-q40gqpwh.js";
+} from "./chunk-qgjjcmpa.js";
 import {
   UserMessageAttachments2,
   ComposerAttachments3,
   ComposerAddAttachment2
-} from "./chunk-aewjmzt9.js";
+} from "./chunk-jba22682.js";
 import {
   getFileHref,
   File2
@@ -27,10 +27,10 @@ import {
 } from "./chunk-c2vcrwjp.js";
 import {
   Image2
-} from "./chunk-g7v9cqyg.js";
+} from "./chunk-vq8nc5xa.js";
 import {
   MarkdownText2
-} from "./chunk-q2ewq67a.js";
+} from "./chunk-02qymemz.js";
 import {
   ReasoningTrigger2
 } from "./chunk-3c7tvhtx.js";
@@ -43,7 +43,7 @@ import {
 import {
   ReasoningRoot2,
   Reasoning2
-} from "./chunk-9msk1t9e.js";
+} from "./chunk-8a15x4a8.js";
 import {
   ToolFallback2
 } from "./chunk-yp12vs0s.js";

package/dist/{chunk-zhdp6qrb.js → chunk-bcpy6gpz.js}

@@ -10,7 +10,7 @@ import {
   CardTitle2,
   CardDescription2,
   CardContent2
-} from "./chunk-v4yqjvzd.js";
+} from "./chunk-bygq5yqf.js";
 import {
   Collapsible2,
   CollapsibleTrigger2,

package/dist/{chunk-v4yqjvzd.js → chunk-bygq5yqf.js}

@@ -10,16 +10,25 @@ import { cva } from "class-variance-authority";
 import { useCallback, useEffect, useRef } from "react";
 var SPOTLIGHT_X = "--card-spotlight-x";
 var SPOTLIGHT_Y = "--card-spotlight-y";
+function observeLayoutChanges(element, onChange) {
+  const resizeObserver = new ResizeObserver(onChange);
+  resizeObserver.observe(element);
+  window.addEventListener("scroll", onChange, { capture: true, passive: true });
+  window.addEventListener("resize", onChange, { passive: true });
+  return () => {
+    resizeObserver.disconnect();
+    window.removeEventListener("scroll", onChange, { capture: true });
+    window.removeEventListener("resize", onChange);
+  };
+}
 function useCardSpotlight() {
   const frameRef = useRef(0);
   const pointerRef = useRef({ clientX: 0, clientY: 0 });
-  useEffect(() => () => cancelAnimationFrame(frameRef.current), []);
-  const onPointerMove = useCallback((event) => {
-    pointerRef.current = { clientX: event.clientX, clientY: event.clientY };
+  const stopObservingRef = useRef(null);
+  const scheduleUpdate = useCallback((element) => {
     if (frameRef.current !== 0) {
       return;
     }
-    const element = event.currentTarget;
     frameRef.current = requestAnimationFrame(() => {
       frameRef.current = 0;
       const { clientX, clientY } = pointerRef.current;
@@ -28,12 +37,24 @@ function useCardSpotlight() {
       element.style.setProperty(SPOTLIGHT_Y, `${Math.round(clientY - bounds.top)}px`);
     });
   }, []);
-  const onPointerLeave = useCallback((event) => {
+  const stopTracking = useCallback(() => {
     cancelAnimationFrame(frameRef.current);
     frameRef.current = 0;
+    stopObservingRef.current?.();
+    stopObservingRef.current = null;
+  }, []);
+  useEffect(() => stopTracking, [stopTracking]);
+  const onPointerMove = useCallback((event) => {
+    pointerRef.current = { clientX: event.clientX, clientY: event.clientY };
+    const element = event.currentTarget;
+    stopObservingRef.current ??= observeLayoutChanges(element, () => scheduleUpdate(element));
+    scheduleUpdate(element);
+  }, [scheduleUpdate]);
+  const onPointerLeave = useCallback((event) => {
+    stopTracking();
     event.currentTarget.style.removeProperty(SPOTLIGHT_X);
     event.currentTarget.style.removeProperty(SPOTLIGHT_Y);
-  }, []);
+  }, [stopTracking]);
   return { onPointerMove, onPointerLeave };
 }
 
@@ -55,6 +76,7 @@ function Card2({ density, className, size = "default", variant = "default", ...p
   return /* @__PURE__ */ jsx("div", {
     "data-density": density,
     "data-slot": "card",
+    "data-scroll": "none",
     "data-size": size,
     ...mergeProps({
       className: cn2(cardVariants({ variant }), className),
@@ -66,6 +88,7 @@ function CardHeader2({ density, className, ...props }) {
   return /* @__PURE__ */ jsx("div", {
     "data-density": density,
     "data-slot": "card-header",
+    "data-scroll": "none",
     className: cn2("group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-md px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)", className),
     ...props
   });
@@ -98,6 +121,7 @@ function CardContent2({ density, className, ...props }) {
   return /* @__PURE__ */ jsx("div", {
     "data-density": density,
     "data-slot": "card-content",
+    "data-scroll": "none",
     className: cn2("px-(--card-spacing)", className),
     ...props
   });
@@ -106,6 +130,7 @@ function CardFooter2({ density, className, ...props }) {
   return /* @__PURE__ */ jsx("div", {
     "data-density": density,
     "data-slot": "card-footer",
+    "data-scroll": "none",
     className: cn2("flex items-center rounded-b-md border-t bg-muted/50 p-(--card-spacing)", className),
     ...props
   });

package/dist/{chunk-2m0zpzbm.js → chunk-cn81dnqb.js}

@@ -20,6 +20,7 @@ function ComparisonCard2({
   return /* @__PURE__ */ jsxs("div", {
     "data-testid": "ComparisonCard",
     "data-slot": "comparison-card",
+    "data-scroll": "none",
     className: cn2(paper, "flex w-full max-w-md flex-col gap-3 rounded-md p-4"),
     ...props,
     children: [

package/dist/{chunk-m1a9e1py.js → chunk-d2z4gebj.js}

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

package/dist/{chunk-2qxy1r5y.js → chunk-d3ad53et.js}

@@ -3,40 +3,40 @@ import {
 } from "./chunk-ydfx8r6d.js";
 import {
   ModelSelectorRoot2
-} from "./chunk-9dw4dyzq.js";
+} from "./chunk-e0pv0me5.js";
 import {
   ModelSelectorValue2
 } from "./chunk-0qkdp68h.js";
 import {
   ModelSelectorTrigger2
-} from "./chunk-h8awhm19.js";
+} from "./chunk-96wh7ccv.js";
 import {
   ModelSelectorFocusAnchor2
-} from "./chunk-82vfgkjv.js";
+} from "./chunk-f4c0tg2x.js";
 import {
   ModelSelectorSearch2
-} from "./chunk-0jb0xgdb.js";
+} from "./chunk-0w6rxpr5.js";
 import {
   ModelSelectorEmpty2
-} from "./chunk-cre60717.js";
+} from "./chunk-72qr0gqe.js";
 import {
   ModelSelectorItem2
-} from "./chunk-vpj3vk7v.js";
+} from "./chunk-83cckb23.js";
 import {
   ModelSelectorList2
-} from "./chunk-x82x81th.js";
+} from "./chunk-1p7pend8.js";
 import {
   ModelSelectorEffort2
 } from "./chunk-r07v9c4f.js";
 import {
   ModelSelectorContent2
-} from "./chunk-6wvtsf2m.js";
+} from "./chunk-f9ha76ap.js";
 import {
   ModelSelectorGroup2
-} from "./chunk-dppmqr99.js";
+} from "./chunk-k8v9y2dw.js";
 import {
   ModelSelectorSeparator2
-} from "./chunk-k4vvp62d.js";
+} from "./chunk-seeed8a2.js";
 
 // src/components/assistant-ui/native/ModelSelector.tsx
 import { memo, useEffect } from "react";

package/dist/{chunk-mx21wpq0.js → chunk-d4bm5rzy.js}

@@ -4,6 +4,10 @@ import {
 import {
   usePortalContainer2
 } from "./chunk-j89xg1ak.js";
+import {
+  usePortalNode,
+  PortalProvider2
+} from "./chunk-aa7m22zj.js";
 import {
   useDirection2
 } from "./chunk-jpvw9xqy.js";
@@ -22,12 +26,18 @@ function DropdownMenu2({ ...props }) {
     ...props
   });
 }
-function DropdownMenuPortal2({ container, ...props }) {
+function DropdownMenuPortal2({ container, ref, children, ...props }) {
   const resolvedContainer = usePortalContainer2(container);
+  const portal = usePortalNode(ref);
   return /* @__PURE__ */ jsx(MenuPrimitive.Portal, {
     "data-slot": "dropdown-menu-portal",
     container: resolvedContainer,
-    ...props
+    ref: portal.ref,
+    ...props,
+    children: /* @__PURE__ */ jsx(PortalProvider2, {
+      container: portal.node,
+      children
+    })
   });
 }
 function DropdownMenuTrigger2({ ...props }) {

package/dist/{chunk-qw7229kj.js → chunk-dgkj6442.js}

@@ -25,7 +25,7 @@ import {
   CardDescription2,
   CardContent2,
   CardFooter2
-} from "./chunk-v4yqjvzd.js";
+} from "./chunk-bygq5yqf.js";
 import {
   Switch2
 } from "./chunk-8ye0k6z7.js";

package/dist/{chunk-r4fr62ca.js → chunk-djm7qq62.js}

@@ -9,7 +9,7 @@ import {
   DialogTrigger2,
   DialogContent2,
   DialogTitle2
-} from "./chunk-717ggspf.js";
+} from "./chunk-70vndezn.js";
 
 // src/components/assistant-ui/elements/MermaidZoom.tsx
 import { useRef, useState as useState2 } from "react";

package/dist/{chunk-45kmek5e.js → chunk-dq7kr5y0.js}

@@ -5,6 +5,10 @@ import {
 import {
   usePortalContainer2
 } from "./chunk-j89xg1ak.js";
+import {
+  usePortalNode,
+  PortalProvider2
+} from "./chunk-aa7m22zj.js";
 import {
   cn2
 } from "./chunk-cp2m7y7v.js";
@@ -27,7 +31,7 @@ import {
   Tooltip2,
   TooltipTrigger2,
   TooltipContent2
-} from "./chunk-czg9p52v.js";
+} from "./chunk-mz3e810d.js";
 
 // src/components/Sheet.tsx
 import { XIcon } from "lucide-react";
@@ -51,12 +55,18 @@ function SheetClose2({ ...props }) {
     ...props
   });
 }
-function SheetPortal({ container, ...props }) {
+function SheetPortal({ container, ref, children, ...props }) {
   const resolvedContainer = usePortalContainer2(container);
+  const portal = usePortalNode(ref);
   return /* @__PURE__ */ jsx(SheetPrimitive.Portal, {
     "data-slot": "sheet-portal",
     container: resolvedContainer,
-    ...props
+    ref: portal.ref,
+    ...props,
+    children: /* @__PURE__ */ jsx(PortalProvider2, {
+      container: portal.node,
+      children
+    })
   });
 }
 function SheetOverlay({ density, className, ...props }) {
@@ -85,6 +95,7 @@ function SheetContent2({
         dir: direction,
         "data-density": resolvedDensity,
         "data-slot": "sheet-content",
+        "data-scroll": "none",
         "data-side": side,
         className: (state) => cn2("fixed  flex flex-col gap-panel bg-popover bg-clip-padding text-sm text-popover-foreground shadow-frame border border-frame-edge transition duration-200 ease-in-out data-ending-style:opacity-0 data-starting-style:opacity-0 data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=bottom]:data-ending-style:translate-y-[2.5rem] data-[side=bottom]:data-starting-style:translate-y-[2.5rem] data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=left]:data-ending-style:translate-x-[-2.5rem] data-[side=left]:data-starting-style:translate-x-[-2.5rem] data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=right]:data-ending-style:translate-x-[2.5rem] data-[side=right]:data-starting-style:translate-x-[2.5rem] data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=top]:data-ending-style:translate-y-[-2.5rem] data-[side=top]:data-starting-style:translate-y-[-2.5rem] data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm", typeof className === "function" ? className(state) : className),
         ...props,
@@ -231,6 +242,7 @@ function Sidebar2({
   side = "left",
   variant = "sidebar",
   collapsible = "offcanvas",
+  position = "viewport",
   className,
   children,
   dir,
@@ -314,7 +326,7 @@ function Sidebar2({
           dir: direction,
           inert: isOffcanvas,
           "aria-hidden": isOffcanvas || undefined,
-          className: cn2("fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear data-[side=left]:left-0 data-[side=left]:group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)] data-[side=right]:right-0 data-[side=right]:group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)] md:flex motion-reduce:transition-none", variant === "floating" || variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l", className),
+          className: cn2("inset-y-0 z-10 hidden w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear data-[side=left]:left-0 data-[side=left]:group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)] data-[side=right]:right-0 data-[side=right]:group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)] md:flex motion-reduce:transition-none", position === "container" ? "absolute h-full" : "fixed h-svh", variant === "floating" || variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l", className),
           ...props,
           children: /* @__PURE__ */ jsx2("div", {
             "data-sidebar": "sidebar",

package/dist/{chunk-c6b2cfw4.js → chunk-e0gcczqk.js}

@@ -1,12 +1,12 @@
 import {
   ModelSelectorRoot2
-} from "./chunk-9dw4dyzq.js";
+} from "./chunk-e0pv0me5.js";
 import {
   ModelSelectorTrigger2
-} from "./chunk-h8awhm19.js";
+} from "./chunk-96wh7ccv.js";
 import {
   ModelSelectorContent2
-} from "./chunk-6wvtsf2m.js";
+} from "./chunk-f9ha76ap.js";
 
 // src/components/assistant-ui/elements/ModelSelector.tsx
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/{chunk-9dw4dyzq.js → chunk-e0pv0me5.js}

@@ -1,6 +1,6 @@
 import {
   Popover2
-} from "./chunk-x7z9jzyf.js";
+} from "./chunk-4djw71cv.js";
 import {
   getModelEfforts,
   resolveEffort,

package/dist/{chunk-82vfgkjv.js → chunk-f4c0tg2x.js}

@@ -1,6 +1,6 @@
 import {
   CommandInput2
-} from "./chunk-waat2ksf.js";
+} from "./chunk-ghmkxqn5.js";
 
 // src/components/assistant-ui/elements/ModelSelectorFocusAnchor.tsx
 import { jsx } from "react/jsx-runtime";

package/dist/{chunk-jq6tc65r.js → chunk-f5hphka1.js}

@@ -21,6 +21,10 @@ function ScrollAnchor2({
 }) {
   const viewportRef = useRef(null);
   const contentRef = useRef(null);
+  const isFollowingRef = useRef(isFollowing);
+  useLayoutEffect(() => {
+    isFollowingRef.current = isFollowing;
+  }, [isFollowing]);
   useLayoutEffect(() => {
     if (!isFollowing)
       return;
@@ -29,7 +33,8 @@ function ScrollAnchor2({
     if (!viewport || !content)
       return;
     const follow = () => {
-      viewport.scrollTo({ top: viewport.scrollHeight });
+      if (isFollowingRef.current)
+        viewport.scrollTo({ top: viewport.scrollHeight });
     };
     follow();
     const observer = new ResizeObserver(follow);
@@ -52,6 +57,7 @@ function ScrollAnchor2({
         onScroll: (event) => {
           const viewport = event.currentTarget;
           const isAtLatest = viewport.scrollHeight - viewport.scrollTop - viewport.clientHeight <= 1;
+          isFollowingRef.current = isAtLatest;
           if (isAtLatest !== isFollowing)
             onFollowingChange(isAtLatest);
         },

package/dist/{chunk-6wvtsf2m.js → chunk-f9ha76ap.js}

@@ -1,22 +1,22 @@
 import {
   PopoverContent2,
   PopoverTitle2
-} from "./chunk-x7z9jzyf.js";
+} from "./chunk-4djw71cv.js";
 import {
   Command2
-} from "./chunk-waat2ksf.js";
+} from "./chunk-ghmkxqn5.js";
 import {
   useModelSelectorContext
 } from "./chunk-ydfx8r6d.js";
 import {
   ModelSelectorFocusAnchor2
-} from "./chunk-82vfgkjv.js";
+} from "./chunk-f4c0tg2x.js";
 import {
   ModelSelectorSearch2
-} from "./chunk-0jb0xgdb.js";
+} from "./chunk-0w6rxpr5.js";
 import {
   ModelSelectorList2
-} from "./chunk-x82x81th.js";
+} from "./chunk-1p7pend8.js";
 import {
   ModelSelectorEffort2
 } from "./chunk-r07v9c4f.js";

package/dist/{chunk-2e4fnx0e.js → chunk-fb6h4fzt.js}

@@ -4,7 +4,7 @@ import {
   CardTitle2,
   CardDescription2,
   CardContent2
-} from "./chunk-v4yqjvzd.js";
+} from "./chunk-bygq5yqf.js";
 import {
   take
 } from "./chunk-v8ks0cfq.js";

package/dist/{chunk-c900175p.js → chunk-fba5hr7b.js}

@@ -4,7 +4,7 @@ import {
 import {
   Card2,
   CardContent2
-} from "./chunk-v4yqjvzd.js";
+} from "./chunk-bygq5yqf.js";
 import {
   take
 } from "./chunk-v8ks0cfq.js";

package/dist/{chunk-155c0btb.js → chunk-g03nphs1.js}

@@ -8,7 +8,7 @@ import {
   Dialog2,
   DialogContent2,
   DialogTitle2
-} from "./chunk-717ggspf.js";
+} from "./chunk-70vndezn.js";
 import {
   safeHref
 } from "./chunk-xhtsnwnb.js";

package/dist/{chunk-waat2ksf.js → chunk-ghmkxqn5.js}

@@ -7,7 +7,7 @@ import {
   DialogHeader2,
   DialogTitle2,
   DialogDescription2
-} from "./chunk-717ggspf.js";
+} from "./chunk-70vndezn.js";
 import {
   InputGroup2,
   InputGroupAddon2,

package/dist/{chunk-r3artnc9.js → chunk-gkkbg7rq.js}

@@ -6,7 +6,7 @@ import {
   CommandGroup2,
   CommandItem2,
   CommandShortcut2
-} from "./chunk-waat2ksf.js";
+} from "./chunk-ghmkxqn5.js";
 import {
   Kbd2
 } from "./chunk-vyve5wf3.js";

package/dist/{chunk-zcwynyr0.js → chunk-gykrcxd1.js}

@@ -15,6 +15,7 @@ function SpecSheet2({ title, subtitle, rows, visibleCount, className, ...props }
   return /* @__PURE__ */ jsxs("div", {
     "data-testid": "SpecSheet",
     "data-slot": "spec-sheet",
+    "data-scroll": "none",
     className: cn2(cn2(paper, "flex w-full max-w-sm flex-col gap-3 rounded-md p-4"), className),
     ...props,
     children: [