{[
- { icon: "💬", title: "自由对话", desc: "对着摄像头随意聊天，AI 实时理解画面并语音回答", tag: "通用" },
- { icon: "🗣️", title: "英语老师", desc: "AI 外教结合摄像头场景进行英语口语教学，实时纠正语法", tag: "学习" },
- { icon: "🎤", title: "模拟面试", desc: "AI 面试官根据你的回答追问，通过摄像头观察你的表现", tag: "求职" },
- { icon: "⚔️", title: "辩论对手", desc: "AI 反驳你的观点，锻炼你的逻辑思维和表达能力", tag: "思维" },
- { icon: "🌐", title: "同声翻译", desc: "实时识别画面中的外语文字并语音翻译，口语化输出", tag: "工具" },
+ { icon:
, title: "自由对话", desc: "对着摄像头随意聊天，AI 实时理解画面并语音回答", tag: "通用" },
+ { icon:
, title: "英语老师", desc: "AI 外教结合摄像头场景进行英语口语教学，实时纠正语法", tag: "学习" },
+ { icon:
, title: "模拟面试", desc: "AI 面试官根据你的回答追问，通过摄像头观察你的表现", tag: "求职" },
+ { icon:
, title: "辩论对手", desc: "AI 反驳你的观点，锻炼你的逻辑思维和表达能力", tag: "思维" },
+ { icon:
, title: "同声翻译", desc: "实时识别画面中的外语文字并语音翻译，口语化输出", tag: "工具" },
].map((s) => (
{s.icon}
diff --git a/frontend/src/components/SessionSidebar/index.tsx b/frontend/src/components/SessionSidebar/index.tsx
index 74de42d..560b1a9 100644
--- a/frontend/src/components/SessionSidebar/index.tsx
+++ b/frontend/src/components/SessionSidebar/index.tsx
@@ -187,7 +187,7 @@ export function SessionSidebar({
<>
{/* 视频标记图标 */}
{session.messageCount > 5 && (
-
📹
+
)}
{session.title}
@@ -207,7 +207,7 @@ export function SessionSidebar({
}}
title={t("sidebar.rename")}
>
- ✏
+
diff --git a/frontend/src/lib/i18n/en-US.ts b/frontend/src/lib/i18n/en-US.ts
index 83bab31..e8dcdab 100644
--- a/frontend/src/lib/i18n/en-US.ts
+++ b/frontend/src/lib/i18n/en-US.ts
@@ -174,6 +174,7 @@ export const enUS: TranslationMap = {
"settings.scenario.custom": "My Scenarios",
"settings.scenario.empty": "No custom scenarios yet. Click the button above to create one.",
"scenario.create.button": "New Scenario",
+ "scenario.createChip": "New",
"scenario.create.title": "Create Custom Scenario",
"scenario.edit.title": "Edit Scenario",
"scenario.create.name": "Scenario Name",
diff --git a/frontend/src/lib/i18n/ja-JP.ts b/frontend/src/lib/i18n/ja-JP.ts
index 770efec..af8b317 100644
--- a/frontend/src/lib/i18n/ja-JP.ts
+++ b/frontend/src/lib/i18n/ja-JP.ts
@@ -174,6 +174,7 @@ export const jaJP: TranslationMap = {
"settings.scenario.custom": "マイシナリオ",
"settings.scenario.empty": "カスタムシナリオはまだありません。上のボタンをクリックして作成してください。",
"scenario.create.button": "新しいシナリオ",
+ "scenario.createChip": "新規",
"scenario.create.title": "カスタムシナリオを作成",
"scenario.edit.title": "シナリオを編集",
"scenario.create.name": "シナリオ名",
diff --git a/frontend/src/lib/i18n/zh-CN.ts b/frontend/src/lib/i18n/zh-CN.ts
index f934f0d..2a40cea 100644
--- a/frontend/src/lib/i18n/zh-CN.ts
+++ b/frontend/src/lib/i18n/zh-CN.ts
@@ -60,8 +60,8 @@ export const zhCN: TranslationMap = {
// Controls
"controls.connecting": "连接中...",
- "controls.start": "🎙️ 开始对话",
- "controls.startVideo": "🎙️ 开始视频通话",
+ "controls.start": "开始对话",
+ "controls.startVideo": "开始视频通话",
"controls.cameraOff": "关闭摄像头",
"controls.cameraOn": "开启摄像头",
"controls.micOff": "关闭麦克风",
@@ -70,7 +70,7 @@ export const zhCN: TranslationMap = {
"controls.stop": "结束对话",
"controls.stopVideo": "结束视频",
"controls.endSession": "结束会话",
- "controls.resumeVideo": "📹 重新开始视频",
+ "controls.resumeVideo": "重新开始视频",
// Chat panel
"chat.title": "对话",
@@ -174,6 +174,7 @@ export const zhCN: TranslationMap = {
"settings.scenario.custom": "我的情景",
"settings.scenario.empty": "还没有自建情景，点击上方按钮创建",
"scenario.create.button": "创建新情景",
+ "scenario.createChip": "新建",
"scenario.create.title": "创建自建情景",
"scenario.edit.title": "编辑情景",
"scenario.create.name": "情景名称",
diff --git a/frontend/src/lib/scenarioIcons.tsx b/frontend/src/lib/scenarioIcons.tsx
new file mode 100644
index 0000000..b7d830f
--- /dev/null
+++ b/frontend/src/lib/scenarioIcons.tsx
@@ -0,0 +1,124 @@
+// ============================================================
+// scenarioIcons — 自建情景 SVG 图标集（Feather-style）
+// 职责：为 CreateScenarioModal / EditScenarioModal 提供图标选项
+// 为情景芯片条渲染自建情景的 SVG 图标
+// ============================================================
+
+import React from "react";
+
+const P = { viewBox: "0 0 24 24", fill: "none" as const, stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round" as const, strokeLinejoin: "round" as const };
+
+export interface ScenarioIconDef {
+ id: string;
+ label: string;
+ render: (size?: number) => React.ReactElement;
+}
+
+/** 自建情景可选的 Feather SVG 图标集 */
+export const SCENARIO_ICON_SET: ScenarioIconDef[] = [
+ {
+ id: "sparkles", label: "通用助手",
+ render: (s = 16) => (
),
+ },
+ {
+ id: "theater", label: "角色扮演",
+ render: (s = 16) => (
),
+ },
+ {
+ id: "palette", label: "创意设计",
+ render: (s = 16) => (
),
+ },
+ {
+ id: "target", label: "目标导向",
+ render: (s = 16) => (
),
+ },
+ {
+ id: "film", label: "影视娱乐",
+ render: (s = 16) => (
),
+ },
+ {
+ id: "book-open", label: "阅读学习",
+ render: (s = 16) => (
),
+ },
+ {
+ id: "book", label: "教程指南",
+ render: (s = 16) => (
),
+ },
+ {
+ id: "edit", label: "写作编辑",
+ render: (s = 16) => (
),
+ },
+ {
+ id: "clipboard", label: "任务管理",
+ render: (s = 16) => (
),
+ },
+ {
+ id: "map-pin", label: "导航定位",
+ render: (s = 16) => (
),
+ },
+ {
+ id: "search", label: "搜索探索",
+ render: (s = 16) => (
),
+ },
+ {
+ id: "lightbulb", label: "灵感启发",
+ render: (s = 16) => (
),
+ },
+ {
+ id: "briefcase", label: "商务办公",
+ render: (s = 16) => (
),
+ },
+ {
+ id: "code", label: "编程开发",
+ render: (s = 16) => (
),
+ },
+ {
+ id: "graduation-cap", label: "教育培训",
+ render: (s = 16) => (
),
+ },
+ {
+ id: "mic", label: "语音对话",
+ render: (s = 16) => (
),
+ },
+ {
+ id: "music", label: "音乐艺术",
+ render: (s = 16) => (
),
+ },
+ {
+ id: "globe", label: "翻译跨语言",
+ render: (s = 16) => (
),
+ },
+ {
+ id: "heart", label: "健康关怀",
+ render: (s = 16) => (
),
+ },
+ {
+ id: "shield", label: "安全防护",
+ render: (s = 16) => (
),
+ },
+ {
+ id: "zap", label: "快速高效",
+ render: (s = 16) => (
),
+ },
+ {
+ id: "coffee", label: "休闲聊天",
+ render: (s = 16) => (
),
+ },
+ {
+ id: "tool", label: "工具助手",
+ render: (s = 16) => (
),
+ },
+ {
+ id: "message-circle", label: "对话问答",
+ render: (s = 16) => (
),
+ },
+];
+
+/** 根据图标 ID 渲染 SVG，找不到返回 null */
+export function renderScenarioIconById(iconId: string, size = 14): React.ReactElement | null {
+ const def = SCENARIO_ICON_SET.find((d) => d.id === iconId);
+ return def ? def.render(size) : null;
+}
+
+/** 默认图标 ID */
+export const DEFAULT_SCENARIO_ICON_ID = "sparkles";