@nadicodeai/ui 12.1.165 → 12.1.167

package/dist/index.js

@@ -23,7 +23,6 @@ export * from "./components/calendar.js";
 export * from "./components/card.js";
 export * from "./components/card-row.js";
 export * from "./components/catalog-drawer.js";
-export * from "./components/chart.js";
 export * from "./components/chart-area-stacked.js";
 export * from "./components/chart-bar-horizontal.js";
 export * from "./components/chart-bar-multiple.js";
@@ -48,7 +47,6 @@ export * from "./components/combobox.js";
 export * from "./components/command.js";
 export * from "./components/company-card.js";
 export * from "./components/confirm-dialog.js";
-export * from "./components/context-menu.js";
 export * from "./components/copy-button.js";
 export * from "./components/data-table.js";
 export * from "./components/dialog.js";
@@ -56,23 +54,21 @@ export * from "./components/diff-count.js";
 export * from "./components/disclosure.js";
 export * from "./components/disclosure-row.js";
 export * from "./components/drawer.js";
-export * from "./components/dropdown-menu.js";
 export * from "./components/empty-state.js";
 export * from "./components/entry-scene.js";
 export * from "./components/field.js";
 export * from "./components/file-diff.js";
 export * from "./components/file-type-icon.js";
 export * from "./components/footer.js";
+export * from "./components/form.js";
 export * from "./components/form-dialog.js";
 export * from "./components/form-drawer.js";
 export * from "./components/gauge.js";
 export * from "./components/glass-control.js";
 export * from "./components/hive-scene.js";
 export * from "./components/house-icons.js";
-export * from "./components/hover-card.js";
 export * from "./components/identity-mark.js";
 export * from "./components/input.js";
-export * from "./components/input-group.js";
 export * from "./components/input-otp.js";
 export * from "./components/item.js";
 export * from "./components/kbd.js";
@@ -82,7 +78,6 @@ export * from "./components/library-shelf.js";
 export * from "./components/load-more-button.js";
 export * from "./components/menu-choice-row.js";
 export * from "./components/message-notice.js";
-export * from "./components/middle-truncate.js";
 export * from "./components/model-identity.js";
 export * from "./components/model-mark.js";
 export * from "./components/multi-select.js";
@@ -97,7 +92,6 @@ export * from "./components/overview-page.js";
 export * from "./components/page-actions.js";
 export * from "./components/page-header.js";
 export * from "./components/pairing-code.js";
-export * from "./components/pending-label.js";
 export * from "./components/platform-mark.js";
 export * from "./components/popover.js";
 export * from "./components/portal-sidebar-frame.js";
@@ -125,6 +119,7 @@ export * from "./components/settings-section.js";
 export * from "./components/sheet.js";
 export * from "./components/sidebar.js";
 export * from "./components/sidebar-sections.js";
+export * from "./components/site-menu.js";
 export * from "./components/skeleton.js";
 export * from "./components/slider.js";
 export * from "./components/snippet.js";
@@ -135,6 +130,7 @@ export * from "./components/table.js";
 export * from "./components/table-card.js";
 export * from "./components/table-value.js";
 export * from "./components/tabs.js";
+export * from "./components/tabs-nav.js";
 export * from "./components/tag.js";
 export * from "./components/text-link.js";
 export * from "./components/text-with-copy-button.js";

package/dist/internal/agent-orb-motion.d.ts

@@ -1,5 +1,7 @@
 import type { AgentOrbFigure } from "./agent-orb.js";
