@veltra/ai 2.1.8 → 2.1.10

package/src/components/ai-chat/tool-call.vue

@@ -95,19 +95,39 @@ const markUserToggled = () => {
 /** 面板工具：render 展示在右侧侧边面板，卡片 body 仅保留「查看面板」入口 */
 const isPanelTool = computed(() => tool.value?.renderTo === 'panel')
 
-/** 完成后是否自动折叠：缺省面板工具折叠；有 render 时不折叠，否则折叠 */
-const autoCollapse = computed(
-  () => tool.value?.autoCollapse ?? (isPanelTool.value || !tool.value?.render)
+/** 「UI 即答复」的终结工具（session 元信息无 terminal，恒为 false） */
+const isAnswerTool = computed(() => {
+  const t = tool.value
+  return !!(t && 'terminal' in t && t.terminal)
+})
+
+/** 内联自定义 body（render / tool-<name> 插槽）：进行中可能是提问表单等交互 UI，需展开可见 */
+const hasInlineBody = computed(
+  () => !isPanelTool.value && !!(tool.value?.render || di?.slots[`tool-${props.toolCall.name}`])
 )
 
+/** 完成后是否自动折叠：缺省一律折叠；「UI 即答复」的终结工具缺省保持展开 */
+const autoCollapse = computed(() => tool.value?.autoCollapse ?? !isAnswerTool.value)
+
+/** 需要用户交互/展示的进行中状态：待确认（看参数再决策）、有内联自定义 body（提问表单等） */
+const needsInteraction = computed(() => {
+  if (props.toolCall.status === 'awaiting-confirm') return true
+  const active = props.toolCall.status === 'pending' || props.toolCall.status === 'running'
+  return active && hasInlineBody.value
+})
+
+const isSettledStatus = (status: ChatToolCall['status']) =>
+  status === 'success' || status === 'error' || status === 'rejected'
+
+// 默认折叠（含进行中）；仅交互/答复类自动展开，用户手动切换过后不再自动变化
 watch(
   () => props.toolCall.status,
   (status) => {
     if (userToggled) return
-    if (status === 'pending' || status === 'running' || status === 'awaiting-confirm') {
-      isExpanded.value = true
-    } else {
+    if (isSettledStatus(status)) {
       isExpanded.value = !autoCollapse.value
+    } else {
+      isExpanded.value = needsInteraction.value
     }
   },
   { immediate: true }
@@ -130,9 +150,7 @@ const isActive = computed(() => {
 })
 
 /** 终态（成功/失败/拒绝） */
-const isSettled = computed(() => {
-  return ['success', 'error', 'rejected'].includes(props.toolCall.status)
-})
+const isSettled = computed(() => isSettledStatus(props.toolCall.status))
 
 /**
  * 折叠后卸载内容 DOM：仅终态且非面板工具时启用——

package/src/components/index.ts

@@ -1,2 +1 @@
 export * from './ai-chat'
-export * from './ai-orb'

package/src/style.ts

@@ -1,2 +1 @@
 import './components/ai-chat/style'
-import './components/ai-orb/style'

package/src/tools/ask-question/__test__/ask-question.test.ts

@@ -76,6 +76,15 @@ async function expandProcess(host: HTMLElement) {
   await nextTick()
 }
 
+/** 工具卡片终态默认折叠（destroyOnCollapse 卸载内容 DOM）：点头部展开后内容才挂载 */
+async function expandToolCard(host: HTMLElement) {
+  const header = host.querySelector<HTMLElement>('.u-ai-chat__tool-call .u-collapse__header')!
+  expect(header, '工具卡片头部应存在').toBeTruthy()
+  click(header)
+  await nextTick()
+  await nextTick()
+}
+
 /** 底部导航按钮（UButton disabled 体现为 is-disabled class） */
 const actionButton = (host: HTMLElement, text: string) => {
   return [...host.querySelectorAll<HTMLElement>('.u-ai-chat__ask-question-actions button')].find(
@@ -169,10 +178,13 @@ describe('内置提问工具', () => {
       ]
     })
 
-    // 第二轮文本输出后，提问工具卡片收进「已完成」过程块，先展开
+    // 第二轮文本输出后，提问工具卡片收进「已完成」过程块，先展开过程块
     await expandProcess(host)
 
-    // 问答摘要视图：命中选项的回答渲染为 chip，完成后保持展开
+    // 工具卡片终态默认折叠且卸载内容 DOM，手动展开后才挂载摘要视图
+    await expandToolCard(host)
+
+    // 问答摘要视图：命中选项的回答渲染为 chip
     expect(host.querySelectorAll('.u-ai-chat__ask-question-result').length).toBe(3)
     const summary = host.querySelector('.u-ai-chat__ask-question')!.textContent!
     expect(summary).toContain('目标用户是谁？')
@@ -200,6 +212,12 @@ describe('内置提问工具', () => {
 
     chat.value?.abort()
 
+    // 中止后调用进入终态：卡片默认折叠并卸载内容 DOM，展开后显示状态
+    await vi.waitFor(() => {
+      expect(host.querySelector('.u-ai-chat__tool-call.is-error')).toBeTruthy()
+    })
+    await expandToolCard(host)
+
     await vi.waitFor(() => {
       expect(host.querySelector('.u-ai-chat__ask-question-status')?.textContent).toBe('已取消')
     })

package/src/tools/ask-question/ask-question.ts

@@ -126,7 +126,8 @@ const AskQuestionRender = defineComponent({
 
 /**
  * 创建内置提问工具：execute 挂起等待用户在 UI 中作答，提交后结果回灌模型。
- * 工具卡片由内联提问表单渲染（多题分页导航，提交后展示问答摘要，不自动折叠）。
+ * 工具卡片由内联提问表单渲染（多题分页导航，提交后展示问答摘要）；
+ * 进行中因有内联 render 自动展开，终态默认折叠，展开后可查看问答摘要。
  */
 export function createAskQuestionTool(
   options: CreateAskQuestionToolOptions = {}

package/src/types/index.ts

@@ -1,2 +1 @@
 export * from './ai-chat'
-export * from './ai-orb'

package/dist/components/ai-orb/style.d.ts

@@ -1 +0,0 @@
-export {}

package/dist/components/ai-orb/style.js

@@ -1 +0,0 @@
-import "./style2.css";

package/dist/types/ai-orb.d.ts

@@ -1,27 +0,0 @@
-//#region src/types/ai-orb.d.ts
-/** 活体球生命状态：驱动常态动画（平静 / 思考 / 输出） */
-type AiOrbStatus = 'idle' | 'thinking' | 'speaking';
-/**
- * 瞬时表情：播放约 1-2s 后自动回到 status 驱动的常态。
- * - happy：成功 / 回答完毕 —— 先睁大眼睛，再弯眼大笑 + 点头
- * - shock：惊讶 —— 睁大眼睛 + 小嘴微张 + 轻微后仰
- * - frustrated：受挫（如工具调用失败）—— 闭紧眼睛 + 摇头 + 嘴角下撇
- */
-type AiOrbReaction = 'happy' | 'shock' | 'frustrated';
-interface AiOrbProps {
-  /** 球体直径（px），默认 48 */
-  size?: number;
-  /** 生命状态，默认 idle */
-  status?: AiOrbStatus;
-}
-interface AiOrbEmits {
-  /** 点击球体（球体同时会做 Q 弹反馈） */
-  (e: 'click'): void;
-}
-interface AiOrbExposed {
-  /** 播放一次瞬时表情（对应阶段性事件，如回答完毕 / 工具调用失败） */
-  react: (reaction: AiOrbReaction) => void;
-}
-//#endregion
-export { AiOrbEmits, AiOrbExposed, AiOrbProps, AiOrbReaction, AiOrbStatus };
-//# sourceMappingURL=ai-orb.d.ts.map

package/src/components/ai-orb/index.ts

@@ -1 +0,0 @@
-export { default as UAiOrb } from './ai-orb.vue'

package/src/components/ai-orb/style.ts

@@ -1 +0,0 @@
-import './style.scss'