Refactor chat UI controls and overlays for mobile adjustments (#248)

* feat(mobile): refine status chip and control layouts

* fix(vscode): open file from apply_patch tool in editor
This commit is contained in:
Bohdan Triapitsyn
2026-01-30 13:23:50 +02:00
committed by GitHub
parent 2ed1a73d3c
commit 344f369093
6 changed files with 123 additions and 128 deletions
@@ -436,7 +436,7 @@ export const ModelControls: React.FC<ModelControlsProps> = ({
const editToggleIconClass = sizeVariant === 'mobile' ? 'h-5 w-5' : sizeVariant === 'vscode' ? 'h-4 w-4' : 'h-4 w-4';
const controlIconSize = sizeVariant === 'mobile' ? 'h-5 w-5' : sizeVariant === 'vscode' ? 'h-4 w-4' : 'h-4 w-4';
const controlTextSize = isCompact ? 'typography-micro' : 'typography-meta';
const inlineGapClass = sizeVariant === 'mobile' ? 'gap-x-1' : sizeVariant === 'vscode' ? 'gap-x-1' : 'gap-x-3';
const inlineGapClass = sizeVariant === 'mobile' ? 'gap-x-1' : sizeVariant === 'vscode' ? 'gap-x-2' : 'gap-x-3';
const renderEditModeIcon = React.useCallback((mode: EditPermissionMode, iconClass = editToggleIconClass) => {
const combinedClassName = cn(iconClass, 'flex-shrink-0');
const modeColors = getEditModeColors(mode);