@wealthx/shadcn 1.1.0 → 1.2.0

package/dist/chunk-AH52LG6N.mjs

@@ -0,0 +1,315 @@
+import {
+  Skeleton
+} from "./chunk-D6ID6M4V.mjs";
+import {
+  ChartPeriodButton,
+  FALLBACK_BG,
+  FALLBACK_NEUTRAL,
+  FALLBACK_PRIMARY,
+  FALLBACK_SECONDARY,
+  FALLBACK_TICK,
+  formatAbbrev,
+  formatMonthLabel,
+  formatTooltipDate
+} from "./chunk-FZIXGLMV.mjs";
+import {
+  Empty,
+  EmptyDescription
+} from "./chunk-NQPOYKAQ.mjs";
+import {
+  Card,
+  CardAction,
+  CardContent,
+  CardHeader,
+  CardTitle
+} from "./chunk-CLIN5525.mjs";
+import {
+  useThemeVars
+} from "./chunk-FEZKMUCF.mjs";
+import {
+  cn
+} from "./chunk-VLQZANBF.mjs";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-FWCSY2DS.mjs";
+
+// src/components/ui/property-mobile-estimate-line-chart.tsx
+import { useMemo, useState } from "react";
+import {
+  Chart as ChartJS,
+  CategoryScale,
+  LinearScale,
+  LineElement,
+  PointElement,
+  Tooltip
+} from "chart.js";
+import { Chart } from "react-chartjs-2";
+import { jsx, jsxs } from "react/jsx-runtime";
+ChartJS.register(
+  CategoryScale,
+  LinearScale,
+  LineElement,
+  PointElement,
+  Tooltip
+);
+var PROPERTY_PERIODS = [1, 3, 5, 10];
+var PROPERTY_SLICE_COUNT = {
+  1: 12,
+  3: 36,
+  5: 60,
+  10: 120
+};
+function LegendItem({
+  label,
+  color,
+  lineWidth,
+  dashed = false
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: __spreadValues({
+          width: 24,
+          height: lineWidth,
+          flexShrink: 0
+        }, dashed ? {
+          backgroundImage: `repeating-linear-gradient(90deg, ${color} 0px, ${color} 5px, transparent 5px, transparent 9px)`
+        } : { backgroundColor: color })
+      }
+    ),
+    /* @__PURE__ */ jsx("span", { className: "text-[11px] text-muted-foreground leading-none", children: label })
+  ] });
+}
+function ChartLegend({
+  primaryColor,
+  secondaryColor,
+  showDebt
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-x-3 gap-y-1.5 pb-2", children: [
+    /* @__PURE__ */ jsx(LegendItem, { label: "Estimate Value", color: primaryColor, lineWidth: 2.5 }),
+    /* @__PURE__ */ jsx(
+      LegendItem,
+      {
+        label: "Suburb Average",
+        color: FALLBACK_NEUTRAL,
+        lineWidth: 1.5,
+        dashed: showDebt
+      }
+    ),
+    showDebt && /* @__PURE__ */ jsx(LegendItem, { label: "Debt", color: secondaryColor, lineWidth: 2 })
+  ] });
+}
+function PropertyMobileEstimateLineChart({
+  chartData,
+  title = "Property Estimate",
+  showLegend = true,
+  legendPosition = "top",
+  showXAxis = true,
+  showYAxis = false,
+  defaultPeriod = 1,
+  showPeriodSelector = true,
+  height = 200,
+  width = "100%",
+  className,
+  isLoading = false
+}) {
+  const [period, setPeriod] = useState(defaultPeriod);
+  const themeVars = useThemeVars();
+  const brandPrimary = themeVars["--theme-primary"] || FALLBACK_PRIMARY;
+  const brandSecondary = themeVars["--theme-secondary"] || FALLBACK_SECONDARY;
+  const fontFamily = themeVars["--font-sans"] || "Figtree, sans-serif";
+  const sliced = useMemo(() => {
+    if (!(chartData == null ? void 0 : chartData.length)) return null;
+    const count = Math.min(PROPERTY_SLICE_COUNT[period], chartData.length);
+    const start = chartData.length - count;
+    return chartData.slice(start);
+  }, [chartData, period]);
+  const showDebt = useMemo(
+    () => !!(sliced == null ? void 0 : sliced.some((p) => p.debt != null && p.debt > 0)),
+    [sliced]
+  );
+  const labels = useMemo(
+    () => {
+      var _a;
+      return (_a = sliced == null ? void 0 : sliced.map((p) => formatMonthLabel(p.date))) != null ? _a : [];
+    },
+    [sliced]
+  );
+  const data = useMemo(() => {
+    if (!sliced) return { labels: [], datasets: [] };
+    return {
+      labels,
+      datasets: [
+        {
+          label: "Estimate Value",
+          data: sliced.map((p) => p.estimateValue),
+          borderColor: brandPrimary,
+          backgroundColor: "transparent",
+          borderWidth: 2.5,
+          tension: 0.4,
+          pointRadius: 0,
+          pointHoverRadius: 6,
+          pointHoverBackgroundColor: FALLBACK_BG,
+          pointHoverBorderColor: brandPrimary,
+          pointHoverBorderWidth: 3,
+          pointHitRadius: 10,
+          fill: false
+        },
+        __spreadProps(__spreadValues({
+          label: "Suburb Average",
+          data: sliced.map((p) => p.suburbAverage),
+          borderColor: FALLBACK_NEUTRAL,
+          backgroundColor: "transparent"
+        }, showDebt ? { borderDash: [4, 4] } : {}), {
+          borderWidth: 1.5,
+          tension: 0.4,
+          pointRadius: 0,
+          pointHoverRadius: 5,
+          pointHoverBackgroundColor: FALLBACK_BG,
+          pointHoverBorderColor: FALLBACK_NEUTRAL,
+          pointHoverBorderWidth: 2,
+          pointHitRadius: 10,
+          fill: false
+        }),
+        ...showDebt ? [
+          {
+            label: "Debt",
+            data: sliced.map((p) => {
+              var _a;
+              return (_a = p.debt) != null ? _a : 0;
+            }),
+            borderColor: brandSecondary,
+            backgroundColor: "transparent",
+            borderWidth: 2,
+            tension: 0.4,
+            pointRadius: 0,
+            pointHoverRadius: 5,
+            pointHoverBackgroundColor: FALLBACK_BG,
+            pointHoverBorderColor: brandSecondary,
+            pointHoverBorderWidth: 2,
+            pointHitRadius: 10,
+            fill: false
+          }
+        ] : []
+      ]
+    };
+  }, [sliced, labels, brandPrimary, brandSecondary, showDebt]);
+  const options = useMemo(
+    () => ({
+      responsive: true,
+      maintainAspectRatio: false,
+      animation: { duration: 800, easing: "easeOutQuart" },
+      layout: { padding: 0 },
+      plugins: {
+        legend: { display: false },
+        tooltip: {
+          mode: "index",
+          intersect: false,
+          padding: 12,
+          cornerRadius: 0,
+          titleFont: { size: 11, weight: 600 },
+          bodyFont: { size: 12, weight: 500 },
+          callbacks: {
+            title: (tooltipItems) => {
+              var _a, _b, _c, _d;
+              const idx = (_a = tooltipItems[0]) == null ? void 0 : _a.dataIndex;
+              if (idx != null && ((_b = sliced == null ? void 0 : sliced[idx]) == null ? void 0 : _b.date)) {
+                return formatTooltipDate(sliced[idx].date, "monthly");
+              }
+              return (_d = (_c = tooltipItems[0]) == null ? void 0 : _c.label) != null ? _d : "";
+            },
+            label: (ctx) => {
+              const val = ctx.raw;
+              if (val === 0) return;
+              return ` ${ctx.dataset.label}: ${formatAbbrev(val)}`;
+            }
+          }
+        }
+      },
+      scales: {
+        x: {
+          display: showXAxis,
+          grid: { display: false },
+          border: { display: false },
+          ticks: {
+            maxRotation: 0,
+            minRotation: 0,
+            color: FALLBACK_TICK,
+            font: { size: 10 },
+            maxTicksLimit: 12
+          }
+        },
+        y: {
+          display: showYAxis,
+          position: "left",
+          grid: { display: false },
+          border: { display: false },
+          ticks: {
+            padding: 8,
+            maxTicksLimit: 5,
+            color: FALLBACK_TICK,
+            font: { size: 10 },
+            callback: (v) => formatAbbrev(Number(v))
+          }
+        }
+      }
+    }),
+    [showXAxis, showYAxis, sliced]
+  );
+  return /* @__PURE__ */ jsxs(
+    Card,
+    {
+      className: cn("w-full py-4 sm:py-6 gap-2", className),
+      style: { maxWidth: width, fontFamily },
+      children: [
+        /* @__PURE__ */ jsxs(CardHeader, { className: "px-3 sm:px-6", children: [
+          /* @__PURE__ */ jsx(CardTitle, { className: "text-sm sm:text-base", children: title }),
+          showPeriodSelector && /* @__PURE__ */ jsx(CardAction, { children: /* @__PURE__ */ jsx("div", { className: "flex gap-0.5 sm:gap-1", children: PROPERTY_PERIODS.map((p) => /* @__PURE__ */ jsx(
+            ChartPeriodButton,
+            {
+              period: p,
+              active: period === p,
+              onClick: () => setPeriod(p),
+              unit: "Y"
+            },
+            p
+          )) }) })
+        ] }),
+        /* @__PURE__ */ jsx(CardContent, { className: "px-3 sm:px-6", children: isLoading ? /* @__PURE__ */ jsx(Skeleton, { style: { height, width: "100%" } }) : !sliced ? /* @__PURE__ */ jsx(Empty, { className: "flex-none p-4", style: { height }, children: /* @__PURE__ */ jsx(EmptyDescription, { children: "No data available" }) }) : /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+          showLegend && legendPosition === "top" && /* @__PURE__ */ jsx(
+            ChartLegend,
+            {
+              primaryColor: brandPrimary,
+              secondaryColor: brandSecondary,
+              showDebt
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { style: { height, width: "100%", position: "relative" }, children: /* @__PURE__ */ jsx(
+            Chart,
+            {
+              type: "line",
+              data,
+              options,
+              "aria-label": title
+            },
+            `${brandPrimary}__${brandSecondary}`
+          ) }),
+          showLegend && legendPosition === "bottom" && /* @__PURE__ */ jsx(
+            ChartLegend,
+            {
+              primaryColor: brandPrimary,
+              secondaryColor: brandSecondary,
+              showDebt
+            }
+          )
+        ] }) })
+      ]
+    }
+  );
+}
+
+export {
+  PropertyMobileEstimateLineChart
+};

