Add timestamp to Redirect/Summary banners with the time they happened

src/components/ChatSummary.svelte

@@ -5,6 +5,7 @@
   import Icon from 'smelte/src/components/Icon';
   import { Theme } from '../ts/chat-constants';
   import { createEventDispatcher } from 'svelte';
+  import { showTimestamps } from '../ts/storage';
 
   export let summary: Ytc.ParsedSummary;
 
@@ -55,6 +56,11 @@
             <span class="align-middle">{run.text}</span>
           {/if}
         {/each}
+        {#if summary.timestamp && $showTimestamps}
+          <span class="text-xs ml-1 text-gray-400 dark:text-gray-600 align-middle">
+            {summary.timestamp}
+          </span>
+        {/if}
       </div>
       <div class="flex-none self-end" style="transform: translateY(3px);">
         <Tooltip offsetY={0} small>

src/components/RedirectBanner.svelte

@@ -2,11 +2,11 @@
   import { slide, fade } from 'svelte/transition';
   import MessageRun from './MessageRuns.svelte';
   import Tooltip from './common/Tooltip.svelte';
+  import Button from 'smelte/src/components/Button';
   import Icon from 'smelte/src/components/Icon';
   import { Theme } from '../ts/chat-constants';
   import { createEventDispatcher } from 'svelte';
-  import { showProfileIcons } from '../ts/storage';
-  import Button from 'smelte/src/components/Button';
+  import { showProfileIcons, showTimestamps } from '../ts/storage';
 
   export let redirect: Ytc.ParsedRedirect;
 
@@ -53,6 +53,11 @@
           </Icon>
         </span>
         <span class="align-middle">Live Redirect Notice</span>
+        {#if redirect.timestamp && $showTimestamps}
+          <span class="text-xs ml-1 text-gray-400 dark:text-gray-600 align-middle">
+            {redirect.timestamp}
+          </span>
+        {/if}
       </div>
       <div class="flex-none self-end" style="transform: translateY(3px);">
         <Tooltip offsetY={0} small>

src/ts/chat-parser.ts

@@ -103,6 +103,7 @@ const parseChatSummary = (renderer: Ytc.AddChatItem, actionId: string, showtime:
       message: splitRuns[2],
     },
     showtime: showtime,
+    timestamp: formatTimestamp(Date.now() * 1000),
   };
   return item;
 }
@@ -132,6 +133,7 @@ const parseRedirectBanner = (renderer: Ytc.AddChatItem, actionId: string, showti
       }
     },
     showtime: showtime,
+    timestamp: formatTimestamp(Date.now() * 1000),
   };
   return item;
 }

src/ts/typings/ytc.d.ts

@@ -489,6 +489,7 @@ declare namespace Ytc {
       message: ParsedRun[];
     };
     showtime: number;
+    timestamp?: string;
   }
 
   interface ParsedRedirect {
@@ -503,6 +504,7 @@ declare namespace Ytc {
       }
     };
     showtime: number;
+    timestamp?: string;
   }
 
   interface ParsedPoll {