@arcadeai/design-system 3.33.2 → 3.34.0

package/dist/components/ui/molecules/chat-message-list.d.ts

@@ -7,7 +7,7 @@ export type ChatMessageItem = {
     /** Unique identifier for the message */
     id: string;
     /** Role of the message sender */
-    role: "user" | "assistant";
+    role: "user" | "assistant" | "system";
     /** Text content of the message */
     content: string;
 };
@@ -35,9 +35,12 @@ export type ChatMessageListProps = {
  * of simple text-based conversations. Use `renderMessage` to customize.
  */
 export declare function ChatMessageList({ messages, isStreaming, renderMessage, loadingIndicator, children, className, ...props }: ChatMessageListProps): import("react/jsx-runtime").JSX.Element | null;
-export type ChatUserMessageProps = React.ComponentProps<"div">;
+export type ChatUserMessageProps = Omit<React.ComponentProps<"div">, "children"> & {
+    children: string;
+};
 /**
  * Pre-styled user message bubble. Right-aligned with primary-colored background.
+ * Accepts only string children — use `ChatAssistantMessage` for rich content.
  */
 export declare function ChatUserMessage({ children, className, ...props }: ChatUserMessageProps): import("react/jsx-runtime").JSX.Element;
 export type ChatAssistantMessageProps = {

package/dist/components/ui/molecules/chat-message-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chat-message-list.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/molecules/chat-message-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAQpC;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B,wCAAwC;IACxC,EAAE,EAAE,MAAM,CAAC;IACX,iCAAiC;IACjC,IAAI,EAAE,MAAM,GAAG,WAAW,CAAC;IAC3B,kCAAkC;IAClC,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAC;IAC7B,8DAA8D;IAC9D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mFAAmF;IACnF,aAAa,CAAC,EAAE,CACd,OAAO,EAAE,eAAe,EACxB,OAAO,EAAE;QAAE,MAAM,EAAE,OAAO,CAAC;QAAC,WAAW,EAAE,OAAO,CAAA;KAAE,KAC/C,KAAK,CAAC,SAAS,CAAC;IACrB,yEAAyE;IACzE,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACpC,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAIhC;;;;;;;;;GASG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,WAAmB,EACnB,aAAa,EACb,gBAAgB,EAChB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,kDA0EtB;AAID,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAE/D;;GAEG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,2CAYtB;AAID,MAAM,MAAM,yBAAyB,GAAG;IACtC,iEAAiE;IACjE,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAEhC;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,WAAW,EACX,SAAS,EACT,GAAG,KAAK,EACT,EAAE,yBAAyB,2CAoB3B;AAID,MAAM,MAAM,2BAA2B,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAEtE;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,2BAA2B,2CAU7B"}
+{"version":3,"file":"chat-message-list.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/molecules/chat-message-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAQpC;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B,wCAAwC;IACxC,EAAE,EAAE,MAAM,CAAC;IACX,iCAAiC;IACjC,IAAI,EAAE,MAAM,GAAG,WAAW,GAAG,QAAQ,CAAC;IACtC,kCAAkC;IAClC,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAC;IAC7B,8DAA8D;IAC9D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mFAAmF;IACnF,aAAa,CAAC,EAAE,CACd,OAAO,EAAE,eAAe,EACxB,OAAO,EAAE;QAAE,MAAM,EAAE,OAAO,CAAC;QAAC,WAAW,EAAE,OAAO,CAAA;KAAE,KAC/C,KAAK,CAAC,SAAS,CAAC;IACrB,yEAAyE;IACzE,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACpC,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAIhC;;;;;;;;;GASG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,WAAmB,EACnB,aAAa,EACb,gBAAgB,EAChB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,kDA0EtB;AAID,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACrC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAC3B,UAAU,CACX,GAAG;IACF,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,2CAYtB;AAID,MAAM,MAAM,yBAAyB,GAAG;IACtC,iEAAiE;IACjE,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAEhC;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,WAAW,EACX,SAAS,EACT,GAAG,KAAK,EACT,EAAE,yBAAyB,2CAoB3B;AAID,MAAM,MAAM,2BAA2B,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAEtE;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,2BAA2B,2CAU7B"}

package/dist/components/ui/molecules/chat-message-list.js

@@ -42,10 +42,10 @@ function A({
       children: [
         t.map((n) => {
           const u = n.role === "user", s = n === o;
-          return u || n.content ? e ? /* @__PURE__ */ a(v, { children: e(n, {
+          return e ? /* @__PURE__ */ a(v, { children: e(n, {
             isLast: s,
             isStreaming: s && r
-          }) }, n.id) : u ? /* @__PURE__ */ a(N, { children: n.content }, n.id) : /* @__PURE__ */ a(
+          }) }, n.id) : u || n.content ? u ? /* @__PURE__ */ a(N, { children: n.content }, n.id) : /* @__PURE__ */ a(
             w,
             {
               isAnimating: s && r,

package/dist/components/ui/molecules/index.d.ts

@@ -12,6 +12,14 @@ export type { Step, StepStatus, StepsProgressProps } from './steps-progress';
 export { StepsProgress } from './steps-progress';
 export type { SuggestionCardProps } from './suggestion-card';
 export { SuggestionCard } from './suggestion-card';
+export type { SwitcherContentProps, SwitcherInputProps, SwitcherItemProps, SwitcherProps, SwitcherTriggerProps, } from './switcher';
+export { Switcher, SwitcherContent, SwitcherInput, SwitcherItem, SwitcherTrigger, useSwitcher, } from './switcher';
+export type { ToolAuthorizationArgsProps, ToolAuthorizationHeaderProps, ToolAuthorizationMessageProps, ToolAuthorizationProps, ToolAuthorizationStatus, } from './tool-authorization';
+export { ToolAuthorization, ToolAuthorizationArgs, ToolAuthorizationContent, ToolAuthorizationHeader, ToolAuthorizationMessage, } from './tool-authorization';
+export type { ToolCallAccordionContentProps, ToolCallAccordionItemProps, ToolCallAccordionProps, ToolCallAccordionTriggerProps, ToolCallState, ToolCallView, } from './tool-call-accordion';
+export { ToolCallAccordion, ToolCallAccordionContent, ToolCallAccordionItem, ToolCallAccordionTrigger, } from './tool-call-accordion';
 export { ToolCard } from './tool-card';
 export { ToolkitCard } from './toolkit-card';
+export type { UserNavProps, UserNavSize } from './user-nav';
+export { UserNav } from './user-nav';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/ui/molecules/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/molecules/index.ts"],"names":[],"mappings":"AAAA,+GAA+G;AAE/G,YAAY,EACV,yBAAyB,EACzB,eAAe,EACf,oBAAoB,EACpB,2BAA2B,EAC3B,oBAAoB,GACrB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,oBAAoB,EACpB,eAAe,EACf,sBAAsB,EACtB,eAAe,GAChB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,YAAY,EACV,kBAAkB,EAClB,mBAAmB,EACnB,kBAAkB,EAClB,mBAAmB,EACnB,YAAY,GACb,MAAM,WAAW,CAAC;AACnB,OAAO,EACL,OAAO,EACP,aAAa,EACb,cAAc,EACd,aAAa,EACb,cAAc,GACf,MAAM,WAAW,CAAC;AACnB,YAAY,EACV,sBAAsB,EACtB,uBAAuB,EACvB,gBAAgB,EAChB,wBAAwB,GACzB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,kBAAkB,EAClB,mBAAmB,GACpB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,YAAY,EAAE,IAAI,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC7E,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/molecules/index.ts"],"names":[],"mappings":"AAAA,+GAA+G;AAE/G,YAAY,EACV,yBAAyB,EACzB,eAAe,EACf,oBAAoB,EACpB,2BAA2B,EAC3B,oBAAoB,GACrB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,oBAAoB,EACpB,eAAe,EACf,sBAAsB,EACtB,eAAe,GAChB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,YAAY,EACV,kBAAkB,EAClB,mBAAmB,EACnB,kBAAkB,EAClB,mBAAmB,EACnB,YAAY,GACb,MAAM,WAAW,CAAC;AACnB,OAAO,EACL,OAAO,EACP,aAAa,EACb,cAAc,EACd,aAAa,EACb,cAAc,GACf,MAAM,WAAW,CAAC;AACnB,YAAY,EACV,sBAAsB,EACtB,uBAAuB,EACvB,gBAAgB,EAChB,wBAAwB,GACzB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,kBAAkB,EAClB,mBAAmB,GACpB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,YAAY,EAAE,IAAI,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC7E,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,YAAY,EACV,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,aAAa,EACb,oBAAoB,GACrB,MAAM,YAAY,CAAC;AACpB,OAAO,EACL,QAAQ,EACR,eAAe,EACf,aAAa,EACb,YAAY,EACZ,eAAe,EACf,WAAW,GACZ,MAAM,YAAY,CAAC;AACpB,YAAY,EACV,0BAA0B,EAC1B,4BAA4B,EAC5B,6BAA6B,EAC7B,sBAAsB,EACtB,uBAAuB,GACxB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,iBAAiB,EACjB,qBAAqB,EACrB,wBAAwB,EACxB,uBAAuB,EACvB,wBAAwB,GACzB,MAAM,sBAAsB,CAAC;AAC9B,YAAY,EACV,6BAA6B,EAC7B,0BAA0B,EAC1B,sBAAsB,EACtB,6BAA6B,EAC7B,aAAa,EACb,YAAY,GACb,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,iBAAiB,EACjB,wBAAwB,EACxB,qBAAqB,EACrB,wBAAwB,GACzB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/ui/molecules/index.js

@@ -1,31 +1,51 @@
-import { ChatAssistantMessage as o, ChatMessageList as r, ChatStreamingIndicator as s, ChatUserMessage as a } from "./chat-message-list.js";
-import { DateTimePicker as m } from "./date-time-picker.js";
-import { EmptyState as g } from "./empty-state.js";
-import { Message as x, MessageAction as f, MessageActions as C, MessageAvatar as M, MessageContent as c } from "./message.js";
-import { PromptInput as A, PromptInputAction as P, PromptInputActions as d, PromptInputTextarea as I } from "./prompt-input.js";
-import { R as h, T as S } from "../../../toolkit-card-k8jio69G.js";
-import { StepsProgress as l } from "./steps-progress.js";
-import { SuggestionCard as q } from "./suggestion-card.js";
-import { ToolCard as y } from "./tool-card.js";
+import { ChatAssistantMessage as e, ChatMessageList as r, ChatStreamingIndicator as a, ChatUserMessage as i } from "./chat-message-list.js";
+import { DateTimePicker as n } from "./date-time-picker.js";
+import { EmptyState as m } from "./empty-state.js";
+import { Message as g, MessageAction as l, MessageActions as A, MessageAvatar as T, MessageContent as h } from "./message.js";
+import { PromptInput as x, PromptInputAction as f, PromptInputActions as u, PromptInputTextarea as d } from "./prompt-input.js";
+import { R as M, T as I } from "../../../toolkit-card-DAgQXF93.js";
+import { StepsProgress as P } from "./steps-progress.js";
+import { SuggestionCard as k } from "./suggestion-card.js";
+import { Switcher as R, SwitcherContent as U, SwitcherInput as q, SwitcherItem as y, SwitcherTrigger as B, useSwitcher as D } from "./switcher.js";
+import { ToolAuthorization as H, ToolAuthorizationArgs as L, ToolAuthorizationContent as N, ToolAuthorizationHeader as b, ToolAuthorizationMessage as j } from "./tool-authorization.js";
+import { ToolCallAccordion as G, ToolCallAccordionContent as J, ToolCallAccordionItem as K, ToolCallAccordionTrigger as O } from "./tool-call-accordion.js";
+import { ToolCard as V } from "./tool-card.js";
+import { UserNav as X } from "./user-nav.js";
 export {
-  o as ChatAssistantMessage,
+  e as ChatAssistantMessage,
   r as ChatMessageList,
-  s as ChatStreamingIndicator,
-  a as ChatUserMessage,
-  m as DateTimePicker,
-  g as EmptyState,
-  x as Message,
-  f as MessageAction,
-  C as MessageActions,
-  M as MessageAvatar,
-  c as MessageContent,
-  A as PromptInput,
-  P as PromptInputAction,
-  d as PromptInputActions,
-  I as PromptInputTextarea,
-  h as RequirementBadges,
-  l as StepsProgress,
-  q as SuggestionCard,
-  y as ToolCard,
-  S as ToolkitCard
+  a as ChatStreamingIndicator,
+  i as ChatUserMessage,
+  n as DateTimePicker,
+  m as EmptyState,
+  g as Message,
+  l as MessageAction,
+  A as MessageActions,
+  T as MessageAvatar,
+  h as MessageContent,
+  x as PromptInput,
+  f as PromptInputAction,
+  u as PromptInputActions,
+  d as PromptInputTextarea,
+  M as RequirementBadges,
+  P as StepsProgress,
+  k as SuggestionCard,
+  R as Switcher,
+  U as SwitcherContent,
+  q as SwitcherInput,
+  y as SwitcherItem,
+  B as SwitcherTrigger,
+  H as ToolAuthorization,
+  L as ToolAuthorizationArgs,
+  N as ToolAuthorizationContent,
+  b as ToolAuthorizationHeader,
+  j as ToolAuthorizationMessage,
+  G as ToolCallAccordion,
+  J as ToolCallAccordionContent,
+  K as ToolCallAccordionItem,
+  O as ToolCallAccordionTrigger,
+  V as ToolCard,
+  I as ToolkitCard,
+  X as UserNav,
+  D as useSwitcher
 };

package/dist/components/ui/molecules/prompt-input.js

@@ -1,5 +1,5 @@
-import { jsx as a, jsxs as y } from "react/jsx-runtime";
-import w, { createContext as _, useState as C, useRef as k, useLayoutEffect as P, useContext as H } from "react";
+import { jsx as a, jsxs as w } from "react/jsx-runtime";
+import y, { createContext as _, useState as C, useRef as k, useLayoutEffect as P, useContext as H } from "react";
 import { Textarea as I } from "../atoms/textarea.js";
 import { TooltipProvider as R, Tooltip as T, TooltipTrigger as $, TooltipContent as D } from "../atoms/tooltip.js";
 import { cn as x } from "../../../lib/utils.js";
@@ -11,14 +11,14 @@ const b = _({
   maxHeight: 240,
   onSubmit: void 0,
   disabled: !1,
-  textareaRef: w.createRef()
+  textareaRef: y.createRef()
 });
 function v() {
   return H(b);
 }
 function V({
-  className: r,
-  isLoading: o = !1,
+  className: o,
+  isLoading: r = !1,
   maxHeight: n = 240,
   value: s,
   onValueChange: i,
@@ -37,7 +37,7 @@ function V({
     b.Provider,
     {
       value: {
-        isLoading: o,
+        isLoading: r,
         value: s ?? f,
         setValue: i ?? g,
         maxHeight: n,
@@ -49,8 +49,8 @@ function V({
         "div",
         {
           className: x(
-            "cursor-text rounded-lg border border-input bg-background p-2 shadow-xs transition-[box-shadow,border-color] focus-within:border-primary focus-within:shadow-[0_0_8px_color-mix(in_oklch,var(--ring)_9%,transparent)] dark:focus-within:shadow-[0_0_8px_color-mix(in_oklch,var(--ring)_20%,transparent)]",
-            r
+            "cursor-text rounded-lg border border-input bg-background p-2 shadow-xs transition-[box-shadow,border-color] focus-within:border focus-within:border-muted-foreground focus-within:shadow-[0_0_4px_color-mix(in_oklch,var(--ring)_4%,transparent)] dark:focus-within:shadow-[0_0_4px_color-mix(in_oklch,var(--ring)_8%,transparent)]",
+            o
           ),
           onClick: t,
           ...u,
@@ -61,8 +61,8 @@ function V({
   ) });
 }
 function E({
-  className: r,
-  onKeyDown: o,
+  className: o,
+  onKeyDown: r,
   disableAutosize: n = !1,
   ...s
 }) {
@@ -80,14 +80,14 @@ function E({
   const h = (t) => {
     f(t.target), l(t.target.value);
   }, g = (t) => {
-    t.key === "Enter" && !t.shiftKey && (t.preventDefault(), d || c?.()), o?.(t);
+    t.key === "Enter" && !t.shiftKey && (t.preventDefault(), d || c?.()), r?.(t);
   };
   return /* @__PURE__ */ a(
     I,
     {
       className: x(
         "min-h-[44px] w-full resize-none border-none bg-transparent text-foreground shadow-none outline-none focus-visible:ring-0 focus-visible:ring-offset-0 dark:bg-transparent",
-        r
+        o
       ),
       onChange: h,
       onKeyDown: g,
@@ -99,21 +99,21 @@ function E({
   );
 }
 function L({
-  children: r,
-  className: o,
+  children: o,
+  className: r,
   ...n
 }) {
-  return /* @__PURE__ */ a("div", { className: x("flex items-center gap-2", o), ...n, children: r });
+  return /* @__PURE__ */ a("div", { className: x("flex items-center gap-2", r), ...n, children: o });
 }
 function q({
-  tooltip: r,
-  children: o,
+  tooltip: o,
+  children: r,
   className: n,
   side: s = "top",
   ...i
 }) {
   const { disabled: l } = v();
-  return /* @__PURE__ */ y(T, { ...i, children: [
+  return /* @__PURE__ */ w(T, { ...i, children: [
     /* @__PURE__ */ a(
       $,
       {
@@ -121,10 +121,10 @@ function q({
         disabled: l,
         onClick: (e) => e.stopPropagation(),
         onMouseDown: (e) => e.preventDefault(),
-        children: o
+        children: r
       }
     ),
-    /* @__PURE__ */ a(D, { className: n, side: s, children: r })
+    /* @__PURE__ */ a(D, { className: n, side: s, children: o })
   ] });
 }
 export {

package/dist/components/ui/molecules/requirement-badges.js

@@ -5,19 +5,23 @@ import "../../../lib/utils.js";
 import "../atoms/badge.js";
 import "../atoms/byoc-badge.js";
 import "../atoms/chart.js";
+import "../atoms/json-highlight.js";
 import "../../../markdown-9KGBuupR.js";
 import "../atoms/mobile-tooltip.js";
 import "../atoms/pro-badge.js";
 import "../../../react-resizable-panels.browser-DYl0LXfw.js";
 import "../atoms/tooltip.js";
 import "../atoms/sidebar.js";
+import "../atoms/view-tools-control.js";
 import "./date-time-picker.js";
 import "./prompt-input.js";
-import { O as n, R as q, S as x } from "../../../toolkit-card-k8jio69G.js";
+import { O as b, R as j, S as k } from "../../../toolkit-card-DAgQXF93.js";
+import "./switcher.js";
+import "./tool-call-accordion.js";
 import "./tool-card.js";
 import "../utils/memo.js";
 export {
-  n as OAuthBadge,
-  q as RequirementBadges,
-  x as SecretsBadge
+  b as OAuthBadge,
+  j as RequirementBadges,
+  k as SecretsBadge
 };

package/dist/components/ui/molecules/switcher.d.ts

@@ -0,0 +1,83 @@
+import { ReactNode } from 'react';
+import { DropdownMenuContent } from '../atoms/dropdown-menu';
+/**
+ * Access the switcher context from a child component.
+ *
+ * Read `searchQuery` to filter items and conditionally render empty states.
+ */
+declare function useSwitcher(): {
+    searchQuery: string;
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    selectedValue: string | null | undefined;
+};
+type SwitcherRootProps = {
+    children: ReactNode;
+    /** Currently selected item value. */
+    value?: string | null;
+    /** Called when the user selects an item. Receives the item's `value` string. */
+    onValueChange: (value: string) => void;
+    /** Controlled open state. When omitted the component manages its own state. */
+    open?: boolean;
+    /** Called when open state changes. Works with both controlled and uncontrolled modes. */
+    onOpenChange?: (open: boolean) => void;
+};
+/**
+ * Composable searchable dropdown for selecting an item from a list.
+ *
+ * Built as compound components — combine `SwitcherTrigger`, `SwitcherContent`,
+ * `SwitcherInput`, and `SwitcherItem` to build any picker UI.
+ *
+ * @example
+ * ```tsx
+ * <Switcher value={activeOrg.id} onValueChange={handleSelect}>
+ *   <SwitcherTrigger>
+ *     <Button variant="outline">{activeOrg.name}</Button>
+ *   </SwitcherTrigger>
+ *   <SwitcherContent>
+ *     <SwitcherInput placeholder="Search…" />
+ *     <OrgItems orgs={orgs} />
+ *   </SwitcherContent>
+ * </Switcher>
+ * ```
+ */
+declare function Switcher({ children, value, onValueChange, open: controlledOpen, onOpenChange, }: SwitcherRootProps): import("react/jsx-runtime").JSX.Element;
+type SwitcherTriggerProps = {
+    children: ReactNode;
+    className?: string;
+};
+declare function SwitcherTrigger({ children, className }: SwitcherTriggerProps): import("react/jsx-runtime").JSX.Element;
+type SwitcherContentProps = {
+    children: ReactNode;
+    className?: string;
+} & Omit<React.ComponentProps<typeof DropdownMenuContent>, "children" | "className">;
+declare function SwitcherContent({ children, className, ...props }: SwitcherContentProps): import("react/jsx-runtime").JSX.Element;
+type SwitcherInputProps = {
+    /** @default "Search…" */
+    placeholder?: string;
+};
+declare function SwitcherInput({ placeholder }: SwitcherInputProps): import("react/jsx-runtime").JSX.Element;
+type SwitcherItemProps = {
+    /** Unique value — passed to root `onValueChange` when selected. */
+    value: string;
+    /**
+     * Text used for search filtering. When the search query doesn't match this
+     * text the item is hidden. Omit to make the item always visible.
+     */
+    textValue?: string;
+    /**
+     * Called on select *instead of* the root `onValueChange`.
+     * Use for items that trigger side-effects (opening dialogs, navigation)
+     * rather than changing the selected value.
+     */
+    onSelect?: () => void;
+    /** Render children directly, or use a render function to access `isSelected`. */
+    children: ReactNode | ((props: {
+        isSelected: boolean;
+    }) => ReactNode);
+    className?: string;
+};
+declare function SwitcherItem({ value, textValue, onSelect: itemOnSelect, children, className, }: SwitcherItemProps): import("react/jsx-runtime").JSX.Element | null;
+export { Switcher, SwitcherContent, SwitcherInput, SwitcherItem, SwitcherTrigger, useSwitcher, };
+export type { SwitcherContentProps, SwitcherInputProps, SwitcherItemProps, SwitcherRootProps as SwitcherProps, SwitcherTriggerProps, };
+//# sourceMappingURL=switcher.d.ts.map

package/dist/components/ui/molecules/switcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switcher.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/molecules/switcher.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAUlD,OAAO,EAEL,mBAAmB,EAGpB,MAAM,qCAAqC,CAAC;AA6B7C;;;;GAIG;AACH,iBAAS,WAAW;;;oBA1BF,OAAO,KAAK,IAAI;;EAkCjC;AAID,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,gFAAgF;IAChF,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,+EAA+E;IAC/E,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,yFAAyF;IACzF,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC,CAAC;AAEF;;;;;;;;;;;;;;;;;;GAkBG;AACH,iBAAS,QAAQ,CAAC,EAChB,QAAQ,EACR,KAAK,EACL,aAAa,EACb,IAAI,EAAE,cAAc,EACpB,YAAY,GACb,EAAE,iBAAiB,2CA2CnB;AAID,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,iBAAS,eAAe,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,oBAAoB,2CAMrE;AAID,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CACN,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,EAChD,UAAU,GAAG,WAAW,CACzB,CAAC;AAEF,iBAAS,eAAe,CAAC,EACvB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,2CAgBtB;AAID,KAAK,kBAAkB,GAAG;IACxB,yBAAyB;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAIF,iBAAS,aAAa,CAAC,EAAE,WAA4B,EAAE,EAAE,kBAAkB,2CA4D1E;AAID,KAAK,iBAAiB,GAAG;IACvB,mEAAmE;IACnE,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,iFAAiF;IACjF,QAAQ,EAAE,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE;QAAE,UAAU,EAAE,OAAO,CAAA;KAAE,KAAK,SAAS,CAAC,CAAC;IACtE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,iBAAS,YAAY,CAAC,EACpB,KAAK,EACL,SAAS,EACT,QAAQ,EAAE,YAAY,EACtB,QAAQ,EACR,SAAS,GACV,EAAE,iBAAiB,kDA4CnB;AAID,OAAO,EACL,QAAQ,EACR,eAAe,EACf,aAAa,EACb,YAAY,EACZ,eAAe,EACf,WAAW,GACZ,CAAC;AAEF,YAAY,EACV,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,IAAI,aAAa,EAClC,oBAAoB,GACrB,CAAC"}

package/dist/components/ui/molecules/switcher.js

@@ -0,0 +1,164 @@
+import { jsx as i, jsxs as C } from "react/jsx-runtime";
+import { Search as D } from "lucide-react";
+import { createContext as x, useState as y, useRef as S, useCallback as I, useMemo as k, useEffect as R, useContext as Q } from "react";
+import { DropdownMenu as T, DropdownMenuContent as E, DropdownMenuItem as M, DropdownMenuTrigger as N } from "../atoms/dropdown-menu.js";
+import { Input as V } from "../atoms/input.js";
+import { cn as g } from "../../../lib/utils.js";
+const b = x(null);
+function m() {
+  const t = Q(b);
+  if (!t)
+    throw new Error(
+      "Switcher compound components must be used within <Switcher>"
+    );
+  return t;
+}
+function F() {
+  const t = m();
+  return {
+    searchQuery: t.searchQuery,
+    open: t.open,
+    setOpen: t.setOpen,
+    selectedValue: t.selectedValue
+  };
+}
+function U({
+  children: t,
+  value: r,
+  onValueChange: o,
+  open: n,
+  onOpenChange: s
+}) {
+  const [a, c] = y(!1), [l, e] = y(""), f = S(null), w = S(null), p = n !== void 0, u = p ? n : a, h = I(
+    (d) => {
+      p || c(d), s?.(d), d && e("");
+    },
+    [p, s]
+  ), v = k(
+    () => ({
+      open: u,
+      setOpen: h,
+      searchQuery: l,
+      setSearchQuery: e,
+      selectedValue: r,
+      onValueChange: o,
+      searchInputRef: f,
+      contentRef: w
+    }),
+    [u, h, l, r, o]
+  );
+  return /* @__PURE__ */ i(b.Provider, { value: v, children: /* @__PURE__ */ i(T, { onOpenChange: h, open: u, children: t }) });
+}
+function z({ children: t, className: r }) {
+  return /* @__PURE__ */ i(N, { asChild: !0, className: r, "data-slot": "switcher", children: t });
+}
+function Y({
+  children: t,
+  className: r,
+  ...o
+}) {
+  const { contentRef: n } = m();
+  return /* @__PURE__ */ i(
+    E,
+    {
+      className: g(
+        "max-h-[var(--radix-dropdown-menu-content-available-height)] w-80 overflow-y-auto p-2",
+        r
+      ),
+      "data-switcher-content": !0,
+      ref: n,
+      ...o,
+      children: t
+    }
+  );
+}
+const A = 100;
+function _({ placeholder: t = "Search…" }) {
+  const {
+    open: r,
+    searchQuery: o,
+    setSearchQuery: n,
+    setOpen: s,
+    contentRef: a,
+    searchInputRef: c
+  } = m();
+  R(() => {
+    if (r && c.current) {
+      const e = setTimeout(
+        () => c.current?.focus(),
+        A
+      );
+      return () => clearTimeout(e);
+    }
+  }, [r, c]);
+  function l(e) {
+    const f = () => a.current?.querySelector(
+      "[data-switcher-item]"
+    );
+    if (e.key === "Tab") {
+      s(!1);
+      return;
+    }
+    e.key === "ArrowDown" ? (e.preventDefault(), f()?.focus()) : e.key === "Enter" ? (e.preventDefault(), f()?.click()) : e.key === "Escape" && (e.preventDefault(), s(!1)), e.stopPropagation();
+  }
+  return /* @__PURE__ */ C("div", { className: "relative sticky top-0 z-10 border-border/60 border-b bg-popover pb-2", children: [
+    /* @__PURE__ */ i(D, { className: "absolute top-2.5 left-2 h-4 w-4 text-muted-foreground" }),
+    /* @__PURE__ */ i(
+      V,
+      {
+        className: "h-9 border-0 pl-8 focus-visible:ring-1",
+        onChange: (e) => n(e.target.value),
+        onClick: (e) => e.stopPropagation(),
+        onFocus: (e) => e.stopPropagation(),
+        onKeyDown: l,
+        placeholder: t,
+        ref: c,
+        value: o
+      }
+    )
+  ] });
+}
+function B({
+  value: t,
+  textValue: r,
+  onSelect: o,
+  children: n,
+  className: s
+}) {
+  const {
+    searchQuery: a,
+    selectedValue: c,
+    onValueChange: l,
+    searchInputRef: e,
+    contentRef: f
+  } = m();
+  if (!(!a || r === void 0 || r.toLowerCase().includes(a.toLowerCase())))
+    return null;
+  const p = t === c;
+  return /* @__PURE__ */ i(
+    M,
+    {
+      className: g(
+        "group flex cursor-pointer items-center gap-2.5 px-3 py-2.5 hover:bg-accent/50 focus:bg-accent",
+        s
+      ),
+      "data-switcher-item": !0,
+      "data-value": t,
+      onClick: () => o ? o() : l(t),
+      onKeyDown: (u) => {
+        u.key === "ArrowUp" && f.current?.querySelectorAll(
+          "[data-switcher-item]"
+        )?.[0] === u.currentTarget && (u.preventDefault(), e.current?.focus());
+      },
+      children: typeof n == "function" ? n({ isSelected: p }) : n
+    }
+  );
+}
+export {
+  U as Switcher,
+  Y as SwitcherContent,
+  _ as SwitcherInput,
+  B as SwitcherItem,
+  z as SwitcherTrigger,
+  F as useSwitcher
+};

package/dist/components/ui/molecules/tool-authorization.d.ts

@@ -0,0 +1,56 @@
+import { VariantProps } from 'class-variance-authority';
+import { Card } from '../atoms/card';
+import { ClassProp } from 'class-variance-authority/types';
+import type * as React from "react";
+export type ToolAuthorizationStatus = "loading" | "pending" | "completed" | "failed";
+declare const toolAuthorizationVariants: (props?: ({
+    status?: "loading" | "pending" | "completed" | "failed" | null | undefined;
+} & ClassProp) | undefined) => string;
+declare const toolAuthorizationMessageVariants: (props?: ({
+    status?: "loading" | "pending" | "completed" | "failed" | null | undefined;
+} & ClassProp) | undefined) => string;
+export type ToolAuthorizationProps = React.ComponentProps<typeof Card> & VariantProps<typeof toolAuthorizationVariants>;
+export type ToolAuthorizationHeaderProps = Omit<React.ComponentProps<"div">, "title"> & {
+    status?: ToolAuthorizationStatus;
+    icon?: React.ComponentType<{
+        className?: string;
+    }>;
+    /** Optional toolkit brand icon rendered next to the title text. */
+    toolkitIcon?: React.ComponentType<{
+        className?: string;
+    }>;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+};
+export type ToolAuthorizationMessageProps = React.ComponentProps<"div"> & VariantProps<typeof toolAuthorizationMessageVariants>;
+export type ToolAuthorizationArgsProps = {
+    args: Record<string, unknown>;
+} & React.ComponentProps<"div">;
+/**
+ * Root card wrapper. Accepts a `status` prop that controls the border colour.
+ */
+declare function ToolAuthorization({ className, status, ...props }: ToolAuthorizationProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Header row with built-in icon wrapper, title, and description.
+ *
+ * Pass `icon` (a component reference like `CheckCircle2`), `title`,
+ * `description`, and the same `status` used on `ToolAuthorization` to get the
+ * standard layout with correct status colours applied automatically.
+ */
+declare function ToolAuthorizationHeader({ className, status, icon: Icon, toolkitIcon: ToolkitIcon, title, description, children, ...props }: ToolAuthorizationHeaderProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Main body area below the header. Renders a vertical flex column.
+ */
+declare function ToolAuthorizationContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+/**
+ * Coloured message/callout block inside the content area.
+ * Use the same `status` as the root `ToolAuthorization`.
+ */
+declare function ToolAuthorizationMessage({ className, status, ...props }: ToolAuthorizationMessageProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Renders tool arguments as a formatted JSON pre block.
+ * Renders nothing when `args` is empty.
+ */
+declare function ToolAuthorizationArgs({ args, className, ...props }: ToolAuthorizationArgsProps): import("react/jsx-runtime").JSX.Element | null;
+export { ToolAuthorization, ToolAuthorizationHeader, ToolAuthorizationContent, ToolAuthorizationMessage, ToolAuthorizationArgs, };
+//# sourceMappingURL=tool-authorization.d.ts.map

package/dist/components/ui/molecules/tool-authorization.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool-authorization.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/molecules/tool-authorization.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,IAAI,EAA2B,MAAM,4BAA4B,CAAC;AAQ3E,MAAM,MAAM,uBAAuB,GAC/B,SAAS,GACT,SAAS,GACT,WAAW,GACX,QAAQ,CAAC;AAMb,QAAA,MAAM,yBAAyB;;8EAU7B,CAAC;AA0BH,QAAA,MAAM,gCAAgC;;8EAerC,CAAC;AAMF,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,GACpE,YAAY,CAAC,OAAO,yBAAyB,CAAC,CAAC;AAEjD,MAAM,MAAM,4BAA4B,GAAG,IAAI,CAC7C,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAC3B,OAAO,CACR,GAAG;IACF,MAAM,CAAC,EAAE,uBAAuB,CAAC;IACjC,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACnD,mEAAmE;IACnE,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC1D,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,6BAA6B,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GACrE,YAAY,CAAC,OAAO,gCAAgC,CAAC,CAAC;AAExD,MAAM,MAAM,0BAA0B,GAAG;IACvC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAC/B,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAMhC;;GAEG;AACH,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,MAAM,EACN,GAAG,KAAK,EACT,EAAE,sBAAsB,2CAQxB;AAED;;;;;;GAMG;AACH,iBAAS,uBAAuB,CAAC,EAC/B,SAAS,EACT,MAAM,EACN,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,KAAK,EACL,WAAW,EACX,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,4BAA4B,2CAkC9B;AAED;;GAEG;AACH,iBAAS,wBAAwB,CAAC,EAChC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAU7B;AAED;;;GAGG;AACH,iBAAS,wBAAwB,CAAC,EAChC,SAAS,EACT,MAAM,EACN,GAAG,KAAK,EACT,EAAE,6BAA6B,2CAY/B;AAED;;;GAGG;AACH,iBAAS,qBAAqB,CAAC,EAC7B,IAAI,EACJ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,0BAA0B,kDAiB5B;AAMD,OAAO,EACL,iBAAiB,EACjB,uBAAuB,EACvB,wBAAwB,EACxB,wBAAwB,EACxB,qBAAqB,GACtB,CAAC"}