-export type AgentOrbState = "idle" | "working" | "waiting" | "blocked" | "thinking" | "done";
+declare const agentOrbStates: readonly ["idle", "working", "waiting", "blocked", "thinking", "done"];
+export type AgentOrbState = (typeof agentOrbStates)[number];
+export declare const isAgentOrbState: (value: string) => value is AgentOrbState;
 export declare function nativeSpeed(form: AgentOrbFigure): number;
 export declare function stateSpeed(state: AgentOrbState, form: AgentOrbFigure, age?: number, timing?: {
     wait: number;
@@ -55,4 +57,5 @@ ink?: number, timing?: {
     gestureAge: (age: number) => number;
     settle: (age: number, delay?: number) => number;
 }, statusColor?: string): void;
+export {};
 //# sourceMappingURL=agent-orb-motion.d.ts.map

package/dist/internal/agent-orb-motion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"agent-orb-motion.d.ts","sourceRoot":"","sources":["../../src/internal/agent-orb-motion.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;AAc7F,wBAAgB,WAAW,CAAC,IAAI,EAAE,cAAc,UAE/C;AAED,wBAAgB,UAAU,CACxB,KAAK,EAAE,aAAa,EACpB,IAAI,EAAE,cAAc,EACpB,GAAG,SAAI,EACP,MAAM;;;;;;sBA6Cc,MAAM;kBACV,MAAM;CA9CA,UAWvB;AAED,eAAO,MAAM,cAAc;;;CAAqC,CAAC;AAKjE;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,UAIlE;AAED,wBAAgB,aAAa,CAAC,KAAK,CAAC,EAAE,mBAAmB;;;;;;sBAgBnC,MAAM;kBACV,MAAM;EAGvB;AAUD,wBAAgB,UAAU,CACxB,KAAK,EAAE,aAAa,EACpB,GAAG,EAAE,MAAM,EACX,MAAM;;;;;;sBAjBc,MAAM;kBACV,MAAM;CAgBA,EACtB,OAAO,UAAQ;;;;;;EA+ChB;AA6ED,wBAAgB,WAAW,CACzB,OAAO,EAAE,wBAAwB,EACjC,KAAK,EAAE,aAAa,EACpB,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,SAAS,MAAM,EAAE,EACzB,KAAK,EAAE,MAAM,GAAG,OAAO;AACvB,mFAAmF;AACnF,GAAG,SAAI,EACP,MAAM;;;;;;sBAxJc,MAAM;kBACV,MAAM;CAuJA,EACtB,WAAW,SAA8B,QA4E1C"}
+{"version":3,"file":"agent-orb-motion.d.ts","sourceRoot":"","sources":["../../src/internal/agent-orb-motion.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD,QAAA,MAAM,cAAc,wEAAyE,CAAC;AAC9F,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5D,eAAO,MAAM,eAAe,GAAI,OAAO,MAAM,KAAG,KAAK,IAAI,aACR,CAAC;AAclD,wBAAgB,WAAW,CAAC,IAAI,EAAE,cAAc,UAE/C;AAED,wBAAgB,UAAU,CACxB,KAAK,EAAE,aAAa,EACpB,IAAI,EAAE,cAAc,EACpB,GAAG,SAAI,EACP,MAAM;;;;;;sBA6Cc,MAAM;kBACV,MAAM;CA9CA,UAWvB;AAED,eAAO,MAAM,cAAc;;;CAAqC,CAAC;AAKjE;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,UAIlE;AAED,wBAAgB,aAAa,CAAC,KAAK,CAAC,EAAE,mBAAmB;;;;;;sBAgBnC,MAAM;kBACV,MAAM;EAGvB;AAUD,wBAAgB,UAAU,CACxB,KAAK,EAAE,aAAa,EACpB,GAAG,EAAE,MAAM,EACX,MAAM;;;;;;sBAjBc,MAAM;kBACV,MAAM;CAgBA,EACtB,OAAO,UAAQ;;;;;;EA+ChB;AA6ED,wBAAgB,WAAW,CACzB,OAAO,EAAE,wBAAwB,EACjC,KAAK,EAAE,aAAa,EACpB,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,SAAS,MAAM,EAAE,EACzB,KAAK,EAAE,MAAM,GAAG,OAAO;AACvB,mFAAmF;AACnF,GAAG,SAAI,EACP,MAAM;;;;;;sBAxJc,MAAM;kBACV,MAAM;CAuJA,EACtB,WAAW,SAA8B,QA6E1C"}

package/dist/internal/agent-orb-motion.js

@@ -1,4 +1,6 @@
 import { spring } from "motion";
+const agentOrbStates = ["idle", "working", "waiting", "blocked", "thinking", "done"];
+export const isAgentOrbState = (value) => agentOrbStates.some((state) => state === value);
 const personalities = {
     ribbon: { speed: 0.55 },
     nadia: { speed: 0.55 },
@@ -192,19 +194,19 @@ ink = 1, timing = defaultTiming, statusColor = colors[0] ?? "currentColor") {
     }
     if (state !== "working" && state !== "thinking" && state !== "done")
         return;
-    seconds *=
-        state === "done"
+    const elapsed = seconds *
+        (state === "done"
             ? 3.1 / timing.doneDuration
             : state === "working"
                 ? 7.2 / (timing.wait * 2)
-                : 3.6 / (timing.wait * 1.5);
+                : 3.6 / (timing.wait * 1.5));
     context.save();
     if (state === "thinking") {
         if (depth === "front") {
             for (let i = 0; i < 3; i++) {
                 const pulse = reduced
                     ? 0.5
-                    : (1 + Math.cos((seconds * Math.PI * 2) / 3.6 - (i * Math.PI * 2) / 3)) / 2;
+                    : (1 + Math.cos((elapsed * Math.PI * 2) / 3.6 - (i * Math.PI * 2) / 3)) / 2;
                 const dot = colors[i % colors.length];
                 if (dot !== undefined)
                     context.fillStyle = dot;
@@ -215,14 +217,14 @@ ink = 1, timing = defaultTiming, statusColor = colors[0] ?? "currentColor") {
             }
         }
     }
-    else if (state === "working" || (!reduced && seconds < 3.1)) {
+    else if (state === "working" || (!reduced && elapsed < 3.1)) {
         const count = state === "done" ? 3 : 1;
         for (let wave = 0; wave < count; wave++) {
-            const progress = state === "done" ? (seconds - wave * 0.38) / 2.2 : 0;
+            const progress = state === "done" ? (elapsed - wave * 0.38) / 2.2 : 0;
             if (progress < 0 || progress > 1)
                 continue;
             const fade = state === "done" ? Math.sin(progress * Math.PI) : 1;
-            const head = (reduced ? 0.8 : (seconds * Math.PI * 2) / 7.2) + wave * 2.1;
+            const head = (reduced ? 0.8 : (elapsed * Math.PI * 2) / 7.2) + wave * 2.1;
             const tailLength = Math.PI * 1.4;
             const tilt = -0.38 + wave * 0.4;
             const radiusX = size * (0.44 + progress * 0.03);

package/dist/internal/agent-orb.d.ts

@@ -16,7 +16,10 @@ export type AgentOrbForm = keyof typeof agentOrbForms;
  * brand's five colours.
  */
 export type AgentOrbFigure = AgentOrbForm | "nadia" | "sofia";
-export type AgentOrbSize = 20 | 24 | 32 | 40 | 64 | 96 | 160;
+export declare const isAgentOrbFigure: (value: string) => value is AgentOrbFigure;
+declare const agentOrbSizes: readonly [20, 24, 32, 40, 64, 96, 160];
+export type AgentOrbSize = (typeof agentOrbSizes)[number];
+export declare const isAgentOrbSize: (value: number) => value is AgentOrbSize;
 /** How loudly one orb reads on its own ground. */
 export type AgentOrbPresence = "plain" | "over-picture";
 /** Status motion follows the Agent's real state; ambient motion shows only the native form. */

package/dist/internal/agent-orb.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"agent-orb.d.ts","sourceRoot":"","sources":["../../src/internal/agent-orb.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,QAAQ,EAEb,KAAK,QAAQ,EAId,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EACL,KAAK,aAAa,EAQnB,MAAM,oBAAoB,CAAC;AAE5B,QAAA,MAAM,aAAa;;;;;;;;CAQ0B,CAAC;AAE9C,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,aAAa,CAAC;AACtD;;;;GAIG;AACH,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG,OAAO,GAAG,OAAO,CAAC;AAC9D,MAAM,MAAM,YAAY,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG,CAAC;AAE7D,kDAAkD;AAClD,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,cAAc,CAAC;AACxD,+FAA+F;AAC/F,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,SAAS,CAAC;AAgElD;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAuDpF;AAqJD,KAAK,iBAAiB,GAAG;IACvB,IAAI,EAAE,cAAc,CAAC;IACrB;;;OAGG;IACH,IAAI,EAAE,YAAY,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,gBAAgB,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,iBAAiB,GAClD,CAAC;IAAE,MAAM,CAAC,EAAE,QAAQ,CAAC;IAAC,KAAK,CAAC,EAAE,aAAa,CAAA;CAAE,GAAG;IAAE,MAAM,EAAE,SAAS,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC,CAAC;AAmIxF,eAAO,MAAM,qBAAqB,MAAM,CAAC;AAEzC,wBAAgB,aAAa,CAAC,MAAM,EAAE,iBAAiB,EAAE,OAAO,EAAE,oBAAoB;;sBAIzC,OAAO;qBAAuB,aAAa;EA2LvF"}
+{"version":3,"file":"agent-orb.d.ts","sourceRoot":"","sources":["../../src/internal/agent-orb.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,QAAQ,EAEb,KAAK,QAAQ,EAId,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EACL,KAAK,aAAa,EAQnB,MAAM,oBAAoB,CAAC;AAE5B,QAAA,MAAM,aAAa;;;;;;;;CAQ0B,CAAC;AAE9C,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,aAAa,CAAC;AACtD;;;;GAIG;AACH,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG,OAAO,GAAG,OAAO,CAAC;AAE9D,eAAO,MAAM,gBAAgB,GAAI,OAAO,MAAM,KAAG,KAAK,IAAI,cACqB,CAAC;AAEhF,QAAA,MAAM,aAAa,wCAAyC,CAAC;AAC7D,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1D,eAAO,MAAM,cAAc,GAAI,OAAO,MAAM,KAAG,KAAK,IAAI,YACV,CAAC;AAE/C,kDAAkD;AAClD,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,cAAc,CAAC;AACxD,+FAA+F;AAC/F,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,SAAS,CAAC;AAgElD;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAuDpF;AAqJD,KAAK,iBAAiB,GAAG;IACvB,IAAI,EAAE,cAAc,CAAC;IACrB;;;OAGG;IACH,IAAI,EAAE,YAAY,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,gBAAgB,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,iBAAiB,GAClD,CAAC;IAAE,MAAM,CAAC,EAAE,QAAQ,CAAC;IAAC,KAAK,CAAC,EAAE,aAAa,CAAA;CAAE,GAAG;IAAE,MAAM,EAAE,SAAS,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC,CAAC;AAmIxF,eAAO,MAAM,qBAAqB,MAAM,CAAC;AAEzC,wBAAgB,aAAa,CAAC,MAAM,EAAE,iBAAiB,EAAE,OAAO,EAAE,oBAAoB;;sBAIzC,OAAO;qBAAuB,aAAa;EA4LvF"}

package/dist/internal/agent-orb.js

@@ -9,6 +9,9 @@ const agentOrbForms = {
     ribbon: "composing",
     morph: "shaping",
 };
+export const isAgentOrbFigure = (value) => Object.hasOwn(agentOrbForms, value) || value === "nadia" || value === "sofia";
+const agentOrbSizes = [20, 24, 32, 40, 64, 96, 160];
+export const isAgentOrbSize = (value) => agentOrbSizes.some((size) => size === value);
 /**
  * Presence belongs to the orb, not to the module: two orbs on one page can
  * want different weights. `plain` is the interface's own ink. `over-picture`
@@ -460,7 +463,10 @@ export function mountAgentOrb(canvas, options) {
             blocked: computedColor(appearance.tokens.get(statusTokens.blocked) || color),
         };
         celebrationColors = celebrationTokens.map((token) => computedColor(`color-mix(in oklch, ${appearance.tokens.get(token) || color} 75%, white)`));
-        stripeColors = (figureStripes[form] ?? []).map((token) => (token && appearance.tokens.get(token)) || color);
+        stripeColors = (figureStripes[form] ?? []).map((token) => {
+            const resolved = token ? appearance.tokens.get(token) : undefined;
+            return resolved || color;
+        });
         resize(side);
     }
     function readResize() {

package/dist/internal/assistant-ui/attachment.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"attachment.d.ts","sourceRoot":"","sources":["../../../src/internal/assistant-ui/attachment.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+C,KAAK,EAAE,EAAkB,MAAM,OAAO,CAAC;AA2N7F,eAAO,MAAM,sBAAsB,EAAE,EAMpC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,EAMjC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,EAiBnC,CAAC"}
+{"version":3,"file":"attachment.d.ts","sourceRoot":"","sources":["../../../src/internal/assistant-ui/attachment.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+C,KAAK,EAAE,EAAkB,MAAM,OAAO,CAAC;AA+M7F,eAAO,MAAM,sBAAsB,EAAE,EAMpC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,EAMjC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,EAiBnC,CAAC"}

package/dist/internal/assistant-ui/attachment.js

@@ -4,26 +4,26 @@ import { useEffect, useState, isValidElement } from "react";
 import { XIcon, PlusIcon, FileText, AlertCircleIcon } from "lucide-react";
 import { AttachmentPrimitive, ComposerPrimitive, MessagePrimitive, useAuiState, useAui, } from "@assistant-ui/react";
 import { useShallow } from "zustand/shallow";
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../../components/tooltip.js";
+import { Tooltip, TooltipProvider, TooltipTrigger } from "../../components/tooltip.js";
+import { TooltipContentFrame } from "../tooltip-content-frame.js";
 import { Dialog, DialogTitle, DialogContent, DialogTrigger } from "../../components/dialog.js";
 import { Avatar, AvatarImage, AvatarFallback } from "../../components/avatar.js";
 import { WaitingLine } from "../../components/waiting-line.js";
 import { TooltipIconButton } from "./tooltip-icon-button.js";
 import { cn } from "../../lib/utils.js";
 const useFileSrc = (file) => {
-    const [src, setSrc] = useState(undefined);
+    const [object, setObject] = useState(undefined);
     useEffect(() => {
-        if (!file) {
-            setSrc(undefined);
+        if (!file)
             return;
-        }
         const objectUrl = URL.createObjectURL(file);
-        setSrc(objectUrl);
+        // oxlint-disable-next-line react/set-state-in-effect -- the object URL is a browser resource this effect creates and its cleanup revokes; one made during render would be revoked by Strict Mode's second run while still on screen
+        setObject({ file, src: objectUrl });
         return () => {
             URL.revokeObjectURL(objectUrl);
         };
     }, [file]);
-    return src;
+    return object !== undefined && object.file === file ? object.src : undefined;
 };
 const useAttachmentSrc = () => {
     const { file, src } = useAuiState(useShallow((s) => {
@@ -39,17 +39,17 @@ const useAttachmentSrc = () => {
     return useFileSrc(file) ?? src;
 };
 const AttachmentPreview = ({ src }) => {
-    return (_jsx("img", { src: src, alt: "Attachment preview", className: "aui-attachment-preview-image block h-auto max-h-[80vh] w-auto max-w-full rounded-sm object-contain" }));
+    return (_jsx("img", { src: src, alt: "Attachment preview", className: "block size-auto max-h-[80vh]  max-w-full rounded-sm object-contain" }));
 };
 const AttachmentPreviewDialog = ({ children }) => {
     const src = useAttachmentSrc();
     if (!src)
         return children;
-    return (_jsxs(Dialog, { children: [_jsx(DialogTrigger, { nativeButton: false, className: "aui-attachment-preview-trigger", render: isValidElement(children) ? children : _jsx("button", { type: "button" }) }), _jsxs(DialogContent, { className: "aui-attachment-preview-dialog-content sm:max-w-3xl", closeLabel: "Close", children: [_jsx(DialogTitle, { className: "aui-sr-only sr-only", children: "Image Attachment Preview" }), _jsx("div", { className: "aui-attachment-preview bg-background relative mx-auto flex max-h-[80dvh] w-full items-center justify-center overflow-hidden rounded-sm", children: _jsx(AttachmentPreview, { src: src }) })] })] }));
+    return (_jsxs(Dialog, { children: [_jsx(DialogTrigger, { nativeButton: false, render: isValidElement(children) ? children : _jsx("button", { type: "button" }) }), _jsxs(DialogContent, { className: "sm:max-w-3xl", closeLabel: "Close", children: [_jsx(DialogTitle, { className: "sr-only", children: "Image Attachment Preview" }), _jsx("div", { className: "bg-background relative mx-auto flex max-h-[80dvh] w-full items-center justify-center overflow-hidden rounded-sm", children: _jsx(AttachmentPreview, { src: src }) })] })] }));
 };
 const AttachmentThumb = () => {
     const src = useAttachmentSrc();
-    return (_jsxs(Avatar, { decorative: true, className: "aui-attachment-tile-avatar h-full w-full rounded-none after:hidden", children: [_jsx(AvatarImage, { src: src, alt: "Attachment preview", className: "aui-attachment-tile-image object-cover" }), _jsx(AvatarFallback, { children: _jsx(FileText, { className: "aui-attachment-tile-fallback-icon text-muted-foreground/80 size-6 stroke-[1.5]" }) })] }));
+    return (_jsxs(Avatar, { decorative: true, className: "size-full  rounded-none after:hidden", children: [_jsx(AvatarImage, { src: src, alt: "Attachment preview", className: "object-cover" }), _jsx(AvatarFallback, { children: _jsx(FileText, { className: "text-muted-foreground/80 size-6 stroke-[1.5]" }) })] }));
 };
 const AttachmentUI = () => {
     const aui = useAui();
@@ -78,17 +78,17 @@ const AttachmentUI = () => {
     const errorMessage = useAuiState((s) => s.attachment.status.type === "incomplete" && s.attachment.status.reason === "error"
         ? (s.attachment.status.message ?? "Upload failed")
         : undefined);
-    return (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsxs(AttachmentPrimitive.Root, { className: cn("aui-attachment-root relative", isComposer && "nc-transition-opacity", isImage && !isComposer && "aui-attachment-root-message only:*:first:size-24"), children: [_jsx(AttachmentPreviewDialog, { children: _jsxs(TooltipTrigger, { render: _jsx("div", { className: cn("aui-attachment-tile nc-transition-transform relative size-14 cursor-pointer overflow-hidden rounded-[calc(var(--composer-radius)-var(--composer-padding))] bg-muted after:pointer-events-none after:absolute after:inset-0 after:rounded-[inherit] after:ring-1 after:ring-border after:ring-inset hover:after:bg-foreground/10", isError && "after:ring-destructive/60"), role: "button", tabIndex: 0, "aria-label": `${typeLabel} attachment${isError ? ", upload failed" : isUploading ? ", uploading" : ""}` }), children: [_jsx(AttachmentThumb, {}), isUploading && (_jsx("div", { "aria-hidden": "true", className: "aui-attachment-tile-uploading nc-transition-opacity absolute inset-0 flex items-center justify-center bg-muted", children: _jsx(WaitingLine, { className: "w-8", decorative: true, waiting: true }) })), isError && (_jsx("div", { "aria-hidden": "true", className: "aui-attachment-tile-error nc-transition-opacity absolute inset-0 flex items-center justify-center bg-muted", children: _jsx(AlertCircleIcon, { className: "text-destructive size-4" }) }))] }) }), isComposer && _jsx(AttachmentRemove, {})] }), _jsxs(TooltipContent, { side: "top", children: [_jsx(AttachmentPrimitive.Name, {}), errorMessage && _jsx("p", { className: "aui-attachment-error-message", children: errorMessage })] })] }) }));
+    return (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsxs(AttachmentPrimitive.Root, { className: cn("relative", isComposer && "nc-transition-opacity", isImage && !isComposer && "only:*:first:size-24"), children: [_jsx(AttachmentPreviewDialog, { children: _jsxs(TooltipTrigger, { render: _jsx("div", { className: cn("nc-transition-transform relative size-14 cursor-pointer overflow-hidden rounded-[calc(var(--composer-radius)-var(--composer-padding))] bg-muted after:pointer-events-none after:absolute after:inset-0 after:rounded-[inherit] after:ring-1 after:ring-border after:ring-inset hover:after:bg-foreground/10", isError && "after:ring-destructive/60"), role: "button", tabIndex: 0, "aria-label": `${typeLabel} attachment${isError ? ", upload failed" : isUploading ? ", uploading" : ""}` }), children: [_jsx(AttachmentThumb, {}), isUploading && (_jsx("div", { "aria-hidden": "true", className: "nc-transition-opacity absolute inset-0 flex items-center justify-center bg-muted", children: _jsx(WaitingLine, { className: "w-8", decorative: true, waiting: true }) })), isError && (_jsx("div", { "aria-hidden": "true", className: "nc-transition-opacity absolute inset-0 flex items-center justify-center bg-muted", children: _jsx(AlertCircleIcon, { className: "text-destructive size-4" }) }))] }) }), isComposer && _jsx(AttachmentRemove, {})] }), _jsxs(TooltipContentFrame, { side: "top", children: [_jsx(AttachmentPrimitive.Name, {}), errorMessage && _jsx("p", { children: errorMessage })] })] }) }));
 };
 const AttachmentRemove = () => {
-    return (_jsx(AttachmentPrimitive.Remove, { render: _jsx(TooltipIconButton, { tooltip: "Remove file", className: "aui-attachment-tile-remove absolute end-1 top-1 rounded-md bg-background nc-elevation-floating after:absolute after:-inset-1.5", side: "top" }), children: _jsx(XIcon, { className: "aui-attachment-remove-icon size-3 stroke-[2.5]" }) }));
+    return (_jsx(AttachmentPrimitive.Remove, { render: _jsx(TooltipIconButton, { tooltip: "Remove file", className: "absolute inset-e-1 top-1 rounded-md bg-background nc-elevation-floating after:absolute after:-inset-1.5", side: "top" }), children: _jsx(XIcon, { className: "size-3 stroke-[2.5]" }) }));
 };
 export const UserMessageAttachments = () => {
-    return (_jsx("div", { className: "aui-user-message-attachments-end col-span-full col-start-1 row-start-1 flex w-full flex-row justify-end gap-2", children: _jsx(MessagePrimitive.Attachments, { children: () => _jsx(AttachmentUI, {}) }) }));
+    return (_jsx("div", { className: "col-span-full col-start-1 row-start-1 flex w-full flex-row justify-end gap-2", children: _jsx(MessagePrimitive.Attachments, { children: () => _jsx(AttachmentUI, {}) }) }));
 };
 export const ComposerAttachments = () => {
-    return (_jsx("div", { className: "aui-composer-attachments flex w-full flex-row items-center gap-2 overflow-x-auto empty:hidden", children: _jsx(ComposerPrimitive.Attachments, { children: () => _jsx(AttachmentUI, {}) }) }));
+    return (_jsx("div", { className: "flex w-full flex-row items-center gap-2 overflow-x-auto empty:hidden", children: _jsx(ComposerPrimitive.Attachments, { children: () => _jsx(AttachmentUI, {}) }) }));
 };
 export const ComposerAddAttachment = () => {
-    return (_jsx(ComposerPrimitive.AddAttachment, { render: _jsx(TooltipIconButton, { tooltip: "Add Attachment", side: "bottom", variant: "ghost", size: "icon", className: "aui-composer-add-attachment rounded-md p-1 text-xs font-semibold", "aria-label": "Add Attachment" }), children: _jsx(PlusIcon, { className: "aui-attachment-add-icon size-4.5 stroke-[1.5px]" }) }));
+    return (_jsx(ComposerPrimitive.AddAttachment, { render: _jsx(TooltipIconButton, { tooltip: "Add Attachment", side: "bottom", variant: "ghost", size: "icon", className: "rounded-md p-1 text-xs font-semibold", "aria-label": "Add Attachment" }), children: _jsx(PlusIcon, { className: "size-4.5 stroke-[1.5px]" }) }));
 };

package/dist/internal/assistant-ui/follow-up-suggestions.js

@@ -3,7 +3,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { AuiIf, ThreadPrimitive, useAuiState } from "@assistant-ui/react";
 const FollowupSuggestionsRow = () => {
     const suggestions = useAuiState((s) => s.thread.suggestions);
-    return (_jsx("div", { className: "aui-thread-followup-suggestions -my-1 w-full overflow-x-auto py-1 [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", children: _jsx("div", { className: "mx-auto flex min-h-8 w-max items-center gap-2 px-0.5", children: suggestions.map((suggestion, index) => (_jsx(ThreadPrimitive.Suggestion, { className: "aui-thread-followup-suggestion nc-transition-paint rounded-md border border-border bg-background px-3 py-1 text-sm whitespace-nowrap hover:bg-accent", prompt: suggestion.prompt, 
+    return (_jsx("div", { className: "-my-1 w-full overflow-x-auto py-1 [-ms-overflow-style:none] scrollbar-none [&::-webkit-scrollbar]:hidden", children: _jsx("div", { className: "mx-auto flex min-h-8 w-max items-center gap-2 px-0.5", children: suggestions.map((suggestion, index) => (_jsx(ThreadPrimitive.Suggestion, { className: "nc-transition-paint rounded-md border border-border bg-background px-3 py-1 text-sm whitespace-nowrap hover:bg-accent", prompt: suggestion.prompt, 
                 // `method="replace"` + `autoSend` under their current names: the
                 // library renamed them to `clearComposer` + `send` and deprecated
                 // the old pair, with the same behaviour behind both.

package/dist/internal/assistant-ui/markdown-text.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { MarkdownTextPrimitive, memoizeMarkdownComponents, useIsMarkdownCodeBlock, } from "@assistant-ui/react-markdown";
 import remarkGfm from "remark-gfm";
-import { memo } from "react";
+import { memo, startTransition } from "react";
 import { CheckIcon, CopyIcon } from "lucide-react";
 import { TooltipIconButton } from "./tooltip-icon-button.js";
 import { useCopyToClipboard } from "../../lib/use-copy-to-clipboard.js";
@@ -20,35 +20,36 @@ const CodeHeader = ({ language, code }) => {
     const onCopy = () => {
         if (!code || isCopied)
             return;
-        void copyToClipboard();
+        startTransition(async () => {
+            await copyToClipboard();
+        });
     };
-    return (_jsxs("div", { className: "aui-code-header-root border-border bg-muted mt-3 flex items-center justify-between rounded-t-md border border-b-0 px-3.5 py-1.5 text-xs", children: [_jsx("span", { className: "aui-code-header-language text-muted-foreground font-medium lowercase", children: language }), _jsxs(TooltipIconButton, { tooltip: "Copy", onClick: onCopy, children: [!isCopied && _jsx(CopyIcon, {}), isCopied && _jsx(CheckIcon, {})] })] }));
+    return (_jsxs("div", { className: "border-border bg-muted mt-3 flex items-center justify-between rounded-t-md border border-b-0 px-3.5 py-1.5 text-xs", children: [_jsx("span", { className: "text-muted-foreground font-medium lowercase", children: language }), _jsxs(TooltipIconButton, { tooltip: "Copy", onClick: onCopy, children: [!isCopied && _jsx(CopyIcon, {}), isCopied && _jsx(CheckIcon, {})] })] }));
 };
 const defaultComponents = memoizeMarkdownComponents({
-    h1: ({ className, ...props }) => (_jsx("h1", { className: cn("aui-md-h1 mt-5 mb-2 scroll-m-20 text-xl font-semibold first:mt-0 last:mb-0", className), ...props })),
-    h2: ({ className, ...props }) => (_jsx("h2", { className: cn("aui-md-h2 mt-5 mb-2 scroll-m-20 text-lg font-semibold first:mt-0 last:mb-0", className), ...props })),
-    h3: ({ className, ...props }) => (_jsx("h3", { className: cn("aui-md-h3 mt-4 mb-1.5 scroll-m-20 text-base font-semibold first:mt-0 last:mb-0", className), ...props })),
-    h4: ({ className, ...props }) => (_jsx("h4", { className: cn("aui-md-h4 mt-3.5 mb-1 scroll-m-20 text-base font-medium first:mt-0 last:mb-0", className), ...props })),
-    h5: ({ className, ...props }) => (_jsx("h5", { className: cn("aui-md-h5 mt-3 mb-1 text-sm font-semibold first:mt-0 last:mb-0", className), ...props })),
-    h6: ({ className, ...props }) => (_jsx("h6", { className: cn("aui-md-h6 mt-3 mb-1 text-sm font-medium first:mt-0 last:mb-0", className), ...props })),
-    p: ({ className, ...props }) => (_jsx("p", { className: cn("aui-md-p my-3 leading-relaxed first:mt-0 last:mb-0", className), ...props })),
-    a: ({ className, ...props }) => (_jsx("a", { className: cn("aui-md-a text-primary hover:text-primary/80 underline underline-offset-2", className), ...props })),
-    blockquote: ({ className, ...props }) => (_jsx("blockquote", { className: cn("aui-md-blockquote border-muted-foreground/30 text-muted-foreground my-3 border-s-2 ps-4", className), ...props })),
-    ul: ({ className, ...props }) => (_jsx("ul", { className: cn("aui-md-ul marker:text-muted-foreground my-3 ms-5 list-disc [&>li]:mt-1", className), ...props })),
-    ol: ({ className, ...props }) => (_jsx("ol", { className: cn("aui-md-ol marker:text-muted-foreground my-3 ms-5 list-decimal [&>li]:mt-1", className), ...props })),
-    hr: ({ className, ...props }) => (_jsx("hr", { className: cn("aui-md-hr border-muted-foreground/20 my-3", className), ...props })),
-    table: ({ className, ...props }) => (_jsx("table", { className: cn("aui-md-table my-3 w-full border-separate border-spacing-0 overflow-y-auto", className), ...props })),
-    th: ({ className, ...props }) => (_jsx("th", { className: cn("aui-md-th bg-muted px-3 py-1.5 text-start font-medium first:rounded-ss-md last:rounded-se-md [[align=center]]:text-center [[align=right]]:text-right", className), ...props })),
-    td: ({ className, ...props }) => (_jsx("td", { className: cn("aui-md-td border-muted-foreground/20 border-s border-b px-3 py-1.5 text-start last:border-e [[align=center]]:text-center [[align=right]]:text-right", className), ...props })),
-    tr: ({ className, ...props }) => (_jsx("tr", { className: cn("aui-md-tr m-0 border-b p-0 first:border-t [&:last-child>td:first-child]:rounded-es-md [&:last-child>td:last-child]:rounded-ee-md", className), ...props })),
-    li: ({ className, ...props }) => (_jsx("li", { className: cn("aui-md-li leading-relaxed", className), ...props })),
-    strong: ({ className, ...props }) => (_jsx("strong", { className: cn("aui-md-strong font-semibold", className), ...props })),
-    sup: ({ className, ...props }) => (_jsx("sup", { className: cn("aui-md-sup [&>a]:text-xs [&>a]:no-underline", className), ...props })),
-    pre: ({ className, ...props }) => (_jsx("pre", { className: cn("aui-md-pre border-border bg-muted overflow-x-auto rounded-t-none rounded-b-md border border-t-0 p-3.5 text-[13px] leading-relaxed", className), ...props })),
+    h1: ({ className, children, ...props }) => (_jsx("h1", { className: cn("mt-5 mb-2 scroll-m-20 text-xl font-semibold first:mt-0 last:mb-0", className), ...props, children: children })),
+    h2: ({ className, children, ...props }) => (_jsx("h2", { className: cn("mt-5 mb-2 scroll-m-20 text-lg font-semibold first:mt-0 last:mb-0", className), ...props, children: children })),
+    h3: ({ className, children, ...props }) => (_jsx("h3", { className: cn("mt-4 mb-1.5 scroll-m-20 text-base font-semibold first:mt-0 last:mb-0", className), ...props, children: children })),
+    h4: ({ className, children, ...props }) => (_jsx("h4", { className: cn("mt-3.5 mb-1 scroll-m-20 text-base font-medium first:mt-0 last:mb-0", className), ...props, children: children })),
+    h5: ({ className, children, ...props }) => (_jsx("h5", { className: cn("mt-3 mb-1 text-sm font-semibold first:mt-0 last:mb-0", className), ...props, children: children })),
+    h6: ({ className, children, ...props }) => (_jsx("h6", { className: cn("mt-3 mb-1 text-sm font-medium first:mt-0 last:mb-0", className), ...props, children: children })),
+    p: ({ className, ...props }) => (_jsx("p", { className: cn("my-3 leading-relaxed first:mt-0 last:mb-0", className), ...props })),
+    a: ({ className, children, ...props }) => (_jsx("a", { className: cn("text-primary hover:text-primary/80 underline underline-offset-2", className), ...props, children: children })),
+    blockquote: ({ className, ...props }) => (_jsx("blockquote", { className: cn("border-muted-foreground/30 text-muted-foreground my-3 border-s-2 ps-4", className), ...props })),
+    ul: ({ className, ...props }) => (_jsx("ul", { className: cn("marker:text-muted-foreground my-3 ms-5 list-disc [&>li]:mt-1", className), ...props })),
+    ol: ({ className, ...props }) => (_jsx("ol", { className: cn("marker:text-muted-foreground my-3 ms-5 list-decimal [&>li]:mt-1", className), ...props })),
+    hr: ({ className, ...props }) => (_jsx("hr", { className: cn("border-muted-foreground/20 my-3", className), ...props })),
+    table: ({ className, ...props }) => (_jsx("table", { className: cn("my-3 w-full border-separate border-spacing-0 overflow-y-auto", className), ...props })),
+    th: ({ className, ...props }) => (_jsx("th", { className: cn("bg-muted px-3 py-1.5 text-start font-medium first:rounded-ss-md last:rounded-se-md [[align=center]]:text-center [[align=right]]:text-right", className), ...props })),
+    td: ({ className, ...props }) => (_jsx("td", { className: cn("border-muted-foreground/20 border-s border-b px-3 py-1.5 text-start last:border-e [[align=center]]:text-center [[align=right]]:text-right", className), ...props })),
+    tr: ({ className, ...props }) => (_jsx("tr", { className: cn("m-0 border-b p-0 first:border-t [&:last-child>td:first-child]:rounded-es-md [&:last-child>td:last-child]:rounded-ee-md", className), ...props })),
+    li: ({ className, ...props }) => _jsx("li", { className: cn("leading-relaxed", className), ...props }),
+    strong: ({ className, ...props }) => (_jsx("strong", { className: cn("font-semibold", className), ...props })),
+    sup: ({ className, ...props }) => (_jsx("sup", { className: cn("[&>a]:text-xs [&>a]:no-underline", className), ...props })),
+    pre: ({ className, ...props }) => (_jsx("pre", { className: cn("border-border bg-muted overflow-x-auto rounded-t-none rounded-b-md border border-t-0 p-3.5 text-body-compact/relaxed ", className), ...props })),
     code: function Code({ className, ...props }) {
         const isCodeBlock = useIsMarkdownCodeBlock();
-        return (_jsx("code", { className: cn(!isCodeBlock &&
-                "aui-md-inline-code bg-muted rounded-md px-1.5 py-0.5 font-mono text-[0.85em]", className), ...props }));
+        return (_jsx("code", { className: cn(!isCodeBlock && "bg-muted rounded-md px-1.5 py-0.5 font-mono text-[0.85em]", className), ...props }));
     },
     CodeHeader,
 });

package/dist/internal/assistant-ui/reasoning.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reasoning.d.ts","sourceRoot":"","sources":["../../../src/internal/assistant-ui/reasoning.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAiB,KAAK,6BAA6B,EAAE,MAAM,qBAAqB,CAAC;AAExF,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAM/F,QAAA,MAAM,iBAAiB;;8EAWrB,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,EACxC,MAAM,GAAG,cAAc,CACxB,GACC,YAAY,CAAC,OAAO,iBAAiB,CAAC,GAAG;IACvC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEJ,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,OAAO,EACP,IAAI,EAAE,cAAc,EACpB,YAAY,EAAE,sBAAsB,EACpC,WAAmB,EACnB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,+BAuDpB;AAkCD,iBAAS,gBAAgB,CAAC,EACxB,MAAM,EACN,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,EAAE,UAAU,CAAC,GAAG;IACrE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,+BAmCA;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,+BAmBjD;AAED,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BA6DpF;AAID,QAAA,MAAM,SAAS,EAAE,6BAAmD,CAAC;AAIrE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"reasoning.d.ts","sourceRoot":"","sources":["../../../src/internal/assistant-ui/reasoning.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAiB,KAAK,6BAA6B,EAAE,MAAM,qBAAqB,CAAC;AAExF,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAO/F,QAAA,MAAM,iBAAiB;;8EAWrB,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,EACxC,MAAM,GAAG,cAAc,CACxB,GACC,YAAY,CAAC,OAAO,iBAAiB,CAAC,GAAG;IACvC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEJ,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,OAAO,EACP,IAAI,EAAE,cAAc,EACpB,YAAY,EAAE,sBAAsB,EACpC,WAAmB,EACnB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,+BAkDpB;AAkCD,iBAAS,gBAAgB,CAAC,EACxB,MAAM,EACN,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,EAAE,UAAU,CAAC,GAAG;IACrE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,+BAgCA;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,+BAmBjD;AAED,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BA6DpF;AAID,QAAA,MAAM,SAAS,EAAE,6BAAmD,CAAC;AAIrE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,aAAa,EAAE,CAAC"}

package/dist/internal/assistant-ui/reasoning.js

@@ -7,9 +7,10 @@ import { useScrollLock } from "@assistant-ui/react";
 import { MarkdownText } from "./markdown-text.js";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../../components/collapsible.js";
 import { cn } from "../../lib/utils.js";
+import { cssVariables } from "../../lib/css-variables.js";
 import { disclosureDuration, disclosureDurationMs } from "../../lib/motion.js";
 const ReasoningPreviewContext = createContext(false);
-const reasoningVariants = cva("aui-reasoning-root mb-4 w-full", {
+const reasoningVariants = cva("mb-4 w-full", {
     variants: {
         variant: {
             outline: "rounded-md border px-3 py-2",
@@ -23,13 +24,11 @@ const reasoningVariants = cva("aui-reasoning-root mb-4 w-full", {
 });
 function ReasoningRoot({ className, variant, open: controlledOpen, onOpenChange: controlledOnOpenChange, defaultOpen = false, streaming, children, ...props }) {
     const collapsibleRef = useRef(null);
-    const initialOpenRef = useRef(defaultOpen);
+    const [initialOpen] = useState(defaultOpen);
     const [userOpen, setUserOpen] = useState(null);
     const lockScroll = useScrollLock(collapsibleRef, disclosureDurationMs);
     const isControlled = controlledOpen !== undefined;
-    const isOpen = isControlled
-        ? controlledOpen
-        : (userOpen ?? (streaming || initialOpenRef.current));
+    const isOpen = isControlled ? controlledOpen : (userOpen ?? (streaming === true || initialOpen));
     const isPreview = streaming === true && isOpen;
     const prevStreamingRef = useRef(streaming);
     useLayoutEffect(() => {
@@ -38,10 +37,10 @@ function ReasoningRoot({ className, variant, open: controlledOpen, onOpenChange:
         prevStreamingRef.current = streaming;
         // A streaming transition only animates the panel when the resting state
         // is collapsed; with `defaultOpen` the disclosure stays open across it.
-        if (!isControlled && userOpen === null && !initialOpenRef.current) {
+        if (!isControlled && userOpen === null && !initialOpen) {
             lockScroll();
         }
-    }, [streaming, isControlled, userOpen, lockScroll]);
+    }, [streaming, isControlled, userOpen, initialOpen, lockScroll]);
     const handleOpenChange = useCallback((open) => {
         lockScroll();
         if (!isControlled) {
@@ -49,25 +48,23 @@ function ReasoningRoot({ className, variant, open: controlledOpen, onOpenChange:
         }
         controlledOnOpenChange?.(open);
     }, [lockScroll, isControlled, controlledOnOpenChange]);
-    return (_jsx(Collapsible, { ref: collapsibleRef, "data-slot": "reasoning-root", "data-variant": variant, open: isOpen, onOpenChange: handleOpenChange, className: cn("group/reasoning-root", reasoningVariants({ variant, className })), 
-        // SAFETY: CSSProperties lists only standard properties; React sets each `--` custom property key here through style.setProperty.
-        style: {
+    return (_jsx(Collapsible, { ref: collapsibleRef, "data-slot": "reasoning-root", "data-variant": variant, open: isOpen, onOpenChange: handleOpenChange, className: cn("group/reasoning-root", reasoningVariants({ variant, className })), style: cssVariables({
             "--animation-duration": disclosureDuration,
-        }, ...props, children: _jsx(ReasoningPreviewContext.Provider, { value: isPreview, children: children }) }));
+        }), ...props, children: _jsx(ReasoningPreviewContext.Provider, { value: isPreview, children: children }) }));
 }
 function ReasoningFade({ side = "bottom", className, ...props }) {
     if (side === "top") {
-        return (_jsx("div", { "data-slot": "reasoning-fade", className: cn("aui-reasoning-fade pointer-events-none absolute inset-x-0 top-0 z-10 h-8", "bg-background/90 group-data-[variant=muted]/reasoning-root:bg-muted/90", className), ...props }));
+        return (_jsx("div", { "data-slot": "reasoning-fade", className: cn("pointer-events-none absolute inset-x-0 top-0 z-10 h-8", "bg-background/90 group-data-[variant=muted]/reasoning-root:bg-muted/90", className), ...props }));
     }
-    return (_jsx("div", { "data-slot": "reasoning-fade", className: cn("aui-reasoning-fade pointer-events-none absolute inset-x-0 bottom-0 z-10 h-8", "bg-background/90 group-data-[variant=muted]/reasoning-root:bg-muted/90", className), ...props }));
+    return (_jsx("div", { "data-slot": "reasoning-fade", className: cn("pointer-events-none absolute inset-x-0 bottom-0 z-10 h-8", "bg-background/90 group-data-[variant=muted]/reasoning-root:bg-muted/90", className), ...props }));
 }
 function ReasoningTrigger({ active, duration, className, ...props }) {
     const durationText = duration ? ` (${duration}s)` : "";
-    return (_jsxs(CollapsibleTrigger, { "aria-busy": active || undefined, "data-slot": "reasoning-trigger", className: cn("aui-reasoning-trigger nc-transition-paint group/trigger flex max-w-[75%] origin-left items-center gap-2 py-1.5 text-sm text-muted-foreground hover:text-foreground", className), ...props, children: [_jsx(BrainIcon, { "data-slot": "reasoning-trigger-icon", className: "aui-reasoning-trigger-icon size-4 shrink-0" }), _jsx("span", { "data-slot": "reasoning-trigger-label", className: "aui-reasoning-trigger-label-wrapper relative inline-block leading-none tabular-nums", children: _jsxs("span", { children: ["Reasoning", durationText] }) }), _jsx(ChevronDownIcon, { "data-slot": "reasoning-trigger-chevron", className: cn("aui-reasoning-trigger-chevron mt-0.5 size-4 shrink-0", "transition-transform duration-(--animation-duration) ease-[var(--nc-ease-out-strong)] motion-reduce:transition-none", "-rotate-90", "group-data-open/trigger:rotate-0", "group-data-panel-open/trigger:rotate-0") })] }));
+    return (_jsxs(CollapsibleTrigger, { "aria-busy": active ? true : undefined, "data-slot": "reasoning-trigger", className: cn("nc-transition-paint group/trigger flex max-w-[75%] origin-left items-center gap-2 py-1.5 text-sm text-muted-foreground hover:text-foreground", className), ...props, children: [_jsx(BrainIcon, { "data-slot": "reasoning-trigger-icon", className: "size-4 shrink-0" }), _jsx("span", { "data-slot": "reasoning-trigger-label", className: "relative inline-block leading-none tabular-nums", children: _jsxs("span", { children: ["Reasoning", durationText] }) }), _jsx(ChevronDownIcon, { "data-slot": "reasoning-trigger-chevron", className: cn("mt-0.5 size-4 shrink-0", "transition-transform duration-(--animation-duration) ease-(--nc-ease-out-strong) motion-reduce:transition-none", "-rotate-90", "group-data-open/trigger:rotate-0", "group-data-panel-open/trigger:rotate-0") })] }));
 }
 function ReasoningContent({ className, children, ...props }) {
     const isPreview = useContext(ReasoningPreviewContext);
-    return (_jsxs(CollapsibleContent, { "data-slot": "reasoning-content", className: cn("aui-reasoning-content text-muted-foreground relative overflow-hidden text-sm outline-none", "group/collapsible-content", "data-closed:pointer-events-none", className), ...props, children: [_jsx(ReasoningFade, { side: "top" }), children, isPreview ? _jsx(ReasoningFade, {}) : null] }));
+    return (_jsxs(CollapsibleContent, { "data-slot": "reasoning-content", className: cn("text-muted-foreground relative overflow-hidden text-sm outline-none", "group/collapsible-content", "data-closed:pointer-events-none", className), ...props, children: [_jsx(ReasoningFade, { side: "top" }), children, isPreview ? _jsx(ReasoningFade, {}) : null] }));
 }
 function ReasoningText({ className, children, ...props }) {
     const isPreview = useContext(ReasoningPreviewContext);
@@ -112,7 +109,7 @@ function ReasoningText({ className, children, ...props }) {
             observer.disconnect();
         };
     }, [isPreview]);
-    return (_jsx("div", { ref: scrollRef, "data-slot": "reasoning-text", className: cn("aui-reasoning-text relative z-0 max-h-64 overflow-y-auto ps-6 pt-2 pb-2 leading-relaxed text-pretty", "nc-transition-opacity", className), ...props, children: _jsx("div", { ref: contentRef, className: "aui-reasoning-text-content space-y-4", children: children }) }));
+    return (_jsx("div", { ref: scrollRef, "data-slot": "reasoning-text", className: cn("relative z-0 max-h-64 overflow-y-auto ps-6 py-2  leading-relaxed text-pretty", "nc-transition-opacity", className), ...props, children: _jsx("div", { ref: contentRef, className: "space-y-4", children: children }) }));
 }
 const ReasoningImpl = () => _jsx(MarkdownText, {});
 const Reasoning = memo(ReasoningImpl);

package/dist/internal/assistant-ui/thread.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"thread.d.ts","sourceRoot":"","sources":["../../../src/internal/assistant-ui/thread.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAIL,KAAK,YAAY,EAClB,MAAM,uCAAuC,CAAC;AAW/C,OAAO,EASL,gBAAgB,EAGhB,KAAK,4BAA4B,EAElC,MAAM,qBAAqB,CAAC;AAe7B,OAAO,EAIL,KAAK,aAAa,EAClB,KAAK,EAAE,EACP,KAAK,iBAAiB,EACvB,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,eAAe,GAAG,gBAAgB,CAAC,YAAY,CAAC,SAAS,CAAC;AACtE,YAAY,EAAE,YAAY,EAAE,CAAC;AAE7B;;;;;;GAMG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,gBAAgB,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IAC7C,OAAO,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IACpC,6GAA6G;IAC7G,SAAS,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IACtC,YAAY,CAAC,EAAE,4BAA4B,GAAG,SAAS,CAAC;IACxD,SAAS,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC;QAAE,KAAK,EAAE,eAAe,CAAA;KAAE,CAAC,CAAC,GAAG,SAAS,CAAC;IACrF,cAAc,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC;QAAE,KAAK,EAAE,eAAe,CAAA;KAAE,CAAC,CAAC,GAAG,SAAS,CAAC;CAC3F,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,UAAU,CAAC,EAAE,gBAAgB,GAAG,SAAS,CAAC;IAC1C,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC;IAC3C,iGAAiG;IACjG,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACnC,CAAC;AAWF,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAclC,CAAC"}
+{"version":3,"file":"thread.d.ts","sourceRoot":"","sources":["../../../src/internal/assistant-ui/thread.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAIL,KAAK,YAAY,EAClB,MAAM,uCAAuC,CAAC;AAW/C,OAAO,EASL,gBAAgB,EAGhB,KAAK,4BAA4B,EAElC,MAAM,qBAAqB,CAAC;AAe7B,OAAO,EAKL,KAAK,aAAa,EAClB,KAAK,EAAE,EACP,KAAK,iBAAiB,EACvB,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,eAAe,GAAG,gBAAgB,CAAC,YAAY,CAAC,SAAS,CAAC;AACtE,YAAY,EAAE,YAAY,EAAE,CAAC;AAE7B;;;;;;GAMG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,gBAAgB,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IAC7C,OAAO,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IACpC,6GAA6G;IAC7G,SAAS,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IACtC,YAAY,CAAC,EAAE,4BAA4B,GAAG,SAAS,CAAC;IACxD,SAAS,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC;QAAE,KAAK,EAAE,eAAe,CAAA;KAAE,CAAC,CAAC,GAAG,SAAS,CAAC;IACrF,cAAc,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC;QAAE,KAAK,EAAE,eAAe,CAAA;KAAE,CAAC,CAAC,GAAG,SAAS,CAAC;CAC3F,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,UAAU,CAAC,EAAE,gBAAgB,GAAG,SAAS,CAAC;IAC1C,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC;IAC3C,iGAAiG;IACjG,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACnC,CAAC;AAWF,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAelC,CAAC"}