From 01244b533323a6c6f341061a9c99a5902257ba74 Mon Sep 17 00:00:00 2001
From: Fernando Gomes <fernando@fokvs.com.br>
Date: Thu, 21 May 2026 15:53:01 -0300
Subject: [PATCH 1/3] fix(task-input): stop composer flicker on long multi-line
 prompts

The "New task" composer column was wrapped in a framer-motion
`<motion.div layout>` with a 250ms transition. Each line added to the
Tiptap editor triggered a layout animation; rapid keystrokes interrupted
each other, producing a visible one-line up/down oscillation as the
prompt grew past a few lines.

Replace the wrapper with a plain `<div>` so the editor's natural growth
is instantaneous. The suggestions panel below still animates entry/exit
through its own `AnimatePresence`.

Generated-By: PostHog Code
Task-Id: 2184b3af-160d-4a75-bd82-199fecf70f41
---
 .../task-detail/components/TaskInput.tsx      | 391 +++++++++---------
 1 file changed, 190 insertions(+), 201 deletions(-)

diff --git a/apps/code/src/renderer/features/task-detail/components/TaskInput.tsx b/apps/code/src/renderer/features/task-detail/components/TaskInput.tsx
index eb00b588c..b0b351b1c 100644
--- a/apps/code/src/renderer/features/task-detail/components/TaskInput.tsx
+++ b/apps/code/src/renderer/features/task-detail/components/TaskInput.tsx
@@ -46,7 +46,6 @@ import {
 } from "@stores/navigationStore";
 import { useQuery } from "@tanstack/react-query";
 import { FOCUSABLE_SELECTOR } from "@utils/overlay";
-import { LayoutGroup, motion } from "framer-motion";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { usePreviewConfig } from "../hooks/usePreviewConfig";
 import { useTaskCreation } from "../hooks/useTaskCreation";
