loadtoagent 1.0.0

package/renderer/app-drawer.js

@@ -0,0 +1,183 @@
+"use strict";
+
+window.LoadToAgentAppFactories = window.LoadToAgentAppFactories || {};
+
+window.LoadToAgentAppFactories.createDrawer = function createDrawer(context = {}) {
+  const {
+    $, $$, esc, state, motionPreference, motionState, STATUS, markGuideStep, rememberDialogTrigger, restoreDialogTrigger,
+    providerInfo, isLiveSession, subagentWorkState, subagentWorkLabel, isProjectlessSession, sessionWorkspaceLabel,
+    agentResumeSupport, originAppInfo, selectedSession, snapshotSession, loadSessionDetail, loadSubagentParentDetail,
+    chatHtml, lifecycleHtml, tokensHtml, subagentCommunicationEvents, subagentConversationHtml,
+  } = context;
+
+  function openDrawer(id) {
+    rememberDialogTrigger();
+    markGuideStep("detail");
+    state.selectedId = id;
+    state.drawerMode = "session";
+    state.drawerTab = "chat";
+    state.drawerForceLatest = true;
+    clearTimeout(motionState.drawerTimer);
+    $("#drawerBackdrop").classList.remove("hidden");
+    $("#drawerBackdrop").classList.remove("closing");
+    $("#detailDrawer").classList.add("open");
+    $("#detailDrawer").removeAttribute("inert");
+    $("#detailDrawer").setAttribute("aria-hidden", "false");
+    renderDrawer();
+    loadSessionDetail(id, true);
+    setTimeout(() => $("#closeDrawerBtn").focus(), 0);
+  }
+
+  function openSubagentConversation(id) {
+    const child = snapshotSession(id) || state.details.get(id);
+    if (!child || !child.parentId) return openDrawer(id);
+    rememberDialogTrigger();
+    markGuideStep("detail");
+    state.selectedId = id;
+    state.drawerMode = "subagent";
+    state.drawerTab = "chat";
+    state.drawerForceLatest = true;
+    clearTimeout(motionState.drawerTimer);
+    $("#drawerBackdrop").classList.remove("hidden");
+    $("#drawerBackdrop").classList.remove("closing");
+    $("#detailDrawer").classList.add("open");
+    $("#detailDrawer").removeAttribute("inert");
+    $("#detailDrawer").setAttribute("aria-hidden", "false");
+    renderDrawer();
+    loadSubagentParentDetail(child);
+    setTimeout(() => $("#closeDrawerBtn").focus(), 0);
+  }
+
+  function closeDrawer(restoreFocus = true) {
+    if (!$("#detailDrawer").classList.contains("open")) return;
+    $("#detailDrawer").classList.remove("open");
+    $("#detailDrawer").setAttribute("aria-hidden", "true");
+    $("#detailDrawer").setAttribute("inert", "");
+    $("#drawerBackdrop").classList.add("closing");
+    clearTimeout(motionState.drawerTimer);
+    motionState.drawerTimer = setTimeout(
+      () => {
+        $("#drawerBackdrop").classList.add("hidden");
+        $("#drawerBackdrop").classList.remove("closing");
+        if (restoreFocus) restoreDialogTrigger();
+        else motionState.activeDialogTrigger = null;
+      },
+      motionPreference.matches ? 0 : 260,
+    );
+  }
+
+  function renderDrawer() {
+    const session = selectedSession();
+    if (!session) return closeDrawer();
+    const provider = providerInfo(session.provider);
+    const subagentMode = state.drawerMode === "subagent" && Boolean(session.parentId);
+    const detailLoading = !subagentMode && state.detailLoadingIds.has(state.selectedId);
+    $("#detailDrawer").style.setProperty("--drawer-provider", provider.accent);
+    $("#drawerProviderMark").style.setProperty("--provider", provider.accent);
+    $("#drawerProviderMark").textContent = provider.mark;
+    $("#drawerProvider").textContent = subagentMode
+      ? `${session.agentName || provider.label} · 메인 AI와의 소통`
+      : `${provider.company} · ${STATUS[session.status] || session.status}`;
+    $("#drawerTitle").textContent = subagentMode ? session.taskName || (session.delegation && session.delegation.taskName) || session.title : session.title;
+    const stopping = session.runId && state.stopRequests.has(session.runId);
+    const stop =
+      session.runId && (session.status === "running" || session.status === "starting")
+        ? `<button class="meta-chip stop-run" data-stop-run="${esc(session.runId)}"
+          ${stopping ? 'disabled aria-busy="true"' : ""}>
+          ${stopping ? "중지 요청 중…" : "■ 실행 중지"}</button>`
+        : "";
+    const runtime = session.runtimePresence || [];
+    const resume =
+      !isLiveSession(session) && agentResumeSupport(session).supported
+        ? `<button class="meta-chip resume-agent" data-resume-agent="${esc(session.id)}">▶
+          <b>${originAppInfo(session) ? "백그라운드 터미널로 이어가기" : "터미널로 다시 일 시키기"}</b>
+        </button>`
+        : "";
+    const communicationCount = subagentMode ? subagentCommunicationEvents(session).length : 0;
+    $("#drawerMeta").innerHTML = subagentMode
+      ? `<span class="meta-chip work-state ${subagentWorkState(session)}">
+        <b>${esc(subagentWorkLabel(session))}</b>
+        </span>
+        <span class="meta-chip">사용 모델 <b>${esc(session.model || "정보 없음")}</b>
+        </span>
+        <span class="meta-chip">메인과 소통 <b>${communicationCount}건</b>
+        </span>${resume}`
+      : `<span class="meta-chip">사용 모델 <b>${esc(session.model || "정보 없음")}</b>
+        </span>
+        <span class="meta-chip">작업 폴더
+          <b title="${esc(isProjectlessSession(session) ? window.LoadToAgentI18n.t("ui.session_not_linked_to_a_specific_project") : session.cwd)}">
+            ${esc(sessionWorkspaceLabel(session))}
+          </b>
+        </span>
+        <span class="meta-chip">작업 번호 <b>${esc(String(session.externalId || "").slice(0, 12) || "정보 없음")}</b>
+        </span>${
+          session.parentId
+            ? `<span class="meta-chip">⑂ <b>도움을 맡은 AI</b>
+        </span>`
+            : ""
+        }${
+          runtime.length
+            ? `<span class="meta-chip runtime-meta">● <b>실행 중인 프로그램 ${runtime.length}개</b>
+        </span>`
+            : ""
+        }${resume}${stop}`;
+    $$(".drawer-tab").forEach((tab) => {
+      const hidden = subagentMode && tab.dataset.tab !== "chat";
+      tab.classList.toggle("hidden", hidden);
+      if (tab.dataset.tab === "chat") tab.textContent = subagentMode ? "메인과의 대화" : window.LoadToAgentI18n.t("ui.conversation");
+      const active = tab.dataset.tab === state.drawerTab;
+      tab.classList.toggle("active", active);
+      tab.setAttribute("aria-selected", active ? "true" : "false");
+      tab.tabIndex = active ? 0 : -1;
+    });
+    const activeTab = $(`.drawer-tab[data-tab="${state.drawerTab}"]`);
+    if (activeTab) $("#drawerContent").setAttribute("aria-labelledby", activeTab.id);
+    const content = $("#drawerContent");
+    const previousTop = content.scrollTop;
+    const wasNearBottom = content.scrollHeight - content.scrollTop - content.clientHeight < 90;
+    const renderKey = `${state.drawerMode}:${state.selectedId}:${state.drawerTab}:${detailLoading ? "loading" : "ready"}`;
+    const previousRenderKey = motionState.drawerRenderKey;
+    const shouldAnimateContent = previousRenderKey !== renderKey;
+    const tabChanged = Boolean(motionState.drawerTab) && motionState.drawerTab !== state.drawerTab;
+    motionState.drawerRenderKey = renderKey;
+    motionState.drawerTab = state.drawerTab;
+    const detailError = state.detailErrors.get(state.selectedId);
+    content.innerHTML = detailLoading
+      ? '<div class="drawer-loading"><span></span><b>전체 작업 기록을 불러오는 중</b><small>잠시만 기다리면 대화와 진행 과정을 볼 수 있어요.</small></div>'
+      : detailError && !subagentMode
+        ? `<div class="drawer-error">
+        <b>작업 기록을 불러오지 못했습니다</b>
+        <span>${esc(detailError)}</span>
+        <button type="button" data-retry-detail="${esc(state.selectedId)}">다시 시도</button>
+        </div>`
+        : subagentMode
+          ? subagentConversationHtml(session)
+          : state.drawerTab === "chat"
+            ? chatHtml(session)
+            : state.drawerTab === "lifecycle"
+              ? lifecycleHtml(session)
+              : tokensHtml(session);
+    content.classList.toggle("motion-content-in", shouldAnimateContent && !motionPreference.matches);
+    clearTimeout(motionState.drawerContentTimer);
+    if (shouldAnimateContent)
+      motionState.drawerContentTimer = setTimeout(() => content.classList.remove("motion-content-in"), motionPreference.matches ? 0 : 520);
+    if (!detailLoading)
+      requestAnimationFrame(() => {
+        const forceLatest = state.drawerForceLatest;
+        if (state.drawerTab === "chat" && forceLatest) {
+          const rows = [...content.querySelectorAll(".chat-row")];
+          const latest = rows[rows.length - 1];
+          if (latest && latest.offsetHeight > content.clientHeight - 90) {
+            const contentTop = content.getBoundingClientRect().top;
+            const stickyHeight = content.querySelector(".chat-history-head")?.getBoundingClientRect().height || 0;
+            content.scrollTop = Math.max(0, content.scrollTop + latest.getBoundingClientRect().top - contentTop - stickyHeight - 12);
+          } else content.scrollTop = content.scrollHeight;
+        } else if (tabChanged) content.scrollTop = 0;
+        else if (state.drawerTab === "chat" && wasNearBottom) content.scrollTop = content.scrollHeight;
+        else content.scrollTop = Math.min(previousTop, Math.max(0, content.scrollHeight - content.clientHeight));
+        state.drawerForceLatest = false;
+      });
+  }
+
+  return { openDrawer, openSubagentConversation, closeDrawer, renderDrawer };
+};

