@ethora/chat-component 26.9.8 → 26.10.1

package/dist/{VisibilityModal-zIAV6dAP.js → VisibilityModal-CIl7rkBM.js}

@@ -1,7 +1,7 @@
 import { jsxs as r, jsx as s } from "react/jsx-runtime";
 import { useState as b, useEffect as x } from "react";
-import { x as o, a as L, p as N, u as P, aM as D, aN as z } from "./main-BnLtessp.js";
-import { S as I, D as C, a as $, b as k, e as w, f as p } from "./SideDrawer-CDAoobvX.js";
+import { E as o, a as L, x as P, u as R, aR as D, aS as z } from "./main-CUB_w8AZ.js";
+import { S as I, D as C, a as $, b as k, e as S, f as p } from "./SideDrawer-CQPOf0ek.js";
 o.div``;
 o.div`
   font-size: 16px;
@@ -13,7 +13,7 @@ o.p`
   color: var(--ethora-color-text-muted, #6b7280);
   margin-bottom: 32px;
 `;
-const O = o.div`
+const w = o.div`
   display: flex;
   flex-direction: column;
   gap: 6px;
@@ -25,7 +25,7 @@ const O = o.div`
 `, u = o.input`
   accent-color: ${({ $radioColor: i }) => i || "var(--ethora-color-primary, #0052CD)"};
   margin: 0px;
-`, M = o.div`
+`, N = o.div`
   padding: 10px 15px;
   margin-top: 16px;
   color: ${({ type: i }) => i === "success" ? "#10b981" : "#ef4444"};
@@ -39,12 +39,12 @@ const O = o.div`
     background: ${({ type: i }) => i === "success" ? "rgba(16, 185, 129, 0.15)" : "rgba(242, 118, 107, 0.15)"};
     border-color: ${({ type: i }) => i === "success" ? "var(--ethora-color-success, #10b981)" : "var(--ethora-color-danger, #ef4444)"};
   }
-`, B = ({
+`, M = ({
   handleCloseModal: i
 }) => {
-  const S = L(), e = N(), { user: n, config: l } = P(
+  const O = L(), e = P(), { user: n, config: l } = R(
     (t) => t.chatSettingStore
-  ), g = (t) => S(z(t)), [a, m] = b(n?.isProfileOpen), [c, v] = b(n?.isAssetsOpen), [f, y] = b(null), d = (t, A) => {
+  ), g = (t) => O(z(t)), [a, m] = b(n?.isProfileOpen), [c, v] = b(n?.isAssetsOpen), [f, y] = b(null), d = (t, A) => {
     y({ message: t, type: A }), setTimeout(() => y(null), 3e3);
   };
   return x(() => {
@@ -64,7 +64,7 @@ const O = o.div`
       children: [
         /* @__PURE__ */ r(C, { children: [
           /* @__PURE__ */ s($, { children: e("settings.visibility.profileLabel") }),
-          /* @__PURE__ */ s(k, { children: /* @__PURE__ */ s(w, { children: /* @__PURE__ */ r(O, { children: [
+          /* @__PURE__ */ s(k, { children: /* @__PURE__ */ s(S, { children: /* @__PURE__ */ r(w, { children: [
             /* @__PURE__ */ r(h, { children: [
               /* @__PURE__ */ s(
                 u,
@@ -97,7 +97,7 @@ const O = o.div`
         ] }),
         /* @__PURE__ */ r(C, { children: [
           /* @__PURE__ */ s($, { children: e("settings.visibility.documentsLabel") }),
-          /* @__PURE__ */ s(k, { children: /* @__PURE__ */ s(w, { children: /* @__PURE__ */ r(O, { children: [
+          /* @__PURE__ */ s(k, { children: /* @__PURE__ */ s(S, { children: /* @__PURE__ */ r(w, { children: [
             /* @__PURE__ */ r(h, { children: [
               /* @__PURE__ */ s(
                 u,
@@ -128,11 +128,11 @@ const O = o.div`
             /* @__PURE__ */ s(p, { children: e("settings.visibility.individualDescription") })
           ] }) }) })
         ] }),
-        f && /* @__PURE__ */ s(M, { type: f.type, children: f.message })
+        f && /* @__PURE__ */ s(N, { type: f.type, children: f.message })
       ]
     }
   );
 };
 export {
-  B as default
+  M as default
 };

package/dist/assets/icons.d.ts

@@ -148,10 +148,9 @@ export declare const InSendingIcon: ({ fill, color, ...props }: {
     fill?: string;
     color?: string;
 }) => import("react/jsx-runtime").JSX.Element;
-export declare const DoubleTick: ({ fill, color, ...props }: {
+export declare const DoubleTick: ({ stroke, ...props }: {
     [x: string]: any;
-    fill?: string;
-    color?: string;
+    stroke?: string;
 }) => import("react/jsx-runtime").JSX.Element;
 export declare const RedCross: ({ color, ...props }: {
     [x: string]: any;

package/dist/components/Files/fileCategory.d.ts

@@ -7,7 +7,9 @@ export type FileCategory = 'media' | 'documents' | 'audio';
  * with thumbnails); audio/* gets its own chip; everything else falls back
  * to "Documents".
  */
-export declare function getFileCategory(mimetype?: string | null): FileCategory;
-export declare function isPreviewable(file: Pick<ApiFile, 'mimetype'>): boolean;
+export declare function getFileCategory(mimetype?: string | null, name?: string | null): FileCategory;
+export declare function isPreviewable(file: Pick<ApiFile, 'mimetype'> & {
+    originalname?: string;
+}): boolean;
 /** Human-readable byte size, e.g. formatBytes(1536) -> "1.5 KB". */
 export declare function formatBytes(bytes?: number | null): string;

package/dist/components/MainComponents/AlbumGrid.d.ts

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+import { IAttachment, ModalFile } from '../../types/types';
+export interface AlbumGridItem {
+    attachment: IAttachment;
+    /** Position in the message's `attachments`, used for retry. */
+    index: number;
+}
+interface AlbumGridProps {
+    items: AlbumGridItem[];
+    /** Called with the failed tile's index when the user asks to retry it. */
+    onRetry?: (index: number) => void;
+    /** Who posted the album and when, handed to the viewer header. */
+    sender?: ModalFile['sender'];
+    date?: string;
+}
+/**
+ * Photo/video album for a message with several media files. Layout comes
+ * from getAlbumLayout; a tile tap opens that file in the preview modal, and
+ * a tile still in flight or failed shows its state over the thumbnail.
+ */
+declare const AlbumGrid: React.FC<AlbumGridProps>;
+export default AlbumGrid;

package/dist/components/MainComponents/AttachmentList.d.ts

@@ -1,12 +1,12 @@
 import { default as React } from 'react';
-import { IAttachment } from '../../types/types';
+import { IAttachment, ModalFile } from '../../types/types';
 interface AttachmentListProps {
     attachments: IAttachment[];
-    /** See CustomMessageImage's `onUnavailable` - only wired to the full-width
-     * single-image renderer (AttachmentRow), not the multi-file grid tiles,
-     * since one dead thumbnail there shouldn't tombstone a message that still
-     * has other live attachments. */
-    onUnavailable?: () => void;
+    /** Re-sends the file at this index of `attachments` after a failed upload. */
+    onRetryAttachment?: (index: number) => void;
+    /** Who posted the message and when; the viewer header shows both. */
+    sender?: ModalFile['sender'];
+    date?: string;
 }
 declare const AttachmentList: React.FC<AttachmentListProps>;
 export default AttachmentList;

package/dist/components/MainComponents/ImageUnavailable.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+export interface ImageUnavailableArtProps {
+    /** Rendered width and height in CSS pixels. The viewBox scales crisply. */
+    size?: number;
+}
+export declare const ImageUnavailableArt: React.FC<ImageUnavailableArtProps>;
+export interface ImageUnavailableStateProps {
+    /**
+     * Compact: the glyph only, about 28px, for album grid tiles. Full: the
+     * illustration, the caption and a hint, for a solo bubble or the viewer.
+     */
+    compact?: boolean;
+    /**
+     * Shows a "Try again" action. The picture sits inside the bubble's open
+     * button, so the action is a span with button semantics, not a <button>.
+     */
+    onRetry?: () => void;
+}
+/** Self-contained "could not load" state that fills its positioned parent. */
+export declare const ImageUnavailableState: React.FC<ImageUnavailableStateProps>;
+export default ImageUnavailableState;

package/dist/components/MainComponents/MediaUploadOverlay.d.ts

@@ -0,0 +1,31 @@
+import { default as React } from 'react';
+/** How long the scrim takes to fade once the upload is done. */
+export declare const SCRIM_FADE_MS = 180;
+/** The circular-arrow retry mark, shared by the failed tile and the "+N" badge. */
+export declare const RetryIcon: React.FC<{
+    size?: number;
+}>;
+/**
+ * Thin circular progress ring. The SVG is a fixed 40px square with a
+ * viewBox, so it can never stretch; the arc is drawn by moving the dash
+ * offset from the full circumference (empty) down to zero (complete).
+ */
+export declare const ProgressRing: React.FC<{
+    percent: number;
+    children?: React.ReactNode;
+}>;
+interface MediaUploadOverlayProps {
+    /** `uploading` covers "waiting for the siblings" too; `failed` is a retry prompt. */
+    status: 'uploading' | 'failed';
+    progress?: number;
+    /** Upload is done: fade the scrim out instead of leaving it up. */
+    leaving?: boolean;
+}
+/**
+ * State layer over an outgoing attachment: a frosted scrim with a progress
+ * ring while it goes up, and a tinted scrim with a retry glyph once it has
+ * failed. The parent owns the click, so this stays pointer-transparent and
+ * can sit inside a button without nesting interactive elements.
+ */
+export declare const MediaUploadOverlay: React.FC<MediaUploadOverlayProps>;
+export default MediaUploadOverlay;

package/dist/components/MainComponents/MessageContainer.d.ts

@@ -6,6 +6,7 @@ interface MessageContainerProps {
         isUser: boolean;
         $isUser?: boolean;
         isReply: boolean;
+        isLastInGroup?: boolean;
     }>;
     message: IMessage;
     activeMessage: IMessage;
@@ -13,6 +14,8 @@ interface MessageContainerProps {
     xmppUsername: string;
     isReply: boolean;
     showDateLabel: boolean;
+    /** False when the next row is the same sender's message (a run continues). */
+    isLastInGroup?: boolean;
     className?: string;
 }
 export declare const MessageContainer: React.NamedExoticComponent<MessageContainerProps>;

package/dist/components/MessageBubble/MediaCaption.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { MentionClickHandler } from '../../helpers/parseMessageBody';
+interface MediaCaptionProps {
+    /** The message: its caption, or the text a legacy sender put in `body`. */
+    message: object;
+    onMentionClick?: MentionClickHandler;
+}
+declare const MediaCaption: React.FC<MediaCaptionProps>;
+export default MediaCaption;

package/dist/components/MessageBubble/MessageAvatarPhoto.d.ts

@@ -0,0 +1,17 @@
+import { default as React, CSSProperties } from 'react';
+interface MessageAvatarPhotoProps {
+    /** Sender photo URL; empty renders the initials circle alone. */
+    src?: string | null;
+    /** Display name, used for the initials. */
+    username?: string;
+    style?: CSSProperties;
+}
+/**
+ * Sender avatar in a message bubble. The initials circle is always rendered
+ * (no layout shift, nothing waits on the network); the photo is layered over
+ * it and faded in once it has loaded. A photo that fails to load leaves the
+ * initials, where the old bare <img> showed a broken-image glyph. A sender
+ * with many bubbles shares one load through useAvatarImage's cache.
+ */
+export declare const MessageAvatarPhoto: React.FC<MessageAvatarPhotoProps>;
+export {};

package/dist/components/MessageBubble/MessageReaction.d.ts

@@ -5,6 +5,12 @@ interface MessageReactionProps {
     reaction: Record<string, ReactionMessage>;
     changeReaction: (reaction: string) => void;
     userName?: string;
+    /**
+     * Reports how far the chip rows hang below the bubble's bottom edge, in px,
+     * whenever their rendered height changes (one row hangs REACTION_HANG_PX).
+     * The message row uses it to reserve room for every wrapped row.
+     */
+    onHangChange?: (hangPx: number) => void;
 }
 export declare const MessageReaction: FC<MessageReactionProps>;
 export {};

package/dist/components/MessageBubble/QuickReplies.d.ts

@@ -1,9 +1,11 @@
 import { default as React } from 'react';
 import { QuickReply } from '../../helpers/quickReplies';
+import { ChatColorScheme } from '../../types/types';
 interface QuickRepliesProps {
     replies: QuickReply[];
     messageId: string;
     accentColor?: string;
+    colorScheme?: ChatColorScheme;
     /** Already answered - the chips are gone for good. */
     answered?: boolean;
     onSelect: (reply: QuickReply, questionId: string) => void;

package/dist/components/Modals/FilePreviewModal/FilePreviewModal.d.ts

@@ -7,17 +7,15 @@ interface FilePreviewModalProps {
  *
  * Images get a real lightbox: previous/next across every image loaded for
  * the room (see helpers/roomImageGallery for exactly what that set is),
- * wheel/pinch zoom with bounded panning, double-click/double-tap to toggle
- * fit, arrow-key and swipe navigation. Video, PDF and unsupported files take
- * the same paths they always did and get no navigation chrome, so opening a
- * PDF is the experience it was before.
+ * a thumbnail strip, wheel/pinch zoom with bounded panning, double-click or
+ * double-tap to toggle fit, arrow and swipe navigation, and a blurred
+ * low-resolution stand-in while the full picture loads. Video, audio, PDF and
+ * other files each get their own view; none of them get gallery chrome.
  *
- * Escape, initial focus and focus restore are NOT handled here: the modal
- * layer (Modals/Modal/Modal.tsx) already runs `useModalDismiss` around every
- * entry in MODAL_COMPONENTS, this one included. Adding a second Escape
- * listener would double-handle the key and fight that hook's focus restore,
- * so the only key listener below is for the arrows, and it explicitly leaves
- * every other key (Escape included) alone.
+ * Escape and initial focus are handled by useModalDismiss at the modal layer
+ * (Modals/Modal/ModalContent.tsx), which also restores focus to the opener on
+ * close. This component adds the Tab trap and the arrow and zoom keys, and it
+ * leaves Escape alone so the key is not handled twice.
  */
 declare const FilePreviewModal: React.FC<FilePreviewModalProps>;
 export default FilePreviewModal;

package/dist/components/Modals/FilePreviewModal/ImageLightbox.d.ts

@@ -11,6 +11,10 @@ export interface ImageLightboxHandle {
 interface ImageLightboxProps {
     src: string;
     alt: string;
+    /** Low-res stand-in painted blurred until `src` has loaded. */
+    previewSrc?: string;
+    /** Visually hidden label for the loading spinner (screen readers). */
+    loadingLabel?: string;
     /** Swipe (touch) navigation; also used to report gesture direction. */
     onSwipeLeft?: () => void;
     onSwipeRight?: () => void;

package/dist/components/Modals/FilePreviewModal/PdfView.d.ts

@@ -10,6 +10,10 @@ interface PdfViewerProps {
  * opened was handed to a third-party host - and broke outright whenever that
  * page changed or was unreachable. Rendering locally keeps the file URL
  * inside the app and works offline-ish (the PDF itself still has to load).
+ *
+ * All pages stack in one scroll container. Every page has a placeholder sized
+ * from its real aspect, but only the few near the viewport render a canvas,
+ * so a 200-page document costs about as much as a 7-page one.
  */
 declare const PdfViewer: React.FC<PdfViewerProps>;
 export default PdfViewer;

package/dist/components/Modals/FilePreviewModal/ViewerChrome.d.ts

@@ -0,0 +1,64 @@
+import { default as React } from 'react';
+export declare const VIEWER_TEXT = "#f5f7fa";
+export declare const VIEWER_MUTED = "rgba(245, 247, 250, 0.68)";
+export declare const VIEWER_SURFACE = "rgba(255, 255, 255, 0.08)";
+export declare const VIEWER_SURFACE_HOVER = "rgba(255, 255, 255, 0.18)";
+export declare const ViewerSurface: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $closing: boolean;
+}>> & string;
+export declare const TopBar: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
+export declare const TopIdentity: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SenderText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SenderName: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const SubLine: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const ActionGroup: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const IconButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const Stage: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const MediaFrame: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $fit: "media" | "content";
+}>> & string;
+export declare const NavButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $side: "left" | "right";
+}>> & string;
+export declare const BottomBar: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ThumbStrip: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Thumb: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $active: boolean;
+}>> & string;
+export declare const ThumbImage: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;
+/** Small play triangle over a video's thumbnail. */
+export declare const ThumbPlayBadge: () => import("react/jsx-runtime").JSX.Element;
+/** Stand-in thumbnail for a video that has no poster image. */
+export declare const ThumbVideoGlyph: () => import("react/jsx-runtime").JSX.Element;
+export declare const ControlRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Counter: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const ZoomGroup: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+interface ErrorPanelProps {
+    onRetry: () => void;
+    onDownload: () => void;
+}
+/** Shown in place of an image that cannot be loaded. No remote fallback image. */
+export declare const ErrorPanel: React.FC<ErrorPanelProps>;
+interface FileCardProps {
+    fileName: string;
+    unsupportedText: string;
+    onDownload: () => void;
+}
+/** Large card for files the viewer cannot render (anything but image/video/audio/PDF). */
+export declare const FileCard: React.FC<FileCardProps>;
+interface AudioCardProps {
+    fileName: string;
+    src: string;
+}
+/** Audio gets a native player inside a card, so it reads as a clip, not a broken image. */
+export declare const AudioCard: React.FC<AudioCardProps>;
+export declare const ExternalLinkGlyph: () => import("react/jsx-runtime").JSX.Element;
+export declare const RetryGlyph: () => import("react/jsx-runtime").JSX.Element;
+export declare const DownloadGlyph: () => import("react/jsx-runtime").JSX.Element;
+export declare const FileGlyph: () => import("react/jsx-runtime").JSX.Element;
+export declare const AudioGlyph: () => import("react/jsx-runtime").JSX.Element;
+/** Format a message timestamp for the viewer header; empty when unknown. */
+export declare const formatViewerDate: (iso?: string) => string;
+/** Returns the URL with a retry marker, so a retry is not served from the failed cache entry. */
+export declare const withRetryMarker: (url: string, attempt: number) => string;
+export {};

package/dist/components/RoomComponents/LastMessageItem.d.ts

@@ -2,6 +2,8 @@ import { FC } from 'react';
 import { LastMessage } from '../../types/types';
 interface LastMessageItemProps {
     lastMessage: LastMessage;
+    /** The room is end-to-end encrypted: media shows an icon and label only. */
+    sealed?: boolean;
 }
 declare const LastMessageItem: FC<LastMessageItemProps>;
 export default LastMessageItem;

package/dist/components/RoomComponents/styled/LastMessageMedia.d.ts

@@ -0,0 +1,19 @@
+import { FC } from 'react';
+import { MediaPreview } from '../../../helpers/lastMessagePreview';
+/** Edge of the thumbnail tile, and so the height of a thumbnail row. */
+export declare const MEDIA_THUMB_PX = 18;
+interface LastMessageMediaProps {
+    preview: MediaPreview;
+    /** Sender line, already resolved by ChatRoomItem; empty omits it. */
+    name?: string;
+}
+/**
+ * Room-list preview for a media last message: a thumbnail (images, videos
+ * with a poster) or an inline icon, then a localized label. Thumbnails come
+ * from the message's own preview URL only, with the viewer's file token
+ * appended; a thumbnail that fails (a secure URL that 404s, an expired
+ * token) drops to the icon instead of a broken image, and nothing is ever
+ * fetched from a placeholder host.
+ */
+declare const LastMessageMedia: FC<LastMessageMediaProps>;
+export default LastMessageMedia;

package/dist/components/RoomComponents/styled/LastTextMessage.d.ts

@@ -1,6 +1,6 @@
 import { FC } from 'react';
 import { LastMessage } from '../../../types/types';
-interface LastMessageEmojiProps extends Pick<LastMessage, 'user' | 'body'> {
+interface LastTextMessageProps extends Pick<LastMessage, 'user' | 'body'> {
 }
-declare const LastTextMessage: FC<LastMessageEmojiProps>;
+declare const LastTextMessage: FC<LastTextMessageProps>;
 export default LastTextMessage;

package/dist/components/RoomComponents/styled/StyledRoomComponents.d.ts

@@ -1,9 +1,16 @@
 import { default as React } from 'react';
+export declare const PREVIEW_NAME_PX = 16;
+export declare const PREVIEW_LINE_PX = 18;
+export declare const PREVIEW_BLOCK_MIN_PX: number;
 export declare const LastRoomMessageContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const LastRoomMessageName: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const LastRoomMessageName: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const LastRoomMessageText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-/** Thumbnail/icon + label for a media preview, flowing in the same line. */
-export declare const LastRoomMessageMedia: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+/** Line 2 when it carries an icon or thumbnail next to its label. */
+export declare const LastRoomMessageLine: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+/** Thumbnail/icon + label for a media preview, on the message line. */
+export declare const LastRoomMessageMedia: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
+    ref?: React.Ref<HTMLDivElement>;
+}, never>> & string;
 export declare const NewMessageMarker: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const LastMessageImg: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;
 export declare const ShadeWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/VideoCalls/VideoCallSession.d.ts

@@ -20,6 +20,19 @@ interface VideoCallSessionProps {
     onConnected?: () => void;
     onError?: (message: string) => void;
     onHangup: () => void;
+    /** Request end-to-end encryption of the media for this call. */
+    e2ee?: boolean;
+    /** The shared media key (base64), delivered over OMEMO. May arrive late. */
+    e2eeKey?: string | null;
+    /** Host-supplied factory for the LiveKit E2EE worker (see VideoCallsConfig). */
+    e2eeWorkerFactory?: () => Worker;
+    /**
+     * A remote participant just joined the LiveKit room. The key owner uses this
+     * to re-send the E2EE media key over OMEMO: the newcomer is online now, so a
+     * peer who missed the ephemeral key at call start (e.g. woken by push) still
+     * receives it. See VideoCallOverlay.
+     */
+    onParticipantJoined?: () => void;
 }
 export declare const VideoCallSession: React.FC<VideoCallSessionProps>;
 export {};

package/dist/components/styled/FileCard.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+export interface FileCardProps {
+    /** Full file name; the card truncates it with an ellipsis. */
+    name: string;
+    /** Short parts shown under the name, joined with a middle dot. */
+    meta: Array<string | undefined>;
+    icon: React.ReactNode;
+    tone?: 'pdf' | 'neutral';
+    compact?: boolean;
+    onOpen: () => void;
+    title?: string;
+    'aria-label'?: string;
+}
+/**
+ * A file that is not an image or video: a tile with the type glyph, the name
+ * with an ellipsis, a small meta line and a download affordance. One click
+ * opens the file in the preview modal.
+ */
+declare const FileCard: React.ForwardRefExoticComponent<FileCardProps & React.RefAttributes<HTMLButtonElement>>;
+export default FileCard;

package/dist/components/styled/MediaSurface.d.ts

@@ -0,0 +1,50 @@
+import { default as React } from 'react';
+/** Frosted circle with a play triangle, centred on a video. */
+export declare const PlayBadge: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const DurationChip: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+/** Small "GIF" pill, bottom-left, on an animated picture. */
+export declare const GifChip: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export interface MediaSurfaceProps {
+    kind: 'image' | 'video';
+    /** Full-resolution URL. Empty while an outgoing upload has no URL yet. */
+    src: string;
+    /** Low-resolution preview, shown blurred until `src` has loaded. */
+    previewSrc?: string;
+    alt: string;
+    /** `fill` covers its positioned parent (album tile); `solo` sizes itself. */
+    variant: 'fill' | 'solo';
+    /** Natural size recorded on the attachment, when the storage kept it. */
+    dims?: {
+        width?: unknown;
+        height?: unknown;
+    };
+    /** Duration in seconds, shown as a chip on videos. */
+    duration?: string;
+    /** Outgoing upload: shimmer while the URL is pending. */
+    pending?: boolean;
+    /** CSS border-radius for the stage (per corner for album tiles). */
+    radius?: string;
+    /** Solo only: opens the preview. Omit for tiles, which own the click. */
+    onOpen?: () => void;
+    /** The opener exists but cannot act yet (no file URL): keeps the element tree stable. */
+    openDisabled?: boolean;
+    /** Clickable item: zoom cursor and hover zoom. Defaults to `Boolean(onOpen)`. */
+    interactive?: boolean;
+    /** Blur and dim the picture, used behind the "+N" count. */
+    blurred?: boolean;
+    /** MIME type of the file; `image/gif` makes the picture animate in place. */
+    mimetype?: string;
+    /** Show the play badge and duration chip on videos. Defaults to true. */
+    chrome?: boolean;
+    /** Sender's own picture (blob URL): shown sharp and at once, ahead of `src`. */
+    localSrc?: string;
+    /** 0 to 100 download progress of `src`, when known; otherwise a quiet sweep. */
+    loadProgress?: number;
+}
+/**
+ * The in-bubble picture of one media file: a shimmer while it loads, the
+ * preview blurred until the full file is decoded, a 180ms fade to the real
+ * image, and a self-contained unavailable state when it cannot be shown.
+ */
+declare const MediaSurface: React.FC<MediaSurfaceProps>;
+export default MediaSurface;

package/dist/components/styled/MessageImage.d.ts

@@ -4,16 +4,15 @@ interface CustomMessageImageProps {
     fileName: string;
     mimetype: string;
     locationPreview?: string;
-    /**
-     * Called only once the server itself says the file is gone (404/410),
-     * not merely when the <img> failed to load. The only known cause in
-     * practice is the file having been deleted from the Files panel without
-     * a matching message found locally to tombstone up front (see
-     * FilesPanel.tsx's handleDelete) - the caller uses this to flip the
-     * message to the normal "deleted" placeholder instead of leaving this
-     * broken-image card on screen.
-     */
-    onUnavailable?: () => void;
+    /** Natural size from the attachment, when the storage kept it. */
+    width?: number;
+    height?: number;
+    /** Sender's own blob URL, shown at once while the server copy loads. */
+    localUrl?: string;
 }
+/**
+ * A single picture in a bubble: its natural aspect ratio, sized to the
+ * pane's shared media width. A click opens the preview modal at this file.
+ */
 declare const CustomMessageImage: React.FC<CustomMessageImageProps>;
 export default CustomMessageImage;

package/dist/components/styled/SendInput.d.ts

@@ -1,12 +1,15 @@
 import { default as React } from 'react';
 import { IConfig, IMentionSpan } from '../../types/types';
+import { CaptionInput } from '../../helpers/caption';
 export interface SendInputProps {
     sendMessage: (message: string, mentions?: IMentionSpan[]) => void | Promise<void>;
     /**
      * Receives a `File[]` for picked attachments (one message, N files) and a
      * `Blob` for voice notes. Single files still arrive as a one-element array.
+     * Text typed with the files arrives as `caption` and is sent inside that
+     * same media message, so it can never land as a separate bubble.
      */
-    sendMedia: (data: File[] | File | Blob, type: string) => void | Promise<void>;
+    sendMedia: (data: File[] | File | Blob, type: string, caption?: CaptionInput) => void | boolean | Promise<void | boolean>;
     isLoading: boolean;
     editMessage?: string;
     config?: IConfig;
@@ -19,7 +22,7 @@ export interface SendInputProps {
     showPreview?: boolean;
     previewParser?: (text: string) => (string | JSX.Element)[];
     onSendMessage?: (message: string, mentions?: IMentionSpan[]) => void | Promise<void>;
-    onSendMedia?: (data: File[] | File | Blob, type: string) => void | Promise<void>;
+    onSendMedia?: (data: File[] | File | Blob, type: string, caption?: CaptionInput) => void | boolean | Promise<void | boolean>;
     placeholderText?: string;
     /** Disables the @-mention autocomplete (e.g. for a composer variant that
      * doesn't want it). Defaults to enabled. */
@@ -31,6 +34,13 @@ export interface SendInputProps {
      * live composers would otherwise overwrite each other's text.
      */
     disableDrafts?: boolean;
+    /**
+     * Take focus whenever the room list hands the composer a chat switch (a
+     * click on a room row, even one that is already open). Set on the main
+     * composer only: a second composer on the same screen must not steal focus.
+     * Mobile never requests it, so the keyboard does not pop up uninvited.
+     */
+    focusOnRoomSwitch?: boolean;
 }
 declare const SendInput: React.FC<SendInputProps>;
 export default SendInput;