Fix: UI improvements, section reordering, resume file upload

package-lock.json

@@ -754,23 +754,6 @@
         "node": ">=18"
       }
     },
-    "node_modules/@esbuild/win32-x64": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.27.2.tgz",
-      "integrity": "sha512-sRdU18mcKf7F+YgheI/zGf5alZatMUTKj/jNS6l744f9u3WFu4v7twcUI9vu4mknF4Y9aDlblIie0IM+5xxaqQ==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
     "node_modules/@eslint-community/eslint-utils": {
       "version": "4.9.1",
       "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.9.1.tgz",
@@ -1038,9 +1021,9 @@
       "license": "MIT"
     },
     "node_modules/@rollup/rollup-android-arm-eabi": {
-      "version": "4.55.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.55.2.tgz",
-      "integrity": "sha512-21J6xzayjy3O6NdnlO6aXi/urvSRjm6nCI6+nF6ra2YofKruGixN9kfT+dt55HVNwfDmpDHJcaS3JuP/boNnlA==",
+      "version": "4.55.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.55.3.tgz",
+      "integrity": "sha512-qyX8+93kK/7R5BEXPC2PjUt0+fS/VO2BVHjEHyIEWiYn88rcRBHmdLgoJjktBltgAf+NY7RfCGB1SoyKS/p9kg==",
       "cpu": [
         "arm"
       ],
@@ -1052,9 +1035,9 @@
       ]
     },
     "node_modules/@rollup/rollup-android-arm64": {
-      "version": "4.55.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.55.2.tgz",
-      "integrity": "sha512-eXBg7ibkNUZ+sTwbFiDKou0BAckeV6kIigK7y5Ko4mB/5A1KLhuzEKovsmfvsL8mQorkoincMFGnQuIT92SKqA==",
+      "version": "4.55.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.55.3.tgz",
+      "integrity": "sha512-6sHrL42bjt5dHQzJ12Q4vMKfN+kUnZ0atHHnv4V0Wd9JMTk7FDzSY35+7qbz3ypQYMBPANbpGK7JpnWNnhGt8g==",
       "cpu": [
         "arm64"
       ],
@@ -1066,9 +1049,9 @@
       ]
     },
     "node_modules/@rollup/rollup-darwin-arm64": {
-      "version": "4.55.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.55.2.tgz",
-      "integrity": "sha512-UCbaTklREjrc5U47ypLulAgg4njaqfOVLU18VrCrI+6E5MQjuG0lSWaqLlAJwsD7NpFV249XgB0Bi37Zh5Sz4g==",
+      "version": "4.55.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.55.3.tgz",
+      "integrity": "sha512-1ht2SpGIjEl2igJ9AbNpPIKzb1B5goXOcmtD0RFxnwNuMxqkR6AUaaErZz+4o+FKmzxcSNBOLrzsICZVNYa1Rw==",
       "cpu": [
         "arm64"
       ],
@@ -1080,9 +1063,9 @@
       ]
     },
     "node_modules/@rollup/rollup-darwin-x64": {
-      "version": "4.55.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.55.2.tgz",
-      "integrity": "sha512-dP67MA0cCMHFT2g5XyjtpVOtp7y4UyUxN3dhLdt11at5cPKnSm4lY+EhwNvDXIMzAMIo2KU+mc9wxaAQJTn7sQ==",
+      "version": "4.55.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.55.3.tgz",
+      "integrity": "sha512-FYZ4iVunXxtT+CZqQoPVwPhH7549e/Gy7PIRRtq4t5f/vt54pX6eG9ebttRH6QSH7r/zxAFA4EZGlQ0h0FvXiA==",
       "cpu": [
         "x64"
       ],
@@ -1094,9 +1077,9 @@
       ]
     },
     "node_modules/@rollup/rollup-freebsd-arm64": {
-      "version": "4.55.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.55.2.tgz",
-      "integrity": "sha512-WDUPLUwfYV9G1yxNRJdXcvISW15mpvod1Wv3ok+Ws93w1HjIVmCIFxsG2DquO+3usMNCpJQ0wqO+3GhFdl6Fow==",
+      "version": "4.55.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.55.3.tgz",
+      "integrity": "sha512-M/mwDCJ4wLsIgyxv2Lj7Len+UMHd4zAXu4GQ2UaCdksStglWhP61U3uowkaYBQBhVoNpwx5Hputo8eSqM7K82Q==",
       "cpu": [
         "arm64"
       ],
@@ -1108,9 +1091,9 @@
       ]
     },
     "node_modules/@rollup/rollup-freebsd-x64": {
-      "version": "4.55.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.55.2.tgz",
-      "integrity": "sha512-Ng95wtHVEulRwn7R0tMrlUuiLVL/HXA8Lt/MYVpy88+s5ikpntzZba1qEulTuPnPIZuOPcW9wNEiqvZxZmgmqQ==",
+      "version": "4.55.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.55.3.tgz",
+      "integrity": "sha512-5jZT2c7jBCrMegKYTYTpni8mg8y3uY8gzeq2ndFOANwNuC/xJbVAoGKR9LhMDA0H3nIhvaqUoBEuJoICBudFrA==",
       "cpu": [
         "x64"
       ],
@@ -1122,9 +1105,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
-      "version": "4.55.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.55.2.tgz",
-      "integrity": "sha512-AEXMESUDWWGqD6LwO/HkqCZgUE1VCJ1OhbvYGsfqX2Y6w5quSXuyoy/Fg3nRqiwro+cJYFxiw5v4kB2ZDLhxrw==",
+      "version": "4.55.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.55.3.tgz",
+      "integrity": "sha512-YeGUhkN1oA+iSPzzhEjVPS29YbViOr8s4lSsFaZKLHswgqP911xx25fPOyE9+khmN6W4VeM0aevbDp4kkEoHiA==",
       "cpu": [
         "arm"
       ],
@@ -1136,9 +1119,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm-musleabihf": {
-      "version": "4.55.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.55.2.tgz",
-      "integrity": "sha512-ZV7EljjBDwBBBSv570VWj0hiNTdHt9uGznDtznBB4Caj3ch5rgD4I2K1GQrtbvJ/QiB+663lLgOdcADMNVC29Q==",
+      "version": "4.55.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.55.3.tgz",
+      "integrity": "sha512-eo0iOIOvcAlWB3Z3eh8pVM8hZ0oVkK3AjEM9nSrkSug2l15qHzF3TOwT0747omI6+CJJvl7drwZepT+re6Fy/w==",
       "cpu": [
         "arm"
       ],
@@ -1150,9 +1133,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-gnu": {
-      "version": "4.55.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.55.2.tgz",
-      "integrity": "sha512-uvjwc8NtQVPAJtq4Tt7Q49FOodjfbf6NpqXyW/rjXoV+iZ3EJAHLNAnKT5UJBc6ffQVgmXTUL2ifYiLABlGFqA==",
+      "version": "4.55.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.55.3.tgz",
+      "integrity": "sha512-DJay3ep76bKUDImmn//W5SvpjRN5LmK/ntWyeJs/dcnwiiHESd3N4uteK9FDLf0S0W8E6Y0sVRXpOCoQclQqNg==",
       "cpu": [
         "arm64"
       ],
@@ -1164,9 +1147,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-musl": {
-      "version": "4.55.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.55.2.tgz",
-      "integrity": "sha512-s3KoWVNnye9mm/2WpOZ3JeUiediUVw6AvY/H7jNA6qgKA2V2aM25lMkVarTDfiicn/DLq3O0a81jncXszoyCFA==",
+      "version": "4.55.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.55.3.tgz",
+      "integrity": "sha512-BKKWQkY2WgJ5MC/ayvIJTHjy0JUGb5efaHCUiG/39sSUvAYRBaO3+/EK0AZT1RF3pSj86O24GLLik9mAYu0IJg==",
       "cpu": [
         "arm64"
       ],
@@ -1178,9 +1161,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-loong64-gnu": {
-      "version": "4.55.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.55.2.tgz",
-      "integrity": "sha512-gi21faacK+J8aVSyAUptML9VQN26JRxe484IbF+h3hpG+sNVoMXPduhREz2CcYr5my0NE3MjVvQ5bMKX71pfVA==",
+      "version": "4.55.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.55.3.tgz",
+      "integrity": "sha512-Q9nVlWtKAG7ISW80OiZGxTr6rYtyDSkauHUtvkQI6TNOJjFvpj4gcH+KaJihqYInnAzEEUetPQubRwHef4exVg==",
       "cpu": [
         "loong64"
       ],
@@ -1192,9 +1175,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-loong64-musl": {
-      "version": "4.55.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-musl/-/rollup-linux-loong64-musl-4.55.2.tgz",
-      "integrity": "sha512-qSlWiXnVaS/ceqXNfnoFZh4IiCA0EwvCivivTGbEu1qv2o+WTHpn1zNmCTAoOG5QaVr2/yhCoLScQtc/7RxshA==",
+      "version": "4.55.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-musl/-/rollup-linux-loong64-musl-4.55.3.tgz",
+      "integrity": "sha512-2H5LmhzrpC4fFRNwknzmmTvvyJPHwESoJgyReXeFoYYuIDfBhP29TEXOkCJE/KxHi27mj7wDUClNq78ue3QEBQ==",
       "cpu": [
         "loong64"
       ],
@@ -1206,9 +1189,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-ppc64-gnu": {
-      "version": "4.55.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.55.2.tgz",
-      "integrity": "sha512-rPyuLFNoF1B0+wolH277E780NUKf+KoEDb3OyoLbAO18BbeKi++YN6gC/zuJoPPDlQRL3fIxHxCxVEWiem2yXw==",
+      "version": "4.55.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.55.3.tgz",
+      "integrity": "sha512-9S542V0ie9LCTznPYlvaeySwBeIEa7rDBgLHKZ5S9DBgcqdJYburabm8TqiqG6mrdTzfV5uttQRHcbKff9lWtA==",
       "cpu": [
         "ppc64"
       ],
@@ -1220,9 +1203,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-ppc64-musl": {
-      "version": "4.55.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-musl/-/rollup-linux-ppc64-musl-4.55.2.tgz",
-      "integrity": "sha512-g+0ZLMook31iWV4PvqKU0i9E78gaZgYpSrYPed/4Bu+nGTgfOPtfs1h11tSSRPXSjC5EzLTjV/1A7L2Vr8pJoQ==",
+      "version": "4.55.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-musl/-/rollup-linux-ppc64-musl-4.55.3.tgz",
+      "integrity": "sha512-ukxw+YH3XXpcezLgbJeasgxyTbdpnNAkrIlFGDl7t+pgCxZ89/6n1a+MxlY7CegU+nDgrgdqDelPRNQ/47zs0g==",
       "cpu": [
         "ppc64"
       ],
@@ -1234,9 +1217,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-riscv64-gnu": {
-      "version": "4.55.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.55.2.tgz",
-      "integrity": "sha512-i+sGeRGsjKZcQRh3BRfpLsM3LX3bi4AoEVqmGDyc50L6KfYsN45wVCSz70iQMwPWr3E5opSiLOwsC9WB4/1pqg==",
+      "version": "4.55.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.55.3.tgz",
+      "integrity": "sha512-Iauw9UsTTvlF++FhghFJjqYxyXdggXsOqGpFBylaRopVpcbfyIIsNvkf9oGwfgIcf57z3m8+/oSYTo6HutBFNw==",
       "cpu": [
         "riscv64"
       ],
@@ -1248,9 +1231,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-riscv64-musl": {
-      "version": "4.55.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.55.2.tgz",
-      "integrity": "sha512-C1vLcKc4MfFV6I0aWsC7B2Y9QcsiEcvKkfxprwkPfLaN8hQf0/fKHwSF2lcYzA9g4imqnhic729VB9Fo70HO3Q==",
+      "version": "4.55.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.55.3.tgz",
+      "integrity": "sha512-3OqKAHSEQXKdq9mQ4eajqUgNIK27VZPW3I26EP8miIzuKzCJ3aW3oEn2pzF+4/Hj/Moc0YDsOtBgT5bZ56/vcA==",
       "cpu": [
         "riscv64"
       ],
@@ -1262,9 +1245,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-s390x-gnu": {
-      "version": "4.55.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.55.2.tgz",
-      "integrity": "sha512-68gHUK/howpQjh7g7hlD9DvTTt4sNLp1Bb+Yzw2Ki0xvscm2cOdCLZNJNhd2jW8lsTPrHAHuF751BygifW4bkQ==",
+      "version": "4.55.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.55.3.tgz",
+      "integrity": "sha512-0CM8dSVzVIaqMcXIFej8zZrSFLnGrAE8qlNbbHfTw1EEPnFTg1U1ekI0JdzjPyzSfUsHWtodilQQG/RA55berA==",
       "cpu": [
         "s390x"
       ],
@@ -1276,9 +1259,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-gnu": {
-      "version": "4.55.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.55.2.tgz",
-      "integrity": "sha512-1e30XAuaBP1MAizaOBApsgeGZge2/Byd6wV4a8oa6jPdHELbRHBiw7wvo4dp7Ie2PE8TZT4pj9RLGZv9N4qwlw==",
+      "version": "4.55.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.55.3.tgz",
+      "integrity": "sha512-+fgJE12FZMIgBaKIAGd45rxf+5ftcycANJRWk8Vz0NnMTM5rADPGuRFTYar+Mqs560xuART7XsX2lSACa1iOmQ==",
       "cpu": [
         "x64"
       ],
@@ -1290,9 +1273,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-musl": {
-      "version": "4.55.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.55.2.tgz",
-      "integrity": "sha512-4BJucJBGbuGnH6q7kpPqGJGzZnYrpAzRd60HQSt3OpX/6/YVgSsJnNzR8Ot74io50SeVT4CtCWe/RYIAymFPwA==",
+      "version": "4.55.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.55.3.tgz",
+      "integrity": "sha512-tMD7NnbAolWPzQlJQJjVFh/fNH3K/KnA7K8gv2dJWCwwnaK6DFCYST1QXYWfu5V0cDwarWC8Sf/cfMHniNq21A==",
       "cpu": [
         "x64"
       ],
@@ -1304,9 +1287,9 @@
       ]
     },
     "node_modules/@rollup/rollup-openbsd-x64": {
-      "version": "4.55.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-openbsd-x64/-/rollup-openbsd-x64-4.55.2.tgz",
-      "integrity": "sha512-cT2MmXySMo58ENv8p6/O6wI/h/gLnD3D6JoajwXFZH6X9jz4hARqUhWpGuQhOgLNXscfZYRQMJvZDtWNzMAIDw==",
+      "version": "4.55.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-openbsd-x64/-/rollup-openbsd-x64-4.55.3.tgz",
+      "integrity": "sha512-u5KsqxOxjEeIbn7bUK1MPM34jrnPwjeqgyin4/N6e/KzXKfpE9Mi0nCxcQjaM9lLmPcHmn/xx1yOjgTMtu1jWQ==",
       "cpu": [
         "x64"
       ],
@@ -1318,9 +1301,9 @@
       ]
     },
     "node_modules/@rollup/rollup-openharmony-arm64": {
-      "version": "4.55.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.55.2.tgz",
-      "integrity": "sha512-sZnyUgGkuzIXaK3jNMPmUIyJrxu/PjmATQrocpGA1WbCPX8H5tfGgRSuYtqBYAvLuIGp8SPRb1O4d1Fkb5fXaQ==",
+      "version": "4.55.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.55.3.tgz",
+      "integrity": "sha512-vo54aXwjpTtsAnb3ca7Yxs9t2INZg7QdXN/7yaoG7nPGbOBXYXQY41Km+S1Ov26vzOAzLcAjmMdjyEqS1JkVhw==",
       "cpu": [
         "arm64"
       ],
@@ -1332,9 +1315,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-arm64-msvc": {
-      "version": "4.55.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.55.2.tgz",
-      "integrity": "sha512-sDpFbenhmWjNcEbBcoTV0PWvW5rPJFvu+P7XoTY0YLGRupgLbFY0XPfwIbJOObzO7QgkRDANh65RjhPmgSaAjQ==",
+      "version": "4.55.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.55.3.tgz",
+      "integrity": "sha512-HI+PIVZ+m+9AgpnY3pt6rinUdRYrGHvmVdsNQ4odNqQ/eRF78DVpMR7mOq7nW06QxpczibwBmeQzB68wJ+4W4A==",
       "cpu": [
         "arm64"
       ],
@@ -1346,9 +1329,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-ia32-msvc": {
-      "version": "4.55.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.55.2.tgz",
-      "integrity": "sha512-GvJ03TqqaweWCigtKQVBErw2bEhu1tyfNQbarwr94wCGnczA9HF8wqEe3U/Lfu6EdeNP0p6R+APeHVwEqVxpUQ==",
+      "version": "4.55.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.55.3.tgz",
+      "integrity": "sha512-vRByotbdMo3Wdi+8oC2nVxtc3RkkFKrGaok+a62AT8lz/YBuQjaVYAS5Zcs3tPzW43Vsf9J0wehJbUY5xRSekA==",
       "cpu": [
         "ia32"
       ],
@@ -1360,23 +1343,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-x64-gnu": {
-      "version": "4.55.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.55.2.tgz",
-      "integrity": "sha512-KvXsBvp13oZz9JGe5NYS7FNizLe99Ny+W8ETsuCyjXiKdiGrcz2/J/N8qxZ/RSwivqjQguug07NLHqrIHrqfYw==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ]
-    },
-    "node_modules/@rollup/rollup-win32-x64-msvc": {
-      "version": "4.55.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.55.2.tgz",
-      "integrity": "sha512-xNO+fksQhsAckRtDSPWaMeT1uIM+JrDRXlerpnWNXhn1TdB3YZ6uKBMBTKP0eX9XtYEP978hHk1f8332i2AW8Q==",
+      "version": "4.55.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.55.3.tgz",
+      "integrity": "sha512-POZHq7UeuzMJljC5NjKi8vKMFN6/5EOqcX1yGntNLp7rUTpBAXQ1hW8kWPFxYLv07QMcNM75xqVLGPWQq6TKFA==",
       "cpu": [
         "x64"
       ],
@@ -1707,7 +1676,7 @@
         "node": ">= 10"
       }
     },
