Merge pull request #14 from 0xtbug/dev

feat(providers): add bulk refresh token management & improve artifact handling

Author: 0xtbug

.github/workflows/build-release.yml

@@ -439,7 +439,7 @@ jobs:
         run: |
           VERSION="${{ needs.create-release.outputs.version }}"
 
-          echo "Listing build output directory:"
+          echo "=== Listing build output directory ==="
           ls -R src-tauri/target/release/bundle/
 
           # Debian (using wildcard for safety)
@@ -451,15 +451,19 @@ jobs:
           # AppImage (using wildcard for safety)
           find src-tauri/target/release/bundle/appimage/ -name "*_${VERSION}_amd64.AppImage" -exec mv {} "ZeroLimit_${VERSION}_Linux_x64.AppImage" \;
 
-          # AppImage.tar.gz (optional updater artifact)
-          find src-tauri/target/release/bundle/appimage/ -name "*_${VERSION}_amd64.AppImage.tar.gz" -exec mv {} "ZeroLimit_${VERSION}_Linux_x64.AppImage.tar.gz" \;
-          find src-tauri/target/release/bundle/appimage/ -name "*_${VERSION}_amd64.AppImage.tar.gz.sig" -exec mv {} "ZeroLimit_${VERSION}_Linux_x64.AppImage.tar.gz.sig" \;
+          # AppImage.tar.gz and signature (updater artifacts)
+          find src-tauri/target/release/bundle/appimage/ -name "*.AppImage.tar.gz" ! -name "*.sig" -exec mv {} "ZeroLimit_${VERSION}_Linux_x64.AppImage.tar.gz" \;
+          find src-tauri/target/release/bundle/appimage/ -name "*.AppImage.tar.gz.sig" -exec mv {} "ZeroLimit_${VERSION}_Linux_x64.AppImage.tar.gz.sig" \;
+
+          echo "=== Prepared artifacts in workspace ==="
+          ls -la ZeroLimit_* || echo "No artifacts found!"
 
       - name: Upload artifacts to release
         uses: softprops/action-gh-release@v2
         with:
           tag_name: v${{ needs.create-release.outputs.version }}
           draft: true
+          fail_on_unmatched_files: false
           files: |
             ZeroLimit_*_Linux_x64.deb
             ZeroLimit_*_Linux_x64.rpm
@@ -472,6 +476,7 @@ jobs:
         with:
           name: signatures-linux
           path: ZeroLimit_*_Linux_x64.AppImage.tar.gz.sig
+          if-no-files-found: warn
 
   # ===========================================
   # 7. Publish Release + Generate latest.json

AGENTS.md

@@ -0,0 +1,37 @@
+# Repository Guidelines
+
+## Project Structure & Module Organization
+- `src/` contains the React + TypeScript frontend, organized by feature slices: `features/`, `shared/`, `layouts/`, `router/`, `i18n/`, `services/`, `types/`, `constants/`.
+- `src-tauri/` contains the Rust backend and Tauri configuration.
+- `public/` holds static assets used by the web view (icons, etc.).
+- `docs/` contains user documentation (see `docs/USAGE.md`).
+- `scripts/` includes maintenance utilities such as `scripts/bump-version.sh`.
+- Build outputs land in `dist/` (frontend) and `src-tauri/target/` (Tauri).
+
+## Build, Test, and Development Commands
+- `pnpm install` installs dependencies (Node >= 20, pnpm 10).
+- `pnpm run dev` starts the Vite dev server for the frontend only.
+- `pnpm run build` runs TypeScript checks and builds the frontend bundle.
+- `pnpm run preview` serves the built frontend for local verification.
+- `pnpm run tauri dev` runs the full desktop app in development mode.
+- `pnpm run tauri build` builds the production desktop application.
+
+## Coding Style & Naming Conventions
+- Indentation: 2 spaces, LF line endings, UTF-8, trim trailing whitespace (see `.editorconfig`).
+- Formatting: Prettier with Tailwind plugin, no semicolons, single quotes (see `.prettierrc`).
+- Prefer clear, descriptive names; keep React components in `PascalCase` and hooks in `camelCase` (e.g., `useQuotaStore`).
+
+## Testing Guidelines
+- There is no dedicated automated test suite yet.
+- Before submitting changes, run `pnpm run build` and perform a manual smoke test via `pnpm run tauri dev`.
+- If you add tests, co-locate them near the feature and use a `*.test.ts(x)` naming pattern.
+
+## Commit & Pull Request Guidelines
+- Commit messages follow a Conventional Commit style seen in history: `feat(scope): ...`, `fix: ...`, `docs(README): ...`, `build(release): ...`.
+- Keep commits focused and scoped; prefer multiple small commits over a single large one.
+- Pull requests should include a concise summary, steps to verify, and screenshots for UI changes.
+- Link related issues or discussions when applicable.
+
+## Security & Configuration Notes
+- The app depends on CLIProxyAPI and external provider auth; avoid committing secrets or tokens.
+- If you touch OAuth flows or updater logic, test on all supported platforms where possible.

