@alexgorbatchev/shadcn 0.0.12 → 0.0.17

package/dist/chunk-299wvwy8.js

@@ -0,0 +1,336 @@
+import {
+  useResolvedPortalContainer
+} from "./chunk-dtkw8m6d.js";
+import {
+  useDensity
+} from "./chunk-e6hk39ev.js";
+import {
+  TooltipIconButton2
+} from "./chunk-q40gqpwh.js";
+import {
+  Thread2
+} from "./chunk-5ntb7p4q.js";
+import {
+  ThreadListSearch2,
+  ThreadListRoot2,
+  ThreadListItems2
+} from "./chunk-tsekdy3w.js";
+
+// src/components/assistant-ui/native/AssistantModal.tsx
+import { BotIcon, ChevronDownIcon, HistoryIcon, PlusIcon } from "lucide-react";
+import { forwardRef, useEffect, useId, useMemo, useRef as useRef2, useState as useState2 } from "react";
+import { AssistantModalPrimitive, ThreadListPrimitive, useAuiEvent, useAuiState } from "@assistant-ui/react";
+
+// src/components/assistant-ui/hooks/useModalSize.ts
+import { useRef, useState } from "react";
+"use client";
+var SIZE_STORAGE_KEY = "aui-modal-size";
+var MIN_SIZE = { width: 320, height: 400 };
+var VIEWPORT_INSET = { width: 32, height: 96 };
+var RESIZE_STEP = 16;
+var clampSize = ({ width, height }) => ({
+  width: Math.round(Math.min(Math.max(0, window.innerWidth - VIEWPORT_INSET.width), Math.max(MIN_SIZE.width, width))),
+  height: Math.round(Math.min(Math.max(0, window.innerHeight - VIEWPORT_INSET.height), Math.max(MIN_SIZE.height, height)))
+});
+var readStoredSize = () => {
+  if (typeof window === "undefined")
+    return null;
+  try {
+    const stored = JSON.parse(window.localStorage.getItem(SIZE_STORAGE_KEY) ?? "null");
+    if (typeof stored !== "object" || stored === null)
+      return null;
+    if (!("width" in stored) || !("height" in stored))
+      return null;
+    const { width, height } = stored;
+    if (typeof width !== "number" || typeof height !== "number")
+      return null;
+    if (!Number.isFinite(width) || !Number.isFinite(height))
+      return null;
+    return clampSize({ width, height });
+  } catch {
+    return null;
+  }
+};
+var storeSize = (size) => {
+  try {
+    if (size) {
+      window.localStorage.setItem(SIZE_STORAGE_KEY, JSON.stringify(size));
+    } else {
+      window.localStorage.removeItem(SIZE_STORAGE_KEY);
+    }
+  } catch {}
+};
+var isRtl = (element) => getComputedStyle(element).direction === "rtl";
+function useModalSize(contentRef) {
+  const [size, setSize] = useState(readStoredSize);
+  const dragRef = useRef(null);
+  const commitSize = (next) => {
+    setSize(next);
+    storeSize(next);
+  };
+  const sizeFromPointer = (drag, event) => clampSize({
+    width: drag.width - (event.clientX - drag.x) * drag.direction,
+    height: drag.height - (event.clientY - drag.y)
+  });
+  const takeDrag = (event) => {
+    const drag = dragRef.current;
+    if (!drag || drag.pointerId !== event.pointerId)
+      return null;
+    dragRef.current = null;
+    return drag;
+  };
+  const reset = () => {
+    dragRef.current = null;
+    commitSize(null);
+  };
+  return {
+    size,
+    reset,
+    handleProps: {
+      onPointerDown: (event) => {
+        const content = contentRef.current;
+        if (event.button !== 0 || !content)
+          return;
+        const rect = content.getBoundingClientRect();
+        dragRef.current = {
+          pointerId: event.pointerId,
+          x: event.clientX,
+          y: event.clientY,
+          width: rect.width,
+          height: rect.height,
+          direction: isRtl(content) ? -1 : 1,
+          last: null
+        };
+        event.currentTarget.setPointerCapture(event.pointerId);
+      },
+      onPointerMove: (event) => {
+        const drag = dragRef.current;
+        if (!drag || drag.pointerId !== event.pointerId)
+          return;
+        if (!drag.last && event.clientX === drag.x && event.clientY === drag.y)
+          return;
+        drag.last = sizeFromPointer(drag, event);
+        setSize(drag.last);
+      },
+      onPointerUp: (event) => {
+        const drag = takeDrag(event);
+        if (!drag)
+          return;
+        if (drag.last || event.clientX !== drag.x || event.clientY !== drag.y) {
+          commitSize(sizeFromPointer(drag, event));
+        }
+      },
+      onPointerCancel: (event) => {
+        const drag = takeDrag(event);
+        if (drag?.last)
+          commitSize(drag.last);
+      },
+      onKeyDown: (event) => {
+        const content = contentRef.current;
+        if (!content)
+          return;
+        if (event.key === "Enter" || event.key === " ") {
+          event.preventDefault();
+          reset();
+          return;
+        }
+        const step = event.shiftKey ? RESIZE_STEP * 4 : RESIZE_STEP;
+        const rtl = isRtl(content);
+        const changes = {
+          ArrowUp: [0, step],
+          ArrowDown: [0, -step],
+          [rtl ? "ArrowRight" : "ArrowLeft"]: [step, 0],
+          [rtl ? "ArrowLeft" : "ArrowRight"]: [-step, 0]
+        };
+        const change = changes[event.key];
+        if (!change)
+          return;
+        event.preventDefault();
+        const rect = content.getBoundingClientRect();
+        commitSize(clampSize({
+          width: rect.width + change[0],
+          height: rect.height + change[1]
+        }));
+      }
+    }
+  };
+}
+
+// src/components/assistant-ui/native/AssistantModal.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function AssistantModal2() {
+  const { container: portalContainer, isReady: isPortalReady } = useResolvedPortalContainer();
+  const density = useDensity();
+  const [view, setView] = useState2("thread");
+  const [isOpen, setIsOpen] = useState2(false);
+  const contentRef = useRef2(null);
+  const titleId = useId();
+  const { size, reset, handleProps } = useModalSize(contentRef);
+  const thread = useMemo(() => /* @__PURE__ */ jsx(Thread2, {}), []);
+  useAuiEvent("thread.runStart", () => setView("thread"));
+  return /* @__PURE__ */ jsxs(AssistantModalPrimitive.Root, {
+    open: isOpen,
+    onOpenChange: (open) => {
+      setIsOpen(open);
+      if (open)
+        setView("thread");
+    },
+    children: [
+      /* @__PURE__ */ jsx(AssistantModalPrimitive.Anchor, {
+        render: /* @__PURE__ */ jsx("div", {
+          className: "aui-root aui-modal-anchor fixed end-4 bottom-4 size-11"
+        }),
+        children: /* @__PURE__ */ jsx(AssistantModalPrimitive.Trigger, {
+          asChild: true,
+          children: /* @__PURE__ */ jsx(AssistantModalButton, {
+            isOpen
+          })
+        })
+      }),
+      isPortalReady && /* @__PURE__ */ jsxs(AssistantModalPrimitive.Content, {
+        "data-density": density,
+        ref: contentRef,
+        sideOffset: 16,
+        "aria-labelledby": titleId,
+        render: /* @__PURE__ */ jsx("div", {
+          style: size ?? undefined,
+          className: "group/modal aui-root aui-modal-content bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0  data-[state=open]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0  data-[state=closed]:slide-out-to-bottom-2 [&[data-state=open]_.aui-thread-viewport-footer]:animate-in [&[data-state=open]_.aui-thread-viewport-footer]:fade-in-0 [&[data-state=open]_.aui-thread-viewport-footer]:slide-in-from-bottom-2 [&[data-state=open]_.aui-thread-viewport-footer]:fill-mode-backwards [&_.aui-thread-viewport-footer]:bg-popover ring-frame-edge z-50 flex h-125 max-h-(--radix-popover-content-available-height) w-100 max-w-[calc(100vw-32px)] origin-(--radix-popover-content-transform-origin) flex-col overflow-clip overscroll-contain rounded-md p-0 antialiased shadow-frame ring-1 transition-none ease-[cubic-bezier(0.32,0.72,0,1)] outline-none data-[state=closed]:duration-200 data-[state=open]:duration-300 motion-reduce:animate-none  [&_.aui-thread-root]:bg-inherit motion-reduce:[&_.aui-thread-viewport-footer]:animate-none [&_[data-slot=aui\\_thread-viewport]]:[scrollbar-gutter:stable_both-edges] [&[data-state=open]_.aui-thread-viewport-footer]:delay-100 [&[data-state=open]_.aui-thread-viewport-footer]:duration-300 [&[data-state=open]_.aui-thread-viewport-footer]:ease-[cubic-bezier(0.32,0.72,0,1)]"
+        }),
+        portalProps: { container: portalContainer },
+        children: [
+          /* @__PURE__ */ jsx(AssistantModalResizeHandle, {
+            ...handleProps,
+            onDoubleClick: reset
+          }),
+          /* @__PURE__ */ jsx(AssistantModalHeader, {
+            titleId,
+            view,
+            onViewChange: setView
+          }),
+          /* @__PURE__ */ jsxs("div", {
+            className: "aui-modal-body relative min-h-0 flex-1",
+            children: [
+              /* @__PURE__ */ jsx("div", {
+                ref: (node) => {
+                  if (node)
+                    node.inert = view === "list";
+                },
+                className: "aui-modal-thread h-full",
+                children: thread
+              }),
+              view === "list" && /* @__PURE__ */ jsx(AssistantModalThreadList, {
+                onSelect: () => setView("thread")
+              })
+            ]
+          })
+        ]
+      })
+    ]
+  });
+}
+var AssistantModalHeader = ({ titleId, view, onViewChange }) => {
+  const title = useAuiState((s) => s.threadListItem.title);
+  const hasThreads = useAuiState((s) => s.threads.threadIds.length > 0);
+  const titleRef = useRef2(null);
+  const shownViewRef = useRef2(view);
+  useEffect(() => {
+    if (shownViewRef.current === view)
+      return;
+    shownViewRef.current = view;
+    const heading = titleRef.current;
+    const active = document.activeElement;
+    if (active === document.body || active === heading?.closest("[role='dialog']")) {
+      heading?.focus();
+    }
+  }, [view]);
+  return /* @__PURE__ */ jsxs("div", {
+    className: "aui-modal-header border-frame-edge flex h-11 shrink-0 items-center gap-2 border-b ps-3.5 pe-2",
+    children: [
+      /* @__PURE__ */ jsx("h2", {
+        ref: titleRef,
+        id: titleId,
+        tabIndex: -1,
+        className: "aui-modal-title min-w-0 flex-1 truncate text-lg font-medium outline-none",
+        children: view === "list" ? "Threads" : title || "New Chat"
+      }),
+      /* @__PURE__ */ jsxs("div", {
+        className: "flex shrink-0 items-center gap-0.5",
+        children: [
+          /* @__PURE__ */ jsx(TooltipIconButton2, {
+            tooltip: "Threads",
+            side: "bottom",
+            "aria-pressed": view === "list",
+            disabled: !hasThreads && view === "thread",
+            onClick: () => onViewChange(view === "list" ? "thread" : "list"),
+            children: /* @__PURE__ */ jsx(HistoryIcon, {
+              "aria-hidden": "true",
+              className: "size-3.5 shrink-0"
+            })
+          }),
+          /* @__PURE__ */ jsx(ThreadListPrimitive.New, {
+            asChild: true,
+            children: /* @__PURE__ */ jsx(TooltipIconButton2, {
+              tooltip: "New Thread",
+              side: "bottom",
+              onClick: () => onViewChange("thread"),
+              children: /* @__PURE__ */ jsx(PlusIcon, {
+                "aria-hidden": "true",
+                className: "size-3.5 shrink-0"
+              })
+            })
+          })
+        ]
+      })
+    ]
+  });
+};
+var AssistantModalThreadList = ({ onSelect }) => {
+  const [search, setSearch] = useState2("");
+  const hasThreads = useAuiState((s) => s.threads.threadIds.length > 0);
+  return /* @__PURE__ */ jsxs(ThreadListRoot2, {
+    className: "aui-modal-thread-list bg-popover absolute inset-0 overflow-y-auto p-2",
+    onClick: (event) => {
+      const target = event.target;
+      if (target instanceof Element && target.closest("[data-slot='aui_thread-list-item-trigger']")) {
+        onSelect();
+      }
+    },
+    children: [
+      hasThreads && /* @__PURE__ */ jsx(ThreadListSearch2, {
+        value: search,
+        onValueChange: setSearch
+      }),
+      /* @__PURE__ */ jsx(ThreadListItems2, {
+        searchQuery: hasThreads ? search : ""
+      })
+    ]
+  });
+};
+var AssistantModalResizeHandle = (props) => {
+  return /* @__PURE__ */ jsx("button", {
+    type: "button",
+    "aria-label": "Resize Assistant",
+    className: "aui-modal-resize-handle group-hover/modal:border-foreground/15 hover:border-foreground/40 focus-visible:border-ring absolute start-0 top-0 z-10 size-6 cursor-nwse-resize touch-none rounded-ss-xl border-s-2 border-t-2 border-transparent transition-colors outline-none [clip-path:polygon(0_0,100%_0,100%_6px,6px_6px,6px_100%,0_100%)] motion-reduce:transition-none rtl:cursor-nesw-resize rtl:[clip-path:polygon(0_0,100%_0,100%_100%,calc(100%_-_6px)_100%,calc(100%_-_6px)_6px,0_6px)]",
+    ...props
+  });
+};
+var AssistantModalButton = forwardRef(({ isOpen, ...rest }, ref) => {
+  const tooltip = isOpen ? "Close Assistant" : "Open Assistant";
+  return /* @__PURE__ */ jsx(TooltipIconButton2, {
+    variant: "ghost",
+    tooltip,
+    side: "left",
+    ...rest,
+    ref,
+    children: isOpen ? /* @__PURE__ */ jsx(ChevronDownIcon, {
+      "aria-hidden": "true",
+      className: "size-4"
+    }) : /* @__PURE__ */ jsx(BotIcon, {
+      "aria-hidden": "true",
+      className: "size-4"
+    })
+  });
+});
+AssistantModalButton.displayName = "AssistantModalButton";
+
+export { AssistantModal2 };

