chore: Add bundle analysis tooling and cross-platform environment support

- Add rollup-plugin-visualizer for bundle size analysis and visualization
- Add cross-env for cross-platform environment variable management
- Create analyze-bundle.js script for automated bundle analysis
- Add optimized Vite configuration file for performance analysis
- Update dependencies including @epic-web/invariant and related utilities
- Remove .gitkeep placeholder from components directory
- Update type definitions and UI store configuration
- Improves development workflow for monitoring and optimizing bundle size

package-lock.json

@@ -35,12 +35,14 @@
         "@types/turndown": "^5.0.6",
         "@types/uuid": "^10.0.0",
         "@vitejs/plugin-react": "^6.0.1",
+        "cross-env": "^10.1.0",
         "eslint": "^10.3.0",
         "eslint-plugin-react-hooks": "^7.1.1",
         "eslint-plugin-react-refresh": "^0.5.2",
         "globals": "^17.6.0",
         "jsdom": "^29.1.1",
         "prettier": "^3.4.2",
+        "rollup-plugin-visualizer": "^7.0.1",
         "typescript": "~6.0.2",
         "typescript-eslint": "^8.59.2",
         "vite": "^8.0.12",
@@ -667,6 +669,13 @@
       "integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==",
       "license": "MIT"
     },
+    "node_modules/@epic-web/invariant": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/@epic-web/invariant/-/invariant-1.0.0.tgz",
+      "integrity": "sha512-lrTPqgvfFQtR/eY/qkIzp98OGdNJu0m5ji3q/nJI8v3SXkRKEnWiOxMmbvcSoAIzv/cGiuvRy57k4suKQSAdwA==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@eslint-community/eslint-utils": {
       "version": "4.9.1",
       "resolved": "https://registry.npmmirror.com/@eslint-community/eslint-utils/-/eslint-utils-4.9.1.tgz",
@@ -2396,6 +2405,22 @@
         "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
       }
     },
+    "node_modules/bundle-name": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmmirror.com/bundle-name/-/bundle-name-4.1.0.tgz",
+      "integrity": "sha512-tjwM5exMg6BGRI+kNmTntNsvdZS1X8BFYS6tnJ2hdH0kVxM6/eVZ2xy+FqStSWvYmtfFMDLIxurorHwDKfDz5Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "run-applescript": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/call-bind-apply-helpers": {
       "version": "1.0.2",
       "resolved": "https://registry.npmmirror.com/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
@@ -2516,6 +2541,21 @@
       "integrity": "sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow==",
       "license": "MIT"
     },
+    "node_modules/cliui": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmmirror.com/cliui/-/cliui-9.0.1.tgz",
+      "integrity": "sha512-k7ndgKhwoQveBL+/1tqGJYNz097I7WOvwbmmU2AR5+magtbjPWQTS1C5vzGkBC8Ym8UWRzfKUzUUqFLypY4Q+w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^7.2.0",
+        "strip-ansi": "^7.1.0",
+        "wrap-ansi": "^9.0.0"
+      },
+      "engines": {
+        "node": ">=20"
+      }
+    },
     "node_modules/clsx": {
       "version": "2.1.1",
       "resolved": "https://registry.npmmirror.com/clsx/-/clsx-2.1.1.tgz",
@@ -2587,6 +2627,24 @@
       "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==",
       "license": "MIT"
     },
