src/background/service-worker.ts

@@ -67,9 +67,6 @@ async function fetchVideoDetails(
             : null,
           publishedAt: item.snippet?.publishedAt?.slice(0, 10) ?? null,
           category: CATEGORY_MAP[item.snippet?.categoryId] ?? null,
-          likeCount: item.statistics?.likeCount
-            ? parseInt(item.statistics.likeCount, 10)
-            : null,
         }));
 
         browser.tabs.sendMessage(tabId, {

src/content/extractor.ts

@@ -180,7 +180,6 @@ function parseVideo(renderer: any): PlaylistVideo | null {
     category: null,
     addedBy: null,
     voteCount: null,
-    likeCount: null,
   };
 }
 

src/content/index.ts

@@ -37,7 +37,6 @@ function mapRawVideo(v: any): PlaylistVideo {
     category: v.category ?? null,
     addedBy: v.addedBy ?? null,
     voteCount: v.voteCount ?? null,
-    likeCount: v.likeCount ?? null,
   } satisfies PlaylistVideo;
 }
 

src/content/ui/i18n.ts

@@ -6,7 +6,6 @@ type MessageKey =
   | "colViews"
   | "colPublished"
   | "colCategory"
-  | "colLikes"
   | "colAddedBy"
   | "colVotes"
   | "filterTitle"
@@ -24,14 +23,7 @@ type MessageKey =
   | "statsDuration"
   | "statsChannels"
   | "statsPlayable"