package/dist/chunk-2b9agdrf.js

@@ -0,0 +1,82 @@
+import {
+  PopoverContent2,
+  PopoverTitle2
+} from "./chunk-x7z9jzyf.js";
+import {
+  getPercentColor,
+  getContextSegments
+} from "./chunk-2ewx9qdn.js";
+import {
+  useContextDisplay
+} from "./chunk-f3f76m3p.js";
+import {
+  ShareMeter2
+} from "./chunk-mammcx1w.js";
+import {
+  formatTokenCount
+} from "./chunk-nzas8r5v.js";
+
+// src/components/assistant-ui/elements/ContextDisplayContent.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function ContextDisplayContent2({ side = "top" }) {
+  const { usage, totalTokens, percent, modelContextWindow } = useContextDisplay();
+  const segments = getContextSegments(usage);
+  return /* @__PURE__ */ jsxs(PopoverContent2, {
+    side,
+    sideOffset: 8,
+    "data-slot": "context-display-popover",
+    children: [
+      /* @__PURE__ */ jsx(PopoverTitle2, {
+        children: "Context usage"
+      }),
+      /* @__PURE__ */ jsxs("div", {
+        className: "flex flex-col gap-2 text-sm",
+        children: [
+          /* @__PURE__ */ jsxs("div", {
+            className: "flex items-baseline justify-between gap-4 whitespace-nowrap",
+            children: [
+              /* @__PURE__ */ jsxs("span", {
+                className: getPercentColor(percent),
+                children: [
+                  Math.round(percent),
+                  "% full"
+                ]
+              }),
+              /* @__PURE__ */ jsxs("span", {
+                className: "font-mono tabular-nums",
+                children: [
+                  formatTokenCount(totalTokens),
+                  " / ",
+                  formatTokenCount(modelContextWindow)
+                ]
+              })
+            ]
+          }),
+          /* @__PURE__ */ jsx(ShareMeter2, {
+            label: "Context window used",
+            percentage: percent,
+            tone: percent > 85 ? "destructive" : percent >= 65 ? "warning" : "primary"
+          }),
+          segments.length > 0 && /* @__PURE__ */ jsx("div", {
+            className: "grid gap-1",
+            children: segments.map((segment) => /* @__PURE__ */ jsxs("div", {
+              className: "flex items-baseline justify-between gap-4",
+              children: [
+                /* @__PURE__ */ jsx("span", {
+                  className: "text-muted-foreground",
+                  children: segment.label
+                }),
+                /* @__PURE__ */ jsx("span", {
+                  className: "font-mono tabular-nums",
+                  children: formatTokenCount(segment.tokens)
+                })
+              ]
+            }, segment.label))
+          })
+        ]
+      })
+    ]
+  });
+}
+
+export { ContextDisplayContent2 };

