update workspace

src/components/chat-view/Markdown/MarkdownDataviewQueryBlock.tsx

@@ -0,0 +1,83 @@
+import { Check, ChevronDown, ChevronRight, Database, Loader2, X } from 'lucide-react'
+import React, { useState } from 'react'
+
+import { t } from '../../../lang/helpers'
+import { ApplyStatus, DataviewQueryToolArgs } from "../../../types/apply"
+
+export default function MarkdownDataviewQueryBlock({
+	applyStatus,
+	onApply,
+	query,
+	outputFormat,
+	finish
+}: {
+	applyStatus: ApplyStatus
+	onApply: (args: DataviewQueryToolArgs) => void
+	query: string
+	outputFormat: string
+	finish: boolean
+}) {
+	const [isOpen, setIsOpen] = useState(false)
+	const [isHovered, setIsHovered] = useState(false)
+
+	React.useEffect(() => {
+		if (finish && applyStatus === ApplyStatus.Idle) {
+			onApply({
+				type: 'dataview_query',
+				query: query,
+				outputFormat: outputFormat,
+			})
+		}
+	}, [finish])
+
+	return (
+		<div 
+			className={`infio-chat-code-block has-filename`}
+			onMouseEnter={() => setIsHovered(true)}
+			onMouseLeave={() => setIsHovered(false)}
+		>
+			<div className={'infio-chat-code-block-header'}>
+				<div 
+					className={'infio-chat-code-block-header-filename'}
+					onClick={() => setIsOpen(!isOpen)}
+					style={{ cursor: isHovered ? 'pointer' : 'default' }}
+				>
+					{isHovered ? (
+						isOpen ? <ChevronDown size={14} className="infio-chat-code-block-header-icon" /> : <ChevronRight size={14} className="infio-chat-code-block-header-icon" />
+					) : (
+						<Database size={14} className="infio-chat-code-block-header-icon" />
+					)}
+					Dataview 查询 ({outputFormat})
+				</div>
+				<div className={'infio-chat-code-block-header-button'}>
+					<button
+						className="infio-dataview-query-button"
+						disabled={true}
+					>
+						{
+							!finish || applyStatus === ApplyStatus.Idle ? (
+								<>
+									<Loader2 className="spinner" size={14} /> 执行中...
+								</>
+							) : applyStatus === ApplyStatus.Applied ? (
+								<>
+									<Check size={14} /> 完成
+								</>
+							) : (
+								<>
+									<X size={14} /> 失败
+								</>
+							)}
+					</button>
+				</div>
+			</div>
+			{isOpen && (
+				<div className={'infio-chat-code-block-content'}>
+					<pre>
+						<code>{query}</code>
+					</pre>
+				</div>
+			)}
+		</div>
+	)
+} 

src/components/chat-view/Markdown/MarkdownReasoningBlock.tsx

@@ -1,4 +1,4 @@
-import { ChevronDown, ChevronRight, Brain } from 'lucide-react'
+import { Brain, ChevronDown, ChevronRight } from 'lucide-react'
 import { PropsWithChildren, useEffect, useRef, useState } from 'react'
 
 import { useDarkModeContext } from "../../../contexts/DarkModeContext"

src/components/chat-view/Markdown/MarkdownTransformationToolBlock.tsx

@@ -0,0 +1,132 @@
+import { Sparkles } from 'lucide-react'
+import React from 'react'
+
+import { useApp } from "../../../contexts/AppContext"
+import { ApplyStatus, ToolArgs } from "../../../types/apply"
+import { openMarkdownFile } from "../../../utils/obsidian"
+
+export type TransformationToolType = 'analyze_paper' | 'key_insights' | 'dense_summary' | 'reflections' | 'table_of_contents' | 'simple_summary'
+
+interface MarkdownTransformationToolBlockProps {
+	applyStatus: ApplyStatus
+	onApply: (args: ToolArgs) => void
+	toolType: TransformationToolType
+	path: string
+	depth?: number
+	format?: string
+	include_summary?: boolean
+	finish: boolean
+}
+
+const getToolConfig = (toolType: TransformationToolType) => {
+	switch (toolType) {
+		case 'analyze_paper':
+			return {
+				icon: <Sparkles size={14} className="infio-chat-code-block-header-icon" />,
+				title: 'Analyze Paper',
+				description: 'Deep analysis of academic papers'
+			}
+		case 'key_insights':
+			return {
+				icon: <Sparkles size={14} className="infio-chat-code-block-header-icon" />,
+				title: 'Key Insights',
+				description: 'Extract key insights'
+			}
+		case 'dense_summary':
+			return {
+				icon: <Sparkles size={14} className="infio-chat-code-block-header-icon" />,
+				title: 'Dense Summary',
+				description: 'Create information-dense summary'
+			}
+		case 'reflections':
+			return {
+				icon: <Sparkles size={14} className="infio-chat-code-block-header-icon" />,
+				title: 'Deep Reflections',
+				description: 'Generate deep reflections'
+			}
+		case 'table_of_contents':
+			return {
+				icon: <Sparkles size={14} className="infio-chat-code-block-header-icon" />,
+				title: 'Table of Contents',
+				description: 'Generate table of contents structure'
+			}
+		case 'simple_summary':
+			return {
+				icon: <Sparkles size={14} className="infio-chat-code-block-header-icon" />,
+				title: 'Simple Summary',
+				description: 'Create readable summary'
+			}
+		default:
+			return {
+				icon: <Sparkles size={14} className="infio-chat-code-block-header-icon" />,
+				title: 'Document Processing',
+				description: 'Process document'
+			}
+	}
+}
+
+export default function MarkdownTransformationToolBlock({
+	applyStatus,
+	onApply,
+	toolType,
+	path,
+	depth,
+	format,
+	include_summary,
+	finish
+}: MarkdownTransformationToolBlockProps) {
+	const app = useApp()
+	const config = getToolConfig(toolType)
+
+	const handleClick = () => {
+		if (path) {
+			openMarkdownFile(app, path)
+		}
+	}
+
+	React.useEffect(() => {
+		if (finish && applyStatus === ApplyStatus.Idle) {
+			// 构建符合标准ToolArgs类型的参数
+			if (toolType === 'table_of_contents') {
+				onApply({
+					type: toolType,
+					path: path || '',
+					depth,
+					format,
+					include_summary
+				})
+			} else {
+				onApply({
+					type: toolType,
+					path: path || '',
+				})
+			}
+		}
+	}, [finish])
+
+	const getDisplayText = () => {
+		if (toolType === 'table_of_contents') {
+			let text = `${config.title}: ${path || '未指定路径'}`
+			if (depth) text += ` (深度: ${depth})`
+			if (format) text += ` (格式: ${format})`
+			if (include_summary) text += ` (包含摘要)`
+			return text
+		}
+		return `${config.title}: ${path || '未指定路径'}`
+	}
+
+	return (
+		<div
+			className={`infio-chat-code-block ${path ? 'has-filename' : ''}`}
+			onClick={handleClick}
+			style={{ cursor: path ? 'pointer' : 'default' }}
+		>
+			<div className={'infio-chat-code-block-header'}>
+				<div className={'infio-chat-code-block-header-filename'}>
+					{config.icon}
+					<span>{getDisplayText()}</span>
+				</div>
+			</div>
+		</div>
+	)
+}