dsh-mutipleagent 0.0.0-stage → 0.4.0

package/assets/logo.svg

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="256" height="256">
+  <title>whatsmyagentdoing</title>
+  <rect width="32" height="32" rx="9" fill="#ff6a4d"/>
+  <rect x="5.5" y="7.5" width="21" height="15" rx="4" fill="#fff"/>
+  <path d="M13 22h6l1 3h-8z" fill="#fff"/>
+  <rect x="10" y="24.6" width="12" height="2.2" rx="1.1" fill="#fff"/>
+  <ellipse cx="12.6" cy="15" rx="2.3" ry="3" fill="#1a1a1a"/>
+  <ellipse cx="19.4" cy="15" rx="2.3" ry="3" fill="#1a1a1a"/>
+  <circle cx="13.3" cy="13.9" r=".8" fill="#fff"/>
+  <circle cx="20.1" cy="13.9" r=".8" fill="#fff"/>
+  <circle cx="25.2" cy="7.6" r="3.6" fill="#22a874" stroke="#ff6a4d" stroke-width="1.6"/>
+</svg>

package/client.js

@@ -0,0 +1,144 @@
+window.__ModuleLoader__.load({
+  id: 'dsh-mutipleagent',
+  factory: require => {
+    const { createElement: h, useEffect, useState } = require('react');
+    // 面板页面由本插件自己的静态服务提供（不是用户内容），需要同源才能读写本地偏好与同源 API。
+    // 其余权限（弹窗、顶层跳转、表单、下载、插件、指针锁定、模态框）保持沙箱默认拒绝。
+    const FRAME_SANDBOX = 'allow-scripts allow-same-origin';
+    const OFFICE_BASE = '/dsh-mutipleagent/';
+    const VIEW_ID = 'dsh-mutipleagent';
+    const VIEW_LABEL = '多 Agent 办公室';
+    // 会话内视图直接带上当前会话 id：办公室据此锁定 rootId，不再要求用户先选目录和会话。
+    // rev 取健康检查里的插件版本：升级后地址随之变化，停留在标签页里的旧 iframe 会自动重载，
+    // 不必等用户手动刷新整个 Harness 页面（CSS/脚本更新也能立刻生效）。
+    function officeUrl(sessionId, rev) {
+      const params = new URLSearchParams({ mode: 'live', source: 'harness' });
+      if (sessionId) {
+        params.set('rootId', sessionId);
+        params.set('embed', '1');
+      }
+      if (rev) params.set('rev', rev);
+      return OFFICE_BASE + '?' + params.toString();
+    }
+    function OfficeIcon({ size = 18 }) {
+      return h(
+        'svg',
+        { width: size, height: size, viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', strokeWidth: 1.6, 'aria-hidden': true },
+        h('path', { d: 'M3 10V5h6v5H3Zm12 0V5h6v5h-6ZM9 21v-5h6v5H9ZM6 10v3h12v-3m-6 3v3' }),
+      );
+    }
+    // 面板与会话视图共用同一套连接状态机：先探活，再挂 iframe。
+    function OfficeFrame({ sessionId, className }) {
+      const [version, setVersion] = useState(0);
+      const [error, setError] = useState('');
+      const [ready, setReady] = useState(false);
+      const [rev, setRev] = useState('');
+      const url = officeUrl(sessionId, rev);
+      useEffect(() => {
+        let active = true;
+        const controller = new AbortController();
+        setError('');
+        setReady(false);
+        fetch(OFFICE_BASE + 'api/health', { signal: controller.signal })
+          .then(response => {
+            if (!response.ok) throw Error('办公室暂不可用（HTTP ' + response.status + '），请确认插件已启用后重试。');
+            return response.json();
+          })
+          .then(data => {
+            if (!active) return;
+            setRev(String(data?.version ?? ''));
+            setReady(true);
+          })
+          .catch(error => {
+            if (active && error.name !== 'AbortError') setError(error.message);
+          });
+        return () => {
+          active = false;
+          controller.abort();
+        };
+      }, [version, sessionId]);
+      if (error)
+        return h(
+          'section',
+          { className: 'dsh-office-status', role: 'alert' },
+          h('p', null, error),
+          h('button', { type: 'button', onClick: () => setVersion(value => value + 1) }, '重新连接'),
+        );
+      if (!ready) return h('p', { className: 'dsh-office-status', role: 'status' }, '正在连接多 Agent 办公室…');
+      return h('iframe', {
+        key: url,
+        className,
+        src: url,
+        title: 'DeepSeek Harness 多 Agent 协作办公室',
+        sandbox: FRAME_SANDBOX,
+        referrerPolicy: 'no-referrer',
+        allow: 'clipboard-write',
+      });
+    }
+    function OfficePage() {
+      return h(OfficeFrame, { className: 'dsh-office-frame' });
+    }
+    // 会话内标签：sessionId 由 conversation.view 的 inject(sessionId) 注入，切换会话即换 iframe。
+    // 标签页在屏时给 body 打标记，宿主据此收起底部输入框，把整块高度让给办公室画面；离开标签即恢复。
+    let officeViewCount = 0;
+    function OfficeView({ sessionId }) {
+      useEffect(() => {
+        officeViewCount += 1;
+        document.body.dataset.officeView = 'active';
+        return () => {
+          officeViewCount = Math.max(0, officeViewCount - 1);
+          if (officeViewCount === 0) delete document.body.dataset.officeView;
+        };
+      }, []);
+      return h('div', { className: 'dsh-office-view' }, h(OfficeFrame, { sessionId, className: 'dsh-office-frame' }));
+    }
+    return {
+      inject: ['slots'],
+      apply(ctx) {
+        ctx.effect(() => {
+          const style = document.createElement('style');
+          style.textContent =
+            '.dsh-office-frame{display:block;width:100%;height:100%;min-height:0;border:0;background:#edf3fc}.dsh-office-view{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;min-width:0;height:100%;width:100%;background:#edf3fc}.dsh-office-view>.dsh-office-frame{flex:1 1 auto;height:auto}body[data-office-view=active] [data-conversation-region=composer]{display:none!important}.dsh-office-status{padding:24px;color:var(--dsw-alias-label-primary);font:inherit}.dsh-office-status button{font:inherit;color:inherit;background:var(--dsw-alias-button-elevated-fill);border:1px solid var(--dsw-alias-border-l2);border-radius:8px;padding:8px 16px;cursor:pointer}.dsh-office-status button:focus-visible{outline:2px solid var(--dsw-focus-ring-color);outline-offset:2px}';
+          document.head.appendChild(style);
+          return () => style.remove();
+        }, 'dsh-mutipleagent: panel styles');
+        ctx.effect(
+          () => ctx.slots.inject('main', () => ctx.slots.register({ name: 'main', key: 'dsh-mutipleagent' }, OfficePage)),
+          'dsh-mutipleagent: main panel',
+        );
+        // 会话页顶部标签行（对话 / 轨迹 / 上下文 / …）：在具体会话里直接可用的入口。
+        ctx.effect(
+          () =>
+            ctx.slots.inject('conversation.view', () =>
+              ctx.slots.register(
+                {
+                  name: 'conversation.view',
+                  id: VIEW_ID,
+                  order: 30,
+                  label: () => VIEW_LABEL,
+                  inject: sessionId => ({ sessionId }),
+                },
+                OfficeView,
+              ),
+            ),
+          'dsh-mutipleagent: conversation view',
+        );
+        ctx.effect(
+          () =>
+            ctx.slots.inject('sidebar.panellist', () =>
+              ctx.slots.register(
+                {
+                  name: 'sidebar.panellist',
+                  id: 'dsh-mutipleagent',
+                  order: 30,
+                  label: '多 Agent 办公室',
+                },
+                OfficeIcon,
+              ),
+            ),
+          'dsh-mutipleagent: sidebar entry',
+        );
+      },
+    };
+  },
+});

package/cordis.patch.yml

@@ -0,0 +1,3 @@
+- insert:
+    - id: dsh-mutipleagent
+      name: dsh-mutipleagent

package/harness.cjs

@@ -0,0 +1,49 @@
+'use strict';
+const { createOfficeServer } = require('./src/server');
+const { HarnessWatcher } = require('./src/harness-watcher');
+
+exports.name = 'dsh-mutipleagent';
+exports.inject = ['webServer', 'connection', 'sessionQuery'];
+
+exports.apply = function apply(ctx) {
+  ctx.effect(() => {
+    const watcher = new HarnessWatcher({ query: ctx.sessionQuery });
+    const server = createOfficeServer({
+      watcher,
+      basePath: '/dsh-mutipleagent',
+      defaultDocument: 'demo.html',
+      authorize(req) {
+        const admission = ctx.connection.admit(req);
+        if ('rejection' in admission) return admission.rejection;
+        // 此页面展示本机完整团队，只向宿主的 owner 开放。
+        return admission.peer.principal.kind === 'owner' ? undefined : 403;
+      },
+    });
+    let unregister;
+    try {
+      unregister = ctx.webServer.register({
+        kind: 'prefix',
+        path: '/dsh-mutipleagent',
+        handler(req, res) {
+          // 保留目录尾斜线，保证相对资源在 Web 和 Desktop 代理中一致。
+          const url = new URL(req.url, 'http://localhost');
+          if (url.pathname === '/dsh-mutipleagent') {
+            res.writeHead(302, { location: '/dsh-mutipleagent/' + url.search });
+            res.end();
+            return;
+          }
+          server.emit('request', req, res);
+        },
+      });
+      watcher.start();
+    } catch (error) {
+      unregister?.();
+      server.closeOffice();
+      throw error;
+    }
+    return () => {
+      unregister();
+      server.closeOffice();
+    };
+  }, 'dsh-mutipleagent: office route and session observer');
+};

package/package.json

@@ -1,6 +1,91 @@
 {
   "name": "dsh-mutipleagent",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "displayName": "DSH 多 Agent 办公室",
+  "version": "0.4.0",
+  "description": "DeepSeek Harness 多 Agent 3D 协作办公室插件：在会话页顶部标签行直接打开当前会话的 3D 办公室，观察真实主会话、子 Agent、工具活动与汇报，支持目录/会话切换和跨目录搜索。",
+  "license": "MIT",
+  "icon": "./assets/agents/dsh.svg",
+  "engines": {
+    "node": "^22.19.0 || >=24.0.0",
+    "dsh": "^0.2.2-rc.1"
+  },
+  "main": "harness.cjs",
+  "exports": {
+    ".": "./harness.cjs",
+    "./client": "./client.js",
+    "./cordis.patch.yml": "./cordis.patch.yml",
+    "./package.json": "./package.json",
+    "./icon": "./assets/agents/dsh.svg"
+  },
+  "files": [
+    "harness.cjs",
+    "client.js",
+    "cordis.patch.yml",
+    "src",
+    "public",
+    "assets",
+    "!assets/screenshots",
+    "vendor/licenses",
+    "LICENSE",
+    "README.md",
+    "README.en.md",
+    "SECURITY.md",
+    "CONTRIBUTING.md",
+    "CHANGELOG.md",
+    "THIRD_PARTY_NOTICES.md"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/lkuliuying/dsh-mutipleagent.git"
+  },
+  "homepage": "https://github.com/lkuliuying/dsh-mutipleagent",
+  "bugs": {
+    "url": "https://github.com/lkuliuying/dsh-mutipleagent/issues"
+  },
+  "keywords": [
+    "dsh-plugin",
+    "deepseek-harness",
+    "multi-agent",
+    "3d-office"
+  ],
+  "dsh": {
+    "bundle": {
+      "patch": "./cordis.patch.yml"
+    },
+    "client": {
+      "platform": "web",
+      "inject": [
+        "@deepseek-ai/dsh-client-ui-layout",
+        "@deepseek-ai/dsh-client-ui-chat",
+        "@deepseek-ai/dsh-client-ui-conversation",
+        "@deepseek-ai/dsh-client-ui-sidebar"
+      ]
+    }
+  },
+  "scripts": {
+    "start": "node src/server.js --open",
+    "demo": "node src/server.js --demo --open",
+    "build": "node scripts/build.mjs",
+    "lint": "eslint .",
+    "format": "prettier --write \"**/*.{js,cjs,mjs,yml}\"",
+    "format:check": "prettier --check \"**/*.{js,cjs,mjs,yml}\"",
+    "check:compat": "node scripts/check-compat.mjs",
+    "test": "node --test tests/*.test.js",
+    "test:ui": "node tests/browser.cjs",
+    "test:plugin:ui": "node tests/plugin-browser.cjs",
+    "smoke:host": "node scripts/smoke-host.cjs",
+    "release": "node scripts/release.mjs",
+    "screenshots": "node scripts/screenshots.mjs",
+    "test:coverage": "node --test --experimental-test-coverage --test-coverage-lines=85 --test-coverage-functions=80 --test-coverage-branches=75 tests/*.test.js"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.39.5",
+    "esbuild": "^0.25.12",
+    "eslint": "^9.39.4",
+    "globals": "^15.15.0",
+    "playwright": "^1.62.1",
+    "prettier": "^3.9.10",
+    "semver": "^7.8.6",
+    "three": "^0.186.1"
+  }
+}

package/public/app.js

@@ -0,0 +1 @@
+import{s as J,u as a,v as F,w as S,x as v,y as P,z as U}from"./chunks/chunk-MU3LEDFF.js";var e=t=>document.getElementById(t),O={assign:"\u2197",message:"\u2194",wait:"\u25F7",report:"\u2199",complete:"\u2713",error:"!",interrupted:"\u2161",close:"\xD7",approval:"?"},st=new Set(["thinking","tool","typing"]),ct=new Set(["done","error","interrupted","closed"]),r=null,g=null,I=null,u=null,A=0,W=new Set,k=!0,B=null,q="activity",w="",j=!1,K=Date.now(),E="",C="",L="",b="",_=!1,$=null,N=new Map,z=t=>{try{return localStorage.getItem(t)}catch{return null}},G=(t,n)=>{try{localStorage.setItem(t,n)}catch{}},M=t=>t?new Date(t).toLocaleTimeString(F(),{hour12:!1,hour:"2-digit",minute:"2-digit",second:"2-digit"}):"\u2014",c=(t,n,i)=>{let p=document.createElement(t);return n&&(p.className=n),i!=null&&(p.textContent=i),p},h=t=>c("div","empty",t),y=()=>r?.agents.find(t=>t.id===g),dt=t=>c("span","state-dot "+t),x=t=>r?.agents.find(n=>n.id===t)?.name||a("common.agent");function Q(t){e("notice").textContent=t,e("notice").hidden=!t}function T(t){e("connection").classList.toggle("connected",t),e("connection").textContent=t?a("topbar.connected"):a("topbar.reconnecting")}function V(t,n=!1){return c("span","agent-avatar"+(t.id===r.rootId?" lead":""),t.id===r.rootId?"\u25C8":n?"\u25C7":String(r.agents.indexOf(t)).padStart(2,"0"))}function D(t,n=!1){g=t,b="",C="",w="",u&&(u.selectedId=t,n&&u.focus(t)),X(),Z()}function pt(){let t=JSON.stringify(r.roots);if(t===E)return;E=t;let n=e("task-select");n.replaceChildren();for(let i of r.roots){let p=c("option","",i.title.slice(0,80));p.value=i.id,n.append(p)}r.roots.length||n.append(c("option","",a("sidebar.noSessions"))),n.value=r.rootId||""}function X(){if(!r)return;let t=JSON.stringify([g,r.agents.map(o=>[o.id,o.name,o.status,o.parentId,o.relationship])]);if(C===t)return;C=t;let n=e("team-tree");n.replaceChildren(),e("team-count").textContent=r.agents.length;let i=[],p=(o,s)=>{let d=r.agents.find(l=>l.id===o);if(!(!d||i.some(l=>l.s.id===o))){i.push({s:d,depth:s});for(let l of r.agents.filter(f=>f.parentId===o))p(l.id,s+1)}};p(r.rootId,0);for(let o of r.agents)i.some(s=>s.s.id===o.id)||i.push({s:o,depth:0});for(let{s:o,depth:s}of i){let d=c("button","agent-card"+(s?" child":"")+(o.id===g?" selected":""));d.type="button",d.setAttribute("aria-pressed",o.id===g),d.setAttribute("aria-label",a("app.ariaAgentStatus",{name:o.name,status:S(o.status)}));let l=c("div","agent-card-body"),f=c("div","agent-card-name");f.append(c("span","",o.name),dt(o.status)),l.append(f,c("div","agent-card-role",(s>1?"\u21B3 ".repeat(Math.min(3,s-1)):"")+(o.role||(s?a("app.roleSubAgent"):a("app.roleLead")))+" \xB7 "+S(o.status))),d.append(V(o),l),d.onclick=()=>D(o.id,!0),n.append(d)}i.length||n.append(h(a("app.teamEmpty")))}function lt(){let t=r.events.filter(s=>O[s.type]).slice(-40),n=JSON.stringify(t);if(n===L)return;L=n;let i=e("timeline"),p=i.scrollLeft,o=i.scrollWidth-i.clientWidth-p<30;i.replaceChildren(),e("event-count").textContent=t.length?a("main.recentEvents",{count:t.length}):a("main.noEvents");for(let s of t){let d=c("button","event-card "+s.type),l=c("div","event-card-top"),f=c("span","event-type");f.append(c("i","",O[s.type]),document.createTextNode(v(s.type))),l.append(f,c("time","",M(s.at)));let m=s.type==="assign"||s.type==="message"?x(s.sessionId)+" \u2192 "+x(s.targetId):s.type==="wait"?a("app.waitingResult",{name:x(s.sessionId)}):s.preview||x(s.sessionId)+" \xB7 "+v(s.type);d.append(l,c("p","",m)),d.onclick=()=>{D(s.sessionId,!0),s.hasText&&R(s)},d.title=m,i.append(d)}t.length||i.append(h(a("main.timelineEmpty"))),i.scrollLeft=o||k?i.scrollWidth:p}function Y(t){if(!t?.turnStartedAt)return"\u2014";let n=Math.max(0,Math.floor(((ct.has(t.status)?t.endedAt:Date.now())-t.turnStartedAt)/1e3));return n>=3600?a("app.durationHours",{hours:Math.floor(n/3600),minutes:Math.floor(n%3600/60)}):a("app.durationMinutes",{minutes:Math.floor(n/60),seconds:n%60})}function Z(){let t=y();if(!t){e("agent-header").replaceChildren(h(a("details.selectAgent"))),e("agent-metadata").replaceChildren(),e("agent-task").textContent=a("details.noTask"),e("agent-activity").replaceChildren(),e("open-task").disabled=!0,e("report-content").replaceChildren(h(a("details.noReport")));return}let n=JSON.stringify([t.id,t.status,t.model,t.role,t.relationship,t.task,t.events,t.reports,t.reportEventId]);if(n===b)return;b=n;let i=c("div");i.append(c("h3","",t.name),c("p","",t.role||(t.parentId?a("app.roleSplit"):a("app.roleLeadTask")))),e("agent-header").replaceChildren(V(t,!0),i);let p=[["status-pill",a("app.metadataStatus"),S(t.status)],["elapsed",a("app.metadataElapsed"),Y(t)],["",a("app.metadataModel"),t.model||a("common.notRecorded")],["",a("app.metadataRelation"),t.relationship==="conflict"?a("app.relationConflict"):t.parentId?x(t.parentId):a("app.relationMain")]];e("agent-metadata").replaceChildren(...p.map(([d,l,f])=>{let m=c("div","metadata-row");return m.append(c("span","",l),c("span",d,f)),m})),e("agent-task").textContent=t.task||a("app.noTaskLogged"),e("open-task").disabled=!t.taskEventId;let o=e("agent-activity");o.replaceChildren();let s=t.events.filter(d=>d.type!=="task").slice(-16).reverse();for(let d of s){let l=c("div","activity-item");if(l.append(c("time","",M(d.at)+" \xB7 "+v(d.type)),c("p","",d.preview||v(d.type))),d.hasText){let f=c("button","",a("details.viewRecord"));f.onclick=()=>R(d),l.append(f)}o.append(l)}s.length||o.append(h(a("details.noActivity"))),q==="report"&&et(t)}async function tt(t,n){let i=t+":"+n;if(N.has(i))return N.get(i);let p=await fetch("./api/report?"+new URLSearchParams({sessionId:t,eventId:n})),o=await p.json();if(!p.ok)throw new Error(o.error||a("app.readFailed"));return N.set(i,o.text),o.text}async function R(t){e("dialog-title").textContent=(O[t.type]?v(t.type):a("dialog.title"))+" \xB7 "+x(t.sessionId),e("dialog-body").textContent=a("dialog.loading"),e("copy-text").textContent=a("dialog.copy"),e("text-dialog").open||e("text-dialog").showModal();let n=t.id;e("text-dialog").dataset.eventId=n;try{let i=await tt(t.sessionId,t.id);e("text-dialog").dataset.eventId===n&&(e("dialog-body").textContent=i||a("dialog.emptyBody"))}catch(i){e("text-dialog").dataset.eventId===n&&(e("dialog-body").textContent=i.message)}}async function et(t){let n=t.reports||[],i=t.id+":"+n.join(",");if(i===w)return;w=i;let p=e("report-content");if(p.replaceChildren(),!n.length){p.append(h(a("app.reportEmpty")));return}p.append(h(a("app.reportLoading")));let o=await Promise.all(n.slice(-8).reverse().map(async s=>{try{return{id:s,text:await tt(t.id,s)}}catch(d){return{id:s,error:d.message}}}));if(!(y()?.id!==t.id||i!==w)){p.replaceChildren();for(let s of o){let d=c("section","report-block"),l=t.events.find(rt=>rt.id===s.id),f=c("header");f.append(c("span","",(s.id===t.reportEventId?a("app.reportCurrent"):a("app.reportHistory"))+(t.parentId?a("app.reportSub"):a("app.reportLead"))),c("time","",M(l?.at))),d.append(f,c("pre",s.error?"error-text":"",s.error||s.text));let m=c("button","report-open",a("app.reportOpen"));m.onclick=()=>R({id:s.id,sessionId:t.id,type:"report"}),d.append(m),p.append(d)}n.length>8&&p.append(c("p","muted",a("app.reportLimit")))}}function nt(t){q=t;for(let n of["activity","report"]){let i=t===n;e(n+"-tab").classList.toggle("active",i),e(n+"-tab").setAttribute("aria-selected",i),e(n+"-panel").hidden=!i}t==="report"&&y()&&et(y())}async function ut(){if(!u||r.agents.length>A){u?.destroy(),A=Math.max(7,Math.ceil(r.agents.length/2)*2+1),e("scene-status").hidden=!1;try{let t=new J(e("scene"),{count:A,reduced:e("reduced-motion").checked,onSelect:i=>D(i)});u=t,t.setTeam(r.agents,r.rootId),t.selectedId=g;let n=await t.ready;if(u!==t)return;e("scene-status").hidden=!!n,n||(e("scene-status").textContent=a("main.sceneUnavailable"),t.visible=!1)}catch{e("scene-status").hidden=!1,e("scene-status").textContent=a("main.sceneFailed")}}else u.setTeam(r.agents,r.rootId),u.selectedId=g}function ot(t){let n=t.rootId!==B;r=t,n&&(B=r.rootId,g=r.rootId,k=!0,C="",L="",b="",w=""),r.agents.some(o=>o.id===g)||(g=r.rootId),e("mode").textContent=r.mode==="demo"?a("app.demoMode"):a("topbar.readonly"),e("mode").classList.toggle("demo",r.mode==="demo");let i=r.agents.find(o=>o.id===r.rootId);e("project-path").textContent=i?.cwd||"",e("project-path").title=i?.cwd||"",e("task-title").textContent=i?.task||a("main.subtitle"),e("task-title").title=i?.task||"",e("working-count").textContent=r.agents.filter(o=>st.has(o.status)).length,e("done-count").textContent=r.agents.filter(o=>o.status==="done").length,e("waiting-count").textContent=r.agents.filter(o=>o.status==="waiting"||o.status==="waiting_agents").length,Q(r.mode==="demo"?a("app.demoNotice"):r.warnings.join(a("common.listSeparator"))||(r.rootId?"":a("app.noRecentSessions"))),pt(),X(),lt(),Z(),ut();let p=r.agents.some(o=>o.loading);if(!k&&!j&&!p&&u)for(let o of r.events)!W.has(o.id)&&o.at>=K&&u.animateEvent(o);j=p,W=new Set(r.events.map(o=>o.id)),k=!1,G("codex-office-root",r.rootId||"")}function at(t){I?.close(),k=!0,j=!0,K=Date.now();let n=new EventSource("./events"+(t?"?"+new URLSearchParams({rootId:t}):""));I=n,n.onopen=()=>{k=!0,T(!0)},n.onmessage=i=>{I===n&&(T(!0),ot(JSON.parse(i.data)))},n.onerror=()=>{I===n&&T(!1)}}async function it(){try{let t=await fetch("./api/sessions");if(!t.ok)throw new Error(a("app.editFailed"));let n=await t.json(),i=z("codex-office-root"),p=n.roots.find(o=>o.id===i)?.id||n.rootId;at(p)}catch(t){T(!1),Q(a("app.retrying",{message:t.message})),_||($=setTimeout(it,2500))}}e("task-select").onchange=t=>{E="",at(t.target.value)};e("reset-camera").onclick=()=>u?.resetCamera();e("activity-tab").onclick=()=>nt("activity");e("report-tab").onclick=()=>nt("report");e("open-task").onclick=()=>{let t=y();t?.taskEventId&&R({id:t.taskEventId,sessionId:t.taskSessionId||t.id,type:"task"})};e("close-dialog").onclick=()=>e("text-dialog").close();e("copy-text").onclick=async()=>{try{await navigator.clipboard.writeText(e("dialog-body").textContent),e("copy-text").textContent=a("common.copied")}catch{e("copy-text").textContent=a("common.copyFailed")}};var H=z("codex-office-reduced");e("reduced-motion").checked=H==null?matchMedia("(prefers-reduced-motion: reduce)").matches:H==="true";e("reduced-motion").onchange=t=>{G("codex-office-reduced",t.target.checked),u?.setReduced(t.target.checked)};var ft=setInterval(()=>{e("clock").textContent=M(Date.now());let t=document.querySelector(".elapsed");t&&y()&&(t.textContent=Y(y()))},1e3);document.addEventListener("visibilitychange",()=>{u&&(u.visible=!document.hidden&&!u.loadError)});P(()=>{E="",C="",L="",b="",w="",r&&ot(r)});U(document);window.addEventListener("beforeunload",()=>{_=!0,clearInterval(ft),clearTimeout($),I?.close(),u?.destroy()});it();