@onivoro/app-server-bucketvore 24.31.2 → 24.31.3

package/assets/scripts/s3-explorer.bundle.js

@@ -0,0 +1,2 @@
+(()=>{"use strict";function e(){return{selectedBucket:"",currentPrefix:"",buckets:[],files:[],folders:[],viewMode:"list",bucketsHtml:'<div class="loading"><div class="spinner"></div><p>Loading buckets...</p></div>',filesHtml:"",breadcrumbsHtml:"",bucketFilter:"",fileFilter:"",showUpload:!1,showPreview:!1,uploadProgress:[],uploadProgressHtml:"",previewHtml:"",activeTab:"data",get filteredBucketsHtml(){if(!this.bucketFilter.trim())return this.bucketsHtml;const e=(new DOMParser).parseFromString(this.bucketsHtml,"text/html");return e.querySelectorAll(".bucket-item").forEach(e=>{(e.querySelector(".bucket-name")?.textContent?.toLowerCase()||"").includes(this.bucketFilter.toLowerCase())?e.style.display="":e.style.display="none"}),0===e.querySelectorAll('.bucket-item:not([style*="display: none"])').length?'<div class="empty-state"><div class="empty-state-icon">🔍</div><p>No buckets match your filter</p></div>':e.body.innerHTML},get filteredFilesHtml(){if(!this.fileFilter.trim()||!this.filesHtml)return this.filesHtml;const e=(new DOMParser).parseFromString(this.filesHtml,"text/html");return e.querySelectorAll(".file-item").forEach(e=>{(e.querySelector(".file-name")?.textContent?.toLowerCase()||"").includes(this.fileFilter.toLowerCase())?e.style.display="":e.style.display="none"}),0===e.querySelectorAll('.file-item:not([style*="display: none"])').length?'<div class="empty-state"><div class="empty-state-icon">🔍</div><p>No files match your filter</p></div>':e.body.innerHTML},async init(){await this.loadBuckets()},async loadBuckets(){try{const e=await fetch("/api/buckets");this.bucketsHtml=await e.text()}catch(e){this.bucketsHtml='<div class="error"><div class="error-icon">⚠️</div><p>Error loading buckets</p></div>'}},async selectBucket(e){this.selectedBucket=e,this.currentPrefix="",this.fileFilter="",await this.loadFiles()},async loadFiles(){try{const e=new URLSearchParams({bucket:this.selectedBucket,prefix:this.currentPrefix}),t=await fetch(`/api/files?${e}`),i=await t.json();this.filesHtml=i.filesHtml||"",this.breadcrumbsHtml=i.breadcrumbsHtml||""}catch(e){this.filesHtml='<div class="error"><div class="error-icon">⚠️</div><p>Error loading files</p></div>'}},async navigateToFolder(e){this.currentPrefix=e,this.fileFilter="",await this.loadFiles()},async previewFile(e){try{const t=new URLSearchParams({bucket:this.selectedBucket,key:e}),i=await fetch(`/api/files/preview?${t}`);this.previewHtml=await i.text(),this.showPreview=!0}catch(e){alert("Error loading preview")}},closePreview(){this.showPreview=!1,this.previewHtml=""},async downloadFile(e){try{const t=new URLSearchParams({bucket:this.selectedBucket,key:e}),i=await fetch(`/api/files/download?${t}`),s=await i.json();window.open(s.url,"_blank")}catch(e){alert("Error generating download link")}},async deleteFile(e){if(confirm(`Delete ${e}?`))try{await fetch("/api/files/delete",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({bucket:this.selectedBucket,key:e})}),await this.loadFiles()}catch(e){alert("Error deleting file")}},async copyS3Path(e){const t=event?.target;await async function(e,t,i){try{const s=await fetch(`/api/buckets/${encodeURIComponent(e)}/region`),a=`https://s3.${(await s.json()).region||"us-east-1"}.amazonaws.com/${e}/${t}`;await async function(e,t){try{if(await navigator.clipboard.writeText(e),t){const e=t.textContent||"",i=t.style.backgroundColor;t.textContent="✓ Copied!",t.style.backgroundColor="var(--color-success)",setTimeout(()=>{t.textContent=e,t.style.backgroundColor=i},1500)}return!0}catch(t){return console.error("Clipboard API failed:",t),null!==prompt("Copy to clipboard:",e)}}(a,i)}catch(i){console.error("Error getting S3 URL:",i),prompt("Copy S3 path (fallback):",`s3://${e}/${t}`)}}(this.selectedBucket,e,t)},async deleteFolder(e){if(confirm(`Delete folder ${e} and all its contents?`))try{await fetch("/api/files/delete-folder",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({bucket:this.selectedBucket,prefix:e})}),await this.loadFiles()}catch(e){alert("Error deleting folder")}},handleFileSelect(e){const t=e.target;if(t.files){const e=Array.from(t.files);this.uploadFiles(e)}},handleDrop(e){if(e.target.classList.remove("drag-over"),e.dataTransfer?.files){const t=Array.from(e.dataTransfer.files);this.uploadFiles(t)}},async uploadFiles(e){this.uploadProgress=e.map(e=>({name:e.name,status:"Uploading..."}));for(let t=0;t<e.length;t++){const i=e[t],s=new FormData;s.append("file",i),s.append("bucket",this.selectedBucket),s.append("prefix",this.currentPrefix);try{await fetch("/api/upload",{method:"POST",body:s}),this.uploadProgress[t].status="✓ Complete"}catch(e){this.uploadProgress[t].status="✗ Failed"}}setTimeout(async()=>{this.uploadProgress=[],this.showUpload=!1,await this.loadFiles()},2e3)},async refresh(){await this.loadFiles()},filterBuckets(){},filterFiles(){}}}"undefined"!=typeof window&&(window.Alpine?window.Alpine.data("s3Explorer",e):document.addEventListener("alpine:init",()=>{window.Alpine.data("s3Explorer",e)}))})();
+//# sourceMappingURL=s3-explorer.bundle.js.map

