feat: auto-move toolbar

Author: sm17p

.changeset/evil-ants-bathe.md

@@ -0,0 +1,5 @@
+---
+"amgiflol": patch
+---
+
+feat: auto-move toolbar - Toolbar now automatically repositions to top/bottom based on mouse position

.github/workflows/ci.yml

@@ -36,10 +36,13 @@ jobs:
         run: pnpm zip:all
 
       - name: Dry-Run Submit to stores
+        # run: |
+        #   pnpm wxt submit --dry-run \
+        #     --chrome-zip dist/*-chrome.zip \
+        #     --firefox-zip dist/*-firefox.zip --firefox-sources-zip dist/*-sources.zip
         run: |
           pnpm wxt submit --dry-run \
-            --chrome-zip .output/*-chrome.zip \
-            --firefox-zip .output/*-firefox.zip --firefox-sources-zip .output/*-sources.zip
+            --firefox-zip dist/*-firefox.zip --firefox-sources-zip dist/*-sources.zip
         env:
           CHROME_CLIENT_ID: ${{ secrets.CHROME_CLIENT_ID }}
           CHROME_CLIENT_SECRET: ${{ secrets.CHROME_CLIENT_SECRET }}

package.json

@@ -24,6 +24,7 @@
 		"zip:firefox": "wxt zip -b firefox --mv3"
 	},
 	"dependencies": {
+		"@ark-ui/svelte": "^5.3.1",
 		"@lucide/svelte": "^0.525.0",
 		"@wxt-dev/analytics": "0.5.0",
 		"bits-ui": "^2.8.10"

pnpm-lock.yaml

@@ -243,7 +243,13 @@
 								{#snippet children(
 							{ checked },
 						)}
-									<span></span>
+									<Tooltip
+										label="Disabled on lock"
+										side="left"
+										sideOffset={12}
+									>
+										<CircleQuestionMark class="size-4" />
+									</Tooltip>
 									<span
 										class="min-w-[250px] flex justify-between items-center gap-3"
 									>
@@ -271,19 +277,23 @@
 							<DropdownMenu.CheckboxItem
 								class="hover:not-data-[disabled]:bg-lime-200 hover:not-data-[disabled]:text-lime-500 border-1 border-transparent rounded-lg grid grid-cols-[24px_1fr] pl-1 outline-0 hover:data-[disabled]:cursor-not-allowed"
 								bind:checked={uiStore.toolbar.autoMove}
-								disabled
 								closeOnSelect={false}
 							>
 								{#snippet children(
 							{ checked },
 						)}
-									<span></span>
+									<Tooltip
+										label="Disabled on lock"
+										side="left"
+										sideOffset={12}
+									>
+										<CircleQuestionMark class="size-4" />
+									</Tooltip>
 									<span
 										class="min-w-[250px] flex justify-between items-center gap-3"
 									>
 										<Switch
 											{checked}
-											disabled
 											labelText="Auto-Move"
 										/>
 									</span>