From 22781365e6ff7b652c6a81a5d804621b0e4ce6af Mon Sep 17 00:00:00 2001
From: Scrum4Me Agent <30029041+madhura68@users.noreply.github.com>
Date: Fri, 15 May 2026 19:57:01 +0200
Subject: [PATCH] feat(timeline): sticky chat-input bovenaan timeline-sectie
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Verplaats UserChatInput naar boven in IdeaTimeline en geef de wrapper
sticky top-0 z-10 bg-background border-b border-border — input blijft
zichtbaar terwijl de timeline-items eronder doorscrollt.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 components/ideas/idea-timeline.tsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/components/ideas/idea-timeline.tsx b/components/ideas/idea-timeline.tsx
index b81eb42..5e17b94 100644
--- a/components/ideas/idea-timeline.tsx
+++ b/components/ideas/idea-timeline.tsx
@@ -128,7 +128,13 @@ export function IdeaTimeline({
   const showChatInput = planMd !== null
 
   return (
-    <div className="space-y-4" {...debugProps('idea-timeline', 'IdeaTimeline', 'components/ideas/idea-timeline.tsx')}>
+    <div {...debugProps('idea-timeline', 'IdeaTimeline', 'components/ideas/idea-timeline.tsx')}>
+      {showChatInput && (
+        <div className="sticky top-0 z-10 bg-background border-b border-border pb-3 mb-4" data-debug-id="idea-timeline__chat-input">
+          <UserChatInput ideaId={ideaId} isDemo={isDemo} />
+        </div>
+      )}
+      <div className="space-y-4">
       {merged.length === 0 ? (
         <p className="text-sm text-muted-foreground py-8 text-center italic">
           Nog geen activiteit op dit idee.
@@ -252,8 +258,7 @@ export function IdeaTimeline({
           })}
         </ol>
       )}
-
-      {showChatInput && <UserChatInput ideaId={ideaId} isDemo={isDemo} />}
+      </div>
     </div>
   )
 }