package/assets/scripts/s3-explorer.bundle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"s3-explorer.bundle.js","mappings":"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","sources":["webpack://onivoro/./apps/server/bucketvore/src/app/client/s3-explorer.client.ts","webpack://onivoro/./apps/server/bucketvore/src/app/client/utils/clipboard.client.ts"],"sourcesContent":["/**\n * S3 Explorer Alpine.js Component\n * Client-side TypeScript with full IDE support\n */\n\nimport { copyS3PathToClipboard } from './utils/clipboard.client';\nimport type { S3ClientState, UploadProgress } from '../shared/types.shared';\n\ndeclare global {\n  interface Window {\n    Alpine: any;\n  }\n}\n\nexport function s3Explorer(): S3ClientState & Record<string, any> {\n  return {\n    // State\n    selectedBucket: '',\n    currentPrefix: '',\n    buckets: [],\n    files: [],\n    folders: [],\n    viewMode: 'list',\n    bucketsHtml: '<div class=\"loading\"><div class=\"spinner\"></div><p>Loading buckets...</p></div>',\n    filesHtml: '',\n    breadcrumbsHtml: '',\n    bucketFilter: '',\n    fileFilter: '',\n    showUpload: false,\n    showPreview: false,\n    uploadProgress: [] as UploadProgress[],\n    uploadProgressHtml: '',\n    previewHtml: '',\n    activeTab: 'data',\n\n    // Computed properties\n    get filteredBucketsHtml(): string {\n      if (!this.bucketFilter.trim()) {\n        return this.bucketsHtml;\n      }\n\n      const parser = new DOMParser();\n      const doc = parser.parseFromString(this.bucketsHtml, 'text/html');\n      const bucketItems = doc.querySelectorAll('.bucket-item');\n\n      bucketItems.forEach((item) => {\n        const bucketName = item.querySelector('.bucket-name')?.textContent?.toLowerCase() || '';\n        if (bucketName.includes(this.bucketFilter.toLowerCase())) {\n          (item as HTMLElement).style.display = '';\n        } else {\n          (item as HTMLElement).style.display = 'none';\n        }\n      });\n\n      const visibleCount = doc.querySelectorAll('.bucket-item:not([style*=\"display: none\"])').length;\n      if (visibleCount === 0) {\n        return '<div class=\"empty-state\"><div class=\"empty-state-icon\">🔍</div><p>No buckets match your filter</p></div>';\n      }\n\n      return doc.body.innerHTML;\n    },\n\n    get filteredFilesHtml(): string {\n      if (!this.fileFilter.trim() || !this.filesHtml) {\n        return this.filesHtml;\n      }\n\n      const parser = new DOMParser();\n      const doc = parser.parseFromString(this.filesHtml, 'text/html');\n      const fileItems = doc.querySelectorAll('.file-item');\n\n      fileItems.forEach((item) => {\n        const fileName = item.querySelector('.file-name')?.textContent?.toLowerCase() || '';\n        if (fileName.includes(this.fileFilter.toLowerCase())) {\n          (item as HTMLElement).style.display = '';\n        } else {\n          (item as HTMLElement).style.display = 'none';\n        }\n      });\n\n      const visibleCount = doc.querySelectorAll('.file-item:not([style*=\"display: none\"])').length;\n      if (visibleCount === 0) {\n        return '<div class=\"empty-state\"><div class=\"empty-state-icon\">🔍</div><p>No files match your filter</p></div>';\n      }\n\n      return doc.body.innerHTML;\n    },\n\n    // Initialization\n    async init(): Promise<void> {\n      await this.loadBuckets();\n    },\n\n    // API Methods\n    async loadBuckets(): Promise<void> {\n      try {\n        const response = await fetch('/api/buckets');\n        this.bucketsHtml = await response.text();\n      } catch (error) {\n        this.bucketsHtml = '<div class=\"error\"><div class=\"error-icon\">⚠️</div><p>Error loading buckets</p></div>';\n      }\n    },\n\n    async selectBucket(bucketName: string): Promise<void> {\n      this.selectedBucket = bucketName;\n      this.currentPrefix = '';\n      this.fileFilter = '';\n      await this.loadFiles();\n    },\n\n    async loadFiles(): Promise<void> {\n      try {\n        const params = new URLSearchParams({\n          bucket: this.selectedBucket,\n          prefix: this.currentPrefix\n        });\n\n        const response = await fetch(`/api/files?${params}`);\n        const data = await response.json();\n\n        this.filesHtml = data.filesHtml || '';\n        this.breadcrumbsHtml = data.breadcrumbsHtml || '';\n      } catch (error) {\n        this.filesHtml = '<div class=\"error\"><div class=\"error-icon\">⚠️</div><p>Error loading files</p></div>';\n      }\n    },\n\n    async navigateToFolder(prefix: string): Promise<void> {\n      this.currentPrefix = prefix;\n      this.fileFilter = '';\n      await this.loadFiles();\n    },\n\n    async previewFile(key: string): Promise<void> {\n      try {\n        const params = new URLSearchParams({\n          bucket: this.selectedBucket,\n          key: key\n        });\n\n        const response = await fetch(`/api/files/preview?${params}`);\n        this.previewHtml = await response.text();\n        this.showPreview = true;\n      } catch (error) {\n        alert('Error loading preview');\n      }\n    },\n\n    closePreview(): void {\n      this.showPreview = false;\n      this.previewHtml = '';\n    },\n\n    async downloadFile(key: string): Promise<void> {\n      try {\n        const params = new URLSearchParams({\n          bucket: this.selectedBucket,\n          key: key\n        });\n\n        const response = await fetch(`/api/files/download?${params}`);\n        const data = await response.json();\n        window.open(data.url, '_blank');\n      } catch (error) {\n        alert('Error generating download link');\n      }\n    },\n\n    async deleteFile(key: string): Promise<void> {\n      if (!confirm(`Delete ${key}?`)) return;\n\n      try {\n        await fetch(`/api/files/delete`, {\n          method: 'POST',\n          headers: { 'Content-Type': 'application/json' },\n          body: JSON.stringify({ bucket: this.selectedBucket, key })\n        });\n        await this.loadFiles();\n      } catch (error) {\n        alert('Error deleting file');\n      }\n    },\n\n    async copyS3Path(key: string): Promise<void> {\n      const element = (event as any)?.target as HTMLElement | undefined;\n      await copyS3PathToClipboard(this.selectedBucket, key, element);\n    },\n\n    async deleteFolder(prefix: string): Promise<void> {\n      if (!confirm(`Delete folder ${prefix} and all its contents?`)) return;\n\n      try {\n        await fetch(`/api/files/delete-folder`, {\n          method: 'POST',\n          headers: { 'Content-Type': 'application/json' },\n          body: JSON.stringify({ bucket: this.selectedBucket, prefix })\n        });\n        await this.loadFiles();\n      } catch (error) {\n        alert('Error deleting folder');\n      }\n    },\n\n    // Upload functionality\n    handleFileSelect(event: Event): void {\n      const input = event.target as HTMLInputElement;\n      if (input.files) {\n        const files = Array.from(input.files);\n        this.uploadFiles(files);\n      }\n    },\n\n    handleDrop(event: DragEvent): void {\n      (event.target as HTMLElement).classList.remove('drag-over');\n      if (event.dataTransfer?.files) {\n        const files = Array.from(event.dataTransfer.files);\n        this.uploadFiles(files);\n      }\n    },\n\n    async uploadFiles(files: File[]): Promise<void> {\n      this.uploadProgress = files.map(f => ({ name: f.name, status: 'Uploading...' }));\n\n      for (let i = 0; i < files.length; i++) {\n        const file = files[i];\n        const formData = new FormData();\n        formData.append('file', file);\n        formData.append('bucket', this.selectedBucket);\n        formData.append('prefix', this.currentPrefix);\n\n        try {\n          await fetch('/api/upload', {\n            method: 'POST',\n            body: formData\n          });\n          this.uploadProgress[i].status = '✓ Complete';\n        } catch (error) {\n          this.uploadProgress[i].status = '✗ Failed';\n        }\n      }\n\n      setTimeout(async () => {\n        this.uploadProgress = [];\n        this.showUpload = false;\n        await this.loadFiles();\n      }, 2000);\n    },\n\n    async refresh(): Promise<void> {\n      await this.loadFiles();\n    },\n\n    filterBuckets(): void {\n      // Reactive computed property handles this\n    },\n\n    filterFiles(): void {\n      // Reactive computed property handles this\n    }\n  };\n}\n\n// Auto-register with Alpine when it initializes\nif (typeof window !== 'undefined') {\n  // Register immediately if Alpine is already available\n  if ((window as any).Alpine) {\n    (window as any).Alpine.data('s3Explorer', s3Explorer);\n  } else {\n    // Otherwise wait for Alpine to initialize\n    document.addEventListener('alpine:init', () => {\n      (window as any).Alpine.data('s3Explorer', s3Explorer);\n    });\n  }\n}\n","/**\n * Client-side utility for clipboard operations\n */\n\nexport async function copyToClipboard(text: string, element?: HTMLElement): Promise<boolean> {\n  try {\n    await navigator.clipboard.writeText(text);\n\n    // Provide visual feedback if element is provided\n    if (element) {\n      const originalText = element.textContent || '';\n      const originalBg = element.style.backgroundColor;\n\n      element.textContent = '✓ Copied!';\n      element.style.backgroundColor = 'var(--color-success)';\n\n      setTimeout(() => {\n        element.textContent = originalText;\n        element.style.backgroundColor = originalBg;\n      }, 1500);\n    }\n\n    return true;\n  } catch (error) {\n    console.error('Clipboard API failed:', error);\n\n    // Fallback to prompt\n    const userCopy = prompt('Copy to clipboard:', text);\n    return userCopy !== null;\n  }\n}\n\nexport async function copyS3PathToClipboard(\n  bucket: string,\n  key: string,\n  element?: HTMLElement\n): Promise<void> {\n  try {\n    // Fetch bucket region\n    const response = await fetch(`/api/buckets/${encodeURIComponent(bucket)}/region`);\n    const data = await response.json();\n    const region = data.region || 'us-east-1';\n\n    // Construct HTTPS URL\n    const url = `https://s3.${region}.amazonaws.com/${bucket}/${key}`;\n\n    await copyToClipboard(url, element);\n  } catch (error) {\n    console.error('Error getting S3 URL:', error);\n\n    // Fallback to s3:// protocol\n    const s3Path = `s3://${bucket}/${key}`;\n    prompt('Copy S3 path (fallback):', s3Path);\n  }\n}\n"],"names":["s3Explorer","selectedBucket","currentPrefix","buckets","files","folders","viewMode","bucketsHtml","filesHtml","breadcrumbsHtml","bucketFilter","fileFilter","showUpload","showPreview","uploadProgress","uploadProgressHtml","previewHtml","activeTab","filteredBucketsHtml","this","trim","doc","DOMParser","parseFromString","querySelectorAll","forEach","item","querySelector","textContent","toLowerCase","includes","style","display","length","body","innerHTML","filteredFilesHtml","init","loadBuckets","response","fetch","text","error","selectBucket","bucketName","loadFiles","params","URLSearchParams","bucket","prefix","data","json","navigateToFolder","previewFile","key","alert","closePreview","downloadFile","window","open","url","deleteFile","confirm","method","headers","JSON","stringify","copyS3Path","element","event","target","async","encodeURIComponent","region","navigator","clipboard","writeText","originalText","originalBg","backgroundColor","setTimeout","console","prompt","copyToClipboard","copyS3PathToClipboard","deleteFolder","handleFileSelect","input","Array","from","uploadFiles","handleDrop","classList","remove","dataTransfer","map","f","name","status","i","file","formData","FormData","append","refresh","filterBuckets","filterFiles","Alpine","document","addEventListener"],"sourceRoot":""}

