;
+
+const Toaster = ({ ...props }: ToasterProps) => {
+ const { theme = "system" } = useTheme();
+
+ return (
+
+ );
+};
+
+export { Toaster };
diff --git a/app/src/conf.ts b/app/src/conf.ts
index 5b8a92b9..3c52c09a 100644
--- a/app/src/conf.ts
+++ b/app/src/conf.ts
@@ -20,135 +20,168 @@ export const deploy: boolean = true;
export let rest_api: string = getRestApi(deploy);
export let ws_api: string = getWebsocketApi(deploy);
export const tokenField = getTokenField(deploy);
+
export let supportModels: Model[] = loadPreferenceModels([
// openai models
{
id: "gpt-3.5-turbo-0613",
name: "GPT-3.5",
+ avatar: "gpt35turbo.png",
free: true,
auth: false,
high_context: false,
+ default: true,
tag: ["free", "official"],
},
{
id: "gpt-3.5-turbo-16k-0613",
name: "GPT-3.5-16k",
+ avatar: "gpt35turbo16k.webp",
free: true,
auth: true,
high_context: true,
+ default: true,
tag: ["free", "official", "high-context"],
},
{
id: "gpt-3.5-turbo-1106",
name: "GPT-3.5 1106",
+ avatar: "gpt35turbo16k.webp",
free: true,
auth: true,
high_context: true,
+ default: true,
tag: ["free", "official"],
},
{
id: "gpt-3.5-turbo-fast",
name: "GPT-3.5 Fast",
+ avatar: "gpt35turbo16k.webp",
free: false,
auth: true,
high_context: false,
+ default: true,
tag: ["official"],
},
{
id: "gpt-3.5-turbo-16k-fast",
name: "GPT-3.5 16K Fast",
+ avatar: "gpt35turbo16k.webp",
free: false,
auth: true,
high_context: true,
+ default: true,
tag: ["official"],
},
{
id: "gpt-4-0613",
name: "GPT-4",
+ avatar: "gpt4.png",
free: false,
auth: true,
high_context: true,
+ default: true,
tag: ["official", "high-quality"],
},
{
id: "gpt-4-1106-preview",
name: "GPT-4 Turbo 128k",
+ avatar: "gpt432k.webp",
free: false,
auth: true,
high_context: true,
+ default: true,
tag: ["official", "high-context", "unstable"],
},
{
id: "gpt-4-vision-preview",
name: "GPT-4 Vision 128k",
+ avatar: "gpt4v.png",
free: false,
auth: true,
high_context: true,
+ default: true,
tag: ["official", "high-context", "multi-modal", "unstable"],
},
{
id: "gpt-4-v",
name: "GPT-4 Vision",
+ avatar: "gpt4v.png",
free: false,
auth: true,
high_context: true,
+ default: true,
tag: ["official", "unstable", "multi-modal"],
},
{
id: "gpt-4-dalle",
name: "GPT-4 DALLE",
+ avatar: "gpt4dalle.png",
free: false,
auth: true,
high_context: true,
+ default: true,
tag: ["official", "unstable", "image-generation"],
},
{
id: "azure-gpt-3.5-turbo",
name: "Azure GPT-3.5",
+ avatar: "gpt35turbo.png",
free: false,
auth: true,
high_context: false,
+ default: true,
tag: ["official"],
},
{
id: "azure-gpt-3.5-turbo-16k",
name: "Azure GPT-3.5 16K",
+ avatar: "gpt35turbo16k.webp",
free: false,
auth: true,
high_context: true,
+ default: true,
tag: ["official"],
},
{
id: "azure-gpt-4",
name: "Azure GPT-4",
+ avatar: "gpt4.png",
free: false,
auth: true,
high_context: true,
+ default: true,
tag: ["official", "high-quality"],
},
{
id: "azure-gpt-4-1106-preview",
name: "Azure GPT-4 Turbo 128k",
+ avatar: "gpt432k.webp",
free: false,
auth: true,
high_context: true,
+ default: true,
tag: ["official", "high-context", "unstable"],
},
{
id: "azure-gpt-4-vision-preview",
name: "Azure GPT-4 Vision 128k",
+ avatar: "gpt4v.png",
free: false,
auth: true,
high_context: true,
+ default: true,
tag: ["official", "high-context", "multi-modal"],
},
{
id: "azure-gpt-4-32k",
name: "Azure GPT-4 32k",
+ avatar: "gpt432k.webp",
free: false,
auth: true,
high_context: true,
+ default: true,
tag: ["official", "multi-modal"],
},
@@ -156,25 +189,31 @@ export let supportModels: Model[] = loadPreferenceModels([
{
id: "spark-desk-v3",
name: "讯飞星火 V3",
+ avatar: "sparkdesk.jpg",
free: false,
auth: true,
high_context: false,
+ default: true,
tag: ["official", "high-quality"],
},
{
id: "spark-desk-v2",
name: "讯飞星火 V2",
+ avatar: "sparkdesk.jpg",
free: false,
auth: true,
high_context: false,
+ default: false,
tag: ["official"],
},
{
id: "spark-desk-v1.5",
name: "讯飞星火 V1.5",
+ avatar: "sparkdesk.jpg",
free: false,
auth: true,
high_context: false,
+ default: false,
tag: ["official"],
},
@@ -182,33 +221,41 @@ export let supportModels: Model[] = loadPreferenceModels([
{
id: "qwen-plus-net",
name: "通义千问 Plus Net",
+ avatar: "tongyi.png",
free: false,
auth: true,
high_context: false,
+ default: true,
tag: ["official", "high-quality", "web"],
},
{
id: "qwen-plus",
name: "通义千问 Plus",
+ avatar: "tongyi.png",
free: false,
auth: true,
high_context: false,
+ default: true,
tag: ["official", "high-quality"],
},
{
id: "qwen-turbo-net",
name: "通义千问 Turbo Net",
+ avatar: "tongyi.png",
free: false,
auth: true,
high_context: false,
+ default: false,
tag: ["official", "web"],
},
{
id: "qwen-turbo",
name: "通义千问 Turbo",
+ avatar: "tongyi.png",
free: false,
auth: true,
high_context: false,
+ default: false,
tag: ["official"],
},
@@ -216,9 +263,11 @@ export let supportModels: Model[] = loadPreferenceModels([
{
id: "hunyuan",
name: "腾讯混元 Pro",
+ avatar: "hunyuan.png",
free: false,
auth: true,
high_context: false,
+ default: true,
tag: ["official"],
},
@@ -226,9 +275,11 @@ export let supportModels: Model[] = loadPreferenceModels([
{
id: "zhipu-chatglm-turbo",
name: "ChatGLM Turbo",
+ avatar: "chatglm.png",
free: false,
auth: true,
high_context: true,
+ default: true,
tag: ["official", "open-source", "high-context"],
},
@@ -236,9 +287,11 @@ export let supportModels: Model[] = loadPreferenceModels([
{
id: "baichuan-53b",
name: "百川 Baichuan 53B",
+ avatar: "baichuan.png",
free: false,
auth: true,
high_context: false,
+ default: true,
tag: ["official", "open-source"],
},
@@ -246,9 +299,11 @@ export let supportModels: Model[] = loadPreferenceModels([
{
id: "skylark-chat",
name: "抖音豆包 Skylark",
+ avatar: "skylark.jpg",
free: false,
auth: true,
high_context: false,
+ default: true,
tag: ["official"],
},
@@ -256,34 +311,42 @@ export let supportModels: Model[] = loadPreferenceModels([
{
id: "360-gpt-v9",
name: "360 智脑",
+ avatar: "360gpt.png",
free: false,
auth: true,
high_context: false,
+ default: false,
tag: ["official"],
},
{
id: "claude-1-100k",
name: "Claude",
+ avatar: "claude.png",
free: true,
auth: true,
high_context: true,
+ default: true,
tag: ["free", "unstable"],
},
{
id: "claude-2",
name: "Claude 100k",
+ avatar: "claude100k.png",
free: false,
auth: true,
high_context: true,
+ default: true,
tag: ["official", "high-context"],
},
{
id: "claude-2.1",
name: "Claude 200k",
+ avatar: "claude100k.png",
free: false,
auth: true,
high_context: true,
+ default: true,
tag: ["official", "high-context"],
},
@@ -291,50 +354,62 @@ export let supportModels: Model[] = loadPreferenceModels([
{
id: "llama-2-70b",
name: "LLaMa-2 70B",
+ avatar: "llama2.webp",
free: false,
auth: true,
high_context: false,
+ default: true,
tag: ["open-source", "unstable"],
},
{
id: "llama-2-13b",
name: "LLaMa-2 13B",
+ avatar: "llama2.webp",
free: false,
auth: true,
high_context: false,
+ default: false,
tag: ["open-source", "unstable"],
},
{
id: "llama-2-7b",
name: "LLaMa-2 7B",
+ avatar: "llama2.webp",
free: false,
auth: true,
high_context: false,
+ default: false,
tag: ["open-source", "unstable"],
},
{
id: "code-llama-34b",
name: "Code LLaMa 34B",
+ avatar: "llamacode.webp",
free: false,
auth: true,
high_context: false,
+ default: true,
tag: ["open-source", "unstable"],
},
{
id: "code-llama-13b",
name: "Code LLaMa 13B",
+ avatar: "llamacode.webp",
free: false,
auth: true,
high_context: false,
+ default: false,
tag: ["open-source", "unstable"],
},
{
id: "code-llama-7b",
name: "Code LLaMa 7B",
+ avatar: "llamacode.webp",
free: false,
auth: true,
high_context: false,
+ default: false,
tag: ["open-source", "unstable"],
},
@@ -342,9 +417,11 @@ export let supportModels: Model[] = loadPreferenceModels([
{
id: "bing-creative",
name: "New Bing",
+ avatar: "newbing.jpg",
free: true,
auth: true,
high_context: true,
+ default: true,
tag: ["free", "unstable", "web"],
},
@@ -352,9 +429,11 @@ export let supportModels: Model[] = loadPreferenceModels([
{
id: "chat-bison-001",
name: "Google PaLM2",
+ avatar: "palm2.webp",
free: true,
auth: true,
high_context: false,
+ default: false,
tag: ["free", "english-model"],
},
@@ -362,17 +441,21 @@ export let supportModels: Model[] = loadPreferenceModels([
{
id: "gemini-pro",
name: "Gemini Pro",
+ avatar: "gemini.jpeg",
free: true,
auth: true,
high_context: true,
+ default: true,
tag: ["free", "official"],
},
{
id: "gemini-pro-vision",
name: "Gemini Pro Vision",
+ avatar: "gemini.jpeg",
free: true,
auth: true,
high_context: true,
+ default: true,
tag: ["free", "official", "multi-modal"],
},
@@ -380,96 +463,76 @@ export let supportModels: Model[] = loadPreferenceModels([
{
id: "midjourney",
name: "Midjourney",
+ avatar: "midjourney.jpg",
free: false,
auth: true,
high_context: false,
+ default: true,
tag: ["official", "image-generation"],
},
{
id: "midjourney-fast",
name: "Midjourney Fast",
+ avatar: "midjourney.jpg",
free: false,
auth: true,
high_context: false,
+ default: true,
tag: ["official", "fast", "image-generation"],
},
{
id: "midjourney-turbo",
name: "Midjourney Turbo",
+ avatar: "midjourney.jpg",
free: false,
auth: true,
high_context: false,
+ default: true,
tag: ["official", "fast", "image-generation"],
},
{
id: "stable-diffusion",
name: "Stable Diffusion XL",
+ avatar: "stablediffusion.jpeg",
free: false,
auth: true,
high_context: false,
+ default: false,
tag: ["open-source", "unstable", "image-generation"],
},
{
id: "dall-e-2",
name: "DALLE 2",
+ avatar: "dalle.jpeg",
free: true,
auth: true,
high_context: false,
+ default: true,
tag: ["free", "official", "image-generation"],
},
{
id: "dall-e-3",
name: "DALLE 3",
+ avatar: "dalle.jpeg",
free: false,
auth: true,
high_context: false,
+ default: true,
tag: ["official", "image-generation"],
},
{
id: "gpt-4-32k-0613",
name: "GPT-4-32k",
+ avatar: "gpt432k.webp",
free: false,
auth: true,
high_context: true,
+ default: false,
tag: ["official", "high-quality", "high-price"],
},
]);
-export const defaultModels = [
- "gpt-3.5-turbo-0613",
- "gpt-3.5-turbo-16k-0613",
- "gpt-4-0613",
- "gpt-4-1106-preview",
-
- "gpt-4-v",
- "gpt-4-dalle",
-
- "azure-gpt-3.5-turbo",
- "azure-gpt-3.5-turbo-16k",
- "azure-gpt-4",
- "azure-gpt-4-1106-preview",
- "azure-gpt-4-vision-preview",
- "azure-gpt-4-32k",
-
- "claude-1-100k",
- "claude-2",
- "claude-2.1",
-
- "spark-desk-v3",
- "qwen-plus",
- "hunyuan",
- "zhipu-chatglm-turbo",
- "baichuan-53b",
-
- "gemini-pro",
- "gemini-pro-vision",
-
- "dall-e-2",
- "midjourney-fast",
- "stable-diffusion",
-];
-
export let allModels: string[] = supportModels.map((model) => model.id);
export const planModels: PlanModel[] = [
@@ -485,58 +548,6 @@ export const planModels: PlanModel[] = [
{ id: "midjourney-fast", level: 1 },
];
-export const modelAvatars: Record
= {
- "gpt-3.5-turbo-0613": "gpt35turbo.png",
- "gpt-3.5-turbo-16k-0613": "gpt35turbo16k.webp",
- "gpt-3.5-turbo-1106": "gpt35turbo16k.webp",
- "gpt-3.5-turbo-fast": "gpt35turbo16k.webp",
- "gpt-3.5-turbo-16k-fast": "gpt35turbo16k.webp",
- "gpt-4-0613": "gpt4.png",
- "gpt-4-1106-preview": "gpt432k.webp",
- "gpt-4-vision-preview": "gpt4v.png",
- "gpt-4-all": "gpt4.png",
- "gpt-4-32k-0613": "gpt432k.webp",
- "gpt-4-v": "gpt4v.png",
- "gpt-4-dalle": "gpt4dalle.png",
- "azure-gpt-3.5-turbo": "gpt35turbo.png",
- "azure-gpt-3.5-turbo-16k": "gpt35turbo16k.webp",
- "azure-gpt-4": "gpt4.png",
- "azure-gpt-4-1106-preview": "gpt432k.webp",
- "azure-gpt-4-vision-preview": "gpt4v.png",
- "azure-gpt-4-32k": "gpt432k.webp",
- "claude-1-100k": "claude.png",
- "claude-2": "claude100k.png",
- "claude-2.1": "claude100k.png",
- "stable-diffusion": "stablediffusion.jpeg",
- "llama-2-70b": "llama2.webp",
- "llama-2-13b": "llama2.webp",
- "llama-2-7b": "llama2.webp",
- "code-llama-34b": "llamacode.webp",
- "code-llama-13b": "llamacode.webp",
- "code-llama-7b": "llamacode.webp",
- "dall-e-3": "dalle.jpeg",
- "dall-e-2": "dalle.jpeg",
- midjourney: "midjourney.jpg",
- "midjourney-fast": "midjourney.jpg",
- "midjourney-turbo": "midjourney.jpg",
- "bing-creative": "newbing.jpg",
- "chat-bison-001": "palm2.webp",
- "gemini-pro": "gemini.jpeg",
- "gemini-pro-vision": "gemini.jpeg",
- "zhipu-chatglm-turbo": "chatglm.png",
- "qwen-plus-net": "tongyi.png",
- "qwen-plus": "tongyi.png",
- "qwen-turbo-net": "tongyi.png",
- "qwen-turbo": "tongyi.png",
- "spark-desk-v3": "sparkdesk.jpg",
- "spark-desk-v2": "sparkdesk.jpg",
- "spark-desk-v1.5": "sparkdesk.jpg",
- hunyuan: "hunyuan.png",
- "360-gpt-v9": "360gpt.png",
- "baichuan-53b": "baichuan.png",
- "skylark-chat": "skylark.jpg",
-};
-
export const subscriptionPrize: Record = {
1: 42,
2: 76,
diff --git a/app/src/resources/i18n/cn.json b/app/src/resources/i18n/cn.json
index 73e87c66..c5e67263 100644
--- a/app/src/resources/i18n/cn.json
+++ b/app/src/resources/i18n/cn.json
@@ -31,6 +31,7 @@
"true": "是",
"false": "否",
"unknown": "未知",
+ "update": "更新",
"scroll-down": "滚至最新",
"broadcast": "公告",
"fatal": "应用崩溃",
@@ -400,6 +401,25 @@
"generate": "批量生成",
"generate-result": "生成结果",
"error": "请求失败",
+ "market": {
+ "title": "模型市场",
+ "model-name": "模型名称",
+ "model-name-placeholder": "请输入模型昵称 （如：GPT-4）",
+ "model-id": "模型 ID",
+ "model-id-placeholder": "请输入模型 ID （如：gpt-4-0613）",
+ "model-description": "模型简介",
+ "model-description-placeholder": "请输入模型简介",
+ "model-context": "高上下文",
+ "model-context-tip": "模型是否为高上下文模型（高上下文模型文件解析时不会被长内容截断）",
+ "model-is-default": "默认模型",
+ "model-is-default-tip": "模型是否添加至默认模型列表（未添加至默认模型列表的模型默认不会出现在首页模型列表中）",
+ "model-tag": "模型标签",
+ "model-image": "模型图片",
+ "update-success": "更新成功",
+ "update-success-prompt": "模型市场设置已成功提交更新至服务器。",
+ "update-failed": "更新失败",
+ "update-failed-prompt": "更新请求失败，原因：{{reason}}"
+ },
"redeem": {
"quota": "点数",
"used": "已用个数",
diff --git a/app/src/resources/i18n/en.json b/app/src/resources/i18n/en.json
index f9f07d79..612a00f7 100644
--- a/app/src/resources/i18n/en.json
+++ b/app/src/resources/i18n/en.json
@@ -445,6 +445,25 @@
"quota": "Number of points",
"used": "Used Count",
"total": "Total"
+ },
+ "market": {
+ "title": "Model Market",
+ "model-name": "model name",
+ "model-name-placeholder": "Please enter the model nickname (e.g. GPT-4)",
+ "model-id": "Former ID",
+ "model-id-placeholder": "Please enter the model ID (e.g. gpt-4-0613)",
+ "model-description": "Introduction to the Model",
+ "model-description-placeholder": "Please enter a model introduction",
+ "model-context": "High Context",
+ "model-context-tip": "Whether the model is a high context model (high context model files are not truncated by long content when parsed)",
+ "model-is-default": "Default Model",
+ "model-is-default-tip": "Whether the model is added to the default model list (models not added to the default model list will not appear in the home model list by default)",
+ "model-tag": "Model label",
+ "update-success": "Upgrade successful",
+ "update-success-prompt": "Model Marketplace settings were successfully submitted for update to the server.",
+ "update-failed": "Update failed",
+ "update-failed-prompt": "Update request failed for {{reason}}",
+ "model-image": "Model Picture"
}
},
"mask": {
@@ -490,5 +509,6 @@
"register-success-prompt": "You have successfully registered, welcome!"
},
"reset": "Reset",
- "request-error": "Request failed for {{reason}}"
+ "request-error": "Request failed for {{reason}}",
+ "update": "Updated"
}
\ No newline at end of file
diff --git a/app/src/resources/i18n/ja.json b/app/src/resources/i18n/ja.json
index f3a88b98..9802432c 100644
--- a/app/src/resources/i18n/ja.json
+++ b/app/src/resources/i18n/ja.json
@@ -445,6 +445,25 @@
"quota": "Whirlies",
"used": "使用数",
"total": "合計"
+ },
+ "market": {
+ "title": "モデルマーケット",
+ "model-name": "モデル名",
+ "model-name-placeholder": "モデルのニックネームを入力してください（例： GPT -4 ）",
+ "model-id": "モデルID",
+ "model-id-placeholder": "モデルIDを入力してください（例： gpt -4 -0613 ）",
+ "model-description": "モデルの紹介",
+ "model-description-placeholder": "モデル紹介を入力してください",
+ "model-context": "ハイコンテキスト",
+ "model-context-tip": "モデルがハイコンテキストモデルであるかどうか（ハイコンテキストモデルファイルは、解析時に長いコンテンツによって切り捨てられません）",
+ "model-is-default": "デフォルトモデル",
+ "model-is-default-tip": "モデルがデフォルトモデルリストに追加されるかどうか（デフォルトでは、デフォルトモデルリストに追加されていないモデルはホームモデルリストに表示されません）",
+ "model-tag": "モデルラベル",
+ "update-success": "正常に更新されました",
+ "update-success-prompt": "モデルマーケットプレイスの設定は、サーバーへの更新のために正常に送信されました。",
+ "update-failed": "更新に失敗",
+ "update-failed-prompt": "{{reason}}の更新リクエストが失敗しました",
+ "model-image": "モデル写真"
}
},
"mask": {
@@ -490,5 +509,6 @@
"register-success-prompt": "登録が完了しました。ようこそ！"
},
"reset": "リセット",
- "request-error": "{{reason}}のためにリクエストできませんでした"
+ "request-error": "{{reason}}のためにリクエストできませんでした",
+ "update": "更新"
}
\ No newline at end of file
diff --git a/app/src/resources/i18n/ru.json b/app/src/resources/i18n/ru.json
index e6e401eb..f4740057 100644
--- a/app/src/resources/i18n/ru.json
+++ b/app/src/resources/i18n/ru.json
@@ -445,6 +445,25 @@
"quota": "Вихри",
"used": "Количество использованных",
"total": "Итого"
+ },
+ "market": {
+ "title": "Модельный рынок",
+ "model-name": "Модели засоренности",
+ "model-name-placeholder": "Введите псевдоним модели (например, GPT-4)",
+ "model-id": "Идентификатор модели",
+ "model-id-placeholder": "Введите идентификатор модели (например, gpt-4-0613)",
+ "model-description": "Введение в модель",
+ "model-description-placeholder": "Пожалуйста, введите введение в модель",
+ "model-context": "Высокий контекст",
+ "model-context-tip": "Является ли модель высококонтекстной моделью (файлы высококонтекстной модели не усекаются длинным содержимым при синтаксическом анализе)",
+ "model-is-default": "Модель по умолчанию",
+ "model-is-default-tip": "Добавлена ли модель в список моделей по умолчанию (модели, не добавленные в список моделей по умолчанию, не будут отображаться в списке моделей дома по умолчанию)",
+ "model-tag": "Этикетка модели",
+ "update-success": "Успешно обновлено",
+ "update-success-prompt": "Настройки Model Marketplace успешно отправлены на обновление на сервер.",
+ "update-failed": "Ошибка обновления",
+ "update-failed-prompt": "Запрос на обновление не выполнен по {{reason}}",
+ "model-image": "Изображение модели"
}
},
"mask": {
@@ -490,5 +509,6 @@
"register-success-prompt": "Вы успешно зарегистрировались, добро пожаловать!"
},
"reset": "сброс",
- "request-error": "Запрос не выполнен по {{reason}}"
+ "request-error": "Запрос не выполнен по {{reason}}",
+ "update": "Обновить"
}
\ No newline at end of file
diff --git a/app/src/router.tsx b/app/src/router.tsx
index e695b433..3f316f41 100644
--- a/app/src/router.tsx
+++ b/app/src/router.tsx
@@ -13,6 +13,7 @@ const Article = lazy(() => import("@/routes/Article.tsx"));
const Admin = lazy(() => import("@/routes/Admin.tsx"));
const Dashboard = lazy(() => import("@/routes/admin/DashBoard.tsx"));
+const Market = lazy(() => import("@/routes/admin/Market.tsx"));
const Channel = lazy(() => import("@/routes/admin/Channel.tsx"));
const System = lazy(() => import("@/routes/admin/System.tsx"));
const Charge = lazy(() => import("@/routes/admin/Charge.tsx"));
@@ -104,6 +105,15 @@ const router = createBrowserRouter(
),
},
+ {
+ id: "admin-market",
+ path: "market",
+ element: (
+
+
+
+ ),
+ },
{
id: "admin-channel",
path: "channel",
diff --git a/app/src/routes/admin/Market.tsx b/app/src/routes/admin/Market.tsx
new file mode 100644
index 00000000..2c22a254
--- /dev/null
+++ b/app/src/routes/admin/Market.tsx
@@ -0,0 +1,459 @@
+import {
+ Card,
+ CardContent,
+ CardHeader,
+ CardTitle,
+} from "@/components/ui/card.tsx";
+import { useTranslation } from "react-i18next";
+import { Dispatch, useEffect, useMemo, useReducer, useRef } from "react";
+import { Model as RawModel } from "@/api/types.ts";
+import { supportModels } from "@/conf.ts";
+import { DragDropContext, Draggable, Droppable } from "react-beautiful-dnd";
+import { Input } from "@/components/ui/input.tsx";
+import { GripVertical } from "lucide-react";
+import { generateRandomChar } from "@/utils/base.ts";
+import Require from "@/components/Require.tsx";
+import { Textarea } from "@/components/ui/textarea.tsx";
+import { toast } from "sonner";
+import Tips from "@/components/Tips.tsx";
+import { Switch } from "@/components/ui/switch.tsx";
+import { Toggle } from "@/components/ui/toggle.tsx";
+import { marketEditableTags, modelImages } from "@/admin/market.ts";
+
+type Model = RawModel & {
+ seed?: string;
+};
+
+type MarketForm = Model[];
+
+const initialState: MarketForm = [];
+
+const generateSeed = () => generateRandomChar(8);
+
+function reducer(state: MarketForm, action: any): MarketForm {
+ switch (action.type) {
+ case "set":
+ return [
+ ...action.payload.map((model: RawModel) => ({
+ ...model,
+ seed: generateSeed(),
+ })),
+ ];
+ case "add":
+ return [
+ ...state,
+ {
+ ...action.payload,
+ seed: generateSeed(),
+ },
+ ];
+ case "remove":
+ let { idx } = action.payload;
+ return [...state.slice(0, idx), ...state.slice(idx + 1)];
+ case "update":
+ let { index, data } = action.payload;
+ return [...state.slice(0, index), data, ...state.slice(index + 1)];
+ case "update-id":
+ return [
+ ...state.map((model, idx) => {
+ if (idx === action.payload.idx) {
+ return { ...model, id: action.payload.id };
+ }
+ return model;
+ }),
+ ];
+ case "update-name":
+ return [
+ ...state.map((model, idx) => {
+ if (idx === action.payload.idx) {
+ return { ...model, name: action.payload.name };
+ }
+ return model;
+ }),
+ ];
+ case "update-description":
+ return [
+ ...state.map((model, idx) => {
+ if (idx === action.payload.idx) {
+ return { ...model, description: action.payload.description };
+ }
+ return model;
+ }),
+ ];
+ case "update-context":
+ return [
+ ...state.map((model, idx) => {
+ if (idx === action.payload.idx) {
+ return { ...model, high_context: action.payload.context };
+ }
+ return model;
+ }),
+ ];
+ case "update-default":
+ return [
+ ...state.map((model, idx) => {
+ if (idx === action.payload.idx) {
+ return { ...model, default: action.payload.default };
+ }
+ return model;
+ }),
+ ];
+ case "update-tags":
+ return [
+ ...state.map((model, idx) => {
+ if (idx === action.payload.idx) {
+ return { ...model, tag: action.payload.tags };
+ }
+ return model;
+ }),
+ ];
+ case "add-tag":
+ return [
+ ...state.map((model, idx) => {
+ if (idx === action.payload.idx) {
+ const tag = model.tag || [];
+ tag.push(action.payload.tag);
+ return {
+ ...model,
+ tag: [...tag],
+ };
+ }
+ return model;
+ }),
+ ];
+ case "remove-tag":
+ return [
+ ...state.map((model, idx) => {
+ if (idx === action.payload.idx) {
+ const tag = model.tag || [];
+ return {
+ ...model,
+ tag: tag.filter((t) => t !== action.payload.tag),
+ };
+ }
+ return model;
+ }),
+ ];
+ case "set-avatar":
+ return [
+ ...state.map((model, idx) => {
+ if (idx === action.payload.idx) {
+ return { ...model, avatar: action.payload.avatar };
+ }
+ return model;
+ }),
+ ];
+ case "replace":
+ const { from, to } = action.payload;
+ const [removed] = state.splice(from, 1);
+ state.splice(to, 0, removed);
+ return [...state];
+ default:
+ throw new Error();
+ }
+}
+
+type MarketTagsProps = {
+ tag: string[] | undefined;
+ idx: number;
+ dispatch: Dispatch;
+};
+
+function MarketTags({ tag, idx, dispatch }: MarketTagsProps) {
+ const { t } = useTranslation();
+ const tags = useMemo((): Record => {
+ const selected = tag || [];
+
+ return marketEditableTags.reduce(
+ (acc, name) => {
+ acc[name] = selected.includes(name);
+ return acc;
+ },
+ {} as Record,
+ );
+ }, [tag]);
+
+ return (
+
+ {tags &&
+ Object.keys(tags).map((name) => (
+ {
+ dispatch({
+ type: state ? "add-tag" : "remove-tag",
+ payload: {
+ idx,
+ tag: name,
+ },
+ });
+ }}
+ >
+ {t(`tag.${name}`)}
+
+ ))}
+
+ );
+}
+
+type MarketImageProps = {
+ image: string;
+ idx: number;
+ dispatch: Dispatch;
+};
+
+function MarketImage({ image, idx, dispatch }: MarketImageProps) {
+ const { t } = useTranslation();
+
+ return (
+
+ {modelImages.map((source) => (
+
{
+ if (!state) return;
+ dispatch({
+ type: "set-avatar",
+ payload: {
+ idx,
+ avatar: source,
+ },
+ });
+ }}
+ >
+ 
+
+ ))}
+
+
+
+ {t("admin.market.title")}
+
+
+ {
+ const { destination, source } = result;
+ if (
+ !destination ||
+ destination.index === source.index ||
+ destination.index === -1
+ )
+ return;
+
+ const from = source.index;
+ const to = destination.index;
+
+ dispatch({ type: "replace", payload: { from, to } });
+ }}
+ >
+
+ {(provided) => (
+
+ {form.map((model, index) => (
+
+ {(provided) => (
+
+
+
+
+
+
+ {t("admin.market.model-name")}
+
+ {
+ dispatch({
+ type: "update-name",
+ payload: {
+ idx: index,
+ name: e.target.value,
+ },
+ });
+ }}
+ />
+
+
+
+
+ {t("admin.market.model-id")}
+
+ {
+ dispatch({
+ type: "update-id",
+ payload: {
+ idx: index,
+ id: e.target.value,
+ },
+ });
+ }}
+ />
+
+
+ {t("admin.market.model-description")}
+