@alquimia-ai/ui 1.7.1 → 1.8.0

package/dist/components/organisms/index.d.mts

@@ -59,9 +59,10 @@ interface AssistantInputProps extends React$1.FormHTMLAttributes<HTMLFormElement
     sendMessageFunc: (event: React$1.FormEvent<HTMLFormElement>) => Promise<void>;
     isButtonDisabled: boolean;
     input: string;
-    handleInputChange: (event: React$1.ChangeEvent<HTMLInputElement>) => void;
+    handleInputChange: (event: React$1.ChangeEvent<HTMLTextAreaElement>) => void;
     isMessageStreaming: boolean;
     speechToTextComponent?: React$1.ReactNode;
+    userToolboxComponent?: React$1.ReactNode;
     placeholders?: [string, string];
 }
 declare const AssistantInput: React$1.ForwardRefExoticComponent<AssistantInputProps & React$1.RefAttributes<HTMLFormElement>>;

package/dist/components/organisms/index.d.ts

@@ -59,9 +59,10 @@ interface AssistantInputProps extends React$1.FormHTMLAttributes<HTMLFormElement
     sendMessageFunc: (event: React$1.FormEvent<HTMLFormElement>) => Promise<void>;
     isButtonDisabled: boolean;
     input: string;
-    handleInputChange: (event: React$1.ChangeEvent<HTMLInputElement>) => void;
+    handleInputChange: (event: React$1.ChangeEvent<HTMLTextAreaElement>) => void;
     isMessageStreaming: boolean;
     speechToTextComponent?: React$1.ReactNode;
+    userToolboxComponent?: React$1.ReactNode;
     placeholders?: [string, string];
 }
 declare const AssistantInput: React$1.ForwardRefExoticComponent<AssistantInputProps & React$1.RefAttributes<HTMLFormElement>>;

package/dist/components/organisms/index.js

@@ -2822,6 +2822,7 @@ var AssistantInput = React34.forwardRef(
     handleInputChange,
     isMessageStreaming,
     speechToTextComponent,
+    userToolboxComponent,
     placeholders,
     ...props
   }, ref) => {
@@ -2830,40 +2831,48 @@ var AssistantInput = React34.forwardRef(
       "form",
       {
         onSubmit: sendMessageFunc,
-        className: cn("flex items-center space-x-4", className),
+        className: cn("flex items-center relative", className),
         ref,
         ...props,
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-            "input",
+            "textarea",
             {
-              type: "text",
               disabled: isButtonDisabled,
               value: input,
               onChange: handleInputChange,
               placeholder,
               className: cn(
-                "flex-1 text-sm p-3 rounded-lg focus:outline-none w-full",
+                "flex-1 text-sm p-3 rounded-lg focus:outline-none w-full resize-none",
                 "border border-input bg-background text-foreground",
                 "placeholder:text-muted-foreground",
                 "focus:ring-2 focus:ring-ring",
                 "disabled:opacity-50 disabled:cursor-not-allowed"
-              )
-            }
-          ),
-          speechToTextComponent && speechToTextComponent,
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-            "button",
-            {
-              type: "submit",
-              disabled: isButtonDisabled,
-              className: cn(
-                "w-10 h-10 rounded-full flex items-center justify-center alq--assistant-button-send",
-                isButtonDisabled ? "bg-muted text-muted-foreground" : "bg-primary text-primary-foreground hover:bg-primary/90"
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react14.Send, { className: "w-5 h-5" })
+              onKeyDown: (e) => {
+                if (e.key === "Enter" && !e.shiftKey) {
+                  e.preventDefault();
+                  sendMessageFunc(e);
+                }
+              }
             }
-          )
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "relative alq--assistant-actions", children: [
+            userToolboxComponent && userToolboxComponent,
+            speechToTextComponent && speechToTextComponent,
+            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+              "button",
+              {
+                type: "submit",
+                disabled: isButtonDisabled,
+                className: cn(
+                  "w-10 h-10 rounded-full flex items-center justify-center alq--assistant-button-send",
+                  isButtonDisabled ? "bg-muted text-muted-foreground" : "bg-primary text-primary-foreground hover:bg-primary/90"
+                ),
+                children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react14.Send, { className: "w-5 h-5" })
+              }
+            )
+          ] })
         ]
       }
     );