Mod Chat

[12th-devs]

@Zylaah are you familiar with Deta Surf?

[12th-devs]

@Zylaah also, I submitted a PR to update sine, but it seems until it is merged, the mod is broken.

[CosmoCreeper]

@Anoms12 I have created a pr that should fix this issue.

[Zylaah]

@CosmoCreeper I see Tidy Downloads again now but is it normal that I don't see any of my mods ?

[CosmoCreeper]

@Zylaah could you share your ctrl+shift+j menu and maybe your zen-themes.json? Also, did you have Nebula before? You may need to remove Nebula and reinstall.

[Zylaah]

@CosmoCreeper I have lots of warning in the console :

    latest chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:1763
    promise callback*action chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:1763
    initMarketplace chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:1809
    initMarketplace chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:1805
[sine.uc.mjs line 1272 > srcScript:1763:113](chrome://userscripts/content/sine.uc.mjs%20line%201272%20%3E%20srcScript)
SyntaxError: JSON.parse: unexpected non-whitespace character after JSON data at line 1 column 4 of the JSON data
    listener chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:38
    o chrome://userchromejs/content/utils.sys.mjs:299
    setPrefOfType chrome://userchromejs/content/utils.sys.mjs:278
    setTo chrome://userchromejs/content/utils.sys.mjs:192
    set chrome://userchromejs/content/utils.sys.mjs:296
    fetchFunc chrome://userscripts/content/sine.uc.mjs:1891
    o chrome://userchromejs/content/utils.sys.mjs:299
    setPrefOfType chrome://userchromejs/content/utils.sys.mjs:278
    setTo chrome://userchromejs/content/utils.sys.mjs:192
    set chrome://userchromejs/content/utils.sys.mjs:296
    fetch chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:32
    updateMods chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:961
    initMarketplace chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:1586
    initMarketplace chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:1584
[sine.uc.mjs line 1272 > srcScript:39:40](chrome://userscripts/content/sine.uc.mjs%20line%201272%20%3E%20srcScript)
SyntaxError: JSON.parse: unexpected non-whitespace character after JSON data at line 1 column 4 of the JSON data
    listener chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:38
    o chrome://userchromejs/content/utils.sys.mjs:299
    setPrefOfType chrome://userchromejs/content/utils.sys.mjs:278
    setTo chrome://userchromejs/content/utils.sys.mjs:192
    set chrome://userchromejs/content/utils.sys.mjs:296
    fetchFunc chrome://userscripts/content/sine.uc.mjs:1891
    o chrome://userchromejs/content/utils.sys.mjs:299
    setPrefOfType chrome://userchromejs/content/utils.sys.mjs:278
    setTo chrome://userchromejs/content/utils.sys.mjs:192
    set chrome://userchromejs/content/utils.sys.mjs:296
    fetch chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:32
    localFetch chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:788
    setProperty chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:810
    createThemeJSON chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:820
    updateMods chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:964
    initMarketplace chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:1586
    initMarketplace chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:1584
[sine.uc.mjs line 1272 > srcScript:39:40](chrome://userscripts/content/sine.uc.mjs%20line%201272%20%3E%20srcScript)
SyntaxError: JSON.parse: unexpected non-whitespace character after JSON data at line 1 column 4 of the JSON data
    listener chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:38
    o chrome://userchromejs/content/utils.sys.mjs:299
    setPrefOfType chrome://userchromejs/content/utils.sys.mjs:278
    setTo chrome://userchromejs/content/utils.sys.mjs:192
    set chrome://userchromejs/content/utils.sys.mjs:296
    fetchFunc chrome://userscripts/content/sine.uc.mjs:1891
    o chrome://userchromejs/content/utils.sys.mjs:299
    setPrefOfType chrome://userchromejs/content/utils.sys.mjs:278
    setTo chrome://userchromejs/content/utils.sys.mjs:192
    set chrome://userchromejs/content/utils.sys.mjs:296
    fetch chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:32
    localFetch chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:788
    setProperty chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:810
    createThemeJSON chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:823
    updateMods chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:964
    initMarketplace chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:1586
    initMarketplace chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:1584
[sine.uc.mjs line 1272 > srcScript:39:40](chrome://userscripts/content/sine.uc.mjs%20line%201272%20%3E%20srcScript)
SyntaxError: JSON.parse: unexpected non-whitespace character after JSON data at line 1 column 4 of the JSON data
    listener chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:38
    o chrome://userchromejs/content/utils.sys.mjs:299
    setPrefOfType chrome://userchromejs/content/utils.sys.mjs:278
    setTo chrome://userchromejs/content/utils.sys.mjs:192
    set chrome://userchromejs/content/utils.sys.mjs:296
    fetchFunc chrome://userscripts/content/sine.uc.mjs:1891
    o chrome://userchromejs/content/utils.sys.mjs:299
    setPrefOfType chrome://userchromejs/content/utils.sys.mjs:278
    setTo chrome://userchromejs/content/utils.sys.mjs:192
    set chrome://userchromejs/content/utils.sys.mjs:296
    fetch chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:32
    localFetch chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:788
    setProperty chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:810
    createThemeJSON chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:824
    updateMods chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:964
    initMarketplace chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:1586
    initMarketplace chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:1584
[sine.uc.mjs line 1272 > srcScript:39:40](chrome://userscripts/content/sine.uc.mjs%20line%201272%20%3E%20srcScript)
SyntaxError: JSON.parse: unexpected non-whitespace character after JSON data at line 1 column 4 of the JSON data
    listener chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:38
    o chrome://userchromejs/content/utils.sys.mjs:299
    setPrefOfType chrome://userchromejs/content/utils.sys.mjs:278
    setTo chrome://userchromejs/content/utils.sys.mjs:192
    set chrome://userchromejs/content/utils.sys.mjs:296
    fetchFunc chrome://userscripts/content/sine.uc.mjs:1891
    o chrome://userchromejs/content/utils.sys.mjs:299
    setPrefOfType chrome://userchromejs/content/utils.sys.mjs:278
    setTo chrome://userchromejs/content/utils.sys.mjs:192
    set chrome://userchromejs/content/utils.sys.mjs:296
    fetch chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:32
    localFetch chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:788
    setProperty chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:810
    createThemeJSON chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:826
    updateMods chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:964
    initMarketplace chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:1586
    initMarketplace chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:1584
[sine.uc.mjs line 1272 > srcScript:39:40](chrome://userscripts/content/sine.uc.mjs%20line%201272%20%3E%20srcScript)
SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data
    listener chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:38
    o chrome://userchromejs/content/utils.sys.mjs:299
    setPrefOfType chrome://userchromejs/content/utils.sys.mjs:278
    setTo chrome://userchromejs/content/utils.sys.mjs:192
    set chrome://userchromejs/content/utils.sys.mjs:296
    fetchFunc chrome://userscripts/content/sine.uc.mjs:1891
    o chrome://userchromejs/content/utils.sys.mjs:299
    setPrefOfType chrome://userchromejs/content/utils.sys.mjs:278
    setTo chrome://userchromejs/content/utils.sys.mjs:192
    set chrome://userchromejs/content/utils.sys.mjs:296
    fetch chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:32
    localFetch chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:788
    setProperty chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:810
    createThemeJSON chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:827
    updateMods chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:964
    initMarketplace chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:1586
    initMarketplace chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:1584
[sine.uc.mjs line 1272 > srcScript:39:40](chrome://userscripts/content/sine.uc.mjs%20line%201272%20%3E%20srcScript)
SyntaxError: JSON.parse: unexpected non-whitespace character after JSON data at line 1 column 4 of the JSON data
    listener chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:38
    o chrome://userchromejs/content/utils.sys.mjs:299
    setPrefOfType chrome://userchromejs/content/utils.sys.mjs:278
    setTo chrome://userchromejs/content/utils.sys.mjs:192
    set chrome://userchromejs/content/utils.sys.mjs:296
    fetchFunc chrome://userscripts/content/sine.uc.mjs:1891
    o chrome://userchromejs/content/utils.sys.mjs:299
    setPrefOfType chrome://userchromejs/content/utils.sys.mjs:278
    setTo chrome://userchromejs/content/utils.sys.mjs:192
    set chrome://userchromejs/content/utils.sys.mjs:296
    fetch chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:32
    localFetch chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:788
    setProperty chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:810
    createThemeJSON chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:828
    updateMods chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:964
    initMarketplace chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:1586
    initMarketplace chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:1584
[sine.uc.mjs line 1272 > srcScript:39:40](chrome://userscripts/content/sine.uc.mjs%20line%201272%20%3E%20srcScript)
SyntaxError: JSON.parse: unexpected non-whitespace character after JSON data at line 1 column 4 of the JSON data
    listener chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:38
    o chrome://userchromejs/content/utils.sys.mjs:299
    setPrefOfType chrome://userchromejs/content/utils.sys.mjs:278
    setTo chrome://userchromejs/content/utils.sys.mjs:192
    set chrome://userchromejs/content/utils.sys.mjs:296
    fetchFunc chrome://userscripts/content/sine.uc.mjs:1891
    o chrome://userchromejs/content/utils.sys.mjs:299
    setPrefOfType chrome://userchromejs/content/utils.sys.mjs:278
    setTo chrome://userchromejs/content/utils.sys.mjs:192
    set chrome://userchromejs/content/utils.sys.mjs:296
    fetch chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:32
    localFetch chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:788
    createThemeJSON chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:835
    updateMods chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:964
    initMarketplace chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:1586
    initMarketplace chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:1584
[sine.uc.mjs line 1272 > srcScript:39:40](chrome://userscripts/content/sine.uc.mjs%20line%201272%20%3E%20srcScript)
Auto-updating: Floating Status Bar! [sine.uc.mjs line 1272 > srcScript:986:29](chrome://userscripts/content/sine.uc.mjs%20line%201272%20%3E%20srcScript)
Error: Can't set pref to a different type
    setTo chrome://userchromejs/content/utils.sys.mjs:194
    set chrome://userchromejs/content/utils.sys.mjs:296
    fetch chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:32
    parseStyles chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:751
    updateMods chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:990
    initMarketplace chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:1586
    initMarketplace chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:1584
[sine.uc.mjs line 1272 > srcScript:751:87](chrome://userscripts/content/sine.uc.mjs%20line%201272%20%3E%20srcScript)
WindowsJumpLists: Failed to fetch favicon for  https://github.com/Anoms12/Zen-Haven/discussions/2#discussioncomment-13258295 NS_ERROR_FAILURE: [WindowsJumpLists.sys.mjs:257:29](resource:///modules/WindowsJumpLists.sys.mjs)
WindowsJumpLists: Failed to fetch favicon for  https://www.presse-citron.net/avec-sa-crypto-trump-a-cree-le-systeme-le-plus-corrompu-de-lhistoire/ NS_ERROR_FAILURE: [WindowsJumpLists.sys.mjs:257:29](resource:///modules/WindowsJumpLists.sys.mjs)
WindowsJumpLists: Failed to fetch favicon for  https://www.presse-citron.net/messages-arnaque-mauvais-numero-telephone/ NS_ERROR_FAILURE: [WindowsJumpLists.sys.mjs:257:29](resource:///modules/WindowsJumpLists.sys.mjs)
WindowsJumpLists: Failed to fetch favicon for  https://github.com/Anoms12/Zen-Haven/discussions/2#discussioncomment-13258295 NS_ERROR_FAILURE: [WindowsJumpLists.sys.mjs:257:29](resource:///modules/WindowsJumpLists.sys.mjs)
WindowsJumpLists: Failed to fetch favicon for  https://www.presse-citron.net/avec-sa-crypto-trump-a-cree-le-systeme-le-plus-corrompu-de-lhistoire/ NS_ERROR_FAILURE: [WindowsJumpLists.sys.mjs:257:29](resource:///modules/WindowsJumpLists.sys.mjs)
WindowsJumpLists: Failed to fetch favicon for  https://www.presse-citron.net/messages-arnaque-mauvais-numero-telephone/ NS_ERROR_FAILURE: [WindowsJumpLists.sys.mjs:257:29](resource:///modules/WindowsJumpLists.sys.mjs)
WindowsJumpLists: Failed to fetch favicon for  https://github.com/Anoms12/Zen-Haven/discussions/2#discussioncomment-13258295 NS_ERROR_FAILURE: [WindowsJumpLists.sys.mjs:257:29](resource:///modules/WindowsJumpLists.sys.mjs)
WindowsJumpLists: Failed to fetch favicon for  https://www.presse-citron.net/avec-sa-crypto-trump-a-cree-le-systeme-le-plus-corrompu-de-lhistoire/ NS_ERROR_FAILURE: [WindowsJumpLists.sys.mjs:257:29](resource:///modules/WindowsJumpLists.sys.mjs)
WindowsJumpLists: Failed to fetch favicon for  https://www.presse-citron.net/messages-arnaque-mauvais-numero-telephone/ NS_ERROR_FAILURE: [WindowsJumpLists.sys.mjs:257:29](resource:///modules/WindowsJumpLists.sys.mjs)
TypeError: res.json is not a function
    latest chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:1763
    promise callback*action chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:1763
    initMarketplace chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:1809
    initMarketplace chrome://userscripts/content/sine.uc.mjs line 1272 > srcScript:1805
[sine.uc.mjs line 1272 > srcScript:1763:113](chrome://userscripts/content/sine.uc.mjs%20line%201272%20%3E%20srcScript)
WindowsJumpLists: Failed to fetch favicon for  https://github.com/Anoms12/Zen-Haven/discussions/2#discussioncomment-13258295 NS_ERROR_FAILURE: [WindowsJumpLists.sys.mjs:257:29](resource:///modules/WindowsJumpLists.sys.mjs)
WindowsJumpLists: Failed to fetch favicon for  https://www.presse-citron.net/avec-sa-crypto-trump-a-cree-le-systeme-le-plus-corrompu-de-lhistoire/ NS_ERROR_FAILURE: [WindowsJumpLists.sys.mjs:257:29](resource:///modules/WindowsJumpLists.sys.mjs)
WindowsJumpLists: Failed to fetch favicon for  https://www.presse-citron.net/messages-arnaque-mauvais-numero-telephone/ NS_ERROR_FAILURE: [WindowsJumpLists.sys.mjs:257:29](resource:///modules/WindowsJumpLists.sys.mjs)
WindowsJumpLists: Failed to fetch favicon for  https://github.com/Anoms12/Zen-Haven/discussions/2#discussioncomment-13258295 NS_ERROR_FAILURE: [WindowsJumpLists.sys.mjs:257:29](resource:///modules/WindowsJumpLists.sys.mjs)
WindowsJumpLists: Failed to fetch favicon for  https://www.presse-citron.net/avec-sa-crypto-trump-a-cree-le-systeme-le-plus-corrompu-de-lhistoire/ NS_ERROR_FAILURE: [WindowsJumpLists.sys.mjs:257:29](resource:///modules/WindowsJumpLists.sys.mjs)
WindowsJumpLists: Failed to fetch favicon for  https://www.presse-citron.net/messages-arnaque-mauvais-numero-telephone/ NS_ERROR_FAILURE: [WindowsJumpLists.sys.mjs:257:29](resource:///modules/WindowsJumpLists.sys.mjs)
WindowsJumpLists: Failed to fetch favicon for  https://github.com/Anoms12/Zen-Haven/discussions/2#discussioncomment-13258295 NS_ERROR_FAILURE: [WindowsJumpLists.sys.mjs:257:29](resource:///modules/WindowsJumpLists.sys.mjs)
WindowsJumpLists: Failed to fetch favicon for  https://www.presse-citron.net/avec-sa-crypto-trump-a-cree-le-systeme-le-plus-corrompu-de-lhistoire/ NS_ERROR_FAILURE: [WindowsJumpLists.sys.mjs:257:29](resource:///modules/WindowsJumpLists.sys.mjs)
WindowsJumpLists: Failed to fetch favicon for  https://www.presse-citron.net/messages-arnaque-mauvais-numero-telephone/ NS_ERROR_FAILURE: [WindowsJumpLists.sys.mjs:257:29](resource:///modules/WindowsJumpLists.sys.mjs)
Error: Form history is disabled, only remove operations are allowed
    update resource://gre/modules/FormHistory.sys.mjs:1077
    addToFormHistory resource:///modules/UrlbarUtils.sys.mjs:1161
    pickResult resource:///modules/UrlbarInput.sys.mjs:1319
    pickElement resource:///modules/UrlbarInput.sys.mjs:1022
    handleNavigation resource:///modules/UrlbarInput.sys.mjs:793
    handleCommand resource:///modules/UrlbarInput.sys.mjs:727
    handleKeyNavigation resource:///modules/UrlbarController.sys.mjs:356
    _on_keydown resource:///modules/UrlbarInput.sys.mjs:4729
    maybeDeferEvent resource:///modules/UrlbarEventBufferer.sys.mjs:159
    _on_keydown resource:///modules/UrlbarInput.sys.mjs:4728
    handleEvent resource:///modules/UrlbarInput.sys.mjs:686

[Zylaah]

zen-themes.json looks like this
zen-themes.json

And I never used Nebula

[Zylaah]

@Zylaah are you familiar with Deta Surf?

@Anoms12 Yes I have it and I tested it

[Zylaah]

@Zylaah are you familiar with Deta Surf?

@Anoms12 Yes I have it and I tested it

I actually made the closing bubble pop animation from Deta in Zen

[12th-devs]

@Zylaah oh yeah! I was in talks with them today, but ferycoyte wants to make the download pods work like the stuff collection in the bottom left, and I think he's onto something! Especially if we make the dragable. What do you think?

[Zylaah]

@Zylaah oh yeah! I was in talks with them today, but ferycoyte wants to make the download pods work like the stuff collection in the bottom left, and I think he's onto something! Especially if we make the dragable. What do you think?

Yes I saw you guys talking about it ! I think that's a great idea. Needs to be really well optimized tho.

[12th-devs]

@Zylaah that's what I was thinking, before we start working on it, we need to figure out what to do with the downloads button...

[12th-devs]

@Zylaah is it all good now? I will help with whatever I can

[12th-devs]

I do not know why, I will look into the script in a sec, but we might need to have a better case for that... (or just move the CSS back into the script, which I wold perfer not to)

[Zylaah]

Also, what's this about? installed from Sine.

Download Preview Script: Required CSS file not found or not loaded properly. [zen-tidy-downloads_tidy-downloads.uc.js:117:17](chrome://userscripts/content/zen-tidy-downloads_tidy-downloads.uc.js)
Expected styling properties were not detected on test elements. [zen-tidy-downloads_tidy-downloads.uc.js:118:17](chrome://userscripts/content/zen-tidy-downloads_tidy-downloads.uc.js)
The script will be disabled to prevent unstyled UI elements. [zen-tidy-downloads_tidy-downloads.uc.js:119:17](chrome://userscripts/content/zen-tidy-downloads_tidy-downloads.uc.js)
Please ensure the CSS file is in the correct location and properly linked. [zen-tidy-downloads_tidy-downloads.uc.js:120:17](chrome://userscripts/content/zen-tidy-downloads_tidy-downloads.uc.js)

This should not happen...I installed it from Sine and everything was fine.

[Zylaah]

@Anoms12 Script did not update in Sine it's still the old one

[Zylaah]

Ok I checked again and it definitely works, the first log just tries to get the CSS before ZenThemeImporter fully loads, but there is a timeout delay to check again after it is fully loaded.

[12th-devs]

@Zylaah yeah, mine is working too! Working on the grid thing now

[12th-devs]

@Zylaah I tried to make it, got pretty far, but the logistics need to be worked out so I restarted and came here. Idk what to do about the card. I tried to make them show when you hovered over a pod, but it just didn't make sense. I'm not sure what to do.

@ferrocyante what do you want, this is for you.

[12th-devs]

Also, ima play a bedwars game, I'll be active but I'm not starting work until after htat.

[ferrocyante]

should i ask some other people and take their suggestions and if someone interested they can contribute also @Anoms12

[12th-devs]

@ferrocyante that sounds good, maybe make a UI draft to show them tho.

[12th-devs]

@ferrocyante lmk if you hear anything before you head to bed

[Zylaah]

@Anoms12 I don't know I think it would clutter the UI too much. To me, if you want that behaviour you should get rid of the download button. It's either you use the download button to show previously hidden pods or get rid of the button and jsut show the pods.
To me we could do the first one and keep tidy downloads almost as it is now, the pod and card hides, and when you hover or click the download button piled up pods appear. if you hover the pile, they organize in a grid.

@Zylaah Ok, I really like that actually, minimal changes, get the grid view, and keep all of the buttons. So, you think we should hide the pods after 20s, but of the downloads button is clicked (or hovered) it should show all of the pods from the session, and if the pods are hovered, it shows the grid?

How do we integrate the controller, though? This is a team effort, I'm just here to help :)

Yeah pretty much ! So you have a clean UI that's interactive a sleek :)
For the controller, it depends what exactly you want it to do

[CosmoCreeper]

@Anoms12 did you ever try out that premium bypass thing?

[12th-devs]

@CosmoCreeper yeah, I don't even have the regular Zen installed...

[CosmoCreeper]

@Anoms12 Oh, did you uninstall it recently?

[12th-devs]

@CosmoCreeper no, I mean I only have twilight

Lol, I have zen

[CosmoCreeper]

@Anoms12 oh, okay. yeah, it should work now though.

[12th-devs]

@CosmoCreeper thank you!

[12th-devs]

@Zylaah I'm having trouble getting the cards to work after I hover over the downloads button, will you take a look at it? (Also, none of this can handle duplicate file names, it gets RLY confused.)

// ==UserScript==
// @include   main
// @loadOrder    99999999999999
// @ignorecache
// ==/UserScript==

// userChrome.js / download_preview_mistral_pixtral_rename.uc.js - FINAL FIXED VERSION
// AI-powered download preview and renaming with Mistral vision API support
(function () {
  "use strict";

  // Use Components for Firefox compatibility
  const { classes: Cc, interfaces: Ci } = Components;

  // Wait for browser window to be ready
  if (location.href !== "chrome://browser/content/browser.xhtml") return;

  // --- Configuration via Firefox Preferences ---
  // Available preferences (set in about:config):
  // extensions.downloads.mistral_api_key - Your Mistral API key (required for AI renaming)
  // extensions.downloads.enable_debug - Enable debug logging (default: false)
  // extensions.downloads.debug_ai_only - Only log AI-related messages (default: true)
  // extensions.downloads.enable_ai_renaming - Enable AI-powered file renaming (default: true)
  // extensions.downloads.disable_autohide - Disable automatic hiding of completed downloads (default: false)
  // extensions.downloads.autohide_delay_ms - Delay before auto-hiding completed downloads (default: 20000)
  // extensions.downloads.interaction_grace_period_ms - Grace period after user interaction (default: 5000)
  // extensions.downloads.max_filename_length - Maximum length for AI-generated filenames (default: 70)
  // extensions.downloads.skip_css_check - Skip CSS availability check (default: false) - USE ONLY FOR DEBUGGING
  // extensions.downloads.max_file_size_for_ai - Maximum file size for AI processing in bytes (default: 52428800 = 50MB)
  // extensions.downloads.mistral_api_url - Mistral API endpoint (default: "https://api.mistral.ai/v1/chat/completions")
  // extensions.downloads.mistral_model - Mistral model to use (default: "pixtral-large-latest")
  // extensions.downloads.stable_focus_mode - Prevent focus switching during multiple downloads (default: true)
  // extensions.downloads.progress_update_throttle_ms - Throttle delay for in-progress download updates (default: 500)
  // extensions.downloads.show_old_downloads_hours - How many hours back to show old completed downloads on startup (default: 2)

  // Legacy constants for compatibility
  const MISTRAL_API_KEY_PREF = "extensions.downloads.mistral_api_key";
  const DISABLE_AUTOHIDE_PREF = "extensions.downloads.disable_autohide";
  const IMAGE_LOAD_ERROR_ICON = "🚫";
  const TEMP_LOADER_ICON = "⏳";
  const RENAMED_SUCCESS_ICON = "✓";
  const IMAGE_EXTENSIONS = new Set([
    ".jpg", ".jpeg", ".png", ".gif", ".webp", ".bmp", ".svg", ".avif",
    ".ico", ".tif", ".tiff", ".jfif"
  ]);


  // Platform-agnostic path separator detection
  const PATH_SEPARATOR = navigator.platform.includes("Win") ? "\\" : "/";

  // Global state variables
  let downloadCardsContainer;
  const activeDownloadCards = new Map();
  let renamedFiles = new Set();
  let aiRenamingPossible = false;
  let cardUpdateThrottle = new Map(); // Prevent rapid updates
  let currentZenSidebarWidth = '';
  let podsRowContainerElement = null; // Renamed back from podsStackContainerElement
  let masterTooltipDOMElement = null;
  let focusedDownloadKey = null;
  let orderedPodKeys = []; // Newest will be at the end
  let lastRotationDirection = null; // Track rotation direction: 'forward', 'backward', or null
  const dismissedDownloads = new Set(); // Track downloads that have been manually dismissed or auto-hidden
  // --- NEW: Track autohidden pods and downloads button hover state ---
  const autohiddenPodsData = new Map(); // downloadKey -> cardData (shallow copy)
  let downloadsButtonHovered = false;
  
  // AI Process Management
  const activeAIProcesses = new Map(); // downloadKey -> { abortController, processState, startTime }
  
  // CSS availability flag
  let cssStylesAvailable = false;


  // Function to check if required CSS styles are loaded
  function checkCSSAvailability() {
    try {
      console.log('[CSS Debug] Starting CSS availability check...');
      
      // First, let's check if any stylesheets are loaded
      const stylesheets = Array.from(document.styleSheets);
      console.log('[CSS Debug] Found stylesheets:', stylesheets.length);
      
      // Try to find our CSS by looking for specific rules
      let foundTidyDownloadsCSS = false;
      for (let sheet of stylesheets) {
        try {
          if (sheet.href && sheet.href.includes('zen-tidy-downloads')) {
            console.log('[CSS Debug] Found zen-tidy-downloads stylesheet:', sheet.href);
            foundTidyDownloadsCSS = true;
            break;
          }
          // Check rules if accessible
          if (sheet.cssRules) {
            for (let rule of sheet.cssRules) {
              if (rule.selectorText && 
                  (rule.selectorText.includes('#userchrome-download-cards-container') ||
                   rule.selectorText.includes('.details-tooltip'))) {
                console.log('[CSS Debug] Found tidy downloads CSS rule:', rule.selectorText);
                foundTidyDownloadsCSS = true;
                break;
              }
            }
          }
        } catch (e) {
          // Some stylesheets might not be accessible due to CORS
          console.log('[CSS Debug] Could not access stylesheet rules (normal for external CSS)');
        }
        if (foundTidyDownloadsCSS) break;
      }
      
      // Create test elements for different classes that should be styled by our CSS
      const testTooltip = document.createElement('div');
      testTooltip.className = 'details-tooltip master-tooltip';
      testTooltip.style.position = 'absolute';
      testTooltip.style.left = '-9999px';
      testTooltip.style.top = '-9999px';
      testTooltip.style.visibility = 'hidden';
      document.body.appendChild(testTooltip);
      
      const testContainer = document.createElement('div');
      testContainer.id = 'userchrome-download-cards-container';
      testContainer.style.position = 'absolute';
      testContainer.style.left = '-9999px';
      testContainer.style.top = '-9999px';
      testContainer.style.visibility = 'hidden';
      document.body.appendChild(testContainer);
      
      // Force a reflow to ensure styles are computed
      testTooltip.offsetHeight;
      testContainer.offsetHeight;
      
      // Check if the CSS is applied by testing specific properties
      const tooltipStyle = window.getComputedStyle(testTooltip);
      const containerStyle = window.getComputedStyle(testContainer);
      
      console.log('[CSS Debug] Tooltip computed styles:', {
        position: tooltipStyle.position,
        backgroundColor: tooltipStyle.backgroundColor,
        borderRadius: tooltipStyle.borderRadius,
        zIndex: tooltipStyle.zIndex,
        backdropFilter: tooltipStyle.backdropFilter,
        webkitBackdropFilter: tooltipStyle.webkitBackdropFilter,
        display: tooltipStyle.display
      });
      
      console.log('[CSS Debug] Container computed styles:', {
        position: containerStyle.position,
        zIndex: containerStyle.zIndex,
        pointerEvents: containerStyle.pointerEvents,
        display: containerStyle.display,
        flexDirection: containerStyle.flexDirection
      });
      
      // Test for specific CSS properties that should be set by our stylesheet
      // Updated to match the actual CSS properties in zen-tidy-downloads/chrome.css
      // We need ALL the conditions to be more strict since we were getting false positives
      const tooltipHasStyling = tooltipStyle.position === 'relative' && 
                               tooltipStyle.backgroundColor.includes('rgba(0, 0, 0, 0.9)') &&
                               tooltipStyle.borderRadius === '10px' &&
                               tooltipStyle.zIndex === '51';
      
      const containerHasStyling = containerStyle.position === 'fixed' &&
                                 containerStyle.zIndex === '50' &&
                                 containerStyle.pointerEvents === 'none' &&
                                 containerStyle.display === 'flex' && 
                                 containerStyle.flexDirection === 'column';
      
      // Clean up test elements
      document.body.removeChild(testTooltip);
      document.body.removeChild(testContainer);
      
      const hasExpectedStyling = tooltipHasStyling || containerHasStyling;
      
      console.log('[CSS Debug] Styling detection results:', {
        tooltipHasStyling,
        containerHasStyling,
        hasExpectedStyling,
        foundTidyDownloadsCSS
      });
      
      // If we found the CSS file but styling isn't detected, it might be a timing issue
      // Let's be more lenient if we found the CSS file
      if (foundTidyDownloadsCSS || hasExpectedStyling) {
        console.log('[CSS Check] ✅ CSS detected successfully!');
        debugLog('[CSS Check] Required CSS styles detected and loaded successfully', {
          foundCSSFile: foundTidyDownloadsCSS,
          tooltipStyling: tooltipHasStyling,
          containerStyling: containerHasStyling,
          tooltipPosition: tooltipStyle.position,
          tooltipBgColor: tooltipStyle.backgroundColor,
          containerPosition: containerStyle.position
        });
        return true;
      } else {
        console.warn('Download Preview Script: Required CSS file not found or not loaded properly.');
        console.warn('Expected styling properties were not detected on test elements.');
        console.warn('The script will be disabled to prevent unstyled UI elements.');
        console.warn('Please ensure the CSS file is in the correct location and properly linked.');
        console.warn('CSS file should be at: C:\\Users\\One\\AppData\\Roaming\\zen\\Profiles\\bxthesda\\chrome\\zen-themes\\zen-tidy-downloads\\chrome.css');
        debugLog('[CSS Check] CSS detection failed', {
          foundCSSFile: foundTidyDownloadsCSS,
          tooltipPosition: tooltipStyle.position,
          tooltipBgColor: tooltipStyle.backgroundColor,
          tooltipBorderRadius: tooltipStyle.borderRadius,
          tooltipZIndex: tooltipStyle.zIndex,
          containerPosition: containerStyle.position,
          containerZIndex: containerStyle.zIndex,
          containerPointerEvents: containerStyle.pointerEvents,
          containerDisplay: containerStyle.display
        });
        return false;
      }
    } catch (error) {
      console.error('Download Preview Script: Error checking CSS availability:', error);
      console.warn('The script will be disabled as a safety measure.');
      return false;
    }
  }

  // Add debug logging function with Firefox preferences support
  function debugLog(message, data = null, category = 'general') {
    try {
      const debugEnabled = getPref("extensions.downloads.enable_debug", false);
      const debugAiOnly = getPref("extensions.downloads.debug_ai_only", true);
      
      if (!debugEnabled) return;
      if (debugAiOnly && category !== 'aiRename' && category !== 'general') return;
      
      const timestamp = new Date().toISOString();
      const prefix = `[${timestamp}] Download Preview [${category.toUpperCase()}]:`;
      
      if (data) {
        console.log(`${prefix} ${message}`, data);
      } else {
        console.log(`${prefix} ${message}`);
      }
    } catch (e) {
      // Fallback if preferences fail
      console.log(`[Download Preview] ${message}`, data || '');
    }
  }

  // Improved key generation for downloads - Always prioritize ID if available
  function getDownloadKey(download) {
    debugLog('[GET_KEY] Generating key for download:', { id: download?.id, path: download?.target?.path, startTime: download?.startTime, url: download?.source?.url || download?.url });
    if (download?.id !== undefined) { // Check specifically for undefined, as 0 might be a valid ID
      const key = String(download.id);
      debugLog(`[GET_KEY] Using download ID as key: ${key}`);
      return key;
    }
    // Fallback for cases where ID is not available (less common but possible)
    if (download?.target?.path && download?.startTime) {
      const key = `${download.target.path}|${download.startTime}`;
      debugLog(`[GET_KEY] Using path|startTime as key: ${key}`);
      return key;
    }
    // Final fallback
    const url = download?.source?.url || download?.url || "unknown";
    const startTime = download?.startTime || Date.now();
    const key = `temp_${url}_${startTime}`;
    debugLog(`[GET_KEY] Using temporary key: ${key}`);
    return key;
  }

  // Get safe filename from download object
  function getSafeFilename(download) {
    // Try multiple sources for filename
    if (download.filename) return download.filename;
    if (download.target?.path) {
      return download.target.path.split(/[\\/]/).pop();
    }
    if (download.source?.url) {
      const url = download.source.url;
      const match = url.match(/\/([^\/\?]+)$/);
      if (match) return match[1];
    }
    return "Untitled";
  }

  // Robust initialization with CSS timing fix
  async function init() {
    console.log("=== DOWNLOAD PREVIEW SCRIPT STARTING ===");
    
    // Check if CSS check should be skipped (for debugging)
    const skipCSSCheck = getPref("extensions.downloads.skip_css_check", false);
    
    if (skipCSSCheck) {
      console.log("⚠️ CSS check skipped via preference - script will run without CSS validation");
      cssStylesAvailable = true;
    } else {
      // Wait for CSS to be fully loaded with retries
      cssStylesAvailable = await waitForCSSWithRetries();
      if (!cssStylesAvailable) {
        console.log("=== DOWNLOAD PREVIEW SCRIPT DISABLED (CSS NOT FOUND) ===");
        console.log("💡 To bypass this check temporarily, set extensions.downloads.skip_css_check = true in about:config");
        return; // Exit early if CSS is not available
      }
    }
    
    debugLog("Starting initialization");
    if (!window.Downloads?.getList) {
      console.error("Download Preview Mistral AI: Downloads API not available");
      aiRenamingPossible = false;
      return;
    }
    try {
      window.Downloads.getList(window.Downloads.ALL)
        .then(async (list) => {
          if (list) {
            debugLog("Downloads API verified");
            await verifyMistralConnection();
            console.log("=== MISTRAL VERIFICATION COMPLETE, aiRenamingPossible:", aiRenamingPossible, "===");
            if (aiRenamingPossible) {
              debugLog("AI renaming enabled - all systems verified");
            } else {
              debugLog("AI renaming disabled - Mistral connection failed");
            }
            await initDownloadManager();
            initSidebarWidthSync(); // <-- ADDED: Call to initialize sidebar width syncing
            debugLog("Initialization complete");
          }
        })
        .catch((e) => {
          console.error("Downloads API verification failed:", e);
          aiRenamingPossible = false;
        });
    } catch (e) {
      console.error("Download Preview Mistral AI: Init failed", e);
      aiRenamingPossible = false;
    }
    // At the end of init, after everything else:
    setupDownloadsButtonHoverListeners();
  }

  // Wait for ZenThemesImporter to finish loading themes
  async function waitForZenThemes(maxWaitMs = 5000) {
    console.log('[CSS Timing] Waiting for ZenThemesImporter to load themes...');
    
    const startTime = Date.now();
    
    return new Promise((resolve) => {
      const checkInterval = setInterval(() => {
        // Check if ZenThemesImporter has loaded by looking for a console message or DOM changes
        const stylesheets = Array.from(document.styleSheets);
        const hasZenThemeCSS = stylesheets.some(sheet => 
          sheet.href && sheet.href.includes('zen-tidy-downloads')
        );
        
        if (hasZenThemeCSS) {
          console.log('[CSS Timing] ✅ ZenThemesImporter has loaded Tidy Downloads theme');
          clearInterval(checkInterval);
          resolve(true);
          return;
        }
        
        // Timeout check
        if (Date.now() - startTime > maxWaitMs) {
          console.log('[CSS Timing] ⏰ Timeout waiting for ZenThemesImporter');
          clearInterval(checkInterval);
          resolve(false);
        }
      }, 100);
    });
  }

  // Wait for CSS to be properly loaded with retries
  async function waitForCSSWithRetries(maxRetries = 10, delayMs = 300) {
    console.log('[CSS Timing] Waiting for CSS to be fully loaded...');
    
    // First, wait for ZenThemesImporter to finish
    await waitForZenThemes();
    
    // Then wait a bit more for styles to be applied
    await new Promise(resolve => setTimeout(resolve, 500));
    
    for (let attempt = 1; attempt <= maxRetries; attempt++) {
      console.log(`[CSS Timing] Attempt ${attempt}/${maxRetries}`);
      
      const cssAvailable = checkCSSAvailability();
      if (cssAvailable) {
        console.log(`[CSS Timing] ✅ CSS detected on attempt ${attempt}`);
        return true;
      }
      
      if (attempt < maxRetries) {
        console.log(`[CSS Timing] CSS not ready, waiting ${delayMs}ms...`);
        await new Promise(resolve => setTimeout(resolve, delayMs));
        // Increase delay slightly for each retry
        delayMs += 100;
      }
    }
    
    console.log('[CSS Timing] ❌ CSS detection failed after all retries');
    return false;
  }



  // Wait for window load
  if (document.readyState === "complete") {
    init();
  } else {
    window.addEventListener("load", init, { once: true });
  }

  // Download manager UI and listeners
  async function initDownloadManager() {
    // Safety check - don't initialize if CSS is not available
    if (!cssStylesAvailable) {
      debugLog("Skipping download manager initialization - CSS not available");
      return;
    }

    // --- NEW: Clear autohiddenPodsData on startup for a fresh session ---
    autohiddenPodsData.clear();
    debugLog("[Init] Cleared autohiddenPodsData on startup.");

    // Add a delay to ensure CSS is fully applied before creating UI elements
    await new Promise(resolve => setTimeout(resolve, 300));
    debugLog("Creating download manager UI elements...");
    
    try {
      // Create container if it doesn't exist
      downloadCardsContainer = document.getElementById("userchrome-download-cards-container");
      if (!downloadCardsContainer) {
        downloadCardsContainer = document.createElement("div");
        downloadCardsContainer.id = "userchrome-download-cards-container";
        // Basic styles are now in CSS file, only dynamic overrides here if needed
        document.body.appendChild(downloadCardsContainer);

        // Create the single master tooltip element (fixed position at the top of the container)
        masterTooltipDOMElement = document.createElement("div");
        masterTooltipDOMElement.className = "details-tooltip master-tooltip";
        // Most styles are now in CSS file, only dynamic styles remain inline

        masterTooltipDOMElement.innerHTML = `
          <div class="card-status">Tooltip Status</div>
          <div class="card-title">Tooltip Title</div>
          <div class="card-original-filename">Original Filename</div>
          <div class="card-progress">Tooltip Progress</div>
          <div class="card-filesize">File Size</div>
          <div class="tooltip-buttons-container">
            <span class="card-undo-button" title="Undo Rename" tabindex="0" role="button">
              <!-- SVG will be injected here by script -->
            </span>
            <span class="card-close-button" title="Close" tabindex="0" role="button">✕</span>
          </div>
          <div class="tooltip-tail"></div>
        `;
        downloadCardsContainer.appendChild(masterTooltipDOMElement);

        // --- Inject SVG for Undo Button Programmatically ---
        const undoButtonSpan = masterTooltipDOMElement.querySelector(".card-undo-button");
        if (undoButtonSpan) {
            const svgNS = "http://www.w3.org/2000/svg";
            const svgIcon = document.createElementNS(svgNS, "svg");
            svgIcon.setAttribute("viewBox", "0 0 52 52");
            svgIcon.style.width = "100%";
            svgIcon.style.height = "100%";

            const pathIcon = document.createElementNS(svgNS, "path");
            pathIcon.setAttribute("d", "M30.3,12.6c10.4,0,18.9,8.4,18.9,18.9s-8.5,18.9-18.9,18.9h-8.2c-0.8,0-1.3-0.6-1.3-1.4v-3.2c0-0.8,0.6-1.5,1.4-1.5h8.1c7.1,0,12.8-5.7,12.8-12.8s-5.7-12.8-12.8-12.8H16.4c0,0-0.8,0-1.1,0.1c-0.8,0.4-0.6,1,0.1,1.7l4.9,4.9c0.6,0.6,0.5,1.5-0.1,2.1L18,29.7c-0.6,0.6-1.3,0.6-1.9,0.1l-13-13c-0.5-0.5-0.5-1.3,0-1.8L16,2.1c0.6-0.6,1.6-0.6,2.1,0l2.1,2.1c0.6,0.6,0.6,1.6,0,2.1l-4.9,4.9c-0.6,0.6-0.6,1.3,0.4,1.3c0.3,0,0.7,0,0.7,0L30.3,12.6z");
            pathIcon.setAttribute("fill", "#aaa");

            svgIcon.appendChild(pathIcon);
            undoButtonSpan.appendChild(svgIcon);
            debugLog("[SVG Inject] Programmatically created and appended SVG to undo button span.");
        } else {
            debugLog("[SVG Inject] Undo button span not found for SVG injection.");
        }
        // --- End SVG Injection ---

        // Create the container for HORIZONTAL pods row
        podsRowContainerElement = document.createElement("div"); 
        podsRowContainerElement.id = "userchrome-pods-row-container"; 
        // Basic styles are now in CSS file, only dynamic height will be set by layout manager
        downloadCardsContainer.appendChild(podsRowContainerElement);

        // Add mouse wheel scroll listener to the pods container for changing focus
        podsRowContainerElement.addEventListener('wheel', handlePodScrollFocus, { passive: false });
        
        // Add close handler for the master tooltip's close button AFTER creating podsRowContainerElement
        const masterCloseBtn = masterTooltipDOMElement.querySelector(".card-close-button");
        if (masterCloseBtn) {
          const masterCloseHandler = (e) => {
            e.preventDefault();
            e.stopPropagation();
            debugLog(`[MasterClose] Master close button clicked. FocusedDownloadKey: ${focusedDownloadKey}`);
            
            if (focusedDownloadKey) {
              const keyToRemove = focusedDownloadKey; // Capture the key
              const cardData = activeDownloadCards.get(keyToRemove);

              // Start tooltip hide animation immediately
              if (masterTooltipDOMElement) {
                masterTooltipDOMElement.style.opacity = "0";
                masterTooltipDOMElement.style.transform = "scaleY(0.8) translateY(10px)";
                masterTooltipDOMElement.style.pointerEvents = "none"; // Disable interactions when hidden
                debugLog(`[MasterClose] Tooltip hide animation initiated for ${keyToRemove}`);
              }

              // Delay pod removal to allow tooltip to animate out
              setTimeout(async () => {
                debugLog(`[MasterClose] Delayed action: proceeding to handle/remove card for ${keyToRemove}`);
                if (cardData && cardData.download) {
                  try {
                    const download = cardData.download;
                    // --- NEW: Store pod in autohiddenPodsData before removal (for manual close) ---
                    if (!autohiddenPodsData.has(keyToRemove) && activeDownloadCards.has(keyToRemove)) {
                      autohiddenPodsData.set(keyToRemove, { ...cardData });
                      debugLog(`[ManualClose] Added pod to autohiddenPodsData on manual close: ${keyToRemove}. Map size: ${autohiddenPodsData.size}`, Array.from(autohiddenPodsData.keys()), 'general');
                    }
                    
                    // Check if download is in progress
                    if (!download.succeeded && !download.error && !download.canceled) {
                      // First click: Cancel the download but keep in UI
                      debugLog(`[MasterClose] First click: Cancelling in-progress download ${keyToRemove}`);
                      
                      // Cancel any active AI process first
                      await cancelAIProcessForDownload(keyToRemove);
                      
                      download.cancel();
                      
                      // Mark as user-canceled for UI state
                      cardData.userCanceled = true;
                      
                      // Update UI to show canceled state with resume option
                      updateUIForFocusedDownload(keyToRemove, true);
                      
                      // Don't remove from UI yet - let user see canceled state
                      return;
                    }
                    
                    // Check if this is a user-canceled download that can be resumed
                    if (download.canceled && cardData.userCanceled && !cardData.permanentlyDeleted) {
                      // Second click on canceled download: Permanently delete
                      debugLog(`[MasterClose] Second click: Permanently deleting canceled download ${keyToRemove}`);
                      await eraseDownloadFromHistory(download);
                      cardData.permanentlyDeleted = true;
                      debugLog(`[MasterClose] Successfully erased download from history: ${keyToRemove}`);
                      removeCard(keyToRemove, false);
                      return;
                    }
                    
                    // For completed downloads: just remove from UI, keep in browser history
                    if (download.succeeded) {
                      debugLog(`[MasterClose] Removing completed download from UI only (keeping in browser history): ${keyToRemove}`);
                      
                      // Cancel any active AI process before removal
                      await cancelAIProcessForDownload(keyToRemove);
                      
                      removeCard(keyToRemove, false);
                      return;
                    }
                    
                    // For errored downloads or already permanently deleted: delete from history
                    if (download.error || cardData.permanentlyDeleted) {
                      debugLog(`[MasterClose] Deleting errored download from history: ${keyToRemove}`);
                      await eraseDownloadFromHistory(download);
                      debugLog(`[MasterClose] Successfully erased download from history: ${keyToRemove}`);
                      removeCard(keyToRemove, false);
                      return;
                    }
                    
                  } catch (error) {
                    debugLog(`[MasterClose] Error handling download ${keyToRemove}:`, error);
                    // On error, still remove from UI
                    removeCard(keyToRemove, false);
                  }
                } else {
                  debugLog(`[MasterClose] No cardData found for ${keyToRemove} during delayed action. Cannot remove.`);
                }
              }, 300); // Corresponds to tooltip animation duration
            }
          };
          masterCloseBtn.addEventListener("click", masterCloseHandler);
          masterCloseBtn.addEventListener("keydown", (e) => {
            if ((e.key === "Enter" || e.key === " ") && focusedDownloadKey) {
              e.preventDefault();
              masterCloseHandler(e);
            }
          });
        }

        // Add undo/resume handler for the master tooltip's undo button
        const masterUndoBtn = masterTooltipDOMElement.querySelector(".card-undo-button");
        if (masterUndoBtn) {
            const masterUndoHandler = async (e) => {
                e.preventDefault();
                e.stopPropagation();
                debugLog(`[MasterUndo] Master undo/resume button clicked. FocusedDownloadKey: ${focusedDownloadKey}`);
                
                if (focusedDownloadKey) {
                    const cardData = activeDownloadCards.get(focusedDownloadKey);
                    const download = cardData?.download;
                    
                    // Check if this is a user-canceled download (resume mode)
                    if (download?.canceled && cardData?.userCanceled && !cardData?.permanentlyDeleted) {
                        debugLog(`[MasterUndo] Resuming canceled download: ${focusedDownloadKey}`);
                        try {
                            // Resume the download
                            download.start();
                            
                            // Clear the user-canceled flag
                            cardData.userCanceled = false;
                            
                            // Update UI to show downloading state
                            updateUIForFocusedDownload(focusedDownloadKey, true);
                            
                        } catch (resumeError) {
                            debugLog(`[MasterUndo] Error resuming download ${focusedDownloadKey}:`, resumeError);
                            
                            // If resume fails, try to restart the download
                            try {
                                const sourceUrl = download.source?.url;
                                if (sourceUrl) {
                                    debugLog(`[MasterUndo] Resume failed, attempting to restart download from: ${sourceUrl}`);
                                    
                                    // Remove the failed download first
                                    await eraseDownloadFromHistory(download);
                                    removeCard(focusedDownloadKey, true);
                                    
                                    // Start a new download
                                    const newDownload = await window.Downloads.createDownload({
                                        source: sourceUrl,
                                        target: download.target.path
                                    });
                                    newDownload.start();
                                    
                                } else {
                                    debugLog(`[MasterUndo] Cannot restart - no source URL available`);
                                }
                            } catch (restartError) {
                                debugLog(`[MasterUndo] Error restarting download:`, restartError);
                            }
                        }
                    } else {
                        // Regular undo rename functionality
                        await undoRename(focusedDownloadKey);
                        // UI update is handled within undoRename via updateUIForFocusedDownload
                    }
                }
            };
            masterUndoBtn.addEventListener("click", masterUndoHandler);
            masterUndoBtn.addEventListener("keydown", async (e) => {
                if ((e.key === "Enter" || e.key === " ") && focusedDownloadKey) {
                    e.preventDefault();
                    await masterUndoHandler(e); // Make sure to await if handler is async
                }
            });
        }

      }

      // Attach listeners
      let downloadListener = {
        onDownloadAdded: (dl) => throttledCreateOrUpdateCard(dl),
        onDownloadChanged: (dl) => throttledCreateOrUpdateCard(dl),
        onDownloadRemoved: async (dl) => {
          const key = getDownloadKey(dl);
          await cancelAIProcessForDownload(key); // Cancel any AI process first
          await removeCard(key, false);
        },
      };

      window.Downloads.getList(window.Downloads.ALL)
        .then((list) => {
          list.addView(downloadListener);
          list.getAll().then((all) => {
            // Filter out old completed downloads to prevent them from reappearing
            const recentDownloads = all.filter(dl => {
              const key = getDownloadKey(dl);
              
              // Skip if already dismissed
              if (dismissedDownloads.has(key)) {
                debugLog(`[Init] Skipping dismissed download: ${key}`);
                return false;
              }
              
              // Only show recent downloads or currently active ones
              if (dl.succeeded || dl.error || dl.canceled) {
                const downloadTime = new Date(dl.startTime || 0);
                const hoursSinceDownload = (Date.now() - downloadTime.getTime()) / (1000 * 60 * 60);
                
                // Only show completed downloads from the configured time window
                const showOldDownloadsHours = getPref("extensions.downloads.show_old_downloads_hours", 2);
                if (hoursSinceDownload > showOldDownloadsHours) {
                  debugLog(`[Init] Skipping old completed download: ${key} (${hoursSinceDownload.toFixed(1)}h old)`);
                  dismissedDownloads.add(key); // Mark as dismissed to prevent future reappearance
                  return false;
                }
              }
              
              return true;
            });
            
            debugLog(`[Init] Processing ${recentDownloads.length} recent downloads out of ${all.length} total`);
            recentDownloads.forEach((dl) => {
              throttledCreateOrUpdateCard(dl, true);
            });
          });
        })
        .catch((e) => console.error("DL Preview Mistral AI: List error:", e));
    } catch (e) {
      console.error("DL Preview Mistral AI: Init error", e);
    }
  }

  // Throttled update to prevent rapid calls
  function throttledCreateOrUpdateCard(download, isNewCardOnInit = false) {
    // Safety check - don't process downloads if CSS is not available
    if (!cssStylesAvailable) {
      return;
    }
    
    const key = getDownloadKey(download);
    const now = Date.now();
    const lastUpdate = cardUpdateThrottle.get(key) || 0;
    
    // More aggressive throttling for in-progress downloads to reduce UI churn
    const progressThrottleMs = getPref("extensions.downloads.progress_update_throttle_ms", 500);
    const throttleDelay = (!download.succeeded && !download.error && !download.canceled) ? progressThrottleMs : 100;
    if (now - lastUpdate < throttleDelay && !isNewCardOnInit) {
      debugLog(`[Throttle] Skipping throttled update for download: ${key} (delay: ${throttleDelay}ms)`);
      return;
    }
    
    cardUpdateThrottle.set(key, now);
    debugLog(`[Throttle] Calling createOrUpdatePodElement for key: ${key}, isNewOnInit: ${isNewCardOnInit}, error: ${!!download.error}, succeeded: ${!!download.succeeded}, canceled: ${!!download.canceled}`);
    const podElement = createOrUpdatePodElement(download, isNewCardOnInit);
    if (podElement) {
      debugLog(`[Throttle] Pod element created/updated for ${key}.`);
      // Only trigger UI update if this is the focused download or if it's a significant state change
      if (key === focusedDownloadKey || download.succeeded || download.error || download.canceled || isNewCardOnInit) {
        updateUIForFocusedDownload(focusedDownloadKey || key, true);
      }
    } else {
      debugLog(`[Throttle] No pod element returned for ${key}. Download state:`, { 
        succeeded: download.succeeded, 
        error: !!download.error, 
        canceled: download.canceled,
        hasKey: !!key 
      });
    }
  }

  // Function to create or update a download POD element
  function createOrUpdatePodElement(download, isNewCardOnInit = false) {
    // Safety check - don't create UI elements if CSS is not available
    if (!cssStylesAvailable) {
      return null;
    }
    
    const key = getDownloadKey(download);
    debugLog('[CREATE_POD] Processing download for pod creation/update:', { key: key, id: download?.id, path: download?.target?.path, startTime: download?.startTime, succeeded: download?.succeeded, error: !!download?.error, canceled: !!download?.canceled, isNewCardOnInit });
    if (!key) {
      debugLog("Skipping download object without usable key", download);
      return null;
    }

    // --- LOG EVERY POD CREATION ATTEMPT ---
    debugLog(`[POD_CREATE_ATTEMPT] Attempting to create pod. Key: ${key}. All active keys: ${JSON.stringify(Array.from(activeDownloadCards.keys()))}`);

    // --- CRITICAL DUPLICATE DETECTION & LOGGING ---
    if (activeDownloadCards.has(key)) {
      const existingCardData = activeDownloadCards.get(key);
      const allActiveKeys = Array.from(activeDownloadCards.keys());
      // Only log shallow details to avoid cyclic errors
      const safeDownload = {
        id: download.id,
        path: download.target?.path,
        startTime: download.startTime,
        state: download.state,
        succeeded: download.succeeded,
        canceled: download.canceled,
        error: download.error
      };
      const safeExisting = {
        key: existingCardData?.key,
        path: existingCardData?.download?.target?.path,
        id: existingCardData?.download?.id,
        state: existingCardData?.download?.state
      };
      const errorMsg = `[CRITICAL-DUPE-ERROR] Duplicate pod key detected!\nKey: ${key}\nDownload: ${JSON.stringify(safeDownload, null, 2)}\nExisting CardData: ${JSON.stringify(safeExisting, null, 2)}\nAll Active Keys: ${JSON.stringify(allActiveKeys, null, 2)}`;
      console.error(errorMsg);
      debugLog(errorMsg, null, 'general');
    }

    // Skip dismissed downloads only if they're not currently in our active cards
    // This prevents old downloads from reappearing, but allows current downloads to be processed
    if (dismissedDownloads.has(key) && !activeDownloadCards.has(key)) {
      debugLog(`[CreatePod] Skipping dismissed download that's not currently active: ${key}`);
      return null;
    }

        // Smart Replace: Handle new download replacing canceled one
    // First check for exact key match
    let existingCardData = activeDownloadCards.get(key);
    let existingKey = key;
    
    // If no exact match, check for similar files (same base name with different numbering)
    // --- PATCH: Disable SmartReplace by base name to avoid collisions for files with the same name ---
    // if (!existingCardData && download.target?.path) {
    //   const newPath = download.target.path;
    //   const newBaseName = newPath.replace(/\(\d+\)(\.[^.]+)?$/, '$1'); // Remove (1), (2), etc.
    //   
    //   debugLog(`[SmartReplace] Checking for similar downloads. New path: ${newPath}, base: ${newBaseName}`);
    //   
    //   for (const [cardKey, cardData] of activeDownloadCards) {
    //     if (cardData.download?.target?.path) {
    //       const existingPath = cardData.download.target.path;
    //       const existingBaseName = existingPath.replace(/\(\d+\)(\.[^.]+)?$/, '$1');
    //       
    //       debugLog(`[SmartReplace] Comparing with existing: ${existingPath}, base: ${existingBaseName}, canceled: ${cardData.download.canceled}, userCanceled: ${cardData.userCanceled}`);
    //       
    //       // Check if base names match (same file, different numbering)
    //       if (newBaseName === existingBaseName && cardKey !== key) {
    //         const isExistingCanceled = cardData.download.canceled && cardData.userCanceled;
    //         if (isExistingCanceled) {
    //           existingCardData = cardData;
    //           existingKey = cardKey;
    //           debugLog(`[SmartReplace] Found similar canceled download: ${existingKey} -> ${key}`);
    //           break;
    //         }
    //       }
    //     }
    //   }
    // }
    
    if (existingCardData && existingCardData.download) {
      const existingDownload = existingCardData.download;
      const isExistingCanceled = existingDownload.canceled && existingCardData.userCanceled;
      const isNewDownloadFresh = !download.canceled && !download.succeeded && !download.error;
      
            if (isExistingCanceled && isNewDownloadFresh) {
        debugLog(`[SmartReplace] Replacing canceled download with new attempt: ${existingKey} -> ${key}`);
        
        // If we're replacing a different key, we need to handle the transition
        const isDifferentKey = existingKey !== key;
        
        if (isDifferentKey) {
          // Remove the old card from activeDownloadCards and orderedPodKeys
          activeDownloadCards.delete(existingKey);
          const oldIndex = orderedPodKeys.indexOf(existingKey);
          if (oldIndex !== -1) {
            orderedPodKeys.splice(oldIndex, 1);
          }
          
          // Update focus if the old key was focused
          if (focusedDownloadKey === existingKey) {
            focusedDownloadKey = key;
          }
          
          // Transfer the card data to the new key
          activeDownloadCards.set(key, existingCardData);
          orderedPodKeys.push(key);
        }
        
        // Show brief replacement status if this is the focused download
        if (key === focusedDownloadKey && masterTooltipDOMElement) {
          const statusEl = masterTooltipDOMElement.querySelector(".card-status");
          if (statusEl) {
            statusEl.textContent = "Replacing canceled download...";
            statusEl.style.color = "#54a0ff";
            
            // Clear the replacement message after a brief moment
            setTimeout(() => {
              if (statusEl.textContent === "Replacing canceled download...") {
                // Let the normal UI update handle setting the correct status
                updateUIForFocusedDownload(key, true);
              }
            }, 1500);
          }
        }
        
        // Cancel any active AI process for the old download
        cancelAIProcessForDownload(existingKey).catch(e => 
          debugLog(`[SmartReplace] Error canceling AI for replaced download: ${e}`)
        );
        
        // Clear user-canceled flag and update download object
        existingCardData.userCanceled = false;
        existingCardData.permanentlyDeleted = false;
        existingCardData.complete = false; // Reset completion status
        existingCardData.download = download; // Replace with new download object
        
        // Reset original filename to the new download's filename
        existingCardData.originalFilename = getSafeFilename(download);
        existingCardData.trueOriginalPathBeforeAIRename = null;
        existingCardData.trueOriginalSimpleNameBeforeAIRename = null;
        
        // Clear any autohide timeout since this is a fresh start
        if (existingCardData.autohideTimeoutId) {
          clearTimeout(existingCardData.autohideTimeoutId);
          existingCardData.autohideTimeoutId = null;
        }
        
        // Update pod styling to reflect new state
        if (existingCardData.podElement) {
          existingCardData.podElement.classList.remove("canceled", "error", "completed", "renamed-by-ai", "renaming-initiated", "renaming-active");
          // Reset any AI-related state
        }
        
        // Remove from renamedFiles set if it was there from a previous attempt
        if (download.target?.path) {
          renamedFiles.delete(download.target.path);
        }
        if (existingDownload.target?.path) {
          renamedFiles.delete(existingDownload.target.path);
        }
        
        debugLog(`[SmartReplace] Successfully replaced canceled download with new attempt: ${existingKey} -> ${key}`);
        
        // Trigger immediate UI update to show the replacement status
        setTimeout(() => {
          updateUIForFocusedDownload(key, true);
        }, 100);
        
        // Return early since we've handled the replacement
        return existingCardData.podElement;
      }
    }

    debugLog("[PodFUNC] createOrUpdatePodElement called", { 
      key, 
      state: download.state, 
      currentBytes: download.currentBytes,
      succeeded: download.succeeded,
      error: !!download.error,
      errorMessage: download.error?.message,
      canceled: download.canceled,
      hasTargetPath: !!download?.target?.path,
      hasId: !!download?.id,
      isNewCardOnInit
    });

    let cardData = activeDownloadCards.get(key);
    const safeFilename = getSafeFilename(download);
    // const displayName = download.aiName || safeFilename; // Display name will be handled by master tooltip

    let podElement;
    let isNewPod = false;

    if (!cardData) {
      isNewPod = true;
      podElement = document.createElement("div");
      podElement.className = "download-pod"; 
      podElement.id = `download-pod-${key.replace(/[^a-zA-Z0-9_]/g, '-')}`;
      podElement.dataset.downloadKey = key;

      // Basic styles are now in CSS file, only dynamic positioning/animation styles remain inline

      podElement.innerHTML = `
        <div class="card-preview-container">
          <!-- Preview content (image, text snippet, or icon) will go here -->
          </div>
        `;

      // Add event listeners to the pod itself (e.g., for hover to focus, click to open)
      // Commenting out the mouseenter listener to disable hover-to-focus
      /*
      podElement.addEventListener('mouseenter', () => {
        const keyFromPodHover = podElement.dataset.downloadKey; // Get key from dataset
        debugLog(`[PodHover] Mouseenter on pod. Key: ${keyFromPodHover}, Current Focused: ${focusedDownloadKey}`);
        
        const previewContainer = podElement.querySelector('.card-preview-container');
        if (previewContainer && previewContainer.style.pointerEvents === 'none') {
            debugLog(`[PodHover] Pointer events none on preview for ${keyFromPodHover}, not changing focus.`);
            return; 
        }
        
        if (focusedDownloadKey !== keyFromPodHover) {
            debugLog(`[PodHover] Focus will change from ${focusedDownloadKey} to ${keyFromPodHover}. Calling updateUIForFocusedDownload.`);
            updateUIForFocusedDownload(keyFromPodHover, false); // isNewOrSignificantUpdate is false for hover
        } else {
            debugLog(`[PodHover] Pod ${keyFromPodHover} is already focused. No UI update call needed from hover.`);
        }
      });
      */

      const previewContainer = podElement.querySelector(".card-preview-container");
      if (previewContainer) {
        setGenericIcon(previewContainer, download.contentType || "application/octet-stream");
        previewContainer.title = "Click to open file";
        
        previewContainer.addEventListener("click", (e) => {
          e.stopPropagation(); 
          const currentCardData = activeDownloadCards.get(podElement.dataset.downloadKey);
          if (currentCardData && currentCardData.download) {
            openDownloadedFile(currentCardData.download);
            } else {
            debugLog("openDownloadedFile: Card data not found for pod, attempting with initial download object", { key: podElement.dataset.downloadKey });
            openDownloadedFile(download); 
            }
          });
        }

        cardData = {
        podElement, // Renamed from cardElement
          download,
          complete: false,
          key: key,
          originalFilename: safeFilename, // This is the filename as of pod creation/update
          trueOriginalPathBeforeAIRename: null, // Will store the full path before AI rename
          trueOriginalSimpleNameBeforeAIRename: null, // Will store just the simple filename before AI rename
        lastInteractionTime: Date.now(),
        isVisible: false, // Will be set by layout manager
        isWaitingForZenAnimation: false, // Default, will be set true if new and Zen sync is active
        domAppended: false, // New flag: has this pod been added to podsRowContainerElement?
        intendedTargetTransform: null, // For stable animation triggering
        intendedTargetOpacity: null,   // For stable animation triggering
        isBeingRemoved: false          // To prevent layout conflicts during removal
        };
        activeDownloadCards.set(key, cardData);

      // Add to ordered list (newest at the end)
      if (!orderedPodKeys.includes(key)) {
        orderedPodKeys.push(key);
        // Focus behavior based on stable_focus_mode preference
        const stableFocusMode = getPref("extensions.downloads.stable_focus_mode", true);
        const currentFocusedData = focusedDownloadKey ? activeDownloadCards.get(focusedDownloadKey) : null;
        const currentFocusedDownload = currentFocusedData?.download;
        
        if (!focusedDownloadKey) {
          // Always focus if no current focus
          focusedDownloadKey = key;
          debugLog(`[PodFUNC] New pod created, setting as focused (no current focus): ${key}. Total pods: ${orderedPodKeys.length}`);
        } else if (!stableFocusMode) {
          // In non-stable mode, always switch to newest
          focusedDownloadKey = key;
          debugLog(`[PodFUNC] New pod created, setting as focused (non-stable mode): ${key}. Total pods: ${orderedPodKeys.length}`);
        } else if (download.succeeded) {
          // Completed downloads always take focus
          focusedDownloadKey = key;
          debugLog(`[PodFUNC] New pod created, setting as focused (completed download): ${key}. Total pods: ${orderedPodKeys.length}`);
        } else if (currentFocusedDownload && (currentFocusedDownload.succeeded || currentFocusedDownload.error || currentFocusedDownload.canceled)) {
          // If current focus is on a finished download, switch to the new active one
          focusedDownloadKey = key;
          debugLog(`[PodFUNC] New pod created, setting as focused (current focus was finished): ${key}. Previous: ${focusedDownloadKey}`);
        } else {
          // In stable mode, keep current focus for in-progress downloads when current is also in-progress
          debugLog(`[PodFUNC] New pod created but keeping current focus on: ${focusedDownloadKey}. New pod: ${key} (stable focus mode - both in progress)`);
        }
      } else {
        debugLog(`[PodFUNC] Pod ${key} already exists in orderedPodKeys. Current focus: ${focusedDownloadKey}`);
      }

      // If it's a truly new pod, set up Zen animation observation.
      // The actual appending to DOM and animation will be handled by managePodVisibilityAndAnimations
      // after Zen animation observer confirms or times out.
      if (isNewPod) { 
        // Check if the pod element for this key is already in the DOM (e.g. from a previous session / script reload)
        // This check helps avoid re-observing for an already existing element.
        let existingDOMPod = null;
        if (podsRowContainerElement) { // Renamed back
            existingDOMPod = podsRowContainerElement.querySelector(`#${podElement.id}`); // Renamed back
        }

        if (!existingDOMPod) {
            debugLog(`[PodFUNC] New pod ${key}, setting up Zen animation observer.`);
            cardData.isWaitingForZenAnimation = true;
            initZenAnimationObserver(key, podElement); // Pass podElement for eventual append
    } else {
            debugLog(`[PodFUNC] Pod ${key} DOM element already exists, skipping Zen observer setup. Will be laid out.`);
            cardData.domAppended = true; // It's already in the DOM
            // Ensure it starts invisible if it was an orphan, layout manager will reveal
            podElement.style.opacity = '0'; 
            cardData.isVisible = false;
        }
      } // else, it's an update to an existing pod, no need for Zen animation sync.

      // Append to the horizontal row container
      // The actual animation trigger will be handled by updateUIForFocusedDownload or Zen sync
      if (podsRowContainerElement && !podElement.parentNode) {
        podsRowContainerElement.appendChild(podElement);
        cardData.domAppended = true; // Mark as appended to DOM
      }

    } else {
      // Update existing pod data
      podElement = cardData.podElement;
      cardData.download = download; 
      cardData.lastInteractionTime = Date.now(); // Update interaction time on any change event
      if (safeFilename !== cardData.originalFilename && !download.aiName) {
         cardData.originalFilename = safeFilename; // Update if original name changes (e.g. server sent a different name later)
      }
      
      // Update completion status for existing pods
      if (download.succeeded && !cardData.complete) {
        cardData.complete = true;
        cardData.userCanceled = false; // Clear user-canceled flag on successful completion
        podElement.classList.add("completed"); // For potential styling
        debugLog(`[PodFUNC] Existing pod marked as complete: ${key}`);
        // Schedule autohide after 20 seconds for completed downloads
        scheduleCardRemoval(key);
      }
    }

    // Update pod preview content based on download state (icon, image, text snippet)
    const previewElement = podElement.querySelector(".card-preview-container");
    if (previewElement) {
        if (download.succeeded) {
            // Always try to set preview for completed downloads (in case it failed before)
            debugLog(`[Preview] Setting completed file preview for: ${key}`);
            setCompletedFilePreview(previewElement, download)
                .catch(e => debugLog("Error setting completed file preview (async) for pod", {error: e, download}));
        } else if (download.error || download.canceled) {
            // Potentially set a different icon for error/cancel state on the pod itself
            setGenericIcon(previewElement, "application/octet-stream"); // Default or error specific icon
        } else {
            // In-progress, could have a spinner or animated icon on the pod
            // For now, generic icon remains until completion, set at creation.
        }
    }
    
    // Mark as complete internally
    if (download.succeeded && !cardData.complete) {
      cardData.complete = true;
      cardData.userCanceled = false; // Clear user-canceled flag on successful completion
      podElement.classList.add("completed"); // For potential styling
      debugLog(`[PodFUNC] Download marked as complete: ${key}`);
      // AI renaming logic will be triggered by updateUIForFocusedDownload if this is the focused item
      // Schedule autohide after 20 seconds for completed downloads
      scheduleCardRemoval(key);
    }
    if (download.error) {
      podElement.classList.add("error");
      // Schedule autohide for error downloads
      scheduleCardRemoval(key);
    }
    if (download.canceled) {
      podElement.classList.add("canceled");
      // Schedule autohide for canceled downloads (unless user-canceled for resume)
      if (!cardData.userCanceled) {
        scheduleCardRemoval(key);
      }
    }

    // --- Ensure unique filename for downloads with the same base name ---
    if (download.succeeded && download.target?.path) {
      const directory = download.target.path.substring(0, download.target.path.lastIndexOf(PATH_SEPARATOR));
      let filename = download.target.path.split(/[\\\/]/).pop();
      let baseName = filename;
      let extension = '';
      if (filename.includes('.')) {
        baseName = filename.substring(0, filename.lastIndexOf('.'));
        extension = filename.substring(filename.lastIndexOf('.'));
      }
      // Only check for uniqueness if not already suffixed
      let needsUnique = false;
      // Check if any other pod or file in the directory has the same name
      for (const [otherKey, cardData] of activeDownloadCards.entries()) {
        if (otherKey !== key && cardData.download?.target?.path) {
          const otherFilename = cardData.download.target.path.split(/[\\\/]/).pop();
          if (otherFilename === filename) {
            needsUnique = true;
            break;
          }
        }
      }
      // Also check the filesystem for existing files
      try {
        const file = Cc["@mozilla.org/file/local;1"].createInstance(Ci.nsIFile);
        file.initWithPath(download.target.path);
        if (file.exists()) {
          needsUnique = true;
        }
      } catch (e) {}
      if (needsUnique) {
        const uniqueName = getUniqueFilenameInDirectory(directory, baseName, extension);
        const newPath = directory + PATH_SEPARATOR + uniqueName;
        try {
          const file = Cc["@mozilla.org/file/local;1"].createInstance(Ci.nsIFile);
          file.initWithPath(download.target.path);
          if (file.exists()) {
            file.moveTo(null, uniqueName);
            download.target.path = newPath;
            debugLog(`[UniqueName] Renamed file to unique name: ${uniqueName}`);
          }
        } catch (e) {
          debugLog(`[UniqueName] Error renaming file to unique name: ${uniqueName}`, e);
        }
      }
    }

    return podElement;
  }

  // This will be a new, complex function. For now, a placeholder.
  function updateUIForFocusedDownload(keyToFocus, isNewOrSignificantUpdate = false) {
    // Safety check - don't update UI if CSS is not available
    if (!cssStylesAvailable) {
      return;
    }
    
    debugLog(`[UIUPDATE_TOP] updateUIForFocusedDownload called. keyToFocus: ${keyToFocus}, isNewOrSignificantUpdate: ${isNewOrSignificantUpdate}, current focusedDownloadKey: ${focusedDownloadKey}`);
    
    const oldFocusedKey = focusedDownloadKey;
    focusedDownloadKey = keyToFocus; 
    debugLog(`[UIUPDATE_FOCUS_SET] focusedDownloadKey is NOW: ${focusedDownloadKey}`);

    const cardDataToFocus = focusedDownloadKey ? activeDownloadCards.get(focusedDownloadKey) : null;

    if (!masterTooltipDOMElement) {
        debugLog("[UIUPDATE_ERROR] Master tooltip DOM element not found. Cannot update UI.");
        return; // Critical error, cannot proceed
    }

    if (!cardDataToFocus || !cardDataToFocus.podElement) {
      debugLog(`[UIUPDATE_NO_CARD_DATA] No card data or podElement for key ${focusedDownloadKey}. Hiding master tooltip. CardData:`, cardDataToFocus);
      masterTooltipDOMElement.style.opacity = "0";
      masterTooltipDOMElement.style.transform = "scaleY(0.8) translateY(10px)";
      masterTooltipDOMElement.style.pointerEvents = "none";
    } else {
      // cardDataToFocus and podElement are valid, proceed with UI updates for tooltip and AI.
      masterTooltipDOMElement.style.display = "flex"; 

      if (oldFocusedKey !== focusedDownloadKey || isNewOrSignificantUpdate) {
          debugLog(`[UIUPDATE_TOOLTIP_RESET] Focus changed or significant update. Resetting tooltip for animation for ${focusedDownloadKey}. Old focus: ${oldFocusedKey}`);
          masterTooltipDOMElement.style.opacity = "0"; 
          masterTooltipDOMElement.style.transform = "scaleY(0.8) translateY(10px)";
          masterTooltipDOMElement.style.pointerEvents = "none";
      }

      const download = cardDataToFocus.download; 
      const podElement = cardDataToFocus.podElement; 

      if (!download) {
        debugLog(`[UIUPDATE_ERROR] cardDataToFocus for key ${focusedDownloadKey} is valid, but its .download property is undefined. Cannot update tooltip content or AI.`);
        // Keep tooltip hidden or show a generic error if it was supposed to be visible
        if (masterTooltipDOMElement.style.opacity !== '0') {
             masterTooltipDOMElement.style.opacity = "0";
             masterTooltipDOMElement.style.transform = "scaleY(0.8) translateY(10px)";
             masterTooltipDOMElement.style.pointerEvents = "none";
        }
      } else {
        // Both cardDataToFocus, podElement, AND download object are valid. Proceed with detailed updates.

        // 0. Ensure completion status is up to date
        if (download.succeeded && !cardDataToFocus.complete) {
          cardDataToFocus.complete = true;
          cardDataToFocus.userCanceled = false;
          podElement.classList.add("completed");
          debugLog(`[UIUPDATE] Download marked as complete during UI update: ${focusedDownloadKey}`);
          scheduleCardRemoval(focusedDownloadKey);
          
          // Set image preview for completed downloads
          const previewElement = podElement.querySelector(".card-preview-container");
          if (previewElement) {
            debugLog(`[UIUPDATE] Setting completed file preview for: ${focusedDownloadKey}`);
            setCompletedFilePreview(previewElement, download)
              .catch(e => debugLog("Error setting completed file preview during UI update", {error: e, download}));
          }
        }

        // 1. Update masterTooltipDOMElement content
        const titleEl = masterTooltipDOMElement.querySelector(".card-title");
        const statusEl = masterTooltipDOMElement.querySelector(".card-status");
        const progressEl = masterTooltipDOMElement.querySelector(".card-progress");
        const originalFilenameEl = masterTooltipDOMElement.querySelector(".card-original-filename");
        const undoBtnEl = masterTooltipDOMElement.querySelector(".card-undo-button"); // Get the undo button

        const displayName = download.aiName || cardDataToFocus.originalFilename || "File";
        
        if (titleEl) {
          titleEl.textContent = displayName;
          titleEl.title = displayName;
        }

        if (statusEl && originalFilenameEl && progressEl && undoBtnEl) { // Include undoBtnEl in the check
            if (download.aiName && download.succeeded) {
                // AI Renamed State
                let finalSize = download.currentBytes;
                if (!(typeof finalSize === 'number' && finalSize > 0)) finalSize = download.totalBytes;
                const fileSizeText = formatBytes(finalSize || 0);
                
                // Always show file size in bottom right corner for renamed files
                const fileSizeEl = masterTooltipDOMElement.querySelector(".card-filesize");
                statusEl.textContent = "Download renamed to:";
                if (fileSizeEl) {
                    fileSizeEl.textContent = fileSizeText;
                    fileSizeEl.style.display = "block";
                }
                statusEl.style.color = "#a0a0a0"; 

                originalFilenameEl.textContent = cardDataToFocus.originalFilename; 
                originalFilenameEl.title = cardDataToFocus.originalFilename;
                originalFilenameEl.style.display = "block";

                progressEl.style.display = "none"; 
                undoBtnEl.style.display = "inline-flex"; // Show undo button
            } else if (download.canceled && cardDataToFocus.userCanceled && !cardDataToFocus.permanentlyDeleted) {
                // User-canceled state with resume option
                statusEl.textContent = "Download canceled";
                statusEl.style.color = "#ff9f43";
                
                originalFilenameEl.style.display = "none";
                progressEl.style.display = "block";
                
                // Hide the bottom-right file size element in canceled state
                const fileSizeEl = masterTooltipDOMElement.querySelector(".card-filesize");
                if (fileSizeEl) fileSizeEl.style.display = "none";
                
                // Use undo button as resume button
                undoBtnEl.style.display = "inline-flex";
                undoBtnEl.title = "Resume download";
                
                // Update the SVG to a play/resume icon
                const svgIcon = undoBtnEl.querySelector("svg");
                if (svgIcon) {
                    const pathIcon = svgIcon.querySelector("path");
                    if (pathIcon) {
                        // Play/Resume icon path (even larger, scaled for 52x52 viewBox)
                        pathIcon.setAttribute("d", "M12 6v40l32-20z");
                    }
                }
            } else {
                // Default states (downloading, completed normally, error, canceled)
                originalFilenameEl.style.display = "none"; 
                progressEl.style.display = "block";    
                undoBtnEl.style.display = "none"; // Hide undo button
                
                // Hide the bottom-right file size element in non-renamed states
                const fileSizeEl = masterTooltipDOMElement.querySelector(".card-filesize");
                if (fileSizeEl) fileSizeEl.style.display = "none";
                
                // Reset undo button to original undo icon and title
                undoBtnEl.title = "Undo Rename";
                const svgIcon = undoBtnEl.querySelector("svg");
                if (svgIcon) {
                    const pathIcon = svgIcon.querySelector("path");
                    if (pathIcon) {
                        // Original undo icon path
                        pathIcon.setAttribute("d", "M30.3,12.6c10.4,0,18.9,8.4,18.9,18.9s-8.5,18.9-18.9,18.9h-8.2c-0.8,0-1.3-0.6-1.3-1.4v-3.2c0-0.8,0.6-1.5,1.4-1.5h8.1c7.1,0,12.8-5.7,12.8-12.8s-5.7-12.8-12.8-12.8H16.4c0,0-0.8,0-1.1,0.1c-0.8,0.4-0.6,1,0.1,1.7l4.9,4.9c0.6,0.6,0.5,1.5-0.1,2.1L18,29.7c-0.6,0.6-1.3,0.6-1.9,0.1l-13-13c-0.5-0.5-0.5-1.3,0-1.8L16,2.1c0.6-0.6,1.6-0.6,2.1,0l2.1,2.1c0.6,0.6,0.6,1.6,0,2.1l-4.9,4.9c-0.6,0.6-0.6,1.3,0.4,1.3c0.3,0,0.7,0,0.7,0L30.3,12.6z");
                    }
                }

      if (download.error) {
                    statusEl.textContent = `Error: ${download.error.message || "Download failed"}`;
                    statusEl.style.color = "#ff6b6b";
      } else if (download.canceled) {
                    statusEl.textContent = "Download canceled";
                    statusEl.style.color = "#ff9f43";
      } else if (download.succeeded) {
                    statusEl.textContent = "Download completed";
                    statusEl.style.color = "#1dd1a1";
                } else if (typeof download.currentBytes === 'number' && download.totalBytes > 0 && download.hasProgress) {
                    const percent = Math.round((download.currentBytes / download.totalBytes) * 100);
                    statusEl.textContent = `Downloading... ${percent}%`;
                    statusEl.style.color = "#54a0ff";
                } else if (!download.succeeded && !download.error && !download.canceled) {
                    statusEl.textContent = "Downloading...";
                    statusEl.style.color = "#54a0ff";
                } else {
                    statusEl.textContent = "Starting download...";
                    statusEl.style.color = "#b5b5b5";
                }
            }
        }

        if (progressEl) { // This block handles the content of progressEl when it's visible
            if (progressEl.style.display !== 'none') { // Only update if visible
                if (download.succeeded) {
                    let finalSize = download.currentBytes;
                    if (!(typeof finalSize === 'number' && finalSize > 0)) finalSize = download.totalBytes;
                    progressEl.textContent = `${formatBytes(finalSize || 0)}`;
                } else if (download.canceled && cardDataToFocus.userCanceled && !cardDataToFocus.permanentlyDeleted) {
                    // Show progress for user-canceled downloads with resume option
                    if (typeof download.currentBytes === 'number' && download.totalBytes > 0) {
                        const percent = Math.round((download.currentBytes / download.totalBytes) * 100);
                        progressEl.textContent = `${formatBytes(download.currentBytes)} / ${formatBytes(download.totalBytes)} (${percent}%)`;
                    } else {
                        progressEl.textContent = "Download was canceled";
                    }
                } else if (typeof download.currentBytes === 'number' && download.totalBytes > 0) {
                    progressEl.textContent = `${formatBytes(download.currentBytes)} / ${formatBytes(download.totalBytes)}`;
                } else if (!download.succeeded && !download.error && !download.canceled) {
                    progressEl.textContent = "Processing...";
                } else {
                    progressEl.textContent = "Calculating size...";
                }
            }
        }
        
        if (currentZenSidebarWidth && currentZenSidebarWidth !== "0px" && !isNaN(parseFloat(currentZenSidebarWidth))) {
            masterTooltipDOMElement.style.width = `calc(${currentZenSidebarWidth} - 20px)`;
        } else {
            masterTooltipDOMElement.style.width = '350px'; // Default
          }

        // 5. Handle AI Renaming for the focused item if it just completed
        const aiRenamingEnabled = getPref("extensions.downloads.enable_ai_renaming", true);
        debugLog(`[AI Rename Check] Conditions for ${keyToFocus}: aiRenamingEnabled=${aiRenamingEnabled}, aiRenamingPossible=${aiRenamingPossible}, succeeded=${download.succeeded}, complete=${cardDataToFocus.complete}, hasPath=${!!download.target?.path}, notRenamed=${!renamedFiles.has(download.target?.path)}, notInitiated=${!podElement.classList.contains('renaming-initiated')}, noActiveAI=${!activeAIProcesses.has(keyToFocus)}`);
        
        if (aiRenamingEnabled && aiRenamingPossible && download.succeeded && cardDataToFocus.complete &&
            download.target?.path && !renamedFiles.has(download.target.path) && 
            !podElement.classList.contains('renaming-initiated') && !activeAIProcesses.has(keyToFocus)) {
          
          podElement.classList.add('renaming-initiated'); 
          debugLog(`[AI Rename] Triggering for focused item: ${focusedDownloadKey}`);
            
            // Show Analyzing / Renaming Status Immediately on Master Tooltip if this is focused
            if (focusedDownloadKey === keyToFocus && masterTooltipDOMElement) {
                const status = masterTooltipDOMElement.querySelector(".card-status");
                const undoBtn = masterTooltipDOMElement.querySelector(".card-undo-button");
                if (status) status.textContent = "Analyzing for rename...";
                if (undoBtn) undoBtn.style.display = "none"; // Hide undo while analyzing
            }
            
            setTimeout(() => {
            processDownloadForAIRenaming(download, cardDataToFocus.originalFilename, focusedDownloadKey)
              .then(success => {
                  if (success && focusedDownloadKey === download.target.path && masterTooltipDOMElement) { // keyToFocus might be outdated if path changed
                      const undoBtn = masterTooltipDOMElement.querySelector(".card-undo-button");
                      if (undoBtn) undoBtn.style.display = "inline-flex"; // Show after successful rename
                  }
              })
              .catch((e) => {
                if (e.name === 'AbortError') {
                  debugLog("AI renaming was canceled for focused download:", keyToFocus);
                } else {
                  console.error("Error in AI renaming for focused download:", e);
                }
                podElement.classList.remove('renaming-initiated'); 
                // Restore status if needed
                if (focusedDownloadKey === keyToFocus && masterTooltipDOMElement) {
                    const status = masterTooltipDOMElement.querySelector(".card-status");
                    if (status && (status.textContent === "Analyzing for rename..." || status.textContent.includes("Analyzing"))) {
                         // Re-run updateUI to restore correct status based on download object
                         updateUIForFocusedDownload(keyToFocus, false);
                    }
                }
              });
          }, 1500); 
        }
      } // End of a valid 'download' object check
    } // End of valid 'cardDataToFocus' and 'podElement' check

    // 4. Call managePodVisibilityAndAnimations (always call to ensure layout is correct)
    // Use a small delay to ensure DOM updates are processed
    requestAnimationFrame(() => {
        requestAnimationFrame(() => {
            managePodVisibilityAndAnimations();
        });
    });

    // 6. Update which pod appears "focused" visually (this iterates all cards, safe to be here)
    activeDownloadCards.forEach(cd => {
        if (cd.podElement) {
            if (cd.key === focusedDownloadKey) {
                cd.podElement.classList.add('focused-pod');
                
                // Use dominant color if available, otherwise default blue
                const dominantColor = cd.podElement.dataset.dominantColor;
                if (dominantColor) {
                    updatePodGlowColor(cd.podElement, dominantColor);
                } else {
                    cd.podElement.style.boxShadow = '0 0 15px rgba(84, 160, 255, 0.7), 0 3px 10px rgba(0,0,0,0.3)';
                }
            } else {
                cd.podElement.classList.remove('focused-pod');
                cd.podElement.style.boxShadow = '0 3px 10px rgba(0,0,0,0.3)';
            }
        }
    });
          }

  // Placeholder for the layout manager function
  function managePodVisibilityAndAnimations() {
    if (!masterTooltipDOMElement || !podsRowContainerElement) return;
    debugLog("[LayoutManager] managePodVisibilityAndAnimations Natural Stacking Style called.");
    debugLog(`[LayoutManager] Current state: orderedPodKeys=${orderedPodKeys.length}, focusedDownloadKey=${focusedDownloadKey}, activeDownloadCards=${activeDownloadCards.size}`);

    const tooltipWidth = masterTooltipDOMElement.offsetWidth;
    const podNominalWidth = 56; 
    const podOverlapAmount = 40; 
    const baseZIndex = 10;
    const maxVisiblePodsInPile = Math.floor((tooltipWidth - podNominalWidth) / (podNominalWidth - podOverlapAmount)) + 1; 

    if (orderedPodKeys.length === 0) {
        if (masterTooltipDOMElement.style.opacity !== "0") {
            debugLog("[LayoutManager] No pods, ensuring master tooltip is hidden.");
            masterTooltipDOMElement.style.opacity = "0";
            masterTooltipDOMElement.style.transform = "scaleY(0.8) translateY(10px)";
            masterTooltipDOMElement.style.pointerEvents = "none";
            setTimeout(() => { 
                if (masterTooltipDOMElement.style.opacity === "0") masterTooltipDOMElement.style.display = "none";
            }, 300);
        }
        debugLog(`[LayoutManager] Exiting: No OrderedPodKeys.`);
        podsRowContainerElement.style.gap = '0px'; // Reset gap just in case
        return;
    }

    if (tooltipWidth === 0 && orderedPodKeys.length > 0) {
        debugLog("[LayoutManager] Master tooltip width is 0. Cannot manage pod layout yet.");
        // Set a minimum height for the container to prevent layout collapse
        if (podsRowContainerElement.style.height === '0px') {
            podsRowContainerElement.style.height = '56px';
        }
        return; 
    }
    
    // Ensure focusedDownloadKey is valid and in orderedPodKeys, default to newest if not.
    if (!focusedDownloadKey || !orderedPodKeys.includes(focusedDownloadKey)) {
        if (orderedPodKeys.length > 0) {
            const newFocusKey = orderedPodKeys[orderedPodKeys.length -1]; // Default to newest
            if (focusedDownloadKey !== newFocusKey) {
                focusedDownloadKey = newFocusKey;
                debugLog(`[LayoutManager] Focused key was invalid or missing, defaulted to newest: ${focusedDownloadKey}`);
            }
        }
    }

    // Ensure all pods in orderedPodKeys are in the DOM and have initial styles for animation/layout.
    orderedPodKeys.forEach(key => {
        const cardData = activeDownloadCards.get(key);
        if (cardData && cardData.podElement && !cardData.isWaitingForZenAnimation) {
            if (!cardData.domAppended && podsRowContainerElement) {
                podsRowContainerElement.appendChild(cardData.podElement);
                cardData.domAppended = true;
                debugLog(`[LayoutManager] Ensured pod ${key} is in DOM for Jukebox layout.`);
            }
            // Ensure consistent styling for all pods (in case they were created before layout manager)
            if (cardData.podElement.style.position !== 'absolute') {
                cardData.podElement.style.position = 'absolute';
                cardData.podElement.style.width = `${podNominalWidth}px`;
                cardData.podElement.style.marginRight = '0px';
                cardData.podElement.style.boxSizing = 'border-box';
                if (!cardData.podElement.style.transition) {
                    cardData.podElement.style.transition = 
                        'opacity 0.4s ease-out, transform 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55), ' + 
                        'z-index 0.3s ease-out';
                }
                debugLog(`[LayoutManager] Updated pod ${key} styling for absolute positioning.`);
            }
        }
    });

    let visiblePodsLayoutData = []; // Stores {key, x, zIndex, isFocused}
    const focusedIndexInOrdered = orderedPodKeys.indexOf(focusedDownloadKey);

    if (focusedIndexInOrdered === -1 && orderedPodKeys.length > 0) {
        // This should not happen if the check above worked, but as a failsafe:
        debugLog(`[LayoutManager_ERROR] Focused key ${focusedDownloadKey} not in ordered keys after all! Defaulting again.`);
        focusedDownloadKey = orderedPodKeys[orderedPodKeys.length - 1];
        // updateUIForFocusedDownload(focusedDownloadKey, false); // This could cause a loop, be careful
        // return; // Might be better to just proceed with the default for this frame
    }
    
    if (!focusedDownloadKey) { // If still no focused key (e.g. orderedPodKeys became empty)
      debugLog("[LayoutManager] No focused key available, cannot proceed with jukebox layout.");
      // Potentially hide all pods if this state is reached unexpectedly.
      orderedPodKeys.forEach(key => {
        const cd = activeDownloadCards.get(key);
        if (cd && cd.podElement && cd.isVisible) {
          cd.podElement.style.opacity = '0';
          cd.podElement.style.transform = 'scale(0.8) translateX(-30px)';
          cd.isVisible = false;
        }
      });
      return;
    }

    // 1. Position the focused pod
    let currentX = 0;
    visiblePodsLayoutData.push({
        key: focusedDownloadKey,
        x: currentX,
        zIndex: baseZIndex + orderedPodKeys.length + 1, // Highest Z
        isFocused: true
    });
    currentX += podNominalWidth - podOverlapAmount; // Next pod starts offset by (width - overlap)

    // 2. Position the pile pods to the right in reverse chronological order (natural stacking)
    // Create pile from newest to oldest, excluding the focused pod
    const pileKeys = orderedPodKeys.slice().reverse().filter(key => key !== focusedDownloadKey);
    let pileCount = 0;
    
    for (let i = 0; i < pileKeys.length && pileCount < maxVisiblePodsInPile - 1; i++) {
        const podKeyInPile = pileKeys[i];

        if (currentX + podNominalWidth <= tooltipWidth + podOverlapAmount) { // Allow last one to partially show
            visiblePodsLayoutData.push({
                key: podKeyInPile,
                x: currentX,
                zIndex: baseZIndex + pileKeys.length - i, // Decreasing Z (newest in pile has highest Z)
                isFocused: false
            });
            currentX += (podNominalWidth - podOverlapAmount);
            pileCount++;
      } else {
            break; // No more space
        }
    }

    debugLog(`[LayoutManager_NaturalStack] Calculated layout for ${visiblePodsLayoutData.length} pods. Focused: ${focusedDownloadKey}`, visiblePodsLayoutData);

    // 3. Apply styles and animations
    orderedPodKeys.forEach(key => {
        const cardData = activeDownloadCards.get(key);
        if (!cardData || !cardData.podElement || !cardData.domAppended || cardData.isWaitingForZenAnimation || cardData.isBeingRemoved) {
            debugLog(`[LayoutManager_Jukebox_Skip] Skipping pod ${key}. Conditions: cardData=${!!cardData}, podElement=${!!cardData?.podElement}, domAppended=${cardData?.domAppended}, waitingZen=${cardData?.isWaitingForZenAnimation}, beingRemoved=${cardData?.isBeingRemoved}`);
            return; // Skip pods that are not ready, waiting for Zen, or being removed
        }

        // Additional safety check: ensure pod is actually in the DOM
        if (!cardData.podElement.parentNode) {
            debugLog(`[LayoutManager_Jukebox_Skip] Pod ${key} not in DOM, skipping layout.`);
            return;
        }

        const podElement = cardData.podElement;
        const layoutData = visiblePodsLayoutData.find(p => p.key === key);

        if (layoutData) {
            // This pod should be visible
            podElement.style.display = 'flex';
            podElement.style.zIndex = `${layoutData.zIndex}`;
            const targetTransform = `translateX(${layoutData.x}px) scale(1) translateY(0)`;
            const targetOpacity = layoutData.isFocused ? '1' : '0.75';

            // Only animate if intended state changes or if it's becoming visible
            if (!cardData.isVisible || cardData.intendedTargetTransform !== targetTransform || cardData.intendedTargetOpacity !== targetOpacity) {
                debugLog(`[LayoutManager_Jukebox_Anim_Setup] Pod ${key}: Setting up IN/MOVE animation to X=${layoutData.x}, Opacity=${targetOpacity}. Prev IntendedTransform: ${cardData.intendedTargetTransform}, Prev Opacity: ${cardData.intendedTargetOpacity}, IsVisible: ${cardData.isVisible}`);
                
                // Apply directional entrance animation for newly focused pods during rotation
                if (layoutData.isFocused && !cardData.isVisible && lastRotationDirection) {
                    let entranceTransform;
                    if (lastRotationDirection === 'forward') {
                        // Forward rotation: new focused pod slides in from the right
                        entranceTransform = `translateX(${layoutData.x + 80}px) scale(0.8) translateY(0)`;
                    } else if (lastRotationDirection === 'backward') {
                        // Backward rotation: new focused pod slides in from the right (same as forward - reverse animation)
                        entranceTransform = `translateX(${layoutData.x + 80}px) scale(0.8) translateY(0)`;
      } else {
                        entranceTransform = targetTransform;
                    }
                    
                    // Set initial position for entrance animation
                    podElement.style.transform = entranceTransform;
                    podElement.style.opacity = '0';
                    
                    debugLog(`[LayoutManager_DirectionalAnim] Pod ${key}: Starting ${lastRotationDirection} entrance from ${entranceTransform}`);
                    
                    // Animate to final position
                    requestAnimationFrame(() => {
                        requestAnimationFrame(() => {
                            podElement.style.opacity = targetOpacity;
                            podElement.style.transform = targetTransform;
                            debugLog(`[LayoutManager_DirectionalAnim] Pod ${key}: Animating to final position ${targetTransform}`);
                        });
                    });
                } else {
                    // Normal animation for non-focused pods or non-rotation scenarios
                    requestAnimationFrame(() => {
                        podElement.style.opacity = targetOpacity;
                        podElement.style.transform = targetTransform;
                        debugLog(`[LayoutManager_Jukebox_Anim_Execute] Pod ${key}: Executing IN/MOVE to X=${layoutData.x}, Opacity=${targetOpacity}`);
                    });
                }
            }
            cardData.intendedTargetTransform = targetTransform;
            cardData.intendedTargetOpacity = targetOpacity;
            cardData.isVisible = true;

            // Tooltip animation for focused pod
            if (layoutData.isFocused && masterTooltipDOMElement && masterTooltipDOMElement.style.opacity === '0') {
                 // Pod is focused and tooltip is currently hidden, animate tooltip IN.
                 // This relies on updateUIForFocusedDownload having set the initial opacity/transform if focus changed.
                 debugLog(`[LayoutManager_Jukebox_Tooltip] Focused pod ${key} is visible/animating, and tooltip is hidden. Animating tooltip IN.`);
                 setTimeout(() => { 
                    masterTooltipDOMElement.style.opacity = "1";
                    masterTooltipDOMElement.style.transform = "scaleY(1) translateY(0)";
                    masterTooltipDOMElement.style.pointerEvents = "auto"; // Enable interactions when visible
                }, 100); 
            }
        } else {
            // This pod should be hidden or moved to pile
            if (cardData.isVisible || podElement.style.opacity !== '0') {
                debugLog(`[LayoutManager_Jukebox_Anim_OUT] Pod ${key}`);
                
                // Apply directional exit animation for previously focused pod during rotation
                let targetTransformOut;
                if (cardData.key === focusedDownloadKey && lastRotationDirection) {
                    // This shouldn't happen as focused pod should be visible, but safety check
                    targetTransformOut = 'scale(0.8) translateX(-30px)';
                } else if (lastRotationDirection === 'forward') {
                    // Forward rotation: previously focused pod slides left to join pile
                    targetTransformOut = 'scale(0.8) translateX(-60px)';
                } else if (lastRotationDirection === 'backward') {
                    // Backward rotation: previously focused pod slides left to join pile (same as forward - reverse animation)
                    targetTransformOut = 'scale(0.8) translateX(-60px)';
                } else {
                    // Default exit animation
                    targetTransformOut = 'scale(0.8) translateX(-30px)';
                }
                
                if (cardData.intendedTargetTransform !== targetTransformOut || cardData.intendedTargetOpacity !== '0') {
                    podElement.style.opacity = '0';
                    podElement.style.transform = targetTransformOut;
                    debugLog(`[LayoutManager_DirectionalExit] Pod ${key}: Exiting with ${lastRotationDirection || 'default'} animation: ${targetTransformOut}`);
                }
                cardData.intendedTargetTransform = targetTransformOut;
                cardData.intendedTargetOpacity = '0';
            }
            cardData.isVisible = false;
        }
    });
    
    // Set container height dynamically based on whether any pods are visible
    // This is important as pods are position:absolute now.
    if (visiblePodsLayoutData.length > 0) {
        podsRowContainerElement.style.height = `${podNominalWidth}px`; // Set to pod height
      } else {
        podsRowContainerElement.style.height = '0px';
    }

    debugLog(`[LayoutManager_NaturalStack] Finished. Visible pods: ${visiblePodsLayoutData.map(p=>p.key).join(", ")}`);
    
    // Reset rotation direction after animations are set up
    if (lastRotationDirection) {
        setTimeout(() => {
            lastRotationDirection = null;
            debugLog(`[LayoutManager] Reset rotation direction after animation`);
        }, 100); // Small delay to ensure animations start before reset
    }
  }

  // --- Mouse Wheel Scroll Handler for Stack Rotation ---
  function handlePodScrollFocus(event) {
    if (!orderedPodKeys || orderedPodKeys.length <= 1) return; // Need at least 2 pods to rotate

    event.preventDefault(); // Prevent page scroll
    event.stopPropagation();

    if (!focusedDownloadKey || !orderedPodKeys.includes(focusedDownloadKey)) {
      debugLog("[StackRotation] No valid focused key, cannot rotate stack");
      return;
    }

    // Get current stack arrangement: focused pod + pile in reverse chronological order
    const currentFocused = focusedDownloadKey;
    const pileKeys = orderedPodKeys.slice().reverse().filter(key => key !== currentFocused);
    
    let newFocusedKey;

    if (event.deltaY > 0) {
      // Scroll DOWN: Current focused goes to END of pile, FIRST in pile becomes focused
      // Current: Pod D (focused) + [Pod C, Pod B, Pod A] (pile)
      // Result:  Pod C (focused) + [Pod B, Pod A, Pod D] (pile)
      
      if (pileKeys.length > 0) {
        newFocusedKey = pileKeys[0]; // First in pile becomes focused
        debugLog(`[StackRotation] Scroll DOWN: ${currentFocused} → end of pile, ${newFocusedKey} → focused`);
      }
      
    } else if (event.deltaY < 0) {
      // Scroll UP: Current focused goes to FRONT of pile, LAST in pile becomes focused  
      // Current: Pod D (focused) + [Pod C, Pod B, Pod A] (pile)
      // Result:  Pod A (focused) + [Pod D, Pod C, Pod B] (pile)
      
      if (pileKeys.length > 0) {
        newFocusedKey = pileKeys[pileKeys.length - 1]; // Last in pile becomes focused
        debugLog(`[StackRotation] Scroll UP: ${currentFocused} → front of pile, ${newFocusedKey} → focused`);
      }
    }

    // Apply the rotation by updating the orderedPodKeys array and focus
    if (newFocusedKey && newFocusedKey !== currentFocused) {
      // Remove the new focused key from its current position in orderedPodKeys
      const newFocusedIndex = orderedPodKeys.indexOf(newFocusedKey);
      if (newFocusedIndex > -1) {
        orderedPodKeys.splice(newFocusedIndex, 1);
      }
      
      // Remove the current focused key from its position
      const currentFocusedIndex = orderedPodKeys.indexOf(currentFocused);
      if (currentFocusedIndex > -1) {
        orderedPodKeys.splice(currentFocusedIndex, 1);
      }

      if (event.deltaY > 0) {
        // Scroll DOWN: new focused goes to end (newest position), current focused goes to beginning (oldest position)
        orderedPodKeys.unshift(currentFocused); // Add current focused to beginning (oldest)
        orderedPodKeys.push(newFocusedKey);     // Add new focused to end (newest)
      } else {
        // Scroll UP: new focused goes to end (newest position), current focused goes to second-to-last
        orderedPodKeys.push(newFocusedKey);     // Add new focused to end (newest)
        orderedPodKeys.splice(-1, 0, currentFocused); // Insert current focused before the last element
      }

      // Track rotation direction for animation purposes
      if (event.deltaY > 0) {
        lastRotationDirection = 'forward';
      } else {
        lastRotationDirection = 'backward';
      }

      // Update focus and refresh UI
      focusedDownloadKey = newFocusedKey;
      debugLog(`[StackRotation] Stack rotated ${lastRotationDirection}. New order:`, orderedPodKeys);
      debugLog(`[StackRotation] New focused: ${focusedDownloadKey}`);
      
      // Update UI with the new focus
      updateUIForFocusedDownload(newFocusedKey, false);
    }
  }



  // Improved card removal function
  async function removeCard(downloadKey, force = false) {
    try {
      const cardData = activeDownloadCards.get(downloadKey);
      if (!cardData) {
        debugLog(`removeCard: No card data found for key: ${downloadKey}`);
        return false;
      }

      const podElement = cardData.podElement;
      if (!podElement) {
        debugLog(`removeCard: No pod element found for key: ${downloadKey}`);
        return false;
      }

      if (!force && cardData.lastInteractionTime && 
          Date.now() - cardData.lastInteractionTime < getPref("extensions.downloads.interaction_grace_period_ms", 5000)) {
        debugLog(`removeCard: Skipping removal due to recent interaction: ${downloadKey}`, null, 'autohide');
        return false;
      }

      cardData.isBeingRemoved = true; // Mark for exclusion from layout management
      debugLog(`[RemoveCard] Marked card ${downloadKey} as isBeingRemoved.`);

      // Cancel any active AI process before removal
      await cancelAIProcessForDownload(downloadKey);

      // Clear any pending autohide timeout
      if (cardData.autohideTimeoutId) {
        clearTimeout(cardData.autohideTimeoutId);
        cardData.autohideTimeoutId = null;
        debugLog(`[RemoveCard] Cleared pending autohide timeout for ${downloadKey}`);
      }



      // --- New Exit Animation for Pod: Slide Left & Fade --- 
      podElement.style.transition = "opacity 0.3s ease-out, transform 0.3s ease-in-out";
      podElement.style.opacity = "0";
      podElement.style.transform = "translateX(-60px) scale(0.8)"; // Slide left and slightly shrink
      // podElement.style.width = "0px"; // Optional: remove if translateX is enough
      debugLog(`[RemoveCard] Initiated slide-out animation for pod ${downloadKey}`);

      setTimeout(() => {
        // Get download info before deleting cardData
        const cardData = activeDownloadCards.get(downloadKey);
        const download = cardData?.download;
        
        if (podElement.parentNode) {
          podElement.parentNode.removeChild(podElement);
        }
        activeDownloadCards.delete(downloadKey);
        cardUpdateThrottle.delete(downloadKey);
        
        const removedPodIndex = orderedPodKeys.indexOf(downloadKey);
        if (removedPodIndex > -1) {
          orderedPodKeys.splice(removedPodIndex, 1);
        }

        // Only mark as dismissed if this was a manual removal or auto-hide of old downloads
        // Don't dismiss downloads that just completed (they might need to reappear for AI processing)
        if (false) { // <-- change this from the previous logic, or comment out this block
          dismissedDownloads.add(downloadKey);
          debugLog(`Pod removed for download: ${downloadKey}, marked as dismissed. Remaining ordered keys:`, orderedPodKeys);
        } else {
          debugLog(`Pod removed for download: ${downloadKey}, NOT marked as dismissed (recent completion). Remaining ordered keys:`, orderedPodKeys);
        }

        if (focusedDownloadKey === downloadKey) {
          focusedDownloadKey = null; // Clear focus first
          if (orderedPodKeys.length > 0) {
            // Try to focus an adjacent pod to the one removed.
            // orderedPodKeys is [oldest, ..., newest]
            // If removedPodIndex was valid, try to focus what's now at removedPodIndex (which was to its right)
            // or removedPodIndex - 1 (to its left).
            let newFocusKey = null;
            if (removedPodIndex < orderedPodKeys.length) { // Try focusing the pod that took its place (originally to the right)
                newFocusKey = orderedPodKeys[removedPodIndex];
            } else if (removedPodIndex > 0 && orderedPodKeys.length > 0) { // Try focusing the pod to the left
                newFocusKey = orderedPodKeys[removedPodIndex - 1];
            } else if (orderedPodKeys.length > 0) { // Fallback to newest if extremes were removed
                 newFocusKey = orderedPodKeys[orderedPodKeys.length - 1];
            }
            focusedDownloadKey = newFocusKey;
            debugLog(`[RemoveCard] Old focus ${downloadKey} removed. New focus attempt: ${focusedDownloadKey}`);
          }
        }
        

        
        // Update UI based on new focus (or lack thereof)
        // This will also hide the master tooltip if no pods are left or re-evaluate layout
        updateUIForFocusedDownload(focusedDownloadKey, false); 

      }, 300); // Corresponds to pod animation duration

      if (autohiddenPodsData.has(downloadKey) && (force || dismissedDownloads.has(downloadKey))) {
        autohiddenPodsData.delete(downloadKey);
        debugLog(`[Autohide] Removed pod from autohiddenPodsData: ${downloadKey}. Map size: ${autohiddenPodsData.size}`, Array.from(autohiddenPodsData.keys()), 'general');
      }

      return true;
    } catch (e) {
      console.error("Error removing card:", e);
      return false;
    }
  }

  function scheduleCardRemoval(downloadKey) {
    try {
      const disableAutohide = getPref(DISABLE_AUTOHIDE_PREF, false);
      if (disableAutohide) return;
      if (downloadsButtonHovered) return; // Don't schedule if hovered

      const cardData = activeDownloadCards.get(downloadKey);
      if (!cardData) {
        debugLog(`scheduleCardRemoval: No card data found for key: ${downloadKey}`);
        return;
      }

      // Clear any existing timeout
      if (cardData.autohideTimeoutId) {
        clearTimeout(cardData.autohideTimeoutId);
        debugLog(`scheduleCardRemoval: Cleared existing timeout for key: ${downloadKey}`);
      }

      // Schedule new timeout and store the ID
      cardData.autohideTimeoutId = setTimeout(() => {
        debugLog(`scheduleCardRemoval: Timeout fired for key: ${downloadKey}`);
        performAutohideSequence(downloadKey);
      }, getPref("extensions.downloads.autohide_delay_ms", 20000));
      
      debugLog(`scheduleCardRemoval: Scheduled removal for key: ${downloadKey} in ${getPref("extensions.downloads.autohide_delay_ms", 20000)}ms`, null, 'autohide');
    } catch (e) {
      console.error("Error scheduling card removal:", e);
    }
  }

  // Perform the two-stage autohide sequence: tooltip first, then pod
  async function performAutohideSequence(downloadKey) {
    try {
      const cardData = activeDownloadCards.get(downloadKey);
      if (!cardData) {
        debugLog(`performAutohideSequence: No card data found for key: ${downloadKey}`);
        return;
      }
      debugLog(`[AutohideSequence] Starting autohide sequence for ${downloadKey}`);
      // Only store for restoration if not force/manual and not already dismissed
      if (!dismissedDownloads.has(downloadKey)) {
        // Shallow copy is enough for restoration, but use the correct key format
        const keyToStore = getDownloadKey(cardData.download); // Use the path|startTime key
        debugLog(`[Autohide] Attempting to add pod to autohiddenPodsData: ${keyToStore}`, { downloadKeyUsedForRemoval: downloadKey, downloadId: cardData.download?.id, downloadPath: cardData.download?.target?.path, downloadStartTime: cardData.download?.startTime });
        autohiddenPodsData.set(keyToStore, { ...cardData }); // Store with the correct key
        debugLog(`[Autohide] Added pod to autohiddenPodsData: ${keyToStore}. Map size: ${autohiddenPodsData.size}`, Array.from(autohiddenPodsData.keys()), 'general');
      }

      // Stage 1: Hide tooltip if this item is focused
      if (focusedDownloadKey === downloadKey && masterTooltipDOMElement) {
        debugLog(`[AutohideSequence] Stage 1: Hiding tooltip for focused item ${downloadKey}`);
        masterTooltipDOMElement.style.opacity = "0";
        masterTooltipDOMElement.style.transform = "scaleY(0.8) translateY(10px)";
        masterTooltipDOMElement.style.pointerEvents = "none";
        
        // Stage 2: Remove the pod after tooltip animation completes
        setTimeout(async () => {
          debugLog(`[AutohideSequence] Stage 2: Removing pod for ${downloadKey}`);
          await removeCard(downloadKey, false);
        }, 300); // Match tooltip animation duration
      } else {
        // If not focused, just remove the pod directly
        debugLog(`[AutohideSequence] Item ${downloadKey} not focused, removing pod directly`);
        await removeCard(downloadKey, false);
      }
    } catch (e) {
      console.error("Error in autohide sequence:", e);
      // Fallback to direct removal
      await removeCard(downloadKey, false);
    }
  }

  // Helper function to get preferences
  function getPref(prefName, defaultValue) {
    try {
      const prefService = Cc["@mozilla.org/preferences-service;1"]
        .getService(Ci.nsIPrefService);
      const branch = prefService.getBranch("");

      if (typeof defaultValue === "boolean") {
        return branch.getBoolPref(prefName, defaultValue);
      } else if (typeof defaultValue === "string") {
        return branch.getStringPref(prefName, defaultValue);
      } else if (typeof defaultValue === "number") {
        return branch.getIntPref(prefName, defaultValue);
      }
      return defaultValue;
    } catch (e) {
      console.error("Error getting preference:", e);
      return defaultValue;
    }
  }



  // Set generic icon for file type
  function setGenericIcon(previewElement, contentType) {
    if (!previewElement) return;
    try {
      let icon = "📄";
      if (typeof contentType === "string") {
        if (contentType.includes("image/")) icon = "🖼️";
        else if (contentType.includes("video/")) icon = "🎬";
        else if (contentType.includes("audio/")) icon = "🎵";
        else if (contentType.includes("text/")) icon = "📝";
        else if (contentType.includes("application/pdf")) icon = "📕";
        else if (contentType.includes("application/zip") || contentType.includes("application/x-rar")) icon = "🗜️";
        else if (contentType.includes("application/")) icon = "📦";
      }
      previewElement.innerHTML = `<span style="font-size: 24px;">${icon}</span>`;
    } catch (e) {
      debugLog("Error setting generic icon:", e);
      previewElement.innerHTML = `<span style="font-size: 24px;">📄</span>`;
    }
  }

  // Extract dominant color from an image element
  function extractDominantColor(imgElement) {
    try {
      // Create a canvas to analyze the image
      const canvas = document.createElement('canvas');
      const ctx = canvas.getContext('2d');
      
      // Set canvas size (smaller for performance)
      canvas.width = 50;
      canvas.height = 50;
      
      // Draw the image onto the canvas
      ctx.drawImage(imgElement, 0, 0, 50, 50);
      
      // Get image data
      const imageData = ctx.getImageData(0, 0, 50, 50);
      const data = imageData.data;
      
      // Color frequency map
      const colorMap = {};
      
      // Sample every 4th pixel for performance
      for (let i = 0; i < data.length; i += 16) { // RGBA = 4 bytes, so i += 16 samples every 4th pixel
        const r = data[i];
        const g = data[i + 1];
        const b = data[i + 2];
        const a = data[i + 3];
        
        // Skip transparent or very dark/light pixels
        if (a < 128 || (r + g + b) < 50 || (r + g + b) > 650) continue;
        
        // Group similar colors (reduce precision)
        const rGroup = Math.floor(r / 32) * 32;
        const gGroup = Math.floor(g / 32) * 32;
        const bGroup = Math.floor(b / 32) * 32;
        
        const colorKey = `${rGroup},${gGroup},${bGroup}`;
        colorMap[colorKey] = (colorMap[colorKey] || 0) + 1;
      }
      
      // Find the most frequent color
      let dominantColor = null;
      let maxCount = 0;
      
      for (const [color, count] of Object.entries(colorMap)) {
        if (count > maxCount) {
          maxCount = count;
          dominantColor = color;
        }
      }
      
      if (dominantColor) {
        const [r, g, b] = dominantColor.split(',').map(Number);
        
        // Enhance saturation and brightness for glow effect
        const enhancedColor = enhanceColorForGlow(r, g, b);
        
        debugLog("[ColorExtraction] Extracted dominant color", { 
          original: `rgb(${r}, ${g}, ${b})`, 
          enhanced: enhancedColor,
          frequency: maxCount 
        });
        
        return enhancedColor;
      }
      
      return null;
    } catch (e) {
      debugLog("[ColorExtraction] Error extracting color:", e);
      return null;
    }
  }

  // Enhance color for better glow visibility
  function enhanceColorForGlow(r, g, b) {
    // Convert to HSL for easier manipulation
    const [h, s, l] = rgbToHsl(r, g, b);
    
    // Increase saturation and adjust lightness for better glow
    const newS = Math.min(1, s + 0.3); // Increase saturation
    const newL = Math.max(0.4, Math.min(0.7, l + 0.2)); // Ensure good visibility
    
    // Convert back to RGB
    const [newR, newG, newB] = hslToRgb(h, newS, newL);
    
    return `rgb(${Math.round(newR)}, ${Math.round(newG)}, ${Math.round(newB)})`;
  }

  // RGB to HSL conversion
  function rgbToHsl(r, g, b) {
    r /= 255;
    g /= 255;
    b /= 255;
    
    const max = Math.max(r, g, b);
    const min = Math.min(r, g, b);
    let h, s, l = (max + min) / 2;
    
    if (max === min) {
      h = s = 0; // achromatic
    } else {
      const d = max - min;
      s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
      
      switch (max) {
        case r: h = (g - b) / d + (g < b ? 6 : 0); break;
        case g: h = (b - r) / d + 2; break;
        case b: h = (r - g) / d + 4; break;
      }
      h /= 6;
    }
    
    return [h, s, l];
  }

  // HSL to RGB conversion
  function hslToRgb(h, s, l) {
    let r, g, b;
    
    if (s === 0) {
      r = g = b = l; // achromatic
    } else {
      const hue2rgb = (p, q, t) => {
        if (t < 0) t += 1;
        if (t > 1) t -= 1;
        if (t < 1/6) return p + (q - p) * 6 * t;
        if (t < 1/2) return q;
        if (t < 2/3) return p + (q - p) * (2/3 - t) * 6;
        return p;
      };
      
      const q = l < 0.5 ? l * (1 + s) : l + s - l * s;
      const p = 2 * l - q;
      r = hue2rgb(p, q, h + 1/3);
      g = hue2rgb(p, q, h);
      b = hue2rgb(p, q, h - 1/3);
    }
    
    return [r * 255, g * 255, b * 255];
  }

  // Set preview for completed file - simplified to only show images or icons
  async function setCompletedFilePreview(previewElement, download) {
    if (!previewElement) {
      debugLog("[setCompletedFilePreview] No preview element provided");
      return;
    }

    debugLog('[setCompletedFilePreview] Called', {
      contentType: download?.contentType,
      targetPath: download?.target?.path,
      filename: download?.filename,
      downloadId: download?.id // Add download ID to logging
    });

    const downloadKey = getDownloadKey(download);
    debugLog(`[setCompletedFilePreview] Processing preview for key: ${downloadKey}`);

    // --- Check if AI renaming is active for this download ---
    if (activeAIProcesses.has(downloadKey)) {
        debugLog(`[setCompletedFilePreview] AI renaming active for ${downloadKey}, showing placeholder.`);
        previewElement.innerHTML = '<span style="font-size: 24px; animation: spin 1s linear infinite;">⏳</span>'; // Show spinner
        previewElement.title = "Renaming in progress...";
        previewElement.style.pointerEvents = "none";
        return; // Skip image loading until rename is complete
    }

    // Ensure pointer events are auto if AI renaming is not active
    previewElement.style.pointerEvents = "auto";
    debugLog(`[setCompletedFilePreview] No active AI process for ${downloadKey}, attempting preview.`);

    try {
      // Check for images first (by content type)
      if (download?.contentType?.startsWith("image/") && download.target?.path) {
        debugLog("[setCompletedFilePreview] Attempting image preview via contentType", { path: download.target.path, contentType: download.contentType });
        const img = document.createElement("img");
        const imgSrc = `file:///${download.target.path.replace(/\\/g, '/')}`;
        img.src = imgSrc;
        img.style.width = "100%";
        img.style.height = "100%";
        img.style.objectFit = "cover";
        img.style.borderRadius = "12px";
        img.style.transition = "all 0.3s ease";
        img.style.opacity = "0";

        img.onload = () => {
          img.style.opacity = "1";
          debugLog("[setCompletedFilePreview] Image loaded successfully (by contentType)", { src: imgSrc });

          // Extract dominant color and store it on the pod element
          setTimeout(() => {
            const dominantColor = extractDominantColor(img);
            if (dominantColor) {
              const podElement = previewElement.closest('.download-pod');
              if (podElement) {
                podElement.dataset.dominantColor = dominantColor;
                debugLog("[ColorExtraction] Stored dominant color on pod", { color: dominantColor });

                // If this pod is currently focused, update its glow immediately
                const downloadKey = podElement.dataset.downloadKey;
                if (downloadKey === focusedDownloadKey) {
                  updatePodGlowColor(podElement, dominantColor);
                }
              }
            }
          }, 100); // Small delay to ensure image is fully rendered
        };
        img.onerror = () => {
          debugLog("[setCompletedFilePreview] Image failed to load (by contentType)", { src: imgSrc });
          setGenericIcon(previewElement, download.contentType);
        };

        previewElement.innerHTML = "";
        previewElement.appendChild(img);
      } else if (download.target?.path) {
        // Check for images by file extension if contentType is missing
        const filePath = download.target.path.toLowerCase();
        let isImageTypeByExtension = false;
        for (const ext of IMAGE_EXTENSIONS) {
          if (filePath.endsWith(ext)) {
            isImageTypeByExtension = true;
            break;
          }
        }
        if (isImageTypeByExtension) {
          debugLog("[setCompletedFilePreview] Attempting image preview via file extension", { path: download.target.path });
          const img = document.createElement("img");
          const imgSrc = `file:///${download.target.path.replace(/\\/g, '/')}`;
          img.src = imgSrc;
          img.style.width = "100%";
          img.style.height = "100%";
          img.style.objectFit = "cover";
          img.style.borderRadius = "12px";
          img.style.transition = "all 0.3s ease";
          img.style.opacity = "0";

          img.onload = () => {
            img.style.opacity = "1";
            debugLog("[setCompletedFilePreview] Image loaded successfully (by extension)", { src: imgSrc });

            // Extract dominant color and store it on the pod element
            setTimeout(() => {
              const dominantColor = extractDominantColor(img);
              if (dominantColor) {
                const podElement = previewElement.closest('.download-pod');
                if (podElement) {
                  podElement.dataset.dominantColor = dominantColor;
                  debugLog("[ColorExtraction] Stored dominant color on pod", { color: dominantColor });

                  // If this pod is currently focused, update its glow immediately
                  const downloadKey = podElement.dataset.downloadKey;
                  if (downloadKey === focusedDownloadKey) {
                    updatePodGlowColor(podElement, dominantColor);
                  }
                }
              }
            }, 100); // Small delay to ensure image is fully rendered
          };
          img.onerror = () => {
            debugLog("[setCompletedFilePreview] Image failed to load (by extension)", { src: imgSrc });
            setGenericIcon(previewElement, download.contentType);
          };

          previewElement.innerHTML = "";
          previewElement.appendChild(img);
        } else {
          // Not an image, use generic icon
          debugLog("[setCompletedFilePreview] Not an image, setting generic icon", { contentType: download?.contentType, path: download.target.path });
          setGenericIcon(previewElement, download?.contentType);
        }
      } else {
        debugLog("[setCompletedFilePreview] No target path for preview, setting generic icon", { download });
        setGenericIcon(previewElement, null);
      }
    } catch (e) {
      debugLog("Error setting file preview:", e);
      previewElement.innerHTML = '<span style="font-size: 24px;">🚫</span>';
    }
  }

  // Update pod glow color based on dominant color
  function updatePodGlowColor(podElement, color) {
    if (!podElement || !color) return;
    
    try {
      // Create a more vibrant glow effect with the dominant color
      const glowShadow = `0 0 15px ${color}, 0 3px 10px rgba(0,0,0,0.3)`;
      podElement.style.boxShadow = glowShadow;
      
      debugLog("[GlowUpdate] Updated pod glow color", { 
        podKey: podElement.dataset.downloadKey, 
        color: color,
        shadow: glowShadow 
      });
    } catch (e) {
      debugLog("[GlowUpdate] Error updating glow color:", e);
      // Fallback to default blue glow
      podElement.style.boxShadow = '0 0 15px rgba(84, 160, 255, 0.7), 0 3px 10px rgba(0,0,0,0.3)';
    }
  }

  // Process download for AI renaming - with file size check
  async function processDownloadForAIRenaming(download, originalNameForUICard, keyOverride) {
    const key = keyOverride || getDownloadKey(download);
    const cardData = activeDownloadCards.get(key);
    
    // Create AbortController for this AI process
    const abortController = new AbortController();
    const processState = {
      phase: 'initializing',
      startTime: Date.now()
    };
    
    // Register the AI process
    activeAIProcesses.set(key, {
      abortController,
      processState,
      startTime: Date.now()
    });
    
    debugLog(`[AI Process] Started AI renaming process for ${key}`, processState);
    // Ensure we are updating the MASTER tooltip if this is the focused download
    let statusElToUpdate;
    let titleElToUpdate; // For AI name
    let originalFilenameElToUpdate; // For the struck-through original name
    let progressElToHide; // To hide progress when renamed info is shown
    let podElementToStyle; // For .renaming class etc.

    if (focusedDownloadKey === key && masterTooltipDOMElement) {
        statusElToUpdate = masterTooltipDOMElement.querySelector(".card-status");
        titleElToUpdate = masterTooltipDOMElement.querySelector(".card-title");
        originalFilenameElToUpdate = masterTooltipDOMElement.querySelector(".card-original-filename");
        progressElToHide = masterTooltipDOMElement.querySelector(".card-progress");
    } else if (cardData && cardData.podElement) {
        // Fallback: if not focused, or master tooltip somehow not found,
        // we might want to log or have a small indicator on the pod itself.
        // For now, if it's not focused, AI renaming might not show progress directly on master tooltip.
        // This logic assumes AI rename is primarily for the *focused* element's display.
        // Let's assume if it's not focused, we might not update UI aggressively, or handle it differently.
        // For now, if not focused, we'll log and potentially skip aggressive UI updates.
        debugLog(`[AI Rename] processDownloadForAIRenaming called for non-focused item ${key}. UI updates will be minimal.`);
    }
    
    if (cardData && cardData.podElement) {
        podElementToStyle = cardData.podElement;
    }


    if (!cardData) {
      debugLog("AI Rename: Card data not found for download key:", key);
      return false;
    }
    // const cardElement = cardData.podElement; // Use podElement
    // const statusEl = cardElement.querySelector(".card-status"); // This would be on the individual card if it had one
    // if (!statusEl) return false; // No individual status on pod. Master tooltip is primary.

    const previewContainerOnPod = cardData.podElement ? cardData.podElement.querySelector(".card-preview-container") : null;
    let originalPreviewTitle = "";
    if (previewContainerOnPod) {
      originalPreviewTitle = previewContainerOnPod.title;
    }

    const downloadPath = download.target.path;
    if (!downloadPath) return false;

    // Capture the true original filename before any AI processing for this attempt
    const trueOriginalFilename = cardData.originalFilename; 

    if (renamedFiles.has(downloadPath)) {
      debugLog(`Skipping rename - already processed: ${downloadPath}`);
      activeAIProcesses.delete(key); // Clean up
      return false;
    }
    
    // Check for abort signal
    if (abortController.signal.aborted) {
      debugLog(`[AI Process] Process aborted before file size check: ${key}`);
      activeAIProcesses.delete(key);
      throw new DOMException('AI process was aborted', 'AbortError');
    }

          try {
        const file = Cc["@mozilla.org/file/local;1"].createInstance(Ci.nsIFile);
        file.initWithPath(downloadPath);
        if (file.fileSize > getPref("extensions.downloads.max_file_size_for_ai", 52428800)) { // 50MB default
          debugLog(`Skipping AI rename - file too large: ${formatBytes(file.fileSize)}`);
          if (statusElToUpdate) statusElToUpdate.textContent = "File too large for AI analysis";
          activeAIProcesses.delete(key); // Clean up
          return false;
        }
      } catch (e) {
        debugLog("Error checking file size:", e);
        activeAIProcesses.delete(key); // Clean up
        return false;
      }

    // Store the original path and simple name in cardData *before* attempting rename
    // This is critical for the undo functionality.
    if (cardData) {
        cardData.trueOriginalPathBeforeAIRename = downloadPath; 
        cardData.trueOriginalSimpleNameBeforeAIRename = downloadPath.split(PATH_SEPARATOR).pop();
        debugLog("[AI Rename Prep] Stored for undo:", { 
            path: cardData.trueOriginalPathBeforeAIRename, 
            name: cardData.trueOriginalSimpleNameBeforeAIRename 
        });
    }

    renamedFiles.add(downloadPath);

    try {
      // Update process state
      processState.phase = 'analyzing';
      
      // Check for abort signal
      if (abortController.signal.aborted) {
        debugLog(`[AI Process] Process aborted during setup: ${key}`);
        renamedFiles.delete(downloadPath); // Allow retry
        activeAIProcesses.delete(key);
        throw new DOMException('AI process was aborted', 'AbortError');
      }
      
      // cardElement.classList.add("renaming");
      if (podElementToStyle) podElementToStyle.classList.add("renaming-active");
      if (statusElToUpdate) statusElToUpdate.textContent = "Analyzing file...";
      
      if (previewContainerOnPod) {
        previewContainerOnPod.style.pointerEvents = "none";
        previewContainerOnPod.title = "Renaming in progress...";
      }

      const currentFilename = downloadPath.split(PATH_SEPARATOR).pop();
      const fileExtension = currentFilename.includes(".") 
        ? currentFilename.substring(currentFilename.lastIndexOf(".")).toLowerCase() 
        : "";

      const isImage = IMAGE_EXTENSIONS.has(fileExtension);
      debugLog(`Processing file for AI rename: ${currentFilename} (${isImage ? "Image" : "Non-image"})`);

      let suggestedName = null;

      if (isImage) {
        // Check for abort signal before image analysis
        if (abortController.signal.aborted) {
          debugLog(`[AI Process] Process aborted before image analysis: ${key}`);
          renamedFiles.delete(downloadPath);
          activeAIProcesses.delete(key);
          throw new DOMException('AI process was aborted', 'AbortError');
        }
        
        processState.phase = 'image-analysis';
        if (statusElToUpdate) statusElToUpdate.textContent = "Analyzing image...";
        const imagePrompt = `Create a specific, descriptive filename for this image.
Rules:
- Use 2-4 specific words describing the main subject or content
- Be specific about what's in the image (e.g. "mountain-lake-sunset" not just "landscape")
- Use hyphens between words
- No generic words like "image" or "photo"
- Keep extension "${fileExtension}"
- Maximum length: ${getPref("extensions.downloads.max_filename_length", 70)} characters
Respond with ONLY the filename.`;

        suggestedName = await callMistralAPI({
          prompt: imagePrompt,
          localPath: downloadPath,
          fileExtension: fileExtension,
          abortSignal: abortController.signal
        });
      }

      if (!suggestedName) {
        // Check for abort signal before metadata analysis
        if (abortController.signal.aborted) {
          debugLog(`[AI Process] Process aborted before metadata analysis: ${key}`);
          renamedFiles.delete(downloadPath);
          activeAIProcesses.delete(key);
          throw new DOMException('AI process was aborted', 'AbortError');
        }
        
        processState.phase = 'metadata-analysis';
        if (statusElToUpdate) statusElToUpdate.textContent = "Generating better name...";
        const sourceURL = download.source?.url || "unknown";
        const metadataPrompt = `Create a specific, descriptive filename for this ${isImage ? "image" : "file"}.
Original filename: "${currentFilename}"
Download URL: "${sourceURL}"
Rules:
- Use 2-5 specific words about the content or purpose
- Be more specific than the original name
- Use hyphens between words
- Keep extension "${fileExtension}"
- Maximum length: ${getPref("extensions.downloads.max_filename_length", 70)} characters
Respond with ONLY the filename.`;

        suggestedName = await callMistralAPI({
          prompt: metadataPrompt,
          localPath: null,
          fileExtension: fileExtension,
          abortSignal: abortController.signal
        });
      }

      if (!suggestedName || suggestedName === "rate-limited") {
        debugLog("No valid name suggestion received from AI");
        if (statusElToUpdate) {
            statusElToUpdate.textContent = suggestedName === "rate-limited" ? 
          "⚠️ API rate limit reached" : "Could not generate a better name";
        }
        renamedFiles.delete(downloadPath);
        if (podElementToStyle) podElementToStyle.classList.remove("renaming-active");
        if (podElementToStyle) podElementToStyle.classList.remove('renaming-initiated'); // Allow retry by focus change
        activeAIProcesses.delete(key); // Clean up
        return false;
      }
      
      // Check for abort signal before file operations
      if (abortController.signal.aborted) {
        debugLog(`[AI Process] Process aborted before file rename: ${key}`);
        renamedFiles.delete(downloadPath);
        activeAIProcesses.delete(key);
        throw new DOMException('AI process was aborted', 'AbortError');
      }
      
      processState.phase = 'renaming';

      let cleanName = suggestedName
        .replace(/[^a-zA-Z0-9\-_\.]/g, "")
        .replace(/\s+/g, "-")
        .toLowerCase();

      if (cleanName.length > getPref("extensions.downloads.max_filename_length", 70) - fileExtension.length) {
        cleanName = cleanName.substring(0, getPref("extensions.downloads.max_filename_length", 70) - fileExtension.length);
      }
      if (fileExtension && !cleanName.toLowerCase().endsWith(fileExtension.toLowerCase())) {
        cleanName = cleanName + fileExtension;
      }

      if (cleanName.length <= 2 || cleanName.toLowerCase() === currentFilename.toLowerCase()) {
        debugLog("Skipping AI rename - name too short or same as original");
        if (statusElToUpdate) statusElToUpdate.textContent = "Original name is suitable"; // Or some other neutral message
        renamedFiles.delete(downloadPath);
        if (podElementToStyle) podElementToStyle.classList.remove("renaming-active");
        if (podElementToStyle) podElementToStyle.classList.remove('renaming-initiated');
        activeAIProcesses.delete(key); // Clean up
        return false;
      }

      debugLog(`AI suggested renaming to: ${cleanName}`);
      if (statusElToUpdate) statusElToUpdate.textContent = `Renaming to: ${cleanName}`;

      // Pass key to ensure the correct cardData (and thus podElement) is found by rename function
      const success = await renameDownloadFileAndUpdateRecord(download, cleanName, key);

      if (success) {
        const newPath = download.target.path; // This is now the new path after rename
        download.aiName = cleanName; // Set the aiName property on the download object
        // cardData.originalFilename = cleanName; // NO! Keep cardData.originalFilename as the name before this specific AI op.
                                            // The titleEl will pick up download.aiName.
                                            // The originalFilenameEl will use the trueOriginalFilename captured above.


        if (titleElToUpdate) { 
          titleElToUpdate.textContent = cleanName;
          titleElToUpdate.title = cleanName;
        }

        if (statusElToUpdate) {
          let finalSize = download.currentBytes;
          if (!(typeof finalSize === 'number' && finalSize > 0)) finalSize = download.totalBytes;
          const fileSizeText = formatBytes(finalSize || 0);
          
          // Always show file size in bottom right corner for renamed files
          const fileSizeEl = masterTooltipDOMElement.querySelector(".card-filesize");
          statusElToUpdate.textContent = "Download renamed to:";
          if (fileSizeEl) {
              fileSizeEl.textContent = fileSizeText;
              fileSizeEl.style.display = "block";
          }
          statusElToUpdate.style.color = "#a0a0a0";
        }

        if (originalFilenameElToUpdate) {
            originalFilenameElToUpdate.textContent = trueOriginalFilename; // Use the captured true original name
            originalFilenameElToUpdate.title = trueOriginalFilename;
            originalFilenameElToUpdate.style.textDecoration = "line-through";
            originalFilenameElToUpdate.style.display = "block";
        }

        if (progressElToHide) {
            progressElToHide.style.display = "none";
        }
        
        if (podElementToStyle) {
            podElementToStyle.classList.remove("renaming-active");
            podElementToStyle.classList.add("renamed-by-ai");
        }
        
        // IMPORTANT: If the renamed item was focused, update focusedDownloadKey to the new path
        // and ensure the subsequent UI update uses this new key.
        let keyForFinalUIUpdate = key; // Original key passed to this function
        
        // Update activeDownloadCards with the new key (path) BUT preserve original cardData object reference
        // The cardData object itself should retain the *trueOriginalFilename* if needed for other contexts,
        // or rely on the fact that renameDownloadFileAndUpdateRecord updates the key in activeDownloadCards.
        // The critical part is that `download.aiName` is set, and `trueOriginalFilename` is available for this UI update.
        // The `cardData.originalFilename` will naturally become the `cleanName` if `createOrUpdatePodElement` runs again for this item
        // due to some other event, which is fine, as `download.aiName` would be preferred by `updateUIForFocusedDownload`.

        if (focusedDownloadKey === key) { // 'key' here is the *original* key before rename
            focusedDownloadKey = newPath; // Update global focus to the NEW path
            keyForFinalUIUpdate = newPath; // Use the NEW path for the upcoming UI update
            debugLog(`[AI Rename] Focused item ${key} renamed to ${newPath}. Updated focusedDownloadKey and keyForFinalUIUpdate.`);
        }

        // The call to updateUIForFocusedDownload will now correctly use download.aiName for the title,
        // and cardData.originalFilename (which should be the one prior to this AI attempt or the one from pod creation)
        // for the strikethrough, as per its own logic.
        // The direct update of tooltip elements within this function ensures immediate feedback.
        updateUIForFocusedDownload(keyForFinalUIUpdate, true); // Force a significant update as content structure changed

        debugLog(`Successfully AI-renamed to: ${cleanName}`);
        activeAIProcesses.delete(key); // Clean up successful process
        return true;
      } else {
        renamedFiles.delete(downloadPath);
        if (statusElToUpdate) statusElToUpdate.textContent = "Rename failed";
        if (podElementToStyle) {
            podElementToStyle.classList.remove("renaming-active");
            podElementToStyle.classList.remove('renaming-initiated');
        }
        activeAIProcesses.delete(key); // Clean up failed process
        return false;
      }
    } catch (e) {
      if (e.name === 'AbortError') {
        debugLog(`[AI Process] AI rename process was aborted for ${key}`);
        // Don't log as error, this is expected behavior
      } else {
        console.error("AI Rename process error:", e);
      }
      renamedFiles.delete(downloadPath); // Ensure it can be retried if it was an unexpected error
      if (statusElToUpdate && e.name !== 'AbortError') statusElToUpdate.textContent = "Rename error";
      if (podElementToStyle) {
        podElementToStyle.classList.remove("renaming-active");
        podElementToStyle.classList.remove('renaming-initiated');
      }
      activeAIProcesses.delete(key); // Clean up errored/aborted process
      throw e; // Re-throw to be handled by caller
    } finally {
      if (previewContainerOnPod) {
        previewContainerOnPod.style.pointerEvents = "auto";
        previewContainerOnPod.title = originalPreviewTitle; // Restore original title or new name if successful? For now, original.
      }
       if (podElementToStyle) podElementToStyle.classList.remove("renaming-active"); // General cleanup
    }
  }

  // Improved file renaming function
  async function renameDownloadFileAndUpdateRecord(download, newName, key) {
    try {
      const oldPath = download.target.path;
      if (!oldPath) throw new Error("No file path available");
      const directory = oldPath.substring(0, oldPath.lastIndexOf(PATH_SEPARATOR));
      const oldFileName = oldPath.split(PATH_SEPARATOR).pop();
      const fileExt = oldFileName.includes(".") 
        ? oldFileName.substring(oldFileName.lastIndexOf(".")) 
        : "";
      let cleanNewName = newName.trim().replace(/[\\/:*?"<>|]/g, "");
      if (fileExt && !cleanNewName.endsWith(fileExt)) {
        cleanNewName += fileExt;
      }
      // Handle duplicate names
      let finalName = cleanNewName;
      let counter = 1;
      while (counter < 100) {
        const testPath = directory + PATH_SEPARATOR + finalName;
        let exists = false;
        try {
          const testFile = Cc["@mozilla.org/file/local;1"].createInstance(Ci.nsIFile);
          testFile.initWithPath(testPath);
          exists = testFile.exists();
        } catch (e) {}
        if (!exists) break;
        const baseName = cleanNewName.includes(".") 
          ? cleanNewName.substring(0, cleanNewName.lastIndexOf(".")) 
          : cleanNewName;
        finalName = `${baseName}-${counter}${fileExt}`;
        counter++;
      }
      const newPath = directory + PATH_SEPARATOR + finalName;
      debugLog("Rename paths", { oldPath, newPath });
      const oldFile = Cc["@mozilla.org/file/local;1"].createInstance(Ci.nsIFile);
      oldFile.initWithPath(oldPath);
      if (!oldFile.exists()) throw new Error("Source file does not exist");
      // Perform the rename
      oldFile.moveTo(null, finalName);
      // Update download record
      download.target.path = newPath;
      // Update card data key mapping
      const cardData = activeDownloadCards.get(key); // key is the OLD key here
      if (cardData) {
        activeDownloadCards.delete(key);
        activeDownloadCards.set(newPath, cardData);
        cardData.key = newPath;
        if (cardData.podElement) {
          cardData.podElement.dataset.downloadKey = newPath;
          debugLog(`[Rename] Updated podElement.dataset.downloadKey to ${newPath}`);
        }
        // Update the key in orderedPodKeys as well
        const oldKeyIndex = orderedPodKeys.indexOf(key);
        if (oldKeyIndex > -1) {
          orderedPodKeys.splice(oldKeyIndex, 1, newPath);
          debugLog(`[Rename] Updated key in orderedPodKeys from ${key} to ${newPath}`);
        }
        // Update focus if needed
        if (focusedDownloadKey === key) {
          focusedDownloadKey = newPath;
        }
        // Reschedule autohide with the new key if there was an existing timeout
        if (cardData.autohideTimeoutId) {
          clearTimeout(cardData.autohideTimeoutId);
          cardData.autohideTimeoutId = null;
          debugLog(`[Rename] Cleared old autohide timeout for ${key}, rescheduling for ${newPath}`);
          scheduleCardRemoval(newPath);
        }
        debugLog(`Updated card key mapping from ${key} to ${newPath}`);
      }
      debugLog("File renamed successfully");
      return true;
    } catch (e) {
      console.error("Rename failed:", e);
      return false;
    }
  }

  function formatBytes(b, d = 2) {
    if (b === 0) return "0 B";
    const sizes = ["B", "KB", "MB", "GB", "TB"];
    const i = Math.floor(Math.log(b) / Math.log(1024));
    return `${parseFloat((b / Math.pow(1024, i)).toFixed(d))} ${sizes[i]}`;
  }

  // Mistral API function - with better error handling
  async function callMistralAPI({ prompt, localPath, fileExtension, abortSignal }) {
    try {
      // Get API key
      let apiKey = "";
      try {
        const prefService = Cc["@mozilla.org/preferences-service;1"]
          .getService(Ci.nsIPrefService);
        const branch = prefService.getBranch("extensions.downloads.");
        apiKey = branch.getStringPref("mistral_api_key", "");
      } catch (e) {
        debugLog("Failed to get API key from preferences", e);
        return null;
      }

      if (!apiKey) {
        debugLog("No API key found");
        return null;
      }

      // Build message content
      let content = [{ type: "text", text: prompt }];

      // Add image data if provided
      if (localPath) {
        try {
          const imageBase64 = fileToBase64(localPath);
          if (imageBase64) {
            const mimeType = getMimeTypeFromExtension(fileExtension);
            content.push({
              type: "image_url",
              image_url: { url: `data:${mimeType};base64,${imageBase64}` },
            });
          }
        } catch (e) {
          debugLog("Failed to encode image, proceeding without it", e);
        }
      }

      const payload = {
        model: getPref("extensions.downloads.mistral_model", "pixtral-large-latest"),
        messages: [{ role: "user", content: content }],
        max_tokens: 100,
        temperature: 0.2,
      };

      debugLog("Sending API request to Mistral");

      // Check for abort signal before making request
      if (abortSignal?.aborted) {
        throw new DOMException('API request was aborted', 'AbortError');
      }

      const response = await fetch(getPref("extensions.downloads.mistral_api_url", "https://api.mistral.ai/v1/chat/completions"), {
        method: "POST",
        headers: {
          "Content-Type": "application/json",
          Authorization: `Bearer ${apiKey}`,
        },
        body: JSON.stringify(payload),
        signal: abortSignal // Pass abort signal to fetch
      });

      if (!response.ok) {
        if (response.status === 429) return "rate-limited";
        debugLog(`API error ${response.status}: ${response.statusText}`);
        return null;
      }

      const data = await response.json();
      debugLog("Raw API response:", data);

      return data.choices?.[0]?.message?.content?.trim() || null;
    } catch (error) {
      console.error("Mistral API error:", error);
      return null;
    }
  }

  function getMimeTypeFromExtension(ext) {
    switch (ext?.toLowerCase()) {
      case ".png": return "image/png";
      case ".gif": return "image/gif";
      case ".svg": return "image/svg+xml";
      case ".webp": return "image/webp";
      case ".bmp": return "image/bmp";
      case ".avif": return "image/avif";
      case ".ico": return "image/x-icon";
      case ".tif": return "image/tiff";
      case ".tiff": return "image/tiff";
      case ".jfif": return "image/jpeg";
      default: return "image/jpeg";
    }
  }

  function fileToBase64(path) {
    try {
      const file = Cc["@mozilla.org/file/local;1"].createInstance(Ci.nsIFile);
      file.initWithPath(path);
      
      // Check file size
      if (file.fileSize > getPref("extensions.downloads.max_file_size_for_ai", 52428800)) { // 50MB default
        debugLog("File too large for base64 conversion");
        return null;
      }

      const fstream = Cc["@mozilla.org/network/file-input-stream;1"]
        .createInstance(Ci.nsIFileInputStream);
      fstream.init(file, -1, 0, 0);
      
      const bstream = Cc["@mozilla.org/binaryinputstream;1"]
        .createInstance(Ci.nsIBinaryInputStream);
      bstream.setInputStream(fstream);
      
      const bytes = bstream.readBytes(file.fileSize);
      fstream.close();
      bstream.close();

      // Convert to base64 in chunks to avoid memory issues
      const chunks = [];
      const CHUNK_SIZE = 0x8000;
      for (let i = 0; i < bytes.length; i += CHUNK_SIZE) {
        chunks.push(
          String.fromCharCode.apply(
            null,
            bytes.slice(i, i + CHUNK_SIZE).split("").map(c => c.charCodeAt(0))
          )
        );
      }
      
      return btoa(chunks.join(""));
    } catch (e) {
      debugLog("fileToBase64 error:", e);
      return null;
    }
  }



  // --- Function to Open Downloaded File ---
  function openDownloadedFile(download) {
    if (!download || !download.target || !download.target.path) {
      debugLog("openDownloadedFile: Invalid download object or path", { download });
      return;
    }

    const filePath = download.target.path;
    debugLog("openDownloadedFile: Attempting to open file", { filePath });

    try {
      const file = Cc["@mozilla.org/file/local;1"].createInstance(Ci.nsIFile);
      file.initWithPath(filePath);

      if (file.exists() && file.isReadable()) {
        file.launch(); // Opens with default system application
      } else {
        debugLog("openDownloadedFile: File does not exist or is not readable", { filePath });
        // Optionally, notify the user via the card status or an alert
        // For now, just logging.
      }
    } catch (ex) {
      debugLog("openDownloadedFile: Error launching file", { filePath, error: ex.message, stack: ex.stack });
      // Optionally, notify the user
    }
  }

  // --- Function to Erase Download from Firefox History ---
  async function eraseDownloadFromHistory(download) {
    if (!download) {
      debugLog("eraseDownloadFromHistory: Invalid download object", { download });
      throw new Error("Invalid download object");
    }

    try {
      debugLog("eraseDownloadFromHistory: Attempting to erase download", { 
        id: download.id, 
        path: download.target?.path,
        state: download.state 
      });

      // Get the Downloads list
      const list = await window.Downloads.getList(window.Downloads.ALL);
      
      // Find the download in the list by multiple criteria
      const downloads = await list.getAll();
      const targetDownload = downloads.find(dl => {
        // Try to match by ID first (most reliable)
        if (download.id && dl.id === download.id) return true;
        
        // Fallback to path matching if IDs don't match or are missing
        if (download.target?.path && dl.target?.path && 
            dl.target.path === download.target.path) return true;
            
        // Additional fallback for URL matching (in case path changed)
        if (download.source?.url && dl.source?.url && 
            dl.source.url === download.source.url && 
            download.startTime && dl.startTime &&
            Math.abs(new Date(download.startTime) - new Date(dl.startTime)) < 5000) return true;
            
        return false;
      });
      
      if (targetDownload) {
        // Remove the download from the list (this erases it from history)
        await list.remove(targetDownload);
        debugLog("eraseDownloadFromHistory: Successfully removed download from list", { 
          id: targetDownload.id,
          originalId: download.id,
          path: targetDownload.target?.path 
        });
      } else {
        debugLog("eraseDownloadFromHistory: Download not found in list", { 
          id: download.id,
          path: download.target?.path,
          availableDownloads: downloads.length 
        });
        // It might have already been removed, which is fine for our purposes
      }
      
    } catch (error) {
      debugLog("eraseDownloadFromHistory: Error erasing download", { 
        id: download.id, 
        path: download.target?.path,
        error: error.message, 
        stack: error.stack 
      });
      throw error;
    }
  }

  // Verify Mistral API connection
  async function verifyMistralConnection() {
    try {
      let apiKey = "";
      try {
        const prefService = Cc["@mozilla.org/preferences-service;1"]
          .getService(Ci.nsIPrefService);
        const branch = prefService.getBranch("extensions.downloads.");
        apiKey = branch.getStringPref("mistral_api_key", "");
      } catch (e) {
        console.error("Failed to get API key from preferences", e);
        aiRenamingPossible = false;
        return;
      }

      if (!apiKey) {
        debugLog("No Mistral API key found in preferences. AI renaming disabled.");
        aiRenamingPossible = false;
        return;
      }

      const testResponse = await fetch(getPref("extensions.downloads.mistral_api_url", "https://api.mistral.ai/v1/chat/completions"), {
        method: "POST",
        headers: {
          "Content-Type": "application/json",
          Authorization: `Bearer ${apiKey}`,
        },
        body: JSON.stringify({
          model: getPref("extensions.downloads.mistral_model", "pixtral-large-latest"),
          messages: [
            { role: "system", content: "You are a helpful assistant." },
            { role: "user", content: "Hello, this is a test connection. Respond with 'ok'." },
          ],
          max_tokens: 5,
        }),
      });

      if (testResponse.ok) {
        debugLog("Mistral API connection successful!");
        aiRenamingPossible = true;
      } else {
        console.error("Mistral API connection failed:", await testResponse.text());
        aiRenamingPossible = false;
      }
    } catch (e) {
      console.error("Error verifying Mistral API connection:", e);
      aiRenamingPossible = false;
    }
  }

  // Function to cancel AI process for a specific download
  async function cancelAIProcessForDownload(downloadKey) {
    const aiProcess = activeAIProcesses.get(downloadKey);
    if (!aiProcess) {
      debugLog(`[AI Cancel] No active AI process found for ${downloadKey}`);
      return false;
    }
    
    debugLog(`[AI Cancel] Canceling AI process for ${downloadKey}`, {
      phase: aiProcess.processState.phase,
      duration: Date.now() - aiProcess.startTime
    });
    
    try {
      // Abort the process
      aiProcess.abortController.abort();
      
      // Clean up the process tracking
      activeAIProcesses.delete(downloadKey);
      
      // Clean up UI state
      const cardData = activeDownloadCards.get(downloadKey);
      if (cardData?.podElement) {
        cardData.podElement.classList.remove("renaming-active");
        cardData.podElement.classList.remove("renaming-initiated");
      }
      
      // Update status if this is the focused download
      if (downloadKey === focusedDownloadKey && masterTooltipDOMElement) {
        const statusEl = masterTooltipDOMElement.querySelector(".card-status");
        if (statusEl && (statusEl.textContent.includes("Analyzing") || statusEl.textContent.includes("Generating"))) {
          // Restore appropriate status based on download state
          const download = cardData?.download;
          if (download?.succeeded) {
            statusEl.textContent = "Download completed";
            statusEl.style.color = "#1dd1a1";
          } else if (download?.error) {
            statusEl.textContent = `Error: ${download.error.message || "Download failed"}`;
            statusEl.style.color = "#ff6b6b";
          } else if (download?.canceled) {
            statusEl.textContent = "Download canceled";
            statusEl.style.color = "#ff9f43";
          }
        }
      }
      
      debugLog(`[AI Cancel] Successfully canceled AI process for ${downloadKey}`);
      return true;
      
    } catch (error) {
      debugLog(`[AI Cancel] Error canceling AI process for ${downloadKey}:`, error);
      // Still clean up tracking even if abort failed
      activeAIProcesses.delete(downloadKey);
      return false;
    }
  }

  // Final safety check before declaring success
  if (cssStylesAvailable) {
    console.log("=== DOWNLOAD PREVIEW SCRIPT LOADED SUCCESSFULLY ===");
  } else {
    console.log("=== DOWNLOAD PREVIEW SCRIPT LOADED BUT DISABLED (CSS MISSING) ===");
  }

// --- Sidebar Width Synchronization Logic ---
function updateCurrentZenSidebarWidth() {
  const mainWindow = document.getElementById('main-window');
  const toolbox = document.getElementById('navigator-toolbox');

  if (!toolbox) {
    debugLog('[SidebarWidthSync] #navigator-toolbox not found. Cannot read --zen-sidebar-width.');
    // currentZenSidebarWidth = ''; // Let it retain its value if toolbox temporarily disappears? Or clear?
                                 // For now, if toolbox isn't there, we can't update, so we do nothing to the existing value.
    return;
  }

  // Log compact mode for context, but don't block the read based on it.
  if (mainWindow) {
    const isCompact = mainWindow.getAttribute('zen-compact-mode') === 'true';
    debugLog(`[SidebarWidthSync] #main-window zen-compact-mode is currently: ${isCompact}. Attempting to read from #navigator-toolbox.`);
  } else {
    debugLog('[SidebarWidthSync] #main-window not found. Attempting to read from #navigator-toolbox.');
  }
  
  const value = getComputedStyle(toolbox).getPropertyValue('--zen-sidebar-width').trim();
  
  if (value && value !== "0px" && value !== "") {
    if (currentZenSidebarWidth !== value) {
      currentZenSidebarWidth = value;
      debugLog('[SidebarWidthSync] Updated currentZenSidebarWidth from #navigator-toolbox to:', value);
      applyGlobalWidthToAllTooltips(); // Apply to existing tooltips
    } else {
      debugLog('[SidebarWidthSync] --zen-sidebar-width from #navigator-toolbox is unchanged (' + value + '). No update to tooltips needed.');
    }
  } else {
    // If the value is empty, "0px", or not set, it implies the sidebar isn't in a state where this var is active.
    // Clear our global var so the tooltip uses its own default width.
    if (currentZenSidebarWidth !== '') { // Only update if it actually changes to empty
      currentZenSidebarWidth = ''; 
      debugLog(`[SidebarWidthSync] --zen-sidebar-width on #navigator-toolbox is '${value}'. Cleared currentZenSidebarWidth. Tooltip will use default width.`);
      applyGlobalWidthToAllTooltips(); // Apply default width logic to existing tooltips
    } else {
      debugLog(`[SidebarWidthSync] --zen-sidebar-width on #navigator-toolbox is '${value}' and currentZenSidebarWidth is already empty. No update needed.`);
    }
  }
}

function initSidebarWidthSync() {
  const mainWindow = document.getElementById('main-window');
  const navigatorToolbox = document.getElementById('navigator-toolbox');
  let resizeTimeoutId = null;

  if (mainWindow) {
    // Set up a MutationObserver to watch attribute changes on #main-window for zen-compact-mode
    const mutationObserver = new MutationObserver((mutationsList) => {
      for (const mutation of mutationsList) {
        if (
          mutation.type === 'attributes' &&
          mutation.attributeName === 'zen-compact-mode'
        ) {
          debugLog('[SidebarWidthSync] zen-compact-mode attribute changed. Updating sidebar width.');
          updateCurrentZenSidebarWidth();
        }
      }
    });
    mutationObserver.observe(mainWindow, {
      attributes: true,
      attributeFilter: ['zen-compact-mode']
    });
  } else {
    debugLog('[SidebarWidthSync] initSidebarWidthSync: #main-window not found. Cannot set up MutationObserver for compact mode.');
  }

  if (navigatorToolbox) {
    // Set up a ResizeObserver to watch for size changes on #navigator-toolbox
    const resizeObserver = new ResizeObserver(entries => {
      // Debounce the resize event
      clearTimeout(resizeTimeoutId);
      resizeTimeoutId = setTimeout(() => {
        for (let entry of entries) {
          // We don't strictly need to check entry.contentRect here as getComputedStyle will get the current var value
          debugLog('[SidebarWidthSync] #navigator-toolbox resized. Updating sidebar width.');
          updateCurrentZenSidebarWidth();
        }
      }, 250); // 250ms debounce period
    });
    resizeObserver.observe(navigatorToolbox);
    debugLog('[SidebarWidthSync] ResizeObserver started on #navigator-toolbox.');
  } else {
    debugLog('[SidebarWidthSync] initSidebarWidthSync: #navigator-toolbox not found. Cannot set up ResizeObserver.');
  }

  // Run it once at init in case the attribute/size is already set at load
  debugLog('[SidebarWidthSync] Initial call to update sidebar width.');
  updateCurrentZenSidebarWidth();
}

function applyGlobalWidthToAllTooltips() {
  debugLog('[TooltipWidth] Attempting to apply global width to master tooltip.');
  if (!masterTooltipDOMElement) {
    debugLog('[TooltipWidth] Master tooltip DOM element not found.');
    return;
  }

  if (currentZenSidebarWidth && currentZenSidebarWidth !== "0px" && !isNaN(parseFloat(currentZenSidebarWidth))) {
    const newWidth = `calc(${currentZenSidebarWidth} - 20px)`; 
    masterTooltipDOMElement.style.width = newWidth;
    debugLog(`[TooltipWidth] Applied new width to master tooltip: ${newWidth}`);
  } else {
    // Fallback to default width if currentZenSidebarWidth is invalid or not set
    masterTooltipDOMElement.style.width = '350px'; // Default width
    debugLog('[TooltipWidth] Applied default width (350px) to master tooltip as currentZenSidebarWidth is invalid or empty.');
  }
}

// --- Zen Animation Synchronization Logic ---
function triggerCardEntrance(downloadKeyToTrigger) {
  const cardData = activeDownloadCards.get(downloadKeyToTrigger);
  if (!cardData) {
    debugLog(`[ZenSync] triggerCardEntrance: No cardData for key ${downloadKeyToTrigger}`);
    return;
  }

  // This function is now primarily a signal that Zen animation (if any) is complete.
  // It no longer appends or directly animates the pod here.
  // It marks the pod as ready for layout and calls updateUIForFocusedDownload.
  
  if (cardData.isWaitingForZenAnimation) {
    debugLog(`[ZenSync] triggerCardEntrance: Zen animation completed or fallback for ${downloadKeyToTrigger}. Pod is ready for layout.`);
    cardData.isWaitingForZenAnimation = false;
    
    // Ensure the pod is appended to DOM if it hasn't been already
    if (!cardData.domAppended && podsRowContainerElement && cardData.podElement) {
        podsRowContainerElement.appendChild(cardData.podElement);
        cardData.domAppended = true;
        debugLog(`[ZenSync] Appended pod ${downloadKeyToTrigger} to DOM after Zen animation.`);
    }
    
    // Call updateUI which will call managePodVisibilityAndAnimations
    // If this download is the new focus, it makes sense to update everything.
    // If not, we still need to re-evaluate layout for all pods.
    updateUIForFocusedDownload(focusedDownloadKey || downloadKeyToTrigger, false); 
  } else {
    debugLog(`[ZenSync] triggerCardEntrance: Called for ${downloadKeyToTrigger} but it was not waiting for Zen animation. Ignoring.`);
  }
}

function initZenAnimationObserver(downloadKey, podElementToMonitor) { // podElement is passed for context, not direct manipulation here
  debugLog("[ZenSync] Initializing observer for key:", downloadKey);
  let observer = null;
  let fallbackTimeoutId = null;

  const zenAnimationHost = document.querySelector('zen-download-animation');

  if (zenAnimationHost && zenAnimationHost.shadowRoot) {
    debugLog("[ZenSync] Found zen-download-animation host and shadowRoot.");

    observer = new MutationObserver((mutationsList, obs) => {
      for (const mutation of mutationsList) {
        if (mutation.type === 'childList' && mutation.removedNodes.length > 0) {
          for (const removedNode of mutation.removedNodes) {
            if (removedNode.nodeType === Node.ELEMENT_NODE && removedNode.classList.contains('zen-download-arc-animation')) {
              debugLog("[ZenSync] Detected .zen-download-arc-animation removal. Triggering pod entrance.", { key: downloadKey });
              clearTimeout(fallbackTimeoutId); // Clear the safety fallback
              triggerCardEntrance(downloadKey, podElementToMonitor);
              obs.disconnect(); // Stop observing
              observer = null; // Clean up observer reference
              return; // Exit once detected
            }
          }
        }
      }
    });

    observer.observe(zenAnimationHost.shadowRoot, { childList: true });
    debugLog("[ZenSync] Observer started on shadowRoot.");

    // Safety fallback timeout
    fallbackTimeoutId = setTimeout(() => {
      debugLog("[ZenSync] Fallback timeout reached. Triggering card entrance signal.", { key: downloadKey });
      if (observer) {
        observer.disconnect();
        observer = null;
      }
      triggerCardEntrance(downloadKey); 
      // CardData fallbackTriggered is not strictly needed now as triggerCardEntrance is just a signal
    }, 3000); // 3-second fallback

  } else {
    debugLog("[ZenSync] zen-download-animation host or shadowRoot not found. Triggering card entrance signal immediately.", { key: downloadKey });
    triggerCardEntrance(downloadKey);
    // CardData fallbackTriggered not strictly needed
  }
}

// --- Function to Undo AI Rename ---
async function undoRename(keyOfAIRenamedFile) {
  debugLog("[UndoRename] Attempting to undo rename for key:", keyOfAIRenamedFile);
  const cardData = activeDownloadCards.get(keyOfAIRenamedFile);

  if (!cardData || !cardData.download) {
      debugLog("[UndoRename] No cardData or download object found for key:", keyOfAIRenamedFile);
      return false;
  }

  const currentAIRenamedPath = cardData.download.target.path; // Current path (after AI rename)
  const originalSimpleName = cardData.trueOriginalSimpleNameBeforeAIRename;
  const originalFullPath = cardData.trueOriginalPathBeforeAIRename; // The full path before AI rename

  if (!currentAIRenamedPath || !originalSimpleName || !originalFullPath) {
      debugLog("[UndoRename] Missing path/name information for undo:", 
          { currentAIRenamedPath, originalSimpleName, originalFullPath });
      // Maybe update status to indicate error?
      return false;
  }
  
  // Ensure originalSimpleName is what we expect if originalFullPath is the key to the past state
  // For safety, we reconstruct the target directory from the *current* path if the original was just a simple name.
  const targetDirectory = currentAIRenamedPath.substring(0, currentAIRenamedPath.lastIndexOf(PATH_SEPARATOR));
  const targetOriginalPath = targetDirectory + PATH_SEPARATOR + originalSimpleName;

  debugLog("[UndoRename] Details:", {
      currentPath: currentAIRenamedPath,
      originalSimple: originalSimpleName,
      originalFullPathStored: originalFullPath, // The key to what it *was*
      targetOriginalPathForRename: targetOriginalPath // The path we want to rename *to*
  });

  // Use a modified version of rename logic. 
  // We are renaming from currentAIRenamedPath to targetOriginalPath (which uses originalSimpleName)
  try {
      const fileToUndo = Cc["@mozilla.org/file/local;1"].createInstance(Ci.nsIFile);
      fileToUndo.initWithPath(currentAIRenamedPath);

      if (!fileToUndo.exists()) {
          debugLog("[UndoRename] File to undo does not exist at current path:", currentAIRenamedPath);
          // Perhaps it was moved or deleted by the user? Clean up UI.
          if (masterTooltipDOMElement) {
              const undoBtn = masterTooltipDOMElement.querySelector(".card-undo-button");
              if (undoBtn) undoBtn.style.display = "none";
          }
          // Consider removing the card or updating status more drastically.
          return false;
      }

      // Perform the rename back to originalSimpleName in the current directory
      fileToUndo.moveTo(null, originalSimpleName); 
      debugLog(`[UndoRename] File moved from ${currentAIRenamedPath} to ${targetOriginalPath} (using simple name ${originalSimpleName})`);

      // Update download object and cardData
      cardData.download.target.path = targetOriginalPath;
      cardData.download.aiName = null; // Clear the AI name
      // cardData.originalFilename should revert to originalSimpleName (or be updated by next UI refresh)
      cardData.originalFilename = originalSimpleName; 

      // Update the key in activeDownloadCards map
      if (keyOfAIRenamedFile !== targetOriginalPath) {
          activeDownloadCards.delete(keyOfAIRenamedFile);
          activeDownloadCards.set(targetOriginalPath, cardData);
          cardData.key = targetOriginalPath;
          if (cardData.podElement) cardData.podElement.dataset.downloadKey = targetOriginalPath;
          
          // Update orderedPodKeys
          const oldKeyIndex = orderedPodKeys.indexOf(keyOfAIRenamedFile);
          if (oldKeyIndex > -1) {
              orderedPodKeys.splice(oldKeyIndex, 1, targetOriginalPath);
          }

          // If this was the focused key, update focusedDownloadKey
          if (focusedDownloadKey === keyOfAIRenamedFile) {
              focusedDownloadKey = targetOriginalPath;
          }
          debugLog(`[UndoRename] Updated activeDownloadCards map key from ${keyOfAIRenamedFile} to ${targetOriginalPath}`);
      }
      
      renamedFiles.delete(originalFullPath); // Allow AI re-rename if user downloads it again or wants to retry
      renamedFiles.delete(currentAIRenamedPath); // Remove the AI-renamed path from the set too

      // Update UI immediately for the focused item
      if (focusedDownloadKey === targetOriginalPath && masterTooltipDOMElement) {
          const titleEl = masterTooltipDOMElement.querySelector(".card-title");
          const statusEl = masterTooltipDOMElement.querySelector(".card-status");
          const originalFilenameEl = masterTooltipDOMElement.querySelector(".card-original-filename");
          const progressEl = masterTooltipDOMElement.querySelector(".card-progress");
          const undoBtn = masterTooltipDOMElement.querySelector(".card-undo-button");

          if (titleEl) titleEl.textContent = originalSimpleName;
          if (statusEl) {
              statusEl.textContent = "Download completed"; // Or original status if stored
              statusEl.style.color = "#1dd1a1";
          }
          if (originalFilenameEl) originalFilenameEl.style.display = "none";
          if (progressEl) progressEl.style.display = "block"; // Show progress/size again
          if (undoBtn) undoBtn.style.display = "none";
      }

      // Trigger a full UI update
      updateUIForFocusedDownload(focusedDownloadKey || targetOriginalPath, true); 

      debugLog("[UndoRename] Rename undone successfully.");
      return true;

  } catch (e) {
      debugLog("[UndoRename] Error during undo rename process:", e);
      // Update status to show error?
      if (masterTooltipDOMElement && focusedDownloadKey === keyOfAIRenamedFile) {
           const statusEl = masterTooltipDOMElement.querySelector(".card-status");
           if (statusEl) {
              statusEl.textContent = "Undo rename failed";
              statusEl.style.color = "#ff6b6b";
           }
      }
      return false;
  }
}

// --- NEW: Downloads button hover logic ---
function onDownloadsButtonHover() {
  downloadsButtonHovered = true;
  debugLog('[DownloadsButtonHover] HOVERED: #downloads-button mouseenter', null, 'general');
  debugLog(`[DownloadsButtonHover] autohiddenPodsData before restore: size=${autohiddenPodsData.size}`, Array.from(autohiddenPodsData.keys()), 'general');
  debugLog(`[DownloadsButtonHover] activeDownloadCards before restore: size=${activeDownloadCards.size}`, Array.from(activeDownloadCards.keys()), 'general');
  // Restore autohidden pods
  let restored = 0;
  // Create a temporary list of keys to restore to avoid modifying map during iteration
  const keysToRestore = Array.from(autohiddenPodsData.keys());
  
  debugLog('[DownloadsButtonHover] Keys to attempt to restore:', keysToRestore);

  for (const key of keysToRestore) { // Iterate over the temporary list
    const cardData = autohiddenPodsData.get(key);
    if (!cardData) {
      debugLog(`[DownloadsButtonHover] No cardData found in autohiddenPodsData for key: ${key}. Skipping restoration.`);
      continue; // Should not happen if key is from map, but safety check
    }
    
    debugLog(`[DownloadsButtonHover] Processing autohidden pod for restoration: ${key}. Already active? ${activeDownloadCards.has(key)}`, { cardData });
    
    if (!activeDownloadCards.has(key)) {
      debugLog(`[DownloadsButtonHover] Restoring pod (not active): ${key}`);
      
      // When restoring, we should try to find the download object again if possible,
      // and ensure we aren't just cloning old state.
      // For now, we'll continue using throttledCreateOrUpdateCard but need to ensure it handles this correctly.
      throttledCreateOrUpdateCard(cardData.download, true); // isNewCardOnInit = true for restoration
      
      // --- NEW: Remove from autohiddenPodsData immediately after restoration attempt ---
      autohiddenPodsData.delete(key);
      debugLog(`[DownloadsButtonHover] Removed ${key} from autohiddenPodsData after restoration attempt. New size: ${autohiddenPodsData.size}`);

      // After restoration attempt, update interaction time and schedule autohide
      // Use setTimeout to ensure the card is added to activeDownloadCards first
      setTimeout(() => {
        const restoredCard = activeDownloadCards.get(key); // Use the key directly
        if (restoredCard) {
          restoredCard.lastInteractionTime = Date.now();
          scheduleCardRemoval(key); // Schedule removal using the correct key
          // --- Force UI update for restored pod --- 
          // updateUIForFocusedDownload(key, true); // This is called by throttledCreateOrUpdateCard if it's the focused item.
          debugLog(`[DownloadsButtonHover] Post-restoration update for ${key}: interaction time set, scheduled removal.`);
        } else {
             debugLog(`[DownloadsButtonHover] Post-restoration update failed: restored card not found for key ${key}`);
        }
      }, 0); 
      restored++;
    }
    // If the card IS already active, we do nothing in this loop - it remains in autohiddenPodsData until unhover.
  }
  
  debugLog(`[DownloadsButtonHover] Restoration loop finished. Restored ${restored} pods.`, null, 'general');
  
  // Cancel all autohide timeouts for *active* pods (including newly restored ones)
  // Items that were NOT restored (because they were already active) also have their timeouts cleared here.
  activeDownloadCards.forEach((cardData, key) => { // Iterate over active cards map
    if (cardData.autohideTimeoutId) {
      debugLog(`[DownloadsButtonHover] Clearing autohide timeout for active card: ${key}`);
      clearTimeout(cardData.autohideTimeoutId);
      cardData.autohideTimeoutId = null;
    }
  });
  // After clearing timeouts, reschedule them on unhover.
}

function onDownloadsButtonUnhover() {
  downloadsButtonHovered = false;
  debugLog('[DownloadsButtonHover] UNHOVERED: #downloads-button mouseleave', null, 'general');
  
  // --- NEW: Move items from autohiddenPodsData back to activeDownloadCards on unhover ---
  // Only if they were NOT restored during hover (because they were already active)
  // NOTE: This logic might be unnecessary now that we delete from autohiddenPodsData on successful restore.
  // Let's stick to the simpler logic for now: items only go to autohiddenPodsData on autohide.
  // On hover, items NOT in active are restored and removed from autohiddenPodsData.
  // On unhover, we just reschedule timeouts for all active items.
  
  // Previous logic: move all items from autohiddenPodsData back to activeDownloadCards is incorrect.
  // Items that were in autohiddenPodsData and NOT restored during hover should potentially stay hidden or be handled differently.
  // For the current requirement (restore on hover), we should only keep items in autohiddenPodsData that were autohidden.
  // When restored, they are moved back to activeDownloadCards conceptually (by being added if missing) and visually (by being made visible via layout).
  // Removing them from autohiddenPodsData on successful restore prevents re-restoration.
  
  // The autohiddenPodsData map should be cleared on unhover IF all pods are gone/dismissed?
  // No, it should retain autohidden items until they are restored by hover.
  
  // Let's reconsider the flow:
  // 1. Pod completes -> autohides -> added to autohiddenPodsData, removed from activeDownloadCards.
  // 2. Hover -> iterate autohiddenPodsData. If key NOT in activeDownloadCards -> call createOrUpdate, add to activeDownloadCards, REMOVE from autohiddenPodsData.
  // 3. Unhover -> iterate activeDownloadCards, schedule autohide for eligible items. Items remaining in autohiddenPodsData stay there, waiting for next hover.
  
  // This loop correctly handles scheduling for active cards after unhover.
  activeDownloadCards.forEach((cardData, key) => {
    // Only schedule autohide for completed/errored/canceled (non-user-canceled) downloads
    const download = cardData.download;
    if ((download.succeeded || download.error || (download.canceled && !cardData.userCanceled)) && !cardData.isBeingRemoved) {
        scheduleCardRemoval(key);
    } else {
        debugLog(`[DownloadsButtonUnhover] Skipping autohide reschedule for ${key}. State: succeeded=${download.succeeded}, error=${!!download.error}, canceled=${download.canceled}, userCanceled=${cardData.userCanceled}, isBeingRemoved=${cardData.isBeingRemoved}`);
    }
  });
}

function setupDownloadsButtonHoverListeners() {
  // Wait for DOM and try to find the button
  const tryAttach = () => {
    const downloadsButton = document.getElementById('downloads-button');
    if (downloadsButton) {
      downloadsButton.addEventListener('mouseenter', onDownloadsButtonHover);
      downloadsButton.addEventListener('mouseleave', onDownloadsButtonUnhover);
      debugLog('[DownloadsButtonHover] Listeners attached to #downloads-button');
      return true;
    }
    return false;
  };
  if (!tryAttach()) {
    // Retry a few times if not found
    let attempts = 0;
    const interval = setInterval(() => {
      if (tryAttach() || ++attempts > 10) clearInterval(interval);
    }, 500);
  }
}

function getUniqueFilenameInDirectory(directory, baseName, extension) {
  let counter = 0;
  let candidateName = baseName + extension;
  let candidatePath = directory + PATH_SEPARATOR + candidateName;
  while (true) {
    try {
      const file = Cc["@mozilla.org/file/local;1"].createInstance(Ci.nsIFile);
      file.initWithPath(candidatePath);
      if (!file.exists()) break;
    } catch (e) {
      break; // If error, assume file doesn't exist
    }
    counter++;
    candidateName = `${baseName}-${counter}${extension}`;
    candidatePath = directory + PATH_SEPARATOR + candidateName;
  }
  return candidateName;
}

})(); 

[12th-devs]

@Zylaah okay! Is there a gist, or is the code still just for you right now?

[Zylaah]

@Anoms12 Just for me right now but I can add it to tidy-downloads. I had to expose a few variables from tidy-downloads to use them as API to be able to interact with it so I can create a PR with both

[12th-devs]

@Zylaah sounds good! Thank you so much!

[ferrocyante]

Screen.Recording.2025-06-02.145244.mp4
maybe this shows a bit better

@Zylaah please says downloaded item cards are drag and droppable 😭

[12th-devs]

@ferrocyante not yet... We are working on it @ this PR

[12th-devs]

I think I'm cooking here, even if it just went in the oven

@Zylaah

[12th-devs]

@CosmoCreeper yeah, I'll keep you posted! No problem, sorry I won't be around to test this weekend.

[12th-devs]

@CosmoCreeper I would love if you could show me how to do userContent live updating. https://github.com/Anoms12/Booster

[CosmoCreeper]

@Anoms12 kind of busy now. You are referring to mods, not userContent right?

EDIT: will you be available in the next couple of hrs?

[12th-devs]

@CosmoCreeper yeah, free for awhile.

[CosmoCreeper]

@Anoms12 You will need to use a method like this:

gZenMods.triggerModsUpdate();

That should do it but you will also need to ensure that you edit a mod's chrome.css file for actual changes to be made.
EDIT: This will only work in latest version and older versions need a different method.

[12th-devs]

@Zylaah I'm away from home until tmrw but I appreciate everything you are doing. Let me know if I need to do anything when I return. You can dm me on discord if you'd like when I return.

[12th-devs]

@Zylaah okay, do you have any other issues?

[Zylaah]

@12th-devs Well I remember I think if I created a tab group manually I couldn't add a name to it.
I could install it again and run some tests if you want.

[12th-devs]

@Zylaah that would be great if you have time and don't mind, I appreciate it man

[Zylaah]

@12th-devs From what I've seen right now, dragging works, converting to folder works as well, changing icon too.
I have no issue with CTRL + T for new tab.
I noticed that if I right click a tab without having selected it and try to add it to a group, I can't name the group. But if the tab is selected before I add it to a group, I can name it. Also, if after naming my group I click outside instead of pressing enter to validate, the name disappears and I have to click the rename option to get the focus back in the name input.
And doing a split view with a tab inside a group and one outside breaks the browser.

[12th-devs]

@Zylaah okay thank you