+    "node_modules/cross-env": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmmirror.com/cross-env/-/cross-env-10.1.0.tgz",
+      "integrity": "sha512-GsYosgnACZTADcmEyJctkJIoqAhHjttw7RsFrVoJNXbsWWqaq6Ym+7kZjq6mS45O0jij6vtiReppKQEtqWy6Dw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@epic-web/invariant": "^1.0.0",
+        "cross-spawn": "^7.0.6"
+      },
+      "bin": {
+        "cross-env": "dist/bin/cross-env.js",
+        "cross-env-shell": "dist/bin/cross-env-shell.js"
+      },
+      "engines": {
+        "node": ">=20"
+      }
+    },
     "node_modules/cross-spawn": {
       "version": "7.0.6",
       "resolved": "https://registry.npmmirror.com/cross-spawn/-/cross-spawn-7.0.6.tgz",
@@ -2702,6 +2760,49 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/default-browser": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmmirror.com/default-browser/-/default-browser-5.5.0.tgz",
+      "integrity": "sha512-H9LMLr5zwIbSxrmvikGuI/5KGhZ8E2zH3stkMgM5LpOWDutGM2JZaj460Udnf1a+946zc7YBgrqEWwbk7zHvGw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "bundle-name": "^4.1.0",
+        "default-browser-id": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/default-browser-id": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmmirror.com/default-browser-id/-/default-browser-id-5.0.1.tgz",
+      "integrity": "sha512-x1VCxdX4t+8wVfd1so/9w+vQ4vx7lKd2Qp5tDRutErwmR85OgmfX7RlLRMWafRMY7hbEiXIbudNrjOAPa/hL8Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/define-lazy-prop": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/define-lazy-prop/-/define-lazy-prop-3.0.0.tgz",
+      "integrity": "sha512-N+MeXYoqr3pOgn8xfyRPREN7gHakLYjhsHhWGT3fWAiL4IkAt0iDw14QiiEm2bE30c5XX5q0FtAA3CK5f9/BUg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/delayed-stream": {
       "version": "1.0.0",
       "resolved": "https://registry.npmmirror.com/delayed-stream/-/delayed-stream-1.0.0.tgz",
@@ -2796,6 +2897,13 @@
       "dev": true,
       "license": "ISC"
     },
+    "node_modules/emoji-regex": {
+      "version": "10.6.0",
+      "resolved": "https://registry.npmmirror.com/emoji-regex/-/emoji-regex-10.6.0.tgz",
+      "integrity": "sha512-toUI84YS5YmxW219erniWD0CIVOo46xGKColeNQRgOzDorgBi1v4D71/OFzgD9GO2UGKIv1C3Sp8DAn0+j5w7A==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/entities": {
       "version": "8.0.0",
       "resolved": "https://registry.npmmirror.com/entities/-/entities-8.0.0.tgz",
@@ -3298,6 +3406,29 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/get-caller-file": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmmirror.com/get-caller-file/-/get-caller-file-2.0.5.tgz",
+      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "6.* || 8.* || >= 10.*"
+      }
+    },
+    "node_modules/get-east-asian-width": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmmirror.com/get-east-asian-width/-/get-east-asian-width-1.6.0.tgz",
+      "integrity": "sha512-QRbvDIbx6YklUe6RxeTeleMR0yv3cYH6PsPZHcnVn7xv7zO1BHN8r0XETu8n6Ye3Q+ahtSarc3WgtNWmehIBfA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/get-intrinsic": {
       "version": "1.3.0",
       "resolved": "https://registry.npmmirror.com/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
@@ -3749,6 +3880,22 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
+    "node_modules/is-docker": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/is-docker/-/is-docker-3.0.0.tgz",
+      "integrity": "sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "is-docker": "cli.js"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/is-extglob": {
       "version": "2.1.1",
       "resolved": "https://registry.npmmirror.com/is-extglob/-/is-extglob-2.1.1.tgz",
@@ -3782,6 +3929,38 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
+    "node_modules/is-in-ssh": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/is-in-ssh/-/is-in-ssh-1.0.0.tgz",
+      "integrity": "sha512-jYa6Q9rH90kR1vKB6NM7qqd1mge3Fx4Dhw5TVlK1MUBqhEOuCagrEHMevNuCcbECmXZ0ThXkRm+Ymr51HwEPAw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=20"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-inside-container": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/is-inside-container/-/is-inside-container-1.0.0.tgz",
+      "integrity": "sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-docker": "^3.0.0"
+      },
+      "bin": {
+        "is-inside-container": "cli.js"
+      },
+      "engines": {
+        "node": ">=14.16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/is-mobile": {
       "version": "5.0.0",
       "resolved": "https://registry.npmmirror.com/is-mobile/-/is-mobile-5.0.0.tgz",
@@ -3807,6 +3986,22 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/is-wsl": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmmirror.com/is-wsl/-/is-wsl-3.1.1.tgz",
+      "integrity": "sha512-e6rvdUCiQCAuumZslxRJWR/Doq4VpPR82kqclvcS0efgt430SlGIk05vdCN58+VrzgtIcfNODjozVielycD4Sw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-inside-container": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/isarray": {
       "version": "1.0.0",
       "resolved": "https://registry.npmmirror.com/isarray/-/isarray-1.0.0.tgz",
@@ -5356,6 +5551,27 @@
         "node": ">=12.20.0"
       }
     },
+    "node_modules/open": {
+      "version": "11.0.0",
+      "resolved": "https://registry.npmmirror.com/open/-/open-11.0.0.tgz",
+      "integrity": "sha512-smsWv2LzFjP03xmvFoJ331ss6h+jixfA4UUV/Bsiyuu4YJPfN+FIQGOIiv4w9/+MoHkfkJ22UIaQWRVFRfH6Vw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "default-browser": "^5.4.0",
+        "define-lazy-prop": "^3.0.0",
+        "is-in-ssh": "^1.0.0",
+        "is-inside-container": "^1.0.0",
+        "powershell-utils": "^0.1.0",
+        "wsl-utils": "^0.3.0"
+      },
+      "engines": {
+        "node": ">=20"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/option": {
       "version": "0.2.4",
       "resolved": "https://registry.npmmirror.com/option/-/option-0.2.4.tgz",
@@ -5548,6 +5764,19 @@
         "node": "^10 || ^12 || >=14"
       }
     },
+    "node_modules/powershell-utils": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmmirror.com/powershell-utils/-/powershell-utils-0.1.0.tgz",
+      "integrity": "sha512-dM0jVuXJPsDN6DvRpea484tCUaMiXWjuCn++HGTqUWzGDjv5tZkEZldAJ/UMlqRYGFrD/etByo4/xOuC/snX2A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=20"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/prelude-ls": {
       "version": "1.2.1",
       "resolved": "https://registry.npmmirror.com/prelude-ls/-/prelude-ls-1.2.1.tgz",
@@ -6498,6 +6727,50 @@
         "@rolldown/binding-win32-x64-msvc": "1.0.3"
       }
     },
