@lobehub/chat 1.81.2 → 1.81.4

package/src/config/aiModels/github.ts

@@ -101,6 +101,29 @@ const githubChatModels: AIChatModelCard[] = [
     releasedAt: '2025-04-14',
     type: 'chat',
   },
+  {
+    abilities: {
+      functionCall: true,
+      reasoning: true,
+    },
+    contextWindowTokens: 200_000,
+    displayName: 'OpenAI o4-mini',
+    id: 'o4-mini',
+    maxOutput: 100_000,
+    type: 'chat',
+  },
+  {
+    abilities: {
+      functionCall: true,
+      reasoning: true,
+    },
+    contextWindowTokens: 200_000,
+    displayName: 'OpenAI o3',
+    enabled: true,
+    id: 'o3',
+    maxOutput: 100_000,
+    type: 'chat',
+  },
   {
     abilities: {
       functionCall: true,
@@ -174,6 +197,39 @@ const githubChatModels: AIChatModelCard[] = [
     releasedAt: '2024-09-12',
     type: 'chat',
   },
+  {
+    abilities: {
+      functionCall: true,
+      vision: true,
+    },
+    contextWindowTokens: 1_074_176,
+    displayName: 'OpenAI GPT-4.1',
+    id: 'gpt-4.1',
+    maxOutput: 33_792,
+    type: 'chat',
+  },
+  {
+    abilities: {
+      functionCall: true,
+      vision: true,
+    },
+    contextWindowTokens: 1_074_176,
+    displayName: 'OpenAI GPT-4.1 mini',
+    id: 'gpt-4.1-mini',
+    maxOutput: 33_792,
+    type: 'chat',
+  },
+  {
+    abilities: {
+      functionCall: true,
+      vision: true,
+    },
+    contextWindowTokens: 1_074_176,
+    displayName: 'OpenAI GPT-4.1 nano',
+    id: 'gpt-4.1-nano',
+    maxOutput: 33_792,
+    type: 'chat',
+  },
   {
     abilities: {
       functionCall: true,
@@ -198,6 +254,16 @@ const githubChatModels: AIChatModelCard[] = [
     maxOutput: 16_384,
     type: 'chat',
   },
+  {
+    abilities: {
+      reasoning: true,
+    },
+    contextWindowTokens: 128_000,
+    displayName: 'MAI DS R1',
+    id: 'MAI-DS-R1',
+    maxOutput: 4096,
+    type: 'chat',
+  },
   {
     abilities: {
       reasoning: true,
@@ -208,6 +274,16 @@ const githubChatModels: AIChatModelCard[] = [
     maxOutput: 4096,
     type: 'chat',
   },
+  {
+    abilities: {
+      functionCall: true,
+    },
+    contextWindowTokens: 128_000,
+    displayName: 'DeepSeek V3',
+    id: 'DeepSeek-V3-0324',
+    maxOutput: 4096,
+    type: 'chat',
+  },
   {
     abilities: {
       functionCall: true,
@@ -315,6 +391,20 @@ const githubChatModels: AIChatModelCard[] = [
     id: 'llama-3.3-70b-instruct',
     type: 'chat',
   },
+  {
+    contextWindowTokens: 10_240_000,
+    displayName: 'Meta Llama 4 Scout 17B',
+    id: 'llama-4-Scout-17B-16E-Instruct',
+    maxOutput: 4096,
+    type: 'chat',
+  },
+  {
+    contextWindowTokens: 10_240_000,
+    displayName: 'Meta Llama 4 Maverick 17B',
+    id: 'llama-4-Maverick-17B-128E-Instruct-FP8',
+    maxOutput: 4096,
+    type: 'chat',
+  },
   {
     contextWindowTokens: 131_072,
     description:

package/src/config/aiModels/google.ts

@@ -1,6 +1,31 @@
 import { AIChatModelCard } from '@/types/aiModel';
 
 const googleChatModels: AIChatModelCard[] = [
+    {
+    abilities: {
+      functionCall: true,
+      reasoning: true,
+      search: true,
+      vision: true,
+    },
+    contextWindowTokens: 1_048_576 + 65_536,
+    description:
+      'Gemini 2.5 Flash Preview 是 Google 性价比最高的模型，提供全面的功能。',
+    displayName: 'Gemini 2.5 Flash Preview 04-17',
+    enabled: true,
+    id: 'gemini-2.5-flash-preview-04-17',
+    maxOutput: 65_536,
+    pricing: {
+      input: 0.15,
+      output: 3.5, // Thinking
+    },
+    releasedAt: '2025-04-17',
+    settings: {
+      searchImpl: 'params',
+      searchProvider: 'google',
+    },
+    type: 'chat',
+  },
   {
     abilities: {
       functionCall: true,

package/src/features/Conversation/Messages/Assistant/Tool/Render/Arguments/ObjectEntity.tsx

@@ -0,0 +1,81 @@
+import { createStyles } from 'antd-style';
+import { memo } from 'react';
+
+import { useIsMobile } from '@/hooks/useIsMobile';
+import { shinyTextStylish } from '@/styles/loading';
+
+import ValueCell from './ValueCell';
+
+const useStyles = createStyles(({ css, token }) => ({
+  arrayRow: css`
+    &:not(:first-child) {
+      border-block-start: 1px dotted ${token.colorBorderSecondary};
+    }
+  `,
+  colon: css`
+    color: ${token.colorTextTertiary};
+  `,
+  key: css`
+    color: ${token.colorTextTertiary};
+  `,
+  row: css`
+    display: flex;
+    align-items: baseline;
+
+    &:not(:first-child) {
+      border-block-start: 1px dotted ${token.colorBorderSecondary};
+    }
+  `,
+  shineText: shinyTextStylish(token),
+  value: css`
+    color: ${token.colorTextSecondary};
+  `,
+}));
+
+const formatValue = (value: any): string | string[] => {
+  if (Array.isArray(value)) {
+    return value.map((v) => (typeof v === 'object' ? JSON.stringify(v) : v));
+  }
+
+  if (typeof value === 'object' && value !== null) {
+    return Object.entries(value)
+      .map(([k, v]) => `${k}: ${typeof v === 'object' ? JSON.stringify(v) : v}`)
+      .join(', ');
+  }
+  return String(value);
+};
+
+interface ObjectEntityProps {
+  editable?: boolean;
+  hasMinWidth: boolean;
+  objectKey: string;
+  shine?: boolean;
+  value: any;
+}
+
+const ObjectEntity = memo<ObjectEntityProps>(({ hasMinWidth, shine, value, objectKey }) => {
+  const { styles, cx } = useStyles();
+  const isMobile = useIsMobile();
+  const formatedValue = formatValue(value);
+
+  return (
+    <div className={styles.row}>
+      <span
+        className={styles.key}
+        style={{ minWidth: hasMinWidth ? (isMobile ? 60 : 140) : undefined }}
+      >
+        {objectKey}
+      </span>
+      <span className={styles.colon}>:</span>
+      <div className={cx(shine ? styles.shineText : styles.value)} style={{ width: '100%' }}>
+        {typeof formatedValue === 'string' ? (
+          <ValueCell value={formatedValue} />
+        ) : (
+          formatedValue.map((v, i) => <ValueCell key={i + v} value={v} />)
+        )}
+      </div>
+    </div>
+  );
+});
+
+export default ObjectEntity;

package/src/features/Conversation/Messages/Assistant/Tool/Render/Arguments/ValueCell.tsx

@@ -0,0 +1,43 @@
+import { copyToClipboard } from '@lobehub/ui';
+import { App } from 'antd';
+import { createStyles } from 'antd-style';
+import { memo } from 'react';
+import { useTranslation } from 'react-i18next';
+
+const useStyles = createStyles(({ css, token }) => ({
+  copyable: css`
+    cursor: pointer;
+    width: 100%;
+    margin-block: 2px;
+    padding: 4px;
+
+    &:hover {
+      border-radius: 6px;
+      background: ${token.colorFillTertiary};
+    }
+  `,
+}));
+
+interface ValueCellProps {
+  value: string;
+}
+
+const ValueCell = memo<ValueCellProps>(({ value }) => {
+  const { message } = App.useApp();
+  const { t } = useTranslation('common');
+  const { styles } = useStyles();
+
+  return (
+    <div
+      className={styles.copyable}
+      onClick={async () => {
+        await copyToClipboard(value);
+        message.success(t('copySuccess'));
+      }}
+    >
+      {value}
+    </div>
+  );
+});
+
+export default ValueCell;

package/src/features/Conversation/Messages/Assistant/Tool/Render/Arguments/index.tsx

@@ -0,0 +1,120 @@
+import { Highlighter } from '@lobehub/ui';
+import { createStyles } from 'antd-style';
+import { parse } from 'partial-json';
+import { ReactNode, memo, useMemo } from 'react';
+import { Flexbox } from 'react-layout-kit';
+
+import { useYamlArguments } from '@/hooks/useYamlArguments';
+
+import ObjectEntity from './ObjectEntity';
+
+const useStyles = createStyles(({ css, token, cx }) => ({
+  button: css`
+    color: ${token.colorTextSecondary};
+
+    &:hover {
+      color: ${token.colorText};
+    }
+  `,
+  container: css`
+    position: relative;
+
+    padding-block: 4px;
+    padding-inline: 12px 64px;
+    border-radius: ${token.borderRadiusLG}px;
+
+    font-family: ${token.fontFamilyCode};
+    font-size: 13px;
+    line-height: 1.5;
+
+    background: ${token.colorFillQuaternary};
+
+    pre {
+      margin: 0 !important;
+      background: none !important;
+    }
+
+    &:hover {
+      .actions {
+        opacity: 1;
+      }
+    }
+  `,
+  editButton: cx(
+    'actions',
+    css`
+      position: absolute;
+      z-index: 10;
+      inset-block-start: 4px;
+      inset-inline-end: 4px;
+
+      opacity: 0;
+
+      transition: opacity 0.2s ${token.motionEaseInOut};
+    `,
+  ),
+}));
+
+export interface ArgumentsProps {
+  actions?: ReactNode;
+  arguments?: string;
+  shine?: boolean;
+}
+
+const Arguments = memo<ArgumentsProps>(({ arguments: args = '', shine, actions }) => {
+  const { styles } = useStyles();
+
+  const displayArgs = useMemo(() => {
+    try {
+      const obj = parse(args);
+      if (Object.keys(obj).length === 0) return {};
+      return obj;
+    } catch {
+      return args;
+    }
+  }, [args]);
+
+  const yaml = useYamlArguments(args);
+
+  const showActions = !!actions;
+
+  if (typeof displayArgs === 'string') {
+    return (
+      !!yaml && (
+        <div className={styles.container}>
+          <Highlighter language={'yaml'} showLanguage={false}>
+            {yaml}
+          </Highlighter>
+        </div>
+      )
+    );
+  }
+
+  const hasMinWidth = Object.keys(displayArgs).length > 1;
+
+  if (Object.keys(displayArgs).length === 0) return null;
+
+  return (
+    <div className={styles.container}>
+      {showActions && (
+        <Flexbox className={styles.editButton} gap={4} horizontal>
+          {actions}
+        </Flexbox>
+      )}
+      {Object.entries(displayArgs).map(([key, value]) => {
+        return (
+          <ObjectEntity
+            editable={false}
+            hasMinWidth={hasMinWidth}
+            key={key}
+            objectKey={key}
+            shine={shine}
+            value={value}
+          />
+        );
+      })}
+    </div>
+  );
+});
+
+export default Arguments;

package/src/features/Conversation/Messages/Assistant/Tool/Render/CustomRender.tsx

@@ -1,4 +1,9 @@
-import { memo, useEffect } from 'react';
+import { ActionIcon } from '@lobehub/ui';
+import { App } from 'antd';
+import { Edit3Icon, PlayCircleIcon } from 'lucide-react';
+import { parse } from 'partial-json';
+import { memo, useCallback, useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
 
 import PluginRender from '@/features/PluginsUI/Render';
@@ -7,6 +12,16 @@ import { chatSelectors } from '@/store/chat/selectors';
 import { ChatMessage } from '@/types/message';
 
 import Arguments from './Arguments';
+import KeyValueEditor from './KeyValueEditor';
+
+const safeParseJson = (str: string): Record<string, any> => {
+  try {
+    const obj = parse(str);
+    return typeof obj === 'object' && obj !== null ? obj : {};
+  } catch {
+    return {};
+  }
+};
 
 interface CustomRenderProps extends ChatMessage {
   requestArgs?: string;
@@ -25,7 +40,37 @@ const CustomRender = memo<CustomRenderProps>(
     setShowPluginRender,
     pluginError,
   }) => {
+    const { t } = useTranslation(['tool', 'common']);
     const [loading] = useChatStore((s) => [chatSelectors.isPluginApiInvoking(id)(s)]);
+    const [isEditing, setIsEditing] = useState(false);
+    const { message } = App.useApp();
+    const [updatePluginArguments, reInvokeToolMessage] = useChatStore((s) => [
+      s.updatePluginArguments,
+      s.reInvokeToolMessage,
+    ]);
+    const handleCancel = useCallback(() => {
+      setIsEditing(false);
+    }, []);
+
+    const handleFinish = useCallback(
+      async (editedObject: Record<string, any>) => {
+        if (!id) return;
+
+        try {
+          const newArgsString = JSON.stringify(editedObject, null, 2);
+
+          if (newArgsString !== requestArgs) {
+            await updatePluginArguments(id, editedObject, true);
+            await reInvokeToolMessage(id);
+          }
+          setIsEditing(false);
+        } catch (error) {
+          console.error('Error stringifying arguments:', error);
+          message.error(t('updateArgs.stringifyError'));
+        }
+      },
+      [requestArgs, id],
+    );
 
     useEffect(() => {
       if (!plugin?.type || loading) return;
@@ -49,8 +94,36 @@ const CustomRender = memo<CustomRenderProps>(
             pluginState={pluginState}
             type={plugin?.type}
           />
+        ) : isEditing ? (
+          <KeyValueEditor
+            initialValue={safeParseJson(requestArgs || '')}
+            onCancel={handleCancel}
+            onFinish={handleFinish}
+          />
         ) : (
-          <Arguments arguments={requestArgs} />
+          <Arguments
+            actions={
+              <>
+                <ActionIcon
+                  icon={Edit3Icon}
+                  onClick={() => {
+                    setIsEditing(true);
+                  }}
+                  size={'small'}
+                  title={t('edit', { ns: 'common' })}
+                />
+                <ActionIcon
+                  icon={PlayCircleIcon}
+                  onClick={async () => {
+                    await reInvokeToolMessage(id);
+                  }}
+                  size={'small'}
+                  title={t('run', { ns: 'common' })}
+                />
+              </>
+            }
+            arguments={requestArgs}
+          />
         )}
       </Flexbox>
     );