botrun-horse 2.29.2 → 2.30.0

package/botrun-c/web/lib/clipboard-utils.ts

@@ -0,0 +1,199 @@
+/**
+ * Clipboard utilities for copying text with both plain text and HTML formats
+ * 剪貼簿工具函數 - 同時複製純文字和 HTML 格式
+ */
+
+import { marked } from 'marked';
+
+// Configure marked for safe HTML output
+marked.setOptions({
+  gfm: true,      // GitHub Flavored Markdown
+  breaks: true,   // Convert \n to <br>
+});
+
+/**
+ * Convert Markdown text to HTML string
+ * 將 Markdown 文字轉換為 HTML 字串
+ */
+export function markdownToHtml(markdown: string): string {
+  // marked.parse returns string | Promise<string>, but with sync option it's always string
+  const result = marked.parse(markdown, { async: false });
+  return typeof result === 'string' ? result : '';
+}
+
+/**
+ * Convert Markdown text to plain text (remove formatting symbols)
+ * 將 Markdown 文字轉換為純文字（移除格式符號）
+ */
+export function markdownToPlainText(markdown: string): string {
+  return markdown
+    // Remove code blocks (```...```)
+    .replace(/```[\s\S]*?```/g, (match) => {
+      // Extract content inside code block
+      const lines = match.split('\n');
+      // Remove first line (```lang) and last line (```)
+      return lines.slice(1, -1).join('\n');
+    })
+    // Remove inline code (`...`)
+    .replace(/`([^`]+)`/g, '$1')
+    // Remove bold (**...**) or (__...__)
+    .replace(/\*\*([^*]+)\*\*/g, '$1')
+    .replace(/__([^_]+)__/g, '$1')
+    // Remove italic (*...*) or (_..._) - careful not to match list items
+    .replace(/(?<!\*)\*([^*\n]+)\*(?!\*)/g, '$1')
+    .replace(/(?<!_)_([^_\n]+)_(?!_)/g, '$1')
+    // Remove strikethrough (~~...~~)
+    .replace(/~~([^~]+)~~/g, '$1')
+    // Remove links [text](url) -> text
+    .replace(/\[([^\]]+)\]\([^)]+\)/g, '$1')
+    // Remove images ![alt](url) -> alt
+    .replace(/!\[([^\]]*)\]\([^)]+\)/g, '$1')
+    // Remove heading markers (# ## ### etc)
+    .replace(/^#{1,6}\s+/gm, '')
+    // Remove blockquote markers (>)
+    .replace(/^>\s+/gm, '')
+    // Remove horizontal rules (---, ***, ___)
+    .replace(/^[-*_]{3,}\s*$/gm, '')
+    // Clean up extra whitespace
+    .replace(/\n{3,}/g, '\n\n')
+    .trim();
+}
+
+/**
+ * Format conversation content for HTML display
+ * 格式化對話內容為 HTML 顯示格式
+ */
+function formatConversationHtml(content: string, options: {
+  role: 'user' | 'assistant';
+  timestamp?: Date;
+  roleName?: string;
+}): string {
+  const { role, timestamp, roleName } = options;
+  const displayName = roleName || (role === 'user' ? 'You' : '波特人');
+  const timeStr = timestamp ? timestamp.toLocaleString('zh-TW') : '';
+
+  // Convert markdown content to HTML
+  const htmlContent = markdownToHtml(content);
+
+  return `
+<div style="margin-bottom: 16px;">
+  <div style="font-weight: bold; color: ${role === 'user' ? '#2563eb' : '#059669'}; margin-bottom: 4px;">
+    ${displayName}${timeStr ? ` (${timeStr})` : ''}:
+  </div>
+  <div style="padding-left: 8px;">
+    ${htmlContent}
+  </div>
+</div>`.trim();
+}
+
+/**
+ * Copy text to clipboard with both plain text and HTML formats
+ * 同時複製純文字和 HTML 格式到剪貼簿
+ *
+ * @param plainText - Plain text content (for text editors)
+ * @param htmlContent - HTML content (for rich text editors like Word)
+ */
+export async function copyToClipboard(plainText: string, htmlContent: string): Promise<void> {
+  try {
+    // Modern Clipboard API with multiple formats
+    const clipboardItem = new ClipboardItem({
+      'text/plain': new Blob([plainText], { type: 'text/plain' }),
+      'text/html': new Blob([htmlContent], { type: 'text/html' }),
+    });
+    await navigator.clipboard.write([clipboardItem]);
+  } catch (error) {
+    // Fallback to plain text only if ClipboardItem is not supported
+    console.warn('ClipboardItem not supported, falling back to plain text:', error);
+    await navigator.clipboard.writeText(plainText);
+  }
+}
+
+/**
+ * Copy a single message with optional previous message (for Q&A pair)
+ * 複製單則訊息（可選擇性包含前一則訊息形成問答對）
+ */
+export async function copyMessage(params: {
+  content: string;
+  role: 'user' | 'assistant';
+  timestamp: Date;
+  previousMessage?: {
+    content: string;
+    role: 'user' | 'assistant';
+    timestamp: Date;
+  };
+}): Promise<void> {
+  const { content, role, timestamp, previousMessage } = params;
+
+  let plainText = '';
+  let htmlParts: string[] = [];
+
+  if (role === 'user') {
+    // User message: copy only self
+    plainText = `You (${timestamp.toLocaleString('zh-TW')}):\n${markdownToPlainText(content)}`;
+    htmlParts.push(formatConversationHtml(content, { role: 'user', timestamp }));
+  } else {
+    // AI message: include previous user message if exists
+    if (previousMessage && previousMessage.role === 'user') {
+      plainText = `You (${previousMessage.timestamp.toLocaleString('zh-TW')}):\n${markdownToPlainText(previousMessage.content)}\n\n波特人 (${timestamp.toLocaleString('zh-TW')}):\n${markdownToPlainText(content)}`;
+      htmlParts.push(formatConversationHtml(previousMessage.content, {
+        role: 'user',
+        timestamp: previousMessage.timestamp
+      }));
+      htmlParts.push('<hr style="border: none; border-top: 1px solid #e5e7eb; margin: 12px 0;">');
+    } else {
+      plainText = `波特人 (${timestamp.toLocaleString('zh-TW')}):\n${markdownToPlainText(content)}`;
+    }
+    htmlParts.push(formatConversationHtml(content, { role: 'assistant', timestamp }));
+  }
+
+  const htmlContent = `<div style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;">${htmlParts.join('\n')}</div>`;
+
+  await copyToClipboard(plainText, htmlContent);
+}
+
+/**
+ * Copy all messages in a conversation
+ * 複製對話中的所有訊息
+ */
+export async function copyAllMessages(messages: Array<{
+  content: string;
+  role: 'user' | 'assistant';
+  timestamp: Date;
+}>): Promise<void> {
+  if (messages.length === 0) return;
+
+  // Plain text format (with markdown symbols removed)
+  const plainTextParts = messages.map(msg => {
+    const role = msg.role === 'user' ? 'You' : '波特人';
+    const time = msg.timestamp.toLocaleString('zh-TW');
+    return `${role} (${time}):\n${markdownToPlainText(msg.content)}`;
+  });
+
+  const header = `=== 對話記錄 ===\n時間：${new Date().toLocaleString('zh-TW')}\n共 ${messages.length} 則訊息\n\n---\n\n`;
+  const plainText = header + plainTextParts.join('\n\n---\n\n');
+
+  // HTML format
+  const htmlParts = messages.map(msg =>
+    formatConversationHtml(msg.content, {
+      role: msg.role,
+      timestamp: msg.timestamp,
+    })
+  );
+
+  const htmlHeader = `
+<div style="background: #f3f4f6; padding: 12px; border-radius: 8px; margin-bottom: 16px;">
+  <h3 style="margin: 0 0 8px 0; color: #374151;">對話記錄</h3>
+  <div style="color: #6b7280; font-size: 14px;">
+    時間：${new Date().toLocaleString('zh-TW')}<br>
+    共 ${messages.length} 則訊息
+  </div>
+</div>`.trim();
+
+  const htmlContent = `
+<div style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;">
+  ${htmlHeader}
+  ${htmlParts.join('<hr style="border: none; border-top: 1px solid #e5e7eb; margin: 12px 0;">')}
+</div>`.trim();
+
+  await copyToClipboard(plainText, htmlContent);
+}

