refactor(i18n): remove flags from language selector; thinking tweaks

Author: bl-ue

frontend/src/components/common/LanguageSwitcher.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { ChevronDownIcon, GlobeIcon, CheckIcon } from "lucide-react";
+import { ChevronDownIcon, CheckIcon } from "lucide-react";
 import {
   DropdownMenu,
   DropdownMenuContent,
@@ -14,34 +14,29 @@ export interface LanguageOption {
   code: SupportedLanguage;
   name: string;
   nativeName: string;
-  flag: string;
 }
 
 const SUPPORTED_LANGUAGES: LanguageOption[] = [
   {
     code: "en",
     name: "English",
     nativeName: "English",
-    flag: "🇺🇸",
   },
   {
     code: "zh-CN",
     name: "Simplified Chinese",
     nativeName: "简体中文",
-    flag: "🇨🇳",
   },
   {
     code: "zh-TW",
     name: "Traditional Chinese",
     nativeName: "繁體中文",
-    flag: "🇹🇼",
   },
 ];
 
 interface LanguageSwitcherProps {
   variant?: "default" | "outline" | "ghost" | "secondary";
   size?: "default" | "sm" | "lg" | "icon";
-  showFlag?: boolean;
   showText?: boolean;
   showChevron?: boolean;
   className?: string;
@@ -50,7 +45,6 @@ interface LanguageSwitcherProps {
 export const LanguageSwitcher: React.FC<LanguageSwitcherProps> = ({
   variant = "ghost",
   size = "default",
-  showFlag = true,
   showText = true,
   showChevron = true,
   className,
@@ -88,16 +82,6 @@ export const LanguageSwitcher: React.FC<LanguageSwitcherProps> = ({
         title={currentLang ? currentLang.nativeName : "Language"}
         aria-label="Language switcher"
       >
-        {!showFlag && <GlobeIcon className="h-4 w-4" />}
-        {showFlag && (
-          <span
-            className="text-base leading-none"
-            role="img"
-            aria-label={`${currentLang.nativeName} flag`}
-          >
-            {currentLang.flag}
-          </span>
-        )}
         {showText && size !== "icon" && (
           <span className="text-sm font-medium hidden sm:inline-block">
             {currentLang.nativeName}
@@ -134,13 +118,6 @@ export const LanguageSwitcher: React.FC<LanguageSwitcherProps> = ({
                 isSelected && "bg-accent/60 text-accent-foreground"
               )}
             >
-              <span
-                className="text-lg flex-shrink-0"
-                role="img"
-                aria-label={`${language.nativeName} flag`}
-              >
-                {language.flag}
-              </span>
               <div className="flex flex-col flex-1 gap-0.5">
                 <span
                   className={cn(

frontend/src/components/conversation/ConversationList.tsx

@@ -207,19 +207,16 @@ export function ConversationList({
             <SelectContent>
               <SelectItem value="en">
                 <div className="flex items-center gap-2">
-                  <span>🇺🇸</span>
                   <span>English</span>
                 </div>
               </SelectItem>
               <SelectItem value="zh-CN">
                 <div className="flex items-center gap-2">
-                  <span>🇨🇳</span>
                   <span>简体中文</span>
                 </div>
               </SelectItem>
               <SelectItem value="zh-TW">
                 <div className="flex items-center gap-2">
-                  <span>🇹🇼</span>
                   <span>繁體中文</span>
                 </div>
               </SelectItem>

frontend/src/components/conversation/ThinkingBlock.tsx

@@ -17,10 +17,10 @@ export function ThinkingBlock({ thinking }: ThinkingBlockProps) {
   }
 
   return (
-    <div className="mb-3 border border-border rounded-lg bg-muted/50">
+    <div className="border border-border rounded-md bg-muted/50">
       <button
         onClick={() => setIsExpanded(!isExpanded)}
-        className="w-full flex items-center justify-between p-3 text-left hover:bg-muted/70 rounded-lg transition-colors"
+        className="w-full flex items-center justify-between p-1 px-2 text-left hover:bg-muted/70 transition-colors"
       >
         <div className="flex items-center gap-2 text-sm font-medium text-muted-foreground">
           <Brain className="w-4 h-4" />
@@ -34,7 +34,7 @@ export function ThinkingBlock({ thinking }: ThinkingBlockProps) {
       </button>
 
       {isExpanded && (
-        <div className="px-3 pb-3 border-t border-border mt-2 pt-3">
+        <div className="px-3 pb-3 border-t border-border">
           <div className="prose prose-sm max-w-none dark:prose-invert text-xs text-muted-foreground">
             <ReactMarkdown remarkPlugins={[remarkGfm]}>
               {thinking}