ui: rename download to save for offline

cx

src/lib/components/AlbumMenu.svelte

@@ -7,7 +7,7 @@
     ListPlus,
     ListEnd,
     Share2,
-    Download,
+    CloudDownload,
     Link,
     RefreshCw
   } from 'lucide-svelte';
@@ -321,15 +321,15 @@
                   if (downloadOpen) setDownloadSubmenuPosition();
                 }}
               >
-                <Download size={14} />
-                <span>Download album</span>
+                <CloudDownload size={14} />
+                <span>Save album for offline</span>
                 <ChevronRight size={14} class="chevron" />
                 {#if downloadOpen}
                   <div class="submenu" bind:this={downloadSubmenuEl} style={downloadSubmenuStyle}>
                     {#if onReDownloadAlbum}
                       <button class="menu-item" onclick={() => handleAction(onReDownloadAlbum)}>
                         <RefreshCw size={14} />
-                        <span>Re-download album</span>
+                        <span>Refresh album offline copy</span>
                       </button>
                     {/if}
                   </div>
@@ -337,8 +337,8 @@
               </div>
             {:else}
               <button class="menu-item" onclick={() => handleAction(onDownload)}>
-                <Download size={14} />
-                <span>Download album</span>
+                <CloudDownload size={14} />
+                <span>Save album for offline</span>
               </button>
             {/if}
           {/if}

src/lib/components/DownloadButton.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { Download, Check, Loader, AlertCircle, CloudOff } from 'lucide-svelte';
+  import { CloudDownload, CloudCheck, Loader, AlertCircle, CloudOff } from 'lucide-svelte';
   import { t } from '$lib/i18n';
   import {
     subscribe as subscribeOffline,
@@ -55,11 +55,11 @@
       return $t('offline.featureDisabled');
     }
     switch (status) {
-      case 'none': return 'Download for offline';
-      case 'queued': return 'Queued for download';
+      case 'none': return 'Save for offline';
+      case 'queued': return 'Queued for offline';
       case 'downloading': return `Downloading ${progress}%`;
-      case 'ready': return 'Downloaded (click to remove)';
-      case 'failed': return 'Download failed (click to retry)';
+      case 'ready': return 'Available offline (click to remove)';
+      case 'failed': return 'Failed to save for offline (click to retry)';
       default: return '';
     }
   });
@@ -82,7 +82,7 @@
   disabled={isDisabled}
 >
   {#if status === 'ready'}
-    <Check {size} />
+    <CloudCheck {size} />
   {:else if status === 'downloading' || status === 'queued'}
     <div class="progress-ring" style="--progress: {progress}">
       <Loader {size} class="spinning" />
@@ -92,7 +92,7 @@
   {:else if isOffline}
     <CloudOff {size} />
   {:else}
-    <Download {size} />
+    <CloudDownload {size} />
   {/if}
 </button>
 

src/lib/components/TrackMenu.svelte

@@ -13,7 +13,7 @@
     User,
     Link,
     Trash2,
-    Download,
+    CloudDownload,
     RefreshCw,
     Radio
   } from 'lucide-svelte';
@@ -365,21 +365,21 @@
                 if (downloadOpen) setDownloadSubmenuPosition();
               }}
             >
-              <Download size={14} />
-              <span>Download</span>
+              <CloudDownload size={14} />
+              <span>Save for offline</span>
               <ChevronRight size={14} class="chevron" />
               {#if downloadOpen}
                 <div class="submenu" bind:this={downloadSubmenuEl} style={downloadSubmenuStyle}>
                   {#if onReDownload}
                     <button class="menu-item" onclick={() => handleAction(onReDownload)}>
                       <RefreshCw size={14} />
-                      <span>Re-download</span>
+                      <span>Refresh offline copy</span>
                     </button>
                   {/if}
                   {#if onRemoveDownload}
                     <button class="menu-item danger" onclick={() => handleAction(onRemoveDownload)}>
                       <Trash2 size={14} />
-                      <span>Remove download</span>
+                      <span>Remove offline copy</span>
                     </button>
                   {/if}
                 </div>
@@ -387,8 +387,8 @@
             </div>
           {:else}
             <button class="menu-item" onclick={() => handleAction(onDownload)}>
-              <Download size={14} />
-              <span>Download</span>
+              <CloudDownload size={14} />
+              <span>Save for offline</span>
             </button>
           {/if}
         {/if}