@admin-layout/tailwind-ui 12.2.4-alpha.46 → 12.2.4-alpha.51

package/lib/components/AIToolbar/components/AIToolbarPrimitives.js

@@ -4,7 +4,7 @@ import {jsx}from'react/jsx-runtime';import*as React from'react';import {cn}from'
 }) {
   return jsx("div", {
     role: "toolbar",
-    className: cn('flex w-full flex-row items-center gap-2 rounded-xl border border-slate-800/90 bg-slate-950 p-2 text-slate-50 shadow-sm', className),
+    className: cn('flex w-full flex-row items-center gap-2 rounded-xl border border-border bg-background p-2 text-foreground shadow-sm', className),
     ...props
   });
 }
@@ -41,7 +41,7 @@ const AIToolbarInputSurface = React.forwardRef(function AIToolbarInputSurface({
 }, ref) {
   return jsx("div", {
     ref: ref,
-    className: cn('flex min-h-9 min-w-0 flex-1 items-center rounded-full border-0 bg-slate-900 px-3 py-0.5 shadow-inner outline-none ring-0 focus-visible:outline-none focus-visible:ring-0', className),
+    className: cn('flex min-h-9 min-w-0 flex-1 items-center rounded-full border border-input bg-muted px-3 py-0.5 shadow-inner outline-none ring-0 focus-visible:outline-none focus-visible:ring-0', className),
     ...props
   });
 });

package/lib/components/AIToolbar/components/AIToolbarPrimitives.js.map

