fix(tarko-agent-ui): unexpected file renderer behaviors (#1705)

Author: ulivz

multimodal/tarko/agent-ui/src/standalone/workspace/components/WorkspaceHeader.tsx

@@ -98,20 +98,6 @@ export const WorkspaceHeader: React.FC<WorkspaceHeaderProps> = ({
       </div>
 
       <div className="ml-4 flex-shrink-0 flex items-center gap-3">
-        {/* Workspace display mode toggle */}
-        {showWorkspaceToggle && onWorkspaceDisplayModeChange && (
-          <ToggleSwitch<WorkspaceDisplayMode>
-            value={workspaceDisplayMode}
-            onChange={onWorkspaceDisplayModeChange}
-            leftValue="interaction"
-            rightValue="raw"
-            leftLabel="UI"
-            rightLabel="RAW"
-            leftIcon={<FiEye size={12} />}
-            rightIcon={<FiCode size={12} />}
-          />
-        )}
-
         {/* File display mode toggle */}
         {showToggle && toggleConfig && <ToggleSwitch<FileDisplayMode> {...toggleConfig} />}
 
@@ -128,6 +114,20 @@ export const WorkspaceHeader: React.FC<WorkspaceHeaderProps> = ({
             <FiMaximize size={16} />
           </button>
         )}
+
+        {/* Workspace display mode toggle */}
+        {showWorkspaceToggle && onWorkspaceDisplayModeChange && (
+          <ToggleSwitch<WorkspaceDisplayMode>
+            value={workspaceDisplayMode}
+            onChange={onWorkspaceDisplayModeChange}
+            leftValue="interaction"
+            rightValue="raw"
+            leftLabel="UI"
+            rightLabel="RAW"
+            leftIcon={<FiEye size={12} />}
+            rightIcon={<FiCode size={12} />}
+          />
+        )}
       </div>
     </div>
   );
@@ -151,4 +151,4 @@ function getBackgroundGradient(type: string): string {
     gradients[type] ||
     'bg-gradient-to-br from-gray-50 to-gray-100/50 dark:from-gray-800/20 dark:to-gray-700/10'
   );
-}
+}

multimodal/tarko/agent-ui/src/standalone/workspace/components/shared/MessageContent.tsx

@@ -52,17 +52,6 @@ export const MessageContent: React.FC<MessageContentProps> = ({
     );
   }
 
-  // For very long content, provide scrollable container
-  if (message.length > 5000) {
-    return (
-      <div className="max-h-96 overflow-auto border border-gray-200 dark:border-gray-700 rounded-lg p-4 bg-gray-50 dark:bg-gray-800/50">
-        <pre className="text-xs text-gray-700 dark:text-gray-300 whitespace-pre-wrap break-words font-mono antialiased">
-          {message}
-        </pre>
-      </div>
-    );
-  }
-
   return (
     <div className="max-w-full overflow-auto">
       <MarkdownRenderer className="prose dark:prose-invert prose-sm max-w-none" content={message} />