package/renderer/app-events-dialogs.js

@@ -0,0 +1,169 @@
+"use strict";
+
+window.LoadToAgentAppFactories = window.LoadToAgentAppFactories || {};
+
+window.LoadToAgentAppFactories.createDialogEventBindings = function createDialogEventBindings(context = {}) {
+  const {
+    $, $$, state, providerInfo, renderProviderRail, scheduleAgentWorkflowConnections, resumeAgentTerminal, loadSessionDetail,
+    closeDrawer, renderDrawer, providerPickerHtml, syncRunComposer, openRunModal, closeRunModal, toast, performUiAction,
+    handleRun, trapDialogFocus,
+  } = context;
+
+  function bindRunComposerEvents() {
+    $("#newRunBtn").addEventListener("click", openRunModal);
+    $$("[data-open-run]").forEach((button) => button.addEventListener("click", openRunModal));
+    $("#closeRunModalBtn").addEventListener("click", closeRunModal);
+    $("#cancelRunBtn").addEventListener("click", closeRunModal);
+    $("#runModal").addEventListener("click", (event) => {
+      if (event.target === $("#runModal")) closeRunModal();
+    });
+    $("#runProviderPicker").addEventListener("click", (event) => {
+      const button = event.target.closest("[data-run-provider]");
+      if (!button || button.disabled) return;
+      state.runProvider = button.dataset.runProvider;
+      $("#runProviderPicker").innerHTML = providerPickerHtml();
+      syncRunComposer();
+    });
+    $("#runProviderHelp").addEventListener("click", async (event) => {
+      const docs = event.target.closest("[data-provider-docs]");
+      if (docs) {
+        const provider = providerInfo(docs.dataset.providerDocs);
+        if (provider.docs)
+          await performUiAction(async () => {
+            const result = await window.loadtoagent.openExternal(provider.docs);
+            if (!result || result.ok === false) throw new Error("공식 설치 문서를 열지 못했습니다.");
+          }, "공식 설치 문서를 열지 못했습니다.");
+        return;
+      }
+      if (event.target.closest("[data-provider-recheck]")) {
+        const nextAvailability = await performUiAction(() => window.loadtoagent.probeProviders(), "AI CLI 연결 상태를 확인하지 못했습니다.");
+        if (!nextAvailability) return;
+        state.availability = nextAvailability;
+        const installed = state.providers.find((provider) => state.availability[provider.id]);
+        if (installed) state.runProvider = installed.id;
+        $("#runProviderPicker").innerHTML = providerPickerHtml();
+        renderProviderRail();
+        syncRunComposer();
+        toast(installed ? `${installed.label} CLI를 찾았습니다. 이제 작업을 시작할 수 있어요.` : "아직 설치된 AI CLI를 찾지 못했습니다. 설치와 로그인을 확인해 주세요.");
+      }
+    });
+    $("#runPrompt").addEventListener("input", syncRunComposer);
+    $(".run-prompt-examples").addEventListener("click", (event) => {
+      const example = event.target.closest("[data-run-prompt-example]");
+      if (!example) return;
+      const input = $("#runPrompt");
+      const text = example.dataset.runPromptExample;
+      if (!input.value.trim()) input.value = text;
+      else input.setRangeText(`${input.selectionStart ? "\n\n" : ""}${text}`, input.selectionStart, input.selectionEnd, "end");
+      syncRunComposer();
+      input.focus();
+    });
+    $("#runWorkspaceSuggestions").addEventListener("click", (event) => {
+      const workspace = event.target.closest("[data-run-workspace]");
+      if (!workspace) return;
+      $("#runCwd").value = workspace.dataset.runWorkspace;
+      syncRunComposer();
+    });
+    $("#runCwd").addEventListener("input", syncRunComposer);
+    $("#allowWrites").addEventListener("change", syncRunComposer);
+    $("#pickRunCwdBtn").addEventListener("click", async () => {
+      const folder = await performUiAction(() => window.loadtoagent.pickWorkspace(), "작업 폴더를 선택하지 못했습니다.");
+      if (folder) {
+        $("#runCwd").value = folder;
+        syncRunComposer();
+      }
+    });
+    $("#runForm").addEventListener("keydown", (event) => {
+      if (event.key === "Enter" && (event.metaKey || event.ctrlKey)) {
+        event.preventDefault();
+        $("#runForm").requestSubmit();
+      }
+    });
+    $("#runForm").addEventListener("submit", handleRun);
+  }
+
+  function bindDrawerAndGlobalEvents() {
+    $("#closeDrawerBtn").addEventListener("click", closeDrawer);
+    $("#drawerBackdrop").addEventListener("click", closeDrawer);
+    $(".drawer-tabs").addEventListener("click", (event) => {
+      const tab = event.target.closest("[data-tab]");
+      if (tab) {
+        state.drawerTab = tab.dataset.tab;
+        state.drawerForceLatest = tab.dataset.tab === "chat";
+        renderDrawer();
+      }
+    });
+    $(".drawer-tabs").addEventListener("keydown", (event) => {
+      if (!["ArrowLeft", "ArrowRight", "Home", "End"].includes(event.key)) return;
+      const tabs = $$(".drawer-tab:not(.hidden)");
+      const current = Math.max(0, tabs.indexOf(event.target.closest(".drawer-tab")));
+      const next =
+        event.key === "Home"
+          ? 0
+          : event.key === "End"
+            ? tabs.length - 1
+            : (current + (event.key === "ArrowRight" ? 1 : -1) + tabs.length) % tabs.length;
+      event.preventDefault();
+      state.drawerTab = tabs[next].dataset.tab;
+      state.drawerForceLatest = state.drawerTab === "chat";
+      renderDrawer();
+      $(`.drawer-tab[data-tab="${state.drawerTab}"]`)?.focus();
+    });
+    $("#detailDrawer").addEventListener("click", async (event) => {
+      const resume = event.target.closest("[data-resume-agent]");
+      if (resume) {
+        await resumeAgentTerminal(resume.dataset.resumeAgent);
+        return;
+      }
+      const retry = event.target.closest("[data-retry-detail]");
+      if (retry) {
+        loadSessionDetail(retry.dataset.retryDetail, true);
+        return;
+      }
+      const latest = event.target.closest("[data-scroll-latest]");
+      if (latest) {
+        const content = $("#drawerContent");
+        content.scrollTo({ top: content.scrollHeight, behavior: "smooth" });
+        return;
+      }
+      const stop = event.target.closest("[data-stop-run]");
+      if (!stop) return;
+      const runId = stop.dataset.stopRun;
+      if (state.stopRequests.has(runId)) return;
+      state.stopRequests.add(runId);
+      renderDrawer();
+      try {
+        const result = await window.loadtoagent.stopAgent(runId);
+        toast(result.ok ? window.LoadToAgentI18n.t("ui.stop_request_sent") : result.error);
+      } catch (error) {
+        toast((error && error.message) || window.LoadToAgentI18n.t("ui.could_not_send_the_stop_request"));
+      } finally {
+        state.stopRequests.delete(runId);
+        if (state.selectedId) renderDrawer();
+      }
+    });
+    document.addEventListener("keydown", (event) => {
+      trapDialogFocus(event);
+      if (event.key.toLowerCase() === "n" && (event.metaKey || event.ctrlKey) && !event.shiftKey && !event.altKey) {
+        event.preventDefault();
+        if ($("#runModal").classList.contains("hidden")) openRunModal();
+        return;
+      }
+      if (event.key !== "Escape") return;
+      if (!$("#mobileToolsMenu").classList.contains("hidden")) {
+        $("#mobileToolsMenu").classList.add("hidden");
+        $("#mobileMoreBtn").setAttribute("aria-expanded", "false");
+        $("#mobileMoreBtn").focus();
+      } else if (!$("#runModal").classList.contains("hidden")) closeRunModal();
+      else closeDrawer();
+    });
+    window.addEventListener("resize", scheduleAgentWorkflowConnections);
+  }
+
+  function bindDialogAndGlobalEvents() {
+    bindRunComposerEvents();
+    bindDrawerAndGlobalEvents();
+  }
+
+  return { bindDialogAndGlobalEvents };
+};

