botrun-horse 2.29.2 → 2.30.0

package/botrun-c/web/package.json

@@ -0,0 +1,63 @@
+{
+  "name": "botrun-c-web",
+  "version": "5.1120.1044",
+  "private": true,
+  "scripts": {
+    "dev": "next dev --turbo",
+    "build": "echo \"NEXT_PUBLIC_APP_VERSION=$(node scripts/generate-version.js)\" > .env.production && next build --turbo",
+    "start": "next start",
+    "lint": "next lint"
+  },
+  "dependencies": {
+    "@capacitor-firebase/authentication": "^8.0.1",
+    "@capacitor/app": "^8.0.0",
+    "@capacitor/camera": "^8.0.0",
+    "@capacitor/clipboard": "^8.0.0",
+    "@capacitor/core": "^8.0.0",
+    "@capacitor/filesystem": "^8.0.0",
+    "@capacitor/haptics": "^8.0.0",
+    "@capacitor/keyboard": "^8.0.0",
+    "@capacitor/share": "^8.0.0",
+    "@capacitor/status-bar": "^8.0.0",
+    "@capawesome-team/capacitor-android-foreground-service": "^8.0.0",
+    "@capawesome-team/capacitor-audio-recorder": "^8.0.0",
+    "@capawesome/capacitor-app-update": "^8.0.0",
+    "@capawesome/capacitor-live-update": "^8.1.0",
+    "@capgo/capacitor-navigation-bar": "^8.0.5",
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/sortable": "^10.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
+    "@radix-ui/react-alert-dialog": "^1.1.15",
+    "@radix-ui/react-collapsible": "^1.1.12",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-label": "^2.1.7",
+    "@radix-ui/react-toast": "^1.2.15",
+    "class-variance-authority": "^0.7.0",
+    "clsx": "^2.1.0",
+    "file-type": "^21.1.1",
+    "firebase": "^12.7.0",
+    "lucide-react": "^0.552.0",
+    "marked": "^17.0.1",
+    "next": "^16.0.7",
+    "react": "^19.2.1",
+    "react-dom": "^19.2.1",
+    "react-markdown": "^10.1.0",
+    "react-zoom-pan-pinch": "^3.7.0",
+    "rehype-raw": "^7.0.0",
+    "rehype-sanitize": "^6.0.0",
+    "remark-gfm": "^4.0.1",
+    "tailwind-merge": "^2.2.0",
+    "unist-util-visit": "^5.0.0"
+  },
+  "devDependencies": {
+    "@tailwindcss/typography": "^0.5.19",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
+    "autoprefixer": "^10.0.1",
+    "postcss": "^8",
+    "tailwindcss": "^3.4.1",
+    "tailwindcss-animate": "^1.0.7",
+    "typescript": "5.9.3"
+  }
+}

package/botrun-c/web/postcss.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}

package/botrun-c/web/scripts/generate-version.js

@@ -0,0 +1,36 @@
+#!/usr/bin/env node
+
+/**
+ * 生成版本號碼
+ * 格式：西元年最後一個號碼.月日.時分
+ * 範例：5.1108.1004 (2025年11月8日 10:04)
+ */
+
+function generateVersion() {
+  const now = new Date();
+
+  // 西元年最後一個號碼 (2025 -> 5)
+  const yearLastDigit = now.getFullYear() % 10;
+
+  // 月日 (11月8日 -> 1108)
+  const month = String(now.getMonth() + 1).padStart(2, '0');
+  const day = String(now.getDate()).padStart(2, '0');
+  const monthDay = `${month}${day}`;
+
+  // 時分 (10:04 -> 1004)
+  const hour = String(now.getHours()).padStart(2, '0');
+  const minute = String(now.getMinutes()).padStart(2, '0');
+  const hourMinute = `${hour}${minute}`;
+
+  const version = `${yearLastDigit}.${monthDay}.${hourMinute}`;
+
+  return version;
+}
+
+// 如果是直接執行（不是被 require）
+if (require.main === module) {
+  const version = generateVersion();
+  console.log(version);
+}
+
+module.exports = { generateVersion };

package/botrun-c/web/scripts/update-build-version.js

