Lark Study Reviver

# 飞书应用凭证
FEISHU_APP_ID=cli_xxxxxxxxxxxxxxxx
FEISHU_APP_SECRET=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
FEISHU_WIKI_SPACE_ID=7226178700923011075

node_modules/
.next/
.env
*.local
package-lock.json
*.tsbuildinfo

import { NextRequest, NextResponse } from 'next/server'
import { createDocWithContent } from '@/lib/lark'

export async function POST(req: NextRequest) {
  try {
    const { topic, results } = await req.json()
    
    if (!results || results.length === 0) {
      return NextResponse.json({ error: '没有找到相关文章' }, { status: 400 })
    }

    const title = `${topic} 学习路径 — Study Reviver 定制`
    const docUrl = await createDocWithContent(title, results)
    
    return NextResponse.json({ url: docUrl })
    
  } catch (error: any) {
    console.error('Generate doc error:', error)
    return NextResponse.json(
      { error: 'Failed to generate doc: ' + (error.message || 'Unknown error') },
      { status: 500 }
    )
  }
}

import { NextResponse } from 'next/server'

// 简单的关键词映射，对应 SKILL.md 中的映射表
const KEYWORD_MAP: Record<string, string> = {
  'hermes': 'Hermes OR Agent OR 智能体',
  'agent': 'Hermes OR Agent OR 智能体',
  '智能体': 'Hermes OR Agent OR 智能体',
  '编程': 'Claude Code OR AI 编程',
  '绘画': 'AI 绘画 OR ComfyUI OR Stable Diffusion',
  'prompt': 'Prompt OR 提示词 OR 提示工程',
  '提示词': 'Prompt OR 提示词 OR 提示工程',
  '运营': '社区运营 OR 运营提效 OR 自动化',
  '视频': 'AI 视频 OR 视频生成',
  '音乐': 'AI 音乐',
  'rag': 'RAG OR 检索增强',
  '多智能体': '多智能体 OR Multi-Agent OR Harness',
  '写作': '社群 OR 写作 OR Prompt OR 内容创作',
  '文章': '社群 OR 写作 OR Prompt OR 内容创作',
}

export async function GET(req: Request) {
  const { searchParams } = new URL(req.url)
  const topic = searchParams.get('topic') || ''

  // 根据主题生成测验问题
  // 为了简化，前端可以根据 topic 直接显示问题，或者这里返回一组问题
  // 这里返回一个简单的问题集结构
  const questions = [
    {
      id: 'level',
      title: '🧙‍♂️ 灵魂拷问',
      ...getLevelQuestion(topic),
    },
    {
      id: 'time',
      title: '📅 现实一点',
      question: '你一周能匀多少时间给学习？',
      options: [
        { key: 'A', text: '随缘，有空就看（每周 < 2h）🌊' },
        { key: 'B', text: '每天挤 1 小时（每周 ~5h）🕐' },
        { key: 'C', text: '认真学，每周 10h+ 📚' },
        { key: 'D', text: 'All in，这周啥也不干了就学它 🔥' },
      ]
    },
    {
      id: 'style',
      title: '🧠 学习偏好',
      question: '你更喜欢哪种学习方式？',
      options: [
        { key: 'A', text: '先看理论搞懂原理再动手 📖' },
        { key: 'B', text: '别废话了直接让我跑起来 🏃' },
        { key: 'C', text: '边看教程边做项目 🛠️' },
        { key: 'D', text: '给我文档自己啃，有问题再问 📋' },
      ]
    }
  ]

  return NextResponse.json({ questions })
}

function getLevelQuestion(topic: string) {
  const t = topic.toLowerCase()
  if (t.includes('hermes') || t.includes('agent') || t.includes('智能体')) {
    return {
      question: '你之前用过哪种 AI Agent？',
      options: [
        { key: 'A', text: '完全没用过，Hermes 是第一个 👶' },
        { key: 'B', text: '用过 ChatGPT/Claude 聊天，但没搭过本地 Agent 📱' },
        { key: 'C', text: '装过 OpenClaw/Claude Code，跑通过基本流程 🔧' },
        { key: 'D', text: '已经给 Agent 写过 Skill 了，想再深入 🚀' },
      ]
    }
  }
  if (t.includes('编程') || t.includes('code') || t.includes('python')) {
    return {
      question: '你对编程的熟悉程度是？',
      options: [
        { key: 'A', text: '完全不会写代码，但会复制粘贴跑命令 📋' },
        { key: 'B', text: '写过 Python/JS，能看懂别人代码但自己写会卡 🐍' },
        { key: 'C', text: '日常写代码，只是没用 AI 辅助过 👨‍💻' },
        { key: 'D', text: '全栈选手，想让 AI 帮我干掉重复工作 🤖' },
      ]
    }
  }
  // 通用
  return {
    question: '你目前的 AI 工具使用经验？',
    options: [
      { key: 'A', text: '纯小白，基本没用过 👶' },
      { key: 'B', text: '用过 ChatGPT/Kimi 等聊天 AI 💬' },
      { key: 'C', text: '经常使用多种 AI 工具 🛠️' },
      { key: 'D', text: '已经是高阶玩家了 🚀' },
    ]
  }
}

import { NextRequest, NextResponse } from 'next/server'
import paths from '../../../data/paths.json'

export async function POST(req: NextRequest) {
  const { question } = await req.json()
  if (!question) return NextResponse.json({ error: 'missing question' }, { status: 400 })

  const apiKey = process.env.GEMINI_API_KEY
  if (!apiKey) return NextResponse.json({ error: 'AI service not configured' }, { status: 503 })

  const pathsSummary = paths.map(p => `${p.emoji} ${p.title}: ${p.subtitle} (${p.tags.join(', ')})`).join('\n')

  const prompt = `你是 WAYtoAGI 社区的学习路径推荐助手。用户描述了自己的情况，请根据以下预设路径推荐最合适的，或者给出个性化建议。

预设路径：
${pathsSummary}

用户说：${question}

请用中文回复，200字以内，推荐1-2条最合适的路径并说明原因。如果预设路径都不太合适，给出个性化建议。语气亲切友好，像朋友聊天。`

  try {
    const res = await fetch(
      `https://generativelanguage.googleapis.com/v1beta/models/gemini-2.0-flash:generateContent?key=${apiKey}`,
      {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({
          contents: [{ parts: [{ text: prompt }] }],
          generationConfig: { maxOutputTokens: 500, temperature: 0.7 }
        })
      }
    )
    const data = await res.json()
    const reply = data.candidates?.[0]?.content?.parts?.[0]?.text || '抱歉，AI 暂时无法回复'
    return NextResponse.json({ reply })
  } catch (e) {
    return NextResponse.json({ error: 'AI service error' }, { status: 500 })
  }
}

import { NextRequest, NextResponse } from 'next/server'
import { searchDocs } from '@/lib/lark'