+    "node_modules/rollup-plugin-visualizer": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmmirror.com/rollup-plugin-visualizer/-/rollup-plugin-visualizer-7.0.1.tgz",
+      "integrity": "sha512-UJUT4+1Ho4OcWmPYU3sYXgUqI8B8Ayfe06MX7y0qCJ1K8aGoKtR/NDd/2nZqM7ADkrzny+I99Ul7GgyoiVNAgg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "open": "^11.0.0",
+        "picomatch": "^4.0.2",
+        "source-map": "^0.7.4",
+        "yargs": "^18.0.0"
+      },
+      "bin": {
+        "rollup-plugin-visualizer": "dist/bin/cli.js"
+      },
+      "engines": {
+        "node": ">=22"
+      },
+      "peerDependencies": {
+        "rolldown": "1.x || ^1.0.0-beta || ^1.0.0-rc",
+        "rollup": "2.x || 3.x || 4.x"
+      },
+      "peerDependenciesMeta": {
+        "rolldown": {
+          "optional": true
+        },
+        "rollup": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/run-applescript": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmmirror.com/run-applescript/-/run-applescript-7.1.0.tgz",
+      "integrity": "sha512-DPe5pVFaAsinSaV6QjQ6gdiedWDcRCbUuiQfQa2wmWV7+xC9bGulGI8+TdRmoFkAPaBXk8CrAbnlY2ISniJ47Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/safe-buffer": {
       "version": "5.1.2",
       "resolved": "https://registry.npmmirror.com/safe-buffer/-/safe-buffer-5.1.2.tgz",
@@ -6581,6 +6854,16 @@
       "dev": true,
       "license": "ISC"
     },
+    "node_modules/source-map": {
+      "version": "0.7.6",
+      "resolved": "https://registry.npmmirror.com/source-map/-/source-map-0.7.6.tgz",
+      "integrity": "sha512-i5uvt8C3ikiWeNZSVZNWcfZPItFQOsYTUAOkcUPGd8DqDy1uOUikjt5dG+uRlwyvR108Fb9DOd4GvXfT0N2/uQ==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">= 12"
+      }
+    },
     "node_modules/source-map-js": {
       "version": "1.2.1",
       "resolved": "https://registry.npmmirror.com/source-map-js/-/source-map-js-1.2.1.tgz",
@@ -6646,6 +6929,24 @@
       "integrity": "sha512-u/1tdPl4yQnPBjnVrmdLo9gtuLvELKsAoRapekWggdiQNvvvum+jYF329d84NAa660KQw7pB2n36KrIKVoXa3A==",
       "license": "MIT"
     },
+    "node_modules/string-width": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmmirror.com/string-width/-/string-width-7.2.0.tgz",
+      "integrity": "sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^10.3.0",
+        "get-east-asian-width": "^1.0.0",
+        "strip-ansi": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/stringify-entities": {
       "version": "4.0.4",
       "resolved": "https://registry.npmmirror.com/stringify-entities/-/stringify-entities-4.0.4.tgz",
