Update TLS

static/js/components/file-list.js

@@ -113,6 +113,7 @@ export class FileList extends HTMLElement {
                 ` : ''}
 
                 <div class="file-grid">
+                    ${totalItems === 0 ? '<p class="empty-state">No files found.</p>' : ''}
                     ${this.folders.map(folder => this.renderFolder(folder)).join('')}
                     ${this.files.map(file => this.renderFile(file)).join('')}
                 </div>

static/js/components/photo-gallery.js

@@ -30,7 +30,7 @@ class PhotoGallery extends HTMLElement {
     async renderPhotos() {
         const grid = this.querySelector('.gallery-grid');
         if (this.photos.length === 0) {
-            grid.innerHTML = '<p class="empty-state">No photos yet</p>';
+            grid.innerHTML = '<p class="empty-state">No photos found.</p>';
             return;
         }
 

static/js/components/share-modal.js

@@ -20,6 +20,11 @@ export class ShareModal extends HTMLElement {
                     </div>
 
                     <form id="share-form">
+                        <div class="form-group">
+                            <label>Invite Email (optional)</label>
+                            <input type="email" name="invite_email" class="input-field" placeholder="Send invitation to email">
+                        </div>
+
                         <div class="form-group">
                             <label>Permission Level</label>
                             <select name="permission_level" class="input-field">
@@ -101,6 +106,7 @@ export class ShareModal extends HTMLElement {
         const errorDiv = this.querySelector('#share-error');
 
         try {
+            const inviteEmail = formData.get('invite_email') || null;
             const permissionLevel = formData.get('permission_level');
             const password = formData.get('password') || null;
             const expiresAt = formData.get('expires_at') || null;
@@ -110,13 +116,20 @@ export class ShareModal extends HTMLElement {
                 this.folderId,
                 expiresAt,
                 password,
-                permissionLevel
+                permissionLevel,
+                inviteEmail
             );
 
             const shareLink = `${window.location.origin}/share/${share.token}`;
             this.querySelector('#share-link').value = shareLink;
             this.querySelector('#share-result').style.display = 'block';
             errorDiv.textContent = '';
+
+            if (inviteEmail) {
+                document.dispatchEvent(new CustomEvent('show-toast', {
+                    detail: { message: `Invitation sent to ${inviteEmail}`, type: 'success' }
+                }));
+            }
         } catch (error) {
             errorDiv.textContent = 'Failed to create share link: ' + error.message;
         }