comisai 1.0.37 → 1.0.41

package/node_modules/@comis/web/dist/assets/skills-LNGRvGqi.js

@@ -0,0 +1,317 @@
+import{c as e,f as t,h as n,l as r,n as i,o as a,r as o,s,t as c,u as l}from"./decorate-BvWYovGE.js";import{a as u,n as d,r as f,s as p}from"./system-time-B0nBw4nV.js";import{a as m,i as h}from"./index-D_ZV_sV5.js";import"./ic-tag-CKh2gHHX.js";import"./ic-confirm-dialog-Wdt0QSRg.js";import"./ic-search-input-BpNiR0Fq.js";import"./ic-empty-state-BRy4ZXds.js";import"./ic-tabs-BM8xZY4a.js";var g={read:`Read file contents with line numbers and pagination`,write:`Write or overwrite files; auto-creates parent directories`,edit:`Surgical search-and-replace on files (exact text match)`,grep:`Regex search across files (ripgrep-based)`,find:`Find files by glob pattern (fd-based)`,ls:`List directory contents alphabetically`,exec:`Shell command execution with foreground/background modes`,process:`Background process management (list, kill, status, log)`,webSearch:`Multi-provider web search (Brave, DuckDuckGo, Perplexity, Grok, Tavily, Exa, Jina, SearXNG)`,webFetch:`Fetch and extract content from URLs (markdown, text, readability modes)`,browser:`Headless browser control (requires Playwright/Chromium)`},_={webSearch:[`freshness: pd (past day), pw (past week), pm (past month), py (past year), or YYYY-MM-DDtoYYYY-MM-DD`,`deepFetch: 0-5 - auto-fetch full page content for top N results`,`provider: override search provider per call`]},v=[{label:`File Operations`,tools:[`read`,`write`,`edit`,`find`,`ls`]},{label:`Execution`,tools:[`exec`,`process`]},{label:`Search`,tools:[`grep`]},{label:`Web`,tools:[`webSearch`,`webFetch`,`browser`]}],y={minimal:[`exec`],coding:[`read`,`write`,`edit`,`grep`,`find`,`ls`,`exec`,`process`],messaging:[`exec`,`webSearch`,`webFetch`],supervisor:[`read`,`write`,`edit`,`grep`,`find`,`ls`,`exec`,`process`,`webSearch`,`webFetch`],full:[...v.flatMap(e=>e.tools)]},b={memory_search:`Semantic hybrid search across memory and session transcripts`,memory_get:`Read specific memory file sections by path with line ranges`,memory_store:`Store facts, preferences, or context in long-term memory`,memory_manage:`Stats, browse, delete, flush, and export memory entries`,session_status:`View current session model, token usage, and duration`,sessions_list:`List active sessions filtered by kind and recency`,sessions_history:`View conversation history for a session with pagination`,sessions_send:`Send a message into another session (fire-and-forget, wait, or ping-pong)`,sessions_spawn:`Spawn a sub-agent session for background work (sync or async)`,sessions_manage:`Delete, reset, export, or compact session lifecycles`,agents_manage:`List, create, inspect, update, suspend/resume, and delete agents`,subagents:`List, kill, or steer running sub-agents`,message:`Send, reply, react, edit, delete, and fetch messages across all channels`,discord_action:`Pin/unpin, kick/ban, roles, threads, channels, bot presence`,telegram_action:`Pin/unpin, polls, stickers, chat info, ban/promote members`,slack_action:`Pin/unpin, topics, archive, create channels, invite/kick, bookmarks`,whatsapp_action:`Group info, participants, settings, invite codes, profile status`,image_analyze:`Analyze images using vision AI from files, URLs, or base64`,tts_synthesize:`Generate speech audio from text via configured TTS provider`,transcribe_audio:`Transcribe audio/voice attachments to text with language hints`,describe_video:`Generate text descriptions of video attachments`,extract_document:`Extract text from PDF, CSV, TXT, and other document formats`,cron:`Create, list, update, remove, and trigger scheduled jobs`,gateway:`Read/patch config, set secrets, restart, rollback, and status`,browser:`Headless browser: navigate, snapshot, screenshot, click, type, tabs`,obs_query:`Query diagnostics, billing, delivery traces, and channel activity`,models_manage:`List available models and test provider availability`,tokens_manage:`List, create, revoke, and rotate gateway auth tokens`,channels_manage:`List, enable, disable, and restart channel adapters`,skills_manage:`List, import from GitHub, and delete prompt skills`},x=[{label:`MEMORY`,tools:[`memory_search`,`memory_get`,`memory_store`,`memory_manage`]},{label:`SESSIONS`,tools:[`session_status`,`sessions_list`,`sessions_history`,`sessions_send`,`sessions_spawn`,`sessions_manage`]},{label:`AGENTS`,tools:[`agents_manage`,`subagents`]},{label:`MESSAGING`,tools:[`message`,`discord_action`,`telegram_action`,`slack_action`,`whatsapp_action`]},{label:`MEDIA`,tools:[`image_analyze`,`tts_synthesize`,`transcribe_audio`,`describe_video`,`extract_document`]},{label:`INFRASTRUCTURE`,tools:[`cron`,`gateway`,`browser`,`obs_query`]},{label:`FLEET MANAGEMENT`,tools:[`models_manage`,`tokens_manage`,`channels_manage`,`skills_manage`]}],S=[{id:`tools`,label:`Built-in Tools`},{id:`skills`,label:`Prompt Skills`}];function C(e){let t=e.match(/\/workspace-([^/]+)\/skills\//);return t?t[1]:/\/workspace\/skills\//.test(e)?`default`:``}function w(e,t,n){let r=Object.freeze({loadState:`loading`,error:``,activeTab:`tools`,skillsConfig:null,discoveredSkills:[],targetAgentId:``,agentIds:[],skillScope:`all`,defaultAgentId:`default`,searchQuery:``,importUrl:``,isImportingSkill:!1,isUploadingSkill:!1,deletingSkill:null,installAgent:``,installScope:`shared`,newAllowedSkill:``,newDeniedSkill:``,newPolicyAllow:``,newPolicyDeny:``,recentSkillEvents:[]});function i(t){r=Object.freeze({...r,...t}),e.requestUpdate()}let a=null,o=null,s=!1,c=null;function l(e=300){c!==null&&d(c),c=p(()=>{c=null,_.loadData()},e)}function f(){!n||a||(a=new h(e,n,{"skill:loaded":()=>{l()},"skill:registry_reset":()=>{l()},"agent:hot_added":()=>{l()},"agent:hot_removed":()=>{l()},"skill:executed":e=>{let t=e;i({recentSkillEvents:[{skillName:t.skillName??`unknown`,agentId:t.agentId??``,timestamp:t.timestamp??u(),outcome:`executed`},...r.recentSkillEvents].slice(0,50)})},"skill:rejected":e=>{let t=e;i({recentSkillEvents:[{skillName:t.skillName??`unknown`,agentId:t.agentId??``,timestamp:t.timestamp??u(),outcome:`rejected`,reason:t.reason},...r.recentSkillEvents].slice(0,50)})}}))}async function g(e,n){try{let r=e.indexOf(`.`),i=r>0?e.slice(0,r):e,a=r>0?e.slice(r+1):void 0;return await t.call(`config.patch`,{section:i,key:a,value:n}),m.show(`Configuration updated`,`success`),!0}catch(e){let t=e instanceof Error?e.message:`Failed to update configuration`;return m.show(t,`error`),!1}}let _={hostConnected(){f(),_.tryLoad()},hostDisconnected(){o?.(),o=null,c!==null&&(d(c),c=null)},getSnapshot(){return r},tryLoad(){o?.(),t.status===`connected`?_.loadData():o=t.onStatusChange(e=>{e===`connected`&&!s&&_.loadData()})},async loadData(){i({loadState:`loading`,error:``});try{let e=await t.call(`config.read`),n=e.config?.agents,a=n?Object.keys(n):[],o=r.targetAgentId,c=a[0];o&&c&&!a.includes(o)&&(o=c);let l=e.config?.routing?.defaultAgentId??`default`,u=o&&a.includes(o)?n[o].skills??null:null;s=!0,i({agentIds:a,targetAgentId:o,defaultAgentId:l,skillsConfig:u,loadState:`loaded`}),o?t.call(`skills.list`,{agentId:o}).then(e=>{i({discoveredSkills:e.skills??[]})}).catch(()=>{i({discoveredSkills:[]})}):Promise.allSettled(a.map(e=>t.call(`skills.list`,{agentId:e}))).then(e=>{let t=new Map;for(let n of e)if(n.status===`fulfilled`)for(let e of n.value.skills??[]){let n=e.source===`local`?e.name:`${e.name}:${e.location}`;t.has(n)||t.set(n,e)}i({discoveredSkills:[...t.values()]})})}catch(e){i({error:e instanceof Error?e.message:`Failed to load skills configuration`,loadState:`error`})}},async refreshSkills(){try{i({discoveredSkills:(await t.call(`skills.list`,{agentId:r.targetAgentId})).skills??[]})}catch{}},async onToolToggle(e,t){await g(`agents.${r.targetAgentId}.skills`,{builtinTools:{[e]:t}})&&r.skillsConfig&&i({skillsConfig:{...r.skillsConfig,builtinTools:{...r.skillsConfig.builtinTools,[e]:t}}})},async onPromptFieldChange(e,t){await g(`agents.${r.targetAgentId}.skills`,{promptSkills:{[e]:t}})&&r.skillsConfig&&i({skillsConfig:{...r.skillsConfig,promptSkills:{...r.skillsConfig.promptSkills,[e]:t}}})},async addToList(e,t){if(!t.trim()||!r.skillsConfig)return;let n=[...r.skillsConfig.promptSkills[e]];if(n.includes(t.trim()))return;let a=[...n,t.trim()];await g(`agents.${r.targetAgentId}.skills`,{promptSkills:{[e]:a}})&&r.skillsConfig&&i({skillsConfig:{...r.skillsConfig,promptSkills:{...r.skillsConfig.promptSkills,[e]:a}}})},async removeFromList(e,t){if(!r.skillsConfig)return;let n=r.skillsConfig.promptSkills[e].filter(e=>e!==t);await g(`agents.${r.targetAgentId}.skills`,{promptSkills:{[e]:n}})&&r.skillsConfig&&i({skillsConfig:{...r.skillsConfig,promptSkills:{...r.skillsConfig.promptSkills,[e]:n}}})},async onAgentChange(e){i({targetAgentId:e,skillScope:`all`}),await _.loadData()},async handleFolderSelected(e){let n=e.files;if(!n||n.length===0)return;let a=n[0].webkitRelativePath.split(`/`)[0];if(!a){m.show(`Could not determine folder name`,`error`);return}i({isUploadingSkill:!0});try{let e=[];for(let t of Array.from(n)){let n=t.webkitRelativePath.split(`/`).slice(1).join(`/`);if(!n)continue;let r=await t.text();e.push({path:n,content:r})}if(e.length===0){m.show(`No files found in folder`,`error`);return}await t.call(`skills.upload`,{name:a,files:e,agentId:r.installScope===`agent`?r.installAgent:r.defaultAgentId,scope:r.installScope===`shared`?`shared`:`local`}),m.show(`Skill "${a}" uploaded`,`success`),await _.refreshSkills()}catch(e){m.show(`Failed to upload skill: ${e instanceof Error?e.message:`Unknown error`}`,`error`)}finally{i({isUploadingSkill:!1}),e.value=``}},async handleImportSkill(){let e=r.importUrl.trim();if(!(!e||r.isImportingSkill)){i({isImportingSkill:!0});try{let n=await t.call(`skills.import`,{url:e,agentId:r.installScope===`agent`?r.installAgent:r.defaultAgentId,scope:r.installScope===`shared`?`shared`:`local`});m.show(`Skill "${n.name}" imported (${n.fileCount} files)`,`success`),i({importUrl:``}),await _.refreshSkills()}catch(e){m.show(`Failed to import skill: ${e instanceof Error?e.message:`Unknown error`}`,`error`)}finally{i({isImportingSkill:!1})}}},handleDeleteSkill(e){r.deletingSkill||i({deletingSkill:e})},async confirmDeleteSkill(){if(!r.deletingSkill)return;let e=r.deletingSkill;try{let n=C(r.discoveredSkills.find(t=>t.name===e)?.location??``);await t.call(`skills.delete`,{name:e,agentId:n||r.defaultAgentId,scope:n?`local`:`shared`}),m.show(`Skill "${e}" deleted`,`success`),i({deletingSkill:null}),await _.refreshSkills()}catch(e){m.show(`Failed to delete skill: ${e instanceof Error?e.message:`Unknown error`}`,`error`),i({deletingSkill:null})}},cancelDeleteSkill(){i({deletingSkill:null})},async onProfileChange(e){r.skillsConfig&&await g(`agents.${r.targetAgentId}.skills`,{toolPolicy:{...r.skillsConfig.toolPolicy,profile:e}})&&r.skillsConfig&&i({skillsConfig:{...r.skillsConfig,toolPolicy:{...r.skillsConfig.toolPolicy,profile:e}}})},async addPolicyItem(e,t){if(!t.trim()||!r.skillsConfig)return;let n=[...r.skillsConfig.toolPolicy[e]];if(n.includes(t.trim()))return;let a=[...n,t.trim()];await g(`agents.${r.targetAgentId}.skills`,{toolPolicy:{...r.skillsConfig.toolPolicy,[e]:a}})&&r.skillsConfig&&i({skillsConfig:{...r.skillsConfig,toolPolicy:{...r.skillsConfig.toolPolicy,[e]:a}}})},async removePolicyItem(e,t){if(!r.skillsConfig)return;let n=r.skillsConfig.toolPolicy[e].filter(e=>e!==t);await g(`agents.${r.targetAgentId}.skills`,{toolPolicy:{...r.skillsConfig.toolPolicy,[e]:n}})&&r.skillsConfig&&i({skillsConfig:{...r.skillsConfig,toolPolicy:{...r.skillsConfig.toolPolicy,[e]:n}}})},getResolvedTools(){if(!r.skillsConfig)return{included:[],denied:[]};let e=r.skillsConfig.toolPolicy,t=y[e.profile]??[],n=new Set([...t,...e.allow]),i=new Set(e.deny);return{included:[...n].filter(e=>!i.has(e)),denied:[...n].filter(e=>i.has(e))}},setActiveTab(e){i({activeTab:e})},setSearchQuery(e){i({searchQuery:e})},setSkillScope(e){i({skillScope:e})},setImportUrl(e){i({importUrl:e})},setInstallAgent(e){i({installAgent:e})},setInstallScope(e){i({installScope:e})},setNewAllowedSkill(e){i({newAllowedSkill:e})},setNewDeniedSkill(e){i({newDeniedSkill:e})},setNewPolicyAllow(e){i({newPolicyAllow:e})},setNewPolicyDeny(e){i({newPolicyDeny:e})}};return e.addController(_),_}var T=class extends r{constructor(...e){super(...e),this.apiClient=null,this.rpcClient=null,this.eventDispatcher=null,this._controller=null}static{this.styles=[o,i,n`
+      :host { display: block; }
+      .view-header { margin-bottom: var(--ic-space-lg); }
+      .view-title { font-size: 1.125rem; font-weight: 600; }
+      /* Loading & error states */
+      .state-container { display: flex; align-items: center; justify-content: center; padding: 3rem; }
+      .error-container { display: flex; flex-direction: column; align-items: center; gap: 0.75rem; padding: 3rem; }
+      .error-message { color: var(--ic-error); font-size: var(--ic-text-sm); }
+      .retry-btn { padding: 0.5rem 1rem; background: var(--ic-surface-2); border: 1px solid var(--ic-border); border-radius: var(--ic-radius-md); color: var(--ic-text-muted); font-size: var(--ic-text-sm); cursor: pointer; font-family: inherit; }
+      .retry-btn:hover { background: var(--ic-border); }
+      /* Category headers */
+      .category-header { font-size: var(--ic-text-sm); font-weight: 600; color: var(--ic-text-muted); text-transform: uppercase; letter-spacing: 0.05em; margin-top: var(--ic-space-lg); margin-bottom: var(--ic-space-sm); }
+      .category-header:first-of-type { margin-top: 0; }
+      /* Tool cards grid */
+      .tool-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr)); gap: var(--ic-space-md); }
+      .tool-card { background: var(--ic-surface); border: 1px solid var(--ic-border); border-radius: var(--ic-radius-md); padding: var(--ic-space-md); display: flex; flex-direction: column; gap: var(--ic-space-xs); }
+      .tool-card-header { display: flex; align-items: center; justify-content: space-between; gap: var(--ic-space-sm); }
+      .tool-name { font-weight: 600; font-size: var(--ic-text-sm); }
+      .tool-desc { font-size: var(--ic-text-xs); color: var(--ic-text-dim); line-height: 1.4; }
+      .tool-params { font-size: var(--ic-text-xs); color: var(--ic-text-dim); margin-top: var(--ic-space-xs); padding-left: var(--ic-space-sm); border-left: 2px solid var(--ic-border); }
+      .tool-params li { list-style: none; padding: 1px 0; font-family: var(--ic-font-mono, monospace); font-size: 0.7rem; }
+      /* Tool status hint */
+      .tool-hint { font-size: var(--ic-text-xs); color: var(--ic-text-dim); margin-top: var(--ic-space-sm); font-style: italic; }
+      /* Prompt skills form */
+      .form-section { display: flex; flex-direction: column; gap: var(--ic-space-md); max-width: 32rem; }
+      .form-field { display: flex; flex-direction: column; gap: var(--ic-space-xs); }
+      .form-label { font-size: var(--ic-text-sm); font-weight: 500; color: var(--ic-text-muted); }
+      .form-input { padding: 0.5rem 0.75rem; background: var(--ic-surface-2); border: 1px solid var(--ic-border); border-radius: var(--ic-radius-md); color: var(--ic-text); font-family: inherit; font-size: var(--ic-text-sm); }
+      .form-input:focus { outline: none; border-color: var(--ic-accent); }
+      .form-row { display: flex; align-items: center; gap: var(--ic-space-sm); }
+      /* Skill lists (allowed/denied) */
+      .list-section { margin-top: var(--ic-space-lg); }
+      .list-title { font-size: var(--ic-text-sm); font-weight: 600; color: var(--ic-text-muted); margin-bottom: var(--ic-space-sm); }
+      .list-items { display: flex; flex-wrap: wrap; gap: var(--ic-space-xs); margin-bottom: var(--ic-space-sm); }
+      .list-item { display: inline-flex; align-items: center; gap: var(--ic-space-xs); background: var(--ic-surface-2); border: 1px solid var(--ic-border); border-radius: var(--ic-radius-md); padding: 0.25rem 0.5rem; font-size: var(--ic-text-xs); }
+      .list-item-remove { background: none; border: none; color: var(--ic-text-dim); cursor: pointer; padding: 0; font-size: var(--ic-text-xs); line-height: 1; }
+      .list-item-remove:hover { color: var(--ic-error); }
+      .list-add-row { display: flex; gap: var(--ic-space-xs); max-width: 20rem; }
+      .list-add-input { flex: 1; padding: 0.375rem 0.5rem; background: var(--ic-surface-2); border: 1px solid var(--ic-border); border-radius: var(--ic-radius-md); color: var(--ic-text); font-family: inherit; font-size: var(--ic-text-xs); }
+      .list-add-input:focus { outline: none; border-color: var(--ic-accent); }
+      .list-add-btn { padding: 0.375rem 0.75rem; background: var(--ic-accent); color: white; border: none; border-radius: var(--ic-radius-md); font-size: var(--ic-text-xs); cursor: pointer; white-space: nowrap; }
+      .list-add-btn:hover { opacity: 0.9; }
+      .empty-list { font-size: var(--ic-text-xs); color: var(--ic-text-dim); font-style: italic; }
+      /* MCP server cards (legacy classes kept for shared style continuity) */
+      .server-list { display: flex; flex-direction: column; gap: var(--ic-space-md); }
+      .server-card { background: var(--ic-surface); border: 1px solid var(--ic-border); border-radius: var(--ic-radius-md); padding: var(--ic-space-md); display: flex; flex-direction: column; gap: var(--ic-space-sm); }
+      .server-header { display: flex; align-items: center; justify-content: space-between; gap: var(--ic-space-sm); }
+      .server-name { font-weight: 600; font-size: var(--ic-text-sm); }
+      .server-meta { display: flex; align-items: center; gap: var(--ic-space-sm); }
+      .server-command { font-family: ui-monospace, monospace; font-size: var(--ic-text-xs); color: var(--ic-text-dim); word-break: break-all; }
+      .server-remove { background: none; border: none; color: var(--ic-text-dim); cursor: pointer; padding: 0.125rem 0.25rem; font-size: var(--ic-text-sm); line-height: 1; border-radius: var(--ic-radius-sm); }
+      .server-remove:hover { color: var(--ic-error); background: var(--ic-surface-2); }
+      .server-test-btn { background: var(--ic-surface-2); border: 1px solid var(--ic-border); color: var(--ic-text-muted); cursor: pointer; padding: 0.125rem 0.5rem; font-size: var(--ic-text-xs); border-radius: var(--ic-radius-sm); }
+      .server-test-btn:hover:not(:disabled) { background: var(--ic-surface-3, var(--ic-surface)); color: var(--ic-text); }
+      .server-test-btn:disabled { opacity: 0.6; cursor: not-allowed; }
+      .server-test-result { font-size: var(--ic-text-xs); padding: 0.25rem 0.5rem; border-radius: var(--ic-radius-sm); margin-top: 0.125rem; }
+      .server-test-success { color: var(--ic-success, #22c55e); background: rgba(34, 197, 94, 0.1); }
+      .server-env-badge { display: inline-block; font-family: ui-monospace, monospace; font-size: var(--ic-text-xs); color: var(--ic-text-dim); background: rgba(147, 130, 220, 0.15); padding: 1px 6px; border-radius: 4px; margin-top: 2px; }
+      .server-test-error { color: var(--ic-error, #ef4444); background: rgba(239, 68, 68, 0.1); word-break: break-word; }
+      /* Add server form */
+      .add-server-form { background: var(--ic-surface); border: 1px solid var(--ic-border); border-radius: var(--ic-radius-md); padding: var(--ic-space-md); display: flex; flex-direction: column; gap: var(--ic-space-sm); margin-top: var(--ic-space-lg); max-width: 32rem; }
+      .add-server-title { font-size: var(--ic-text-sm); font-weight: 600; color: var(--ic-text-muted); }
+      .add-server-row { display: flex; gap: var(--ic-space-sm); flex-wrap: wrap; }
+      .add-server-input { flex: 1; min-width: 10rem; padding: 0.5rem 0.75rem; background: var(--ic-surface-2); border: 1px solid var(--ic-border); border-radius: var(--ic-radius-md); color: var(--ic-text); font-family: inherit; font-size: var(--ic-text-sm); }
+      .add-server-input:focus { outline: none; border-color: var(--ic-accent); }
+      .add-server-select { padding: 0.5rem 0.75rem; background: var(--ic-surface-2); border: 1px solid var(--ic-border); border-radius: var(--ic-radius-md); color: var(--ic-text); font-family: inherit; font-size: var(--ic-text-sm); }
+      .add-server-btn { padding: 0.5rem 1rem; background: var(--ic-accent); color: white; border: none; border-radius: var(--ic-radius-md); font-size: var(--ic-text-sm); cursor: pointer; white-space: nowrap; }
+      .add-server-btn:hover { opacity: 0.9; }
+      /* Tool policy */
+      .policy-section { max-width: 32rem; }
+      .policy-field { display: flex; flex-direction: column; gap: var(--ic-space-xs); margin-bottom: var(--ic-space-md); }
+      .policy-select { padding: 0.5rem 0.75rem; background: var(--ic-surface-2); border: 1px solid var(--ic-border); border-radius: var(--ic-radius-md); color: var(--ic-text); font-family: inherit; font-size: var(--ic-text-sm); max-width: 16rem; }
+      .policy-select:focus { outline: none; border-color: var(--ic-accent); }
+      /* Resolved tool set */
+      .resolved-section { margin-top: var(--ic-space-lg); }
+      .resolved-title { font-size: var(--ic-text-sm); font-weight: 600; color: var(--ic-text-muted); margin-bottom: var(--ic-space-sm); }
+      .resolved-tools { display: flex; flex-wrap: wrap; gap: var(--ic-space-xs); }
+      .resolved-denied { opacity: 0.4; text-decoration: line-through; }
+      /* Add Skill panel */
+      .add-skill-panel { margin-top: var(--ic-space-xl); background: var(--ic-surface); border: 1px solid var(--ic-border); border-radius: var(--ic-radius-lg); padding: var(--ic-space-lg); }
+      .add-skill-title { font-size: var(--ic-text-base); font-weight: 600; color: var(--ic-text); margin-bottom: var(--ic-space-sm); }
+      .install-target { display: flex; align-items: center; gap: var(--ic-space-sm); padding: var(--ic-space-sm) var(--ic-space-md); background: var(--ic-surface-2, #1f2937); border-radius: var(--ic-radius-md); margin-bottom: var(--ic-space-lg); flex-wrap: wrap; }
+      .install-target-label { font-size: var(--ic-text-sm); color: var(--ic-text-dim); white-space: nowrap; }
+      .install-target-select { padding: 0.25rem 0.5rem; background: var(--ic-surface); border: 1px solid var(--ic-border); border-radius: var(--ic-radius-md); color: var(--ic-text); font-size: var(--ic-text-sm); font-family: inherit; cursor: pointer; }
+      .install-target-select:focus-visible { outline: 2px solid var(--ic-accent); outline-offset: 2px; }
+      .install-target-hint { font-size: var(--ic-text-xs); color: var(--ic-text-dim); font-style: italic; }
+      .add-skill-methods { display: grid; grid-template-columns: 1fr 1fr; gap: var(--ic-space-md); }
+      @media (max-width: 767px) {
+        .add-skill-methods { grid-template-columns: 1fr; }
+      }
+      .add-skill-method { display: flex; flex-direction: column; gap: var(--ic-space-sm); }
+      .add-skill-method-title { font-size: var(--ic-text-sm); font-weight: 600; color: var(--ic-text-muted); text-transform: uppercase; letter-spacing: 0.05em; }
+      .add-skill-method-body { flex: 1; display: flex; align-items: center; }
+      .upload-skill-btn { display: block; width: 100%; padding: 0.75rem; background: var(--ic-surface); border: 2px dashed var(--ic-border); border-radius: var(--ic-radius-md); color: var(--ic-accent); font-size: var(--ic-text-sm); font-weight: 500; cursor: pointer; font-family: inherit; text-align: center; }
+      .upload-skill-btn:hover { border-color: var(--ic-accent); background: color-mix(in srgb, var(--ic-accent) 5%, var(--ic-surface)); }
+      .upload-skill-btn:disabled { opacity: 0.5; cursor: not-allowed; }
+      .upload-skill-hint { font-size: var(--ic-text-xs); color: var(--ic-text-dim); text-align: center; }
+      .import-skill-row { display: flex; gap: var(--ic-space-sm); }
+      .import-skill-row input { flex: 1; min-width: 0; padding: 0.5rem 0.75rem; background: var(--ic-surface-2); border: 1px solid var(--ic-border); border-radius: var(--ic-radius-md); color: var(--ic-text); font-family: inherit; font-size: var(--ic-text-sm); }
+      .import-skill-row input:focus { outline: none; border-color: var(--ic-accent); }
+      .import-skill-btn { padding: 0.5rem 1rem; background: var(--ic-accent); color: white; border: none; border-radius: var(--ic-radius-md); font-size: var(--ic-text-sm); font-weight: 500; cursor: pointer; white-space: nowrap; font-family: inherit; }
+      .import-skill-btn:hover { opacity: 0.9; }
+      .import-skill-btn:disabled { opacity: 0.5; cursor: not-allowed; }
+      .skill-delete-btn { background: none; border: none; color: var(--ic-text-dim); cursor: pointer; padding: 0; font-size: var(--ic-text-xs); line-height: 1; }
+      .skill-delete-btn:hover { color: var(--ic-error); }
+      /* Recent activity section (SSE live events) */
+      .recent-activity { margin-top: var(--ic-space-lg); border-top: 1px solid var(--ic-border); padding-top: var(--ic-space-lg); }
+      .recent-activity h3 { font-size: var(--ic-text-sm); font-weight: 600; color: var(--ic-text-muted); text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: var(--ic-space-sm); }
+      .recent-activity-count { font-size: var(--ic-text-xs); color: var(--ic-text-dim); font-weight: 400; text-transform: none; letter-spacing: normal; }
+      .event-list { display: flex; flex-direction: column; gap: var(--ic-space-xs); }
+      .event-entry { display: flex; align-items: center; gap: var(--ic-space-sm); padding: var(--ic-space-xs) var(--ic-space-sm); background: var(--ic-surface); border: 1px solid var(--ic-border); border-radius: var(--ic-radius-md); font-size: var(--ic-text-xs); }
+      .event-skill { font-family: var(--ic-font-mono, monospace); font-weight: 500; color: var(--ic-text); }
+      .event-agent { color: var(--ic-text-dim); }
+      .event-outcome--executed { color: #22c55e; font-weight: 500; }
+      .event-outcome--rejected { color: #ef4444; font-weight: 500; }
+      .event-reason { color: var(--ic-text-dim); font-style: italic; }
+      .event-time { margin-left: auto; color: var(--ic-text-dim); white-space: nowrap; }
+    `]}connectedCallback(){super.connectedCallback(),this.rpcClient&&(this._controller=w(this,this.rpcClient,this.eventDispatcher))}updated(e){e.has(`rpcClient`)&&this.rpcClient&&!this._controller&&(this._controller=w(this,this.rpcClient,this.eventDispatcher))}_triggerFolderUpload(){(this.shadowRoot?.querySelector(`#skill-folder-input`))?.click()}_renderToolsTab(){return t`
+      ${v.map(e=>t`
+        <div class="category-header">${e.label}</div>
+        <div class="tool-grid">
+          ${e.tools.map(e=>t`
+            <div class="tool-card">
+              <div class="tool-card-header">
+                <span class="tool-name">${e}</span>
+              </div>
+              <span class="tool-desc">${g[e]??``}</span>
+              ${_[e]?t`<ul class="tool-params">
+                ${_[e].map(e=>t`<li>${e}</li>`)}
+              </ul>`:l}
+            </div>
+          `)}
+        </div>
+      `)}
+      <p class="tool-hint">Enable or disable tools per agent in the agent editor.</p>
+      <hr style="border: none; border-top: 1px solid var(--ic-border); margin: var(--ic-space-xl) 0;" />
+      <div class="section-header" style="font-size: var(--ic-text-base); font-weight: 600; color: var(--ic-text); margin-bottom: var(--ic-space-sm);">Platform Tools</div>
+      <p class="tool-hint" style="margin-top: 0;">
+        Platform tools are always available to agents. They are governed by the tool policy and trust level.
+      </p>
+      ${x.map(e=>t`
+        <div class="category-header">${e.label}</div>
+        <div class="tool-grid">
+          ${e.tools.map(e=>t`
+            <div class="tool-card">
+              <div class="tool-card-header"><span class="tool-name">${e}</span></div>
+              <span class="tool-desc">${b[e]??``}</span>
+            </div>
+          `)}
+        </div>
+      `)}
+      <hr style="border: none; border-top: 1px solid var(--ic-border); margin: var(--ic-space-xl) 0;" />
+      <div class="section-header" style="font-size: var(--ic-text-base); font-weight: 600; color: var(--ic-text); margin-bottom: var(--ic-space-sm);">Tool Policy</div>
+      <div class="policy-section">
+        <p class="tool-hint" style="margin-top: 0;">
+          Tool policy controls which platform tools an agent can use. Profiles (minimal, coding, messaging, supervisor, full)
+          define baseline sets, with allow/deny lists for fine-grained overrides.
+        </p>
+        <p class="tool-hint">Configure tool policy per agent in the agent editor.</p>
+      </div>
+    `}_renderDiscoveredSkills(e){let n=this._controller,r=e.searchQuery,i=r?e.discoveredSkills.filter(e=>e.name.toLowerCase().includes(r.toLowerCase())||e.description.toLowerCase().includes(r.toLowerCase())):e.discoveredSkills,a=e.discoveredSkills.length>0,o=a?i.filter(e=>e.source===`local`):[],s=a?i.filter(e=>e.source!==`local`):[],c=e.skillScope===`all`||e.skillScope===`shared`,u=e.skillScope===`all`||e.skillScope===`local`,d=c?o:[],f=u?s:[],p=d.length===0&&f.length===0;return t`
+      ${!a||p?t`
+        <ic-empty-state
+          icon="skills"
+          message=${a?`No skills match the current filter`:`No prompt skills discovered`}
+          description=${a?`Try changing the scope filter or search query.`:`Upload a skill folder or import from GitHub to get started.`}
+        ></ic-empty-state>
+      `:t`
+        ${d.length>0?t`
+          <div class="category-header">Shared Skills (${d.length})</div>
+          <div class="tool-grid">
+            ${d.map(e=>this._renderSkillCard(e,`SHARED`))}
+          </div>
+        `:l}
+        ${u?t`
+          <div class="category-header">Agent Skills (${f.length})</div>
+          ${f.length>0?t`
+            <div class="tool-grid">
+              ${f.map(e=>this._renderSkillCard(e,C(e.location)||`AGENT`))}
+            </div>
+          `:t`
+            <p style="font-size: var(--ic-text-sm); color: var(--ic-text-dim); font-style: italic;">
+              No agent-specific skills installed. Upload or import skills below.
+            </p>
+          `}
+        `:l}
+      `}
+
+      <!-- Add Skill panel -->
+      <div class="add-skill-panel">
+        <div class="add-skill-title">Add Skill</div>
+        <div class="install-target">
+          <span class="install-target-label">Install to:</span>
+          <select class="install-target-select" .value=${e.installScope}
+            @change=${t=>{let r=t.target.value;n?.setInstallScope(r),r===`agent`&&!e.installAgent&&n?.setInstallAgent(e.agentIds[0]??e.defaultAgentId)}}>
+            <option value="shared" ?selected=${e.installScope===`shared`}>Shared (all agents)</option>
+            <option value="agent" ?selected=${e.installScope===`agent`}>Specific agent</option>
+          </select>
+          ${e.installScope===`agent`?t`
+            <select class="install-target-select" .value=${e.installAgent}
+              @change=${e=>n?.setInstallAgent(e.target.value)}>
+              ${e.agentIds.map(n=>t`<option value=${n} ?selected=${n===e.installAgent}>${n}</option>`)}
+            </select>
+          `:l}
+          <span class="install-target-hint">
+            ${e.installScope===`shared`?`Skill will be available to all agents`:`Skill will only be available to ${e.installAgent||`the selected agent`}`}
+          </span>
+        </div>
+        <div class="add-skill-methods">
+          <div class="add-skill-method">
+            <div class="add-skill-method-title">Upload folder</div>
+            <div class="add-skill-method-body">
+              <input id="skill-folder-input" type="file" webkitdirectory hidden
+                @change=${e=>n?.handleFolderSelected(e.target)} />
+              <button class="upload-skill-btn" ?disabled=${e.isUploadingSkill}
+                @click=${()=>this._triggerFolderUpload()}>
+                ${e.isUploadingSkill?`Uploading...`:`+ Select Skill Folder`}
+              </button>
+            </div>
+            <p class="upload-skill-hint">Folder must contain a SKILL.md file</p>
+          </div>
+          <div class="add-skill-method">
+            <div class="add-skill-method-title">Import from GitHub</div>
+            <div class="add-skill-method-body">
+              <div class="import-skill-row" style="width: 100%;">
+                <input type="text" .value=${e.importUrl}
+                  placeholder="https://github.com/owner/repo/tree/main/skills/name"
+                  @input=${e=>n?.setImportUrl(e.target.value)}
+                  @keydown=${e=>{e.key===`Enter`&&(e.preventDefault(),n?.handleImportSkill())}} />
+                <button class="import-skill-btn"
+                  ?disabled=${e.isImportingSkill||!e.importUrl.trim()}
+                  @click=${()=>n?.handleImportSkill()}>
+                  ${e.isImportingSkill?`Importing...`:`Import`}
+                </button>
+              </div>
+            </div>
+            <p class="upload-skill-hint">Paste a GitHub URL to a skill folder</p>
+          </div>
+        </div>
+      </div>
+
+      <ic-confirm-dialog
+        ?open=${e.deletingSkill!==null}
+        title="Delete Skill"
+        message=${`Delete skill "${e.deletingSkill}"? This will remove the skill files from disk.`}
+        variant="danger"
+        confirmLabel="Delete"
+        @confirm=${()=>n?.confirmDeleteSkill()}
+        @cancel=${()=>n?.cancelDeleteSkill()}
+      ></ic-confirm-dialog>
+    `}_renderSkillCard(e,n){let r=this._controller,i=e.description.length>150?e.description.slice(0,150)+`...`:e.description;return t`
+      <div class="tool-card">
+        <div class="tool-card-header">
+          <span class="tool-name">${e.name}</span>
+          <div style="display: flex; gap: 0.25rem; align-items: center;">
+            ${e.disableModelInvocation?t`<ic-tag variant="warning">manual</ic-tag>`:l}
+            <ic-tag variant=${n===`SHARED`?`info`:`accent`}>${n}</ic-tag>
+            <button class="skill-delete-btn" aria-label="Delete ${e.name}"
+              @click=${()=>r?.handleDeleteSkill(e.name)}>✕</button>
+          </div>
+        </div>
+        <span class="tool-desc">${i}</span>
+      </div>
+    `}_renderSkillsTab(e){let n=this._controller;return t`
+      <ic-search-input placeholder="Filter skill names..."
+        @search=${e=>n?.setSearchQuery(e.detail)}></ic-search-input>
+      <div style="margin-top: var(--ic-space-md);">
+        ${this._renderDiscoveredSkills(e)}
+      </div>
+      <p class="tool-hint">Configure prompt skill settings (max body length, auto-inject, allowed/denied lists) per agent in the agent editor.</p>
+    `}_renderRecentActivity(e){return e.recentSkillEvents.length===0?l:t`
+      <div class="recent-activity">
+        <h3>Recent Activity <span class="recent-activity-count">(${e.recentSkillEvents.length})</span></h3>
+        <div class="event-list">
+          ${e.recentSkillEvents.slice(0,20).map(e=>t`
+            <div class="event-entry">
+              <span class="event-skill">${e.skillName}</span>
+              <span class="event-agent">${e.agentId||`—`}</span>
+              <span class=${e.outcome===`executed`?`event-outcome--executed`:`event-outcome--rejected`}>
+                ${e.outcome}${e.reason?t` <span class="event-reason">(${e.reason})</span>`:``}
+              </span>
+              <span class="event-time">${f(e.timestamp).toLocaleTimeString()}</span>
+            </div>
+          `)}
+        </div>
+      </div>
+    `}_renderTabContent(e){switch(e.activeTab){case`tools`:return this._renderToolsTab();case`skills`:return this._renderSkillsTab(e);default:return l}}render(){if(!this._controller)return t`<ic-skeleton-view variant="list"></ic-skeleton-view>`;let e=this._controller.getSnapshot(),n=this._controller;return e.loadState===`loading`?t`<ic-skeleton-view variant="list"></ic-skeleton-view>`:e.loadState===`error`?t`
+        <div class="error-container">
+          <span class="error-message">${e.error}</span>
+          <button class="retry-btn" @click=${()=>n.tryLoad()}>Retry</button>
+        </div>
+      `:t`
+      <div class="view-header">
+        <div class="view-title">Skills & Tools</div>
+        ${e.agentIds.length>1?t`
+          <div style="display: flex; gap: var(--ic-space-sm); align-items: center;">
+            <select class="form-input" .value=${e.targetAgentId}
+              @change=${e=>n.onAgentChange(e.target.value)}>
+              <option value="" ?selected=${e.targetAgentId===``}>All Agents</option>
+              ${e.agentIds.map(n=>t`<option value=${n} ?selected=${n===e.targetAgentId}>${n}</option>`)}
+            </select>
+            <select class="form-input" .value=${e.skillScope}
+              @change=${e=>n.setSkillScope(e.target.value)}>
+              <option value="all" ?selected=${e.skillScope===`all`}>All Skills</option>
+              <option value="local" ?selected=${e.skillScope===`local`}>Agent Skills</option>
+              <option value="shared" ?selected=${e.skillScope===`shared`}>Shared Skills</option>
+            </select>
+          </div>
+        `:l}
+      </div>
+      <ic-tabs .tabs=${S} .activeTab=${e.activeTab}
+        @tab-change=${e=>n.setActiveTab(e.detail)}></ic-tabs>
+      <div style="margin-top: var(--ic-space-md);">
+        ${this._renderTabContent(e)}
+      </div>
+      ${this._renderRecentActivity(e)}
+    `}};c([s({attribute:!1})],T.prototype,`apiClient`,void 0),c([s({attribute:!1})],T.prototype,`rpcClient`,void 0),c([s({attribute:!1})],T.prototype,`eventDispatcher`,void 0),c([a()],T.prototype,`_controller`,void 0),T=c([e(`ic-skills-view`)],T);export{T as IcSkillsView};

package/node_modules/@comis/web/dist/assets/subagents-Cw3fWHL2.js

@@ -0,0 +1,193 @@
+import{c as e,f as t,h as n,l as r,n as i,o as a,r as o,s,t as c,u as l}from"./decorate-BvWYovGE.js";import{n as u,s as d}from"./system-time-B0nBw4nV.js";import{a as f,i as p}from"./index-D_ZV_sV5.js";import"./ic-tag-CKh2gHHX.js";import"./ic-confirm-dialog-Wdt0QSRg.js";import"./ic-relative-time-D6XlY7ay.js";import"./ic-empty-state-BRy4ZXds.js";var m=class extends r{constructor(...e){super(...e),this.rpcClient=null,this.apiClient=null,this.eventDispatcher=null,this._loadState=`loading`,this._runs=[],this._confirmKillRunId=null,this._sse=null,this._reloadDebounce=null,this._rpcStatusUnsub=null}static{this.styles=[o,i,n`
+      :host {
+        display: block;
+      }
+
+      .run-list {
+        display: flex;
+        flex-direction: column;
+        gap: var(--ic-space-sm);
+      }
+
+      .run-card {
+        background: var(--ic-surface);
+        border: 1px solid var(--ic-border);
+        border-radius: var(--ic-radius-md);
+        padding: var(--ic-space-md);
+      }
+
+      .run-header {
+        display: flex;
+        align-items: center;
+        gap: var(--ic-space-sm);
+        margin-bottom: var(--ic-space-xs);
+        flex-wrap: wrap;
+      }
+
+      .run-agent-id {
+        font-weight: 600;
+        font-size: var(--ic-text-sm);
+        color: var(--ic-text);
+      }
+
+      .run-task {
+        font-size: var(--ic-text-sm);
+        color: var(--ic-text-muted);
+        margin-bottom: var(--ic-space-xs);
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        max-width: 100%;
+      }
+
+      .run-meta {
+        display: flex;
+        flex-wrap: wrap;
+        gap: var(--ic-space-sm) var(--ic-space-md);
+        font-size: 0.75rem;
+        color: var(--ic-text-dim);
+        margin-top: var(--ic-space-xs);
+      }
+
+      .run-meta-item {
+        display: flex;
+        align-items: center;
+        gap: 4px;
+      }
+
+      .run-meta-label {
+        color: var(--ic-text-dim);
+      }
+
+      .run-meta-value {
+        color: var(--ic-text-muted);
+        font-variant-numeric: tabular-nums;
+      }
+
+      .run-error {
+        margin-top: var(--ic-space-xs);
+        padding: var(--ic-space-xs) var(--ic-space-sm);
+        background: rgba(248, 113, 113, 0.1);
+        border-radius: var(--ic-radius-sm);
+        font-size: 0.75rem;
+        color: var(--ic-error);
+      }
+
+      .run-actions {
+        margin-top: var(--ic-space-sm);
+        display: flex;
+        gap: var(--ic-space-sm);
+      }
+
+      .kill-btn {
+        padding: 4px 12px;
+        font-size: 0.75rem;
+        font-weight: 500;
+        border: 1px solid var(--ic-error);
+        border-radius: var(--ic-radius-sm);
+        background: transparent;
+        color: var(--ic-error);
+        cursor: pointer;
+        font-family: inherit;
+        transition: background var(--ic-transition), color var(--ic-transition);
+      }
+
+      .kill-btn:hover {
+        background: var(--ic-error);
+        color: white;
+      }
+
+      .error-message {
+        text-align: center;
+        padding: 2rem;
+        color: var(--ic-text-dim);
+      }
+
+      .retry-btn {
+        margin-top: var(--ic-space-sm);
+        padding: 6px 16px;
+        background: var(--ic-accent);
+        color: white;
+        border: none;
+        border-radius: var(--ic-radius-sm);
+        cursor: pointer;
+        font-family: inherit;
+        font-size: var(--ic-text-sm);
+      }
+
+      .retry-btn:hover {
+        background: var(--ic-accent-hover);
+      }
+    `]}connectedCallback(){super.connectedCallback(),this._initSse()}_initSse(){if(!this.eventDispatcher||this._sse)return;let e=()=>{this._scheduleReload()};this._sse=new p(this,this.eventDispatcher,{"session:sub_agent_spawned":e,"session:sub_agent_completed":e,"session:sub_agent_archived":e,"session:sub_agent_spawn_rejected":e,"session:sub_agent_spawn_started":e,"session:sub_agent_spawn_queued":e,"session:sub_agent_lifecycle_ended":e})}_scheduleReload(e=300){this._reloadDebounce!==null&&u(this._reloadDebounce),this._reloadDebounce=d(()=>{this._reloadDebounce=null,this._loadData()},e)}disconnectedCallback(){super.disconnectedCallback(),this._reloadDebounce!==null&&(u(this._reloadDebounce),this._reloadDebounce=null),this._rpcStatusUnsub?.(),this._rpcStatusUnsub=null}willUpdate(e){e.has(`rpcClient`)&&this.rpcClient&&this._tryLoad(),e.has(`eventDispatcher`)&&this.eventDispatcher&&!this._sse&&this._initSse()}_tryLoad(){if(!this.rpcClient){this._loadState=`loaded`;return}this._rpcStatusUnsub?.(),this.rpcClient.status===`connected`?this._loadData():this._rpcStatusUnsub=this.rpcClient.onStatusChange(e=>{e===`connected`&&this._loadData()})}async _loadData(){if(this.rpcClient)try{let e=await this.rpcClient.call(`subagent.list`,{recentMinutes:60});this._runs=e.runs??[],this._loadState=`loaded`}catch{this._loadState=`error`}}_requestKill(e){this._confirmKillRunId=e}async _confirmKill(){let e=this._confirmKillRunId;if(this._confirmKillRunId=null,!(!e||!this.rpcClient))try{await this.rpcClient.call(`subagent.kill`,{target:e}),f.show(`Sub-agent kill signal sent`,`success`),this._loadData()}catch{f.show(`Failed to kill sub-agent`,`error`)}}_cancelKill(){this._confirmKillRunId=null}_truncate(e,t){return e.length>t?e.slice(0,t)+`…`:e}_statusColor(e){switch(e){case`running`:return`blue`;case`completed`:return`green`;case`failed`:return`red`;case`queued`:return`yellow`;default:return`default`}}_formatDuration(e,t){let n=t-e;return n<1e3?`${n}ms`:n<6e4?`${(n/1e3).toFixed(1)}s`:`${(n/6e4).toFixed(1)}m`}_renderRun(e){let n=e.status===`running`||e.status===`queued`;return t`
+      <div class="run-card">
+        <div class="run-header">
+          <ic-tag color=${this._statusColor(e.status)}>${e.status}</ic-tag>
+          <span class="run-agent-id">${e.agentId}</span>
+        </div>
+        <div class="run-task" title=${e.task}>${this._truncate(e.task,80)}</div>
+        <div class="run-meta">
+          <span class="run-meta-item">
+            <span class="run-meta-label">Started:</span>
+            <ic-relative-time .timestamp=${e.startedAt}></ic-relative-time>
+          </span>
+          ${e.completedAt?t`
+            <span class="run-meta-item">
+              <span class="run-meta-label">Duration:</span>
+              <span class="run-meta-value">${this._formatDuration(e.startedAt,e.completedAt)}</span>
+            </span>
+          `:l}
+          <span class="run-meta-item">
+            <span class="run-meta-label">Depth:</span>
+            <span class="run-meta-value">${e.depth}</span>
+          </span>
+          ${e.result?t`
+            <span class="run-meta-item">
+              <span class="run-meta-label">Tokens:</span>
+              <span class="run-meta-value">${e.result.tokensUsed.total.toLocaleString()}</span>
+            </span>
+            <span class="run-meta-item">
+              <span class="run-meta-label">Cost:</span>
+              <span class="run-meta-value">$${e.result.cost.total.toFixed(4)}</span>
+            </span>
+            <span class="run-meta-item">
+              <span class="run-meta-label">Steps:</span>
+              <span class="run-meta-value">${e.result.stepsExecuted}</span>
+            </span>
+          `:l}
+        </div>
+        ${e.error?t`
+          <div class="run-error">${e.error}</div>
+        `:l}
+        ${n?t`
+          <div class="run-actions">
+            <button class="kill-btn" @click=${()=>this._requestKill(e.runId)}>Kill</button>
+          </div>
+        `:l}
+      </div>
+    `}render(){return t`
+      ${this._loadState===`loading`?t`
+        <ic-skeleton-view variant="dashboard"></ic-skeleton-view>
+      `:this._loadState===`error`?t`
+        <div class="error-message">
+          Failed to load sub-agent data
+          <br />
+          <button class="retry-btn" @click=${()=>void this._loadData()}>Retry</button>
+        </div>
+      `:this._runs.length===0?t`
+        <ic-empty-state message="No sub-agent runs in the last 60 minutes"></ic-empty-state>
+      `:t`
+        <div class="run-list">
+          ${this._runs.map(e=>this._renderRun(e))}
+        </div>
+      `}
+
+      <ic-confirm-dialog
+        ?open=${this._confirmKillRunId!==null}
+        title="Kill Sub-Agent"
+        message="This will terminate the running sub-agent. The parent session will receive an error result."
+        confirmLabel="Kill"
+        variant="danger"
+        @confirm=${this._confirmKill}
+        @cancel=${this._cancelKill}
+      ></ic-confirm-dialog>
+    `}};c([s({attribute:!1})],m.prototype,`rpcClient`,void 0),c([s({attribute:!1})],m.prototype,`apiClient`,void 0),c([s({attribute:!1})],m.prototype,`eventDispatcher`,void 0),c([a()],m.prototype,`_loadState`,void 0),c([a()],m.prototype,`_runs`,void 0),c([a()],m.prototype,`_confirmKillRunId`,void 0),m=c([e(`ic-subagents-view`)],m);export{m as IcSubagentsView};

package/node_modules/@comis/web/dist/assets/system-time-B0nBw4nV.js

@@ -0,0 +1 @@
+function e(){return Date.now()}function t(){return new Date}function n(e){return new Date(e)}function r(e,t){return setTimeout(e,t)}function i(e){clearTimeout(e)}function a(e,t){return setInterval(e,t)}function o(e){clearInterval(e)}export{e as a,t as i,i as n,a as o,n as r,r as s,o as t};