loadtoagent 1.3.4 → 1.3.6

package/renderer/index.html

@@ -61,11 +61,6 @@
         <div id="providerRail" class="provider-rail"></div>
       </section>
 
-      <section class="sidebar-section workspace-section">
-        <div class="section-title"><span data-i18n="ui.workspaces">프로젝트 폴더 필터</span><button id="addWorkspaceBtn" class="icon-button" type="button" title="폴더 필터 추가" data-i18n-title="ui.add_workspace" aria-label="폴더 필터 추가" data-i18n-aria-label="ui.add_workspace" aria-controls="workspaceList">＋</button></div>
-        <div id="workspaceList" class="workspace-list" role="group" aria-label="작업 시작 폴더별 AI 세션 필터" data-i18n-aria-label="quality.workspace_filter"></div>
-      </section>
-
       <div class="sidebar-footer">
         <span class="privacy-light"></span>
         <div><strong data-i18n="ui.secure_on_this_computer">내 컴퓨터에서 안전하게</strong><small data-i18n="ui.conversation_history_is_read_only_on_this_pc">대화 기록은 이 PC에서만 읽습니다</small></div>
@@ -208,7 +203,7 @@
         <div class="terminal-layout">
           <aside id="terminalResourcePanel" class="terminal-resource-panel">
             <div class="terminal-resource-head"><div><b data-i18n="ui.my_terminal_sessions">내 터미널 세션</b><span id="terminalSessionSummary" data-i18n="common.running" data-i18n-params='{"count":0}'>0개 실행 중</span></div><span class="terminal-resource-live"><i></i>LIVE</span></div>
-            <p id="terminalReorderHelp" class="sr-only" data-i18n="terminal.reorder_help">세션 옆의 위아래 버튼을 누르거나, 세션에 초점을 둔 뒤 Alt와 위아래 화살표 키를 눌러 순서를 바꿀 수 있습니다.</p>
+            <p id="terminalReorderHelp" class="sr-only" data-i18n="terminal.reorder_help">세션을 끌어 놓아 순서를 바꿀 수 있습니다. 키보드에서는 세션에 초점을 둔 뒤 Alt와 위아래 화살표 키를 사용하세요.</p>
             <div id="terminalSessionList" class="terminal-session-list" role="listbox" aria-label="터미널 세션" data-i18n-aria-label="quality.terminal_sessions"></div>
             <div class="terminal-resource-tip"><span>⌘</span><p><b data-i18n="ui.sessions_stay_open_when_you_change_views">세션은 화면을 옮겨도 유지됩니다.</b><small data-i18n="ui.output_and_draft_commands_remain_when_you_return_from_another">다른 작업을 보고 돌아와도 출력과 작성 중인 명령이 그대로 남아 있어요.</small></p></div>
           </aside>
@@ -298,6 +293,7 @@
         </section>
       </section>
 
+      <p id="sessionReorderHelp" class="sr-only" data-i18n="session.reorder_help">세션 카드를 끌어 놓아 위치를 바꿀 수 있습니다. 키보드에서는 카드에 초점을 둔 뒤 Alt와 위아래 화살표 키를 사용하세요.</p>
       <section id="liveSection" class="live-section hidden" aria-label="현재 진행 중인 AI 작업" data-i18n-aria-label="ui.ai_work_currently_in_progress">
         <div class="live-section-head">
           <div class="live-section-title"><span class="live-beacon"></span><div><p class="eyebrow" data-i18n="ui.active_now">지금 진행 중</p><h2 data-i18n="ui.work_assigned_to_ai">전체 에이전트 작동 지도</h2></div></div>
@@ -310,7 +306,37 @@
             </button>
           </div>
         </div>
