@natoe/colab 0.1.10 → 0.1.12

package/dist/index.d.mts

@@ -185,6 +185,13 @@ interface CollabPanelProps {
     onBack?: () => void;
     /** Hide the patient name row in the header — set when a parent already shows it (e.g. CollabPopup title bar) */
     hidePatientName?: boolean;
+    /**
+     * Notified whenever the underlying conversation state changes (initial
+     * preview load, create, channel deletion). Lets a parent like CollabPopup
+     * render its title bar from the authoritative conversation.name instead of
+     * relying on potentially-incomplete patientData.
+     */
+    onConversationChange?: (conversation: Conversation | null) => void;
     /** Custom class name for the outer container */
     className?: string;
     /** Custom inline styles for the outer container */
@@ -194,7 +201,7 @@ interface CollabPanelProps {
  * Full collaboration panel: patient header + pinned bar + message thread + input.
  * Supports reply, pin/unpin, and (optionally) seen-by indicators.
  */
-declare function CollabPanel({ orderId, patientData, participantIds, showSeenBy, onBack, hidePatientName, className, style, }: CollabPanelProps): react_jsx_runtime.JSX.Element;
+declare function CollabPanel({ orderId, patientData, participantIds, showSeenBy, onBack, hidePatientName, onConversationChange, className, style, }: CollabPanelProps): react_jsx_runtime.JSX.Element;
 
 interface CollabPopupProps {
     /** Order ID for this conversation */

package/dist/index.d.ts

@@ -185,6 +185,13 @@ interface CollabPanelProps {
     onBack?: () => void;
     /** Hide the patient name row in the header — set when a parent already shows it (e.g. CollabPopup title bar) */
     hidePatientName?: boolean;
+    /**
+     * Notified whenever the underlying conversation state changes (initial
+     * preview load, create, channel deletion). Lets a parent like CollabPopup
+     * render its title bar from the authoritative conversation.name instead of
+     * relying on potentially-incomplete patientData.
+     */
+    onConversationChange?: (conversation: Conversation | null) => void;
     /** Custom class name for the outer container */
     className?: string;
     /** Custom inline styles for the outer container */
@@ -194,7 +201,7 @@ interface CollabPanelProps {
  * Full collaboration panel: patient header + pinned bar + message thread + input.
  * Supports reply, pin/unpin, and (optionally) seen-by indicators.
  */
-declare function CollabPanel({ orderId, patientData, participantIds, showSeenBy, onBack, hidePatientName, className, style, }: CollabPanelProps): react_jsx_runtime.JSX.Element;
+declare function CollabPanel({ orderId, patientData, participantIds, showSeenBy, onBack, hidePatientName, onConversationChange, className, style, }: CollabPanelProps): react_jsx_runtime.JSX.Element;
 
 interface CollabPopupProps {
     /** Order ID for this conversation */

package/dist/index.js

@@ -575,7 +575,11 @@ function buildChannelName(patientData) {
   const patientPart = patientData.patientName?.trim() || "Unknown";
   const labPart = patientData.labName?.trim()?.slice(0, 24) || "";
   const last4 = (patientData.displayOrderId ?? "").trim().slice(-4) || "0000";
-  return `${patientPart} - ${labPart} - ${last4}`;
+  return labPart ? `${patientPart} - ${labPart} - ${last4}` : `${patientPart} - ${last4}`;
+}
+function cleanChannelName(name) {
+  if (!name) return "";
+  return name.replace(/\s+-\s+-\s+/g, " - ").trim();
 }
 
 // src/hooks/useConversation.ts
@@ -610,8 +614,11 @@ function useConversation({
   const ensureConversationInFlight = React4.useRef(null);
   const markedReadIdsRef = React4.useRef(/* @__PURE__ */ new Set());
   const buildName = React4.useCallback(
-    () => buildChannelName(patientData),
-    [patientData]
+    () => {
+      const labName = patientData.labName ?? (config.userRole === "lab" ? config.userName : void 0);
+      return buildChannelName({ ...patientData, labName });
+    },
+    [patientData, config.userRole, config.userName]
   );
   const joinChannel = React4.useCallback(
     (conv) => {
@@ -1298,6 +1305,11 @@ var Z_INDEX = {
   /** Portaled message-actions menu — must sit above the dialog. */
   menu: 1e4
 };
+function resolveDisplayName(patientData, displayName) {
+  const localComplete = !!patientData.labName && !!patientData.displayOrderId;
+  if (localComplete) return buildChannelName(patientData);
+  return cleanChannelName(displayName) || buildChannelName(patientData);
+}
 function PatientHeader({
   patientData,
   onOpenDicom,
@@ -1331,7 +1343,7 @@ function PatientHeader({
           children: /* @__PURE__ */ jsxRuntime.jsx(BackIcon, { size: 22, color: COLOR.neutral800 })
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { style: styles.nameText, children: displayName ?? buildChannelName(patientData) })
+      /* @__PURE__ */ jsxRuntime.jsx("span", { style: styles.nameText, children: resolveDisplayName(patientData, displayName) })
     ] }),
     meta.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { style: styles.metaRow, children: meta.map((item) => /* @__PURE__ */ jsxRuntime.jsxs("span", { style: styles.metaItem, children: [
       /* @__PURE__ */ jsxRuntime.jsxs("span", { style: styles.metaLabel, children: [
@@ -3761,6 +3773,7 @@ function CollabPanel({
   showSeenBy = true,
   onBack,
   hidePatientName = false,
+  onConversationChange,
   className,
   style
 }) {
@@ -3789,6 +3802,9 @@ function CollabPanel({
     pinMessage,
     unpinMessage
   } = useConversation({ orderId, patientData, participantIds });
+  React4.useEffect(() => {
+    onConversationChange?.(conversation);
+  }, [conversation, onConversationChange]);
   const channelSettings = useChannelSettings({
     conversationId: conversation?.id ?? null
   });
@@ -4010,10 +4026,12 @@ function CollabPopup({
   );
   const [isDragging, setIsDragging] = React4.useState(false);
   const [isMinimized, setIsMinimized] = React4.useState(false);
+  const [loadedConversation, setLoadedConversation] = React4.useState(null);
   const dragOffset = React4.useRef({ x: 0, y: 0 });
   const containerRef = React4.useRef(null);
   const previouslyFocused = React4.useRef(null);
   const titleId = React4.useId();
+  const titleText = cleanChannelName(loadedConversation?.name) || buildChannelName(patientData);
   const handleMouseDown = React4.useCallback(
     (e) => {
       if (!e.target.closest("[data-drag-handle]")) return;
@@ -4117,7 +4135,7 @@ function CollabPopup({
               children: "\u2190"
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { id: titleId, style: { ...styles13.titleText, flex: 1 }, children: buildChannelName(patientData) }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { id: titleId, style: { ...styles13.titleText, flex: 1 }, children: titleText }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { style: styles13.titleActions, children: [
             /* @__PURE__ */ jsxRuntime.jsx(
               "button",
@@ -4143,7 +4161,16 @@ function CollabPopup({
             )
           ] })
         ] }),
-        !isMinimized && /* @__PURE__ */ jsxRuntime.jsx("div", { style: styles13.panelWrapper, children: /* @__PURE__ */ jsxRuntime.jsx(CollabPanel, { orderId, patientData, participantIds, hidePatientName: true }) })
+        !isMinimized && /* @__PURE__ */ jsxRuntime.jsx("div", { style: styles13.panelWrapper, children: /* @__PURE__ */ jsxRuntime.jsx(
+          CollabPanel,
+          {
+            orderId,
+            patientData,
+            participantIds,
+            hidePatientName: true,
+            onConversationChange: setLoadedConversation
+          }
+        ) })
       ]
     }
   );
@@ -5365,8 +5392,18 @@ function CollabInbox({
   );
 }
 function buildPatientData(item) {
-  if (item.patientSnapshot) return item.patientSnapshot;
-  const parts = item.name.split(" - ");
+  const parsed = parseChannelName(item.name, item.orderId);
+  if (item.patientSnapshot) {
+    return {
+      ...item.patientSnapshot,
+      labName: item.patientSnapshot.labName ?? parsed.labName,
+      displayOrderId: item.patientSnapshot.displayOrderId ?? parsed.displayOrderId
+    };
+  }
+  return parsed;
+}
+function parseChannelName(name, orderId) {
+  const parts = name.split(" - ");
   if (parts.length >= 3) {
     const last4 = parts[parts.length - 1];
     const labName = parts[parts.length - 2];
@@ -5374,13 +5411,13 @@ function buildPatientData(item) {
     return {
       patientName,
       labName: labName || void 0,
-      orderId: item.orderId,
+      orderId,
       displayOrderId: last4
     };
   }
   return {
-    patientName: item.name,
-    orderId: item.orderId
+    patientName: name,
+    orderId
   };
 }
 function EmptyState({ hasAny }) {