loadtoagent 1.1.0 → 1.3.2

package/renderer/app-events-filters.js

@@ -3,42 +3,137 @@
 window.LoadToAgentAppFactories = window.LoadToAgentAppFactories || {};
 
 window.LoadToAgentAppFactories.createFilterEventBindings = function createFilterEventBindings(context = {}) {
-  const { $, state, renderSessions, render, renderWorkspaces, renderProviderOverview, renderProviderFilter, toggleProviderFilter, announceProviderFilter, performUiAction, toast } = context;
+  const t = (key, params) => window.LoadToAgentI18n.t(key, params);
+  const { $, state, setProviderVisible = () => {}, visibleSnapshot = () => state.snapshot, closeDrawer = () => {}, openDrawer = () => {}, renderSessions, render, renderWorkspaces, renderProviderOverview, renderProviderFilter, toggleProviderFilter, announceProviderFilter, filteredSessions, performUiAction, toast, announce, normalizedSearch = (value) => String(value || "").trim(), saveDashboardPreferences = () => {}, restoreDialogTrigger = () => {}, setDialogOpenState = () => {} } = context;
 
   function bindFilterAndWorkspaceEvents() {
+    const syncFilterResetButton = () => {
+      const hasFilters = Boolean(
+        $("#searchInput").value || state.search || state.providerFilters.size || state.workspace !== "all" || state.sort !== "recent",
+      );
+      $("#resetFiltersBtn").classList.toggle("hidden", !hasFilters);
+    };
+    const moveFocus = (event, container, selector, previousKeys, nextKeys) => {
+      if (![...previousKeys, ...nextKeys, "Home", "End"].includes(event.key)) return false;
+      const items = Array.from(container.querySelectorAll(selector)).filter((item) => !item.disabled && !item.hidden);
+      if (!items.length) return false;
+      const current = Math.max(0, items.indexOf(event.target.closest(selector)));
+      const next = event.key === "Home"
+        ? 0
+        : event.key === "End"
+          ? items.length - 1
+          : (current + (nextKeys.includes(event.key) ? 1 : -1) + items.length) % items.length;
+      event.preventDefault();
+      items[next].focus();
+      return true;
+    };
     $("#loadMoreBtn").addEventListener("click", () => {
+      const previousCount = document.querySelectorAll("#sessionGrid [data-session-id]").length;
       state.visibleLimit += 30;
       renderSessions("load-more");
+      const cards = document.querySelectorAll("#sessionGrid [data-session-id]");
+      cards[Math.min(previousCount, cards.length - 1)]?.focus({ preventScroll: true });
+      announce(window.LoadToAgentI18n.t("filter.more_loaded", { count: Math.max(0, cards.length - previousCount) }));
     });
-    $("#workspaceList").addEventListener("click", async (event) => {
+    const workspaceLists = [$("#workspaceList"), $("#mobileWorkspaceList")].filter(Boolean);
+    const handleWorkspaceClick = async (event) => {
+      const activeList = event.currentTarget;
       const remove = event.target.closest("[data-remove-workspace]");
       if (remove) {
         event.stopPropagation();
-        const workspaces = await performUiAction(() => window.loadtoagent.removeWorkspace(remove.dataset.removeWorkspace), "작업 폴더를 제거하지 못했습니다.");
+        const path = remove.dataset.removeWorkspace;
+        const workspaceItems = Array.from(activeList.querySelectorAll("[data-workspace]"));
+        const workspaceIndex = Math.max(0, workspaceItems.indexOf(remove.closest(".workspace-row")?.querySelector("[data-workspace]")));
+        const workspaces = await performUiAction(() => window.loadtoagent.removeWorkspace(remove.dataset.removeWorkspace), t("workspace.remove_failed"), remove);
         if (!workspaces) return;
         state.workspaces = workspaces;
         if (state.workspace === remove.dataset.removeWorkspace) state.workspace = "all";
         render();
+        syncFilterResetButton();
+        saveDashboardPreferences();
+        requestAnimationFrame(() => {
+          const nextItems = Array.from(activeList.querySelectorAll("[data-workspace]"));
+          nextItems[Math.min(workspaceIndex, nextItems.length - 1)]?.focus();
+        });
+        announce(window.LoadToAgentI18n.t("quality.workspace_removed", { name: path.split(/[\\/]/).filter(Boolean).pop() || path }));
         return;
       }
       const item = event.target.closest("[data-workspace]");
       if (item) {
+        const label = item.querySelector("strong")?.textContent.trim() || t("project.all");
         state.workspace = item.dataset.workspace;
         state.visibleLimit = 30;
         renderWorkspaces();
         renderSessions("filter");
+        syncFilterResetButton();
+        saveDashboardPreferences();
+        announce(t("filter.workspace_results", { project: label, count: filteredSessions().length }));
+        if (activeList.id === "mobileWorkspaceList") {
+          const menu = $("#mobileToolsMenu");
+          setDialogOpenState(menu, false);
+          menu?.classList.add("hidden");
+          $("#mobileMoreBtn")?.setAttribute("aria-expanded", "false");
+          const focusResults = () => ($("#liveSessionGrid")?.querySelector("[data-graph-focus], [data-open-session]")
+            || $("#sessionGrid")?.querySelector("[data-session-id]")
+            || $("#mainContent"))?.focus({ preventScroll: true });
+          restoreDialogTrigger();
+          focusResults();
+          requestAnimationFrame(focusResults);
+        }
       }
+    };
+    workspaceLists.forEach((list) => {
+      list.addEventListener("click", handleWorkspaceClick);
+      list.addEventListener("keydown", (event) => {
+        moveFocus(event, event.currentTarget, "[data-workspace]", ["ArrowUp"], ["ArrowDown"]);
+      });
     });
     let searchTimer = null;
     $("#searchInput").addEventListener("input", (event) => {
       clearTimeout(searchTimer);
       const value = event.target.value;
+      $("#searchClearBtn").classList.toggle("hidden", !value);
+      syncFilterResetButton();
       searchTimer = setTimeout(() => {
-        state.search = value;
+        state.search = normalizedSearch(value);
         state.visibleLimit = 30;
         renderSessions("filter");
+        announce(window.LoadToAgentI18n.t("filter.search_results", { count: filteredSessions().length }));
+        syncFilterResetButton();
+        saveDashboardPreferences();
       }, 120);
     });
+    $("#searchClearBtn").addEventListener("click", () => {
+      clearTimeout(searchTimer);
+      $("#searchInput").value = "";
+      $("#searchClearBtn").classList.add("hidden");
+      state.search = "";
+      state.visibleLimit = 30;
+      renderSessions("filter");
+      announce(window.LoadToAgentI18n.t("filter.search_cleared"));
+      $("#searchInput").focus();
+      syncFilterResetButton();
+      saveDashboardPreferences();
+    });
+    $("#searchInput").addEventListener("keydown", (event) => {
+      if (event.key === "Escape" && event.currentTarget.value) {
+        event.preventDefault();
+        $("#searchClearBtn").click();
+        return;
+      }
+      if (event.key === "ArrowDown") {
+        const first = $("#sessionGrid [data-session-id]") || $("#liveSessionGrid button, #liveSessionGrid [tabindex='0']");
+        if (first) {
+          event.preventDefault();
+          first.focus();
+        }
+        return;
+      }
+      if (event.key === "Enter" && filteredSessions().length === 1) {
+        event.preventDefault();
+        openDrawer(filteredSessions()[0].id);
+      }
+    });
     $("#providerFilter").addEventListener("click", (event) => {
       const chip = event.target.closest("[data-provider-filter]");
       if (!chip) return;
@@ -48,30 +143,94 @@ window.LoadToAgentAppFactories.createFilterEventBindings = function createFilter
       renderProviderOverview();
       renderSessions("filter");
       announceProviderFilter();
-      requestAnimationFrame(() => {
-        const next = $("#providerFilter").querySelector(`[data-provider-filter="${CSS.escape(chip.dataset.providerFilter)}"]`);
-        next?.classList.add("filter-clicked");
-        next?.focus();
-      });
+      const next = $("#providerFilter").querySelector(`[data-provider-filter="${CSS.escape(chip.dataset.providerFilter)}"]`);
+      next?.classList.add("filter-clicked");
+      next?.focus();
+      syncFilterResetButton();
+      saveDashboardPreferences();
+    });
+    $("#providerFilter").addEventListener("keydown", (event) => {
+      moveFocus(event, event.currentTarget, "[data-provider-filter]", ["ArrowLeft", "ArrowUp"], ["ArrowRight", "ArrowDown"]);
     });
     $("#sortSelect").addEventListener("change", (event) => {
       state.sort = event.target.value;
       state.visibleLimit = 30;
       renderSessions("filter");
+      const label = event.target.selectedOptions[0]?.textContent || event.target.value;
+      announce(window.LoadToAgentI18n.t("filter.sort_changed", { sort: label, count: filteredSessions().length }));
+      syncFilterResetButton();
+      saveDashboardPreferences();
     });
-    $("#addWorkspaceBtn").addEventListener("click", async () => {
-      const workspaces = await performUiAction(() => window.loadtoagent.addWorkspaces(), "작업 폴더를 추가하지 못했습니다.");
+    $("#resetFiltersBtn").addEventListener("click", () => {
+      clearTimeout(searchTimer);
+      state.search = "";
+      state.providerFilters.clear();
+      state.workspace = "all";
+      state.sort = "recent";
+      state.visibleLimit = 30;
+      $("#searchInput").value = "";
+      $("#searchClearBtn").classList.add("hidden");
+      $("#sortSelect").value = "recent";
+      renderWorkspaces();
+      renderProviderFilter();
+      renderProviderOverview();
+      renderSessions("filter");
+      syncFilterResetButton();
+      saveDashboardPreferences();
+      announce(window.LoadToAgentI18n.t("filter.reset_done", { count: filteredSessions().length }));
+      $("#searchInput").focus();
+    });
+    $("#providerVisibilityList").addEventListener("change", async (event) => {
+      const input = event.target.closest("[data-provider-visibility]");
+      if (!input) return;
+      const providerId = input.dataset.providerVisibility;
+      const previousVisible = !input.checked;
+      const selectedBeforeChange = (state.rawSnapshot?.sessions || []).find((session) => session.id === state.selectedId)
+        || state.details.get(state.selectedId);
+      setProviderVisible(providerId, input.checked);
+      state.visibleLimit = 30;
+      if (state.selectedId && selectedBeforeChange && state.hiddenProviders.has(selectedBeforeChange.provider)) closeDrawer();
+      if (window.LoadToAgentTerminal) window.LoadToAgentTerminal.updateSnapshot(visibleSnapshot(), state.workspaces);
+      render("filter");
+      try {
+        await Promise.resolve(window.loadtoagent.setProviderVisibility?.({ hidden: [...state.hiddenProviders] }));
+      } catch (error) {
+        window.LoadToAgentRendererUtils.reportRecoverableError("provider-visibility-persistence", error);
+        setProviderVisible(providerId, previousVisible);
+        if (window.LoadToAgentTerminal) window.LoadToAgentTerminal.updateSnapshot(visibleSnapshot(), state.workspaces);
+        render("filter");
+        toast(t("settings.providers.save_failed"));
+        return;
+      }
+      toast(t(input.checked ? "settings.providers.shown_toast" : "settings.providers.hidden_toast"));
+    });
+    const addWorkspaceButtons = [$("#addWorkspaceBtn"), $("#mobileAddWorkspaceBtn")].filter(Boolean);
+    const addWorkspace = async (event) => {
+      const trigger = event.currentTarget;
+      const previousPaths = new Set(state.workspaces.map((workspace) => workspace.path));
+      const workspaces = await performUiAction(() => window.loadtoagent.addWorkspaces(), t("workspace.add_failed"), trigger);
       if (!workspaces) return;
       state.workspaces = workspaces;
       renderWorkspaces();
-    });
+      syncFilterResetButton();
+      const added = state.workspaces.find((workspace) => !previousPaths.has(workspace.path));
+      requestAnimationFrame(() => {
+        const targetList = trigger.id === "mobileAddWorkspaceBtn" ? $("#mobileWorkspaceList") : $("#workspaceList");
+        if (added) targetList?.querySelector(`[data-workspace="${CSS.escape(added.path)}"]`)?.focus();
+        else trigger.focus();
+      });
+      announce(window.LoadToAgentI18n.t("quality.workspace_added", { count: state.workspaces.length }));
+    };
+    addWorkspaceButtons.forEach((button) => button.addEventListener("click", addWorkspace));
     $("#probeBtn").addEventListener("click", async () => {
-      const nextAvailability = await performUiAction(() => window.loadtoagent.probeProviders(), "AI CLI 연결 상태를 확인하지 못했습니다.");
+      const nextAvailability = await performUiAction(() => window.loadtoagent.probeProviders(), t("run.cli_check_failed"), $("#probeBtn"));
       if (!nextAvailability) return;
       state.availability = nextAvailability;
       render();
       toast(window.LoadToAgentI18n.t("ui.ai_cli_connections_were_checked_again"));
     });
+    $("#searchClearBtn").classList.toggle("hidden", !$("#searchInput").value);
+    syncFilterResetButton();
   }
 
   return { bindFilterAndWorkspaceEvents };

package/renderer/app-events-navigation.js

@@ -3,17 +3,39 @@
 window.LoadToAgentAppFactories = window.LoadToAgentAppFactories || {};
 
 window.LoadToAgentAppFactories.createNavigationEventBindings = function createNavigationEventBindings(context = {}) {
+  const t = (key, params) => window.LoadToAgentI18n.t(key, params);
   const {
     $, state, motionPreference, saveGuideState, selectView, renderUpdateSettings,
-    filteredSessions, renderSessions, openRunModal, openDrawer, toast,
+    filteredSessions, renderSessions, openRunModal, openDrawer, toast, performUiAction,
+    rememberDialogTrigger, restoreDialogTrigger, setDialogOpenState, trapDialogFocus,
   } = context;
 
   function bindNavigationAndUpdateEvents() {
+    const closeMobileTools = (restoreFocus = true) => {
+      const menu = $("#mobileToolsMenu");
+      setDialogOpenState(menu, false);
+      menu.classList.add("hidden");
+      $("#mobileMoreBtn").setAttribute("aria-expanded", "false");
+      if (restoreFocus) restoreDialogTrigger();
+    };
     $(".view-nav").addEventListener("click", (event) => {
       const button = event.target.closest(".nav-item");
       if (!button || !button.dataset.view) return;
       selectView(button.dataset.view);
     });
+    $(".view-nav").addEventListener("keydown", (event) => {
+      if (!["ArrowUp", "ArrowDown", "Home", "End"].includes(event.key)) return;
+      const buttons = Array.from(document.querySelectorAll(".view-nav .nav-item[data-view]"))
+        .filter((button) => !button.hidden && button.getClientRects().length > 0 && getComputedStyle(button).visibility !== "hidden");
+      const current = Math.max(0, buttons.indexOf(event.target.closest(".nav-item[data-view]")));
+      const next = event.key === "Home"
+        ? 0
+        : event.key === "End"
+          ? buttons.length - 1
+          : (current + (event.key === "ArrowDown" ? 1 : -1) + buttons.length) % buttons.length;
+      event.preventDefault();
+      buttons[next]?.focus();
+    });
     $("#updateNoticeBtn").addEventListener("click", () => {
       selectView("settings");
     });
@@ -44,7 +66,7 @@ window.LoadToAgentAppFactories.createNavigationEventBindings = function createNa
         const first = filteredSessions()[0] || ((state.snapshot && state.snapshot.sessions) || [])[0];
         if (first) openDrawer(first.id);
         else {
-          toast("아직 열어볼 작업이 없어요. 먼저 AI에게 첫 일을 맡겨보세요.");
+          toast(t("guide.no_task_to_open"));
           openRunModal();
         }
       }
@@ -52,43 +74,68 @@ window.LoadToAgentAppFactories.createNavigationEventBindings = function createNa
     $("#mobileMoreBtn").addEventListener("click", () => {
       const menu = $("#mobileToolsMenu");
       const opening = menu.classList.contains("hidden");
-      menu.classList.toggle("hidden", !opening);
-      $("#mobileMoreBtn").setAttribute("aria-expanded", opening ? "true" : "false");
-      if (opening) setTimeout(() => menu.querySelector("button")?.focus(), 0);
+      if (!opening) return closeMobileTools(true);
+      $("#mobileMoreBtn").focus({ preventScroll: true });
+      rememberDialogTrigger();
+      menu.classList.remove("hidden");
+      setDialogOpenState(menu, true);
+      $("#mobileMoreBtn").setAttribute("aria-expanded", "true");
+      menu.querySelector("button")?.focus({ preventScroll: true });
+    });
+    $("#mobileToolsCloseBtn").addEventListener("click", () => closeMobileTools(true));
+    $("#mobileToolsMenu").addEventListener("keydown", (event) => {
+      if (event.key === "Escape") {
+        event.preventDefault();
+        closeMobileTools(true);
+        return;
+      }
+      if (event.key === "Tab") {
+        trapDialogFocus(event);
+        return;
+      }
+      if (!["ArrowUp", "ArrowDown", "Home", "End"].includes(event.key)) return;
+      const buttons = Array.from(event.currentTarget.querySelectorAll("button:not([disabled])"));
+      const current = Math.max(0, buttons.indexOf(event.target.closest("button")));
+      const next = event.key === "Home"
+        ? 0
+        : event.key === "End"
+          ? buttons.length - 1
+          : (current + (event.key === "ArrowDown" ? 1 : -1) + buttons.length) % buttons.length;
+      event.preventDefault();
+      buttons[next]?.focus();
     });
     $("#mobileToolsMenu").addEventListener("click", (event) => {
       const button = event.target.closest("[data-mobile-view]");
-      if (button) selectView(button.dataset.mobileView, { focusMain: true });
+      if (button) {
+        closeMobileTools(false);
+        selectView(button.dataset.mobileView, { focusMain: true });
+      }
+    });
+    document.addEventListener("pointerdown", (event) => {
+      const menu = $("#mobileToolsMenu");
+      if (menu.classList.contains("hidden") || menu.contains(event.target) || $("#mobileMoreBtn").contains(event.target)) return;
+      const focusWasInside = menu.contains(document.activeElement);
+      closeMobileTools(focusWasInside);
     });
     $("#checkUpdateBtn").addEventListener("click", async () => {
-      try {
-        state.update = { ...(state.update || {}), status: "checking", error: "" };
-        renderUpdateSettings();
-        state.update = await window.loadtoagent.checkForUpdate();
-        renderUpdateSettings();
-      } catch (error) {
-        toast((error && error.message) || window.LoadToAgentI18n.t("ui.could_not_check_for_updates"));
-      }
+      state.update = { ...(state.update || {}), status: "checking", error: "" };
+      renderUpdateSettings();
+      const update = await performUiAction(() => window.loadtoagent.checkForUpdate(), "ui.could_not_check_for_updates", $("#checkUpdateBtn"));
+      if (update) state.update = update;
+      else state.update = { ...(state.update || {}), status: "error" };
+      renderUpdateSettings();
     });
     $("#installUpdateBtn").addEventListener("click", async () => {
-      try {
-        if (state.update && state.update.status === "downloaded") {
-          await window.loadtoagent.openDownloadedUpdate();
-          toast("설치 파일을 열었습니다. 화면의 안내에 따라 업데이트를 마무리하세요.");
-        } else {
-          state.update = await window.loadtoagent.downloadUpdate();
-          renderUpdateSettings();
-        }
-      } catch (error) {
-        toast((error && error.message) || window.LoadToAgentI18n.t("ui.could_not_prepare_the_update_file"));
-      }
+      state.update = { ...(state.update || {}), status: "downloading", error: "" };
+      renderUpdateSettings();
+      const update = await performUiAction(() => window.loadtoagent.installDownloadedUpdate(), "ui.could_not_prepare_the_update_file", $("#installUpdateBtn"));
+      if (update) state.update = update;
+      else if (state.update && state.update.asset) state.update.status = "available";
+      renderUpdateSettings();
+      if (state.update && state.update.installMode === "manual") toast(t("ui.open_installer"));
     });
     $("#openReleaseBtn").addEventListener("click", async () => {
-      try {
-        await window.loadtoagent.openUpdateRelease();
-      } catch (error) {
-        toast((error && error.message) || window.LoadToAgentI18n.t("ui.could_not_open_the_github_release_page"));
-      }
+      await performUiAction(() => window.loadtoagent.openUpdateRelease(), "ui.could_not_open_the_github_release_page", $("#openReleaseBtn"));
     });
   }
 

package/renderer/app-events-sessions.js

@@ -5,10 +5,99 @@ window.LoadToAgentAppFactories = window.LoadToAgentAppFactories || {};
 window.LoadToAgentAppFactories.createSessionEventBindings = function createSessionEventBindings(context = {}) {
   const {
     $, state, selectView, renderProviderOverview, renderProviderFilter, toggleProviderFilter, announceProviderFilter, renderSessions, renderTmuxMap, openDrawer, openSubagentConversation,
-    dispatchAgentCommand, openAgentTerminal, copyBridgeCommand, openSessionOrigin,
+    dispatchAgentCommand, openAgentTerminal, copyBridgeCommand, openSessionOrigin, saveDashboardPreferences = () => {},
+    controlManagedRun, quickRespond, prepareReassignment,
+    copyText = async () => false,
+    announce = () => {},
   } = context;
 
+  const managementFilterLabel = value => value === "all" ? window.LoadToAgentI18n.t("management.filter_all") : window.LoadToAgentI18n.t(`management.health.${value}`);
+  const announceManagementFilter = value => announce(window.LoadToAgentI18n.t("management.filter_results", {
+    filter: managementFilterLabel(value),
+    count: $("#attentionInbox")?.querySelectorAll("[data-management-session]").length || 0,
+  }));
+
+  function bindManagementEvents() {
+    $("#operationsOverview").addEventListener("click", (event) => {
+      const open = event.target.closest("[data-open-session]");
+      if (open) return openDrawer(open.dataset.openSession);
+      const filter = event.target.closest("[data-management-filter]");
+      if (!filter) return;
+      selectView("waiting", { focusMain: true, managementFilter: filter.dataset.managementFilter });
+      announceManagementFilter(filter.dataset.managementFilter);
+    });
+    $("#attentionInbox").addEventListener("click", async (event) => {
+      const filter = event.target.closest("[data-management-inbox-filter]");
+      if (filter) {
+        state.managementFilter = filter.dataset.managementInboxFilter;
+        renderSessions("filter");
+        announceManagementFilter(state.managementFilter);
+        requestAnimationFrame(() => $("#attentionInbox")?.querySelector(`[data-management-inbox-filter="${CSS.escape(state.managementFilter)}"]`)?.focus({ preventScroll: true }));
+        return;
+      }
+      const open = event.target.closest("[data-open-session]");
+      if (open) return openDrawer(open.dataset.openSession);
+      const quick = event.target.closest("[data-attention-quick]");
+      if (quick) return quickRespond(quick.dataset.attentionSessionId, quick.dataset.attentionQuick, $("#attentionInbox"));
+      const managed = event.target.closest("[data-managed-run-action]");
+      if (managed) return controlManagedRun(managed.dataset.managementSessionId, managed.dataset.managedRunAction);
+      const reassign = event.target.closest("[data-reassign-session]");
+      if (reassign) prepareReassignment(reassign.dataset.reassignSession);
+    });
+    $("#attentionInbox").addEventListener("input", (event) => {
+      const input = event.target.closest("[data-agent-command-draft]");
+      if (input) state.agentCommandDrafts.set(input.dataset.agentCommandDraft, input.value);
+    });
+    $("#attentionInbox").addEventListener("change", (event) => {
+      const picker = event.target.closest("[data-agent-command-target]");
+      if (!picker) return;
+      if (picker.value) state.agentCommandTargets.set(picker.dataset.agentCommandTarget, picker.value);
+      else state.agentCommandTargets.delete(picker.dataset.agentCommandTarget);
+      picker.closest("form")?.querySelectorAll("button").forEach(button => { button.disabled = !picker.value; });
+    });
+    $("#attentionInbox").addEventListener("keydown", (event) => {
+      const input = event.target.closest("[data-agent-command-draft]");
+      if (!input || event.key !== "Enter" || event.shiftKey || event.isComposing || event.keyCode === 229) return;
+      event.preventDefault();
+      input.closest("form")?.requestSubmit();
+    });
+    $("#attentionInbox").addEventListener("submit", (event) => {
+      const form = event.target.closest("[data-agent-command-form]");
+      if (!form) return;
+      event.preventDefault();
+      dispatchAgentCommand(form.dataset.agentCommandForm, form);
+    });
+  }
+
   function bindSessionListEvents() {
+    $("#automationOverview").addEventListener("click", (event) => {
+      const loopSelect = event.target.closest("[data-loop-select]");
+      if (loopSelect) {
+        state.selectedRuntimeLoopId = loopSelect.dataset.loopSelect;
+        renderSessions("focus");
+        requestAnimationFrame(() => $("#automationOverview").querySelector(`[data-loop-select="${CSS.escape(state.selectedRuntimeLoopId)}"]`)?.focus({ preventScroll: true }));
+        return;
+      }
+      const sessionTarget = event.target.closest("[data-loop-open], [data-automation-session]");
+      if (sessionTarget) openDrawer(sessionTarget.dataset.loopOpen || sessionTarget.dataset.automationSession);
+    });
+    $("#automationOverview").addEventListener("keydown", (event) => {
+      const loop = event.target.closest("[data-loop-select]");
+      if (loop && ["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown", "Home", "End"].includes(event.key)) {
+        const tabs = Array.from(event.currentTarget.querySelectorAll("[data-loop-select]"));
+        const current = Math.max(0, tabs.indexOf(loop));
+        const next = event.key === "Home"
+          ? 0
+          : event.key === "End"
+            ? tabs.length - 1
+            : (current + (["ArrowRight", "ArrowDown"].includes(event.key) ? 1 : -1) + tabs.length) % tabs.length;
+        event.preventDefault();
+        state.selectedRuntimeLoopId = tabs[next].dataset.loopSelect;
+        renderSessions("focus");
+        requestAnimationFrame(() => $("#automationOverview")?.querySelector(`[data-loop-select="${CSS.escape(state.selectedRuntimeLoopId)}"]`)?.focus({ preventScroll: true }));
+        return;
+      }
+    });
     $("#providerOverview").addEventListener("click", (event) => {
       const card = event.target.closest("[data-provider-card]");
       if (!card) return;
@@ -18,11 +107,23 @@ window.LoadToAgentAppFactories.createSessionEventBindings = function createSessi
       renderProviderOverview();
       renderSessions("filter");
       announceProviderFilter();
-      requestAnimationFrame(() => {
-        const next = $("#providerOverview").querySelector(`[data-provider-card="${CSS.escape(card.dataset.providerCard)}"]`);
-        next?.classList.add("filter-clicked");
-        next?.focus();
-      });
+      saveDashboardPreferences();
+      const next = $("#providerOverview").querySelector(`[data-provider-card="${CSS.escape(card.dataset.providerCard)}"]`);
+      next?.classList.add("filter-clicked");
+      next?.focus();
+    });
+    $("#providerOverview").addEventListener("keydown", (event) => {
+      if (!["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown", "Home", "End"].includes(event.key)) return;
+      const cards = Array.from(event.currentTarget.querySelectorAll("[data-provider-card]"));
+      if (!cards.length) return;
+      const current = Math.max(0, cards.indexOf(event.target.closest("[data-provider-card]")));
+      const next = event.key === "Home"
+        ? 0
+        : event.key === "End"
+          ? cards.length - 1
+          : (current + (["ArrowRight", "ArrowDown"].includes(event.key) ? 1 : -1) + cards.length) % cards.length;
+      event.preventDefault();
+      cards[next].focus();
     });
     $("#sessionGrid").addEventListener("click", (event) => {
       const card = event.target.closest("[data-session-id]");
@@ -38,7 +139,23 @@ window.LoadToAgentAppFactories.createSessionEventBindings = function createSessi
   }
 
   function bindLiveAgentEvents() {
-    $("#liveSessionGrid").addEventListener("click", (event) => {
+    $("#liveSessionGrid").addEventListener("click", async (event) => {
+      const copy = event.target.closest("[data-copy-text]");
+      if (copy) {
+        event.stopPropagation();
+        await copyText(copy.dataset.copyText);
+        return;
+      }
+      const executionHistory = event.target.closest("[data-execution-history-toggle]");
+      if (executionHistory) {
+        event.stopPropagation();
+        const ownerId = executionHistory.dataset.executionHistoryToggle;
+        if (state.expandedExecutionSessions.has(ownerId)) state.expandedExecutionSessions.delete(ownerId);
+        else state.expandedExecutionSessions.add(ownerId);
+        renderSessions("expand");
+        requestAnimationFrame(() => $("#liveSessionGrid")?.querySelector(`[data-execution-history-toggle="${CSS.escape(ownerId)}"]`)?.focus({ preventScroll: true }));
+        return;
+      }
       const tmuxPane = event.target.closest('.live-tmux-pane[data-tmux-type="pane"][data-tmux-id]');
       const tmuxOverview = event.target.closest(".live-tmux-overview-open");
       if (tmuxPane || tmuxOverview) {
@@ -137,6 +254,7 @@ window.LoadToAgentAppFactories.createSessionEventBindings = function createSessi
   }
 
   function bindGraphNavigationEvents() {
+    $("#openTmuxFromAgentWork").addEventListener("click", () => selectView("tmux", { focusMain: true }));
     $("#graphBreadcrumbs").addEventListener("click", (event) => {
       if (event.target.closest("[data-graph-reset]")) state.graphFocusId = null;
       else {
@@ -161,7 +279,7 @@ window.LoadToAgentAppFactories.createSessionEventBindings = function createSessi
         if (state.expandedTmuxSubagents.has(paneId)) state.expandedTmuxSubagents.delete(paneId);
         else state.expandedTmuxSubagents.add(paneId);
         renderTmuxMap();
-        requestAnimationFrame(() => $("#tmuxMap").querySelector(`[data-tmux-subagents-toggle="${CSS.escape(paneId)}"]`)?.focus());
+        requestAnimationFrame(() => $("#tmuxMap").querySelector(`[data-tmux-subagents-toggle="${CSS.escape(paneId)}"]`)?.focus({ preventScroll: true }));
         return;
       }
       const subagentChat = event.target.closest("[data-open-subagent-chat]");
@@ -185,10 +303,25 @@ window.LoadToAgentAppFactories.createSessionEventBindings = function createSessi
       }
       const node = event.target.closest("[data-tmux-type][data-tmux-id]");
       if (!node) return;
-      state.tmuxFocus = { type: node.dataset.tmuxType, id: node.dataset.tmuxId };
+      const nextFocus = { type: node.dataset.tmuxType, id: node.dataset.tmuxId };
+      state.tmuxFocus = nextFocus;
       renderTmuxMap();
+      requestAnimationFrame(() => $("#tmuxMap")?.querySelector(`[data-tmux-type="${CSS.escape(nextFocus.type)}"][data-tmux-id="${CSS.escape(nextFocus.id)}"]`)?.focus({ preventScroll: true }));
       if (node.dataset.tmuxType === "pane") window.LoadToAgentTerminal?.selectTmuxById(node.dataset.tmuxId);
     });
+    $("#tmuxMap").addEventListener("keydown", (event) => {
+      if (!["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown", "Home", "End"].includes(event.key)) return;
+      const nodes = Array.from(event.currentTarget.querySelectorAll("[data-tmux-type][data-tmux-id]"));
+      const current = Math.max(0, nodes.indexOf(event.target.closest("[data-tmux-type][data-tmux-id]")));
+      const next = event.key === "Home"
+        ? 0
+        : event.key === "End"
+          ? nodes.length - 1
+          : (current + (["ArrowRight", "ArrowDown"].includes(event.key) ? 1 : -1) + nodes.length) % nodes.length;
+      event.preventDefault();
+      nodes.forEach((candidate, index) => { candidate.tabIndex = index === next ? 0 : -1; });
+      nodes[next]?.focus();
+    });
     $("#tmuxBreadcrumbs").addEventListener("click", (event) => {
       if (event.target.closest("[data-tmux-reset]")) state.tmuxFocus = null;
       else {
@@ -198,6 +331,19 @@ window.LoadToAgentAppFactories.createSessionEventBindings = function createSessi
       }
       renderTmuxMap();
     });
+    $("#tmuxBreadcrumbs").addEventListener("keydown", (event) => {
+      if (!["ArrowLeft", "ArrowRight", "Home", "End"].includes(event.key)) return;
+      const items = Array.from(event.currentTarget.querySelectorAll("button"));
+      const current = Math.max(0, items.indexOf(event.target.closest("button")));
+      const next = event.key === "Home"
+        ? 0
+        : event.key === "End"
+          ? items.length - 1
+          : (current + (event.key === "ArrowRight" ? 1 : -1) + items.length) % items.length;
+      event.preventDefault();
+      items.forEach((candidate, index) => { candidate.tabIndex = index === next ? 0 : -1; });
+      items[next]?.focus();
+    });
     $("#tmuxResetBtn").addEventListener("click", () => {
       state.tmuxFocus = null;
       renderTmuxMap();
@@ -205,6 +351,7 @@ window.LoadToAgentAppFactories.createSessionEventBindings = function createSessi
   }
 
   function bindSessionAndAgentEvents() {
+    bindManagementEvents();
     bindSessionListEvents();
     bindLiveAgentEvents();
     bindGraphNavigationEvents();

package/renderer/app-events.js

@@ -3,13 +3,14 @@
 window.LoadToAgentAppFactories = window.LoadToAgentAppFactories || {};
 
 window.LoadToAgentAppFactories.createEventBindings = function createEventBindings(context = {}) {
-  const { bindNavigationAndUpdateEvents, bindSessionAndAgentEvents, bindFilterAndWorkspaceEvents, bindDialogAndGlobalEvents } = context;
+  const { bindNavigationAndUpdateEvents, bindSessionAndAgentEvents, bindFilterAndWorkspaceEvents, bindDialogAndGlobalEvents, bindQualityEvents = () => {} } = context;
 
   function bindEvents() {
     bindNavigationAndUpdateEvents();
     bindSessionAndAgentEvents();
     bindFilterAndWorkspaceEvents();
     bindDialogAndGlobalEvents();
+    bindQualityEvents();
   }
 
   return { bindEvents };