@@ -0,0 +1,41 @@
+#!/usr/bin/env node
+
+/**
+ * 更新 Capawesome Build Version
+ * 在 /deploy-capawesome 時自動執行
+ */
+
+const fs = require('fs');
+const path = require('path');
+const { generateVersion } = require('./generate-version');
+
+const BUILD_VERSION_FILE = path.join(__dirname, '../lib/build-version.ts');
+
+function updateBuildVersion() {
+  const version = generateVersion();
+
+  const content = `/**
+ * Capawesome Live Update Build Version
+ *
+ * 此檔案由 /deploy-capawesome 自動更新
+ * 每次部署到 Capawesome Cloud 時，版本號會自動更新
+ *
+ * 格式：西元年最後一個號碼.月日.時分
+ * 範例：5.1125.1547 (2025年11月25日 15:47)
+ */
+
+export const BUILD_VERSION = '${version}';
+`;
+
+  fs.writeFileSync(BUILD_VERSION_FILE, content, 'utf8');
+  console.log(`✅ Build version updated to: ${version}`);
+
+  return version;
+}
+
+// 如果是直接執行（不是被 require）
+if (require.main === module) {
+  updateBuildVersion();
+}
+
+module.exports = { updateBuildVersion };

package/botrun-c/web/tailwind.config.ts

@@ -0,0 +1,80 @@
+import type { Config } from "tailwindcss"
+
+const config = {
+  darkMode: ["class"],
+  content: [
+    './pages/**/*.{ts,tsx}',
+    './components/**/*.{ts,tsx}',
+    './app/**/*.{ts,tsx}',
+    './src/**/*.{ts,tsx}',
+	],
+  prefix: "",
+  theme: {
+    container: {
+      center: true,
+      padding: "2rem",
+      screens: {
+        "2xl": "1400px",
+      },
+    },
+    extend: {
+      colors: {
+        border: "hsl(var(--border))",
+        input: "hsl(var(--input))",
+        ring: "hsl(var(--ring))",
+        background: "hsl(var(--background))",
+        foreground: "hsl(var(--foreground))",
+        primary: {
+          DEFAULT: "hsl(var(--primary))",
+          foreground: "hsl(var(--primary-foreground))",
+        },
+        secondary: {
+          DEFAULT: "hsl(var(--secondary))",
+          foreground: "hsl(var(--secondary-foreground))",
+        },
+        destructive: {
+          DEFAULT: "hsl(var(--destructive))",
+          foreground: "hsl(var(--destructive-foreground))",
+        },
+        muted: {
+          DEFAULT: "hsl(var(--muted))",
+          foreground: "hsl(var(--muted-foreground))",
+        },
+        accent: {
+          DEFAULT: "hsl(var(--accent))",
+          foreground: "hsl(var(--accent-foreground))",
+        },
+        popover: {
+          DEFAULT: "hsl(var(--popover))",
+          foreground: "hsl(var(--popover-foreground))",
+        },
+        card: {
+          DEFAULT: "hsl(var(--card))",
+          foreground: "hsl(var(--card-foreground))",
+        },
+      },
+      borderRadius: {
+        lg: "var(--radius)",
+        md: "calc(var(--radius) - 2px)",
+        sm: "calc(var(--radius) - 4px)",
+      },
+      keyframes: {
+        "accordion-down": {
+          from: { height: "0" },
+          to: { height: "var(--radix-accordion-content-height)" },
+        },
+        "accordion-up": {
+          from: { height: "var(--radix-accordion-content-height)" },
+          to: { height: "0" },
+        },
+      },
+      animation: {
+        "accordion-down": "accordion-down 0.2s ease-out",
+        "accordion-up": "accordion-up 0.2s ease-out",
+      },
+    },
+  },
+  plugins: [require("tailwindcss-animate"), require("@tailwindcss/typography")],
+} satisfies Config
+
+export default config

package/botrun-c/web/test-welcome-message.mjs

