@lobehub/chat 1.51.2 → 1.51.3

package/src/app/(main)/settings/llm/ProviderList/Wenxin/index.tsx

@@ -1,44 +0,0 @@
-'use client';
-
-import { Input } from 'antd';
-import { useTranslation } from 'react-i18next';
-
-import { WenxinProviderCard } from '@/config/modelProviders';
-import { GlobalLLMProviderKey } from '@/types/user/settings';
-
-import { KeyVaultsConfigKey } from '../../const';
-import { ProviderItem } from '../../type';
-
-const providerKey: GlobalLLMProviderKey = 'wenxin';
-
-export const useWenxinProvider = (): ProviderItem => {
-  const { t } = useTranslation('modelProvider');
-
-  return {
-    ...WenxinProviderCard,
-    apiKeyItems: [
-      {
-        children: (
-          <Input.Password
-            autoComplete={'new-password'}
-            placeholder={t(`${providerKey}.accessKey.placeholder`)}
-          />
-        ),
-        desc: t(`${providerKey}.accessKey.desc`),
-        label: t(`${providerKey}.accessKey.title`),
-        name: [KeyVaultsConfigKey, providerKey, 'accessKey'],
-      },
-      {
-        children: (
-          <Input.Password
-            autoComplete={'new-password'}
-            placeholder={t(`${providerKey}.secretKey.placeholder`)}
-          />
-        ),
-        desc: t(`${providerKey}.secretKey.desc`),
-        label: t(`${providerKey}.secretKey.title`),
-        name: [KeyVaultsConfigKey, providerKey, 'secretKey'],
-      },
-    ],
-  };
-};

package/src/app/(main)/settings/provider/(detail)/wenxin/page.tsx

@@ -1,61 +0,0 @@
-'use client';
-
-import { useTranslation } from 'react-i18next';
-
-import { FormPassword } from '@/components/FormInput';
-import { WenxinProviderCard } from '@/config/modelProviders';
-import { aiProviderSelectors, useAiInfraStore } from '@/store/aiInfra';
-import { GlobalLLMProviderKey } from '@/types/user/settings';
-
-import { KeyVaultsConfigKey } from '../../const';
-import { SkeletonInput } from '../../features/ProviderConfig';
-import { ProviderItem } from '../../type';
-import ProviderDetail from '../[id]';
-
-const providerKey: GlobalLLMProviderKey = 'wenxin';
-
-const useProviderCard = (): ProviderItem => {
-  const { t } = useTranslation('modelProvider');
-
-  const isLoading = useAiInfraStore(aiProviderSelectors.isAiProviderConfigLoading(providerKey));
-
-  return {
-    ...WenxinProviderCard,
-    apiKeyItems: [
-      {
-        children: isLoading ? (
-          <SkeletonInput />
-        ) : (
-          <FormPassword
-            autoComplete={'new-password'}
-            placeholder={t(`${providerKey}.accessKey.placeholder`)}
-          />
-        ),
-        desc: t(`${providerKey}.accessKey.desc`),
-        label: t(`${providerKey}.accessKey.title`),
-        name: [KeyVaultsConfigKey, 'accessKey'],
-      },
-      {
-        children: isLoading ? (
-          <SkeletonInput />
-        ) : (
-          <FormPassword
-            autoComplete={'new-password'}
-            placeholder={t(`${providerKey}.secretKey.placeholder`)}
-          />
-        ),
-        desc: t(`${providerKey}.secretKey.desc`),
-        label: t(`${providerKey}.secretKey.title`),
-        name: [KeyVaultsConfigKey, 'secretKey'],
-      },
-    ],
-  };
-};
-
-const Page = () => {
-  const card = useProviderCard();
-
-  return <ProviderDetail {...card} />;
-};
-
-export default Page;

package/src/features/Conversation/Error/APIKeyForm/Wenxin.tsx

