From e08462ca30e91e7afa3d2d5afd9535fe1dd5271a Mon Sep 17 00:00:00 2001
From: chengyongru <2755839590@qq.com>
Date: Sat, 13 Jun 2026 20:08:18 +0800
Subject: [PATCH 01/38] feat(webui): add automation management view

---
 nanobot/webui/session_automations.py          | 120 +++-
 nanobot/webui/ws_http.py                      |  95 +++
 tests/channels/test_websocket_http_routes.py  |  85 +++
 webui/src/App.tsx                             |  23 +-
 webui/src/components/Sidebar.tsx              |  11 +-
 .../src/components/settings/SettingsView.tsx  | 573 ++++++++++++++++++
 webui/src/i18n/locales/en/common.json         |  70 +++
 webui/src/i18n/locales/es/common.json         |  70 +++
 webui/src/i18n/locales/fr/common.json         |  70 +++
 webui/src/i18n/locales/id/common.json         |  70 +++
 webui/src/i18n/locales/ja/common.json         |  70 +++
 webui/src/i18n/locales/ko/common.json         |  70 +++
 webui/src/i18n/locales/vi/common.json         |  70 +++
 webui/src/i18n/locales/zh-CN/common.json      |  70 +++
 webui/src/i18n/locales/zh-TW/common.json      |  70 +++
 webui/src/lib/api.ts                          |  29 +
 webui/src/lib/types.ts                        |  24 +
 webui/src/tests/api.test.ts                   |  24 +
 webui/src/tests/app-layout.test.tsx           |  90 +++
 webui/src/tests/i18n.test.tsx                 |  14 +
 20 files changed, 1710 insertions(+), 8 deletions(-)

diff --git a/nanobot/webui/session_automations.py b/nanobot/webui/session_automations.py
index c87dfd09..308ec3aa 100644
--- a/nanobot/webui/session_automations.py
+++ b/nanobot/webui/session_automations.py
@@ -1,4 +1,4 @@
-"""Session-scoped automation payloads for the embedded WebUI."""
+"""Automation payloads for the embedded WebUI."""
 
 from __future__ import annotations
 
@@ -9,6 +9,8 @@ from nanobot.cron.types import CronJob
 
 
 class _CronServiceLike(Protocol):
+    def list_jobs(self, include_disabled: bool = False) -> list[CronJob]: ...
+
     def list_bound_cron_jobs_for_session(
         self,
         session_key: str,
@@ -17,6 +19,10 @@ class _CronServiceLike(Protocol):
     ) -> list[CronJob]: ...
 
 
+class _SessionManagerLike(Protocol):
+    def read_session_file(self, key: str) -> dict[str, Any] | None: ...
+
+
 def session_automation_jobs(
     cron_service: _CronServiceLike | None,
     session_key: str,
@@ -45,16 +51,50 @@ def session_automations_payload(
     }
 
 
+def all_automations_payload(
+    cron_service: _CronServiceLike | None,
+    *,
+    session_manager: _SessionManagerLike | None = None,
+    pending_job_ids: Collection[str] | None = None,
+) -> dict[str, Any]:
+    """Return all cron jobs visible to the WebUI automation manager."""
+    jobs = cron_service.list_jobs(include_disabled=True) if cron_service is not None else []
+    return {
+        "jobs": serialize_automation_jobs(
+            jobs,
+            pending_job_ids=pending_job_ids,
+            include_details=True,
+            session_manager=session_manager,
+        )
+    }
+
+
 def serialize_automation_jobs(
     jobs: list[CronJob],
     *,
     pending_job_ids: Collection[str] | None = None,
+    include_details: bool = False,
+    session_manager: _SessionManagerLike | None = None,
 ) -> list[dict[str, Any]]:
-    return [_serialize_job(job, pending=job.id in (pending_job_ids or ())) for job in jobs]
+    return [
+        _serialize_job(
+            job,
+            pending=job.id in (pending_job_ids or ()),
+            include_details=include_details,
+            session_manager=session_manager,
+        )
+        for job in jobs
+    ]
 
 
-def _serialize_job(job: CronJob, *, pending: bool = False) -> dict[str, Any]:
-    return {
+def _serialize_job(
+    job: CronJob,
+    *,
+    pending: bool = False,
+    include_details: bool = False,
+    session_manager: _SessionManagerLike | None = None,
+) -> dict[str, Any]:
+    payload = {
         "id": job.id,
         "name": job.name,
         "enabled": job.enabled,
@@ -74,3 +114,75 @@ def _serialize_job(job: CronJob, *, pending: bool = False) -> dict[str, Any]:
             "pending": pending,
         },
     }
+    if not include_details:
+        return payload
+
+    payload["protected"] = job.payload.kind == "system_event"
+    payload["delete_after_run"] = job.delete_after_run
+    payload["created_at_ms"] = job.created_at_ms
+    payload["updated_at_ms"] = job.updated_at_ms
+    payload["payload"].update(
+        {
+            "kind": job.payload.kind,
+            "session_key": job.payload.session_key,
+            "origin_channel": job.payload.origin_channel,
+            "origin_chat_id": job.payload.origin_chat_id,
+        }
+    )
+    payload["state"].update(
+        {
+            "last_run_at_ms": job.state.last_run_at_ms,
+            "last_error": job.state.last_error,
+            "run_history": [
+                {
+                    "run_at_ms": record.run_at_ms,
+                    "status": record.status,
+                    "duration_ms": record.duration_ms,
+                    "error": record.error,
+                }
+                for record in job.state.run_history[-5:]
+            ],
+        }
+    )
+    payload["origin"] = _origin_payload(job, session_manager)
+    return payload
+
+
+def _origin_payload(
+    job: CronJob,
+    session_manager: _SessionManagerLike | None,
+) -> dict[str, Any] | None:
+    session_key = job.payload.session_key
+    if not session_key and job.payload.origin_channel and job.payload.origin_chat_id:
+        session_key = f"{job.payload.origin_channel}:{job.payload.origin_chat_id}"
+    if not session_key:
+        return None
+
+    title = ""
+    preview = ""
+    if session_manager is not None:
+        data = session_manager.read_session_file(session_key)
+        if isinstance(data, dict):
+            title = str(data.get("title") or "")
+            preview = _session_preview(data.get("messages"))
+
+    channel, _, chat_id = session_key.partition(":")
+    return {
+        "session_key": session_key,
+        "channel": channel,
+        "chat_id": chat_id,
+        "title": title,
+        "preview": preview,
+    }
+
+
+def _session_preview(messages: Any) -> str:
+    if not isinstance(messages, list):
+        return ""
+    for message in messages:
+        if not isinstance(message, dict):
+            continue
+        content = message.get("content")
+        if isinstance(content, str) and content.strip():
+            return content.strip()
+    return ""
diff --git a/nanobot/webui/ws_http.py b/nanobot/webui/ws_http.py
index 8d2694f6..787c141d 100644
--- a/nanobot/webui/ws_http.py
+++ b/nanobot/webui/ws_http.py
@@ -64,6 +64,7 @@ from nanobot.webui.http_utils import (
 )
 from nanobot.webui.media_gateway import WebUIMediaGateway
 from nanobot.webui.session_automations import (
+    all_automations_payload,
     serialize_automation_jobs,
     session_automation_jobs,
     session_automations_payload,
@@ -236,6 +237,11 @@ class GatewayHTTPHandler:
         if response is not None:
             return response
 
+        # Automation routes
+        response = await self._dispatch_automation_routes(request, got)
+        if response is not None:
+            return response
+
         # Misc routes
         response = await self._dispatch_misc_routes(connection, request, got)
         if response is not None:
@@ -514,6 +520,95 @@ class GatewayHTTPHandler:
         delete_webui_thread(decoded_key)
         return _http_json_response({"deleted": bool(deleted)})
 
+    # -- Automation routes --------------------------------------------------
+
+    async def _dispatch_automation_routes(
+        self,
+        request: WsRequest,
+        got: str,
+    ) -> Response | None:
+        if got == "/api/webui/automations":
+            return self._handle_webui_automations(request)
+        m = re.match(r"^/api/webui/automations/(enable|disable|delete|run)$", got)
+        if m:
+            return await self._handle_webui_automation_action(request, m.group(1))
+        return None
+
+    def _pending_cron_job_ids_for_all(self) -> set[str]:
+        if self.cron_service is None or self.cron_pending_job_ids is None:
+            return set()
+        pending: set[str] = set()
+        for job in self.cron_service.list_jobs(include_disabled=True):
+            session_key = job.payload.session_key
+            if not session_key and job.payload.origin_channel and job.payload.origin_chat_id:
+                session_key = f"{job.payload.origin_channel}:{job.payload.origin_chat_id}"
+            if session_key:
+                pending.update(self.cron_pending_job_ids(session_key))
+        return pending
+
+    def _handle_webui_automations(self, request: WsRequest) -> Response:
+        if not self.check_api_token(request):
+            return _http_error(401, "Unauthorized")
+        return _http_json_response(
+            all_automations_payload(
+                self.cron_service,
+                session_manager=self.session_manager,
+                pending_job_ids=self._pending_cron_job_ids_for_all(),
+            )
+        )
+
+    async def _handle_webui_automation_action(
+        self,
+        request: WsRequest,
+        action: str,
+    ) -> Response:
+        if not self.check_api_token(request):
+            return _http_error(401, "Unauthorized")
+        if self.cron_service is None:
+            return _http_error(503, "cron service unavailable")
+
+        query = _parse_query(request.path)
+        job_id = (_query_first(query, "id") or _query_first(query, "job_id") or "").strip()
+        if not job_id:
+            return _http_error(400, "missing automation id")
+        job = self.cron_service.get_job(job_id)
+        if job is None:
+            return _http_error(404, "automation not found")
+        if job.payload.kind == "system_event":
+            return _http_error(403, "system automation is protected")
+
+        if action == "enable":
+            if self.cron_service.enable_job(job_id, enabled=True) is None:
+                return _http_error(404, "automation not found")
+        elif action == "disable":
+            if self.cron_service.enable_job(job_id, enabled=False) is None:
+                return _http_error(404, "automation not found")
+        elif action == "delete":
+            result = self.cron_service.remove_job(job_id)
+            if result == "not_found":
+                return _http_error(404, "automation not found")
+            if result == "protected":
+                return _http_error(403, "system automation is protected")
+        elif action == "run":
+            if not job.enabled:
+                return _http_error(409, "automation is disabled")
+            task = asyncio.create_task(self.cron_service.run_job(job_id, force=False))
+            task.add_done_callback(self._log_automation_run_result)
+        else:
+            return _http_error(404, "unknown automation action")
+
+        return self._handle_webui_automations(request)
+
+    @staticmethod
+    def _log_automation_run_result(task: asyncio.Task[bool]) -> None:
+        try:
+            ran = task.result()
+        except Exception:
+            logger.exception("WebUI automation run-now task failed")
+            return
+        if not ran:
+            logger.warning("WebUI automation run-now task did not execute")
+
     # -- Media routes -------------------------------------------------------
 
     def _dispatch_media_routes(self, request: WsRequest, got: str) -> Response | None:
diff --git a/tests/channels/test_websocket_http_routes.py b/tests/channels/test_websocket_http_routes.py
index fe74666c..10d56552 100644
--- a/tests/channels/test_websocket_http_routes.py
+++ b/tests/channels/test_websocket_http_routes.py
@@ -813,6 +813,91 @@ async def test_session_delete_removes_file(
         await server_task
 
 
+@pytest.mark.asyncio
+async def test_webui_automations_route_lists_all_jobs_and_allows_user_actions(
+    bus: MagicMock, tmp_path: Path
+) -> None:
+    cron = CronService(tmp_path / "cron" / "jobs.json")
+    user_job = cron.add_job(
+        name="Daily repo check",
+        schedule=CronSchedule(kind="every", every_ms=86_400_000),
+        message="Check the repo status",
+        session_key="websocket:abc",
+        origin_channel="websocket",
+        origin_chat_id="abc",
+    )
+    cron.register_system_job(
+        CronJob(
+            id="heartbeat",
+            name="heartbeat",
+            schedule=CronSchedule(kind="every", every_ms=60_000),
+            payload=CronPayload(kind="system_event"),
+        )
+    )
+    channel = _ch(
+        bus,
+        session_manager=_seed_session(tmp_path, key="websocket:abc"),
+        cron_service=cron,
+        cron_pending_job_ids=lambda key: {user_job.id} if key == "websocket:abc" else set(),
+        port=29932,
+    )
+    server_task = asyncio.create_task(channel.start())
+    await asyncio.sleep(0.3)
+    try:
+        deny = await _http_get("http://127.0.0.1:29932/api/webui/automations")
+        assert deny.status_code == 401
+
+        boot = await _http_get("http://127.0.0.1:29932/webui/bootstrap")
+        token = boot.json()["token"]
+        auth = {"Authorization": f"Bearer {token}"}
+        resp = await _http_get(
+            "http://127.0.0.1:29932/api/webui/automations",
+            headers=auth,
+        )
+        assert resp.status_code == 200
+        body = resp.json()
+        by_id = {job["id"]: job for job in body["jobs"]}
+        assert by_id[user_job.id]["protected"] is False
+        assert by_id[user_job.id]["state"]["pending"] is True
+        assert by_id[user_job.id]["state"]["run_history"] == []
+        assert by_id[user_job.id]["origin"]["session_key"] == "websocket:abc"
+        assert by_id[user_job.id]["origin"]["preview"] == "hi"
+        assert by_id["heartbeat"]["protected"] is True
+
+        disabled = await _http_get(
+            f"http://127.0.0.1:29932/api/webui/automations/disable?id={user_job.id}",
+            headers=auth,
+        )
+        assert disabled.status_code == 200
+        by_id = {job["id"]: job for job in disabled.json()["jobs"]}
+        assert by_id[user_job.id]["enabled"] is False
+
+        protected_delete = await _http_get(
+            "http://127.0.0.1:29932/api/webui/automations/delete?id=heartbeat",
+            headers=auth,
+        )
+        assert protected_delete.status_code == 403
+
+        enabled = await _http_get(
+            f"http://127.0.0.1:29932/api/webui/automations/enable?id={user_job.id}",
+            headers=auth,
+        )
+        assert enabled.status_code == 200
+        by_id = {job["id"]: job for job in enabled.json()["jobs"]}
+        assert by_id[user_job.id]["enabled"] is True
+
+        deleted = await _http_get(
+            f"http://127.0.0.1:29932/api/webui/automations/delete?id={user_job.id}",
+            headers=auth,
+        )
+        assert deleted.status_code == 200
+        assert user_job.id not in {job["id"] for job in deleted.json()["jobs"]}
+        assert "heartbeat" in {job["id"] for job in deleted.json()["jobs"]}
+    finally:
+        await channel.stop()
+        await server_task
+
+
 @pytest.mark.asyncio
 async def test_session_delete_blocks_when_bound_automation_exists(
     bus: MagicMock, tmp_path: Path, monkeypatch: pytest.MonkeyPatch
diff --git a/webui/src/App.tsx b/webui/src/App.tsx
index fa297681..493f59da 100644
--- a/webui/src/App.tsx
+++ b/webui/src/App.tsx
@@ -71,7 +71,7 @@ const SIDEBAR_WIDTH = 272;
 const SIDEBAR_RAIL_WIDTH = 56;
 const TOKEN_REFRESH_MARGIN_MS = 30_000;
 const TOKEN_REFRESH_MIN_DELAY_MS = 5_000;
-type ShellView = "chat" | "settings" | "apps" | "skills";
+type ShellView = "chat" | "settings" | "apps" | "automations" | "skills";
 type ShellRoute = {
   view: ShellView;
   activeKey: string | null;
@@ -86,6 +86,7 @@ const SETTINGS_SECTION_KEYS: SettingsSectionKey[] = [
   "voice",
   "browser",
   "apps",
+  "automations",
   "skills",
   "runtime",
   "advanced",
@@ -100,7 +101,7 @@ function defaultShellRoute(): ShellRoute {
 }
 
 function shellViewForSettingsSection(section: SettingsSectionKey): ShellView {
-  if (section === "apps" || section === "skills") return section;
+  if (section === "apps" || section === "automations" || section === "skills") return section;
   return "settings";
 }
 
@@ -129,6 +130,9 @@ function readShellRoute(): ShellRoute {
   if (path === "/apps") {
     return { view: "apps", activeKey, settingsSection: "apps" };
   }
+  if (path === "/automations") {
+    return { view: "automations", activeKey, settingsSection: "automations" };
+  }
   if (path === "/skills") {
     return { view: "skills", activeKey, settingsSection: "skills" };
   }
@@ -1165,6 +1169,12 @@ function Shell({
     setMobileSidebarOpen(false);
   }, [activeKey, navigate]);
 
+  const onOpenAutomations = useCallback(() => {
+    setSessionSearchOpen(false);
+    navigate({ view: "automations", activeKey, settingsSection: "automations" });
+    setMobileSidebarOpen(false);
+  }, [activeKey, navigate]);
+
   const onOpenSkills = useCallback(() => {
     setSessionSearchOpen(false);
     navigate({ view: "skills", activeKey, settingsSection: "skills" });
@@ -1340,6 +1350,12 @@ function Shell({
       });
       return;
     }
+    if (view === "automations") {
+      document.title = t("app.documentTitle.chat", {
+        title: t("settings.nav.automations", { defaultValue: "Automations" }),
+      });
+      return;
+    }
     if (view === "skills") {
       document.title = t("app.documentTitle.chat", {
         title: t("settings.nav.skills", { defaultValue: "Skills" }),
@@ -1366,9 +1382,10 @@ function Shell({
     onNewChatInProject,
     onOpenSettings,
     onOpenApps,
+    onOpenAutomations,
     onOpenSkills,
     onOpenSearch: onOpenSessionSearch,
-    activeUtility: view === "apps" || view === "skills" ? view : null,
+    activeUtility: view === "apps" || view === "automations" || view === "skills" ? view : null,
     onToggleArchived,
     pinnedKeys: sidebarState.pinned_keys,
     archivedKeys: sidebarState.archived_keys,
diff --git a/webui/src/components/Sidebar.tsx b/webui/src/components/Sidebar.tsx
index f50275b3..b86ee57b 100644
--- a/webui/src/components/Sidebar.tsx
+++ b/webui/src/components/Sidebar.tsx
@@ -2,6 +2,7 @@ import { useState, type ReactNode } from "react";
 import {
   Archive,
   Brain,
+  CalendarClock,
   Menu,
   Search,
   Settings,
@@ -36,8 +37,9 @@ interface SidebarProps {
   onOpenSettings: () => void;
   onOpenApps: () => void;
   onOpenSkills: () => void;
+  onOpenAutomations: () => void;
   onOpenSearch: () => void;
-  activeUtility?: "apps" | "skills" | null;
+  activeUtility?: "apps" | "skills" | "automations" | null;
   onToggleArchived: () => void;
   onCollapse: () => void;
   onExpand?: () => void;
@@ -159,6 +161,13 @@ export function Sidebar(props: SidebarProps) {
           active={props.activeUtility === "apps"}
           icon={<Blocks className="h-4 w-4" />}
         />
+        <SidebarActionButton
+          collapsed={collapsed}
+          label={t("sidebar.automations", { defaultValue: "Automations" })}
+          onClick={props.onOpenAutomations}
+          active={props.activeUtility === "automations"}
+          icon={<CalendarClock className="h-4 w-4" />}
+        />
         <SidebarActionButton
           collapsed={collapsed}
           label={t("sidebar.skills.title")}
diff --git a/webui/src/components/settings/SettingsView.tsx b/webui/src/components/settings/SettingsView.tsx
index f5f08c60..dbfe4947 100644
--- a/webui/src/components/settings/SettingsView.tsx
+++ b/webui/src/components/settings/SettingsView.tsx
@@ -13,6 +13,7 @@ import {
   ArrowUpCircle,
   Bot,
   Brain,
+  CalendarClock,
   Check,
   CircleAlert,
   ChevronDown,
@@ -35,6 +36,7 @@ import {
   LogOut,
   Mic,
   Moon,
+  PauseCircle,
   PlayCircle,
   Plus,
   Orbit,
@@ -79,6 +81,7 @@ import { Textarea } from "@/components/ui/textarea";
 import {
   checkVersion,
   createModelConfiguration,
+  fetchAutomations,
   fetchSettings,
   fetchSettingsUsage,
   fetchCliApps,
@@ -87,6 +90,7 @@ import {
   importMcpConfig,
   loginProviderOAuth,
   logoutProviderOAuth,
+  runAutomationAction,
   runCliAppAction,
   runMcpPresetAction,
   saveCustomMcpServer,
@@ -102,6 +106,7 @@ import {
 import { notifyCliAppsChanged } from "@/lib/cli-app-events";
 import { getHostApi } from "@/lib/runtime";
 import { notifyMcpPresetsChanged } from "@/lib/mcp-preset-events";
+import { fmtDateTime, relativeTime } from "@/lib/format";
 import {
   logoFallbackUrls,
   providerBrand,
@@ -111,6 +116,7 @@ import { cn } from "@/lib/utils";
 import { shortWorkspacePath } from "@/lib/workspace";
 import { useClient } from "@/providers/ClientProvider";
 import type {
+  AutomationsPayload,
   CliAppInfo,
   CliAppsPayload,
   ImageGenerationSettingsUpdate,
@@ -118,6 +124,7 @@ import type {
   McpPresetsPayload,
   NetworkSafetySettingsUpdate,
   ProviderModelsPayload,
+  SessionAutomationJob,
   SettingsPayload,
   SkillSummary,
   TranscriptionSettingsUpdate,
@@ -133,6 +140,7 @@ export type SettingsSectionKey =
   | "voice"
   | "browser"
   | "apps"
+  | "automations"
   | "skills"
   | "runtime"
   | "advanced";
@@ -140,6 +148,8 @@ export type SettingsSectionKey =
 type LocalDensity = "comfortable" | "compact";
 type LocalActivityMode = "auto" | "expanded";
 type AppsKindFilter = "all" | "cli" | "mcp";
+type AutomationFilter = "all" | "active" | "paused" | "failed" | "system";
+type AutomationAction = "enable" | "disable" | "delete" | "run";
 type AppsCatalogItem =
   | { id: string; kind: "cli"; app: CliAppInfo }
   | { id: string; kind: "mcp"; preset: McpPresetInfo };
@@ -509,9 +519,11 @@ export function SettingsView({
   const [settings, setSettings] = useState<SettingsPayload | null>(() => initialSettings);
   const [cliApps, setCliApps] = useState<CliAppsPayload | null>(null);
   const [mcpPresets, setMcpPresets] = useState<McpPresetsPayload | null>(null);
+  const [automations, setAutomations] = useState<AutomationsPayload | null>(null);
   const [loading, setLoading] = useState(() => initialSettings === null);
   const [cliAppsLoading, setCliAppsLoading] = useState(true);
   const [mcpPresetsLoading, setMcpPresetsLoading] = useState(true);
+  const [automationsLoading, setAutomationsLoading] = useState(false);
   const [saving, setSaving] = useState(false);
   const [modelConfigurationOpen, setModelConfigurationOpen] = useState(false);
   const [modelConfigurationSaving, setModelConfigurationSaving] = useState(false);
@@ -533,12 +545,18 @@ export function SettingsView({
   const [expandedProvider, setExpandedProvider] = useState<string | null>(null);
   const [providerQuery, setProviderQuery] = useState("");
   const [appsQuery, setAppsQuery] = useState("");
+  const [automationsQuery, setAutomationsQuery] = useState("");
+  const [automationsFilter, setAutomationsFilter] = useState<AutomationFilter>("all");
   const [cliAppsMessage, setCliAppsMessage] = useState<string | null>(null);
   const [cliAppsError, setCliAppsError] = useState<string | null>(null);
   const [cliAppsFocusName, setCliAppsFocusName] = useState<string | null>(null);
   const [appsKindFilter, setAppsKindFilter] = useState<AppsKindFilter>("all");
   const [mcpMessage, setMcpMessage] = useState<string | null>(null);
   const [mcpError, setMcpError] = useState<string | null>(null);
+  const [automationsError, setAutomationsError] = useState<string | null>(null);
+  const [automationAction, setAutomationAction] = useState<string | null>(null);
+  const [automationPendingDelete, setAutomationPendingDelete] =
+    useState<SessionAutomationJob | null>(null);
   const [mcpFieldValues, setMcpFieldValues] = useState<Record<string, Record<string, string>>>({});
   const [customMcpForm, setCustomMcpForm] = useState<CustomMcpForm>(DEFAULT_CUSTOM_MCP_FORM);
   const [mcpConfigImport, setMcpConfigImport] = useState("");
@@ -701,6 +719,28 @@ export function SettingsView({
     };
   }, [activeSection, token]);
 
+  useEffect(() => {
+    if (activeSection !== "automations") return;
+    let cancelled = false;
+    setAutomationsLoading(true);
+    fetchAutomations(token)
+      .then((payload) => {
+        if (!cancelled) {
+          setAutomations(payload);
+          setAutomationsError(null);
+        }
+      })
+      .catch((err) => {
+        if (!cancelled) setAutomationsError((err as Error).message);
+      })
+      .finally(() => {
+        if (!cancelled) setAutomationsLoading(false);
+      });
+    return () => {
+      cancelled = true;
+    };
+  }, [activeSection, token]);
+
   useEffect(() => {
     try {
       window.localStorage.setItem(LOCAL_PREFS_STORAGE_KEY, JSON.stringify(localPrefs));
@@ -1225,6 +1265,36 @@ export function SettingsView({
     }
   };
 
+  const refreshAutomations = async () => {
+    setAutomationsLoading(true);
+    setAutomationsError(null);
+    try {
+      setAutomations(await fetchAutomations(token));
+    } catch (err) {
+      setAutomationsError((err as Error).message);
+    } finally {
+      setAutomationsLoading(false);
+    }
+  };
+
+  const handleAutomationAction = async (
+    action: AutomationAction,
+    job: SessionAutomationJob,
+  ) => {
+    const key = `${action}:${job.id}`;
+    setAutomationAction(key);
+    setAutomationsError(null);
+    try {
+      const payload = await runAutomationAction(token, action, job.id);
+      setAutomations(payload);
+      if (action === "delete") setAutomationPendingDelete(null);
+    } catch (err) {
+      setAutomationsError((err as Error).message);
+    } finally {
+      setAutomationAction(null);
+    }
+  };
+
   const handleMcpPresetAction = async (
     action: "enable" | "remove" | "test",
     name: string,
@@ -1505,6 +1575,22 @@ export function SettingsView({
             isRestarting={isRestarting || hostEngineApplying}
           />
         );
+      case "automations":
+        return (
+          <AutomationsSettings
+            payload={automations}
+            loading={automationsLoading}
+            query={automationsQuery}
+            filter={automationsFilter}
+            actionKey={automationAction}
+            error={automationsError}
+            onQueryChange={setAutomationsQuery}
+            onFilterChange={setAutomationsFilter}
+            onRefresh={refreshAutomations}
+            onAction={handleAutomationAction}
+            onRequestDelete={setAutomationPendingDelete}
+          />
+        );
       case "skills":
         return <SkillsCatalogSettings skills={skills} />;
       case "runtime":
@@ -1563,6 +1649,15 @@ export function SettingsView({
         onSave={handleCreateModelConfiguration}
       />
 
+      <AutomationDeleteDialog
+        job={automationPendingDelete}
+        deleting={automationAction === `delete:${automationPendingDelete?.id ?? ""}`}
+        onOpenChange={(open) => {
+          if (!open) setAutomationPendingDelete(null);
+        }}
+        onConfirm={(job) => handleAutomationAction("delete", job)}
+      />
+
       <main className="min-w-0 flex-1 overflow-y-auto [scrollbar-gutter:stable]">
         <div
           className={cn(
@@ -3247,6 +3342,484 @@ function WebSettings({
   );
 }
 
+function AutomationsSettings({
+  payload,
+  loading,
+  query,
+  filter,
+  actionKey,
+  error,
+  onQueryChange,
+  onFilterChange,
+  onRefresh,
+  onAction,
+  onRequestDelete,
+}: {
+  payload: AutomationsPayload | null;
+  loading: boolean;
+  query: string;
+  filter: AutomationFilter;
+  actionKey: string | null;
+  error: string | null;
+  onQueryChange: (value: string) => void;
+  onFilterChange: (value: AutomationFilter) => void;
+  onRefresh: () => void;
+  onAction: (action: AutomationAction, job: SessionAutomationJob) => void | Promise<void>;
+  onRequestDelete: (job: SessionAutomationJob) => void;
+}) {
+  const { t, i18n } = useTranslation();
+  const tx = (key: string, fallback: string, values?: Record<string, unknown>) =>
+    t(key, { defaultValue: fallback, ...(values ?? {}) });
+  const jobs = payload?.jobs ?? [];
+  const normalizedQuery = query.trim().toLowerCase();
+  const filtered = jobs
+    .filter((job) => automationMatchesFilter(job, filter))
+    .filter((job) => !normalizedQuery || automationSearchText(job).includes(normalizedQuery));
+  const activeCount = jobs.filter((job) => job.enabled && !job.protected).length;
+  const pausedCount = jobs.filter((job) => !job.enabled && !job.protected).length;
+  const failedCount = jobs.filter((job) => job.state.last_status === "error").length;
+  const systemCount = jobs.filter((job) => job.protected).length;
+  const filterOptions = [
+    { value: "all", label: tx("settings.automations.filters.all", "All") },
+    { value: "active", label: tx("settings.automations.filters.active", "Active") },
+    { value: "paused", label: tx("settings.automations.filters.paused", "Paused") },
+    { value: "failed", label: tx("settings.automations.filters.failed", "Failed") },
+    { value: "system", label: tx("settings.automations.filters.system", "System") },
+  ];
+
+  return (
+    <div className="space-y-5">
+      <section className="rounded-[24px] border border-border/50 bg-card/82 px-4 py-4 shadow-[0_18px_65px_rgba(15,23,42,0.07)] backdrop-blur-xl sm:px-5">
+        <div className="flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between">
+          <div className="min-w-0">
+            <div className="flex items-center gap-2 text-[13px] font-medium text-muted-foreground">
+              <CalendarClock className="h-4 w-4" aria-hidden />
+              {tx("settings.automations.kicker", "Workspace automations")}
+            </div>
+            <h2 className="mt-2 text-[22px] font-normal leading-tight tracking-normal text-foreground">
+              {tx("settings.automations.title", "Automations")}
+            </h2>
+            <p className="mt-2 max-w-[36rem] text-[13px] leading-6 text-muted-foreground">
+              {tx(
+                "settings.automations.description",
+                "Review cron reminders, recurring agent turns, one-time jobs, and protected system automations in one place.",
+              )}
+            </p>
+          </div>
+          <div className="flex shrink-0 gap-2">
+            <Button
+              type="button"
+              variant="outline"
+              onClick={onRefresh}
+              disabled={loading}
+              className="h-9 rounded-full px-3 text-[13px]"
+            >
+              {loading ? (
+                <Loader2 className="mr-2 h-3.5 w-3.5 animate-spin" aria-hidden />
+              ) : (
+                <RotateCcw className="mr-2 h-3.5 w-3.5" aria-hidden />
+              )}
+              {tx("settings.automations.refresh", "Refresh")}
+            </Button>
+            <Button asChild className="h-9 rounded-full px-3 text-[13px]">
+              <a href="#/new">
+                <Plus className="mr-2 h-3.5 w-3.5" aria-hidden />
+                {tx("settings.automations.newInChat", "New in chat")}
+              </a>
+            </Button>
+          </div>
+        </div>
+
+        <div className="mt-5 grid gap-2 sm:grid-cols-4">
+          <AutomationStat label={tx("settings.automations.stats.active", "Active")} value={activeCount} />
+          <AutomationStat label={tx("settings.automations.stats.paused", "Paused")} value={pausedCount} />
+          <AutomationStat label={tx("settings.automations.stats.failed", "Failed")} value={failedCount} />
+          <AutomationStat label={tx("settings.automations.stats.system", "System")} value={systemCount} />
+        </div>
+
+        <div className="mt-5 flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between">
+          <div className="relative min-w-0 flex-1">
+            <Search className="pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground/70" />
+            <Input
+              value={query}
+              onChange={(event) => onQueryChange(event.target.value)}
+              placeholder={tx("settings.automations.search", "Search automation, message, session, or cron expression")}
+              className="h-9 rounded-full bg-background/85 pl-9 text-[13px]"
+            />
+          </div>
+          <SegmentedControl
+            value={filter}
+            options={filterOptions}
+            onChange={(value) => onFilterChange(value as AutomationFilter)}
+          />
+        </div>
+      </section>
+
+      {error ? (
+        <div className="flex items-center gap-2 rounded-[18px] border border-destructive/20 bg-destructive/5 px-4 py-3 text-[13px] text-destructive">
+          <CircleAlert className="h-4 w-4 shrink-0" aria-hidden />
+          <span>{error}</span>
+        </div>
+      ) : null}
+
+      <section>
+        <SettingsSectionTitle>{tx("settings.automations.queue", "Queue")}</SettingsSectionTitle>
+        {loading && !payload ? (
+          <div className="flex h-40 items-center justify-center rounded-[22px] border border-border/45 bg-card/78 text-[13px] text-muted-foreground">
+            <Loader2 className="mr-2 h-4 w-4 animate-spin" aria-hidden />
+            {tx("settings.automations.loading", "Loading automations...")}
+          </div>
+        ) : filtered.length ? (
+          <div className="space-y-2.5">
+            {filtered.map((job) => (
+              <AutomationRow
+                key={job.id}
+                job={job}
+                locale={i18n.resolvedLanguage || i18n.language}
+                actionKey={actionKey}
+                onAction={onAction}
+                onRequestDelete={onRequestDelete}
+              />
+            ))}
+          </div>
+        ) : (
+          <div className="rounded-[22px] border border-border/45 bg-card/78 px-5 py-10 text-center text-[13px] text-muted-foreground">
+            {jobs.length
+              ? tx("settings.automations.noMatches", "No automations match this view.")
+              : tx("settings.automations.empty", "No automations yet.")}
+          </div>
+        )}
+      </section>
+    </div>
+  );
+}
+
+function AutomationStat({ label, value }: { label: string; value: number }) {
+  return (
+    <div className="rounded-[16px] border border-border/45 bg-background/65 px-3 py-2.5">
+      <div className="text-[11px] font-medium uppercase leading-none text-muted-foreground">{label}</div>
+      <div className="mt-1.5 text-[20px] font-normal leading-none text-foreground">{value}</div>
+    </div>
+  );
+}
+
+function AutomationRow({
+  job,
+  locale,
+  actionKey,
+  onAction,
+  onRequestDelete,
+}: {
+  job: SessionAutomationJob;
+  locale: string;
+  actionKey: string | null;
+  onAction: (action: AutomationAction, job: SessionAutomationJob) => void | Promise<void>;
+  onRequestDelete: (job: SessionAutomationJob) => void;
+}) {
+  const { t } = useTranslation();
+  const tx = (key: string, fallback: string, values?: Record<string, unknown>) =>
+    t(key, { defaultValue: fallback, ...(values ?? {}) });
+  const status = automationStatus(job, tx);
+  const origin = automationOriginLabel(job, tx);
+  const history = job.state.run_history ?? [];
+  const canManage = !job.protected;
+  const canRun = canManage && job.enabled && !job.state.pending;
+  const toggleAction: AutomationAction = job.enabled ? "disable" : "enable";
+  const toggleBusy = actionKey === `${toggleAction}:${job.id}`;
+
+  return (
+    <article className="rounded-[22px] border border-border/45 bg-card/86 p-4 shadow-[0_18px_65px_rgba(15,23,42,0.06)] backdrop-blur-xl">
+      <div className="flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between">
+        <div className="min-w-0 flex-1">
+          <div className="flex flex-wrap items-center gap-2">
+            <span className="truncate text-[15px] font-medium leading-6 text-foreground">
+              {job.name || job.id}
+            </span>
+            <StatusPill tone={status.tone}>{status.label}</StatusPill>
+            {job.delete_after_run ? (
+              <StatusPill>{tx("settings.automations.oneShot", "One-time")}</StatusPill>
+            ) : null}
+          </div>
+          <p className="mt-1 line-clamp-2 max-w-[46rem] text-[13px] leading-6 text-muted-foreground">
+            {job.payload.message || tx("settings.automations.systemTask", "System-managed automation")}
+          </p>
+
+          <div className="mt-3 grid gap-2 text-[12px] text-muted-foreground md:grid-cols-2 xl:grid-cols-4">
+            <AutomationDetail label={tx("settings.automations.labels.schedule", "Schedule")}>
+              {formatAutomationSchedule(job, locale, tx)}
+            </AutomationDetail>
+            <AutomationDetail label={tx("settings.automations.labels.next", "Next")}>
+              {formatAutomationNext(job, tx)}
+            </AutomationDetail>
+            <AutomationDetail label={tx("settings.automations.labels.last", "Last")}>
+              {formatAutomationLast(job, locale, tx)}
+            </AutomationDetail>
+            <AutomationDetail label={tx("settings.automations.labels.origin", "Origin")}>
+              {job.origin?.session_key ? (
+                <a
+                  className="inline-flex max-w-full items-center gap-1 text-foreground/80 underline-offset-2 hover:underline"
+                  href={`#/chat/${encodeURIComponent(job.origin.session_key)}`}
+                >
+                  <span className="truncate">{origin}</span>
+                  <ExternalLink className="h-3 w-3 shrink-0" aria-hidden />
+                </a>
+              ) : (
+                origin
+              )}
+            </AutomationDetail>
+          </div>
+
+          {job.state.last_error ? (
+            <div className="mt-3 rounded-[14px] bg-destructive/8 px-3 py-2 text-[12px] leading-5 text-destructive">
+              {job.state.last_error}
+            </div>
+          ) : null}
+
+          {history.length ? (
+            <div className="mt-3 flex flex-wrap gap-1.5">
+              {history.slice(-4).map((record) => (
+                <span
+                  key={`${record.run_at_ms}:${record.status}`}
+                  className={cn(
+                    "rounded-full px-2 py-1 text-[11px]",
+                    record.status === "error"
+                      ? "bg-destructive/10 text-destructive"
+                      : record.status === "skipped"
+                        ? "bg-amber-500/10 text-amber-700 dark:text-amber-300"
+                        : "bg-emerald-500/10 text-emerald-700 dark:text-emerald-300",
+                  )}
+                  title={record.error || fmtDateTime(record.run_at_ms, locale)}
+                >
+                  {record.status} · {formatAutomationRunDuration(record.duration_ms)}
+                </span>
+              ))}
+            </div>
+          ) : null}
+        </div>
+
+        <div className="flex shrink-0 items-center gap-1.5">
+          {canManage ? (
+            <>
+              <AppsActionButton
+                ariaLabel={tx("settings.automations.runNow", "Run now")}
+                busy={actionKey === `run:${job.id}`}
+                disabled={!canRun}
+                onClick={() => void onAction("run", job)}
+              >
+                <PlayCircle className="h-4 w-4" aria-hidden />
+              </AppsActionButton>
+              <AppsActionButton
+                ariaLabel={
+                  job.enabled
+                    ? tx("settings.automations.pause", "Pause")
+                    : tx("settings.automations.resume", "Resume")
+                }
+                busy={toggleBusy}
+                onClick={() => void onAction(toggleAction, job)}
+              >
+                {job.enabled ? (
+                  <PauseCircle className="h-4 w-4" aria-hidden />
+                ) : (
+                  <PlayCircle className="h-4 w-4" aria-hidden />
+                )}
+              </AppsActionButton>
+              <AppsActionButton
+                ariaLabel={tx("settings.automations.delete", "Delete")}
+                tone="danger"
+                disabled={Boolean(actionKey)}
+                onClick={() => onRequestDelete(job)}
+              >
+                <Trash2 className="h-4 w-4" aria-hidden />
+              </AppsActionButton>
+            </>
+          ) : (
+            <span className="rounded-full bg-muted px-2.5 py-1 text-[12px] font-medium text-muted-foreground">
+              {tx("settings.automations.protected", "Protected")}
+            </span>
+          )}
+        </div>
+      </div>
+    </article>
+  );
+}
+
+function AutomationDetail({ label, children }: { label: string; children: ReactNode }) {
+  return (
+    <div className="min-w-0 rounded-[14px] bg-muted/35 px-3 py-2">
+      <div className="text-[10.5px] font-medium uppercase leading-none text-muted-foreground/75">
+        {label}
+      </div>
+      <div className="mt-1.5 truncate text-[12.5px] leading-5 text-foreground/85">{children}</div>
+    </div>
+  );
+}
+
+function AutomationDeleteDialog({
+  job,
+  deleting,
+  onOpenChange,
+  onConfirm,
+}: {
+  job: SessionAutomationJob | null;
+  deleting: boolean;
+  onOpenChange: (open: boolean) => void;
+  onConfirm: (job: SessionAutomationJob) => void | Promise<void>;
+}) {
+  const { t } = useTranslation();
+  const tx = (key: string, fallback: string, values?: Record<string, unknown>) =>
+    t(key, { defaultValue: fallback, ...(values ?? {}) });
+  return (
+    <Dialog open={Boolean(job)} onOpenChange={onOpenChange}>
+      <DialogContent className="w-[min(calc(100vw-2rem),26rem)] rounded-[26px]">
+        <DialogHeader>
+          <DialogTitle>{tx("settings.automations.deleteTitle", "Delete automation")}</DialogTitle>
+          <DialogDescription>
+            {tx(
+              "settings.automations.deleteDescription",
+              "This removes {{name}} from the cron store. Past chat messages stay in the session.",
+              { name: job?.name || job?.id || "" },
+            )}
+          </DialogDescription>
+        </DialogHeader>
+        <DialogFooter>
+          <Button
+            type="button"
+            variant="ghost"
+            onClick={() => onOpenChange(false)}
+            disabled={deleting}
+            className="rounded-full"
+          >
+            {tx("settings.automations.cancel", "Cancel")}
+          </Button>
+          <Button
+            type="button"
+            variant="destructive"
+            onClick={() => job && void onConfirm(job)}
+            disabled={!job || deleting}
+            className="rounded-full"
+          >
+            {deleting ? <Loader2 className="mr-2 h-4 w-4 animate-spin" aria-hidden /> : null}
+            {tx("settings.automations.delete", "Delete")}
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  );
+}
+
+function automationSearchText(job: SessionAutomationJob): string {
+  return [
+    job.id,
+    job.name,
+    job.payload.message,
+    job.schedule.kind,
+    job.schedule.expr,
+    job.schedule.tz,
+    job.origin?.session_key,
+    job.origin?.title,
+    job.origin?.preview,
+  ]
+    .filter(Boolean)
+    .join(" ")
+    .toLowerCase();
+}
+
+function automationMatchesFilter(job: SessionAutomationJob, filter: AutomationFilter): boolean {
+  if (filter === "active") return job.enabled && !job.protected;
+  if (filter === "paused") return !job.enabled && !job.protected;
+  if (filter === "failed") return job.state.last_status === "error";
+  if (filter === "system") return Boolean(job.protected);
+  return true;
+}
+
+function automationStatus(
+  job: SessionAutomationJob,
+  tx: (key: string, fallback: string, values?: Record<string, unknown>) => string,
+): { label: string; tone: "neutral" | "success" | "warning" } {
+  if (job.protected) return { label: tx("settings.automations.status.system", "System"), tone: "neutral" };
+  if (job.state.pending) return { label: tx("settings.automations.status.pending", "Pending"), tone: "warning" };
+  if (!job.enabled) return { label: tx("settings.automations.status.paused", "Paused"), tone: "neutral" };
+  if (job.state.last_status === "error") {
+    return { label: tx("settings.automations.status.failed", "Failed"), tone: "warning" };
+  }
+  return { label: tx("settings.automations.status.active", "Active"), tone: "success" };
+}
+
+function automationOriginLabel(
+  job: SessionAutomationJob,
+  tx: (key: string, fallback: string, values?: Record<string, unknown>) => string,
+): string {
+  if (job.protected) return tx("settings.automations.origin.system", "System");
+  const origin = job.origin;
+  if (!origin) return tx("settings.automations.origin.unknown", "Unknown session");
+  return origin.title || origin.preview || origin.session_key;
+}
+
+function formatAutomationSchedule(
+  job: SessionAutomationJob,
+  locale: string,
+  tx: (key: string, fallback: string, values?: Record<string, unknown>) => string,
+): string {
+  if (job.schedule.kind === "at" && job.schedule.at_ms) {
+    return tx("settings.automations.schedule.at", "At {{time}}", {
+      time: fmtDateTime(job.schedule.at_ms, locale),
+    });
+  }
+  if (job.schedule.kind === "every" && job.schedule.every_ms) {
+    return tx("settings.automations.schedule.every", "Every {{duration}}", {
+      duration: formatAutomationInterval(job.schedule.every_ms),
+    });
+  }
+  if (job.schedule.kind === "cron" && job.schedule.expr) {
+    return job.schedule.tz
+      ? tx("settings.automations.schedule.cronWithTz", "Cron {{expr}} · {{tz}}", {
+          expr: job.schedule.expr,
+          tz: job.schedule.tz,
+        })
+      : tx("settings.automations.schedule.cron", "Cron {{expr}}", { expr: job.schedule.expr });
+  }
+  return tx("settings.automations.schedule.custom", "Custom schedule");
+}
+
+function formatAutomationNext(
+  job: SessionAutomationJob,
+  tx: (key: string, fallback: string, values?: Record<string, unknown>) => string,
+): string {
+  if (!job.enabled) return tx("settings.automations.next.paused", "Paused");
+  if (job.state.pending) return tx("settings.automations.next.pending", "Running soon");
+  if (!job.state.next_run_at_ms) return tx("settings.automations.next.none", "No next run");
+  return relativeTime(job.state.next_run_at_ms);
+}
+
+function formatAutomationLast(
+  job: SessionAutomationJob,
+  locale: string,
+  tx: (key: string, fallback: string, values?: Record<string, unknown>) => string,
+): string {
+  if (!job.state.last_run_at_ms) return tx("settings.automations.last.never", "Never");
+  const status = job.state.last_status || tx("settings.automations.last.unknown", "unknown");
+  return `${fmtDateTime(job.state.last_run_at_ms, locale)} · ${status}`;
+}
+
+function formatAutomationInterval(ms: number): string {
+  const units: Array<[string, number]> = [
+    ["d", 86_400_000],
+    ["h", 3_600_000],
+    ["m", 60_000],
+    ["s", 1000],
+  ];
+  for (const [suffix, size] of units) {
+    if (ms >= size && ms % size === 0) return `${ms / size}${suffix}`;
+  }
+  return `${Math.round(ms / 1000)}s`;
+}
+
+function formatAutomationRunDuration(ms: number | undefined): string {
+  if (!ms || ms < 1000) return "<1s";
+  if (ms < 60_000) return `${Math.round(ms / 1000)}s`;
+  return `${Math.round(ms / 60_000)}m`;
+}
+
 function AppsCatalogSettings({
   cliApps,
   mcpPresets,
diff --git a/webui/src/i18n/locales/en/common.json b/webui/src/i18n/locales/en/common.json
index 8020d348..fcdee641 100644
--- a/webui/src/i18n/locales/en/common.json
+++ b/webui/src/i18n/locales/en/common.json
@@ -55,6 +55,7 @@
       "ariaLabel": "Change language"
     },
     "apps": "Apps",
+    "automations": "Automations",
     "skills": {
       "title": "Skills"
     }
@@ -80,6 +81,7 @@
       "runtime": "System",
       "advanced": "Security",
       "apps": "Apps",
+      "automations": "Automations",
       "skills": "Skills"
     },
     "sections": {
@@ -461,6 +463,74 @@
       "loading": "Loading Apps...",
       "empty": "No apps match this filter."
     },
+    "automations": {
+      "kicker": "Workspace automations",
+      "title": "Automations",
+      "description": "Review cron reminders, recurring agent turns, one-time jobs, and protected system automations in one place.",
+      "refresh": "Refresh",
+      "newInChat": "New in chat",
+      "stats": {
+        "active": "Active",
+        "paused": "Paused",
+        "failed": "Failed",
+        "system": "System"
+      },
+      "filters": {
+        "all": "All",
+        "active": "Active",
+        "paused": "Paused",
+        "failed": "Failed",
+        "system": "System"
+      },
+      "search": "Search automation, message, session, or cron expression",
+      "queue": "Queue",
+      "loading": "Loading automations...",
+      "noMatches": "No automations match this view.",
+      "empty": "No automations yet.",
+      "oneShot": "One-time",
+      "systemTask": "System-managed automation",
+      "labels": {
+        "schedule": "Schedule",
+        "next": "Next",
+        "last": "Last",
+        "origin": "Origin"
+      },
+      "runNow": "Run now",
+      "pause": "Pause",
+      "resume": "Resume",
+      "delete": "Delete",
+      "protected": "Protected",
+      "deleteTitle": "Delete automation",
+      "deleteDescription": "This removes {{name}} from the cron store. Past chat messages stay in the session.",
+      "cancel": "Cancel",
+      "status": {
+        "system": "System",
+        "pending": "Pending",
+        "paused": "Paused",
+        "failed": "Failed",
+        "active": "Active"
+      },
+      "origin": {
+        "system": "System",
+        "unknown": "Unknown session"
+      },
+      "schedule": {
+        "at": "At {{time}}",
+        "every": "Every {{duration}}",
+        "cron": "Cron {{expr}}",
+        "cronWithTz": "Cron {{expr}} · {{tz}}",
+        "custom": "Custom schedule"
+      },
+      "next": {
+        "paused": "Paused",
+        "pending": "Running soon",
+        "none": "No next run"
+      },
+      "last": {
+        "never": "Never",
+        "unknown": "unknown"
+      }
+    },
     "oauth": {
       "authentication": "OAuth authentication",
       "signIn": "Sign in",
diff --git a/webui/src/i18n/locales/es/common.json b/webui/src/i18n/locales/es/common.json
index 46a6c3ab..e0c091b0 100644
--- a/webui/src/i18n/locales/es/common.json
+++ b/webui/src/i18n/locales/es/common.json
@@ -55,6 +55,7 @@
       "ariaLabel": "Cambiar idioma"
     },
     "apps": "Apps",
+    "automations": "Automatizaciones",
     "skills": {
       "title": "Habilidades"
     }
@@ -80,6 +81,7 @@
       "cliApps": "Apps CLI",
       "mcp": "MCP",
       "apps": "Aplicaciones",
+      "automations": "Automatizaciones",
       "skills": "Habilidades"
     },
     "sections": {
@@ -461,6 +463,74 @@
       "loading": "Cargando apps...",
       "empty": "Ninguna app coincide con este filtro."
     },
+    "automations": {
+      "kicker": "Automatizaciones del espacio",
+      "title": "Automatizaciones",
+      "description": "Revisa recordatorios cron, turnos recurrentes del agente, automatizaciones de una vez y automatizaciones protegidas del sistema en un solo lugar.",
+      "refresh": "Actualizar",
+      "newInChat": "Crear en chat",
+      "stats": {
+        "active": "Activas",
+        "paused": "Pausadas",
+        "failed": "Fallidas",
+        "system": "Sistema"
+      },
+      "filters": {
+        "all": "Todas",
+        "active": "Activas",
+        "paused": "Pausadas",
+        "failed": "Fallidas",
+        "system": "Sistema"
+      },
+      "search": "Buscar tarea, mensaje, sesión o expresión cron",
+      "queue": "Cola",
+      "loading": "Cargando automatizaciones...",
+      "noMatches": "No hay automatizaciones que coincidan con esta vista.",
+      "empty": "Aún no hay automatizaciones.",
+      "oneShot": "Una vez",
+      "systemTask": "Automatización administrada por el sistema",
+      "labels": {
+        "schedule": "Programación",
+        "next": "Siguiente",
+        "last": "Última",
+        "origin": "Origen"
+      },
+      "runNow": "Ejecutar ahora",
+      "pause": "Pausar",
+      "resume": "Reanudar",
+      "delete": "Eliminar",
+      "protected": "Protegida",
+      "deleteTitle": "Eliminar automatización",
+      "deleteDescription": "Esto elimina {{name}} del almacén cron. Los mensajes de chat anteriores permanecen en la sesión.",
+      "cancel": "Cancelar",
+      "status": {
+        "system": "Sistema",
+        "pending": "Pendiente",
+        "paused": "Pausada",
+        "failed": "Fallida",
+        "active": "Activa"
+      },
+      "origin": {
+        "system": "Sistema",
+        "unknown": "Sesión desconocida"
+      },
+      "schedule": {
+        "at": "A las {{time}}",
+        "every": "Cada {{duration}}",
+        "cron": "Cron {{expr}}",
+        "cronWithTz": "Cron {{expr}} · {{tz}}",
+        "custom": "Programación personalizada"
+      },
+      "next": {
+        "paused": "Pausada",
+        "pending": "Se ejecutará pronto",
+        "none": "Sin próxima ejecución"
+      },
+      "last": {
+        "never": "Nunca",
+        "unknown": "desconocido"
+      }
+    },
     "oauth": {
       "authentication": "Autenticación OAuth",
       "signIn": "Iniciar sesión",
diff --git a/webui/src/i18n/locales/fr/common.json b/webui/src/i18n/locales/fr/common.json
index 61182951..b788b6ce 100644
--- a/webui/src/i18n/locales/fr/common.json
+++ b/webui/src/i18n/locales/fr/common.json
@@ -55,6 +55,7 @@
       "ariaLabel": "Changer de langue"
     },
     "apps": "Apps",
+    "automations": "Automatisations",
     "skills": {
       "title": "Compétences"
     }
@@ -80,6 +81,7 @@
       "cliApps": "Apps CLI",
       "mcp": "MCP",
       "apps": "Applications",
+      "automations": "Automatisations",
       "skills": "Compétences"
     },
     "sections": {
@@ -461,6 +463,74 @@
       "loading": "Chargement des apps...",
       "empty": "Aucune app ne correspond."
     },
+    "automations": {
+      "kicker": "Automatisations de l’espace",
+      "title": "Automatisations",
+      "description": "Passez en revue les rappels cron, tours récurrents de l’agent, automatisations ponctuelles et automatisations système protégées au même endroit.",
+      "refresh": "Actualiser",
+      "newInChat": "Créer dans le chat",
+      "stats": {
+        "active": "Actives",
+        "paused": "En pause",
+        "failed": "Échouées",
+        "system": "Système"
+      },
+      "filters": {
+        "all": "Toutes",
+        "active": "Actives",
+        "paused": "En pause",
+        "failed": "Échouées",
+        "system": "Système"
+      },
+      "search": "Rechercher une tâche, un message, une session ou une expression cron",
+      "queue": "File",
+      "loading": "Chargement des automatisations...",
+      "noMatches": "Aucune automatisation ne correspond à cette vue.",
+      "empty": "Aucune automatisation pour le moment.",
+      "oneShot": "Ponctuelle",
+      "systemTask": "Automatisation gérée par le système",
+      "labels": {
+        "schedule": "Planning",
+        "next": "Prochaine",
+        "last": "Dernière",
+        "origin": "Origine"
+      },
+      "runNow": "Exécuter maintenant",
+      "pause": "Mettre en pause",
+      "resume": "Reprendre",
+      "delete": "Supprimer",
+      "protected": "Protégée",
+      "deleteTitle": "Supprimer l’automatisation",
+      "deleteDescription": "Cela supprime {{name}} du stockage cron. Les anciens messages de chat restent dans la session.",
+      "cancel": "Annuler",
+      "status": {
+        "system": "Système",
+        "pending": "En attente",
+        "paused": "En pause",
+        "failed": "Échouée",
+        "active": "En cours"
+      },
+      "origin": {
+        "system": "Système",
+        "unknown": "Session inconnue"
+      },
+      "schedule": {
+        "at": "À {{time}}",
+        "every": "Toutes les {{duration}}",
+        "cron": "Cron {{expr}}",
+        "cronWithTz": "Cron {{expr}} · {{tz}}",
+        "custom": "Planning personnalisé"
+      },
+      "next": {
+        "paused": "En pause",
+        "pending": "Exécution prochaine",
+        "none": "Aucune prochaine exécution"
+      },
+      "last": {
+        "never": "Jamais",
+        "unknown": "inconnu"
+      }
+    },
     "oauth": {
       "authentication": "Authentification OAuth",
       "signIn": "Se connecter",
diff --git a/webui/src/i18n/locales/id/common.json b/webui/src/i18n/locales/id/common.json
index 12b8f1af..68ea891f 100644
--- a/webui/src/i18n/locales/id/common.json
+++ b/webui/src/i18n/locales/id/common.json
@@ -55,6 +55,7 @@
       "ariaLabel": "Ganti bahasa"
     },
     "apps": "Aplikasi",
+    "automations": "Otomasi",
     "skills": {
       "title": "Skill"
     }
@@ -80,6 +81,7 @@
       "cliApps": "Aplikasi CLI",
       "mcp": "MCP",
       "apps": "Aplikasi",
+      "automations": "Otomasi",
       "skills": "Skill"
     },
     "sections": {
@@ -461,6 +463,74 @@
       "loading": "Memuat aplikasi...",
       "empty": "Tidak ada aplikasi yang cocok."
     },
+    "automations": {
+      "kicker": "Otomasi ruang kerja",
+      "title": "Otomasi",
+      "description": "Tinjau pengingat cron, giliran agen berulang, otomasi sekali jalan, dan otomasi sistem terlindungi di satu tempat.",
+      "refresh": "Segarkan",
+      "newInChat": "Buat di chat",
+      "stats": {
+        "active": "Aktif",
+        "paused": "Dijeda",
+        "failed": "Gagal",
+        "system": "Sistem"
+      },
+      "filters": {
+        "all": "Semua",
+        "active": "Aktif",
+        "paused": "Dijeda",
+        "failed": "Gagal",
+        "system": "Sistem"
+      },
+      "search": "Cari tugas, pesan, sesi, atau ekspresi cron",
+      "queue": "Antrean",
+      "loading": "Memuat otomasi...",
+      "noMatches": "Tidak ada otomasi yang cocok dengan tampilan ini.",
+      "empty": "Belum ada otomasi.",
+      "oneShot": "Satu kali",
+      "systemTask": "Automasi yang dikelola sistem",
+      "labels": {
+        "schedule": "Jadwal",
+        "next": "Berikutnya",
+        "last": "Terakhir",
+        "origin": "Asal"
+      },
+      "runNow": "Jalankan sekarang",
+      "pause": "Jeda",
+      "resume": "Lanjutkan",
+      "delete": "Hapus",
+      "protected": "Terlindungi",
+      "deleteTitle": "Hapus otomasi",
+      "deleteDescription": "Ini menghapus {{name}} dari penyimpanan cron. Pesan chat sebelumnya tetap ada di sesi.",
+      "cancel": "Batal",
+      "status": {
+        "system": "Sistem",
+        "pending": "Menunggu",
+        "paused": "Dijeda",
+        "failed": "Gagal",
+        "active": "Aktif"
+      },
+      "origin": {
+        "system": "Sistem",
+        "unknown": "Sesi tidak dikenal"
+      },
+      "schedule": {
+        "at": "Pada {{time}}",
+        "every": "Setiap {{duration}}",
+        "cron": "Cron {{expr}}",
+        "cronWithTz": "Cron {{expr}} · {{tz}}",
+        "custom": "Jadwal khusus"
+      },
+      "next": {
+        "paused": "Dijeda",
+        "pending": "Segera berjalan",
+        "none": "Tidak ada jadwal berikutnya"
+      },
+      "last": {
+        "never": "Belum pernah",
+        "unknown": "tidak dikenal"
+      }
+    },
     "oauth": {
       "authentication": "Autentikasi OAuth",
       "signIn": "Masuk",
diff --git a/webui/src/i18n/locales/ja/common.json b/webui/src/i18n/locales/ja/common.json
index 1c2a1962..3b0deab4 100644
--- a/webui/src/i18n/locales/ja/common.json
+++ b/webui/src/i18n/locales/ja/common.json
@@ -55,6 +55,7 @@
       "ariaLabel": "言語を変更"
     },
     "apps": "アプリ",
+    "automations": "自動タスク",
     "skills": {
       "title": "スキル"
     }
@@ -80,6 +81,7 @@
       "cliApps": "CLI アプリ",
       "mcp": "MCP",
       "apps": "アプリ",
+      "automations": "自動タスク",
       "skills": "スキル"
     },
     "sections": {
@@ -461,6 +463,74 @@
       "loading": "アプリを読み込み中...",
       "empty": "一致するアプリはありません。"
     },
+    "automations": {
+      "kicker": "ワークスペースの自動タスク",
+      "title": "自動タスク",
+      "description": "cron リマインダー、定期的な agent ターン、一回限りの自動タスク、保護されたシステム自動タスクを一か所で確認できます。",
+      "refresh": "更新",
+      "newInChat": "チャットで作成",
+      "stats": {
+        "active": "実行中",
+        "paused": "一時停止",
+        "failed": "失敗",
+        "system": "システム"
+      },
+      "filters": {
+        "all": "すべて",
+        "active": "実行中",
+        "paused": "一時停止",
+        "failed": "失敗",
+        "system": "システム"
+      },
+      "search": "タスク、メッセージ、セッション、cron 式を検索",
+      "queue": "キュー",
+      "loading": "自動タスクを読み込み中...",
+      "noMatches": "この表示に一致する自動タスクはありません。",
+      "empty": "自動タスクはまだありません。",
+      "oneShot": "一回限り",
+      "systemTask": "システム管理の自動タスク",
+      "labels": {
+        "schedule": "スケジュール",
+        "next": "次回",
+        "last": "前回",
+        "origin": "発生元"
+      },
+      "runNow": "今すぐ実行",
+      "pause": "一時停止",
+      "resume": "再開",
+      "delete": "削除",
+      "protected": "保護済み",
+      "deleteTitle": "自動タスクを削除",
+      "deleteDescription": "{{name}} を cron ストアから削除します。過去のチャットメッセージはセッションに残ります。",
+      "cancel": "キャンセル",
+      "status": {
+        "system": "システム",
+        "pending": "待機中",
+        "paused": "一時停止",
+        "failed": "失敗",
+        "active": "実行中"
+      },
+      "origin": {
+        "system": "システム",
+        "unknown": "不明なセッション"
+      },
+      "schedule": {
+        "at": "{{time}}",
+        "every": "{{duration}} ごと",
+        "cron": "Cron {{expr}}",
+        "cronWithTz": "Cron {{expr}} · {{tz}}",
+        "custom": "カスタムスケジュール"
+      },
+      "next": {
+        "paused": "一時停止",
+        "pending": "まもなく実行",
+        "none": "次回実行なし"
+      },
+      "last": {
+        "never": "未実行",
+        "unknown": "不明"
+      }
+    },
     "oauth": {
       "authentication": "OAuth 認証",
       "signIn": "サインイン",
diff --git a/webui/src/i18n/locales/ko/common.json b/webui/src/i18n/locales/ko/common.json
index e59c78cb..8dc5edef 100644
--- a/webui/src/i18n/locales/ko/common.json
+++ b/webui/src/i18n/locales/ko/common.json
@@ -55,6 +55,7 @@
       "ariaLabel": "언어 변경"
     },
     "apps": "앱",
+    "automations": "자동화",
     "skills": {
       "title": "스킬"
     }
@@ -80,6 +81,7 @@
       "cliApps": "CLI 앱",
       "mcp": "MCP",
       "apps": "앱",
+      "automations": "자동화",
       "skills": "스킬"
     },
     "sections": {
@@ -461,6 +463,74 @@
       "loading": "앱을 불러오는 중...",
       "empty": "일치하는 앱이 없습니다."
     },
+    "automations": {
+      "kicker": "작업 공간 자동화",
+      "title": "자동화",
+      "description": "cron 알림, 반복 agent 작업, 일회성 자동화, 보호된 시스템 자동화를 한곳에서 확인합니다.",
+      "refresh": "새로 고침",
+      "newInChat": "채팅에서 만들기",
+      "stats": {
+        "active": "활성",
+        "paused": "일시 중지",
+        "failed": "실패",
+        "system": "시스템"
+      },
+      "filters": {
+        "all": "전체",
+        "active": "활성",
+        "paused": "일시 중지",
+        "failed": "실패",
+        "system": "시스템"
+      },
+      "search": "작업, 메시지, 세션 또는 cron 식 검색",
+      "queue": "대기열",
+      "loading": "자동화를 불러오는 중...",
+      "noMatches": "이 보기와 일치하는 자동화가 없습니다.",
+      "empty": "아직 자동화가 없습니다.",
+      "oneShot": "일회성",
+      "systemTask": "시스템 관리 자동화",
+      "labels": {
+        "schedule": "일정",
+        "next": "다음",
+        "last": "마지막",
+        "origin": "출처"
+      },
+      "runNow": "지금 실행",
+      "pause": "일시 중지",
+      "resume": "재개",
+      "delete": "삭제",
+      "protected": "보호됨",
+      "deleteTitle": "자동화 삭제",
+      "deleteDescription": "{{name}}을 cron 저장소에서 삭제합니다. 이전 채팅 메시지는 세션에 남습니다.",
+      "cancel": "취소",
+      "status": {
+        "system": "시스템",
+        "pending": "대기 중",
+        "paused": "일시 중지",
+        "failed": "실패",
+        "active": "활성"
+      },
+      "origin": {
+        "system": "시스템",
+        "unknown": "알 수 없는 세션"
+      },
+      "schedule": {
+        "at": "{{time}}",
+        "every": "{{duration}}마다",
+        "cron": "Cron {{expr}}",
+        "cronWithTz": "Cron {{expr}} · {{tz}}",
+        "custom": "사용자 지정 일정"
+      },
+      "next": {
+        "paused": "일시 중지",
+        "pending": "곧 실행",
+        "none": "다음 실행 없음"
+      },
+      "last": {
+        "never": "실행된 적 없음",
+        "unknown": "알 수 없음"
+      }
+    },
     "oauth": {
       "authentication": "OAuth 인증",
       "signIn": "로그인",
diff --git a/webui/src/i18n/locales/vi/common.json b/webui/src/i18n/locales/vi/common.json
index 22faba4e..325c2d8c 100644
--- a/webui/src/i18n/locales/vi/common.json
+++ b/webui/src/i18n/locales/vi/common.json
@@ -55,6 +55,7 @@
       "ariaLabel": "Đổi ngôn ngữ"
     },
     "apps": "Ứng dụng",
+    "automations": "Tự động hóa",
     "skills": {
       "title": "Kỹ năng"
     }
@@ -80,6 +81,7 @@
       "cliApps": "Ứng dụng CLI",
       "mcp": "MCP",
       "apps": "Ứng dụng",
+      "automations": "Tự động hóa",
       "skills": "Kỹ năng"
     },
     "sections": {
@@ -461,6 +463,74 @@
       "loading": "Đang tải ứng dụng...",
       "empty": "Không có ứng dụng phù hợp."
     },
+    "automations": {
+      "kicker": "Tự động hóa không gian làm việc",
+      "title": "Tự động hóa",
+      "description": "Xem nhắc nhở cron, lượt agent định kỳ, tự động hóa một lần và tự động hóa hệ thống được bảo vệ tại một nơi.",
+      "refresh": "Làm mới",
+      "newInChat": "Tạo trong chat",
+      "stats": {
+        "active": "Đang chạy",
+        "paused": "Đã tạm dừng",
+        "failed": "Thất bại",
+        "system": "Hệ thống"
+      },
+      "filters": {
+        "all": "Tất cả",
+        "active": "Đang chạy",
+        "paused": "Đã tạm dừng",
+        "failed": "Thất bại",
+        "system": "Hệ thống"
+      },
+      "search": "Tìm tác vụ, tin nhắn, phiên hoặc biểu thức cron",
+      "queue": "Hàng đợi",
+      "loading": "Đang tải tự động hóa...",
+      "noMatches": "Không có tự động hóa phù hợp với chế độ xem này.",
+      "empty": "Chưa có tự động hóa.",
+      "oneShot": "Một lần",
+      "systemTask": "Tự động hóa do hệ thống quản lý",
+      "labels": {
+        "schedule": "Lịch",
+        "next": "Tiếp theo",
+        "last": "Lần trước",
+        "origin": "Nguồn"
+      },
+      "runNow": "Chạy ngay",
+      "pause": "Tạm dừng",
+      "resume": "Tiếp tục",
+      "delete": "Xóa",
+      "protected": "Được bảo vệ",
+      "deleteTitle": "Xóa tự động hóa",
+      "deleteDescription": "Thao tác này xóa {{name}} khỏi kho cron. Tin nhắn chat trước đó vẫn ở trong phiên.",
+      "cancel": "Hủy",
+      "status": {
+        "system": "Hệ thống",
+        "pending": "Đang chờ",
+        "paused": "Đã tạm dừng",
+        "failed": "Thất bại",
+        "active": "Đang chạy"
+      },
+      "origin": {
+        "system": "Hệ thống",
+        "unknown": "Phiên không xác định"
+      },
+      "schedule": {
+        "at": "Vào {{time}}",
+        "every": "Mỗi {{duration}}",
+        "cron": "Cron {{expr}}",
+        "cronWithTz": "Cron {{expr}} · {{tz}}",
+        "custom": "Lịch tùy chỉnh"
+      },
+      "next": {
+        "paused": "Đã tạm dừng",
+        "pending": "Sắp chạy",
+        "none": "Không có lần chạy tiếp theo"
+      },
+      "last": {
+        "never": "Chưa từng chạy",
+        "unknown": "không xác định"
+      }
+    },
     "oauth": {
       "authentication": "Xác thực OAuth",
       "signIn": "Đăng nhập",
diff --git a/webui/src/i18n/locales/zh-CN/common.json b/webui/src/i18n/locales/zh-CN/common.json
index 3ec1c3ac..47ec0c75 100644
--- a/webui/src/i18n/locales/zh-CN/common.json
+++ b/webui/src/i18n/locales/zh-CN/common.json
@@ -55,6 +55,7 @@
       "ariaLabel": "切换语言"
     },
     "apps": "应用",
+    "automations": "自动任务",
     "skills": {
       "title": "技能"
     }
@@ -80,6 +81,7 @@
       "runtime": "系统",
       "advanced": "安全",
       "apps": "应用",
+      "automations": "自动任务",
       "skills": "技能"
     },
     "sections": {
@@ -461,6 +463,74 @@
       "loading": "正在加载应用...",
       "empty": "没有匹配的应用。"
     },
+    "automations": {
+      "kicker": "工作区自动任务",
+      "title": "自动任务",
+      "description": "统一查看 cron 提醒、周期性 agent 任务、一次性自动任务和受保护的系统自动任务。",
+      "refresh": "刷新",
+      "newInChat": "在聊天中创建",
+      "stats": {
+        "active": "运行中",
+        "paused": "已暂停",
+        "failed": "失败",
+        "system": "系统"
+      },
+      "filters": {
+        "all": "全部",
+        "active": "运行中",
+        "paused": "已暂停",
+        "failed": "失败",
+        "system": "系统"
+      },
+      "search": "搜索任务、消息、会话或 cron 表达式",
+      "queue": "任务队列",
+      "loading": "正在加载自动任务...",
+      "noMatches": "当前视图没有匹配的自动任务。",
+      "empty": "暂无自动任务。",
+      "oneShot": "一次性",
+      "systemTask": "系统管理的自动任务",
+      "labels": {
+        "schedule": "计划",
+        "next": "下次",
+        "last": "上次",
+        "origin": "来源"
+      },
+      "runNow": "立即运行",
+      "pause": "暂停",
+      "resume": "恢复",
+      "delete": "删除",
+      "protected": "受保护",
+      "deleteTitle": "删除自动任务",
+      "deleteDescription": "这会从 cron 存储中删除 {{name}}，历史聊天消息会保留在会话中。",
+      "cancel": "取消",
+      "status": {
+        "system": "系统",
+        "pending": "等待中",
+        "paused": "已暂停",
+        "failed": "失败",
+        "active": "运行中"
+      },
+      "origin": {
+        "system": "系统",
+        "unknown": "未知会话"
+      },
+      "schedule": {
+        "at": "在 {{time}}",
+        "every": "每 {{duration}}",
+        "cron": "Cron {{expr}}",
+        "cronWithTz": "Cron {{expr}} · {{tz}}",
+        "custom": "自定义计划"
+      },
+      "next": {
+        "paused": "已暂停",
+        "pending": "即将运行",
+        "none": "没有下次运行"
+      },
+      "last": {
+        "never": "从未运行",
+        "unknown": "未知"
+      }
+    },
     "oauth": {
       "authentication": "OAuth 认证",
       "signIn": "登录",
diff --git a/webui/src/i18n/locales/zh-TW/common.json b/webui/src/i18n/locales/zh-TW/common.json
index 70f2a624..455865d0 100644
--- a/webui/src/i18n/locales/zh-TW/common.json
+++ b/webui/src/i18n/locales/zh-TW/common.json
@@ -55,6 +55,7 @@
       "ariaLabel": "切換語言"
     },
     "apps": "應用",
+    "automations": "自動任務",
     "skills": {
       "title": "技能"
     }
@@ -80,6 +81,7 @@
       "cliApps": "CLI 應用",
       "mcp": "MCP",
       "apps": "應用",
+      "automations": "自動任務",
       "skills": "技能"
     },
     "sections": {
@@ -461,6 +463,74 @@
       "loading": "正在載入應用...",
       "empty": "沒有符合的應用。"
     },
+    "automations": {
+      "kicker": "工作區自動任務",
+      "title": "自動任務",
+      "description": "集中查看 cron 提醒、週期性 agent 任務、一次性自動任務和受保護的系統自動任務。",
+      "refresh": "重新整理",
+      "newInChat": "在聊天中建立",
+      "stats": {
+        "active": "執行中",
+        "paused": "已暫停",
+        "failed": "失敗",
+        "system": "系統"
+      },
+      "filters": {
+        "all": "全部",
+        "active": "執行中",
+        "paused": "已暫停",
+        "failed": "失敗",
+        "system": "系統"
+      },
+      "search": "搜尋任務、訊息、會話或 cron 表達式",
+      "queue": "任務佇列",
+      "loading": "正在載入自動任務...",
+      "noMatches": "目前檢視沒有符合的自動任務。",
+      "empty": "尚無自動任務。",
+      "oneShot": "一次性",
+      "systemTask": "系統管理的自動任務",
+      "labels": {
+        "schedule": "排程",
+        "next": "下次",
+        "last": "上次",
+        "origin": "來源"
+      },
+      "runNow": "立即執行",
+      "pause": "暫停",
+      "resume": "恢復",
+      "delete": "刪除",
+      "protected": "受保護",
+      "deleteTitle": "刪除自動任務",
+      "deleteDescription": "這會從 cron 儲存中刪除 {{name}}，歷史聊天訊息會保留在會話中。",
+      "cancel": "取消",
+      "status": {
+        "system": "系統",
+        "pending": "等待中",
+        "paused": "已暫停",
+        "failed": "失敗",
+        "active": "執行中"
+      },
+      "origin": {
+        "system": "系統",
+        "unknown": "未知會話"
+      },
+      "schedule": {
+        "at": "於 {{time}}",
+        "every": "每 {{duration}}",
+        "cron": "Cron {{expr}}",
+        "cronWithTz": "Cron {{expr}} · {{tz}}",
+        "custom": "自訂排程"
+      },
+      "next": {
+        "paused": "已暫停",
+        "pending": "即將執行",
+        "none": "沒有下次執行"
+      },
+      "last": {
+        "never": "從未執行",
+        "unknown": "未知"
+      }
+    },
     "oauth": {
       "authentication": "OAuth 認證",
       "signIn": "登入",
diff --git a/webui/src/lib/api.ts b/webui/src/lib/api.ts
index ec047c50..84854826 100644
--- a/webui/src/lib/api.ts
+++ b/webui/src/lib/api.ts
@@ -1,4 +1,5 @@
 import type {
+  AutomationsPayload,
   ChatSummary,
   CliAppsPayload,
   FilePreviewPayload,
@@ -184,6 +185,34 @@ export async function fetchSessionAutomations(
   );
 }
 
+export async function fetchAutomations(
+  token: string,
+  base: string = "",
+): Promise<AutomationsPayload> {
+  return request<AutomationsPayload>(
+    `${base}/api/webui/automations`,
+    token,
+    undefined,
+    API_READ_TIMEOUT_MS,
+  );
+}
+
+export async function runAutomationAction(
+  token: string,
+  action: "enable" | "disable" | "delete" | "run",
+  id: string,
+  base: string = "",
+): Promise<AutomationsPayload> {
+  const query = new URLSearchParams();
+  query.set("id", id);
+  return request<AutomationsPayload>(
+    `${base}/api/webui/automations/${action}?${query}`,
+    token,
+    undefined,
+    API_READ_TIMEOUT_MS,
+  );
+}
+
 export async function fetchSkills(
   token: string,
   base: string = "",
diff --git a/webui/src/lib/types.ts b/webui/src/lib/types.ts
index aa7461f3..5cde8531 100644
--- a/webui/src/lib/types.ts
+++ b/webui/src/lib/types.ts
@@ -100,6 +100,10 @@ export interface SessionAutomationJob {
   id: string;
   name: string;
   enabled: boolean;
+  protected?: boolean;
+  delete_after_run?: boolean;
+  created_at_ms?: number | null;
+  updated_at_ms?: number | null;
   schedule: {
     kind: "at" | "every" | "cron" | string;
     at_ms?: number | null;
@@ -109,15 +113,35 @@ export interface SessionAutomationJob {
   };
   payload: {
     message: string;
+    kind?: "agent_turn" | "system_event" | string;
+    session_key?: string | null;
+    origin_channel?: string | null;
+    origin_chat_id?: string | null;
   };
   state: {
     next_run_at_ms?: number | null;
+    last_run_at_ms?: number | null;
     last_status?: "ok" | "error" | "skipped" | string | null;
+    last_error?: string | null;
     pending?: boolean;
+    run_history?: Array<{
+      run_at_ms: number;
+      status: "ok" | "error" | "skipped" | string;
+      duration_ms?: number;
+      error?: string | null;
+    }>;
   };
+  origin?: {
+    session_key: string;
+    channel: string;
+    chat_id: string;
+    title?: string;
+    preview?: string;
+  } | null;
 }
 
 export interface SessionAutomationsPayload { jobs: SessionAutomationJob[]; }
+export interface AutomationsPayload { jobs: SessionAutomationJob[]; }
 
 export interface SessionDeleteResult {
   deleted: boolean;
diff --git a/webui/src/tests/api.test.ts b/webui/src/tests/api.test.ts
index 7957b975..da83639d 100644
--- a/webui/src/tests/api.test.ts
+++ b/webui/src/tests/api.test.ts
@@ -4,6 +4,7 @@ import {
   createModelConfiguration,
   deleteSession,
   fetchFilePreview,
+  fetchAutomations,
   fetchCliApps,
   fetchInstalledCliApps,
   fetchMcpPresets,
@@ -20,6 +21,7 @@ import {
   listSlashCommands,
   loginProviderOAuth,
   logoutProviderOAuth,
+  runAutomationAction,
   runCliAppAction,
   runMcpPresetAction,
   saveCustomMcpServer,
@@ -99,6 +101,28 @@ describe("webui API helpers", () => {
     );
   });
 
+  it("fetches workspace automations", async () => {
+    await fetchAutomations("tok");
+
+    expect(fetch).toHaveBeenCalledWith(
+      "/api/webui/automations",
+      expect.objectContaining({
+        headers: { Authorization: "Bearer tok" },
+      }),
+    );
+  });
+
+  it("serializes workspace automation actions", async () => {
+    await runAutomationAction("tok", "disable", "job 1/2");
+
+    expect(fetch).toHaveBeenCalledWith(
+      "/api/webui/automations/disable?id=job+1%2F2",
+      expect.objectContaining({
+        headers: { Authorization: "Bearer tok" },
+      }),
+    );
+  });
+
   it("fetches the WebUI skill summary", async () => {
     await fetchSkills("tok");
 
diff --git a/webui/src/tests/app-layout.test.tsx b/webui/src/tests/app-layout.test.tsx
index d83d0996..f8c1496e 100644
--- a/webui/src/tests/app-layout.test.tsx
+++ b/webui/src/tests/app-layout.test.tsx
@@ -334,6 +334,96 @@ describe("App layout", () => {
     expect(screen.getByText(/Use GitHub CLI/)).toBeInTheDocument();
   });
 
+  it("opens Automations from the main sidebar", async () => {
+    mockFetchRoutes({
+      "/api/settings": baseSettingsPayload(),
+      "/api/webui/automations": {
+        jobs: [
+          {
+            id: "job-1",
+            name: "Daily repo check",
+            enabled: true,
+            protected: false,
+            delete_after_run: false,
+            schedule: { kind: "every", every_ms: 86_400_000 },
+            payload: {
+              message: "Check the repo status",
+              kind: "agent_turn",
+              session_key: "websocket:chat-a",
+            },
+            state: {
+              next_run_at_ms: Date.UTC(2026, 3, 17, 10, 0, 0),
+              last_status: "ok",
+              pending: false,
+              run_history: [],
+            },
+            origin: {
+              session_key: "websocket:chat-a",
+              channel: "websocket",
+              chat_id: "chat-a",
+              title: "Release prep",
+              preview: "Check release blockers",
+            },
+          },
+          {
+            id: "heartbeat",
+            name: "heartbeat",
+            enabled: true,
+            protected: true,
+            schedule: { kind: "every", every_ms: 60_000 },
+            payload: { message: "", kind: "system_event" },
+            state: { next_run_at_ms: null, pending: false, run_history: [] },
+            origin: null,
+          },
+        ],
+      },
+    });
+
+    render(<App />);
+
+    await waitFor(() => expect(connectSpy).toHaveBeenCalled());
+    const sidebar = screen.getByRole("navigation", { name: "Sidebar navigation" });
+    const automationsButton = within(sidebar).getByRole("button", {
+      name: "Automations",
+    });
+
+    fireEvent.click(automationsButton);
+
+    expect(await screen.findByText("Workspace automations")).toBeInTheDocument();
+    expect(screen.getByText("Daily repo check")).toBeInTheDocument();
+    expect(screen.getByText("Check the repo status")).toBeInTheDocument();
+    expect(screen.getByText("Release prep")).toBeInTheDocument();
+    expect(screen.getByText("heartbeat")).toBeInTheDocument();
+    expect(within(sidebar).getByRole("button", { name: "Automations" })).toHaveAttribute(
+      "aria-current",
+      "page",
+    );
+    expect(document.title).toBe("Automations · nanobot");
+  });
+
+  it("localizes the Automations surface", async () => {
+    await i18n.changeLanguage("zh-CN");
+    mockFetchRoutes({
+      "/api/settings": baseSettingsPayload(),
+      "/api/webui/automations": { jobs: [] },
+    });
+
+    render(<App />);
+
+    await waitFor(() => expect(connectSpy).toHaveBeenCalled());
+    const sidebar = screen.getByRole("navigation", { name: "侧边栏导航" });
+    fireEvent.click(within(sidebar).getByRole("button", { name: "自动任务" }));
+
+    expect(await screen.findByText("工作区自动任务")).toBeInTheDocument();
+    expect(screen.getAllByRole("heading", { name: "自动任务" }).length).toBeGreaterThan(0);
+    expect(screen.getByText("统一查看 cron 提醒、周期性 agent 任务、一次性自动任务和受保护的系统自动任务。")).toBeInTheDocument();
+    expect(screen.getByRole("button", { name: "刷新" })).toBeInTheDocument();
+    expect(screen.getByText("任务队列")).toBeInTheDocument();
+    expect(screen.getByText("暂无自动任务。")).toBeInTheDocument();
+    expect(screen.queryByText("Workspace automations")).not.toBeInTheDocument();
+    expect(document.title).toBe("自动任务 · nanobot");
+  });
+
   it("fully collapses the native host sidebar and previews it on hover", async () => {
     mockSessions = [
       {
diff --git a/webui/src/tests/i18n.test.tsx b/webui/src/tests/i18n.test.tsx
index 99f1f0a0..444c7282 100644
--- a/webui/src/tests/i18n.test.tsx
+++ b/webui/src/tests/i18n.test.tsx
@@ -31,6 +31,7 @@ const SETTINGS_NAV_KEYS = [
   "image",
   "browser",
   "apps",
+  "automations",
   "runtime",
   "advanced",
 ];
@@ -43,8 +44,21 @@ const LOCALIZED_SETTINGS_COPY_KEYS = [
   "settings.nav.models",
   "settings.nav.providers",
   "settings.nav.apps",
+  "settings.nav.automations",
   "settings.nav.runtime",
   "settings.nav.advanced",
+  "sidebar.automations",
+  "settings.automations.title",
+  "settings.automations.description",
+  "settings.automations.refresh",
+  "settings.automations.newInChat",
+  "settings.automations.filters.active",
+  "settings.automations.queue",
+  "settings.automations.empty",
+  "settings.automations.systemTask",
+  "settings.automations.labels.schedule",
+  "settings.automations.status.active",
+  "settings.automations.deleteTitle",
   "settings.sections.interface",
   "settings.sections.localPreferences",
   "settings.sections.webSearch",

From 43830b7162b4904bea3fc53f6fdd36ec23efcfae Mon Sep 17 00:00:00 2001
From: chengyongru <2755839590@qq.com>
Date: Sat, 13 Jun 2026 21:30:31 +0800
Subject: [PATCH 02/38] fix(webui): localize automation runtime labels

---
 tests/channels/test_websocket_http_routes.py  | 16 +++++
 .../src/components/settings/SettingsView.tsx  | 68 ++++++++++++++-----
 webui/src/i18n/locales/en/common.json         |  8 +++
 webui/src/i18n/locales/es/common.json         |  8 +++
 webui/src/i18n/locales/fr/common.json         |  8 +++
 webui/src/i18n/locales/id/common.json         |  8 +++
 webui/src/i18n/locales/ja/common.json         |  8 +++
 webui/src/i18n/locales/ko/common.json         |  8 +++
 webui/src/i18n/locales/vi/common.json         |  8 +++
 webui/src/i18n/locales/zh-CN/common.json      |  8 +++
 webui/src/i18n/locales/zh-TW/common.json      |  8 +++
 webui/src/tests/app-layout.test.tsx           | 43 +++++++++++-
 webui/src/tests/i18n.test.tsx                 |  2 +
 13 files changed, 181 insertions(+), 20 deletions(-)

diff --git a/tests/channels/test_websocket_http_routes.py b/tests/channels/test_websocket_http_routes.py
index 10d56552..4767f9dd 100644
--- a/tests/channels/test_websocket_http_routes.py
+++ b/tests/channels/test_websocket_http_routes.py
@@ -872,11 +872,27 @@ async def test_webui_automations_route_lists_all_jobs_and_allows_user_actions(
         by_id = {job["id"]: job for job in disabled.json()["jobs"]}
         assert by_id[user_job.id]["enabled"] is False
 
+        disabled_run = await _http_get(
+            f"http://127.0.0.1:29932/api/webui/automations/run?id={user_job.id}",
+            headers=auth,
+        )
+        assert disabled_run.status_code == 409
+
         protected_delete = await _http_get(
             "http://127.0.0.1:29932/api/webui/automations/delete?id=heartbeat",
             headers=auth,
         )
         assert protected_delete.status_code == 403
+        protected_disable = await _http_get(
+            "http://127.0.0.1:29932/api/webui/automations/disable?id=heartbeat",
+            headers=auth,
+        )
+        assert protected_disable.status_code == 403
+        protected_run = await _http_get(
+            "http://127.0.0.1:29932/api/webui/automations/run?id=heartbeat",
+            headers=auth,
+        )
+        assert protected_run.status_code == 403
 
         enabled = await _http_get(
             f"http://127.0.0.1:29932/api/webui/automations/enable?id={user_job.id}",
diff --git a/webui/src/components/settings/SettingsView.tsx b/webui/src/components/settings/SettingsView.tsx
index dbfe4947..c8c4fd93 100644
--- a/webui/src/components/settings/SettingsView.tsx
+++ b/webui/src/components/settings/SettingsView.tsx
@@ -3590,7 +3590,7 @@ function AutomationRow({
                   )}
                   title={record.error || fmtDateTime(record.run_at_ms, locale)}
                 >
-                  {record.status} · {formatAutomationRunDuration(record.duration_ms)}
+                  {automationRunStatusLabel(record.status, tx)} · {formatAutomationRunDuration(record.duration_ms, locale, tx)}
                 </span>
               ))}
             </div>
@@ -3767,7 +3767,7 @@ function formatAutomationSchedule(
   }
   if (job.schedule.kind === "every" && job.schedule.every_ms) {
     return tx("settings.automations.schedule.every", "Every {{duration}}", {
-      duration: formatAutomationInterval(job.schedule.every_ms),
+      duration: formatAutomationInterval(job.schedule.every_ms, locale),
     });
   }
   if (job.schedule.kind === "cron" && job.schedule.expr) {
@@ -3797,27 +3797,59 @@ function formatAutomationLast(
   tx: (key: string, fallback: string, values?: Record<string, unknown>) => string,
 ): string {
   if (!job.state.last_run_at_ms) return tx("settings.automations.last.never", "Never");
-  const status = job.state.last_status || tx("settings.automations.last.unknown", "unknown");
+  const status = automationRunStatusLabel(job.state.last_status, tx);
   return `${fmtDateTime(job.state.last_run_at_ms, locale)} · ${status}`;
 }
 
-function formatAutomationInterval(ms: number): string {
-  const units: Array<[string, number]> = [
-    ["d", 86_400_000],
-    ["h", 3_600_000],
-    ["m", 60_000],
-    ["s", 1000],
-  ];
-  for (const [suffix, size] of units) {
-    if (ms >= size && ms % size === 0) return `${ms / size}${suffix}`;
-  }
-  return `${Math.round(ms / 1000)}s`;
+function automationRunStatusLabel(
+  status: string | null | undefined,
+  tx: (key: string, fallback: string, values?: Record<string, unknown>) => string,
+): string {
+  if (status === "ok") return tx("settings.automations.history.ok", "Completed");
+  if (status === "error") return tx("settings.automations.history.error", "Error");
+  if (status === "skipped") return tx("settings.automations.history.skipped", "Skipped");
+  return status || tx("settings.automations.last.unknown", "unknown");
 }
 
-function formatAutomationRunDuration(ms: number | undefined): string {
-  if (!ms || ms < 1000) return "<1s";
-  if (ms < 60_000) return `${Math.round(ms / 1000)}s`;
-  return `${Math.round(ms / 60_000)}m`;
+function formatAutomationUnit(
+  value: number,
+  unit: Intl.NumberFormatOptions["unit"],
+  locale: string,
+  maximumFractionDigits = 0,
+): string {
+  return new Intl.NumberFormat(locale, {
+    style: "unit",
+    unit,
+    unitDisplay: "long",
+    maximumFractionDigits,
+  }).format(value);
+}
+
+function formatAutomationInterval(ms: number, locale: string): string {
+  const units: Array<[Intl.NumberFormatOptions["unit"], number]> = [
+    ["day", 86_400_000],
+    ["hour", 3_600_000],
+    ["minute", 60_000],
+    ["second", 1000],
+  ];
+  for (const [unit, size] of units) {
+    if (ms >= size && ms % size === 0) return formatAutomationUnit(ms / size, unit, locale);
+  }
+  const fallbackUnit = ms < 60_000 ? "second" : "minute";
+  const fallbackSize = fallbackUnit === "second" ? 1000 : 60_000;
+  return formatAutomationUnit(ms / fallbackSize, fallbackUnit, locale, 1);
+}
+
+function formatAutomationRunDuration(
+  ms: number | undefined,
+  locale: string,
+  tx: (key: string, fallback: string, values?: Record<string, unknown>) => string,
+): string {
+  if (!ms || ms < 1000) {
+    return tx("settings.automations.duration.lessThanSecond", "< 1 second");
+  }
+  if (ms < 60_000) return formatAutomationUnit(ms / 1000, "second", locale, 1);
+  return formatAutomationUnit(ms / 60_000, "minute", locale, 1);
 }
 
 function AppsCatalogSettings({
diff --git a/webui/src/i18n/locales/en/common.json b/webui/src/i18n/locales/en/common.json
index fcdee641..04838947 100644
--- a/webui/src/i18n/locales/en/common.json
+++ b/webui/src/i18n/locales/en/common.json
@@ -529,6 +529,14 @@
       "last": {
         "never": "Never",
         "unknown": "unknown"
+      },
+      "history": {
+        "ok": "Completed",
+        "error": "Error",
+        "skipped": "Skipped"
+      },
+      "duration": {
+        "lessThanSecond": "< 1 second"
       }
     },
     "oauth": {
diff --git a/webui/src/i18n/locales/es/common.json b/webui/src/i18n/locales/es/common.json
index e0c091b0..c04429ee 100644
--- a/webui/src/i18n/locales/es/common.json
+++ b/webui/src/i18n/locales/es/common.json
@@ -529,6 +529,14 @@
       "last": {
         "never": "Nunca",
         "unknown": "desconocido"
+      },
+      "history": {
+        "ok": "Completada",
+        "error": "Error",
+        "skipped": "Omitida"
+      },
+      "duration": {
+        "lessThanSecond": "menos de 1 segundo"
       }
     },
     "oauth": {
diff --git a/webui/src/i18n/locales/fr/common.json b/webui/src/i18n/locales/fr/common.json
index b788b6ce..36fabcfe 100644
--- a/webui/src/i18n/locales/fr/common.json
+++ b/webui/src/i18n/locales/fr/common.json
@@ -529,6 +529,14 @@
       "last": {
         "never": "Jamais",
         "unknown": "inconnu"
+      },
+      "history": {
+        "ok": "Terminée",
+        "error": "Erreur",
+        "skipped": "Ignorée"
+      },
+      "duration": {
+        "lessThanSecond": "moins de 1 seconde"
       }
     },
     "oauth": {
diff --git a/webui/src/i18n/locales/id/common.json b/webui/src/i18n/locales/id/common.json
index 68ea891f..522735d6 100644
--- a/webui/src/i18n/locales/id/common.json
+++ b/webui/src/i18n/locales/id/common.json
@@ -529,6 +529,14 @@
       "last": {
         "never": "Belum pernah",
         "unknown": "tidak dikenal"
+      },
+      "history": {
+        "ok": "Selesai",
+        "error": "Error",
+        "skipped": "Dilewati"
+      },
+      "duration": {
+        "lessThanSecond": "kurang dari 1 detik"
       }
     },
     "oauth": {
diff --git a/webui/src/i18n/locales/ja/common.json b/webui/src/i18n/locales/ja/common.json
index 3b0deab4..57a3d0b1 100644
--- a/webui/src/i18n/locales/ja/common.json
+++ b/webui/src/i18n/locales/ja/common.json
@@ -529,6 +529,14 @@
       "last": {
         "never": "未実行",
         "unknown": "不明"
+      },
+      "history": {
+        "ok": "完了",
+        "error": "エラー",
+        "skipped": "スキップ"
+      },
+      "duration": {
+        "lessThanSecond": "1 秒未満"
       }
     },
     "oauth": {
diff --git a/webui/src/i18n/locales/ko/common.json b/webui/src/i18n/locales/ko/common.json
index 8dc5edef..c1acc078 100644
--- a/webui/src/i18n/locales/ko/common.json
+++ b/webui/src/i18n/locales/ko/common.json
@@ -529,6 +529,14 @@
       "last": {
         "never": "실행된 적 없음",
         "unknown": "알 수 없음"
+      },
+      "history": {
+        "ok": "완료",
+        "error": "오류",
+        "skipped": "건너뜀"
+      },
+      "duration": {
+        "lessThanSecond": "1초 미만"
       }
     },
     "oauth": {
diff --git a/webui/src/i18n/locales/vi/common.json b/webui/src/i18n/locales/vi/common.json
index 325c2d8c..1deddbac 100644
--- a/webui/src/i18n/locales/vi/common.json
+++ b/webui/src/i18n/locales/vi/common.json
@@ -529,6 +529,14 @@
       "last": {
         "never": "Chưa từng chạy",
         "unknown": "không xác định"
+      },
+      "history": {
+        "ok": "Hoàn tất",
+        "error": "Lỗi",
+        "skipped": "Đã bỏ qua"
+      },
+      "duration": {
+        "lessThanSecond": "dưới 1 giây"
       }
     },
     "oauth": {
diff --git a/webui/src/i18n/locales/zh-CN/common.json b/webui/src/i18n/locales/zh-CN/common.json
index 47ec0c75..d6300380 100644
--- a/webui/src/i18n/locales/zh-CN/common.json
+++ b/webui/src/i18n/locales/zh-CN/common.json
@@ -529,6 +529,14 @@
       "last": {
         "never": "从未运行",
         "unknown": "未知"
+      },
+      "history": {
+        "ok": "完成",
+        "error": "错误",
+        "skipped": "已跳过"
+      },
+      "duration": {
+        "lessThanSecond": "不到 1 秒"
       }
     },
     "oauth": {
diff --git a/webui/src/i18n/locales/zh-TW/common.json b/webui/src/i18n/locales/zh-TW/common.json
index 455865d0..4d1bab31 100644
--- a/webui/src/i18n/locales/zh-TW/common.json
+++ b/webui/src/i18n/locales/zh-TW/common.json
@@ -529,6 +529,14 @@
       "last": {
         "never": "從未執行",
         "unknown": "未知"
+      },
+      "history": {
+        "ok": "完成",
+        "error": "錯誤",
+        "skipped": "已略過"
+      },
+      "duration": {
+        "lessThanSecond": "不到 1 秒"
       }
     },
     "oauth": {
diff --git a/webui/src/tests/app-layout.test.tsx b/webui/src/tests/app-layout.test.tsx
index f8c1496e..a52099de 100644
--- a/webui/src/tests/app-layout.test.tsx
+++ b/webui/src/tests/app-layout.test.tsx
@@ -405,7 +405,43 @@ describe("App layout", () => {
     await i18n.changeLanguage("zh-CN");
     mockFetchRoutes({
       "/api/settings": baseSettingsPayload(),
-      "/api/webui/automations": { jobs: [] },
+      "/api/webui/automations": {
+        jobs: [
+          {
+            id: "job-zh",
+            name: "每日检查",
+            enabled: true,
+            protected: false,
+            delete_after_run: false,
+            schedule: { kind: "every", every_ms: 86_400_000 },
+            payload: {
+              message: "检查仓库状态",
+              kind: "agent_turn",
+              session_key: "websocket:chat-a",
+            },
+            state: {
+              next_run_at_ms: Date.UTC(2026, 3, 17, 10, 0, 0),
+              last_run_at_ms: Date.UTC(2026, 3, 16, 10, 0, 0),
+              last_status: "ok",
+              pending: false,
+              run_history: [
+                {
+                  run_at_ms: Date.UTC(2026, 3, 16, 10, 0, 0),
+                  status: "ok",
+                  duration_ms: 500,
+                },
+              ],
+            },
+            origin: {
+              session_key: "websocket:chat-a",
+              channel: "websocket",
+              chat_id: "chat-a",
+              title: "发布准备",
+              preview: "检查发布阻塞项",
+            },
+          },
+        ],
+      },
     });
 
     render(<App />);
@@ -419,7 +455,10 @@ describe("App layout", () => {
     expect(screen.getByText("统一查看 cron 提醒、周期性 agent 任务、一次性自动任务和受保护的系统自动任务。")).toBeInTheDocument();
     expect(screen.getByRole("button", { name: "刷新" })).toBeInTheDocument();
     expect(screen.getByText("任务队列")).toBeInTheDocument();
-    expect(screen.getByText("暂无自动任务。")).toBeInTheDocument();
+    expect(screen.getByText("每日检查")).toBeInTheDocument();
+    expect(screen.getByText("检查仓库状态")).toBeInTheDocument();
+    expect(screen.getByText("每 1天")).toBeInTheDocument();
+    expect(screen.getByText("完成 · 不到 1 秒")).toBeInTheDocument();
     expect(screen.queryByText("Workspace automations")).not.toBeInTheDocument();
     expect(document.title).toBe("自动任务 · nanobot");
   });
diff --git a/webui/src/tests/i18n.test.tsx b/webui/src/tests/i18n.test.tsx
index 444c7282..a84e0b68 100644
--- a/webui/src/tests/i18n.test.tsx
+++ b/webui/src/tests/i18n.test.tsx
@@ -58,6 +58,8 @@ const LOCALIZED_SETTINGS_COPY_KEYS = [
   "settings.automations.systemTask",
   "settings.automations.labels.schedule",
   "settings.automations.status.active",
+  "settings.automations.history.ok",
+  "settings.automations.duration.lessThanSecond",
   "settings.automations.deleteTitle",
   "settings.sections.interface",
   "settings.sections.localPreferences",

From 5b10102629cc0c83ad7ba123f559d9fb7bd0a25b Mon Sep 17 00:00:00 2001
From: chengyongru <2755839590@qq.com>
Date: Sun, 14 Jun 2026 00:04:15 +0800
Subject: [PATCH 03/38] fix(webui): avoid fake automation origins

---
 nanobot/webui/session_automations.py          |  9 ++++----
 tests/channels/test_websocket_http_routes.py  |  8 +++++++
 .../src/components/settings/SettingsView.tsx  | 14 +++++++----
 webui/src/i18n/locales/en/common.json         |  5 ++--
 webui/src/i18n/locales/es/common.json         |  5 ++--
 webui/src/i18n/locales/fr/common.json         |  5 ++--
 webui/src/i18n/locales/id/common.json         |  5 ++--
 webui/src/i18n/locales/ja/common.json         |  5 ++--
 webui/src/i18n/locales/ko/common.json         |  5 ++--
 webui/src/i18n/locales/vi/common.json         |  5 ++--
 webui/src/i18n/locales/zh-CN/common.json      |  5 ++--
 webui/src/i18n/locales/zh-TW/common.json      |  5 ++--
 webui/src/tests/app-layout.test.tsx           | 23 +++++++++++++++++++
 13 files changed, 72 insertions(+), 27 deletions(-)

diff --git a/nanobot/webui/session_automations.py b/nanobot/webui/session_automations.py
index 308ec3aa..19340856 100644
--- a/nanobot/webui/session_automations.py
+++ b/nanobot/webui/session_automations.py
@@ -152,11 +152,11 @@ def _origin_payload(
     job: CronJob,
     session_manager: _SessionManagerLike | None,
 ) -> dict[str, Any] | None:
-    session_key = job.payload.session_key
-    if not session_key and job.payload.origin_channel and job.payload.origin_chat_id:
-        session_key = f"{job.payload.origin_channel}:{job.payload.origin_chat_id}"
-    if not session_key:
+    channel = job.payload.origin_channel
+    chat_id = job.payload.origin_chat_id
+    if not channel or not chat_id:
         return None
+    session_key = f"{channel}:{chat_id}"
 
     title = ""
     preview = ""
@@ -166,7 +166,6 @@ def _origin_payload(
             title = str(data.get("title") or "")
             preview = _session_preview(data.get("messages"))
 
-    channel, _, chat_id = session_key.partition(":")
     return {
         "session_key": session_key,
         "channel": channel,
diff --git a/tests/channels/test_websocket_http_routes.py b/tests/channels/test_websocket_http_routes.py
index 4767f9dd..4ee76da9 100644
--- a/tests/channels/test_websocket_http_routes.py
+++ b/tests/channels/test_websocket_http_routes.py
@@ -826,6 +826,12 @@ async def test_webui_automations_route_lists_all_jobs_and_allows_user_actions(
         origin_channel="websocket",
         origin_chat_id="abc",
     )
+    legacy_job = cron.add_job(
+        name="english-quiz",
+        schedule=CronSchedule(kind="every", every_ms=3_600_000),
+        message="Practice English",
+        session_key="unified:default",
+    )
     cron.register_system_job(
         CronJob(
             id="heartbeat",
@@ -862,6 +868,8 @@ async def test_webui_automations_route_lists_all_jobs_and_allows_user_actions(
         assert by_id[user_job.id]["state"]["run_history"] == []
         assert by_id[user_job.id]["origin"]["session_key"] == "websocket:abc"
         assert by_id[user_job.id]["origin"]["preview"] == "hi"
+        assert by_id[legacy_job.id]["payload"]["session_key"] == "unified:default"
+        assert by_id[legacy_job.id]["origin"] is None
         assert by_id["heartbeat"]["protected"] is True
 
         disabled = await _http_get(
diff --git a/webui/src/components/settings/SettingsView.tsx b/webui/src/components/settings/SettingsView.tsx
index c8c4fd93..c9b3ef9d 100644
--- a/webui/src/components/settings/SettingsView.tsx
+++ b/webui/src/components/settings/SettingsView.tsx
@@ -3521,6 +3521,9 @@ function AutomationRow({
     t(key, { defaultValue: fallback, ...(values ?? {}) });
   const status = automationStatus(job, tx);
   const origin = automationOriginLabel(job, tx);
+  const originHref = job.origin?.channel === "websocket"
+    ? `#/chat/${encodeURIComponent(job.origin.session_key)}`
+    : null;
   const history = job.state.run_history ?? [];
   const canManage = !job.protected;
   const canRun = canManage && job.enabled && !job.state.pending;
@@ -3554,11 +3557,11 @@ function AutomationRow({
             <AutomationDetail label={tx("settings.automations.labels.last", "Last")}>
               {formatAutomationLast(job, locale, tx)}
             </AutomationDetail>
-            <AutomationDetail label={tx("settings.automations.labels.origin", "Origin")}>
-              {job.origin?.session_key ? (
+            <AutomationDetail label={tx("settings.automations.labels.origin", "Linked chat")}>
+              {originHref ? (
                 <a
                   className="inline-flex max-w-full items-center gap-1 text-foreground/80 underline-offset-2 hover:underline"
-                  href={`#/chat/${encodeURIComponent(job.origin.session_key)}`}
+                  href={originHref}
                 >
                   <span className="truncate">{origin}</span>
                   <ExternalLink className="h-3 w-3 shrink-0" aria-hidden />
@@ -3751,7 +3754,10 @@ function automationOriginLabel(
 ): string {
   if (job.protected) return tx("settings.automations.origin.system", "System");
   const origin = job.origin;
-  if (!origin) return tx("settings.automations.origin.unknown", "Unknown session");
+  if (!origin && job.payload.kind === "agent_turn") {
+    return tx("settings.automations.origin.legacy", "Recreate in target chat");
+  }
+  if (!origin) return tx("settings.automations.origin.unknown", "No linked chat");
   return origin.title || origin.preview || origin.session_key;
 }
 
diff --git a/webui/src/i18n/locales/en/common.json b/webui/src/i18n/locales/en/common.json
index 04838947..89b3ec99 100644
--- a/webui/src/i18n/locales/en/common.json
+++ b/webui/src/i18n/locales/en/common.json
@@ -493,7 +493,7 @@
         "schedule": "Schedule",
         "next": "Next",
         "last": "Last",
-        "origin": "Origin"
+        "origin": "Linked chat"
       },
       "runNow": "Run now",
       "pause": "Pause",
@@ -512,7 +512,8 @@
       },
       "origin": {
         "system": "System",
-        "unknown": "Unknown session"
+        "unknown": "No linked chat",
+        "legacy": "Recreate in target chat"
       },
       "schedule": {
         "at": "At {{time}}",
diff --git a/webui/src/i18n/locales/es/common.json b/webui/src/i18n/locales/es/common.json
index c04429ee..c52a531c 100644
--- a/webui/src/i18n/locales/es/common.json
+++ b/webui/src/i18n/locales/es/common.json
@@ -493,7 +493,7 @@
         "schedule": "Programación",
         "next": "Siguiente",
         "last": "Última",
-        "origin": "Origen"
+        "origin": "Chat vinculado"
       },
       "runNow": "Ejecutar ahora",
       "pause": "Pausar",
@@ -512,7 +512,8 @@
       },
       "origin": {
         "system": "Sistema",
-        "unknown": "Sesión desconocida"
+        "unknown": "Sin chat vinculado",
+        "legacy": "Recréala en el chat de destino"
       },
       "schedule": {
         "at": "A las {{time}}",
diff --git a/webui/src/i18n/locales/fr/common.json b/webui/src/i18n/locales/fr/common.json
index 36fabcfe..6a6bb70e 100644
--- a/webui/src/i18n/locales/fr/common.json
+++ b/webui/src/i18n/locales/fr/common.json
@@ -493,7 +493,7 @@
         "schedule": "Planning",
         "next": "Prochaine",
         "last": "Dernière",
-        "origin": "Origine"
+        "origin": "Discussion liée"
       },
       "runNow": "Exécuter maintenant",
       "pause": "Mettre en pause",
@@ -512,7 +512,8 @@
       },
       "origin": {
         "system": "Système",
-        "unknown": "Session inconnue"
+        "unknown": "Aucune discussion liée",
+        "legacy": "Recréez-la dans la discussion cible"
       },
       "schedule": {
         "at": "À {{time}}",
diff --git a/webui/src/i18n/locales/id/common.json b/webui/src/i18n/locales/id/common.json
index 522735d6..9c49045b 100644
--- a/webui/src/i18n/locales/id/common.json
+++ b/webui/src/i18n/locales/id/common.json
@@ -493,7 +493,7 @@
         "schedule": "Jadwal",
         "next": "Berikutnya",
         "last": "Terakhir",
-        "origin": "Asal"
+        "origin": "Chat tertaut"
       },
       "runNow": "Jalankan sekarang",
       "pause": "Jeda",
@@ -512,7 +512,8 @@
       },
       "origin": {
         "system": "Sistem",
-        "unknown": "Sesi tidak dikenal"
+        "unknown": "Tidak ada chat tertaut",
+        "legacy": "Buat ulang di chat tujuan"
       },
       "schedule": {
         "at": "Pada {{time}}",
diff --git a/webui/src/i18n/locales/ja/common.json b/webui/src/i18n/locales/ja/common.json
index 57a3d0b1..34bc8262 100644
--- a/webui/src/i18n/locales/ja/common.json
+++ b/webui/src/i18n/locales/ja/common.json
@@ -493,7 +493,7 @@
         "schedule": "スケジュール",
         "next": "次回",
         "last": "前回",
-        "origin": "発生元"
+        "origin": "関連チャット"
       },
       "runNow": "今すぐ実行",
       "pause": "一時停止",
@@ -512,7 +512,8 @@
       },
       "origin": {
         "system": "システム",
-        "unknown": "不明なセッション"
+        "unknown": "関連チャットなし",
+        "legacy": "対象チャットで作り直してください"
       },
       "schedule": {
         "at": "{{time}}",
diff --git a/webui/src/i18n/locales/ko/common.json b/webui/src/i18n/locales/ko/common.json
index c1acc078..1580a0ef 100644
--- a/webui/src/i18n/locales/ko/common.json
+++ b/webui/src/i18n/locales/ko/common.json
@@ -493,7 +493,7 @@
         "schedule": "일정",
         "next": "다음",
         "last": "마지막",
-        "origin": "출처"
+        "origin": "연결된 채팅"
       },
       "runNow": "지금 실행",
       "pause": "일시 중지",
@@ -512,7 +512,8 @@
       },
       "origin": {
         "system": "시스템",
-        "unknown": "알 수 없는 세션"
+        "unknown": "연결된 채팅 없음",
+        "legacy": "대상 채팅에서 다시 만드세요"
       },
       "schedule": {
         "at": "{{time}}",
diff --git a/webui/src/i18n/locales/vi/common.json b/webui/src/i18n/locales/vi/common.json
index 1deddbac..1d41a3f8 100644
--- a/webui/src/i18n/locales/vi/common.json
+++ b/webui/src/i18n/locales/vi/common.json
@@ -493,7 +493,7 @@
         "schedule": "Lịch",
         "next": "Tiếp theo",
         "last": "Lần trước",
-        "origin": "Nguồn"
+        "origin": "Cuộc trò chuyện liên kết"
       },
       "runNow": "Chạy ngay",
       "pause": "Tạm dừng",
@@ -512,7 +512,8 @@
       },
       "origin": {
         "system": "Hệ thống",
-        "unknown": "Phiên không xác định"
+        "unknown": "Chưa liên kết cuộc trò chuyện",
+        "legacy": "Tạo lại trong cuộc trò chuyện đích"
       },
       "schedule": {
         "at": "Vào {{time}}",
diff --git a/webui/src/i18n/locales/zh-CN/common.json b/webui/src/i18n/locales/zh-CN/common.json
index d6300380..6d410477 100644
--- a/webui/src/i18n/locales/zh-CN/common.json
+++ b/webui/src/i18n/locales/zh-CN/common.json
@@ -493,7 +493,7 @@
         "schedule": "计划",
         "next": "下次",
         "last": "上次",
-        "origin": "来源"
+        "origin": "关联会话"
       },
       "runNow": "立即运行",
       "pause": "暂停",
@@ -512,7 +512,8 @@
       },
       "origin": {
         "system": "系统",
-        "unknown": "未知会话"
+        "unknown": "未关联会话",
+        "legacy": "请在目标会话中重新创建"
       },
       "schedule": {
         "at": "在 {{time}}",
diff --git a/webui/src/i18n/locales/zh-TW/common.json b/webui/src/i18n/locales/zh-TW/common.json
index 4d1bab31..8e59eeb0 100644
--- a/webui/src/i18n/locales/zh-TW/common.json
+++ b/webui/src/i18n/locales/zh-TW/common.json
@@ -493,7 +493,7 @@
         "schedule": "排程",
         "next": "下次",
         "last": "上次",
-        "origin": "來源"
+        "origin": "關聯會話"
       },
       "runNow": "立即執行",
       "pause": "暫停",
@@ -512,7 +512,8 @@
       },
       "origin": {
         "system": "系統",
-        "unknown": "未知會話"
+        "unknown": "未關聯會話",
+        "legacy": "請在目標會話中重新建立"
       },
       "schedule": {
         "at": "於 {{time}}",
diff --git a/webui/src/tests/app-layout.test.tsx b/webui/src/tests/app-layout.test.tsx
index a52099de..1c9f04fb 100644
--- a/webui/src/tests/app-layout.test.tsx
+++ b/webui/src/tests/app-layout.test.tsx
@@ -365,6 +365,26 @@ describe("App layout", () => {
               preview: "Check release blockers",
             },
           },
+          {
+            id: "legacy-quiz",
+            name: "english-quiz",
+            enabled: true,
+            protected: false,
+            delete_after_run: false,
+            schedule: { kind: "cron", expr: "30 9-23 * * *", tz: "Asia/Shanghai" },
+            payload: {
+              message: "Practice English",
+              kind: "agent_turn",
+              session_key: "unified:default",
+            },
+            state: {
+              next_run_at_ms: Date.UTC(2026, 3, 17, 11, 0, 0),
+              last_status: "ok",
+              pending: false,
+              run_history: [],
+            },
+            origin: null,
+          },
           {
             id: "heartbeat",
             name: "heartbeat",
@@ -393,6 +413,9 @@ describe("App layout", () => {
     expect(screen.getByText("Daily repo check")).toBeInTheDocument();
     expect(screen.getByText("Check the repo status")).toBeInTheDocument();
     expect(screen.getByText("Release prep")).toBeInTheDocument();
+    expect(screen.getByText("english-quiz")).toBeInTheDocument();
+    expect(screen.getByText("Recreate in target chat")).toBeInTheDocument();
+    expect(screen.queryByText("unified:default")).not.toBeInTheDocument();
     expect(screen.getByText("heartbeat")).toBeInTheDocument();
     expect(within(sidebar).getByRole("button", { name: "Automations" })).toHaveAttribute(
       "aria-current",

From 17e31835981f2df93d2106e272e654708ccfe157 Mon Sep 17 00:00:00 2001
From: chengyongru <2755839590@qq.com>
Date: Sun, 14 Jun 2026 00:32:53 +0800
Subject: [PATCH 04/38] fix(webui): simplify automation source display

---
 nanobot/webui/session_automations.py          |  2 +-
 tests/channels/test_websocket_http_routes.py  | 16 ++++-
 .../src/components/settings/SettingsView.tsx  | 63 ++++++++++++-------
 webui/src/i18n/locales/en/common.json         | 19 +++++-
 webui/src/i18n/locales/es/common.json         | 19 +++++-
 webui/src/i18n/locales/fr/common.json         | 19 +++++-
 webui/src/i18n/locales/id/common.json         | 19 +++++-
 webui/src/i18n/locales/ja/common.json         | 19 +++++-
 webui/src/i18n/locales/ko/common.json         | 19 +++++-
 webui/src/i18n/locales/vi/common.json         | 19 +++++-
 webui/src/i18n/locales/zh-CN/common.json      | 19 +++++-
 webui/src/i18n/locales/zh-TW/common.json      | 19 +++++-
 webui/src/tests/app-layout.test.tsx           | 39 ++++++++++--
 13 files changed, 255 insertions(+), 36 deletions(-)

diff --git a/nanobot/webui/session_automations.py b/nanobot/webui/session_automations.py
index 19340856..a63cf4da 100644
--- a/nanobot/webui/session_automations.py
+++ b/nanobot/webui/session_automations.py
@@ -160,7 +160,7 @@ def _origin_payload(
 
     title = ""
     preview = ""
-    if session_manager is not None:
+    if channel == "websocket" and session_manager is not None:
         data = session_manager.read_session_file(session_key)
         if isinstance(data, dict):
             title = str(data.get("title") or "")
diff --git a/tests/channels/test_websocket_http_routes.py b/tests/channels/test_websocket_http_routes.py
index 4ee76da9..8cbbe80c 100644
--- a/tests/channels/test_websocket_http_routes.py
+++ b/tests/channels/test_websocket_http_routes.py
@@ -832,6 +832,14 @@ async def test_webui_automations_route_lists_all_jobs_and_allows_user_actions(
         message="Practice English",
         session_key="unified:default",
     )
+    external_job = cron.add_job(
+        name="WeChat quiz",
+        schedule=CronSchedule(kind="every", every_ms=3_600_000),
+        message="Send a quiz",
+        session_key="weixin:wx-chat",
+        origin_channel="weixin",
+        origin_chat_id="wx-chat",
+    )
     cron.register_system_job(
         CronJob(
             id="heartbeat",
@@ -840,9 +848,13 @@ async def test_webui_automations_route_lists_all_jobs_and_allows_user_actions(
             payload=CronPayload(kind="system_event"),
         )
     )
+    session_manager = _seed_session(tmp_path, key="websocket:abc")
+    external_session = Session(key="weixin:wx-chat")
+    external_session.add_message("user", "Scheduled cron job triggered")
+    session_manager.save(external_session)
     channel = _ch(
         bus,
-        session_manager=_seed_session(tmp_path, key="websocket:abc"),
+        session_manager=session_manager,
         cron_service=cron,
         cron_pending_job_ids=lambda key: {user_job.id} if key == "websocket:abc" else set(),
         port=29932,
@@ -870,6 +882,8 @@ async def test_webui_automations_route_lists_all_jobs_and_allows_user_actions(
         assert by_id[user_job.id]["origin"]["preview"] == "hi"
         assert by_id[legacy_job.id]["payload"]["session_key"] == "unified:default"
         assert by_id[legacy_job.id]["origin"] is None
+        assert by_id[external_job.id]["origin"]["session_key"] == "weixin:wx-chat"
+        assert by_id[external_job.id]["origin"]["preview"] == ""
         assert by_id["heartbeat"]["protected"] is True
 
         disabled = await _http_get(
diff --git a/webui/src/components/settings/SettingsView.tsx b/webui/src/components/settings/SettingsView.tsx
index c9b3ef9d..39e80249 100644
--- a/webui/src/components/settings/SettingsView.tsx
+++ b/webui/src/components/settings/SettingsView.tsx
@@ -13,7 +13,6 @@ import {
   ArrowUpCircle,
   Bot,
   Brain,
-  CalendarClock,
   Check,
   CircleAlert,
   ChevronDown,
@@ -3390,23 +3389,14 @@ function AutomationsSettings({
   return (
     <div className="space-y-5">
       <section className="rounded-[24px] border border-border/50 bg-card/82 px-4 py-4 shadow-[0_18px_65px_rgba(15,23,42,0.07)] backdrop-blur-xl sm:px-5">
-        <div className="flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between">
-          <div className="min-w-0">
-            <div className="flex items-center gap-2 text-[13px] font-medium text-muted-foreground">
-              <CalendarClock className="h-4 w-4" aria-hidden />
-              {tx("settings.automations.kicker", "Workspace automations")}
-            </div>
-            <h2 className="mt-2 text-[22px] font-normal leading-tight tracking-normal text-foreground">
-              {tx("settings.automations.title", "Automations")}
-            </h2>
-            <p className="mt-2 max-w-[36rem] text-[13px] leading-6 text-muted-foreground">
-              {tx(
-                "settings.automations.description",
-                "Review cron reminders, recurring agent turns, one-time jobs, and protected system automations in one place.",
-              )}
-            </p>
-          </div>
-          <div className="flex shrink-0 gap-2">
+        <div className="flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between">
+          <p className="max-w-[38rem] text-[13px] leading-6 text-muted-foreground">
+            {tx(
+              "settings.automations.description",
+              "Review cron reminders, recurring agent turns, one-time jobs, and protected system jobs.",
+            )}
+          </p>
+          <div className="flex shrink-0 flex-wrap gap-2">
             <Button
               type="button"
               variant="outline"
@@ -3711,6 +3701,11 @@ function AutomationDeleteDialog({
 }
 
 function automationSearchText(job: SessionAutomationJob): string {
+  const originText = job.origin
+    ? job.origin.channel === "websocket"
+      ? [job.origin.session_key, job.origin.title, job.origin.preview]
+      : [job.origin.channel]
+    : [];
   return [
     job.id,
     job.name,
@@ -3718,9 +3713,7 @@ function automationSearchText(job: SessionAutomationJob): string {
     job.schedule.kind,
     job.schedule.expr,
     job.schedule.tz,
-    job.origin?.session_key,
-    job.origin?.title,
-    job.origin?.preview,
+    ...originText,
   ]
     .filter(Boolean)
     .join(" ")
@@ -3758,9 +3751,37 @@ function automationOriginLabel(
     return tx("settings.automations.origin.legacy", "Recreate in target chat");
   }
   if (!origin) return tx("settings.automations.origin.unknown", "No linked chat");
+  if (origin.channel !== "websocket") return automationChannelLabel(origin.channel, tx);
   return origin.title || origin.preview || origin.session_key;
 }
 
+function automationChannelLabel(
+  channel: string,
+  tx: (key: string, fallback: string, values?: Record<string, unknown>) => string,
+): string {
+  const key = channel.trim().toLowerCase();
+  const labels: Record<string, string> = {
+    api: "API",
+    cli: "CLI",
+    dingtalk: "DingTalk",
+    discord: "Discord",
+    email: "Email",
+    feishu: "Feishu",
+    matrix: "Matrix",
+    msteams: "Microsoft Teams",
+    qq: "QQ",
+    slack: "Slack",
+    telegram: "Telegram",
+    wechat: "WeChat",
+    wecom: "WeCom",
+    weixin: "WeChat",
+    whatsapp: "WhatsApp",
+  };
+  return labels[key]
+    ? tx(`settings.automations.channels.${key}`, labels[key])
+    : channel;
+}
+
 function formatAutomationSchedule(
   job: SessionAutomationJob,
   locale: string,
diff --git a/webui/src/i18n/locales/en/common.json b/webui/src/i18n/locales/en/common.json
index 89b3ec99..4e98c346 100644
--- a/webui/src/i18n/locales/en/common.json
+++ b/webui/src/i18n/locales/en/common.json
@@ -466,7 +466,7 @@
     "automations": {
       "kicker": "Workspace automations",
       "title": "Automations",
-      "description": "Review cron reminders, recurring agent turns, one-time jobs, and protected system automations in one place.",
+      "description": "Review cron reminders, recurring agent turns, one-time jobs, and protected system jobs.",
       "refresh": "Refresh",
       "newInChat": "New in chat",
       "stats": {
@@ -515,6 +515,23 @@
         "unknown": "No linked chat",
         "legacy": "Recreate in target chat"
       },
+      "channels": {
+        "api": "API",
+        "cli": "CLI",
+        "dingtalk": "DingTalk",
+        "discord": "Discord",
+        "email": "Email",
+        "feishu": "Feishu",
+        "matrix": "Matrix",
+        "msteams": "Microsoft Teams",
+        "qq": "QQ",
+        "slack": "Slack",
+        "telegram": "Telegram",
+        "wechat": "WeChat",
+        "wecom": "WeCom",
+        "weixin": "WeChat",
+        "whatsapp": "WhatsApp"
+      },
       "schedule": {
         "at": "At {{time}}",
         "every": "Every {{duration}}",
diff --git a/webui/src/i18n/locales/es/common.json b/webui/src/i18n/locales/es/common.json
index c52a531c..efa66b9d 100644
--- a/webui/src/i18n/locales/es/common.json
+++ b/webui/src/i18n/locales/es/common.json
@@ -466,7 +466,7 @@
     "automations": {
       "kicker": "Automatizaciones del espacio",
       "title": "Automatizaciones",
-      "description": "Revisa recordatorios cron, turnos recurrentes del agente, automatizaciones de una vez y automatizaciones protegidas del sistema en un solo lugar.",
+      "description": "Revisa recordatorios cron, turnos recurrentes del agente, tareas de una vez y tareas protegidas del sistema.",
       "refresh": "Actualizar",
       "newInChat": "Crear en chat",
       "stats": {
@@ -515,6 +515,23 @@
         "unknown": "Sin chat vinculado",
         "legacy": "Recréala en el chat de destino"
       },
+      "channels": {
+        "api": "API",
+        "cli": "CLI",
+        "dingtalk": "DingTalk",
+        "discord": "Discord",
+        "email": "Email",
+        "feishu": "Feishu",
+        "matrix": "Matrix",
+        "msteams": "Microsoft Teams",
+        "qq": "QQ",
+        "slack": "Slack",
+        "telegram": "Telegram",
+        "wechat": "WeChat",
+        "wecom": "WeCom",
+        "weixin": "WeChat",
+        "whatsapp": "WhatsApp"
+      },
       "schedule": {
         "at": "A las {{time}}",
         "every": "Cada {{duration}}",
diff --git a/webui/src/i18n/locales/fr/common.json b/webui/src/i18n/locales/fr/common.json
index 6a6bb70e..4c6eec9c 100644
--- a/webui/src/i18n/locales/fr/common.json
+++ b/webui/src/i18n/locales/fr/common.json
@@ -466,7 +466,7 @@
     "automations": {
       "kicker": "Automatisations de l’espace",
       "title": "Automatisations",
-      "description": "Passez en revue les rappels cron, tours récurrents de l’agent, automatisations ponctuelles et automatisations système protégées au même endroit.",
+      "description": "Passez en revue les rappels cron, tours récurrents de l’agent, tâches ponctuelles et tâches système protégées.",
       "refresh": "Actualiser",
       "newInChat": "Créer dans le chat",
       "stats": {
@@ -515,6 +515,23 @@
         "unknown": "Aucune discussion liée",
         "legacy": "Recréez-la dans la discussion cible"
       },
+      "channels": {
+        "api": "API",
+        "cli": "CLI",
+        "dingtalk": "DingTalk",
+        "discord": "Discord",
+        "email": "Email",
+        "feishu": "Feishu",
+        "matrix": "Matrix",
+        "msteams": "Microsoft Teams",
+        "qq": "QQ",
+        "slack": "Slack",
+        "telegram": "Telegram",
+        "wechat": "WeChat",
+        "wecom": "WeCom",
+        "weixin": "WeChat",
+        "whatsapp": "WhatsApp"
+      },
       "schedule": {
         "at": "À {{time}}",
         "every": "Toutes les {{duration}}",
diff --git a/webui/src/i18n/locales/id/common.json b/webui/src/i18n/locales/id/common.json
index 9c49045b..1b1d0af6 100644
--- a/webui/src/i18n/locales/id/common.json
+++ b/webui/src/i18n/locales/id/common.json
@@ -466,7 +466,7 @@
     "automations": {
       "kicker": "Otomasi ruang kerja",
       "title": "Otomasi",
-      "description": "Tinjau pengingat cron, giliran agen berulang, otomasi sekali jalan, dan otomasi sistem terlindungi di satu tempat.",
+      "description": "Tinjau pengingat cron, giliran agen berulang, tugas sekali jalan, dan tugas sistem terlindungi.",
       "refresh": "Segarkan",
       "newInChat": "Buat di chat",
       "stats": {
@@ -515,6 +515,23 @@
         "unknown": "Tidak ada chat tertaut",
         "legacy": "Buat ulang di chat tujuan"
       },
+      "channels": {
+        "api": "API",
+        "cli": "CLI",
+        "dingtalk": "DingTalk",
+        "discord": "Discord",
+        "email": "Email",
+        "feishu": "Feishu",
+        "matrix": "Matrix",
+        "msteams": "Microsoft Teams",
+        "qq": "QQ",
+        "slack": "Slack",
+        "telegram": "Telegram",
+        "wechat": "WeChat",
+        "wecom": "WeCom",
+        "weixin": "WeChat",
+        "whatsapp": "WhatsApp"
+      },
       "schedule": {
         "at": "Pada {{time}}",
         "every": "Setiap {{duration}}",
diff --git a/webui/src/i18n/locales/ja/common.json b/webui/src/i18n/locales/ja/common.json
index 34bc8262..c1742924 100644
--- a/webui/src/i18n/locales/ja/common.json
+++ b/webui/src/i18n/locales/ja/common.json
@@ -466,7 +466,7 @@
     "automations": {
       "kicker": "ワークスペースの自動タスク",
       "title": "自動タスク",
-      "description": "cron リマインダー、定期的な agent ターン、一回限りの自動タスク、保護されたシステム自動タスクを一か所で確認できます。",
+      "description": "cron リマインダー、定期的な agent ターン、一回限りのタスク、保護されたシステムタスクを確認できます。",
       "refresh": "更新",
       "newInChat": "チャットで作成",
       "stats": {
@@ -515,6 +515,23 @@
         "unknown": "関連チャットなし",
         "legacy": "対象チャットで作り直してください"
       },
+      "channels": {
+        "api": "API",
+        "cli": "CLI",
+        "dingtalk": "DingTalk",
+        "discord": "Discord",
+        "email": "Email",
+        "feishu": "Feishu",
+        "matrix": "Matrix",
+        "msteams": "Microsoft Teams",
+        "qq": "QQ",
+        "slack": "Slack",
+        "telegram": "Telegram",
+        "wechat": "WeChat",
+        "wecom": "WeCom",
+        "weixin": "WeChat",
+        "whatsapp": "WhatsApp"
+      },
       "schedule": {
         "at": "{{time}}",
         "every": "{{duration}} ごと",
diff --git a/webui/src/i18n/locales/ko/common.json b/webui/src/i18n/locales/ko/common.json
index 1580a0ef..471cb78a 100644
--- a/webui/src/i18n/locales/ko/common.json
+++ b/webui/src/i18n/locales/ko/common.json
@@ -466,7 +466,7 @@
     "automations": {
       "kicker": "작업 공간 자동화",
       "title": "자동화",
-      "description": "cron 알림, 반복 agent 작업, 일회성 자동화, 보호된 시스템 자동화를 한곳에서 확인합니다.",
+      "description": "cron 알림, 반복 agent 작업, 일회성 작업, 보호된 시스템 작업을 확인합니다.",
       "refresh": "새로 고침",
       "newInChat": "채팅에서 만들기",
       "stats": {
@@ -515,6 +515,23 @@
         "unknown": "연결된 채팅 없음",
         "legacy": "대상 채팅에서 다시 만드세요"
       },
+      "channels": {
+        "api": "API",
+        "cli": "CLI",
+        "dingtalk": "DingTalk",
+        "discord": "Discord",
+        "email": "Email",
+        "feishu": "Feishu",
+        "matrix": "Matrix",
+        "msteams": "Microsoft Teams",
+        "qq": "QQ",
+        "slack": "Slack",
+        "telegram": "Telegram",
+        "wechat": "WeChat",
+        "wecom": "WeCom",
+        "weixin": "WeChat",
+        "whatsapp": "WhatsApp"
+      },
       "schedule": {
         "at": "{{time}}",
         "every": "{{duration}}마다",
diff --git a/webui/src/i18n/locales/vi/common.json b/webui/src/i18n/locales/vi/common.json
index 1d41a3f8..ba9b8beb 100644
--- a/webui/src/i18n/locales/vi/common.json
+++ b/webui/src/i18n/locales/vi/common.json
@@ -466,7 +466,7 @@
     "automations": {
       "kicker": "Tự động hóa không gian làm việc",
       "title": "Tự động hóa",
-      "description": "Xem nhắc nhở cron, lượt agent định kỳ, tự động hóa một lần và tự động hóa hệ thống được bảo vệ tại một nơi.",
+      "description": "Xem nhắc nhở cron, lượt agent định kỳ, tác vụ một lần và tác vụ hệ thống được bảo vệ.",
       "refresh": "Làm mới",
       "newInChat": "Tạo trong chat",
       "stats": {
@@ -515,6 +515,23 @@
         "unknown": "Chưa liên kết cuộc trò chuyện",
         "legacy": "Tạo lại trong cuộc trò chuyện đích"
       },
+      "channels": {
+        "api": "API",
+        "cli": "CLI",
+        "dingtalk": "DingTalk",
+        "discord": "Discord",
+        "email": "Email",
+        "feishu": "Feishu",
+        "matrix": "Matrix",
+        "msteams": "Microsoft Teams",
+        "qq": "QQ",
+        "slack": "Slack",
+        "telegram": "Telegram",
+        "wechat": "WeChat",
+        "wecom": "WeCom",
+        "weixin": "WeChat",
+        "whatsapp": "WhatsApp"
+      },
       "schedule": {
         "at": "Vào {{time}}",
         "every": "Mỗi {{duration}}",
diff --git a/webui/src/i18n/locales/zh-CN/common.json b/webui/src/i18n/locales/zh-CN/common.json
index 6d410477..2e9e35c7 100644
--- a/webui/src/i18n/locales/zh-CN/common.json
+++ b/webui/src/i18n/locales/zh-CN/common.json
@@ -466,7 +466,7 @@
     "automations": {
       "kicker": "工作区自动任务",
       "title": "自动任务",
-      "description": "统一查看 cron 提醒、周期性 agent 任务、一次性自动任务和受保护的系统自动任务。",
+      "description": "统一查看 cron 提醒、周期性 agent 任务、一次性任务和系统任务。",
       "refresh": "刷新",
       "newInChat": "在聊天中创建",
       "stats": {
@@ -515,6 +515,23 @@
         "unknown": "未关联会话",
         "legacy": "请在目标会话中重新创建"
       },
+      "channels": {
+        "api": "API",
+        "cli": "CLI",
+        "dingtalk": "钉钉",
+        "discord": "Discord",
+        "email": "邮件",
+        "feishu": "飞书",
+        "matrix": "Matrix",
+        "msteams": "Microsoft Teams",
+        "qq": "QQ",
+        "slack": "Slack",
+        "telegram": "Telegram",
+        "wechat": "微信",
+        "wecom": "企业微信",
+        "weixin": "微信",
+        "whatsapp": "WhatsApp"
+      },
       "schedule": {
         "at": "在 {{time}}",
         "every": "每 {{duration}}",
diff --git a/webui/src/i18n/locales/zh-TW/common.json b/webui/src/i18n/locales/zh-TW/common.json
index 8e59eeb0..6a1d223c 100644
--- a/webui/src/i18n/locales/zh-TW/common.json
+++ b/webui/src/i18n/locales/zh-TW/common.json
@@ -466,7 +466,7 @@
     "automations": {
       "kicker": "工作區自動任務",
       "title": "自動任務",
-      "description": "集中查看 cron 提醒、週期性 agent 任務、一次性自動任務和受保護的系統自動任務。",
+      "description": "集中查看 cron 提醒、週期性 agent 任務、一次性任務和系統任務。",
       "refresh": "重新整理",
       "newInChat": "在聊天中建立",
       "stats": {
@@ -515,6 +515,23 @@
         "unknown": "未關聯會話",
         "legacy": "請在目標會話中重新建立"
       },
+      "channels": {
+        "api": "API",
+        "cli": "CLI",
+        "dingtalk": "釘釘",
+        "discord": "Discord",
+        "email": "電子郵件",
+        "feishu": "飛書",
+        "matrix": "Matrix",
+        "msteams": "Microsoft Teams",
+        "qq": "QQ",
+        "slack": "Slack",
+        "telegram": "Telegram",
+        "wechat": "微信",
+        "wecom": "企業微信",
+        "weixin": "微信",
+        "whatsapp": "WhatsApp"
+      },
       "schedule": {
         "at": "於 {{time}}",
         "every": "每 {{duration}}",
diff --git a/webui/src/tests/app-layout.test.tsx b/webui/src/tests/app-layout.test.tsx
index 1c9f04fb..34a11bb8 100644
--- a/webui/src/tests/app-layout.test.tsx
+++ b/webui/src/tests/app-layout.test.tsx
@@ -385,6 +385,34 @@ describe("App layout", () => {
             },
             origin: null,
           },
+          {
+            id: "external-quiz",
+            name: "WeChat quiz",
+            enabled: true,
+            protected: false,
+            delete_after_run: false,
+            schedule: { kind: "every", every_ms: 3_600_000 },
+            payload: {
+              message: "Send a quiz",
+              kind: "agent_turn",
+              session_key: "weixin:wx-chat",
+              origin_channel: "weixin",
+              origin_chat_id: "wx-chat",
+            },
+            state: {
+              next_run_at_ms: Date.UTC(2026, 3, 17, 11, 30, 0),
+              last_status: "ok",
+              pending: false,
+              run_history: [],
+            },
+            origin: {
+              session_key: "weixin:wx-chat",
+              channel: "weixin",
+              chat_id: "wx-chat",
+              title: "Scheduled cron job triggered",
+              preview: "memory with dream state",
+            },
+          },
           {
             id: "heartbeat",
             name: "heartbeat",
@@ -409,13 +437,17 @@ describe("App layout", () => {
 
     fireEvent.click(automationsButton);
 
-    expect(await screen.findByText("Workspace automations")).toBeInTheDocument();
+    expect(await screen.findByRole("heading", { name: "Automations" })).toBeInTheDocument();
     expect(screen.getByText("Daily repo check")).toBeInTheDocument();
     expect(screen.getByText("Check the repo status")).toBeInTheDocument();
     expect(screen.getByText("Release prep")).toBeInTheDocument();
     expect(screen.getByText("english-quiz")).toBeInTheDocument();
     expect(screen.getByText("Recreate in target chat")).toBeInTheDocument();
     expect(screen.queryByText("unified:default")).not.toBeInTheDocument();
+    expect(screen.getByText("WeChat quiz")).toBeInTheDocument();
+    expect(screen.getByText("WeChat")).toBeInTheDocument();
+    expect(screen.queryByText("weixin:wx-chat")).not.toBeInTheDocument();
+    expect(screen.queryByText("memory with dream state")).not.toBeInTheDocument();
     expect(screen.getByText("heartbeat")).toBeInTheDocument();
     expect(within(sidebar).getByRole("button", { name: "Automations" })).toHaveAttribute(
       "aria-current",
@@ -473,9 +505,8 @@ describe("App layout", () => {
     const sidebar = screen.getByRole("navigation", { name: "侧边栏导航" });
     fireEvent.click(within(sidebar).getByRole("button", { name: "自动任务" }));
 
-    expect(await screen.findByText("工作区自动任务")).toBeInTheDocument();
-    expect(screen.getAllByRole("heading", { name: "自动任务" }).length).toBeGreaterThan(0);
-    expect(screen.getByText("统一查看 cron 提醒、周期性 agent 任务、一次性自动任务和受保护的系统自动任务。")).toBeInTheDocument();
+    expect(await screen.findByRole("heading", { name: "自动任务" })).toBeInTheDocument();
+    expect(screen.getByText("统一查看 cron 提醒、周期性 agent 任务、一次性任务和系统任务。")).toBeInTheDocument();
     expect(screen.getByRole("button", { name: "刷新" })).toBeInTheDocument();
     expect(screen.getByText("任务队列")).toBeInTheDocument();
     expect(screen.getByText("每日检查")).toBeInTheDocument();

From 5f2f6940345fc50ea3642943799a21c6f805d4ac Mon Sep 17 00:00:00 2001
From: chengyongru <2755839590@qq.com>
Date: Sun, 14 Jun 2026 01:03:53 +0800
Subject: [PATCH 05/38] fix(webui): reduce automation dashboard copy

---
 .../src/components/settings/SettingsView.tsx  | 100 +++++++-----------
 webui/src/i18n/locales/en/common.json         |   5 +-
 webui/src/i18n/locales/es/common.json         |   5 +-
 webui/src/i18n/locales/fr/common.json         |   5 +-
 webui/src/i18n/locales/id/common.json         |   5 +-
 webui/src/i18n/locales/ja/common.json         |   5 +-
 webui/src/i18n/locales/ko/common.json         |   5 +-
 webui/src/i18n/locales/vi/common.json         |   5 +-
 webui/src/i18n/locales/zh-CN/common.json      |   5 +-
 webui/src/i18n/locales/zh-TW/common.json      |   5 +-
 webui/src/tests/app-layout.test.tsx           |   6 +-
 webui/src/tests/i18n.test.tsx                 |   3 +-
 12 files changed, 60 insertions(+), 94 deletions(-)

diff --git a/webui/src/components/settings/SettingsView.tsx b/webui/src/components/settings/SettingsView.tsx
index 39e80249..fc2514a0 100644
--- a/webui/src/components/settings/SettingsView.tsx
+++ b/webui/src/components/settings/SettingsView.tsx
@@ -1264,18 +1264,6 @@ export function SettingsView({
     }
   };
 
-  const refreshAutomations = async () => {
-    setAutomationsLoading(true);
-    setAutomationsError(null);
-    try {
-      setAutomations(await fetchAutomations(token));
-    } catch (err) {
-      setAutomationsError((err as Error).message);
-    } finally {
-      setAutomationsLoading(false);
-    }
-  };
-
   const handleAutomationAction = async (
     action: AutomationAction,
     job: SessionAutomationJob,
@@ -1585,7 +1573,6 @@ export function SettingsView({
             error={automationsError}
             onQueryChange={setAutomationsQuery}
             onFilterChange={setAutomationsFilter}
-            onRefresh={refreshAutomations}
             onAction={handleAutomationAction}
             onRequestDelete={setAutomationPendingDelete}
           />
@@ -3350,7 +3337,6 @@ function AutomationsSettings({
   error,
   onQueryChange,
   onFilterChange,
-  onRefresh,
   onAction,
   onRequestDelete,
 }: {
@@ -3362,7 +3348,6 @@ function AutomationsSettings({
   error: string | null;
   onQueryChange: (value: string) => void;
   onFilterChange: (value: AutomationFilter) => void;
-  onRefresh: () => void;
   onAction: (action: AutomationAction, job: SessionAutomationJob) => void | Promise<void>;
   onRequestDelete: (job: SessionAutomationJob) => void;
 }) {
@@ -3389,38 +3374,16 @@ function AutomationsSettings({
   return (
     <div className="space-y-5">
       <section className="rounded-[24px] border border-border/50 bg-card/82 px-4 py-4 shadow-[0_18px_65px_rgba(15,23,42,0.07)] backdrop-blur-xl sm:px-5">
-        <div className="flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between">
-          <p className="max-w-[38rem] text-[13px] leading-6 text-muted-foreground">
-            {tx(
-              "settings.automations.description",
-              "Review cron reminders, recurring agent turns, one-time jobs, and protected system jobs.",
-            )}
-          </p>
-          <div className="flex shrink-0 flex-wrap gap-2">
-            <Button
-              type="button"
-              variant="outline"
-              onClick={onRefresh}
-              disabled={loading}
-              className="h-9 rounded-full px-3 text-[13px]"
-            >
-              {loading ? (
-                <Loader2 className="mr-2 h-3.5 w-3.5 animate-spin" aria-hidden />
-              ) : (
-                <RotateCcw className="mr-2 h-3.5 w-3.5" aria-hidden />
-              )}
-              {tx("settings.automations.refresh", "Refresh")}
-            </Button>
-            <Button asChild className="h-9 rounded-full px-3 text-[13px]">
-              <a href="#/new">
-                <Plus className="mr-2 h-3.5 w-3.5" aria-hidden />
-                {tx("settings.automations.newInChat", "New in chat")}
-              </a>
-            </Button>
-          </div>
+        <div className="flex justify-end">
+          <Button asChild className="h-9 rounded-full px-3 text-[13px]">
+            <a href="#/new">
+              <Plus className="mr-2 h-3.5 w-3.5" aria-hidden />
+              {tx("settings.automations.newInChat", "New in chat")}
+            </a>
+          </Button>
         </div>
 
-        <div className="mt-5 grid gap-2 sm:grid-cols-4">
+        <div className="mt-4 grid gap-2 sm:grid-cols-4">
           <AutomationStat label={tx("settings.automations.stats.active", "Active")} value={activeCount} />
           <AutomationStat label={tx("settings.automations.stats.paused", "Paused")} value={pausedCount} />
           <AutomationStat label={tx("settings.automations.stats.failed", "Failed")} value={failedCount} />
@@ -3569,23 +3532,36 @@ function AutomationRow({
           ) : null}
 
           {history.length ? (
-            <div className="mt-3 flex flex-wrap gap-1.5">
-              {history.slice(-4).map((record) => (
-                <span
-                  key={`${record.run_at_ms}:${record.status}`}
-                  className={cn(
-                    "rounded-full px-2 py-1 text-[11px]",
-                    record.status === "error"
-                      ? "bg-destructive/10 text-destructive"
-                      : record.status === "skipped"
-                        ? "bg-amber-500/10 text-amber-700 dark:text-amber-300"
-                        : "bg-emerald-500/10 text-emerald-700 dark:text-emerald-300",
-                  )}
-                  title={record.error || fmtDateTime(record.run_at_ms, locale)}
-                >
-                  {automationRunStatusLabel(record.status, tx)} · {formatAutomationRunDuration(record.duration_ms, locale, tx)}
-                </span>
-              ))}
+            <div className="mt-3">
+              <div className="mb-1.5 text-[11px] font-medium uppercase tracking-normal text-muted-foreground">
+                {tx("settings.automations.history.recent", "Recent runs")}
+              </div>
+              <div className="flex flex-wrap gap-1.5">
+                {history.slice(-4).map((record) => {
+                  const statusLabel = automationRunStatusLabel(record.status, tx);
+                  const duration = formatAutomationRunDuration(record.duration_ms, locale, tx);
+                  const visibleLabel = record.status === "ok" ? duration : `${statusLabel} · ${duration}`;
+                  const detail = record.error || fmtDateTime(record.run_at_ms, locale);
+                  const accessibleLabel = `${statusLabel} · ${duration} · ${detail}`;
+                  return (
+                    <span
+                      key={`${record.run_at_ms}:${record.status}`}
+                      className={cn(
+                        "rounded-full px-2 py-1 text-[11px]",
+                        record.status === "error"
+                          ? "bg-destructive/10 text-destructive"
+                          : record.status === "skipped"
+                            ? "bg-amber-500/10 text-amber-700 dark:text-amber-300"
+                            : "bg-emerald-500/10 text-emerald-700 dark:text-emerald-300",
+                      )}
+                      title={accessibleLabel}
+                      aria-label={accessibleLabel}
+                    >
+                      {visibleLabel}
+                    </span>
+                  );
+                })}
+              </div>
             </div>
           ) : null}
         </div>
diff --git a/webui/src/i18n/locales/en/common.json b/webui/src/i18n/locales/en/common.json
index 4e98c346..47ef7a45 100644
--- a/webui/src/i18n/locales/en/common.json
+++ b/webui/src/i18n/locales/en/common.json
@@ -466,8 +466,6 @@
     "automations": {
       "kicker": "Workspace automations",
       "title": "Automations",
-      "description": "Review cron reminders, recurring agent turns, one-time jobs, and protected system jobs.",
-      "refresh": "Refresh",
       "newInChat": "New in chat",
       "stats": {
         "active": "Active",
@@ -551,7 +549,8 @@
       "history": {
         "ok": "Completed",
         "error": "Error",
-        "skipped": "Skipped"
+        "skipped": "Skipped",
+        "recent": "Recent runs"
       },
       "duration": {
         "lessThanSecond": "< 1 second"
diff --git a/webui/src/i18n/locales/es/common.json b/webui/src/i18n/locales/es/common.json
index efa66b9d..248f8ce5 100644
--- a/webui/src/i18n/locales/es/common.json
+++ b/webui/src/i18n/locales/es/common.json
@@ -466,8 +466,6 @@
     "automations": {
       "kicker": "Automatizaciones del espacio",
       "title": "Automatizaciones",
-      "description": "Revisa recordatorios cron, turnos recurrentes del agente, tareas de una vez y tareas protegidas del sistema.",
-      "refresh": "Actualizar",
       "newInChat": "Crear en chat",
       "stats": {
         "active": "Activas",
@@ -551,7 +549,8 @@
       "history": {
         "ok": "Completada",
         "error": "Error",
-        "skipped": "Omitida"
+        "skipped": "Omitida",
+        "recent": "Ejecuciones recientes"
       },
       "duration": {
         "lessThanSecond": "menos de 1 segundo"
diff --git a/webui/src/i18n/locales/fr/common.json b/webui/src/i18n/locales/fr/common.json
index 4c6eec9c..38baa058 100644
--- a/webui/src/i18n/locales/fr/common.json
+++ b/webui/src/i18n/locales/fr/common.json
@@ -466,8 +466,6 @@
     "automations": {
       "kicker": "Automatisations de l’espace",
       "title": "Automatisations",
-      "description": "Passez en revue les rappels cron, tours récurrents de l’agent, tâches ponctuelles et tâches système protégées.",
-      "refresh": "Actualiser",
       "newInChat": "Créer dans le chat",
       "stats": {
         "active": "Actives",
@@ -551,7 +549,8 @@
       "history": {
         "ok": "Terminée",
         "error": "Erreur",
-        "skipped": "Ignorée"
+        "skipped": "Ignorée",
+        "recent": "Exécutions récentes"
       },
       "duration": {
         "lessThanSecond": "moins de 1 seconde"
diff --git a/webui/src/i18n/locales/id/common.json b/webui/src/i18n/locales/id/common.json
index 1b1d0af6..9dd205d0 100644
--- a/webui/src/i18n/locales/id/common.json
+++ b/webui/src/i18n/locales/id/common.json
@@ -466,8 +466,6 @@
     "automations": {
       "kicker": "Otomasi ruang kerja",
       "title": "Otomasi",
-      "description": "Tinjau pengingat cron, giliran agen berulang, tugas sekali jalan, dan tugas sistem terlindungi.",
-      "refresh": "Segarkan",
       "newInChat": "Buat di chat",
       "stats": {
         "active": "Aktif",
@@ -551,7 +549,8 @@
       "history": {
         "ok": "Selesai",
         "error": "Error",
-        "skipped": "Dilewati"
+        "skipped": "Dilewati",
+        "recent": "Eksekusi terbaru"
       },
       "duration": {
         "lessThanSecond": "kurang dari 1 detik"
diff --git a/webui/src/i18n/locales/ja/common.json b/webui/src/i18n/locales/ja/common.json
index c1742924..b0472c74 100644
--- a/webui/src/i18n/locales/ja/common.json
+++ b/webui/src/i18n/locales/ja/common.json
@@ -466,8 +466,6 @@
     "automations": {
       "kicker": "ワークスペースの自動タスク",
       "title": "自動タスク",
-      "description": "cron リマインダー、定期的な agent ターン、一回限りのタスク、保護されたシステムタスクを確認できます。",
-      "refresh": "更新",
       "newInChat": "チャットで作成",
       "stats": {
         "active": "実行中",
@@ -551,7 +549,8 @@
       "history": {
         "ok": "完了",
         "error": "エラー",
-        "skipped": "スキップ"
+        "skipped": "スキップ",
+        "recent": "最近の実行"
       },
       "duration": {
         "lessThanSecond": "1 秒未満"
diff --git a/webui/src/i18n/locales/ko/common.json b/webui/src/i18n/locales/ko/common.json
index 471cb78a..2a30e62e 100644
--- a/webui/src/i18n/locales/ko/common.json
+++ b/webui/src/i18n/locales/ko/common.json
@@ -466,8 +466,6 @@
     "automations": {
       "kicker": "작업 공간 자동화",
       "title": "자동화",
-      "description": "cron 알림, 반복 agent 작업, 일회성 작업, 보호된 시스템 작업을 확인합니다.",
-      "refresh": "새로 고침",
       "newInChat": "채팅에서 만들기",
       "stats": {
         "active": "활성",
@@ -551,7 +549,8 @@
       "history": {
         "ok": "완료",
         "error": "오류",
-        "skipped": "건너뜀"
+        "skipped": "건너뜀",
+        "recent": "최근 실행"
       },
       "duration": {
         "lessThanSecond": "1초 미만"
diff --git a/webui/src/i18n/locales/vi/common.json b/webui/src/i18n/locales/vi/common.json
index ba9b8beb..942d9abf 100644
--- a/webui/src/i18n/locales/vi/common.json
+++ b/webui/src/i18n/locales/vi/common.json
@@ -466,8 +466,6 @@
     "automations": {
       "kicker": "Tự động hóa không gian làm việc",
       "title": "Tự động hóa",
-      "description": "Xem nhắc nhở cron, lượt agent định kỳ, tác vụ một lần và tác vụ hệ thống được bảo vệ.",
-      "refresh": "Làm mới",
       "newInChat": "Tạo trong chat",
       "stats": {
         "active": "Đang chạy",
@@ -551,7 +549,8 @@
       "history": {
         "ok": "Hoàn tất",
         "error": "Lỗi",
-        "skipped": "Đã bỏ qua"
+        "skipped": "Đã bỏ qua",
+        "recent": "Lượt chạy gần đây"
       },
       "duration": {
         "lessThanSecond": "dưới 1 giây"
diff --git a/webui/src/i18n/locales/zh-CN/common.json b/webui/src/i18n/locales/zh-CN/common.json
index 2e9e35c7..986b8673 100644
--- a/webui/src/i18n/locales/zh-CN/common.json
+++ b/webui/src/i18n/locales/zh-CN/common.json
@@ -466,8 +466,6 @@
     "automations": {
       "kicker": "工作区自动任务",
       "title": "自动任务",
-      "description": "统一查看 cron 提醒、周期性 agent 任务、一次性任务和系统任务。",
-      "refresh": "刷新",
       "newInChat": "在聊天中创建",
       "stats": {
         "active": "运行中",
@@ -551,7 +549,8 @@
       "history": {
         "ok": "完成",
         "error": "错误",
-        "skipped": "已跳过"
+        "skipped": "已跳过",
+        "recent": "最近运行"
       },
       "duration": {
         "lessThanSecond": "不到 1 秒"
diff --git a/webui/src/i18n/locales/zh-TW/common.json b/webui/src/i18n/locales/zh-TW/common.json
index 6a1d223c..23de0541 100644
--- a/webui/src/i18n/locales/zh-TW/common.json
+++ b/webui/src/i18n/locales/zh-TW/common.json
@@ -466,8 +466,6 @@
     "automations": {
       "kicker": "工作區自動任務",
       "title": "自動任務",
-      "description": "集中查看 cron 提醒、週期性 agent 任務、一次性任務和系統任務。",
-      "refresh": "重新整理",
       "newInChat": "在聊天中建立",
       "stats": {
         "active": "執行中",
@@ -551,7 +549,8 @@
       "history": {
         "ok": "完成",
         "error": "錯誤",
-        "skipped": "已略過"
+        "skipped": "已略過",
+        "recent": "最近執行"
       },
       "duration": {
         "lessThanSecond": "不到 1 秒"
diff --git a/webui/src/tests/app-layout.test.tsx b/webui/src/tests/app-layout.test.tsx
index 34a11bb8..7e858b62 100644
--- a/webui/src/tests/app-layout.test.tsx
+++ b/webui/src/tests/app-layout.test.tsx
@@ -506,14 +506,14 @@ describe("App layout", () => {
     fireEvent.click(within(sidebar).getByRole("button", { name: "自动任务" }));
 
     expect(await screen.findByRole("heading", { name: "自动任务" })).toBeInTheDocument();
-    expect(screen.getByText("统一查看 cron 提醒、周期性 agent 任务、一次性任务和系统任务。")).toBeInTheDocument();
-    expect(screen.getByRole("button", { name: "刷新" })).toBeInTheDocument();
     expect(screen.getByText("任务队列")).toBeInTheDocument();
     expect(screen.getByText("每日检查")).toBeInTheDocument();
     expect(screen.getByText("检查仓库状态")).toBeInTheDocument();
     expect(screen.getByText("每 1天")).toBeInTheDocument();
-    expect(screen.getByText("完成 · 不到 1 秒")).toBeInTheDocument();
+    expect(screen.getByText("最近运行")).toBeInTheDocument();
+    expect(screen.getByText("不到 1 秒")).toBeInTheDocument();
     expect(screen.queryByText("Workspace automations")).not.toBeInTheDocument();
+    expect(screen.queryByRole("button", { name: "刷新" })).not.toBeInTheDocument();
     expect(document.title).toBe("自动任务 · nanobot");
   });
 
diff --git a/webui/src/tests/i18n.test.tsx b/webui/src/tests/i18n.test.tsx
index a84e0b68..e185b87b 100644
--- a/webui/src/tests/i18n.test.tsx
+++ b/webui/src/tests/i18n.test.tsx
@@ -49,8 +49,6 @@ const LOCALIZED_SETTINGS_COPY_KEYS = [
   "settings.nav.advanced",
   "sidebar.automations",
   "settings.automations.title",
-  "settings.automations.description",
-  "settings.automations.refresh",
   "settings.automations.newInChat",
   "settings.automations.filters.active",
   "settings.automations.queue",
@@ -59,6 +57,7 @@ const LOCALIZED_SETTINGS_COPY_KEYS = [
   "settings.automations.labels.schedule",
   "settings.automations.status.active",
   "settings.automations.history.ok",
+  "settings.automations.history.recent",
   "settings.automations.duration.lessThanSecond",
   "settings.automations.deleteTitle",
   "settings.sections.interface",

From 6cf1f8e1645ab521559d54f2dc6361bfc3e2f03a Mon Sep 17 00:00:00 2001
From: chengyongru <2755839590@qq.com>
Date: Sun, 14 Jun 2026 02:10:16 +0800
Subject: [PATCH 06/38] fix(webui): trim automation creation prompt

---
 webui/src/components/settings/SettingsView.tsx | 11 +----------
 webui/src/i18n/locales/en/common.json          |  1 -
 webui/src/i18n/locales/es/common.json          |  1 -
 webui/src/i18n/locales/fr/common.json          |  1 -
 webui/src/i18n/locales/id/common.json          |  1 -
 webui/src/i18n/locales/ja/common.json          |  1 -
 webui/src/i18n/locales/ko/common.json          |  1 -
 webui/src/i18n/locales/vi/common.json          |  1 -
 webui/src/i18n/locales/zh-CN/common.json       |  1 -
 webui/src/i18n/locales/zh-TW/common.json       |  1 -
 webui/src/tests/i18n.test.tsx                  |  1 -
 11 files changed, 1 insertion(+), 20 deletions(-)

diff --git a/webui/src/components/settings/SettingsView.tsx b/webui/src/components/settings/SettingsView.tsx
index fc2514a0..58d85737 100644
--- a/webui/src/components/settings/SettingsView.tsx
+++ b/webui/src/components/settings/SettingsView.tsx
@@ -3374,16 +3374,7 @@ function AutomationsSettings({
   return (
     <div className="space-y-5">
       <section className="rounded-[24px] border border-border/50 bg-card/82 px-4 py-4 shadow-[0_18px_65px_rgba(15,23,42,0.07)] backdrop-blur-xl sm:px-5">
-        <div className="flex justify-end">
-          <Button asChild className="h-9 rounded-full px-3 text-[13px]">
-            <a href="#/new">
-              <Plus className="mr-2 h-3.5 w-3.5" aria-hidden />
-              {tx("settings.automations.newInChat", "New in chat")}
-            </a>
-          </Button>
-        </div>
-
-        <div className="mt-4 grid gap-2 sm:grid-cols-4">
+        <div className="grid gap-2 sm:grid-cols-4">
           <AutomationStat label={tx("settings.automations.stats.active", "Active")} value={activeCount} />
           <AutomationStat label={tx("settings.automations.stats.paused", "Paused")} value={pausedCount} />
           <AutomationStat label={tx("settings.automations.stats.failed", "Failed")} value={failedCount} />
diff --git a/webui/src/i18n/locales/en/common.json b/webui/src/i18n/locales/en/common.json
index 47ef7a45..10295173 100644
--- a/webui/src/i18n/locales/en/common.json
+++ b/webui/src/i18n/locales/en/common.json
@@ -466,7 +466,6 @@
     "automations": {
       "kicker": "Workspace automations",
       "title": "Automations",
-      "newInChat": "New in chat",
       "stats": {
         "active": "Active",
         "paused": "Paused",
diff --git a/webui/src/i18n/locales/es/common.json b/webui/src/i18n/locales/es/common.json
index 248f8ce5..d1f793de 100644
--- a/webui/src/i18n/locales/es/common.json
+++ b/webui/src/i18n/locales/es/common.json
@@ -466,7 +466,6 @@
     "automations": {
       "kicker": "Automatizaciones del espacio",
       "title": "Automatizaciones",
-      "newInChat": "Crear en chat",
       "stats": {
         "active": "Activas",
         "paused": "Pausadas",
diff --git a/webui/src/i18n/locales/fr/common.json b/webui/src/i18n/locales/fr/common.json
index 38baa058..992be5ed 100644
--- a/webui/src/i18n/locales/fr/common.json
+++ b/webui/src/i18n/locales/fr/common.json
@@ -466,7 +466,6 @@
     "automations": {
       "kicker": "Automatisations de l’espace",
       "title": "Automatisations",
-      "newInChat": "Créer dans le chat",
       "stats": {
         "active": "Actives",
         "paused": "En pause",
diff --git a/webui/src/i18n/locales/id/common.json b/webui/src/i18n/locales/id/common.json
index 9dd205d0..01ed7a93 100644
--- a/webui/src/i18n/locales/id/common.json
+++ b/webui/src/i18n/locales/id/common.json
@@ -466,7 +466,6 @@
     "automations": {
       "kicker": "Otomasi ruang kerja",
       "title": "Otomasi",
-      "newInChat": "Buat di chat",
       "stats": {
         "active": "Aktif",
         "paused": "Dijeda",
diff --git a/webui/src/i18n/locales/ja/common.json b/webui/src/i18n/locales/ja/common.json
index b0472c74..f2ed06d3 100644
--- a/webui/src/i18n/locales/ja/common.json
+++ b/webui/src/i18n/locales/ja/common.json
@@ -466,7 +466,6 @@
     "automations": {
       "kicker": "ワークスペースの自動タスク",
       "title": "自動タスク",
-      "newInChat": "チャットで作成",
       "stats": {
         "active": "実行中",
         "paused": "一時停止",
diff --git a/webui/src/i18n/locales/ko/common.json b/webui/src/i18n/locales/ko/common.json
index 2a30e62e..5780f2b1 100644
--- a/webui/src/i18n/locales/ko/common.json
+++ b/webui/src/i18n/locales/ko/common.json
@@ -466,7 +466,6 @@
     "automations": {
       "kicker": "작업 공간 자동화",
       "title": "자동화",
-      "newInChat": "채팅에서 만들기",
       "stats": {
         "active": "활성",
         "paused": "일시 중지",
diff --git a/webui/src/i18n/locales/vi/common.json b/webui/src/i18n/locales/vi/common.json
index 942d9abf..74f85ad5 100644
--- a/webui/src/i18n/locales/vi/common.json
+++ b/webui/src/i18n/locales/vi/common.json
@@ -466,7 +466,6 @@
     "automations": {
       "kicker": "Tự động hóa không gian làm việc",
       "title": "Tự động hóa",
-      "newInChat": "Tạo trong chat",
       "stats": {
         "active": "Đang chạy",
         "paused": "Đã tạm dừng",
diff --git a/webui/src/i18n/locales/zh-CN/common.json b/webui/src/i18n/locales/zh-CN/common.json
index 986b8673..9f16b620 100644
--- a/webui/src/i18n/locales/zh-CN/common.json
+++ b/webui/src/i18n/locales/zh-CN/common.json
@@ -466,7 +466,6 @@
     "automations": {
       "kicker": "工作区自动任务",
       "title": "自动任务",
-      "newInChat": "在聊天中创建",
       "stats": {
         "active": "运行中",
         "paused": "已暂停",
diff --git a/webui/src/i18n/locales/zh-TW/common.json b/webui/src/i18n/locales/zh-TW/common.json
index 23de0541..9d5d168a 100644
--- a/webui/src/i18n/locales/zh-TW/common.json
+++ b/webui/src/i18n/locales/zh-TW/common.json
@@ -466,7 +466,6 @@
     "automations": {
       "kicker": "工作區自動任務",
       "title": "自動任務",
-      "newInChat": "在聊天中建立",
       "stats": {
         "active": "執行中",
         "paused": "已暫停",
diff --git a/webui/src/tests/i18n.test.tsx b/webui/src/tests/i18n.test.tsx
index e185b87b..b15c13da 100644
--- a/webui/src/tests/i18n.test.tsx
+++ b/webui/src/tests/i18n.test.tsx
@@ -49,7 +49,6 @@ const LOCALIZED_SETTINGS_COPY_KEYS = [
   "settings.nav.advanced",
   "sidebar.automations",
   "settings.automations.title",
-  "settings.automations.newInChat",
   "settings.automations.filters.active",
   "settings.automations.queue",
   "settings.automations.empty",

From 747f0a08c7e435e082b32e655a2cb6bd56779387 Mon Sep 17 00:00:00 2001
From: chengyongru <2755839590@qq.com>
Date: Sun, 14 Jun 2026 18:24:59 +0800
Subject: [PATCH 07/38] fix(webui): improve automation management

---
 nanobot/webui/ws_http.py                      |  86 ++-
 tests/channels/test_websocket_http_routes.py  |  74 +-
 .../src/components/settings/SettingsView.tsx  | 685 ++++++++++++++++--
 webui/src/i18n/locales/en/common.json         |  63 +-
 webui/src/i18n/locales/es/common.json         |  63 +-
 webui/src/i18n/locales/fr/common.json         |  63 +-
 webui/src/i18n/locales/id/common.json         |  63 +-
 webui/src/i18n/locales/ja/common.json         |  63 +-
 webui/src/i18n/locales/ko/common.json         |  63 +-
 webui/src/i18n/locales/vi/common.json         |  63 +-
 webui/src/i18n/locales/zh-CN/common.json      |  63 +-
 webui/src/i18n/locales/zh-TW/common.json      |  63 +-
 webui/src/lib/api.ts                          |  21 +
 webui/src/lib/types.ts                        |  11 +
 webui/src/tests/api.test.ts                   |  23 +
 15 files changed, 1376 insertions(+), 91 deletions(-)

diff --git a/nanobot/webui/ws_http.py b/nanobot/webui/ws_http.py
index 787c141d..e8b4445e 100644
--- a/nanobot/webui/ws_http.py
+++ b/nanobot/webui/ws_http.py
@@ -23,6 +23,7 @@ from websockets.http11 import Request as WsRequest
 from websockets.http11 import Response
 
 from nanobot.command.builtin import builtin_command_palette
+from nanobot.cron.types import CronSchedule
 from nanobot.utils.subagent_channel_display import scrub_subagent_messages_for_channel
 from nanobot.webui.file_preview import WebUIFilePreviewError, file_preview_payload
 from nanobot.webui.gateway_tokens import GatewayTokenStore, token_response_payload
@@ -80,6 +81,7 @@ from nanobot.webui.transcript import build_webui_thread_response
 from nanobot.webui.workspaces import WebUIWorkspaceController
 
 _SLOW_WEBUI_HTTP_LOG_MS = 1_000
+_AUTOMATION_VALUES_HEADER = "X-Nanobot-Automation-Values"
 
 if TYPE_CHECKING:
     from nanobot.bus.queue import MessageBus
@@ -529,7 +531,7 @@ class GatewayHTTPHandler:
     ) -> Response | None:
         if got == "/api/webui/automations":
             return self._handle_webui_automations(request)
-        m = re.match(r"^/api/webui/automations/(enable|disable|delete|run)$", got)
+        m = re.match(r"^/api/webui/automations/(enable|disable|delete|run|update)$", got)
         if m:
             return await self._handle_webui_automation_action(request, m.group(1))
         return None
@@ -594,6 +596,21 @@ class GatewayHTTPHandler:
                 return _http_error(409, "automation is disabled")
             task = asyncio.create_task(self.cron_service.run_job(job_id, force=False))
             task.add_done_callback(self._log_automation_run_result)
+        elif action == "update":
+            values = _automation_values_from_request(request)
+            if values is None:
+                return _http_error(400, "invalid automation update payload")
+            parsed = _parse_automation_update(values)
+            if isinstance(parsed, str):
+                return _http_error(400, parsed)
+            try:
+                result = self.cron_service.update_job(job_id, **parsed)
+            except ValueError as exc:
+                return _http_error(400, str(exc))
+            if result == "not_found":
+                return _http_error(404, "automation not found")
+            if result == "protected":
+                return _http_error(403, "system automation is protected")
         else:
             return _http_error(404, "unknown automation action")
 
@@ -757,5 +774,72 @@ class GatewayHTTPHandler:
             extra_headers=[("Cache-Control", cache)],
         )
 
+
+def _automation_values_from_request(request: WsRequest) -> dict[str, Any] | None:
+    raw = _case_insensitive_header(request.headers, _AUTOMATION_VALUES_HEADER)
+    if not raw:
+        return {}
+    try:
+        values = json.loads(raw)
+    except Exception:
+        return None
+    return values if isinstance(values, dict) else None
+
+
+def _parse_automation_update(values: dict[str, Any]) -> dict[str, Any] | str:
+    update: dict[str, Any] = {}
+    if "name" in values:
+        name = str(values.get("name") or "").strip()
+        if not name:
+            return "name cannot be empty"
+        update["name"] = name
+    if "message" in values:
+        message = str(values.get("message") or "").strip()
+        if not message:
+            return "message cannot be empty"
+        update["message"] = message
+    if "schedule" in values:
+        raw_schedule = values.get("schedule")
+        if not isinstance(raw_schedule, dict):
+            return "schedule must be an object"
+        parsed_schedule = _parse_automation_schedule(raw_schedule)
+        if isinstance(parsed_schedule, str):
+            return parsed_schedule
+        update["schedule"] = parsed_schedule
+        update["delete_after_run"] = parsed_schedule.kind == "at"
+    return update
+
+
+def _parse_automation_schedule(values: dict[str, Any]) -> CronSchedule | str:
+    kind = str(values.get("kind") or "").strip()
+    if kind == "every":
+        every_ms = _positive_int(values.get("every_ms"))
+        if every_ms is None:
+            return "every schedule requires positive every_ms"
+        return CronSchedule(kind="every", every_ms=every_ms)
+    if kind == "cron":
+        expr = str(values.get("expr") or "").strip()
+        if not expr:
+            return "cron schedule requires expr"
+        tz = str(values.get("tz") or "").strip() or None
+        return CronSchedule(kind="cron", expr=expr, tz=tz)
+    if kind == "at":
+        at_ms = _positive_int(values.get("at_ms"))
+        if at_ms is None:
+            return "one-time schedule requires positive at_ms"
+        return CronSchedule(kind="at", at_ms=at_ms)
+    return "unknown schedule kind"
+
+
+def _positive_int(value: Any) -> int | None:
+    if isinstance(value, bool):
+        return None
+    try:
+        parsed = int(value)
+    except (TypeError, ValueError):
+        return None
+    return parsed if parsed > 0 else None
+
+
 def _is_websocket_channel_session_key(key: str) -> bool:
     return key.startswith("websocket:")
diff --git a/tests/channels/test_websocket_http_routes.py b/tests/channels/test_websocket_http_routes.py
index 8cbbe80c..06912f69 100644
--- a/tests/channels/test_websocket_http_routes.py
+++ b/tests/channels/test_websocket_http_routes.py
@@ -3,6 +3,8 @@
 import asyncio
 import functools
 import json
+import random
+import socket
 import threading
 import time
 from pathlib import Path
@@ -23,6 +25,18 @@ from nanobot.webui.gateway_services import GatewayServices, build_gateway_servic
 _PORT = 29900
 
 
+def _free_port() -> int:
+    for _ in range(100):
+        port = random.randint(30_000, 60_000)
+        with socket.socket(socket.AF_INET, socket.SOCK_STREAM) as sock:
+            try:
+                sock.bind(("127.0.0.1", port))
+            except OSError:
+                continue
+            return port
+    raise RuntimeError("could not find a free localhost port")
+
+
 def _make_handler(
     cfg: dict[str, Any] | WebSocketConfig,
     bus: Any,
@@ -817,6 +831,8 @@ async def test_session_delete_removes_file(
 async def test_webui_automations_route_lists_all_jobs_and_allows_user_actions(
     bus: MagicMock, tmp_path: Path
 ) -> None:
+    port = _free_port()
+    base_url = f"http://127.0.0.1:{port}"
     cron = CronService(tmp_path / "cron" / "jobs.json")
     user_job = cron.add_job(
         name="Daily repo check",
@@ -857,19 +873,19 @@ async def test_webui_automations_route_lists_all_jobs_and_allows_user_actions(
         session_manager=session_manager,
         cron_service=cron,
         cron_pending_job_ids=lambda key: {user_job.id} if key == "websocket:abc" else set(),
-        port=29932,
+        port=port,
     )
     server_task = asyncio.create_task(channel.start())
     await asyncio.sleep(0.3)
     try:
-        deny = await _http_get("http://127.0.0.1:29932/api/webui/automations")
-        assert deny.status_code == 401
+        deny = await _http_get(f"{base_url}/api/webui/automations")
+        assert deny.status_code == 401, deny.text
 
-        boot = await _http_get("http://127.0.0.1:29932/webui/bootstrap")
+        boot = await _http_get(f"{base_url}/webui/bootstrap")
         token = boot.json()["token"]
         auth = {"Authorization": f"Bearer {token}"}
         resp = await _http_get(
-            "http://127.0.0.1:29932/api/webui/automations",
+            f"{base_url}/api/webui/automations",
             headers=auth,
         )
         assert resp.status_code == 200
@@ -886,8 +902,42 @@ async def test_webui_automations_route_lists_all_jobs_and_allows_user_actions(
         assert by_id[external_job.id]["origin"]["preview"] == ""
         assert by_id["heartbeat"]["protected"] is True
 
+        updated = await _http_get(
+            f"{base_url}/api/webui/automations/update?id={user_job.id}",
+            headers={
+                **auth,
+                "X-Nanobot-Automation-Values": json.dumps(
+                    {
+                        "name": "Daily quiz",
+                        "message": "Ask the daily quiz",
+                        "schedule": {
+                            "kind": "cron",
+                            "expr": "0 9 * * *",
+                            "tz": "UTC",
+                        },
+                    }
+                ),
+            },
+        )
+        assert updated.status_code == 200
+        by_id = {job["id"]: job for job in updated.json()["jobs"]}
+        assert by_id[user_job.id]["name"] == "Daily quiz"
+        assert by_id[user_job.id]["payload"]["message"] == "Ask the daily quiz"
+        assert by_id[user_job.id]["schedule"]["kind"] == "cron"
+        assert by_id[user_job.id]["schedule"]["expr"] == "0 9 * * *"
+        assert by_id[user_job.id]["schedule"]["tz"] == "UTC"
+
+        protected_update = await _http_get(
+            f"{base_url}/api/webui/automations/update?id=heartbeat",
+            headers={
+                **auth,
+                "X-Nanobot-Automation-Values": json.dumps({"name": "bad"}),
+            },
+        )
+        assert protected_update.status_code == 403
+
         disabled = await _http_get(
-            f"http://127.0.0.1:29932/api/webui/automations/disable?id={user_job.id}",
+            f"{base_url}/api/webui/automations/disable?id={user_job.id}",
             headers=auth,
         )
         assert disabled.status_code == 200
@@ -895,29 +945,29 @@ async def test_webui_automations_route_lists_all_jobs_and_allows_user_actions(
         assert by_id[user_job.id]["enabled"] is False
 
         disabled_run = await _http_get(
-            f"http://127.0.0.1:29932/api/webui/automations/run?id={user_job.id}",
+            f"{base_url}/api/webui/automations/run?id={user_job.id}",
             headers=auth,
         )
         assert disabled_run.status_code == 409
 
         protected_delete = await _http_get(
-            "http://127.0.0.1:29932/api/webui/automations/delete?id=heartbeat",
+            f"{base_url}/api/webui/automations/delete?id=heartbeat",
             headers=auth,
         )
         assert protected_delete.status_code == 403
         protected_disable = await _http_get(
-            "http://127.0.0.1:29932/api/webui/automations/disable?id=heartbeat",
+            f"{base_url}/api/webui/automations/disable?id=heartbeat",
             headers=auth,
         )
         assert protected_disable.status_code == 403
         protected_run = await _http_get(
-            "http://127.0.0.1:29932/api/webui/automations/run?id=heartbeat",
+            f"{base_url}/api/webui/automations/run?id=heartbeat",
             headers=auth,
         )
         assert protected_run.status_code == 403
 
         enabled = await _http_get(
-            f"http://127.0.0.1:29932/api/webui/automations/enable?id={user_job.id}",
+            f"{base_url}/api/webui/automations/enable?id={user_job.id}",
             headers=auth,
         )
         assert enabled.status_code == 200
@@ -925,7 +975,7 @@ async def test_webui_automations_route_lists_all_jobs_and_allows_user_actions(
         assert by_id[user_job.id]["enabled"] is True
 
         deleted = await _http_get(
-            f"http://127.0.0.1:29932/api/webui/automations/delete?id={user_job.id}",
+            f"{base_url}/api/webui/automations/delete?id={user_job.id}",
             headers=auth,
         )
         assert deleted.status_code == 200
diff --git a/webui/src/components/settings/SettingsView.tsx b/webui/src/components/settings/SettingsView.tsx
index 58d85737..2cf03b23 100644
--- a/webui/src/components/settings/SettingsView.tsx
+++ b/webui/src/components/settings/SettingsView.tsx
@@ -5,12 +5,14 @@ import {
   useMemo,
   useState,
   type Dispatch,
+  type FormEvent,
   type ReactNode,
   type SetStateAction,
 } from "react";
 import {
   Activity,
   ArrowUpCircle,
+  ArrowUpDown,
   Bot,
   Brain,
   Check,
@@ -93,6 +95,7 @@ import {
   runCliAppAction,
   runMcpPresetAction,
   saveCustomMcpServer,
+  updateAutomation,
   updateImageGenerationSettings,
   updateMcpServerTools,
   updateModelConfiguration,
@@ -116,6 +119,7 @@ import { shortWorkspacePath } from "@/lib/workspace";
 import { useClient } from "@/providers/ClientProvider";
 import type {
   AutomationsPayload,
+  AutomationUpdatePayload,
   CliAppInfo,
   CliAppsPayload,
   ImageGenerationSettingsUpdate,
@@ -148,6 +152,7 @@ type LocalDensity = "comfortable" | "compact";
 type LocalActivityMode = "auto" | "expanded";
 type AppsKindFilter = "all" | "cli" | "mcp";
 type AutomationFilter = "all" | "active" | "paused" | "failed" | "system";
+type AutomationSort = "next" | "last" | "updated" | "name";
 type AutomationAction = "enable" | "disable" | "delete" | "run";
 type AppsCatalogItem =
   | { id: string; kind: "cli"; app: CliAppInfo }
@@ -546,6 +551,7 @@ export function SettingsView({
   const [appsQuery, setAppsQuery] = useState("");
   const [automationsQuery, setAutomationsQuery] = useState("");
   const [automationsFilter, setAutomationsFilter] = useState<AutomationFilter>("all");
+  const [automationsSort, setAutomationsSort] = useState<AutomationSort>("next");
   const [cliAppsMessage, setCliAppsMessage] = useState<string | null>(null);
   const [cliAppsError, setCliAppsError] = useState<string | null>(null);
   const [cliAppsFocusName, setCliAppsFocusName] = useState<string | null>(null);
@@ -556,6 +562,8 @@ export function SettingsView({
   const [automationAction, setAutomationAction] = useState<string | null>(null);
   const [automationPendingDelete, setAutomationPendingDelete] =
     useState<SessionAutomationJob | null>(null);
+  const [automationPendingEdit, setAutomationPendingEdit] =
+    useState<SessionAutomationJob | null>(null);
   const [mcpFieldValues, setMcpFieldValues] = useState<Record<string, Record<string, string>>>({});
   const [customMcpForm, setCustomMcpForm] = useState<CustomMcpForm>(DEFAULT_CUSTOM_MCP_FORM);
   const [mcpConfigImport, setMcpConfigImport] = useState("");
@@ -718,25 +726,51 @@ export function SettingsView({
     };
   }, [activeSection, token]);
 
+  const refreshAutomations = useCallback(
+    async (showLoading = false) => {
+      if (showLoading) setAutomationsLoading(true);
+      try {
+        const payload = await fetchAutomations(token);
+        setAutomations(payload);
+        setAutomationsError(null);
+      } catch (err) {
+        setAutomationsError((err as Error).message);
+      } finally {
+        if (showLoading) setAutomationsLoading(false);
+      }
+    },
+    [token],
+  );
+
   useEffect(() => {
     if (activeSection !== "automations") return;
     let cancelled = false;
-    setAutomationsLoading(true);
-    fetchAutomations(token)
-      .then((payload) => {
-        if (!cancelled) {
-          setAutomations(payload);
-          setAutomationsError(null);
-        }
-      })
-      .catch((err) => {
+    const refresh = async (showLoading = false) => {
+      if (cancelled) return;
+      if (showLoading) setAutomationsLoading(true);
+      try {
+        const payload = await fetchAutomations(token);
+        if (cancelled) return;
+        setAutomations(payload);
+        setAutomationsError(null);
+      } catch (err) {
         if (!cancelled) setAutomationsError((err as Error).message);
-      })
-      .finally(() => {
-        if (!cancelled) setAutomationsLoading(false);
-      });
+      } finally {
+        if (!cancelled && showLoading) setAutomationsLoading(false);
+      }
+    };
+    void refresh(true);
+    const interval = window.setInterval(() => void refresh(false), 5000);
+    const refreshOnFocus = () => {
+      if (document.visibilityState !== "hidden") void refresh(false);
+    };
+    window.addEventListener("focus", refreshOnFocus);
+    document.addEventListener("visibilitychange", refreshOnFocus);
     return () => {
       cancelled = true;
+      window.clearInterval(interval);
+      window.removeEventListener("focus", refreshOnFocus);
+      document.removeEventListener("visibilitychange", refreshOnFocus);
     };
   }, [activeSection, token]);
 
@@ -1275,6 +1309,28 @@ export function SettingsView({
       const payload = await runAutomationAction(token, action, job.id);
       setAutomations(payload);
       if (action === "delete") setAutomationPendingDelete(null);
+      if (action === "run") {
+        window.setTimeout(() => void refreshAutomations(false), 1200);
+        window.setTimeout(() => void refreshAutomations(false), 4000);
+      }
+    } catch (err) {
+      setAutomationsError((err as Error).message);
+    } finally {
+      setAutomationAction(null);
+    }
+  };
+
+  const handleAutomationEdit = async (
+    job: SessionAutomationJob,
+    values: AutomationUpdatePayload,
+  ) => {
+    const key = `update:${job.id}`;
+    setAutomationAction(key);
+    setAutomationsError(null);
+    try {
+      const payload = await updateAutomation(token, job.id, values);
+      setAutomations(payload);
+      setAutomationPendingEdit(null);
     } catch (err) {
       setAutomationsError((err as Error).message);
     } finally {
@@ -1569,11 +1625,14 @@ export function SettingsView({
             loading={automationsLoading}
             query={automationsQuery}
             filter={automationsFilter}
+            sort={automationsSort}
             actionKey={automationAction}
             error={automationsError}
             onQueryChange={setAutomationsQuery}
             onFilterChange={setAutomationsFilter}
+            onSortChange={setAutomationsSort}
             onAction={handleAutomationAction}
+            onRequestEdit={setAutomationPendingEdit}
             onRequestDelete={setAutomationPendingDelete}
           />
         );
@@ -1644,6 +1703,15 @@ export function SettingsView({
         onConfirm={(job) => handleAutomationAction("delete", job)}
       />
 
+      <AutomationEditDialog
+        job={automationPendingEdit}
+        saving={automationAction === `update:${automationPendingEdit?.id ?? ""}`}
+        onOpenChange={(open) => {
+          if (!open) setAutomationPendingEdit(null);
+        }}
+        onSave={handleAutomationEdit}
+      />
+
       <main className="min-w-0 flex-1 overflow-y-auto [scrollbar-gutter:stable]">
         <div
           className={cn(
@@ -3333,22 +3401,28 @@ function AutomationsSettings({
   loading,
   query,
   filter,
+  sort,
   actionKey,
   error,
   onQueryChange,
   onFilterChange,
+  onSortChange,
   onAction,
+  onRequestEdit,
   onRequestDelete,
 }: {
   payload: AutomationsPayload | null;
   loading: boolean;
   query: string;
   filter: AutomationFilter;
+  sort: AutomationSort;
   actionKey: string | null;
   error: string | null;
   onQueryChange: (value: string) => void;
   onFilterChange: (value: AutomationFilter) => void;
+  onSortChange: (value: AutomationSort) => void;
   onAction: (action: AutomationAction, job: SessionAutomationJob) => void | Promise<void>;
+  onRequestEdit: (job: SessionAutomationJob) => void;
   onRequestDelete: (job: SessionAutomationJob) => void;
 }) {
   const { t, i18n } = useTranslation();
@@ -3356,20 +3430,29 @@ function AutomationsSettings({
     t(key, { defaultValue: fallback, ...(values ?? {}) });
   const jobs = payload?.jobs ?? [];
   const normalizedQuery = query.trim().toLowerCase();
-  const filtered = jobs
+  const filtered = sortAutomationJobs(jobs, sort)
     .filter((job) => automationMatchesFilter(job, filter))
     .filter((job) => !normalizedQuery || automationSearchText(job).includes(normalizedQuery));
-  const activeCount = jobs.filter((job) => job.enabled && !job.protected).length;
-  const pausedCount = jobs.filter((job) => !job.enabled && !job.protected).length;
-  const failedCount = jobs.filter((job) => job.state.last_status === "error").length;
+  const activeCount = jobs.filter((job) => {
+    const key = automationStatusKey(job);
+    return key === "active" || key === "running";
+  }).length;
+  const pausedCount = jobs.filter((job) => automationStatusKey(job) === "paused").length;
+  const failedCount = jobs.filter(automationNeedsAttention).length;
   const systemCount = jobs.filter((job) => job.protected).length;
   const filterOptions = [
     { value: "all", label: tx("settings.automations.filters.all", "All") },
     { value: "active", label: tx("settings.automations.filters.active", "Active") },
     { value: "paused", label: tx("settings.automations.filters.paused", "Paused") },
-    { value: "failed", label: tx("settings.automations.filters.failed", "Failed") },
+    { value: "failed", label: tx("settings.automations.filters.failed", "Needs attention") },
     { value: "system", label: tx("settings.automations.filters.system", "System") },
   ];
+  const sortLabel = {
+    next: tx("settings.automations.sort.next", "Next run"),
+    last: tx("settings.automations.sort.last", "Last run"),
+    updated: tx("settings.automations.sort.updated", "Updated"),
+    name: tx("settings.automations.sort.name", "Name"),
+  } satisfies Record<AutomationSort, string>;
 
   return (
     <div className="space-y-5">
@@ -3377,7 +3460,7 @@ function AutomationsSettings({
         <div className="grid gap-2 sm:grid-cols-4">
           <AutomationStat label={tx("settings.automations.stats.active", "Active")} value={activeCount} />
           <AutomationStat label={tx("settings.automations.stats.paused", "Paused")} value={pausedCount} />
-          <AutomationStat label={tx("settings.automations.stats.failed", "Failed")} value={failedCount} />
+          <AutomationStat label={tx("settings.automations.stats.failed", "Needs attention")} value={failedCount} />
           <AutomationStat label={tx("settings.automations.stats.system", "System")} value={systemCount} />
         </div>
 
@@ -3391,11 +3474,33 @@ function AutomationsSettings({
               className="h-9 rounded-full bg-background/85 pl-9 text-[13px]"
             />
           </div>
-          <SegmentedControl
-            value={filter}
-            options={filterOptions}
-            onChange={(value) => onFilterChange(value as AutomationFilter)}
-          />
+          <div className="flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-end">
+            <DropdownMenu>
+              <DropdownMenuTrigger asChild>
+                <button
+                  type="button"
+                  className="inline-flex h-8 items-center justify-center gap-1.5 rounded-full border border-border/55 bg-background/85 px-3 text-[12px] font-medium text-muted-foreground shadow-sm transition-colors hover:bg-muted/70 hover:text-foreground"
+                >
+                  <ArrowUpDown className="h-3.5 w-3.5" aria-hidden />
+                  <span>{sortLabel[sort]}</span>
+                  <ChevronDown className="h-3.5 w-3.5" aria-hidden />
+                </button>
+              </DropdownMenuTrigger>
+              <DropdownMenuContent align="end" className="min-w-40">
+                {(Object.keys(sortLabel) as AutomationSort[]).map((value) => (
+                  <DropdownMenuItem key={value} onClick={() => onSortChange(value)}>
+                    <span>{sortLabel[value]}</span>
+                    {sort === value ? <Check className="ml-auto h-3.5 w-3.5" aria-hidden /> : null}
+                  </DropdownMenuItem>
+                ))}
+              </DropdownMenuContent>
+            </DropdownMenu>
+            <SegmentedControl
+              value={filter}
+              options={filterOptions}
+              onChange={(value) => onFilterChange(value as AutomationFilter)}
+            />
+          </div>
         </div>
       </section>
 
@@ -3422,15 +3527,26 @@ function AutomationsSettings({
                 locale={i18n.resolvedLanguage || i18n.language}
                 actionKey={actionKey}
                 onAction={onAction}
+                onRequestEdit={onRequestEdit}
                 onRequestDelete={onRequestDelete}
               />
             ))}
           </div>
         ) : (
           <div className="rounded-[22px] border border-border/45 bg-card/78 px-5 py-10 text-center text-[13px] text-muted-foreground">
-            {jobs.length
-              ? tx("settings.automations.noMatches", "No automations match this view.")
-              : tx("settings.automations.empty", "No automations yet.")}
+            <div>
+              {jobs.length
+                ? tx("settings.automations.noMatches", "No automations match this view.")
+                : tx("settings.automations.empty", "No automations yet.")}
+            </div>
+            {!jobs.length ? (
+              <div className="mx-auto mt-2 max-w-[28rem] text-[12px] leading-5">
+                {tx(
+                  "settings.automations.emptyHint",
+                  "Create one from the chat or channel where it should run so nanobot keeps the right context.",
+                )}
+              </div>
+            ) : null}
           </div>
         )}
       </section>
@@ -3452,12 +3568,14 @@ function AutomationRow({
   locale,
   actionKey,
   onAction,
+  onRequestEdit,
   onRequestDelete,
 }: {
   job: SessionAutomationJob;
   locale: string;
   actionKey: string | null;
   onAction: (action: AutomationAction, job: SessionAutomationJob) => void | Promise<void>;
+  onRequestEdit: (job: SessionAutomationJob) => void;
   onRequestDelete: (job: SessionAutomationJob) => void;
 }) {
   const { t } = useTranslation();
@@ -3473,6 +3591,7 @@ function AutomationRow({
   const canRun = canManage && job.enabled && !job.state.pending;
   const toggleAction: AutomationAction = job.enabled ? "disable" : "enable";
   const toggleBusy = actionKey === `${toggleAction}:${job.id}`;
+  const needsRecreation = automationNeedsRecreation(job);
 
   return (
     <article className="rounded-[22px] border border-border/45 bg-card/86 p-4 shadow-[0_18px_65px_rgba(15,23,42,0.06)] backdrop-blur-xl">
@@ -3492,16 +3611,25 @@ function AutomationRow({
           </p>
 
           <div className="mt-3 grid gap-2 text-[12px] text-muted-foreground md:grid-cols-2 xl:grid-cols-4">
-            <AutomationDetail label={tx("settings.automations.labels.schedule", "Schedule")}>
+            <AutomationDetail
+              label={tx("settings.automations.labels.schedule", "Schedule")}
+              title={formatAutomationSchedule(job, locale, tx)}
+            >
               {formatAutomationSchedule(job, locale, tx)}
             </AutomationDetail>
-            <AutomationDetail label={tx("settings.automations.labels.next", "Next")}>
+            <AutomationDetail
+              label={tx("settings.automations.labels.next", "Next")}
+              title={formatAutomationNextTitle(job, locale, tx)}
+            >
               {formatAutomationNext(job, tx)}
             </AutomationDetail>
-            <AutomationDetail label={tx("settings.automations.labels.last", "Last")}>
+            <AutomationDetail
+              label={tx("settings.automations.labels.last", "Last")}
+              title={formatAutomationLast(job, locale, tx)}
+            >
               {formatAutomationLast(job, locale, tx)}
             </AutomationDetail>
-            <AutomationDetail label={tx("settings.automations.labels.origin", "Linked chat")}>
+            <AutomationDetail label={tx("settings.automations.labels.origin", "Linked chat")} title={origin}>
               {originHref ? (
                 <a
                   className="inline-flex max-w-full items-center gap-1 text-foreground/80 underline-offset-2 hover:underline"
@@ -3516,6 +3644,15 @@ function AutomationRow({
             </AutomationDetail>
           </div>
 
+          {needsRecreation ? (
+            <div className="mt-3 rounded-[14px] border border-amber-500/20 bg-amber-500/8 px-3 py-2 text-[12px] leading-5 text-amber-800 dark:text-amber-200">
+              {tx(
+                "settings.automations.legacyWarning",
+                "This older automation is missing its target chat. Recreate it from the chat or channel where it should run.",
+              )}
+            </div>
+          ) : null}
+
           {job.state.last_error ? (
             <div className="mt-3 rounded-[14px] bg-destructive/8 px-3 py-2 text-[12px] leading-5 text-destructive">
               {job.state.last_error}
@@ -3531,7 +3668,12 @@ function AutomationRow({
                 {history.slice(-4).map((record) => {
                   const statusLabel = automationRunStatusLabel(record.status, tx);
                   const duration = formatAutomationRunDuration(record.duration_ms, locale, tx);
-                  const visibleLabel = record.status === "ok" ? duration : `${statusLabel} · ${duration}`;
+                  const visibleLabel = record.status === "ok"
+                    ? duration
+                    : tx("settings.automations.history.statusWithDuration", "{{status}} · {{duration}}", {
+                        status: statusLabel,
+                        duration,
+                      });
                   const detail = record.error || fmtDateTime(record.run_at_ms, locale);
                   const accessibleLabel = `${statusLabel} · ${duration} · ${detail}`;
                   return (
@@ -3555,11 +3697,35 @@ function AutomationRow({
               </div>
             </div>
           ) : null}
+
+          <div className="mt-3 flex flex-wrap gap-x-3 gap-y-1 text-[11.5px] leading-5 text-muted-foreground">
+            {job.created_at_ms ? (
+              <span>
+                {tx("settings.automations.meta.created", "Created {{time}}", {
+                  time: fmtDateTime(job.created_at_ms, locale),
+                })}
+              </span>
+            ) : null}
+            {job.updated_at_ms ? (
+              <span>
+                {tx("settings.automations.meta.updated", "Updated {{time}}", {
+                  time: fmtDateTime(job.updated_at_ms, locale),
+                })}
+              </span>
+            ) : null}
+          </div>
         </div>
 
         <div className="flex shrink-0 items-center gap-1.5">
           {canManage ? (
             <>
+              <AppsActionButton
+                ariaLabel={tx("settings.automations.edit", "Edit")}
+                disabled={Boolean(actionKey)}
+                onClick={() => onRequestEdit(job)}
+              >
+                <Pencil className="h-4 w-4" aria-hidden />
+              </AppsActionButton>
               <AppsActionButton
                 ariaLabel={tx("settings.automations.runNow", "Run now")}
                 busy={actionKey === `run:${job.id}`}
@@ -3603,17 +3769,252 @@ function AutomationRow({
   );
 }
 
-function AutomationDetail({ label, children }: { label: string; children: ReactNode }) {
+function AutomationDetail({
+  label,
+  title,
+  children,
+}: {
+  label: string;
+  title?: string;
+  children: ReactNode;
+}) {
   return (
     <div className="min-w-0 rounded-[14px] bg-muted/35 px-3 py-2">
       <div className="text-[10.5px] font-medium uppercase leading-none text-muted-foreground/75">
         {label}
       </div>
-      <div className="mt-1.5 truncate text-[12.5px] leading-5 text-foreground/85">{children}</div>
+      <div className="mt-1.5 truncate text-[12.5px] leading-5 text-foreground/85" title={title}>
+        {children}
+      </div>
     </div>
   );
 }
 
+type AutomationEveryUnit = "second" | "minute" | "hour" | "day";
+
+type AutomationEditDraft = {
+  name: string;
+  message: string;
+  scheduleKind: "at" | "every" | "cron";
+  everyValue: string;
+  everyUnit: AutomationEveryUnit;
+  cronExpr: string;
+  tz: string;
+  atLocal: string;
+};
+
+const AUTOMATION_EVERY_UNITS: Array<{ value: AutomationEveryUnit; ms: number }> = [
+  { value: "second", ms: 1000 },
+  { value: "minute", ms: 60_000 },
+  { value: "hour", ms: 3_600_000 },
+  { value: "day", ms: 86_400_000 },
+];
+
+function AutomationEditDialog({
+  job,
+  saving,
+  onOpenChange,
+  onSave,
+}: {
+  job: SessionAutomationJob | null;
+  saving: boolean;
+  onOpenChange: (open: boolean) => void;
+  onSave: (job: SessionAutomationJob, values: AutomationUpdatePayload) => void | Promise<void>;
+}) {
+  const { t } = useTranslation();
+  const tx = (key: string, fallback: string, values?: Record<string, unknown>) =>
+    t(key, { defaultValue: fallback, ...(values ?? {}) });
+  const [draft, setDraft] = useState<AutomationEditDraft>(() => automationDraftFromJob(null));
+
+  useEffect(() => {
+    setDraft(automationDraftFromJob(job));
+  }, [job]);
+
+  const validation = automationEditDraftError(draft, tx);
+  const scheduleOptions = [
+    { value: "every", label: tx("settings.automations.scheduleTypes.every", "Interval") },
+    { value: "cron", label: tx("settings.automations.scheduleTypes.cron", "Cron") },
+    { value: "at", label: tx("settings.automations.scheduleTypes.at", "Once") },
+  ];
+  const unitLabels: Record<AutomationEveryUnit, string> = {
+    second: tx("settings.automations.everyUnits.second", "Seconds"),
+    minute: tx("settings.automations.everyUnits.minute", "Minutes"),
+    hour: tx("settings.automations.everyUnits.hour", "Hours"),
+    day: tx("settings.automations.everyUnits.day", "Days"),
+  };
+
+  const submit = (event: FormEvent<HTMLFormElement>) => {
+    event.preventDefault();
+    const payload = automationUpdatePayloadFromDraft(draft);
+    if (!job || typeof payload === "string") return;
+    void onSave(job, payload);
+  };
+
+  return (
+    <Dialog open={Boolean(job)} onOpenChange={onOpenChange}>
+      {job ? (
+        <DialogContent className="w-[min(calc(100vw-2rem),34rem)] rounded-[26px]">
+          <form className="space-y-5" onSubmit={submit}>
+            <DialogHeader>
+              <DialogTitle>{tx("settings.automations.editTitle", "Edit automation")}</DialogTitle>
+              <DialogDescription>
+                {tx(
+                  "settings.automations.editDescription",
+                  "Update the prompt and schedule. The linked chat stays unchanged.",
+                )}
+              </DialogDescription>
+            </DialogHeader>
+
+            <div className="space-y-4">
+              <label className="block space-y-1.5">
+                <span className="text-[12px] font-medium text-muted-foreground">
+                  {tx("settings.automations.fields.name", "Name")}
+                </span>
+                <Input
+                  value={draft.name}
+                  onChange={(event) => setDraft((prev) => ({ ...prev, name: event.target.value }))}
+                  className="h-10 rounded-[12px]"
+                />
+              </label>
+
+              <label className="block space-y-1.5">
+                <span className="text-[12px] font-medium text-muted-foreground">
+                  {tx("settings.automations.fields.message", "Message")}
+                </span>
+                <Textarea
+                  value={draft.message}
+                  onChange={(event) => setDraft((prev) => ({ ...prev, message: event.target.value }))}
+                  className="min-h-24 resize-y rounded-[12px] text-[13px] leading-5"
+                />
+              </label>
+
+              <div className="space-y-2">
+                <span className="text-[12px] font-medium text-muted-foreground">
+                  {tx("settings.automations.fields.scheduleType", "Schedule type")}
+                </span>
+                <SegmentedControl
+                  value={draft.scheduleKind}
+                  options={scheduleOptions}
+                  onChange={(value) =>
+                    setDraft((prev) => ({
+                      ...prev,
+                      scheduleKind: value as AutomationEditDraft["scheduleKind"],
+                    }))
+                  }
+                />
+              </div>
+
+              {draft.scheduleKind === "every" ? (
+                <div className="grid gap-2 sm:grid-cols-[minmax(0,1fr)_10rem]">
+                  <label className="block space-y-1.5">
+                    <span className="text-[12px] font-medium text-muted-foreground">
+                      {tx("settings.automations.fields.every", "Every")}
+                    </span>
+                    <Input
+                      type="number"
+                      min={1}
+                      step={1}
+                      value={draft.everyValue}
+                      onChange={(event) =>
+                        setDraft((prev) => ({ ...prev, everyValue: event.target.value }))
+                      }
+                      className="h-10 rounded-[12px]"
+                    />
+                  </label>
+                  <label className="block space-y-1.5">
+                    <span className="text-[12px] font-medium text-muted-foreground">
+                      {tx("settings.automations.fields.unit", "Unit")}
+                    </span>
+                    <select
+                      value={draft.everyUnit}
+                      onChange={(event) =>
+                        setDraft((prev) => ({
+                          ...prev,
+                          everyUnit: event.target.value as AutomationEveryUnit,
+                        }))
+                      }
+                      className="h-10 w-full rounded-[12px] border border-input bg-background px-3 text-[13px] text-foreground shadow-sm outline-none transition-colors focus-visible:ring-2 focus-visible:ring-ring"
+                    >
+                      {AUTOMATION_EVERY_UNITS.map((unit) => (
+                        <option key={unit.value} value={unit.value}>
+                          {unitLabels[unit.value]}
+                        </option>
+                      ))}
+                    </select>
+                  </label>
+                </div>
+              ) : null}
+
+              {draft.scheduleKind === "cron" ? (
+                <div className="grid gap-2 sm:grid-cols-[minmax(0,1fr)_12rem]">
+                  <label className="block space-y-1.5">
+                    <span className="text-[12px] font-medium text-muted-foreground">
+                      {tx("settings.automations.fields.cronExpression", "Cron expression")}
+                    </span>
+                    <Input
+                      value={draft.cronExpr}
+                      onChange={(event) => setDraft((prev) => ({ ...prev, cronExpr: event.target.value }))}
+                      placeholder="0 9 * * *"
+                      className="h-10 rounded-[12px] font-mono text-[13px]"
+                    />
+                  </label>
+                  <label className="block space-y-1.5">
+                    <span className="text-[12px] font-medium text-muted-foreground">
+                      {tx("settings.automations.fields.timezone", "Timezone")}
+                    </span>
+                    <Input
+                      value={draft.tz}
+                      onChange={(event) => setDraft((prev) => ({ ...prev, tz: event.target.value }))}
+                      placeholder="Asia/Shanghai"
+                      className="h-10 rounded-[12px] text-[13px]"
+                    />
+                  </label>
+                </div>
+              ) : null}
+
+              {draft.scheduleKind === "at" ? (
+                <label className="block space-y-1.5">
+                  <span className="text-[12px] font-medium text-muted-foreground">
+                    {tx("settings.automations.fields.runAt", "Run at")}
+                  </span>
+                  <Input
+                    type="datetime-local"
+                    value={draft.atLocal}
+                    onChange={(event) => setDraft((prev) => ({ ...prev, atLocal: event.target.value }))}
+                    className="h-10 rounded-[12px]"
+                  />
+                </label>
+              ) : null}
+
+              {validation ? (
+                <div className="rounded-[12px] bg-destructive/8 px-3 py-2 text-[12px] text-destructive">
+                  {validation}
+                </div>
+              ) : null}
+            </div>
+
+            <DialogFooter>
+              <Button
+                type="button"
+                variant="ghost"
+                onClick={() => onOpenChange(false)}
+                disabled={saving}
+                className="rounded-full"
+              >
+                {tx("settings.automations.cancel", "Cancel")}
+              </Button>
+              <Button type="submit" disabled={Boolean(validation) || saving} className="rounded-full">
+                {saving ? <Loader2 className="mr-2 h-4 w-4 animate-spin" aria-hidden /> : null}
+                {tx("settings.automations.save", "Save")}
+              </Button>
+            </DialogFooter>
+          </form>
+        </DialogContent>
+      ) : null}
+    </Dialog>
+  );
+}
+
 function AutomationDeleteDialog({
   job,
   deleting,
@@ -3667,6 +4068,130 @@ function AutomationDeleteDialog({
   );
 }
 
+function automationNeedsRecreation(job: SessionAutomationJob): boolean {
+  return !job.protected && !job.origin && job.payload.kind === "agent_turn";
+}
+
+function automationNeedsAttention(job: SessionAutomationJob): boolean {
+  return automationNeedsRecreation(job) || job.state.last_status === "error";
+}
+
+function automationStatusKey(
+  job: SessionAutomationJob,
+): "active" | "running" | "paused" | "failed" | "system" | "needs_setup" | "completed" | "idle" {
+  if (job.protected) return "system";
+  if (automationNeedsRecreation(job)) return "needs_setup";
+  if (job.state.pending) return "running";
+  if (!job.enabled) return "paused";
+  if (job.state.last_status === "error") return "failed";
+  if (job.delete_after_run && !job.state.next_run_at_ms && job.state.last_status === "ok") {
+    return "completed";
+  }
+  if (!job.state.next_run_at_ms) return "idle";
+  return "active";
+}
+
+function sortAutomationJobs(jobs: SessionAutomationJob[], sort: AutomationSort): SessionAutomationJob[] {
+  const byName = (left: SessionAutomationJob, right: SessionAutomationJob) =>
+    (left.name || left.id).localeCompare(right.name || right.id);
+  return [...jobs].sort((left, right) => {
+    if (sort === "name") return byName(left, right);
+    if (sort === "last") {
+      return (right.state.last_run_at_ms ?? 0) - (left.state.last_run_at_ms ?? 0) || byName(left, right);
+    }
+    if (sort === "updated") {
+      return (right.updated_at_ms ?? 0) - (left.updated_at_ms ?? 0) || byName(left, right);
+    }
+    const leftNext = left.state.next_run_at_ms ?? Number.MAX_SAFE_INTEGER;
+    const rightNext = right.state.next_run_at_ms ?? Number.MAX_SAFE_INTEGER;
+    return leftNext - rightNext || byName(left, right);
+  });
+}
+
+function automationDraftFromJob(job: SessionAutomationJob | null): AutomationEditDraft {
+  const every = automationIntervalDraft(job?.schedule.every_ms ?? 3_600_000);
+  const scheduleKind = job?.schedule.kind === "at" || job?.schedule.kind === "cron"
+    ? job.schedule.kind
+    : "every";
+  return {
+    name: job?.name ?? "",
+    message: job?.payload.message ?? "",
+    scheduleKind,
+    everyValue: every.value,
+    everyUnit: every.unit,
+    cronExpr: job?.schedule.expr ?? "0 9 * * *",
+    tz: job?.schedule.tz ?? "",
+    atLocal: formatLocalDateTimeInput(job?.schedule.at_ms ?? Date.now() + 3_600_000),
+  };
+}
+
+function automationIntervalDraft(ms: number): { value: string; unit: AutomationEveryUnit } {
+  for (const unit of [...AUTOMATION_EVERY_UNITS].reverse()) {
+    if (ms >= unit.ms && ms % unit.ms === 0) {
+      return { value: String(ms / unit.ms), unit: unit.value };
+    }
+  }
+  return { value: String(Math.max(1, Math.round(ms / 60_000))), unit: "minute" };
+}
+
+function formatLocalDateTimeInput(ms: number): string {
+  const date = new Date(ms);
+  if (!Number.isFinite(date.getTime())) return "";
+  const local = new Date(ms - date.getTimezoneOffset() * 60_000);
+  return local.toISOString().slice(0, 16);
+}
+
+function automationEditDraftError(
+  draft: AutomationEditDraft,
+  tx: (key: string, fallback: string, values?: Record<string, unknown>) => string,
+): string | null {
+  if (!draft.name.trim()) return tx("settings.automations.validation.nameRequired", "Name is required.");
+  if (!draft.message.trim()) {
+    return tx("settings.automations.validation.messageRequired", "Message is required.");
+  }
+  if (draft.scheduleKind === "every") {
+    const value = Number(draft.everyValue);
+    if (!Number.isInteger(value) || value <= 0) {
+      return tx("settings.automations.validation.intervalRequired", "Interval must be a positive number.");
+    }
+  }
+  if (draft.scheduleKind === "cron" && !draft.cronExpr.trim()) {
+    return tx("settings.automations.validation.cronRequired", "Cron expression is required.");
+  }
+  if (draft.scheduleKind === "at") {
+    const atMs = new Date(draft.atLocal).getTime();
+    if (!Number.isFinite(atMs)) {
+      return tx("settings.automations.validation.timeRequired", "Run time is required.");
+    }
+    if (atMs <= Date.now()) {
+      return tx("settings.automations.validation.futureRequired", "Run time must be in the future.");
+    }
+  }
+  return null;
+}
+
+function automationUpdatePayloadFromDraft(draft: AutomationEditDraft): AutomationUpdatePayload | string {
+  const name = draft.name.trim();
+  const message = draft.message.trim();
+  if (!name || !message) return "invalid";
+  const payload: AutomationUpdatePayload = { name, message };
+  if (draft.scheduleKind === "every") {
+    const unit = AUTOMATION_EVERY_UNITS.find((candidate) => candidate.value === draft.everyUnit);
+    const value = Number(draft.everyValue);
+    if (!unit || !Number.isInteger(value) || value <= 0) return "invalid";
+    payload.schedule = { kind: "every", every_ms: value * unit.ms };
+  } else if (draft.scheduleKind === "cron") {
+    const expr = draft.cronExpr.trim();
+    if (!expr) return "invalid";
+    payload.schedule = { kind: "cron", expr, ...(draft.tz.trim() ? { tz: draft.tz.trim() } : {}) };
+  } else {
+    const atMs = new Date(draft.atLocal).getTime();
+    if (!Number.isFinite(atMs)) return "invalid";
+    payload.schedule = { kind: "at", at_ms: atMs };
+  }
+  return payload;
+}
+
 function automationSearchText(job: SessionAutomationJob): string {
   const originText = job.origin
     ? job.origin.channel === "websocket"
@@ -3688,9 +4213,10 @@ function automationSearchText(job: SessionAutomationJob): string {
 }
 
 function automationMatchesFilter(job: SessionAutomationJob, filter: AutomationFilter): boolean {
-  if (filter === "active") return job.enabled && !job.protected;
-  if (filter === "paused") return !job.enabled && !job.protected;
-  if (filter === "failed") return job.state.last_status === "error";
+  const status = automationStatusKey(job);
+  if (filter === "active") return status === "active" || status === "running";
+  if (filter === "paused") return status === "paused";
+  if (filter === "failed") return automationNeedsAttention(job);
   if (filter === "system") return Boolean(job.protected);
   return true;
 }
@@ -3699,12 +4225,24 @@ function automationStatus(
   job: SessionAutomationJob,
   tx: (key: string, fallback: string, values?: Record<string, unknown>) => string,
 ): { label: string; tone: "neutral" | "success" | "warning" } {
-  if (job.protected) return { label: tx("settings.automations.status.system", "System"), tone: "neutral" };
-  if (job.state.pending) return { label: tx("settings.automations.status.pending", "Pending"), tone: "warning" };
-  if (!job.enabled) return { label: tx("settings.automations.status.paused", "Paused"), tone: "neutral" };
-  if (job.state.last_status === "error") {
+  const status = automationStatusKey(job);
+  if (status === "system") return { label: tx("settings.automations.status.system", "System"), tone: "neutral" };
+  if (status === "needs_setup") {
+    return { label: tx("settings.automations.status.needsSetup", "Needs setup"), tone: "warning" };
+  }
+  if (status === "running") {
+    return { label: tx("settings.automations.status.running", "Running now"), tone: "warning" };
+  }
+  if (status === "paused") return { label: tx("settings.automations.status.paused", "Paused"), tone: "neutral" };
+  if (status === "failed") {
     return { label: tx("settings.automations.status.failed", "Failed"), tone: "warning" };
   }
+  if (status === "completed") {
+    return { label: tx("settings.automations.status.completed", "Completed"), tone: "neutral" };
+  }
+  if (status === "idle") {
+    return { label: tx("settings.automations.status.noSchedule", "No schedule"), tone: "neutral" };
+  }
   return { label: tx("settings.automations.status.active", "Active"), tone: "success" };
 }
 
@@ -3765,6 +4303,15 @@ function formatAutomationSchedule(
     });
   }
   if (job.schedule.kind === "cron" && job.schedule.expr) {
+    const summary = formatCronScheduleSummary(job.schedule.expr, tx);
+    if (summary) {
+      return job.schedule.tz
+        ? tx("settings.automations.schedule.withTz", "{{summary}} · {{tz}}", {
+            summary,
+            tz: job.schedule.tz,
+          })
+        : summary;
+    }
     return job.schedule.tz
       ? tx("settings.automations.schedule.cronWithTz", "Cron {{expr}} · {{tz}}", {
           expr: job.schedule.expr,
@@ -3775,16 +4322,70 @@ function formatAutomationSchedule(
   return tx("settings.automations.schedule.custom", "Custom schedule");
 }
 
+function formatCronScheduleSummary(
+  expr: string,
+  tx: (key: string, fallback: string, values?: Record<string, unknown>) => string,
+): string | null {
+  const parts = expr.trim().split(/\s+/);
+  if (parts.length !== 5) return null;
+  const [minute, hour, dayOfMonth, month, dayOfWeek] = parts;
+  const numericMinute = cronNumericToken(minute, 59);
+  const numericHour = cronNumericToken(hour, 23);
+  const everyDay = dayOfMonth === "*" && month === "*" && dayOfWeek === "*";
+  const workdays = dayOfMonth === "*" && month === "*" && ["1-5", "MON-FRI", "mon-fri"].includes(dayOfWeek);
+
+  if (numericMinute !== null && numericHour !== null) {
+    const time = `${String(numericHour).padStart(2, "0")}:${String(numericMinute).padStart(2, "0")}`;
+    if (everyDay) return tx("settings.automations.schedule.dailyAt", "Daily at {{time}}", { time });
+    if (workdays) return tx("settings.automations.schedule.weekdaysAt", "Weekdays at {{time}}", { time });
+  }
+
+  if (everyDay && numericMinute !== null && hour === "*") {
+    return tx("settings.automations.schedule.hourlyAt", "Hourly at :{{minute}}", {
+      minute: String(numericMinute).padStart(2, "0"),
+    });
+  }
+
+  const range = /^(\d{1,2})-(\d{1,2})$/.exec(hour);
+  if (everyDay && numericMinute !== null && range) {
+    const start = Number(range[1]);
+    const end = Number(range[2]);
+    if (start > 23 || end > 23) return null;
+    return tx("settings.automations.schedule.hourlyWindow", "Hourly {{start}}-{{end}} at :{{minute}}", {
+      start: String(start).padStart(2, "0"),
+      end: String(end).padStart(2, "0"),
+      minute: String(numericMinute).padStart(2, "0"),
+    });
+  }
+
+  return null;
+}
+
+function cronNumericToken(value: string, max: number): number | null {
+  if (!/^\d{1,2}$/.test(value)) return null;
+  const parsed = Number(value);
+  return parsed <= max ? parsed : null;
+}
+
 function formatAutomationNext(
   job: SessionAutomationJob,
   tx: (key: string, fallback: string, values?: Record<string, unknown>) => string,
 ): string {
   if (!job.enabled) return tx("settings.automations.next.paused", "Paused");
-  if (job.state.pending) return tx("settings.automations.next.pending", "Running soon");
+  if (job.state.pending) return tx("settings.automations.next.pending", "Running now");
   if (!job.state.next_run_at_ms) return tx("settings.automations.next.none", "No next run");
   return relativeTime(job.state.next_run_at_ms);
 }
 
+function formatAutomationNextTitle(
+  job: SessionAutomationJob,
+  locale: string,
+  tx: (key: string, fallback: string, values?: Record<string, unknown>) => string,
+): string {
+  if (!job.state.next_run_at_ms) return formatAutomationNext(job, tx);
+  return fmtDateTime(job.state.next_run_at_ms, locale);
+}
+
 function formatAutomationLast(
   job: SessionAutomationJob,
   locale: string,
diff --git a/webui/src/i18n/locales/en/common.json b/webui/src/i18n/locales/en/common.json
index 10295173..dad2ca2f 100644
--- a/webui/src/i18n/locales/en/common.json
+++ b/webui/src/i18n/locales/en/common.json
@@ -469,21 +469,28 @@
       "stats": {
         "active": "Active",
         "paused": "Paused",
-        "failed": "Failed",
+        "failed": "Needs attention",
         "system": "System"
       },
       "filters": {
         "all": "All",
         "active": "Active",
         "paused": "Paused",
-        "failed": "Failed",
+        "failed": "Needs attention",
         "system": "System"
       },
+      "sort": {
+        "next": "Next run",
+        "last": "Last run",
+        "updated": "Updated",
+        "name": "Name"
+      },
       "search": "Search automation, message, session, or cron expression",
       "queue": "Queue",
       "loading": "Loading automations...",
       "noMatches": "No automations match this view.",
       "empty": "No automations yet.",
+      "emptyHint": "Create one from the chat or channel where it should run so nanobot keeps the right context.",
       "oneShot": "One-time",
       "systemTask": "System-managed automation",
       "labels": {
@@ -495,18 +502,27 @@
       "runNow": "Run now",
       "pause": "Pause",
       "resume": "Resume",
+      "edit": "Edit",
       "delete": "Delete",
       "protected": "Protected",
+      "editTitle": "Edit automation",
+      "editDescription": "Update the prompt and schedule. The linked chat stays unchanged.",
+      "save": "Save",
       "deleteTitle": "Delete automation",
       "deleteDescription": "This removes {{name}} from the cron store. Past chat messages stay in the session.",
       "cancel": "Cancel",
       "status": {
         "system": "System",
         "pending": "Pending",
+        "running": "Running now",
+        "needsSetup": "Needs setup",
         "paused": "Paused",
         "failed": "Failed",
+        "completed": "Completed",
+        "noSchedule": "No schedule",
         "active": "Active"
       },
+      "legacyWarning": "This older automation is missing its target chat. Recreate it from the chat or channel where it should run.",
       "origin": {
         "system": "System",
         "unknown": "No linked chat",
@@ -534,11 +550,16 @@
         "every": "Every {{duration}}",
         "cron": "Cron {{expr}}",
         "cronWithTz": "Cron {{expr}} · {{tz}}",
+        "withTz": "{{summary}} · {{tz}}",
+        "dailyAt": "Daily at {{time}}",
+        "weekdaysAt": "Weekdays at {{time}}",
+        "hourlyAt": "Hourly at :{{minute}}",
+        "hourlyWindow": "Hourly {{start}}-{{end}} at :{{minute}}",
         "custom": "Custom schedule"
       },
       "next": {
         "paused": "Paused",
-        "pending": "Running soon",
+        "pending": "Running now",
         "none": "No next run"
       },
       "last": {
@@ -549,7 +570,41 @@
         "ok": "Completed",
         "error": "Error",
         "skipped": "Skipped",
-        "recent": "Recent runs"
+        "recent": "Recent runs",
+        "statusWithDuration": "{{status}} · {{duration}}"
+      },
+      "meta": {
+        "created": "Created {{time}}",
+        "updated": "Updated {{time}}"
+      },
+      "fields": {
+        "name": "Name",
+        "message": "Message",
+        "scheduleType": "Schedule type",
+        "every": "Every",
+        "unit": "Unit",
+        "cronExpression": "Cron expression",
+        "timezone": "Timezone",
+        "runAt": "Run at"
+      },
+      "scheduleTypes": {
+        "every": "Interval",
+        "cron": "Cron",
+        "at": "Once"
+      },
+      "everyUnits": {
+        "second": "Seconds",
+        "minute": "Minutes",
+        "hour": "Hours",
+        "day": "Days"
+      },
+      "validation": {
+        "nameRequired": "Name is required.",
+        "messageRequired": "Message is required.",
+        "intervalRequired": "Interval must be a positive number.",
+        "cronRequired": "Cron expression is required.",
+        "timeRequired": "Run time is required.",
+        "futureRequired": "Run time must be in the future."
       },
       "duration": {
         "lessThanSecond": "< 1 second"
diff --git a/webui/src/i18n/locales/es/common.json b/webui/src/i18n/locales/es/common.json
index d1f793de..d2b715ae 100644
--- a/webui/src/i18n/locales/es/common.json
+++ b/webui/src/i18n/locales/es/common.json
@@ -469,21 +469,28 @@
       "stats": {
         "active": "Activas",
         "paused": "Pausadas",
-        "failed": "Fallidas",
+        "failed": "Requieren atención",
         "system": "Sistema"
       },
       "filters": {
         "all": "Todas",
         "active": "Activas",
         "paused": "Pausadas",
-        "failed": "Fallidas",
+        "failed": "Requieren atención",
         "system": "Sistema"
       },
+      "sort": {
+        "next": "Próxima ejecución",
+        "last": "Última ejecución",
+        "updated": "Actualizada",
+        "name": "Nombre"
+      },
       "search": "Buscar tarea, mensaje, sesión o expresión cron",
       "queue": "Cola",
       "loading": "Cargando automatizaciones...",
       "noMatches": "No hay automatizaciones que coincidan con esta vista.",
       "empty": "Aún no hay automatizaciones.",
+      "emptyHint": "Crea una desde el chat o canal donde debe ejecutarse para que nanobot conserve el contexto correcto.",
       "oneShot": "Una vez",
       "systemTask": "Automatización administrada por el sistema",
       "labels": {
@@ -495,18 +502,27 @@
       "runNow": "Ejecutar ahora",
       "pause": "Pausar",
       "resume": "Reanudar",
+      "edit": "Editar",
       "delete": "Eliminar",
       "protected": "Protegida",
+      "editTitle": "Editar automatización",
+      "editDescription": "Actualiza el prompt y la programación. El chat vinculado no cambia.",
+      "save": "Guardar",
       "deleteTitle": "Eliminar automatización",
       "deleteDescription": "Esto elimina {{name}} del almacén cron. Los mensajes de chat anteriores permanecen en la sesión.",
       "cancel": "Cancelar",
       "status": {
         "system": "Sistema",
         "pending": "Pendiente",
+        "running": "Ejecutándose ahora",
+        "needsSetup": "Requiere configuración",
         "paused": "Pausada",
         "failed": "Fallida",
+        "completed": "Completada",
+        "noSchedule": "Sin programación",
         "active": "Activa"
       },
+      "legacyWarning": "Esta automatización antigua no tiene chat de destino. Vuelve a crearla desde el chat o canal donde debe ejecutarse.",
       "origin": {
         "system": "Sistema",
         "unknown": "Sin chat vinculado",
@@ -534,11 +550,16 @@
         "every": "Cada {{duration}}",
         "cron": "Cron {{expr}}",
         "cronWithTz": "Cron {{expr}} · {{tz}}",
+        "withTz": "{{summary}} · {{tz}}",
+        "dailyAt": "Diaria a las {{time}}",
+        "weekdaysAt": "Días laborables a las {{time}}",
+        "hourlyAt": "Cada hora en :{{minute}}",
+        "hourlyWindow": "Cada hora {{start}}-{{end}} en :{{minute}}",
         "custom": "Programación personalizada"
       },
       "next": {
         "paused": "Pausada",
-        "pending": "Se ejecutará pronto",
+        "pending": "Ejecutándose ahora",
         "none": "Sin próxima ejecución"
       },
       "last": {
@@ -549,7 +570,41 @@
         "ok": "Completada",
         "error": "Error",
         "skipped": "Omitida",
-        "recent": "Ejecuciones recientes"
+        "recent": "Ejecuciones recientes",
+        "statusWithDuration": "{{status}} · {{duration}}"
+      },
+      "meta": {
+        "created": "Creada {{time}}",
+        "updated": "Actualizada {{time}}"
+      },
+      "fields": {
+        "name": "Nombre",
+        "message": "Mensaje",
+        "scheduleType": "Tipo de programación",
+        "every": "Cada",
+        "unit": "Unidad",
+        "cronExpression": "Expresión cron",
+        "timezone": "Zona horaria",
+        "runAt": "Ejecutar a las"
+      },
+      "scheduleTypes": {
+        "every": "Intervalo",
+        "cron": "Cron",
+        "at": "Una vez"
+      },
+      "everyUnits": {
+        "second": "Segundos",
+        "minute": "Minutos",
+        "hour": "Horas",
+        "day": "Días"
+      },
+      "validation": {
+        "nameRequired": "El nombre es obligatorio.",
+        "messageRequired": "El mensaje es obligatorio.",
+        "intervalRequired": "El intervalo debe ser un número positivo.",
+        "cronRequired": "La expresión cron es obligatoria.",
+        "timeRequired": "La hora de ejecución es obligatoria.",
+        "futureRequired": "La hora de ejecución debe estar en el futuro."
       },
       "duration": {
         "lessThanSecond": "menos de 1 segundo"
diff --git a/webui/src/i18n/locales/fr/common.json b/webui/src/i18n/locales/fr/common.json
index 992be5ed..f321f48c 100644
--- a/webui/src/i18n/locales/fr/common.json
+++ b/webui/src/i18n/locales/fr/common.json
@@ -469,21 +469,28 @@
       "stats": {
         "active": "Actives",
         "paused": "En pause",
-        "failed": "Échouées",
+        "failed": "À traiter",
         "system": "Système"
       },
       "filters": {
         "all": "Toutes",
         "active": "Actives",
         "paused": "En pause",
-        "failed": "Échouées",
+        "failed": "À traiter",
         "system": "Système"
       },
+      "sort": {
+        "next": "Prochaine exécution",
+        "last": "Dernière exécution",
+        "updated": "Mise à jour",
+        "name": "Nom"
+      },
       "search": "Rechercher une tâche, un message, une session ou une expression cron",
       "queue": "File",
       "loading": "Chargement des automatisations...",
       "noMatches": "Aucune automatisation ne correspond à cette vue.",
       "empty": "Aucune automatisation pour le moment.",
+      "emptyHint": "Créez-en une depuis la discussion ou le canal où elle doit s’exécuter afin que nanobot conserve le bon contexte.",
       "oneShot": "Ponctuelle",
       "systemTask": "Automatisation gérée par le système",
       "labels": {
@@ -495,18 +502,27 @@
       "runNow": "Exécuter maintenant",
       "pause": "Mettre en pause",
       "resume": "Reprendre",
+      "edit": "Modifier",
       "delete": "Supprimer",
       "protected": "Protégée",
+      "editTitle": "Modifier l’automatisation",
+      "editDescription": "Modifiez le prompt et le planning. La discussion liée ne change pas.",
+      "save": "Enregistrer",
       "deleteTitle": "Supprimer l’automatisation",
       "deleteDescription": "Cela supprime {{name}} du stockage cron. Les anciens messages de chat restent dans la session.",
       "cancel": "Annuler",
       "status": {
         "system": "Système",
         "pending": "En attente",
+        "running": "En cours d’exécution",
+        "needsSetup": "Configuration requise",
         "paused": "En pause",
         "failed": "Échouée",
+        "completed": "Terminée",
+        "noSchedule": "Aucun planning",
         "active": "En cours"
       },
+      "legacyWarning": "Cette ancienne automatisation n’a pas de discussion cible. Recréez-la depuis la discussion ou le canal où elle doit s’exécuter.",
       "origin": {
         "system": "Système",
         "unknown": "Aucune discussion liée",
@@ -534,11 +550,16 @@
         "every": "Toutes les {{duration}}",
         "cron": "Cron {{expr}}",
         "cronWithTz": "Cron {{expr}} · {{tz}}",
+        "withTz": "{{summary}} · {{tz}}",
+        "dailyAt": "Chaque jour à {{time}}",
+        "weekdaysAt": "Jours ouvrés à {{time}}",
+        "hourlyAt": "Toutes les heures à :{{minute}}",
+        "hourlyWindow": "Toutes les heures {{start}}-{{end}} à :{{minute}}",
         "custom": "Planning personnalisé"
       },
       "next": {
         "paused": "En pause",
-        "pending": "Exécution prochaine",
+        "pending": "En cours d’exécution",
         "none": "Aucune prochaine exécution"
       },
       "last": {
@@ -549,7 +570,41 @@
         "ok": "Terminée",
         "error": "Erreur",
         "skipped": "Ignorée",
-        "recent": "Exécutions récentes"
+        "recent": "Exécutions récentes",
+        "statusWithDuration": "{{status}} · {{duration}}"
+      },
+      "meta": {
+        "created": "Créée {{time}}",
+        "updated": "Mise à jour {{time}}"
+      },
+      "fields": {
+        "name": "Nom",
+        "message": "Message",
+        "scheduleType": "Type de planning",
+        "every": "Toutes les",
+        "unit": "Unité",
+        "cronExpression": "Expression cron",
+        "timezone": "Fuseau horaire",
+        "runAt": "Exécuter à"
+      },
+      "scheduleTypes": {
+        "every": "Intervalle",
+        "cron": "Cron",
+        "at": "Une fois"
+      },
+      "everyUnits": {
+        "second": "Secondes",
+        "minute": "Minutes",
+        "hour": "Heures",
+        "day": "Jours"
+      },
+      "validation": {
+        "nameRequired": "Le nom est obligatoire.",
+        "messageRequired": "Le message est obligatoire.",
+        "intervalRequired": "L’intervalle doit être un nombre positif.",
+        "cronRequired": "L’expression cron est obligatoire.",
+        "timeRequired": "L’heure d’exécution est obligatoire.",
+        "futureRequired": "L’heure d’exécution doit être dans le futur."
       },
       "duration": {
         "lessThanSecond": "moins de 1 seconde"
diff --git a/webui/src/i18n/locales/id/common.json b/webui/src/i18n/locales/id/common.json
index 01ed7a93..7915a01f 100644
--- a/webui/src/i18n/locales/id/common.json
+++ b/webui/src/i18n/locales/id/common.json
@@ -469,21 +469,28 @@
       "stats": {
         "active": "Aktif",
         "paused": "Dijeda",
-        "failed": "Gagal",
+        "failed": "Perlu ditangani",
         "system": "Sistem"
       },
       "filters": {
         "all": "Semua",
         "active": "Aktif",
         "paused": "Dijeda",
-        "failed": "Gagal",
+        "failed": "Perlu ditangani",
         "system": "Sistem"
       },
+      "sort": {
+        "next": "Jalankan berikutnya",
+        "last": "Jalankan terakhir",
+        "updated": "Diperbarui",
+        "name": "Nama"
+      },
       "search": "Cari tugas, pesan, sesi, atau ekspresi cron",
       "queue": "Antrean",
       "loading": "Memuat otomasi...",
       "noMatches": "Tidak ada otomasi yang cocok dengan tampilan ini.",
       "empty": "Belum ada otomasi.",
+      "emptyHint": "Buat dari chat atau channel tempat otomasi akan berjalan agar nanobot menyimpan konteks yang benar.",
       "oneShot": "Satu kali",
       "systemTask": "Automasi yang dikelola sistem",
       "labels": {
@@ -495,18 +502,27 @@
       "runNow": "Jalankan sekarang",
       "pause": "Jeda",
       "resume": "Lanjutkan",
+      "edit": "Edit",
       "delete": "Hapus",
       "protected": "Terlindungi",
+      "editTitle": "Edit otomasi",
+      "editDescription": "Perbarui prompt dan jadwal. Chat tertaut tidak berubah.",
+      "save": "Simpan",
       "deleteTitle": "Hapus otomasi",
       "deleteDescription": "Ini menghapus {{name}} dari penyimpanan cron. Pesan chat sebelumnya tetap ada di sesi.",
       "cancel": "Batal",
       "status": {
         "system": "Sistem",
         "pending": "Menunggu",
+        "running": "Sedang berjalan",
+        "needsSetup": "Perlu disiapkan",
         "paused": "Dijeda",
         "failed": "Gagal",
+        "completed": "Selesai",
+        "noSchedule": "Tanpa jadwal",
         "active": "Aktif"
       },
+      "legacyWarning": "Otomasi lama ini tidak memiliki chat tujuan. Buat ulang dari chat atau channel tempat otomasi akan berjalan.",
       "origin": {
         "system": "Sistem",
         "unknown": "Tidak ada chat tertaut",
@@ -534,11 +550,16 @@
         "every": "Setiap {{duration}}",
         "cron": "Cron {{expr}}",
         "cronWithTz": "Cron {{expr}} · {{tz}}",
+        "withTz": "{{summary}} · {{tz}}",
+        "dailyAt": "Setiap hari pukul {{time}}",
+        "weekdaysAt": "Hari kerja pukul {{time}}",
+        "hourlyAt": "Setiap jam pada :{{minute}}",
+        "hourlyWindow": "Setiap jam {{start}}-{{end}} pada :{{minute}}",
         "custom": "Jadwal khusus"
       },
       "next": {
         "paused": "Dijeda",
-        "pending": "Segera berjalan",
+        "pending": "Sedang berjalan",
         "none": "Tidak ada jadwal berikutnya"
       },
       "last": {
@@ -549,7 +570,41 @@
         "ok": "Selesai",
         "error": "Error",
         "skipped": "Dilewati",
-        "recent": "Eksekusi terbaru"
+        "recent": "Eksekusi terbaru",
+        "statusWithDuration": "{{status}} · {{duration}}"
+      },
+      "meta": {
+        "created": "Dibuat {{time}}",
+        "updated": "Diperbarui {{time}}"
+      },
+      "fields": {
+        "name": "Nama",
+        "message": "Pesan",
+        "scheduleType": "Jenis jadwal",
+        "every": "Setiap",
+        "unit": "Unit",
+        "cronExpression": "Ekspresi cron",
+        "timezone": "Zona waktu",
+        "runAt": "Jalankan pada"
+      },
+      "scheduleTypes": {
+        "every": "Interval",
+        "cron": "Cron",
+        "at": "Sekali"
+      },
+      "everyUnits": {
+        "second": "Detik",
+        "minute": "Menit",
+        "hour": "Jam",
+        "day": "Hari"
+      },
+      "validation": {
+        "nameRequired": "Nama wajib diisi.",
+        "messageRequired": "Pesan wajib diisi.",
+        "intervalRequired": "Interval harus berupa angka positif.",
+        "cronRequired": "Ekspresi cron wajib diisi.",
+        "timeRequired": "Waktu eksekusi wajib diisi.",
+        "futureRequired": "Waktu eksekusi harus berada di masa depan."
       },
       "duration": {
         "lessThanSecond": "kurang dari 1 detik"
diff --git a/webui/src/i18n/locales/ja/common.json b/webui/src/i18n/locales/ja/common.json
index f2ed06d3..5d7ad950 100644
--- a/webui/src/i18n/locales/ja/common.json
+++ b/webui/src/i18n/locales/ja/common.json
@@ -469,21 +469,28 @@
       "stats": {
         "active": "実行中",
         "paused": "一時停止",
-        "failed": "失敗",
+        "failed": "要対応",
         "system": "システム"
       },
       "filters": {
         "all": "すべて",
         "active": "実行中",
         "paused": "一時停止",
-        "failed": "失敗",
+        "failed": "要対応",
         "system": "システム"
       },
+      "sort": {
+        "next": "次回実行",
+        "last": "前回実行",
+        "updated": "更新日時",
+        "name": "名前"
+      },
       "search": "タスク、メッセージ、セッション、cron 式を検索",
       "queue": "キュー",
       "loading": "自動タスクを読み込み中...",
       "noMatches": "この表示に一致する自動タスクはありません。",
       "empty": "自動タスクはまだありません。",
+      "emptyHint": "実行先のチャットまたは外部 channel から作成すると、nanobot が正しいコンテキストを保持できます。",
       "oneShot": "一回限り",
       "systemTask": "システム管理の自動タスク",
       "labels": {
@@ -495,18 +502,27 @@
       "runNow": "今すぐ実行",
       "pause": "一時停止",
       "resume": "再開",
+      "edit": "編集",
       "delete": "削除",
       "protected": "保護済み",
+      "editTitle": "自動タスクを編集",
+      "editDescription": "プロンプトとスケジュールを更新します。関連チャットは変更されません。",
+      "save": "保存",
       "deleteTitle": "自動タスクを削除",
       "deleteDescription": "{{name}} を cron ストアから削除します。過去のチャットメッセージはセッションに残ります。",
       "cancel": "キャンセル",
       "status": {
         "system": "システム",
         "pending": "待機中",
+        "running": "実行中",
+        "needsSetup": "再設定が必要",
         "paused": "一時停止",
         "failed": "失敗",
+        "completed": "完了",
+        "noSchedule": "スケジュールなし",
         "active": "実行中"
       },
+      "legacyWarning": "この古い自動タスクには対象チャットがありません。実行先のチャットまたは外部 channel から作り直してください。",
       "origin": {
         "system": "システム",
         "unknown": "関連チャットなし",
@@ -534,11 +550,16 @@
         "every": "{{duration}} ごと",
         "cron": "Cron {{expr}}",
         "cronWithTz": "Cron {{expr}} · {{tz}}",
+        "withTz": "{{summary}} · {{tz}}",
+        "dailyAt": "毎日 {{time}}",
+        "weekdaysAt": "平日 {{time}}",
+        "hourlyAt": "毎時 :{{minute}}",
+        "hourlyWindow": "{{start}}-{{end}} の毎時 :{{minute}}",
         "custom": "カスタムスケジュール"
       },
       "next": {
         "paused": "一時停止",
-        "pending": "まもなく実行",
+        "pending": "実行中",
         "none": "次回実行なし"
       },
       "last": {
@@ -549,7 +570,41 @@
         "ok": "完了",
         "error": "エラー",
         "skipped": "スキップ",
-        "recent": "最近の実行"
+        "recent": "最近の実行",
+        "statusWithDuration": "{{status}} · {{duration}}"
+      },
+      "meta": {
+        "created": "{{time}} 作成",
+        "updated": "{{time}} 更新"
+      },
+      "fields": {
+        "name": "名前",
+        "message": "メッセージ",
+        "scheduleType": "スケジュール種別",
+        "every": "間隔",
+        "unit": "単位",
+        "cronExpression": "Cron 式",
+        "timezone": "タイムゾーン",
+        "runAt": "実行日時"
+      },
+      "scheduleTypes": {
+        "every": "間隔",
+        "cron": "Cron",
+        "at": "一回限り"
+      },
+      "everyUnits": {
+        "second": "秒",
+        "minute": "分",
+        "hour": "時間",
+        "day": "日"
+      },
+      "validation": {
+        "nameRequired": "名前は必須です。",
+        "messageRequired": "メッセージは必須です。",
+        "intervalRequired": "間隔は正の数で指定してください。",
+        "cronRequired": "Cron 式は必須です。",
+        "timeRequired": "実行日時は必須です。",
+        "futureRequired": "実行日時は現在より後にしてください。"
       },
       "duration": {
         "lessThanSecond": "1 秒未満"
diff --git a/webui/src/i18n/locales/ko/common.json b/webui/src/i18n/locales/ko/common.json
index 5780f2b1..a503c37f 100644
--- a/webui/src/i18n/locales/ko/common.json
+++ b/webui/src/i18n/locales/ko/common.json
@@ -469,21 +469,28 @@
       "stats": {
         "active": "활성",
         "paused": "일시 중지",
-        "failed": "실패",
+        "failed": "확인 필요",
         "system": "시스템"
       },
       "filters": {
         "all": "전체",
         "active": "활성",
         "paused": "일시 중지",
-        "failed": "실패",
+        "failed": "확인 필요",
         "system": "시스템"
       },
+      "sort": {
+        "next": "다음 실행",
+        "last": "마지막 실행",
+        "updated": "업데이트",
+        "name": "이름"
+      },
       "search": "작업, 메시지, 세션 또는 cron 식 검색",
       "queue": "대기열",
       "loading": "자동화를 불러오는 중...",
       "noMatches": "이 보기와 일치하는 자동화가 없습니다.",
       "empty": "아직 자동화가 없습니다.",
+      "emptyHint": "실행되어야 하는 채팅 또는 외부 channel에서 만들면 nanobot이 올바른 컨텍스트를 유지합니다.",
       "oneShot": "일회성",
       "systemTask": "시스템 관리 자동화",
       "labels": {
@@ -495,18 +502,27 @@
       "runNow": "지금 실행",
       "pause": "일시 중지",
       "resume": "재개",
+      "edit": "편집",
       "delete": "삭제",
       "protected": "보호됨",
+      "editTitle": "자동화 편집",
+      "editDescription": "프롬프트와 일정을 업데이트합니다. 연결된 채팅은 변경되지 않습니다.",
+      "save": "저장",
       "deleteTitle": "자동화 삭제",
       "deleteDescription": "{{name}}을 cron 저장소에서 삭제합니다. 이전 채팅 메시지는 세션에 남습니다.",
       "cancel": "취소",
       "status": {
         "system": "시스템",
         "pending": "대기 중",
+        "running": "실행 중",
+        "needsSetup": "설정 필요",
         "paused": "일시 중지",
         "failed": "실패",
+        "completed": "완료",
+        "noSchedule": "일정 없음",
         "active": "활성"
       },
+      "legacyWarning": "이전 자동화에 대상 채팅이 없습니다. 실행되어야 하는 채팅 또는 외부 channel에서 다시 만드세요.",
       "origin": {
         "system": "시스템",
         "unknown": "연결된 채팅 없음",
@@ -534,11 +550,16 @@
         "every": "{{duration}}마다",
         "cron": "Cron {{expr}}",
         "cronWithTz": "Cron {{expr}} · {{tz}}",
+        "withTz": "{{summary}} · {{tz}}",
+        "dailyAt": "매일 {{time}}",
+        "weekdaysAt": "평일 {{time}}",
+        "hourlyAt": "매시간 :{{minute}}",
+        "hourlyWindow": "{{start}}-{{end}} 사이 매시간 :{{minute}}",
         "custom": "사용자 지정 일정"
       },
       "next": {
         "paused": "일시 중지",
-        "pending": "곧 실행",
+        "pending": "실행 중",
         "none": "다음 실행 없음"
       },
       "last": {
@@ -549,7 +570,41 @@
         "ok": "완료",
         "error": "오류",
         "skipped": "건너뜀",
-        "recent": "최근 실행"
+        "recent": "최근 실행",
+        "statusWithDuration": "{{status}} · {{duration}}"
+      },
+      "meta": {
+        "created": "{{time}} 생성",
+        "updated": "{{time}} 업데이트"
+      },
+      "fields": {
+        "name": "이름",
+        "message": "메시지",
+        "scheduleType": "일정 유형",
+        "every": "간격",
+        "unit": "단위",
+        "cronExpression": "Cron 식",
+        "timezone": "시간대",
+        "runAt": "실행 시간"
+      },
+      "scheduleTypes": {
+        "every": "간격",
+        "cron": "Cron",
+        "at": "일회성"
+      },
+      "everyUnits": {
+        "second": "초",
+        "minute": "분",
+        "hour": "시간",
+        "day": "일"
+      },
+      "validation": {
+        "nameRequired": "이름은 필수입니다.",
+        "messageRequired": "메시지는 필수입니다.",
+        "intervalRequired": "간격은 양수여야 합니다.",
+        "cronRequired": "Cron 식은 필수입니다.",
+        "timeRequired": "실행 시간은 필수입니다.",
+        "futureRequired": "실행 시간은 현재보다 이후여야 합니다."
       },
       "duration": {
         "lessThanSecond": "1초 미만"
diff --git a/webui/src/i18n/locales/vi/common.json b/webui/src/i18n/locales/vi/common.json
index 74f85ad5..5855b04f 100644
--- a/webui/src/i18n/locales/vi/common.json
+++ b/webui/src/i18n/locales/vi/common.json
@@ -469,21 +469,28 @@
       "stats": {
         "active": "Đang chạy",
         "paused": "Đã tạm dừng",
-        "failed": "Thất bại",
+        "failed": "Cần xử lý",
         "system": "Hệ thống"
       },
       "filters": {
         "all": "Tất cả",
         "active": "Đang chạy",
         "paused": "Đã tạm dừng",
-        "failed": "Thất bại",
+        "failed": "Cần xử lý",
         "system": "Hệ thống"
       },
+      "sort": {
+        "next": "Lần chạy tiếp theo",
+        "last": "Lần chạy trước",
+        "updated": "Đã cập nhật",
+        "name": "Tên"
+      },
       "search": "Tìm tác vụ, tin nhắn, phiên hoặc biểu thức cron",
       "queue": "Hàng đợi",
       "loading": "Đang tải tự động hóa...",
       "noMatches": "Không có tự động hóa phù hợp với chế độ xem này.",
       "empty": "Chưa có tự động hóa.",
+      "emptyHint": "Tạo từ cuộc trò chuyện hoặc channel nơi tự động hóa sẽ chạy để nanobot giữ đúng ngữ cảnh.",
       "oneShot": "Một lần",
       "systemTask": "Tự động hóa do hệ thống quản lý",
       "labels": {
@@ -495,18 +502,27 @@
       "runNow": "Chạy ngay",
       "pause": "Tạm dừng",
       "resume": "Tiếp tục",
+      "edit": "Sửa",
       "delete": "Xóa",
       "protected": "Được bảo vệ",
+      "editTitle": "Sửa tự động hóa",
+      "editDescription": "Cập nhật prompt và lịch. Cuộc trò chuyện liên kết không thay đổi.",
+      "save": "Lưu",
       "deleteTitle": "Xóa tự động hóa",
       "deleteDescription": "Thao tác này xóa {{name}} khỏi kho cron. Tin nhắn chat trước đó vẫn ở trong phiên.",
       "cancel": "Hủy",
       "status": {
         "system": "Hệ thống",
         "pending": "Đang chờ",
+        "running": "Đang chạy",
+        "needsSetup": "Cần thiết lập",
         "paused": "Đã tạm dừng",
         "failed": "Thất bại",
+        "completed": "Hoàn tất",
+        "noSchedule": "Không có lịch",
         "active": "Đang chạy"
       },
+      "legacyWarning": "Tự động hóa cũ này thiếu cuộc trò chuyện đích. Hãy tạo lại từ cuộc trò chuyện hoặc channel nơi nó sẽ chạy.",
       "origin": {
         "system": "Hệ thống",
         "unknown": "Chưa liên kết cuộc trò chuyện",
@@ -534,11 +550,16 @@
         "every": "Mỗi {{duration}}",
         "cron": "Cron {{expr}}",
         "cronWithTz": "Cron {{expr}} · {{tz}}",
+        "withTz": "{{summary}} · {{tz}}",
+        "dailyAt": "Hằng ngày lúc {{time}}",
+        "weekdaysAt": "Ngày làm việc lúc {{time}}",
+        "hourlyAt": "Mỗi giờ tại :{{minute}}",
+        "hourlyWindow": "Mỗi giờ {{start}}-{{end}} tại :{{minute}}",
         "custom": "Lịch tùy chỉnh"
       },
       "next": {
         "paused": "Đã tạm dừng",
-        "pending": "Sắp chạy",
+        "pending": "Đang chạy",
         "none": "Không có lần chạy tiếp theo"
       },
       "last": {
@@ -549,7 +570,41 @@
         "ok": "Hoàn tất",
         "error": "Lỗi",
         "skipped": "Đã bỏ qua",
-        "recent": "Lượt chạy gần đây"
+        "recent": "Lượt chạy gần đây",
+        "statusWithDuration": "{{status}} · {{duration}}"
+      },
+      "meta": {
+        "created": "Tạo lúc {{time}}",
+        "updated": "Cập nhật lúc {{time}}"
+      },
+      "fields": {
+        "name": "Tên",
+        "message": "Tin nhắn",
+        "scheduleType": "Loại lịch",
+        "every": "Mỗi",
+        "unit": "Đơn vị",
+        "cronExpression": "Biểu thức cron",
+        "timezone": "Múi giờ",
+        "runAt": "Chạy lúc"
+      },
+      "scheduleTypes": {
+        "every": "Khoảng lặp",
+        "cron": "Cron",
+        "at": "Một lần"
+      },
+      "everyUnits": {
+        "second": "Giây",
+        "minute": "Phút",
+        "hour": "Giờ",
+        "day": "Ngày"
+      },
+      "validation": {
+        "nameRequired": "Tên là bắt buộc.",
+        "messageRequired": "Tin nhắn là bắt buộc.",
+        "intervalRequired": "Khoảng lặp phải là số dương.",
+        "cronRequired": "Biểu thức cron là bắt buộc.",
+        "timeRequired": "Thời gian chạy là bắt buộc.",
+        "futureRequired": "Thời gian chạy phải ở tương lai."
       },
       "duration": {
         "lessThanSecond": "dưới 1 giây"
diff --git a/webui/src/i18n/locales/zh-CN/common.json b/webui/src/i18n/locales/zh-CN/common.json
index 9f16b620..a1191795 100644
--- a/webui/src/i18n/locales/zh-CN/common.json
+++ b/webui/src/i18n/locales/zh-CN/common.json
@@ -469,21 +469,28 @@
       "stats": {
         "active": "运行中",
         "paused": "已暂停",
-        "failed": "失败",
+        "failed": "需处理",
         "system": "系统"
       },
       "filters": {
         "all": "全部",
         "active": "运行中",
         "paused": "已暂停",
-        "failed": "失败",
+        "failed": "需处理",
         "system": "系统"
       },
+      "sort": {
+        "next": "下次运行",
+        "last": "上次运行",
+        "updated": "更新时间",
+        "name": "名称"
+      },
       "search": "搜索任务、消息、会话或 cron 表达式",
       "queue": "任务队列",
       "loading": "正在加载自动任务...",
       "noMatches": "当前视图没有匹配的自动任务。",
       "empty": "暂无自动任务。",
+      "emptyHint": "请从它应该运行的聊天或外部 channel 中创建，这样 nanobot 才能保留正确上下文。",
       "oneShot": "一次性",
       "systemTask": "系统管理的自动任务",
       "labels": {
@@ -495,18 +502,27 @@
       "runNow": "立即运行",
       "pause": "暂停",
       "resume": "恢复",
+      "edit": "编辑",
       "delete": "删除",
       "protected": "受保护",
+      "editTitle": "编辑自动任务",
+      "editDescription": "更新提示词和计划；关联会话不会改变。",
+      "save": "保存",
       "deleteTitle": "删除自动任务",
       "deleteDescription": "这会从 cron 存储中删除 {{name}}，历史聊天消息会保留在会话中。",
       "cancel": "取消",
       "status": {
         "system": "系统",
         "pending": "等待中",
+        "running": "正在运行",
+        "needsSetup": "需重新设置",
         "paused": "已暂停",
         "failed": "失败",
+        "completed": "已完成",
+        "noSchedule": "无计划",
         "active": "运行中"
       },
+      "legacyWarning": "这个旧版自动任务缺少目标会话。请从它应该运行的聊天或外部 channel 中重新创建。",
       "origin": {
         "system": "系统",
         "unknown": "未关联会话",
@@ -534,11 +550,16 @@
         "every": "每 {{duration}}",
         "cron": "Cron {{expr}}",
         "cronWithTz": "Cron {{expr}} · {{tz}}",
+        "withTz": "{{summary}} · {{tz}}",
+        "dailyAt": "每天 {{time}}",
+        "weekdaysAt": "工作日 {{time}}",
+        "hourlyAt": "每小时第 {{minute}} 分钟",
+        "hourlyWindow": "{{start}}-{{end}} 点每小时第 {{minute}} 分钟",
         "custom": "自定义计划"
       },
       "next": {
         "paused": "已暂停",
-        "pending": "即将运行",
+        "pending": "正在运行",
         "none": "没有下次运行"
       },
       "last": {
@@ -549,7 +570,41 @@
         "ok": "完成",
         "error": "错误",
         "skipped": "已跳过",
-        "recent": "最近运行"
+        "recent": "最近运行",
+        "statusWithDuration": "{{status}} · {{duration}}"
+      },
+      "meta": {
+        "created": "创建于 {{time}}",
+        "updated": "更新于 {{time}}"
+      },
+      "fields": {
+        "name": "名称",
+        "message": "消息",
+        "scheduleType": "计划类型",
+        "every": "每隔",
+        "unit": "单位",
+        "cronExpression": "Cron 表达式",
+        "timezone": "时区",
+        "runAt": "运行时间"
+      },
+      "scheduleTypes": {
+        "every": "间隔",
+        "cron": "Cron",
+        "at": "一次性"
+      },
+      "everyUnits": {
+        "second": "秒",
+        "minute": "分钟",
+        "hour": "小时",
+        "day": "天"
+      },
+      "validation": {
+        "nameRequired": "名称不能为空。",
+        "messageRequired": "消息不能为空。",
+        "intervalRequired": "间隔必须是正整数。",
+        "cronRequired": "Cron 表达式不能为空。",
+        "timeRequired": "运行时间不能为空。",
+        "futureRequired": "运行时间必须晚于当前时间。"
       },
       "duration": {
         "lessThanSecond": "不到 1 秒"
diff --git a/webui/src/i18n/locales/zh-TW/common.json b/webui/src/i18n/locales/zh-TW/common.json
index 9d5d168a..26baa44b 100644
--- a/webui/src/i18n/locales/zh-TW/common.json
+++ b/webui/src/i18n/locales/zh-TW/common.json
@@ -469,21 +469,28 @@
       "stats": {
         "active": "執行中",
         "paused": "已暫停",
-        "failed": "失敗",
+        "failed": "需處理",
         "system": "系統"
       },
       "filters": {
         "all": "全部",
         "active": "執行中",
         "paused": "已暫停",
-        "failed": "失敗",
+        "failed": "需處理",
         "system": "系統"
       },
+      "sort": {
+        "next": "下次執行",
+        "last": "上次執行",
+        "updated": "更新時間",
+        "name": "名稱"
+      },
       "search": "搜尋任務、訊息、會話或 cron 表達式",
       "queue": "任務佇列",
       "loading": "正在載入自動任務...",
       "noMatches": "目前檢視沒有符合的自動任務。",
       "empty": "尚無自動任務。",
+      "emptyHint": "請從它應該執行的聊天或外部 channel 中建立，這樣 nanobot 才能保留正確上下文。",
       "oneShot": "一次性",
       "systemTask": "系統管理的自動任務",
       "labels": {
@@ -495,18 +502,27 @@
       "runNow": "立即執行",
       "pause": "暫停",
       "resume": "恢復",
+      "edit": "編輯",
       "delete": "刪除",
       "protected": "受保護",
+      "editTitle": "編輯自動任務",
+      "editDescription": "更新提示詞和排程；關聯會話不會改變。",
+      "save": "儲存",
       "deleteTitle": "刪除自動任務",
       "deleteDescription": "這會從 cron 儲存中刪除 {{name}}，歷史聊天訊息會保留在會話中。",
       "cancel": "取消",
       "status": {
         "system": "系統",
         "pending": "等待中",
+        "running": "正在執行",
+        "needsSetup": "需重新設定",
         "paused": "已暫停",
         "failed": "失敗",
+        "completed": "已完成",
+        "noSchedule": "無排程",
         "active": "執行中"
       },
+      "legacyWarning": "這個舊版自動任務缺少目標會話。請從它應該執行的聊天或外部 channel 中重新建立。",
       "origin": {
         "system": "系統",
         "unknown": "未關聯會話",
@@ -534,11 +550,16 @@
         "every": "每 {{duration}}",
         "cron": "Cron {{expr}}",
         "cronWithTz": "Cron {{expr}} · {{tz}}",
+        "withTz": "{{summary}} · {{tz}}",
+        "dailyAt": "每天 {{time}}",
+        "weekdaysAt": "工作日 {{time}}",
+        "hourlyAt": "每小時第 {{minute}} 分鐘",
+        "hourlyWindow": "{{start}}-{{end}} 點每小時第 {{minute}} 分鐘",
         "custom": "自訂排程"
       },
       "next": {
         "paused": "已暫停",
-        "pending": "即將執行",
+        "pending": "正在執行",
         "none": "沒有下次執行"
       },
       "last": {
@@ -549,7 +570,41 @@
         "ok": "完成",
         "error": "錯誤",
         "skipped": "已略過",
-        "recent": "最近執行"
+        "recent": "最近執行",
+        "statusWithDuration": "{{status}} · {{duration}}"
+      },
+      "meta": {
+        "created": "建立於 {{time}}",
+        "updated": "更新於 {{time}}"
+      },
+      "fields": {
+        "name": "名稱",
+        "message": "訊息",
+        "scheduleType": "排程類型",
+        "every": "每隔",
+        "unit": "單位",
+        "cronExpression": "Cron 表達式",
+        "timezone": "時區",
+        "runAt": "執行時間"
+      },
+      "scheduleTypes": {
+        "every": "間隔",
+        "cron": "Cron",
+        "at": "一次性"
+      },
+      "everyUnits": {
+        "second": "秒",
+        "minute": "分鐘",
+        "hour": "小時",
+        "day": "天"
+      },
+      "validation": {
+        "nameRequired": "名稱不能為空。",
+        "messageRequired": "訊息不能為空。",
+        "intervalRequired": "間隔必須是正整數。",
+        "cronRequired": "Cron 表達式不能為空。",
+        "timeRequired": "執行時間不能為空。",
+        "futureRequired": "執行時間必須晚於目前時間。"
       },
       "duration": {
         "lessThanSecond": "不到 1 秒"
diff --git a/webui/src/lib/api.ts b/webui/src/lib/api.ts
index 84854826..b31879e3 100644
--- a/webui/src/lib/api.ts
+++ b/webui/src/lib/api.ts
@@ -1,5 +1,6 @@
 import type {
   AutomationsPayload,
+  AutomationUpdatePayload,
   ChatSummary,
   CliAppsPayload,
   FilePreviewPayload,
@@ -213,6 +214,26 @@ export async function runAutomationAction(
   );
 }
 
+export async function updateAutomation(
+  token: string,
+  id: string,
+  values: AutomationUpdatePayload,
+  base: string = "",
+): Promise<AutomationsPayload> {
+  const query = new URLSearchParams();
+  query.set("id", id);
+  return request<AutomationsPayload>(
+    `${base}/api/webui/automations/update?${query}`,
+    token,
+    {
+      headers: {
+        "X-Nanobot-Automation-Values": JSON.stringify(values),
+      },
+    },
+    API_READ_TIMEOUT_MS,
+  );
+}
+
 export async function fetchSkills(
   token: string,
   base: string = "",
diff --git a/webui/src/lib/types.ts b/webui/src/lib/types.ts
index 5cde8531..99d9c858 100644
--- a/webui/src/lib/types.ts
+++ b/webui/src/lib/types.ts
@@ -142,6 +142,17 @@ export interface SessionAutomationJob {
 
 export interface SessionAutomationsPayload { jobs: SessionAutomationJob[]; }
 export interface AutomationsPayload { jobs: SessionAutomationJob[]; }
+export interface AutomationUpdatePayload {
+  name?: string;
+  message?: string;
+  schedule?: {
+    kind: "at" | "every" | "cron";
+    at_ms?: number;
+    every_ms?: number;
+    expr?: string;
+    tz?: string;
+  };
+}
 
 export interface SessionDeleteResult {
   deleted: boolean;
diff --git a/webui/src/tests/api.test.ts b/webui/src/tests/api.test.ts
index da83639d..80619e73 100644
--- a/webui/src/tests/api.test.ts
+++ b/webui/src/tests/api.test.ts
@@ -25,6 +25,7 @@ import {
   runCliAppAction,
   runMcpPresetAction,
   saveCustomMcpServer,
+  updateAutomation,
   updateSidebarState,
   updateImageGenerationSettings,
   updateModelConfiguration,
@@ -123,6 +124,28 @@ describe("webui API helpers", () => {
     );
   });
 
+  it("serializes workspace automation updates", async () => {
+    await updateAutomation("tok", "job 1/2", {
+      name: "Daily quiz",
+      message: "Ask the quiz",
+      schedule: { kind: "cron", expr: "0 9 * * *", tz: "Asia/Shanghai" },
+    });
+
+    expect(fetch).toHaveBeenCalledWith(
+      "/api/webui/automations/update?id=job+1%2F2",
+      expect.objectContaining({
+        headers: {
+          Authorization: "Bearer tok",
+          "X-Nanobot-Automation-Values": JSON.stringify({
+            name: "Daily quiz",
+            message: "Ask the quiz",
+            schedule: { kind: "cron", expr: "0 9 * * *", tz: "Asia/Shanghai" },
+          }),
+        },
+      }),
+    );
+  });
+
   it("fetches the WebUI skill summary", async () => {
     await fetchSkills("tok");
 

From 8b42d0760e6071206113fc7ce81f9344e9e44233 Mon Sep 17 00:00:00 2001
From: chengyongru <2755839590@qq.com>
Date: Sun, 14 Jun 2026 22:19:28 +0800
Subject: [PATCH 08/38] fix(webui): harden automation management API

Maintainer edit: redact external channel chat identifiers from the WebUI automation payload and reject malformed or unschedulable automation updates before they mutate cron jobs.
---
 nanobot/webui/session_automations.py          | 36 ++++++++----
 nanobot/webui/ws_http.py                      | 58 +++++++++++++++----
 tests/channels/test_websocket_http_routes.py  | 30 +++++++++-
 .../src/components/settings/SettingsView.tsx  |  4 +-
 webui/src/lib/types.ts                        |  4 +-
 webui/src/tests/app-layout.test.tsx           |  8 +--
 6 files changed, 107 insertions(+), 33 deletions(-)

diff --git a/nanobot/webui/session_automations.py b/nanobot/webui/session_automations.py
index a63cf4da..0780d781 100644
--- a/nanobot/webui/session_automations.py
+++ b/nanobot/webui/session_automations.py
@@ -121,14 +121,17 @@ def _serialize_job(
     payload["delete_after_run"] = job.delete_after_run
     payload["created_at_ms"] = job.created_at_ms
     payload["updated_at_ms"] = job.updated_at_ms
-    payload["payload"].update(
-        {
-            "kind": job.payload.kind,
-            "session_key": job.payload.session_key,
-            "origin_channel": job.payload.origin_channel,
-            "origin_chat_id": job.payload.origin_chat_id,
-        }
-    )
+    payload["payload"].update({"kind": job.payload.kind})
+    if _expose_origin_identifiers(job):
+        payload["payload"].update(
+            {
+                "session_key": job.payload.session_key,
+                "origin_channel": job.payload.origin_channel,
+                "origin_chat_id": job.payload.origin_chat_id,
+            }
+        )
+    elif job.payload.origin_channel:
+        payload["payload"]["origin_channel"] = job.payload.origin_channel
     payload["state"].update(
         {
             "last_run_at_ms": job.state.last_run_at_ms,
@@ -156,11 +159,17 @@ def _origin_payload(
     chat_id = job.payload.origin_chat_id
     if not channel or not chat_id:
         return None
-    session_key = f"{channel}:{chat_id}"
-
     title = ""
     preview = ""
-    if channel == "websocket" and session_manager is not None:
+    if channel != "websocket":
+        return {
+            "channel": channel,
+            "title": title,
+            "preview": preview,
+        }
+
+    session_key = f"{channel}:{chat_id}"
+    if session_manager is not None:
         data = session_manager.read_session_file(session_key)
         if isinstance(data, dict):
             title = str(data.get("title") or "")
@@ -175,6 +184,11 @@ def _origin_payload(
     }
 
 
+def _expose_origin_identifiers(job: CronJob) -> bool:
+    channel = job.payload.origin_channel
+    return not channel or channel == "websocket"
+
+
 def _session_preview(messages: Any) -> str:
     if not isinstance(messages, list):
         return ""
diff --git a/nanobot/webui/ws_http.py b/nanobot/webui/ws_http.py
index e8b4445e..99b1f92e 100644
--- a/nanobot/webui/ws_http.py
+++ b/nanobot/webui/ws_http.py
@@ -789,12 +789,18 @@ def _automation_values_from_request(request: WsRequest) -> dict[str, Any] | None
 def _parse_automation_update(values: dict[str, Any]) -> dict[str, Any] | str:
     update: dict[str, Any] = {}
     if "name" in values:
-        name = str(values.get("name") or "").strip()
+        raw_name = values.get("name")
+        if not isinstance(raw_name, str):
+            return "name must be a string"
+        name = raw_name.strip()
         if not name:
             return "name cannot be empty"
         update["name"] = name
     if "message" in values:
-        message = str(values.get("message") or "").strip()
+        raw_message = values.get("message")
+        if not isinstance(raw_message, str):
+            return "message must be a string"
+        message = raw_message.strip()
         if not message:
             return "message cannot be empty"
         update["message"] = message
@@ -805,24 +811,36 @@ def _parse_automation_update(values: dict[str, Any]) -> dict[str, Any] | str:
         parsed_schedule = _parse_automation_schedule(raw_schedule)
         if isinstance(parsed_schedule, str):
             return parsed_schedule
+        schedule_error = _validate_automation_schedule(parsed_schedule)
+        if schedule_error:
+            return schedule_error
         update["schedule"] = parsed_schedule
         update["delete_after_run"] = parsed_schedule.kind == "at"
     return update
 
 
 def _parse_automation_schedule(values: dict[str, Any]) -> CronSchedule | str:
-    kind = str(values.get("kind") or "").strip()
+    raw_kind = values.get("kind")
+    if not isinstance(raw_kind, str):
+        return "schedule kind must be a string"
+    kind = raw_kind.strip()
     if kind == "every":
         every_ms = _positive_int(values.get("every_ms"))
         if every_ms is None:
             return "every schedule requires positive every_ms"
         return CronSchedule(kind="every", every_ms=every_ms)
     if kind == "cron":
-        expr = str(values.get("expr") or "").strip()
+        raw_expr = values.get("expr")
+        if not isinstance(raw_expr, str):
+            return "cron schedule requires expr"
+        expr = raw_expr.strip()
         if not expr:
             return "cron schedule requires expr"
-        tz = str(values.get("tz") or "").strip() or None
-        return CronSchedule(kind="cron", expr=expr, tz=tz)
+        raw_tz = values.get("tz")
+        if raw_tz is not None and not isinstance(raw_tz, str):
+            return "cron schedule timezone must be a string"
+        tz = raw_tz.strip() if isinstance(raw_tz, str) else ""
+        return CronSchedule(kind="cron", expr=expr, tz=tz or None)
     if kind == "at":
         at_ms = _positive_int(values.get("at_ms"))
         if at_ms is None:
@@ -831,14 +849,32 @@ def _parse_automation_schedule(values: dict[str, Any]) -> CronSchedule | str:
     return "unknown schedule kind"
 
 
-def _positive_int(value: Any) -> int | None:
-    if isinstance(value, bool):
+def _validate_automation_schedule(schedule: CronSchedule) -> str | None:
+    if schedule.kind == "at":
+        if not schedule.at_ms or schedule.at_ms <= int(time.time() * 1000):
+            return "one-time schedule must be in the future"
         return None
+    if schedule.kind != "cron":
+        return None
+
     try:
-        parsed = int(value)
-    except (TypeError, ValueError):
+        from datetime import datetime
+        from zoneinfo import ZoneInfo
+
+        from croniter import croniter
+
+        tz = ZoneInfo(schedule.tz) if schedule.tz else datetime.now().astimezone().tzinfo
+        base = datetime.now(tz=tz)
+        croniter(schedule.expr, base).get_next(datetime)
+    except Exception:
+        return "cron schedule is invalid"
+    return None
+
+
+def _positive_int(value: Any) -> int | None:
+    if isinstance(value, bool) or not isinstance(value, int):
         return None
-    return parsed if parsed > 0 else None
+    return value if value > 0 else None
 
 
 def _is_websocket_channel_session_key(key: str) -> bool:
diff --git a/tests/channels/test_websocket_http_routes.py b/tests/channels/test_websocket_http_routes.py
index 06912f69..d08681d4 100644
--- a/tests/channels/test_websocket_http_routes.py
+++ b/tests/channels/test_websocket_http_routes.py
@@ -889,6 +889,7 @@ async def test_webui_automations_route_lists_all_jobs_and_allows_user_actions(
             headers=auth,
         )
         assert resp.status_code == 200
+        assert "wx-chat" not in resp.text
         body = resp.json()
         by_id = {job["id"]: job for job in body["jobs"]}
         assert by_id[user_job.id]["protected"] is False
@@ -898,7 +899,12 @@ async def test_webui_automations_route_lists_all_jobs_and_allows_user_actions(
         assert by_id[user_job.id]["origin"]["preview"] == "hi"
         assert by_id[legacy_job.id]["payload"]["session_key"] == "unified:default"
         assert by_id[legacy_job.id]["origin"] is None
-        assert by_id[external_job.id]["origin"]["session_key"] == "weixin:wx-chat"
+        assert by_id[external_job.id]["payload"]["origin_channel"] == "weixin"
+        assert "session_key" not in by_id[external_job.id]["payload"]
+        assert "origin_chat_id" not in by_id[external_job.id]["payload"]
+        assert by_id[external_job.id]["origin"]["channel"] == "weixin"
+        assert "session_key" not in by_id[external_job.id]["origin"]
+        assert "chat_id" not in by_id[external_job.id]["origin"]
         assert by_id[external_job.id]["origin"]["preview"] == ""
         assert by_id["heartbeat"]["protected"] is True
 
@@ -927,6 +933,28 @@ async def test_webui_automations_route_lists_all_jobs_and_allows_user_actions(
         assert by_id[user_job.id]["schedule"]["expr"] == "0 9 * * *"
         assert by_id[user_job.id]["schedule"]["tz"] == "UTC"
 
+        malformed_update = await _http_get(
+            f"{base_url}/api/webui/automations/update?id={user_job.id}",
+            headers={
+                **auth,
+                "X-Nanobot-Automation-Values": json.dumps({"message": ["bad"]}),
+            },
+        )
+        assert malformed_update.status_code == 400
+        assert cron.get_job(user_job.id).payload.message == "Ask the daily quiz"
+
+        invalid_cron_update = await _http_get(
+            f"{base_url}/api/webui/automations/update?id={user_job.id}",
+            headers={
+                **auth,
+                "X-Nanobot-Automation-Values": json.dumps(
+                    {"schedule": {"kind": "cron", "expr": "not a cron", "tz": "UTC"}}
+                ),
+            },
+        )
+        assert invalid_cron_update.status_code == 400
+        assert cron.get_job(user_job.id).schedule.expr == "0 9 * * *"
+
         protected_update = await _http_get(
             f"{base_url}/api/webui/automations/update?id=heartbeat",
             headers={
diff --git a/webui/src/components/settings/SettingsView.tsx b/webui/src/components/settings/SettingsView.tsx
index 2cf03b23..5dc00e14 100644
--- a/webui/src/components/settings/SettingsView.tsx
+++ b/webui/src/components/settings/SettingsView.tsx
@@ -3583,7 +3583,7 @@ function AutomationRow({
     t(key, { defaultValue: fallback, ...(values ?? {}) });
   const status = automationStatus(job, tx);
   const origin = automationOriginLabel(job, tx);
-  const originHref = job.origin?.channel === "websocket"
+  const originHref = job.origin?.channel === "websocket" && job.origin.session_key
     ? `#/chat/${encodeURIComponent(job.origin.session_key)}`
     : null;
   const history = job.state.run_history ?? [];
@@ -4257,7 +4257,7 @@ function automationOriginLabel(
   }
   if (!origin) return tx("settings.automations.origin.unknown", "No linked chat");
   if (origin.channel !== "websocket") return automationChannelLabel(origin.channel, tx);
-  return origin.title || origin.preview || origin.session_key;
+  return origin.title || origin.preview || origin.session_key || automationChannelLabel(origin.channel, tx);
 }
 
 function automationChannelLabel(
diff --git a/webui/src/lib/types.ts b/webui/src/lib/types.ts
index 99d9c858..436aa8d6 100644
--- a/webui/src/lib/types.ts
+++ b/webui/src/lib/types.ts
@@ -132,9 +132,9 @@ export interface SessionAutomationJob {
     }>;
   };
   origin?: {
-    session_key: string;
+    session_key?: string;
     channel: string;
-    chat_id: string;
+    chat_id?: string;
     title?: string;
     preview?: string;
   } | null;
diff --git a/webui/src/tests/app-layout.test.tsx b/webui/src/tests/app-layout.test.tsx
index 7e858b62..8303fe20 100644
--- a/webui/src/tests/app-layout.test.tsx
+++ b/webui/src/tests/app-layout.test.tsx
@@ -395,9 +395,7 @@ describe("App layout", () => {
             payload: {
               message: "Send a quiz",
               kind: "agent_turn",
-              session_key: "weixin:wx-chat",
               origin_channel: "weixin",
-              origin_chat_id: "wx-chat",
             },
             state: {
               next_run_at_ms: Date.UTC(2026, 3, 17, 11, 30, 0),
@@ -406,11 +404,9 @@ describe("App layout", () => {
               run_history: [],
             },
             origin: {
-              session_key: "weixin:wx-chat",
               channel: "weixin",
-              chat_id: "wx-chat",
-              title: "Scheduled cron job triggered",
-              preview: "memory with dream state",
+              title: "",
+              preview: "",
             },
           },
           {

From 5892c6913bff340daf33eac67cb66f3b43b13d45 Mon Sep 17 00:00:00 2001
From: chengyongru <2755839590@qq.com>
Date: Mon, 15 Jun 2026 00:59:23 +0800
Subject: [PATCH 09/38] fix(webui): allow content-only automation edits

Avoid resubmitting unchanged schedules from the automation edit dialog so completed one-time automations can still have their content updated. Treat unchanged schedules as already-valid on the backend while preserving validation for actual schedule changes.
---
 nanobot/webui/ws_http.py                      | 27 ++++++-
 tests/channels/test_websocket_http_routes.py  | 25 +++++++
 .../src/components/settings/SettingsView.tsx  | 43 ++++++++---
 webui/src/tests/app-layout.test.tsx           | 72 +++++++++++++++++++
 4 files changed, 156 insertions(+), 11 deletions(-)

diff --git a/nanobot/webui/ws_http.py b/nanobot/webui/ws_http.py
index 99b1f92e..2fc00ec8 100644
--- a/nanobot/webui/ws_http.py
+++ b/nanobot/webui/ws_http.py
@@ -23,7 +23,7 @@ from websockets.http11 import Request as WsRequest
 from websockets.http11 import Response
 
 from nanobot.command.builtin import builtin_command_palette
-from nanobot.cron.types import CronSchedule
+from nanobot.cron.types import CronJob, CronSchedule
 from nanobot.utils.subagent_channel_display import scrub_subagent_messages_for_channel
 from nanobot.webui.file_preview import WebUIFilePreviewError, file_preview_payload
 from nanobot.webui.gateway_tokens import GatewayTokenStore, token_response_payload
@@ -600,7 +600,7 @@ class GatewayHTTPHandler:
             values = _automation_values_from_request(request)
             if values is None:
                 return _http_error(400, "invalid automation update payload")
-            parsed = _parse_automation_update(values)
+            parsed = _parse_automation_update(values, current_job=job)
             if isinstance(parsed, str):
                 return _http_error(400, parsed)
             try:
@@ -786,7 +786,11 @@ def _automation_values_from_request(request: WsRequest) -> dict[str, Any] | None
     return values if isinstance(values, dict) else None
 
 
-def _parse_automation_update(values: dict[str, Any]) -> dict[str, Any] | str:
+def _parse_automation_update(
+    values: dict[str, Any],
+    *,
+    current_job: CronJob | None = None,
+) -> dict[str, Any] | str:
     update: dict[str, Any] = {}
     if "name" in values:
         raw_name = values.get("name")
@@ -811,6 +815,8 @@ def _parse_automation_update(values: dict[str, Any]) -> dict[str, Any] | str:
         parsed_schedule = _parse_automation_schedule(raw_schedule)
         if isinstance(parsed_schedule, str):
             return parsed_schedule
+        if current_job is not None and _schedule_matches_job(parsed_schedule, current_job):
+            return update
         schedule_error = _validate_automation_schedule(parsed_schedule)
         if schedule_error:
             return schedule_error
@@ -849,6 +855,21 @@ def _parse_automation_schedule(values: dict[str, Any]) -> CronSchedule | str:
     return "unknown schedule kind"
 
 
+def _schedule_matches_job(schedule: CronSchedule, job: CronJob) -> bool:
+    current = job.schedule
+    if schedule.kind != current.kind:
+        return False
+    if schedule.kind == "at":
+        return schedule.at_ms == current.at_ms
+    if schedule.kind == "every":
+        return schedule.every_ms == current.every_ms
+    if schedule.kind == "cron":
+        return (schedule.expr or "") == (current.expr or "") and (
+            schedule.tz or None
+        ) == (current.tz or None)
+    return False
+
+
 def _validate_automation_schedule(schedule: CronSchedule) -> str | None:
     if schedule.kind == "at":
         if not schedule.at_ms or schedule.at_ms <= int(time.time() * 1000):
diff --git a/tests/channels/test_websocket_http_routes.py b/tests/channels/test_websocket_http_routes.py
index d08681d4..6a8eaf12 100644
--- a/tests/channels/test_websocket_http_routes.py
+++ b/tests/channels/test_websocket_http_routes.py
@@ -856,6 +856,15 @@ async def test_webui_automations_route_lists_all_jobs_and_allows_user_actions(
         origin_channel="weixin",
         origin_chat_id="wx-chat",
     )
+    past_one_shot_job = cron.add_job(
+        name="Past one-shot",
+        schedule=CronSchedule(kind="at", at_ms=1),
+        message="Old one-shot message",
+        session_key="websocket:abc",
+        origin_channel="websocket",
+        origin_chat_id="abc",
+        delete_after_run=True,
+    )
     cron.register_system_job(
         CronJob(
             id="heartbeat",
@@ -955,6 +964,22 @@ async def test_webui_automations_route_lists_all_jobs_and_allows_user_actions(
         assert invalid_cron_update.status_code == 400
         assert cron.get_job(user_job.id).schedule.expr == "0 9 * * *"
 
+        past_one_shot_update = await _http_get(
+            f"{base_url}/api/webui/automations/update?id={past_one_shot_job.id}",
+            headers={
+                **auth,
+                "X-Nanobot-Automation-Values": json.dumps(
+                    {
+                        "message": "Updated one-shot message",
+                        "schedule": {"kind": "at", "at_ms": 1},
+                    }
+                ),
+            },
+        )
+        assert past_one_shot_update.status_code == 200
+        assert cron.get_job(past_one_shot_job.id).payload.message == "Updated one-shot message"
+        assert cron.get_job(past_one_shot_job.id).schedule.at_ms == 1
+
         protected_update = await _http_get(
             f"{base_url}/api/webui/automations/update?id=heartbeat",
             headers={
diff --git a/webui/src/components/settings/SettingsView.tsx b/webui/src/components/settings/SettingsView.tsx
index 5dc00e14..49a27ba8 100644
--- a/webui/src/components/settings/SettingsView.tsx
+++ b/webui/src/components/settings/SettingsView.tsx
@@ -3802,6 +3802,7 @@ type AutomationEditDraft = {
   tz: string;
   atLocal: string;
 };
+type AutomationScheduleUpdate = NonNullable<AutomationUpdatePayload["schedule"]>;
 
 const AUTOMATION_EVERY_UNITS: Array<{ value: AutomationEveryUnit; ms: number }> = [
   { value: "second", ms: 1000 },
@@ -3830,7 +3831,7 @@ function AutomationEditDialog({
     setDraft(automationDraftFromJob(job));
   }, [job]);
 
-  const validation = automationEditDraftError(draft, tx);
+  const validation = automationEditDraftError(draft, job, tx);
   const scheduleOptions = [
     { value: "every", label: tx("settings.automations.scheduleTypes.every", "Interval") },
     { value: "cron", label: tx("settings.automations.scheduleTypes.cron", "Cron") },
@@ -3845,7 +3846,7 @@ function AutomationEditDialog({
 
   const submit = (event: FormEvent<HTMLFormElement>) => {
     event.preventDefault();
-    const payload = automationUpdatePayloadFromDraft(draft);
+    const payload = automationUpdatePayloadFromDraft(draft, job);
     if (!job || typeof payload === "string") return;
     void onSave(job, payload);
   };
@@ -4143,6 +4144,7 @@ function formatLocalDateTimeInput(ms: number): string {
 
 function automationEditDraftError(
   draft: AutomationEditDraft,
+  job: SessionAutomationJob | null,
   tx: (key: string, fallback: string, values?: Record<string, unknown>) => string,
 ): string | null {
   if (!draft.name.trim()) return tx("settings.automations.validation.nameRequired", "Name is required.");
@@ -4163,33 +4165,58 @@ function automationEditDraftError(
     if (!Number.isFinite(atMs)) {
       return tx("settings.automations.validation.timeRequired", "Run time is required.");
     }
-    if (atMs <= Date.now()) {
+    if (atMs <= Date.now() && automationScheduleChanged(draft, job)) {
       return tx("settings.automations.validation.futureRequired", "Run time must be in the future.");
     }
   }
   return null;
 }
 
-function automationUpdatePayloadFromDraft(draft: AutomationEditDraft): AutomationUpdatePayload | string {
+function automationUpdatePayloadFromDraft(
+  draft: AutomationEditDraft,
+  job: SessionAutomationJob | null,
+): AutomationUpdatePayload | string {
   const name = draft.name.trim();
   const message = draft.message.trim();
   if (!name || !message) return "invalid";
   const payload: AutomationUpdatePayload = { name, message };
+  const schedule = automationSchedulePayloadFromDraft(draft);
+  if (typeof schedule === "string") return schedule;
+  if (automationScheduleChanged(draft, job, schedule)) {
+    payload.schedule = schedule;
+  }
+  return payload;
+}
+
+function automationSchedulePayloadFromDraft(draft: AutomationEditDraft): AutomationScheduleUpdate | string {
   if (draft.scheduleKind === "every") {
     const unit = AUTOMATION_EVERY_UNITS.find((candidate) => candidate.value === draft.everyUnit);
     const value = Number(draft.everyValue);
     if (!unit || !Number.isInteger(value) || value <= 0) return "invalid";
-    payload.schedule = { kind: "every", every_ms: value * unit.ms };
+    return { kind: "every", every_ms: value * unit.ms };
   } else if (draft.scheduleKind === "cron") {
     const expr = draft.cronExpr.trim();
     if (!expr) return "invalid";
-    payload.schedule = { kind: "cron", expr, ...(draft.tz.trim() ? { tz: draft.tz.trim() } : {}) };
+    return { kind: "cron", expr, ...(draft.tz.trim() ? { tz: draft.tz.trim() } : {}) };
   } else {
     const atMs = new Date(draft.atLocal).getTime();
     if (!Number.isFinite(atMs)) return "invalid";
-    payload.schedule = { kind: "at", at_ms: atMs };
+    return { kind: "at", at_ms: atMs };
   }
-  return payload;
+}
+
+function automationScheduleChanged(
+  draft: AutomationEditDraft,
+  job: SessionAutomationJob | null,
+  schedule: AutomationScheduleUpdate | string = automationSchedulePayloadFromDraft(draft),
+): boolean {
+  if (!job || typeof schedule === "string") return true;
+  if (schedule.kind !== job.schedule.kind) return true;
+  if (schedule.kind === "every") return schedule.every_ms !== job.schedule.every_ms;
+  if (schedule.kind === "cron") {
+    return schedule.expr !== (job.schedule.expr ?? "") || (schedule.tz ?? null) !== (job.schedule.tz ?? null);
+  }
+  return draft.atLocal !== formatLocalDateTimeInput(job.schedule.at_ms ?? NaN);
 }
 
 function automationSearchText(job: SessionAutomationJob): string {
diff --git a/webui/src/tests/app-layout.test.tsx b/webui/src/tests/app-layout.test.tsx
index 8303fe20..ccf3013a 100644
--- a/webui/src/tests/app-layout.test.tsx
+++ b/webui/src/tests/app-layout.test.tsx
@@ -452,6 +452,78 @@ describe("App layout", () => {
     expect(document.title).toBe("Automations · nanobot");
   });
 
+  it("edits a past one-time automation without resubmitting its old schedule", async () => {
+    const pastOneShot = {
+      id: "past-one-shot",
+      name: "Past one-shot",
+      enabled: true,
+      protected: false,
+      delete_after_run: true,
+      schedule: { kind: "at", at_ms: 1 },
+      payload: {
+        message: "Old one-shot message",
+        kind: "agent_turn",
+        session_key: "websocket:chat-a",
+      },
+      state: {
+        next_run_at_ms: null,
+        last_status: "ok",
+        pending: false,
+        run_history: [],
+      },
+      origin: {
+        session_key: "websocket:chat-a",
+        channel: "websocket",
+        chat_id: "chat-a",
+        title: "Release prep",
+        preview: "Check release blockers",
+      },
+    };
+    mockFetchRoutes({
+      "/api/settings": baseSettingsPayload(),
+      "/api/webui/automations": { jobs: [pastOneShot] },
+      "/api/webui/automations/update?id=past-one-shot": {
+        jobs: [
+          {
+            ...pastOneShot,
+            payload: { ...pastOneShot.payload, message: "Updated one-shot message" },
+          },
+        ],
+      },
+    });
+
+    render(<App />);
+
+    await waitFor(() => expect(connectSpy).toHaveBeenCalled());
+    const sidebar = screen.getByRole("navigation", { name: "Sidebar navigation" });
+    fireEvent.click(within(sidebar).getByRole("button", { name: "Automations" }));
+
+    expect(await screen.findByText("Past one-shot")).toBeInTheDocument();
+    fireEvent.click(screen.getByRole("button", { name: "Edit" }));
+    expect(screen.queryByText("Run time must be in the future.")).not.toBeInTheDocument();
+
+    fireEvent.change(screen.getByDisplayValue("Old one-shot message"), {
+      target: { value: "Updated one-shot message" },
+    });
+    fireEvent.click(screen.getByRole("button", { name: "Save" }));
+
+    await waitFor(() => {
+      expect(fetch).toHaveBeenCalledWith(
+        "/api/webui/automations/update?id=past-one-shot",
+        expect.any(Object),
+      );
+    });
+    const updateCall = vi.mocked(fetch).mock.calls.find(
+      ([url]) => String(url) === "/api/webui/automations/update?id=past-one-shot",
+    );
+    expect(updateCall).toBeTruthy();
+    const headers = updateCall?.[1]?.headers as Record<string, string>;
+    expect(JSON.parse(headers["X-Nanobot-Automation-Values"])).toEqual({
+      name: "Past one-shot",
+      message: "Updated one-shot message",
+    });
+  });
+
   it("localizes the Automations surface", async () => {
     await i18n.changeLanguage("zh-CN");
     mockFetchRoutes({

From f8bf6aea51b96b492c5a2fb55c1b58ed06a48dd9 Mon Sep 17 00:00:00 2001
From: chengyongru <chengyongru.ai@gmail.com>
Date: Mon, 15 Jun 2026 15:14:24 +0800
Subject: [PATCH 10/38] fix(webui): encode automation update values

---
 nanobot/webui/ws_http.py                     |  6 ++++-
 tests/channels/test_websocket_http_routes.py | 24 ++++++++++++++++++--
 webui/src/lib/api.ts                         |  8 ++++---
 webui/src/tests/api.test.ts                  | 17 +++++++-------
 webui/src/tests/app-layout.test.tsx          |  2 +-
 5 files changed, 41 insertions(+), 16 deletions(-)

diff --git a/nanobot/webui/ws_http.py b/nanobot/webui/ws_http.py
index 2fc00ec8..34ac0151 100644
--- a/nanobot/webui/ws_http.py
+++ b/nanobot/webui/ws_http.py
@@ -17,6 +17,7 @@ import time
 from collections.abc import Callable
 from pathlib import Path
 from typing import TYPE_CHECKING, Any
+from urllib.parse import unquote
 
 from loguru import logger
 from websockets.http11 import Request as WsRequest
@@ -782,7 +783,10 @@ def _automation_values_from_request(request: WsRequest) -> dict[str, Any] | None
     try:
         values = json.loads(raw)
     except Exception:
-        return None
+        try:
+            values = json.loads(unquote(raw))
+        except Exception:
+            return None
     return values if isinstance(values, dict) else None
 
 
diff --git a/tests/channels/test_websocket_http_routes.py b/tests/channels/test_websocket_http_routes.py
index 6a8eaf12..885cc37a 100644
--- a/tests/channels/test_websocket_http_routes.py
+++ b/tests/channels/test_websocket_http_routes.py
@@ -10,7 +10,7 @@ import time
 from pathlib import Path
 from typing import Any
 from unittest.mock import AsyncMock, MagicMock
-from urllib.parse import urlencode
+from urllib.parse import quote, urlencode
 
 import httpx
 import pytest
@@ -942,6 +942,26 @@ async def test_webui_automations_route_lists_all_jobs_and_allows_user_actions(
         assert by_id[user_job.id]["schedule"]["expr"] == "0 9 * * *"
         assert by_id[user_job.id]["schedule"]["tz"] == "UTC"
 
+        unicode_update = await _http_get(
+            f"{base_url}/api/webui/automations/update?id={user_job.id}",
+            headers={
+                **auth,
+                "X-Nanobot-Automation-Values": quote(
+                    json.dumps(
+                        {
+                            "name": "每日测验",
+                            "message": "问今日测验",
+                        },
+                        ensure_ascii=False,
+                    ),
+                    safe="",
+                ),
+            },
+        )
+        assert unicode_update.status_code == 200
+        assert cron.get_job(user_job.id).name == "每日测验"
+        assert cron.get_job(user_job.id).payload.message == "问今日测验"
+
         malformed_update = await _http_get(
             f"{base_url}/api/webui/automations/update?id={user_job.id}",
             headers={
@@ -950,7 +970,7 @@ async def test_webui_automations_route_lists_all_jobs_and_allows_user_actions(
             },
         )
         assert malformed_update.status_code == 400
-        assert cron.get_job(user_job.id).payload.message == "Ask the daily quiz"
+        assert cron.get_job(user_job.id).payload.message == "问今日测验"
 
         invalid_cron_update = await _http_get(
             f"{base_url}/api/webui/automations/update?id={user_job.id}",
diff --git a/webui/src/lib/api.ts b/webui/src/lib/api.ts
index b31879e3..dde14b0a 100644
--- a/webui/src/lib/api.ts
+++ b/webui/src/lib/api.ts
@@ -89,6 +89,10 @@ function mcpValuesHeader(values: Record<string, unknown>): HeadersInit | undefin
   return { "X-Nanobot-MCP-Values": JSON.stringify(payload) };
 }
 
+function automationValuesHeader(values: AutomationUpdatePayload): HeadersInit {
+  return { "X-Nanobot-Automation-Values": encodeURIComponent(JSON.stringify(values)) };
+}
+
 function splitKey(key: string): { channel: string; chatId: string } {
   const idx = key.indexOf(":");
   if (idx === -1) return { channel: "", chatId: key };
@@ -226,9 +230,7 @@ export async function updateAutomation(
     `${base}/api/webui/automations/update?${query}`,
     token,
     {
-      headers: {
-        "X-Nanobot-Automation-Values": JSON.stringify(values),
-      },
+      headers: automationValuesHeader(values),
     },
     API_READ_TIMEOUT_MS,
   );
diff --git a/webui/src/tests/api.test.ts b/webui/src/tests/api.test.ts
index 80619e73..19e3f86e 100644
--- a/webui/src/tests/api.test.ts
+++ b/webui/src/tests/api.test.ts
@@ -125,25 +125,24 @@ describe("webui API helpers", () => {
   });
 
   it("serializes workspace automation updates", async () => {
-    await updateAutomation("tok", "job 1/2", {
-      name: "Daily quiz",
-      message: "Ask the quiz",
+    const values = {
+      name: "每日测验",
+      message: "Ask 今日 quiz",
       schedule: { kind: "cron", expr: "0 9 * * *", tz: "Asia/Shanghai" },
-    });
+    } as const;
+    await updateAutomation("tok", "job 1/2", values);
 
     expect(fetch).toHaveBeenCalledWith(
       "/api/webui/automations/update?id=job+1%2F2",
       expect.objectContaining({
         headers: {
           Authorization: "Bearer tok",
-          "X-Nanobot-Automation-Values": JSON.stringify({
-            name: "Daily quiz",
-            message: "Ask the quiz",
-            schedule: { kind: "cron", expr: "0 9 * * *", tz: "Asia/Shanghai" },
-          }),
+          "X-Nanobot-Automation-Values": encodeURIComponent(JSON.stringify(values)),
         },
       }),
     );
+    const header = vi.mocked(fetch).mock.calls[0][1]?.headers as Record<string, string>;
+    expect(header["X-Nanobot-Automation-Values"]).not.toContain("每日");
   });
 
   it("fetches the WebUI skill summary", async () => {
diff --git a/webui/src/tests/app-layout.test.tsx b/webui/src/tests/app-layout.test.tsx
index ccf3013a..33e5d413 100644
--- a/webui/src/tests/app-layout.test.tsx
+++ b/webui/src/tests/app-layout.test.tsx
@@ -518,7 +518,7 @@ describe("App layout", () => {
     );
     expect(updateCall).toBeTruthy();
     const headers = updateCall?.[1]?.headers as Record<string, string>;
-    expect(JSON.parse(headers["X-Nanobot-Automation-Values"])).toEqual({
+    expect(JSON.parse(decodeURIComponent(headers["X-Nanobot-Automation-Values"]))).toEqual({
       name: "Past one-shot",
       message: "Updated one-shot message",
     });

From 140c4fb49f233b1490235a774dcbd8fc3aa33a10 Mon Sep 17 00:00:00 2001
From: chengyongru <chengyongru.ai@gmail.com>
Date: Mon, 15 Jun 2026 15:17:38 +0800
Subject: [PATCH 11/38] fix(webui): clarify automation anomaly labels

---
 webui/src/i18n/locales/zh-CN/common.json | 4 ++--
 webui/src/i18n/locales/zh-TW/common.json | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/webui/src/i18n/locales/zh-CN/common.json b/webui/src/i18n/locales/zh-CN/common.json
index a1191795..2c89c0a5 100644
--- a/webui/src/i18n/locales/zh-CN/common.json
+++ b/webui/src/i18n/locales/zh-CN/common.json
@@ -469,14 +469,14 @@
       "stats": {
         "active": "运行中",
         "paused": "已暂停",
-        "failed": "需处理",
+        "failed": "异常",
         "system": "系统"
       },
       "filters": {
         "all": "全部",
         "active": "运行中",
         "paused": "已暂停",
-        "failed": "需处理",
+        "failed": "异常",
         "system": "系统"
       },
       "sort": {
diff --git a/webui/src/i18n/locales/zh-TW/common.json b/webui/src/i18n/locales/zh-TW/common.json
index 26baa44b..a943aa3b 100644
--- a/webui/src/i18n/locales/zh-TW/common.json
+++ b/webui/src/i18n/locales/zh-TW/common.json
@@ -469,14 +469,14 @@
       "stats": {
         "active": "執行中",
         "paused": "已暫停",
-        "failed": "需處理",
+        "failed": "異常",
         "system": "系統"
       },
       "filters": {
         "all": "全部",
         "active": "執行中",
         "paused": "已暫停",
-        "failed": "需處理",
+        "failed": "異常",
         "system": "系統"
       },
       "sort": {

From 04496e9e2866e19d412f3c79fa3c441930e1f797 Mon Sep 17 00:00:00 2001
From: chengyongru <chengyongru.ai@gmail.com>
Date: Mon, 15 Jun 2026 15:22:01 +0800
Subject: [PATCH 12/38] fix(webui): improve automation edit message field

---
 webui/src/components/settings/SettingsView.tsx | 13 +++++--------
 webui/src/tests/app-layout.test.tsx            |  7 +++++++
 2 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/webui/src/components/settings/SettingsView.tsx b/webui/src/components/settings/SettingsView.tsx
index 49a27ba8..8c04338e 100644
--- a/webui/src/components/settings/SettingsView.tsx
+++ b/webui/src/components/settings/SettingsView.tsx
@@ -3854,16 +3854,13 @@ function AutomationEditDialog({
   return (
     <Dialog open={Boolean(job)} onOpenChange={onOpenChange}>
       {job ? (
-        <DialogContent className="w-[min(calc(100vw-2rem),34rem)] rounded-[26px]">
+        <DialogContent
+          aria-describedby={undefined}
+          className="w-[min(calc(100vw-2rem),34rem)] rounded-[26px]"
+        >
           <form className="space-y-5" onSubmit={submit}>
             <DialogHeader>
               <DialogTitle>{tx("settings.automations.editTitle", "Edit automation")}</DialogTitle>
-              <DialogDescription>
-                {tx(
-                  "settings.automations.editDescription",
-                  "Update the prompt and schedule. The linked chat stays unchanged.",
-                )}
-              </DialogDescription>
             </DialogHeader>
 
             <div className="space-y-4">
@@ -3885,7 +3882,7 @@ function AutomationEditDialog({
                 <Textarea
                   value={draft.message}
                   onChange={(event) => setDraft((prev) => ({ ...prev, message: event.target.value }))}
-                  className="min-h-24 resize-y rounded-[12px] text-[13px] leading-5"
+                  className="min-h-[160px] resize-none rounded-[12px] text-[13px] leading-5"
                 />
               </label>
 
diff --git a/webui/src/tests/app-layout.test.tsx b/webui/src/tests/app-layout.test.tsx
index 33e5d413..07461bc3 100644
--- a/webui/src/tests/app-layout.test.tsx
+++ b/webui/src/tests/app-layout.test.tsx
@@ -501,6 +501,13 @@ describe("App layout", () => {
     expect(await screen.findByText("Past one-shot")).toBeInTheDocument();
     fireEvent.click(screen.getByRole("button", { name: "Edit" }));
     expect(screen.queryByText("Run time must be in the future.")).not.toBeInTheDocument();
+    expect(
+      screen.queryByText("Update the prompt and schedule. The linked chat stays unchanged."),
+    ).not.toBeInTheDocument();
+    expect(screen.getByDisplayValue("Old one-shot message")).toHaveClass(
+      "min-h-[160px]",
+      "resize-none",
+    );
 
     fireEvent.change(screen.getByDisplayValue("Old one-shot message"), {
       target: { value: "Updated one-shot message" },

From 0439ecb8025f71c15335bb155f4a4d90adaaf9ee Mon Sep 17 00:00:00 2001
From: chengyongru <chengyongru.ai@gmail.com>
Date: Mon, 15 Jun 2026 15:41:35 +0800
Subject: [PATCH 13/38] fix(webui): refine automation row layout

---
 .../src/components/settings/SettingsView.tsx  | 151 +++++++++++-------
 webui/src/i18n/locales/en/common.json         |   2 +-
 webui/src/i18n/locales/es/common.json         |   2 +-
 webui/src/i18n/locales/fr/common.json         |   2 +-
 webui/src/i18n/locales/id/common.json         |   2 +-
 webui/src/i18n/locales/ja/common.json         |   2 +-
 webui/src/i18n/locales/ko/common.json         |   2 +-
 webui/src/i18n/locales/vi/common.json         |   2 +-
 webui/src/i18n/locales/zh-CN/common.json      |   2 +-
 webui/src/i18n/locales/zh-TW/common.json      |   2 +-
 webui/src/tests/app-layout.test.tsx           |   4 +-
 11 files changed, 104 insertions(+), 69 deletions(-)

diff --git a/webui/src/components/settings/SettingsView.tsx b/webui/src/components/settings/SettingsView.tsx
index 8c04338e..a39d48bc 100644
--- a/webui/src/components/settings/SettingsView.tsx
+++ b/webui/src/components/settings/SettingsView.tsx
@@ -3587,6 +3587,8 @@ function AutomationRow({
     ? `#/chat/${encodeURIComponent(job.origin.session_key)}`
     : null;
   const history = job.state.run_history ?? [];
+  const latestRun = history[history.length - 1];
+  const lastResult = automationLastResult(job, latestRun, locale, tx);
   const canManage = !job.protected;
   const canRun = canManage && job.enabled && !job.state.pending;
   const toggleAction: AutomationAction = job.enabled ? "disable" : "enable";
@@ -3594,11 +3596,11 @@ function AutomationRow({
   const needsRecreation = automationNeedsRecreation(job);
 
   return (
-    <article className="rounded-[22px] border border-border/45 bg-card/86 p-4 shadow-[0_18px_65px_rgba(15,23,42,0.06)] backdrop-blur-xl">
-      <div className="flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between">
+    <article className="rounded-[22px] border border-border/45 bg-card/90 p-4 shadow-[0_18px_55px_rgba(15,23,42,0.055)] backdrop-blur-xl">
+      <div className="flex flex-col gap-3 lg:flex-row lg:items-start lg:justify-between">
         <div className="min-w-0 flex-1">
-          <div className="flex flex-wrap items-center gap-2">
-            <span className="truncate text-[15px] font-medium leading-6 text-foreground">
+          <div className="flex min-w-0 flex-wrap items-center gap-2">
+            <span className="min-w-0 truncate text-[15px] font-medium leading-6 text-foreground">
               {job.name || job.id}
             </span>
             <StatusPill tone={status.tone}>{status.label}</StatusPill>
@@ -3606,11 +3608,11 @@ function AutomationRow({
               <StatusPill>{tx("settings.automations.oneShot", "One-time")}</StatusPill>
             ) : null}
           </div>
-          <p className="mt-1 line-clamp-2 max-w-[46rem] text-[13px] leading-6 text-muted-foreground">
+          <p className="mt-1 line-clamp-2 max-w-[58rem] text-[13px] leading-5 text-muted-foreground">
             {job.payload.message || tx("settings.automations.systemTask", "System-managed automation")}
           </p>
 
-          <div className="mt-3 grid gap-2 text-[12px] text-muted-foreground md:grid-cols-2 xl:grid-cols-4">
+          <div className="mt-3 grid gap-px overflow-hidden rounded-[16px] border border-border/35 bg-border/35 text-[12px] text-muted-foreground md:grid-cols-2 xl:grid-cols-[1.25fr_0.8fr_1fr_0.85fr]">
             <AutomationDetail
               label={tx("settings.automations.labels.schedule", "Schedule")}
               title={formatAutomationSchedule(job, locale, tx)}
@@ -3624,10 +3626,17 @@ function AutomationRow({
               {formatAutomationNext(job, tx)}
             </AutomationDetail>
             <AutomationDetail
-              label={tx("settings.automations.labels.last", "Last")}
-              title={formatAutomationLast(job, locale, tx)}
+              label={tx("settings.automations.history.recent", "Last result")}
+              title={lastResult.title}
+              secondary={lastResult.secondary}
             >
-              {formatAutomationLast(job, locale, tx)}
+              <span className="inline-flex min-w-0 items-center gap-1.5">
+                <span
+                  className={cn("h-1.5 w-1.5 shrink-0 rounded-full", automationResultDotClass(lastResult.tone))}
+                  aria-hidden
+                />
+                <span className="truncate">{lastResult.primary}</span>
+              </span>
             </AutomationDetail>
             <AutomationDetail label={tx("settings.automations.labels.origin", "Linked chat")} title={origin}>
               {originHref ? (
@@ -3659,45 +3668,6 @@ function AutomationRow({
             </div>
           ) : null}
 
-          {history.length ? (
-            <div className="mt-3">
-              <div className="mb-1.5 text-[11px] font-medium uppercase tracking-normal text-muted-foreground">
-                {tx("settings.automations.history.recent", "Recent runs")}
-              </div>
-              <div className="flex flex-wrap gap-1.5">
-                {history.slice(-4).map((record) => {
-                  const statusLabel = automationRunStatusLabel(record.status, tx);
-                  const duration = formatAutomationRunDuration(record.duration_ms, locale, tx);
-                  const visibleLabel = record.status === "ok"
-                    ? duration
-                    : tx("settings.automations.history.statusWithDuration", "{{status}} · {{duration}}", {
-                        status: statusLabel,
-                        duration,
-                      });
-                  const detail = record.error || fmtDateTime(record.run_at_ms, locale);
-                  const accessibleLabel = `${statusLabel} · ${duration} · ${detail}`;
-                  return (
-                    <span
-                      key={`${record.run_at_ms}:${record.status}`}
-                      className={cn(
-                        "rounded-full px-2 py-1 text-[11px]",
-                        record.status === "error"
-                          ? "bg-destructive/10 text-destructive"
-                          : record.status === "skipped"
-                            ? "bg-amber-500/10 text-amber-700 dark:text-amber-300"
-                            : "bg-emerald-500/10 text-emerald-700 dark:text-emerald-300",
-                      )}
-                      title={accessibleLabel}
-                      aria-label={accessibleLabel}
-                    >
-                      {visibleLabel}
-                    </span>
-                  );
-                })}
-              </div>
-            </div>
-          ) : null}
-
           <div className="mt-3 flex flex-wrap gap-x-3 gap-y-1 text-[11.5px] leading-5 text-muted-foreground">
             {job.created_at_ms ? (
               <span>
@@ -3716,7 +3686,7 @@ function AutomationRow({
           </div>
         </div>
 
-        <div className="flex shrink-0 items-center gap-1.5">
+        <div className="flex shrink-0 items-center gap-1 rounded-full border border-border/35 bg-background/70 p-1 shadow-sm">
           {canManage ? (
             <>
               <AppsActionButton
@@ -3772,19 +3742,28 @@ function AutomationRow({
 function AutomationDetail({
   label,
   title,
+  secondary,
   children,
 }: {
   label: string;
   title?: string;
+  secondary?: ReactNode;
   children: ReactNode;
 }) {
   return (
-    <div className="min-w-0 rounded-[14px] bg-muted/35 px-3 py-2">
-      <div className="text-[10.5px] font-medium uppercase leading-none text-muted-foreground/75">
+    <div className="min-w-0 bg-background/75 px-3 py-2.5">
+      <div className="text-[11px] font-medium leading-none text-muted-foreground/75">
         {label}
       </div>
-      <div className="mt-1.5 truncate text-[12.5px] leading-5 text-foreground/85" title={title}>
-        {children}
+      <div className="mt-1.5 min-w-0">
+        <div className="truncate text-[13px] leading-5 text-foreground/85" title={title}>
+          {children}
+        </div>
+        {secondary ? (
+          <div className="mt-0.5 truncate text-[11.5px] leading-4 text-muted-foreground" title={title}>
+            {secondary}
+          </div>
+        ) : null}
       </div>
     </div>
   );
@@ -4410,14 +4389,70 @@ function formatAutomationNextTitle(
   return fmtDateTime(job.state.next_run_at_ms, locale);
 }
 
-function formatAutomationLast(
+function automationLastResult(
   job: SessionAutomationJob,
+  latestRun: NonNullable<SessionAutomationJob["state"]["run_history"]>[number] | undefined,
   locale: string,
   tx: (key: string, fallback: string, values?: Record<string, unknown>) => string,
-): string {
-  if (!job.state.last_run_at_ms) return tx("settings.automations.last.never", "Never");
-  const status = automationRunStatusLabel(job.state.last_status, tx);
-  return `${fmtDateTime(job.state.last_run_at_ms, locale)} · ${status}`;
+): {
+  primary: string;
+  secondary?: string;
+  title: string;
+  tone: "neutral" | "success" | "warning" | "danger";
+} {
+  if (job.state.pending) {
+    const secondary = job.state.last_run_at_ms
+      ? fmtDateTime(job.state.last_run_at_ms, locale)
+      : undefined;
+    return {
+      primary: tx("settings.automations.next.pending", "Running now"),
+      secondary,
+      title: secondary ?? tx("settings.automations.next.pending", "Running now"),
+      tone: "warning",
+    };
+  }
+  if (latestRun) {
+    const status = automationRunStatusLabel(latestRun.status, tx);
+    const duration = latestRun.duration_ms === undefined
+      ? null
+      : formatAutomationRunDuration(latestRun.duration_ms, locale, tx);
+    const primary = duration
+      ? tx("settings.automations.history.statusWithDuration", "{{status}} · {{duration}}", {
+          status,
+          duration,
+        })
+      : status;
+    const secondary = fmtDateTime(latestRun.run_at_ms, locale);
+    return {
+      primary,
+      secondary,
+      title: latestRun.error ? `${secondary} · ${latestRun.error}` : secondary,
+      tone: latestRun.status === "error"
+        ? "danger"
+        : latestRun.status === "skipped"
+          ? "warning"
+          : "success",
+    };
+  }
+  if (job.state.last_run_at_ms) {
+    const status = automationRunStatusLabel(job.state.last_status, tx);
+    const secondary = fmtDateTime(job.state.last_run_at_ms, locale);
+    return {
+      primary: status,
+      secondary,
+      title: secondary,
+      tone: job.state.last_status === "error" ? "danger" : "success",
+    };
+  }
+  const never = tx("settings.automations.last.never", "Never");
+  return { primary: never, title: never, tone: "neutral" };
+}
+
+function automationResultDotClass(tone: "neutral" | "success" | "warning" | "danger"): string {
+  if (tone === "success") return "bg-emerald-500";
+  if (tone === "warning") return "bg-amber-500";
+  if (tone === "danger") return "bg-destructive";
+  return "bg-muted-foreground/45";
 }
 
 function automationRunStatusLabel(
diff --git a/webui/src/i18n/locales/en/common.json b/webui/src/i18n/locales/en/common.json
index dad2ca2f..ef3a9386 100644
--- a/webui/src/i18n/locales/en/common.json
+++ b/webui/src/i18n/locales/en/common.json
@@ -570,7 +570,7 @@
         "ok": "Completed",
         "error": "Error",
         "skipped": "Skipped",
-        "recent": "Recent runs",
+        "recent": "Last result",
         "statusWithDuration": "{{status}} · {{duration}}"
       },
       "meta": {
diff --git a/webui/src/i18n/locales/es/common.json b/webui/src/i18n/locales/es/common.json
index d2b715ae..34f0e027 100644
--- a/webui/src/i18n/locales/es/common.json
+++ b/webui/src/i18n/locales/es/common.json
@@ -570,7 +570,7 @@
         "ok": "Completada",
         "error": "Error",
         "skipped": "Omitida",
-        "recent": "Ejecuciones recientes",
+        "recent": "Último resultado",
         "statusWithDuration": "{{status}} · {{duration}}"
       },
       "meta": {
diff --git a/webui/src/i18n/locales/fr/common.json b/webui/src/i18n/locales/fr/common.json
index f321f48c..b27f7f59 100644
--- a/webui/src/i18n/locales/fr/common.json
+++ b/webui/src/i18n/locales/fr/common.json
@@ -570,7 +570,7 @@
         "ok": "Terminée",
         "error": "Erreur",
         "skipped": "Ignorée",
-        "recent": "Exécutions récentes",
+        "recent": "Dernier résultat",
         "statusWithDuration": "{{status}} · {{duration}}"
       },
       "meta": {
diff --git a/webui/src/i18n/locales/id/common.json b/webui/src/i18n/locales/id/common.json
index 7915a01f..e1457b71 100644
--- a/webui/src/i18n/locales/id/common.json
+++ b/webui/src/i18n/locales/id/common.json
@@ -570,7 +570,7 @@
         "ok": "Selesai",
         "error": "Error",
         "skipped": "Dilewati",
-        "recent": "Eksekusi terbaru",
+        "recent": "Hasil terakhir",
         "statusWithDuration": "{{status}} · {{duration}}"
       },
       "meta": {
diff --git a/webui/src/i18n/locales/ja/common.json b/webui/src/i18n/locales/ja/common.json
index 5d7ad950..75223b8c 100644
--- a/webui/src/i18n/locales/ja/common.json
+++ b/webui/src/i18n/locales/ja/common.json
@@ -570,7 +570,7 @@
         "ok": "完了",
         "error": "エラー",
         "skipped": "スキップ",
-        "recent": "最近の実行",
+        "recent": "最新結果",
         "statusWithDuration": "{{status}} · {{duration}}"
       },
       "meta": {
diff --git a/webui/src/i18n/locales/ko/common.json b/webui/src/i18n/locales/ko/common.json
index a503c37f..44051a03 100644
--- a/webui/src/i18n/locales/ko/common.json
+++ b/webui/src/i18n/locales/ko/common.json
@@ -570,7 +570,7 @@
         "ok": "완료",
         "error": "오류",
         "skipped": "건너뜀",
-        "recent": "최근 실행",
+        "recent": "최근 결과",
         "statusWithDuration": "{{status}} · {{duration}}"
       },
       "meta": {
diff --git a/webui/src/i18n/locales/vi/common.json b/webui/src/i18n/locales/vi/common.json
index 5855b04f..c7baf93f 100644
--- a/webui/src/i18n/locales/vi/common.json
+++ b/webui/src/i18n/locales/vi/common.json
@@ -570,7 +570,7 @@
         "ok": "Hoàn tất",
         "error": "Lỗi",
         "skipped": "Đã bỏ qua",
-        "recent": "Lượt chạy gần đây",
+        "recent": "Kết quả gần nhất",
         "statusWithDuration": "{{status}} · {{duration}}"
       },
       "meta": {
diff --git a/webui/src/i18n/locales/zh-CN/common.json b/webui/src/i18n/locales/zh-CN/common.json
index 2c89c0a5..efdd240e 100644
--- a/webui/src/i18n/locales/zh-CN/common.json
+++ b/webui/src/i18n/locales/zh-CN/common.json
@@ -570,7 +570,7 @@
         "ok": "完成",
         "error": "错误",
         "skipped": "已跳过",
-        "recent": "最近运行",
+        "recent": "最近结果",
         "statusWithDuration": "{{status}} · {{duration}}"
       },
       "meta": {
diff --git a/webui/src/i18n/locales/zh-TW/common.json b/webui/src/i18n/locales/zh-TW/common.json
index a943aa3b..befc58aa 100644
--- a/webui/src/i18n/locales/zh-TW/common.json
+++ b/webui/src/i18n/locales/zh-TW/common.json
@@ -570,7 +570,7 @@
         "ok": "完成",
         "error": "錯誤",
         "skipped": "已略過",
-        "recent": "最近執行",
+        "recent": "最近結果",
         "statusWithDuration": "{{status}} · {{duration}}"
       },
       "meta": {
diff --git a/webui/src/tests/app-layout.test.tsx b/webui/src/tests/app-layout.test.tsx
index 07461bc3..53b3ab43 100644
--- a/webui/src/tests/app-layout.test.tsx
+++ b/webui/src/tests/app-layout.test.tsx
@@ -585,8 +585,8 @@ describe("App layout", () => {
     expect(screen.getByText("每日检查")).toBeInTheDocument();
     expect(screen.getByText("检查仓库状态")).toBeInTheDocument();
     expect(screen.getByText("每 1天")).toBeInTheDocument();
-    expect(screen.getByText("最近运行")).toBeInTheDocument();
-    expect(screen.getByText("不到 1 秒")).toBeInTheDocument();
+    expect(screen.getByText("最近结果")).toBeInTheDocument();
+    expect(screen.getByText("完成 · 不到 1 秒")).toBeInTheDocument();
     expect(screen.queryByText("Workspace automations")).not.toBeInTheDocument();
     expect(screen.queryByRole("button", { name: "刷新" })).not.toBeInTheDocument();
     expect(document.title).toBe("自动任务 · nanobot");

From d7e73609d37debcd939bb2c10b18a32d13fffa49 Mon Sep 17 00:00:00 2001
From: chengyongru <chengyongru.ai@gmail.com>
Date: Mon, 15 Jun 2026 16:35:15 +0800
Subject: [PATCH 14/38] fix(webui): redesign automation management layout

---
 .../src/components/settings/SettingsView.tsx  | 499 +++++++++++++-----
 webui/src/i18n/locales/en/common.json         |   5 +-
 webui/src/i18n/locales/es/common.json         |   5 +-
 webui/src/i18n/locales/fr/common.json         |   5 +-
 webui/src/i18n/locales/id/common.json         |   5 +-
 webui/src/i18n/locales/ja/common.json         |   5 +-
 webui/src/i18n/locales/ko/common.json         |   5 +-
 webui/src/i18n/locales/vi/common.json         |   5 +-
 webui/src/i18n/locales/zh-CN/common.json      |   5 +-
 webui/src/i18n/locales/zh-TW/common.json      |   5 +-
 webui/src/tests/app-layout.test.tsx           |  12 +-
 11 files changed, 403 insertions(+), 153 deletions(-)

diff --git a/webui/src/components/settings/SettingsView.tsx b/webui/src/components/settings/SettingsView.tsx
index a39d48bc..57f4fc4b 100644
--- a/webui/src/components/settings/SettingsView.tsx
+++ b/webui/src/components/settings/SettingsView.tsx
@@ -3429,10 +3429,14 @@ function AutomationsSettings({
   const tx = (key: string, fallback: string, values?: Record<string, unknown>) =>
     t(key, { defaultValue: fallback, ...(values ?? {}) });
   const jobs = payload?.jobs ?? [];
-  const normalizedQuery = query.trim().toLowerCase();
-  const filtered = sortAutomationJobs(jobs, sort)
-    .filter((job) => automationMatchesFilter(job, filter))
-    .filter((job) => !normalizedQuery || automationSearchText(job).includes(normalizedQuery));
+  const locale = i18n.resolvedLanguage || i18n.language;
+  const [selectedJobId, setSelectedJobId] = useState<string | null>(null);
+  const filtered = useMemo(() => {
+    const normalizedQuery = query.trim().toLowerCase();
+    return sortAutomationJobs(jobs, sort)
+      .filter((job) => automationMatchesFilter(job, filter))
+      .filter((job) => !normalizedQuery || automationSearchText(job).includes(normalizedQuery));
+  }, [filter, jobs, query, sort]);
   const activeCount = jobs.filter((job) => {
     const key = automationStatusKey(job);
     return key === "active" || key === "running";
@@ -3440,12 +3444,12 @@ function AutomationsSettings({
   const pausedCount = jobs.filter((job) => automationStatusKey(job) === "paused").length;
   const failedCount = jobs.filter(automationNeedsAttention).length;
   const systemCount = jobs.filter((job) => job.protected).length;
-  const filterOptions = [
-    { value: "all", label: tx("settings.automations.filters.all", "All") },
-    { value: "active", label: tx("settings.automations.filters.active", "Active") },
-    { value: "paused", label: tx("settings.automations.filters.paused", "Paused") },
-    { value: "failed", label: tx("settings.automations.filters.failed", "Needs attention") },
-    { value: "system", label: tx("settings.automations.filters.system", "System") },
+  const summaryOptions: Array<{ value: AutomationFilter; label: string; count: number }> = [
+    { value: "all", label: tx("settings.automations.filters.all", "All"), count: jobs.length },
+    { value: "active", label: tx("settings.automations.filters.active", "Active"), count: activeCount },
+    { value: "paused", label: tx("settings.automations.filters.paused", "Paused"), count: pausedCount },
+    { value: "failed", label: tx("settings.automations.filters.failed", "Needs attention"), count: failedCount },
+    { value: "system", label: tx("settings.automations.filters.system", "System"), count: systemCount },
   ];
   const sortLabel = {
     next: tx("settings.automations.sort.next", "Next run"),
@@ -3453,33 +3457,56 @@ function AutomationsSettings({
     updated: tx("settings.automations.sort.updated", "Updated"),
     name: tx("settings.automations.sort.name", "Name"),
   } satisfies Record<AutomationSort, string>;
+  const selectedJob = filtered.find((job) => job.id === selectedJobId) ?? filtered[0] ?? null;
+
+  useEffect(() => {
+    if (!filtered.length) {
+      if (selectedJobId !== null) setSelectedJobId(null);
+      return;
+    }
+    if (!selectedJobId || !filtered.some((job) => job.id === selectedJobId)) {
+      setSelectedJobId(filtered[0].id);
+    }
+  }, [filtered, selectedJobId]);
 
   return (
     <div className="space-y-5">
-      <section className="rounded-[24px] border border-border/50 bg-card/82 px-4 py-4 shadow-[0_18px_65px_rgba(15,23,42,0.07)] backdrop-blur-xl sm:px-5">
-        <div className="grid gap-2 sm:grid-cols-4">
-          <AutomationStat label={tx("settings.automations.stats.active", "Active")} value={activeCount} />
-          <AutomationStat label={tx("settings.automations.stats.paused", "Paused")} value={pausedCount} />
-          <AutomationStat label={tx("settings.automations.stats.failed", "Needs attention")} value={failedCount} />
-          <AutomationStat label={tx("settings.automations.stats.system", "System")} value={systemCount} />
-        </div>
-
-        <div className="mt-5 flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between">
-          <div className="relative min-w-0 flex-1">
-            <Search className="pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground/70" />
-            <Input
-              value={query}
-              onChange={(event) => onQueryChange(event.target.value)}
-              placeholder={tx("settings.automations.search", "Search automation, message, session, or cron expression")}
-              className="h-9 rounded-full bg-background/85 pl-9 text-[13px]"
-            />
+      <section className="rounded-[22px] border border-border/45 bg-card/80 px-3 py-3 shadow-[0_18px_50px_rgba(15,23,42,0.045)] backdrop-blur-xl sm:px-4">
+        <div className="flex flex-col gap-3 xl:flex-row xl:items-center xl:justify-between">
+          <div className="flex min-w-0 flex-wrap gap-1 rounded-[16px] bg-muted/55 p-1">
+            {summaryOptions.map((option) => (
+              <button
+                key={option.value}
+                type="button"
+                onClick={() => onFilterChange(option.value)}
+                className={cn(
+                  "inline-flex h-8 items-center gap-2 rounded-[12px] px-3 text-[12px] font-medium text-muted-foreground transition-colors",
+                  filter === option.value && "bg-background text-foreground shadow-sm",
+                )}
+              >
+                <span>{option.label}</span>
+                <span className="min-w-5 rounded-full bg-muted px-1.5 py-0.5 text-center text-[11px] tabular-nums text-muted-foreground">
+                  {option.count}
+                </span>
+              </button>
+            ))}
           </div>
-          <div className="flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-end">
+
+          <div className="flex min-w-0 flex-col gap-2 sm:flex-row sm:items-center sm:justify-end">
+            <div className="relative min-w-0 sm:w-[22rem]">
+              <Search className="pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground/70" />
+              <Input
+                value={query}
+                onChange={(event) => onQueryChange(event.target.value)}
+                placeholder={tx("settings.automations.search", "Search automation, message, session, or cron expression")}
+                className="h-9 rounded-full bg-background/85 pl-9 text-[13px]"
+              />
+            </div>
             <DropdownMenu>
               <DropdownMenuTrigger asChild>
                 <button
                   type="button"
-                  className="inline-flex h-8 items-center justify-center gap-1.5 rounded-full border border-border/55 bg-background/85 px-3 text-[12px] font-medium text-muted-foreground shadow-sm transition-colors hover:bg-muted/70 hover:text-foreground"
+                  className="inline-flex h-9 items-center justify-center gap-1.5 rounded-full border border-border/45 bg-background/85 px-3 text-[12px] font-medium text-muted-foreground shadow-sm transition-colors hover:bg-muted/70 hover:text-foreground"
                 >
                   <ArrowUpDown className="h-3.5 w-3.5" aria-hidden />
                   <span>{sortLabel[sort]}</span>
@@ -3495,11 +3522,6 @@ function AutomationsSettings({
                 ))}
               </DropdownMenuContent>
             </DropdownMenu>
-            <SegmentedControl
-              value={filter}
-              options={filterOptions}
-              onChange={(value) => onFilterChange(value as AutomationFilter)}
-            />
           </div>
         </div>
       </section>
@@ -3518,19 +3540,29 @@ function AutomationsSettings({
             <Loader2 className="mr-2 h-4 w-4 animate-spin" aria-hidden />
             {tx("settings.automations.loading", "Loading automations...")}
           </div>
-        ) : filtered.length ? (
-          <div className="space-y-2.5">
-            {filtered.map((job) => (
-              <AutomationRow
-                key={job.id}
-                job={job}
-                locale={i18n.resolvedLanguage || i18n.language}
-                actionKey={actionKey}
-                onAction={onAction}
-                onRequestEdit={onRequestEdit}
-                onRequestDelete={onRequestDelete}
-              />
-            ))}
+        ) : filtered.length && selectedJob ? (
+          <div className="grid gap-3 xl:grid-cols-[minmax(18rem,23rem)_minmax(0,1fr)]">
+            <div className="overflow-hidden rounded-[22px] border border-border/45 bg-card/78 p-1.5 shadow-[0_18px_55px_rgba(15,23,42,0.045)] backdrop-blur-xl">
+              <div className="space-y-1" role="list" aria-label={tx("settings.automations.queue", "Queue")}>
+                {filtered.map((job) => (
+                  <AutomationListItem
+                    key={job.id}
+                    job={job}
+                    locale={locale}
+                    selected={job.id === selectedJob.id}
+                    onSelect={() => setSelectedJobId(job.id)}
+                  />
+                ))}
+              </div>
+            </div>
+            <AutomationDetailPanel
+              job={selectedJob}
+              locale={locale}
+              actionKey={actionKey}
+              onAction={onAction}
+              onRequestEdit={onRequestEdit}
+              onRequestDelete={onRequestDelete}
+            />
           </div>
         ) : (
           <div className="rounded-[22px] border border-border/45 bg-card/78 px-5 py-10 text-center text-[13px] text-muted-foreground">
@@ -3554,16 +3586,83 @@ function AutomationsSettings({
   );
 }
 
-function AutomationStat({ label, value }: { label: string; value: number }) {
+type AutomationRunRecord = NonNullable<SessionAutomationJob["state"]["run_history"]>[number];
+
+function AutomationListItem({
+  job,
+  locale,
+  selected,
+  onSelect,
+}: {
+  job: SessionAutomationJob;
+  locale: string;
+  selected: boolean;
+  onSelect: () => void;
+}) {
+  const { t } = useTranslation();
+  const tx = (key: string, fallback: string, values?: Record<string, unknown>) =>
+    t(key, { defaultValue: fallback, ...(values ?? {}) });
+  const status = automationStatus(job, tx);
+  const origin = automationOriginLabel(job, tx);
+  const nextRun = formatAutomationNext(job, tx);
+
   return (
-    <div className="rounded-[16px] border border-border/45 bg-background/65 px-3 py-2.5">
-      <div className="text-[11px] font-medium uppercase leading-none text-muted-foreground">{label}</div>
-      <div className="mt-1.5 text-[20px] font-normal leading-none text-foreground">{value}</div>
+    <div role="listitem">
+      <button
+        type="button"
+        aria-pressed={selected}
+        onClick={onSelect}
+        className={cn(
+          "group grid w-full grid-cols-[minmax(0,1fr)_auto] gap-3 rounded-[18px] px-3 py-3 text-left transition-colors",
+          selected
+            ? "bg-background text-foreground shadow-sm ring-1 ring-border/45"
+            : "text-muted-foreground hover:bg-background/60 hover:text-foreground",
+        )}
+      >
+        <span className="min-w-0">
+          <span className="flex min-w-0 items-center gap-2">
+            <span
+              className={cn("h-2 w-2 shrink-0 rounded-full", automationStatusDotClass(job))}
+              aria-hidden
+            />
+            <span className="truncate text-[13.5px] font-medium text-foreground">
+              {job.name || job.id}
+            </span>
+          </span>
+          <span className="mt-1 line-clamp-2 text-[12px] leading-5 text-muted-foreground">
+            {job.payload.message || tx("settings.automations.systemTask", "System-managed automation")}
+          </span>
+          <span className="mt-2 flex min-w-0 items-center gap-2 text-[11.5px] leading-none text-muted-foreground">
+            <span className="truncate" title={formatAutomationNextTitle(job, locale, tx)}>
+              {nextRun}
+            </span>
+            <span className="h-1 w-1 shrink-0 rounded-full bg-muted-foreground/35" aria-hidden />
+            <span className="truncate">{origin}</span>
+          </span>
+        </span>
+        <span className="flex shrink-0 flex-col items-end gap-2 pt-0.5">
+          <span className="rounded-full bg-muted/70 px-2 py-0.5 text-[11px] font-medium text-muted-foreground">
+            {status.label}
+          </span>
+          {job.delete_after_run ? (
+            <span className="rounded-full bg-background/80 px-2 py-0.5 text-[11px] font-medium text-muted-foreground">
+              {tx("settings.automations.oneShot", "One-time")}
+            </span>
+          ) : null}
+          <ChevronRight
+            className={cn(
+              "h-3.5 w-3.5 text-muted-foreground/55 transition-opacity",
+              selected ? "opacity-100" : "opacity-0 group-hover:opacity-70",
+            )}
+            aria-hidden
+          />
+        </span>
+      </button>
     </div>
   );
 }
 
-function AutomationRow({
+function AutomationDetailPanel({
   job,
   locale,
   actionKey,
@@ -3589,30 +3688,41 @@ function AutomationRow({
   const history = job.state.run_history ?? [];
   const latestRun = history[history.length - 1];
   const lastResult = automationLastResult(job, latestRun, locale, tx);
-  const canManage = !job.protected;
-  const canRun = canManage && job.enabled && !job.state.pending;
-  const toggleAction: AutomationAction = job.enabled ? "disable" : "enable";
-  const toggleBusy = actionKey === `${toggleAction}:${job.id}`;
   const needsRecreation = automationNeedsRecreation(job);
+  const created = job.created_at_ms ? fmtDateTime(job.created_at_ms, locale) : null;
+  const updated = job.updated_at_ms ? fmtDateTime(job.updated_at_ms, locale) : null;
 
   return (
-    <article className="rounded-[22px] border border-border/45 bg-card/90 p-4 shadow-[0_18px_55px_rgba(15,23,42,0.055)] backdrop-blur-xl">
-      <div className="flex flex-col gap-3 lg:flex-row lg:items-start lg:justify-between">
-        <div className="min-w-0 flex-1">
-          <div className="flex min-w-0 flex-wrap items-center gap-2">
-            <span className="min-w-0 truncate text-[15px] font-medium leading-6 text-foreground">
-              {job.name || job.id}
-            </span>
-            <StatusPill tone={status.tone}>{status.label}</StatusPill>
-            {job.delete_after_run ? (
-              <StatusPill>{tx("settings.automations.oneShot", "One-time")}</StatusPill>
-            ) : null}
+    <article className="min-w-0 overflow-hidden rounded-[24px] border border-border/45 bg-card/82 shadow-[0_24px_70px_rgba(15,23,42,0.06)] backdrop-blur-xl">
+      <div className="border-b border-border/35 px-4 py-4 sm:px-5">
+        <div className="flex flex-col gap-3 lg:flex-row lg:items-start lg:justify-between">
+          <div className="min-w-0">
+            <div className="flex min-w-0 flex-wrap items-center gap-2">
+              <h3 className="min-w-0 truncate text-[17px] font-medium leading-7 text-foreground">
+                {job.name || job.id}
+              </h3>
+              <StatusPill tone={status.tone}>{status.label}</StatusPill>
+              {job.delete_after_run ? (
+                <StatusPill>{tx("settings.automations.oneShot", "One-time")}</StatusPill>
+              ) : null}
+            </div>
+            <p className="mt-1 max-w-[62rem] text-[13px] leading-6 text-muted-foreground">
+              {job.payload.message || tx("settings.automations.systemTask", "System-managed automation")}
+            </p>
           </div>
-          <p className="mt-1 line-clamp-2 max-w-[58rem] text-[13px] leading-5 text-muted-foreground">
-            {job.payload.message || tx("settings.automations.systemTask", "System-managed automation")}
-          </p>
+          <AutomationActionGroup
+            job={job}
+            actionKey={actionKey}
+            onAction={onAction}
+            onRequestEdit={onRequestEdit}
+            onRequestDelete={onRequestDelete}
+          />
+        </div>
+      </div>
 
-          <div className="mt-3 grid gap-px overflow-hidden rounded-[16px] border border-border/35 bg-border/35 text-[12px] text-muted-foreground md:grid-cols-2 xl:grid-cols-[1.25fr_0.8fr_1fr_0.85fr]">
+      <div className="grid gap-4 p-4 2xl:grid-cols-[minmax(0,1fr)_14rem]">
+        <div className="min-w-0 space-y-4">
+          <div className="grid gap-2 md:grid-cols-2">
             <AutomationDetail
               label={tx("settings.automations.labels.schedule", "Schedule")}
               title={formatAutomationSchedule(job, locale, tx)}
@@ -3635,7 +3745,7 @@ function AutomationRow({
                   className={cn("h-1.5 w-1.5 shrink-0 rounded-full", automationResultDotClass(lastResult.tone))}
                   aria-hidden
                 />
-                <span className="truncate">{lastResult.primary}</span>
+                <span>{lastResult.primary}</span>
               </span>
             </AutomationDetail>
             <AutomationDetail label={tx("settings.automations.labels.origin", "Linked chat")} title={origin}>
@@ -3668,77 +3778,175 @@ function AutomationRow({
             </div>
           ) : null}
 
-          <div className="mt-3 flex flex-wrap gap-x-3 gap-y-1 text-[11.5px] leading-5 text-muted-foreground">
-            {job.created_at_ms ? (
-              <span>
-                {tx("settings.automations.meta.created", "Created {{time}}", {
-                  time: fmtDateTime(job.created_at_ms, locale),
-                })}
-              </span>
-            ) : null}
-            {job.updated_at_ms ? (
-              <span>
-                {tx("settings.automations.meta.updated", "Updated {{time}}", {
-                  time: fmtDateTime(job.updated_at_ms, locale),
-                })}
-              </span>
-            ) : null}
-          </div>
+          <AutomationRunHistory history={history} locale={locale} tx={tx} />
         </div>
 
-        <div className="flex shrink-0 items-center gap-1 rounded-full border border-border/35 bg-background/70 p-1 shadow-sm">
-          {canManage ? (
-            <>
-              <AppsActionButton
-                ariaLabel={tx("settings.automations.edit", "Edit")}
-                disabled={Boolean(actionKey)}
-                onClick={() => onRequestEdit(job)}
-              >
-                <Pencil className="h-4 w-4" aria-hidden />
-              </AppsActionButton>
-              <AppsActionButton
-                ariaLabel={tx("settings.automations.runNow", "Run now")}
-                busy={actionKey === `run:${job.id}`}
-                disabled={!canRun}
-                onClick={() => void onAction("run", job)}
-              >
-                <PlayCircle className="h-4 w-4" aria-hidden />
-              </AppsActionButton>
-              <AppsActionButton
-                ariaLabel={
-                  job.enabled
-                    ? tx("settings.automations.pause", "Pause")
-                    : tx("settings.automations.resume", "Resume")
-                }
-                busy={toggleBusy}
-                onClick={() => void onAction(toggleAction, job)}
-              >
-                {job.enabled ? (
-                  <PauseCircle className="h-4 w-4" aria-hidden />
-                ) : (
-                  <PlayCircle className="h-4 w-4" aria-hidden />
-                )}
-              </AppsActionButton>
-              <AppsActionButton
-                ariaLabel={tx("settings.automations.delete", "Delete")}
-                tone="danger"
-                disabled={Boolean(actionKey)}
-                onClick={() => onRequestDelete(job)}
-              >
-                <Trash2 className="h-4 w-4" aria-hidden />
-              </AppsActionButton>
-            </>
-          ) : (
-            <span className="rounded-full bg-muted px-2.5 py-1 text-[12px] font-medium text-muted-foreground">
-              {tx("settings.automations.protected", "Protected")}
-            </span>
-          )}
-        </div>
+        <aside className="rounded-[18px] bg-muted/32 p-3 text-[12px] text-muted-foreground">
+          <div className="space-y-3">
+            {created ? (
+              <div>
+                <div className="text-[11px] leading-none text-muted-foreground/75">
+                  {tx("settings.automations.labels.created", "Created")}
+                </div>
+                <div className="mt-1.5 text-[12.5px] leading-5 text-foreground/80">{created}</div>
+              </div>
+            ) : null}
+            {updated ? (
+              <div>
+                <div className="text-[11px] leading-none text-muted-foreground/75">
+                  {tx("settings.automations.labels.updated", "Updated")}
+                </div>
+                <div className="mt-1.5 text-[12.5px] leading-5 text-foreground/80">{updated}</div>
+              </div>
+            ) : null}
+            <div>
+              <div className="text-[11px] leading-none text-muted-foreground/75">ID</div>
+              <div className="mt-1.5 break-all font-mono text-[11.5px] leading-5 text-foreground/70">
+                {job.id}
+              </div>
+            </div>
+          </div>
+        </aside>
       </div>
     </article>
   );
 }
 
+function AutomationActionGroup({
+  job,
+  actionKey,
+  onAction,
+  onRequestEdit,
+  onRequestDelete,
+}: {
+  job: SessionAutomationJob;
+  actionKey: string | null;
+  onAction: (action: AutomationAction, job: SessionAutomationJob) => void | Promise<void>;
+  onRequestEdit: (job: SessionAutomationJob) => void;
+  onRequestDelete: (job: SessionAutomationJob) => void;
+}) {
+  const { t } = useTranslation();
+  const tx = (key: string, fallback: string, values?: Record<string, unknown>) =>
+    t(key, { defaultValue: fallback, ...(values ?? {}) });
+  const canManage = !job.protected;
+  const canRun = canManage && job.enabled && !job.state.pending;
+  const toggleAction: AutomationAction = job.enabled ? "disable" : "enable";
+  const toggleBusy = actionKey === `${toggleAction}:${job.id}`;
+
+  if (!canManage) {
+    return (
+      <span className="inline-flex h-9 items-center rounded-full bg-muted px-3 text-[12px] font-medium text-muted-foreground">
+        {tx("settings.automations.protected", "Protected")}
+      </span>
+    );
+  }
+
+  return (
+    <div className="flex shrink-0 items-center gap-1 rounded-full border border-border/35 bg-background/70 p-1 shadow-sm">
+      <AppsActionButton
+        ariaLabel={tx("settings.automations.edit", "Edit")}
+        disabled={Boolean(actionKey)}
+        onClick={() => onRequestEdit(job)}
+      >
+        <Pencil className="h-4 w-4" aria-hidden />
+      </AppsActionButton>
+      <AppsActionButton
+        ariaLabel={tx("settings.automations.runNow", "Run now")}
+        busy={actionKey === `run:${job.id}`}
+        disabled={!canRun}
+        onClick={() => void onAction("run", job)}
+      >
+        <PlayCircle className="h-4 w-4" aria-hidden />
+      </AppsActionButton>
+      <AppsActionButton
+        ariaLabel={
+          job.enabled
+            ? tx("settings.automations.pause", "Pause")
+            : tx("settings.automations.resume", "Resume")
+        }
+        busy={toggleBusy}
+        onClick={() => void onAction(toggleAction, job)}
+      >
+        {job.enabled ? (
+          <PauseCircle className="h-4 w-4" aria-hidden />
+        ) : (
+          <PlayCircle className="h-4 w-4" aria-hidden />
+        )}
+      </AppsActionButton>
+      <AppsActionButton
+        ariaLabel={tx("settings.automations.delete", "Delete")}
+        tone="danger"
+        disabled={Boolean(actionKey)}
+        onClick={() => onRequestDelete(job)}
+      >
+        <Trash2 className="h-4 w-4" aria-hidden />
+      </AppsActionButton>
+    </div>
+  );
+}
+
+function AutomationRunHistory({
+  history,
+  locale,
+  tx,
+}: {
+  history: AutomationRunRecord[];
+  locale: string;
+  tx: (key: string, fallback: string, values?: Record<string, unknown>) => string;
+}) {
+  if (!history.length) return null;
+  const recent = history.slice(-4).reverse();
+
+  return (
+    <section className="rounded-[18px] bg-muted/32 px-3 py-3">
+      <div className="mb-3 flex items-center justify-between gap-3">
+        <h4 className="text-[12px] font-medium leading-none text-foreground">
+          {tx("settings.automations.history.timeline", "Run history")}
+        </h4>
+        <span className="text-[11px] leading-none text-muted-foreground tabular-nums">
+          {recent.length}
+        </span>
+      </div>
+      <div className="space-y-2">
+        {recent.map((run) => {
+          const status = automationRunStatusLabel(run.status, tx);
+          const duration = run.duration_ms === undefined
+            ? null
+            : formatAutomationRunDuration(run.duration_ms, locale, tx);
+          return (
+            <div
+              key={`${run.run_at_ms}:${run.status}:${run.duration_ms ?? "none"}`}
+              className="grid grid-cols-[auto_minmax(0,1fr)_auto] items-start gap-2 rounded-[14px] bg-background/62 px-3 py-2"
+            >
+              <span
+                className={cn("mt-1.5 h-1.5 w-1.5 rounded-full", automationRunDotClass(run.status))}
+                aria-hidden
+              />
+              <span className="min-w-0">
+                <span
+                  className="block line-clamp-2 text-[12.5px] leading-5 text-foreground/82"
+                  title={run.error ?? undefined}
+                >
+                  {status}
+                  {run.error ? ` · ${run.error}` : ""}
+                </span>
+                <span className="block truncate text-[11.5px] leading-4 text-muted-foreground">
+                  {fmtDateTime(run.run_at_ms, locale)}
+                </span>
+              </span>
+              {duration ? (
+                <span className="rounded-full bg-muted px-2 py-0.5 text-[11px] leading-4 text-muted-foreground">
+                  {duration}
+                </span>
+              ) : null}
+            </div>
+          );
+        })}
+      </div>
+    </section>
+  );
+}
+
 function AutomationDetail({
   label,
   title,
@@ -3751,12 +3959,12 @@ function AutomationDetail({
   children: ReactNode;
 }) {
   return (
-    <div className="min-w-0 bg-background/75 px-3 py-2.5">
+    <div className="min-w-0 rounded-[18px] bg-muted/32 px-3 py-3">
       <div className="text-[11px] font-medium leading-none text-muted-foreground/75">
         {label}
       </div>
       <div className="mt-1.5 min-w-0">
-        <div className="truncate text-[13px] leading-5 text-foreground/85" title={title}>
+        <div className="line-clamp-2 text-[13px] leading-5 text-foreground/85" title={title}>
           {children}
         </div>
         {secondary ? (
@@ -4455,6 +4663,21 @@ function automationResultDotClass(tone: "neutral" | "success" | "warning" | "dan
   return "bg-muted-foreground/45";
 }
 
+function automationStatusDotClass(job: SessionAutomationJob): string {
+  const status = automationStatusKey(job);
+  if (status === "active" || status === "running") return "bg-emerald-500";
+  if (status === "failed" || status === "needs_setup") return "bg-amber-500";
+  if (status === "system") return "bg-blue-500";
+  return "bg-muted-foreground/45";
+}
+
+function automationRunDotClass(status: string): string {
+  if (status === "ok") return "bg-emerald-500";
+  if (status === "error") return "bg-destructive";
+  if (status === "skipped") return "bg-amber-500";
+  return "bg-muted-foreground/45";
+}
+
 function automationRunStatusLabel(
   status: string | null | undefined,
   tx: (key: string, fallback: string, values?: Record<string, unknown>) => string,
diff --git a/webui/src/i18n/locales/en/common.json b/webui/src/i18n/locales/en/common.json
index ef3a9386..03e95a53 100644
--- a/webui/src/i18n/locales/en/common.json
+++ b/webui/src/i18n/locales/en/common.json
@@ -497,7 +497,9 @@
         "schedule": "Schedule",
         "next": "Next",
         "last": "Last",
-        "origin": "Linked chat"
+        "origin": "Linked chat",
+        "created": "Created",
+        "updated": "Updated"
       },
       "runNow": "Run now",
       "pause": "Pause",
@@ -571,6 +573,7 @@
         "error": "Error",
         "skipped": "Skipped",
         "recent": "Last result",
+        "timeline": "Run history",
         "statusWithDuration": "{{status}} · {{duration}}"
       },
       "meta": {
diff --git a/webui/src/i18n/locales/es/common.json b/webui/src/i18n/locales/es/common.json
index 34f0e027..2cbb1a68 100644
--- a/webui/src/i18n/locales/es/common.json
+++ b/webui/src/i18n/locales/es/common.json
@@ -497,7 +497,9 @@
         "schedule": "Programación",
         "next": "Siguiente",
         "last": "Última",
-        "origin": "Chat vinculado"
+        "origin": "Chat vinculado",
+        "created": "Creada",
+        "updated": "Actualizada"
       },
       "runNow": "Ejecutar ahora",
       "pause": "Pausar",
@@ -571,6 +573,7 @@
         "error": "Error",
         "skipped": "Omitida",
         "recent": "Último resultado",
+        "timeline": "Historial de ejecuciones",
         "statusWithDuration": "{{status}} · {{duration}}"
       },
       "meta": {
diff --git a/webui/src/i18n/locales/fr/common.json b/webui/src/i18n/locales/fr/common.json
index b27f7f59..3c1cf155 100644
--- a/webui/src/i18n/locales/fr/common.json
+++ b/webui/src/i18n/locales/fr/common.json
@@ -497,7 +497,9 @@
         "schedule": "Planning",
         "next": "Prochaine",
         "last": "Dernière",
-        "origin": "Discussion liée"
+        "origin": "Discussion liée",
+        "created": "Créée",
+        "updated": "Modifiée"
       },
       "runNow": "Exécuter maintenant",
       "pause": "Mettre en pause",
@@ -571,6 +573,7 @@
         "error": "Erreur",
         "skipped": "Ignorée",
         "recent": "Dernier résultat",
+        "timeline": "Historique d’exécution",
         "statusWithDuration": "{{status}} · {{duration}}"
       },
       "meta": {
diff --git a/webui/src/i18n/locales/id/common.json b/webui/src/i18n/locales/id/common.json
index e1457b71..b5ecdb93 100644
--- a/webui/src/i18n/locales/id/common.json
+++ b/webui/src/i18n/locales/id/common.json
@@ -497,7 +497,9 @@
         "schedule": "Jadwal",
         "next": "Berikutnya",
         "last": "Terakhir",
-        "origin": "Chat tertaut"
+        "origin": "Chat tertaut",
+        "created": "Dibuat",
+        "updated": "Diperbarui"
       },
       "runNow": "Jalankan sekarang",
       "pause": "Jeda",
@@ -571,6 +573,7 @@
         "error": "Error",
         "skipped": "Dilewati",
         "recent": "Hasil terakhir",
+        "timeline": "Riwayat eksekusi",
         "statusWithDuration": "{{status}} · {{duration}}"
       },
       "meta": {
diff --git a/webui/src/i18n/locales/ja/common.json b/webui/src/i18n/locales/ja/common.json
index 75223b8c..2883195f 100644
--- a/webui/src/i18n/locales/ja/common.json
+++ b/webui/src/i18n/locales/ja/common.json
@@ -497,7 +497,9 @@
         "schedule": "スケジュール",
         "next": "次回",
         "last": "前回",
-        "origin": "関連チャット"
+        "origin": "関連チャット",
+        "created": "作成",
+        "updated": "更新"
       },
       "runNow": "今すぐ実行",
       "pause": "一時停止",
@@ -571,6 +573,7 @@
         "error": "エラー",
         "skipped": "スキップ",
         "recent": "最新結果",
+        "timeline": "実行履歴",
         "statusWithDuration": "{{status}} · {{duration}}"
       },
       "meta": {
diff --git a/webui/src/i18n/locales/ko/common.json b/webui/src/i18n/locales/ko/common.json
index 44051a03..aae79d3e 100644
--- a/webui/src/i18n/locales/ko/common.json
+++ b/webui/src/i18n/locales/ko/common.json
@@ -497,7 +497,9 @@
         "schedule": "일정",
         "next": "다음",
         "last": "마지막",
-        "origin": "연결된 채팅"
+        "origin": "연결된 채팅",
+        "created": "생성",
+        "updated": "업데이트"
       },
       "runNow": "지금 실행",
       "pause": "일시 중지",
@@ -571,6 +573,7 @@
         "error": "오류",
         "skipped": "건너뜀",
         "recent": "최근 결과",
+        "timeline": "실행 기록",
         "statusWithDuration": "{{status}} · {{duration}}"
       },
       "meta": {
diff --git a/webui/src/i18n/locales/vi/common.json b/webui/src/i18n/locales/vi/common.json
index c7baf93f..4a720a0e 100644
--- a/webui/src/i18n/locales/vi/common.json
+++ b/webui/src/i18n/locales/vi/common.json
@@ -497,7 +497,9 @@
         "schedule": "Lịch",
         "next": "Tiếp theo",
         "last": "Lần trước",
-        "origin": "Cuộc trò chuyện liên kết"
+        "origin": "Cuộc trò chuyện liên kết",
+        "created": "Đã tạo",
+        "updated": "Đã cập nhật"
       },
       "runNow": "Chạy ngay",
       "pause": "Tạm dừng",
@@ -571,6 +573,7 @@
         "error": "Lỗi",
         "skipped": "Đã bỏ qua",
         "recent": "Kết quả gần nhất",
+        "timeline": "Lịch sử chạy",
         "statusWithDuration": "{{status}} · {{duration}}"
       },
       "meta": {
diff --git a/webui/src/i18n/locales/zh-CN/common.json b/webui/src/i18n/locales/zh-CN/common.json
index efdd240e..cec2917c 100644
--- a/webui/src/i18n/locales/zh-CN/common.json
+++ b/webui/src/i18n/locales/zh-CN/common.json
@@ -497,7 +497,9 @@
         "schedule": "计划",
         "next": "下次",
         "last": "上次",
-        "origin": "关联会话"
+        "origin": "关联会话",
+        "created": "创建于",
+        "updated": "更新于"
       },
       "runNow": "立即运行",
       "pause": "暂停",
@@ -571,6 +573,7 @@
         "error": "错误",
         "skipped": "已跳过",
         "recent": "最近结果",
+        "timeline": "运行记录",
         "statusWithDuration": "{{status}} · {{duration}}"
       },
       "meta": {
diff --git a/webui/src/i18n/locales/zh-TW/common.json b/webui/src/i18n/locales/zh-TW/common.json
index befc58aa..f7e5ce9a 100644
--- a/webui/src/i18n/locales/zh-TW/common.json
+++ b/webui/src/i18n/locales/zh-TW/common.json
@@ -497,7 +497,9 @@
         "schedule": "排程",
         "next": "下次",
         "last": "上次",
-        "origin": "關聯會話"
+        "origin": "關聯會話",
+        "created": "建立於",
+        "updated": "更新於"
       },
       "runNow": "立即執行",
       "pause": "暫停",
@@ -571,6 +573,7 @@
         "error": "錯誤",
         "skipped": "已略過",
         "recent": "最近結果",
+        "timeline": "執行記錄",
         "statusWithDuration": "{{status}} · {{duration}}"
       },
       "meta": {
diff --git a/webui/src/tests/app-layout.test.tsx b/webui/src/tests/app-layout.test.tsx
index 53b3ab43..b73a2eab 100644
--- a/webui/src/tests/app-layout.test.tsx
+++ b/webui/src/tests/app-layout.test.tsx
@@ -434,9 +434,9 @@ describe("App layout", () => {
     fireEvent.click(automationsButton);
 
     expect(await screen.findByRole("heading", { name: "Automations" })).toBeInTheDocument();
-    expect(screen.getByText("Daily repo check")).toBeInTheDocument();
-    expect(screen.getByText("Check the repo status")).toBeInTheDocument();
-    expect(screen.getByText("Release prep")).toBeInTheDocument();
+    expect(screen.getAllByText("Daily repo check").length).toBeGreaterThanOrEqual(1);
+    expect(screen.getAllByText("Check the repo status").length).toBeGreaterThanOrEqual(1);
+    expect(screen.getAllByText("Release prep").length).toBeGreaterThanOrEqual(1);
     expect(screen.getByText("english-quiz")).toBeInTheDocument();
     expect(screen.getByText("Recreate in target chat")).toBeInTheDocument();
     expect(screen.queryByText("unified:default")).not.toBeInTheDocument();
@@ -498,7 +498,7 @@ describe("App layout", () => {
     const sidebar = screen.getByRole("navigation", { name: "Sidebar navigation" });
     fireEvent.click(within(sidebar).getByRole("button", { name: "Automations" }));
 
-    expect(await screen.findByText("Past one-shot")).toBeInTheDocument();
+    expect((await screen.findAllByText("Past one-shot")).length).toBeGreaterThanOrEqual(1);
     fireEvent.click(screen.getByRole("button", { name: "Edit" }));
     expect(screen.queryByText("Run time must be in the future.")).not.toBeInTheDocument();
     expect(
@@ -582,8 +582,8 @@ describe("App layout", () => {
 
     expect(await screen.findByRole("heading", { name: "自动任务" })).toBeInTheDocument();
     expect(screen.getByText("任务队列")).toBeInTheDocument();
-    expect(screen.getByText("每日检查")).toBeInTheDocument();
-    expect(screen.getByText("检查仓库状态")).toBeInTheDocument();
+    expect(screen.getAllByText("每日检查").length).toBeGreaterThanOrEqual(1);
+    expect(screen.getAllByText("检查仓库状态").length).toBeGreaterThanOrEqual(1);
     expect(screen.getByText("每 1天")).toBeInTheDocument();
     expect(screen.getByText("最近结果")).toBeInTheDocument();
     expect(screen.getByText("完成 · 不到 1 秒")).toBeInTheDocument();

From cbb4c0bad2f58ee8fbba9d1f418f25744ca95d7a Mon Sep 17 00:00:00 2001
From: chengyongru <chengyongru.ai@gmail.com>
Date: Mon, 15 Jun 2026 17:30:06 +0800
Subject: [PATCH 15/38] fix(webui): polish automation layout and session
 updates

---
 nanobot/channels/websocket.py                 |  18 +-
 tests/channels/test_websocket_channel.py      |  40 ++++
 webui/src/App.tsx                             |  52 +++--
 webui/src/components/ChatList.tsx             |  18 +-
 webui/src/components/Sidebar.tsx              |   4 +-
 .../src/components/settings/SettingsView.tsx  | 219 ++++++++++--------
 webui/src/i18n/locales/en/common.json         |   3 +-
 webui/src/i18n/locales/es/common.json         |   3 +-
 webui/src/i18n/locales/fr/common.json         |   3 +-
 webui/src/i18n/locales/id/common.json         |   3 +-
 webui/src/i18n/locales/ja/common.json         |   3 +-
 webui/src/i18n/locales/ko/common.json         |   3 +-
 webui/src/i18n/locales/vi/common.json         |   3 +-
 webui/src/i18n/locales/zh-CN/common.json      |   3 +-
 webui/src/i18n/locales/zh-TW/common.json      |   3 +-
 webui/src/tests/app-layout.test.tsx           |  63 ++++-
 webui/src/tests/chat-list.test.tsx            |  48 +++-
 17 files changed, 340 insertions(+), 149 deletions(-)

diff --git a/nanobot/channels/websocket.py b/nanobot/channels/websocket.py
index 3c18d8e9..1a048db8 100644
--- a/nanobot/channels/websocket.py
+++ b/nanobot/channels/websocket.py
@@ -846,6 +846,19 @@ class WebSocketChannel(BaseChannel):
             self.logger.exception("send failed{}", label)
             raise
 
+    def _all_subscribed_connections(self) -> list[Any]:
+        """Return every live WebUI connection that is subscribed to at least one chat."""
+        seen: set[int] = set()
+        conns: list[Any] = []
+        for subscribers in self._subs.values():
+            for connection in subscribers:
+                marker = id(connection)
+                if marker in seen:
+                    continue
+                seen.add(marker)
+                conns.append(connection)
+        return conns
+
     async def send(self, msg: OutboundMessage) -> None:
         if msg.metadata.get("_runtime_model_updated"):
             await self.send_runtime_model_updated(
@@ -896,6 +909,7 @@ class WebSocketChannel(BaseChannel):
                 goal_state=gs_blob,
                 metadata=msg.metadata,
             )
+            await self.send_session_updated(msg.chat_id, scope="thread")
             return
         if msg.metadata.get("_session_updated"):
             if conns:
@@ -1146,8 +1160,8 @@ class WebSocketChannel(BaseChannel):
             await self._safe_send_to(connection, raw, label=" goal_status ")
 
     async def send_session_updated(self, chat_id: str, *, scope: str | None = None) -> None:
-        """Notify clients that session metadata changed outside the main turn."""
-        conns = list(self._subs.get(chat_id, ()))
+        """Notify WebUI clients that a session row should refresh."""
+        conns = self._all_subscribed_connections()
         if not conns:
             return
         body: dict[str, Any] = {"event": "session_updated", "chat_id": chat_id}
diff --git a/tests/channels/test_websocket_channel.py b/tests/channels/test_websocket_channel.py
index b695665c..777c30d7 100644
--- a/tests/channels/test_websocket_channel.py
+++ b/tests/channels/test_websocket_channel.py
@@ -119,6 +119,46 @@ async def _http_get(url: str, headers: dict[str, str] | None = None) -> httpx.Re
     )
 
 
+@pytest.mark.asyncio
+async def test_send_session_updated_broadcasts_to_other_webui_connections(bus) -> None:
+    class Conn:
+        remote_address = None
+
+        def __init__(self) -> None:
+            self.sent: list[str] = []
+
+        async def send(self, raw: str) -> None:
+            self.sent.append(raw)
+
+    channel = _ch(bus)
+    active_conn = Conn()
+    other_conn = Conn()
+    channel._attach(active_conn, "chat-a")
+    channel._attach(other_conn, "chat-b")
+    assert sorted(channel._subs) == ["chat-a", "chat-b"]
+    assert sum(len(conns) for conns in channel._subs.values()) == 2
+    assert {id(conn) for conn in channel._all_subscribed_connections()} == {
+        id(active_conn),
+        id(other_conn),
+    }
+
+    await channel.send_session_updated("chat-a", scope="thread")
+
+    active_events = [json.loads(raw)["event"] for raw in active_conn.sent]
+    other_events = [json.loads(raw)["event"] for raw in other_conn.sent]
+
+    assert (active_events, other_events) == (
+        ["session_updated"],
+        ["session_updated"],
+    )
+    payload = json.loads(other_conn.sent[0])
+    assert payload == {
+        "event": "session_updated",
+        "chat_id": "chat-a",
+        "scope": "thread",
+    }
+
+
 async def _recv_ws_event(client: Any, event: str) -> dict[str, Any]:
     """Receive until a specific websocket event appears."""
     for _ in range(10):
diff --git a/webui/src/App.tsx b/webui/src/App.tsx
index 493f59da..fae72c8c 100644
--- a/webui/src/App.tsx
+++ b/webui/src/App.tsx
@@ -65,7 +65,8 @@ type BootState =
     };
 
 const SIDEBAR_STORAGE_KEY = "nanobot-webui.sidebar";
-const COMPLETED_RUNS_STORAGE_KEY = "nanobot-webui.sidebar.completed-runs.v1";
+const SESSION_UPDATES_STORAGE_KEY = "nanobot-webui.sidebar.session-updates.v1";
+const LEGACY_COMPLETED_RUNS_STORAGE_KEY = "nanobot-webui.sidebar.completed-runs.v1";
 const RESTART_STARTED_KEY = "nanobot-webui.restartStartedAt";
 const SIDEBAR_WIDTH = 272;
 const SIDEBAR_RAIL_WIDTH = 56;
@@ -258,10 +259,12 @@ function readSidebarOpen(): boolean {
   }
 }
 
-function readCompletedRunChatIds(): Set<string> {
+function readSessionUpdateChatIds(): Set<string> {
   if (typeof window === "undefined") return new Set();
   try {
-    const raw = window.localStorage.getItem(COMPLETED_RUNS_STORAGE_KEY);
+    const raw =
+      window.localStorage.getItem(SESSION_UPDATES_STORAGE_KEY)
+      ?? window.localStorage.getItem(LEGACY_COMPLETED_RUNS_STORAGE_KEY);
     const parsed = raw ? JSON.parse(raw) : [];
     if (!Array.isArray(parsed)) return new Set();
     return new Set(parsed.filter((item): item is string => typeof item === "string"));
@@ -270,10 +273,10 @@ function readCompletedRunChatIds(): Set<string> {
   }
 }
 
-function writeCompletedRunChatIds(chatIds: Set<string>): void {
+function writeSessionUpdateChatIds(chatIds: Set<string>): void {
   try {
     window.localStorage.setItem(
-      COMPLETED_RUNS_STORAGE_KEY,
+      SESSION_UPDATES_STORAGE_KEY,
       JSON.stringify(Array.from(chatIds)),
     );
   } catch {
@@ -573,7 +576,7 @@ function Shell({
   const [restartToast, setRestartToast] = useState<string | null>(null);
   const [isRestarting, setIsRestarting] = useState(false);
   const [runningChatIds, setRunningChatIds] = useState<Set<string>>(() => new Set());
-  const [completedChatIds, setCompletedChatIds] = useState<Set<string>>(readCompletedRunChatIds);
+  const [updatedChatIds, setUpdatedChatIds] = useState<Set<string>>(readSessionUpdateChatIds);
   const [workspaces, setWorkspaces] = useState<WorkspacesPayload | null>(null);
   const skills = useSkills(token);
   const [settingsSnapshot, setSettingsSnapshot] = useState<SettingsPayload | null>(null);
@@ -641,20 +644,20 @@ function Shell({
   }, [hostSidebarOpen]);
 
   useEffect(() => {
-    writeCompletedRunChatIds(completedChatIds);
-  }, [completedChatIds]);
+    writeSessionUpdateChatIds(updatedChatIds);
+  }, [updatedChatIds]);
 
   const activeSession = useMemo<ChatSummary | null>(() => {
     if (!activeKey) return null;
     return sessions.find((s) => s.key === activeKey) ?? null;
   }, [sessions, activeKey]);
   const runningChatIdList = useMemo(() => Array.from(runningChatIds), [runningChatIds]);
-  const completedChatIdList = useMemo(() => Array.from(completedChatIds), [completedChatIds]);
+  const updatedChatIdList = useMemo(() => Array.from(updatedChatIds), [updatedChatIds]);
   const activeChatId = activeSession?.chatId ?? null;
   useEffect(() => {
     activeChatIdRef.current = activeChatId;
     if (!activeChatId) return;
-    setCompletedChatIds((current) => {
+    setUpdatedChatIds((current) => {
       if (!current.has(activeChatId)) return current;
       const next = new Set(current);
       next.delete(activeChatId);
@@ -694,7 +697,7 @@ function Shell({
   useEffect(() => {
     if (loading) return;
     const knownChatIds = new Set(sessions.map((session) => session.chatId));
-    setCompletedChatIds((current) => {
+    setUpdatedChatIds((current) => {
       const next = new Set(
         Array.from(current).filter((chatId) => knownChatIds.has(chatId)),
       );
@@ -722,12 +725,25 @@ function Shell({
   }, [activeKey, loading, navigate, sessions]);
 
   useEffect(() => {
-    return client.onSessionUpdate((_chatId, _scope, workspaceScope) => {
+    return client.onSessionUpdate((chatId, scope, workspaceScope) => {
+      if (scope === "thread") {
+        setUpdatedChatIds((current) => {
+          const next = new Set(current);
+          if (activeChatIdRef.current === chatId) {
+            next.delete(chatId);
+          } else {
+            next.add(chatId);
+          }
+          return next.size === current.size && next.has(chatId) === current.has(chatId)
+            ? current
+            : next;
+        });
+      }
       if (!workspaceScope) return;
       const next = normalizeWorkspaceScope(workspaceScope);
       setWorkspaceOverrides((current) => ({
         ...current,
-        [_chatId]: next,
+        [chatId]: next,
       }));
       setDraftWorkspaceScope(next);
       setWorkspaceError(null);
@@ -764,7 +780,7 @@ function Shell({
       runningChatIdsRef.current = next;
       return next;
     });
-    setCompletedChatIds((current) => {
+    setUpdatedChatIds((current) => {
       let changed = false;
       const next = new Set(current);
       for (const chatId of activeRunIds) {
@@ -961,7 +977,7 @@ function Shell({
       const selected = sessions.find((session) => session.key === key);
       const selectedChatId = selected?.chatId;
       if (selectedChatId) {
-        setCompletedChatIds((current) => {
+        setUpdatedChatIds((current) => {
           if (!current.has(selectedChatId)) return current;
           const next = new Set(current);
           next.delete(selectedChatId);
@@ -1232,7 +1248,7 @@ function Shell({
         nextRunning.add(chatId);
         runningChatIdsRef.current = nextRunning;
         setRunningChatIds(nextRunning);
-        setCompletedChatIds((current) => {
+        setUpdatedChatIds((current) => {
           if (!current.has(chatId)) return current;
           const next = new Set(current);
           next.delete(chatId);
@@ -1246,7 +1262,7 @@ function Shell({
       nextRunning.delete(chatId);
       runningChatIdsRef.current = nextRunning;
       setRunningChatIds(nextRunning);
-      setCompletedChatIds((current) => {
+      setUpdatedChatIds((current) => {
         const next = new Set(current);
         if (activeChatIdRef.current === chatId) {
           next.delete(chatId);
@@ -1393,7 +1409,7 @@ function Shell({
     projectNameOverrides: sidebarState.project_name_overrides,
     collapsedGroups: sidebarState.collapsed_groups,
     runningChatIds: runningChatIdList,
-    completedChatIds: completedChatIdList,
+    updatedChatIds: updatedChatIdList,
     viewState: sidebarState.view,
     showArchived: sidebarState.view.show_archived,
     archivedCount: sidebarState.archived_keys.length,
diff --git a/webui/src/components/ChatList.tsx b/webui/src/components/ChatList.tsx
index ccc44a45..889e1a10 100644
--- a/webui/src/components/ChatList.tsx
+++ b/webui/src/components/ChatList.tsx
@@ -60,7 +60,7 @@ interface ChatListProps {
   projectNameOverrides?: Record<string, string>;
   collapsedGroups?: Record<string, boolean>;
   runningChatIds?: string[];
-  completedChatIds?: string[];
+  updatedChatIds?: string[];
   density?: SidebarDensity;
   showPreviews?: boolean;
   showTimestamps?: boolean;
@@ -89,7 +89,7 @@ export const ChatList = memo(function ChatList({
   projectNameOverrides = {},
   collapsedGroups = {},
   runningChatIds = [],
-  completedChatIds = [],
+  updatedChatIds = [],
   density = "comfortable",
   showPreviews = false,
   showTimestamps = false,
@@ -175,7 +175,7 @@ export const ChatList = memo(function ChatList({
   const pinned = new Set(pinnedKeys);
   const archived = new Set(archivedKeys);
   const running = new Set(runningChatIds);
-  const completed = new Set(completedChatIds);
+  const updated = new Set(updatedChatIds);
   const compact = density === "compact";
   const firstProjectGroupIndex = limitedGroups.findIndex((group) => group.kind === "project");
 
@@ -245,8 +245,8 @@ export const ChatList = memo(function ChatList({
                     const projectMode = group.kind === "project";
                     const activityState = running.has(s.chatId)
                       ? "running"
-                      : completed.has(s.chatId) && !active
-                        ? "complete"
+                      : updated.has(s.chatId) && !active
+                        ? "updated"
                         : null;
                     return (
                       <li key={s.key} className="min-w-0">
@@ -525,7 +525,7 @@ function ChatsFoldFooter({
 function SessionActivityIndicator({
   state,
 }: {
-  state: "running" | "complete" | null;
+  state: "running" | "updated" | null;
 }) {
   const { t } = useTranslation();
 
@@ -542,15 +542,15 @@ function SessionActivityIndicator({
     );
   }
 
-  if (state === "complete") {
-    const label = t("chat.activity.complete");
+  if (state === "updated") {
+    const label = t("chat.activity.updated");
     return (
       <span
         aria-label={label}
         title={label}
         className="grid h-4 w-4 shrink-0 place-items-center"
       >
-        <span className="h-2 w-2 rounded-full bg-blue-500 dark:bg-blue-400" />
+        <span className="h-2 w-2 rounded-full bg-[#ff8a3d] shadow-[0_0_0_2px_rgba(255,138,61,0.16)]" />
       </span>
     );
   }
diff --git a/webui/src/components/Sidebar.tsx b/webui/src/components/Sidebar.tsx
index b86ee57b..48725dce 100644
--- a/webui/src/components/Sidebar.tsx
+++ b/webui/src/components/Sidebar.tsx
@@ -51,7 +51,7 @@ interface SidebarProps {
   projectNameOverrides?: Record<string, string>;
   collapsedGroups?: Record<string, boolean>;
   runningChatIds?: string[];
-  completedChatIds?: string[];
+  updatedChatIds?: string[];
   viewState?: SidebarViewState;
   showArchived?: boolean;
   archivedCount?: number;
@@ -210,7 +210,7 @@ export function Sidebar(props: SidebarProps) {
             projectNameOverrides={props.projectNameOverrides}
             collapsedGroups={props.collapsedGroups}
             runningChatIds={props.runningChatIds}
-            completedChatIds={props.completedChatIds}
+            updatedChatIds={props.updatedChatIds}
             density={props.viewState?.density}
             showPreviews={props.viewState?.show_previews}
             showTimestamps={props.viewState?.show_timestamps}
diff --git a/webui/src/components/settings/SettingsView.tsx b/webui/src/components/settings/SettingsView.tsx
index 57f4fc4b..04b8e5aa 100644
--- a/webui/src/components/settings/SettingsView.tsx
+++ b/webui/src/components/settings/SettingsView.tsx
@@ -1715,7 +1715,10 @@ export function SettingsView({
       <main className="min-w-0 flex-1 overflow-y-auto [scrollbar-gutter:stable]">
         <div
           className={cn(
-            "mx-auto w-full max-w-[920px] px-5 py-8 sm:px-8 lg:py-12",
+            "mx-auto w-full px-5 py-8 sm:px-8 lg:py-12",
+            activeSection === "automations"
+              ? "max-w-[1220px] 2xl:max-w-[1320px]"
+              : "max-w-[920px]",
             hostChromeInset && "pt-[4.25rem] sm:pt-[4.25rem] lg:pt-[4.75rem]",
           )}
         >
@@ -3470,10 +3473,10 @@ function AutomationsSettings({
   }, [filtered, selectedJobId]);
 
   return (
-    <div className="space-y-5">
-      <section className="rounded-[22px] border border-border/45 bg-card/80 px-3 py-3 shadow-[0_18px_50px_rgba(15,23,42,0.045)] backdrop-blur-xl sm:px-4">
+    <div className="space-y-4">
+      <section className="rounded-[24px] border border-border/45 bg-card/80 p-3 shadow-[0_22px_70px_rgba(15,23,42,0.055)] backdrop-blur-xl">
         <div className="flex flex-col gap-3 xl:flex-row xl:items-center xl:justify-between">
-          <div className="flex min-w-0 flex-wrap gap-1 rounded-[16px] bg-muted/55 p-1">
+          <div className="flex min-w-0 flex-wrap gap-1 rounded-[16px] bg-muted/50 p-1">
             {summaryOptions.map((option) => (
               <button
                 key={option.value}
@@ -3485,7 +3488,7 @@ function AutomationsSettings({
                 )}
               >
                 <span>{option.label}</span>
-                <span className="min-w-5 rounded-full bg-muted px-1.5 py-0.5 text-center text-[11px] tabular-nums text-muted-foreground">
+                <span className="min-w-5 rounded-full bg-background/75 px-1.5 py-0.5 text-center text-[11px] tabular-nums text-muted-foreground">
                   {option.count}
                 </span>
               </button>
@@ -3493,20 +3496,20 @@ function AutomationsSettings({
           </div>
 
           <div className="flex min-w-0 flex-col gap-2 sm:flex-row sm:items-center sm:justify-end">
-            <div className="relative min-w-0 sm:w-[22rem]">
+            <div className="relative min-w-0 sm:w-[24rem]">
               <Search className="pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground/70" />
               <Input
                 value={query}
                 onChange={(event) => onQueryChange(event.target.value)}
                 placeholder={tx("settings.automations.search", "Search automation, message, session, or cron expression")}
-                className="h-9 rounded-full bg-background/85 pl-9 text-[13px]"
+                className="h-9 rounded-[13px] border-border/45 bg-background/85 pl-9 text-[13px] shadow-sm"
               />
             </div>
             <DropdownMenu>
               <DropdownMenuTrigger asChild>
                 <button
                   type="button"
-                  className="inline-flex h-9 items-center justify-center gap-1.5 rounded-full border border-border/45 bg-background/85 px-3 text-[12px] font-medium text-muted-foreground shadow-sm transition-colors hover:bg-muted/70 hover:text-foreground"
+                  className="inline-flex h-9 items-center justify-center gap-1.5 rounded-[13px] border border-border/45 bg-background/85 px-3 text-[12px] font-medium text-muted-foreground shadow-sm transition-colors hover:bg-muted/70 hover:text-foreground"
                 >
                   <ArrowUpDown className="h-3.5 w-3.5" aria-hidden />
                   <span>{sortLabel[sort]}</span>
@@ -3533,55 +3536,64 @@ function AutomationsSettings({
         </div>
       ) : null}
 
-      <section>
-        <SettingsSectionTitle>{tx("settings.automations.queue", "Queue")}</SettingsSectionTitle>
-        {loading && !payload ? (
-          <div className="flex h-40 items-center justify-center rounded-[22px] border border-border/45 bg-card/78 text-[13px] text-muted-foreground">
-            <Loader2 className="mr-2 h-4 w-4 animate-spin" aria-hidden />
-            {tx("settings.automations.loading", "Loading automations...")}
-          </div>
-        ) : filtered.length && selectedJob ? (
-          <div className="grid gap-3 xl:grid-cols-[minmax(18rem,23rem)_minmax(0,1fr)]">
-            <div className="overflow-hidden rounded-[22px] border border-border/45 bg-card/78 p-1.5 shadow-[0_18px_55px_rgba(15,23,42,0.045)] backdrop-blur-xl">
-              <div className="space-y-1" role="list" aria-label={tx("settings.automations.queue", "Queue")}>
-                {filtered.map((job) => (
-                  <AutomationListItem
-                    key={job.id}
-                    job={job}
-                    locale={locale}
-                    selected={job.id === selectedJob.id}
-                    onSelect={() => setSelectedJobId(job.id)}
-                  />
-                ))}
-              </div>
+      {loading && !payload ? (
+        <div className="flex h-44 items-center justify-center rounded-[24px] border border-border/45 bg-card/80 text-[13px] text-muted-foreground shadow-[0_22px_70px_rgba(15,23,42,0.055)]">
+          <Loader2 className="mr-2 h-4 w-4 animate-spin" aria-hidden />
+          {tx("settings.automations.loading", "Loading automations...")}
+        </div>
+      ) : filtered.length && selectedJob ? (
+        <section className="grid items-start gap-4 lg:grid-cols-[minmax(18rem,22rem)_minmax(0,1fr)] xl:grid-cols-[minmax(20rem,24rem)_minmax(0,1fr)]">
+          <aside className="overflow-hidden rounded-[24px] border border-border/45 bg-card/80 shadow-[0_22px_70px_rgba(15,23,42,0.055)] backdrop-blur-xl">
+            <div className="flex items-center justify-between gap-3 border-b border-border/35 px-4 py-3">
+              <h2 className="text-[13px] font-semibold tracking-[-0.01em] text-foreground/85">
+                {tx("settings.automations.queue", "Queue")}
+              </h2>
+              <span className="rounded-full bg-muted/70 px-2 py-0.5 text-[11px] text-muted-foreground tabular-nums">
+                {filtered.length}
+              </span>
             </div>
-            <AutomationDetailPanel
-              job={selectedJob}
-              locale={locale}
-              actionKey={actionKey}
-              onAction={onAction}
-              onRequestEdit={onRequestEdit}
-              onRequestDelete={onRequestDelete}
-            />
-          </div>
-        ) : (
-          <div className="rounded-[22px] border border-border/45 bg-card/78 px-5 py-10 text-center text-[13px] text-muted-foreground">
-            <div>
-              {jobs.length
-                ? tx("settings.automations.noMatches", "No automations match this view.")
-                : tx("settings.automations.empty", "No automations yet.")}
+            <div
+              className="max-h-[26rem] space-y-1 overflow-y-auto p-2 lg:max-h-[calc(100dvh-17rem)]"
+              role="list"
+              aria-label={tx("settings.automations.queue", "Queue")}
+            >
+              {filtered.map((job) => (
+                <AutomationListItem
+                  key={job.id}
+                  job={job}
+                  locale={locale}
+                  selected={job.id === selectedJob.id}
+                  onSelect={() => setSelectedJobId(job.id)}
+                />
+              ))}
             </div>
-            {!jobs.length ? (
-              <div className="mx-auto mt-2 max-w-[28rem] text-[12px] leading-5">
-                {tx(
-                  "settings.automations.emptyHint",
-                  "Create one from the chat or channel where it should run so nanobot keeps the right context.",
-                )}
-              </div>
-            ) : null}
+          </aside>
+          <AutomationDetailPanel
+            job={selectedJob}
+            locale={locale}
+            actionKey={actionKey}
+            onAction={onAction}
+            onRequestEdit={onRequestEdit}
+            onRequestDelete={onRequestDelete}
+          />
+        </section>
+      ) : (
+        <div className="rounded-[24px] border border-border/45 bg-card/80 px-5 py-12 text-center text-[13px] text-muted-foreground shadow-[0_22px_70px_rgba(15,23,42,0.055)]">
+          <div>
+            {jobs.length
+              ? tx("settings.automations.noMatches", "No automations match this view.")
+              : tx("settings.automations.empty", "No automations yet.")}
           </div>
-        )}
-      </section>
+          {!jobs.length ? (
+            <div className="mx-auto mt-2 max-w-[28rem] text-[12px] leading-5">
+              {tx(
+                "settings.automations.emptyHint",
+                "Create one from the chat or channel where it should run so nanobot keeps the right context.",
+              )}
+            </div>
+          ) : null}
+        </div>
+      )}
     </div>
   );
 }
@@ -3613,14 +3625,14 @@ function AutomationListItem({
         aria-pressed={selected}
         onClick={onSelect}
         className={cn(
-          "group grid w-full grid-cols-[minmax(0,1fr)_auto] gap-3 rounded-[18px] px-3 py-3 text-left transition-colors",
+          "group grid w-full grid-cols-[minmax(0,1fr)_auto] gap-3 rounded-[18px] px-3 py-3.5 text-left transition-colors",
           selected
             ? "bg-background text-foreground shadow-sm ring-1 ring-border/45"
-            : "text-muted-foreground hover:bg-background/60 hover:text-foreground",
+            : "text-muted-foreground hover:bg-background/55 hover:text-foreground",
         )}
       >
         <span className="min-w-0">
-          <span className="flex min-w-0 items-center gap-2">
+          <span className="flex min-w-0 items-center gap-2.5">
             <span
               className={cn("h-2 w-2 shrink-0 rounded-full", automationStatusDotClass(job))}
               aria-hidden
@@ -3629,10 +3641,10 @@ function AutomationListItem({
               {job.name || job.id}
             </span>
           </span>
-          <span className="mt-1 line-clamp-2 text-[12px] leading-5 text-muted-foreground">
+          <span className="mt-1.5 line-clamp-2 text-[12px] leading-5 text-muted-foreground">
             {job.payload.message || tx("settings.automations.systemTask", "System-managed automation")}
           </span>
-          <span className="mt-2 flex min-w-0 items-center gap-2 text-[11.5px] leading-none text-muted-foreground">
+          <span className="mt-2.5 flex min-w-0 items-center gap-2 text-[11.5px] leading-none text-muted-foreground">
             <span className="truncate" title={formatAutomationNextTitle(job, locale, tx)}>
               {nextRun}
             </span>
@@ -3691,14 +3703,16 @@ function AutomationDetailPanel({
   const needsRecreation = automationNeedsRecreation(job);
   const created = job.created_at_ms ? fmtDateTime(job.created_at_ms, locale) : null;
   const updated = job.updated_at_ms ? fmtDateTime(job.updated_at_ms, locale) : null;
+  const message = job.payload.message || tx("settings.automations.systemTask", "System-managed automation");
+  const schedule = formatAutomationSchedule(job, locale, tx);
 
   return (
-    <article className="min-w-0 overflow-hidden rounded-[24px] border border-border/45 bg-card/82 shadow-[0_24px_70px_rgba(15,23,42,0.06)] backdrop-blur-xl">
+    <article className="min-w-0 overflow-hidden rounded-[24px] border border-border/45 bg-card/90 shadow-[0_24px_80px_rgba(15,23,42,0.065)] backdrop-blur-xl">
       <div className="border-b border-border/35 px-4 py-4 sm:px-5">
-        <div className="flex flex-col gap-3 lg:flex-row lg:items-start lg:justify-between">
+        <div className="flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between">
           <div className="min-w-0">
             <div className="flex min-w-0 flex-wrap items-center gap-2">
-              <h3 className="min-w-0 truncate text-[17px] font-medium leading-7 text-foreground">
+              <h3 className="min-w-0 truncate text-[18px] font-medium leading-7 text-foreground">
                 {job.name || job.id}
               </h3>
               <StatusPill tone={status.tone}>{status.label}</StatusPill>
@@ -3706,8 +3720,8 @@ function AutomationDetailPanel({
                 <StatusPill>{tx("settings.automations.oneShot", "One-time")}</StatusPill>
               ) : null}
             </div>
-            <p className="mt-1 max-w-[62rem] text-[13px] leading-6 text-muted-foreground">
-              {job.payload.message || tx("settings.automations.systemTask", "System-managed automation")}
+            <p className="mt-1 truncate text-[12.5px] leading-5 text-muted-foreground">
+              {schedule} · {origin}
             </p>
           </div>
           <AutomationActionGroup
@@ -3720,15 +3734,18 @@ function AutomationDetailPanel({
         </div>
       </div>
 
-      <div className="grid gap-4 p-4 2xl:grid-cols-[minmax(0,1fr)_14rem]">
-        <div className="min-w-0 space-y-4">
-          <div className="grid gap-2 md:grid-cols-2">
-            <AutomationDetail
-              label={tx("settings.automations.labels.schedule", "Schedule")}
-              title={formatAutomationSchedule(job, locale, tx)}
-            >
-              {formatAutomationSchedule(job, locale, tx)}
-            </AutomationDetail>
+      <div className="grid min-w-0 xl:grid-cols-[minmax(0,1fr)_18rem]">
+        <div className="min-w-0 space-y-4 p-4 sm:p-5">
+          <section className="rounded-[20px] border border-border/35 bg-background/60 px-4 py-3.5">
+            <div className="text-[11px] font-medium leading-none text-muted-foreground/75">
+              {tx("settings.automations.fields.message", "Message")}
+            </div>
+            <div className="mt-3 max-h-64 overflow-y-auto whitespace-pre-wrap break-words text-[13px] leading-6 text-foreground/85">
+              {message}
+            </div>
+          </section>
+
+          <div className="grid gap-3 md:grid-cols-3">
             <AutomationDetail
               label={tx("settings.automations.labels.next", "Next")}
               title={formatAutomationNextTitle(job, locale, tx)}
@@ -3764,7 +3781,7 @@ function AutomationDetailPanel({
           </div>
 
           {needsRecreation ? (
-            <div className="mt-3 rounded-[14px] border border-amber-500/20 bg-amber-500/8 px-3 py-2 text-[12px] leading-5 text-amber-800 dark:text-amber-200">
+            <div className="rounded-[16px] border border-amber-500/20 bg-amber-500/8 px-3 py-2 text-[12px] leading-5 text-amber-800 dark:text-amber-200">
               {tx(
                 "settings.automations.legacyWarning",
                 "This older automation is missing its target chat. Recreate it from the chat or channel where it should run.",
@@ -3773,7 +3790,7 @@ function AutomationDetailPanel({
           ) : null}
 
           {job.state.last_error ? (
-            <div className="mt-3 rounded-[14px] bg-destructive/8 px-3 py-2 text-[12px] leading-5 text-destructive">
+            <div className="rounded-[16px] border border-destructive/20 bg-destructive/8 px-3 py-2 text-[12px] leading-5 text-destructive">
               {job.state.last_error}
             </div>
           ) : null}
@@ -3781,28 +3798,38 @@ function AutomationDetailPanel({
           <AutomationRunHistory history={history} locale={locale} tx={tx} />
         </div>
 
-        <aside className="rounded-[18px] bg-muted/32 p-3 text-[12px] text-muted-foreground">
-          <div className="space-y-3">
-            {created ? (
-              <div>
-                <div className="text-[11px] leading-none text-muted-foreground/75">
-                  {tx("settings.automations.labels.created", "Created")}
+        <aside className="border-t border-border/35 bg-muted/20 p-4 text-[12px] text-muted-foreground sm:p-5 xl:border-l xl:border-t-0">
+          <div className="space-y-4">
+            <AutomationDetail
+              label={tx("settings.automations.labels.schedule", "Schedule")}
+              title={schedule}
+            >
+              {schedule}
+            </AutomationDetail>
+            <div className="rounded-[18px] bg-background/55 p-3">
+              <div className="space-y-3">
+                {created ? (
+                  <div>
+                    <div className="text-[11px] leading-none text-muted-foreground/75">
+                      {tx("settings.automations.labels.created", "Created")}
+                    </div>
+                    <div className="mt-1.5 text-[12.5px] leading-5 text-foreground/80">{created}</div>
+                  </div>
+                ) : null}
+                {updated ? (
+                  <div>
+                    <div className="text-[11px] leading-none text-muted-foreground/75">
+                      {tx("settings.automations.labels.updated", "Updated")}
+                    </div>
+                    <div className="mt-1.5 text-[12.5px] leading-5 text-foreground/80">{updated}</div>
+                  </div>
+                ) : null}
+                <div>
+                  <div className="text-[11px] leading-none text-muted-foreground/75">ID</div>
+                  <div className="mt-1.5 break-all font-mono text-[11.5px] leading-5 text-foreground/70">
+                    {job.id}
+                  </div>
                 </div>
-                <div className="mt-1.5 text-[12.5px] leading-5 text-foreground/80">{created}</div>
-              </div>
-            ) : null}
-            {updated ? (
-              <div>
-                <div className="text-[11px] leading-none text-muted-foreground/75">
-                  {tx("settings.automations.labels.updated", "Updated")}
-                </div>
-                <div className="mt-1.5 text-[12.5px] leading-5 text-foreground/80">{updated}</div>
-              </div>
-            ) : null}
-            <div>
-              <div className="text-[11px] leading-none text-muted-foreground/75">ID</div>
-              <div className="mt-1.5 break-all font-mono text-[11.5px] leading-5 text-foreground/70">
-                {job.id}
               </div>
             </div>
           </div>
diff --git a/webui/src/i18n/locales/en/common.json b/webui/src/i18n/locales/en/common.json
index 03e95a53..5d920bcb 100644
--- a/webui/src/i18n/locales/en/common.json
+++ b/webui/src/i18n/locales/en/common.json
@@ -671,7 +671,8 @@
     "newInProject": "Start a new chat in {{project}}",
     "activity": {
       "running": "Agent running",
-      "complete": "Agent finished"
+      "complete": "Agent finished",
+      "updated": "New activity"
     },
     "pin": "Pin",
     "unpin": "Unpin",
diff --git a/webui/src/i18n/locales/es/common.json b/webui/src/i18n/locales/es/common.json
index 2cbb1a68..9a29d344 100644
--- a/webui/src/i18n/locales/es/common.json
+++ b/webui/src/i18n/locales/es/common.json
@@ -671,7 +671,8 @@
     "newInProject": "Iniciar un chat nuevo en {{project}}",
     "activity": {
       "running": "Agent running",
-      "complete": "Agent finished"
+      "complete": "Agent finished",
+      "updated": "New activity"
     },
     "pin": "Pin",
     "unpin": "Unpin",
diff --git a/webui/src/i18n/locales/fr/common.json b/webui/src/i18n/locales/fr/common.json
index 3c1cf155..78bddee5 100644
--- a/webui/src/i18n/locales/fr/common.json
+++ b/webui/src/i18n/locales/fr/common.json
@@ -671,7 +671,8 @@
     "newInProject": "Démarrer une nouvelle discussion dans {{project}}",
     "activity": {
       "running": "Agent running",
-      "complete": "Agent finished"
+      "complete": "Agent finished",
+      "updated": "New activity"
     },
     "pin": "Pin",
     "unpin": "Unpin",
diff --git a/webui/src/i18n/locales/id/common.json b/webui/src/i18n/locales/id/common.json
index b5ecdb93..ddb2cfbd 100644
--- a/webui/src/i18n/locales/id/common.json
+++ b/webui/src/i18n/locales/id/common.json
@@ -671,7 +671,8 @@
     "newInProject": "Mulai obrolan baru di {{project}}",
     "activity": {
       "running": "Agent running",
-      "complete": "Agent finished"
+      "complete": "Agent finished",
+      "updated": "New activity"
     },
     "pin": "Pin",
     "unpin": "Unpin",
diff --git a/webui/src/i18n/locales/ja/common.json b/webui/src/i18n/locales/ja/common.json
index 2883195f..006c6211 100644
--- a/webui/src/i18n/locales/ja/common.json
+++ b/webui/src/i18n/locales/ja/common.json
@@ -671,7 +671,8 @@
     "newInProject": "「{{project}}」で新しいチャットを開始",
     "activity": {
       "running": "Agent running",
-      "complete": "Agent finished"
+      "complete": "Agent finished",
+      "updated": "New activity"
     },
     "pin": "Pin",
     "unpin": "Unpin",
diff --git a/webui/src/i18n/locales/ko/common.json b/webui/src/i18n/locales/ko/common.json
index aae79d3e..fb8ed930 100644
--- a/webui/src/i18n/locales/ko/common.json
+++ b/webui/src/i18n/locales/ko/common.json
@@ -671,7 +671,8 @@
     "newInProject": "{{project}}에서 새 채팅 시작",
     "activity": {
       "running": "Agent running",
-      "complete": "Agent finished"
+      "complete": "Agent finished",
+      "updated": "New activity"
     },
     "pin": "Pin",
     "unpin": "Unpin",
diff --git a/webui/src/i18n/locales/vi/common.json b/webui/src/i18n/locales/vi/common.json
index 4a720a0e..9efa47af 100644
--- a/webui/src/i18n/locales/vi/common.json
+++ b/webui/src/i18n/locales/vi/common.json
@@ -671,7 +671,8 @@
     "newInProject": "Bắt đầu cuộc trò chuyện mới trong {{project}}",
     "activity": {
       "running": "Agent running",
-      "complete": "Agent finished"
+      "complete": "Agent finished",
+      "updated": "New activity"
     },
     "pin": "Pin",
     "unpin": "Unpin",
diff --git a/webui/src/i18n/locales/zh-CN/common.json b/webui/src/i18n/locales/zh-CN/common.json
index cec2917c..72c09af6 100644
--- a/webui/src/i18n/locales/zh-CN/common.json
+++ b/webui/src/i18n/locales/zh-CN/common.json
@@ -671,7 +671,8 @@
     "newInProject": "在 {{project}} 中开始新对话",
     "activity": {
       "running": "Agent 正在运行",
-      "complete": "Agent 已完成"
+      "complete": "Agent 已完成",
+      "updated": "有新内容"
     },
     "pin": "置顶",
     "unpin": "取消置顶",
diff --git a/webui/src/i18n/locales/zh-TW/common.json b/webui/src/i18n/locales/zh-TW/common.json
index f7e5ce9a..c232d603 100644
--- a/webui/src/i18n/locales/zh-TW/common.json
+++ b/webui/src/i18n/locales/zh-TW/common.json
@@ -671,7 +671,8 @@
     "newInProject": "在 {{project}} 中開始新對話",
     "activity": {
       "running": "Agent 正在執行",
-      "complete": "Agent 已完成"
+      "complete": "Agent 已完成",
+      "updated": "有新內容"
     },
     "pin": "置頂",
     "unpin": "取消置頂",
diff --git a/webui/src/tests/app-layout.test.tsx b/webui/src/tests/app-layout.test.tsx
index b73a2eab..a0c74a01 100644
--- a/webui/src/tests/app-layout.test.tsx
+++ b/webui/src/tests/app-layout.test.tsx
@@ -13,6 +13,7 @@ const toggleThemeSpy = vi.fn();
 const updateUrlSpy = vi.fn();
 const attachSpy = vi.fn();
 const runStatusHandlers = new Set<(chatId: string, startedAt: number | null) => void>();
+const sessionUpdateHandlers = new Set<(chatId: string, scope?: string) => void>();
 let mockSessions: ChatSummary[] = [];
 const HERO_GREETING_PATTERN =
   /What should we work on\?|Where should we start\?|What are we building today\?|What should we tackle together\?/;
@@ -194,7 +195,10 @@ vi.mock("@/lib/nanobot-client", () => {
     onRuntimeModelUpdate = () => () => {};
     onError = () => () => {};
     onChat = () => () => {};
-    onSessionUpdate = () => () => {};
+    onSessionUpdate = (handler: (chatId: string, scope?: string) => void) => {
+      sessionUpdateHandlers.add(handler);
+      return () => sessionUpdateHandlers.delete(handler);
+    };
     onRunStatus = (handler: (chatId: string, startedAt: number | null) => void) => {
       runStatusHandlers.add(handler);
       return () => runStatusHandlers.delete(handler);
@@ -227,10 +231,12 @@ describe("App layout", () => {
     toggleThemeSpy.mockReset();
     attachSpy.mockReset();
     runStatusHandlers.clear();
+    sessionUpdateHandlers.clear();
     window.history.replaceState(null, "", "/");
     setNavigatorPlatform("Linux x86_64");
     localStorage.removeItem("nanobot-webui.sidebar");
     localStorage.removeItem("nanobot-webui.sidebar.completed-runs.v1");
+    localStorage.removeItem("nanobot-webui.sidebar.session-updates.v1");
     vi.mocked(fetchBootstrap).mockReset().mockResolvedValue({
       token: "tok",
       ws_path: "/",
@@ -1012,15 +1018,15 @@ describe("App layout", () => {
       for (const handler of runStatusHandlers) handler("chat-a", null);
     });
     expect(within(sidebar).queryByTitle("Agent running")).not.toBeInTheDocument();
-    expect(within(sidebar).getByTitle("Agent finished")).toBeInTheDocument();
+    expect(within(sidebar).getByTitle("New activity")).toBeInTheDocument();
 
     await act(async () => {
       fireEvent.click(within(sidebar).getByRole("button", { name: /^Working chat$/ }));
     });
-    expect(within(sidebar).queryByTitle("Agent finished")).not.toBeInTheDocument();
+    expect(within(sidebar).queryByTitle("New activity")).not.toBeInTheDocument();
   });
 
-  it("does not show a completed dot later when the active session finishes", async () => {
+  it("does not show an updated dot later when the active session finishes", async () => {
     mockSessions = [
       {
         key: "websocket:chat-a",
@@ -1064,12 +1070,53 @@ describe("App layout", () => {
       for (const handler of runStatusHandlers) handler("chat-a", null);
     });
     expect(within(sidebar).queryByTitle("Agent running")).not.toBeInTheDocument();
-    expect(within(sidebar).queryByTitle("Agent finished")).not.toBeInTheDocument();
+    expect(within(sidebar).queryByTitle("New activity")).not.toBeInTheDocument();
 
     await act(async () => {
       fireEvent.click(within(sidebar).getByRole("button", { name: /^Other chat$/ }));
     });
-    expect(within(sidebar).queryByTitle("Agent finished")).not.toBeInTheDocument();
+    expect(within(sidebar).queryByTitle("New activity")).not.toBeInTheDocument();
+  });
+
+  it("marks inactive sessions when a thread update arrives", async () => {
+    mockSessions = [
+      {
+        key: "websocket:chat-a",
+        channel: "websocket",
+        chatId: "chat-a",
+        createdAt: "2026-04-16T10:00:00Z",
+        updatedAt: "2026-04-16T10:00:00Z",
+        preview: "Open chat",
+      },
+      {
+        key: "websocket:chat-b",
+        channel: "websocket",
+        chatId: "chat-b",
+        createdAt: "2026-04-16T11:00:00Z",
+        updatedAt: "2026-04-16T11:00:00Z",
+        preview: "Scheduled update target",
+      },
+    ];
+
+    render(<App />);
+
+    await waitFor(() => expect(connectSpy).toHaveBeenCalled());
+    const sidebar = screen.getByRole("navigation", { name: "Sidebar navigation" });
+    await act(async () => {
+      fireEvent.click(within(sidebar).getByRole("button", { name: /^Open chat$/ }));
+    });
+
+    act(() => {
+      for (const handler of sessionUpdateHandlers) handler("chat-b", "thread");
+    });
+
+    expect(within(sidebar).getByTitle("New activity")).toBeInTheDocument();
+
+    await act(async () => {
+      fireEvent.click(within(sidebar).getByRole("button", { name: /^Scheduled update target$/ }));
+    });
+
+    expect(within(sidebar).queryByTitle("New activity")).not.toBeInTheDocument();
   });
 
   it("restores sidebar run indicators after a page reload", async () => {
@@ -1093,7 +1140,7 @@ describe("App layout", () => {
       },
     ];
     localStorage.setItem(
-      "nanobot-webui.sidebar.completed-runs.v1",
+      "nanobot-webui.sidebar.session-updates.v1",
       JSON.stringify(["chat-b"]),
     );
 
@@ -1104,7 +1151,7 @@ describe("App layout", () => {
     await waitFor(() =>
       expect(within(sidebar).getByTitle("Agent running")).toBeInTheDocument(),
     );
-    expect(within(sidebar).getByTitle("Agent finished")).toBeInTheDocument();
+    expect(within(sidebar).getByTitle("New activity")).toBeInTheDocument();
     expect(attachSpy).toHaveBeenCalledWith("chat-a");
   });
 
diff --git a/webui/src/tests/chat-list.test.tsx b/webui/src/tests/chat-list.test.tsx
index 433e18d9..439c7657 100644
--- a/webui/src/tests/chat-list.test.tsx
+++ b/webui/src/tests/chat-list.test.tsx
@@ -18,6 +18,44 @@ function session(overrides: Partial<ChatSummary>): ChatSummary {
 }
 
 describe("ChatList", () => {
+  it("orders chats by latest session activity by default", () => {
+    const sessions = [
+      session({
+        chatId: "older",
+        title: "Older chat",
+        updatedAt: "2026-05-21T10:00:00Z",
+      }),
+      session({
+        chatId: "newest",
+        title: "Newest chat",
+        updatedAt: "2026-05-21T12:00:00Z",
+      }),
+      session({
+        chatId: "middle",
+        title: "Middle chat",
+        updatedAt: "2026-05-21T11:00:00Z",
+      }),
+    ];
+
+    render(
+      <ChatList
+        sessions={sessions}
+        activeKey={null}
+        onSelect={vi.fn()}
+        onRequestDelete={vi.fn()}
+        onTogglePin={vi.fn()}
+        onRequestRename={vi.fn()}
+        onToggleArchive={vi.fn()}
+      />,
+    );
+
+    const chatsSection = screen.getAllByRole("region")[0];
+    const text = chatsSection.textContent ?? "";
+
+    expect(text.indexOf("Newest chat")).toBeLessThan(text.indexOf("Middle chat"));
+    expect(text.indexOf("Middle chat")).toBeLessThan(text.indexOf("Older chat"));
+  });
+
   it("groups WebUI chats by workspace project while preserving in-project sorting and activity", () => {
     const sessions = [
       session({
@@ -179,7 +217,7 @@ describe("ChatList", () => {
     expect(onRequestRenameProject).toHaveBeenCalledWith("/Users/me/nanobot", "Photos");
   });
 
-  it("hides the completed dot for the active chat", () => {
+  it("hides the updated dot for the active chat", () => {
     const sessions = [
       session({
         chatId: "active",
@@ -200,13 +238,13 @@ describe("ChatList", () => {
         onTogglePin={vi.fn()}
         onRequestRename={vi.fn()}
         onToggleArchive={vi.fn()}
-        completedChatIds={["active", "done"]}
+        updatedChatIds={["active", "done"]}
       />,
     );
 
-    const finished = screen.getAllByLabelText("Agent finished");
-    expect(finished).toHaveLength(1);
-    expect(finished[0].firstElementChild).toHaveClass("h-2", "w-2");
+    const updated = screen.getAllByLabelText("New activity");
+    expect(updated).toHaveLength(1);
+    expect(updated[0].firstElementChild).toHaveClass("h-2", "w-2");
   });
 
   it("folds long default workspace chats and can show all", () => {

From 167a53dc459c7bb8665dcaae6f0b679f4edd8794 Mon Sep 17 00:00:00 2001
From: chengyongru <chengyongru.ai@gmail.com>
Date: Mon, 15 Jun 2026 17:44:26 +0800
Subject: [PATCH 16/38] fix(webui): sort sessions by transcript activity

---
 nanobot/webui/session_list_index.py           | 74 ++++++++++++++++-
 tests/webui/test_session_list_index.py        | 83 +++++++++++++++++++
 .../src/components/settings/SettingsView.tsx  |  8 +-
 3 files changed, 158 insertions(+), 7 deletions(-)

diff --git a/nanobot/webui/session_list_index.py b/nanobot/webui/session_list_index.py
index 4fba2ca1..aaadc97a 100644
--- a/nanobot/webui/session_list_index.py
+++ b/nanobot/webui/session_list_index.py
@@ -9,11 +9,13 @@ from __future__ import annotations
 
 import json
 import os
+from datetime import datetime
 from pathlib import Path
 from typing import Any
 
 from loguru import logger
 
+from nanobot.config.paths import get_webui_dir
 from nanobot.cron.session_turns import CRON_HISTORY_META
 from nanobot.session.manager import (
     _SESSION_LIST_PREVIEW_MAX_CHARS,
@@ -26,6 +28,8 @@ from nanobot.session.manager import (
 
 _INDEX_VERSION = 1
 _INDEX_FILENAME = ".webui_session_index.json"
+_WEBUI_ACTIVITY_MTIME_NS = "webui_activity_mtime_ns"
+_WEBUI_ACTIVITY_SIZE = "webui_activity_size"
 
 
 def list_webui_sessions(session_manager: SessionManager) -> list[dict[str, Any]]:
@@ -117,7 +121,13 @@ def _indexed_row_matches_file(row: dict[str, Any], path: Path) -> bool:
         signature = _file_signature(path)
     except OSError:
         return False
-    return row.get("mtime_ns") == signature["mtime_ns"] and row.get("size") == signature["size"]
+    activity_signature = _webui_activity_signature(str(row.get("key")))
+    return (
+        row.get("mtime_ns") == signature["mtime_ns"]
+        and row.get("size") == signature["size"]
+        and row.get(_WEBUI_ACTIVITY_MTIME_NS) == activity_signature[_WEBUI_ACTIVITY_MTIME_NS]
+        and row.get(_WEBUI_ACTIVITY_SIZE) == activity_signature[_WEBUI_ACTIVITY_SIZE]
+    )
 
 
 def _public_row(sessions_dir: Path, row: dict[str, Any]) -> dict[str, Any]:
@@ -155,17 +165,69 @@ def _preview_from_messages(messages: list[dict[str, Any]]) -> str:
     return fallback_preview
 
 
+def _webui_activity_paths(session_key: str) -> list[Path]:
+    stem = SessionManager.safe_key(session_key)
+    webui_dir = get_webui_dir()
+    return [
+        webui_dir / f"{stem}.jsonl",
+        webui_dir / f"{stem}.json",
+    ]
+
+
+def _webui_activity_signature(session_key: str) -> dict[str, int]:
+    latest_mtime_ns = 0
+    total_size = 0
+    for path in _webui_activity_paths(session_key):
+        try:
+            stat = path.stat()
+        except OSError:
+            continue
+        if not path.is_file():
+            continue
+        latest_mtime_ns = max(latest_mtime_ns, stat.st_mtime_ns)
+        total_size += stat.st_size
+    return {
+        _WEBUI_ACTIVITY_MTIME_NS: latest_mtime_ns,
+        _WEBUI_ACTIVITY_SIZE: total_size,
+    }
+
+
+def _webui_activity_updated_at(signature: dict[str, int]) -> str | None:
+    mtime_ns = signature.get(_WEBUI_ACTIVITY_MTIME_NS, 0)
+    if mtime_ns <= 0:
+        return None
+    return datetime.fromtimestamp(mtime_ns / 1_000_000_000).isoformat()
+
+
+def _timestamp(value: str | None) -> float:
+    if not value:
+        return 0.0
+    try:
+        return datetime.fromisoformat(value).timestamp()
+    except ValueError:
+        return 0.0
+
+
+def _latest_updated_at(stored: str | None, activity: str | None) -> str | None:
+    if _timestamp(activity) > _timestamp(stored):
+        return activity
+    return stored
+
+
 def _indexed_row_for_session(session: Session, path: Path) -> dict[str, Any]:
     signature = _file_signature(path)
+    activity_signature = _webui_activity_signature(session.key)
+    activity_updated_at = _webui_activity_updated_at(activity_signature)
     return {
         "key": session.key,
         "created_at": session.created_at.isoformat(),
-        "updated_at": session.updated_at.isoformat(),
+        "updated_at": _latest_updated_at(session.updated_at.isoformat(), activity_updated_at),
         "title": _metadata_title(session.metadata),
         "preview": _preview_from_messages(session.messages),
         "file": path.name,
         "mtime_ns": signature["mtime_ns"],
         "size": signature["size"],
+        **activity_signature,
     }
 
 
@@ -207,15 +269,19 @@ def _scan_session_row(session_manager: SessionManager, path: Path) -> dict[str,
                 if not fallback_preview and item.get("role") == "assistant":
                     fallback_preview = text
             signature = _file_signature(path)
+            key = data.get("key") or fallback_key
+            activity_signature = _webui_activity_signature(key)
+            activity_updated_at = _webui_activity_updated_at(activity_signature)
             return {
-                "key": data.get("key") or fallback_key,
+                "key": key,
                 "created_at": data.get("created_at"),
-                "updated_at": data.get("updated_at"),
+                "updated_at": _latest_updated_at(data.get("updated_at"), activity_updated_at),
                 "title": _metadata_title(data.get("metadata", {})),
                 "preview": preview or fallback_preview,
                 "file": path.name,
                 "mtime_ns": signature["mtime_ns"],
                 "size": signature["size"],
+                **activity_signature,
             }
     except Exception:
         repaired = session_manager._repair(fallback_key)
diff --git a/tests/webui/test_session_list_index.py b/tests/webui/test_session_list_index.py
index c8b0adf6..cc10f8c1 100644
--- a/tests/webui/test_session_list_index.py
+++ b/tests/webui/test_session_list_index.py
@@ -1,5 +1,7 @@
 from __future__ import annotations
 
+import os
+from datetime import datetime
 from pathlib import Path
 
 import nanobot.webui.session_list_index as session_list_index
@@ -86,5 +88,86 @@ def test_webui_session_list_skips_cron_internal_user_preview(tmp_path: Path) ->
     assert list_webui_sessions(manager)[0]["preview"] == "提醒已经到期。"
 
 
+def test_webui_session_list_uses_webui_transcript_activity_for_sort(
+    tmp_path: Path,
+    monkeypatch,
+) -> None:
+    webui_dir = tmp_path / "webui"
+    webui_dir.mkdir()
+    monkeypatch.setattr(session_list_index, "get_webui_dir", lambda: webui_dir)
+
+    manager = SessionManager(tmp_path)
+    old_session = manager.get_or_create("websocket:old-metadata")
+    old_session.created_at = datetime(2026, 6, 15, 10, 0, 0)
+    old_session.updated_at = datetime(2026, 6, 15, 10, 0, 0)
+    old_session.add_message("user", "old metadata")
+    old_session.updated_at = datetime(2026, 6, 15, 10, 0, 0)
+    manager.save(old_session)
+
+    newer_metadata = manager.get_or_create("websocket:newer-metadata")
+    newer_metadata.created_at = datetime(2026, 6, 15, 11, 0, 0)
+    newer_metadata.updated_at = datetime(2026, 6, 15, 11, 0, 0)
+    newer_metadata.add_message("user", "newer metadata")
+    newer_metadata.updated_at = datetime(2026, 6, 15, 11, 0, 0)
+    manager.save(newer_metadata)
+
+    transcript = webui_dir / "websocket_old-metadata.jsonl"
+    transcript.write_text(
+        '{"event":"turn_end","chat_id":"old-metadata"}\n',
+        encoding="utf-8",
+    )
+    activity_ns = int(datetime(2026, 6, 15, 12, 0, 0).timestamp() * 1_000_000_000)
+    os.utime(transcript, ns=(activity_ns, activity_ns))
+
+    rows = list_webui_sessions(manager)
+
+    assert [row["key"] for row in rows] == [
+        "websocket:old-metadata",
+        "websocket:newer-metadata",
+    ]
+    assert rows[0]["updated_at"].startswith("2026-06-15T12:00:00")
+
+
+def test_webui_session_list_rescans_when_transcript_changes(
+    tmp_path: Path,
+    monkeypatch,
+) -> None:
+    webui_dir = tmp_path / "webui"
+    webui_dir.mkdir()
+    monkeypatch.setattr(session_list_index, "get_webui_dir", lambda: webui_dir)
+
+    manager = SessionManager(tmp_path)
+    session = manager.get_or_create("websocket:transcript-change")
+    session.created_at = datetime(2026, 6, 15, 10, 0, 0)
+    session.updated_at = datetime(2026, 6, 15, 10, 0, 0)
+    session.add_message("user", "preview")
+    session.updated_at = datetime(2026, 6, 15, 10, 0, 0)
+    manager.save(session)
+
+    assert list_webui_sessions(manager)[0]["preview"] == "preview"
+
+    transcript = webui_dir / "websocket_transcript-change.jsonl"
+    transcript.write_text(
+        '{"event":"turn_end","chat_id":"transcript-change"}\n',
+        encoding="utf-8",
+    )
+    activity_ns = int(datetime(2026, 6, 15, 12, 30, 0).timestamp() * 1_000_000_000)
+    os.utime(transcript, ns=(activity_ns, activity_ns))
+
+    original_scan = session_list_index._scan_session_row
+    scanned: list[str] = []
+
+    def record_scan(session_manager: SessionManager, path: Path) -> dict | None:
+        scanned.append(path.name)
+        return original_scan(session_manager, path)
+
+    monkeypatch.setattr(session_list_index, "_scan_session_row", record_scan)
+
+    rows = list_webui_sessions(manager)
+
+    assert scanned == [manager._get_session_path("websocket:transcript-change").name]
+    assert rows[0]["updated_at"].startswith("2026-06-15T12:30:00")
+
+
 def list_webui_sessions(manager: SessionManager) -> list[dict]:
     return session_list_index.list_webui_sessions(manager)
diff --git a/webui/src/components/settings/SettingsView.tsx b/webui/src/components/settings/SettingsView.tsx
index 04b8e5aa..5fe36e4c 100644
--- a/webui/src/components/settings/SettingsView.tsx
+++ b/webui/src/components/settings/SettingsView.tsx
@@ -1733,9 +1733,11 @@ export function SettingsView({
                 {t("settings.backToChat")}
               </button>
             ) : null}
-            <p className="mb-2 text-[12px] font-normal text-muted-foreground">
-              {t("settings.sidebar.title")}
-            </p>
+            {activeSection !== "automations" ? (
+              <p className="mb-2 text-[12px] font-normal text-muted-foreground">
+                {t("settings.sidebar.title")}
+              </p>
+            ) : null}
             <h1 className="text-[24px] font-normal leading-tight tracking-normal text-foreground sm:text-[28px]">
               {text(`settings.nav.${activeSection}`, titleForSection(activeSection))}
             </h1>

From 828759d1b699336ba235a704e8ff564983c0d2e9 Mon Sep 17 00:00:00 2001
From: chengyongru <chengyongru.ai@gmail.com>
Date: Mon, 15 Jun 2026 18:08:44 +0800
Subject: [PATCH 17/38] fix(webui): hide settings kicker on automations

---
 .../src/components/settings/SettingsView.tsx  |  2 +-
 webui/src/tests/app-layout.test.tsx           | 12 ++++++++--
 webui/src/tests/settings-view.test.tsx        | 23 ++++++++++++++++++-
 3 files changed, 33 insertions(+), 4 deletions(-)

diff --git a/webui/src/components/settings/SettingsView.tsx b/webui/src/components/settings/SettingsView.tsx
index 5fe36e4c..2442d0dc 100644
--- a/webui/src/components/settings/SettingsView.tsx
+++ b/webui/src/components/settings/SettingsView.tsx
@@ -1733,7 +1733,7 @@ export function SettingsView({
                 {t("settings.backToChat")}
               </button>
             ) : null}
-            {activeSection !== "automations" ? (
+            {showSidebar ? (
               <p className="mb-2 text-[12px] font-normal text-muted-foreground">
                 {t("settings.sidebar.title")}
               </p>
diff --git a/webui/src/tests/app-layout.test.tsx b/webui/src/tests/app-layout.test.tsx
index a0c74a01..75ae92a8 100644
--- a/webui/src/tests/app-layout.test.tsx
+++ b/webui/src/tests/app-layout.test.tsx
@@ -439,7 +439,11 @@ describe("App layout", () => {
 
     fireEvent.click(automationsButton);
 
-    expect(await screen.findByRole("heading", { name: "Automations" })).toBeInTheDocument();
+    const heading = await screen.findByRole("heading", { name: "Automations" });
+    expect(heading).toBeInTheDocument();
+    const automationsMain = heading.closest("main");
+    expect(automationsMain).not.toBeNull();
+    expect(within(automationsMain as HTMLElement).queryByText("Settings")).not.toBeInTheDocument();
     expect(screen.getAllByText("Daily repo check").length).toBeGreaterThanOrEqual(1);
     expect(screen.getAllByText("Check the repo status").length).toBeGreaterThanOrEqual(1);
     expect(screen.getAllByText("Release prep").length).toBeGreaterThanOrEqual(1);
@@ -586,7 +590,11 @@ describe("App layout", () => {
     const sidebar = screen.getByRole("navigation", { name: "侧边栏导航" });
     fireEvent.click(within(sidebar).getByRole("button", { name: "自动任务" }));
 
-    expect(await screen.findByRole("heading", { name: "自动任务" })).toBeInTheDocument();
+    const heading = await screen.findByRole("heading", { name: "自动任务" });
+    expect(heading).toBeInTheDocument();
+    const automationsMain = heading.closest("main");
+    expect(automationsMain).not.toBeNull();
+    expect(within(automationsMain as HTMLElement).queryByText("设置")).not.toBeInTheDocument();
     expect(screen.getByText("任务队列")).toBeInTheDocument();
     expect(screen.getAllByText("每日检查").length).toBeGreaterThanOrEqual(1);
     expect(screen.getAllByText("检查仓库状态").length).toBeGreaterThanOrEqual(1);
diff --git a/webui/src/tests/settings-view.test.tsx b/webui/src/tests/settings-view.test.tsx
index eac0b9c6..85a35b95 100644
--- a/webui/src/tests/settings-view.test.tsx
+++ b/webui/src/tests/settings-view.test.tsx
@@ -159,8 +159,9 @@ const installedAnyGen = {
 
 function renderSettingsView(
   options: {
-    initialSection?: "overview" | "apps" | "advanced" | "models";
+    initialSection?: "overview" | "apps" | "automations" | "advanced" | "models";
     initialSettings?: SettingsPayload;
+    showSidebar?: boolean;
     onSettingsChange?: (payload: SettingsPayload) => void;
     onNativeEngineRestart?: () => Promise<string>;
   } = {},
@@ -171,6 +172,7 @@ function renderSettingsView(
         theme="light"
         initialSection={options.initialSection ?? "apps"}
         initialSettings={options.initialSettings}
+        showSidebar={options.showSidebar}
         onToggleTheme={() => {}}
         onBackToChat={() => {}}
         onModelNameChange={() => {}}
@@ -187,6 +189,25 @@ describe("SettingsView Apps catalog", () => {
     vi.unstubAllGlobals();
   });
 
+  it("does not show the Settings kicker on the standalone Automations surface", async () => {
+    vi.stubGlobal("fetch", vi.fn(async (input: RequestInfo | URL) => {
+      const url = String(input);
+      if (url === "/api/settings") return jsonResponse(settingsPayload());
+      if (url === "/api/webui/automations") return jsonResponse({ jobs: [] });
+      return jsonResponse({});
+    }));
+
+    renderSettingsView({
+      initialSection: "automations",
+      initialSettings: settingsPayload(),
+      showSidebar: false,
+    });
+
+    expect(screen.getByRole("heading", { name: "Automations" })).toBeInTheDocument();
+    expect(await screen.findByText("No automations yet.")).toBeInTheDocument();
+    expect(screen.queryByText("Settings")).not.toBeInTheDocument();
+  });
+
   it("shows a visible uninstall button for installed CLI apps and calls uninstall", async () => {
     const fetchMock = vi.fn(async (input: RequestInfo | URL) => {
       const url = String(input);

From 153f2d9529670a756c967d4223cf27deeef7064d Mon Sep 17 00:00:00 2001
From: chengyongru <chengyongru.ai@gmail.com>
Date: Mon, 15 Jun 2026 18:12:54 +0800
Subject: [PATCH 18/38] fix(webui): move automations after skills

---
 webui/src/components/Sidebar.tsx    | 14 +++++++-------
 webui/src/tests/app-layout.test.tsx | 17 +++++++++++++++++
 2 files changed, 24 insertions(+), 7 deletions(-)

diff --git a/webui/src/components/Sidebar.tsx b/webui/src/components/Sidebar.tsx
index 48725dce..66a8bd41 100644
--- a/webui/src/components/Sidebar.tsx
+++ b/webui/src/components/Sidebar.tsx
@@ -161,13 +161,6 @@ export function Sidebar(props: SidebarProps) {
           active={props.activeUtility === "apps"}
           icon={<Blocks className="h-4 w-4" />}
         />
-        <SidebarActionButton
-          collapsed={collapsed}
-          label={t("sidebar.automations", { defaultValue: "Automations" })}
-          onClick={props.onOpenAutomations}
-          active={props.activeUtility === "automations"}
-          icon={<CalendarClock className="h-4 w-4" />}
-        />
         <SidebarActionButton
           collapsed={collapsed}
           label={t("sidebar.skills.title")}
@@ -175,6 +168,13 @@ export function Sidebar(props: SidebarProps) {
           active={props.activeUtility === "skills"}
           icon={<Brain className="h-4 w-4" />}
         />
+        <SidebarActionButton
+          collapsed={collapsed}
+          label={t("sidebar.automations", { defaultValue: "Automations" })}
+          onClick={props.onOpenAutomations}
+          active={props.activeUtility === "automations"}
+          icon={<CalendarClock className="h-4 w-4" />}
+        />
         {props.archivedCount ? (
           <SidebarActionButton
             collapsed={collapsed}
diff --git a/webui/src/tests/app-layout.test.tsx b/webui/src/tests/app-layout.test.tsx
index 75ae92a8..59b22339 100644
--- a/webui/src/tests/app-layout.test.tsx
+++ b/webui/src/tests/app-layout.test.tsx
@@ -271,6 +271,23 @@ describe("App layout", () => {
     expect(asideClassNames.some((cls) => cls.includes("lg:block"))).toBe(true);
   });
 
+  it("places Automations after Skills in the main sidebar", async () => {
+    render(<App />);
+
+    await waitFor(() => expect(connectSpy).toHaveBeenCalled());
+    const sidebar = screen.getByRole("navigation", { name: "Sidebar navigation" });
+    const appsButton = within(sidebar).getByRole("button", { name: "Apps" });
+    const skillsButton = within(sidebar).getByRole("button", { name: "Skills" });
+    const automationsButton = within(sidebar).getByRole("button", { name: "Automations" });
+
+    expect(appsButton.compareDocumentPosition(skillsButton) & Node.DOCUMENT_POSITION_FOLLOWING)
+      .toBeTruthy();
+    expect(
+      skillsButton.compareDocumentPosition(automationsButton) &
+        Node.DOCUMENT_POSITION_FOLLOWING,
+    ).toBeTruthy();
+  });
+
   it("opens Skills from the main sidebar", async () => {
     mockFetchRoutes({
       "/api/settings": baseSettingsPayload(),

From 03c79817acfbb6d8d148bb0c875c3915be979d44 Mon Sep 17 00:00:00 2001
From: chengyongru <chengyongru.ai@gmail.com>
Date: Mon, 15 Jun 2026 18:25:00 +0800
Subject: [PATCH 19/38] test(websocket): expect session refresh after turn end

---
 tests/channels/test_websocket_channel.py | 25 +++++++++++++++---------
 1 file changed, 16 insertions(+), 9 deletions(-)

diff --git a/tests/channels/test_websocket_channel.py b/tests/channels/test_websocket_channel.py
index 777c30d7..a164796d 100644
--- a/tests/channels/test_websocket_channel.py
+++ b/tests/channels/test_websocket_channel.py
@@ -168,6 +168,10 @@ async def _recv_ws_event(client: Any, event: str) -> dict[str, Any]:
     raise AssertionError(f"websocket event {event!r} was not received")
 
 
+def _sent_ws_payloads(mock_ws: AsyncMock) -> list[dict[str, Any]]:
+    return [json.loads(call.args[0]) for call in mock_ws.send.await_args_list]
+
+
 def test_normalize_http_path_strips_trailing_slash_except_root() -> None:
     assert _normalize_http_path("/chat/") == "/chat"
     assert _normalize_http_path("/chat?x=1") == "/chat"
@@ -1274,9 +1278,10 @@ async def test_send_turn_end_emits_turn_end_event() -> None:
         metadata={"_turn_end": True},
     ))
 
-    mock_ws.send.assert_awaited_once()
-    body = json.loads(mock_ws.send.await_args.args[0])
-    assert body == {"event": "turn_end", "chat_id": "chat-1"}
+    assert _sent_ws_payloads(mock_ws) == [
+        {"event": "turn_end", "chat_id": "chat-1"},
+        {"event": "session_updated", "chat_id": "chat-1", "scope": "thread"},
+    ]
 
 
 @pytest.mark.asyncio
@@ -1293,9 +1298,10 @@ async def test_send_turn_end_includes_latency_ms_when_present() -> None:
         metadata={"_turn_end": True, "latency_ms": 1500},
     ))
 
-    mock_ws.send.assert_awaited_once()
-    body = json.loads(mock_ws.send.await_args.args[0])
-    assert body == {"event": "turn_end", "chat_id": "chat-1", "latency_ms": 1500}
+    assert _sent_ws_payloads(mock_ws) == [
+        {"event": "turn_end", "chat_id": "chat-1", "latency_ms": 1500},
+        {"event": "session_updated", "chat_id": "chat-1", "scope": "thread"},
+    ]
 
 
 @pytest.mark.asyncio
@@ -1313,9 +1319,10 @@ async def test_send_turn_end_includes_goal_state_when_present() -> None:
         metadata={"_turn_end": True, "goal_state": blob},
     ))
 
-    mock_ws.send.assert_awaited_once()
-    body = json.loads(mock_ws.send.await_args.args[0])
-    assert body == {"event": "turn_end", "chat_id": "chat-1", "goal_state": blob}
+    assert _sent_ws_payloads(mock_ws) == [
+        {"event": "turn_end", "chat_id": "chat-1", "goal_state": blob},
+        {"event": "session_updated", "chat_id": "chat-1", "scope": "thread"},
+    ]
 
 
 @pytest.mark.asyncio

From 85a3ff13723feb7d6f3ce02ca31db39fcef3f7ac Mon Sep 17 00:00:00 2001
From: chengyongru <2755839590@qq.com>
Date: Mon, 15 Jun 2026 20:29:18 +0800
Subject: [PATCH 20/38] fix(webui): smooth automation detail overflow

---
 .../src/components/settings/SettingsView.tsx  | 62 +++++++++++++--
 webui/src/i18n/locales/en/common.json         |  6 ++
 webui/src/i18n/locales/es/common.json         |  6 ++
 webui/src/i18n/locales/fr/common.json         |  6 ++
 webui/src/i18n/locales/id/common.json         |  6 ++
 webui/src/i18n/locales/ja/common.json         |  6 ++
 webui/src/i18n/locales/ko/common.json         |  6 ++
 webui/src/i18n/locales/vi/common.json         |  6 ++
 webui/src/i18n/locales/zh-CN/common.json      |  6 ++
 webui/src/i18n/locales/zh-TW/common.json      |  6 ++
 webui/src/tests/app-layout.test.tsx           | 77 +++++++++++++++++++
 11 files changed, 188 insertions(+), 5 deletions(-)

diff --git a/webui/src/components/settings/SettingsView.tsx b/webui/src/components/settings/SettingsView.tsx
index 2e44d4df..e5726167 100644
--- a/webui/src/components/settings/SettingsView.tsx
+++ b/webui/src/components/settings/SettingsView.tsx
@@ -3710,6 +3710,14 @@ function AutomationDetailPanel({
   const updated = job.updated_at_ms ? fmtDateTime(job.updated_at_ms, locale) : null;
   const message = job.payload.message || tx("settings.automations.systemTask", "System-managed automation");
   const schedule = formatAutomationSchedule(job, locale, tx);
+  const [messageExpanded, setMessageExpanded] = useState(false);
+  const [historyExpanded, setHistoryExpanded] = useState(false);
+  const messageNeedsExpansion = automationMessageNeedsExpansion(message);
+
+  useEffect(() => {
+    setMessageExpanded(false);
+    setHistoryExpanded(false);
+  }, [job.id]);
 
   return (
     <article className="min-w-0 overflow-hidden rounded-[24px] border border-border/45 bg-card/90 shadow-[0_24px_80px_rgba(15,23,42,0.065)] backdrop-blur-xl">
@@ -3745,9 +3753,25 @@ function AutomationDetailPanel({
             <div className="text-[11px] font-medium leading-none text-muted-foreground/75">
               {tx("settings.automations.fields.message", "Message")}
             </div>
-            <div className="mt-3 max-h-64 overflow-y-auto whitespace-pre-wrap break-words text-[13px] leading-6 text-foreground/85">
+            <div
+              className={cn(
+                "mt-3 whitespace-pre-wrap break-words text-[13px] leading-6 text-foreground/85",
+                !messageExpanded && messageNeedsExpansion && "line-clamp-6",
+              )}
+            >
               {message}
             </div>
+            {messageNeedsExpansion ? (
+              <button
+                type="button"
+                className="mt-3 inline-flex text-[12px] font-medium text-muted-foreground underline-offset-2 hover:text-foreground hover:underline"
+                onClick={() => setMessageExpanded((value) => !value)}
+              >
+                {messageExpanded
+                  ? tx("settings.automations.message.showLess", "Show less")
+                  : tx("settings.automations.message.showMore", "Show full message")}
+              </button>
+            ) : null}
           </section>
 
           <div className="grid gap-3 md:grid-cols-3">
@@ -3800,7 +3824,13 @@ function AutomationDetailPanel({
             </div>
           ) : null}
 
-          <AutomationRunHistory history={history} locale={locale} tx={tx} />
+          <AutomationRunHistory
+            expanded={historyExpanded}
+            history={history}
+            locale={locale}
+            onExpandedChange={setHistoryExpanded}
+            tx={tx}
+          />
         </div>
 
         <aside className="border-t border-border/35 bg-muted/20 p-4 text-[12px] text-muted-foreground sm:p-5 xl:border-l xl:border-t-0">
@@ -3917,17 +3947,26 @@ function AutomationActionGroup({
   );
 }
 
+function automationMessageNeedsExpansion(message: string): boolean {
+  return message.length > 360 || message.split(/\r?\n/).length > 6;
+}
+
 function AutomationRunHistory({
+  expanded,
   history,
   locale,
+  onExpandedChange,
   tx,
 }: {
+  expanded: boolean;
   history: AutomationRunRecord[];
   locale: string;
+  onExpandedChange: (value: boolean) => void;
   tx: (key: string, fallback: string, values?: Record<string, unknown>) => string;
 }) {
   if (!history.length) return null;
-  const recent = history.slice(-4).reverse();
+  const visible = expanded ? [...history].reverse() : history.slice(-4).reverse();
+  const hiddenCount = history.length - visible.length;
 
   return (
     <section className="rounded-[18px] bg-muted/32 px-3 py-3">
@@ -3936,11 +3975,11 @@ function AutomationRunHistory({
           {tx("settings.automations.history.timeline", "Run history")}
         </h4>
         <span className="text-[11px] leading-none text-muted-foreground tabular-nums">
-          {recent.length}
+          {history.length}
         </span>
       </div>
       <div className="space-y-2">
-        {recent.map((run) => {
+        {visible.map((run) => {
           const status = automationRunStatusLabel(run.status, tx);
           const duration = run.duration_ms === undefined
             ? null
@@ -3975,6 +4014,19 @@ function AutomationRunHistory({
           );
         })}
       </div>
+      {history.length > 4 ? (
+        <button
+          type="button"
+          className="mt-3 inline-flex text-[12px] font-medium text-muted-foreground underline-offset-2 hover:text-foreground hover:underline"
+          onClick={() => onExpandedChange(!expanded)}
+        >
+          {expanded
+            ? tx("settings.automations.history.showRecent", "Show recent runs")
+            : tx("settings.automations.history.showMore", "Show {{count}} more", {
+                count: hiddenCount,
+              })}
+        </button>
+      ) : null}
     </section>
   );
 }
diff --git a/webui/src/i18n/locales/en/common.json b/webui/src/i18n/locales/en/common.json
index c1d558e9..a691b13f 100644
--- a/webui/src/i18n/locales/en/common.json
+++ b/webui/src/i18n/locales/en/common.json
@@ -582,8 +582,14 @@
         "skipped": "Skipped",
         "recent": "Last result",
         "timeline": "Run history",
+        "showMore": "Show {{count}} more",
+        "showRecent": "Show recent runs",
         "statusWithDuration": "{{status}} · {{duration}}"
       },
+      "message": {
+        "showMore": "Show full message",
+        "showLess": "Show less"
+      },
       "meta": {
         "created": "Created {{time}}",
         "updated": "Updated {{time}}"
diff --git a/webui/src/i18n/locales/es/common.json b/webui/src/i18n/locales/es/common.json
index 271a2775..55999f44 100644
--- a/webui/src/i18n/locales/es/common.json
+++ b/webui/src/i18n/locales/es/common.json
@@ -582,8 +582,14 @@
         "skipped": "Omitida",
         "recent": "Último resultado",
         "timeline": "Historial de ejecuciones",
+        "showMore": "Mostrar {{count}} más",
+        "showRecent": "Mostrar ejecuciones recientes",
         "statusWithDuration": "{{status}} · {{duration}}"
       },
+      "message": {
+        "showMore": "Mostrar mensaje completo",
+        "showLess": "Mostrar menos"
+      },
       "meta": {
         "created": "Creada {{time}}",
         "updated": "Actualizada {{time}}"
diff --git a/webui/src/i18n/locales/fr/common.json b/webui/src/i18n/locales/fr/common.json
index caa14483..be33556f 100644
--- a/webui/src/i18n/locales/fr/common.json
+++ b/webui/src/i18n/locales/fr/common.json
@@ -582,8 +582,14 @@
         "skipped": "Ignorée",
         "recent": "Dernier résultat",
         "timeline": "Historique d’exécution",
+        "showMore": "Afficher {{count}} de plus",
+        "showRecent": "Afficher les exécutions récentes",
         "statusWithDuration": "{{status}} · {{duration}}"
       },
+      "message": {
+        "showMore": "Afficher le message complet",
+        "showLess": "Afficher moins"
+      },
       "meta": {
         "created": "Créée {{time}}",
         "updated": "Mise à jour {{time}}"
diff --git a/webui/src/i18n/locales/id/common.json b/webui/src/i18n/locales/id/common.json
index ab25d754..f486f4cb 100644
--- a/webui/src/i18n/locales/id/common.json
+++ b/webui/src/i18n/locales/id/common.json
@@ -582,8 +582,14 @@
         "skipped": "Dilewati",
         "recent": "Hasil terakhir",
         "timeline": "Riwayat eksekusi",
+        "showMore": "Tampilkan {{count}} lagi",
+        "showRecent": "Tampilkan eksekusi terbaru",
         "statusWithDuration": "{{status}} · {{duration}}"
       },
+      "message": {
+        "showMore": "Tampilkan pesan lengkap",
+        "showLess": "Tampilkan lebih sedikit"
+      },
       "meta": {
         "created": "Dibuat {{time}}",
         "updated": "Diperbarui {{time}}"
diff --git a/webui/src/i18n/locales/ja/common.json b/webui/src/i18n/locales/ja/common.json
index d8ee5f2f..faa9eec3 100644
--- a/webui/src/i18n/locales/ja/common.json
+++ b/webui/src/i18n/locales/ja/common.json
@@ -582,8 +582,14 @@
         "skipped": "スキップ",
         "recent": "最新結果",
         "timeline": "実行履歴",
+        "showMore": "さらに {{count}} 件表示",
+        "showRecent": "最近の実行のみ表示",
         "statusWithDuration": "{{status}} · {{duration}}"
       },
+      "message": {
+        "showMore": "メッセージ全文を表示",
+        "showLess": "折りたたむ"
+      },
       "meta": {
         "created": "{{time}} 作成",
         "updated": "{{time}} 更新"
diff --git a/webui/src/i18n/locales/ko/common.json b/webui/src/i18n/locales/ko/common.json
index 2d69741d..73502c40 100644
--- a/webui/src/i18n/locales/ko/common.json
+++ b/webui/src/i18n/locales/ko/common.json
@@ -582,8 +582,14 @@
         "skipped": "건너뜀",
         "recent": "최근 결과",
         "timeline": "실행 기록",
+        "showMore": "{{count}}개 더 보기",
+        "showRecent": "최근 실행만 보기",
         "statusWithDuration": "{{status}} · {{duration}}"
       },
+      "message": {
+        "showMore": "전체 메시지 보기",
+        "showLess": "접기"
+      },
       "meta": {
         "created": "{{time}} 생성",
         "updated": "{{time}} 업데이트"
diff --git a/webui/src/i18n/locales/vi/common.json b/webui/src/i18n/locales/vi/common.json
index 8f2bc3eb..5f565b47 100644
--- a/webui/src/i18n/locales/vi/common.json
+++ b/webui/src/i18n/locales/vi/common.json
@@ -582,8 +582,14 @@
         "skipped": "Đã bỏ qua",
         "recent": "Kết quả gần nhất",
         "timeline": "Lịch sử chạy",
+        "showMore": "Hiển thị thêm {{count}}",
+        "showRecent": "Chỉ hiển thị lần chạy gần đây",
         "statusWithDuration": "{{status}} · {{duration}}"
       },
+      "message": {
+        "showMore": "Hiển thị toàn bộ tin nhắn",
+        "showLess": "Thu gọn"
+      },
       "meta": {
         "created": "Tạo lúc {{time}}",
         "updated": "Cập nhật lúc {{time}}"
diff --git a/webui/src/i18n/locales/zh-CN/common.json b/webui/src/i18n/locales/zh-CN/common.json
index b9889bd3..e3d13ff3 100644
--- a/webui/src/i18n/locales/zh-CN/common.json
+++ b/webui/src/i18n/locales/zh-CN/common.json
@@ -582,8 +582,14 @@
         "skipped": "已跳过",
         "recent": "最近结果",
         "timeline": "运行记录",
+        "showMore": "再显示 {{count}} 条",
+        "showRecent": "只看最近记录",
         "statusWithDuration": "{{status}} · {{duration}}"
       },
+      "message": {
+        "showMore": "查看完整消息",
+        "showLess": "收起消息"
+      },
       "meta": {
         "created": "创建于 {{time}}",
         "updated": "更新于 {{time}}"
diff --git a/webui/src/i18n/locales/zh-TW/common.json b/webui/src/i18n/locales/zh-TW/common.json
index 61dc689a..9ec2bb97 100644
--- a/webui/src/i18n/locales/zh-TW/common.json
+++ b/webui/src/i18n/locales/zh-TW/common.json
@@ -582,8 +582,14 @@
         "skipped": "已略過",
         "recent": "最近結果",
         "timeline": "執行記錄",
+        "showMore": "再顯示 {{count}} 筆",
+        "showRecent": "只看最近記錄",
         "statusWithDuration": "{{status}} · {{duration}}"
       },
+      "message": {
+        "showMore": "查看完整訊息",
+        "showLess": "收起訊息"
+      },
       "meta": {
         "created": "建立於 {{time}}",
         "updated": "更新於 {{time}}"
diff --git a/webui/src/tests/app-layout.test.tsx b/webui/src/tests/app-layout.test.tsx
index 59b22339..8fc5a013 100644
--- a/webui/src/tests/app-layout.test.tsx
+++ b/webui/src/tests/app-layout.test.tsx
@@ -558,6 +558,83 @@ describe("App layout", () => {
     });
   });
 
+  it("keeps long automation details expandable without nested scrolling", async () => {
+    const longMessage = [
+      "Review the release plan and prepare a concise status update for the channel.",
+      "Include blockers, owners, follow-up dates, and any risky assumptions that changed since yesterday.",
+      "Keep the output actionable and avoid repeating context that the team already confirmed in the thread.",
+      "If a dependency looks stale, call it out explicitly and ask for a fresh owner update.",
+      "This message is intentionally long enough to require progressive disclosure in the automation details panel.",
+      "The full content should remain available without forcing the user into a small nested scroll area.",
+    ].join("\n");
+    const history = [
+      { run_at_ms: Date.UTC(2026, 3, 12, 10, 0, 0), status: "error", duration_ms: 900, error: "oldest failure" },
+      { run_at_ms: Date.UTC(2026, 3, 13, 10, 0, 0), status: "error", duration_ms: 800, error: "second oldest failure" },
+      { run_at_ms: Date.UTC(2026, 3, 14, 10, 0, 0), status: "ok", duration_ms: 700 },
+      { run_at_ms: Date.UTC(2026, 3, 15, 10, 0, 0), status: "ok", duration_ms: 600 },
+      { run_at_ms: Date.UTC(2026, 3, 16, 10, 0, 0), status: "ok", duration_ms: 500 },
+      { run_at_ms: Date.UTC(2026, 3, 17, 10, 0, 0), status: "ok", duration_ms: 400 },
+    ];
+    mockFetchRoutes({
+      "/api/settings": baseSettingsPayload(),
+      "/api/webui/automations": {
+        jobs: [
+          {
+            id: "long-details",
+            name: "Long detail automation",
+            enabled: true,
+            protected: false,
+            delete_after_run: false,
+            schedule: { kind: "every", every_ms: 3_600_000 },
+            payload: {
+              message: longMessage,
+              kind: "agent_turn",
+              session_key: "websocket:chat-a",
+            },
+            state: {
+              next_run_at_ms: Date.UTC(2026, 3, 18, 10, 0, 0),
+              last_status: "ok",
+              pending: false,
+              run_history: history,
+            },
+            origin: {
+              session_key: "websocket:chat-a",
+              channel: "websocket",
+              chat_id: "chat-a",
+              title: "Release prep",
+              preview: "Check release blockers",
+            },
+          },
+        ],
+      },
+    });
+
+    render(<App />);
+
+    await waitFor(() => expect(connectSpy).toHaveBeenCalled());
+    const sidebar = screen.getByRole("navigation", { name: "Sidebar navigation" });
+    fireEvent.click(within(sidebar).getByRole("button", { name: "Automations" }));
+
+    const detailHeading = await screen.findByRole("heading", { name: "Long detail automation" });
+    const detailPanel = detailHeading.closest("article") as HTMLElement;
+    expect(detailPanel).not.toBeNull();
+    const message = Array.from(detailPanel.querySelectorAll("section div")).find(
+      (node) => node.textContent === longMessage,
+    ) as HTMLElement | undefined;
+    expect(message).toBeTruthy();
+    expect(message!).toHaveClass("line-clamp-6");
+
+    fireEvent.click(within(detailPanel).getByRole("button", { name: "Show full message" }));
+    expect(within(detailPanel).getByRole("button", { name: "Show less" })).toBeInTheDocument();
+    expect(message!).not.toHaveClass("line-clamp-6");
+
+    expect(screen.queryByText(/oldest failure/)).not.toBeInTheDocument();
+    fireEvent.click(within(detailPanel).getByRole("button", { name: "Show 2 more" }));
+    expect(screen.getAllByText(/oldest failure/)).toHaveLength(2);
+    fireEvent.click(within(detailPanel).getByRole("button", { name: "Show recent runs" }));
+    expect(screen.queryByText(/oldest failure/)).not.toBeInTheDocument();
+  });
+
   it("localizes the Automations surface", async () => {
     await i18n.changeLanguage("zh-CN");
     mockFetchRoutes({

From acf408ced251981a01ab1fe24da65986598208b2 Mon Sep 17 00:00:00 2001
From: chengyongru <2755839590@qq.com>
Date: Mon, 15 Jun 2026 21:03:48 +0800
Subject: [PATCH 21/38] fix(webui): collapse automation run history by default

---
 .../src/components/settings/SettingsView.tsx  | 105 +++++++++---------
 webui/src/i18n/locales/en/common.json         |   2 -
 webui/src/i18n/locales/es/common.json         |   2 -
 webui/src/i18n/locales/fr/common.json         |   2 -
 webui/src/i18n/locales/id/common.json         |   2 -
 webui/src/i18n/locales/ja/common.json         |   2 -
 webui/src/i18n/locales/ko/common.json         |   2 -
 webui/src/i18n/locales/vi/common.json         |   2 -
 webui/src/i18n/locales/zh-CN/common.json      |   2 -
 webui/src/i18n/locales/zh-TW/common.json      |   2 -
 webui/src/tests/app-layout.test.tsx           |   8 +-
 11 files changed, 57 insertions(+), 74 deletions(-)

diff --git a/webui/src/components/settings/SettingsView.tsx b/webui/src/components/settings/SettingsView.tsx
index e5726167..2b64fbba 100644
--- a/webui/src/components/settings/SettingsView.tsx
+++ b/webui/src/components/settings/SettingsView.tsx
@@ -3965,67 +3965,64 @@ function AutomationRunHistory({
   tx: (key: string, fallback: string, values?: Record<string, unknown>) => string;
 }) {
   if (!history.length) return null;
-  const visible = expanded ? [...history].reverse() : history.slice(-4).reverse();
-  const hiddenCount = history.length - visible.length;
+  const visible = [...history].reverse();
 
   return (
     <section className="rounded-[18px] bg-muted/32 px-3 py-3">
-      <div className="mb-3 flex items-center justify-between gap-3">
-        <h4 className="text-[12px] font-medium leading-none text-foreground">
+      <button
+        type="button"
+        className="flex w-full items-center justify-between gap-3 text-left"
+        aria-expanded={expanded}
+        onClick={() => onExpandedChange(!expanded)}
+      >
+        <span className="text-[12px] font-medium leading-none text-foreground">
           {tx("settings.automations.history.timeline", "Run history")}
-        </h4>
-        <span className="text-[11px] leading-none text-muted-foreground tabular-nums">
-          {history.length}
         </span>
-      </div>
-      <div className="space-y-2">
-        {visible.map((run) => {
-          const status = automationRunStatusLabel(run.status, tx);
-          const duration = run.duration_ms === undefined
-            ? null
-            : formatAutomationRunDuration(run.duration_ms, locale, tx);
-          return (
-            <div
-              key={`${run.run_at_ms}:${run.status}:${run.duration_ms ?? "none"}`}
-              className="grid grid-cols-[auto_minmax(0,1fr)_auto] items-start gap-2 rounded-[14px] bg-background/62 px-3 py-2"
-            >
-              <span
-                className={cn("mt-1.5 h-1.5 w-1.5 rounded-full", automationRunDotClass(run.status))}
-                aria-hidden
-              />
-              <span className="min-w-0">
+        <span className="inline-flex items-center gap-2 text-[11px] leading-none text-muted-foreground">
+          <span className="tabular-nums">{history.length}</span>
+          <ChevronDown
+            className={cn("h-3.5 w-3.5 transition-transform", expanded && "rotate-180")}
+            aria-hidden
+          />
+        </span>
+      </button>
+      {expanded ? (
+        <div className="mt-3 space-y-2">
+          {visible.map((run) => {
+            const status = automationRunStatusLabel(run.status, tx);
+            const duration = run.duration_ms === undefined
+              ? null
+              : formatAutomationRunDuration(run.duration_ms, locale, tx);
+            return (
+              <div
+                key={`${run.run_at_ms}:${run.status}:${run.duration_ms ?? "none"}`}
+                className="grid grid-cols-[auto_minmax(0,1fr)_auto] items-start gap-2 rounded-[14px] bg-background/62 px-3 py-2"
+              >
                 <span
-                  className="block line-clamp-2 text-[12.5px] leading-5 text-foreground/82"
-                  title={run.error ?? undefined}
-                >
-                  {status}
-                  {run.error ? ` · ${run.error}` : ""}
+                  className={cn("mt-1.5 h-1.5 w-1.5 rounded-full", automationRunDotClass(run.status))}
+                  aria-hidden
+                />
+                <span className="min-w-0">
+                  <span
+                    className="block line-clamp-2 text-[12.5px] leading-5 text-foreground/82"
+                    title={run.error ?? undefined}
+                  >
+                    {status}
+                    {run.error ? ` · ${run.error}` : ""}
+                  </span>
+                  <span className="block truncate text-[11.5px] leading-4 text-muted-foreground">
+                    {fmtDateTime(run.run_at_ms, locale)}
+                  </span>
                 </span>
-                <span className="block truncate text-[11.5px] leading-4 text-muted-foreground">
-                  {fmtDateTime(run.run_at_ms, locale)}
-                </span>
-              </span>
-              {duration ? (
-                <span className="rounded-full bg-muted px-2 py-0.5 text-[11px] leading-4 text-muted-foreground">
-                  {duration}
-                </span>
-              ) : null}
-            </div>
-          );
-        })}
-      </div>
-      {history.length > 4 ? (
-        <button
-          type="button"
-          className="mt-3 inline-flex text-[12px] font-medium text-muted-foreground underline-offset-2 hover:text-foreground hover:underline"
-          onClick={() => onExpandedChange(!expanded)}
-        >
-          {expanded
-            ? tx("settings.automations.history.showRecent", "Show recent runs")
-            : tx("settings.automations.history.showMore", "Show {{count}} more", {
-                count: hiddenCount,
-              })}
-        </button>
+                {duration ? (
+                  <span className="rounded-full bg-muted px-2 py-0.5 text-[11px] leading-4 text-muted-foreground">
+                    {duration}
+                  </span>
+                ) : null}
+              </div>
+            );
+          })}
+        </div>
       ) : null}
     </section>
   );
diff --git a/webui/src/i18n/locales/en/common.json b/webui/src/i18n/locales/en/common.json
index a691b13f..085bb19c 100644
--- a/webui/src/i18n/locales/en/common.json
+++ b/webui/src/i18n/locales/en/common.json
@@ -582,8 +582,6 @@
         "skipped": "Skipped",
         "recent": "Last result",
         "timeline": "Run history",
-        "showMore": "Show {{count}} more",
-        "showRecent": "Show recent runs",
         "statusWithDuration": "{{status}} · {{duration}}"
       },
       "message": {
diff --git a/webui/src/i18n/locales/es/common.json b/webui/src/i18n/locales/es/common.json
index 55999f44..ae36bc52 100644
--- a/webui/src/i18n/locales/es/common.json
+++ b/webui/src/i18n/locales/es/common.json
@@ -582,8 +582,6 @@
         "skipped": "Omitida",
         "recent": "Último resultado",
         "timeline": "Historial de ejecuciones",
-        "showMore": "Mostrar {{count}} más",
-        "showRecent": "Mostrar ejecuciones recientes",
         "statusWithDuration": "{{status}} · {{duration}}"
       },
       "message": {
diff --git a/webui/src/i18n/locales/fr/common.json b/webui/src/i18n/locales/fr/common.json
index be33556f..b7c886c5 100644
--- a/webui/src/i18n/locales/fr/common.json
+++ b/webui/src/i18n/locales/fr/common.json
@@ -582,8 +582,6 @@
         "skipped": "Ignorée",
         "recent": "Dernier résultat",
         "timeline": "Historique d’exécution",
-        "showMore": "Afficher {{count}} de plus",
-        "showRecent": "Afficher les exécutions récentes",
         "statusWithDuration": "{{status}} · {{duration}}"
       },
       "message": {
diff --git a/webui/src/i18n/locales/id/common.json b/webui/src/i18n/locales/id/common.json
index f486f4cb..588bf3a1 100644
--- a/webui/src/i18n/locales/id/common.json
+++ b/webui/src/i18n/locales/id/common.json
@@ -582,8 +582,6 @@
         "skipped": "Dilewati",
         "recent": "Hasil terakhir",
         "timeline": "Riwayat eksekusi",
-        "showMore": "Tampilkan {{count}} lagi",
-        "showRecent": "Tampilkan eksekusi terbaru",
         "statusWithDuration": "{{status}} · {{duration}}"
       },
       "message": {
diff --git a/webui/src/i18n/locales/ja/common.json b/webui/src/i18n/locales/ja/common.json
index faa9eec3..0c0bb222 100644
--- a/webui/src/i18n/locales/ja/common.json
+++ b/webui/src/i18n/locales/ja/common.json
@@ -582,8 +582,6 @@
         "skipped": "スキップ",
         "recent": "最新結果",
         "timeline": "実行履歴",
-        "showMore": "さらに {{count}} 件表示",
-        "showRecent": "最近の実行のみ表示",
         "statusWithDuration": "{{status}} · {{duration}}"
       },
       "message": {
diff --git a/webui/src/i18n/locales/ko/common.json b/webui/src/i18n/locales/ko/common.json
index 73502c40..a7ac679a 100644
--- a/webui/src/i18n/locales/ko/common.json
+++ b/webui/src/i18n/locales/ko/common.json
@@ -582,8 +582,6 @@
         "skipped": "건너뜀",
         "recent": "최근 결과",
         "timeline": "실행 기록",
-        "showMore": "{{count}}개 더 보기",
-        "showRecent": "최근 실행만 보기",
         "statusWithDuration": "{{status}} · {{duration}}"
       },
       "message": {
diff --git a/webui/src/i18n/locales/vi/common.json b/webui/src/i18n/locales/vi/common.json
index 5f565b47..be264693 100644
--- a/webui/src/i18n/locales/vi/common.json
+++ b/webui/src/i18n/locales/vi/common.json
@@ -582,8 +582,6 @@
         "skipped": "Đã bỏ qua",
         "recent": "Kết quả gần nhất",
         "timeline": "Lịch sử chạy",
-        "showMore": "Hiển thị thêm {{count}}",
-        "showRecent": "Chỉ hiển thị lần chạy gần đây",
         "statusWithDuration": "{{status}} · {{duration}}"
       },
       "message": {
diff --git a/webui/src/i18n/locales/zh-CN/common.json b/webui/src/i18n/locales/zh-CN/common.json
index e3d13ff3..36e80dba 100644
--- a/webui/src/i18n/locales/zh-CN/common.json
+++ b/webui/src/i18n/locales/zh-CN/common.json
@@ -582,8 +582,6 @@
         "skipped": "已跳过",
         "recent": "最近结果",
         "timeline": "运行记录",
-        "showMore": "再显示 {{count}} 条",
-        "showRecent": "只看最近记录",
         "statusWithDuration": "{{status}} · {{duration}}"
       },
       "message": {
diff --git a/webui/src/i18n/locales/zh-TW/common.json b/webui/src/i18n/locales/zh-TW/common.json
index 9ec2bb97..6e5e7713 100644
--- a/webui/src/i18n/locales/zh-TW/common.json
+++ b/webui/src/i18n/locales/zh-TW/common.json
@@ -582,8 +582,6 @@
         "skipped": "已略過",
         "recent": "最近結果",
         "timeline": "執行記錄",
-        "showMore": "再顯示 {{count}} 筆",
-        "showRecent": "只看最近記錄",
         "statusWithDuration": "{{status}} · {{duration}}"
       },
       "message": {
diff --git a/webui/src/tests/app-layout.test.tsx b/webui/src/tests/app-layout.test.tsx
index 8fc5a013..965d89ce 100644
--- a/webui/src/tests/app-layout.test.tsx
+++ b/webui/src/tests/app-layout.test.tsx
@@ -629,9 +629,13 @@ describe("App layout", () => {
     expect(message!).not.toHaveClass("line-clamp-6");
 
     expect(screen.queryByText(/oldest failure/)).not.toBeInTheDocument();
-    fireEvent.click(within(detailPanel).getByRole("button", { name: "Show 2 more" }));
+    const historyToggle = within(detailPanel).getByRole("button", { name: /Run history/ });
+    expect(historyToggle).toHaveAttribute("aria-expanded", "false");
+    fireEvent.click(historyToggle);
+    expect(historyToggle).toHaveAttribute("aria-expanded", "true");
     expect(screen.getAllByText(/oldest failure/)).toHaveLength(2);
-    fireEvent.click(within(detailPanel).getByRole("button", { name: "Show recent runs" }));
+    fireEvent.click(historyToggle);
+    expect(historyToggle).toHaveAttribute("aria-expanded", "false");
     expect(screen.queryByText(/oldest failure/)).not.toBeInTheDocument();
   });
 

From 3aa90e539c8d4b219315e3b5386a53da55dfc346 Mon Sep 17 00:00:00 2001
From: chengyongru <2755839590@qq.com>
Date: Mon, 15 Jun 2026 21:54:09 +0800
Subject: [PATCH 22/38] fix(webui): make automation history diagnostic

---
 .../src/components/settings/SettingsView.tsx  | 135 ++++++++++++------
 webui/src/i18n/locales/en/common.json         |  12 +-
 webui/src/i18n/locales/es/common.json         |  12 +-
 webui/src/i18n/locales/fr/common.json         |  12 +-
 webui/src/i18n/locales/id/common.json         |  12 +-
 webui/src/i18n/locales/ja/common.json         |  12 +-
 webui/src/i18n/locales/ko/common.json         |  12 +-
 webui/src/i18n/locales/vi/common.json         |  12 +-
 webui/src/i18n/locales/zh-CN/common.json      |  12 +-
 webui/src/i18n/locales/zh-TW/common.json      |  12 +-
 webui/src/tests/app-layout.test.tsx           |  17 ++-
 webui/src/tests/i18n.test.tsx                 |   5 +-
 12 files changed, 189 insertions(+), 76 deletions(-)

diff --git a/webui/src/components/settings/SettingsView.tsx b/webui/src/components/settings/SettingsView.tsx
index 2b64fbba..77b7b79b 100644
--- a/webui/src/components/settings/SettingsView.tsx
+++ b/webui/src/components/settings/SettingsView.tsx
@@ -3703,8 +3703,7 @@ function AutomationDetailPanel({
     ? `#/chat/${encodeURIComponent(job.origin.session_key)}`
     : null;
   const history = job.state.run_history ?? [];
-  const latestRun = history[history.length - 1];
-  const lastResult = automationLastResult(job, latestRun, locale, tx);
+  const runSummary = automationRunSummary(job, history, locale, tx);
   const needsRecreation = automationNeedsRecreation(job);
   const created = job.created_at_ms ? fmtDateTime(job.created_at_ms, locale) : null;
   const updated = job.updated_at_ms ? fmtDateTime(job.updated_at_ms, locale) : null;
@@ -3782,16 +3781,16 @@ function AutomationDetailPanel({
               {formatAutomationNext(job, tx)}
             </AutomationDetail>
             <AutomationDetail
-              label={tx("settings.automations.history.recent", "Last result")}
-              title={lastResult.title}
-              secondary={lastResult.secondary}
+              label={tx("settings.automations.history.health", "Recent health")}
+              title={runSummary.title}
+              secondary={runSummary.secondary}
             >
               <span className="inline-flex min-w-0 items-center gap-1.5">
                 <span
-                  className={cn("h-1.5 w-1.5 shrink-0 rounded-full", automationResultDotClass(lastResult.tone))}
+                  className={cn("h-1.5 w-1.5 shrink-0 rounded-full", automationResultDotClass(runSummary.tone))}
                   aria-hidden
                 />
-                <span>{lastResult.primary}</span>
+                <span>{runSummary.primary}</span>
               </span>
             </AutomationDetail>
             <AutomationDetail label={tx("settings.automations.labels.origin", "Linked chat")} title={origin}>
@@ -3966,20 +3965,30 @@ function AutomationRunHistory({
 }) {
   if (!history.length) return null;
   const visible = [...history].reverse();
+  const issueCount = history.filter((run) => automationRunNeedsAttention(run.status)).length;
+  const summary = tx("settings.automations.history.summary", "Runs: {{total}} · Issues: {{issues}}", {
+    total: history.length,
+    issues: issueCount,
+  });
 
   return (
     <section className="rounded-[18px] bg-muted/32 px-3 py-3">
       <button
         type="button"
-        className="flex w-full items-center justify-between gap-3 text-left"
+        className="flex w-full min-w-0 items-center justify-between gap-3 text-left"
         aria-expanded={expanded}
         onClick={() => onExpandedChange(!expanded)}
       >
-        <span className="text-[12px] font-medium leading-none text-foreground">
+        <span className="shrink-0 text-[12px] font-medium leading-none text-foreground">
           {tx("settings.automations.history.timeline", "Run history")}
         </span>
-        <span className="inline-flex items-center gap-2 text-[11px] leading-none text-muted-foreground">
-          <span className="tabular-nums">{history.length}</span>
+        <span
+          className={cn(
+            "inline-flex min-w-0 items-center gap-2 text-[11px] leading-none",
+            issueCount ? "text-amber-700 dark:text-amber-300" : "text-muted-foreground",
+          )}
+        >
+          <span className="truncate tabular-nums">{summary}</span>
           <ChevronDown
             className={cn("h-3.5 w-3.5 transition-transform", expanded && "rotate-180")}
             aria-hidden
@@ -3990,9 +3999,21 @@ function AutomationRunHistory({
         <div className="mt-3 space-y-2">
           {visible.map((run) => {
             const status = automationRunStatusLabel(run.status, tx);
+            const needsAttention = automationRunNeedsAttention(run.status);
             const duration = run.duration_ms === undefined
               ? null
               : formatAutomationRunDuration(run.duration_ms, locale, tx);
+            const runTime = fmtDateTime(run.run_at_ms, locale);
+            const runMeta = duration
+              ? tx("settings.automations.history.runMetaWithDuration", "{{time}} · {{duration}}", {
+                  time: runTime,
+                  duration,
+                })
+              : runTime;
+            const primary = needsAttention
+              ? run.error || status
+              : tx("settings.automations.history.noError", "No error recorded");
+            const secondary = needsAttention ? `${status} · ${runMeta}` : runMeta;
             return (
               <div
                 key={`${run.run_at_ms}:${run.status}:${run.duration_ms ?? "none"}`}
@@ -4007,18 +4028,15 @@ function AutomationRunHistory({
                     className="block line-clamp-2 text-[12.5px] leading-5 text-foreground/82"
                     title={run.error ?? undefined}
                   >
-                    {status}
-                    {run.error ? ` · ${run.error}` : ""}
+                    {primary}
                   </span>
                   <span className="block truncate text-[11.5px] leading-4 text-muted-foreground">
-                    {fmtDateTime(run.run_at_ms, locale)}
+                    {secondary}
                   </span>
                 </span>
-                {duration ? (
-                  <span className="rounded-full bg-muted px-2 py-0.5 text-[11px] leading-4 text-muted-foreground">
-                    {duration}
-                  </span>
-                ) : null}
+                <span className="rounded-full bg-muted px-2 py-0.5 text-[11px] leading-4 text-muted-foreground">
+                  {status}
+                </span>
               </div>
             );
           })}
@@ -4028,6 +4046,10 @@ function AutomationRunHistory({
   );
 }
 
+function automationRunNeedsAttention(status: string | null | undefined): boolean {
+  return Boolean(status) && status !== "ok";
+}
+
 function AutomationDetail({
   label,
   title,
@@ -4678,9 +4700,9 @@ function formatAutomationNextTitle(
   return fmtDateTime(job.state.next_run_at_ms, locale);
 }
 
-function automationLastResult(
+function automationRunSummary(
   job: SessionAutomationJob,
-  latestRun: NonNullable<SessionAutomationJob["state"]["run_history"]>[number] | undefined,
+  history: NonNullable<SessionAutomationJob["state"]["run_history"]>,
   locale: string,
   tx: (key: string, fallback: string, values?: Record<string, unknown>) => string,
 ): {
@@ -4700,37 +4722,64 @@ function automationLastResult(
       tone: "warning",
     };
   }
-  if (latestRun) {
-    const status = automationRunStatusLabel(latestRun.status, tx);
-    const duration = latestRun.duration_ms === undefined
-      ? null
-      : formatAutomationRunDuration(latestRun.duration_ms, locale, tx);
-    const primary = duration
-      ? tx("settings.automations.history.statusWithDuration", "{{status}} · {{duration}}", {
-          status,
-          duration,
-        })
-      : status;
-    const secondary = fmtDateTime(latestRun.run_at_ms, locale);
+  const latestRun = history[history.length - 1];
+  const issueRuns = history.filter((run) => automationRunNeedsAttention(run.status));
+  const latestIssue = issueRuns[issueRuns.length - 1];
+  if (latestIssue) {
+    const status = automationRunStatusLabel(latestIssue.status, tx);
+    const runTime = fmtDateTime(latestIssue.run_at_ms, locale);
+    const primary = tx("settings.automations.history.issueCount", "Issues: {{count}}", {
+      count: issueRuns.length,
+    });
+    const secondary = latestIssue.error
+      ? `${latestIssue.error} · ${runTime}`
+      : `${status} · ${runTime}`;
     return {
       primary,
       secondary,
-      title: latestRun.error ? `${secondary} · ${latestRun.error}` : secondary,
-      tone: latestRun.status === "error"
-        ? "danger"
-        : latestRun.status === "skipped"
-          ? "warning"
-          : "success",
+      title: secondary,
+      tone: latestIssue.status === "error" ? "danger" : "warning",
+    };
+  }
+  if (latestRun) {
+    const duration = latestRun.duration_ms === undefined
+      ? null
+      : formatAutomationRunDuration(latestRun.duration_ms, locale, tx);
+    const runTime = fmtDateTime(latestRun.run_at_ms, locale);
+    const secondary = duration
+      ? tx("settings.automations.history.lastRanWithDuration", "Last ran {{time}} · {{duration}}", {
+          time: runTime,
+          duration,
+        })
+      : tx("settings.automations.history.lastRan", "Last ran {{time}}", { time: runTime });
+    return {
+      primary: tx("settings.automations.history.noRecentIssues", "No recent issues"),
+      secondary,
+      title: secondary,
+      tone: "success",
     };
   }
   if (job.state.last_run_at_ms) {
     const status = automationRunStatusLabel(job.state.last_status, tx);
-    const secondary = fmtDateTime(job.state.last_run_at_ms, locale);
+    const runTime = fmtDateTime(job.state.last_run_at_ms, locale);
+    if (!automationRunNeedsAttention(job.state.last_status)) {
+      return {
+        primary: tx("settings.automations.history.noRecentIssues", "No recent issues"),
+        secondary: tx("settings.automations.history.lastRan", "Last ran {{time}}", {
+          time: runTime,
+        }),
+        title: runTime,
+        tone: "success",
+      };
+    }
+    const secondary = job.state.last_error ? `${job.state.last_error} · ${runTime}` : `${status} · ${runTime}`;
     return {
-      primary: status,
+      primary: tx("settings.automations.history.issueCount", "Issues: {{count}}", {
+        count: 1,
+      }),
       secondary,
       title: secondary,
-      tone: job.state.last_status === "error" ? "danger" : "success",
+      tone: job.state.last_status === "error" ? "danger" : "warning",
     };
   }
   const never = tx("settings.automations.last.never", "Never");
@@ -4763,7 +4812,7 @@ function automationRunStatusLabel(
   status: string | null | undefined,
   tx: (key: string, fallback: string, values?: Record<string, unknown>) => string,
 ): string {
-  if (status === "ok") return tx("settings.automations.history.ok", "Completed");
+  if (status === "ok") return tx("settings.automations.history.ok", "Healthy");
   if (status === "error") return tx("settings.automations.history.error", "Error");
   if (status === "skipped") return tx("settings.automations.history.skipped", "Skipped");
   return status || tx("settings.automations.last.unknown", "unknown");
diff --git a/webui/src/i18n/locales/en/common.json b/webui/src/i18n/locales/en/common.json
index 085bb19c..d547a396 100644
--- a/webui/src/i18n/locales/en/common.json
+++ b/webui/src/i18n/locales/en/common.json
@@ -577,12 +577,18 @@
         "unknown": "unknown"
       },
       "history": {
-        "ok": "Completed",
+        "ok": "Healthy",
         "error": "Error",
         "skipped": "Skipped",
-        "recent": "Last result",
+        "health": "Recent health",
         "timeline": "Run history",
-        "statusWithDuration": "{{status}} · {{duration}}"
+        "summary": "Runs: {{total}} · Issues: {{issues}}",
+        "issueCount": "Issues: {{count}}",
+        "noRecentIssues": "No recent issues",
+        "lastRan": "Last ran {{time}}",
+        "lastRanWithDuration": "Last ran {{time}} · {{duration}}",
+        "runMetaWithDuration": "{{time}} · {{duration}}",
+        "noError": "No error recorded"
       },
       "message": {
         "showMore": "Show full message",
diff --git a/webui/src/i18n/locales/es/common.json b/webui/src/i18n/locales/es/common.json
index ae36bc52..e48ceffe 100644
--- a/webui/src/i18n/locales/es/common.json
+++ b/webui/src/i18n/locales/es/common.json
@@ -577,12 +577,18 @@
         "unknown": "desconocido"
       },
       "history": {
-        "ok": "Completada",
+        "ok": "Sin errores",
         "error": "Error",
         "skipped": "Omitida",
-        "recent": "Último resultado",
+        "health": "Estado reciente",
         "timeline": "Historial de ejecuciones",
-        "statusWithDuration": "{{status}} · {{duration}}"
+        "summary": "Ejecuciones: {{total}} · Problemas: {{issues}}",
+        "issueCount": "Problemas: {{count}}",
+        "noRecentIssues": "Sin problemas recientes",
+        "lastRan": "Última ejecución: {{time}}",
+        "lastRanWithDuration": "Última ejecución: {{time}} · {{duration}}",
+        "runMetaWithDuration": "{{time}} · {{duration}}",
+        "noError": "No se registraron errores"
       },
       "message": {
         "showMore": "Mostrar mensaje completo",
diff --git a/webui/src/i18n/locales/fr/common.json b/webui/src/i18n/locales/fr/common.json
index b7c886c5..3cd2e61a 100644
--- a/webui/src/i18n/locales/fr/common.json
+++ b/webui/src/i18n/locales/fr/common.json
@@ -577,12 +577,18 @@
         "unknown": "inconnu"
       },
       "history": {
-        "ok": "Terminée",
+        "ok": "Sans erreur",
         "error": "Erreur",
         "skipped": "Ignorée",
-        "recent": "Dernier résultat",
+        "health": "État récent",
         "timeline": "Historique d’exécution",
-        "statusWithDuration": "{{status}} · {{duration}}"
+        "summary": "Exécutions : {{total}} · Problèmes : {{issues}}",
+        "issueCount": "Problèmes : {{count}}",
+        "noRecentIssues": "Aucun problème récent",
+        "lastRan": "Dernière exécution : {{time}}",
+        "lastRanWithDuration": "Dernière exécution : {{time}} · {{duration}}",
+        "runMetaWithDuration": "{{time}} · {{duration}}",
+        "noError": "Aucune erreur enregistrée"
       },
       "message": {
         "showMore": "Afficher le message complet",
diff --git a/webui/src/i18n/locales/id/common.json b/webui/src/i18n/locales/id/common.json
index 588bf3a1..0adce308 100644
--- a/webui/src/i18n/locales/id/common.json
+++ b/webui/src/i18n/locales/id/common.json
@@ -577,12 +577,18 @@
         "unknown": "tidak dikenal"
       },
       "history": {
-        "ok": "Selesai",
+        "ok": "Tanpa error",
         "error": "Error",
         "skipped": "Dilewati",
-        "recent": "Hasil terakhir",
+        "health": "Status terbaru",
         "timeline": "Riwayat eksekusi",
-        "statusWithDuration": "{{status}} · {{duration}}"
+        "summary": "Eksekusi: {{total}} · Masalah: {{issues}}",
+        "issueCount": "Masalah: {{count}}",
+        "noRecentIssues": "Tidak ada masalah terbaru",
+        "lastRan": "Terakhir berjalan {{time}}",
+        "lastRanWithDuration": "Terakhir berjalan {{time}} · {{duration}}",
+        "runMetaWithDuration": "{{time}} · {{duration}}",
+        "noError": "Tidak ada error tercatat"
       },
       "message": {
         "showMore": "Tampilkan pesan lengkap",
diff --git a/webui/src/i18n/locales/ja/common.json b/webui/src/i18n/locales/ja/common.json
index 0c0bb222..dc9637e3 100644
--- a/webui/src/i18n/locales/ja/common.json
+++ b/webui/src/i18n/locales/ja/common.json
@@ -577,12 +577,18 @@
         "unknown": "不明"
       },
       "history": {
-        "ok": "完了",
+        "ok": "正常",
         "error": "エラー",
         "skipped": "スキップ",
-        "recent": "最新結果",
+        "health": "最近の状態",
         "timeline": "実行履歴",
-        "statusWithDuration": "{{status}} · {{duration}}"
+        "summary": "実行: {{total}} · 問題: {{issues}}",
+        "issueCount": "問題: {{count}}",
+        "noRecentIssues": "最近の問題なし",
+        "lastRan": "最終実行: {{time}}",
+        "lastRanWithDuration": "最終実行: {{time}} · {{duration}}",
+        "runMetaWithDuration": "{{time}} · {{duration}}",
+        "noError": "エラー記録なし"
       },
       "message": {
         "showMore": "メッセージ全文を表示",
diff --git a/webui/src/i18n/locales/ko/common.json b/webui/src/i18n/locales/ko/common.json
index a7ac679a..2e3b2a80 100644
--- a/webui/src/i18n/locales/ko/common.json
+++ b/webui/src/i18n/locales/ko/common.json
@@ -577,12 +577,18 @@
         "unknown": "알 수 없음"
       },
       "history": {
-        "ok": "완료",
+        "ok": "정상",
         "error": "오류",
         "skipped": "건너뜀",
-        "recent": "최근 결과",
+        "health": "최근 상태",
         "timeline": "실행 기록",
-        "statusWithDuration": "{{status}} · {{duration}}"
+        "summary": "실행: {{total}} · 문제: {{issues}}",
+        "issueCount": "문제: {{count}}",
+        "noRecentIssues": "최근 문제 없음",
+        "lastRan": "마지막 실행: {{time}}",
+        "lastRanWithDuration": "마지막 실행: {{time}} · {{duration}}",
+        "runMetaWithDuration": "{{time}} · {{duration}}",
+        "noError": "기록된 오류 없음"
       },
       "message": {
         "showMore": "전체 메시지 보기",
diff --git a/webui/src/i18n/locales/vi/common.json b/webui/src/i18n/locales/vi/common.json
index be264693..4561507f 100644
--- a/webui/src/i18n/locales/vi/common.json
+++ b/webui/src/i18n/locales/vi/common.json
@@ -577,12 +577,18 @@
         "unknown": "không xác định"
       },
       "history": {
-        "ok": "Hoàn tất",
+        "ok": "Ổn",
         "error": "Lỗi",
         "skipped": "Đã bỏ qua",
-        "recent": "Kết quả gần nhất",
+        "health": "Tình trạng gần đây",
         "timeline": "Lịch sử chạy",
-        "statusWithDuration": "{{status}} · {{duration}}"
+        "summary": "Lượt chạy: {{total}} · Vấn đề: {{issues}}",
+        "issueCount": "Vấn đề: {{count}}",
+        "noRecentIssues": "Không có vấn đề gần đây",
+        "lastRan": "Chạy lần cuối {{time}}",
+        "lastRanWithDuration": "Chạy lần cuối {{time}} · {{duration}}",
+        "runMetaWithDuration": "{{time}} · {{duration}}",
+        "noError": "Không ghi nhận lỗi"
       },
       "message": {
         "showMore": "Hiển thị toàn bộ tin nhắn",
diff --git a/webui/src/i18n/locales/zh-CN/common.json b/webui/src/i18n/locales/zh-CN/common.json
index 36e80dba..5a9efd42 100644
--- a/webui/src/i18n/locales/zh-CN/common.json
+++ b/webui/src/i18n/locales/zh-CN/common.json
@@ -577,12 +577,18 @@
         "unknown": "未知"
       },
       "history": {
-        "ok": "完成",
+        "ok": "正常",
         "error": "错误",
         "skipped": "已跳过",
-        "recent": "最近结果",
+        "health": "最近健康状态",
         "timeline": "运行记录",
-        "statusWithDuration": "{{status}} · {{duration}}"
+        "summary": "运行：{{total}} · 问题：{{issues}}",
+        "issueCount": "问题：{{count}}",
+        "noRecentIssues": "近期无问题",
+        "lastRan": "最后运行于 {{time}}",
+        "lastRanWithDuration": "最后运行于 {{time}} · {{duration}}",
+        "runMetaWithDuration": "{{time}} · {{duration}}",
+        "noError": "未记录错误"
       },
       "message": {
         "showMore": "查看完整消息",
diff --git a/webui/src/i18n/locales/zh-TW/common.json b/webui/src/i18n/locales/zh-TW/common.json
index 6e5e7713..7d1f9a00 100644
--- a/webui/src/i18n/locales/zh-TW/common.json
+++ b/webui/src/i18n/locales/zh-TW/common.json
@@ -577,12 +577,18 @@
         "unknown": "未知"
       },
       "history": {
-        "ok": "完成",
+        "ok": "正常",
         "error": "錯誤",
         "skipped": "已略過",
-        "recent": "最近結果",
+        "health": "最近健康狀態",
         "timeline": "執行記錄",
-        "statusWithDuration": "{{status}} · {{duration}}"
+        "summary": "執行：{{total}} · 問題：{{issues}}",
+        "issueCount": "問題：{{count}}",
+        "noRecentIssues": "近期無問題",
+        "lastRan": "最後執行於 {{time}}",
+        "lastRanWithDuration": "最後執行於 {{time}} · {{duration}}",
+        "runMetaWithDuration": "{{time}} · {{duration}}",
+        "noError": "未記錄錯誤"
       },
       "message": {
         "showMore": "查看完整訊息",
diff --git a/webui/src/tests/app-layout.test.tsx b/webui/src/tests/app-layout.test.tsx
index 965d89ce..7f4cbc04 100644
--- a/webui/src/tests/app-layout.test.tsx
+++ b/webui/src/tests/app-layout.test.tsx
@@ -628,15 +628,21 @@ describe("App layout", () => {
     expect(within(detailPanel).getByRole("button", { name: "Show less" })).toBeInTheDocument();
     expect(message!).not.toHaveClass("line-clamp-6");
 
-    expect(screen.queryByText(/oldest failure/)).not.toBeInTheDocument();
+    expect(within(detailPanel).getByText("Recent health")).toBeInTheDocument();
+    expect(within(detailPanel).getByText("Issues: 2")).toBeInTheDocument();
     const historyToggle = within(detailPanel).getByRole("button", { name: /Run history/ });
+    const historySection = historyToggle.closest("section") as HTMLElement;
+    expect(historySection).not.toBeNull();
+    expect(within(historySection).queryByText(/oldest failure/)).not.toBeInTheDocument();
     expect(historyToggle).toHaveAttribute("aria-expanded", "false");
+    expect(historyToggle).toHaveTextContent("Runs: 6 · Issues: 2");
     fireEvent.click(historyToggle);
     expect(historyToggle).toHaveAttribute("aria-expanded", "true");
-    expect(screen.getAllByText(/oldest failure/)).toHaveLength(2);
+    expect(within(historySection).getAllByText(/oldest failure/)).toHaveLength(2);
+    expect(within(detailPanel).getAllByText("No error recorded").length).toBeGreaterThanOrEqual(1);
     fireEvent.click(historyToggle);
     expect(historyToggle).toHaveAttribute("aria-expanded", "false");
-    expect(screen.queryByText(/oldest failure/)).not.toBeInTheDocument();
+    expect(within(historySection).queryByText(/oldest failure/)).not.toBeInTheDocument();
   });
 
   it("localizes the Automations surface", async () => {
@@ -697,8 +703,9 @@ describe("App layout", () => {
     expect(screen.getAllByText("每日检查").length).toBeGreaterThanOrEqual(1);
     expect(screen.getAllByText("检查仓库状态").length).toBeGreaterThanOrEqual(1);
     expect(screen.getByText("每 1天")).toBeInTheDocument();
-    expect(screen.getByText("最近结果")).toBeInTheDocument();
-    expect(screen.getByText("完成 · 不到 1 秒")).toBeInTheDocument();
+    expect(screen.getByText("最近健康状态")).toBeInTheDocument();
+    expect(screen.getByText("近期无问题")).toBeInTheDocument();
+    expect(screen.getByText(/最后运行于/)).toBeInTheDocument();
     expect(screen.queryByText("Workspace automations")).not.toBeInTheDocument();
     expect(screen.queryByRole("button", { name: "刷新" })).not.toBeInTheDocument();
     expect(document.title).toBe("自动任务 · nanobot");
diff --git a/webui/src/tests/i18n.test.tsx b/webui/src/tests/i18n.test.tsx
index b41bd0ad..95fe29fa 100644
--- a/webui/src/tests/i18n.test.tsx
+++ b/webui/src/tests/i18n.test.tsx
@@ -56,7 +56,10 @@ const LOCALIZED_SETTINGS_COPY_KEYS = [
   "settings.automations.labels.schedule",
   "settings.automations.status.active",
   "settings.automations.history.ok",
-  "settings.automations.history.recent",
+  "settings.automations.history.health",
+  "settings.automations.history.summary",
+  "settings.automations.history.noRecentIssues",
+  "settings.automations.history.noError",
   "settings.automations.duration.lessThanSecond",
   "settings.automations.deleteTitle",
   "settings.sections.interface",

From 87aaf8991a9a141c164f119e9f443aed3aa97bb5 Mon Sep 17 00:00:00 2001
From: chengyongru <2755839590@qq.com>
Date: Mon, 15 Jun 2026 22:52:26 +0800
Subject: [PATCH 23/38] fix(webui): simplify automation details

---
 .../src/components/settings/SettingsView.tsx  | 261 +-----------------
 webui/src/i18n/locales/en/common.json         |  17 --
 webui/src/i18n/locales/es/common.json         |  17 --
 webui/src/i18n/locales/fr/common.json         |  17 --
 webui/src/i18n/locales/id/common.json         |  17 --
 webui/src/i18n/locales/ja/common.json         |  17 --
 webui/src/i18n/locales/ko/common.json         |  17 --
 webui/src/i18n/locales/vi/common.json         |  17 --
 webui/src/i18n/locales/zh-CN/common.json      |  17 --
 webui/src/i18n/locales/zh-TW/common.json      |  17 --
 webui/src/tests/app-layout.test.tsx           |  24 +-
 webui/src/tests/i18n.test.tsx                 |   6 -
 12 files changed, 11 insertions(+), 433 deletions(-)

diff --git a/webui/src/components/settings/SettingsView.tsx b/webui/src/components/settings/SettingsView.tsx
index 77b7b79b..c6efe0d0 100644
--- a/webui/src/components/settings/SettingsView.tsx
+++ b/webui/src/components/settings/SettingsView.tsx
@@ -1716,9 +1716,7 @@ export function SettingsView({
         <div
           className={cn(
             "mx-auto w-full px-4 py-6 sm:px-8 sm:py-8 lg:py-12",
-            activeSection === "automations"
-              ? "max-w-[1220px] 2xl:max-w-[1320px]"
-              : "max-w-[920px]",
+            "max-w-[920px]",
             hostChromeInset && "pt-[4.25rem] sm:pt-[4.25rem] lg:pt-[4.75rem]",
           )}
         >
@@ -3547,7 +3545,7 @@ function AutomationsSettings({
           {tx("settings.automations.loading", "Loading automations...")}
         </div>
       ) : filtered.length && selectedJob ? (
-        <section className="grid items-start gap-4 lg:grid-cols-[minmax(18rem,22rem)_minmax(0,1fr)] xl:grid-cols-[minmax(20rem,24rem)_minmax(0,1fr)]">
+        <section className="grid items-start gap-4 xl:grid-cols-[minmax(16rem,18rem)_minmax(0,1fr)]">
           <aside className="overflow-hidden rounded-[24px] border border-border/45 bg-card/80 shadow-[0_22px_70px_rgba(15,23,42,0.055)] backdrop-blur-xl">
             <div className="flex items-center justify-between gap-3 border-b border-border/35 px-4 py-3">
               <h2 className="text-[13px] font-semibold tracking-[-0.01em] text-foreground/85">
@@ -3603,8 +3601,6 @@ function AutomationsSettings({
   );
 }
 
-type AutomationRunRecord = NonNullable<SessionAutomationJob["state"]["run_history"]>[number];
-
 function AutomationListItem({
   job,
   locale,
@@ -3702,20 +3698,16 @@ function AutomationDetailPanel({
   const originHref = job.origin?.channel === "websocket" && job.origin.session_key
     ? `#/chat/${encodeURIComponent(job.origin.session_key)}`
     : null;
-  const history = job.state.run_history ?? [];
-  const runSummary = automationRunSummary(job, history, locale, tx);
   const needsRecreation = automationNeedsRecreation(job);
   const created = job.created_at_ms ? fmtDateTime(job.created_at_ms, locale) : null;
   const updated = job.updated_at_ms ? fmtDateTime(job.updated_at_ms, locale) : null;
   const message = job.payload.message || tx("settings.automations.systemTask", "System-managed automation");
   const schedule = formatAutomationSchedule(job, locale, tx);
   const [messageExpanded, setMessageExpanded] = useState(false);
-  const [historyExpanded, setHistoryExpanded] = useState(false);
   const messageNeedsExpansion = automationMessageNeedsExpansion(message);
 
   useEffect(() => {
     setMessageExpanded(false);
-    setHistoryExpanded(false);
   }, [job.id]);
 
   return (
@@ -3746,7 +3738,7 @@ function AutomationDetailPanel({
         </div>
       </div>
 
-      <div className="grid min-w-0 xl:grid-cols-[minmax(0,1fr)_18rem]">
+      <div className="grid min-w-0">
         <div className="min-w-0 space-y-4 p-4 sm:p-5">
           <section className="rounded-[20px] border border-border/35 bg-background/60 px-4 py-3.5">
             <div className="text-[11px] font-medium leading-none text-muted-foreground/75">
@@ -3773,26 +3765,13 @@ function AutomationDetailPanel({
             ) : null}
           </section>
 
-          <div className="grid gap-3 md:grid-cols-3">
+          <div className="grid gap-3 md:grid-cols-2">
             <AutomationDetail
               label={tx("settings.automations.labels.next", "Next")}
               title={formatAutomationNextTitle(job, locale, tx)}
             >
               {formatAutomationNext(job, tx)}
             </AutomationDetail>
-            <AutomationDetail
-              label={tx("settings.automations.history.health", "Recent health")}
-              title={runSummary.title}
-              secondary={runSummary.secondary}
-            >
-              <span className="inline-flex min-w-0 items-center gap-1.5">
-                <span
-                  className={cn("h-1.5 w-1.5 shrink-0 rounded-full", automationResultDotClass(runSummary.tone))}
-                  aria-hidden
-                />
-                <span>{runSummary.primary}</span>
-              </span>
-            </AutomationDetail>
             <AutomationDetail label={tx("settings.automations.labels.origin", "Linked chat")} title={origin}>
               {originHref ? (
                 <a
@@ -3822,17 +3801,9 @@ function AutomationDetailPanel({
               {job.state.last_error}
             </div>
           ) : null}
-
-          <AutomationRunHistory
-            expanded={historyExpanded}
-            history={history}
-            locale={locale}
-            onExpandedChange={setHistoryExpanded}
-            tx={tx}
-          />
         </div>
 
-        <aside className="border-t border-border/35 bg-muted/20 p-4 text-[12px] text-muted-foreground sm:p-5 xl:border-l xl:border-t-0">
+        <aside className="border-t border-border/35 bg-muted/20 p-4 text-[12px] text-muted-foreground sm:p-5">
           <div className="space-y-4">
             <AutomationDetail
               label={tx("settings.automations.labels.schedule", "Schedule")}
@@ -3950,106 +3921,6 @@ function automationMessageNeedsExpansion(message: string): boolean {
   return message.length > 360 || message.split(/\r?\n/).length > 6;
 }
 
-function AutomationRunHistory({
-  expanded,
-  history,
-  locale,
-  onExpandedChange,
-  tx,
-}: {
-  expanded: boolean;
-  history: AutomationRunRecord[];
-  locale: string;
-  onExpandedChange: (value: boolean) => void;
-  tx: (key: string, fallback: string, values?: Record<string, unknown>) => string;
-}) {
-  if (!history.length) return null;
-  const visible = [...history].reverse();
-  const issueCount = history.filter((run) => automationRunNeedsAttention(run.status)).length;
-  const summary = tx("settings.automations.history.summary", "Runs: {{total}} · Issues: {{issues}}", {
-    total: history.length,
-    issues: issueCount,
-  });
-
-  return (
-    <section className="rounded-[18px] bg-muted/32 px-3 py-3">
-      <button
-        type="button"
-        className="flex w-full min-w-0 items-center justify-between gap-3 text-left"
-        aria-expanded={expanded}
-        onClick={() => onExpandedChange(!expanded)}
-      >
-        <span className="shrink-0 text-[12px] font-medium leading-none text-foreground">
-          {tx("settings.automations.history.timeline", "Run history")}
-        </span>
-        <span
-          className={cn(
-            "inline-flex min-w-0 items-center gap-2 text-[11px] leading-none",
-            issueCount ? "text-amber-700 dark:text-amber-300" : "text-muted-foreground",
-          )}
-        >
-          <span className="truncate tabular-nums">{summary}</span>
-          <ChevronDown
-            className={cn("h-3.5 w-3.5 transition-transform", expanded && "rotate-180")}
-            aria-hidden
-          />
-        </span>
-      </button>
-      {expanded ? (
-        <div className="mt-3 space-y-2">
-          {visible.map((run) => {
-            const status = automationRunStatusLabel(run.status, tx);
-            const needsAttention = automationRunNeedsAttention(run.status);
-            const duration = run.duration_ms === undefined
-              ? null
-              : formatAutomationRunDuration(run.duration_ms, locale, tx);
-            const runTime = fmtDateTime(run.run_at_ms, locale);
-            const runMeta = duration
-              ? tx("settings.automations.history.runMetaWithDuration", "{{time}} · {{duration}}", {
-                  time: runTime,
-                  duration,
-                })
-              : runTime;
-            const primary = needsAttention
-              ? run.error || status
-              : tx("settings.automations.history.noError", "No error recorded");
-            const secondary = needsAttention ? `${status} · ${runMeta}` : runMeta;
-            return (
-              <div
-                key={`${run.run_at_ms}:${run.status}:${run.duration_ms ?? "none"}`}
-                className="grid grid-cols-[auto_minmax(0,1fr)_auto] items-start gap-2 rounded-[14px] bg-background/62 px-3 py-2"
-              >
-                <span
-                  className={cn("mt-1.5 h-1.5 w-1.5 rounded-full", automationRunDotClass(run.status))}
-                  aria-hidden
-                />
-                <span className="min-w-0">
-                  <span
-                    className="block line-clamp-2 text-[12.5px] leading-5 text-foreground/82"
-                    title={run.error ?? undefined}
-                  >
-                    {primary}
-                  </span>
-                  <span className="block truncate text-[11.5px] leading-4 text-muted-foreground">
-                    {secondary}
-                  </span>
-                </span>
-                <span className="rounded-full bg-muted px-2 py-0.5 text-[11px] leading-4 text-muted-foreground">
-                  {status}
-                </span>
-              </div>
-            );
-          })}
-        </div>
-      ) : null}
-    </section>
-  );
-}
-
-function automationRunNeedsAttention(status: string | null | undefined): boolean {
-  return Boolean(status) && status !== "ok";
-}
-
 function AutomationDetail({
   label,
   title,
@@ -4700,99 +4571,6 @@ function formatAutomationNextTitle(
   return fmtDateTime(job.state.next_run_at_ms, locale);
 }
 
-function automationRunSummary(
-  job: SessionAutomationJob,
-  history: NonNullable<SessionAutomationJob["state"]["run_history"]>,
-  locale: string,
-  tx: (key: string, fallback: string, values?: Record<string, unknown>) => string,
-): {
-  primary: string;
-  secondary?: string;
-  title: string;
-  tone: "neutral" | "success" | "warning" | "danger";
-} {
-  if (job.state.pending) {
-    const secondary = job.state.last_run_at_ms
-      ? fmtDateTime(job.state.last_run_at_ms, locale)
-      : undefined;
-    return {
-      primary: tx("settings.automations.next.pending", "Running now"),
-      secondary,
-      title: secondary ?? tx("settings.automations.next.pending", "Running now"),
-      tone: "warning",
-    };
-  }
-  const latestRun = history[history.length - 1];
-  const issueRuns = history.filter((run) => automationRunNeedsAttention(run.status));
-  const latestIssue = issueRuns[issueRuns.length - 1];
-  if (latestIssue) {
-    const status = automationRunStatusLabel(latestIssue.status, tx);
-    const runTime = fmtDateTime(latestIssue.run_at_ms, locale);
-    const primary = tx("settings.automations.history.issueCount", "Issues: {{count}}", {
-      count: issueRuns.length,
-    });
-    const secondary = latestIssue.error
-      ? `${latestIssue.error} · ${runTime}`
-      : `${status} · ${runTime}`;
-    return {
-      primary,
-      secondary,
-      title: secondary,
-      tone: latestIssue.status === "error" ? "danger" : "warning",
-    };
-  }
-  if (latestRun) {
-    const duration = latestRun.duration_ms === undefined
-      ? null
-      : formatAutomationRunDuration(latestRun.duration_ms, locale, tx);
-    const runTime = fmtDateTime(latestRun.run_at_ms, locale);
-    const secondary = duration
-      ? tx("settings.automations.history.lastRanWithDuration", "Last ran {{time}} · {{duration}}", {
-          time: runTime,
-          duration,
-        })
-      : tx("settings.automations.history.lastRan", "Last ran {{time}}", { time: runTime });
-    return {
-      primary: tx("settings.automations.history.noRecentIssues", "No recent issues"),
-      secondary,
-      title: secondary,
-      tone: "success",
-    };
-  }
-  if (job.state.last_run_at_ms) {
-    const status = automationRunStatusLabel(job.state.last_status, tx);
-    const runTime = fmtDateTime(job.state.last_run_at_ms, locale);
-    if (!automationRunNeedsAttention(job.state.last_status)) {
-      return {
-        primary: tx("settings.automations.history.noRecentIssues", "No recent issues"),
-        secondary: tx("settings.automations.history.lastRan", "Last ran {{time}}", {
-          time: runTime,
-        }),
-        title: runTime,
-        tone: "success",
-      };
-    }
-    const secondary = job.state.last_error ? `${job.state.last_error} · ${runTime}` : `${status} · ${runTime}`;
-    return {
-      primary: tx("settings.automations.history.issueCount", "Issues: {{count}}", {
-        count: 1,
-      }),
-      secondary,
-      title: secondary,
-      tone: job.state.last_status === "error" ? "danger" : "warning",
-    };
-  }
-  const never = tx("settings.automations.last.never", "Never");
-  return { primary: never, title: never, tone: "neutral" };
-}
-
-function automationResultDotClass(tone: "neutral" | "success" | "warning" | "danger"): string {
-  if (tone === "success") return "bg-emerald-500";
-  if (tone === "warning") return "bg-amber-500";
-  if (tone === "danger") return "bg-destructive";
-  return "bg-muted-foreground/45";
-}
-
 function automationStatusDotClass(job: SessionAutomationJob): string {
   const status = automationStatusKey(job);
   if (status === "active" || status === "running") return "bg-emerald-500";
@@ -4801,23 +4579,6 @@ function automationStatusDotClass(job: SessionAutomationJob): string {
   return "bg-muted-foreground/45";
 }
 
-function automationRunDotClass(status: string): string {
-  if (status === "ok") return "bg-emerald-500";
-  if (status === "error") return "bg-destructive";
-  if (status === "skipped") return "bg-amber-500";
-  return "bg-muted-foreground/45";
-}
-
-function automationRunStatusLabel(
-  status: string | null | undefined,
-  tx: (key: string, fallback: string, values?: Record<string, unknown>) => string,
-): string {
-  if (status === "ok") return tx("settings.automations.history.ok", "Healthy");
-  if (status === "error") return tx("settings.automations.history.error", "Error");
-  if (status === "skipped") return tx("settings.automations.history.skipped", "Skipped");
-  return status || tx("settings.automations.last.unknown", "unknown");
-}
-
 function formatAutomationUnit(
   value: number,
   unit: Intl.NumberFormatOptions["unit"],
@@ -4847,18 +4608,6 @@ function formatAutomationInterval(ms: number, locale: string): string {
   return formatAutomationUnit(ms / fallbackSize, fallbackUnit, locale, 1);
 }
 
-function formatAutomationRunDuration(
-  ms: number | undefined,
-  locale: string,
-  tx: (key: string, fallback: string, values?: Record<string, unknown>) => string,
-): string {
-  if (!ms || ms < 1000) {
-    return tx("settings.automations.duration.lessThanSecond", "< 1 second");
-  }
-  if (ms < 60_000) return formatAutomationUnit(ms / 1000, "second", locale, 1);
-  return formatAutomationUnit(ms / 60_000, "minute", locale, 1);
-}
-
 function AppsCatalogSettings({
   cliApps,
   mcpPresets,
diff --git a/webui/src/i18n/locales/en/common.json b/webui/src/i18n/locales/en/common.json
index d547a396..aaa35a21 100644
--- a/webui/src/i18n/locales/en/common.json
+++ b/webui/src/i18n/locales/en/common.json
@@ -576,20 +576,6 @@
         "never": "Never",
         "unknown": "unknown"
       },
-      "history": {
-        "ok": "Healthy",
-        "error": "Error",
-        "skipped": "Skipped",
-        "health": "Recent health",
-        "timeline": "Run history",
-        "summary": "Runs: {{total}} · Issues: {{issues}}",
-        "issueCount": "Issues: {{count}}",
-        "noRecentIssues": "No recent issues",
-        "lastRan": "Last ran {{time}}",
-        "lastRanWithDuration": "Last ran {{time}} · {{duration}}",
-        "runMetaWithDuration": "{{time}} · {{duration}}",
-        "noError": "No error recorded"
-      },
       "message": {
         "showMore": "Show full message",
         "showLess": "Show less"
@@ -626,9 +612,6 @@
         "cronRequired": "Cron expression is required.",
         "timeRequired": "Run time is required.",
         "futureRequired": "Run time must be in the future."
-      },
-      "duration": {
-        "lessThanSecond": "< 1 second"
       }
     },
     "oauth": {
diff --git a/webui/src/i18n/locales/es/common.json b/webui/src/i18n/locales/es/common.json
index e48ceffe..aba33564 100644
--- a/webui/src/i18n/locales/es/common.json
+++ b/webui/src/i18n/locales/es/common.json
@@ -576,20 +576,6 @@
         "never": "Nunca",
         "unknown": "desconocido"
       },
-      "history": {
-        "ok": "Sin errores",
-        "error": "Error",
-        "skipped": "Omitida",
-        "health": "Estado reciente",
-        "timeline": "Historial de ejecuciones",
-        "summary": "Ejecuciones: {{total}} · Problemas: {{issues}}",
-        "issueCount": "Problemas: {{count}}",
-        "noRecentIssues": "Sin problemas recientes",
-        "lastRan": "Última ejecución: {{time}}",
-        "lastRanWithDuration": "Última ejecución: {{time}} · {{duration}}",
-        "runMetaWithDuration": "{{time}} · {{duration}}",
-        "noError": "No se registraron errores"
-      },
       "message": {
         "showMore": "Mostrar mensaje completo",
         "showLess": "Mostrar menos"
@@ -626,9 +612,6 @@
         "cronRequired": "La expresión cron es obligatoria.",
         "timeRequired": "La hora de ejecución es obligatoria.",
         "futureRequired": "La hora de ejecución debe estar en el futuro."
-      },
-      "duration": {
-        "lessThanSecond": "menos de 1 segundo"
       }
     },
     "oauth": {
diff --git a/webui/src/i18n/locales/fr/common.json b/webui/src/i18n/locales/fr/common.json
index 3cd2e61a..5ce9b6dc 100644
--- a/webui/src/i18n/locales/fr/common.json
+++ b/webui/src/i18n/locales/fr/common.json
@@ -576,20 +576,6 @@
         "never": "Jamais",
         "unknown": "inconnu"
       },
-      "history": {
-        "ok": "Sans erreur",
-        "error": "Erreur",
-        "skipped": "Ignorée",
-        "health": "État récent",
-        "timeline": "Historique d’exécution",
-        "summary": "Exécutions : {{total}} · Problèmes : {{issues}}",
-        "issueCount": "Problèmes : {{count}}",
-        "noRecentIssues": "Aucun problème récent",
-        "lastRan": "Dernière exécution : {{time}}",
-        "lastRanWithDuration": "Dernière exécution : {{time}} · {{duration}}",
-        "runMetaWithDuration": "{{time}} · {{duration}}",
-        "noError": "Aucune erreur enregistrée"
-      },
       "message": {
         "showMore": "Afficher le message complet",
         "showLess": "Afficher moins"
@@ -626,9 +612,6 @@
         "cronRequired": "L’expression cron est obligatoire.",
         "timeRequired": "L’heure d’exécution est obligatoire.",
         "futureRequired": "L’heure d’exécution doit être dans le futur."
-      },
-      "duration": {
-        "lessThanSecond": "moins de 1 seconde"
       }
     },
     "oauth": {
diff --git a/webui/src/i18n/locales/id/common.json b/webui/src/i18n/locales/id/common.json
index 0adce308..adab95db 100644
--- a/webui/src/i18n/locales/id/common.json
+++ b/webui/src/i18n/locales/id/common.json
@@ -576,20 +576,6 @@
         "never": "Belum pernah",
         "unknown": "tidak dikenal"
       },
-      "history": {
-        "ok": "Tanpa error",
-        "error": "Error",
-        "skipped": "Dilewati",
-        "health": "Status terbaru",
-        "timeline": "Riwayat eksekusi",
-        "summary": "Eksekusi: {{total}} · Masalah: {{issues}}",
-        "issueCount": "Masalah: {{count}}",
-        "noRecentIssues": "Tidak ada masalah terbaru",
-        "lastRan": "Terakhir berjalan {{time}}",
-        "lastRanWithDuration": "Terakhir berjalan {{time}} · {{duration}}",
-        "runMetaWithDuration": "{{time}} · {{duration}}",
-        "noError": "Tidak ada error tercatat"
-      },
       "message": {
         "showMore": "Tampilkan pesan lengkap",
         "showLess": "Tampilkan lebih sedikit"
@@ -626,9 +612,6 @@
         "cronRequired": "Ekspresi cron wajib diisi.",
         "timeRequired": "Waktu eksekusi wajib diisi.",
         "futureRequired": "Waktu eksekusi harus berada di masa depan."
-      },
-      "duration": {
-        "lessThanSecond": "kurang dari 1 detik"
       }
     },
     "oauth": {
diff --git a/webui/src/i18n/locales/ja/common.json b/webui/src/i18n/locales/ja/common.json
index dc9637e3..632b4f42 100644
--- a/webui/src/i18n/locales/ja/common.json
+++ b/webui/src/i18n/locales/ja/common.json
@@ -576,20 +576,6 @@
         "never": "未実行",
         "unknown": "不明"
       },
-      "history": {
-        "ok": "正常",
-        "error": "エラー",
-        "skipped": "スキップ",
-        "health": "最近の状態",
-        "timeline": "実行履歴",
-        "summary": "実行: {{total}} · 問題: {{issues}}",
-        "issueCount": "問題: {{count}}",
-        "noRecentIssues": "最近の問題なし",
-        "lastRan": "最終実行: {{time}}",
-        "lastRanWithDuration": "最終実行: {{time}} · {{duration}}",
-        "runMetaWithDuration": "{{time}} · {{duration}}",
-        "noError": "エラー記録なし"
-      },
       "message": {
         "showMore": "メッセージ全文を表示",
         "showLess": "折りたたむ"
@@ -626,9 +612,6 @@
         "cronRequired": "Cron 式は必須です。",
         "timeRequired": "実行日時は必須です。",
         "futureRequired": "実行日時は現在より後にしてください。"
-      },
-      "duration": {
-        "lessThanSecond": "1 秒未満"
       }
     },
     "oauth": {
diff --git a/webui/src/i18n/locales/ko/common.json b/webui/src/i18n/locales/ko/common.json
index 2e3b2a80..15e1611b 100644
--- a/webui/src/i18n/locales/ko/common.json
+++ b/webui/src/i18n/locales/ko/common.json
@@ -576,20 +576,6 @@
         "never": "실행된 적 없음",
         "unknown": "알 수 없음"
       },
-      "history": {
-        "ok": "정상",
-        "error": "오류",
-        "skipped": "건너뜀",
-        "health": "최근 상태",
-        "timeline": "실행 기록",
-        "summary": "실행: {{total}} · 문제: {{issues}}",
-        "issueCount": "문제: {{count}}",
-        "noRecentIssues": "최근 문제 없음",
-        "lastRan": "마지막 실행: {{time}}",
-        "lastRanWithDuration": "마지막 실행: {{time}} · {{duration}}",
-        "runMetaWithDuration": "{{time}} · {{duration}}",
-        "noError": "기록된 오류 없음"
-      },
       "message": {
         "showMore": "전체 메시지 보기",
         "showLess": "접기"
@@ -626,9 +612,6 @@
         "cronRequired": "Cron 식은 필수입니다.",
         "timeRequired": "실행 시간은 필수입니다.",
         "futureRequired": "실행 시간은 현재보다 이후여야 합니다."
-      },
-      "duration": {
-        "lessThanSecond": "1초 미만"
       }
     },
     "oauth": {
diff --git a/webui/src/i18n/locales/vi/common.json b/webui/src/i18n/locales/vi/common.json
index 4561507f..2e549e1f 100644
--- a/webui/src/i18n/locales/vi/common.json
+++ b/webui/src/i18n/locales/vi/common.json
@@ -576,20 +576,6 @@
         "never": "Chưa từng chạy",
         "unknown": "không xác định"
       },
-      "history": {
-        "ok": "Ổn",
-        "error": "Lỗi",
-        "skipped": "Đã bỏ qua",
-        "health": "Tình trạng gần đây",
-        "timeline": "Lịch sử chạy",
-        "summary": "Lượt chạy: {{total}} · Vấn đề: {{issues}}",
-        "issueCount": "Vấn đề: {{count}}",
-        "noRecentIssues": "Không có vấn đề gần đây",
-        "lastRan": "Chạy lần cuối {{time}}",
-        "lastRanWithDuration": "Chạy lần cuối {{time}} · {{duration}}",
-        "runMetaWithDuration": "{{time}} · {{duration}}",
-        "noError": "Không ghi nhận lỗi"
-      },
       "message": {
         "showMore": "Hiển thị toàn bộ tin nhắn",
         "showLess": "Thu gọn"
@@ -626,9 +612,6 @@
         "cronRequired": "Biểu thức cron là bắt buộc.",
         "timeRequired": "Thời gian chạy là bắt buộc.",
         "futureRequired": "Thời gian chạy phải ở tương lai."
-      },
-      "duration": {
-        "lessThanSecond": "dưới 1 giây"
       }
     },
     "oauth": {
diff --git a/webui/src/i18n/locales/zh-CN/common.json b/webui/src/i18n/locales/zh-CN/common.json
index 5a9efd42..f5e62e90 100644
--- a/webui/src/i18n/locales/zh-CN/common.json
+++ b/webui/src/i18n/locales/zh-CN/common.json
@@ -576,20 +576,6 @@
         "never": "从未运行",
         "unknown": "未知"
       },
-      "history": {
-        "ok": "正常",
-        "error": "错误",
-        "skipped": "已跳过",
-        "health": "最近健康状态",
-        "timeline": "运行记录",
-        "summary": "运行：{{total}} · 问题：{{issues}}",
-        "issueCount": "问题：{{count}}",
-        "noRecentIssues": "近期无问题",
-        "lastRan": "最后运行于 {{time}}",
-        "lastRanWithDuration": "最后运行于 {{time}} · {{duration}}",
-        "runMetaWithDuration": "{{time}} · {{duration}}",
-        "noError": "未记录错误"
-      },
       "message": {
         "showMore": "查看完整消息",
         "showLess": "收起消息"
@@ -626,9 +612,6 @@
         "cronRequired": "Cron 表达式不能为空。",
         "timeRequired": "运行时间不能为空。",
         "futureRequired": "运行时间必须晚于当前时间。"
-      },
-      "duration": {
-        "lessThanSecond": "不到 1 秒"
       }
     },
     "oauth": {
diff --git a/webui/src/i18n/locales/zh-TW/common.json b/webui/src/i18n/locales/zh-TW/common.json
index 7d1f9a00..c787de5a 100644
--- a/webui/src/i18n/locales/zh-TW/common.json
+++ b/webui/src/i18n/locales/zh-TW/common.json
@@ -576,20 +576,6 @@
         "never": "從未執行",
         "unknown": "未知"
       },
-      "history": {
-        "ok": "正常",
-        "error": "錯誤",
-        "skipped": "已略過",
-        "health": "最近健康狀態",
-        "timeline": "執行記錄",
-        "summary": "執行：{{total}} · 問題：{{issues}}",
-        "issueCount": "問題：{{count}}",
-        "noRecentIssues": "近期無問題",
-        "lastRan": "最後執行於 {{time}}",
-        "lastRanWithDuration": "最後執行於 {{time}} · {{duration}}",
-        "runMetaWithDuration": "{{time}} · {{duration}}",
-        "noError": "未記錄錯誤"
-      },
       "message": {
         "showMore": "查看完整訊息",
         "showLess": "收起訊息"
@@ -626,9 +612,6 @@
         "cronRequired": "Cron 表達式不能為空。",
         "timeRequired": "執行時間不能為空。",
         "futureRequired": "執行時間必須晚於目前時間。"
-      },
-      "duration": {
-        "lessThanSecond": "不到 1 秒"
       }
     },
     "oauth": {
diff --git a/webui/src/tests/app-layout.test.tsx b/webui/src/tests/app-layout.test.tsx
index 7f4cbc04..ff3e95d1 100644
--- a/webui/src/tests/app-layout.test.tsx
+++ b/webui/src/tests/app-layout.test.tsx
@@ -628,21 +628,10 @@ describe("App layout", () => {
     expect(within(detailPanel).getByRole("button", { name: "Show less" })).toBeInTheDocument();
     expect(message!).not.toHaveClass("line-clamp-6");
 
-    expect(within(detailPanel).getByText("Recent health")).toBeInTheDocument();
-    expect(within(detailPanel).getByText("Issues: 2")).toBeInTheDocument();
-    const historyToggle = within(detailPanel).getByRole("button", { name: /Run history/ });
-    const historySection = historyToggle.closest("section") as HTMLElement;
-    expect(historySection).not.toBeNull();
-    expect(within(historySection).queryByText(/oldest failure/)).not.toBeInTheDocument();
-    expect(historyToggle).toHaveAttribute("aria-expanded", "false");
-    expect(historyToggle).toHaveTextContent("Runs: 6 · Issues: 2");
-    fireEvent.click(historyToggle);
-    expect(historyToggle).toHaveAttribute("aria-expanded", "true");
-    expect(within(historySection).getAllByText(/oldest failure/)).toHaveLength(2);
-    expect(within(detailPanel).getAllByText("No error recorded").length).toBeGreaterThanOrEqual(1);
-    fireEvent.click(historyToggle);
-    expect(historyToggle).toHaveAttribute("aria-expanded", "false");
-    expect(within(historySection).queryByText(/oldest failure/)).not.toBeInTheDocument();
+    expect(within(detailPanel).queryByText("Recent health")).not.toBeInTheDocument();
+    expect(within(detailPanel).queryByRole("button", { name: /Run history/ })).not.toBeInTheDocument();
+    expect(within(detailPanel).queryByText(/oldest failure/)).not.toBeInTheDocument();
+    expect(within(detailPanel).queryByText("No error recorded")).not.toBeInTheDocument();
   });
 
   it("localizes the Automations surface", async () => {
@@ -703,9 +692,8 @@ describe("App layout", () => {
     expect(screen.getAllByText("每日检查").length).toBeGreaterThanOrEqual(1);
     expect(screen.getAllByText("检查仓库状态").length).toBeGreaterThanOrEqual(1);
     expect(screen.getByText("每 1天")).toBeInTheDocument();
-    expect(screen.getByText("最近健康状态")).toBeInTheDocument();
-    expect(screen.getByText("近期无问题")).toBeInTheDocument();
-    expect(screen.getByText(/最后运行于/)).toBeInTheDocument();
+    expect(screen.queryByText("最近健康状态")).not.toBeInTheDocument();
+    expect(screen.queryByText("近期无问题")).not.toBeInTheDocument();
     expect(screen.queryByText("Workspace automations")).not.toBeInTheDocument();
     expect(screen.queryByRole("button", { name: "刷新" })).not.toBeInTheDocument();
     expect(document.title).toBe("自动任务 · nanobot");
diff --git a/webui/src/tests/i18n.test.tsx b/webui/src/tests/i18n.test.tsx
index 95fe29fa..6f084093 100644
--- a/webui/src/tests/i18n.test.tsx
+++ b/webui/src/tests/i18n.test.tsx
@@ -55,12 +55,6 @@ const LOCALIZED_SETTINGS_COPY_KEYS = [
   "settings.automations.systemTask",
   "settings.automations.labels.schedule",
   "settings.automations.status.active",
-  "settings.automations.history.ok",
-  "settings.automations.history.health",
-  "settings.automations.history.summary",
-  "settings.automations.history.noRecentIssues",
-  "settings.automations.history.noError",
-  "settings.automations.duration.lessThanSecond",
   "settings.automations.deleteTitle",
   "settings.sections.interface",
   "settings.sections.localPreferences",

From e6957de622bea07f6389912ff28db5aee407a279 Mon Sep 17 00:00:00 2001
From: chengyongru <2755839590@qq.com>
Date: Tue, 16 Jun 2026 00:26:06 +0800
Subject: [PATCH 24/38] fix(webui): drop legacy automation setup state

---
 README.md                                     |  1 +
 nanobot/webui/session_automations.py          | 16 -----------
 tests/channels/test_websocket_http_routes.py  | 11 +++++---
 .../src/components/settings/SettingsView.tsx  | 27 ++----------------
 webui/src/i18n/locales/en/common.json         |  5 +---
 webui/src/i18n/locales/es/common.json         |  5 +---
 webui/src/i18n/locales/fr/common.json         |  5 +---
 webui/src/i18n/locales/id/common.json         |  5 +---
 webui/src/i18n/locales/ja/common.json         |  5 +---
 webui/src/i18n/locales/ko/common.json         |  5 +---
 webui/src/i18n/locales/vi/common.json         |  5 +---
 webui/src/i18n/locales/zh-CN/common.json      |  5 +---
 webui/src/i18n/locales/zh-TW/common.json      |  5 +---
 webui/src/lib/types.ts                        |  3 --
 webui/src/tests/app-layout.test.tsx           | 28 -------------------
 15 files changed, 20 insertions(+), 111 deletions(-)

diff --git a/README.md b/README.md
index 3f980225..b849c20e 100644
--- a/README.md
+++ b/README.md
@@ -56,6 +56,7 @@
 
 ## 📢 News
 
+- **2026-06-16** ⚠️ Breaking change: agent-turn automation jobs now require complete target chat or channel metadata. Cron jobs created by older versions without that metadata should be recreated from the target chat or channel; existing cron records remain in the cron store.
 - **2026-06-01** 🚀 Released **v0.2.1** — **The Workbench Release** turns the packaged WebUI into a daily agent workbench: clearer Thought/response timelines, live file-edit activity, project workspaces, model and context controls, steadier sustained goals, CLI Apps + MCP extensions, and broader provider/channel support. Please see [release notes](https://github.com/HKUDS/nanobot/releases/tag/v0.2.1) for details.
 - **2026-05-30** 🔐 Safer Matrix verification, bounded media downloads, clearer WebUI model timeline.
 - **2026-05-29** 🧩 Extension registry, context-window tuning, document extraction controls.
diff --git a/nanobot/webui/session_automations.py b/nanobot/webui/session_automations.py
index 0780d781..0680dde7 100644
--- a/nanobot/webui/session_automations.py
+++ b/nanobot/webui/session_automations.py
@@ -122,16 +122,6 @@ def _serialize_job(
     payload["created_at_ms"] = job.created_at_ms
     payload["updated_at_ms"] = job.updated_at_ms
     payload["payload"].update({"kind": job.payload.kind})
-    if _expose_origin_identifiers(job):
-        payload["payload"].update(
-            {
-                "session_key": job.payload.session_key,
-                "origin_channel": job.payload.origin_channel,
-                "origin_chat_id": job.payload.origin_chat_id,
-            }
-        )
-    elif job.payload.origin_channel:
-        payload["payload"]["origin_channel"] = job.payload.origin_channel
     payload["state"].update(
         {
             "last_run_at_ms": job.state.last_run_at_ms,
@@ -183,12 +173,6 @@ def _origin_payload(
         "preview": preview,
     }
 
-
-def _expose_origin_identifiers(job: CronJob) -> bool:
-    channel = job.payload.origin_channel
-    return not channel or channel == "websocket"
-
-
 def _session_preview(messages: Any) -> str:
     if not isinstance(messages, list):
         return ""
diff --git a/tests/channels/test_websocket_http_routes.py b/tests/channels/test_websocket_http_routes.py
index 885cc37a..4451f486 100644
--- a/tests/channels/test_websocket_http_routes.py
+++ b/tests/channels/test_websocket_http_routes.py
@@ -842,7 +842,7 @@ async def test_webui_automations_route_lists_all_jobs_and_allows_user_actions(
         origin_channel="websocket",
         origin_chat_id="abc",
     )
-    legacy_job = cron.add_job(
+    incomplete_job = cron.add_job(
         name="english-quiz",
         schedule=CronSchedule(kind="every", every_ms=3_600_000),
         message="Practice English",
@@ -899,6 +899,7 @@ async def test_webui_automations_route_lists_all_jobs_and_allows_user_actions(
         )
         assert resp.status_code == 200
         assert "wx-chat" not in resp.text
+        assert "unified:default" not in resp.text
         body = resp.json()
         by_id = {job["id"]: job for job in body["jobs"]}
         assert by_id[user_job.id]["protected"] is False
@@ -906,10 +907,12 @@ async def test_webui_automations_route_lists_all_jobs_and_allows_user_actions(
         assert by_id[user_job.id]["state"]["run_history"] == []
         assert by_id[user_job.id]["origin"]["session_key"] == "websocket:abc"
         assert by_id[user_job.id]["origin"]["preview"] == "hi"
-        assert by_id[legacy_job.id]["payload"]["session_key"] == "unified:default"
-        assert by_id[legacy_job.id]["origin"] is None
-        assert by_id[external_job.id]["payload"]["origin_channel"] == "weixin"
+        assert "session_key" not in by_id[incomplete_job.id]["payload"]
+        assert "origin_channel" not in by_id[incomplete_job.id]["payload"]
+        assert "origin_chat_id" not in by_id[incomplete_job.id]["payload"]
+        assert by_id[incomplete_job.id]["origin"] is None
         assert "session_key" not in by_id[external_job.id]["payload"]
+        assert "origin_channel" not in by_id[external_job.id]["payload"]
         assert "origin_chat_id" not in by_id[external_job.id]["payload"]
         assert by_id[external_job.id]["origin"]["channel"] == "weixin"
         assert "session_key" not in by_id[external_job.id]["origin"]
diff --git a/webui/src/components/settings/SettingsView.tsx b/webui/src/components/settings/SettingsView.tsx
index c6efe0d0..71c5b58b 100644
--- a/webui/src/components/settings/SettingsView.tsx
+++ b/webui/src/components/settings/SettingsView.tsx
@@ -3698,7 +3698,6 @@ function AutomationDetailPanel({
   const originHref = job.origin?.channel === "websocket" && job.origin.session_key
     ? `#/chat/${encodeURIComponent(job.origin.session_key)}`
     : null;
-  const needsRecreation = automationNeedsRecreation(job);
   const created = job.created_at_ms ? fmtDateTime(job.created_at_ms, locale) : null;
   const updated = job.updated_at_ms ? fmtDateTime(job.updated_at_ms, locale) : null;
   const message = job.payload.message || tx("settings.automations.systemTask", "System-managed automation");
@@ -3787,15 +3786,6 @@ function AutomationDetailPanel({
             </AutomationDetail>
           </div>
 
-          {needsRecreation ? (
-            <div className="rounded-[16px] border border-amber-500/20 bg-amber-500/8 px-3 py-2 text-[12px] leading-5 text-amber-800 dark:text-amber-200">
-              {tx(
-                "settings.automations.legacyWarning",
-                "This older automation is missing its target chat. Recreate it from the chat or channel where it should run.",
-              )}
-            </div>
-          ) : null}
-
           {job.state.last_error ? (
             <div className="rounded-[16px] border border-destructive/20 bg-destructive/8 px-3 py-2 text-[12px] leading-5 text-destructive">
               {job.state.last_error}
@@ -4227,19 +4217,14 @@ function AutomationDeleteDialog({
   );
 }
 
-function automationNeedsRecreation(job: SessionAutomationJob): boolean {
-  return !job.protected && !job.origin && job.payload.kind === "agent_turn";
-}
-
 function automationNeedsAttention(job: SessionAutomationJob): boolean {
-  return automationNeedsRecreation(job) || job.state.last_status === "error";
+  return job.state.last_status === "error";
 }
 
 function automationStatusKey(
   job: SessionAutomationJob,
-): "active" | "running" | "paused" | "failed" | "system" | "needs_setup" | "completed" | "idle" {
+): "active" | "running" | "paused" | "failed" | "system" | "completed" | "idle" {
   if (job.protected) return "system";
-  if (automationNeedsRecreation(job)) return "needs_setup";
   if (job.state.pending) return "running";
   if (!job.enabled) return "paused";
   if (job.state.last_status === "error") return "failed";
@@ -4412,9 +4397,6 @@ function automationStatus(
 ): { label: string; tone: "neutral" | "success" | "warning" } {
   const status = automationStatusKey(job);
   if (status === "system") return { label: tx("settings.automations.status.system", "System"), tone: "neutral" };
-  if (status === "needs_setup") {
-    return { label: tx("settings.automations.status.needsSetup", "Needs setup"), tone: "warning" };
-  }
   if (status === "running") {
     return { label: tx("settings.automations.status.running", "Running now"), tone: "warning" };
   }
@@ -4437,9 +4419,6 @@ function automationOriginLabel(
 ): string {
   if (job.protected) return tx("settings.automations.origin.system", "System");
   const origin = job.origin;
-  if (!origin && job.payload.kind === "agent_turn") {
-    return tx("settings.automations.origin.legacy", "Recreate in target chat");
-  }
   if (!origin) return tx("settings.automations.origin.unknown", "No linked chat");
   if (origin.channel !== "websocket") return automationChannelLabel(origin.channel, tx);
   return origin.title || origin.preview || origin.session_key || automationChannelLabel(origin.channel, tx);
@@ -4574,7 +4553,7 @@ function formatAutomationNextTitle(
 function automationStatusDotClass(job: SessionAutomationJob): string {
   const status = automationStatusKey(job);
   if (status === "active" || status === "running") return "bg-emerald-500";
-  if (status === "failed" || status === "needs_setup") return "bg-amber-500";
+  if (status === "failed") return "bg-amber-500";
   if (status === "system") return "bg-blue-500";
   return "bg-muted-foreground/45";
 }
diff --git a/webui/src/i18n/locales/en/common.json b/webui/src/i18n/locales/en/common.json
index aaa35a21..372173b6 100644
--- a/webui/src/i18n/locales/en/common.json
+++ b/webui/src/i18n/locales/en/common.json
@@ -525,18 +525,15 @@
         "system": "System",
         "pending": "Pending",
         "running": "Running now",
-        "needsSetup": "Needs setup",
         "paused": "Paused",
         "failed": "Failed",
         "completed": "Completed",
         "noSchedule": "No schedule",
         "active": "Active"
       },
-      "legacyWarning": "This older automation is missing its target chat. Recreate it from the chat or channel where it should run.",
       "origin": {
         "system": "System",
-        "unknown": "No linked chat",
-        "legacy": "Recreate in target chat"
+        "unknown": "No linked chat"
       },
       "channels": {
         "api": "API",
diff --git a/webui/src/i18n/locales/es/common.json b/webui/src/i18n/locales/es/common.json
index aba33564..cc27c365 100644
--- a/webui/src/i18n/locales/es/common.json
+++ b/webui/src/i18n/locales/es/common.json
@@ -525,18 +525,15 @@
         "system": "Sistema",
         "pending": "Pendiente",
         "running": "Ejecutándose ahora",
-        "needsSetup": "Requiere configuración",
         "paused": "Pausada",
         "failed": "Fallida",
         "completed": "Completada",
         "noSchedule": "Sin programación",
         "active": "Activa"
       },
-      "legacyWarning": "Esta automatización antigua no tiene chat de destino. Vuelve a crearla desde el chat o canal donde debe ejecutarse.",
       "origin": {
         "system": "Sistema",
-        "unknown": "Sin chat vinculado",
-        "legacy": "Recréala en el chat de destino"
+        "unknown": "Sin chat vinculado"
       },
       "channels": {
         "api": "API",
diff --git a/webui/src/i18n/locales/fr/common.json b/webui/src/i18n/locales/fr/common.json
index 5ce9b6dc..9e2c4268 100644
--- a/webui/src/i18n/locales/fr/common.json
+++ b/webui/src/i18n/locales/fr/common.json
@@ -525,18 +525,15 @@
         "system": "Système",
         "pending": "En attente",
         "running": "En cours d’exécution",
-        "needsSetup": "Configuration requise",
         "paused": "En pause",
         "failed": "Échouée",
         "completed": "Terminée",
         "noSchedule": "Aucun planning",
         "active": "En cours"
       },
-      "legacyWarning": "Cette ancienne automatisation n’a pas de discussion cible. Recréez-la depuis la discussion ou le canal où elle doit s’exécuter.",
       "origin": {
         "system": "Système",
-        "unknown": "Aucune discussion liée",
-        "legacy": "Recréez-la dans la discussion cible"
+        "unknown": "Aucune discussion liée"
       },
       "channels": {
         "api": "API",
diff --git a/webui/src/i18n/locales/id/common.json b/webui/src/i18n/locales/id/common.json
index adab95db..6885d3a1 100644
--- a/webui/src/i18n/locales/id/common.json
+++ b/webui/src/i18n/locales/id/common.json
@@ -525,18 +525,15 @@
         "system": "Sistem",
         "pending": "Menunggu",
         "running": "Sedang berjalan",
-        "needsSetup": "Perlu disiapkan",
         "paused": "Dijeda",
         "failed": "Gagal",
         "completed": "Selesai",
         "noSchedule": "Tanpa jadwal",
         "active": "Aktif"
       },
-      "legacyWarning": "Otomasi lama ini tidak memiliki chat tujuan. Buat ulang dari chat atau channel tempat otomasi akan berjalan.",
       "origin": {
         "system": "Sistem",
-        "unknown": "Tidak ada chat tertaut",
-        "legacy": "Buat ulang di chat tujuan"
+        "unknown": "Tidak ada chat tertaut"
       },
       "channels": {
         "api": "API",
diff --git a/webui/src/i18n/locales/ja/common.json b/webui/src/i18n/locales/ja/common.json
index 632b4f42..e5be1c4d 100644
--- a/webui/src/i18n/locales/ja/common.json
+++ b/webui/src/i18n/locales/ja/common.json
@@ -525,18 +525,15 @@
         "system": "システム",
         "pending": "待機中",
         "running": "実行中",
-        "needsSetup": "再設定が必要",
         "paused": "一時停止",
         "failed": "失敗",
         "completed": "完了",
         "noSchedule": "スケジュールなし",
         "active": "実行中"
       },
-      "legacyWarning": "この古い自動タスクには対象チャットがありません。実行先のチャットまたは外部 channel から作り直してください。",
       "origin": {
         "system": "システム",
-        "unknown": "関連チャットなし",
-        "legacy": "対象チャットで作り直してください"
+        "unknown": "関連チャットなし"
       },
       "channels": {
         "api": "API",
diff --git a/webui/src/i18n/locales/ko/common.json b/webui/src/i18n/locales/ko/common.json
index 15e1611b..e8741c83 100644
--- a/webui/src/i18n/locales/ko/common.json
+++ b/webui/src/i18n/locales/ko/common.json
@@ -525,18 +525,15 @@
         "system": "시스템",
         "pending": "대기 중",
         "running": "실행 중",
-        "needsSetup": "설정 필요",
         "paused": "일시 중지",
         "failed": "실패",
         "completed": "완료",
         "noSchedule": "일정 없음",
         "active": "활성"
       },
-      "legacyWarning": "이전 자동화에 대상 채팅이 없습니다. 실행되어야 하는 채팅 또는 외부 channel에서 다시 만드세요.",
       "origin": {
         "system": "시스템",
-        "unknown": "연결된 채팅 없음",
-        "legacy": "대상 채팅에서 다시 만드세요"
+        "unknown": "연결된 채팅 없음"
       },
       "channels": {
         "api": "API",
diff --git a/webui/src/i18n/locales/vi/common.json b/webui/src/i18n/locales/vi/common.json
index 2e549e1f..4132f093 100644
--- a/webui/src/i18n/locales/vi/common.json
+++ b/webui/src/i18n/locales/vi/common.json
@@ -525,18 +525,15 @@
         "system": "Hệ thống",
         "pending": "Đang chờ",
         "running": "Đang chạy",
-        "needsSetup": "Cần thiết lập",
         "paused": "Đã tạm dừng",
         "failed": "Thất bại",
         "completed": "Hoàn tất",
         "noSchedule": "Không có lịch",
         "active": "Đang chạy"
       },
-      "legacyWarning": "Tự động hóa cũ này thiếu cuộc trò chuyện đích. Hãy tạo lại từ cuộc trò chuyện hoặc channel nơi nó sẽ chạy.",
       "origin": {
         "system": "Hệ thống",
-        "unknown": "Chưa liên kết cuộc trò chuyện",
-        "legacy": "Tạo lại trong cuộc trò chuyện đích"
+        "unknown": "Chưa liên kết cuộc trò chuyện"
       },
       "channels": {
         "api": "API",
diff --git a/webui/src/i18n/locales/zh-CN/common.json b/webui/src/i18n/locales/zh-CN/common.json
index f5e62e90..df54b609 100644
--- a/webui/src/i18n/locales/zh-CN/common.json
+++ b/webui/src/i18n/locales/zh-CN/common.json
@@ -525,18 +525,15 @@
         "system": "系统",
         "pending": "等待中",
         "running": "正在运行",
-        "needsSetup": "需重新设置",
         "paused": "已暂停",
         "failed": "失败",
         "completed": "已完成",
         "noSchedule": "无计划",
         "active": "运行中"
       },
-      "legacyWarning": "这个旧版自动任务缺少目标会话。请从它应该运行的聊天或外部 channel 中重新创建。",
       "origin": {
         "system": "系统",
-        "unknown": "未关联会话",
-        "legacy": "请在目标会话中重新创建"
+        "unknown": "未关联会话"
       },
       "channels": {
         "api": "API",
diff --git a/webui/src/i18n/locales/zh-TW/common.json b/webui/src/i18n/locales/zh-TW/common.json
index c787de5a..2c6f438f 100644
--- a/webui/src/i18n/locales/zh-TW/common.json
+++ b/webui/src/i18n/locales/zh-TW/common.json
@@ -525,18 +525,15 @@
         "system": "系統",
         "pending": "等待中",
         "running": "正在執行",
-        "needsSetup": "需重新設定",
         "paused": "已暫停",
         "failed": "失敗",
         "completed": "已完成",
         "noSchedule": "無排程",
         "active": "執行中"
       },
-      "legacyWarning": "這個舊版自動任務缺少目標會話。請從它應該執行的聊天或外部 channel 中重新建立。",
       "origin": {
         "system": "系統",
-        "unknown": "未關聯會話",
-        "legacy": "請在目標會話中重新建立"
+        "unknown": "未關聯會話"
       },
       "channels": {
         "api": "API",
diff --git a/webui/src/lib/types.ts b/webui/src/lib/types.ts
index 436aa8d6..88de7e38 100644
--- a/webui/src/lib/types.ts
+++ b/webui/src/lib/types.ts
@@ -114,9 +114,6 @@ export interface SessionAutomationJob {
   payload: {
     message: string;
     kind?: "agent_turn" | "system_event" | string;
-    session_key?: string | null;
-    origin_channel?: string | null;
-    origin_chat_id?: string | null;
   };
   state: {
     next_run_at_ms?: number | null;
diff --git a/webui/src/tests/app-layout.test.tsx b/webui/src/tests/app-layout.test.tsx
index ff3e95d1..46657c28 100644
--- a/webui/src/tests/app-layout.test.tsx
+++ b/webui/src/tests/app-layout.test.tsx
@@ -372,7 +372,6 @@ describe("App layout", () => {
             payload: {
               message: "Check the repo status",
               kind: "agent_turn",
-              session_key: "websocket:chat-a",
             },
             state: {
               next_run_at_ms: Date.UTC(2026, 3, 17, 10, 0, 0),
@@ -388,26 +387,6 @@ describe("App layout", () => {
               preview: "Check release blockers",
             },
           },
-          {
-            id: "legacy-quiz",
-            name: "english-quiz",
-            enabled: true,
-            protected: false,
-            delete_after_run: false,
-            schedule: { kind: "cron", expr: "30 9-23 * * *", tz: "Asia/Shanghai" },
-            payload: {
-              message: "Practice English",
-              kind: "agent_turn",
-              session_key: "unified:default",
-            },
-            state: {
-              next_run_at_ms: Date.UTC(2026, 3, 17, 11, 0, 0),
-              last_status: "ok",
-              pending: false,
-              run_history: [],
-            },
-            origin: null,
-          },
           {
             id: "external-quiz",
             name: "WeChat quiz",
@@ -418,7 +397,6 @@ describe("App layout", () => {
             payload: {
               message: "Send a quiz",
               kind: "agent_turn",
-              origin_channel: "weixin",
             },
             state: {
               next_run_at_ms: Date.UTC(2026, 3, 17, 11, 30, 0),
@@ -464,9 +442,6 @@ describe("App layout", () => {
     expect(screen.getAllByText("Daily repo check").length).toBeGreaterThanOrEqual(1);
     expect(screen.getAllByText("Check the repo status").length).toBeGreaterThanOrEqual(1);
     expect(screen.getAllByText("Release prep").length).toBeGreaterThanOrEqual(1);
-    expect(screen.getByText("english-quiz")).toBeInTheDocument();
-    expect(screen.getByText("Recreate in target chat")).toBeInTheDocument();
-    expect(screen.queryByText("unified:default")).not.toBeInTheDocument();
     expect(screen.getByText("WeChat quiz")).toBeInTheDocument();
     expect(screen.getByText("WeChat")).toBeInTheDocument();
     expect(screen.queryByText("weixin:wx-chat")).not.toBeInTheDocument();
@@ -490,7 +465,6 @@ describe("App layout", () => {
       payload: {
         message: "Old one-shot message",
         kind: "agent_turn",
-        session_key: "websocket:chat-a",
       },
       state: {
         next_run_at_ms: null,
@@ -589,7 +563,6 @@ describe("App layout", () => {
             payload: {
               message: longMessage,
               kind: "agent_turn",
-              session_key: "websocket:chat-a",
             },
             state: {
               next_run_at_ms: Date.UTC(2026, 3, 18, 10, 0, 0),
@@ -650,7 +623,6 @@ describe("App layout", () => {
             payload: {
               message: "检查仓库状态",
               kind: "agent_turn",
-              session_key: "websocket:chat-a",
             },
             state: {
               next_run_at_ms: Date.UTC(2026, 3, 17, 10, 0, 0),

From 8f1fe7337c67dfbf8481dce2bd77df1067ce8266 Mon Sep 17 00:00:00 2001
From: chengyongru <2755839590@qq.com>
Date: Tue, 16 Jun 2026 00:42:25 +0800
Subject: [PATCH 25/38] fix(webui): tighten automation toolbar layout

---
 .../src/components/settings/SettingsView.tsx  | 50 ++++++++++---------
 webui/src/i18n/locales/en/common.json         |  2 +-
 webui/src/i18n/locales/es/common.json         |  2 +-
 webui/src/i18n/locales/fr/common.json         |  2 +-
 webui/src/i18n/locales/id/common.json         |  2 +-
 webui/src/i18n/locales/ja/common.json         |  2 +-
 webui/src/i18n/locales/ko/common.json         |  2 +-
 webui/src/i18n/locales/vi/common.json         |  2 +-
 webui/src/i18n/locales/zh-CN/common.json      |  2 +-
 webui/src/i18n/locales/zh-TW/common.json      |  2 +-
 10 files changed, 35 insertions(+), 33 deletions(-)

diff --git a/webui/src/components/settings/SettingsView.tsx b/webui/src/components/settings/SettingsView.tsx
index 71c5b58b..b95b8d66 100644
--- a/webui/src/components/settings/SettingsView.tsx
+++ b/webui/src/components/settings/SettingsView.tsx
@@ -3477,42 +3477,44 @@ function AutomationsSettings({
 
   return (
     <div className="space-y-4">
-      <section className="rounded-[24px] border border-border/45 bg-card/80 p-3 shadow-[0_22px_70px_rgba(15,23,42,0.055)] backdrop-blur-xl">
-        <div className="flex flex-col gap-3 xl:flex-row xl:items-center xl:justify-between">
-          <div className="flex min-w-0 flex-wrap gap-1 rounded-[16px] bg-muted/50 p-1">
-            {summaryOptions.map((option) => (
-              <button
-                key={option.value}
-                type="button"
-                onClick={() => onFilterChange(option.value)}
-                className={cn(
-                  "inline-flex h-8 items-center gap-2 rounded-[12px] px-3 text-[12px] font-medium text-muted-foreground transition-colors",
-                  filter === option.value && "bg-background text-foreground shadow-sm",
-                )}
-              >
-                <span>{option.label}</span>
-                <span className="min-w-5 rounded-full bg-background/75 px-1.5 py-0.5 text-center text-[11px] tabular-nums text-muted-foreground">
-                  {option.count}
-                </span>
-              </button>
-            ))}
+      <section className="rounded-[24px] border border-border/45 bg-card/80 p-3 shadow-[0_22px_70px_rgba(15,23,42,0.055)] backdrop-blur-xl sm:p-4">
+        <div className="flex flex-col gap-3">
+          <div className="-mx-1 overflow-x-auto px-1 pb-0.5">
+            <div className="inline-flex min-w-max items-center gap-1 rounded-[16px] bg-muted/50 p-1">
+              {summaryOptions.map((option) => (
+                <button
+                  key={option.value}
+                  type="button"
+                  onClick={() => onFilterChange(option.value)}
+                  className={cn(
+                    "inline-flex h-8 shrink-0 items-center gap-2 whitespace-nowrap rounded-[12px] px-3 text-[12px] font-medium text-muted-foreground transition-colors",
+                    filter === option.value && "bg-background text-foreground shadow-sm",
+                  )}
+                >
+                  <span>{option.label}</span>
+                  <span className="min-w-5 shrink-0 rounded-full bg-background/75 px-1.5 py-0.5 text-center text-[11px] tabular-nums text-muted-foreground">
+                    {option.count}
+                  </span>
+                </button>
+              ))}
+            </div>
           </div>
 
-          <div className="flex min-w-0 flex-col gap-2 sm:flex-row sm:items-center sm:justify-end">
-            <div className="relative min-w-0 sm:w-[24rem]">
+          <div className="grid min-w-0 gap-2 sm:grid-cols-[minmax(0,1fr)_auto] sm:items-center">
+            <div className="relative min-w-0">
               <Search className="pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground/70" />
               <Input
                 value={query}
                 onChange={(event) => onQueryChange(event.target.value)}
-                placeholder={tx("settings.automations.search", "Search automation, message, session, or cron expression")}
-                className="h-9 rounded-[13px] border-border/45 bg-background/85 pl-9 text-[13px] shadow-sm"
+                placeholder={tx("settings.automations.search", "Search automations")}
+                className="h-9 w-full rounded-[13px] border-border/45 bg-background/85 pl-9 text-[13px] shadow-sm"
               />
             </div>
             <DropdownMenu>
               <DropdownMenuTrigger asChild>
                 <button
                   type="button"
-                  className="inline-flex h-9 items-center justify-center gap-1.5 rounded-[13px] border border-border/45 bg-background/85 px-3 text-[12px] font-medium text-muted-foreground shadow-sm transition-colors hover:bg-muted/70 hover:text-foreground"
+                  className="inline-flex h-9 min-w-[8.5rem] items-center justify-center gap-1.5 whitespace-nowrap rounded-[13px] border border-border/45 bg-background/85 px-3 text-[12px] font-medium text-muted-foreground shadow-sm transition-colors hover:bg-muted/70 hover:text-foreground sm:w-auto"
                 >
                   <ArrowUpDown className="h-3.5 w-3.5" aria-hidden />
                   <span>{sortLabel[sort]}</span>
diff --git a/webui/src/i18n/locales/en/common.json b/webui/src/i18n/locales/en/common.json
index 372173b6..47d2bb25 100644
--- a/webui/src/i18n/locales/en/common.json
+++ b/webui/src/i18n/locales/en/common.json
@@ -493,7 +493,7 @@
         "updated": "Updated",
         "name": "Name"
       },
-      "search": "Search automation, message, session, or cron expression",
+      "search": "Search automations",
       "queue": "Queue",
       "loading": "Loading automations...",
       "noMatches": "No automations match this view.",
diff --git a/webui/src/i18n/locales/es/common.json b/webui/src/i18n/locales/es/common.json
index cc27c365..94c6bf05 100644
--- a/webui/src/i18n/locales/es/common.json
+++ b/webui/src/i18n/locales/es/common.json
@@ -493,7 +493,7 @@
         "updated": "Actualizada",
         "name": "Nombre"
       },
-      "search": "Buscar tarea, mensaje, sesión o expresión cron",
+      "search": "Buscar automatizaciones",
       "queue": "Cola",
       "loading": "Cargando automatizaciones...",
       "noMatches": "No hay automatizaciones que coincidan con esta vista.",
diff --git a/webui/src/i18n/locales/fr/common.json b/webui/src/i18n/locales/fr/common.json
index 9e2c4268..7519eef3 100644
--- a/webui/src/i18n/locales/fr/common.json
+++ b/webui/src/i18n/locales/fr/common.json
@@ -493,7 +493,7 @@
         "updated": "Mise à jour",
         "name": "Nom"
       },
-      "search": "Rechercher une tâche, un message, une session ou une expression cron",
+      "search": "Rechercher des automatisations",
       "queue": "File",
       "loading": "Chargement des automatisations...",
       "noMatches": "Aucune automatisation ne correspond à cette vue.",
diff --git a/webui/src/i18n/locales/id/common.json b/webui/src/i18n/locales/id/common.json
index 6885d3a1..43cc0d8f 100644
--- a/webui/src/i18n/locales/id/common.json
+++ b/webui/src/i18n/locales/id/common.json
@@ -493,7 +493,7 @@
         "updated": "Diperbarui",
         "name": "Nama"
       },
-      "search": "Cari tugas, pesan, sesi, atau ekspresi cron",
+      "search": "Cari otomatisasi",
       "queue": "Antrean",
       "loading": "Memuat otomasi...",
       "noMatches": "Tidak ada otomasi yang cocok dengan tampilan ini.",
diff --git a/webui/src/i18n/locales/ja/common.json b/webui/src/i18n/locales/ja/common.json
index e5be1c4d..d530c2a6 100644
--- a/webui/src/i18n/locales/ja/common.json
+++ b/webui/src/i18n/locales/ja/common.json
@@ -493,7 +493,7 @@
         "updated": "更新日時",
         "name": "名前"
       },
-      "search": "タスク、メッセージ、セッション、cron 式を検索",
+      "search": "自動化を検索",
       "queue": "キュー",
       "loading": "自動タスクを読み込み中...",
       "noMatches": "この表示に一致する自動タスクはありません。",
diff --git a/webui/src/i18n/locales/ko/common.json b/webui/src/i18n/locales/ko/common.json
index e8741c83..8e3ac4ee 100644
--- a/webui/src/i18n/locales/ko/common.json
+++ b/webui/src/i18n/locales/ko/common.json
@@ -493,7 +493,7 @@
         "updated": "업데이트",
         "name": "이름"
       },
-      "search": "작업, 메시지, 세션 또는 cron 식 검색",
+      "search": "자동화 검색",
       "queue": "대기열",
       "loading": "자동화를 불러오는 중...",
       "noMatches": "이 보기와 일치하는 자동화가 없습니다.",
diff --git a/webui/src/i18n/locales/vi/common.json b/webui/src/i18n/locales/vi/common.json
index 4132f093..888234d3 100644
--- a/webui/src/i18n/locales/vi/common.json
+++ b/webui/src/i18n/locales/vi/common.json
@@ -493,7 +493,7 @@
         "updated": "Đã cập nhật",
         "name": "Tên"
       },
-      "search": "Tìm tác vụ, tin nhắn, phiên hoặc biểu thức cron",
+      "search": "Tìm tự động hóa",
       "queue": "Hàng đợi",
       "loading": "Đang tải tự động hóa...",
       "noMatches": "Không có tự động hóa phù hợp với chế độ xem này.",
diff --git a/webui/src/i18n/locales/zh-CN/common.json b/webui/src/i18n/locales/zh-CN/common.json
index df54b609..79828a17 100644
--- a/webui/src/i18n/locales/zh-CN/common.json
+++ b/webui/src/i18n/locales/zh-CN/common.json
@@ -493,7 +493,7 @@
         "updated": "更新时间",
         "name": "名称"
       },
-      "search": "搜索任务、消息、会话或 cron 表达式",
+      "search": "搜索自动任务",
       "queue": "任务队列",
       "loading": "正在加载自动任务...",
       "noMatches": "当前视图没有匹配的自动任务。",
diff --git a/webui/src/i18n/locales/zh-TW/common.json b/webui/src/i18n/locales/zh-TW/common.json
index 2c6f438f..a114bf44 100644
--- a/webui/src/i18n/locales/zh-TW/common.json
+++ b/webui/src/i18n/locales/zh-TW/common.json
@@ -493,7 +493,7 @@
         "updated": "更新時間",
         "name": "名稱"
       },
-      "search": "搜尋任務、訊息、會話或 cron 表達式",
+      "search": "搜尋自動任務",
       "queue": "任務佇列",
       "loading": "正在載入自動任務...",
       "noMatches": "目前檢視沒有符合的自動任務。",

From f56a73b2d3cf28128da726eec2d0a615aab6054a Mon Sep 17 00:00:00 2001
From: chengyongru <2755839590@qq.com>
Date: Tue, 16 Jun 2026 00:59:42 +0800
Subject: [PATCH 26/38] fix(webui): align automation toolbar controls

---
 .../src/components/settings/SettingsView.tsx  | 193 ++++++++++++++----
 webui/src/i18n/locales/en/common.json         |   2 +-
 webui/src/i18n/locales/es/common.json         |   2 +-
 webui/src/i18n/locales/fr/common.json         |   2 +-
 webui/src/i18n/locales/id/common.json         |   2 +-
 webui/src/i18n/locales/ja/common.json         |   2 +-
 webui/src/i18n/locales/ko/common.json         |   2 +-
 webui/src/i18n/locales/vi/common.json         |   2 +-
 webui/src/i18n/locales/zh-CN/common.json      |   2 +-
 webui/src/i18n/locales/zh-TW/common.json      |   2 +-
 webui/src/tests/app-layout.test.tsx           |  13 +-
 11 files changed, 175 insertions(+), 49 deletions(-)

diff --git a/webui/src/components/settings/SettingsView.tsx b/webui/src/components/settings/SettingsView.tsx
index b95b8d66..4db5e2b8 100644
--- a/webui/src/components/settings/SettingsView.tsx
+++ b/webui/src/components/settings/SettingsView.tsx
@@ -3438,10 +3438,10 @@ function AutomationsSettings({
   const locale = i18n.resolvedLanguage || i18n.language;
   const [selectedJobId, setSelectedJobId] = useState<string | null>(null);
   const filtered = useMemo(() => {
-    const normalizedQuery = query.trim().toLowerCase();
+    const searchTokens = parseAutomationSearchQuery(query);
     return sortAutomationJobs(jobs, sort)
       .filter((job) => automationMatchesFilter(job, filter))
-      .filter((job) => !normalizedQuery || automationSearchText(job).includes(normalizedQuery));
+      .filter((job) => !searchTokens.length || automationMatchesSearch(job, searchTokens));
   }, [filter, jobs, query, sort]);
   const activeCount = jobs.filter((job) => {
     const key = automationStatusKey(job);
@@ -3478,16 +3478,16 @@ function AutomationsSettings({
   return (
     <div className="space-y-4">
       <section className="rounded-[24px] border border-border/45 bg-card/80 p-3 shadow-[0_22px_70px_rgba(15,23,42,0.055)] backdrop-blur-xl sm:p-4">
-        <div className="flex flex-col gap-3">
+        <div className="mx-auto flex w-full max-w-[56rem] flex-col gap-3">
           <div className="-mx-1 overflow-x-auto px-1 pb-0.5">
-            <div className="inline-flex min-w-max items-center gap-1 rounded-[16px] bg-muted/50 p-1">
+            <div className="grid w-full min-w-[36rem] grid-cols-5 gap-1 rounded-[16px] bg-muted/50 p-1">
               {summaryOptions.map((option) => (
                 <button
                   key={option.value}
                   type="button"
                   onClick={() => onFilterChange(option.value)}
                   className={cn(
-                    "inline-flex h-8 shrink-0 items-center gap-2 whitespace-nowrap rounded-[12px] px-3 text-[12px] font-medium text-muted-foreground transition-colors",
+                    "inline-flex h-8 min-w-0 shrink-0 items-center justify-center gap-2 whitespace-nowrap rounded-[12px] px-3 text-[12px] font-medium text-muted-foreground transition-colors",
                     filter === option.value && "bg-background text-foreground shadow-sm",
                   )}
                 >
@@ -3506,7 +3506,7 @@ function AutomationsSettings({
               <Input
                 value={query}
                 onChange={(event) => onQueryChange(event.target.value)}
-                placeholder={tx("settings.automations.search", "Search automations")}
+                placeholder={tx("settings.automations.search", "name:quiz chat:WeChat cron:09-23")}
                 className="h-9 w-full rounded-[13px] border-border/45 bg-background/85 pl-9 text-[13px] shadow-sm"
               />
             </div>
@@ -4364,24 +4364,156 @@ function automationScheduleChanged(
   return draft.atLocal !== formatLocalDateTimeInput(job.schedule.at_ms ?? NaN);
 }
 
-function automationSearchText(job: SessionAutomationJob): string {
-  const originText = job.origin
-    ? job.origin.channel === "websocket"
-      ? [job.origin.session_key, job.origin.title, job.origin.preview]
-      : [job.origin.channel]
-    : [];
+type AutomationSearchField = "id" | "name" | "message" | "chat" | "cron" | "schedule" | "status";
+
+interface AutomationSearchToken {
+  field: AutomationSearchField | null;
+  value: string;
+}
+
+const AUTOMATION_SEARCH_FIELDS = new Set<AutomationSearchField>([
+  "id",
+  "name",
+  "message",
+  "chat",
+  "cron",
+  "schedule",
+  "status",
+]);
+
+const AUTOMATION_CHANNEL_LABELS: Record<string, string> = {
+  api: "API",
+  cli: "CLI",
+  dingtalk: "DingTalk",
+  discord: "Discord",
+  email: "Email",
+  feishu: "Feishu",
+  matrix: "Matrix",
+  msteams: "Microsoft Teams",
+  qq: "QQ",
+  slack: "Slack",
+  telegram: "Telegram",
+  wechat: "WeChat",
+  wecom: "WeCom",
+  weixin: "WeChat",
+  whatsapp: "WhatsApp",
+};
+
+function parseAutomationSearchQuery(query: string): AutomationSearchToken[] {
+  return (query.match(/[^\s:]+:"[^"]+"|"[^"]+"|\S+/g) ?? [])
+    .map((rawPart): AutomationSearchToken | null => {
+      const part = trimAutomationSearchValue(rawPart);
+      if (!part) return null;
+      const fieldMatch = part.match(/^([A-Za-z]+):(.*)$/);
+      if (!fieldMatch) return { field: null, value: part.toLowerCase() };
+      const field = fieldMatch[1].toLowerCase() as AutomationSearchField;
+      const value = trimAutomationSearchValue(fieldMatch[2]).toLowerCase();
+      if (!value) return null;
+      return AUTOMATION_SEARCH_FIELDS.has(field)
+        ? { field, value }
+        : { field: null, value: part.toLowerCase() };
+    })
+    .filter((token): token is AutomationSearchToken => Boolean(token));
+}
+
+function trimAutomationSearchValue(value: string): string {
+  return value.trim().replace(/^"|"$/g, "").trim();
+}
+
+function automationMatchesSearch(job: SessionAutomationJob, tokens: AutomationSearchToken[]): boolean {
+  return tokens.every((token) => automationSearchText(job, token.field).includes(token.value));
+}
+
+function automationSearchText(job: SessionAutomationJob, field: AutomationSearchField | null = null): string {
+  return automationSearchParts(job, field)
+    .filter(Boolean)
+    .join(" ")
+    .toLowerCase();
+}
+
+function automationSearchParts(
+  job: SessionAutomationJob,
+  field: AutomationSearchField | null,
+): Array<string | number | null | undefined> {
+  const originParts = automationOriginSearchParts(job);
+  const scheduleParts = automationScheduleSearchParts(job);
+  if (field === "id") return [job.id];
+  if (field === "name") return [job.name, job.id];
+  if (field === "message") return [job.payload.message];
+  if (field === "chat") return originParts;
+  if (field === "cron" || field === "schedule") return scheduleParts;
+  if (field === "status") return [automationStatusKey(job), job.enabled ? "enabled" : "disabled"];
   return [
     job.id,
     job.name,
     job.payload.message,
-    job.schedule.kind,
-    job.schedule.expr,
-    job.schedule.tz,
-    ...originText,
-  ]
-    .filter(Boolean)
-    .join(" ")
-    .toLowerCase();
+    ...scheduleParts,
+    automationStatusKey(job),
+    ...originParts,
+  ];
+}
+
+function automationOriginSearchParts(job: SessionAutomationJob): Array<string | null | undefined> {
+  const origin = job.origin;
+  if (!origin) return [];
+  const channel = origin.channel.trim().toLowerCase();
+  return [
+    origin.session_key,
+    origin.title,
+    origin.preview,
+    origin.channel,
+    AUTOMATION_CHANNEL_LABELS[channel],
+  ];
+}
+
+function automationScheduleSearchParts(job: SessionAutomationJob): Array<string | number | null | undefined> {
+  const schedule = job.schedule;
+  const parts: Array<string | number | null | undefined> = [
+    schedule.kind,
+    schedule.expr,
+    schedule.tz,
+    schedule.every_ms,
+    schedule.at_ms,
+  ];
+  if (schedule.kind === "cron" && schedule.expr) {
+    parts.push(...automationCronSearchParts(schedule.expr));
+  }
+  return parts;
+}
+
+function automationCronSearchParts(expr: string): string[] {
+  const parts = expr.trim().split(/\s+/);
+  if (parts.length !== 5) return [];
+  const [minute, hour, dayOfMonth, month, dayOfWeek] = parts;
+  const everyDay = dayOfMonth === "*" && month === "*" && dayOfWeek === "*";
+  const numericMinute = cronNumericToken(minute, 59);
+  const numericHour = cronNumericToken(hour, 23);
+  if (numericMinute === null) return [];
+  const paddedMinute = String(numericMinute).padStart(2, "0");
+
+  if (numericHour !== null) {
+    const time = `${String(numericHour).padStart(2, "0")}:${paddedMinute}`;
+    return [time, `:${paddedMinute}`];
+  }
+
+  if (everyDay && hour === "*") {
+    return [`:${paddedMinute}`, `hourly at :${paddedMinute}`];
+  }
+
+  const range = /^(\d{1,2})-(\d{1,2})$/.exec(hour);
+  if (!everyDay || !range) return [];
+  const start = Number(range[1]);
+  const end = Number(range[2]);
+  if (start > 23 || end > 23) return [];
+  const paddedRange = `${String(start).padStart(2, "0")}-${String(end).padStart(2, "0")}`;
+  const rawRange = `${start}-${end}`;
+  return [
+    paddedRange,
+    rawRange,
+    `:${paddedMinute}`,
+    `${paddedRange} at :${paddedMinute}`,
+    `hourly ${paddedRange} at :${paddedMinute}`,
+  ];
 }
 
 function automationMatchesFilter(job: SessionAutomationJob, filter: AutomationFilter): boolean {
@@ -4431,25 +4563,8 @@ function automationChannelLabel(
   tx: (key: string, fallback: string, values?: Record<string, unknown>) => string,
 ): string {
   const key = channel.trim().toLowerCase();
-  const labels: Record<string, string> = {
-    api: "API",
-    cli: "CLI",
-    dingtalk: "DingTalk",
-    discord: "Discord",
-    email: "Email",
-    feishu: "Feishu",
-    matrix: "Matrix",
-    msteams: "Microsoft Teams",
-    qq: "QQ",
-    slack: "Slack",
-    telegram: "Telegram",
-    wechat: "WeChat",
-    wecom: "WeCom",
-    weixin: "WeChat",
-    whatsapp: "WhatsApp",
-  };
-  return labels[key]
-    ? tx(`settings.automations.channels.${key}`, labels[key])
+  return AUTOMATION_CHANNEL_LABELS[key]
+    ? tx(`settings.automations.channels.${key}`, AUTOMATION_CHANNEL_LABELS[key])
     : channel;
 }
 
diff --git a/webui/src/i18n/locales/en/common.json b/webui/src/i18n/locales/en/common.json
index 47d2bb25..125f2e9d 100644
--- a/webui/src/i18n/locales/en/common.json
+++ b/webui/src/i18n/locales/en/common.json
@@ -493,7 +493,7 @@
         "updated": "Updated",
         "name": "Name"
       },
-      "search": "Search automations",
+      "search": "name:quiz chat:WeChat cron:09-23",
       "queue": "Queue",
       "loading": "Loading automations...",
       "noMatches": "No automations match this view.",
diff --git a/webui/src/i18n/locales/es/common.json b/webui/src/i18n/locales/es/common.json
index 94c6bf05..ce69a2d4 100644
--- a/webui/src/i18n/locales/es/common.json
+++ b/webui/src/i18n/locales/es/common.json
@@ -493,7 +493,7 @@
         "updated": "Actualizada",
         "name": "Nombre"
       },
-      "search": "Buscar automatizaciones",
+      "search": "name:quiz chat:WeChat cron:09-23",
       "queue": "Cola",
       "loading": "Cargando automatizaciones...",
       "noMatches": "No hay automatizaciones que coincidan con esta vista.",
diff --git a/webui/src/i18n/locales/fr/common.json b/webui/src/i18n/locales/fr/common.json
index 7519eef3..0f02183e 100644
--- a/webui/src/i18n/locales/fr/common.json
+++ b/webui/src/i18n/locales/fr/common.json
@@ -493,7 +493,7 @@
         "updated": "Mise à jour",
         "name": "Nom"
       },
-      "search": "Rechercher des automatisations",
+      "search": "name:quiz chat:WeChat cron:09-23",
       "queue": "File",
       "loading": "Chargement des automatisations...",
       "noMatches": "Aucune automatisation ne correspond à cette vue.",
diff --git a/webui/src/i18n/locales/id/common.json b/webui/src/i18n/locales/id/common.json
index 43cc0d8f..358b325f 100644
--- a/webui/src/i18n/locales/id/common.json
+++ b/webui/src/i18n/locales/id/common.json
@@ -493,7 +493,7 @@
         "updated": "Diperbarui",
         "name": "Nama"
       },
-      "search": "Cari otomatisasi",
+      "search": "name:quiz chat:WeChat cron:09-23",
       "queue": "Antrean",
       "loading": "Memuat otomasi...",
       "noMatches": "Tidak ada otomasi yang cocok dengan tampilan ini.",
diff --git a/webui/src/i18n/locales/ja/common.json b/webui/src/i18n/locales/ja/common.json
index d530c2a6..60b4e00c 100644
--- a/webui/src/i18n/locales/ja/common.json
+++ b/webui/src/i18n/locales/ja/common.json
@@ -493,7 +493,7 @@
         "updated": "更新日時",
         "name": "名前"
       },
-      "search": "自動化を検索",
+      "search": "name:quiz chat:WeChat cron:09-23",
       "queue": "キュー",
       "loading": "自動タスクを読み込み中...",
       "noMatches": "この表示に一致する自動タスクはありません。",
diff --git a/webui/src/i18n/locales/ko/common.json b/webui/src/i18n/locales/ko/common.json
index 8e3ac4ee..e2fbf801 100644
--- a/webui/src/i18n/locales/ko/common.json
+++ b/webui/src/i18n/locales/ko/common.json
@@ -493,7 +493,7 @@
         "updated": "업데이트",
         "name": "이름"
       },
-      "search": "자동화 검색",
+      "search": "name:quiz chat:WeChat cron:09-23",
       "queue": "대기열",
       "loading": "자동화를 불러오는 중...",
       "noMatches": "이 보기와 일치하는 자동화가 없습니다.",
diff --git a/webui/src/i18n/locales/vi/common.json b/webui/src/i18n/locales/vi/common.json
index 888234d3..e2daf0bb 100644
--- a/webui/src/i18n/locales/vi/common.json
+++ b/webui/src/i18n/locales/vi/common.json
@@ -493,7 +493,7 @@
         "updated": "Đã cập nhật",
         "name": "Tên"
       },
-      "search": "Tìm tự động hóa",
+      "search": "name:quiz chat:WeChat cron:09-23",
       "queue": "Hàng đợi",
       "loading": "Đang tải tự động hóa...",
       "noMatches": "Không có tự động hóa phù hợp với chế độ xem này.",
diff --git a/webui/src/i18n/locales/zh-CN/common.json b/webui/src/i18n/locales/zh-CN/common.json
index 79828a17..e683c360 100644
--- a/webui/src/i18n/locales/zh-CN/common.json
+++ b/webui/src/i18n/locales/zh-CN/common.json
@@ -493,7 +493,7 @@
         "updated": "更新时间",
         "name": "名称"
       },
-      "search": "搜索自动任务",
+      "search": "name:quiz chat:WeChat cron:09-23",
       "queue": "任务队列",
       "loading": "正在加载自动任务...",
       "noMatches": "当前视图没有匹配的自动任务。",
diff --git a/webui/src/i18n/locales/zh-TW/common.json b/webui/src/i18n/locales/zh-TW/common.json
index a114bf44..925561b4 100644
--- a/webui/src/i18n/locales/zh-TW/common.json
+++ b/webui/src/i18n/locales/zh-TW/common.json
@@ -493,7 +493,7 @@
         "updated": "更新時間",
         "name": "名稱"
       },
-      "search": "搜尋自動任務",
+      "search": "name:quiz chat:WeChat cron:09-23",
       "queue": "任務佇列",
       "loading": "正在載入自動任務...",
       "noMatches": "目前檢視沒有符合的自動任務。",
diff --git a/webui/src/tests/app-layout.test.tsx b/webui/src/tests/app-layout.test.tsx
index 46657c28..229baa1f 100644
--- a/webui/src/tests/app-layout.test.tsx
+++ b/webui/src/tests/app-layout.test.tsx
@@ -393,7 +393,7 @@ describe("App layout", () => {
             enabled: true,
             protected: false,
             delete_after_run: false,
-            schedule: { kind: "every", every_ms: 3_600_000 },
+            schedule: { kind: "cron", expr: "30 9-23 * * *", tz: "Asia/Shanghai" },
             payload: {
               message: "Send a quiz",
               kind: "agent_turn",
@@ -452,6 +452,17 @@ describe("App layout", () => {
       "page",
     );
     expect(document.title).toBe("Automations · nanobot");
+
+    const searchInput = within(automationsMain as HTMLElement).getByPlaceholderText(
+      "name:quiz chat:WeChat cron:09-23",
+    );
+    fireEvent.change(searchInput, { target: { value: "chat:WeChat" } });
+    await waitFor(() => expect(screen.queryByText("Daily repo check")).not.toBeInTheDocument());
+    expect(screen.getAllByText("WeChat quiz").length).toBeGreaterThanOrEqual(1);
+
+    fireEvent.change(searchInput, { target: { value: "cron:09-23" } });
+    await waitFor(() => expect(screen.queryByText("Daily repo check")).not.toBeInTheDocument());
+    expect(screen.getAllByText("WeChat quiz").length).toBeGreaterThanOrEqual(1);
   });
 
   it("edits a past one-time automation without resubmitting its old schedule", async () => {

From 23e12b84ff7589237738a48e8224cb4c6869ba80 Mon Sep 17 00:00:00 2001
From: chengyongru <chengyongru.ai@gmail.com>
Date: Tue, 16 Jun 2026 09:48:53 +0800
Subject: [PATCH 27/38] fix(webui): clarify automation search placeholder

---
 webui/src/components/settings/SettingsView.tsx | 5 ++++-
 webui/src/i18n/locales/en/common.json          | 4 ++--
 webui/src/i18n/locales/es/common.json          | 4 ++--
 webui/src/i18n/locales/fr/common.json          | 4 ++--
 webui/src/i18n/locales/id/common.json          | 4 ++--
 webui/src/i18n/locales/ja/common.json          | 4 ++--
 webui/src/i18n/locales/ko/common.json          | 4 ++--
 webui/src/i18n/locales/vi/common.json          | 4 ++--
 webui/src/i18n/locales/zh-CN/common.json       | 4 ++--
 webui/src/i18n/locales/zh-TW/common.json       | 4 ++--
 webui/src/tests/app-layout.test.tsx            | 6 +++---
 11 files changed, 25 insertions(+), 22 deletions(-)

diff --git a/webui/src/components/settings/SettingsView.tsx b/webui/src/components/settings/SettingsView.tsx
index 4db5e2b8..41135579 100644
--- a/webui/src/components/settings/SettingsView.tsx
+++ b/webui/src/components/settings/SettingsView.tsx
@@ -3506,7 +3506,10 @@ function AutomationsSettings({
               <Input
                 value={query}
                 onChange={(event) => onQueryChange(event.target.value)}
-                placeholder={tx("settings.automations.search", "name:quiz chat:WeChat cron:09-23")}
+                placeholder={tx(
+                  "settings.automations.search",
+                  "Search task, message, linked chat, or schedule",
+                )}
                 className="h-9 w-full rounded-[13px] border-border/45 bg-background/85 pl-9 text-[13px] shadow-sm"
               />
             </div>
diff --git a/webui/src/i18n/locales/en/common.json b/webui/src/i18n/locales/en/common.json
index 125f2e9d..f70110a0 100644
--- a/webui/src/i18n/locales/en/common.json
+++ b/webui/src/i18n/locales/en/common.json
@@ -493,12 +493,12 @@
         "updated": "Updated",
         "name": "Name"
       },
-      "search": "name:quiz chat:WeChat cron:09-23",
+      "search": "Search task, message, linked chat, or schedule",
       "queue": "Queue",
       "loading": "Loading automations...",
       "noMatches": "No automations match this view.",
       "empty": "No automations yet.",
-      "emptyHint": "Create one from the chat or channel where it should run so nanobot keeps the right context.",
+      "emptyHint": "Create one from where it should run so nanobot keeps the right context.",
       "oneShot": "One-time",
       "systemTask": "System-managed automation",
       "labels": {
diff --git a/webui/src/i18n/locales/es/common.json b/webui/src/i18n/locales/es/common.json
index ce69a2d4..c0b93027 100644
--- a/webui/src/i18n/locales/es/common.json
+++ b/webui/src/i18n/locales/es/common.json
@@ -493,12 +493,12 @@
         "updated": "Actualizada",
         "name": "Nombre"
       },
-      "search": "name:quiz chat:WeChat cron:09-23",
+      "search": "Buscar tarea, mensaje, chat vinculado u horario",
       "queue": "Cola",
       "loading": "Cargando automatizaciones...",
       "noMatches": "No hay automatizaciones que coincidan con esta vista.",
       "empty": "Aún no hay automatizaciones.",
-      "emptyHint": "Crea una desde el chat o canal donde debe ejecutarse para que nanobot conserve el contexto correcto.",
+      "emptyHint": "Créala desde donde debe ejecutarse para que nanobot conserve el contexto correcto.",
       "oneShot": "Una vez",
       "systemTask": "Automatización administrada por el sistema",
       "labels": {
diff --git a/webui/src/i18n/locales/fr/common.json b/webui/src/i18n/locales/fr/common.json
index 0f02183e..e8922499 100644
--- a/webui/src/i18n/locales/fr/common.json
+++ b/webui/src/i18n/locales/fr/common.json
@@ -493,12 +493,12 @@
         "updated": "Mise à jour",
         "name": "Nom"
       },
-      "search": "name:quiz chat:WeChat cron:09-23",
+      "search": "Rechercher tâche, message, discussion liée ou planning",
       "queue": "File",
       "loading": "Chargement des automatisations...",
       "noMatches": "Aucune automatisation ne correspond à cette vue.",
       "empty": "Aucune automatisation pour le moment.",
-      "emptyHint": "Créez-en une depuis la discussion ou le canal où elle doit s’exécuter afin que nanobot conserve le bon contexte.",
+      "emptyHint": "Créez-la depuis son point d'exécution pour que nanobot conserve le bon contexte.",
       "oneShot": "Ponctuelle",
       "systemTask": "Automatisation gérée par le système",
       "labels": {
diff --git a/webui/src/i18n/locales/id/common.json b/webui/src/i18n/locales/id/common.json
index 358b325f..aebc5171 100644
--- a/webui/src/i18n/locales/id/common.json
+++ b/webui/src/i18n/locales/id/common.json
@@ -493,12 +493,12 @@
         "updated": "Diperbarui",
         "name": "Nama"
       },
-      "search": "name:quiz chat:WeChat cron:09-23",
+      "search": "Cari tugas, pesan, chat terkait, atau jadwal",
       "queue": "Antrean",
       "loading": "Memuat otomasi...",
       "noMatches": "Tidak ada otomasi yang cocok dengan tampilan ini.",
       "empty": "Belum ada otomasi.",
-      "emptyHint": "Buat dari chat atau channel tempat otomasi akan berjalan agar nanobot menyimpan konteks yang benar.",
+      "emptyHint": "Buat dari tempat tugas ini berjalan agar nanobot menyimpan konteks yang tepat.",
       "oneShot": "Satu kali",
       "systemTask": "Automasi yang dikelola sistem",
       "labels": {
diff --git a/webui/src/i18n/locales/ja/common.json b/webui/src/i18n/locales/ja/common.json
index 60b4e00c..cd0628e8 100644
--- a/webui/src/i18n/locales/ja/common.json
+++ b/webui/src/i18n/locales/ja/common.json
@@ -493,12 +493,12 @@
         "updated": "更新日時",
         "name": "名前"
       },
-      "search": "name:quiz chat:WeChat cron:09-23",
+      "search": "タスク、メッセージ、関連チャット、予定を検索",
       "queue": "キュー",
       "loading": "自動タスクを読み込み中...",
       "noMatches": "この表示に一致する自動タスクはありません。",
       "empty": "自動タスクはまだありません。",
-      "emptyHint": "実行先のチャットまたは外部 channel から作成すると、nanobot が正しいコンテキストを保持できます。",
+      "emptyHint": "実行元から作成すると、nanobot が正しいコンテキストを保持できます。",
       "oneShot": "一回限り",
       "systemTask": "システム管理の自動タスク",
       "labels": {
diff --git a/webui/src/i18n/locales/ko/common.json b/webui/src/i18n/locales/ko/common.json
index e2fbf801..d91bc188 100644
--- a/webui/src/i18n/locales/ko/common.json
+++ b/webui/src/i18n/locales/ko/common.json
@@ -493,12 +493,12 @@
         "updated": "업데이트",
         "name": "이름"
       },
-      "search": "name:quiz chat:WeChat cron:09-23",
+      "search": "작업, 메시지, 연결된 채팅 또는 일정 검색",
       "queue": "대기열",
       "loading": "자동화를 불러오는 중...",
       "noMatches": "이 보기와 일치하는 자동화가 없습니다.",
       "empty": "아직 자동화가 없습니다.",
-      "emptyHint": "실행되어야 하는 채팅 또는 외부 channel에서 만들면 nanobot이 올바른 컨텍스트를 유지합니다.",
+      "emptyHint": "실행될 위치에서 만들면 nanobot이 올바른 컨텍스트를 유지합니다.",
       "oneShot": "일회성",
       "systemTask": "시스템 관리 자동화",
       "labels": {
diff --git a/webui/src/i18n/locales/vi/common.json b/webui/src/i18n/locales/vi/common.json
index e2daf0bb..8edee166 100644
--- a/webui/src/i18n/locales/vi/common.json
+++ b/webui/src/i18n/locales/vi/common.json
@@ -493,12 +493,12 @@
         "updated": "Đã cập nhật",
         "name": "Tên"
       },
-      "search": "name:quiz chat:WeChat cron:09-23",
+      "search": "Tìm tác vụ, tin nhắn, cuộc trò chuyện liên kết hoặc lịch",
       "queue": "Hàng đợi",
       "loading": "Đang tải tự động hóa...",
       "noMatches": "Không có tự động hóa phù hợp với chế độ xem này.",
       "empty": "Chưa có tự động hóa.",
-      "emptyHint": "Tạo từ cuộc trò chuyện hoặc channel nơi tự động hóa sẽ chạy để nanobot giữ đúng ngữ cảnh.",
+      "emptyHint": "Tạo từ nơi tác vụ sẽ chạy để nanobot giữ đúng ngữ cảnh.",
       "oneShot": "Một lần",
       "systemTask": "Tự động hóa do hệ thống quản lý",
       "labels": {
diff --git a/webui/src/i18n/locales/zh-CN/common.json b/webui/src/i18n/locales/zh-CN/common.json
index e683c360..cce6f4ac 100644
--- a/webui/src/i18n/locales/zh-CN/common.json
+++ b/webui/src/i18n/locales/zh-CN/common.json
@@ -493,12 +493,12 @@
         "updated": "更新时间",
         "name": "名称"
       },
-      "search": "name:quiz chat:WeChat cron:09-23",
+      "search": "搜索任务、消息、关联会话或计划",
       "queue": "任务队列",
       "loading": "正在加载自动任务...",
       "noMatches": "当前视图没有匹配的自动任务。",
       "empty": "暂无自动任务。",
-      "emptyHint": "请从它应该运行的聊天或外部 channel 中创建，这样 nanobot 才能保留正确上下文。",
+      "emptyHint": "请从它应该运行的来源处创建，这样 nanobot 才能保留正确上下文。",
       "oneShot": "一次性",
       "systemTask": "系统管理的自动任务",
       "labels": {
diff --git a/webui/src/i18n/locales/zh-TW/common.json b/webui/src/i18n/locales/zh-TW/common.json
index 925561b4..9aaf6f86 100644
--- a/webui/src/i18n/locales/zh-TW/common.json
+++ b/webui/src/i18n/locales/zh-TW/common.json
@@ -493,12 +493,12 @@
         "updated": "更新時間",
         "name": "名稱"
       },
-      "search": "name:quiz chat:WeChat cron:09-23",
+      "search": "搜尋任務、訊息、關聯對話或排程",
       "queue": "任務佇列",
       "loading": "正在載入自動任務...",
       "noMatches": "目前檢視沒有符合的自動任務。",
       "empty": "尚無自動任務。",
-      "emptyHint": "請從它應該執行的聊天或外部 channel 中建立，這樣 nanobot 才能保留正確上下文。",
+      "emptyHint": "請從它應該執行的來源處建立，這樣 nanobot 才能保留正確上下文。",
       "oneShot": "一次性",
       "systemTask": "系統管理的自動任務",
       "labels": {
diff --git a/webui/src/tests/app-layout.test.tsx b/webui/src/tests/app-layout.test.tsx
index 229baa1f..c4c93c92 100644
--- a/webui/src/tests/app-layout.test.tsx
+++ b/webui/src/tests/app-layout.test.tsx
@@ -454,13 +454,13 @@ describe("App layout", () => {
     expect(document.title).toBe("Automations · nanobot");
 
     const searchInput = within(automationsMain as HTMLElement).getByPlaceholderText(
-      "name:quiz chat:WeChat cron:09-23",
+      "Search task, message, linked chat, or schedule",
     );
-    fireEvent.change(searchInput, { target: { value: "chat:WeChat" } });
+    fireEvent.change(searchInput, { target: { value: "WeChat" } });
     await waitFor(() => expect(screen.queryByText("Daily repo check")).not.toBeInTheDocument());
     expect(screen.getAllByText("WeChat quiz").length).toBeGreaterThanOrEqual(1);
 
-    fireEvent.change(searchInput, { target: { value: "cron:09-23" } });
+    fireEvent.change(searchInput, { target: { value: "09-23" } });
     await waitFor(() => expect(screen.queryByText("Daily repo check")).not.toBeInTheDocument());
     expect(screen.getAllByText("WeChat quiz").length).toBeGreaterThanOrEqual(1);
   });

From 04387bf9e3aec585b79b0a0ca2a70b6c85aa8a6f Mon Sep 17 00:00:00 2001
From: chengyongru <chengyongru.ai@gmail.com>
Date: Tue, 16 Jun 2026 10:08:50 +0800
Subject: [PATCH 28/38] fix(webui): keep automation workspace within viewport

---
 .../src/components/settings/SettingsView.tsx  | 51 ++++++++++++-------
 1 file changed, 32 insertions(+), 19 deletions(-)

diff --git a/webui/src/components/settings/SettingsView.tsx b/webui/src/components/settings/SettingsView.tsx
index 41135579..cd53aa80 100644
--- a/webui/src/components/settings/SettingsView.tsx
+++ b/webui/src/components/settings/SettingsView.tsx
@@ -1712,15 +1712,22 @@ export function SettingsView({
         onSave={handleAutomationEdit}
       />
 
-      <main className="min-w-0 flex-1 overflow-y-auto [scrollbar-gutter:stable]">
+      <main
+        className={cn(
+          "min-w-0 flex-1 [scrollbar-gutter:stable]",
+          activeSection === "automations" ? "overflow-y-auto xl:overflow-hidden" : "overflow-y-auto",
+        )}
+      >
         <div
           className={cn(
             "mx-auto w-full px-4 py-6 sm:px-8 sm:py-8 lg:py-12",
-            "max-w-[920px]",
+            activeSection === "automations"
+              ? "xl:flex xl:h-full xl:max-w-[70rem] xl:flex-col xl:overflow-hidden xl:py-6"
+              : "max-w-[920px]",
             hostChromeInset && "pt-[4.25rem] sm:pt-[4.25rem] lg:pt-[4.75rem]",
           )}
         >
-          <div className="mb-7">
+          <div className={cn("mb-7", activeSection === "automations" && "xl:mb-4")}>
             {!showSidebar ? (
               <button
                 type="button"
@@ -1753,7 +1760,13 @@ export function SettingsView({
               </SettingsRow>
             </SettingsGroup>
           ) : settings ? (
-            <div className="space-y-5">
+            <div
+              className={cn(
+                "space-y-5",
+                activeSection === "automations" &&
+                  "xl:flex xl:min-h-0 xl:flex-1 xl:flex-col xl:gap-3 xl:space-y-0 xl:overflow-hidden",
+              )}
+            >
               {error ? (
                 <div className="rounded-[18px] border border-destructive/20 bg-destructive/5 px-4 py-3 text-[13px] text-destructive">
                   {error}
@@ -3476,8 +3489,8 @@ function AutomationsSettings({
   }, [filtered, selectedJobId]);
 
   return (
-    <div className="space-y-4">
-      <section className="rounded-[24px] border border-border/45 bg-card/80 p-3 shadow-[0_22px_70px_rgba(15,23,42,0.055)] backdrop-blur-xl sm:p-4">
+    <div className="flex min-h-0 flex-col gap-3 xl:flex-1 xl:overflow-hidden">
+      <section className="shrink-0 rounded-[24px] border border-border/45 bg-card/80 p-3 shadow-[0_22px_70px_rgba(15,23,42,0.055)] backdrop-blur-xl sm:p-4">
         <div className="mx-auto flex w-full max-w-[56rem] flex-col gap-3">
           <div className="-mx-1 overflow-x-auto px-1 pb-0.5">
             <div className="grid w-full min-w-[36rem] grid-cols-5 gap-1 rounded-[16px] bg-muted/50 p-1">
@@ -3550,9 +3563,9 @@ function AutomationsSettings({
           {tx("settings.automations.loading", "Loading automations...")}
         </div>
       ) : filtered.length && selectedJob ? (
-        <section className="grid items-start gap-4 xl:grid-cols-[minmax(16rem,18rem)_minmax(0,1fr)]">
-          <aside className="overflow-hidden rounded-[24px] border border-border/45 bg-card/80 shadow-[0_22px_70px_rgba(15,23,42,0.055)] backdrop-blur-xl">
-            <div className="flex items-center justify-between gap-3 border-b border-border/35 px-4 py-3">
+        <section className="grid min-h-0 gap-3 xl:flex-1 xl:grid-cols-[minmax(16rem,18rem)_minmax(0,1fr)] xl:items-stretch xl:overflow-hidden">
+          <aside className="flex min-h-0 flex-col overflow-hidden rounded-[24px] border border-border/45 bg-card/80 shadow-[0_22px_70px_rgba(15,23,42,0.055)] backdrop-blur-xl">
+            <div className="flex shrink-0 items-center justify-between gap-3 border-b border-border/35 px-4 py-3">
               <h2 className="text-[13px] font-semibold tracking-[-0.01em] text-foreground/85">
                 {tx("settings.automations.queue", "Queue")}
               </h2>
@@ -3561,7 +3574,7 @@ function AutomationsSettings({
               </span>
             </div>
             <div
-              className="max-h-[26rem] space-y-1 overflow-y-auto p-2 lg:max-h-[calc(100dvh-17rem)]"
+              className="max-h-[22rem] space-y-1 overflow-y-auto overscroll-contain p-2 xl:max-h-none xl:min-h-0 xl:flex-1"
               role="list"
               aria-label={tx("settings.automations.queue", "Queue")}
             >
@@ -3596,7 +3609,7 @@ function AutomationsSettings({
             <div className="mx-auto mt-2 max-w-[28rem] text-[12px] leading-5">
               {tx(
                 "settings.automations.emptyHint",
-                "Create one from the chat or channel where it should run so nanobot keeps the right context.",
+                "Create one from where it should run so nanobot keeps the right context.",
               )}
             </div>
           ) : null}
@@ -3715,9 +3728,9 @@ function AutomationDetailPanel({
   }, [job.id]);
 
   return (
-    <article className="min-w-0 overflow-hidden rounded-[24px] border border-border/45 bg-card/90 shadow-[0_24px_80px_rgba(15,23,42,0.065)] backdrop-blur-xl">
-      <div className="border-b border-border/35 px-4 py-4 sm:px-5">
-        <div className="flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between">
+    <article className="flex min-h-0 min-w-0 flex-col overflow-hidden rounded-[24px] border border-border/45 bg-card/90 shadow-[0_24px_80px_rgba(15,23,42,0.065)] backdrop-blur-xl">
+      <div className="shrink-0 border-b border-border/35 px-4 py-3.5 sm:px-5">
+        <div className="flex flex-col gap-3 lg:flex-row lg:items-start lg:justify-between">
           <div className="min-w-0">
             <div className="flex min-w-0 flex-wrap items-center gap-2">
               <h3 className="min-w-0 truncate text-[18px] font-medium leading-7 text-foreground">
@@ -3742,8 +3755,8 @@ function AutomationDetailPanel({
         </div>
       </div>
 
-      <div className="grid min-w-0">
-        <div className="min-w-0 space-y-4 p-4 sm:p-5">
+      <div className="grid min-h-0 min-w-0 flex-1 overflow-hidden lg:grid-cols-[minmax(0,1fr)_14.5rem]">
+        <div className="min-h-0 min-w-0 space-y-3 overflow-y-auto overscroll-contain p-4 sm:p-5">
           <section className="rounded-[20px] border border-border/35 bg-background/60 px-4 py-3.5">
             <div className="text-[11px] font-medium leading-none text-muted-foreground/75">
               {tx("settings.automations.fields.message", "Message")}
@@ -3798,8 +3811,8 @@ function AutomationDetailPanel({
           ) : null}
         </div>
 
-        <aside className="border-t border-border/35 bg-muted/20 p-4 text-[12px] text-muted-foreground sm:p-5">
-          <div className="space-y-4">
+        <aside className="min-h-0 overflow-y-auto overscroll-contain border-t border-border/35 bg-muted/20 p-4 text-[12px] text-muted-foreground lg:border-l lg:border-t-0">
+          <div className="grid gap-3">
             <AutomationDetail
               label={tx("settings.automations.labels.schedule", "Schedule")}
               title={schedule}
@@ -3807,7 +3820,7 @@ function AutomationDetailPanel({
               {schedule}
             </AutomationDetail>
             <div className="rounded-[18px] bg-background/55 p-3">
-              <div className="space-y-3">
+              <div className="grid gap-3">
                 {created ? (
                   <div>
                     <div className="text-[11px] leading-none text-muted-foreground/75">

From 201d442a8533f70a62424f90e2028fcadffe19fc Mon Sep 17 00:00:00 2001
From: chengyongru <chengyongru.ai@gmail.com>
Date: Tue, 16 Jun 2026 11:07:48 +0800
Subject: [PATCH 29/38] fix(webui): soften automation manager styling

---
 .../src/components/settings/SettingsView.tsx  | 77 ++++++++++++-------
 1 file changed, 51 insertions(+), 26 deletions(-)

diff --git a/webui/src/components/settings/SettingsView.tsx b/webui/src/components/settings/SettingsView.tsx
index cd53aa80..2bf98b5a 100644
--- a/webui/src/components/settings/SettingsView.tsx
+++ b/webui/src/components/settings/SettingsView.tsx
@@ -3490,22 +3490,23 @@ function AutomationsSettings({
 
   return (
     <div className="flex min-h-0 flex-col gap-3 xl:flex-1 xl:overflow-hidden">
-      <section className="shrink-0 rounded-[24px] border border-border/45 bg-card/80 p-3 shadow-[0_22px_70px_rgba(15,23,42,0.055)] backdrop-blur-xl sm:p-4">
+      <section className="shrink-0 rounded-[22px] border border-orange-200/35 bg-gradient-to-b from-orange-50/45 to-background/82 p-3 shadow-[0_18px_54px_rgba(120,72,25,0.08)] backdrop-blur-xl dark:border-orange-300/10 dark:from-orange-300/8 dark:to-card/72 sm:p-4">
         <div className="mx-auto flex w-full max-w-[56rem] flex-col gap-3">
           <div className="-mx-1 overflow-x-auto px-1 pb-0.5">
-            <div className="grid w-full min-w-[36rem] grid-cols-5 gap-1 rounded-[16px] bg-muted/50 p-1">
+            <div className="grid w-full min-w-[36rem] grid-cols-5 gap-1 rounded-[15px] bg-background/58 p-1 shadow-[inset_0_0_0_1px_rgba(120,72,25,0.045)] dark:bg-background/30">
               {summaryOptions.map((option) => (
                 <button
                   key={option.value}
                   type="button"
                   onClick={() => onFilterChange(option.value)}
                   className={cn(
-                    "inline-flex h-8 min-w-0 shrink-0 items-center justify-center gap-2 whitespace-nowrap rounded-[12px] px-3 text-[12px] font-medium text-muted-foreground transition-colors",
-                    filter === option.value && "bg-background text-foreground shadow-sm",
+                    "inline-flex h-8 min-w-0 shrink-0 items-center justify-center gap-2 whitespace-nowrap rounded-[11px] px-3 text-[12px] font-medium text-muted-foreground transition-colors",
+                    filter === option.value &&
+                      "bg-white text-orange-950 shadow-[0_8px_20px_rgba(120,72,25,0.1)] dark:bg-background/80 dark:text-orange-100",
                   )}
                 >
                   <span>{option.label}</span>
-                  <span className="min-w-5 shrink-0 rounded-full bg-background/75 px-1.5 py-0.5 text-center text-[11px] tabular-nums text-muted-foreground">
+                  <span className="min-w-5 shrink-0 rounded-full bg-orange-100/70 px-1.5 py-0.5 text-center text-[11px] tabular-nums text-orange-800/70 dark:bg-orange-300/12 dark:text-orange-200/75">
                     {option.count}
                   </span>
                 </button>
@@ -3523,14 +3524,14 @@ function AutomationsSettings({
                   "settings.automations.search",
                   "Search task, message, linked chat, or schedule",
                 )}
-                className="h-9 w-full rounded-[13px] border-border/45 bg-background/85 pl-9 text-[13px] shadow-sm"
+                className="h-9 w-full rounded-[13px] border-orange-200/35 bg-background/82 pl-9 text-[13px] shadow-[0_8px_22px_rgba(120,72,25,0.055)] focus-visible:ring-orange-300/55 dark:border-orange-300/10 dark:bg-background/40"
               />
             </div>
             <DropdownMenu>
               <DropdownMenuTrigger asChild>
                 <button
                   type="button"
-                  className="inline-flex h-9 min-w-[8.5rem] items-center justify-center gap-1.5 whitespace-nowrap rounded-[13px] border border-border/45 bg-background/85 px-3 text-[12px] font-medium text-muted-foreground shadow-sm transition-colors hover:bg-muted/70 hover:text-foreground sm:w-auto"
+                  className="inline-flex h-9 min-w-[8.5rem] items-center justify-center gap-1.5 whitespace-nowrap rounded-[13px] border border-orange-200/35 bg-background/82 px-3 text-[12px] font-medium text-muted-foreground shadow-[0_8px_22px_rgba(120,72,25,0.055)] transition-colors hover:bg-orange-50/80 hover:text-foreground dark:border-orange-300/10 dark:bg-background/40 dark:hover:bg-orange-300/10 sm:w-auto"
                 >
                   <ArrowUpDown className="h-3.5 w-3.5" aria-hidden />
                   <span>{sortLabel[sort]}</span>
@@ -3563,18 +3564,18 @@ function AutomationsSettings({
           {tx("settings.automations.loading", "Loading automations...")}
         </div>
       ) : filtered.length && selectedJob ? (
-        <section className="grid min-h-0 gap-3 xl:flex-1 xl:grid-cols-[minmax(16rem,18rem)_minmax(0,1fr)] xl:items-stretch xl:overflow-hidden">
-          <aside className="flex min-h-0 flex-col overflow-hidden rounded-[24px] border border-border/45 bg-card/80 shadow-[0_22px_70px_rgba(15,23,42,0.055)] backdrop-blur-xl">
-            <div className="flex shrink-0 items-center justify-between gap-3 border-b border-border/35 px-4 py-3">
+        <section className="grid min-h-0 overflow-hidden rounded-[26px] border border-orange-200/30 bg-gradient-to-br from-background/92 via-orange-50/24 to-background/88 shadow-[0_26px_80px_rgba(120,72,25,0.1)] backdrop-blur-xl dark:border-orange-300/10 dark:from-card/78 dark:via-orange-300/6 dark:to-card/68 xl:flex-1 xl:grid-cols-[minmax(16rem,18rem)_minmax(0,1fr)] xl:items-stretch">
+          <aside className="flex min-h-0 flex-col overflow-hidden border-b border-orange-200/24 bg-background/42 dark:border-orange-300/10 dark:bg-background/18 xl:border-b-0 xl:border-r">
+            <div className="flex shrink-0 items-center justify-between gap-3 px-4 py-3">
               <h2 className="text-[13px] font-semibold tracking-[-0.01em] text-foreground/85">
                 {tx("settings.automations.queue", "Queue")}
               </h2>
-              <span className="rounded-full bg-muted/70 px-2 py-0.5 text-[11px] text-muted-foreground tabular-nums">
+              <span className="rounded-full bg-orange-100/60 px-2 py-0.5 text-[11px] text-orange-800/70 tabular-nums dark:bg-orange-300/10 dark:text-orange-200/75">
                 {filtered.length}
               </span>
             </div>
             <div
-              className="max-h-[22rem] space-y-1 overflow-y-auto overscroll-contain p-2 xl:max-h-none xl:min-h-0 xl:flex-1"
+              className="max-h-[22rem] space-y-1 overflow-y-auto overscroll-contain px-2 pb-2 xl:max-h-none xl:min-h-0 xl:flex-1"
               role="list"
               aria-label={tx("settings.automations.queue", "Queue")}
             >
@@ -3646,8 +3647,8 @@ function AutomationListItem({
         className={cn(
           "group grid w-full grid-cols-[minmax(0,1fr)_auto] gap-3 rounded-[18px] px-3 py-3.5 text-left transition-colors",
           selected
-            ? "bg-background text-foreground shadow-sm ring-1 ring-border/45"
-            : "text-muted-foreground hover:bg-background/55 hover:text-foreground",
+            ? "bg-white/82 text-foreground shadow-[0_10px_28px_rgba(120,72,25,0.08)] ring-1 ring-orange-200/45 dark:bg-background/45 dark:ring-orange-300/12"
+            : "text-muted-foreground hover:bg-white/48 hover:text-foreground dark:hover:bg-background/24",
         )}
       >
         <span className="min-w-0">
@@ -3672,7 +3673,7 @@ function AutomationListItem({
           </span>
         </span>
         <span className="flex shrink-0 flex-col items-end gap-2 pt-0.5">
-          <span className="rounded-full bg-muted/70 px-2 py-0.5 text-[11px] font-medium text-muted-foreground">
+          <span className="rounded-full bg-white/65 px-2 py-0.5 text-[11px] font-medium text-muted-foreground shadow-[inset_0_0_0_1px_rgba(120,72,25,0.055)] dark:bg-background/35">
             {status.label}
           </span>
           {job.delete_after_run ? (
@@ -3728,17 +3729,17 @@ function AutomationDetailPanel({
   }, [job.id]);
 
   return (
-    <article className="flex min-h-0 min-w-0 flex-col overflow-hidden rounded-[24px] border border-border/45 bg-card/90 shadow-[0_24px_80px_rgba(15,23,42,0.065)] backdrop-blur-xl">
-      <div className="shrink-0 border-b border-border/35 px-4 py-3.5 sm:px-5">
+    <article className="flex min-h-0 min-w-0 flex-col overflow-hidden bg-background/44 dark:bg-background/18">
+      <div className="shrink-0 border-b border-orange-200/24 px-4 py-3.5 dark:border-orange-300/10 sm:px-5">
         <div className="flex flex-col gap-3 lg:flex-row lg:items-start lg:justify-between">
           <div className="min-w-0">
             <div className="flex min-w-0 flex-wrap items-center gap-2">
               <h3 className="min-w-0 truncate text-[18px] font-medium leading-7 text-foreground">
                 {job.name || job.id}
               </h3>
-              <StatusPill tone={status.tone}>{status.label}</StatusPill>
+              <AutomationStatusBadge tone={status.tone}>{status.label}</AutomationStatusBadge>
               {job.delete_after_run ? (
-                <StatusPill>{tx("settings.automations.oneShot", "One-time")}</StatusPill>
+                <AutomationStatusBadge>{tx("settings.automations.oneShot", "One-time")}</AutomationStatusBadge>
               ) : null}
             </div>
             <p className="mt-1 truncate text-[12.5px] leading-5 text-muted-foreground">
@@ -3757,7 +3758,7 @@ function AutomationDetailPanel({
 
       <div className="grid min-h-0 min-w-0 flex-1 overflow-hidden lg:grid-cols-[minmax(0,1fr)_14.5rem]">
         <div className="min-h-0 min-w-0 space-y-3 overflow-y-auto overscroll-contain p-4 sm:p-5">
-          <section className="rounded-[20px] border border-border/35 bg-background/60 px-4 py-3.5">
+          <section className="rounded-[20px] border border-orange-200/24 bg-white/56 px-4 py-3.5 shadow-[inset_0_1px_0_rgba(255,255,255,0.65)] dark:border-orange-300/10 dark:bg-background/24">
             <div className="text-[11px] font-medium leading-none text-muted-foreground/75">
               {tx("settings.automations.fields.message", "Message")}
             </div>
@@ -3811,7 +3812,7 @@ function AutomationDetailPanel({
           ) : null}
         </div>
 
-        <aside className="min-h-0 overflow-y-auto overscroll-contain border-t border-border/35 bg-muted/20 p-4 text-[12px] text-muted-foreground lg:border-l lg:border-t-0">
+        <aside className="min-h-0 overflow-y-auto overscroll-contain border-t border-orange-200/24 bg-orange-50/24 p-4 text-[12px] text-muted-foreground dark:border-orange-300/10 dark:bg-orange-300/5 lg:border-l lg:border-t-0">
           <div className="grid gap-3">
             <AutomationDetail
               label={tx("settings.automations.labels.schedule", "Schedule")}
@@ -3882,7 +3883,7 @@ function AutomationActionGroup({
   }
 
   return (
-    <div className="flex shrink-0 items-center gap-1 rounded-full border border-border/35 bg-background/70 p-1 shadow-sm">
+    <div className="flex shrink-0 items-center gap-1 rounded-full border border-orange-200/30 bg-white/62 p-1 shadow-[0_10px_26px_rgba(120,72,25,0.08)] dark:border-orange-300/10 dark:bg-background/35">
       <AppsActionButton
         ariaLabel={tx("settings.automations.edit", "Edit")}
         disabled={Boolean(actionKey)}
@@ -3925,6 +3926,30 @@ function AutomationActionGroup({
   );
 }
 
+function AutomationStatusBadge({
+  tone = "neutral",
+  children,
+}: {
+  tone?: "neutral" | "success" | "warning";
+  children: ReactNode;
+}) {
+  return (
+    <span
+      className={cn(
+        "inline-flex h-6 items-center rounded-full px-2.5 text-[11.5px] font-medium shadow-[inset_0_0_0_1px_rgba(120,72,25,0.055)]",
+        tone === "success" &&
+          "bg-orange-100/72 text-orange-800 dark:bg-orange-300/12 dark:text-orange-200",
+        tone === "warning" &&
+          "bg-amber-100/80 text-amber-800 dark:bg-amber-300/14 dark:text-amber-200",
+        tone === "neutral" &&
+          "bg-white/64 text-muted-foreground dark:bg-background/35 dark:text-muted-foreground",
+      )}
+    >
+      {children}
+    </span>
+  );
+}
+
 function automationMessageNeedsExpansion(message: string): boolean {
   return message.length > 360 || message.split(/\r?\n/).length > 6;
 }
@@ -3941,7 +3966,7 @@ function AutomationDetail({
   children: ReactNode;
 }) {
   return (
-    <div className="min-w-0 rounded-[18px] bg-muted/32 px-3 py-3">
+    <div className="min-w-0 rounded-[17px] bg-white/46 px-3 py-3 shadow-[inset_0_0_0_1px_rgba(120,72,25,0.04)] dark:bg-background/22">
       <div className="text-[11px] font-medium leading-none text-muted-foreground/75">
         {label}
       </div>
@@ -4685,9 +4710,9 @@ function formatAutomationNextTitle(
 
 function automationStatusDotClass(job: SessionAutomationJob): string {
   const status = automationStatusKey(job);
-  if (status === "active" || status === "running") return "bg-emerald-500";
-  if (status === "failed") return "bg-amber-500";
-  if (status === "system") return "bg-blue-500";
+  if (status === "active" || status === "running") return "bg-orange-500 shadow-[0_0_0_3px_rgba(249,115,22,0.12)]";
+  if (status === "failed") return "bg-amber-500 shadow-[0_0_0_3px_rgba(245,158,11,0.13)]";
+  if (status === "system") return "bg-muted-foreground/45";
   return "bg-muted-foreground/45";
 }
 

From 04545b95d9841e2872a0ba93abcb30573c5b79c2 Mon Sep 17 00:00:00 2001
From: chengyongru <chengyongru.ai@gmail.com>
Date: Tue, 16 Jun 2026 11:41:05 +0800
Subject: [PATCH 30/38] fix(webui): refine automation styling and delete
 confirmation

---
 webui/src/components/DeleteConfirm.tsx        |  6 ++--
 .../src/components/settings/SettingsView.tsx  | 30 +++++++++----------
 webui/src/i18n/locales/en/common.json         |  2 +-
 webui/src/i18n/locales/es/common.json         |  2 +-
 webui/src/i18n/locales/fr/common.json         |  2 +-
 webui/src/i18n/locales/id/common.json         |  2 +-
 webui/src/i18n/locales/ja/common.json         |  2 +-
 webui/src/i18n/locales/ko/common.json         |  2 +-
 webui/src/i18n/locales/vi/common.json         |  2 +-
 webui/src/i18n/locales/zh-CN/common.json      |  2 +-
 webui/src/i18n/locales/zh-TW/common.json      |  2 +-
 webui/src/tests/app-layout.test.tsx           |  2 +-
 12 files changed, 28 insertions(+), 28 deletions(-)

diff --git a/webui/src/components/DeleteConfirm.tsx b/webui/src/components/DeleteConfirm.tsx
index d0a5ff77..5b578b05 100644
--- a/webui/src/components/DeleteConfirm.tsx
+++ b/webui/src/components/DeleteConfirm.tsx
@@ -80,16 +80,16 @@ export function DeleteConfirm({
             </div>
           ) : null}
         </AlertDialogHeader>
-        <AlertDialogFooter className="mt-7 grid grid-cols-1 gap-3 space-x-0 sm:grid-cols-2">
+        <AlertDialogFooter className="mt-7 !grid grid-cols-1 gap-3 space-x-0 sm:grid-cols-2 sm:space-x-0">
           <AlertDialogCancel
             onClick={onCancel}
-            className="mt-0 h-11 rounded-full border-0 bg-muted/70 px-5 text-[15px] font-semibold text-foreground shadow-none hover:bg-muted"
+            className="mt-0 h-11 w-full min-w-0 rounded-full border-0 bg-muted/70 px-5 text-[15px] font-semibold text-foreground shadow-none hover:bg-muted"
           >
             {t("deleteConfirm.cancel")}
           </AlertDialogCancel>
           <AlertDialogAction
             onClick={onConfirm}
-            className="h-11 rounded-full bg-destructive px-5 text-[15px] font-semibold text-destructive-foreground shadow-[0_10px_25px_rgba(239,68,68,0.28)] hover:bg-destructive/90"
+            className="h-11 w-full min-w-0 !whitespace-normal rounded-full bg-destructive px-5 text-center text-[15px] font-semibold text-destructive-foreground shadow-[0_10px_25px_rgba(239,68,68,0.28)] hover:bg-destructive/90"
           >
             {hasAutomations
               ? t("deleteConfirm.confirmWithAutomations")
diff --git a/webui/src/components/settings/SettingsView.tsx b/webui/src/components/settings/SettingsView.tsx
index 2bf98b5a..7a42d8fd 100644
--- a/webui/src/components/settings/SettingsView.tsx
+++ b/webui/src/components/settings/SettingsView.tsx
@@ -3489,11 +3489,11 @@ function AutomationsSettings({
   }, [filtered, selectedJobId]);
 
   return (
-    <div className="flex min-h-0 flex-col gap-3 xl:flex-1 xl:overflow-hidden">
-      <section className="shrink-0 rounded-[22px] border border-orange-200/35 bg-gradient-to-b from-orange-50/45 to-background/82 p-3 shadow-[0_18px_54px_rgba(120,72,25,0.08)] backdrop-blur-xl dark:border-orange-300/10 dark:from-orange-300/8 dark:to-card/72 sm:p-4">
+    <div className="flex min-h-0 flex-col gap-2 xl:flex-1 xl:overflow-hidden">
+      <section className="shrink-0 rounded-[22px] border border-border/45 bg-card/72 p-3 shadow-[0_14px_42px_rgba(15,23,42,0.045)] backdrop-blur-xl dark:border-white/10 dark:bg-card/45 sm:p-4">
         <div className="mx-auto flex w-full max-w-[56rem] flex-col gap-3">
           <div className="-mx-1 overflow-x-auto px-1 pb-0.5">
-            <div className="grid w-full min-w-[36rem] grid-cols-5 gap-1 rounded-[15px] bg-background/58 p-1 shadow-[inset_0_0_0_1px_rgba(120,72,25,0.045)] dark:bg-background/30">
+            <div className="grid w-full min-w-[36rem] grid-cols-5 gap-1 rounded-[15px] bg-muted/42 p-1 shadow-[inset_0_0_0_1px_rgba(15,23,42,0.035)] dark:bg-background/30">
               {summaryOptions.map((option) => (
                 <button
                   key={option.value}
@@ -3502,7 +3502,7 @@ function AutomationsSettings({
                   className={cn(
                     "inline-flex h-8 min-w-0 shrink-0 items-center justify-center gap-2 whitespace-nowrap rounded-[11px] px-3 text-[12px] font-medium text-muted-foreground transition-colors",
                     filter === option.value &&
-                      "bg-white text-orange-950 shadow-[0_8px_20px_rgba(120,72,25,0.1)] dark:bg-background/80 dark:text-orange-100",
+                      "bg-background text-foreground shadow-[0_8px_20px_rgba(15,23,42,0.07)] dark:bg-background/80",
                   )}
                 >
                   <span>{option.label}</span>
@@ -3524,14 +3524,14 @@ function AutomationsSettings({
                   "settings.automations.search",
                   "Search task, message, linked chat, or schedule",
                 )}
-                className="h-9 w-full rounded-[13px] border-orange-200/35 bg-background/82 pl-9 text-[13px] shadow-[0_8px_22px_rgba(120,72,25,0.055)] focus-visible:ring-orange-300/55 dark:border-orange-300/10 dark:bg-background/40"
+                className="h-9 w-full rounded-[13px] border-border/45 bg-background/85 pl-9 text-[13px] shadow-[0_8px_22px_rgba(15,23,42,0.04)] dark:border-white/10 dark:bg-background/40"
               />
             </div>
             <DropdownMenu>
               <DropdownMenuTrigger asChild>
                 <button
                   type="button"
-                  className="inline-flex h-9 min-w-[8.5rem] items-center justify-center gap-1.5 whitespace-nowrap rounded-[13px] border border-orange-200/35 bg-background/82 px-3 text-[12px] font-medium text-muted-foreground shadow-[0_8px_22px_rgba(120,72,25,0.055)] transition-colors hover:bg-orange-50/80 hover:text-foreground dark:border-orange-300/10 dark:bg-background/40 dark:hover:bg-orange-300/10 sm:w-auto"
+                  className="inline-flex h-9 min-w-[8.5rem] items-center justify-center gap-1.5 whitespace-nowrap rounded-[13px] border border-border/45 bg-background/85 px-3 text-[12px] font-medium text-muted-foreground shadow-[0_8px_22px_rgba(15,23,42,0.04)] transition-colors hover:bg-muted/70 hover:text-foreground dark:border-white/10 dark:bg-background/40 sm:w-auto"
                 >
                   <ArrowUpDown className="h-3.5 w-3.5" aria-hidden />
                   <span>{sortLabel[sort]}</span>
@@ -3564,8 +3564,8 @@ function AutomationsSettings({
           {tx("settings.automations.loading", "Loading automations...")}
         </div>
       ) : filtered.length && selectedJob ? (
-        <section className="grid min-h-0 overflow-hidden rounded-[26px] border border-orange-200/30 bg-gradient-to-br from-background/92 via-orange-50/24 to-background/88 shadow-[0_26px_80px_rgba(120,72,25,0.1)] backdrop-blur-xl dark:border-orange-300/10 dark:from-card/78 dark:via-orange-300/6 dark:to-card/68 xl:flex-1 xl:grid-cols-[minmax(16rem,18rem)_minmax(0,1fr)] xl:items-stretch">
-          <aside className="flex min-h-0 flex-col overflow-hidden border-b border-orange-200/24 bg-background/42 dark:border-orange-300/10 dark:bg-background/18 xl:border-b-0 xl:border-r">
+        <section className="grid min-h-0 overflow-hidden rounded-[22px] border border-border/45 bg-card/72 shadow-[0_18px_55px_rgba(15,23,42,0.055)] backdrop-blur-xl dark:border-white/10 dark:bg-card/45 xl:flex-1 xl:grid-cols-[minmax(16rem,18rem)_minmax(0,1fr)] xl:items-stretch">
+          <aside className="flex min-h-0 flex-col overflow-hidden border-b border-border/35 bg-background/36 dark:border-white/10 dark:bg-background/18 xl:border-b-0 xl:border-r">
             <div className="flex shrink-0 items-center justify-between gap-3 px-4 py-3">
               <h2 className="text-[13px] font-semibold tracking-[-0.01em] text-foreground/85">
                 {tx("settings.automations.queue", "Queue")}
@@ -3647,7 +3647,7 @@ function AutomationListItem({
         className={cn(
           "group grid w-full grid-cols-[minmax(0,1fr)_auto] gap-3 rounded-[18px] px-3 py-3.5 text-left transition-colors",
           selected
-            ? "bg-white/82 text-foreground shadow-[0_10px_28px_rgba(120,72,25,0.08)] ring-1 ring-orange-200/45 dark:bg-background/45 dark:ring-orange-300/12"
+            ? "bg-background text-foreground shadow-[0_10px_28px_rgba(15,23,42,0.055)] ring-1 ring-border/45 dark:bg-background/45 dark:ring-white/10"
             : "text-muted-foreground hover:bg-white/48 hover:text-foreground dark:hover:bg-background/24",
         )}
       >
@@ -3729,8 +3729,8 @@ function AutomationDetailPanel({
   }, [job.id]);
 
   return (
-    <article className="flex min-h-0 min-w-0 flex-col overflow-hidden bg-background/44 dark:bg-background/18">
-      <div className="shrink-0 border-b border-orange-200/24 px-4 py-3.5 dark:border-orange-300/10 sm:px-5">
+    <article className="flex min-h-0 min-w-0 flex-col overflow-hidden bg-background/42 dark:bg-background/18">
+      <div className="shrink-0 border-b border-border/35 px-4 py-3.5 dark:border-white/10 sm:px-5">
         <div className="flex flex-col gap-3 lg:flex-row lg:items-start lg:justify-between">
           <div className="min-w-0">
             <div className="flex min-w-0 flex-wrap items-center gap-2">
@@ -3758,7 +3758,7 @@ function AutomationDetailPanel({
 
       <div className="grid min-h-0 min-w-0 flex-1 overflow-hidden lg:grid-cols-[minmax(0,1fr)_14.5rem]">
         <div className="min-h-0 min-w-0 space-y-3 overflow-y-auto overscroll-contain p-4 sm:p-5">
-          <section className="rounded-[20px] border border-orange-200/24 bg-white/56 px-4 py-3.5 shadow-[inset_0_1px_0_rgba(255,255,255,0.65)] dark:border-orange-300/10 dark:bg-background/24">
+          <section className="rounded-[20px] border border-border/35 bg-background/62 px-4 py-3.5 shadow-[inset_0_1px_0_rgba(255,255,255,0.58)] dark:border-white/10 dark:bg-background/24">
             <div className="text-[11px] font-medium leading-none text-muted-foreground/75">
               {tx("settings.automations.fields.message", "Message")}
             </div>
@@ -3812,7 +3812,7 @@ function AutomationDetailPanel({
           ) : null}
         </div>
 
-        <aside className="min-h-0 overflow-y-auto overscroll-contain border-t border-orange-200/24 bg-orange-50/24 p-4 text-[12px] text-muted-foreground dark:border-orange-300/10 dark:bg-orange-300/5 lg:border-l lg:border-t-0">
+        <aside className="min-h-0 overflow-y-auto overscroll-contain border-t border-border/35 bg-muted/20 p-4 text-[12px] text-muted-foreground dark:border-white/10 dark:bg-background/16 lg:border-l lg:border-t-0">
           <div className="grid gap-3">
             <AutomationDetail
               label={tx("settings.automations.labels.schedule", "Schedule")}
@@ -3883,7 +3883,7 @@ function AutomationActionGroup({
   }
 
   return (
-    <div className="flex shrink-0 items-center gap-1 rounded-full border border-orange-200/30 bg-white/62 p-1 shadow-[0_10px_26px_rgba(120,72,25,0.08)] dark:border-orange-300/10 dark:bg-background/35">
+    <div className="flex shrink-0 items-center gap-1 rounded-full border border-border/35 bg-background/70 p-1 shadow-[0_10px_26px_rgba(15,23,42,0.055)] dark:border-white/10 dark:bg-background/35">
       <AppsActionButton
         ariaLabel={tx("settings.automations.edit", "Edit")}
         disabled={Boolean(actionKey)}
@@ -3966,7 +3966,7 @@ function AutomationDetail({
   children: ReactNode;
 }) {
   return (
-    <div className="min-w-0 rounded-[17px] bg-white/46 px-3 py-3 shadow-[inset_0_0_0_1px_rgba(120,72,25,0.04)] dark:bg-background/22">
+    <div className="min-w-0 rounded-[17px] bg-background/52 px-3 py-3 shadow-[inset_0_0_0_1px_rgba(15,23,42,0.035)] dark:bg-background/22">
       <div className="text-[11px] font-medium leading-none text-muted-foreground/75">
         {label}
       </div>
diff --git a/webui/src/i18n/locales/en/common.json b/webui/src/i18n/locales/en/common.json
index f70110a0..c2628f6d 100644
--- a/webui/src/i18n/locales/en/common.json
+++ b/webui/src/i18n/locales/en/common.json
@@ -705,7 +705,7 @@
     "confirm": "Delete",
     "automationsDescription": "This chat has scheduled automations. Deleting it will also delete them.",
     "moreAutomations": "+ {{count}} more",
-    "confirmWithAutomations": "Delete chat and automations",
+    "confirmWithAutomations": "Delete",
     "schedule": {
       "at": "{{time}}",
       "every": "Every {{duration}}",
diff --git a/webui/src/i18n/locales/es/common.json b/webui/src/i18n/locales/es/common.json
index c0b93027..7f8fd4c5 100644
--- a/webui/src/i18n/locales/es/common.json
+++ b/webui/src/i18n/locales/es/common.json
@@ -705,7 +705,7 @@
     "confirm": "Eliminar",
     "automationsDescription": "Este chat tiene automatizaciones programadas. Al eliminarlo también se eliminarán.",
     "moreAutomations": "+ {{count}} más",
-    "confirmWithAutomations": "Eliminar chat y automatizaciones",
+    "confirmWithAutomations": "Eliminar",
     "schedule": {
       "at": "{{time}}",
       "every": "Cada {{duration}}",
diff --git a/webui/src/i18n/locales/fr/common.json b/webui/src/i18n/locales/fr/common.json
index e8922499..8f46c49d 100644
--- a/webui/src/i18n/locales/fr/common.json
+++ b/webui/src/i18n/locales/fr/common.json
@@ -705,7 +705,7 @@
     "confirm": "Supprimer",
     "automationsDescription": "Cette discussion contient des automatisations planifiées. La supprimer les supprimera aussi.",
     "moreAutomations": "+ {{count}} autres",
-    "confirmWithAutomations": "Supprimer la discussion et les automatisations",
+    "confirmWithAutomations": "Supprimer",
     "schedule": {
       "at": "{{time}}",
       "every": "Tous les {{duration}}",
diff --git a/webui/src/i18n/locales/id/common.json b/webui/src/i18n/locales/id/common.json
index aebc5171..6a6af3e8 100644
--- a/webui/src/i18n/locales/id/common.json
+++ b/webui/src/i18n/locales/id/common.json
@@ -705,7 +705,7 @@
     "confirm": "Hapus",
     "automationsDescription": "Obrolan ini memiliki automasi terjadwal. Menghapusnya juga akan menghapus automasi tersebut.",
     "moreAutomations": "+ {{count}} lagi",
-    "confirmWithAutomations": "Hapus obrolan dan automasi",
+    "confirmWithAutomations": "Hapus",
     "schedule": {
       "at": "{{time}}",
       "every": "Setiap {{duration}}",
diff --git a/webui/src/i18n/locales/ja/common.json b/webui/src/i18n/locales/ja/common.json
index cd0628e8..d1c7dc63 100644
--- a/webui/src/i18n/locales/ja/common.json
+++ b/webui/src/i18n/locales/ja/common.json
@@ -705,7 +705,7 @@
     "confirm": "削除",
     "automationsDescription": "このチャットにはスケジュール済みの自動タスクがあります。削除するとそれらも削除されます。",
     "moreAutomations": "他 {{count}} 件",
-    "confirmWithAutomations": "チャットと自動タスクを削除",
+    "confirmWithAutomations": "削除",
     "schedule": {
       "at": "{{time}}",
       "every": "{{duration}} ごと",
diff --git a/webui/src/i18n/locales/ko/common.json b/webui/src/i18n/locales/ko/common.json
index d91bc188..e6313b7f 100644
--- a/webui/src/i18n/locales/ko/common.json
+++ b/webui/src/i18n/locales/ko/common.json
@@ -705,7 +705,7 @@
     "confirm": "삭제",
     "automationsDescription": "이 채팅에는 예약된 자동화가 있습니다. 채팅을 삭제하면 자동화도 함께 삭제됩니다.",
     "moreAutomations": "+ {{count}}개 더",
-    "confirmWithAutomations": "채팅과 자동화 삭제",
+    "confirmWithAutomations": "삭제",
     "schedule": {
       "at": "{{time}}",
       "every": "{{duration}}마다",
diff --git a/webui/src/i18n/locales/vi/common.json b/webui/src/i18n/locales/vi/common.json
index 8edee166..9e8f95e9 100644
--- a/webui/src/i18n/locales/vi/common.json
+++ b/webui/src/i18n/locales/vi/common.json
@@ -705,7 +705,7 @@
     "confirm": "Xóa",
     "automationsDescription": "Cuộc trò chuyện này có các tự động hóa đã lên lịch. Xóa cuộc trò chuyện cũng sẽ xóa chúng.",
     "moreAutomations": "+ {{count}} mục nữa",
-    "confirmWithAutomations": "Xóa trò chuyện và tự động hóa",
+    "confirmWithAutomations": "Xóa",
     "schedule": {
       "at": "{{time}}",
       "every": "Mỗi {{duration}}",
diff --git a/webui/src/i18n/locales/zh-CN/common.json b/webui/src/i18n/locales/zh-CN/common.json
index cce6f4ac..4ff4badb 100644
--- a/webui/src/i18n/locales/zh-CN/common.json
+++ b/webui/src/i18n/locales/zh-CN/common.json
@@ -705,7 +705,7 @@
     "confirm": "删除",
     "automationsDescription": "这个对话有关联的自动任务。删除对话也会删除这些自动任务。",
     "moreAutomations": "另有 {{count}} 个",
-    "confirmWithAutomations": "删除对话和自动任务",
+    "confirmWithAutomations": "删除",
     "schedule": {
       "at": "{{time}}",
       "every": "每 {{duration}}",
diff --git a/webui/src/i18n/locales/zh-TW/common.json b/webui/src/i18n/locales/zh-TW/common.json
index 9aaf6f86..fbbb0223 100644
--- a/webui/src/i18n/locales/zh-TW/common.json
+++ b/webui/src/i18n/locales/zh-TW/common.json
@@ -705,7 +705,7 @@
     "confirm": "刪除",
     "automationsDescription": "這個對話有關聯的自動任務。刪除對話也會刪除這些自動任務。",
     "moreAutomations": "另有 {{count}} 個",
-    "confirmWithAutomations": "刪除對話和自動任務",
+    "confirmWithAutomations": "刪除",
     "schedule": {
       "at": "{{time}}",
       "every": "每 {{duration}}",
diff --git a/webui/src/tests/app-layout.test.tsx b/webui/src/tests/app-layout.test.tsx
index c4c93c92..687660ed 100644
--- a/webui/src/tests/app-layout.test.tsx
+++ b/webui/src/tests/app-layout.test.tsx
@@ -845,7 +845,7 @@ describe("App layout", () => {
       screen.queryByText("This chat has scheduled automations. Deleting it will also delete them."),
     ).not.toBeInTheDocument();
 
-    fireEvent.click(screen.getByRole("button", { name: "删除对话和自动任务" }));
+    fireEvent.click(screen.getByRole("button", { name: "删除" }));
 
     await waitFor(() =>
       expect(deleteChatSpy).toHaveBeenCalledWith("websocket:chat-a", {

From 6239114c461a13a39ae1a5c6c3ada23acd2a9b62 Mon Sep 17 00:00:00 2001
From: chengyongru <chengyongru.ai@gmail.com>
Date: Tue, 16 Jun 2026 14:07:08 +0800
Subject: [PATCH 31/38] fix(cron): prevent unbound automation execution

---
 nanobot/cli/commands.py                      |  1 +
 nanobot/cron/service.py                      | 61 ++++++++++++++++++-
 nanobot/webui/ws_http.py                     |  3 +
 tests/channels/test_websocket_http_routes.py | 14 +++++
 tests/cron/test_cron_service.py              | 62 ++++++++++++++++++++
 5 files changed, 140 insertions(+), 1 deletion(-)

diff --git a/nanobot/cli/commands.py b/nanobot/cli/commands.py
index 93f5dc30..818e353e 100644
--- a/nanobot/cli/commands.py
+++ b/nanobot/cli/commands.py
@@ -785,6 +785,7 @@ def _run_gateway(
     # Create cron service with workspace-scoped store
     cron_store_path = config.workspace_path / "cron" / "jobs.json"
     cron = CronService(cron_store_path)
+    cron.require_bound_agent_jobs = True
 
     # Create agent with cron service
     agent = AgentLoop.from_config(
diff --git a/nanobot/cron/service.py b/nanobot/cron/service.py
index 16fab16b..ff74d425 100644
--- a/nanobot/cron/service.py
+++ b/nanobot/cron/service.py
@@ -136,24 +136,70 @@ class CronService:
     """Service for managing and executing scheduled jobs."""
 
     _MAX_RUN_HISTORY = 20
+    _UNBOUND_AGENT_JOB_REASON = (
+        "agent cron payload is missing bound session delivery context; "
+        "recreate it from a chat session"
+    )
 
     def __init__(
         self,
         store_path: Path,
         on_job: Callable[[CronJob], Coroutine[Any, Any, str | None]] | None = None,
         max_sleep_ms: int = 300_000,  # 5 minutes
+        require_bound_agent_jobs: bool = False,
     ):
         self.store_path = store_path
         self._action_path = store_path.parent / "action.jsonl"
         self._run_records_dir = store_path.parent / "runs"
         self._lock = FileLock(str(self._action_path.parent) + ".lock")
         self.on_job = on_job
+        self.require_bound_agent_jobs = require_bound_agent_jobs
         self._store: CronStore | None = None
         self._timer_task: asyncio.Task | None = None
         self._running = False
         self._timer_active = False
         self.max_sleep_ms = max_sleep_ms
 
+    def _is_unbound_agent_job(self, job: CronJob) -> bool:
+        return (
+            self.require_bound_agent_jobs
+            and job.payload.kind == "agent_turn"
+            and not is_bound_cron_job(job)
+        )
+
+    def _enforce_agent_binding(self, job: CronJob) -> bool:
+        """Disable user cron jobs that cannot be routed to a concrete session."""
+        if not self._is_unbound_agent_job(job):
+            return False
+        if (
+            not job.enabled
+            and job.state.next_run_at_ms is None
+            and job.state.last_status == "error"
+            and job.state.last_error == self._UNBOUND_AGENT_JOB_REASON
+        ):
+            return False
+
+        job.enabled = False
+        job.state.next_run_at_ms = None
+        job.state.last_status = "error"
+        job.state.last_error = self._UNBOUND_AGENT_JOB_REASON
+        job.updated_at_ms = max(job.updated_at_ms, _now_ms())
+        logger.warning(
+            "Cron: disabled unbound agent job '{}' ({}): {}",
+            job.name,
+            job.id,
+            self._UNBOUND_AGENT_JOB_REASON,
+        )
+        return True
+
+    def _enforce_store_agent_bindings(self) -> bool:
+        if not self._store:
+            return False
+        changed = False
+        for job in self._store.jobs:
+            changed = self._enforce_agent_binding(job) or changed
+        return changed
+
     def _load_jobs(self) -> tuple[list[CronJob], int] | None:
         """Load jobs from disk.
 
@@ -312,6 +358,8 @@ class CronService:
         jobs, version = loaded
         self._store = CronStore(version=version, jobs=jobs)
         self._merge_action()
+        if self._enforce_store_agent_bindings() and self._running:
+            self._save_store()
 
         return self._store
 
@@ -456,6 +504,8 @@ class CronService:
             return
         now = _now_ms()
         for job in self._store.jobs:
+            if self._enforce_agent_binding(job):
+                continue
             if job.enabled:
                 job.state.next_run_at_ms = _compute_next_run(job.schedule, now)
 
@@ -638,6 +688,7 @@ class CronService:
             delete_after_run=delete_after_run,
         )
         _normalize_agent_turn_job(job)
+        self._enforce_agent_binding(job)
         if self._running:
             store = self._load_store()
             store.jobs.append(job)
@@ -695,7 +746,8 @@ class CronService:
             if job.id == job_id:
                 job.enabled = enabled
                 job.updated_at_ms = _now_ms()
-                if enabled:
+                self._enforce_agent_binding(job)
+                if job.enabled:
                     job.state.next_run_at_ms = _compute_next_run(job.schedule, _now_ms())
                 else:
                     job.state.next_run_at_ms = None
@@ -747,10 +799,13 @@ class CronService:
         if delete_after_run is not None:
             job.delete_after_run = delete_after_run
         _normalize_agent_turn_job(job)
+        self._enforce_agent_binding(job)
 
         job.updated_at_ms = _now_ms()
         if job.enabled:
             job.state.next_run_at_ms = _compute_next_run(job.schedule, _now_ms())
+        else:
+            job.state.next_run_at_ms = None
 
         if self._running:
             self._save_store()
@@ -769,6 +824,10 @@ class CronService:
             store = self._load_store()
             for job in store.jobs:
                 if job.id == job_id:
+                    if self._is_unbound_agent_job(job):
+                        self._enforce_agent_binding(job)
+                        self._save_store()
+                        return False
                     if not force and not job.enabled:
                         return False
                     await self._execute_job(job)
diff --git a/nanobot/webui/ws_http.py b/nanobot/webui/ws_http.py
index 34ac0151..0cda45a1 100644
--- a/nanobot/webui/ws_http.py
+++ b/nanobot/webui/ws_http.py
@@ -24,6 +24,7 @@ from websockets.http11 import Request as WsRequest
 from websockets.http11 import Response
 
 from nanobot.command.builtin import builtin_command_palette
+from nanobot.cron.session_turns import is_bound_cron_job
 from nanobot.cron.types import CronJob, CronSchedule
 from nanobot.utils.subagent_channel_display import scrub_subagent_messages_for_channel
 from nanobot.webui.file_preview import WebUIFilePreviewError, file_preview_payload
@@ -579,6 +580,8 @@ class GatewayHTTPHandler:
             return _http_error(404, "automation not found")
         if job.payload.kind == "system_event":
             return _http_error(403, "system automation is protected")
+        if action in {"enable", "run"} and not is_bound_cron_job(job):
+            return _http_error(409, "automation has no linked chat")
 
         if action == "enable":
             if self.cron_service.enable_job(job_id, enabled=True) is None:
diff --git a/tests/channels/test_websocket_http_routes.py b/tests/channels/test_websocket_http_routes.py
index 4451f486..b23d1097 100644
--- a/tests/channels/test_websocket_http_routes.py
+++ b/tests/channels/test_websocket_http_routes.py
@@ -1026,6 +1026,20 @@ async def test_webui_automations_route_lists_all_jobs_and_allows_user_actions(
         )
         assert disabled_run.status_code == 409
 
+        unbound_run = await _http_get(
+            f"{base_url}/api/webui/automations/run?id={incomplete_job.id}",
+            headers=auth,
+        )
+        assert unbound_run.status_code == 409
+        assert "no linked chat" in unbound_run.text
+
+        unbound_enable = await _http_get(
+            f"{base_url}/api/webui/automations/enable?id={incomplete_job.id}",
+            headers=auth,
+        )
+        assert unbound_enable.status_code == 409
+        assert "no linked chat" in unbound_enable.text
+
         protected_delete = await _http_get(
             f"{base_url}/api/webui/automations/delete?id=heartbeat",
             headers=auth,
diff --git a/tests/cron/test_cron_service.py b/tests/cron/test_cron_service.py
index d81d4121..a52029e5 100644
--- a/tests/cron/test_cron_service.py
+++ b/tests/cron/test_cron_service.py
@@ -43,6 +43,68 @@ def test_add_job_accepts_valid_timezone(tmp_path) -> None:
     assert job.state.next_run_at_ms is not None
 
 
+@pytest.mark.asyncio
+async def test_require_bound_agent_jobs_disables_unbound_adds(tmp_path) -> None:
+    called: list[str] = []
+
+    async def on_job(job):
+        called.append(job.id)
+
+    service = CronService(
+        tmp_path / "cron" / "jobs.json",
+        on_job=on_job,
+        require_bound_agent_jobs=True,
+    )
+    job = service.add_job(
+        name="unbound",
+        schedule=CronSchedule(kind="every", every_ms=60_000),
+        message="hello",
+    )
+
+    assert job.enabled is False
+    assert job.state.next_run_at_ms is None
+    assert job.state.last_status == "error"
+    assert "missing bound session delivery context" in (job.state.last_error or "")
+    assert await service.run_job(job.id, force=True) is False
+    assert called == []
+
+
+def test_require_bound_agent_jobs_disables_loaded_unbound_jobs(tmp_path) -> None:
+    store_path = tmp_path / "cron" / "jobs.json"
+    store_path.parent.mkdir(parents=True)
+    store_path.write_text(
+        json.dumps(
+            {
+                "version": 1,
+                "jobs": [
+                    {
+                        "id": "unbound-1",
+                        "name": "Unbound reminder",
+                        "enabled": True,
+                        "schedule": {"kind": "every", "everyMs": 60_000},
+                        "payload": {
+                            "kind": "agent_turn",
+                            "message": "check status",
+                        },
+                        "state": {"nextRunAtMs": 1},
+                        "createdAtMs": 1,
+                        "updatedAtMs": 1,
+                    }
+                ],
+            }
+        ),
+        encoding="utf-8",
+    )
+
+    job = CronService(store_path, require_bound_agent_jobs=True).get_job("unbound-1")
+
+    assert job is not None
+    assert job.enabled is False
+    assert job.state.next_run_at_ms is None
+    assert job.state.last_status == "error"
+    assert "missing bound session delivery context" in (job.state.last_error or "")
+
+
 def test_add_job_migrates_legacy_delivery_context(tmp_path) -> None:
     service = CronService(tmp_path / "cron" / "jobs.json")
     meta = {"slack": {"thread_ts": "1234567890.123456", "channel_type": "channel"}}

From b24b5f19fc04b56945cf0da9a3fd117678de8ad6 Mon Sep 17 00:00:00 2001
From: chengyongru <chengyongru.ai@gmail.com>
Date: Tue, 16 Jun 2026 14:16:12 +0800
Subject: [PATCH 32/38] fix(cron): always require bound automation sessions

---
 nanobot/cli/commands.py           |  1 -
 nanobot/cron/service.py           | 10 ++------
 tests/cron/test_cron_service.py   | 42 +++++++++++++++++++++++++++----
 tests/cron/test_cron_tool_list.py | 18 +++++++++++++
 4 files changed, 57 insertions(+), 14 deletions(-)

diff --git a/nanobot/cli/commands.py b/nanobot/cli/commands.py
index 818e353e..93f5dc30 100644
--- a/nanobot/cli/commands.py
+++ b/nanobot/cli/commands.py
@@ -785,7 +785,6 @@ def _run_gateway(
     # Create cron service with workspace-scoped store
     cron_store_path = config.workspace_path / "cron" / "jobs.json"
     cron = CronService(cron_store_path)
-    cron.require_bound_agent_jobs = True
 
     # Create agent with cron service
     agent = AgentLoop.from_config(
diff --git a/nanobot/cron/service.py b/nanobot/cron/service.py
index ff74d425..23426bec 100644
--- a/nanobot/cron/service.py
+++ b/nanobot/cron/service.py
@@ -146,14 +146,12 @@ class CronService:
         store_path: Path,
         on_job: Callable[[CronJob], Coroutine[Any, Any, str | None]] | None = None,
         max_sleep_ms: int = 300_000,  # 5 minutes
-        require_bound_agent_jobs: bool = False,
     ):
         self.store_path = store_path
         self._action_path = store_path.parent / "action.jsonl"
         self._run_records_dir = store_path.parent / "runs"
         self._lock = FileLock(str(self._action_path.parent) + ".lock")
         self.on_job = on_job
-        self.require_bound_agent_jobs = require_bound_agent_jobs
         self._store: CronStore | None = None
         self._timer_task: asyncio.Task | None = None
         self._running = False
@@ -161,11 +159,7 @@ class CronService:
         self.max_sleep_ms = max_sleep_ms
 
     def _is_unbound_agent_job(self, job: CronJob) -> bool:
-        return (
-            self.require_bound_agent_jobs
-            and job.payload.kind == "agent_turn"
-            and not is_bound_cron_job(job)
-        )
+        return job.payload.kind == "agent_turn" and not is_bound_cron_job(job)
 
     def _enforce_agent_binding(self, job: CronJob) -> bool:
         """Disable user cron jobs that cannot be routed to a concrete session."""
@@ -175,7 +169,7 @@ class CronService:
             not job.enabled
             and job.state.next_run_at_ms is None
             and job.state.last_status == "error"
-            and job.state.last_error == self._UNBOUND_AGENT_JOB_REASON
+            and job.state.last_error
         ):
             return False
 
diff --git a/tests/cron/test_cron_service.py b/tests/cron/test_cron_service.py
index a52029e5..2072e063 100644
--- a/tests/cron/test_cron_service.py
+++ b/tests/cron/test_cron_service.py
@@ -17,6 +17,14 @@ async def _wait_until(predicate, *, timeout: float = 1.0, interval: float = 0.01
     assert predicate()
 
 
+def _bound_chat(chat_id: str = "chat-1") -> dict[str, str]:
+    return {
+        "session_key": f"websocket:{chat_id}",
+        "origin_channel": "websocket",
+        "origin_chat_id": chat_id,
+    }
+
+
 def test_add_job_rejects_unknown_timezone(tmp_path) -> None:
     service = CronService(tmp_path / "cron" / "jobs.json")
 
@@ -37,6 +45,7 @@ def test_add_job_accepts_valid_timezone(tmp_path) -> None:
         name="tz ok",
         schedule=CronSchedule(kind="cron", expr="0 9 * * *", tz="America/Vancouver"),
         message="hello",
+        **_bound_chat(),
     )
 
     assert job.schedule.tz == "America/Vancouver"
@@ -44,7 +53,7 @@ def test_add_job_accepts_valid_timezone(tmp_path) -> None:
 
 
 @pytest.mark.asyncio
-async def test_require_bound_agent_jobs_disables_unbound_adds(tmp_path) -> None:
+async def test_unbound_agent_jobs_are_disabled_on_add(tmp_path) -> None:
     called: list[str] = []
 
     async def on_job(job):
@@ -53,7 +62,6 @@ async def test_require_bound_agent_jobs_disables_unbound_adds(tmp_path) -> None:
     service = CronService(
         tmp_path / "cron" / "jobs.json",
         on_job=on_job,
-        require_bound_agent_jobs=True,
     )
     job = service.add_job(
         name="unbound",
@@ -69,7 +77,7 @@ async def test_require_bound_agent_jobs_disables_unbound_adds(tmp_path) -> None:
     assert called == []
 
 
-def test_require_bound_agent_jobs_disables_loaded_unbound_jobs(tmp_path) -> None:
+def test_unbound_agent_jobs_are_disabled_on_load(tmp_path) -> None:
     store_path = tmp_path / "cron" / "jobs.json"
     store_path.parent.mkdir(parents=True)
     store_path.write_text(
@@ -96,7 +104,7 @@ def test_require_bound_agent_jobs_disables_loaded_unbound_jobs(tmp_path) -> None
         encoding="utf-8",
     )
 
-    job = CronService(store_path, require_bound_agent_jobs=True).get_job("unbound-1")
+    job = CronService(store_path).get_job("unbound-1")
 
     assert job is not None
     assert job.enabled is False
@@ -325,6 +333,7 @@ async def test_execute_job_records_run_history(tmp_path) -> None:
         name="hist",
         schedule=CronSchedule(kind="every", every_ms=60_000),
         message="hello",
+        **_bound_chat(),
     )
     await service.run_job(job.id)
 
@@ -349,6 +358,7 @@ async def test_run_history_records_errors(tmp_path) -> None:
         name="fail",
         schedule=CronSchedule(kind="every", every_ms=60_000),
         message="hello",
+        **_bound_chat(),
     )
     await service.run_job(job.id)
 
@@ -370,6 +380,7 @@ async def test_run_history_records_skipped_jobs(tmp_path) -> None:
         name="skip",
         schedule=CronSchedule(kind="every", every_ms=60_000),
         message="hello",
+        **_bound_chat(),
     )
     await service.run_job(job.id)
 
@@ -394,7 +405,7 @@ async def test_run_history_records_job_cancellation(tmp_path) -> None:
         name="cancel",
         schedule=CronSchedule(kind="every", every_ms=60_000),
         message="hello",
-        session_key="websocket:chat-1",
+        **_bound_chat(),
     )
 
     assert await service.run_job(job.id) is True
@@ -417,6 +428,7 @@ async def test_run_history_trimmed_to_max(tmp_path) -> None:
         name="trim",
         schedule=CronSchedule(kind="every", every_ms=60_000),
         message="hello",
+        **_bound_chat(),
     )
     for _ in range(25):
         await service.run_job(job.id)
@@ -433,6 +445,7 @@ async def test_run_history_persisted_to_disk(tmp_path) -> None:
         name="persist",
         schedule=CronSchedule(kind="every", every_ms=60_000),
         message="hello",
+        **_bound_chat(),
     )
     await service.run_job(job.id)
 
@@ -457,6 +470,7 @@ async def test_run_job_disabled_does_not_flip_running_state(tmp_path) -> None:
         name="disabled",
         schedule=CronSchedule(kind="every", every_ms=60_000),
         message="hello",
+        **_bound_chat(),
     )
     service.enable_job(job.id, enabled=False)
 
@@ -475,6 +489,7 @@ async def test_run_job_preserves_running_service_state(tmp_path) -> None:
         name="manual",
         schedule=CronSchedule(kind="every", every_ms=60_000),
         message="hello",
+        **_bound_chat(),
     )
 
     result = await service.run_job(job.id, force=True)
@@ -497,6 +512,7 @@ async def test_running_service_honors_external_disable(tmp_path) -> None:
         name="external-disable",
         schedule=CronSchedule(kind="every", every_ms=200),
         message="hello",
+        **_bound_chat(),
     )
     await service.start()
     try:
@@ -545,6 +561,7 @@ async def test_start_server_not_jobs(tmp_path):
         name="hist",
         schedule=CronSchedule(kind="every", every_ms=100),
         message="hello",
+        **_bound_chat(),
     )
     assert len(service.list_jobs()) == 1
     await _wait_until(lambda: bool(called), timeout=0.8)
@@ -565,6 +582,7 @@ async def test_subsecond_job_not_delayed_to_one_second(tmp_path):
         name="fast",
         schedule=CronSchedule(kind="every", every_ms=100),
         message="hello",
+        **_bound_chat(),
     )
     await service.start()
     try:
@@ -588,6 +606,7 @@ async def test_running_service_picks_up_external_add(tmp_path):
         name="heartbeat",
         schedule=CronSchedule(kind="every", every_ms=100),
         message="tick",
+        **_bound_chat("heartbeat"),
     )
     await service.start()
     try:
@@ -598,6 +617,7 @@ async def test_running_service_picks_up_external_add(tmp_path):
             name="external",
             schedule=CronSchedule(kind="every", every_ms=100),
             message="ping",
+            **_bound_chat("external"),
         )
 
         await _wait_until(lambda: "external" in called, timeout=0.8)
@@ -619,6 +639,7 @@ async def test_add_job_during_jobs_exec(tmp_path):
                 name="test",
                 schedule=CronSchedule(kind="every", every_ms=150),
                 message="tick",
+                **_bound_chat("test"),
             )
             run_once = False
 
@@ -627,6 +648,7 @@ async def test_add_job_during_jobs_exec(tmp_path):
         name="heartbeat",
         schedule=CronSchedule(kind="every", every_ms=100),
         message="tick",
+        **_bound_chat("heartbeat"),
     )
     assert len(service.list_jobs()) == 1
     await service.start()
@@ -647,6 +669,7 @@ async def test_external_update_preserves_run_history_records(tmp_path):
         name="history",
         schedule=CronSchedule(kind="every", every_ms=60_000),
         message="hello",
+        **_bound_chat(),
     )
     await service.run_job(job.id, force=True)
 
@@ -688,6 +711,7 @@ async def test_timer_execution_is_not_rolled_back_by_list_jobs_reload(tmp_path):
         name="race",
         schedule=CronSchedule(kind="every", every_ms=60_000),
         message="hello",
+        **_bound_chat(),
     )
     job.state.next_run_at_ms = max(1, int(time.time() * 1000) - 1_000)
     service._save_store()
@@ -712,6 +736,7 @@ def test_update_job_changes_name(tmp_path) -> None:
         name="old name",
         schedule=CronSchedule(kind="every", every_ms=60_000),
         message="hello",
+        **_bound_chat(),
     )
     result = service.update_job(job.id, name="new name")
     assert isinstance(result, CronJob)
@@ -725,6 +750,7 @@ def test_update_job_changes_schedule(tmp_path) -> None:
         name="sched",
         schedule=CronSchedule(kind="every", every_ms=60_000),
         message="hello",
+        **_bound_chat(),
     )
     old_next = job.state.next_run_at_ms
 
@@ -741,6 +767,7 @@ def test_update_job_changes_message(tmp_path) -> None:
         name="msg",
         schedule=CronSchedule(kind="every", every_ms=60_000),
         message="old message",
+        **_bound_chat(),
     )
     result = service.update_job(job.id, message="new message")
     assert isinstance(result, CronJob)
@@ -753,6 +780,7 @@ def test_update_job_changes_cron_expression(tmp_path) -> None:
         name="cron-job",
         schedule=CronSchedule(kind="cron", expr="0 9 * * *", tz="UTC"),
         message="hello",
+        **_bound_chat(),
     )
     result = service.update_job(
         job.id,
@@ -788,6 +816,7 @@ def test_update_job_validates_schedule(tmp_path) -> None:
         name="validate",
         schedule=CronSchedule(kind="every", every_ms=60_000),
         message="hello",
+        **_bound_chat(),
     )
     with pytest.raises(ValueError, match="unknown timezone"):
         service.update_job(
@@ -805,6 +834,7 @@ async def test_update_job_preserves_run_history(tmp_path) -> None:
         name="hist",
         schedule=CronSchedule(kind="every", every_ms=60_000),
         message="hello",
+        **_bound_chat(),
     )
     await service.run_job(job.id)
 
@@ -820,6 +850,7 @@ def test_update_job_offline_writes_action(tmp_path) -> None:
         name="offline",
         schedule=CronSchedule(kind="every", every_ms=60_000),
         message="hello",
+        **_bound_chat(),
     )
     service.update_job(job.id, name="updated-offline")
 
@@ -873,6 +904,7 @@ async def test_list_jobs_during_on_job_does_not_cause_stale_reload(tmp_path) ->
             name=name,
             schedule=CronSchedule(kind="every", every_ms=3_600_000),
             message="test",
+            **_bound_chat(name),
         )
     # Force next_run to the past so _on_timer picks them up
     for job in service._store.jobs:
diff --git a/tests/cron/test_cron_tool_list.py b/tests/cron/test_cron_tool_list.py
index bcf518ed..d2099d45 100644
--- a/tests/cron/test_cron_tool_list.py
+++ b/tests/cron/test_cron_tool_list.py
@@ -20,6 +20,14 @@ def _make_tool_with_tz(tmp_path, tz: str) -> CronTool:
     return CronTool(service, default_timezone=tz)
 
 
+def _bound_chat(chat_id: str = "chat-1") -> dict[str, str]:
+    return {
+        "session_key": f"websocket:{chat_id}",
+        "origin_channel": "websocket",
+        "origin_chat_id": chat_id,
+    }
+
+
 # -- _format_timing tests --
 
 
@@ -146,6 +154,7 @@ def test_list_cron_job_shows_expression_and_timezone(tmp_path) -> None:
         name="Morning scan",
         schedule=CronSchedule(kind="cron", expr="0 9 * * 1-5", tz="America/Denver"),
         message="scan",
+        **_bound_chat(),
     )
     result = tool._list_jobs()
     assert "cron: 0 9 * * 1-5 (America/Denver)" in result
@@ -157,6 +166,7 @@ def test_list_every_job_shows_human_interval(tmp_path) -> None:
         name="Frequent check",
         schedule=CronSchedule(kind="every", every_ms=1_800_000),
         message="check",
+        **_bound_chat(),
     )
     result = tool._list_jobs()
     assert "every 30m" in result
@@ -168,6 +178,7 @@ def test_list_every_job_hours(tmp_path) -> None:
         name="Hourly check",
         schedule=CronSchedule(kind="every", every_ms=7_200_000),
         message="check",
+        **_bound_chat(),
     )
     result = tool._list_jobs()
     assert "every 2h" in result
@@ -179,6 +190,7 @@ def test_list_every_job_seconds(tmp_path) -> None:
         name="Fast check",
         schedule=CronSchedule(kind="every", every_ms=30_000),
         message="check",
+        **_bound_chat(),
     )
     result = tool._list_jobs()
     assert "every 30s" in result
@@ -190,6 +202,7 @@ def test_list_every_job_non_minute_seconds(tmp_path) -> None:
         name="Ninety-second check",
         schedule=CronSchedule(kind="every", every_ms=90_000),
         message="check",
+        **_bound_chat(),
     )
     result = tool._list_jobs()
     assert "every 90s" in result
@@ -201,6 +214,7 @@ def test_list_every_job_milliseconds(tmp_path) -> None:
         name="Sub-second check",
         schedule=CronSchedule(kind="every", every_ms=200),
         message="check",
+        **_bound_chat(),
     )
     result = tool._list_jobs()
     assert "every 200ms" in result
@@ -212,6 +226,7 @@ def test_list_at_job_shows_iso_timestamp(tmp_path) -> None:
         name="One-shot",
         schedule=CronSchedule(kind="at", at_ms=1773684000000),
         message="fire",
+        **_bound_chat(),
     )
     result = tool._list_jobs()
     assert "at 2026-" in result
@@ -226,6 +241,7 @@ async def test_list_shows_last_run_state(tmp_path) -> None:
         name="Stateful job",
         schedule=CronSchedule(kind="cron", expr="0 9 * * *", tz="UTC"),
         message="test",
+        **_bound_chat(),
     )
     # Simulate a completed run by updating state in the store
     job.state.last_run_at_ms = 1773673200000
@@ -245,6 +261,7 @@ async def test_list_shows_error_message(tmp_path) -> None:
         name="Failed job",
         schedule=CronSchedule(kind="cron", expr="0 9 * * *", tz="UTC"),
         message="test",
+        **_bound_chat(),
     )
     job.state.last_run_at_ms = 1773673200000
     job.state.last_status = "error"
@@ -262,6 +279,7 @@ def test_list_shows_next_run(tmp_path) -> None:
         name="Upcoming job",
         schedule=CronSchedule(kind="cron", expr="0 9 * * *", tz="UTC"),
         message="test",
+        **_bound_chat(),
     )
     result = tool._list_jobs()
     assert "Next run:" in result

From 3357dcc05f48126b5073e0bd95651957154848cb Mon Sep 17 00:00:00 2001
From: chengyongru <chengyongru.ai@gmail.com>
Date: Tue, 16 Jun 2026 14:37:30 +0800
Subject: [PATCH 33/38] docs: drop README change from automation PR

---
 README.md | 1 -
 1 file changed, 1 deletion(-)

diff --git a/README.md b/README.md
index b849c20e..3f980225 100644
--- a/README.md
+++ b/README.md
@@ -56,7 +56,6 @@
 
 ## 📢 News
 
-- **2026-06-16** ⚠️ Breaking change: agent-turn automation jobs now require complete target chat or channel metadata. Cron jobs created by older versions without that metadata should be recreated from the target chat or channel; existing cron records remain in the cron store.
 - **2026-06-01** 🚀 Released **v0.2.1** — **The Workbench Release** turns the packaged WebUI into a daily agent workbench: clearer Thought/response timelines, live file-edit activity, project workspaces, model and context controls, steadier sustained goals, CLI Apps + MCP extensions, and broader provider/channel support. Please see [release notes](https://github.com/HKUDS/nanobot/releases/tag/v0.2.1) for details.
 - **2026-05-30** 🔐 Safer Matrix verification, bounded media downloads, clearer WebUI model timeline.
 - **2026-05-29** 🧩 Extension registry, context-window tuning, document extraction controls.

From 0263dbd1c3697872b50ea0ca23563390428b46ab Mon Sep 17 00:00:00 2001
From: chengyongru <chengyongru.ai@gmail.com>
Date: Tue, 16 Jun 2026 15:10:51 +0800
Subject: [PATCH 34/38] chore: trim automation ui cleanup

---
 nanobot/channels/websocket.py                 | 15 +--------------
 nanobot/webui/session_automations.py          | 18 ++++++++++++++----
 nanobot/webui/ws_http.py                      |  2 --
 tests/channels/test_websocket_channel.py      |  4 ----
 .../src/components/settings/SettingsView.tsx  |  5 ++++-
 webui/src/i18n/locales/en/common.json         | 19 -------------------
 webui/src/i18n/locales/es/common.json         | 19 -------------------
 webui/src/i18n/locales/fr/common.json         | 19 -------------------
 webui/src/i18n/locales/id/common.json         | 19 -------------------
 webui/src/i18n/locales/ja/common.json         | 19 -------------------
 webui/src/i18n/locales/ko/common.json         | 19 -------------------
 webui/src/i18n/locales/vi/common.json         | 19 -------------------
 webui/src/i18n/locales/zh-CN/common.json      | 19 -------------------
 webui/src/i18n/locales/zh-TW/common.json      | 19 -------------------
 webui/src/tests/i18n.test.tsx                 |  1 -
 15 files changed, 19 insertions(+), 197 deletions(-)

diff --git a/nanobot/channels/websocket.py b/nanobot/channels/websocket.py
index 1a048db8..3e5b6783 100644
--- a/nanobot/channels/websocket.py
+++ b/nanobot/channels/websocket.py
@@ -846,19 +846,6 @@ class WebSocketChannel(BaseChannel):
             self.logger.exception("send failed{}", label)
             raise
 
-    def _all_subscribed_connections(self) -> list[Any]:
-        """Return every live WebUI connection that is subscribed to at least one chat."""
-        seen: set[int] = set()
-        conns: list[Any] = []
-        for subscribers in self._subs.values():
-            for connection in subscribers:
-                marker = id(connection)
-                if marker in seen:
-                    continue
-                seen.add(marker)
-                conns.append(connection)
-        return conns
-
     async def send(self, msg: OutboundMessage) -> None:
         if msg.metadata.get("_runtime_model_updated"):
             await self.send_runtime_model_updated(
@@ -1161,7 +1148,7 @@ class WebSocketChannel(BaseChannel):
 
     async def send_session_updated(self, chat_id: str, *, scope: str | None = None) -> None:
         """Notify WebUI clients that a session row should refresh."""
-        conns = self._all_subscribed_connections()
+        conns = list(self._conn_chats)
         if not conns:
             return
         body: dict[str, Any] = {"event": "session_updated", "chat_id": chat_id}
diff --git a/nanobot/webui/session_automations.py b/nanobot/webui/session_automations.py
index 0680dde7..55e748d6 100644
--- a/nanobot/webui/session_automations.py
+++ b/nanobot/webui/session_automations.py
@@ -5,7 +5,9 @@ from __future__ import annotations
 from collections.abc import Collection
 from typing import Any, Protocol
 
+from nanobot.cron.session_turns import CRON_HISTORY_META
 from nanobot.cron.types import CronJob
+from nanobot.session.manager import _message_preview_text
 
 
 class _CronServiceLike(Protocol):
@@ -173,13 +175,21 @@ def _origin_payload(
         "preview": preview,
     }
 
+
 def _session_preview(messages: Any) -> str:
     if not isinstance(messages, list):
         return ""
+    fallback_preview = ""
     for message in messages:
         if not isinstance(message, dict):
             continue
-        content = message.get("content")
-        if isinstance(content, str) and content.strip():
-            return content.strip()
-    return ""
+        if message.get(CRON_HISTORY_META) is True:
+            continue
+        text = _message_preview_text(message)
+        if not text:
+            continue
+        if message.get("role") == "user":
+            return text
+        if not fallback_preview and message.get("role") == "assistant":
+            fallback_preview = text
+    return fallback_preview
diff --git a/nanobot/webui/ws_http.py b/nanobot/webui/ws_http.py
index 0cda45a1..9e2981f9 100644
--- a/nanobot/webui/ws_http.py
+++ b/nanobot/webui/ws_http.py
@@ -92,8 +92,6 @@ if TYPE_CHECKING:
 
 
 def _decode_api_key(raw_key: str) -> str | None:
-    from urllib.parse import unquote
-
     key = unquote(raw_key)
     _api_key_re = re.compile(r"^[A-Za-z0-9_:.-]{1,128}$")
     if _api_key_re.match(key) is None:
diff --git a/tests/channels/test_websocket_channel.py b/tests/channels/test_websocket_channel.py
index a164796d..8fb80fcd 100644
--- a/tests/channels/test_websocket_channel.py
+++ b/tests/channels/test_websocket_channel.py
@@ -137,10 +137,6 @@ async def test_send_session_updated_broadcasts_to_other_webui_connections(bus) -
     channel._attach(other_conn, "chat-b")
     assert sorted(channel._subs) == ["chat-a", "chat-b"]
     assert sum(len(conns) for conns in channel._subs.values()) == 2
-    assert {id(conn) for conn in channel._all_subscribed_connections()} == {
-        id(active_conn),
-        id(other_conn),
-    }
 
     await channel.send_session_updated("chat-a", scope="thread")
 
diff --git a/webui/src/components/settings/SettingsView.tsx b/webui/src/components/settings/SettingsView.tsx
index 7a42d8fd..32aab396 100644
--- a/webui/src/components/settings/SettingsView.tsx
+++ b/webui/src/components/settings/SettingsView.tsx
@@ -3870,8 +3870,10 @@ function AutomationActionGroup({
   const tx = (key: string, fallback: string, values?: Record<string, unknown>) =>
     t(key, { defaultValue: fallback, ...(values ?? {}) });
   const canManage = !job.protected;
-  const canRun = canManage && job.enabled && !job.state.pending;
+  const hasLinkedChat = Boolean(job.origin);
+  const canRun = canManage && hasLinkedChat && job.enabled && !job.state.pending;
   const toggleAction: AutomationAction = job.enabled ? "disable" : "enable";
+  const canToggle = canManage && (job.enabled || hasLinkedChat);
   const toggleBusy = actionKey === `${toggleAction}:${job.id}`;
 
   if (!canManage) {
@@ -3906,6 +3908,7 @@ function AutomationActionGroup({
             : tx("settings.automations.resume", "Resume")
         }
         busy={toggleBusy}
+        disabled={!canToggle}
         onClick={() => void onAction(toggleAction, job)}
       >
         {job.enabled ? (
diff --git a/webui/src/i18n/locales/en/common.json b/webui/src/i18n/locales/en/common.json
index c2628f6d..71acd9f6 100644
--- a/webui/src/i18n/locales/en/common.json
+++ b/webui/src/i18n/locales/en/common.json
@@ -472,14 +472,6 @@
       "empty": "No apps match this filter."
     },
     "automations": {
-      "kicker": "Workspace automations",
-      "title": "Automations",
-      "stats": {
-        "active": "Active",
-        "paused": "Paused",
-        "failed": "Needs attention",
-        "system": "System"
-      },
       "filters": {
         "all": "All",
         "active": "Active",
@@ -504,7 +496,6 @@
       "labels": {
         "schedule": "Schedule",
         "next": "Next",
-        "last": "Last",
         "origin": "Linked chat",
         "created": "Created",
         "updated": "Updated"
@@ -516,14 +507,12 @@
       "delete": "Delete",
       "protected": "Protected",
       "editTitle": "Edit automation",
-      "editDescription": "Update the prompt and schedule. The linked chat stays unchanged.",
       "save": "Save",
       "deleteTitle": "Delete automation",
       "deleteDescription": "This removes {{name}} from the cron store. Past chat messages stay in the session.",
       "cancel": "Cancel",
       "status": {
         "system": "System",
-        "pending": "Pending",
         "running": "Running now",
         "paused": "Paused",
         "failed": "Failed",
@@ -569,18 +558,10 @@
         "pending": "Running now",
         "none": "No next run"
       },
-      "last": {
-        "never": "Never",
-        "unknown": "unknown"
-      },
       "message": {
         "showMore": "Show full message",
         "showLess": "Show less"
       },
-      "meta": {
-        "created": "Created {{time}}",
-        "updated": "Updated {{time}}"
-      },
       "fields": {
         "name": "Name",
         "message": "Message",
diff --git a/webui/src/i18n/locales/es/common.json b/webui/src/i18n/locales/es/common.json
index 7f8fd4c5..6856a735 100644
--- a/webui/src/i18n/locales/es/common.json
+++ b/webui/src/i18n/locales/es/common.json
@@ -472,14 +472,6 @@
       "empty": "Ninguna app coincide con este filtro."
     },
     "automations": {
-      "kicker": "Automatizaciones del espacio",
-      "title": "Automatizaciones",
-      "stats": {
-        "active": "Activas",
-        "paused": "Pausadas",
-        "failed": "Requieren atención",
-        "system": "Sistema"
-      },
       "filters": {
         "all": "Todas",
         "active": "Activas",
@@ -504,7 +496,6 @@
       "labels": {
         "schedule": "Programación",
         "next": "Siguiente",
-        "last": "Última",
         "origin": "Chat vinculado",
         "created": "Creada",
         "updated": "Actualizada"
@@ -516,14 +507,12 @@
       "delete": "Eliminar",
       "protected": "Protegida",
       "editTitle": "Editar automatización",
-      "editDescription": "Actualiza el prompt y la programación. El chat vinculado no cambia.",
       "save": "Guardar",
       "deleteTitle": "Eliminar automatización",
       "deleteDescription": "Esto elimina {{name}} del almacén cron. Los mensajes de chat anteriores permanecen en la sesión.",
       "cancel": "Cancelar",
       "status": {
         "system": "Sistema",
-        "pending": "Pendiente",
         "running": "Ejecutándose ahora",
         "paused": "Pausada",
         "failed": "Fallida",
@@ -569,18 +558,10 @@
         "pending": "Ejecutándose ahora",
         "none": "Sin próxima ejecución"
       },
-      "last": {
-        "never": "Nunca",
-        "unknown": "desconocido"
-      },
       "message": {
         "showMore": "Mostrar mensaje completo",
         "showLess": "Mostrar menos"
       },
-      "meta": {
-        "created": "Creada {{time}}",
-        "updated": "Actualizada {{time}}"
-      },
       "fields": {
         "name": "Nombre",
         "message": "Mensaje",
diff --git a/webui/src/i18n/locales/fr/common.json b/webui/src/i18n/locales/fr/common.json
index 8f46c49d..5139d5c5 100644
--- a/webui/src/i18n/locales/fr/common.json
+++ b/webui/src/i18n/locales/fr/common.json
@@ -472,14 +472,6 @@
       "empty": "Aucune app ne correspond."
     },
     "automations": {
-      "kicker": "Automatisations de l’espace",
-      "title": "Automatisations",
-      "stats": {
-        "active": "Actives",
-        "paused": "En pause",
-        "failed": "À traiter",
-        "system": "Système"
-      },
       "filters": {
         "all": "Toutes",
         "active": "Actives",
@@ -504,7 +496,6 @@
       "labels": {
         "schedule": "Planning",
         "next": "Prochaine",
-        "last": "Dernière",
         "origin": "Discussion liée",
         "created": "Créée",
         "updated": "Modifiée"
@@ -516,14 +507,12 @@
       "delete": "Supprimer",
       "protected": "Protégée",
       "editTitle": "Modifier l’automatisation",
-      "editDescription": "Modifiez le prompt et le planning. La discussion liée ne change pas.",
       "save": "Enregistrer",
       "deleteTitle": "Supprimer l’automatisation",
       "deleteDescription": "Cela supprime {{name}} du stockage cron. Les anciens messages de chat restent dans la session.",
       "cancel": "Annuler",
       "status": {
         "system": "Système",
-        "pending": "En attente",
         "running": "En cours d’exécution",
         "paused": "En pause",
         "failed": "Échouée",
@@ -569,18 +558,10 @@
         "pending": "En cours d’exécution",
         "none": "Aucune prochaine exécution"
       },
-      "last": {
-        "never": "Jamais",
-        "unknown": "inconnu"
-      },
       "message": {
         "showMore": "Afficher le message complet",
         "showLess": "Afficher moins"
       },
-      "meta": {
-        "created": "Créée {{time}}",
-        "updated": "Mise à jour {{time}}"
-      },
       "fields": {
         "name": "Nom",
         "message": "Message",
diff --git a/webui/src/i18n/locales/id/common.json b/webui/src/i18n/locales/id/common.json
index 6a6af3e8..884123b5 100644
--- a/webui/src/i18n/locales/id/common.json
+++ b/webui/src/i18n/locales/id/common.json
@@ -472,14 +472,6 @@
       "empty": "Tidak ada aplikasi yang cocok."
     },
     "automations": {
-      "kicker": "Otomasi ruang kerja",
-      "title": "Otomasi",
-      "stats": {
-        "active": "Aktif",
-        "paused": "Dijeda",
-        "failed": "Perlu ditangani",
-        "system": "Sistem"
-      },
       "filters": {
         "all": "Semua",
         "active": "Aktif",
@@ -504,7 +496,6 @@
       "labels": {
         "schedule": "Jadwal",
         "next": "Berikutnya",
-        "last": "Terakhir",
         "origin": "Chat tertaut",
         "created": "Dibuat",
         "updated": "Diperbarui"
@@ -516,14 +507,12 @@
       "delete": "Hapus",
       "protected": "Terlindungi",
       "editTitle": "Edit otomasi",
-      "editDescription": "Perbarui prompt dan jadwal. Chat tertaut tidak berubah.",
       "save": "Simpan",
       "deleteTitle": "Hapus otomasi",
       "deleteDescription": "Ini menghapus {{name}} dari penyimpanan cron. Pesan chat sebelumnya tetap ada di sesi.",
       "cancel": "Batal",
       "status": {
         "system": "Sistem",
-        "pending": "Menunggu",
         "running": "Sedang berjalan",
         "paused": "Dijeda",
         "failed": "Gagal",
@@ -569,18 +558,10 @@
         "pending": "Sedang berjalan",
         "none": "Tidak ada jadwal berikutnya"
       },
-      "last": {
-        "never": "Belum pernah",
-        "unknown": "tidak dikenal"
-      },
       "message": {
         "showMore": "Tampilkan pesan lengkap",
         "showLess": "Tampilkan lebih sedikit"
       },
-      "meta": {
-        "created": "Dibuat {{time}}",
-        "updated": "Diperbarui {{time}}"
-      },
       "fields": {
         "name": "Nama",
         "message": "Pesan",
diff --git a/webui/src/i18n/locales/ja/common.json b/webui/src/i18n/locales/ja/common.json
index d1c7dc63..a1b464f1 100644
--- a/webui/src/i18n/locales/ja/common.json
+++ b/webui/src/i18n/locales/ja/common.json
@@ -472,14 +472,6 @@
       "empty": "一致するアプリはありません。"
     },
     "automations": {
-      "kicker": "ワークスペースの自動タスク",
-      "title": "自動タスク",
-      "stats": {
-        "active": "実行中",
-        "paused": "一時停止",
-        "failed": "要対応",
-        "system": "システム"
-      },
       "filters": {
         "all": "すべて",
         "active": "実行中",
@@ -504,7 +496,6 @@
       "labels": {
         "schedule": "スケジュール",
         "next": "次回",
-        "last": "前回",
         "origin": "関連チャット",
         "created": "作成",
         "updated": "更新"
@@ -516,14 +507,12 @@
       "delete": "削除",
       "protected": "保護済み",
       "editTitle": "自動タスクを編集",
-      "editDescription": "プロンプトとスケジュールを更新します。関連チャットは変更されません。",
       "save": "保存",
       "deleteTitle": "自動タスクを削除",
       "deleteDescription": "{{name}} を cron ストアから削除します。過去のチャットメッセージはセッションに残ります。",
       "cancel": "キャンセル",
       "status": {
         "system": "システム",
-        "pending": "待機中",
         "running": "実行中",
         "paused": "一時停止",
         "failed": "失敗",
@@ -569,18 +558,10 @@
         "pending": "実行中",
         "none": "次回実行なし"
       },
-      "last": {
-        "never": "未実行",
-        "unknown": "不明"
-      },
       "message": {
         "showMore": "メッセージ全文を表示",
         "showLess": "折りたたむ"
       },
-      "meta": {
-        "created": "{{time}} 作成",
-        "updated": "{{time}} 更新"
-      },
       "fields": {
         "name": "名前",
         "message": "メッセージ",
diff --git a/webui/src/i18n/locales/ko/common.json b/webui/src/i18n/locales/ko/common.json
index e6313b7f..0a6cdab2 100644
--- a/webui/src/i18n/locales/ko/common.json
+++ b/webui/src/i18n/locales/ko/common.json
@@ -472,14 +472,6 @@
       "empty": "일치하는 앱이 없습니다."
     },
     "automations": {
-      "kicker": "작업 공간 자동화",
-      "title": "자동화",
-      "stats": {
-        "active": "활성",
-        "paused": "일시 중지",
-        "failed": "확인 필요",
-        "system": "시스템"
-      },
       "filters": {
         "all": "전체",
         "active": "활성",
@@ -504,7 +496,6 @@
       "labels": {
         "schedule": "일정",
         "next": "다음",
-        "last": "마지막",
         "origin": "연결된 채팅",
         "created": "생성",
         "updated": "업데이트"
@@ -516,14 +507,12 @@
       "delete": "삭제",
       "protected": "보호됨",
       "editTitle": "자동화 편집",
-      "editDescription": "프롬프트와 일정을 업데이트합니다. 연결된 채팅은 변경되지 않습니다.",
       "save": "저장",
       "deleteTitle": "자동화 삭제",
       "deleteDescription": "{{name}}을 cron 저장소에서 삭제합니다. 이전 채팅 메시지는 세션에 남습니다.",
       "cancel": "취소",
       "status": {
         "system": "시스템",
-        "pending": "대기 중",
         "running": "실행 중",
         "paused": "일시 중지",
         "failed": "실패",
@@ -569,18 +558,10 @@
         "pending": "실행 중",
         "none": "다음 실행 없음"
       },
-      "last": {
-        "never": "실행된 적 없음",
-        "unknown": "알 수 없음"
-      },
       "message": {
         "showMore": "전체 메시지 보기",
         "showLess": "접기"
       },
-      "meta": {
-        "created": "{{time}} 생성",
-        "updated": "{{time}} 업데이트"
-      },
       "fields": {
         "name": "이름",
         "message": "메시지",
diff --git a/webui/src/i18n/locales/vi/common.json b/webui/src/i18n/locales/vi/common.json
index 9e8f95e9..e5c82164 100644
--- a/webui/src/i18n/locales/vi/common.json
+++ b/webui/src/i18n/locales/vi/common.json
@@ -472,14 +472,6 @@
       "empty": "Không có ứng dụng phù hợp."
     },
     "automations": {
-      "kicker": "Tự động hóa không gian làm việc",
-      "title": "Tự động hóa",
-      "stats": {
-        "active": "Đang chạy",
-        "paused": "Đã tạm dừng",
-        "failed": "Cần xử lý",
-        "system": "Hệ thống"
-      },
       "filters": {
         "all": "Tất cả",
         "active": "Đang chạy",
@@ -504,7 +496,6 @@
       "labels": {
         "schedule": "Lịch",
         "next": "Tiếp theo",
-        "last": "Lần trước",
         "origin": "Cuộc trò chuyện liên kết",
         "created": "Đã tạo",
         "updated": "Đã cập nhật"
@@ -516,14 +507,12 @@
       "delete": "Xóa",
       "protected": "Được bảo vệ",
       "editTitle": "Sửa tự động hóa",
-      "editDescription": "Cập nhật prompt và lịch. Cuộc trò chuyện liên kết không thay đổi.",
       "save": "Lưu",
       "deleteTitle": "Xóa tự động hóa",
       "deleteDescription": "Thao tác này xóa {{name}} khỏi kho cron. Tin nhắn chat trước đó vẫn ở trong phiên.",
       "cancel": "Hủy",
       "status": {
         "system": "Hệ thống",
-        "pending": "Đang chờ",
         "running": "Đang chạy",
         "paused": "Đã tạm dừng",
         "failed": "Thất bại",
@@ -569,18 +558,10 @@
         "pending": "Đang chạy",
         "none": "Không có lần chạy tiếp theo"
       },
-      "last": {
-        "never": "Chưa từng chạy",
-        "unknown": "không xác định"
-      },
       "message": {
         "showMore": "Hiển thị toàn bộ tin nhắn",
         "showLess": "Thu gọn"
       },
-      "meta": {
-        "created": "Tạo lúc {{time}}",
-        "updated": "Cập nhật lúc {{time}}"
-      },
       "fields": {
         "name": "Tên",
         "message": "Tin nhắn",
diff --git a/webui/src/i18n/locales/zh-CN/common.json b/webui/src/i18n/locales/zh-CN/common.json
index 4ff4badb..cd816680 100644
--- a/webui/src/i18n/locales/zh-CN/common.json
+++ b/webui/src/i18n/locales/zh-CN/common.json
@@ -472,14 +472,6 @@
       "empty": "没有匹配的应用。"
     },
     "automations": {
-      "kicker": "工作区自动任务",
-      "title": "自动任务",
-      "stats": {
-        "active": "运行中",
-        "paused": "已暂停",
-        "failed": "异常",
-        "system": "系统"
-      },
       "filters": {
         "all": "全部",
         "active": "运行中",
@@ -504,7 +496,6 @@
       "labels": {
         "schedule": "计划",
         "next": "下次",
-        "last": "上次",
         "origin": "关联会话",
         "created": "创建于",
         "updated": "更新于"
@@ -516,14 +507,12 @@
       "delete": "删除",
       "protected": "受保护",
       "editTitle": "编辑自动任务",
-      "editDescription": "更新提示词和计划；关联会话不会改变。",
       "save": "保存",
       "deleteTitle": "删除自动任务",
       "deleteDescription": "这会从 cron 存储中删除 {{name}}，历史聊天消息会保留在会话中。",
       "cancel": "取消",
       "status": {
         "system": "系统",
-        "pending": "等待中",
         "running": "正在运行",
         "paused": "已暂停",
         "failed": "失败",
@@ -569,18 +558,10 @@
         "pending": "正在运行",
         "none": "没有下次运行"
       },
-      "last": {
-        "never": "从未运行",
-        "unknown": "未知"
-      },
       "message": {
         "showMore": "查看完整消息",
         "showLess": "收起消息"
       },
-      "meta": {
-        "created": "创建于 {{time}}",
-        "updated": "更新于 {{time}}"
-      },
       "fields": {
         "name": "名称",
         "message": "消息",
diff --git a/webui/src/i18n/locales/zh-TW/common.json b/webui/src/i18n/locales/zh-TW/common.json
index fbbb0223..bd5ace9c 100644
--- a/webui/src/i18n/locales/zh-TW/common.json
+++ b/webui/src/i18n/locales/zh-TW/common.json
@@ -472,14 +472,6 @@
       "empty": "沒有符合的應用。"
     },
     "automations": {
-      "kicker": "工作區自動任務",
-      "title": "自動任務",
-      "stats": {
-        "active": "執行中",
-        "paused": "已暫停",
-        "failed": "異常",
-        "system": "系統"
-      },
       "filters": {
         "all": "全部",
         "active": "執行中",
@@ -504,7 +496,6 @@
       "labels": {
         "schedule": "排程",
         "next": "下次",
-        "last": "上次",
         "origin": "關聯會話",
         "created": "建立於",
         "updated": "更新於"
@@ -516,14 +507,12 @@
       "delete": "刪除",
       "protected": "受保護",
       "editTitle": "編輯自動任務",
-      "editDescription": "更新提示詞和排程；關聯會話不會改變。",
       "save": "儲存",
       "deleteTitle": "刪除自動任務",
       "deleteDescription": "這會從 cron 儲存中刪除 {{name}}，歷史聊天訊息會保留在會話中。",
       "cancel": "取消",
       "status": {
         "system": "系統",
-        "pending": "等待中",
         "running": "正在執行",
         "paused": "已暫停",
         "failed": "失敗",
@@ -569,18 +558,10 @@
         "pending": "正在執行",
         "none": "沒有下次執行"
       },
-      "last": {
-        "never": "從未執行",
-        "unknown": "未知"
-      },
       "message": {
         "showMore": "查看完整訊息",
         "showLess": "收起訊息"
       },
-      "meta": {
-        "created": "建立於 {{time}}",
-        "updated": "更新於 {{time}}"
-      },
       "fields": {
         "name": "名稱",
         "message": "訊息",
diff --git a/webui/src/tests/i18n.test.tsx b/webui/src/tests/i18n.test.tsx
index 6f084093..d037b2c6 100644
--- a/webui/src/tests/i18n.test.tsx
+++ b/webui/src/tests/i18n.test.tsx
@@ -48,7 +48,6 @@ const LOCALIZED_SETTINGS_COPY_KEYS = [
   "settings.nav.runtime",
   "settings.nav.advanced",
   "sidebar.automations",
-  "settings.automations.title",
   "settings.automations.filters.active",
   "settings.automations.queue",
   "settings.automations.empty",

From e9f982785ec2898b673d0823a126760cdaa44ef1 Mon Sep 17 00:00:00 2001
From: chengyongru <chengyongru.ai@gmail.com>
Date: Tue, 16 Jun 2026 16:24:35 +0800
Subject: [PATCH 35/38] fix(webui): remove automation background layer

Maintainer edit: keep the automation workspace on the page background and remove the extra card-like backdrop that made the layout show square edges around the panels.
---
 webui/src/components/settings/SettingsView.tsx | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/webui/src/components/settings/SettingsView.tsx b/webui/src/components/settings/SettingsView.tsx
index 32aab396..258bd13b 100644
--- a/webui/src/components/settings/SettingsView.tsx
+++ b/webui/src/components/settings/SettingsView.tsx
@@ -1672,7 +1672,14 @@ export function SettingsView({
   };
 
   return (
-    <div className="flex min-h-0 flex-1 flex-col overflow-hidden bg-[radial-gradient(circle_at_50%_0%,hsl(var(--muted))_0%,hsl(var(--background))_42%)] md:flex-row">
+    <div
+      className={cn(
+        "flex min-h-0 flex-1 flex-col overflow-hidden md:flex-row",
+        activeSection === "automations"
+          ? "bg-background"
+          : "bg-[radial-gradient(circle_at_50%_0%,hsl(var(--muted))_0%,hsl(var(--background))_42%)]",
+      )}
+    >
       {showSidebar ? (
         <SettingsSidebar
           activeSection={activeSection}
@@ -3490,7 +3497,7 @@ function AutomationsSettings({
 
   return (
     <div className="flex min-h-0 flex-col gap-2 xl:flex-1 xl:overflow-hidden">
-      <section className="shrink-0 rounded-[22px] border border-border/45 bg-card/72 p-3 shadow-[0_14px_42px_rgba(15,23,42,0.045)] backdrop-blur-xl dark:border-white/10 dark:bg-card/45 sm:p-4">
+      <section className="shrink-0">
         <div className="mx-auto flex w-full max-w-[56rem] flex-col gap-3">
           <div className="-mx-1 overflow-x-auto px-1 pb-0.5">
             <div className="grid w-full min-w-[36rem] grid-cols-5 gap-1 rounded-[15px] bg-muted/42 p-1 shadow-[inset_0_0_0_1px_rgba(15,23,42,0.035)] dark:bg-background/30">
@@ -3564,7 +3571,7 @@ function AutomationsSettings({
           {tx("settings.automations.loading", "Loading automations...")}
         </div>
       ) : filtered.length && selectedJob ? (
-        <section className="grid min-h-0 overflow-hidden rounded-[22px] border border-border/45 bg-card/72 shadow-[0_18px_55px_rgba(15,23,42,0.055)] backdrop-blur-xl dark:border-white/10 dark:bg-card/45 xl:flex-1 xl:grid-cols-[minmax(16rem,18rem)_minmax(0,1fr)] xl:items-stretch">
+        <section className="grid min-h-0 overflow-hidden rounded-[22px] border border-border/45 bg-transparent shadow-none dark:border-white/10 xl:flex-1 xl:grid-cols-[minmax(16rem,18rem)_minmax(0,1fr)] xl:items-stretch">
           <aside className="flex min-h-0 flex-col overflow-hidden border-b border-border/35 bg-background/36 dark:border-white/10 dark:bg-background/18 xl:border-b-0 xl:border-r">
             <div className="flex shrink-0 items-center justify-between gap-3 px-4 py-3">
               <h2 className="text-[13px] font-semibold tracking-[-0.01em] text-foreground/85">

From 2b741ad4e52bf3beb4c99aa33f735f641d08dd67 Mon Sep 17 00:00:00 2001
From: chengyongru <chengyongru.ai@gmail.com>
Date: Tue, 16 Jun 2026 16:31:24 +0800
Subject: [PATCH 36/38] fix(webui): align automation settings layout

Maintainer edit: reuse the same standalone SettingsView shell as Apps and Skills for Automations while keeping the automation queue height constrained.
---
 .../src/components/settings/SettingsView.tsx  | 34 ++++++-------------
 1 file changed, 10 insertions(+), 24 deletions(-)

diff --git a/webui/src/components/settings/SettingsView.tsx b/webui/src/components/settings/SettingsView.tsx
index 258bd13b..75282570 100644
--- a/webui/src/components/settings/SettingsView.tsx
+++ b/webui/src/components/settings/SettingsView.tsx
@@ -1675,9 +1675,9 @@ export function SettingsView({
     <div
       className={cn(
         "flex min-h-0 flex-1 flex-col overflow-hidden md:flex-row",
-        activeSection === "automations"
-          ? "bg-background"
-          : "bg-[radial-gradient(circle_at_50%_0%,hsl(var(--muted))_0%,hsl(var(--background))_42%)]",
+        showSidebar
+          ? "bg-[radial-gradient(circle_at_50%_0%,hsl(var(--muted))_0%,hsl(var(--background))_42%)]"
+          : "bg-background",
       )}
     >
       {showSidebar ? (
@@ -1719,22 +1719,14 @@ export function SettingsView({
         onSave={handleAutomationEdit}
       />
 
-      <main
-        className={cn(
-          "min-w-0 flex-1 [scrollbar-gutter:stable]",
-          activeSection === "automations" ? "overflow-y-auto xl:overflow-hidden" : "overflow-y-auto",
-        )}
-      >
+      <main className="min-w-0 flex-1 overflow-y-auto [scrollbar-gutter:stable]">
         <div
           className={cn(
-            "mx-auto w-full px-4 py-6 sm:px-8 sm:py-8 lg:py-12",
-            activeSection === "automations"
-              ? "xl:flex xl:h-full xl:max-w-[70rem] xl:flex-col xl:overflow-hidden xl:py-6"
-              : "max-w-[920px]",
+            "mx-auto w-full max-w-[920px] px-4 py-6 sm:px-8 sm:py-8 lg:py-12",
             hostChromeInset && "pt-[4.25rem] sm:pt-[4.25rem] lg:pt-[4.75rem]",
           )}
         >
-          <div className={cn("mb-7", activeSection === "automations" && "xl:mb-4")}>
+          <div className="mb-7">
             {!showSidebar ? (
               <button
                 type="button"
@@ -1767,13 +1759,7 @@ export function SettingsView({
               </SettingsRow>
             </SettingsGroup>
           ) : settings ? (
-            <div
-              className={cn(
-                "space-y-5",
-                activeSection === "automations" &&
-                  "xl:flex xl:min-h-0 xl:flex-1 xl:flex-col xl:gap-3 xl:space-y-0 xl:overflow-hidden",
-              )}
-            >
+            <div className="space-y-5">
               {error ? (
                 <div className="rounded-[18px] border border-destructive/20 bg-destructive/5 px-4 py-3 text-[13px] text-destructive">
                   {error}
@@ -3496,7 +3482,7 @@ function AutomationsSettings({
   }, [filtered, selectedJobId]);
 
   return (
-    <div className="flex min-h-0 flex-col gap-2 xl:flex-1 xl:overflow-hidden">
+    <div className="space-y-5">
       <section className="shrink-0">
         <div className="mx-auto flex w-full max-w-[56rem] flex-col gap-3">
           <div className="-mx-1 overflow-x-auto px-1 pb-0.5">
@@ -3571,7 +3557,7 @@ function AutomationsSettings({
           {tx("settings.automations.loading", "Loading automations...")}
         </div>
       ) : filtered.length && selectedJob ? (
-        <section className="grid min-h-0 overflow-hidden rounded-[22px] border border-border/45 bg-transparent shadow-none dark:border-white/10 xl:flex-1 xl:grid-cols-[minmax(16rem,18rem)_minmax(0,1fr)] xl:items-stretch">
+        <section className="grid min-h-0 overflow-hidden rounded-[22px] border border-border/45 bg-transparent shadow-none dark:border-white/10 xl:grid-cols-[minmax(16rem,18rem)_minmax(0,1fr)] xl:items-stretch">
           <aside className="flex min-h-0 flex-col overflow-hidden border-b border-border/35 bg-background/36 dark:border-white/10 dark:bg-background/18 xl:border-b-0 xl:border-r">
             <div className="flex shrink-0 items-center justify-between gap-3 px-4 py-3">
               <h2 className="text-[13px] font-semibold tracking-[-0.01em] text-foreground/85">
@@ -3582,7 +3568,7 @@ function AutomationsSettings({
               </span>
             </div>
             <div
-              className="max-h-[22rem] space-y-1 overflow-y-auto overscroll-contain px-2 pb-2 xl:max-h-none xl:min-h-0 xl:flex-1"
+              className="max-h-[28rem] space-y-1 overflow-y-auto overscroll-contain px-2 pb-2 xl:max-h-[calc(100vh-24rem)]"
               role="list"
               aria-label={tx("settings.automations.queue", "Queue")}
             >

From c6ea5aecff631dda4bcc07888ada2193859c7eab Mon Sep 17 00:00:00 2001
From: chengyongru <2755839590@qq.com>
Date: Tue, 16 Jun 2026 19:52:16 +0800
Subject: [PATCH 37/38] docs: add webui user guide

---
 README.md                                  |   6 +-
 docs/README.md                             |   6 +-
 docs/architecture.md                       |   3 +-
 docs/deployment.md                         |   2 +-
 docs/quick-start.md                        |   2 +-
 docs/start-without-technical-background.md |   2 +-
 docs/troubleshooting.md                    |   2 +-
 docs/webui.md                              | 168 +++++++++++++++++++++
 webui/README.md                            |  71 ++-------
 9 files changed, 191 insertions(+), 71 deletions(-)
 create mode 100644 docs/webui.md

diff --git a/README.md b/README.md
index 3f980225..9776318d 100644
--- a/README.md
+++ b/README.md
@@ -359,7 +359,7 @@ Need help with `PATH`, API keys, provider/model matching, or JSON errors? See th
 
 ## 🌐 WebUI
 
-The WebUI ships **inside the published wheel** — no extra build step. Just enable the WebSocket channel and open it in your browser.
+The WebUI ships **inside the published wheel** — no extra build step. It is the browser workbench for chat sessions, workspace controls, Apps, Skills, Automations, and settings. For the full user guide, see [`docs/webui.md`](./docs/webui.md).
 
 <p align="center">
   <img src="images/nanobot_webui.png" alt="nanobot webui preview" width="900">
@@ -381,12 +381,12 @@ nanobot gateway
 
 **3. Open the WebUI**
 
-Visit [`http://127.0.0.1:8765`](http://127.0.0.1:8765) in your browser. To open it from another device on your LAN, see [WebUI docs → LAN access](./webui/README.md#access-from-another-device-lan).
+Visit [`http://127.0.0.1:8765`](http://127.0.0.1:8765) in your browser. To open it from another device on your LAN, see [WebUI docs -> LAN access](./docs/webui.md#lan-access).
 
 The WebUI is served by the WebSocket channel on port `8765` by default. The gateway's `18790` port is for the health endpoint, not the browser UI.
 
 > [!TIP]
-> Working on the WebUI itself? Check out [`webui/README.md`](./webui/README.md) for the Vite dev server (HMR) workflow.
+> Working on the WebUI itself? Check out [`webui/README.md`](./webui/README.md) for the source-tree, Vite dev server, build, and test workflow.
 
 ## 🏗️ Architecture
 
diff --git a/docs/README.md b/docs/README.md
index 53281a45..9b4ef7b9 100644
--- a/docs/README.md
+++ b/docs/README.md
@@ -16,7 +16,7 @@ If you find a docs mistake, outdated command, or confusing step, please open an
 |---|---|---|
 | New to terminals and config files | [`start-without-technical-background.md`](./start-without-technical-background.md) | [`troubleshooting.md`](./troubleshooting.md) if the first reply fails |
 | Comfortable pasting commands and JSON | [`quick-start.md`](./quick-start.md) | [`provider-cookbook.md`](./provider-cookbook.md) for pasteable provider setups |
-| Operating a long-running bot | [`concepts.md`](./concepts.md) | [`chat-apps.md`](./chat-apps.md), [`../webui/README.md`](../webui/README.md), and [`deployment.md`](./deployment.md) |
+| Operating a long-running bot | [`concepts.md`](./concepts.md) | [`chat-apps.md`](./chat-apps.md), [`webui.md`](./webui.md), and [`deployment.md`](./deployment.md) |
 | Integrating or extending nanobot | [`architecture.md`](./architecture.md) | [`configuration.md`](./configuration.md), [`openai-api.md`](./openai-api.md), [`python-sdk.md`](./python-sdk.md), [`development.md`](./development.md), and [`channel-plugin-guide.md`](./channel-plugin-guide.md) |
 
 ## Start Here
@@ -38,7 +38,7 @@ If a local `nanobot agent` session can already answer normally, you can also ask
 
 | Next goal | Read | First check |
 |---|---|---|
-| Use nanobot in a browser | [`../webui/README.md`](../webui/README.md) | Enable WebSocket, run `nanobot gateway`, open `http://127.0.0.1:8765` |
+| Use nanobot in a browser | [`webui.md`](./webui.md) | Enable WebSocket, run `nanobot gateway`, open `http://127.0.0.1:8765` |
 | Talk through a chat app | [`chat-apps.md`](./chat-apps.md) | Merge one channel snippet, run `nanobot channels status`, keep `nanobot gateway` running |
 | Change provider or add fallbacks | [`provider-cookbook.md`](./provider-cookbook.md) | Keep `modelPresets` named and set `agents.defaults.modelPreset` |
 | Understand before operating long-term | [`concepts.md`](./concepts.md) | Know what config, workspace, gateway, sessions, memory, and tools mean |
@@ -48,7 +48,7 @@ If a local `nanobot agent` session can already answer normally, you can also ask
 
 | Goal | Read | Outcome |
 |---|---|---|
-| Open the bundled browser UI | [`../webui/README.md`](../webui/README.md) | WebUI on port `8765`, or Vite HMR when developing the frontend |
+| Open the bundled browser UI | [`webui.md`](./webui.md) | WebUI on port `8765`, chat workspace, Apps, Skills, Automations, and settings |
 | Connect Telegram, Discord, WeChat, Slack, and other apps | [`chat-apps.md`](./chat-apps.md) | A gateway-backed chat channel with access control |
 | Use slash commands and periodic tasks | [`chat-commands.md`](./chat-commands.md) | Pairing, model presets, heartbeat tasks, and chat-side controls |
 | Generate images | [`image-generation.md`](./image-generation.md) | Image provider config, WebUI image mode, and artifact behavior |
diff --git a/docs/architecture.md b/docs/architecture.md
index 665fad1c..97c7afe5 100644
--- a/docs/architecture.md
+++ b/docs/architecture.md
@@ -108,7 +108,8 @@ WebUI source lives in `webui/`. The production build is written to `nanobot/web/
 
 Useful docs:
 
-- [`../webui/README.md`](../webui/README.md) for WebUI use and development;
+- [`webui.md`](./webui.md) for the WebUI user guide;
+- [`../webui/README.md`](../webui/README.md) for frontend source development;
 - [`websocket.md`](./websocket.md) for protocol details.
 
 ## Tools
diff --git a/docs/deployment.md b/docs/deployment.md
index e076a8f1..0c398880 100644
--- a/docs/deployment.md
+++ b/docs/deployment.md
@@ -54,7 +54,7 @@ Restart the deployed process after editing `config.json`. Long-running processes
 > }
 > ```
 >
-> When the WebSocket `host` is `0.0.0.0`, the channel refuses to start unless `token` or `tokenIssueSecret` is also configured — see [`webui/README.md`](../webui/README.md) for details.
+> When the WebSocket `host` is `0.0.0.0`, the channel refuses to start unless `token` or `tokenIssueSecret` is also configured. See [`webui.md#lan-access`](./webui.md#lan-access) for details.
 
 ### Docker Compose
 
diff --git a/docs/quick-start.md b/docs/quick-start.md
index 2e1aa15d..9f7daea3 100644
--- a/docs/quick-start.md
+++ b/docs/quick-start.md
@@ -271,7 +271,7 @@ Exit interactive mode with `exit`, `quit`, `/exit`, `/quit`, `:q`, or `Ctrl+D`.
 | Understand config, workspace, gateway, channels, memory, and tools | [`concepts.md`](./concepts.md) |
 | Copy another provider or local model setup | [`provider-cookbook.md`](./provider-cookbook.md) |
 | Understand provider/model matching | [`providers.md`](./providers.md) |
-| Open the bundled browser UI | [`../webui/README.md`](../webui/README.md) |
+| Open the bundled browser UI | [`webui.md`](./webui.md) |
 | Connect Telegram, Discord, WeChat, Slack, Email, or another chat app | [`chat-apps.md`](./chat-apps.md) |
 | Configure web search, MCP, security, memory, gateway, or runtime settings | [`configuration.md`](./configuration.md) |
 | Run with Docker, systemd, or LaunchAgent | [`deployment.md`](./deployment.md) |
diff --git a/docs/start-without-technical-background.md b/docs/start-without-technical-background.md
index f604e9f0..c2b009d2 100644
--- a/docs/start-without-technical-background.md
+++ b/docs/start-without-technical-background.md
@@ -393,7 +393,7 @@ nanobot gateway
 
 To stop the WebUI later, return to the gateway terminal and press `Ctrl+C`.
 
-If `nanobot` is not found, run `python -m nanobot gateway`, `python3 -m nanobot gateway`, or `py -m nanobot gateway`, matching the Python command that worked earlier. More details are in [`../webui/README.md`](../webui/README.md).
+If `nanobot` is not found, run `python -m nanobot gateway`, `python3 -m nanobot gateway`, or `py -m nanobot gateway`, matching the Python command that worked earlier. More details are in [`webui.md`](./webui.md).
 
 ### Connect a Chat App
 
diff --git a/docs/troubleshooting.md b/docs/troubleshooting.md
index 3c19fa02..8a736a0e 100644
--- a/docs/troubleshooting.md
+++ b/docs/troubleshooting.md
@@ -205,7 +205,7 @@ http://127.0.0.1:8765
 
 If accessing from another device, bind the WebSocket channel to `0.0.0.0` and set `token` or `tokenIssueSecret`. The WebSocket channel refuses public binds without a token or token issue secret.
 
-See [`../webui/README.md`](../webui/README.md) for LAN and development setup.
+See [`webui.md#lan-access`](./webui.md#lan-access) for LAN setup and [`../webui/README.md`](../webui/README.md) for frontend development.
 
 ## Chat App Problems
 
diff --git a/docs/webui.md b/docs/webui.md
new file mode 100644
index 00000000..82eb12dd
--- /dev/null
+++ b/docs/webui.md
@@ -0,0 +1,168 @@
+# WebUI
+
+The WebUI is nanobot's browser workbench. Use it after a basic CLI reply already
+works, when you want a persistent chat workspace, visible agent activity,
+workspace controls, Apps, Skills, settings, and Automations in one place.
+
+The published `nanobot-ai` wheel already includes the WebUI bundle. You only need
+the `webui/` source directory when you are changing the frontend itself.
+
+## Open the WebUI
+
+First confirm your provider and model can answer:
+
+```bash
+nanobot agent -m "Hello!"
+```
+
+Then merge the WebSocket channel into your existing `~/.nanobot/config.json`:
+
+```json
+{ "channels": { "websocket": { "enabled": true } } }
+```
+
+If you are new to JSON snippets, see
+[`start-without-technical-background.md#how-to-merge-json-snippets`](./start-without-technical-background.md#how-to-merge-json-snippets).
+
+Start the gateway:
+
+```bash
+nanobot gateway
+```
+
+Leave the gateway running and open
+[`http://127.0.0.1:8765`](http://127.0.0.1:8765). The WebUI is served by the
+WebSocket channel on port `8765` by default. The gateway health endpoint,
+`18790` by default, is not the browser UI.
+
+## What It Is For
+
+| Area | Use it for |
+|---|---|
+| Chat | Start, switch, search, fork, and delete browser sessions |
+| Agent activity | See thinking, tool calls, file activity, command output, and generated artifacts in context |
+| Workspace | Pick the project workspace before asking for file or shell work |
+| Access | Choose the access mode for local capabilities allowed by your gateway configuration |
+| Composer | Send text, images, voice input, slash commands, and `@` mentions for Apps or MCP presets |
+| Apps | Install, test, update, and use local CLI App adapters and MCP presets |
+| Skills | Inspect available built-in and workspace skills before relying on them |
+| Automations | Review, search, run, pause, edit, and delete scheduled agent turns |
+| Settings | Adjust models, providers, image generation, voice, web tools, runtime, and safety options |
+
+## Chat Workspace
+
+The sidebar is the session switcher. A session keeps its own history, title,
+workspace metadata, and linked automations. Use a new session when you want a
+separate context; use fork when you want to continue from an existing point
+without changing the original thread.
+
+The message timeline shows both user-visible replies and agent activity. Long
+tool or reasoning sections can be expanded when you need the details.
+
+## Workspace and Access
+
+Use the workspace picker before starting project-specific work. This gives the
+agent the right project context for file paths, shell commands, and session
+metadata.
+
+The access control in the composer controls the local capability level for the
+chat. It does not bypass your gateway, provider, shell sandbox, or operating
+system configuration; it only selects among the capabilities that are already
+available to this WebUI session.
+
+## Composer
+
+The composer supports plain messages, image attachments, voice input when
+transcription is configured, slash commands, and `@` mentions for installed Apps
+or MCP presets. The model badge shows the current model or preset and links back
+to model settings when setup is incomplete.
+
+For image generation, configure an image provider first and then use the WebUI
+image mode from the composer. See [`image-generation.md`](./image-generation.md)
+for provider setup and output behavior.
+
+## Apps
+
+Open Apps from the sidebar or settings navigation to manage integrations that
+nanobot can call from a chat. CLI Apps install local adapters that nanobot runs
+on your machine; they do not modify the native apps themselves. MCP presets add
+predefined MCP server configurations.
+
+After an App or MCP preset is available, mention it from the composer with `@`
+to attach that capability to the next message.
+
+## Skills
+
+The Skills view shows the skill instructions available to the agent, including
+built-in skills and workspace-provided skills. Check this view when you want to
+know whether nanobot already has a focused workflow for a task before you ask it
+to perform that task.
+
+## Automations
+
+Automations are scheduled agent turns. They should be created from the chat,
+channel, or session where they are supposed to run so nanobot keeps the correct
+target context.
+
+Use the Automations view to:
+
+- Filter by all, active, paused, needs-attention, or system jobs.
+- Search by task name, message, linked chat, schedule, or status.
+- Sort by next run, last run, updated time, or name.
+- Run now, pause or resume, edit, or delete user-created automations.
+- Inspect protected system automations without changing them.
+
+Search accepts plain text and field filters such as `name:backup`,
+`chat:WeChat`, `schedule:09:30`, `cron:"0 23 * * *"`, and `status:paused`.
+
+An automation without a linked chat cannot be enabled or run from the WebUI,
+because nanobot would not know where to deliver the scheduled turn. Recreate it
+from the target chat or channel so the automation has complete context.
+
+## Settings
+
+Settings is the control surface for the browser session and gateway-backed
+runtime configuration. Use it to review or adjust model presets, provider
+visibility, image generation, voice transcription, web tools, Apps, Automations,
+Skills, runtime identity, and advanced safety controls.
+
+Some settings take effect immediately. Runtime settings that affect the gateway
+or agent process may require a restart; the WebUI shows that requirement next to
+the relevant control.
+
+## LAN Access
+
+To open the WebUI from another device on the same network, bind the WebSocket
+channel to all interfaces and set a token or token issue secret:
+
+```json
+{
+  "channels": {
+    "websocket": {
+      "enabled": true,
+      "host": "0.0.0.0",
+      "port": 8765,
+      "tokenIssueSecret": "your-secret-here"
+    }
+  }
+}
+```
+
+The gateway refuses to start with `host` set to `"0.0.0.0"` unless `token` or
+`tokenIssueSecret` is configured. After the gateway starts, open
+`http://<your-ip>:8765` from the other device and enter the secret in the login
+form.
+
+## Troubleshooting
+
+If the page does not open, check these in order:
+
+1. `nanobot agent -m "Hello!"` works in the same Python environment.
+2. The WebSocket channel is enabled in `~/.nanobot/config.json`.
+3. `nanobot gateway` is still running.
+4. You are opening port `8765`, not the gateway health port.
+5. LAN access uses `host: "0.0.0.0"` and a token or token issue secret.
+
+For detailed diagnostics, see
+[`troubleshooting.md#webui-problems`](./troubleshooting.md#webui-problems).
+For frontend development, see [`../webui/README.md`](../webui/README.md).
diff --git a/webui/README.md b/webui/README.md
index 2730a272..998ea02b 100644
--- a/webui/README.md
+++ b/webui/README.md
@@ -1,6 +1,10 @@
-# nanobot WebUI
+# nanobot WebUI Source
 
-The WebUI is the browser workbench served by `nanobot gateway`. If you installed `nanobot-ai` from PyPI, the WebUI bundle is already included; this `webui/` source tree is only needed when you are changing the frontend.
+This directory contains the React/TypeScript source for the nanobot WebUI. If
+you installed `nanobot-ai` from PyPI and only want to use the bundled browser UI,
+read the user guide in [`docs/webui.md`](../docs/webui.md). You do not need
+Node.js, Bun, Vite, or anything in this directory unless you are changing the
+frontend.
 
 For the project overview, install guide, and general docs map, see the root [`README.md`](../README.md) and [`docs/README.md`](../docs/README.md).
 
@@ -8,46 +12,14 @@ For the project overview, install guide, and general docs map, see the root [`RE
 
 | Goal | Start with | Opens at |
 |---|---|---|
-| Use the bundled browser UI | [Just want to use the WebUI?](#just-want-to-use-the-webui) | `http://127.0.0.1:8765` |
-| Use the WebUI from another device | [Access from another device (LAN)](#access-from-another-device-lan) | `http://<your-ip>:8765` |
+| Use the bundled browser UI | [`docs/webui.md`](../docs/webui.md) | `http://127.0.0.1:8765` |
+| Use the WebUI from another device | [`docs/webui.md#lan-access`](../docs/webui.md#lan-access) | `http://<your-ip>:8765` |
 | Change WebUI source code | [Develop the WebUI (Vite HMR)](#develop-the-webui-vite-hmr) | `http://127.0.0.1:5173` |
 | Debug setup failures | [`docs/troubleshooting.md#webui-problems`](../docs/troubleshooting.md#webui-problems) | Diagnosis order and common fixes |
 
-## Just want to use the WebUI?
-
-If you installed nanobot via `python -m pip install nanobot-ai`, the WebUI is **already bundled** in the wheel. You do **not** need Node.js, Bun, Vite, or anything in this directory unless you are changing the WebUI source code.
-
-First prove the provider path:
-
-```bash
-nanobot agent -m "Hello!"
-```
-
-If the shell cannot find `nanobot`, use the module form from the same Python environment:
-
-```bash
-python -m nanobot agent -m "Hello!"
-```
-
-Then merge this WebSocket snippet into your existing `~/.nanobot/config.json` instead of replacing the whole file:
-
-```json
-{ "channels": { "websocket": { "enabled": true } } }
-```
-
-If you are new to JSON snippets, see [`docs/start-without-technical-background.md#how-to-merge-json-snippets`](../docs/start-without-technical-background.md#how-to-merge-json-snippets).
-
-Start the gateway:
-
-```bash
-nanobot gateway
-```
-
-Leave this terminal running while you use the WebUI. Closing it stops the browser UI and WebSocket connection.
-
-Open [`http://127.0.0.1:8765`](http://127.0.0.1:8765). The gateway's `18790` port is only the health endpoint, not the browser UI. For setup failures, use [`docs/troubleshooting.md`](../docs/troubleshooting.md#webui-problems).
-
-This `webui/` tree is for people **changing the WebUI source code**. It is built with Vite + React 18 + TypeScript + Tailwind 3 + shadcn/ui, talks to the gateway over the WebSocket multiplex protocol, and reads session metadata from the embedded REST surface on the same port.
+The source app is built with Vite + React 18 + TypeScript + Tailwind 3 +
+shadcn/ui. It talks to the gateway over the WebSocket multiplex protocol and
+reads session metadata from the embedded REST surface on the same port.
 
 ## Layout
 
@@ -104,27 +76,6 @@ If your gateway listens on a non-default port, point the dev server at it:
 NANOBOT_API_URL=http://127.0.0.1:9000 bun run dev
 ```
 
-### Access from another device (LAN)
-
-To use the WebUI from another device on the same network, set `host` to `"0.0.0.0"` and configure a `token` or `tokenIssueSecret` in `~/.nanobot/config.json`:
-
-```json
-{
-  "channels": {
-    "websocket": {
-      "enabled": true,
-      "host": "0.0.0.0",
-      "port": 8765,
-      "tokenIssueSecret": "your-secret-here"
-    }
-  }
-}
-```
-
-The gateway will refuse to start if `host` is `"0.0.0.0"` and neither `token` nor `tokenIssueSecret` is set.
-
-Then open `http://<your-ip>:8765` on the other device. The WebUI will show an authentication form where you enter the secret. It is saved in your browser so you only need to enter it once.
-
 ## Build for packaged runtime
 
 You usually do not need to run this by hand: `python -m build` invokes the WebUI build automatically when packaging the wheel.

From 9ce40969ce00ccd0129d658c1dda2f021f02109a Mon Sep 17 00:00:00 2001
From: Xubin Ren <52506698+Re-bin@users.noreply.github.com>
Date: Wed, 17 Jun 2026 01:42:50 +0800
Subject: [PATCH 38/38] style(webui): add subtle automation filter tones

---
 .../src/components/settings/SettingsView.tsx  | 44 ++++++++++++++++++-
 1 file changed, 43 insertions(+), 1 deletion(-)

diff --git a/webui/src/components/settings/SettingsView.tsx b/webui/src/components/settings/SettingsView.tsx
index 75282570..1b3c03a7 100644
--- a/webui/src/components/settings/SettingsView.tsx
+++ b/webui/src/components/settings/SettingsView.tsx
@@ -3496,10 +3496,16 @@ function AutomationsSettings({
                     "inline-flex h-8 min-w-0 shrink-0 items-center justify-center gap-2 whitespace-nowrap rounded-[11px] px-3 text-[12px] font-medium text-muted-foreground transition-colors",
                     filter === option.value &&
                       "bg-background text-foreground shadow-[0_8px_20px_rgba(15,23,42,0.07)] dark:bg-background/80",
+                    automationFilterToneClass(option.value, option.count, filter === option.value),
                   )}
                 >
                   <span>{option.label}</span>
-                  <span className="min-w-5 shrink-0 rounded-full bg-orange-100/70 px-1.5 py-0.5 text-center text-[11px] tabular-nums text-orange-800/70 dark:bg-orange-300/12 dark:text-orange-200/75">
+                  <span
+                    className={cn(
+                      "min-w-5 shrink-0 rounded-full bg-background/75 px-1.5 py-0.5 text-center text-[11px] tabular-nums text-muted-foreground",
+                      automationFilterCountClass(option.value, option.count),
+                    )}
+                  >
                     {option.count}
                   </span>
                 </button>
@@ -4562,6 +4568,42 @@ function automationMatchesFilter(job: SessionAutomationJob, filter: AutomationFi
   return true;
 }
 
+const AUTOMATION_FILTER_TONES: Partial<
+  Record<AutomationFilter, { text: string; selectedText: string; count: string }>
+> = {
+  active: {
+    text: "text-emerald-600 dark:text-emerald-400",
+    selectedText: "text-emerald-700 dark:text-emerald-300",
+    count: "bg-emerald-500/10 text-emerald-700 dark:text-emerald-300",
+  },
+  paused: {
+    text: "text-amber-600 dark:text-amber-400",
+    selectedText: "text-amber-700 dark:text-amber-300",
+    count: "bg-amber-500/10 text-amber-700 dark:text-amber-300",
+  },
+  failed: {
+    text: "text-rose-600 dark:text-rose-400",
+    selectedText: "text-rose-700 dark:text-rose-300",
+    count: "bg-rose-500/10 text-rose-700 dark:text-rose-300",
+  },
+  system: {
+    text: "text-sky-600 dark:text-sky-400",
+    selectedText: "text-sky-700 dark:text-sky-300",
+    count: "bg-sky-500/10 text-sky-700 dark:text-sky-300",
+  },
+};
+
+function automationFilterToneClass(value: AutomationFilter, count: number, selected: boolean): string {
+  const tone = AUTOMATION_FILTER_TONES[value];
+  if (count <= 0 || !tone) return "";
+  return selected ? tone.selectedText : tone.text;
+}
+
+function automationFilterCountClass(value: AutomationFilter, count: number): string {
+  const tone = AUTOMATION_FILTER_TONES[value];
+  return count > 0 && tone ? tone.count : "";
+}
+
 function automationStatus(
   job: SessionAutomationJob,
   tx: (key: string, fallback: string, values?: Record<string, unknown>) => string,