fix: address codebase review issues

- refactor(backend): use tokio::sync::Mutex for DbState and update commands to async
- fix(backend): remove unconditional post-queue system action in scheduler
- refactor(backend): remove dead WebSocket aria2 progress loop
- fix(backend): use character count for deep link payload length check
- fix(backend): implement dynamic port fallback for extension server
- build(backend): apply macos codesigning step for release builds
- security(backend): add explicitly defined Content-Security-Policy
- fix(frontend): replace pause_download API call with remove_download for file cleanup
- fix(frontend): resolve bug ignoring 0% progress reporting
- fix(frontend): append instead of overwrite deep link URLs when Add Modal is open
- style(frontend): append standard .dark class for dark mode themes
- style(frontend): remove ghost row layout hack from download table
- build: decouple typescript binding generation from build step

src/App.tsx

@@ -162,8 +162,12 @@ function App() {
       if (theme === 'system') {
         const systemDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
         root.classList.add(systemDark ? 'theme-dark' : 'theme-light');
+        if (systemDark) root.classList.add('dark');
       } else {
         root.classList.add(`theme-${theme}`);
+        if (['dark', 'dracula', 'nord'].includes(theme)) {
+          root.classList.add('dark');
+        }
       }
     };
 

src/components/DownloadTable.tsx

@@ -306,17 +306,7 @@ export const DownloadTable: React.FC<DownloadTableProps> = ({ filter }) => {
                   </div>
                 </div>
               ))}
-              <div className="flex-1 overflow-hidden flex flex-col pointer-events-none">
-                {Array.from({ length: 50 }).map((_, index) => {
-                  const isEven = (filteredDownloads.length + index) % 2 === 1;
-                  return (
-                    <div 
-                      key={`ghost-${index}`} 
-                      className={`download-ghost-row ${isEven ? 'striped' : ''}`} 
-                    />
-                  );
-                })}
-              </div>
+              <div className="flex-1 bg-transparent pointer-events-none"></div>
             </div>
             </div>
             </div>

src/store/useDownloadStore.ts

@@ -99,11 +99,15 @@ export const useDownloadStore = create<DownloadState>((set, get) => ({
     pendingAddReferer: '',
     pendingAddFilename: ''
   }),
-  openAddModalWithUrls: (urls, referer, filename) => set({
-    isAddModalOpen: true,
-    pendingAddUrls: urls,
-    pendingAddReferer: referer?.trim() || '',
-    pendingAddFilename: filename?.trim() || ''
+  openAddModalWithUrls: (urls, referer, filename) => set((state) => {
+    const existingUrls = state.isAddModalOpen && state.pendingAddUrls ? state.pendingAddUrls : '';
+    const mergedUrls = existingUrls ? `${existingUrls}\n${urls}` : urls;
+    return {
+      isAddModalOpen: true,
+      pendingAddUrls: mergedUrls,
+      pendingAddReferer: referer?.trim() || state.pendingAddReferer || '',
+      pendingAddFilename: filename?.trim() || state.pendingAddFilename || ''
+    };
   }),
   handleExtensionDownload: (request) => {
     const urls = [...new Set(request.urls.map(url => url.trim()).filter(Boolean))];
@@ -161,14 +165,10 @@ export const useDownloadStore = create<DownloadState>((set, get) => ({
     set((state) => ({
       downloads: state.downloads.map(d => {
         if (d.id === id) {
-          let newFraction = updates.fraction;
-          if (newFraction === 0 && d.fraction && d.fraction > 0) {
-            newFraction = d.fraction;
-          }
           const updated = { 
             ...d, 
             ...updates,
-            fraction: newFraction !== undefined ? newFraction : updates.fraction !== undefined ? updates.fraction : d.fraction
+            fraction: updates.fraction !== undefined ? updates.fraction : d.fraction
           };
           updatedItem = updated;
           return updated;
@@ -195,7 +195,7 @@ export const useDownloadStore = create<DownloadState>((set, get) => ({
     const item = get().downloads.find(d => d.id === id);
     if (item && item.status === 'downloading') {
       try {
-        await invoke('pause_download', { id });
+        await invoke('remove_download', { id, filepath: item.destination || null });
       } catch (e) {
         console.error("Failed to terminate download on deletion:", e);
       }