loadtoagent 1.0.0 → 1.3.1

package/renderer/app.js

@@ -2,6 +2,8 @@
 window.LoadToAgentAppFactories = window.LoadToAgentAppFactories || {};
 window.LoadToAgentAppFactories.createCore = function createCore(context = {}) {
   const { $, $$, esc, uiLocale, providerLabel, reportRecoverableError } = window.LoadToAgentRendererUtils;
+  const t = (key, params) => window.LoadToAgentI18n.t(key, params);
+  const observedText = (value) => window.LoadToAgentI18n.observedText(value);
   const PROJECTLESS_WORKSPACE = "__projectless__";
   const state = {
     providers: [],
@@ -9,16 +11,18 @@ window.LoadToAgentAppFactories.createCore = function createCore(context = {}) {
     availability: {},
     workspaces: [],
     snapshot: null,
+    rawSnapshot: null,
     activeRuns: [],
     versions: {},
     update: null,
     view: "all",
     providerFilters: new Set(),
+    hiddenProviders: new Set(),
     workspace: "all",
     search: "",
     sort: "recent",
     selectedId: null,
-    drawerTab: "chat",
+    drawerTab: "summary",
     drawerMode: "session",
     runProvider: "claude",
     details: new Map(),
@@ -27,16 +31,22 @@ window.LoadToAgentAppFactories.createCore = function createCore(context = {}) {
     visibleLimit: 30,
     graphFocusId: null,
     graphExpandedProviders: new Set(),
+    expandedExecutionSessions: new Set(),
     expandedCompletedSubagents: new Set(),
+    expandedTmuxSubagents: new Set(),
+    selectedRuntimeLoopId: null,
     tmuxFocus: null,
     agentCommandDrafts: new Map(),
     agentCommandTargets: new Map(),
     agentCommandSending: new Set(),
     stopRequests: new Set(),
+    runControlRequests: new Set(),
+    managementFilter: "all",
     detailErrors: new Map(),
+    disclosureStates: new Map(),
     guideCompleted: new Set(),
-    guideExpanded: true,
-    platform: { id: "win32", label: "Windows", localShell: "powershell", localShellLabel: "Windows 명령창", nativeTmux: false },
+    guideExpanded: false,
+    platform: { id: "win32", label: "Windows", localShell: "powershell", localShellLabel: t("terminal.windows_shell"), nativeTmux: false },
   };
   Object.defineProperty(state, "provider", {
     enumerable: true,
@@ -51,9 +61,24 @@ window.LoadToAgentAppFactories.createCore = function createCore(context = {}) {
   });
   const motionPreference = window.matchMedia("(prefers-reduced-motion: reduce)");
   const motionState = {
-    ready: false, modalTimer: 0, toastTimer: 0, drawerTimer: 0, drawerContentTimer: 0,
-    drawerRenderKey: "", drawerTab: "", activeDialogTrigger: null,
+    ready: false, modalTimer: 0, modalFocusTimer: 0, toastTimer: 0, drawerTimer: 0, drawerContentTimer: 0,
+    drawerRenderKey: "", drawerTab: "", activeDialogTrigger: null, dialogGeneration: 0,
   };
+  function disclosureElements(root = document) {
+    const elements = [];
+    if (root instanceof Element && root.matches("details[data-disclosure-key]")) elements.push(root);
+    root.querySelectorAll?.("details[data-disclosure-key]").forEach((element) => elements.push(element));
+    return elements;
+  }
+  function rememberDisclosureStates(root = document) {
+    disclosureElements(root).forEach((element) => state.disclosureStates.set(element.dataset.disclosureKey, element.open));
+  }
+  function restoreDisclosureStates(root = document) {
+    disclosureElements(root).forEach((element) => {
+      const key = element.dataset.disclosureKey;
+      if (state.disclosureStates.has(key)) element.open = state.disclosureStates.get(key);
+    });
+  }
   document.documentElement.dataset.motion = motionPreference.matches ? "reduced" : "full";
   motionPreference.addEventListener("change", (event) => {
     document.documentElement.dataset.motion = event.matches ? "reduced" : "full";
@@ -127,54 +152,43 @@ window.LoadToAgentAppFactories.createCore = function createCore(context = {}) {
       requestAnimationFrame(() => section.classList.add("motion-section-in"));
     });
   }
-  const STATUS = {
-    starting: window.LoadToAgentI18n.t("ui.preparing"), running: window.LoadToAgentI18n.t("ui.working"),
-    waiting: window.LoadToAgentI18n.t("app.nav.needs_review"), idle: window.LoadToAgentI18n.t("ui.idle"),
-    completed: window.LoadToAgentI18n.t("ui.completed"), failed: window.LoadToAgentI18n.t("ui.problem"),
-    cancelled: window.LoadToAgentI18n.t("ui.stopped"),
-  };
-  const VIEW_TITLES = {
-    all: window.LoadToAgentI18n.t("ui.recent_conversations_and_tasks"), active: window.LoadToAgentI18n.t("ui.active_tasks"),
-    waiting: window.LoadToAgentI18n.t("ui.tasks_needing_review"), terminal: window.LoadToAgentI18n.t("app.nav.session_terminal"),
-    tmux: window.LoadToAgentI18n.t("app.nav.tmux"), settings: window.LoadToAgentI18n.t("settings.title"),
+  const localizedLookup = (keys) => new Proxy(Object.create(null), {
+    get: (_target, property) => keys[property] ? t(keys[property]) : undefined,
+  });
+  const STATUS = localizedLookup({
+    starting: "ui.preparing", running: "ui.working", paused: "management.status.paused", waiting: "app.nav.needs_review", idle: "ui.idle",
+    completed: "ui.completed", failed: "ui.problem", cancelled: "ui.stopped",
+  });
+  const VIEW_TITLES = localizedLookup({
+    all: "ui.recent_conversations_and_tasks", active: "ui.active_tasks", waiting: "ui.tasks_needing_review",
+    runtime: "runtime.title", terminal: "app.nav.session_terminal", tmux: "app.nav.tmux", settings: "settings.title",
+  });
+  const VIEW_META_KEYS = {
+    all: ["ui.ai_work_overview", "ui.see_all_ai_work_at_a_glance", "ui.active_work_and_items_needing_your_review_appear_first_find"],
+    active: ["ui.active_now", "ui.see_which_ai_is_working_now", "ui.see_what_is_being_handled_then_open_a_task_for"],
+    waiting: ["ui.your_turn", "ui.handle_items_that_need_your_review_first", "ui.only_tasks_waiting_for_your_response_or_choice_are_shown"],
+    runtime: ["runtime.eyebrow", "runtime.title", "runtime.description"],
+    terminal: ["ui.continue_an_existing_conversation", "ui.continue_ai_sessions_in_the_terminal", "ui.continue_the_same_task_with_its_previous_conversation_beside_the"],
+    tmux: ["ui.advanced_work_tools", "ui.manage_multi_terminal_work_in_one_place", "ui.this_view_is_only_for_existing_tmux_workflows_home_and"],
+    settings: ["ui.application_management", "ui.check_versions_and_updates", "ui.compare_the_installed_and_latest_stable_versions_then_download_a"],
   };
-  const VIEW_META = {
-    all: {
-      eyebrow: window.LoadToAgentI18n.t("ui.ai_work_overview"), title: window.LoadToAgentI18n.t("ui.see_all_ai_work_at_a_glance"),
-      subtitle: window.LoadToAgentI18n.t("ui.active_work_and_items_needing_your_review_appear_first_find"),
+  const VIEW_META = new Proxy(Object.create(null), {
+    get: (_target, property) => {
+      const keys = VIEW_META_KEYS[property];
+      return keys ? { eyebrow: t(keys[0]), title: t(keys[1]), subtitle: t(keys[2]) } : undefined;
     },
-    active: {
-      eyebrow: window.LoadToAgentI18n.t("ui.active_now"), title: window.LoadToAgentI18n.t("ui.see_which_ai_is_working_now"),
-      subtitle: window.LoadToAgentI18n.t("ui.see_what_is_being_handled_then_open_a_task_for"),
-    },
-    waiting: {
-      eyebrow: window.LoadToAgentI18n.t("ui.your_turn"), title: window.LoadToAgentI18n.t("ui.handle_items_that_need_your_review_first"),
-      subtitle: window.LoadToAgentI18n.t("ui.only_tasks_waiting_for_your_response_or_choice_are_shown"),
-    },
-    terminal: {
-      eyebrow: window.LoadToAgentI18n.t("ui.continue_an_existing_conversation"), title: window.LoadToAgentI18n.t("ui.continue_ai_sessions_in_the_terminal"),
-      subtitle: window.LoadToAgentI18n.t("ui.continue_the_same_task_with_its_previous_conversation_beside_the"),
-    },
-    tmux: {
-      eyebrow: window.LoadToAgentI18n.t("ui.advanced_work_tools"), title: window.LoadToAgentI18n.t("ui.manage_multi_terminal_work_in_one_place"),
-      subtitle: window.LoadToAgentI18n.t("ui.this_view_is_only_for_existing_tmux_workflows_home_and"),
-    },
-    settings: {
-      eyebrow: window.LoadToAgentI18n.t("ui.application_management"), title: window.LoadToAgentI18n.t("ui.check_versions_and_updates"),
-      subtitle: window.LoadToAgentI18n.t("ui.compare_the_installed_and_latest_stable_versions_then_download_a"),
-    },
-  };
+  });
   const GUIDE_STORAGE_KEY = "loadtoagent:start-guide:v1";
   const GUIDE_STEPS = ["create", "active", "waiting", "detail"];
   function loadGuideState() {
     try {
       const saved = JSON.parse(localStorage.getItem(GUIDE_STORAGE_KEY) || "{}");
       state.guideCompleted = new Set((saved.completed || []).filter((step) => GUIDE_STEPS.includes(step)));
-      state.guideExpanded = saved.expanded !== false;
+      state.guideExpanded = saved.expanded === true;
     } catch (error) {
       reportRecoverableError("guide-state-load", error);
       state.guideCompleted = new Set();
-      state.guideExpanded = true;
+      state.guideExpanded = false;
     }
   }
   function saveGuideState() {
@@ -225,22 +239,39 @@ window.LoadToAgentAppFactories.createCore = function createCore(context = {}) {
       else item.removeAttribute("aria-current");
     });
     const advancedView = ["terminal", "tmux", "settings"].includes(state.view);
+    const advancedToolsView = ["runtime", "terminal", "tmux"].includes(state.view);
+    if (advancedToolsView) $("#advancedToolsNav")?.setAttribute("open", "");
+    $("#advancedToolsNav")?.classList.toggle("active", advancedToolsView);
     $("#mobileMoreBtn")?.classList.toggle("active", advancedView);
     if (advancedView) $("#mobileMoreBtn")?.setAttribute("aria-current", "page");
     else $("#mobileMoreBtn")?.removeAttribute("aria-current");
   }
   function selectView(view, options = {}) {
     state.view = view;
+    state.managementFilter = view === "waiting" ? (options.managementFilter || "all") : "all";
     state.visibleLimit = 30;
     if (view === "active" || view === "waiting") markGuideStep(view);
     syncViewChrome();
     context.renderSessions(options.motionKind || "view");
-    $("#mobileToolsMenu")?.classList.add("hidden");
+    const mobileToolsMenu = $("#mobileToolsMenu");
+    if (mobileToolsMenu && !mobileToolsMenu.classList.contains("hidden")) {
+      setDialogOpenState(mobileToolsMenu, false);
+      mobileToolsMenu.classList.add("hidden");
+    }
     $("#mobileMoreBtn")?.setAttribute("aria-expanded", "false");
     document.querySelector(".main-stage")?.scrollTo({ top: 0, behavior: "auto" });
     if (options.focusMain) $("#mainContent")?.focus({ preventScroll: true });
+    const resultCount = ["all", "active", "waiting"].includes(view) && typeof context.filteredSessions === "function"
+      ? context.filteredSessions().length
+      : null;
+    announce(resultCount == null
+      ? t("navigation.view_changed", { view: VIEW_TITLES[view] || view })
+      : t("navigation.view_results", { view: VIEW_TITLES[view] || view, count: resultCount }));
   }
   function currentDialog() {
+    if (!$("#mobileToolsMenu")?.classList.contains("hidden")) return $("#mobileToolsMenu");
+    if (!$("#quickPaletteModal")?.classList.contains("hidden")) return $("#quickPaletteModal");
+    if (!$("#shortcutHelpModal")?.classList.contains("hidden")) return $("#shortcutHelpModal");
     if (!$("#runModal").classList.contains("hidden")) return $("#runModal");
     if (!$("#tmuxCreateModal").classList.contains("hidden")) return $("#tmuxCreateModal");
     if ($("#detailDrawer").classList.contains("open")) return $("#detailDrawer");
@@ -272,14 +303,44 @@ window.LoadToAgentAppFactories.createCore = function createCore(context = {}) {
     }
   }
   function rememberDialogTrigger() {
+    motionState.dialogGeneration += 1;
     motionState.activeDialogTrigger = document.activeElement instanceof HTMLElement ? document.activeElement : null;
   }
-  function restoreDialogTrigger() {
+  function restoreDialogTrigger(expectedGeneration = null) {
+    if (expectedGeneration != null && expectedGeneration !== motionState.dialogGeneration) return false;
     const trigger = motionState.activeDialogTrigger;
     motionState.activeDialogTrigger = null;
-    if (trigger && trigger.isConnected) trigger.focus();
+    if (trigger && trigger.isConnected) trigger.focus({ preventScroll: true });
+    return true;
+  }
+  function setDialogOpenState(dialog, open) {
+    if (!dialog) return;
+    const shell = $("#appShell");
+    if (open) {
+      dialog.removeAttribute("inert");
+      dialog.setAttribute("aria-hidden", "false");
+      shell?.setAttribute("inert", "");
+      document.body.classList.add("dialog-open");
+      return;
+    }
+    dialog.setAttribute("inert", "");
+    dialog.setAttribute("aria-hidden", "true");
+    const anotherDialog = [$("#mobileToolsMenu"), $("#runModal"), $("#tmuxCreateModal"), $("#detailDrawer"), $("#quickPaletteModal"), $("#shortcutHelpModal")]
+      .some((item) => item && item !== dialog && !item.classList.contains("hidden") && (item.classList.contains("open") || item.matches(".modal-backdrop") || item.id === "mobileToolsMenu"));
+    if (!anotherDialog) {
+      shell?.removeAttribute("inert");
+      document.body.classList.remove("dialog-open");
+    }
+  }
+  function announce(message) {
+    const region = $("#globalStatus");
+    if (!region) return;
+    region.textContent = "";
+    requestAnimationFrame(() => {
+      region.textContent = String(message || "");
+    });
   }
-  window.LoadToAgentA11y = { rememberDialogTrigger, restoreDialogTrigger };
+  window.LoadToAgentA11y = { rememberDialogTrigger, restoreDialogTrigger, setDialogOpenState, announce };
   function readablePreview(value, maxCharacters = 120) {
     const full = String(value == null ? "" : value)
       .replace(/\s+/g, " ")
@@ -291,19 +352,22 @@ window.LoadToAgentAppFactories.createCore = function createCore(context = {}) {
     return { full, text: `${sample.slice(0, cut).trimEnd()}…`, truncated: true };
   }
   function memoryCategoryLabel(value) {
-    const labels = { insight: "인사이트", convention: "작업 규칙", failure: "실패 기록", decision: "결정", pattern: "반복 패턴" };
-    return labels[String(value || "").toLowerCase()] || String(value || "기록");
+    const keys = {
+      insight: "content.memory.insight", convention: "content.memory.convention", failure: "content.memory.failure",
+      decision: "content.memory.decision", pattern: "content.memory.pattern",
+    };
+    return keys[String(value || "").toLowerCase()] ? t(keys[String(value || "").toLowerCase()]) : String(value || t("content.memory.record"));
   }
   function jsonValueHtml(value, depth = 0) {
-    if (value == null) return '<span class="json-empty">없음</span>';
-    if (typeof value === "boolean") return `<span class="json-primitive">${value ? "예" : "아니요"}</span>`;
+    if (value == null) return `<span class="json-empty">${esc(t("content.none"))}</span>`;
+    if (typeof value === "boolean") return `<span class="json-primitive">${esc(t(value ? "content.yes" : "content.no"))}</span>`;
     if (typeof value === "number") return `<span class="json-primitive">${esc(value.toLocaleString(uiLocale()))}</span>`;
     if (typeof value === "string") return `<span class="json-string">${esc(value)}</span>`;
     if (depth >= 4) return `<span class="json-string">${esc(JSON.stringify(value))}</span>`;
     if (Array.isArray(value)) {
       const shown = value.slice(0, 40);
       const visibleItems = shown.map((item) => `<li>${jsonValueHtml(item, depth + 1)}</li>`).join("");
-      const moreItems = value.length > shown.length ? `<li class="json-more">외 ${value.length - shown.length}개</li>` : "";
+      const moreItems = value.length > shown.length ? `<li class="json-more">${esc(t("content.more_items", { count: value.length - shown.length }))}</li>` : "";
       return `<ol class="json-array">${visibleItems}${moreItems}</ol>`;
     }
     const entries = Object.entries(value).slice(0, 40);
@@ -312,8 +376,8 @@ window.LoadToAgentAppFactories.createCore = function createCore(context = {}) {
   function memoryCandidatesHtml(items) {
     return `<div class="memory-candidates">
       <div class="structured-heading">
-      <b>저장할 작업 기억</b>
-      <span>${items.length}개 항목</span>
+      <b>${esc(t("content.memory.to_save"))}</b>
+      <span>${esc(t("common.items", { count: items.length }))}</span>
       </div>${items
         .map(
           (item, index) => `<article class="memory-candidate">
@@ -322,7 +386,7 @@ window.LoadToAgentAppFactories.createCore = function createCore(context = {}) {
       <span class="memory-target">${esc(item.target || "MEMORY")}</span>
       <span class="memory-category">${esc(memoryCategoryLabel(item.category))}</span>
       </header>
-      <p>${esc(item.content || "내용 없음")}</p>
+      <p>${esc(item.content || t("content.empty"))}</p>
       </article>`,
         )
         .join("")}</div>`;
@@ -384,7 +448,7 @@ window.LoadToAgentAppFactories.createCore = function createCore(context = {}) {
     if (fence) output.push(`<pre><code>${esc(code.join("\n"))}</code></pre>`);
     return `<div class="chat-content markdown">${output.join("")}</div>`;
   }
-  function roadmapHtml(value) {
+  function roadmapHtml(value, disclosureId = "") {
     const text = String(value || "").trim();
     const lines = text
       .replace(/\r\n/g, "\n")
@@ -395,17 +459,18 @@ window.LoadToAgentAppFactories.createCore = function createCore(context = {}) {
     const steps = lines.filter((line) => /^(?:[-*]\s+|\d+[.)]\s+|#{2,3}\s+(?!로드맵|roadmap))/i.test(line));
     if (!hasRoadmapSignal || (text.length < 420 && steps.length < 6)) return "";
     const heading = lines.find((line) => /^#{1,3}\s+/.test(line));
-    const title = readablePreview((heading || "작업 로드맵").replace(/^#{1,3}\s+/, ""), 72).text;
+    const title = readablePreview((heading || t("content.roadmap.title")).replace(/^#{1,3}\s+/, ""), 72).text;
     const previewSteps = (steps.length ? steps : lines.filter((line) => !/^#{1,3}\s+/.test(line)))
       .slice(0, 3)
       .map((line) => readablePreview(line.replace(/^(?:[-*]\s+|\d+[.)]\s+|#{2,3}\s+)/, "").replace(/\*\*/g, ""), 92).text);
-    const countLabel = steps.length ? `${steps.length}개 단계` : "긴 계획";
-    return `<details class="chat-roadmap" data-roadmap-collapsed="true">
+    const countLabel = steps.length ? t("content.roadmap.steps", { count: steps.length }) : t("content.roadmap.long_plan");
+    const disclosureKey = `roadmap:${disclosureId || `${text.length}:${title}`}`;
+    return `<details class="chat-roadmap" data-roadmap-collapsed="true" data-disclosure-key="${esc(disclosureKey)}">
       <summary>
       <span class="chat-roadmap-mark" aria-hidden="true">MAP</span>
       <span>
       <b>${esc(title)}</b>
-      <small>${esc(countLabel)} · 접어서 표시</small>
+      <small>${esc(t("content.roadmap.collapsed", { count: countLabel }))}</small>
       </span>
       <i aria-hidden="true">↓</i>
       </summary>
@@ -413,9 +478,9 @@ window.LoadToAgentAppFactories.createCore = function createCore(context = {}) {
       <div class="chat-roadmap-full">${markdownHtml(text)}</div>
       </details>`;
   }
-  function messageContentHtml(message) {
+  function messageContentHtml(message, ownerId = "") {
     const text = String((message && message.text) || "").trim();
-    if (!text) return '<div class="chat-content empty">표시할 내용이 없습니다.</div>';
+    if (!text) return `<div class="chat-content empty">${esc(t("content.no_displayable_content"))}</div>`;
     if (/^[\[{]/.test(text) && /[\]}]$/.test(text)) {
       try {
         const parsed = JSON.parse(text);
@@ -426,14 +491,15 @@ window.LoadToAgentAppFactories.createCore = function createCore(context = {}) {
         }
         return `<div class="structured-json">
           <div class="structured-heading">
-          <b>구조화된 데이터</b>
-          <span>${Array.isArray(parsed) ? `${parsed.length}개 항목` : "JSON"}</span>
+          <b>${esc(t("content.structured_data"))}</b>
+          <span>${Array.isArray(parsed) ? esc(t("common.items", { count: parsed.length })) : "JSON"}</span>
           </div>${jsonValueHtml(parsed)}</div>`;
       } catch (_plainChatMessage) {
         // A normal chat message may begin with JSON punctuation without being JSON.
       }
     }
-    const roadmap = message && message.role === "assistant" ? roadmapHtml(text) : "";
+    const messageId = message && (message.id || message.timestamp) || text.length;
+    const roadmap = message && message.role === "assistant" ? roadmapHtml(text, `${ownerId}:${messageId}`) : "";
     if (roadmap) return roadmap;
     return markdownHtml(text);
   }
@@ -479,7 +545,7 @@ window.LoadToAgentAppFactories.createCore = function createCore(context = {}) {
     return labels[String(value || "").toLowerCase()] || String(value || window.LoadToAgentI18n.t("ui.assistance"));
   }
   function statusClass(status) {
-    return ["running", "waiting", "completed", "failed", "cancelled"].includes(status) ? status : "";
+    return ["running", "paused", "waiting", "completed", "failed", "cancelled"].includes(status) ? status : "";
   }
   function currentActivity(session) {
     const items = session.lifecycle || [];
@@ -487,15 +553,22 @@ window.LoadToAgentAppFactories.createCore = function createCore(context = {}) {
     const last = running || items[items.length - 1];
     if (last) {
       return {
-        title: last.label || window.LoadToAgentI18n.t("ui.activity"), detail: last.detail || session.statusDetail || "", type: last.type || "activity",
+        title: observedText(last.label || t("ui.activity")), detail: observedText(last.detail || session.statusDetail || ""), type: last.type || "activity",
       };
     }
     const message = (session.messages || [])[session.messages.length - 1];
-    return { title: session.statusDetail || window.LoadToAgentI18n.t("ui.temporarily_idle"), detail: (message && message.text) || "", type: "activity" };
+    return { title: observedText(session.statusDetail || t("ui.temporarily_idle")), detail: observedText((message && message.text) || ""), type: "activity" };
   }
   function isLiveSession(session) {
     return session && (session.status === "running" || session.status === "starting");
   }
+  function isRuntimeLoopSession(session) {
+    if (!session || session.parentId || !isLiveSession(session)) return false;
+    if (session.loop === true || (session.loop && typeof session.loop === "object")) return true;
+    const ids = new Set([String(session.id || ""), String(session.externalId || "")].filter(Boolean));
+    return (state.snapshot?.automations || []).some((automation) =>
+      automation.enabled && automation.targetThreadId && ids.has(String(automation.targetThreadId)));
+  }
   function subagentWorkState(session) {
     if (isLiveSession(session)) return "working";
     if (session && session.status === "failed") return "attention";
@@ -514,13 +587,13 @@ window.LoadToAgentAppFactories.createCore = function createCore(context = {}) {
     try {
       const parsed = JSON.parse(text);
       if (!parsed || Array.isArray(parsed) || typeof parsed !== "object") return text;
-      if (parsed.cell_id) return `실행 중인 작업 결과를 기다리는 중${parsed.yield_time_ms ? ` · 최대 ${Math.round(Number(parsed.yield_time_ms) / 1000)}초` : ""}`;
-      if (parsed.command) return `명령 실행 · ${String(parsed.command).replace(/\s+/g, " ").slice(0, 180)}`;
-      if (parsed.path || parsed.file_path) return `파일 확인 · ${parsed.path || parsed.file_path}`;
-      if (parsed.prompt) return `AI에게 맡긴 일 · ${String(parsed.prompt).replace(/\s+/g, " ").slice(0, 180)}`;
+      if (parsed.cell_id) return t("activity.waiting_for_result", { wait: parsed.yield_time_ms ? t("activity.max_seconds", { count: Math.round(Number(parsed.yield_time_ms) / 1000) }) : "" });
+      if (parsed.command) return t("activity.command", { value: String(parsed.command).replace(/\s+/g, " ").slice(0, 180) });
+      if (parsed.path || parsed.file_path) return t("activity.file", { value: parsed.path || parsed.file_path });
+      if (parsed.prompt) return t("activity.delegated", { value: String(parsed.prompt).replace(/\s+/g, " ").slice(0, 180) });
       const summary = Object.entries(parsed)
         .slice(0, 3)
-        .map(([key, item]) => `${key}: ${typeof item === "object" ? "구조화 데이터" : item}`)
+        .map(([key, item]) => `${key}: ${typeof item === "object" ? t("activity.structured_data") : item}`)
         .join(" · ");
       return summary || text;
     } catch (_malformedCommandPreview) {
@@ -531,16 +604,16 @@ window.LoadToAgentAppFactories.createCore = function createCore(context = {}) {
   function latestWorkCopy(session) {
     const delegation = session.delegation || {};
     const completedResult = delegation.result || session.result;
-    if (session.status === "completed" && completedResult) return `완료 결과 · ${completedResult}`;
-    if (session.status === "completed") return "담당 작업을 완료하고 메인 AI에 결과를 반환했습니다.";
+    if (session.status === "completed" && completedResult) return t("activity.completed_result", { value: completedResult });
+    if (session.status === "completed") return t("activity.completed_returned");
     const activity = currentActivity(session);
     if (activity.detail) return readableActivityDetail(activity.detail);
     const messages = session.messages || [];
     const assistant = [...messages].reverse().find((item) => item.role === "assistant" && item.text);
     if (assistant) return assistant.text;
     const tool = [...messages].reverse().find((item) => item.role === "tool");
-    if (tool) return `${tool.title || "도구"} 실행 · ${tool.text || "결과를 기다리는 중"}`;
-    return activity.title || session.statusDetail || "다음 할 일을 기다리는 중";
+    if (tool) return t("activity.tool_execution", { tool: tool.title || t("session.tool"), value: tool.text || t("activity.waiting_for_result_short") });
+    return activity.title || session.statusDetail || t("activity.waiting_for_next");
   }
   function statusIcon(type) {
     if (/tool/.test(type)) return "⌘";
@@ -557,10 +630,13 @@ window.LoadToAgentAppFactories.createCore = function createCore(context = {}) {
     uiLocale,
     providerLabel,
     reportRecoverableError,
+    observedText,
     PROJECTLESS_WORKSPACE,
     state,
     motionPreference,
     motionState,
+    rememberDisclosureStates,
+    restoreDisclosureStates,
     STATUS,
     VIEW_TITLES,
     VIEW_META,
@@ -581,6 +657,8 @@ window.LoadToAgentAppFactories.createCore = function createCore(context = {}) {
     trapDialogFocus,
     rememberDialogTrigger,
     restoreDialogTrigger,
+    setDialogOpenState,
+    announce,
     readablePreview,
     memoryCategoryLabel,
     jsonValueHtml,
@@ -599,6 +677,7 @@ window.LoadToAgentAppFactories.createCore = function createCore(context = {}) {
     statusClass,
     currentActivity,
     isLiveSession,
+    isRuntimeLoopSession,
     subagentWorkState,
     subagentWorkLabel,
     readableActivityDetail,