@@ -0,0 +1,115 @@
+/**
+ * 歡迎訊息功能驗證腳本
+ *
+ * 驗證項目：
+ * 1. welcome-messages.ts 正確載入
+ * 2. 歡迎訊息內容正確（從 BOTRUN.md 提取的「妳好，我們是波特人～」）
+ * 3. 型別定義正確
+ */
+
+import { readFile } from 'fs/promises';
+import { fileURLToPath } from 'url';
+import { dirname, join } from 'path';
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+
+async function verifyWelcomeMessage() {
+  console.log('🧪 開始驗證歡迎訊息功能...\n');
+
+  let passed = 0;
+  let failed = 0;
+
+  // 測試 1: 檢查 welcome-messages.ts 檔案存在
+  try {
+    const configPath = join(__dirname, 'config', 'welcome-messages.ts');
+    const configContent = await readFile(configPath, 'utf-8');
+    console.log('✅ [1/5] welcome-messages.ts 檔案存在');
+    passed++;
+
+    // 測試 2: 檢查歡迎訊息內容
+    if (configContent.includes('妳好，我們是波特人～')) {
+      console.log('✅ [2/5] 歡迎訊息內容正確（「妳好，我們是波特人～」）');
+      passed++;
+    } else {
+      console.log('❌ [2/5] 歡迎訊息內容不正確');
+      failed++;
+    }
+
+    // 測試 3: 檢查 BOTRUN.md 來源標記
+    if (configContent.includes('BOTRUN.md')) {
+      console.log('✅ [3/5] 來源標記正確（BOTRUN.md @botrun-welcome）');
+      passed++;
+    } else {
+      console.log('❌ [3/5] 缺少來源標記');
+      failed++;
+    }
+  } catch (error) {
+    console.log('❌ [1/5] welcome-messages.ts 檔案不存在');
+    failed++;
+  }
+
+  // 測試 4: 檢查 useAutoWelcome hook 存在
+  try {
+    const hookPath = join(__dirname, 'hooks', 'useAutoWelcome.ts');
+    const hookContent = await readFile(hookPath, 'utf-8');
+    console.log('✅ [4/5] useAutoWelcome.ts hook 存在');
+    passed++;
+
+    // 檢查 hook 包含關鍵邏輯
+    if (hookContent.includes('shouldShowWelcome') && hookContent.includes('welcomeMessage')) {
+      console.log('✅ [4.1/5] useAutoWelcome hook 包含關鍵邏輯（shouldShowWelcome, welcomeMessage）');
+      passed++;
+    } else {
+      console.log('❌ [4.1/5] useAutoWelcome hook 缺少關鍵邏輯');
+      failed++;
+    }
+  } catch (error) {
+    console.log('❌ [4/5] useAutoWelcome.ts hook 不存在');
+    failed++;
+  }
+
+  // 測試 5: 檢查 ChatPage.tsx 整合
+  try {
+    const chatPagePath = join(__dirname, 'components', 'ChatPage.tsx');
+    const chatPageContent = await readFile(chatPagePath, 'utf-8');
+
+    if (chatPageContent.includes('import { useAutoWelcome }') &&
+        chatPageContent.includes('shouldShowWelcome') &&
+        chatPageContent.includes('welcomeMessage')) {
+      console.log('✅ [5/5] ChatPage.tsx 正確整合歡迎訊息功能');
+      passed++;
+    } else {
+      console.log('❌ [5/5] ChatPage.tsx 未正確整合歡迎訊息功能');
+      failed++;
+    }
+  } catch (error) {
+    console.log('❌ [5/5] 無法讀取 ChatPage.tsx');
+    failed++;
+  }
+
+  // 測試結果總結
+  console.log('\n📊 測試結果總結:');
+  console.log(`   ✅ 通過: ${passed} 項`);
+  console.log(`   ❌ 失敗: ${failed} 項`);
+  console.log(`   📈 成功率: ${Math.round((passed / (passed + failed)) * 100)}%`);
+
+  if (failed === 0) {
+    console.log('\n🎉 所有測試通過！歡迎訊息功能實作成功！');
+    console.log('\n🔍 下一步驗證：');
+    console.log('   1. 執行 `npm run build` 確認編譯成功');
+    console.log('   2. 啟動開發伺服器測試實際顯示效果');
+    console.log('   3. 確認歡迎訊息在初次對話前自動顯示');
+    return 0;
+  } else {
+    console.log('\n❌ 部分測試失敗，請檢查上述錯誤');
+    return 1;
+  }
+}
+
+// 執行驗證
+verifyWelcomeMessage()
+  .then((exitCode) => process.exit(exitCode))
+  .catch((error) => {
+    console.error('❌ 驗證過程發生錯誤:', error);
+    process.exit(1);
+  });

package/botrun-c/web/tsconfig.json