package/renderer/app-events-filters.js

@@ -0,0 +1,74 @@
+"use strict";
+
+window.LoadToAgentAppFactories = window.LoadToAgentAppFactories || {};
+
+window.LoadToAgentAppFactories.createFilterEventBindings = function createFilterEventBindings(context = {}) {
+  const { $, state, renderSessions, render, renderWorkspaces, renderProviderOverview, renderProviderFilter, toggleProviderFilter, announceProviderFilter, performUiAction, toast } = context;
+
+  function bindFilterAndWorkspaceEvents() {
+    $("#loadMoreBtn").addEventListener("click", () => {
+      state.visibleLimit += 30;
+      renderSessions("load-more");
+    });
+    $("#workspaceList").addEventListener("click", async (event) => {
+      const remove = event.target.closest("[data-remove-workspace]");
+      if (remove) {
+        event.stopPropagation();
+        const workspaces = await performUiAction(() => window.loadtoagent.removeWorkspace(remove.dataset.removeWorkspace), "작업 폴더를 제거하지 못했습니다.");
+        if (!workspaces) return;
+        state.workspaces = workspaces;
+        if (state.workspace === remove.dataset.removeWorkspace) state.workspace = "all";
+        render();
+        return;
+      }
+      const item = event.target.closest("[data-workspace]");
+      if (item) {
+        state.workspace = item.dataset.workspace;
+        state.visibleLimit = 30;
+        renderWorkspaces();
+        renderSessions("filter");
+      }
+    });
+    let searchTimer = null;
+    $("#searchInput").addEventListener("input", (event) => {
+      clearTimeout(searchTimer);
+      const value = event.target.value;
+      searchTimer = setTimeout(() => {
+        state.search = value;
+        state.visibleLimit = 30;
+        renderSessions("filter");
+      }, 120);
+    });
+    $("#providerFilter").addEventListener("click", (event) => {
+      const chip = event.target.closest("[data-provider-filter]");
+      if (!chip) return;
+      toggleProviderFilter(chip.dataset.providerFilter);
+      state.visibleLimit = 30;
+      renderProviderFilter();
+      renderProviderOverview();
+      renderSessions("filter");
+      announceProviderFilter();
+      requestAnimationFrame(() => $("#providerFilter").querySelector(`[data-provider-filter="${CSS.escape(chip.dataset.providerFilter)}"]`)?.focus());
+    });
+    $("#sortSelect").addEventListener("change", (event) => {
+      state.sort = event.target.value;
+      state.visibleLimit = 30;
+      renderSessions("filter");
+    });
+    $("#addWorkspaceBtn").addEventListener("click", async () => {
+      const workspaces = await performUiAction(() => window.loadtoagent.addWorkspaces(), "작업 폴더를 추가하지 못했습니다.");
+      if (!workspaces) return;
+      state.workspaces = workspaces;
+      renderWorkspaces();
+    });
+    $("#probeBtn").addEventListener("click", async () => {
+      const nextAvailability = await performUiAction(() => window.loadtoagent.probeProviders(), "AI CLI 연결 상태를 확인하지 못했습니다.");
+      if (!nextAvailability) return;
+      state.availability = nextAvailability;
+      render();
+      toast(window.LoadToAgentI18n.t("ui.ai_cli_connections_were_checked_again"));
+    });
+  }
+
+  return { bindFilterAndWorkspaceEvents };
+};

