tide-commander 1.35.0 → 1.36.0

package/dist/src/packages/server/services/area-layout-service.js

@@ -0,0 +1,260 @@
+/**
+ * Area Layout Service
+ * Organizes agents and buildings within areas using a hierarchy-aware grid layout
+ */
+import { loadAreas, loadBuildings, saveBuildings } from '../data/index.js';
+import * as agentService from './agent-service.js';
+import { createLogger } from '../utils/logger.js';
+const log = createLogger('AreaLayout');
+const PADDING = 1.5;
+const PREFERRED_SPACING = 2.5;
+const MIN_SPACING = 1.0;
+/**
+ * Get usable bounds for an area (with padding), clamped to positive dimensions.
+ */
+function getAreaBounds(area) {
+    let bounds;
+    if (area.type === 'rectangle' && area.width && area.height) {
+        bounds = {
+            minX: area.center.x - area.width / 2 + PADDING,
+            maxX: area.center.x + area.width / 2 - PADDING,
+            minZ: area.center.z - area.height / 2 + PADDING,
+            maxZ: area.center.z + area.height / 2 - PADDING,
+        };
+    }
+    else if (area.type === 'circle' && area.radius) {
+        const r = Math.max(0, area.radius - PADDING);
+        bounds = {
+            minX: area.center.x - r,
+            maxX: area.center.x + r,
+            minZ: area.center.z - r,
+            maxZ: area.center.z + r,
+        };
+    }
+    else {
+        bounds = { minX: area.center.x, maxX: area.center.x, minZ: area.center.z, maxZ: area.center.z };
+    }
+    // Ensure non-negative dimensions
+    if (bounds.maxX < bounds.minX)
+        bounds.maxX = bounds.minX = area.center.x;
+    if (bounds.maxZ < bounds.minZ)
+        bounds.maxZ = bounds.minZ = area.center.z;
+    return bounds;
+}
+/**
+ * Check if a position is inside an area's bounds.
+ */
+function isPositionInArea(pos, area) {
+    if (area.type === 'rectangle' && area.width && area.height) {
+        const halfW = area.width / 2;
+        const halfH = area.height / 2;
+        return (pos.x >= area.center.x - halfW &&
+            pos.x <= area.center.x + halfW &&
+            pos.z >= area.center.z - halfH &&
+            pos.z <= area.center.z + halfH);
+    }
+    if (area.type === 'circle' && area.radius) {
+        const dx = pos.x - area.center.x;
+        const dz = pos.z - area.center.z;
+        return dx * dx + dz * dz <= area.radius * area.radius;
+    }
+    return false;
+}
+/**
+ * Clamp a value to [min, max].
+ */
+function clamp(value, min, max) {
+    return Math.max(min, Math.min(max, value));
+}
+/**
+ * Place a row of agents centered horizontally within bounds, clamped.
+ */
+function placeRow(agents, z, bounds) {
+    if (agents.length === 0)
+        return [];
+    const width = bounds.maxX - bounds.minX;
+    let spacing;
+    if (agents.length === 1) {
+        spacing = 0;
+    }
+    else {
+        // Calculate ideal spacing, shrink to fit if needed
+        spacing = Math.max(MIN_SPACING, Math.min(PREFERRED_SPACING, width / (agents.length - 1)));
+    }
+    const totalWidth = spacing * (agents.length - 1);
+    const startX = (bounds.minX + bounds.maxX) / 2 - totalWidth / 2;
+    const clampedZ = clamp(z, bounds.minZ, bounds.maxZ);
+    return agents.map((agent, i) => ({
+        agentId: agent.id,
+        position: {
+            x: clamp(startX + i * spacing, bounds.minX, bounds.maxX),
+            y: 0,
+            z: clampedZ,
+        },
+    }));
+}
+/**
+ * Find buildings that are physically inside an area.
+ */
+function getBuildingsInArea(area) {
+    const allBuildings = loadBuildings();
+    return allBuildings.filter(b => isPositionInArea(b.position, area));
+}
+/**
+ * Place buildings along the top-right edge of the bounds.
+ * Returns the building positions and the remaining agent bounds (with building space excluded).
+ */
+function placeBuildingsAndShrinkBounds(buildings, bounds) {
+    if (buildings.length === 0) {
+        return { buildingLayout: [], agentBounds: bounds };
+    }
+    const width = bounds.maxX - bounds.minX;
+    const buildingSpacing = Math.max(MIN_SPACING, Math.min(PREFERRED_SPACING, width / buildings.length));
+    const buildingRowHeight = PREFERRED_SPACING;
+    // Place buildings along the top edge (minZ), right-aligned
+    const totalBuildingWidth = buildingSpacing * (buildings.length - 1);
+    const startX = bounds.maxX - totalBuildingWidth;
+    const buildingLayout = buildings.map((b, i) => ({
+        buildingId: b.id,
+        position: {
+            x: clamp(startX + i * buildingSpacing, bounds.minX, bounds.maxX),
+            z: clamp(bounds.minZ, bounds.minZ, bounds.maxZ),
+        },
+    }));
+    // Shrink agent bounds: push minZ down to make room for buildings
+    const agentBounds = {
+        ...bounds,
+        minZ: Math.min(bounds.minZ + buildingRowHeight, bounds.maxZ),
+    };
+    return { buildingLayout, agentBounds };
+}
+/**
+ * Organize agents within a single area using hierarchy-aware grid layout.
+ * Returns the new positions without applying them.
+ */
+export function calculateLayout(area, agents, buildings) {
+    const fullBounds = getAreaBounds(area);
+    const { buildingLayout, agentBounds } = placeBuildingsAndShrinkBounds(buildings, fullBounds);
+    if (agents.length === 0) {
+        return { organized: [], buildings: buildingLayout };
+    }
+    const usableHeight = agentBounds.maxZ - agentBounds.minZ;
+    const usableWidth = agentBounds.maxX - agentBounds.minX;
+    // Separate into hierarchy groups
+    const bosses = [];
+    const subordinatesByBoss = new Map();
+    const regulars = [];
+    const bossIdsInArea = new Set(agents.filter(a => a.isBoss).map(a => a.id));
+    for (const agent of agents) {
+        if (agent.isBoss) {
+            bosses.push(agent);
+            if (!subordinatesByBoss.has(agent.id))
+                subordinatesByBoss.set(agent.id, []);
+        }
+        else if (agent.bossId && bossIdsInArea.has(agent.bossId)) {
+            const subs = subordinatesByBoss.get(agent.bossId) || [];
+            subs.push(agent);
+            subordinatesByBoss.set(agent.bossId, subs);
+        }
+        else {
+            regulars.push(agent);
+        }
+    }
+    // Calculate max agents per row - adapt to fit
+    const maxPerRow = usableWidth <= 0
+        ? agents.length
+        : Math.max(1, Math.floor(usableWidth / MIN_SPACING) + 1);
+    // Build rows: bosses first, then subs per boss, then regulars
+    const rows = [];
+    for (let i = 0; i < bosses.length; i += maxPerRow) {
+        rows.push(bosses.slice(i, i + maxPerRow));
+    }
+    for (const boss of bosses) {
+        const subs = subordinatesByBoss.get(boss.id) || [];
+        for (let i = 0; i < subs.length; i += maxPerRow) {
+            rows.push(subs.slice(i, i + maxPerRow));
+        }
+    }
+    for (let i = 0; i < regulars.length; i += maxPerRow) {
+        rows.push(regulars.slice(i, i + maxPerRow));
+    }
+    if (rows.length === 0) {
+        return { organized: [], buildings: buildingLayout };
+    }
+    // Calculate row spacing - shrink to fit within bounds
+    let rowSpacing;
+    if (rows.length === 1) {
+        rowSpacing = 0;
+    }
+    else {
+        rowSpacing = Math.max(MIN_SPACING, Math.min(PREFERRED_SPACING, usableHeight / (rows.length - 1)));
+    }
+    // Start from top of agent bounds
+    const startZ = rows.length === 1
+        ? (agentBounds.minZ + agentBounds.maxZ) / 2
+        : agentBounds.minZ;
+    const organized = [];
+    for (let r = 0; r < rows.length; r++) {
+        const z = startZ + r * rowSpacing;
+        organized.push(...placeRow(rows[r], z, agentBounds));
+    }
+    return { organized, buildings: buildingLayout };
+}
+/**
+ * Organize agents and buildings within a single area and apply position updates.
+ */
+export function organizeArea(areaId) {
+    const areas = loadAreas();
+    const area = areas.find(a => a.id === areaId);
+    if (!area)
+        throw new Error(`Area ${areaId} not found`);
+    if (area.archived)
+        throw new Error(`Area ${areaId} is archived`);
+    const agents = area.assignedAgentIds
+        .map(id => agentService.getAgent(id))
+        .filter((a) => a !== undefined);
+    const buildings = getBuildingsInArea(area);
+    const result = calculateLayout(area, agents, buildings);
+    // Apply agent positions
+    for (const item of result.organized) {
+        agentService.updateAgent(item.agentId, { position: item.position }, false);
+    }
+    // Apply building positions
+    if (result.buildings.length > 0) {
+        const allBuildings = loadBuildings();
+        let changed = false;
+        for (const item of result.buildings) {
+            const idx = allBuildings.findIndex(b => b.id === item.buildingId);
+            if (idx !== -1) {
+                allBuildings[idx] = { ...allBuildings[idx], position: item.position };
+                changed = true;
+            }
+        }
+        if (changed)
+            saveBuildings(allBuildings);
+    }
+    log.log(`Organized ${result.organized.length} agents and ${result.buildings.length} buildings in area "${area.name}"`);
+    return result;
+}
+/**
+ * Organize all non-archived areas.
+ */
+export function organizeAllAreas() {
+    const areas = loadAreas();
+    const results = [];
+    for (const area of areas) {
+        if (area.archived)
+            continue;
+        // Organize even if no assigned agents — buildings may still need layout
+        try {
+            const result = organizeArea(area.id);
+            if (result.organized.length > 0 || result.buildings.length > 0) {
+                results.push({ areaId: area.id, areaName: area.name, ...result });
+            }
+        }
+        catch (err) {
+            log.error(`Failed to organize area "${area.name}": ${err.message}`);
+        }
+    }
+    return results;
+}

