WEBDIENSTE/openswarm
1
0
Fork 0
mirror of https://github.com/openswarm-ai/openswarm.git synced 2026-09-28 04:24:51 +02:00
Code Issues Packages Projects Releases Wiki Activity

[eric] onboarding: prefilled starter text renders translucent (pending suggestion), solidifies on first keypress/edit

Browse Source
This commit is contained in:
ciregenz
2026-06-11 01:37:37 -07:00
parent f282afb4fb
commit 067061d982
1 changed files with 15 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/app/pages/AgentChat/ChatInput.tsx
+15
View File
@@ -63,6 +63,8 @@ const ChatInput = forwardRef<ChatInputHandle, Props>(({ onSend, disabled, mode,
}, [autoFocus]);
// Drop the seeded prompt into the editor when it arrives (starter-prompt click).
// It renders translucent, reading as a pending suggestion, and solidifies the
// moment the user takes it (a keypress, including Enter-to-send, or any edit).
const prefilledRef = useRef<string | null>(null);
useEffect(() => {
if (!prefillPrompt || prefilledRef.current === prefillPrompt) return;
@@ -72,7 +74,20 @@ const ChatInput = forwardRef<ChatInputHandle, Props>(({ onSend, disabled, mode,
else editor.textContent = prefillPrompt;
setHasContent(true);
prefilledRef.current = prefillPrompt;
editor.style.opacity = '0.5';
editor.style.transition = 'opacity 0.15s';
editor.focus();
const solidify = () => {
editor.style.opacity = '';
editor.removeEventListener('keydown', solidify);
editor.removeEventListener('input', solidify);
};
editor.addEventListener('keydown', solidify);
editor.addEventListener('input', solidify);
return () => {
editor.removeEventListener('keydown', solidify);
editor.removeEventListener('input', solidify);
};
}, [prefillPrompt]);
useDraftLoad(editorRef, ownerId);