authorgravatar for 62337003+Bil0000@users.noreply.github.comBilal Bakr <62337003+Bil0000@users.noreply.github.com> 2026-08-21 04:17:05+03:00
committergravatar for noreply@github.comGitHub <noreply@github.com> 2026-08-20 21:17:05-04:00
log68966c1e6603d6f5d52a4ee227e2b0ee03b7109f
tree176abb3bbaacd0725c8f4fa048b274b1992627ba
parent7107a98a225be85b58ddcd4de02c343af7d4707a
signature Signed by PGP key B5690EEEBB952194

fix(web): add space above composer task tabs (#7740)

1 files changed, 14 insertions(+), 11 deletions(-)

apps/web/src/components/chat/ChatComposer.tsx+14-11
......@@ -2362,6 +2362,17 @@ export const ChatComposer = memo(function ChatComposer(props: ChatComposerProps)
23622362 steps={visibleTaskSteps}
23632363 />
23642364 ) : null;
2365 const showShoulderTabs =
2366 !props.externalDrawerAttached &&
2367 !showComposerTopDrawer &&
2368 !isTasksDrawerOpen &&
2369 !isComposerCollapsedMobile;
2370 const hasShoulderTab =
2371 showShoulderTabs &&
2372 (stashQueue.length > 0 ||
2373 (visibleTasksProgress !== null &&
2374 visibleTaskSteps !== null &&
2375 visibleTasksProgress.totalSteps > 0));
23652376 useEffect(() => {
23662377 if (visibleTasksProgress === null || visibleTaskSteps === null) {
23672378 setIsTasksDrawerOpen(false);
......@@ -2813,7 +2824,7 @@ export const ChatComposer = memo(function ChatComposer(props: ChatComposerProps)
28132824 onDragOverCapture={composerMentionDragHandlers.onDragOver}
28142825 onDragLeaveCapture={onComposerMentionDragLeaveCapture}
28152826 onDropCapture={composerMentionDragHandlers.onDrop}
2816 className="mx-auto w-full min-w-0 max-w-3xl"
2827 className={cn("mx-auto w-full min-w-0 max-w-3xl", hasShoulderTab && "pt-7")}
28172828 data-chat-composer-form="true"
28182829 >
28192830 {showComposerTopDrawer && (!isTasksDrawerOpen || hasBlockingComposerTopDrawer) ? (
......@@ -2939,12 +2950,7 @@ export const ChatComposer = memo(function ChatComposer(props: ChatComposerProps)
29392950 />
29402951 ) : null}
29412952 <div className="relative">
2942 {visibleTasksProgress &&
2943 visibleTaskSteps &&
2944 !isTasksDrawerOpen &&
2945 !props.externalDrawerAttached &&
2946 !showComposerTopDrawer &&
2947 !isComposerCollapsedMobile ? (
2953 {showShoulderTabs && visibleTasksProgress && visibleTaskSteps ? (
29482954 <ComposerTasksBadge
29492955 expanded={false}
29502956 hasTrailingShoulder={stashQueue.length > 0}
......@@ -2954,10 +2960,7 @@ export const ChatComposer = memo(function ChatComposer(props: ChatComposerProps)
29542960 steps={visibleTaskSteps}
29552961 />
29562962 ) : null}
2957 {!props.externalDrawerAttached &&
2958 !showComposerTopDrawer &&
2959 !isTasksDrawerOpen &&
2960 !isComposerCollapsedMobile ? (
2963 {showShoulderTabs ? (
29612964 <ComposerStashBadge
29622965 count={stashQueue.length}
29632966 menuOpen={isStashMenuOpen}