fix: Not all console.error shows up in session replay play bar annotations

Author: ernestii

Diff for: packages/app/src/Playbar.tsx

@@ -75,6 +75,7 @@ export default function Playbar({
           const isError =
             event.severity_text?.toLowerCase() === 'error' ||
             event.component === 'error' ||
+            event.component === 'console' ||
             statusCode >= 399;
 
           return {

Diff for: packages/app/src/SessionSubpanel.tsx

@@ -365,7 +365,7 @@ export default function SessionSubpanel({
         offset: 0,
       },
       filters: [
-        filteredEventsFilter,
+        allEventsFilter,
         ...(where ? [{ type: whereLanguage, condition: where }] : []),
       ],
     }),
@@ -379,7 +379,7 @@ export default function SessionSubpanel({
       end,
       whereLanguage,
       searchedQuery,
-      filteredEventsFilter,
+      allEventsFilter,
       where,
     ],
   );

Diff for: packages/app/styles/PlaybarSlider.module.scss

@@ -29,6 +29,7 @@
   height: 8px;
   background-color: #333;
   border-radius: 1px;
+  opacity: 0.5;
 
   &:hover {
     opacity: 1 !important;