perf: improve ui (#7178)

* perf: enhance layout responsiveness and text handling in stats page

* perf: enhance subagent, future task UI

- Updated the overall structure of the SubAgentPage component for better readability and maintainability.
- Introduced a new dashboard layout with improved header and action buttons.
- Replaced the old settings card with a more visually appealing setting card design.
- Enhanced the agent list section with a more user-friendly display and added empty state handling.
- Implemented unsaved changes notification and confirmation dialogs for better user interaction.
- Refactored code for better clarity and organization, including the use of computed properties for state management.

Author: Soulter

dashboard/src/assets/mdi-subset/materialdesignicons-subset.css

@@ -1,4 +1,4 @@
-/* Auto-generated MDI subset – 252 icons */
+/* Auto-generated MDI subset – 256 icons */
 /* Do not edit manually. Run: pnpm run subset-icons */
 
 @font-face {
@@ -128,10 +128,22 @@
   content: "\F00ED";
 }
 
+.mdi-calendar-blank-outline::before {
+  content: "\F0B66";
+}
+
+.mdi-calendar-clock-outline::before {
+  content: "\F16E1";
+}
+
 .mdi-calendar-edit::before {
   content: "\F08A7";
 }
 
+.mdi-calendar-multiple::before {
+  content: "\F00F1";
+}
+
 .mdi-calendar-plus::before {
   content: "\F00F3";
 }
@@ -832,6 +844,10 @@
   content: "\F048A";
 }
 
+.mdi-send-clock-outline::before {
+  content: "\F1164";
+}
+
 .mdi-server::before {
   content: "\F048B";
 }

dashboard/src/assets/mdi-subset/materialdesignicons-webfont-subset.woff

@@ -31,6 +31,10 @@
       "createdAt": "Created At",
       "updatedAt": "Updated At",
       "actions": "Actions"
+    },
+    "umoDisplay": {
+      "parsed": "Parsed",
+      "raw": "UMO"
     }
   },
   "actions": {
@@ -97,6 +101,8 @@
     "batchDeletePartial": "Delete completed: {deleted} successful, {failed} failed",
     "exportSuccess": "Export successful",
     "exportError": "Export failed",
-    "noItemSelectedForExport": "Please select conversations to export first"
+    "noItemSelectedForExport": "Please select conversations to export first",
+    "copySuccess": "Copied",
+    "copyError": "Copy failed"
   }
-} 
+} 

dashboard/src/assets/mdi-subset/materialdesignicons-webfont-subset.woff2

@@ -1,10 +1,14 @@
 {
+  "header": {
+    "eyebrow": "Automation",
+    "live": "Live Sync"
+  },
   "page": {
     "title": "Future Task Management",
     "beta": "Experimental",
     "subtitle": "See scheduled tasks for AstrBot. AstrBot will wake up, run them, and deliver the results.",
     "proactive": {
-      "supported": "Proactive delivery is available on: {platforms}",
+      "supported": "Proactive delivery is available only on the configured platforms below",
       "unsupported": "No proactive messaging platforms enabled. Turn them on in Platform settings."
     }
   },
@@ -15,8 +19,41 @@
     "cancel": "Cancel",
     "submit": "Create"
   },