package/main.js

@@ -10,10 +10,15 @@
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.bootstrap = bootstrap;
 const core_1 = __webpack_require__(2);
-const app_server_bucketvore_module_1 = __webpack_require__(3);
-const app_server_bucketvore_config_class_1 = __webpack_require__(43);
+const path_1 = __webpack_require__(3);
+const app_server_bucketvore_module_1 = __webpack_require__(4);
+const app_server_bucketvore_config_class_1 = __webpack_require__(44);
 async function bootstrap() {
     const app = await core_1.NestFactory.create(app_server_bucketvore_module_1.AppServerBucketvoreModule, { logger: console });
+    // Serve static assets (including client bundles)
+    app.useStaticAssets((0, path_1.join)(__dirname, 'assets'), {
+        prefix: '/assets/',
+    });
     const port = Number(new app_server_bucketvore_config_class_1.AppServerBucketvoreConfig().HTTP_PORT);
     await app.listen(port);
     console.log(`BucketVore available at: http://localhost:${port}`);
@@ -28,23 +33,29 @@ module.exports = require("@nestjs/core");
 
 /***/ }),
 /* 3 */
+/***/ ((module) => {
+
+module.exports = require("path");
+
+/***/ }),
+/* 4 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.AppServerBucketvoreModule = void 0;
-const tslib_1 = __webpack_require__(4);
-const common_1 = __webpack_require__(5);
-const app_controller_1 = __webpack_require__(6);
-const buckets_controller_1 = __webpack_require__(45);
-const files_controller_1 = __webpack_require__(52);
-const upload_controller_1 = __webpack_require__(53);
-const app_server_bucketvore_config_class_1 = __webpack_require__(43);
-const client_s3_1 = __webpack_require__(47);
-const credential_providers_1 = __webpack_require__(49);
-const s3_service_1 = __webpack_require__(46);
-const html_generator_service_1 = __webpack_require__(50);
-const file_preview_service_1 = __webpack_require__(51);
+const tslib_1 = __webpack_require__(5);
+const common_1 = __webpack_require__(6);
+const app_controller_1 = __webpack_require__(7);
+const buckets_controller_1 = __webpack_require__(46);
+const files_controller_1 = __webpack_require__(53);
+const upload_controller_1 = __webpack_require__(54);
+const app_server_bucketvore_config_class_1 = __webpack_require__(44);
+const client_s3_1 = __webpack_require__(48);
+const credential_providers_1 = __webpack_require__(50);
+const s3_service_1 = __webpack_require__(47);
+const html_generator_service_1 = __webpack_require__(51);
+const file_preview_service_1 = __webpack_require__(52);
 const bucketvoreConfig = new app_server_bucketvore_config_class_1.AppServerBucketvoreConfig();
 let AppServerBucketvoreModule = class AppServerBucketvoreModule {
 };
@@ -81,30 +92,30 @@ exports.AppServerBucketvoreModule = AppServerBucketvoreModule = tslib_1.__decora
 
 
 /***/ }),
-/* 4 */
+/* 5 */
 /***/ ((module) => {
 
 module.exports = require("tslib");
 
 /***/ }),
-/* 5 */
+/* 6 */
 /***/ ((module) => {
 
 module.exports = require("@nestjs/common");
 
 /***/ }),