package/dist/chunk-2ewx9qdn.js

@@ -0,0 +1,45 @@
+// src/components/assistant-ui/utils/contextDisplayContext.ts
+import { createContext } from "react";
+var contextDisplayContext = createContext(null);
+
+// src/components/assistant-ui/utils/contextUsage.ts
+var getUsagePercent = (totalTokens, modelContextWindow) => {
+  if (!totalTokens || !Number.isFinite(totalTokens) || totalTokens < 0 || !Number.isFinite(modelContextWindow) || modelContextWindow <= 0)
+    return 0;
+  return Math.min(totalTokens / modelContextWindow * 100, 100);
+};
+var getUsageSeverity = (percent) => {
+  if (percent > 85)
+    return "critical";
+  if (percent >= 65)
+    return "warning";
+  return "normal";
+};
+var getStrokeColor = (percent) => {
+  const severity = getUsageSeverity(percent);
+  if (severity === "critical")
+    return "stroke-destructive";
+  if (severity === "warning")
+    return "stroke-warning";
+  return "stroke-foreground";
+};
+var getPercentColor = (percent) => {
+  const severity = getUsageSeverity(percent);
+  if (severity === "critical")
+    return "text-destructive";
+  if (severity === "warning")
+    return "text-warning";
+  return "text-muted-foreground";
+};
+var getContextSegments = (usage) => {
+  if (!usage)
+    return [];
+  return [
+    { label: "Input", tokens: usage.inputTokens ?? 0 },
+    { label: "Cached input", tokens: usage.cachedInputTokens ?? 0 },
+    { label: "Output", tokens: usage.outputTokens ?? 0 },
+    { label: "Reasoning", tokens: usage.reasoningTokens ?? 0 }
+  ].filter((segment) => segment.tokens > 0);
+};
+
+export { contextDisplayContext, getUsagePercent, getStrokeColor, getPercentColor, getContextSegments };