@@ -1,49 +0,0 @@
-import { Wenxin } from '@lobehub/icons';
-import { Input } from 'antd';
-import { memo } from 'react';
-import { useTranslation } from 'react-i18next';
-
-import { ModelProvider } from '@/libs/agent-runtime';
-import { useUserStore } from '@/store/user';
-import { keyVaultsConfigSelectors } from '@/store/user/selectors';
-
-import { FormAction } from '../style';
-
-const WenxinForm = memo(() => {
-  const { t } = useTranslation('modelProvider');
-
-  const [accessKey, secretKey, setConfig] = useUserStore((s) => [
-    keyVaultsConfigSelectors.wenxinConfig(s).accessKey,
-    keyVaultsConfigSelectors.wenxinConfig(s).secretKey,
-    s.updateKeyVaultConfig,
-  ]);
-
-  return (
-    <FormAction
-      avatar={<Wenxin.Color size={56} />}
-      description={t('wenxin.unlock.description')}
-      title={t('wenxin.unlock.title')}
-    >
-      <Input.Password
-        autoComplete={'new-password'}
-        onChange={(e) => {
-          setConfig(ModelProvider.Wenxin, { accessKey: e.target.value });
-        }}
-        placeholder={'Access Key'}
-        type={'block'}
-        value={accessKey}
-      />
-      <Input.Password
-        autoComplete={'new-password'}
-        onChange={(e) => {
-          setConfig(ModelProvider.Wenxin, { secretKey: e.target.value });
-        }}
-        placeholder={'Secret Key'}
-        type={'block'}
-        value={secretKey}
-      />
-    </FormAction>
-  );
-});
-
-export default WenxinForm;

package/src/features/DevPanel/FloatPanel.tsx

@@ -1,136 +0,0 @@
-import { ActionIcon, Icon } from '@lobehub/ui';
-import { FloatButton } from 'antd';
-import { createStyles } from 'antd-style';
-import { BugIcon, BugOff, XIcon } from 'lucide-react';
-import React, { PropsWithChildren, useEffect, useState } from 'react';
-import { Flexbox } from 'react-layout-kit';
-import { Rnd } from 'react-rnd';
-
-// 定义样式
-const useStyles = createStyles(({ token, css }) => {
-  return {
-    collapsed: css`
-      pointer-events: none;
-      transform: scale(0.8);
-      opacity: 0;
-    `,
-    content: css`
-      overflow: auto;
-      flex: 1;
-      height: 100%;
-      color: ${token.colorText};
-    `,
-
-    expanded: css`
-      pointer-events: auto;
-      transform: scale(1);
-      opacity: 1;
-    `,
-
-    header: css`
-      cursor: move;
-      user-select: none;
-
-      padding-block: 8px;
-      padding-inline: 16px;
-      border-block-end: 1px solid ${token.colorBorderSecondary};
-      border-start-start-radius: 12px;
-      border-start-end-radius: 12px;
-
-      font-weight: ${token.fontWeightStrong};
-      color: ${token.colorText};
-
-      background: ${token.colorFillAlter};
-    `,
-    panel: css`
-      position: fixed;
-      z-index: 1000;
-
-      overflow: hidden;
-      display: flex;
-
-      border-radius: 12px;
-
-      background: ${token.colorBgContainer};
-      box-shadow: ${token.boxShadow};
-
-      transition: opacity ${token.motionDurationMid} ${token.motionEaseInOut};
-    `,
-  };
-});
-
-const minWidth = 800;
-const minHeight = 600;
-
-const CollapsibleFloatPanel = ({ children }: PropsWithChildren) => {
-  const { styles } = useStyles();
-  const [isExpanded, setIsExpanded] = useState(false);
-  const [position, setPosition] = useState({ x: 100, y: 100 });
-  const [size, setSize] = useState({ height: minHeight, width: minWidth });
-
-  useEffect(() => {
-    try {
-      const localStoragePosition = localStorage.getItem('debug-panel-position');
-      if (localStoragePosition && JSON.parse(localStoragePosition)) {
-        setPosition(JSON.parse(localStoragePosition));
-      }
-    } catch {
-      /* empty */
-    }
-
-    try {
-      const localStorageSize = localStorage.getItem('debug-panel-size');
-      if (localStorageSize && JSON.parse(localStorageSize)) {
-        setSize(JSON.parse(localStorageSize));
-      }
-    } catch {
-      /* empty */
-    }
-  }, []);
-
-  return (
-    <>
-      <FloatButton
-        icon={<Icon icon={isExpanded ? BugOff : BugIcon} />}
-        onClick={() => setIsExpanded(!isExpanded)}
-        style={{ bottom: 24, right: 24 }}
-      />
-      {isExpanded && (
-        <Rnd
-          bounds="window"
-          className={`${styles.panel} ${isExpanded ? styles.expanded : styles.collapsed}`}
-          dragHandleClassName="panel-drag-handle"
-          minHeight={minHeight}
-          minWidth={minWidth}
-          onDragStop={(e, d) => {
-            setPosition({ x: d.x, y: d.y });
-          }}
-          onResizeStop={(e, direction, ref, delta, position) => {
-            setSize({
-              height: Number(ref.style.height),
-              width: Number(ref.style.width),
-            });
-            setPosition(position);
-          }}
-          position={position}
-          size={size}
-        >
-          <Flexbox height={'100%'}>
-            <Flexbox
-              align={'center'}
-              className={`panel-drag-handle ${styles.header}`}
-              horizontal
-              justify={'space-between'}
-            >
-              开发者面板
-              <ActionIcon icon={XIcon} onClick={() => setIsExpanded(false)} />
-            </Flexbox>
-            <Flexbox className={styles.content}>{children}</Flexbox>
-          </Flexbox>
-        </Rnd>
-      )}
-    </>
-  );
-};
-
-export default CollapsibleFloatPanel;

