@strapi/upload 5.52.0 → 5.52.2

package/dist/admin/future/components/TruncatedText.js

@@ -0,0 +1,76 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var designSystem = require('@strapi/design-system');
+
+/**
+ * Text that ellipsizes, with a tooltip carrying the full value once it actually
+ * does. Used for folder and asset names, which are user-supplied and routinely
+ * longer than the column, card or rail holding them.
+ *
+ * The tooltip is conditional rather than always-on: a permanent tooltip would
+ * make every short name hoverable for no reason, and would announce a
+ * description that merely repeats the visible text.
+ *
+ * Whether the text is truncated can't be derived from the string — it depends on
+ * the rendered width — so it has to be measured. That measurement happens when
+ * the pointer or focus arrives, not at mount.
+ *
+ * Measuring at mount is the obvious approach and it does not work here. The
+ * reading is only correct once the row's width constraint has reached this span,
+ * and the tree remounts its rows during first render: the instance that survives
+ * can take its one measurement while still unconstrained, conclude it fits, and
+ * be stuck there. Nothing corrects it afterwards, because a ResizeObserver on
+ * this span never fires again — an ancestor clamps the row, so the text
+ * overflows inside a box whose own size stops changing.
+ *
+ * Reading on hover sidesteps all of that. It is the only moment the answer is
+ * needed, the layout is settled by then, and nothing is cached across remounts
+ * or resizes that could go stale.
+ */ const TruncatedText = ({ children, ...props })=>{
+    const textRef = React.useRef(null);
+    const [isTruncated, setIsTruncated] = React.useState(false);
+    const checkTruncation = ()=>{
+        const el = textRef.current;
+        if (el) {
+            setIsTruncated(el.scrollWidth > el.clientWidth);
+        }
+    };
+    // A ref callback rather than useRef alone, so the first measurement happens
+    // when the node attaches and again whenever it is replaced. The tree remounts
+    // its rows during first render, and a value measured against the discarded
+    // node would never be revisited — this re-runs against the node that survives.
+    const attachRef = (el)=>{
+        textRef.current = el;
+        if (el) {
+            checkTruncation();
+        }
+    };
+    // The Tooltip stays mounted and the *label* is what's conditional, rather than
+    // swapping between a wrapped and unwrapped span. Swapping loses the first
+    // hover: the measurement that decides to show a tooltip is itself triggered by
+    // the pointer arriving, so the trigger would mount underneath a pointer that
+    // has already entered, and Radix — which starts watching at mount — sees no
+    // enter event and stays closed until the pointer leaves and returns.
+    //
+    // With `label` empty the DS Tooltip renders its child as-is and attaches
+    // nothing, so untruncated text still costs no DOM node and announces no
+    // description duplicating what is already on screen.
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Tooltip, {
+        label: isTruncated ? children : undefined,
+        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+            ref: attachRef,
+            ellipsis: true,
+            // Focus is covered as well as hover: the tooltip has to be reachable by
+            // keyboard, and these rows are buttons.
+            onPointerEnter: checkTruncation,
+            onFocus: checkTruncation,
+            ...props,
+            children: children
+        })
+    });
+};
+
+exports.TruncatedText = TruncatedText;
+//# sourceMappingURL=TruncatedText.js.map

