@wrongstack/webui-hq 0.295.1 → 0.296.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (28) hide show
  1. package/dist/assets/alerts-BjEpUt0S.js +1 -0
  2. package/dist/assets/brain-rtqqgiFJ.js +1 -0
  3. package/dist/assets/{cockpit-C75mdKG0.js → cockpit-TAQtONc4.js} +1 -1
  4. package/dist/assets/{control-9gbHkIxG.js → control-RGqCysT8.js} +1 -1
  5. package/dist/assets/cost-BdYMgqJF.js +1 -0
  6. package/dist/assets/{fleet-map-ZXyaXmLN.js → fleet-map-NYSgfhOv.js} +1 -1
  7. package/dist/assets/{fleet-topology-BsJ5_kT5.js → fleet-topology-D59v7Ec7.js} +1 -1
  8. package/dist/assets/{icons-By3Hdl4l.js → icons-BV2PcvP1.js} +1 -1
  9. package/dist/assets/index-CBQuUJLJ.css +1 -0
  10. package/dist/assets/index-JtwIxe7S.js +2 -0
  11. package/dist/assets/{kanban-B2AFjoqo.js → kanban-DafBjWVp.js} +1 -1
  12. package/dist/assets/{live-console-Becmkvl_.js → live-console-UTUFGuNq.js} +1 -1
  13. package/dist/assets/{mailbox-DaGVP3NU.js → mailbox-CfZc7ihG.js} +1 -1
  14. package/dist/assets/{markdown-Gk0ONVoB.js → markdown-HUVrfVaI.js} +1 -1
  15. package/dist/assets/{settings-Do22vzV5.js → settings-7QqKSgKT.js} +1 -1
  16. package/dist/assets/trends-D8ophSBn.js +1 -0
  17. package/dist/assets/{use-backfilled-events-DxtA7tOA.js → use-backfilled-events-XgbaW3ZO.js} +1 -1
  18. package/dist/assets/{vendor-BZ0LLq_u.js → vendor-DT5_U5Rx.js} +2 -2
  19. package/dist/assets/worktree-CJgUsABP.js +1 -0
  20. package/dist/index.html +5 -5
  21. package/package.json +12 -12
  22. package/dist/assets/alerts-B1qqqWUr.js +0 -1
  23. package/dist/assets/brain-CpQB7l6M.js +0 -1
  24. package/dist/assets/cost-C0gImFmq.js +0 -1
  25. package/dist/assets/index-B7CIS4YI.js +0 -2
  26. package/dist/assets/index-BwMtTmmk.css +0 -1
  27. package/dist/assets/trends-DeKfDR_M.js +0 -1
  28. package/dist/assets/worktree-BEg27SYD.js +0 -1
package/dist/index.html CHANGED
@@ -5,12 +5,12 @@
5
5
  <link rel="icon" type="image/svg+xml" href="/wrongstack.svg" />
6
6
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
7
  <title>WrongStack HQ</title>
8
- <script type="module" crossorigin src="/assets/index-B7CIS4YI.js"></script>
8
+ <script type="module" crossorigin src="/assets/index-JtwIxe7S.js"></script>
9
9
  <link rel="modulepreload" crossorigin href="/assets/rolldown-runtime-QTnfLwEv.js">
10
- <link rel="modulepreload" crossorigin href="/assets/icons-By3Hdl4l.js">
11
- <link rel="modulepreload" crossorigin href="/assets/vendor-BZ0LLq_u.js">
12
- <link rel="modulepreload" crossorigin href="/assets/markdown-Gk0ONVoB.js">
13
- <link rel="stylesheet" crossorigin href="/assets/index-BwMtTmmk.css">
10
+ <link rel="modulepreload" crossorigin href="/assets/icons-BV2PcvP1.js">
11
+ <link rel="modulepreload" crossorigin href="/assets/vendor-DT5_U5Rx.js">
12
+ <link rel="modulepreload" crossorigin href="/assets/markdown-HUVrfVaI.js">
13
+ <link rel="stylesheet" crossorigin href="/assets/index-CBQuUJLJ.css">
14
14
  </head>
15
15
  <body>
16
16
  <div id="root"></div>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wrongstack/webui-hq",
3
- "version": "0.295.1",
3
+ "version": "0.296.2",
4
4
  "license": "MIT",
5
5
  "description": "HQ Command Center dashboard — offline React app for the cross-machine coordination surface (port 3499).",
6
6
  "type": "module",
@@ -8,27 +8,27 @@
8
8
  "./package.json": "./package.json"
9
9
  },
10
10
  "dependencies": {
11
- "@fontsource-variable/ibm-plex-sans": "^5.2.8",
12
- "@fontsource-variable/manrope": "^5.2.8",
13
- "@fontsource-variable/space-grotesk": "^5.2.10",
14
- "@fontsource/ibm-plex-mono": "^5.2.7",
11
+ "@fontsource-variable/ibm-plex-sans": "^5.3.0",
12
+ "@fontsource-variable/manrope": "^5.3.0",
13
+ "@fontsource-variable/space-grotesk": "^5.3.0",
14
+ "@fontsource/ibm-plex-mono": "^5.3.0",
15
15
  "@xyflow/react": "^12.11.2",
16
- "lucide-react": "^1.25.0",
17
- "react": "^19.2.7",
18
- "react-dom": "^19.2.7",
16
+ "lucide-react": "^1.26.0",
17
+ "react": "^19.2.8",
18
+ "react-dom": "^19.2.8",
19
19
  "react-markdown": "^10.1.0",
20
20
  "rehype-highlight": "^7.0.2",
21
21
  "remark-gfm": "^4.0.1",
22
22
  "virtua": "^0.49.3",
23
23
  "zustand": "5.0.14",
24
- "@wrongstack/webui-server": "0.295.1",
25
- "@wrongstack/tools": "0.295.1",
26
- "@wrongstack/core": "0.295.1"
24
+ "@wrongstack/core": "0.296.2",
25
+ "@wrongstack/webui-server": "0.296.2",
26
+ "@wrongstack/tools": "0.296.2"
27
27
  },
