Merge pull request #125 from rezailmi/rezailmi/add-toolbar-text-creation

Add toolbar text insertion and tighten text edit cleanup

Author: rezailmi

src/panel.tsx

@@ -368,7 +368,7 @@ function DirectEditPanelContent() {
     handleMoveComplete,
     addComment, submitCommentDraft, addCommentReply, deleteComment, exportComment,
     sendCommentToAgent, setActiveCommentId,
-    startTextEditing, toggleEditMode, deleteSelection,
+    startTextEditing, toggleEditMode, deleteSelection, setCommentDraftText, setCommentDraftBlockedHandler,
   } = useDirectEditActions()
 
   const {
@@ -399,7 +399,8 @@ function DirectEditPanelContent() {
 
   React.useEffect(() => {
     commentDraftRef.current = ''
-  }, [activeCommentId])
+    setCommentDraftText('')
+  }, [activeCommentId, setCommentDraftText])
 
   const activeDraftComment = React.useMemo(() => {
     if (!commentTargetElement || !activeCommentId) return null
@@ -428,6 +429,21 @@ function DirectEditPanelContent() {
     ))
   }, [])
 
+  React.useEffect(() => {
+    if (!activeCommentId) {
+      setCommentDraftBlockedHandler(null)
+      return
+    }
+
+    setCommentDraftBlockedHandler(() => {
+      triggerCommentInputAttention(activeCommentId)
+    })
+
+    return () => {
+      setCommentDraftBlockedHandler(null)
+    }
+  }, [activeCommentId, setCommentDraftBlockedHandler, triggerCommentInputAttention])
+
   const hasPendingCommentDraft = React.useCallback((nextCommentId: string | null = null) => {
     if (!activeCommentId) return false
     if (nextCommentId && nextCommentId === activeCommentId) return false
@@ -548,6 +564,7 @@ function DirectEditPanelContent() {
       comment={activeDraftComment}
       attentionNonce={commentInputAttention?.commentId === activeDraftComment.id ? commentInputAttention.nonce : 0}
       draftRef={commentDraftRef}
+      onDraftTextChange={setCommentDraftText}
       onSubmit={(text) => submitCommentDraft(activeDraftComment.id, text)}
       onCancel={() => handleSetActiveComment(null)}
     />,

src/panel/selected-comment-composer.tsx

@@ -92,6 +92,7 @@ export interface SelectedCommentComposerProps {
   comment: Comment
   attentionNonce: number
   draftRef?: React.MutableRefObject<string>
+  onDraftTextChange?: (text: string) => void
   onSubmit: (text: string) => string | null
   onCancel: () => void
 }
@@ -100,6 +101,7 @@ export function SelectedCommentComposer({
   comment,
   attentionNonce,
   draftRef,
+  onDraftTextChange,
   onSubmit,
   onCancel,
 }: SelectedCommentComposerProps) {
@@ -154,7 +156,8 @@ export function SelectedCommentComposer({
 
   React.useEffect(() => {
     if (draftRef) draftRef.current = text
-  }, [draftRef, text])
+    onDraftTextChange?.(text)
+  }, [draftRef, onDraftTextChange, text])
 
   const submit = React.useCallback(() => {
     const nextText = text.trim()