From 5cfeaadcfeef9499a39aa8c525a5766bef89bb77 Mon Sep 17 00:00:00 2001
From: Kuingsmile <96409857+Kuingsmile@users.noreply.github.com>
Date: Tue, 12 Aug 2025 22:49:21 +0800
Subject: [PATCH] :bug: Fix(custom): fix static assets bugs

---
 electron-builder.json                         |    2 +-
 electron.vite.config.js                       |    8 +-
 src/main/apis/app/window/windowList.ts        |   10 +-
 src/renderer/components/ImageLocal.vue        |  230 +-
 src/renderer/components/ImagePreSign.vue      |  246 +-
 src/renderer/components/ImageWebdav.vue       |  308 +--
 src/renderer/components/ui/TitleBar.vue       |    5 +-
 src/renderer/main.ts                          |    4 +-
 src/renderer/manage/pages/BucketPage.vue      |    6 +-
 src/renderer/manage/pages/LogInPage.vue       | 2136 ++++++++---------
 src/renderer/manage/pages/ManageMain.vue      | 1146 ++++-----
 src/renderer/pages/Gallery.vue                |    2 +-
 src/renderer/pages/MiniPage.vue               |    2 +-
 src/renderer/pages/Plugin.vue                 |    8 +-
 src/renderer/pages/Toolbox.vue                |    2 +-
 .../renderer/public}/assets/aliyun.webp       |  Bin
 .../renderer/public}/assets/github.webp       |  Bin
 .../renderer/public}/assets/icons/3g2.webp    |  Bin
 .../renderer/public}/assets/icons/3gp.webp    |  Bin
 .../renderer/public}/assets/icons/7z.webp     |  Bin
 .../renderer/public}/assets/icons/_blank.webp |  Bin
 .../renderer/public}/assets/icons/_page.webp  |  Bin
 .../renderer/public}/assets/icons/aac.webp    |  Bin
 .../renderer/public}/assets/icons/accdb.webp  |  Bin
 .../renderer/public}/assets/icons/adt.webp    |  Bin
 .../renderer/public}/assets/icons/ai.webp     |  Bin
 .../renderer/public}/assets/icons/aiff.webp   |  Bin
 .../renderer/public}/assets/icons/aly.webp    |  Bin
 .../renderer/public}/assets/icons/amiga.webp  |  Bin
 .../renderer/public}/assets/icons/amr.webp    |  Bin
 .../renderer/public}/assets/icons/ape.webp    |  Bin
 .../renderer/public}/assets/icons/apk.webp    |  Bin
 .../renderer/public}/assets/icons/arj.webp    |  Bin
 .../renderer/public}/assets/icons/asf.webp    |  Bin
 .../renderer/public}/assets/icons/asm.webp    |  Bin
 .../renderer/public}/assets/icons/asx.webp    |  Bin
 .../renderer/public}/assets/icons/au.webp     |  Bin
 .../renderer/public}/assets/icons/avc.webp    |  Bin
 .../renderer/public}/assets/icons/avi.webp    |  Bin
 .../renderer/public}/assets/icons/avif.webp   |  Bin
 .../renderer/public}/assets/icons/avs.webp    |  Bin
 .../renderer/public}/assets/icons/bak.webp    |  Bin
 .../renderer/public}/assets/icons/bas.webp    |  Bin
 .../renderer/public}/assets/icons/bat.webp    |  Bin
 .../renderer/public}/assets/icons/bmp.webp    |  Bin
 .../renderer/public}/assets/icons/bom.webp    |  Bin
 .../renderer/public}/assets/icons/c.webp      |  Bin
 .../renderer/public}/assets/icons/cda.webp    |  Bin
 .../renderer/public}/assets/icons/cdr.webp    |  Bin
 .../renderer/public}/assets/icons/chm.webp    |  Bin
 .../renderer/public}/assets/icons/class.webp  |  Bin
 .../renderer/public}/assets/icons/cmd.webp    |  Bin
 .../renderer/public}/assets/icons/com.webp    |  Bin
 .../renderer/public}/assets/icons/cpp.webp    |  Bin
 .../renderer/public}/assets/icons/css.webp    |  Bin
 .../renderer/public}/assets/icons/csv.webp    |  Bin
 .../renderer/public}/assets/icons/dart.webp   |  Bin
 .../renderer/public}/assets/icons/dat.webp    |  Bin
 .../renderer/public}/assets/icons/ddb.webp    |  Bin
 .../renderer/public}/assets/icons/dif.webp    |  Bin
 .../renderer/public}/assets/icons/divx.webp   |  Bin
 .../renderer/public}/assets/icons/dll.webp    |  Bin
 .../renderer/public}/assets/icons/dmg.webp    |  Bin
 .../renderer/public}/assets/icons/doc.webp    |  Bin
 .../renderer/public}/assets/icons/docm.webp   |  Bin
 .../renderer/public}/assets/icons/docx.webp   |  Bin
 .../renderer/public}/assets/icons/dot.webp    |  Bin
 .../renderer/public}/assets/icons/dotm.webp   |  Bin
 .../renderer/public}/assets/icons/dotx.webp   |  Bin
 .../renderer/public}/assets/icons/dsl.webp    |  Bin
 .../renderer/public}/assets/icons/dv.webp     |  Bin
 .../renderer/public}/assets/icons/dvd.webp    |  Bin
 .../public}/assets/icons/dvdaudio.webp        |  Bin
 .../renderer/public}/assets/icons/dwg.webp    |  Bin
 .../renderer/public}/assets/icons/dxf.webp    |  Bin
 .../renderer/public}/assets/icons/emf.webp    |  Bin
 .../renderer/public}/assets/icons/env.webp    |  Bin
 .../renderer/public}/assets/icons/eot.webp    |  Bin
 .../renderer/public}/assets/icons/eps.webp    |  Bin
 .../renderer/public}/assets/icons/exe.webp    |  Bin
 .../renderer/public}/assets/icons/exif.webp   |  Bin
 .../public}/assets/icons/fakesmms.webp        |  Bin
 .../renderer/public}/assets/icons/flc.webp    |  Bin
 .../renderer/public}/assets/icons/fli.webp    |  Bin
 .../renderer/public}/assets/icons/flv.webp    |  Bin
 .../renderer/public}/assets/icons/folder.webp |  Bin
 .../renderer/public}/assets/icons/fon.webp    |  Bin
 .../renderer/public}/assets/icons/font.webp   |  Bin
 .../renderer/public}/assets/icons/for.webp    |  Bin
 .../renderer/public}/assets/icons/fpx.webp    |  Bin
 .../renderer/public}/assets/icons/fv.webp     |  Bin
 .../renderer/public}/assets/icons/gif.webp    |  Bin
 .../public}/assets/icons/gitingore.webp       |  Bin
 .../public}/assets/icons/gitkeep.webp         |  Bin
 .../renderer/public}/assets/icons/gz.webp     |  Bin
 .../renderer/public}/assets/icons/h.webp      |  Bin
 .../renderer/public}/assets/icons/hdri.webp   |  Bin
 .../renderer/public}/assets/icons/hlp.webp    |  Bin
 .../renderer/public}/assets/icons/hpp.webp    |  Bin
 .../renderer/public}/assets/icons/htm.webp    |  Bin
 .../renderer/public}/assets/icons/html.webp   |  Bin
 .../renderer/public}/assets/icons/ico.webp    |  Bin
 .../renderer/public}/assets/icons/ics.webp    |  Bin
 .../renderer/public}/assets/icons/int.webp    |  Bin
 .../renderer/public}/assets/icons/ipynb.webp  |  Bin
 .../renderer/public}/assets/icons/iso.webp    |  Bin
 .../renderer/public}/assets/icons/java.webp   |  Bin
 .../renderer/public}/assets/icons/jpeg.webp   |  Bin
 .../renderer/public}/assets/icons/jpg.webp    |  Bin
 .../renderer/public}/assets/icons/js.webp     |  Bin
 .../renderer/public}/assets/icons/json.webp   |  Bin
 .../renderer/public}/assets/icons/key.webp    |  Bin
 .../renderer/public}/assets/icons/ksp.webp    |  Bin
 .../renderer/public}/assets/icons/less.webp   |  Bin
 .../renderer/public}/assets/icons/lib.webp    |  Bin
 .../renderer/public}/assets/icons/lic.webp    |  Bin
 .../public}/assets/icons/license.webp         |  Bin
 .../renderer/public}/assets/icons/log.webp    |  Bin
 .../renderer/public}/assets/icons/lst.webp    |  Bin
 .../renderer/public}/assets/icons/lua.webp    |  Bin
 .../renderer/public}/assets/icons/mac.webp    |  Bin
 .../renderer/public}/assets/icons/map.webp    |  Bin
 .../public}/assets/icons/markdown.webp        |  Bin
 .../renderer/public}/assets/icons/md.webp     |  Bin
 .../renderer/public}/assets/icons/mdf.webp    |  Bin
 .../renderer/public}/assets/icons/mht.webp    |  Bin
 .../renderer/public}/assets/icons/mhtml.webp  |  Bin
 .../renderer/public}/assets/icons/mid.webp    |  Bin
 .../renderer/public}/assets/icons/midi.webp   |  Bin
 .../renderer/public}/assets/icons/mkv.webp    |  Bin
 .../renderer/public}/assets/icons/mmf.webp    |  Bin
 .../renderer/public}/assets/icons/mod.webp    |  Bin
 .../renderer/public}/assets/icons/mov.webp    |  Bin
 .../renderer/public}/assets/icons/mp2.webp    |  Bin
 .../renderer/public}/assets/icons/mp3.webp    |  Bin
 .../renderer/public}/assets/icons/mp4.webp    |  Bin
 .../renderer/public}/assets/icons/mpa.webp    |  Bin
 .../renderer/public}/assets/icons/mpe.webp    |  Bin
 .../renderer/public}/assets/icons/mpeg.webp   |  Bin
 .../renderer/public}/assets/icons/mpeg1.webp  |  Bin
 .../renderer/public}/assets/icons/mpeg2.webp  |  Bin
 .../renderer/public}/assets/icons/mpg.webp    |  Bin
 .../renderer/public}/assets/icons/mppro.webp  |  Bin
 .../renderer/public}/assets/icons/msg.webp    |  Bin
 .../renderer/public}/assets/icons/mts.webp    |  Bin
 .../renderer/public}/assets/icons/mux.webp    |  Bin
 .../renderer/public}/assets/icons/mv.webp     |  Bin
 .../renderer/public}/assets/icons/navi.webp   |  Bin
 .../renderer/public}/assets/icons/obj.webp    |  Bin
 .../renderer/public}/assets/icons/odf.webp    |  Bin
 .../renderer/public}/assets/icons/ods.webp    |  Bin
 .../renderer/public}/assets/icons/odt.webp    |  Bin
 .../renderer/public}/assets/icons/ogg.webp    |  Bin
 .../renderer/public}/assets/icons/one.webp    |  Bin
 .../renderer/public}/assets/icons/otf.webp    |  Bin
 .../renderer/public}/assets/icons/otp.webp    |  Bin
 .../renderer/public}/assets/icons/ots.webp    |  Bin
 .../renderer/public}/assets/icons/ott.webp    |  Bin
 .../renderer/public}/assets/icons/pas.webp    |  Bin
 .../renderer/public}/assets/icons/pcd.webp    |  Bin
 .../renderer/public}/assets/icons/pcx.webp    |  Bin
 .../renderer/public}/assets/icons/pdf.webp    |  Bin
 .../renderer/public}/assets/icons/php.webp    |  Bin
 .../renderer/public}/assets/icons/pic.webp    |  Bin
 .../renderer/public}/assets/icons/png.webp    |  Bin
 .../renderer/public}/assets/icons/ppt.webp    |  Bin
 .../renderer/public}/assets/icons/pptx.webp   |  Bin
 .../renderer/public}/assets/icons/proe.webp   |  Bin
 .../renderer/public}/assets/icons/prt.webp    |  Bin
 .../renderer/public}/assets/icons/psd.webp    |  Bin
 .../renderer/public}/assets/icons/py.webp     |  Bin
 .../renderer/public}/assets/icons/pyc.webp    |  Bin
 .../renderer/public}/assets/icons/qsv.webp    |  Bin
 .../renderer/public}/assets/icons/qt.webp     |  Bin
 .../public}/assets/icons/quicktime.webp       |  Bin
 .../renderer/public}/assets/icons/ra.webp     |  Bin
 .../renderer/public}/assets/icons/ram.webp    |  Bin
 .../renderer/public}/assets/icons/rar.webp    |  Bin
 .../renderer/public}/assets/icons/raw.webp    |  Bin
 .../renderer/public}/assets/icons/rb.webp     |  Bin
 .../public}/assets/icons/realaudio.webp       |  Bin
 .../renderer/public}/assets/icons/rm.webp     |  Bin
 .../renderer/public}/assets/icons/rmvb.webp   |  Bin
 .../renderer/public}/assets/icons/rp.webp     |  Bin
 .../renderer/public}/assets/icons/rtf.webp    |  Bin
 .../renderer/public}/assets/icons/s48.webp    |  Bin
 .../renderer/public}/assets/icons/sacd.webp   |  Bin
 .../renderer/public}/assets/icons/sass.webp   |  Bin
 .../renderer/public}/assets/icons/sch.webp    |  Bin
 .../renderer/public}/assets/icons/scss.webp   |  Bin
 .../renderer/public}/assets/icons/sh.webp     |  Bin
 .../renderer/public}/assets/icons/sql.webp    |  Bin
 .../renderer/public}/assets/icons/stp.webp    |  Bin
 .../renderer/public}/assets/icons/svcd.webp   |  Bin
 .../renderer/public}/assets/icons/svg.webp    |  Bin
 .../renderer/public}/assets/icons/swf.webp    |  Bin
 .../renderer/public}/assets/icons/sys.webp    |  Bin
 .../renderer/public}/assets/icons/tga.webp    |  Bin
 .../renderer/public}/assets/icons/tgz.webp    |  Bin
 .../renderer/public}/assets/icons/tiff.webp   |  Bin
 .../renderer/public}/assets/icons/tmp.webp    |  Bin
 .../renderer/public}/assets/icons/ts.webp     |  Bin
 .../renderer/public}/assets/icons/ttc.webp    |  Bin
 .../renderer/public}/assets/icons/ttf.webp    |  Bin
 .../renderer/public}/assets/icons/txt.webp    |  Bin
 .../renderer/public}/assets/icons/ufo.webp    |  Bin
 .../public}/assets/icons/unknown.webp         |  Bin
 .../renderer/public}/assets/icons/vcd.webp    |  Bin
 .../renderer/public}/assets/icons/vob.webp    |  Bin
 .../renderer/public}/assets/icons/voc.webp    |  Bin
 .../renderer/public}/assets/icons/vqf.webp    |  Bin
 .../renderer/public}/assets/icons/vue.webp    |  Bin
 .../renderer/public}/assets/icons/wav.webp    |  Bin
 .../renderer/public}/assets/icons/wdl.webp    |  Bin
 .../renderer/public}/assets/icons/webm.webp   |  Bin
 .../renderer/public}/assets/icons/webp.webp   |  Bin
 .../renderer/public}/assets/icons/wki.webp    |  Bin
 .../renderer/public}/assets/icons/wma.webp    |  Bin
 .../renderer/public}/assets/icons/wmf.webp    |  Bin
 .../renderer/public}/assets/icons/wmv.webp    |  Bin
 .../renderer/public}/assets/icons/wmvhd.webp  |  Bin
 .../renderer/public}/assets/icons/woff.webp   |  Bin
 .../renderer/public}/assets/icons/woff2.webp  |  Bin
 .../renderer/public}/assets/icons/wps.webp    |  Bin
 .../renderer/public}/assets/icons/wpt.webp    |  Bin
 .../renderer/public}/assets/icons/x_t.webp    |  Bin
 .../renderer/public}/assets/icons/xls.webp    |  Bin
 .../renderer/public}/assets/icons/xlsm.webp   |  Bin
 .../renderer/public}/assets/icons/xlsx.webp   |  Bin
 .../renderer/public}/assets/icons/xlt.webp    |  Bin
 .../renderer/public}/assets/icons/xltm.webp   |  Bin
 .../renderer/public}/assets/icons/xltx.webp   |  Bin
 .../renderer/public}/assets/icons/xmind.webp  |  Bin
 .../renderer/public}/assets/icons/xml.webp    |  Bin
 .../renderer/public}/assets/icons/xv.webp     |  Bin
 .../renderer/public}/assets/icons/xvid.webp   |  Bin
 .../renderer/public}/assets/icons/yaml.webp   |  Bin
 .../renderer/public}/assets/icons/yml.webp    |  Bin
 .../renderer/public}/assets/icons/z.webp      |  Bin
 .../renderer/public}/assets/icons/zip.webp    |  Bin
 .../renderer/public}/assets/imgur.webp        |  Bin
 .../renderer/public}/assets/local.webp        |  Bin
 .../renderer/public}/assets/qiniu.webp        |  Bin
 .../renderer/public}/assets/s3plist.webp      |  Bin
 .../renderer/public}/assets/sftp.webp         |  Bin
 .../renderer/public}/assets/smms.webp         |  Bin
 .../renderer/public}/assets/tcyun.webp        |  Bin
 .../renderer/public}/assets/upyun.webp        |  Bin
 .../renderer/public}/assets/webdavplist.webp  |  Bin
 .../renderer/public}/errorLoading.png         |  Bin
 {public => src/renderer/public}/loading.jpg   |  Bin
 {public => src/renderer/public}/logo.png      |  Bin
 .../renderer/public}/picbed/aliyun.png        |  Bin
 .../renderer/public}/picbed/github.png        |  Bin
 .../renderer/public}/picbed/imgur.png         |  Bin
 .../renderer/public}/picbed/qiniu.png         |  Bin
 .../renderer/public}/picbed/sftp.png          |  Bin
 .../renderer/public}/picbed/smms.png          |  Bin
 .../renderer/public}/picbed/tcyun.png         |  Bin
 .../renderer/public}/picbed/upyun.png         |  Bin
 {public => src/renderer/public}/roundLogo.png |  Bin
 .../renderer/public}/squareLogo.png           |  Bin
 .../renderer/public}/unknown-file-type.svg    |    0
 263 files changed, 2057 insertions(+), 2058 deletions(-)
 rename {public => src/renderer/public}/assets/aliyun.webp (100%)
 rename {public => src/renderer/public}/assets/github.webp (100%)
 rename {public => src/renderer/public}/assets/icons/3g2.webp (100%)
 rename {public => src/renderer/public}/assets/icons/3gp.webp (100%)
 rename {public => src/renderer/public}/assets/icons/7z.webp (100%)
 rename {public => src/renderer/public}/assets/icons/_blank.webp (100%)
 rename {public => src/renderer/public}/assets/icons/_page.webp (100%)
 rename {public => src/renderer/public}/assets/icons/aac.webp (100%)
 rename {public => src/renderer/public}/assets/icons/accdb.webp (100%)
 rename {public => src/renderer/public}/assets/icons/adt.webp (100%)
 rename {public => src/renderer/public}/assets/icons/ai.webp (100%)
 rename {public => src/renderer/public}/assets/icons/aiff.webp (100%)
 rename {public => src/renderer/public}/assets/icons/aly.webp (100%)
 rename {public => src/renderer/public}/assets/icons/amiga.webp (100%)
 rename {public => src/renderer/public}/assets/icons/amr.webp (100%)
 rename {public => src/renderer/public}/assets/icons/ape.webp (100%)
 rename {public => src/renderer/public}/assets/icons/apk.webp (100%)
 rename {public => src/renderer/public}/assets/icons/arj.webp (100%)
 rename {public => src/renderer/public}/assets/icons/asf.webp (100%)
 rename {public => src/renderer/public}/assets/icons/asm.webp (100%)
 rename {public => src/renderer/public}/assets/icons/asx.webp (100%)
 rename {public => src/renderer/public}/assets/icons/au.webp (100%)
 rename {public => src/renderer/public}/assets/icons/avc.webp (100%)
 rename {public => src/renderer/public}/assets/icons/avi.webp (100%)
 rename {public => src/renderer/public}/assets/icons/avif.webp (100%)
 rename {public => src/renderer/public}/assets/icons/avs.webp (100%)
 rename {public => src/renderer/public}/assets/icons/bak.webp (100%)
 rename {public => src/renderer/public}/assets/icons/bas.webp (100%)
 rename {public => src/renderer/public}/assets/icons/bat.webp (100%)
 rename {public => src/renderer/public}/assets/icons/bmp.webp (100%)
 rename {public => src/renderer/public}/assets/icons/bom.webp (100%)
 rename {public => src/renderer/public}/assets/icons/c.webp (100%)
 rename {public => src/renderer/public}/assets/icons/cda.webp (100%)
 rename {public => src/renderer/public}/assets/icons/cdr.webp (100%)
 rename {public => src/renderer/public}/assets/icons/chm.webp (100%)
 rename {public => src/renderer/public}/assets/icons/class.webp (100%)
 rename {public => src/renderer/public}/assets/icons/cmd.webp (100%)
 rename {public => src/renderer/public}/assets/icons/com.webp (100%)
 rename {public => src/renderer/public}/assets/icons/cpp.webp (100%)
 rename {public => src/renderer/public}/assets/icons/css.webp (100%)
 rename {public => src/renderer/public}/assets/icons/csv.webp (100%)
 rename {public => src/renderer/public}/assets/icons/dart.webp (100%)
 rename {public => src/renderer/public}/assets/icons/dat.webp (100%)
 rename {public => src/renderer/public}/assets/icons/ddb.webp (100%)
 rename {public => src/renderer/public}/assets/icons/dif.webp (100%)
 rename {public => src/renderer/public}/assets/icons/divx.webp (100%)
 rename {public => src/renderer/public}/assets/icons/dll.webp (100%)
 rename {public => src/renderer/public}/assets/icons/dmg.webp (100%)
 rename {public => src/renderer/public}/assets/icons/doc.webp (100%)
 rename {public => src/renderer/public}/assets/icons/docm.webp (100%)
 rename {public => src/renderer/public}/assets/icons/docx.webp (100%)
 rename {public => src/renderer/public}/assets/icons/dot.webp (100%)
 rename {public => src/renderer/public}/assets/icons/dotm.webp (100%)
 rename {public => src/renderer/public}/assets/icons/dotx.webp (100%)
 rename {public => src/renderer/public}/assets/icons/dsl.webp (100%)
 rename {public => src/renderer/public}/assets/icons/dv.webp (100%)
 rename {public => src/renderer/public}/assets/icons/dvd.webp (100%)
 rename {public => src/renderer/public}/assets/icons/dvdaudio.webp (100%)
 rename {public => src/renderer/public}/assets/icons/dwg.webp (100%)
 rename {public => src/renderer/public}/assets/icons/dxf.webp (100%)
 rename {public => src/renderer/public}/assets/icons/emf.webp (100%)
 rename {public => src/renderer/public}/assets/icons/env.webp (100%)
 rename {public => src/renderer/public}/assets/icons/eot.webp (100%)
 rename {public => src/renderer/public}/assets/icons/eps.webp (100%)
 rename {public => src/renderer/public}/assets/icons/exe.webp (100%)
 rename {public => src/renderer/public}/assets/icons/exif.webp (100%)
 rename {public => src/renderer/public}/assets/icons/fakesmms.webp (100%)
 rename {public => src/renderer/public}/assets/icons/flc.webp (100%)
 rename {public => src/renderer/public}/assets/icons/fli.webp (100%)
 rename {public => src/renderer/public}/assets/icons/flv.webp (100%)
 rename {public => src/renderer/public}/assets/icons/folder.webp (100%)
 rename {public => src/renderer/public}/assets/icons/fon.webp (100%)
 rename {public => src/renderer/public}/assets/icons/font.webp (100%)
 rename {public => src/renderer/public}/assets/icons/for.webp (100%)
 rename {public => src/renderer/public}/assets/icons/fpx.webp (100%)
 rename {public => src/renderer/public}/assets/icons/fv.webp (100%)
 rename {public => src/renderer/public}/assets/icons/gif.webp (100%)
 rename {public => src/renderer/public}/assets/icons/gitingore.webp (100%)
 rename {public => src/renderer/public}/assets/icons/gitkeep.webp (100%)
 rename {public => src/renderer/public}/assets/icons/gz.webp (100%)
 rename {public => src/renderer/public}/assets/icons/h.webp (100%)
 rename {public => src/renderer/public}/assets/icons/hdri.webp (100%)
 rename {public => src/renderer/public}/assets/icons/hlp.webp (100%)
 rename {public => src/renderer/public}/assets/icons/hpp.webp (100%)
 rename {public => src/renderer/public}/assets/icons/htm.webp (100%)
 rename {public => src/renderer/public}/assets/icons/html.webp (100%)
 rename {public => src/renderer/public}/assets/icons/ico.webp (100%)
 rename {public => src/renderer/public}/assets/icons/ics.webp (100%)
 rename {public => src/renderer/public}/assets/icons/int.webp (100%)
 rename {public => src/renderer/public}/assets/icons/ipynb.webp (100%)
 rename {public => src/renderer/public}/assets/icons/iso.webp (100%)
 rename {public => src/renderer/public}/assets/icons/java.webp (100%)
 rename {public => src/renderer/public}/assets/icons/jpeg.webp (100%)
 rename {public => src/renderer/public}/assets/icons/jpg.webp (100%)
 rename {public => src/renderer/public}/assets/icons/js.webp (100%)
 rename {public => src/renderer/public}/assets/icons/json.webp (100%)
 rename {public => src/renderer/public}/assets/icons/key.webp (100%)
 rename {public => src/renderer/public}/assets/icons/ksp.webp (100%)
 rename {public => src/renderer/public}/assets/icons/less.webp (100%)
 rename {public => src/renderer/public}/assets/icons/lib.webp (100%)
 rename {public => src/renderer/public}/assets/icons/lic.webp (100%)
 rename {public => src/renderer/public}/assets/icons/license.webp (100%)
 rename {public => src/renderer/public}/assets/icons/log.webp (100%)
 rename {public => src/renderer/public}/assets/icons/lst.webp (100%)
 rename {public => src/renderer/public}/assets/icons/lua.webp (100%)
 rename {public => src/renderer/public}/assets/icons/mac.webp (100%)
 rename {public => src/renderer/public}/assets/icons/map.webp (100%)
 rename {public => src/renderer/public}/assets/icons/markdown.webp (100%)
 rename {public => src/renderer/public}/assets/icons/md.webp (100%)
 rename {public => src/renderer/public}/assets/icons/mdf.webp (100%)
 rename {public => src/renderer/public}/assets/icons/mht.webp (100%)
 rename {public => src/renderer/public}/assets/icons/mhtml.webp (100%)
 rename {public => src/renderer/public}/assets/icons/mid.webp (100%)
 rename {public => src/renderer/public}/assets/icons/midi.webp (100%)
 rename {public => src/renderer/public}/assets/icons/mkv.webp (100%)
 rename {public => src/renderer/public}/assets/icons/mmf.webp (100%)
 rename {public => src/renderer/public}/assets/icons/mod.webp (100%)
 rename {public => src/renderer/public}/assets/icons/mov.webp (100%)
 rename {public => src/renderer/public}/assets/icons/mp2.webp (100%)
 rename {public => src/renderer/public}/assets/icons/mp3.webp (100%)
 rename {public => src/renderer/public}/assets/icons/mp4.webp (100%)
 rename {public => src/renderer/public}/assets/icons/mpa.webp (100%)
 rename {public => src/renderer/public}/assets/icons/mpe.webp (100%)
 rename {public => src/renderer/public}/assets/icons/mpeg.webp (100%)
 rename {public => src/renderer/public}/assets/icons/mpeg1.webp (100%)
 rename {public => src/renderer/public}/assets/icons/mpeg2.webp (100%)
 rename {public => src/renderer/public}/assets/icons/mpg.webp (100%)
 rename {public => src/renderer/public}/assets/icons/mppro.webp (100%)
 rename {public => src/renderer/public}/assets/icons/msg.webp (100%)
 rename {public => src/renderer/public}/assets/icons/mts.webp (100%)
 rename {public => src/renderer/public}/assets/icons/mux.webp (100%)
 rename {public => src/renderer/public}/assets/icons/mv.webp (100%)
 rename {public => src/renderer/public}/assets/icons/navi.webp (100%)
 rename {public => src/renderer/public}/assets/icons/obj.webp (100%)
 rename {public => src/renderer/public}/assets/icons/odf.webp (100%)
 rename {public => src/renderer/public}/assets/icons/ods.webp (100%)
 rename {public => src/renderer/public}/assets/icons/odt.webp (100%)
 rename {public => src/renderer/public}/assets/icons/ogg.webp (100%)
 rename {public => src/renderer/public}/assets/icons/one.webp (100%)
 rename {public => src/renderer/public}/assets/icons/otf.webp (100%)
 rename {public => src/renderer/public}/assets/icons/otp.webp (100%)
 rename {public => src/renderer/public}/assets/icons/ots.webp (100%)
 rename {public => src/renderer/public}/assets/icons/ott.webp (100%)
 rename {public => src/renderer/public}/assets/icons/pas.webp (100%)
 rename {public => src/renderer/public}/assets/icons/pcd.webp (100%)
 rename {public => src/renderer/public}/assets/icons/pcx.webp (100%)
 rename {public => src/renderer/public}/assets/icons/pdf.webp (100%)
 rename {public => src/renderer/public}/assets/icons/php.webp (100%)
 rename {public => src/renderer/public}/assets/icons/pic.webp (100%)
 rename {public => src/renderer/public}/assets/icons/png.webp (100%)
 rename {public => src/renderer/public}/assets/icons/ppt.webp (100%)
 rename {public => src/renderer/public}/assets/icons/pptx.webp (100%)
 rename {public => src/renderer/public}/assets/icons/proe.webp (100%)
 rename {public => src/renderer/public}/assets/icons/prt.webp (100%)
 rename {public => src/renderer/public}/assets/icons/psd.webp (100%)
 rename {public => src/renderer/public}/assets/icons/py.webp (100%)
 rename {public => src/renderer/public}/assets/icons/pyc.webp (100%)
 rename {public => src/renderer/public}/assets/icons/qsv.webp (100%)
 rename {public => src/renderer/public}/assets/icons/qt.webp (100%)
 rename {public => src/renderer/public}/assets/icons/quicktime.webp (100%)
 rename {public => src/renderer/public}/assets/icons/ra.webp (100%)
 rename {public => src/renderer/public}/assets/icons/ram.webp (100%)
 rename {public => src/renderer/public}/assets/icons/rar.webp (100%)
 rename {public => src/renderer/public}/assets/icons/raw.webp (100%)
 rename {public => src/renderer/public}/assets/icons/rb.webp (100%)
 rename {public => src/renderer/public}/assets/icons/realaudio.webp (100%)
 rename {public => src/renderer/public}/assets/icons/rm.webp (100%)
 rename {public => src/renderer/public}/assets/icons/rmvb.webp (100%)
 rename {public => src/renderer/public}/assets/icons/rp.webp (100%)
 rename {public => src/renderer/public}/assets/icons/rtf.webp (100%)
 rename {public => src/renderer/public}/assets/icons/s48.webp (100%)
 rename {public => src/renderer/public}/assets/icons/sacd.webp (100%)
 rename {public => src/renderer/public}/assets/icons/sass.webp (100%)
 rename {public => src/renderer/public}/assets/icons/sch.webp (100%)
 rename {public => src/renderer/public}/assets/icons/scss.webp (100%)
 rename {public => src/renderer/public}/assets/icons/sh.webp (100%)
 rename {public => src/renderer/public}/assets/icons/sql.webp (100%)
 rename {public => src/renderer/public}/assets/icons/stp.webp (100%)
 rename {public => src/renderer/public}/assets/icons/svcd.webp (100%)
 rename {public => src/renderer/public}/assets/icons/svg.webp (100%)
 rename {public => src/renderer/public}/assets/icons/swf.webp (100%)
 rename {public => src/renderer/public}/assets/icons/sys.webp (100%)
 rename {public => src/renderer/public}/assets/icons/tga.webp (100%)
 rename {public => src/renderer/public}/assets/icons/tgz.webp (100%)
 rename {public => src/renderer/public}/assets/icons/tiff.webp (100%)
 rename {public => src/renderer/public}/assets/icons/tmp.webp (100%)
 rename {public => src/renderer/public}/assets/icons/ts.webp (100%)
 rename {public => src/renderer/public}/assets/icons/ttc.webp (100%)
 rename {public => src/renderer/public}/assets/icons/ttf.webp (100%)
 rename {public => src/renderer/public}/assets/icons/txt.webp (100%)
 rename {public => src/renderer/public}/assets/icons/ufo.webp (100%)
 rename {public => src/renderer/public}/assets/icons/unknown.webp (100%)
 rename {public => src/renderer/public}/assets/icons/vcd.webp (100%)
 rename {public => src/renderer/public}/assets/icons/vob.webp (100%)
 rename {public => src/renderer/public}/assets/icons/voc.webp (100%)
 rename {public => src/renderer/public}/assets/icons/vqf.webp (100%)
 rename {public => src/renderer/public}/assets/icons/vue.webp (100%)
 rename {public => src/renderer/public}/assets/icons/wav.webp (100%)
 rename {public => src/renderer/public}/assets/icons/wdl.webp (100%)
 rename {public => src/renderer/public}/assets/icons/webm.webp (100%)
 rename {public => src/renderer/public}/assets/icons/webp.webp (100%)
 rename {public => src/renderer/public}/assets/icons/wki.webp (100%)
 rename {public => src/renderer/public}/assets/icons/wma.webp (100%)
 rename {public => src/renderer/public}/assets/icons/wmf.webp (100%)
 rename {public => src/renderer/public}/assets/icons/wmv.webp (100%)
 rename {public => src/renderer/public}/assets/icons/wmvhd.webp (100%)
 rename {public => src/renderer/public}/assets/icons/woff.webp (100%)
 rename {public => src/renderer/public}/assets/icons/woff2.webp (100%)
 rename {public => src/renderer/public}/assets/icons/wps.webp (100%)
 rename {public => src/renderer/public}/assets/icons/wpt.webp (100%)
 rename {public => src/renderer/public}/assets/icons/x_t.webp (100%)
 rename {public => src/renderer/public}/assets/icons/xls.webp (100%)
 rename {public => src/renderer/public}/assets/icons/xlsm.webp (100%)
 rename {public => src/renderer/public}/assets/icons/xlsx.webp (100%)
 rename {public => src/renderer/public}/assets/icons/xlt.webp (100%)
 rename {public => src/renderer/public}/assets/icons/xltm.webp (100%)
 rename {public => src/renderer/public}/assets/icons/xltx.webp (100%)
 rename {public => src/renderer/public}/assets/icons/xmind.webp (100%)
 rename {public => src/renderer/public}/assets/icons/xml.webp (100%)
 rename {public => src/renderer/public}/assets/icons/xv.webp (100%)
 rename {public => src/renderer/public}/assets/icons/xvid.webp (100%)
 rename {public => src/renderer/public}/assets/icons/yaml.webp (100%)
 rename {public => src/renderer/public}/assets/icons/yml.webp (100%)
 rename {public => src/renderer/public}/assets/icons/z.webp (100%)
 rename {public => src/renderer/public}/assets/icons/zip.webp (100%)
 rename {public => src/renderer/public}/assets/imgur.webp (100%)
 rename {public => src/renderer/public}/assets/local.webp (100%)
 rename {public => src/renderer/public}/assets/qiniu.webp (100%)
 rename {public => src/renderer/public}/assets/s3plist.webp (100%)
 rename {public => src/renderer/public}/assets/sftp.webp (100%)
 rename {public => src/renderer/public}/assets/smms.webp (100%)
 rename {public => src/renderer/public}/assets/tcyun.webp (100%)
 rename {public => src/renderer/public}/assets/upyun.webp (100%)
 rename {public => src/renderer/public}/assets/webdavplist.webp (100%)
 rename {public => src/renderer/public}/errorLoading.png (100%)
 rename {public => src/renderer/public}/loading.jpg (100%)
 rename {public => src/renderer/public}/logo.png (100%)
 rename {public => src/renderer/public}/picbed/aliyun.png (100%)
 rename {public => src/renderer/public}/picbed/github.png (100%)
 rename {public => src/renderer/public}/picbed/imgur.png (100%)
 rename {public => src/renderer/public}/picbed/qiniu.png (100%)
 rename {public => src/renderer/public}/picbed/sftp.png (100%)
 rename {public => src/renderer/public}/picbed/smms.png (100%)
 rename {public => src/renderer/public}/picbed/tcyun.png (100%)
 rename {public => src/renderer/public}/picbed/upyun.png (100%)
 rename {public => src/renderer/public}/roundLogo.png (100%)
 rename {public => src/renderer/public}/squareLogo.png (100%)
 rename {public => src/renderer/public}/unknown-file-type.svg (100%)

