From a25a10f7e82bc28434a3742ce75f4a5cfca366a9 Mon Sep 17 00:00:00 2001
From: Zonghao Ye <2014289407@qq.com>
Date: Tue, 24 Feb 2026 11:17:51 +0800
Subject: [PATCH] fix(ui): correct text orientation for CJK characters in
 collapsible column (#619)

---
 frontend/src/components/notebooks/CollapsibleColumn.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/notebooks/CollapsibleColumn.tsx b/frontend/src/components/notebooks/CollapsibleColumn.tsx
index 3dc3b21..c851581 100644
--- a/frontend/src/components/notebooks/CollapsibleColumn.tsx
+++ b/frontend/src/components/notebooks/CollapsibleColumn.tsx
@@ -21,6 +21,8 @@ export function CollapsibleColumn({
   collapsedLabel,
   children,
 }: CollapsibleColumnProps) {
+  const isCJK = /[\u4e00-\u9fa5\u3040-\u30ff\uac00-\ud7af]/.test(collapsedLabel);
+
   if (isCollapsed) {
     return (
       <TooltipProvider>
@@ -42,7 +44,7 @@ export function CollapsibleColumn({
               <CollapsedIcon className="h-5 w-5 text-muted-foreground group-hover:text-foreground transition-colors flex-shrink-0" />
               <div
                 className="text-xs font-medium text-muted-foreground group-hover:text-foreground transition-colors whitespace-nowrap"
-                style={{ writingMode: 'vertical-rl', transform: 'rotate(180deg)', textOrientation: 'mixed' }}
+                style={{ writingMode: 'vertical-rl', transform: isCJK ? 'none' : 'rotate(180deg)', textOrientation: 'mixed' }}
               >
                 {collapsedLabel}
               </div>