package/dist/admin/future/components/TruncatedText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TruncatedText.js","sources":["../../../../admin/src/future/components/TruncatedText.tsx"],"sourcesContent":["import { useRef, useState } from 'react';\n\nimport { Tooltip, Typography, type TypographyProps } from '@strapi/design-system';\n\ninterface TruncatedTextProps extends Omit<TypographyProps, 'children' | 'ellipsis'> {\n  /** The full text. Doubles as the tooltip content once it no longer fits. */\n  children: string;\n}\n\n/**\n * Text that ellipsizes, with a tooltip carrying the full value once it actually\n * does. Used for folder and asset names, which are user-supplied and routinely\n * longer than the column, card or rail holding them.\n *\n * The tooltip is conditional rather than always-on: a permanent tooltip would\n * make every short name hoverable for no reason, and would announce a\n * description that merely repeats the visible text.\n *\n * Whether the text is truncated can't be derived from the string — it depends on\n * the rendered width — so it has to be measured. That measurement happens when\n * the pointer or focus arrives, not at mount.\n *\n * Measuring at mount is the obvious approach and it does not work here. The\n * reading is only correct once the row's width constraint has reached this span,\n * and the tree remounts its rows during first render: the instance that survives\n * can take its one measurement while still unconstrained, conclude it fits, and\n * be stuck there. Nothing corrects it afterwards, because a ResizeObserver on\n * this span never fires again — an ancestor clamps the row, so the text\n * overflows inside a box whose own size stops changing.\n *\n * Reading on hover sidesteps all of that. It is the only moment the answer is\n * needed, the layout is settled by then, and nothing is cached across remounts\n * or resizes that could go stale.\n */\nexport const TruncatedText = ({ children, ...props }: TruncatedTextProps) => {\n  const textRef = useRef<HTMLSpanElement | null>(null);\n  const [isTruncated, setIsTruncated] = useState(false);\n\n  const checkTruncation = () => {\n    const el = textRef.current;\n\n    if (el) {\n      setIsTruncated(el.scrollWidth > el.clientWidth);\n    }\n  };\n\n  // A ref callback rather than useRef alone, so the first measurement happens\n  // when the node attaches and again whenever it is replaced. The tree remounts\n  // its rows during first render, and a value measured against the discarded\n  // node would never be revisited — this re-runs against the node that survives.\n  const attachRef = (el: HTMLSpanElement | null) => {\n    textRef.current = el;\n\n    if (el) {\n      checkTruncation();\n    }\n  };\n\n  // The Tooltip stays mounted and the *label* is what's conditional, rather than\n  // swapping between a wrapped and unwrapped span. Swapping loses the first\n  // hover: the measurement that decides to show a tooltip is itself triggered by\n  // the pointer arriving, so the trigger would mount underneath a pointer that\n  // has already entered, and Radix — which starts watching at mount — sees no\n  // enter event and stays closed until the pointer leaves and returns.\n  //\n  // With `label` empty the DS Tooltip renders its child as-is and attaches\n  // nothing, so untruncated text still costs no DOM node and announces no\n  // description duplicating what is already on screen.\n  return (\n    <Tooltip label={isTruncated ? children : undefined}>\n      <Typography\n        ref={attachRef}\n        ellipsis\n        // Focus is covered as well as hover: the tooltip has to be reachable by\n        // keyboard, and these rows are buttons.\n        onPointerEnter={checkTruncation}\n        onFocus={checkTruncation}\n        {...props}\n      >\n        {children}\n      </Typography>\n    </Tooltip>\n  );\n};\n"],"names":["TruncatedText","children","props","textRef","useRef","isTruncated","setIsTruncated","useState","checkTruncation","el","current","scrollWidth","clientWidth","attachRef","_jsx","Tooltip","label","undefined","Typography","ref","ellipsis","onPointerEnter","onFocus"],"mappings":";;;;;;AASA;;;;;;;;;;;;;;;;;;;;;;;;UAyBaA,aAAAA,GAAgB,CAAC,EAAEC,QAAQ,EAAE,GAAGC,KAAAA,EAA2B,GAAA;AACtE,IAAA,MAAMC,UAAUC,YAAAA,CAA+B,IAAA,CAAA;AAC/C,IAAA,MAAM,CAACC,WAAAA,EAAaC,cAAAA,CAAe,GAAGC,cAAAA,CAAS,KAAA,CAAA;AAE/C,IAAA,MAAMC,eAAAA,GAAkB,IAAA;QACtB,MAAMC,EAAAA,GAAKN,QAAQO,OAAO;AAE1B,QAAA,IAAID,EAAAA,EAAI;AACNH,YAAAA,cAAAA,CAAeG,EAAAA,CAAGE,WAAW,GAAGF,EAAAA,CAAGG,WAAW,CAAA;AAChD,QAAA;AACF,IAAA,CAAA;;;;;AAMA,IAAA,MAAMC,YAAY,CAACJ,EAAAA,GAAAA;AACjBN,QAAAA,OAAAA,CAAQO,OAAO,GAAGD,EAAAA;AAElB,QAAA,IAAIA,EAAAA,EAAI;AACND,YAAAA,eAAAA,EAAAA;AACF,QAAA;AACF,IAAA,CAAA;;;;;;;;;;;AAYA,IAAA,qBACEM,cAAA,CAACC,oBAAAA,EAAAA;AAAQC,QAAAA,KAAAA,EAAOX,cAAcJ,QAAAA,GAAWgB,SAAAA;AACvC,QAAA,QAAA,gBAAAH,cAAA,CAACI,uBAAAA,EAAAA;YACCC,GAAAA,EAAKN,SAAAA;YACLO,QAAQ,EAAA,IAAA;;;YAGRC,cAAAA,EAAgBb,eAAAA;YAChBc,OAAAA,EAASd,eAAAA;AACR,YAAA,GAAGN,KAAK;AAERD,YAAAA,QAAAA,EAAAA;;;AAIT;;;;"}

package/dist/admin/future/components/TruncatedText.mjs

@@ -0,0 +1,74 @@
+import { jsx } from 'react/jsx-runtime';
+import { useRef, useState } from 'react';
+import { Tooltip, Typography } from '@strapi/design-system';
+
+/**
+ * Text that ellipsizes, with a tooltip carrying the full value once it actually
+ * does. Used for folder and asset names, which are user-supplied and routinely
+ * longer than the column, card or rail holding them.
+ *
+ * The tooltip is conditional rather than always-on: a permanent tooltip would
+ * make every short name hoverable for no reason, and would announce a
+ * description that merely repeats the visible text.
+ *
+ * Whether the text is truncated can't be derived from the string — it depends on
+ * the rendered width — so it has to be measured. That measurement happens when
+ * the pointer or focus arrives, not at mount.
+ *
+ * Measuring at mount is the obvious approach and it does not work here. The
+ * reading is only correct once the row's width constraint has reached this span,
+ * and the tree remounts its rows during first render: the instance that survives
+ * can take its one measurement while still unconstrained, conclude it fits, and
+ * be stuck there. Nothing corrects it afterwards, because a ResizeObserver on
+ * this span never fires again — an ancestor clamps the row, so the text
+ * overflows inside a box whose own size stops changing.
+ *
+ * Reading on hover sidesteps all of that. It is the only moment the answer is
+ * needed, the layout is settled by then, and nothing is cached across remounts
+ * or resizes that could go stale.
+ */ const TruncatedText = ({ children, ...props })=>{
+    const textRef = useRef(null);
+    const [isTruncated, setIsTruncated] = useState(false);
+    const checkTruncation = ()=>{
+        const el = textRef.current;
+        if (el) {
+            setIsTruncated(el.scrollWidth > el.clientWidth);
+        }
+    };
+    // A ref callback rather than useRef alone, so the first measurement happens
+    // when the node attaches and again whenever it is replaced. The tree remounts
+    // its rows during first render, and a value measured against the discarded
+    // node would never be revisited — this re-runs against the node that survives.
+    const attachRef = (el)=>{
+        textRef.current = el;
+        if (el) {
+            checkTruncation();
+        }
+    };
+    // The Tooltip stays mounted and the *label* is what's conditional, rather than
+    // swapping between a wrapped and unwrapped span. Swapping loses the first
+    // hover: the measurement that decides to show a tooltip is itself triggered by
+    // the pointer arriving, so the trigger would mount underneath a pointer that
+    // has already entered, and Radix — which starts watching at mount — sees no
+    // enter event and stays closed until the pointer leaves and returns.
+    //
+    // With `label` empty the DS Tooltip renders its child as-is and attaches
+    // nothing, so untruncated text still costs no DOM node and announces no
+    // description duplicating what is already on screen.
+    return /*#__PURE__*/ jsx(Tooltip, {
+        label: isTruncated ? children : undefined,
+        children: /*#__PURE__*/ jsx(Typography, {
+            ref: attachRef,
+            ellipsis: true,
+            // Focus is covered as well as hover: the tooltip has to be reachable by
+            // keyboard, and these rows are buttons.
+            onPointerEnter: checkTruncation,
+            onFocus: checkTruncation,
+            ...props,
+            children: children
+        })
+    });
+};
+
+export { TruncatedText };
+//# sourceMappingURL=TruncatedText.mjs.map

package/dist/admin/future/components/TruncatedText.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TruncatedText.mjs","sources":["../../../../admin/src/future/components/TruncatedText.tsx"],"sourcesContent":["import { useRef, useState } from 'react';\n\nimport { Tooltip, Typography, type TypographyProps } from '@strapi/design-system';\n\ninterface TruncatedTextProps extends Omit<TypographyProps, 'children' | 'ellipsis'> {\n  /** The full text. Doubles as the tooltip content once it no longer fits. */\n  children: string;\n}\n\n/**\n * Text that ellipsizes, with a tooltip carrying the full value once it actually\n * does. Used for folder and asset names, which are user-supplied and routinely\n * longer than the column, card or rail holding them.\n *\n * The tooltip is conditional rather than always-on: a permanent tooltip would\n * make every short name hoverable for no reason, and would announce a\n * description that merely repeats the visible text.\n *\n * Whether the text is truncated can't be derived from the string — it depends on\n * the rendered width — so it has to be measured. That measurement happens when\n * the pointer or focus arrives, not at mount.\n *\n * Measuring at mount is the obvious approach and it does not work here. The\n * reading is only correct once the row's width constraint has reached this span,\n * and the tree remounts its rows during first render: the instance that survives\n * can take its one measurement while still unconstrained, conclude it fits, and\n * be stuck there. Nothing corrects it afterwards, because a ResizeObserver on\n * this span never fires again — an ancestor clamps the row, so the text\n * overflows inside a box whose own size stops changing.\n *\n * Reading on hover sidesteps all of that. It is the only moment the answer is\n * needed, the layout is settled by then, and nothing is cached across remounts\n * or resizes that could go stale.\n */\nexport const TruncatedText = ({ children, ...props }: TruncatedTextProps) => {\n  const textRef = useRef<HTMLSpanElement | null>(null);\n  const [isTruncated, setIsTruncated] = useState(false);\n\n  const checkTruncation = () => {\n    const el = textRef.current;\n\n    if (el) {\n      setIsTruncated(el.scrollWidth > el.clientWidth);\n    }\n  };\n\n  // A ref callback rather than useRef alone, so the first measurement happens\n  // when the node attaches and again whenever it is replaced. The tree remounts\n  // its rows during first render, and a value measured against the discarded\n  // node would never be revisited — this re-runs against the node that survives.\n  const attachRef = (el: HTMLSpanElement | null) => {\n    textRef.current = el;\n\n    if (el) {\n      checkTruncation();\n    }\n  };\n\n  // The Tooltip stays mounted and the *label* is what's conditional, rather than\n  // swapping between a wrapped and unwrapped span. Swapping loses the first\n  // hover: the measurement that decides to show a tooltip is itself triggered by\n  // the pointer arriving, so the trigger would mount underneath a pointer that\n  // has already entered, and Radix — which starts watching at mount — sees no\n  // enter event and stays closed until the pointer leaves and returns.\n  //\n  // With `label` empty the DS Tooltip renders its child as-is and attaches\n  // nothing, so untruncated text still costs no DOM node and announces no\n  // description duplicating what is already on screen.\n  return (\n    <Tooltip label={isTruncated ? children : undefined}>\n      <Typography\n        ref={attachRef}\n        ellipsis\n        // Focus is covered as well as hover: the tooltip has to be reachable by\n        // keyboard, and these rows are buttons.\n        onPointerEnter={checkTruncation}\n        onFocus={checkTruncation}\n        {...props}\n      >\n        {children}\n      </Typography>\n    </Tooltip>\n  );\n};\n"],"names":["TruncatedText","children","props","textRef","useRef","isTruncated","setIsTruncated","useState","checkTruncation","el","current","scrollWidth","clientWidth","attachRef","_jsx","Tooltip","label","undefined","Typography","ref","ellipsis","onPointerEnter","onFocus"],"mappings":";;;;AASA;;;;;;;;;;;;;;;;;;;;;;;;UAyBaA,aAAAA,GAAgB,CAAC,EAAEC,QAAQ,EAAE,GAAGC,KAAAA,EAA2B,GAAA;AACtE,IAAA,MAAMC,UAAUC,MAAAA,CAA+B,IAAA,CAAA;AAC/C,IAAA,MAAM,CAACC,WAAAA,EAAaC,cAAAA,CAAe,GAAGC,QAAAA,CAAS,KAAA,CAAA;AAE/C,IAAA,MAAMC,eAAAA,GAAkB,IAAA;QACtB,MAAMC,EAAAA,GAAKN,QAAQO,OAAO;AAE1B,QAAA,IAAID,EAAAA,EAAI;AACNH,YAAAA,cAAAA,CAAeG,EAAAA,CAAGE,WAAW,GAAGF,EAAAA,CAAGG,WAAW,CAAA;AAChD,QAAA;AACF,IAAA,CAAA;;;;;AAMA,IAAA,MAAMC,YAAY,CAACJ,EAAAA,GAAAA;AACjBN,QAAAA,OAAAA,CAAQO,OAAO,GAAGD,EAAAA;AAElB,QAAA,IAAIA,EAAAA,EAAI;AACND,YAAAA,eAAAA,EAAAA;AACF,QAAA;AACF,IAAA,CAAA;;;;;;;;;;;AAYA,IAAA,qBACEM,GAAA,CAACC,OAAAA,EAAAA;AAAQC,QAAAA,KAAAA,EAAOX,cAAcJ,QAAAA,GAAWgB,SAAAA;AACvC,QAAA,QAAA,gBAAAH,GAAA,CAACI,UAAAA,EAAAA;YACCC,GAAAA,EAAKN,SAAAA;YACLO,QAAQ,EAAA,IAAA;;;YAGRC,cAAAA,EAAgBb,eAAAA;YAChBc,OAAAA,EAASd,eAAAA;AACR,YAAA,GAAGN,KAAK;AAERD,YAAAA,QAAAA,EAAAA;;;AAIT;;;;"}

package/dist/admin/future/components/UploadProgressDialog.js

@@ -483,6 +483,25 @@ const FileRowRenderer = ({ file })=>{
     const isCurrentFile = file.status === 'uploading';
     const isCompleted = file.status === 'complete';
     const isCancelled = file.status === 'cancelled';
+    const isQueued = file.status === 'pending';
+    if (isQueued) {
+        // No bar: there is nothing to report yet, and an indeterminate bar would read
+        // as "in progress" on a file the pool has not picked up.
+        return /*#__PURE__*/ jsxRuntime.jsx(FileRow, {
+            icon: /*#__PURE__*/ jsxRuntime.jsx(icons.Clock, {
+                fill: "neutral600"
+            }),
+            fileName: file.name,
+            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                variant: "pi",
+                textColor: "neutral600",
+                children: formatMessage({
+                    id: translations.getTranslationKey('upload.progress.file.queued'),
+                    defaultMessage: 'Queued'
+                })
+            })
+        });
+    }
     if (isCurrentFile) {
         // Determinate only once bytes are actually being reported — a known `size` is not
         // enough. The two upload flows differ here:
@@ -523,7 +542,17 @@ const FileRowRenderer = ({ file })=>{
             children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
                 variant: "pi",
                 textColor: "neutral600",
-                children: file.error
+                children: file.error ? /**
+               * The server may return a machine-readable code (e.g. `FileTooBig` from the
+               * body middleware) or an already human-readable sentence (e.g. the upload
+               * plugin's size-limit message). Translate the former, fall back to the latter.
+               */ formatMessage({
+                    id: translations.getTranslationKey(`apiError.${file.error}`),
+                    defaultMessage: file.error
+                }) : formatMessage({
+                    id: translations.getTranslationKey('upload.generic-error'),
+                    defaultMessage: 'An error occurred while uploading the file.'
+                })
             })
         });
     }