@@ -627,220 +626,210 @@ export function TaskInput({
         className="relative px-4 pt-[10vh]"
       >
         <DotPatternBackground className="h-[100.333%]" />
-        <LayoutGroup>
-          <motion.div
-            layout
-            transition={{ duration: 0.25, ease: [0.4, 0, 0.2, 1] }}
-            style={{
-              zIndex: 1,
-            }}
-            className="relative flex w-full max-w-[600px] flex-col gap-2"
-          >
-            <Flex gap="2" align="center" className="min-w-0">
-              <WorkspaceModeSelect
-                value={workspaceMode}
-                onChange={setWorkspaceMode}
-                selectedCloudEnvironmentId={selectedCloudEnvId}
-                onCloudEnvironmentChange={setSelectedCloudEnvId}
-                cloudAvailable={cloudAvailable}
-                size="1"
+        <div
+          style={{
+            zIndex: 1,
+          }}
+          className="relative flex w-full max-w-[600px] flex-col gap-2"
+        >
+          <Flex gap="2" align="center" className="min-w-0">
+            <WorkspaceModeSelect
+              value={workspaceMode}
+              onChange={setWorkspaceMode}
+              selectedCloudEnvironmentId={selectedCloudEnvId}
+              onCloudEnvironmentChange={setSelectedCloudEnvId}
+              cloudAvailable={cloudAvailable}
+              size="1"
+            />
+            {workspaceMode === "worktree" && (
+              <EnvironmentSelector
+                repoPath={effectiveRepoPath ?? null}
+                value={selectedEnvironment}
+                onChange={setSelectedEnvironment}
+                disabled={isCreatingTask}
               />
-              {workspaceMode === "worktree" && (
-                <EnvironmentSelector
-                  repoPath={effectiveRepoPath ?? null}
-                  value={selectedEnvironment}
-                  onChange={setSelectedEnvironment}
-                  disabled={isCreatingTask}
-                />
-              )}
-              <ButtonGroup
-                ref={buttonGroupRef}
-                data-tour="folder-picker"
-                data-tour-ready={
-                  (
-                    workspaceMode === "cloud"
-                      ? selectedRepository
-                      : selectedDirectory
-                  )
-                    ? "true"
-                    : undefined
-                }
-              >
-                {workspaceMode === "cloud" ? (
-                  <GitHubRepoPicker
-                    value={selectedRepository}
-                    onChange={handleRepositorySelect}
-                    repositories={
-                      isCloudRepoPickerOpen
-                        ? visibleCloudRepositories
-                        : repositories
-                    }
-                    isLoading={
-                      isLoadingRepos ||
-                      (isCloudRepoPickerOpen && cloudRepositoriesLoading)
-                    }
-                    isRefreshing={isRefreshingRepos}
-                    onRefresh={handleRefreshRepositories}
-                    open={isCloudRepoPickerOpen}
-                    onOpenChange={handleCloudRepoPickerOpenChange}
-                    searchQuery={cloudRepoSearchQuery}
-                    onSearchQueryChange={handleCloudRepoSearchChange}
-                    hasMore={cloudRepositoriesHasMore}
-                    onLoadMore={handleLoadMoreCloudRepositories}
-                    placeholder="Select repository..."
-                    size="1"
-                    disabled={isCreatingTask}
-                  />
-                ) : (
-                  <FolderPicker
-                    value={selectedDirectory}
-                    onChange={setSelectedDirectory}
-                    placeholder="Select repository..."
-                    anchor={buttonGroupRef}
-                  />
-                )}
-                <BranchSelector
-                  repoPath={
-                    workspaceMode === "cloud"
-                      ? selectedCloudRepository
-                      : selectedDirectory
-                  }
-                  currentBranch={currentBranch}
-                  defaultBranch={
-                    workspaceMode === "cloud"
-                      ? cloudDefaultBranch
-                      : defaultBranch
-                  }
-                  disabled={
-                    isCreatingTask ||
-                    (workspaceMode === "cloud" && !selectedCloudRepository)
+            )}
+            <ButtonGroup
+              ref={buttonGroupRef}
+              data-tour="folder-picker"
+              data-tour-ready={
+                (
+                  workspaceMode === "cloud"
+                    ? selectedRepository
+                    : selectedDirectory
+                )
+                  ? "true"
+                  : undefined
+              }
+            >
+              {workspaceMode === "cloud" ? (
+                <GitHubRepoPicker
+                  value={selectedRepository}
+                  onChange={handleRepositorySelect}
+                  repositories={
+                    isCloudRepoPickerOpen
+                      ? visibleCloudRepositories
+                      : repositories
                   }
-                  loading={workspaceMode === "cloud" ? false : branchLoading}
-                  workspaceMode={workspaceMode}
-                  selectedBranch={selectedBranch}
-                  onBranchSelect={setSelectedBranch}
-                  busyState={busyState}
-                  cloudBranches={cloudBranches}
-                  cloudBranchesLoading={cloudBranchesLoading}
-                  isRefreshing={cloudBranchesRefreshing}
-                  cloudBranchesFetchingMore={cloudBranchesFetchingMore}
-                  cloudBranchesHasMore={cloudBranchesHasMore}
-                  cloudSearchQuery={cloudBranchSearchQuery}
-                  onCloudPickerClose={handleCloudBranchPickerClose}
-                  onCloudSearchChange={handleCloudBranchSearchChange}
-                  onCloudLoadMore={handleLoadMoreCloudBranches}
-                  onRefresh={
-                    workspaceMode === "cloud"
-                      ? handleRefreshBranches
-                      : undefined
+                  isLoading={
+                    isLoadingRepos ||
+                    (isCloudRepoPickerOpen && cloudRepositoriesLoading)
                   }
+                  isRefreshing={isRefreshingRepos}
+                  onRefresh={handleRefreshRepositories}
+                  open={isCloudRepoPickerOpen}
+                  onOpenChange={handleCloudRepoPickerOpenChange}
+                  searchQuery={cloudRepoSearchQuery}
+                  onSearchQueryChange={handleCloudRepoSearchChange}
+                  hasMore={cloudRepositoriesHasMore}
+                  onLoadMore={handleLoadMoreCloudRepositories}
+                  placeholder="Select repository..."
+                  size="1"
+                  disabled={isCreatingTask}
+                />
+              ) : (
+                <FolderPicker
+                  value={selectedDirectory}
+                  onChange={setSelectedDirectory}
+                  placeholder="Select repository..."
                   anchor={buttonGroupRef}
                 />
-              </ButtonGroup>
-              {cloudRegion === "dev" && (
-                <Flex align="center" gap="1" className="shrink-0">
-                  <span
-                    className="inline-block h-2 w-2 rounded-full bg-orange-9"
-                    aria-hidden
-                  />
-                  <Text color="orange" className="font-medium text-[13px]">
-                    Dev
-                  </Text>
-                </Flex>
               )}
-            </Flex>
-
-            <Flex direction="column" gap="0">
-              <PromptInput
-                ref={editorRef}
-                sessionId={promptSessionId}
-                placeholder={`What do you want to ship? ${hints}`}
-                editorHeight="large"
-                disabled={isCreatingTask}
-                isLoading={isCreatingTask}
-                autoFocus
-                clearOnSubmit={false}
-                submitDisabledExternal={
-                  !canSubmit || isCreatingTask || !isOnline
+              <BranchSelector
+                repoPath={
+                  workspaceMode === "cloud"
+                    ? selectedCloudRepository
+                    : selectedDirectory
                 }
-                tourTarget="task-input"
-                repoPath={selectedDirectory}
-                modeOption={modeOption}
-                onModeChange={handleModeChange}
-                allowBypassPermissions={allowBypassPermissions}
-                enableCommands
-                enableBashMode={false}
-                modelSelector={
-                  <UnifiedModelSelector
-                    modelOption={modelOption}
-                    adapter={adapter ?? "claude"}
-                    onAdapterChange={setAdapter}
-                    disabled={isCreatingTask}
-                    isConnecting={isPreviewLoading}
-                    onModelChange={handleModelChange}
-                  />
+                currentBranch={currentBranch}
+                defaultBranch={
+                  workspaceMode === "cloud" ? cloudDefaultBranch : defaultBranch
                 }
-                historyButton={
-                  <PromptHistoryDialog
-                    onSelect={handleHistorySelect}
-                    hasPendingDraft={hasPendingDraft}
-                    disabled={isCreatingTask}
-                  />
+                disabled={
+                  isCreatingTask ||
+                  (workspaceMode === "cloud" && !selectedCloudRepository)
                 }
-                reasoningSelector={
-                  !isPreviewLoading && (
-                    <ReasoningLevelSelector
-                      thoughtOption={thoughtOption}
-                      adapter={adapter}
-                      onChange={handleThoughtChange}
-                      disabled={isCreatingTask}
-                    />
-                  )
+                loading={workspaceMode === "cloud" ? false : branchLoading}
+                workspaceMode={workspaceMode}
+                selectedBranch={selectedBranch}
+                onBranchSelect={setSelectedBranch}
+                busyState={busyState}
+                cloudBranches={cloudBranches}
+                cloudBranchesLoading={cloudBranchesLoading}
+                isRefreshing={cloudBranchesRefreshing}
+                cloudBranchesFetchingMore={cloudBranchesFetchingMore}
+                cloudBranchesHasMore={cloudBranchesHasMore}
+                cloudSearchQuery={cloudBranchSearchQuery}
+                onCloudPickerClose={handleCloudBranchPickerClose}
+                onCloudSearchChange={handleCloudBranchSearchChange}
+                onCloudLoadMore={handleLoadMoreCloudBranches}
+                onRefresh={
+                  workspaceMode === "cloud" ? handleRefreshBranches : undefined
                 }
-                getPromptHistory={getPromptHistory}
-                onEmptyChange={handleEditorEmptyChange}
-                onSubmitClick={handleSubmit}
-                onSubmit={() => {
-                  if (canSubmit) handleSubmit();
-                }}
+                anchor={buttonGroupRef}
               />
-              {activeReportAssociation && (
-                <div className="-mt-px mx-2 flex select-none items-center justify-between gap-2 rounded-b-md border border-blue-6 border-t-0 bg-blue-2 px-2 py-1 text-[12px] text-blue-11">
-                  <span className="flex min-w-0 flex-1 items-center gap-1">
-                    <span className="shrink-0">
-                      This task will be associated with report
-                    </span>
-                    <button
-                      type="button"
-                      onClick={handleOpenAssociatedReport}
-                      className="min-w-0 truncate text-left font-medium underline underline-offset-2 hover:text-blue-12"
-                    >
-                      {activeReportAssociation.title || "Untitled report"}
-                    </button>
+            </ButtonGroup>
+            {cloudRegion === "dev" && (
+              <Flex align="center" gap="1" className="shrink-0">
+                <span
+                  className="inline-block h-2 w-2 rounded-full bg-orange-9"
+                  aria-hidden
+                />
+                <Text color="orange" className="font-medium text-[13px]">
+                  Dev
+                </Text>
+              </Flex>
+            )}
+          </Flex>
+
+          <Flex direction="column" gap="0">
+            <PromptInput
+              ref={editorRef}
+              sessionId={promptSessionId}
+              placeholder={`What do you want to ship? ${hints}`}
+              editorHeight="large"
+              disabled={isCreatingTask}
+              isLoading={isCreatingTask}
+              autoFocus
+              clearOnSubmit={false}
+              submitDisabledExternal={!canSubmit || isCreatingTask || !isOnline}
+              tourTarget="task-input"
+              repoPath={selectedDirectory}
+              modeOption={modeOption}
+              onModeChange={handleModeChange}
+              allowBypassPermissions={allowBypassPermissions}
+              enableCommands
+              enableBashMode={false}
+              modelSelector={
+                <UnifiedModelSelector
+                  modelOption={modelOption}
+                  adapter={adapter ?? "claude"}
+                  onAdapterChange={setAdapter}
+                  disabled={isCreatingTask}
+                  isConnecting={isPreviewLoading}
+                  onModelChange={handleModelChange}
+                />
+              }
+              historyButton={
+                <PromptHistoryDialog
+                  onSelect={handleHistorySelect}
+                  hasPendingDraft={hasPendingDraft}
+                  disabled={isCreatingTask}
+                />
+              }
+              reasoningSelector={
+                !isPreviewLoading && (
+                  <ReasoningLevelSelector
+                    thoughtOption={thoughtOption}
+                    adapter={adapter}
+                    onChange={handleThoughtChange}
+                    disabled={isCreatingTask}
+                  />
+                )
+              }
+              getPromptHistory={getPromptHistory}
+              onEmptyChange={handleEditorEmptyChange}
+              onSubmitClick={handleSubmit}
+              onSubmit={() => {
+                if (canSubmit) handleSubmit();
+              }}
+            />
+            {activeReportAssociation && (
+              <div className="-mt-px mx-2 flex select-none items-center justify-between gap-2 rounded-b-md border border-blue-6 border-t-0 bg-blue-2 px-2 py-1 text-[12px] text-blue-11">
+                <span className="flex min-w-0 flex-1 items-center gap-1">
+                  <span className="shrink-0">
+                    This task will be associated with report
                   </span>
-                  <Tooltip content="Exit Inbox mode">
-                    <button
-                      type="button"
-                      onClick={handleDismissReportAssociation}
-                      aria-label="Exit Inbox mode"
-                      className="flex h-5 w-5 shrink-0 items-center justify-center rounded text-blue-10 hover:bg-blue-4 hover:text-blue-12"
-                    >
-                      <X size={12} />
-                    </button>
-                  </Tooltip>
+                  <button
+                    type="button"
+                    onClick={handleOpenAssociatedReport}
+                    className="min-w-0 truncate text-left font-medium underline underline-offset-2 hover:text-blue-12"
+                  >
+                    {activeReportAssociation.title || "Untitled report"}
+                  </button>
+                </span>
+                <Tooltip content="Exit Inbox mode">
+                  <button
+                    type="button"
+                    onClick={handleDismissReportAssociation}
+                    aria-label="Exit Inbox mode"
+                    className="flex h-5 w-5 shrink-0 items-center justify-center rounded text-blue-10 hover:bg-blue-4 hover:text-blue-12"
+                  >
+                    <X size={12} />
+                  </button>
+                </Tooltip>
+              </div>
+            )}
+            {effectiveWorkspaceMode === "cloud" &&
+              !isLoadingRepos &&
+              !hasGithubIntegration && (
+                <div className="mx-2 mt-2">
+                  <CloudGithubMissingNotice />
                 </div>
               )}
-              {effectiveWorkspaceMode === "cloud" &&
-                !isLoadingRepos &&
-                !hasGithubIntegration && (
-                  <div className="mx-2 mt-2">
-                    <CloudGithubMissingNotice />
-                  </div>
-                )}
-              <SuggestedTasksPanel onSelect={handleSelectSuggestion} />
-            </Flex>
-          </motion.div>
-        </LayoutGroup>
+            <SuggestedTasksPanel onSelect={handleSelectSuggestion} />
+          </Flex>
+        </div>
       </Flex>
 
       <GitBranchDialog

From 452b7d3542aaf1f1ab0e919675f92201d73cd910 Mon Sep 17 00:00:00 2001
From: Fernando Gomes <fernando.g@posthog.com>
Date: Thu, 21 May 2026 16:34:00 -0300
Subject: [PATCH 2/3] fix: aliogn center

---
 .../src/renderer/features/task-detail/components/TaskInput.tsx  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/code/src/renderer/features/task-detail/components/TaskInput.tsx b/apps/code/src/renderer/features/task-detail/components/TaskInput.tsx
index b0b351b1c..a927fb624 100644
--- a/apps/code/src/renderer/features/task-detail/components/TaskInput.tsx
+++ b/apps/code/src/renderer/features/task-detail/components/TaskInput.tsx
@@ -620,7 +620,7 @@ export function TaskInput({
     >
       <DropZoneOverlay isVisible={isDraggingFile} />
       <Flex
-        align="center"
+        align="start"
         justify="center"
         height="100%"
         className="relative px-4 pt-[10vh]"

From 549518181d5d89d94ddec4cbd8ffce95da37de8b Mon Sep 17 00:00:00 2001
From: Fernando Gomes <fernando.g@posthog.com>
Date: Thu, 21 May 2026 16:40:58 -0300
Subject: [PATCH 3/3] chore: center flex

---
 .../src/renderer/features/task-detail/components/TaskInput.tsx  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/code/src/renderer/features/task-detail/components/TaskInput.tsx b/apps/code/src/renderer/features/task-detail/components/TaskInput.tsx
index 920590850..dd3bf3afa 100644
--- a/apps/code/src/renderer/features/task-detail/components/TaskInput.tsx
+++ b/apps/code/src/renderer/features/task-detail/components/TaskInput.tsx
@@ -620,7 +620,7 @@ export function TaskInput({
     >
       <DropZoneOverlay isVisible={isDraggingFile} />
       <Flex
-        align="start"
+        align="center"
         justify="center"
         height="100%"
         className="relative px-4 pt-[10vh]"