+  "overview": {
+    "totalTasks": "Total Tasks",
+    "totalTasksNote": "Registered future tasks",
+    "enabledTasks": "Enabled Tasks",
+    "enabledTasksNote": "Tasks ready to wake and run",
+    "oneOffTasks": "One-off Tasks",
+    "recurringTasksNote": "{count} recurring tasks",
+    "proactivePlatforms": "Proactive Platforms",
+    "proactivePlatformsNote": "Platforms able to deliver results proactively"
+  },
+  "section": {
+    "registered": {
+      "title": "Task List",
+      "subtitle": "Review the registered tasks, execution timing, and current state"
+    },
+    "delivery": {
+      "title": "Delivery Status",
+      "subtitle": "After a task runs, results are proactively sent back through supported platforms",
+      "support": "Proactive delivery",
+      "available": "Available",
+      "unavailable": "Unavailable",
+      "enabledPlatforms": "Enabled platforms"
+    },
+    "quickCreate": {
+      "title": "Quick Create",
+      "runMode": "Task mode",
+      "target": "Targeting"
+    },
+    "platforms": {
+      "title": "Supported Platforms"
+    }
+  },
   "table": {
     "title": "Registered Tasks",
+    "subtitle": "Track cron setup, session target, last run history, and enabled state",
     "empty": "No tasks yet.",
     "headers": {
       "name": "Name",

dashboard/src/i18n/locales/en-US/features/conversation.json

@@ -1,4 +1,7 @@
 {
+  "header": {
+    "eyebrow": "Orchestration"
+  },
   "page": {
     "title": "SubAgent Orchestration",
     "beta": "Experimental",
@@ -8,9 +11,20 @@
     "refresh": "Refresh",
     "save": "Save",
     "add": "Add SubAgent",
+    "expand": "Expand",
+    "collapse": "Collapse",
     "delete": "Delete",
     "close": "Close"
   },
+  "overview": {
+    "totalAgents": "Total SubAgents",
+    "totalAgentsNote": "Configured delegate agents",
+    "enabledAgents": "Enabled Agents",
+    "enabledAgentsNote": "Agents available for handoff",
+    "mainOrchestration": "Main Orchestration",
+    "boundPersonas": "Bound Personas",
+    "boundPersonasNote": "Agents with an attached persona"
+  },
   "switches": {
     "enable": "Enable SubAgent orchestration",
     "enableHint": "Enable sub-agent functionality",
@@ -23,7 +37,9 @@
   },
   "section": {
     "title": "SubAgents",
-    "globalSettings": "Global Settings"
+    "subtitle": "Configure delegate agents, personas, and descriptions for the main LLM",
+    "globalSettings": "Global Settings",
+    "agentSetup": "Agent Setup"
   },
   "cards": {
     "statusEnabled": "Enabled",
@@ -33,7 +49,9 @@
     "switchLabel": "Enable",
     "previewTitle": "Preview: handoff tool shown to the main LLM",
     "personaChip": "Persona: {id}",
-    "personaPreview": "PERSONA PREVIEW"
+    "personaPreview": "Persona Preview",
+    "noDescription": "No description yet",
+    "previewHint": "Review the currently selected persona to verify the handoff target."
   },
   "form": {
     "nameLabel": "Agent name (used for transfer_to_{name})",
@@ -48,6 +66,9 @@
   "messages": {
     "loadConfigFailed": "Failed to load config",
     "loadPersonaFailed": "Failed to load persona list",
+    "unsavedChangesNotice": "You have unsaved changes on this page. Save before leaving.",
+    "unsavedChangesLeaveConfirm": "You have unsaved changes. Leaving will discard them. Continue?",
+    "unsavedChangesReloadConfirm": "You have unsaved changes. Reloading will discard them. Continue?",
     "nameMissing": "A SubAgent is missing a name",
     "nameInvalid": "Invalid SubAgent name: only lowercase letters/numbers/underscores, starting with a letter",
     "nameDuplicate": "Duplicate SubAgent name: {name}",

dashboard/src/i18n/locales/en-US/features/cron.json

@@ -31,6 +31,10 @@
             "createdAt": "Создан",
             "updatedAt": "Обновлен",
             "actions": "Действия"
+        },
+        "umoDisplay": {
+            "parsed": "Разобрано",
+            "raw": "UMO"
         }
     },
     "actions": {
@@ -97,6 +101,8 @@
         "batchDeletePartial": "Удаление завершено: успешно {deleted}, ошибок {failed}",
         "exportSuccess": "Экспорт завершен",
         "exportError": "Ошибка экспорта",
-        "noItemSelectedForExport": "Сначала выберите диалоги для экспорта"
+        "noItemSelectedForExport": "Сначала выберите диалоги для экспорта",
+        "copySuccess": "Скопировано",
+        "copyError": "Не удалось скопировать"
     }
-}
+}

dashboard/src/i18n/locales/en-US/features/subagent.json

@@ -1,10 +1,14 @@
 {
+    "header": {
+        "eyebrow": "Automation",
+        "live": "Живая синхронизация"
+    },
     "page": {
         "title": "Запланированные задачи",
         "beta": "Экспериментальные функции",
         "subtitle": "Управление будущими задачами AstrBot. Бот автоматически проснется, выполнит задачу и отправит результат. Требуется включить «Проактивные способности» в конфигурации.",
         "proactive": {
-            "supported": "Отправка результатов поддерживается на платформах: {platforms}",
+            "supported": "Отправка результатов поддерживается только на указанных ниже настроенных платформах",
             "unsupported": "Нет платформ, поддерживающих проактивные сообщения. Включите их в настройках платформ."
         }
     },
@@ -15,8 +19,41 @@
         "cancel": "Отмена",
         "submit": "Создать"
     },
+    "overview": {
+        "totalTasks": "Всего задач",
+        "totalTasksNote": "Все зарегистрированные будущие задачи",
+        "enabledTasks": "Активные задачи",
+        "enabledTasksNote": "Задачи, которые будут автоматически выполнены",
+        "oneOffTasks": "Разовые задачи",
+        "recurringTasksNote": "Повторяющихся задач: {count}",
+        "proactivePlatforms": "Проактивные платформы",
+        "proactivePlatformsNote": "Платформы, способные отправлять результат сами"
+    },
+    "section": {
+        "registered": {
+            "title": "Список задач",
+            "subtitle": "Просматривайте зарегистрированные задачи, время запуска и состояние"
+        },
+        "delivery": {
+            "title": "Статус доставки",
+            "subtitle": "После выполнения задачи результат будет отправлен обратно через поддерживаемые платформы",
+            "support": "Проактивная доставка",
+            "available": "Доступна",
+            "unavailable": "Недоступна",
+            "enabledPlatforms": "Включенные платформы"
+        },
+        "quickCreate": {
+            "title": "Быстрое создание",
+            "runMode": "Режим задачи",
+            "target": "Целевой контекст"
+        },
+        "platforms": {
+            "title": "Поддерживаемые платформы"
+        }
+    },
     "table": {
         "title": "Список задач",
+        "subtitle": "Отслеживайте cron, целевую сессию, историю запусков и состояние",
         "empty": "Задач пока нет.",
         "headers": {
             "name": "Имя",
@@ -63,4 +100,4 @@
         "createSuccess": "Задача создана",
         "createFailed": "Ошибка создания"
     }
-}
+}

