veryfront 0.1.1048 → 0.1.1049

package/esm/src/react/components/chat/chat/components/message-feedback.d.ts

@@ -1,23 +1,43 @@
-import * as React from "../../../../../../react/react.js";
+import * as React from "react";
 /** Public API contract for feedback value. */
 export type FeedbackValue = "positive" | "negative";
-/**
- * Icon overrides for {@link MessageFeedback}. Each defaults to the built-in
- * thumbs glyph.
- */
-export interface MessageFeedbackIcons {
-    positive?: React.ReactNode;
-    negative?: React.ReactNode;
-}
 /** Props accepted by message feedback. */
-export interface MessageFeedbackProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onClick" | "className"> {
+export interface MessageFeedbackProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "className" | "onClick"> {
     messageId: string;
     feedback?: FeedbackValue | null;
     onFeedback: (messageId: string, feedback: FeedbackValue) => void;
+    /** Compose the controls. The default renders positive and negative actions. */
+    children?: React.ReactNode;
+    className?: string;
+    /** React 19: ref is a regular prop. */
+    ref?: React.Ref<HTMLDivElement>;
+}
+/** Props shared by `MessageFeedback.Positive` and `MessageFeedback.Negative`. */
+export interface MessageFeedbackActionProps {
+    /** Override the feedback glyph. */
+    icon?: React.ReactNode;
     className?: string;
-    /** Override either of the thumbs icons. */
-    icons?: MessageFeedbackIcons;
 }
-/** Render message feedback. */
-export declare const MessageFeedback: React.ForwardRefExoticComponent<MessageFeedbackProps & React.RefAttributes<HTMLDivElement>>;
+/** Positive feedback action. */
+declare function MessageFeedbackPositive({ icon, className, }: MessageFeedbackActionProps): React.ReactElement;
+declare namespace MessageFeedbackPositive {
+    var displayName: string;
+}
+/** Negative feedback action. */
+declare function MessageFeedbackNegative({ icon, className, }: MessageFeedbackActionProps): React.ReactElement;
+declare namespace MessageFeedbackNegative {
+    var displayName: string;
+}
+/** Render the feedback default or compose its addressable actions. */
+declare function MessageFeedbackRoot({ messageId, feedback, onFeedback, children, className, ref, ...props }: MessageFeedbackProps): React.ReactElement;
+declare namespace MessageFeedbackRoot {
+    var displayName: string;
+}
+/** Message feedback with addressable positive and negative action leaves. */
+export declare const MessageFeedback: typeof MessageFeedbackRoot & {
+    Root: typeof MessageFeedbackRoot;
+    Positive: typeof MessageFeedbackPositive;
+    Negative: typeof MessageFeedbackNegative;
+};
+export {};
 //# sourceMappingURL=message-feedback.d.ts.map

