demo 效果展示，方便 hf 部署浏览

src/app/api/documents/[id]/route.ts

@@ -1,17 +1,19 @@
-import { NextResponse } from 'next/server';
+import { NextRequest, NextResponse } from 'next/server';
 import db from '@/lib/db';
 
 export async function GET(
-  request: Request,
+  request: NextRequest,
   { params }: { params: Promise<{ id: string }> }
 ) {
   try {
     const resolvedParams = await params;
     const { id } = resolvedParams;
+    const isDemoMode = request.nextUrl.searchParams.get('mode') === 'demo';
     
     // DEMO DATA HANDLER
-    if (id.startsWith('demo/')) {
+    if (isDemoMode || id.startsWith('demo/')) {
         // Return static content for demo docs
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         const demoDocs: Record<string, any> = {
             'demo/kb1/doc1': {
                 id: 'demo/kb1/doc1',

src/app/api/documents/route.ts

@@ -1,10 +1,12 @@
 
-import { NextResponse } from 'next/server';
+import { NextRequest, NextResponse } from 'next/server';
 import db from '@/lib/db';
 import { startYuqueSync, getSyncStatus } from '@/lib/yuque-service';
 
-export async function GET() {
+export async function GET(req: NextRequest) {
   try {
+    const isDemoMode = req.nextUrl.searchParams.get('mode') === 'demo';
+
     // Select all columns EXCEPT content_preview to reduce payload size, but include length for stats
     // Use word_count if available (more accurate), otherwise fallback to 0 (will be updated on next sync)
     const docs = db.prepare(`
@@ -21,7 +23,7 @@ export async function GET() {
     
     // DEMO DATA FALLBACK
     // If database is empty or connection fails, return static demo data for HuggingFace/Demo purposes
-    if (docs.length === 0 && kbs.length === 0) {
+    if (isDemoMode || (docs.length === 0 && kbs.length === 0)) {
         return NextResponse.json({
             documents: [
                 {

src/app/api/history/sessions/route.ts

@@ -2,12 +2,13 @@ import { NextRequest, NextResponse } from 'next/server';
 import db from '@/lib/db';
 
 // GET: List all sessions
-export async function GET() {
+export async function GET(req: NextRequest) {
   try {
+    const isDemoMode = req.nextUrl.searchParams.get('mode') === 'demo';
     const sessions = db.prepare('SELECT * FROM sessions ORDER BY created_at DESC').all();
     
     // DEMO DATA FALLBACK
-    if (sessions.length === 0) {
+    if (isDemoMode || sessions.length === 0) {
         return NextResponse.json([
             {
                 id: 'demo-session-1',

src/app/knowledge/page.tsx

@@ -325,19 +325,27 @@ function KnowledgePageContent() {
 
   const fetchDocuments = async () => {
     try {
-      const res = await fetch('/api/documents');
+      const isDemoEnv = process.env.NEXT_PUBLIC_DEMO_MODE === 'true';
+      const isDemoParam = searchParams.get('demo') === 'true';
+      const isDemo = isDemoEnv || isDemoParam;
+
+      const res = await fetch(`/api/documents${isDemo ? '?mode=demo' : ''}`);
       const data = await res.json();
       setDocuments(data.documents || []);
       setKnowledgeBases(data.knowledgeBases || []);
       setSyncStatus(data.status);
       
-      // Initial KB selection logic (only if not already set via URL)
-      if (!currentKbNamespace && data.knowledgeBases && data.knowledgeBases.length > 0) {
+      // Initial KB selection logic
+      if (data.knowledgeBases && data.knowledgeBases.length > 0) {
          // Check URL first
          const kbParam = searchParams.get('kb');
-         if (kbParam && data.knowledgeBases.some((k: KnowledgeBase) => k.namespace === kbParam)) {
-             setCurrentKbNamespace(kbParam);
+         // Verify if the kbParam actually exists in the fetched knowledge bases
+         const kbExists = kbParam && data.knowledgeBases.some((k: KnowledgeBase) => k.namespace === kbParam);
+         
+         if (kbExists) {
+             if (!currentKbNamespace) setCurrentKbNamespace(kbParam);
          } else {
+             // If no KB selected, or selected KB doesn't exist (e.g. switching modes), select the first one
              setCurrentKbNamespace(data.knowledgeBases[0].namespace);
          }
       }
@@ -430,7 +438,11 @@ function KnowledgePageContent() {
       if (selectedNode && !selectedNode.doc.content_preview && selectedNode.doc.id) {
         setIsLoadingContent(true);
         try {
-          const res = await fetch(`/api/documents/${encodeURIComponent(selectedNode.doc.id)}`);
+          const isDemoEnv = process.env.NEXT_PUBLIC_DEMO_MODE === 'true';
+          const isDemoParam = searchParams.get('demo') === 'true';
+          const isDemo = isDemoEnv || isDemoParam;
+
+          const res = await fetch(`/api/documents/${encodeURIComponent(selectedNode.doc.id)}${isDemo ? '?mode=demo' : ''}`);
           if (res.ok) {
              const data = await res.json();
              if (data.content_preview) {
@@ -461,7 +473,7 @@ function KnowledgePageContent() {
     }, 2000);
 
     return () => clearInterval(interval);
-  }, [syncStatus.status]);
+  }, [syncStatus.status, searchParams.get('demo')]);
 
   const handleSync = async () => {
     try {
@@ -494,6 +506,11 @@ function KnowledgePageContent() {
                 </div>
 
                 <div className="flex items-center gap-4">
+                    {(process.env.NEXT_PUBLIC_DEMO_MODE === 'true' || searchParams.get('demo') === 'true') && (
+                        <div className="px-2 py-1 bg-amber-100 dark:bg-amber-900/30 text-amber-700 dark:text-amber-300 text-xs font-medium rounded border border-amber-200 dark:border-amber-800">
+                            Demo Mode
+                        </div>
+                    )}
                     <button
                         onClick={handleSync}
                         disabled={syncStatus.status === 'running'}

src/hooks/useChatHistory.ts

@@ -110,7 +110,8 @@ export function useChatHistory() {
   useEffect(() => {
     async function fetchSessions() {
         try {
-            const res = await fetch('/api/history/sessions');
+            const isDemo = process.env.NEXT_PUBLIC_DEMO_MODE === 'true';
+            const res = await fetch(`/api/history/sessions${isDemo ? '?mode=demo' : ''}`);
             if (!res.ok) throw new Error('Failed to fetch sessions');
             const data = await res.json();
             setSessions(data);

备注.md

@@ -1,9 +0,0 @@
-
-你实现的demo 功能，上传之后没有啊，能不能在本地看一下，或者用什么方式检查一下，确定可以再上传。或者是你确保代码没问题，也可以直接更新，告诉，我再上传试一下
-- 知识库管理页面 ：
-- 将显示 2 个演示知识库：“产品手册”和“技术文档”。
-- 包含 3 篇演示文档：“RAG 系统介绍”、“快速开始指南”和“API 接口文档”。
-- 文档列表会显示字数、同步时间等模拟数据。
-- 历史对话记录 ：
-- 侧边栏会显示 2 个历史会话：“什么是 RAG 架构？”和“DeepSeek V3 性能评估”。
-- 点击这些会话，可以查看预设的对话内容（问答详情）。