Fix: Regression testing for 0.4 release.

packages/cli-dashboard/src/app.css

@@ -1,3 +1,9 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+@layer utilities {
+  .no-scrollbar::-webkit-scrollbar {
+    display: none;
+  }
+}

packages/cli-dashboard/src/components/siteReport/tabs/cookies/cookiesListing/index.tsx

@@ -256,7 +256,7 @@ const CookiesListing = ({
         title: 'Platform',
       },
       isBlocked: {
-        title: 'Cookie Accepted',
+        title: 'Cookie Affected',
         description:
           "Whether the cookie was accepted(set) in Chrome's Cookie Store",
         hasStaticFilterValues: true,
@@ -270,7 +270,7 @@ const CookiesListing = ({
         },
         comparator: (value: InfoType, filterValue: string) => {
           const val = !value;
-          return val === (filterValue === 'True');
+          return val === (filterValue === 'False');
         },
       },
     }),

packages/design-system/src/components/bulletList/listRow.tsx

@@ -40,7 +40,7 @@ const ListRow = ({ row }: Props) => {
           href={row.link}
           target="_blank"
           rel="noreferrer"
-          className="text-sm text-analytics font-medium leading-6 dark:text-medium-persian-blue"
+          className="text-sm text-bright-navy-blue dark:text-jordy-blue font-medium leading-6"
         >
           {row.title}
         </a>

packages/design-system/src/components/cookieDetails/details.tsx

@@ -98,7 +98,7 @@ const Details = ({ selectedCookie }: DetailsProps) => {
       <p className="mb-4 text-outer-space-crayola dark:text-bright-gray">
         {selectedCookie.analytics?.description || 'No description available.'}
       </p>
-      {selectedCookie.isBlocked && (
+      {selectedCookie.isBlocked && blockedReasons && (
         <>
           <p className="font-bold text-granite-gray dark:text-manatee mb-1">
             Blocked reason

packages/design-system/src/components/landingPage/quickLinksList.tsx

@@ -80,7 +80,7 @@ const QuickLinksList = () => {
               href="https://privacysandbox.com/news/"
               target="_blank"
               rel="noreferrer"
-              className="leading-6 text-sm text-analytics dark:text-medium-persian-blue font-semibold px-3 border border-american-silver dark:border-quartz rounded inline-flex gap-2 items-center"
+              className="leading-6 text-sm text-bright-navy-blue dark:text-jordy-blue font-semibold px-3 border border-american-silver dark:border-quartz rounded inline-flex gap-2 items-center"
             >
               View More <ChevronRight />
             </a>

packages/extension/src/view/devtools/app.css

@@ -1,21 +1,18 @@
 @tailwind base;
-
+@tailwind components;
+@tailwind utilities;
 @layer utilities {
-  @variants responsive {
-    /* Hide scrollbar for Chrome, Safari and Opera */
-    .no-scrollbar::-webkit-scrollbar {
-      display: none;
-    }
+  /* Hide scrollbar for Chrome, Safari and Opera */
+  .no-scrollbar::-webkit-scrollbar {
+    display: none;
   }
 }
 @layer base {
   body {
     @apply font-sans;
   }
-  :root{
+  :root {
     --color-message-box-dark: 33deg 14% 18%;
     --color-message-box-light: 30deg 100% 75%;
   }
 }
-@tailwind components;
-@tailwind utilities;

packages/extension/src/view/devtools/app.tsx

@@ -145,7 +145,7 @@ const App: React.FC = () => {
           <InspectButton
             isInspecting={isInspecting}
             setIsInspecting={setIsInspecting}
-            isTabFocused={isSidebarFocused}
+            isTabFocused={isSidebarFocused && isKeySelected('cookies')}
           />
         );
       } else {
@@ -204,6 +204,27 @@ const App: React.FC = () => {
     updateSelectedItemKey(selectedFrame || 'cookies');
   }, [selectedFrame, tabUrl, updateSelectedItemKey]);
 
+  useEffect(() => {
+    const storeChangeListener = async () => {
+      const tabId = chrome.devtools.inspectedWindow.tabId.toString();
+
+      const getTabBeingListenedTo = await chrome.storage.local.get();
+
+      if (
+        getTabBeingListenedTo &&
+        tabId.toString() !== getTabBeingListenedTo?.tabToRead
+      ) {
+        updateSelectedItemKey('cookies');
+      }
+    };
+
+    chrome.storage.onChanged.addListener(storeChangeListener);
+
+    return () => {
+      chrome.storage.onChanged.removeListener(storeChangeListener);
+    };
+  }, [updateSelectedItemKey]);
+
   const [filteredCookies, setFilteredCookies] = useState<CookieTableData[]>([]);
 
   const handleUpdate = useCallback(