package/dist/{chunk-SLWCCURD.mjs → chunk-CLIN5525.mjs}

@@ -1,6 +1,6 @@
 import {
   cn
-} from "./chunk-V7CNWJT3.mjs";
+} from "./chunk-VLQZANBF.mjs";
 import {
   __objRest,
   __spreadValues
@@ -39,17 +39,21 @@ function CardTitle(_a) {
   return /* @__PURE__ */ jsx(
     "div",
     __spreadValues({
-      className: cn("leading-none font-semibold", className),
+      className: cn("text-label-large", className),
       "data-slot": "card-title"
     }, props)
   );
 }
 function CardDescription(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
   return /* @__PURE__ */ jsx(
     "div",
     __spreadValues({
-      className: cn("text-sm text-muted-foreground", className),
+      className: cn("text-body-small text-muted-foreground", className),
       "data-slot": "card-description"
     }, props)
   );

package/dist/{chunk-3VQNJ235.mjs → chunk-CSDO6VBW.mjs}

@@ -30,6 +30,10 @@ var TYPOGRAPHY_LABEL = {
   medium: style(600, "0.875rem", "1.125rem"),
   small: style(600, "0.75rem", "1rem", { letterSpacing: "0.03125rem" })
 };
+var TYPOGRAPHY_BUTTON = {
+  default: style(500, "0.875rem", "1.25rem"),
+  xs: style(500, "0.75rem", "1.25rem")
+};
 var TYPOGRAPHY_UTILITY = {
   caption: style(400, "0.75rem", "1rem"),
   overline: style(600, "0.625rem", "0.875rem", {
@@ -43,6 +47,7 @@ var TYPOGRAPHY = {
   heading: TYPOGRAPHY_HEADING,
   body: TYPOGRAPHY_BODY,
   label: TYPOGRAPHY_LABEL,
+  button: TYPOGRAPHY_BUTTON,
   utility: TYPOGRAPHY_UTILITY
 };
 var TYPOGRAPHY_RESPONSIVE = {
@@ -73,6 +78,7 @@ function getTypographyCssVars(fontFamily = FONT_FAMILY_SANS) {
     ["", TYPOGRAPHY_HEADING],
     ["body", TYPOGRAPHY_BODY],
     ["label", TYPOGRAPHY_LABEL],
+    ["button", TYPOGRAPHY_BUTTON],
     ["", TYPOGRAPHY_UTILITY]
   ];
   for (const [prefix, group] of allGroups) {
@@ -106,6 +112,7 @@ export {
   TYPOGRAPHY_HEADING,
   TYPOGRAPHY_BODY,
   TYPOGRAPHY_LABEL,
+  TYPOGRAPHY_BUTTON,
   TYPOGRAPHY_UTILITY,
   TYPOGRAPHY,
   TYPOGRAPHY_RESPONSIVE,

package/dist/chunk-D4ILTPOG.mjs

@@ -0,0 +1,293 @@
+import {
+  Sheet,
+  SheetContent
+} from "./chunk-462HMNO4.mjs";
+import {
+  Textarea
+} from "./chunk-34NWQURD.mjs";
+import {
+  Badge
+} from "./chunk-WAZD7NFU.mjs";
+import {
+  Spinner
+} from "./chunk-7YAU5CY6.mjs";
+import {
+  Button
+} from "./chunk-2I5S2AMY.mjs";
+import {
+  cn
+} from "./chunk-VLQZANBF.mjs";
+
+// src/components/ui/ai-assistant-drawer.tsx
+import * as React from "react";
+import { Bot, RotateCcw, Send, X } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function AiTypingIndicator() {
+  return /* @__PURE__ */ jsx("span", { className: "flex items-center gap-1 py-1", "aria-label": "AI is thinking", children: [0, 150, 300].map((delay) => /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: "size-1.5 rounded-full bg-current animate-bounce",
+      style: { animationDelay: `${delay}ms` },
+      "aria-hidden": "true"
+    },
+    delay
+  )) });
+}
+function AiChatBubble({ message }) {
+  const isUser = message.role === "user";
+  const isEmpty = !message.content.trim();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("flex w-full", isUser ? "justify-end" : "justify-start"),
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "max-w-[85%] px-3 py-2 text-sm",
+            isUser ? "bg-primary text-primary-foreground" : "bg-muted text-foreground",
+            message.isErrored && "bg-destructive/10 text-destructive"
+          ),
+          children: [
+            isEmpty && message.isStreaming ? /* @__PURE__ */ jsx(AiTypingIndicator, {}) : /* @__PURE__ */ jsx("span", { className: "whitespace-pre-wrap break-words leading-relaxed", children: message.content }),
+            message.isErrored && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs opacity-70", children: "Failed to send. Please try again." })
+          ]
+        }
+      )
+    }
+  );
+}
+function AiTaskCard({
+  suggestion,
+  onSelect
+}) {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: () => onSelect(suggestion.title),
+      className: "flex flex-col gap-1 border border-border bg-background p-3 text-left transition-colors hover:bg-muted/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-foreground", children: suggestion.title }),
+        /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: suggestion.description })
+      ]
+    }
+  );
+}
+var DEFAULT_SUGGESTIONS = [
+  {
+    id: "s1",
+    title: "Update pricing strategy",
+    description: "Review and adjust pricing based on market trends"
+  },
+  {
+    id: "s2",
+    title: "Enhance marketing outreach",
+    description: "Develop new campaigns to increase customer engagement"
+  },
+  {
+    id: "s3",
+    title: "Optimise social media strategy",
+    description: "Analyse performance and adjust content for better visibility"
+  },
+  {
+    id: "s4",
+    title: "Implement customer feedback loops",
+    description: "Create mechanisms to collect and act on customer insights"
+  }
+];
+function AiAssistantDrawer({
+  open,
+  onClose,
+  opportunityName,
+  taskSuggestions,
+  messages = [],
+  isStreaming = false,
+  isLoading = false,
+  onSendMessage,
+  onReset,
+  className
+}) {
+  var _a;
+  const [inputValue, setInputValue] = React.useState("");
+  const messagesEndRef = React.useRef(null);
+  const textareaRef = React.useRef(null);
+  const suggestions = taskSuggestions != null ? taskSuggestions : DEFAULT_SUGGESTIONS;
+  const hasMessages = messages.length > 0;
+  const canSend = inputValue.trim().length > 0 && !isStreaming && !isLoading;
+  React.useEffect(() => {
+    if (!messagesEndRef.current) return;
+    messagesEndRef.current.scrollIntoView({
+      behavior: "smooth",
+      block: "nearest"
+    });
+  }, [messages.length]);
+  React.useEffect(() => {
+    const el = textareaRef.current;
+    if (!el) return;
+    el.style.height = "auto";
+    el.style.height = `${Math.min(el.scrollHeight, 120)}px`;
+  }, [inputValue]);
+  const handleSend = React.useCallback(() => {
+    const text = inputValue.trim();
+    if (!text || !canSend) return;
+    onSendMessage == null ? void 0 : onSendMessage(text);
+    setInputValue("");
+  }, [inputValue, canSend, onSendMessage]);
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter" && !e.shiftKey) {
+      e.preventDefault();
+      handleSend();
+    }
+  };
+  const handleSuggestionSelect = (text) => {
+    var _a2;
+    setInputValue(text);
+    (_a2 = textareaRef.current) == null ? void 0 : _a2.focus();
+  };
+  return /* @__PURE__ */ jsx(Sheet, { open, onOpenChange: (o) => !o && onClose(), children: /* @__PURE__ */ jsxs(
+    SheetContent,
+    {
+      side: "right",
+      showCloseButton: false,
+      className: cn("w-[480px] max-w-full gap-0 p-0", className),
+      "data-slot": "ai-assistant-drawer",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-b border-border px-4 py-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx("span", { className: "flex size-8 shrink-0 items-center justify-center rounded-full bg-primary", children: /* @__PURE__ */ jsx(Bot, { className: "size-4 text-primary-foreground" }) }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-foreground", children: "AI Assistant" }),
+              opportunityName && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: opportunityName })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+            onReset && /* @__PURE__ */ jsxs(
+              Button,
+              {
+                variant: "ghost",
+                size: "icon",
+                className: "size-8",
+                onClick: onReset,
+                title: "Reset conversation",
+                disabled: isLoading,
+                children: [
+                  /* @__PURE__ */ jsx(RotateCcw, { className: "size-4" }),
+                  /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Reset conversation" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              Button,
+              {
+                variant: "ghost",
+                size: "icon",
+                className: "size-8",
+                onClick: onClose,
+                title: "Close",
+                children: [
+                  /* @__PURE__ */ jsx(X, { className: "size-4" }),
+                  /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+                ]
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "flex flex-1 flex-col overflow-y-auto", children: isLoading ? (
+          /* Loading state */
+          /* @__PURE__ */ jsx("div", { className: "flex flex-1 items-center justify-center py-20", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-3", children: [
+            /* @__PURE__ */ jsx(Spinner, { size: "lg", className: "text-muted-foreground" }),
+            /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Initialising\u2026" })
+          ] }) })
+        ) : !hasMessages ? (
+          /* Empty / welcome state */
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6 p-4", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 border border-border bg-muted/30 p-4", children: [
+              /* @__PURE__ */ jsxs(Badge, { variant: "outline", className: "w-fit gap-1.5", children: [
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: "size-1.5 rounded-full bg-primary",
+                    "aria-hidden": "true"
+                  }
+                ),
+                "AI Chat for Brokers"
+              ] }),
+              /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "A safe and secure way to chat about insights that run your business and utilise AI. All chats stay within your environment, all closed off and compliant." }),
+              /* @__PURE__ */ jsx("div", { className: "flex gap-2", children: [
+                { emoji: "\u{1F916}", label: "Smart" },
+                { emoji: "\u26A1", label: "Fast" },
+                { emoji: "\u{1F512}", label: "Secure" }
+              ].map(({ emoji, label }) => /* @__PURE__ */ jsxs(
+                "span",
+                {
+                  className: "border border-border px-2.5 py-1 text-xs text-foreground",
+                  children: [
+                    emoji,
+                    " ",
+                    label
+                  ]
+                },
+                label
+              )) })
+            ] }),
+            suggestions.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+              /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-muted-foreground", children: "Suggested tasks" }),
+              /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-2", children: suggestions.map((s) => /* @__PURE__ */ jsx(
+                AiTaskCard,
+                {
+                  suggestion: s,
+                  onSelect: handleSuggestionSelect
+                },
+                s.id
+              )) })
+            ] })
+          ] })
+        ) : (
+          /* Message list */
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 p-4", children: [
+            messages.map((msg) => /* @__PURE__ */ jsx(AiChatBubble, { message: msg }, msg.id)),
+            isStreaming && ((_a = messages[messages.length - 1]) == null ? void 0 : _a.role) === "user" && /* @__PURE__ */ jsx("div", { className: "flex justify-start", children: /* @__PURE__ */ jsx("div", { className: "bg-muted px-3 py-2 text-muted-foreground", children: /* @__PURE__ */ jsx(AiTypingIndicator, {}) }) }),
+            /* @__PURE__ */ jsx("div", { ref: messagesEndRef })
+          ] })
+        ) }),
+        /* @__PURE__ */ jsxs("div", { className: "border-t border-border p-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-end gap-2", children: [
+            /* @__PURE__ */ jsx(
+              Textarea,
+              {
+                ref: textareaRef,
+                value: inputValue,
+                onChange: (e) => setInputValue(e.target.value),
+                onKeyDown: handleKeyDown,
+                placeholder: "Ask me anything\u2026 (Enter to send, Shift+Enter for new line)",
+                rows: 1,
+                disabled: isLoading,
+                className: "min-h-0 flex-1 resize-none overflow-hidden py-2 text-sm"
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              Button,
+              {
+                size: "icon",
+                onClick: handleSend,
+                disabled: !canSend,
+                className: "shrink-0",
+                title: "Send",
+                children: [
+                  /* @__PURE__ */ jsx(Send, { className: "size-4" }),
+                  /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Send message" })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("p", { className: "mt-1.5 text-[10px] text-muted-foreground", children: "Enter to send \xB7 Shift+Enter for new line" })
+        ] })
+      ]
+    }
+  ) });
+}
+
+export {
+  AiAssistantDrawer
+};

package/dist/{chunk-HS7TFG7V.mjs → chunk-D6ID6M4V.mjs}

@@ -1,6 +1,6 @@
 import {
   cn
-} from "./chunk-V7CNWJT3.mjs";
+} from "./chunk-VLQZANBF.mjs";
 import {
   __objRest,
   __spreadValues