claude-controller 0.2.0 → 0.3.0

package/web/static/goals.js

@@ -0,0 +1,300 @@
+/* ═══════════════════════════════════════════════
+   Goals — 목표 관리 UI (CRUD + DAG 트리 뷰 + Gate 승인)
+   ═══════════════════════════════════════════════ */
+
+let _goalFilter = 'all';
+let _goalsCache = [];
+let _goalPollTimer = null;
+
+/* ── Status helpers ── */
+const _GOAL_STATUS_ICON = {
+  pending: 'pending', planning: 'planning', ready: 'ready',
+  running: 'running', gate_waiting: 'gate_waiting', evaluating: 'evaluating',
+  completed: 'completed', failed: 'failed', cancelled: 'cancelled',
+};
+
+function _isActiveGoal(g) {
+  return !['completed', 'failed', 'cancelled'].includes(g.status);
+}
+
+/* ── Fetch & Render ── */
+async function loadGoals() {
+  try {
+    const data = await fetchGoals();
+    _goalsCache = Array.isArray(data) ? data : (data.goals || []);
+    renderGoals();
+    _updateGoalCount();
+    _startGoalPoll();
+  } catch (e) {
+    const list = document.getElementById('goalList');
+    if (list) list.innerHTML = `<div class="goal-empty">${t('msg_goal_failed')}: ${e.message}</div>`;
+  }
+}
+
+function _updateGoalCount() {
+  const el = document.getElementById('goalCount');
+  if (!el) return;
+  const active = _goalsCache.filter(_isActiveGoal).length;
+  el.textContent = active > 0 ? `${active}` : '';
+}
+
+function renderGoals() {
+  const list = document.getElementById('goalList');
+  if (!list) return;
+
+  const filtered = _goalFilter === 'all' ? _goalsCache
+    : _goalFilter === 'active' ? _goalsCache.filter(_isActiveGoal)
+    : _goalFilter === 'done' ? _goalsCache.filter(g => g.status === 'completed')
+    : _goalsCache.filter(g => g.status === 'cancelled');
+
+  if (filtered.length === 0) {
+    list.innerHTML = `<div class="goal-empty">${t('goal_no_goals')}</div>`;
+    return;
+  }
+
+  list.innerHTML = filtered.map(g => _renderGoalCard(g)).join('');
+}
+
+function _renderGoalCard(g) {
+  const statusLabel = t(`goal_status_${g.status}`) || g.status;
+  const modeLabel = t(`goal_mode_${g.mode}`) || g.mode;
+  const progress = _calcProgress(g);
+  const progressClass = g.status === 'completed' ? 'done' : g.status === 'failed' ? 'failed' : '';
+  const created = g.created_at ? _timeAgo(g.created_at) : '';
+  const budget = g.budget_usd != null ? `$${Number(g.budget_usd).toFixed(2)}` : '';
+
+  let actions = '';
+  if (g.status === 'gate_waiting') {
+    actions += `<button class="btn btn-sm btn-primary" onclick="event.stopPropagation();onApproveGoal('${g.id}')">${t('goal_approve')}</button>`;
+  }
+  if (_isActiveGoal(g)) {
+    actions += `<button class="btn btn-sm" onclick="event.stopPropagation();onCancelGoal('${g.id}')" title="${t('goal_cancel')}"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></button>`;
+  }
+
+  return `<div class="goal-card" id="goal-${g.id}" onclick="toggleGoalDetail('${g.id}')">
+  <div class="goal-card-header">
+    <span class="goal-card-status ${g.status}"></span>
+    <div class="goal-card-body">
+      <div class="goal-card-objective">${_esc(g.objective)}</div>
+      <div class="goal-card-meta">
+        <span class="goal-mode-badge">${modeLabel}</span>
+        <span class="goal-status-label">${statusLabel}</span>
+        ${budget ? `<span>${budget}</span>` : ''}
+        ${created ? `<span>${created}</span>` : ''}
+      </div>
+      ${progress >= 0 ? `<div class="goal-progress-bar"><div class="goal-progress-fill ${progressClass}" style="width:${progress}%"></div></div>` : ''}
+    </div>
+    <div class="goal-card-actions">${actions}</div>
+  </div>
+  <div class="goal-detail" id="goal-detail-${g.id}"></div>
+</div>`;
+}
+
+function _calcProgress(g) {
+  const dag = g.dag || g.tasks;
+  if (!dag) return -1;
+  const tasks = Array.isArray(dag) ? dag : (dag.nodes || []);
+  if (tasks.length === 0) return 0;
+  const done = tasks.filter(t => t.status === 'completed').length;
+  return Math.round((done / tasks.length) * 100);
+}
+
+/* ── Detail toggle ── */
+async function toggleGoalDetail(id) {
+  const card = document.getElementById(`goal-${id}`);
+  if (!card) return;
+  if (card.classList.contains('expanded')) {
+    card.classList.remove('expanded');
+    return;
+  }
+  // collapse others
+  document.querySelectorAll('.goal-card.expanded').forEach(c => c.classList.remove('expanded'));
+  card.classList.add('expanded');
+
+  const detail = document.getElementById(`goal-detail-${id}`);
+  if (!detail) return;
+  detail.innerHTML = `<div style="color:var(--text-muted);font-size:0.72rem;">...</div>`;
+
+  try {
+    const goal = await getGoal(id);
+    detail.innerHTML = _renderGoalDetail(goal);
+  } catch (e) {
+    detail.innerHTML = `<div style="color:var(--red);font-size:0.72rem;">${e.message}</div>`;
+  }
+}
+
+function _renderGoalDetail(g) {
+  let html = '';
+
+  // Success criteria
+  if (g.success_criteria && g.success_criteria.length) {
+    html += `<div style="margin-bottom:10px;"><div style="font-size:0.72rem;font-weight:500;color:var(--text-secondary);margin-bottom:4px;">Success Criteria</div>`;
+    html += g.success_criteria.map(c => `<div style="font-size:0.7rem;color:var(--text-muted);padding-left:8px;">• ${_esc(c)}</div>`).join('');
+    html += `</div>`;
+  }
+
+  // DAG tree
+  const tasks = g.dag?.nodes || g.tasks || g.next_tasks || [];
+  if (tasks.length > 0) {
+    html += `<div style="font-size:0.72rem;font-weight:500;color:var(--text-secondary);margin-bottom:4px;">${t('goal_dag')}</div>`;
+    html += `<div class="dag-tree">${_renderDagTree(tasks)}</div>`;
+  }
+
+  // Context
+  if (g.context && Object.keys(g.context).length) {
+    html += `<div style="margin-top:10px;font-size:0.68rem;color:var(--text-muted);font-family:var(--font-mono,monospace);white-space:pre-wrap;max-height:100px;overflow:auto;">${_esc(JSON.stringify(g.context, null, 2))}</div>`;
+  }
+
+  if (!html) {
+    html = `<div style="font-size:0.72rem;color:var(--text-muted);">${t('goal_status_' + g.status)}</div>`;
+  }
+
+  return html;
+}
+
+/* ── DAG Tree Rendering (pure CSS tree) ── */
+function _renderDagTree(nodes) {
+  if (!nodes || nodes.length === 0) return '';
+  // Build adjacency: find root nodes (no dependencies or deps all outside)
+  const nodeMap = {};
+  nodes.forEach(n => { nodeMap[n.id || n.task_id] = n; });
+  const childSet = new Set();
+  nodes.forEach(n => {
+    (n.depends_on || n.dependencies || []).forEach(dep => childSet.add(n.id || n.task_id));
+  });
+  const roots = nodes.filter(n => {
+    const deps = n.depends_on || n.dependencies || [];
+    return deps.length === 0;
+  });
+
+  if (roots.length === 0) {
+    // no dependency info — render flat
+    return `<ul>${nodes.map(n => _dagNodeLi(n)).join('')}</ul>`;
+  }
+
+  // Build children map
+  const children = {};
+  nodes.forEach(n => {
+    (n.depends_on || n.dependencies || []).forEach(dep => {
+      if (!children[dep]) children[dep] = [];
+      children[dep].push(n);
+    });
+  });
+
+  function buildUl(nodeList) {
+    return `<ul>${nodeList.map(n => {
+      const nid = n.id || n.task_id;
+      const kids = children[nid] || [];
+      return `<li>${_dagNodeHtml(n)}${kids.length ? buildUl(kids) : ''}</li>`;
+    }).join('')}</ul>`;
+  }
+
+  return buildUl(roots);
+}
+
+function _dagNodeLi(n) {
+  return `<li>${_dagNodeHtml(n)}</li>`;
+}
+
+function _dagNodeHtml(n) {
+  const status = n.status || 'pending';
+  const label = n.description || n.title || n.objective || n.id || n.task_id || '?';
+  const type = n.worker_type || n.type || '';
+  return `<span class="dag-node"><span class="dag-node-dot ${status}"></span><span class="dag-node-label">${_esc(label)}</span>${type ? `<span class="dag-node-type">${_esc(type)}</span>` : ''}</span>`;
+}
+
+/* ── Goal Create ── */
+function toggleGoalForm() {
+  const form = document.getElementById('goalCreateForm');
+  if (!form) return;
+  form.classList.toggle('visible');
+  if (form.classList.contains('visible')) {
+    const input = document.getElementById('goalObjectiveInput');
+    if (input) input.focus();
+  }
+}
+
+async function submitGoalForm() {
+  const objective = (document.getElementById('goalObjectiveInput')?.value || '').trim();
+  if (!objective) return showToast(t('msg_prompt_required'), 'error');
+
+  const mode = document.getElementById('goalModeSelect')?.value || 'gate';
+  const budget = parseFloat(document.getElementById('goalBudgetInput')?.value) || 5.0;
+
+  try {
+    await createGoal(objective, mode, { budget_usd: budget });
+    showToast(t('msg_goal_created'));
+    document.getElementById('goalObjectiveInput').value = '';
+    document.getElementById('goalCreateForm')?.classList.remove('visible');
+    loadGoals();
+  } catch (e) {
+    showToast(`${t('msg_goal_failed')}: ${e.message}`, 'error');
+  }
+}
+
+/* ── Goal Actions ── */
+async function onApproveGoal(id) {
+  try {
+    await approveGoal(id);
+    showToast(t('msg_goal_approved'));
+    loadGoals();
+  } catch (e) {
+    showToast(`${t('msg_goal_failed')}: ${e.message}`, 'error');
+  }
+}
+
+async function onCancelGoal(id) {
+  if (!confirm(t('goal_confirm_cancel'))) return;
+  try {
+    await cancelGoal(id);
+    showToast(t('msg_goal_cancelled'));
+    loadGoals();
+  } catch (e) {
+    showToast(`${t('msg_goal_failed')}: ${e.message}`, 'error');
+  }
+}
+
+/* ── Filter ── */
+function setGoalFilter(filter) {
+  _goalFilter = filter;
+  document.querySelectorAll('.goal-filter-btn').forEach(btn => {
+    btn.classList.toggle('active', btn.dataset.filter === filter);
+  });
+  renderGoals();
+}
+
+/* ── Polling (active goals) ── */
+function _startGoalPoll() {
+  if (_goalPollTimer) return;
+  const hasActive = _goalsCache.some(_isActiveGoal);
+  if (!hasActive) return;
+  _goalPollTimer = setInterval(async () => {
+    try {
+      const data = await fetchGoals();
+      _goalsCache = Array.isArray(data) ? data : (data.goals || []);
+      renderGoals();
+      _updateGoalCount();
+      if (!_goalsCache.some(_isActiveGoal)) _stopGoalPoll();
+    } catch { /* silent */ }
+  }, 5000);
+}
+
+function _stopGoalPoll() {
+  if (_goalPollTimer) { clearInterval(_goalPollTimer); _goalPollTimer = null; }
+}
+
+/* ── Util ── */
+function _esc(s) {
+  if (!s) return '';
+  const d = document.createElement('div');
+  d.textContent = String(s);
+  return d.innerHTML;
+}
+
+function _timeAgo(ts) {
+  const sec = Math.floor(Date.now() / 1000 - ts);
+  if (sec < 60) return `${sec}s`;
+  if (sec < 3600) return `${Math.floor(sec / 60)}m`;
+  if (sec < 86400) return `${Math.floor(sec / 3600)}h`;
+  return `${Math.floor(sec / 86400)}d`;
+}

