+
+ )
+ }
+
return (
{children}
diff --git a/src/renderer/src/pages/home/Markdown/__tests__/CodeBlock.test.tsx b/src/renderer/src/pages/home/Markdown/__tests__/CodeBlock.test.tsx
index 9ada24b8298..3dfdfc3cb72 100644
--- a/src/renderer/src/pages/home/Markdown/__tests__/CodeBlock.test.tsx
+++ b/src/renderer/src/pages/home/Markdown/__tests__/CodeBlock.test.tsx
@@ -63,6 +63,11 @@ vi.mock('@renderer/components/CodeBlockView', () => ({
HtmlArtifactsCard: mocks.HtmlArtifactsCard
}))
+// Mock ClickableFilePath
+vi.mock('@renderer/pages/home/Messages/Tools/MessageAgentTools/ClickableFilePath', () => ({
+ ClickableFilePath: ({ path }: { path: string }) => {path}
+}))
+
describe('CodeBlock', () => {
const defaultProps = {
blockId: 'test-msg-block-id',
@@ -106,6 +111,34 @@ describe('CodeBlock', () => {
expect(codeElement.tagName).toBe('CODE')
expect(mocks.CodeBlockView).not.toHaveBeenCalled()
})
+
+ it('should render ClickableFilePath for absolute file paths', () => {
+ const pathProps = {
+ ...defaultProps,
+ className: undefined,
+ children: '/Users/foo/bar.tsx'
+ }
+ render(
+
+ {displayName ?? path}
+
+
+
+
+ e.stopPropagation()}
+ className="cursor-pointer rounded px-0.5 opacity-60 hover:bg-black/10 hover:opacity-100"
+ style={{ color: 'var(--color-link)', fontSize: '14px' }}
+ />
+
+
+
+ )
+})
diff --git a/src/renderer/src/pages/home/Messages/Tools/MessageAgentTools/EditTool.tsx b/src/renderer/src/pages/home/Messages/Tools/MessageAgentTools/EditTool.tsx
index c01aae2cd6f..d9167a4444e 100644
--- a/src/renderer/src/pages/home/Messages/Tools/MessageAgentTools/EditTool.tsx
+++ b/src/renderer/src/pages/home/Messages/Tools/MessageAgentTools/EditTool.tsx
@@ -1,5 +1,6 @@
import type { CollapseProps } from 'antd'
+import { ClickableFilePath } from './ClickableFilePath'
import { ToolHeader } from './GenericTools'
import type { EditToolInput, EditToolOutput } from './types'
import { AgentToolsType } from './types'
@@ -39,7 +40,7 @@ export function EditTool({
label: (
{input?.notebook_path}
+ {input?.notebook_path ?
),
children: (
diff --git a/src/renderer/src/pages/home/Messages/Tools/MessageAgentTools/ReadTool.tsx b/src/renderer/src/pages/home/Messages/Tools/MessageAgentTools/ReadTool.tsx
index b0d6d58455b..97328f584d8 100644
--- a/src/renderer/src/pages/home/Messages/Tools/MessageAgentTools/ReadTool.tsx
+++ b/src/renderer/src/pages/home/Messages/Tools/MessageAgentTools/ReadTool.tsx
@@ -4,6 +4,7 @@ import { useTranslation } from 'react-i18next'
import ReactMarkdown from 'react-markdown'
import { truncateOutput } from '../shared/truncateOutput'
+import { ClickableFilePath } from './ClickableFilePath'
import { SkeletonValue, ToolHeader, TruncatedIndicator } from './GenericTools'
import type { ReadToolInput as ReadToolInputType, ReadToolOutput as ReadToolOutputType, TextOutput } from './types'
import { AgentToolsType } from './types'
@@ -54,7 +55,12 @@ export function ReadTool({
label: (
= {
+ 'chat.input.tools.open_file': 'Open File',
+ 'chat.input.tools.reveal_in_finder': 'Reveal in Finder'
+ }
+ return map[key] ?? key
+ }
+ })
+}))
+
+vi.mock('@renderer/hooks/useExternalApps', () => ({
+ useExternalApps: () => ({
+ data: [
+ { id: 'vscode', name: 'Visual Studio Code', protocol: 'vscode://', tags: ['code-editor'], path: '/app/vscode' },
+ { id: 'cursor', name: 'Cursor', protocol: 'cursor://', tags: ['code-editor'], path: '/app/cursor' }
+ ]
+ })
+}))
+
+vi.mock('@renderer/utils/editorUtils', () => ({
+ getEditorIcon: ({ id }: { id: string }) => ,
+ buildEditorUrl: (app: { protocol: string }, path: string) =>
+ `${app.protocol}file/${path.split('/').map(encodeURIComponent).join('/')}?windowId=_blank`
+}))
+
+describe('ClickableFilePath', () => {
+ beforeEach(() => {
+ vi.clearAllMocks()
+ })
+
+ it('should render the path as text', () => {
+ render(