mirror of
https://github.com/memohai/Memoh.git
synced 2026-04-27 07:16:19 +09:00
Acbox
59 lines
1.6 KiB
Vue
59 lines
1.6 KiB
Vue
<template>
|
|
<div class="rounded-lg border bg-muted/30 text-sm overflow-hidden">
|
|
<div class="flex items-center gap-2 px-3 py-2 bg-muted/50">
|
|
<FontAwesomeIcon
|
|
:icon="['fas', block.done ? 'check' : 'spinner']"
|
|
class="size-3"
|
|
:class="block.done ? 'text-green-600 dark:text-green-400' : 'animate-spin text-muted-foreground'"
|
|
/>
|
|
<FontAwesomeIcon
|
|
:icon="['fas', 'folder']"
|
|
class="size-3 text-muted-foreground"
|
|
/>
|
|
<button
|
|
class="font-mono text-xs truncate hover:underline text-foreground cursor-pointer"
|
|
:title="dirPath"
|
|
@click="handleOpenDir"
|
|
>
|
|
{{ dirPath }}
|
|
</button>
|
|
<Badge
|
|
v-if="block.done"
|
|
variant="secondary"
|
|
class="text-[10px] ml-auto shrink-0"
|
|
>
|
|
{{ $t('chat.toolDone') }}
|
|
</Badge>
|
|
<Badge
|
|
v-else
|
|
variant="outline"
|
|
class="text-[10px] ml-auto shrink-0"
|
|
>
|
|
{{ $t('chat.toolRunning') }}
|
|
</Badge>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { computed, inject } from 'vue'
|
|
import { Badge } from '@memohai/ui'
|
|
import type { ToolCallBlock } from '@/store/chat-list'
|
|
import { openInFileManagerKey } from '../composables/useFileManagerProvider'
|
|
|
|
const props = defineProps<{ block: ToolCallBlock }>()
|
|
|
|
const openInFileManager = inject(openInFileManagerKey, undefined)
|
|
|
|
const dirPath = computed(() => {
|
|
const input = props.block.input as Record<string, unknown> | undefined
|
|
return (input?.path as string) ?? ''
|
|
})
|
|
|
|
function handleOpenDir() {
|
|
if (dirPath.value && openInFileManager) {
|
|
openInFileManager(dirPath.value, true)
|
|
}
|
|
}
|
|
</script>
|