loadtoagent 1.1.0 → 1.3.2

package/renderer/app-agent-actions.js

@@ -3,6 +3,8 @@
 window.LoadToAgentAppFactories = window.LoadToAgentAppFactories || {};
 
 window.LoadToAgentAppFactories.createAgentActions = function createAgentActions(context = {}) {
+  const t = (key, params) => window.LoadToAgentI18n.t(key, params);
+  const errorText = (error, key, params) => window.LoadToAgentI18n.errorText(error, key, params);
   const {
     $,
     esc,
@@ -27,18 +29,18 @@ window.LoadToAgentAppFactories.createAgentActions = function createAgentActions(
     try {
       return window.LoadToAgentTerminal && typeof window.LoadToAgentTerminal.resumeSupport === "function"
         ? window.LoadToAgentTerminal.resumeSupport(session)
-        : { supported: false, reason: "터미널 재개 기능을 준비하는 중입니다." };
+        : { supported: false, reason: t("agent.resume_preparing") };
     } catch (error) {
-      return { supported: false, reason: (error && error.message) || "세션 재개 가능 여부를 확인하지 못했습니다." };
+      return { supported: false, reason: errorText(error, "agent.resume_check_failed") };
     }
   }
 
   function originAppInfo(session) {
     if (session && session.provider === "codex" && session.clientKind === "codex-desktop") {
-      return { provider: "Codex", label: "Codex 데스크톱 앱" };
+      return { provider: "Codex", label: t("agent.desktop_app", { provider: "Codex" }) };
     }
     if (session && session.provider === "claude" && session.clientKind === "claude-desktop") {
-      return { provider: "Claude", label: "Claude 데스크톱 앱" };
+      return { provider: "Claude", label: t("agent.desktop_app", { provider: "Claude" }) };
     }
     return null;
   }
@@ -64,71 +66,71 @@ window.LoadToAgentAppFactories.createAgentActions = function createAgentActions(
     const origin = originAppInfo(session);
     const status =
       mode === "direct"
-        ? `직접 입력 가능 · ${targets.length === 1 ? target.label : `${targets.length}개 터미널 중 선택`}`
+        ? t("agent.direct_status", { target: targets.length === 1 ? target.label : t("agent.choose_terminal_count", { count: targets.length }) })
         : mode === "handoff"
-          ? "외부 터미널에서 실행 중 · 같은 대화로 이어받기 가능"
+          ? t("agent.handoff_status")
           : mode === "resume"
-            ? "원래 터미널이 종료됨 · 같은 세션으로 복구 가능"
+            ? t("agent.resume_status")
             : mode === "origin-resume"
-              ? "쉬는 데스크톱 작업 · 백그라운드 터미널로 이어가기 가능"
+              ? t("agent.origin_resume_status")
               : mode === "connect"
-                ? "연결 후 입력 가능 · 현재 세션은 보기 전용"
+                ? t("agent.connect_status")
                 : mode === "origin"
-                  ? "보기 전용 · 원래 앱에서 계속"
+                  ? t("agent.origin_status")
                   : window.LoadToAgentI18n.t("ui.ended_session");
     const help =
       mode === "direct"
-        ? "기존 터미널에 바로 보냅니다. 앱 창을 닫아도 백그라운드에서 세션을 계속 유지합니다."
+        ? t("agent.direct_help")
         : mode === "handoff"
-          ? "같은 세션 ID와 대화 내역을 LoadToAgent 관리 터미널로 이어받고 백그라운드에서 유지합니다."
+          ? t("agent.handoff_help")
           : mode === "resume"
-            ? "기존 세션 ID와 대화 맥락을 복구하고, 앱 창을 닫아도 백그라운드에서 유지합니다."
+            ? t("agent.resume_help")
             : mode === "origin-resume"
-              ? `원래 ${(origin && origin.provider) || "데스크톱"} 앱으로 돌아가거나, 같은 세션을 백그라운드 터미널로 이어서 작업할 수 있습니다.`
+              ? t("agent.origin_resume_help", { provider: (origin && origin.provider) || t("agent.desktop") })
               : mode === "connect"
-                ? `새 터미널에서 loadtoagent run ${session.provider}로 시작하면 창을 닫아도 안전하게 유지됩니다.`
+                ? t("agent.connect_help", { provider: session.provider })
                 : mode === "origin"
-                  ? `이 대화는 ${(origin && origin.label) || "데스크톱 앱"}에서 현재 실행 중이므로 원래 작업에서 계속합니다.`
-                  : agentResumeSupport(session).reason || "이 제공사의 세션 재개 방식을 확인할 수 없습니다.";
+                  ? t("agent.origin_help", { app: (origin && origin.label) || t("agent.desktop_app", { provider: "" }).trim() })
+                  : agentResumeSupport(session).reason || t("agent.resume_method_unknown");
     const picker =
       targets.length > 1
         ? `<label class="agent-command-target">
-      <span>보낼 터미널</span>
+      <span>${esc(t("agent.target_terminal"))}</span>
       <select data-agent-command-target="${esc(session.id)}">
-      <option value="">터미널을 선택하세요</option>
+      <option value="">${esc(t("agent.choose_terminal"))}</option>
       ${targets.map((item) => `<option value="${esc(item.id)}" ${item.id === targetId ? "selected" : ""}>${esc(item.label)}</option>`).join("")}
       </select>
       </label>`
         : "";
-    const originAction = `<button type="button" data-agent-open-origin="${esc(session.id)}">원래 ${esc((origin && origin.provider) || "데스크톱")} 앱에서 계속하기</button>`;
+    const originAction = `<button type="button" data-agent-open-origin="${esc(session.id)}">${esc(t("agent.continue_in_origin", { provider: (origin && origin.provider) || t("agent.desktop") }))}</button>`;
     const actions =
       mode === "direct"
-        ? `<button type="button" data-agent-terminal-open="${esc(session.id)}" ${canSend ? "" : "disabled"}>터미널에서 열기</button>
-      <button type="submit" ${canSend ? "" : "disabled"}>${sending ? "보내는 중…" : "바로 보내기 ↵"}</button>`
+        ? `<button type="button" data-agent-terminal-open="${esc(session.id)}" ${canSend ? "" : "disabled"}>${esc(t("agent.open_terminal"))}</button>
+      <button type="submit" ${canSend ? "" : "disabled"}>${esc(t(sending ? "agent.sending" : "agent.send_now"))}</button>`
         : mode === "resume"
-          ? `<button type="submit" ${canSend ? "" : "disabled"}>${sending ? "복구하는 중…" : "같은 세션으로 복구해 보내기 ↵"}</button>`
+          ? `<button type="submit" ${canSend ? "" : "disabled"}>${esc(t(sending ? "agent.restoring" : "agent.restore_and_send"))}</button>`
           : mode === "handoff"
-            ? `<button type="submit" ${canSend ? "" : "disabled"}>${sending ? "이어받는 중…" : "관리 터미널로 이어받아 보내기 ↵"}</button>`
+            ? `<button type="submit" ${canSend ? "" : "disabled"}>${esc(t(sending ? "agent.handing_off" : "agent.handoff_and_send"))}</button>`
             : mode === "origin-resume"
-              ? `${originAction}<button type="submit" ${canSend ? "" : "disabled"}>${sending ? "연결하는 중…" : "백그라운드 터미널로 이어서 보내기 ↵"}</button>`
+              ? `${originAction}<button type="submit" ${canSend ? "" : "disabled"}>${esc(t(sending ? "agent.connecting" : "agent.background_and_send"))}</button>`
               : mode === "connect"
-                ? `<button type="button" data-agent-bridge-copy="${esc(session.provider)}">연결 명령 복사</button>`
+                ? `<button type="button" data-agent-bridge-copy="${esc(session.provider)}">${esc(t("agent.copy_bridge"))}</button>`
                 : mode === "origin"
                   ? originAction
                   : "";
     const editable = ["direct", "resume", "handoff", "origin-resume"].includes(mode);
-    const placeholder = editable ? "예: 이전 작업에 이어서 테스트를 실행하고 결과를 알려줘" : status;
+    const placeholder = editable ? t("agent.command_example") : status;
     const availabilityClass = mode === "direct" ? "connected" : ["resume", "handoff", "origin-resume"].includes(mode) ? "resume-ready" : "unavailable";
     return `<form class="agent-command-panel ${availabilityClass} control-${mode}"
       data-agent-command-form="${esc(session.id)}">
       <header>
         <span class="agent-command-icon" aria-hidden="true">›_</span>
-        <span><b>이 AI에게 바로 지시하기</b><small>${esc(status)}</small></span>
+        <span><b>${esc(t("agent.command_title"))}</b><small>${esc(status)}</small></span>
         <i class="${mode === "direct" ? "connected" : ""}" aria-hidden="true"></i>
       </header>
       ${picker}
       <label class="agent-command-input">
-        <span class="sr-only">AI에게 보낼 터미널 지시</span>
+        <span class="sr-only">${esc(t("agent.command_sr"))}</span>
         <textarea data-agent-command-draft="${esc(session.id)}" maxlength="8000" rows="3"
           placeholder="${esc(placeholder)}" ${editable ? "" : "disabled"}>${editable ? esc(draft) : ""}</textarea>
       </label>
@@ -156,9 +158,9 @@ window.LoadToAgentAppFactories.createAgentActions = function createAgentActions(
   async function resumeAgentTerminal(sessionId, sendDraft = false) {
     if (state.agentCommandSending.has(sessionId)) return;
     const session = snapshotSession(sessionId) || state.details.get(sessionId);
-    if (!session || !window.LoadToAgentTerminal) return context.toast("다시 연결할 AI 세션 정보를 찾지 못했습니다.");
+    if (!session || !window.LoadToAgentTerminal) return context.toast(t("agent.session_not_found"));
     const support = agentResumeSupport(session);
-    if (!support.supported) return context.toast(support.reason || "이 AI 세션은 터미널에서 다시 연결할 수 없습니다.");
+    if (!support.supported) return context.toast(support.reason || t("agent.cannot_reconnect"));
     state.agentCommandSending.add(sessionId);
     try {
       if ($("#detailDrawer").classList.contains("open")) context.closeDrawer(false);
@@ -167,9 +169,9 @@ window.LoadToAgentAppFactories.createAgentActions = function createAgentActions(
       await window.LoadToAgentTerminal.resumeForAgent(session, draft, sendDraft);
       if (sendDraft && draft.trim()) state.agentCommandDrafts.delete(sessionId);
       document.querySelector(".main-stage")?.scrollTo({ top: 0, behavior: "auto" });
-      context.toast(`${providerInfo(session.provider).label}의 기존 세션을 터미널에 다시 연결했습니다.`);
+      context.toast(t("agent.reconnected", { provider: providerInfo(session.provider).label }));
     } catch (error) {
-      context.toast((error && error.message) || "AI 세션을 다시 연결하지 못했습니다.");
+      context.toast(errorText(error, "agent.reconnect_failed"));
     } finally {
       state.agentCommandSending.delete(sessionId);
     }
@@ -178,31 +180,31 @@ window.LoadToAgentAppFactories.createAgentActions = function createAgentActions(
   async function dispatchAgentCommand(sessionId, form) {
     if (state.agentCommandSending.has(sessionId)) return;
     const session = snapshotSession(sessionId);
-    if (!session || !window.LoadToAgentTerminal) return context.toast("선택한 AI의 최신 정보를 찾지 못했습니다.");
+    if (!session || !window.LoadToAgentTerminal) return context.toast(t("agent.latest_not_found"));
     const mode = agentControlMode(session, agentCommandTargets(session));
     if (mode === "resume" || mode === "handoff" || mode === "origin-resume") {
       const input = form.querySelector("[data-agent-command-draft]");
       if (input) state.agentCommandDrafts.set(sessionId, input.value);
-      if (!String((input && input.value) || "").trim()) return context.toast("AI에게 보낼 지시를 입력하세요.");
+      if (!String((input && input.value) || "").trim()) return context.toast(t("agent.enter_command"));
       return resumeAgentTerminal(sessionId, true);
     }
     const target = chosenAgentCommandTarget(session);
     const input = form.querySelector("[data-agent-command-draft]");
     const command = String((input && input.value) || "").trim();
     if (!target)
-      return context.toast(agentCommandTargets(session).length ? "지시를 보낼 터미널을 먼저 선택하세요." : "이 AI에 연결된 입력 가능한 터미널이 없습니다.");
-    if (!command) return context.toast("AI에게 보낼 지시를 입력하세요.");
+      return context.toast(t(agentCommandTargets(session).length ? "agent.select_target_first" : "agent.no_writable_terminal"));
+    if (!command) return context.toast(t("agent.enter_command"));
     state.agentCommandSending.add(sessionId);
     const submit = form.querySelector('[type="submit"]');
     if (submit) {
       submit.disabled = true;
-      submit.textContent = "보내는 중…";
+      submit.textContent = t("agent.sending");
     }
     try {
       await window.LoadToAgentTerminal.dispatchAgentCommand(session, command, target.id);
       state.agentCommandDrafts.delete(sessionId);
       if (input) input.value = "";
-      context.toast(`${target.label}에 지시를 보냈습니다.`);
+      context.toast(t("agent.command_sent", { target: target.label }));
     } catch (error) {
       const latest = snapshotSession(sessionId) || session;
       const support = agentResumeSupport(latest);
@@ -212,61 +214,128 @@ window.LoadToAgentAppFactories.createAgentActions = function createAgentActions(
           await window.LoadToAgentTerminal.resumeForAgent(latest, command, true);
           state.agentCommandDrafts.delete(sessionId);
           if (input) input.value = "";
-          context.toast("원래 터미널 연결이 종료되어 같은 AI 세션으로 복구한 뒤 지시를 보냈습니다.");
+          context.toast(t("agent.recovered_and_sent"));
           return;
         } catch (resumeError) {
-          context.toast((resumeError && resumeError.message) || "터미널 연결이 끊어졌고 세션 복구에도 실패했습니다.");
+          context.toast(errorText(resumeError, "agent.recovery_failed"));
         }
-      } else context.toast((error && error.message) || "터미널에 지시를 보내지 못했습니다.");
+      } else context.toast(errorText(error, "agent.send_failed"));
     } finally {
       state.agentCommandSending.delete(sessionId);
       if (submit && submit.isConnected) {
         submit.disabled = false;
-        submit.textContent = "바로 보내기 ↵";
+        submit.textContent = t("agent.send_now");
       }
     }
   }
 
   async function openAgentTerminal(sessionId) {
     const session = snapshotSession(sessionId);
-    if (!session || !window.LoadToAgentTerminal) return context.toast("선택한 AI의 터미널 정보를 찾지 못했습니다.");
+    if (!session || !window.LoadToAgentTerminal) return context.toast(t("agent.terminal_info_not_found"));
     const target = chosenAgentCommandTarget(session);
     if (!target)
-      return context.toast(agentCommandTargets(session).length ? "열어볼 터미널을 먼저 선택하세요." : "이 AI에 연결된 입력 가능한 터미널이 없습니다.");
+      return context.toast(t(agentCommandTargets(session).length ? "agent.select_open_target" : "agent.no_writable_terminal"));
     selectView(target.kind === "tmux" ? "tmux" : "terminal");
     try {
       await window.LoadToAgentTerminal.openForAgent(session, target.id, state.agentCommandDrafts.get(sessionId) || "");
       document.querySelector(".main-stage")?.scrollTo({ top: 0, behavior: "auto" });
     } catch (error) {
-      context.toast((error && error.message) || "AI의 터미널을 열지 못했습니다.");
+      context.toast(errorText(error, "agent.open_terminal_failed"));
     }
   }
 
   async function copyBridgeCommand(provider) {
     try {
       const result = await window.loadtoagent.bridgeCommand(provider);
-      if (!result || !result.ok) throw new Error("연결 명령을 만들지 못했습니다.");
+      if (!result || !result.ok) throw new Error(t("agent.bridge_create_failed"));
       const command = result.command;
       await window.loadtoagent.writeClipboard(command);
-      context.toast(`${command} 명령을 복사했습니다.`);
+      context.toast(t("agent.command_copied", { command }));
     } catch (error) {
-      context.toast((error && error.message) || "연결 명령을 복사하지 못했습니다.");
+      context.toast(errorText(error, "agent.bridge_copy_failed"));
     }
   }
 
   async function openSessionOrigin(sessionId) {
     const session = snapshotSession(sessionId);
     const origin = originAppInfo(session);
-    if (!session || !origin) return context.toast("원래 데스크톱 작업 정보를 찾지 못했습니다.");
+    if (!session || !origin) return context.toast(t("agent.origin_not_found"));
     try {
       const result = await window.loadtoagent.openSessionOrigin(session);
-      if (!result || !result.ok) return context.toast(`이 작업은 ${origin.label}에서 직접 열 수 없습니다.`);
-      context.toast(`원래 ${origin.provider} 작업을 열었습니다.`);
+      if (!result || !result.ok) return context.toast(t("agent.origin_cannot_open", { app: origin.label }));
+      context.toast(t("agent.origin_opened", { provider: origin.provider }));
     } catch (error) {
-      context.toast((error && error.message) || `${origin.label}을 열지 못했습니다.`);
+      context.toast(errorText(error, "agent.origin_open_failed", { app: origin.label }));
     }
   }
 
+  async function controlManagedRun(sessionId, action) {
+    const session = snapshotSession(sessionId) || state.details.get(sessionId);
+    const runId = session && session.runId;
+    const key = `${runId || sessionId}:${action}`;
+    if (!session || !runId || state.runControlRequests.has(key)) return;
+    const methods = {
+      stop: "stopAgent",
+      pause: "pauseAgent",
+      resume: "resumeAgentRun",
+      retry: "retryAgent",
+    };
+    const method = methods[action];
+    if (!method || typeof window.loadtoagent?.[method] !== "function") return context.toast(t("management.control_unavailable"));
+    state.runControlRequests.add(key);
+    if (action === "stop") state.stopRequests.add(runId);
+    context.renderDrawer?.();
+    try {
+      const result = await window.loadtoagent[method](runId);
+      if (!result || result.ok === false) throw new Error(result && result.error || t("management.control_failed"));
+      context.toast(t(`management.control_${action}_sent`));
+    } catch (error) {
+      context.toast(errorText(error, "management.control_failed"));
+    } finally {
+      state.runControlRequests.delete(key);
+      state.stopRequests.delete(runId);
+      if (state.selectedId) context.renderDrawer?.();
+    }
+  }
+
+  function quickRespond(sessionId, value, root = document) {
+    const command = String(value || "").trim();
+    if (!command) return;
+    state.agentCommandDrafts.set(sessionId, command);
+    const form = root.querySelector?.(`[data-agent-command-form="${CSS.escape(sessionId)}"]`);
+    const input = form?.querySelector("[data-agent-command-draft]");
+    if (input) input.value = command;
+    if (form) form.requestSubmit();
+    else {
+      state.drawerTab = "summary";
+      context.openDrawer?.(sessionId);
+    }
+  }
+
+  function prepareReassignment(sessionId) {
+    const session = snapshotSession(sessionId) || state.details.get(sessionId);
+    if (!session) return context.toast(t("agent.session_not_found"));
+    const provider = (context.visibleProviders?.() || state.providers)
+      .find(item => item.id !== session.provider && state.availability[item.id]);
+    if (!provider) return context.toast(t("management.reassign_unavailable"));
+    state.runProvider = provider.id;
+    context.closeDrawer?.(false);
+    context.openRunModal?.();
+    const request = session.sharedGoal
+      || session.delegation?.assignment
+      || [...(session.messages || [])].find(message => message.role === "user" && message.text)?.text
+      || session.title;
+    const task = request && request !== session.title ? `${session.title}\n\n${request}` : (request || session.title);
+    const prompt = t("management.reassign_prompt", { task, provider: providerInfo(session.provider).label });
+    const promptInput = $("#runPrompt");
+    const cwdInput = $("#runCwd");
+    if (promptInput) promptInput.value = prompt;
+    if (cwdInput && session.cwd) cwdInput.value = session.cwd;
+    $("#runProviderPicker") && ($("#runProviderPicker").innerHTML = context.providerPickerHtml?.() || "");
+    context.syncRunComposer?.();
+    promptInput?.focus({ preventScroll: true });
+  }
+
   return {
     agentCommandTargets,
     agentResumeSupport,
@@ -281,5 +350,8 @@ window.LoadToAgentAppFactories.createAgentActions = function createAgentActions(
     openAgentTerminal,
     copyBridgeCommand,
     openSessionOrigin,
+    controlManagedRun,
+    quickRespond,
+    prepareReassignment,
   };
 };

package/renderer/app-bootstrap.js

@@ -2,26 +2,31 @@
 
 (() => {
   const factories = window.LoadToAgentAppFactories || {};
+  const t = (key, params) => window.LoadToAgentI18n.t(key, params);
   const app = {};
   const install = (name) => {
-    if (typeof factories[name] !== "function") throw new Error(`앱 모듈을 찾지 못했습니다: ${name}`);
+    if (typeof factories[name] !== "function") throw new Error(t("bootstrap.module_missing", { name }));
     Object.assign(app, factories[name](app));
   };
 
   [
     "createCore",
+    "createProviderVisibility",
     "createDashboard",
+    "createRuntimeOverview",
     "createGraphModel",
     "createGraphView",
     "createGraphLayout",
     "createGraphOrchestration",
     "createTmuxRenderer",
-    "createSessionRenderer",
     "createAgentActions",
+    "createManagement",
+    "createSessionRenderer",
     "createDrawerData",
     "createDrawerContent",
     "createDrawer",
     "createRunModal",
+    "createQualityEnhancements",
     "createNavigationEventBindings",
     "createSessionEventBindings",
     "createFilterEventBindings",
@@ -30,32 +35,70 @@
   ].forEach(install);
   window.LoadToAgentApp = app;
 
-  const { $, esc, state, loadGuideState, bindEvents, render, timeOnly, loadSessionDetail, renderUpdateSettings, syncViewChrome, selectView, openDrawer, openSubagentConversation, toast } = app;
+  const { $, esc, state, loadGuideState, loadQualityState = () => {}, loadProviderVisibility, projectVisibleSnapshot, visibleSnapshot, isProviderVisible, bindEvents, render, timeOnly, loadSessionDetail, renderUpdateSettings, syncViewChrome, selectView, openDrawer, openSubagentConversation, toast } = app;
+
+  let initializationError = "";
+  const showInitializationError = (message) => {
+    initializationError = String(message || t("ui.connection_failed"));
+    $("#lastSync").textContent = t("ui.connection_failed");
+    $("#appConnectionState")?.classList.add("connection-error");
+    $("#appErrorMessage").textContent = initializationError;
+    $("#appErrorBanner").classList.remove("hidden");
+  };
+  $("#appRetryBtn")?.addEventListener("click", () => window.location.reload());
+  $("#appErrorCopyBtn")?.addEventListener("click", async () => {
+    try {
+      await navigator.clipboard.writeText(initializationError);
+      toast(t("quality.copy_success"));
+    } catch (error) {
+      window.LoadToAgentRendererUtils.reportRecoverableError("initialization-error-copy", error);
+      toast(t("quality.copy_failed"));
+    }
+  });
 
   async function init() {
+    loadQualityState();
     loadGuideState();
     if (!window.loadtoagent) {
       $("#emptyState").classList.remove("hidden");
-      $("#emptyState p").textContent = "LoadToAgent 프로그램에서 열면 이 컴퓨터의 AI 작업 기록을 불러옵니다.";
+      $("#emptyState p").textContent = t("bootstrap.open_in_app");
+      showInitializationError(t("bootstrap.open_in_app"));
       return;
     }
     const bootstrap = await window.loadtoagent.bootstrap();
     if (window.loadtoagent.setLocale) await window.loadtoagent.setLocale(window.LoadToAgentI18n?.getLocale() || "ko");
     state.providers = bootstrap.providers || [];
     state.providerMap = new Map(state.providers.map((provider) => [provider.id, provider]));
+    loadProviderVisibility(bootstrap.providerVisibility);
     state.availability = bootstrap.availability || {};
     state.workspaces = bootstrap.workspaces || [];
-    state.snapshot = bootstrap.snapshot;
+    state.rawSnapshot = bootstrap.snapshot;
+    state.snapshot = projectVisibleSnapshot(bootstrap.snapshot);
     state.activeRuns = bootstrap.activeRuns || [];
     state.platform = bootstrap.platform || state.platform;
     state.versions = bootstrap.versions || {};
     state.update = bootstrap.update || { status: "idle", currentVersion: state.versions.app || "" };
+    const handleAttentionRequested = (payload) => {
+      const sessionId = String(payload && payload.sessionId || '');
+      const session = (state.snapshot && state.snapshot.sessions || []).find(item => item.id === sessionId);
+      if (session && !isProviderVisible(session.provider)) return;
+      selectView('waiting');
+      if (session) {
+        if (session.parentId) openSubagentConversation(session.id);
+        else openDrawer(session.id);
+      } else toast(t("bootstrap.opened_attention_list"));
+    };
+    if (window.loadtoagent.onAttentionRequested) window.loadtoagent.onAttentionRequested(handleAttentionRequested);
     bindEvents();
     render();
+    $("#appConnectionState")?.classList.remove("connection-error");
+    $("#appErrorBanner").classList.add("hidden");
+    app.initialized = true;
     $("#lastSync").textContent = timeOnly(state.snapshot && state.snapshot.generatedAt);
     window.loadtoagent.onSnapshot((snapshot) => {
-      state.snapshot = snapshot;
-      if (window.LoadToAgentTerminal) window.LoadToAgentTerminal.updateSnapshot(snapshot, state.workspaces);
+      state.rawSnapshot = snapshot;
+      state.snapshot = projectVisibleSnapshot(snapshot);
+      if (window.LoadToAgentTerminal) window.LoadToAgentTerminal.updateSnapshot(visibleSnapshot(), state.workspaces);
       $("#lastSync").textContent = timeOnly(snapshot.generatedAt);
       render();
       if (state.selectedId && $("#detailDrawer").classList.contains("open") && !state.detailLoadingIds.has(state.selectedId)) {
@@ -64,16 +107,7 @@
         if (card && detail && card.updatedAt !== detail.updatedAt) loadSessionDetail(state.selectedId, true);
       }
     });
-    if (window.loadtoagent.onAttentionRequested)
-      window.loadtoagent.onAttentionRequested((payload) => {
-        const sessionId = String(payload && payload.sessionId || '');
-        const session = (state.snapshot && state.snapshot.sessions || []).find(item => item.id === sessionId);
-        selectView('waiting');
-        if (session) {
-          if (session.parentId) openSubagentConversation(session.id);
-          else openDrawer(session.id);
-        } else toast('확인이 필요한 세션 목록을 열었습니다.');
-      });
+    if (window.loadtoagent.rendererReady) await window.loadtoagent.rendererReady();
     if (window.loadtoagent.onUpdateState)
       window.loadtoagent.onUpdateState((update) => {
         state.update = update;
@@ -99,7 +133,8 @@
 
   init().catch((error) => {
     console.error(error);
-    $("#lastSync").textContent = window.LoadToAgentI18n.t("ui.connection_failed");
-    toast(`초기화 실패: ${error.message}`);
+    const message = t("bootstrap.initialization_failed", { message: window.LoadToAgentI18n.errorText(error, "ui.connection_failed") });
+    showInitializationError(message);
+    toast(message);
   });
 })();