package/botrun-c/web/lib/constants.ts

@@ -0,0 +1,62 @@
+/**
+ * 系統配置 API 回應型別
+ */
+export interface SystemLimits {
+  http: {
+    maxFileSize: number;
+    maxFileSizeMB: number;
+    maxTotalFilesSize: number;
+    maxBodySize: number;
+    requestTimeoutMs: number;
+  };
+  audio: {
+    maxFileSize: number;
+    maxFileSizeMB: number;
+    supportedFormats: readonly string[];
+    transcribeTimeoutMs: number;
+  };
+  pdf: {
+    maxFileSize: number;
+    maxFileSizeMB: number;
+    processTimeoutMs: number;
+  };
+}
+
+/**
+ * 預設限制（後備值）
+ *
+ * 如果 API 取得失敗，使用這些預設值
+ *
+ * 📌 統一為 350MB：
+ * - 支援長時間錄音檔案（約 2.5-3 小時）
+ * - 支援大型 PDF 或其他檔案上傳
+ * - 使用 GCS Presigned URL 上傳，不受 Cloud Run HTTP 限制
+ */
+export const DEFAULT_LIMITS: SystemLimits = {
+  http: {
+    maxFileSize: 350 * 1024 * 1024, // 350MB
+    maxFileSizeMB: 350,
+    maxTotalFilesSize: 350 * 1024 * 1024,
+    maxBodySize: 350 * 1024 * 1024,
+    requestTimeoutMs: 3600 * 1000,
+  },
+  audio: {
+    maxFileSize: 350 * 1024 * 1024, // 350MB
+    maxFileSizeMB: 350,
+    supportedFormats: [],
+    transcribeTimeoutMs: 10 * 60 * 1000,
+  },
+  pdf: {
+    maxFileSize: 350 * 1024 * 1024, // 350MB
+    maxFileSizeMB: 350,
+    processTimeoutMs: 5 * 60 * 1000,
+  },
+};
+
+/**
+ * 格式化檔案大小 (bytes -> MB)
+ */
+export function formatFileSize(bytes: number): string {
+  const mb = bytes / 1024 / 1024;
+  return `${mb.toFixed(2)}MB`;
+}