// 关键词映射
const KEYWORD_MAP: Record<string, string> = {
  'hermes': 'Hermes OR Agent OR 智能体',
  'agent': 'Hermes OR Agent OR 智能体',
  '智能体': 'Hermes OR Agent OR 智能体',
  '编程': 'Claude Code OR AI 编程',
  'code': 'Claude Code OR AI 编程',
  'python': 'Claude Code OR AI 编程',
  '绘画': 'AI 绘画 OR ComfyUI OR Stable Diffusion',
  'prompt': 'Prompt OR 提示词',
  '提示词': 'Prompt OR 提示词',
  '运营': '社区运营 OR 自动化',
  '视频': 'AI 视频 OR 视频生成',
  '音乐': 'AI 音乐',
  'rag': 'RAG OR 检索增强',
  '多智能体': 'Multi-Agent OR Harness',
  '写作': '写作 OR Prompt OR 内容创作',
  '文章': '写作 OR Prompt OR 内容创作',
  'skill': 'Skill OR 技能',
  'openclaw': 'OpenClaw OR 龙虾',
  'vibe': 'Vibe Coding OR 编程',
  'mcp': 'MCP OR 协议',
  'geo': 'GEO OR 搜索优化',
  'harness': 'Harness OR 架构',
}

export async function POST(req: NextRequest) {
  try {
    const { topic } = await req.json()
    
    // 1. 确定搜索关键词
    let query = topic
    const lowerTopic = topic.toLowerCase()
    for (const [key, value] of Object.entries(KEYWORD_MAP)) {
      if (lowerTopic.includes(key)) {
        query = value
        break
      }
    }
    
    // 2. 调用飞书 API 搜索
    const results = await searchDocs(query)
    
    // 返回前 8 个
    return NextResponse.json({ results: results.slice(0, 8) })
    
  } catch (error: any) {
    console.error('Search error:', error)
    return NextResponse.json(
      { error: 'Search failed: ' + (error.message || 'Unknown error') }, 
      { status: 500 }
    )
  }
}

'use client'

import { useState, useEffect } from 'react'

type Step = 'input' | 'quiz' | 'searching' | 'results' | 'generating' | 'done'

interface Question {
  id: string
  title: string
  question: string
  options?: Array<{ key: string; text: string }>
}

interface Result {
  id: number
  title: string
  url: string
  update: string
  summary: string
}

