@layers-app/shared 0.4.9 → 0.4.10

package/dist/components/AttachmentsGalleryModal/components/GallerySlide.js

@@ -1,49 +1,49 @@
-import { jsx as r, jsxs as C } from "react/jsx-runtime";
-import { memo as P } from "react";
-import { TransformWrapper as F, TransformComponent as T } from "react-zoom-pan-pinch";
-import { Box as a } from "@mantine/core";
+import { jsx as e, jsxs as g } from "react/jsx-runtime";
+import { memo as F } from "react";
+import { TransformWrapper as P, TransformComponent as T } from "react-zoom-pan-pinch";
+import { Box as l } from "@mantine/core";
 import { BaseLoader as U } from "../../Loaders/BaseLoader.js";
-import { AttachmentVideoPlayer as E } from "./AttachmentVideoPlayer.js";
+import { AttachmentVideoPlayer as b } from "./AttachmentVideoPlayer.js";
 import { TRANSFORM_COMPONENT_STYLES as d, ZOOM_CONFIG as s } from "../constants.js";
-import { useGetPreviewUrl as O } from "../hooks/useGetPreviewUrl.js";
-import { usePanning as b } from "../hooks/usePanning.js";
+import { useGetPreviewUrl as E } from "../hooks/useGetPreviewUrl.js";
+import { useDoubleClickZoom as O } from "../hooks/useDoubleClickZoom.js";
 import { ErrorSection as t } from "./ErrorSection.js";
 import { UnsupportedSection as x } from "./UnsupportedSection.js";
 import i from "../styles.module.css.js";