-    "node_modules/@tailwindcss/oxide-win32-x64-msvc": {
+    "node_modules/@tailwindcss/oxide/node_modules/@tailwindcss/oxide-win32-x64-msvc": {
       "version": "4.1.18",
       "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.1.18.tgz",
       "integrity": "sha512-bJWbyYpUlqamC8dpR7pfjA0I7vdF6t5VpUGMWRkXVE3AXgIZjYUYAK7II1GNaxR8J1SSrSrppRar8G++JekE3Q==",
@@ -1813,9 +1782,9 @@
       "license": "MIT"
     },
     "node_modules/@types/react": {
-      "version": "19.2.8",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.8.tgz",
-      "integrity": "sha512-3MbSL37jEchWZz2p2mjntRZtPt837ij10ApxKfgmXCTuHWagYg7iA5bqPw6C8BMPfwidlvfPI/fxOc42HLhcyg==",
+      "version": "19.2.9",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.9.tgz",
+      "integrity": "sha512-Lpo8kgb/igvMIPeNV2rsYKTgaORYdO1XGVZ4Qz3akwOj0ySGYMPlQWa8BaLn0G63D1aSaAQ5ldR06wCpChQCjA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -1970,9 +1939,9 @@
       "license": "MIT"
     },
     "node_modules/baseline-browser-mapping": {
-      "version": "2.9.15",
-      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.9.15.tgz",
-      "integrity": "sha512-kX8h7K2srmDyYnXRIppo4AH/wYgzWVCs+eKr3RusRSQ5PvRYoEFmR/I0PbdTjKFAoKqp5+kbxnNTFO9jOfSVJg==",
+      "version": "2.9.16",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.9.16.tgz",
+      "integrity": "sha512-KeUZdBuxngy825i8xvzaK1Ncnkx0tBmb3k8DkEuqjKRkmtvNTjey2ZsNeh8Dw4lfKvbCOu9oeNx2TKm2vHqcRw==",
       "dev": true,
       "license": "Apache-2.0",
       "bin": {
@@ -2248,6 +2217,23 @@
         "@esbuild/win32-x64": "0.27.2"
       }
     },
+    "node_modules/esbuild/node_modules/@esbuild/win32-x64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.27.2.tgz",
+      "integrity": "sha512-sRdU18mcKf7F+YgheI/zGf5alZatMUTKj/jNS6l744f9u3WFu4v7twcUI9vu4mknF4Y9aDlblIie0IM+5xxaqQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/escalade": {
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
@@ -2560,13 +2546,13 @@
       }
     },
     "node_modules/framer-motion": {
-      "version": "12.27.1",
-      "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-12.27.1.tgz",
-      "integrity": "sha512-cEAqO69kcZt3gL0TGua8WTgRQfv4J57nqt1zxHtLKwYhAwA0x9kDS/JbMa1hJbwkGY74AGJKvZ9pX/IqWZtZWQ==",
+      "version": "12.28.1",
+      "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-12.28.1.tgz",
+      "integrity": "sha512-72GkO7DS4FfcSjf26wx0v+rzkW8Fhn4Djh04aDbuEg7NYG8X8MhJZc6/5weG/YeEgIP+fCo8FS2y1HnXH8k8fQ==",
       "license": "MIT",
       "dependencies": {
-        "motion-dom": "^12.27.1",
-        "motion-utils": "^12.24.10",
+        "motion-dom": "^12.28.1",
+        "motion-utils": "^12.27.2",
         "tslib": "^2.4.0"
       },
       "peerDependencies": {
@@ -3088,7 +3074,7 @@
         "url": "https://opencollective.com/parcel"
       }
     },
