fix(webui): collapse automation run history by default

webui/src/components/settings/SettingsView.tsx

@@ -3965,20 +3965,29 @@ 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 visible = [...history].reverse();
-  const hiddenCount = history.length - visible.length;
 
   return (
     <section className="rounded-[18px] bg-muted/32 px-3 py-3">
-      <div className="mb-3 flex items-center justify-between gap-3">
+      <button
-        <h4 className="text-[12px] font-medium leading-none text-foreground">
+        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>
+        <span className="inline-flex items-center gap-2 text-[11px] leading-none text-muted-foreground">
-      <div className="space-y-2">
+          <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
@@ -4014,18 +4023,6 @@ 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>
   );

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": {

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": {

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": {

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": {

webui/src/i18n/locales/ja/common.json

@@ -582,8 +582,6 @@
         "skipped": "スキップ",
         "recent": "最新結果",
         "timeline": "実行履歴",
-        "showMore": "さらに {{count}} 件表示",
-        "showRecent": "最近の実行のみ表示",
         "statusWithDuration": "{{status}} · {{duration}}"
       },
       "message": {

webui/src/i18n/locales/ko/common.json

@@ -582,8 +582,6 @@
         "skipped": "건너뜀",
         "recent": "최근 결과",
         "timeline": "실행 기록",
-        "showMore": "{{count}}개 더 보기",
-        "showRecent": "최근 실행만 보기",
         "statusWithDuration": "{{status}} · {{duration}}"
       },
       "message": {

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": {

webui/src/i18n/locales/zh-CN/common.json

@@ -582,8 +582,6 @@
         "skipped": "已跳过",
         "recent": "最近结果",
         "timeline": "运行记录",
-        "showMore": "再显示 {{count}} 条",
-        "showRecent": "只看最近记录",
         "statusWithDuration": "{{status}} · {{duration}}"
       },
       "message": {

webui/src/i18n/locales/zh-TW/common.json

@@ -582,8 +582,6 @@
         "skipped": "已略過",
         "recent": "最近結果",
         "timeline": "執行記錄",
-        "showMore": "再顯示 {{count}} 筆",
-        "showRecent": "只看最近記錄",
         "statusWithDuration": "{{status}} · {{duration}}"
       },
       "message": {

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();
   });