diff --git a/apps/DocFlow/src/app/docs/_components/ChatPanel/chat-tab-bar.tsx b/apps/DocFlow/src/app/docs/_components/ChatPanel/chat-tab-bar.tsx
index da06098..e6a7530 100644
--- a/apps/DocFlow/src/app/docs/_components/ChatPanel/chat-tab-bar.tsx
+++ b/apps/DocFlow/src/app/docs/_components/ChatPanel/chat-tab-bar.tsx
@@ -1,5 +1,6 @@
 'use client';
 
+import { useState, useRef, useEffect } from 'react';
 import { X, Plus, Clock, Sparkles } from 'lucide-react';
 
 import type { ChatTab } from '@/stores/chatStore';
@@ -23,6 +24,7 @@ interface ChatTabBarProps {
   onNewTab: () => void;
   onSwitchTab: (tabId: string) => void;
   onCloseTab: (tabId: string) => void;
+  onRenameTab: (tabId: string, newTitle: string) => void;
   onOpenSession: (session: SessionItem) => void;
   onRefreshSessions: () => void;
   onClosePanel: () => void;
@@ -35,10 +37,45 @@ export function ChatTabBar({
   onNewTab,
   onSwitchTab,
   onCloseTab,
+  onRenameTab,
   onOpenSession,
   onRefreshSessions,
   onClosePanel,
 }: ChatTabBarProps) {
+  const [editingTabId, setEditingTabId] = useState<string | null>(null);
+  const [editValue, setEditValue] = useState('');
+  const inputRef = useRef<HTMLInputElement>(null);
+
+  useEffect(() => {
+    if (editingTabId && inputRef.current) {
+      inputRef.current.focus();
+      inputRef.current.select();
+    }
+  }, [editingTabId]);
+
+  const handleDoubleClick = (tabId: string, title: string) => {
+    setEditingTabId(tabId);
+    setEditValue(title);
+  };
+
+  const handleRenameSubmit = () => {
+    if (editingTabId && editValue.trim()) {
+      onRenameTab(editingTabId, editValue.trim());
+    }
+
+    setEditingTabId(null);
+    setEditValue('');
+  };
+
+  const handleKeyDown = (e: React.KeyboardEvent) => {
+    if (e.key === 'Enter') {
+      handleRenameSubmit();
+    } else if (e.key === 'Escape') {
+      setEditingTabId(null);
+      setEditValue('');
+    }
+  };
+
   return (
     <div className="flex items-center bg-white border-b border-gray-100 min-h-[38px]">
       <div className="flex-1 flex items-center overflow-x-auto [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]">
@@ -46,6 +83,7 @@ export function ChatTabBar({
           <button
             key={tab.id}
             onClick={() => onSwitchTab(tab.id)}
+            onDoubleClick={() => handleDoubleClick(tab.id, tab.title)}
             className={cn(
               'group relative flex items-center gap-1.5 px-3 py-2 text-xs font-medium whitespace-nowrap max-w-[200px] min-w-0 transition-colors shrink-0',
               tab.id === activeTabId
@@ -54,7 +92,20 @@ export function ChatTabBar({
             )}
           >
             <Sparkles className="h-3 w-3 shrink-0 text-blue-500" />
-            <span className="truncate">{tab.title}</span>
+            {editingTabId === tab.id ? (
+              <input
+                ref={inputRef}
+                type="text"
+                value={editValue}
+                onChange={(e) => setEditValue(e.target.value)}
+                onBlur={handleRenameSubmit}
+                onKeyDown={handleKeyDown}
+                onClick={(e) => e.stopPropagation()}
+                className="w-full bg-white border border-blue-500 rounded px-1 py-0.5 text-gray-800 outline-none"
+              />
+            ) : (
+              <span className="truncate">{tab.title}</span>
+            )}
             {tabs.length > 1 && (
               <span
                 role="button"
diff --git a/apps/DocFlow/src/app/docs/_components/ChatPanel/index.tsx b/apps/DocFlow/src/app/docs/_components/ChatPanel/index.tsx
index 1e6825c..3ee25ce 100644
--- a/apps/DocFlow/src/app/docs/_components/ChatPanel/index.tsx
+++ b/apps/DocFlow/src/app/docs/_components/ChatPanel/index.tsx
@@ -288,6 +288,10 @@ export function ChatPanel({ className }: ChatPanelProps) {
     removeTab(tabId);
   };
 
+  const handleRenameTab = (tabId: string, newTitle: string) => {
+    updateTab(tabId, { title: newTitle });
+  };
+
   const handleOpenSession = (session: { id: string; title: string }) => {
     const existing = tabs.find((t) => t.conversationId === session.id);
 
@@ -477,6 +481,7 @@ export function ChatPanel({ className }: ChatPanelProps) {
         onNewTab={handleNewTab}
         onSwitchTab={handleSwitchTab}
         onCloseTab={handleCloseTab}
+        onRenameTab={handleRenameTab}
         onOpenSession={handleOpenSession}
         onRefreshSessions={refreshSessions}
         onClosePanel={() => setIsOpen(false)}
diff --git a/apps/DocFlow/src/stores/chatStore.ts b/apps/DocFlow/src/stores/chatStore.ts
index 5e80e6b..7e6feee 100644
--- a/apps/DocFlow/src/stores/chatStore.ts
+++ b/apps/DocFlow/src/stores/chatStore.ts
@@ -1,4 +1,5 @@
 import { create } from 'zustand';
+import { persist } from 'zustand/middleware';
 
 export interface ChatTab {
   id: string;
@@ -29,6 +30,7 @@ interface ChatState {
   updateTab: (id: string, updates: Partial<Omit<ChatTab, 'id'>>) => void;
   setDocumentReference: (reference: DocumentReference | null) => void;
   setPresetMessage: (message: string | null) => void;
+  onRenameTab: (id: string, newTitle: string) => void;
 }
 
 let tabCounter = 0;
@@ -39,77 +41,115 @@ function createTabId(): string {
   return `tab-${tabCounter}-${Date.now()}`;
 }
 
-export const useChatStore = create<ChatState>((set, get) => ({
-  isOpen: true,
-  tabs: [],
-  activeTabId: null,
-  documentReference: null,
-  presetMessage: null,
-
-  setIsOpen: (isOpen) => {
-    set({ isOpen });
-
-    if (isOpen && get().tabs.length === 0) {
-      get().addTab();
-    }
-  },
-
-  togglePanel: () => {
-    const next = !get().isOpen;
-    set({ isOpen: next });
-
-    if (next && get().tabs.length === 0) {
-      get().addTab();
-    }
-  },
-
-  addTab: (tab) => {
-    const id = createTabId();
-    const newTab: ChatTab = {
-      id,
-      title: tab?.title || '新对话',
-      conversationId: tab?.conversationId || null,
-    };
-
-    set((state) => ({
-      tabs: [...state.tabs, newTab],
-      activeTabId: id,
-    }));
-
-    return id;
-  },
-
-  removeTab: (id) => {
-    set((state) => {
-      const newTabs = state.tabs.filter((t) => t.id !== id);
-      let newActiveId = state.activeTabId;
-
-      if (state.activeTabId === id) {
-        const removedIndex = state.tabs.findIndex((t) => t.id === id);
-
-        if (newTabs.length > 0) {
-          newActiveId = newTabs[Math.min(removedIndex, newTabs.length - 1)].id;
-        } else {
-          newActiveId = null;
-        }
-      }
-
-      return {
-        tabs: newTabs,
-        activeTabId: newActiveId,
-        isOpen: newTabs.length > 0 ? state.isOpen : false,
-      };
-    });
-  },
-
-  setActiveTab: (id) => set({ activeTabId: id }),
-
-  updateTab: (id, updates) =>
-    set((state) => ({
-      tabs: state.tabs.map((t) => (t.id === id ? { ...t, ...updates } : t)),
-    })),
-
-  setDocumentReference: (reference) => set({ documentReference: reference }),
-
-  setPresetMessage: (message) => set({ presetMessage: message }),
-}));
+export const useChatStore = create<ChatState>()(
+  persist(
+    (set) => ({
+      isOpen: true,
+      tabs: [],
+      activeTabId: null,
+      documentReference: null,
+      presetMessage: null,
+
+      setIsOpen: (isOpen) => {
+        set((state) => {
+          if (isOpen && state.tabs.length === 0) {
+            const id = createTabId();
+            const newTab: ChatTab = {
+              id,
+              title: '新对话',
+              conversationId: null,
+            };
+
+            return {
+              isOpen,
+              tabs: [newTab],
+              activeTabId: id,
+            };
+          }
+
+          return { isOpen };
+        });
+      },
+
+      togglePanel: () => {
+        set((state) => {
+          const next = !state.isOpen;
+
+          if (next && state.tabs.length === 0) {
+            const id = createTabId();
+            const newTab: ChatTab = {
+              id,
+              title: '新对话',
+              conversationId: null,
+            };
+
+            return {
+              isOpen: next,
+              tabs: [newTab],
+              activeTabId: id,
+            };
+          }
+
+          return { isOpen: next };
+        });
+      },
+
+      addTab: (tab) => {
+        const id = createTabId();
+        const newTab: ChatTab = {
+          id,
+          title: tab?.title || '新对话',
+          conversationId: tab?.conversationId || null,
+        };
+
+        set((state) => ({
+          tabs: [...state.tabs, newTab],
+          activeTabId: id,
+        }));
+
+        return id;
+      },
+
+      removeTab: (id) => {
+        set((state) => {
+          const newTabs = state.tabs.filter((t) => t.id !== id);
+          let newActiveId = state.activeTabId;
+
+          if (state.activeTabId === id) {
+            const removedIndex = state.tabs.findIndex((t) => t.id === id);
+
+            if (newTabs.length > 0) {
+              newActiveId = newTabs[Math.min(removedIndex, newTabs.length - 1)].id;
+            } else {
+              newActiveId = null;
+            }
+          }
+
+          return {
+            tabs: newTabs,
+            activeTabId: newActiveId,
+            isOpen: newTabs.length > 0 ? state.isOpen : false,
+          };
+        });
+      },
+
+      setActiveTab: (id) => set({ activeTabId: id }),
+
+      updateTab: (id, updates) =>
+        set((state) => ({
+          tabs: state.tabs.map((t) => (t.id === id ? { ...t, ...updates } : t)),
+        })),
+      onRenameTab: (id, newTitle) =>
+        set((state) => ({
+          tabs: state.tabs.map((t) => (t.id === id ? { ...t, title: newTitle } : t)),
+        })),
+
+      setDocumentReference: (reference) => set({ documentReference: reference }),
+
+      setPresetMessage: (message) => set({ presetMessage: message }),
+    }),
+    {
+      name: 'chat-storage',
+    },
+  ),
+);