package/dist/src/packages/server/services/workspace-service.js

@@ -0,0 +1,104 @@
+/**
+ * Workspace Service
+ * Manages workspaces - named groups of areas for filtering agent views
+ */
+import * as fs from 'fs';
+import * as path from 'path';
+import * as os from 'os';
+import * as crypto from 'crypto';
+import { createLogger } from '../utils/logger.js';
+const log = createLogger('Workspaces');
+const DATA_DIR = path.join(process.env.XDG_DATA_HOME || path.join(os.homedir(), '.local', 'share'), 'tide-commander');
+const WORKSPACES_FILE = path.join(DATA_DIR, 'workspaces.json');
+function ensureDataDir() {
+    if (!fs.existsSync(DATA_DIR)) {
+        fs.mkdirSync(DATA_DIR, { recursive: true });
+    }
+}
+function loadData() {
+    ensureDataDir();
+    try {
+        if (fs.existsSync(WORKSPACES_FILE)) {
+            return JSON.parse(fs.readFileSync(WORKSPACES_FILE, 'utf-8'));
+        }
+    }
+    catch (error) {
+        log.error(`Failed to load workspaces: ${error.message}`);
+    }
+    return { workspaces: [], activeWorkspaceId: null };
+}
+function saveData(data) {
+    ensureDataDir();
+    fs.writeFileSync(WORKSPACES_FILE, JSON.stringify(data, null, 2), 'utf-8');
+}
+export function getWorkspaces() {
+    return loadData().workspaces;
+}
+export function getWorkspace(id) {
+    const data = loadData();
+    return data.workspaces.find(w => w.id === id) || null;
+}
+export function createWorkspace(name, areaIds) {
+    const data = loadData();
+    const now = Date.now();
+    const workspace = {
+        id: crypto.randomUUID(),
+        name,
+        areaIds,
+        createdAt: now,
+        updatedAt: now,
+    };
+    data.workspaces.push(workspace);
+    saveData(data);
+    log.log(`Created workspace "${name}" with ${areaIds.length} areas`);
+    return workspace;
+}
+export function updateWorkspace(id, updates) {
+    const data = loadData();
+    const index = data.workspaces.findIndex(w => w.id === id);
+    if (index === -1)
+        return null;
+    const workspace = data.workspaces[index];
+    if (updates.name !== undefined)
+        workspace.name = updates.name;
+    if (updates.areaIds !== undefined)
+        workspace.areaIds = updates.areaIds;
+    if (updates.cameraState !== undefined)
+        workspace.cameraState = updates.cameraState;
+    if (updates.cameraState2d !== undefined)
+        workspace.cameraState2d = updates.cameraState2d;
+    workspace.updatedAt = Date.now();
+    data.workspaces[index] = workspace;
+    saveData(data);
+    log.log(`Updated workspace "${workspace.name}"`);
+    return workspace;
+}
+export function deleteWorkspace(id) {
+    const data = loadData();
+    const before = data.workspaces.length;
+    data.workspaces = data.workspaces.filter(w => w.id !== id);
+    if (data.workspaces.length === before)
+        return false;
+    // Clear active if deleted
+    if (data.activeWorkspaceId === id) {
+        data.activeWorkspaceId = null;
+    }
+    saveData(data);
+    log.log(`Deleted workspace ${id}`);
+    return true;
+}
+export function getActiveWorkspace() {
+    return loadData().activeWorkspaceId;
+}
+export function setActiveWorkspace(id) {
+    const data = loadData();
+    if (id !== null) {
+        const exists = data.workspaces.some(w => w.id === id);
+        if (!exists) {
+            throw new Error(`Workspace ${id} not found`);
+        }
+    }
+    data.activeWorkspaceId = id;
+    saveData(data);
+    log.log(`Active workspace set to: ${id ?? 'none (show all)'}`);
+}