export default function CustomPage() {
  const [step, setStep] = useState<Step>('input')
  const [topic, setTopic] = useState('')
  const [questions, setQuestions] = useState<Question[]>([])
  const [currentQIndex, setCurrentQIndex] = useState(0)
  const [answers, setAnswers] = useState<Record<string, string>>({})
  const [results, setResults] = useState<Result[]>([])
  const [docUrl, setDocUrl] = useState('')
  const [loadingMsg, setLoadingMsg] = useState('')

  // 输入主题
  const handleTopicSubmit = async () => {
    if (!topic.trim()) return
    setStep('quiz')
    setLoadingMsg('正在为你准备测验...')
    
    try {
      const res = await fetch(`/api/quiz?topic=${encodeURIComponent(topic)}`)
      const data = await res.json()
      setQuestions(data.questions)
    } catch (e) {
      console.error('Failed to load quiz:', e)
      // Fallback to default questions if API fails
      setQuestions([
        {
          id: 'level',
          title: '🧙‍♂️ 灵魂拷问',
          question: '你目前的 AI 工具使用经验？',
          options: [
            { key: 'A', text: '纯小白，基本没用过 👶' },
            { key: 'B', text: '用过 ChatGPT/Kimi 等聊天 AI 💬' },
            { key: 'C', text: '经常使用多种 AI 工具 🛠️' },
            { key: 'D', text: '已经是高阶玩家了 🚀' },
          ]
        },
        {
          id: 'time',
          title: '📅 现实一点',
          question: '你一周能匀多少时间给学习？',
          options: [
            { key: 'A', text: '随缘，有空就看（每周 < 2h）🌊' },
            { key: 'B', text: '每天挤 1 小时（每周 ~5h）🕐' },
            { key: 'C', text: '认真学，每周 10h+ 📚' },
            { key: 'D', text: 'All in，这周啥也不干了就学它 🔥' },
          ]
        },
        {
          id: 'style',
          title: '🧠 学习偏好',
          question: '你更喜欢哪种学习方式？',
          options: [
            { key: 'A', text: '先看理论搞懂原理再动手 📖' },
            { key: 'B', text: '别废话了直接让我跑起来 🏃' },
            { key: 'C', text: '边看教程边做项目 🛠️' },
            { key: 'D', text: '给我文档自己啃，有问题再问 📋' },
          ]
        }
      ])
    }
  }

  // 回答问题
  const handleAnswer = async (key: string) => {
    const q = questions[currentQIndex]
    setAnswers(prev => ({ ...prev, [q.id]: key }))
    
    if (currentQIndex < questions.length - 1) {
      setCurrentQIndex(prev => prev + 1)
    } else {
      // 所有问题回答完毕，开始搜索
      setStep('searching')
      setLoadingMsg('正在从知识库搜索最合适的文章...')
      
      try {
        const res = await fetch('/api/search', {
          method: 'POST',
          headers: { 'Content-Type': 'application/json' },
          body: JSON.stringify({ topic, level: answers.level, time: answers.time, style: answers.style })
        })
        const data = await res.json()
        setResults(data.results)
        setStep('results')
      } catch (e) {
        console.error('Search failed:', e)
        setResults([]) // Show empty state or error
        setStep('results')
      }
    }
  }

  // 生成飞书文档
  const handleGenerateDoc = async () => {
    setStep('generating')
    setLoadingMsg('正在生成飞书文档，请稍候...')
    
    try {
      const res = await fetch('/api/generate-doc', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({ topic, results, level: answers.level, time: answers.time, style: answers.style })
      })
      const data = await res.json()
      if (data.url) {
        setDocUrl(data.url)
        setStep('done')
      } else {
        throw new Error('No URL returned')
      }
    } catch (e) {
      console.error('Generate doc failed:', e)
      setLoadingMsg('生成失败，请重试')
      setStep('results') // Back to results
    }
  }

  return (
    <main style={{ maxWidth: 640, margin: '0 auto', padding: '40px 20px', fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif', color: '#333' }}>
      {/* Header */}
      <div style={{ textAlign: 'center', marginBottom: 40 }}>
        <h1 style={{ fontSize: '1.5em', fontWeight: 600, marginBottom: 8 }}>🎯 Study Reviver</h1>
        <p style={{ color: '#666', margin: 0 }}>你的专属学习路径生成器</p>
      </div>

      {/* Chat-like Container */}
      <div style={{ background: '#f9f9f9', borderRadius: 16, padding: 24, minHeight: 400, boxShadow: '0 2px 8px rgba(0,0,0,0.05)' }}>
        
        {/* Bot Messages */}
        <div style={{ display: 'flex', flexDirection: 'column', gap: 16 }}>
          <Bubble sender="bot" text="你好呀！告诉我你想学什么？" />
          
          {topic && <Bubble sender="user" text={`我想学：${topic}`} />}

          {step === 'input' && (
            <div style={{ display: 'flex', gap: 8, marginTop: 8 }}>
              <input
                type="text"
                value={topic}
                onChange={(e) => setTopic(e.target.value)}
                placeholder="例如：AI 社群写作、Hermes Agent..."
                style={{ flex: 1, padding: '10px 14px', borderRadius: 8, border: '1px solid #ddd', fontSize: '1em' }}
                onKeyDown={(e) => e.key === 'Enter' && handleTopicSubmit()}
              />
              <button
                onClick={handleTopicSubmit}
                style={{ padding: '10px 20px', background: '#3b82f6', color: '#fff', border: 'none', borderRadius: 8, cursor: 'pointer' }}
              >
                开始
              </button>
            </div>
          )}

          {step === 'quiz' && questions[currentQIndex] && (
            <div style={{ marginTop: 8 }}>
              <Bubble sender="bot" text={`${questions[currentQIndex].title}\n\n${questions[currentQIndex].question}`} />
              <div style={{ display: 'grid', gridTemplateColumns: '1fr 1fr', gap: 8, marginTop: 12 }}>
                {questions[currentQIndex].options?.map(opt => (
                  <button
                    key={opt.key}
                    onClick={() => handleAnswer(opt.key)}
                    style={{ padding: '12px', background: '#fff', border: '1px solid #e5e7eb', borderRadius: 12, cursor: 'pointer', textAlign: 'left', fontSize: '0.9em', transition: 'all 0.2s' }}
                    onMouseEnter={(e) => (e.currentTarget.style.background = '#f0f7ff')}
                    onMouseLeave={(e) => (e.currentTarget.style.background = '#fff')}
                  >
                    {opt.text}
                  </button>
                ))}
              </div>
            </div>
          )}

          {(step === 'searching' || step === 'generating') && (
            <Bubble sender="bot" text={loadingMsg} />
          )}

          {step === 'results' && (
            <div style={{ marginTop: 8 }}>
              <Bubble sender="bot" text={`摸清了！为你找到了 ${results.length} 篇精华文章：`} />
              <div style={{ marginTop: 12, background: '#fff', borderRadius: 12, padding: 16, border: '1px solid #e5e7eb' }}>
                {results.length === 0 ? (
                  <p style={{ color: '#999', textAlign: 'center' }}>抱歉，暂时没找到相关内容，换个关键词试试？</p>
                ) : (
                  results.map((r, i) => (
                    <a
                      key={r.id}
                      href={r.url}
                      target="_blank"
                      rel="noopener"
                      style={{ display: 'block', padding: '12px 0', borderBottom: i < results.length - 1 ? '1px solid #f0f0f0' : 'none', textDecoration: 'none', color: '#333' }}
                    >
                      <div style={{ fontWeight: 500, marginBottom: 4 }}>📄 {r.title}</div>
                      <div style={{ fontSize: '0.85em', color: '#888' }}>更新于 {r.update} • {r.summary}</div>
                    </a>
                  ))
                )}
              </div>
              {results.length > 0 && (
                <button
                  onClick={handleGenerateDoc}
                  style={{ marginTop: 16, padding: '12px 24px', background: '#10b981', color: '#fff', border: 'none', borderRadius: 8, cursor: 'pointer', fontWeight: 500, fontSize: '0.95em' }}
                >
                  ✨ 生成飞书文档保存
                </button>
              )}
            </div>
          )}

          {step === 'done' && docUrl && (
            <div style={{ marginTop: 8 }}>
              <Bubble sender="bot" text={`✅ 学习路径已生成！\n\n📄 [点击打开飞书文档](${docUrl})\n\n文档里已经整理好了所有链接和说明，随时可以打开看。有疑问随时问我 👇`} />
              <button
                onClick={() => { setStep('input'); setTopic(''); setResults([]); setDocUrl('') }}
                style={{ marginTop: 12, padding: '8px 16px', background: '#f3f4f6', border: 'none', borderRadius: 6, cursor: 'pointer', fontSize: '0.9em' }}
              >
                🔄 再来一次
              </button>
            </div>
          )}
        </div>
      </div>

      <footer style={{ textAlign: 'center', marginTop: 40, fontSize: '0.85em', color: '#999' }}>
        Powered by <a href="https://github.com/Onlyaguest/WayToAGI_Study_Reviver" style={{ color: '#666' }}>Study Reviver</a> • WaytoAGI 知识库
      </footer>
    </main>
  )
}

// 聊天气泡组件
function Bubble({ sender, text }: { sender: 'bot' | 'user'; text: string }) {
  const isBot = sender === 'bot'
  return (
    <div style={{ display: 'flex', justifyContent: isBot ? 'flex-start' : 'flex-end', marginBottom: 8 }}>
      <div style={{
        maxWidth: '85%',
        padding: '10px 14px',
        borderRadius: isBot ? '12px 12px 12px 2px' : '12px 12px 2px 12px',
        background: isBot ? '#fff' : '#3b82f6',
        color: isBot ? '#333' : '#fff',
        boxShadow: isBot ? '0 1px 3px rgba(0,0,0,0.05)' : 'none',
        whiteSpace: 'pre-wrap',
        lineHeight: 1.5,
        fontSize: '0.95em',
      }}>
        {text}
      </div>
    </div>
  )
}

import type { Metadata } from 'next'

export const metadata: Metadata = {
  title: 'WAYtoAGI 学习路径 — Study Reviver',
}

export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="zh-CN">
      <head>
        <link
          rel="preconnect"
          href="https://fonts.googleapis.com"
          crossOrigin="anonymous"
        />
        <link
          rel="preconnect"
          href="https://fonts.gstatic.com"
          crossOrigin="anonymous"
        />
        <link
          href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Manrope:wght@300;400;500;600;700;800&display=swap"
          rel="stylesheet"
        />
      </head>
      <body style={{ margin: 0 }}>{children}</body>
    </html>
  )
}

'use client'

import { useState, useEffect } from 'react'

type Step = 'input' | 'quiz' | 'searching' | 'results' | 'generating' | 'done'

interface Question {
  id: string
  title: string
  question: string
  options?: Array<{ key: string; text: string }>
}

interface Result {
  id: number
  title: string
  url: string
  update: string
  summary: string
}

