@wealthx/shadcn 1.5.37 → 1.5.38

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @wealthx/shadcn
 
+## 1.5.38
+
+### Patch Changes
+
+- bb62d05: Add support agent
+
 ## 1.5.37
 
 ### Patch Changes

package/dist/{chunk-734FOOJC.mjs → chunk-B5PSUONN.mjs}

@@ -1,10 +1,10 @@
+import {
+  ChatInputArea
+} from "./chunk-EFHPSKVF.mjs";
 import {
   Sheet,
   SheetContent
 } from "./chunk-H3PTREG6.mjs";
-import {
-  Textarea
-} from "./chunk-BS75ICOO.mjs";
 import {
   Spinner
 } from "./chunk-JVMXMFBB.mjs";
@@ -20,7 +20,7 @@ import {
 
 // src/components/ui/ai-assistant-drawer.tsx
 import * as React from "react";
-import { Bot, RotateCcw, Send, X } from "lucide-react";
+import { Bot, RotateCcw, 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(
@@ -106,16 +106,16 @@ function AiAssistantDrawer({
   isStreaming = false,
   isLoading = false,
   onSendMessage,
+  onAttachFile,
+  onAttachImage,
   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({
@@ -123,28 +123,15 @@ function AiAssistantDrawer({
       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 handleSend = React.useCallback(
+    (text) => {
+      onSendMessage == null ? void 0 : onSendMessage(text);
+      setInputValue("");
+    },
+    [onSendMessage]
+  );
   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,
@@ -252,38 +239,18 @@ function AiAssistantDrawer({
             /* @__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" })
-        ] })
+        /* @__PURE__ */ jsx("div", { className: "border-t border-border p-3", children: /* @__PURE__ */ jsx(
+          ChatInputArea,
+          {
+            value: inputValue,
+            onChange: setInputValue,
+            onSend: handleSend,
+            onAttachFile,
+            onAttachImage,
+            disabled: isLoading || isStreaming,
+            placeholder: "Ask me anything\u2026"
+          }
+        ) })
       ]
     }
   ) });

package/dist/chunk-EFHPSKVF.mjs

@@ -0,0 +1,192 @@
+import {
+  Textarea
+} from "./chunk-BS75ICOO.mjs";
+import {
+  Button
+} from "./chunk-NOOEKOWY.mjs";
+import {
+  cn
+} from "./chunk-AFML43VJ.mjs";
+
+// src/components/ui/chat-input-area.tsx
+import * as React from "react";
+import { ImagePlus, Paperclip, Send } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var DEFAULT_HINT = "Enter to send \xB7 Shift+Enter for new line";
+function ChatInputArea({
+  value,
+  onChange,
+  onSend,
+  onAttachFile,
+  onAttachImage,
+  disabled = false,
+  placeholder = "Type your message\u2026",
+  hint = DEFAULT_HINT,
+  maxHeight = 160,
+  autoFocus = false,
+  className
+}) {
+  const textareaRef = React.useRef(null);
+  const fileInputRef = React.useRef(null);
+  const imageInputRef = React.useRef(null);
+  React.useEffect(() => {
+    if (autoFocus) {
+      setTimeout(() => {
+        var _a;
+        return (_a = textareaRef.current) == null ? void 0 : _a.focus();
+      }, 50);
+    }
+  }, [autoFocus]);
+  const handleSend = React.useCallback(() => {
+    const text = value.trim();
+    if (!text || disabled) return;
+    onSend(text);
+    if (textareaRef.current) {
+      textareaRef.current.style.height = "auto";
+    }
+  }, [value, disabled, onSend]);
+  const handleKeyDown = React.useCallback(
+    (e) => {
+      if (e.key === "Enter" && !e.shiftKey) {
+        e.preventDefault();
+        handleSend();
+      }
+    },
+    [handleSend]
+  );
+  const handleTextareaChange = React.useCallback(
+    (e) => {
+      onChange(e.target.value);
+      const el = e.target;
+      el.style.height = "auto";
+      el.style.height = `${Math.min(el.scrollHeight, maxHeight)}px`;
+    },
+    [onChange, maxHeight]
+  );
+  const handleFileChange = React.useCallback(
+    (e) => {
+      var _a;
+      if ((_a = e.target.files) == null ? void 0 : _a.length) {
+        onAttachFile == null ? void 0 : onAttachFile(e.target.files);
+        e.target.value = "";
+      }
+    },
+    [onAttachFile]
+  );
+  const handleImageChange = React.useCallback(
+    (e) => {
+      var _a;
+      if ((_a = e.target.files) == null ? void 0 : _a.length) {
+        onAttachImage == null ? void 0 : onAttachImage(e.target.files);
+        e.target.value = "";
+      }
+    },
+    [onAttachImage]
+  );
+  const showFileButton = typeof onAttachFile === "function";
+  const showImageButton = typeof onAttachImage === "function";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "chat-input-area",
+      className: cn("flex flex-col gap-1.5", className),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "border border-border bg-background flex flex-col focus-within:ring-1 focus-within:ring-ring", children: [
+          /* @__PURE__ */ jsx(
+            Textarea,
+            {
+              ref: textareaRef,
+              value,
+              onChange: handleTextareaChange,
+              onKeyDown: handleKeyDown,
+              placeholder,
+              disabled,
+              rows: 3,
+              className: "resize-none text-sm border-0 shadow-none focus-visible:ring-0 px-3 pt-3 pb-1 min-h-[72px]",
+              "aria-label": placeholder
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-2 pb-2", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-0.5", children: [
+              showFileButton && /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "ghost",
+                    size: "icon-sm",
+                    type: "button",
+                    title: "Attach file",
+                    "aria-label": "Attach file",
+                    disabled,
+                    onClick: () => {
+                      var _a;
+                      return (_a = fileInputRef.current) == null ? void 0 : _a.click();
+                    },
+                    children: /* @__PURE__ */ jsx(Paperclip, { className: "size-3.5", "aria-hidden": "true" })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    ref: fileInputRef,
+                    type: "file",
+                    multiple: true,
+                    className: "sr-only",
+                    tabIndex: -1,
+                    onChange: handleFileChange
+                  }
+                )
+              ] }),
+              showImageButton && /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "ghost",
+                    size: "icon-sm",
+                    type: "button",
+                    title: "Upload image",
+                    "aria-label": "Upload image",
+                    disabled,
+                    onClick: () => {
+                      var _a;
+                      return (_a = imageInputRef.current) == null ? void 0 : _a.click();
+                    },
+                    children: /* @__PURE__ */ jsx(ImagePlus, { className: "size-3.5", "aria-hidden": "true" })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    ref: imageInputRef,
+                    type: "file",
+                    multiple: true,
+                    accept: "image/*",
+                    className: "sr-only",
+                    tabIndex: -1,
+                    onChange: handleImageChange
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                size: "icon-sm",
+                type: "button",
+                "aria-label": "Send message",
+                disabled: !value.trim() || disabled,
+                onClick: handleSend,
+                children: /* @__PURE__ */ jsx(Send, { className: "size-3.5", "aria-hidden": "true" })
+              }
+            )
+          ] })
+        ] }),
+        hint !== false && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: hint })
+      ]
+    }
+  );
+}
+
+export {
+  ChatInputArea
+};

package/dist/{chunk-NB3ZL36B.mjs → chunk-MZI77ZMX.mjs}

@@ -1,10 +1,19 @@
+import {
+  Button
+} from "./chunk-NOOEKOWY.mjs";
 import {
   cn
 } from "./chunk-AFML43VJ.mjs";
 
 // src/components/ui/page-top-bar.tsx
+import { Bot } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
-function PageTopBar({ title, actions, className }) {
+function PageTopBar({
+  title,
+  actions,
+  onAskSupport,
+  className
+}) {
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -16,7 +25,13 @@ function PageTopBar({ title, actions, className }) {
       ),
       children: [
         /* @__PURE__ */ jsx("h1", { className: "text-lg font-semibold leading-tight", children: title }),
-        actions && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: actions })
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          actions,
+          onAskSupport && /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", onClick: onAskSupport, children: [
+            /* @__PURE__ */ jsx(Bot, { className: "size-3.5", "aria-hidden": "true" }),
+            "Ask Support"
+          ] })
+        ] })
       ]
     }
   );