@lobehub/chat 1.112.1 → 1.112.3

package/CHANGELOG.md

@@ -2,6 +2,56 @@
 
 # Changelog
 
+### [Version 1.112.3](https://github.com/lobehub/lobe-chat/compare/v1.112.2...v1.112.3)
+
+<sup>Released on **2025-08-16**</sup>
+
+#### ♻ Code Refactoring
+
+- **misc**: Refactor const folder to a new package.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### Code refactoring
+
+- **misc**: Refactor const folder to a new package, closes [#8756](https://github.com/lobehub/lobe-chat/issues/8756) ([30a4734](https://github.com/lobehub/lobe-chat/commit/30a4734))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
+### [Version 1.112.2](https://github.com/lobehub/lobe-chat/compare/v1.112.1...v1.112.2)
+
+<sup>Released on **2025-08-16**</sup>
+
+#### ♻ Code Refactoring
+
+- **misc**: 重构 ArgsInput 组件.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### Code refactoring
+
+- **misc**: 重构 ArgsInput 组件，closes [#8765](https://github.com/lobehub/lobe-chat/issues/8765) ([0905559](https://github.com/lobehub/lobe-chat/commit/0905559))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ### [Version 1.112.1](https://github.com/lobehub/lobe-chat/compare/v1.112.0...v1.112.1)
 
 <sup>Released on **2025-08-16**</sup>

package/changelog/v1.json

@@ -1,4 +1,22 @@
 [
+  {
+    "children": {
+      "improvements": [
+        "Refactor const folder to a new package."
+      ]
+    },
+    "date": "2025-08-16",
+    "version": "1.112.3"
+  },
+  {
+    "children": {
+      "improvements": [
+        "重构 ArgsInput 组件."
+      ]
+    },
+    "date": "2025-08-16",
+    "version": "1.112.2"
+  },
   {
     "children": {
       "improvements": [

package/locales/en-US/components.json

@@ -1,4 +1,9 @@
 {
+  "ArgsInput": {
+    "addArgument": "Add Argument",
+    "argumentPlaceholder": "Argument {{index}}",
+    "enterFirstArgument": "Enter first argument..."
+  },
   "DragUpload": {
     "dragDesc": "Drag and drop files here to upload multiple images.",
     "dragFileDesc": "Drag and drop images and files here to upload multiple images and files.",

package/locales/zh-CN/components.json

@@ -1,4 +1,9 @@
 {
+  "ArgsInput": {
+    "addArgument": "添加参数",
+    "argumentPlaceholder": "参数 {{index}}",
+    "enterFirstArgument": "输入第一个参数..."
+  },
   "DragUpload": {
     "dragDesc": "拖拽文件到这里，支持上传多个图片。",
     "dragFileDesc": "拖拽图片和文件到这里，支持上传多个图片和文件。",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "1.112.1",
+  "version": "1.112.3",
   "description": "Lobe Chat - an open-source, high-performance chatbot framework that supports speech synthesis, multimodal, and extensible Function Call plugin system. Supports one-click free deployment of your private ChatGPT/LLM web application.",
   "keywords": [
     "framework",
@@ -324,7 +324,7 @@
     "consola": "^3.4.2",
     "cross-env": "^7.0.3",
     "crypto-js": "^4.2.0",
-    "dbdocs": "^0.14.4",
+    "dbdocs": "^0.16.0",
     "dotenv": "^16.6.1",
     "dpdm-fast": "1.0.7",
     "drizzle-dbml-generator": "^0.10.0",

package/packages/const/package.json

@@ -0,0 +1,6 @@
+{
+  "name": "@lobechat/const",
+  "version": "1.0.0",
+  "private": true,
+  "main": "./src/index.ts"
+}

package/{src/const → packages/const/src}/imageGeneration.ts

@@ -2,17 +2,15 @@
  * Image generation and processing configuration constants
  */
 export const IMAGE_GENERATION_CONFIG = {
-  
   /**
    * Maximum cover image size in pixels (longest edge)
    * Used for generating cover images from source images
    */
-COVER_MAX_SIZE: 256,
+  COVER_MAX_SIZE: 256,
 
-  
   /**
    * Maximum thumbnail size in pixels (longest edge)
    * Used for generating thumbnail images from original images
    */
-THUMBNAIL_MAX_SIZE: 512,
+  THUMBNAIL_MAX_SIZE: 512,
 } as const;

package/{src/const → packages/const/src}/url.ts

@@ -4,7 +4,6 @@ import urlJoin from 'url-join';
 import { withBasePath } from '@/utils/basePath';
 import { isDev } from '@/utils/env';
 
-import pkg from '../../package.json';
 import { INBOX_SESSION_ID } from './session';
 
 export const UTM_SOURCE = 'chat_preview';
@@ -15,7 +14,7 @@ export const OFFICIAL_SITE = 'https://lobehub.com';
 
 export const OG_URL = '/og/cover.png?v=1';
 
-export const GITHUB = pkg.homepage;
+export const GITHUB = 'https://github.com/lobehub/lobe-chat';
 export const GITHUB_ISSUES = urlJoin(GITHUB, 'issues/new/choose');
 export const CHANGELOG = 'https://lobehub.com/changelog';
 export const DOCKER_IMAGE = 'https://hub.docker.com/r/lobehub/lobe-chat';
@@ -36,7 +35,7 @@ export const MANUAL_UPGRADE_URL = urlJoin(SELF_HOSTING_DOCUMENTS, '/advanced/ups
 export const BLOG = urlJoin(OFFICIAL_SITE, 'blog');
 
 export const ABOUT = OFFICIAL_SITE;
-export const FEEDBACK = pkg.bugs.url;
+export const FEEDBACK = 'https://github.com/lobehub/lobe-chat/issues/new/choose';
 export const PRIVACY_URL = urlJoin(OFFICIAL_SITE, '/privacy');
 export const TERMS_URL = urlJoin(OFFICIAL_SITE, '/terms');
 

package/src/features/PluginDevModal/MCPManifestForm/ArgsInput.tsx

@@ -1,20 +1,102 @@
-import { Input, type InputProps } from '@lobehub/ui';
-import { memo } from 'react';
+import { ActionIcon, Button, Input, type InputProps } from '@lobehub/ui';
+import { Plus, X } from 'lucide-react';
+import React, { memo, useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Flexbox } from 'react-layout-kit';
 
 interface ArgsInputProps extends Omit<InputProps, 'value' | 'onChange'> {
   onChange?: (value: string[]) => void;
   value?: string[];
 }
 
-const ArgsInput = memo<ArgsInputProps>(({ value, onChange, ...res }) => {
+const ArgsInput = memo<ArgsInputProps>(({ value = [], onChange, ...res }) => {
+  const { t } = useTranslation('components');
+
+  const handleAddArg = useCallback(() => {
+    onChange?.([...value, '']);
+  }, [value, onChange]);
+
+  const handleRemoveArg = useCallback(
+    (index: number) => {
+      const newValue = value.filter((_, i) => i !== index);
+      onChange?.(newValue);
+    },
+    [value, onChange],
+  );
+
+  const handleArgChange = useCallback(
+    (index: number, newArg: string) => {
+      const newValue = [...value];
+      newValue[index] = newArg;
+      onChange?.(newValue);
+    },
+    [value, onChange],
+  );
+
+  const handleKeyDown = useCallback(
+    (e: React.KeyboardEvent<HTMLInputElement>, index: number) => {
+      if (e.key === 'Enter') {
+        e.preventDefault();
+        if (index === value.length - 1) {
+          handleAddArg();
+        }
+      } else if (e.key === 'Backspace' && e.currentTarget.value === '' && value.length > 1) {
+        e.preventDefault();
+        handleRemoveArg(index);
+      }
+    },
+    [value.length, handleAddArg, handleRemoveArg],
+  );
+
   return (
-    <Input
-      onChange={(e) => {
-        onChange?.([e.target.value]);
-      }}
-      value={value?.join(' ')}
-      {...res}
-    />
+    <Flexbox gap={8} style={{ width: '100%' }}>
+      {value.length === 0 ? (
+        <Flexbox align="center" gap={8} horizontal>
+          <Input
+            {...res}
+            onBlur={(e) => {
+              if (e.target.value.trim()) {
+                onChange?.([e.target.value.trim()]);
+              }
+              res.onBlur?.(e);
+            }}
+            placeholder={t('ArgsInput.enterFirstArgument')}
+            style={{ flex: 1 }}
+          />
+          <Button icon={Plus} onClick={handleAddArg} size="small" type="primary" />
+        </Flexbox>
+      ) : (
+        <>
+          {value.map((arg, index) => (
+            <Flexbox align="center" gap={8} horizontal key={index}>
+              <Input
+                onChange={(e) => handleArgChange(index, e.target.value)}
+                onKeyDown={(e) => handleKeyDown(e, index)}
+                placeholder={t('ArgsInput.argumentPlaceholder', { index: index + 1 })}
+                style={{ flex: 1 }}
+                value={arg}
+              />
+              <ActionIcon
+                icon={X}
+                onClick={() => handleRemoveArg(index)}
+                size="small"
+                style={{ flexShrink: 0 }}
+              />
+            </Flexbox>
+          ))}
+          <Button
+            icon={Plus}
+            onClick={handleAddArg}
+            size="small"
+            style={{ alignSelf: 'flex-start' }}
+            type="dashed"
+          >
+            {t('ArgsInput.addArgument')}
+          </Button>
+        </>
+      )}
+    </Flexbox>
   );
 });
+
 export default ArgsInput;

package/src/locales/default/components.ts

@@ -1,4 +1,9 @@
 export default {
+  ArgsInput: {
+    addArgument: '添加参数',
+    argumentPlaceholder: '参数 {{index}}',
+    enterFirstArgument: '输入第一个参数...',
+  },
   DragUpload: {
     dragDesc: '拖拽文件到这里，支持上传多个图片。',
     dragFileDesc: '拖拽图片和文件到这里，支持上传多个图片和文件。',

package/src/middleware.ts

@@ -5,6 +5,7 @@ import { UAParser } from 'ua-parser-js';
 import urlJoin from 'url-join';
 
 import { authEnv } from '@/config/auth';
+import { OAUTH_AUTHORIZED } from '@/const/auth';
 import { LOBE_LOCALE_COOKIE } from '@/const/locale';
 import { LOBE_THEME_APPEARANCE } from '@/const/theme';
 import { appEnv } from '@/envs/app';
@@ -14,7 +15,6 @@ import { parseBrowserLanguage } from '@/utils/locale';
 import { parseDefaultThemeFromCountry } from '@/utils/server/geo';
 import { RouteVariants } from '@/utils/server/routeVariants';
 
-import { OAUTH_AUTHORIZED } from './const/auth';
 import { oidcEnv } from './envs/oidc';
 
 // Create debug logger instances

package/tsconfig.json

@@ -20,6 +20,7 @@
     "paths": {
       "@/libs/model-runtime": ["./packages/model-runtime/src/index.ts"],
       "@/libs/model-runtime/*": ["./packages/model-runtime/src/*"],
+      "@/const/*": ["./packages/const/src/*"],
       "@/types/*": ["./packages/types/src/*", "./src/types/*"],
       "@/*": ["./src/*"],
       "~test-utils": ["./tests/utils.tsx"]

package/vitest.config.server.ts

@@ -5,6 +5,7 @@ export default defineConfig({
   test: {
     alias: {
       /* eslint-disable sort-keys-fix/sort-keys-fix */
+      '@/const': resolve(__dirname, './packages/const/src'),
       '@/types': resolve(__dirname, './packages/types/src'),
       '@': resolve(__dirname, './src'),
       /* eslint-enable */

package/vitest.config.ts

@@ -11,6 +11,7 @@ export default defineConfig({
       /* eslint-disable sort-keys-fix/sort-keys-fix */
       '@/libs/model-runtime': resolve(__dirname, './packages/model-runtime/src'),
       '@/types': resolve(__dirname, './packages/types/src'),
+      '@/const': resolve(__dirname, './packages/const/src'),
       '@': resolve(__dirname, './src'),
       '~test-utils': resolve(__dirname, './tests/utils.tsx'),
       /* eslint-enable */