@@ -1 +1 @@
-{"version":3,"file":"AIToolbarPrimitives.js","sources":["../../../../src/components/AIToolbar/components/AIToolbarPrimitives.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"wGAkBM;AAEN,EAAA,SAAA;AAIA,EAAA,GAAA;AAIA,CAAA,EAAA;AAIA,EAAA,OAAMA;AAEN,IAAA,IAAA,EAAA,SAAO;AAeP,IAAA,sIAA8E,EAAA,SAAA,CAAA;IAC1E,GAAA;GACF,CAAA;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"AIToolbarPrimitives.js","sources":["../../../../src/components/AIToolbar/components/AIToolbarPrimitives.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"wGAkBM;AAEN,EAAA,SAAA;AAIA,EAAA,GAAA;AAIA,CAAA,EAAA;AAIA,EAAA,OAAMA;AAEN,IAAA,IAAA,EAAA,SAAO;AAeP,IAAA,mIAA8E,EAAA,SAAA,CAAA;IAC1E,GAAA;GACF,CAAA;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/AIToolbar/components/Markdown/index.js

@@ -37,7 +37,7 @@ const COMPONENTS = {
     };
     return jsx("a", {
       href: href,
-      className: "text-gray-600 underline underline-offset-2 hover:text-gray-800 dark:text-gray-300 dark:hover:text-gray-100 cursor-pointer",
+      className: "cursor-pointer text-primary underline underline-offset-2 hover:text-primary/80",
       onClick: handleClick,
       ...props,
       children: children

package/lib/components/AIToolbar/components/completion/Audio.js

@@ -43,14 +43,14 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {MicIcon,InfoIcon}from'
         children: [jsx("div", {
           className: "mb-1 font-semibold text-orange-600",
           children: "Speech Provider Configuration Required"
-        }), jsx("p", {
+        }), jsx("div", {
           className: "text-muted-foreground",
           children: !speechProviderStatus ? jsxs(Fragment, {
             children: [jsxs("div", {
               className: "mt-2 flex flex-row items-center gap-1 text-orange-600",
               children: [jsx(InfoIcon, {
                 size: 16
-              }), selectedSttProvider.provider ? null : jsx("p", {
+              }), selectedSttProvider.provider ? null : jsx("span", {
                 children: "PROVIDER IS MISSING"
               })]
             }), jsx("span", {

package/lib/components/AIToolbar/components/completion/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../../src/components/AIToolbar/components/completion/Input.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAI/C,eAAO,MAAM,KAAK,GAAI,sTAsBnB,mBAAmB,GAAG;IAAE,QAAQ,EAAE,OAAO,CAAA;CAAE,4CAkO7C,CAAC"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../../src/components/AIToolbar/components/completion/Input.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAI/C,eAAO,MAAM,KAAK,GAAI,sTAsBnB,mBAAmB,GAAG;IAAE,QAAQ,EAAE,OAAO,CAAA;CAAE,4CAuP7C,CAAC"}

package/lib/components/AIToolbar/components/completion/Input.js

@@ -1,4 +1,4 @@
-import {jsx,jsxs}from'react/jsx-runtime';import {useMemo}from'react';import {AIToolbarInputSurface}from'../AIToolbarPrimitives.js';import {XIcon,Loader2}from'lucide-react';import'../../../../shardui/accordion.js';import'../../../../shardui/alert.js';import'../../../../shardui/alert-dialog.js';import'@radix-ui/react-aspect-ratio';import'../../../../shardui/avatar.js';import'../../../../shardui/badge.js';import'../../../../shardui/breadcrumb.js';import {Button}from'../../../../shardui/button.js';import'../../../../shardui/calendar.js';import'../../../../shardui/card.js';import'../../../../shardui/carousel.js';import'../../../../shardui/chart.js';import'../../../../shardui/checkbox.js';import'@radix-ui/react-collapsible';import'../../../../shardui/command.js';import'../../../../shardui/context-menu.js';import'../../../../shardui/dialog.js';import'../../../../shardui/drawer.js';import'../../../../shardui/dropdown-menu.js';import'../../../../shardui/form.js';import'../../../../shardui/hover-card.js';import {Input as Input$1}from'../../../../shardui/input.js';import'../../../../shardui/input-otp.js';import'../../../../shardui/label.js';import'../../../../shardui/menubar.js';import'../../../../shardui/navigation-menu.js';import'../../../../shardui/pagination.js';import {Popover,PopoverContent,PopoverTrigger}from'../../../../shardui/popover.js';import'../../../../shardui/progress.js';import'../../../../shardui/radio-group.js';import'react-resizable-panels';import'../../../../utils/isBrowser/index.js';import {cn}from'../../../../utils/util.js';import'fast-deep-equal/react.js';import'../../../../shardui/scroll-area.js';import'../../../../shardui/select.js';import'../../../../shardui/separator.js';import'../../../../shardui/sheet.js';import'../../../../shardui/sidebar.js';import'../../../../shardui/slider.js';import'../../../ThemeProvider/ThemeProvider.js';import'sonner';import {Switch}from'../../../../shardui/switch.js';import'../../../../shardui/table.js';import'../../../../shardui/tabs.js';import'../../../../shardui/textarea.js';import'../../../../shardui/toast.js';import'../../../../shardui/toggle.js';import'../../../../shardui/toggle-group.js';import'../../../../shardui/tooltip.js';import {Markdown}from'../Markdown/index.js';import {AssistantMessageActions}from'./AssistantMessageActions.js';import {CopyButton}from'../Markdown/copy-button.js';import {MessageHistory}from'./MessageHistory.js';const Input = ({
+import {jsx,jsxs}from'react/jsx-runtime';import {useRef,useMemo,useLayoutEffect}from'react';import {AIToolbarInputSurface}from'../AIToolbarPrimitives.js';import {XIcon,Loader2}from'lucide-react';import'../../../../shardui/accordion.js';import'../../../../shardui/alert.js';import'../../../../shardui/alert-dialog.js';import'@radix-ui/react-aspect-ratio';import'../../../../shardui/avatar.js';import'../../../../shardui/badge.js';import'../../../../shardui/breadcrumb.js';import {Button}from'../../../../shardui/button.js';import'../../../../shardui/calendar.js';import'../../../../shardui/card.js';import'../../../../shardui/carousel.js';import'../../../../shardui/chart.js';import'../../../../shardui/checkbox.js';import'@radix-ui/react-collapsible';import'../../../../shardui/command.js';import'../../../../shardui/context-menu.js';import'../../../../shardui/dialog.js';import'../../../../shardui/drawer.js';import'../../../../shardui/dropdown-menu.js';import'../../../../shardui/form.js';import'../../../../shardui/hover-card.js';import {Input as Input$1}from'../../../../shardui/input.js';import'../../../../shardui/input-otp.js';import'../../../../shardui/label.js';import'../../../../shardui/menubar.js';import'../../../../shardui/navigation-menu.js';import'../../../../shardui/pagination.js';import {Popover,PopoverContent,PopoverTrigger}from'../../../../shardui/popover.js';import'../../../../shardui/progress.js';import'../../../../shardui/radio-group.js';import'react-resizable-panels';import'../../../../utils/isBrowser/index.js';import {cn}from'../../../../utils/util.js';import'fast-deep-equal/react.js';import'../../../../shardui/scroll-area.js';import'../../../../shardui/select.js';import'../../../../shardui/separator.js';import'../../../../shardui/sheet.js';import'../../../../shardui/sidebar.js';import'../../../../shardui/slider.js';import'../../../ThemeProvider/ThemeProvider.js';import'sonner';import {Switch}from'../../../../shardui/switch.js';import'../../../../shardui/table.js';import'../../../../shardui/tabs.js';import'../../../../shardui/textarea.js';import'../../../../shardui/toast.js';import'../../../../shardui/toggle.js';import'../../../../shardui/toggle-group.js';import'../../../../shardui/tooltip.js';import {Markdown}from'../Markdown/index.js';import {AssistantMessageActions}from'./AssistantMessageActions.js';import {CopyButton}from'../Markdown/copy-button.js';import {MessageHistory}from'./MessageHistory.js';const Input = ({
   isPopoverOpen,
   isLoading,
   reset,
@@ -21,6 +21,7 @@ import {jsx,jsxs}from'react/jsx-runtime';import {useMemo}from'react';import {AIT
   setKeepEngaged,
   regenerateAssistantMessage
 }) => {
+  const conversationEndRef = useRef(null);
   const sortedAsc = useMemo(() => [...conversationHistory].sort((a, b) => (a.timestamp ?? 0) - (b.timestamp ?? 0)), [conversationHistory]);
   /** In-flight assistant bubble: hide when history already contains the same assistant text (avoids double render if `response` lingers). */
   const streamingAssistantVisible = useMemo(() => {
@@ -32,6 +33,23 @@ import {jsx,jsxs}from'react/jsx-runtime';import {useMemo}from'react';import {AIT
     }
     return true;
   }, [isLoading, response, sortedAsc]);
+  /** Keep the latest assistant stream and new turns in view inside the popover scroll viewport. */
+  useLayoutEffect(() => {
+    if (!isPopoverOpen) return;
+    const anchor = conversationEndRef.current;
+    if (!anchor || !scrollAreaRef.current) return;
+    const scrollToEnd = () => {
+      anchor.scrollIntoView({
+        block: 'end',
+        behavior: 'auto',
+        inline: 'nearest'
+      });
+    };
+    const outer = requestAnimationFrame(() => {
+      requestAnimationFrame(scrollToEnd);
+    });
+    return () => cancelAnimationFrame(outer);
+  }, [isPopoverOpen, sortedAsc, response, isLoading, error, streamingAssistantVisible]);
   const copyPayload = useMemo(() => {
     const lines = sortedAsc.map(m => m.role === 'user' ? `You:\n${m.content}` : `AI:\n${m.content}`);
     const last = sortedAsc[sortedAsc.length - 1];
@@ -53,8 +71,13 @@ import {jsx,jsxs}from'react/jsx-runtime';import {useMemo}from'react';import {AIT
         align: "center",
         side: "top",
         sideOffset: 8,
-        collisionPadding: 12,
-        className: "z-[200] flex h-[min(90vh,calc(100dvh-1rem))] w-screen max-w-[min(100vw,48rem)] flex-col overflow-hidden border bg-popover p-0 text-popover-foreground shadow-lg",
+        collisionPadding: {
+          top: 8,
+          bottom: 8,
+          left: 8,
+          right: 8
+        },
+        className: cn('z-[200] flex h-[min(90vh,calc(100dvh-1rem))] flex-col overflow-hidden border bg-popover p-0 text-popover-foreground shadow-lg', 'w-[calc(100vw-16px)] max-w-[calc(100vw-16px)] min-w-0 rounded-md'),
         children: [jsxs("div", {
           className: "flex shrink-0 items-center justify-between border-b bg-muted/30 px-4 py-2",
           children: [jsxs("div", {
@@ -118,7 +141,7 @@ import {jsx,jsxs}from'react/jsx-runtime';import {useMemo}from'react';import {AIT
             }) : null, sortedAsc.map(msg => jsx("div", {
               className: cn('flex w-full', msg.role === 'user' ? 'justify-end' : 'justify-start'),
               children: jsxs("div", {
-                className: cn('max-w-[min(100%,40rem)] rounded-xl px-3 py-2 text-sm shadow-sm', msg.role === 'user' ? 'border border-primary/25 bg-primary/15 text-foreground' : 'border border-border/60 bg-muted/70'),
+                className: cn('rounded-xl px-3 py-2 text-sm shadow-sm', msg.role === 'user' ? 'max-w-[min(100%,40rem)] border border-border/60 bg-muted/70 text-foreground' : 'w-full min-w-0 max-w-full border border-border/60 bg-muted/70'),
                 children: [jsxs("div", {
                   className: "mb-1.5 flex items-center gap-2",
                   children: [jsx("span", {
@@ -142,7 +165,7 @@ import {jsx,jsxs}from'react/jsx-runtime';import {useMemo}from'react';import {AIT
             }, msg.id)), streamingAssistantVisible ? jsx("div", {
               className: "flex w-full justify-start",
               children: jsxs("div", {
-                className: "max-w-[min(100%,40rem)] rounded-xl border border-border/60 bg-muted/70 px-3 py-2 text-sm shadow-sm",
+                className: "w-full min-w-0 max-w-full rounded-xl border border-border/60 bg-muted/70 px-3 py-2 text-sm shadow-sm",
                 children: [jsxs("div", {
                   className: "mb-1.5 flex items-center gap-2",
                   children: [jsx("span", {
@@ -164,7 +187,11 @@ import {jsx,jsxs}from'react/jsx-runtime';import {useMemo}from'react';import {AIT
                   }
                 }) : null]
               })
-            }) : null]
+            }) : null, jsx("div", {
+              ref: conversationEndRef,
+              className: "h-0 w-full shrink-0",
+              "aria-hidden": true
+            })]
           })
         })]
       }), jsx(PopoverTrigger, {

package/lib/components/AIToolbar/components/completion/Input.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@admin-layout/tailwind-ui",
-    "version": "12.2.4-alpha.46",
+    "version": "12.2.4-alpha.51",
     "description": "Sample core for higher packages to depend on",
     "license": "ISC",
     "author": "CDMBase LLC",
@@ -29,7 +29,7 @@
         "watch": "npm run build:lib:watch"
     },
     "dependencies": {
-        "@admin-layout/client": "12.2.4-alpha.46",
+        "@admin-layout/client": "12.2.4-alpha.49",
         "@radix-ui/react-accordion": "^1.2.0",
         "@radix-ui/react-alert-dialog": "^1.1.1",
         "@radix-ui/react-aspect-ratio": "^1.1.0",
@@ -96,5 +96,5 @@
     "typescript": {
         "definition": "lib/index.d.ts"
     },
-    "gitHead": "244974088e07688363f073121b72c13d05490518"
+    "gitHead": "4a87359a41b6211aa022668844ab1dd2249c689b"
 }