Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
Expand Up @@ -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} />}

Expand All @@ -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>
);
Expand All @@ -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'
);
}
}
Original file line number Diff line number Diff line change
Expand Up @@ -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} />
Expand Down
Loading