-/* 6 */
+/* 7 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 
 var _a;
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.AppController = void 0;
-const tslib_1 = __webpack_require__(4);
-const common_1 = __webpack_require__(5);
-const server_html_1 = __webpack_require__(7);
-const app_server_bucketvore_config_class_1 = __webpack_require__(43);
-const design_system_1 = __webpack_require__(44);
+const tslib_1 = __webpack_require__(5);
+const common_1 = __webpack_require__(6);
+const server_html_1 = __webpack_require__(8);
+const app_server_bucketvore_config_class_1 = __webpack_require__(44);
+const design_system_1 = __webpack_require__(45);
 let AppController = class AppController {
     constructor(config) {
         this.config = config;
@@ -118,8 +129,12 @@ let AppController = class AppController {
                         (0, server_html_1.$meta)({ charset: 'UTF-8' }),
                         (0, server_html_1.$meta)({ name: 'viewport', content: 'width=device-width, initial-scale=1.0' }),
                         (0, server_html_1.$title)({ textContent: 'BucketVore - S3 File Explorer' }),
-                        (0, server_html_1.$script)({ src: 'https://unpkg.com/alpinejs@3.13.5/dist/cdn.js', defer: true }),
-                        (0, server_html_1.$style)({ textContent: design_system_1.DESIGN_SYSTEM_STYLES })
+                        (0, server_html_1.$link)({ rel: 'icon', type: 'image/x-icon', href: '/assets/images/bear.ico' }),
+                        (0, server_html_1.$style)({ textContent: design_system_1.DESIGN_SYSTEM_STYLES }),
+                        // Load our Alpine component first
+                        (0, server_html_1.$script)({ src: '/assets/scripts/s3-explorer.bundle.js' }),
+                        // Then load Alpine.js (will auto-start after DOM ready)
+                        (0, server_html_1.$script)({ src: 'https://unpkg.com/alpinejs@3.13.5/dist/cdn.min.js', defer: true })
                     ]
                 }),
                 (0, server_html_1.$body)({
@@ -312,270 +327,8 @@ let AppController = class AppController {
                                 })
                             ]
                         }),
-                        (0, server_html_1.$script)({
-                            textContent: `
-                function s3Explorer() {
-                  return {
-                    selectedBucket: '',
-                    currentPrefix: '',
-                    viewMode: 'list',
-                    showUpload: false,
-                    showPreview: false,
-                    uploadProgress: [],
-
-                    bucketFilter: '',
-                    fileFilter: '',
-                    allBuckets: [],
-                    allFilesData: { filesHtml: '', breadcrumbsHtml: '' },
-
-                    bucketsHtml: '<div class="loading"><div class="spinner"></div><p>Loading buckets...</p></div>',
-                    breadcrumbsHtml: '',
-                    filesHtml: '<div class="empty-state"><div class="empty-state-icon">🪣</div><p>Select a bucket to browse files</p></div>',
-                    previewHtml: '',
-
-                    get filteredBucketsHtml() {
-                      if (!this.bucketFilter.trim()) {
-                        return this.bucketsHtml;
-                      }
-
-                      const filter = this.bucketFilter.toLowerCase();
-                      const parser = new DOMParser();
-                      const doc = parser.parseFromString(this.bucketsHtml, 'text/html');
-                      const bucketItems = doc.querySelectorAll('.bucket-item');
-
-                      let filtered = '';
-                      bucketItems.forEach(item => {
-                        const bucketName = item.querySelector('.bucket-name')?.textContent?.toLowerCase() || '';
-                        if (bucketName.includes(filter)) {
-                          filtered += item.outerHTML;
-                        }
-                      });
-
-                      if (!filtered) {
-                        return '<div class="empty-state"><div class="empty-state-icon">🔍</div><p>No buckets match your filter</p></div>';
-                      }
-
-                      return filtered;
-                    },
-
-                    get filteredFilesHtml() {
-                      if (!this.fileFilter.trim()) {
-                        return this.filesHtml;
-                      }
-
-                      const filter = this.fileFilter.toLowerCase();
-                      const parser = new DOMParser();
-                      const doc = parser.parseFromString(this.filesHtml, 'text/html');
-                      const fileItems = doc.querySelectorAll('.file-item');
-
-                      let filtered = '';
-                      fileItems.forEach(item => {
-                        const fileName = item.querySelector('.file-name')?.textContent?.toLowerCase() || '';
-                        if (fileName.includes(filter)) {
-                          filtered += item.outerHTML;
-                        }
-                      });
-
-                      if (!filtered) {
-                        return '<div class="empty-state"><div class="empty-state-icon">🔍</div><p>No files match your filter</p></div>';
-                      }
-
-                      return filtered;
-                    },
-
-                    get uploadProgressHtml() {
-                      return this.uploadProgress.map(f =>
-                        \`<div style="margin-bottom: var(--space-2)">
-                          <div style="display: flex; justify-content: space-between; font-size: var(--size-sm); margin-bottom: var(--space-1)">
-                            <span>\${f.name}</span>
-                            <span>\${f.status}</span>
-                          </div>
-                        </div>\`
-                      ).join('');
-                    },
-
-                    async init() {
-                      await this.loadBuckets();
-                    },
-
-                    async loadBuckets() {
-                      try {
-                        const response = await fetch('/api/buckets');
-                        this.bucketsHtml = await response.text();
-                      } catch (error) {
-                        this.bucketsHtml = '<div class="error"><div class="error-icon">⚠️</div><p>Error loading buckets</p></div>';
-                      }
-                    },
-
-                    async selectBucket(bucket) {
-                      this.selectedBucket = bucket;
-                      this.currentPrefix = '';
-                      await this.loadFiles();
-                    },
-
-                    async loadFiles() {
-                      try {
-                        this.filesHtml = '<div class="loading"><div class="spinner"></div><p>Loading files...</p></div>';
-                        this.fileFilter = ''; // Reset filter when navigating
-                        const url = \`/api/files?bucket=\${this.selectedBucket}&prefix=\${encodeURIComponent(this.currentPrefix)}\`;
-                        const response = await fetch(url);
-
-                        const data = await response.json();
-                        this.filesHtml = data.filesHtml;
-                        this.breadcrumbsHtml = data.breadcrumbsHtml;
-                      } catch (error) {
-                        this.filesHtml = '<div class="error"><div class="error-icon">⚠️</div><p>Error loading files</p></div>';
-                      }
-                    },
-
-                    async navigateToFolder(prefix) {
-                      this.currentPrefix = prefix;
-                      await this.loadFiles();
-                    },
-
-                    async previewFile(key) {
-                      try {
-                        this.showPreview = true;
-                        this.previewHtml = '<div class="loading"><div class="spinner"></div><p>Loading preview...</p></div>';
-
-                        const response = await fetch(\`/api/files/preview?bucket=\${this.selectedBucket}&key=\${encodeURIComponent(key)}\`);
-                        this.previewHtml = await response.text();
-                      } catch (error) {
-                        this.previewHtml = '<div class="error"><div class="error-icon">⚠️</div><p>Error loading preview</p></div>';
-                      }
-                    },
-
-                    closePreview() {
-                      this.showPreview = false;
-                      this.previewHtml = '';
-                    },
-
-                    async downloadFile(key) {
-                      try {
-                        const response = await fetch(\`/api/files/download?bucket=\${this.selectedBucket}&key=\${encodeURIComponent(key)}\`);
-                        const data = await response.json();
-                        window.open(data.url, '_blank');
-                      } catch (error) {
-                        alert('Error generating download link');
-                      }
-                    },
-
-                    async deleteFile(key) {
-                      if (!confirm(\`Delete \${key}?\`)) return;
-
-                      try {
-                        await fetch(\`/api/files/delete\`, {
-                          method: 'POST',
-                          headers: { 'Content-Type': 'application/json' },
-                          body: JSON.stringify({ bucket: this.selectedBucket, key })
-                        });
-                        await this.loadFiles();
-                      } catch (error) {
-                        alert('Error deleting file');
-                      }
-                    },
-
-                    async copyS3Path(key, target) {
-                      try {
-                        // First fetch the bucket region
-                        const regionResponse = await fetch(\`/api/buckets/\${this.selectedBucket}/region\`);
-                        const regionData = await regionResponse.json();
-                        console.warn({regionData});
-                        const region = regionData.region || 'us-east-1';
-
-                        // Construct proper HTTPS S3 URL
-                        const httpsUrl = \`https://s3.\${region}.amazonaws.com/\${this.selectedBucket}/\${key}\`;
-
-                        await navigator.clipboard.writeText(httpsUrl);
-
-                        // Show temporary success feedback
-                        const event = {target};
-                        const originalText = event.target.textContent;
-                        const originalBg = event.target.style.backgroundColor;
-                        event.target.textContent = '✓ Copied!';
-                        event.target.style.backgroundColor = 'var(--color-success)';
-
-                        setTimeout(() => {
-                          event.target.textContent = originalText;
-                          event.target.style.backgroundColor = originalBg;
-                        }, 1500);
-                      } catch (error) {
-                        console.error('Error copying S3 path:', error);
-                        // Fallback to s3:// protocol
-                        const s3Path = \`s3://\${this.selectedBucket}/\${key}\`;
-                        prompt('Copy S3 path (fallback):', s3Path);
-                      }
-                    },
-
-                    async deleteFolder(prefix) {
-                      if (!confirm(\`Delete folder \${prefix} and all its contents?\`)) return;
-
-                      try {
-                        await fetch(\`/api/files/delete-folder\`, {
-                          method: 'POST',
-                          headers: { 'Content-Type': 'application/json' },
-                          body: JSON.stringify({ bucket: this.selectedBucket, prefix })
-                        });
-                        await this.loadFiles();
-                      } catch (error) {
-                        alert('Error deleting folder');
-                      }
-                    },
-
-                    handleFileSelect(event) {
-                      const files = Array.from(event.target.files);
-                      this.uploadFiles(files);
-                    },
-
-                    handleDrop(event) {
-                      event.target.classList.remove('drag-over');
-                      const files = Array.from(event.dataTransfer.files);
-                      this.uploadFiles(files);
-                    },
-
-                    async uploadFiles(files) {
-                      this.uploadProgress = files.map(f => ({ name: f.name, status: 'Uploading...' }));
-
-                      for (let i = 0; i < files.length; i++) {
-                        const file = files[i];
-                        const formData = new FormData();
-                        formData.append('file', file);
-                        formData.append('bucket', this.selectedBucket);
-                        formData.append('prefix', this.currentPrefix);
-
-                        try {
-                          await fetch('/api/upload', {
-                            method: 'POST',
-                            body: formData
-                          });
-                          this.uploadProgress[i].status = '✓ Complete';
-                        } catch (error) {
-                          this.uploadProgress[i].status = '✗ Failed';
-                        }
-                      }
-
-                      setTimeout(async () => {
-                        this.uploadProgress = [];
-                        this.showUpload = false;
-                        await this.loadFiles();
-                      }, 2000);
-                    },
-
-                    async refresh() {
-                      await this.loadFiles();
-                    },
-
-                    filterBuckets() {
-                      // Reactive computed property handles this automatically
-                    },
-
-                    filterFiles() {
-                      // Reactive computed property handles this automatically
-                    }
-                  };
-                }
-              `
-                        })
+                        // Load client bundle at end of body
+                        (0, server_html_1.$script)({ src: '/assets/scripts/s3-explorer.bundle.js' })
                     ]
                 })
             ]
@@ -596,37 +349,37 @@ exports.AppController = AppController = tslib_1.__decorate([
 
 
 /***/ }),