package/dist/chunk-2g0zzx6f.js

@@ -0,0 +1,102 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  Button2
+} from "./chunk-73rkr9ct.js";
+import {
+  useReceiptFocus
+} from "./chunk-vxvaaptq.js";
+import {
+  paper,
+  mono
+} from "./chunk-fgmcbtyt.js";
+
+// src/components/assistant-ui/elements/RecommendationCard.tsx
+import { CheckIcon } from "lucide-react";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+var CONFIDENCE_BARS = [0, 1, 2];
+function RecommendationCard2({
+  state,
+  question,
+  children,
+  confidenceLabel,
+  acceptedLabel,
+  onAccept,
+  onAlternatives,
+  className,
+  ...props
+}) {
+  const { receiptRef, focusHandlers } = useReceiptFocus(props);
+  return /* @__PURE__ */ jsxs("div", {
+    "data-testid": "RecommendationCard",
+    "data-slot": "recommendation-card",
+    className: cn2(cn2(paper, "flex w-full max-w-sm flex-col gap-3 rounded-md p-4"), className),
+    ...props,
+    ...focusHandlers,
+    children: [
+      /* @__PURE__ */ jsx("p", {
+        className: "text-sm font-medium",
+        children: question
+      }),
+      /* @__PURE__ */ jsx("p", {
+        className: "text-muted-foreground text-base leading-relaxed",
+        children
+      }),
+      /* @__PURE__ */ jsx("div", {
+        className: "flex h-8 items-center justify-between",
+        children: state === "idle" ? /* @__PURE__ */ jsxs(Fragment, {
+          children: [
+            /* @__PURE__ */ jsxs("div", {
+              className: "flex items-center gap-2",
+              children: [
+                /* @__PURE__ */ jsx("span", {
+                  className: "flex items-end gap-0.5",
+                  "aria-hidden": true,
+                  children: CONFIDENCE_BARS.map((bar) => /* @__PURE__ */ jsx("span", {
+                    className: "w-1 rounded-full bg-success/70",
+                    style: { height: 6 + bar * 3 }
+                  }, bar))
+                }),
+                /* @__PURE__ */ jsx("span", {
+                  className: cn2(mono, "text-muted-foreground"),
+                  children: confidenceLabel
+                })
+              ]
+            }),
+            /* @__PURE__ */ jsxs("div", {
+              className: "flex items-center gap-2",
+              children: [
+                /* @__PURE__ */ jsx(Button2, {
+                  type: "button",
+                  onClick: onAlternatives,
+                  variant: "ghost",
+                  children: "Alternatives"
+                }),
+                /* @__PURE__ */ jsx(Button2, {
+                  type: "button",
+                  onClick: onAccept,
+                  variant: "default",
+                  children: "Accept"
+                })
+              ]
+            })
+          ]
+        }) : /* @__PURE__ */ jsxs("div", {
+          ref: receiptRef,
+          tabIndex: -1,
+          className: "fade-in animate-in text-muted-foreground flex items-center gap-2 text-sm duration-300",
+          children: [
+            /* @__PURE__ */ jsx(CheckIcon, {
+              "aria-hidden": "true",
+              className: cn2("size-4")
+            }),
+            acceptedLabel
+          ]
+        }, "accepted")
+      })
+    ]
+  });
+}
+
+export { RecommendationCard2 };

