chore: polish dashboard styling

Author: SengokuCola

dashboard/src/components/CodeEditor.tsx

@@ -26,6 +26,7 @@ function CodeEditorFallback({
 }: Pick<CodeEditorProps, 'height' | 'minHeight' | 'maxHeight' | 'className'>) {
   return (
     <div
+      data-dashboard-code-editor="true"
       className={`bg-muted animate-pulse rounded-md border ${className}`}
       style={{ height, minHeight, maxHeight }}
     />

dashboard/src/components/CodeEditorImpl.tsx

@@ -63,7 +63,10 @@ export default function CodeEditorImpl({
   const effectiveTheme = theme ?? resolvedTheme
 
   return (
-    <div className={`custom-scrollbar overflow-hidden rounded-md border ${className}`}>
+    <div
+      data-dashboard-code-editor="true"
+      className={`custom-scrollbar overflow-hidden rounded-md border ${className}`}
+    >
       <CodeMirror
         value={value}
         height={height}

dashboard/src/components/layout/LogoArea.tsx

@@ -7,7 +7,7 @@ interface LogoAreaProps {
 
 export function LogoArea({ sidebarOpen }: LogoAreaProps) {
   return (
-    <div className="flex h-20 items-center border-b px-4">
+    <div data-dashboard-logo-area="true" className="flex h-20 items-center border-b px-4">
       <div
         className={cn(
           'relative flex items-center justify-center flex-1 transition-all overflow-hidden',
@@ -21,7 +21,10 @@ export function LogoArea({ sidebarOpen }: LogoAreaProps) {
           "flex min-w-0 flex-col items-start justify-center gap-1",
           !sidebarOpen && "lg:hidden"
         )}>
-          <span className="max-w-full truncate whitespace-nowrap text-xl font-bold text-primary-gradient">
+          <span
+            data-dashboard-logo-title="true"
+            className="max-w-full truncate whitespace-nowrap text-xl font-bold text-primary-gradient"
+          >
             MaiBot WebUI
           </span>
           <div className="flex max-w-full items-center gap-2 overflow-hidden">

dashboard/src/i18n/locales/zh.json

@@ -738,19 +738,19 @@
   "restart": {
     "preparing": "准备重启",
     "preparingDesc": "正在发送重启请求...",
-    "preparingTip": "🔄 正在准备重启麦麦...",
+    "preparingTip": "正在准备重启麦麦...",
     "restarting": "正在重启麦麦",
     "restartingDesc": "请稍候，麦麦正在重启中...",
-    "restartingTip": "🔄 配置已保存，正在重启主程序...",
+    "restartingTip": "配置已保存，正在重启主程序...",
     "checking": "检查服务状态",
     "checkingDesc": "等待服务恢复... ({{current}}/{{max}})",
     "checkingTip": "重启中，请勿关闭页面...",
     "success": "重启成功",
     "successDesc": "正在跳转到登录页面...",
-    "successTip": "✅ 配置已生效，服务运行正常",
+    "successTip": "配置已生效，服务运行正常",
     "failed": "重启超时",
     "failedDesc": "服务未能在预期时间内恢复",
-    "failedTip": "⚠️ 如果长时间无响应，请尝试手动重启",
+    "failedTip": "如果长时间无响应，请尝试手动重启",
     "refreshPage": "刷新页面",
     "retryCheck": "重试检测",
     "elapsed": "已用时:"
@@ -816,8 +816,8 @@
     "navigatedTo": "已导航至 {{page}}"
   },
   "home": {
-    "title": "实时监控面板",
-    "subtitle": "麦麦运行状态和统计数据一览",
+    "title": "首页",
+    "subtitle": "观看基本信息和快捷入口",
     "loading": "Thinking...",
     "loadingHint": "Thinking...",
     "timeRange": {
@@ -843,7 +843,7 @@
     },
     "survey": {
       "title": "反馈问卷",
-      "description": "帮助我们改进产品体验",
+      "description": "帮助我们改进麦麦体验",
       "webui": "WebUI 反馈",
       "maibot": "麦麦反馈"
     },

dashboard/src/index.css

@@ -495,9 +495,22 @@
   opacity: 1;
 }
 
-:root[data-dashboard-style='future-retro'] [data-dashboard-sidebar='true'] .text-xl {
-  font-size: 1.35rem;
+:root[data-dashboard-style='future-retro'] [data-dashboard-logo-area='true'] {
+  padding-inline: 0.75rem !important;
+}
+
+:root[data-dashboard-style='future-retro']
+  [data-dashboard-logo-area='true']
+  > div {
+  justify-content: flex-start !important;
+}
+
+:root[data-dashboard-style='future-retro'] [data-dashboard-logo-title='true'] {
+  font-size: 1.28rem;
+  font-weight: 900;
   line-height: 1.05;
+  letter-spacing: 0;
+  text-transform: uppercase;
 }
 
 :root[data-dashboard-style='future-retro'] [data-dashboard-main='true'] h1 {
@@ -588,6 +601,51 @@
   color: var(--retro-ink) !important;
 }
 
+:root[data-dashboard-style='future-retro'] [data-dashboard-code-editor='true'] {
+  border: var(--retro-stroke) solid var(--retro-line) !important;
+  border-radius: 2px !important;
+  background: var(--retro-recessed) !important;
+  box-shadow: none !important;
+}
+
+:root[data-dashboard-style='future-retro'] [data-dashboard-code-editor='true'] .cm-editor {
+  background: transparent !important;
+  color: var(--retro-ink) !important;
+  font-family: var(--typography-font-family-code) !important;
+}
+
+:root[data-dashboard-style='future-retro'] [data-dashboard-code-editor='true'] .cm-scroller,
+:root[data-dashboard-style='future-retro'] [data-dashboard-code-editor='true'] .cm-content {
+  background: transparent !important;
+  font-family: var(--typography-font-family-code) !important;
+}
+
+:root[data-dashboard-style='future-retro'] [data-dashboard-code-editor='true'] .cm-gutters {
+  border-right: var(--retro-stroke) solid var(--retro-line) !important;
+  background: var(--retro-recessed-strong) !important;
+  color: var(--retro-ink-soft) !important;
+}
+
+:root[data-dashboard-style='future-retro'] [data-dashboard-code-editor='true'] .cm-activeLine,
+:root[data-dashboard-style='future-retro']
+  [data-dashboard-code-editor='true']
+  .cm-activeLineGutter {
+  background: color-mix(in srgb, var(--retro-gold) 18%, transparent) !important;
+}
+
+:root[data-dashboard-style='future-retro'] [data-dashboard-code-editor='true'] .cm-selectionBackground,
+:root[data-dashboard-style='future-retro'] [data-dashboard-code-editor='true'] .cm-content ::selection {
+  background: color-mix(in srgb, var(--retro-rust) 35%, transparent) !important;
+}
+
+:root[data-dashboard-style='future-retro'] [data-dashboard-code-editor='true'] .cm-cursor {
+  border-left-color: var(--retro-rust) !important;
+}
+
+:root[data-dashboard-style='future-retro'] [data-dashboard-code-editor='true'] .cm-placeholder {
+  color: color-mix(in srgb, var(--retro-ink) 58%, transparent) !important;
+}
+
 :root[data-dashboard-style='future-retro'] [data-dashboard-input='true']::placeholder,
 :root[data-dashboard-style='future-retro'] textarea::placeholder {
   color: color-mix(in srgb, var(--retro-ink) 58%, transparent);

dashboard/src/routes/resource/knowledge-base.tsx

@@ -1986,7 +1986,7 @@ export function KnowledgeBasePage() {
   }
 
   return (
-    <div className="flex h-full flex-col bg-gradient-to-b from-background via-background to-muted/15">
+    <div className="flex h-full flex-col bg-background">
       <div className="flex-1 overflow-auto">
         <div className="mx-auto flex w-full max-w-[1800px] flex-col gap-6 px-6 py-6">
           <div>
@@ -2182,7 +2182,7 @@ export function KnowledgeBasePage() {
             onValueChange={(value) => setActiveTab(value as typeof activeTab)}
             className="space-y-5"
           >
-            <div className="-mx-6 border-b border-border/40 bg-background/85 px-6 pb-2 pt-1 backdrop-blur supports-[backdrop-filter]:bg-background/70">
+            <div className="-mx-6 border-b border-border/40 px-6 pb-2 pt-1">
               <div className="flex flex-wrap items-center gap-3">
                 <MemoryMiniTabs
                   items={[