✨ Feature(custom): add upload task system

src/renderer/components/ImageProcessSetting.vue

@@ -1185,11 +1185,11 @@ const waterMarkPositionMap = new Map([
 
 const imageExtList = ['jpg', 'jpeg', 'png', 'webp', 'bmp', 'tiff', 'tif', 'svg', 'ico', 'avif', 'heif', 'heic']
 const availableFormat = [
-  'webp',
+  'dz',
   'png',
   'avif',
   'jpg',
-  'dz',
+  'webp',
   'fits',
   'gif',
   'heif',

src/renderer/components/css/ImageProcessSetting.css

@@ -1,60 +1,11 @@
 /* ==================== Base & Layout ==================== */
 .image-process-settings {
   overflow-y: auto;
-  padding: 2rem;
+  padding: 1rem;
+  height: 100%;
   min-height: 100vh;
   color: var(--color-text-primary);
-  background: linear-gradient(180deg, var(--color-surface) 0%, var(--color-background-secondary) 100%);
-}
-
-/* ==================== Header ==================== */
-.settings-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 2rem;
-  border: 1px solid var(--color-border);
-  border-radius: 16px;
-  padding: 1.75rem 2rem;
-  background: linear-gradient(135deg, var(--color-surface) 0%, var(--color-background-primary) 100%);
-  box-shadow:
-    0 4px 20px rgb(0 0 0 / 8%),
-    0 1px 3px rgb(0 0 0 / 5%);
-}
-
-.header-content {
-  display: flex;
-  align-items: center;
-  gap: 1.25rem;
-}
-
-.header-icon-wrapper {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  border-radius: 14px;
-  width: 56px;
-  height: 56px;
-  background: linear-gradient(135deg, #409eff 0%, #66b1ff 100%);
-  box-shadow: 0 4px 12px rgb(64 158 255 / 30%);
-}
-
-.header-icon {
-  color: white;
-}
-
-.header-text h1 {
-  margin: 0 0 0.25rem;
-  font-size: 1.625rem;
-  font-weight: 700;
-  letter-spacing: -0.02em;
-  color: var(--color-text-primary);
-}
-
-.header-text p {
-  margin: 0;
-  font-size: 0.9rem;
-  color: var(--color-text-secondary);
+  background: var(--color-background-primary);
 }
 
 /* ==================== Tab Navigation ==================== */