-const Z = P(
-  ({ onTransformed: N, attachment: e, isActive: p, ref: S }) => {
+const L = F(
+  ({ onTransformed: u, attachment: r, isActive: p, ref: N }) => {
     const {
-      isError: n,
-      setIsError: g,
+      isError: a,
+      setIsError: S,
       fileUrl: o,
-      isFetching: l,
-      isVideo: c,
-      isPdf: f,
-      isAudio: u,
-      isSupported: m
-    } = O(e), y = b({ isFetching: l, isVideo: c });
-    return c && !l && m ? /* @__PURE__ */ r("div", { style: d, children: /* @__PURE__ */ r(a, { className: i.videoContainer, children: /* @__PURE__ */ r(
-      E,
+      isFetching: m,
+      isVideo: y,
+      isPdf: c,
+      isAudio: f,
+      isSupported: n
+    } = E(r), C = O();
+    return y && !m && n ? /* @__PURE__ */ e("div", { style: d, children: /* @__PURE__ */ e(l, { className: i.videoContainer, children: /* @__PURE__ */ e(
+      b,
       {
         isActive: p,
         autoPlay: !1,
-        attachmentId: e.id
+        attachmentId: r.id
       }
-    ) }) }) : /* @__PURE__ */ r(
-      F,
+    ) }) }) : /* @__PURE__ */ e(
+      P,
       {
         panning: {
-          disabled: !0
+          velocityDisabled: !0
         },
-        onTransformed: N,
+        onTransformed: u,
         initialScale: s.initialScale,
         minScale: s.minScale,
         maxScale: s.maxScale,
         limitToBounds: !0,
-        disabled: l || f || u || !m,
+        disabled: m || c || f || !n,
         disablePadding: !0,
         centerZoomedOut: !0,
-        ref: S,
+        ref: N,
         wheel: {
           disabled: !1,
           step: s.wheelStep
@@ -51,43 +51,43 @@ const Z = P(
         doubleClick: {
           disabled: !0
         },
-        children: /* @__PURE__ */ r(
+        children: /* @__PURE__ */ e(
           T,
           {
             wrapperStyle: d,
             contentStyle: d,
-            wrapperProps: y,
-            children: m ? l ? /* @__PURE__ */ r(U, {}) : f ? n || !(e?.Url || o) ? /* @__PURE__ */ r(t, {}) : /* @__PURE__ */ r(a, { className: i.pdfContainer, children: /* @__PURE__ */ r(
+            wrapperProps: C,
+            children: n ? m ? /* @__PURE__ */ e(U, {}) : c ? a || !(r?.Url || o) ? /* @__PURE__ */ e(t, {}) : /* @__PURE__ */ e(l, { className: i.pdfContainer, children: /* @__PURE__ */ e(
               "iframe",
               {
-                title: e.originalFileName || "pdf",
-                src: e?.Url ?? o ?? "",
+                title: r.originalFileName || "pdf",
+                src: r?.Url ?? o ?? "",
                 className: i.pdfFrame
               }
-            ) }) : u ? n || !(e?.Url || o) ? /* @__PURE__ */ r(t, {}) : /* @__PURE__ */ C(a, { className: i.audioContainer, children: [
-              /* @__PURE__ */ r(a, { className: i.audioName, children: e.originalFileName || "audio" }),
-              /* @__PURE__ */ r(
+            ) }) : f ? a || !(r?.Url || o) ? /* @__PURE__ */ e(t, {}) : /* @__PURE__ */ g(l, { className: i.audioContainer, children: [
+              /* @__PURE__ */ e(l, { className: i.audioName, children: r.originalFileName || "audio" }),
+              /* @__PURE__ */ e(
                 "audio",
                 {
-                  src: e?.Url ?? o ?? "",
+                  src: r?.Url ?? o ?? "",
                   controls: !0,
                   autoPlay: p,
                   className: i.audioElement
                 }
               )
-            ] }) : n ? /* @__PURE__ */ r(t, {}) : /* @__PURE__ */ r(
+            ] }) : a ? /* @__PURE__ */ e(t, {}) : /* @__PURE__ */ e(
               "img",
               {
-                onError: () => g(!0),
-                alt: e.originalFileName || "file",
+                onError: () => S(!0),
+                alt: r.originalFileName || "file",
                 className: i.imageContainer,
-                src: e?.Url ?? o ?? ""
+                src: r?.Url ?? o ?? ""
               }
-            ) : /* @__PURE__ */ r(
+            ) : /* @__PURE__ */ e(
               x,
               {
-                filename: e.originalFileName,
-                contentType: e.contentType
+                filename: r.originalFileName,
+                contentType: r.contentType
               }
             )
           }
@@ -97,5 +97,5 @@ const Z = P(
   }
 );
 export {
-  Z as GallerySlide
+  L as GallerySlide
 };

package/dist/components/AttachmentsGalleryModal/components/ModalHeader.d.ts

@@ -2,7 +2,8 @@ import { IFileResponse } from '../../../types/files';
 interface ModalHeaderProps {
     onClose: () => void;
     attachments?: IFileResponse[];
+    allowDownload?: boolean;
 }
-export declare const ModalHeader: import("react").MemoExoticComponent<({ onClose, attachments }: ModalHeaderProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const ModalHeader: import("react").MemoExoticComponent<({ onClose, attachments, allowDownload }: ModalHeaderProps) => import("react/jsx-runtime").JSX.Element>;
 export {};
 //# sourceMappingURL=ModalHeader.d.ts.map

package/dist/components/AttachmentsGalleryModal/components/ModalHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachmentsGalleryModal/components/ModalHeader.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAWrD,UAAU,gBAAgB;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,aAAa,EAAE,CAAC;CAC/B;AAED,eAAO,MAAM,WAAW,iEACK,gBAAgB,6CAiN5C,CAAC"}
+{"version":3,"file":"ModalHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachmentsGalleryModal/components/ModalHeader.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAYrD,UAAU,gBAAgB;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,aAAa,EAAE,CAAC;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,eAAO,MAAM,WAAW,gFAC2B,gBAAgB,6CAuNlE,CAAC"}

package/dist/components/AttachmentsGalleryModal/components/ModalHeader.js

@@ -1,52 +1,53 @@
-import { jsxs as r, Fragment as P, jsx as e } from "react/jsx-runtime";
-import { memo as V, useRef as O, useState as Z, useMemo as j } from "react";
-import { useTranslation as x } from "react-i18next";
-import { Box as B, Tooltip as a, ActionIcon as n, Flex as m, Text as h, Loader as E } from "@mantine/core";
-import { IconDownload as A, IconMinus as U, IconPlus as G, IconSettings as H, IconX as K } from "@tabler/icons-react";
-import { getEnvConfig as L } from "../../../config/envConfig.js";
-import { getFileIcons as X } from "../../../helpers/getFileIcons.js";
-import { getFileType as q } from "../../../helpers/getFileType.js";
-import { createVideoSettingsDataSource as J } from "../../../videoSettings/createVideoSettingsDataSource.js";
-import { useAttachmentsGalleryContext as Q } from "../AttachmentsGalleryContext.js";
-import { getAttachmentFormat as W, zoomStep as S } from "../helpers.js";
-import { useDownloadFile as Y } from "../hooks/useDownloadFile.js";
-import { useZoomReset as _ } from "../hooks/useZoomReset.js";
-import { useAttachmentVideoStatus as $ } from "./useAttachmentVideoStatus.js";
+import { jsxs as r, Fragment as V, jsx as e } from "react/jsx-runtime";
+import { memo as O, useRef as Z, useState as j, useMemo as B } from "react";
+import { useTranslation as A } from "react-i18next";
+import { Box as E, Tooltip as a, ActionIcon as n, Flex as m, Text as u, Loader as U } from "@mantine/core";
+import { IconDownload as x, IconMinus as G, IconPlus as H, IconSettings as K, IconX as L } from "@tabler/icons-react";
+import { getEnvConfig as X } from "../../../config/envConfig.js";
+import { getFileIcons as q } from "../../../helpers/getFileIcons.js";
+import { getFileType as J } from "../../../helpers/getFileType.js";
+import { createVideoSettingsDataSource as Q } from "../../../videoSettings/createVideoSettingsDataSource.js";
+import { useAttachmentsGalleryContext as W } from "../AttachmentsGalleryContext.js";
+import { getAttachmentFormat as Y, zoomStep as C } from "../helpers.js";
+import { useDownloadFile as _ } from "../hooks/useDownloadFile.js";
+import { useZoomReset as $ } from "../hooks/useZoomReset.js";
+import { ArtifactStatusIndicators as ee } from "./ArtifactStatusIndicators.js";
+import { useAttachmentVideoStatus as te } from "./useAttachmentVideoStatus.js";
 import i from "../styles.module.css.js";
-import { VideoSettingsModal as ee } from "../../VideoPlayer/components/VideoSettingsModal/index.js";
-const be = V(
-  ({ onClose: C, attachments: I }) => {
-    _();
-    const { t: l } = x("ui"), { t: u } = x(), p = O(null), {
-      zoomPercentage: D,
-      transformRefs: f,
+import { VideoSettingsModal as oe } from "../../VideoPlayer/components/VideoSettingsModal/index.js";
+const ze = O(
+  ({ onClose: I, attachments: D, allowDownload: h = !0 }) => {
+    $();
+    const { t: s } = A("ui"), { t: p } = A(), f = Z(null), {
+      zoomPercentage: F,
+      transformRefs: b,
       selectedIndex: g,
-      videoRefreshKey: F,
+      videoRefreshKey: N,
       refreshVideo: c
-    } = Q(), t = I?.[g], b = t ? W(t) : null, { status: o } = $(
-      b?.isVideo ? t?.id : void 0,
-      F
-    ), s = o?.videoId ?? null, [N, v] = Z(!1), d = j(
-      () => s ? J(s, {
-        baseUrl: L().apiBaseUrl
+    } = W(), o = D?.[g], v = o ? Y(o) : null, { status: t } = te(
+      v?.isVideo ? o?.id : void 0,
+      N
+    ), l = t?.videoId ?? null, [R, w] = j(!1), d = B(
+      () => l ? Q(l, {
+        baseUrl: X().apiBaseUrl
       }) : null,
-      [s]
-    ), R = () => {
-      S({
-        animationRef: p,
+      [l]
+    ), k = () => {
+      C({
+        animationRef: f,
         dir: "in",
-        activeRef: f.current[g]
+        activeRef: b.current[g]
       });
-    }, k = () => {
-      S({
-        animationRef: p,
+    }, T = () => {
+      C({
+        animationRef: f,
         dir: "out",
-        activeRef: f.current[g]
+        activeRef: b.current[g]
       });
-    }, { isFetching: w, onDownload: z, isMobile: y } = Y(t), T = b?.isImage ?? !1;
-    return /* @__PURE__ */ r(P, { children: [
+    }, { isFetching: z, onDownload: S, isMobile: y } = _(o), M = v?.isImage ?? !1;
+    return /* @__PURE__ */ r(V, { children: [
       /* @__PURE__ */ r(
-        B,
+        E,
         {
           style: {
             borderRadius: 8,
@@ -60,41 +61,41 @@ const be = V(
           py: 8,
           bg: "var(--mantine-color-dark-6)",
           children: [
-            y ? /* @__PURE__ */ e(a, { withArrow: !0, label: l("gallery.download"), children: /* @__PURE__ */ e(
+            y ? h && /* @__PURE__ */ e(a, { withArrow: !0, label: s("gallery.download"), children: /* @__PURE__ */ e(
               n,
               {
                 className: i.headerAction,
                 size: "lg",
                 variant: "subtle",
-                loading: w,
-                onClick: z,
-                children: /* @__PURE__ */ e(A, { size: 20 })
+                loading: z,
+                onClick: S,
+                children: /* @__PURE__ */ e(x, { size: 20 })
               }
             ) }) : /* @__PURE__ */ r(m, { align: "center", gap: 8, ml: 6, miw: 0, children: [
-              t ? X(
-                q(
-                  t.contentType ?? "",
+              o ? q(
+                J(
+                  o.contentType ?? "",
                   !1,
-                  t.originalFileName
+                  o.originalFileName
                 ),
                 !1,
                 20
               ) : null,
-              /* @__PURE__ */ e(h, { fw: 500, fz: 14, c: "var(--app-gallary-text)", truncate: !0, children: t?.originalFileName || "" })
+              /* @__PURE__ */ e(u, { fw: 500, fz: 14, c: "var(--app-gallary-text)", truncate: !0, children: o?.originalFileName || "" })
             ] }),
-            T ? /* @__PURE__ */ r(m, { gap: "xs", children: [
-              /* @__PURE__ */ e(a, { withArrow: !0, label: l("gallery.zoomOut"), children: /* @__PURE__ */ e(
+            M ? /* @__PURE__ */ r(m, { gap: "xs", children: [
+              /* @__PURE__ */ e(a, { withArrow: !0, label: s("gallery.zoomOut"), children: /* @__PURE__ */ e(
                 n,
                 {
                   className: i.headerAction,
                   size: "lg",
                   variant: "subtle",
-                  onClick: k,
-                  children: /* @__PURE__ */ e(U, { size: 20 })
+                  onClick: T,
+                  children: /* @__PURE__ */ e(G, { size: 20 })
                 }
               ) }),
               /* @__PURE__ */ r(
-                h,
+                u,
                 {
                   fw: 500,
                   fz: 14,
@@ -102,83 +103,87 @@ const be = V(
                   miw: 50,
                   ta: "center",
                   children: [
-                    D,
+                    F,
                     "%"
                   ]
                 }
               ),
-              /* @__PURE__ */ e(a, { withArrow: !0, label: l("gallery.zoomIn"), children: /* @__PURE__ */ e(
+              /* @__PURE__ */ e(a, { withArrow: !0, label: s("gallery.zoomIn"), children: /* @__PURE__ */ e(
                 n,
                 {
                   className: i.headerAction,
                   size: "lg",
                   variant: "subtle",
-                  onClick: R,
-                  children: /* @__PURE__ */ e(G, { size: 20 })
+                  onClick: k,
+                  children: /* @__PURE__ */ e(H, { size: 20 })
                 }
               ) })
-            ] }) : o?.isProcessing ? /* @__PURE__ */ r(m, { align: "center", gap: 8, miw: 0, children: [
-              /* @__PURE__ */ e(E, { size: "xs", color: "var(--app-gallary-text)" }),
-              /* @__PURE__ */ e(h, { className: i.processingText, fw: 500, fz: 14, children: u("editor.video.upload.processingShort", {
-                percent: Math.round(o.processingPercent ?? 0)
+            ] }) : t?.artifactStatuses.length ? (
+              // Per-artifact state once the backend reports artifacts; the
+              // aggregate percentage below is the fallback for older backends.
+              /* @__PURE__ */ e(ee, { artifacts: t.artifactStatuses })
+            ) : t?.isProcessing ? /* @__PURE__ */ r(m, { align: "center", gap: 8, miw: 0, children: [
+              /* @__PURE__ */ e(U, { size: "xs", color: "var(--app-gallary-text)" }),
+              /* @__PURE__ */ e(u, { className: i.processingText, fw: 500, fz: 14, children: p("editor.video.upload.processingShort", {
+                percent: Math.round(t.processingPercent ?? 0)
               }) })
             ] }) : /* @__PURE__ */ e("div", {}),
             /* @__PURE__ */ r(m, { justify: "end", gap: "xs", children: [
-              d && !o?.isProcessing && !o?.autogenDisabled && /* @__PURE__ */ e(
+              d && !t?.isProcessing && !t?.autogenDisabled && /* @__PURE__ */ e(
                 a,
                 {
                   withArrow: !0,
-                  label: u("editor.video.player.settings"),
+                  label: p("editor.video.player.settings"),
                   children: /* @__PURE__ */ e(
                     n,
                     {
                       className: i.headerAction,
                       size: "lg",
                       variant: "subtle",
-                      onClick: () => v(!0),
-                      children: /* @__PURE__ */ e(H, { size: 20 })
+                      onClick: () => w(!0),
+                      children: /* @__PURE__ */ e(K, { size: 20 })
                     }
                   )
                 }
               ),
-              !y && /* @__PURE__ */ e(a, { withArrow: !0, label: l("gallery.download"), children: /* @__PURE__ */ e(
+              !y && h && /* @__PURE__ */ e(a, { withArrow: !0, label: s("gallery.download"), children: /* @__PURE__ */ e(
                 n,
                 {
                   className: i.headerAction,
                   size: "lg",
                   variant: "subtle",
-                  loading: w,
-                  onClick: z,
-                  children: /* @__PURE__ */ e(A, { size: 20 })
+                  loading: z,
+                  onClick: S,
+                  children: /* @__PURE__ */ e(x, { size: 20 })
                 }
               ) }),
-              /* @__PURE__ */ e(a, { withArrow: !0, label: l("gallery.close"), children: /* @__PURE__ */ e(
+              /* @__PURE__ */ e(a, { withArrow: !0, label: s("gallery.close"), children: /* @__PURE__ */ e(
                 n,
                 {
                   className: i.headerAction,
                   size: "lg",
                   variant: "subtle",
-                  onClick: C,
-                  children: /* @__PURE__ */ e(K, { size: 20 })
+                  onClick: I,
+                  children: /* @__PURE__ */ e(L, { size: 20 })
                 }
               ) })
             ] })
           ]
         }
       ),
-      d && s && !o?.autogenDisabled && /* @__PURE__ */ e(
-        ee,
+      d && l && !t?.autogenDisabled && /* @__PURE__ */ e(
+        oe,
         {
-          opened: N,
-          onClose: () => v(!1),
+          opened: R,
+          onClose: () => w(!1),
           dataSource: d,
-          videoId: s,
-          chaptersDisabled: o?.chaptersDisabled,
+          videoId: l,
+          chaptersDisabled: t?.chaptersDisabled,
           onChaptersSaved: c,
           onSubtitlesSaved: c,
           onPosterChange: c,
-          onChaptersDisabledChange: (M) => {
-            d.setChaptersDisabled(M).then(c).catch(() => {
+          onChaptersDisabledChange: (P) => {
+            d.setChaptersDisabled(P).then(c).catch(() => {
             });
           }
         }
@@ -187,5 +192,5 @@ const be = V(
   }
 );
 export {
-  be as ModalHeader
+  ze as ModalHeader
 };

package/dist/components/AttachmentsGalleryModal/components/ShakePlayer/ShakaPlayer.d.ts

@@ -6,6 +6,6 @@ type BaseProps = {
     stylesContainer?: React.CSSProperties;
     classNameContainer?: string;
 };
-export declare const ShakaVideoPlayer: ({ attachmentId, autoPlay, isActive, loader, stylesContainer, classNameContainer, }: BaseProps) => string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element;
+export declare const ShakaVideoPlayer: ({ attachmentId, autoPlay, isActive, loader, stylesContainer, classNameContainer, }: BaseProps) => string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined>;
 export {};
 //# sourceMappingURL=ShakaPlayer.d.ts.map

package/dist/components/AttachmentsGalleryModal/components/StatusVideoPlayer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StatusVideoPlayer.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachmentsGalleryModal/components/StatusVideoPlayer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAIxE,KAAK,KAAK,GAAG;IACX,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,qBAAqB,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB,GAAI,+CAK/B,KAAK,4CAsCP,CAAC"}
+{"version":3,"file":"StatusVideoPlayer.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachmentsGalleryModal/components/StatusVideoPlayer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAIxE,KAAK,KAAK,GAAG;IACX,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,qBAAqB,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB,GAAI,+CAK/B,KAAK,4CAoCP,CAAC"}

package/dist/components/AttachmentsGalleryModal/components/StatusVideoPlayer.js

@@ -1,31 +1,31 @@
-import { jsx as p } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 import { useRef as s, useEffect as t } from "react";
 import y from "../styles.module.css.js";
 import { VideoPlayer as m } from "../../VideoPlayer/VideoPlayer.js";
 const U = ({
-  attachmentId: d,
+  attachmentId: p,
   status: e,
   isActive: o,
   autoPlay: l
 }) => {
-  const i = s(null), c = e.isProcessing, a = e.playback.optimizedReady ? e.playback.primaryUrl ?? null : null, n = e.playback.rawUrl ?? null;
+  const i = s(null), d = e.isProcessing, c = e.playback.optimizedReady ? e.playback.primaryUrl ?? null : null, a = e.playback.rawUrl ?? null;
   return t(() => {
     const r = i.current?.querySelector("video");
     r && (o ? l !== !1 && r.play().catch(() => {
     }) : r.pause());
-  }, [o, l, a, n]), /* @__PURE__ */ p("div", { ref: i, className: y.videoPlayerFill, children: /* @__PURE__ */ p(
+  }, [o, l, c, a]), /* @__PURE__ */ n("div", { ref: i, className: y.videoPlayerFill, children: /* @__PURE__ */ n(
     m,
     {
-      videoId: d,
+      videoId: p,
       source: {
-        streamUrl: a,
-        nativeUrl: n,
+        streamUrl: c,
+        nativeUrl: a,
         posterUrl: e.posterUrl ?? null,
         optimizedReady: !!e.playback.optimizedReady,
-        isProcessing: c
+        isProcessing: d
       },
       subtitles: e.subtitles,
-      chapters: c || e.chaptersDisabled ? void 0 : e.chapters,
+      chapters: e.chaptersDisabled ? void 0 : e.chapters,
       storyboard: e.storyboard
     }
   ) });

package/dist/components/AttachmentsGalleryModal/components/artifactStatus.d.ts

@@ -0,0 +1,51 @@
+/**
+ * Per-artifact status for the media pipeline.
+ *
+ * The gallery used to show a single aggregate "processing N%" spinner, so a user
+ * whose subtitles were ready but whose chapters had failed saw the same thing as
+ * a user whose video had not started processing at all. Each artifact now
+ * reports its own state, and the caller can tell "still working" apart from
+ * "gave up" — which is also what tells the poller when to stop.
+ */
+export type RawArtifact = {
+    type?: string;
+    status?: string;
+    outcome?: string | null;
+    dependencyReason?: string | null;
+    errorMessage?: string | null;
+    /**
+     * Explicit state from the backend. Reading these beats re-deriving the same answer from status
+     * and outcome strings — that derivation is what let a permanently failed artifact keep the modal
+     * polling. Optional: older backends do not send them and we fall back to the derivation below.
+     */
+    terminal?: boolean | null;
+    successful?: boolean | null;
+    retryable?: boolean | null;
+};
+export type ArtifactState = 'pending' | 'running' | 'waiting' | 'retrying' | 'ready' | 'failed';
+export type ArtifactStatus = {
+    type: string;
+    state: ArtifactState;
+    /** Ready, but the backend flagged a quality or coverage warning. */
+    hasWarning: boolean;
+    dependencyReason?: string | null;
+    /** True once this artifact cannot change on its own; drives when polling stops. */
+    terminal: boolean;
+};
+/** Artifacts the gallery surfaces; other types (e.g. meeting-only) stay hidden. */
+export declare const TRACKED_ARTIFACT_TYPES: readonly ["TRANSCRIPT", "SUBTITLES", "CHAPTERS"];
+export declare const normalizeArtifacts: (raw: RawArtifact[] | undefined | null) => ArtifactStatus[];
+export declare const isArtifactSettled: (artifact: ArtifactStatus) => boolean;
+/**
+ * True once no tracked artifact can still change on its own.
+ *
+ * An empty list is deliberately NOT settled: it means the backend has not
+ * reported artifacts yet (or is an older build), and treating "no data" as
+ * "finished" would stop polling before anything ever arrives.
+ */
+export declare const areArtifactsSettled: (artifacts: ArtifactStatus[]) => boolean;
+export declare const shouldKeepPolling: (status: {
+    isProcessing: boolean;
+    artifactsSettled: boolean;
+}) => boolean;
+//# sourceMappingURL=artifactStatus.d.ts.map

package/dist/components/AttachmentsGalleryModal/components/artifactStatus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"artifactStatus.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachmentsGalleryModal/components/artifactStatus.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,SAAS,GACT,SAAS,GACT,UAAU,GACV,OAAO,GACP,QAAQ,CAAC;AAEb,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,aAAa,CAAC;IACrB,oEAAoE;IACpE,UAAU,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,mFAAmF;IACnF,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,mFAAmF;AACnF,eAAO,MAAM,sBAAsB,kDAIzB,CAAC;AA2CX,eAAO,MAAM,kBAAkB,GAC7B,KAAK,WAAW,EAAE,GAAG,SAAS,GAAG,IAAI,KACpC,cAAc,EA6BhB,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,UAAU,cAAc,KAAG,OAA4B,CAAC;AAE1F;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,GAAI,WAAW,cAAc,EAAE,KAAG,OACN,CAAC;AAE7D,eAAO,MAAM,iBAAiB,GAAI,QAAQ;IACxC,YAAY,EAAE,OAAO,CAAC;IACtB,gBAAgB,EAAE,OAAO,CAAC;CAC3B,KAAG,OAA0D,CAAC"}

package/dist/components/AttachmentsGalleryModal/components/artifactStatus.js

@@ -0,0 +1,61 @@
+const c = [
+  "TRANSCRIPT",
+  "SUBTITLES",
+  "CHAPTERS"
+], i = /* @__PURE__ */ new Set([
+  "ready",
+  "failed"
+]), E = /* @__PURE__ */ new Set([
+  "TERMINAL_FAILURE",
+  "PERMANENT_FAILURE"
+]), A = /* @__PURE__ */ new Set([
+  "NOT_APPLICABLE",
+  "NO_AUDIO",
+  "NO_SPEECH",
+  "SKIPPED_BY_POLICY"
+]), T = (e) => {
+  const n = (e.outcome ?? "").toUpperCase();
+  if (E.has(n)) return "failed";
+  switch ((e.status ?? "").toUpperCase()) {
+    case "READY":
+      return "ready";
+    case "RUNNING":
+      return "running";
+    case "WAITING_DEPENDENCY":
+      return "waiting";
+    case "RETRY_SCHEDULED":
+      return "retrying";
+    case "FAILED":
+      return "failed";
+    default:
+      return "pending";
+  }
+}, l = (e) => {
+  if (!Array.isArray(e)) return [];
+  const n = new Set(c), r = /* @__PURE__ */ new Map();
+  for (const t of e) {
+    const s = (t?.type ?? "").toUpperCase();
+    if (!n.has(s)) continue;
+    const o = (t.outcome ?? "").toUpperCase();
+    if (A.has(o)) continue;
+    const a = T(t);
+    r.set(s, {
+      type: s,
+      state: a,
+      hasWarning: o === "READY_WITH_WARNINGS",
+      dependencyReason: t.dependencyReason ?? null,
+      // Trust the backend when it states terminality; otherwise fall back to the derived state.
+      terminal: typeof t.terminal == "boolean" ? t.terminal : i.has(a)
+    });
+  }
+  return c.filter((t) => r.has(t)).map(
+    (t) => r.get(t)
+  );
+}, S = (e) => e.terminal, I = (e) => e.length > 0 && e.every(S), R = (e) => e.isProcessing && !e.artifactsSettled;
+export {
+  c as TRACKED_ARTIFACT_TYPES,
+  I as areArtifactsSettled,
+  S as isArtifactSettled,
+  l as normalizeArtifacts,
+  R as shouldKeepPolling
+};

package/dist/components/AttachmentsGalleryModal/components/useAttachmentVideoStatus.d.ts

@@ -1,9 +1,12 @@
+import type { ArtifactStatus, RawArtifact } from './artifactStatus';
 import type { Chapter, Storyboard, Subtitle } from '../../VideoPlayer';
 export type AttachmentVideoStatus = {
     videoId?: string;
     state?: string;
     isProcessing: boolean;
     processingPercent?: number;
+    pipelineComplete?: boolean;
+    blockingReason?: string | null;
     posterUrl?: string;
     chaptersDisabled?: boolean;
     autogenDisabled?: boolean;
@@ -15,6 +18,11 @@ export type AttachmentVideoStatus = {
     subtitles?: Subtitle[];
     chapters?: Chapter[];
     storyboard?: Storyboard | null;
+    artifacts?: RawArtifact[];
+    /** Per-artifact state, so each artifact can be shown independently. */
+    artifactStatuses: ArtifactStatus[];
+    /** True once no tracked artifact can still change on its own. */
+    artifactsSettled: boolean;
 };
 type Result = {
     status: AttachmentVideoStatus | null;

package/dist/components/AttachmentsGalleryModal/components/useAttachmentVideoStatus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAttachmentVideoStatus.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachmentsGalleryModal/components/useAttachmentVideoStatus.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAGvE,MAAM,MAAM,qBAAqB,GAAG;IAClC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,EAAE;QACR,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QAC3B,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QACvB,cAAc,CAAC,EAAE,OAAO,CAAC;KAC1B,CAAC;IACF,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;IACrB,UAAU,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;CAChC,CAAC;AAEF,KAAK,MAAM,GAAG;IACZ,MAAM,EAAE,qBAAqB,GAAG,IAAI,CAAC;IACrC,MAAM,EAAE,OAAO,CAAC;CACjB,CAAC;AAgFF;;;;;;;;GAQG;AACH,wBAAgB,wBAAwB,CACtC,YAAY,CAAC,EAAE,MAAM,EACrB,UAAU,CAAC,EAAE,MAAM,GAClB,MAAM,CA2DR"}
+{"version":3,"file":"useAttachmentVideoStatus.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachmentsGalleryModal/components/useAttachmentVideoStatus.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAMpE,OAAO,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAGvE,MAAM,MAAM,qBAAqB,GAAG;IAClC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,EAAE;QACR,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QAC3B,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QACvB,cAAc,CAAC,EAAE,OAAO,CAAC;KAC1B,CAAC;IACF,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;IACrB,UAAU,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;IAC/B,SAAS,CAAC,EAAE,WAAW,EAAE,CAAC;IAC1B,uEAAuE;IACvE,gBAAgB,EAAE,cAAc,EAAE,CAAC;IACnC,iEAAiE;IACjE,gBAAgB,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,KAAK,MAAM,GAAG;IACZ,MAAM,EAAE,qBAAqB,GAAG,IAAI,CAAC;IACrC,MAAM,EAAE,OAAO,CAAC;CACjB,CAAC;AAgGF;;;;;;;;GAQG;AACH,wBAAgB,wBAAwB,CACtC,YAAY,CAAC,EAAE,MAAM,EACrB,UAAU,CAAC,EAAE,MAAM,GAClB,MAAM,CAgER"}