package/dist/chunk-2gten6a1.js

@@ -0,0 +1,19 @@
+import {
+  ContextDisplayRoot3
+} from "./chunk-f63f8w58.js";
+import {
+  ContextDisplayRuntimeRoot2
+} from "./chunk-emasqc8x.js";
+
+// src/components/assistant-ui/native/ContextDisplayRoot.tsx
+import { jsx } from "react/jsx-runtime";
+function ContextDisplayRoot2({ usage, ...props }) {
+  return usage !== undefined ? /* @__PURE__ */ jsx(ContextDisplayRoot3, {
+    ...props,
+    usage
+  }) : /* @__PURE__ */ jsx(ContextDisplayRuntimeRoot2, {
+    ...props
+  });
+}
+
+export { ContextDisplayRoot2 };

package/dist/chunk-2m0zpzbm.js

@@ -0,0 +1,90 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  paper,
+  field,
+  mono
+} from "./chunk-fgmcbtyt.js";
+
+// src/components/assistant-ui/elements/ComparisonCard.tsx
+import { CheckIcon, MinusIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function ComparisonCard2({
+  traitLabels,
+  options,
+  recommendedId,
+  reason,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs("div", {
+    "data-testid": "ComparisonCard",
+    "data-slot": "comparison-card",
+    className: cn2(paper, "flex w-full max-w-md flex-col gap-3 rounded-md p-4"),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("div", {
+        className: "flex gap-2",
+        children: options.map((option) => {
+          const recommended = option.id === recommendedId;
+          return /* @__PURE__ */ jsxs("div", {
+            className: cn2("flex min-w-0 flex-1 flex-col gap-2 rounded-md p-3 transition-colors", recommended ? "bg-primary/[0.07] bg-primary/10" : field),
+            children: [
+              /* @__PURE__ */ jsxs("div", {
+                className: "flex flex-col gap-0.5",
+                children: [
+                  /* @__PURE__ */ jsxs("span", {
+                    className: "flex items-baseline gap-1.5",
+                    children: [
+                      /* @__PURE__ */ jsx("span", {
+                        className: "truncate text-base font-medium",
+                        children: option.name
+                      }),
+                      recommended && /* @__PURE__ */ jsx("span", {
+                        className: cn2(mono, "shrink-0 text-primary text-primary"),
+                        children: "pick"
+                      })
+                    ]
+                  }),
+                  /* @__PURE__ */ jsx("span", {
+                    className: "text-muted-foreground truncate text-sm",
+                    children: option.headline
+                  })
+                ]
+              }),
+              /* @__PURE__ */ jsx("div", {
+                className: "flex flex-col gap-1",
+                children: traitLabels.map((label, i) => {
+                  const trait = option.traits[i];
+                  const absent = !trait;
+                  return /* @__PURE__ */ jsxs("span", {
+                    className: "flex items-center gap-1.5 text-sm",
+                    children: [
+                      absent ? /* @__PURE__ */ jsx(MinusIcon, {
+                        "aria-hidden": "true",
+                        className: cn2("size-3.5")
+                      }) : /* @__PURE__ */ jsx(CheckIcon, {
+                        "aria-hidden": "true",
+                        className: cn2("size-3.5", "text-success")
+                      }),
+                      /* @__PURE__ */ jsx("span", {
+                        className: cn2("min-w-0 truncate", absent ? "text-muted-foreground" : "text-foreground/65"),
+                        children: absent ? label : trait
+                      })
+                    ]
+                  }, `${i}-${label}`);
+                })
+              })
+            ]
+          }, option.id);
+        })
+      }),
+      /* @__PURE__ */ jsx("p", {
+        className: "text-muted-foreground text-sm leading-relaxed",
+        children: reason
+      })
+    ]
+  });
+}
+
+export { ComparisonCard2 };

package/dist/chunk-2tn2pg48.js

@@ -0,0 +1,15 @@
+import {
+  EveAskQuestion2
+} from "./chunk-5r99spxq.js";
+
+// src/components/assistant-ui/eveAskQuestionToolkit.ts
+import { defineToolkit } from "@assistant-ui/react";
+var eveAskQuestionToolkit2 = defineToolkit({
+  ask_question: {
+    type: "backend",
+    display: "standalone",
+    render: EveAskQuestion2
+  }
+});
+
+export { eveAskQuestionToolkit2 };