phirepass-widgets 0.0.53 → 0.0.55

package/dist/collection/components/phirepass-sftp-client/phirepass-sftp-client.js

@@ -8,7 +8,7 @@ import file from "./phirepass-sftp-client.file.svg";
 import go_up from "./phirepass-sftp-client.go_up.svg";
 import refresh from "./phirepass-sftp-client.refresh.svg";
 import upload from "./phirepass-sftp-client.upload.svg";
-import { ConnectionState, ProtocolMessageError, ProtocolMessageType } from "../../common/protocol";
+import { ConnectionState, ProtocolMessageError, ProtocolMessageType, } from "../../common/protocol";
 // https://sweet-sftp-view.lovable.app/
 export class PhirepassSftpClient {
     channel;
@@ -16,9 +16,15 @@ export class PhirepassSftpClient {
     runtimeReady = false;
     connected = false;
     uploadInputEl;
-    uploadProgressHandle;
-    downloadProgressHandle;
     deleteLoadingTimeout;
+    msgId = 1;
+    activeUploadToken = 0;
+    pendingUploadStarts = new Map();
+    pendingUploadAcks = new Map();
+    pendingDownloadStarts = new Map();
+    activeDownloads = new Map();
+    activeDownloadMsgId;
+    pendingDelete;
     // private inputMode: InputMode = InputMode.Default;
     session_id;
     // private usernameBuffer = "";
@@ -79,10 +85,12 @@ export class PhirepassSftpClient {
     show_upload_modal = false;
     upload_progress = 0;
     upload_file_name = '';
+    upload_speed = '--';
     upload_finished = false;
     show_download_modal = false;
     download_progress = 0;
     download_file_name = '';
+    download_speed = '--';
     download_finished = false;
     show_delete_modal = false;
     delete_file_name = '';
@@ -117,30 +125,120 @@ export class PhirepassSftpClient {
         this.connected = false;
         this.domReady = false;
         this.runtimeReady = false;
-        this.clear_upload_progress();
-        this.clear_download_progress();
+        this.cancel_active_upload();
+        this.cancel_active_download();
+        this.clear_pending_operations();
         this.clear_delete_loading_timeout();
         this.close_comms();
         // this.destroy_terminal();
     }
-    clear_upload_progress() {
-        if (this.uploadProgressHandle !== undefined) {
-            window.clearInterval(this.uploadProgressHandle);
-            this.uploadProgressHandle = undefined;
-        }
-    }
-    clear_download_progress() {
-        if (this.downloadProgressHandle !== undefined) {
-            window.clearInterval(this.downloadProgressHandle);
-            this.downloadProgressHandle = undefined;
-        }
-    }
     clear_delete_loading_timeout() {
         if (this.deleteLoadingTimeout !== undefined) {
             window.clearTimeout(this.deleteLoadingTimeout);
             this.deleteLoadingTimeout = undefined;
         }
     }
+    next_msg_id() {
+        const id = this.msgId;
+        this.msgId += 1;
+        return id;
+    }
+    clear_pending_operations() {
+        this.pendingUploadStarts.forEach((pending) => {
+            window.clearTimeout(pending.timeout);
+            pending.reject(new Error('Upload start aborted'));
+        });
+        this.pendingUploadStarts.clear();
+        this.pendingUploadAcks.forEach((pending) => {
+            window.clearTimeout(pending.timeout);
+            pending.reject(new Error('Upload chunk aborted'));
+        });
+        this.pendingUploadAcks.clear();
+        this.pendingDownloadStarts.forEach((pending) => {
+            window.clearTimeout(pending.timeout);
+            pending.reject(new Error('Download start aborted'));
+        });
+        this.pendingDownloadStarts.clear();
+        this.stop_delete_polling();
+        this.activeDownloads.clear();
+    }
+    stop_delete_polling() {
+        if (this.pendingDelete?.interval !== undefined) {
+            window.clearInterval(this.pendingDelete.interval);
+        }
+        this.pendingDelete = undefined;
+    }
+    cancel_active_upload() {
+        this.activeUploadToken += 1;
+        this.upload_progress = 0;
+        this.upload_finished = false;
+        this.upload_speed = '--';
+    }
+    cancel_active_download() {
+        if (this.activeDownloadMsgId !== undefined) {
+            this.activeDownloads.delete(this.activeDownloadMsgId);
+        }
+        this.activeDownloadMsgId = undefined;
+        this.download_progress = 0;
+        this.download_finished = false;
+        this.download_speed = '--';
+    }
+    format_duration(seconds) {
+        if (!Number.isFinite(seconds) || seconds < 0) {
+            return '--';
+        }
+        if (seconds < 60) {
+            return `${seconds.toFixed(0)}s`;
+        }
+        const minutes = Math.floor(seconds / 60);
+        const remainderSeconds = Math.floor(seconds % 60);
+        if (minutes < 60) {
+            return `${minutes}m ${remainderSeconds}s`;
+        }
+        const hours = Math.floor(minutes / 60);
+        const remainderMinutes = minutes % 60;
+        return `${hours}h ${remainderMinutes}m`;
+    }
+    format_percent(value) {
+        const safe = Number.isFinite(value) ? value : 0;
+        return `${safe.toFixed(2)}%`;
+    }
+    format_transfer_rate(bytesPerSecond) {
+        if (!Number.isFinite(bytesPerSecond) || bytesPerSecond <= 0) {
+            return '--';
+        }
+        return `${this.format_size(bytesPerSecond)}/s`;
+    }
+    update_upload_progress(uploadedBytes, totalBytes, startTime) {
+        const progress = totalBytes > 0 ? (uploadedBytes / totalBytes) * 100 : 0;
+        this.upload_progress = Math.max(0, Math.min(100, progress));
+        if (uploadedBytes >= totalBytes) {
+            this.upload_finished = true;
+            this.upload_speed = '--';
+            return;
+        }
+        const elapsedSeconds = (performance.now() - startTime) / 1000;
+        const speed = elapsedSeconds > 0 ? uploadedBytes / elapsedSeconds : 0;
+        this.upload_speed = this.format_transfer_rate(speed);
+        const remaining = totalBytes - uploadedBytes;
+        const eta = speed > 0 ? remaining / speed : NaN;
+        this.status = `Uploading ${this.format_size(uploadedBytes)} / ${this.format_size(totalBytes)} (ETA ${this.format_duration(eta)})`;
+    }
+    update_download_progress(receivedBytes, totalBytes, startTime) {
+        const progress = totalBytes > 0 ? (receivedBytes / totalBytes) * 100 : 0;
+        this.download_progress = Math.max(0, Math.min(100, progress));
+        if (receivedBytes >= totalBytes) {
+            this.download_finished = true;
+            this.download_speed = '--';
+            return;
+        }
+        const elapsedSeconds = (Date.now() - startTime) / 1000;
+        const speed = elapsedSeconds > 0 ? receivedBytes / elapsedSeconds : 0;
+        this.download_speed = this.format_transfer_rate(speed);
+        const remaining = totalBytes - receivedBytes;
+        const eta = speed > 0 ? remaining / speed : NaN;
+        this.status = `Downloading ${this.format_size(receivedBytes)} / ${this.format_size(totalBytes)} (ETA ${this.format_duration(eta)})`;
+    }
     connect() {
         this.connected = true;
         this.channel.connect();
@@ -179,10 +277,38 @@ export class PhirepassSftpClient {
         return `${protocol}://${this.serverHost}:${this.serverPort}`;
     }
     handle_error(error) {
+        if (error.msg_id !== undefined) {
+            const pendingUploadStart = this.pendingUploadStarts.get(error.msg_id);
+            if (pendingUploadStart) {
+                window.clearTimeout(pendingUploadStart.timeout);
+                pendingUploadStart.reject(new Error(error.message || 'Upload start failed'));
+                this.pendingUploadStarts.delete(error.msg_id);
+            }
+            const pendingDownloadStart = this.pendingDownloadStarts.get(error.msg_id);
+            if (pendingDownloadStart) {
+                window.clearTimeout(pendingDownloadStart.timeout);
+                pendingDownloadStart.reject(new Error(error.message || 'Download start failed'));
+                this.pendingDownloadStarts.delete(error.msg_id);
+            }
+            if (this.activeDownloads.has(error.msg_id)) {
+                this.activeDownloads.delete(error.msg_id);
+                if (this.activeDownloadMsgId === error.msg_id) {
+                    this.activeDownloadMsgId = undefined;
+                }
+                this.download_finished = false;
+            }
+            if (this.pendingDelete?.msgId === error.msg_id) {
+                this.stop_delete_polling();
+                this.delete_loading = false;
+                this.show_delete_modal = false;
+                this.status = 'Connected';
+            }
+        }
         switch (error.kind) {
             case ProtocolMessageError.Generic:
             case ProtocolMessageError.Authentication:
                 this.error_message = error.message || 'An unknown error occurred.';
+                this.show_error = true;
                 break;
             case ProtocolMessageError.RequiresUsername:
                 this.show_login_screen_username = true;
@@ -232,8 +358,233 @@ export class PhirepassSftpClient {
         });
         this.show_content = true;
         this.show_navigation = true;
+        if (this.pendingDelete && web.path === this.current_dir) {
+            const fileStillExists = web.dir.items.some((item) => item.kind === 'File' && item.name === this.pendingDelete?.filename);
+            if (!fileStillExists) {
+                this.stop_delete_polling();
+                this.delete_loading = false;
+                this.show_delete_modal = false;
+                this.delete_file_name = '';
+                this.status = 'Connected';
+            }
+        }
         console.log('Received SFTP list items:', web);
     }
+    handle_upload_start_response(web) {
+        if (web.msg_id === undefined) {
+            return;
+        }
+        const pending = this.pendingUploadStarts.get(web.msg_id);
+        if (!pending) {
+            return;
+        }
+        window.clearTimeout(pending.timeout);
+        pending.resolve(web.response.upload_id);
+        this.pendingUploadStarts.delete(web.msg_id);
+    }
+    handle_upload_chunk_ack(web) {
+        const key = `${web.upload_id}_${web.chunk_index}`;
+        const pending = this.pendingUploadAcks.get(key);
+        if (!pending) {
+            return;
+        }
+        window.clearTimeout(pending.timeout);
+        pending.resolve();
+        this.pendingUploadAcks.delete(key);
+    }
+    handle_download_start_response(web) {
+        if (web.msg_id === undefined) {
+            return;
+        }
+        const pending = this.pendingDownloadStarts.get(web.msg_id);
+        if (!pending) {
+            return;
+        }
+        window.clearTimeout(pending.timeout);
+        pending.resolve({
+            download_id: web.response.download_id,
+            total_size: web.response.total_size,
+            total_chunks: web.response.total_chunks,
+        });
+        this.pendingDownloadStarts.delete(web.msg_id);
+    }
+    request_next_download_chunk(msgId) {
+        const download = this.activeDownloads.get(msgId);
+        if (!download || !this.session_id) {
+            return;
+        }
+        this.channel.send_sftp_download_chunk(this.nodeId, this.session_id, download.download_id, download.nextChunkToRequest, msgId);
+        download.nextChunkToRequest += 1;
+    }
+    finalize_download(msgId) {
+        const download = this.activeDownloads.get(msgId);
+        if (!download) {
+            return;
+        }
+        const sortedChunks = Array.from(download.chunks.entries())
+            .sort((a, b) => a[0] - b[0])
+            .map(([, data]) => data);
+        // Normalize to fresh ArrayBuffer-backed views for BlobPart compatibility.
+        const blobParts = sortedChunks.map((chunk) => new Uint8Array(chunk));
+        const blob = new Blob(blobParts, { type: 'application/octet-stream' });
+        const objectUrl = URL.createObjectURL(blob);
+        const anchor = document.createElement('a');
+        anchor.href = objectUrl;
+        anchor.download = download.filename;
+        document.body.appendChild(anchor);
+        anchor.click();
+        document.body.removeChild(anchor);
+        URL.revokeObjectURL(objectUrl);
+        this.activeDownloads.delete(msgId);
+        if (this.activeDownloadMsgId === msgId) {
+            this.activeDownloadMsgId = undefined;
+        }
+        this.download_finished = true;
+        this.status = 'Connected';
+    }
+    handle_download_chunk(web) {
+        if (web.msg_id === undefined) {
+            return;
+        }
+        const download = this.activeDownloads.get(web.msg_id);
+        if (!download) {
+            return;
+        }
+        const chunkData = new Uint8Array(web.chunk.data);
+        download.chunks.set(web.chunk.chunk_index, chunkData);
+        const receivedBytes = Array.from(download.chunks.values()).reduce((sum, data) => sum + data.length, 0);
+        this.update_download_progress(receivedBytes, download.total_size, download.startTime);
+        if (download.chunks.size >= download.total_chunks) {
+            this.finalize_download(web.msg_id);
+            return;
+        }
+        this.request_next_download_chunk(web.msg_id);
+    }
+    async start_download(item) {
+        if (!this.session_id) {
+            return;
+        }
+        this.selected_item = item;
+        this.download_file_name = item.name;
+        this.download_progress = 0;
+        this.download_finished = false;
+        this.download_speed = '--';
+        this.show_download_modal = true;
+        this.show_error = false;
+        const msgId = this.next_msg_id();
+        this.activeDownloadMsgId = msgId;
+        this.activeDownloads.set(msgId, {
+            filename: item.name,
+            chunks: new Map(),
+            total_chunks: 0,
+            total_size: 0,
+            download_id: 0,
+            nextChunkToRequest: 0,
+            startTime: Date.now(),
+        });
+        const downloadStart = new Promise((resolve, reject) => {
+            const timeout = window.setTimeout(() => {
+                this.pendingDownloadStarts.delete(msgId);
+                reject(new Error('Download start timeout'));
+            }, 10_000);
+            this.pendingDownloadStarts.set(msgId, {
+                timeout,
+                resolve,
+                reject,
+            });
+        });
+        try {
+            this.channel.send_sftp_download_start(this.nodeId, this.session_id, item.path, item.name, msgId);
+            const { download_id, total_chunks, total_size } = await downloadStart;
+            const download = this.activeDownloads.get(msgId);
+            if (!download) {
+                return;
+            }
+            download.download_id = download_id;
+            download.total_chunks = total_chunks;
+            download.total_size = total_size;
+            download.nextChunkToRequest = 0;
+            this.request_next_download_chunk(msgId);
+        }
+        catch (err) {
+            this.activeDownloads.delete(msgId);
+            if (this.activeDownloadMsgId === msgId) {
+                this.activeDownloadMsgId = undefined;
+            }
+            this.show_error = true;
+            this.error_message = err instanceof Error ? err.message : 'Failed to start download';
+            this.cancel_download();
+        }
+    }
+    async upload_file(fileToUpload) {
+        if (!this.session_id) {
+            return;
+        }
+        const uploadToken = this.activeUploadToken + 1;
+        this.activeUploadToken = uploadToken;
+        this.upload_file_name = fileToUpload.name;
+        this.upload_progress = 0;
+        this.upload_finished = false;
+        this.upload_speed = '--';
+        this.show_upload_modal = true;
+        this.show_error = false;
+        this.status = 'Uploading...';
+        const chunkSize = 64 * 1024;
+        const totalChunks = Math.max(1, Math.ceil(fileToUpload.size / chunkSize));
+        const msgId = this.next_msg_id();
+        const uploadStart = new Promise((resolve, reject) => {
+            const timeout = window.setTimeout(() => {
+                this.pendingUploadStarts.delete(msgId);
+                reject(new Error('Upload start timeout'));
+            }, 10_000);
+            this.pendingUploadStarts.set(msgId, {
+                timeout,
+                resolve,
+                reject,
+            });
+        });
+        try {
+            this.channel.send_sftp_upload_start(this.nodeId, this.session_id, fileToUpload.name, this.current_dir, totalChunks, BigInt(fileToUpload.size), msgId);
+            const uploadId = await uploadStart;
+            let uploadedBytes = 0;
+            const startedAt = performance.now();
+            for (let chunkIndex = 0; chunkIndex < totalChunks; chunkIndex += 1) {
+                if (uploadToken !== this.activeUploadToken) {
+                    throw new Error('Upload cancelled');
+                }
+                const start = chunkIndex * chunkSize;
+                const end = Math.min(start + chunkSize, fileToUpload.size);
+                const chunkBuffer = new Uint8Array(await fileToUpload.slice(start, end).arrayBuffer());
+                await new Promise((resolve, reject) => {
+                    const key = `${uploadId}_${chunkIndex}`;
+                    const timeout = window.setTimeout(() => {
+                        this.pendingUploadAcks.delete(key);
+                        reject(new Error(`Upload chunk ${chunkIndex + 1} timed out`));
+                    }, 30_000);
+                    this.pendingUploadAcks.set(key, {
+                        timeout,
+                        resolve,
+                        reject,
+                    });
+                    this.channel.send_sftp_upload_chunk(this.nodeId, this.session_id, uploadId, chunkIndex, chunkBuffer.length, chunkBuffer, null);
+                });
+                uploadedBytes += chunkBuffer.length;
+                this.update_upload_progress(uploadedBytes, fileToUpload.size, startedAt);
+            }
+            this.upload_progress = 100;
+            this.upload_finished = true;
+            this.status = 'Connected';
+            this.refresh_directory();
+        }
+        catch (err) {
+            if (err.message !== 'Upload cancelled') {
+                this.show_error = true;
+                this.error_message = err instanceof Error ? err.message : 'Upload failed';
+            }
+            this.upload_finished = false;
+            this.status = 'Connected';
+        }
+    }
     handle_tunnel_data(web) {
         console.log('received tunnel data:', web);
     }
@@ -289,12 +640,30 @@ export class PhirepassSftpClient {
                 case ProtocolMessageType.SFTPListItems:
                     this.handle_sftp_list_items(web);
                     break;
+                case ProtocolMessageType.SFTPUploadStartResponse:
+                    this.handle_upload_start_response(web);
+                    break;
+                case ProtocolMessageType.SFTPUploadChunkAck:
+                    this.handle_upload_chunk_ack(web);
+                    break;
+                case ProtocolMessageType.SFTPDownloadStartResponse:
+                    this.handle_download_start_response(web);
+                    break;
+                case ProtocolMessageType.SFTPDownloadChunk:
+                    this.handle_download_chunk(web);
+                    break;
                 default:
                     console.warn('Unhandled protocol message type:', web);
             }
         });
     }
     close_comms() {
+        this.cancel_active_upload();
+        this.cancel_active_download();
+        this.clear_pending_operations();
+        if (!this.channel) {
+            return;
+        }
         this.channel.stop_heartbeat();
         this.channel.disconnect();
     }
@@ -340,26 +709,25 @@ export class PhirepassSftpClient {
         this.show_login_screen_username = false;
         this.show_login_screen_password = false;
         this.show_login_screen = false;
+        this.show_upload_modal = false;
+        this.show_download_modal = false;
+        this.show_delete_modal = false;
+        this.upload_progress = 0;
+        this.download_progress = 0;
+        this.upload_finished = false;
+        this.download_finished = false;
+        this.delete_loading = false;
+        this.delete_file_name = '';
         this.version = '';
         this.status = 'Disconnected';
     }
     on_file_row_action(item, event) {
         event.preventDefault();
         event.stopPropagation();
-        this.selected_item = item;
-        this.download_file_name = item.name;
-        this.download_progress = 0;
-        this.download_finished = false;
-        this.show_download_modal = true;
-        this.clear_download_progress();
-        this.downloadProgressHandle = window.setInterval(() => {
-            if (this.download_progress >= 100) {
-                this.clear_download_progress();
-                this.download_finished = true;
-                return;
-            }
-            this.download_progress = Math.min(100, this.download_progress + 5);
-        }, 180);
+        if (item.kind !== 'File') {
+            return;
+        }
+        void this.start_download(item);
     }
     on_file_delete_action(item, event) {
         event.preventDefault();
@@ -376,25 +744,48 @@ export class PhirepassSftpClient {
         this.show_delete_modal = false;
         this.delete_file_name = '';
         this.delete_loading = false;
+        this.refresh_directory();
     }
     confirm_delete() {
         if (this.delete_loading) {
             return;
         }
-        this.delete_loading = true;
-        const deletingFileName = this.delete_file_name;
-        this.clear_delete_loading_timeout();
-        this.deleteLoadingTimeout = window.setTimeout(() => {
+        if (!this.session_id || !this.selected_item) {
             this.show_delete_modal = false;
-            this.delete_loading = false;
-            this.show_error = true;
-            this.error_message = `Delete for "${deletingFileName}" is not available yet.`;
-            window.setTimeout(() => {
-                this.show_error = false;
-            }, 2_000);
-            this.delete_file_name = '';
-            this.deleteLoadingTimeout = undefined;
-        }, 1_100);
+            return;
+        }
+        const fileToDelete = this.selected_item.name;
+        this.delete_loading = true;
+        this.status = 'Deleting...';
+        this.show_error = false;
+        this.stop_delete_polling();
+        const msgId = this.next_msg_id();
+        this.pendingDelete = {
+            filename: fileToDelete,
+            msgId,
+            startedAt: Date.now(),
+        };
+        const pollOnce = () => {
+            if (!this.pendingDelete) {
+                return;
+            }
+            const elapsed = Date.now() - this.pendingDelete.startedAt;
+            if (elapsed >= 30_000) {
+                this.stop_delete_polling();
+                this.delete_loading = false;
+                this.show_delete_modal = false;
+                this.show_error = true;
+                this.error_message = `Delete timed out for "${fileToDelete}".`;
+                this.status = 'Connected';
+                return;
+            }
+            if (this.session_id) {
+                this.channel.send_sftp_list_data(this.nodeId, this.session_id, this.current_dir);
+            }
+        };
+        pollOnce();
+        this.pendingDelete.interval = window.setInterval(pollOnce, 2_500);
+        this.channel.send_sftp_delete(this.nodeId, this.session_id, this.current_dir, fileToDelete, msgId);
     }
     open_upload_picker() {
         this.uploadInputEl?.click();
@@ -405,34 +796,24 @@ export class PhirepassSftpClient {
         if (!selectedFile) {
             return;
         }
-        this.upload_file_name = selectedFile.name;
-        this.upload_progress = 0;
-        this.upload_finished = false;
-        this.show_upload_modal = true;
-        this.clear_upload_progress();
-        this.uploadProgressHandle = window.setInterval(() => {
-            if (this.upload_progress >= 100) {
-                this.clear_upload_progress();
-                this.upload_finished = true;
-                return;
-            }
-            this.upload_progress = Math.min(100, this.upload_progress + 5);
-        }, 180);
+        void this.upload_file(selectedFile);
         input.value = '';
     }
     cancel_upload() {
-        this.clear_upload_progress();
+        this.cancel_active_upload();
         this.show_upload_modal = false;
-        this.upload_progress = 0;
         this.upload_file_name = '';
-        this.upload_finished = false;
+        this.upload_speed = '--';
+        this.status = 'Connected';
+        this.refresh_directory();
     }
     cancel_download() {
-        this.clear_download_progress();
+        this.cancel_active_download();
         this.show_download_modal = false;
-        this.download_progress = 0;
         this.download_file_name = '';
-        this.download_finished = false;
+        this.download_speed = '--';
+        this.status = 'Connected';
+        this.refresh_directory();
     }
     is_selected(item) {
         if (!this.selected_item) {
@@ -460,9 +841,6 @@ export class PhirepassSftpClient {
         this.selected_item = null;
         this.channel.send_sftp_list_data(this.nodeId, this.session_id, path);
     }
-    get_full_path(item) {
-        return [item.path, item.name].join('/');
-    }
     format_size(size) {
         if (size === undefined || Number.isNaN(size)) {
             return '-';
@@ -539,18 +917,18 @@ export class PhirepassSftpClient {
         return `${typeChar}${chars.join('')}`;
     }
     render() {
-        return (h(Host, { key: 'd6835d8f10772d163d135f7c03a8bfd6ea9dc9e5', class: {
+        return (h(Host, { key: '4a0c122426a92a92e3a7121d8adecbefe5eaf852', class: {
                 'default': !this.max,
                 'max': this.max,
-            } }, h("section", { key: '1b8c7c297fe0c13fb6374179960d220bfa264ce1', class: "listing" }, !this.hideHeader &&
-            h("header", { key: '2aca7b108ed314344a9adab45c41b155ad243006' }, h("section", { key: 'e74cf72a21a03f706b40badcc453a6f00f00b54f', class: "title" }, h("img", { key: 'f3f9799352fd0f24a30c32fbf776fac55297d115', src: svg, alt: "SFTP Client" }), h("div", { key: '6094df7cf6cd9e00d02f88aec504f1f1f8aa0117', class: "text" }, h("div", { key: '661f83eedde6b10eb779cf5ba51eda8de86a6235', class: "name" }, this.name), h("div", { key: '43f1e5268dcef0ce029e0037865444337da720db', class: "description" }, this.description))), h("section", { key: '1f39c200d7e429c1fe2ba00f271524cbf4694c1b', class: "actions" }, h("div", { key: 'c09d3bafff294a24c84cb98041ccc0914024aebf', class: "action", onClick: () => this.toggle_max() }, h("img", { key: '15700c04d1aac6c5552f2cbbd13909bdac28ebc4', src: max, alt: "Maximize" })))), h("main", { key: '43d58b425080731024cb0987f99750b4d106d929' }, this.show_navigation && h("nav", { key: 'fe3020afb24408ae00d8feb03f71911736a4e8fd', class: "navigation" }, h("div", { key: '92f394c1b1f867e365c713e587ee3bf03677ebdd', class: "breadcrumbs" }, this.breadcrumbs.map((crumb, index, breadcrumbs) => (h(h.Fragment, null, h("span", { key: index, onClick: () => this.list_breadcrumb(crumb.path), class: "breadcrumb" }, crumb.label), index < breadcrumbs.length - 1 && h("img", { class: "arrow", src: chevron }))))), h("section", { key: '0a33173ce03dbef85a09c0e6bddea20e8defd4cc', class: "actions", "aria-label": "SFTP actions" }, h("button", { key: '08f27eacad2be8c3b26ab911ab7c8a467d050783', type: "button", class: "action", onClick: () => this.go_to_parent_directory(), title: "Go to parent directory", "aria-label": "Go to parent directory" }, h("img", { key: '20f41d4e2d4ed6bfa0c7cd45140eeebc7d151b29', src: go_up, alt: "Go up" })), h("button", { key: 'cdc64bf9c863337f1d88923a791aa734e2c6ecfb', type: "button", class: "action", onClick: () => this.refresh_directory(), title: "Refresh", "aria-label": "Refresh" }, h("img", { key: 'c7b8503b466a3f319bc63ddbfc1893addb52d731', src: refresh, alt: "Refresh" })), h("button", { key: 'a27273c0860ebea231217f49639345185414cd6a', type: "button", class: "action", onClick: () => this.open_upload_picker(), title: "Upload", "aria-label": "Upload" }, h("img", { key: '56c4feb6be73b663df107c342c974689a1922427', src: upload, alt: "Upload" })), h("button", { key: 'e052aea68588e6711b6fe9ac39b057e8a1ca8f59', type: "button", class: "action disconnect", onClick: () => this.disconnect_session(), title: "Disconnect", "aria-label": "Disconnect" }, "DISCONNECT"))), h("input", { key: 'bac3a9f443a3175dcf9e436ea2754aa46c237e38', type: "file", ref: (el) => this.uploadInputEl = el, onChange: (event) => this.on_upload_selected(event), style: { display: 'none' } }), this.show_content && h("div", { key: 'f8b5a1b307b290bc4ac1c5dbfafea13d942981ea', class: "content" }, h("table", { key: 'acd4c91ff1fad061b847c6c10a6bd5228540bbdd' }, h("thead", { key: 'a416b35d7ac3e1809514f90b20cd52180a98fd78' }, h("tr", { key: '1e42ebd055d9821455205981cd6b86c176d818c6' }, h("th", { key: '785f06a6ff02eca8de9fef36cbb085c2a03b16e9' }, "Name"), h("th", { key: 'f860e66146bd0a5a85516a7c98d901ae4ccf672e' }, "Size"), h("th", { key: '21e2d9c1b923af76afc9aff707219d8fb570c661' }, "Permissions"), h("th", { key: '4d8f3d7909fa2ad3cb52e0c62426d86c399015d8' }, "Owner"), h("th", { key: '5a628872d532a62c49923139d762bb1500163d2f' }, "Modified"), h("th", { key: 'bd635bbd123d003a87460b8958dafdeed887d6f2', class: "action-col", "aria-label": "Actions" }))), h("tbody", { key: '762ab21361490e0455942ea42e5b9feccb9ea6d7' }, this.listing.map((item, index) => (h("tr", { key: index, class: {
+            } }, h("section", { key: 'f408645cf18f728c09e7af174f5eb30b5d37ca3b', class: "listing" }, !this.hideHeader &&
+            h("header", { key: '42fbffd05631ab758d4a9647b4bda41cb5b77b0a' }, h("section", { key: '9b67a0e72219f287d8458bb8ce271789ec653dc7', class: "title" }, h("img", { key: '0eb4b3588b0631d4e93827f74111650d3bed26c4', src: svg, alt: "SFTP Client" }), h("div", { key: '30945973ee86494b0b2c90ead1c178a1f48086fa', class: "text" }, h("div", { key: '716418d9af825dfd974ef96f7c9687f8e08cc4e7', class: "name" }, this.name), h("div", { key: 'eec1114d46f86c0f777b75a98dc21af1fe473f96', class: "description" }, this.description))), h("section", { key: '05aa545ba36f40adabe6d920514a00b50219744e', class: "actions" }, h("div", { key: '036d227279849911bd353ba879600d46d4cd1ab2', class: "action", onClick: () => this.toggle_max() }, h("img", { key: '3087b9252229f3dc401ea984c7e4576dc0bb74cb', src: max, alt: "Maximize" })))), h("main", { key: '5f2a69fb252b3df05742f8b74a15a0c9028f372f' }, this.show_navigation && h("nav", { key: '10612928faf505db3a3a2a00df51425540ea97ec', class: "navigation" }, h("div", { key: 'fdaa4662f45fad1b2fa31059f67df9344f7e7428', class: "breadcrumbs" }, this.breadcrumbs.map((crumb, index, breadcrumbs) => (h("span", { key: index, class: "breadcrumb-container" }, h("span", { key: index, onClick: () => this.list_breadcrumb(crumb.path), class: "breadcrumb" }, crumb.label), index < breadcrumbs.length - 1 && h("img", { class: "arrow", src: chevron }))))), h("section", { key: '71356c63017f5c74eadeabec428a3b7b3809ade2', class: "actions", "aria-label": "SFTP actions" }, h("button", { key: 'eaf88ec4362509efd594f29a38531a8b158ece9f', type: "button", class: "action", onClick: () => this.go_to_parent_directory(), title: "Go to parent directory", "aria-label": "Go to parent directory" }, h("img", { key: 'b1d5c6a632e22d64f829dbbd7139b859006dbd7a', src: go_up, alt: "Go up" })), h("button", { key: '94abac9e1a6984872c4c85e66aa448d11621e980', type: "button", class: "action", onClick: () => this.refresh_directory(), title: "Refresh", "aria-label": "Refresh" }, h("img", { key: 'd953e97de3411cd1a526c6e1fe042db0ddc673e5', src: refresh, alt: "Refresh" })), h("button", { key: '03598d60ae17c54493b1572f53c267b765008766', type: "button", class: "action", onClick: () => this.open_upload_picker(), title: "Upload", "aria-label": "Upload" }, h("img", { key: 'c39ee38d8e584c35155035aeb37403d4a89372ba', src: upload, alt: "Upload" })), h("button", { key: '7e017137f2588bb7a231ef76e874b85e3c1c112d', type: "button", class: "action disconnect", onClick: () => this.disconnect_session(), title: "Disconnect", "aria-label": "Disconnect" }, "DISCONNECT"))), h("input", { key: '2956f9ad2124f813d848ace2206312ee81a4e145', type: "file", ref: (el) => this.uploadInputEl = el, onChange: (event) => this.on_upload_selected(event), style: { display: 'none' } }), this.show_content && h("div", { key: '451d0758c8b71ac9c720f4ad07c5fa3a7011b43e', class: "content" }, h("table", { key: '27a87bfdc1e357a15ff578cae12f41fb768be576' }, h("thead", { key: 'c8161cd9ff7e2bdf0579b3aa9797bd2366b106e8' }, h("tr", { key: '23dc88a5b43a77bb1ab031f72e01996c0e16d4de' }, h("th", { key: '460827f1703d2c7165df2e07b2d873d71a842c6f' }, "Name"), h("th", { key: '6960f731ba9b30012d1772911899714ad6ea5e10' }, "Size"), h("th", { key: '71ae2e8bd6c7ba2110470b651aed9cda0ef2b88f' }, "Permissions"), h("th", { key: '6e8e87a11812570c5bbfebadf4793eafe15e6237' }, "Owner"), h("th", { key: 'b0001ae77eb5c4958434558c715aa5b23e336da2' }, "Modified"), h("th", { key: '3eb862c25e9734c1a2c99fe07ea804761d9578e9', class: "action-col", "aria-label": "Actions" }))), h("tbody", { key: 'b80916d2917e97c9e4058195c5d5d20e98702d60' }, this.listing.map((item, index) => (h("tr", { key: index, class: {
                 'selected': this.is_selected(item),
             }, onClick: () => this.list_directory(item) }, h("td", null, item.kind === 'Folder' ? h("img", { class: "kind", src: folder, alt: "Folder" }) : h("img", { class: "kind", src: file, alt: "File" }), h("span", { class: `name ${item.kind.toLowerCase()}` }, item.name)), h("td", null, this.format_size(item.attributes.size)), h("td", null, this.format_permissions(item.attributes.permissions, item.kind)), h("td", null, item.attributes.user ?? '-'), h("td", null, new Date(item.attributes.modified * 1000).toLocaleString()), h("td", { class: "action-col" }, item.kind === 'File' &&
-            h("div", { class: "file-actions" }, h("button", { type: "button", class: "file-action", onClick: (event) => this.on_file_row_action(item, event), title: "Download", "aria-label": "Download" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }), h("polyline", { points: "7 10 12 15 17 10" }), h("line", { x1: "12", x2: "12", y1: "15", y2: "3" }))), h("button", { type: "button", class: "file-action delete", onClick: (event) => this.on_file_delete_action(item, event), title: "Delete", "aria-label": "Delete" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("polyline", { points: "3 6 5 6 21 6" }), h("path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" }), h("path", { d: "M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6" }), h("line", { x1: "10", x2: "10", y1: "11", y2: "17" }), h("line", { x1: "14", x2: "14", y1: "11", y2: "17" }))))))))))), this.show_loader && h("div", { key: '8889681c30251969a4b0c7bdf9dee9716bae3a7e', class: "loader" }, "Loading..."), this.show_error && h("div", { key: 'e64a52b759c799db6e3b1fe50a6bf37a5c98054c', class: "error" }, this.error_message)), h("footer", { key: '5a839546c86673fefb234bdaef9bd365779411df' }, h("section", { key: 'cbff2897ce0c934cd65afee0ca26214792b8e2dd', class: "status" }, h("span", { key: 'd948c7ffd13a54551f3ef2b4994b6d4c332d7621' }, this.status), this.selected_item && h("span", { key: '9f42bdd345c3fbf7e81fb74e8ddf1950d5d29a46', class: "selected-item" }, this.get_full_path(this.selected_item))), h("section", { key: 'c4dc849a8fd5c3a81977e4bdca9bf2b4f525f8d9', class: "version" }, this.version ? `Version: ${this.version}` : ''))), this.show_login_screen &&
-            h("section", { key: '98180dd1473469824fcc7b2e88cbf62012c026d3', class: {
+            h("div", { class: "file-actions" }, h("button", { type: "button", class: "file-action", onClick: (event) => this.on_file_row_action(item, event), title: "Download", "aria-label": "Download" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }), h("polyline", { points: "7 10 12 15 17 10" }), h("line", { x1: "12", x2: "12", y1: "15", y2: "3" }))), h("button", { type: "button", class: "file-action delete", onClick: (event) => this.on_file_delete_action(item, event), title: "Delete", "aria-label": "Delete" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("polyline", { points: "3 6 5 6 21 6" }), h("path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" }), h("path", { d: "M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6" }), h("line", { x1: "10", x2: "10", y1: "11", y2: "17" }), h("line", { x1: "14", x2: "14", y1: "11", y2: "17" }))))))))))), this.show_loader && h("div", { key: '6698d4f3a2f60efa264ac5d4a3e35da14c1b47d5', class: "loader" }, "Loading..."), this.show_error && h("div", { key: '411d74aa5574e444eb4f08d7ecec37fbe9c54a37', class: "error" }, this.error_message)), h("footer", { key: 'a58fb0f412a403f930cbdca15269678cf92037f9' }, h("section", { key: '8a989e00a03d5d3290599131989ddef872444e9b', class: "version" }, this.version ? `Version: ${this.version}` : ''))), this.show_login_screen &&
+            h("section", { key: '8f070e03986f073de9ca90ea2f46cd0d485a0a8c', class: {
                     'creds': true,
                     'blurred': this.show_login_screen,
-                } }, h("form", { key: '8ee6af5523225fd1f1ab93bc3fb268e73ec8d7e6', class: "auth", onSubmit: (event) => {
+                } }, h("form", { key: 'f8d6b2455ecf15e6ef19f1058c86100d7fe36357', class: "auth", onSubmit: (event) => {
                     const formData = new FormData(event.target);
                     let username = undefined;
                     if (this.show_login_screen_username) {
@@ -567,27 +945,28 @@ export class PhirepassSftpClient {
                     this.show_loader = true;
                     event.stopPropagation();
                     event.preventDefault();
-                } }, h("div", { key: '50fd8c259b5df82b304f2ed08b16050d3cb9bba0', class: "title" }, "SFTP Connection"), this.show_login_screen_username &&
-                h("div", { key: '9bcbc10707682d879c14419a0bd02f982af985e8' }, h("label", { key: 'c60920335472e50331db739e63cd3615c5cb24b4', htmlFor: "username" }, "Username"), h("input", { key: '9a56e8f648049f2f9216f5886da962cdda273781', autocorrect: "off", autocapitalize: "none", autoComplete: "off", id: "username", name: "username", type: "text", placeholder: "" })), this.show_login_screen_password &&
-                h("div", { key: '1118e66371c80e7da7100469bc7820e315ffdc7e' }, h("label", { key: 'ff1a7e258f720f380ebe90f8d878713552be1eb8', htmlFor: "password" }, "Password"), h("input", { key: '14265511ce70214639d6c86d2dbec827cf35e3d0', autocorrect: "off", autocapitalize: "none", autoComplete: "off", id: "password", name: "password", type: "password", placeholder: "" })), h("div", { key: 'b850f2be07d80f4d151878c73545e644f05ecd34' }, h("button", { key: '9291d47362ed567b910276636176aa52d106c388', type: "submit" }, "Connect")))), this.show_upload_modal &&
-            h("section", { key: 'b7f9bd6374bfb8bcf04d8563e4ef48f8a077d582', class: {
+                } }, h("div", { key: '870343a9f67b01ce620c88ab3af2d823e9c109da', class: "title" }, "SFTP Connection"), this.show_login_screen_username &&
+                h("div", { key: 'd32b19a3d0e89196247358ca846fd6108fe15128' }, h("label", { key: 'c60053d805db2357780bb986c71f6b839390ca20', htmlFor: "username" }, "Username"), h("input", { key: '73c368508cc63db7ff5d7c7ca1d3f12a6e409926', autocorrect: "off", autocapitalize: "none", autoComplete: "off", id: "username", name: "username", type: "text", placeholder: "" })), this.show_login_screen_password &&
+                h("div", { key: 'c5a91b121c0309e577ca63a5392dce7b982e6429' }, h("label", { key: 'b3adfc6963d418f9a7748092a661f87a77949f1d', htmlFor: "password" }, "Password"), h("input", { key: '0e6855eb8e7ef22e6981e5c7df429d4bc81e8d67', autocorrect: "off", autocapitalize: "none", autoComplete: "off", id: "password", name: "password", type: "password", placeholder: "" })), h("div", { key: '05377a2061e222afada603838feaac68b913be1b' }, h("button", { key: '4d28615b22f083ad8b7430a3babe2a5dbc9c4f90', type: "submit" }, "Connect")))), this.show_upload_modal &&
+            h("section", { key: '7979af0ec1f92bf78a94d5e1be2a7b7a79b780be', class: {
                     'upload-modal': true,
                     'visible': this.show_upload_modal,
-                } }, h("div", { key: '44f4f5f989376be19de17ef9ceee57d421f74a87', class: "upload-dialog", role: "dialog", "aria-modal": "true", "aria-label": "Upload progress" }, h("div", { key: '04337b2bdb2248c357d75479c16a9b7dee480150', class: "title" }, "Uploading File"), h("div", { key: '2bada0f7123a8111ace072757857fc5e9d1e45df', class: "file-name", title: this.upload_file_name }, this.upload_file_name), h("div", { key: '7e5c8115e49d339421af4c481bc1381b45b14906', class: "progress-track", role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": this.upload_progress }, h("div", { key: 'fe2d2659b4e09cfc07604761800f0155f6f4da7c', class: "progress-fill", style: { width: `${this.upload_progress}%` } })), h("div", { key: 'a50903b50a4d57fc7aa9c62f2b08eee94e90c6c6', class: "progress-value" }, this.upload_progress, "%"), h("button", { key: 'a3a0f3b6bee2348d77affcef6a35faba7bdf7b0a', type: "button", class: {
+                } }, h("div", { key: '55132c16758312e55fd7bb5bb32dfcd557500838', class: "upload-dialog", role: "dialog", "aria-modal": "true", "aria-label": "Upload progress" }, h("div", { key: '7b808945f2123b5c1e8ed300cba85f3325be643e', class: "title" }, "Uploading File"), h("div", { key: '0c7065ccff128f524eee7da248eee97f78819bc0', class: "file-name", title: this.upload_file_name }, this.upload_file_name), h("div", { key: '848d3526b2cff55c6cc6eab0a4cb536264f14d80', class: "progress-track", role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": this.upload_progress }, h("div", { key: 'a3f8d7c47971866243a5138ae1e5b84fe50fa008', class: "progress-fill", style: { width: `${this.upload_progress}%` } })), h("div", { key: '6675b28ce14fa0f3d84cbfcc602409f6ba650a13', class: "progress-meta" }, h("div", { key: '5205d72ab81c7bfc906fcfe827b05933440161b8', class: "progress-speed" }, this.upload_speed), h("div", { key: 'c3f59de705696ac1355629ac0397e1a9baf56a0a', class: "progress-value" }, this.format_percent(this.upload_progress))), h("button", { key: '06d9bc2f61d7f83361ad97b7bb23f2f45b11ec27', type: "button", class: {
                     'cancel': true,
                     'finished': this.upload_finished,
                 }, onClick: () => this.cancel_upload() }, this.upload_finished ? 'Close' : 'Cancel'))), this.show_download_modal &&
-            h("section", { key: '268e3fc9a4bd26e0b167ac2f7ec98d85755e06d1', class: {
+            h("section", { key: '7217722972f463d2893bd44ac5a4899c8fe545a7', class: {
                     'download-modal': true,
                     'visible': this.show_download_modal,
-                } }, h("div", { key: '94c7cee66d0d49f1efe1489e93a84b2f66d2566f', class: "download-dialog", role: "dialog", "aria-modal": "true", "aria-label": "Download progress" }, h("div", { key: '392c81df57b514dd146c24aaf47fc7232949e8e1', class: "title" }, "Downloading File"), h("div", { key: 'ebfe8992e27741c18e3d2539fd621db660fb1552', class: "file-name", title: this.download_file_name }, this.download_file_name), h("div", { key: '1424a4bde99d5ee57946210e5089123efbaa5812', class: "progress-track", role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": this.download_progress }, h("div", { key: '6011f979cf8a865a3e8116f16c8e04b3c12b2ebc', class: "progress-fill", style: { width: `${this.download_progress}%` } })), h("div", { key: '8f38212d4d5b55ec24868e14db0d3fa76e3c0a4d', class: "progress-value" }, this.download_progress, "%"), h("button", { key: '2d6090c87206ca4dbbc0d6f0e88f772153f19260', type: "button", class: {
+                } }, h("div", { key: '493dddfad5d25411a3421641ef930eab561347b4', class: "download-dialog", role: "dialog", "aria-modal": "true", "aria-label": "Download progress" }, h("div", { key: '2115492e8360a19edf260c7c603bc44e736cccec', class: "title" }, "Downloading File"), h("div", { key: '5582b3ea56c9a184ff1b6de4ca89b93f07461847', class: "file-name", title: this.download_file_name }, this.download_file_name), h("div", { key: '90df12daa47066e7a212edeec5760cef2abc52c6', class: "progress-track", role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": this.download_progress }, h("div", { key: '2c3c6ef5b7091ea010c4fc9037d05db5845f4e23', class: "progress-fill", style: { width: `${this.download_progress}%` } })), h("div", { key: '9d963e08afe1e073f19fc9195cd66f67a874204f', class: "progress-meta" }, h("div", { key: '96508c5a2a95ce9889d947bc4786403785b15c75', class: "progress-speed" }, this.download_speed), h("div", { key: '3f0cab67e511efda1cf79111705525b9838eb410', class: "progress-value" }, this.format_percent(this.download_progress))), h("button", { key: 'cac13e01231ba4c1713b85e7b7ac661b1ec6f6e5', type: "button", class: {
                     'cancel': true,
                     'finished': this.download_finished,
                 }, onClick: () => this.cancel_download() }, this.download_finished ? 'Close' : 'Cancel'))), this.show_delete_modal &&
-            h("section", { key: '8bfc94b6a829c3997aebcec8368d4e99a3321375', class: {
+            h("section", { key: 'e66cc06cb588d7842a4557041a5fa617b2672b0b', class: {
                     'delete-modal': true,
                     'visible': this.show_delete_modal,
-                } }, h("div", { key: '9fb7a902510330c9366370fd66b48de54339b154', class: "delete-dialog", role: "dialog", "aria-modal": "true", "aria-label": "Delete confirmation" }, h("div", { key: '0835d56456b5a5de31f44528d4e4ece436361280', class: "title" }, "Delete File"), h("div", { key: '8fa20e7ec0ece30993cf07415d6288d855fa9afe', class: "message" }, this.delete_loading ? 'Deleting file...' : 'Are you sure you want to delete this file?'), h("div", { key: '47e29802f717c5c1613cbbd86de7c493c3f4267f', class: "file-name", title: this.delete_file_name }, this.delete_file_name), this.delete_loading && h("div", { key: 'd63f8e662d7a44ab2ab3dba7988996ac8b80bb9e', class: "delete-loading-bar", "aria-hidden": "true" }), h("div", { key: '1b498931d6fed515130589a837a9a0a017718c9a', class: "modal-actions" }, h("button", { key: '641f8ce95c205b170da0a498213c263bc7c9a410', type: "button", class: "btn secondary", onClick: () => this.cancel_delete(), disabled: this.delete_loading }, "Cancel"), h("button", { key: '54685d2b101a8af75912edb72109e3c4c23b0789', type: "button", class: "btn destructive", onClick: () => this.confirm_delete(), disabled: this.delete_loading }, this.delete_loading ? 'Deleting...' : 'Delete'))))));
+                } }, h("div", { key: 'ac2298da9dde4e4043f29a8b2b137fe7f2e0f5dc', class: "delete-dialog", role: "dialog", "aria-modal": "true", "aria-label": "Delete confirmation" }, h("div", { key: 'ac53826a41c03e3cb94296c30e622f453bca0f40', class: "title" }, "Delete File"), h("div", { key: '9724627c77b3242f25e7d73b18bae820833cdb9f', class: "message" }, this.delete_loading ? 'Deleting file...' : 'Are you sure you want to delete this file?'), h("div", { key: '408ece6999a858d60baf7bd34b3133d07aba8806', class: "file-name", title: this.delete_file_name }, this.delete_file_name), this.delete_loading &&
+                h("div", { key: '6f157f39e1097a355c139af9ea0e35ee76a04117', class: "delete-loader", "aria-hidden": "true" }, h("span", { key: 'bd85fe1e6dfc09febebcd1c31fc99629d1f4429d', class: "spinner" })), h("div", { key: 'ad4f19824730b61e82e8ad205d5ea0cc2e715a7f', class: "modal-actions" }, h("button", { key: '9d95213a54aefc8064769796f235b4533fc5aa08', type: "button", class: "btn secondary", onClick: () => this.cancel_delete(), disabled: this.delete_loading }, "Cancel"), h("button", { key: 'd423c0537eb372ed491387c45e6a5c5f5a975259', type: "button", class: "btn destructive", onClick: () => this.confirm_delete(), disabled: this.delete_loading }, this.delete_loading ? 'Deleting...' : 'Delete'))))));
     }
     static get is() { return "phirepass-sftp-client"; }
     static get encapsulation() { return "shadow"; }
@@ -822,10 +1201,12 @@ export class PhirepassSftpClient {
             "show_upload_modal": {},
             "upload_progress": {},
             "upload_file_name": {},
+            "upload_speed": {},
             "upload_finished": {},
             "show_download_modal": {},
             "download_progress": {},
             "download_file_name": {},
+            "download_speed": {},
             "download_finished": {},
             "show_delete_modal": {},
             "delete_file_name": {},