package/web/static/i18n.js

@@ -17,6 +17,11 @@ const I18N = {
     disconnect:'연결 해제', connect:'연결', settings:'설정',
     language_settings:'언어 설정', display_language:'표시 언어',
     display_language_desc:'인터페이스에 표시되는 언어를 선택합니다',
+    webhook_settings:'웹훅 설정', webhook_url:'Webhook URL',
+    webhook_url_desc:'작업 완료/실패 시 결과를 POST할 URL',
+    webhook_secret:'Webhook Secret', webhook_secret_desc:'HMAC-SHA256 서명용 비밀 키 (선택사항)',
+    webhook_events:'이벤트 필터', webhook_events_desc:'웹훅을 보낼 이벤트 (done, failed)',
+    webhook_test:'연결 테스트', webhook_test_desc:'설정된 URL로 테스트 이벤트를 전송합니다',
     close:'닫기', save:'저장', select_session:'세션 선택',
     this_project_only:'이 프로젝트만', search_prompt:'프롬프트 검색...',
     msg_settings_saved:'설정이 저장되었습니다', msg_settings_save_failed:'설정 저장 실패',
@@ -40,6 +45,61 @@ const I18N = {
     msg_service_restart:'서비스 재시작 요청 완료', msg_service_failed:'서비스 요청 실패',
     status_running:'실행 중', status_done:'완료', status_failed:'실패', status_pending:'대기 중',
     no_jobs:'작업이 없습니다', connected_to:'연결됨', no_project:'프로젝트 미지정',
+    conn_lost:'서버 연결이 끊어졌습니다. 재연결 시도 중...',
+    all_projects:'전체 프로젝트',
+    presets:'프리셋', automations:'자동화', save_as_preset:'프리셋 저장',
+    confirm_delete_job:'이 작업을 삭제하시겠습니까?', confirm_delete_completed:'완료된 작업을 모두 삭제하시겠습니까?',
+    err_show_log:'상세 로그 보기',
+    stream_no_output:'출력 데이터 없음',
+    checkpoints:'체크포인트', diff_viewer:'Diff 뷰어', diff_compare:'비교',
+    diff_no_checkpoints:'체크포인트가 없습니다.', diff_select_hint:'두 체크포인트를 선택하여 비교하세요.',
+    diff_loading:'Diff를 불러오는 중...', diff_no_changes:'변경사항이 없습니다.',
+    diff_files:'파일', diff_additions:'추가', diff_deletions:'삭제',
+    stream_job_done:'작업 완료', stream_job_failed:'작업 실패',
+    stream_copy_all:'전체 복사', stream_delete_job:'작업 제거',
+    stream_followup_label:'이어서',
+    stream_followup_placeholder:'이 세션에 이어서 실행할 명령... (파일/이미지 붙여넣기 가능)',
+    stream_load_failed:'스트림 데이터를 불러오지 못했습니다',
+    stream_retry:'다시 시도', stream_reconnect:'다시 연결',
+    stat_jobs_summary:'{total} 작업 ({running} 실행)',
+    stat_success:'성공 {pct}%',
+    pd_total:'전체', pd_running:'실행 중', pd_done:'완료', pd_failed:'실패',
+    pd_avg:'평균', pd_success_rate:'성공률', pd_registered:'등록',
+    pd_send_task:'작업 전송', pd_send_task_title:'이 프로젝트에 작업 전송', pd_show_all_title:'전체 프로젝트 보기',
+    pd_other:'기타',
+    job_retry:'다시 실행', job_retry_title:'같은 프롬프트로 다시 실행',
+    job_resume_title:'세션 이어서 명령 (resume)', job_fork_title:'이 세션에서 분기 (fork)',
+    job_delete_title:'작업 제거',
+    job_zombie:'응답 없음', job_zombie_title:'5분 이상 응답 없음 — 프로세스 확인 필요',
+    job_dep_title:'선행 작업: {deps}',
+    job_count:'{n}건',
+    job_count_filtered:'{filtered}/{total}건',
+    stream_loading:'스트림 데이터를 불러오는 중...',
+    stream_preview_wait:'대기 중...',
+    msg_resume_mode:'Resume 모드: {sid} 세션에 이어서 전송합니다.',
+    // Goals
+    goals:'목표', goal_create:'목표 생성', goal_objective:'목표', goal_mode:'실행 모드',
+    goal_budget:'예산 (USD)', goal_max_tasks:'최대 태스크 수',
+    goal_mode_full_auto:'완전 자율', goal_mode_gate:'단계별 승인', goal_mode_watch:'관찰 모드', goal_mode_pair:'페어 모드',
+    goal_status_pending:'대기', goal_status_planning:'계획 중', goal_status_ready:'준비 완료',
+    goal_status_running:'실행 중', goal_status_gate_waiting:'승인 대기', goal_status_evaluating:'평가 중',
+    goal_status_completed:'완료', goal_status_failed:'실패', goal_status_cancelled:'취소됨',
+    goal_approve:'승인', goal_cancel:'취소', goal_no_goals:'등록된 목표가 없습니다.',
+    goal_dag:'실행 계획 (DAG)', goal_tasks:'태스크', goal_progress:'진행률',
+    goal_filter_all:'전체', goal_filter_active:'진행 중', goal_filter_done:'완료', goal_filter_cancelled:'취소',
+    goal_create_placeholder:'달성하고자 하는 목표를 입력하세요...',
+    goal_confirm_cancel:'이 목표를 취소하시겠습니까?',
+    msg_goal_created:'목표가 생성되었습니다.', msg_goal_approved:'다음 단계가 승인되었습니다.',
+    msg_goal_cancelled:'목표가 취소되었습니다.', msg_goal_failed:'목표 작업 실패',
+    // Memory
+    memory:'메모리', memory_search:'메모리 검색', memory_add:'메모리 추가',
+    memory_type:'유형', memory_title:'제목', memory_content:'내용', memory_tags:'태그',
+    memory_project:'프로젝트', memory_type_decision:'결정', memory_type_pattern:'패턴',
+    memory_type_failure:'실패', memory_type_context:'맥락',
+    memory_no_items:'저장된 메모리가 없습니다.', memory_search_placeholder:'키워드로 검색...',
+    memory_confirm_delete:'이 메모리를 삭제하시겠습니까?',
+    msg_memory_created:'메모리가 저장되었습니다.', msg_memory_deleted:'메모리가 삭제되었습니다.',
+    msg_memory_updated:'메모리가 수정되었습니다.', msg_memory_failed:'메모리 작업 실패',
   },
   en: {
     title:'Controller Service', send_task:'Send Task', prompt:'Prompt',
@@ -55,6 +115,11 @@ const I18N = {
     disconnect:'Disconnect', connect:'Connect', settings:'Settings',
     language_settings:'Language', display_language:'Display Language',
     display_language_desc:'Select the language for the interface',
+    webhook_settings:'Webhook Settings', webhook_url:'Webhook URL',
+    webhook_url_desc:'URL to POST results when a job completes or fails',
+    webhook_secret:'Webhook Secret', webhook_secret_desc:'Secret key for HMAC-SHA256 signature (optional)',
+    webhook_events:'Event Filter', webhook_events_desc:'Events to send webhooks for (done, failed)',
+    webhook_test:'Test Connection', webhook_test_desc:'Send a test event to the configured URL',
     close:'Close', save:'Save', select_session:'Select Session',
     this_project_only:'This project only', search_prompt:'Search prompts...',
     msg_settings_saved:'Settings saved', msg_settings_save_failed:'Failed to save settings',
@@ -78,6 +143,61 @@ const I18N = {
     msg_service_restart:'Service restart requested', msg_service_failed:'Service request failed',
     status_running:'Running', status_done:'Done', status_failed:'Failed', status_pending:'Pending',
     no_jobs:'No jobs', connected_to:'Connected', no_project:'No project',
+    conn_lost:'Server connection lost. Reconnecting...',
+    all_projects:'All Projects',
+    presets:'Presets', automations:'Automations', save_as_preset:'Save Preset',
+    confirm_delete_job:'Delete this job?', confirm_delete_completed:'Delete all completed jobs?',
+    err_show_log:'Show detailed log',
+    stream_no_output:'No output data',
+    checkpoints:'Checkpoints', diff_viewer:'Diff Viewer', diff_compare:'Compare',
+    diff_no_checkpoints:'No checkpoints found.', diff_select_hint:'Select two checkpoints to compare.',
+    diff_loading:'Loading diff...', diff_no_changes:'No changes.',
+    diff_files:'files', diff_additions:'additions', diff_deletions:'deletions',
+    stream_job_done:'Job Complete', stream_job_failed:'Job Failed',
+    stream_copy_all:'Copy All', stream_delete_job:'Delete Job',
+    stream_followup_label:'Follow Up',
+    stream_followup_placeholder:'Enter a command to continue in this session... (paste files/images)',
+    stream_load_failed:'Failed to load stream data',
+    stream_retry:'Retry', stream_reconnect:'Reconnect',
+    stat_jobs_summary:'{total} jobs ({running} running)',
+    stat_success:'Success {pct}%',
+    pd_total:'Total', pd_running:'Running', pd_done:'Done', pd_failed:'Failed',
+    pd_avg:'Avg', pd_success_rate:'Success Rate', pd_registered:'Registered',
+    pd_send_task:'Send Task', pd_send_task_title:'Send task to this project', pd_show_all_title:'View all projects',
+    pd_other:'Other',
+    job_retry:'Retry', job_retry_title:'Re-run with the same prompt',
+    job_resume_title:'Continue session (resume)', job_fork_title:'Branch from this session (fork)',
+    job_delete_title:'Delete job',
+    job_zombie:'No Response', job_zombie_title:'No response for 5+ minutes — check process',
+    job_dep_title:'Depends on: {deps}',
+    job_count:'{n}',
+    job_count_filtered:'{filtered}/{total}',
+    stream_loading:'Loading stream data...',
+    stream_preview_wait:'Waiting...',
+    msg_resume_mode:'Resume mode: continuing session {sid}',
+    // Goals
+    goals:'Goals', goal_create:'Create Goal', goal_objective:'Objective', goal_mode:'Mode',
+    goal_budget:'Budget (USD)', goal_max_tasks:'Max Tasks',
+    goal_mode_full_auto:'Full Auto', goal_mode_gate:'Gate', goal_mode_watch:'Watch', goal_mode_pair:'Pair',
+    goal_status_pending:'Pending', goal_status_planning:'Planning', goal_status_ready:'Ready',
+    goal_status_running:'Running', goal_status_gate_waiting:'Awaiting Approval', goal_status_evaluating:'Evaluating',
+    goal_status_completed:'Completed', goal_status_failed:'Failed', goal_status_cancelled:'Cancelled',
+    goal_approve:'Approve', goal_cancel:'Cancel', goal_no_goals:'No goals registered.',
+    goal_dag:'Execution Plan (DAG)', goal_tasks:'Tasks', goal_progress:'Progress',
+    goal_filter_all:'All', goal_filter_active:'Active', goal_filter_done:'Done', goal_filter_cancelled:'Cancelled',
+    goal_create_placeholder:'Describe the goal you want to achieve...',
+    goal_confirm_cancel:'Cancel this goal?',
+    msg_goal_created:'Goal created.', msg_goal_approved:'Next stage approved.',
+    msg_goal_cancelled:'Goal cancelled.', msg_goal_failed:'Goal operation failed',
+    // Memory
+    memory:'Memory', memory_search:'Search Memory', memory_add:'Add Memory',
+    memory_type:'Type', memory_title:'Title', memory_content:'Content', memory_tags:'Tags',
+    memory_project:'Project', memory_type_decision:'Decision', memory_type_pattern:'Pattern',
+    memory_type_failure:'Failure', memory_type_context:'Context',
+    memory_no_items:'No memories stored.', memory_search_placeholder:'Search by keyword...',
+    memory_confirm_delete:'Delete this memory?',
+    msg_memory_created:'Memory saved.', msg_memory_deleted:'Memory deleted.',
+    msg_memory_updated:'Memory updated.', msg_memory_failed:'Memory operation failed',
   },
   ja: {
     title:'Controller Service', send_task:'新しいタスク送信', prompt:'プロンプト',
@@ -116,6 +236,34 @@ const I18N = {
     msg_service_restart:'サービス再起動を要求', msg_service_failed:'サービスリクエスト失敗',
     status_running:'実行中', status_done:'完了', status_failed:'失敗', status_pending:'待機中',
     no_jobs:'ジョブがありません', connected_to:'接続済み', no_project:'プロジェクト未指定',
+    conn_lost:'サーバー接続が切断されました。再接続中...',
+    all_projects:'全プロジェクト',
+    presets:'プリセット', automations:'自動化', save_as_preset:'プリセット保存',
+    confirm_delete_job:'このジョブを削除しますか？', confirm_delete_completed:'完了したジョブをすべて削除しますか？',
+    err_show_log:'詳細ログを表示',
+    stream_no_output:'出力データなし',
+    stream_job_done:'ジョブ完了', stream_job_failed:'ジョブ失敗',
+    stream_copy_all:'全体コピー', stream_delete_job:'ジョブ削除',
+    stream_followup_label:'続行',
+    stream_followup_placeholder:'このセッションで続行するコマンドを入力... (ファイル/画像の貼り付け可)',
+    stream_load_failed:'ストリームデータの読み込みに失敗しました',
+    stream_retry:'再試行', stream_reconnect:'再接続',
+    stat_jobs_summary:'{total} ジョブ ({running} 実行中)',
+    stat_success:'成功 {pct}%',
+    pd_total:'全体', pd_running:'実行中', pd_done:'完了', pd_failed:'失敗',
+    pd_avg:'平均', pd_success_rate:'成功率', pd_registered:'登録済み',
+    pd_send_task:'タスク送信', pd_send_task_title:'このプロジェクトにタスク送信', pd_show_all_title:'全プロジェクト表示',
+    pd_other:'その他',
+    job_retry:'再実行', job_retry_title:'同じプロンプトで再実行',
+    job_resume_title:'セッション続行 (resume)', job_fork_title:'このセッションから分岐 (fork)',
+    job_delete_title:'ジョブ削除',
+    job_zombie:'応答なし', job_zombie_title:'5分以上応答なし — プロセスを確認してください',
+    job_dep_title:'先行タスク: {deps}',
+    job_count:'{n}件',
+    job_count_filtered:'{filtered}/{total}件',
+    stream_loading:'ストリームデータを読み込み中...',
+    stream_preview_wait:'待機中...',
+    msg_resume_mode:'Resumeモード: {sid} セッションに続行します。',
   },
   'zh-CN': {
     title:'Controller Service', send_task:'发送任务', prompt:'提示词',
@@ -152,6 +300,34 @@ const I18N = {
     msg_service_restart:'服务重启请求已完成', msg_service_failed:'服务请求失败',
     status_running:'运行中', status_done:'完成', status_failed:'失败', status_pending:'等待中',
     no_jobs:'没有任务', connected_to:'已连接', no_project:'未指定项目',
+    conn_lost:'服务器连接已断开，正在重新连接...',
+    all_projects:'全部项目',
+    presets:'预设', automations:'自动化', save_as_preset:'保存预设',
+    confirm_delete_job:'此任务要删除吗？', confirm_delete_completed:'删除所有已完成的任务吗？',
+    err_show_log:'详细日志查看',
+    stream_no_output:'无输出数据',
+    stream_job_done:'任务完成', stream_job_failed:'任务失败',
+    stream_copy_all:'全部复制', stream_delete_job:'删除任务',
+    stream_followup_label:'继续',
+    stream_followup_placeholder:'输入继续执行的命令... (可粘贴文件/图片)',
+    stream_load_failed:'无法加载流数据',
+    stream_retry:'重试', stream_reconnect:'重新连接',
+    stat_jobs_summary:'{total} 任务 ({running} 运行中)',
+    stat_success:'成�� {pct}%',
+    pd_total:'总计', pd_running:'运行中', pd_done:'完成', pd_failed:'��败',
+    pd_avg:'平均', pd_success_rate:'成功率', pd_registered:'已注册',
+    pd_send_task:'发送任务', pd_send_task_title:'向此项目发送任务', pd_show_all_title:'查看全部项目',
+    pd_other:'其他',
+    job_retry:'重新执行', job_retry_title:'使用相同提示词重��执行',
+    job_resume_title:'继续会话 (resume)', job_fork_title:'从此会话分支 (fork)',
+    job_delete_title:'删除任务',
+    job_zombie:'无响应', job_zombie_title:'超过5分钟无响应 — 请检查进程',
+    job_dep_title:'前置任务: {deps}',
+    job_count:'{n}个',
+    job_count_filtered:'{filtered}/{total}个',
+    stream_loading:'正在加载流数据...',
+    stream_preview_wait:'等待中...',
+    msg_resume_mode:'Resume模式: 继续会话 {sid}',
   },
   'zh-TW': {
     title:'Controller Service', send_task:'傳送任務', prompt:'提示詞',
@@ -188,6 +364,34 @@ const I18N = {
     msg_service_restart:'服務重新啟動請求已完成', msg_service_failed:'服務請求失敗',
     status_running:'執行中', status_done:'完成', status_failed:'失敗', status_pending:'等待中',
     no_jobs:'沒有任務', connected_to:'已連線', no_project:'未指定專案',
+    conn_lost:'伺服器連線已中斷，正在重新連線...',
+    all_projects:'全部專案',
+    presets:'預設', automations:'自動化', save_as_preset:'儲存預設',
+    confirm_delete_job:'此任務要刪除嗎？', confirm_delete_completed:'刪除所有已完成的任務嗎？',
+    err_show_log:'詳細日誌查看',
+    stream_no_output:'無輸出資料',
+    stream_job_done:'任務完成', stream_job_failed:'任務失敗',
+    stream_copy_all:'全部複製', stream_delete_job:'刪除任務',
+    stream_followup_label:'繼續',
+    stream_followup_placeholder:'輸入繼續執行的命令... (可貼上檔案/圖片)',
+    stream_load_failed:'無法載入串流資料',
+    stream_retry:'重試', stream_reconnect:'重新連線',
+    stat_jobs_summary:'{total} 任務 ({running} 執行中)',
+    stat_success:'成功 {pct}%',
+    pd_total:'全部', pd_running:'執行中', pd_done:'完成', pd_failed:'失敗',
+    pd_avg:'平均', pd_success_rate:'成功率', pd_registered:'已註冊',
+    pd_send_task:'傳送任務', pd_send_task_title:'向此專案傳送任務', pd_show_all_title:'檢視全部專案',
+    pd_other:'其他',
+    job_retry:'重新執行', job_retry_title:'使用相同提示詞重新執行',
+    job_resume_title:'繼續工作階段 (resume)', job_fork_title:'從此工作階段分支 (fork)',
+    job_delete_title:'刪除任務',
+    job_zombie:'無回應', job_zombie_title:'超過5分鐘無回應 — 請檢查程序',
+    job_dep_title:'前置任務: {deps}',
+    job_count:'{n}個',
+    job_count_filtered:'{filtered}/{total}個',
+    stream_loading:'正在載入串流資料...',
+    stream_preview_wait:'等待中...',
+    msg_resume_mode:'Resume模式: 繼續工作階段 {sid}',
   },
   es: {
     title:'Controller Service', send_task:'Enviar Tarea', prompt:'Prompt',
@@ -225,6 +429,34 @@ const I18N = {
     msg_service_restart:'Servicio reiniciado', msg_service_failed:'Error de servicio',
     status_running:'Ejecutando', status_done:'Completado', status_failed:'Fallido', status_pending:'Pendiente',
     no_jobs:'Sin tareas', connected_to:'Conectado', no_project:'Sin proyecto',
+    conn_lost:'Conexión con el servidor perdida. Reconectando...',
+    all_projects:'Todos los Proyectos',
+    presets:'Presets', automations:'Automatizaciones', save_as_preset:'Guardar Preset',
+    confirm_delete_job:'¿Eliminar esta tarea?', confirm_delete_completed:'¿Eliminar todas las tareas completadas?',
+    err_show_log:'Ver registro detallado',
+    stream_no_output:'Sin datos de salida',
+    stream_job_done:'Tarea Completada', stream_job_failed:'Tarea Fallida',
+    stream_copy_all:'Copiar Todo', stream_delete_job:'Eliminar Tarea',
+    stream_followup_label:'Continuar',
+    stream_followup_placeholder:'Ingrese un comando para continuar en esta sesión... (pegue archivos/imágenes)',
+    stream_load_failed:'No se pudieron cargar los datos del stream',
+    stream_retry:'Reintentar', stream_reconnect:'Reconectar',
+    stat_jobs_summary:'{total} tareas ({running} ejecutando)',
+    stat_success:'Éxito {pct}%',
+    pd_total:'Total', pd_running:'Ejecutando', pd_done:'Completado', pd_failed:'Fallido',
+    pd_avg:'Promedio', pd_success_rate:'Tasa de Éxito', pd_registered:'Registrado',
+    pd_send_task:'Enviar Tarea', pd_send_task_title:'Enviar tarea a este proyecto', pd_show_all_title:'Ver todos los proyectos',
+    pd_other:'Otros',
+    job_retry:'Reintentar', job_retry_title:'Re-ejecutar con el mismo prompt',
+    job_resume_title:'Continuar sesión (resume)', job_fork_title:'Bifurcar desde esta sesión (fork)',
+    job_delete_title:'Eliminar tarea',
+    job_zombie:'Sin respuesta', job_zombie_title:'Sin respuesta por más de 5 minutos — verificar proceso',
+    job_dep_title:'Depende de: {deps}',
+    job_count:'{n}',
+    job_count_filtered:'{filtered}/{total}',
+    stream_loading:'Cargando datos del stream...',
+    stream_preview_wait:'Esperando...',
+    msg_resume_mode:'Modo Resume: continuando sesión {sid}',
   },
   fr: {
     title:'Controller Service', send_task:'Envoyer une Tâche', prompt:'Prompt',
@@ -262,6 +494,34 @@ const I18N = {
     msg_service_restart:'Redémarrage du service', msg_service_failed:'Échec du service',
     status_running:'En cours', status_done:'Terminé', status_failed:'Échoué', status_pending:'En attente',
     no_jobs:'Aucune tâche', connected_to:'Connecté', no_project:'Aucun projet',
+    conn_lost:'Connexion au serveur perdue. Reconnexion en cours...',
+    all_projects:'Tous les Projets',
+    presets:'Presets', automations:'Automatisations', save_as_preset:'Enregistrer le Preset',
+    confirm_delete_job:'Supprimer cette tâche ?', confirm_delete_completed:'Supprimer toutes les tâches terminées ?',
+    err_show_log:'Voir le journal détaillé',
+    stream_no_output:'Aucune donnée de sortie',
+    stream_job_done:'Tâche Terminée', stream_job_failed:'Tâche Échouée',
+    stream_copy_all:'Tout Copier', stream_delete_job:'Supprimer la Tâche',
+    stream_followup_label:'Continuer',
+    stream_followup_placeholder:'Entrez une commande pour continuer dans cette session... (collez fichiers/images)',
+    stream_load_failed:'Impossible de charger les données du stream',
+    stream_retry:'Réessayer', stream_reconnect:'Reconnecter',
+    stat_jobs_summary:'{total} tâches ({running} en cours)',
+    stat_success:'Réussite {pct}%',
+    pd_total:'Total', pd_running:'En cours', pd_done:'Terminé', pd_failed:'Échoué',
+    pd_avg:'Moyenne', pd_success_rate:'Taux de Réussite', pd_registered:'Enregistré',
+    pd_send_task:'Envoyer Tâche', pd_send_task_title:'Envoyer une tâche à ce projet', pd_show_all_title:'Voir tous les projets',
+    pd_other:'Autres',
+    job_retry:'Réessayer', job_retry_title:'Re-exécuter avec le même prompt',
+    job_resume_title:'Continuer la session (resume)', job_fork_title:'Bifurquer depuis cette session (fork)',
+    job_delete_title:'Supprimer la tâche',
+    job_zombie:'Pas de réponse', job_zombie_title:'Pas de réponse depuis 5+ minutes — vérifier le processus',
+    job_dep_title:'Dépend de : {deps}',
+    job_count:'{n}',
+    job_count_filtered:'{filtered}/{total}',
+    stream_loading:'Chargement des données du stream...',
+    stream_preview_wait:'En attente...',
+    msg_resume_mode:'Mode Resume : continuation de la session {sid}',
   },
   de: {
     title:'Controller Service', send_task:'Aufgabe senden', prompt:'Prompt',
@@ -299,6 +559,34 @@ const I18N = {
     msg_service_restart:'Dienstneustart angefordert', msg_service_failed:'Dienstanforderung fehlgeschlagen',
     status_running:'Läuft', status_done:'Fertig', status_failed:'Fehlgeschlagen', status_pending:'Wartend',
     no_jobs:'Keine Aufgaben', connected_to:'Verbunden', no_project:'Kein Projekt',
+    conn_lost:'Serververbindung verloren. Erneuter Verbindungsversuch...',
+    all_projects:'Alle Projekte',
+    presets:'Presets', automations:'Automatisierungen', save_as_preset:'Preset speichern',
+    confirm_delete_job:'Diese Aufgabe löschen?', confirm_delete_completed:'Alle erledigten Aufgaben löschen?',
+    err_show_log:'Detailliertes Protokoll anzeigen',
+    stream_no_output:'Keine Ausgabedaten',
+    stream_job_done:'Aufgabe Abgeschlossen', stream_job_failed:'Aufgabe Fehlgeschlagen',
+    stream_copy_all:'Alles Kopieren', stream_delete_job:'Aufgabe Löschen',
+    stream_followup_label:'Fortfahren',
+    stream_followup_placeholder:'Befehl zum Fortfahren in dieser Sitzung eingeben... (Dateien/Bilder einfügen)',
+    stream_load_failed:'Stream-Daten konnten nicht geladen werden',
+    stream_retry:'Wiederholen', stream_reconnect:'Erneut Verbinden',
+    stat_jobs_summary:'{total} Aufgaben ({running} laufend)',
+    stat_success:'Erfolg {pct}%',
+    pd_total:'Gesamt', pd_running:'Laufend', pd_done:'Fertig', pd_failed:'Fehlgeschlagen',
+    pd_avg:'Durchschn.', pd_success_rate:'Erfolgsrate', pd_registered:'Registriert',
+    pd_send_task:'Aufgabe senden', pd_send_task_title:'Aufgabe an dieses Projekt senden', pd_show_all_title:'Alle Projekte anzeigen',
+    pd_other:'Sonstige',
+    job_retry:'Wiederholen', job_retry_title:'Mit gleichem Prompt erneut ausführen',
+    job_resume_title:'Sitzung fortsetzen (resume)', job_fork_title:'Von dieser Sitzung abzweigen (fork)',
+    job_delete_title:'Aufgabe löschen',
+    job_zombie:'Keine Antwort', job_zombie_title:'Keine Antwort seit 5+ Minuten — Prozess überprüfen',
+    job_dep_title:'Abhängig von: {deps}',
+    job_count:'{n}',
+    job_count_filtered:'{filtered}/{total}',
+    stream_loading:'Stream-Daten werden geladen...',
+    stream_preview_wait:'Warten...',
+    msg_resume_mode:'Resume-Modus: Sitzung {sid} wird fortgesetzt',
   },
 };