dashboard/src/i18n/locales/ru-RU/features/conversation.json

@@ -1,4 +1,7 @@
 {
+    "header": {
+        "eyebrow": "Orchestration"
+    },
     "page": {
         "title": "Оркестрация SubAgent",
         "beta": "Экспериментально",
@@ -8,9 +11,20 @@
         "refresh": "Обновить",
         "save": "Сохранить",
         "add": "Добавить SubAgent",
+        "expand": "Развернуть",
+        "collapse": "Свернуть",
         "delete": "Удалить",
         "close": "Закрыть"
     },
+    "overview": {
+        "totalAgents": "Всего SubAgent",
+        "totalAgentsNote": "Количество настроенных под-агентов",
+        "enabledAgents": "Активные агенты",
+        "enabledAgentsNote": "Под-агенты, доступные для handoff",
+        "mainOrchestration": "Основная оркестрация",
+        "boundPersonas": "Привязанные персонажи",
+        "boundPersonasNote": "Под-агенты с выбранной персоной"
+    },
     "switches": {
         "enable": "Включить оркестрацию SubAgent",
         "enableHint": "Включить функциональность под-агентов",
@@ -23,7 +37,9 @@
     },
     "section": {
         "title": "Субагенты",
-        "globalSettings": "Глобальные настройки"
+        "subtitle": "Настройте делегируемых агентов, персонажей и описания для основного LLM",
+        "globalSettings": "Глобальные настройки",
+        "agentSetup": "Настройка агента"
     },
     "cards": {
         "statusEnabled": "Включено",
@@ -33,7 +49,9 @@
         "switchLabel": "Включить",
         "previewTitle": "Предпросмотр: инструмент handoff, видимый основному LLM",
         "personaChip": "Персонаж: {id}",
-        "personaPreview": "ПРЕДПРОСМОТР ПЕРСОНАЖА"
+        "personaPreview": "Предпросмотр персонажа",
+        "noDescription": "Описание пока не задано",
+        "previewHint": "Просмотрите выбранную персону, чтобы проверить цель handoff."
     },
     "form": {
         "nameLabel": "Имя агента (используется для transfer_to_{name})",
@@ -48,6 +66,9 @@
     "messages": {
         "loadConfigFailed": "Не удалось загрузить конфигурацию",
         "loadPersonaFailed": "Не удалось загрузить список персонажей",
+        "unsavedChangesNotice": "На странице есть несохраненные изменения. Сохраните их перед уходом.",
+        "unsavedChangesLeaveConfirm": "Есть несохраненные изменения. При уходе со страницы они будут потеряны. Продолжить?",
+        "unsavedChangesReloadConfirm": "Есть несохраненные изменения. Обновление конфигурации их сбросит. Продолжить?",
         "nameMissing": "У SubAgent отсутствует имя",
         "nameInvalid": "Недопустимое имя SubAgent: только строчные латинские буквы/цифры/подчеркивания, должно начинаться с буквы",
         "nameDuplicate": "Дублирующееся имя SubAgent: {name}",
@@ -62,4 +83,4 @@
         "subtitle": "Добавьте первого под-агента, чтобы начать",
         "action": "Создать первого агента"
     }
-}
+}

dashboard/src/i18n/locales/ru-RU/features/cron.json

@@ -5,7 +5,7 @@
   "providers": "模型提供商",
   "commands": "指令管理",
   "persona": "人格设定",
-  "subagent": "SubAgent 编排",
+  "subagent": "子代理编排",
   "toolUse": "MCP",
   "extension": "插件",
   "extensionTabs": {