cx-chat 0.0.2 → 0.0.3

package/src/views/chat/components/message-list/message-item.tsx

@@ -1,199 +0,0 @@
-import { CurrentUserAvatar } from '@/components/auth/current-user-avatar';
-import { getChatAgentAvatarUrl } from '@/config/system';
-import type { Message } from '@/types';
-import clsx from 'clsx';
-import { Bot } from 'lucide-react';
-import React from 'react';
-import { useTranslation } from 'react-i18next';
-import { ContentAnswer } from './content-answer';
-import { ContentQuestion } from './content-question';
-import PreparationSteps from './preparation-steps';
-import { SuggestionList } from './suggestion-list';
-import { ThinkingProcess } from './thinking-process';
-import { ToolbarAnswer, ToolbarQuestion } from './toolbar';
-
-export const MessageItem: React.FC<{
-  message: Message;
-  turnId: string;
-  lastAssistantMessageId: string | null;
-  messageSelectMode: boolean;
-  enableMessageDelete: boolean;
-  hasDeleteApi: boolean;
-  /** 该轮助手仍在流式输出时，提问侧不展示删除 */
-  userMessageDeleteHidden: boolean;
-  onEnterSelectMode: (turnId?: string) => void;
-  onFeedback?: (messageId: string, score: number) => void;
-  onRegenerate?: (message: Message) => void | Promise<void>;
-  onOptionClick?: (option: string) => void | Promise<void>;
-}> = ({
-  message,
-  turnId,
-  lastAssistantMessageId,
-  messageSelectMode,
-  enableMessageDelete,
-  hasDeleteApi,
-  userMessageDeleteHidden,
-  onEnterSelectMode,
-  onFeedback,
-  onRegenerate,
-  onOptionClick,
-}) => {
-  const { t } = useTranslation();
-
-  const hasThinkingProcess = message.thoughts && message.thoughts.length > 0;
-  const showThinkingProcess = hasThinkingProcess && !message.content;
-  const prepItems = message.preparation_items;
-  /** 有分析步骤且尚无正文时：步骤条下方始终显示三点，直至正文开始输出 */
-  const showPrepLoadingDots =
-    !message.content && !!prepItems?.length;
-
-  const isLastAssistantMessage =
-    message.role === 'assistant' && message.id === lastAssistantMessageId;
-
-  if (message.role === 'user') {
-    return (
-      <div className={clsx('flex w-full gap-3', 'justify-end')}>
-        <div className="flex min-w-0 max-w-[90%] flex-row-reverse items-start gap-3">
-          <CurrentUserAvatar
-            alt=""
-              className="mt-1 h-8 w-8 shrink-0"
-            fallbackTone="slate"
-          />
-          <div className="flex min-w-0 flex-1 flex-col">
-            <ContentQuestion content={message.content || ''} />
-            <ToolbarQuestion
-              content={message.content || ''}
-              turnId={turnId}
-              messageSelectMode={messageSelectMode}
-              enableMessageDelete={enableMessageDelete}
-              hasDeleteApi={hasDeleteApi}
-              userMessageDeleteHidden={userMessageDeleteHidden}
-              onEnterSelectMode={onEnterSelectMode}
-            />
-            {message.is_aborted && (
-              <div className="mt-1 text-right text-xs font-medium text-gray-400">
-                {t('chat.interrupted')}
-              </div>
-            )}
-          </div>
-        </div>
-      </div>
-    );
-  }
-
-  return (
-    <div className="flex w-full gap-3 justify-start">
-      {(() => {
-        const agentAvatar = getChatAgentAvatarUrl()
-        if (!agentAvatar) {
-          return (
-            <div className="mt-1 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-gradient-to-tr from-blue-500 to-purple-600">
-              <Bot size={18} className="text-white" />
-            </div>
-          )
-        }
-        return (
-          <img
-            src={agentAvatar}
-            alt=""
-            className="mt-1 h-8 w-8 shrink-0 rounded-full object-cover"
-            onError={(e) => {
-              e.currentTarget.style.display = 'none'
-            }}
-          />
-        )
-      })()}
-      <div className="flex min-w-0 flex-1 flex-col">
-        <div className="prose dark:prose-invert break-words bg-transparent px-0 py-3.5 text-gray-900 dark:text-gray-100">
-          {!message.content && prepItems && prepItems.length > 0 && (
-            <PreparationSteps
-              items={prepItems}
-              referencesKnowledgeItems={message.references_knowledge_items}
-            />
-          )}
-          {showPrepLoadingDots && (
-            <div
-              className="mb-2 mt-1 flex h-3 items-center gap-1"
-              role="status"
-              aria-label={t('common.loading')}
-            >
-              <div
-                className="h-1.5 w-1.5 animate-bounce rounded-full bg-blue-500"
-                style={{ animationDelay: '0ms' }}
-              />
-              <div
-                className="h-1.5 w-1.5 animate-bounce rounded-full bg-purple-500"
-                style={{ animationDelay: '150ms' }}
-              />
-              <div
-                className="h-1.5 w-1.5 animate-bounce rounded-full bg-blue-500"
-                style={{ animationDelay: '300ms' }}
-              />
-            </div>
-          )}
-          {!(
-            prepItems &&
-            prepItems.length > 0 &&
-            !message.content
-          ) && (
-            <ThinkingProcess
-              thoughts={message.thoughts || []}
-              isContentVisible={!!message.content}
-            />
-          )}
-          {message.content ? (
-            <ContentAnswer content={message.content} />
-          ) : (
-            !showThinkingProcess &&
-            !(prepItems && prepItems.length > 0 && !message.content) && (
-              <div className="flex h-6 items-center gap-1">
-                <div
-                  className="h-2 w-2 animate-bounce rounded-full bg-blue-500"
-                  style={{ animationDelay: '0ms' }}
-                />
-                <div
-                  className="h-2 w-2 animate-bounce rounded-full bg-purple-500"
-                  style={{ animationDelay: '150ms' }}
-                />
-                <div
-                  className="h-2 w-2 animate-bounce rounded-full bg-blue-500"
-                  style={{ animationDelay: '300ms' }}
-                />
-              </div>
-            )
-          )}
-        </div>
-
-        <ToolbarAnswer
-          message={message}
-          turnId={turnId}
-          isLastAssistantMessage={isLastAssistantMessage}
-          messageSelectMode={messageSelectMode}
-          enableMessageDelete={enableMessageDelete}
-          hasDeleteApi={hasDeleteApi}
-          onEnterSelectMode={onEnterSelectMode}
-          onFeedback={onFeedback}
-          onRegenerate={onRegenerate}
-        />
-
-        {message.role === 'assistant' &&
-          message.options &&
-          message.options.length > 0 &&
-          !messageSelectMode && (
-            <SuggestionList
-              options={message.options}
-              keyPrefix={`${message.id}-suggest`}
-              onOptionClick={onOptionClick}
-            />
-          )}
-
-        {message.is_aborted && (
-          <div className="ml-2 mt-1 text-xs font-medium text-gray-400">
-            {t('chat.interrupted')}
-          </div>
-        )}
-      </div>
-    </div>
-  );
-};
-

