支持folder主界面多语言

src/components/layout/sidebar.tsx

@@ -2,6 +2,7 @@
 
 import { useCallback, useRef } from "react"
 import { ChevronsDownUp, ChevronsUpDown, Crosshair, Plus } from "lucide-react"
+import { useTranslations } from "next-intl"
 import { useFolderContext } from "@/contexts/folder-context"
 import { useTabContext } from "@/contexts/tab-context"
 import { useSidebarContext } from "@/contexts/sidebar-context"
@@ -12,6 +13,7 @@ import {
 import { Button } from "@/components/ui/button"
 
 export function Sidebar() {
+  const t = useTranslations("Folder.sidebar")
   const { folder } = useFolderContext()
   const { openNewConversationTab } = useTabContext()
   const { isOpen } = useSidebarContext()
@@ -27,14 +29,14 @@ export function Sidebar() {
   return (
     <aside className="group/sidebar flex h-full min-h-0 flex-col overflow-hidden bg-sidebar text-sidebar-foreground select-none">
       <div className="flex h-10 items-center justify-between border-b border-border px-4">
-        <h2 className="text-xs font-bold">Conversations</h2>
+        <h2 className="text-xs font-bold">{t("title")}</h2>
         <div className="flex items-center gap-0.5 opacity-0 transition-opacity group-hover/sidebar:opacity-100">
           <Button
             variant="ghost"
             size="icon"
             className="h-6 w-6 shrink-0 text-muted-foreground"
             onClick={() => listRef.current?.scrollToActive()}
-            title="Locate Active Conversation"
+            title={t("locateActiveConversation")}
           >
             <Crosshair className="h-3.5 w-3.5" />
           </Button>
@@ -43,7 +45,7 @@ export function Sidebar() {
             size="icon"
             className="h-6 w-6 shrink-0 text-muted-foreground"
             onClick={() => listRef.current?.expandAll()}
-            title="Expand All Groups"
+            title={t("expandAllGroups")}
           >
             <ChevronsUpDown className="h-3.5 w-3.5" />
           </Button>
@@ -52,7 +54,7 @@ export function Sidebar() {
             size="icon"
             className="h-6 w-6 shrink-0 text-muted-foreground"
             onClick={() => listRef.current?.collapseAll()}
-            title="Collapse All Groups"
+            title={t("collapseAllGroups")}
           >
             <ChevronsDownUp className="h-3.5 w-3.5" />
           </Button>
@@ -61,7 +63,7 @@ export function Sidebar() {
             size="icon"
             className="h-6 w-6 shrink-0 text-muted-foreground"
             onClick={handleNewConversation}
-            title="New Conversation"
+            title={t("newConversation")}
           >
             <Plus className="h-3.5 w-3.5" />
           </Button>