@natoe/colab 0.1.7 → 0.1.8

package/dist/index.mjs

@@ -2685,6 +2685,7 @@ function MessageInput({
 }) {
   const [text, setText] = useState("");
   const [isSending, setIsSending] = useState(false);
+  const [isUploading, setIsUploading] = useState(false);
   const [fileError, setFileError] = useState(null);
   const fileInputRef = useRef(null);
   const typingTimeoutRef = useRef(null);
@@ -2748,10 +2749,12 @@ function MessageInput({
         return;
       }
       setIsSending(true);
+      setIsUploading(true);
       try {
         await onSendFile(file);
       } finally {
         setIsSending(false);
+        setIsUploading(false);
         if (fileInputRef.current) fileInputRef.current.value = "";
       }
     },
@@ -2759,6 +2762,10 @@ function MessageInput({
   );
   return /* @__PURE__ */ jsxs("div", { className, style: styles8.container, children: [
     replyTo && onCancelReply && /* @__PURE__ */ jsx(ReplyPreview, { message: replyTo, onCancel: onCancelReply }),
+    isUploading && /* @__PURE__ */ jsxs("div", { style: styles8.uploadBanner, children: [
+      /* @__PURE__ */ jsx("span", { style: styles8.uploadSpinner }),
+      "Uploading file\u2026"
+    ] }),
     fileError && /* @__PURE__ */ jsxs("div", { style: styles8.error, role: "alert", children: [
       /* @__PURE__ */ jsx("span", { style: styles8.errorText, children: fileError }),
       /* @__PURE__ */ jsx(
@@ -2844,6 +2851,26 @@ var styles8 = {
     borderTop: "1px solid #e5e7eb",
     backgroundColor: "#ffffff"
   },
+  uploadBanner: {
+    display: "flex",
+    alignItems: "center",
+    gap: "8px",
+    padding: "6px 14px",
+    fontSize: "12px",
+    color: "#6b7280",
+    backgroundColor: "#f9fafb",
+    borderBottom: "1px solid #e5e7eb"
+  },
+  uploadSpinner: {
+    display: "inline-block",
+    width: "12px",
+    height: "12px",
+    border: "2px solid #d1d5db",
+    borderTopColor: "#7c3aed",
+    borderRadius: "50%",
+    animation: "natoe-colab-spin 0.7s linear infinite",
+    flexShrink: 0
+  },
   error: {
     display: "flex",
     alignItems: "center",
@@ -5235,6 +5262,18 @@ function CollabInbox({
 }
 function buildPatientData(item) {
   if (item.patientSnapshot) return item.patientSnapshot;
+  const parts = item.name.split(" - ");
+  if (parts.length >= 3) {
+    const last4 = parts[parts.length - 1];
+    const labName = parts[parts.length - 2];
+    const patientName = parts.slice(0, parts.length - 2).join(" - ");
+    return {
+      patientName,
+      labName: labName || void 0,
+      orderId: item.orderId,
+      displayOrderId: last4
+    };
+  }
   return {
     patientName: item.name,
     orderId: item.orderId