orbit-codex-bridge 0.1.2 → 0.1.6

package/public/app.js

@@ -25,7 +25,7 @@ const paths = {
 const icon = name => `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">${paths[name] || paths.inbox}</svg>`;
 function decorate(parent = document) { parent.querySelectorAll('[data-icon]').forEach(element => { element.innerHTML = icon(element.dataset.icon); }); }
 function markdown(text) { return DOMPurify.sanitize(marked.parse(String(text || ''), { breaks: true }), { ALLOWED_TAGS: ['p','br','strong','b','em','i','s','del','ul','ol','li','blockquote','pre','code','h1','h2','h3','h4','h5','h6','hr','a','table','thead','tbody','tr','th','td','sup','sub','kbd','details','summary'], ALLOWED_ATTR: ['href','title','start','colspan','rowspan'], ALLOW_DATA_ATTR: false, ALLOW_ARIA_ATTR: false }); }
-const state = { threads: [], status: null, selected: null, selectionVersion: 0, historyStatus: 'idle', historyError: '', filter: 'all', project: null, search: '', view: 'sessions', socket: null, pending: new Map(), enabled: new Map(), baseMessages: [], olderMessages: [], cursor: null, liveMessages: new Map(), desktopMessages: [], desktopRuntime: null, selectedSettings: null, models: [], contextUsage: null, settingsBusy: false, reopenModelAfterGrant: false, pendingModelChoice: null, cloudMode: false, cloudUser: null, cloudDevices: [], cloudDeviceId: null, approvals: new Map(), reconnect: 0, loggedOut: false, busy: false, turnId: null };
+const state = { threads: [], status: null, selected: null, selectionVersion: 0, historyStatus: 'idle', historyError: '', filter: 'all', project: null, search: '', view: 'sessions', socket: null, pending: new Map(), enabled: new Map(), baseMessages: [], olderMessages: [], cursor: null, liveMessages: new Map(), desktopMessages: [], desktopRuntime: null, selectedSettings: null, goal:null, models: [], contextUsage: null, settingsBusy: false, reopenModelAfterGrant: false, pendingModelChoice: null, cloudMode: false, cloudUser: null, cloudDevices: [], cloudDeviceId: null, approvals: new Map(), pendingAttachments: [], reconnect: 0, loggedOut: false, busy: false, turnId: null };
 let refreshTimer;
 let toastTimer;
 let reconnectTimer;
@@ -314,12 +314,13 @@ function connectSocket() {
     if (message.method === 'turn/completed') { state.busy = false; state.turnId = null; updateMode(); scheduleRefresh(); }
     if (message.method === 'orbit/desktop' && state.status?.execution.mode === 'desktop') {
       state.desktopRuntime = params;
+      if(params.threadId===state.selected?.id)state.goal=params.attached?params.goal||null:null;
       if (!params.attached) { state.enabled.delete(params.threadId); state.selectedSettings = null; }
       if (params.attached) mergeDesktopMessages(params.messages || []);
       state.turnId = params.attached ? params.turnId : null;
       state.busy = Boolean(state.turnId);
       state.approvals = new Map((params.attached ? params.approvals || [] : []).map(approval => [approval.requestId, approval]));
-      renderMessages(); renderApprovals(); updateMode();
+      renderMessages();renderApprovals();renderList();updateMode();
     }
     if (message.method === 'thread/tokenUsage/updated' && state.status?.execution.mode !== 'desktop') {
       const usage = params.tokenUsage || params.tokenUsageInfo;
@@ -340,6 +341,7 @@ function connectSocket() {
         state.busy = false; state.turnId = null;
         state.reopenModelAfterGrant = false;
         state.desktopRuntime = {threadId:params.threadId,attached:false,reason:params.reason,reasonCode:params.reasonCode};
+        state.goal=null;renderGoalStatus();
         if (select('#model-dialog').open) select('#model-dialog').close();
         if (select('#control-dialog').open) select('#control-dialog').close();
         state.approvals.clear(); renderApprovals(); updateMode();
@@ -357,9 +359,15 @@ function connectSocket() {
       toast(params.error || '下一轮模型参数未应用，请重新选择。');
     }
     if (message.method === 'orbit/engine') {
-      if (state.status?.execution) state.status.execution.connected = Boolean(params.connected);
+      if (state.status?.execution) {
+        state.status.execution.connected = Boolean(params.connected);
+        if(params.desktopConnected!==undefined)state.status.execution.desktopConnected=Boolean(params.desktopConnected);
+        else if(params.mode==='desktop')state.status.execution.desktopConnected=Boolean(params.connected);
+        if(params.resumedConnected!==undefined)state.status.execution.resumedConnected=Boolean(params.resumedConnected);
+      }
       if (!params.connected) {
         state.enabled.clear(); state.desktopRuntime = null; state.selectedSettings = null; state.pendingModelChoice = null;
+        state.goal=null;renderGoalStatus();
         if (select('#model-dialog').open) select('#model-dialog').close();
         if (select('#control-dialog').open) select('#control-dialog').close();
         state.reopenModelAfterGrant = false;
@@ -368,6 +376,16 @@ function connectSocket() {
       }
       updateMode();
     }
+    if(message.method==='thread/goal/updated'&&params.threadId===state.selected?.id){
+      state.goal=params.goal||null;
+      if(state.desktopRuntime)state.desktopRuntime={...state.desktopRuntime,goal:state.goal};
+      renderGoalStatus();
+    }
+    if(message.method==='thread/goal/cleared'&&params.threadId===state.selected?.id){
+      state.goal=null;
+      if(state.desktopRuntime)state.desktopRuntime={...state.desktopRuntime,goal:null};
+      renderGoalStatus();
+    }
     if (message.method === 'orbit/approval') { state.approvals.set(params.requestId, params); renderApprovals(); }
     if (message.method === 'serverRequest/resolved') { state.approvals.delete(String(params.requestId)); renderApprovals(); }
     if (message.method === 'error') toast(params.error?.message || params.message || '执行发生错误，请查看会话状态。');
@@ -377,6 +395,7 @@ function connectSocket() {
     setConnection(false);
     for (const pending of state.pending.values()) { clearTimeout(pending.timer); pending.reject(new Error('连接中断，消息不会自动重发。请先检查会话记录。')); }
     state.pending.clear();
+    state.pendingAttachments=[];
     scheduleReconnect();
   });
   socket.addEventListener('error', () => {});
@@ -416,6 +435,9 @@ async function subscribeThread(id) {
     state.turnId = result.turnId;
     state.busy = Boolean(result.turnId);
     state.approvals = new Map((result.approvals || []).map(approval => [approval.requestId, approval]));
+    state.pendingAttachments=result.attachments||[];
+    state.goal=result.runtime?.goal||null;
+    renderComposerAttachments();
     if (desktop && result.control) {
       controlRenewTimer = setTimeout(() => {
         if (state.selected?.id === id && state.socket?.readyState === WebSocket.OPEN && state.desktopRuntime?.attached) {
@@ -423,12 +445,12 @@ async function subscribeThread(id) {
         }
       },Math.max(1000,result.control.expires - Date.now() - 120000));
     }
-    renderMessages(); renderApprovals();
+    renderMessages();renderApprovals();renderList();
   } catch (error) {
     if (id === state.selected?.id && selectionVersion === state.selectionVersion && attempt === desktopConnectionAttempt) {
       state.enabled.delete(id); state.selectedSettings = null; state.turnId = null; state.busy = false;
       state.desktopRuntime = {threadId:id,attached:false,reason:error.message,reasonCode:error.code};
-      state.approvals.clear(); renderApprovals();
+      state.approvals.clear();renderApprovals();renderList();
     }
     throw error;
   } finally {
@@ -466,17 +488,21 @@ function renderProjects() {
 function filteredThreads() {
   return state.threads.filter(thread => (!state.project || thread.projectId === state.project)
     && (state.filter !== 'archived' || thread.archived)
-    && (state.filter !== 'locked' || thread.locked)
     && (state.filter !== 'pinned' || thread.pinned)
     && `${thread.title} ${thread.projectName} ${thread.preview}`.toLowerCase().includes(state.search.toLowerCase()))
     .sort((left, right) => Number(right.pinned) - Number(left.pinned) || right.updatedAt - left.updatedAt);
 }
+function threadAvailabilityBadge(thread) {
+  if(thread.archived)return '<span class="tag archived">已归档</span>';
+  if(String(thread.source).startsWith('{'))return '<span class="tag">子代理</span>';
+  return '<span class="tag">原会话</span>';
+}
 function renderList() {
   const threads = filteredThreads();
   select('#thread-count').textContent = threads.length;
   select('#list-title').textContent = state.project ? (state.threads.find(thread => thread.projectId === state.project)?.projectName || '项目会话') : state.filter === 'archived' ? '已归档' : state.filter === 'pinned' ? '已置顶' : '所有会话';
   select('#list-footer-text').textContent = `${state.threads.length} 条原生记录 · 自动同步`;
-  select('#thread-list').innerHTML = threads.map(thread => `<button class="thread-item ${state.selected?.id === thread.id ? 'selected' : ''}" data-thread="${escapeHtml(thread.id)}"><div class="thread-meta"><span class="project-initial">${escapeHtml(thread.projectName.slice(0,1).toUpperCase())}</span><span class="project-label">${escapeHtml(thread.projectName)}</span><time>${ago(thread.updatedAt)}</time></div><h3>${escapeHtml(thread.title)}</h3><p>${escapeHtml(thread.preview || '点击查看原生会话记录')}</p><div class="thread-badges">${thread.pinned ? '<span class="tag pinned">已置顶</span>' : ''}${thread.locked ? '<span class="tag busy"><i class="tiny-dot"></i>原客户端占用</span>' : '<span class="tag">可查看</span>'}${thread.archived ? '<span class="tag archived">已归档</span>' : ''}<span class="tag">${escapeHtml(thread.provider || 'Codex')}</span></div></button>`).join('') || '<div class="empty">没有找到匹配的会话。<br>试试其他关键词或筛选条件。</div>';
+  select('#thread-list').innerHTML = threads.map(thread => `<button class="thread-item ${state.selected?.id === thread.id ? 'selected' : ''}" data-thread="${escapeHtml(thread.id)}"><div class="thread-meta"><span class="project-initial">${escapeHtml(thread.projectName.slice(0,1).toUpperCase())}</span><span class="project-label">${escapeHtml(thread.projectName)}</span><time>${ago(thread.updatedAt)}</time></div><h3>${escapeHtml(thread.title)}</h3><p>${escapeHtml(thread.preview || '点击查看原生会话记录')}</p><div class="thread-badges">${thread.pinned ? '<span class="tag pinned">已置顶</span>' : ''}${threadAvailabilityBadge(thread)}${thread.archived ? '<span class="tag archived">已归档</span>' : ''}<span class="tag">${escapeHtml(thread.provider || 'Codex')}</span></div></button>`).join('') || '<div class="empty">没有找到匹配的会话。<br>试试其他关键词或筛选条件。</div>';
   document.querySelectorAll('[data-filter]').forEach(button => {
     const active = button.dataset.filter === state.filter;
     button.classList.toggle('active', active); button.setAttribute('aria-pressed', String(active));
@@ -486,21 +512,26 @@ function renderWelcome() {
   const projects = new Set(state.threads.map(thread => thread.projectId));
   const archived = state.threads.filter(thread => thread.archived).length;
   select('#welcome').innerHTML = `<div class="welcome-heading"><div><h2>你的工作，都在这里。</h2><p>连接本机 Codex，从上次停下的地方找到灵感。</p></div><span class="date-label">${new Date().toLocaleDateString('zh-CN', { timeZone:'Asia/Shanghai', month:'long', day:'numeric', weekday:'long' })}</span></div><div class="hero"><div class="hero-grid"></div><div class="hero-orbit"><i></i></div><span class="eyebrow">KEEP THE CONTEXT. FIND YOUR FLOW.</span><h2>工作在电脑上，<br>灵感不必。</h2><p>一个入口，查看真实的项目与原生会话。<br>不再复制粘贴，也不必重新解释。</p><span class="hero-status"><i class="tiny-dot"></i> 本机直读 · 默认只读保护</span></div><div class="stats-grid"><div class="stat-card"><span>${icon('inbox')}原生会话</span><strong>${state.threads.length}</strong><small>来自本机，而非演示数据</small></div><div class="stat-card"><span>${icon('folder')}项目空间</span><strong>${projects.size}</strong><small>按原生归属 / 工作目录分组</small></div><div class="stat-card"><span>${icon('archive')}归档记录</span><strong>${archived}</strong><small>旧上下文，也值得保留</small></div></div><div class="section-heading"><h3>最近的上下文</h3><span>从熟悉的对话开始 ↗</span></div>${state.threads.filter(thread => !thread.archived).slice(0,3).map(thread => `<button class="recent-card" data-thread="${escapeHtml(thread.id)}"><span class="recent-icon">${icon('inbox')}</span><div><strong>${escapeHtml(thread.title)}</strong><p>${escapeHtml(thread.projectName)} · ${ago(thread.updatedAt)}</p></div><span>↗</span></button>`).join('')}<div class="honesty-note">${icon('info')}<span>原生会话列表与历史记录直接读取。授权后可通过桌面 IPC 接入已加载的 Codex 会话；尚未加载的会话需先在 Codex 桌面打开，不会新建或迁移执行器。</span></div>`;
+  select('#welcome .hero-status').innerHTML=`<i class="tiny-dot"></i> 已连接电脑 · 打开原会话即可继续`;
+  select('#welcome .honesty-note span').textContent='点击任意普通原会话，即可从当前上下文继续；不会新建会话。计划和目标使用 Codex 原生功能。';
 }
 async function openThread(id) {
   const thread = state.threads.find(entry => entry.id === id); if (!thread) return;
   if (select('#model-dialog').open) select('#model-dialog').close();
   const selectionVersion = ++state.selectionVersion;
   state.pendingModelChoice = null;
+  state.pendingAttachments=[];
+  select('#turn-mode').value='default';
   state.historyStatus = 'loading'; state.historyError = '';
   state.selected = thread; state.baseMessages = []; state.olderMessages = []; state.liveMessages.clear(); state.desktopMessages = []; state.desktopRuntime = null; state.selectedSettings = null; state.contextUsage = null; state.approvals.clear(); state.cursor = null; state.busy = false; state.turnId = null;
+  state.goal=null;
   select('#welcome').hidden = true; select('#chat').hidden = false; select('#workspace').classList.add('chat-open');
   select('#chat-title').textContent = thread.title;
   select('#chat-subtitle').textContent = `${thread.projectName} / ${thread.provider || 'Codex'}${thread.model ? ` · ${thread.model}` : ''}`;
   select('#chat-details').innerHTML = `<dl><dt>原生会话 ID</dt><dd>${escapeHtml(id)}</dd><dt>工作目录</dt><dd>${escapeHtml(thread.cwd)}</dd><dt>记录来源 / 分支</dt><dd>${escapeHtml(thread.source)} / ${escapeHtml(thread.branch || '—')}</dd></dl>`;
   select('#chat-details').hidden = true;
   select('#messages').replaceChildren(); renderMessages();
-  renderList(); updateMode(); renderApprovals();
+  renderComposerAttachments();renderList();updateMode();renderApprovals();
   subscribeThread(id).catch(error => { if (selectionVersion === state.selectionVersion) toast(error.message); });
   try { await loadMessages(true); } catch (error) { if (selectionVersion === state.selectionVersion) toast(error.message); }
 }
@@ -717,18 +748,21 @@ function updateMode() {
   const desktop = state.status?.execution.mode === 'desktop';
   const desktopConnected = desktop && state.status.execution.connected;
   const attached = desktopConnected && state.desktopRuntime?.attached === true;
-  const blocked = thread.archived || (desktop ? !attached || desktopConnecting : thread.locked && !control && state.status?.execution.mode !== 'endpoint');
+  const sameIdResume = attached && state.desktopRuntime?.mode === 'same-id-resume';
+  const appServerExecution=['same-id-resume','endpoint','cold-resume'].includes(state.desktopRuntime?.mode)
+    || ['endpoint','cold-resume'].includes(state.status?.execution.mode);
+  const nativePlanAvailable=Boolean(control&&(desktop?attached:appServerExecution));
+  const blocked = thread.archived || String(thread.source).startsWith('{') || desktopConnecting;
   select('#enable-control').disabled = Boolean(blocked || control);
-  select('#enable-control').textContent = control ? desktop ? '热接管中' : '接续已授权' : thread.archived ? '归档只读' : desktopConnecting && desktop ? '连接中…' : desktop && !desktopConnected ? '桌面未连接' : desktop && !attached ? '原会话未连接' : blocked ? '原客户端占用' : desktop ? '重新接管' : '接续会话';
+  select('#enable-control').textContent = control ? '已连接' : desktopConnecting && desktop ? '连接中…' : thread.archived ? '已归档' : String(thread.source).startsWith('{') ? '请打开父会话' : '继续会话';
   select('#mode-banner').classList.toggle('controlled', Boolean(control));
   const banner = desktop
-    ? desktopConnecting ? '正在连接这条原会话；历史仍可查看。'
-      : !desktopConnected ? 'Codex 桌面连接已断开。请保持桌面应用运行，再点击“重新连接”。'
-      : !attached ? state.desktopRuntime?.reason || '这条原会话尚未连接。请先在 Codex 桌面打开它，再点击“重新连接”。'
-      : control ? '热接管中 · 与电脑共用同一 Codex 执行实例；消息、运行状态和审批实时同步。'
-      : '这条原会话已连接 · 点击“重新接管”恢复控制。'
-    : control ? `原 ID 接续 · ${control.writable ? '工作区可写 / 操作需审批' : '只读执行沙箱'} · ${control.sharedExecution ? '目标服务已加载此会话' : '独立执行实例'}`
-      : thread.locked ? '原客户端持有此会话：独立接续不会抢占桌面执行。' : '只读镜像：查看原生历史不会启动执行实例。';
+    ? desktopConnecting ? '正在连接原会话…'
+      : !attached ? state.desktopRuntime?.reason || '正在连接原会话…'
+      : control ? sameIdResume ? '已连接；在原会话中使用 Codex 原生功能。' : '已连接；操作在电脑上的 Codex 中执行。'
+      : '正在连接原会话…'
+    : control ? '已连接；继续在原会话中工作。'
+      : '连接后直接在这条原会话中继续。';
   const modeBanner = select('#mode-banner');
   if (!modeBanner.querySelector('.mode-copy')) modeBanner.innerHTML = `${icon('shield')}<span class="mode-copy"></span><button type="button" class="button small" id="reconnect-desktop">重新连接</button>`;
   modeBanner.querySelector('.mode-copy').textContent = banner;
@@ -736,15 +770,177 @@ function updateMode() {
   retryButton.hidden = !desktop || attached && !desktopConnecting;
   retryButton.disabled = !connected || desktopConnecting;
   retryButton.textContent = desktopConnecting ? '连接中…' : '重新连接';
-  select('#composer-mode').innerHTML = `${icon('shield')}${control ? desktop ? '热接管 · 桌面权限' : control.writable ? '工作区可写 · 按需审批' : '接续执行 · 只读沙箱' : '原生记录 · 只读镜像'}`;
-  const waitingForTurn = state.busy && (!desktop || !state.turnId);
+  select('#composer-mode').innerHTML = `${icon('shield')}${control ? '原会话' : '连接中'}`;
+  const waitingForTurn = state.busy && (!desktop || !state.turnId || sameIdResume);
   select('#send-message').disabled = !control || !connected || desktop && (!attached || desktopConnecting) || waitingForTurn || state.settingsBusy || !select('#message-input').value.trim();
-  select('#send-message').title = state.busy && desktop ? '追加指令到当前桌面任务' : '沿用原会话发送';
+  select('#send-message').title = state.busy && desktop && !sameIdResume ? '追加指令到当前桌面任务' : '沿用原会话发送';
   select('#stop-turn').hidden = !state.busy || !state.turnId || !control;
-  select('#message-input').placeholder = state.busy && desktop ? '追加指令给电脑上正在运行的任务…' : control ? '沿着原来的上下文继续…' : desktop ? '连接原桌面会话后继续…' : '先确认接续方式，再沿着这条会话继续…';
-  select('#composer-note').textContent = control ? desktop ? '消息进入原 Codex 桌面会话；任务不会迁移或重启。断线不会自动重发。' : '原会话 ID 不变；断线不会自动重发消息。' : '只读查看不会唤醒或打断电脑上的执行。';
+  select('#message-input').placeholder = state.busy && desktop && !sameIdResume ? '追加指令给电脑上正在运行的任务…' : state.busy && sameIdResume ? '原会话正在执行，请等待本轮完成…' : control ? '沿着原来的上下文继续…' : desktop ? '连接后在原会话中继续…' : '继续这条原会话…';
+  select('#turn-mode').disabled=!nativePlanAvailable||desktopConnecting||state.busy;
+  select('#attach-files').disabled=!control||!desktop||sameIdResume||desktopConnecting||state.pendingAttachments.length>=5||state.settingsBusy;
+  select('#file-input').disabled=select('#attach-files').disabled;
+  select('#turn-mode').title=state.busy?'当前任务中无法切换模式。':!nativePlanAvailable?'当前执行通道不支持原生协作模式。':'通过 Codex 原生协作模式控制下一轮。';
+  const mode=select('#turn-mode').value;
+  select('#composer-note').textContent=sameIdResume
+      ? state.busy ? '原会话正在执行；请等待当前轮次结束。' 
+      : mode==='plan'?'Codex 原生计划模式；只作用于本轮。'
+        :'消息和目标都直接作用于这条原会话。'
+    : mode==='plan'
+    ? '使用 Codex 原生计划模式；计划完成后按原生流程继续。'
+    : control ? '消息继续发送到这条原会话；不会创建新会话。'
+        : '连接原会话后即可继续。';
   renderModelStatus();
+  renderGoalStatus();
+}
+const goalStatusNames={active:'进行中',paused:'已暂停',blocked:'受阻',usageLimited:'用量受限',budgetLimited:'预算已用尽',complete:'已完成'};
+function nativeGoalWritable() {
+  const runtime=state.desktopRuntime;
+  return Boolean(state.selected&&state.enabled.has(state.selected.id)
+    &&(runtime?.mode==='same-id-resume'||state.status?.execution.mode!=='desktop'));
+}
+function renderGoalStatus() {
+  const button=select('#goal-button');
+  if(!button)return;
+  const goal=state.goal||state.desktopRuntime?.goal||null;
+  button.textContent=goal?`目标 · ${goalStatusNames[goal.status]||goal.status}`:'设置目标';
+  button.classList.toggle('active',Boolean(goal));
+  button.disabled=!state.selected||state.selected.archived||String(state.selected.source).startsWith('{');
+  button.title='管理这条原会话中的 Codex 原生持续目标。';
+}
+function openGoalDialog() {
+  if(!state.selected)return;
+  const goal=state.goal||state.desktopRuntime?.goal||null;
+  const writable=nativeGoalWritable();
+  select('#goal-objective').value=goal?.objective||'';
+  select('#goal-token-budget').value=goal?.tokenBudget??'';
+  select('#goal-current-status').textContent=goal
+    ? `${goalStatusNames[goal.status]||goal.status} · 已用 ${goal.tokensUsed||0} tokens${goal.tokenBudget?` / ${goal.tokenBudget}`:''}`
+    : '尚未设置持续目标。';
+  const desktopOwned=state.status?.execution.mode==='desktop'&&state.desktopRuntime?.mode!=='same-id-resume';
+  select('#goal-description').textContent=desktopOwned
+    ? '目标状态与 Codex 桌面同步。目标编辑暂不可用，请在本机 Codex 中管理。'
+    : writable
+      ? '使用 Codex 原生 Goal；目标会跨轮次保留，不会转换成提示词。'
+      : '连接原会话后，可在这里创建和管理 Codex 原生持续目标。';
+  select('#goal-objective').disabled=!writable;
+  select('#goal-token-budget').disabled=!writable;
+  select('#save-goal').disabled=!writable;
+  select('#pause-goal').disabled=!writable||!goal;
+  select('#clear-goal').disabled=!writable||!goal;
+  select('#pause-goal').textContent=goal?.status==='paused'?'继续目标':'暂停目标';
+  select('#save-goal').textContent=goal?'更新目标':'开始追求目标';
+  select('#goal-error').textContent='';
+  select('#goal-dialog').showModal();
+}
+async function updateGoalStatus(status) {
+  if(!state.selected||!nativeGoalWritable())return;
+  const id=state.selected.id,selectionVersion=state.selectionVersion;
+  try{
+    const result=await rpc('thread.goal.status',{threadId:id,status});
+    if(selectionVersion!==state.selectionVersion||id!==state.selected?.id)return;
+    state.goal=result.goal||null;
+    if(state.desktopRuntime)state.desktopRuntime={...state.desktopRuntime,goal:state.goal};
+    select('#goal-current-status').textContent=state.goal?`${goalStatusNames[state.goal.status]||state.goal.status} · 已用 ${state.goal.tokensUsed||0} tokens${state.goal.tokenBudget?` / ${state.goal.tokenBudget}`:''}`:'尚未设置持续目标。';
+    renderGoalStatus();toast(status==='paused'?'已暂停原生目标。':'已继续原生目标。');
+  }catch(error){select('#goal-error').textContent=error.message;}
+}
+async function clearGoal() {
+  if(!state.selected||!nativeGoalWritable())return;
+  try{
+    await rpc('thread.goal.clear',{threadId:state.selected.id});
+    state.goal=null;
+    if(state.desktopRuntime)state.desktopRuntime={...state.desktopRuntime,goal:null};
+    select('#goal-dialog').close();renderGoalStatus();toast('已清除原生目标。');
+  }catch(error){select('#goal-error').textContent=error.message;}
+}
+function renderComposerAttachments() {
+  select('#composer-attachments').innerHTML=state.pendingAttachments.map(file=>
+    `<span class="composer-attachment" data-attachment="${escapeHtml(file.id)}">${icon(file.mimeType?.startsWith('image/')?'image':'file')}<span>${escapeHtml(file.label)} · ${escapeHtml((file.size/1024).toFixed(file.size<1024*1024?0:1))} KB</span><button type="button" data-remove-attachment="${escapeHtml(file.id)}" aria-label="移除 ${escapeHtml(file.label)}">×</button></span>`
+  ).join('');
+}
+
+async function uploadFiles(fileList) {
+  if(!state.selected||!state.enabled.has(state.selected.id)||!state.desktopRuntime?.attached)return toast('请先连接并接管原 Codex 会话。');
+  const files=[...fileList];
+  if(state.pendingAttachments.length+files.length>5)return toast('单条消息最多添加 5 个文件。');
+  for(const file of files)if(file.size===0||file.size>8*1024*1024)return toast(`“${file.name}”为空或超过 8 MiB 限制。`);
+  const threadId=state.selected.id,selectionVersion=state.selectionVersion;
+  const button=select('#attach-files');
+  button.disabled=true;
+  try{
+    for(const file of files){
+      const headers={'Content-Type':file.type||'application/octet-stream'};
+      if(state.cloudMode&&state.cloudDeviceId)headers['X-Orbit-Device-Id']=state.cloudDeviceId;
+      const response=await fetch(`/api/threads/${encodeURIComponent(threadId)}/attachments?name=${encodeURIComponent(file.name)}`,{
+        method:'POST',headers,body:file,credentials:'same-origin',signal:AbortSignal.timeout(30000)
+      });
+      const result=await response.json().catch(()=>({}));
+      if(!response.ok)throw new Error(result.error||'文件上传失败。');
+      if(threadId!==state.selected?.id||selectionVersion!==state.selectionVersion){
+        await api(`/api/threads/${encodeURIComponent(threadId)}/attachments/remove`,{attachmentId:result.id});
+        return;
+      }
+      state.pendingAttachments.push(result);
+      renderComposerAttachments();updateMode();
+    }
+    toast(files.length===1?'文件已附加到待发送消息。':`已附加 ${files.length} 个文件。`);
+  }catch(error){toast(error.name==='TimeoutError'?'文件上传超时，请确认网络后重试。':error.message)}
+  finally{button.disabled=false;select('#file-input').value='';updateMode()}
+}
+
+async function browseProjectFiles(relativePath='') {
+  if(!state.selected)return;
+  const threadId=state.selected.id,selectionVersion=state.selectionVersion;
+  const list=select('#file-browser-list');
+  select('#file-browser-error').textContent='';
+  list.innerHTML='<p class="file-browser-empty">正在读取项目文件…</p>';
+  try{
+    const query=relativePath?`?path=${encodeURIComponent(relativePath)}`:'';
+    const result=await api(`/api/threads/${encodeURIComponent(threadId)}/files${query}`);
+    if(threadId!==state.selected?.id||selectionVersion!==state.selectionVersion)return;
+    select('#file-browser-path').textContent=result.path||'项目根目录';
+    const rows=[];
+    if(result.path){
+      const parent=result.path.split(/[\\/]/).slice(0,-1).join('/');
+      rows.push(`<button class="file-browser-entry file-browser-parent" type="button" data-file-directory="${escapeHtml(parent)}"><span>↰</span><strong>上一级</strong></button>`);
+    }
+    for(const entry of result.entries||[]){
+      rows.push(entry.type==='directory'
+        ? `<button class="file-browser-entry" type="button" data-file-directory="${escapeHtml(entry.path)}"><span>▸</span><strong>${escapeHtml(entry.name)}</strong></button>`
+        : `<button class="file-browser-entry" type="button" data-file-download="${escapeHtml(entry.path)}"><span>${icon('file')}</span><strong>${escapeHtml(entry.name)}</strong><small>${escapeHtml((entry.size/1024).toFixed(entry.size<1024*1024?0:1))} KB</small></button>`);
+    }
+    if(result.truncated)rows.push('<p class="file-browser-empty">列表已达到 1000 项上限，请打开子文件夹细看。</p>');
+    list.innerHTML=rows.join('')||'<p class="file-browser-empty">此文件夹为空。</p>';
+  }catch(error){
+    list.replaceChildren();
+    select('#file-browser-error').textContent=error.message;
+  }
+}
+
+async function downloadProjectFile(relativePath){
+  if(!state.selected)return;
+  const threadId=state.selected.id;
+  const headers={};
+  if(state.cloudMode&&state.cloudDeviceId)headers['X-Orbit-Device-Id']=state.cloudDeviceId;
+  try{
+    const response=await fetch(`/api/threads/${encodeURIComponent(threadId)}/file?path=${encodeURIComponent(relativePath)}`,{
+      headers,credentials:'same-origin',cache:'no-store',signal:AbortSignal.timeout(35000)
+    });
+    if(!response.ok){
+      const result=await response.json().catch(()=>({}));
+      if(response.status===401&&state.cloudMode){showCloudLogin(result.error);return}
+      throw new Error(result.error||'无法下载此项目文件。');
+    }
+    const disposition=response.headers.get('content-disposition')||'';
+    const encoded=disposition.match(/filename\*=UTF-8''([^;]+)/i)?.[1];
+    const filename=encoded?decodeURIComponent(encoded):relativePath.split(/[\\/]/).at(-1)||'project-file';
+    const url=URL.createObjectURL(await response.blob());
+    const anchor=document.createElement('a');
+    anchor.href=url;anchor.download=filename;anchor.click();
+    setTimeout(()=>URL.revokeObjectURL(url),30000);
+  }catch(error){toast(error.name==='TimeoutError'?'项目文件下载超时。':error.message)}
 }
+
 function renderApprovals() {
   select('#approvals').innerHTML = [...state.approvals.values()].map(approval => `<section class="approval-card" data-approval="${escapeHtml(approval.requestId)}"><strong>${approval.method === 'item/tool/requestUserInput' ? 'Codex 需要你的回答' : '等待你的审批'}</strong><p>${escapeHtml(approval.reason || '请核对操作范围后决定。')}</p>${approval.command ? `<pre>${escapeHtml(approval.command)}</pre>` : ''}${approval.method !== 'item/tool/requestUserInput' ? `<details><summary>查看完整审批范围</summary><pre>${escapeHtml(JSON.stringify(approval, null, 2))}</pre></details>` : ''}${approval.method === 'item/tool/requestUserInput' ? (approval.questions || []).map(question => `<label>${escapeHtml(question.question)}${question.options ? `<small> ${question.options.map(option => escapeHtml(option.label)).join(' / ')}</small>` : ''}<input data-question="${escapeHtml(question.id)}" placeholder="输入你的回答" maxlength="4000"></label>`).join('') + '<button class="button small" data-decision="answers">提交回答</button>' : `<button class="button small" data-decision="decline">拒绝</button>${approval.method !== 'item/permissions/requestApproval' ? '<button class="button small" data-decision="accept">仅允许本次</button>' : '<p>扩大环境权限请在本机处理，首版仅支持拒绝。</p>'}`}</section>`).join('');
 }
@@ -753,8 +949,16 @@ function renderDevices() {
   const status = state.status;
   const url = status.connectionUrls.find(address => !address.includes('127.0.0.1')) || status.connectionUrls[0];
   const desktop = status.execution.mode === 'desktop';
-  const executionStatus = desktop ? status.execution.connected ? 'Codex 桌面 IPC 已连接' : 'Codex 桌面 IPC 未连接' : status.execution.mode === 'endpoint' ? 'App Server 端点' : '独立执行器';
-  const hotStatus = desktop && status.desktopHotAttachVerified ? '已验证实时会话' : desktop && status.desktopHotAttachReady ? '可授权热接管' : '未连接';
+  const desktopConnected = status.execution.desktopConnected ?? status.execution.connected;
+  const resumedConnected = Boolean(status.execution.resumedConnected);
+  const executionStatus = desktop
+    ? desktopConnected ? 'Codex 桌面 IPC 已连接'
+      : resumedConnected ? 'Codex App Server 原 ID 接续'
+        : '等待本机 Codex 执行器'
+    : status.execution.mode === 'endpoint' ? 'App Server 端点' : '独立执行器';
+  const hotStatus = desktop && desktopConnected
+    ? status.desktopHotAttachVerified ? '已发现实时会话' : '支持自动热接管'
+    : desktop && resumedConnected ? '原 ID 接续中' : '打开会话时自动连接';
   select('#devices-view').innerHTML = `<div class="devices-heading"><span class="eyebrow">CONNECTED TO YOUR WORLD</span><h1>设备与连接</h1><p>电脑负责执行。你的设备，只需要保持连接。</p></div><div class="device-grid"><section class="device-card"><div class="device-big-icon">${icon('monitor')}</div><h2>${escapeHtml(status.device)}<span class="capability-state">本机桥接在线</span></h2><p>直接读取本机原生会话与历史记录，不复制到第三方数据库。</p><dl><dt>原生会话</dt><dd>${state.threads.length} 条 / ${new Set(state.threads.map(thread => thread.projectId)).size} 个空间</dd><dt>数据目录</dt><dd>${escapeHtml(status.home)}</dd><dt>消息通道</dt><dd>${location.protocol === 'https:' ? 'WSS · TLS 加密' : 'WS · 本机 / 可信局域网演示'}</dd><dt>执行连接</dt><dd>${executionStatus}</dd><dt>热接管</dt><dd>${hotStatus}</dd></dl></section><section class="device-card"><div class="device-big-icon">${icon('devices')}</div><h2>把工作台带在身边</h2><p>${status.lanEnabled || status.secureTransport ? '在可信设备上打开地址并配对，即可查看同一份原生记录。二维码包含控制凭据，切勿公开。' : '当前仅监听本机。手机同 Wi-Fi 体验，请停止本次服务，再运行 start.ps1 -Lan。'}</p><div class="connection-url"><code>${escapeHtml(url)}</code><button class="icon-button" id="copy-url" aria-label="复制连接地址">${icon('copy')}</button></div><button id="show-qr" class="button small">显示配对二维码</button><div id="qr-container" class="qr-wrap" hidden></div><p>${status.secureTransport ? '已配置 HTTPS 入口；请确认反向代理正确转发 WebSocket。' : '注意：HTTP / WS 不加密，不要将此端口直接暴露公网。公网必须配置 HTTPS / WSS 与独立鉴权。'}</p></section><section class="device-card wide"><h2>能力状态，透明可见。</h2><div class="capability-row"><span>原生项目 / 全量本机会话 / 归档记录</span><span class="capability-state">真实数据已接入</span></div><div class="capability-row"><span>历史分页 / WebSocket 实时更新</span><span class="capability-state">可体验</span></div><div class="capability-row"><span>接入 Codex 桌面已加载的原会话</span><span class="capability-state ${hotStatus === '未连接' ? 'pending' : ''}">${hotStatus}</span></div><div class="capability-row"><span>追加指令 / 停止任务 / 审批同步</span><span class="capability-state ${status.execution.connected && desktop ? '' : 'pending'}">${desktop && status.execution.connected ? '同一桌面执行实例' : '桌面未连接'}</span></div><div class="capability-row"><span>公网中继 / 多用户 / 计费 / 推送</span><span class="capability-state pending">未实现</span></div><p>Orbit 是独立第三方原型，非 OpenAI 官方产品。桌面 IPC 属内部接口，升级后需重新做兼容测试；商业发布前还需独立安全审计。</p></section></div>`;
   const cloudRow = select('#devices-view .capability-row:last-of-type');
   cloudRow.querySelector('span:first-child').textContent = '多用户云中继 / 设备管理后台';
@@ -1087,18 +1291,90 @@ select('#model-form').addEventListener('submit', async event => {
   finally { button.disabled = false; state.settingsBusy = false; updateMode(); }
 });
 select('#message-input').addEventListener('input', updateMode);
+const goalButton=document.createElement('button');
+select('#turn-mode option[value="goal"]')?.remove();
+goalButton.id='goal-button';
+goalButton.type='button';
+goalButton.className='button small goal-button';
+goalButton.textContent='设置目标';
+goalButton.setAttribute('aria-label','设置 Codex 原生持久目标');
+select('#turn-mode').insertAdjacentElement('afterend',goalButton);
+goalButton.onclick=openGoalDialog;
+select('#turn-mode').addEventListener('change',updateMode);
+select('#goal-form').addEventListener('submit',async event=>{
+  event.preventDefault();
+  if(!state.selected||!nativeGoalWritable())return;
+  const button=select('#save-goal');
+  const id=state.selected.id,selectionVersion=state.selectionVersion;
+  const budgetText=select('#goal-token-budget').value.trim();
+  const tokenBudget=budgetText?Number(budgetText):null;
+  button.disabled=true;select('#goal-error').textContent='';
+  try{
+    const result=await rpc('thread.goal.set',{
+      threadId:id,objective:select('#goal-objective').value.trim(),tokenBudget
+    });
+    if(selectionVersion!==state.selectionVersion||id!==state.selected?.id)return;
+    state.goal=result.goal||null;
+    if(state.desktopRuntime)state.desktopRuntime={...state.desktopRuntime,goal:state.goal};
+    select('#goal-dialog').close();renderGoalStatus();toast('已设置 Codex 原生持久目标。');
+  }catch(error){select('#goal-error').textContent=error.message;}
+  finally{button.disabled=false;}
+});
+select('#pause-goal').onclick=()=>updateGoalStatus(state.goal?.status==='paused'?'active':'paused');
+select('#clear-goal').onclick=clearGoal;
+select('#cancel-goal').onclick=()=>select('#goal-dialog').close();
+select('[data-filter="locked"]')?.remove();
+renderGoalStatus();
+select('#browse-files').onclick=()=>{
+  if(!state.selected)return;
+  browseProjectFiles();
+  select('#file-browser-dialog').showModal();
+};
+select('#close-file-browser').onclick=()=>select('#file-browser-dialog').close();
+select('#file-browser-list').addEventListener('click',event=>{
+  const folder=event.target.closest('[data-file-directory]');
+  if(folder){browseProjectFiles(folder.dataset.fileDirectory);return}
+  const file=event.target.closest('[data-file-download]');
+  if(file)downloadProjectFile(file.dataset.fileDownload);
+});
+select('#attach-files').onclick=()=>select('#file-input').click();
+select('#file-input').addEventListener('change',event=>uploadFiles(event.target.files));
+select('#composer-attachments').addEventListener('click',async event=>{
+  const button=event.target.closest('[data-remove-attachment]');
+  if(!button||!state.selected)return;
+  const id=button.dataset.removeAttachment;
+  const threadId=state.selected.id;
+  try{
+    await api(`/api/threads/${encodeURIComponent(threadId)}/attachments/remove`,{attachmentId:id});
+    state.pendingAttachments=state.pendingAttachments.filter(file=>file.id!==id);
+    renderComposerAttachments();updateMode();
+  }catch(error){toast(error.message)}
+});
 select('#message-input').addEventListener('keydown', event => {
   if (event.key === 'Enter' && !event.shiftKey && !event.isComposing && !matchMedia('(max-width:760px)').matches) { event.preventDefault(); if (!select('#send-message').disabled) select('#composer').requestSubmit(); }
 });
 select('#composer').addEventListener('submit', async event => {
   event.preventDefault(); if (select('#send-message').disabled) return;
-  const id = state.selected.id; const text = select('#message-input').value; const wasBusy = state.busy;
+  const id = state.selected.id; const inputText = select('#message-input').value.trim(); const wasBusy = state.busy;
   const turnId = state.turnId;
-  const steering = wasBusy && state.status.execution.mode === 'desktop';
+  const steering = wasBusy && state.status.execution.mode === 'desktop' && state.desktopRuntime?.mode !== 'same-id-resume';
+  const mode=select('#turn-mode').value;
+  const attachmentIds=state.pendingAttachments.map(file=>file.id);
+  const text=inputText|| (attachmentIds.length?`请查看并处理以下附件：${state.pendingAttachments.map(file=>file.label).join('、')}`:'');
   state.busy = true; updateMode();
   try {
-    const result = await rpc(steering ? 'turn.steer' : 'turn.start', { threadId:id, text, ...(steering ? { turnId } : {}) });
-    if (state.selected?.id === id) { state.turnId = result.completed ? null : result.turnId || (steering ? turnId : null); state.busy = !result.completed; select('#message-input').value = ''; scheduleRefresh(); }
+    const result = await rpc(steering ? 'turn.steer' : 'turn.start', {
+      threadId:id,text,attachmentIds,mode,...(steering?{turnId}:{})
+    });
+    if (state.selected?.id === id) {
+      state.turnId = result.completed ? null : result.turnId || (steering ? turnId : null);
+      state.busy = !result.completed;
+      select('#message-input').value = '';
+      state.pendingAttachments=[];
+      renderComposerAttachments();
+      if(!steering)select('#turn-mode').value='default';
+      scheduleRefresh();
+    }
   } catch (error) { if (state.selected?.id === id) state.busy = wasBusy; toast(error.message); }
   updateMode();
 });

package/public/goal.css

@@ -0,0 +1,7 @@
+.goal-button.active{background:#edf3e3;border-color:#dce7cd;color:#456337}
+#goal-dialog label{display:block;font-size:11px;color:#718563;margin:16px 0 7px}
+#goal-dialog textarea,#goal-dialog input{display:block;width:100%;border:1px solid #dce4d1;border-radius:8px;padding:11px 12px;background:#fff;color:#405139;font-size:12px}
+#goal-dialog textarea{resize:vertical;min-height:100px;line-height:1.7}
+#goal-dialog textarea:disabled,#goal-dialog input:disabled{background:#f0f2ec;color:#929b87}
+#goal-dialog .dialog-actions{flex-wrap:wrap}
+@media(max-width:760px){#goal-dialog{padding:22px 18px}#goal-dialog .dialog-actions{gap:7px}#goal-dialog .dialog-actions button{font-size:10px;padding:8px 10px}}

package/public/index.html

@@ -3,6 +3,7 @@
 <head>
 <meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover"><meta name="theme-color" content="#153c37"><meta name="description" content="Orbit，让原生 Codex 会话随行。"><title>Orbit · 会话随行</title><link rel="icon" href="/icon.svg" type="image/svg+xml"><link rel="manifest" href="/manifest.webmanifest"><link rel="stylesheet" href="/style.css"><script src="/vendor/marked.js" defer></script><script src="/vendor/purify.js" defer></script><script src="/app.js" defer></script>
 <link rel="stylesheet" href="/layout.css">
+<link rel="stylesheet" href="/goal.css">
 </head>
 <body>
 <section id="cloud-login-screen" class="pair-screen" hidden>
@@ -47,11 +48,13 @@
 <header class="topbar"><div class="breadcrumbs"><button id="menu-button" class="icon-button mobile-only" aria-label="展开导航"><span data-icon="menu"></span></button><span data-icon="orbit"></span><span>工作空间</span><span class="slash">/</span><strong id="breadcrumb-current">所有会话</strong></div><div class="top-actions"><span class="live-pill" id="connection-pill"><i class="tiny-dot"></i> 正在连接</span><button id="connect-device" class="button small"><span data-icon="devices"></span><span class="desktop-label">连接设备</span></button><button id="cloud-device-switcher" class="button small" type="button" hidden></button><button id="logout" class="avatar-button" title="断开当前设备" aria-label="断开当前设备">O</button></div></header>
 <section id="sessions-view" class="sessions-view">
 <section class="thread-pane"><div class="pane-heading"><span class="eyebrow">YOUR CONVERSATIONS</span><div><h1 id="list-title">所有会话</h1><span id="thread-count" class="count-badge">—</span><button id="refresh" class="icon-button" aria-label="刷新会话"><span data-icon="refresh"></span></button></div><p>原来的项目，原来的上下文。</p></div><div class="search-box"><span data-icon="search"></span><input id="search" type="search" placeholder="搜索会话或项目" aria-label="搜索会话或项目"><kbd>⌘ K</kbd></div><div class="filters" role="group" aria-label="会话筛选"><button class="active" data-filter="all" aria-pressed="true">全部</button><button data-filter="locked" aria-pressed="false">已占用</button><button data-filter="pinned" aria-pressed="false">已置顶</button><button data-filter="archived" aria-pressed="false">已归档</button></div><div id="thread-list" class="thread-list" aria-label="原生会话列表"></div><div class="list-footer"><span data-icon="database"></span><span id="list-footer-text">读取 Codex 原生记录</span><i class="tiny-dot"></i></div></section>
-<section id="conversation" class="conversation"><div id="welcome" class="welcome"></div><div id="chat" class="chat" hidden><header class="chat-header"><button id="back" class="icon-button mobile-only" aria-label="返回会话列表"><span data-icon="back"></span></button><div class="chat-title"><h2 id="chat-title"></h2><p id="chat-subtitle"></p></div><button id="details-toggle" class="icon-button" aria-label="查看会话详情"><span data-icon="info"></span></button><button id="enable-control" class="button small">接续会话</button></header><div id="chat-details" class="chat-details" hidden></div><div id="mode-banner" class="mode-banner"></div><div id="messages" class="messages" aria-live="polite"></div><div id="approvals" class="approvals"></div><div class="composer-wrap"><div class="session-settings-bar"><button id="model-settings-button" class="model-settings-button" type="button" title="选择模型和推理级别" aria-label="选择模型和推理级别" disabled><span data-icon="settings"></span><span id="model-settings-label">当前模型</span></button><div id="context-meter" class="context-meter" title="暂无准确的上下文用量"><span>上下文</span><strong id="context-label">暂无用量</strong><span class="context-track" role="progressbar" aria-label="上下文已用比例" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0" hidden><span id="context-fill"></span></span></div></div><form id="composer" class="composer"><textarea id="message-input" placeholder="先确认接续方式，再沿着这条会话继续…" rows="2" aria-label="发送消息"></textarea><div class="composer-toolbar"><span id="composer-mode"><span data-icon="shield"></span>只读镜像</span><button id="stop-turn" class="button small" type="button" hidden>停止任务</button><button id="send-message" class="send-button" aria-label="发送消息" disabled><span data-icon="arrow"></span></button></div></form><p class="composer-note" id="composer-note">查看不会唤醒会话，也不会打断电脑上的执行。</p></div></div></section>
+<section id="conversation" class="conversation"><div id="welcome" class="welcome"></div><div id="chat" class="chat" hidden><header class="chat-header"><button id="back" class="icon-button mobile-only" aria-label="返回会话列表"><span data-icon="back"></span></button><div class="chat-title"><h2 id="chat-title"></h2><p id="chat-subtitle"></p></div><button id="details-toggle" class="icon-button" aria-label="查看会话详情"><span data-icon="info"></span></button><button id="enable-control" class="button small">接续会话</button></header><div id="chat-details" class="chat-details" hidden></div><div id="mode-banner" class="mode-banner"></div><div id="messages" class="messages" aria-live="polite"></div><div id="approvals" class="approvals"></div><div class="composer-wrap"><div class="session-settings-bar"><button id="model-settings-button" class="model-settings-button" type="button" title="选择模型和推理级别" aria-label="选择模型和推理级别" disabled><span data-icon="settings"></span><span id="model-settings-label">当前模型</span></button><button id="browse-files" class="button small" type="button" aria-label="浏览电脑项目文件">电脑文件</button><div id="context-meter" class="context-meter" title="暂无准确的上下文用量"><span>上下文</span><strong id="context-label">暂无用量</strong><span class="context-track" role="progressbar" aria-label="上下文已用比例" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0" hidden><span id="context-fill"></span></span></div></div><form id="composer" class="composer"><textarea id="message-input" placeholder="沿着这条会话继续…" rows="2" aria-label="发送消息"></textarea><div id="composer-attachments" class="composer-attachments" aria-live="polite"></div><div class="composer-toolbar"><label class="turn-mode-label" for="turn-mode">模式</label><select id="turn-mode" class="turn-mode-select" aria-label="本轮对话模式"><option value="default">普通</option><option value="plan">计划</option><option value="goal">目标（本轮）</option></select><input id="file-input" type="file" multiple hidden><button id="attach-files" class="button small" type="button" aria-label="添加附件">添加文件</button><span id="composer-mode"><span data-icon="shield"></span>只读镜像</span><button id="stop-turn" class="button small" type="button" hidden>停止任务</button><button id="send-message" class="send-button" aria-label="发送消息" disabled><span data-icon="arrow"></span></button></div></form><p class="composer-note" id="composer-note">查看不会唤醒会话，也不会打断电脑上的执行。</p></div></div></section>
 </section><section id="devices-view" class="devices-view" hidden></section>
 </main>
 </div>
+<dialog id="goal-dialog"><form id="goal-form"><h2>会话目标</h2><p id="goal-description">设置 Codex 持续追求的原生目标；目标会保存在这条原会话中。</p><label for="goal-objective">目标</label><textarea id="goal-objective" rows="4" maxlength="5000" placeholder="描述希望 Codex 持续完成的结果"></textarea><label for="goal-token-budget">Token 预算（可选）</label><input id="goal-token-budget" type="number" min="1" max="10000000" step="1" placeholder="不设置"><p id="goal-current-status" class="model-note"></p><p id="goal-error" class="error" role="alert"></p><div class="dialog-actions"><button id="clear-goal" type="button" class="button">清除目标</button><button id="pause-goal" type="button" class="button">暂停目标</button><button id="cancel-goal" type="button" class="button">取消</button><button id="save-goal" type="submit" class="primary">开始追求目标</button></div></form></dialog>
 <dialog id="control-dialog"><form id="control-form"><span class="mini-badge">CONTINUE, NOT FORK</span><h2 id="control-title">授权热接管</h2><p id="control-description">保持原会话与桌面执行实例，不创建新会话或独立执行器。</p><div class="notice"><span data-icon="shield"></span><span id="control-notice">指令会交给原 Codex 桌面会话执行，并沿用其权限与审批策略。</span></div><label class="check-row" id="allow-write-row"><input id="allow-write" type="checkbox"><span>允许修改此会话的工作区文件<small>默认只读。扩大权限仍需要审批；不会启用无限制执行。</small></span></label><label class="check-row"><input id="control-confirm" type="checkbox" required><span id="control-confirm-copy">我确认授权此设备控制这条原生会话。</span></label><div class="dialog-actions"><button type="button" id="cancel-control" class="button">先只读查看</button><button class="primary" id="confirm-control-button" type="submit">授权热接管 <span>↗</span></button></div><p id="control-error" class="error" role="alert"></p></form></dialog>
 <dialog id="model-dialog"><form id="model-form"><h2>会话参数</h2><p id="model-description">更改将在这条会话的下一轮生效。</p><label for="model-select">模型</label><select id="model-select" required></select><label for="effort-select">推理级别</label><select id="effort-select"></select><p id="model-note" class="model-note"></p><p id="model-error" class="error" role="alert"></p><div class="dialog-actions"><button id="cancel-model" type="button" class="button">取消</button><button id="authorize-model" type="button" class="primary" hidden>先授权热接管</button><button id="apply-model" type="submit" class="primary">应用到下一轮</button></div></form></dialog>
+<dialog id="file-browser-dialog" class="file-browser-dialog"><section class="file-browser-panel"><header><div><h2>电脑项目文件</h2><p id="file-browser-path">项目根目录</p></div><button id="close-file-browser" class="button small" type="button">关闭</button></header><p class="file-browser-notice">仅浏览当前会话工作目录；系统目录、凭证文件及符号链接不会开放。单个文件最大 8 MiB。</p><div id="file-browser-list" class="file-browser-list" aria-live="polite"></div><p id="file-browser-error" class="error" role="alert"></p></section></dialog>
 <div id="toast" class="toast" role="status" hidden></div>
 </body></html>

package/public/style.css

@@ -37,4 +37,34 @@
 .activity-diff .diff-added{color:#a8d89a;background:#47614845}
 .activity-diff .diff-removed{color:#edb0a7;background:#70474445}
 .activity-empty{margin:8px 0;color:#9ba38e;font-size:10px}
+.turn-mode-label{font-size:10px;color:#8b9785}
+.turn-mode-select{max-width:95px;border:1px solid #e2e7dc;background:#f7f8f4;border-radius:6px;padding:5px 7px;color:#506045;font-size:10px}
+.turn-mode-select:disabled{opacity:.55}
+.composer-toolbar .turn-mode-label,.composer-toolbar .turn-mode-select,.composer-toolbar #attach-files{flex:none}
+.composer-toolbar #composer-mode{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
+.composer-attachments{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
+.composer-attachment{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:5px 7px;border:1px solid #dfe6d5;border-radius:6px;background:#f7f9f2;color:#68795a;font-size:9px}
+.composer-attachment>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.composer-attachment svg{width:13px;height:13px}
+.composer-attachment button{width:20px;height:20px;border-radius:4px;color:#8b9785;font-size:16px;line-height:1}
+.composer-attachment button:hover{background:#e8eddf}
+.composer-attachment button:disabled{opacity:.5}
+.file-browser-dialog{width:min(560px,calc(100vw - 28px));max-width:560px;max-height:min(78dvh,760px);padding:0;border:1px solid #dfe5d7;border-radius:13px;background:#fbfcf8;color:#354536;box-shadow:0 20px 80px #17251a40}
+.file-browser-dialog::backdrop{background:#1b2c22a8;backdrop-filter:blur(3px)}
+.file-browser-panel{display:flex;flex-direction:column;max-height:min(78dvh,760px);padding:20px}
+.file-browser-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:12px}
+.file-browser-panel h2{margin:0;font-size:17px;font-weight:550}
+.file-browser-panel header p{margin:5px 0 0;max-width:360px;overflow-wrap:anywhere;color:#7d8a72;font-size:10px}
+.file-browser-notice{font-size:10px;line-height:1.7;color:#899380}
+.file-browser-list{overflow:auto;min-height:100px;max-height:52dvh;border:1px solid var(--line);border-radius:8px;background:#fff}
+.file-browser-entry{width:100%;min-height:43px;display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid #eef0e9;text-align:left}
+.file-browser-entry:last-child{border-bottom:0}
+.file-browser-entry:hover{background:#f3f6ed}
+.file-browser-entry>span{color:#80916d;flex:none}
+.file-browser-entry svg{width:15px;height:15px}
+.file-browser-entry strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:450}
+.file-browser-entry small{margin-left:auto;flex:none;color:#929d88;font-size:9px}
+.file-browser-parent{background:#f8faf4;color:#647653}
+.file-browser-empty{padding:16px;color:#909b84;font-size:10px}
+@media(max-width:760px){.composer-toolbar{flex-wrap:wrap}.composer-toolbar #composer-mode{flex:1 1 65px}.turn-mode-select{max-width:92px}.composer-attachment{max-width:100%}.file-browser-panel{padding:16px}.session-settings-bar{gap:5px}.session-settings-bar #browse-files{padding:6px 8px;font-size:9px}}
 @media(max-width:760px){.message-head .message-copy,.copy-code{opacity:1}.activity-message{margin-left:0}.activity-content{padding-left:14px}.activity-meta{max-width:40%;white-space:normal}.message-attachments{margin-left:0}.message-body pre{padding-top:38px}}