src/features/providers/ProvidersPage.tsx

@@ -15,8 +15,17 @@ import {
   Eye,
   EyeOff,
   ChevronDown,
-  ChevronRight
+  ChevronRight,
+  Key
 } from 'lucide-react';
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/shared/components/ui/dialog';
 import {
   AlertDialog,
   AlertDialogAction,
@@ -62,6 +71,20 @@ export function ProvidersPage() {
     isPrivacyMode,
     togglePrivacyMode,
     openInBrowser,
+    isDeletingAll,
+    executeDeleteAll,
+    showDeleteAllConfirmation,
+    setShowDeleteAllConfirmation,
+    copyRefreshToken,
+
+    // Copy All
+    showCopyAllModal,
+    setShowCopyAllModal,
+    copyingAll,
+    selectedProvidersForCopy,
+    openCopyAllModal,
+    toggleCopyProvider,
+    executeCopyAll,
   } = useProvidersPresenter();
 
   if (!isAuthenticated) {
@@ -99,6 +122,37 @@ export function ProvidersPage() {
         </AlertDialogContent>
       </AlertDialog>
 
+      <AlertDialog open={showDeleteAllConfirmation} onOpenChange={setShowDeleteAllConfirmation}>
+        <AlertDialogContent className="border-border/50">
+          <AlertDialogHeader>
+            <AlertDialogTitle>{t('common.confirm', 'Are you sure?')}</AlertDialogTitle>
+            <AlertDialogDescription>
+              {t('providers.deleteAllConfirm', 'This will permanently delete all connected accounts. This action cannot be undone.')}
+            </AlertDialogDescription>
+          </AlertDialogHeader>
+          <AlertDialogFooter>
+            <AlertDialogCancel disabled={isDeletingAll}>{t('common.cancel')}</AlertDialogCancel>
+            <AlertDialogAction
+              onClick={(e) => {
+                e.preventDefault();
+                executeDeleteAll();
+              }}
+              className="bg-red-500 hover:bg-red-600 text-white"
+              disabled={isDeletingAll}
+            >
+              {isDeletingAll ? (
+                <>
+                  <Loader2 className="mr-2 h-4 w-4 animate-spin" />
+                  {t('common.deleting', 'Deleting...')}
+                </>
+              ) : (
+                t('common.deleteAll', 'Delete All')
+              )}
+            </AlertDialogAction>
+          </AlertDialogFooter>
+        </AlertDialogContent>
+      </AlertDialog>
+
         <div className="flex items-center justify-between">
           <h1 className="text-3xl font-bold">{t('providers.title')}</h1>
 
@@ -119,6 +173,28 @@ export function ProvidersPage() {
                     <CheckCircle className="h-5 w-5" />
                     {t('providers.connectedAccounts')} ({files.length})
                 </h2>
+                {files.length > 0 && (
+                  <div className="flex items-center gap-2">
+                    <Button
+                      variant="outline"
+                      size="sm"
+                      onClick={openCopyAllModal}
+                      className="h-8 text-xs"
+                    >
+                      <Key className="mr-2 h-3.5 w-3.5" />
+                      {t('common.copyAll', 'Copy All')}
+                    </Button>
+                    <Button
+                      variant="outline"
+                      size="sm"
+                      onClick={() => setShowDeleteAllConfirmation(true)}
+                      className="h-8 text-xs bg-red-500/10 text-red-500 hover:bg-red-500/20 shadow-none border border-red-500/20"
+                    >
+                      <Trash2 className="mr-2 h-3.5 w-3.5" />
+                      {t('common.deleteAll', 'Delete All')}
+                    </Button>
+                  </div>
+                )}
             </div>
 
             {filesError && (
@@ -216,15 +292,26 @@ export function ProvidersPage() {
                                    </div>
                                  </div>
 
-                                 <Button
-                                   size="icon"
-                                   variant="ghost"
-                                   className="h-8 w-8 text-destructive hover:bg-destructive/10 opacity-80 group-hover:opacity-100"
-                                   onClick={() => setFileToDelete(file.id)}
-                                   title={t('common.delete')}
-                                 >
-                                   <Trash2 className="h-4 w-4" />
-                                 </Button>
+                                 <div className="flex items-center gap-1">
+                                   <Button
+                                     size="icon"
+                                     variant="ghost"
+                                     className="h-8 w-8 text-primary hover:bg-primary/10 opacity-80 group-hover:opacity-100"
+                                     onClick={() => copyRefreshToken(file.name || file.filename || file.id)}
+                                     title={t('common.copyRefreshToken', 'Copy Refresh Token')}
+                                   >
+                                     <Key className="h-4 w-4" />
+                                   </Button>
+                                   <Button
+                                     size="icon"
+                                     variant="ghost"
+                                     className="h-8 w-8 text-destructive hover:bg-destructive/10 opacity-80 group-hover:opacity-100"
+                                     onClick={() => setFileToDelete(file.id)}
+                                     title={t('common.delete')}
+                                   >
+                                     <Trash2 className="h-4 w-4" />
+                                   </Button>
+                                 </div>
                                </div>
                              );
                            })}
@@ -416,6 +503,60 @@ export function ProvidersPage() {
                 })}
             </div>
         </section>
+
+        <Dialog open={showCopyAllModal} onOpenChange={setShowCopyAllModal}>
+        <DialogContent className="sm:max-w-[425px]">
+          <DialogHeader>
+            <DialogTitle>{t('providers.copyAllTitle', 'Copy All Refresh Tokens')}</DialogTitle>
+            <DialogDescription>
+              {t('providers.selectProviders', 'Select the providers you want to include in the copy.')}
+            </DialogDescription>
+          </DialogHeader>
+          <div className="py-4">
+             <div className="space-y-4">
+                {groupedFiles.map(([providerId, group]) => (
+                  <div key={providerId} className="flex items-center space-x-2">
+                    <input
+                      type="checkbox"
+                      id={`copy-${providerId}`}
+                      checked={selectedProvidersForCopy.includes(providerId)}
+                      onChange={() => toggleCopyProvider(providerId)}
+                      className="h-4 w-4 rounded border-gray-300 text-primary focus:ring-primary accent-primary"
+                    />
+                    <label
+                      htmlFor={`copy-${providerId}`}
+                      className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 flex items-center gap-2 cursor-pointer select-none"
+                    >
+                       <img
+                            src={group.iconInfo.path}
+                            alt={group.displayName}
+                            className={`h-4 w-4 object-contain ${group.iconInfo.needsInvert ? 'invert-on-dark' : ''}`}
+                          />
+                      {group.displayName}
+                      <span className="text-xs text-muted-foreground">({group.files.length})</span>
+                    </label>
+                  </div>
+                ))}
+            </div>
+          </div>
+          <DialogFooter>
+            <Button variant="outline" onClick={() => setShowCopyAllModal(false)}>{t('common.cancel')}</Button>
+            <Button onClick={executeCopyAll} disabled={copyingAll || selectedProvidersForCopy.length === 0}>
+              {copyingAll ? (
+                <>
+                  <Loader2 className="mr-2 h-4 w-4 animate-spin" />
+                  {t('common.copying', 'Copying...')}
+                </>
+              ) : (
+                <>
+                  <Key className="mr-2 h-4 w-4" />
+                  {t('common.copy', 'Copy')}
+                </>
+              )}
+            </Button>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
     </div>
   );
 }