= ({
return (
) : (
-
+
)}
{/* OCR processing indicator overlay */}
{isOcrProcessing && (
diff --git a/src/lib/stores/ui-store.ts b/src/lib/stores/ui-store.ts
index b1c116fb..61915e12 100644
--- a/src/lib/stores/ui-store.ts
+++ b/src/lib/stores/ui-store.ts
@@ -50,7 +50,7 @@ interface UIState {
itemScrollLocked: Map;
// Reply selection state
- replySelections: Array<{ text: string; messageContext?: string; userPrompt?: string }>;
+ replySelections: Array<{ text: string; messageContext?: string; userPrompt?: string; title?: string }>;
// BlockNote text selection state
blockNoteSelection: { cardId: string; cardName: string; text: string } | null;
@@ -124,7 +124,7 @@ interface UIState {
toggleItemScrollLocked: (itemId: string) => void;
// Actions - Reply selection
- addReplySelection: (selection: { text: string; messageContext?: string; userPrompt?: string }) => void;
+ addReplySelection: (selection: { text: string; messageContext?: string; userPrompt?: string; title?: string }) => void;
removeReplySelection: (index: number) => void;
clearReplySelections: () => void;
diff --git a/src/lib/youtube.ts b/src/lib/youtube.ts
index a3b11b65..22c800ce 100644
--- a/src/lib/youtube.ts
+++ b/src/lib/youtube.ts
@@ -1,5 +1,33 @@
import { logger } from "@/lib/utils/logger";
+/**
+ * Parse ISO 8601 duration (PT1H2M30S, PT15M33S, PT30S) to human-readable format.
+ */
+function parseDuration(isoDuration: string): string {
+ const match = isoDuration.match(/PT(?:(\d+)H)?(?:(\d+)M)?(?:(\d+)S)?/);
+ if (!match) return "";
+ const hours = parseInt(match[1] ?? "0", 10);
+ const minutes = parseInt(match[2] ?? "0", 10);
+ const seconds = parseInt(match[3] ?? "0", 10);
+ const parts: string[] = [];
+ if (hours > 0) parts.push(hours.toString());
+ parts.push(minutes.toString().padStart(hours > 0 ? 2 : 1, "0"));
+ parts.push(seconds.toString().padStart(2, "0"));
+ return parts.join(":");
+}
+
+/**
+ * Format view count to compact string (e.g. 1234567 -> "1.2M").
+ */
+function formatViewCount(count: string): string {
+ const n = parseInt(count, 10);
+ if (isNaN(n)) return "";
+ if (n >= 1_000_000_000) return `${(n / 1_000_000_000).toFixed(1)}B`;
+ if (n >= 1_000_000) return `${(n / 1_000_000).toFixed(1)}M`;
+ if (n >= 1_000) return `${(n / 1_000).toFixed(1)}K`;
+ return n.toString();
+}
+
interface YouTubeSearchResult {
id: {
videoId: string;
@@ -26,6 +54,14 @@ interface YouTubeSearchResponse {
};
}
+interface YouTubeVideosListResponse {
+ items?: Array<{
+ id: string;
+ contentDetails?: { duration?: string };
+ statistics?: { viewCount?: string };
+ }>;
+}
+
export interface VideoResult {
id: string;
title: string;
@@ -34,6 +70,10 @@ export interface VideoResult {
thumbnailUrl: string;
publishedAt: string;
url: string;
+ /** Human-readable duration (e.g. "12:34", "1:23:45") */
+ duration?: string;
+ /** View count as formatted string (e.g. "1.2M views") */
+ viewCount?: string;
}
/**
@@ -75,7 +115,7 @@ export async function searchVideos(query: string, maxResults = 5): Promise