-    "node_modules/lightningcss-win32-x64-msvc": {
+    "node_modules/lightningcss/node_modules/lightningcss-win32-x64-msvc": {
       "version": "1.30.2",
       "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.30.2.tgz",
       "integrity": "sha512-5g1yc73p+iAkid5phb4oVFMB45417DkRevRbt/El/gKXJk4jid+vPFF/AXbxn05Aky8PapwzZrdJShv5C0avjw==",
@@ -3194,18 +3180,18 @@
       }
     },
     "node_modules/motion-dom": {
-      "version": "12.27.1",
-      "resolved": "https://registry.npmjs.org/motion-dom/-/motion-dom-12.27.1.tgz",
-      "integrity": "sha512-V/53DA2nBqKl9O2PMJleSUb/G0dsMMeZplZwgIQf5+X0bxIu7Q1cTv6DrjvTTGYRm3+7Y5wMlRZ1wT61boU/bQ==",
+      "version": "12.28.1",
+      "resolved": "https://registry.npmjs.org/motion-dom/-/motion-dom-12.28.1.tgz",
+      "integrity": "sha512-xqgID69syDvXwFJnUd5bW6ajGUAr/qevRoUe/EqpsXUbVIopyWrAOiwQOhpgVQD+B7Ra60zTdj5gVkmwncebMg==",
       "license": "MIT",
       "dependencies": {
-        "motion-utils": "^12.24.10"
+        "motion-utils": "^12.27.2"
       }
     },
     "node_modules/motion-utils": {
-      "version": "12.24.10",
-      "resolved": "https://registry.npmjs.org/motion-utils/-/motion-utils-12.24.10.tgz",
-      "integrity": "sha512-x5TFgkCIP4pPsRLpKoI86jv/q8t8FQOiM/0E8QKBzfMozWHfkKap2gA1hOki+B5g3IsBNpxbUnfOum1+dgvYww==",
+      "version": "12.27.2",
+      "resolved": "https://registry.npmjs.org/motion-utils/-/motion-utils-12.27.2.tgz",
+      "integrity": "sha512-B55gcoL85Mcdt2IEStY5EEAsrMSVE2sI14xQ/uAdPL+mfQxhKKFaEag9JmfxedJOR4vZpBGoPeC/Gm13I/4g5Q==",
       "license": "MIT"
     },
     "node_modules/ms": {
@@ -3487,9 +3473,9 @@
       }
     },
     "node_modules/rollup": {
-      "version": "4.55.2",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.55.2.tgz",
-      "integrity": "sha512-PggGy4dhwx5qaW+CKBilA/98Ql9keyfnb7lh4SR6shQ91QQQi1ORJ1v4UinkdP2i87OBs9AQFooQylcrrRfIcg==",
+      "version": "4.55.3",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.55.3.tgz",
+      "integrity": "sha512-y9yUpfQvetAjiDLtNMf1hL9NXchIJgWt6zIKeoB+tCd3npX08Eqfzg60V9DhIGVMtQ0AlMkFw5xa+AQ37zxnAA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -3503,34 +3489,48 @@
         "npm": ">=8.0.0"
       },
       "optionalDependencies": {
-        "@rollup/rollup-android-arm-eabi": "4.55.2",
-        "@rollup/rollup-android-arm64": "4.55.2",
-        "@rollup/rollup-darwin-arm64": "4.55.2",
-        "@rollup/rollup-darwin-x64": "4.55.2",
-        "@rollup/rollup-freebsd-arm64": "4.55.2",
-        "@rollup/rollup-freebsd-x64": "4.55.2",
-        "@rollup/rollup-linux-arm-gnueabihf": "4.55.2",
-        "@rollup/rollup-linux-arm-musleabihf": "4.55.2",
-        "@rollup/rollup-linux-arm64-gnu": "4.55.2",
-        "@rollup/rollup-linux-arm64-musl": "4.55.2",
-        "@rollup/rollup-linux-loong64-gnu": "4.55.2",
-        "@rollup/rollup-linux-loong64-musl": "4.55.2",
-        "@rollup/rollup-linux-ppc64-gnu": "4.55.2",
-        "@rollup/rollup-linux-ppc64-musl": "4.55.2",
-        "@rollup/rollup-linux-riscv64-gnu": "4.55.2",
-        "@rollup/rollup-linux-riscv64-musl": "4.55.2",
-        "@rollup/rollup-linux-s390x-gnu": "4.55.2",
-        "@rollup/rollup-linux-x64-gnu": "4.55.2",
-        "@rollup/rollup-linux-x64-musl": "4.55.2",
-        "@rollup/rollup-openbsd-x64": "4.55.2",
-        "@rollup/rollup-openharmony-arm64": "4.55.2",
-        "@rollup/rollup-win32-arm64-msvc": "4.55.2",
-        "@rollup/rollup-win32-ia32-msvc": "4.55.2",
-        "@rollup/rollup-win32-x64-gnu": "4.55.2",
-        "@rollup/rollup-win32-x64-msvc": "4.55.2",
+        "@rollup/rollup-android-arm-eabi": "4.55.3",
+        "@rollup/rollup-android-arm64": "4.55.3",
+        "@rollup/rollup-darwin-arm64": "4.55.3",
+        "@rollup/rollup-darwin-x64": "4.55.3",
+        "@rollup/rollup-freebsd-arm64": "4.55.3",
+        "@rollup/rollup-freebsd-x64": "4.55.3",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.55.3",
+        "@rollup/rollup-linux-arm-musleabihf": "4.55.3",
+        "@rollup/rollup-linux-arm64-gnu": "4.55.3",
+        "@rollup/rollup-linux-arm64-musl": "4.55.3",
+        "@rollup/rollup-linux-loong64-gnu": "4.55.3",
+        "@rollup/rollup-linux-loong64-musl": "4.55.3",
+        "@rollup/rollup-linux-ppc64-gnu": "4.55.3",
+        "@rollup/rollup-linux-ppc64-musl": "4.55.3",
+        "@rollup/rollup-linux-riscv64-gnu": "4.55.3",
+        "@rollup/rollup-linux-riscv64-musl": "4.55.3",
+        "@rollup/rollup-linux-s390x-gnu": "4.55.3",
+        "@rollup/rollup-linux-x64-gnu": "4.55.3",
+        "@rollup/rollup-linux-x64-musl": "4.55.3",
+        "@rollup/rollup-openbsd-x64": "4.55.3",
+        "@rollup/rollup-openharmony-arm64": "4.55.3",
+        "@rollup/rollup-win32-arm64-msvc": "4.55.3",
+        "@rollup/rollup-win32-ia32-msvc": "4.55.3",
+        "@rollup/rollup-win32-x64-gnu": "4.55.3",
+        "@rollup/rollup-win32-x64-msvc": "4.55.3",
         "fsevents": "~2.3.2"
       }
     },
