@apteva/apteva-kit 0.1.65 → 0.1.66

package/dist/index.mjs

@@ -1455,6 +1455,43 @@ function Message({ message, onAction, enableWidgets, onWidgetRender }) {
     }
     return elements.length > 0 ? elements : null;
   };
+  const attachments = message.metadata?.attachments || [];
+  const hasAttachments = attachments.length > 0;
+  const renderAttachments = () => {
+    if (!hasAttachments) return null;
+    return /* @__PURE__ */ jsx12("div", { className: "apteva-message-attachments flex flex-wrap gap-2 mb-2 justify-end", children: attachments.map((att, index) => {
+      const isImage = att.type.startsWith("image/");
+      const isPdf = att.type === "application/pdf";
+      if (isImage && att.preview) {
+        return /* @__PURE__ */ jsx12("div", { className: "apteva-attachment-image relative rounded-lg overflow-hidden shadow-sm", children: /* @__PURE__ */ jsx12(
+          "img",
+          {
+            src: att.preview,
+            alt: att.name,
+            className: "max-w-[150px] max-h-[150px] object-cover"
+          }
+        ) }, index);
+      }
+      return /* @__PURE__ */ jsxs9(
+        "div",
+        {
+          className: "apteva-attachment-doc flex items-center gap-3 px-4 py-3 bg-neutral-100 dark:bg-neutral-800 border border-neutral-200 dark:border-neutral-700 rounded-xl shadow-sm",
+          children: [
+            /* @__PURE__ */ jsx12("div", { className: "w-10 h-10 flex items-center justify-center bg-red-100 dark:bg-red-900/30 rounded-lg text-red-600 dark:text-red-400", children: isPdf ? /* @__PURE__ */ jsx12("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx12("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z" }) }) : /* @__PURE__ */ jsx12("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx12("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" }) }) }),
+            /* @__PURE__ */ jsxs9("div", { className: "flex flex-col min-w-0", children: [
+              /* @__PURE__ */ jsx12("span", { className: "text-sm font-medium text-neutral-800 dark:text-neutral-200 truncate max-w-[180px]", children: att.name }),
+              /* @__PURE__ */ jsxs9("span", { className: "text-xs text-neutral-500 dark:text-neutral-400", children: [
+                isPdf ? "PDF" : "Document",
+                " \xB7 ",
+                formatFileSize(att.size)
+              ] })
+            ] })
+          ]
+        },
+        index
+      );
+    }) });
+  };
   const renderContent = () => {
     if (isUser) {
       return /* @__PURE__ */ jsx12("div", { className: "apteva-message-text", children: message.content });
@@ -1552,6 +1589,13 @@ function Message({ message, onAction, enableWidgets, onWidgetRender }) {
       /* @__PURE__ */ jsx12("div", { className: "apteva-message-timestamp apteva-message-timestamp-assistant", suppressHydrationWarning: true, children: message.timestamp.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) })
     ] });
   }
+  if (isUser && hasAttachments) {
+    return /* @__PURE__ */ jsxs9("div", { className: "apteva-message-segmented apteva-message-user-with-attachments flex flex-col items-end", children: [
+      renderAttachments(),
+      message.content && /* @__PURE__ */ jsx12("div", { className: "apteva-message-bubble apteva-message-user", children: /* @__PURE__ */ jsx12("div", { className: "apteva-message-content-user", children: /* @__PURE__ */ jsx12("div", { className: "apteva-message-text", children: message.content }) }) }),
+      /* @__PURE__ */ jsx12("div", { className: "apteva-message-timestamp apteva-message-timestamp-user", suppressHydrationWarning: true, children: message.timestamp.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) })
+    ] });
+  }
   return /* @__PURE__ */ jsxs9(
     "div",
     {
@@ -2600,15 +2644,19 @@ ${widgetContext}` : widgetContext;
   const defaultPlaceholder = mode === "chat" ? "Type a message..." : "Enter your command...";
   const handleSendMessage = async (text, files, isSystem) => {
     const hasFiles = files && files.length > 0;
-    const fileNames = hasFiles ? files.map((f) => f.name) : [];
-    const displayContent = hasFiles ? `${text}${text ? "\n" : ""}[Attached: ${fileNames.join(", ")}]` : text;
+    const attachments = hasFiles ? files.map((f) => ({
+      name: f.name,
+      type: f.type,
+      size: f.size,
+      preview: f.type.startsWith("image/") ? URL.createObjectURL(f) : void 0
+    })) : [];
     if (!isSystem) {
       const userMessage = {
         id: `msg-${Date.now()}`,
         role: "user",
-        content: displayContent,
+        content: text,
         timestamp: /* @__PURE__ */ new Date(),
-        metadata: hasFiles ? { attachments: fileNames } : void 0
+        metadata: hasFiles ? { attachments } : void 0
       };
       setMessages((prev) => [...prev, userMessage]);
       onMessageSent?.(userMessage);