-        <div class="agent-map-toolbar">
+        <div id="controlRoomProjectToolbar" class="control-room-project-toolbar">
+          <div id="workspaceList" class="workspace-list control-room-project-list" role="toolbar" aria-label="프로젝트별 실행 세션 필터" data-i18n-aria-label="control.project_filter"></div>
+          <button id="addWorkspaceBtn" class="control-room-add-project" type="button" title="프로젝트 추가" data-i18n-title="control.add_project" aria-label="프로젝트 추가" data-i18n-aria-label="control.add_project" aria-controls="workspaceList">＋ <span data-i18n="control.add_project">프로젝트 추가</span></button>
+        </div>
+        <div id="controlRoomListToolbar" class="control-room-list-toolbar">
+          <span class="control-room-toolbar-spacer" aria-hidden="true"></span>
+          <label class="control-room-select-field">
+            <span class="sr-only" data-i18n="ui.sort">정렬</span>
+            <select id="controlRoomSortSelect" aria-label="실행 세션 정렬" data-i18n-aria-label="control.sort_sessions">
+              <option value="recent" data-i18n="control.recent_activity">최근 활동순</option>
+              <option value="tokens" data-i18n="ui.highest_usage">많이 사용한 순서</option>
+              <option value="context" data-i18n="ui.highest_context_usage">기억 공간을 많이 쓴 순서</option>
+            </select>
+          </label>
+          <label class="control-room-select-field control-room-project-select-field">
+            <span class="sr-only" data-i18n="control.project_filter">프로젝트</span>
+            <select id="controlRoomProjectSelect" aria-label="프로젝트 선택" data-i18n-aria-label="control.project_filter"><option value="all" data-i18n="control.all_projects">모든 프로젝트</option></select>
+          </label>
+          <div id="controlRoomSearch" class="control-room-search">
+            <input id="controlRoomSearchInput" type="search" maxlength="240" tabindex="-1" aria-hidden="true" aria-label="실행 세션 검색" data-i18n-aria-label="control.search_sessions" placeholder="세션 검색" data-i18n-placeholder="control.search_sessions" autocomplete="off" />
+            <button id="controlRoomSearchBtn" type="button" aria-label="실행 세션 검색 열기" data-i18n-aria-label="control.open_search" aria-controls="controlRoomSearchInput" aria-expanded="false"><span aria-hidden="true">⌕</span></button>
+          </div>
+          <div class="control-room-pagination">
+            <output id="controlRoomPageSummary" class="control-room-page-summary" aria-live="polite">0–0 / 0</output>
+            <div class="control-room-page-buttons">
+              <button id="controlRoomPagePrev" type="button" aria-label="이전 실행 세션" data-i18n-aria-label="control.previous_page">‹</button>
+              <button id="controlRoomPageNext" type="button" aria-label="다음 실행 세션" data-i18n-aria-label="control.next_page">›</button>
+            </div>
+          </div>
+        </div>
+        <div id="agentMapToolbar" class="agent-map-toolbar">
           <div id="graphBreadcrumbs" class="graph-breadcrumbs" aria-label="에이전트 탐색 경로" data-i18n-aria-label="ui.agent_navigation_path"></div>
           <button id="graphResetBtn" class="graph-reset hidden" type="button" data-i18n="ui.back_to_task_list">작업 목록으로</button>
         </div>

package/renderer/styles-components.css