-/* 7 */
+/* 8 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-const tslib_1 = __webpack_require__(4);
-tslib_1.__exportStar(__webpack_require__(8), exports);
+const tslib_1 = __webpack_require__(5);
 tslib_1.__exportStar(__webpack_require__(9), exports);
 tslib_1.__exportStar(__webpack_require__(10), exports);
-tslib_1.__exportStar(__webpack_require__(17), exports);
-tslib_1.__exportStar(__webpack_require__(22), exports);
-tslib_1.__exportStar(__webpack_require__(12), exports);
-tslib_1.__exportStar(__webpack_require__(13), exports);
 tslib_1.__exportStar(__webpack_require__(11), exports);
-tslib_1.__exportStar(__webpack_require__(19), exports);
 tslib_1.__exportStar(__webpack_require__(18), exports);
+tslib_1.__exportStar(__webpack_require__(23), exports);
+tslib_1.__exportStar(__webpack_require__(13), exports);
 tslib_1.__exportStar(__webpack_require__(14), exports);
-tslib_1.__exportStar(__webpack_require__(16), exports);
+tslib_1.__exportStar(__webpack_require__(12), exports);
 tslib_1.__exportStar(__webpack_require__(20), exports);
+tslib_1.__exportStar(__webpack_require__(19), exports);
+tslib_1.__exportStar(__webpack_require__(15), exports);
+tslib_1.__exportStar(__webpack_require__(17), exports);
 tslib_1.__exportStar(__webpack_require__(21), exports);
-tslib_1.__exportStar(__webpack_require__(23), exports);
+tslib_1.__exportStar(__webpack_require__(22), exports);
 tslib_1.__exportStar(__webpack_require__(24), exports);
-tslib_1.__exportStar(__webpack_require__(26), exports);
+tslib_1.__exportStar(__webpack_require__(25), exports);
 tslib_1.__exportStar(__webpack_require__(27), exports);
 tslib_1.__exportStar(__webpack_require__(28), exports);
 tslib_1.__exportStar(__webpack_require__(29), exports);
 tslib_1.__exportStar(__webpack_require__(30), exports);
+tslib_1.__exportStar(__webpack_require__(31), exports);
 
 
 /***/ }),
-/* 8 */
+/* 9 */
 /***/ ((__unused_webpack_module, exports) => {
 
 
@@ -639,7 +392,7 @@ function a(text, href, cssClass) {
 
 
 /***/ }),
-/* 9 */
+/* 10 */
 /***/ ((__unused_webpack_module, exports) => {
 
 
@@ -647,13 +400,13 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 
 
 /***/ }),
-/* 10 */
+/* 11 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.html = html;
-const tags_1 = __webpack_require__(11);
+const tags_1 = __webpack_require__(12);
 function html(title, subtitle, markup, logoUrl) {
     return (0, tags_1._htm)([
         (0, tags_1._head)([
@@ -695,14 +448,14 @@ function html(title, subtitle, markup, logoUrl) {
 
 
 /***/ }),
-/* 11 */
+/* 12 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports._style = exports._tr = exports._thead = exports._th = exports._td = exports._tbody = exports._tab = exports._pre = exports._p = exports._main = exports._img = exports._htm = exports._header = exports._head = exports._h6 = exports._h5 = exports._h4 = exports._h3 = exports._h2 = exports._h1 = exports._div = exports._body = void 0;
-const self_closing_tag_function_1 = __webpack_require__(12);
-const tag_function_1 = __webpack_require__(13);
+const self_closing_tag_function_1 = __webpack_require__(13);
+const tag_function_1 = __webpack_require__(14);
 exports._body = tag_function_1.tag.bind(null, 'body');
 exports._div = tag_function_1.tag.bind(null, 'div');
 exports._h1 = tag_function_1.tag.bind(null, 'h1');
@@ -728,27 +481,27 @@ exports._style = tag_function_1.tag.bind(null, 'style');
 
 
 /***/ }),
-/* 12 */
+/* 13 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.selfClosingTag = selfClosingTag;
-const tag_function_1 = __webpack_require__(13);
+const tag_function_1 = __webpack_require__(14);
 function selfClosingTag(tag, cssClass, attributes, styles) {
     return (0, tag_function_1.tag)(tag, [], cssClass, attributes, styles).replace(`></${tag}>`, '/>');
 }
 
 
 /***/ }),