export default function Home() {
  const [step, setStep] = useState<Step>('input')
  const [topic, setTopic] = useState('')
  const [questions, setQuestions] = useState<Question[]>([])
  const [currentQIndex, setCurrentQIndex] = useState(0)
  const [answers, setAnswers] = useState<Record<string, string>>({})
  const [results, setResults] = useState<Result[]>([])
  const [docUrl, setDocUrl] = useState('')
  const [loadingMsg, setLoadingMsg] = useState('')
  const [mounted, setMounted] = useState(false)
  const allTopics = ['Skill', 'Hermes', 'OpenClaw', 'AI 视频', 'AI 绘画', 'Claude Code', 'Vibe Coding', 'MCP', 'GEO', 'Harness']
  const [displayTopics, setDisplayTopics] = useState(allTopics.slice(0, 5))
  const [chatHistory, setChatHistory] = useState<Array<{type: 'bot' | 'user', content: string}>>([
    { type: 'bot', content: '你好呀！我是你的学习路径导航员。\n告诉我你想学什么？' }
  ])

  useEffect(() => {
    setMounted(true)
    setDisplayTopics([...allTopics].sort(() => Math.random() - 0.5).slice(0, 5))
  }, [])

  const addMessage = (type: 'bot' | 'user', content: string) => {
    setChatHistory(prev => [...prev, { type, content }])
  }

  const handleTopicSubmit = async () => {
    if (!topic.trim()) return
    
    addMessage('user', `我想学：${topic}`)
    setStep('quiz')
    
    await new Promise(r => setTimeout(r, 600))
    addMessage('bot', '好的！让我先了解一下你的情况，帮你找到最合适的路径 🧭')
    
    await new Promise(r => setTimeout(r, 800))
    
    try {
      const res = await fetch(`/api/quiz?topic=${encodeURIComponent(topic)}`)
      const data = await res.json()
      setQuestions(data.questions)
      addMessage('bot', `${data.questions[0]?.title || '第一题'}\n${data.questions[0]?.question || '你目前的 AI 工具使用经验？'}`)
    } catch (e) {
      setQuestions([
        { id: 'level', title: '🧙‍♂️ 灵魂拷问', question: '你目前的 AI 工具使用经验？', options: [
          { key: 'A', text: '纯小白，基本没用过 👶' },
          { key: 'B', text: '用过 ChatGPT/Kimi 等聊天 AI 💬' },
          { key: 'C', text: '经常使用多种 AI 工具 🛠️' },
          { key: 'D', text: '已经是高阶玩家了 🚀' },
        ]},
        { id: 'time', title: '📅 现实一点', question: '你一周能匀多少时间给学习？', options: [
          { key: 'A', text: '随缘，有空就看（每周 < 2h）🌊' },
          { key: 'B', text: '每天挤 1 小时（每周 ~5h）🕐' },
          { key: 'C', text: '认真学，每周 10h+ 📚' },
          { key: 'D', text: 'All in，这周啥也不干了就学它 🔥' },
        ]},
        { id: 'style', title: '🧠 学习偏好', question: '你更喜欢哪种学习方式？', options: [
          { key: 'A', text: '先看理论搞懂原理再动手 📖' },
          { key: 'B', text: '别废话了直接让我跑起来 🏃' },
          { key: 'C', text: '边看教程边做项目 🛠️' },
          { key: 'D', text: '给我文档自己啃，有问题再问 📋' },
        ]}
      ])
      addMessage('bot', '🧙‍♂️ 灵魂拷问\n你目前的 AI 工具使用经验？')
    }
  }

  const handleAnswer = async (key: string) => {
    const q = questions[currentQIndex]
    const selectedText = q.options?.find(o => o.key === key)?.text || key
    addMessage('user', selectedText)
    setAnswers(prev => ({ ...prev, [q.id]: key }))
    
    await new Promise(r => setTimeout(r, 400))
    
    if (currentQIndex < questions.length - 1) {
      const nextQ = questions[currentQIndex + 1]
      setCurrentQIndex(prev => prev + 1)
      addMessage('bot', `${nextQ.title}\n${nextQ.question}`)
    } else {
      setStep('searching')
      addMessage('bot', '收到！正在从 10000+ 篇文章中为你搜索最合适的路径...')
      
      await new Promise(r => setTimeout(r, 1200))
      
      try {
        const res = await fetch('/api/search', {
          method: 'POST',
          headers: { 'Content-Type': 'application/json' },
          body: JSON.stringify({ topic, level: answers.level, time: answers.time, style: answers.style })
        })
        const data = await res.json()
        
        if (data.error) {
          addMessage('bot', `抱歉，搜索遇到了问题：${data.error}`)
          setResults([])
        } else {
          const results = data.results || []
          setResults(results)
          addMessage('bot', `🎯 找到了！为你精选了 ${results.length} 篇最相关的文章：`)
        }
        setStep('results')
      } catch (e) {
        addMessage('bot', '抱歉，网络连接失败，请稍后重试。')
        setResults([])
        setStep('results')
      }
    }
  }

  const handleGenerateDoc = async () => {
    setStep('generating')
    addMessage('bot', '正在为你生成一份完整的学习路径文档...')
    
    await new Promise(r => setTimeout(r, 1000))
    
    try {
      const res = await fetch('/api/generate-doc', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({ topic, results, level: answers.level, time: answers.time, style: answers.style })
      })
      const data = await res.json()
      if (data.url) {
        setDocUrl(data.url)
        setStep('done')
        addMessage('bot', `✅ 搞定啦！\n\n你的学习路径文档已生成：\n${data.url}\n\n文档里包含了所有精选文章的链接和说明，随时可以打开看。有疑问随时找我 👋`)
      } else {
        throw new Error('No URL returned')
      }
    } catch (e) {
      addMessage('bot', '抱歉，生成文档时遇到了问题，请重试。')
      setStep('results')
    }
  }

  const resetFlow = () => {
    setStep('input')
    setTopic('')
    setResults([])
    setDocUrl('')
    setCurrentQIndex(0)
    setAnswers({})
    setQuestions([])
    setChatHistory([
      { type: 'bot', content: '你好呀！我是你的学习路径导航员。\n告诉我你想学什么？' }
    ])
  }

  return (
    <div className="page-root">
      {/* Background layers */}
      <div className="bg-base" />
      <div className="bg-gradient" />
      <div className="bg-grain" />
      
      {/* Floating elements */}
      <div className="float-el float-circle" />
      <div className="float-el float-diamond" />
      <div className="float-el float-line" />

      <main className={`main-wrap ${mounted ? 'in' : ''}`}>
        {/* Header - asymmetric layout */}
        <header className="site-header">
          <div className="header-left">
            <div className="brand-tag">WaytoAGI 知识库</div>
            <h1 className="hero-title">
              找到你的<br />
              <em className="title-em">学习路径</em>
            </h1>
          </div>
          <div className="header-right">
            <p className="hero-desc">AI 从 10000+ 篇文章中<br />为你精挑细选</p>
            <div className="stats-row">
              <div className="stat-item">
                <div className="stat-val">10000+</div>
                <div className="stat-label">篇文章</div>
              </div>
              <div className="stat-sep" />
              <div className="stat-item">
                <div className="stat-val">500+</div>
                <div className="stat-label">场活动</div>
              </div>
              <div className="stat-sep" />
              <div className="stat-item">
                <div className="stat-val">900 万</div>
                <div className="stat-label">学习者</div>
              </div>
            </div>
          </div>
        </header>

        {/* Chat card */}
        <section className="chat-panel">
          <div className="chat-box">
            <div className="chat-scroll">
            {chatHistory.map((msg, i) => (
              <div key={i} className={`chat-msg chat-${msg.type}`}>
                <div className="msg-body">
                  {msg.content.split('\n').map((line, j) => {
                    const urlRegex = /(https?:\/\/[^\s]+)/g
                    if (urlRegex.test(line)) {
                      const parts = line.split(urlRegex)
                      return (
                        <span key={j}>
                          {parts.map((part, k) => 
                            urlRegex.test(part) ? 
                              <a key={k} href={part} target="_blank" className="msg-link">{part}</a> : 
                              part
                          )}
                          {j < msg.content.split('\n').length - 1 && <br />}
                        </span>
                      )
                    }
                    return (
                      <span key={j}>
                        {line}
                        {j < msg.content.split('\n').length - 1 && <br />}
                      </span>
                    )
                  })}
                </div>
              </div>
            ))}
            </div>

            {/* Input */}
            {step === 'input' && (
              <div className="chat-input-row">
                <input
                  type="text"
                  value={topic}
                  onChange={(e) => setTopic(e.target.value)}
                  placeholder="你想学什么？"
                  className="chat-field"
                  onKeyDown={(e) => e.key === 'Enter' && handleTopicSubmit()}
                />
                <button onClick={handleTopicSubmit} className="chat-send" disabled={!topic.trim()}>
                  <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round">
                    <line x1="22" y1="2" x2="11" y2="13"></line>
                    <polygon points="22 2 15 22 11 13 2 9 22 2"></polygon>
                  </svg>
                </button>
              </div>
            )}

            {/* Quiz options */}
            {step === 'quiz' && questions[currentQIndex] && (
              <div className="chat-quiz">
                <div className="quiz-opts">
                  {questions[currentQIndex].options?.map(opt => (
                    <button
                      key={opt.key}
                      onClick={() => handleAnswer(opt.key)}
                      className="quiz-opt"
                    >
                      <span className="opt-char">{opt.key}</span>
                      <span className="opt-label">{opt.text}</span>
                    </button>
                  ))}
                </div>
              </div>
            )}

            {/* Generate button */}
            {step === 'results' && results.length > 0 && (
              <div className="chat-action">
                <button onClick={handleGenerateDoc} className="act-gen">
                  ✨ 生成完整学习路径文档
                </button>
              </div>
            )}

            {/* Reset */}
            {step === 'done' && (
              <div className="chat-action">
                <button onClick={resetFlow} className="act-reset">
                  重新开始 ↻
                </button>
              </div>
            )}
          </div>
        </section>

        {/* Topic chips */}
        {step === 'input' && (
          <div className="chips-area">
            <div className="chips-label">试试这些</div>
            <div className="chips-row">
              {displayTopics.map((t, i) => (
                  <button
                    key={t}
                    onClick={() => setTopic(t)}
                    className="chip"
                    style={{ animationDelay: `${i * 60}ms` }}
                >
                  {t}
                </button>
              ))}
            </div>
          </div>
        )}

        {/* Footer */}
        <footer className="site-footer">
          <span>Study Reviver</span>
          <span className="f-dot">·</span>
          <a href="https://waytoagi.feishu.cn/wiki/QPe5w5g7UisbEkkow8XcDmOpn8e">WaytoAGI 知识库</a>
        </footer>
      </main>

      <style>{`
        :root {
          --bg: #f6f5f2;
          --bg-warm: #f0eeea;
          --surface: #fffefc;
          --text: #181818;
          --text-sec: #6b6560;
          --text-muted: #9e9790;
          --accent: #c45d3e;
          --accent-h: #a84d32;
          --accent-sub: rgba(196, 93, 62, 0.05);
          --ok: #2a7a6e;
          --ok-h: #1f5f55;
          --brd: rgba(0,0,0,0.06);
          --brd-s: rgba(0,0,0,0.1);
          --sh-sm: 0 1px 2px rgba(0,0,0,0.03);
          --sh-md: 0 4px 12px rgba(0,0,0,0.05), 0 2px 4px rgba(0,0,0,0.03);
          --sh-lg: 0 12px 32px rgba(0,0,0,0.07), 0 4px 8px rgba(0,0,0,0.03);
          --r: 10px;
          --r-lg: 14px;
          --r-xl: 18px;
        }

        * { margin: 0; padding: 0; box-sizing: border-box; }

        .page-root {
          min-height: 100vh;
          background: var(--bg);
          font-family: 'Manrope', -apple-system, sans-serif;
          color: var(--text);
          position: relative;
          overflow-x: hidden;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
        }

        /* Background layers */
        .bg-base {
          position: fixed;
          inset: 0;
          z-index: 0;
          background: var(--bg);
        }

        .bg-gradient {
          position: fixed;
          inset: 0;
          z-index: 1;
          background: 
            radial-gradient(ellipse 65% 45% at 5% 10%, rgba(196,93,62,0.06) 0%, transparent 55%),
            radial-gradient(ellipse 45% 65% at 95% 90%, rgba(42,122,110,0.04) 0%, transparent 45%),
            radial-gradient(ellipse 35% 35% at 50% 50%, rgba(240,238,234,0.4) 0%, transparent 65%);
          animation: gradShift 30s ease-in-out infinite alternate;
        }

        @keyframes gradShift {
          0% { transform: translate(0,0) scale(1); }
          33% { transform: translate(1.5%,-1%) scale(1.015); }
          66% { transform: translate(-1%,1.5%) scale(0.985); }
          100% { transform: translate(0.5%,-0.5%) scale(1.005); }
        }

        .bg-grain {
          position: fixed;
          inset: 0;
          z-index: 2;
          pointer-events: none;
          opacity: 0.025;
          background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
          background-size: 200px 200px;
          background-repeat: repeat;
        }

        /* Floating decorations */
        .float-el {
          position: fixed;
          z-index: 3;
          pointer-events: none;
        }

        .float-circle {
          top: 6%;
          right: 10%;
          width: 100px;
          height: 100px;
          border: 1px solid rgba(196,93,62,0.08);
          border-radius: 50%;
          animation: f1 22s ease-in-out infinite;
        }

        .float-diamond {
          bottom: 12%;
          left: 6%;
          width: 60px;
          height: 60px;
          border: 1px solid rgba(42,122,110,0.06);
          transform: rotate(45deg);
          animation: f2 18s ease-in-out infinite;
        }

        .float-line {
          top: 35%;
          left: 12%;
          width: 1px;
          height: 60px;
          background: linear-gradient(to bottom, transparent, rgba(196,93,62,0.12), transparent);
          animation: f3 14s ease-in-out infinite;
        }

        @keyframes f1 {
          0%,100% { transform: translate(0,0); }
          50% { transform: translate(-8px,6px); }
        }

        @keyframes f2 {
          0%,100% { transform: rotate(45deg) translate(0,0); }
          50% { transform: rotate(45deg) translate(4px,-6px); }
        }

        @keyframes f3 {
          0%,100% { transform: translateY(0) scaleY(1); opacity: 0.6; }
          50% { transform: translateY(-8px) scaleY(1.15); opacity: 1; }
        }

        /* Main wrapper */
        .main-wrap {
          position: relative;
          z-index: 4;
          max-width: 660px;
          margin: 0 auto;
          padding: 0 20px;
        }

        .main-wrap.in .site-header { opacity: 1; transform: translateY(0); }
        .main-wrap.in .chat-panel { opacity: 1; transform: translateY(0); transition-delay: 0.12s; }
        .main-wrap.in .chips-area { opacity: 1; transform: translateY(0); transition-delay: 0.24s; }
        .main-wrap.in .site-footer { opacity: 1; transition-delay: 0.36s; }

        .site-header, .chat-panel, .chips-area {
          opacity: 0;
          transform: translateY(16px);
          transition: opacity 0.7s cubic-bezier(0.16,1,0.3,1), transform 0.7s cubic-bezier(0.16,1,0.3,1);
        }

        .site-footer {
          opacity: 0;
          transition: opacity 0.8s ease 0.36s;
        }

        /* Header */
        .site-header {
          display: flex;
          justify-content: space-between;
          align-items: flex-end;
          padding: 56px 0 40px;
          gap: 28px;
        }

        .header-left { flex: 1; }

        .brand-tag {
          font-size: 0.65rem;
          letter-spacing: 0.18em;
          text-transform: uppercase;
          color: var(--text-muted);
          font-weight: 700;
          margin-bottom: 10px;
        }

        .hero-title {
          font-family: 'Instrument Serif', Georgia, serif;
          font-size: clamp(2rem, 4.5vw, 2.8rem);
          font-weight: 400;
          line-height: 1.08;
          letter-spacing: -0.025em;
          color: var(--text);
        }

        .title-em {
          font-style: italic;
          color: var(--accent);
        }

        .header-right {
          text-align: right;
          min-width: 160px;
        }

        .hero-desc {
          font-size: 0.85rem;
          color: var(--text-sec);
          line-height: 1.5;
          margin-bottom: 16px;
          font-weight: 400;
        }

        .stats-row {
          display: flex;
          align-items: center;
          gap: 10px;
          justify-content: flex-end;
        }

        .stat-item {
          display: flex;
          flex-direction: column;
          align-items: flex-end;
        }

        .stat-val {
          font-size: 0.8rem;
          font-weight: 800;
          color: var(--text);
          letter-spacing: -0.03em;
          line-height: 1;
        }

        .stat-label {
          font-size: 0.58rem;
          color: var(--text-muted);
          text-transform: uppercase;
          letter-spacing: 0.06em;
          margin-top: 3px;
        }

        .stat-sep {
          width: 1px;
          height: 20px;
          background: var(--brd-s);
        }

        /* Chat panel */
        .chat-panel {
          opacity: 0;
          transform: translateY(16px);
        }

        .chat-box {
          background: var(--surface);
          border-radius: var(--r-xl);
          box-shadow: var(--sh-lg);
          border: 1px solid var(--brd);
          overflow: hidden;
          display: flex;
          flex-direction: column;
          min-height: 400px;
          max-height: 580px;
        }

        .chat-scroll {
          flex: 1;
          padding: 24px;
          overflow-y: auto;
          display: flex;
          flex-direction: column;
          gap: 14px;
          scrollbar-width: thin;
          scrollbar-color: var(--brd) transparent;
        }

        .chat-scroll::-webkit-scrollbar { width: 3px; }
        .chat-scroll::-webkit-scrollbar-track { background: transparent; }
        .chat-scroll::-webkit-scrollbar-thumb { background: var(--brd); border-radius: 2px; }

        /* Messages */
        .chat-msg {
          display: flex;
          animation: msgIn 0.35s cubic-bezier(0.16,1,0.3,1);
        }

        @keyframes msgIn {
          from { opacity: 0; transform: translateY(6px); }
          to { opacity: 1; transform: translateY(0); }
        }

        .chat-bot { justify-content: flex-start; }
        .chat-user { justify-content: flex-end; }

        .msg-body {
          max-width: 78%;
          padding: 11px 15px;
          border-radius: 15px;
          line-height: 1.55;
          font-size: 0.85rem;
          white-space: pre-wrap;
        }

        .chat-bot .msg-body {
          background: var(--bg-warm);
          color: var(--text);
          border-bottom-left-radius: 5px;
          border: 1px solid var(--brd);
        }

        .chat-user .msg-body {
          background: var(--text);
          color: #fff;
          border-bottom-right-radius: 5px;
        }

        .msg-link {
          color: var(--accent);
          text-decoration: underline;
          text-underline-offset: 2px;
          word-break: break-all;
        }

        .chat-user .msg-link {
          color: #7dd3fc;
        }

        /* Input row */
        .chat-input-row {
          padding: 16px 24px;
          border-top: 1px solid var(--brd);
          display: flex;
          gap: 10px;
          align-items: center;
          background: var(--surface);
        }

        .chat-field {
          flex: 1;
          padding: 10px 0;
          border: none;
          font-size: 0.85rem;
          font-family: inherit;
          color: var(--text);
          background: transparent;
          outline: none;
        }

        .chat-field::placeholder { color: var(--text-muted); }

        .chat-send {
          width: 34px;
          height: 34px;
          border-radius: 50%;
          background: var(--accent);
          color: #fff;
          border: none;
          cursor: pointer;
          display: flex;
          align-items: center;
          justify-content: center;
          transition: all 0.2s;
        }

        .chat-send:disabled { opacity: 0.35; cursor: not-allowed; }
        .chat-send:not(:disabled):hover { background: var(--accent-h); transform: scale(1.06); }

        /* Quiz */
        .chat-quiz {
          padding: 0 24px 20px;
        }

        .quiz-opts {
          display: grid;
          grid-template-columns: 1fr 1fr;
          gap: 7px;
        }

        .quiz-opt {
          display: flex;
          align-items: center;
          gap: 9px;
          padding: 11px 12px;
          background: var(--bg);
          border: 1.5px solid var(--brd);
          border-radius: var(--r);
          font-size: 0.78rem;
          font-family: inherit;
          color: var(--text);
          cursor: pointer;
          text-align: left;
          line-height: 1.35;
          transition: all 0.18s;
        }

        .quiz-opt:hover {
          border-color: var(--accent);
          background: var(--accent-sub);
        }

        .opt-char {
          width: 18px;
          height: 18px;
          border-radius: 5px;
          background: var(--surface);
          border: 1px solid var(--brd-s);
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 0.65rem;
          font-weight: 700;
          color: var(--text-sec);
          flex-shrink: 0;
          transition: all 0.18s;
        }

        .quiz-opt:hover .opt-char {
          border-color: var(--accent);
          color: var(--accent);
        }

        /* Action area */
        .chat-action {
          padding: 14px 24px 20px;
          border-top: 1px solid var(--brd);
        }

        .act-gen {
          width: 100%;
          padding: 13px;
          background: var(--ok);
          color: #fff;
          border: none;
          border-radius: var(--r);
          font-size: 0.84rem;
          font-weight: 600;
          font-family: inherit;
          cursor: pointer;
          transition: all 0.2s;
        }

        .act-gen:hover { background: var(--ok-h); transform: translateY(-1px); }

        .act-reset {
          background: none;
          border: none;
          color: var(--text-muted);
          font-size: 0.82rem;
          font-family: inherit;
          cursor: pointer;
          padding: 6px 0;
          transition: color 0.2s;
        }

        .act-reset:hover { color: var(--text); }

        /* Chips */
        .chips-area {
          margin-top: 28px;
          opacity: 0;
          transform: translateY(10px);
        }

        .chips-label {
          font-size: 0.65rem;
          letter-spacing: 0.12em;
          text-transform: uppercase;
          color: var(--text-muted);
          font-weight: 700;
          margin-bottom: 10px;
          text-align: center;
        }

        .chips-row {
          display: flex;
          gap: 7px;
          justify-content: center;
          flex-wrap: wrap;
        }

        .chip {
          padding: 6px 14px;
          background: var(--surface);
          border: 1px solid var(--brd);
          border-radius: 100px;
          font-size: 0.78rem;
          font-family: inherit;
          color: var(--text-sec);
          cursor: pointer;
          transition: all 0.22s;
          animation: chipIn 0.5s ease both;
        }

        @keyframes chipIn {
          from { opacity: 0; transform: translateY(6px); }
          to { opacity: 1; transform: translateY(0); }
        }

        .chip:hover {
          border-color: var(--accent);
          color: var(--accent);
          background: var(--accent-sub);
        }

        /* Footer */
        .site-footer {
          text-align: center;
          padding: 36px 0 44px;
          font-size: 0.72rem;
          color: var(--text-muted);
          opacity: 0;
          display: flex;
          align-items: center;
          justify-content: center;
          gap: 7px;
        }

        .site-footer a {
          color: var(--text-sec);
          text-decoration: none;
          transition: color 0.2s;
        }

        .site-footer a:hover { color: var(--text); }

        .f-dot { opacity: 0.4; }

        /* Responsive */
        @media (max-width: 600px) {
          .site-header {
            flex-direction: column;
            align-items: flex-start;
            gap: 20px;
            padding: 44px 0 28px;
          }
          .header-right { text-align: left; }
          .stats-row { justify-content: flex-start; }
          .quiz-opts { grid-template-columns: 1fr; }
          .chat-box { min-height: 360px; }
        }
      `}</style>
    </div>
  )
}