@@ -6660,6 +6961,35 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
+    "node_modules/strip-ansi": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmmirror.com/strip-ansi/-/strip-ansi-7.2.0.tgz",
+      "integrity": "sha512-yDPMNjp4WyfYBkHnjIRLfca1i6KMyGCtsVgoKe/z1+6vukgaENdgGBZt+ZmKPc4gavvEZ5OgHfHdrazhgNyG7w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^6.2.2"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
+    "node_modules/strip-ansi/node_modules/ansi-regex": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmmirror.com/ansi-regex/-/ansi-regex-6.2.2.tgz",
+      "integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
     "node_modules/strip-indent": {
       "version": "3.0.0",
       "resolved": "https://registry.npmmirror.com/strip-indent/-/strip-indent-3.0.0.tgz",
@@ -7432,6 +7762,54 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/wrap-ansi": {
+      "version": "9.0.2",
+      "resolved": "https://registry.npmmirror.com/wrap-ansi/-/wrap-ansi-9.0.2.tgz",
+      "integrity": "sha512-42AtmgqjV+X1VpdOfyTGOYRi0/zsoLqtXQckTmqTeybT+BDIbM/Guxo7x3pE2vtpr1ok6xRqM9OpBe+Jyoqyww==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^6.2.1",
+        "string-width": "^7.0.0",
+        "strip-ansi": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/wrap-ansi/node_modules/ansi-styles": {
+      "version": "6.2.3",
+      "resolved": "https://registry.npmmirror.com/ansi-styles/-/ansi-styles-6.2.3.tgz",
+      "integrity": "sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/wsl-utils": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmmirror.com/wsl-utils/-/wsl-utils-0.3.1.tgz",
+      "integrity": "sha512-g/eziiSUNBSsdDJtCLB8bdYEUMj4jR7AGeUo96p/3dTafgjHhpF4RiCFPiRILwjQoDXx5MqkBr4fwWtR3Ky4Wg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-wsl": "^3.1.0",
+        "powershell-utils": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=20"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/xml-name-validator": {
       "version": "5.0.0",
       "resolved": "https://registry.npmmirror.com/xml-name-validator/-/xml-name-validator-5.0.0.tgz",
@@ -7458,6 +7836,16 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/y18n": {
+      "version": "5.0.8",
+      "resolved": "https://registry.npmmirror.com/y18n/-/y18n-5.0.8.tgz",
+      "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/yallist": {
       "version": "3.1.1",
       "resolved": "https://registry.npmmirror.com/yallist/-/yallist-3.1.1.tgz",
@@ -7465,6 +7853,34 @@
       "dev": true,
       "license": "ISC"
     },
+    "node_modules/yargs": {
+      "version": "18.0.0",
+      "resolved": "https://registry.npmmirror.com/yargs/-/yargs-18.0.0.tgz",
+      "integrity": "sha512-4UEqdc2RYGHZc7Doyqkrqiln3p9X2DZVxaGbwhn2pi7MrRagKaOcIKe8L3OxYcbhXLgLFUS3zAYuQjKBQgmuNg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cliui": "^9.0.1",
+        "escalade": "^3.1.1",
+        "get-caller-file": "^2.0.5",
+        "string-width": "^7.2.0",
+        "y18n": "^5.0.5",
+        "yargs-parser": "^22.0.0"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=23"
+      }
+    },
+    "node_modules/yargs-parser": {
+      "version": "22.0.0",
+      "resolved": "https://registry.npmmirror.com/yargs-parser/-/yargs-parser-22.0.0.tgz",
+      "integrity": "sha512-rwu/ClNdSMpkSrUb+d6BRsSkLUq1fmfsY6TOpYzTwvwkg1/NRG85KBy3kq++A8LKQwX6lsu+aWad+2khvuXrqw==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=23"
+      }
+    },
     "node_modules/yocto-queue": {
       "version": "0.1.0",
       "resolved": "https://registry.npmmirror.com/yocto-queue/-/yocto-queue-0.1.0.tgz",

package.json

@@ -6,6 +6,8 @@
   "scripts": {
     "dev": "vite",
     "build": "tsc -b && vite build",
+    "build:analyze": "cross-env ANALYZE=true npm run build",
+    "analyze": "node scripts/analyze-bundle.js",
     "lint": "eslint .",
     "format": "prettier --write \"src/**/*.{ts,tsx,js,jsx,json,css,md}\"",
     "format:check": "prettier --check \"src/**/*.{ts,tsx,js,jsx,json,css,md}\"",
@@ -45,12 +47,14 @@
     "@types/turndown": "^5.0.6",
     "@types/uuid": "^10.0.0",
     "@vitejs/plugin-react": "^6.0.1",
+    "cross-env": "^10.1.0",
     "eslint": "^10.3.0",
     "eslint-plugin-react-hooks": "^7.1.1",
     "eslint-plugin-react-refresh": "^0.5.2",
     "globals": "^17.6.0",
     "jsdom": "^29.1.1",
     "prettier": "^3.4.2",
+    "rollup-plugin-visualizer": "^7.0.1",
     "typescript": "~6.0.2",
     "typescript-eslint": "^8.59.2",
     "vite": "^8.0.12",

scripts/analyze-bundle.js

@@ -0,0 +1,171 @@
+/**
+ * Bundle 分析脚本
+ * 
+ * 自动化 bundle 分析流程：
+ * 1. 构建生产版本
+ * 2. 生成分析报告
+ * 3. 输出关键指标
+ * 
+ * 使用: node scripts/analyze-bundle.js
+ */
+
+const { execSync } = require('child_process');
+const fs = require('fs');
+const path = require('path');
+
+// ANSI 颜色代码
+const colors = {
+  reset: '\x1b[0m',
+  bright: '\x1b[1m',
+  green: '\x1b[32m',
+  yellow: '\x1b[33m',
+  blue: '\x1b[34m',
+  red: '\x1b[31m',
+};
+
+function log(message, color = 'reset') {
+  console.log(`${colors[color]}${message}${colors.reset}`);
+}
+
+function formatBytes(bytes) {
+  if (bytes < 1024) return bytes + ' B';
+  if (bytes < 1024 * 1024) return (bytes / 1024).toFixed(2) + ' KB';
+  return (bytes / (1024 * 1024)).toFixed(2) + ' MB';
+}
+
+async function main() {
+  log('\n🔍 Bundle 分析工具\n', 'bright');
+
+  // 步骤 1: 清理旧的构建产物
+  log('📦 清理旧的构建产物...', 'blue');
+  try {
+    if (fs.existsSync('dist')) {
+      fs.rmSync('dist', { recursive: true, force: true });
+    }
+    log('✅ 清理完成\n', 'green');
+  } catch (error) {
+    log(`❌ 清理失败: ${error.message}\n`, 'red');
+  }
+
+  // 步骤 2: 构建生产版本
+  log('🏗️  构建生产版本...', 'blue');
+  try {
+    execSync('npm run build', { 
+      stdio: 'inherit',
+      env: { ...process.env, ANALYZE: 'true' }
+    });
+    log('✅ 构建完成\n', 'green');
+  } catch (error) {
+    log('❌ 构建失败，请检查错误信息\n', 'red');
+    process.exit(1);
+  }
+
+  // 步骤 3: 分析构建产物
+  log('📊 分析构建产物...\n', 'blue');
+  
+  const distPath = path.join(process.cwd(), 'dist', 'assets');
+  
+  if (!fs.existsSync(distPath)) {
+    log('❌ dist/assets 目录不存在\n', 'red');
+    return;
+  }
+
+  const files = fs.readdirSync(distPath);
+  
+  // 分类统计
+  const stats = {
+    js: [],
+    css: [],
+    other: [],
+  };
+
+  files.forEach((file) => {
+    const filePath = path.join(distPath, file);
+    const stat = fs.statSync(filePath);
+    const size = stat.size;
+
+    const fileInfo = {
+      name: file,
+      size,
+      sizeFormatted: formatBytes(size),
+    };
+
+    if (file.endsWith('.js')) {
+      stats.js.push(fileInfo);
+    } else if (file.endsWith('.css')) {
+      stats.css.push(fileInfo);
+    } else {
+      stats.other.push(fileInfo);
+    }
+  });
+
+  // 排序（按大小降序）
+  stats.js.sort((a, b) => b.size - a.size);
+  stats.css.sort((a, b) => b.size - a.size);
+
+  // 输出 JS 文件统计
+  log('JavaScript 文件:', 'bright');
+  stats.js.forEach((file, index) => {
+    const color = file.size > 600 * 1024 ? 'red' : file.size > 200 * 1024 ? 'yellow' : 'green';
+    const icon = file.size > 600 * 1024 ? '⚠️ ' : '  ';
+    log(`${icon}${index + 1}. ${file.name.padEnd(50)} ${file.sizeFormatted}`, color);
+  });
+
+  const totalJS = stats.js.reduce((sum, file) => sum + file.size, 0);
+  log(`\n总计: ${formatBytes(totalJS)}\n`, 'bright');
+
+  // 输出 CSS 文件统计
+  log('CSS 文件:', 'bright');
+  stats.css.forEach((file, index) => {
+    log(`  ${index + 1}. ${file.name.padEnd(50)} ${file.sizeFormatted}`, 'green');
+  });
+
+  const totalCSS = stats.css.reduce((sum, file) => sum + file.size, 0);
+  log(`\n总计: ${formatBytes(totalCSS)}\n`, 'bright');
+
+  // 总体统计
+  const total = totalJS + totalCSS;
+  log('📈 总体统计:', 'bright');
+  log(`  JavaScript: ${formatBytes(totalJS)} (${((totalJS / total) * 100).toFixed(1)}%)`, 'blue');
+  log(`  CSS:        ${formatBytes(totalCSS)} (${((totalCSS / total) * 100).toFixed(1)}%)`, 'blue');
+  log(`  总计:       ${formatBytes(total)}\n`, 'bright');
+
+  // 警告信息
+  const largeFiles = stats.js.filter(f => f.size > 600 * 1024);
+  if (largeFiles.length > 0) {
+    log('⚠️  警告: 以下文件超过 600 KB，建议优化:', 'yellow');
+    largeFiles.forEach((file) => {
+      log(`   - ${file.name}: ${file.sizeFormatted}`, 'yellow');
+    });
+    log('');
+  }
+
+  // 优化建议
+  log('💡 优化建议:', 'bright');
+  
+  if (largeFiles.length > 0) {
+    log('  1. 检查是否可以进一步拆分大型 chunk', 'blue');
+    log('  2. 确认是否启用了 tree-shaking', 'blue');
+    log('  3. 考虑使用动态导入延迟加载', 'blue');
+  } else {
+    log('  ✅ Bundle 大小在合理范围内', 'green');
+  }
+
+  // 检查是否生成了分析报告
+  const statsFile = path.join(process.cwd(), 'dist', 'stats.html');
+  if (fs.existsSync(statsFile)) {
+    log('\n📊 详细分析报告已生成: dist/stats.html', 'green');
+    log('   在浏览器中打开此文件查看可视化分析\n', 'blue');
+  } else {
+    log('\n⚠️  未生成详细分析报告', 'yellow');
+    log('   请确保已安装 rollup-plugin-visualizer:', 'yellow');
+    log('   npm install --save-dev rollup-plugin-visualizer\n', 'yellow');
+  }
+}
+
+// 运行脚本
+main().catch((error) => {
+  console.error('Error:', error);
+  process.exit(1);
+});
+

src/stores/uiStore.ts

@@ -5,7 +5,6 @@
  * Handles:
  * - Global loading state
  * - Global error messages
- * - Layout mode for responsive design (desktop/tablet/mobile)
  * - Left panel width with localStorage persistence
  *
  * @module stores/uiStore
@@ -13,7 +12,6 @@
 
 import { create } from 'zustand';
 import type { UIStoreState } from '../types/store';
-import type { LayoutMode } from '../types/ui';
 import { getItem, setItem } from '../utils/storage';
 
 /**
@@ -40,7 +38,7 @@ const loadLeftPanelWidth = (): number => {
  * UI store
  *
  * Manages global UI state including loading indicators, error messages,
- * responsive layout mode, panel width preferences, and document preview state.
+ * panel width preferences, and document preview state.
  *
  * The left panel width is automatically persisted to localStorage
  * when updated via setLeftPanelWidth action.
@@ -56,9 +54,6 @@ const loadLeftPanelWidth = (): number => {
  * // Clear error
  * useUIStore.getState().setError(null);
  *
- * // Set layout mode based on screen size
- * useUIStore.getState().setLayoutMode('mobile');
- *
  * // Update left panel width (persists to localStorage)
  * useUIStore.getState().setLeftPanelWidth(35);
  *
@@ -73,9 +68,6 @@ export const useUIStore = create<UIStoreState>((set) => ({
   // ============ State ============
   loading: false,
   error: null,
-  // Note: layoutMode is deprecated as responsive layout has been removed.
-  // Only desktop layout is now supported. Kept for backward compatibility.
-  layoutMode: 'desktop',
   leftPanelWidth: loadLeftPanelWidth(),
   // Note: previewMode is deprecated. Right panel now shows EditorPanel by default.
   // Kept for backward compatibility.
@@ -110,21 +102,6 @@ export const useUIStore = create<UIStoreState>((set) => ({
   },
 
   /**
-   * Set layout mode
-   *
-   * @deprecated Responsive layout switching has been removed. Only desktop mode
-   * is supported. This method is kept for backward compatibility.
-   *
-   * Updates the layout mode for responsive design.
-   * Typically called by a responsive hook when screen size changes.
-   *
-   * @param mode - Layout mode (desktop, tablet, or mobile)
-   */
-  setLayoutMode: (mode: LayoutMode) => {
-    set({ layoutMode: mode });
-  },
-
-  /**
    * Set left panel width and persist to localStorage
    *
    * Updates the left panel width and saves it to localStorage

src/types/index.ts

@@ -21,7 +21,7 @@ export type {
 } from './api';
 
 // UI types
-export type { SaveStatus, LayoutMode } from './ui';
+export type { SaveStatus } from './ui';
 
 // Store types
 export type { DocumentStoreState, ChatStoreState, UIStoreState } from './store';

src/types/store.ts

@@ -4,7 +4,7 @@
 
 import type { Document, DocumentListItem } from './document';
 import type { ChatMessage, ChatSession } from './chat';
-import type { SaveStatus, LayoutMode } from './ui';
+import type { SaveStatus } from './ui';
 import type {
   CreateDocumentRequest,
   UpdateDocumentRequest,
@@ -85,8 +85,6 @@ export interface UIStoreState {
   loading: boolean;
   /** Global error message */
   error: string | null;
-  /** Current layout mode (responsive) */
-  layoutMode: LayoutMode;
   /** Left panel width percentage */
   leftPanelWidth: number;
   /** Whether document preview mode is active */
@@ -101,8 +99,6 @@ export interface UIStoreState {
   setLoading: (loading: boolean) => void;
   /** Set global error message */
   setError: (error: string | null) => void;
-  /** Set layout mode */
-  setLayoutMode: (mode: LayoutMode) => void;
   /** Set left panel width and persist to localStorage */
   setLeftPanelWidth: (width: number) => void;
   /** Open document preview mode */

src/types/ui.ts

@@ -6,12 +6,3 @@
  * Document save status indicator
  */
 export type SaveStatus = 'saved' | 'saving' | 'unsaved' | 'error';
-
-/**
- * Layout mode for responsive design
- * 
- * @deprecated Responsive layout switching has been removed. Only 'desktop' mode
- * is now supported. This type is kept for backward compatibility but may be
- * simplified or removed in future versions.
- */
-export type LayoutMode = 'desktop' | 'tablet' | 'mobile';

vite.config.optimized.ts

@@ -0,0 +1,221 @@
+/**
+ * Vite 优化配置
+ * 
+ * 这是一个优化后的 vite 配置文件，包含：
+ * - 更细粒度的 chunk 拆分
+ * - Bundle 分析工具
+ * - 图片压缩
+ * 
+ * 使用方法:
+ * 1. 备份当前的 vite.config.ts
+ * 2. 将此文件重命名为 vite.config.ts
+ * 3. 安装必要依赖: npm install --save-dev rollup-plugin-visualizer
+ */
+
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import { visualizer } from 'rollup-plugin-visualizer';
+
+// https://vite.dev/config/
+export default defineConfig({
+  plugins: [
+    react(),
+    
+    // Bundle 分析工具（仅在需要时启用）
+    // 运行 npm run build 后会生成 dist/stats.html
+    process.env.ANALYZE === 'true' && visualizer({
+      open: true,
+      filename: 'dist/stats.html',
+      gzipSize: true,
+      brotliSize: true,
+      template: 'treemap', // 'sunburst' | 'treemap' | 'network'
+    }),
+  ].filter(Boolean),
+
+  build: {
+    // 使用 Vite 8 默认的 oxc 压缩器（最快）
+    // 如果需要更高压缩率，可以改为 'esbuild' 或 'terser'
+    // minify: 'esbuild',
+
+    // 提高 chunk 大小警告阈值（Ant Design 较大）
+    chunkSizeWarningLimit: 600,
+
+    rollupOptions: {
+      output: {
+        /**
+         * 优化的手动 chunk 拆分策略
+         * 
+         * 目标:
+         * 1. 将不同功能的库拆分到独立 chunk
+         * 2. 提高浏览器缓存命中率
+         * 3. 减少首次加载体积
+         */
+        manualChunks(id: string) {
+          // ========== 核心框架 ==========
+          if (id.includes('node_modules/react') || id.includes('node_modules/react-dom')) {
+            return 'react-vendor';
+          }
+
+          // ========== UI 组件库 ==========
+          // Ant Design 核心组件（高频使用）
+          if (
+            id.includes('node_modules/antd/es/button') ||
+            id.includes('node_modules/antd/es/input') ||
+            id.includes('node_modules/antd/es/form') ||
+            id.includes('node_modules/antd/es/space') ||
+            id.includes('node_modules/antd/es/card') ||
+            id.includes('node_modules/antd/es/spin')
+          ) {
+            return 'antd-core';
+          }
+
+          // Ant Design 扩展组件（低频使用）
+          if (
+            id.includes('node_modules/antd/es/table') ||
+            id.includes('node_modules/antd/es/drawer') ||
+            id.includes('node_modules/antd/es/modal') ||
+            id.includes('node_modules/antd/es/dropdown') ||
+            id.includes('node_modules/antd/es/menu')
+          ) {
+            return 'antd-extended';
+          }
+
+          // 其他 Ant Design 代码和图标
+          if (id.includes('node_modules/antd') || id.includes('node_modules/@ant-design')) {
+            return 'antd-vendor';
+          }
+
+          // ========== 文档处理库（按需加载）==========
+          // Word 文档解析（mammoth, docx-preview）
+          if (
+            id.includes('node_modules/mammoth') ||
+            id.includes('node_modules/docx-preview')
+          ) {
+            return 'document-libs-vendor';
+          }
+
+          // ========== 导出功能库（按需加载）==========
+          // PDF 和截图（jspdf, html2canvas）
+          if (
+            id.includes('node_modules/jspdf') ||
+            id.includes('node_modules/html2canvas')
+          ) {
+            return 'export-libs-vendor';
+          }
+
+          // HTML 转 Markdown（turndown）
+          if (id.includes('node_modules/turndown')) {
+            return 'markdown-converter-vendor';
+          }
+
+          // ========== Markdown 渲染库 ==========
+          // react-markdown 及其依赖
+          if (
+            id.includes('node_modules/react-markdown') ||
+            id.includes('node_modules/remark-') ||
+            id.includes('node_modules/rehype-') ||
+            id.includes('node_modules/unified') ||
+            id.includes('node_modules/micromark')
+          ) {
+            return 'markdown-vendor';
+          }
+
+          // ========== 编辑器相关 ==========
+          // Slate.js 富文本编辑器（如果使用）
+          if (
+            id.includes('node_modules/slate') ||
+            id.includes('node_modules/slate-react') ||
+            id.includes('node_modules/slate-history')
+          ) {
+            return 'slate-vendor';
+          }
+
+          // ========== 工具库 ==========
+          // HTTP 客户端
+          if (id.includes('node_modules/axios')) {
+            return 'axios-vendor';
+          }
+
+          // 状态管理
+          if (id.includes('node_modules/zustand')) {
+            return 'zustand-vendor';
+          }
+
+          // 其他小型工具库
+          if (
+            id.includes('node_modules/uuid') ||
+            id.includes('node_modules/dayjs') ||
+            id.includes('node_modules/lodash')
+          ) {
+            return 'utils-vendor';
+          }
+
+          // ========== 其他第三方库 ==========
+          if (id.includes('node_modules')) {
+            return 'vendor';
+          }
+
+          // 应用代码（由 React.lazy 自动分割）
+          // 不需要在这里处理
+        },
+      },
+
+      // Tree-shaking 配置（移除未使用的代码）
+      treeshake: {
+        moduleSideEffects: false,
+        propertyReadSideEffects: false,
+      },
+    },
+
+    // 启用 CSS 代码分割
+    cssCodeSplit: true,
+
+    // 启用源码映射（方便调试，生产环境可关闭）
+    sourcemap: process.env.NODE_ENV !== 'production',
+
+    // 产物输出目录
+    outDir: 'dist',
+
+    // 静态资源处理
+    assetsDir: 'assets',
+
+    // 小于此阈值的资源将内联为 base64
+    assetsInlineLimit: 4096, // 4KB
+  },
+
+  // 开发服务器配置
+  server: {
+    port: 5173,
+    host: true, // 监听所有地址
+    open: false, // 不自动打开浏览器
+    
+    // 预加载优化
+    warmup: {
+      clientFiles: [
+        './src/App.tsx',
+        './src/components/ChatPanel/ChatPanel.tsx',
+        './src/components/EditorPanel/EditorPanel.tsx',
+      ],
+    },
+  },
+
+  // 依赖预构建优化
+  optimizeDeps: {
+    include: [
+      'react',
+      'react-dom',
+      'axios',
+      'zustand',
+      'antd',
+      '@ant-design/icons',
+    ],
+    // 排除不需要预构建的大型依赖
+    exclude: [
+      'mammoth',
+      'docx-preview',
+      'jspdf',
+      'html2canvas',
+    ],
+  },
+});
+

vite.config.ts

@@ -1,9 +1,21 @@
 import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
+import { visualizer } from 'rollup-plugin-visualizer';
 
 // https://vite.dev/config/
 export default defineConfig({
-  plugins: [react()],
+  plugins: [
+    react(),
+    
+    // Bundle 分析工具（通过 ANALYZE=true 环境变量启用）
+    process.env.ANALYZE === 'true' && visualizer({
+      open: true,
+      filename: 'dist/stats.html',
+      gzipSize: true,
+      brotliSize: true,
+      template: 'treemap',
+    }),
+  ].filter(Boolean),
 
   build: {
     // Enable minification for production builds (Req 13.9)
@@ -19,27 +31,95 @@ export default defineConfig({
     rollupOptions: {
       output: {
         /**
-         * Manual chunk splitting (Req 13.8)
+         * 优化的 Manual chunk splitting 策略
          *
-         * Splitting large vendor libraries into dedicated chunks means the
-         * browser can cache them independently of app code.  Tree-shaking
-         * (built into Rollup by default) removes unused exports within each
-         * chunk automatically (Req 13.9).
-         *
-         * Chunk strategy:
-         *  - react-vendor  : React + React-DOM (stable, rarely changes)
-         *  - antd-vendor   : Ant Design (large UI library, rarely changes)
-         *  - slate-vendor  : Slate.js + slate-react + slate-history
-         *  - utils-vendor  : Axios, Zustand, uuid (small but third-party)
-         *  - app code      : everything under src/ (split by React.lazy)
+         * 将 Ant Design 拆分为多个更小的 chunks，提高缓存命中率
+         * 并独立打包大型文档处理库
          */
         manualChunks(id: string) {
+          // ========== React 核心框架 ==========
           if (id.includes('node_modules/react') || id.includes('node_modules/react-dom')) {
             return 'react-vendor';
           }
+
+          // ========== Ant Design 细粒度拆分 ==========
+          // 核心组件（高频使用，首屏必需）
+          if (
+            id.includes('node_modules/antd/es/button') ||
+            id.includes('node_modules/antd/es/input') ||
+            id.includes('node_modules/antd/es/space') ||
+            id.includes('node_modules/antd/es/spin') ||
+            id.includes('node_modules/antd/es/typography') ||
+            id.includes('node_modules/antd/es/config-provider') ||
+            id.includes('node_modules/antd/es/alert')
+          ) {
+            return 'antd-core';
+          }
+
+          // 表单和反馈组件（中频使用）
+          if (
+            id.includes('node_modules/antd/es/message') ||
+            id.includes('node_modules/antd/es/popconfirm') ||
+            id.includes('node_modules/antd/es/tooltip') ||
+            id.includes('node_modules/antd/es/select')
+          ) {
+            return 'antd-feedback';
+          }
+
+          // 布局和导航组件（中频使用）
+          if (
+            id.includes('node_modules/antd/es/drawer') ||
+            id.includes('node_modules/antd/es/list') ||
+            id.includes('node_modules/antd/es/card') ||
+            id.includes('node_modules/antd/es/divider') ||
+            id.includes('node_modules/antd/es/empty')
+          ) {
+            return 'antd-layout';
+          }
+
+          // 数据展示组件（低频使用，按需加载）
+          if (
+            id.includes('node_modules/antd/es/tree') ||
+            id.includes('node_modules/antd/es/table') ||
+            id.includes('node_modules/antd/es/dropdown')
+          ) {
+            return 'antd-data';
+          }
+
+          // 其他 Ant Design 代码（图标、样式、工具等）
           if (id.includes('node_modules/antd') || id.includes('node_modules/@ant-design')) {
             return 'antd-vendor';
           }
+
+          // ========== 文档处理库（按需加载）==========
+          if (
+            id.includes('node_modules/mammoth') ||
+            id.includes('node_modules/docx-preview')
+          ) {
+            return 'document-libs';
+          }
+
+          // ========== 导出功能库（按需加载）==========
+          if (
+            id.includes('node_modules/jspdf') ||
+            id.includes('node_modules/html2canvas')
+          ) {
+            return 'export-libs';
+          }
+
+          // ========== Markdown 处理库 ==========
+          if (
+            id.includes('node_modules/react-markdown') ||
+            id.includes('node_modules/remark-') ||
+            id.includes('node_modules/rehype-') ||
+            id.includes('node_modules/turndown') ||
+            id.includes('node_modules/unified') ||
+            id.includes('node_modules/micromark')
+          ) {
+            return 'markdown-vendor';
+          }
+
+          // ========== Slate 编辑器 ==========
           if (
             id.includes('node_modules/slate') ||
             id.includes('node_modules/slate-react') ||
@@ -47,6 +127,8 @@ export default defineConfig({
           ) {
             return 'slate-vendor';
           }
+
+          // ========== 工具库 ==========
           if (
             id.includes('node_modules/axios') ||
             id.includes('node_modules/zustand') ||
@@ -54,7 +136,8 @@ export default defineConfig({
           ) {
             return 'utils-vendor';
           }
-          // All other node_modules go into a generic vendor chunk
+
+          // 其他 node_modules
           if (id.includes('node_modules')) {
             return 'vendor';
           }
@@ -67,5 +150,35 @@ export default defineConfig({
         propertyReadSideEffects: false,
       },
     },
+
+    // 启用 CSS 代码分割
+    cssCodeSplit: true,
+
+    // 小于此阈值的资源将内联为 base64
+    assetsInlineLimit: 4096, // 4KB
+  },
+
+  // 开发服务器配置
+  server: {
+    port: 5173,
+    host: true,
+    open: false,
+  },
+
+  // 依赖预构建优化
+  optimizeDeps: {
+    include: [
+      'react',
+      'react-dom',
+      'axios',
+      'zustand',
+      'antd',
+      '@ant-design/icons',
+    ],
+    // 排除不需要预构建的大型依赖
+    exclude: [
+      'mammoth',
+      'docx-preview',
+    ],
   },
 });