请教大佬们一个 chrome 侧边栏插件的开发问题，已经卡好几天了，问了 ai 也没解决

如题，比如

1. 我先打开 A 页面，此时没有侧边栏，在 A 页面打开了侧边栏，展示了内容 A ，
2. 新打开一个 B 页面，此时 B 页面的侧边栏也是关闭的，需要再次点击图标才能打开侧边栏，展示内容 B ，
3. 切回 A 页面，侧边栏展示 A 内容，
4. 切回 B 页面，侧边栏展示 B 内容，

以此类推，各个侧边栏跟页面绑定，相互独立，不会相互干扰

其实就是类似 kimi 插件那种效果

默认情况下，一旦打开侧边栏，这个侧边栏在所有页面共享，即在 A 页面打开，B 页面也是打开的状态，A 页面和 B 页面看到的侧边栏内容一样

目前的方案是，通过监听当前页的 tab 是否有变化，来解决 AB 页面看到一样内容的问题，但是每次切换页面又都会重新刷新一下

然后每次打开侧边栏，记录页面 tab 的侧边栏是否是打开的，再在 background 里，监听页面 tab 是否有切换，来判断要不要先关闭侧边栏，再允许打开，就很挫，下面是伪代码

这种方案有时会在切换页面时闪一下，甚至会导致侧边栏无法打开，得先切换一下页面才可以

chrome.tabs.onActivated.addListener(activeInfo => {
    const tabId = activeInfo.tabId
    chrome.tabs.get(activeInfo.tabId, tab => {
        // 省略 isOpen 获取，根据 tabId 在 storage 里查出当前 tab 是否手动打开了侧边栏
        if (isOpen === "true") {
            // 已打开就保持打开
            chrome.sidePanel.setOptions({
                tabId,
                path: 'sidepanel.html',
                enabled: true
            });
        } else {
            // 未手动打开的，先关闭，再设置允许打开
            chrome.sidePanel.setOptions({
                enabled: false
            });
            chrome.sidePanel.setOptions({
                tabId,
                path: 'sidepanel.html',
                enabled: true
            });
        }
    })
})

是用 plasmo + react 开发的（前端半吊子是半吊子水平，之前一直写后端），翻遍了 chrome extension 的 API 文档 + 问 chatgpt 也没得到有效的解决方案

实在没什么方向了，想看看有没有大佬能指点一下，或者有没有类似效果的开源仓库可以参考一下