loadtoagent 1.3.4 → 1.3.6

package/renderer/app-graph-view.js

@@ -20,6 +20,9 @@ window.LoadToAgentAppFactories.createGraphView = function createGraphView(contex
     statusClass,
     currentActivity,
     isLiveSession,
+    isControlRoomSession = isLiveSession,
+    controlRoomStatus = session => session?.status,
+    sessionRetentionMinutes = () => 0,
     subagentWorkState,
     subagentWorkLabel,
     latestWorkCopy,
@@ -30,6 +33,7 @@ window.LoadToAgentAppFactories.createGraphView = function createGraphView(contex
     executionModeBadge,
     graphDescendantCount,
     sessionWorkspaceLabel,
+    controlRoomProject = session => ({ key: String(session?.workspace || session?.id || "unknown"), label: sessionWorkspaceLabel(session) }),
   } = context;
   const t = (key, params) => window.LoadToAgentI18n.t(key, params);
   const statusLabel = (status) => ({
@@ -44,6 +48,8 @@ window.LoadToAgentAppFactories.createGraphView = function createGraphView(contex
     const usage = session.usage || {};
     const percent = Math.max(0, Math.min(100, Number(context.percent || 0)));
     const running = isLiveSession(session);
+    const presentationStatus = controlRoomStatus(session);
+    const retained = isControlRoomSession(session) && !running;
     const childCount = (session.childIds || []).length;
     const childMetrics = session.collaboration && session.collaboration.metrics;
     const cumulativeChildren = childMetrics ? childMetrics.cumulativeCreated : childCount;
@@ -72,10 +78,12 @@ window.LoadToAgentAppFactories.createGraphView = function createGraphView(contex
           <span class="provider-mark">${esc(provider.mark)}</span>
           <span class="agent-identity"><b>${esc(role)}</b><small>${esc(provider.label)} · ${esc(session.model || t("graph.model_unknown"))}</small></span>
           ${executionModeBadge(session, true)}
-          <span class="status-pill ${statusClass(session.status)}">${esc(statusLabel(session.status))}</span>
+          <span class="status-pill ${statusClass(presentationStatus)}">${esc(statusLabel(presentationStatus))}</span>
         </span>
         <span class="agent-task-label">
-          ${session.parentId ? t("graph.assigned_task", { source: delegation.assignmentSource === "parent-narration" ? t("graph.main_ai_explanation_suffix") : "" }) : t("graph.current_goal")}
+          ${session.parentId ? t("graph.assigned_task", { source: delegation.assignmentSource === "protected"
+            ? t("graph.assignment_protected_suffix")
+            : (delegation.assignmentSource === "parent-narration" ? t("graph.main_ai_explanation_suffix") : "") }) : t("graph.current_goal")}
         </span>
         <strong class="agent-task" title="${esc(goalPreview.full)}">${esc(goalPreview.text)}</strong>
         ${goalPreview.truncated ? `<span class="agent-goal-note">${esc(t("graph.summary_shown"))}</span>` : ""}
@@ -103,6 +111,7 @@ window.LoadToAgentAppFactories.createGraphView = function createGraphView(contex
         <span>${session.parentId
           ? (cumulativeChildren ? t("graph.subagents_created", { count: cumulativeChildren }) : t("graph.helper_ai"))
           : t("project.origin_named", { name: sessionWorkspaceLabel(session) })}</span>
+        ${retained ? `<button type="button" data-session-archive="${esc(session.id)}">${esc(t("control.move_to_history"))}</button>` : ""}
         <button type="button" data-open-session="${esc(session.id)}">${esc(t("graph.view_conversation"))} <b>↗</b>
         </button>
         </footer>
@@ -113,6 +122,7 @@ window.LoadToAgentAppFactories.createGraphView = function createGraphView(contex
     const provider = providerInfo(session.provider);
     const usage = session.usage || {};
     const directChildren = graphChildren(session, model).length;
+    const presentationStatus = controlRoomStatus(session);
     const identity = session.parentId
       ? t("graph.helper_ai_named", { name: session.agentName || agentRoleLabel(session.agentRole) })
       : t("project.origin_named", { name: sessionWorkspaceLabel(session) });
@@ -124,8 +134,9 @@ window.LoadToAgentAppFactories.createGraphView = function createGraphView(contex
     const outcomeText = outcome || latestWorkCopy(session);
     const assignedWorkPreview = readablePreview(assignedWork, session.parentId ? 110 : 104);
     const taskLabel = session.parentId ? `${label || agentRoleLabel(session.agentRole)}${taskName ? t("graph.assigned_name_suffix", { name: taskName }) : ""}` : label;
-    const assignmentSourceNote =
-      session.parentId && delegation.assignmentSource === "parent-narration"
+    const assignmentSourceNote = session.parentId && delegation.assignmentSource === "protected"
+      ? `<span class="agent-flow-assignment-source">${esc(t("graph.assignment_source_protected"))}</span>`
+      : session.parentId && delegation.assignmentSource === "parent-narration"
         ? `<span class="agent-flow-assignment-source">${esc(t("graph.main_ai_prestart_explanation"))}</span>`
         : "";
     const sharedGoalCopy =
@@ -173,7 +184,7 @@ window.LoadToAgentAppFactories.createGraphView = function createGraphView(contex
         </span>
       </button>`;
     }
-    return `<button type="button" class="agent-flow-row ${isLiveSession(session) ? "running" : ""} ${statusClass(session.status)}"
+    return `<button type="button" class="agent-flow-row ${isLiveSession(session) ? "running" : ""} ${statusClass(presentationStatus)}"
       data-graph-focus="${esc(session.id)}"
       data-motion-key="agent:${esc(session.id)}"
       data-motion-value="${esc(session.updatedAt || "")}:${usage.total || 0}:${esc(session.status || "")}"
@@ -185,7 +196,7 @@ window.LoadToAgentAppFactories.createGraphView = function createGraphView(contex
         <em>${esc(identity)} · ${directChildren ? `${t("graph.helper_ai_count", { count: directChildren })} · ` : ""}${esc(timeAgo(session.updatedAt))}</em>
         ${assignmentSourceNote}${sharedGoalCopy}${outcomeCopy}
       </span>
-      <span class="agent-flow-provider"><i>${esc(provider.mark)}</i><small>${esc(statusLabel(session.status))}</small></span>
+      <span class="agent-flow-provider"><i>${esc(provider.mark)}</i><small>${esc(statusLabel(presentationStatus))}</small></span>
     </button>`;
   }
 
@@ -418,7 +429,8 @@ window.LoadToAgentAppFactories.createGraphView = function createGraphView(contex
     const executionLabel = t("control.runtime_work", { runtime, kind: executionKind });
     const ownerGoal = controlRoomAgentGoal(owner, 52);
     const running = activity.status === "running";
-    return `<button type="button" class="control-room-node execution-node ${running ? "is-running" : "is-complete"}"
+    const stateClass = running ? "is-running" : (activity.status === "unverified" ? "is-unverified" : "is-complete");
+    return `<button type="button" class="control-room-node execution-node ${stateClass}"
       data-open-execution-owner="${esc(owner.id)}"
       data-open-execution-id="${esc(activity.id)}"
       data-control-summary="${esc(summary.text)}"
@@ -433,10 +445,13 @@ window.LoadToAgentAppFactories.createGraphView = function createGraphView(contex
 
   function controlRoomSession(root, model) {
     const provider = providerInfo(root.provider);
+    const presentationStatus = controlRoomStatus(root);
+    const waiting = presentationStatus === "waiting";
+    const retained = isControlRoomSession(root) && !isLiveSession(root);
     const descendants = controlRoomDescendants(root, model);
     const actors = [root, ...descendants];
     const executionItems = actors.flatMap(owner => (owner.executions || []).map(activity => ({ activity, owner })));
-    const activeChildren = descendants.filter(child => !["completed", "cancelled", "failed"].includes(child.status) && !child.completionObserved);
+    const activeChildren = descendants.filter(child => ["starting", "running", "paused", "waiting"].includes(child.status) && !child.completionObserved);
     const completedChildren = descendants.filter(child => ["completed", "cancelled", "failed"].includes(child.status) || child.completionObserved);
     const activeExecutions = executionItems.filter(item => item.activity.status === "running");
     const completedExecutions = executionItems
@@ -454,7 +469,7 @@ window.LoadToAgentAppFactories.createGraphView = function createGraphView(contex
       data-control-summary="${esc(title.text)}"
       data-motion-key="control-main:${esc(root.id)}" data-motion-value="${esc(root.updatedAt || "")}:${esc(root.status || "")}"
       style="${providerStyle(root.provider)}">
-      <span class="control-main-top"><span class="provider-mark">${esc(provider.mark)}</span><span><small>${esc(t("control.main_agent"))}</small><b>${esc(provider.label)} · ${esc(root.model || t("session.model_unknown"))}</b></span><em><i aria-hidden="true"></i>${esc(statusLabel(root.status))}</em></span>
+      <span class="control-main-top"><span class="provider-mark">${esc(provider.mark)}</span><span><small>${esc(t("control.main_agent"))}</small><b>${esc(provider.label)} · ${esc(root.model || t("session.model_unknown"))}</b></span><em><i aria-hidden="true"></i>${esc(statusLabel(presentationStatus))}</em></span>
       <strong title="${esc(title.full)}">${esc(title.text)}</strong>
       <span class="control-main-now"><small>${esc(t("graph.current_work"))}</small><b title="${esc(current.full)}">${esc(current.text)}</b></span>
       <span class="control-main-meta"><small>${esc(t("control.unit_counts", { helpers: activeChildren.length, executions: activeExecutions.length }))}</small><b>${esc(t("graph.view_conversation"))} →</b></span>
@@ -467,8 +482,16 @@ window.LoadToAgentAppFactories.createGraphView = function createGraphView(contex
     const completed = completedUnits.length
       ? completedUnits.map(unit => unit.kind === "child" ? controlRoomChildNode(unit.child) : controlRoomExecutionNode(unit.item)).join("")
       : `<div class="control-room-complete-empty"><span>✓</span><small>${esc(t("control.completed_empty"))}</small></div>`;
-    return `<article class="control-room-session" data-control-session="${esc(root.id)}" style="${providerStyle(root.provider)}">
-      <header><div><span class="control-session-live"><i></i>${esc(t("control.live_session"))}</span><b>${esc(title.text)}</b></div><span class="session-order-actions control-session-order" role="group" aria-label="${esc(t("session.change_position"))}"><button type="button" data-session-order-move="${esc(root.id)}" data-session-order-offset="-1" title="${esc(t("session.move_up"))}" aria-label="${esc(t("session.move_up"))}">↑</button><button type="button" data-session-order-move="${esc(root.id)}" data-session-order-offset="1" title="${esc(t("session.move_down"))}" aria-label="${esc(t("session.move_down"))}">↓</button></span><button type="button" data-graph-focus="${esc(root.id)}">${esc(t("control.open_full_flow"))} ↗</button></header>
+    const waitingWithBackground = waiting && activeExecutions.some(item => item.activity.mode === "background" || item.activity.kind === "background");
+    const sessionStateKey = waitingWithBackground
+      ? "control.waiting_background_session"
+      : (waiting ? "control.waiting_session" : "control.live_session");
+    const retention = retained ? `<small class="control-session-retention">${esc(t("control.auto_history_in_minutes", { minutes: sessionRetentionMinutes(root) }))}</small>` : "";
+    const archive = retained ? `<button type="button" class="control-session-archive" data-session-archive="${esc(root.id)}">${esc(t("control.move_to_history"))}</button>` : "";
+    return `<article class="control-room-session ${waiting ? "is-waiting" : ""} ${waitingWithBackground ? "has-background-work" : ""}" data-control-session="${esc(root.id)}" data-session-sortable="${esc(root.id)}"
+      style="${providerStyle(root.provider)}" role="group" tabindex="0" draggable="true" aria-grabbed="false"
+      aria-keyshortcuts="Alt+ArrowUp Alt+ArrowDown" aria-label="${esc(t("session.drag_label", { title: title.text }))}" aria-describedby="sessionReorderHelp">
+      <header><div><span class="control-session-live"><i></i>${esc(t(sessionStateKey))}</span><b>${esc(title.text)}</b>${retention}</div><span class="session-drag-handle" aria-hidden="true" title="${esc(t("session.reorder_hint"))}"></span>${archive}<button type="button" class="control-session-flow" data-graph-focus="${esc(root.id)}">${esc(t("control.open_full_flow"))} ↗</button></header>
       <div class="control-room-flow">
         <section class="control-room-column main-column"><span class="control-column-label">${esc(t("control.main_work_column"))}</span>${main}</section>
         <span class="control-flow-link live" aria-hidden="true"><i></i></span>
@@ -479,9 +502,44 @@ window.LoadToAgentAppFactories.createGraphView = function createGraphView(contex
     </article>`;
   }
 
-  function runtimeSeparatedOverview(roots, model) {
+  function runtimeSeparatedOverview(roots, model, allRoots = roots) {
+    const projectDescriptor = (root) => {
+      const project = controlRoomProject(root);
+      return { key: project.key, name: project.label };
+    };
+    const allGroups = new Map();
+    allRoots.forEach((root) => {
+      const { key, name } = projectDescriptor(root);
+      if (!allGroups.has(key)) allGroups.set(key, { name, roots: [] });
+      allGroups.get(key).roots.push(root);
+    });
+    const groups = new Map();
+    roots.forEach((root) => {
+      const { key, name } = projectDescriptor(root);
+      if (!groups.has(key)) groups.set(key, { name, roots: [] });
+      groups.get(key).roots.push(root);
+    });
+    const projectGroups = [...groups.entries()].map(([key, { name, roots: projectRoots }], index) => {
+      const projectTotals = allGroups.get(key)?.roots || projectRoots;
+      const activeCount = projectTotals.filter((root) => isLiveSession(root)).length;
+      const attentionCount = projectTotals.filter((root) => !isLiveSession(root) && isControlRoomSession(root)).length;
+      const summary = attentionCount
+        ? t("control.project_live_attention_summary", { active: activeCount, attention: attentionCount })
+        : t("control.project_live_summary", { active: activeCount });
+      const disclosureKey = `control-project:${key}`;
+      const presentation = index === 0 ? "is-primary" : index === 1 ? "is-preview" : "is-collapsed";
+      const projectFocusId = projectRoots[0]?.id || "";
+      return `<details class="control-room-project-group ${presentation}" data-control-project="${esc(name)}" data-disclosure-key="${esc(disclosureKey)}" ${index < 2 ? "open" : ""}>
+        <summary class="control-project-header" data-project-toggle="${esc(name)}">
+          <span class="control-project-heading"><i aria-hidden="true">□</i><b>${esc(name)}</b><small>${esc(summary)}</small><em>${projectTotals.length}</em></span>
+          <span class="control-project-handle" role="img" aria-label="프로젝트 그룹" title="프로젝트 그룹 · 세션은 최근 활동순으로 표시됩니다"></span>
+        </summary>
+        <button type="button" class="control-project-flow-link" data-graph-focus="${esc(projectFocusId)}"><span>${esc(t("control.open_full_flow"))} ↗</span></button>
+        <div class="control-project-body" ${index === 1 ? 'inert aria-hidden="true"' : ""}>${projectRoots.map(root => controlRoomSession(root, model)).join("")}</div>
+      </details>`;
+    }).join("");
     return `<div class="control-room-overview" data-control-room-overview="true">
-      ${sortGraphNodes(roots).map(root => controlRoomSession(root, model)).join("")}
+      ${projectGroups}
     </div>`;
   }
 
@@ -609,7 +667,9 @@ window.LoadToAgentAppFactories.createGraphView = function createGraphView(contex
             : event.kind === "started"
               ? t("graph.runtime_start_confirmed")
               : t("graph.status_only_recorded"));
-        const sourceLabel = event.assignmentSource === "parent-narration" ? ` · ${t("graph.main_ai_prestart_short")}` : "";
+        const sourceLabel = event.assignmentSource === "protected"
+          ? ` · ${t("graph.assignment_source_protected_short")}`
+          : (event.assignmentSource === "parent-narration" ? ` · ${t("graph.main_ai_prestart_short")}` : "");
         return `<article class="agent-communication-event ${esc(event.kind)}" data-communication-kind="${esc(event.kind)}">
         <span class="communication-route">
           <b>${esc(communicationEndpoint(event.from, owner, model))}</b><i>→</i>
@@ -650,6 +710,7 @@ window.LoadToAgentAppFactories.createGraphView = function createGraphView(contex
       running: t("graph.execution_running"),
       completed: t("graph.execution_completed"),
       failed: t("graph.execution_failed"),
+      unverified: t("graph.execution_unverified"),
       cancelled: t("ui.stopped"),
     })[activity.status] || activity.status;
   }

package/renderer/app-quality.js

@@ -94,6 +94,7 @@ window.LoadToAgentAppFactories.createQualityEnhancements = function createQualit
         ? dashboard.workspace
         : "all";
       state.sort = ["recent", "tokens", "context"].includes(dashboard.sort) ? dashboard.sort : "recent";
+      state.controlRoomSort = ["recent", "tokens", "context"].includes(dashboard.controlRoomSort) ? dashboard.controlRoomSort : "recent";
       state.sessionOrder = Array.isArray(dashboard.sessionOrder)
         ? dashboard.sessionOrder.filter(id => typeof id === "string" && id.length <= 500).slice(0, 1_000)
         : [];
@@ -130,6 +131,7 @@ window.LoadToAgentAppFactories.createQualityEnhancements = function createQualit
       providers: [...state.providerFilters],
       workspace: String(state.workspace || "all").slice(0, 2_000),
       sort: ["recent", "tokens", "context"].includes(state.sort) ? state.sort : "recent",
+      controlRoomSort: ["recent", "tokens", "context"].includes(state.controlRoomSort) ? state.controlRoomSort : "recent",
       sessionOrder: (state.sessionOrder || []).filter(id => typeof id === "string" && id.length <= 500).slice(0, 1_000),
     };
     try {

package/renderer/app-session-render.js

@@ -24,6 +24,7 @@ window.LoadToAgentAppFactories.createSessionRenderer = function createSessionRen
     statusClass,
     currentActivity,
     isLiveSession,
+    isControlRoomSession = isLiveSession,
     latestWorkCopy,
     statusIcon,
     renderProviderRail,
@@ -75,11 +76,13 @@ window.LoadToAgentAppFactories.createSessionRenderer = function createSessionRen
     const originLabel = sessionWorkspaceLabel(session);
     return `<article class="session-card session-record ${opts.live ? "live-card" : ""} ${statusClass(session.status)} ${session.parentId ? "subagent" : ""}"
       data-session-id="${esc(session.id)}"
+      data-session-sortable="${esc(session.id)}"
       data-motion-key="session:${esc(session.id)}"
       data-motion-value="${esc(session.updatedAt || "")}:${esc(session.status || "")}"
       style="${providerStyle(session.provider)}"
-      role="button" tabindex="0"
-      aria-labelledby="${accessibleId}-title" aria-describedby="${accessibleId}-summary">
+      role="button" tabindex="0" draggable="true" aria-grabbed="false"
+      aria-keyshortcuts="Alt+ArrowUp Alt+ArrowDown"
+      aria-labelledby="${accessibleId}-title" aria-describedby="${accessibleId}-summary sessionReorderHelp">
       <div class="card-head">
         <span class="provider-mark">${esc(provider.mark)}</span>
         <div class="card-head-main"><div class="card-provider-line"><b>${esc(provider.label)}</b><span>${esc(session.model || t("session.model_unknown"))}</span></div></div>
@@ -95,10 +98,7 @@ window.LoadToAgentAppFactories.createSessionRenderer = function createSessionRen
       </div>
       <footer class="card-footer">
         <span>${esc(timeAgo(session.updatedAt))}</span>
-        <span class="session-order-actions" role="group" aria-label="${esc(t("session.change_position"))}">
-          <button type="button" data-session-order-move="${esc(session.id)}" data-session-order-offset="-1" title="${esc(t("session.move_up"))}" aria-label="${esc(t("session.move_up"))}">↑</button>
-          <button type="button" data-session-order-move="${esc(session.id)}" data-session-order-offset="1" title="${esc(t("session.move_down"))}" aria-label="${esc(t("session.move_down"))}">↓</button>
-        </span>
+        <span class="session-drag-handle" aria-hidden="true" title="${esc(t("session.reorder_hint"))}"></span>
         <strong>${esc(t("graph.view_conversation"))}<i aria-hidden="true">→</i></strong>
       </footer>
     </article>`;
@@ -166,7 +166,7 @@ window.LoadToAgentAppFactories.createSessionRenderer = function createSessionRen
     const attentionCount = attentionView ? renderAttentionInbox() : 0;
     const showMap = ["all", "active"].includes(state.view);
     const graphLiveCount = showMap ? renderAgentMap(graphFilteredSessions(), motionKind) : 0;
-    const regular = state.view === "all" ? sessions.filter((session) => !isLiveSession(session)) : state.view === "active" ? [] : sessions;
+    const regular = state.view === "all" ? sessions.filter((session) => !isControlRoomSession(session)) : state.view === "active" ? [] : sessions;
     const visible = regular.slice(0, state.visibleLimit);
     const resultCount = attentionView ? attentionCount : graphLiveCount + regular.length;
     $("#sessionResultSummary").textContent = window.LoadToAgentI18n.t("quality.results_summary", { count: resultCount });

package/renderer/app.js

@@ -5,6 +5,8 @@ window.LoadToAgentAppFactories.createCore = function createCore(context = {}) {
   const t = (key, params) => window.LoadToAgentI18n.t(key, params);
   const observedText = (value) => window.LoadToAgentI18n.observedText(value);
   const PROJECTLESS_WORKSPACE = "__projectless__";
+  const SESSION_RETENTION_MS = 30 * 60 * 1000;
+  const SESSION_ARCHIVE_STORAGE_KEY = "loadtoagent:session-archives:v1";
   const state = {
     providers: [],
     providerMap: new Map(),
@@ -22,6 +24,8 @@ window.LoadToAgentAppFactories.createCore = function createCore(context = {}) {
     search: "",
     sort: "recent",
     sessionOrder: [],
+    sessionArchives: new Map(),
+    controlRoomObservedIds: new Set(),
     selectedId: null,
     drawerTab: "chat",
     drawerMode: "session",
@@ -32,6 +36,9 @@ window.LoadToAgentAppFactories.createCore = function createCore(context = {}) {
     drawerForceLatest: false,
     visibleLimit: 30,
     graphFocusId: null,
+    controlRoomPage: 0,
+    controlRoomPageSize: 4,
+    controlRoomSort: "recent",
     supervisionFocusId: null,
     graphExpandedProviders: new Set(),
     expandedExecutionSessions: new Set(),
@@ -566,6 +573,91 @@ window.LoadToAgentAppFactories.createCore = function createCore(context = {}) {
   function isLiveSession(session) {
     return session && (session.status === "running" || session.status === "starting");
   }
+  function hasRunningExecution(session) {
+    return Boolean((session?.executions || []).some((execution) => execution?.status === "running"));
+  }
+  function sessionResponseTimestamp(session) {
+    const assistantAt = Math.max(0, ...(session?.messages || [])
+      .filter((message) => message?.role === "assistant")
+      .map((message) => Date.parse(message.timestamp || 0))
+      .filter(Number.isFinite));
+    if (assistantAt) return assistantAt;
+    const completedAt = Date.parse(session?.completedAt || session?.endedAt || 0);
+    return Number.isFinite(completedAt) ? completedAt : 0;
+  }
+  function loadSessionArchives() {
+    try {
+      const saved = JSON.parse(localStorage.getItem(SESSION_ARCHIVE_STORAGE_KEY) || "{}");
+      state.sessionArchives = new Map(Object.entries(saved)
+        .filter(([id, value]) => id && Number.isFinite(Number(value?.responseAt)))
+        .map(([id, value]) => [id, { responseAt: Number(value.responseAt), archivedAt: Number(value.archivedAt || 0) }]));
+    } catch (error) {
+      reportRecoverableError("session-archives-load", error);
+      state.sessionArchives = new Map();
+    }
+  }
+  function saveSessionArchives() {
+    try {
+      const recent = [...state.sessionArchives.entries()]
+        .sort((left, right) => Number(right[1]?.archivedAt || 0) - Number(left[1]?.archivedAt || 0))
+        .slice(0, 500);
+      state.sessionArchives = new Map(recent);
+      localStorage.setItem(SESSION_ARCHIVE_STORAGE_KEY, JSON.stringify(Object.fromEntries(recent)));
+    } catch (error) {
+      reportRecoverableError("session-archives-save", error);
+    }
+  }
+  function isSessionManuallyArchived(session) {
+    const archived = session && state.sessionArchives.get(String(session.id || ""));
+    if (!archived) return false;
+    return sessionResponseTimestamp(session) <= Number(archived.responseAt || 0);
+  }
+  function isControlRoomSession(session, now = Date.now()) {
+    if (!session) return false;
+    if (isLiveSession(session) || hasRunningExecution(session)) {
+      state.controlRoomObservedIds.add(String(session.id || ""));
+      return true;
+    }
+    if (!state.controlRoomObservedIds.has(String(session.id || ""))) return false;
+    const responseAt = sessionResponseTimestamp(session);
+    const retained = Boolean(responseAt
+      && !isSessionManuallyArchived(session)
+      && Math.max(0, Number(now) - responseAt) < SESSION_RETENTION_MS);
+    if (!retained && responseAt && Math.max(0, Number(now) - responseAt) >= SESSION_RETENTION_MS) {
+      state.controlRoomObservedIds.delete(String(session.id || ""));
+    }
+    return retained;
+  }
+  function controlRoomStatus(session, now = Date.now()) {
+    return isLiveSession(session) ? session.status : (isControlRoomSession(session, now) ? "waiting" : session?.status);
+  }
+  function sessionRetentionMinutes(session, now = Date.now()) {
+    const remaining = SESSION_RETENTION_MS - Math.max(0, Number(now) - sessionResponseTimestamp(session));
+    return Math.max(0, Math.ceil(remaining / 60_000));
+  }
+  function archiveSession(sessionOrId) {
+    const session = typeof sessionOrId === "object"
+      ? sessionOrId
+      : (state.snapshot?.sessions || []).find((item) => item.id === String(sessionOrId || ""));
+    if (!session || isLiveSession(session)) return false;
+    const responseAt = sessionResponseTimestamp(session);
+    if (!responseAt) return false;
+    const archivedAt = Date.now();
+    const sessions = state.snapshot?.sessions || [];
+    const byId = new Map(sessions.map((item) => [item.id, item]));
+    const queue = [session, ...(session.childIds || []).map((id) => byId.get(id)).filter(Boolean)];
+    const seen = new Set();
+    while (queue.length) {
+      const item = queue.shift();
+      if (!item?.id || seen.has(item.id)) continue;
+      seen.add(item.id);
+      const itemResponseAt = sessionResponseTimestamp(item);
+      if (itemResponseAt) state.sessionArchives.set(String(item.id), { responseAt: itemResponseAt, archivedAt });
+      queue.push(...(item.childIds || []).map((id) => byId.get(id)).filter(Boolean));
+    }
+    saveSessionArchives();
+    return true;
+  }
   function isRuntimeLoopSession(session) {
     if (!session || session.parentId || !isLiveSession(session)) return false;
     if (session.loop === true || (session.loop && typeof session.loop === "object")) return true;
@@ -627,6 +719,7 @@ window.LoadToAgentAppFactories.createCore = function createCore(context = {}) {
     if (/end|complete/.test(type)) return "✓";
     return "·";
   }
+  loadSessionArchives();
   return {
     $,
     $$,
@@ -636,6 +729,8 @@ window.LoadToAgentAppFactories.createCore = function createCore(context = {}) {
     reportRecoverableError,
     observedText,
     PROJECTLESS_WORKSPACE,
+    SESSION_RETENTION_MS,
+    SESSION_ARCHIVE_STORAGE_KEY,
     state,
     motionPreference,
     motionState,
@@ -681,6 +776,15 @@ window.LoadToAgentAppFactories.createCore = function createCore(context = {}) {
     statusClass,
     currentActivity,
     isLiveSession,
+    hasRunningExecution,
+    sessionResponseTimestamp,
+    loadSessionArchives,
+    saveSessionArchives,
+    isSessionManuallyArchived,
+    isControlRoomSession,
+    controlRoomStatus,
+    sessionRetentionMinutes,
+    archiveSession,
     isRuntimeLoopSession,
     subagentWorkState,
     subagentWorkLabel,

package/renderer/i18n-messages.js

@@ -351,6 +351,18 @@
     "drawer.progress_updates": {"ko":"진행 업데이트 {count}개","en":"{count} progress updates","zh-CN":"{count} 条进度更新"},
     "drawer.progress_updates_help": {"ko":"중간 작업 설명과 원문 전체 보기","en":"View intermediate notes and full text","zh-CN":"查看中间说明和完整原文"},
     "drawer.progress_update_item": {"ko":"진행 {count}","en":"Update {count}","zh-CN":"进度 {count}"},
+    "drawer.subagent_called": {"ko":"서브에이전트 호출","en":"Helper agent called","zh-CN":"已调用协助智能体"},
+    "drawer.subagent_call_point": {"ko":"서브에이전트 호출 #{count}","en":"Helper-agent call #{count}","zh-CN":"协助智能体调用 #{count}"},
+    "drawer.called_after_user_request": {"ko":"사용자 요청 {elapsed} 후 호출","en":"Called {elapsed} after the user request","zh-CN":"用户请求 {elapsed} 后调用"},
+    "drawer.duration_less_than_second": {"ko":"1초 미만","en":"less than 1s","zh-CN":"不到 1 秒"},
+    "drawer.duration_seconds": {"ko":"{seconds}초","en":"{seconds}s","zh-CN":"{seconds} 秒"},
+    "drawer.duration_minutes_seconds": {"ko":"{minutes}분 {seconds}초","en":"{minutes}m {seconds}s","zh-CN":"{minutes} 分 {seconds} 秒"},
+    "drawer.duration_hours_minutes_seconds": {"ko":"{hours}시간 {minutes}분 {seconds}초","en":"{hours}h {minutes}m {seconds}s","zh-CN":"{hours} 小时 {minutes} 分 {seconds} 秒"},
+    "drawer.called_after_main_message": {"ko":"메인 에이전트가 이 말 다음에 호출","en":"The lead agent called a helper after this message","zh-CN":"主智能体在这段话之后调用了协助智能体"},
+    "drawer.main_called_here": {"ko":"메인 에이전트가 이 지점에서 서브에이전트를 호출","en":"The lead agent called a helper at this point","zh-CN":"主智能体在此处调用了协助智能体"},
+    "drawer.main_progress_before_call": {"ko":"메인 에이전트 중간 응답","en":"Lead-agent progress update","zh-CN":"主智能体中间回复"},
+    "drawer.subagent_name": {"ko":"호출된 서브에이전트 · {name}","en":"Called helper · {name}","zh-CN":"调用的协助智能体 · {name}"},
+    "drawer.open_subagent_work": {"ko":"작업 내용 보기","en":"View work","zh-CN":"查看工作内容"},
     "drawer.activities": {"ko":"활동 {count}건","en":"{count} activities","zh-CN":"{count} 条活动"},
     "drawer.latest_conversation": {"ko":"가장 최근 대화","en":"Latest conversation","zh-CN":"最新对话"},
     "drawer.no_lifecycle": {"ko":"아직 기록된 진행 과정이 없습니다","en":"No progress has been recorded yet","zh-CN":"尚未记录进度"},
@@ -381,6 +393,12 @@
     "drawer.subagent_history_actual": {"ko":"이 도움 AI 세션에 실제로 저장된 작업 지시와 답변을 시간순으로 표시합니다.","en":"Shows the instructions and responses actually saved in this helper-AI session, in chronological order.","zh-CN":"按时间顺序显示此协助 AI 会话中实际保存的指令和回答。"},
     "drawer.subagent_work_history": {"ko":"도움 AI 실제 작업 기록","en":"Actual helper-AI work history","zh-CN":"协助 AI 实际工作记录"},
     "drawer.assignment": {"ko":"작업 지시","en":"Assignment","zh-CN":"任务指令"},
+    "drawer.assignment_context": {"ko":"호출 직전 메인 AI 설명 (실제 전달 원문 아님)","en":"Lead-AI explanation before the call (not the transmitted prompt)","zh-CN":"调用前主 AI 的说明（不是实际传递的原文）"},
+    "drawer.assignment_protected": {"ko":"실제 작업 지시 원문은 제공사 로그에서 암호화되어 있어 확인할 수 없습니다.","en":"The exact assignment is encrypted in the provider log and cannot be verified.","zh-CN":"实际任务指令原文在提供商日志中已加密，无法核实。"},
+    "drawer.assignment_protected_short": {"ko":"실제 지시 원문 보호됨","en":"Exact prompt protected","zh-CN":"实际指令原文受保护"},
+    "drawer.assignment_source_claude": {"ko":"Claude Agent/Task 호출 prompt 원문","en":"Exact Claude Agent/Task call prompt","zh-CN":"Claude Agent/Task 调用的 prompt 原文"},
+    "drawer.assignment_source_codex": {"ko":"Codex spawn_agent 호출 message 원문","en":"Exact Codex spawn_agent call message","zh-CN":"Codex spawn_agent 调用的 message 原文"},
+    "drawer.assignment_source_protected": {"ko":"제공사 로그에서 원문 보호됨","en":"Exact text protected in provider log","zh-CN":"原文在提供商日志中受保护"},
     "drawer.sub_ai": {"ko":"도움 AI","en":"Helper AI","zh-CN":"协助 AI"},
     "drawer.work_history": {"ko":"작업 기록","en":"Work history","zh-CN":"工作记录"},
     "drawer.execution_unit": {"ko":"실행 작업","en":"Execution unit","zh-CN":"执行任务"},
@@ -416,9 +434,9 @@
     "session.total_tokens": {"ko":"전체 사용","en":"Total usage","zh-CN":"总用量"},
     "session.subagents_created": {"ko":"도움 AI {count}개 누적 생성","en":"{count} helper AI created","zh-CN":"累计创建 {count} 个协助 AI"},
     "session.local_history": {"ko":"내 PC의 작업 기록","en":"Work history on this PC","zh-CN":"此电脑上的工作记录"},
-    "session.change_position": {"ko":"세션 위치 변경","en":"Change session position","zh-CN":"调整会话位置"},
-    "session.move_up": {"ko":"위로 이동","en":"Move up","zh-CN":"上移"},
-    "session.move_down": {"ko":"아래로 이동","en":"Move down","zh-CN":"下移"},
+    "session.drag_label": {"ko":"{title} 위치 변경","en":"Reorder {title}","zh-CN":"调整 {title} 的位置"},
+    "session.reorder_hint": {"ko":"끌어서 위치 변경 · Alt+↑/↓ 키도 사용 가능","en":"Drag to reorder · Alt+↑/↓ also works","zh-CN":"拖动调整位置 · 也可使用 Alt+↑/↓"},
+    "session.reorder_help": {"ko":"세션 카드를 끌어 놓아 위치를 바꿀 수 있습니다. 키보드에서는 카드에 초점을 둔 뒤 Alt와 위아래 화살표 키를 사용하세요.","en":"Drag and drop a session card to change its position. With a keyboard, focus the card and use Alt with the up or down arrow key.","zh-CN":"拖放会话卡片可调整位置。使用键盘时，请聚焦卡片并按 Alt 加上或下方向键。"},
     "session.position_changed": {"ko":"세션 위치를 변경했습니다.","en":"Session position updated.","zh-CN":"会话位置已更新。"},
     "bootstrap.open_in_app": {"ko":"LoadToAgent 프로그램에서 열면 이 컴퓨터의 AI 작업 기록을 불러옵니다.","en":"Open this page in LoadToAgent to load AI work history from this computer.","zh-CN":"请在 LoadToAgent 应用中打开此页面，以加载此电脑上的 AI 工作记录。"},
     "bootstrap.opened_attention_list": {"ko":"확인이 필요한 세션 목록을 열었습니다.","en":"Opened the list of sessions that need your review.","zh-CN":"已打开需要您确认的会话列表。"},
@@ -541,6 +559,7 @@
     "graph.execution_recent_hidden": {"ko":"이전 실행 기록 {count}개는 상세 기록에 보존됩니다.","en":"{count} older execution records remain available in session history.","zh-CN":"会话历史中仍保留 {count} 条较早的执行记录。"},
     "graph.execution_show_older": {"ko":"이전 실행 {count}개 더 보기","en":"Show {count} older executions","zh-CN":"再显示 {count} 条较早运行"},
     "graph.execution_running": {"ko":"실행 중","en":"Running","zh-CN":"运行中"},
+    "graph.execution_unverified": {"ko":"상태 미확인","en":"Status unverified","zh-CN":"状态未确认"},
     "graph.execution_runtime": {"ko":"실행 환경","en":"Runtime","zh-CN":"运行环境"},
     "graph.execution_started": {"ko":"시작","en":"Started","zh-CN":"开始"},
     "graph.execution_status_label": {"ko":"상태","en":"Status","zh-CN":"状态"},
@@ -563,6 +582,9 @@
     "graph.main_ai_in_charge": {"ko":"전체 일을 맡은 메인 AI","en":"Main AI in charge of the whole task","zh-CN":"负责整体工作的主 AI"},
     "graph.main_ai_prestart_explanation": {"ko":"메인 AI가 작업 시작 직전에 설명한 내용","en":"Description provided by the main AI just before the task started","zh-CN":"主 AI 在任务开始前说明的内容"},
     "graph.main_ai_prestart_short": {"ko":"작업 시작 직전 메인 AI 설명","en":"Main AI description before start","zh-CN":"任务开始前的主 AI 说明"},
+    "graph.assignment_protected_suffix": {"ko":" · 실제 지시 원문 보호됨","en":" · Exact prompt protected","zh-CN":" · 实际指令原文受保护"},
+    "graph.assignment_source_protected": {"ko":"실제 지시 원문은 암호화되어 확인할 수 없음","en":"The exact prompt is encrypted and unavailable","zh-CN":"实际指令原文已加密，无法查看"},
+    "graph.assignment_source_protected_short": {"ko":"실제 지시 원문 보호됨","en":"Exact prompt protected","zh-CN":"实际指令原文受保护"},
     "graph.major_tasks_and_agents": {"ko":"큰 일 {tasks}개 · 작업 중 도움 AI {active}명 · 도움 AI 기록 {records}명","en":"{tasks} major tasks · {active} active helper AI · {records} helper records","zh-CN":"{tasks} 个主要任务 · {active} 个工作中的协助 AI · {records} 条协助 AI 记录"},
     "graph.memory_usage": {"ko":"기억 공간 사용","en":"Memory usage","zh-CN":"记忆空间使用"},
     "graph.model_unknown": {"ko":"모델 정보 없음","en":"Model information unavailable","zh-CN":"无模型信息"},
@@ -666,11 +688,8 @@
     "time.minutes_ago": {"ko":"{count}분 전","en":"{count} min ago","zh-CN":"{count} 分钟前"},
     "time.seconds_ago": {"ko":"{count}초 전","en":"{count} sec ago","zh-CN":"{count} 秒前"},
     "terminal.activity_details": {"ko":"활동 {count}건은 상세에서 확인","en":"See {count} activities in details","zh-CN":"在详情中查看 {count} 条活动"},
-    "terminal.move_down": {"ko":"{title} 아래로 이동","en":"Move {title} down","zh-CN":"下移 {title}"},
-    "terminal.move_up": {"ko":"{title} 위로 이동","en":"Move {title} up","zh-CN":"上移 {title}"},
-    "terminal.reorder_group": {"ko":"{title} 순서 변경","en":"Reorder {title}","zh-CN":"调整 {title} 的顺序"},
     "terminal.reorder_hint": {"ko":"끌어서 순서 변경 · Alt+↑/↓ 키도 사용 가능","en":"Drag to reorder · Alt+↑/↓ also works","zh-CN":"拖动排序 · 也可使用 Alt+↑/↓"},
-    "terminal.reorder_help": {"ko":"세션 옆의 위아래 버튼을 누르거나, 세션에 초점을 둔 뒤 Alt와 위아래 화살표 키를 눌러 순서를 바꿀 수 있습니다.","en":"Use the up and down buttons beside a session, or focus it and press Alt with the arrow keys to reorder.","zh-CN":"可使用会话旁的上下按钮，或聚焦会话后按 Alt 加方向键调整顺序。"},
+    "terminal.reorder_help": {"ko":"세션을 끌어 놓아 순서를 바꿀 수 있습니다. 키보드에서는 세션에 초점을 둔 뒤 Alt와 위아래 화살표 키를 사용하세요.","en":"Drag and drop a session to reorder it. With a keyboard, focus the session and use Alt with the up or down arrow key.","zh-CN":"拖放会话可调整顺序。使用键盘时，请聚焦会话并按 Alt 加上或下方向键。"},
     "terminal.reordered": {"ko":"세션 순서를 변경했습니다.","en":"Session order updated.","zh-CN":"会话顺序已更新。"},
     "terminal.agent.ai_terminal": {"ko":"AI 명령창","en":"AI terminal","zh-CN":"AI 终端"},
     "terminal.agent.command_required": {"ko":"AI에게 보낼 지시를 입력하세요.","en":"Enter instructions to send to the AI.","zh-CN":"请输入要发送给 AI 的指令。"},
@@ -1324,8 +1343,10 @@
     "control.attention_eyebrow": {"ko":"확인 필요","en":"Action needed","zh-CN":"需要处理"},
     "control.attention_more": {"ko":"나머지 {count}개 모두 보기","en":"View {count} more","zh-CN":"查看其余 {count} 项"},
     "control.attention_title": {"ko":"지금 개입할 작업 {count}","en":"{count} tasks need action","zh-CN":"{count} 个任务需要处理"},
-    "control.completed_empty": {"ko":"아직 완료된 실행 단위가 없습니다","en":"No execution unit has completed yet","zh-CN":"尚无已完成的执行单元"},
-    "control.completed_work_column": {"ko":"최근 끝난 작업","en":"Recently finished work","zh-CN":"最近完成的工作"},
+    "control.add_project": {"ko":"프로젝트 추가","en":"Add project","zh-CN":"添加项目"},
+    "control.all_projects": {"ko":"모든 프로젝트","en":"All projects","zh-CN":"所有项目"},
+    "control.completed_empty": {"ko":"아직 최근 실행 기록이 없습니다","en":"No recent execution record yet","zh-CN":"尚无最近的执行记录"},
+    "control.completed_work_column": {"ko":"최근 끝난 작업","en":"Recent work","zh-CN":"最近的工作"},
     "control.background_execution": {"ko":"{owner} 백그라운드 작업","en":"{owner} background work","zh-CN":"{owner}后台工作"},
     "control.background_work_kind": {"ko":"백그라운드 작업","en":"Background work","zh-CN":"后台任务"},
     "control.command_execution": {"ko":"{owner} 실행 작업","en":"{owner} command work","zh-CN":"{owner}命令工作"},
@@ -1338,6 +1359,11 @@
     "control.legend_spawn": {"ko":"생성 중","en":"Spawning","zh-CN":"创建中"},
     "control.live_activity": {"ko":"실시간 활동","en":"Live activity","zh-CN":"实时活动"},
     "control.live_session": {"ko":"실행 중인 세션","en":"Live session","zh-CN":"运行中的会话"},
+    "control.waiting_session": {"ko":"대기 중인 세션","en":"Waiting session","zh-CN":"等待中的会话"},
+    "control.waiting_background_session": {"ko":"응답 대기 · 백그라운드 실행 중","en":"Waiting for response · background work running","zh-CN":"等待回复 · 后台任务运行中"},
+    "control.auto_history_in_minutes": {"ko":"{minutes}분 뒤 지난 기록으로 이동","en":"Moves to history in {minutes} min","zh-CN":"{minutes} 分钟后移至历史记录"},
+    "control.move_to_history": {"ko":"지난 기록으로 이동","en":"Move to history","zh-CN":"移至历史记录"},
+    "control.moved_to_history": {"ko":"세션을 지난 기록으로 옮겼습니다.","en":"Session moved to history.","zh-CN":"会话已移至历史记录。"},
     "control.live_summary": {"ko":"메인 {sessions} · 서브 {helpers} · 실행 {executions}","en":"{sessions} lead · {helpers} helper · {executions} commands","zh-CN":"主 {sessions} · 协助 {helpers} · 执行 {executions}"},
     "control.main_assignment": {"ko":"메인 에이전트가 시킨 일","en":"Assigned by the lead agent","zh-CN":"主智能体分配的任务"},
     "control.main_agent": {"ko":"메인 에이전트","en":"Lead agent","zh-CN":"主智能体"},
@@ -1351,7 +1377,18 @@
     "control.open_full_flow": {"ko":"전체 구조 보기","en":"Open full structure","zh-CN":"查看完整结构"},
     "control.open_remaining_units": {"ko":"나머지 {count}개 보기","en":"View {count} more","zh-CN":"查看其余 {count} 个"},
     "control.open_subagent": {"ko":"서브에이전트 작업 ‘{task}’ 대화 열기","en":"Open conversation for helper task ‘{task}’","zh-CN":"打开协助任务“{task}”的对话"},
+    "control.open_search": {"ko":"실행 세션 검색 열기","en":"Open live-session search","zh-CN":"打开运行会话搜索"},
+    "control.other_projects": {"ko":"기타","en":"Other","zh-CN":"其他"},
     "control.other_sessions": {"ko":"다른 세션","en":"Other sessions","zh-CN":"其他会话"},
+    "control.page_summary": {"ko":"{start}–{end} / {total}","en":"{start}–{end} / {total}","zh-CN":"{start}–{end} / {total}"},
+    "control.previous_page": {"ko":"이전 실행 세션","en":"Previous live sessions","zh-CN":"上一页运行会话"},
+    "control.next_page": {"ko":"다음 실행 세션","en":"Next live sessions","zh-CN":"下一页运行会话"},
+    "control.project_filter": {"ko":"프로젝트별 실행 세션 필터","en":"Filter live sessions by project","zh-CN":"按项目筛选运行会话"},
+    "control.project_live_attention_summary": {"ko":"실행 중 {active} · 확인 필요 {attention}","en":"{active} running · {attention} need attention","zh-CN":"运行中 {active} · 需确认 {attention}"},
+    "control.project_live_summary": {"ko":"실행 중 {active}","en":"{active} running","zh-CN":"运行中 {active}"},
+    "control.recent_activity": {"ko":"최근 활동순","en":"Recent activity","zh-CN":"最近活动"},
+    "control.search_sessions": {"ko":"실행 세션 검색","en":"Search live sessions","zh-CN":"搜索运行会话"},
+    "control.sort_sessions": {"ko":"실행 세션 정렬","en":"Sort live sessions","zh-CN":"排序运行会话"},
     "control.recently_completed": {"ko":"방금 완료","en":"Just completed","zh-CN":"刚刚完成"},
     "control.subagent": {"ko":"서브에이전트","en":"Helper agent","zh-CN":"协助智能体"},
     "control.subagent_short": {"ko":"서브","en":"Helper","zh-CN":"协助"},