@natoe/colab 0.1.5 → 0.1.7

package/dist/index.d.mts

@@ -141,9 +141,9 @@ interface Message {
 interface SendMessagePayload {
     body: string;
     type: MessageType;
-    mediaUrl?: string;
-    mediaDuration?: number;
-    fileName?: string;
+    media_url?: string;
+    media_duration?: number;
+    file_name?: string;
     metadata?: Record<string, unknown>;
     /** ID of message being replied to (snapshot is built server-side) */
     replyToId?: string;
@@ -178,6 +178,11 @@ interface CollabPanelProps {
     participantIds?: string[];
     /** Show "seen by" indicator under own messages (default true) */
     showSeenBy?: boolean;
+    /**
+     * When set, the header renders a back-arrow button (used by CollabInbox in
+     * its compact / single-pane layout to return to the conversation list).
+     */
+    onBack?: () => void;
     /** Custom class name for the outer container */
     className?: string;
     /** Custom inline styles for the outer container */
@@ -187,7 +192,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, className, style, }: CollabPanelProps): react_jsx_runtime.JSX.Element;
+declare function CollabPanel({ orderId, patientData, participantIds, showSeenBy, onBack, className, style, }: CollabPanelProps): react_jsx_runtime.JSX.Element;
 
 interface CollabPopupProps {
     /** Order ID for this conversation */
@@ -200,6 +205,8 @@ interface CollabPopupProps {
     isOpen: boolean;
     /** Close the popup */
     onClose: () => void;
+    /** Optional back navigation — renders a ← button in the title bar when provided */
+    onBack?: () => void;
     /** Initial position (defaults to bottom-right) */
     initialPosition?: {
         x: number;
@@ -215,7 +222,7 @@ interface CollabPopupProps {
  * Draggable floating chat popup — drop-in replacement for DraggableChatPopup.
  * Renders a CollabPanel inside a movable, resizable container.
  */
-declare function CollabPopup({ orderId, patientData, participantIds, isOpen, onClose, initialPosition, width, height, className, }: CollabPopupProps): react_jsx_runtime.JSX.Element | null;
+declare function CollabPopup({ orderId, patientData, participantIds, isOpen, onClose, onBack, initialPosition, width, height, className, }: CollabPopupProps): react_jsx_runtime.JSX.Element | null;
 
 interface CollabInlineProps {
     orderId: string;
@@ -659,9 +666,11 @@ interface PatientHeaderProps {
     participants: Participant[];
     onOpenDicom?: () => void;
     onOpenSettings?: () => void;
+    /** When set, renders a back-arrow button (compact inbox returning to list) */
+    onBack?: () => void;
     className?: string;
 }
-declare function PatientHeader({ patientData, onOpenDicom, onOpenSettings, className, }: PatientHeaderProps): react_jsx_runtime.JSX.Element;
+declare function PatientHeader({ patientData, onOpenDicom, onOpenSettings, onBack, className, }: PatientHeaderProps): react_jsx_runtime.JSX.Element;
 
 interface MessageListHandle {
     /** Scroll to a specific message by ID (used by pin jump-to) */
@@ -736,18 +745,17 @@ interface MessageActionsMenuProps {
     onCopy?: (text: string) => void;
     /** Whether we've hit the pin limit — if true, pin is disabled */
     pinDisabled?: boolean;
-    /** Anchor the popover to the left of the trigger (use for own bubbles) */
+    /** Anchor the popover to the right edge of the trigger (use for messages on the left side of the panel) */
     anchorRight?: boolean;
     className?: string;
 }
 /**
- * Self-contained "⋯" trigger + popover for per-message actions. Replaces
- * the previous hover-only floating menu so touch users (and anyone with
- * a non-pointer device) can reach Reply / Pin / Copy.
+ * Self-contained "⋯" trigger + popover for per-message actions. The menu is
+ * rendered into a portal on document.body and positioned via getBoundingClientRect,
+ * so it escapes any ancestor overflow:hidden (the floating CollabPopup
+ * container) and flips above the trigger when there's no room below.
  *
- * Menu rows are icon + text so the affordance reads cold; the trigger is
- * a 36px tap target. Closes on outside-click, Escape, or after selecting
- * an action.
+ * Closes on outside-click, Escape, window resize, or scroll outside the menu.
  */
 declare function MessageActionsMenu({ message, onReply, onPin, onUnpin, onCopy, pinDisabled, anchorRight, className, }: MessageActionsMenuProps): react_jsx_runtime.JSX.Element;
 

package/dist/index.d.ts

@@ -141,9 +141,9 @@ interface Message {
 interface SendMessagePayload {
     body: string;
     type: MessageType;
-    mediaUrl?: string;
-    mediaDuration?: number;
-    fileName?: string;
+    media_url?: string;
+    media_duration?: number;
+    file_name?: string;
     metadata?: Record<string, unknown>;
     /** ID of message being replied to (snapshot is built server-side) */
     replyToId?: string;
@@ -178,6 +178,11 @@ interface CollabPanelProps {
     participantIds?: string[];
     /** Show "seen by" indicator under own messages (default true) */
     showSeenBy?: boolean;
+    /**
+     * When set, the header renders a back-arrow button (used by CollabInbox in
+     * its compact / single-pane layout to return to the conversation list).
+     */
+    onBack?: () => void;
     /** Custom class name for the outer container */
     className?: string;
     /** Custom inline styles for the outer container */
@@ -187,7 +192,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, className, style, }: CollabPanelProps): react_jsx_runtime.JSX.Element;
+declare function CollabPanel({ orderId, patientData, participantIds, showSeenBy, onBack, className, style, }: CollabPanelProps): react_jsx_runtime.JSX.Element;
 
 interface CollabPopupProps {
     /** Order ID for this conversation */
@@ -200,6 +205,8 @@ interface CollabPopupProps {
     isOpen: boolean;
     /** Close the popup */
     onClose: () => void;
+    /** Optional back navigation — renders a ← button in the title bar when provided */
+    onBack?: () => void;
     /** Initial position (defaults to bottom-right) */
     initialPosition?: {
         x: number;
@@ -215,7 +222,7 @@ interface CollabPopupProps {
  * Draggable floating chat popup — drop-in replacement for DraggableChatPopup.
  * Renders a CollabPanel inside a movable, resizable container.
  */
-declare function CollabPopup({ orderId, patientData, participantIds, isOpen, onClose, initialPosition, width, height, className, }: CollabPopupProps): react_jsx_runtime.JSX.Element | null;
+declare function CollabPopup({ orderId, patientData, participantIds, isOpen, onClose, onBack, initialPosition, width, height, className, }: CollabPopupProps): react_jsx_runtime.JSX.Element | null;
 
 interface CollabInlineProps {
     orderId: string;
@@ -659,9 +666,11 @@ interface PatientHeaderProps {
     participants: Participant[];
     onOpenDicom?: () => void;
     onOpenSettings?: () => void;
+    /** When set, renders a back-arrow button (compact inbox returning to list) */
+    onBack?: () => void;
     className?: string;
 }
-declare function PatientHeader({ patientData, onOpenDicom, onOpenSettings, className, }: PatientHeaderProps): react_jsx_runtime.JSX.Element;
+declare function PatientHeader({ patientData, onOpenDicom, onOpenSettings, onBack, className, }: PatientHeaderProps): react_jsx_runtime.JSX.Element;
 
 interface MessageListHandle {
     /** Scroll to a specific message by ID (used by pin jump-to) */
@@ -736,18 +745,17 @@ interface MessageActionsMenuProps {
     onCopy?: (text: string) => void;
     /** Whether we've hit the pin limit — if true, pin is disabled */
     pinDisabled?: boolean;
-    /** Anchor the popover to the left of the trigger (use for own bubbles) */
+    /** Anchor the popover to the right edge of the trigger (use for messages on the left side of the panel) */
     anchorRight?: boolean;
     className?: string;
 }
 /**
- * Self-contained "⋯" trigger + popover for per-message actions. Replaces
- * the previous hover-only floating menu so touch users (and anyone with
- * a non-pointer device) can reach Reply / Pin / Copy.
+ * Self-contained "⋯" trigger + popover for per-message actions. The menu is
+ * rendered into a portal on document.body and positioned via getBoundingClientRect,
+ * so it escapes any ancestor overflow:hidden (the floating CollabPopup
+ * container) and flips above the trigger when there's no room below.
  *
- * Menu rows are icon + text so the affordance reads cold; the trigger is
- * a 36px tap target. Closes on outside-click, Escape, or after selecting
- * an action.
+ * Closes on outside-click, Escape, window resize, or scroll outside the menu.
  */
 declare function MessageActionsMenu({ message, onReply, onPin, onUnpin, onCopy, pinDisabled, anchorRight, className, }: MessageActionsMenuProps): react_jsx_runtime.JSX.Element;