package/botrun-c/web/lib/conversation-storage.ts

@@ -0,0 +1,324 @@
+/**
+ * Conversation Storage Utility
+ *
+ * 講究的 localStorage 管理，避免多帳號、多專案衝突
+ *
+ * Key 命名策略：
+ * - botrun-c：專案識別（避免與其他專案衝突）
+ * - userId：使用者識別（避免多帳號衝突）
+ * - sessionId/messages：資料類型識別
+ *
+ * 完整格式：botrun-c:userId:{userId}:sessionId
+ *          botrun-c:userId:{userId}:messages
+ *
+ * 範例：
+ * - botrun-c:userId:abc123:sessionId
+ * - botrun-c:userId:abc123:messages
+ */
+
+import type { Message } from '@/components/chat-message';
+
+// 專案識別碼（避免與其他專案衝突）
+const PROJECT_PREFIX = 'botrun-c';
+
+// 版本號（未來如果格式變更，可以用於遷移）
+const STORAGE_VERSION = 'v1';
+
+/**
+ * 生成 localStorage key
+ * 格式：{project}:{version}:userId:{userId}:{dataType}
+ */
+function getStorageKey(userId: string, dataType: 'sessionId' | 'messages'): string {
+  if (!userId) {
+    throw new Error('userId is required for storage key generation');
+  }
+  return `${PROJECT_PREFIX}:${STORAGE_VERSION}:userId:${userId}:${dataType}`;
+}
+
+/**
+ * 儲存當前 sessionId
+ */
+export function saveSessionId(userId: string, sessionId: string): void {
+  if (!userId || !sessionId) {
+    console.warn('⚠️ [ConversationStorage] Cannot save sessionId: missing userId or sessionId');
+    return;
+  }
+
+  try {
+    const key = getStorageKey(userId, 'sessionId');
+    localStorage.setItem(key, sessionId);
+    console.log('💾 [ConversationStorage] SessionId saved:', {
+      userId: userId.substring(0, 8) + '...',
+      sessionId: sessionId.substring(0, 16) + '...',
+      key,
+    });
+  } catch (error) {
+    console.error('❌ [ConversationStorage] Failed to save sessionId:', error);
+  }
+}
+
+/**
+ * 載入當前 sessionId
+ */
+export function loadSessionId(userId: string): string | null {
+  if (!userId) {
+    console.warn('⚠️ [ConversationStorage] Cannot load sessionId: missing userId');
+    return null;
+  }
+
+  try {
+    const key = getStorageKey(userId, 'sessionId');
+    const sessionId = localStorage.getItem(key);
+
+    if (sessionId) {
+      console.log('🔄 [ConversationStorage] SessionId loaded:', {
+        userId: userId.substring(0, 8) + '...',
+        sessionId: sessionId.substring(0, 16) + '...',
+        key,
+      });
+    } else {
+      console.log('📭 [ConversationStorage] No sessionId found for user:', {
+        userId: userId.substring(0, 8) + '...',
+        key,
+      });
+    }
+
+    return sessionId;
+  } catch (error) {
+    console.error('❌ [ConversationStorage] Failed to load sessionId:', error);
+    return null;
+  }
+}
+
+/**
+ * 清除當前 sessionId（新對話時呼叫）
+ */
+export function clearSessionId(userId: string): void {
+  if (!userId) {
+    console.warn('⚠️ [ConversationStorage] Cannot clear sessionId: missing userId');
+    return;
+  }
+
+  try {
+    const key = getStorageKey(userId, 'sessionId');
+    localStorage.removeItem(key);
+    console.log('🗑️  [ConversationStorage] SessionId cleared:', {
+      userId: userId.substring(0, 8) + '...',
+      key,
+    });
+  } catch (error) {
+    console.error('❌ [ConversationStorage] Failed to clear sessionId:', error);
+  }
+}
+
+/**
+ * 儲存當前對話訊息（可選功能，用於快速恢復）
+ * 注意：這會儲存完整的對話，可能佔用較多空間
+ */
+export function saveMessages(userId: string, messages: Message[]): void {
+  if (!userId || !messages || messages.length === 0) {
+    console.warn('⚠️ [ConversationStorage] Cannot save messages: missing userId or empty messages');
+    return;
+  }
+
+  try {
+    const key = getStorageKey(userId, 'messages');
+    const data = {
+      messages,
+      timestamp: Date.now(),
+      version: STORAGE_VERSION,
+    };
+    localStorage.setItem(key, JSON.stringify(data));
+    console.log('💾 [ConversationStorage] Messages saved:', {
+      userId: userId.substring(0, 8) + '...',
+      messageCount: messages.length,
+      key,
+      sizeKB: Math.round(JSON.stringify(data).length / 1024),
+    });
+  } catch (error) {
+    console.error('❌ [ConversationStorage] Failed to save messages:', error);
+
+    // 如果是 QuotaExceededError（localStorage 滿了），嘗試清理
+    if (error instanceof DOMException && error.name === 'QuotaExceededError') {
+      console.warn('⚠️ [ConversationStorage] localStorage quota exceeded, clearing old messages');
+      clearMessages(userId);
+    }
+  }
+}
+
+/**
+ * 載入當前對話訊息
+ */
+export function loadMessages(userId: string): Message[] | null {
+  if (!userId) {
+    console.warn('⚠️ [ConversationStorage] Cannot load messages: missing userId');
+    return null;
+  }
+
+  try {
+    const key = getStorageKey(userId, 'messages');
+    const data = localStorage.getItem(key);
+
+    if (!data) {
+      console.log('📭 [ConversationStorage] No messages found for user:', {
+        userId: userId.substring(0, 8) + '...',
+        key,
+      });
+      return null;
+    }
+
+    const parsed = JSON.parse(data);
+
+    // 驗證資料格式
+    if (!parsed.messages || !Array.isArray(parsed.messages)) {
+      console.warn('⚠️ [ConversationStorage] Invalid messages format, clearing');
+      clearMessages(userId);
+      return null;
+    }
+
+    // 檢查版本（未來可用於遷移）
+    if (parsed.version !== STORAGE_VERSION) {
+      console.warn('⚠️ [ConversationStorage] Version mismatch, clearing old data:', {
+        stored: parsed.version,
+        current: STORAGE_VERSION,
+      });
+      clearMessages(userId);
+      return null;
+    }
+
+    // 轉換 timestamp 字串回 Date 物件
+    const messages = parsed.messages.map((msg: any) => ({
+      ...msg,
+      timestamp: new Date(msg.timestamp),
+    }));
+
+    console.log('🔄 [ConversationStorage] Messages loaded:', {
+      userId: userId.substring(0, 8) + '...',
+      messageCount: messages.length,
+      key,
+      age: Math.round((Date.now() - parsed.timestamp) / 1000) + 's',
+    });
+
+    return messages;
+  } catch (error) {
+    console.error('❌ [ConversationStorage] Failed to load messages:', error);
+    return null;
+  }
+}
+
+/**
+ * 清除當前對話訊息
+ */
+export function clearMessages(userId: string): void {
+  if (!userId) {
+    console.warn('⚠️ [ConversationStorage] Cannot clear messages: missing userId');
+    return;
+  }
+
+  try {
+    const key = getStorageKey(userId, 'messages');
+    localStorage.removeItem(key);
+    console.log('🗑️  [ConversationStorage] Messages cleared:', {
+      userId: userId.substring(0, 8) + '...',
+      key,
+    });
+  } catch (error) {
+    console.error('❌ [ConversationStorage] Failed to clear messages:', error);
+  }
+}
+
+/**
+ * 清除所有與該使用者相關的儲存資料
+ * 用於登出或切換帳號時
+ */
+export function clearAllUserData(userId: string): void {
+  if (!userId) {
+    console.warn('⚠️ [ConversationStorage] Cannot clear user data: missing userId');
+    return;
+  }
+
+  clearSessionId(userId);
+  clearMessages(userId);
+
+  console.log('🗑️  [ConversationStorage] All user data cleared:', {
+    userId: userId.substring(0, 8) + '...',
+  });
+}
+
+/**
+ * 清理所有過期的使用者資料（可選功能，維護用）
+ * 用於清理 localStorage 中的舊資料
+ */
+export function cleanupExpiredData(maxAgeMs: number = 7 * 24 * 60 * 60 * 1000): void {
+  console.log('🧹 [ConversationStorage] Starting cleanup of expired data');
+
+  try {
+    let removedCount = 0;
+    const keysToRemove: string[] = [];
+
+    // 掃描所有 localStorage keys
+    for (let i = 0; i < localStorage.length; i++) {
+      const key = localStorage.key(i);
+      if (!key || !key.startsWith(`${PROJECT_PREFIX}:${STORAGE_VERSION}`)) {
+        continue;
+      }
+
+      // 只清理 messages（包含 timestamp）
+      if (key.includes(':messages')) {
+        try {
+          const data = localStorage.getItem(key);
+          if (data) {
+            const parsed = JSON.parse(data);
+            const age = Date.now() - (parsed.timestamp || 0);
+
+            if (age > maxAgeMs) {
+              keysToRemove.push(key);
+            }
+          }
+        } catch (error) {
+          // 無法解析的資料也清除
+          keysToRemove.push(key);
+        }
+      }
+    }
+
+    // 清除過期資料
+    keysToRemove.forEach(key => {
+      localStorage.removeItem(key);
+      removedCount++;
+    });
+
+    console.log(`✅ [ConversationStorage] Cleanup completed: removed ${removedCount} expired items`);
+  } catch (error) {
+    console.error('❌ [ConversationStorage] Cleanup failed:', error);
+  }
+}
+
+/**
+ * 取得 localStorage 使用統計（除錯用）
+ */
+export function getStorageStats(): {
+  totalKeys: number;
+  projectKeys: number;
+  estimatedSizeKB: number;
+} {
+  let projectKeys = 0;
+  let estimatedSize = 0;
+
+  for (let i = 0; i < localStorage.length; i++) {
+    const key = localStorage.key(i);
+    if (key?.startsWith(`${PROJECT_PREFIX}:${STORAGE_VERSION}`)) {
+      projectKeys++;
+      const value = localStorage.getItem(key);
+      if (value) {
+        estimatedSize += (key.length + value.length) * 2; // UTF-16 = 2 bytes per char
+      }
+    }
+  }
+
+  return {
+    totalKeys: localStorage.length,
+    projectKeys,
+    estimatedSizeKB: Math.round(estimatedSize / 1024),
+  };
+}