package/src/features/DevPanel/PostgresViewer/DataTable/TableCell.tsx

@@ -1,34 +0,0 @@
-import React, { useMemo } from 'react';
-
-interface TableCellProps {
-  column: string;
-  dataItem: any;
-  rowIndex: number;
-}
-
-const TableCell = ({ dataItem, column, rowIndex }: TableCellProps) => {
-  const data = dataItem[column];
-  const content = useMemo(() => {
-    switch (typeof data) {
-      case 'object': {
-        return JSON.stringify(data);
-      }
-
-      case 'boolean': {
-        return data ? 'True' : 'False';
-      }
-
-      default: {
-        return data;
-      }
-    }
-  }, [data]);
-
-  return (
-    <td key={column} onDoubleClick={() => console.log('Edit cell:', rowIndex, column)}>
-      {content}
-    </td>
-  );
-};
-
-export default TableCell;

package/src/libs/agent-runtime/utils/streams/wenxin.test.ts

@@ -1,153 +0,0 @@
-import { describe, expect, it, vi } from 'vitest';
-
-import * as uuidModule from '@/utils/uuid';
-
-import { convertIterableToStream } from '../../utils/streams/protocol';
-import { ChatResp } from '../../wenxin/type';
-import { WenxinStream } from './wenxin';
-
-const dataStream = [
-  {
-    id: 'as-vb0m37ti8y',
-    object: 'chat.completion',
-    created: 1709089502,
-    sentence_id: 0,
-    is_end: false,
-    is_truncated: false,
-    result: '当然可以，',
-    need_clear_history: false,
-    finish_reason: 'normal',
-    usage: { prompt_tokens: 5, completion_tokens: 2, total_tokens: 7 },
-  },
-  {
-    id: 'as-vb0m37ti8y',
-    object: 'chat.completion',
-    created: 1709089504,
-    sentence_id: 1,
-    is_end: false,
-    is_truncated: false,
-    result:
-      '以下是一些建议的自驾游路线，它们涵盖了各种不同的风景和文化体验：\n\n1. **西安-敦煌历史文化之旅**：\n\n\n\t* 路线：西安',
-    need_clear_history: false,
-    finish_reason: 'normal',
-    usage: { prompt_tokens: 5, completion_tokens: 2, total_tokens: 7 },
-  },
-  {
-    id: 'as-vb0m37ti8y',
-    object: 'chat.completion',
-    created: 1709089506,
-    sentence_id: 2,
-    is_end: false,
-    is_truncated: false,
-    result: ' - 天水 - 兰州 - 嘉峪关 - 敦煌\n\t* 特点：此路线让您领略到中国西北的丰富历史文化。',
-    need_clear_history: false,
-    finish_reason: 'normal',
-    usage: { prompt_tokens: 5, completion_tokens: 2, total_tokens: 7 },
-  },
-  {
-    id: 'as-vb0m37ti8y',
-    object: 'chat.completion',
-    created: 1709089508,
-    sentence_id: 3,
-    is_end: false,
-    is_truncated: false,
-    result: '您可以参观西安的兵马俑、大雁塔，体验兰州的黄河风情，以及在敦煌欣赏壮丽的莫高窟。',
-    need_clear_history: false,
-    finish_reason: 'normal',
-    usage: { prompt_tokens: 5, completion_tokens: 2, total_tokens: 7 },
-  },
-  {
-    id: 'as-vb0m37ti8y',
-    object: 'chat.completion',
-    created: 1709089511,
-    sentence_id: 4,
-    is_end: false,
-    is_truncated: false,
-    result: '\n2. **海南环岛热带风情游**：\n\n\n\t* 路线：海口 - 三亚 - 陵水 - 万宁 - 文昌 - 海',
-    need_clear_history: false,
-    finish_reason: 'normal',
-    usage: { prompt_tokens: 5, completion_tokens: 2, total_tokens: 7 },
-  },
-  {
-    id: 'as-vb0m37ti8y',
-    object: 'chat.completion',
-    created: 1709089512,
-    sentence_id: 5,
-    is_end: false,
-    is_truncated: false,
-    result:
-      '口\n\t* 特点：海南岛是中国唯一的黎族聚居区，这里有独特的热带风情、美丽的海滩和丰富的水果。',
-    need_clear_history: false,
-    finish_reason: 'normal',
-    usage: { prompt_tokens: 5, completion_tokens: 153, total_tokens: 158 },
-  },
-];
-
-describe('WenxinStream', () => {
-  it('should transform Wenxin stream to protocol stream', async () => {
-    vi.spyOn(uuidModule, 'nanoid').mockReturnValueOnce('1');
-
-    const mockWenxinStream: AsyncIterable<ChatResp> = {
-      // @ts-ignore
-      async *[Symbol.asyncIterator]() {
-        for (const item of dataStream) {
-          yield item;
-        }
-      },
-    };
-
-    const stream = convertIterableToStream(mockWenxinStream);
-
-    const onStartMock = vi.fn();
-    const onTextMock = vi.fn();
-    const onTokenMock = vi.fn();
-    const onCompletionMock = vi.fn();
-
-    const protocolStream = WenxinStream(stream, {
-      onStart: onStartMock,
-      onText: onTextMock,
-      onToken: onTokenMock,
-      onCompletion: onCompletionMock,
-    });
-
-    const decoder = new TextDecoder();
-    const chunks = [];
-
-    // @ts-ignore
-    for await (const chunk of protocolStream) {
-      chunks.push(decoder.decode(chunk, { stream: true }));
-    }
-
-    expect(chunks).toEqual(
-      [
-        'id: as-vb0m37ti8y',
-        'event: text',
-        `data: "当然可以，"\n`,
-        'id: as-vb0m37ti8y',
-        'event: text',
-        `data: "以下是一些建议的自驾游路线，它们涵盖了各种不同的风景和文化体验：\\n\\n1. **西安-敦煌历史文化之旅**：\\n\\n\\n\\t* 路线：西安"\n`,
-        'id: as-vb0m37ti8y',
-        'event: text',
-        `data: " - 天水 - 兰州 - 嘉峪关 - 敦煌\\n\\t* 特点：此路线让您领略到中国西北的丰富历史文化。"\n`,
-        'id: as-vb0m37ti8y',
-        'event: text',
-        `data: "您可以参观西安的兵马俑、大雁塔，体验兰州的黄河风情，以及在敦煌欣赏壮丽的莫高窟。"\n`,
-        'id: as-vb0m37ti8y',
-        'event: text',
-        `data: "\\n2. **海南环岛热带风情游**：\\n\\n\\n\\t* 路线：海口 - 三亚 - 陵水 - 万宁 - 文昌 - 海"\n`,
-        'id: as-vb0m37ti8y',
-        'event: text',
-        `data: "口\\n\\t* 特点：海南岛是中国唯一的黎族聚居区，这里有独特的热带风情、美丽的海滩和丰富的水果。"\n`,
-      ].map((item) => `${item}\n`),
-    );
-
-    expect(onStartMock).toHaveBeenCalledTimes(1);
-    expect(onTextMock).toHaveBeenNthCalledWith(1, '"当然可以，"');
-    expect(onTextMock).toHaveBeenNthCalledWith(
-      2,
-      '"以下是一些建议的自驾游路线，它们涵盖了各种不同的风景和文化体验：\\n\\n1. **西安-敦煌历史文化之旅**：\\n\\n\\n\\t* 路线：西安"',
-    );
-    expect(onTokenMock).toHaveBeenCalledTimes(6);
-    expect(onCompletionMock).toHaveBeenCalledTimes(1);
-  });
-});