@@ -1018,7 +1018,7 @@ button[aria-busy="true"] {
   border-radius: 999px;
   background: color-mix(in srgb,var(--drawer-provider) 7%,#101720);
   color: color-mix(in srgb,var(--drawer-provider) 75%,#d9e3ec);
-  font-size: 11px !important;
+  font-size: 12px !important;
   font-weight: 700;
 }
 
@@ -1139,6 +1139,223 @@ button[aria-busy="true"] {
   animation: control-room-pulse 1.35s ease-in-out infinite;
 }
 
+.subagent-call-moment {
+  position: relative;
+  display: grid;
+  width: calc(100% - 43px);
+  margin-left: 43px;
+}
+
+.subagent-call-anchor {
+  display: grid;
+  grid-template-columns: 28px minmax(0,1fr);
+  align-items: start;
+  gap: 9px;
+  padding: 10px 12px;
+  border: 1px solid #263443;
+  border-left: 3px solid color-mix(in srgb,var(--drawer-provider) 68%,#6f8ca4);
+  border-radius: 10px;
+  background: #0b1119;
+}
+
+.subagent-call-anchor > span {
+  width: 27px;
+  height: 27px;
+  display: grid;
+  place-items: center;
+  border-radius: 8px;
+  background: color-mix(in srgb,var(--drawer-provider) 12%,#17212c);
+  color: var(--drawer-provider);
+  font-size: 9px;
+  font-weight: 800;
+}
+
+.subagent-call-anchor small {
+  display: block;
+  margin-bottom: 4px;
+  color: color-mix(in srgb,var(--drawer-provider) 70%,#9eb0bf);
+  font-size: 10px;
+  font-weight: 750;
+}
+
+.subagent-call-anchor blockquote {
+  margin: 0;
+  color: #aebbc8;
+  font-size: 11px;
+  line-height: 1.55;
+}
+
+.subagent-call-anchor.is-context-only {
+  align-items: center;
+}
+
+.subagent-call-anchor.is-context-only small {
+  margin: 5px 0 0;
+}
+
+.subagent-call-connector {
+  position: relative;
+  height: 24px;
+  display: grid;
+  place-items: center;
+}
+
+.subagent-call-connector i {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 25px;
+  width: 2px;
+  background: color-mix(in srgb,var(--drawer-provider) 55%,#34495c);
+}
+
+.subagent-call-connector b {
+  position: relative;
+  z-index: 1;
+  width: 20px;
+  height: 20px;
+  display: grid;
+  place-items: center;
+  border: 1px solid color-mix(in srgb,var(--drawer-provider) 55%,#3c5368);
+  border-radius: 50%;
+  background: #101821;
+  color: var(--drawer-provider);
+  font-size: 10px;
+}
+
+.subagent-call-moment.is-inline .subagent-call-connector {
+  height: 18px;
+}
+
+.subagent-call-moment.is-inline .subagent-call-connector i {
+  left: 16px;
+}
+
+.subagent-call-event {
+  display: grid;
+  grid-template-columns: 34px minmax(0,1fr) auto;
+  align-items: center;
+  gap: 11px;
+  width: 100%;
+  padding: 11px 12px;
+  border: 2px solid color-mix(in srgb,var(--drawer-provider) 52%,#2a4658);
+  border-radius: 11px;
+  background: linear-gradient(135deg,color-mix(in srgb,var(--drawer-provider) 16%,#101822),#0d141d);
+  color: inherit;
+  text-align: left;
+}
+
+button.subagent-call-event {
+  cursor: pointer;
+  transition: border-color var(--motion-fast) ease, transform var(--motion-fast) ease, background var(--motion-fast) ease;
+}
+
+button.subagent-call-event:hover,
+button.subagent-call-event:focus-visible {
+  border-color: color-mix(in srgb,var(--drawer-provider) 62%,#45627a);
+  background: linear-gradient(135deg,color-mix(in srgb,var(--drawer-provider) 15%,#111b26),#101923);
+  transform: translateY(-1px);
+}
+
+.subagent-call-event.is-unavailable {
+  opacity: .72;
+}
+
+.subagent-call-icon {
+  width: 32px;
+  height: 32px;
+  display: grid;
+  place-items: center;
+  border: 1px solid color-mix(in srgb,var(--drawer-provider) 38%,#304154);
+  border-radius: 9px;
+  background: color-mix(in srgb,var(--drawer-provider) 9%,#151d28);
+  color: var(--drawer-provider);
+  font-size: 16px;
+}
+
+.subagent-call-copy,
+.subagent-call-action {
+  min-width: 0;
+}
+
+.subagent-call-copy small,
+.subagent-call-copy b,
+.subagent-call-copy > span,
+.subagent-call-action em,
+.subagent-call-action strong {
+  display: block;
+}
+
+.subagent-call-copy small {
+  margin-bottom: 3px;
+  color: #7f8ea1;
+  font-size: 10px;
+  font-weight: 650;
+}
+
+.subagent-call-copy .subagent-call-timing {
+  width: fit-content;
+  margin-bottom: 4px;
+  padding: 3px 7px;
+  border: 1px solid rgba(244,168,93,.4);
+  border-radius: 999px;
+  background: rgba(151,83,31,.17);
+  color: #f2b16f;
+  font-size: 11px;
+  font-weight: 800;
+}
+
+.subagent-call-copy .subagent-call-clock {
+  margin: 0 0 5px;
+  color: #77889b;
+  font-size: 10px;
+}
+
+.subagent-call-copy b {
+  overflow: hidden;
+  color: #e0e8ef;
+  font-size: 12px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.subagent-call-copy > span {
+  margin-top: 4px;
+  overflow: hidden;
+  color: #8e9daf;
+  font-size: 11px;
+  line-height: 1.45;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.subagent-call-action {
+  display: grid;
+  justify-items: end;
+  gap: 4px;
+}
+
+.subagent-call-action em {
+  color: #7f90a3;
+  font-size: 10px;
+  font-style: normal;
+}
+
+.subagent-call-action em.status-running,
+.subagent-call-action em.status-starting {
+  color: #66d9a8;
+}
+
+.subagent-call-action em.status-completed {
+  color: #8ba1b5;
+}
+
+.subagent-call-action strong {
+  color: color-mix(in srgb,var(--drawer-provider) 75%,#dbe6ef);
+  font-size: 11px;
+  white-space: nowrap;
+}
+
 .chat-row.system .chat-avatar {
   color: #67d6b0;
 }