refactor(timeline): update historical naming

Author: Nagi-ovo

public/contentStyle.css

@@ -1,4 +1,4 @@
-/* ChatGPT-like timeline styling with CSS variables and theme awareness */
+/* Gemini-like timeline styling with CSS variables and theme awareness */
 :root {
   --timeline-dot-color: #cbd5e1;
   --timeline-dot-active-color: #3b82f6;
@@ -39,17 +39,17 @@
   }
 }
 /* Gemini theme hosts */
-.theme-host.dark-theme .chatgpt-timeline-bar:not(.timeline-no-container) {
+.theme-host.dark-theme .gemini-timeline-bar:not(.timeline-no-container) {
   background-color: rgba(2, 6, 23, 0.72);
   backdrop-filter: blur(4px);
   -webkit-backdrop-filter: blur(4px);
 }
-.theme-host.light-theme .chatgpt-timeline-bar:not(.timeline-no-container) {
+.theme-host.light-theme .gemini-timeline-bar:not(.timeline-no-container) {
   background-color: rgba(248, 250, 252, 0.85);
   backdrop-filter: blur(4px);
   -webkit-backdrop-filter: blur(4px);
 }
-.chatgpt-timeline-bar {
+.gemini-timeline-bar {
   position: fixed;
   top: 60px;
   right: 15px;
@@ -288,7 +288,7 @@ html.dark .timeline-left-slider::before {
 .timeline-runner-ring {
   will-change: top, opacity;
 }
-.chatgpt-timeline-bar.timeline-no-container {
+.gemini-timeline-bar.timeline-no-container {
   background-color: transparent !important;
   backdrop-filter: none !important;
   -webkit-backdrop-filter: none !important;

src/pages/content/timeline/index.ts

@@ -19,13 +19,13 @@ function initializeTimeline(): void {
     timelineManagerInstance = null;
   }
   try {
-    document.querySelector('.chatgpt-timeline-bar')?.remove();
+    document.querySelector('.gemini-timeline-bar')?.remove();
   } catch {}
   try {
     document.querySelector('.timeline-left-slider')?.remove();
   } catch {}
   try {
-    document.getElementById('chatgpt-timeline-tooltip')?.remove();
+    document.getElementById('gemini-timeline-tooltip')?.remove();
   } catch {}
   timelineManagerInstance = new TimelineManager();
   timelineManagerInstance
@@ -45,13 +45,13 @@ function handleUrlChange(): void {
       timelineManagerInstance = null;
     }
     try {
-      document.querySelector('.chatgpt-timeline-bar')?.remove();
+      document.querySelector('.gemini-timeline-bar')?.remove();
     } catch {}
     try {
       document.querySelector('.timeline-left-slider')?.remove();
     } catch {}
     try {
-      document.getElementById('chatgpt-timeline-tooltip')?.remove();
+      document.getElementById('gemini-timeline-tooltip')?.remove();
     } catch {}
   }
 }

src/pages/content/timeline/manager.ts

@@ -285,10 +285,10 @@ export class TimelineManager {
   }
 
   private injectTimelineUI(): void {
-    let bar = document.querySelector('.chatgpt-timeline-bar') as HTMLElement | null;
+    let bar = document.querySelector('.gemini-timeline-bar') as HTMLElement | null;
     if (!bar) {
       bar = document.createElement('div');
-      bar.className = 'chatgpt-timeline-bar';
+      bar.className = 'gemini-timeline-bar';
       document.body.appendChild(bar);
     }
     this.ui.timelineBar = bar;
@@ -322,7 +322,7 @@ export class TimelineManager {
     if (!this.ui.tooltip) {
       const tip = document.createElement('div');
       tip.className = 'timeline-tooltip';
-      tip.id = 'chatgpt-timeline-tooltip';
+      tip.id = 'gemini-timeline-tooltip';
       document.body.appendChild(tip);
       this.ui.tooltip = tip;
       if (!this.measureEl) {
@@ -765,7 +765,7 @@ export class TimelineManager {
 
     this.onStorage = (e: StorageEvent) => {
       if (!e || e.storageArea !== localStorage) return;
-      const expectedKey = `chatgptTimelineStars:${this.conversationId}`;
+      const expectedKey = `geminiTimelineStars:${this.conversationId}`;
       if (e.key !== expectedKey) return;
       let nextArr: string[] = [];
       try {
@@ -1270,7 +1270,7 @@ export class TimelineManager {
         dot.dataset.targetTurnId = marker.id;
         dot.setAttribute('aria-label', marker.summary);
         dot.setAttribute('tabindex', '0');
-        dot.setAttribute('aria-describedby', 'chatgpt-timeline-tooltip');
+        dot.setAttribute('aria-describedby', 'gemini-timeline-tooltip');
         dot.style.setProperty('--n', String(marker.n || 0));
         if (this.usePixelTop) dot.style.top = `${Math.round(this.yPositions[i])}px`;
         dot.classList.toggle('active', marker.id === this.activeTurnId);
@@ -1408,7 +1408,7 @@ export class TimelineManager {
     const cid = this.conversationId;
     if (!cid) return;
     try {
-      localStorage.setItem(`chatgptTimelineStars:${cid}`, JSON.stringify(Array.from(this.starred)));
+      localStorage.setItem(`geminiTimelineStars:${cid}`, JSON.stringify(Array.from(this.starred)));
     } catch {}
   }
 
@@ -1417,7 +1417,7 @@ export class TimelineManager {
     const cid = this.conversationId;
     if (!cid) return;
     try {
-      const raw = localStorage.getItem(`chatgptTimelineStars:${cid}`);
+      const raw = localStorage.getItem(`geminiTimelineStars:${cid}`);
       if (!raw) return;
       const arr = JSON.parse(raw);
       if (Array.isArray(arr)) arr.forEach((id: any) => this.starred.add(String(id)));