[
  {
    "id": "ai-beginner",
    "emoji": "🌱",
    "title": "零基础 AI 入门",
    "subtitle": "不会编程也没关系。5 天，每天 1 小时",
    "audience": "对 AI 完全没概念的纯小白",
    "duration": "5天 × 1小时/天",
    "docUrl": "https://www.feishu.cn/docx/IoR9dngXtoiLN5xUpI1ca11XnPc",
    "tags": ["零基础", "入门", "AI工具", "不会编程"],
    "days": [
      {"day": 1, "title": "AI 到底是什么？", "desc": "一文打通 AI 底层逻辑"},
      {"day": 2, "title": "动手试试 AI 工具", "desc": "即梦 AI 基础操作入门"},
      {"day": 3, "title": "AI 能帮你做什么", "desc": "AI 产品经理入门指南"},
      {"day": 4, "title": "加入社区一起学", "desc": "WAYtoAGI 学习路径与课程"},
      {"day": 5, "title": "试试 AI 编程", "desc": "n8n 零基础入门，拖拽搭工作流"}
    ]
  },
  {
    "id": "claude-code",
    "emoji": "💻",
    "title": "一周入门 Claude Code",
    "subtitle": "会一点 Python，每天 2 小时",
    "audience": "想用 AI 写代码提效的开发者",
    "duration": "7天 × 2小时/天",
    "docUrl": "https://www.feishu.cn/docx/CflwdhZc2omYpyxRyovckPj8nbf",
    "tags": ["Claude Code", "编程", "Python", "开发者"],
    "days": [
      {"day": 1, "title": "搞懂底层逻辑", "desc": "从 LLM 到 Agent 一次打通"},
      {"day": 2, "title": "安装 + 跑通", "desc": "保姆级入门，不学命令行版"},
      {"day": 3, "title": "5 个必学技巧", "desc": "3 条铁律告别代码屎山"},
      {"day": 4, "title": "做一个真实项目", "desc": "文科生小白也能上手"},
      {"day": 5, "title": "插件和高效工作流", "desc": "5 分钟上手 Claude Code 插件"},
      {"day": 6, "title": "看直播 + 案例", "desc": "Claude Code 系列直播课"},
      {"day": 7, "title": "总结 + 下一步", "desc": "10 万字中文教程索引"}
    ]
  },
  {
    "id": "ai-product",
    "emoji": "🚀",
    "title": "AI 产品创业者",
    "subtitle": "有想法没技术，2 周做出 MVP",
    "audience": "想做自己的 AI 产品的创业者",
    "duration": "2周 × 5小时/周",
    "docUrl": "https://www.feishu.cn/docx/NgVadG77go3VWJxlpfQcQvQnnxf",
    "tags": ["产品", "创业", "MVP", "商业"],
    "days": [
      {"day": 1, "title": "Week 1: 理解 AI 产品逻辑", "desc": "拆解成功案例，学产品设计"},
      {"day": 2, "title": "Week 2: 动手做 MVP", "desc": "用 Claude Code 做出来"}
    ]
  },
  {
    "id": "agent-arch",
    "emoji": "🧠",
    "title": "Agent 架构深度学习",
    "subtitle": "有编程基础，2 周深入多智能体",
    "audience": "想深入理解 Agent 架构的技术人",
    "duration": "2周 × 2小时/天",
    "docUrl": "https://www.feishu.cn/docx/RP93dlkN1oNah3xcagWcZoIDnle",
    "tags": ["Agent", "多智能体", "架构", "Harness"],
    "days": [
      {"day": 1, "title": "Week 1: Agent 基础概念", "desc": "核心组件 + 8 个等级 + 5 种协作模式"},
      {"day": 2, "title": "Week 2: Harness 工程实战", "desc": "工具设计 + 搭多 Agent 系统"}
    ]
  },
  {
    "id": "community-ops",
    "emoji": "📣",
    "title": "社区运营 AI 提效",
    "subtitle": "管群做活动写内容，5 天让 AI 帮你",
    "audience": "社区运营者",
    "duration": "5天 × 1小时/天",
    "docUrl": "https://www.feishu.cn/docx/Ye42dtcuxokjmbxRyr6cLKLNnkD",
    "tags": ["运营", "社区", "自动化", "效率"],
    "days": [
      {"day": 1, "title": "AI 能帮运营做什么", "desc": "34 个飞书 CLI 玩法"},
      {"day": 2, "title": "整理会议纪要", "desc": "Study Reviver + Live Replay"},
      {"day": 3, "title": "搭自动化工作流", "desc": "n8n 零基础入门"},
      {"day": 4, "title": "用 AI 做内容", "desc": "Claude Code 保姆级入门"},
      {"day": 5, "title": "规划 AI 运营体系", "desc": "飞书 CLI Best Practice"}
    ]
  }
]

