refactor: move FlowPilot actions to header bar, fix dividers
- Moved Resolve/Escalate/Share Update buttons from fixed bottom bar into the session header. Desktop: inline buttons + overflow menu (Pause/Close). Mobile: single overflow menu with all actions. - Removed FlowPilotActionBar from bottom — message input is now the only fixed element at bottom, giving more breathing room. - Replaced jarring white dividers (var(--glass-border)) with subtle border-border (#2e3240) throughout FlowPilot session. - Restyled status badge from button-looking element to dot + text indicator with semantic colors (green=resolved, amber=escalated). - Reduced content padding from pb-32 to pb-24. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -178,7 +178,7 @@ export function FlowPilotMessageBar({ onRespond, disabled = false, isProcessing
|
||||
|
||||
return (
|
||||
<div
|
||||
className="fixed bottom-[52px] sm:bottom-[56px] right-0 lg:right-72 z-40 px-3 sm:px-6 lg:px-8 pb-2"
|
||||
className="fixed bottom-0 right-0 lg:right-72 z-40 px-3 sm:px-6 lg:px-8 pb-3"
|
||||
style={{ left: 'var(--sidebar-w, 0px)' }}
|
||||
onDragOver={handleDragOver}
|
||||
onDragEnter={handleDragEnter}
|
||||
|
||||
Reference in New Issue
Block a user