-/* 13 */
+/* 14 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.tag = tag;
-const format_attributes_function_1 = __webpack_require__(14);
-const inline_style_function_1 = __webpack_require__(16);
+const format_attributes_function_1 = __webpack_require__(15);
+const inline_style_function_1 = __webpack_require__(17);
 function tag(tag, content, cssClass, attributes, styles) {
     const classExp = cssClass ? ` class="${cssClass}"` : '';
     const attributesExp = attributes ? ` ${(0, format_attributes_function_1.formatAttributes)(attributes)}` : '';
@@ -758,13 +511,13 @@ function tag(tag, content, cssClass, attributes, styles) {
 
 
 /***/ }),
-/* 14 */
+/* 15 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.formatAttributes = formatAttributes;
-const escape_html_attr_function_1 = __webpack_require__(15);
+const escape_html_attr_function_1 = __webpack_require__(16);
 function formatAttributes(attributes) {
     if (!attributes) {
         return '';
@@ -776,7 +529,7 @@ function formatAttributes(attributes) {
 
 
 /***/ }),
-/* 15 */
+/* 16 */
 /***/ ((__unused_webpack_module, exports) => {
 
 
@@ -793,7 +546,7 @@ function escapeHtmlAttr(str) {
 
 
 /***/ }),
-/* 16 */
+/* 17 */
 /***/ ((__unused_webpack_module, exports) => {
 
 
@@ -813,14 +566,14 @@ function inlineStyle(styles) {
 
 
 /***/ }),
-/* 17 */
+/* 18 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.loginButton = loginButton;
-const elements_1 = __webpack_require__(18);
-const button_styles_constant_1 = __webpack_require__(21);
+const elements_1 = __webpack_require__(19);
+const button_styles_constant_1 = __webpack_require__(22);
 function loginButton(text, href, extraStyles) {
     return (0, elements_1.anchor)([text], {
         href,
@@ -833,15 +586,15 @@ function loginButton(text, href, extraStyles) {
 
 
 /***/ }),
-/* 18 */
+/* 19 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.style = exports.tr = exports.thead = exports.th = exports.td = exports.tbody = exports.tab = exports.pre = exports.p = exports.main = exports.img = exports.htm = exports.header = exports.head = exports.h6 = exports.h5 = exports.h4 = exports.h3 = exports.h2 = exports.h1 = exports.div = exports.button = exports.body = exports.anchor = void 0;
-const element_function_1 = __webpack_require__(19);
-const self_closing_element_function_1 = __webpack_require__(20);
-const button_styles_constant_1 = __webpack_require__(21);
+const element_function_1 = __webpack_require__(20);
+const self_closing_element_function_1 = __webpack_require__(21);
+const button_styles_constant_1 = __webpack_require__(22);
 const anchor = (content, attributes) => (0, element_function_1.element)('a', content, { ...attributes, style: { ...button_styles_constant_1.buttonStyles, ...attributes?.style } });
 exports.anchor = anchor;
 exports.body = element_function_1.element.bind(null, 'body');
@@ -873,14 +626,14 @@ exports.style = element_function_1.element.bind(null, 'style');
 
 
 /***/ }),
-/* 19 */
+/* 20 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.element = element;
-const format_attributes_function_1 = __webpack_require__(14);
-const inline_style_function_1 = __webpack_require__(16);
+const format_attributes_function_1 = __webpack_require__(15);
+const inline_style_function_1 = __webpack_require__(17);
 function element(tag, content, attributes) {
     const { cssClass = '', style = undefined, ...attrs } = attributes || {};
     const classExp = cssClass ? ` class="${cssClass}"` : '';
@@ -891,20 +644,20 @@ function element(tag, content, attributes) {
 
 
 /***/ }),
-/* 20 */
+/* 21 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.selfClosingElement = selfClosingElement;
-const element_function_1 = __webpack_require__(19);
+const element_function_1 = __webpack_require__(20);
 function selfClosingElement(tag, attributes) {
     return (0, element_function_1.element)(tag, [], attributes).replace(`></${tag}>`, '/>');
 }
 
 
 /***/ }),
-/* 21 */
+/* 22 */
 /***/ ((__unused_webpack_module, exports) => {
 
 
@@ -924,7 +677,7 @@ exports.buttonStyles = {
 
 
 /***/ }),
-/* 22 */
+/* 23 */
 /***/ ((__unused_webpack_module, exports) => {
 
 
@@ -932,7 +685,7 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 
 
 /***/ }),
-/* 23 */
+/* 24 */
 /***/ ((__unused_webpack_module, exports) => {
 
 
@@ -948,18 +701,18 @@ exports.fontStyles = {
 
 
 /***/ }),
-/* 24 */
+/* 25 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.CSSProperties = void 0;
-const css_properties_type_1 = __webpack_require__(25);
+const css_properties_type_1 = __webpack_require__(26);
 Object.defineProperty(exports, "CSSProperties", ({ enumerable: true, get: function () { return css_properties_type_1.CSSProperties; } }));
 
 
 /***/ }),
-/* 25 */
+/* 26 */
 /***/ ((__unused_webpack_module, exports) => {
 
 
@@ -967,7 +720,7 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 
 
 /***/ }),
-/* 26 */
+/* 27 */
 /***/ ((__unused_webpack_module, exports) => {
 
 
@@ -975,7 +728,7 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 
 
 /***/ }),
-/* 27 */
+/* 28 */
 /***/ ((__unused_webpack_module, exports) => {
 
 
@@ -983,14 +736,14 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 
 
 /***/ }),
-/* 28 */
+/* 29 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.emailBody = emailBody;
-const elements_1 = __webpack_require__(18);
-const font_styles_constant_1 = __webpack_require__(23);
+const elements_1 = __webpack_require__(19);
+const font_styles_constant_1 = __webpack_require__(24);
 function emailBody(title, subtitle, markup, logoUrl, extraStyles = {}) {
     return (0, elements_1.div)([
         (0, elements_1.div)([
@@ -1013,13 +766,13 @@ function emailBody(title, subtitle, markup, logoUrl, extraStyles = {}) {
 
 
 /***/ }),
-/* 29 */
+/* 30 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.table = table;
-const elements_1 = __webpack_require__(18);
+const elements_1 = __webpack_require__(19);
 const padding = '0.5rem';
 const color = 'inherit';
 function table(columns, rows) {
@@ -1031,7 +784,7 @@ function table(columns, rows) {
 
 
 /***/ }),
