feat(code): improve pasted text UX (#1234)

pasted text showing up as an attachment, then getting appended to the end of the prompt, is a little disorienting

adds pasted text as an inline file chip

[code-paste.mp4 <span class="graphite__hidden">(uploaded via Graphite)</span> <img class="graphite__hidden" src="https://app.graphite.com/user-attachments/thumbnails/d040576c-e3ac-438c-b6eb-c087db9fc8c6.mp4" />](https://app.graphite.com/user-attachments/video/d040576c-e3ac-438c-b6eb-c087db9fc8c6.mp4)

Author: adboio

apps/code/src/renderer/features/message-editor/tiptap/useTiptapEditor.ts

@@ -88,6 +88,7 @@ export function useTiptapEditor(options: UseTiptapEditorOptions) {
   const submitRef = useRef<() => void>(() => {});
   const draftRef = useRef<ReturnType<typeof useDraftSync> | null>(null);
 
+  const pasteCountRef = useRef(0);
   const historyActions = usePromptHistoryStore.getState();
   const [isEmptyState, setIsEmptyState] = useState(true);
   const [isReady, setIsReady] = useState(false);
@@ -320,10 +321,22 @@ export function useTiptapEditor(options: UseTiptapEditorOptions) {
                   text: pastedText,
                 });
 
-                setAttachments((prev) => {
-                  if (prev.some((a) => a.id === result.path)) return prev;
-                  return [...prev, { id: result.path, label: result.name }];
+                pasteCountRef.current += 1;
+                const lineCount = pastedText.split("\n").length;
+                const label = `Pasted text #${pasteCountRef.current} (${lineCount} lines)`;
+                const chipNode = view.state.schema.nodes.mentionChip.create({
+                  type: "file",
+                  id: result.path,
+                  label,
                 });
+                const space = view.state.schema.text(" ");
+                const { tr } = view.state;
+                tr.replaceSelectionWith(chipNode).insert(
+                  tr.selection.from,
+                  space,
+                );
+                view.dispatch(tr);
+                view.focus();
               } catch (_error) {
                 toast.error("Failed to convert pasted text to attachment");
               }
@@ -421,6 +434,7 @@ export function useTiptapEditor(options: UseTiptapEditorOptions) {
     if (clearOnSubmit) {
       editor.commands.clearContent();
       prevBashModeRef.current = false;
+      pasteCountRef.current = 0;
       setAttachments([]);
       draft.clearDraft();
     }