const FEISHU_APP_ID = process.env.FEISHU_APP_ID
const FEISHU_APP_SECRET = process.env.FEISHU_APP_SECRET
const WIKI_SPACE_ID = process.env.FEISHU_WIKI_SPACE_ID || '7226178700923011075'

let cachedToken: string | null = null
let tokenExpireTime = 0

async function getTenantToken(): Promise<string> {
  if (cachedToken && Date.now() < tokenExpireTime) return cachedToken

  console.log('Fetching Feishu tenant token...')
  const res = await fetch('https://open.feishu.cn/open-apis/auth/v3/tenant_access_token/internal', {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify({
      app_id: FEISHU_APP_ID,
      app_secret: FEISHU_APP_SECRET
    })
  })

  const text = await res.text()
  let data
  try { data = JSON.parse(text) } catch { throw new Error('Token fetch failed: Invalid JSON') }
  if (data.code !== 0) throw new Error(`Token fetch failed: ${data.msg}`)

  cachedToken = data.tenant_access_token
  tokenExpireTime = Date.now() + (data.expire - 300) * 1000
  return cachedToken
}

async function fetchWikiNodes(spaceId: string, parentToken: string = '', pageToken: string = '') {
  const token = await getTenantToken()
  const url = new URL(`https://open.feishu.cn/open-apis/wiki/v2/spaces/${spaceId}/nodes`)
  
  // Feishu API logic:
  // To get root nodes: Do NOT pass parent_node_token.
  // To get children: Pass parent_node_token.
  // Pagination: Pass page_token (if available from previous response).
  
  if (parentToken) {
    url.searchParams.set('parent_node_token', parentToken)
  }
  
  // If it's the first page, page_token is usually empty/undefined.
  // If we have a token, use it.
  if (pageToken) {
    url.searchParams.set('page_token', pageToken)
  }

  url.searchParams.set('page_size', '50')

  const res = await fetch(url.toString(), {
    method: 'GET',
    headers: { 'Authorization': `Bearer ${token}`, 'Content-Type': 'application/json' }
  })
  
  const text = await res.text()
  try { return JSON.parse(text) } catch { return { code: 1, data: { items: [], has_more: false } } }
}