-/* 30 */
+/* 31 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 
@@ -1039,33 +792,33 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.$footer = exports.$figure = exports.$figcaption = exports.$fieldset = exports.$embed = exports.$em = exports.$dt = exports.$dl = exports.$div = exports.$dialog = exports.$dfn = exports.$details = exports.$del = exports.$dd = exports.$datalist = exports.$data = exports.$colgroup = exports.$col = exports.$code = exports.$cite = exports.$caption = exports.$canvas = exports.$button = exports.$br = exports.$body = exports.$blockquote = exports.$bdo = exports.$bdi = exports.$base = exports.$b = exports.$audio = exports.$aside = exports.$article = exports.$area = exports.$address = exports.$abbr = exports.$a = exports.styled = exports.styleOnPointerEnter = exports.styleOnFocus = exports.styleOn = exports.setElementStyles = exports.setElementStyle = exports.setAttrs = exports.extractStyle = exports.asElementFactory = exports.asId = exports.styleManager = exports.TElementProps = exports.CSSProperties = void 0;
 exports.$slot = exports.$select = exports.$section = exports.$script = exports.$samp = exports.$s = exports.$ruby = exports.$rt = exports.$rp = exports.$q = exports.$progress = exports.$pre = exports.$picture = exports.$p = exports.$output = exports.$option = exports.$optgroup = exports.$ol = exports.$object = exports.$noscript = exports.$nav = exports.$meter = exports.$meta = exports.$menu = exports.$math = exports.$mark = exports.$map = exports.$main = exports.$link = exports.$li = exports.$legend = exports.$label = exports.$kbd = exports.$ins = exports.$input = exports.$img = exports.$iframe = exports.$i = exports.$html = exports.$hr = exports.$hgroup = exports.$header = exports.$head = exports.$h6 = exports.$h5 = exports.$h4 = exports.$h3 = exports.$h2 = exports.$h1 = exports.$form = void 0;
 exports.$wbr = exports.$video = exports.$var = exports.$ul = exports.$u = exports.$track = exports.$tr = exports.$title = exports.$time = exports.$thead = exports.$th = exports.$tfoot = exports.$textarea = exports.$template = exports.$td = exports.$tbody = exports.$table = exports.$sup = exports.$summary = exports.$sub = exports.$style = exports.$strong = exports.$span = exports.$source = exports.$small = void 0;
-const element_function_1 = __webpack_require__(19);
-const self_closing_element_function_1 = __webpack_require__(20);
-const css_properties_type_1 = __webpack_require__(25);
+const element_function_1 = __webpack_require__(20);
+const self_closing_element_function_1 = __webpack_require__(21);
+const css_properties_type_1 = __webpack_require__(26);
 Object.defineProperty(exports, "CSSProperties", ({ enumerable: true, get: function () { return css_properties_type_1.CSSProperties; } }));
-const element_props_type_1 = __webpack_require__(31);
+const element_props_type_1 = __webpack_require__(32);
 Object.defineProperty(exports, "TElementProps", ({ enumerable: true, get: function () { return element_props_type_1.TElementProps; } }));
-const style_manager_constant_1 = __webpack_require__(32);
+const style_manager_constant_1 = __webpack_require__(33);
 Object.defineProperty(exports, "styleManager", ({ enumerable: true, get: function () { return style_manager_constant_1.styleManager; } }));
-const as_id_function_1 = __webpack_require__(33);
+const as_id_function_1 = __webpack_require__(34);
 Object.defineProperty(exports, "asId", ({ enumerable: true, get: function () { return as_id_function_1.asId; } }));
-const as_element_factory_function_1 = __webpack_require__(34);
+const as_element_factory_function_1 = __webpack_require__(35);
 Object.defineProperty(exports, "asElementFactory", ({ enumerable: true, get: function () { return as_element_factory_function_1.asElementFactory; } }));
-const extract_style_function_1 = __webpack_require__(35);
+const extract_style_function_1 = __webpack_require__(36);
 Object.defineProperty(exports, "extractStyle", ({ enumerable: true, get: function () { return extract_style_function_1.extractStyle; } }));
-const set_element_attributes_function_1 = __webpack_require__(36);
+const set_element_attributes_function_1 = __webpack_require__(37);
 Object.defineProperty(exports, "setAttrs", ({ enumerable: true, get: function () { return set_element_attributes_function_1.setAttrs; } }));
-const set_element_style_function_1 = __webpack_require__(37);
+const set_element_style_function_1 = __webpack_require__(38);
 Object.defineProperty(exports, "setElementStyle", ({ enumerable: true, get: function () { return set_element_style_function_1.setElementStyle; } }));
-const set_element_styles_function_1 = __webpack_require__(38);
+const set_element_styles_function_1 = __webpack_require__(39);
 Object.defineProperty(exports, "setElementStyles", ({ enumerable: true, get: function () { return set_element_styles_function_1.setElementStyles; } }));
-const style_on_function_1 = __webpack_require__(39);
+const style_on_function_1 = __webpack_require__(40);
 Object.defineProperty(exports, "styleOn", ({ enumerable: true, get: function () { return style_on_function_1.styleOn; } }));
-const style_on_focus_function_1 = __webpack_require__(40);
+const style_on_focus_function_1 = __webpack_require__(41);
 Object.defineProperty(exports, "styleOnFocus", ({ enumerable: true, get: function () { return style_on_focus_function_1.styleOnFocus; } }));
-const style_on_pointer_enter_function_1 = __webpack_require__(41);
+const style_on_pointer_enter_function_1 = __webpack_require__(42);
 Object.defineProperty(exports, "styleOnPointerEnter", ({ enumerable: true, get: function () { return style_on_pointer_enter_function_1.styleOnPointerEnter; } }));
-const styled_function_1 = __webpack_require__(42);
+const styled_function_1 = __webpack_require__(43);
 Object.defineProperty(exports, "styled", ({ enumerable: true, get: function () { return styled_function_1.styled; } }));
 // Element factories
 exports.$a = (0, as_element_factory_function_1.asElementFactory)(element_function_1.element.bind(null, 'a'));
@@ -1183,7 +936,7 @@ exports.$wbr = (0, as_element_factory_function_1.asElementFactory)((_, attrs) =>
 
 
 /***/ }),
-/* 31 */
+/* 32 */
 /***/ ((__unused_webpack_module, exports) => {
 
 
@@ -1191,7 +944,7 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 
 
 /***/ }),
-/* 32 */
+/* 33 */
 /***/ ((__unused_webpack_module, exports) => {
 
 
@@ -1224,7 +977,7 @@ exports.styleManager = StyleManager;
 
 
 /***/ }),
