@natoe/colab 0.1.11 → 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) => {
@@ -1301,7 +1308,7 @@ var Z_INDEX = {
 function resolveDisplayName(patientData, displayName) {
   const localComplete = !!patientData.labName && !!patientData.displayOrderId;
   if (localComplete) return buildChannelName(patientData);
-  return displayName ?? buildChannelName(patientData);
+  return cleanChannelName(displayName) || buildChannelName(patientData);
 }
 function PatientHeader({
   patientData,
@@ -3766,6 +3773,7 @@ function CollabPanel({
   showSeenBy = true,
   onBack,
   hidePatientName = false,
+  onConversationChange,
   className,
   style
 }) {
@@ -3794,6 +3802,9 @@ function CollabPanel({
     pinMessage,
     unpinMessage
   } = useConversation({ orderId, patientData, participantIds });
+  React4.useEffect(() => {
+    onConversationChange?.(conversation);
+  }, [conversation, onConversationChange]);
   const channelSettings = useChannelSettings({
     conversationId: conversation?.id ?? null
   });
@@ -4015,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;
@@ -4122,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",
@@ -4148,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
+          }
+        ) })
       ]
     }
   );