tide-commander 1.183.0 → 1.185.0

package/dist/src/packages/server/integrations/jira/jira-skill.js

@@ -146,6 +146,14 @@ curl -s http://localhost:5174/api/jira/issues/SD-1234/attachments
 \`\`\`
 Returns \`{ "attachments": [ { "id", "filename", "mimeType", "size", "contentUrl", "authorDisplayName?", "created?" } ] }\`.
 
+**Upload local files as attachments:**
+\`\`\`bash
+curl -s -X POST http://localhost:5174/api/jira/issues/SD-1234/attachments \\
+  -H "Content-Type: application/json" \\
+  -d '{"files": ["/home/user/report.pdf", "/home/user/report.docx"]}'
+\`\`\`
+\`files\` is an array of absolute paths readable by the server. Returns \`{ "key", "count", "attachments": [ { "id", "filename", "mimeType", "size", "contentUrl" } ] }\`.
+
 **List attachments referenced by comments (optionally a single comment):**
 \`\`\`bash
 # All comment attachments on the issue

package/dist/src/packages/server/routes/files.js

@@ -963,6 +963,134 @@ router.get('/download-folder', async (req, res) => {
         }
     }
 });
+/** Chrome/Chromium used to print Markdown to PDF. Env override first. */
+function findChromeBinary() {
+    const fromEnv = process.env.CHROME_PATH || process.env.PUPPETEER_EXECUTABLE_PATH;
+    if (fromEnv && fs.existsSync(fromEnv))
+        return fromEnv;
+    const candidates = [
+        '/usr/bin/google-chrome-stable',
+        '/usr/bin/google-chrome',
+        '/usr/bin/chromium-browser',
+        '/usr/bin/chromium',
+        '/snap/bin/chromium',
+        '/Applications/Google Chrome.app/Contents/MacOS/Google Chrome',
+    ];
+    return candidates.find((c) => fs.existsSync(c)) || null;
+}
+/**
+ * Print styles for the Markdown → PDF export.
+ *
+ * Deliberately self-contained rather than reusing the app's stylesheet: the UI
+ * theme is dark and tuned for a screen, which prints as a wall of ink. This is a
+ * light, paper-first rendering of the same structure.
+ */
+const MARKDOWN_PDF_CSS = `
+  * { box-sizing: border-box; }
+  body {
+    margin: 0;
+    font: 11pt/1.6 -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+    color: #1a1a1a;
+    background: #fff;
+  }
+  h1, h2, h3, h4, h5, h6 { line-height: 1.25; margin: 1.4em 0 0.5em; page-break-after: avoid; }
+  h1 { font-size: 20pt; border-bottom: 1px solid #ddd; padding-bottom: 0.2em; }
+  h2 { font-size: 16pt; border-bottom: 1px solid #eee; padding-bottom: 0.2em; }
+  h3 { font-size: 13pt; }
+  p, li { orphans: 2; widows: 2; }
+  a { color: #0b5fff; text-decoration: none; }
+  code {
+    font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
+    font-size: 9.5pt;
+    background: #f4f4f6;
+    padding: 0.15em 0.35em;
+    border-radius: 3px;
+  }
+  pre {
+    background: #f6f7f9;
+    border: 1px solid #e3e5e9;
+    border-radius: 5px;
+    padding: 10px 12px;
+    overflow-x: auto;
+    white-space: pre-wrap;
+    word-wrap: break-word;
+    page-break-inside: avoid;
+  }
+  pre code { background: none; padding: 0; font-size: 9pt; }
+  blockquote { margin: 1em 0; padding: 0.2em 1em; border-left: 3px solid #d6d8dd; color: #555; }
+  table { border-collapse: collapse; width: 100%; margin: 1em 0; page-break-inside: avoid; }
+  th, td { border: 1px solid #d9dbe0; padding: 6px 9px; text-align: left; font-size: 10pt; }
+  th { background: #f2f3f5; }
+  img { max-width: 100%; }
+  hr { border: none; border-top: 1px solid #e0e0e0; margin: 1.6em 0; }
+  ul, ol { padding-left: 1.5em; }
+`;
+// POST /api/files/markdown-pdf - Render already-rendered Markdown HTML to a PDF
+//
+// The client sends the HTML it is ALREADY displaying, so the PDF matches what
+// the user is looking at (same Markdown renderer, same tables, same code
+// blocks) instead of re-parsing the source with a second, subtly different one.
+router.post('/markdown-pdf', async (req, res) => {
+    const chromePath = findChromeBinary();
+    if (!chromePath) {
+        res.status(501).json({
+            error: 'No Chrome/Chromium found for PDF export. Install Google Chrome or set CHROME_PATH.',
+        });
+        return;
+    }
+    const { html, title } = req.body;
+    if (!html || typeof html !== 'string') {
+        res.status(400).json({ error: 'html is required' });
+        return;
+    }
+    const docTitle = (title || 'document').replace(/[<>]/g, '');
+    const page = `<!DOCTYPE html><html><head><meta charset="utf-8">`
+        + `<title>${docTitle}</title><style>${MARKDOWN_PDF_CSS}</style></head>`
+        + `<body>${html}</body></html>`;
+    let browser = null;
+    try {
+        const puppeteer = (await import('puppeteer-core')).default;
+        browser = await puppeteer.launch({
+            executablePath: chromePath,
+            headless: true,
+            // A fresh, isolated profile: this must never attach to (or disturb) the
+            // user's real Chrome, which the browser-bridge drives over CDP.
+            args: ['--no-sandbox', '--disable-dev-shm-usage', '--disable-gpu'],
+        });
+        const tab = await browser.newPage();
+        // The content is a local document, not an app — no scripts should run.
+        await tab.setJavaScriptEnabled(false);
+        // 'load' (not 'domcontentloaded') so images finish fetching before printing.
+        await tab.setContent(page, { waitUntil: 'load', timeout: 20000 });
+        const pdf = await tab.pdf({
+            format: 'A4',
+            printBackground: true,
+            margin: { top: '18mm', bottom: '18mm', left: '16mm', right: '16mm' },
+            displayHeaderFooter: true,
+            headerTemplate: '<div></div>',
+            footerTemplate: '<div style="width:100%;font-size:8pt;color:#888;padding:0 16mm;'
+                + 'display:flex;justify-content:space-between;">'
+                + `<span>${docTitle.replace(/[&<>"]/g, '')}</span>`
+                + '<span class="pageNumber"></span></div>',
+        });
+        res.setHeader('Content-Type', 'application/pdf');
+        res.setHeader('Content-Length', pdf.length);
+        log.log(` Markdown PDF generated: ${docTitle} (${pdf.length} bytes)`);
+        res.end(Buffer.from(pdf));
+    }
+    catch (err) {
+        log.error(' Failed to render Markdown to PDF:', err);
+        if (!res.headersSent) {
+            res.status(500).json({ error: err.message || 'PDF generation failed' });
+        }
+    }
+    finally {
+        // Always reap the browser — a leaked headless Chrome per export would pile
+        // up invisibly and eat the box.
+        if (browser)
+            await browser.close().catch(() => { });
+    }
+});
 // GET /api/files/list - List directory contents
 router.get('/list', async (req, res) => {
     try {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tide-commander",
-  "version": "1.183.0",
+  "version": "1.185.0",
   "description": "Visual multi-agent orchestrator and manager for Claude Code with 3D/2D interface",
   "repository": {
     "type": "git",

package/dist/assets/channel-DhJKhZOl.js

@@ -1 +0,0 @@
-import{U as a,C as n}from"./mermaid.core-Bt-11G2g.js";const t=(r,o)=>a.lang.round(n.parse(r)[o]);export{t as c};

package/dist/assets/classDiagram-OUVF2IWQ-F4DdT1bz.js

@@ -1 +0,0 @@
-import{s as a,c as s,a as e,C as t}from"./chunk-V7JOEXUC-DoRxLReN.js";import{_ as i}from"./mermaid.core-Bt-11G2g.js";import"./chunk-5VM5RSS4-Bv44lK_C.js";import"./chunk-XXDRQBXY-DZVLCDKR.js";import"./chunk-VR4S4FIN-B4AQrVEa.js";import"./chunk-32BRIVSS-YQLvcU-w.js";import"./main-DXG9arLM.js";import"./vendor-react--Eh9ivFN.js";import"./vendor-three-CBPuP1jE.js";var b={parser:e,get db(){return new t},renderer:s,styles:a,init:i(r=>{r.class||(r.class={}),r.class.arrowMarkerAbsolute=r.arrowMarkerAbsolute},"init")};export{b as diagram};

package/dist/assets/classDiagram-v2-EOCWNBFH-F4DdT1bz.js

@@ -1 +0,0 @@
-import{s as a,c as s,a as e,C as t}from"./chunk-V7JOEXUC-DoRxLReN.js";import{_ as i}from"./mermaid.core-Bt-11G2g.js";import"./chunk-5VM5RSS4-Bv44lK_C.js";import"./chunk-XXDRQBXY-DZVLCDKR.js";import"./chunk-VR4S4FIN-B4AQrVEa.js";import"./chunk-32BRIVSS-YQLvcU-w.js";import"./main-DXG9arLM.js";import"./vendor-react--Eh9ivFN.js";import"./vendor-three-CBPuP1jE.js";var b={parser:e,get db(){return new t},renderer:s,styles:a,init:i(r=>{r.class||(r.class={}),r.class.arrowMarkerAbsolute=r.arrowMarkerAbsolute},"init")};export{b as diagram};

package/dist/assets/index-C-LSKhvC.js

@@ -1,2 +0,0 @@
-import{r as s,aV as Ea,aW as ta,N as da,aX as ua,j as e,aY as ma,aZ as Ma,u as Zt,a_ as Ia,a$ as Ta,b0 as La,b1 as Pa,b2 as Da,au as $a,ai as Ra,aB as pa,m as Ht,S,y as Gt,b3 as Kt,b4 as aa,b5 as At,b6 as _e,b7 as za,s as g,a0 as fa,f as ha,b8 as Oa,b9 as na,ba as sa,I as d,bb as Ba,aE as ga,bc as Fa,n as xa,bd as ba,be as _a,bf as wa,bg as Wa,bh as Ha,bi as Ga,ah as Ua,bj as Va,bk as Xa,bl as qa,aH as Ya,aI as Ka,aJ as Za,bm as Ja,bn as Qa,bo as ia,Z as en,U as tn,K as la,bp as an,bq as nn,br as sn,bs as ln,bt as rn,bu as on,bv as cn,bw as dn,bx as un,by as mn,z as pn,bz as fn,bA as hn,bB as gn,bC as xn,bD as tt,bE as bn,bF as _n,bG as wn,bH as vn,bI as ut,bJ as jn,bK as Cn,bL as kn,bM as Nn,p as yn,D as An,t as Ut,o as Sn}from"./main-DXG9arLM.js";import{g as En}from"./area-logos-F5U_sfIW.js";import"./vendor-react--Eh9ivFN.js";import"./vendor-three-CBPuP1jE.js";function Mn(c){const r=s.useRef(c);r.current=c,s.useEffect(()=>{if(!Ea())return;let m=null,b=!1;return ta.addListener("backButton",()=>{r.current()==="exit"&&ta.exitApp()}).then(y=>{b?y.remove():m=y}),()=>{b=!0,m&&(m.remove(),m=null)}},[])}async function In(c){const r=da(),m=await fetch(`${ua()}/api/agents/${c}/terminal`,{method:"POST",headers:{Authorization:`Bearer ${r}`}});if(!m.ok){const b=await m.json().catch(()=>({}));throw new Error((b==null?void 0:b.error)||`Failed to start terminal (${m.status})`)}return m.json()}async function Tn(c){const r=da();await fetch(`${ua()}/api/agents/${c}/terminal`,{method:"DELETE",headers:{Authorization:`Bearer ${r}`}})}const mt=new Map;function Ln({agentId:c}){const[r,m]=s.useState(null),[b,y]=s.useState(null);return s.useEffect(()=>{let M=!1;const A=mt.get(c);return A&&(clearTimeout(A),mt.delete(c)),m(null),y(null),In(c).then(k=>{M||m(k.url)}).catch(k=>{M||y(k instanceof Error?k.message:"Failed to start terminal")}),()=>{M=!0;const k=mt.get(c);k&&clearTimeout(k),mt.set(c,setTimeout(()=>{mt.delete(c),Tn(c)},2500))}},[c]),b?e.jsx("div",{className:"flat-classic-terminal flat-classic-terminal--message",children:e.jsx("span",{children:b})}):r?e.jsx("div",{className:"flat-classic-terminal",children:e.jsx(ma,{terminalUrl:r,visible:!0})}):e.jsx("div",{className:"flat-classic-terminal flat-classic-terminal--message",children:e.jsx("span",{children:"Attaching to interactive session…"})})}const Vt=new Map,Pn=6e4;function ra(c){return Number.isFinite(c)?Math.abs(c)>=1e3?c.toLocaleString(void 0,{maximumFractionDigits:0}):c.toLocaleString(void 0,{maximumFractionDigits:2}):String(c)}function Dn(c,r){var y,M,A;const m=[];if(!c.rateLimits)return m;if(c.provider==="claude"){const k=c,Z=[{key:"fiveHour",label:r("terminal:usage.currentSession"),window:k.rateLimits.fiveHour},{key:"sevenDay",label:r("terminal:usage.currentWeekAll"),window:k.rateLimits.sevenDay},{key:"sevenDayOpus",label:r("terminal:usage.currentWeekOpus"),window:k.rateLimits.sevenDayOpus},{key:"sevenDayFable",label:r("terminal:usage.currentWeekFable"),window:k.rateLimits.sevenDayFable}];for(const v of Z)(v.window||v.key==="sevenDayFable")&&m.push(v);return m}const b=c;return(y=b.rateLimits)!=null&&y.weekly&&m.push({key:"weekly",label:r("terminal:usage.weeklyLimit"),window:b.rateLimits.weekly}),(M=b.rateLimits)!=null&&M.monthly&&m.push({key:"monthly",label:r("terminal:usage.monthlyLimit"),window:b.rateLimits.monthly}),(A=b.rateLimits)!=null&&A.onDemand&&m.push({key:"onDemand",label:r("terminal:usage.onDemandLimit"),window:b.rateLimits.onDemand}),m}function $n({agentId:c,contextSummary:r}){const{t:m}=Zt(["terminal","common"]),[b,y]=s.useState(()=>{var z;return((z=Vt.get(c))==null?void 0:z.snapshot)??null}),[M,A]=s.useState(!1),[k,Z]=s.useState(null),v=s.useRef(0);s.useEffect(()=>{const z=Vt.get(c);if(z&&Date.now()-z.fetchedAt<Pn){y(z.snapshot);return}const re=++v.current;A(!0),Z(null),Ia(c).then(T=>{re===v.current&&(Vt.set(c,{snapshot:T,fetchedAt:Date.now()}),y(T),A(!1))}).catch(T=>{re===v.current&&(Z(T.message||"Failed to load plan limits"),A(!1))})},[c]);const U=b?Dn(b,m):[];return e.jsxs("div",{className:"plan-limits-tooltip",children:[r&&e.jsx("div",{className:"plan-limits-tooltip__context",children:r}),e.jsx("div",{className:"plan-limits-tooltip__title",children:m("terminal:usage.limits")}),M&&!b&&e.jsxs("div",{className:"plan-limits-tooltip__muted",children:[m("common:status.loading"),"…"]}),!M&&k&&!b&&e.jsx("div",{className:"plan-limits-tooltip__muted",children:m("terminal:usage.limitsError",{message:k})}),U.length>0?e.jsx("div",{className:"plan-limits-tooltip__gauges",children:U.map(({key:z,label:re,window:T})=>{const Se=T?Math.max(0,Math.min(100,T.utilization)):0,oe=La(Se),ce=T!=null&&typeof T.used=="number"&&typeof T.limit=="number"&&Number.isFinite(T.used)&&Number.isFinite(T.limit);return e.jsxs("div",{className:"plan-limits-tooltip__gauge",children:[e.jsxs("div",{className:"plan-limits-tooltip__gauge-head",children:[e.jsx("span",{className:"plan-limits-tooltip__gauge-label",children:re}),e.jsx("span",{className:"plan-limits-tooltip__gauge-percent",style:{color:oe},children:m("terminal:usage.percentUsed",{percent:Math.round(Se)})})]}),e.jsx("div",{className:"plan-limits-tooltip__bar",children:e.jsx("div",{className:"plan-limits-tooltip__bar-fill",style:{width:`${Se}%`,background:oe}})}),e.jsxs("div",{className:"plan-limits-tooltip__reset",children:[T&&m("terminal:usage.resets",{time:Ta(T.resetsAt)}),ce&&e.jsx("span",{style:{marginLeft:8},children:m("terminal:usage.creditsUsed",{used:ra(T.used),limit:ra(T.limit)})})]})]},z)})}):b&&!M&&e.jsx("div",{className:"plan-limits-tooltip__muted",children:b.rateLimitsError?m("terminal:usage.limitsError",{message:b.rateLimitsError}):b.cliHint})]})}function Rn({agentId:c,disabled:r,contextSummary:m,children:b}){return e.jsx(Ma,{position:"top",maxWidth:320,disabled:r,className:"plan-limits-tooltip-wrapper",triggerStyle:{display:"inline-flex",alignItems:"center"},content:e.jsx($n,{agentId:c,contextSummary:m}),children:b})}const zn=s.memo(function({className:r=""}){const{t:m}=Zt(["common"]),[b,y]=Pa(),M=s.useRef(null),[A,k]=s.useState(null);s.useLayoutEffect(()=>{const v=M.current;if(!v)return;const U=v.querySelector(".view-mode-toggle__btn--active");U&&k({left:U.offsetLeft,width:U.offsetWidth})},[b]);const Z=s.useCallback(v=>{if(v!==b){if(typeof window<"u"&&window.dispatchEvent(new CustomEvent("tide:viewmode-switch-pressed",{detail:{mode:v}})),v==="3d"){requestAnimationFrame(()=>y(v));return}y(v)}},[b,y]);return e.jsxs("div",{className:`view-mode-toggle ${r}`,ref:M,children:[A&&e.jsx("div",{className:"view-mode-toggle__indicator",style:{left:A.left,width:A.width}}),Da.map(v=>e.jsxs("button",{className:`view-mode-toggle__btn ${b===v?"view-mode-toggle__btn--active":""}`,onClick:()=>Z(v),title:m(`common:viewMode.descriptions.${v}`),children:[e.jsxs("span",{className:"view-mode-toggle__icon",children:[v==="2d"&&e.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[e.jsx("rect",{x:"3",y:"3",width:"18",height:"18",rx:"2"}),e.jsx("line",{x1:"3",y1:"12",x2:"21",y2:"12"}),e.jsx("line",{x1:"12",y1:"3",x2:"12",y2:"21"})]}),v==="3d"&&e.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[e.jsx("path",{d:"M12 2L2 7l10 5 10-5-10-5z"}),e.jsx("path",{d:"M2 17l10 5 10-5"}),e.jsx("path",{d:"M2 12l10 5 10-5"})]}),v==="flat"&&e.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[e.jsx("rect",{x:"3",y:"3",width:"8",height:"8",rx:"1"}),e.jsx("rect",{x:"13",y:"3",width:"8",height:"8",rx:"1"}),e.jsx("rect",{x:"3",y:"13",width:"8",height:"8",rx:"1"}),e.jsx("rect",{x:"13",y:"13",width:"8",height:"8",rx:"1"})]}),v==="dashboard"&&e.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[e.jsx("rect",{x:"3",y:"3",width:"7",height:"9",rx:"1"}),e.jsx("rect",{x:"14",y:"3",width:"7",height:"5",rx:"1"}),e.jsx("rect",{x:"14",y:"12",width:"7",height:"9",rx:"1"}),e.jsx("rect",{x:"3",y:"16",width:"7",height:"5",rx:"1"})]})]}),e.jsx("span",{className:"view-mode-toggle__label",children:m(`common:viewMode.labels.${v}`)})]},v))]})}),St=3,Et=280,oa=320,Xt=240,ca=64,On=["simple","chat","advanced"],Bn={simple:"Simple",chat:"Chat",advanced:"Advanced"},Fn={simple:"○",chat:"◐",advanced:"◉"},Wn={simple:"Simple view — clean messages only",chat:"Chat view — assistant replies (no tool calls)",advanced:"Advanced view — everything including tools"},qt="flat-clear-context",va="tide:flat-embedded-panels";function ja(){try{const c=localStorage.getItem(va),r=c?JSON.parse(c):{};return r&&typeof r=="object"?r:{}}catch{return{}}}function Yt(c,r){try{const m=ja();r?m[c]=r:delete m[c],localStorage.setItem(va,JSON.stringify(m))}catch{}}function Hn(c){const r=c.split("/").filter(Boolean);return r.length===0?c:r.slice(-2).join("/")}function Gn(c){if(c.provider==="codex"){const M=c.codexModel||"gpt-5.6-luna",A=yn[M];return{model:(A==null?void 0:A.label)||M}}if(c.provider==="opencode")return{model:c.opencodeModel||"opencode"};if(c.provider==="grok"){const M=c.grokModel||An,A=c.effort,k=A?Ut[A]:void 0;return{model:M,effort:k==null?void 0:k.label}}if(c.provider==="pi"){const M=c.piModel||"pi default",A=c.effort,k=A?Ut[A]:void 0;return{model:M,effort:k==null?void 0:k.label}}const r=c.model||c.detectedModel||"default",m=Sn[r],b=c.effort,y=b?Ut[b]:void 0;return{model:(m==null?void 0:m.label)||r,effort:y==null?void 0:y.label}}function Un(c,r){if(r.type==="rectangle"&&r.width&&r.height){const m=r.width/2,b=r.height/2;return c.x>=r.center.x-m&&c.x<=r.center.x+m&&c.z>=r.center.z-b&&c.z<=r.center.z+b}if(r.type==="circle"&&r.radius){const m=c.x-r.center.x,b=c.z-r.center.z;return m*m+b*b<=r.radius*r.radius}return!1}const Vn=tn.memo(function({agentId:r,terminalViewMode:m,onTerminalViewModeChange:b,inspectorOpen:y,onToggleInspector:M,onShowTaskBoard:A,onImageClick:k,onFileClick:Z,onBashClick:v,onViewMarkdown:U,onRequestClearSubordinates:z,keyboard:re,canNavigateBack:T,canNavigateForward:Se,onNavigateBack:oe,onNavigateForward:ce,agentInfoOpen:ze,onToggleAgentInfo:pt,onHeaderContextMenu:we,onBuildingContextMenu:ve}){var jt,Qe;const p=la(r),O=ha(),Ee=an(),Me=s.useRef(null),Ke=s.useRef(null),{displayedAgentId:Ie,fadingOut:Mt}=nn(r),ft=la(Ie),Ze=!!Ee.interactiveMode&&((p==null?void 0:p.provider)??"claude")==="claude"&&!!(p!=null&&p.sessionId),[de,Je]=s.useState(!1),[Oe,ue]=s.useState(!1),D=s.useCallback(()=>ue(!1),[]);pa("flat-chat-actions",Oe,D),s.useEffect(()=>{const a=()=>ue(o=>!o);return window.addEventListener("tide:toggle-chat-actions",a),()=>window.removeEventListener("tide:toggle-chat-actions",a)},[]),s.useEffect(()=>{Je(!1),ue(!1)},[r]),s.useEffect(()=>{!Ze&&de&&Je(!1)},[Ze,de]),s.useEffect(()=>{const a=Ke.current;if(!a)return;const o=u=>{u.button===3?(u.preventDefault(),u.stopPropagation(),oe()):u.button===4&&(u.preventDefault(),u.stopPropagation(),ce())},i=u=>{(u.button===3||u.button===4)&&u.preventDefault()};return a.addEventListener("mouseup",o),a.addEventListener("mousedown",i),()=>{a.removeEventListener("mouseup",o),a.removeEventListener("mousedown",i)}},[oe,ce]),s.useEffect(()=>{const a=Ke.current;if(!a)return;let o=0,i=0,u=0;const q=250,ie=600,$=80,Re=1.5,et=L=>{let R=L instanceof HTMLElement?L:null;for(;R&&R!==a;){const kt=window.getComputedStyle(R).overflowX;if((kt==="auto"||kt==="scroll")&&R.scrollWidth>R.clientWidth)return!0;R=R.parentElement}return!1},Ct=L=>{const R=Date.now();if(R<u){L.preventDefault();return}if(Math.abs(L.deltaX)<=Math.abs(L.deltaY)*Re){o=0;return}if(et(L.target)){o=0;return}R-i>q&&(o=0),i=R,o+=L.deltaX,o<=-$?(o=0,u=R+ie,L.preventDefault(),oe()):o>=$&&(o=0,u=R+ie,L.preventDefault(),ce())};return a.addEventListener("wheel",Ct,{passive:!1}),()=>a.removeEventListener("wheel",Ct)},[oe,ce]);const me=fa(),at=s.useMemo(()=>{if(!p)return null;const a=new Set,o=[];for(const i of me.values())i.archived||i.directories.length===0||i.assignedAgentIds.includes(r)&&(a.add(i.id),o.push(i));for(const i of me.values())i.archived||i.directories.length===0||a.has(i.id)||Un({x:p.position.x,z:p.position.z},i)&&(a.add(i.id),o.push(i));return o.length===0?null:o.flatMap(i=>i.directories.filter(u=>u&&u.trim().length>0).map(u=>({areaId:i.id,areaName:i.name,dir:u})))},[p,r,me]),{branches:ht,fetchRemote:Be,fetchingDirs:Te}=sn(at),pe=s.useMemo(()=>{var i;const a=g.getAreaForAgent(r);if(!a)return[];const o=[];for(const u of O.values())u.type==="terminal"&&g.isPositionInArea(u.position,a)&&o.push({id:u.id,name:u.name,hasUrl:!!((i=u.terminalStatus)!=null&&i.url)});return o},[r,O]),je=s.useMemo(()=>{var i;const a=g.getAreaForAgent(r);if(!a)return[];const o=[];for(const u of O.values())u.type==="server"&&((i=u.pm2)!=null&&i.enabled)&&g.isPositionInArea(u.position,a)&&o.push({id:u.id,name:u.name});return o},[r,O]),J=s.useMemo(()=>{const a=g.getAreaForAgent(r);if(!a)return[];const o=[];for(const i of O.values())i.type==="database"&&i.database&&g.isPositionInArea(i.position,a)&&o.push({id:i.id,name:i.name});return o},[r,O]),Fe=ln(),ne=s.useMemo(()=>{const a=g.getAreaForAgent(r);if(!a)return[];const o=[];for(const i of O.values())if(i.type==="tests"&&g.isPositionInArea(i.position,a)){const u=!!i.folderPath&&Fe.some(q=>rn(q,i.folderPath));o.push({id:i.id,name:i.name,working:u})}return o},[r,O,Fe]),se=s.useMemo(()=>{const a=g.getAreaForAgent(r);if(!a)return[];const o=[];for(const i of O.values())i.type==="http"&&g.isPositionInArea(i.position,a)&&o.push({id:i.id,name:i.name});return o},[r,O]),[,It]=s.useReducer(a=>a+1,0),Ce=((jt=Me.current)==null?void 0:jt.search.searchMode)??!1,nt=s.useCallback(()=>{var a;(a=Me.current)==null||a.search.toggleSearch(),It()},[]),Le=on(),Pe=Le.isPending(qt),[j,te]=s.useState(null),Q=j?O.get(j.buildingId):null,[We,De]=s.useState(""),[He,Tt]=s.useState(()=>cn()),B=s.useMemo(()=>{var a;return((a=g.getAreaForAgent(r))==null?void 0:a.id)??null},[r,O]),Ge=s.useCallback((a,o)=>{De(""),te(i=>{const u=(i==null?void 0:i.buildingId)===o?null:{type:a,buildingId:o};return B&&Yt(B,u),u})},[B]),ke=s.useCallback(()=>{De(""),te(null),B&&Yt(B,null)},[B]);s.useEffect(()=>{if((j==null?void 0:j.type)!=="pm2-logs")return;const a=j.buildingId;return g.startLogStreaming(a,200),()=>g.stopLogStreaming(a)},[j]);const{height:Lt,onResizeStart:Pt}=dn(),{sidePanelWidth:Dt,handleSidePanelResizeStart:st}=un(),[w,gt]=s.useState(()=>Kt(S.GIT_PANEL_OPEN,!1)),[$e,fe]=s.useState(()=>Kt(S.BUILDINGS_PANEL_OPEN,!1)),[F,Ue]=s.useState(!1),it=s.useCallback(()=>{Ue(a=>{const o=!a;return o&&mn.setEnabled(!0),o})},[]),$t=s.useCallback(()=>Ue(!1),[]),xt=s.useCallback(()=>{gt(a=>{const o=!a;return _e(S.GIT_PANEL_OPEN,o),o})},[]),bt=s.useCallback(()=>{fe(a=>{const o=!a;return _e(S.BUILDINGS_PANEL_OPEN,o),o})},[]),Rt=s.useCallback(()=>{gt(!1),_e(S.GIT_PANEL_OPEN,!1)},[]),lt=s.useCallback(()=>{fe(!1),_e(S.BUILDINGS_PANEL_OPEN,!1)},[]),Ve=pn(),he=s.useMemo(()=>({terminal:pe,"pm2-logs":je,database:J,tests:ne,http:se}),[pe,je,J,ne,se]);s.useEffect(()=>{if(!j)return;he[j.type].some(o=>o.id===j.buildingId)||(De(""),te(null))},[j,he]);const Ne=s.useRef(void 0);s.useEffect(()=>{var o;if(Ne.current===B)return;Ne.current=B;const a=B?ja()[B]:void 0;De(""),a&&((o=he[a.type])!=null&&o.some(i=>i.id===a.buildingId))?te(a):te(null)},[B,he]),s.useEffect(()=>{const a=o=>{var q;const i=o.detail;if(!(i!=null&&i.buildingId)||!(i!=null&&i.type)||!((q=he[i.type])!=null&&q.some(ie=>ie.id===i.buildingId)))return;i.handled=!0,De("");const u={type:i.type,buildingId:i.buildingId};te(u),B&&Yt(B,u)};return window.addEventListener("tide:dock-building-flat",a),()=>window.removeEventListener("tide:dock-building-flat",a)},[he,B]);const[Xe,W]=s.useState(!1),ge=s.useRef(null);if(s.useEffect(()=>{if(!Xe)return;const a=o=>{ge.current&&!ge.current.contains(o.target)&&W(!1)};return document.addEventListener("mousedown",a),()=>document.removeEventListener("mousedown",a)},[Xe]),!p)return e.jsx("div",{className:"flat-chat flat-chat--empty",children:e.jsxs("div",{className:"flat-chat__placeholder",children:[e.jsx("span",{className:"flat-chat__placeholder-icon",children:"💬"}),e.jsx("span",{className:"flat-chat__placeholder-text",children:"Select an agent to start chatting"})]})});const rt=!!p.contextStats,{totalTokens:zt,contextWindow:ot,usedPercent:ye}=ga(p),_t=Math.round(ye*10)/10,Ot=Math.round((100-ye)*10)/10,wt=ye>=80?"#ff4a4a":ye>=60?"#ff9e4a":ye>=40?"#ffd700":"#4aff9e",ae=(zt/1e3).toFixed(1),qe=(ot/1e3).toFixed(1),xe=p.cwd,vt=xe?Hn(xe):null,be=((Qe=p.subordinateIds)==null?void 0:Qe.length)||0,ct=be>0;return e.jsxs("div",{ref:Ke,className:`flat-terminal-wrapper ${w||$e||F?"flat-terminal-wrapper--with-side-panel":""} ${Mt?"pane-fading-out":""}`,style:{"--guake-side-panel-width":`min(${Dt}px, 70%)`},children:[e.jsxs("div",{className:"flat-terminal-wrapper__header",children:[e.jsxs("button",{type:"button",className:`flat-terminal-wrapper__header-main ${ze?"flat-terminal-wrapper__header-main--active":""}`,onClick:pt,onContextMenu:a=>{a.preventDefault(),a.stopPropagation(),we({x:a.clientX,y:a.clientY})},title:ze?"Hide agent info":"Show agent info","aria-pressed":ze,children:[e.jsx("span",{className:`flat-terminal-wrapper__header-avatar${p.status==="working"?" is-working":""}`,children:e.jsx(xa,{agent:p,size:28})}),e.jsxs("span",{className:"flat-terminal-wrapper__header-info",children:[e.jsx("span",{className:"flat-terminal-wrapper__header-name",children:p.name}),e.jsx("span",{className:"flat-terminal-wrapper__header-status",style:{color:wa(p.status)},title:p.status==="error"&&p.lastError?p.lastError:void 0,children:p.status})]}),p.taskLabel&&e.jsxs("span",{className:"flat-terminal-wrapper__header-task",title:p.taskLabel,children:["📋 ",p.taskLabel]}),e.jsxs("span",{className:"flat-terminal-wrapper__header-model",children:[e.jsx("img",{src:_a(p.provider,"/"),alt:p.provider,className:"flat-terminal-wrapper__header-provider-icon",title:ba(p.provider)}),(()=>{const{model:a,effort:o}=Gn(p);return e.jsxs("span",{className:"flat-terminal-wrapper__header-model-chip",title:o?`Model: ${a} · Effort: ${o}`:`Model: ${a}`,children:[e.jsx("span",{className:"flat-terminal-wrapper__header-model-name",children:a}),o&&e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"flat-terminal-wrapper__header-model-sep","aria-hidden":"true",children:"·"}),e.jsx("span",{className:"flat-terminal-wrapper__header-model-effort",children:o})]})]})})()]})]}),e.jsxs("div",{className:"flat-terminal-wrapper__header-meta",children:[e.jsxs("div",{className:"flat-terminal-wrapper__view-mode",role:"group","aria-label":"Message view mode",children:[On.map(a=>e.jsxs("button",{type:"button",className:`flat-terminal-wrapper__view-mode-btn ${!de&&m===a?"flat-terminal-wrapper__view-mode-btn--active":""}`,onClick:()=>{Je(!1),b(a)},title:Wn[a],"aria-pressed":!de&&m===a,children:[e.jsx("span",{className:"flat-terminal-wrapper__view-mode-icon","aria-hidden":"true",children:Fn[a]}),e.jsx("span",{className:"flat-terminal-wrapper__view-mode-label",children:Bn[a]})]},a)),Ze&&e.jsxs("button",{type:"button",className:`flat-terminal-wrapper__view-mode-btn ${de?"flat-terminal-wrapper__view-mode-btn--active":""}`,onClick:()=>Je(a=>!a),title:"Classic TUI — attach to the live interactive claude session in a terminal","aria-pressed":de,children:[e.jsx("span",{className:"flat-terminal-wrapper__view-mode-icon","aria-hidden":"true",children:e.jsx(d,{name:"terminal",size:13})}),e.jsx("span",{className:"flat-terminal-wrapper__view-mode-label",children:"Classic TUI"})]})]}),e.jsxs("div",{className:"flat-terminal-wrapper__actions",role:"group","aria-label":"Terminal actions",children:[e.jsx("button",{type:"button",className:"flat-terminal-wrapper__action-btn",onClick:oe,disabled:!T,title:"Back to previous agent","aria-label":"Back to previous agent",children:e.jsx(d,{name:"arrow-left",size:14})}),e.jsx("button",{type:"button",className:"flat-terminal-wrapper__action-btn",onClick:ce,disabled:!Se,title:"Forward to next agent","aria-label":"Forward to next agent",children:e.jsx(d,{name:"arrow-right",size:14})}),e.jsx("button",{type:"button",className:`flat-terminal-wrapper__action-btn ${Ce?"flat-terminal-wrapper__action-btn--active":""}`,onClick:nt,title:Ce?"Close search":"Search messages","aria-pressed":Ce,children:e.jsx(d,{name:Ce?"cross":"search",size:14})}),e.jsx("button",{type:"button",className:`flat-terminal-wrapper__action-btn flat-terminal-wrapper__action-btn--danger ${Pe?"flat-terminal-wrapper__action-btn--confirm":""}`,onClick:()=>Le.handleClick(qt,()=>{var a;g.clearContext(r),(a=Me.current)==null||a.historyLoader.clearHistory()}),title:Pe?"Click again to confirm clear context":"Clear context",children:e.jsx(d,{name:Pe?"question":"clear",size:14})}),e.jsx("button",{type:"button",className:`flat-terminal-wrapper__action-btn ${w?"flat-terminal-wrapper__action-btn--active":""}`,onClick:xt,title:w?"Hide git panel":"Show git changes","aria-pressed":w,children:e.jsx(d,{name:"git-branch",size:14})}),e.jsx("button",{type:"button",className:`flat-terminal-wrapper__action-btn ${$e?"flat-terminal-wrapper__action-btn--active":""}`,onClick:bt,title:$e?"Hide buildings panel":"Show area buildings","aria-pressed":$e,children:e.jsx(d,{name:"buildings",size:14})}),e.jsxs("div",{className:"flat-terminal-wrapper__more",ref:ge,children:[e.jsx("button",{type:"button",className:`flat-terminal-wrapper__action-btn ${Xe?"flat-terminal-wrapper__action-btn--active":""}`,onClick:()=>W(a=>!a),title:"More actions","aria-expanded":Xe,children:"⋮"}),Xe&&e.jsxs("div",{className:"flat-terminal-wrapper__more-menu",role:"menu",children:[e.jsxs("button",{type:"button",role:"menuitem",className:`flat-terminal-wrapper__more-item ${F?"flat-terminal-wrapper__more-item--active":""}`,onClick:()=>{it(),W(!1)},title:F?"Hide Debug Panel":"Show Debug Panel",children:[e.jsx(d,{name:"bug",size:14}),e.jsx("span",{children:F?"Hide Debug Panel":"Show Debug Panel"})]}),e.jsx("div",{className:"flat-terminal-wrapper__more-divider"}),e.jsxs("button",{type:"button",role:"menuitem",className:"flat-terminal-wrapper__more-item",onClick:()=>{g.collapseContext(r),W(!1)},disabled:p.status!=="idle",title:p.status!=="idle"?"Agent must be idle to collapse context":"Collapse context",children:[e.jsx(d,{name:"package",size:14}),e.jsx("span",{children:"Collapse context"})]}),ct&&e.jsxs("button",{type:"button",role:"menuitem",className:"flat-terminal-wrapper__more-item flat-terminal-wrapper__more-item--danger",onClick:()=>{z(r,be),W(!1)},children:[e.jsx(d,{name:"crown",size:14}),e.jsxs("span",{children:["Clear ",be," subordinate",be===1?"":"s"]})]}),e.jsx("div",{className:"flat-terminal-wrapper__more-divider"}),e.jsxs("button",{type:"button",role:"menuitem",className:"flat-terminal-wrapper__more-item flat-terminal-wrapper__more-item--danger",onClick:()=>{g.killAgent(r),W(!1)},children:[e.jsx(d,{name:"cross",size:14}),e.jsx("span",{children:"Remove agent"})]})]})]})]}),e.jsxs("button",{type:"button",className:`flat-terminal-wrapper__inspector-toggle ${y?"flat-terminal-wrapper__inspector-toggle--active":""}`,onClick:M,title:y?"Hide inspector panel":"Show inspector panel","aria-label":y?"Hide inspector panel":"Show inspector panel","aria-pressed":y,children:[e.jsx("span",{className:"flat-terminal-wrapper__inspector-icon","aria-hidden":"true",children:e.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 16 16",fill:"none",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("rect",{x:"1.5",y:"2.5",width:"13",height:"11",rx:"1.5"}),e.jsx("line",{x1:"10",y1:"2.5",x2:"10",y2:"13.5"})]})}),e.jsx("span",{className:"flat-terminal-wrapper__inspector-label",children:"Inspector"})]}),e.jsx("button",{type:"button",className:"flat-terminal-wrapper__close",onClick:()=>g.deselectAll(),title:"Close chat","aria-label":"Close chat",children:e.jsx(d,{name:"cross",size:14})})]})]}),Oe&&e.jsxs("div",{className:"flat-chat-actions-sheet-root",role:"presentation",children:[e.jsx("div",{className:"flat-chat-actions-sheet__backdrop",onClick:D}),e.jsxs("div",{className:"flat-chat-actions-sheet",role:"menu","aria-label":"Chat actions",children:[e.jsx("div",{className:"flat-chat-actions-sheet__grabber","aria-hidden":"true"}),e.jsxs("div",{className:"flat-chat-actions-sheet__title-row",children:[e.jsx("span",{className:"flat-chat-actions-sheet__title",children:p.name}),e.jsx("button",{type:"button",className:"flat-chat-actions-sheet__done",onClick:D,children:"Done"})]}),e.jsxs("div",{className:"flat-chat-actions-sheet__grid",children:[e.jsxs("button",{type:"button",role:"menuitem",className:`flat-chat-actions-sheet__item ${Ce?"is-active":""}`,onClick:()=>{nt(),D()},children:[e.jsx(d,{name:Ce?"cross":"search",size:20}),e.jsx("span",{children:Ce?"Close search":"Search"})]}),e.jsxs("button",{type:"button",role:"menuitem",className:`flat-chat-actions-sheet__item ${w?"is-active":""}`,onClick:()=>{xt(),D()},children:[e.jsx(d,{name:"git-branch",size:20}),e.jsx("span",{children:"Git changes"})]}),e.jsxs("button",{type:"button",role:"menuitem",className:`flat-chat-actions-sheet__item ${$e?"is-active":""}`,onClick:()=>{bt(),D()},children:[e.jsx(d,{name:"buildings",size:20}),e.jsx("span",{children:"Buildings"})]}),e.jsxs("button",{type:"button",role:"menuitem",className:`flat-chat-actions-sheet__item ${F?"is-active":""}`,onClick:()=>{it(),D()},children:[e.jsx(d,{name:"bug",size:20}),e.jsx("span",{children:"Debug"})]})]}),e.jsxs("div",{className:"flat-chat-actions-sheet__list",children:[e.jsxs("button",{type:"button",role:"menuitem",className:`flat-chat-actions-sheet__row flat-chat-actions-sheet__row--danger ${Pe?"is-armed":""}`,onClick:()=>Le.handleClick(qt,()=>{var a;g.clearContext(r),(a=Me.current)==null||a.historyLoader.clearHistory(),D()}),children:[e.jsx(d,{name:Pe?"question":"clear",size:18}),e.jsx("span",{children:Pe?"Tap again to confirm clear":"Clear context"})]}),e.jsxs("button",{type:"button",role:"menuitem",className:"flat-chat-actions-sheet__row",disabled:p.status!=="idle",onClick:()=>{g.collapseContext(r),D()},children:[e.jsx(d,{name:"package",size:18}),e.jsx("span",{children:"Collapse context"})]}),ct&&e.jsxs("button",{type:"button",role:"menuitem",className:"flat-chat-actions-sheet__row flat-chat-actions-sheet__row--danger",onClick:()=>{z(r,be),D()},children:[e.jsx(d,{name:"crown",size:18}),e.jsxs("span",{children:["Clear ",be," subordinate",be===1?"":"s"]})]}),e.jsxs("button",{type:"button",role:"menuitem",className:"flat-chat-actions-sheet__row flat-chat-actions-sheet__row--danger",onClick:()=>{g.killAgent(r),D()},children:[e.jsx(d,{name:"cross",size:18}),e.jsx("span",{children:"Remove agent"})]})]})]})]}),e.jsx(fn,{agent:p,onClick:A}),de&&Ze?e.jsx(Ln,{agentId:r}):Ie&&ft?e.jsx(hn,{ref:Me,agentId:Ie,agent:ft,viewMode:m,isOpen:!0,onImageClick:k,onFileClick:Z,onBashClick:v,onViewMarkdown:U,keyboard:re,hasModalOpen:!1},Ie):null,j&&Q&&(()=>{var q,ie;const a=j.type,o={terminal:"terminal","pm2-logs":"scroll",database:"hard-drives",tests:"flask",http:"globe"},i=a==="terminal"&&!((q=Q.terminalStatus)!=null&&q.url),u=!i;return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"guake-bottom-terminal-resize",onMouseDown:Pt,role:"separator","aria-orientation":"horizontal","aria-label":"Resize embedded panel"}),e.jsxs("div",{className:"flat-bottom-panel",role:"region","aria-label":`${Q.name} panel`,style:{height:Lt},children:[e.jsxs("div",{className:"flat-bottom-panel__header",children:[e.jsxs("span",{className:"flat-bottom-panel__title",children:[e.jsx(d,{name:o[a],size:12}),e.jsx("span",{children:Q.name}),i&&e.jsx("span",{className:"flat-bottom-panel__muted",children:"(starting...)"})]}),e.jsxs("span",{className:"flat-bottom-panel__header-actions",children:[a==="pm2-logs"&&e.jsxs(e.Fragment,{children:[e.jsx("input",{type:"text",className:"guake-bottom-terminal-filter",value:We,onChange:$=>De($.target.value),placeholder:"Filter logs","aria-label":`Filter logs for ${Q.name}`,spellCheck:!1}),e.jsx("select",{className:"guake-bottom-terminal-retention",value:He===null?"unlimited":String(He),onChange:$=>{const Re=$.target.value==="unlimited"?null:Number($.target.value);Tt(Re),xn(Re)},"aria-label":`Max log retention for ${Q.name}`,children:gn.map($=>e.jsx("option",{value:$===null?"unlimited":String($),children:$===null?"Unlimited":`${$.toLocaleString()} lines`},$===null?"unlimited":$))}),e.jsx("button",{type:"button",className:"flat-bottom-panel__close",onClick:()=>g.clearStreamingLogs(j.buildingId),title:"Clear logs",children:e.jsx(d,{name:"trash",size:12})}),e.jsx("button",{type:"button",className:"flat-bottom-panel__close",onClick:()=>g.sendBuildingCommand(j.buildingId,"restart"),title:"Restart",children:e.jsx(d,{name:"restart",size:12})})]}),u&&e.jsx("button",{type:"button",className:"flat-bottom-panel__close",onClick:()=>{ke(),tt(j.buildingId)},title:"Maximize — open as modal","aria-label":"Open as modal",children:e.jsx(d,{name:"fullscreen",size:12})}),e.jsx("button",{type:"button",className:"flat-bottom-panel__close",onClick:ke,title:"Close panel","aria-label":"Close panel",children:e.jsx(d,{name:"cross",size:12})})]})]}),e.jsx("div",{className:"flat-bottom-panel__body",children:a==="terminal"?(ie=Q.terminalStatus)!=null&&ie.url?e.jsx(ma,{terminalUrl:Q.terminalStatus.url,visible:!0}):e.jsx("div",{className:"flat-bottom-panel__placeholder",children:"Starting terminal..."}):a==="pm2-logs"?e.jsx(bn,{buildingId:j.buildingId,filterText:We,maxRetention:He}):a==="database"?e.jsx(_n,{building:Q}):a==="tests"?e.jsx("div",{className:"tests-panel-host",children:e.jsx(wn,{building:Q,autoFocusSearch:!1})}):e.jsx("div",{className:"http-requests-panel-host",children:e.jsx(vn,{building:Q,autoFocusSearch:!1})})})]})]})})(),e.jsxs("div",{className:"flat-terminal-wrapper__statusbar",role:"contentinfo",children:[p.isDetached&&e.jsxs("span",{className:"flat-terminal-wrapper__detached",title:"Reattaching session...",children:[e.jsx(d,{name:"refresh",size:12}),e.jsx("span",{children:"Reattaching"})]}),xe&&vt&&e.jsxs("span",{className:"flat-terminal-wrapper__cwd",title:`Open in file explorer: ${xe}`,"aria-label":`Open ${xe} in file explorer`,role:"button",tabIndex:0,onClick:()=>g.openFileExplorer(xe),onKeyDown:a=>{(a.key==="Enter"||a.key===" ")&&(a.preventDefault(),g.openFileExplorer(xe))},children:[e.jsx("span",{className:"flat-terminal-wrapper__cwd-icon",children:e.jsx(d,{name:"folder",size:12})}),e.jsx("span",{className:"flat-terminal-wrapper__cwd-text",children:vt})]}),at&&at.map(({areaId:a,areaName:o,dir:i})=>{const u=ht.get(i),q=Te.has(i),ie=i.split("/").filter(Boolean).pop()||i;return e.jsxs("span",{className:"flat-terminal-wrapper__area-dir",title:`${o}: ${i}${u?` (${u.branch}${u.ahead?` ↑${u.ahead}`:""}${u.behind?` ↓${u.behind}`:""})`:""}`,onClick:()=>g.openFileExplorerForAreaFolder(a,i),children:[e.jsx(d,{name:"folder-open",size:12}),e.jsx("span",{className:"flat-terminal-wrapper__area-dir-name",children:ie}),u&&e.jsxs(e.Fragment,{children:[e.jsxs("span",{className:"flat-terminal-wrapper__area-dir-branch",children:[e.jsx(d,{name:"git-branch",size:10})," ",u.branch]}),u.ahead>0&&e.jsxs("span",{className:"flat-terminal-wrapper__branch-ahead",title:`${u.ahead} ahead`,children:[e.jsx(d,{name:"arrow-up",size:9}),u.ahead]}),u.behind>0&&e.jsxs("span",{className:"flat-terminal-wrapper__branch-behind",title:`${u.behind} behind`,children:[e.jsx(d,{name:"arrow-down",size:9}),u.behind]}),e.jsx("span",{className:`flat-terminal-wrapper__area-fetch ${q?"flat-terminal-wrapper__area-fetch--fetching":""}`,title:"Git fetch",onClick:$=>{$.stopPropagation(),Be(i)},children:e.jsx(d,{name:q?"hourglass":"download",size:12})})]})]},`${a}:${i}`)}),e.jsx(Rn,{agentId:r,disabled:((p==null?void 0:p.provider)??"claude")!=="claude"&&((p==null?void 0:p.provider)??"claude")!=="grok",contextSummary:rt?`Context: ${ae}k / ${qe}k tokens (${_t}% used)`:void 0,children:e.jsxs("span",{className:"flat-terminal-wrapper__context",tabIndex:0,role:"button",onClick:()=>g.setContextModalAgentId(r),onKeyDown:a=>{(a.key==="Enter"||a.key===" ")&&(a.preventDefault(),g.setContextModalAgentId(r))},title:((p==null?void 0:p.provider)??"claude")!=="claude"&&((p==null?void 0:p.provider)??"claude")!=="grok"?rt?`Context usage: ${ae}k / ${qe}k tokens (${_t}% used). Click to view stats.`:"Click to fetch context stats":void 0,children:[e.jsx("span",{className:"flat-terminal-wrapper__context-icon",children:e.jsx(d,{name:"dashboard",size:12})}),e.jsx("span",{className:"flat-terminal-wrapper__context-label",children:"Ctx:"}),e.jsx("span",{className:"flat-terminal-wrapper__context-bar",children:e.jsx("span",{className:"flat-terminal-wrapper__context-bar-fill",style:{width:`${ye}%`,backgroundColor:wt}})}),e.jsxs("span",{className:"flat-terminal-wrapper__context-tokens",style:{color:wt},children:[ae,"k/",qe,"k"]}),e.jsxs("span",{className:"flat-terminal-wrapper__context-free",children:["(",Ot,"% free)"]}),!rt&&e.jsx("span",{className:"flat-terminal-wrapper__context-warning",title:"No context stats yet",children:e.jsx(d,{name:"warn",size:12})})]})}),e.jsx("div",{className:"flat-terminal-wrapper__statusbar-spacer","aria-hidden":"true"}),pe.length>0&&e.jsx("span",{className:"flat-terminal-wrapper__buildings",role:"group","aria-label":"Area terminals",children:pe.map(a=>{const o=(j==null?void 0:j.buildingId)===a.id;return e.jsx("button",{type:"button",className:`flat-terminal-wrapper__building-btn ${o?"flat-terminal-wrapper__building-btn--active":""} ${a.hasUrl?"":"flat-terminal-wrapper__building-btn--offline"}`,title:`${o?"Hide":"Show"} terminal: ${a.name}${a.hasUrl?"":" (starting...)"}`,onClick:()=>{if(o){ke();return}if(a.hasUrl&&ut(a.id)==="modal"){tt(a.id);return}a.hasUrl||g.sendBuildingCommand(a.id,"start"),Ge("terminal",a.id)},onContextMenu:i=>{i.preventDefault(),i.stopPropagation(),ve(a.id,{x:i.clientX,y:i.clientY})},children:e.jsx(d,{name:"terminal",size:14})},a.id)})}),je.length>0&&e.jsx("span",{className:"flat-terminal-wrapper__buildings",role:"group","aria-label":"Area PM2 logs",children:je.map(a=>{const o=(j==null?void 0:j.buildingId)===a.id;return e.jsx("button",{type:"button",className:`flat-terminal-wrapper__building-btn ${o?"flat-terminal-wrapper__building-btn--active":""}`,title:`${o?"Hide":"Show"} logs: ${a.name}`,onClick:()=>{o?ke():ut(a.id)==="modal"?tt(a.id):Ge("pm2-logs",a.id)},onContextMenu:i=>{i.preventDefault(),i.stopPropagation(),ve(a.id,{x:i.clientX,y:i.clientY})},children:e.jsx(d,{name:"scroll",size:14})},a.id)})}),J.length>0&&e.jsx("span",{className:"flat-terminal-wrapper__buildings",role:"group","aria-label":"Area databases",children:J.map(a=>{const o=(j==null?void 0:j.buildingId)===a.id;return e.jsx("button",{type:"button",className:`flat-terminal-wrapper__building-btn ${o?"flat-terminal-wrapper__building-btn--active":""}`,title:`${o?"Hide":"Show"} database: ${a.name}`,onClick:()=>{o?ke():ut(a.id)==="modal"?tt(a.id):Ge("database",a.id)},onContextMenu:i=>{i.preventDefault(),i.stopPropagation(),ve(a.id,{x:i.clientX,y:i.clientY})},children:e.jsx(d,{name:"hard-drives",size:14})},a.id)})}),ne.length>0&&e.jsx("span",{className:"flat-terminal-wrapper__buildings",role:"group","aria-label":"Area tests",children:ne.map(a=>{const o=(j==null?void 0:j.buildingId)===a.id;return e.jsx("button",{type:"button",className:`flat-terminal-wrapper__building-btn ${o?"flat-terminal-wrapper__building-btn--active":""} ${a.working?"flat-terminal-wrapper__building-btn--tests-working":""}`,title:a.working?`Running tests: ${a.name}`:`${o?"Hide":"Show"} tests: ${a.name}`,onClick:()=>{o?ke():ut(a.id)==="modal"?tt(a.id):Ge("tests",a.id)},onContextMenu:i=>{i.preventDefault(),i.stopPropagation(),ve(a.id,{x:i.clientX,y:i.clientY})},children:e.jsx(d,{name:"flask",size:14})},a.id)})}),se.length>0&&e.jsx("span",{className:"flat-terminal-wrapper__buildings",role:"group","aria-label":"Area HTTP requests",children:se.map(a=>{const o=(j==null?void 0:j.buildingId)===a.id;return e.jsx("button",{type:"button",className:`flat-terminal-wrapper__building-btn ${o?"flat-terminal-wrapper__building-btn--active":""}`,title:`${o?"Hide":"Show"} HTTP requests: ${a.name}`,onClick:()=>{o?ke():ut(a.id)==="modal"?tt(a.id):Ge("http",a.id)},onContextMenu:i=>{i.preventDefault(),i.stopPropagation(),ve(a.id,{x:i.clientX,y:i.clientY})},children:e.jsx(d,{name:"globe",size:14})},a.id)})}),e.jsx("div",{className:"flat-terminal-wrapper__theme",children:e.jsx(jn,{})})]}),w&&e.jsx(Cn,{agentId:r,agents:Ve,onClose:Rt,branchInfoMap:ht,fetchRemote:Be,fetchingDirs:Te,onResizeStart:a=>st(a,"right")}),$e&&e.jsx(kn,{agentId:r,onClose:lt}),F&&e.jsx(Nn,{agentId:r,onClose:$t})]})}),Xn={groups:[],gridCols:1,gridRows:1,positions:new Map};function Jn({onAgentClick:c,onBuildingClick:r,onBuildingDoubleClick:m,onBuildingPopup:b,onAreaContextMenu:y,onOpenSpawnModal:M,onOpenBossSpawnModal:A,onOpenAreaModal:k}){const{t:Z}=Zt(["common"]),v=$a(),U=Ra(),[z,re]=s.useState(null),[T,Se]=s.useState(null),[oe,ce]=s.useState(null);pa("flatview-image-modal",z!==null,()=>re(null));const[ze,pt]=s.useState(null),[we,ve]=s.useState(null),[p,O]=s.useState(null),[Ee,Me]=s.useState(null),[Ke,Ie]=s.useState(!1),Mt=s.useCallback(()=>{Ie(t=>!t)},[]),ft=s.useCallback(()=>{Ie(!1)},[]),[Ze,de]=s.useState(()=>{const t=Ht(S.VIEW_MODE);return t==="simple"||t==="chat"||t==="advanced"?t:"simple"}),Je=s.useCallback(t=>{de(t),Gt(S.VIEW_MODE,t)},[]);s.useEffect(()=>{const t=n=>{if(n.key!==S.VIEW_MODE)return;const l=n.newValue;(l==="simple"||l==="chat"||l==="advanced")&&de(l)};return window.addEventListener("storage",t),()=>window.removeEventListener("storage",t)},[]);const[Oe,ue]=s.useState(()=>Kt(S.FLAT_INSPECTOR_OPEN,!1)),[D,me]=s.useState(!1),at=s.useCallback(()=>me(t=>!t),[]),ht=s.useCallback(()=>me(!1),[]);s.useEffect(()=>{window.dispatchEvent(new CustomEvent("tide-flat-agents-drawer-state",{detail:{open:D}}))},[D]),s.useEffect(()=>{window.dispatchEvent(new CustomEvent("tide-flat-inspector-state",{detail:{open:Oe}}))},[Oe]),s.useEffect(()=>{const t=()=>me(N=>!N),n=()=>{ue(N=>{const I=!N;return _e(S.FLAT_INSPECTOR_OPEN,I),I})},l=()=>{me(!1),ue(!1),_e(S.FLAT_INSPECTOR_OPEN,!1)},x=()=>me(!1),_=()=>{ue(!1),_e(S.FLAT_INSPECTOR_OPEN,!1)};return window.addEventListener("tide-toggle-flat-agents-drawer",t),window.addEventListener("tide-toggle-flat-inspector",n),window.addEventListener("tide-close-flat-side-views",l),window.addEventListener("tide-close-flat-agents-drawer-only",x),window.addEventListener("tide-close-flat-inspector-only",_),()=>{window.removeEventListener("tide-toggle-flat-agents-drawer",t),window.removeEventListener("tide-toggle-flat-inspector",n),window.removeEventListener("tide-close-flat-side-views",l),window.removeEventListener("tide-close-flat-agents-drawer-only",x),window.removeEventListener("tide-close-flat-inspector-only",_)}},[]);const Be=s.useRef(null),Te=s.useRef(null),[pe,je]=s.useState(()=>{const t=aa(S.FLAT_MIDDLE_WIDTH,0);return t>=Et?t:null}),[J,Fe]=s.useState(()=>{const t=aa(S.FLAT_INSPECTOR_WIDTH,0);return t>=Xt?t:null}),ne=s.useCallback(t=>{if(typeof window>"u")return t;const n=J!==null?St+J:0,l=window.innerWidth-ca-St-oa-n;return Math.max(Et,Math.min(Math.max(l,Et),t))},[J]),se=s.useCallback(t=>{var _;if(typeof window>"u")return t;const n=(_=Be.current)==null?void 0:_.querySelector(".flat-middle"),l=(n==null?void 0:n.getBoundingClientRect().width)??Et,x=window.innerWidth-ca-l-St-oa-St;return Math.max(Xt,Math.min(Math.max(x,Xt),t))},[]);s.useEffect(()=>{if(pe===null&&J===null)return;const t=()=>{je(n=>{if(n===null)return n;const l=ne(n);return l===n?n:l}),Fe(n=>{if(n===null)return n;const l=se(n);return l===n?n:l})};return window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[pe,J,ne,se]);const It=s.useCallback(t=>{var l;if(t.button!==0)return;const n=(l=Be.current)==null?void 0:l.querySelector(".flat-middle");n&&(t.currentTarget.setPointerCapture(t.pointerId),Te.current={kind:"middle",startX:t.clientX,startWidth:n.getBoundingClientRect().width,pointerId:t.pointerId},document.body.classList.add("flat-splitter-dragging"))},[]),Ce=s.useCallback(t=>{var l;if(t.button!==0)return;const n=(l=Be.current)==null?void 0:l.querySelector(".flat-inspector");n&&(t.currentTarget.setPointerCapture(t.pointerId),Te.current={kind:"inspector",startX:t.clientX,startWidth:n.getBoundingClientRect().width,pointerId:t.pointerId},document.body.classList.add("flat-splitter-dragging"))},[]),nt=s.useCallback(t=>{const n=Te.current;if(!n||t.pointerId!==n.pointerId)return;const l=t.clientX-n.startX;n.kind==="middle"?je(ne(n.startWidth+l)):Fe(se(n.startWidth-l))},[ne,se]),Le=s.useCallback(t=>{const n=Te.current;if(!n||t.pointerId!==n.pointerId)return;try{t.currentTarget.releasePointerCapture(t.pointerId)}catch{}if(Te.current=null,document.body.classList.remove("flat-splitter-dragging"),!(Math.abs(t.clientX-n.startX)>2))return;const x=t.clientX-n.startX;if(n.kind==="middle"){const _=ne(n.startWidth+x);je(_),At(S.FLAT_MIDDLE_WIDTH,_)}else{const _=se(n.startWidth-x);Fe(_),At(S.FLAT_INSPECTOR_WIDTH,_)}},[ne,se]),Pe=s.useCallback(()=>{je(null),At(S.FLAT_MIDDLE_WIDTH,0)},[]),j=s.useCallback(()=>{Fe(null),At(S.FLAT_INSPECTOR_WIDTH,0)},[]),[te,Q]=s.useState(()=>Ht(S.FLAT_INSPECTOR_VIEW)==="tracking"?"tracking":"agent"),We=s.useCallback(t=>{Q(t),Gt(S.FLAT_INSPECTOR_VIEW,t)},[]),De=s.useCallback(()=>{ue(t=>{const n=!t;return _e(S.FLAT_INSPECTOR_OPEN,n),n})},[]),He=s.useCallback(()=>{ue(!1),_e(S.FLAT_INSPECTOR_OPEN,!1)},[]),Tt=s.useCallback(()=>{We("tracking"),ue(!0),_e(S.FLAT_INSPECTOR_OPEN,!0)},[We]),B=za(),Ge=s.useCallback((t,n)=>{re({url:t,name:n})},[]),ke=s.useCallback((t,n)=>{Se({command:t,output:n,isLive:!1})},[]),Lt=s.useCallback((t,n)=>{var _;const l=U.size>0?Array.from(U)[0]:null,x=l?(_=g.getState().agents.get(l))==null?void 0:_.cwd:void 0;g.setFileViewerPath(t,n,x)},[U]),Pt=s.useCallback(t=>{ce(t)},[]),Dt=s.useCallback((t,n)=>{pt({agentId:t,count:n})},[]),st=s.useCallback(t=>{m?m(t):r(t)},[r,m]),w=s.useMemo(()=>U.size>0?Array.from(U)[0]:null,[U]),gt=s.useCallback(t=>{w&&ve({agentId:w,position:t})},[w]),$e=s.useCallback((t,n)=>{O({buildingId:t,position:n})},[]);s.useEffect(()=>{Ie(!1)},[w]);const fe=s.useRef([]),F=s.useRef(-1),Ue=s.useRef(!1),it=s.useRef(Ht(S.LAST_OPENED_AGENT,"")||null),[$t,xt]=s.useState(!1),[bt,Rt]=s.useState(!1),lt=s.useRef(!1),Ve=s.useRef(null),he=s.useRef(!1),Ne=s.useMemo(()=>new Set(v.map(t=>t.id)),[v]),Xe=s.useMemo(()=>{const t=new Map(v.map(l=>[l.id,l])),n=new Map;for(const l of v)if((l.isBoss||l.class==="boss")&&l.subordinateIds&&l.subordinateIds.length>0){const x=l.subordinateIds.map(_=>t.get(_)).filter(_=>_!==void 0);x.length>0&&n.set(l.id,x)}return n},[v]),W=s.useCallback(()=>{const t=fe.current,n=F.current;xt(n>0),Rt(n>=0&&n<t.length-1)},[]),ge=s.useCallback(t=>{const n=fe.current;if(n.length===0)return;let l=F.current+t;for(;l>=0&&l<n.length;){const x=n[l];if(Ne.has(x)){Ue.current=!0,F.current=l,W(),g.selectAgent(x);return}l+=t}},[Ne,W]),rt=s.useCallback(()=>ge(-1),[ge]),zt=s.useCallback(()=>ge(1),[ge]);Mn(s.useCallback(()=>{const t=fe.current,n=F.current;return t.length>0&&n>0?(ge(-1),"handled"):"exit"},[ge]));const ot=s.useCallback((t,n)=>{if(typeof window>"u")return;const l=window.history.state,_={...typeof l=="object"&&l!==null?l:{},__flatAgentNav:{agentId:t}};n==="replace"?window.history.replaceState(_,"",window.location.href):window.history.pushState(_,"",window.location.href)},[]);s.useEffect(()=>{if(!w){lt.current=!1,Ve.current=null;return}if(!lt.current){ot(w,"replace"),lt.current=!0,Ve.current=w;return}if(he.current){he.current=!1,Ve.current=w;return}Ve.current!==w&&(ot(w,"push"),Ve.current=w)},[w,ot]),s.useEffect(()=>{const t=n=>{var N,I;const l=(I=(N=n.state)==null?void 0:N.__flatAgentNav)==null?void 0:I.agentId;if(!l||typeof l!="string"||!Ne.has(l)||l===w)return;he.current=!0,Ue.current=!0;const x=fe.current,_=x.lastIndexOf(l);_>=0?F.current=_:(x.push(l),F.current=x.length-1),W(),g.selectAgent(l)};return window.addEventListener("popstate",t),()=>window.removeEventListener("popstate",t)},[Ne,w,W]),s.useEffect(()=>{if(!w){fe.current=[],F.current=-1,W();return}if(it.current=w,Gt(S.LAST_OPENED_AGENT,w),Ue.current){Ue.current=!1,W();return}const t=fe.current,n=F.current;if(n>=0&&t[n]===w){W();return}const l=n<t.length-1?t.slice(0,n+1):t.slice();l.push(w),l.length>100&&l.shift(),fe.current=l,F.current=l.length-1,W()},[w,W]);const ye=s.useCallback(t=>{c(t),me(!1)},[c]),_t=w??"",Ot=s.useCallback(()=>{},[]),wt=s.useCallback(t=>{ye(t)},[ye]),ae=Oe,[qe,xe]=s.useState(ae),[vt,be]=s.useState(ae);s.useEffect(()=>{if(ae){xe(!0);return}be(!1);const t=setTimeout(()=>xe(!1),240);return()=>clearTimeout(t)},[ae]),s.useEffect(()=>{if(!qe||!ae)return;let t=0;const n=requestAnimationFrame(()=>{t=requestAnimationFrame(()=>be(!0))});return()=>{cancelAnimationFrame(n),cancelAnimationFrame(t)}},[qe,ae]);const ct=s.useRef(null);s.useEffect(()=>{if(w)return;const t=n=>{if(n.key!==" "&&n.key!=="Backspace")return;const l=n.target;if(l.tagName==="INPUT"||l.tagName==="TEXTAREA"||l.isContentEditable)return;const x=it.current;!x||!Ne.has(x)||(n.preventDefault(),g.selectAgent(x))};return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)},[w,Ne]);const[jt,Qe]=s.useState(new Set),a=s.useCallback(t=>{Qe(n=>{const l=new Set(n);return l.has(t)?l.delete(t):l.add(t),l})},[]),o=s.useCallback(t=>{Qe(new Set(t))},[]),[i,u]=s.useState(()=>typeof window<"u"&&window.matchMedia("(max-width: 768px)").matches);s.useEffect(()=>{if(typeof window>"u")return;const t=window.matchMedia("(max-width: 768px)"),n=l=>u(l.matches);return t.addEventListener("change",n),()=>t.removeEventListener("change",n)},[]);const[q,ie]=s.useState(null),$=s.useCallback(t=>{ie(n=>n===t?null:t)},[]),Re=fa(),et=ha(),[Ct]=Oa(),L=s.useMemo(()=>{if(w)return Xn;const t=new Map,n=[];for(const h of v){const C=g.getAreaForAgent(h.id);if(!na((C==null?void 0:C.id)??null))continue;if(!C||C.archived){n.push(h);continue}const P=t.get(C.id);P?P.push(h):t.set(C.id,[h])}const l=new Map,x=[];for(const h of et.values()){let C=!1;for(const P of Re.values())if(!P.archived&&sa(P.id)&&g.isPositionInArea(h.position,P)){const le=l.get(P.id);le?le.push(h):l.set(P.id,[h]),C=!0;break}!C&&na(null)&&x.push(h)}const _=[];for(const[,h]of Re){if(h.archived||!sa(h.id))continue;const C=t.get(h.id),P=l.get(h.id)??[];(C&&C.length>0||P.length>0)&&_.push({area:h,agents:C??[],buildings:P})}(n.length>0||x.length>0)&&_.push({area:{id:"__unassigned__",name:"Unassigned",color:"#6272a4",center:{x:0,z:0},type:"circle",radius:0,directories:[],archived:!1,assignedAgentIds:[],zIndex:0},agents:n,buildings:x});const N=_.filter(h=>h.area.id!=="__unassigned__"),I=_.filter(h=>h.area.id==="__unassigned__");let V=1,H=1;const f=new Map;if(N.length>1){let h=1/0,C=-1/0,P=1/0,le=-1/0;for(const Y of N)h=Math.min(h,Y.area.center.x),C=Math.max(C,Y.area.center.x),P=Math.min(P,Y.area.center.z),le=Math.max(le,Y.area.center.z);const Ae=C-h||1,Nt=le-P||1;if(N.length<=4){V=N.length,H=1;const Y=[...N].sort((K,Bt)=>K.area.center.x-Bt.area.center.x);for(let K=0;K<Y.length;K++)f.set(Y[K].area.id,{row:1,col:K+1})}else{const Y=[...N].sort((E,G)=>E.area.center.x-G.area.center.x),K=[];for(let E=1;E<Y.length;E++)K.push(Y[E].area.center.x-Y[E-1].area.center.x);const Bt=K.reduce((E,G)=>E+G,0)/K.length||1;let Jt=1;for(const E of K)E>Bt*1.3&&Jt++;V=Math.max(2,Math.min(Jt,N.length));const Ft=[...N].sort((E,G)=>E.area.center.z-G.area.center.z),yt=[];for(let E=1;E<Ft.length;E++)yt.push(Ft[E].area.center.z-Ft[E-1].area.center.z);const Na=yt.reduce((E,G)=>E+G,0)/yt.length||1;let Qt=1;for(const E of yt)E>Na*1.3&&Qt++;H=Math.max(2,Math.min(Qt,N.length)),V=Math.max(V,Math.ceil(N.length/H)),H=Math.max(H,Math.ceil(N.length/V));const ya=Ae/V,Aa=Nt/H,Wt=new Set;for(const E of N){let G=Math.min(V-1,Math.max(0,Math.floor((E.area.center.x-h)/ya))),Ye=Math.min(H-1,Math.max(0,Math.floor((E.area.center.z-P)/Aa))),dt=`${Ye},${G}`,ea=0;const Sa=H*V;for(;Wt.has(dt)&&ea<Sa;)G++,G>=V&&(G=0,Ye=(Ye+1)%H),dt=`${Ye},${G}`,ea++;Wt.has(dt)&&(Ye=H,G=0,dt=`${Ye},${G}`,H++),Wt.add(dt),f.set(E.area.id,{row:Ye+1,col:G+1})}}}const ee=h=>{h.sort((C,P)=>{var Ae,Nt,Y,K;const le=(((Ae=C.position)==null?void 0:Ae.z)??0)-(((Nt=P.position)==null?void 0:Nt.z)??0);return le!==0?le:(((Y=C.position)==null?void 0:Y.x)??0)-(((K=P.position)==null?void 0:K.x)??0)})};for(const h of N)ee(h.agents);for(const h of I)ee(h.agents);const X=[...N,...I].sort((h,C)=>h.area.name.localeCompare(C.area.name,void 0,{sensitivity:"base",numeric:!0})||h.area.id.localeCompare(C.area.id));return f.clear(),X.forEach((h,C)=>{f.set(h.area.id,{row:Math.floor(C/V)+1,col:C%V+1})}),H=Math.max(1,Math.ceil(X.length/V)),{groups:X,gridCols:V,gridRows:H,positions:f}},[v,Re,et,Ct,w]),R=s.useMemo(()=>{let t=0,n=0;for(const l of L.groups)t+=l.agents.length,n+=l.agents.filter(x=>x.status==="working").length;return{areaCount:L.groups.length,agentCount:t,workingCount:n}},[L]),kt=s.useMemo(()=>{if(!we)return[];const t=v.find(n=>n.id===we.agentId);return t?[{id:"edit-agent",label:"Edit Agent",icon:e.jsx(d,{name:"edit",size:14}),onClick:()=>{window.dispatchEvent(new CustomEvent("tide:open-agent-edit",{detail:{agentId:t.id}}))}},{id:"open-chat",label:"Open Chat",icon:e.jsx(d,{name:"chat",size:14}),onClick:()=>c(t.id)},{id:"clone-agent",label:"Clone Agent",icon:e.jsx(d,{name:"clipboard",size:14}),onClick:()=>g.cloneAgent(t.id)},{id:"fork-agent",label:"Fork Agent (with history)",icon:e.jsx(d,{name:"git-branch",size:14}),onClick:()=>g.forkAgent(t.id)},{id:"delete-agent",label:"Delete Agent",icon:e.jsx(d,{name:"trash",size:14}),danger:!0,onClick:()=>{Me({agentId:t.id,name:t.name})}}]:[]},[we,v,c]),Ca=s.useMemo(()=>{var N;if(!p)return[];const t=et.get(p.buildingId);if(!t)return[];const n=[],l=t.type==="server"||t.type==="docker"||t.type==="terminal",x=t.status==="running",_=t.type==="boss";if(n.push({id:"open",label:t.type==="database"?"Open Database":t.type==="folder"?"Open Folder":t.type==="tests"?"Open Tests":t.type==="http"?"Open Requests":t.type==="boss"?"View Boss Logs":t.type==="terminal"?"Open Terminal":t.type==="server"&&((N=t.pm2)!=null&&N.enabled)?"View PM2 Logs":"Open",icon:e.jsx(d,{name:t.type==="database"?"database":t.type==="folder"?"folder":t.type==="tests"?"flask":t.type==="http"?"globe":t.type==="terminal"?"terminal":"eye",size:14}),onClick:()=>st(t.id)}),l&&(x||n.push({id:"start",label:"Start",icon:e.jsx(d,{name:"play",size:14}),onClick:()=>g.sendBuildingCommand(t.id,"start")}),x&&(n.push({id:"restart",label:"Restart",icon:e.jsx(d,{name:"refresh",size:14}),onClick:()=>g.sendBuildingCommand(t.id,"restart")}),n.push({id:"stop",label:"Stop",icon:e.jsx(d,{name:"stop",size:14}),onClick:()=>g.sendBuildingCommand(t.id,"stop")}))),_&&t.subordinateBuildingIds&&t.subordinateBuildingIds.length>0&&(n.push({id:"start-all",label:"Start All Subordinates",icon:e.jsx(d,{name:"launch",size:14}),onClick:()=>{for(const I of t.subordinateBuildingIds)g.sendBuildingCommand(I,"start")}}),n.push({id:"stop-all",label:"Stop All Subordinates",icon:e.jsx(d,{name:"pause",size:14}),onClick:()=>{for(const I of t.subordinateBuildingIds)g.sendBuildingCommand(I,"stop")}}),n.push({id:"restart-all",label:"Restart All Subordinates",icon:e.jsx(d,{name:"restart",size:14}),onClick:()=>{for(const I of t.subordinateBuildingIds)g.sendBuildingCommand(I,"restart")}})),l&&n.push({id:"health-check",label:"Health Check",icon:e.jsx(d,{name:"health",size:14}),onClick:()=>g.sendBuildingCommand(t.id,"healthCheck")}),n.push({id:"divider-edit",label:"",divider:!0,onClick:()=>{}}),n.push({id:"edit",label:"Edit Building",icon:e.jsx(d,{name:"edit",size:14}),onClick:()=>{window.dispatchEvent(new CustomEvent("tide:building-edit",{detail:{buildingId:t.id}}))}}),n.push({id:"clone",label:"Clone Building",icon:e.jsx(d,{name:"copy",size:14}),onClick:()=>{g.createBuilding({name:`${t.name} (Copy)`,type:t.type,style:t.style,color:t.color,scale:t.scale,position:{x:t.position.x+2,z:t.position.z+2},cwd:t.cwd,folderPath:t.folderPath,commands:t.commands,pm2:t.pm2,docker:t.docker,database:t.database,terminal:t.terminal,urls:t.urls,subordinateBuildingIds:t.subordinateBuildingIds})}}),t.urls&&t.urls.length>0)for(const I of t.urls)n.push({id:`url-${I.label}`,label:I.label,icon:e.jsx(d,{name:"link",size:14}),onClick:()=>window.open(I.url,"_blank","noopener,noreferrer")});return n.push({id:"divider-danger",label:"",divider:!0,onClick:()=>{}}),n.push({id:"delete",label:"Delete Building",icon:e.jsx(d,{name:"trash",size:14}),danger:!0,onClick:()=>g.deleteBuilding(t.id)}),n},[p,et,st]),ka=s.useCallback(t=>{Qe(new Set([t])),requestAnimationFrame(()=>{const n=ct.current;if(!n)return;const l=n.querySelector(`[data-area-id="${t}"]`);if(!l)return;const x=n.getBoundingClientRect(),N=l.getBoundingClientRect().top-x.top+n.scrollTop-8;n.scrollTo({top:Math.max(0,N),behavior:"smooth"})})},[]);return e.jsxs("div",{ref:Be,className:`flat-view ${ae?"flat-view--with-inspector":""} ${w?"flat-view--has-chat":""} ${D?"flat-view--mobile-sidebar-open":""}`,style:(()=>{if(pe===null&&J===null)return;const t={};return pe!==null&&(t["--flat-middle-width"]=`${pe}px`),J!==null&&(t["--flat-inspector-width"]=`${J}px`),t})(),children:[D&&e.jsx("div",{className:"flat-mobile-sidebar-backdrop",onClick:ht,"aria-hidden":"true"}),e.jsxs("div",{className:"flat-middle",children:[e.jsx("div",{className:"flat-middle__header",children:e.jsxs("div",{className:"flat-middle__actions",children:[e.jsx("button",{className:"flat-cta-btn flat-cta-btn--agent",onClick:M,title:"Create new agent",children:"+ Agent"}),e.jsx("button",{className:"flat-cta-btn flat-cta-btn--boss",onClick:A,title:"Create new boss agent",children:"+ Boss"}),e.jsx("button",{className:"flat-cta-btn flat-cta-btn--area",onClick:k,title:"Create new area",children:"+ Area"})]})}),e.jsx("div",{className:"flat-middle__content",children:e.jsx(Ba,{activeAgentId:_t,onClose:Ot,onSelectAgent:wt,expandedAreas:jt,onToggleArea:a,onSetExpandedAreas:o,agentListRef:ct})})]}),e.jsx("div",{className:"flat-splitter flat-splitter--middle",role:"separator","aria-orientation":"vertical","aria-label":"Resize agents panel",title:"Drag to resize · Double-click to reset",onPointerDown:It,onPointerMove:nt,onPointerUp:Le,onPointerCancel:Le,onDoubleClick:Pe}),e.jsxs("div",{className:"flat-right",children:[e.jsxs("button",{type:"button",className:"flat-mobile-sidebar-toggle","aria-label":D?"Close agents sidebar":"Open agents sidebar","aria-expanded":D,onClick:at,children:[e.jsx(d,{name:"list",size:18}),e.jsx("span",{className:"flat-mobile-sidebar-toggle__label",children:"Agents"})]}),w?e.jsx(Vn,{agentId:w,terminalViewMode:Ze,onTerminalViewModeChange:Je,inspectorOpen:Oe,onToggleInspector:De,onShowTaskBoard:Tt,onImageClick:Ge,onFileClick:Lt,onBashClick:ke,onViewMarkdown:Pt,onRequestClearSubordinates:Dt,keyboard:B,canNavigateBack:$t,canNavigateForward:bt,onNavigateBack:rt,onNavigateForward:zt,agentInfoOpen:Ke,onToggleAgentInfo:Mt,onHeaderContextMenu:gt,onBuildingContextMenu:$e}):e.jsx("div",{className:"flat-chat flat-chat--empty",children:e.jsxs("div",{className:"flat-map",children:[e.jsxs("div",{className:"flat-map__header",children:[e.jsx("span",{className:"flat-map__title",children:"🗺️ Areas"}),e.jsx("span",{className:"flat-map__hint",children:"Click an area to focus it, or an agent to chat"}),e.jsxs("span",{className:"flat-map__stats",children:[e.jsxs("span",{children:[R.areaCount," areas"]}),e.jsxs("span",{children:[R.agentCount," agents"]}),R.workingCount>0&&e.jsxs("span",{className:"flat-map__stats-working",children:[e.jsx("span",{className:"flat-map__stats-dot","aria-hidden":"true"}),R.workingCount," working"]})]}),e.jsx(zn,{className:"flat-map__view-mode"})]}),e.jsx("div",{className:"flat-map__grid",style:{gridTemplateColumns:i?"repeat(2, minmax(0, 1fr))":`repeat(${L.gridCols}, 1fr)`},children:L.groups.length===0?e.jsx("div",{className:"flat-map__empty",children:e.jsx("span",{children:"No areas or agents yet"})}):(i?[...L.groups].sort((n,l)=>{const x=L.positions.get(n.area.id),_=L.positions.get(l.area.id);return!x&&!_?0:x?_?x.row-_.row||x.col-_.col:-1:1}):L.groups).map(n=>{var H;const l=n.area.id,x=L.positions.get(l),_=n.agents.filter(f=>f.status==="working").length,N=_>0,I=i&&q!==l,V=i&&!I;return e.jsxs("div",{className:`flat-map-area-card${N?" flat-map-area-card--working":""}${I?" flat-map-area-card--collapsed":""}${V?" flat-map-area-card--expanded":""}`,style:{"--area-color":n.area.color,gridRow:i||x==null?void 0:x.row,gridColumn:i||x==null?void 0:x.col},onContextMenu:f=>{y&&(f.preventDefault(),f.stopPropagation(),y(l,{x:f.clientX,y:f.clientY}))},children:[e.jsxs("button",{type:"button",className:"flat-map-area-card__header",onClick:()=>i?$(l):ka(l),title:i?I?`Expand ${n.area.name}`:`Collapse ${n.area.name}`:`Focus ${n.area.name} in left panel`,"aria-expanded":i?!I:void 0,children:[e.jsx("span",{className:"flat-map-area-card__color",style:{background:n.area.color}}),((H=n.area.logo)==null?void 0:H.filename)&&e.jsx("img",{className:"flat-map-area-card__logo",src:En(n.area.logo.filename),alt:"","aria-hidden":"true",onError:f=>{f.currentTarget.style.display="none"}}),e.jsx("span",{className:"flat-map-area-card__name",children:n.area.name}),e.jsxs("span",{className:"flat-map-area-card__count",title:`${n.agents.length} agent${n.agents.length===1?"":"s"}`,"aria-label":`${n.agents.length} agent${n.agents.length===1?"":"s"}`,children:[e.jsx(d,{name:"users",size:10}),n.agents.length]}),N&&e.jsxs("span",{className:"flat-map-area-card__working",title:`${_} working agent${_===1?"":"s"}`,"aria-label":`${_} working agent${_===1?"":"s"}`,children:[e.jsxs("span",{className:"flat-map-area-card__working-bars","aria-hidden":"true",children:[e.jsx("i",{}),e.jsx("i",{}),e.jsx("i",{})]}),e.jsx("span",{className:"flat-map-area-card__working-count",children:_})]}),i&&e.jsx(d,{name:I?"caret-down":"caret-up",size:11,className:"flat-map-area-card__caret"})]}),e.jsx("div",{className:"flat-map-area-card__agents",children:n.agents.map(f=>{const ee=f.isBoss||f.class==="boss",X=ee?Xe.get(f.id):void 0,h=ga(f),C=h.usedPercent>=80?"#ff4a4a":h.usedPercent>=60?"#ff9e4a":h.usedPercent>=40?"#ffd700":"#4aff9e",P=`Context: ${(h.totalTokens/1e3).toFixed(1)}k / ${(h.contextWindow/1e3).toFixed(1)}k (${h.usedPercent}% used, ${h.freePercent}% free)`,le=f.latestTodos&&f.latestTodos.length>0||X&&X.length>0;return e.jsx(Fa,{todos:f.latestTodos,subordinates:X,position:"top",children:e.jsxs("button",{type:"button",className:`flat-map-agent-chip ${f.status}`,onClick:()=>c(f.id),onContextMenu:Ae=>{Ae.preventDefault(),Ae.stopPropagation(),ve({agentId:f.id,position:{x:Ae.clientX,y:Ae.clientY}})},title:le?void 0:`${ee?"Boss · ":""}Open chat with ${f.name}
-${P}`,children:[e.jsx(xa,{agent:f,size:16}),ee&&e.jsx("span",{className:"flat-map-agent-chip__crown","aria-hidden":"true",children:e.jsx(d,{name:"crown",size:11,color:"#ffd700",weight:"fill"})}),e.jsx("span",{className:"flat-map-agent-chip__name",children:f.name}),e.jsx("img",{src:_a(f.provider,"/"),alt:f.provider,className:"flat-map-agent-chip__provider-icon",title:ba(f.provider)}),e.jsx("span",{className:"flat-map-agent-chip__dot",style:{backgroundColor:wa(f.status)}}),f.latestTodos&&f.latestTodos.length>0&&e.jsx(Wa,{todos:f.latestTodos,maxDots:6}),ee&&X&&X.length>0&&e.jsx(Ha,{subordinates:X,maxDots:6}),e.jsx("span",{className:"flat-map-agent-chip__context-bar","aria-hidden":"true",children:e.jsx("span",{className:"flat-map-agent-chip__context-bar-fill",style:{width:`${h.usedPercent}%`,backgroundColor:C}})})]})},f.id)})}),n.area.directories.length>0&&e.jsx("div",{className:"flat-map-area-card__folders",role:"group","aria-label":`${n.area.name} folders`,children:n.area.directories.map(f=>{const ee=f.split("/").filter(Boolean).pop()||f;return e.jsxs("button",{type:"button",className:"flat-map-folder-chip",onClick:X=>{X.stopPropagation(),g.openFileExplorerForAreaFolder(l,f)},title:`Open in file explorer: ${f}`,children:[e.jsx(d,{name:"folder-open",size:12}),e.jsx("span",{className:"flat-map-folder-chip__name",children:ee})]},f)})}),n.buildings.length>0&&e.jsx("div",{className:"flat-map-area-card__buildings",children:n.buildings.map(f=>{var X;const ee=(X=Ga[f.type])==null?void 0:X.color;return e.jsxs("button",{type:"button",className:`flat-map-building-chip flat-map-building-chip--${f.status}`,style:ee?{"--building-type-color":ee}:void 0,onClick:h=>{if(b){const C=h.currentTarget.getBoundingClientRect();b(f.id,{x:C.right,y:C.top+C.height/2})}else st(f.id)},onContextMenu:h=>{h.preventDefault(),h.stopPropagation(),O({buildingId:f.id,position:{x:h.clientX,y:h.clientY}})},title:`${f.name} · ${f.type} · ${f.status}`,children:[e.jsx(d,{name:Ua(f.type),size:12,color:ee}),e.jsx("span",{className:"flat-map-building-chip__name",children:f.name}),e.jsx("span",{className:"flat-map-building-chip__dot",style:{backgroundColor:Va(f.status)}})]},f.id)})})]},l)})})]})})]}),ae&&e.jsx("div",{className:"flat-splitter flat-splitter--inspector",role:"separator","aria-orientation":"vertical","aria-label":"Resize inspector panel",title:"Drag to resize · Double-click to reset",onPointerDown:Ce,onPointerMove:nt,onPointerUp:Le,onPointerCancel:Le,onDoubleClick:j}),qe&&e.jsxs("aside",{className:`flat-inspector ${vt?"flat-inspector--open":"flat-inspector--closing"}`,"aria-label":"Inspector panel",children:[e.jsxs("div",{className:"flat-inspector__header",children:[e.jsxs("div",{className:"flat-inspector__tabs",role:"tablist","aria-label":"Inspector view",children:[e.jsx("button",{type:"button",role:"tab","aria-selected":te==="agent",className:`flat-inspector__tab ${te==="agent"?"flat-inspector__tab--active":""}`,onClick:()=>We("agent"),children:"Agent"}),e.jsx("button",{type:"button",role:"tab","aria-selected":te==="tracking",className:`flat-inspector__tab ${te==="tracking"?"flat-inspector__tab--active":""}`,onClick:()=>We("tracking"),children:"Tracking"})]}),e.jsx("button",{type:"button",className:"flat-inspector__close",onClick:He,title:"Close inspector","aria-label":"Close inspector",children:"✕"})]}),e.jsx("div",{className:"flat-inspector__body",children:te==="tracking"?e.jsx(Xa,{activeAgentId:w??"",onSelectAgent:t=>{c(t),window.innerWidth<=768&&He()}}):(()=>{if(!w)return e.jsx("div",{className:"flat-inspector__empty",children:e.jsx("span",{children:"Select an agent to inspect"})});const t=v.find(n=>n.id===w);return t?e.jsx(qa,{agent:t,onFocusAgent:n=>{c(n),window.innerWidth<=768&&He()},onKillAgent:n=>g.killAgent(n)}):e.jsx("div",{className:"flat-inspector__empty",children:e.jsx("span",{children:"Agent not found"})})})()})]}),z&&e.jsx(Ya,{url:z.url,name:z.name,onClose:()=>re(null)}),T&&e.jsx(Ka,{state:T,onClose:()=>Se(null)}),e.jsx(Za,{agent:w?v.find(t=>t.id===w)??null:null,content:oe,onClose:()=>ce(null)}),ze&&e.jsx(Ja,{action:"clear-subordinates",selectedAgentId:ze.agentId,subordinateCount:ze.count,onClose:()=>pt(null),onClearHistory:()=>{}}),e.jsx(Qa,{agent:w?v.find(t=>t.id===w)??null:null,isOpen:Ke&&!!w,onClose:ft}),e.jsx(ia,{isOpen:we!==null,position:(we==null?void 0:we.position)??{x:0,y:0},worldPosition:{x:0,z:0},actions:kt,onClose:()=>ve(null)}),e.jsx(ia,{isOpen:p!==null,position:(p==null?void 0:p.position)??{x:0,y:0},worldPosition:{x:0,z:0},actions:Ca,onClose:()=>O(null)}),e.jsx(en,{isOpen:Ee!==null,title:Z("common:confirm.removeAgentTitle"),message:Z("common:confirm.removeAgentMessage",{name:(Ee==null?void 0:Ee.name)??""}),confirmLabel:Z("common:buttons.remove"),cancelLabel:Z("common:buttons.cancel"),variant:"danger",onConfirm:()=>{Ee&&g.removeAgentFromServer(Ee.agentId)},onClose:()=>Me(null)})]})}export{Jn as FlatView};

package/dist/assets/index-D1GfjaTN.css

@@ -1 +0,0 @@
-:root{--bg-primary: #0d0d14;--bg-secondary: #14141e;--bg-tertiary: #1c1c28;--border-color: #2a2a3a;--text-primary: #d0d0d8;--text-secondary: #8a8a98;--text-muted: #606070;--accent-blue: #5a8fd4;--accent-green: #5cb88a;--accent-orange: #d4a05a;--accent-red: #d45a5a;--accent-purple: #8a6fbf;--accent-cyan: #5ab8c8;--accent-claude: #a06848;--accent-claude-light: #c8896a;--accent-pink: #5a8fd4;--accent-yellow: #d0d0d8;--font-size-base: 14px;--line-height-base: 1.5;--msg-user-bg: color-mix(in srgb, #5ab8c8 8%, transparent);--msg-user-highlight-bg: var(--msg-user-bg);--msg-user-border: #5ab8c8;--msg-user-text: #d0d0d8;--msg-assistant-bg: color-mix(in srgb, #5cb88a 8%, transparent);--msg-assistant-border: #5cb88a;--msg-assistant-text: #d0d0d8;--tool-use-bg: color-mix(in srgb, #d4a05a 8%, transparent);--tool-use-border: #d4a05a;--tool-use-text: #d4a05a;--tool-use-name: #d4a05a;--tool-result-bg: color-mix(in srgb, #8a6fbf 6%, transparent);--tool-result-border: #8a6fbf;--tool-result-text: #5cb88a;--context-bar-bg: #1c1c28;--context-bar-fill: #8a6fbf;--output-line-bg: transparent;--task-label-color: #5ab8c8;--selection-bg: color-mix(in srgb, #5ab8c8 28%, transparent);--selection-text: #d0d0d8;--accent-soft: color-mix(in srgb, #5a8fd4 14%, transparent);--thinking-accent: #8a6fbf;--status-working: #5ab8c8;--bg-hover: color-mix(in srgb, #5ab8c8 6%, transparent)}.view-mode-toggle{display:flex;gap:2px;position:relative;background:#0009;border-radius:6px;padding:3px;border:1px solid var(--border-color)}.view-mode-toggle__indicator{position:absolute;top:3px;bottom:3px;background:#d4a05a2e;border-radius:4px;transition:left .2s cubic-bezier(.4,0,.2,1),width .2s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:0}.view-mode-toggle__btn{display:flex;align-items:center;gap:5px;padding:5px 10px;border:none;border-radius:4px;background:transparent;color:var(--text-secondary);font-size:11px;font-weight:600;font-family:JetBrains Mono,SF Mono,Fira Code,Consolas,monospace;cursor:pointer;transition:color .15s ease,background .15s ease;white-space:nowrap;position:relative;z-index:1}.view-mode-toggle__btn:hover:not(.view-mode-toggle__btn--active){background:#ffffff14;color:var(--text-primary)}.view-mode-toggle__btn--active{color:#d4a05a}.view-mode-toggle__btn--active svg{stroke:#d4a05a}.view-mode-toggle__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.view-mode-toggle__label{line-height:1}.view-mode-toggle--floating{position:fixed;bottom:70px;left:60px;z-index:150;box-shadow:0 2px 8px #0000004d}@media(max-width:768px){.view-mode-toggle__btn{padding:10px 14px;min-height:44px;min-width:44px;font-size:12px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.view-mode-toggle__btn:active{opacity:.7;transform:scale(.95)}.view-mode-toggle__icon svg{width:16px;height:16px}.view-mode-toggle__label{font-size:11px}}@media(max-width:480px){.view-mode-toggle--floating{padding:3px}.view-mode-toggle__btn{padding:8px 10px;min-height:44px}.view-mode-toggle__label{display:none}}.app.view-mode-flat .guake-terminal{display:none}.flat-view{--flat-middle-width: 1fr;--flat-inspector-width: 320px;display:grid;grid-template-columns:var(--flat-middle-width) 3px 1fr;height:100%;width:100%;background:var(--bg-primary);overflow:hidden;padding-left:10px;box-sizing:border-box;transition:grid-template-columns .25s ease}.flat-view--with-inspector{grid-template-columns:var(--flat-middle-width) 3px 1fr 3px var(--flat-inspector-width)}.flat-splitter{position:relative;cursor:col-resize;background:color-mix(in srgb,var(--text-primary) 4%,transparent);touch-action:none;-webkit-user-select:none;user-select:none;transition:background .15s ease;z-index:2}.flat-splitter:before{content:"";position:absolute;top:0;bottom:0;left:-5px;right:-5px}.flat-splitter:hover{background:color-mix(in srgb,var(--accent-cyan) 45%,transparent)}body.flat-splitter-dragging{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}body.flat-splitter-dragging .flat-splitter{background:color-mix(in srgb,var(--accent-cyan) 60%,transparent)}body.flat-splitter-dragging .flat-view{transition:none!important}.flat-middle{display:flex;flex-direction:column;background:var(--bg-primary);border-right:1px solid color-mix(in srgb,var(--border-color) 55%,transparent);overflow:hidden;min-width:280px}.flat-middle__header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid color-mix(in srgb,var(--border-color) 55%,transparent);flex-shrink:0;gap:12px}.flat-middle__title{font-size:14px;font-weight:600;color:var(--text-primary);margin:0}.flat-middle__actions{display:flex;gap:6px;flex-shrink:0}.flat-middle__content{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.flat-middle__content::-webkit-scrollbar{width:6px}.flat-middle__content::-webkit-scrollbar-track{background:transparent}.flat-middle__content::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text-primary) 10%,transparent);border-radius:3px}.flat-middle__content::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--text-primary) 20%,transparent)}.flat-cta-btn{padding:4px 10px;font-size:11px;font-weight:500;border:none;border-radius:4px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.flat-cta-btn--agent{background:color-mix(in srgb,var(--accent-green) 15%,transparent);color:var(--accent-green)}.flat-cta-btn--agent:hover{background:color-mix(in srgb,var(--accent-green) 25%,transparent)}.flat-cta-btn--boss{background:color-mix(in srgb,var(--accent-yellow) 15%,transparent);color:var(--accent-yellow)}.flat-cta-btn--boss:hover{background:color-mix(in srgb,var(--accent-yellow) 25%,transparent)}.flat-cta-btn--building{background:color-mix(in srgb,var(--accent-cyan) 15%,transparent);color:var(--accent-cyan)}.flat-cta-btn--building:hover{background:color-mix(in srgb,var(--accent-cyan) 25%,transparent)}.flat-cta-btn--area{background:color-mix(in srgb,var(--accent-purple) 15%,transparent);color:var(--accent-purple)}.flat-cta-btn--area:hover{background:color-mix(in srgb,var(--accent-purple) 25%,transparent)}.flat-middle .agent-overview-panel{position:relative;inset:auto;width:100%;height:100%;border-right:none;flex:1;min-height:0;z-index:auto}.flat-middle .agent-overview-panel .aop-row-controls .close-btn{display:none}.flat-middle__content:has(>.agent-overview-panel){padding:0;overflow:hidden}.flat-right{display:flex;flex-direction:column;background:var(--bg-tertiary);overflow:hidden}.flat-chat{display:flex;flex-direction:column;height:100%}.flat-chat--empty{align-items:center;justify-content:center}.flat-chat__placeholder{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--text-muted)}.flat-chat__placeholder-icon{font-size:48px;opacity:.5}.flat-chat__placeholder-text{font-size:14px}.flat-map{display:flex;flex-direction:column;height:100%;padding:12px 16px;gap:10px;overflow-y:auto;position:relative}.flat-map::-webkit-scrollbar{width:6px}.flat-map::-webkit-scrollbar-track{background:transparent}.flat-map::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text-primary) 10%,transparent);border-radius:3px}.flat-map::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--text-primary) 20%,transparent)}.flat-map__header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-shrink:0;padding-right:130px}.flat-map__title{font-size:13px;font-weight:600;color:var(--text-primary)}.flat-map__hint{font-size:11px;color:var(--text-muted)}.flat-map__stats{display:none}.flat-map__view-mode{position:absolute;top:10px;right:12px;z-index:5;background:color-mix(in srgb,var(--bg-secondary) 92%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:999px;box-shadow:0 2px 8px color-mix(in srgb,#000 30%,transparent)}.flat-map__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;align-content:start}.flat-map__empty{grid-column:1/-1;display:flex;align-items:center;justify-content:center;padding:40px;color:var(--text-muted);font-size:13px}.flat-map-area-card{display:flex;flex-direction:column;position:relative;isolation:isolate;background:color-mix(in srgb,var(--area-color, var(--text-muted)) 12%,var(--bg-tertiary));border:1px solid color-mix(in srgb,var(--area-color, var(--text-muted)) 38%,transparent);border-radius:8px;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.flat-map-area-card:hover{border-color:color-mix(in srgb,var(--area-color, var(--text-muted)) 58%,transparent);box-shadow:0 2px 8px color-mix(in srgb,#000 25%,transparent)}.flat-map-area-card--working{border-color:color-mix(in srgb,var(--area-color, var(--text-muted)) 72%,var(--accent-cyan));animation:flat-map-area-working-pulse 2.4s ease-in-out infinite}.flat-map-area-card--working .flat-map-area-card__color{animation:flat-map-area-working-dot 1.2s ease-in-out infinite}.flat-map-area-card__header{display:flex;align-items:center;gap:6px;padding:6px 8px;background:transparent;border:none;cursor:pointer;width:100%;text-align:left;color:var(--text-primary);font-size:12px;font-weight:600;transition:background .15s ease}.flat-map-area-card__header:hover{background:color-mix(in srgb,var(--text-primary) 4%,transparent)}.flat-map-area-card__color{width:8px;height:8px;border-radius:50%;flex-shrink:0}.flat-map-area-card__logo{position:absolute;right:8px;bottom:8px;width:88px;height:88px;max-width:55%;max-height:72%;object-fit:contain;opacity:.3;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:-1;border-radius:4px}.flat-map-area-card__name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flat-map-area-card__count{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:500;color:var(--text-muted);background:color-mix(in srgb,var(--border-color) 55%,transparent);padding:1px 5px;border-radius:8px;flex-shrink:0}.flat-map-area-card__working{display:inline-flex;align-items:center;gap:3px;height:18px;padding:1px 5px;flex-shrink:0;color:var(--accent-cyan);background:#8be9fd1f;border:1px solid rgba(139,233,253,.32);border-radius:8px;box-shadow:0 0 7px #8be9fd29}.flat-map-area-card__working-bars{display:inline-flex;align-items:center;gap:1.5px;height:10px}.flat-map-area-card__working-bars i{display:block;width:2px;height:100%;border-radius:2px;background:currentColor;transform-origin:center bottom;animation:flat-map-area-working-bar .72s ease-in-out infinite alternate}.flat-map-area-card__working-bars i:nth-child(2){animation-delay:-.48s}.flat-map-area-card__working-bars i:nth-child(3){animation-delay:-.24s}.flat-map-area-card__working-count{min-width:6px;font-size:9px;font-weight:700;line-height:1;text-align:center}.flat-map-area-card__caret{font-size:10px;color:var(--text-muted);flex-shrink:0;width:12px;text-align:center}.flat-map-area-card__agents{display:flex;flex-wrap:wrap;gap:4px;padding:0 8px 8px}@keyframes flat-map-area-working-pulse{0%,to{box-shadow:0 0 #8be9fd00}50%{box-shadow:0 0 14px color-mix(in srgb,var(--area-color, var(--text-muted)) 40%,color-mix(in srgb,var(--accent-cyan) 45%,transparent))}}@keyframes flat-map-area-working-dot{0%,to{transform:scale(1);box-shadow:0 0 #8be9fd00}50%{transform:scale(1.45);box-shadow:0 0 8px #8be9fde6}}@keyframes flat-map-area-working-bar{0%{transform:scaleY(.25);opacity:.55}to{transform:scaleY(1);opacity:1}}@media(prefers-reduced-motion:reduce){.flat-map-area-card--working{animation:none;box-shadow:0 0 0 1px #8be9fd38}.flat-map-area-card--working .flat-map-area-card__color{animation:none}.flat-map-area-card--working .flat-map-area-card__working-bars i{animation-duration:1.8s}}.flat-map-agent-chip{position:relative;display:inline-flex;align-items:center;gap:5px;padding:3px 7px 6px;background:color-mix(in srgb,var(--text-primary) 4%,transparent);border:1px solid color-mix(in srgb,var(--border-color) 55%,transparent);border-radius:10px;cursor:pointer;color:var(--text-secondary);font-size:11px;text-align:left;transition:background .15s ease,color .15s ease,border-color .15s ease;white-space:nowrap;min-width:0;overflow:hidden}.flat-map-agent-chip:hover{background:color-mix(in srgb,var(--text-primary) 8%,transparent);border-color:color-mix(in srgb,var(--text-primary) 10%,transparent);color:var(--text-primary)}.flat-map-agent-chip.working{overflow:visible;isolation:isolate;background-color:#4a9eff1f;background-image:linear-gradient(100deg,transparent 30%,rgba(180,230,255,.45) 49%,rgba(139,220,240,.3) 51%,transparent 70%),linear-gradient(100deg,transparent 32%,rgba(139,233,253,.3) 50%,transparent 68%);background-size:220% 100%,260% 100%;background-repeat:no-repeat,no-repeat;background-position:150% 0,150% 0;border-color:#8be9fdb3;color:var(--text-primary);box-shadow:0 0 8px #4a9eff59,inset 0 0 0 1px #8be9fd00;transform-origin:center;will-change:transform,background-position,box-shadow,border-color;animation:flat-map-agent-working-shimmer .75s linear infinite,flat-map-agent-working-shimmer-2 1.15s linear infinite,flat-map-agent-working-pulse 1.1s ease-in-out infinite,flat-map-agent-working-beat .85s ease-in-out infinite,flat-map-agent-working-iris 3.2s linear infinite}.flat-map-agent-chip.working:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;pointer-events:none;z-index:-1;background:conic-gradient(from 0deg,#8be9fd00,#8bc8fd8c,#a082e680,#dc82c873,#dcb48266,#8bc8fd8c,#8be9fd00);filter:blur(8px);transform-origin:center;will-change:transform,opacity;animation:flat-map-agent-working-spin 3.8s linear infinite,flat-map-agent-working-breath 2.6s ease-in-out infinite}.flat-map-agent-chip.working:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:1;background-image:radial-gradient(1px 1px at 18% 32%,rgba(255,255,255,.7) 0%,transparent 60%),radial-gradient(1px 1px at 72% 58%,rgba(200,240,255,.65) 0%,transparent 60%),radial-gradient(1.5px 1.5px at 42% 80%,rgba(220,200,255,.55) 0%,transparent 60%),radial-gradient(1px 1px at 88% 22%,rgba(255,255,255,.6) 0%,transparent 60%),radial-gradient(1px 1px at 12% 70%,rgba(210,190,255,.55) 0%,transparent 60%),radial-gradient(1px 1px at 58% 18%,rgba(255,255,255,.55) 0%,transparent 60%);mix-blend-mode:screen;opacity:.5;animation:flat-map-agent-working-twinkle 1.9s ease-in-out infinite}.flat-map-agent-chip.working .flat-map-agent-chip__dot{position:relative;z-index:2;box-shadow:0 0 6px #4a9effb3;animation:flat-map-agent-working-dot .65s ease-in-out infinite}.flat-map-agent-chip.working .flat-map-agent-chip__name,.flat-map-agent-chip.working .flat-map-agent-chip__provider-icon,.flat-map-agent-chip.working .flat-map-agent-chip__crown{position:relative;z-index:2}@keyframes flat-map-agent-working-shimmer{0%{background-position:150% 0,150% 0}to{background-position:-70% 0,150% 0}}@keyframes flat-map-agent-working-shimmer-2{0%{background-position:150% 0,150% 0}to{background-position:150% 0,-70% 0}}@keyframes flat-map-agent-working-pulse{0%,to{border-color:#4a9eff8c;box-shadow:0 0 6px #4a9eff59,inset 0 0 0 1px #8be9fd00}50%{border-color:#b4faff;box-shadow:0 0 18px #4a9effcc,0 0 30px #8be9fd59,inset 0 0 0 1px #b4faff8c}}@keyframes flat-map-agent-working-beat{0%,to{transform:scale(1)}35%{transform:scale(1.035)}55%{transform:scale(.99)}75%{transform:scale(1.015)}}@keyframes flat-map-agent-working-dot{0%,to{transform:scale(1);box-shadow:0 0 6px #4a9effb3}50%{transform:scale(1.7);box-shadow:0 0 12px #b4faff,0 0 22px #4a9effb3}}@keyframes flat-map-agent-working-iris{0%{border-color:#8be9fdb3}25%{border-color:#b482ffd9}50%{border-color:#ff78dccc}75%{border-color:#ffc878bf}to{border-color:#8be9fdb3}}@keyframes flat-map-agent-working-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes flat-map-agent-working-breath{0%,to{opacity:.3;filter:blur(7px)}40%{opacity:.7;filter:blur(11px)}70%{opacity:.45;filter:blur(8px)}}@keyframes flat-map-agent-working-twinkle{0%,to{opacity:.25;transform:translate(0) scale(.9)}25%{opacity:1;transform:translate(1px,-1px) scale(1.1)}50%{opacity:.55;transform:translate(-1px,1px) scale(.95)}75%{opacity:1;transform:translate(1px,1px) scale(1.15)}}@media(prefers-reduced-motion:reduce){.flat-map-agent-chip.working{animation:flat-map-agent-working-shimmer 5s linear infinite;background-image:linear-gradient(110deg,transparent 40%,rgba(139,233,253,.3) 50%,transparent 60%),linear-gradient(110deg,transparent 40%,rgba(139,233,253,0) 50%,transparent 60%);transform:none}.flat-map-agent-chip.working:before,.flat-map-agent-chip.working:after{animation:none;opacity:.3}.flat-map-agent-chip.working .flat-map-agent-chip__dot{animation:none}}.flat-map-agent-chip__name{min-width:0;overflow:hidden;text-overflow:ellipsis}.flat-map-agent-chip__dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.flat-map-agent-chip__provider-icon{width:12px;height:12px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 1px 2px color-mix(in srgb,#000 25%,transparent))}.flat-map-agent-chip__crown{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.flat-map-agent-chip__context-bar{position:absolute;left:0;right:0;bottom:0;height:2px;background:color-mix(in srgb,var(--border-color) 55%,transparent);pointer-events:none}.flat-map-agent-chip__context-bar-fill{display:block;height:100%;transition:width .2s ease,background-color .2s ease}.flat-map-area-card__buildings,.flat-map-area-card__folders{display:flex;flex-wrap:wrap;gap:4px;padding:6px 8px 8px;border-top:1px dashed color-mix(in srgb,var(--text-primary) 5%,transparent);margin-top:2px}.flat-map-folder-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 7px;background:#ffffff06;border:1px solid color-mix(in srgb,var(--border-color) 55%,transparent);border-radius:8px;cursor:pointer;color:var(--text-secondary);font-size:11px;font-family:JetBrains Mono,Fira Code,monospace;text-align:left;transition:background .15s ease,color .15s ease,border-color .15s ease;white-space:nowrap;min-width:0;max-width:100%;overflow:hidden}.flat-map-folder-chip:hover{background:#ffffff12;border-color:#ffffff2e;color:var(--text-primary)}.flat-map-folder-chip__name{min-width:0;overflow:hidden;text-overflow:ellipsis}.flat-map-building-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 7px;background:#ffffff06;border:1px dashed color-mix(in srgb,var(--text-primary) 8%,transparent);border-left:2px solid var(--building-type-color, color-mix(in srgb, var(--text-primary) 8%, transparent));border-radius:8px;cursor:pointer;color:var(--text-secondary);font-size:11px;text-align:left;transition:background .15s ease,color .15s ease,border-color .15s ease;white-space:nowrap;min-width:0;overflow:hidden}.flat-map-building-chip:hover{background:#ffffff12;border-color:#ffffff2e;border-left-color:var(--building-type-color, rgba(255, 255, 255, .18));color:var(--text-primary)}.flat-map-building-chip__name{min-width:0;overflow:hidden;text-overflow:ellipsis}.flat-map-building-chip__dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.flat-map-building-chip--error{border-color:#ff4a4a66}.flat-map-building-chip--running{border-style:solid;border-color:#4aff9e40}.flat-terminal-wrapper{display:flex;flex-direction:column;height:100%;min-height:0;position:relative;background:var(--bg-tertiary);overflow:hidden;--guake-side-panel-width: 380px}.flat-terminal-wrapper--with-side-panel>*:not(.guake-git-panel):not(.guake-buildings-panel):not(.guake-workflow-panel):not(.agent-debug-panel){margin-right:var(--guake-side-panel-width);transition:margin-right .2s ease}.flat-terminal-wrapper__header{display:flex;flex-direction:row;align-items:center;gap:12px;padding:10px 12px 6px;border-bottom:1px solid color-mix(in srgb,var(--border-color) 55%,transparent);background:var(--bg-secondary);flex-shrink:0;min-height:40px;overflow:visible}.flat-terminal-wrapper__header-main{display:flex;align-items:center;gap:10px;min-width:0;flex:1 1 auto;overflow:visible;padding:4px 6px;margin:0;background:transparent;border:1px solid transparent;border-radius:8px;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background .15s ease,border-color .15s ease}.flat-terminal-wrapper__header-main:hover{background:color-mix(in srgb,var(--text-primary) 4%,transparent);border-color:color-mix(in srgb,var(--border-color) 55%,transparent)}.flat-terminal-wrapper__header-main--active{background:color-mix(in srgb,var(--accent-purple) 18%,transparent);border-color:color-mix(in srgb,var(--accent-purple) 45%,transparent)}.flat-terminal-wrapper__header-main--active:hover{background:color-mix(in srgb,var(--accent-purple) 26%,transparent)}.flat-terminal-wrapper__header-avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;width:28px;height:28px;border-radius:8px;overflow:visible;transform-origin:center center;border:1.5px solid transparent;box-sizing:border-box}.flat-terminal-wrapper__header-avatar>*{display:block;width:100%;height:100%;object-fit:cover;border-radius:7px}.flat-terminal-wrapper__header-avatar.is-working{border-color:#8be9fd8c;animation:flat-header-avatar-sway 1.2s ease-in-out infinite!important}html.low-power .flat-terminal-wrapper__header-avatar.is-working{animation:none!important}.flat-terminal-wrapper__header-avatar.is-working{z-index:1;will-change:transform;transform-origin:center center}.flat-terminal-wrapper__header-meta{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex:0 0 auto;flex-wrap:nowrap}.flat-terminal-wrapper__statusbar{display:flex;align-items:center;gap:10px;padding:6px 12px;flex-shrink:0;background:var(--bg-secondary);border-top:1px solid color-mix(in srgb,var(--border-color) 55%,transparent);min-height:32px;box-sizing:border-box}.flat-terminal-wrapper__statusbar .flat-terminal-wrapper__cwd,.flat-terminal-wrapper__statusbar .flat-terminal-wrapper__context{background:transparent;border-color:color-mix(in srgb,var(--text-primary) 4%,transparent)}.flat-terminal-wrapper__statusbar-spacer{flex:1 1 auto}.flat-terminal-wrapper__buildings{display:inline-flex;align-items:center;gap:4px;padding:2px;background:color-mix(in srgb,var(--text-primary) 4%,transparent);border:1px solid color-mix(in srgb,var(--border-color) 55%,transparent);border-radius:10px}.flat-terminal-wrapper__building-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:22px;padding:0;color:var(--text-muted);background:transparent;border:none;border-radius:7px;cursor:pointer;transition:background .15s ease,color .15s ease}.flat-terminal-wrapper__building-btn:hover{color:var(--text-primary);background:color-mix(in srgb,var(--text-primary) 8%,transparent)}.flat-terminal-wrapper__building-btn--offline{color:color-mix(in srgb,var(--accent-orange) 75%,transparent)}.flat-terminal-wrapper__building-btn--offline:hover{color:var(--accent-orange)}.flat-terminal-wrapper__building-btn--active{color:var(--text-primary);background:color-mix(in srgb,var(--accent-purple) 28%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent-purple) 45%,transparent)}.flat-terminal-wrapper__building-btn--active:hover{background:color-mix(in srgb,var(--accent-purple) 36%,transparent)}.flat-terminal-wrapper__building-btn--tests-working{color:var(--accent-cyan);background:color-mix(in srgb,var(--accent-cyan) 14%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent-cyan) 40%,transparent);animation:flat-tests-glow 1.4s ease-in-out infinite}.flat-terminal-wrapper__building-btn--tests-working svg{animation:flat-tests-shake 1.1s ease-in-out infinite}.flat-terminal-wrapper__building-btn--tests-working:hover{color:var(--accent-cyan);background:color-mix(in srgb,var(--accent-cyan) 22%,transparent)}.flat-terminal-wrapper__detached{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;font-size:11px;font-weight:500;color:var(--accent-orange);background:color-mix(in srgb,var(--accent-orange) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent-orange) 35%,transparent);border-radius:10px;animation:blink 1.6s ease-in-out infinite}.flat-terminal-wrapper__area-dir{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-family:SF Mono,Menlo,Consolas,monospace;color:var(--text-secondary);background:color-mix(in srgb,var(--text-primary) 3%,transparent);border:1px solid color-mix(in srgb,var(--text-primary) 5%,transparent);border-radius:10px;cursor:pointer;max-width:240px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .15s ease,color .15s ease,border-color .15s ease}.flat-terminal-wrapper__area-dir:hover{background:color-mix(in srgb,var(--text-primary) 8%,transparent);color:var(--text-primary);border-color:color-mix(in srgb,var(--text-primary) 14%,transparent)}.flat-terminal-wrapper__area-dir-name{overflow:hidden;text-overflow:ellipsis}.flat-terminal-wrapper__area-dir-branch{display:inline-flex;align-items:center;gap:3px;color:var(--accent-cyan);opacity:.85}.flat-terminal-wrapper__branch-ahead{display:inline-flex;align-items:center;color:var(--accent-green)}.flat-terminal-wrapper__branch-behind{display:inline-flex;align-items:center;color:var(--accent-orange)}.flat-terminal-wrapper__area-fetch{display:inline-flex;align-items:center;padding:1px 3px;border-radius:4px;color:var(--text-muted);cursor:pointer;transition:background .15s ease,color .15s ease}.flat-terminal-wrapper__area-fetch:hover{background:color-mix(in srgb,var(--text-primary) 8%,transparent);color:var(--text-primary)}.flat-terminal-wrapper__area-fetch--fetching{animation:blink 1s ease-in-out infinite}.flat-terminal-wrapper__context-label{color:var(--text-muted);margin-right:2px}.flat-terminal-wrapper__context-free{color:var(--text-muted);font-size:10px}.flat-terminal-wrapper__actions{display:inline-flex;align-items:center;gap:4px;padding:2px;background:color-mix(in srgb,var(--text-primary) 4%,transparent);border:1px solid color-mix(in srgb,var(--border-color) 55%,transparent);border-radius:10px}.flat-terminal-wrapper__action-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:24px;padding:0;font-size:12px;line-height:1;color:var(--text-muted);background:transparent;border:none;border-radius:7px;cursor:pointer;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.flat-terminal-wrapper__action-btn:hover:not(:disabled){color:var(--text-primary);background:color-mix(in srgb,var(--border-color) 55%,transparent)}.flat-terminal-wrapper__action-btn:disabled{opacity:.35;cursor:not-allowed}.flat-terminal-wrapper__action-btn--active{color:var(--text-primary);background:color-mix(in srgb,var(--accent-purple) 28%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent-purple) 45%,transparent)}.flat-terminal-wrapper__action-btn--active:hover{background:color-mix(in srgb,var(--accent-purple) 36%,transparent)}.flat-terminal-wrapper__action-btn--danger{color:color-mix(in srgb,var(--accent-red) 85%,transparent)}.flat-terminal-wrapper__action-btn--danger:hover{color:var(--accent-red);background:color-mix(in srgb,var(--accent-red) 12%,transparent)}.flat-terminal-wrapper__action-btn--confirm{color:var(--accent-red);background:color-mix(in srgb,var(--accent-red) 18%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent-red) 50%,transparent);animation:blink 1s ease-in-out infinite}.flat-terminal-wrapper__more{position:relative;display:inline-flex}.flat-terminal-wrapper__more-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:220px;padding:4px;background:var(--bg-tertiary);border:1px solid color-mix(in srgb,var(--text-primary) 8%,transparent);border-radius:8px;box-shadow:0 8px 28px color-mix(in srgb,#000 45%,transparent);z-index:100}.flat-terminal-wrapper__more-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 10px;font-size:12px;color:var(--text-primary);background:transparent;border:none;border-radius:6px;cursor:pointer;text-align:left;transition:background .15s ease,color .15s ease}.flat-terminal-wrapper__more-item:hover:not(:disabled){background:color-mix(in srgb,var(--border-color) 55%,transparent)}.flat-terminal-wrapper__more-item:disabled{opacity:.45;cursor:not-allowed}.flat-terminal-wrapper__more-item--danger{color:color-mix(in srgb,var(--accent-red) 90%,transparent)}.flat-terminal-wrapper__more-item--danger:hover:not(:disabled){color:var(--accent-red);background:color-mix(in srgb,var(--accent-red) 12%,transparent)}.flat-terminal-wrapper__more-divider{height:1px;margin:4px 2px;background:color-mix(in srgb,var(--border-color) 55%,transparent)}.flat-terminal-wrapper__header-info{display:flex;flex-direction:row;align-items:center;gap:6px;min-width:0;flex:1 1 auto;overflow:hidden}.flat-terminal-wrapper__header-name{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1 1 auto}.flat-terminal-wrapper__header-status{font-size:10px;text-transform:capitalize;flex-shrink:0}.flat-terminal-wrapper__header-task{font-size:11px;color:var(--text-muted);max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:2px 8px;border-radius:10px;background:color-mix(in srgb,var(--text-primary) 4%,transparent);border:1px solid color-mix(in srgb,var(--border-color) 55%,transparent);flex-shrink:1}.flat-terminal-wrapper__header-model{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;min-width:0}.flat-terminal-wrapper__header-provider-icon{width:16px;height:16px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 1px 2px color-mix(in srgb,#000 25%,transparent))}.flat-terminal-wrapper__header-model-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-family:SF Mono,Menlo,Consolas,monospace;font-weight:600;color:var(--text-secondary);background:color-mix(in srgb,var(--text-primary) 4%,transparent);border:1px solid color-mix(in srgb,var(--border-color) 55%,transparent);border-radius:999px;white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.flat-terminal-wrapper__header-model-name{color:var(--text-primary);text-transform:lowercase;overflow:hidden;text-overflow:ellipsis}.flat-terminal-wrapper__header-model-sep{opacity:.6}.flat-terminal-wrapper__header-model-effort{color:var(--accent-purple);text-transform:lowercase}.flat-terminal-wrapper__cwd{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;font-size:11px;color:var(--text-secondary);background:color-mix(in srgb,var(--text-primary) 4%,transparent);border:1px solid color-mix(in srgb,var(--border-color) 55%,transparent);border-radius:10px;cursor:pointer;max-width:240px;transition:background .15s ease,border-color .15s ease,color .15s ease}.flat-terminal-wrapper__cwd:hover{background:color-mix(in srgb,var(--text-primary) 8%,transparent);border-color:color-mix(in srgb,var(--text-primary) 14%,transparent);color:var(--text-primary)}.flat-terminal-wrapper__cwd-icon{font-size:12px;line-height:1}.flat-terminal-wrapper__cwd-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:SF Mono,Menlo,Consolas,monospace}.flat-terminal-wrapper__context{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;font-size:11px;color:var(--text-secondary);background:color-mix(in srgb,var(--text-primary) 4%,transparent);border:1px solid color-mix(in srgb,var(--border-color) 55%,transparent);border-radius:10px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.flat-terminal-wrapper__context:hover{background:color-mix(in srgb,var(--text-primary) 8%,transparent);border-color:color-mix(in srgb,var(--text-primary) 14%,transparent)}.flat-terminal-wrapper__context-icon{font-size:12px;line-height:1}.flat-terminal-wrapper__context-bar{position:relative;width:56px;height:5px;border-radius:3px;background:color-mix(in srgb,var(--text-primary) 8%,transparent);overflow:hidden}.flat-terminal-wrapper__context-bar-fill{position:absolute;left:0;top:0;height:100%;border-radius:3px;transition:width .2s ease,background-color .2s ease}.flat-terminal-wrapper__context-tokens{font-family:SF Mono,Menlo,Consolas,monospace;font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}.flat-terminal-wrapper__context-warning{font-size:11px;opacity:.8}.flat-terminal-wrapper__view-mode{display:inline-flex;align-items:center;padding:2px;gap:2px;background:color-mix(in srgb,var(--text-primary) 4%,transparent);border:1px solid color-mix(in srgb,var(--border-color) 55%,transparent);border-radius:10px}.flat-terminal-wrapper__view-mode-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;font-size:11px;font-weight:500;color:var(--text-muted);background:transparent;border:none;border-radius:8px;cursor:pointer;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.flat-terminal-wrapper__view-mode-btn:hover{color:var(--text-primary);background:color-mix(in srgb,var(--text-primary) 4%,transparent)}.flat-terminal-wrapper__view-mode-btn--active{color:var(--text-primary);background:color-mix(in srgb,var(--accent-purple) 28%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent-purple) 50%,transparent),0 1px 3px color-mix(in srgb,#000 25%,transparent)}.flat-terminal-wrapper__view-mode-btn--active:hover{background:color-mix(in srgb,var(--accent-purple) 36%,transparent)}.flat-terminal-wrapper__view-mode-icon{font-size:13px;line-height:1}.flat-terminal-wrapper__view-mode-label{line-height:1}.flat-terminal-wrapper__theme{display:inline-flex;align-items:center}.flat-terminal-wrapper__theme .theme-selector-trigger{padding:4px 9px;font-size:11px;border-radius:10px;background:color-mix(in srgb,var(--text-primary) 4%,transparent);border:1px solid color-mix(in srgb,var(--border-color) 55%,transparent)}.flat-terminal-wrapper__theme .theme-selector-trigger:hover{background:color-mix(in srgb,var(--text-primary) 8%,transparent);border-color:color-mix(in srgb,var(--text-primary) 14%,transparent)}.flat-terminal-wrapper__inspector-toggle{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;font-size:11px;font-weight:500;color:var(--text-secondary);background:color-mix(in srgb,var(--text-primary) 4%,transparent);border:1px solid color-mix(in srgb,var(--border-color) 55%,transparent);border-radius:10px;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.flat-terminal-wrapper__inspector-toggle:hover{color:var(--text-primary);background:color-mix(in srgb,var(--text-primary) 8%,transparent);border-color:color-mix(in srgb,var(--text-primary) 14%,transparent)}.flat-terminal-wrapper__inspector-toggle--active{color:var(--text-primary);background:color-mix(in srgb,var(--accent-purple) 22%,transparent);border-color:color-mix(in srgb,var(--accent-purple) 55%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent-purple) 35%,transparent),0 1px 3px color-mix(in srgb,#000 25%,transparent)}.flat-terminal-wrapper__inspector-toggle--active:hover{background:color-mix(in srgb,var(--accent-purple) 32%,transparent)}.flat-terminal-wrapper__inspector-icon{display:inline-flex;align-items:center;justify-content:center;line-height:1}.flat-terminal-wrapper__inspector-label{line-height:1}.flat-terminal-wrapper__close{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;color:var(--text-muted);background:color-mix(in srgb,var(--text-primary) 4%,transparent);border:1px solid color-mix(in srgb,var(--border-color) 55%,transparent);border-radius:10px;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.flat-terminal-wrapper__close:hover{color:var(--accent-red);background:color-mix(in srgb,var(--accent-red) 12%,transparent);border-color:color-mix(in srgb,var(--accent-red) 40%,transparent)}@media(max-width:1100px){.flat-terminal-wrapper__view-mode-label,.flat-terminal-wrapper__inspector-label{display:none}.flat-terminal-wrapper__cwd{max-width:160px}}.flat-terminal-wrapper .guake-output{flex:1 1 auto;min-height:0;overflow-y:auto;padding:14px 18px}.flat-terminal-wrapper .guake-output::-webkit-scrollbar{width:6px}.flat-terminal-wrapper .guake-output::-webkit-scrollbar-track{background:transparent}.flat-terminal-wrapper .guake-output::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text-primary) 10%,transparent);border-radius:3px}.flat-terminal-wrapper .guake-input-container{position:relative;flex-shrink:0;border-top:1px solid color-mix(in srgb,var(--border-color) 55%,transparent);background:var(--bg-secondary)}.flat-terminal-wrapper .guake-search-bar,.flat-terminal-wrapper .atp-search-bar{position:sticky;top:0;z-index:10;background:var(--bg-secondary)}.flat-terminal-wrapper .guake-handle,.flat-terminal-wrapper .atp-resize-handle{display:none}.flat-terminal-wrapper .compacting-indicator{padding:12px;margin:8px}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.flat-inspector{display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;background:var(--bg-secondary);border-left:1px solid color-mix(in srgb,var(--border-color) 55%,transparent);overflow:hidden;animation:flat-inspector-slide-in .22s ease}.flat-inspector__header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid color-mix(in srgb,var(--border-color) 55%,transparent);background:var(--bg-tertiary);flex-shrink:0}.flat-inspector__tabs{display:inline-flex;align-items:center;gap:4px;padding:2px;background:color-mix(in srgb,#000 25%,transparent);border:1px solid color-mix(in srgb,var(--border-color) 55%,transparent);border-radius:6px}.flat-inspector__tab{padding:4px 10px;font-size:12px;font-weight:500;color:var(--text-muted);background:transparent;border:none;border-radius:4px;cursor:pointer;transition:background .15s ease,color .15s ease}.flat-inspector__tab:hover{color:var(--text-primary)}.flat-inspector__tab--active{color:var(--text-primary);background:color-mix(in srgb,var(--text-primary) 8%,transparent)}.flat-inspector__close{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;font-size:13px;color:var(--text-muted);background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.flat-inspector__close:hover{color:var(--text-primary);background:color-mix(in srgb,var(--border-color) 55%,transparent);border-color:color-mix(in srgb,var(--text-primary) 10%,transparent)}.flat-inspector__body{flex:1 1 auto;min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.flat-inspector__body .unit-panel{flex:1 1 auto;min-height:0;min-width:0;padding:10px}.flat-inspector__empty{display:flex;align-items:center;justify-content:center;flex:1;color:var(--text-muted);font-size:13px}@keyframes flat-inspector-slide-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.flat-mobile-sidebar-toggle,.flat-mobile-sidebar-backdrop{display:none}@media(max-width:1024px){.flat-view,.flat-view--with-inspector{grid-template-columns:1fr}.flat-splitter{display:none}.flat-right{grid-column:1/-1}.flat-right>.flat-terminal-wrapper,.flat-right>.flat-chat{flex:1 1 auto;min-height:0;height:auto}.flat-middle{position:fixed;top:0;left:0;bottom:0;width:min(380px,92vw);z-index:185;transform:translate(-110%);transition:transform .22s ease;border-right:1px solid color-mix(in srgb,var(--text-primary) 8%,transparent);box-shadow:6px 0 32px color-mix(in srgb,#000 60%,transparent)}.flat-view--mobile-sidebar-open .flat-middle{transform:translate(0)}.flat-mobile-sidebar-toggle{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;margin:10px 12px 0;padding:8px 12px;font-size:12px;font-weight:500;color:var(--text-primary);background:color-mix(in srgb,var(--bg-tertiary) 95%,transparent);border:1px solid color-mix(in srgb,var(--text-primary) 8%,transparent);border-radius:10px;cursor:pointer;min-height:36px;flex-shrink:0;transition:background .15s ease,border-color .15s ease}.flat-mobile-sidebar-toggle:hover,.flat-mobile-sidebar-toggle:active{background:color-mix(in srgb,var(--accent-purple) 28%,transparent);border-color:color-mix(in srgb,var(--accent-purple) 50%,transparent)}.flat-mobile-sidebar-toggle__label{line-height:1}.flat-mobile-sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:184;background:color-mix(in srgb,#000 68%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:flat-inspector-fade-in .18s ease}.flat-inspector{position:fixed;top:0;right:0;bottom:0;left:0;z-index:186;border-left:none;animation:none;transform:translate(100%);transition:transform .22s ease}.flat-inspector--open{transform:translate(0)}.flat-inspector--closing{transform:translate(100%)}.flat-inspector__tab{min-height:36px;padding:6px 14px}.flat-inspector__close{min-width:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center}}.flat-chat-actions-sheet-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2050}.flat-chat-actions-sheet__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,#000 45%,transparent);animation:flat-sheet-fade .15s ease}.flat-chat-actions-sheet{position:absolute;left:0;right:0;bottom:var(--mobile-bottom-stack-height, 72px);display:flex;flex-direction:column;gap:10px;padding:8px 14px calc(14px + env(safe-area-inset-bottom,0px));background:var(--bg-tertiary);border:1px solid color-mix(in srgb,var(--text-primary) 8%,transparent);border-bottom:none;border-top-left-radius:18px;border-top-right-radius:18px;box-shadow:0 -12px 32px color-mix(in srgb,#000 50%,transparent);animation:flat-sheet-slide-up .2s cubic-bezier(.22,1,.36,1)}.flat-chat-actions-sheet__grabber{width:40px;height:4px;margin:2px auto;border-radius:999px;background:#ffffff38}.flat-chat-actions-sheet__title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.flat-chat-actions-sheet__title{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flat-chat-actions-sheet__done{flex-shrink:0;font-size:13px;font-weight:500;color:var(--accent-purple);background:none;border:none;padding:6px 4px;cursor:pointer}.flat-chat-actions-sheet__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.flat-chat-actions-sheet__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:64px;padding:8px 4px;font-size:11px;color:var(--text-primary);background:color-mix(in srgb,var(--text-primary) 5%,transparent);border:1px solid rgba(255,255,255,.07);border-radius:12px;cursor:pointer}.flat-chat-actions-sheet__item span{text-align:center;line-height:1.2}.flat-chat-actions-sheet__item.is-active{background:color-mix(in srgb,var(--accent-purple) 24%,transparent);border-color:color-mix(in srgb,var(--accent-purple) 50%,transparent)}.flat-chat-actions-sheet__list{display:flex;flex-direction:column;gap:2px}.flat-chat-actions-sheet__row{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:10px 12px;font-size:14px;color:var(--text-primary);background:transparent;border:none;border-radius:10px;cursor:pointer;text-align:left}.flat-chat-actions-sheet__row:active{background:color-mix(in srgb,var(--border-color) 55%,transparent)}.flat-chat-actions-sheet__row:disabled{opacity:.4;cursor:not-allowed}.flat-chat-actions-sheet__row--danger{color:color-mix(in srgb,var(--accent-red) 90%,transparent)}.flat-chat-actions-sheet__row.is-armed{color:var(--accent-red);background:color-mix(in srgb,var(--accent-red) 16%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-red) 50%,transparent)}@keyframes flat-sheet-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes flat-sheet-fade{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.app.view-mode-flat .mobile-fab-toggle,.app.view-mode-flat .mobile-fab-menu,.app.view-mode-flat .voice-assistant-btn.mobile-voice-assistant{display:none!important}.app.view-mode-flat .flat-view{padding-left:0}.app.view-mode-flat .main-content{height:calc(100% - var(--mobile-bottom-stack-height, 72px))!important;max-height:calc(100% - var(--mobile-bottom-stack-height, 72px))!important;overflow:hidden}.app.view-mode-flat .flat-terminal-wrapper__header,.app.view-mode-flat .flat-inspector__header,.app.view-mode-flat .flat-middle__header,.app.view-mode-flat .flat-map__header{padding-top:calc(6px + env(safe-area-inset-top,0px))}.app.view-mode-flat .flat-terminal-wrapper__header{padding-top:calc(2px + env(safe-area-inset-top,0px))}.app.view-mode-flat .flat-inspector__body,.app.view-mode-flat .flat-middle__content{padding-bottom:var(--mobile-bottom-stack-height, 72px)}.flat-view{padding-left:56px}.flat-middle__header{flex-wrap:wrap;padding:6px 10px;gap:6px}.flat-middle__content{padding:8px}.flat-cta-btn{padding:8px 10px;font-size:11px;min-height:34px}.flat-chat--empty{align-items:stretch;justify-content:flex-start}.flat-map{width:100%;padding:0 10px 12px;gap:8px;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y}.app.view-mode-flat .flat-map__header{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title toggle" "stats stats";align-items:center;gap:3px 10px;position:sticky;top:0;z-index:8;margin:0 -10px;padding:calc(6px + env(safe-area-inset-top,0px)) 10px 8px;background:color-mix(in srgb,var(--bg-primary) 94%,transparent);border-bottom:1px solid color-mix(in srgb,var(--text-primary) 5%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.flat-map__title{grid-area:title;font-size:15px}.flat-map__hint{display:none}.flat-map__stats{grid-area:stats;display:flex;align-items:center;gap:8px;min-width:0;color:var(--text-muted);font-size:10px;font-family:SF Mono,Menlo,Consolas,monospace}.flat-map__stats-working{display:inline-flex;align-items:center;gap:4px;color:color-mix(in srgb,var(--status-working) 78%,var(--text-secondary))}.flat-map__stats-dot{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:var(--status-working);box-shadow:0 0 6px color-mix(in srgb,var(--status-working) 55%,transparent)}.flat-map__view-mode{grid-area:toggle;position:relative;top:auto;right:auto;justify-self:end}.flat-map__view-mode .view-mode-toggle__btn{min-width:40px;min-height:40px;padding:6px 9px}.flat-map__grid{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}.flat-map-area-card{min-width:0;grid-row:auto!important;grid-column:auto!important;border-radius:12px}.flat-map-area-card__header{padding:7px 8px;gap:6px;min-height:48px}.flat-map-area-card__name{font-size:12px}.flat-map-area-card__count{font-size:9px;padding:2px 5px}.flat-map-area-card__logo{position:static;width:22px;height:22px;max-width:22px;max-height:22px;flex-shrink:0;opacity:.82;z-index:0;border-radius:5px}.flat-map-area-card__caret{flex-shrink:0;margin-left:auto;opacity:.7}.flat-map-area-card--collapsed .flat-map-area-card__agents,.flat-map-area-card--collapsed .flat-map-area-card__buildings,.flat-map-area-card--collapsed .flat-map-area-card__folders{display:none}.flat-map-area-card--expanded{grid-column:1/-1!important;border-color:color-mix(in srgb,var(--area-color, var(--text-muted)) 72%,transparent);box-shadow:0 6px 18px color-mix(in srgb,#000 30%,transparent)}.flat-map-area-card__agents{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:2px 8px 8px}.flat-map-agent-chip{width:100%;padding:7px 10px 9px;font-size:12px;min-height:40px}.flat-map-area-card__folders,.flat-map-area-card__buildings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.flat-map-folder-chip,.flat-map-building-chip{width:100%;min-height:36px}.flat-terminal-wrapper__header{flex-wrap:nowrap;padding:6px 10px 4px;gap:8px;min-height:40px;overflow:visible}.flat-terminal-wrapper__header-main{flex:1 1 auto;min-width:0;overflow:hidden;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"avatar info" "avatar model";align-items:center;column-gap:8px;row-gap:0;padding:2px 4px}.flat-terminal-wrapper__header-avatar{grid-area:avatar}.flat-terminal-wrapper__header-info{grid-area:info;min-width:0;align-self:end}.flat-terminal-wrapper__header-name{flex:1 1 auto;min-width:0}.flat-terminal-wrapper__header-status{font-size:9px;padding:1px 6px;border-radius:999px;background:color-mix(in srgb,var(--border-color) 55%,transparent);max-width:72px;overflow:hidden;text-overflow:ellipsis}.flat-terminal-wrapper__header-model{grid-area:model;align-self:start;justify-self:start;min-width:0;max-width:100%;gap:4px}.flat-terminal-wrapper__header-provider-icon{width:11px;height:11px}.flat-terminal-wrapper__header-model-chip{padding:0;background:none;border:none;border-radius:0;font-size:9px;max-width:100%}.flat-terminal-wrapper__header-meta{flex:0 0 auto;justify-content:flex-end;flex-wrap:nowrap;gap:4px}.flat-terminal-wrapper__header-task{display:none}.flat-terminal-wrapper__header-avatar,.flat-terminal-wrapper__header-avatar>*{width:28px;height:28px}.flat-terminal-wrapper__action-btn,.flat-terminal-wrapper__building-btn{min-width:36px;min-height:36px}.flat-terminal-wrapper__statusbar{flex-wrap:wrap;padding:6px 10px;gap:6px;row-gap:6px}.flat-terminal-wrapper__action-btn,.flat-terminal-wrapper__building-btn,.flat-terminal-wrapper__close{width:28px;height:28px}.flat-terminal-wrapper__inspector-toggle{padding:4px 6px}.flat-terminal-wrapper__inspector-label,.flat-terminal-wrapper__actions{display:none}.flat-terminal-wrapper{--guake-side-panel-width: 100%;background:var(--bg-primary)}.flat-right{background:var(--bg-primary)}.flat-terminal-wrapper--with-side-panel>*:not(.guake-git-panel):not(.guake-buildings-panel):not(.guake-workflow-panel):not(.agent-debug-panel){margin-right:0}.flat-terminal-wrapper .guake-git-panel,.flat-terminal-wrapper .guake-buildings-panel,.flat-terminal-wrapper .guake-workflow-panel,.flat-terminal-wrapper .agent-debug-panel{width:100%}.flat-bottom-panel{height:180px}.flat-terminal-wrapper__view-mode,.flat-terminal-wrapper__close,.flat-terminal-wrapper__statusbar,.app.view-mode-flat .flat-mobile-sidebar-toggle,.app.view-mode-flat .flat-terminal-wrapper__inspector-toggle{display:none}}@media(max-width:480px){.flat-view{padding-left:52px}.flat-middle{width:100vw;max-width:100vw;box-shadow:none}.flat-middle__header{padding:8px 10px}.flat-middle__actions{gap:4px}.flat-cta-btn{padding:6px 8px;font-size:10px;min-height:32px}.flat-map-area-card__header{padding:8px 10px;font-size:13px}.flat-map-agent-chip{font-size:12px;padding:6px 8px 8px}.flat-terminal-wrapper__header-name{font-size:12px}.flat-terminal-wrapper__header-model-chip{max-width:100%}.flat-inspector__body{padding-bottom:env(safe-area-inset-bottom,0)}}@media(min-width:1400px){.flat-view{--flat-middle-width: minmax(280px, 400px);--flat-inspector-width: 360px}}@keyframes flat-inspector-fade-in{0%{opacity:0}to{opacity:1}}.flat-classic-terminal{flex:1 1 auto;min-height:0;display:flex;position:relative;overflow:hidden;background:var(--bg-primary)}.flat-classic-terminal .guake-bottom-terminal-embed{flex:1 1 auto;width:100%;height:100%;min-height:0}.flat-classic-terminal--message{align-items:center;justify-content:center;color:var(--text-muted);font-size:13px}.flat-bottom-panel{display:flex;flex-direction:column;flex-shrink:0;height:250px;min-height:0;background:var(--bg-secondary);border-top:1px solid color-mix(in srgb,var(--text-primary) 8%,transparent);overflow:hidden}.flat-bottom-panel__header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 10px;background:var(--bg-tertiary);border-bottom:1px solid color-mix(in srgb,var(--border-color) 55%,transparent);flex-shrink:0;min-height:28px}.flat-bottom-panel__title{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flat-bottom-panel__muted{color:var(--text-muted);font-weight:400;font-size:10px}.flat-bottom-panel__header-actions{display:inline-flex;align-items:center;gap:2px;flex-shrink:0}.flat-bottom-panel__close{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;color:var(--text-muted);background:transparent;border:none;border-radius:6px;cursor:pointer;transition:background .15s ease,color .15s ease}.flat-bottom-panel__close:hover{color:var(--text-primary);background:color-mix(in srgb,var(--text-primary) 8%,transparent)}.flat-bottom-panel__body{flex:1 1 auto;min-height:0;display:flex;background:var(--bg-primary)}.flat-bottom-panel__body>*{flex:1 1 auto;min-height:0}.flat-bottom-panel__placeholder{flex:1 1 auto;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:12px}@keyframes flat-tests-shake{0%,to{transform:rotate(0)}20%{transform:rotate(-14deg)}40%{transform:rotate(10deg)}60%{transform:rotate(-7deg)}80%{transform:rotate(4deg)}}@keyframes flat-tests-glow{0%,to{box-shadow:0 0 0 1px #8be9fd4d}50%{box-shadow:0 0 6px 1px #8be9fdb3}}@keyframes flat-header-avatar-sway{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}