@@ -0,0 +1,42 @@
+{
+  "compilerOptions": {
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "react-jsx",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": [
+        "./*"
+      ]
+    },
+    "target": "ES2017"
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    "out/types/**/*.ts",
+    ".next/dev/types/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}

package/botrun-c/web/types/agent.ts

@@ -0,0 +1,6 @@
+export interface Agent {
+  id: string;
+  name: string;
+  icon: string;
+  color: string;
+}

package/botrun-c/web/types/attachment.ts

@@ -0,0 +1,39 @@
+/**
+ * 附件系統類型定義
+ */
+
+export type AttachmentType = 'image' | 'video' | 'audio' | 'pdf' | 'file';
+
+export type AttachmentStatus = 'pending' | 'uploading' | 'uploaded' | 'error';
+
+export interface PendingAttachment {
+  /** 唯一識別碼 */
+  id: string;
+  /** 原始檔案物件 */
+  file: File;
+  /** 檔名 */
+  name: string;
+  /** 檔案大小 (bytes) */
+  size: number;
+  /** 附件類型 */
+  type: AttachmentType;
+  /** MIME 類型 */
+  mimeType: string;
+  /** blob URL 用於預覽（圖片/影片）或 null */
+  previewUrl: string | null;
+  /** 上傳狀態 */
+  status: AttachmentStatus;
+  /** 上傳進度 0-100 */
+  progress: number;
+  /** 錯誤訊息 */
+  error?: string;
+  /** 上傳成功後的結果 */
+  uploadResult?: {
+    displayPath: string;
+    size: number;
+  };
+}
+
+export interface AttachmentSource {
+  type: 'paste' | 'drop' | 'select' | 'camera' | 'recording';
+}

package/botrun-c/web/types/conversation.ts

@@ -0,0 +1,68 @@
+/**
+ * 對話相關型別定義
+ */
+
+/**
+ * 對話實體
+ */
+export interface Conversation {
+  id: string;
+  userId: string;
+  title: string;
+  sessionId?: string;
+  messageCount: number;
+  lastMessagePreview: string;
+  createdAt: string; // ISO 8601 格式
+  updatedAt: string; // ISO 8601 格式
+}
+
+/**
+ * 對話訊息
+ */
+export interface ConversationMessage {
+  id: string;
+  role: 'user' | 'assistant';
+  content: string;
+  timestamp: string; // ISO 8601 格式
+  toolUses?: ToolUseItem[];
+}
+
+/**
+ * 工具使用記錄
+ */
+export interface ToolUseItem {
+  id: string;
+  name: string;
+  input: Record<string, unknown>;
+  output?: string;
+}
+
+/**
+ * 對話列表 API 回應
+ */
+export interface ConversationsListResponse {
+  conversations: Conversation[];
+  total: number;
+}
+
+/**
+ * 單一對話 API 回應
+ */
+export interface ConversationDetailResponse {
+  conversation: Conversation;
+  messages: ConversationMessage[];
+}
+
+/**
+ * 建立對話 API 回應
+ */
+export interface CreateConversationResponse {
+  conversation: Conversation;
+}
+
+/**
+ * 更新對話 API 回應
+ */
+export interface UpdateConversationResponse {
+  conversation: Conversation;
+}

package/botrun-c/web/types/flutter.d.ts

@@ -0,0 +1,6 @@
+// Flutter WebView bridge types
+interface Window {
+  FlutterLog?: {
+    postMessage: (message: string) => void;
+  };
+}

package/botrun-c/web/types/project.ts

@@ -0,0 +1,41 @@
+export interface Project {
+  id: string;
+  name: string;
+  description?: string;
+  userEmail: string;
+  createdAt: string;
+  updatedAt: string;
+  settings: {
+    timezone: string;
+  };
+  currentDirectory: string; // Current working directory, relative to project root
+}
+
+export interface ProjectMetadata {
+  fileCount: number;
+  totalSize: number;
+  lastActivity: string;
+}
+
+export interface DirectoryItem {
+  name: string;
+  type: 'file' | 'directory';
+  path: string;
+  size?: number;
+  modifiedAt?: string;
+}
+
+export interface CreateProjectData {
+  name: string;
+  description?: string;
+  userEmail: string;
+  timezone: string;
+}
+
+export interface UpdateProjectData {
+  name?: string;
+  description?: string;
+  settings?: {
+    timezone?: string;
+  };
+}

package/botrun-c/web/types/skills.ts

