@natoe/colab 0.1.9 → 0.1.10

package/dist/index.d.mts

@@ -183,6 +183,8 @@ interface CollabPanelProps {
      * its compact / single-pane layout to return to the conversation list).
      */
     onBack?: () => void;
+    /** Hide the patient name row in the header — set when a parent already shows it (e.g. CollabPopup title bar) */
+    hidePatientName?: boolean;
     /** Custom class name for the outer container */
     className?: string;
     /** Custom inline styles for the outer container */
@@ -192,7 +194,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, className, style, }: CollabPanelProps): react_jsx_runtime.JSX.Element;
+declare function CollabPanel({ orderId, patientData, participantIds, showSeenBy, onBack, hidePatientName, className, style, }: CollabPanelProps): react_jsx_runtime.JSX.Element;
 
 interface CollabPopupProps {
     /** Order ID for this conversation */
@@ -668,9 +670,13 @@ interface PatientHeaderProps {
     onOpenSettings?: () => void;
     /** When set, renders a back-arrow button (compact inbox returning to list) */
     onBack?: () => void;
+    /** Suppress the channel name row — use when the name is already shown in a parent title bar */
+    hideName?: boolean;
+    /** Override the displayed name — use the stored conversation.name to avoid reconstructing from patientData components */
+    displayName?: string;
     className?: string;
 }
-declare function PatientHeader({ patientData, onOpenDicom, onOpenSettings, onBack, className, }: PatientHeaderProps): react_jsx_runtime.JSX.Element;
+declare function PatientHeader({ patientData, onOpenDicom, onOpenSettings, onBack, hideName, displayName, className, }: PatientHeaderProps): react_jsx_runtime.JSX.Element;
 
 interface MessageListHandle {
     /** Scroll to a specific message by ID (used by pin jump-to) */

package/dist/index.d.ts

@@ -183,6 +183,8 @@ interface CollabPanelProps {
      * its compact / single-pane layout to return to the conversation list).
      */
     onBack?: () => void;
+    /** Hide the patient name row in the header — set when a parent already shows it (e.g. CollabPopup title bar) */
+    hidePatientName?: boolean;
     /** Custom class name for the outer container */
     className?: string;
     /** Custom inline styles for the outer container */
@@ -192,7 +194,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, className, style, }: CollabPanelProps): react_jsx_runtime.JSX.Element;
+declare function CollabPanel({ orderId, patientData, participantIds, showSeenBy, onBack, hidePatientName, className, style, }: CollabPanelProps): react_jsx_runtime.JSX.Element;
 
 interface CollabPopupProps {
     /** Order ID for this conversation */
@@ -668,9 +670,13 @@ interface PatientHeaderProps {
     onOpenSettings?: () => void;
     /** When set, renders a back-arrow button (compact inbox returning to list) */
     onBack?: () => void;
+    /** Suppress the channel name row — use when the name is already shown in a parent title bar */
+    hideName?: boolean;
+    /** Override the displayed name — use the stored conversation.name to avoid reconstructing from patientData components */
+    displayName?: string;
     className?: string;
 }
-declare function PatientHeader({ patientData, onOpenDicom, onOpenSettings, onBack, className, }: PatientHeaderProps): react_jsx_runtime.JSX.Element;
+declare function PatientHeader({ patientData, onOpenDicom, onOpenSettings, onBack, hideName, displayName, className, }: PatientHeaderProps): react_jsx_runtime.JSX.Element;
 
 interface MessageListHandle {
     /** Scroll to a specific message by ID (used by pin jump-to) */

package/dist/index.js

@@ -1303,6 +1303,8 @@ function PatientHeader({
   onOpenDicom,
   onOpenSettings,
   onBack,
+  hideName = false,
+  displayName,
   className
 }) {
   const hasDicom = !!(patientData.studyId && patientData.storageId);
@@ -1317,7 +1319,7 @@ function PatientHeader({
     meta.push({ label: "Ref", value: patientData.referringPhysician });
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className, style: styles.container, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: styles.nameRow, children: [
+    !hideName && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: styles.nameRow, children: [
       onBack && /* @__PURE__ */ jsxRuntime.jsx(
         "button",
         {
@@ -1329,7 +1331,7 @@ function PatientHeader({
           children: /* @__PURE__ */ jsxRuntime.jsx(BackIcon, { size: 22, color: COLOR.neutral800 })
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { style: styles.nameText, children: buildChannelName(patientData) })
+      /* @__PURE__ */ jsxRuntime.jsx("span", { style: styles.nameText, children: displayName ?? buildChannelName(patientData) })
     ] }),
     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: [
@@ -3758,6 +3760,7 @@ function CollabPanel({
   participantIds,
   showSeenBy = true,
   onBack,
+  hidePatientName = false,
   className,
   style
 }) {
@@ -3866,7 +3869,9 @@ function CollabPanel({
           participants,
           onOpenDicom: handleOpenDicom,
           onOpenSettings: () => setShowSettings(true),
-          onBack
+          onBack,
+          hideName: hidePatientName,
+          displayName: conversation?.name
         }
       ),
       pinnedMessages.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
@@ -4138,7 +4143,7 @@ function CollabPopup({
             )
           ] })
         ] }),
-        !isMinimized && /* @__PURE__ */ jsxRuntime.jsx("div", { style: styles13.panelWrapper, children: /* @__PURE__ */ jsxRuntime.jsx(CollabPanel, { orderId, patientData, participantIds }) })
+        !isMinimized && /* @__PURE__ */ jsxRuntime.jsx("div", { style: styles13.panelWrapper, children: /* @__PURE__ */ jsxRuntime.jsx(CollabPanel, { orderId, patientData, participantIds, hidePatientName: true }) })
       ]
     }
   );