ENG-1628: Open ModifyNodeModal with pre-filled text on editor right-click (#990)

* ENG-1628: Open ModifyNodeModal with pre-filled text on editor right-click

When a user right-clicks highlighted text and selects a node type from the
"Turn into discourse node" submenu, open ModifyNodeModal pre-filled with
the selection and pre-selected node type instead of creating the node directly.

Also fix cursor placement in content input to land at the end of pre-filled
text rather than the beginning.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

* Pass currentFile to ModifyNodeModal in editor context menu handler

Fixes missing relationship dropdown when opening the modal from the right-click
menu — without currentFile, availableRelationships returns empty.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

---------

Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: trangdoan982

apps/obsidian/src/components/ModifyNodeModal.tsx

@@ -177,9 +177,14 @@ export const ModifyNodeForm = ({
     }
   }, [activeIndex, isOpen]);
 
-  // Focus the content input on mount so users can start typing immediately
+  // Focus the content input on mount so users can start typing immediately,
+  // with cursor placed at the end of any pre-filled text
   useEffect(() => {
-    titleInputRef.current?.focus();
+    const el = titleInputRef.current;
+    if (!el) return;
+    el.focus();
+    const len = el.value.length;
+    el.setSelectionRange(len, len);
   }, []);
 
   useEffect(() => {

apps/obsidian/src/index.ts

@@ -18,13 +18,13 @@ import {
 } from "~/utils/editorMenuUtils";
 import { createImageEmbedHoverExtension } from "~/utils/imageEmbedHoverIcon";
 import { createWikilinkDragExtension } from "~/utils/wikilinkDragHandler";
-import { registerCommands } from "~/utils/registerCommands";
+import {
+  registerCommands,
+  createModifyNodeModalSubmitHandler,
+} from "~/utils/registerCommands";
 import { DiscourseContextView } from "~/components/DiscourseContextView";
 import { VIEW_TYPE_TLDRAW_DG_PREVIEW, FRONTMATTER_KEY } from "~/constants";
-import {
-  convertPageToDiscourseNode,
-  createDiscourseNode,
-} from "~/utils/createNode";
+import { convertPageToDiscourseNode } from "~/utils/createNode";
 import { DEFAULT_SETTINGS } from "~/constants";
 import ModifyNodeModal from "~/components/ModifyNodeModal";
 import { TagNodeHandler } from "~/utils/tagNodeHandler";
@@ -222,17 +222,22 @@ export default class DiscourseGraphPlugin extends Plugin {
         if (!editor.getSelection()) return;
 
         const selection = editor.getSelection().trim();
+        const currentFile =
+          this.app.workspace.getActiveViewOfType(MarkdownView)?.file ||
+          undefined;
         addConvertSubmenu({
           menu,
           label: "Turn into discourse node",
           nodeTypes: this.settings.nodeTypes,
-          onClick: async (nodeType) => {
-            await createDiscourseNode({
+          onClick: (nodeType) => {
+            new ModifyNodeModal(this.app, {
+              nodeTypes: this.settings.nodeTypes,
               plugin: this,
-              editor,
-              nodeType,
-              text: selection,
-            });
+              initialTitle: selection,
+              initialNodeType: nodeType,
+              currentFile,
+              onSubmit: createModifyNodeModalSubmitHandler(this, editor),
+            }).open();
           },
         });
       }),

apps/obsidian/src/utils/registerCommands.ts

@@ -24,7 +24,7 @@ type ModifyNodeSubmitParams = {
   relationshipTargetFile?: TFile;
 };
 
-const createModifyNodeModalSubmitHandler = (
+export const createModifyNodeModalSubmitHandler = (
   plugin: DiscourseGraphPlugin,
   editor?: Editor,
 ): ((params: ModifyNodeSubmitParams) => Promise<void>) => {