@@ -574,6 +603,9 @@ const UploadProgressDialog = ()=>{
     // in-flight row, not just the first (a `find` here dated to the strictly
     // sequential era and hid all but the lowest-index worker's row).
     const uploadingFiles = files.filter((f)=>f.status === 'uploading');
+    // Everything the pool has not reached yet. Listed in queue order, which is the
+    // order `files` is already in, so a row's position tells the user where it sits.
+    const queuedFiles = files.filter((f)=>f.status === 'pending');
     const completedFiles = files.filter((f)=>f.status === 'complete' || f.status === 'error' || f.status === 'cancelled').sort((a, b)=>{
         // Sort priority: error > cancelled > complete
         const priority = {
@@ -613,6 +645,9 @@ const UploadProgressDialog = ()=>{
                             uploadingFiles.map((file)=>/*#__PURE__*/ jsxRuntime.jsx(FileRowRenderer, {
                                     file: file
                                 }, file.index)),
+                            queuedFiles.map((file)=>/*#__PURE__*/ jsxRuntime.jsx(FileRowRenderer, {
+                                    file: file
+                                }, file.index)),
                             completedFiles.length > 0 && /*#__PURE__*/ jsxRuntime.jsx(CompletedFilesList, {
                                 children: completedFiles.map((file)=>/*#__PURE__*/ jsxRuntime.jsx(FileRowRenderer, {
                                         file: file

package/dist/admin/future/components/UploadProgressDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadProgressDialog.js","sources":["../../../../admin/src/future/components/UploadProgressDialog.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Flex, IconButton, TextButton, Typography } from '@strapi/design-system';\nimport {\n  ArrowsCounterClockwise,\n  Check,\n  CheckCircle,\n  ChevronDown,\n  Cross,\n  CrossCircle,\n  Information,\n  MinusCircle,\n  Sparkle,\n  Upload,\n  WarningCircle,\n} from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { keyframes, styled } from 'styled-components';\n\nimport { abortUpload, useRetryCancelledFilesMutation } from '../services/api';\nimport { useTypedDispatch, useTypedSelector } from '../store/hooks';\nimport {\n  closeUploadProgress,\n  toggleMinimize,\n  cancelUpload,\n  selectAggregateProgress,\n  selectMetadataProgress,\n  selectIsGeneratingMetadata,\n  selectMetadataOutcome,\n} from '../store/uploadProgress';\nimport { getTranslationKey } from '../utils/translations';\n\nimport { Drawer } from './Drawer';\n\nimport type { FileMetadataStatus, FileProgress, FileProgressStatus } from '../store/uploadProgress';\nimport type { MessageDescriptor } from 'react-intl';\n\n/* -------------------------------------------------------------------------------------------------\n * DialogHeader\n * -----------------------------------------------------------------------------------------------*/\n\nconst HeaderStatusMessage = ({\n  title,\n  subtitle,\n  metadataSubtitle,\n}: {\n  title: string;\n  subtitle?: string;\n  metadataSubtitle?: string;\n}) => {\n  return (\n    <Flex direction=\"column\" alignItems=\"flex-start\" paddingLeft={2}>\n      <Drawer.Title>\n        <Typography variant=\"omega\">{title}</Typography>\n      </Drawer.Title>\n      <Drawer.Description>\n        <Typography variant=\"pi\" textColor=\"neutral600\">\n          {subtitle}\n        </Typography>\n      </Drawer.Description>\n      {metadataSubtitle && (\n        <Typography variant=\"pi\" textColor=\"neutral600\">\n          {metadataSubtitle}\n        </Typography>\n      )}\n    </Flex>\n  );\n};\n\nconst HeaderStatusIcon = styled(Flex)`\n  padding: ${({ theme }) => theme.spaces[3]};\n  border-radius: ${({ theme }) => `${theme.borderRadius} 0 0 ${theme.borderRadius}`};\n\n  > svg {\n    height: 24px;\n    width: 24px;\n  }\n`;\n\nconst HeaderStatusWrapper = styled(Flex)`\n  align-items: center;\n`;\n\ntype HeaderStatusProps = {\n  status: 'uploading' | 'success' | 'error' | 'canceled';\n  progress?: number;\n  totalFiles: number;\n  successfulCount: number;\n  errorCount: number;\n  /**\n   * Count-based metadata progress, or `null` when no row entered the metadata phase.\n   * Shown as an extra subtitle while generation is still in flight.\n   */\n  metadataProgress: number | null;\n  /** Whether any row is still generating — drives whether the subtitle shows at all. */\n  isGeneratingMetadata: boolean;\n  /**\n   * Terminal per-outcome counts, or `null` while the phase is unfinished or was never\n   * entered. Replaces the in-flight subtitle once generation settles.\n   */\n  metadataOutcome: { generated: number; skipped: number; failed: number } | null;\n};\n\nconst HeaderStatus = ({\n  status,\n  progress,\n  totalFiles,\n  successfulCount,\n  errorCount,\n  metadataProgress,\n  isGeneratingMetadata,\n  metadataOutcome,\n}: HeaderStatusProps) => {\n  const { formatMessage } = useIntl();\n\n  // Completion is upload-driven, so the terminal header can appear while metadata is\n  // still generating — the subtitle keeps ticking underneath until it settles.\n  //\n  // Gated on work actually being in flight rather than on `progress < 100`: in a\n  // sequential batch the percentage touches 100% between files, which would blink the\n  // subtitle out and back in on every upload.\n  //\n  // Once the phase settles the line is not dropped but replaced with the outcome, so the\n  // header keeps confirming what happened instead of silently losing the message.\n  const metadataSubtitle = (() => {\n    if (metadataProgress !== null && isGeneratingMetadata) {\n      return formatMessage(\n        {\n          id: getTranslationKey('upload.progress.generatingMetadata.withCount'),\n          defaultMessage: 'Generating metadata with AI ({percentage}%)',\n        },\n        { percentage: metadataProgress }\n      );\n    }\n\n    if (metadataOutcome === null) {\n      return undefined;\n    }\n\n    // Only `generated` rows had metadata written, so only they can be reported as a\n    // success. With none, there is nothing to confirm — an all-skipped batch of\n    // non-images would otherwise read as \"generated on 0 files\". Per-row sublines\n    // already spell out skipped and failed outcomes.\n    if (metadataOutcome.generated === 0) {\n      return undefined;\n    }\n\n    if (metadataOutcome.failed > 0) {\n      return formatMessage(\n        {\n          id: getTranslationKey('upload.progress.metadataGenerated.withFailures'),\n          defaultMessage: '{generatedCount} generated, {failedCount} failed',\n        },\n        { generatedCount: metadataOutcome.generated, failedCount: metadataOutcome.failed }\n      );\n    }\n\n    return formatMessage(\n      {\n        id: getTranslationKey('upload.progress.metadataGenerated.withCount'),\n        defaultMessage:\n          '{count, plural, one {Metadata successfully generated on # file} other {Metadata successfully generated on # files}}',\n      },\n      { count: metadataOutcome.generated }\n    );\n  })();\n\n  if (status === 'error') {\n    return (\n      <HeaderStatusWrapper>\n        <HeaderStatusIcon background=\"danger200\">\n          <Cross fill=\"danger700\" />\n        </HeaderStatusIcon>\n        <HeaderStatusMessage\n          title={formatMessage({\n            id: getTranslationKey('upload.progress.failed'),\n            defaultMessage: 'Upload failed',\n          })}\n          subtitle={formatMessage({\n            id: getTranslationKey('upload.progress.failed.subtitle'),\n            defaultMessage: 'Please try to upload files again',\n          })}\n        />\n      </HeaderStatusWrapper>\n    );\n  }\n\n  if (status === 'success') {\n    const subtitle =\n      errorCount > 0\n        ? formatMessage(\n            {\n              id: getTranslationKey('upload.progress.success.subtitle.withErrors'),\n              defaultMessage: '{successCount} uploaded, {errorCount} failed',\n            },\n            { successCount: successfulCount, errorCount }\n          )\n        : formatMessage(\n            {\n              id: getTranslationKey('upload.progress.success.subtitle'),\n              defaultMessage: '{count} files uploaded successfully',\n            },\n            { count: successfulCount }\n          );\n\n    return (\n      <HeaderStatusWrapper>\n        <HeaderStatusIcon background=\"success200\">\n          <Check fill=\"success700\" />\n        </HeaderStatusIcon>\n        <HeaderStatusMessage\n          title={formatMessage({\n            id: getTranslationKey('upload.progress.success'),\n            defaultMessage: 'Upload successful!',\n          })}\n          subtitle={subtitle}\n          metadataSubtitle={metadataSubtitle}\n        />\n      </HeaderStatusWrapper>\n    );\n  }\n\n  if (status === 'canceled') {\n    return (\n      <HeaderStatusWrapper>\n        <HeaderStatusIcon background=\"neutral200\">\n          <MinusCircle fill=\"neutral700\" />\n        </HeaderStatusIcon>\n        <HeaderStatusMessage\n          title={formatMessage({\n            id: getTranslationKey('upload.progress.canceled'),\n            defaultMessage: 'Upload canceled',\n          })}\n          subtitle={formatMessage({\n            id: getTranslationKey('upload.progress.canceled.subtitle'),\n            defaultMessage: 'Some files were not uploaded',\n          })}\n          metadataSubtitle={metadataSubtitle}\n        />\n      </HeaderStatusWrapper>\n    );\n  }\n\n  if (status === 'uploading') {\n    const progressPercentage = progress ? Math.round(progress) : 0;\n\n    return (\n      <HeaderStatusWrapper>\n        <HeaderStatusIcon background=\"primary200\">\n          <Upload fill=\"primary700\" />\n        </HeaderStatusIcon>\n        <HeaderStatusMessage\n          title={formatMessage(\n            {\n              id: getTranslationKey('upload.progress.uploading.withCount'),\n              defaultMessage: 'Uploading {total} items ({percentage}%)',\n            },\n            {\n              total: totalFiles,\n              percentage: progressPercentage,\n            }\n          )}\n          metadataSubtitle={metadataSubtitle}\n        />\n      </HeaderStatusWrapper>\n    );\n  }\n\n  return null;\n};\n\nconst HeaderIconButton = styled(IconButton)`\n  &:hover {\n    background: transparent;\n  }\n`;\n\nconst ChevronWrapper = styled.span<{ $isMinimized: boolean }>`\n  display: flex;\n  transition: transform 0.5s ease-in-out;\n  transform: ${({ $isMinimized }) => ($isMinimized ? 'rotate(180deg)' : 'rotate(0deg)')};\n`;\n\nconst HEADER_COLOR_MAP = {\n  uploading: { background: 'primary100' },\n  canceled: { background: 'neutral100' },\n  success: { background: 'success100' },\n  error: { background: 'danger100' },\n} as const;\n\nconst DialogHeader = ({ handleClose }: { handleClose: () => void }) => {\n  const { formatMessage } = useIntl();\n\n  const { isMinimized, files, uploadId, totalFiles } = useTypedSelector(\n    (state) => state.uploadProgress\n  );\n  const progress = useTypedSelector(selectAggregateProgress);\n  const metadataProgress = useTypedSelector(selectMetadataProgress);\n  const isGeneratingMetadata = useTypedSelector(selectIsGeneratingMetadata);\n  const metadataOutcome = useTypedSelector(selectMetadataOutcome);\n  const dispatch = useTypedDispatch();\n  const [retryCancelledFiles] = useRetryCancelledFilesMutation();\n\n  // The batch is complete once every file has reached a terminal state. Byte-weighted\n  // progress can't be used here because errored/cancelled rows never reach 100%.\n  const isComplete =\n    files.length > 0 &&\n    files.every((f) => f.status === 'complete' || f.status === 'error' || f.status === 'cancelled');\n  const isAllUploaded = isComplete;\n  const isAllErrored = isComplete && files.every((f) => f.status === 'error');\n  const hasCancelledFiles = files.some((f) => f.status === 'cancelled');\n  const successfulCount = files.filter((f) => f.status === 'complete').length;\n  const errorCount = files.filter((f) => f.status === 'error').length;\n  // Success includes partial success (some files succeeded, even if some failed)\n  const isSuccess = isComplete && successfulCount > 0 && !hasCancelledFiles;\n  const status = ((): HeaderStatusProps['status'] => {\n    if (isAllErrored) return 'error';\n    if (isSuccess) return 'success';\n    if (hasCancelledFiles) return 'canceled';\n\n    return 'uploading';\n  })();\n\n  const handleCancel = () => {\n    abortUpload(uploadId);\n    dispatch(cancelUpload());\n  };\n\n  const handleRetry = async () => {\n    try {\n      await retryCancelledFiles().unwrap();\n    } catch {\n      // Error is already dispatched to store from the API queryFn\n    }\n  };\n\n  const handleToggleMinimize = () => {\n    dispatch(toggleMinimize());\n  };\n\n  return (\n    <Flex\n      background={HEADER_COLOR_MAP[status].background}\n      justifyContent=\"space-between\"\n      margin={1}\n      hasRadius\n    >\n      <HeaderStatus\n        status={status}\n        progress={progress}\n        totalFiles={totalFiles}\n        successfulCount={successfulCount}\n        errorCount={errorCount}\n        metadataProgress={metadataProgress}\n        isGeneratingMetadata={isGeneratingMetadata}\n        metadataOutcome={metadataOutcome}\n      />\n      <Flex gap={1}>\n        {!isAllUploaded && (\n          <TextButton onClick={handleCancel} fontWeight=\"bold\">\n            {formatMessage({\n              id: getTranslationKey('upload.progress.cancel'),\n              defaultMessage: 'Cancel all',\n            })}\n          </TextButton>\n        )}\n        {hasCancelledFiles && (\n          <TextButton onClick={handleRetry} fontWeight=\"bold\">\n            {formatMessage({\n              id: getTranslationKey('upload.progress.retry'),\n              defaultMessage: 'Retry',\n            })}\n          </TextButton>\n        )}\n        <HeaderIconButton\n          onClick={handleToggleMinimize}\n          label={formatMessage({\n            id: getTranslationKey(\n              isMinimized ? 'upload.progress.maximize' : 'upload.progress.minimize'\n            ),\n            defaultMessage: isMinimized ? 'Maximize' : 'Minimize',\n          })}\n          variant=\"ghost\"\n        >\n          <ChevronWrapper $isMinimized={isMinimized}>\n            <ChevronDown />\n          </ChevronWrapper>\n        </HeaderIconButton>\n        {isComplete && (\n          <Drawer.CloseButton\n            onClose={handleClose}\n            label={formatMessage({\n              id: getTranslationKey('upload.progress.close'),\n              defaultMessage: 'Close',\n            })}\n          />\n        )}\n      </Flex>\n    </Flex>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * UploadProgressDialog\n * -----------------------------------------------------------------------------------------------*/\n\nconst ProgressTrack = styled.div`\n  width: 100%;\n  height: ${({ theme }) => theme.spaces[1]};\n  background-color: ${({ theme }) => theme.colors.neutral200};\n  border-radius: 4px;\n  overflow: hidden;\n`;\n\nconst ProgressIndicator = styled.div<{ $percent: number }>`\n  height: 100%;\n  width: ${({ $percent }) => $percent}%;\n  background-color: ${({ theme }) => theme.colors.primary700};\n  border-radius: 4px;\n  transition: width 0.15s linear;\n`;\n\nconst DeterminateBar = ({ percent }: { percent: number }) => {\n  const clamped = Math.min(100, Math.max(0, Math.round(percent)));\n  return (\n    <ProgressTrack role=\"progressbar\" aria-valuemin={0} aria-valuemax={100} aria-valuenow={clamped}>\n      <ProgressIndicator $percent={clamped} />\n    </ProgressTrack>\n  );\n};\n\nconst INDETERMINATE_INDICATOR_WIDTH = 40;\n\n/**\n * `translateX` percentages resolve against the *indicator's* own width, not the track's.\n * So -100% is exactly \"fully off the left edge\" regardless of the width above, and the\n * end offset converts a full track width into those same own-width units. Both ends sit\n * flush off-track, which keeps entry and exit symmetric — a smaller start offset would\n * make the bar pop in already partly visible.\n */\nconst indeterminateSlide = keyframes`\n  from {\n    transform: translateX(-100%);\n  }\n  to {\n    transform: translateX(${(100 / INDETERMINATE_INDICATOR_WIDTH) * 100}%);\n  }\n`;\n\nconst IndeterminateIndicator = styled.div`\n  height: 100%;\n  width: ${INDETERMINATE_INDICATOR_WIDTH}%;\n  background-color: ${({ theme }) => theme.colors.primary700};\n  border-radius: 4px;\n  /* Linear, not an eased curve: the DS easings decelerate to a stop, which on a loop\n     reads as a stall at the wrap point. Constant speed is what makes it read as a sweep. */\n  animation: ${indeterminateSlide} 1.2s linear infinite;\n\n  /* A perpetually moving bar is a vestibular trigger; fall back to a static track fill. */\n  @media (prefers-reduced-motion: reduce) {\n    animation: none;\n    width: 100%;\n    opacity: 0.5;\n  }\n`;\n\n/**\n * Progress bar for work whose completion fraction is genuinely unknowable, rather\n * than merely unknown-yet: the AI metadata endpoint answers in one go, and the URL\n * flow can't report bytes until the server has fetched the file and knows its size.\n *\n * Deliberately omits `aria-valuenow` — that absence is precisely how ARIA conveys\n * an indeterminate progressbar, so assistive tech announces \"busy\" instead of \"0%\".\n */\nconst IndeterminateBar = () => {\n  return (\n    <ProgressTrack role=\"progressbar\" aria-valuemin={0} aria-valuemax={100}>\n      <IndeterminateIndicator />\n    </ProgressTrack>\n  );\n};\n\nconst FileRow = ({\n  icon,\n  fileName,\n  children,\n}: {\n  icon: React.ReactNode;\n  fileName: string;\n  children: React.ReactNode;\n}) => {\n  return (\n    <Flex direction=\"column\" alignItems=\"stretch\" justifyContent=\"center\" gap={1} width=\"100%\">\n      <Flex gap={2}>\n        {icon}\n        <Typography variant=\"omega\" fontWeight=\"semiBold\" ellipsis>\n          {fileName}\n        </Typography>\n      </Flex>\n      {children}\n    </Flex>\n  );\n};\n\n/**\n * Icon + subline for a successfully uploaded row, keyed by its metadata phase.\n * `'none'` covers rows that never entered the phase — AI metadata disabled — and\n * renders exactly as before this feature existed. Non-images do enter the phase and\n * land on `skipped`.\n *\n * `skipped` uses a neutral `Information` icon, deliberately distinct from\n * generated/failed/cancelled — skipping is an expected outcome for a non-image, not a\n * problem to flag.\n */\nconst COMPLETED_ROW_PRESENTATION: Record<\n  FileMetadataStatus | 'none',\n  { icon: React.ReactNode; message: MessageDescriptor }\n> = {\n  none: {\n    icon: <CheckCircle fill=\"success500\" />,\n    message: {\n      id: getTranslationKey('upload.progress.file.uploaded'),\n      defaultMessage: 'Uploaded',\n    },\n  },\n  generating: {\n    icon: <Sparkle fill=\"primary600\" />,\n    message: {\n      id: getTranslationKey('upload.progress.file.generatingMetadata'),\n      defaultMessage: 'Uploaded • Generating metadata…',\n    },\n  },\n  generated: {\n    icon: <CheckCircle fill=\"success500\" />,\n    message: {\n      id: getTranslationKey('upload.progress.file.metadataGenerated'),\n      defaultMessage: 'Uploaded • Metadata generated',\n    },\n  },\n  skipped: {\n    icon: <Information fill=\"neutral500\" />,\n    message: {\n      id: getTranslationKey('upload.progress.file.metadataSkipped'),\n      defaultMessage: 'Upload complete • Metadata generation skipped',\n    },\n  },\n  failed: {\n    icon: <WarningCircle fill=\"warning500\" />,\n    message: {\n      id: getTranslationKey('upload.progress.file.metadataFailed'),\n      defaultMessage: 'Upload complete • Metadata generation failed',\n    },\n  },\n};\n\nconst FileRowRenderer = ({ file }: { file: FileProgress }) => {\n  const { formatMessage } = useIntl();\n  const isError = file.status === 'error';\n  const isCurrentFile = file.status === 'uploading';\n  const isCompleted = file.status === 'complete';\n  const isCancelled = file.status === 'cancelled';\n\n  if (isCurrentFile) {\n    // Determinate only once bytes are actually being reported — a known `size` is not\n    // enough. The two upload flows differ here:\n    //  - the direct-file flow streams real byte counts from XHR, so `uploadedBytes`\n    //    climbs and a determinate bar is meaningful;\n    //  - the URL flow learns the size from the `file:uploading` SSE event but receives\n    //    no incremental counts at all (the next event is `file:complete`), so\n    //    `uploadedBytes` stays 0 for the whole transfer.\n    // Keying off `size` alone froze URL rows at a determinate 0% for the entire upload;\n    // keying off reported bytes keeps them animating until there is a fraction to show.\n    const hasReportedProgress = file.size > 0 && file.uploadedBytes > 0;\n\n    return (\n      <FileRow icon={<ArrowsCounterClockwise fill=\"secondary600\" />} fileName={file.name}>\n        <Typography variant=\"pi\" textColor=\"neutral600\">\n          {formatMessage({\n            id: getTranslationKey('upload.progress.file.uploading'),\n            defaultMessage: 'Uploading...',\n          })}\n        </Typography>\n        {hasReportedProgress ? (\n          <DeterminateBar percent={(file.uploadedBytes / file.size) * 100} />\n        ) : (\n          <IndeterminateBar />\n        )}\n      </FileRow>\n    );\n  }\n\n  if (isError) {\n    return (\n      <FileRow icon={<CrossCircle fill=\"danger500\" />} fileName={file.name}>\n        <Typography variant=\"pi\" textColor=\"neutral600\">\n          {file.error}\n        </Typography>\n      </FileRow>\n    );\n  }\n\n  if (isCancelled) {\n    return (\n      <FileRow icon={<MinusCircle fill=\"neutral600\" />} fileName={file.name}>\n        <Typography variant=\"pi\" textColor=\"neutral600\">\n          {formatMessage({\n            id: getTranslationKey('upload.progress.file.canceled'),\n            defaultMessage: 'Canceled',\n          })}\n        </Typography>\n      </FileRow>\n    );\n  }\n\n  if (isCompleted) {\n    // The upload succeeded; the metadata phase (if any) drives both the icon and the\n    // subline from here on — a metadata failure shows a warning, not an upload error.\n    const { icon, message } = COMPLETED_ROW_PRESENTATION[file.metadataStatus ?? 'none'];\n\n    return (\n      <FileRow icon={icon} fileName={file.name}>\n        <Typography variant=\"pi\" textColor=\"neutral600\">\n          {formatMessage(message)}\n        </Typography>\n        {/* Generation has no intermediate progress to report, so the bar stays indeterminate. */}\n        {file.metadataStatus === 'generating' && <IndeterminateBar />}\n      </FileRow>\n    );\n  }\n\n  return null;\n};\n\nconst CompletedFilesList = styled(Flex)`\n  flex-direction: column;\n  gap: ${({ theme }) => theme.spaces[2]};\n  width: 100%;\n`;\n\nexport const UploadProgressDialog = () => {\n  const dispatch = useTypedDispatch();\n  const { isVisible, isMinimized, files } = useTypedSelector((state) => state.uploadProgress);\n\n  // With concurrent uploads several files are `uploading` at once — render every\n  // in-flight row, not just the first (a `find` here dated to the strictly\n  // sequential era and hid all but the lowest-index worker's row).\n  const uploadingFiles = files.filter((f) => f.status === 'uploading');\n  const completedFiles = files\n    .filter((f) => f.status === 'complete' || f.status === 'error' || f.status === 'cancelled')\n    .sort((a, b) => {\n      // Sort priority: error > cancelled > complete\n      const priority: Record<FileProgressStatus, number> = {\n        error: 0,\n        cancelled: 1,\n        complete: 2,\n        uploading: 3,\n        pending: 4,\n      };\n      return priority[a.status] - priority[b.status];\n    });\n\n  const handleClose = () => {\n    dispatch(closeUploadProgress());\n  };\n\n  return (\n    <Drawer.Root isVisible={isVisible} onClose={handleClose}>\n      <Drawer.Body animationDirection=\"up\" width=\"41.6rem\" maxHeight=\"34.2rem\">\n        <DialogHeader handleClose={handleClose} />\n        <Drawer.ScrollableContent isContentExpanded={!isMinimized}>\n          <Flex\n            direction=\"column\"\n            alignItems=\"stretch\"\n            gap={4}\n            paddingTop={4}\n            paddingBottom={4}\n            paddingLeft={4}\n            paddingRight={4}\n          >\n            {uploadingFiles.map((file) => (\n              <FileRowRenderer key={file.index} file={file} />\n            ))}\n\n            {completedFiles.length > 0 && (\n              <CompletedFilesList>\n                {completedFiles.map((file) => (\n                  <FileRowRenderer key={file.index} file={file} />\n                ))}\n              </CompletedFilesList>\n            )}\n          </Flex>\n        </Drawer.ScrollableContent>\n      </Drawer.Body>\n    </Drawer.Root>\n  );\n};\n"],"names":["HeaderStatusMessage","title","subtitle","metadataSubtitle","_jsxs","Flex","direction","alignItems","paddingLeft","_jsx","Drawer","Title","Typography","variant","Description","textColor","HeaderStatusIcon","styled","theme","spaces","borderRadius","HeaderStatusWrapper","HeaderStatus","status","progress","totalFiles","successfulCount","errorCount","metadataProgress","isGeneratingMetadata","metadataOutcome","formatMessage","useIntl","id","getTranslationKey","defaultMessage","percentage","undefined","generated","failed","generatedCount","failedCount","count","background","Cross","fill","successCount","Check","MinusCircle","progressPercentage","Math","round","Upload","total","HeaderIconButton","IconButton","ChevronWrapper","span","$isMinimized","HEADER_COLOR_MAP","uploading","canceled","success","error","DialogHeader","handleClose","isMinimized","files","uploadId","useTypedSelector","state","uploadProgress","selectAggregateProgress","selectMetadataProgress","selectIsGeneratingMetadata","selectMetadataOutcome","dispatch","useTypedDispatch","retryCancelledFiles","useRetryCancelledFilesMutation","isComplete","length","every","f","isAllUploaded","isAllErrored","hasCancelledFiles","some","filter","isSuccess","handleCancel","abortUpload","cancelUpload","handleRetry","unwrap","handleToggleMinimize","toggleMinimize","justifyContent","margin","hasRadius","gap","TextButton","onClick","fontWeight","label","ChevronDown","CloseButton","onClose","ProgressTrack","div","colors","neutral200","ProgressIndicator","$percent","primary700","DeterminateBar","percent","clamped","min","max","role","aria-valuemin","aria-valuemax","aria-valuenow","INDETERMINATE_INDICATOR_WIDTH","indeterminateSlide","keyframes","IndeterminateIndicator","IndeterminateBar","FileRow","icon","fileName","children","width","ellipsis","COMPLETED_ROW_PRESENTATION","none","CheckCircle","message","generating","Sparkle","skipped","Information","WarningCircle","FileRowRenderer","file","isError","isCurrentFile","isCompleted","isCancelled","hasReportedProgress","size","uploadedBytes","ArrowsCounterClockwise","name","CrossCircle","metadataStatus","CompletedFilesList","UploadProgressDialog","isVisible","uploadingFiles","completedFiles","sort","a","b","priority","cancelled","complete","pending","closeUploadProgress","Root","Body","animationDirection","maxHeight","ScrollableContent","isContentExpanded","paddingTop","paddingBottom","paddingRight","map","index"],"mappings":"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"}
+{"version":3,"file":"UploadProgressDialog.js","sources":["../../../../admin/src/future/components/UploadProgressDialog.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Flex, IconButton, TextButton, Typography } from '@strapi/design-system';\nimport {\n  ArrowsCounterClockwise,\n  Check,\n  CheckCircle,\n  ChevronDown,\n  Clock,\n  Cross,\n  CrossCircle,\n  Information,\n  MinusCircle,\n  Sparkle,\n  Upload,\n  WarningCircle,\n} from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { keyframes, styled } from 'styled-components';\n\nimport { abortUpload, useRetryCancelledFilesMutation } from '../services/api';\nimport { useTypedDispatch, useTypedSelector } from '../store/hooks';\nimport {\n  closeUploadProgress,\n  toggleMinimize,\n  cancelUpload,\n  selectAggregateProgress,\n  selectMetadataProgress,\n  selectIsGeneratingMetadata,\n  selectMetadataOutcome,\n} from '../store/uploadProgress';\nimport { getTranslationKey } from '../utils/translations';\n\nimport { Drawer } from './Drawer';\n\nimport type { FileMetadataStatus, FileProgress, FileProgressStatus } from '../store/uploadProgress';\nimport type { MessageDescriptor } from 'react-intl';\n\n/* -------------------------------------------------------------------------------------------------\n * DialogHeader\n * -----------------------------------------------------------------------------------------------*/\n\nconst HeaderStatusMessage = ({\n  title,\n  subtitle,\n  metadataSubtitle,\n}: {\n  title: string;\n  subtitle?: string;\n  metadataSubtitle?: string;\n}) => {\n  return (\n    <Flex direction=\"column\" alignItems=\"flex-start\" paddingLeft={2}>\n      <Drawer.Title>\n        <Typography variant=\"omega\">{title}</Typography>\n      </Drawer.Title>\n      <Drawer.Description>\n        <Typography variant=\"pi\" textColor=\"neutral600\">\n          {subtitle}\n        </Typography>\n      </Drawer.Description>\n      {metadataSubtitle && (\n        <Typography variant=\"pi\" textColor=\"neutral600\">\n          {metadataSubtitle}\n        </Typography>\n      )}\n    </Flex>\n  );\n};\n\nconst HeaderStatusIcon = styled(Flex)`\n  padding: ${({ theme }) => theme.spaces[3]};\n  border-radius: ${({ theme }) => `${theme.borderRadius} 0 0 ${theme.borderRadius}`};\n\n  > svg {\n    height: 24px;\n    width: 24px;\n  }\n`;\n\nconst HeaderStatusWrapper = styled(Flex)`\n  align-items: center;\n`;\n\ntype HeaderStatusProps = {\n  status: 'uploading' | 'success' | 'error' | 'canceled';\n  progress?: number;\n  totalFiles: number;\n  successfulCount: number;\n  errorCount: number;\n  /**\n   * Count-based metadata progress, or `null` when no row entered the metadata phase.\n   * Shown as an extra subtitle while generation is still in flight.\n   */\n  metadataProgress: number | null;\n  /** Whether any row is still generating — drives whether the subtitle shows at all. */\n  isGeneratingMetadata: boolean;\n  /**\n   * Terminal per-outcome counts, or `null` while the phase is unfinished or was never\n   * entered. Replaces the in-flight subtitle once generation settles.\n   */\n  metadataOutcome: { generated: number; skipped: number; failed: number } | null;\n};\n\nconst HeaderStatus = ({\n  status,\n  progress,\n  totalFiles,\n  successfulCount,\n  errorCount,\n  metadataProgress,\n  isGeneratingMetadata,\n  metadataOutcome,\n}: HeaderStatusProps) => {\n  const { formatMessage } = useIntl();\n\n  // Completion is upload-driven, so the terminal header can appear while metadata is\n  // still generating — the subtitle keeps ticking underneath until it settles.\n  //\n  // Gated on work actually being in flight rather than on `progress < 100`: in a\n  // sequential batch the percentage touches 100% between files, which would blink the\n  // subtitle out and back in on every upload.\n  //\n  // Once the phase settles the line is not dropped but replaced with the outcome, so the\n  // header keeps confirming what happened instead of silently losing the message.\n  const metadataSubtitle = (() => {\n    if (metadataProgress !== null && isGeneratingMetadata) {\n      return formatMessage(\n        {\n          id: getTranslationKey('upload.progress.generatingMetadata.withCount'),\n          defaultMessage: 'Generating metadata with AI ({percentage}%)',\n        },\n        { percentage: metadataProgress }\n      );\n    }\n\n    if (metadataOutcome === null) {\n      return undefined;\n    }\n\n    // Only `generated` rows had metadata written, so only they can be reported as a\n    // success. With none, there is nothing to confirm — an all-skipped batch of\n    // non-images would otherwise read as \"generated on 0 files\". Per-row sublines\n    // already spell out skipped and failed outcomes.\n    if (metadataOutcome.generated === 0) {\n      return undefined;\n    }\n\n    if (metadataOutcome.failed > 0) {\n      return formatMessage(\n        {\n          id: getTranslationKey('upload.progress.metadataGenerated.withFailures'),\n          defaultMessage: '{generatedCount} generated, {failedCount} failed',\n        },\n        { generatedCount: metadataOutcome.generated, failedCount: metadataOutcome.failed }\n      );\n    }\n\n    return formatMessage(\n      {\n        id: getTranslationKey('upload.progress.metadataGenerated.withCount'),\n        defaultMessage:\n          '{count, plural, one {Metadata successfully generated on # file} other {Metadata successfully generated on # files}}',\n      },\n      { count: metadataOutcome.generated }\n    );\n  })();\n\n  if (status === 'error') {\n    return (\n      <HeaderStatusWrapper>\n        <HeaderStatusIcon background=\"danger200\">\n          <Cross fill=\"danger700\" />\n        </HeaderStatusIcon>\n        <HeaderStatusMessage\n          title={formatMessage({\n            id: getTranslationKey('upload.progress.failed'),\n            defaultMessage: 'Upload failed',\n          })}\n          subtitle={formatMessage({\n            id: getTranslationKey('upload.progress.failed.subtitle'),\n            defaultMessage: 'Please try to upload files again',\n          })}\n        />\n      </HeaderStatusWrapper>\n    );\n  }\n\n  if (status === 'success') {\n    const subtitle =\n      errorCount > 0\n        ? formatMessage(\n            {\n              id: getTranslationKey('upload.progress.success.subtitle.withErrors'),\n              defaultMessage: '{successCount} uploaded, {errorCount} failed',\n            },\n            { successCount: successfulCount, errorCount }\n          )\n        : formatMessage(\n            {\n              id: getTranslationKey('upload.progress.success.subtitle'),\n              defaultMessage: '{count} files uploaded successfully',\n            },\n            { count: successfulCount }\n          );\n\n    return (\n      <HeaderStatusWrapper>\n        <HeaderStatusIcon background=\"success200\">\n          <Check fill=\"success700\" />\n        </HeaderStatusIcon>\n        <HeaderStatusMessage\n          title={formatMessage({\n            id: getTranslationKey('upload.progress.success'),\n            defaultMessage: 'Upload successful!',\n          })}\n          subtitle={subtitle}\n          metadataSubtitle={metadataSubtitle}\n        />\n      </HeaderStatusWrapper>\n    );\n  }\n\n  if (status === 'canceled') {\n    return (\n      <HeaderStatusWrapper>\n        <HeaderStatusIcon background=\"neutral200\">\n          <MinusCircle fill=\"neutral700\" />\n        </HeaderStatusIcon>\n        <HeaderStatusMessage\n          title={formatMessage({\n            id: getTranslationKey('upload.progress.canceled'),\n            defaultMessage: 'Upload canceled',\n          })}\n          subtitle={formatMessage({\n            id: getTranslationKey('upload.progress.canceled.subtitle'),\n            defaultMessage: 'Some files were not uploaded',\n          })}\n          metadataSubtitle={metadataSubtitle}\n        />\n      </HeaderStatusWrapper>\n    );\n  }\n\n  if (status === 'uploading') {\n    const progressPercentage = progress ? Math.round(progress) : 0;\n\n    return (\n      <HeaderStatusWrapper>\n        <HeaderStatusIcon background=\"primary200\">\n          <Upload fill=\"primary700\" />\n        </HeaderStatusIcon>\n        <HeaderStatusMessage\n          title={formatMessage(\n            {\n              id: getTranslationKey('upload.progress.uploading.withCount'),\n              defaultMessage: 'Uploading {total} items ({percentage}%)',\n            },\n            {\n              total: totalFiles,\n              percentage: progressPercentage,\n            }\n          )}\n          metadataSubtitle={metadataSubtitle}\n        />\n      </HeaderStatusWrapper>\n    );\n  }\n\n  return null;\n};\n\nconst HeaderIconButton = styled(IconButton)`\n  &:hover {\n    background: transparent;\n  }\n`;\n\nconst ChevronWrapper = styled.span<{ $isMinimized: boolean }>`\n  display: flex;\n  transition: transform 0.5s ease-in-out;\n  transform: ${({ $isMinimized }) => ($isMinimized ? 'rotate(180deg)' : 'rotate(0deg)')};\n`;\n\nconst HEADER_COLOR_MAP = {\n  uploading: { background: 'primary100' },\n  canceled: { background: 'neutral100' },\n  success: { background: 'success100' },\n  error: { background: 'danger100' },\n} as const;\n\nconst DialogHeader = ({ handleClose }: { handleClose: () => void }) => {\n  const { formatMessage } = useIntl();\n\n  const { isMinimized, files, uploadId, totalFiles } = useTypedSelector(\n    (state) => state.uploadProgress\n  );\n  const progress = useTypedSelector(selectAggregateProgress);\n  const metadataProgress = useTypedSelector(selectMetadataProgress);\n  const isGeneratingMetadata = useTypedSelector(selectIsGeneratingMetadata);\n  const metadataOutcome = useTypedSelector(selectMetadataOutcome);\n  const dispatch = useTypedDispatch();\n  const [retryCancelledFiles] = useRetryCancelledFilesMutation();\n\n  // The batch is complete once every file has reached a terminal state. Byte-weighted\n  // progress can't be used here because errored/cancelled rows never reach 100%.\n  const isComplete =\n    files.length > 0 &&\n    files.every((f) => f.status === 'complete' || f.status === 'error' || f.status === 'cancelled');\n  const isAllUploaded = isComplete;\n  const isAllErrored = isComplete && files.every((f) => f.status === 'error');\n  const hasCancelledFiles = files.some((f) => f.status === 'cancelled');\n  const successfulCount = files.filter((f) => f.status === 'complete').length;\n  const errorCount = files.filter((f) => f.status === 'error').length;\n  // Success includes partial success (some files succeeded, even if some failed)\n  const isSuccess = isComplete && successfulCount > 0 && !hasCancelledFiles;\n  const status = ((): HeaderStatusProps['status'] => {\n    if (isAllErrored) return 'error';\n    if (isSuccess) return 'success';\n    if (hasCancelledFiles) return 'canceled';\n\n    return 'uploading';\n  })();\n\n  const handleCancel = () => {\n    abortUpload(uploadId);\n    dispatch(cancelUpload());\n  };\n\n  const handleRetry = async () => {\n    try {\n      await retryCancelledFiles().unwrap();\n    } catch {\n      // Error is already dispatched to store from the API queryFn\n    }\n  };\n\n  const handleToggleMinimize = () => {\n    dispatch(toggleMinimize());\n  };\n\n  return (\n    <Flex\n      background={HEADER_COLOR_MAP[status].background}\n      justifyContent=\"space-between\"\n      margin={1}\n      hasRadius\n    >\n      <HeaderStatus\n        status={status}\n        progress={progress}\n        totalFiles={totalFiles}\n        successfulCount={successfulCount}\n        errorCount={errorCount}\n        metadataProgress={metadataProgress}\n        isGeneratingMetadata={isGeneratingMetadata}\n        metadataOutcome={metadataOutcome}\n      />\n      <Flex gap={1}>\n        {!isAllUploaded && (\n          <TextButton onClick={handleCancel} fontWeight=\"bold\">\n            {formatMessage({\n              id: getTranslationKey('upload.progress.cancel'),\n              defaultMessage: 'Cancel all',\n            })}\n          </TextButton>\n        )}\n        {hasCancelledFiles && (\n          <TextButton onClick={handleRetry} fontWeight=\"bold\">\n            {formatMessage({\n              id: getTranslationKey('upload.progress.retry'),\n              defaultMessage: 'Retry',\n            })}\n          </TextButton>\n        )}\n        <HeaderIconButton\n          onClick={handleToggleMinimize}\n          label={formatMessage({\n            id: getTranslationKey(\n              isMinimized ? 'upload.progress.maximize' : 'upload.progress.minimize'\n            ),\n            defaultMessage: isMinimized ? 'Maximize' : 'Minimize',\n          })}\n          variant=\"ghost\"\n        >\n          <ChevronWrapper $isMinimized={isMinimized}>\n            <ChevronDown />\n          </ChevronWrapper>\n        </HeaderIconButton>\n        {isComplete && (\n          <Drawer.CloseButton\n            onClose={handleClose}\n            label={formatMessage({\n              id: getTranslationKey('upload.progress.close'),\n              defaultMessage: 'Close',\n            })}\n          />\n        )}\n      </Flex>\n    </Flex>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * UploadProgressDialog\n * -----------------------------------------------------------------------------------------------*/\n\nconst ProgressTrack = styled.div`\n  width: 100%;\n  height: ${({ theme }) => theme.spaces[1]};\n  background-color: ${({ theme }) => theme.colors.neutral200};\n  border-radius: 4px;\n  overflow: hidden;\n`;\n\nconst ProgressIndicator = styled.div<{ $percent: number }>`\n  height: 100%;\n  width: ${({ $percent }) => $percent}%;\n  background-color: ${({ theme }) => theme.colors.primary700};\n  border-radius: 4px;\n  transition: width 0.15s linear;\n`;\n\nconst DeterminateBar = ({ percent }: { percent: number }) => {\n  const clamped = Math.min(100, Math.max(0, Math.round(percent)));\n  return (\n    <ProgressTrack role=\"progressbar\" aria-valuemin={0} aria-valuemax={100} aria-valuenow={clamped}>\n      <ProgressIndicator $percent={clamped} />\n    </ProgressTrack>\n  );\n};\n\nconst INDETERMINATE_INDICATOR_WIDTH = 40;\n\n/**\n * `translateX` percentages resolve against the *indicator's* own width, not the track's.\n * So -100% is exactly \"fully off the left edge\" regardless of the width above, and the\n * end offset converts a full track width into those same own-width units. Both ends sit\n * flush off-track, which keeps entry and exit symmetric — a smaller start offset would\n * make the bar pop in already partly visible.\n */\nconst indeterminateSlide = keyframes`\n  from {\n    transform: translateX(-100%);\n  }\n  to {\n    transform: translateX(${(100 / INDETERMINATE_INDICATOR_WIDTH) * 100}%);\n  }\n`;\n\nconst IndeterminateIndicator = styled.div`\n  height: 100%;\n  width: ${INDETERMINATE_INDICATOR_WIDTH}%;\n  background-color: ${({ theme }) => theme.colors.primary700};\n  border-radius: 4px;\n  /* Linear, not an eased curve: the DS easings decelerate to a stop, which on a loop\n     reads as a stall at the wrap point. Constant speed is what makes it read as a sweep. */\n  animation: ${indeterminateSlide} 1.2s linear infinite;\n\n  /* A perpetually moving bar is a vestibular trigger; fall back to a static track fill. */\n  @media (prefers-reduced-motion: reduce) {\n    animation: none;\n    width: 100%;\n    opacity: 0.5;\n  }\n`;\n\n/**\n * Progress bar for work whose completion fraction is genuinely unknowable, rather\n * than merely unknown-yet: the AI metadata endpoint answers in one go, and the URL\n * flow can't report bytes until the server has fetched the file and knows its size.\n *\n * Deliberately omits `aria-valuenow` — that absence is precisely how ARIA conveys\n * an indeterminate progressbar, so assistive tech announces \"busy\" instead of \"0%\".\n */\nconst IndeterminateBar = () => {\n  return (\n    <ProgressTrack role=\"progressbar\" aria-valuemin={0} aria-valuemax={100}>\n      <IndeterminateIndicator />\n    </ProgressTrack>\n  );\n};\n\nconst FileRow = ({\n  icon,\n  fileName,\n  children,\n}: {\n  icon: React.ReactNode;\n  fileName: string;\n  children: React.ReactNode;\n}) => {\n  return (\n    <Flex direction=\"column\" alignItems=\"stretch\" justifyContent=\"center\" gap={1} width=\"100%\">\n      <Flex gap={2}>\n        {icon}\n        <Typography variant=\"omega\" fontWeight=\"semiBold\" ellipsis>\n          {fileName}\n        </Typography>\n      </Flex>\n      {children}\n    </Flex>\n  );\n};\n\n/**\n * Icon + subline for a successfully uploaded row, keyed by its metadata phase.\n * `'none'` covers rows that never entered the phase — AI metadata disabled — and\n * renders exactly as before this feature existed. Non-images do enter the phase and\n * land on `skipped`.\n *\n * `skipped` uses a neutral `Information` icon, deliberately distinct from\n * generated/failed/cancelled — skipping is an expected outcome for a non-image, not a\n * problem to flag.\n */\nconst COMPLETED_ROW_PRESENTATION: Record<\n  FileMetadataStatus | 'none',\n  { icon: React.ReactNode; message: MessageDescriptor }\n> = {\n  none: {\n    icon: <CheckCircle fill=\"success500\" />,\n    message: {\n      id: getTranslationKey('upload.progress.file.uploaded'),\n      defaultMessage: 'Uploaded',\n    },\n  },\n  generating: {\n    icon: <Sparkle fill=\"primary600\" />,\n    message: {\n      id: getTranslationKey('upload.progress.file.generatingMetadata'),\n      defaultMessage: 'Uploaded • Generating metadata…',\n    },\n  },\n  generated: {\n    icon: <CheckCircle fill=\"success500\" />,\n    message: {\n      id: getTranslationKey('upload.progress.file.metadataGenerated'),\n      defaultMessage: 'Uploaded • Metadata generated',\n    },\n  },\n  skipped: {\n    icon: <Information fill=\"neutral500\" />,\n    message: {\n      id: getTranslationKey('upload.progress.file.metadataSkipped'),\n      defaultMessage: 'Upload complete • Metadata generation skipped',\n    },\n  },\n  failed: {\n    icon: <WarningCircle fill=\"warning500\" />,\n    message: {\n      id: getTranslationKey('upload.progress.file.metadataFailed'),\n      defaultMessage: 'Upload complete • Metadata generation failed',\n    },\n  },\n};\n\nconst FileRowRenderer = ({ file }: { file: FileProgress }) => {\n  const { formatMessage } = useIntl();\n  const isError = file.status === 'error';\n  const isCurrentFile = file.status === 'uploading';\n  const isCompleted = file.status === 'complete';\n  const isCancelled = file.status === 'cancelled';\n  const isQueued = file.status === 'pending';\n\n  if (isQueued) {\n    // No bar: there is nothing to report yet, and an indeterminate bar would read\n    // as \"in progress\" on a file the pool has not picked up.\n    return (\n      <FileRow icon={<Clock fill=\"neutral600\" />} fileName={file.name}>\n        <Typography variant=\"pi\" textColor=\"neutral600\">\n          {formatMessage({\n            id: getTranslationKey('upload.progress.file.queued'),\n            defaultMessage: 'Queued',\n          })}\n        </Typography>\n      </FileRow>\n    );\n  }\n\n  if (isCurrentFile) {\n    // Determinate only once bytes are actually being reported — a known `size` is not\n    // enough. The two upload flows differ here:\n    //  - the direct-file flow streams real byte counts from XHR, so `uploadedBytes`\n    //    climbs and a determinate bar is meaningful;\n    //  - the URL flow learns the size from the `file:uploading` SSE event but receives\n    //    no incremental counts at all (the next event is `file:complete`), so\n    //    `uploadedBytes` stays 0 for the whole transfer.\n    // Keying off `size` alone froze URL rows at a determinate 0% for the entire upload;\n    // keying off reported bytes keeps them animating until there is a fraction to show.\n    const hasReportedProgress = file.size > 0 && file.uploadedBytes > 0;\n\n    return (\n      <FileRow icon={<ArrowsCounterClockwise fill=\"secondary600\" />} fileName={file.name}>\n        <Typography variant=\"pi\" textColor=\"neutral600\">\n          {formatMessage({\n            id: getTranslationKey('upload.progress.file.uploading'),\n            defaultMessage: 'Uploading...',\n          })}\n        </Typography>\n        {hasReportedProgress ? (\n          <DeterminateBar percent={(file.uploadedBytes / file.size) * 100} />\n        ) : (\n          <IndeterminateBar />\n        )}\n      </FileRow>\n    );\n  }\n\n  if (isError) {\n    return (\n      <FileRow icon={<CrossCircle fill=\"danger500\" />} fileName={file.name}>\n        <Typography variant=\"pi\" textColor=\"neutral600\">\n          {file.error\n            ? /**\n               * The server may return a machine-readable code (e.g. `FileTooBig` from the\n               * body middleware) or an already human-readable sentence (e.g. the upload\n               * plugin's size-limit message). Translate the former, fall back to the latter.\n               */\n              formatMessage({\n                id: getTranslationKey(`apiError.${file.error}`),\n                defaultMessage: file.error,\n              })\n            : formatMessage({\n                id: getTranslationKey('upload.generic-error'),\n                defaultMessage: 'An error occurred while uploading the file.',\n              })}\n        </Typography>\n      </FileRow>\n    );\n  }\n\n  if (isCancelled) {\n    return (\n      <FileRow icon={<MinusCircle fill=\"neutral600\" />} fileName={file.name}>\n        <Typography variant=\"pi\" textColor=\"neutral600\">\n          {formatMessage({\n            id: getTranslationKey('upload.progress.file.canceled'),\n            defaultMessage: 'Canceled',\n          })}\n        </Typography>\n      </FileRow>\n    );\n  }\n\n  if (isCompleted) {\n    // The upload succeeded; the metadata phase (if any) drives both the icon and the\n    // subline from here on — a metadata failure shows a warning, not an upload error.\n    const { icon, message } = COMPLETED_ROW_PRESENTATION[file.metadataStatus ?? 'none'];\n\n    return (\n      <FileRow icon={icon} fileName={file.name}>\n        <Typography variant=\"pi\" textColor=\"neutral600\">\n          {formatMessage(message)}\n        </Typography>\n        {/* Generation has no intermediate progress to report, so the bar stays indeterminate. */}\n        {file.metadataStatus === 'generating' && <IndeterminateBar />}\n      </FileRow>\n    );\n  }\n\n  return null;\n};\n\nconst CompletedFilesList = styled(Flex)`\n  flex-direction: column;\n  gap: ${({ theme }) => theme.spaces[2]};\n  width: 100%;\n`;\n\nexport const UploadProgressDialog = () => {\n  const dispatch = useTypedDispatch();\n  const { isVisible, isMinimized, files } = useTypedSelector((state) => state.uploadProgress);\n\n  // With concurrent uploads several files are `uploading` at once — render every\n  // in-flight row, not just the first (a `find` here dated to the strictly\n  // sequential era and hid all but the lowest-index worker's row).\n  const uploadingFiles = files.filter((f) => f.status === 'uploading');\n  // Everything the pool has not reached yet. Listed in queue order, which is the\n  // order `files` is already in, so a row's position tells the user where it sits.\n  const queuedFiles = files.filter((f) => f.status === 'pending');\n  const completedFiles = files\n    .filter((f) => f.status === 'complete' || f.status === 'error' || f.status === 'cancelled')\n    .sort((a, b) => {\n      // Sort priority: error > cancelled > complete\n      const priority: Record<FileProgressStatus, number> = {\n        error: 0,\n        cancelled: 1,\n        complete: 2,\n        uploading: 3,\n        pending: 4,\n      };\n      return priority[a.status] - priority[b.status];\n    });\n\n  const handleClose = () => {\n    dispatch(closeUploadProgress());\n  };\n\n  return (\n    <Drawer.Root isVisible={isVisible} onClose={handleClose}>\n      <Drawer.Body animationDirection=\"up\" width=\"41.6rem\" maxHeight=\"34.2rem\">\n        <DialogHeader handleClose={handleClose} />\n        <Drawer.ScrollableContent isContentExpanded={!isMinimized}>\n          <Flex\n            direction=\"column\"\n            alignItems=\"stretch\"\n            gap={4}\n            paddingTop={4}\n            paddingBottom={4}\n            paddingLeft={4}\n            paddingRight={4}\n          >\n            {uploadingFiles.map((file) => (\n              <FileRowRenderer key={file.index} file={file} />\n            ))}\n\n            {queuedFiles.map((file) => (\n              <FileRowRenderer key={file.index} file={file} />\n            ))}\n\n            {completedFiles.length > 0 && (\n              <CompletedFilesList>\n                {completedFiles.map((file) => (\n                  <FileRowRenderer key={file.index} file={file} />\n                ))}\n              </CompletedFilesList>\n            )}\n          </Flex>\n        </Drawer.ScrollableContent>\n      </Drawer.Body>\n    </Drawer.Root>\n  );\n};\n"],"names":["HeaderStatusMessage","title","subtitle","metadataSubtitle","_jsxs","Flex","direction","alignItems","paddingLeft","_jsx","Drawer","Title","Typography","variant","Description","textColor","HeaderStatusIcon","styled","theme","spaces","borderRadius","HeaderStatusWrapper","HeaderStatus","status","progress","totalFiles","successfulCount","errorCount","metadataProgress","isGeneratingMetadata","metadataOutcome","formatMessage","useIntl","id","getTranslationKey","defaultMessage","percentage","undefined","generated","failed","generatedCount","failedCount","count","background","Cross","fill","successCount","Check","MinusCircle","progressPercentage","Math","round","Upload","total","HeaderIconButton","IconButton","ChevronWrapper","span","$isMinimized","HEADER_COLOR_MAP","uploading","canceled","success","error","DialogHeader","handleClose","isMinimized","files","uploadId","useTypedSelector","state","uploadProgress","selectAggregateProgress","selectMetadataProgress","selectIsGeneratingMetadata","selectMetadataOutcome","dispatch","useTypedDispatch","retryCancelledFiles","useRetryCancelledFilesMutation","isComplete","length","every","f","isAllUploaded","isAllErrored","hasCancelledFiles","some","filter","isSuccess","handleCancel","abortUpload","cancelUpload","handleRetry","unwrap","handleToggleMinimize","toggleMinimize","justifyContent","margin","hasRadius","gap","TextButton","onClick","fontWeight","label","ChevronDown","CloseButton","onClose","ProgressTrack","div","colors","neutral200","ProgressIndicator","$percent","primary700","DeterminateBar","percent","clamped","min","max","role","aria-valuemin","aria-valuemax","aria-valuenow","INDETERMINATE_INDICATOR_WIDTH","indeterminateSlide","keyframes","IndeterminateIndicator","IndeterminateBar","FileRow","icon","fileName","children","width","ellipsis","COMPLETED_ROW_PRESENTATION","none","CheckCircle","message","generating","Sparkle","skipped","Information","WarningCircle","FileRowRenderer","file","isError","isCurrentFile","isCompleted","isCancelled","isQueued","Clock","name","hasReportedProgress","size","uploadedBytes","ArrowsCounterClockwise","CrossCircle","metadataStatus","CompletedFilesList","UploadProgressDialog","isVisible","uploadingFiles","queuedFiles","completedFiles","sort","a","b","priority","cancelled","complete","pending","closeUploadProgress","Root","Body","animationDirection","maxHeight","ScrollableContent","isContentExpanded","paddingTop","paddingBottom","paddingRight","map","index"],"mappings":"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"}

package/dist/admin/future/components/UploadProgressDialog.mjs

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import 'react';
 import { Flex, IconButton, TextButton, Typography } from '@strapi/design-system';
-import { ChevronDown, ArrowsCounterClockwise, CrossCircle, MinusCircle, Cross, Check, Upload, WarningCircle, Information, CheckCircle, Sparkle } from '@strapi/icons';
+import { ChevronDown, Clock, ArrowsCounterClockwise, CrossCircle, MinusCircle, Cross, Check, Upload, WarningCircle, Information, CheckCircle, Sparkle } from '@strapi/icons';
 import { useIntl } from 'react-intl';
 import { styled, keyframes } from 'styled-components';
 import { useRetryCancelledFilesMutation, abortUpload } from '../services/api.mjs';
@@ -481,6 +481,25 @@ const FileRowRenderer = ({ file })=>{
     const isCurrentFile = file.status === 'uploading';
     const isCompleted = file.status === 'complete';
     const isCancelled = file.status === 'cancelled';
+    const isQueued = file.status === 'pending';
+    if (isQueued) {
+        // No bar: there is nothing to report yet, and an indeterminate bar would read
+        // as "in progress" on a file the pool has not picked up.
+        return /*#__PURE__*/ jsx(FileRow, {
+            icon: /*#__PURE__*/ jsx(Clock, {
+                fill: "neutral600"
+            }),
+            fileName: file.name,
+            children: /*#__PURE__*/ jsx(Typography, {
+                variant: "pi",
+                textColor: "neutral600",
+                children: formatMessage({
+                    id: getTranslationKey('upload.progress.file.queued'),
+                    defaultMessage: 'Queued'
+                })
+            })
+        });
+    }
     if (isCurrentFile) {
         // Determinate only once bytes are actually being reported — a known `size` is not
         // enough. The two upload flows differ here:
@@ -521,7 +540,17 @@ const FileRowRenderer = ({ file })=>{
             children: /*#__PURE__*/ jsx(Typography, {
                 variant: "pi",
                 textColor: "neutral600",
-                children: file.error
+                children: file.error ? /**
+               * The server may return a machine-readable code (e.g. `FileTooBig` from the
+               * body middleware) or an already human-readable sentence (e.g. the upload
+               * plugin's size-limit message). Translate the former, fall back to the latter.
+               */ formatMessage({
+                    id: getTranslationKey(`apiError.${file.error}`),
+                    defaultMessage: file.error
+                }) : formatMessage({
+                    id: getTranslationKey('upload.generic-error'),
+                    defaultMessage: 'An error occurred while uploading the file.'
+                })
             })
         });
     }
@@ -572,6 +601,9 @@ const UploadProgressDialog = ()=>{
     // in-flight row, not just the first (a `find` here dated to the strictly
     // sequential era and hid all but the lowest-index worker's row).
     const uploadingFiles = files.filter((f)=>f.status === 'uploading');
+    // Everything the pool has not reached yet. Listed in queue order, which is the
+    // order `files` is already in, so a row's position tells the user where it sits.
+    const queuedFiles = files.filter((f)=>f.status === 'pending');
     const completedFiles = files.filter((f)=>f.status === 'complete' || f.status === 'error' || f.status === 'cancelled').sort((a, b)=>{
         // Sort priority: error > cancelled > complete
         const priority = {
@@ -611,6 +643,9 @@ const UploadProgressDialog = ()=>{
                             uploadingFiles.map((file)=>/*#__PURE__*/ jsx(FileRowRenderer, {
                                     file: file
                                 }, file.index)),
+                            queuedFiles.map((file)=>/*#__PURE__*/ jsx(FileRowRenderer, {
+                                    file: file
+                                }, file.index)),
                             completedFiles.length > 0 && /*#__PURE__*/ jsx(CompletedFilesList, {
                                 children: completedFiles.map((file)=>/*#__PURE__*/ jsx(FileRowRenderer, {
                                         file: file