+    "node_modules/rollup/node_modules/@rollup/rollup-win32-x64-msvc": {
+      "version": "4.55.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.55.3.tgz",
+      "integrity": "sha512-aPFONczE4fUFKNXszdvnd2GqKEYQdV5oEsIbKPujJmWlCI9zEsv1Otig8RKK+X9bed9gFUN6LAeN4ZcNuu4zjg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
     "node_modules/scheduler": {
       "version": "0.27.0",
       "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.27.0.tgz",

src/components/ui/AuthModal.jsx

@@ -11,8 +11,9 @@ export const AuthModal = ({ isOpen, onClose, onSuccess }) => {
     const [password, setPassword] = useState('');
     const [loading, setLoading] = useState(false);
     const [error, setError] = useState(null);
+    const [showSuccess, setShowSuccess] = useState(false);
 
-    const { signIn, signUp } = useAuth();
+    const { signIn, signUp, signInWithGoogle } = useAuth();
 
     const handleSubmit = async (e) => {
         e.preventDefault();
@@ -26,9 +27,13 @@ export const AuthModal = ({ isOpen, onClose, onSuccess }) => {
 
             if (authError) throw authError;
 
-            // Success
-            if (onSuccess) onSuccess();
-            onClose();
+            // Success handling
+            if (isSignIn) {
+                if (onSuccess) onSuccess();
+                onClose();
+            } else {
+                setShowSuccess(true);
+            }
         } catch (err) {
             console.error('Auth error:', err);
             setError(err.message);
@@ -37,13 +42,48 @@ export const AuthModal = ({ isOpen, onClose, onSuccess }) => {
         }
     };
 
+    const handleGoogleSignIn = async () => {
+        try {
+            const { error } = await signInWithGoogle();
+            if (error) throw error;
+        } catch (err) {
+            console.error('Google Auth error:', err);
+            setError(err.message);
+        }
+    };
+
+    if (showSuccess) {
+        return (
+            <Modal isOpen={isOpen} onClose={onClose} title="Check Your Inbox!">
+                <div className="text-center py-4 space-y-4">
+                    <div className="w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mx-auto">
+                        <Mail className="text-blue-600" size={32} />
+                    </div>
+                    <div>
+                        <p className="font-bold text-lg mb-2">Verification Link Sent</p>
+                        <p className="text-gray-600 mb-4">
+                            We sent a confirmation link to <span className="font-bold">{email}</span>.
+                            Click it to activate your account and start roasting!
+                        </p>
+                        <p className="text-xs text-gray-400">
+                            Check your spam folder if you don't see it.
+                        </p>
+                    </div>
+                    <Button onClick={onClose} className="w-full btn-brutal-primary justify-center">
+                        Got it!
+                    </Button>
+                </div>
+            </Modal>
+        );
+    }
+
     return (
         <Modal
             isOpen={isOpen}
             onClose={onClose}
             title={isSignIn ? "Sign In to Roast" : "Join the Roast Club"}
         >
-            <form onSubmit={handleSubmit} className="space-y-4">
+            <div className="space-y-4">
                 {error && (
                     <div className="bg-red-50 text-red-600 p-3 text-sm border-l-4 border-red-500 flex items-start gap-2">
                         <AlertCircle size={16} className="mt-0.5" />
@@ -51,59 +91,77 @@ export const AuthModal = ({ isOpen, onClose, onSuccess }) => {
                     </div>
                 )}
 
-                <div>
-                    <label className="block text-sm font-bold mb-1">Email</label>
-                    <div className="relative">
-                        <Mail className="absolute left-3 top-1/2 -translate-y-1/2 text-gray-400" size={18} />
-                        <Input
-                            type="email"
-                            value={email}
-                            onChange={(e) => setEmail(e.target.value)}
-                            placeholder="you@example.com"
-                            className="pl-10"
-                            required
-                        />
-                    </div>
+                {/* Google Login */}
+                <button
+                    type="button"
+                    onClick={handleGoogleSignIn}
+                    className="w-full flex items-center justify-center gap-2 bg-white border-2 border-brutalist-black p-2 font-bold hover:bg-gray-50 transition-colors"
+                >
+                    <img src="https://www.svgrepo.com/show/475656/google-color.svg" alt="Google" className="w-5 h-5" />
+                    Continue with Google
+                </button>
+
+                <div className="relative flex py-2 items-center">
+                    <div className="flex-grow border-t border-gray-300"></div>
+                    <span className="flex-shrink-0 mx-4 text-gray-400 text-xs uppercase font-bold">Or with Email</span>
+                    <div className="flex-grow border-t border-gray-300"></div>
                 </div>
 
-                <div>
-                    <label className="block text-sm font-bold mb-1">Password</label>
-                    <div className="relative">
-                        <Lock className="absolute left-3 top-1/2 -translate-y-1/2 text-gray-400" size={18} />
-                        <Input
-                            type="password"
-                            value={password}
-                            onChange={(e) => setPassword(e.target.value)}
-                            placeholder="••••••••"
-                            className="pl-10"
-                            required
-                        />
+                <form onSubmit={handleSubmit} className="space-y-4">
+                    <div>
+                        <label className="block text-sm font-bold mb-1">Email</label>
+                        <div className="relative">
+                            <Mail className="absolute left-3 top-1/2 -translate-y-1/2 text-gray-400" size={18} />
+                            <Input
+                                type="email"
+                                value={email}
+                                onChange={(e) => setEmail(e.target.value)}
+                                placeholder="you@example.com"
+                                className="pl-10"
+                                required
+                            />
+                        </div>
                     </div>
-                </div>
 
-                <div className="pt-2">
-                    <Button
-                        type="submit"
-                        disabled={loading}
-                        className="w-full btn-brutal-primary justify-center"
-                    >
-                        {loading ? <Loader2 className="animate-spin" size={20} /> : (isSignIn ? 'Sign In' : 'Sign Up')}
-                    </Button>
-                </div>
+                    <div>
+                        <label className="block text-sm font-bold mb-1">Password</label>
+                        <div className="relative">
+                            <Lock className="absolute left-3 top-1/2 -translate-y-1/2 text-gray-400" size={18} />
+                            <Input
+                                type="password"
+                                value={password}
+                                onChange={(e) => setPassword(e.target.value)}
+                                placeholder="••••••••"
+                                className="pl-10"
+                                required
+                            />
+                        </div>
+                    </div>
 
-                <div className="text-center text-sm pt-2">
-                    <span className="text-gray-500">
-                        {isSignIn ? "Don't have an account? " : "Already have an account? "}
-                    </span>
-                    <button
-                        type="button"
-                        onClick={() => setIsSignIn(!isSignIn)}
-                        className="font-bold underline hover:text-brutalist-red"
-                    >
-                        {isSignIn ? 'Sign Up' : 'Sign In'}
-                    </button>
-                </div>
-            </form>
+                    <div className="pt-2">
+                        <Button
+                            type="submit"
+                            disabled={loading}
+                            className="w-full btn-brutal-primary justify-center"
+                        >
+                            {loading ? <Loader2 className="animate-spin" size={20} /> : (isSignIn ? 'Sign In' : 'Sign Up')}
+                        </Button>
+                    </div>
+
+                    <div className="text-center text-sm pt-2">
+                        <span className="text-gray-500">
+                            {isSignIn ? "Don't have an account? " : "Already have an account? "}
+                        </span>
+                        <button
+                            type="button"
+                            onClick={() => setIsSignIn(!isSignIn)}
+                            className="font-bold underline hover:text-brutalist-red"
+                        >
+                            {isSignIn ? 'Sign Up' : 'Sign In'}
+                        </button>
+                    </div>
+                </form>
+            </div>
         </Modal>
     );
 };

src/contexts/AuthContext.jsx

@@ -46,6 +46,15 @@ export const AuthProvider = ({ children }) => {
         return supabase.auth.signInWithPassword({ email, password });
     };
 
+    const signInWithGoogle = () => {
+        return supabase.auth.signInWithOAuth({
+            provider: 'google',
+            options: {
+                redirectTo: `${window.location.origin}/`
+            }
+        });
+    };
+
     const signOut = () => {
         return supabase.auth.signOut();
     };
@@ -55,6 +64,7 @@ export const AuthProvider = ({ children }) => {
         isPremium,
         signUp,
         signIn,
+        signInWithGoogle,
         signOut,
         loading
     };

src/features/ClapbackChat.jsx

@@ -144,7 +144,7 @@ export const ClapbackChat = () => {
                 <motion.button
                     layoutId="chat-bubble"
                     onClick={() => setIsOpen(true)}
-                    className="fixed bottom-4 right-4 z-50 h-14 w-14 md:h-16 md:w-16 rounded-full bg-brutalist-black text-white hover:bg-brutalist-red p-0 flex items-center justify-center border-4 border-brutalist-black shadow-hard-lg"
+                    className="fixed bottom-4 right-4 md:bottom-8 md:right-8 z-50 h-14 w-14 md:h-16 md:w-16 rounded-full bg-brutalist-black text-white hover:bg-brutalist-red p-0 flex items-center justify-center border-4 border-brutalist-black shadow-hard-lg animate-pulse-glow"
                     whileHover={{ scale: 1.1, rotate: -5 }}
                     whileTap={{ scale: 0.95 }}
                 >

src/features/ResumeUpload.jsx

@@ -1,6 +1,6 @@
-import React, { useState } from 'react';
+import React, { useState, useRef } from 'react';
 import { motion, AnimatePresence } from 'framer-motion';
-import { Upload, FileText, X, ShieldCheck, Lock } from 'lucide-react';
+import { Upload, FileText, X, ShieldCheck, Lock, Loader2 } from 'lucide-react';
 import { Card } from '../components/ui/Card';
 import { Button } from '../components/ui/Button';
 import { useAuth } from '../contexts/AuthContext';
@@ -10,52 +10,93 @@ export const ResumeUpload = () => {
     const [file, setFile] = useState(null);
     const [isDragOver, setIsDragOver] = useState(false);
     const [showAuthModal, setShowAuthModal] = useState(false);
+    const [isAnalyzing, setIsAnalyzing] = useState(false);
+    const fileInputRef = useRef(null);
 
     const { user } = useAuth();
 
-    // Handle file upload - requires auth
-    const handleUpload = (e) => {
+    // Handle click on upload area
+    const handleClick = () => {
         if (!user) {
             setShowAuthModal(true);
             return;
         }
-        e?.preventDefault?.();
-        setIsDragOver(false);
-        // In a real app, validating file type here
-        setFile({ name: "john_doe_resume.pdf", size: "1.2 MB" });
+        // Trigger file input
+        fileInputRef.current?.click();
+    };
+
+    // Handle file selection from input
+    const handleFileChange = (e) => {
+        const selectedFile = e.target.files?.[0];
+        if (selectedFile && selectedFile.type === 'application/pdf') {
+            setFile({
+                name: selectedFile.name,
+                size: `${(selectedFile.size / 1024 / 1024).toFixed(2)} MB`,
+                rawFile: selectedFile
+            });
+        }
     };
 
+    // Handle drag and drop
     const handleDrop = (e) => {
         e.preventDefault();
+        setIsDragOver(false);
+
         if (!user) {
             setShowAuthModal(true);
             return;
         }
-        setIsDragOver(false);
-        setFile({ name: "john_doe_resume.pdf", size: "1.2 MB" });
+
+        const droppedFile = e.dataTransfer.files?.[0];
+        if (droppedFile && droppedFile.type === 'application/pdf') {
+            setFile({
+                name: droppedFile.name,
+                size: `${(droppedFile.size / 1024 / 1024).toFixed(2)} MB`,
+                rawFile: droppedFile
+            });
+        }
+    };
+
+    const handleAnalyze = async () => {
+        if (!file) return;
+        setIsAnalyzing(true);
+        // TODO: Implement actual resume analysis API call
+        setTimeout(() => {
+            setIsAnalyzing(false);
+            alert('Resume analysis coming soon!');
+        }, 2000);
     };
 
     return (
         <>
-            <section className="py-20 bg-brutalist-gray/20">
+            <section className="py-16 bg-brutalist-gray/20">
                 <div className="container mx-auto px-4 text-center">
-                    <h2 className="text-4xl md:text-5xl font-black uppercase mb-4">
+                    <h2 className="text-3xl md:text-4xl font-black uppercase mb-3">
                         Resume Reality Check
                     </h2>
-                    <p className="text-xl text-gray-600 mb-12 max-w-2xl mx-auto">
+                    <p className="text-lg text-gray-600 mb-8 max-w-xl mx-auto">
                         We'll compare your "Expert" skills against your actual code.
-                        <span className="bg-black text-white px-2 mx-1 font-mono text-sm">PDF ONLY</span>
+                        <span className="bg-black text-white px-2 mx-1 font-mono text-xs">PDF ONLY</span>
                     </p>
 
-                    <div className="max-w-xl mx-auto relative">
+                    <div className="max-w-md mx-auto relative">
                         {/* Security Badge */}
-                        <div className="absolute -top-6 -right-6 z-10 rotate-12">
-                            <div className="bg-brutalist-white border-2 border-brutalist-black px-4 py-2 shadow-hard flex items-center gap-2">
-                                <ShieldCheck className="text-green-600" size={20} />
+                        <div className="absolute -top-4 -right-4 z-10 rotate-12">
+                            <div className="bg-white border-2 border-brutalist-black px-3 py-1 shadow-hard flex items-center gap-2">
+                                <ShieldCheck className="text-green-600" size={16} />
                                 <span className="font-bold text-xs uppercase">PII Redacted</span>
                             </div>
                         </div>
 
+                        {/* Hidden file input */}
+                        <input
+                            ref={fileInputRef}
+                            type="file"
+                            accept=".pdf"
+                            onChange={handleFileChange}
+                            className="hidden"
+                        />
+
                         <Card className="relative overflow-hidden">
                             <AnimatePresence mode="wait">
                                 {!file ? (
@@ -65,28 +106,28 @@ export const ResumeUpload = () => {
                                         animate={{ opacity: 1 }}
                                         exit={{ opacity: 0 }}
                                         className={`
-                                            border-4 border-dashed rounded-none p-12 transition-colors duration-300
-                                            flex flex-col items-center justify-center gap-4
+                                            border-4 border-dashed rounded-none p-8 transition-colors duration-300 cursor-pointer
+                                            flex flex-col items-center justify-center gap-3
                                             ${isDragOver ? 'border-brutalist-red bg-red-50' : 'border-gray-300 hover:border-brutalist-black'}
                                         `}
                                         onDragOver={(e) => { e.preventDefault(); setIsDragOver(true); }}
                                         onDragLeave={() => setIsDragOver(false)}
                                         onDrop={handleDrop}
-                                        onClick={handleUpload}
+                                        onClick={handleClick}
                                     >
                                         {!user ? (
                                             <>
-                                                <Lock size={48} className="text-gray-400" />
-                                                <div className="space-y-2">
-                                                    <p className="font-bold text-lg">Sign in to Upload</p>
+                                                <Lock size={40} className="text-gray-400" />
+                                                <div className="space-y-1">
+                                                    <p className="font-bold">Sign in to Upload</p>
                                                     <p className="text-sm font-mono text-gray-500">Click to sign in first</p>
                                                 </div>
                                             </>
                                         ) : (
                                             <>
-                                                <Upload size={48} className={isDragOver ? "text-brutalist-red" : "text-gray-400"} />
-                                                <div className="space-y-2">
-                                                    <p className="font-bold text-lg">Drop your Resume here</p>
+                                                <Upload size={40} className={isDragOver ? "text-brutalist-red" : "text-gray-400"} />
+                                                <div className="space-y-1">
+                                                    <p className="font-bold">Drop your Resume here</p>
                                                     <p className="text-sm font-mono text-gray-500">or click to browse</p>
                                                 </div>
                                             </>
@@ -97,28 +138,39 @@ export const ResumeUpload = () => {
                                         key="file"
                                         initial={{ scale: 0.9, opacity: 0 }}
                                         animate={{ scale: 1, opacity: 1 }}
-                                        className="bg-neutral-50 p-8 border-2 border-dashed border-brutalist-black"
+                                        className="bg-neutral-50 p-6 border-2 border-dashed border-brutalist-black"
                                     >
-                                        <div className="flex items-center justify-between gap-4 mb-6">
-                                            <div className="flex items-center gap-4">
-                                                <div className="w-16 h-16 bg-red-100 border-2 border-brutalist-black flex items-center justify-center">
-                                                    <FileText size={32} className="text-brutalist-red" />
+                                        <div className="flex items-center justify-between gap-4 mb-4">
+                                            <div className="flex items-center gap-3">
+                                                <div className="w-12 h-12 bg-red-100 border-2 border-brutalist-black flex items-center justify-center">
+                                                    <FileText size={24} className="text-brutalist-red" />
                                                 </div>
                                                 <div className="text-left">
-                                                    <p className="font-bold text-lg">{file.name}</p>
-                                                    <p className="font-mono text-xs text-gray-500">1.2 MB • SCANNED</p>
+                                                    <p className="font-bold text-sm truncate max-w-[150px]">{file.name}</p>
+                                                    <p className="font-mono text-xs text-gray-500">{file.size}</p>
                                                 </div>
                                             </div>
                                             <button
                                                 onClick={() => setFile(null)}
-                                                className="p-2 hover:bg-red-100 transition-colors border-2 border-transparent hover:border-red-200"
+                                                className="p-2 hover:bg-red-100 transition-colors rounded"
                                             >
-                                                <X size={20} />
+                                                <X size={18} />
                                             </button>
                                         </div>
 
-                                        <Button className="w-full bg-brutalist-red text-white hover:bg-neutral-900">
-                                            EXPOSE MY LIES
+                                        <Button
+                                            onClick={handleAnalyze}
+                                            disabled={isAnalyzing}
+                                            className="w-full bg-brutalist-red text-white hover:bg-neutral-900 justify-center"
+                                        >
+                                            {isAnalyzing ? (
+                                                <>
+                                                    <Loader2 size={18} className="animate-spin mr-2" />
+                                                    ANALYZING...
+                                                </>
+                                            ) : (
+                                                'EXPOSE MY LIES'
+                                            )}
                                         </Button>
                                     </motion.div>
                                 )}

src/features/RoastView.jsx

@@ -1,58 +1,77 @@
 import React from 'react';
 import { Scorecard } from '../components/ui/Scorecard';
 import { Stamp } from '../components/ui/Stamp';
-import { FixItButton } from './FixItButton';
 import { motion } from 'framer-motion';
+import { Download, Share2 } from 'lucide-react';
 
 export const RoastView = ({ roastData }) => {
     if (!roastData) return null;
 
-    const { roast, errors, tier } = roastData;
-    const isPremium = tier === 'premium';
+    const { roast, errors, tier, screenshot } = roastData;
+
+    const handleShare = () => {
+        if (navigator.share) {
+            navigator.share({
+                title: 'My PixelRoast Result',
+                text: roast?.substring(0, 100) + '...',
+                url: window.location.href
+            });
+        } else {
+            navigator.clipboard.writeText(window.location.href);
+            alert('Link copied!');
+        }
+    };
 
     return (
         <section id="roast-view" className="py-12 bg-gray-50 border-y-4 border-brutalist-black">
             <div className="container mx-auto px-4">
                 <div className="flex flex-col lg:flex-row gap-8">
 
-                    {/* The Evidence (Website Screenshot) */}
+                    {/* The Evidence (Website Screenshot / Roast) */}
                     <div className="flex-1">
-                        <div className="flex items-center justify-between mb-4">
-                            <h2 className="text-2xl font-black uppercase">Evidence #402</h2>
-                            <span className="font-mono text-sm bg-red-100 text-brutalist-red px-2 py-1 border border-brutalist-red font-bold">
-                                DETECTED TECHNOLOGY: TRASH 🗑️
-                            </span>
+                        <div className="flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4 mb-4">
+                            <h2 className="text-2xl font-black uppercase">The Verdict</h2>
+                            <div className="flex gap-2">
+                                <button
+                                    onClick={handleShare}
+                                    className="flex items-center gap-2 px-3 py-2 text-sm font-bold border-2 border-brutalist-black bg-white hover:bg-brutalist-yellow transition-colors"
+                                >
+                                    <Share2 size={16} />
+                                    SHARE
+                                </button>
+                            </div>
                         </div>
 
-                        <div className="relative border-4 border-brutalist-black bg-white shadow-hard-lg min-h-[600px] overflow-hidden group">
+                        <div className="relative border-4 border-brutalist-black bg-white shadow-hard-lg overflow-hidden">
                             {/* Roast Content */}
-                            <div className="p-8">
-                                <h3 className="font-black text-2xl mb-4">THE VERDICT:</h3>
-                                <div className="prose prose-lg font-medium text-gray-800 mb-8 whitespace-pre-wrap">
+                            <div className="p-6 md:p-8">
+                                <div className="prose prose-lg font-medium text-gray-800 mb-6 whitespace-pre-wrap">
                                     {roast}
                                 </div>
 
-                                {/* Fixes List */}
-                                <div className="space-y-4">
-                                    {errors?.map((error, idx) => (
-                                        <div key={idx} className="bg-red-50 border-l-4 border-brutalist-red p-4">
-                                            <p className="font-bold text-brutalist-red text-sm mb-1">ISSUE #{idx + 1}</p>
-                                            <p className="text-gray-800">{error}</p>
-                                        </div>
-                                    ))}
-                                </div>
+                                {/* Issues List */}
+                                {errors && errors.length > 0 && (
+                                    <div className="space-y-3 mt-6">
+                                        <h4 className="font-black text-sm uppercase text-gray-500">Issues Found:</h4>
+                                        {errors.map((error, idx) => (
+                                            <div key={idx} className="bg-red-50 border-l-4 border-brutalist-red p-3">
+                                                <p className="font-bold text-brutalist-red text-xs mb-1">#{idx + 1}</p>
+                                                <p className="text-gray-800 text-sm">{error}</p>
+                                            </div>
+                                        ))}
+                                    </div>
+                                )}
                             </div>
 
-                            {/* Overlay Stamps */}
-                            <Stamp className="top-20 right-10 rotate-12" angle={12}>
-                                <p className="text-xl">ROASTED</p>
-                                <p className="text-xs font-mono">EMOTIONAL DAMAGE: 100%</p>
+                            {/* Overlay Stamp */}
+                            <Stamp className="top-4 right-4 rotate-12" angle={12}>
+                                <p className="text-lg">ROASTED</p>
                             </Stamp>
                         </div>
                     </div>
 
-                    {/* The Verdict (Scorecard) */}
-                    <div className="w-full lg:w-96">
+                    {/* The Scorecard */}
+                    <div className="w-full lg:w-80">
                         <Scorecard />
                     </div>
                 </div>

src/pages/Home.jsx

@@ -8,28 +8,31 @@ import { AboutSection } from '../features/AboutSection';
 import { PricingSection } from '../features/PricingSection';
 import { Footer } from '../features/Footer';
 import { ScanHistory } from '../features/ScanHistory';
+import { useAuth } from '../contexts/AuthContext';
 
 const Home = () => {
     const [roastResult, setRoastResult] = useState(null);
+    const { user } = useAuth();
 
     return (
         <div className="space-y-0">
             <HeroSection onRoastComplete={setRoastResult} />
-            <PersonalitySelector />
-            <AboutSection />
-            <PricingSection />
-
-            {/* Divider */}
-            <div className="h-4 bg-brutalist-black border-y-4 border-white my-0" />
 
-            {/* Scan History connects to RoastView via onSelectScan */}
-            <ScanHistory onSelectScan={(scan) => {
-                setRoastResult(scan.roast_data);
-                document.getElementById('roast-view')?.scrollIntoView({ behavior: 'smooth' });
-            }} />
+            {/* History of Shame - right after Hero, only for logged in users */}
+            {user && (
+                <ScanHistory onSelectScan={(scan) => {
+                    setRoastResult(scan.roast_data);
+                    document.getElementById('roast-view')?.scrollIntoView({ behavior: 'smooth' });
+                }} />
+            )}
 
+            {/* Roast Result - shows after a roast or when selecting from history */}
             <RoastView roastData={roastResult} />
 
+            <PersonalitySelector />
+            <AboutSection />
+            <PricingSection />
+
             <section id="resume">
                 <ResumeUpload />
             </section>