Truncate Storage Status fields in Upload Modal

Truncate Provider, Bucket, and URL Style fields to prevent layout overflow.
Add `title` attribute for native tooltips on hover.
Add `tabindex="0"` for keyboard accessibility.

components/upload-modal.html

@@ -153,17 +153,17 @@
                                 </div>
                             </div>
                             <div class="grid grid-cols-3 gap-2 text-xs">
-                                <div>
+                                <div class="min-w-0">
                                     <span class="block text-muted">Provider</span>
-                                    <span id="summary-provider" class="font-medium text-text">--</span>
+                                    <span id="summary-provider" class="block font-medium text-text truncate" tabindex="0">--</span>
                                 </div>
-                                <div>
+                                <div class="min-w-0">
                                     <span class="block text-muted">Bucket</span>
-                                    <span id="summary-bucket" class="font-medium text-text">--</span>
+                                    <span id="summary-bucket" class="block font-medium text-text truncate" tabindex="0">--</span>
                                 </div>
-                                <div>
+                                <div class="min-w-0">
                                     <span class="block text-muted">URL Style</span>
-                                    <span id="summary-url-style" class="font-medium text-text">--</span>
+                                    <span id="summary-url-style" class="block font-medium text-text truncate" tabindex="0">--</span>
                                 </div>
                             </div>
                             <p id="summary-copy" class="text-xs text-muted">

js/ui/components/UploadModal.js

@@ -760,9 +760,18 @@ export class UploadModal {
             const bucketName = targetConn.meta?.bucket || "Unknown Bucket";
             const urlStyle = this.describeUrlStyle(targetConn.provider, targetConn.meta?.forcePathStyle);
 
-            if (this.statusText.summaryProvider) this.statusText.summaryProvider.textContent = providerName;
-            if (this.statusText.summaryBucket) this.statusText.summaryBucket.textContent = bucketName;
-            if (this.statusText.summaryUrlStyle) this.statusText.summaryUrlStyle.textContent = urlStyle;
+            if (this.statusText.summaryProvider) {
+                this.statusText.summaryProvider.textContent = providerName;
+                this.statusText.summaryProvider.title = providerName;
+            }
+            if (this.statusText.summaryBucket) {
+                this.statusText.summaryBucket.textContent = bucketName;
+                this.statusText.summaryBucket.title = bucketName;
+            }
+            if (this.statusText.summaryUrlStyle) {
+                this.statusText.summaryUrlStyle.textContent = urlStyle;
+                this.statusText.summaryUrlStyle.title = urlStyle;
+            }
             if (this.statusText.summaryCopy) this.statusText.summaryCopy.textContent = this.getSummaryCopy(targetConn.provider);
 
             if (this.isStorageUnlocked) {