28
28
  "devDependencies": {
29
29
  "@types/react": "^19.2.17",
30
30
  "@types/react-dom": "^19.2.3",
31
- "@vitejs/plugin-react": "^6.0.3",
31
+ "@vitejs/plugin-react": "^6.0.4",
32
32
  "typescript": "^7.0.2",
33
33
  "vite": "^8.1.5",
34
34
  "vitest": "4.1.10"
@@ -1 +0,0 @@
1
- import{r as e}from"./rolldown-runtime-QTnfLwEv.js";import{Lt as t}from"./icons-By3Hdl4l.js";import{i as n}from"./markdown-Gk0ONVoB.js";import{f as r,l as i,o as a}from"./index-B7CIS4YI.js";var o=e(t(),1),s=n();function c(){let e=i(r(e=>e.alerts)),[t,n]=(0,o.useState)([]),[c,l]=(0,o.useState)([]);(0,o.useEffect)(()=>{let e=!1,t=()=>{a(`/api/alerts`).then(t=>{e||(n(t.active),l(t.history))}).catch(()=>{})};t();let r=setInterval(t,15e3);return()=>{e=!0,clearInterval(r)}},[]);let u=e.slice(-50).reverse();return(0,s.jsxs)(`div`,{children:[t.length>0&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(`div`,{className:`hq-card-title`,children:[`Active Alerts (`,t.length,`)`]}),t.map(e=>(0,s.jsxs)(`div`,{className:`hq-card hq-card-severity `+e.severity,children:[(0,s.jsxs)(`div`,{className:`hq-row`,children:[(0,s.jsx)(`span`,{className:`hq-pill `+e.severity,children:e.severity}),(0,s.jsx)(`span`,{className:`hq-text-bright`,children:e.ruleId}),(0,s.jsxs)(`span`,{className:`hq-mono hq-ml-auto hq-text-dim`,children:[`since `,new Date(e.firstFiredAt).toLocaleTimeString()]})]}),(0,s.jsx)(`div`,{className:`hq-row-detail`,children:e.message})]},e.id))]}),(0,s.jsxs)(`div`,{className:`hq-card-title`,children:[`Live Alert Feed (last `,u.length,`)`]}),u.length===0?(0,s.jsx)(`div`,{className:`hq-empty`,children:`No live alerts. Alerts fire when fleet rules trigger (cost, stale, failures).`}):u.map((e,t)=>(0,s.jsxs)(`div`,{className:`hq-card`,children:[(0,s.jsxs)(`div`,{className:`hq-row`,children:[(0,s.jsx)(`span`,{className:`hq-pill `+e.severity,children:e.severity}),(0,s.jsx)(`span`,{className:`hq-mono hq-ml-auto hq-text-dim`,children:new Date(e.timestamp).toLocaleTimeString()})]}),(0,s.jsx)(`div`,{className:`hq-row-detail`,children:e.message})]},t)),(0,s.jsxs)(`div`,{className:`hq-card-title`,children:[`Alert History (`,c.length,`)`]}),(0,s.jsx)(`div`,{className:`hq-card`,children:c.length===0?(0,s.jsx)(`div`,{className:`hq-empty`,children:`No historical alerts.`}):c.slice(-30).reverse().map((e,t)=>(0,s.jsxs)(`div`,{className:`hq-row`,children:[(0,s.jsx)(`span`,{className:`hq-pill `+e.severity,children:e.severity}),(0,s.jsx)(`span`,{className:`hq-mono`,children:e.ruleId}),(0,s.jsx)(`span`,{className:`hq-text-muted`,children:e.message}),(0,s.jsx)(`span`,{className:`hq-mono hq-ml-auto hq-text-dim`,children:new Date(e.lastFiredAt).toLocaleTimeString()})]},t))})]})}export{c as AlertsView};
@@ -1 +0,0 @@
1
- import{Ct as e,Q as t,bt as n,jt as r,s as i,t as a,xt as o}from"./icons-By3Hdl4l.js";import{i as s}from"./markdown-Gk0ONVoB.js";import{t as c}from"./use-backfilled-events-DxtA7tOA.js";var l=s(),u={decision_requested:{label:`Requested`,Icon:o,cls:`info`},decision_answered:{label:`Answered`,Icon:e,cls:`active`},decision_ask_human:{label:`Ask Human`,Icon:t,cls:`warn`},decision_denied:{label:`Denied`,Icon:n,cls:`error`},human_answered:{label:`Human`,Icon:i,cls:`info`},intervention:{label:`Intervention`,Icon:a,cls:`warn`}};function d(){let{events:e,loading:t}=c(`brain.event`,200),n=e.slice(-200).reverse();return n.length===0?(0,l.jsx)(`div`,{className:`hq-empty`,children:t?`Loading brain history…`:`No brain decisions yet. Brain events appear when autonomous consumers (Director, Goal, Eternal) route decisions through the Brain.`}):(0,l.jsxs)(`div`,{children:[(0,l.jsxs)(`div`,{className:`hq-card-title`,children:[`Brain Decisions (last `,n.length,`)`]}),n.map(e=>{let t=e.payload,n=u[t.kind]??{label:t.kind,Icon:r,cls:`info`};return(0,l.jsxs)(`div`,{className:`hq-card`,children:[(0,l.jsxs)(`div`,{className:`hq-row`,children:[(0,l.jsx)(n.Icon,{size:15,className:`hq-kind-icon ${n.cls}`}),(0,l.jsx)(`span`,{className:`hq-text-bright`,children:n.label}),t.source!==void 0&&(0,l.jsx)(`span`,{className:`hq-pill info`,children:t.source}),t.risk!==void 0&&(0,l.jsxs)(`span`,{className:`hq-pill ${t.risk===`high`||t.risk===`critical`?`error`:`warn`}`,children:[t.risk,` risk`]}),(0,l.jsx)(`span`,{className:`hq-mono hq-row-time`,children:new Date(t.at).toLocaleTimeString()})]}),t.question!==void 0&&(0,l.jsx)(`div`,{className:`hq-mono hq-row-detail`,children:t.question}),t.decision!==void 0&&(0,l.jsx)(`div`,{className:`hq-row hq-row-detail`,children:(0,l.jsxs)(`span`,{className:`hq-pill active`,children:[`→ `,t.decision]})}),t.detail!==void 0&&(0,l.jsx)(`div`,{className:`hq-mono hq-row-subtle`,children:t.detail}),t.kind===`intervention`&&(0,l.jsxs)(`div`,{className:`hq-row hq-row-detail`,children:[(0,l.jsx)(`span`,{className:`hq-pill warn`,children:t.interventionKind}),(0,l.jsx)(`span`,{className:`hq-pill`,children:t.intervened?`steered`:`observed`})]})]},e.id)})]})}export{d as BrainView};
@@ -1 +0,0 @@
1
- import{r as e}from"./rolldown-runtime-QTnfLwEv.js";import{Lt as t}from"./icons-By3Hdl4l.js";import{i as n}from"./markdown-Gk0ONVoB.js";import{l as r}from"./index-B7CIS4YI.js";var i=e(t(),1),a=n();function o(e){return e>=1e6?`${(e/1e6).toFixed(1)}M`:e>=1e3?`${(e/1e3).toFixed(1)}k`:String(e)}function s(){let e=r(e=>e.snapshot),t=e?.projects??[],n=e?.liveSessions??[],s=e?.totals.totalCostUsd??0,c=(0,i.useMemo)(()=>n.map(e=>{let t=0,n=0,r=new Set;for(let i of e.agents)t+=i.costUsd??0,n+=(i.tokensIn??0)+(i.tokensOut??0),i.model!==void 0&&r.add(i.model);return{s:e,cost:t,tokens:n,models:[...r]}}).filter(e=>e.cost>0||e.tokens>0).sort((e,t)=>t.cost-e.cost),[n]);if(t.length===0)return(0,a.jsx)(`div`,{className:`hq-empty`,children:`No cost data yet — connect some clients.`});let l=[...t].sort((e,t)=>t.totalCostUsd-e.totalCostUsd);return(0,a.jsxs)(`div`,{children:[(0,a.jsxs)(`div`,{className:`hq-kpi-row`,children:[(0,a.jsxs)(`div`,{className:`hq-kpi hero`,children:[(0,a.jsxs)(`span`,{className:`hq-kpi-value accent-cost`,children:[`$`,s.toFixed(4)]}),(0,a.jsx)(`span`,{className:`hq-kpi-label`,children:`total fleet cost`})]}),(0,a.jsxs)(`div`,{className:`hq-kpi`,children:[(0,a.jsx)(`span`,{className:`hq-kpi-value`,children:t.length}),(0,a.jsx)(`span`,{className:`hq-kpi-label`,children:`projects`})]}),(0,a.jsxs)(`div`,{className:`hq-kpi`,children:[(0,a.jsx)(`span`,{className:`hq-kpi-value`,children:c.length}),(0,a.jsx)(`span`,{className:`hq-kpi-label`,children:`costed sessions`})]})]}),(0,a.jsx)(`div`,{className:`hq-card-title`,children:`By Project`}),l.map(e=>{let t=s>0?e.totalCostUsd/s*100:0;return(0,a.jsxs)(`div`,{className:`hq-card`,children:[(0,a.jsxs)(`div`,{className:`hq-row`,children:[(0,a.jsx)(`span`,{className:`hq-text-bright`,children:e.projectName}),(0,a.jsx)(`span`,{className:`hq-mono hq-row-subtle`,children:e.projectId}),(0,a.jsxs)(`span`,{className:`hq-cost-amount`,children:[`$`,e.totalCostUsd.toFixed(4)]}),(0,a.jsxs)(`span`,{className:`hq-mono hq-row-subtle`,children:[t.toFixed(1),`%`]})]}),(0,a.jsx)(`div`,{className:`hq-share-track`,children:(0,a.jsx)(`div`,{className:`hq-share-fill`,style:{width:`${t}%`}})}),(0,a.jsxs)(`div`,{className:`hq-row hq-row-detail`,children:[(0,a.jsxs)(`span`,{className:`hq-pill info`,children:[e.activeSessions,` sessions`]}),(0,a.jsxs)(`span`,{className:`hq-pill active`,children:[e.activeSubagents,` subagents`]}),(0,a.jsxs)(`span`,{className:`hq-pill idle`,children:[e.activeClients,` clients`]})]})]},e.projectId)}),c.length>0&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(`div`,{className:`hq-card-title`,children:`By Session`}),(0,a.jsx)(`div`,{className:`hq-card`,children:c.map(({s:e,cost:t,tokens:n,models:i})=>(0,a.jsxs)(`button`,{type:`button`,className:`hq-row hq-row-click`,onClick:()=>{r.getState().selectSession(e.sessionId),r.getState().setActiveView(`console`)},title:`Open in Console`,children:[(0,a.jsx)(`span`,{className:`hq-text-bright`,children:e.projectName}),(0,a.jsx)(`span`,{className:`hq-pill idle`,children:e.clientKind}),i.map(e=>(0,a.jsx)(`span`,{className:`hq-pill info`,children:e},e)),(0,a.jsxs)(`span`,{className:`hq-mono hq-row-subtle`,children:[o(n),` tok`]}),(0,a.jsxs)(`span`,{className:`hq-cost-amount`,children:[`$`,t.toFixed(4)]})]},e.sessionId))})]})]})}export{s as CostView};
@@ -1,2 +0,0 @@
1
- const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/cockpit-C75mdKG0.js","assets/rolldown-runtime-QTnfLwEv.js","assets/icons-By3Hdl4l.js","assets/markdown-Gk0ONVoB.js","assets/fleet-map-ZXyaXmLN.js","assets/vendor-BZ0LLq_u.js","assets/fleet-topology-BsJ5_kT5.js","assets/live-console-Becmkvl_.js","assets/mailbox-DaGVP3NU.js","assets/use-backfilled-events-DxtA7tOA.js","assets/kanban-B2AFjoqo.js","assets/cost-C0gImFmq.js","assets/brain-CpQB7l6M.js","assets/worktree-BEg27SYD.js","assets/trends-DeKfDR_M.js","assets/alerts-B1qqqWUr.js","assets/control-9gbHkIxG.js","assets/settings-Do22vzV5.js"])))=>i.map(i=>d[i]);
2
- import{r as e}from"./rolldown-runtime-QTnfLwEv.js";import{A as t,At as n,C as r,Ct as i,E as a,It as o,J as s,K as c,Lt as l,Mt as u,N as d,Pt as f,R as ee,St as p,T as te,Y as ne,_ as re,a as ie,c as m,g as h,ht as g,i as ae,j as oe,mt as _,n as v,o as se,p as ce,rt as le,u as ue,x as y,yt as de}from"./icons-By3Hdl4l.js";import{t as fe}from"./vendor-BZ0LLq_u.js";import{i as pe}from"./markdown-Gk0ONVoB.js";(function(){let e=document.createElement(`link`).relList;if(e&&e.supports&&e.supports(`modulepreload`))return;for(let e of document.querySelectorAll(`link[rel="modulepreload"]`))n(e);new MutationObserver(e=>{for(let t of e)if(t.type===`childList`)for(let e of t.addedNodes)e.tagName===`LINK`&&e.rel===`modulepreload`&&n(e)}).observe(document,{childList:!0,subtree:!0});function t(e){let t={};return e.integrity&&(t.integrity=e.integrity),e.referrerPolicy&&(t.referrerPolicy=e.referrerPolicy),e.crossOrigin===`use-credentials`?t.credentials=`include`:e.crossOrigin===`anonymous`?t.credentials=`omit`:t.credentials=`same-origin`,t}function n(e){if(e.ep)return;e.ep=!0;let n=t(e);fetch(e.href,n)}})();var b={maxReconnectAttempts:10,initialBackoffMs:1e3,maxBackoffMs:3e4,backoffMultiplier:2,jitterRatio:0,queueLimit:1e3,heartbeatIntervalMs:0,heartbeatTimeoutMs:0};function me(){return{phase:`idle`,reconnectAttempt:0,lastActivityAt:null,stopped:!1}}function he(e){return e.stopped?e:{...e,phase:`connecting`}}function ge(e,t=Date.now()){return{...e,phase:`open`,reconnectAttempt:0,lastActivityAt:t,stopped:!1}}function _e(e,t=Date.now()){return{...e,lastActivityAt:t}}function ve(e){return{...e,phase:`closed`,stopped:!0}}function ye(e,t,n=Date.now(),r=Math.random){if(e.stopped||e.reconnectAttempt>=t.maxReconnectAttempts)return{state:{...e,phase:`closed`},plan:null};let i=e.reconnectAttempt+1,a=Math.min(t.initialBackoffMs*t.backoffMultiplier**(i-1),t.maxBackoffMs),o=(r()*2-1)*t.jitterRatio,s=Math.max(0,Math.round(a*(1+o)));return{state:{...e,phase:`reconnecting`,reconnectAttempt:i},plan:{attempt:i,delayMs:s,retryAt:n+s}}}function be(e,t,n=Date.now()){return e.phase!==`open`||e.lastActivityAt===null||t.heartbeatIntervalMs<=0?!1:n-e.lastActivityAt>t.heartbeatIntervalMs+t.heartbeatTimeoutMs}var xe=`abort,ping,user_message,tool.confirm_result,completion.request,model.switch,model.refine,autonomy.switch,context.clear,context.compact,context.debug,context.mode.create,context.mode.delete,context.mode.switch,context.mode.update,context.modes.list,context.repair,mode.switch,modes.list,session.checkpoints,session.delete,session.new,session.rename,session.resume,session.rewind,session.save,sessions.list,side_effects.list,stats.get,todo.update,todos.clear,todos.get,todos.remove`.split(`,`),Se=[`collab.join`,`collab.leave`,`collab.annotate`,`collab.resolve`,`collab.request_pause`,`collab.resume`,`collab.grant_control`,`collab.inject_tool`,`mailbox.agents`,`mailbox.clear`,`mailbox.compact`,`mailbox.messages`,`mailbox.purge`,`mailbox.send`],Ce=`brain.ask,brain.config.get,brain.config.set,brain.risk,brain.status,chronicle.facet,chronicle.facets,chronicle.graph,chronicle.metrics,chronicle.query,config.doctor,design.list,design.materialize,design.set,design.state,design.swap,design.tune,design.use,design.verify,memory.list,memory.sage.backfillRecoverable,memory.sage.candidateResolve,memory.sage.delete,memory.sage.forFile,memory.sage.get,memory.sage.graph,memory.sage.list,memory.sage.listPage,memory.sage.recover,memory.sage.remember,memory.sage.update`.split(`,`),we=`auth.oauth.cancel,auth.oauth.code,auth.oauth.start,mcp.add,mcp.disable,mcp.discover,mcp.enable,mcp.list,mcp.prompt.get,mcp.prompts,mcp.remove,mcp.resource.read,mcp.resources,mcp.restart,mcp.sleep,mcp.update,mcp.wake,prompts.content,prompts.create,prompts.favorite,prompts.list,prompts.recent,prompts.search,prompts.used,skills.content,skills.create,skills.edit,skills.export,skills.install,skills.list,skills.uninstall,skills.update`.split(`,`),Te=`goal-state.get,goal.addTask,goal.assignTask,goal.clear,goal.get,goal.list,goal.load,goal.moveTask,goal.pause,goal.resume,goal.retryTask,goal.revert,goal.runTask,goal.save,goal.selectPhase,goal.start,goal.state,goal.status,goal.stop,goal.taskStatus,goal.toggleAutonomous,plan.get,plan.item.update,plan.template_use,task.update,tasks.get`.split(`,`),Ee=[`sdd.board.cancel_task`,`sdd.board.cleanup_worktrees`,`sdd.board.delete_task`,`sdd.board.destroy`,`sdd.board.get`,`sdd.board.list`,`sdd.board.pause`,`sdd.board.reassign`,`sdd.board.resume`,`sdd.board.retry`,`sdd.board.retry_all_failed`,`sdd.board.rollback`,`sdd.board.set_task_fallbacks`,`sdd.board.set_task_model`,`sdd.board.set_task_verification`,`sdd.board.split_task`,`sdd.board.stop`,`sdd.run.start`,`sdd.spec.approve`,`sdd.spec.get`,`sdd.spec.message`,`sdd.spec.start`,`specs.get`,`specs.list`,`specs.taskStatus`],De=[`files.list`,`files.read`,`files.tree`,`files.write`,`git.changes`,`git.diff`,`git.info`,`projects.add`,`projects.list`,`projects.select`,`working_dir.set`,`worktree.cleanup`,`worktree.diff`,`worktree.merge`,`worktree.remove`,`worktree.scan`,`shell.open`,`process.kill`,`process.killAll`,`process.list`,`terminal.close`,`terminal.create`,`terminal.input`,`terminal.resize`],Oe=[`diag.get`,`key.add`,`key.delete`,`key.set_active`,`key.update`,`prefs.get`,`prefs.update`,`provider.add`,`provider.clear_models`,`provider.models`,`provider.probe`,`provider.remove`,`provider.undo_clear`,`provider.update`,`providers.list`,`providers.saved`,`tool.disable`,`tool.enable`,`tools.list`,`webui.shutdown`],ke=`error,log,pong,side_effects,agent.status_changed,agent.timeline.message,client.status_update,compaction.failed,completion.result,context.compacted,context.debug,context.mode.changed,context.modes.list,context.repaired,ctx.max_context,ctx.pct,delegate.completed,delegate.started,iteration.completed,iteration.limit_reached,iteration.started,model.refine_result,modes.list,provider.active_blocked,provider.error,provider.fallback,provider.response,provider.retry,provider.status_changed,provider.stream_error,provider.text_delta,provider.thinking_delta,run.result,session.checkpoints,session.damaged,session.end,session.rewound,session.start,session.stats,sessions.list,sessions.status_update,stats.get,token.cost_estimate_unavailable,token.threshold,tool.confirm_needed,tool.disabled,tool.enabled,tool.executed,tool.loop_detected,tool.progress,tool.started,tools.list,trust.persisted`.split(`,`),Ae=[`collab.annotation.added`,`collab.annotation.resolved`,`collab.event`,`collab.injection.granted`,`collab.participant.joined`,`collab.participant.left`,`collab.pause.granted`,`collab.pause.released`,`collab.state`,`mailbox.agent_registered`,`mailbox.agents`,`mailbox.cleared`,`mailbox.compacted`,`mailbox.event`,`mailbox.messages`,`mailbox.sent`,`mailbox.purged`,`mailbox.received`,`subagent.budget_extended`,`subagent.event`],je=`brain.answer,brain.config,brain.event,brain.status,chronicle.error,chronicle.facet_result,chronicle.facets_result,chronicle.graph_result,chronicle.metrics_result,chronicle.query_result,config.doctor.result,design.list,design.materialize,design.set,design.state,design.swap,design.tune,design.use,design.verify,memory.event,memory.list,memory.sage.backfillRecoverable,memory.sage.candidateResolve,memory.sage.delete,memory.sage.forFile,memory.sage.get,memory.sage.graph,memory.sage.list,memory.sage.listPage,memory.sage.recover,memory.sage.remember,memory.sage.update`.split(`,`),Me=`mcp.content.error,mcp.content.selected,mcp.list,mcp.operation_result,mcp.prompts,mcp.resources,mcp.server.added,mcp.server.connected,mcp.server.disconnected,mcp.server.discovered,mcp.server.error,mcp.server.reconnected,mcp.server.removed,mcp.server.sleeping,mcp.server.updated,mcp.server.waking,prompts.content,prompts.created,prompts.favorite,prompts.list,prompts.recent,prompts.search,prompts.used,skills.content,skills.created,skills.edited,skills.exported,skills.installed,skills.list,skills.uninstalled,skills.updated`.split(`,`),Ne=`budget.decision,budget.threshold_reached,coordinator.stats,coordinator.status,eternal.iteration,fleet.concurrency_update,goal-state.updated,goal.list,goal.paused,goal.resumed,goal.saved,goal.error,goal.stopped,goal.failed,goal.completed,goal.cleared,goal.reverted,goal.progress,goal.state,in_flight.ended,in_flight.started,plan.updated,task.completed,task.failed,task.pending,task.started,tasks.updated,todos.cleared,todos.updated`.split(`,`),Pe=[`kanban.task.activity`,`sdd.board.lifecycle_result`,`sdd.board.list`,`sdd.board.snapshot`,`sdd.run.started`,`sdd.spec.agent_text`,`sdd.spec.error`,`sdd.spec.snapshot`,`specs.detail`,`specs.list`],Fe=[`consensus.vote_cast`,`consensus.vote_initiated`,`consensus.vote_resolved`,`cron.job_fired`,`cron.snapshot`,`techstack.job.cancelled`,`techstack.job.failed`,`techstack.job.progress`,`techstack.job.started`,`techstack.report.delivered`,`techstack.report.ready`,`techstack.snapshot.updated`,`techstack.workspace.completed`],Ie=`checkpoint.written,codemap.file_event,codemap.index_updated,codemap.tool_executed,codemap.tool_started,file.saved,files.list,files.read,files.tree,files.written,git.changes,git.diff,git.info,process.list,projects.added,projects.list,projects.selected,terminal.exit,terminal.output,working_dir.changed,worktree.cleanup_result,worktree.diff_result,worktree.event,worktree.merge_result,worktree.orphans,worktree.state`.split(`,`),Le=[`auth.oauth.status`,`diag.get`,`key.operation_result`,`prefs.updated`,`provider.catalog`,`provider.models`,`provider.probe`,`providers.saved`],Re=[...xe,...Se,...De,...Oe,...Te,...Ee,...Ce,...we],ze=[...ke,...Ae,...Ie,...Le,...Ne,...Pe,...Fe,...je,...Me];new Set(Re),new Set(ze);function x(e){return typeof e==`object`&&e&&!Array.isArray(e)?e:null}function S(e,t=0){return typeof e==`number`&&Number.isFinite(e)?e:t}function C(e){return e===void 0||Array.isArray(e)}function Be(e){return S(e.activeProjects)===e.activeProjects&&S(e.activeClients)===e.activeClients&&S(e.activeSessions)===e.activeSessions&&S(e.activeSubagents)===e.activeSubagents&&S(e.unreadMailboxMessages)===e.unreadMailboxMessages&&S(e.incompleteMailboxMessages)===e.incompleteMailboxMessages&&S(e.totalCostUsd)===e.totalCostUsd}function Ve(e){if(e.type!==`hq.snapshot`)return null;let t=x(e.snapshot),n=t?x(t.totals):null;return!t||typeof t.generatedAt!=`string`||!Array.isArray(t.clients)||!Array.isArray(t.projects)||!Array.isArray(t.sessions)||!Array.isArray(t.fleets)||!Array.isArray(t.mailboxes)||!n||!Be(n)||!C(t.machines)||!C(t.liveSessions)||!C(t.mcpServers)?null:{kind:`hq-snapshot`,snapshot:t}}function He(e){if(e.type!==`hq.event`)return null;let t=x(e.event);return!t||typeof t.id!=`string`||typeof t.type!=`string`||typeof t.timestamp!=`string`||typeof t.clientId!=`string`||typeof t.projectId!=`string`||typeof t.seq!=`number`?null:{kind:`hq-event`,event:t}}function Ue(e){return e.type!==`hq.alert`||typeof e.severity!=`string`||![`info`,`warn`,`error`].includes(e.severity)||typeof e.message!=`string`||typeof e.timestamp!=`string`?null:{kind:`hq-alert`,alert:e}}function We(e){if(e.type!==`hq.command_status`)return null;let t=x(e.command);return!t||typeof t.commandId!=`string`||typeof t.type!=`string`||typeof t.clientId!=`string`||typeof t.enqueuedBy!=`string`||typeof t.enqueuedAt!=`string`||typeof t.status!=`string`||![`queued`,`delivered`,`acked`].includes(t.status)?null:{kind:`hq-command-status`,command:t}}var w=e(l(),1),Ge=fe(),T=e=>Symbol.iterator in e,E=e=>`entries`in e,D=(e,t)=>{let n=e instanceof Map?e:new Map(e.entries()),r=t instanceof Map?t:new Map(t.entries());if(n.size!==r.size)return!1;for(let[e,t]of n)if(!r.has(e)||!Object.is(t,r.get(e)))return!1;return!0},Ke=(e,t)=>{let n=e[Symbol.iterator](),r=t[Symbol.iterator](),i=n.next(),a=r.next();for(;!i.done&&!a.done;){if(!Object.is(i.value,a.value))return!1;i=n.next(),a=r.next()}return!!i.done&&!!a.done};function qe(e,t){return Object.is(e,t)?!0:typeof e!=`object`||!e||typeof t!=`object`||!t||Object.getPrototypeOf(e)!==Object.getPrototypeOf(t)?!1:T(e)&&T(t)?E(e)&&E(t)?D(e,t):Ke(e,t):D({entries:()=>Object.entries(e)},{entries:()=>Object.entries(t)})}function O(e){let t=w.useRef(void 0);return n=>{let r=e(n);return qe(t.current,r)?t.current:t.current=r}}var k=`wrongstack.hq.token.v1`;function A(){if(typeof window>`u`)return null;try{let e=new URLSearchParams(window.location.search).get(`token`);return e!==null&&e.length>0?e:null}catch{return null}}function j(){if(typeof window>`u`)return null;try{return window.sessionStorage??null}catch{return null}}function M(){try{let e=j()?.getItem(k)??null;return e!==null&&e.length>0?e:null}catch{return null}}function N(e){try{j()?.setItem(k,e)}catch{}}function P(){try{j()?.removeItem(k)}catch{}}function F(){let e=A();return e===null?M():(N(e),e)}function Je(){if(typeof window>`u`)return;let e=A();if(e!==null&&(N(e),M()===e))try{let e=new URL(window.location.href);e.searchParams.delete(`token`),window.history.replaceState(null,``,`${e.pathname}${e.search}${e.hash}`)}catch{}}function Ye(){let e=F();return e===null?{}:{Authorization:`Bearer ${e}`}}function I(e,t){let n={...t?.headers??{},...Ye()};return fetch(e,{...t,headers:n})}var Xe=e=>{let t,n=new Set,r=(e,r)=>{let i=typeof e==`function`?e(t):e;if(!Object.is(i,t)){let e=t;t=r??(typeof i!=`object`||!i)?i:Object.assign({},t,i),n.forEach(n=>n(t,e))}},i=()=>t,a={setState:r,getState:i,getInitialState:()=>o,subscribe:e=>(n.add(e),()=>n.delete(e))},o=t=e(r,i,a);return a},Ze=(e=>e?Xe(e):Xe),Qe=e=>e;function $e(e,t=Qe){let n=w.useSyncExternalStore(e.subscribe,w.useCallback(()=>t(e.getState()),[e,t]),w.useCallback(()=>t(e.getInitialState()),[e,t]));return w.useDebugValue(n),n}var et=e=>{let t=Ze(e),n=e=>$e(t,e);return Object.assign(n,t),n},tt=(e=>e?et(e):et),nt=6e3,rt=0,L=tt()(e=>({toasts:[],addToast:(t,n=`info`,r=nt,i)=>{let a=`toast-${++rt}-${Date.now()}`,o={id:a,message:t,severity:n,createdAt:Date.now(),ttlMs:r,action:i};e(e=>({toasts:[...e.toasts.slice(-4),o]})),r>0&&setTimeout(()=>{e(e=>({toasts:e.toasts.filter(e=>e.id!==a)}))},r)},removeToast:t=>e(e=>({toasts:e.toasts.filter(e=>e.id!==t)})),clearToasts:()=>e({toasts:[]})})),R=pe(),it={error:(0,R.jsx)(de,{size:16,"aria-hidden":`true`}),warning:(0,R.jsx)(m,{size:16,"aria-hidden":`true`}),info:(0,R.jsx)(s,{size:16,"aria-hidden":`true`}),success:(0,R.jsx)(i,{size:16,"aria-hidden":`true`})};function at(){let{toasts:e,removeToast:t}=L(O(e=>({toasts:e.toasts,removeToast:e.removeToast})));return e.length===0?null:(0,R.jsx)(`div`,{className:`hq-toast-container`,role:`status`,"aria-live":`polite`,"aria-label":`Notifications`,children:e.map(e=>(0,R.jsxs)(`div`,{className:`hq-toast hq-toast--${e.severity}`,"data-severity":e.severity,children:[(0,R.jsx)(`span`,{className:`hq-toast-icon`,children:it[e.severity]}),(0,R.jsx)(`span`,{className:`hq-toast-message`,children:e.message}),e.action?(0,R.jsx)(`span`,{className:`hq-toast-action`,children:e.action}):null,(0,R.jsx)(`button`,{type:`button`,className:`hq-toast-close`,"aria-label":`Dismiss notification`,onClick:()=>t(e.id),children:(0,R.jsx)(v,{size:12})})]},e.id))})}function ot(e,t){let n=t.liveSessions??[],r=e.selectedSessionId===null?void 0:n.find(t=>t.sessionId===e.selectedSessionId),i=e.selectedAgentId===null||r?.agents.some(t=>t.id===e.selectedAgentId)===!0,a=e.selectedClientId===null||t.clients.some(t=>t.clientId===e.selectedClientId);return{snapshot:t,...e.selectedSessionId!==null&&r===void 0?{selectedSessionId:null,selectedAgentId:null}:i?{}:{selectedAgentId:null},...a?{}:{selectedClientId:null}}}function st(e,t){return e.timestamp===t.timestamp&&e.severity===t.severity&&e.message===t.message}var z=tt()(e=>({snapshot:null,events:[],alerts:[],commandStatuses:[],activeView:`cockpit`,selectedSessionId:null,selectedAgentId:null,selectedClientId:null,connected:!1,authRequired:!1,setActiveView:t=>e({activeView:t}),selectSession:(t,n=null)=>e({selectedSessionId:t,selectedAgentId:n}),selectAgent:(t,n)=>e({selectedSessionId:t,selectedAgentId:n}),selectClient:t=>e({selectedClientId:t}),markAuthRequired:()=>e(e=>e.authRequired?{}:{authRequired:!0}),_hydrateSnapshot:t=>e(e=>e.snapshot===null?ot(e,t):{}),_onSnapshot:t=>e(e=>({...ot(e,t),connected:!0})),_onEvent:t=>e(e=>e.events.some(e=>e.id===t.id)?{}:{events:[...e.events,t].slice(-500)}),_onAlert:t=>e(e=>e.alerts.some(e=>st(e,t))?{}:{alerts:[...e.alerts,t].slice(-100)}),_onCommandStatus:t=>e(e=>{let n=e.commandStatuses.findIndex(e=>e.commandId===t.commandId);if(n<0)return{commandStatuses:[...e.commandStatuses,t].slice(-200)};let r=[...e.commandStatuses];return r[n]=t,{commandStatuses:r}}),_setConnected:t=>e({connected:t})}));async function B(e){let t;try{t=await I(e)}catch{throw Error(`Network error fetching ${e}`)}if(t.status===401)throw z.getState().markAuthRequired(),Error(`401 Unauthorized fetching ${e} — browser token required`);if(!t.ok)throw Error(`${t.status} ${t.statusText}`);try{return await t.json()}catch{throw Error(`Invalid JSON response from ${e}: ${t.status}`)}}async function ct(e){let t;try{t=await I(`/api/mailbox-send`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify(e)})}catch{throw Error(`Network error sending mailbox message`)}if(t.status===401)throw z.getState().markAuthRequired(),Error(`401 Unauthorized — browser token required`);if(!t.ok){let e=await t.json().catch(()=>null),n=typeof e?.error==`string`?e.error:t.statusText||`HTTP ${t.status}`;throw Error(n)}try{return await t.json()}catch{throw Error(`Invalid JSON response from mailbox-send API`)}}async function lt(e,t,n){let r;try{r=await I(`/api/command`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({clientId:e,type:t,payload:n})})}catch{throw Error(`Network error sending command`)}if(r.status===401)throw z.getState().markAuthRequired(),Error(`401 Unauthorized — browser token required`);if(!r.ok){let e=(await r.json().catch(()=>null))?.error??(r.statusText||`HTTP ${r.status}`);throw Error(e)}try{return await r.json()}catch{throw Error(`Invalid JSON response from command API`)}}var ut=`wrongstack.hq.local-prefs.v1`,V={appearance:{theme:`dark`},fleet:{scope:`all`,layout:`map`,machineId:``,projectId:``},console:{delivery:`steer`,subject:``,body:``},control:{cmdType:`steer`,abortTarget:`leader`,spawnRole:`bug-hunter`,spawnTask:``,steerTo:`leader`,steerSubject:``,steerBody:``,broadcastSubject:``,broadcastBody:``},mailbox:{query:``,types:[],priorities:[],includeCompleted:!0}},H=null,U=new Set;function W(){for(let e of U)e()}function G(e){return typeof structuredClone==`function`?structuredClone(e):JSON.parse(JSON.stringify(e))}function K(e){return typeof e==`object`&&!!e&&!Array.isArray(e)}function dt(){if(typeof window>`u`||window.localStorage===void 0)return G(V);try{let e=window.localStorage.getItem(ut);return e===null?G(V):ft(JSON.parse(e))}catch{return G(V)}}function ft(e){if(!K(e))return G(V);let t=K(e.appearance)?e.appearance:{},n=K(e.fleet)?e.fleet:{},r=K(e.console)?e.console:{},i=K(e.control)?e.control:{},a=K(e.mailbox)?e.mailbox:{};return{appearance:{theme:t.theme===`light`?`light`:`dark`},fleet:{scope:n.scope===`machine`||n.scope===`project`?n.scope:`all`,layout:n.layout===`compact`?`compact`:`map`,machineId:typeof n.machineId==`string`?n.machineId:``,projectId:typeof n.projectId==`string`?n.projectId:``},console:{delivery:r.delivery===`btw`||r.delivery===`queue`?r.delivery:`steer`,subject:typeof r.subject==`string`?r.subject:``,body:typeof r.body==`string`?r.body:``},control:{cmdType:i.cmdType===`btw`||i.cmdType===`queue`||i.cmdType===`abort`||i.cmdType===`spawn`||i.cmdType===`broadcast`||i.cmdType===`run-command`?i.cmdType:V.control.cmdType,abortTarget:i.abortTarget===`fleet`?`fleet`:`leader`,spawnRole:typeof i.spawnRole==`string`&&i.spawnRole.length>0?i.spawnRole:V.control.spawnRole,spawnTask:typeof i.spawnTask==`string`?i.spawnTask:V.control.spawnTask,steerTo:typeof i.steerTo==`string`?i.steerTo:V.control.steerTo,steerSubject:typeof i.steerSubject==`string`?i.steerSubject:V.control.steerSubject,steerBody:typeof i.steerBody==`string`?i.steerBody:V.control.steerBody,broadcastSubject:typeof i.broadcastSubject==`string`?i.broadcastSubject:V.control.broadcastSubject,broadcastBody:typeof i.broadcastBody==`string`?i.broadcastBody:V.control.broadcastBody},mailbox:{query:typeof a.query==`string`?a.query:V.mailbox.query,types:Array.isArray(a.types)?a.types.filter(e=>typeof e==`string`):[],priorities:Array.isArray(a.priorities)?a.priorities.filter(e=>typeof e==`string`):[],includeCompleted:typeof a.includeCompleted!=`boolean`||a.includeCompleted}}}function q(){return H===null&&(H=dt()),H}function J(e){if(!(typeof window>`u`||window.localStorage===void 0))try{window.localStorage.setItem(ut,JSON.stringify(e))}catch{}}function pt(e){return U.add(e),()=>U.delete(e)}function mt(){return q()}function ht(){return V}function gt(){return(0,w.useSyncExternalStore)(pt,mt,ht)}function _t(e){let t=q();H={...t,control:{...t.control,...e}},J(H),W()}function vt(e){let t=q();H={...t,appearance:{...t.appearance,...e}},J(H),W()}function yt(e){let t=q();H={...t,fleet:{...t.fleet,...e}},J(H),W()}function bt(e){let t=q();H={...t,console:{...t.console,...e}},J(H),W()}function xt(e){let t=q();H={...t,mailbox:{...t.mailbox,...e}},J(H),W()}function St({hadToken:e}){let[t,n]=(0,w.useState)(null),[r,i]=(0,w.useState)(null);(0,w.useEffect)(()=>{fetch(`/api/auth/status`).then(async e=>{if(!e.ok)throw Error(`HTTP ${e.status}`);return await e.json()}).then(n).catch(()=>i(`Could not load HQ auth status.`))},[]);let a=t?.tokenMode??!0,o=t?.passwordMode??!1,[s,c]=(0,w.useState)(`token`);return(0,w.useEffect)(()=>{t&&c(t.passwordMode?`password`:`token`)},[t]),r?(0,R.jsx)(`div`,{className:`hq-token-gate`,children:(0,R.jsxs)(`div`,{className:`hq-token-card`,children:[(0,R.jsx)(`div`,{className:`hq-brand`,children:`WrongStack HQ`}),(0,R.jsx)(`div`,{className:`hq-token-title`,children:`Auth status unavailable`}),(0,R.jsx)(`p`,{className:`hq-token-text`,children:r})]})}):t?(0,R.jsx)(`div`,{className:`hq-token-gate`,children:(0,R.jsxs)(`div`,{className:`hq-token-card`,children:[(0,R.jsx)(`div`,{className:`hq-brand`,children:`WrongStack HQ`}),a&&o?(0,R.jsxs)(`div`,{className:`hq-token-tabs`,children:[(0,R.jsx)(`button`,{type:`button`,className:`hq-token-tab`+(s===`token`?` active`:``),onClick:()=>c(`token`),children:`Browser token`}),(0,R.jsx)(`button`,{type:`button`,className:`hq-token-tab`+(s===`password`?` active`:``),onClick:()=>c(`password`),children:`Password`})]}):null,s===`token`||!o?(0,R.jsx)(Ct,{hadToken:e}):(0,R.jsx)(wt,{})]})}):(0,R.jsx)(`div`,{className:`hq-token-gate`,children:(0,R.jsxs)(`div`,{className:`hq-token-card`,children:[(0,R.jsx)(`div`,{className:`hq-brand`,children:`WrongStack HQ`}),(0,R.jsx)(`div`,{className:`hq-token-title`,children:`Checking auth mode…`})]})})}function Ct({hadToken:e}){let[t,n]=(0,w.useState)(``),r=()=>{let e=t.trim();e.length!==0&&(N(e),window.location.reload())};return(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(`div`,{className:`hq-token-title`,children:`Browser token required`}),(0,R.jsx)(`p`,{className:`hq-token-text`,children:e?`The saved token was rejected — it may have been revoked or the server was reset. Paste a current browser token.`:`This HQ server runs in token mode. Paste the browser token printed at startup (the ?token= value in the URL wstack --hq shows).`}),(0,R.jsx)(`input`,{className:`hq-token-input`,type:`password`,placeholder:`browser token`,autoComplete:`off`,value:t,onChange:e=>n(e.target.value),onKeyDown:e=>{e.key===`Enter`&&r()}}),(0,R.jsx)(`button`,{type:`button`,className:`hq-token-submit`,onClick:r,disabled:t.trim().length===0,children:`Connect`}),(0,R.jsxs)(`p`,{className:`hq-token-hint`,children:[`Manage tokens with `,(0,R.jsx)(`code`,{children:`wstack hq token list`}),` / `,(0,R.jsx)(`code`,{children:`wstack hq token create`}),` — they live in `,(0,R.jsx)(`code`,{children:`~/.wrongstack/hq/auth.json`}),`.`]})]})}function wt(){let[e,t]=(0,w.useState)(``),[n,r]=(0,w.useState)(null),[i,a]=(0,w.useState)(!1),o=async()=>{let t=e;if(t.length!==0){a(!0),r(null);try{let e=await fetch(`/api/login`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({password:t})});if(!e.ok){let t=`Login failed.`;try{let n=(await e.json()).error;typeof n==`string`?t=n:typeof n?.message==`string`&&(t=n.message)}catch{}r(t),a(!1);return}P(),window.location.reload()}catch{r(`Network error. Is the HQ server running?`),a(!1)}}};return(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(`div`,{className:`hq-token-title`,children:`Password required`}),(0,R.jsx)(`p`,{className:`hq-token-text`,children:`This HQ server is protected by a password. Enter it to open the dashboard.`}),n?(0,R.jsx)(`p`,{className:`hq-token-error`,children:n}):null,(0,R.jsx)(`input`,{className:`hq-token-input`,type:`password`,placeholder:`password`,autoComplete:`current-password`,value:e,onChange:e=>t(e.target.value),onKeyDown:e=>{e.key===`Enter`&&o()}}),(0,R.jsx)(`button`,{type:`button`,className:`hq-token-submit`,onClick:()=>void o(),disabled:e.length===0||i,children:i?`Logging in…`:`Log in`}),(0,R.jsxs)(`p`,{className:`hq-token-hint`,children:[`Set or change the password with `,(0,R.jsx)(`code`,{children:`wstack --hq --password <secret>`}),`.`]})]})}var Tt=`modulepreload`,Et=function(e){return`/`+e},Dt={},Y=function(e,t,n){let r=Promise.resolve();if(t&&t.length>0){let e=document.getElementsByTagName(`link`),i=document.querySelector(`meta[property=csp-nonce]`),a=i?.nonce||i?.getAttribute(`nonce`);function o(e){return Promise.all(e.map(e=>Promise.resolve(e).then(e=>({status:`fulfilled`,value:e}),e=>({status:`rejected`,reason:e}))))}function s(e){return import.meta.resolve?import.meta.resolve(e):new URL(e,import.meta.url).href}r=o(t.map(t=>{if(t=Et(t,n),t=s(t),t in Dt)return;Dt[t]=!0;let r=t.endsWith(`.css`);for(let n=e.length-1;n>=0;n--){let i=e[n];if(i.href===t&&(!r||i.rel===`stylesheet`))return}let i=document.createElement(`link`);if(i.rel=r?`stylesheet`:Tt,r||(i.as=`script`),i.crossOrigin=``,i.href=t,a&&i.setAttribute(`nonce`,a),document.head.appendChild(i),r)return new Promise((e,n)=>{i.addEventListener(`load`,e),i.addEventListener(`error`,()=>n(Error(`Unable to preload CSS for ${t}`)))})}))}function i(e){let t=new Event(`vite:preloadError`,{cancelable:!0});if(t.payload=e,window.dispatchEvent(t),!t.defaultPrevented)throw e}return r.then(t=>{for(let e of t||[])e.status===`rejected`&&i(e.reason);return e().catch(i)})},Ot=360*60*1e3,X=[{id:`cockpit`,label:`Cockpit`,eyebrow:`Fleet overview`,description:`Health, active work, alerts, cost and command shortcuts.`,group:`Operations`,icon:c,shortcut:1},{id:`fleet`,label:`Fleet Map`,eyebrow:`Topology`,description:`Machines, projects, terminals and agents in one live graph.`,group:`Operations`,icon:t,shortcut:2},{id:`console`,label:`Live Console`,eyebrow:`Transcripts`,description:`Stream and inspect session or agent conversations.`,group:`Operations`,icon:d,shortcut:3},{id:`mailbox`,label:`Mailbox`,eyebrow:`Coordination`,description:`Cross-project messages, unread work and direct delivery.`,group:`Operations`,icon:ne,shortcut:4},{id:`kanban`,label:`Kanban`,eyebrow:`Project work`,description:`Read-only project boards synchronized across clones and machines.`,group:`Operations`,icon:g},{id:`alerts`,label:`Alerts`,eyebrow:`Attention`,description:`Active fleet warnings and alert transition history.`,group:`Intelligence`,icon:f,shortcut:5},{id:`cost`,label:`Cost`,eyebrow:`Economics`,description:`Project, provider and model spending distribution.`,group:`Intelligence`,icon:p,shortcut:6},{id:`trends`,label:`Trends`,eyebrow:`Telemetry`,description:`Cost, token and tool activity over time.`,group:`Intelligence`,icon:n,shortcut:7},{id:`brain`,label:`Brain`,eyebrow:`Decisions`,description:`Autonomous decisions, escalations and interventions.`,group:`Intelligence`,icon:u,shortcut:8},{id:`worktree`,label:`Worktrees`,eyebrow:`Workspace`,description:`Distributed branches, worktrees and ownership state.`,group:`System`,icon:le,shortcut:9},{id:`control`,label:`Control`,eyebrow:`Command plane`,description:`Steer, queue, broadcast and audit remote commands.`,group:`System`,icon:r,shortcut:0},{id:`settings`,label:`Security`,eyebrow:`Access control`,description:`Manage the HQ browser password, authentication and active credentials.`,group:`System`,icon:h}],kt=[`Operations`,`Intelligence`,`System`],At={cockpit:(0,w.lazy)(()=>Y(()=>import(`./cockpit-C75mdKG0.js`).then(e=>({default:e.CockpitView})),__vite__mapDeps([0,1,2,3]))),fleet:(0,w.lazy)(()=>Y(()=>import(`./fleet-map-ZXyaXmLN.js`).then(e=>({default:e.FleetMapView})),__vite__mapDeps([4,1,2,5,3,6]))),console:(0,w.lazy)(()=>Y(()=>import(`./live-console-Becmkvl_.js`).then(e=>({default:e.LiveConsoleView})),__vite__mapDeps([7,1,2,3,6,5]))),mailbox:(0,w.lazy)(()=>Y(()=>import(`./mailbox-DaGVP3NU.js`).then(e=>({default:e.MailboxView})),__vite__mapDeps([8,1,2,3,9]))),kanban:(0,w.lazy)(()=>Y(()=>import(`./kanban-B2AFjoqo.js`).then(e=>({default:e.KanbanView})),__vite__mapDeps([10,1,2,3]))),cost:(0,w.lazy)(()=>Y(()=>import(`./cost-C0gImFmq.js`).then(e=>({default:e.CostView})),__vite__mapDeps([11,1,2,3]))),brain:(0,w.lazy)(()=>Y(()=>import(`./brain-CpQB7l6M.js`).then(e=>({default:e.BrainView})),__vite__mapDeps([12,2,1,3,9]))),worktree:(0,w.lazy)(()=>Y(()=>import(`./worktree-BEg27SYD.js`).then(e=>({default:e.WorktreeView})),__vite__mapDeps([13,1,2,3,9]))),trends:(0,w.lazy)(()=>Y(()=>import(`./trends-DeKfDR_M.js`).then(e=>({default:e.TrendsView})),__vite__mapDeps([14,1,2,3]))),alerts:(0,w.lazy)(()=>Y(()=>import(`./alerts-B1qqqWUr.js`).then(e=>({default:e.AlertsView})),__vite__mapDeps([15,1,2,3]))),control:(0,w.lazy)(()=>Y(()=>import(`./control-9gbHkIxG.js`).then(e=>({default:e.ControlView})),__vite__mapDeps([16,1,2,3]))),settings:(0,w.lazy)(()=>Y(()=>import(`./settings-Do22vzV5.js`).then(e=>({default:e.SettingsView})),__vite__mapDeps([17,1,2,3])))};function jt(e){return X.find(t=>t.id===e)??X[0]}var Mt=class extends w.Component{state={error:null};static getDerivedStateFromError(e){return{error:e instanceof Error?e.message:String(e)}}componentDidUpdate(e){e.view!==this.props.view&&this.state.error!==null&&this.setState({error:null})}render(){return this.state.error===null?this.props.children:(0,R.jsxs)(`div`,{className:`hq-view-error`,role:`alert`,children:[(0,R.jsx)(ce,{size:22}),(0,R.jsxs)(`div`,{children:[(0,R.jsx)(`strong`,{children:`This HQ surface stopped safely.`}),(0,R.jsx)(`p`,{children:this.state.error})]}),(0,R.jsxs)(`button`,{type:`button`,className:`hq-btn secondary`,onClick:()=>this.setState({error:null}),children:[(0,R.jsx)(y,{size:13}),`Retry view`]})]})}};function Nt(){let{snapshot:e,alerts:t,activeView:n,authRequired:r,connected:i}=z(O(e=>({snapshot:e.snapshot,alerts:e.alerts,activeView:e.activeView,authRequired:e.authRequired,connected:e.connected}))),[s,c]=(0,w.useState)(()=>typeof window>`u`||window.innerWidth>=1180),[l,u]=(0,w.useState)(null),[d,f]=(0,w.useState)(null),[ne,m]=(0,w.useState)(!1),{theme:h}=gt().appearance,g=(0,w.useRef)(!1),_=(0,w.useRef)(!1);if((0,w.useEffect)(()=>{_.current&&i===!1?L.getState().addToast(`Connection lost — reconnecting with backoff…`,`warning`,4e3):_.current&&g.current===!1&&i===!0&&L.getState().addToast(`Reconnected to HQ server`,`success`,3e3),i&&(_.current=!0),g.current=i},[i]),(0,w.useEffect)(()=>(document.documentElement.dataset.hqTheme=h,()=>{delete document.documentElement.dataset.hqTheme}),[h]),(0,w.useEffect)(()=>{let e=!1;return B(`/api/snapshot`).then(t=>{e||z.getState()._hydrateSnapshot(t)}).catch(()=>{}),()=>{e=!0}},[]),(0,w.useEffect)(()=>{let e=!1;return B(`/api/auth/status`).then(t=>{e||f(t)}).catch(()=>{}),()=>{e=!0}},[]),(0,w.useEffect)(()=>{let e=!1,t=()=>{B(`/api/system/update`).then(t=>{e||u(t)}).catch(()=>{})};t();let n=window.setInterval(t,Ot);return()=>{e=!0,window.clearInterval(n)}},[]),(0,w.useEffect)(()=>{let e=e=>{if((e.ctrlKey||e.metaKey)&&e.key.toLowerCase()===`b`){e.preventDefault(),c(e=>!e);return}if(e.altKey&&/^\d$/.test(e.key)){let t=Number(e.key),n=X.find(e=>e.shortcut===t);n&&(e.preventDefault(),z.getState().setActiveView(n.id));return}e.key===`Escape`&&s&&window.innerWidth<900&&c(!1)};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[s]),r)return(0,R.jsx)(St,{hadToken:F()!==null});let v=e?.totals,ce=v?.unreadMailboxMessages??0,le=t.filter(e=>e.severity!==`info`).length,y=jt(n),de=y.icon,fe=At[n],pe=e=>{z.getState().setActiveView(e),window.innerWidth<900&&c(!1)},b=async()=>{m(!0);try{await I(`/api/logout`,{method:`POST`})}finally{P(),window.location.reload()}};return(0,R.jsxs)(`div`,{className:`hq-app`,"data-theme":h,"data-testid":`hq-workbench`,children:[(0,R.jsx)(`button`,{type:`button`,className:`hq-sidebar-scrim`,"data-open":s,"aria-label":`Close HQ navigation`,onClick:()=>c(!1)}),(0,R.jsxs)(`aside`,{className:`hq-secondary-nav`,"data-open":s,"aria-label":`HQ navigation`,children:[(0,R.jsxs)(`div`,{className:`hq-secondary-header`,children:[(0,R.jsxs)(`div`,{className:`hq-secondary-brand`,children:[(0,R.jsx)(`img`,{src:`/wrongstack.svg`,alt:``,"aria-hidden":`true`,draggable:!1}),(0,R.jsxs)(`div`,{className:`hq-secondary-copy`,children:[(0,R.jsx)(`span`,{className:`hq-secondary-eyebrow`,children:`Command center`}),(0,R.jsx)(`strong`,{children:`WrongStack HQ`})]})]}),(0,R.jsx)(`button`,{type:`button`,className:`hq-icon-button hq-secondary-close`,"aria-label":`Collapse HQ navigation`,title:`Collapse navigation (Ctrl+B)`,onClick:()=>c(!1),children:(0,R.jsx)(a,{size:16})})]}),(0,R.jsx)(`div`,{className:`hq-secondary-scroll`,children:kt.map(e=>(0,R.jsxs)(`section`,{className:`hq-nav-group`,children:[(0,R.jsx)(`div`,{className:`hq-nav-group-label`,children:e}),X.filter(t=>t.group===e).map(e=>{let t=e.icon,r=e.id===`mailbox`?ce:e.id===`alerts`?le:0;return(0,R.jsxs)(`button`,{type:`button`,className:`hq-nav-item`,"data-active":n===e.id,"aria-current":n===e.id?`page`:void 0,onClick:()=>pe(e.id),children:[(0,R.jsx)(t,{size:15}),(0,R.jsx)(`span`,{children:e.label}),e.shortcut===void 0?null:(0,R.jsxs)(`kbd`,{children:[`Alt+`,e.shortcut]}),r>0?(0,R.jsx)(`span`,{className:`hq-nav-badge`,children:r}):null]},e.id)})]},e))}),(0,R.jsxs)(`div`,{className:`hq-secondary-footer`,children:[(0,R.jsxs)(`div`,{className:`hq-link-state`,"data-live":i,children:[(0,R.jsx)(`span`,{className:`hq-link-dot`}),(0,R.jsxs)(`div`,{children:[(0,R.jsx)(`strong`,{children:i?`Connected`:`Reconnecting`}),(0,R.jsxs)(`span`,{children:[v?.activeMachines??0,` machines · `,v?.activeClients??0,` clients`]})]})]}),(0,R.jsx)(`span`,{className:`hq-build-label`,children:`@wrongstack/webui-hq`})]})]}),(0,R.jsxs)(`section`,{className:`hq-workbench`,"data-update-available":l?.outdated===!0,children:[(0,R.jsxs)(`header`,{className:`hq-header`,children:[(0,R.jsx)(`button`,{type:`button`,className:`hq-icon-button hq-sidebar-toggle`,"aria-label":s?`Collapse HQ navigation`:`Expand HQ navigation`,"aria-expanded":s,title:`Toggle navigation (Ctrl+B)`,onClick:()=>c(e=>!e),children:s?(0,R.jsx)(a,{size:17}):(0,R.jsx)(te,{size:17})}),(0,R.jsx)(`div`,{className:`hq-view-icon`,"aria-hidden":`true`,children:(0,R.jsx)(de,{size:18})}),(0,R.jsxs)(`div`,{className:`hq-view-identity`,children:[(0,R.jsx)(`span`,{children:y.eyebrow}),(0,R.jsx)(`h1`,{children:y.label}),(0,R.jsx)(`p`,{children:y.description})]}),(0,R.jsxs)(`div`,{className:`hq-top-metrics`,children:[(0,R.jsx)(Z,{icon:re,label:`Machines`,value:v?.activeMachines??0}),(0,R.jsx)(Z,{icon:se,label:`Agents`,value:v?.activeAgents??0}),(0,R.jsx)(Z,{icon:o,label:`Sessions`,value:v?.activeSessions??0}),(0,R.jsx)(Z,{icon:p,label:`Cost`,value:`$${(v?.totalCostUsd??0).toFixed(2)}`,accent:!0})]}),(0,R.jsxs)(`div`,{className:`hq-connection-pill`,"data-live":i,children:[i?(0,R.jsx)(ae,{size:13}):(0,R.jsx)(ie,{size:13}),i?`Live`:`Reconnecting`]}),(0,R.jsx)(`button`,{type:`button`,className:`hq-icon-button hq-theme-toggle`,"aria-label":`Switch to ${h===`dark`?`light`:`dark`} mode`,title:`Switch to ${h===`dark`?`light`:`dark`} mode`,onClick:()=>vt({theme:h===`dark`?`light`:`dark`}),children:h===`dark`?(0,R.jsx)(ue,{size:16}):(0,R.jsx)(oe,{size:16})}),d?.tokenMode||d?.passwordMode?(0,R.jsx)(`button`,{type:`button`,className:`hq-icon-button`,"aria-label":`Log out of HQ`,title:`Log out and clear this tab's HQ credentials`,disabled:ne,onClick:()=>void b(),children:(0,R.jsx)(ee,{size:16})}):null]}),l?.outdated?(0,R.jsx)(Pt,{status:l}):null,(0,R.jsx)(`main`,{className:`hq-main`,id:`hq-main`,tabIndex:-1,children:(0,R.jsx)(Mt,{view:n,children:(0,R.jsx)(w.Suspense,{fallback:(0,R.jsx)(Ft,{label:y.label}),children:(0,R.jsx)(fe,{})})})})]}),(0,R.jsx)(at,{})]})}function Pt({status:e}){let[t,n]=(0,w.useState)(!1),r=async()=>{try{await navigator.clipboard.writeText(e.command),n(!0),window.setTimeout(()=>n(!1),1500)}catch{n(!1)}};return(0,R.jsxs)(`aside`,{className:`hq-update-notice`,role:`status`,"aria-live":`polite`,children:[(0,R.jsx)(m,{size:16,"aria-hidden":`true`}),(0,R.jsxs)(`div`,{children:[(0,R.jsx)(`strong`,{children:`WrongStack update available`}),(0,R.jsxs)(`span`,{children:[`v`,e.current,` → v`,e.latest,`. Run `,(0,R.jsx)(`code`,{children:e.command}),` in your terminal, then restart HQ.`]})]}),(0,R.jsxs)(`button`,{type:`button`,onClick:()=>void r(),title:`Copy update command`,children:[(0,R.jsx)(_,{size:13,"aria-hidden":`true`}),t?`Copied`:`Copy command`]})]})}function Z({icon:e,label:t,value:n,accent:r=!1}){return(0,R.jsxs)(`div`,{className:`hq-top-metric`,"data-accent":r,children:[(0,R.jsx)(e,{size:12}),(0,R.jsx)(`span`,{children:t}),(0,R.jsx)(`strong`,{children:n})]})}function Ft({label:e}){return(0,R.jsxs)(`div`,{className:`hq-view-loading`,role:`status`,children:[(0,R.jsx)(r,{size:18}),(0,R.jsxs)(`span`,{children:[`Loading `,e,`…`]})]})}var It=25e3,Lt=1e4,Rt=3e4,zt=class{ws=null;handlers=new Set;stateHandlers=new Set;reconnectAttempt=0;connectionState=me();reconnectTimer=null;heartbeatTimer=null;lastMessageAt=0;stopped=!1;_state=`disconnected`;url;maxRetries;heartbeatIntervalMs;heartbeatTimeoutMs;maxBackoffMs;constructor(e){if(this.maxRetries=e?.maxRetries??1/0,this.heartbeatIntervalMs=e?.heartbeatIntervalMs??It,this.heartbeatTimeoutMs=e?.heartbeatTimeoutMs??Lt,this.maxBackoffMs=e?.maxBackoffMs??Rt,e?.url)this.url=e.url;else{let e=typeof window<`u`?window.location:{host:`127.0.0.1:3499`,protocol:`http:`},t=e.protocol===`https:`?`wss:`:`ws:`,n=F(),r=`${t}//${e.host}/ws/browser`;this.url=n===null?r:`${r}?token=${encodeURIComponent(n)}`}}get state(){return this._state}get isConnected(){return this.ws?.readyState===WebSocket.OPEN}connect(){if(this.stopped||this.ws!==null)return;this.connectionState=he(this.connectionState),this.emitState(`connecting`);let e;try{e=new WebSocket(this.url)}catch{this.scheduleReconnect();return}this.ws=e,e.onopen=()=>{this.reconnectAttempt=0,this.connectionState=ge(this.connectionState),this.lastMessageAt=Date.now(),this.connectionState=_e(this.connectionState,this.lastMessageAt),this.emitState(`connected`),this.startHeartbeat()},e.onmessage=e=>{this.lastMessageAt=Date.now();try{let t=JSON.parse(typeof e.data==`string`?e.data:``);for(let e of this.handlers)try{e(t)}catch{}}catch{}},e.onclose=()=>this.handleClose(`close`),e.onerror=()=>this.handleClose(`error`)}close(){this.stopped=!0,this.connectionState=ve(this.connectionState),this.stopHeartbeat(),this.reconnectTimer!==null&&(clearTimeout(this.reconnectTimer),this.reconnectTimer=null),this.ws?.close(1e3,`client closed`),this.ws=null,this.emitState(`disconnected`)}on(e){return this.handlers.add(e),()=>this.handlers.delete(e)}onStateChange(e){return this.stateHandlers.add(e),e(this._state),()=>this.stateHandlers.delete(e)}handleClose(e){this.ws!==null&&(this.ws=null,this.stopHeartbeat(),this.scheduleReconnect())}scheduleReconnect(){if(this.stopped||this.reconnectTimer!==null)return;let e=ye(this.connectionState,{...b,maxReconnectAttempts:this.maxRetries,maxBackoffMs:this.maxBackoffMs,heartbeatIntervalMs:this.heartbeatIntervalMs,heartbeatTimeoutMs:this.heartbeatTimeoutMs,jitterRatio:.5});if(this.connectionState=e.state,this.reconnectAttempt=e.state.reconnectAttempt,!e.plan){this.emitState(`disconnected`);return}this.emitState(`reconnecting`),this.reconnectTimer=setTimeout(()=>{this.reconnectTimer=null,this.connect()},e.plan.delayMs)}get isHeartbeatTimedOut(){return this.ws===null||be(this.connectionState,{...b,heartbeatIntervalMs:this.heartbeatIntervalMs,heartbeatTimeoutMs:this.heartbeatTimeoutMs})}startHeartbeat(){this.stopHeartbeat(),this.lastMessageAt=Date.now(),this.heartbeatTimer=setInterval(()=>{this.isHeartbeatTimedOut&&this.ws!==null&&(this.ws.close(4e3,`heartbeat timeout`),this.ws=null,this.scheduleReconnect())},this.heartbeatIntervalMs)}stopHeartbeat(){this.heartbeatTimer!==null&&(clearInterval(this.heartbeatTimer),this.heartbeatTimer=null)}emitState(e){this._state=e;for(let t of this.stateHandlers)try{t(e)}catch{}}},Q=null;function Bt(){return Q===null&&(Q=new zt,Q.connect()),Q}var $=document.getElementById(`root`);if($!==null){Je();let e=Bt();e.onStateChange(e=>{z.getState()._setConnected(e===`connected`)}),e.on(e=>{if(e.type===`hq.snapshot`){let t=Ve(e);t&&z.getState()._onSnapshot(t.snapshot)}else if(e.type===`hq.event`){let t=He(e);t&&z.getState()._onEvent(t.event)}else if(e.type===`hq.alert`){let t=Ue(e);t&&z.getState()._onAlert(t.alert)}else if(e.type===`hq.command_status`){let t=We(e);t&&z.getState()._onCommandStatus(t.command)}}),(0,Ge.createRoot)($).render((0,R.jsx)(w.StrictMode,{children:(0,R.jsx)(Nt,{})}))}export{gt as a,ct as c,P as d,O as f,xt as i,z as l,_t as n,B as o,yt as r,lt as s,bt as t,I as u};
@@ -1 +0,0 @@
1
- @font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/ibm-plex-sans-cyrillic-ext-wght-normal-d45eAU9y.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/ibm-plex-sans-cyrillic-wght-normal-BAAhND-U.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/ibm-plex-sans-greek-wght-normal-CmyJS8uq.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/ibm-plex-sans-vietnamese-wght-normal-Dg1JeJN0.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/ibm-plex-sans-latin-ext-wght-normal-CIII54If.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/ibm-plex-sans-latin-wght-normal-IvpUvPa2.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,d09GMgABAAAAAAn4ABMAAAAAEwQAAAmOAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGjQbgnQcLj9IVkFSgQEGYD9TVEFUgQIAgQovahEICok0h0ULIAAwhzoBNgIkAzwEIAWHJgeBDgwHG6QQUdRKTmoBFD8K42bniObKrG3LZFcMWZzFmrjTFhQ6TVTqPJcInrfrvzq3b2PGn1wwMiNYGTy9ViREYARlL1zAGcPdPqBt3gNWrfKthv4xnM+b9caw+wmjgEUVRjHXhS6jgCK6zf5HiWQacJpGdAgdrbV6g/Rf1BfxRqZVQnrxRVWSJb6RLFnyu0elilmjeoSQCKnxsmwLaddUMjnksriSYuuPl06EAl7KfAiWQjCUETz0zNZ3EII94CDQtzkMfZ/9IkkY8tZRZTDky5ZVwBAM+GYpdd4ZVAWYImnLkiTg48l79gGx3D+VBtLeyg8u7bJAd4uo0pFuQBFysE9C95l0W4Fkiao6GfrDbu77lVU7wk9cV3uqOsXmQiMkhVKl1ugjzUAJBSIkkVWHijkpkVSyUFsgVBuJMA0N+ZnXtyUv5yMigGdfQRmwL1AAjQ3YXG6iIFNSUdPQo8+AISPGAltBMDQRAtyf4ZspLlZkpyOVoMZPvFGWzvk8p5SUC/NWPMj6T2/Yas2EdlON5GkfdkeFwVGjta825H89NIenlLWAPAp5h1KDtRhCaAQWMsFKtEvOKpIhgLHlXPARokkgEGEOAkqxJRQpKYq4ezahIiLHP6hZpqMbV0pUF2vdvEimLEQ/iIUYLgYWs0VXGVlLTOPdaPmFfCC/XrtzqVo1ez7vz6+Kd2+7o11ZJ+4MreLbB5BKVGxobAq4jZYalZ5aX2CKJiwUuc9GNJyi4M8bGyKcdjSRrG4JohdF8buJfmQefbYYREnMFsOoiNliFDVxmRgL0XUmUMLqzW0A4gCQAhWGYCQpFNukwXhIkPMsbRI19ewtw8Cp2Wj/Ro5cM2OTAbJAvZ/L4opBXb9+UHscYuOKM/W8isgwN26Exexjizmfnlp9dE3hOSqdZ/F5QqbckIlPb+oKfXxd6hftJ7Sm/uyPYpONza84CRlMNk/uhOrLpyf53982++zRkXNu3g3VF8qFbx1+7fbHZ9DrB3VXWNSmhnT2vrwS1+1Z+kHGBaZIhnnvuLBTNDeA340D1DWu5/jEa9pVfl6+Jij+yo3EELNixXCLjr173Q5eDP7Y7/L4iQFHbjpaJLFoP4cCsYP6sAPL7gMHNg53yYjqxqTDrYqLDl5DzW/eTLjYxCvucprjI3yl2ykKowKUC2Ox2FJLFo6Fa1HBWLC2jMCIIBEmklkYhmkpmBhTm/LCvJAH5oGcMKcgFEP1xUdho8ANPa6RFD99/PN60fjj9eXy2Eex4B5MpmRapXidzFk1p4uLk3+hn6jAP9ovJcXPPwk8o/0ltizbdbnTprvx4PSxT0VZ3Xc772aN7RflgbXRYwc3hLNO+k878nxGwfuVM8m8Gs7WEoVGWLHwSpx4vNSHBCMNqJ4m15Kp/TfHHVkQd++eY7PGN4W5byTs+6Ft8Ozvb/D60btv37de8ER0mS3P/0sLW84qGjEVkwztPzz06eGUWwKLwPb0D/WFd3vltl2aP276KpM0JNz6AfnAnZ5ADlF2zVyZ2OkxHSMxWPMnSZLbbDR3F1UjPVqp4d68da13F1YZujdWw7271iecO2l9+/4p47Oztjck355/75wFOI+VdGDqbNGs+ISgxg3iB2jb2r+b0CWsNLHIM4sdv8SDSFBP/Oromz6FNCWw2iMTxV0R8QLyBTkpe0j5+pSSJOOTB5Mck/gh3IopuNQnhKj02t3FL80gGbEh89SZcwTxcYt5cZT/nMnB3uXfPy8BSpVMBuRx+ZhACGzDBmwHsJRAjhotOnzuj2wDz3ug2wOUAY2NgZln9/TK/enG/oE4rO1wxvGUFMAxsZ0qNjRC7hl9d17e7imbgDt6uJXhUobDg7v3RX/yRCKxgMhfyiKcZfbpk0wmCcdQlIAOHeakXLvCNt++WfKiozNqSZxxJotn+c0a7DdPsx7DPYgKIDxwwYUZDg9aJbxocTjcwovr9WAsVV32mQoiiIOCHc60Oltst9qCQYuCqN1yHo0Kj60OgI2OqmiuBUWrNA0NDhYCDcdpmMrs1fZZ0xdTzMr1HdPtIHstYhqaPDDA5YxUDx7J4fJiisBSDI/L6G/bn34GNy8Q2g044ZTulAdFLb0tI6NNxfj3DzLjWiNGxje1pz7aXOcNV68lDPEd2SXl6VfBuwmHzdf1gxFy1HvA7pD8I2BnnmyGw852Cg5XbgIdEEGE5UCzen5jTlG6JCU5iajlxVcsXvbcS0SAcg1dcesWJLVK8+hYHOYQ+Pjy+EyVGXP0aPTFagrV9E03hCQvYx+g47KGq+1GsLj8uBIyihNw33YUe8PNC4BOJ3Lm1AglLV3nCuvUdIP+v15tVGbWIwgxLVpPkfpthCGpTKG+oA/DQfsKKvxhScqaN6FuElAUtTKv2UYgOmQegsN/n7njHUju8wM4VTcm+Q8xfX9SFwjTzdVqu95UOWSIGOabH8OGBEba//8Yxl3GcPdP/dMBOoSX/0z5SZmBoLbaPs+9asaMpb36yknKaw6FqWZa6A5vDa02mhkOba1q6KtLV208xrkwmW5C4VD6n2fvRjADy2qDYYnNy+H10Fq0LMbNzS863gkO7iQ8eC48/Ny5m59tOcEso3u7Qg3yrqDL6eKXwJAuWnhylfbWrRObe66rzX59+XDtzusnL66dI/86ArmtLlzED860Ef3bFPV78OX/zFTA11fcBn2Vntb7qiGBSgLBHyuv/uEaqqoTgSpOyjlzh86me1Vriv7i9rLPLvtghWmSnblRbAsBJL/4dScSQTBxOivHMO5QvBBY0iheJvfwWLxLOGzYKZyM4zVc2Cll46zEpeUV4MqGEWZj22SdOxhGAjgs9AEnfT+RoiMfcDb0GS5NncKVxju4Nt/mRk13O9Gz3FLct5oCD6wkwUNrCfHIUg6SMf8LwQGyVaBUqpLPW5BaMpRshEpl8nS1qw5dgnzlik8QBXmdy5UrIH74heTKZKMSilQso4hsRiGraQZRzxpNGqlEJMsXuAU7GlcR8mWSykUpVkWGyIf0a8v4qEQp5CtGsMiZa+4ESYQy+WilCiguHzxMXO54ogShooTV2bj2z1zL6DYSoImoQ8lFUWxMLBNQQgLkV2tHYgUoIbkuREz+fJHKxxWBcnvu3KQppFCxLkguB1NyVSp/TknRvNwYlCdbblWu3ze6owHdWluhE5tgQ6ej2SV65CijijoaRfSiH4Nqz1OpfEW+WeI/oU0ly60zkV9YzOQSYtZVEGYmrysTZAJkY4qZtIBD9/LYTIK7Nww3vMiYBwA=)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-cyrillic-wght-normal-Dvxsihut.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-greek-wght-normal-DL7QRZyv.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-vietnamese-wght-normal-usUDDRr7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-ext-wght-normal-Ch3YOpNY.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-wght-normal-DHIcAJRg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2)format("woff2"),url(/assets/ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.react-flow{--xy-edge-stroke-default:#b1b1b7;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#555;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#ffffff80;--xy-minimap-background-color-default:#fff;--xy-minimap-mask-background-color-default:#f0f0f099;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#e2e2e2;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:transparent;--xy-background-pattern-dots-color-default:#91919a;--xy-background-pattern-lines-color-default:#eee;--xy-background-pattern-cross-color-default:#e2e2e2;background-color:var(--xy-background-color,var(--xy-background-color-default));--xy-node-color-default:inherit;--xy-node-border-default:1px solid #1a192b;--xy-node-background-color-default:#fff;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #00000014;--xy-node-boxshadow-selected-default:0 0 0 .5px #1a192b;--xy-node-border-radius-default:3px;--xy-handle-background-color-default:#1a192b;--xy-handle-border-color-default:#fff;--xy-selection-background-color-default:#0059dc14;--xy-selection-border-default:1px dotted #0059dccc;--xy-controls-button-background-color-default:#fefefe;--xy-controls-button-background-color-hover-default:#f4f4f4;--xy-controls-button-color-default:inherit;--xy-controls-button-color-hover-default:inherit;--xy-controls-button-border-color-default:#eee;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#fff;--xy-edge-label-color-default:inherit;--xy-resize-background-color-default:#3367d9;direction:ltr}.react-flow.dark{--xy-edge-stroke-default:#3e3e3e;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#727272;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#96969640;--xy-minimap-background-color-default:#141414;--xy-minimap-mask-background-color-default:#3c3c3c99;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#2b2b2b;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:#141414;--xy-background-pattern-dots-color-default:#555;--xy-background-pattern-lines-color-default:#333;--xy-background-pattern-cross-color-default:#333;--xy-node-color-default:#f8f8f8;--xy-node-border-default:1px solid #3c3c3c;--xy-node-background-color-default:#1e1e1e;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #ffffff14;--xy-node-boxshadow-selected-default:0 0 0 .5px #999;--xy-handle-background-color-default:#bebebe;--xy-handle-border-color-default:#1e1e1e;--xy-selection-background-color-default:#c8c8dc14;--xy-selection-border-default:1px dotted #c8c8dccc;--xy-controls-button-background-color-default:#2b2b2b;--xy-controls-button-background-color-hover-default:#3e3e3e;--xy-controls-button-color-default:#f8f8f8;--xy-controls-button-color-hover-default:#fff;--xy-controls-button-border-color-default:#5b5b5b;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#141414;--xy-edge-label-color-default:#f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props,var(--xy-background-color,var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__pane{z-index:1;touch-action:none}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width,var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke,var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width,var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{pointer-events:none;position:absolute;overflow:visible}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected,var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:.5s linear infinite dashdraw}svg.react-flow__connectionline{z-index:1001;position:absolute;overflow:visible}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default;position:absolute}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:0 0;pointer-events:none}.react-flow__nodesselection-rect{pointer-events:all;cursor:grab;position:absolute}.react-flow__handle{pointer-events:none;background-color:var(--xy-handle-background-color,var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color,var(--xy-handle-border-color-default));border-radius:100%;width:6px;min-width:5px;height:6px;min-height:5px;position:absolute}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;bottom:0;left:50%;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{z-index:5;margin:15px;position:absolute}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px)translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px)translateY(-50%)}.react-flow__attribution{background:var(--xy-attribution-background-color,var(--xy-attribution-background-color-default));margin:0;padding:2px 3px;font-size:10px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10px}}.react-flow__edgelabel-renderer{pointer-events:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__viewport-portal{user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__minimap{background:var(--xy-minimap-background-color-props,var(--xy-minimap-background-color,var(--xy-minimap-background-color-default)))}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var(--xy-minimap-mask-background-color-props,var(--xy-minimap-mask-background-color,var(--xy-minimap-mask-background-color-default)));stroke:var(--xy-minimap-mask-stroke-color-props,var(--xy-minimap-mask-stroke-color,var(--xy-minimap-mask-stroke-color-default)));stroke-width:var(--xy-minimap-mask-stroke-width-props,var(--xy-minimap-mask-stroke-width,var(--xy-minimap-mask-stroke-width-default)))}.react-flow__minimap-node{fill:var(--xy-minimap-node-background-color-props,var(--xy-minimap-node-background-color,var(--xy-minimap-node-background-color-default)));stroke:var(--xy-minimap-node-stroke-color-props,var(--xy-minimap-node-stroke-color,var(--xy-minimap-node-stroke-color-default)));stroke-width:var(--xy-minimap-node-stroke-width-props,var(--xy-minimap-node-stroke-width,var(--xy-minimap-node-stroke-width-default)))}.react-flow__background-pattern.dots{fill:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-dots-color-default)))}.react-flow__background-pattern.lines{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-lines-color-default)))}.react-flow__background-pattern.cross{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-cross-color-default)))}.react-flow__controls{box-shadow:var(--xy-controls-box-shadow,var(--xy-controls-box-shadow-default));flex-direction:column;display:flex}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{background:var(--xy-controls-button-background-color,var(--xy-controls-button-background-color-default));border:none;border-bottom:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)));width:26px;height:26px;color:var(--xy-controls-button-color-props,var(--xy-controls-button-color,var(--xy-controls-button-color-default)));cursor:pointer;user-select:none;justify-content:center;align-items:center;padding:4px;display:flex}.react-flow__controls-button svg{fill:currentColor;width:100%;max-width:12px;max-height:12px}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{border-radius:var(--xy-node-border-radius,var(--xy-node-border-radius-default));width:150px;color:var(--xy-node-color,var(--xy-node-color-default));text-align:center;border:var(--xy-node-border,var(--xy-node-border-default));background-color:var(--xy-node-background-color,var(--xy-node-background-color-default));padding:10px;font-size:12px}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover,var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected,var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color,var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color,var(--xy-selection-background-color-default));border:var(--xy-selection-border,var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var(--xy-controls-button-background-color-hover-props,var(--xy-controls-button-background-color-hover,var(--xy-controls-button-background-color-hover-default)));color:var(--xy-controls-button-color-hover-props,var(--xy-controls-button-color-hover,var(--xy-controls-button-color-hover-default)))}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)))}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border:1px solid #fff;border-radius:1px;width:5px;height:5px;translate:-50% -50%}.react-flow__resize-control.handle.left{top:50%;left:0}.react-flow__resize-control.handle.right{top:50%;left:100%}.react-flow__resize-control.handle.top{top:0;left:50%}.react-flow__resize-control.handle.bottom{top:100%;left:50%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border-style:solid;border-width:0}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;height:100%;top:0;transform:translate(-50%)}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{width:100%;height:1px;left:0;transform:translateY(-50%)}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color,var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color,var(--xy-edge-label-color-default))}:root{color-scheme:dark;--bg:#1b1c1a;--bg2:#1f201d;--panel:#22231f;--panel2:#292a26;--inset:#1b1c1a;--border:#3b3c36;--border2:#515249;--text:#f5f2e9;--bright:#fffdf8;--muted:#b6b2a8;--dim:#858178;--primary:#fe2e5f;--primary-dim:#b91640;--cyan:var(--primary);--green:#2ac075;--amber:#fd9f02;--red:#df4949;--purple:#a685f4;--accent:var(--amber);--chart-1:#fe2e5f;--chart-2:#fd9f02;--chart-3:#22c77a;--flow-node-bg:#18181bf5;--flow-node-shadow:0 8px 24px #05050659;--flow-machine-border:#fe2e5f85;--flow-project-border:#fd9f0280;--flow-terminal-border:#f5f2e95c;--flow-agent-border:#2ac07561;--flow-selected-ring:#fe2e5f4d;--flow-selected-shadow:#5f071d3d;--flow-edge:#fe2e5f75;--flow-edge-live:#2ac075bf;--flow-grid:#f5f2e91f;--fg:var(--text);--surface:var(--panel);--danger:var(--red);--ring:var(--primary);--radius:0;--radius-sm:0;--font-sans:"Manrope Variable", "Manrope", "Segoe UI", system-ui, -apple-system, sans-serif;--font-display:"Space Grotesk Variable", "Space Grotesk", "Manrope Variable", system-ui, sans-serif;--font-mono:"IBM Plex Mono", "JetBrains Mono", Consolas, "Cascadia Mono", monospace;--shadow:0 1px 2px #12121080, 0 4px 16px #12121059}:root[data-hq-theme=light]{color-scheme:light;--bg:#f4f1e8;--bg2:#ebe7dc;--panel:#fffdf7;--panel2:#f1ede2;--inset:#e7e2d6;--border:#d1cabd;--border2:#9d9587;--text:#373832;--bright:#171814;--muted:#62635b;--dim:#76766e;--primary:#d91848;--primary-dim:#b91640;--cyan:var(--primary);--green:#18864f;--amber:#b76500;--red:#c02626;--purple:#5f37be;--accent:var(--amber);--chart-1:#d91848;--chart-2:#b76500;--chart-3:#16844e;--flow-node-bg:#fffdf7fa;--flow-node-shadow:0 8px 24px #403a2e29;--flow-machine-border:#d9184885;--flow-project-border:#b765008f;--flow-terminal-border:#37383261;--flow-agent-border:#16844e6b;--flow-selected-ring:#d918483d;--flow-selected-shadow:#5f071d24;--flow-edge:#d9184885;--flow-edge-live:#16844eb8;--flow-grid:#37383224;--shadow:0 1px 2px #403a2e1f, 0 8px 24px #403a2e1f}*,:before,:after{box-sizing:border-box;border-radius:var(--radius)}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;letter-spacing:-.012em;font-size:13.5px;line-height:1.5;overflow:hidden}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--primary);outline-offset:1px}::selection{background:#fe2e5f4d}a{color:var(--primary)}.hq-app{background:var(--bg);grid-template-columns:auto minmax(0,1fr);height:100vh;display:grid;overflow:hidden}.hq-sidebar-scrim{display:none}.hq-secondary-nav{z-index:20;border-right:1px solid var(--border);background:var(--bg2);flex-direction:column;width:232px;min-width:0;min-height:0;transition:width .15s;display:flex;position:relative;overflow:hidden}.hq-secondary-nav[data-open=false]{border-right-width:0;width:0}.hq-secondary-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:10px;width:232px;min-height:70px;padding:12px 10px 10px 14px;display:flex}.hq-secondary-brand{flex-direction:row;align-items:center;gap:9px;min-width:0;display:flex}.hq-secondary-brand>img{border:1px solid var(--border);object-fit:cover;width:40px;height:40px;image-rendering:pixelated;user-select:none;flex:0 0 40px;display:block}.hq-secondary-copy{flex-direction:column;min-width:0;display:flex}.hq-secondary-header strong,.hq-brand{color:var(--bright);font-family:var(--font-display);letter-spacing:-.02em;white-space:nowrap;font-size:15px;font-weight:650}.hq-secondary-eyebrow{color:var(--primary);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;font-size:9px;font-weight:700}.hq-icon-button{border:1px solid var(--border);background:var(--inset);width:30px;height:30px;color:var(--muted);cursor:pointer;flex:0 0 30px;place-items:center;display:inline-grid}.hq-icon-button:hover{border-color:var(--border2);background:var(--panel2);color:var(--bright)}.hq-secondary-scroll{scrollbar-color:var(--border2) transparent;scrollbar-width:thin;flex:1;width:232px;min-height:0;padding:10px 8px 14px;overflow-y:auto}.hq-nav-group+.hq-nav-group{margin-top:14px}.hq-nav-group-label{color:var(--dim);letter-spacing:.14em;text-transform:uppercase;padding:0 6px 5px;font-size:9px;font-weight:700}.hq-nav-item{width:100%;min-height:34px;color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;grid-template-columns:18px minmax(0,1fr) auto auto;align-items:center;gap:7px;padding:5px 7px;display:grid}.hq-nav-item:hover{border-color:var(--border);background:var(--panel);color:var(--bright)}.hq-nav-item[data-active=true]{color:var(--bright);background:#fe2e5f1a;border-color:#fe2e5f73}.hq-nav-item:where([data-active=true])>svg{color:var(--primary)}.hq-nav-item>span:first-of-type{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:600;overflow:hidden}.hq-nav-item kbd{color:var(--dim);font-family:var(--font-mono);font-size:8px}.hq-nav-badge{background:var(--amber);color:#171714;min-width:17px;font-family:var(--font-mono);text-align:center;padding:0 4px;font-size:9px;font-weight:700;line-height:16px}.hq-secondary-footer{border-top:1px solid var(--border);width:232px;padding:10px 12px}.hq-link-state{align-items:center;gap:8px;display:flex}.hq-link-dot{background:var(--red);flex:0 0 7px;width:7px;height:7px}.hq-link-state[data-live=true] .hq-link-dot{background:var(--green)}.hq-link-state>div{flex-direction:column;min-width:0;display:flex}.hq-link-state strong{color:var(--text);font-size:10px}.hq-link-state span{color:var(--dim);font-family:var(--font-mono);font-size:8px}.hq-build-label{color:var(--dim);font-family:var(--font-mono);margin-top:7px;font-size:8px;display:block}.hq-workbench{flex-direction:column;min-width:0;min-height:0;display:flex}.hq-header{z-index:10;border-bottom:1px solid var(--border);background:var(--panel);align-items:center;gap:10px;min-height:70px;padding:9px 14px;display:flex;position:relative}.hq-update-notice{border-bottom:1px solid color-mix(in srgb, var(--amber) 55%, var(--border));background:color-mix(in srgb, var(--amber) 10%, var(--panel));min-height:42px;color:var(--amber);align-items:center;gap:10px;padding:7px 14px;display:flex}.hq-update-notice>div{flex:1;align-items:baseline;gap:8px;min-width:0;display:flex}.hq-update-notice strong{color:var(--bright);white-space:nowrap;font-size:11px}.hq-update-notice span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.hq-update-notice code{color:var(--bright);font-family:var(--font-mono)}.hq-update-notice button{border:1px solid color-mix(in srgb, var(--amber) 55%, var(--border));background:var(--inset);color:var(--bright);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;flex:none;align-items:center;gap:6px;padding:5px 8px;font-size:9px;font-weight:700;display:inline-flex}.hq-update-notice button:hover{border-color:var(--amber)}.hq-sidebar-toggle{display:inline-grid}.hq-view-icon{border:1px solid var(--border);background:var(--bg2);width:34px;height:34px;color:var(--primary);flex:0 0 34px;place-items:center;display:grid}.hq-view-identity{gap:0;min-width:190px;display:grid}.hq-view-identity>span{color:var(--primary);letter-spacing:.14em;text-transform:uppercase;font-size:8px;font-weight:700}.hq-view-identity h1{color:var(--bright);margin:0;font-size:15px;font-weight:650;line-height:1.2}.hq-view-identity p{max-width:350px;color:var(--dim);text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:10px;overflow:hidden}.hq-top-metrics{border:1px solid var(--border);align-items:stretch;gap:0;min-width:0;margin-left:auto;display:flex}.hq-top-metric{border-right:1px solid var(--border);background:var(--inset);grid-template-columns:auto 1fr;align-content:center;gap:0 5px;min-width:88px;padding:6px 10px;display:grid}.hq-top-metric:last-child{border-right:0}.hq-top-metric svg{color:var(--dim);grid-row:1/span 2;align-self:center}.hq-top-metric>span{color:var(--dim);letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:700;line-height:1.1}.hq-top-metric>strong{color:var(--bright);font-family:var(--font-mono);font-size:13px;line-height:1.2}.hq-top-metric[data-accent=true]>strong{color:var(--green)}.hq-connection-pill{height:30px;color:var(--red);font-family:var(--font-mono);text-transform:uppercase;background:#e2535314;border:1px solid #e2535373;flex:none;align-items:center;gap:5px;padding:0 8px;font-size:9px;font-weight:600;display:inline-flex}.hq-connection-pill[data-live=true]{color:var(--green);background:#22c77a14;border-color:#22c77a66}.hq-stat{text-align:right;background:var(--inset);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:72px;padding:4px 12px}.hq-stat-num{color:var(--bright);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:17px;font-weight:600;line-height:1.15;display:block}.hq-stat.green .hq-stat-num{color:var(--green)}.hq-stat-label{color:var(--dim);letter-spacing:.04em;font-size:10px;display:block}.hq-main{scrollbar-width:thin;scrollbar-color:var(--border2) transparent;flex:1;min-height:0;padding:16px;overflow:auto}.hq-main>div{max-width:1480px;margin:0 auto}.hq-empty{color:var(--muted);text-align:center;border:1px dashed var(--border);border-radius:var(--radius);background:var(--panel);padding:48px 20px;font-size:13px}.hq-view-loading,.hq-view-error{border:1px solid var(--border);background:var(--panel);min-height:150px;color:var(--muted);justify-content:center;align-items:center;gap:10px;display:flex}.hq-view-loading svg{color:var(--primary);animation:1.2s ease-in-out infinite hq-loader-pulse}@keyframes hq-loader-pulse{50%{opacity:.35}}.hq-view-error{color:var(--red);border-color:#e2535373;justify-content:flex-start;padding:18px}.hq-view-error>div{flex:1;min-width:0}.hq-view-error strong{color:var(--bright)}.hq-view-error p{color:var(--muted);word-break:break-word;margin:3px 0 0}.hq-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;padding:14px 16px}.hq-card-title{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin:14px 0 8px;font-size:11px;font-weight:600}.hq-card-title:first-child{margin-top:0}.hq-row{align-items:center;gap:10px;min-width:0;padding:5px 0;display:flex}.hq-row-click{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:0;padding:5px 8px}.hq-row-click:hover{background:var(--panel2)}.hq-row-time{color:var(--dim);font-variant-numeric:tabular-nums;flex-shrink:0;margin-left:auto;font-size:11px}.hq-row-subtle{color:var(--dim);font-size:11.5px}.hq-row-detail{color:var(--text);word-break:break-word;margin-top:4px;font-size:12.5px}.hq-row-error{color:var(--red);word-break:break-word;font-size:12px}.hq-pill{border:1px solid var(--border);background:var(--inset);color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:1px 8px;font-size:11px;font-weight:500;line-height:1.6;display:inline-flex}.hq-pill.running,.hq-pill.active,.hq-pill.streaming,.hq-pill.streamed{color:var(--green);background:#2ac0751f;border-color:#2ac07573}.hq-pill.idle{color:var(--muted)}.hq-pill.error,.hq-pill.failed,.hq-pill.stopped,.hq-pill.critical,.hq-pill.high{color:var(--red);background:#df49491f;border-color:#df494973}.hq-pill.warn,.hq-pill.medium,.hq-pill.waiting_user{color:var(--amber);background:#f9af2f1a;border-color:#f9af2f73}.hq-pill.info,.hq-pill.low{color:var(--primary);background:#fe2e5f1a;border-color:#fe2e5f66}.hq-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:12px}.hq-cost-amount{color:var(--green);font-family:var(--font-mono);font-variant-numeric:tabular-nums;flex-shrink:0;margin-left:auto;font-size:12px;font-weight:600}.hq-kind-icon{flex-shrink:0}.hq-kind-icon.active{color:var(--green)}.hq-kind-icon.info{color:var(--primary)}.hq-kind-icon.warn{color:var(--amber)}.hq-kind-icon.error{color:var(--red)}.hq-kind-icon.idle{color:var(--dim)}.hq-lane-head{border-bottom:1px solid var(--border);margin-bottom:4px;padding-bottom:8px}.hq-diffstat{font-size:11.5px}.hq-btn{border-radius:var(--radius-sm);background:var(--primary);color:#131316;cursor:pointer;border:1px solid #0000;align-items:center;gap:6px;padding:7px 14px;font-size:12.5px;font-weight:600;display:inline-flex}.hq-btn:hover{filter:brightness(1.08)}.hq-btn:disabled{opacity:.45;cursor:default}.hq-btn.danger{background:var(--red);color:var(--bright)}.hq-btn.secondary{background:var(--inset);color:var(--text);border-color:var(--border)}.hq-btn.secondary:hover{border-color:var(--border2);color:var(--bright);filter:none}.hq-btn.secondary.hq-btn-selected{border-color:var(--primary);color:var(--primary)}.hq-security-page{gap:14px;max-width:980px;display:grid}.hq-security-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.hq-security-card{border:1px solid var(--border);background:var(--panel);grid-template-columns:auto 1fr;gap:1px 9px;min-width:0;padding:12px 14px;display:grid}.hq-security-card>svg{color:var(--primary);grid-row:1/span 2;align-self:center}.hq-security-card span,.hq-security-panel-head span{color:var(--dim);letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:700}.hq-security-card strong{color:var(--bright);font-family:var(--font-mono);font-size:12px}.hq-security-copy{width:max-content;color:var(--primary);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:2px 0 0;font-size:9px;font-weight:700;display:inline-flex}.hq-security-copy:hover{color:var(--bright)}.hq-security-panel{border:1px solid var(--border);background:var(--panel);padding:18px}.hq-security-panel.danger-zone{border-color:color-mix(in srgb, var(--red) 36%, var(--border))}.hq-security-panel-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:14px;display:flex}.hq-security-panel-head>div{min-width:0}.hq-security-panel-head>svg{color:var(--primary);flex:none}.hq-security-panel.danger-zone .hq-security-panel-head>svg{color:var(--red)}.hq-security-panel-head h2{color:var(--bright);margin:2px 0 3px;font-size:17px}.hq-security-panel-head p{max-width:700px;color:var(--muted);margin:0;font-size:11px}.hq-security-message{border:1px solid color-mix(in srgb, var(--green) 45%, var(--border));background:color-mix(in srgb, var(--green) 8%, var(--inset));color:var(--green);margin-top:14px;padding:8px 10px;font-size:11px}.hq-security-message[data-tone=error]{border-color:color-mix(in srgb, var(--red) 50%, var(--border));background:color-mix(in srgb, var(--red) 8%, var(--inset));color:var(--red)}.hq-security-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:620px;padding-top:16px;display:grid}.hq-security-form label{min-width:0;color:var(--text);gap:5px;font-size:11px;font-weight:600;display:grid}.hq-security-form label:first-child:nth-last-child(4){grid-column:1/-1}.hq-security-form input{border:1px solid var(--border);background:var(--inset);width:100%;color:var(--bright);font-family:var(--font-mono);padding:8px 10px}.hq-security-form input:focus{border-color:var(--primary)}.hq-security-form small{color:var(--dim);font-size:9px;font-weight:400}.hq-security-form small[data-error]{color:var(--red)}.hq-security-actions{grid-column:1/-1;align-items:center;gap:8px;padding-top:4px;display:flex}.hq-security-actions.split{justify-content:space-between;padding-top:16px}.hq-security-confirm-remove{justify-content:flex-end;align-items:center;gap:8px;display:flex}.hq-security-confirm-remove>span{color:var(--red);font-size:10px;font-weight:650}.hq-input,.hq-textarea,.hq-select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--inset);width:100%;color:var(--text);padding:7px 10px;font-size:12.5px}.hq-input::placeholder,.hq-textarea::placeholder{color:var(--dim)}.hq-textarea{resize:vertical;min-height:78px;line-height:1.5;font-family:var(--font-mono);font-size:12px}.hq-label{color:var(--muted);margin-bottom:5px;font-size:11.5px;font-weight:500;display:block}.hq-grid{gap:12px;display:grid}.hq-tree-node{cursor:pointer;border-radius:0 var(--radius-sm) var(--radius-sm) 0;border-left:2px solid #0000;align-items:center;gap:8px;min-width:0;padding:5px 9px;display:flex}.hq-tree-node:hover{background:var(--panel2)}.hq-tree-node.sel{border-left-color:var(--primary);background:#fe2e5f14}.hq-spark{color:var(--primary);font-family:var(--font-mono);letter-spacing:-1px;font-size:12px}.hq-flow-shell{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);height:calc(100vh - 150px);min-height:520px;box-shadow:var(--shadow);flex-direction:column;display:flex;overflow:hidden}.hq-flow-toolbar{border-bottom:1px solid var(--border);background:var(--panel2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.hq-flow-scope{border-top:1px solid var(--border);flex-wrap:wrap;flex:100%;align-items:center;gap:6px;padding-top:9px;display:flex}.hq-flow-scope-buttons,.hq-flow-layout{align-items:center;gap:6px;display:inline-flex}.hq-flow-layout .hq-btn{align-items:center;gap:5px;display:inline-flex}.hq-flow-scope .hq-btn.active{border-color:var(--primary);color:var(--bright);background:#fe2e5f1f}.hq-flow-scope-select{width:min(360px,42vw);margin-left:4px}.hq-flow-toolbar-spacer{flex:20px}.hq-flow-search{min-width:min(100%,270px);color:var(--dim);align-items:center;gap:6px;display:flex}.hq-flow-search .hq-input{width:min(340px,38vw)}.hq-flow-stats,.hq-flow-legend{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hq-flow-canvas{background:radial-gradient(circle at 20% 10%, #fe2e5f14, transparent 28%), linear-gradient(180deg, var(--inset), var(--bg));flex:1;min-height:0;position:relative}.hq-flow-arrange{z-index:5;align-items:center;gap:6px;font-size:12px;display:inline-flex;position:absolute;top:10px;right:10px}.hq-fleet-list{border-collapse:collapse;background:var(--inset);flex:1;width:100%;min-height:0;display:block;overflow:auto}.hq-fleet-list>thead,.hq-fleet-list>tbody{display:block}.hq-fleet-list th,.hq-fleet-list td{text-align:left;min-width:0;padding:0}.hq-fleet-list-header,.hq-fleet-list-row{grid-template-columns:minmax(260px,1.2fr) minmax(160px,1fr) 105px minmax(240px,1.3fr);align-items:center;gap:10px;min-width:900px;display:grid}.hq-fleet-list-header{z-index:2;border-bottom:1px solid var(--border2);background:var(--panel2);color:var(--dim);letter-spacing:.08em;text-transform:uppercase;padding:7px 12px;font-size:10px;font-weight:700;position:sticky;top:0}.hq-fleet-list-row{border:0;border-bottom:1px solid var(--border);background:var(--panel);width:100%;color:var(--text);font:inherit;text-align:left;padding:5px 12px}.hq-fleet-list-row.machine{background:var(--panel2)}.hq-fleet-list-row.project{background:color-mix(in srgb, var(--panel2) 58%, var(--panel))}.hq-fleet-list-row.clickable{cursor:pointer}.hq-fleet-list-row.clickable:hover,.hq-fleet-list-row.clickable:focus-visible{box-shadow:inset 3px 0 0 var(--primary);background:#fe2e5f17;outline:none}.hq-fleet-list-member{align-items:center;gap:8px;min-width:0;display:flex}.hq-fleet-list-member>span:last-child{min-width:0;display:grid}.hq-fleet-list-member strong,.hq-fleet-list-member small,.hq-fleet-list-context{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hq-fleet-list-member strong{font-size:11.5px}.hq-fleet-list-member small{color:var(--dim);letter-spacing:.08em;text-transform:uppercase;font-size:9px}.hq-fleet-list-context{color:var(--muted);font-family:var(--font-mono);font-size:10px}.hq-fleet-list-chips{align-items:center;gap:5px;min-width:0;display:flex;overflow:hidden}.hq-fleet-list-empty{flex:1}@media (width<=760px){.hq-flow-search,.hq-flow-search .hq-input{width:100%}.hq-flow-toolbar-spacer{display:none}}.hq-fleet-drawer-layer{z-index:6;pointer-events:none;position:absolute;inset:0}.hq-fleet-drawer-scrim{background:0 0;border:0;width:100%;height:100%;padding:0;display:none;position:absolute;inset:0}.hq-fleet-drawer{pointer-events:auto;background:var(--panel);border-left:1px solid var(--border);flex-direction:column;width:min(440px,88%);animation:.16s ease-out hq-drawer-in;display:flex;position:absolute;top:0;bottom:0;right:0;box-shadow:-18px 0 44px #06060973}@keyframes hq-drawer-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.hq-fleet-drawer-header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;padding:10px 12px;display:flex}.hq-fleet-drawer-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.hq-fleet-drawer-actions{flex-shrink:0;align-items:center;gap:6px;margin-left:auto;display:inline-flex}.hq-fleet-drawer-actions .hq-btn{align-items:center;gap:5px;padding:4px 8px;font-size:11.5px;display:inline-flex}.hq-fleet-drawer-stats{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;display:flex}.hq-fleet-drawer-body{border:0;border-radius:0;flex:1;min-height:0}@media (width<=900px){.hq-fleet-drawer-scrim{pointer-events:auto;background:#00000080;display:block}.hq-fleet-drawer{width:min(440px,100% - 24px)}}.hq-flow-node{background:var(--flow-node-bg);border:1px solid var(--border2);border-radius:var(--radius);width:220px;min-height:104px;box-shadow:var(--flow-node-shadow);color:var(--text);padding:11px 12px}.hq-flow-node.machine{border-color:var(--flow-machine-border)}.hq-flow-node.project{border-color:var(--flow-project-border)}.hq-flow-node.terminal{border-color:var(--flow-terminal-border)}.hq-flow-node.agent{border-color:var(--flow-agent-border)}.hq-flow-node.clickable{cursor:pointer}.hq-flow-node.clickable:hover,.react-flow__node.selected .hq-flow-node,.hq-flow-node.selected{border-color:var(--primary);box-shadow:0 0 0 1px var(--flow-selected-ring), 0 10px 28px var(--flow-selected-shadow)}.hq-flow-title{min-width:0;color:var(--bright);align-items:center;gap:8px;font-weight:700;display:flex}.hq-flow-label,.hq-flow-sub{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hq-flow-sub{color:var(--muted);font-family:var(--font-mono);margin-top:5px;font-size:11px}.hq-flow-chips{flex-wrap:wrap;gap:5px;margin-top:10px;display:flex}.hq-flow-chips .hq-pill{text-overflow:ellipsis;max-width:92px;overflow:hidden}.hq-flow-dot{background:var(--dim);border-radius:50%;flex-shrink:0;width:9px;height:9px}.hq-flow-dot.active{background:var(--green)}.hq-flow-dot.warn{background:var(--amber)}.hq-flow-dot.error{background:var(--red)}.hq-flow-handle{border:1px solid var(--primary);background:var(--inset);width:8px;height:8px}.hq-flow-edge .react-flow__edge-path{stroke:var(--flow-edge);stroke-width:1.6px}.hq-flow-edge.live .react-flow__edge-path{stroke:var(--flow-edge-live);stroke-width:2px}.hq-flow-canvas .react-flow__minimap.hq-flow-minimap{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm)}.hq-flow-canvas .react-flow__controls.hq-flow-controls{border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);overflow:hidden}.hq-flow-canvas .react-flow__controls.hq-flow-controls button{background:var(--panel);border-bottom-color:var(--border);color:var(--text)}.hq-flow-legend{border-top:1px solid var(--border);color:var(--muted);background:var(--panel2);padding:8px 12px;font-size:11px}.hq-flow-legend span{align-items:center;gap:4px;display:inline-flex}.hq-fleet-node-icon{color:var(--muted);flex-shrink:0}.hq-fleet-agent-dot{color:var(--dim)}.hq-fleet-agent-dot.running,.hq-fleet-agent-dot.streaming{color:var(--green)}.hq-fleet-agent-dot.waiting_user{color:var(--amber)}.hq-fleet-agent-dot.error{color:var(--red)}.hq-kpi-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:14px;display:grid}.hq-kpi{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.hq-kpi-value{color:var(--bright);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:26px;font-weight:600;line-height:1.15;display:block}.hq-kpi.hero .hq-kpi-value{font-size:34px}.hq-kpi-value.accent-cost{color:var(--green)}.hq-kpi-label{color:var(--dim);letter-spacing:.05em;text-transform:uppercase;margin-top:3px;font-size:11px;display:block}.hq-share-track{background:var(--inset);border-radius:3px;height:5px;margin-top:6px;overflow:hidden}.hq-share-fill{background:var(--chart-1);border-radius:3px;height:100%}.hq-filter-row{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:14px;display:flex}.hq-filter-chip{cursor:pointer}.hq-filter-chip.selected{border-color:var(--primary);color:var(--primary);background:#fe2e5f1a}.hq-chart{position:relative}.hq-chart-svg{width:100%;height:auto;display:block}.hq-chart-grid{stroke:var(--border);stroke-width:1px;stroke-dasharray:2 4}.hq-chart-axis{stroke:var(--border2);stroke-width:1px}.hq-chart-ytick,.hq-chart-xtick{fill:var(--dim);font-family:var(--font-mono);font-size:10px}.hq-chart-tooltip{background:var(--panel2);border:1px solid var(--border2);border-radius:var(--radius-sm);box-shadow:var(--shadow);pointer-events:none;align-items:center;gap:8px;padding:4px 10px;font-size:12px;display:inline-flex;position:absolute;top:4px;right:8px}.hq-chart-tooltip-swatch{border-radius:2px;width:8px;height:8px}.hq-chart-tooltip-value{color:var(--bright);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:600}.hq-chart-tooltip-time{color:var(--dim);font-variant-numeric:tabular-nums}.hq-chart-empty{color:var(--dim);text-align:center;padding:24px;font-size:12px}.hq-toggle{width:24px;height:24px;color:var(--muted);background:var(--inset);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;padding:0;font-size:12px;line-height:1;display:inline-flex}.hq-toggle:hover{color:var(--bright);border-color:var(--border2)}.hq-msg-list{border-top:1px solid var(--border);flex-direction:column;gap:7px;padding-top:10px;display:flex}.hq-msg{background:var(--inset);border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 11px}.hq-msg:hover{border-color:var(--border2)}.hq-msg.done{opacity:.6}.hq-msg-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hq-msg-head>.hq-msg-toggle{margin-left:4px}.hq-msg-icon{display:none}.hq-msg-subject{min-width:120px;color:var(--bright);text-overflow:ellipsis;white-space:nowrap;flex:180px;font-weight:600;overflow:hidden}.hq-msg-route,.hq-msg-time,.hq-msg-id{color:var(--dim);font-size:11px}.hq-msg-flag{font-size:11px;font-weight:600}.hq-msg-flag.open{color:var(--amber)}.hq-msg-flag.done{color:var(--green)}.hq-msg-body{background:var(--panel2);border:1px solid var(--border);border-radius:var(--radius-sm);margin-top:9px;padding:10px 12px}.hq-msg-pre{color:var(--text);font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;background:0 0;margin:0;padding:0;font-size:12px;line-height:1.5}.hq-msg-sublabel{color:var(--dim);text-transform:uppercase;letter-spacing:.08em;margin:10px 0 4px;font-size:10.5px;font-weight:600}.hq-msg-meta{border-top:1px dashed var(--border);color:var(--muted);flex-wrap:wrap;gap:12px;margin-top:10px;padding-top:8px;font-size:11px;display:flex}.hq-msg-meta strong{color:var(--text);margin-right:4px;font-weight:600}.hq-mailbox-modebar{flex-wrap:wrap;gap:8px;margin:0 0 12px;display:flex}.hq-mailbox-filterbar{gap:12px;display:grid}.hq-filter-section{gap:6px;display:grid}.hq-filter-chip-row{flex-wrap:wrap;gap:6px;display:flex}.hq-check{color:var(--muted);cursor:pointer;align-items:center;gap:8px;font-size:12px;display:inline-flex}.hq-check input{accent-color:var(--primary)}.hq-live-feed{border-top:0;padding-top:0}.hq-control-target{gap:10px;display:grid}.hq-control-meta{color:var(--muted);flex-wrap:wrap;gap:10px;font-size:11.5px;display:flex}.hq-control-meta strong{color:var(--text);margin-right:4px}.hq-control-steps{border:0;flex-wrap:wrap;gap:6px;margin:0 0 10px;padding:0;display:flex}.hq-step{border:1px solid var(--border);background:var(--inset);color:var(--dim);border-radius:999px;padding:3px 9px;font-size:11px;font-weight:500}.hq-step.active{color:var(--primary);background:#fe2e5f14;border-color:#fe2e5f80}.hq-card-danger{border-color:#df494980}.hq-control-warning{color:var(--amber);border-radius:var(--radius-sm);background:#f9af2f0f;border:1px dashed #f9af2f80;margin-top:10px;padding:8px 10px;font-size:12px}.hq-command-preview,.hq-command-audit{gap:10px;display:grid}.hq-audit-list{gap:8px;display:grid}.hq-audit-row{border:1px solid var(--border);background:var(--inset);border-radius:var(--radius-sm);gap:7px;padding:9px 11px;display:grid}.hq-audit-row.other-client{opacity:.55}.hq-audit-row.just-dispatched{border-color:#fe2e5fb3;animation:1.6s ease-out hq-audit-flash}@keyframes hq-audit-flash{0%{background:#fe2e5f38}to{background:var(--inset)}}.hq-control-grid{grid-template-columns:minmax(0,1fr) minmax(280px,380px);align-items:start;gap:18px;display:grid}@media (width<=1100px){.hq-control-grid{grid-template-columns:minmax(0,1fr)}}.hq-control-types{flex-wrap:wrap;gap:8px;display:flex}.hq-control-type{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--inset);color:var(--muted);cursor:pointer;align-items:center;gap:6px;padding:6px 11px;font-size:12.5px;transition:border-color .12s,color .12s,background .12s;display:inline-flex}.hq-control-type:hover{color:var(--text);border-color:#fe2e5f80}.hq-control-type.selected{color:var(--text);background:#fe2e5f1f;border-color:#fe2e5fcc}.hq-control-type.danger{border-color:#dd3c3c59}.hq-control-type.danger:hover,.hq-control-type.danger.selected{color:var(--text);background:#dd3c3c1a;border-color:#dd3c3cbf}.hq-control-typedesc{color:var(--muted);align-items:center;gap:6px;margin-top:8px;font-size:12px;display:flex}.hq-audit-main,.hq-audit-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hq-audit-meta{color:var(--muted);font-size:11px}.hq-audit-meta strong{color:var(--text);margin-right:4px}.hq-audit-message{color:var(--text);border-top:1px dashed var(--border);white-space:pre-wrap;word-break:break-word;padding-top:7px;font-size:12px}.hq-cockpit-summary,.hq-cockpit-section{gap:10px;display:grid}.hq-cockpit-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;display:grid}.hq-cockpit-actions{border-top:1px dashed var(--border);flex-wrap:wrap;align-items:center;gap:10px;padding-top:10px;display:flex}.hq-cockpit-actions-copy{gap:4px;min-width:180px;display:grid}.hq-cockpit-actions-buttons{flex-wrap:wrap;flex:360px;gap:8px;display:flex}.hq-cockpit-alert-list,.hq-cockpit-cost-list{gap:8px;display:grid}.hq-cockpit-alert-row{border:1px solid var(--border);background:var(--inset);border-radius:var(--radius-sm);flex-wrap:wrap;align-items:center;gap:8px;padding:7px 10px;font-size:12px;display:flex}.hq-cockpit-alert-msg{color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:220px;min-width:0;overflow:hidden}.hq-cockpit-cost-row{border:1px solid var(--border);background:var(--inset);border-radius:var(--radius-sm);gap:5px;padding:9px 11px;display:grid}.hq-cockpit-cost-line{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hq-cockpit-cost-name{font-weight:600}.hq-cockpit-cost-bar{background:var(--bg);border-radius:3px;height:5px;position:relative;overflow:hidden}.hq-cockpit-cost-bar>span{background:var(--chart-1);border-radius:3px;height:100%;display:block}.hq-cockpit-cost-meta{color:var(--muted);flex-wrap:wrap;gap:8px;font-size:11px;display:flex}.hq-console-shell{grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:14px;height:calc(100vh - 132px);min-height:320px;display:grid}.hq-workbench[data-update-available=true] .hq-console-shell{height:calc(100vh - 174px)}@media (width<=900px){.hq-console-shell{grid-template-columns:minmax(0,1fr)}.hq-fleetnav{max-height:220px}}.hq-console{flex-direction:column;min-width:0;min-height:0;display:flex}.hq-fleetnav{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg2);padding:6px;display:block;overflow-y:auto}.hq-nav-row{text-align:left;border-radius:var(--radius-sm);width:100%;color:var(--text);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;min-width:0;padding:4px 6px;font-size:12.5px;display:flex}.hq-nav-row:hover{background:var(--inset)}.hq-nav-row:disabled{cursor:wait;opacity:.58}.hq-nav-row:disabled:hover{background:0 0}.hq-nav-row.machine{font-weight:600}.hq-nav-row.project{color:var(--muted)}.hq-nav-row.client.selected,.hq-nav-row.agent.selected{color:var(--text);background:#fe2e5f29}.hq-nav-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.hq-nav-count{color:var(--muted);background:var(--inset);border-radius:999px;flex-shrink:0;padding:0 6px;font-size:10px;line-height:15px}.hq-nav-caret{color:var(--muted);flex-shrink:0;transition:transform .12s}.hq-nav-caret.open{transform:rotate(90deg)}.hq-nav-caretbtn{cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;width:16px;padding:0;display:inline-flex}.hq-nav-project,.hq-nav-client{padding-left:12px}.hq-nav-clientrow{align-items:center;display:flex}.hq-nav-client .hq-nav-row.agent{padding-left:28px}.hq-nav-dot{background:var(--muted);border-radius:999px;flex-shrink:0;width:7px;height:7px}.hq-nav-dot.active{background:#2ac075;box-shadow:0 0 5px #2ac075b3}.hq-nav-dot.warn{background:#f9af2f}.hq-nav-dot.error{background:#dd3c3c}.hq-chat-header{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;margin-bottom:10px;display:flex}.hq-chat-header-icon{color:var(--primary)}.hq-chat-picker{flex:0 auto;width:auto;min-width:260px;max-width:46vw}.hq-chat-sid{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:46vw;font-size:11px;overflow:hidden}.hq-chat-counts{align-items:center;gap:6px;margin-left:auto;display:flex}.hq-chat-fullbtn{padding:3px 10px;font-size:11px}.hq-chat-scroll{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg2);flex:1;min-height:0;position:relative;overflow:hidden}.hq-chat-vlist{scrollbar-width:thin;scrollbar-color:var(--border2) transparent;height:100%;padding:10px 14px}.hq-chat-rowpad{padding:5px 0}.hq-chat-jump{border:1px solid var(--border2);background:var(--panel2);width:34px;height:34px;color:var(--bright);cursor:pointer;box-shadow:var(--shadow);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;bottom:14px;right:18px}.hq-chat-jump:hover{border-color:var(--primary);color:var(--primary)}.hq-console-composer{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);flex:none;gap:7px;margin-top:9px;padding:9px;display:grid}.hq-console-composer-head,.hq-console-compose-row,.hq-console-compose-foot{align-items:center;gap:7px;display:flex}.hq-console-composer-head{color:var(--muted);justify-content:space-between;font-size:11px}.hq-console-composer-head>span:first-child{align-items:center;gap:6px;min-width:0;display:inline-flex}.hq-console-composer-head strong{color:var(--bright);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hq-console-delivery{flex:0 0 132px;width:132px}.hq-console-subject{flex:1;min-width:0}.hq-console-interrupt{flex:none}.hq-console-message-row{align-items:stretch}.hq-textarea.hq-console-message{resize:vertical;min-height:54px;max-height:150px;font-family:var(--font-sans)}.hq-console-send{justify-content:center;min-width:86px}.hq-console-compose-foot{min-width:0;color:var(--dim);justify-content:space-between;font-size:10px}.hq-console-status{text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:62%;overflow:hidden}.hq-console-status.ok{color:var(--green)}.hq-console-status.error{color:var(--red)}.hq-confirm-layer{z-index:100;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.hq-confirm-scrim{cursor:default;background:#0a0a09ad;border:0;position:absolute;inset:0}.hq-confirm-dialog{border:1px solid var(--red);background:var(--panel);grid-template-columns:auto minmax(0,1fr);gap:12px;width:min(460px,100vw - 32px);padding:18px;display:grid;position:relative;box-shadow:0 22px 70px #00000073}.hq-confirm-danger{color:var(--red)}.hq-confirm-dialog h2{color:var(--bright);margin:0;font-size:16px}.hq-confirm-dialog p{color:var(--muted);margin:4px 0 0;font-size:12px}.hq-confirm-check,.hq-confirm-actions{grid-column:1/-1}.hq-confirm-check{border:1px solid var(--border);background:var(--inset);color:var(--text);cursor:pointer;align-items:center;gap:8px;padding:9px 10px;font-size:12px;display:flex}.hq-confirm-check input{accent-color:var(--red)}.hq-confirm-actions{justify-content:flex-end;gap:8px;display:flex}.hq-chat-turn{flex-direction:column;display:flex}.hq-chat-turn.user{align-items:flex-end}.hq-chat-turn.assistant,.hq-chat-turn.error{align-items:flex-start}.hq-chat-bubble{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);max-width:min(88%,940px);padding:9px 13px}.hq-chat-bubble.user{background:#fe2e5f12;border-color:#fe2e5f59}.hq-chat-bubble.assistant{background:var(--panel)}.hq-chat-bubble.error{background:#df49490f;border-color:#df494980}.hq-chat-role{color:var(--dim);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:5px;font-size:10.5px;font-weight:600;display:flex}.hq-chat-role.err{color:var(--red)}.hq-chat-clock{color:var(--dim);font-variant-numeric:tabular-nums;margin-left:auto;font-weight:400}.hq-chat-prose{color:var(--text);white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.55}.hq-chat-turn.system{align-items:center}.hq-command-turn .hq-pill{letter-spacing:0;text-transform:lowercase}.hq-command-turn .hq-chat-role .hq-pill{margin-left:2px}.hq-chat-system-line{color:var(--dim);border:1px dashed var(--border);background:var(--panel);border-radius:999px;align-items:center;gap:10px;padding:2px 12px;font-size:11.5px;display:inline-flex}.hq-command-turn .hq-chat-system-line{border-color:#fe2e5f47}.hq-md{color:var(--text);word-break:break-word;font-size:13px;line-height:1.6}.hq-md>:first-child{margin-top:0}.hq-md>:last-child{margin-bottom:0}.hq-md p{margin:.5em 0}.hq-md h1,.hq-md h2,.hq-md h3,.hq-md h4{color:var(--bright);margin:.9em 0 .4em;line-height:1.3}.hq-md h1{font-size:1.25em}.hq-md h2{font-size:1.15em}.hq-md h3{font-size:1.05em}.hq-md h4{font-size:1em}.hq-md ul,.hq-md ol{margin:.4em 0;padding-left:1.4em}.hq-md li{margin:.15em 0}.hq-md li>ul,.hq-md li>ol{margin:.1em 0}.hq-md blockquote{border-left:3px solid var(--border2);color:var(--muted);margin:.5em 0;padding:2px 12px}.hq-md hr{border:0;border-top:1px solid var(--border);margin:.9em 0}.hq-md code{font-family:var(--font-mono);background:var(--inset);border:1px solid var(--border);border-radius:4px;padding:.05em .35em;font-size:.92em}.hq-md pre code{background:0 0;border:0;padding:0;font-size:12px}.hq-md-table-wrap{border:1px solid var(--border);border-radius:var(--radius-sm);margin:.6em 0;overflow-x:auto}.hq-md table{border-collapse:collapse;width:100%;font-size:12.5px}.hq-md th,.hq-md td{border-bottom:1px solid var(--border);text-align:left;padding:5px 10px}.hq-md th{color:var(--muted);background:var(--inset);font-weight:600}.hq-md tr:last-child td{border-bottom:0}.hq-md-code{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--inset);margin:.6em 0;overflow:hidden}.hq-md-code-bar{border-bottom:1px solid var(--border);background:var(--panel2);align-items:center;gap:10px;padding:3px 10px;display:flex}.hq-md-code-lang{color:var(--primary);font-family:var(--font-mono);font-size:10.5px;font-weight:600}.hq-md-code-meta{color:var(--dim);margin-right:auto;font-size:10.5px}.hq-md-code pre{max-height:40rem;font-family:var(--font-mono);scrollbar-width:thin;scrollbar-color:var(--border2) transparent;margin:0;padding:10px 12px;font-size:12px;line-height:1.55;overflow-x:auto}.hq-chat-turn.thinking{align-items:stretch}.hq-thinking-head{width:100%;color:var(--muted);text-align:left;cursor:pointer;border:1px dashed var(--border);border-radius:var(--radius-sm);background:0 0;align-items:center;gap:8px;padding:5px 10px;font-size:12px;display:flex}.hq-thinking-head:hover{border-color:var(--border2);color:var(--text)}.hq-thinking-icon{color:var(--purple);flex-shrink:0}.hq-thinking-label{letter-spacing:.08em;text-transform:uppercase;flex-shrink:0;font-size:10.5px;font-weight:600}.hq-thinking-peek{color:var(--dim);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-style:italic;overflow:hidden}.hq-thinking-body{border:1px dashed var(--border);border-radius:0 0 var(--radius-sm) var(--radius-sm);color:var(--muted);border-top:0;padding:8px 12px;font-style:italic}.hq-chat-turn.tool{align-items:stretch}.hq-tool-head{width:100%;color:var(--text);text-align:left;cursor:pointer;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:6px 10px;display:flex}.hq-chat-turn.tool.err .hq-tool-head{border-color:#df494980}.hq-tool-head:hover{border-color:var(--border2);background:var(--panel2)}.hq-tool-caret{color:var(--dim);flex-shrink:0;display:inline-flex}.hq-tool-icon{flex-shrink:0;display:inline-flex}.hq-tool-dot{background:var(--green);border-radius:50%;flex-shrink:0;width:7px;height:7px}.hq-tool-dot.err{background:var(--red)}.hq-tool-name{color:var(--bright);flex-shrink:0;font-size:12.5px;font-weight:600}.hq-tool-summary{color:var(--muted);font-size:12px;font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.hq-tool-dur{color:var(--dim);font-variant-numeric:tabular-nums;flex-shrink:0;margin-left:auto;font-size:11px}.hq-tool-status{flex-shrink:0;align-items:center;display:inline-flex}.hq-status-ok{color:var(--green)}.hq-status-err{color:var(--red)}.hq-tool-running-dot{background:var(--amber);border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite hq-pulse}@keyframes hq-pulse{0%,to{opacity:1}50%{opacity:.6}}.hq-tool-body{border:1px solid var(--border);border-radius:0 0 var(--radius-sm) var(--radius-sm);background:var(--panel);border-top:0;flex-direction:column;gap:10px;padding:10px 12px;display:flex}.hq-tool-section{flex-direction:column;gap:4px;display:flex}.hq-tool-section-label{color:var(--dim);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:600}.hq-tool-section-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.hq-tool-pre{background:var(--inset);border:1px solid var(--border);border-radius:var(--radius-sm);max-height:360px;color:var(--text);font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;scrollbar-width:thin;scrollbar-color:var(--border2) transparent;margin:0;padding:8px 10px;font-size:11.5px;line-height:1.5;overflow:auto}.hq-tool-pre.term{border-left:2px solid var(--green)}.hq-tool-pre.err{color:var(--red);border-color:#df494980}.hq-tool-result-note{color:var(--muted);font-size:11.5px}.hq-tool-empty{color:var(--dim);font-size:11.5px;font-style:italic}.hq-result{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--inset);overflow:hidden}.hq-result.bare{background:0 0;border:0;border-radius:0}.hq-result.err-frame{border-color:#df494980}.hq-result-pre{max-height:24rem;color:var(--text);font-family:var(--font-mono);scrollbar-width:thin;scrollbar-color:var(--border2) transparent;margin:0;padding:8px 10px;font-size:11.5px;line-height:1.5;overflow:auto}.hq-result-pre.wrap{white-space:pre-wrap;word-break:break-word}.hq-result-pre.nowrap{white-space:pre}.hq-result-pre.err{color:var(--red)}.hq-result-toggle{border:0;border-top:1px solid var(--border);background:var(--panel2);width:100%;color:var(--muted);cursor:pointer;justify-content:center;align-items:center;gap:5px;padding:4px 8px;font-size:11px;display:flex}.hq-result-toggle:hover{color:var(--bright)}.hq-result-jsonbar{border:0;border-bottom:1px solid var(--border);background:var(--panel2);width:100%;color:var(--muted);cursor:pointer;justify-content:space-between;align-items:center;gap:8px;padding:4px 10px;font-size:11px;display:flex}.hq-result-jsonbar:hover{color:var(--bright)}.hq-result-jsonbar-left{font-family:var(--font-mono);align-items:center;gap:5px;display:inline-flex}.hq-result-bash{flex-direction:column;display:flex}.hq-result-exit{border-top:1px solid var(--border);background:var(--panel2);color:var(--muted);font-size:11px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;align-items:center;gap:12px;padding:4px 10px;display:flex}.hq-result-exit.bad{color:var(--red)}.hq-diff{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--inset);overflow:hidden}.hq-diff-stat{border-bottom:1px solid var(--border);background:var(--panel2);font-variant-numeric:tabular-nums;gap:10px;padding:4px 10px;font-size:11px;font-weight:600;display:flex}.hq-diff-add-count{color:var(--green)}.hq-diff-del-count{color:var(--red)}.hq-diff-body{max-height:360px;font-family:var(--font-mono);scrollbar-width:thin;scrollbar-color:var(--border2) transparent;margin:0;padding:6px 0;font-size:11.5px;line-height:1.5;overflow:auto}.hq-diff-line{white-space:pre-wrap;word-break:break-word;padding:0 10px 0 0;display:block}.hq-diff-line.add{color:#90dfb8;background:#2ac07521}.hq-diff-line.del{color:#f19d9d;background:#df49491f}.hq-diff-line.ctx{color:var(--muted)}.hq-diff-line.meta{color:var(--primary);opacity:.8}.hq-diff-gutter{text-align:center;width:20px;color:var(--dim);user-select:none;display:inline-block}.hq-diff-path{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:60%;margin-right:auto;font-weight:500;overflow:hidden}.hq-todo-list{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--inset);margin:0;padding:0;list-style:none;overflow:hidden}.hq-todo{border-bottom:1px solid var(--border);align-items:baseline;gap:8px;padding:5px 10px;font-size:12.5px;display:flex}.hq-todo:last-child{border-bottom:0}.hq-todo-mark{text-align:center;flex-shrink:0;width:14px;font-weight:700}.hq-todo-text{color:var(--text);word-break:break-word}.hq-todo.completed .hq-todo-mark{color:var(--green)}.hq-todo.completed .hq-todo-text{color:var(--dim);text-decoration:line-through}.hq-todo.in_progress .hq-todo-mark{color:var(--amber)}.hq-todo.in_progress .hq-todo-text{color:var(--bright);font-weight:600}.hq-todo.pending .hq-todo-mark{color:var(--dim)}.hq-copy-btn{border:1px solid var(--border);background:var(--inset);color:var(--muted);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border-radius:4px;align-items:center;gap:4px;padding:2px 7px;font-size:10px;font-weight:600;line-height:1.5;display:inline-flex}.hq-copy-btn:hover{color:var(--bright);border-color:var(--border2)}@media (width<=1280px){.hq-view-identity p{display:none}.hq-top-metric{min-width:76px;padding-inline:8px}}@media (width<=1080px){.hq-top-metric:first-child,.hq-top-metric:nth-child(2){display:none}}@media (width<=900px){.hq-app{grid-template-columns:minmax(0,1fr)}.hq-workbench{grid-column:1}.hq-secondary-nav,.hq-secondary-nav[data-open=false]{z-index:50;border-right:1px solid var(--border);visibility:hidden;pointer-events:none;width:264px;transition:transform .15s,visibility 0s linear .15s;position:fixed;inset:0 auto 0 0;transform:translate(-105%);box-shadow:12px 0 30px #00000057}.hq-secondary-nav[data-open=true]{visibility:visible;pointer-events:auto;transition-delay:0s;transform:translate(0)}.hq-secondary-header,.hq-secondary-scroll,.hq-secondary-footer{width:264px}.hq-sidebar-scrim{z-index:40;opacity:0;pointer-events:none;background:#00000085;border:0;transition:opacity .15s;display:block;position:fixed;inset:0}.hq-sidebar-scrim[data-open=true]{opacity:1;pointer-events:auto}.hq-header{min-height:62px;padding:7px 9px}.hq-main{padding:10px}.hq-main .hq-grid{grid-template-columns:1fr}.hq-row{flex-wrap:wrap}.hq-chat-picker{flex:100%;min-width:0;max-width:100%}.hq-console{height:calc(100vh - 168px)}.hq-security-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.hq-security-summary,.hq-security-form{grid-template-columns:1fr}.hq-security-form label:first-child:nth-last-child(4){grid-column:auto}.hq-security-panel{padding:14px}.hq-security-actions.split,.hq-security-confirm-remove{flex-direction:column;align-items:stretch}.hq-update-notice{align-items:flex-start;padding:7px 9px}.hq-update-notice>div{gap:1px;display:grid}.hq-update-notice span{white-space:normal}.hq-update-notice button{padding-inline:6px}.hq-update-notice button:not(:focus-visible){gap:0;font-size:0}.hq-view-icon,.hq-top-metrics{display:none}.hq-view-identity{min-width:0}.hq-view-identity h1{font-size:14px}.hq-connection-pill{margin-left:auto}.hq-main{padding:8px}.hq-console-compose-row{flex-wrap:wrap}.hq-console-delivery{flex-basis:120px;width:120px}.hq-console-interrupt{margin-left:auto}.hq-console-message{flex-basis:100%}.hq-console-send{margin-left:auto}}@media (prefers-reduced-motion:reduce){.hq-fleet-drawer,.hq-audit-row.just-dispatched,.hq-alert-live,.hq-tool-running-dot,.hq-view-loading svg{animation:none}.hq-control-type,.hq-toggle,.hq-nav-caret,.hq-secondary-nav,.hq-sidebar-scrim{transition:none}}.hq-composer-bar{align-items:center;gap:8px;margin:8px 0;display:flex}.hq-composer{flex-direction:column;gap:8px;margin:8px 0;display:flex}.hq-composer-hint{color:var(--dim);font-size:12px}.hq-composer-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;display:grid}.hq-composer-field{flex-direction:column;gap:4px;display:flex}.hq-composer-field>span{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.hq-composer-body{resize:vertical;font-family:var(--font-sans)}.hq-composer-status{text-overflow:ellipsis;white-space:nowrap;max-width:420px;font-size:12px;overflow:hidden}.hq-composer-status.ok{color:var(--green)}.hq-composer-status.err{color:var(--red)}.hq-msg-actions{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;padding-top:8px;display:flex}.hq-msg-action-error{color:var(--red);text-overflow:ellipsis;white-space:nowrap;max-width:320px;font-size:12px;overflow:hidden}.hq-token-gate{background:var(--bg);justify-content:center;align-items:center;height:100%;display:flex}.hq-token-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);width:min(440px,100vw - 32px);box-shadow:var(--shadow);flex-direction:column;gap:12px;padding:28px 28px 22px;display:flex}.hq-token-title{color:var(--bright);font-size:16px;font-weight:600}.hq-token-text{color:var(--muted);margin:0}.hq-token-input{background:var(--inset);border:1px solid var(--border2);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-mono);padding:8px 10px}.hq-token-submit{background:var(--primary-dim);border:1px solid var(--primary);border-radius:var(--radius-sm);color:var(--bright);cursor:pointer;padding:8px 10px}.hq-token-submit:disabled{opacity:.5;cursor:default}.hq-token-hint{color:var(--dim);margin:4px 0 0;font-size:12px}.hq-token-hint code{font-family:var(--font-mono);color:var(--muted)}.hq-token-tabs{border-bottom:1px solid var(--border);gap:8px;margin-bottom:4px;display:flex}.hq-token-tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:8px 4px;font-size:13px}.hq-token-tab.active{color:var(--bright);border-bottom-color:var(--primary)}.hq-token-error{color:var(--error,#ff6b6b);margin:0;font-size:13px}.hq-card-severity{border-left:3px solid var(--border)}.hq-card-severity.warn{border-left-color:var(--amber)}.hq-card-severity.error,.hq-card-severity.critical{border-left-color:var(--red)}.hq-card-severity.info{border-left-color:var(--primary)}.hq-stat-block{background:var(--panel2);border:1px solid var(--border);flex-direction:column;gap:2px;min-width:0;padding:10px 14px;display:flex}.hq-stat-block-label{text-transform:uppercase;letter-spacing:.04em;color:var(--dim);font-size:10.5px}.hq-stat-block-value{font-variant-numeric:tabular-nums;color:var(--bright);font-size:18px;font-weight:700}.hq-stat-block-value.accent-cost{color:var(--chart-1)}.hq-stat-block-value.accent-tokens{color:var(--chart-2)}.hq-stat-block-value.accent-tools{color:var(--chart-3)}.hq-stat-block-sub{color:var(--dim);font-variant-numeric:tabular-nums;font-size:11px}.hq-stat-row{flex-wrap:wrap;gap:10px;display:flex}.hq-text-dim{color:var(--dim)}.hq-text-muted{color:var(--muted)}.hq-text-bright{color:var(--bright);font-weight:700}.hq-ml-auto{margin-left:auto}.hq-mt-8{margin-top:8px}.hq-mt-12{margin-top:12px}.hq-row-baseline{align-items:baseline}.hq-text-center{text-align:center}.hq-card-title.hq-title-inline,.hq-title-inline{margin:0}.hq-empty.hq-pad-sm{padding:8px;font-size:12px}.hq-empty.hq-pad-md{padding:16px;font-size:12px}.hq-cockpit-empty{padding:14px;font-size:12px}.hq-cockpit-section-title{color:var(--bright);margin:0;font-size:13px;font-weight:700}.hq-cockpit-cost-amount{color:var(--green)}.hq-kanban-view{flex-direction:column;gap:12px;min-width:0;display:flex}.hq-kanban-toolbar{border:1px solid var(--border);background:var(--panel);align-items:flex-end;gap:10px;min-width:0;padding:10px;display:flex}.hq-kanban-toolbar label{gap:4px;min-width:210px;display:grid}.hq-kanban-toolbar label>span{color:var(--dim);letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:700}.hq-kanban-toolbar .hq-select{width:100%}.hq-kanban-sync{min-width:0;color:var(--dim);font-family:var(--font-mono);align-items:center;gap:10px;margin-left:auto;font-size:10px;display:flex}.hq-kanban-sync button,.hq-kanban-error button{border:1px solid var(--border2);background:var(--inset);color:var(--bright);cursor:pointer;align-items:center;gap:6px;padding:6px 9px;display:inline-flex}.hq-kanban-sync button:hover,.hq-kanban-error button:hover{border-color:var(--primary)}.hq-kanban-sync button:disabled{opacity:.55;cursor:default}.hq-kanban-sync .is-spinning{animation:.9s linear infinite hq-kanban-spin}@keyframes hq-kanban-spin{to{transform:rotate(360deg)}}.hq-kanban-error{color:var(--red);background:#e2535314;border:1px solid #e2535373;align-items:center;gap:8px;padding:9px 10px;display:flex}.hq-kanban-error span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.hq-kanban-summary{border:1px solid var(--border);background:var(--panel);padding:14px 16px}.hq-kanban-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.hq-kanban-heading>div:first-child{min-width:0}.hq-kanban-heading>div:first-child>span{color:var(--primary);letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:700}.hq-kanban-heading h2{color:var(--bright);margin:2px 0 0;font-size:20px}.hq-kanban-heading p{max-width:760px;color:var(--muted);margin:5px 0 0}.hq-kanban-board-meta{color:var(--dim);flex:none;align-items:center;gap:8px;font-size:10px;display:flex}.hq-kanban-tags{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.hq-kanban-stats{border:1px solid var(--border);grid-template-columns:repeat(5,minmax(80px,1fr));margin-top:14px;display:grid}.hq-kanban-stat{border-right:1px solid var(--border);background:var(--inset);align-items:baseline;gap:7px;min-width:0;padding:7px 10px;display:flex}.hq-kanban-stat:last-child{border-right:0}.hq-kanban-stat strong{color:var(--bright);font-family:var(--font-mono);font-size:17px}.hq-kanban-stat span{color:var(--dim);letter-spacing:.06em;text-transform:uppercase;font-size:9px}.hq-kanban-stat[data-tone=active] strong{color:var(--amber)}.hq-kanban-stat[data-tone=blocked] strong{color:var(--red)}.hq-kanban-stat[data-tone=done] strong{color:var(--green)}.hq-kanban-board{grid-template-columns:repeat(var(--hq-kanban-columns), minmax(270px, 1fr));scrollbar-width:thin;scrollbar-color:var(--border2) transparent;align-items:start;gap:10px;min-width:0;padding-bottom:8px;display:grid;overflow-x:auto}.hq-kanban-column{border:1px solid var(--border);background:var(--panel);min-width:270px}.hq-kanban-column[data-over-limit=true]{border-color:color-mix(in srgb, var(--red) 55%, var(--border))}.hq-kanban-column>header{border-top:2px solid var(--border2);border-bottom:1px solid var(--border);background:var(--panel2);justify-content:space-between;align-items:center;gap:10px;min-height:48px;padding:8px 10px;display:flex}.hq-kanban-column>header>div{min-width:0;display:grid}.hq-kanban-column>header strong{color:var(--bright);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.hq-kanban-column>header span{color:var(--dim);font-family:var(--font-mono);font-size:9px}.hq-kanban-column>header .hq-kanban-column-count{border:1px solid var(--border);background:var(--inset);min-width:24px;height:24px;color:var(--bright);place-items:center;display:grid}.hq-kanban-column-body{flex-direction:column;gap:8px;min-height:84px;padding:8px;display:flex}.hq-kanban-column-empty{color:var(--dim);text-align:center;padding:24px 8px;font-size:11px}.hq-kanban-task{border:1px solid var(--border);border-left:3px solid var(--border2);background:var(--inset);padding:9px 10px;position:relative}.hq-kanban-task[data-priority=critical],.hq-kanban-task[data-priority=high]{border-left-color:var(--red)}.hq-kanban-task[data-priority=medium]{border-left-color:var(--amber)}.hq-kanban-task[data-priority=low]{border-left-color:var(--green)}.hq-kanban-task-topline{justify-content:space-between;align-items:center;gap:8px;display:flex}.hq-kanban-task .hq-pill{text-transform:uppercase;padding:0 6px;font-size:9px}.hq-kanban-task .hq-pill.completed{color:var(--green);background:#2ac0751f;border-color:#2ac07573}.hq-kanban-task .hq-pill.in_progress,.hq-kanban-task .hq-pill.review,.hq-kanban-task .hq-pill.ready{color:var(--amber);background:#fd9f021a;border-color:#fd9f0273}.hq-kanban-task .hq-pill.blocked,.hq-kanban-task .hq-pill.failed{color:var(--red);background:#df49491f;border-color:#df494973}.hq-kanban-priority{color:var(--dim);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:8px}.hq-kanban-priority.critical,.hq-kanban-priority.high{color:var(--red)}.hq-kanban-priority.medium{color:var(--amber)}.hq-kanban-priority.low{color:var(--green)}.hq-kanban-task h3{color:var(--bright);font-family:var(--font-sans);margin:8px 0 0;font-size:12.5px;line-height:1.35}.hq-kanban-task p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:5px 0 0;font-size:10.5px;display:-webkit-box;overflow:hidden}.hq-kanban-task-labels{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.hq-kanban-task-labels span{border:1px solid var(--border);color:var(--muted);padding:1px 5px;font-size:8.5px}.hq-kanban-task footer{border-top:1px solid var(--border);min-height:18px;color:var(--dim);font-family:var(--font-mono);align-items:center;gap:9px;margin-top:9px;padding-top:7px;font-size:9px;display:flex}.hq-kanban-task footer span{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;min-width:0;display:inline-flex;overflow:hidden}.hq-kanban-task footer .is-done{color:var(--green);margin-left:auto}@media (width<=760px){.hq-kanban-toolbar{flex-direction:column;align-items:stretch}.hq-kanban-toolbar label{min-width:0}.hq-kanban-sync{justify-content:space-between;margin-left:0}.hq-kanban-heading{flex-direction:column}.hq-kanban-board-meta{flex-wrap:wrap}.hq-kanban-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.hq-kanban-stat{border-bottom:1px solid var(--border)}}.hq-toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:.5rem;max-width:28rem;display:flex;position:fixed;bottom:1rem;right:1rem}.hq-toast{border-radius:var(--radius-md,.25rem);border:1px solid var(--border);background:var(--panel2);box-shadow:var(--shadow,0 1px 3px #0003);pointer-events:auto;align-items:center;gap:.5rem;padding:.625rem .75rem;animation:.2s ease-out hq-toast-in;display:flex}.hq-toast-icon{flex-shrink:0;align-items:center;line-height:0;display:flex}.hq-toast--error{border-left:3px solid var(--red)}.hq-toast--error .hq-toast-icon{color:var(--red)}.hq-toast--warning{border-left:3px solid var(--amber)}.hq-toast--warning .hq-toast-icon{color:var(--amber)}.hq-toast--info{border-left:3px solid var(--primary)}.hq-toast--info .hq-toast-icon{color:var(--primary)}.hq-toast--success{border-left:3px solid var(--green)}.hq-toast--success .hq-toast-icon{color:var(--green)}.hq-toast-message{color:var(--text);flex:1;font-size:.8125rem;line-height:1.35}.hq-toast-action{color:var(--primary);cursor:pointer;font-size:.75rem}.hq-toast-close{width:1.25rem;height:1.25rem;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:.125rem;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.hq-toast-close:hover{color:var(--text);background:var(--inset)}@keyframes hq-toast-in{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}.hq-connection-pill{border-radius:var(--radius-full,9999px);white-space:nowrap;text-transform:uppercase;letter-spacing:.03em;border:1px solid var(--border);align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.6875rem;font-weight:600;line-height:1;transition:background .2s,border-color .2s;display:inline-flex}.hq-connection-pill[data-live=true]{background:color-mix(in srgb, var(--green) 12%, transparent);border-color:color-mix(in srgb, var(--green) 30%, transparent);color:var(--green)}.hq-connection-pill[data-live=false]{background:color-mix(in srgb, var(--amber) 12%, transparent);border-color:color-mix(in srgb, var(--amber) 30%, transparent);color:var(--amber);animation:2s ease-in-out infinite hq-pulse}.hq-link-state[data-live=false] .hq-link-dot{animation:2s ease-in-out infinite hq-pulse}.hq-sidebar-footer-badge{color:var(--muted);align-items:center;gap:.25rem;padding:0 .375rem;font-size:.6875rem;display:inline-flex}:root{--radius:0;--radius-sm:.125rem;--radius-md:.25rem;--radius-lg:.375rem;--radius-xl:.5rem;--radius-full:9999px}.hljs{color:var(--text);background:0 0}.hljs-comment,.hljs-quote{color:color-mix(in oklab, var(--muted) 60%, transparent);font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-type,.hljs-literal{color:#f28dbc}.hljs-string,.hljs-attr,.hljs-template-tag,.hljs-template-variable{color:#64d488}.hljs-number,.hljs-symbol,.hljs-bullet{color:var(--primary)}.hljs-function .hljs-keyword,.hljs-title.function_,.hljs-title.class_,.hljs-title.class_.inherited__{color:#6cb6ff}.hljs-variable,.hljs-params{color:var(--text)}.hljs-tag,.hljs-name{color:#f47a95}.hljs-attribute,.hljs-property{color:#ffb055}.hljs-regexp{color:#49d3c5}.hljs-punctuation,.hljs-operator{color:color-mix(in oklab, var(--muted) 80%, var(--text))}.hljs-meta,.hljs-doctag,.hljs-section{color:var(--muted)}.hljs-addition{color:#64d488;background:#27915c1f}.hljs-deletion{color:#ff7a7a;background:#d322221f}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:600}.hljs-link{color:var(--primary);text-decoration:underline}:root[data-hq-theme=light] .hljs-keyword,:root[data-hq-theme=light] .hljs-selector-tag,:root[data-hq-theme=light] .hljs-type,:root[data-hq-theme=light] .hljs-literal{color:#9f2862}:root[data-hq-theme=light] .hljs-string,:root[data-hq-theme=light] .hljs-attr,:root[data-hq-theme=light] .hljs-template-tag,:root[data-hq-theme=light] .hljs-template-variable,:root[data-hq-theme=light] .hljs-addition{color:#146b39}:root[data-hq-theme=light] .hljs-function .hljs-keyword,:root[data-hq-theme=light] .hljs-title.function_,:root[data-hq-theme=light] .hljs-title.class_,:root[data-hq-theme=light] .hljs-title.class_.inherited__{color:#175aa3}:root[data-hq-theme=light] .hljs-tag,:root[data-hq-theme=light] .hljs-name,:root[data-hq-theme=light] .hljs-deletion{color:#b32947}:root[data-hq-theme=light] .hljs-attribute,:root[data-hq-theme=light] .hljs-property{color:#8b4b00}:root[data-hq-theme=light] .hljs-regexp{color:#08746c}
@@ -1 +0,0 @@
1
- import{r as e}from"./rolldown-runtime-QTnfLwEv.js";import{Lt as t}from"./icons-By3Hdl4l.js";import{i as n}from"./markdown-Gk0ONVoB.js";import{o as r}from"./index-B7CIS4YI.js";var i=e(t(),1),a=n();function o({points:e,color:t,height:n=140,format:r,emptyLabel:o=`no data`}){let[s,c]=(0,i.useState)(null),l=(0,i.useId)(),u=n,d=u-10-22,f=(0,i.useMemo)(()=>Math.max(...e.map(e=>e.value),0),[e]);if(e.length===0||f<=0)return(0,a.jsx)(`div`,{className:`hq-chart-empty`,children:o});let p=e.length,m=666/p,h=Math.max(2,Math.min(18,m-2)),g=e=>10+d*(1-e/f),_=[f*.25,f*.5,f*.75,f],v=Math.max(1,Math.round(p/5)),y=e=>new Date(e).toLocaleTimeString([],{hour:`2-digit`,minute:`2-digit`}),b=s===null?void 0:e[s];return(0,a.jsxs)(`div`,{className:`hq-chart`,children:[(0,a.jsxs)(`svg`,{viewBox:`0 0 720 ${u}`,className:`hq-chart-svg`,role:`img`,"aria-label":`Time series chart with ${e.length} data points`,onMouseLeave:()=>c(null),onMouseMove:t=>{let n=t.currentTarget.getBoundingClientRect(),r=(t.clientX-n.left)/n.width*720,i=Math.floor((r-46)/m);c(i>=0&&i<e.length?i:null)},children:[(0,a.jsx)(`clipPath`,{id:l,children:(0,a.jsx)(`rect`,{x:46,y:10,width:666,height:d})}),_.map((e,t)=>(0,a.jsxs)(`g`,{children:[(0,a.jsx)(`line`,{x1:46,x2:712,y1:g(e),y2:g(e),className:`hq-chart-grid`}),(0,a.jsx)(`text`,{x:40,y:g(e)+3,className:`hq-chart-ytick`,textAnchor:`end`,children:r(e)})]},t)),(0,a.jsx)(`line`,{x1:46,x2:712,y1:10+d,y2:10+d,className:`hq-chart-axis`}),(0,a.jsx)(`g`,{clipPath:`url(#${l})`,children:e.map((e,n)=>{let r=46+n*m+(m-h)/2,i=g(e.value),o=10+d-i;return o<=0?null:(0,a.jsx)(`rect`,{x:r,y:i,width:h,height:o,rx:Math.min(3,h/2),fill:t,opacity:s===null||s===n?1:.45},n)})}),e.map((e,t)=>t%v===0?(0,a.jsx)(`text`,{x:46+t*m+m/2,y:u-6,className:`hq-chart-xtick`,textAnchor:`middle`,children:y(e.ts)},t):null),(0,a.jsx)(`rect`,{x:46,y:10,width:666,height:d,fill:`transparent`})]}),b!==void 0&&(0,a.jsxs)(`div`,{className:`hq-chart-tooltip`,children:[(0,a.jsx)(`span`,{className:`hq-chart-tooltip-swatch`,style:{background:t}}),(0,a.jsx)(`span`,{className:`hq-chart-tooltip-value`,children:r(b.value)}),(0,a.jsx)(`span`,{className:`hq-chart-tooltip-time`,children:y(b.ts)})]})]})}var s=[{label:`1h`,ms:3600*1e3},{label:`6h`,ms:360*60*1e3},{label:`24h`,ms:1440*60*1e3},{label:`7d`,ms:10080*60*1e3}];function c(e){return e>=1e6?`${(e/1e6).toFixed(1)}M`:e>=1e3?`${(e/1e3).toFixed(1)}k`:String(Math.round(e))}function l(e,t){let n=new Map;for(let r of e){let e=r[t];if(e!==void 0)for(let[t,r]of Object.entries(e)){let e=n.get(t);e===void 0?n.set(t,{...r}):(e.costUsd+=r.costUsd,e.inputTokens+=r.inputTokens,e.outputTokens+=r.outputTokens,e.cacheRead=(e.cacheRead??0)+(r.cacheRead??0),e.cacheWrite=(e.cacheWrite??0)+(r.cacheWrite??0))}}return[...n.entries()].map(([e,t])=>({key:e,entry:t})).sort((e,t)=>t.entry.costUsd-e.entry.costUsd)}function u(){let[e,t]=(0,i.useState)([]),[n,u]=(0,i.useState)(null),[d,f]=(0,i.useState)(s[2].ms);(0,i.useEffect)(()=>{let e=!1,n=()=>{r(`/api/trends/cost`).then(n=>{e||(t(n.samples),u(null))}).catch(t=>{e||u(t.message)})};n();let i=setInterval(n,3e4);return()=>{e=!0,clearInterval(i)}},[]);let{shown:p,totalCost:m,totalTokens:h,totalTools:g,byModel:_,byProvider:v,totalCacheRead:y,totalCacheWrite:b}=(0,i.useMemo)(()=>{let t=Date.now()-d,n=e.filter(e=>e.ts>=t),r=n.length>0?n:e.slice(-24),i=r.reduce((e,t)=>e+t.costUsd,0),a=r.reduce((e,t)=>e+t.inputTokens+t.outputTokens,0),o=r.reduce((e,t)=>e+t.toolCalls,0),s=l(r,`byModel`);return{shown:r,totalCost:i,totalTokens:a,totalTools:o,byModel:s,byProvider:l(r,`byProvider`),totalCacheRead:s.reduce((e,t)=>e+(t.entry.cacheRead??0),0),totalCacheWrite:s.reduce((e,t)=>e+(t.entry.cacheWrite??0),0)}},[e,d]);if(n!==null)return(0,a.jsxs)(`div`,{className:`hq-empty`,children:[`Error loading trends: `,n]});if(e.length===0)return(0,a.jsx)(`div`,{className:`hq-empty`,children:`No trend data yet. Trends accumulate as cost signals arrive.`});let x=_.length>0,S=y+b>0?y/(y+b)*100:null;return(0,a.jsxs)(`div`,{children:[(0,a.jsxs)(`div`,{className:`hq-filter-row`,children:[s.map(e=>(0,a.jsx)(`button`,{type:`button`,className:`hq-pill hq-filter-chip${d===e.ms?` selected`:``}`,onClick:()=>f(e.ms),children:e.label},e.label)),(0,a.jsxs)(`span`,{className:`hq-mono hq-row-subtle hq-ml-auto`,children:[p.length,` × 5-min buckets`]})]}),(0,a.jsxs)(`div`,{className:`hq-stat-row`,children:[(0,a.jsxs)(`div`,{className:`hq-stat-block`,children:[(0,a.jsxs)(`span`,{className:`hq-stat-block-value accent-cost`,children:[`$`,m.toFixed(4)]}),(0,a.jsx)(`span`,{className:`hq-stat-block-label`,children:`cost`})]}),(0,a.jsxs)(`div`,{className:`hq-stat-block`,children:[(0,a.jsx)(`span`,{className:`hq-stat-block-value accent-tokens`,children:c(h)}),(0,a.jsx)(`span`,{className:`hq-stat-block-label`,children:`tokens`})]}),(0,a.jsxs)(`div`,{className:`hq-stat-block`,children:[(0,a.jsx)(`span`,{className:`hq-stat-block-value accent-tools`,children:g.toLocaleString()}),(0,a.jsx)(`span`,{className:`hq-stat-block-label`,children:`tool calls`})]}),S!==null&&(0,a.jsxs)(`div`,{className:`hq-stat-block`,children:[(0,a.jsxs)(`span`,{className:`hq-stat-block-value`,children:[S.toFixed(0),`%`]}),(0,a.jsx)(`span`,{className:`hq-stat-block-label`,children:`cache hit`}),(0,a.jsxs)(`span`,{className:`hq-stat-block-sub`,children:[c(y),` read · `,c(b),` write`]})]})]}),(0,a.jsxs)(`div`,{className:`hq-card`,children:[(0,a.jsx)(`div`,{className:`hq-card-title`,children:`Cost (USD)`}),(0,a.jsx)(o,{points:p.map(e=>({ts:e.ts,value:e.costUsd})),color:`var(--chart-1)`,format:e=>`$${e>=1?e.toFixed(2):e.toFixed(4)}`})]}),(0,a.jsxs)(`div`,{className:`hq-card`,children:[(0,a.jsx)(`div`,{className:`hq-card-title`,children:`Tokens (in + out)`}),(0,a.jsx)(o,{points:p.map(e=>({ts:e.ts,value:e.inputTokens+e.outputTokens})),color:`var(--chart-2)`,format:c})]}),(0,a.jsxs)(`div`,{className:`hq-card`,children:[(0,a.jsx)(`div`,{className:`hq-card-title`,children:`Tool calls`}),(0,a.jsx)(o,{points:p.map(e=>({ts:e.ts,value:e.toolCalls})),color:`var(--chart-3)`,format:e=>String(Math.round(e))})]}),x&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(`div`,{className:`hq-card-title`,children:`By Model`}),(0,a.jsx)(`div`,{className:`hq-card`,children:_.map(({key:e,entry:t})=>{let n=m>0?t.costUsd/m*100:0;return(0,a.jsxs)(`div`,{className:`hq-row`,children:[(0,a.jsx)(`span`,{className:`hq-text-bright`,children:e}),(0,a.jsxs)(`span`,{className:`hq-mono hq-row-subtle`,children:[c(t.inputTokens),`→`,c(t.outputTokens),t.cacheRead!==void 0||t.cacheWrite!==void 0?` · cache ${c((t.cacheRead??0)+(t.cacheWrite??0))}`:``]}),(0,a.jsxs)(`span`,{className:`hq-cost-amount hq-ml-auto`,children:[`$`,t.costUsd.toFixed(4)]}),(0,a.jsxs)(`span`,{className:`hq-mono hq-row-subtle`,children:[n.toFixed(1),`%`]})]},e)})}),v.length>1&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(`div`,{className:`hq-card-title`,children:`By Provider`}),(0,a.jsx)(`div`,{className:`hq-card`,children:v.map(({key:e,entry:t})=>{let n=m>0?t.costUsd/m*100:0;return(0,a.jsxs)(`div`,{className:`hq-row`,children:[(0,a.jsx)(`span`,{className:`hq-text-bright`,children:e}),(0,a.jsxs)(`span`,{className:`hq-cost-amount hq-ml-auto`,children:[`$`,t.costUsd.toFixed(4)]}),(0,a.jsxs)(`span`,{className:`hq-mono hq-row-subtle`,children:[n.toFixed(1),`%`]})]},e)})})]})]})]})}export{u as TrendsView};
@@ -1 +0,0 @@
1
- import{r as e}from"./rolldown-runtime-QTnfLwEv.js";import{D as t,Lt as n,c as r,kt as i,l as a,tt as o,yt as s}from"./icons-By3Hdl4l.js";import{i as c}from"./markdown-Gk0ONVoB.js";import{t as l}from"./use-backfilled-events-DxtA7tOA.js";var u=e(n(),1),d=c(),f={allocated:{Icon:t,cls:`info`},committed:{Icon:i,cls:`active`},merged:{Icon:o,cls:`active`},conflict:{Icon:r,cls:`warn`},released:{Icon:a,cls:`idle`},failed:{Icon:s,cls:`error`}};function p({e}){let n=e.payload,r=f[n.kind]??{Icon:t,cls:`info`};return(0,d.jsxs)(`div`,{className:`hq-row`,children:[(0,d.jsx)(r.Icon,{size:14,className:`hq-kind-icon ${r.cls}`}),(0,d.jsx)(`span`,{className:`hq-text-bright`,children:n.kind}),n.branch!==void 0&&(0,d.jsx)(`span`,{className:`hq-pill info`,children:n.branch}),n.kind===`committed`&&(0,d.jsxs)(`span`,{className:`hq-mono hq-diffstat`,children:[(0,d.jsxs)(`span`,{className:`hq-diff-add-count`,children:[`+`,n.insertions??0]}),` `,(0,d.jsxs)(`span`,{className:`hq-diff-del-count`,children:[`−`,n.deletions??0]}),` in `,n.files??0,` file(s)`,` `,n.sha===void 0?``:`(${n.sha.slice(0,7)})`]}),n.kind===`conflict`&&n.conflictFiles!==void 0&&(0,d.jsxs)(`span`,{className:`hq-mono hq-row-error`,children:[`conflicts: `,n.conflictFiles.join(`, `)]}),n.kind===`failed`&&(0,d.jsx)(`span`,{className:`hq-mono hq-row-error`,children:n.error}),(0,d.jsx)(`span`,{className:`hq-mono hq-row-time`,children:new Date(e.timestamp).toLocaleTimeString()})]})}function m(){let{events:e,loading:n}=l(`worktree.event`,300),r=(0,u.useMemo)(()=>{let t=new Map;for(let n of e){let e=n.payload.ownerId??`(unknown)`,r=t.get(e)??[];r.push(n),t.set(e,r)}return Array.from(t.entries()).reverse()},[e]);return r.length===0?(0,d.jsx)(`div`,{className:`hq-empty`,children:n?`Loading worktree history…`:`No worktree events yet. These appear when Goal allocates/merges git worktrees for parallel phases.`}):(0,d.jsxs)(`div`,{children:[(0,d.jsxs)(`div`,{className:`hq-card-title`,children:[`Worktree Lifecycle (`,r.length,` worktree`,r.length===1?``:`s`,`)`]}),r.map(([e,n])=>{let r=n[n.length-1].payload,i=f[r.kind]??{Icon:t,cls:`info`};return(0,d.jsxs)(`div`,{className:`hq-card`,children:[(0,d.jsxs)(`div`,{className:`hq-row hq-lane-head`,children:[(0,d.jsx)(`span`,{className:`hq-mono hq-text-bright`,children:e}),(0,d.jsx)(`span`,{className:`hq-pill ${i.cls}`,children:r.kind}),(0,d.jsxs)(`span`,{className:`hq-mono hq-row-time`,children:[n.length,` events`]})]}),n.map(e=>(0,d.jsx)(p,{e},e.id))]},e)})]})}export{m as WorktreeView};