fix: user input slow

src/components/chat-view/chat-input/PromptInputWithActions.tsx

@@ -33,7 +33,6 @@ import { ModelSelect } from './ModelSelect'
 import { MentionNode } from './plugins/mention/MentionNode'
 import { NodeMutations } from './plugins/on-mutation/OnMutationPlugin'
 import { SubmitButton } from './SubmitButton'
-import { VaultChatButton } from './VaultChatButton'
 
 export type ChatUserInputRef = {
 	focus: () => void
@@ -41,7 +40,7 @@ export type ChatUserInputRef = {
 
 export type ChatUserInputProps = {
 	initialSerializedEditorState: SerializedEditorState | null
-	onChange: (content: SerializedEditorState) => void
+	onChange?: (content: SerializedEditorState) => void
 	onSubmit: (content: SerializedEditorState, useVaultSearch?: boolean) => void
 	onFocus: () => void
 	mentionables: Mentionable[]
@@ -50,7 +49,7 @@ export type ChatUserInputProps = {
 	addedBlockKey?: string | null
 }
 
-const ChatUserInput = forwardRef<ChatUserInputRef, ChatUserInputProps>(
+const PromptInputWithActions = forwardRef<ChatUserInputRef, ChatUserInputProps>(
 	(
 		{
 			initialSerializedEditorState,
@@ -279,11 +278,6 @@ const ChatUserInput = forwardRef<ChatUserInputRef, ChatUserInputProps>(
 					</div>
 					<div className="infio-chat-user-input-controls__buttons">
 						<SubmitButton onClick={() => handleSubmit()} />
-						{/* <VaultChatButton
-              onClick={() => {
-                handleSubmit({ useVaultSearch: true })
-              }}
-            /> */}
 					</div>
 				</div>
 			</div>
@@ -369,6 +363,6 @@ function MentionableContentPreview({
 	) : null
 }
 
-ChatUserInput.displayName = 'ChatUserInput'
+PromptInputWithActions.displayName = 'ChatUserInput'
 
-export default ChatUserInput
+export default PromptInputWithActions

src/components/chat-view/chat-input/VaultChatButton.tsx

@@ -1,42 +0,0 @@
-import * as Tooltip from '@radix-ui/react-tooltip'
-import {
-	ArrowBigUp,
-	ChevronUp,
-	Command,
-	CornerDownLeftIcon,
-} from 'lucide-react'
-import { Platform } from 'obsidian'
-
-export function VaultChatButton({ onClick }: { onClick: () => void }) {
-	return (
-		<>
-			<Tooltip.Provider delayDuration={0}>
-				<Tooltip.Root>
-					<Tooltip.Trigger asChild>
-						<button
-							className="infio-chat-user-input-vault-button"
-							onClick={onClick}
-						>
-							<div>vault</div>
-							<div className="infio-chat-user-input-vault-button-icons">
-								{Platform.isMacOS ? (
-									<Command size={10} />
-								) : (
-									<ChevronUp size={12} />
-								)}
-								{/* TODO: Replace with a custom icon */}
-								{/* <ArrowBigUp size={12} /> */}
-								<CornerDownLeftIcon size={12} />
-							</div>
-						</button>
-					</Tooltip.Trigger>
-					<Tooltip.Portal>
-						<Tooltip.Content className="infio-tooltip-content" sideOffset={5}>
-							Chat with your entire vault
-						</Tooltip.Content>
-					</Tooltip.Portal>
-				</Tooltip.Root>
-			</Tooltip.Provider>
-		</>
-	)
-}

src/components/chat-view/chat-input/plugins/template/TemplatePlugin.tsx

@@ -1,9 +1,9 @@
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
 import clsx from 'clsx'
 import {
-  $parseSerializedNode,
-  COMMAND_PRIORITY_NORMAL,
-  TextNode,
+	$parseSerializedNode,
+	COMMAND_PRIORITY_NORMAL,
+	TextNode,
 } from 'lexical'
 import { Trash2 } from 'lucide-react'
 import { useCallback, useEffect, useMemo, useState } from 'react'
@@ -13,8 +13,8 @@ import { useDatabase } from '../../../../../contexts/DatabaseContext'
 import { SelectTemplate } from '../../../../../database/schema'
 import { MenuOption } from '../shared/LexicalMenu'
 import {
-  LexicalTypeaheadMenuPlugin,
-  useBasicTypeaheadTriggerMatch,
+	LexicalTypeaheadMenuPlugin,
+	useBasicTypeaheadTriggerMatch,
 } from '../typeahead-menu/LexicalTypeaheadMenuPlugin'
 
 class TemplateTypeaheadOption extends MenuOption {