root/fusion
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(FN-5146): complete Step 2 — raise composer height caps

Browse Source 
Fusion-Task-Id: FN-5146
Fusion-Task-Lineage: 55a9837f-d0e1-475b-9f7f-45262141352e
This commit is contained in:
Fusion (runfusion.ai)
2026-05-19 07:46:39 -07:00
committed by gsxdsm
parent 9fdb98061a
commit 5a1f20f864
4 changed files with 10 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/dashboard/app/components/ChatView.css
View File

@@ -1405,9 +1405,9 @@
font-size: 14px;
font-family: inherit;
line-height: 1.4;
max-height: 320px;
max-height: 640px;
min-height: 40px;
/* Mobile keeps the desktop cap because the surrounding chat-input-area
/* Mobile keeps the desktop 640px cap because the surrounding chat-input-area
and thread flex bounds already prevent the composer from overtaking
the message pane before textarea scrolling engages. */
/* touch-action: manipulation allows tap-to-focus (so iOS doesn't

4
packages/dashboard/app/components/ChatView.tsx
View File

@@ -51,7 +51,9 @@ export interface ChatViewProps {
experimentalFeatures?: Record<string, boolean>;
}
const CHAT_INPUT_MAX_HEIGHT_PX = 320;
// Keep a generous cap so pasted multi-paragraph text stays visible while
// still preventing the composer from overtaking the message pane on short viewports.
const CHAT_INPUT_MAX_HEIGHT_PX = 640;
export function clampChatInputHeight(scrollHeight: number): number {
return Math.min(scrollHeight, CHAT_INPUT_MAX_HEIGHT_PX);

4
packages/dashboard/app/components/QuickChatFAB.css
View File

@@ -736,7 +736,7 @@
flex: 1;
min-width: 0;
min-height: 40px;
max-height: 320px;
max-height: 640px;
border-radius: var(--radius-sm);
border: none;
background: transparent;
@@ -913,7 +913,7 @@
.quick-chat-textarea {
min-height: 40px;
max-height: 320px;
max-height: 640px;
}
.quick-chat-attachment-previews {

4
packages/dashboard/app/components/QuickChatFAB.tsx
View File

@@ -104,7 +104,9 @@ function formatModelTagName(modelInfo: ModelInfo | null, parsedSelection: Parsed
}
export function clampQuickChatInputHeight(scrollHeight: number): number {
return Math.max(40, Math.min(scrollHeight, 320));
// Match ChatView's 640px cap so pasted multi-paragraph text remains visible,
// while keeping an upper bound that protects message visibility on short screens.
return Math.max(40, Math.min(scrollHeight, 640));
}
function truncateToolValue(value: string, maxLength: number): string {