async function crawlWikiNodes(spaceId: string, parentToken: string = '', depth: number = 0, maxDepth: number = 2): Promise<any[]> {
  if (depth > maxDepth) return []

  let allNodes: any[] = []
  let pageToken = ''
  let hasMore = true
  let firstFetch = true

  while (hasMore) {
    const data = await fetchWikiNodes(spaceId, parentToken, firstFetch ? '' : pageToken)
    firstFetch = false
    
    if (data.code !== 0) {
      console.warn('Failed to fetch nodes:', data.msg, data.code)
      break
    }

    const items = data.data?.items || []
    allNodes.push(...items)
    
    hasMore = data.data?.has_more
    pageToken = data.data?.page_token

    if (hasMore) await new Promise(r => setTimeout(r, 200)) // Rate limit safety
  }

  // Recursively fetch children if they have any
  // Only fetch children if we are not at max depth
  if (depth < maxDepth) {
    for (const node of allNodes) {
      if (node.has_child) {
        const children = await crawlWikiNodes(spaceId, node.node_token, depth + 1, maxDepth)
        allNodes = [...allNodes, ...children]
        await new Promise(r => setTimeout(r, 200)) // Rate limit safety between recursive calls
      }
    }
  }

  return allNodes
}

export async function searchDocs(query: string) {
  try {
    console.log(`Starting deep crawl for space: ${WIKI_SPACE_ID}, query: "${query}"`)
    
    // Start crawling from root
    const allNodes = await crawlWikiNodes(WIKI_SPACE_ID, '', 0, 2)
    console.log(`Crawled ${allNodes.length} total nodes.`)

    const lowerQuery = query.toLowerCase()
    const keywords = query.includes(' OR ') 
      ? query.split(' OR ').map(k => k.trim().toLowerCase()) 
      : [lowerQuery]

    // Filter nodes that match keywords in title
    const matched = allNodes.filter((item: any) => {
      const title = (item.title || '').toLowerCase()
      return keywords.some(k => title.includes(k))
    })

    console.log(`Matched ${matched.length} nodes.`)

    return matched.map((item: any, i: number) => ({
      id: i,
      title: item.title || '未命名文档',
      url: item.url || `https://waytoagi.feishu.cn/wiki/${item.node_token}`,
      update: item.obj_edit_time ? new Date(parseInt(item.obj_edit_time) * 1000).toISOString().split('T')[0] : '',
      summary: `类型: ${item.obj_type === 'docx' ? '文档' : '目录'} · 来自知识库`
    }))
  } catch (error) {
    console.error('searchDocs error:', error)
    throw error
  }
}