package/esm/src/react/components/chat/chat/components/message-feedback.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"message-feedback.d.ts","sourceRoot":"","sources":["../../../../../../../src/src/react/components/chat/chat/components/message-feedback.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,kCAAkC,CAAC;AAG1D,8CAA8C;AAC9C,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG,UAAU,CAAC;AAEpD;;;GAGG;AACH,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,0CAA0C;AAC1C,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAC3E,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IAChC,UAAU,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,aAAa,KAAK,IAAI,CAAC;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,oBAAoB,CAAC;CAC9B;AAKD,+BAA+B;AAC/B,eAAO,MAAM,eAAe,6FAkE3B,CAAC"}
+{"version":3,"file":"message-feedback.d.ts","sourceRoot":"","sources":["../../../../../../../src/src/react/components/chat/chat/components/message-feedback.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,8CAA8C;AAC9C,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG,UAAU,CAAC;AAEpD,0CAA0C;AAC1C,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,SAAS,CAAC;IACxF,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IAChC,UAAU,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,aAAa,KAAK,IAAI,CAAC;IACjE,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uCAAuC;IACvC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;CACjC;AAED,iFAAiF;AACjF,MAAM,WAAW,0BAA0B;IACzC,mCAAmC;IACnC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA2DD,gCAAgC;AAChC,iBAAS,uBAAuB,CAAC,EAC/B,IAAI,EACJ,SAAS,GACV,EAAE,0BAA0B,GAAG,KAAK,CAAC,YAAY,CAoBjD;kBAvBQ,uBAAuB;;;AA0BhC,gCAAgC;AAChC,iBAAS,uBAAuB,CAAC,EAC/B,IAAI,EACJ,SAAS,GACV,EAAE,0BAA0B,GAAG,KAAK,CAAC,YAAY,CAoBjD;kBAvBQ,uBAAuB;;;AA0BhC,sEAAsE;AACtE,iBAAS,mBAAmB,CAAC,EAC3B,SAAS,EACT,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,SAAS,EACT,GAAG,EACH,GAAG,KAAK,EACT,EAAE,oBAAoB,GAAG,KAAK,CAAC,YAAY,CAqB3C;kBA7BQ,mBAAmB;;;AAgC5B,6EAA6E;AAC7E,eAAO,MAAM,eAAe;;;;CAI1B,CAAC"}

package/esm/src/react/components/chat/chat/components/message-feedback.js

@@ -1,18 +1,57 @@
-import * as React from "../../../../../../react/react.js";
+import * as React from "react";
+import { COMPONENT_ERROR } from "../../../../../errors/error-registry.js";
 import { cn } from "../../theme.js";
+const MessageFeedbackContext = React.createContext(null);
+function useMessageFeedback() {
+    const context = React.useContext(MessageFeedbackContext);
+    if (!context) {
+        throw COMPONENT_ERROR.create({
+            detail: "MessageFeedback.* must be used within <MessageFeedback>",
+        });
+    }
+    return context;
+}
 const BUTTON_BASE = "inline-flex items-center justify-center size-7 rounded-full transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--edge-medium)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--background)]";
-/** Render message feedback. */
-export const MessageFeedback = React.forwardRef(function MessageFeedback({ messageId, feedback, onFeedback, className, icons, ...props }, ref) {
-    return (React.createElement("div", { ref: ref, ...props, className: cn("flex items-center gap-1", className) },
-        React.createElement("button", { type: "button", onClick: () => onFeedback(messageId, "positive"), className: cn(BUTTON_BASE, feedback === "positive"
-                ? "text-emerald-500 bg-emerald-500/10"
-                : "text-[var(--faint)] hover:bg-[var(--tertiary)] hover:text-emerald-500"), title: "Helpful" }, icons?.positive ?? (React.createElement("svg", { className: "size-3.5", viewBox: "0 0 24 24", fill: feedback === "positive" ? "currentColor" : "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" },
-            React.createElement("path", { d: "M7 10v12" }),
-            React.createElement("path", { d: "M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2h0a3.13 3.13 0 0 1 3 3.88Z" })))),
-        React.createElement("button", { type: "button", onClick: () => onFeedback(messageId, "negative"), className: cn(BUTTON_BASE, feedback === "negative"
-                ? "text-red-500 bg-red-500/10"
-                : "text-[var(--faint)] hover:bg-[var(--tertiary)] hover:text-[var(--destructive)]"), title: "Not helpful" }, icons?.negative ?? (React.createElement("svg", { className: "size-3.5", viewBox: "0 0 24 24", fill: feedback === "negative" ? "currentColor" : "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" },
-            React.createElement("path", { d: "M17 14V2" }),
-            React.createElement("path", { d: "M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22h0a3.13 3.13 0 0 1-3-3.88Z" }))))));
+function PositiveIcon({ active }) {
+    return (React.createElement("svg", { "aria-hidden": "true", className: "size-3.5", viewBox: "0 0 24 24", fill: active ? "currentColor" : "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" },
+        React.createElement("path", { d: "M7 10v12" }),
+        React.createElement("path", { d: "M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2h0a3.13 3.13 0 0 1 3 3.88Z" })));
+}
+function NegativeIcon({ active }) {
+    return (React.createElement("svg", { "aria-hidden": "true", className: "size-3.5", viewBox: "0 0 24 24", fill: active ? "currentColor" : "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" },
+        React.createElement("path", { d: "M17 14V2" }),
+        React.createElement("path", { d: "M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22h0a3.13 3.13 0 0 1-3-3.88Z" })));
+}
+/** Positive feedback action. */
+function MessageFeedbackPositive({ icon, className, }) {
+    const { messageId, feedback, onFeedback } = useMessageFeedback();
+    const active = feedback === "positive";
+    return (React.createElement("button", { type: "button", onClick: () => onFeedback(messageId, "positive"), className: cn(BUTTON_BASE, active
+            ? "text-emerald-500 bg-emerald-500/10"
+            : "text-[var(--faint)] hover:bg-[var(--tertiary)] hover:text-emerald-500", className), title: "Helpful", "aria-label": "Helpful" }, icon ?? React.createElement(PositiveIcon, { active: active })));
+}
+MessageFeedbackPositive.displayName = "MessageFeedback.Positive";
+/** Negative feedback action. */
+function MessageFeedbackNegative({ icon, className, }) {
+    const { messageId, feedback, onFeedback } = useMessageFeedback();
+    const active = feedback === "negative";
+    return (React.createElement("button", { type: "button", onClick: () => onFeedback(messageId, "negative"), className: cn(BUTTON_BASE, active
+            ? "text-red-500 bg-red-500/10"
+            : "text-[var(--faint)] hover:bg-[var(--tertiary)] hover:text-[var(--destructive)]", className), title: "Not helpful", "aria-label": "Not helpful" }, icon ?? React.createElement(NegativeIcon, { active: active })));
+}
+MessageFeedbackNegative.displayName = "MessageFeedback.Negative";
+/** Render the feedback default or compose its addressable actions. */
+function MessageFeedbackRoot({ messageId, feedback, onFeedback, children, className, ref, ...props }) {
+    const context = React.useMemo(() => ({ messageId, feedback, onFeedback }), [messageId, feedback, onFeedback]);
+    return (React.createElement(MessageFeedbackContext.Provider, { value: context },
+        React.createElement("div", { ref: ref, ...props, className: cn("flex items-center gap-1", className) }, children ?? (React.createElement(React.Fragment, null,
+            React.createElement(MessageFeedbackPositive, null),
+            React.createElement(MessageFeedbackNegative, null))))));
+}
+MessageFeedbackRoot.displayName = "MessageFeedback";
+/** Message feedback with addressable positive and negative action leaves. */
+export const MessageFeedback = Object.assign(MessageFeedbackRoot, {
+    Root: MessageFeedbackRoot,
+    Positive: MessageFeedbackPositive,
+    Negative: MessageFeedbackNegative,
 });
-MessageFeedback.displayName = "MessageFeedback";

package/esm/src/react/components/chat/chat/components/quick-actions.d.ts

@@ -1,4 +1,4 @@
-import * as React from "../../../../../../react/react.js";
+import * as React from "react";
 /** Public API contract for quick action. */
 export interface QuickAction {
     id: string;

package/esm/src/react/components/chat/chat/components/quick-actions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"quick-actions.d.ts","sourceRoot":"","sources":["../../../../../../../src/src/react/components/chat/chat/components/quick-actions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,kCAAkC,CAAC;AAG1D,4CAA4C;AAC5C,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,uCAAuC;AACvC,MAAM,WAAW,iBAAiB;IAChC,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;IACxB,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,4BAA4B;AAC5B,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,aAAa,EACb,SAAS,GACV,EAAE,iBAAiB,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAkB/C"}
+{"version":3,"file":"quick-actions.d.ts","sourceRoot":"","sources":["../../../../../../../src/src/react/components/chat/chat/components/quick-actions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,4CAA4C;AAC5C,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,uCAAuC;AACvC,MAAM,WAAW,iBAAiB;IAChC,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;IACxB,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,4BAA4B;AAC5B,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,aAAa,EACb,SAAS,GACV,EAAE,iBAAiB,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAkB/C"}

package/esm/src/react/components/chat/chat/components/quick-actions.js

@@ -1,4 +1,4 @@
-import * as React from "../../../../../../react/react.js";
+import * as React from "react";
 import { cn } from "../../theme.js";
 /** Render quick actions. */
 export function QuickActions({ actions, onActionClick, className, }) {

package/esm/src/react/components/chat/chat/components/reasoning.d.ts

@@ -1,4 +1,4 @@
-import * as React from "../../../../../../react/react.js";
+import * as React from "react";
 /** Per-card state shared with `Reasoning.*` sub-parts. */
 export interface ReasoningContextValue {
     text: string;
@@ -8,7 +8,7 @@ export interface ReasoningContextValue {
 }
 /** Read the enclosing `Reasoning` state. Throws when used outside a `Reasoning`. */
 export declare function useReasoning(): ReasoningContextValue;
-/** Props accepted by `Reasoning` / `Reasoning.Root` (aka `ReasoningCard`). */
+/** Props accepted by `Reasoning` / `Reasoning.Root`. */
 export interface ReasoningProps {
     text: string;
     isStreaming?: boolean;
@@ -32,6 +32,16 @@ export interface ReasoningProps {
     onOpenChange?: (open: boolean) => void;
     /** Compose your own disclosure; when omitted, the default anatomy renders. */
     children?: React.ReactNode;
+    /** React 19: ref is a regular prop. */
+    ref?: React.Ref<HTMLDivElement>;
+}
+/**
+ * `Reasoning.Root` — context provider + wrapper. No children renders the
+ * default anatomy (`Trigger` + `Content`); pass children to recompose.
+ */
+declare function ReasoningRoot({ text, isStreaming, className, icon, labels, open, defaultOpen, onOpenChange, children, ref, }: ReasoningProps): React.ReactElement;
+declare namespace ReasoningRoot {
+    var displayName: string;
 }
 /** Props for `Reasoning.Trigger` — the disclosure button. */
 export interface ReasoningTriggerProps {
@@ -62,12 +72,10 @@ declare namespace ReasoningContent {
  * compose `Reasoning.Trigger` + `Reasoning.Content` for a custom layout.
  * Mirrors the `Message` / `ToolCall` compounds: render it, or compose it.
  */
-export declare const Reasoning: React.ForwardRefExoticComponent<ReasoningProps & React.RefAttributes<HTMLDivElement>> & {
-    Root: React.ForwardRefExoticComponent<ReasoningProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Reasoning: typeof ReasoningRoot & {
+    Root: typeof ReasoningRoot;
     Trigger: typeof ReasoningTrigger;
     Content: typeof ReasoningContent;
 };
-/** Back-compat alias — `message.tsx` and `agent-card.tsx` import `ReasoningCard`. */
-export declare const ReasoningCard: React.ForwardRefExoticComponent<ReasoningProps & React.RefAttributes<HTMLDivElement>>;
 export {};
 //# sourceMappingURL=reasoning.d.ts.map

package/esm/src/react/components/chat/chat/components/reasoning.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reasoning.d.ts","sourceRoot":"","sources":["../../../../../../../src/src/react/components/chat/chat/components/reasoning.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,kCAAkC,CAAC;AAgB1D,0DAA0D;AAC1D,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAID,oFAAoF;AACpF,wBAAgB,YAAY,IAAI,qBAAqB,CAQpD;AAED,8EAA8E;AAC9E,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;4EACwE;IACxE,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,oEAAoE;IACpE,MAAM,CAAC,EAAE;QAAE,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACjD;gFAC4E;IAC5E,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;uEAEmE;IACnE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,8EAA8E;IAC9E,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAqFD,6DAA6D;AAC7D,MAAM,WAAW,qBAAqB;IACpC,mCAAmC;IACnC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,oEAAoE;IACpE,MAAM,CAAC,EAAE;QAAE,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,gFAAgF;AAChF,iBAAS,gBAAgB,CACvB,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,qBAAqB,GACjD,KAAK,CAAC,GAAG,CAAC,OAAO,CA0BnB;kBA5BQ,gBAAgB;;;AA+BzB,oFAAoF;AACpF,iBAAS,gBAAgB,CACvB,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,GAC1E,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAY1B;kBAdQ,gBAAgB;;;AAiBzB;;;;GAIG;AACH,eAAO,MAAM,SAAS;;;;CAIpB,CAAC;AAEH,qFAAqF;AACrF,eAAO,MAAM,aAAa,uFAAgB,CAAC"}
+{"version":3,"file":"reasoning.d.ts","sourceRoot":"","sources":["../../../../../../../src/src/react/components/chat/chat/components/reasoning.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,0DAA0D;AAC1D,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAID,oFAAoF;AACpF,wBAAgB,YAAY,IAAI,qBAAqB,CAQpD;AAED,wDAAwD;AACxD,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;4EACwE;IACxE,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,oEAAoE;IACpE,MAAM,CAAC,EAAE;QAAE,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACjD;gFAC4E;IAC5E,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;uEAEmE;IACnE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,8EAA8E;IAC9E,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,uCAAuC;IACvC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;CACjC;AAED;;;GAGG;AACH,iBAAS,aAAa,CACpB,EACE,IAAI,EACJ,WAAmB,EACnB,SAAS,EACT,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,GAAG,GACJ,EAAE,cAAc,GAChB,KAAK,CAAC,YAAY,CA6DpB;kBA1EQ,aAAa;;;AA6EtB,6DAA6D;AAC7D,MAAM,WAAW,qBAAqB;IACpC,mCAAmC;IACnC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,oEAAoE;IACpE,MAAM,CAAC,EAAE;QAAE,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,gFAAgF;AAChF,iBAAS,gBAAgB,CACvB,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,qBAAqB,GACjD,KAAK,CAAC,GAAG,CAAC,OAAO,CA0BnB;kBA5BQ,gBAAgB;;;AA+BzB,oFAAoF;AACpF,iBAAS,gBAAgB,CACvB,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,GAC1E,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAY1B;kBAdQ,gBAAgB;;;AAiBzB;;;;GAIG;AACH,eAAO,MAAM,SAAS;;;;CAIpB,CAAC"}

package/esm/src/react/components/chat/chat/components/reasoning.js

@@ -1,4 +1,4 @@
-import * as React from "../../../../../../react/react.js";
+import * as React from "react";
 import { cn } from "../../theme.js";
 import { Markdown } from "../../markdown.js";
 import { ChevronDownIcon } from "../../../ui/icons/index.js";
@@ -19,7 +19,7 @@ export function useReasoning() {
  * `Reasoning.Root` — context provider + wrapper. No children renders the
  * default anatomy (`Trigger` + `Content`); pass children to recompose.
  */
-const ReasoningRoot = React.forwardRef(function Reasoning({ text, isStreaming = false, className, icon, labels, open, defaultOpen, onOpenChange, children, }, ref) {
+function ReasoningRoot({ text, isStreaming = false, className, icon, labels, open, defaultOpen, onOpenChange, children, ref, }) {
     const isControlled = open !== undefined;
     // Uncontrolled default: open only if we mount mid-stream. A completed /
     // reloaded card (isStreaming === false) starts collapsed, so it never
@@ -66,7 +66,7 @@ const ReasoningRoot = React.forwardRef(function Reasoning({ text, isStreaming =
         React.createElement("div", { ref: ref, className: cn("not-prose mb-3", className) }, children ?? (React.createElement(React.Fragment, null,
             React.createElement(ReasoningTrigger, { icon: icon, labels: labels }),
             React.createElement(ReasoningContent, null))))));
-});
+}
 ReasoningRoot.displayName = "Reasoning.Root";
 /** The header row: a "Thinking…" / "Thought process" label + expand chevron. */
 function ReasoningTrigger({ icon, labels, className }) {
@@ -100,5 +100,3 @@ export const Reasoning = Object.assign(ReasoningRoot, {
     Trigger: ReasoningTrigger,
     Content: ReasoningContent,
 });
-/** Back-compat alias — `message.tsx` and `agent-card.tsx` import `ReasoningCard`. */
-export const ReasoningCard = ReasoningRoot;

package/esm/src/react/components/chat/chat/components/sidebar.d.ts

@@ -39,18 +39,8 @@
  *
  * @module react/components/chat/chat/components/sidebar
  */
-import * as React from "../../../../../../react/react.js";
+import * as React from "react";
 import type { ConversationSummary } from "../persistence/conversation-store.js";
-/**
- * Icon overrides for {@link ChatSidebar}. Each defaults to the built-in glyph
- * (or, for `newConversation`, to no icon at all).
- */
-export interface ChatSidebarIcons {
-    newConversation?: React.ReactNode;
-    rename?: React.ReactNode;
-    delete?: React.ReactNode;
-    more?: React.ReactNode;
-}
 /** Per-row handlers/state handed to a custom {@link ChatSidebarRootProps.renderItem}. */
 export interface ChatSidebarItemRenderOptions {
     isActive: boolean;
@@ -78,7 +68,6 @@ interface ChatSidebarControlProps {
 /** Props accepted by {@link ChatSidebarRoot}. */
 export interface ChatSidebarRootProps extends ChatSidebarControlProps {
     /** Override any of the sidebar icons. */
-    icons?: ChatSidebarIcons;
     /**
      * Show the loading skeleton instead of the list — e.g. while conversations
      * are being fetched. When omitted, the auto {@link ChatSidebarList} shows a
@@ -105,23 +94,82 @@ export declare namespace ChatSidebarRoot {
 export interface ChatSidebarNewButtonProps {
     /** Button label. Defaults to "New chat". */
     children?: React.ReactNode;
+    /** Optional leading icon. */
+    icon?: React.ReactNode;
     className?: string;
 }
 /** The primary "new conversation" action. Wires `onNew` from context. */
-export declare function ChatSidebarNewButton({ children, className, }: ChatSidebarNewButtonProps): React.ReactElement;
+export declare function ChatSidebarNewButton({ children, icon, className, }: ChatSidebarNewButtonProps): React.ReactElement;
 export declare namespace ChatSidebarNewButton {
     var displayName: string;
 }
 /** Props accepted by {@link ChatSidebarItem}. */
+/**
+ * Per-row state + actions shared with `ChatSidebar.Item.*` leaves, so a swapped
+ * or extended row menu keeps rename/delete/select behaviour (the acid test).
+ */
+export interface ChatSidebarItemContextValue {
+    conversation: ConversationSummary;
+    isActive: boolean;
+    /** Rename is available (the surrounding sidebar wired an `onRename`). */
+    canRename: boolean;
+    /** Enter inline-rename mode (no-op when rename is unavailable). */
+    startRename: () => void;
+    /** Delete this conversation. */
+    remove: () => void;
+    /** `…` menu open state (drives the row's active styling). */
+    menuOpen: boolean;
+    setMenuOpen: (open: boolean) => void;
+}
+/** Read the enclosing `ChatSidebar.Item` row state. Throws when used outside one. */
+export declare function useChatSidebarItem(): ChatSidebarItemContextValue;
 export interface ChatSidebarItemProps {
     conversation: ConversationSummary;
     className?: string;
+    /**
+     * Compose the row's action slot — typically a `<ChatSidebar.Item.Menu>`.
+     * Omit for the default `…` rename/delete menu.
+     */
+    children?: React.ReactNode;
 }
-/** A single conversation row — select on click, rename/delete via a "…" menu. */
-export declare function ChatSidebarItem({ conversation, className, }: ChatSidebarItemProps): React.ReactElement;
+/**
+ * A single conversation row — select on click, rename/delete via a "…" menu.
+ * The menu is a composable compound: pass a `<ChatSidebar.Item.Menu>` child to
+ * add or reorder entries without re-implementing the row.
+ */
+export declare function ChatSidebarItem({ conversation, className, children, }: ChatSidebarItemProps): React.ReactElement;
 export declare namespace ChatSidebarItem {
     var displayName: string;
 }
+/** Props for {@link ChatSidebarItemMenu}. */
+export interface ChatSidebarItemMenuProps {
+    /** Override the trigger glyph. */
+    icon?: React.ReactNode;
+    /** Compose the entries; omit for the default `Rename` + `Delete`. */
+    children?: React.ReactNode;
+}
+/** The row's `…` dropdown. Reads row state from {@link useChatSidebarItem}. */
+export declare function ChatSidebarItemMenu({ icon, children, }: ChatSidebarItemMenuProps): React.ReactElement;
+export declare namespace ChatSidebarItemMenu {
+    var displayName: string;
+}
+/** Props for {@link ChatSidebarItemRename} / {@link ChatSidebarItemDelete}. */
+export interface ChatSidebarItemActionProps {
+    /** Override the entry glyph. */
+    icon?: React.ReactNode;
+    /** Override the entry label. */
+    children?: React.ReactNode;
+}
+/** `Rename` menu entry — enters inline rename. Renders nothing if unavailable. */
+export declare function ChatSidebarItemRename({ icon, children, }: ChatSidebarItemActionProps): React.ReactElement | null;
+export declare namespace ChatSidebarItemRename {
+    var displayName: string;
+}
+/** `Delete` menu entry. */
+export declare function ChatSidebarItemDelete({ icon, children, }: ChatSidebarItemActionProps): React.ReactElement;
+export declare namespace ChatSidebarItemDelete {
+    var displayName: string;
+}
 /** Props accepted by {@link ChatSidebarGroup}. */
 export interface ChatSidebarGroupProps {
     /** Section heading (e.g. a recency bucket). Omit for an unlabeled group. */
@@ -167,13 +215,19 @@ declare function ChatSidebarBase(props: ChatSidebarProps): React.ReactElement |
 declare namespace ChatSidebarBase {
     var displayName: string;
 }
+/** `ChatSidebar.Item` compound — the row plus its composable menu leaves. */
+export type ChatSidebarItemComponent = typeof ChatSidebarItem & {
+    Menu: typeof ChatSidebarItemMenu;
+    Rename: typeof ChatSidebarItemRename;
+    Delete: typeof ChatSidebarItemDelete;
+};
 /** Compound type — the preset plus its namespaced sub-components. */
 export type ChatSidebarComponent = typeof ChatSidebarBase & {
     Root: typeof ChatSidebarRoot;
     NewButton: typeof ChatSidebarNewButton;
     List: typeof ChatSidebarList;
     Group: typeof ChatSidebarGroup;
-    Item: typeof ChatSidebarItem;
+    Item: ChatSidebarItemComponent;
     Empty: typeof ChatSidebarEmpty;
 };
 /** Render a chat sidebar — usable as `<ChatSidebar />` or `<ChatSidebar.Root>…`. */

package/esm/src/react/components/chat/chat/components/sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../../../../../src/src/react/components/chat/chat/components/sidebar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,OAAO,KAAK,KAAK,MAAM,kCAAkC,CAAC;AAc1D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAmBhF;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC/B,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,yFAAyF;AACzF,MAAM,WAAW,4BAA4B;IAC3C,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAMD,4EAA4E;AAC5E,UAAU,uBAAuB;IAC/B,4EAA4E;IAC5E,aAAa,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACtC,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,kFAAkF;IAClF,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,+EAA+E;IAC/E,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,2FAA2F;IAC3F,UAAU,CAAC,EAAE,CACX,YAAY,EAAE,mBAAmB,EACjC,IAAI,EAAE,4BAA4B,KAC/B,KAAK,CAAC,SAAS,CAAC;CACtB;AA4GD,iDAAiD;AACjD,MAAM,WAAW,oBAAqB,SAAQ,uBAAuB;IACnE,yCAAyC;IACzC,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,8DAA8D;IAC9D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wEAAwE;AACxE,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAuCtF;yBAvCe,eAAe;;;AA8C/B,sDAAsD;AACtD,MAAM,WAAW,yBAAyB;IACxC,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,yEAAyE;AACzE,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,SAAS,GACV,EAAE,yBAAyB,GAAG,KAAK,CAAC,YAAY,CAehD;yBAlBe,oBAAoB;;;AAyBpC,iDAAiD;AACjD,MAAM,WAAW,oBAAoB;IACnC,YAAY,EAAE,mBAAmB,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iFAAiF;AACjF,wBAAgB,eAAe,CAAC,EAC9B,YAAY,EACZ,SAAS,GACV,EAAE,oBAAoB,GAAG,KAAK,CAAC,YAAY,CA2F3C;yBA9Fe,eAAe;;;AAqG/B,kDAAkD;AAClD,MAAM,WAAW,qBAAqB;IACpC,4EAA4E;IAC5E,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,8CAA8C;AAC9C,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,SAAS,GACV,EAAE,qBAAqB,GAAG,KAAK,CAAC,YAAY,CAO5C;yBAXe,gBAAgB;;;AAkBhC,kDAAkD;AAClD,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iEAAiE;AACjE,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,SAAS,GACV,EAAE,qBAAqB,GAAG,KAAK,CAAC,YAAY,CAW5C;yBAde,gBAAgB;;;AA4ChC,iDAAiD;AACjD,MAAM,WAAW,oBAAoB;IACnC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,yEAAyE;AACzE,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,SAAS,GACV,EAAE,oBAAoB,GAAG,KAAK,CAAC,YAAY,CA4D3C;yBA/De,eAAe;;;AAsE/B,wDAAwD;AACxD,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC;CAAG;AAEnF,mEAAmE;AACnE,iBAAS,eAAe,CAAC,KAAK,EAAE,gBAAgB,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAU3E;kBAVQ,eAAe;;;AAaxB,qEAAqE;AACrE,MAAM,MAAM,oBAAoB,GAAG,OAAO,eAAe,GAAG;IAC1D,IAAI,EAAE,OAAO,eAAe,CAAC;IAC7B,SAAS,EAAE,OAAO,oBAAoB,CAAC;IACvC,IAAI,EAAE,OAAO,eAAe,CAAC;IAC7B,KAAK,EAAE,OAAO,gBAAgB,CAAC;IAC/B,IAAI,EAAE,OAAO,eAAe,CAAC;IAC7B,KAAK,EAAE,OAAO,gBAAgB,CAAC;CAChC,CAAC;AAEF,oFAAoF;AACpF,eAAO,MAAM,WAAW,EAAE,oBAOxB,CAAC"}
+{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../../../../../src/src/react/components/chat/chat/components/sidebar.tsx"],"names":[],"mappings":"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"}

package/esm/src/react/components/chat/chat/components/sidebar.js

@@ -39,7 +39,7 @@
  *
  * @module react/components/chat/chat/components/sidebar
  */
-import * as React from "../../../../../../react/react.js";
+import * as React from "react";
 import { COMPONENT_ERROR } from "../../../../../errors/error-registry.js";
 import { cn } from "../../theme.js";
 import { PencilIcon, TrashIcon } from "../../../ui/icons/index.js";
@@ -118,9 +118,9 @@ function groupConversations(conversations) {
 }
 /** Context provider + outer rail container for the compound sidebar. */
 export function ChatSidebarRoot(props) {
-    const { icons, loading, isOpen = true, fill = false, className, children } = props;
+    const { loading, isOpen = true, fill = false, className, children } = props;
     const resolved = useResolvedSidebar(props);
-    const value = React.useMemo(() => ({ ...resolved, icons, loading }), [
+    const value = React.useMemo(() => ({ ...resolved, loading }), [
         resolved.conversations,
         resolved.activeId,
         resolved.onSelect,
@@ -128,7 +128,6 @@ export function ChatSidebarRoot(props) {
         resolved.onRename,
         resolved.onNew,
         resolved.renderItem,
-        icons,
         loading,
     ]);
     if (!isOpen)
@@ -141,17 +140,32 @@ export function ChatSidebarRoot(props) {
 }
 ChatSidebarRoot.displayName = "ChatSidebar.Root";
 /** The primary "new conversation" action. Wires `onNew` from context. */
-export function ChatSidebarNewButton({ children, className, }) {
-    const { onNew, icons } = useChatSidebarContext();
+export function ChatSidebarNewButton({ children, icon, className, }) {
+    const { onNew } = useChatSidebarContext();
     return (React.createElement("div", { className: "px-3 pt-4 pb-1" },
         React.createElement(Button, { type: "button", variant: "primary", onClick: onNew, className: cn("w-full", className) },
-            icons?.newConversation,
+            icon,
             children ?? "New chat")));
 }
 ChatSidebarNewButton.displayName = "ChatSidebar.NewButton";
-/** A single conversation row — select on click, rename/delete via a "…" menu. */
-export function ChatSidebarItem({ conversation, className, }) {
-    const { activeId, onSelect, onDelete, onRename, icons, } = useChatSidebarContext();
+const ChatSidebarItemContext = React.createContext(null);
+/** Read the enclosing `ChatSidebar.Item` row state. Throws when used outside one. */
+export function useChatSidebarItem() {
+    const ctx = React.useContext(ChatSidebarItemContext);
+    if (!ctx) {
+        throw COMPONENT_ERROR.create({
+            detail: "ChatSidebar.Item.* must be used within <ChatSidebar.Item>",
+        });
+    }
+    return ctx;
+}
+/**
+ * A single conversation row — select on click, rename/delete via a "…" menu.
+ * The menu is a composable compound: pass a `<ChatSidebar.Item.Menu>` child to
+ * add or reorder entries without re-implementing the row.
+ */
+export function ChatSidebarItem({ conversation, className, children, }) {
+    const { activeId, onSelect, onDelete, onRename } = useChatSidebarContext();
     const isActive = conversation.id === activeId;
     const [editing, setEditing] = React.useState(false);
     const [editValue, setEditValue] = React.useState(conversation.title);
@@ -161,12 +175,12 @@ export function ChatSidebarItem({ conversation, className, }) {
         if (editing)
             inputRef.current?.select();
     }, [editing]);
-    function startRename() {
+    const startRename = React.useCallback(() => {
         if (!onRename)
             return;
         setEditValue(conversation.title);
         setEditing(true);
-    }
+    }, [onRename, conversation.title]);
     function commitRename() {
         setEditing(false);
         const trimmed = editValue.trim();
@@ -174,6 +188,15 @@ export function ChatSidebarItem({ conversation, className, }) {
             onRename?.(conversation.id, trimmed);
         }
     }
+    const itemContext = React.useMemo(() => ({
+        conversation,
+        isActive,
+        canRename: Boolean(onRename),
+        startRename,
+        remove: () => onDelete(conversation.id),
+        menuOpen,
+        setMenuOpen,
+    }), [conversation, isActive, onRename, startRename, onDelete, menuOpen]);
     if (editing) {
         // Fixed `h-8` = the display row's height (py-1.5 + a size-5 action button),
         // so entering rename mode never resizes the row.
@@ -185,18 +208,39 @@ export function ChatSidebarItem({ conversation, className, }) {
                         setEditing(false);
                 }, className: "min-w-0 flex-1 appearance-none border-0 bg-transparent p-0 text-[13px] leading-snug outline-none" })));
     }
-    return (React.createElement(ListItem, { title: conversation.title, active: isActive || menuOpen, className: className, onClick: () => onSelect(conversation.id), action: React.createElement(DropdownMenu, { open: menuOpen, onOpenChange: setMenuOpen },
-            React.createElement(DropdownMenuTrigger, { asChild: true },
-                React.createElement(Button, { type: "button", variant: "icon-ghost", size: "icon-xs", on: "card", "aria-label": `More actions for ${conversation.title}` }, icons?.more ?? React.createElement(MoreGlyph, null))),
-            React.createElement(DropdownMenuContent, { align: "end", className: "min-w-[160px]" },
-                onRename && (React.createElement(DropdownMenuItem, { onSelect: startRename },
-                    icons?.rename ?? React.createElement(PencilIcon, null),
-                    "Rename")),
-                React.createElement(DropdownMenuItem, { onSelect: () => onDelete(conversation.id), className: "text-[var(--destructive)] hover:bg-[color-mix(in_oklch,var(--destructive),transparent_92%)]" },
-                    icons?.delete ?? React.createElement(TrashIcon, null),
-                    "Delete"))) }));
+    return (React.createElement(ChatSidebarItemContext.Provider, { value: itemContext },
+        React.createElement(ListItem, { title: conversation.title, active: isActive || menuOpen, className: className, onClick: () => onSelect(conversation.id), action: children ?? React.createElement(ChatSidebarItemMenu, null) })));
 }
 ChatSidebarItem.displayName = "ChatSidebar.Item";
+/** The row's `…` dropdown. Reads row state from {@link useChatSidebarItem}. */
+export function ChatSidebarItemMenu({ icon, children, }) {
+    const { conversation, menuOpen, setMenuOpen } = useChatSidebarItem();
+    return (React.createElement(DropdownMenu, { open: menuOpen, onOpenChange: setMenuOpen },
+        React.createElement(DropdownMenuTrigger, { asChild: true },
+            React.createElement(Button, { type: "button", variant: "icon-ghost", size: "icon-xs", on: "card", "aria-label": `More actions for ${conversation.title}` }, icon ?? React.createElement(MoreGlyph, null))),
+        React.createElement(DropdownMenuContent, { align: "end", className: "min-w-[160px]" }, children ?? (React.createElement(React.Fragment, null,
+            React.createElement(ChatSidebarItemRename, null),
+            React.createElement(ChatSidebarItemDelete, null))))));
+}
+ChatSidebarItemMenu.displayName = "ChatSidebar.Item.Menu";
+/** `Rename` menu entry — enters inline rename. Renders nothing if unavailable. */
+export function ChatSidebarItemRename({ icon, children, }) {
+    const { canRename, startRename } = useChatSidebarItem();
+    if (!canRename)
+        return null;
+    return (React.createElement(DropdownMenuItem, { onSelect: startRename },
+        icon ?? React.createElement(PencilIcon, null),
+        children ?? "Rename"));
+}
+ChatSidebarItemRename.displayName = "ChatSidebar.Item.Rename";
+/** `Delete` menu entry. */
+export function ChatSidebarItemDelete({ icon, children, }) {
+    const { remove } = useChatSidebarItem();
+    return (React.createElement(DropdownMenuItem, { onSelect: remove, className: "text-[var(--destructive)] hover:bg-[color-mix(in_oklch,var(--destructive),transparent_92%)]" },
+        icon ?? React.createElement(TrashIcon, null),
+        children ?? "Delete"));
+}
+ChatSidebarItemDelete.displayName = "ChatSidebar.Item.Delete";
 /** A labeled cluster of conversation rows. */
 export function ChatSidebarGroup({ label, children, className, }) {
     return (React.createElement(List, { className: className },
@@ -265,12 +309,17 @@ function ChatSidebarBase(props) {
         React.createElement(ChatSidebarList, null)));
 }
 ChatSidebarBase.displayName = "ChatSidebar";
+const ChatSidebarItemCompound = Object.assign(ChatSidebarItem, {
+    Menu: ChatSidebarItemMenu,
+    Rename: ChatSidebarItemRename,
+    Delete: ChatSidebarItemDelete,
+});
 /** Render a chat sidebar — usable as `<ChatSidebar />` or `<ChatSidebar.Root>…`. */
 export const ChatSidebar = Object.assign(ChatSidebarBase, {
     Root: ChatSidebarRoot,
     NewButton: ChatSidebarNewButton,
     List: ChatSidebarList,
     Group: ChatSidebarGroup,
-    Item: ChatSidebarItem,
+    Item: ChatSidebarItemCompound,
     Empty: ChatSidebarEmpty,
 });

package/esm/src/react/components/chat/chat/components/skill-badge.d.ts

@@ -2,7 +2,7 @@
  * Skill Badge - compact indicator for skill tool calls (load_skill, load_skill_reference, execute_skill_script).
  * @module react/components/chat/components/skill-badge
  */
-import * as React from "../../../../../../react/react.js";
+import * as React from "react";
 import type { ChatDynamicToolPart, ChatToolPart } from "../../../../../agent/react/index.js";
 /** Props accepted by skill badge. */
 export interface SkillBadgeProps {

package/esm/src/react/components/chat/chat/components/skill-badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"skill-badge.d.ts","sourceRoot":"","sources":["../../../../../../../src/src/react/components/chat/chat/components/skill-badge.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,KAAK,MAAM,kCAAkC,CAAC;AAG1D,OAAO,KAAK,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAE7F,qCAAqC;AACrC,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,YAAY,GAAG,mBAAmB,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,0BAA0B;AAC1B,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA2CxF"}
+{"version":3,"file":"skill-badge.d.ts","sourceRoot":"","sources":["../../../../../../../src/src/react/components/chat/chat/components/skill-badge.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAE7F,qCAAqC;AACrC,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,YAAY,GAAG,mBAAmB,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,0BAA0B;AAC1B,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA2CxF"}

package/esm/src/react/components/chat/chat/components/skill-badge.js

@@ -2,7 +2,7 @@
  * Skill Badge - compact indicator for skill tool calls (load_skill, load_skill_reference, execute_skill_script).
  * @module react/components/chat/components/skill-badge
  */
-import * as React from "../../../../../../react/react.js";
+import * as React from "react";
 import { cn } from "../../theme.js";
 import { CheckCircleIcon, SparklesIcon, XCircleIcon } from "../../../ui/icons/index.js";
 /** Render skill badge. */

package/esm/src/react/components/chat/chat/components/skill-tool.d.ts

@@ -11,7 +11,7 @@
  *
  * @module react/components/chat/components/skill-tool
  */
-import * as React from "../../../../../../react/react.js";
+import * as React from "react";
 import type { ChatDynamicToolPart, ChatToolPart } from "../../../../../agent/react/index.js";
 /** Props accepted by {@link SkillTool}. */
 export interface SkillToolProps {

package/esm/src/react/components/chat/chat/components/skill-tool.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"skill-tool.d.ts","sourceRoot":"","sources":["../../../../../../../src/src/react/components/chat/chat/components/skill-tool.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,KAAK,MAAM,kCAAkC,CAAC;AAC1D,OAAO,KAAK,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAW7F,2CAA2C;AAC3C,MAAM,WAAW,cAAc;IAC7B,yEAAyE;IACzE,KAAK,EAAE,MAAM,CAAC;IACd;;;;;OAKG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,yCAAyC;AACzC,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,KAAgB,EAChB,SAAS,GACV,EAAE,cAAc,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAkBpC;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE,YAAY,GAAG,mBAAmB,GACvC,cAAc,CAQhB"}
+{"version":3,"file":"skill-tool.d.ts","sourceRoot":"","sources":["../../../../../../../src/src/react/components/chat/chat/components/skill-tool.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAW7F,2CAA2C;AAC3C,MAAM,WAAW,cAAc;IAC7B,yEAAyE;IACzE,KAAK,EAAE,MAAM,CAAC;IACd;;;;;OAKG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,yCAAyC;AACzC,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,KAAgB,EAChB,SAAS,GACV,EAAE,cAAc,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAkBpC;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE,YAAY,GAAG,mBAAmB,GACvC,cAAc,CAQhB"}