@alexgorbatchev/shadcn 0.0.17 → 0.0.18

package/dist/{chunk-5ntb7p4q.js → chunk-0qcknj5n.js}

@@ -157,7 +157,9 @@ var ThreadHistorySkeleton = () => /* @__PURE__ */ jsxs("div", {
 function Thread2({
   components = EMPTY_COMPONENTS,
   autoFocus = true,
-  emptyComposerPosition = "center"
+  emptyComposerPosition = "center",
+  viewportProps,
+  composerInputRef
 }) {
   const isEmpty = useAuiState(isNewChatView);
   return /* @__PURE__ */ jsx(ThreadComponentsContext.Provider, {
@@ -165,11 +167,19 @@ function Thread2({
     children: /* @__PURE__ */ jsx(ThreadRoot, {
       isEmpty,
       autoFocus,
-      emptyComposerPosition
+      emptyComposerPosition,
+      viewportProps,
+      composerInputRef
     })
   });
 }
-var ThreadRoot = ({ isEmpty, autoFocus, emptyComposerPosition }) => {
+var ThreadRoot = ({
+  isEmpty,
+  autoFocus,
+  emptyComposerPosition,
+  viewportProps,
+  composerInputRef
+}) => {
   const { Welcome = ThreadWelcome } = useContext(ThreadComponentsContext);
   const isCentered = isEmpty && emptyComposerPosition === "center";
   return /* @__PURE__ */ jsx(ThreadPrimitive.Root, {
@@ -178,6 +188,7 @@ var ThreadRoot = ({ isEmpty, autoFocus, emptyComposerPosition }) => {
     }),
     children: /* @__PURE__ */ jsx(ThreadPrimitive.Viewport, {
       turnAnchor: "top",
+      ...viewportProps,
       "data-slot": "aui_thread-viewport",
       render: /* @__PURE__ */ jsx("div", {
         className: "relative flex flex-1 flex-col overflow-x-auto overflow-y-scroll scroll-smooth"
@@ -201,15 +212,20 @@ var ThreadRoot = ({ isEmpty, autoFocus, emptyComposerPosition }) => {
               children: () => /* @__PURE__ */ jsx(ThreadMessage, {})
             })
           }),
+          /* @__PURE__ */ jsx("div", {
+            "aria-hidden": "true",
+            className: cn2(!isCentered && "flex-1")
+          }),
           /* @__PURE__ */ jsxs(ThreadPrimitive.ViewportFooter, {
             render: /* @__PURE__ */ jsx("div", {
-              className: cn2("aui-thread-viewport-footer bg-background sticky bottom-0 flex flex-col gap-4 overflow-visible pb-4 md:pb-6", !isCentered && "mt-auto rounded-t-(--composer-radius)")
+              className: cn2("aui-thread-viewport-footer bg-background sticky bottom-0 flex flex-col gap-4 overflow-visible pb-4 md:pb-6", !isCentered && "rounded-t-(--composer-radius)")
             }),
             children: [
               /* @__PURE__ */ jsx(ThreadScrollToBottom, {}),
               /* @__PURE__ */ jsx(ThreadFollowupSuggestions2, {}),
               /* @__PURE__ */ jsx(Composer, {
-                autoFocus
+                autoFocus,
+                inputRef: composerInputRef
               }),
               /* @__PURE__ */ jsx(AuiIf, {
                 condition: (s) => isNewChatView(s) && s.composer.isEmpty,
@@ -460,7 +476,7 @@ var ThreadSuggestionItem = () => {
     })
   });
 };
-var Composer = ({ autoFocus }) => {
+var Composer = ({ autoFocus, inputRef }) => {
   return /* @__PURE__ */ jsx(ComposerPrimitive.Root, {
     render: /* @__PURE__ */ jsx("form", {
       className: "aui-composer-root relative flex w-full flex-col"
@@ -473,6 +489,7 @@ var Composer = ({ autoFocus }) => {
       children: [
         /* @__PURE__ */ jsx(ComposerAttachments3, {}),
         /* @__PURE__ */ jsx(ComposerPrimitive.Input, {
+          ref: inputRef,
           placeholder: "Send a message...",
           rows: 1,
           autoFocus,
@@ -488,6 +505,7 @@ var Composer = ({ autoFocus }) => {
   });
 };
 var ComposerAction = () => {
+  const { ComposerActions } = useContext(ThreadComponentsContext);
   const isSending = useAuiState((s) => s.composer.submission !== undefined && !(s.thread.isRunning && s.thread.capabilities.cancel));
   return /* @__PURE__ */ jsxs("div", {
     className: "aui-composer-action-wrapper relative flex items-center justify-between",
@@ -496,6 +514,7 @@ var ComposerAction = () => {
       /* @__PURE__ */ jsxs("div", {
         className: "flex items-center gap-1.5",
         children: [
+          ComposerActions && /* @__PURE__ */ jsx(ComposerActions, {}),
           /* @__PURE__ */ jsxs(AuiIf, {
             condition: (s) => s.thread.capabilities.dictation,
             children: [
@@ -504,11 +523,11 @@ var ComposerAction = () => {
                 children: /* @__PURE__ */ jsx(ComposerPrimitive.Dictate, {
                   asChild: true,
                   children: /* @__PURE__ */ jsx(TooltipIconButton2, {
-                    tooltip: "Voice input",
+                    tooltip: "Voice Input",
                     side: "bottom",
                     type: "button",
                     variant: "ghost",
-                    "aria-label": "Start voice input",
+                    "aria-label": "Start Voice Input",
                     children: /* @__PURE__ */ jsx(MicIcon, {
                       "aria-hidden": "true",
                       className: "size-4 shrink-0"
@@ -521,11 +540,11 @@ var ComposerAction = () => {
                 children: /* @__PURE__ */ jsx(ComposerPrimitive.StopDictation, {
                   asChild: true,
                   children: /* @__PURE__ */ jsx(TooltipIconButton2, {
-                    tooltip: "Stop dictation",
+                    tooltip: "Stop Dictation",
                     side: "bottom",
                     type: "button",
                     variant: "ghost",
-                    "aria-label": "Stop voice input",
+                    "aria-label": "Stop Voice Input",
                     children: /* @__PURE__ */ jsx(SquareIcon, {
                       "aria-hidden": "true",
                       className: "size-3.5 shrink-0 animate-pulse motion-reduce:animate-none"
@@ -540,11 +559,11 @@ var ComposerAction = () => {
             children: /* @__PURE__ */ jsx(ComposerPrimitive.Send, {
               asChild: true,
               children: /* @__PURE__ */ jsx(TooltipIconButton2, {
-                tooltip: "Send message",
+                tooltip: "Send Message",
                 side: "bottom",
                 type: "button",
                 variant: "default",
-                "aria-label": "Send message",
+                "aria-label": "Send Message",
                 children: /* @__PURE__ */ jsx(ArrowUpIcon, {
                   "aria-hidden": "true",
                   className: "size-4 shrink-0"
@@ -557,11 +576,11 @@ var ComposerAction = () => {
             children: /* @__PURE__ */ jsx(ComposerPrimitive.Resume, {
               asChild: true,
               children: /* @__PURE__ */ jsx(TooltipIconButton2, {
-                tooltip: "Resume generating",
+                tooltip: "Resume Generating",
                 side: "bottom",
                 type: "button",
                 variant: "default",
-                "aria-label": "Resume generating",
+                "aria-label": "Resume Generating",
                 children: /* @__PURE__ */ jsx(PlayIcon, {
                   "aria-hidden": "true",
                   className: "size-4 shrink-0"
@@ -576,7 +595,7 @@ var ComposerAction = () => {
               children: /* @__PURE__ */ jsx(Button2, {
                 type: "button",
                 variant: "default",
-                "aria-label": isSending ? "Cancel sending" : "Stop generating",
+                "aria-label": isSending ? "Cancel Sending" : "Stop Generating",
                 children: /* @__PURE__ */ jsx(SquareIcon, {
                   "aria-hidden": "true",
                   className: "size-3.5 shrink-0"
@@ -874,6 +893,7 @@ var UserImagePart = (part) => /* @__PURE__ */ jsx("div", {
   })
 });
 var UserMessage = () => {
+  const { UserText } = useContext(ThreadComponentsContext);
   return /* @__PURE__ */ jsxs(MessagePrimitive.Root, {
     "data-slot": "aui_user-message-root",
     "data-role": "user",
@@ -888,7 +908,7 @@ var UserMessage = () => {
           /* @__PURE__ */ jsx("div", {
             className: "aui-user-message-content peer bg-muted text-foreground rounded-(--composer-radius) px-4 py-2 wrap-break-word empty:hidden",
             children: /* @__PURE__ */ jsx(MessagePrimitive.Parts, {
-              components: { File: UserFilePart, Image: UserImagePart }
+              components: { Text: UserText, File: UserFilePart, Image: UserImagePart }
             })
           }),
           /* @__PURE__ */ jsx("div", {

package/dist/{chunk-299wvwy8.js → chunk-6aqm34nb.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-q40gqpwh.js";
 import {
   Thread2
-} from "./chunk-5ntb7p4q.js";
+} from "./chunk-0qcknj5n.js";
 import {
   ThreadListSearch2,
   ThreadListRoot2,

package/dist/{chunk-r9mng3ws.js → chunk-c6nvc3ft.js}

@@ -5,7 +5,7 @@ import {
 } from "./chunk-1x2ch0xc.js";
 import {
   Thread2
-} from "./chunk-5ntb7p4q.js";
+} from "./chunk-0qcknj5n.js";
 
 // src/components/assistant-ui/native/AssistantSidebar.tsx
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/assistant-ui/native/AssistantModal.js

@@ -1,8 +1,8 @@
 import {
   AssistantModal2
-} from "../../../chunk-299wvwy8.js";
+} from "../../../chunk-6aqm34nb.js";
 import"../../../chunk-tsekdy3w.js";
-import"../../../chunk-5ntb7p4q.js";
+import"../../../chunk-0qcknj5n.js";
 import"../../../chunk-9msk1t9e.js";
 import"../../../chunk-c2vcrwjp.js";
 import"../../../chunk-sbrpnv8s.js";

package/dist/components/assistant-ui/native/AssistantSidebar.js

@@ -1,7 +1,7 @@
 import {
   AssistantSidebar2
-} from "../../../chunk-r9mng3ws.js";
-import"../../../chunk-5ntb7p4q.js";
+} from "../../../chunk-c6nvc3ft.js";
+import"../../../chunk-0qcknj5n.js";
 import"../../../chunk-9msk1t9e.js";
 import"../../../chunk-c2vcrwjp.js";
 import"../../../chunk-sbrpnv8s.js";

package/dist/components/assistant-ui/native/Thread.d.ts

@@ -1,5 +1,5 @@
-import type { ReactElement } from "react";
-import { MessagePrimitive, type ToolCallMessagePartComponent } from "@assistant-ui/react";
+import type { ComponentPropsWithRef, ReactElement, Ref } from "react";
+import { MessagePrimitive, ThreadPrimitive, type TextMessagePartComponent, type ToolCallMessagePartComponent } from "@assistant-ui/react";
 import { type ComponentType, type PropsWithChildren } from "react";
 export type ThreadGroupPart = MessagePrimitive.GroupedParts.GroupPart;
 /**
@@ -12,6 +12,8 @@ export type ThreadGroupPart = MessagePrimitive.GroupedParts.GroupPart;
  * tool group; without it they render like any other tool call.
  */
 export type ThreadComponents = {
+    UserText?: TextMessagePartComponent | undefined;
+    ComposerActions?: ComponentType | undefined;
     AssistantMessage?: ComponentType | undefined;
     Welcome?: ComponentType | undefined;
     ToolFallback?: ToolCallMessagePartComponent | undefined;
@@ -26,9 +28,13 @@ export type ThreadComponents = {
     }> | undefined;
 };
 export type ThreadProps = {
+    /** Native viewport behavior and ref, including scroll restoration. */
+    viewportProps?: Omit<ComponentPropsWithRef<typeof ThreadPrimitive.Viewport>, "children" | "render"> | undefined;
+    /** Ref to the thread composer's native input. */
+    composerInputRef?: Ref<HTMLTextAreaElement> | undefined;
     components?: ThreadComponents | undefined;
     autoFocus?: boolean | undefined;
     /** Place the composer at the bottom even before the first message. */
     emptyComposerPosition?: "center" | "bottom" | undefined;
 };
-export declare function Thread({ components, autoFocus, emptyComposerPosition, }: ThreadProps): ReactElement;
+export declare function Thread({ components, autoFocus, emptyComposerPosition, viewportProps, composerInputRef, }: ThreadProps): ReactElement;

package/dist/components/assistant-ui/native/Thread.js

@@ -1,6 +1,6 @@
 import {
   Thread2
-} from "../../../chunk-5ntb7p4q.js";
+} from "../../../chunk-0qcknj5n.js";
 import"../../../chunk-9msk1t9e.js";
 import"../../../chunk-c2vcrwjp.js";
 import"../../../chunk-sbrpnv8s.js";

package/dist/components/assistant-ui/native/index.js

@@ -64,7 +64,7 @@ import {
 import"../../../chunk-d70rcwk7.js";
 import {
   Thread2
-} from "../../../chunk-5ntb7p4q.js";
+} from "../../../chunk-0qcknj5n.js";
 import {
   useThreadListGroups2,
   ThreadList3,
@@ -77,11 +77,11 @@ import {
 import"../../../chunk-59p19t57.js";
 import {
   AssistantModal2
-} from "../../../chunk-299wvwy8.js";
+} from "../../../chunk-6aqm34nb.js";
 import"../../../chunk-1x2ch0xc.js";
 import {
   AssistantSidebar2
-} from "../../../chunk-r9mng3ws.js";
+} from "../../../chunk-c6nvc3ft.js";
 import {
   ComposerQuotePreviewRoot2,
   ComposerQuotePreviewIcon2,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alexgorbatchev/shadcn",
-  "version": "0.0.17",
+  "version": "0.0.18",
   "description": "Sharp, monospace React components with compact and comfortable densities.",
   "license": "MIT",
   "repository": {