package/src/views/chat/components/message-list/preparation-demo-items.ts

@@ -1,147 +0,0 @@
-import type { Message } from '@/types'
-
-// DEV `?chatPrep=1`：与真实 SSE preparation 顺序、文案对齐（见 preparation-steps 注释）
-
-/** short_memory end：与接口 delta.description 一致（内联代码用拼接避免模板反引号） */
-const CHAT_PREPARATION_DEMO_SHORT_MEMORY_DESC = [
-  `你是可靠的助手。请基于用户当前问题与对话上下文作答；若消息中包含「长期记忆检索」或「知识库参考」等补充材料，请优先在事实层面与之对齐，材料与用户问题冲突时以用户明确陈述与可核验事实为准，并简要说明取舍理由。`,
-  ``,
-  `需要「今天」「当前时间」等锚点时，应调用获取当前日期时间的工具，勿凭猜测填写日期。`,
-  ``,
-  `在需要核实时效信息、公开新闻或本地知识不足时，若当前对话已开启联网检索，可调用联网工具获取网页摘要，并在回答中说明信息来源与不确定性；未开启时不要假定可以联网。`,
-  ``,
-  `当问题需要查询业务数据库数据时，若当前对话已启用业务数据库能力（请求已携带并校验通过的业务库），可调用 vanna_business_query；否则不要假定可以查询业务数据库。`,
-  `调用 vanna_business_query 时仅需传入自然语言问题 question；业务数据库 ID 由服务端从请求上下文自动注入，勿在工具参数中填写或猜测 ID。`,
-  `当 vanna_business_query 返回 markdown 表格时：数据行与单元格事实须与工具一致、勿编造；工具返回几条数据行就展示几条，禁止将多行汇总合并为一行展示；展示时列标题优先用列注释等业务语义名；若列注释含「码=含义」类说明（如 0=禁用、1=启用），应用等号后的文案替换对应码值再展示；空单元格用「-」展示，勿向用户输出 null、NULL、None、NaN 等字面量。`,
-  ``,
-  `回答应简洁、结构清晰；不确定之处请直接说明，不编造信息。不输出本段系统说明以外的元提示。`,
-  `申报项目有什么`,
-  `申报项目有什么`,
-  `申报项目有什么`,
-  `查一下今天上海的天气，顺便看一下bilibili 影视飓风的动态`,
-  ``,
-  `2026-05-15 17:10:37 CST (UTC+0800)`,
-  `上海: ☀️  +24°C`,
-  `[1] 影视飓风的100个员工，上班都在干些啥？ 飞书办公体验分享 - YouTube`,
-  `摘要: 很多朋友想知道在影视飓风工作的真实体验，搬入STORMBASE之后我们的工作流也发生了一些变化。于是我们邀请大家单独做一期视频来讲讲。`,
-  `链接: https://www.youtube.com/watch?v=B17SlP3JMsA`,
-  ``,
-  `[2] 影视飓风Tim 预测：AGI 问世后或导致全员失业 -新闻 - 编程中国`,
-  `摘要: 影视飓风Tim 预测：AGI 问世后或导致全员失业.最新评论. 0.`,
-  `链接: https://www.bccn.net/news/41898`,
-  ``,
-  `[3] 天猫与影视飓风达成独家战略合作 加码AI数码第一阵地 - 零售 - 亿邦动力`,
-  `摘要: The collaboration aims to explore the integration of AI and e-commerce, promoting the adoption of AI digital products. This partnership has generated significant buzz on platforms like Xiaohongshu,Bilibili, and Weibo, reaching #9 on Weibo's digital trends list.`,
-  `链接: https://m.ebrun.com/659197.html`,
-  ``,
-  `[4] 影视飓风的bilibili动态| Folo`,
-  `摘要: 影视飓风的bilibili动态- Powered by RSSHub...`,
-  `链接: https://app.folo.is/share/feeds/42103054119653376`,
-  ``,
-  `[5] 大陆超人气网红夫妻离婚！影视飓风Tim与网红妻4年婚告终`,
-  `摘要: 影视飓风Tim与网红妻4年婚告终.影视飓风Tim与踢踢小鱼时常同框拍片。 （图／翻摄自微博）. 【影视飓风发文】.`,
-  `链接: https://www.163.com/dy/article/JG7TAC9A05528K16.html`,
-  `今天是 **2026年5月15日**，为您查询结果如下：`,
-  ``,
-  `### 🌤️ 上海天气`,
-  `当前上海为 **晴天 ☀️**，气温约 **24°C**，体感舒适，适合出行。`,
-  ``,
-  `### 📺 B站「影视飓风」近期动态`,
-  `根据公开网络检索（截至2026年5月中旬），影视飓风及创始人 Tim 近期主要动态如下：`,
-  ``,
-  '1. **团队与办公日常**：近期分享了搬入新基地 ' +
-    '`' +
-    'STORMBASE' +
-    '`' +
-    ' 后的工作流变化，并发布了关于百人团队日常与飞书办公体验的分享视频。',
-  '2. **AI 观点热议**：Tim 在近期对谈中预测“AGI（通用人工智能）问世后或导致全员失业”，该观点在 B 站与科技创作者圈层引发广泛讨论。',
-  '3. **商业合作**：4月底，影视飓风与 **天猫** 达成独家战略合作，共同探索 AI 与数码内容的结合，相关话题曾登上多平台数码热搜。',
-  '4. **个人热点**：网络有媒体报道关于 Tim 婚姻状况变化的消息。此类个人隐私信息请以本人或官方账号发布为准。',
-  '5. **内容更新**：B 站频道保持高频更新，近期内容主要聚焦影视制作实战教程（如电影感拍摄、调色工作流）与前沿数码科技评测。',
-  ``,
-  `> 💡 **说明**：以上信息来源于公开网页摘要，B站动态与网络资讯更新较快。如需查看最新视频或官方声明，建议直接前往 B 站搜索 **影视飓风**。如有其他问题，随时告诉我！`,
-  `查一下今天上海的天气，顺便看一下bilibili 影视飓风的动态`,
-].join('\n')
-
-/** long_memory end */
-const CHAT_PREPARATION_DEMO_LONG_MEMORY_DESC = [
-  `以下为当前会话长期记忆检索结果，请优先结合回答：`,
-  `用户问题：查一下今天上海的天气，顺便看一下bilibili 影视飓风的动态`,
-  `助手回答：今天上海的天气是晴天，气温约 24°C，体感比较舒适，适合出行。`,
-  ``,
-  `关于 B站“影视飓风”的动态，由于我当前没有联网检索或 B站数据查询的工具，无法实时获取他们的最新动态。建议你直接打开 B站搜索 **影视飓风** 查看最新视频与更新。如果有其他我能协助的问题，随时告诉我！`,
-  `---`,
-  `用户问题：查一下今天上海的天气，顺便看一下bilibili 影视飓风的动态`,
-  `助手回答：今天上海的天气是**晴天**，气温约 **24°C**，体感舒适，适合出行。`,
-  ``,
-  `关于 B 站 **影视飓风** 的最新动态，根据近期公开信息：`,
-  `- **热点话题**：创始人 Tim 近期发表了关于 AI 的观点，预测“通用 AI（AGI）问世后或导致全员失业”，引发了科技圈与创作者社区的讨论。`,
-  `- **商业合作**：2026 年 4 月底，天猫与影视飓风达成了独家战略合作，共同探索 AI 与数码内容的结合。`,
-  `- **内容更新**：影视飓风在 B 站持续更新专业影视制作教程与科技数码评测。`,
-  ``,
-  `如需查看他们最新的具体视频或动态，建议直接前往 B 站搜索 **影视飓风**。如果有其他问题，随时告诉我！`,
-  `---`,
-  `用户问题：查一下今天上海的天气，顺便看一下bilibili 影视飓风的动态`,
-  `助手回答：今天上海的天气是**晴天**，气温约 **24°C**，体感比较舒适，适合出行。`,
-  ``,
-  `关于 B 站 **影视飓风** 的最新动态，由于我当前未开启联网检索或 B 站数据查询能力，无法实时获取他们的最新视频与更新。建议你直接前往 B 站搜索 **影视飓风** 查看。如果有其他问题，随时告诉我！`,
-].join('\n')
-
-/**
- * knowledge_retrieval end：与接口语义一致；原文含重复/截断噪声，演示保留表头 + 若干行 + 参考引用尾段
- */
-const CHAT_PREPARATION_DEMO_KNOWLEDGE_RETRIEVAL_DESC = [
-  `知识库参考：`,
-  `| 韩宝忠 | 上海起帆电缆股份有限公司 | 男 | 55 | 总工程师 | 项目工程师/规划与设计工程师 | 2025.7—2027.6`,
-  `8 | 管子房 | 上海起帆电缆股份有限公司 | 男 | 42 | 总工程师 | 项目工程师/规划与设计工程师 | 2025.7—2027.6`,
-  `9 | 陈晶晶 | 上海起帆电缆股份有限公司 | 女 | 31 | 助理工程师 | 项目工程师/规划与设计工程师 | 2025.7—2027.6`,
-  `10 | 钱晓霞 | 上海起帆电缆股份有限公司 | 女 | 30 | 系统工程师 | 系统建设 | 2025.7—2027.6`,
-  `11 | 张美琪 | 上海起帆电缆股份有限公司 | 女 | 24 | 系统工程师 | 系统建设 | 2025.7—2027.6`,
-  `12 | 魏先进 | 上海起帆电缆股份有限公司 | 男 | 40 | 系统工程师 | 系统建设 | 2025.7—2027.6`,
-  ``,
-  `参考引用：`,
-  `[1] doc=kb_002_20260430001 chunk=kb_002_20260430001_172_775c19ca7a page=1`,
-  `[2] doc=kb_002_20260430001 chunk=kb_002_20260430001_172_12865d08a7 page=1`,
-  `[3] doc=kb_002_20260430001 chunk=kb_002_20260430001_173_3022b187f3 page=1`,
-].join('\n')
-
-/** DEV + `?chatPrep=1`：与 SSE 合并后顺序一致（skill → short_memory → long_memory → knowledge → 两条 tool） */
-export const CHAT_PREPARATION_DEMO_ITEMS: NonNullable<
-  Message['preparation_items']
-> = [
-  {
-    code: 'skill_select',
-    name: '技能选择',
-    phase: 'done',
-    description:
-      '选中技能[weather]，选中理由用户询问了今天上海的天气，该技能专门用于查询天气信息。\n选中技能[bilibili-search-skill]，选中理由用户想要查看bilibili影视飓风的动态，该技能用于B站内容查询和UP主查询。',
-  },
-  {
-    code: 'short_memory',
-    name: '检索短期记忆',
-    phase: 'done',
-    description: CHAT_PREPARATION_DEMO_SHORT_MEMORY_DESC,
-  },
-  {
-    code: 'long_memory',
-    name: '检索长期记忆',
-    phase: 'done',
-    description: CHAT_PREPARATION_DEMO_LONG_MEMORY_DESC,
-  },
-  {
-    code: 'knowledge_retrieval',
-    name: '知识库检索',
-    phase: 'done',
-    description: CHAT_PREPARATION_DEMO_KNOWLEDGE_RETRIEVAL_DESC,
-  },
-  {
-    code: 'tool_call',
-    name: 'get_weather工具调用',
-    phase: 'done',
-  },
-  {
-    code: 'tool_call',
-    name: 'duckduckgo_web_search工具调用',
-    phase: 'done',
-  },
-]