@sinequa/atomic-angular 1.15.1 → 1.17.0

package/fesm2022/sinequa-atomic-angular-document-workspaces.mjs

@@ -7,7 +7,7 @@ import { Upload } from 'tus-js-client';
 import { toSignal } from '@angular/core/rxjs-interop';
 import { TranslocoService, TranslocoPipe, provideTranslocoScope } from '@jsverse/transloco';
 import { Temporal } from 'temporal-polyfill';
-import { DialogComponent, ButtonComponent, DialogContentComponent, DialogFooterComponent, DialogTitleComponent, FolderIcon, UserIcon, UserRoundIcon, FileIcon, TooltipDirective, TrashIcon, DialogService, ListIcon, MagnifyingGlassIcon, PlusIcon, XMarkIcon, FileSpreadsheetIcon, FileTextIcon, UploadIcon, DialogHeaderComponent, ChatPlusIcon, ChevronDownIcon, ChevronUpIcon, ExternalLinkIcon, MagnifyingGlassMinusIcon, MagnifyingGlassPlusIcon, EyeIcon, KeyIcon, MenuComponent, MenuContentComponent, MenuItemComponent, PenToSquareIcon, RefreshIcon, TagIcon, CheckIcon, CircleXIcon, SyncIcon } from '@sinequa/ui';
+import { DialogComponent, ButtonComponent, DialogContentComponent, DialogFooterComponent, DialogTitleComponent, FolderIcon, UserIcon, UserRoundIcon, FileIcon, TooltipDirective, TrashIcon, DialogService, ListIcon, MagnifyingGlassIcon, PlusIcon, XMarkIcon, FileSpreadsheetIcon, FileTextIcon, UploadIcon, FileSearchIcon, DialogHeaderComponent, ChatPlusIcon, ChevronDownIcon, ChevronUpIcon, ExternalLinkIcon, MagnifyingGlassMinusIcon, MagnifyingGlassPlusIcon, EyeIcon, KeyIcon, MenuComponent, MenuContentComponent, MenuItemComponent, PenToSquareIcon, RefreshIcon, TagIcon, CheckIcon, CircleXIcon, SyncIcon } from '@sinequa/ui';
 import { DomSanitizer } from '@angular/platform-browser';
 import { computePosition, offset, flip, shift, autoUpdate } from '@floating-ui/dom';
 