-/* 33 */
+/* 34 */
 /***/ ((__unused_webpack_module, exports) => {
 
 
@@ -1238,7 +991,7 @@ function asId(prefix = 'id') {
 
 
 /***/ }),
-/* 34 */
+/* 35 */
 /***/ ((__unused_webpack_module, exports) => {
 
 
@@ -1267,7 +1020,7 @@ function asElementFactory(renderer) {
 
 
 /***/ }),
-/* 35 */
+/* 36 */
 /***/ ((__unused_webpack_module, exports) => {
 
 
@@ -1279,7 +1032,7 @@ function extractStyle(element, style) {
 
 
 /***/ }),
-/* 36 */
+/* 37 */
 /***/ ((__unused_webpack_module, exports) => {
 
 
@@ -1290,7 +1043,7 @@ function setAttrs(target, attrs) {
 
 
 /***/ }),
-/* 37 */
+/* 38 */
 /***/ ((__unused_webpack_module, exports) => {
 
 
@@ -1301,7 +1054,7 @@ function setElementStyle(target, key, value) {
 
 
 /***/ }),
-/* 38 */
+/* 39 */
 /***/ ((__unused_webpack_module, exports) => {
 
 
@@ -1312,7 +1065,7 @@ function setElementStyles(target, styles) {
 
 
 /***/ }),
-/* 39 */
+/* 40 */
 /***/ ((__unused_webpack_module, exports) => {
 
 
@@ -1324,39 +1077,39 @@ function styleOn(element, event, style, elementToStyle, onlyIf) {
 
 
 /***/ }),
-/* 40 */
+/* 41 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.styleOnFocus = styleOnFocus;
-const style_on_function_1 = __webpack_require__(39);
+const style_on_function_1 = __webpack_require__(40);
 function styleOnFocus(element, style, elementToStyle, onlyIf) {
     (0, style_on_function_1.styleOn)(element, 'focus', style, elementToStyle, onlyIf);
 }
 
 
 /***/ }),
-/* 41 */
+/* 42 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.styleOnPointerEnter = styleOnPointerEnter;
-const style_on_function_1 = __webpack_require__(39);
+const style_on_function_1 = __webpack_require__(40);
 function styleOnPointerEnter(element, style, elementToStyle, onlyIf) {
     (0, style_on_function_1.styleOn)(element, 'mouseenter', style, elementToStyle, onlyIf);
 }
 
 
 /***/ }),
-/* 42 */
+/* 43 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.styled = styled;
-const style_manager_constant_1 = __webpack_require__(32);
+const style_manager_constant_1 = __webpack_require__(33);
 function styled(creator) {
     return (css, ...values) => (props = {}) => {
         const raw = css.reduce((acc, part, i) => acc + part + (values[i] || ''), '').trim();
@@ -1371,7 +1124,7 @@ function styled(creator) {
 
 
 /***/ }),
-/* 43 */
+/* 44 */
 /***/ ((__unused_webpack_module, exports) => {
 
 
@@ -1387,7 +1140,7 @@ exports.AppServerBucketvoreConfig = AppServerBucketvoreConfig;
 
 
 /***/ }),
-/* 44 */
+/* 45 */
 /***/ ((__unused_webpack_module, exports) => {
 
 
@@ -2008,17 +1761,17 @@ exports.DESIGN_SYSTEM_STYLES = `
 
 
 /***/ }),
-/* 45 */
+/* 46 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 
 var _a, _b;
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.BucketsController = void 0;
-const tslib_1 = __webpack_require__(4);
-const common_1 = __webpack_require__(5);
-const s3_service_1 = __webpack_require__(46);
-const html_generator_service_1 = __webpack_require__(50);
+const tslib_1 = __webpack_require__(5);
+const common_1 = __webpack_require__(6);
+const s3_service_1 = __webpack_require__(47);
+const html_generator_service_1 = __webpack_require__(51);
 let BucketsController = class BucketsController {
     constructor(s3Service, htmlGenerator) {
         this.s3Service = s3Service;
@@ -2069,19 +1822,19 @@ exports.BucketsController = BucketsController = tslib_1.__decorate([
 
 
 /***/ }),
-/* 46 */
+/* 47 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 
 var _a, _b;
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.S3Service = void 0;
-const tslib_1 = __webpack_require__(4);
-const common_1 = __webpack_require__(5);
-const client_s3_1 = __webpack_require__(47);
-const s3_request_presigner_1 = __webpack_require__(48);
-const app_server_bucketvore_config_class_1 = __webpack_require__(43);
-const credential_providers_1 = __webpack_require__(49);
+const tslib_1 = __webpack_require__(5);
+const common_1 = __webpack_require__(6);
+const client_s3_1 = __webpack_require__(48);
+const s3_request_presigner_1 = __webpack_require__(49);
+const app_server_bucketvore_config_class_1 = __webpack_require__(44);
+const credential_providers_1 = __webpack_require__(50);
 let S3Service = class S3Service {
     constructor(s3Client, config) {
         this.s3Client = s3Client;
@@ -2281,35 +2034,35 @@ exports.S3Service = S3Service = tslib_1.__decorate([
 
 
 /***/ }),
-/* 47 */
+/* 48 */
 /***/ ((module) => {
 
 module.exports = require("@aws-sdk/client-s3");
 
 /***/ }),
-/* 48 */
+/* 49 */
 /***/ ((module) => {
 
 module.exports = require("@aws-sdk/s3-request-presigner");
 
 /***/ }),
-/* 49 */
+/* 50 */
 /***/ ((module) => {
 
 module.exports = require("@aws-sdk/credential-providers");
 
 /***/ }),
-/* 50 */
+/* 51 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 
 var _a;
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.HtmlGeneratorService = void 0;
-const tslib_1 = __webpack_require__(4);
-const common_1 = __webpack_require__(5);
-const server_html_1 = __webpack_require__(7);
-const file_preview_service_1 = __webpack_require__(51);
+const tslib_1 = __webpack_require__(5);
+const common_1 = __webpack_require__(6);
+const server_html_1 = __webpack_require__(8);
+const file_preview_service_1 = __webpack_require__(52);
 let HtmlGeneratorService = class HtmlGeneratorService {
     constructor(filePreviewService) {
         this.filePreviewService = filePreviewService;
@@ -2629,14 +2382,14 @@ exports.HtmlGeneratorService = HtmlGeneratorService = tslib_1.__decorate([
 
 
 /***/ }),
-/* 51 */
+/* 52 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.FilePreviewService = void 0;
-const tslib_1 = __webpack_require__(4);
-const common_1 = __webpack_require__(5);
+const tslib_1 = __webpack_require__(5);
+const common_1 = __webpack_require__(6);
 let FilePreviewService = class FilePreviewService {
     constructor() {
         this.imageExtensions = ['jpg', 'jpeg', 'png', 'gif', 'bmp', 'webp', 'svg'];
@@ -2729,18 +2482,18 @@ exports.FilePreviewService = FilePreviewService = tslib_1.__decorate([
 
 
 /***/ }),
-/* 52 */
+/* 53 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 
 var _a, _b, _c;
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.FilesController = void 0;
-const tslib_1 = __webpack_require__(4);
-const common_1 = __webpack_require__(5);
-const s3_service_1 = __webpack_require__(46);
-const html_generator_service_1 = __webpack_require__(50);
-const file_preview_service_1 = __webpack_require__(51);
+const tslib_1 = __webpack_require__(5);
+const common_1 = __webpack_require__(6);
+const s3_service_1 = __webpack_require__(47);
+const html_generator_service_1 = __webpack_require__(51);
+const file_preview_service_1 = __webpack_require__(52);
 let FilesController = class FilesController {
     constructor(s3Service, htmlGenerator, filePreviewService) {
         this.s3Service = s3Service;
@@ -2867,17 +2620,17 @@ exports.FilesController = FilesController = tslib_1.__decorate([
 
 
 /***/ }),
-/* 53 */
+/* 54 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 
 var _a;
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.UploadController = void 0;
-const tslib_1 = __webpack_require__(4);
-const common_1 = __webpack_require__(5);
-const platform_express_1 = __webpack_require__(54);
-const s3_service_1 = __webpack_require__(46);
+const tslib_1 = __webpack_require__(5);
+const common_1 = __webpack_require__(6);
+const platform_express_1 = __webpack_require__(55);
+const s3_service_1 = __webpack_require__(47);
 let UploadController = class UploadController {
     constructor(s3Service) {
         this.s3Service = s3Service;
@@ -2916,7 +2669,7 @@ exports.UploadController = UploadController = tslib_1.__decorate([
 
 
 /***/ }),
-/* 54 */
+/* 55 */
 /***/ ((module) => {
 
 module.exports = require("@nestjs/platform-express");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onivoro/app-server-bucketvore",
-  "version": "24.31.2",
+  "version": "24.31.3",
   "description": "BucketVore NestJS application for S3 bucket management",
   "license": "MIT",
   "type": "commonjs",