package/package.json

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

package/dist/assets/BossSpawnModal-CSO1bYxA.js

@@ -1 +0,0 @@
-import{u as $e,f as Ae,G as Le,E as Ee,r as t,J as De,S as se,p as _e,K as R,A as ae,X as O,Y as j,j as s,M as Be,O as Ie,P,U as A,V as L,W as Re,s as Oe}from"./main-Cjm0d8dZ.js";import"./modulepreload-polyfill-B5Qt9EMX.js";import"./vendor-react--Eh9ivFN.js";import"./vendor-three-Chj50gSY.js";function ne(p){const h=j.filter(S=>!p.has(`Boss ${S}`));return h.length===0?`Boss ${j[Math.floor(Math.random()*j.length)]}-${Date.now()%1e3}`:`Boss ${h[Math.floor(Math.random()*h.length)]}`}function Ue({isOpen:p,onClose:h,onSpawnStart:S,onSpawnEnd:E,spawnPosition:le}){const{t:n}=$e(["terminal","common"]),{agents:g}=Ae(),o=Le(),C=Ee(),[r,d]=t.useState(""),[k,te]=t.useState(()=>De(se.LAST_CWD)),[c,D]=t.useState("boss"),[T,q]=t.useState(!1),[ie,M]=t.useState(!1),[F,ce]=t.useState(!0),[U,oe]=t.useState("bypass"),[m,W]=t.useState("claude"),[f,N]=t.useState({fullAuto:!0,sandbox:"workspace-write",approvalMode:"on-request",search:!1}),[G,re]=t.useState("haiku"),[K,de]=t.useState("gpt-5.3-codex"),[v,y]=t.useState(new Set),[z,_]=t.useState(new Set),[u,ue]=t.useState(""),[b,pe]=t.useState(""),[J,me]=t.useState(""),$=t.useRef(null),B=t.useRef(!1),H=t.useRef(!1),x=t.useMemo(()=>C.filter(e=>e.enabled),[C]),X=t.useMemo(()=>{if(!b.trim())return x;const e=b.toLowerCase();return x.filter(a=>a.name.toLowerCase().includes(e)||a.description.toLowerCase().includes(e)||a.slug.toLowerCase().includes(e))},[x,b]),he=t.useMemo(()=>{var a;const e=o.find(l=>l.id===c);return(a=e==null?void 0:e.defaultSkillIds)!=null&&a.length?C.filter(l=>e.defaultSkillIds.includes(l.id)):[]},[o,c,C]),we=["full-notifications","streaming-exec","task-label","report-task-to-boss"];t.useEffect(()=>{if(p&&!H.current&&x.length>0){const a=x.filter(l=>we.includes(l.slug)).map(l=>l.id);a.length>0&&_(new Set(a))}H.current=p},[p,x]);const xe=t.useCallback(e=>{_(a=>{const l=new Set(a);return l.has(e)?l.delete(e):l.add(e),l})},[]),i=t.useMemo(()=>o.find(e=>e.id===c),[o,c]),fe=t.useMemo(()=>{if(i!=null&&i.model)return i.model},[i]),be=t.useMemo(()=>{if(i!=null&&i.customModelPath)return _e(`/api/custom-models/${i.id}`)},[i]),je=i==null?void 0:i.modelScale,Ne=t.useMemo(()=>i?"scout":c==="boss"?"architect":c,[c,i]),Y=Array.from(g.values()).filter(e=>!e.isBoss&&e.class!=="boss"&&!e.bossId),V=t.useMemo(()=>{if(!u.trim())return o;const e=u.toLowerCase();return o.filter(a=>a.name.toLowerCase().includes(e)||a.description.toLowerCase().includes(e)||a.id.toLowerCase().includes(e))},[o,u]),Q=t.useMemo(()=>{if(!u.trim())return R;const e=u.toLowerCase();return R.filter(a=>{const l=ae[a.id];return l?a.name.toLowerCase().includes(e)||a.id.toLowerCase().includes(e)||l.description.toLowerCase().includes(e):!1})},[u]),Z=t.useMemo(()=>{if(!u.trim())return!0;const e=u.toLowerCase(),a=O.boss;return"boss".includes(e)||a.description.toLowerCase().includes(e)},[u]);t.useEffect(()=>{if(p&&!B.current){B.current=!0;const e=new Set(Array.from(g.values()).map(l=>l.name)),a=o.find(l=>l.id===c);if(a){const l=j.filter(w=>!e.has(`${a.name} ${w}`));if(l.length===0){const w=j[Math.floor(Math.random()*j.length)];d(`${a.name} ${w}-${Date.now()%1e3}`)}else d(`${a.name} ${l[Math.floor(Math.random()*l.length)]}`)}else d(ne(e));y(new Set),$.current&&($.current.focus(),$.current.select())}else p||(B.current=!1)},[p,g]),t.useEffect(()=>{if(!p)return;const e=o.find(a=>a.id===c);if(e)if(r.startsWith("Boss ")){const a=r.substring(5);d(`${e.name} ${a}`)}else{const a=o.find(l=>r.startsWith(l.name+" "));if(a){const l=r.substring(a.name.length+1);d(`${e.name} ${l}`)}else d(`${e.name} ${r}`)}else{const a=o.find(l=>r.startsWith(l.name+" "));if(a){const l=r.substring(a.name.length+1);d(`Boss ${l}`)}else r.startsWith("Boss ")||d(`Boss ${r}`)}},[c]);const ve=()=>{if(M(!1),!k.trim()){M(!0);return}if(!r.trim()){const l=new Set(Array.from(g.values()).map(w=>w.name));d(ne(l));return}Re(se.LAST_CWD,k),S();const e=J.trim()||void 0,a=Array.from(z);Oe.spawnBossAgent(r.trim(),c,k.trim(),le||void 0,Array.from(v),m==="claude"?F:!1,U,m,m==="codex"?f:void 0,m==="codex"?K:void 0,m==="claude"?G:void 0,e,a),d(""),y(new Set),_(new Set),E(),h()},Se=()=>{q(!1),d(""),y(new Set),E(),h()},ge=()=>{q(!1),M(!0),E()};t.useEffect(()=>(window.__bossSpawnModalSuccess=Se,window.__bossSpawnModalError=ge,()=>{delete window.__bossSpawnModalSuccess,delete window.__bossSpawnModalError}),[r]);const Ce=e=>{e.target===e.currentTarget&&h()},ke=e=>{e.key==="Escape"&&h()},Me=e=>{const a=new Set(v);a.has(e)?a.delete(e):a.add(e),y(a)};if(!p)return null;const I=O.boss;return s.jsx("div",{className:`modal-overlay ${p?"visible":""}`,onClick:Ce,onKeyDown:ke,children:s.jsxs("div",{className:"modal boss-spawn-modal",children:[s.jsxs("div",{className:"modal-header",children:[s.jsx("span",{className:"boss-header-icon",children:I.icon}),n("terminal:spawn.deployBossTitle")]}),s.jsxs("div",{className:"modal-body spawn-modal-body",children:[s.jsxs("div",{className:"spawn-top-section",children:[s.jsx("div",{className:"spawn-preview-compact",children:s.jsx(Be,{agentClass:Ne,modelFile:fe,customModelUrl:be,modelScale:je,width:100,height:120})}),s.jsxs("div",{className:"spawn-class-section",children:[s.jsx("div",{className:"spawn-class-label",children:n("terminal:spawn.bossClass")}),o.length+R.length+1>6&&s.jsx("input",{type:"text",className:"spawn-input class-search-input",placeholder:n("terminal:spawn.filterClasses"),value:u,onChange:e=>ue(e.target.value)}),s.jsxs("div",{className:"class-selector-inline",children:[V.map(e=>s.jsxs("button",{className:`class-chip ${c===e.id?"selected":""}`,onClick:()=>D(e.id),title:e.description,children:[s.jsx("span",{className:"class-chip-icon",children:e.icon}),s.jsx("span",{className:"class-chip-name",children:e.name})]},e.id)),Z&&s.jsxs("button",{className:`class-chip ${c==="boss"?"selected":""}`,onClick:()=>D("boss"),title:I.description,children:[s.jsx("span",{className:"class-chip-icon",children:I.icon}),s.jsx("span",{className:"class-chip-name",children:n("terminal:spawn.bossClassName")})]}),Q.map(e=>{const a=ae[e.id];return a?s.jsxs("button",{className:`class-chip ${c===e.id?"selected":""}`,onClick:()=>D(e.id),title:a.description,children:[s.jsx("span",{className:"class-chip-icon",children:a.icon}),s.jsx("span",{className:"class-chip-name",children:e.name})]},e.id):null}),u&&V.length===0&&!Z&&Q.length===0&&s.jsx("div",{className:"class-search-empty",children:n("terminal:spawn.noClassesMatch",{query:u})})]})]})]}),s.jsxs("div",{className:"spawn-form-section",children:[s.jsxs("div",{className:"spawn-form-row",children:[s.jsxs("div",{className:"spawn-field",children:[s.jsx("label",{className:"spawn-label",children:n("common:labels.name")}),s.jsx("input",{ref:$,type:"text",className:"spawn-input",placeholder:n("terminal:spawn.bossNamePlaceholder"),value:r,onChange:e=>d(e.target.value)})]}),s.jsxs("div",{className:"spawn-field spawn-field-wide",children:[s.jsx("label",{className:"spawn-label",children:n("terminal:spawn.workingDir")}),s.jsx(Ie,{value:k,onChange:e=>{te(e),M(!1)},placeholder:n("terminal:spawn.workingDirPlaceholder"),className:"spawn-input",hasError:ie,directoriesOnly:!0})]})]}),s.jsxs("div",{className:"spawn-form-row",children:[s.jsxs("div",{className:"spawn-field",children:[s.jsx("label",{className:"spawn-label",children:n("common:labels.runtime")}),s.jsxs("div",{className:"spawn-select-row",children:[s.jsxs("button",{className:`spawn-select-btn ${m==="claude"?"selected":""}`,onClick:()=>W("claude"),title:n("terminal:spawn.useClaudeCli"),children:[s.jsx("img",{src:"/assets/claude.ico",alt:"Claude",className:"spawn-provider-icon"}),s.jsx("span",{children:"Claude"})]}),s.jsxs("button",{className:`spawn-select-btn ${m==="codex"?"selected":""}`,onClick:()=>W("codex"),title:n("terminal:spawn.useCodexCli"),children:[s.jsx("img",{src:"/assets/codex.ico",alt:"Codex",className:"spawn-provider-icon"}),s.jsx("span",{children:"Codex"})]})]})]}),s.jsxs("div",{className:"spawn-field",children:[s.jsx("label",{className:"spawn-label",children:n("common:labels.permissions")}),s.jsx("div",{className:"spawn-select-row",children:Object.keys(P).map(e=>s.jsxs("button",{className:`spawn-select-btn ${U===e?"selected":""}`,onClick:()=>oe(e),title:P[e].description,children:[s.jsx("span",{children:e==="bypass"?"⚡":"🔐"}),s.jsx("span",{children:P[e].label})]},e))})]})]}),s.jsxs("div",{className:"spawn-form-row",children:[s.jsxs("div",{className:"spawn-field",children:[s.jsx("label",{className:"spawn-label",children:n("common:labels.model")}),m==="claude"?s.jsx("div",{className:"spawn-select-row",children:Object.keys(A).map(e=>s.jsxs("button",{className:`spawn-select-btn ${G===e?"selected":""}`,onClick:()=>re(e),title:A[e].description,children:[s.jsx("span",{children:A[e].icon}),s.jsx("span",{children:A[e].label})]},e))}):m==="codex"?s.jsx("div",{className:"spawn-select-row spawn-select-row--codex-models",children:Object.keys(L).map(e=>s.jsxs("button",{className:`spawn-select-btn ${K===e?"selected":""}`,onClick:()=>de(e),title:L[e].description,children:[s.jsx("span",{children:L[e].icon}),s.jsx("span",{children:L[e].label})]},e))}):s.jsx("div",{className:"spawn-inline-hint",children:n("terminal:spawn.codex.configuration")})]}),s.jsxs("div",{className:"spawn-field",children:[s.jsx("label",{className:"spawn-label",children:n("common:labels.browser")}),s.jsx("div",{className:"spawn-form-row spawn-options-row",children:s.jsxs("label",{className:"spawn-checkbox",children:[s.jsx("input",{type:"checkbox",checked:F,onChange:e=>ce(e.target.checked),disabled:m!=="claude"}),s.jsx("span",{children:n("terminal:spawn.chromeBrowser")})]})})]})]}),m==="codex"&&s.jsx("div",{className:"spawn-form-row",children:s.jsxs("div",{className:"spawn-field",children:[s.jsx("label",{className:"spawn-label",children:n("terminal:spawn.codex.config")}),s.jsxs("div",{className:"spawn-options-row",style:{display:"flex",flexDirection:"column",gap:8},children:[s.jsxs("label",{className:"spawn-checkbox",children:[s.jsx("input",{type:"checkbox",checked:f.fullAuto!==!1,onChange:e=>N(a=>({...a,fullAuto:e.target.checked}))}),s.jsx("span",{children:n("terminal:spawn.codex.useFullAuto")})]}),s.jsxs("label",{className:"spawn-checkbox",children:[s.jsx("input",{type:"checkbox",checked:!!f.search,onChange:e=>N(a=>({...a,search:e.target.checked}))}),s.jsx("span",{children:n("terminal:spawn.codex.enableSearch")})]}),f.fullAuto===!1&&s.jsxs(s.Fragment,{children:[s.jsxs("select",{className:"spawn-input",value:f.sandbox||"workspace-write",onChange:e=>N(a=>({...a,sandbox:e.target.value})),children:[s.jsx("option",{value:"read-only",children:n("terminal:spawn.codex.sandboxReadOnly")}),s.jsx("option",{value:"workspace-write",children:n("terminal:spawn.codex.sandboxWorkspaceWrite")}),s.jsx("option",{value:"danger-full-access",children:n("terminal:spawn.codex.sandboxDangerFullAccess")})]}),s.jsxs("select",{className:"spawn-input",value:f.approvalMode||"on-request",onChange:e=>N(a=>({...a,approvalMode:e.target.value})),children:[s.jsx("option",{value:"untrusted",children:n("terminal:spawn.codex.approvalsUntrusted")}),s.jsx("option",{value:"on-failure",children:n("terminal:spawn.codex.approvalsOnFailure")}),s.jsx("option",{value:"on-request",children:n("terminal:spawn.codex.approvalsOnRequest")}),s.jsx("option",{value:"never",children:n("terminal:spawn.codex.approvalsNever")})]})]}),s.jsx("input",{type:"text",className:"spawn-input",placeholder:n("terminal:spawn.codex.profileOptional"),value:f.profile||"",onChange:e=>N(a=>({...a,profile:e.target.value||void 0}))})]})]})}),x.length>0&&s.jsxs("div",{className:"spawn-skills-section",children:[s.jsxs("label",{className:"spawn-label",children:[n("terminal:spawn.skills")," ",s.jsxs("span",{className:"spawn-label-hint",children:["(",n("common:labels.optional"),")"]})]}),x.length>6&&s.jsx("input",{type:"text",className:"spawn-input skill-search-input",placeholder:n("terminal:spawn.filterSkills"),value:b,onChange:e=>pe(e.target.value)}),s.jsxs("div",{className:"spawn-skills-inline",children:[X.map(e=>{const a=z.has(e.id);return he.some(w=>w.id===e.id)?null:s.jsxs("button",{className:`spawn-skill-chip ${a?"selected":""}`,onClick:()=>xe(e.id),title:e.description,children:[a&&s.jsx("span",{className:"spawn-skill-check",children:"✓"}),s.jsx("span",{children:e.name}),e.builtin&&s.jsx("span",{className:"spawn-skill-builtin",children:"TC"})]},e.id)}),b&&X.length===0&&s.jsx("div",{className:"skill-search-empty",children:n("terminal:spawn.noSkillsMatch",{query:b})})]})]}),s.jsxs("div",{className:"spawn-custom-instructions-section",children:[s.jsxs("label",{className:"spawn-label",children:[n("terminal:spawn.customInstructions")," ",s.jsxs("span",{className:"spawn-label-hint",children:["(",n("common:labels.optional"),")"]})]}),s.jsx("textarea",{className:"spawn-input spawn-textarea",placeholder:n("terminal:spawn.customInstructionsBossPlaceholder"),value:J,onChange:e=>me(e.target.value),rows:3})]}),s.jsxs("div",{className:"spawn-subordinates-section",children:[s.jsxs("label",{className:"spawn-label",children:[n("terminal:spawn.initialSubordinates")," ",s.jsxs("span",{className:"spawn-label-hint",children:["(",n("common:labels.optional"),")"]})]}),s.jsx("div",{className:"subordinates-selector-compact",children:Y.length===0?s.jsx("div",{className:"subordinates-empty",children:n("terminal:spawn.noAvailableAgents")}):Y.map(e=>{const a=v.has(e.id),l=O[e.class],w=o.find(ye=>ye.id===e.class),ee=l||w||{icon:"🤖",color:"#888888"};return s.jsxs("button",{className:`subordinate-chip ${a?"selected":""}`,onClick:()=>Me(e.id),children:[a&&s.jsx("span",{className:"subordinate-check",children:"✓"}),s.jsx("span",{className:"subordinate-chip-icon",style:{color:ee.color},children:ee.icon}),s.jsx("span",{className:"subordinate-chip-name",children:e.name})]},e.id)})}),v.size>0&&s.jsxs("div",{className:"subordinates-count",children:[v.size," ",n("common:labels.selected").toLowerCase()]})]})]})]}),s.jsxs("div",{className:"modal-footer",children:[s.jsx("button",{className:"btn btn-secondary",onClick:h,children:n("common:buttons.cancel")}),s.jsx("button",{className:"btn btn-boss",onClick:ve,disabled:T,children:n(T?"common:buttons.deploying":"common:buttons2.deployBoss")})]})]})})}export{Ue as BossSpawnModal};