package/renderer/app-events-navigation.js

@@ -0,0 +1,96 @@
+"use strict";
+
+window.LoadToAgentAppFactories = window.LoadToAgentAppFactories || {};
+
+window.LoadToAgentAppFactories.createNavigationEventBindings = function createNavigationEventBindings(context = {}) {
+  const {
+    $, state, motionPreference, saveGuideState, selectView, renderUpdateSettings,
+    filteredSessions, renderSessions, openRunModal, openDrawer, toast,
+  } = context;
+
+  function bindNavigationAndUpdateEvents() {
+    $(".view-nav").addEventListener("click", (event) => {
+      const button = event.target.closest(".nav-item");
+      if (!button || !button.dataset.view) return;
+      selectView(button.dataset.view);
+    });
+    $("#updateNoticeBtn").addEventListener("click", () => {
+      selectView("settings");
+    });
+    $("#guideBtn").addEventListener("click", () => {
+      state.guideExpanded = !state.guideExpanded || state.view !== "all";
+      saveGuideState();
+      if (state.view !== "all") selectView("all");
+      else renderSessions("guide");
+      if (state.guideExpanded) {
+        setTimeout(
+          () => $("#beginnerGuide").scrollIntoView({ behavior: motionPreference.matches ? "auto" : "smooth", block: "start" }),
+          0,
+        );
+      }
+    });
+    $("#dismissGuideBtn").addEventListener("click", () => {
+      state.guideExpanded = false;
+      saveGuideState();
+      renderSessions("guide");
+      $("#guideBtn").focus();
+    });
+    $("#beginnerGuide").addEventListener("click", (event) => {
+      const action = event.target.closest("[data-guide-action]")?.dataset.guideAction;
+      if (!action) return;
+      if (action === "create") return openRunModal();
+      if (action === "active" || action === "waiting") return selectView(action, { focusMain: true });
+      if (action === "detail") {
+        const first = filteredSessions()[0] || ((state.snapshot && state.snapshot.sessions) || [])[0];
+        if (first) openDrawer(first.id);
+        else {
+          toast("아직 열어볼 작업이 없어요. 먼저 AI에게 첫 일을 맡겨보세요.");
+          openRunModal();
+        }
+      }
+    });
+    $("#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);
+    });
+    $("#mobileToolsMenu").addEventListener("click", (event) => {
+      const button = event.target.closest("[data-mobile-view]");
+      if (button) selectView(button.dataset.mobileView, { focusMain: true });
+    });
+    $("#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"));
+      }
+    });
+    $("#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"));
+      }
+    });
+    $("#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"));
+      }
+    });
+  }
+
+  return { bindNavigationAndUpdateEvents };
+};