package/src/libs/agent-runtime/utils/streams/wenxin.ts

@@ -1,38 +0,0 @@
-import { ChatStreamCallbacks } from '@/libs/agent-runtime';
-import { nanoid } from '@/utils/uuid';
-
-import { ChatResp } from '../../wenxin/type';
-import {
-  StreamProtocolChunk,
-  StreamStack,
-  createCallbacksTransformer,
-  createSSEProtocolTransformer,
-} from './protocol';
-
-const transformERNIEBotStream = (chunk: ChatResp): StreamProtocolChunk => {
-  const finished = chunk.is_end;
-  if (finished) {
-    return { data: chunk.finish_reason || 'stop', id: chunk.id, type: 'stop' };
-  }
-
-  if (chunk.result) {
-    return { data: chunk.result, id: chunk.id, type: 'text' };
-  }
-
-  return {
-    data: chunk,
-    id: chunk.id,
-    type: 'data',
-  };
-};
-
-export const WenxinStream = (
-  rawStream: ReadableStream<ChatResp>,
-  callbacks?: ChatStreamCallbacks,
-) => {
-  const streamStack: StreamStack = { id: 'chat_' + nanoid() };
-
-  return rawStream
-    .pipeThrough(createSSEProtocolTransformer(transformERNIEBotStream, streamStack))
-    .pipeThrough(createCallbacksTransformer(callbacks));
-};