@@ -132,8 +132,8 @@ function withDocumentCountAdjusted(workspaces, id, delta) {
  * touches the cache once the server has answered, so a rejected call leaves
  * the state as it was — the call site reports the error.
  *
- * `addDocuments` alone stays purely local: it is the upload flow's optimistic
- * pre-transfer cache update.
+ * `addDocuments`, `discardDocuments` and `patchDocument` stay purely local. The upload
+ * flow no longer uses them: the list is the index, and only the listing writes to it.
  */
 const WorkspacesStore = signalStore({ providedIn: "root" }, withDevtools("Workspaces"), withState(initialState$1), withComputed(({ workspaces, pagination, selectedIds }) => ({
     hasMore: computed(() => workspaces().length < pagination().total && workspaces().length < MAX_LOADED_WORKSPACES),
@@ -164,8 +164,8 @@ const WorkspacesStore = signalStore({ providedIn: "root" }, withDevtools("Worksp
             };
         });
     };
-    const loadDocuments = async (workspaceId) => {
-        const res = await listContainerDocuments(workspaceId, { page: 1, pageSize: PAGE_SIZE });
+    const loadDocuments = async (workspaceId, signal) => {
+        const res = await listContainerDocuments(workspaceId, { page: 1, pageSize: PAGE_SIZE }, { signal });
         const documents = res.documents.map(mapContainerDocumentToWorkspaceDocument);
         patchState(store, state => ({
             documentPagination: { ...state.documentPagination, [workspaceId]: { page: res.page, total: res.total } }
@@ -314,6 +314,23 @@ const WorkspacesStore = signalStore({ providedIn: "root" }, withDevtools("Worksp
             }));
             return { succeeded: result.succeeded, failed: result.failed.map(f => ({ id: f.containerId, error: f.error })) };
         },
+        /**
+         * Local only — for when a read already proved a workspace is gone from the
+         * server (a 404), rather than this session deleting it: the detail view
+         * calls this once the user actually leaves a workspace its background
+         * refresh found deleted, instead of {@link remove}, which would call
+         * DELETE on something already deleted. Kept in the cache until then, so
+         * the view can still show its name while it explains what happened.
+         */
+        forget(id) {
+            patchState(store, state => ({
+                workspaces: state.workspaces.filter(w => w.id !== id),
+                pagination: state.workspaces.some(w => w.id === id) ? { ...state.pagination, total: Math.max(0, state.pagination.total - 1) } : state.pagination,
+                documents: Object.fromEntries(Object.entries(state.documents).filter(([wid]) => wid !== id)),
+                documentPagination: Object.fromEntries(Object.entries(state.documentPagination).filter(([wid]) => wid !== id)),
+                selectedIds: state.selectedIds.filter(selected => selected !== id)
+            }));
+        },
         loadDocuments,
         /** Without this, a workspace with more than one page of documents is silently truncated. */
         async loadMoreDocuments(workspaceId) {
@@ -336,17 +353,16 @@ const WorkspacesStore = signalStore({ providedIn: "root" }, withDevtools("Worksp
             return merged;
         },
         /**
-         * Local only — the upload flow renders a document optimistically, before
-         * its bytes are even sent; the server persists it separately once the
-         * transfer completes.
+         * Local only: adds documents to the cache without calling the API. The upload
+         * flow does not use it (a file enters the list once the listing returns it).
          */
         addDocuments(workspaceId, documents) {
             setDocuments(workspaceId, [...(store.documents()[workspaceId] ?? []), ...documents]);
             adjustDocumentCount(workspaceId, documents.length);
         },
         /**
-         * Local only, the counterpart of {@link addDocuments}: forgets documents the
-         * server never persisted — an upload cancelled before it finished.
+         * Local only, the counterpart of {@link addDocuments}: forgets documents without
+         * calling the API.
          * `removeDocuments` is the one that deletes on the server.
          */
         discardDocuments(workspaceId, documentIds) {
@@ -355,7 +371,7 @@ const WorkspacesStore = signalStore({ providedIn: "root" }, withDevtools("Worksp
             setDocuments(workspaceId, after);
             adjustDocumentCount(workspaceId, after.length - before.length);
         },
-        /** Replaces one cached document (status/progress updates coming from the upload flow), matched by id. */
+        /** Local only: merges a patch into one cached document, matched by id. */
         patchDocument(workspaceId, documentId, patch) {
             patchState(store, state => ({
                 documents: {
@@ -420,7 +436,8 @@ const initialState = {
     workspaces: [],
     connection: null,
     clearedCount: 0,
-    jobIndexing: {}
+    jobIndexing: {},
+    ignoredJobs: {}
 };
 const FINISHED = ["done", "error", "rejected"];
 const FAILED = ["error", "rejected"];
@@ -476,6 +493,45 @@ function phaseProgress(uploads, jobIndexing) {
 function updateOne(uploads, id, change) {
     return uploads.map(upload => (upload.id === id ? change(upload) : upload));
 }
+/** `ignored` plus the jobs of `uploads`. */
+function withIgnored(ignored, uploads) {
+    const next = { ...ignored };
+    for (const upload of uploads)
+        next[jobOf(upload)] = true;
+    return next;
+}
+/** The row standing for a whole job, whose files the API does not list: `<jobId>/`. */
+const remoteJobRowId = (jobId) => `${jobId}/`;
+/** Where a whole job stands, as one row: what the API says of its two phases. */
+function remoteJobState(job) {
+    if (job.uploadStatus === "uploading")
+        return { status: "uploading", percent: job.uploadProgress?.percentage ?? 0 };
+    if (job.uploadStatus === "upload_interrupted")
+        return { status: "error", percent: 0 };
+    if (job.indexingStatus === "complete")
+        return { status: "done", percent: 100 };
+    if (job.indexingStatus === "failed" || job.indexingStatus === "interrupted")
+        return { status: "error", percent: 0 };
+    // The job's aggregate indexing percentage lives in `jobIndexing`: no file has its own.
+    return { status: "indexing", percent: 0 };
+}
+/**
+ * The rows a job started elsewhere shows as: one per file the API names (errors and
+ * rejections, the only per-file data it has), and one for the job itself — unless a
+ * named file already explains why it failed.
+ */
+function remoteRows({ job, workspaceId, mine }) {
+    const base = { type: "doc", workspaceId, retryable: false, percent: 0, remote: { mine } };
+    const files = [
+        ...(job.errors ?? []).map(e => ({ ...base, id: `${job.jobId}/${e.fileName}`, name: e.fileName, status: "error", message: e.error ?? undefined })),
+        ...(job.rejected ?? []).map(r => ({ ...base, id: `${job.jobId}/${r.fileName}`, name: r.fileName, status: "rejected", message: r.reason }))
+    ];
+    const state = remoteJobState(job);
+    if (state.status === "error" && files.length)
+        return files;
+    return [{ ...base, ...state, id: remoteJobRowId(job.jobId), name: "" }, ...files];
+}
+const sameRow = (a, b) => a.status === b.status && a.percent === b.percent && a.message === b.message && a.workspaceId === b.workspaceId && a.remote?.mine === b.remote?.mine;
 /**
  * The state of every upload the tracker follows — pure state, no I/O.
  *
@@ -498,6 +554,13 @@ const UploadTrackerStore = signalStore({ providedIn: "root" }, withDevtools("Upl
     }),
     /** Everything is over and nothing failed: the panel celebrates, then dismisses itself. */
     allDone: computed(() => uploads().length > 0 && uploads().every(u => u.status === "done")),
+    /** Everything is over, whether it worked or not: nothing moves any more, and the panel may be closed. */
+    settled: computed(() => uploads().length > 0 && uploads().every(isFinished)),
+    /**
+     * A failure on an upload of the current user's. It is theirs to read and close: the panel
+     * stays until they do. A failure on someone else's upload is only worth the usual delay.
+     */
+    authorFailed: computed(() => uploads().some(u => isFailed(u) && (!u.remote || u.remote.mine))),
     /** Per workspace, how far each phase is — what the tracker's progress bars show. */
     progress: computed(() => {
         const byWorkspace = new Map();
@@ -621,22 +684,62 @@ const UploadTrackerStore = signalStore({ providedIn: "root" }, withDevtools("Upl
             patchState(store, { uploads: next, jobIndexing });
         return changed;
     },
+    /**
+     * Feeds in the jobs the status API reports that this client is not following — the ones
+     * another user started, or its own from before a page reload. Each becomes a row (see
+     * `remoteRows`), updated on every call; a job this client sent itself is left to the
+     * local rows, and so is one the user already got rid of.
+     *
+     * @returns Whether anything changed, which paces the poller.
+     */
+    applyRemoteJobs(entries) {
+        const current = store.uploads();
+        const ignored = store.ignoredJobs();
+        const ownJobs = new Set(current.filter(u => !u.remote).map(jobOf));
+        const rows = new Map(current.map(u => [u.id, u]));
+        const workspaces = [...store.workspaces()];
+        let changed = false;
+        for (const entry of entries) {
+            if (ignored[entry.job.jobId] || ownJobs.has(entry.job.jobId))
+                continue;
+            for (const row of remoteRows(entry)) {
+                const known = rows.get(row.id);
+                if (known && sameRow(known, row))
+                    continue;
+                rows.set(row.id, known ? { ...known, ...row } : row);
+                changed = true;
+            }
+            if (!workspaces.some(w => w.id === entry.workspaceId)) {
+                workspaces.push({ id: entry.workspaceId, name: entry.workspaceName });
+                changed = true;
+            }
+        }
+        if (changed)
+            patchState(store, { uploads: [...rows.values()], workspaces });
+        return changed;
+    },
     setConnection(connection) {
         patchState(store, { connection });
     },
     remove(id) {
-        patchState(store, state => ({ uploads: state.uploads.filter(u => u.id !== id) }));
+        patchState(store, state => {
+            const uploads = state.uploads.filter(u => u.id !== id);
+            // The job is forgotten once its last row is gone; while one is left, the job is still followed.
+            const gone = state.uploads.filter(u => u.id === id && !uploads.some(other => jobOf(other) === jobOf(u)));
+            return { uploads, ignoredJobs: withIgnored(state.ignoredJobs, gone) };
+        });
     },
     /** Drops a finished workspace's files from the tracker; they stay counted as indexed. */
     removeWorkspace(workspaceId) {
         patchState(store, state => ({
             uploads: state.uploads.filter(u => u.workspaceId !== workspaceId),
             workspaces: state.workspaces.filter(w => w.id !== workspaceId),
-            clearedCount: state.clearedCount + state.uploads.filter(u => u.workspaceId === workspaceId).length
+            clearedCount: state.clearedCount + state.uploads.filter(u => u.workspaceId === workspaceId).length,
+            ignoredJobs: withIgnored(state.ignoredJobs, state.uploads.filter(u => u.workspaceId === workspaceId))
         }));
     },
     reset() {
-        patchState(store, initialState);
+        patchState(store, state => ({ ...initialState, ignoredJobs: withIgnored(state.ignoredJobs, state.uploads) }));
     }
 })));
 
@@ -727,6 +830,12 @@ function isJobTerminal(job) {
 function allJobs(res) {
     return (res.containers ?? []).flatMap(c => c.jobs ?? []);
 }
+/** Like {@link allJobs}, but keeps the workspace each job belongs to. */
+function containerJobs(res) {
+    return (res.containers ?? []).flatMap(c => (c.jobs ?? []).map(job => ({ job, containerId: c.containerId, containerName: c.containerName })));
+}
+/** How long the panel stays on screen once every upload is over. */
+const FINISHED_UPLOAD_VISIBLE_MS = 2 * 60 * 1000;
 
 /**
  * `crypto.randomUUID()` is only available in a secure context (HTTPS, or HTTP on
@@ -952,9 +1061,6 @@ const UPLOAD_FACTORY = new InjectionToken("UPLOAD_FACTORY", {
     factory: () => createTusUpload
 });
 
-// One page is enough to refresh what the open workspace shows: the detail view
-// itself loads page 1 at the same size.
-const DOCUMENT_STATUS_PAGE_SIZE = 100;
 /**
  * Sends files to a workspace and follows them until they are indexed.
  *
@@ -969,6 +1075,10 @@ const DOCUMENT_STATUS_PAGE_SIZE = 100;
  * speaks for both. What the user sees lives in `UploadTrackerStore`; this
  * service only writes to it.
  *
+ * It never writes a file into a workspace's list: the list is the index, and a file
+ * enters it only once the container listing returns it. What the service does for the
+ * list is re-read that listing while something is in progress.
+ *
  * Root-scoped: an upload must outlive the view that started it. It registers its
  * window and auth listeners once, and removes them when the application is destroyed.
  */
@@ -1036,37 +1146,20 @@ class UploadService {
         const jobId = generateUUID();
         const fileCount = files.length;
         const totalBytes = files.reduce((total, f) => total + f.size, 0);
-        const uploadedBy = this.currentUser.user()?.name;
-        const now = new Date().toISOString();
-        const documents = files.map(file => ({
-            // A provisional id, which is also the key the tracker and this service follow the
-            // file by. It is NOT the server's: the listing names a document
-            // `/DocUpload/…|<containerId>/<fileName>`, and that is what DELETE and move expect.
-            // The first listing that shows the file swaps it in (see `adoptServerId`), so until
-            // then the document has no real id to act on.
-            id: `${jobId}/${file.name}`,
-            name: file.name,
-            workspaceId: workspace.id,
-            type: getDocumentType(file.name),
-            createdAt: now,
-            size: file.size,
-            status: "uploading",
-            percent: 0,
-            jobId,
-            uploadedBy
-        }));
-        this.workspaces.addDocuments(workspace.id, documents);
-        this.tracker.track(documents.map(d => ({ id: d.id, name: d.name, type: d.type })), workspace.id, workspace.name);
-        documents.forEach((document, i) => {
-            this.inFlight.add(document.id);
-            this.startUpload(document, files[i], { jobId, fileCount, totalBytes }, options.endpoint);
+        // The id is the key the tracker and this service follow the file by. It is NOT the
+        // server's: the listing names a document `/DocUpload/…|<containerId>/<fileName>`.
+        const items = files.map(file => ({ id: `${jobId}/${file.name}`, workspaceId: workspace.id }));
+        this.tracker.track(files.map((file, i) => ({ id: items[i].id, name: file.name, type: getDocumentType(file.name) })), workspace.id, workspace.name);
+        items.forEach((item, i) => {
+            this.inFlight.add(item.id);
+            this.startUpload(item, files[i], { jobId, fileCount, totalBytes }, options.endpoint);
         });
         this.poller.start();
-        return documents.map(d => d.id);
+        return items.map(item => item.id);
     }
     /**
      * Abandons a transfer and forgets it: stops it, and drops the file from the
-     * tracker and from the workspace's cached documents. Works while it is sending
+     * tracker. Works while it is sending
      * and once it has failed; once the bytes are in, indexing is the server's and
      * there is nothing left to cancel.
      *
@@ -1083,7 +1176,6 @@ class UploadService {
         this.inFlight.delete(id);
         this.clearRetryNotice(id);
         this.tracker.remove(id);
-        this.workspaces.discardDocuments(entry.workspaceId, [this.storedId(entry.workspaceId, id)]);
         try {
             await entry.handle.abort(true);
         }
@@ -1098,7 +1190,6 @@ class UploadService {
         if (!entry || entry.refused || upload?.status !== "error")
             return;
         this.tracker.restart(id);
-        this.patchStored(entry.workspaceId, id, { status: "uploading", percent: 0 });
         this.inFlight.add(id);
         entry.handle.resume();
         this.poller.start();
@@ -1115,17 +1206,15 @@ class UploadService {
     }
     /**
      * Tells the service which workspace is open, so the status polling can be
-     * scoped to it (the API documents that as the cheaper lookup) and refresh what
-     * it shows. `null` when none is. Starts the polling when the workspace holds
-     * documents that are not finished yet: a page reload loses every local tus
-     * handle, so the listing is the only way to know.
+     * scoped to it (the API documents that as the cheaper lookup) and re-read its
+     * listing. `null` when none is. Starts the polling: a page reload loses every
+     * local tus handle and the listing no longer says what is in progress, so the
+     * status API is the only way to know. The loop stops by itself after one tick
+     * when nothing is.
      */
     watch(workspaceId) {
         this.focusedWorkspaceId = workspaceId;
-        if (!workspaceId)
-            return;
-        const unfinished = this.workspaces.documentsOf(workspaceId).some(d => d.status === "uploading" || d.status === "indexing");
-        if (unfinished)
+        if (workspaceId)
             this.poller.start();
     }
     startPolling() {
@@ -1135,11 +1224,11 @@ class UploadService {
         this.poller.stop();
     }
     // ── sending ──
-    startUpload(document, file, job, endpoint) {
-        const workspaceId = document.workspaceId;
+    startUpload(item, file, job, endpoint) {
+        const workspaceId = item.workspaceId;
         if (!endpoint) {
-            this.inFlight.delete(document.id);
-            this.markError(document);
+            this.inFlight.delete(item.id);
+            this.markError(item);
             return;
         }
         const entry = {
@@ -1161,25 +1250,25 @@ class UploadService {
                             // again once the user is back.
                             void this.recoverSessionAndResume();
                             if (this.signedOut) {
-                                this.clearRetryNotice(document.id);
+                                this.clearRetryNotice(item.id);
                                 return false;
                             }
                         }
                         else if (FATAL_UPLOAD_STATUSES.has(status)) {
                             entry.refused = true;
-                            this.clearRetryNotice(document.id);
+                            this.clearRetryNotice(item.id);
                             return false;
                         }
                         // tus waits retryDelays[attempt] before this attempt and passes that same
                         // index here, so the banner's countdown is the real delay, not an estimate.
-                        this.noteRetryScheduled(document.id, attempt);
+                        this.noteRetryScheduled(item.id, attempt);
                         return true;
                     },
                     // Anything that came back cleanly means the connection works again for this
                     // upload, whatever the retry bookkeeping still says.
                     responded: status => {
                         if (status < 400)
-                            this.noteHealthy(document.id);
+                            this.noteHealthy(item.id);
                     },
                     // A recovery kicked off by a previous 401 may still be in flight, and
                     // carrying the token it is fetching is the entire point of this retry.
@@ -1192,67 +1281,42 @@ class UploadService {
                         // processed: on a fast transfer a stale event can still arrive after
                         // success moved the file to indexing. Drop anything that comes once the
                         // upload phase is over, so it cannot stomp the indexing percentage.
-                        if (this.tracker.uploads().find(u => u.id === document.id)?.status !== "uploading")
+                        if (this.tracker.uploads().find(u => u.id === item.id)?.status !== "uploading")
                             return;
-                        this.tracker.setProgress(document.id, bytesTotal ? (bytesUploaded / bytesTotal) * 100 : 0);
+                        this.tracker.setProgress(item.id, bytesTotal ? (bytesUploaded / bytesTotal) * 100 : 0);
                     },
                     success: () => {
                         // Bytes are in; indexing is now the server's business, so the poller owns
                         // this document from here. Nothing left to resume.
-                        this.noteHealthy(document.id);
-                        this.uploads.delete(document.id);
-                        this.markIndexing(document);
+                        this.noteHealthy(item.id);
+                        this.uploads.delete(item.id);
+                        this.markIndexing(item);
                         this.poller.start();
                     },
                     failed: () => {
                         // The handle is kept: the retry budget is spent, but the upload is not lost —
                         // `retry()` can pick it up again and tus resumes from the server's offset.
-                        this.clearRetryNotice(document.id);
-                        this.inFlight.delete(document.id);
-                        this.markError(document, { retryable: !entry.refused });
+                        this.clearRetryNotice(item.id);
+                        this.inFlight.delete(item.id);
+                        this.markError(item, { retryable: !entry.refused });
                     }
                 }
             })
         };
-        this.uploads.set(document.id, entry);
+        this.uploads.set(item.id, entry);
         entry.handle.begin();
     }
-    // ── what a document's state change writes where ──
-    // A document has two names. The tracker, `inFlight` and `uploads` know it by its
-    // provisional key (`<jobId>/<fileName>`, which never changes); the workspace store
-    // knows it by whatever id it holds right now — the same key until the server's id
-    // is adopted, the server's after. These helpers bridge the two.
-    /** The key a cached document is followed by in the tracker. */
-    keyOf(document) {
-        return document.jobId ? `${document.jobId}/${document.name}` : document.id;
-    }
-    /** The id the workspace store holds for the file followed under `key`. */
-    storedId(workspaceId, key) {
-        return this.workspaces.documentsOf(workspaceId).find(d => this.keyOf(d) === key)?.id ?? key;
-    }
-    patchStored(workspaceId, key, patch) {
-        this.workspaces.patchDocument(workspaceId, this.storedId(workspaceId, key), patch);
-    }
-    markIndexing(document) {
-        const key = this.keyOf(document);
-        this.patchStored(document.workspaceId, key, { status: "indexing" });
-        this.tracker.setIndexing(key);
-    }
-    markComplete(document) {
-        const key = this.keyOf(document);
-        this.patchStored(document.workspaceId, key, { status: null });
-        this.tracker.setDone(key);
-    }
-    markError(document, options = {}) {
-        const key = this.keyOf(document);
-        this.patchStored(document.workspaceId, key, { status: "error" });
-        this.tracker.setError(key, options);
+    // ── what a file's state change writes ──
+    markIndexing(item) {
+        this.tracker.setIndexing(item.id);
+    }
+    markError(item, options = {}) {
+        this.tracker.setError(item.id, options);
     }
     // ── following indexing ──
     //
-    // There are two endpoints, at two grains, and both are needed:
-    //   - GET .../container/{id}/documents -> status + percent PER DOCUMENT
-    //   - GET .../document-upload/status   -> aggregate, errors[] and rejected[] PER JOB
+    //   - GET .../document-upload/status   -> the tracker: aggregate, errors[] and rejected[] PER JOB
+    //   - GET .../container/{id}/documents -> the workspace's list, which is the index and nothing else
     async pollUploadStatus(signal) {
         try {
             const result = await this.runPollTick(signal);
@@ -1277,84 +1341,51 @@ class UploadService {
         // the tracker still follows a batch after the user navigates away from it.
         const response = await fetchUploadStatus(workspaceId ? { containerId: workspaceId } : {}, { signal });
         const jobs = allJobs(response);
-        // Both halves can move on their own — a rejection can surface with no workspace
-        // open at all — so the tick reports the union, otherwise the idle backoff would
-        // widen while things are still happening.
-        let changed = this.tracker.applyJobs(jobs);
+        // Jobs started elsewhere come first, so that `applyJobs` finds their rows to update.
+        const remote = await this.remoteJobs(response, signal);
+        let changed = this.tracker.applyRemoteJobs(remote);
+        changed = this.tracker.applyJobs(jobs) || changed;
         this.settleFinishedUploads();
-        let pending = jobs.some(job => !isJobTerminal(job));
-        if (workspaceId) {
-            const listing = await listContainerDocuments(workspaceId, { page: 1, pageSize: DOCUMENT_STATUS_PAGE_SIZE }, { signal });
-            const applied = this.applyDocumentStatuses(workspaceId, listing.documents);
-            pending = pending || applied.pending;
-            changed = changed || applied.changed;
-        }
+        const pending = jobs.some(job => !isJobTerminal(job));
+        // The list follows the index, not the status: a file shows up once the listing returns it.
+        // The last tick of a loop reads it too, which is when a file that just got indexed comes in.
+        if (workspaceId)
+            changed = (await this.refreshListing(workspaceId, signal)) || changed;
         return { pending: pending || this.inFlight.size > 0, changed };
     }
     /**
-     * The job-level status can finish a file the document listing has not reported
-     * (no workspace open, or a listing that lags): mirror what the tracker now says
-     * onto the cached document and release the poller's hold on it.
+     * The jobs of the response the panel should show although this client did not send
+     * them. The server decides which ones the response holds — those in progress or just
+     * ended, on the workspaces the user can write to — so none is filtered by role or date
+     * here; only, with a workspace open, those that belong to it are kept. Whether the user
+     * started one is read from `initiatedBy`, which is their `userId`, so it holds after a
+     * page reload too.
      */
-    settleFinishedUploads() {
-        for (const upload of this.tracker.uploads()) {
-            if (upload.status !== "done" || !this.inFlight.has(upload.id))
+    async remoteJobs(response, signal) {
+        const me = (await this.currentUser.whenReady())?.id;
+        if (signal.aborted)
+            return [];
+        const entries = [];
+        for (const { job, containerId, containerName } of containerJobs(response)) {
+            if (this.focusedWorkspaceId && this.focusedWorkspaceId !== containerId)
                 continue;
-            this.inFlight.delete(upload.id);
-            this.patchStored(upload.workspaceId, upload.id, { status: null });
+            const workspaceName = this.workspaces.workspace(containerId)?.name ?? containerName;
+            entries.push({ job, workspaceId: containerId, workspaceName, mine: !!me && job.initiatedBy === me });
         }
+        return entries;
     }
-    applyDocumentStatuses(workspaceId, wireDocuments) {
-        const locals = this.workspaces.documentsOf(workspaceId);
-        let pending = false;
-        let changed = false;
-        for (const wire of wireDocuments) {
-            const next = mapDocumentStatus(wire.status);
-            if (next === "uploading" || next === "indexing")
-                pending = true;
-            // The listing names a document `/DocUpload/…|<containerId>/<fileName>`, ours is
-            // `<jobId>/<fileName>`: the (job, name) pair is what both sides agree on.
-            const document = locals.find(d => d.id === wire.id || (!!wire.jobId && d.jobId === wire.jobId && d.name === wire.name));
-            if (!document)
-                continue;
-            const key = this.keyOf(document);
-            // From now on the store holds the id the server will recognise: delete and move send it.
-            if (document.id !== wire.id)
-                this.workspaces.patchDocument(workspaceId, document.id, { id: wire.id });
-            // While tus is still sending, the local byte-level progress is ahead of anything
-            // the server can report: it owns the percentage until tus hands over. An error
-            // is the one thing worth taking early.
-            if (this.inFlight.has(key) && document.status === "uploading") {
-                if (next === "error") {
-                    this.inFlight.delete(key);
-                    this.markError(document);
-                    changed = true;
-                }
-                continue;
-            }
-            if (next === "indexing" && document.status !== "indexing") {
-                this.markIndexing(document);
-                changed = true;
-            }
-            else if (next === null && document.status !== null) {
-                this.inFlight.delete(key);
-                this.markComplete(document);
-                changed = true;
-            }
-            else if (next === "error" && document.status !== "error") {
-                this.inFlight.delete(key);
-                this.markError(document);
-                changed = true;
-            }
-            else if (next === "uploading" && typeof wire.percent === "number" && document.percent !== wire.percent) {
-                // Not ours to transfer (another user's upload, or our own seen again after a
-                // reload): the server's percentage is all there is.
-                this.workspaces.patchDocument(workspaceId, wire.id, { percent: wire.percent });
-                this.tracker.setProgress(key, wire.percent);
-                changed = true;
-            }
+    /** Re-reads the workspace's listing. @returns Whether it differs from what was shown. */
+    async refreshListing(workspaceId, signal) {
+        const before = JSON.stringify(this.workspaces.documentsOf(workspaceId));
+        await this.workspaces.loadDocuments(workspaceId, signal);
+        return JSON.stringify(this.workspaces.documentsOf(workspaceId)) !== before;
+    }
+    /** The job-level status can finish a file this client was still holding the poller for: release it. */
+    settleFinishedUploads() {
+        for (const upload of this.tracker.uploads()) {
+            if (upload.status === "done")
+                this.inFlight.delete(upload.id);
         }
-        return { pending, changed };
     }
     // ── connection loss & session recovery ──
     //
@@ -2314,6 +2345,62 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.29", ngImpo
             args: [{ name: "highlightMatch" }]
         }] });
 
+/**
+ * Keeps a view fresh while it stays open, without the user ever asking: `tick`
+ * re-fetches whatever the view shows and reports whether the result differs
+ * from before — the loop speeds back up on a change and backs off while idle,
+ * exactly like {@link StatusPoller} already does for upload status.
+ *
+ * Paused while the browser reports no network (resumed the moment it is back),
+ * and fully stopped once the injecting component is destroyed. The very first
+ * scheduled tick is a no-op: whatever calls `start()` has normally just
+ * fetched on its own, so re-fetching the same thing instantly would be
+ * redundant — the first real poll happens one `intervalMs` later.
+ *
+ * Must be called from an injection context.
+ */
+function injectLiveRefresh(tick, options = {}) {
+    assertInInjectionContext(injectLiveRefresh);
+    let shouldRun = false;
+    let first = true;
+    const poller = new StatusPoller({
+        intervalMs: options.intervalMs,
+        maxIntervalMs: options.maxIntervalMs,
+        tick: async (signal) => {
+            if (first) {
+                first = false;
+                return { pending: true, changed: true };
+            }
+            return { pending: true, changed: await tick(signal) };
+        }
+    });
+    if (typeof window !== "undefined") {
+        const resume = () => {
+            if (shouldRun)
+                poller.start();
+        };
+        const pause = () => poller.stop();
+        window.addEventListener("online", resume);
+        window.addEventListener("offline", pause);
+        inject(DestroyRef).onDestroy(() => {
+            window.removeEventListener("online", resume);
+            window.removeEventListener("offline", pause);
+        });
+    }
+    inject(DestroyRef).onDestroy(() => poller.stop());
+    return {
+        start() {
+            shouldRun = true;
+            if (typeof navigator === "undefined" || navigator.onLine)
+                poller.start();
+        },
+        stop() {
+            shouldRun = false;
+            poller.stop();
+        }
+    };
+}
+
 /**
  * Maps a caught error to the message shown in an inline error banner.
  *
@@ -3063,7 +3150,9 @@ const TABS = [
  * Each time it is shown it refreshes: workspaces created by others since the last
  * time appear, and the document counts match the server. The list already on
  * screen stays until the answer lands, and a failure leaves it untouched behind
- * an inline error.
+ * an inline error. While it stays shown, it keeps polling in the background
+ * (`injectLiveRefresh`) so a workspace created by someone else — one the current
+ * user only reads, say — appears on its own, with no action needed.
  */
 class WorkspaceList {
     /** A workspace was chosen for opening. */
@@ -3072,6 +3161,7 @@ class WorkspaceList {
     createRequested = output();
     store = inject(WorkspacesStore);
     dialogs = inject(DialogService);
+    uploads = inject(UploadService);
     transloco = inject(TranslocoService);
     tabs = TABS;
     viewMode = signal("grid", ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
@@ -3088,7 +3178,24 @@ class WorkspaceList {
         key: (workspace) => workspace.id,
         selectable: workspace => canWrite(workspace.currentUserRole)
     });
+    // Background polling, started once the list has something to compare against:
+    // each tick re-reloads and compares the full result to what was cached before
+    // it, not just the set of ids — a workspace renamed, re-tagged or whose access
+    // changed keeps the same id, and would otherwise look unchanged forever, which
+    // would both hide the edit and widen the backoff on ticks that are not actually idle.
+    liveRefresh = injectLiveRefresh(async () => {
+        const before = JSON.stringify(this.store.workspaces());
+        await this.store.reload();
+        const changed = JSON.stringify(this.store.workspaces()) !== before;
+        if (changed)
+            this.selection.exit(); // the ticks belonged to the list that was there before
+        // An upload someone else is running on a workspace listed here: only the status API tells.
+        // It stops by itself after a tick when nothing is moving.
+        this.uploads.startPolling();
+        return changed;
+    }, { intervalMs: 20_000, maxIntervalMs: 120_000 });
     constructor() {
+        this.uploads.startPolling();
         void this.load();
     }
     /** Shows what is cached at once and refreshes behind it, or loads for the first time. */
@@ -3097,12 +3204,14 @@ class WorkspaceList {
         if (this.store.loaded()) {
             this.status.set("ready");
             await this.refresh();
+            this.liveRefresh.start();
             return;
         }
         this.status.set("loading");
         try {
             await this.store.ensureLoaded();
             this.status.set("ready");
+            this.liveRefresh.start();
         }
         catch (error) {
             this.loadError.set(workspaceErrorMessage(error));
@@ -3421,6 +3530,15 @@ function truncateName(name, max) {
     }
     return `${name.slice(0, max - 1)}…`;
 }
+/**
+ * What to call a tracked row: the file's name — or, for a job started elsewhere whose files
+ * the status API does not list, whose job it is.
+ */
+function uploadLabel(upload, max) {
+    if (upload.name)
+        return { text: truncateName(upload.name, max) };
+    return trackerMessage(upload.remote?.mine ? "ownUpload" : "remoteUpload");
+}
 /** `m:ss` for a duration in ms, clamped at 0 so a late tick cannot go negative. */
 function formatClock(ms) {
     const seconds = Math.max(0, Math.round(ms / 1000));
@@ -3889,6 +4007,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.29", ngImpo
                 }]
         }], propDecorators: { document: [{ type: i0.Input, args: [{ isSignal: true, alias: "document", required: true }] }], workspaceRole: [{ type: i0.Input, args: [{ isSignal: true, alias: "workspaceRole", required: true }] }], query: [{ type: i0.Input, args: [{ isSignal: true, alias: "query", required: false }] }], active: [{ type: i0.Input, args: [{ isSignal: true, alias: "active", required: false }] }], selecting: [{ type: i0.Input, args: [{ isSignal: true, alias: "selecting", required: false }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], selectable: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectable", required: false }] }], opened: [{ type: i0.Output, args: ["opened"] }], deleteRequested: [{ type: i0.Output, args: ["deleteRequested"] }], selectedChange: [{ type: i0.Output, args: ["selectedChange"] }] } });
 
+/**
+ * The file-search glyph on a teal tile — the same tile `EmptyFolderIcon` uses
+ * for an empty workspace or an empty list, for a workspace or document the
+ * server no longer has.
+ */
+class NotFoundIcon {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.29", ngImport: i0, type: NotFoundIcon, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.29", type: NotFoundIcon, isStandalone: true, selector: "not-found-icon", host: { attributes: { "data-testid": "not-found-icon" }, classAttribute: "mb-1 inline-flex size-14 shrink-0 items-center justify-center rounded-(--radius-xl) bg-(--teal-100,#E0F4F1) text-(--teal-400,#4EBFB0)" }, ngImport: i0, template: `<file-search-icon class="size-6" />`, isInline: true, dependencies: [{ kind: "component", type: FileSearchIcon, selector: "file-search-icon, FileSearchIcon, filesearchicon", inputs: ["class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.29", ngImport: i0, type: NotFoundIcon, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "not-found-icon",
+                    imports: [FileSearchIcon],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        class: "mb-1 inline-flex size-14 shrink-0 items-center justify-center rounded-(--radius-xl) bg-(--teal-100,#E0F4F1) text-(--teal-400,#4EBFB0)",
+                        "data-testid": "not-found-icon"
+                    },
+                    template: `<file-search-icon class="size-6" />`
+                }]
+        }] });
+
 /** The files staged for upload, before anything is sent. */
 class UploadFileList {
     files = input.required(...(ngDevMode ? [{ debugName: "files" }] : []));
@@ -5643,6 +5784,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.29", ngImpo
  * shown: it says what the user asked for (`back`, `deleted`, `askFollowUp`) and whoever
  * hosts it decides. The document open in the preview is the `previewedDocumentId` model.
  *
+ * While a workspace stays open, it keeps polling its documents in the background
+ * (`injectLiveRefresh`), so a document another user adds to it shows up on its own.
+ *
  * Only someone who can write sees the edit, share, delete, upload and select controls.
  */
 class WorkspaceDetail {
@@ -5673,11 +5817,13 @@ class WorkspaceDetail {
     refreshing = signal(false, ...(ngDevMode ? [{ debugName: "refreshing" }] : []));
     loadingMore = signal(false, ...(ngDevMode ? [{ debugName: "loadingMore" }] : []));
     loadMoreError = signal(null, ...(ngDevMode ? [{ debugName: "loadMoreError" }] : []));
+    /** The background refresh found the workspace gone from the server (deleted elsewhere). */
+    deletedElsewhere = signal(false, ...(ngDevMode ? [{ debugName: "deletedElsewhere" }] : []));
     workspace = computed(() => this.store.workspace(this.workspaceId()), ...(ngDevMode ? [{ debugName: "workspace" }] : []));
-    // Only what is really uploaded or being indexed is listed: transfers and failures
-    // belong to the upload tracker, not to the workspace. A document with no status at
-    // all is one the server does not track — it is simply there, so it stays listed.
-    documents = computed(() => this.store.documentsOf(this.workspaceId()).filter(d => d.status !== "uploading" && d.status !== "error"), ...(ngDevMode ? [{ debugName: "documents" }] : []));
+    // The list is the index: only a document the listing returns as indexed is shown. Transfers,
+    // indexing and failures belong to the upload tracker, not to the workspace. A document with no
+    // status at all is one the server does not track — it is simply there, so it stays listed.
+    documents = computed(() => this.store.documentsOf(this.workspaceId()).filter(d => !d.status), ...(ngDevMode ? [{ debugName: "documents" }] : []));
     previewed = computed(() => this.documents().find(d => d.id === this.previewedDocumentId()) ?? null, ...(ngDevMode ? [{ debugName: "previewed" }] : []));
     /** The width the user dragged the preview to, if they did. */
     userPreviewWidth = signal(null, ...(ngDevMode ? [{ debugName: "userPreviewWidth" }] : []));
@@ -5698,6 +5844,43 @@ class WorkspaceDetail {
         // Selecting only serves deleting, which a reader cannot do.
         selectable: () => this.writable()
     });
+    // Background polling, re-scoped to whatever `workspaceId` is current on each
+    // tick (no restart needed when the user switches workspaces): refreshes both
+    // the workspace's own metadata (title, description, tags, owners/readers,
+    // the current user's role) and its documents, so an edit or an access change
+    // made elsewhere shows up here too, not just additions to the document list.
+    // Comparing full snapshots (not just ids) catches an in-place edit that an
+    // id-only diff would miss — a renamed workspace, a demoted role — and keeps
+    // the backoff from widening on a tick that only looks unchanged by id.
+    liveRefresh = injectLiveRefresh(async (signal) => {
+        const id = this.workspaceId();
+        const beforeWorkspace = JSON.stringify(this.store.workspace(id));
+        const beforeDocuments = JSON.stringify(this.store.documentsOf(id));
+        try {
+            await Promise.all([this.store.fetch(id), this.store.loadDocuments(id, signal)]);
+        }
+        catch (error) {
+            // Someone else deleted it: flag it and stop polling — there is nothing
+            // left here to discover. The workspace stays in the shared cache (so its
+            // name/description keep showing instead of the view going blank); `leave()`
+            // drops it once the user actually goes back to the list.
+            if (error instanceof ApiError && error.status === 404 && this.workspaceId() === id) {
+                this.deletedElsewhere.set(true);
+                this.selection.exit();
+                this.liveRefresh.stop();
+                return true;
+            }
+            throw error;
+        }
+        if (this.workspaceId() !== id)
+            return false; // the user moved to another workspace meanwhile
+        const documentsChanged = JSON.stringify(this.store.documentsOf(id)) !== beforeDocuments;
+        const workspaceChanged = JSON.stringify(this.store.workspace(id)) !== beforeWorkspace;
+        // Every tick, changed or not: an upload someone else just started shows no document yet, and the
+        // tracker only learns of it from the status API. It stops by itself after a tick when nothing is moving.
+        this.uploads.watch(id);
+        return documentsChanged || workspaceChanged;
+    }, { intervalMs: 15_000, maxIntervalMs: 90_000 });
     constructor() {
         effect(() => {
             this.workspaceId();
@@ -5723,8 +5906,19 @@ class WorkspaceDetail {
         this.query.set("");
         this.refreshError.set(null);
         this.loadMoreError.set(null);
+        this.deletedElsewhere.set(false);
         await this.load();
     }
+    /**
+     * Leaving from here: once the background refresh found the workspace gone,
+     * the cache still holds it (so its name kept showing) — drop it now, so a
+     * stale card does not show it back on the list.
+     */
+    leave() {
+        if (this.deletedElsewhere())
+            this.store.forget(this.workspaceId());
+        this.back.emit();
+    }
     /** Reads the workspace (when it is not cached) and its documents, for the workspace currently shown. */
     async load() {
         const id = this.workspaceId();
@@ -5747,6 +5941,7 @@ class WorkspaceDetail {
             return;
         this.status.set("ready");
         this.uploads.watch(id);
+        this.liveRefresh.start();
     }
     /** Reads the documents again without leaving the view; a failure leaves the ones shown as they are. */
     async refresh() {
@@ -5846,7 +6041,7 @@ class WorkspaceDetail {
         return "key" in message ? this.transloco.translate(message.key, message.params) : message.text;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.29", ngImport: i0, type: WorkspaceDetail, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.29", type: WorkspaceDetail, isStandalone: true, selector: "workspace-detail", inputs: { workspaceId: { classPropertyName: "workspaceId", publicName: "workspaceId", isSignal: true, isRequired: true, transformFunction: null }, uploadEndpoint: { classPropertyName: "uploadEndpoint", publicName: "uploadEndpoint", isSignal: true, isRequired: false, transformFunction: null }, previewedDocumentId: { classPropertyName: "previewedDocumentId", publicName: "previewedDocumentId", isSignal: true, isRequired: false, transformFunction: null }, queryName: { classPropertyName: "queryName", publicName: "queryName", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { previewedDocumentId: "previewedDocumentIdChange", back: "back", deleted: "deleted", workspaceUpdated: "workspaceUpdated", askFollowUp: "askFollowUp" }, host: { classAttribute: "flex h-full min-h-0" }, providers: [provideTranslocoScope("document-workspaces")], ngImport: i0, template: "\n    <div class=\"@container flex min-h-0 min-w-0 flex-1 flex-col p-3 pb-2 md:p-8 md:pb-4\">\n      <div class=\"mb-3 flex flex-wrap items-center gap-x-3 gap-y-2\">\n        <button class=\"w-6\" size=\"sm\"\n          variant=\"ghost\"\n          [iconOnly]=\"true\"\n          [attr.aria-label]=\"'documentWorkspaces.detail.back' | transloco\"\n          [tooltip]=\"'documentWorkspaces.detail.back' | transloco\"\n          (click)=\"back.emit()\">\n          <chevron-down-icon class=\"rotate-90\" />\n        </button>\n\n        @if (workspace(); as workspace) {\n          <h1 class=\"min-w-28 flex-[1_1_16rem] text-2xl leading-[31px] font-bold break-words text-(--font-neutral-black)\">{{ workspace.name }}</h1>\n\n          <!-- Beside the title while they fit next to its 16rem, on a line of their own under it once they do not. -->\n          <div class=\"ml-auto flex shrink-0 items-center gap-1\">\n            <button size=\"sm\"\n              variant=\"ghost\"\n              class=\"gap-1.5 text-(--font-error-base) hover:bg-(--bg-error-lightest)\"\n              [writerOnly]=\"workspace.currentUserRole\"\n              (click)=\"confirmDeleteWorkspace(workspace)\">\n              <trash-icon />\n              {{ \"documentWorkspaces.common.delete\" | transloco }}\n            </button>\n            <button size=\"sm\" variant=\"ghost\" class=\"gap-1.5\" [writerOnly]=\"workspace.currentUserRole\" (click)=\"share(workspace)\">\n              <user-round-icon />\n              {{ \"documentWorkspaces.share.title\" | transloco }}\n            </button>\n            <button size=\"sm\" variant=\"ghost\" class=\"gap-1.5\" [writerOnly]=\"workspace.currentUserRole\" (click)=\"edit(workspace)\">\n              <pen-to-square-icon />\n              {{ \"documentWorkspaces.common.edit\" | transloco }}\n            </button>\n            <button size=\"sm\"\n              variant=\"ghost\"\n              class=\"w-6\"\n              [iconOnly]=\"true\"\n              [disabled]=\"refreshing()\"\n              [attr.aria-label]=\"'documentWorkspaces.common.refresh' | transloco\"\n              [tooltip]=\"'documentWorkspaces.common.refresh' | transloco\"\n              (click)=\"refresh()\">\n              <refresh-icon />\n            </button>\n          </div>\n        }\n      </div>\n\n      @if (workspace(); as workspace) {\n        @if (workspace.description) {\n          <p class=\"mb-3 text-base text-(--font-primary-base)\">{{ workspace.description }}</p>\n        }\n        @if (workspace.tags.length) {\n          <p class=\"mb-6 flex items-center gap-2 text-sm text-(--font-primary-base)\" data-testid=\"tags\">\n            <tag-icon class=\"size-4\" />\n            {{ workspace.tags.join(\", \") }}\n          </p>\n        }\n\n        <div class=\"mb-3 flex flex-wrap items-center gap-2\">\n          <div role=\"group\" class=\"inline-flex gap-1 rounded-full bg-(--bg-primary-lighter) p-0.5\">\n            <button\n              variant=\"none\"\n              class=\"inline-flex size-6 items-center justify-center rounded-full text-(--font-primary-base) aria-pressed:bg-(--bg-neutral-white) aria-pressed:shadow-md\"\n              [attr.aria-pressed]=\"viewMode() === 'grid'\"\n              [attr.aria-label]=\"'documentWorkspaces.common.gridView' | transloco\"\n              [tooltip]=\"'documentWorkspaces.common.gridView' | transloco\"\n              (click)=\"viewMode.set('grid')\">\n              <grid-icon class=\"size-3.5\" />\n            </button>\n            <button\n              variant=\"none\"\n              class=\"inline-flex size-6 items-center justify-center rounded-full text-(--font-primary-base) aria-pressed:bg-(--bg-neutral-white) aria-pressed:shadow-md\"\n              [attr.aria-pressed]=\"viewMode() === 'list'\"\n              [attr.aria-label]=\"'documentWorkspaces.common.listView' | transloco\"\n              [tooltip]=\"'documentWorkspaces.common.listView' | transloco\"\n              (click)=\"viewMode.set('list')\">\n              <list-icon class=\"size-3.5\" />\n            </button>\n          </div>\n\n          <div\n            role=\"search\"\n            class=\"flex h-9 min-w-32 flex-[0_1_15rem] items-center gap-2 rounded-full border border-(--stroke-primary-light) bg-(--bg-neutral-white) px-3 focus-within:border-(--stroke-primary-base)\">\n            <magnifying-glass-icon class=\"size-4 shrink-0 text-(--font-primary-muted)\" />\n            <input\n              type=\"text\"\n              class=\"min-w-0 flex-1 bg-transparent text-xs text-(--font-neutral-black) outline-none placeholder:text-(--font-primary-muted)\"\n              [value]=\"query()\"\n              [attr.placeholder]=\"'documentWorkspaces.detail.searchPlaceholder' | transloco\"\n              [attr.aria-label]=\"'documentWorkspaces.detail.searchPlaceholder' | transloco\"\n              (input)=\"onSearch($event)\" />\n            @if (query()) {\n              <button variant=\"none\" type=\"button\" class=\"inline-flex\" [attr.aria-label]=\"'documentWorkspaces.common.clearSearch' | transloco\" (click)=\"query.set('')\">\n                <x-mark-icon class=\"size-4\" />\n              </button>\n            }\n          </div>\n\n          <button class=\"gap-1.5\" size=\"sm\" variant=\"primary\" [writerOnly]=\"workspace.currentUserRole\" (click)=\"upload(workspace)\">\n            <upload-icon />\n            {{ \"documentWorkspaces.detail.upload\" | transloco }}\n          </button>\n\n          @if (selection.selectableItems().length) {\n            @if (selection.active()) {\n              <div class=\"ml-auto flex items-center gap-2 @max-xl:order-last @max-xl:ml-0 @max-xl:basis-full\" data-testid=\"selection-bar\">\n                <button variant=\"ghost\" size=\"xs\" (click)=\"selection.toggleAll()\">\n                  {{ (selection.allSelected() ? \"documentWorkspaces.common.unselectAll\" : \"documentWorkspaces.common.selectAll\") | transloco }}\n                </button>\n                <button class=\"gap-1.5 text-(--font-error-base) hover:bg-(--bg-error-lightest)\" variant=\"ghost\" size=\"xs\" [disabled]=\"!selection.count()\" (click)=\"deleteSelected()\">\n                  <trash-icon />\n                  {{ \"documentWorkspaces.common.delete\" | transloco }}\n                </button>\n              </div>\n            }\n            <button variant=\"ghost\" size=\"xs\" class=\"@max-xl:ml-auto\" [class.ml-auto]=\"!selection.active()\" (click)=\"selection.toggleMode()\">\n              {{ (selection.active() ? \"documentWorkspaces.common.cancel\" : \"documentWorkspaces.common.select\") | transloco }}\n            </button>\n          }\n        </div>\n\n        <p class=\"mb-6 text-sm text-(--font-primary-base)\" aria-live=\"polite\" data-testid=\"count\">\n          @if (selection.active()) {\n            {{ \"documentWorkspaces.detail.selectedDocumentCount\" | transloco: { count: selection.count() } }}\n          } @else {\n            {{ \"documentWorkspaces.detail.fileCount\" | transloco: { count: workspace.documentCount } }}\n          }\n        </p>\n      }\n\n      @if (refreshError(); as message) {\n        <p role=\"alert\" class=\"text-(--font-error-base) text-sm\">{{ \"documentWorkspaces.detail.refreshError\" | transloco: { error: message } }}</p>\n      }\n\n      <!-- Only the documents scroll: the title, the toolbar and the count stay in place. -->\n      <div class=\"min-h-0 flex-1 overflow-y-auto\">\n      @switch (status()) {\n        @case (\"loading\") {\n          <p class=\"text-(--font-primary-muted) text-sm\">{{ \"documentWorkspaces.detail.docsLoading\" | transloco }}</p>\n        }\n        @case (\"error\") {\n          <div class=\"flex items-center gap-3 text-sm\" data-testid=\"load-error\">\n            <span class=\"text-(--font-error-base)\">\n              @if (loadError(); as message) {\n                <workspace-message [message]=\"message\" />\n              } @else {\n                {{ \"documentWorkspaces.detail.docsLoadError\" | transloco }}\n              }\n            </span>\n            <button variant=\"secondary\" size=\"xs\" (click)=\"load()\">{{ \"documentWorkspaces.common.retry\" | transloco }}</button>\n          </div>\n        }\n        @default {\n          @if (workspace(); as workspace) {\n            @if (!documents().length) {\n              <div class=\"flex flex-col items-center gap-1 py-8 text-center\" data-testid=\"empty\">\n                <empty-folder-icon />\n                <h5 class=\"text-sm font-semibold text-(--font-primary-dark)\">{{ \"documentWorkspaces.detail.emptyTitle\" | transloco }}</h5>\n                <p class=\"max-w-70 text-sm text-(--font-primary-base)\">{{ \"documentWorkspaces.detail.emptySubtitle\" | transloco }}</p>\n              </div>\n            } @else if (!filtered().length) {\n              <p class=\"text-(--font-primary-muted) py-8 text-center text-sm\" data-testid=\"no-match\">{{ \"documentWorkspaces.detail.noMatch\" | transloco }}</p>\n            } @else if (viewMode() === \"grid\") {\n              <div class=\"grid grid-cols-[repeat(auto-fill,minmax(280px,1fr))] content-start gap-4 pb-8\">\n                @for (document of filtered(); track document.id) {\n                  <document-card\n                    [document]=\"document\"\n                    [workspaceRole]=\"workspace.currentUserRole\"\n                    [query]=\"query()\"\n                    [active]=\"document.id === previewedDocumentId()\"\n                    [selecting]=\"selection.active()\"\n                    [selected]=\"selection.isSelected(document)\"\n                    [selectable]=\"selection.canSelect(document)\"\n                    (opened)=\"togglePreview(document)\"\n                    (deleteRequested)=\"confirmDeleteDocuments([document])\"\n                    (selectedChange)=\"selection.toggle(document, $event)\" />\n                }\n              </div>\n            } @else {\n              <div role=\"table\" class=\"flex flex-col gap-3 pb-8\">\n                <div role=\"row\" [attr.data-selecting]=\"selection.active() ? '' : null\" class=\"grid grid-cols-[minmax(0,1fr)_auto_2.5rem] items-center gap-x-4 px-3 data-selecting:grid-cols-[2rem_minmax(0,1fr)_auto_2.5rem] @3xl:grid-cols-[minmax(0,2fr)_minmax(0,1fr)_6rem_10rem_2.5rem] @3xl:data-selecting:grid-cols-[2rem_minmax(0,2fr)_minmax(0,1fr)_6rem_10rem_2.5rem] py-1 text-xs font-semibold text-(--font-primary-muted)\">\n                  @if (selection.active()) {\n                    <div role=\"columnheader\">\n                      <input\n                        type=\"checkbox\"\n                        class=\"accent-(--bg-primary-base) size-4\"\n                        [checked]=\"selection.allSelected()\"\n                        [indeterminate]=\"selection.partiallySelected()\"\n                        [attr.aria-label]=\"'documentWorkspaces.common.selectAll' | transloco\"\n                        (change)=\"selection.toggleAll()\" />\n\n                    </div>\n                  }\n                  <div role=\"columnheader\">{{ \"documentWorkspaces.detail.columnName\" | transloco }}</div>\n                  <div role=\"columnheader\" class=\"@max-3xl:hidden\">{{ \"documentWorkspaces.detail.columnSource\" | transloco }}</div>\n                  <div role=\"columnheader\" class=\"@max-3xl:hidden\">{{ \"documentWorkspaces.detail.columnSize\" | transloco }}</div>\n                  <div role=\"columnheader\">{{ \"documentWorkspaces.detail.columnDate\" | transloco }}</div>\n                  <div role=\"columnheader\"></div>\n                </div>\n                @for (document of filtered(); track document.id) {\n                  <document-row\n                    [document]=\"document\"\n                    [workspaceRole]=\"workspace.currentUserRole\"\n                    [query]=\"query()\"\n                    [active]=\"document.id === previewedDocumentId()\"\n                    [selecting]=\"selection.active()\"\n                    [selected]=\"selection.isSelected(document)\"\n                    [selectable]=\"selection.canSelect(document)\"\n                    (opened)=\"togglePreview(document)\"\n                    (deleteRequested)=\"confirmDeleteDocuments([document])\"\n                    (selectedChange)=\"selection.toggle(document, $event)\" />\n                }\n              </div>\n            }\n\n            @if (hasMore()) {\n              <div class=\"flex flex-col items-center gap-2\">\n                @if (loadMoreError(); as message) {\n                  <p role=\"alert\" class=\"text-(--font-error-base) text-sm\">{{ \"documentWorkspaces.detail.loadMoreError\" | transloco: { error: message } }}</p>\n                }\n                <button variant=\"secondary\" size=\"xs\" [disabled]=\"loadingMore()\" (click)=\"loadMore()\">\n                  {{ \"documentWorkspaces.detail.loadMore\" | transloco }}\n                </button>\n              </div>\n            }\n          } @else {\n            <p class=\"text-(--font-primary-muted) py-8 text-center text-sm\" data-testid=\"not-found\">{{ \"documentWorkspaces.errors.notFound\" | transloco }}</p>\n          }\n        }\n      }\n      </div>\n    </div>\n\n    <!-- The list gives up part of its width to the preview, and takes it back when the preview closes. -->\n    <div\n      #handle=\"resizeHandle\"\n      class=\"group/handle flex w-3 shrink-0 cursor-col-resize items-center justify-center max-md:hidden\"\n      [class.hidden]=\"!previewed()\"\n      [resizeHandle]=\"previewWidth()\"\n      (resizeHandleChange)=\"userPreviewWidth.set($event)\"\n      [resizeMin]=\"280\"\n      [resizeMax]=\"maxPreviewWidth()\"\n      [attr.aria-label]=\"'documentWorkspaces.preview.resize' | transloco\">\n      <span class=\"h-6 w-0.5 rounded-full bg-(--stroke-primary-light) opacity-0 group-hover/handle:opacity-100 group-focus-visible/handle:opacity-100 group-data-resizing/handle:opacity-100\"></span>\n    </div>\n    <aside\n      class=\"sticky top-3 my-3 mr-3 flex h-[calc(100dvh-1.5rem)] max-h-[calc(100%-1.5rem)] shrink-0 self-start overflow-hidden rounded-(--radius-xl) bg-(--bg-neutral-white) transition-[width] duration-[350ms] ease-[cubic-bezier(0.32,0.72,0,1)] motion-reduce:transition-none data-open:border data-open:border-(--stroke-primary-lighter) data-open:shadow-[0_4px_6px_-2px_rgba(45,57,58,0.05),0_10px_15px_-3px_rgba(45,57,58,0.1)] max-md:data-open:fixed max-md:data-open:inset-0 max-md:data-open:z-50 max-md:data-open:m-0 max-md:data-open:w-full! max-md:data-open:max-h-none max-md:data-open:rounded-none\"\n      [class.transition-none]=\"handle.resizing()\"\n      [style.width.px]=\"previewed() ? previewWidth() : 0\"\n      [attr.data-open]=\"previewed() ? '' : null\"\n      [attr.aria-hidden]=\"previewed() ? null : 'true'\"\n      data-testid=\"preview\">\n      @if (previewed(); as previewed) {\n        <!-- Its own width, so the content does not reflow while the card opens. -->\n        <document-preview-panel\n          class=\"shrink-0 max-md:w-full!\"\n          [style.width.px]=\"previewWidth()\"\n          [document]=\"previewed\"\n          [queryName]=\"queryName()\"\n          (closed)=\"previewedDocumentId.set(null)\"\n          (askFollowUp)=\"askFollowUp.emit($event)\" />\n      }\n    </aside>\n  ", isInline: true, dependencies: [{ kind: "component", type: ChevronDownIcon, selector: "chevron-down, ChevronDown, chevrondown, chevron-down-icon, ChevronDownIcon, chevrondownicon", inputs: ["class"] }, { kind: "directive", type: ButtonComponent, selector: "button", inputs: ["class", "variant", "decoration", "scheme", "iconOnly", "size", "solid"] }, { kind: "component", type: DocumentCard, selector: "document-card", inputs: ["document", "workspaceRole", "query", "active", "selecting", "selected", "selectable"], outputs: ["opened", "deleteRequested", "selectedChange"] }, { kind: "component", type: DocumentPreviewPanel, selector: "document-preview-panel", inputs: ["document", "queryName"], outputs: ["closed", "askFollowUp"] }, { kind: "component", type: DocumentRow, selector: "document-row", inputs: ["document", "workspaceRole", "query", "active", "selecting", "selected", "selectable"], outputs: ["opened", "deleteRequested", "selectedChange"] }, { kind: "component", type: EmptyFolderIcon, selector: "empty-folder-icon" }, { kind: "component", type: GridIcon, selector: "grid-icon", inputs: ["class"] }, { kind: "component", type: ListIcon, selector: "list-icon, ListIcon", inputs: ["class"] }, { kind: "component", type: MagnifyingGlassIcon, selector: "magnifying-glass-icon, MagnifyingGlassIcon", inputs: ["class"] }, { kind: "component", type: PenToSquareIcon, selector: "pen-to-square-icon, PenToSquareIcon", inputs: ["class"] }, { kind: "component", type: RefreshIcon, selector: "refresh-icon, RefreshIcon, refreshicon", inputs: ["class"] }, { kind: "directive", type: ResizeHandle, selector: "[resizeHandle]", inputs: ["resizeHandle", "resizeMin", "resizeMax", "resizeStep", "resizeEdge"], outputs: ["resizeHandleChange"], exportAs: ["resizeHandle"] }, { kind: "component", type: TagIcon, selector: "tag-icon, TagIcon", inputs: ["class"] }, { kind: "directive", type: TooltipDirective, selector: "[tooltip]", inputs: ["tooltip", "strategy", "tooltip-position", "tooltip-delay", "tooltip-duration", "tooltip-offset"] }, { kind: "component", type: TrashIcon, selector: "trash-icon, TrashIcon", inputs: ["class"] }, { kind: "component", type: UploadIcon, selector: "upload-icon, UploadIcon, uploadicon", inputs: ["class"] }, { kind: "component", type: UserRoundIcon, selector: "user-round, UserRound, userround, user-round-icon, UserRoundIcon, userroundicon", inputs: ["class"] }, { kind: "component", type: WorkspaceMessage, selector: "workspace-message", inputs: ["message"] }, { kind: "directive", type: WriterOnly, selector: "[writerOnly]", inputs: ["writerOnly"] }, { kind: "component", type: XMarkIcon, selector: "XMarkIcon, xmark-icon, x-mark-icon", inputs: ["class"] }, { kind: "pipe", type: TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.29", type: WorkspaceDetail, isStandalone: true, selector: "workspace-detail", inputs: { workspaceId: { classPropertyName: "workspaceId", publicName: "workspaceId", isSignal: true, isRequired: true, transformFunction: null }, uploadEndpoint: { classPropertyName: "uploadEndpoint", publicName: "uploadEndpoint", isSignal: true, isRequired: false, transformFunction: null }, previewedDocumentId: { classPropertyName: "previewedDocumentId", publicName: "previewedDocumentId", isSignal: true, isRequired: false, transformFunction: null }, queryName: { classPropertyName: "queryName", publicName: "queryName", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { previewedDocumentId: "previewedDocumentIdChange", back: "back", deleted: "deleted", workspaceUpdated: "workspaceUpdated", askFollowUp: "askFollowUp" }, host: { classAttribute: "flex h-full min-h-0" }, providers: [provideTranslocoScope("document-workspaces")], ngImport: i0, template: "\n    <div class=\"@container flex min-h-0 min-w-0 flex-1 flex-col p-3 pb-2 md:p-8 md:pb-4\">\n      <div class=\"mb-3 flex flex-wrap items-center gap-x-3 gap-y-2\">\n        <button class=\"w-6\" size=\"sm\"\n          variant=\"ghost\"\n          [iconOnly]=\"true\"\n          [attr.aria-label]=\"'documentWorkspaces.detail.back' | transloco\"\n          [tooltip]=\"'documentWorkspaces.detail.back' | transloco\"\n          (click)=\"leave()\">\n          <chevron-down-icon class=\"rotate-90\" />\n        </button>\n\n        @if (workspace(); as workspace) {\n          <h1 class=\"min-w-28 flex-[1_1_16rem] text-2xl leading-[31px] font-bold break-words text-(--font-neutral-black)\">{{ workspace.name }}</h1>\n\n          <!-- Beside the title while they fit next to its 16rem, on a line of their own under it once they do not. -->\n          @if (!deletedElsewhere()) {\n            <div class=\"ml-auto flex shrink-0 items-center gap-1\">\n              <button size=\"sm\"\n                variant=\"ghost\"\n                class=\"gap-1.5 text-(--font-error-base) hover:bg-(--bg-error-lightest)\"\n                [writerOnly]=\"workspace.currentUserRole\"\n                (click)=\"confirmDeleteWorkspace(workspace)\">\n                <trash-icon />\n                {{ \"documentWorkspaces.common.delete\" | transloco }}\n              </button>\n              <button size=\"sm\" variant=\"ghost\" class=\"gap-1.5\" [writerOnly]=\"workspace.currentUserRole\" (click)=\"share(workspace)\">\n                <user-round-icon />\n                {{ \"documentWorkspaces.share.title\" | transloco }}\n              </button>\n              <button size=\"sm\" variant=\"ghost\" class=\"gap-1.5\" [writerOnly]=\"workspace.currentUserRole\" (click)=\"edit(workspace)\">\n                <pen-to-square-icon />\n                {{ \"documentWorkspaces.common.edit\" | transloco }}\n              </button>\n              <button size=\"sm\"\n                variant=\"ghost\"\n                class=\"w-6\"\n                [iconOnly]=\"true\"\n                [disabled]=\"refreshing()\"\n                [attr.aria-label]=\"'documentWorkspaces.common.refresh' | transloco\"\n                [tooltip]=\"'documentWorkspaces.common.refresh' | transloco\"\n                (click)=\"refresh()\">\n                <refresh-icon />\n              </button>\n            </div>\n          }\n        }\n      </div>\n\n      @if (workspace(); as workspace) {\n        @if (workspace.description) {\n          <p class=\"mb-3 text-base text-(--font-primary-base)\">{{ workspace.description }}</p>\n        }\n        @if (workspace.tags.length) {\n          <p class=\"mb-6 flex items-center gap-2 text-sm text-(--font-primary-base)\" data-testid=\"tags\">\n            <tag-icon class=\"size-4\" />\n            {{ workspace.tags.join(\", \") }}\n          </p>\n        }\n\n        @if (!deletedElsewhere()) {\n        <div class=\"mb-3 flex flex-wrap items-center gap-2\">\n          <div role=\"group\" class=\"inline-flex gap-1 rounded-full bg-(--bg-primary-lighter) p-0.5\">\n            <button\n              variant=\"none\"\n              class=\"inline-flex size-6 items-center justify-center rounded-full text-(--font-primary-base) aria-pressed:bg-(--bg-neutral-white) aria-pressed:shadow-md\"\n              [attr.aria-pressed]=\"viewMode() === 'grid'\"\n              [attr.aria-label]=\"'documentWorkspaces.common.gridView' | transloco\"\n              [tooltip]=\"'documentWorkspaces.common.gridView' | transloco\"\n              (click)=\"viewMode.set('grid')\">\n              <grid-icon class=\"size-3.5\" />\n            </button>\n            <button\n              variant=\"none\"\n              class=\"inline-flex size-6 items-center justify-center rounded-full text-(--font-primary-base) aria-pressed:bg-(--bg-neutral-white) aria-pressed:shadow-md\"\n              [attr.aria-pressed]=\"viewMode() === 'list'\"\n              [attr.aria-label]=\"'documentWorkspaces.common.listView' | transloco\"\n              [tooltip]=\"'documentWorkspaces.common.listView' | transloco\"\n              (click)=\"viewMode.set('list')\">\n              <list-icon class=\"size-3.5\" />\n            </button>\n          </div>\n\n          <div\n            role=\"search\"\n            class=\"flex h-9 min-w-32 flex-[0_1_15rem] items-center gap-2 rounded-full border border-(--stroke-primary-light) bg-(--bg-neutral-white) px-3 focus-within:border-(--stroke-primary-base)\">\n            <magnifying-glass-icon class=\"size-4 shrink-0 text-(--font-primary-muted)\" />\n            <input\n              type=\"text\"\n              class=\"min-w-0 flex-1 bg-transparent text-xs text-(--font-neutral-black) outline-none placeholder:text-(--font-primary-muted)\"\n              [value]=\"query()\"\n              [attr.placeholder]=\"'documentWorkspaces.detail.searchPlaceholder' | transloco\"\n              [attr.aria-label]=\"'documentWorkspaces.detail.searchPlaceholder' | transloco\"\n              (input)=\"onSearch($event)\" />\n            @if (query()) {\n              <button variant=\"none\" type=\"button\" class=\"inline-flex\" [attr.aria-label]=\"'documentWorkspaces.common.clearSearch' | transloco\" (click)=\"query.set('')\">\n                <x-mark-icon class=\"size-4\" />\n              </button>\n            }\n          </div>\n\n          <button class=\"gap-1.5\" size=\"sm\" variant=\"primary\" [writerOnly]=\"workspace.currentUserRole\" (click)=\"upload(workspace)\">\n            <upload-icon />\n            {{ \"documentWorkspaces.detail.upload\" | transloco }}\n          </button>\n\n          @if (selection.selectableItems().length) {\n            @if (selection.active()) {\n              <div class=\"ml-auto flex items-center gap-2 @max-xl:order-last @max-xl:ml-0 @max-xl:basis-full\" data-testid=\"selection-bar\">\n                <button variant=\"ghost\" size=\"xs\" (click)=\"selection.toggleAll()\">\n                  {{ (selection.allSelected() ? \"documentWorkspaces.common.unselectAll\" : \"documentWorkspaces.common.selectAll\") | transloco }}\n                </button>\n                <button class=\"gap-1.5 text-(--font-error-base) hover:bg-(--bg-error-lightest)\" variant=\"ghost\" size=\"xs\" [disabled]=\"!selection.count()\" (click)=\"deleteSelected()\">\n                  <trash-icon />\n                  {{ \"documentWorkspaces.common.delete\" | transloco }}\n                </button>\n              </div>\n            }\n            <button variant=\"ghost\" size=\"xs\" class=\"@max-xl:ml-auto\" [class.ml-auto]=\"!selection.active()\" (click)=\"selection.toggleMode()\">\n              {{ (selection.active() ? \"documentWorkspaces.common.cancel\" : \"documentWorkspaces.common.select\") | transloco }}\n            </button>\n          }\n        </div>\n\n        <p class=\"mb-6 text-sm text-(--font-primary-base)\" aria-live=\"polite\" data-testid=\"count\">\n          @if (selection.active()) {\n            {{ \"documentWorkspaces.detail.selectedDocumentCount\" | transloco: { count: selection.count() } }}\n          } @else {\n            {{ \"documentWorkspaces.detail.fileCount\" | transloco: { count: workspace.documentCount } }}\n          }\n        </p>\n        }\n      }\n\n      @if (refreshError(); as message) {\n        <p role=\"alert\" class=\"text-(--font-error-base) text-sm\">{{ \"documentWorkspaces.detail.refreshError\" | transloco: { error: message } }}</p>\n      }\n\n      <!-- Only the documents scroll: the title, the toolbar and the count stay in place. -->\n      <div class=\"min-h-0 flex-1 overflow-y-auto\">\n      @switch (status()) {\n        @case (\"loading\") {\n          <p class=\"text-(--font-primary-muted) text-sm\">{{ \"documentWorkspaces.detail.docsLoading\" | transloco }}</p>\n        }\n        @case (\"error\") {\n          <div class=\"flex items-center gap-3 text-sm\" data-testid=\"load-error\">\n            <span class=\"text-(--font-error-base)\">\n              @if (loadError(); as message) {\n                <workspace-message [message]=\"message\" />\n              } @else {\n                {{ \"documentWorkspaces.detail.docsLoadError\" | transloco }}\n              }\n            </span>\n            <button variant=\"secondary\" size=\"xs\" (click)=\"load()\">{{ \"documentWorkspaces.common.retry\" | transloco }}</button>\n          </div>\n        }\n        @default {\n          @if (deletedElsewhere()) {\n            <div class=\"flex flex-col items-center gap-1 py-8 text-center\" data-testid=\"not-found\">\n              <not-found-icon />\n              <p class=\"max-w-70 text-sm text-(--font-primary-base)\">{{ \"documentWorkspaces.errors.notFound\" | transloco }}</p>\n              <button variant=\"secondary\" size=\"sm\" class=\"mt-2\" (click)=\"leave()\">{{ \"documentWorkspaces.detail.back\" | transloco }}</button>\n            </div>\n          } @else if (workspace(); as workspace) {\n            @if (!documents().length) {\n              <div class=\"flex flex-col items-center gap-1 py-8 text-center\" data-testid=\"empty\">\n                <empty-folder-icon />\n                <h5 class=\"text-sm font-semibold text-(--font-primary-dark)\">{{ \"documentWorkspaces.detail.emptyTitle\" | transloco }}</h5>\n                <p class=\"max-w-70 text-sm text-(--font-primary-base)\">{{ \"documentWorkspaces.detail.emptySubtitle\" | transloco }}</p>\n              </div>\n            } @else if (!filtered().length) {\n              <p class=\"text-(--font-primary-muted) py-8 text-center text-sm\" data-testid=\"no-match\">{{ \"documentWorkspaces.detail.noMatch\" | transloco }}</p>\n            } @else if (viewMode() === \"grid\") {\n              <div class=\"grid grid-cols-[repeat(auto-fill,minmax(280px,1fr))] content-start gap-4 pb-8\">\n                @for (document of filtered(); track document.id) {\n                  <document-card\n                    [document]=\"document\"\n                    [workspaceRole]=\"workspace.currentUserRole\"\n                    [query]=\"query()\"\n                    [active]=\"document.id === previewedDocumentId()\"\n                    [selecting]=\"selection.active()\"\n                    [selected]=\"selection.isSelected(document)\"\n                    [selectable]=\"selection.canSelect(document)\"\n                    (opened)=\"togglePreview(document)\"\n                    (deleteRequested)=\"confirmDeleteDocuments([document])\"\n                    (selectedChange)=\"selection.toggle(document, $event)\" />\n                }\n              </div>\n            } @else {\n              <div role=\"table\" class=\"flex flex-col gap-3 pb-8\">\n                <div role=\"row\" [attr.data-selecting]=\"selection.active() ? '' : null\" class=\"grid grid-cols-[minmax(0,1fr)_auto_2.5rem] items-center gap-x-4 px-3 data-selecting:grid-cols-[2rem_minmax(0,1fr)_auto_2.5rem] @3xl:grid-cols-[minmax(0,2fr)_minmax(0,1fr)_6rem_10rem_2.5rem] @3xl:data-selecting:grid-cols-[2rem_minmax(0,2fr)_minmax(0,1fr)_6rem_10rem_2.5rem] py-1 text-xs font-semibold text-(--font-primary-muted)\">\n                  @if (selection.active()) {\n                    <div role=\"columnheader\">\n                      <input\n                        type=\"checkbox\"\n                        class=\"accent-(--bg-primary-base) size-4\"\n                        [checked]=\"selection.allSelected()\"\n                        [indeterminate]=\"selection.partiallySelected()\"\n                        [attr.aria-label]=\"'documentWorkspaces.common.selectAll' | transloco\"\n                        (change)=\"selection.toggleAll()\" />\n\n                    </div>\n                  }\n                  <div role=\"columnheader\">{{ \"documentWorkspaces.detail.columnName\" | transloco }}</div>\n                  <div role=\"columnheader\" class=\"@max-3xl:hidden\">{{ \"documentWorkspaces.detail.columnSource\" | transloco }}</div>\n                  <div role=\"columnheader\" class=\"@max-3xl:hidden\">{{ \"documentWorkspaces.detail.columnSize\" | transloco }}</div>\n                  <div role=\"columnheader\">{{ \"documentWorkspaces.detail.columnDate\" | transloco }}</div>\n                  <div role=\"columnheader\"></div>\n                </div>\n                @for (document of filtered(); track document.id) {\n                  <document-row\n                    [document]=\"document\"\n                    [workspaceRole]=\"workspace.currentUserRole\"\n                    [query]=\"query()\"\n                    [active]=\"document.id === previewedDocumentId()\"\n                    [selecting]=\"selection.active()\"\n                    [selected]=\"selection.isSelected(document)\"\n                    [selectable]=\"selection.canSelect(document)\"\n                    (opened)=\"togglePreview(document)\"\n                    (deleteRequested)=\"confirmDeleteDocuments([document])\"\n                    (selectedChange)=\"selection.toggle(document, $event)\" />\n                }\n              </div>\n            }\n\n            @if (hasMore()) {\n              <div class=\"flex flex-col items-center gap-2\">\n                @if (loadMoreError(); as message) {\n                  <p role=\"alert\" class=\"text-(--font-error-base) text-sm\">{{ \"documentWorkspaces.detail.loadMoreError\" | transloco: { error: message } }}</p>\n                }\n                <button variant=\"secondary\" size=\"xs\" [disabled]=\"loadingMore()\" (click)=\"loadMore()\">\n                  {{ \"documentWorkspaces.detail.loadMore\" | transloco }}\n                </button>\n              </div>\n            }\n          } @else {\n            <p class=\"text-(--font-primary-muted) py-8 text-center text-sm\" data-testid=\"not-found\">{{ \"documentWorkspaces.errors.notFound\" | transloco }}</p>\n          }\n        }\n      }\n      </div>\n    </div>\n\n    <!-- The list gives up part of its width to the preview, and takes it back when the preview closes. -->\n    <div\n      #handle=\"resizeHandle\"\n      class=\"group/handle flex w-3 shrink-0 cursor-col-resize items-center justify-center max-md:hidden\"\n      [class.hidden]=\"!previewed()\"\n      [resizeHandle]=\"previewWidth()\"\n      (resizeHandleChange)=\"userPreviewWidth.set($event)\"\n      [resizeMin]=\"280\"\n      [resizeMax]=\"maxPreviewWidth()\"\n      [attr.aria-label]=\"'documentWorkspaces.preview.resize' | transloco\">\n      <span class=\"h-6 w-0.5 rounded-full bg-(--stroke-primary-light) opacity-0 group-hover/handle:opacity-100 group-focus-visible/handle:opacity-100 group-data-resizing/handle:opacity-100\"></span>\n    </div>\n    <aside\n      class=\"sticky top-3 my-3 mr-3 flex h-[calc(100dvh-1.5rem)] max-h-[calc(100%-1.5rem)] shrink-0 self-start overflow-hidden rounded-(--radius-xl) bg-(--bg-neutral-white) transition-[width] duration-[350ms] ease-[cubic-bezier(0.32,0.72,0,1)] motion-reduce:transition-none data-open:border data-open:border-(--stroke-primary-lighter) data-open:shadow-[0_4px_6px_-2px_rgba(45,57,58,0.05),0_10px_15px_-3px_rgba(45,57,58,0.1)] max-md:data-open:fixed max-md:data-open:inset-0 max-md:data-open:z-50 max-md:data-open:m-0 max-md:data-open:w-full! max-md:data-open:max-h-none max-md:data-open:rounded-none\"\n      [class.transition-none]=\"handle.resizing()\"\n      [style.width.px]=\"previewed() ? previewWidth() : 0\"\n      [attr.data-open]=\"previewed() ? '' : null\"\n      [attr.aria-hidden]=\"previewed() ? null : 'true'\"\n      data-testid=\"preview\">\n      @if (previewed(); as previewed) {\n        <!-- Its own width, so the content does not reflow while the card opens. -->\n        <document-preview-panel\n          class=\"shrink-0 max-md:w-full!\"\n          [style.width.px]=\"previewWidth()\"\n          [document]=\"previewed\"\n          [queryName]=\"queryName()\"\n          (closed)=\"previewedDocumentId.set(null)\"\n          (askFollowUp)=\"askFollowUp.emit($event)\" />\n      }\n    </aside>\n  ", isInline: true, dependencies: [{ kind: "component", type: ChevronDownIcon, selector: "chevron-down, ChevronDown, chevrondown, chevron-down-icon, ChevronDownIcon, chevrondownicon", inputs: ["class"] }, { kind: "directive", type: ButtonComponent, selector: "button", inputs: ["class", "variant", "decoration", "scheme", "iconOnly", "size", "solid"] }, { kind: "component", type: DocumentCard, selector: "document-card", inputs: ["document", "workspaceRole", "query", "active", "selecting", "selected", "selectable"], outputs: ["opened", "deleteRequested", "selectedChange"] }, { kind: "component", type: DocumentPreviewPanel, selector: "document-preview-panel", inputs: ["document", "queryName"], outputs: ["closed", "askFollowUp"] }, { kind: "component", type: DocumentRow, selector: "document-row", inputs: ["document", "workspaceRole", "query", "active", "selecting", "selected", "selectable"], outputs: ["opened", "deleteRequested", "selectedChange"] }, { kind: "component", type: EmptyFolderIcon, selector: "empty-folder-icon" }, { kind: "component", type: GridIcon, selector: "grid-icon", inputs: ["class"] }, { kind: "component", type: ListIcon, selector: "list-icon, ListIcon", inputs: ["class"] }, { kind: "component", type: MagnifyingGlassIcon, selector: "magnifying-glass-icon, MagnifyingGlassIcon", inputs: ["class"] }, { kind: "component", type: NotFoundIcon, selector: "not-found-icon" }, { kind: "component", type: PenToSquareIcon, selector: "pen-to-square-icon, PenToSquareIcon", inputs: ["class"] }, { kind: "component", type: RefreshIcon, selector: "refresh-icon, RefreshIcon, refreshicon", inputs: ["class"] }, { kind: "directive", type: ResizeHandle, selector: "[resizeHandle]", inputs: ["resizeHandle", "resizeMin", "resizeMax", "resizeStep", "resizeEdge"], outputs: ["resizeHandleChange"], exportAs: ["resizeHandle"] }, { kind: "component", type: TagIcon, selector: "tag-icon, TagIcon", inputs: ["class"] }, { kind: "directive", type: TooltipDirective, selector: "[tooltip]", inputs: ["tooltip", "strategy", "tooltip-position", "tooltip-delay", "tooltip-duration", "tooltip-offset"] }, { kind: "component", type: TrashIcon, selector: "trash-icon, TrashIcon", inputs: ["class"] }, { kind: "component", type: UploadIcon, selector: "upload-icon, UploadIcon, uploadicon", inputs: ["class"] }, { kind: "component", type: UserRoundIcon, selector: "user-round, UserRound, userround, user-round-icon, UserRoundIcon, userroundicon", inputs: ["class"] }, { kind: "component", type: WorkspaceMessage, selector: "workspace-message", inputs: ["message"] }, { kind: "directive", type: WriterOnly, selector: "[writerOnly]", inputs: ["writerOnly"] }, { kind: "component", type: XMarkIcon, selector: "XMarkIcon, xmark-icon, x-mark-icon", inputs: ["class"] }, { kind: "pipe", type: TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.29", ngImport: i0, type: WorkspaceDetail, decorators: [{
             type: Component,
@@ -5863,6 +6058,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.29", ngImpo
                         GridIcon,
                         ListIcon,
                         MagnifyingGlassIcon,
+                        NotFoundIcon,
                         PenToSquareIcon,
                         RefreshIcon,
                         ResizeHandle,
@@ -5886,7 +6082,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.29", ngImpo
           [iconOnly]="true"
           [attr.aria-label]="'documentWorkspaces.detail.back' | transloco"
           [tooltip]="'documentWorkspaces.detail.back' | transloco"
-          (click)="back.emit()">
+          (click)="leave()">
           <chevron-down-icon class="rotate-90" />
         </button>
 
@@ -5894,34 +6090,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.29", ngImpo
           <h1 class="min-w-28 flex-[1_1_16rem] text-2xl leading-[31px] font-bold break-words text-(--font-neutral-black)">{{ workspace.name }}</h1>
 
           <!-- Beside the title while they fit next to its 16rem, on a line of their own under it once they do not. -->
-          <div class="ml-auto flex shrink-0 items-center gap-1">
-            <button size="sm"
-              variant="ghost"
-              class="gap-1.5 text-(--font-error-base) hover:bg-(--bg-error-lightest)"
-              [writerOnly]="workspace.currentUserRole"
-              (click)="confirmDeleteWorkspace(workspace)">
-              <trash-icon />
-              {{ "documentWorkspaces.common.delete" | transloco }}
-            </button>
-            <button size="sm" variant="ghost" class="gap-1.5" [writerOnly]="workspace.currentUserRole" (click)="share(workspace)">
-              <user-round-icon />
-              {{ "documentWorkspaces.share.title" | transloco }}
-            </button>
-            <button size="sm" variant="ghost" class="gap-1.5" [writerOnly]="workspace.currentUserRole" (click)="edit(workspace)">
-              <pen-to-square-icon />
-              {{ "documentWorkspaces.common.edit" | transloco }}
-            </button>
-            <button size="sm"
-              variant="ghost"
-              class="w-6"
-              [iconOnly]="true"
-              [disabled]="refreshing()"
-              [attr.aria-label]="'documentWorkspaces.common.refresh' | transloco"
-              [tooltip]="'documentWorkspaces.common.refresh' | transloco"
-              (click)="refresh()">
-              <refresh-icon />
-            </button>
-          </div>
+          @if (!deletedElsewhere()) {
+            <div class="ml-auto flex shrink-0 items-center gap-1">
+              <button size="sm"
+                variant="ghost"
+                class="gap-1.5 text-(--font-error-base) hover:bg-(--bg-error-lightest)"
+                [writerOnly]="workspace.currentUserRole"
+                (click)="confirmDeleteWorkspace(workspace)">
+                <trash-icon />
+                {{ "documentWorkspaces.common.delete" | transloco }}
+              </button>
+              <button size="sm" variant="ghost" class="gap-1.5" [writerOnly]="workspace.currentUserRole" (click)="share(workspace)">
+                <user-round-icon />
+                {{ "documentWorkspaces.share.title" | transloco }}
+              </button>
+              <button size="sm" variant="ghost" class="gap-1.5" [writerOnly]="workspace.currentUserRole" (click)="edit(workspace)">
+                <pen-to-square-icon />
+                {{ "documentWorkspaces.common.edit" | transloco }}
+              </button>
+              <button size="sm"
+                variant="ghost"
+                class="w-6"
+                [iconOnly]="true"
+                [disabled]="refreshing()"
+                [attr.aria-label]="'documentWorkspaces.common.refresh' | transloco"
+                [tooltip]="'documentWorkspaces.common.refresh' | transloco"
+                (click)="refresh()">
+                <refresh-icon />
+              </button>
+            </div>
+          }
         }
       </div>
 
@@ -5936,6 +6134,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.29", ngImpo
           </p>
         }
 
+        @if (!deletedElsewhere()) {
         <div class="mb-3 flex flex-wrap items-center gap-2">
           <div role="group" class="inline-flex gap-1 rounded-full bg-(--bg-primary-lighter) p-0.5">
             <button
@@ -6006,6 +6205,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.29", ngImpo
             {{ "documentWorkspaces.detail.fileCount" | transloco: { count: workspace.documentCount } }}
           }
         </p>
+        }
       }
 
       @if (refreshError(); as message) {
@@ -6031,7 +6231,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.29", ngImpo
           </div>
         }
         @default {
-          @if (workspace(); as workspace) {
+          @if (deletedElsewhere()) {
+            <div class="flex flex-col items-center gap-1 py-8 text-center" data-testid="not-found">
+              <not-found-icon />
+              <p class="max-w-70 text-sm text-(--font-primary-base)">{{ "documentWorkspaces.errors.notFound" | transloco }}</p>
+              <button variant="secondary" size="sm" class="mt-2" (click)="leave()">{{ "documentWorkspaces.detail.back" | transloco }}</button>
+            </div>
+          } @else if (workspace(); as workspace) {
             @if (!documents().length) {
               <div class="flex flex-col items-center gap-1 py-8 text-center" data-testid="empty">
                 <empty-folder-icon />
@@ -6937,6 +7143,10 @@ class UploadTrackerSection {
         const uploads = this.uploads();
         return uploads.length ? Math.round(uploads.reduce((sum, u) => sum + u.percent, 0) / uploads.length) : 0;
     }, ...(ngDevMode ? [{ debugName: "average" }] : []));
+    /** The translation key standing for a row with no file name: a job started elsewhere. Only read when `name` is empty. */
+    label(upload) {
+        return upload.remote?.mine ? "documentWorkspaces.tracker.ownUpload" : "documentWorkspaces.tracker.remoteUpload";
+    }
     round(value) {
         return Math.round(value);
     }
@@ -7013,8 +7223,8 @@ class UploadTrackerSection {
             <span
               class="min-w-0 flex-1 truncate text-xs text-(--font-neutral-black)"
               [class.text-(--font-error-base)]="upload.status === 'error' || upload.status === 'rejected'"
-              [attr.title]="upload.name"
-              >{{ upload.name }}</span
+              [attr.title]="upload.name || (label(upload) | transloco)"
+              >{{ upload.name || (label(upload) | transloco) }}</span
             >
             @if (upload.message) {
               <span class="max-w-40 shrink truncate text-[11px] text-(--font-neutral-muted)" [attr.title]="upload.message">{{ upload.message }}</span>
@@ -7023,9 +7233,12 @@ class UploadTrackerSection {
             @switch (upload.status) {
               @case ("uploading") {
                 <span class="shrink-0 text-xs text-(--font-neutral-muted) tabular-nums">{{ round(upload.percent) }}%</span>
-                <button class="w-6" variant="ghost" size="xs" [iconOnly]="true" [attr.aria-label]="'documentWorkspaces.tracker.cancelUpload' | transloco" [tooltip]="'documentWorkspaces.tracker.cancelUpload' | transloco" (click)="discard.emit(upload.id)">
-                  <x-mark-icon />
-                </button>
+                <!-- A transfer this client does not hold cannot be stopped from here, and nor can it be closed while it goes on. -->
+                @if (!upload.remote) {
+                  <button class="w-6" variant="ghost" size="xs" [iconOnly]="true" [attr.aria-label]="'documentWorkspaces.tracker.cancelUpload' | transloco" [tooltip]="'documentWorkspaces.tracker.cancelUpload' | transloco" (click)="discard.emit(upload.id)">
+                    <x-mark-icon />
+                  </button>
+                }
               }
               @case ("indexing") {
                 <!-- No percentage here: the server only reports one per job, shown by the bar above. -->
@@ -7155,8 +7368,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.29", ngImpo
             <span
               class="min-w-0 flex-1 truncate text-xs text-(--font-neutral-black)"
               [class.text-(--font-error-base)]="upload.status === 'error' || upload.status === 'rejected'"
-              [attr.title]="upload.name"
-              >{{ upload.name }}</span
+              [attr.title]="upload.name || (label(upload) | transloco)"
+              >{{ upload.name || (label(upload) | transloco) }}</span
             >
             @if (upload.message) {
               <span class="max-w-40 shrink truncate text-[11px] text-(--font-neutral-muted)" [attr.title]="upload.message">{{ upload.message }}</span>
@@ -7165,9 +7378,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.29", ngImpo
             @switch (upload.status) {
               @case ("uploading") {
                 <span class="shrink-0 text-xs text-(--font-neutral-muted) tabular-nums">{{ round(upload.percent) }}%</span>
-                <button class="w-6" variant="ghost" size="xs" [iconOnly]="true" [attr.aria-label]="'documentWorkspaces.tracker.cancelUpload' | transloco" [tooltip]="'documentWorkspaces.tracker.cancelUpload' | transloco" (click)="discard.emit(upload.id)">
-                  <x-mark-icon />
-                </button>
+                <!-- A transfer this client does not hold cannot be stopped from here, and nor can it be closed while it goes on. -->
+                @if (!upload.remote) {
+                  <button class="w-6" variant="ghost" size="xs" [iconOnly]="true" [attr.aria-label]="'documentWorkspaces.tracker.cancelUpload' | transloco" [tooltip]="'documentWorkspaces.tracker.cancelUpload' | transloco" (click)="discard.emit(upload.id)">
+                    <x-mark-icon />
+                  </button>
+                }
               }
               @case ("indexing") {
                 <!-- No percentage here: the server only reports one per job, shown by the bar above. -->
@@ -7208,7 +7424,9 @@ const SECTION_ORDER = ["uploading", "indexing", "done", "error", "rejected"];
 const FLASH_MS = 3000;
 const PEEK_MS = 3500;
 const WORKSPACE_COMPLETE_MS = 3500;
-const AUTO_DISMISS_MS = 3000;
+// How long a panel whose uploads are all over stays: long enough to read the outcome, even of an
+// upload someone else started and the user was not watching.
+const AUTO_DISMISS_MS = FINISHED_UPLOAD_VISIBLE_MS;
 const DISMISS_ANIMATION_MS = 320;
 const HOVER_LEAVE_MS = 250;
 // The text on the strip leaves, then the new one comes: half a transition each.
@@ -7295,7 +7513,7 @@ class UploadTracker {
         const failed = this.store.failed();
         const severalWorkspaces = this.store.workspaces().length > 1;
         // One file is named, several are counted.
-        const label = (uploads, key, max) => uploads.length === 1 ? { text: truncateName(uploads[0].name, max) } : trackerMessage(key, { count: uploads.length });
+        const label = (uploads, key, max) => uploads.length === 1 ? uploadLabel(uploads[0], max) : trackerMessage(key, { count: uploads.length });
         const chips = [];
         if (groups.uploading.length)
             chips.push({ kind: "uploading", busy: true, message: trackerMessage("uploadingCount", { count: groups.uploading.length }) });
@@ -7315,11 +7533,11 @@ class UploadTracker {
             return peek.message;
         const failed = this.store.failed();
         if (failed.length)
-            return failed.length === 1 ? { text: truncateName(failed[0].name, 22) } : trackerMessage("errorCount", { count: failed.length });
+            return failed.length === 1 ? uploadLabel(failed[0], 22) : trackerMessage("errorCount", { count: failed.length });
         const { uploading, indexing, done } = this.store.byStatus();
         const active = uploading.length + indexing.length;
         if (done.length && !active)
-            return done.length === 1 ? { text: truncateName(done[0].name, 22) } : trackerMessage("indexedCount", { count: done.length });
+            return done.length === 1 ? uploadLabel(done[0], 22) : trackerMessage("indexedCount", { count: done.length });
         return trackerMessage("fileCount", { count: active });
     }, ...(ngDevMode ? [{ debugName: "pillMessage" }] : []));
     state = computed(() => (this.mode() !== "minimized" ? "normal" : this.hover() ? "minimized-hover" : "minimized"), ...(ngDevMode ? [{ debugName: "state" }] : []));
@@ -7349,10 +7567,12 @@ class UploadTracker {
                     this.completeWorkspace(complete);
             });
         });
-        // Everything indexed: hold the success message for a moment, then go away.
+        // Everything is over: hold the outcome for a while, then go away — unless a failure of the
+        // user's own is there to be read, which stays until they close it. A new upload cancels
+        // this (nothing is settled any more), and the delay starts afresh when it ends.
         effect(() => {
-            const allDone = this.store.allDone();
-            untracked(() => (allDone ? this.startAutoDismiss() : this.cancelAutoDismiss()));
+            const leaves = this.store.settled() && !this.store.authorFailed();
+            untracked(() => (leaves ? this.startAutoDismiss() : this.cancelAutoDismiss()));
         });
         // The strip of a minimized panel says what is going on; when that changes, the text is swapped, not cut.
         effect(() => {
@@ -7413,9 +7633,9 @@ class UploadTracker {
         }
         this.mode.update(mode => (mode === "expanded" ? "inline" : "expanded"));
     }
-    /** Minimizes while there is work going on; once everything is over, closes for good. */
+    /** Minimizes while there is work going on; once everything is over (failures included), closes for good. */
     dismiss() {
-        if (this.store.allDone() || this.mode() === "minimized") {
+        if (this.store.settled() || this.mode() === "minimized") {
             this.reset();
         }
         else {
@@ -7471,14 +7691,14 @@ class UploadTracker {
         const failed = finished.filter(isFailed);
         if (done.length) {
             const last = done[done.length - 1];
-            const message = { text: truncateName(last.name, this.mode() === "minimized" ? 22 : 30) };
+            const message = uploadLabel(last, this.mode() === "minimized" ? 22 : 30);
             if (this.mode() === "minimized")
                 this.notify(message, "success");
             else if (this.mode() === "inline" && !this.store.allDone())
                 this.showFlash(message);
         }
         if (failed.length && this.mode() === "minimized") {
-            this.notify({ text: truncateName(failed[failed.length - 1].name, 22) }, "error");
+            this.notify(uploadLabel(failed[failed.length - 1], 22), "error");
         }
     }
     /**
@@ -7533,8 +7753,9 @@ class UploadTracker {
     startAutoDismiss() {
         if (this.dismissTimer)
             return;
-        // The success message is in the header: make sure it can be seen.
-        this.mode.set("inline");
+        // The success message is in the header: make sure it can be seen. Failures are in the sections: leave those open.
+        if (this.store.allDone())
+            this.mode.set("inline");
         this.dismissTimer = this.replaceTimer(null, AUTO_DISMISS_MS, () => {
             this.dismissTimer = null;
             this.dismissing.set(true);
@@ -7670,8 +7891,8 @@ class UploadTracker {
               variant="ghost"
               size="xs"
               [iconOnly]="true"
-              [attr.aria-label]="(mode() === 'minimized' || store.allDone() ? 'documentWorkspaces.common.close' : 'documentWorkspaces.common.minimize') | transloco"
-              [tooltip]="(mode() === 'minimized' || store.allDone() ? 'documentWorkspaces.common.close' : 'documentWorkspaces.common.minimize') | transloco"
+              [attr.aria-label]="(mode() === 'minimized' || store.settled() ? 'documentWorkspaces.common.close' : 'documentWorkspaces.common.minimize') | transloco"
+              [tooltip]="(mode() === 'minimized' || store.settled() ? 'documentWorkspaces.common.close' : 'documentWorkspaces.common.minimize') | transloco"
               (click)="dismiss(); $event.stopPropagation()">
               <x-mark-icon />
             </button>
@@ -7876,8 +8097,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.29", ngImpo
               variant="ghost"
               size="xs"
               [iconOnly]="true"
-              [attr.aria-label]="(mode() === 'minimized' || store.allDone() ? 'documentWorkspaces.common.close' : 'documentWorkspaces.common.minimize') | transloco"
-              [tooltip]="(mode() === 'minimized' || store.allDone() ? 'documentWorkspaces.common.close' : 'documentWorkspaces.common.minimize') | transloco"
+              [attr.aria-label]="(mode() === 'minimized' || store.settled() ? 'documentWorkspaces.common.close' : 'documentWorkspaces.common.minimize') | transloco"
+              [tooltip]="(mode() === 'minimized' || store.settled() ? 'documentWorkspaces.common.close' : 'documentWorkspaces.common.minimize') | transloco"
               (click)="dismiss(); $event.stopPropagation()">
               <x-mark-icon />
             </button>