-  | "statsTotalViews"
+  | "statsTotalViews";
-  | "statsDetail"
-  | "statsDetailChannelRank"
-  | "statsDetailAddedByRank"
-  | "statsDetailCategoryBreak"
-  | "statsDetailDurationAvg"
-  | "statsDetailDurationMedian"
-  | "statsDetailVideos";
 
 const messages: Record<string, Record<MessageKey, string>> = {
   ja: {
@@ -42,7 +34,6 @@ const messages: Record<string, Record<MessageKey, string>> = {
     colViews: "再生数",
     colPublished: "公開日",
     colCategory: "カテゴリ",
-    colLikes: "高評価",
     colAddedBy: "追加者",
     colVotes: "投票",
     filterTitle: "タイトル検索...",
@@ -52,7 +43,7 @@ const messages: Record<string, Record<MessageKey, string>> = {
     badgeLive: "ライブ",
     headerVideos: "本の動画",
     headerLoading: "読み込み中…",
-    fetchViews: "全件詳細を取得",
+    fetchViews: "再生数を取得",
     fetchViewsProgress: "取得中…",
     fetchViewsDone: "取得完了",
     colSettings: "表示",
@@ -61,13 +52,6 @@ const messages: Record<string, Record<MessageKey, string>> = {
     statsChannels: "チャンネル",
     statsPlayable: "再生可能",
     statsTotalViews: "総再生数",
-    statsDetail: "詳細",
-    statsDetailChannelRank: "チャンネル別",
-    statsDetailAddedByRank: "追加者別",
-    statsDetailCategoryBreak: "カテゴリ別",
-    statsDetailDurationAvg: "平均再生時間",
-    statsDetailDurationMedian: "中央値",
-    statsDetailVideos: "本",
   },
   en: {
     colIndex: "#",
@@ -77,7 +61,6 @@ const messages: Record<string, Record<MessageKey, string>> = {
     colViews: "Views",
     colPublished: "Published",
     colCategory: "Category",
-    colLikes: "Likes",
     colAddedBy: "Added by",
     colVotes: "Votes",
     filterTitle: "Search title...",
@@ -87,7 +70,7 @@ const messages: Record<string, Record<MessageKey, string>> = {
     badgeLive: "LIVE",
     headerVideos: "videos",
     headerLoading: "loading…",
-    fetchViews: "Fetch all details",
+    fetchViews: "Fetch views",
     fetchViewsProgress: "Fetching…",
     fetchViewsDone: "Done",
     colSettings: "View",
@@ -96,13 +79,6 @@ const messages: Record<string, Record<MessageKey, string>> = {
     statsChannels: "Channels",
     statsPlayable: "Playable",
     statsTotalViews: "Total views",
-    statsDetail: "Details",
-    statsDetailChannelRank: "By channel",
-    statsDetailAddedByRank: "By contributor",
-    statsDetailCategoryBreak: "By category",
-    statsDetailDurationAvg: "Avg. duration",
-    statsDetailDurationMedian: "Median",
-    statsDetailVideos: "videos",
   },
 };
 

src/content/ui/styles.ts

@@ -85,172 +85,10 @@ html[dark] .ytpf-stat-value {
   color: #f1f1f1;
 }
 
-.ytpf-stats-detail-btn {
-  padding: 2px 8px;
-  border: 1px solid var(--yt-spec-10-percent-layer, rgba(0,0,0,0.2));
-  border-radius: 12px;
-  background: transparent;
-  color: var(--yt-spec-text-secondary, #606060);
-  font-size: 11px;
-  font-family: "Roboto", "Arial", sans-serif;
-  cursor: pointer;
-  white-space: nowrap;
-}
-
-html[dark] .ytpf-stats-detail-btn {
-  border-color: rgba(255,255,255,0.2);
-  color: #aaa;
-}
-
-.ytpf-stats-detail-btn:hover {
-  background: var(--yt-spec-badge-chip-background, #f2f2f2);
-}
-
-html[dark] .ytpf-stats-detail-btn:hover {
-  background: #3e3e3e;
-}
-
 .ytpf-stats-spacer {
   flex: 1;
 }
 
-.ytpf-detail-popup {
-  position: fixed;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  background: #fff;
-  border: 1px solid rgba(0,0,0,0.1);
-  border-radius: 12px;
-  padding: 20px 24px;
-  min-width: 360px;
-  max-width: 560px;
-  max-height: 70vh;
-  overflow-y: auto;
-  z-index: 3000;
-  box-shadow: 0 8px 24px rgba(0,0,0,0.2);
-  font-family: "Roboto", "Arial", sans-serif;
-  font-size: 13px;
-  color: var(--yt-spec-text-primary, #0f0f0f);
-}
-
-html[dark] .ytpf-detail-popup {
-  background: #212121;
-  border-color: rgba(255,255,255,0.1);
-  box-shadow: 0 8px 24px rgba(0,0,0,0.5);
-  color: #f1f1f1;
-}
-
-.ytpf-detail-popup-backdrop {
-  position: fixed;
-  inset: 0;
-  background: rgba(0,0,0,0.4);
-  z-index: 2999;
-}
-
-.ytpf-detail-popup h3 {
-  font-size: 15px;
-  font-weight: 500;
-  margin: 0 0 16px;
-}
-
-.ytpf-detail-section {
-  margin-bottom: 16px;
-}
-
-.ytpf-detail-section:last-child {
-  margin-bottom: 0;
-}
-
-.ytpf-detail-section-title {
-  font-size: 12px;
-  font-weight: 500;
-  color: var(--yt-spec-text-secondary, #606060);
-  text-transform: uppercase;
-  letter-spacing: 0.5px;
-  margin-bottom: 6px;
-}
-
-html[dark] .ytpf-detail-section-title {
-  color: #aaa;
-}
-
-.ytpf-detail-bar-row {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  margin-bottom: 3px;
-  font-size: 12px;
-}
-
-.ytpf-detail-bar-label {
-  width: 140px;
-  flex-shrink: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.ytpf-detail-bar-track {
-  flex: 1;
-  height: 14px;
-  background: var(--yt-spec-10-percent-layer, rgba(0,0,0,0.06));
-  border-radius: 3px;
-  overflow: hidden;
-}
-
-html[dark] .ytpf-detail-bar-track {
-  background: rgba(255,255,255,0.08);
-}
-
-.ytpf-detail-bar-fill {
-  height: 100%;
-  border-radius: 3px;
-  background: var(--yt-spec-call-to-action, #065fd4);
-  opacity: 0.7;
-}
-
-html[dark] .ytpf-detail-bar-fill {
-  background: #3ea6ff;
-}
-
-.ytpf-detail-bar-count {
-  width: 48px;
-  flex-shrink: 0;
-  text-align: right;
-  font-family: "Roboto Mono", monospace;
-  font-size: 11px;
-  color: var(--yt-spec-text-secondary, #606060);
-}
-
-html[dark] .ytpf-detail-bar-count {
-  color: #aaa;
-}
-
-.ytpf-detail-kv {
-  display: flex;
-  gap: 12px;
-  flex-wrap: wrap;
-  font-size: 12px;
-}
-
-.ytpf-detail-kv-item {
-  color: var(--yt-spec-text-secondary, #606060);
-}
-
-html[dark] .ytpf-detail-kv-item {
-  color: #aaa;
-}
-
-.ytpf-detail-kv-value {
-  font-family: "Roboto Mono", monospace;
-  color: var(--yt-spec-text-primary, #0f0f0f);
-}
-
-html[dark] .ytpf-detail-kv-value {
-  color: #f1f1f1;
-}
-
 .ytpf-filters {
   display: flex;
   align-items: flex-start;
@@ -513,7 +351,6 @@ html[dark] .ytpf-tr:hover {
 .ytpf-col-views { width: 120px; text-align: right; font-family: "Roboto Mono", monospace; }
 .ytpf-col-published { width: 110px; font-family: "Roboto Mono", monospace; }
 .ytpf-col-category { width: 120px; }
-.ytpf-col-likes { width: 90px; text-align: right; font-family: "Roboto Mono", monospace; }
 .ytpf-col-addedby { width: 140px; }
 .ytpf-col-votes { width: 60px; text-align: center; font-family: "Roboto Mono", monospace; }
 

src/content/ui/table-renderer.ts

@@ -3,7 +3,7 @@ import type { PlaylistData, PlaylistVideo, DetailUpdate } from "../../types/play
 import type { Message } from "../../shared/messages";
 import { t } from "./i18n";
 
-type SortKey = "index" | "title" | "channel" | "duration" | "views" | "likes" | "published" | "category" | "addedBy" | "votes";
+type SortKey = "index" | "title" | "channel" | "duration" | "views" | "published" | "category" | "addedBy" | "votes";
 type SortDir = "asc" | "desc";
 
 interface Column {
@@ -22,7 +22,6 @@ function getAllColumns(hasDetails: boolean): Column[] {
     { label: t("colChannel"), cls: "ytpf-col-channel", key: "channel", defaultWidth: 20 },
     { label: t("colDuration"), cls: "ytpf-col-duration", key: "duration", defaultWidth: 8 },
     { label: t("colViews"), cls: "ytpf-col-views", key: "views", defaultWidth: 12 },
-    { label: t("colLikes"), cls: "ytpf-col-likes", key: "likes", detail: true, defaultWidth: 9 },
     { label: t("colPublished"), cls: "ytpf-col-published", key: "published", detail: true, defaultWidth: 10 },
     { label: t("colCategory"), cls: "ytpf-col-category", key: "category", detail: true, defaultWidth: 10 },
     { label: t("colAddedBy"), cls: "ytpf-col-addedby", key: "addedBy", collab: true, defaultWidth: 14 },
@@ -273,8 +272,6 @@ function compareFn(key: SortKey, dir: SortDir) {
         return ((a.durationSeconds ?? -1) - (b.durationSeconds ?? -1)) * m;
       case "views":
         return (parseViewCount(a.viewCountText) - parseViewCount(b.viewCountText)) * m;
-      case "likes":
-        return ((a.likeCount ?? -1) - (b.likeCount ?? -1)) * m;
       case "published":
         return (a.publishedAt ?? "").localeCompare(b.publishedAt ?? "") * m;
       case "category":
@@ -328,9 +325,6 @@ function buildCell(video: PlaylistVideo, col: Column, playlistId: string): HTMLT
     case "views":
       td.textContent = video.viewCountText ?? "--";
       break;
-    case "likes":
-      td.textContent = video.likeCount != null ? video.likeCount.toLocaleString() : "--";
-      break;
     case "published":
       td.textContent = video.publishedAt ?? "--";
       break;
@@ -545,154 +539,6 @@ export function renderPlaylistTable(data: PlaylistData, columnPrefs: ColumnPrefs
     }
   }
 
-  // Stats detail button + popup
-  const detailBtn = document.createElement("button");
-  detailBtn.className = "ytpf-stats-detail-btn";
-  detailBtn.textContent = t("statsDetail");
-
-  function countBy<T>(arr: T[], keyFn: (item: T) => string | null): [string, number][] {
-    const map = new Map<string, number>();
-    for (const item of arr) {
-      const key = keyFn(item);
-      if (key != null) map.set(key, (map.get(key) ?? 0) + 1);
-    }
-    return [...map.entries()].sort((a, b) => b[1] - a[1]);
-  }
-
-  function buildDetailPopup(): { backdrop: HTMLElement; popup: HTMLElement } {
-    const backdrop = document.createElement("div");
-    backdrop.className = "ytpf-detail-popup-backdrop";
-
-    const popup = document.createElement("div");
-    popup.className = "ytpf-detail-popup";
-
-    const title = document.createElement("h3");
-    title.textContent = `${data.metadata.title} — ${t("statsDetail")}`;
-    popup.appendChild(title);
-
-    // Duration stats
-    const durations = videos
-      .map((v) => v.durationSeconds)
-      .filter((d): d is number => d != null && d > 0)
-      .sort((a, b) => a - b);
-
-    if (durations.length > 0) {
-      const avg = Math.round(durations.reduce((a, b) => a + b, 0) / durations.length);
-      const median = durations[Math.floor(durations.length / 2)];
-
-      const section = document.createElement("div");
-      section.className = "ytpf-detail-section";
-      const kv = document.createElement("div");
-      kv.className = "ytpf-detail-kv";
-
-      function addKV(label: string, value: string) {
-        const item = document.createElement("span");
-        item.className = "ytpf-detail-kv-item";
-        item.textContent = `${label}: `;
-        const val = document.createElement("span");
-        val.className = "ytpf-detail-kv-value";
-        val.textContent = value;
-        item.appendChild(val);
-        kv.appendChild(item);
-      }
-
-      addKV(t("statsDetailDurationAvg"), formatDuration(avg));
-      addKV(t("statsDetailDurationMedian"), formatDuration(median));
-      section.appendChild(kv);
-      popup.appendChild(section);
-    }
-
-    // Channel ranking
-    const channelCounts = countBy(videos, (v) => v.channel.name);
-    if (channelCounts.length > 0) {
-      popup.appendChild(buildBarSection(
-        t("statsDetailChannelRank"),
-        channelCounts.slice(0, 20),
-        channelCounts[0][1],
-      ));
-    }
-
-    // Added-by ranking (collab)
-    if (isCollab) {
-      const addedByCounts = countBy(videos, (v) => v.addedBy);
-      if (addedByCounts.length > 0) {
-        popup.appendChild(buildBarSection(
-          t("statsDetailAddedByRank"),
-          addedByCounts,
-          addedByCounts[0][1],
-        ));
-      }
-    }
-
-    // Category breakdown (after detail fetch)
-    const categoryCounts = countBy(videos, (v) => v.category);
-    if (categoryCounts.length > 0) {
-      popup.appendChild(buildBarSection(
-        t("statsDetailCategoryBreak"),
-        categoryCounts,
-        categoryCounts[0][1],
-      ));
-    }
-
-    return { backdrop, popup };
-  }
-
-  function buildBarSection(title: string, entries: [string, number][], maxCount: number): HTMLElement {
-    const section = document.createElement("div");
-    section.className = "ytpf-detail-section";
-
-    const heading = document.createElement("div");
-    heading.className = "ytpf-detail-section-title";
-    heading.textContent = title;
-    section.appendChild(heading);
-
-    for (const [name, count] of entries) {
-      const row = document.createElement("div");
-      row.className = "ytpf-detail-bar-row";
-
-      const label = document.createElement("span");
-      label.className = "ytpf-detail-bar-label";
-      label.textContent = name;
-      label.title = name;
-
-      const track = document.createElement("div");
-      track.className = "ytpf-detail-bar-track";
-      const fill = document.createElement("div");
-      fill.className = "ytpf-detail-bar-fill";
-      fill.style.width = `${(count / maxCount) * 100}%`;
-      track.appendChild(fill);
-
-      const countSpan = document.createElement("span");
-      countSpan.className = "ytpf-detail-bar-count";
-      countSpan.textContent = String(count);
-
-      row.append(label, track, countSpan);
-      section.appendChild(row);
-    }
-
-    return section;
-  }
-
-  let detailPopupOpen = false;
-
-  detailBtn.addEventListener("click", (e) => {
-    e.stopPropagation();
-    if (detailPopupOpen) return;
-    detailPopupOpen = true;
-
-    const { backdrop, popup } = buildDetailPopup();
-
-    function close() {
-      backdrop.remove();
-      popup.remove();
-      detailPopupOpen = false;
-    }
-
-    backdrop.addEventListener("click", close);
-    document.body.appendChild(backdrop);
-    document.body.appendChild(popup);
-  });
-
   const statsSpacer = document.createElement("span");
   statsSpacer.className = "ytpf-stats-spacer";
 
@@ -715,7 +561,7 @@ export function renderPlaylistTable(data: PlaylistData, columnPrefs: ColumnPrefs
     } satisfies Message);
   });
 
-  statsBar.append(statDuration, statChannels, statPlayable, statTotalViews, detailBtn, statsSpacer, fetchBtn);
+  statsBar.append(statDuration, statChannels, statPlayable, statTotalViews, statsSpacer, fetchBtn);
   wrapper.appendChild(statsBar);
 
   // Filter bar
@@ -976,7 +822,6 @@ export function renderPlaylistTable(data: PlaylistData, columnPrefs: ColumnPrefs
         v.viewCountText = u.viewCountText ?? v.viewCountText;
         v.publishedAt = u.publishedAt;
         v.category = u.category;
-        v.likeCount = u.likeCount ?? v.likeCount;
       }
     }
 

src/types/playlist.ts

@@ -31,8 +31,6 @@ export interface PlaylistVideo {
   addedBy: string | null;
   /** Vote count / approvals (collaborative playlists only) */
   voteCount: number | null;
-  /** Like count from Data API */
-  likeCount: number | null;
 }
 
 export interface PlaylistMetadata {
@@ -57,7 +55,6 @@ export interface DetailUpdate {
   viewCountText: string | null;
   publishedAt: string | null;
   category: string | null;
-  likeCount: number | null;
 }
 
 export interface PlaylistData {