export async function createDocWithContent(title: string, results: any[]) {
  try {
    const token = await getTenantToken()
    console.log('Creating Feishu doc:', title)

    const docRes = await fetch('https://open.feishu.cn/open-apis/docx/v1/documents', {
      method: 'POST',
      headers: { 'Authorization': `Bearer ${token}`, 'Content-Type': 'application/json' },
      body: JSON.stringify({ title })
    })
    const docData = await docRes.json()
    if (docData.code !== 0) throw new Error(`Create doc failed: ${docData.msg}`)

    const docId = docData.data.document.document_id
    const rootBlockId = docData.data.document.root_block_id

    // Build content blocks
    const blocks: any[] = [
      { block_type: 1, text: { elements: [{ text_run: { content: `📚 为你精选了 ${results.length} 篇相关文章：`, text_element_style: {} } }], style: {} } },
      { block_type: 1, text: { elements: [{ text_run: { content: '', text_element_style: {} } }], style: {} } } // Empty line
    ]

    // Add each result
    results.forEach((r: any, i: number) => {
      blocks.push({
        block_type: 2,
        heading: { level: 2, elements: [{ text_run: { content: `${i + 1}. ${r.title}`, text_element_style: {} } }] }
      })
      blocks.push({
        block_type: 4,
        text: {
          elements: [
            { text_run: { content: '🔗 链接: ', text_element_style: {} } },
            { text_run: { content: r.url, text_element_style: { link: { url: r.url } } } }
          ],
          style: {}
        }
      })
      if (r.summary) {
        blocks.push({
          block_type: 4,
          text: { elements: [{ text_run: { content: `📝 ${r.summary}`, text_element_style: {} } }], style: {} }
        })
      }
      blocks.push({ block_type: 1, text: { elements: [{ text_run: { content: '', text_element_style: {} } }], style: {} } })
    })

    // Append blocks
    await fetch(`https://open.feishu.cn/open-apis/docx/v1/documents/${docId}/blocks/${rootBlockId}/children`, {
      method: 'POST',
      headers: { 'Authorization': `Bearer ${token}`, 'Content-Type': 'application/json' },
      body: JSON.stringify({ children: blocks })
    })

    return `https://waytoagi.feishu.cn/docx/${docId}`
  } catch (error) {
    console.error('createDocWithContent error:', error)
    throw error
  }
}

MIT License

Copyright (c) 2026 Vivi

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

/// <reference types="next" />
/// <reference types="next/image-types/global" />

// NOTE: This file should not be edited
// see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.

/** @type {import('next').NextConfig} */
module.exports = { output: 'standalone' }

{
  "name": "study-reviver",
  "version": "1.0.0",
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start"
  },
  "dependencies": {
    "next": "^14.0.0",
    "react": "^18.0.0",
    "react-dom": "^18.0.0"
  },
  "devDependencies": {
    "@types/node": "25.6.0",
    "@types/react": "19.2.14",
    "typescript": "6.0.2"
  }
}