Fix: Add unknown frames in extension.

packages/common/src/utils/filterCookiesByFrame.ts

@@ -32,17 +32,39 @@ const filterCookiesByFrame = (
   frameUrl: string | null
 ) => {
   const frameFilteredCookies: { [key: string]: CookieTableData } = {};
+  if (!cookies || !frameUrl || !tabFrames || !tabFrames[frameUrl]) {
+    return Object.values(frameFilteredCookies);
+  }
+  let tabFramesIDMap: number[] = [];
+
+  Object.keys(tabFrames).forEach((url) => {
+    tabFramesIDMap = [
+      ...new Set<number>([...tabFrames[url].frameIds, ...tabFramesIDMap]),
+    ];
+  });
 
-  if (cookies && frameUrl && tabFrames && tabFrames[frameUrl]) {
+  if (tabFrames[frameUrl].frameIds?.length === 0) {
     Object.entries(cookies).forEach(([key, cookie]) => {
-      tabFrames[frameUrl].frameIds?.forEach((frameId) => {
-        if (cookie.frameIdList?.includes(frameId)) {
-          frameFilteredCookies[key] = cookie;
+      let hasFrame = false;
+      cookie.frameIdList?.forEach((frameId) => {
+        if (tabFramesIDMap.includes(frameId as number)) {
+          hasFrame = true;
         }
       });
+      if (!hasFrame && cookie.frameIdList?.length > 0) {
+        frameFilteredCookies[key] = cookie;
+      }
     });
   }
 
+  Object.entries(cookies).forEach(([key, cookie]) => {
+    tabFrames[frameUrl].frameIds?.forEach((frameId) => {
+      if (cookie.frameIdList?.includes(frameId)) {
+        frameFilteredCookies[key] = cookie;
+      }
+    });
+  });
+
   return Object.values(frameFilteredCookies);
 };
 

packages/extension/src/view/devtools/hooks/useFrameOverlay.ts

@@ -265,7 +265,12 @@ const useFrameOverlay = (
             ? filteredCookies.filter((cookie) => cookie.isFirstParty)
             : [];
           const blockedCookies = filteredCookies
-            ? filteredCookies.filter((cookie) => cookie.isBlocked)
+            ? filteredCookies.filter(
+                (cookie) =>
+                  cookie.isBlocked ||
+                  (cookie.blockedReasons?.length !== undefined &&
+                    cookie.blockedReasons?.length > 0)
+              )
             : [];
           const blockedReasons = filteredCookies
             ? filteredCookies

packages/extension/src/view/devtools/stateProviders/syncCookieStore/index.tsx

@@ -155,6 +155,7 @@ export const Provider = ({ children }: PropsWithChildren) => {
           return tabFrame;
         })
       );
+      modifiedTabFrames['Unknown Frame(s)'] = { frameIds: [] };
       setTabFrames(modifiedTabFrames);
     },
     []