diff --git a/electron-builder.json b/electron-builder.json
index 8a2c9eac..aff847cd 100644
--- a/electron-builder.json
+++ b/electron-builder.json
@@ -10,7 +10,7 @@
   "extraResources": [
     {
       "from": "resources",
-      "to": "resources",
+      "to": ".",
       "filter": ["**/*"]
     }
   ],
diff --git a/electron.vite.config.js b/electron.vite.config.js
index cbfbed04..8c354874 100644
--- a/electron.vite.config.js
+++ b/electron.vite.config.js
@@ -7,7 +7,6 @@ import vue from '@vitejs/plugin-vue'
 import { defineConfig, externalizeDepsPlugin } from 'electron-vite'
 export default defineConfig({
   main: {
-    // Main process configuration
     plugins: [
       externalizeDepsPlugin()
     ],
@@ -23,7 +22,6 @@ export default defineConfig({
     }
   },
   preload: {
-    // Preload scripts configuration
     plugins: [externalizeDepsPlugin(),
       VueI18nPlugin({
       /* options */
@@ -41,12 +39,8 @@ export default defineConfig({
     }
   },
   renderer: {
-    // Renderer process configuration
     root: resolve('src/renderer'),
-    publicDir: resolve('./public'),
-    build: {
-      outDir: resolve('dist/renderer')
-    },
+    base: './',
     resolve: {
       alias: {
         '@': resolve('src/renderer'),
diff --git a/src/main/apis/app/window/windowList.ts b/src/main/apis/app/window/windowList.ts
index 536c6242..daca0fc8 100644
--- a/src/main/apis/app/window/windowList.ts
+++ b/src/main/apis/app/window/windowList.ts
@@ -181,7 +181,7 @@ windowList.set(IWindowList.TRAY_WINDOW, {
     if (!app.isPackaged && process.env.ELECTRON_RENDERER_URL) {
       window.loadURL(process.env.ELECTRON_RENDERER_URL)
     } else {
-      window.loadFile(path.join(__dirname, '../render/index.html'))
+      window.loadFile(path.join(__dirname, '../renderer/index.html'))
     }
     window.on('blur', () => {
       window.hide()
@@ -197,7 +197,7 @@ windowList.set(IWindowList.SETTING_WINDOW, {
     if (!app.isPackaged && process.env.ELECTRON_RENDERER_URL) {
       window.loadURL(`${process.env.ELECTRON_RENDERER_URL}#main-page/upload`)
     } else {
-      window.loadFile(path.join(__dirname, '../render/index.html'), {
+      window.loadFile(path.join(__dirname, '../renderer/index.html'), {
         hash: 'main-page/upload'
       })
     }
@@ -222,7 +222,7 @@ windowList.set(IWindowList.MINI_WINDOW, {
     if (!app.isPackaged && process.env.ELECTRON_RENDERER_URL) {
       window.loadURL(`${process.env.ELECTRON_RENDERER_URL}#mini-page`)
     } else {
-      window.loadFile(path.join(__dirname, '../render/index.html'), {
+      window.loadFile(path.join(__dirname, '../renderer/index.html'), {
         hash: 'mini-page'
       })
     }
@@ -238,7 +238,7 @@ windowList.set(IWindowList.RENAME_WINDOW, {
     if (!app.isPackaged && process.env.ELECTRON_RENDERER_URL) {
       window.loadURL(`${process.env.ELECTRON_RENDERER_URL}#rename-page`)
     } else {
-      window.loadFile(path.join(__dirname, '../render/index.html'), {
+      window.loadFile(path.join(__dirname, '../renderer/index.html'), {
         hash: 'rename-page'
       })
     }
@@ -260,7 +260,7 @@ windowList.set(IWindowList.TOOLBOX_WINDOW, {
     if (!app.isPackaged && process.env.ELECTRON_RENDERER_URL) {
       window.loadURL(`${process.env.ELECTRON_RENDERER_URL}#toolbox-page`)
     } else {
-      window.loadFile(path.join(__dirname, '../render/index.html'), {
+      window.loadFile(path.join(__dirname, '../renderer/index.html'), {
         hash: 'toolbox-page'
       })
     }
diff --git a/src/renderer/components/ImageLocal.vue b/src/renderer/components/ImageLocal.vue
index 10447e22..e48f0353 100644
--- a/src/renderer/components/ImageLocal.vue
+++ b/src/renderer/components/ImageLocal.vue
@@ -1,115 +1,115 @@
-<template>
-  <div class="image-container">
-    <div
-      v-if="isLoading"
-      class="loading-placeholder"
-    >
-      <div class="loading-spinner" />
-    </div>
-    <img
-      v-else-if="!hasError"
-      :src="
-        isShowThumbnail && item.isImage
-          ? base64Image
-          : `/assets/icons/${getFileIconPath(item.fileName ?? '')}`
-      "
-      alt=""
-      class="image"
-      @load="handleImageLoad"
-      @error="handleImageError"
-    >
-    <img
-      v-else
-      :src="`/assets/icons/${getFileIconPath(item.fileName ?? '')}`"
-      alt=""
-      class="image"
-    >
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { onBeforeMount, ref } from 'vue'
-
-import { getFileIconPath } from '@/manage/utils/common'
-
-const base64Image = ref('')
-const isLoading = ref(true)
-const hasError = ref(false)
-
-const props = defineProps<{
-  isShowThumbnail: boolean
-  item: {
-    isImage: boolean
-    fileName: string
-  }
-  localPath: string
-}>()
-
-const createBase64Image = async () => {
-  try {
-    const filePath = window.node.path.normalize(props.localPath)
-    const base64 = await window.node.fs.readFile(filePath, 'base64')
-    base64Image.value = `data:${window.node.mime.lookup(filePath) || 'image/png'};base64,${base64}`
-    isLoading.value = false
-  } catch (e) {
-    console.log(e)
-    hasError.value = true
-    isLoading.value = false
-  }
-}
-
-const handleImageLoad = () => {
-  isLoading.value = false
-  hasError.value = false
-}
-
-const handleImageError = () => {
-  isLoading.value = false
-  hasError.value = true
-}
-
-onBeforeMount(async () => {
-  await createBase64Image()
-})
-</script>
-
-<style scoped>
-.image-container {
-  height: 100px;
-  width: 100%;
-  margin: 0 auto;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  position: relative;
-}
-
-.image {
-  max-height: 100%;
-  max-width: 100%;
-  object-fit: contain;
-  display: block;
-}
-
-.loading-placeholder {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-}
-
-.loading-spinner {
-  width: 24px;
-  height: 24px;
-  border: 2px solid #e4e7ed;
-  border-top: 2px solid #409eff;
-  border-radius: 50%;
-  animation: spin 1s linear infinite;
-}
-
-@keyframes spin {
-  0% { transform: rotate(0deg); }
-  100% { transform: rotate(360deg); }
-}
-</style>
+<template>
+  <div class="image-container">
+    <div
+      v-if="isLoading"
+      class="loading-placeholder"
+    >
+      <div class="loading-spinner" />
+    </div>
+    <img
+      v-else-if="!hasError"
+      :src="
+        isShowThumbnail && item.isImage
+          ? base64Image
+          : `./assets/icons/${getFileIconPath(item.fileName ?? '')}`
+      "
+      alt=""
+      class="image"
+      @load="handleImageLoad"
+      @error="handleImageError"
+    >
+    <img
+      v-else
+      :src="`./assets/icons/${getFileIconPath(item.fileName ?? '')}`"
+      alt=""
+      class="image"
+    >
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { onBeforeMount, ref } from 'vue'
+
+import { getFileIconPath } from '@/manage/utils/common'
+
+const base64Image = ref('')
+const isLoading = ref(true)
+const hasError = ref(false)
+
+const props = defineProps<{
+  isShowThumbnail: boolean
+  item: {
+    isImage: boolean
+    fileName: string
+  }
+  localPath: string
+}>()
+
+const createBase64Image = async () => {
+  try {
+    const filePath = window.node.path.normalize(props.localPath)
+    const base64 = await window.node.fs.readFile(filePath, 'base64')
+    base64Image.value = `data:${window.node.mime.lookup(filePath) || 'image/png'};base64,${base64}`
+    isLoading.value = false
+  } catch (e) {
+    console.log(e)
+    hasError.value = true
+    isLoading.value = false
+  }
+}
+
+const handleImageLoad = () => {
+  isLoading.value = false
+  hasError.value = false
+}
+
+const handleImageError = () => {
+  isLoading.value = false
+  hasError.value = true
+}
+
+onBeforeMount(async () => {
+  await createBase64Image()
+})
+</script>
+
+<style scoped>
+.image-container {
+  height: 100px;
+  width: 100%;
+  margin: 0 auto;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+}
+
+.image {
+  max-height: 100%;
+  max-width: 100%;
+  object-fit: contain;
+  display: block;
+}
+
+.loading-placeholder {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+}
+
+.loading-spinner {
+  width: 24px;
+  height: 24px;
+  border: 2px solid #e4e7ed;
+  border-top: 2px solid #409eff;
+  border-radius: 50%;
+  animation: spin 1s linear infinite;
+}
+
+@keyframes spin {
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
+}
+</style>
diff --git a/src/renderer/components/ImagePreSign.vue b/src/renderer/components/ImagePreSign.vue
index 1cf45bc5..6caeeb49 100644
--- a/src/renderer/components/ImagePreSign.vue
+++ b/src/renderer/components/ImagePreSign.vue
@@ -1,123 +1,123 @@
-<template>
-  <div class="image-container">
-    <div
-      v-if="isLoading"
-      class="loading-placeholder"
-    >
-      <div class="loading-spinner" />
-    </div>
-    <img
-      v-else-if="!hasError"
-      :src="imageSource"
-      alt=""
-      class="image"
-      @load="handleImageLoad"
-      @error="handleImageError"
-    >
-    <img
-      v-else
-      :src="iconPath"
-      alt=""
-      class="image"
-    >
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { computed, onMounted, ref, watch } from 'vue'
-
-import { getFileIconPath } from '@/manage/utils/common'
-import { IRPCActionType } from '@/utils/enum'
-
-const preSignedUrl = ref('')
-const isLoading = ref(true)
-const hasError = ref(false)
-
-const props = defineProps<{
-  item: {
-    key: string
-    isImage: boolean
-    fileName: string | null | undefined
-  }
-  alias: string
-  url: string
-  config: any
-  isShowThumbnail: boolean
-}>()
-
-const imageSource = computed(() => {
-  return props.isShowThumbnail && props.item.isImage
-    ? preSignedUrl.value
-    : `/assets/icons/${getFileIconPath(props.item.fileName ?? '')}`
-})
-
-const iconPath = computed(() => `/assets/icons/${getFileIconPath(props.item.fileName ?? '')}`)
-
-async function getUrl () {
-  try {
-    isLoading.value = true
-    hasError.value = false
-    preSignedUrl.value = await window.electron.triggerRPC<any>(IRPCActionType.MANAGE_GET_PRE_SIGNED_URL, props.alias, props.config)
-    isLoading.value = false
-  } catch (error) {
-    console.error('Failed to get pre-signed URL:', error)
-    hasError.value = true
-    isLoading.value = false
-  }
-}
-
-const handleImageLoad = () => {
-  isLoading.value = false
-  hasError.value = false
-}
-
-const handleImageError = () => {
-  isLoading.value = false
-  hasError.value = true
-}
-
-watch(() => [props.url, props.item], getUrl, { deep: true })
-
-onMounted(getUrl)
-</script>
-
-<style scoped>
-.image-container {
-  height: 100px;
-  width: 100%;
-  margin: 0 auto;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  position: relative;
-}
-
-.image {
-  max-height: 100%;
-  max-width: 100%;
-  object-fit: contain;
-  display: block;
-}
-
-.loading-placeholder {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-}
-
-.loading-spinner {
-  width: 24px;
-  height: 24px;
-  border: 2px solid #e4e7ed;
-  border-top: 2px solid #409eff;
-  border-radius: 50%;
-  animation: spin 1s linear infinite;
-}
-
-@keyframes spin {
-  0% { transform: rotate(0deg); }
-  100% { transform: rotate(360deg); }
-}
-</style>
+<template>
+  <div class="image-container">
+    <div
+      v-if="isLoading"
+      class="loading-placeholder"
+    >
+      <div class="loading-spinner" />
+    </div>
+    <img
+      v-else-if="!hasError"
+      :src="imageSource"
+      alt=""
+      class="image"
+      @load="handleImageLoad"
+      @error="handleImageError"
+    >
+    <img
+      v-else
+      :src="iconPath"
+      alt=""
+      class="image"
+    >
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { computed, onMounted, ref, watch } from 'vue'
+
+import { getFileIconPath } from '@/manage/utils/common'
+import { IRPCActionType } from '@/utils/enum'
+
+const preSignedUrl = ref('')
+const isLoading = ref(true)
+const hasError = ref(false)
+
+const props = defineProps<{
+  item: {
+    key: string
+    isImage: boolean
+    fileName: string | null | undefined
+  }
+  alias: string
+  url: string
+  config: any
+  isShowThumbnail: boolean
+}>()
+
+const imageSource = computed(() => {
+  return props.isShowThumbnail && props.item.isImage
+    ? preSignedUrl.value
+    : `./assets/icons/${getFileIconPath(props.item.fileName ?? '')}`
+})
+
+const iconPath = computed(() => `./assets/icons/${getFileIconPath(props.item.fileName ?? '')}`)
+
+async function getUrl () {
+  try {
+    isLoading.value = true
+    hasError.value = false
+    preSignedUrl.value = await window.electron.triggerRPC<any>(IRPCActionType.MANAGE_GET_PRE_SIGNED_URL, props.alias, props.config)
+    isLoading.value = false
+  } catch (error) {
+    console.error('Failed to get pre-signed URL:', error)
+    hasError.value = true
+    isLoading.value = false
+  }
+}
+
+const handleImageLoad = () => {
+  isLoading.value = false
+  hasError.value = false
+}
+
+const handleImageError = () => {
+  isLoading.value = false
+  hasError.value = true
+}
+
+watch(() => [props.url, props.item], getUrl, { deep: true })
+
+onMounted(getUrl)
+</script>
+
+<style scoped>
+.image-container {
+  height: 100px;
+  width: 100%;
+  margin: 0 auto;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+}
+
+.image {
+  max-height: 100%;
+  max-width: 100%;
+  object-fit: contain;
+  display: block;
+}
+
+.loading-placeholder {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+}
+
+.loading-spinner {
+  width: 24px;
+  height: 24px;
+  border: 2px solid #e4e7ed;
+  border-top: 2px solid #409eff;
+  border-radius: 50%;
+  animation: spin 1s linear infinite;
+}
+
+@keyframes spin {
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
+}
+</style>
diff --git a/src/renderer/components/ImageWebdav.vue b/src/renderer/components/ImageWebdav.vue
index 1869e220..ab83935f 100644
--- a/src/renderer/components/ImageWebdav.vue
+++ b/src/renderer/components/ImageWebdav.vue
@@ -1,154 +1,154 @@
-<template>
-  <div class="image-container">
-    <div
-      v-if="isLoading"
-      class="loading-placeholder"
-    >
-      <div class="loading-spinner" />
-    </div>
-    <img
-      v-else-if="!hasError"
-      :src="imageSource"
-      alt=""
-      class="image"
-      @load="handleImageLoad"
-      @error="handleImageError"
-    >
-    <img
-      v-else
-      :src="iconPath"
-      alt=""
-      class="image"
-    >
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { computed, onMounted, ref, watch } from 'vue'
-
-import { getFileIconPath } from '@/manage/utils/common'
-import { getAuthHeader } from '@/manage/utils/digestAuth'
-import { formatEndpoint } from '@/utils/common'
-
-const base64Url = ref('')
-const success = ref(false)
-const isLoading = ref(true)
-const hasError = ref(false)
-
-const props = defineProps<{
-  item: {
-    key: string
-    isImage: boolean
-    fileName: string | null | undefined
-  }
-  url: string
-  config: any
-  isShowThumbnail: boolean
-}>()
-
-const imageSource = computed(() => {
-  return props.isShowThumbnail && props.item.isImage && success.value
-    ? base64Url.value
-    : `/assets/icons/${getFileIconPath(props.item.fileName ?? '')}`
-})
-
-const iconPath = computed(() => `/assets/icons/${getFileIconPath(props.item.fileName ?? '')}`)
-
-async function getWebdavHeader (key: string) {
-  let headers = {} as any
-  if (props.config.authType === 'digest') {
-    const authHeader = await getAuthHeader(
-      'GET',
-      formatEndpoint(props.config.endpoint, props.config.sslEnabled || false),
-      `/${key.replace(/^\//, '')}`,
-      props.config.username,
-      props.config.password
-    )
-    headers = {
-      Authorization: authHeader
-    }
-  } else {
-    headers = {
-      Authorization: 'Basic ' + Buffer.from(`${props.config.username}:${props.config.password}`).toString('base64')
-    }
-  }
-  return headers
-}
-
-const fetchImage = async () => {
-  try {
-    isLoading.value = true
-    hasError.value = false
-    const headers = await getWebdavHeader(props.item.key)
-    const res = await fetch(props.url, { method: 'GET', headers })
-    if (res.status >= 200 && res.status < 300) {
-      const blob = await res.blob()
-      success.value = true
-      base64Url.value = URL.createObjectURL(blob)
-      isLoading.value = false
-    } else {
-      throw new Error('Network response was not ok.')
-    }
-  } catch (err) {
-    success.value = false
-    hasError.value = true
-    isLoading.value = false
-    console.log(err)
-  }
-}
-
-const handleImageLoad = () => {
-  isLoading.value = false
-  hasError.value = false
-}
-
-const handleImageError = () => {
-  isLoading.value = false
-  hasError.value = true
-}
-
-watch(() => [props.url, props.item], fetchImage, { deep: true })
-
-onMounted(fetchImage)
-</script>
-
-<style scoped>
-.image-container {
-  height: 100px;
-  width: 100%;
-  margin: 0 auto;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  position: relative;
-}
-
-.image {
-  max-height: 100%;
-  max-width: 100%;
-  object-fit: contain;
-  display: block;
-}
-
-.loading-placeholder {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-}
-
-.loading-spinner {
-  width: 24px;
-  height: 24px;
-  border: 2px solid #e4e7ed;
-  border-top: 2px solid #409eff;
-  border-radius: 50%;
-  animation: spin 1s linear infinite;
-}
-
-@keyframes spin {
-  0% { transform: rotate(0deg); }
-  100% { transform: rotate(360deg); }
-}
-</style>
+<template>
+  <div class="image-container">
+    <div
+      v-if="isLoading"
+      class="loading-placeholder"
+    >
+      <div class="loading-spinner" />
+    </div>
+    <img
+      v-else-if="!hasError"
+      :src="imageSource"
+      alt=""
+      class="image"
+      @load="handleImageLoad"
+      @error="handleImageError"
+    >
+    <img
+      v-else
+      :src="iconPath"
+      alt=""
+      class="image"
+    >
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { computed, onMounted, ref, watch } from 'vue'
+
+import { getFileIconPath } from '@/manage/utils/common'
+import { getAuthHeader } from '@/manage/utils/digestAuth'
+import { formatEndpoint } from '@/utils/common'
+
+const base64Url = ref('')
+const success = ref(false)
+const isLoading = ref(true)
+const hasError = ref(false)
+
+const props = defineProps<{
+  item: {
+    key: string
+    isImage: boolean
+    fileName: string | null | undefined
+  }
+  url: string
+  config: any
+  isShowThumbnail: boolean
+}>()
+
+const imageSource = computed(() => {
+  return props.isShowThumbnail && props.item.isImage && success.value
+    ? base64Url.value
+    : `./assets/icons/${getFileIconPath(props.item.fileName ?? '')}`
+})
+
+const iconPath = computed(() => `./assets/icons/${getFileIconPath(props.item.fileName ?? '')}`)
+
+async function getWebdavHeader (key: string) {
+  let headers = {} as any
+  if (props.config.authType === 'digest') {
+    const authHeader = await getAuthHeader(
+      'GET',
+      formatEndpoint(props.config.endpoint, props.config.sslEnabled || false),
+      `/${key.replace(/^\//, '')}`,
+      props.config.username,
+      props.config.password
+    )
+    headers = {
+      Authorization: authHeader
+    }
+  } else {
+    headers = {
+      Authorization: 'Basic ' + Buffer.from(`${props.config.username}:${props.config.password}`).toString('base64')
+    }
+  }
+  return headers
+}
+
+const fetchImage = async () => {
+  try {
+    isLoading.value = true
+    hasError.value = false
+    const headers = await getWebdavHeader(props.item.key)
+    const res = await fetch(props.url, { method: 'GET', headers })
+    if (res.status >= 200 && res.status < 300) {
+      const blob = await res.blob()
+      success.value = true
+      base64Url.value = URL.createObjectURL(blob)
+      isLoading.value = false
+    } else {
+      throw new Error('Network response was not ok.')
+    }
+  } catch (err) {
+    success.value = false
+    hasError.value = true
+    isLoading.value = false
+    console.log(err)
+  }
+}
+
+const handleImageLoad = () => {
+  isLoading.value = false
+  hasError.value = false
+}
+
+const handleImageError = () => {
+  isLoading.value = false
+  hasError.value = true
+}
+
+watch(() => [props.url, props.item], fetchImage, { deep: true })
+
+onMounted(fetchImage)
+</script>
+
+<style scoped>
+.image-container {
+  height: 100px;
+  width: 100%;
+  margin: 0 auto;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+}
+
+.image {
+  max-height: 100%;
+  max-width: 100%;
+  object-fit: contain;
+  display: block;
+}
+
+.loading-placeholder {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+}
+
+.loading-spinner {
+  width: 24px;
+  height: 24px;
+  border: 2px solid #e4e7ed;
+  border-top: 2px solid #409eff;
+  border-radius: 50%;
+  animation: spin 1s linear infinite;
+}
+
+@keyframes spin {
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
+}
+</style>
diff --git a/src/renderer/components/ui/TitleBar.vue b/src/renderer/components/ui/TitleBar.vue
index fe57177a..5e2a4945 100644
--- a/src/renderer/components/ui/TitleBar.vue
+++ b/src/renderer/components/ui/TitleBar.vue
@@ -7,7 +7,7 @@
       <div class="title-left">
         <div class="app-icon">
           <img
-            src="/roundLogo.png"
+            :src="defaultLogo"
             alt="App Icon"
             width="20"
             height="20"
@@ -75,13 +75,14 @@
 
 <script setup lang="ts">
 import { MinusIcon, PinIcon, ShrinkIcon, XIcon } from 'lucide-vue-next'
-import { onBeforeMount, onBeforeUnmount, ref } from 'vue'
+import { computed, onBeforeMount, onBeforeUnmount, ref } from 'vue'
 
 import { IRPCActionType } from '@/utils/enum'
 
 const isShowprogress = ref(false)
 const progress = ref(0)
 const isAlwaysOnTop = ref(false)
+const defaultLogo = computed(() => `${import.meta.env.BASE_URL}roundLogo.png`)
 
 function setAlwaysOnTop () {
   isAlwaysOnTop.value = !isAlwaysOnTop.value
diff --git a/src/renderer/main.ts b/src/renderer/main.ts
index f67197dc..c1438b40 100644
--- a/src/renderer/main.ts
+++ b/src/renderer/main.ts
@@ -42,8 +42,8 @@ const i18n = createI18n<[MessageSchema], 'en' | 'zh-CN' | 'zh-TW'>({
 const pinia = createPinia()
 pinia.use(piniaPluginPersistedstate)
 app.use(VueLazyLoad, {
-  loading: '/loading.jpg',
-  error: '/unknown-file-type.svg',
+  loading: './loading.jpg',
+  error: './unknown-file-type.svg',
   delay: 500
 })
 app.use(i18n)
diff --git a/src/renderer/manage/pages/BucketPage.vue b/src/renderer/manage/pages/BucketPage.vue
index fbd6fef3..746143c7 100644
--- a/src/renderer/manage/pages/BucketPage.vue
+++ b/src/renderer/manage/pages/BucketPage.vue
@@ -460,7 +460,7 @@
                     >
                     <img
                       v-else
-                      :src="`/assets/icons/${getFileIconPath(item.fileName ?? '')}`"
+                      :src="`./assets/icons/${getFileIconPath(item.fileName ?? '')}`"
                       class="file-image"
                     >
                   </template>
@@ -495,7 +495,7 @@
                   <!-- Default File Icon -->
                   <template v-else-if="!item.isDir">
                     <img
-                      :src="`/assets/icons/${getFileIconPath(item.fileName ?? '')}`"
+                      :src="`./assets/icons/${getFileIconPath(item.fileName ?? '')}`"
                       class="file-image"
                     >
                   </template>
@@ -622,7 +622,7 @@
                     >
                     <img
                       v-else
-                      :src="`/assets/icons/${getFileIconPath(item.fileName ?? '')}`"
+                      :src="`./assets/icons/${getFileIconPath(item.fileName ?? '')}`"
                       style="width: 32px; height: 32px; object-fit: contain;"
                     >
                   </template>
diff --git a/src/renderer/manage/pages/LogInPage.vue b/src/renderer/manage/pages/LogInPage.vue
index 2483fb34..2097fa8d 100644
--- a/src/renderer/manage/pages/LogInPage.vue
+++ b/src/renderer/manage/pages/LogInPage.vue
@@ -1,1068 +1,1068 @@
-<template>
-  <div class="login-container">
-    <!-- Header Card -->
-    <div class="login-card header-card">
-      <div class="card-header">
-        <div class="header-content">
-          <div class="header-icon">
-            <DatabaseIcon :size="24" />
-          </div>
-          <div>
-            <h1>{{ t('pages.manage.login.title') }}</h1>
-            <p>{{ sortedAllConfigAliasMap.length }} {{ t('pages.manage.login.savedConfigs') }}</p>
-          </div>
-        </div>
-        <div class="header-actions">
-          <button
-            class="action-button"
-            @click="refreshConfigs"
-          >
-            <RefreshCwIcon :size="16" />
-            {{ t('pages.manage.login.refresh') }}
-          </button>
-        </div>
-      </div>
-    </div>
-
-    <!-- Navigation Tabs -->
-    <div class="login-card tabs-card">
-      <div class="tabs-container">
-        <div class="tabs-nav-wrapper">
-          <div
-            ref="tabsNav"
-            class="tabs-nav"
-          >
-            <button
-              v-for="item in tabItems"
-              :key="item.key"
-              class="tab-button"
-              :class="{ active: activeName === item.key }"
-              @click="handleTabChange(item.key)"
-            >
-              <FolderIcon
-                v-if="item.key === 'login'"
-                :size="16"
-              />
-              <img
-                v-else
-                :src="`/assets/${item.key}.webp`"
-                class="tab-icon"
-                :alt="item.name"
-              >
-              <span>{{ item.name }}</span>
-            </button>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- Content Area -->
-    <div class="login-card content-card">
-      <div class="tab-content">
-        <!-- Main Config List Tab -->
-        <div
-          v-if="activeName === 'login'"
-          class="config-list-container"
-        >
-          <div
-            v-if="sortedAllConfigAliasMap.length === 0"
-            class="empty-state"
-          >
-            <div class="empty-icon">
-              <DatabaseIcon :size="48" />
-            </div>
-            <h3>{{ t('pages.manage.login.noConfigs') }}</h3>
-            <p>{{ t('pages.manage.login.noConfigsDesc') }}</p>
-          </div>
-          <div
-            v-else
-            class="config-grid"
-          >
-            <div
-              v-for="item in sortedAllConfigAliasMap"
-              :key="item.alias"
-              class="config-item"
-            >
-              <div class="config-header">
-                <img
-                  :src="`/assets/${item.picBedName}.webp`"
-                  class="config-icon"
-                  :alt="item.picBedName"
-                >
-                <div class="config-info">
-                  <h4 class="config-alias">
-                    {{ item.alias }}
-                  </h4>
-                  <p class="config-type">
-                    {{ supportedPicBedList[item.picBedName]?.name || item.picBedName }}
-                  </p>
-                </div>
-              </div>
-
-              <div class="config-details">
-                <button
-                  class="details-button"
-                  @click="toggleConfigDetails(item.alias)"
-                >
-                  <InfoIcon :size="14" />
-                  {{ t('pages.manage.login.viewDetails') }}
-                  <ChevronDownIcon
-                    :size="14"
-                    :class="{ rotated: expandedConfigs.includes(item.alias) }"
-                  />
-                </button>
-
-                <div
-                  v-if="expandedConfigs.includes(item.alias)"
-                  class="config-table"
-                >
-                  <div
-                    v-for="tableItem in formObjToTableData(item.config)"
-                    :key="tableItem.key"
-                    class="table-row"
-                    @click="copyToClipboard(tableItem.value)"
-                  >
-                    <span class="table-key">{{ tableItem.key }}</span>
-                    <span class="table-value">{{ tableItem.value }}</span>
-                  </div>
-                </div>
-              </div>
-
-              <div class="config-actions">
-                <button
-                  class="action-button primary"
-                  @click="handleConfigClick(item)"
-                >
-                  <PointerIcon :size="16" />
-                  {{ t('pages.manage.login.enter') }}
-                </button>
-                <button
-                  class="action-button danger"
-                  @click="handleConfigRemove(item.alias)"
-                >
-                  <TrashIcon :size="16" />
-                  {{ t('pages.manage.login.delete') }}
-                </button>
-              </div>
-            </div>
-          </div>
-        </div>
-
-        <!-- PicBed Configuration Tabs -->
-        <div
-          v-else
-          class="picbed-config-container"
-        >
-          <div
-            v-if="supportedPicBedList[activeName]"
-            class="picbed-config"
-          >
-            <!-- Info Section -->
-            <div class="info-section">
-              <div class="info-card primary">
-                <InfoIcon :size="20" />
-                <p>{{ supportedPicBedList[activeName].explain }}</p>
-              </div>
-              <div class="info-card reference">
-                <LinkIcon :size="20" />
-                <p>
-                  {{ supportedPicBedList[activeName].referenceText }}
-                  <button
-                    class="link-button"
-                    @click="handleReferenceClick(supportedPicBedList[activeName].refLink)"
-                  >
-                    {{ supportedPicBedList[activeName].refLink }}
-                  </button>
-                </p>
-              </div>
-            </div>
-
-            <!-- Configuration Form -->
-            <div class="config-form">
-              <div
-                v-for="option in supportedPicBedList[activeName].options"
-                :key="option"
-                class="form-group"
-                :class="{ 'has-error': formErrors[activeName + '.' + option] }"
-              >
-                <label class="form-label">
-                  {{ supportedPicBedList[activeName].configOptions[option].description }}
-                  <span
-                    v-if="supportedPicBedList[activeName].configOptions[option].required"
-                    class="required-marker"
-                  >*</span>
-                  <button
-                    v-if="supportedPicBedList[activeName].configOptions[option].tooltip"
-                    class="tooltip-button"
-                    :title="supportedPicBedList[activeName].configOptions[option].tooltip"
-                  >
-                    <InfoIcon :size="14" />
-                  </button>
-                </label>
-
-                <!-- String Input -->
-                <input
-                  v-if="supportedPicBedList[activeName].configOptions[option].type === 'string'"
-                  v-model.trim="configResult[activeName + '.' + option]"
-                  type="text"
-                  class="form-input"
-                  :class="{ error: formErrors[activeName + '.' + option] }"
-                  :placeholder="supportedPicBedList[activeName].configOptions[option].placeholder"
-                  :disabled="!!supportedPicBedList[activeName].configOptions[option].disabled"
-                  @blur="validateField(activeName, option)"
-                  @input="clearFieldError(activeName + '.' + option)"
-                >
-
-                <!-- Boolean Switch -->
-                <label
-                  v-else-if="supportedPicBedList[activeName].configOptions[option].type === 'boolean'"
-                  class="custom-switch"
-                >
-                  <input
-                    v-model="configResult[activeName + '.' + option]"
-                    type="checkbox"
-                    @change="validateField(activeName, option)"
-                  >
-                  <span class="switch-slider" />
-                </label>
-
-                <!-- Number Input -->
-                <input
-                  v-else-if="supportedPicBedList[activeName].configOptions[option].type === 'number'"
-                  v-model.number="configResult[activeName + '.' + option]"
-                  type="number"
-                  class="form-input"
-                  :class="{ error: formErrors[activeName + '.' + option] }"
-                  :placeholder="supportedPicBedList[activeName].configOptions[option].placeholder"
-                  @blur="validateField(activeName, option)"
-                  @input="clearFieldError(activeName + '.' + option)"
-                >
-
-                <!-- Select Dropdown -->
-                <div
-                  v-else-if="supportedPicBedList[activeName].configOptions[option].type === 'select'"
-                  class="custom-select"
-                >
-                  <select
-                    v-model="configResult[activeName + '.' + option]"
-                    class="form-select"
-                    :class="{ error: formErrors[activeName + '.' + option] }"
-                    @change="validateField(activeName, option)"
-                  >
-                    <option value="">
-                      {{ t('pages.manage.login.selectPlaceholder') }}
-                    </option>
-                    <option
-                      v-for="[key, value] in Object.entries(supportedPicBedList[activeName].configOptions[option].selectOptions)"
-                      :key="key"
-                      :value="key"
-                    >
-                      {{ value }}
-                    </option>
-                  </select>
-                </div>
-
-                <!-- Error Message -->
-                <div
-                  v-if="formErrors[activeName + '.' + option]"
-                  class="error-message"
-                >
-                  {{ formErrors[activeName + '.' + option] }}
-                </div>
-              </div>
-            </div>
-
-            <!-- Action Buttons -->
-            <div class="action-section">
-              <div class="import-section">
-                <div
-                  v-if="currentAliasList.length > 0"
-                  class="dropdown-container"
-                >
-                  <button
-                    class="dropdown-trigger action-button secondary"
-                    @click="toggleImportDropdown"
-                  >
-                    <DownloadIcon :size="16" />
-                    {{ t('pages.manage.login.import') }}
-                    <ChevronDownIcon :size="16" />
-                  </button>
-                  <div
-                    v-if="importDropdownOpen"
-                    class="dropdown-menu"
-                  >
-                    <button
-                      v-for="alias in currentAliasList"
-                      :key="alias"
-                      class="dropdown-item"
-                      @click="handleConfigImport(alias)"
-                    >
-                      {{ alias }}
-                    </button>
-                  </div>
-                </div>
-              </div>
-
-              <div class="main-actions">
-                <button
-                  class="action-button primary"
-                  @click="handleConfigChange(activeName)"
-                >
-                  <SaveIcon :size="16" />
-                  {{ t('pages.manage.login.save') }}
-                </button>
-                <button
-                  class="action-button danger"
-                  @click="handleConfigReset(activeName)"
-                >
-                  <RotateCcwIcon :size="16" />
-                  {{ t('pages.manage.login.reset') }}
-                </button>
-              </div>
-            </div>
-
-            <!-- Existing Configurations Table -->
-            <div
-              v-if="dataForTable.length > 0"
-              class="config-table-section"
-            >
-              <h3>{{ t('pages.manage.login.configTabTitle') }}</h3>
-              <div class="responsive-table">
-                <table class="config-table">
-                  <thead>
-                    <tr>
-                      <th
-                        v-for="option in supportedPicBedList[activeName].options"
-                        :key="option"
-                      >
-                        {{ supportedPicBedList[activeName].configOptions[option].description }}
-                      </th>
-                    </tr>
-                  </thead>
-                  <tbody>
-                    <tr
-                      v-for="(row, index) in dataForTable"
-                      :key="index"
-                    >
-                      <td
-                        v-for="option in supportedPicBedList[activeName].options"
-                        :key="option"
-                        @click="copyToClipboard(row[option])"
-                      >
-                        {{ row[option] }}
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import {
-  ChevronDownIcon,
-  DatabaseIcon,
-  DownloadIcon,
-  FolderIcon,
-  InfoIcon,
-  LinkIcon,
-  PointerIcon,
-  RefreshCwIcon,
-  RotateCcwIcon,
-  SaveIcon,
-  TrashIcon
-} from 'lucide-vue-next'
-import { computed, onMounted, reactive, ref } from 'vue'
-import { useI18n } from 'vue-i18n'
-import { useRouter } from 'vue-router'
-
-import useConfirm from '@/hooks/useConfirm'
-import useMessage from '@/hooks/useMessage'
-import { useManageStore } from '@/manage/store/manageStore'
-import { formObjToTableData } from '@/manage/utils/common'
-import { supportedPicBedList } from '@/manage/utils/constants'
-import { getConfig, removeConfig, saveConfig } from '@/manage/utils/dataSender'
-import { formatEndpoint } from '@/utils/common'
-import { getConfig as getPicBedsConfig } from '@/utils/dataSender'
-import { IRPCActionType } from '@/utils/enum'
-import type { IStringKeyMap, IUploaderConfigListItem } from '#/types/types'
-
-const { t } = useI18n()
-const manageStore = useManageStore()
-const router = useRouter()
-const message = useMessage()
-const { confirm } = useConfirm()
-
-const activeName = ref('login')
-const expandedConfigs = ref<string[]>([])
-const importDropdownOpen = ref(false)
-const tabsNav = ref<HTMLElement>()
-
-const configResult: IStringKeyMap = reactive({})
-const existingConfiguration = reactive({} as IStringKeyMap)
-const dataForTable = reactive([] as any[])
-const allConfigAliasMap = reactive({} as IStringKeyMap)
-const currentAliasList = reactive([] as string[])
-const formErrors = reactive({} as IStringKeyMap)
-
-const sortedAllConfigAliasMap = computed(() => {
-  return Object.values(allConfigAliasMap).sort((a, b) => {
-    return a.picBedName.localeCompare(b.picBedName)
-  })
-})
-
-const tabItems = computed(() => {
-  const items = [
-    {
-      key: 'login',
-      name: t('pages.manage.login.savedConfigs'),
-      icon: null,
-      iconComponent: FolderIcon
-    }
-  ]
-
-  Object.values(supportedPicBedList).forEach((item: any) => {
-    items.push({
-      key: item.icon,
-      name: item.name,
-      icon: item.icon,
-      iconComponent: null as any
-    })
-  })
-
-  return items
-})
-
-const importedNewConfig: IStringKeyMap = {}
-
-const notifyUser = (msg: string, type: 'success' | 'error' | 'warning' = 'success') => {
-  message[type](`${msg}`)
-}
-
-const validateField = (picBedName: string, optionKey: string) => {
-  const fieldKey = `${picBedName}.${optionKey}`
-  const configOption = supportedPicBedList[picBedName]?.configOptions?.[optionKey]
-  const value = configResult[fieldKey]
-
-  if (!configOption) return
-
-  delete formErrors[fieldKey]
-
-  if (configOption.required) {
-    if (configOption.type === 'boolean') {
-    } else if (!value || value === '') {
-      formErrors[fieldKey] = t('pages.manage.constant.pleaseInput', { name: configOption.description })
-      return
-    }
-  }
-
-  if (configOption.rule && Array.isArray(configOption.rule)) {
-    for (const rule of configOption.rule) {
-      if (rule.validator) {
-        try {
-          rule.validator(rule, value, (error: Error | null) => {
-            if (error) {
-              formErrors[fieldKey] = error.message
-            }
-          })
-        } catch (e) {
-          console.error('Validation error:', e)
-        }
-      } else if (rule.type === 'number' && value !== undefined && value !== '') {
-        if (isNaN(Number(value))) {
-          formErrors[fieldKey] = rule.message || t('pages.manage.constant.itemsPPBeNumber')
-          return
-        }
-      }
-    }
-  }
-
-  if (optionKey === 'alias' && value) {
-    const reg = /^[\p{Unified_Ideograph}_a-zA-Z0-9-]+$/u
-    if (!reg.test(value)) {
-      formErrors[fieldKey] = t('pages.manage.login.aliasMsg')
-    }
-  }
-
-  if (optionKey === 'itemsPerPage' && value !== undefined && value !== '') {
-    const numValue = Number(value)
-    if (numValue < 20 || numValue > 1000) {
-      formErrors[fieldKey] = t('pages.manage.login.itemsPerPageMsg')
-    }
-  }
-}
-
-const clearFieldError = (fieldKey: string) => {
-  delete formErrors[fieldKey]
-}
-
-const validateAllFields = (picBedName: string): boolean => {
-  const options = supportedPicBedList[picBedName]?.options || []
-  let isValid = true
-
-  for (const option of options) {
-    validateField(picBedName, option)
-    if (formErrors[`${picBedName}.${option}`]) {
-      isValid = false
-    }
-  }
-
-  return isValid
-}
-
-const initializeDefaultValues = (picBedName: string) => {
-  if (!supportedPicBedList[picBedName]) return
-
-  const options = supportedPicBedList[picBedName].options || []
-  for (const option of options) {
-    const fieldKey = `${picBedName}.${option}`
-    const configOption = supportedPicBedList[picBedName].configOptions[option]
-
-    if (configResult[fieldKey] === undefined || configResult[fieldKey] === '') {
-      if (configOption.default !== undefined) {
-        configResult[fieldKey] = configOption.default
-      } else if (configOption.type === 'boolean') {
-        configResult[fieldKey] = false
-      } else if (configOption.type === 'number') {
-        configResult[fieldKey] = 0
-      } else {
-        configResult[fieldKey] = ''
-      }
-    }
-  }
-}
-
-function getDataForTable () {
-  for (const key in existingConfiguration) {
-    dataForTable.push({ ...(existingConfiguration[key] as IStringKeyMap) })
-  }
-}
-
-async function getExistingConfig (name: string) {
-  if (name === 'login') {
-    getAllConfigAliasArray()
-    return
-  }
-  currentAliasList.length = 0
-  const result = await getConfig<any>('picBed')
-  for (const key in existingConfiguration) {
-    delete existingConfiguration[key]
-  }
-  if (!result || typeof result !== 'object' || Object.keys(result).length === 0) {
-    existingConfiguration[name] = { fail: '暂无配置' }
-  } else {
-    for (const key in result) {
-      if (result[key].picBedName === name) {
-        existingConfiguration[key] = result[key]
-        currentAliasList.push(result[key].alias)
-      }
-    }
-  }
-
-  dataForTable.length = 0
-  getDataForTable()
-  handleConfigImport(currentAliasList[0])
-}
-
-function getAliasList () {
-  return Object.values(existingConfiguration).map(item => item.alias)
-}
-
-async function handleConfigChange (name: string) {
-  if (!validateAllFields(name)) {
-    notifyUser(t('pages.manage.login.noRequiredMsg'), 'error')
-    return
-  }
-
-  const aliasList = getAliasList()
-  const allKeys = Object.keys(supportedPicBedList[name].configOptions)
-  const resultMap: IStringKeyMap = {}
-
-  for (const key of allKeys) {
-    const resultKey = name + '.' + key
-    console.log('Config change detected for:', resultKey)
-
-    if (key === 'customUrl' && configResult[resultKey] !== undefined && configResult[resultKey] !== '') {
-      if (name !== 'upyun') {
-        configResult[resultKey] = formatEndpoint(configResult[resultKey], false)
-      }
-    }
-
-    if (supportedPicBedList[name].configOptions[key].default !== undefined && configResult[resultKey] === '') {
-      resultMap[key] = supportedPicBedList[name].configOptions[key].default
-    } else if (configResult[resultKey] === undefined) {
-      if (supportedPicBedList[name].configOptions[key].default !== undefined) {
-        resultMap[key] = supportedPicBedList[name].configOptions[key].default
-      } else {
-        resultMap[key] = ''
-      }
-    } else {
-      resultMap[key] = configResult[resultKey]
-    }
-  }
-  resultMap.picBedName = name
-  if (resultMap.bucketName !== undefined) {
-    resultMap.transformedConfig = {}
-    const bucketName = resultMap.bucketName.split(',')
-    const baseDir = resultMap.baseDir?.split(',')
-    const area = resultMap.area?.split(',')
-    const customUrl = resultMap.customUrl?.split(',')
-    const operator = resultMap.operator?.split(',')
-    const password = resultMap.password?.split(',')
-    for (let i = 0; i < bucketName.length; i++) {
-      if (bucketName[i]) {
-        resultMap.transformedConfig[bucketName[i]] = {
-          baseDir: baseDir?.[i] || '/',
-          area: area?.[i] || '',
-          customUrl: customUrl?.[i] || '',
-          operator: operator?.[i] || '',
-          password: password?.[i] || ''
-        }
-      }
-    }
-  }
-  if (resultMap.transformedConfig) {
-    resultMap.transformedConfig = JSON.stringify(resultMap.transformedConfig)
-  }
-  saveConfig(`picBed.${resultMap.alias}`, resultMap)
-  await manageStore.refreshConfig()
-  await getExistingConfig(activeName.value)
-  dataForTable.length = 0
-  getDataForTable()
-  if (aliasList.includes(resultMap.alias)) {
-    notifyUser(
-      `${t('pages.manage.login.configChangeMsg')}${resultMap.alias}`,
-      'warning'
-    )
-  } else {
-    notifyUser(
-      `${t('pages.manage.login.configSaveMsg')}${resultMap.alias}`,
-      'success'
-    )
-  }
-}
-
-const handleConfigReset = (name: string) => {
-  const keys = Object.keys(formErrors).filter(key => key.startsWith(name))
-  keys.forEach(key => {
-    delete formErrors[key]
-  })
-
-  const configKeys = Object.keys(configResult).filter(key => key.startsWith(name))
-  configKeys.forEach(key => {
-    delete configResult[key]
-  })
-
-  initializeDefaultValues(name)
-}
-
-const handleConfigRemove = async (name: string) => {
-  confirm({
-    title: t('pages.manage.login.tips'),
-    message: t('pages.manage.login.confirmDeleteConfig'),
-    type: 'warning',
-    confirmButtonText: t('common.confirm'),
-    cancelButtonText: t('common.cancel'),
-    center: true
-  }).then(result => {
-    if (!result) return
-    try {
-      removeConfig('picBed', name)
-      notifyUser(
-        t('pages.manage.login.deleteConfigSuccessMsg'),
-        'success'
-      )
-      manageStore.refreshConfig()
-      getAllConfigAliasArray()
-    } catch (error) {
-      notifyUser(
-        t('pages.manage.login.deleteConfigFailedMsg'),
-        'error'
-      )
-    }
-  })
-}
-
-const getAllConfigAliasArray = async () => {
-  const result = await getConfig<any>('picBed')
-  for (const key in allConfigAliasMap) {
-    delete allConfigAliasMap[key]
-  }
-  if (!result) return
-  Object.entries(result).forEach(([, value]: [string, any], index) => {
-    allConfigAliasMap[index] = {
-      alias: value.alias,
-      config: value,
-      picBedName: value.picBedName
-    }
-  })
-}
-
-const copyToClipboard = (text: string) => {
-  navigator.clipboard.writeText(text)
-  notifyUser(`${t('pages.manage.login.copySuccess', { text })}`, 'success')
-}
-
-const handleReferenceClick = (url: string) => window.electron.sendRPC(IRPCActionType.OPEN_URL, url)
-
-const handleConfigClick = async (item: any) => {
-  const alias = item.alias
-  const config = JSON.stringify(item.config)
-  const picBedName = item.picBedName
-  const result = await getConfig<any>('picBed')
-  router.push({
-    path: '/main-page/manage-main-page',
-    query: {
-      alias,
-      config,
-      picBedName,
-      allPicBedConfigure: JSON.stringify(result)
-    }
-  })
-}
-
-function handleConfigImport (alias: string) {
-  const selectedConfig = existingConfiguration[alias]
-  if (!selectedConfig) return
-
-  supportedPicBedList[selectedConfig.picBedName].options.forEach((option: any) => {
-    if (selectedConfig[option] !== undefined) {
-      configResult[selectedConfig.picBedName + '.' + option] = selectedConfig[option]
-    }
-  })
-}
-
-const handleTabChange = (tabName: string) => {
-  activeName.value = tabName
-  getExistingConfig(tabName)
-
-  for (const key in formErrors) {
-    delete formErrors[key]
-  }
-
-  if (tabName !== 'login') {
-    initializeDefaultValues(tabName)
-  }
-}
-
-const toggleConfigDetails = (alias: string) => {
-  const index = expandedConfigs.value.indexOf(alias)
-  if (index > -1) {
-    expandedConfigs.value.splice(index, 1)
-  } else {
-    expandedConfigs.value.push(alias)
-  }
-}
-
-const toggleImportDropdown = () => {
-  importDropdownOpen.value = !importDropdownOpen.value
-}
-
-const refreshConfigs = () => {
-  getAllConfigAliasArray()
-  notifyUser('Configurations refreshed', 'success')
-}
-
-onMounted(() => {
-  getCurrentConfigList()
-})
-
-async function getCurrentConfigList () {
-  await manageStore.refreshConfig()
-  const configList = (await getPicBedsConfig<any>('uploader')) ?? {}
-  const pbList = [
-    'aliyun',
-    'aws-s3',
-    'aws-s3-plist',
-    'github',
-    'imgur',
-    'local',
-    'qiniu',
-    'sftpplist',
-    'smms',
-    'tcyun',
-    'upyun',
-    'webdavplist'
-  ]
-
-  const filteredConfigList = pbList.flatMap(pb => {
-    const config = configList[pb]
-    return config?.configList?.length ? config.configList.map((item: any) => ({ ...item, type: pb })) : []
-  })
-
-  const autoImport = (await getPicBedsConfig<boolean>('settings.autoImport')) || false
-  if (autoImport) {
-    const autoImportPicBed = initArray(
-      (await getPicBedsConfig<string | string[]>('settings.autoImportPicBed')) || '',
-      []
-    )
-    await Promise.all(filteredConfigList.flatMap(config => transUpToManage(config, config.type, autoImportPicBed)))
-    if (Object.keys(importedNewConfig).length > 0) {
-      const oldConfig = await getConfig<any>('picBed')
-      const newConfig = { ...oldConfig, ...importedNewConfig }
-      saveConfig('picBed', newConfig)
-      await manageStore.refreshConfig()
-    }
-  }
-
-  await getAllConfigAliasArray()
-}
-
-function isImported (alias: string) {
-  return Object.values(allConfigAliasMap).some(item => item.alias === alias)
-}
-
-function initArray (arrayT: string | string[], defaultValue: string[]) {
-  if (!Array.isArray(arrayT)) {
-    arrayT = arrayT ? [arrayT] : defaultValue
-  }
-  return arrayT
-}
-
-async function transUpToManage (config: IUploaderConfigListItem, picBedName: string, autoImportPicBed: string[]) {
-  const alias = `${
-    picBedName === 'webdavplist'
-      ? 'webdav'
-      : picBedName === 'sftpplist'
-        ? 'sftp'
-        : picBedName === 'aws-s3' || picBedName === 'aws-s3-plist'
-          ? 's3plist'
-          : picBedName
-  }-${config._configName ?? 'Default'}-imp`
-  if (!autoImportPicBed.includes(picBedName) || isImported(alias)) return
-  const commonConfig = {
-    alias,
-    picBedName,
-    paging: true
-  }
-  const resultMap: IStringKeyMap = {}
-  switch (picBedName) {
-    case 'smms':
-      if (!config.token) return
-      Object.assign(resultMap, {
-        ...commonConfig,
-        token: config.token
-      })
-      break
-    case 'aliyun':
-      if (!config.accessKeyId || !config.accessKeySecret) return
-      Object.assign(resultMap, {
-        ...commonConfig,
-        accessKeyId: config.accessKeyId,
-        accessKeySecret: config.accessKeySecret,
-        bucketName: '',
-        baseDir: '/',
-        itemsPerPage: 50,
-        isAutoCustomUrl: !config.customUrl,
-        transformedConfig: JSON.stringify(
-          config.customUrl
-            ? {
-                [config.bucket]: {
-                  customUrl: config.customUrl
-                }
-              }
-            : {}
-        )
-      })
-      break
-    case 'qiniu':
-      if (!config.accessKey || !config.secretKey) return
-      Object.assign(resultMap, {
-        ...commonConfig,
-        accessKey: config.accessKey,
-        secretKey: config.secretKey,
-        bucketName: '',
-        baseDir: '/',
-        isAutoCustomUrl: false,
-        transformedConfig: JSON.stringify({ [config.bucket]: config.url }),
-        itemsPerPage: 50
-      })
-      break
-    case 'tcyun':
-      if (!config.secretId || !config.secretKey || config.version === 'v4') return
-      Object.assign(resultMap, {
-        ...commonConfig,
-        secretId: config.secretId,
-        secretKey: config.secretKey,
-        bucketName: '',
-        baseDir: '/',
-        appId: config.appId,
-        isAutoCustomUrl: !config.customUrl,
-        transformedConfig: JSON.stringify(
-          config.customUrl
-            ? {
-                [config.bucket]: {
-                  customUrl: config.customUrl
-                }
-              }
-            : {}
-        ),
-        itemsPerPage: 50
-      })
-      break
-    case 'github':
-      if (!config.token) return
-      Object.assign(resultMap, {
-        ...commonConfig,
-        token: config.token,
-        githubUsername: config.repo.split('/')[0],
-        customUrl: '',
-        proxy: '',
-        itemsPerPage: 50
-      })
-      break
-    case 'upyun':
-      if (!config.operator || !config.password) return
-      Object.assign(resultMap, {
-        ...commonConfig,
-        operator: config.operator,
-        password: config.password,
-        bucketName: config.bucket,
-        antiLeechToken: config.antiLeechToken,
-        expireTime: config.expireTime,
-        baseDir: '/',
-        customUrl: config.url,
-        transformedConfig: JSON.stringify({
-          [config.bucket]: {
-            customUrl: config.url,
-            baseDir: '/',
-            area: '',
-            operator: config.operator,
-            password: config.password
-          }
-        }),
-        itemsPerPage: 50
-      })
-      break
-    case 'webdavplist':
-      if (!config.host) return
-      Object.assign(resultMap, {
-        ...commonConfig,
-        endpoint: formatEndpoint(config.host, config.sslEnabled),
-        username: config.username,
-        password: config.password,
-        bucketName: 'webdav',
-        baseDir: config.path || '/',
-        webPath: config.webpath || '',
-        customUrl: config.customUrl || '',
-        sslEnabled: !!config.sslEnabled,
-        authType: config.authType || 'basic',
-        proxy: '',
-        transformedConfig: JSON.stringify({
-          webdav: {
-            operator: '',
-            password: config.password,
-            baseDir: config.path || '/',
-            customUrl: config.customUrl || '',
-            area: ''
-          }
-        })
-      })
-      delete resultMap.paging
-      break
-    case 'local':
-      if (!config.path) return
-      Object.assign(resultMap, {
-        ...commonConfig,
-        baseDir: config.path,
-        webPath: config.webpath || '',
-        customUrl: config.customUrl || '',
-        transformedConfig: JSON.stringify({
-          local: {
-            customUrl: config.customUrl || '',
-            baseDir: config.path,
-            webPath: config.webpath || ''
-          }
-        })
-      })
-      delete resultMap.paging
-      break
-    case 'sftpplist':
-      if (!config.host) return
-      Object.assign(resultMap, {
-        ...commonConfig,
-        picBedName: 'sftp',
-        host: config.host,
-        port: config.port || 22,
-        username: config.username,
-        password: config.password,
-        privateKey: config.privateKey,
-        passphrase: config.passphrase,
-        baseDir: config.uploadPath || '/',
-        webPath: config.webPath || '',
-        customUrl: config.customUrl || '',
-        fileMode: config.fileMode || '0664',
-        dirMode: config.dirMode || '0775',
-        transformedConfig: JSON.stringify({
-          sftp: {
-            host: config.host,
-            port: config.port || 22,
-            username: config.username,
-            password: config.password,
-            privateKey: config.privateKey,
-            passphrase: config.passphrase,
-            baseDir: config.uploadPath || '/',
-            webPath: config.webPath || '',
-            customUrl: config.customUrl || '',
-            fileMode: config.fileMode || '0664',
-            dirMode: config.dirMode || '0775'
-          }
-        })
-      })
-      delete resultMap.paging
-      break
-    case 'aws-s3':
-    case 'aws-s3-plist':
-      if (!config.accessKeyID || !config.secretAccessKey) return
-      Object.assign(resultMap, {
-        ...commonConfig,
-        picBedName: 's3plist',
-        accessKeyId: config.accessKeyID,
-        secretAccessKey: config.secretAccessKey,
-        endpoint: config.endpoint || '',
-        bucketName: '',
-        baseDir: '/',
-        itemsPerPage: 50,
-        proxy: '',
-        sslEnabled: config.endpoint ? config.endpoint.startsWith('https') : false,
-        aclForUpload: 'public-read',
-        s3ForcePathStyle: config.pathStyleAccess,
-        dogeCloudSupport: false,
-        transformedConfig: JSON.stringify(
-          config.urlPrefix
-            ? {
-                [config.bucketName]: {
-                  customUrl: config.urlPrefix
-                }
-              }
-            : {}
-        )
-      })
-      break
-    case 'imgur':
-      if (!config.username || !config.accessToken) return
-      Object.assign(resultMap, {
-        ...commonConfig,
-        username: config.username,
-        accessToken: config.accessToken,
-        proxy: ''
-      })
-      delete resultMap.paging
-      break
-    default:
-      return
-  }
-  importedNewConfig[alias] = resultMap
-}
-
-onMounted(() => {
-  getCurrentConfigList()
-})
-</script>
-
-<style scoped src="./css/LoginPage.css"></style>
+<template>
+  <div class="login-container">
+    <!-- Header Card -->
+    <div class="login-card header-card">
+      <div class="card-header">
+        <div class="header-content">
+          <div class="header-icon">
+            <DatabaseIcon :size="24" />
+          </div>
+          <div>
+            <h1>{{ t('pages.manage.login.title') }}</h1>
+            <p>{{ sortedAllConfigAliasMap.length }} {{ t('pages.manage.login.savedConfigs') }}</p>
+          </div>
+        </div>
+        <div class="header-actions">
+          <button
+            class="action-button"
+            @click="refreshConfigs"
+          >
+            <RefreshCwIcon :size="16" />
+            {{ t('pages.manage.login.refresh') }}
+          </button>
+        </div>
+      </div>
+    </div>
+
+    <!-- Navigation Tabs -->
+    <div class="login-card tabs-card">
+      <div class="tabs-container">
+        <div class="tabs-nav-wrapper">
+          <div
+            ref="tabsNav"
+            class="tabs-nav"
+          >
+            <button
+              v-for="item in tabItems"
+              :key="item.key"
+              class="tab-button"
+              :class="{ active: activeName === item.key }"
+              @click="handleTabChange(item.key)"
+            >
+              <FolderIcon
+                v-if="item.key === 'login'"
+                :size="16"
+              />
+              <img
+                v-else
+                :src="`./assets/${item.key}.webp`"
+                class="tab-icon"
+                :alt="item.name"
+              >
+              <span>{{ item.name }}</span>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- Content Area -->
+    <div class="login-card content-card">
+      <div class="tab-content">
+        <!-- Main Config List Tab -->
+        <div
+          v-if="activeName === 'login'"
+          class="config-list-container"
+        >
+          <div
+            v-if="sortedAllConfigAliasMap.length === 0"
+            class="empty-state"
+          >
+            <div class="empty-icon">
+              <DatabaseIcon :size="48" />
+            </div>
+            <h3>{{ t('pages.manage.login.noConfigs') }}</h3>
+            <p>{{ t('pages.manage.login.noConfigsDesc') }}</p>
+          </div>
+          <div
+            v-else
+            class="config-grid"
+          >
+            <div
+              v-for="item in sortedAllConfigAliasMap"
+              :key="item.alias"
+              class="config-item"
+            >
+              <div class="config-header">
+                <img
+                  :src="`./assets/${item.picBedName}.webp`"
+                  class="config-icon"
+                  :alt="item.picBedName"
+                >
+                <div class="config-info">
+                  <h4 class="config-alias">
+                    {{ item.alias }}
+                  </h4>
+                  <p class="config-type">
+                    {{ supportedPicBedList[item.picBedName]?.name || item.picBedName }}
+                  </p>
+                </div>
+              </div>
+
+              <div class="config-details">
+                <button
+                  class="details-button"
+                  @click="toggleConfigDetails(item.alias)"
+                >
+                  <InfoIcon :size="14" />
+                  {{ t('pages.manage.login.viewDetails') }}
+                  <ChevronDownIcon
+                    :size="14"
+                    :class="{ rotated: expandedConfigs.includes(item.alias) }"
+                  />
+                </button>
+
+                <div
+                  v-if="expandedConfigs.includes(item.alias)"
+                  class="config-table"
+                >
+                  <div
+                    v-for="tableItem in formObjToTableData(item.config)"
+                    :key="tableItem.key"
+                    class="table-row"
+                    @click="copyToClipboard(tableItem.value)"
+                  >
+                    <span class="table-key">{{ tableItem.key }}</span>
+                    <span class="table-value">{{ tableItem.value }}</span>
+                  </div>
+                </div>
+              </div>
+
+              <div class="config-actions">
+                <button
+                  class="action-button primary"
+                  @click="handleConfigClick(item)"
+                >
+                  <PointerIcon :size="16" />
+                  {{ t('pages.manage.login.enter') }}
+                </button>
+                <button
+                  class="action-button danger"
+                  @click="handleConfigRemove(item.alias)"
+                >
+                  <TrashIcon :size="16" />
+                  {{ t('pages.manage.login.delete') }}
+                </button>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- PicBed Configuration Tabs -->
+        <div
+          v-else
+          class="picbed-config-container"
+        >
+          <div
+            v-if="supportedPicBedList[activeName]"
+            class="picbed-config"
+          >
+            <!-- Info Section -->
+            <div class="info-section">
+              <div class="info-card primary">
+                <InfoIcon :size="20" />
+                <p>{{ supportedPicBedList[activeName].explain }}</p>
+              </div>
+              <div class="info-card reference">
+                <LinkIcon :size="20" />
+                <p>
+                  {{ supportedPicBedList[activeName].referenceText }}
+                  <button
+                    class="link-button"
+                    @click="handleReferenceClick(supportedPicBedList[activeName].refLink)"
+                  >
+                    {{ supportedPicBedList[activeName].refLink }}
+                  </button>
+                </p>
+              </div>
+            </div>
+
+            <!-- Configuration Form -->
+            <div class="config-form">
+              <div
+                v-for="option in supportedPicBedList[activeName].options"
+                :key="option"
+                class="form-group"
+                :class="{ 'has-error': formErrors[activeName + '.' + option] }"
+              >
+                <label class="form-label">
+                  {{ supportedPicBedList[activeName].configOptions[option].description }}
+                  <span
+                    v-if="supportedPicBedList[activeName].configOptions[option].required"
+                    class="required-marker"
+                  >*</span>
+                  <button
+                    v-if="supportedPicBedList[activeName].configOptions[option].tooltip"
+                    class="tooltip-button"
+                    :title="supportedPicBedList[activeName].configOptions[option].tooltip"
+                  >
+                    <InfoIcon :size="14" />
+                  </button>
+                </label>
+
+                <!-- String Input -->
+                <input
+                  v-if="supportedPicBedList[activeName].configOptions[option].type === 'string'"
+                  v-model.trim="configResult[activeName + '.' + option]"
+                  type="text"
+                  class="form-input"
+                  :class="{ error: formErrors[activeName + '.' + option] }"
+                  :placeholder="supportedPicBedList[activeName].configOptions[option].placeholder"
+                  :disabled="!!supportedPicBedList[activeName].configOptions[option].disabled"
+                  @blur="validateField(activeName, option)"
+                  @input="clearFieldError(activeName + '.' + option)"
+                >
+
+                <!-- Boolean Switch -->
+                <label
+                  v-else-if="supportedPicBedList[activeName].configOptions[option].type === 'boolean'"
+                  class="custom-switch"
+                >
+                  <input
+                    v-model="configResult[activeName + '.' + option]"
+                    type="checkbox"
+                    @change="validateField(activeName, option)"
+                  >
+                  <span class="switch-slider" />
+                </label>
+
+                <!-- Number Input -->
+                <input
+                  v-else-if="supportedPicBedList[activeName].configOptions[option].type === 'number'"
+                  v-model.number="configResult[activeName + '.' + option]"
+                  type="number"
+                  class="form-input"
+                  :class="{ error: formErrors[activeName + '.' + option] }"
+                  :placeholder="supportedPicBedList[activeName].configOptions[option].placeholder"
+                  @blur="validateField(activeName, option)"
+                  @input="clearFieldError(activeName + '.' + option)"
+                >
+
+                <!-- Select Dropdown -->
+                <div
+                  v-else-if="supportedPicBedList[activeName].configOptions[option].type === 'select'"
+                  class="custom-select"
+                >
+                  <select
+                    v-model="configResult[activeName + '.' + option]"
+                    class="form-select"
+                    :class="{ error: formErrors[activeName + '.' + option] }"
+                    @change="validateField(activeName, option)"
+                  >
+                    <option value="">
+                      {{ t('pages.manage.login.selectPlaceholder') }}
+                    </option>
+                    <option
+                      v-for="[key, value] in Object.entries(supportedPicBedList[activeName].configOptions[option].selectOptions)"
+                      :key="key"
+                      :value="key"
+                    >
+                      {{ value }}
+                    </option>
+                  </select>
+                </div>
+
+                <!-- Error Message -->
+                <div
+                  v-if="formErrors[activeName + '.' + option]"
+                  class="error-message"
+                >
+                  {{ formErrors[activeName + '.' + option] }}
+                </div>
+              </div>
+            </div>
+
+            <!-- Action Buttons -->
+            <div class="action-section">
+              <div class="import-section">
+                <div
+                  v-if="currentAliasList.length > 0"
+                  class="dropdown-container"
+                >
+                  <button
+                    class="dropdown-trigger action-button secondary"
+                    @click="toggleImportDropdown"
+                  >
+                    <DownloadIcon :size="16" />
+                    {{ t('pages.manage.login.import') }}
+                    <ChevronDownIcon :size="16" />
+                  </button>
+                  <div
+                    v-if="importDropdownOpen"
+                    class="dropdown-menu"
+                  >
+                    <button
+                      v-for="alias in currentAliasList"
+                      :key="alias"
+                      class="dropdown-item"
+                      @click="handleConfigImport(alias)"
+                    >
+                      {{ alias }}
+                    </button>
+                  </div>
+                </div>
+              </div>
+
+              <div class="main-actions">
+                <button
+                  class="action-button primary"
+                  @click="handleConfigChange(activeName)"
+                >
+                  <SaveIcon :size="16" />
+                  {{ t('pages.manage.login.save') }}
+                </button>
+                <button
+                  class="action-button danger"
+                  @click="handleConfigReset(activeName)"
+                >
+                  <RotateCcwIcon :size="16" />
+                  {{ t('pages.manage.login.reset') }}
+                </button>
+              </div>
+            </div>
+
+            <!-- Existing Configurations Table -->
+            <div
+              v-if="dataForTable.length > 0"
+              class="config-table-section"
+            >
+              <h3>{{ t('pages.manage.login.configTabTitle') }}</h3>
+              <div class="responsive-table">
+                <table class="config-table">
+                  <thead>
+                    <tr>
+                      <th
+                        v-for="option in supportedPicBedList[activeName].options"
+                        :key="option"
+                      >
+                        {{ supportedPicBedList[activeName].configOptions[option].description }}
+                      </th>
+                    </tr>
+                  </thead>
+                  <tbody>
+                    <tr
+                      v-for="(row, index) in dataForTable"
+                      :key="index"
+                    >
+                      <td
+                        v-for="option in supportedPicBedList[activeName].options"
+                        :key="option"
+                        @click="copyToClipboard(row[option])"
+                      >
+                        {{ row[option] }}
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import {
+  ChevronDownIcon,
+  DatabaseIcon,
+  DownloadIcon,
+  FolderIcon,
+  InfoIcon,
+  LinkIcon,
+  PointerIcon,
+  RefreshCwIcon,
+  RotateCcwIcon,
+  SaveIcon,
+  TrashIcon
+} from 'lucide-vue-next'
+import { computed, onMounted, reactive, ref } from 'vue'
+import { useI18n } from 'vue-i18n'
+import { useRouter } from 'vue-router'
+
+import useConfirm from '@/hooks/useConfirm'
+import useMessage from '@/hooks/useMessage'
+import { useManageStore } from '@/manage/store/manageStore'
+import { formObjToTableData } from '@/manage/utils/common'
+import { supportedPicBedList } from '@/manage/utils/constants'
+import { getConfig, removeConfig, saveConfig } from '@/manage/utils/dataSender'
+import { formatEndpoint } from '@/utils/common'
+import { getConfig as getPicBedsConfig } from '@/utils/dataSender'
+import { IRPCActionType } from '@/utils/enum'
+import type { IStringKeyMap, IUploaderConfigListItem } from '#/types/types'
+
+const { t } = useI18n()
+const manageStore = useManageStore()
+const router = useRouter()
+const message = useMessage()
+const { confirm } = useConfirm()
+
+const activeName = ref('login')
+const expandedConfigs = ref<string[]>([])
+const importDropdownOpen = ref(false)
+const tabsNav = ref<HTMLElement>()
+
+const configResult: IStringKeyMap = reactive({})
+const existingConfiguration = reactive({} as IStringKeyMap)
+const dataForTable = reactive([] as any[])
+const allConfigAliasMap = reactive({} as IStringKeyMap)
+const currentAliasList = reactive([] as string[])
+const formErrors = reactive({} as IStringKeyMap)
+
+const sortedAllConfigAliasMap = computed(() => {
+  return Object.values(allConfigAliasMap).sort((a, b) => {
+    return a.picBedName.localeCompare(b.picBedName)
+  })
+})
+
+const tabItems = computed(() => {
+  const items = [
+    {
+      key: 'login',
+      name: t('pages.manage.login.savedConfigs'),
+      icon: null,
+      iconComponent: FolderIcon
+    }
+  ]
+
+  Object.values(supportedPicBedList).forEach((item: any) => {
+    items.push({
+      key: item.icon,
+      name: item.name,
+      icon: item.icon,
+      iconComponent: null as any
+    })
+  })
+
+  return items
+})
+
+const importedNewConfig: IStringKeyMap = {}
+
+const notifyUser = (msg: string, type: 'success' | 'error' | 'warning' = 'success') => {
+  message[type](`${msg}`)
+}
+
+const validateField = (picBedName: string, optionKey: string) => {
+  const fieldKey = `${picBedName}.${optionKey}`
+  const configOption = supportedPicBedList[picBedName]?.configOptions?.[optionKey]
+  const value = configResult[fieldKey]
+
+  if (!configOption) return
+
+  delete formErrors[fieldKey]
+
+  if (configOption.required) {
+    if (configOption.type === 'boolean') {
+    } else if (!value || value === '') {
+      formErrors[fieldKey] = t('pages.manage.constant.pleaseInput', { name: configOption.description })
+      return
+    }
+  }
+
+  if (configOption.rule && Array.isArray(configOption.rule)) {
+    for (const rule of configOption.rule) {
+      if (rule.validator) {
+        try {
+          rule.validator(rule, value, (error: Error | null) => {
+            if (error) {
+              formErrors[fieldKey] = error.message
+            }
+          })
+        } catch (e) {
+          console.error('Validation error:', e)
+        }
+      } else if (rule.type === 'number' && value !== undefined && value !== '') {
+        if (isNaN(Number(value))) {
+          formErrors[fieldKey] = rule.message || t('pages.manage.constant.itemsPPBeNumber')
+          return
+        }
+      }
+    }
+  }
+
+  if (optionKey === 'alias' && value) {
+    const reg = /^[\p{Unified_Ideograph}_a-zA-Z0-9-]+$/u
+    if (!reg.test(value)) {
+      formErrors[fieldKey] = t('pages.manage.login.aliasMsg')
+    }
+  }
+
+  if (optionKey === 'itemsPerPage' && value !== undefined && value !== '') {
+    const numValue = Number(value)
+    if (numValue < 20 || numValue > 1000) {
+      formErrors[fieldKey] = t('pages.manage.login.itemsPerPageMsg')
+    }
+  }
+}
+
+const clearFieldError = (fieldKey: string) => {
+  delete formErrors[fieldKey]
+}
+
+const validateAllFields = (picBedName: string): boolean => {
+  const options = supportedPicBedList[picBedName]?.options || []
+  let isValid = true
+
+  for (const option of options) {
+    validateField(picBedName, option)
+    if (formErrors[`${picBedName}.${option}`]) {
+      isValid = false
+    }
+  }
+
+  return isValid
+}
+
+const initializeDefaultValues = (picBedName: string) => {
+  if (!supportedPicBedList[picBedName]) return
+
+  const options = supportedPicBedList[picBedName].options || []
+  for (const option of options) {
+    const fieldKey = `${picBedName}.${option}`
+    const configOption = supportedPicBedList[picBedName].configOptions[option]
+
+    if (configResult[fieldKey] === undefined || configResult[fieldKey] === '') {
+      if (configOption.default !== undefined) {
+        configResult[fieldKey] = configOption.default
+      } else if (configOption.type === 'boolean') {
+        configResult[fieldKey] = false
+      } else if (configOption.type === 'number') {
+        configResult[fieldKey] = 0
+      } else {
+        configResult[fieldKey] = ''
+      }
+    }
+  }
+}
+
+function getDataForTable () {
+  for (const key in existingConfiguration) {
+    dataForTable.push({ ...(existingConfiguration[key] as IStringKeyMap) })
+  }
+}
+
+async function getExistingConfig (name: string) {
+  if (name === 'login') {
+    getAllConfigAliasArray()
+    return
+  }
+  currentAliasList.length = 0
+  const result = await getConfig<any>('picBed')
+  for (const key in existingConfiguration) {
+    delete existingConfiguration[key]
+  }
+  if (!result || typeof result !== 'object' || Object.keys(result).length === 0) {
+    existingConfiguration[name] = { fail: '暂无配置' }
+  } else {
+    for (const key in result) {
+      if (result[key].picBedName === name) {
+        existingConfiguration[key] = result[key]
+        currentAliasList.push(result[key].alias)
+      }
+    }
+  }
+
+  dataForTable.length = 0
+  getDataForTable()
+  handleConfigImport(currentAliasList[0])
+}
+
+function getAliasList () {
+  return Object.values(existingConfiguration).map(item => item.alias)
+}
+
+async function handleConfigChange (name: string) {
+  if (!validateAllFields(name)) {
+    notifyUser(t('pages.manage.login.noRequiredMsg'), 'error')
+    return
+  }
+
+  const aliasList = getAliasList()
+  const allKeys = Object.keys(supportedPicBedList[name].configOptions)
+  const resultMap: IStringKeyMap = {}
+
+  for (const key of allKeys) {
+    const resultKey = name + '.' + key
+    console.log('Config change detected for:', resultKey)
+
+    if (key === 'customUrl' && configResult[resultKey] !== undefined && configResult[resultKey] !== '') {
+      if (name !== 'upyun') {
+        configResult[resultKey] = formatEndpoint(configResult[resultKey], false)
+      }
+    }
+
+    if (supportedPicBedList[name].configOptions[key].default !== undefined && configResult[resultKey] === '') {
+      resultMap[key] = supportedPicBedList[name].configOptions[key].default
+    } else if (configResult[resultKey] === undefined) {
+      if (supportedPicBedList[name].configOptions[key].default !== undefined) {
+        resultMap[key] = supportedPicBedList[name].configOptions[key].default
+      } else {
+        resultMap[key] = ''
+      }
+    } else {
+      resultMap[key] = configResult[resultKey]
+    }
+  }
+  resultMap.picBedName = name
+  if (resultMap.bucketName !== undefined) {
+    resultMap.transformedConfig = {}
+    const bucketName = resultMap.bucketName.split(',')
+    const baseDir = resultMap.baseDir?.split(',')
+    const area = resultMap.area?.split(',')
+    const customUrl = resultMap.customUrl?.split(',')
+    const operator = resultMap.operator?.split(',')
+    const password = resultMap.password?.split(',')
+    for (let i = 0; i < bucketName.length; i++) {
+      if (bucketName[i]) {
+        resultMap.transformedConfig[bucketName[i]] = {
+          baseDir: baseDir?.[i] || '/',
+          area: area?.[i] || '',
+          customUrl: customUrl?.[i] || '',
+          operator: operator?.[i] || '',
+          password: password?.[i] || ''
+        }
+      }
+    }
+  }
+  if (resultMap.transformedConfig) {
+    resultMap.transformedConfig = JSON.stringify(resultMap.transformedConfig)
+  }
+  saveConfig(`picBed.${resultMap.alias}`, resultMap)
+  await manageStore.refreshConfig()
+  await getExistingConfig(activeName.value)
+  dataForTable.length = 0
+  getDataForTable()
+  if (aliasList.includes(resultMap.alias)) {
+    notifyUser(
+      `${t('pages.manage.login.configChangeMsg')}${resultMap.alias}`,
+      'warning'
+    )
+  } else {
+    notifyUser(
+      `${t('pages.manage.login.configSaveMsg')}${resultMap.alias}`,
+      'success'
+    )
+  }
+}
+
+const handleConfigReset = (name: string) => {
+  const keys = Object.keys(formErrors).filter(key => key.startsWith(name))
+  keys.forEach(key => {
+    delete formErrors[key]
+  })
+
+  const configKeys = Object.keys(configResult).filter(key => key.startsWith(name))
+  configKeys.forEach(key => {
+    delete configResult[key]
+  })
+
+  initializeDefaultValues(name)
+}
+
+const handleConfigRemove = async (name: string) => {
+  confirm({
+    title: t('pages.manage.login.tips'),
+    message: t('pages.manage.login.confirmDeleteConfig'),
+    type: 'warning',
+    confirmButtonText: t('common.confirm'),
+    cancelButtonText: t('common.cancel'),
+    center: true
+  }).then(result => {
+    if (!result) return
+    try {
+      removeConfig('picBed', name)
+      notifyUser(
+        t('pages.manage.login.deleteConfigSuccessMsg'),
+        'success'
+      )
+      manageStore.refreshConfig()
+      getAllConfigAliasArray()
+    } catch (error) {
+      notifyUser(
+        t('pages.manage.login.deleteConfigFailedMsg'),
+        'error'
+      )
+    }
+  })
+}
+
+const getAllConfigAliasArray = async () => {
+  const result = await getConfig<any>('picBed')
+  for (const key in allConfigAliasMap) {
+    delete allConfigAliasMap[key]
+  }
+  if (!result) return
+  Object.entries(result).forEach(([, value]: [string, any], index) => {
+    allConfigAliasMap[index] = {
+      alias: value.alias,
+      config: value,
+      picBedName: value.picBedName
+    }
+  })
+}
+
+const copyToClipboard = (text: string) => {
+  navigator.clipboard.writeText(text)
+  notifyUser(`${t('pages.manage.login.copySuccess', { text })}`, 'success')
+}
+
+const handleReferenceClick = (url: string) => window.electron.sendRPC(IRPCActionType.OPEN_URL, url)
+
+const handleConfigClick = async (item: any) => {
+  const alias = item.alias
+  const config = JSON.stringify(item.config)
+  const picBedName = item.picBedName
+  const result = await getConfig<any>('picBed')
+  router.push({
+    path: '/main-page/manage-main-page',
+    query: {
+      alias,
+      config,
+      picBedName,
+      allPicBedConfigure: JSON.stringify(result)
+    }
+  })
+}
+
+function handleConfigImport (alias: string) {
+  const selectedConfig = existingConfiguration[alias]
+  if (!selectedConfig) return
+
+  supportedPicBedList[selectedConfig.picBedName].options.forEach((option: any) => {
+    if (selectedConfig[option] !== undefined) {
+      configResult[selectedConfig.picBedName + '.' + option] = selectedConfig[option]
+    }
+  })
+}
+
+const handleTabChange = (tabName: string) => {
+  activeName.value = tabName
+  getExistingConfig(tabName)
+
+  for (const key in formErrors) {
+    delete formErrors[key]
+  }
+
+  if (tabName !== 'login') {
+    initializeDefaultValues(tabName)
+  }
+}
+
+const toggleConfigDetails = (alias: string) => {
+  const index = expandedConfigs.value.indexOf(alias)
+  if (index > -1) {
+    expandedConfigs.value.splice(index, 1)
+  } else {
+    expandedConfigs.value.push(alias)
+  }
+}
+
+const toggleImportDropdown = () => {
+  importDropdownOpen.value = !importDropdownOpen.value
+}
+
+const refreshConfigs = () => {
+  getAllConfigAliasArray()
+  notifyUser('Configurations refreshed', 'success')
+}
+
+onMounted(() => {
+  getCurrentConfigList()
+})
+
+async function getCurrentConfigList () {
+  await manageStore.refreshConfig()
+  const configList = (await getPicBedsConfig<any>('uploader')) ?? {}
+  const pbList = [
+    'aliyun',
+    'aws-s3',
+    'aws-s3-plist',
+    'github',
+    'imgur',
+    'local',
+    'qiniu',
+    'sftpplist',
+    'smms',
+    'tcyun',
+    'upyun',
+    'webdavplist'
+  ]
+
+  const filteredConfigList = pbList.flatMap(pb => {
+    const config = configList[pb]
+    return config?.configList?.length ? config.configList.map((item: any) => ({ ...item, type: pb })) : []
+  })
+
+  const autoImport = (await getPicBedsConfig<boolean>('settings.autoImport')) || false
+  if (autoImport) {
+    const autoImportPicBed = initArray(
+      (await getPicBedsConfig<string | string[]>('settings.autoImportPicBed')) || '',
+      []
+    )
+    await Promise.all(filteredConfigList.flatMap(config => transUpToManage(config, config.type, autoImportPicBed)))
+    if (Object.keys(importedNewConfig).length > 0) {
+      const oldConfig = await getConfig<any>('picBed')
+      const newConfig = { ...oldConfig, ...importedNewConfig }
+      saveConfig('picBed', newConfig)
+      await manageStore.refreshConfig()
+    }
+  }
+
+  await getAllConfigAliasArray()
+}
+
+function isImported (alias: string) {
+  return Object.values(allConfigAliasMap).some(item => item.alias === alias)
+}
+
+function initArray (arrayT: string | string[], defaultValue: string[]) {
+  if (!Array.isArray(arrayT)) {
+    arrayT = arrayT ? [arrayT] : defaultValue
+  }
+  return arrayT
+}
+
+async function transUpToManage (config: IUploaderConfigListItem, picBedName: string, autoImportPicBed: string[]) {
+  const alias = `${
+    picBedName === 'webdavplist'
+      ? 'webdav'
+      : picBedName === 'sftpplist'
+        ? 'sftp'
+        : picBedName === 'aws-s3' || picBedName === 'aws-s3-plist'
+          ? 's3plist'
+          : picBedName
+  }-${config._configName ?? 'Default'}-imp`
+  if (!autoImportPicBed.includes(picBedName) || isImported(alias)) return
+  const commonConfig = {
+    alias,
+    picBedName,
+    paging: true
+  }
+  const resultMap: IStringKeyMap = {}
+  switch (picBedName) {
+    case 'smms':
+      if (!config.token) return
+      Object.assign(resultMap, {
+        ...commonConfig,
+        token: config.token
+      })
+      break
+    case 'aliyun':
+      if (!config.accessKeyId || !config.accessKeySecret) return
+      Object.assign(resultMap, {
+        ...commonConfig,
+        accessKeyId: config.accessKeyId,
+        accessKeySecret: config.accessKeySecret,
+        bucketName: '',
+        baseDir: '/',
+        itemsPerPage: 50,
+        isAutoCustomUrl: !config.customUrl,
+        transformedConfig: JSON.stringify(
+          config.customUrl
+            ? {
+                [config.bucket]: {
+                  customUrl: config.customUrl
+                }
+              }
+            : {}
+        )
+      })
+      break
+    case 'qiniu':
+      if (!config.accessKey || !config.secretKey) return
+      Object.assign(resultMap, {
+        ...commonConfig,
+        accessKey: config.accessKey,
+        secretKey: config.secretKey,
+        bucketName: '',
+        baseDir: '/',
+        isAutoCustomUrl: false,
+        transformedConfig: JSON.stringify({ [config.bucket]: config.url }),
+        itemsPerPage: 50
+      })
+      break
+    case 'tcyun':
+      if (!config.secretId || !config.secretKey || config.version === 'v4') return
+      Object.assign(resultMap, {
+        ...commonConfig,
+        secretId: config.secretId,
+        secretKey: config.secretKey,
+        bucketName: '',
+        baseDir: '/',
+        appId: config.appId,
+        isAutoCustomUrl: !config.customUrl,
+        transformedConfig: JSON.stringify(
+          config.customUrl
+            ? {
+                [config.bucket]: {
+                  customUrl: config.customUrl
+                }
+              }
+            : {}
+        ),
+        itemsPerPage: 50
+      })
+      break
+    case 'github':
+      if (!config.token) return
+      Object.assign(resultMap, {
+        ...commonConfig,
+        token: config.token,
+        githubUsername: config.repo.split('/')[0],
+        customUrl: '',
+        proxy: '',
+        itemsPerPage: 50
+      })
+      break
+    case 'upyun':
+      if (!config.operator || !config.password) return
+      Object.assign(resultMap, {
+        ...commonConfig,
+        operator: config.operator,
+        password: config.password,
+        bucketName: config.bucket,
+        antiLeechToken: config.antiLeechToken,
+        expireTime: config.expireTime,
+        baseDir: '/',
+        customUrl: config.url,
+        transformedConfig: JSON.stringify({
+          [config.bucket]: {
+            customUrl: config.url,
+            baseDir: '/',
+            area: '',
+            operator: config.operator,
+            password: config.password
+          }
+        }),
+        itemsPerPage: 50
+      })
+      break
+    case 'webdavplist':
+      if (!config.host) return
+      Object.assign(resultMap, {
+        ...commonConfig,
+        endpoint: formatEndpoint(config.host, config.sslEnabled),
+        username: config.username,
+        password: config.password,
+        bucketName: 'webdav',
+        baseDir: config.path || '/',
+        webPath: config.webpath || '',
+        customUrl: config.customUrl || '',
+        sslEnabled: !!config.sslEnabled,
+        authType: config.authType || 'basic',
+        proxy: '',
+        transformedConfig: JSON.stringify({
+          webdav: {
+            operator: '',
+            password: config.password,
+            baseDir: config.path || '/',
+            customUrl: config.customUrl || '',
+            area: ''
+          }
+        })
+      })
+      delete resultMap.paging
+      break
+    case 'local':
+      if (!config.path) return
+      Object.assign(resultMap, {
+        ...commonConfig,
+        baseDir: config.path,
+        webPath: config.webpath || '',
+        customUrl: config.customUrl || '',
+        transformedConfig: JSON.stringify({
+          local: {
+            customUrl: config.customUrl || '',
+            baseDir: config.path,
+            webPath: config.webpath || ''
+          }
+        })
+      })
+      delete resultMap.paging
+      break
+    case 'sftpplist':
+      if (!config.host) return
+      Object.assign(resultMap, {
+        ...commonConfig,
+        picBedName: 'sftp',
+        host: config.host,
+        port: config.port || 22,
+        username: config.username,
+        password: config.password,
+        privateKey: config.privateKey,
+        passphrase: config.passphrase,
+        baseDir: config.uploadPath || '/',
+        webPath: config.webPath || '',
+        customUrl: config.customUrl || '',
+        fileMode: config.fileMode || '0664',
+        dirMode: config.dirMode || '0775',
+        transformedConfig: JSON.stringify({
+          sftp: {
+            host: config.host,
+            port: config.port || 22,
+            username: config.username,
+            password: config.password,
+            privateKey: config.privateKey,
+            passphrase: config.passphrase,
+            baseDir: config.uploadPath || '/',
+            webPath: config.webPath || '',
+            customUrl: config.customUrl || '',
+            fileMode: config.fileMode || '0664',
+            dirMode: config.dirMode || '0775'
+          }
+        })
+      })
+      delete resultMap.paging
+      break
+    case 'aws-s3':
+    case 'aws-s3-plist':
+      if (!config.accessKeyID || !config.secretAccessKey) return
+      Object.assign(resultMap, {
+        ...commonConfig,
+        picBedName: 's3plist',
+        accessKeyId: config.accessKeyID,
+        secretAccessKey: config.secretAccessKey,
+        endpoint: config.endpoint || '',
+        bucketName: '',
+        baseDir: '/',
+        itemsPerPage: 50,
+        proxy: '',
+        sslEnabled: config.endpoint ? config.endpoint.startsWith('https') : false,
+        aclForUpload: 'public-read',
+        s3ForcePathStyle: config.pathStyleAccess,
+        dogeCloudSupport: false,
+        transformedConfig: JSON.stringify(
+          config.urlPrefix
+            ? {
+                [config.bucketName]: {
+                  customUrl: config.urlPrefix
+                }
+              }
+            : {}
+        )
+      })
+      break
+    case 'imgur':
+      if (!config.username || !config.accessToken) return
+      Object.assign(resultMap, {
+        ...commonConfig,
+        username: config.username,
+        accessToken: config.accessToken,
+        proxy: ''
+      })
+      delete resultMap.paging
+      break
+    default:
+      return
+  }
+  importedNewConfig[alias] = resultMap
+}
+
+onMounted(() => {
+  getCurrentConfigList()
+})
+</script>
+
+<style scoped src="./css/LoginPage.css"></style>
diff --git a/src/renderer/manage/pages/ManageMain.vue b/src/renderer/manage/pages/ManageMain.vue
index 7c51e5c1..c8722d18 100644
--- a/src/renderer/manage/pages/ManageMain.vue
+++ b/src/renderer/manage/pages/ManageMain.vue
@@ -1,573 +1,573 @@
-<template>
-  <div class="manage-container">
-    <!-- Header Card -->
-    <div class="manage-card header-card">
-      <div class="card-header">
-        <div class="header-content">
-          <div class="header-icon">
-            <img
-              :src="`/assets/${currentPagePicBedConfig.picBedName}.webp`"
-              class="header-icon-img"
-            >
-          </div>
-          <div class="header-text">
-            <h2 class="header-title">
-              {{ supportedPicBedList[currentPagePicBedConfig.picBedName].name }}
-            </h2>
-            <p class="header-subtitle">
-              {{ menuTitleMap[currentPicBedName] }}
-            </p>
-          </div>
-        </div>
-        <div class="header-actions">
-          <button
-            class="action-button secondary"
-            @click="openPicBedUrl"
-          >
-            <ExternalLinkIcon class="button-icon" />
-            {{ t('pages.manage.main.openPicBedUrl') }}
-          </button>
-          <button
-            v-if="showNewIconList.includes(currentPicBedName)"
-            class="action-button primary"
-            @click="openNewBucketDrawer"
-          >
-            <PlusIcon class="button-icon" />
-            {{ t('pages.manage.main.newBucket') }}
-          </button>
-        </div>
-      </div>
-    </div>
-
-    <!-- Main Content Card -->
-    <div class="manage-card main-card">
-      <div class="main-layout">
-        <div class="sidebar">
-          <div class="sidebar-header">
-            <h3 class="sidebar-title">
-              {{ menuTitleMap[currentPicBedName] }}
-            </h3>
-          </div>
-
-          <div class="sidebar-content">
-            <div
-              v-if="isLoadingBucketList"
-              class="loading-container"
-            >
-              <div class="loading-spinner" />
-              <span class="loading-text">{{ t('pages.manage.main.loading') }}</span>
-            </div>
-            <div
-              v-else
-              class="menu-list"
-            >
-              <div
-                v-for="item in bucketNameList"
-                :key="item"
-                class="menu-item"
-                :class="{ active: item === currentSelectedBucket }"
-                @click="handleSelectMenu(item)"
-              >
-                <FolderIcon
-                  v-if="currentSelectedBucket === item && currentPicBedName !== 'github'"
-                  class="menu-icon active"
-                />
-                <FolderIcon
-                  v-else-if="currentPicBedName !== 'github'"
-                  class="menu-icon"
-                />
-                <GitBranchIcon
-                  v-else-if="currentPicBedName === 'github'"
-                  class="menu-icon"
-                />
-                <span class="menu-text">
-                  {{
-                    currentPicBedName === 'tcyun'
-                      ? item.slice(0, item.length - 11)
-                      : currentPicBedName === 'github'
-                        ? item.length > 10
-                          ? `${item.slice(0, 5)}..${item.slice(-5)}`
-                          : item
-                        : item
-                  }}
-                </span>
-              </div>
-            </div>
-          </div>
-
-          <div class="sidebar-footer">
-            <div class="footer-actions">
-              <button
-                class="footer-action-item"
-                @click="switchPicBed('main')"
-              >
-                <HomeIcon class="action-icon" />
-                <span class="action-text">{{ t('pages.manage.main.backToHome') }}</span>
-              </button>
-              <button
-                class="footer-action-item"
-                @click="changePicBed"
-              >
-                <ArrowLeftRightIcon class="action-icon" />
-                <span class="action-text">{{ t('pages.manage.main.switchPicBed') }}</span>
-              </button>
-              <button
-                class="footer-action-item"
-                @click="openBucketPageSetting"
-              >
-                <SettingsIcon class="action-icon" />
-                <span class="action-text">{{ t('pages.manage.main.settings') }}</span>
-              </button>
-            </div>
-          </div>
-        </div>
-
-        <div class="content-area">
-          <router-view />
-        </div>
-      </div>
-    </div>
-
-    <!-- PicBed Switch Dialog -->
-    <div
-      v-if="picBedSwitchDialogVisible"
-      class="dialog-overlay"
-      @click="picBedSwitchDialogVisible = false"
-    >
-      <div
-        class="dialog-container"
-        @click.stop
-      >
-        <div class="dialog-header">
-          <h3 class="dialog-title">
-            {{ t('pages.manage.main.switchPicBed') }}
-          </h3>
-          <button
-            class="dialog-close"
-            @click="picBedSwitchDialogVisible = false"
-          >
-            <XIcon class="close-icon" />
-          </button>
-        </div>
-        <div class="dialog-content">
-          <div class="choice-cos">
-            <!-- Back to main card -->
-            <div
-              class="picbed-card main-card"
-              @click="switchPicBed('main')"
-            >
-              <div class="card-icon">
-                <HomeIcon class="main-icon" />
-              </div>
-              <div class="card-content">
-                <div class="card-title main-title">
-                  {{ $t('pages.manage.main.backToHome') }}
-                </div>
-              </div>
-            </div>
-
-            <!-- PicBed cards -->
-            <div
-              v-for="(config, alias) in allPicBedConfigure"
-              :key="String(alias)"
-              class="picbed-card"
-              :class="{ active: String(alias) === currentAlias }"
-              @click="switchPicBed(String(alias))"
-            >
-              <div class="card-icon">
-                <img
-                  :src="`/assets/${config.picBedName}.webp`"
-                  class="picbed-icon"
-                >
-              </div>
-              <div class="card-content">
-                <div class="card-title">
-                  {{ config.alias }}
-                </div>
-              </div>
-              <div
-                v-if="String(alias) === currentAlias"
-                class="check-icon"
-              >
-                <CheckIcon />
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- New Bucket Drawer -->
-    <div
-      v-if="nweBucketDrawerVisible"
-      class="drawer-overlay"
-      @click="nweBucketDrawerVisible = false"
-    >
-      <div
-        class="drawer-container"
-        @click.stop
-      >
-        <div class="drawer-header">
-          <h3 class="drawer-title">
-            {{ t('pages.manage.main.newBucket') }}
-          </h3>
-          <button
-            class="drawer-close"
-            @click="nweBucketDrawerVisible = false"
-          >
-            <XIcon class="close-icon" />
-          </button>
-        </div>
-        <div class="drawer-content">
-          <form @submit.prevent="createNewBucket(currentPicBedName)">
-            <div class="form-header">
-              <div class="form-icon">
-                <img
-                  :src="`/assets/${currentPicBedName}.webp`"
-                  class="picbed-form-icon"
-                >
-              </div>
-            </div>
-
-            <div class="form-divider" />
-
-            <div
-              v-for="option in newBucketConfig[currentPicBedName].options"
-              :key="option"
-              class="form-group"
-            >
-              <label class="form-label">
-                {{ newBucketConfig[currentPicBedName].configOptions[option].description }}
-              </label>
-
-              <!-- Input field -->
-              <input
-                v-if="newBucketConfig[currentPicBedName].configOptions[option].component === 'input' && currentPicBedName !== 'tcyun'"
-                v-model.trim="newBucketConfigResult[currentPicBedName + '.' + option]"
-                type="text"
-                class="form-input"
-                :placeholder="newBucketConfig[currentPicBedName].configOptions[option].placeholder"
-              >
-
-              <!-- TCyun special input with append -->
-              <div
-                v-if="currentPicBedName === 'tcyun' && newBucketConfig[currentPicBedName].configOptions[option].component === 'input'"
-                class="input-group"
-              >
-                <input
-                  v-model.trim="newBucketConfigResult[currentPicBedName + '.' + option]"
-                  type="text"
-                  class="form-input group-input"
-                  :placeholder="newBucketConfig[currentPicBedName].configOptions[option].placeholder"
-                >
-                <span class="input-append">{{ '-' + currentPagePicBedConfig.appId }}</span>
-              </div>
-
-              <!-- Select field -->
-              <div
-                v-if="newBucketConfig[currentPicBedName].configOptions[option].component === 'select'"
-                class="select-wrapper"
-              >
-                <select
-                  v-model="newBucketConfigResult[currentPicBedName + '.' + option]"
-                  class="form-select"
-                >
-                  <option
-                    v-for="(label, value) in newBucketConfig[currentPicBedName].configOptions[option].options"
-                    :key="value"
-                    :value="value"
-                  >
-                    {{ label }}
-                  </option>
-                </select>
-                <ChevronDownIcon class="select-arrow" />
-              </div>
-
-              <!-- Switch field -->
-              <label
-                v-if="newBucketConfig[currentPicBedName].configOptions[option].component === 'switch'"
-                class="switch-label"
-              >
-                <input
-                  v-model="newBucketConfigResult[currentPicBedName + '.' + option]"
-                  type="checkbox"
-                  class="switch-input"
-                  :true-value="true"
-                  :false-value="false"
-                >
-                <span class="switch-slider">
-                  <span class="switch-button" />
-                </span>
-              </label>
-            </div>
-
-            <div class="form-actions">
-              <button
-                type="button"
-                class="action-button secondary"
-                @click="nweBucketDrawerVisible = false"
-              >
-                {{ $t('common.cancel') }}
-              </button>
-              <button
-                type="submit"
-                class="action-button primary"
-              >
-                <CheckIcon class="button-icon" />
-                {{ t('common.submit') }}
-              </button>
-            </div>
-          </form>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import {
-  ArrowLeftRightIcon,
-  CheckIcon,
-  ChevronDownIcon,
-  ExternalLinkIcon,
-  FolderIcon,
-  GitBranchIcon,
-  HomeIcon,
-  PlusIcon,
-  SettingsIcon,
-  XIcon
-} from 'lucide-vue-next'
-import { onBeforeMount, reactive, ref, watch } from 'vue'
-import { useI18n } from 'vue-i18n'
-import { useRoute, useRouter } from 'vue-router'
-
-import useMessage from '@/hooks/useMessage'
-import { useManageStore } from '@/manage/store/manageStore'
-import { supportedPicBedList } from '@/manage/utils/constants'
-import { newBucketConfig } from '@/manage/utils/newBucketConfig'
-import { IRPCActionType } from '@/utils/enum'
-import type { IStringKeyMap } from '#/types/types'
-
-const { t } = useI18n()
-const manageStore = useManageStore() as any
-const route = useRoute()
-const router = useRouter()
-const message = useMessage()
-
-const currentAlias = ref(route.query.alias as string)
-const currentPicBedName = ref(route.query.picBedName as string)
-
-let allPicBedConfigure = JSON.parse(route.query.allPicBedConfigure as string)
-let currentPagePicBedConfig = reactive(JSON.parse(route.query.config as string))
-
-const newBucketConfigResult: IStringKeyMap = reactive({})
-const bucketList = ref({} as IStringKeyMap)
-const currentSelectedBucket = ref('')
-const bucketNameList = ref([] as string[])
-
-const isLoadingBucketList = ref(false)
-const nweBucketDrawerVisible = ref(false)
-const picBedSwitchDialogVisible = ref(false)
-
-watch(route, async (newRoute) => {
-  if (newRoute.fullPath.split('?')[0] === '/main-page/manage-main-page') {
-    console.log('route changed')
-    currentAlias.value = newRoute.query.alias as string
-    currentPicBedName.value = newRoute.query.picBedName as string
-    allPicBedConfigure = JSON.parse(newRoute.query.allPicBedConfigure as string)
-    currentPagePicBedConfig = reactive(JSON.parse(newRoute.query.config as string))
-    await getBucketList()
-  }
-}, { deep: true })
-
-const urlMap: IStringKeyMap = {
-  aliyun: 'https://oss.console.aliyun.com',
-  github: 'https://github.com',
-  imgur: 'https://imgur.com',
-  local: 'https://piclist.cn',
-  qiniu: 'https://portal.qiniu.com',
-  s3plist: 'https://aws.amazon.com/cn/s3/',
-  sftp: 'https://github.com/imba97/picgo-plugin-sftp-uploader',
-  smms: 'https://smms.app',
-  tcyun: 'https://console.cloud.tencent.com/cos',
-  upyun: 'https://console.upyun.com',
-  webdavplist: 'https://baike.baidu.com/item/WebDAV/4610909'
-}
-
-const showNewIconList = ['aliyun', 'qiniu', 'tcyun', 's3plist']
-
-const bucketT = t('pages.manage.main.bucket')
-const galleryT = t('pages.manage.main.gallery')
-const repositoryT = t('pages.manage.main.repo')
-
-const menuTitleMap: IStringKeyMap = {
-  aliyun: bucketT,
-  qiniu: bucketT,
-  tcyun: bucketT,
-  upyun: bucketT,
-  s3plist: bucketT,
-  sftp: '',
-  smms: galleryT,
-  imgur: galleryT,
-  github: repositoryT,
-  webdavplist: '',
-  local: ''
-}
-
-const openPicBedUrl = () => window.electron.sendRPC(IRPCActionType.OPEN_URL, urlMap[currentPagePicBedConfig.picBedName])
-
-function openNewBucketDrawer () {
-  nweBucketDrawerVisible.value = true
-}
-
-function createNewBucket (picBedName: string) {
-  const configOptions = newBucketConfig[picBedName].configOptions
-  const resultMap: IStringKeyMap = Object.keys(configOptions).reduce((result, key) => {
-    const resultKey = `${picBedName}.${key}`
-    const defaultValue = configOptions[key].default
-    const resultValue = newBucketConfigResult[resultKey]
-
-    result[key] =
-      resultValue === '' && defaultValue !== undefined
-        ? defaultValue
-        : resultValue === undefined
-          ? ''
-          : resultValue
-
-    return result
-  }, {} as IStringKeyMap)
-  if (currentPicBedName.value === 'tcyun') {
-    resultMap.BucketName = `${resultMap.BucketName}-${currentPagePicBedConfig.appId}`
-  }
-  resultMap.endpoint = currentPagePicBedConfig.endpoint
-  window.electron.triggerRPC(IRPCActionType.MANAGE_CREATE_BUCKET, currentAlias.value, resultMap).then((result: any) => {
-    if (result) {
-      // Show success notification
-      message.success(t('pages.manage.main.createSuccess'))
-      nweBucketDrawerVisible.value = false
-      setTimeout(() => {
-        getBucketList()
-      }, 2000)
-    } else {
-      // Show error notification
-      message.error(t('pages.manage.main.createFailed'))
-    }
-  })
-}
-
-async function getBucketList () {
-  bucketList.value = {}
-  bucketNameList.value = []
-  isLoadingBucketList.value = true
-
-  const result = await window.electron.triggerRPC<any>(IRPCActionType.MANAGE_GET_BUCKET_LIST, currentAlias.value)
-  isLoadingBucketList.value = false
-  if (result.length > 0) {
-    result.forEach((item: any) => {
-      bucketList.value[item.Name] = item
-      bucketNameList.value.push(item.Name)
-    })
-  }
-}
-
-function transPathToUnix (filePath: string | undefined) {
-  if (!filePath) return ''
-  return window.electron.platform === 'win32'
-    ? filePath
-        .split(window.node.path.sep)
-        .join(window.node.path.posix.sep)
-        .replace(/^\/+|\/+$/g, '')
-    : filePath.replace(/^\/+|\/+$/g, '')
-}
-
-function handleSelectMenu (bucketName: string) {
-  const currentPicBedConfig = manageStore.config.picBed[currentAlias.value]
-  const transformedConfig = JSON.parse(currentPicBedConfig.transformedConfig ?? '{}')
-
-  let prefix = transformedConfig[bucketName]?.baseDir || '/'
-  const cpicBedName = currentPicBedConfig.picBedName ?? currentPicBedName.value
-  if (cpicBedName === 'local') {
-    prefix = `/${transPathToUnix(prefix)}/`
-  } else {
-    prefix = prefix.startsWith('/') ? prefix : `/${prefix}`
-    prefix = prefix.endsWith('/') ? prefix : `${prefix}/`
-  }
-
-  const configMap = {
-    prefix,
-    bucketName,
-    customUrl: transformedConfig[bucketName]?.customUrl ?? '',
-    picBedName: cpicBedName,
-    alias: currentAlias.value,
-    bucketConfig: bucketList.value[bucketName],
-    cdnUrl: currentPicBedConfig.customUrl,
-    baseDir: prefix,
-    webPath: currentPicBedConfig.webPath || ''
-  }
-  currentSelectedBucket.value = bucketName
-  router.push({
-    path: '/main-page/manage-main-page/manage-bucket-page',
-    query: {
-      configMap: JSON.stringify(configMap),
-      alias: currentAlias.value,
-      picBedName: currentPicBedName.value,
-      config: JSON.stringify(currentPagePicBedConfig),
-      allPicBedConfigure: JSON.stringify(allPicBedConfigure)
-    }
-  })
-}
-
-function switchPicBed (picBedAlias: string) {
-  if (picBedAlias === 'main') {
-    router.push({
-      path: '/main-page/manage-login-page'
-    })
-    return
-  }
-  if (
-    route.fullPath.startsWith('/main-page/manage-main-page/manage-bucket-page') ||
-    route.fullPath.startsWith('/main-page/manage-main-page/manage-setting-page')
-  ) {
-    picBedSwitchDialogVisible.value = false
-    router.push({
-      path: '/main-page/manage-main-page',
-      query: {
-        alias: picBedAlias,
-        picBedName: allPicBedConfigure[picBedAlias].picBedName,
-        config: JSON.stringify(allPicBedConfigure[picBedAlias]),
-        allPicBedConfigure: JSON.stringify(allPicBedConfigure)
-      }
-    })
-  } else {
-    currentAlias.value = picBedAlias
-    currentPicBedName.value = allPicBedConfigure[picBedAlias].picBedName
-    currentPagePicBedConfig = allPicBedConfigure[picBedAlias]
-    picBedSwitchDialogVisible.value = false
-    currentSelectedBucket.value = ''
-    getBucketList()
-  }
-}
-
-function changePicBed () {
-  picBedSwitchDialogVisible.value = true
-}
-
-function openBucketPageSetting () {
-  console.log('Open Bucket Page Setting')
-  router.push({
-    path: '/main-page/manage-main-page/manage-setting-page',
-    query: {
-      alias: currentAlias.value,
-      picBedName: currentPicBedName.value,
-      config: JSON.stringify(currentPagePicBedConfig),
-      allPicBedConfigure: JSON.stringify(allPicBedConfigure)
-    }
-  })
-}
-
-onBeforeMount(() => {
-  getBucketList()
-})
-</script>
-
-<style src="./css/ManageMain.css" scoped></style>
+<template>
+  <div class="manage-container">
+    <!-- Header Card -->
+    <div class="manage-card header-card">
+      <div class="card-header">
+        <div class="header-content">
+          <div class="header-icon">
+            <img
+              :src="`./assets/${currentPagePicBedConfig.picBedName}.webp`"
+              class="header-icon-img"
+            >
+          </div>
+          <div class="header-text">
+            <h2 class="header-title">
+              {{ supportedPicBedList[currentPagePicBedConfig.picBedName].name }}
+            </h2>
+            <p class="header-subtitle">
+              {{ menuTitleMap[currentPicBedName] }}
+            </p>
+          </div>
+        </div>
+        <div class="header-actions">
+          <button
+            class="action-button secondary"
+            @click="openPicBedUrl"
+          >
+            <ExternalLinkIcon class="button-icon" />
+            {{ t('pages.manage.main.openPicBedUrl') }}
+          </button>
+          <button
+            v-if="showNewIconList.includes(currentPicBedName)"
+            class="action-button primary"
+            @click="openNewBucketDrawer"
+          >
+            <PlusIcon class="button-icon" />
+            {{ t('pages.manage.main.newBucket') }}
+          </button>
+        </div>
+      </div>
+    </div>
+
+    <!-- Main Content Card -->
+    <div class="manage-card main-card">
+      <div class="main-layout">
+        <div class="sidebar">
+          <div class="sidebar-header">
+            <h3 class="sidebar-title">
+              {{ menuTitleMap[currentPicBedName] }}
+            </h3>
+          </div>
+
+          <div class="sidebar-content">
+            <div
+              v-if="isLoadingBucketList"
+              class="loading-container"
+            >
+              <div class="loading-spinner" />
+              <span class="loading-text">{{ t('pages.manage.main.loading') }}</span>
+            </div>
+            <div
+              v-else
+              class="menu-list"
+            >
+              <div
+                v-for="item in bucketNameList"
+                :key="item"
+                class="menu-item"
+                :class="{ active: item === currentSelectedBucket }"
+                @click="handleSelectMenu(item)"
+              >
+                <FolderIcon
+                  v-if="currentSelectedBucket === item && currentPicBedName !== 'github'"
+                  class="menu-icon active"
+                />
+                <FolderIcon
+                  v-else-if="currentPicBedName !== 'github'"
+                  class="menu-icon"
+                />
+                <GitBranchIcon
+                  v-else-if="currentPicBedName === 'github'"
+                  class="menu-icon"
+                />
+                <span class="menu-text">
+                  {{
+                    currentPicBedName === 'tcyun'
+                      ? item.slice(0, item.length - 11)
+                      : currentPicBedName === 'github'
+                        ? item.length > 10
+                          ? `${item.slice(0, 5)}..${item.slice(-5)}`
+                          : item
+                        : item
+                  }}
+                </span>
+              </div>
+            </div>
+          </div>
+
+          <div class="sidebar-footer">
+            <div class="footer-actions">
+              <button
+                class="footer-action-item"
+                @click="switchPicBed('main')"
+              >
+                <HomeIcon class="action-icon" />
+                <span class="action-text">{{ t('pages.manage.main.backToHome') }}</span>
+              </button>
+              <button
+                class="footer-action-item"
+                @click="changePicBed"
+              >
+                <ArrowLeftRightIcon class="action-icon" />
+                <span class="action-text">{{ t('pages.manage.main.switchPicBed') }}</span>
+              </button>
+              <button
+                class="footer-action-item"
+                @click="openBucketPageSetting"
+              >
+                <SettingsIcon class="action-icon" />
+                <span class="action-text">{{ t('pages.manage.main.settings') }}</span>
+              </button>
+            </div>
+          </div>
+        </div>
+
+        <div class="content-area">
+          <router-view />
+        </div>
+      </div>
+    </div>
+
+    <!-- PicBed Switch Dialog -->
+    <div
+      v-if="picBedSwitchDialogVisible"
+      class="dialog-overlay"
+      @click="picBedSwitchDialogVisible = false"
+    >
+      <div
+        class="dialog-container"
+        @click.stop
+      >
+        <div class="dialog-header">
+          <h3 class="dialog-title">
+            {{ t('pages.manage.main.switchPicBed') }}
+          </h3>
+          <button
+            class="dialog-close"
+            @click="picBedSwitchDialogVisible = false"
+          >
+            <XIcon class="close-icon" />
+          </button>
+        </div>
+        <div class="dialog-content">
+          <div class="choice-cos">
+            <!-- Back to main card -->
+            <div
+              class="picbed-card main-card"
+              @click="switchPicBed('main')"
+            >
+              <div class="card-icon">
+                <HomeIcon class="main-icon" />
+              </div>
+              <div class="card-content">
+                <div class="card-title main-title">
+                  {{ $t('pages.manage.main.backToHome') }}
+                </div>
+              </div>
+            </div>
+
+            <!-- PicBed cards -->
+            <div
+              v-for="(config, alias) in allPicBedConfigure"
+              :key="String(alias)"
+              class="picbed-card"
+              :class="{ active: String(alias) === currentAlias }"
+              @click="switchPicBed(String(alias))"
+            >
+              <div class="card-icon">
+                <img
+                  :src="`./assets/${config.picBedName}.webp`"
+                  class="picbed-icon"
+                >
+              </div>
+              <div class="card-content">
+                <div class="card-title">
+                  {{ config.alias }}
+                </div>
+              </div>
+              <div
+                v-if="String(alias) === currentAlias"
+                class="check-icon"
+              >
+                <CheckIcon />
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- New Bucket Drawer -->
+    <div
+      v-if="nweBucketDrawerVisible"
+      class="drawer-overlay"
+      @click="nweBucketDrawerVisible = false"
+    >
+      <div
+        class="drawer-container"
+        @click.stop
+      >
+        <div class="drawer-header">
+          <h3 class="drawer-title">
+            {{ t('pages.manage.main.newBucket') }}
+          </h3>
+          <button
+            class="drawer-close"
+            @click="nweBucketDrawerVisible = false"
+          >
+            <XIcon class="close-icon" />
+          </button>
+        </div>
+        <div class="drawer-content">
+          <form @submit.prevent="createNewBucket(currentPicBedName)">
+            <div class="form-header">
+              <div class="form-icon">
+                <img
+                  :src="`./assets/${currentPicBedName}.webp`"
+                  class="picbed-form-icon"
+                >
+              </div>
+            </div>
+
+            <div class="form-divider" />
+
+            <div
+              v-for="option in newBucketConfig[currentPicBedName].options"
+              :key="option"
+              class="form-group"
+            >
+              <label class="form-label">
+                {{ newBucketConfig[currentPicBedName].configOptions[option].description }}
+              </label>
+
+              <!-- Input field -->
+              <input
+                v-if="newBucketConfig[currentPicBedName].configOptions[option].component === 'input' && currentPicBedName !== 'tcyun'"
+                v-model.trim="newBucketConfigResult[currentPicBedName + '.' + option]"
+                type="text"
+                class="form-input"
+                :placeholder="newBucketConfig[currentPicBedName].configOptions[option].placeholder"
+              >
+
+              <!-- TCyun special input with append -->
+              <div
+                v-if="currentPicBedName === 'tcyun' && newBucketConfig[currentPicBedName].configOptions[option].component === 'input'"
+                class="input-group"
+              >
+                <input
+                  v-model.trim="newBucketConfigResult[currentPicBedName + '.' + option]"
+                  type="text"
+                  class="form-input group-input"
+                  :placeholder="newBucketConfig[currentPicBedName].configOptions[option].placeholder"
+                >
+                <span class="input-append">{{ '-' + currentPagePicBedConfig.appId }}</span>
+              </div>
+
+              <!-- Select field -->
+              <div
+                v-if="newBucketConfig[currentPicBedName].configOptions[option].component === 'select'"
+                class="select-wrapper"
+              >
+                <select
+                  v-model="newBucketConfigResult[currentPicBedName + '.' + option]"
+                  class="form-select"
+                >
+                  <option
+                    v-for="(label, value) in newBucketConfig[currentPicBedName].configOptions[option].options"
+                    :key="value"
+                    :value="value"
+                  >
+                    {{ label }}
+                  </option>
+                </select>
+                <ChevronDownIcon class="select-arrow" />
+              </div>
+
+              <!-- Switch field -->
+              <label
+                v-if="newBucketConfig[currentPicBedName].configOptions[option].component === 'switch'"
+                class="switch-label"
+              >
+                <input
+                  v-model="newBucketConfigResult[currentPicBedName + '.' + option]"
+                  type="checkbox"
+                  class="switch-input"
+                  :true-value="true"
+                  :false-value="false"
+                >
+                <span class="switch-slider">
+                  <span class="switch-button" />
+                </span>
+              </label>
+            </div>
+
+            <div class="form-actions">
+              <button
+                type="button"
+                class="action-button secondary"
+                @click="nweBucketDrawerVisible = false"
+              >
+                {{ $t('common.cancel') }}
+              </button>
+              <button
+                type="submit"
+                class="action-button primary"
+              >
+                <CheckIcon class="button-icon" />
+                {{ t('common.submit') }}
+              </button>
+            </div>
+          </form>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import {
+  ArrowLeftRightIcon,
+  CheckIcon,
+  ChevronDownIcon,
+  ExternalLinkIcon,
+  FolderIcon,
+  GitBranchIcon,
+  HomeIcon,
+  PlusIcon,
+  SettingsIcon,
+  XIcon
+} from 'lucide-vue-next'
+import { onBeforeMount, reactive, ref, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
+import { useRoute, useRouter } from 'vue-router'
+
+import useMessage from '@/hooks/useMessage'
+import { useManageStore } from '@/manage/store/manageStore'
+import { supportedPicBedList } from '@/manage/utils/constants'
+import { newBucketConfig } from '@/manage/utils/newBucketConfig'
+import { IRPCActionType } from '@/utils/enum'
+import type { IStringKeyMap } from '#/types/types'
+
+const { t } = useI18n()
+const manageStore = useManageStore() as any
+const route = useRoute()
+const router = useRouter()
+const message = useMessage()
+
+const currentAlias = ref(route.query.alias as string)
+const currentPicBedName = ref(route.query.picBedName as string)
+
+let allPicBedConfigure = JSON.parse(route.query.allPicBedConfigure as string)
+let currentPagePicBedConfig = reactive(JSON.parse(route.query.config as string))
+
+const newBucketConfigResult: IStringKeyMap = reactive({})
+const bucketList = ref({} as IStringKeyMap)
+const currentSelectedBucket = ref('')
+const bucketNameList = ref([] as string[])
+
+const isLoadingBucketList = ref(false)
+const nweBucketDrawerVisible = ref(false)
+const picBedSwitchDialogVisible = ref(false)
+
+watch(route, async (newRoute) => {
+  if (newRoute.fullPath.split('?')[0] === '/main-page/manage-main-page') {
+    console.log('route changed')
+    currentAlias.value = newRoute.query.alias as string
+    currentPicBedName.value = newRoute.query.picBedName as string
+    allPicBedConfigure = JSON.parse(newRoute.query.allPicBedConfigure as string)
+    currentPagePicBedConfig = reactive(JSON.parse(newRoute.query.config as string))
+    await getBucketList()
+  }
+}, { deep: true })
+
+const urlMap: IStringKeyMap = {
+  aliyun: 'https://oss.console.aliyun.com',
+  github: 'https://github.com',
+  imgur: 'https://imgur.com',
+  local: 'https://piclist.cn',
+  qiniu: 'https://portal.qiniu.com',
+  s3plist: 'https://aws.amazon.com/cn/s3/',
+  sftp: 'https://github.com/imba97/picgo-plugin-sftp-uploader',
+  smms: 'https://smms.app',
+  tcyun: 'https://console.cloud.tencent.com/cos',
+  upyun: 'https://console.upyun.com',
+  webdavplist: 'https://baike.baidu.com/item/WebDAV/4610909'
+}
+
+const showNewIconList = ['aliyun', 'qiniu', 'tcyun', 's3plist']
+
+const bucketT = t('pages.manage.main.bucket')
+const galleryT = t('pages.manage.main.gallery')
+const repositoryT = t('pages.manage.main.repo')
+
+const menuTitleMap: IStringKeyMap = {
+  aliyun: bucketT,
+  qiniu: bucketT,
+  tcyun: bucketT,
+  upyun: bucketT,
+  s3plist: bucketT,
+  sftp: '',
+  smms: galleryT,
+  imgur: galleryT,
+  github: repositoryT,
+  webdavplist: '',
+  local: ''
+}
+
+const openPicBedUrl = () => window.electron.sendRPC(IRPCActionType.OPEN_URL, urlMap[currentPagePicBedConfig.picBedName])
+
+function openNewBucketDrawer () {
+  nweBucketDrawerVisible.value = true
+}
+
+function createNewBucket (picBedName: string) {
+  const configOptions = newBucketConfig[picBedName].configOptions
+  const resultMap: IStringKeyMap = Object.keys(configOptions).reduce((result, key) => {
+    const resultKey = `${picBedName}.${key}`
+    const defaultValue = configOptions[key].default
+    const resultValue = newBucketConfigResult[resultKey]
+
+    result[key] =
+      resultValue === '' && defaultValue !== undefined
+        ? defaultValue
+        : resultValue === undefined
+          ? ''
+          : resultValue
+
+    return result
+  }, {} as IStringKeyMap)
+  if (currentPicBedName.value === 'tcyun') {
+    resultMap.BucketName = `${resultMap.BucketName}-${currentPagePicBedConfig.appId}`
+  }
+  resultMap.endpoint = currentPagePicBedConfig.endpoint
+  window.electron.triggerRPC(IRPCActionType.MANAGE_CREATE_BUCKET, currentAlias.value, resultMap).then((result: any) => {
+    if (result) {
+      // Show success notification
+      message.success(t('pages.manage.main.createSuccess'))
+      nweBucketDrawerVisible.value = false
+      setTimeout(() => {
+        getBucketList()
+      }, 2000)
+    } else {
+      // Show error notification
+      message.error(t('pages.manage.main.createFailed'))
+    }
+  })
+}
+
+async function getBucketList () {
+  bucketList.value = {}
+  bucketNameList.value = []
+  isLoadingBucketList.value = true
+
+  const result = await window.electron.triggerRPC<any>(IRPCActionType.MANAGE_GET_BUCKET_LIST, currentAlias.value)
+  isLoadingBucketList.value = false
+  if (result.length > 0) {
+    result.forEach((item: any) => {
+      bucketList.value[item.Name] = item
+      bucketNameList.value.push(item.Name)
+    })
+  }
+}
+
+function transPathToUnix (filePath: string | undefined) {
+  if (!filePath) return ''
+  return window.electron.platform === 'win32'
+    ? filePath
+        .split(window.node.path.sep)
+        .join(window.node.path.posix.sep)
+        .replace(/^\/+|\/+$/g, '')
+    : filePath.replace(/^\/+|\/+$/g, '')
+}
+
+function handleSelectMenu (bucketName: string) {
+  const currentPicBedConfig = manageStore.config.picBed[currentAlias.value]
+  const transformedConfig = JSON.parse(currentPicBedConfig.transformedConfig ?? '{}')
+
+  let prefix = transformedConfig[bucketName]?.baseDir || '/'
+  const cpicBedName = currentPicBedConfig.picBedName ?? currentPicBedName.value
+  if (cpicBedName === 'local') {
+    prefix = `/${transPathToUnix(prefix)}/`
+  } else {
+    prefix = prefix.startsWith('/') ? prefix : `/${prefix}`
+    prefix = prefix.endsWith('/') ? prefix : `${prefix}/`
+  }
+
+  const configMap = {
+    prefix,
+    bucketName,
+    customUrl: transformedConfig[bucketName]?.customUrl ?? '',
+    picBedName: cpicBedName,
+    alias: currentAlias.value,
+    bucketConfig: bucketList.value[bucketName],
+    cdnUrl: currentPicBedConfig.customUrl,
+    baseDir: prefix,
+    webPath: currentPicBedConfig.webPath || ''
+  }
+  currentSelectedBucket.value = bucketName
+  router.push({
+    path: '/main-page/manage-main-page/manage-bucket-page',
+    query: {
+      configMap: JSON.stringify(configMap),
+      alias: currentAlias.value,
+      picBedName: currentPicBedName.value,
+      config: JSON.stringify(currentPagePicBedConfig),
+      allPicBedConfigure: JSON.stringify(allPicBedConfigure)
+    }
+  })
+}
+
+function switchPicBed (picBedAlias: string) {
+  if (picBedAlias === 'main') {
+    router.push({
+      path: '/main-page/manage-login-page'
+    })
+    return
+  }
+  if (
+    route.fullPath.startsWith('/main-page/manage-main-page/manage-bucket-page') ||
+    route.fullPath.startsWith('/main-page/manage-main-page/manage-setting-page')
+  ) {
+    picBedSwitchDialogVisible.value = false
+    router.push({
+      path: '/main-page/manage-main-page',
+      query: {
+        alias: picBedAlias,
+        picBedName: allPicBedConfigure[picBedAlias].picBedName,
+        config: JSON.stringify(allPicBedConfigure[picBedAlias]),
+        allPicBedConfigure: JSON.stringify(allPicBedConfigure)
+      }
+    })
+  } else {
+    currentAlias.value = picBedAlias
+    currentPicBedName.value = allPicBedConfigure[picBedAlias].picBedName
+    currentPagePicBedConfig = allPicBedConfigure[picBedAlias]
+    picBedSwitchDialogVisible.value = false
+    currentSelectedBucket.value = ''
+    getBucketList()
+  }
+}
+
+function changePicBed () {
+  picBedSwitchDialogVisible.value = true
+}
+
+function openBucketPageSetting () {
+  console.log('Open Bucket Page Setting')
+  router.push({
+    path: '/main-page/manage-main-page/manage-setting-page',
+    query: {
+      alias: currentAlias.value,
+      picBedName: currentPicBedName.value,
+      config: JSON.stringify(currentPagePicBedConfig),
+      allPicBedConfigure: JSON.stringify(allPicBedConfigure)
+    }
+  })
+}
+
+onBeforeMount(() => {
+  getBucketList()
+})
+</script>
+
+<style src="./css/ManageMain.css" scoped></style>
diff --git a/src/renderer/pages/Gallery.vue b/src/renderer/pages/Gallery.vue
index f75e4686..ba73c588 100644
--- a/src/renderer/pages/Gallery.vue
+++ b/src/renderer/pages/Gallery.vue
@@ -318,7 +318,7 @@
             >
               <img
                 :src="imageErrorStates[item.key || '']
-                  ? '/errorLoading.png'
+                  ? './errorLoading.png'
                   : isAlwaysForceReload ? addCacheBustParam(item.src) : item.src"
                 class="gallery-image"
                 :class="{ loading: !imageLoadStates[item.key || ''] }"
diff --git a/src/renderer/pages/MiniPage.vue b/src/renderer/pages/MiniPage.vue
index 7e57608c..dcf1e637 100644
--- a/src/renderer/pages/MiniPage.vue
+++ b/src/renderer/pages/MiniPage.vue
@@ -14,7 +14,7 @@
     >
       <img
         v-if="!dragover && !isShowingProgress"
-        :src="logoPath ? logoPath : '/squareLogo.png'"
+        :src="logoPath ? logoPath : './squareLogo.png'"
         style="width: 100%; height: 100%; border-radius: 50%"
         draggable="false"
         @dragstart.prevent
diff --git a/src/renderer/pages/Plugin.vue b/src/renderer/pages/Plugin.vue
index 596ad0ae..1fbfdebd 100644
--- a/src/renderer/pages/Plugin.vue
+++ b/src/renderer/pages/Plugin.vue
@@ -126,7 +126,7 @@
           <img
             class="plugin-logo"
             :src="item.logo"
-            :onerror="defaultLogo"
+            :onerror="setSrc"
             alt=""
           >
           <div class="plugin-info">
@@ -331,9 +331,13 @@ const pluginNameList = ref<string[]>([])
 const loading = ref(true)
 const needReload = ref(false)
 const latestVersionMap = reactive<{ [key: string]: string }>({})
-const defaultLogo = ref('this.src=\'/roundLogo.png\'')
 const $configForm = ref<InstanceType<typeof ConfigForm> | null>(null)
 
+function setSrc (e: Event) {
+  const target = e.target as HTMLImageElement
+  target.src = import.meta.env.BASE_URL + 'roundLogo.png'
+}
+
 const npmSearchText = computed(() => {
   return searchText.value.match('picgo-plugin-')
     ? searchText.value
diff --git a/src/renderer/pages/Toolbox.vue b/src/renderer/pages/Toolbox.vue
index 15ba27e1..52c47a0c 100644
--- a/src/renderer/pages/Toolbox.vue
+++ b/src/renderer/pages/Toolbox.vue
@@ -146,8 +146,8 @@ import type { IToolboxMap } from '#/types/view'
 
 const { t } = useI18n()
 const { confirm } = useConfirm()
-const defaultLogo = ref('/roundLogo.png')
 const activeTypes = ref<string[]>([])
+const defaultLogo = computed(() => `${import.meta.env.BASE_URL}roundLogo.png`)
 const fixList = reactive<IToolboxMap>({
   [IToolboxItemType.IS_CONFIG_FILE_BROKEN]: {
     title: t('pages.toolbox.checkConfigFileBroken'),
diff --git a/public/assets/aliyun.webp b/src/renderer/public/assets/aliyun.webp
similarity index 100%
rename from public/assets/aliyun.webp
rename to src/renderer/public/assets/aliyun.webp
diff --git a/public/assets/github.webp b/src/renderer/public/assets/github.webp
similarity index 100%
rename from public/assets/github.webp
rename to src/renderer/public/assets/github.webp
diff --git a/public/assets/icons/3g2.webp b/src/renderer/public/assets/icons/3g2.webp
similarity index 100%
rename from public/assets/icons/3g2.webp
rename to src/renderer/public/assets/icons/3g2.webp
diff --git a/public/assets/icons/3gp.webp b/src/renderer/public/assets/icons/3gp.webp
similarity index 100%
rename from public/assets/icons/3gp.webp
rename to src/renderer/public/assets/icons/3gp.webp
diff --git a/public/assets/icons/7z.webp b/src/renderer/public/assets/icons/7z.webp
similarity index 100%
rename from public/assets/icons/7z.webp
rename to src/renderer/public/assets/icons/7z.webp
diff --git a/public/assets/icons/_blank.webp b/src/renderer/public/assets/icons/_blank.webp
similarity index 100%
rename from public/assets/icons/_blank.webp
rename to src/renderer/public/assets/icons/_blank.webp
diff --git a/public/assets/icons/_page.webp b/src/renderer/public/assets/icons/_page.webp
similarity index 100%
rename from public/assets/icons/_page.webp
rename to src/renderer/public/assets/icons/_page.webp
diff --git a/public/assets/icons/aac.webp b/src/renderer/public/assets/icons/aac.webp
similarity index 100%
rename from public/assets/icons/aac.webp
rename to src/renderer/public/assets/icons/aac.webp
diff --git a/public/assets/icons/accdb.webp b/src/renderer/public/assets/icons/accdb.webp
similarity index 100%
rename from public/assets/icons/accdb.webp
rename to src/renderer/public/assets/icons/accdb.webp
diff --git a/public/assets/icons/adt.webp b/src/renderer/public/assets/icons/adt.webp
similarity index 100%
rename from public/assets/icons/adt.webp
rename to src/renderer/public/assets/icons/adt.webp
diff --git a/public/assets/icons/ai.webp b/src/renderer/public/assets/icons/ai.webp
similarity index 100%
rename from public/assets/icons/ai.webp
rename to src/renderer/public/assets/icons/ai.webp
diff --git a/public/assets/icons/aiff.webp b/src/renderer/public/assets/icons/aiff.webp
similarity index 100%
rename from public/assets/icons/aiff.webp
rename to src/renderer/public/assets/icons/aiff.webp
diff --git a/public/assets/icons/aly.webp b/src/renderer/public/assets/icons/aly.webp
similarity index 100%
rename from public/assets/icons/aly.webp
rename to src/renderer/public/assets/icons/aly.webp
diff --git a/public/assets/icons/amiga.webp b/src/renderer/public/assets/icons/amiga.webp
similarity index 100%
rename from public/assets/icons/amiga.webp
rename to src/renderer/public/assets/icons/amiga.webp
diff --git a/public/assets/icons/amr.webp b/src/renderer/public/assets/icons/amr.webp
similarity index 100%
rename from public/assets/icons/amr.webp
rename to src/renderer/public/assets/icons/amr.webp
diff --git a/public/assets/icons/ape.webp b/src/renderer/public/assets/icons/ape.webp
similarity index 100%
rename from public/assets/icons/ape.webp
rename to src/renderer/public/assets/icons/ape.webp
diff --git a/public/assets/icons/apk.webp b/src/renderer/public/assets/icons/apk.webp
similarity index 100%
rename from public/assets/icons/apk.webp
rename to src/renderer/public/assets/icons/apk.webp
diff --git a/public/assets/icons/arj.webp b/src/renderer/public/assets/icons/arj.webp
similarity index 100%
rename from public/assets/icons/arj.webp
rename to src/renderer/public/assets/icons/arj.webp
diff --git a/public/assets/icons/asf.webp b/src/renderer/public/assets/icons/asf.webp
similarity index 100%
rename from public/assets/icons/asf.webp
rename to src/renderer/public/assets/icons/asf.webp
diff --git a/public/assets/icons/asm.webp b/src/renderer/public/assets/icons/asm.webp
similarity index 100%
rename from public/assets/icons/asm.webp
rename to src/renderer/public/assets/icons/asm.webp
diff --git a/public/assets/icons/asx.webp b/src/renderer/public/assets/icons/asx.webp
similarity index 100%
rename from public/assets/icons/asx.webp
rename to src/renderer/public/assets/icons/asx.webp
diff --git a/public/assets/icons/au.webp b/src/renderer/public/assets/icons/au.webp
similarity index 100%
rename from public/assets/icons/au.webp
rename to src/renderer/public/assets/icons/au.webp
diff --git a/public/assets/icons/avc.webp b/src/renderer/public/assets/icons/avc.webp
similarity index 100%
rename from public/assets/icons/avc.webp
rename to src/renderer/public/assets/icons/avc.webp
diff --git a/public/assets/icons/avi.webp b/src/renderer/public/assets/icons/avi.webp
similarity index 100%
rename from public/assets/icons/avi.webp
rename to src/renderer/public/assets/icons/avi.webp
diff --git a/public/assets/icons/avif.webp b/src/renderer/public/assets/icons/avif.webp
similarity index 100%
rename from public/assets/icons/avif.webp
rename to src/renderer/public/assets/icons/avif.webp
diff --git a/public/assets/icons/avs.webp b/src/renderer/public/assets/icons/avs.webp
similarity index 100%
rename from public/assets/icons/avs.webp
rename to src/renderer/public/assets/icons/avs.webp
diff --git a/public/assets/icons/bak.webp b/src/renderer/public/assets/icons/bak.webp
similarity index 100%
rename from public/assets/icons/bak.webp
rename to src/renderer/public/assets/icons/bak.webp
diff --git a/public/assets/icons/bas.webp b/src/renderer/public/assets/icons/bas.webp
similarity index 100%
rename from public/assets/icons/bas.webp
rename to src/renderer/public/assets/icons/bas.webp
diff --git a/public/assets/icons/bat.webp b/src/renderer/public/assets/icons/bat.webp
similarity index 100%
rename from public/assets/icons/bat.webp
rename to src/renderer/public/assets/icons/bat.webp
diff --git a/public/assets/icons/bmp.webp b/src/renderer/public/assets/icons/bmp.webp
similarity index 100%
rename from public/assets/icons/bmp.webp
rename to src/renderer/public/assets/icons/bmp.webp
diff --git a/public/assets/icons/bom.webp b/src/renderer/public/assets/icons/bom.webp
similarity index 100%
rename from public/assets/icons/bom.webp
rename to src/renderer/public/assets/icons/bom.webp
diff --git a/public/assets/icons/c.webp b/src/renderer/public/assets/icons/c.webp
similarity index 100%
rename from public/assets/icons/c.webp
rename to src/renderer/public/assets/icons/c.webp
diff --git a/public/assets/icons/cda.webp b/src/renderer/public/assets/icons/cda.webp
similarity index 100%
rename from public/assets/icons/cda.webp
rename to src/renderer/public/assets/icons/cda.webp
diff --git a/public/assets/icons/cdr.webp b/src/renderer/public/assets/icons/cdr.webp
similarity index 100%
rename from public/assets/icons/cdr.webp
rename to src/renderer/public/assets/icons/cdr.webp
diff --git a/public/assets/icons/chm.webp b/src/renderer/public/assets/icons/chm.webp
similarity index 100%
rename from public/assets/icons/chm.webp
rename to src/renderer/public/assets/icons/chm.webp
diff --git a/public/assets/icons/class.webp b/src/renderer/public/assets/icons/class.webp
similarity index 100%
rename from public/assets/icons/class.webp
rename to src/renderer/public/assets/icons/class.webp
diff --git a/public/assets/icons/cmd.webp b/src/renderer/public/assets/icons/cmd.webp
similarity index 100%
rename from public/assets/icons/cmd.webp
rename to src/renderer/public/assets/icons/cmd.webp
diff --git a/public/assets/icons/com.webp b/src/renderer/public/assets/icons/com.webp
similarity index 100%
rename from public/assets/icons/com.webp
rename to src/renderer/public/assets/icons/com.webp
diff --git a/public/assets/icons/cpp.webp b/src/renderer/public/assets/icons/cpp.webp
similarity index 100%
rename from public/assets/icons/cpp.webp
rename to src/renderer/public/assets/icons/cpp.webp
diff --git a/public/assets/icons/css.webp b/src/renderer/public/assets/icons/css.webp
similarity index 100%
rename from public/assets/icons/css.webp
rename to src/renderer/public/assets/icons/css.webp
diff --git a/public/assets/icons/csv.webp b/src/renderer/public/assets/icons/csv.webp
similarity index 100%
rename from public/assets/icons/csv.webp
rename to src/renderer/public/assets/icons/csv.webp
diff --git a/public/assets/icons/dart.webp b/src/renderer/public/assets/icons/dart.webp
similarity index 100%
rename from public/assets/icons/dart.webp
rename to src/renderer/public/assets/icons/dart.webp
diff --git a/public/assets/icons/dat.webp b/src/renderer/public/assets/icons/dat.webp
similarity index 100%
rename from public/assets/icons/dat.webp
rename to src/renderer/public/assets/icons/dat.webp
diff --git a/public/assets/icons/ddb.webp b/src/renderer/public/assets/icons/ddb.webp
similarity index 100%
rename from public/assets/icons/ddb.webp
rename to src/renderer/public/assets/icons/ddb.webp
diff --git a/public/assets/icons/dif.webp b/src/renderer/public/assets/icons/dif.webp
similarity index 100%
rename from public/assets/icons/dif.webp
rename to src/renderer/public/assets/icons/dif.webp
diff --git a/public/assets/icons/divx.webp b/src/renderer/public/assets/icons/divx.webp
similarity index 100%
rename from public/assets/icons/divx.webp
rename to src/renderer/public/assets/icons/divx.webp
diff --git a/public/assets/icons/dll.webp b/src/renderer/public/assets/icons/dll.webp
similarity index 100%
rename from public/assets/icons/dll.webp
rename to src/renderer/public/assets/icons/dll.webp
diff --git a/public/assets/icons/dmg.webp b/src/renderer/public/assets/icons/dmg.webp
similarity index 100%
rename from public/assets/icons/dmg.webp
rename to src/renderer/public/assets/icons/dmg.webp
diff --git a/public/assets/icons/doc.webp b/src/renderer/public/assets/icons/doc.webp
similarity index 100%
rename from public/assets/icons/doc.webp
rename to src/renderer/public/assets/icons/doc.webp
diff --git a/public/assets/icons/docm.webp b/src/renderer/public/assets/icons/docm.webp
similarity index 100%
rename from public/assets/icons/docm.webp
rename to src/renderer/public/assets/icons/docm.webp
diff --git a/public/assets/icons/docx.webp b/src/renderer/public/assets/icons/docx.webp
similarity index 100%
rename from public/assets/icons/docx.webp
rename to src/renderer/public/assets/icons/docx.webp
diff --git a/public/assets/icons/dot.webp b/src/renderer/public/assets/icons/dot.webp
similarity index 100%
rename from public/assets/icons/dot.webp
rename to src/renderer/public/assets/icons/dot.webp
diff --git a/public/assets/icons/dotm.webp b/src/renderer/public/assets/icons/dotm.webp
similarity index 100%
rename from public/assets/icons/dotm.webp
rename to src/renderer/public/assets/icons/dotm.webp
diff --git a/public/assets/icons/dotx.webp b/src/renderer/public/assets/icons/dotx.webp
similarity index 100%
rename from public/assets/icons/dotx.webp
rename to src/renderer/public/assets/icons/dotx.webp
diff --git a/public/assets/icons/dsl.webp b/src/renderer/public/assets/icons/dsl.webp
similarity index 100%
rename from public/assets/icons/dsl.webp
rename to src/renderer/public/assets/icons/dsl.webp
diff --git a/public/assets/icons/dv.webp b/src/renderer/public/assets/icons/dv.webp
similarity index 100%
rename from public/assets/icons/dv.webp
rename to src/renderer/public/assets/icons/dv.webp
diff --git a/public/assets/icons/dvd.webp b/src/renderer/public/assets/icons/dvd.webp
similarity index 100%
rename from public/assets/icons/dvd.webp
rename to src/renderer/public/assets/icons/dvd.webp
diff --git a/public/assets/icons/dvdaudio.webp b/src/renderer/public/assets/icons/dvdaudio.webp
similarity index 100%
rename from public/assets/icons/dvdaudio.webp
rename to src/renderer/public/assets/icons/dvdaudio.webp
diff --git a/public/assets/icons/dwg.webp b/src/renderer/public/assets/icons/dwg.webp
similarity index 100%
rename from public/assets/icons/dwg.webp
rename to src/renderer/public/assets/icons/dwg.webp
diff --git a/public/assets/icons/dxf.webp b/src/renderer/public/assets/icons/dxf.webp
similarity index 100%
rename from public/assets/icons/dxf.webp
rename to src/renderer/public/assets/icons/dxf.webp
diff --git a/public/assets/icons/emf.webp b/src/renderer/public/assets/icons/emf.webp
similarity index 100%
rename from public/assets/icons/emf.webp
rename to src/renderer/public/assets/icons/emf.webp
diff --git a/public/assets/icons/env.webp b/src/renderer/public/assets/icons/env.webp
similarity index 100%
rename from public/assets/icons/env.webp
rename to src/renderer/public/assets/icons/env.webp
diff --git a/public/assets/icons/eot.webp b/src/renderer/public/assets/icons/eot.webp
similarity index 100%
rename from public/assets/icons/eot.webp
rename to src/renderer/public/assets/icons/eot.webp
diff --git a/public/assets/icons/eps.webp b/src/renderer/public/assets/icons/eps.webp
similarity index 100%
rename from public/assets/icons/eps.webp
rename to src/renderer/public/assets/icons/eps.webp
diff --git a/public/assets/icons/exe.webp b/src/renderer/public/assets/icons/exe.webp
similarity index 100%
rename from public/assets/icons/exe.webp
rename to src/renderer/public/assets/icons/exe.webp
diff --git a/public/assets/icons/exif.webp b/src/renderer/public/assets/icons/exif.webp
similarity index 100%
rename from public/assets/icons/exif.webp
rename to src/renderer/public/assets/icons/exif.webp
diff --git a/public/assets/icons/fakesmms.webp b/src/renderer/public/assets/icons/fakesmms.webp
similarity index 100%
rename from public/assets/icons/fakesmms.webp
rename to src/renderer/public/assets/icons/fakesmms.webp
diff --git a/public/assets/icons/flc.webp b/src/renderer/public/assets/icons/flc.webp
similarity index 100%
rename from public/assets/icons/flc.webp
rename to src/renderer/public/assets/icons/flc.webp
diff --git a/public/assets/icons/fli.webp b/src/renderer/public/assets/icons/fli.webp
similarity index 100%
rename from public/assets/icons/fli.webp
rename to src/renderer/public/assets/icons/fli.webp
diff --git a/public/assets/icons/flv.webp b/src/renderer/public/assets/icons/flv.webp
similarity index 100%
rename from public/assets/icons/flv.webp
rename to src/renderer/public/assets/icons/flv.webp
diff --git a/public/assets/icons/folder.webp b/src/renderer/public/assets/icons/folder.webp
similarity index 100%
rename from public/assets/icons/folder.webp
rename to src/renderer/public/assets/icons/folder.webp
diff --git a/public/assets/icons/fon.webp b/src/renderer/public/assets/icons/fon.webp
similarity index 100%
rename from public/assets/icons/fon.webp
rename to src/renderer/public/assets/icons/fon.webp
diff --git a/public/assets/icons/font.webp b/src/renderer/public/assets/icons/font.webp
similarity index 100%
rename from public/assets/icons/font.webp
rename to src/renderer/public/assets/icons/font.webp
diff --git a/public/assets/icons/for.webp b/src/renderer/public/assets/icons/for.webp
similarity index 100%
rename from public/assets/icons/for.webp
rename to src/renderer/public/assets/icons/for.webp
diff --git a/public/assets/icons/fpx.webp b/src/renderer/public/assets/icons/fpx.webp
similarity index 100%
rename from public/assets/icons/fpx.webp
rename to src/renderer/public/assets/icons/fpx.webp
diff --git a/public/assets/icons/fv.webp b/src/renderer/public/assets/icons/fv.webp
similarity index 100%
rename from public/assets/icons/fv.webp
rename to src/renderer/public/assets/icons/fv.webp
diff --git a/public/assets/icons/gif.webp b/src/renderer/public/assets/icons/gif.webp
similarity index 100%
rename from public/assets/icons/gif.webp
rename to src/renderer/public/assets/icons/gif.webp
diff --git a/public/assets/icons/gitingore.webp b/src/renderer/public/assets/icons/gitingore.webp
similarity index 100%
rename from public/assets/icons/gitingore.webp
rename to src/renderer/public/assets/icons/gitingore.webp
diff --git a/public/assets/icons/gitkeep.webp b/src/renderer/public/assets/icons/gitkeep.webp
similarity index 100%
rename from public/assets/icons/gitkeep.webp
rename to src/renderer/public/assets/icons/gitkeep.webp
diff --git a/public/assets/icons/gz.webp b/src/renderer/public/assets/icons/gz.webp
similarity index 100%
rename from public/assets/icons/gz.webp
rename to src/renderer/public/assets/icons/gz.webp
diff --git a/public/assets/icons/h.webp b/src/renderer/public/assets/icons/h.webp
similarity index 100%
rename from public/assets/icons/h.webp
rename to src/renderer/public/assets/icons/h.webp
diff --git a/public/assets/icons/hdri.webp b/src/renderer/public/assets/icons/hdri.webp
similarity index 100%
rename from public/assets/icons/hdri.webp
rename to src/renderer/public/assets/icons/hdri.webp
diff --git a/public/assets/icons/hlp.webp b/src/renderer/public/assets/icons/hlp.webp
similarity index 100%
rename from public/assets/icons/hlp.webp
rename to src/renderer/public/assets/icons/hlp.webp
diff --git a/public/assets/icons/hpp.webp b/src/renderer/public/assets/icons/hpp.webp
similarity index 100%
rename from public/assets/icons/hpp.webp
rename to src/renderer/public/assets/icons/hpp.webp
diff --git a/public/assets/icons/htm.webp b/src/renderer/public/assets/icons/htm.webp
similarity index 100%
rename from public/assets/icons/htm.webp
rename to src/renderer/public/assets/icons/htm.webp
diff --git a/public/assets/icons/html.webp b/src/renderer/public/assets/icons/html.webp
similarity index 100%
rename from public/assets/icons/html.webp
rename to src/renderer/public/assets/icons/html.webp
diff --git a/public/assets/icons/ico.webp b/src/renderer/public/assets/icons/ico.webp
similarity index 100%
rename from public/assets/icons/ico.webp
rename to src/renderer/public/assets/icons/ico.webp
diff --git a/public/assets/icons/ics.webp b/src/renderer/public/assets/icons/ics.webp
similarity index 100%
rename from public/assets/icons/ics.webp
rename to src/renderer/public/assets/icons/ics.webp
diff --git a/public/assets/icons/int.webp b/src/renderer/public/assets/icons/int.webp
similarity index 100%
rename from public/assets/icons/int.webp
rename to src/renderer/public/assets/icons/int.webp
diff --git a/public/assets/icons/ipynb.webp b/src/renderer/public/assets/icons/ipynb.webp
similarity index 100%
rename from public/assets/icons/ipynb.webp
rename to src/renderer/public/assets/icons/ipynb.webp
diff --git a/public/assets/icons/iso.webp b/src/renderer/public/assets/icons/iso.webp
similarity index 100%
rename from public/assets/icons/iso.webp
rename to src/renderer/public/assets/icons/iso.webp
diff --git a/public/assets/icons/java.webp b/src/renderer/public/assets/icons/java.webp
similarity index 100%
rename from public/assets/icons/java.webp
rename to src/renderer/public/assets/icons/java.webp
diff --git a/public/assets/icons/jpeg.webp b/src/renderer/public/assets/icons/jpeg.webp
similarity index 100%
rename from public/assets/icons/jpeg.webp
rename to src/renderer/public/assets/icons/jpeg.webp
diff --git a/public/assets/icons/jpg.webp b/src/renderer/public/assets/icons/jpg.webp
similarity index 100%
rename from public/assets/icons/jpg.webp
rename to src/renderer/public/assets/icons/jpg.webp
diff --git a/public/assets/icons/js.webp b/src/renderer/public/assets/icons/js.webp
similarity index 100%
rename from public/assets/icons/js.webp
rename to src/renderer/public/assets/icons/js.webp
diff --git a/public/assets/icons/json.webp b/src/renderer/public/assets/icons/json.webp
similarity index 100%
rename from public/assets/icons/json.webp
rename to src/renderer/public/assets/icons/json.webp
diff --git a/public/assets/icons/key.webp b/src/renderer/public/assets/icons/key.webp
similarity index 100%
rename from public/assets/icons/key.webp
rename to src/renderer/public/assets/icons/key.webp
diff --git a/public/assets/icons/ksp.webp b/src/renderer/public/assets/icons/ksp.webp
similarity index 100%
rename from public/assets/icons/ksp.webp
rename to src/renderer/public/assets/icons/ksp.webp
diff --git a/public/assets/icons/less.webp b/src/renderer/public/assets/icons/less.webp
similarity index 100%
rename from public/assets/icons/less.webp
rename to src/renderer/public/assets/icons/less.webp
diff --git a/public/assets/icons/lib.webp b/src/renderer/public/assets/icons/lib.webp
similarity index 100%
rename from public/assets/icons/lib.webp
rename to src/renderer/public/assets/icons/lib.webp
diff --git a/public/assets/icons/lic.webp b/src/renderer/public/assets/icons/lic.webp
similarity index 100%
rename from public/assets/icons/lic.webp
rename to src/renderer/public/assets/icons/lic.webp
diff --git a/public/assets/icons/license.webp b/src/renderer/public/assets/icons/license.webp
similarity index 100%
rename from public/assets/icons/license.webp
rename to src/renderer/public/assets/icons/license.webp
diff --git a/public/assets/icons/log.webp b/src/renderer/public/assets/icons/log.webp
similarity index 100%
rename from public/assets/icons/log.webp
rename to src/renderer/public/assets/icons/log.webp
diff --git a/public/assets/icons/lst.webp b/src/renderer/public/assets/icons/lst.webp
similarity index 100%
rename from public/assets/icons/lst.webp
rename to src/renderer/public/assets/icons/lst.webp
diff --git a/public/assets/icons/lua.webp b/src/renderer/public/assets/icons/lua.webp
similarity index 100%
rename from public/assets/icons/lua.webp
rename to src/renderer/public/assets/icons/lua.webp
diff --git a/public/assets/icons/mac.webp b/src/renderer/public/assets/icons/mac.webp
similarity index 100%
rename from public/assets/icons/mac.webp
rename to src/renderer/public/assets/icons/mac.webp
diff --git a/public/assets/icons/map.webp b/src/renderer/public/assets/icons/map.webp
similarity index 100%
rename from public/assets/icons/map.webp
rename to src/renderer/public/assets/icons/map.webp
diff --git a/public/assets/icons/markdown.webp b/src/renderer/public/assets/icons/markdown.webp
similarity index 100%
rename from public/assets/icons/markdown.webp
rename to src/renderer/public/assets/icons/markdown.webp
diff --git a/public/assets/icons/md.webp b/src/renderer/public/assets/icons/md.webp
similarity index 100%
rename from public/assets/icons/md.webp
rename to src/renderer/public/assets/icons/md.webp
diff --git a/public/assets/icons/mdf.webp b/src/renderer/public/assets/icons/mdf.webp
similarity index 100%
rename from public/assets/icons/mdf.webp
rename to src/renderer/public/assets/icons/mdf.webp
diff --git a/public/assets/icons/mht.webp b/src/renderer/public/assets/icons/mht.webp
similarity index 100%
rename from public/assets/icons/mht.webp
rename to src/renderer/public/assets/icons/mht.webp
diff --git a/public/assets/icons/mhtml.webp b/src/renderer/public/assets/icons/mhtml.webp
similarity index 100%
rename from public/assets/icons/mhtml.webp
rename to src/renderer/public/assets/icons/mhtml.webp
diff --git a/public/assets/icons/mid.webp b/src/renderer/public/assets/icons/mid.webp
similarity index 100%
rename from public/assets/icons/mid.webp
rename to src/renderer/public/assets/icons/mid.webp
diff --git a/public/assets/icons/midi.webp b/src/renderer/public/assets/icons/midi.webp
similarity index 100%
rename from public/assets/icons/midi.webp
rename to src/renderer/public/assets/icons/midi.webp
diff --git a/public/assets/icons/mkv.webp b/src/renderer/public/assets/icons/mkv.webp
similarity index 100%
rename from public/assets/icons/mkv.webp
rename to src/renderer/public/assets/icons/mkv.webp
diff --git a/public/assets/icons/mmf.webp b/src/renderer/public/assets/icons/mmf.webp
similarity index 100%
rename from public/assets/icons/mmf.webp
rename to src/renderer/public/assets/icons/mmf.webp
diff --git a/public/assets/icons/mod.webp b/src/renderer/public/assets/icons/mod.webp
similarity index 100%
rename from public/assets/icons/mod.webp
rename to src/renderer/public/assets/icons/mod.webp
diff --git a/public/assets/icons/mov.webp b/src/renderer/public/assets/icons/mov.webp
similarity index 100%
rename from public/assets/icons/mov.webp
rename to src/renderer/public/assets/icons/mov.webp
diff --git a/public/assets/icons/mp2.webp b/src/renderer/public/assets/icons/mp2.webp
similarity index 100%
rename from public/assets/icons/mp2.webp
rename to src/renderer/public/assets/icons/mp2.webp
diff --git a/public/assets/icons/mp3.webp b/src/renderer/public/assets/icons/mp3.webp
similarity index 100%
rename from public/assets/icons/mp3.webp
rename to src/renderer/public/assets/icons/mp3.webp
diff --git a/public/assets/icons/mp4.webp b/src/renderer/public/assets/icons/mp4.webp
similarity index 100%
rename from public/assets/icons/mp4.webp
rename to src/renderer/public/assets/icons/mp4.webp
diff --git a/public/assets/icons/mpa.webp b/src/renderer/public/assets/icons/mpa.webp
similarity index 100%
rename from public/assets/icons/mpa.webp
rename to src/renderer/public/assets/icons/mpa.webp
diff --git a/public/assets/icons/mpe.webp b/src/renderer/public/assets/icons/mpe.webp
similarity index 100%
rename from public/assets/icons/mpe.webp
rename to src/renderer/public/assets/icons/mpe.webp
diff --git a/public/assets/icons/mpeg.webp b/src/renderer/public/assets/icons/mpeg.webp
similarity index 100%
rename from public/assets/icons/mpeg.webp
rename to src/renderer/public/assets/icons/mpeg.webp
diff --git a/public/assets/icons/mpeg1.webp b/src/renderer/public/assets/icons/mpeg1.webp
similarity index 100%
rename from public/assets/icons/mpeg1.webp
rename to src/renderer/public/assets/icons/mpeg1.webp
diff --git a/public/assets/icons/mpeg2.webp b/src/renderer/public/assets/icons/mpeg2.webp
similarity index 100%
rename from public/assets/icons/mpeg2.webp
rename to src/renderer/public/assets/icons/mpeg2.webp
diff --git a/public/assets/icons/mpg.webp b/src/renderer/public/assets/icons/mpg.webp
similarity index 100%
rename from public/assets/icons/mpg.webp
rename to src/renderer/public/assets/icons/mpg.webp
diff --git a/public/assets/icons/mppro.webp b/src/renderer/public/assets/icons/mppro.webp
similarity index 100%
rename from public/assets/icons/mppro.webp
rename to src/renderer/public/assets/icons/mppro.webp
diff --git a/public/assets/icons/msg.webp b/src/renderer/public/assets/icons/msg.webp
similarity index 100%
rename from public/assets/icons/msg.webp
rename to src/renderer/public/assets/icons/msg.webp
diff --git a/public/assets/icons/mts.webp b/src/renderer/public/assets/icons/mts.webp
similarity index 100%
rename from public/assets/icons/mts.webp
rename to src/renderer/public/assets/icons/mts.webp
diff --git a/public/assets/icons/mux.webp b/src/renderer/public/assets/icons/mux.webp
similarity index 100%
rename from public/assets/icons/mux.webp
rename to src/renderer/public/assets/icons/mux.webp
diff --git a/public/assets/icons/mv.webp b/src/renderer/public/assets/icons/mv.webp
similarity index 100%
rename from public/assets/icons/mv.webp
rename to src/renderer/public/assets/icons/mv.webp
diff --git a/public/assets/icons/navi.webp b/src/renderer/public/assets/icons/navi.webp
similarity index 100%
rename from public/assets/icons/navi.webp
rename to src/renderer/public/assets/icons/navi.webp
diff --git a/public/assets/icons/obj.webp b/src/renderer/public/assets/icons/obj.webp
similarity index 100%
rename from public/assets/icons/obj.webp
rename to src/renderer/public/assets/icons/obj.webp
diff --git a/public/assets/icons/odf.webp b/src/renderer/public/assets/icons/odf.webp
similarity index 100%
rename from public/assets/icons/odf.webp
rename to src/renderer/public/assets/icons/odf.webp
diff --git a/public/assets/icons/ods.webp b/src/renderer/public/assets/icons/ods.webp
similarity index 100%
rename from public/assets/icons/ods.webp
rename to src/renderer/public/assets/icons/ods.webp
diff --git a/public/assets/icons/odt.webp b/src/renderer/public/assets/icons/odt.webp
similarity index 100%
rename from public/assets/icons/odt.webp
rename to src/renderer/public/assets/icons/odt.webp
diff --git a/public/assets/icons/ogg.webp b/src/renderer/public/assets/icons/ogg.webp
similarity index 100%
rename from public/assets/icons/ogg.webp
rename to src/renderer/public/assets/icons/ogg.webp
diff --git a/public/assets/icons/one.webp b/src/renderer/public/assets/icons/one.webp
similarity index 100%
rename from public/assets/icons/one.webp
rename to src/renderer/public/assets/icons/one.webp
diff --git a/public/assets/icons/otf.webp b/src/renderer/public/assets/icons/otf.webp
similarity index 100%
rename from public/assets/icons/otf.webp
rename to src/renderer/public/assets/icons/otf.webp
diff --git a/public/assets/icons/otp.webp b/src/renderer/public/assets/icons/otp.webp
similarity index 100%
rename from public/assets/icons/otp.webp
rename to src/renderer/public/assets/icons/otp.webp
diff --git a/public/assets/icons/ots.webp b/src/renderer/public/assets/icons/ots.webp
similarity index 100%
rename from public/assets/icons/ots.webp
rename to src/renderer/public/assets/icons/ots.webp
diff --git a/public/assets/icons/ott.webp b/src/renderer/public/assets/icons/ott.webp
similarity index 100%
rename from public/assets/icons/ott.webp
rename to src/renderer/public/assets/icons/ott.webp
diff --git a/public/assets/icons/pas.webp b/src/renderer/public/assets/icons/pas.webp
similarity index 100%
rename from public/assets/icons/pas.webp
rename to src/renderer/public/assets/icons/pas.webp
diff --git a/public/assets/icons/pcd.webp b/src/renderer/public/assets/icons/pcd.webp
similarity index 100%
rename from public/assets/icons/pcd.webp
rename to src/renderer/public/assets/icons/pcd.webp
diff --git a/public/assets/icons/pcx.webp b/src/renderer/public/assets/icons/pcx.webp
similarity index 100%
rename from public/assets/icons/pcx.webp
rename to src/renderer/public/assets/icons/pcx.webp
diff --git a/public/assets/icons/pdf.webp b/src/renderer/public/assets/icons/pdf.webp
similarity index 100%
rename from public/assets/icons/pdf.webp
rename to src/renderer/public/assets/icons/pdf.webp
diff --git a/public/assets/icons/php.webp b/src/renderer/public/assets/icons/php.webp
similarity index 100%
rename from public/assets/icons/php.webp
rename to src/renderer/public/assets/icons/php.webp
diff --git a/public/assets/icons/pic.webp b/src/renderer/public/assets/icons/pic.webp
similarity index 100%
rename from public/assets/icons/pic.webp
rename to src/renderer/public/assets/icons/pic.webp
diff --git a/public/assets/icons/png.webp b/src/renderer/public/assets/icons/png.webp
similarity index 100%
rename from public/assets/icons/png.webp
rename to src/renderer/public/assets/icons/png.webp
diff --git a/public/assets/icons/ppt.webp b/src/renderer/public/assets/icons/ppt.webp
similarity index 100%
rename from public/assets/icons/ppt.webp
rename to src/renderer/public/assets/icons/ppt.webp
diff --git a/public/assets/icons/pptx.webp b/src/renderer/public/assets/icons/pptx.webp
similarity index 100%
rename from public/assets/icons/pptx.webp
rename to src/renderer/public/assets/icons/pptx.webp
diff --git a/public/assets/icons/proe.webp b/src/renderer/public/assets/icons/proe.webp
similarity index 100%
rename from public/assets/icons/proe.webp
rename to src/renderer/public/assets/icons/proe.webp
diff --git a/public/assets/icons/prt.webp b/src/renderer/public/assets/icons/prt.webp
similarity index 100%
rename from public/assets/icons/prt.webp
rename to src/renderer/public/assets/icons/prt.webp
diff --git a/public/assets/icons/psd.webp b/src/renderer/public/assets/icons/psd.webp
similarity index 100%
rename from public/assets/icons/psd.webp
rename to src/renderer/public/assets/icons/psd.webp
diff --git a/public/assets/icons/py.webp b/src/renderer/public/assets/icons/py.webp
similarity index 100%
rename from public/assets/icons/py.webp
rename to src/renderer/public/assets/icons/py.webp
diff --git a/public/assets/icons/pyc.webp b/src/renderer/public/assets/icons/pyc.webp
similarity index 100%
rename from public/assets/icons/pyc.webp
rename to src/renderer/public/assets/icons/pyc.webp
diff --git a/public/assets/icons/qsv.webp b/src/renderer/public/assets/icons/qsv.webp
similarity index 100%
rename from public/assets/icons/qsv.webp
rename to src/renderer/public/assets/icons/qsv.webp
diff --git a/public/assets/icons/qt.webp b/src/renderer/public/assets/icons/qt.webp
similarity index 100%
rename from public/assets/icons/qt.webp
rename to src/renderer/public/assets/icons/qt.webp
diff --git a/public/assets/icons/quicktime.webp b/src/renderer/public/assets/icons/quicktime.webp
similarity index 100%
rename from public/assets/icons/quicktime.webp
rename to src/renderer/public/assets/icons/quicktime.webp
diff --git a/public/assets/icons/ra.webp b/src/renderer/public/assets/icons/ra.webp
similarity index 100%
rename from public/assets/icons/ra.webp
rename to src/renderer/public/assets/icons/ra.webp
diff --git a/public/assets/icons/ram.webp b/src/renderer/public/assets/icons/ram.webp
similarity index 100%
rename from public/assets/icons/ram.webp
rename to src/renderer/public/assets/icons/ram.webp
diff --git a/public/assets/icons/rar.webp b/src/renderer/public/assets/icons/rar.webp
similarity index 100%
rename from public/assets/icons/rar.webp
rename to src/renderer/public/assets/icons/rar.webp
diff --git a/public/assets/icons/raw.webp b/src/renderer/public/assets/icons/raw.webp
similarity index 100%
rename from public/assets/icons/raw.webp
rename to src/renderer/public/assets/icons/raw.webp
diff --git a/public/assets/icons/rb.webp b/src/renderer/public/assets/icons/rb.webp
similarity index 100%
rename from public/assets/icons/rb.webp
rename to src/renderer/public/assets/icons/rb.webp
diff --git a/public/assets/icons/realaudio.webp b/src/renderer/public/assets/icons/realaudio.webp
similarity index 100%
rename from public/assets/icons/realaudio.webp
rename to src/renderer/public/assets/icons/realaudio.webp
diff --git a/public/assets/icons/rm.webp b/src/renderer/public/assets/icons/rm.webp
similarity index 100%
rename from public/assets/icons/rm.webp
rename to src/renderer/public/assets/icons/rm.webp
diff --git a/public/assets/icons/rmvb.webp b/src/renderer/public/assets/icons/rmvb.webp
similarity index 100%
rename from public/assets/icons/rmvb.webp
rename to src/renderer/public/assets/icons/rmvb.webp
diff --git a/public/assets/icons/rp.webp b/src/renderer/public/assets/icons/rp.webp
similarity index 100%
rename from public/assets/icons/rp.webp
rename to src/renderer/public/assets/icons/rp.webp
diff --git a/public/assets/icons/rtf.webp b/src/renderer/public/assets/icons/rtf.webp
similarity index 100%
rename from public/assets/icons/rtf.webp
rename to src/renderer/public/assets/icons/rtf.webp
diff --git a/public/assets/icons/s48.webp b/src/renderer/public/assets/icons/s48.webp
similarity index 100%
rename from public/assets/icons/s48.webp
rename to src/renderer/public/assets/icons/s48.webp
diff --git a/public/assets/icons/sacd.webp b/src/renderer/public/assets/icons/sacd.webp
similarity index 100%
rename from public/assets/icons/sacd.webp
rename to src/renderer/public/assets/icons/sacd.webp
diff --git a/public/assets/icons/sass.webp b/src/renderer/public/assets/icons/sass.webp
similarity index 100%
rename from public/assets/icons/sass.webp
rename to src/renderer/public/assets/icons/sass.webp
diff --git a/public/assets/icons/sch.webp b/src/renderer/public/assets/icons/sch.webp
similarity index 100%
rename from public/assets/icons/sch.webp
rename to src/renderer/public/assets/icons/sch.webp
diff --git a/public/assets/icons/scss.webp b/src/renderer/public/assets/icons/scss.webp
similarity index 100%
rename from public/assets/icons/scss.webp
rename to src/renderer/public/assets/icons/scss.webp
diff --git a/public/assets/icons/sh.webp b/src/renderer/public/assets/icons/sh.webp
similarity index 100%
rename from public/assets/icons/sh.webp
rename to src/renderer/public/assets/icons/sh.webp
diff --git a/public/assets/icons/sql.webp b/src/renderer/public/assets/icons/sql.webp
similarity index 100%
rename from public/assets/icons/sql.webp
rename to src/renderer/public/assets/icons/sql.webp
diff --git a/public/assets/icons/stp.webp b/src/renderer/public/assets/icons/stp.webp
similarity index 100%
rename from public/assets/icons/stp.webp
rename to src/renderer/public/assets/icons/stp.webp
diff --git a/public/assets/icons/svcd.webp b/src/renderer/public/assets/icons/svcd.webp
similarity index 100%
rename from public/assets/icons/svcd.webp
rename to src/renderer/public/assets/icons/svcd.webp
diff --git a/public/assets/icons/svg.webp b/src/renderer/public/assets/icons/svg.webp
similarity index 100%
rename from public/assets/icons/svg.webp
rename to src/renderer/public/assets/icons/svg.webp
diff --git a/public/assets/icons/swf.webp b/src/renderer/public/assets/icons/swf.webp
similarity index 100%
rename from public/assets/icons/swf.webp
rename to src/renderer/public/assets/icons/swf.webp
diff --git a/public/assets/icons/sys.webp b/src/renderer/public/assets/icons/sys.webp
similarity index 100%
rename from public/assets/icons/sys.webp
rename to src/renderer/public/assets/icons/sys.webp
diff --git a/public/assets/icons/tga.webp b/src/renderer/public/assets/icons/tga.webp
similarity index 100%
rename from public/assets/icons/tga.webp
rename to src/renderer/public/assets/icons/tga.webp
diff --git a/public/assets/icons/tgz.webp b/src/renderer/public/assets/icons/tgz.webp
similarity index 100%
rename from public/assets/icons/tgz.webp
rename to src/renderer/public/assets/icons/tgz.webp
diff --git a/public/assets/icons/tiff.webp b/src/renderer/public/assets/icons/tiff.webp
similarity index 100%
rename from public/assets/icons/tiff.webp
rename to src/renderer/public/assets/icons/tiff.webp
diff --git a/public/assets/icons/tmp.webp b/src/renderer/public/assets/icons/tmp.webp
similarity index 100%
rename from public/assets/icons/tmp.webp
rename to src/renderer/public/assets/icons/tmp.webp
diff --git a/public/assets/icons/ts.webp b/src/renderer/public/assets/icons/ts.webp
similarity index 100%
rename from public/assets/icons/ts.webp
rename to src/renderer/public/assets/icons/ts.webp
diff --git a/public/assets/icons/ttc.webp b/src/renderer/public/assets/icons/ttc.webp
similarity index 100%
rename from public/assets/icons/ttc.webp
rename to src/renderer/public/assets/icons/ttc.webp
diff --git a/public/assets/icons/ttf.webp b/src/renderer/public/assets/icons/ttf.webp
similarity index 100%
rename from public/assets/icons/ttf.webp
rename to src/renderer/public/assets/icons/ttf.webp
diff --git a/public/assets/icons/txt.webp b/src/renderer/public/assets/icons/txt.webp
similarity index 100%
rename from public/assets/icons/txt.webp
rename to src/renderer/public/assets/icons/txt.webp
diff --git a/public/assets/icons/ufo.webp b/src/renderer/public/assets/icons/ufo.webp
similarity index 100%
rename from public/assets/icons/ufo.webp
rename to src/renderer/public/assets/icons/ufo.webp
diff --git a/public/assets/icons/unknown.webp b/src/renderer/public/assets/icons/unknown.webp
similarity index 100%
rename from public/assets/icons/unknown.webp
rename to src/renderer/public/assets/icons/unknown.webp
diff --git a/public/assets/icons/vcd.webp b/src/renderer/public/assets/icons/vcd.webp
similarity index 100%
rename from public/assets/icons/vcd.webp
rename to src/renderer/public/assets/icons/vcd.webp
diff --git a/public/assets/icons/vob.webp b/src/renderer/public/assets/icons/vob.webp
similarity index 100%
rename from public/assets/icons/vob.webp
rename to src/renderer/public/assets/icons/vob.webp
diff --git a/public/assets/icons/voc.webp b/src/renderer/public/assets/icons/voc.webp
similarity index 100%
rename from public/assets/icons/voc.webp
rename to src/renderer/public/assets/icons/voc.webp
diff --git a/public/assets/icons/vqf.webp b/src/renderer/public/assets/icons/vqf.webp
similarity index 100%
rename from public/assets/icons/vqf.webp
rename to src/renderer/public/assets/icons/vqf.webp
diff --git a/public/assets/icons/vue.webp b/src/renderer/public/assets/icons/vue.webp
similarity index 100%
rename from public/assets/icons/vue.webp
rename to src/renderer/public/assets/icons/vue.webp
diff --git a/public/assets/icons/wav.webp b/src/renderer/public/assets/icons/wav.webp
similarity index 100%
rename from public/assets/icons/wav.webp
rename to src/renderer/public/assets/icons/wav.webp
diff --git a/public/assets/icons/wdl.webp b/src/renderer/public/assets/icons/wdl.webp
similarity index 100%
rename from public/assets/icons/wdl.webp
rename to src/renderer/public/assets/icons/wdl.webp
diff --git a/public/assets/icons/webm.webp b/src/renderer/public/assets/icons/webm.webp
similarity index 100%
rename from public/assets/icons/webm.webp
rename to src/renderer/public/assets/icons/webm.webp
diff --git a/public/assets/icons/webp.webp b/src/renderer/public/assets/icons/webp.webp
similarity index 100%
rename from public/assets/icons/webp.webp
rename to src/renderer/public/assets/icons/webp.webp
diff --git a/public/assets/icons/wki.webp b/src/renderer/public/assets/icons/wki.webp
similarity index 100%
rename from public/assets/icons/wki.webp
rename to src/renderer/public/assets/icons/wki.webp
diff --git a/public/assets/icons/wma.webp b/src/renderer/public/assets/icons/wma.webp
similarity index 100%
rename from public/assets/icons/wma.webp
rename to src/renderer/public/assets/icons/wma.webp
diff --git a/public/assets/icons/wmf.webp b/src/renderer/public/assets/icons/wmf.webp
similarity index 100%
rename from public/assets/icons/wmf.webp
rename to src/renderer/public/assets/icons/wmf.webp
diff --git a/public/assets/icons/wmv.webp b/src/renderer/public/assets/icons/wmv.webp
similarity index 100%
rename from public/assets/icons/wmv.webp
rename to src/renderer/public/assets/icons/wmv.webp
diff --git a/public/assets/icons/wmvhd.webp b/src/renderer/public/assets/icons/wmvhd.webp
similarity index 100%
rename from public/assets/icons/wmvhd.webp
rename to src/renderer/public/assets/icons/wmvhd.webp
diff --git a/public/assets/icons/woff.webp b/src/renderer/public/assets/icons/woff.webp
similarity index 100%
rename from public/assets/icons/woff.webp
rename to src/renderer/public/assets/icons/woff.webp
diff --git a/public/assets/icons/woff2.webp b/src/renderer/public/assets/icons/woff2.webp
similarity index 100%
rename from public/assets/icons/woff2.webp
rename to src/renderer/public/assets/icons/woff2.webp
diff --git a/public/assets/icons/wps.webp b/src/renderer/public/assets/icons/wps.webp
similarity index 100%
rename from public/assets/icons/wps.webp
rename to src/renderer/public/assets/icons/wps.webp
diff --git a/public/assets/icons/wpt.webp b/src/renderer/public/assets/icons/wpt.webp
similarity index 100%
rename from public/assets/icons/wpt.webp
rename to src/renderer/public/assets/icons/wpt.webp
diff --git a/public/assets/icons/x_t.webp b/src/renderer/public/assets/icons/x_t.webp
similarity index 100%
rename from public/assets/icons/x_t.webp
rename to src/renderer/public/assets/icons/x_t.webp
diff --git a/public/assets/icons/xls.webp b/src/renderer/public/assets/icons/xls.webp
similarity index 100%
rename from public/assets/icons/xls.webp
rename to src/renderer/public/assets/icons/xls.webp
diff --git a/public/assets/icons/xlsm.webp b/src/renderer/public/assets/icons/xlsm.webp
similarity index 100%
rename from public/assets/icons/xlsm.webp
rename to src/renderer/public/assets/icons/xlsm.webp
diff --git a/public/assets/icons/xlsx.webp b/src/renderer/public/assets/icons/xlsx.webp
similarity index 100%
rename from public/assets/icons/xlsx.webp
rename to src/renderer/public/assets/icons/xlsx.webp
diff --git a/public/assets/icons/xlt.webp b/src/renderer/public/assets/icons/xlt.webp
similarity index 100%
rename from public/assets/icons/xlt.webp
rename to src/renderer/public/assets/icons/xlt.webp
diff --git a/public/assets/icons/xltm.webp b/src/renderer/public/assets/icons/xltm.webp
similarity index 100%
rename from public/assets/icons/xltm.webp
rename to src/renderer/public/assets/icons/xltm.webp
diff --git a/public/assets/icons/xltx.webp b/src/renderer/public/assets/icons/xltx.webp
similarity index 100%
rename from public/assets/icons/xltx.webp
rename to src/renderer/public/assets/icons/xltx.webp
diff --git a/public/assets/icons/xmind.webp b/src/renderer/public/assets/icons/xmind.webp
similarity index 100%
rename from public/assets/icons/xmind.webp
rename to src/renderer/public/assets/icons/xmind.webp
diff --git a/public/assets/icons/xml.webp b/src/renderer/public/assets/icons/xml.webp
similarity index 100%
rename from public/assets/icons/xml.webp
rename to src/renderer/public/assets/icons/xml.webp
diff --git a/public/assets/icons/xv.webp b/src/renderer/public/assets/icons/xv.webp
similarity index 100%
rename from public/assets/icons/xv.webp
rename to src/renderer/public/assets/icons/xv.webp
diff --git a/public/assets/icons/xvid.webp b/src/renderer/public/assets/icons/xvid.webp
similarity index 100%
rename from public/assets/icons/xvid.webp
rename to src/renderer/public/assets/icons/xvid.webp
diff --git a/public/assets/icons/yaml.webp b/src/renderer/public/assets/icons/yaml.webp
similarity index 100%
rename from public/assets/icons/yaml.webp
rename to src/renderer/public/assets/icons/yaml.webp
diff --git a/public/assets/icons/yml.webp b/src/renderer/public/assets/icons/yml.webp
similarity index 100%
rename from public/assets/icons/yml.webp
rename to src/renderer/public/assets/icons/yml.webp
diff --git a/public/assets/icons/z.webp b/src/renderer/public/assets/icons/z.webp
similarity index 100%
rename from public/assets/icons/z.webp
rename to src/renderer/public/assets/icons/z.webp
diff --git a/public/assets/icons/zip.webp b/src/renderer/public/assets/icons/zip.webp
similarity index 100%
rename from public/assets/icons/zip.webp
rename to src/renderer/public/assets/icons/zip.webp
diff --git a/public/assets/imgur.webp b/src/renderer/public/assets/imgur.webp
similarity index 100%
rename from public/assets/imgur.webp
rename to src/renderer/public/assets/imgur.webp
diff --git a/public/assets/local.webp b/src/renderer/public/assets/local.webp
similarity index 100%
rename from public/assets/local.webp
rename to src/renderer/public/assets/local.webp
diff --git a/public/assets/qiniu.webp b/src/renderer/public/assets/qiniu.webp
similarity index 100%
rename from public/assets/qiniu.webp
rename to src/renderer/public/assets/qiniu.webp
diff --git a/public/assets/s3plist.webp b/src/renderer/public/assets/s3plist.webp
similarity index 100%
rename from public/assets/s3plist.webp
rename to src/renderer/public/assets/s3plist.webp
diff --git a/public/assets/sftp.webp b/src/renderer/public/assets/sftp.webp
similarity index 100%
rename from public/assets/sftp.webp
rename to src/renderer/public/assets/sftp.webp
diff --git a/public/assets/smms.webp b/src/renderer/public/assets/smms.webp
similarity index 100%
rename from public/assets/smms.webp
rename to src/renderer/public/assets/smms.webp
diff --git a/public/assets/tcyun.webp b/src/renderer/public/assets/tcyun.webp
similarity index 100%
rename from public/assets/tcyun.webp
rename to src/renderer/public/assets/tcyun.webp
diff --git a/public/assets/upyun.webp b/src/renderer/public/assets/upyun.webp
similarity index 100%
rename from public/assets/upyun.webp
rename to src/renderer/public/assets/upyun.webp
diff --git a/public/assets/webdavplist.webp b/src/renderer/public/assets/webdavplist.webp
similarity index 100%
rename from public/assets/webdavplist.webp
rename to src/renderer/public/assets/webdavplist.webp
diff --git a/public/errorLoading.png b/src/renderer/public/errorLoading.png
similarity index 100%
rename from public/errorLoading.png
rename to src/renderer/public/errorLoading.png
diff --git a/public/loading.jpg b/src/renderer/public/loading.jpg
similarity index 100%
rename from public/loading.jpg
rename to src/renderer/public/loading.jpg
diff --git a/public/logo.png b/src/renderer/public/logo.png
similarity index 100%
rename from public/logo.png
rename to src/renderer/public/logo.png
diff --git a/public/picbed/aliyun.png b/src/renderer/public/picbed/aliyun.png
similarity index 100%
rename from public/picbed/aliyun.png
rename to src/renderer/public/picbed/aliyun.png
diff --git a/public/picbed/github.png b/src/renderer/public/picbed/github.png
similarity index 100%
rename from public/picbed/github.png
rename to src/renderer/public/picbed/github.png
diff --git a/public/picbed/imgur.png b/src/renderer/public/picbed/imgur.png
similarity index 100%
rename from public/picbed/imgur.png
rename to src/renderer/public/picbed/imgur.png
diff --git a/public/picbed/qiniu.png b/src/renderer/public/picbed/qiniu.png
similarity index 100%
rename from public/picbed/qiniu.png
rename to src/renderer/public/picbed/qiniu.png
diff --git a/public/picbed/sftp.png b/src/renderer/public/picbed/sftp.png
similarity index 100%
rename from public/picbed/sftp.png
rename to src/renderer/public/picbed/sftp.png
diff --git a/public/picbed/smms.png b/src/renderer/public/picbed/smms.png
similarity index 100%
rename from public/picbed/smms.png
rename to src/renderer/public/picbed/smms.png
diff --git a/public/picbed/tcyun.png b/src/renderer/public/picbed/tcyun.png
similarity index 100%
rename from public/picbed/tcyun.png
rename to src/renderer/public/picbed/tcyun.png
diff --git a/public/picbed/upyun.png b/src/renderer/public/picbed/upyun.png
similarity index 100%
rename from public/picbed/upyun.png
rename to src/renderer/public/picbed/upyun.png
diff --git a/public/roundLogo.png b/src/renderer/public/roundLogo.png
similarity index 100%
rename from public/roundLogo.png
rename to src/renderer/public/roundLogo.png
diff --git a/public/squareLogo.png b/src/renderer/public/squareLogo.png
similarity index 100%
rename from public/squareLogo.png
rename to src/renderer/public/squareLogo.png
diff --git a/public/unknown-file-type.svg b/src/renderer/public/unknown-file-type.svg
similarity index 100%
rename from public/unknown-file-type.svg
rename to src/renderer/public/unknown-file-type.svg