add tool use, update system prompt

src/components/apply-view/ApplyViewRoot.tsx

@@ -37,10 +37,16 @@ export default function ApplyViewRoot({
       .map((change) => change.value)
       .join('')
     await app.vault.modify(state.file, newContent)
+    if (state.onClose) {
+      state.onClose(true)
+    }
     close()
   }
 
   const handleReject = async () => {
+    if (state.onClose) {
+      state.onClose(false)
+    }
     close()
   }
 

src/components/chat-view/CreateTemplateDialog.tsx

@@ -1,127 +0,0 @@
-import { $generateNodesFromSerializedNodes } from '@lexical/clipboard'
-import { BaseSerializedNode } from '@lexical/clipboard/clipboard'
-import { InitialEditorStateType } from '@lexical/react/LexicalComposer'
-import * as Dialog from '@radix-ui/react-dialog'
-import { $insertNodes, LexicalEditor } from 'lexical'
-import { X } from 'lucide-react'
-import { Notice } from 'obsidian'
-import { useRef, useState } from 'react'
-
-import { useDatabase } from '../../contexts/DatabaseContext'
-import { useDialogContainer } from '../../contexts/DialogContext'
-import { DuplicateTemplateException } from '../../database/exception'
-
-import LexicalContentEditable from './chat-input/LexicalContentEditable'
-
-/*
- * This component must be used inside <Dialog.Root modal={false}>
- * The modal={false} prop is required because modal mode blocks pointer events across the entire page,
- * which would conflict with lexical editor popovers
- */
-export default function CreateTemplateDialogContent({
-  selectedSerializedNodes,
-  onClose,
-}: {
-  selectedSerializedNodes?: BaseSerializedNode[] | null
-  onClose: () => void
-}) {
-  const container = useDialogContainer()
-  const { getTemplateManager } = useDatabase()
-
-  const [templateName, setTemplateName] = useState('')
-  const editorRef = useRef<LexicalEditor | null>(null)
-  const contentEditableRef = useRef<HTMLDivElement>(null)
-
-  const initialEditorState: InitialEditorStateType = (
-    editor: LexicalEditor,
-  ) => {
-    if (!selectedSerializedNodes) return
-    editor.update(() => {
-      const parsedNodes = $generateNodesFromSerializedNodes(
-        selectedSerializedNodes,
-      )
-      $insertNodes(parsedNodes)
-    })
-  }
-
-  const onSubmit = async () => {
-    try {
-      if (!editorRef.current) return
-      const serializedEditorState = editorRef.current.toJSON()
-      const nodes = serializedEditorState.editorState.root.children
-      if (nodes.length === 0) {
-        new Notice('Please enter a content for your template')
-        return
-      }
-      if (templateName.trim().length === 0) {
-        new Notice('Please enter a name for your template')
-        return
-      }
-
-      await (
-        await getTemplateManager()
-      ).createTemplate({
-        name: templateName,
-        content: { nodes },
-      })
-      new Notice(`Template created: ${templateName}`)
-      setTemplateName('')
-      onClose()
-    } catch (error) {
-      if (error instanceof DuplicateTemplateException) {
-        new Notice('A template with this name already exists')
-      } else {
-        console.error(error)
-        new Notice('Failed to create template')
-      }
-    }
-  }
-
-  return (
-    <Dialog.Portal container={container}>
-      <Dialog.Content className="infio-chat-dialog-content">
-        <div className="infio-dialog-header">
-          <Dialog.Title className="infio-dialog-title">
-            Create template
-          </Dialog.Title>
-          <Dialog.Description className="infio-dialog-description">
-            Create template from selected content
-          </Dialog.Description>
-        </div>
-
-        <div className="infio-dialog-input">
-          <label>Name</label>
-          <input
-            type="text"
-            value={templateName}
-            onChange={(e) => setTemplateName(e.target.value)}
-            onKeyDown={(e) => {
-              if (e.key === 'Enter') {
-                e.stopPropagation()
-                e.preventDefault()
-                onSubmit()
-              }
-            }}
-          />
-        </div>
-
-        <div className="infio-chat-user-input-container">
-          <LexicalContentEditable
-            initialEditorState={initialEditorState}
-            editorRef={editorRef}
-            contentEditableRef={contentEditableRef}
-            onEnter={onSubmit}
-          />
-        </div>
-
-        <div className="infio-dialog-footer">
-          <button onClick={onSubmit}>Create template</button>
-        </div>
-
-        <Dialog.Close className="infio-dialog-close" asChild>
-          <X size={16} />
-        </Dialog.Close>
-      </Dialog.Content>
-    </Dialog.Portal>
-  )
-}

src/components/inline-edit/InlineEdit.tsx

@@ -1,11 +1,12 @@
-import { MarkdownView, Plugin, Platform } from 'obsidian';
-import React, { useEffect, useMemo, useRef, useState } from 'react';
 import { CornerDownLeft } from 'lucide-react';
+import { MarkdownView, Plugin } from 'obsidian';
+import React, { useEffect, useRef, useState } from 'react';
+
 import { APPLY_VIEW_TYPE } from '../../constants';
 import LLMManager from '../../core/llm/manager';
 import { InfioSettings } from '../../types/settings';
 import { GetProviderModelIds } from '../../utils/api';
-import { manualApplyChangesToFile } from '../../utils/apply';
+import { ApplyEditToFile } from '../../utils/apply';
 import { removeAITags } from '../../utils/content-filter';
 import { PromptGenerator } from '../../utils/prompt-generator';
 
@@ -239,10 +240,10 @@ export const InlineEdit: React.FC<InlineEditProps> = ({
 			const startLine = parsedBlock?.startLine || defaultStartLine;
 			const endLine = parsedBlock?.endLine || defaultEndLine;
 
-			const updatedContent = await manualApplyChangesToFile(
-				finalContent,
+			const updatedContent = await ApplyEditToFile(
 				activeFile,
 				await plugin.app.vault.read(activeFile),
+				finalContent,
 				startLine,
 				endLine
 			);