@alquimia-ai/ui 1.7.0 → 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

@@ -2753,15 +2753,6 @@ var AssistantMessageArea = React34.forwardRef(
               role: message.role,
               message,
               children: [
-                message.created_at && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "text-xs text-muted-foreground/80 pb-1", children: new Date(Number(message.created_at)).toLocaleString("es-ES", {
-                  day: "2-digit",
-                  month: "2-digit",
-                  year: "numeric",
-                  hour: "2-digit",
-                  minute: "2-digit",
-                  second: "2-digit",
-                  hour12: false
-                }) }),
                 streamingMessageId === message.id && (isLoading || message.content.length === 0) && !message.error_code && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { children: thinkIndicator ?? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ThinkIndicator, {}) }),
                 message.error_code && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
                   CallOutResponse,
@@ -2771,25 +2762,45 @@ var AssistantMessageArea = React34.forwardRef(
                     children: "We have an internal error, please try again later."
                   }
                 ),
-                message.tooler && !message.error_code && hasToolResult(message.tooler) && toolFactory?.createTool(message.tooler?.tool_summary?.name, message.tooler?.tool_output?.result),
-                message.content && !message.error_code && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-                  CallOutResponse,
-                  {
-                    role: message.role,
-                    isStreaming: streamingMessageId === message.id,
-                    handleIsTextStreaming,
-                    additionalInfo: streamingMessageId !== message.id ? message?.additionalInfo : void 0,
-                    children: message.content
-                  }
+                message.tooler && !message.error_code && hasToolResult(message.tooler) && toolFactory?.createTool(
+                  message.tooler?.tool_summary?.name,
+                  message.tooler?.tool_output?.result
                 ),
-                actions && streamingMessageId !== message.id && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-                  CallOutActions,
+                message.content && !message.error_code && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+                  "div",
                   {
-                    actions,
-                    message,
-                    role: message.role
-                  },
-                  message.id
+                    "data-role": message.role,
+                    className: "alq--callout-message-container",
+                    children: [
+                      message.created_at && streamingMessageId !== message.id && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "text-xs text-muted-foreground/80 pb-1 alq--callout-message-date", children: new Date(Number(message.created_at)).toLocaleString(
+                        "es-ES",
+                        {
+                          hour: "2-digit",
+                          minute: "2-digit",
+                          hour12: false
+                        }
+                      ) }),
+                      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+                        CallOutResponse,
+                        {
+                          role: message.role,
+                          isStreaming: streamingMessageId === message.id,
+                          handleIsTextStreaming,
+                          additionalInfo: streamingMessageId !== message.id ? message?.additionalInfo : void 0,
+                          children: message.content
+                        }
+                      ),
+                      actions && streamingMessageId !== message.id && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+                        CallOutActions,
+                        {
+                          actions,
+                          message,
+                          role: message.role
+                        },
+                        message.id
+                      )
+                    ]
+                  }
                 )
               ]
             },
@@ -2811,6 +2822,7 @@ var AssistantInput = React34.forwardRef(
     handleInputChange,
     isMessageStreaming,
     speechToTextComponent,
+    userToolboxComponent,
     placeholders,
     ...props
   }, ref) => {
@@ -2819,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" })
+              }
+            )
+          ] })
         ]
       }
     );