package/src/libs/agent-runtime/wenxin/type.ts

@@ -1,84 +0,0 @@
-/**
- * token 用量基类
- */
-export interface TokenUsage {
-  /**
-   * 回答tokens数
-   */
-  completion_tokens?: number;
-  /**
-   * 问题tokens数
-   */
-  prompt_tokens: number;
-  /**
-   * tokens总数
-   */
-  total_tokens: number;
-}
-
-/**
- * 响应基类
- */
-export interface RespBase {
-  /**
-   * 时间戳
-   */
-  created: number;
-  /**
-   * 本轮对话的id
-   */
-  id: string;
-  /**
-   * 表示当前子句是否是最后一句。只有在流式接口模式下会返回该字段
-   */
-  is_end?: boolean;
-  /**
-   * 1：表示输入内容无安全风险
-   * 0：表示输入内容有安全风险
-   */
-  is_safe?: number;
-  /**
-   * 回包类型。
-   *
-   * chat.completion：多轮对话返回
-   */
-  object: string;
-  /**
-   * 对话返回结果
-   */
-  result: string;
-  /**
-   * 表示当前子句的序号。只有在流式接口模式下会返回该字段
-   */
-  sentence_id?: number;
-  /**
-   * token统计信息，token数 = 汉字数+单词数*1.3 （仅为估算逻辑）
-   */
-  usage: TokenUsage;
-}
-
-export interface ChatResp extends RespBase {
-  /**
-   * 当 need_clear_history 为 true 时，此字段会告知第几轮对话有敏感信息，如果是当前问题，ban_round=-1
-   */
-  ban_round: number;
-  /**
-   * 输出内容标识，说明：
-   * · normal：输出内容完全由大模型生成，未触发截断、替换
-   * · stop：输出结果命中入参stop中指定的字段后被截断
-   * · length：达到了最大的token数，根据EB返回结果is_truncated来截断
-   * · content_filter：输出内容被截断、兜底、替换为**等
-   */
-  finish_reason: string;
-  /**
-   * 当前生成的结果是否被截断
-   */
-  is_truncated?: boolean;
-  /**
-   * 表示用户输入是否存在安全，是否关闭当前会话，清理历史会话信息
-   *
-   * true：是，表示用户输入存在安全风险，建议关闭当前会话，清理历史会话信息
-   * false：否，表示用户输入无安全风险
-   */
-  need_clear_history: boolean;
-}