@@ -0,0 +1,13 @@
+/**
+ * Skills 型別定義
+ * 統一所有 Skills 相關元件的型別
+ */
+
+export interface Skill {
+  id: string;
+  name: string;
+  description: string;
+  icon: string;
+  source?: "official" | "user";
+  editable?: boolean;
+}

package/botrun-c/web//350/250/272/346/226/267-Skills-/345/211/215/347/253/257/351/241/257/347/244/272/345/225/217/351/241/214.md

@@ -0,0 +1,83 @@
+# Skills 前端顯示問題診斷步驟
+
+## 問題描述
+前端左下角點擊 + 按鈕後，沒有顯示 skills 列表
+
+## 已確認正常的部分
+✅ 後端 API 運作正常：`curl http://localhost:8000/api/skills` 回傳 2 個 skills
+✅ 前端程式碼正確：chat-input.tsx 會自動 fetch `/api/skills`
+✅ 前端已重新編譯
+
+## 診斷步驟
+
+### 步驟 1: 確認您正在使用的環境
+
+**如果是本地開發環境：**
+需要同時運行後端和前端：
+
+```bash
+# Terminal 1: 啟動後端 (port 8000)
+cd api
+npm run dev
+
+# Terminal 2: 啟動前端 (port 3000)
+cd web
+npm run dev
+```
+
+然後開啟瀏覽器訪問 `http://localhost:3000`
+
+**如果是已部署的環境：**
+需要重新部署才能看到新功能
+
+### 步驟 2: 檢查瀏覽器 Console
+
+1. 在瀏覽器中按 F12 打開開發者工具
+2. 切換到 Console 標籤
+3. 重新載入頁面
+4. 查看是否有以下錯誤訊息：
+   - `Failed to load skills`
+   - `404 Not Found` (API 路徑錯誤)
+   - `CORS` 錯誤
+
+### 步驟 3: 檢查 Network
+
+1. 在開發者工具中切換到 Network 標籤
+2. 重新載入頁面
+3. 尋找 `skills` 的請求
+4. 檢查：
+   - Request URL 是什麼？
+   - Status code 是什麼？(應該是 200)
+   - Response 內容是什麼？
+
+## 常見問題
+
+### 問題 1: 前端和後端在不同 port
+**症狀：** Network 顯示 404 或 CORS 錯誤
+**解決：**
+- 方案 A: 使用 `npm run dev` 啟動前端（會自動 proxy 到後端）
+- 方案 B: 修改 `/api/skills` 為完整 URL `http://localhost:8000/api/skills`
+
+### 問題 2: 顯示「載入中...」不消失
+**症狀：** 點擊 + 按鈕，只看到「載入中...」
+**原因：** `skills.length === 0`，表示 API 沒有成功載入
+**解決：** 檢查 Console 和 Network tab 的錯誤
+
+### 問題 3: 部署環境看不到
+**症狀：** 本地可以，部署後看不到
+**原因：** 未重新部署
+**解決：**
+```bash
+gcloud builds submit --config cloudbuild.yaml
+```
+
+## 快速測試
+
+在瀏覽器 Console 中執行：
+```javascript
+fetch('/api/skills')
+  .then(r => r.json())
+  .then(d => console.log('Skills:', d.skills))
+```
+
+應該顯示 2 個 skills。

package/lib/prompt/prompts/zero-framework/fullstack.md

@@ -0,0 +1,17 @@
+---
+name:           botrun-horse-fullstack
+description:    零框架前後端 — Hono 串流後端 + 專業北歐風前端、RWD 手機電腦、Markdown 渲染、BDD/TDD/SOLID/DRY/KISS/DDD
+---
+
+希望你在 ./todo/ 製作 dag todo list 可以讓本案有一個前端
+挑一個視覺效果很專業的mjs技術
+有一個後端hono mjs
+透過 bdd tdd solid dry kiss ddd 幫我把使用者的需求 {使用者指定的需求}
+製作為一個可以串流的前後端
+手機跟電腦都可以發問，都可以看到成果
+前端支援當今最佳的 markdown 套件 for mjs
+平行製作
+配色排版要專業北歐設計風格
+品牌採用：{使用者指定的品牌}
+要換位思考真實使用者的痛點之後才設計，痛點真實使用者 ui ux 五個
+然後才設計最佳 ui ux 要能夠串流顯示