comisai 1.0.16 → 1.0.18

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

@@ -0,0 +1,1051 @@
+import{a as y,S as x,I as m,A as v,b as a,s as w,f as S,i as $,n as u,r as p,t as C}from"./index-CEcM1R_C.js";import"./ic-tabs-B7QtM_v8.js";import"./ic-search-input-CSOxY9g7.js";import"./ic-empty-state-60l2ePhd.js";import"./ic-confirm-dialog-CCDbB04e.js";import"./ic-tag-CPPUnDLF.js";import"./ic-icon-xeGTVhVG.js";var I=Object.defineProperty,A=Object.getOwnPropertyDescriptor,d=(e,t,i,l)=>{for(var r=l>1?void 0:l?A(t,i):t,o=e.length-1,n;o>=0;o--)(n=e[o])&&(r=(l?n(t,i,r):n(r))||r);return l&&r&&I(t,i,r),r};const T={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"]},b=[{label:"File Operations",tools:["read","write","edit","find","ls"]},{label:"Execution",tools:["exec","process"]},{label:"Search",tools:["grep"]},{label:"Web",tools:["webSearch","webFetch","browser"]}],D=b.flatMap(e=>e.tools),L={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:[...D]};function k(e){const t=e.match(/\/workspace-([^/]+)\/skills\//);return t?t[1]:/\/workspace\/skills\//.test(e)?"default":""}const P={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_list:"List all configured agent IDs in the system",agents_manage:"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"},z=[{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_list","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"]}],E=[{id:"tools",label:"Built-in Tools"},{id:"skills",label:"Prompt Skills"}];let c=class extends y{constructor(){super(...arguments),this.apiClient=null,this.rpcClient=null,this.eventDispatcher=null,this._sse=null,this._reloadDebounce=null,this._loadState="loading",this._recentSkillEvents=[],this._error="",this._activeTab="tools",this._skillsConfig=null,this._discoveredSkills=[],this._targetAgentId="",this._agentIds=[],this._skillScope="all",this._defaultAgentId="default",this._searchQuery="",this._importUrl="",this._isImportingSkill=!1,this._isUploadingSkill=!1,this._deletingSkill=null,this._installAgent="",this._installScope="shared",this._newAllowedSkill="",this._newDeniedSkill="",this._newPolicyAllow="",this._newPolicyDeny="",this._rpcStatusUnsub=null,this._dataLoaded=!1}connectedCallback(){super.connectedCallback(),this._initSse()}disconnectedCallback(){super.disconnectedCallback(),this._rpcStatusUnsub?.(),this._rpcStatusUnsub=null,this._reloadDebounce!==null&&(clearTimeout(this._reloadDebounce),this._reloadDebounce=null)}updated(e){e.has("rpcClient")&&this.rpcClient&&this._tryLoad(),e.has("eventDispatcher")&&this.eventDispatcher&&!this._sse&&this._initSse()}_scheduleReload(e=300){this._reloadDebounce!==null&&clearTimeout(this._reloadDebounce),this._reloadDebounce=setTimeout(()=>{this._reloadDebounce=null,this._loadData()},e)}_initSse(){!this.eventDispatcher||this._sse||(this._sse=new x(this,this.eventDispatcher,{"skill:loaded":()=>{this._scheduleReload()},"skill:registry_reset":()=>{this._scheduleReload()},"agent:hot_added":()=>{this._scheduleReload()},"agent:hot_removed":()=>{this._scheduleReload()},"skill:executed":e=>{const t=e;this._recentSkillEvents=[{skillName:t.skillName??"unknown",agentId:t.agentId??"",timestamp:t.timestamp??Date.now(),outcome:"executed"},...this._recentSkillEvents].slice(0,50)},"skill:rejected":e=>{const t=e;this._recentSkillEvents=[{skillName:t.skillName??"unknown",agentId:t.agentId??"",timestamp:t.timestamp??Date.now(),outcome:"rejected",reason:t.reason},...this._recentSkillEvents].slice(0,50)}}))}_tryLoad(){this.rpcClient&&(this._rpcStatusUnsub?.(),this.rpcClient.status==="connected"?this._loadData():this._rpcStatusUnsub=this.rpcClient.onStatusChange(e=>{e==="connected"&&!this._dataLoaded&&this._loadData()}))}async _loadData(){if(this.rpcClient){this._loadState="loading",this._error="";try{const e=await this.rpcClient.call("config.read"),t=e.config?.agents;this._agentIds=t?Object.keys(t):[];const i=this._agentIds[0];this._targetAgentId&&i&&!this._agentIds.includes(this._targetAgentId)&&(this._targetAgentId=i);const l=e.config?.routing;if(this._defaultAgentId=l?.defaultAgentId??"default",this._skillsConfig=this._targetAgentId&&this._agentIds.includes(this._targetAgentId)?t[this._targetAgentId].skills??null:null,this._dataLoaded=!0,this._loadState="loaded",this._targetAgentId)this.rpcClient.call("skills.list",{agentId:this._targetAgentId}).then(r=>{this._discoveredSkills=r.skills??[]}).catch(()=>{this._discoveredSkills=[]});else{const r=this.rpcClient;Promise.allSettled(this._agentIds.map(o=>r.call("skills.list",{agentId:o}))).then(o=>{const n=new Map;for(const h of o)if(h.status==="fulfilled")for(const g of h.value.skills??[]){const s=g.source==="local"?g.name:`${g.name}:${g.location}`;n.has(s)||n.set(s,g)}this._discoveredSkills=[...n.values()]})}}catch(e){this._error=e instanceof Error?e.message:"Failed to load skills configuration",this._loadState="error"}}}async _patchConfig(e,t){if(!this.rpcClient)return!1;try{const i=e.indexOf("."),l=i>0?e.slice(0,i):e,r=i>0?e.slice(i+1):void 0;return await this.rpcClient.call("config.patch",{section:l,key:r,value:t}),m.show("Configuration updated","success"),!0}catch(i){const l=i instanceof Error?i.message:"Failed to update configuration";return m.show(l,"error"),!1}}async _onToolToggle(e,t){await this._patchConfig(`agents.${this._targetAgentId}.skills`,{builtinTools:{[e]:t}})&&this._skillsConfig&&(this._skillsConfig={...this._skillsConfig,builtinTools:{...this._skillsConfig.builtinTools,[e]:t}})}_renderToolsTab(){return a`
+      ${b.map(e=>a`
+          <div class="category-header">${e.label}</div>
+          <div class="tool-grid">
+            ${e.tools.map(t=>a`
+                <div class="tool-card">
+                  <div class="tool-card-header">
+                    <span class="tool-name">${t}</span>
+                  </div>
+                  <span class="tool-desc">${T[t]??""}</span>
+                  ${_[t]?a`<ul class="tool-params">
+                        ${_[t].map(i=>a`<li>${i}</li>`)}
+                      </ul>`:v}
+                </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>
+      ${z.map(e=>a`
+          <div class="category-header">${e.label}</div>
+          <div class="tool-grid">
+            ${e.tools.map(t=>a`
+                <div class="tool-card">
+                  <div class="tool-card-header">
+                    <span class="tool-name">${t}</span>
+                  </div>
+                  <span class="tool-desc">${P[t]??""}</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>
+    `}async _onPromptFieldChange(e,t){await this._patchConfig(`agents.${this._targetAgentId}.skills`,{promptSkills:{[e]:t}})&&this._skillsConfig&&(this._skillsConfig={...this._skillsConfig,promptSkills:{...this._skillsConfig.promptSkills,[e]:t}})}async _addToList(e,t,i){if(!i.trim()||!this._skillsConfig)return;const l=[...this._skillsConfig.promptSkills[t]];if(l.includes(i.trim()))return;const r=[...l,i.trim()];await this._patchConfig(`agents.${this._targetAgentId}.skills`,{promptSkills:{[t]:r}})&&(this._skillsConfig={...this._skillsConfig,promptSkills:{...this._skillsConfig.promptSkills,[t]:r}})}async _removeFromList(e,t,i){if(!this._skillsConfig)return;const l=this._skillsConfig.promptSkills[t].filter(o=>o!==i);await this._patchConfig(`agents.${this._targetAgentId}.skills`,{promptSkills:{[t]:l}})&&(this._skillsConfig={...this._skillsConfig,promptSkills:{...this._skillsConfig.promptSkills,[t]:l}})}_renderSkillList(e,t,i,l,r){const o=this._searchQuery?t.filter(n=>n.toLowerCase().includes(this._searchQuery.toLowerCase())):t;return a`
+      <div class="list-section">
+        <div class="list-title">${e}</div>
+        ${o.length>0?a`
+                <div class="list-items">
+                  ${o.map(n=>a`
+                      <span class="list-item">
+                        ${n}
+                        <button
+                          class="list-item-remove"
+                          aria-label="Remove ${n}"
+                          @click=${()=>this._removeFromList("promptSkills",i,n)}
+                        >\u2715</button>
+                      </span>
+                    `)}
+                </div>
+              `:a`<div class="empty-list">No items</div>`}
+        <div class="list-add-row">
+          <input
+            class="list-add-input"
+            type="text"
+            placeholder="Skill name..."
+            .value=${l}
+            @input=${n=>r(n.target.value)}
+            @keydown=${n=>{n.key==="Enter"&&(n.preventDefault(),this._addToList("promptSkills",i,l),r(""))}}
+          />
+          <button
+            class="list-add-btn"
+            @click=${()=>{this._addToList("promptSkills",i,l),r("")}}
+          >Add</button>
+        </div>
+      </div>
+    `}_triggerFolderUpload(){this.shadowRoot?.querySelector("#skill-folder-input")?.click()}async _handleFolderSelected(e){const t=e.target,i=t.files;if(!i||i.length===0||!this.rpcClient)return;const r=i[0].webkitRelativePath.split("/")[0];if(!r){m.show("Could not determine folder name","error");return}this._isUploadingSkill=!0;try{const o=[];for(const n of Array.from(i)){const h=n.webkitRelativePath.split("/").slice(1).join("/");if(!h)continue;const g=await n.text();o.push({path:h,content:g})}if(o.length===0){m.show("No files found in folder","error");return}await this.rpcClient.call("skills.upload",{name:r,files:o,agentId:this._installScope==="agent"?this._installAgent:this._defaultAgentId,scope:this._installScope==="shared"?"shared":"local"}),m.show(`Skill "${r}" uploaded`,"success"),await this._refreshSkills()}catch(o){m.show(`Failed to upload skill: ${o instanceof Error?o.message:"Unknown error"}`,"error")}finally{this._isUploadingSkill=!1,t.value=""}}async _handleImportSkill(){const e=this._importUrl.trim();if(!(!e||!this.rpcClient||this._isImportingSkill)){this._isImportingSkill=!0;try{const t=await this.rpcClient.call("skills.import",{url:e,agentId:this._installScope==="agent"?this._installAgent:this._defaultAgentId,scope:this._installScope==="shared"?"shared":"local"});m.show(`Skill "${t.name}" imported (${t.fileCount} files)`,"success"),this._importUrl="",await this._refreshSkills()}catch(t){m.show(`Failed to import skill: ${t instanceof Error?t.message:"Unknown error"}`,"error")}finally{this._isImportingSkill=!1}}}_handleDeleteSkill(e){!this.rpcClient||this._deletingSkill||(this._deletingSkill=e)}async _confirmDeleteSkill(){if(!this.rpcClient||!this._deletingSkill)return;const e=this._deletingSkill;try{const t=k(this._discoveredSkills.find(i=>i.name===e)?.location??"");await this.rpcClient.call("skills.delete",{name:e,agentId:t||this._defaultAgentId,scope:t?"local":"shared"}),m.show(`Skill "${e}" deleted`,"success"),this._deletingSkill=null,await this._refreshSkills()}catch(t){m.show(`Failed to delete skill: ${t instanceof Error?t.message:"Unknown error"}`,"error"),this._deletingSkill=null}}async _onAgentChange(e){this._targetAgentId=e,this._skillScope="all",await this._loadData()}async _refreshSkills(){if(this.rpcClient)try{const e=await this.rpcClient.call("skills.list",{agentId:this._targetAgentId});this._discoveredSkills=e.skills??[]}catch{}}_renderDiscoveredSkills(){const e=this._searchQuery?this._discoveredSkills.filter(s=>s.name.toLowerCase().includes(this._searchQuery.toLowerCase())||s.description.toLowerCase().includes(this._searchQuery.toLowerCase())):this._discoveredSkills,t=this._discoveredSkills.length>0,i=t?e.filter(s=>s.source==="local"):[],l=t?e.filter(s=>s.source!=="local"):[],r=this._skillScope==="all"||this._skillScope==="shared",o=this._skillScope==="all"||this._skillScope==="local",n=r?i:[],h=o?l:[],g=n.length===0&&h.length===0;return a`
+      ${!t||g?a`
+        <ic-empty-state
+          icon="skills"
+          message=${t?"No skills match the current filter":"No prompt skills discovered"}
+          description=${t?"Try changing the scope filter or search query.":"Upload a skill folder or import from GitHub to get started."}
+        ></ic-empty-state>
+      `:a`
+        ${n.length>0?a`
+          <div class="category-header">Shared Skills (${n.length})</div>
+          <div class="tool-grid">
+            ${n.map(s=>a`
+                <div class="tool-card">
+                  <div class="tool-card-header">
+                    <span class="tool-name">${s.name}</span>
+                    <div style="display: flex; gap: 0.25rem; align-items: center;">
+                      ${s.disableModelInvocation?a`<ic-tag variant="warning">manual</ic-tag>`:v}
+                      <ic-tag variant="info">SHARED</ic-tag>
+                      <button
+                        class="skill-delete-btn"
+                        aria-label="Delete ${s.name}"
+                        @click=${()=>this._handleDeleteSkill(s.name)}
+                      >\u2715</button>
+                    </div>
+                  </div>
+                  <span class="tool-desc">${s.description.length>150?s.description.slice(0,150)+"...":s.description}</span>
+                </div>
+              `)}
+          </div>
+        `:v}
+
+        ${o?a`
+          <div class="category-header">Agent Skills (${h.length})</div>
+          ${h.length>0?a`
+            <div class="tool-grid">
+              ${h.map(s=>{const f=k(s.location);return a`
+                  <div class="tool-card">
+                    <div class="tool-card-header">
+                      <span class="tool-name">${s.name}</span>
+                      <div style="display: flex; gap: 0.25rem; align-items: center;">
+                        ${s.disableModelInvocation?a`<ic-tag variant="warning">manual</ic-tag>`:v}
+                        ${f?a`<ic-tag variant="accent">${f}</ic-tag>`:a`<ic-tag variant="accent">AGENT</ic-tag>`}
+                        <button
+                          class="skill-delete-btn"
+                          aria-label="Delete ${s.name}"
+                          @click=${()=>this._handleDeleteSkill(s.name)}
+                        >\u2715</button>
+                      </div>
+                    </div>
+                    <span class="tool-desc">${s.description.length>150?s.description.slice(0,150)+"...":s.description}</span>
+                  </div>
+                `})}
+            </div>
+          `:a`
+            <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>
+          `}
+        `:v}
+      `}
+
+      <!-- Add Skill panel -->
+      <div class="add-skill-panel">
+        <div class="add-skill-title">Add Skill</div>
+
+        <!-- Install target selector -->
+        <div class="install-target">
+          <span class="install-target-label">Install to:</span>
+          <select
+            class="install-target-select"
+            .value=${this._installScope}
+            @change=${s=>{this._installScope=s.target.value,this._installScope==="agent"&&!this._installAgent&&(this._installAgent=this._agentIds[0]??this._defaultAgentId)}}
+          >
+            <option value="shared" ?selected=${this._installScope==="shared"}>Shared (all agents)</option>
+            <option value="agent" ?selected=${this._installScope==="agent"}>Specific agent</option>
+          </select>
+          ${this._installScope==="agent"?a`
+            <select
+              class="install-target-select"
+              .value=${this._installAgent}
+              @change=${s=>{this._installAgent=s.target.value}}
+            >
+              ${this._agentIds.map(s=>a`
+                <option value=${s} ?selected=${s===this._installAgent}>${s}</option>
+              `)}
+            </select>
+          `:v}
+          <span class="install-target-hint">
+            ${this._installScope==="shared"?"Skill will be available to all agents":`Skill will only be available to ${this._installAgent||"the selected agent"}`}
+          </span>
+        </div>
+
+        <!-- Two methods side by side -->
+        <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=${s=>this._handleFolderSelected(s)}
+              />
+              <button
+                class="upload-skill-btn"
+                ?disabled=${this._isUploadingSkill}
+                @click=${()=>this._triggerFolderUpload()}
+              >${this._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=${this._importUrl}
+                  placeholder="https://github.com/owner/repo/tree/main/skills/name"
+                  @input=${s=>{this._importUrl=s.target.value}}
+                  @keydown=${s=>{s.key==="Enter"&&(s.preventDefault(),this._handleImportSkill())}}
+                />
+                <button
+                  class="import-skill-btn"
+                  ?disabled=${this._isImportingSkill||!this._importUrl.trim()}
+                  @click=${()=>this._handleImportSkill()}
+                >${this._isImportingSkill?"Importing...":"Import"}</button>
+              </div>
+            </div>
+            <p class="upload-skill-hint">Paste a GitHub URL to a skill folder</p>
+          </div>
+        </div>
+      </div>
+
+      <!-- Delete confirmation dialog -->
+      <ic-confirm-dialog
+        ?open=${this._deletingSkill!==null}
+        title="Delete Skill"
+        message=${`Delete skill "${this._deletingSkill}"? This will remove the skill files from disk.`}
+        variant="danger"
+        confirmLabel="Delete"
+        @confirm=${()=>this._confirmDeleteSkill()}
+        @cancel=${()=>{this._deletingSkill=null}}
+      ></ic-confirm-dialog>
+    `}_renderSkillsTab(){return a`
+      <ic-search-input
+        placeholder="Filter skill names..."
+        @search=${e=>{this._searchQuery=e.detail}}
+      ></ic-search-input>
+
+      <div style="margin-top: var(--ic-space-md);">
+        ${this._renderDiscoveredSkills()}
+      </div>
+
+      <p class="tool-hint">Configure prompt skill settings (max body length, auto-inject, allowed/denied lists) per agent in the agent editor.</p>
+    `}async _onProfileChange(e){if(!this._skillsConfig)return;await this._patchConfig(`agents.${this._targetAgentId}.skills`,{toolPolicy:{...this._skillsConfig.toolPolicy,profile:e}})&&(this._skillsConfig={...this._skillsConfig,toolPolicy:{...this._skillsConfig.toolPolicy,profile:e}})}async _addPolicyItem(e,t){if(!t.trim()||!this._skillsConfig)return;const i=[...this._skillsConfig.toolPolicy[e]];if(i.includes(t.trim()))return;const l=[...i,t.trim()];await this._patchConfig(`agents.${this._targetAgentId}.skills`,{toolPolicy:{...this._skillsConfig.toolPolicy,[e]:l}})&&(this._skillsConfig={...this._skillsConfig,toolPolicy:{...this._skillsConfig.toolPolicy,[e]:l}})}async _removePolicyItem(e,t){if(!this._skillsConfig)return;const i=this._skillsConfig.toolPolicy[e].filter(r=>r!==t);await this._patchConfig(`agents.${this._targetAgentId}.skills`,{toolPolicy:{...this._skillsConfig.toolPolicy,[e]:i}})&&(this._skillsConfig={...this._skillsConfig,toolPolicy:{...this._skillsConfig.toolPolicy,[e]:i}})}_getResolvedTools(){if(!this._skillsConfig)return{included:[],denied:[]};const e=this._skillsConfig.toolPolicy,t=L[e.profile]??[],i=new Set([...t,...e.allow]),l=new Set(e.deny),r=[...i].filter(n=>!l.has(n)),o=[...i].filter(n=>l.has(n));return{included:r,denied:o}}_renderPolicyList(e,t,i,l,r){return a`
+      <div class="list-section">
+        <div class="list-title">${e}</div>
+        ${t.length>0?a`
+                <div class="list-items">
+                  ${t.map(o=>a`
+                      <span class="list-item">
+                        ${o}
+                        <button
+                          class="list-item-remove"
+                          aria-label="Remove ${o}"
+                          @click=${()=>this._removePolicyItem(i,o)}
+                        >\u2715</button>
+                      </span>
+                    `)}
+                </div>
+              `:a`<div class="empty-list">No items</div>`}
+        <div class="list-add-row">
+          <input
+            class="list-add-input"
+            type="text"
+            placeholder="Tool name..."
+            .value=${l}
+            @input=${o=>r(o.target.value)}
+            @keydown=${o=>{o.key==="Enter"&&(o.preventDefault(),this._addPolicyItem(i,l),r(""))}}
+          />
+          <button
+            class="list-add-btn"
+            @click=${()=>{this._addPolicyItem(i,l),r("")}}
+          >Add</button>
+        </div>
+      </div>
+    `}_renderRecentActivity(){return this._recentSkillEvents.length===0?v:a`
+      <div class="recent-activity">
+        <h3>Recent Activity <span class="recent-activity-count">(${this._recentSkillEvents.length})</span></h3>
+        <div class="event-list">
+          ${this._recentSkillEvents.slice(0,20).map(e=>a`
+            <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?a` <span class="event-reason">(${e.reason})</span>`:""}
+              </span>
+              <span class="event-time">${new Date(e.timestamp).toLocaleTimeString()}</span>
+            </div>
+          `)}
+        </div>
+      </div>
+    `}_renderTabContent(){switch(this._activeTab){case"tools":return this._renderToolsTab();case"skills":return this._renderSkillsTab();default:return v}}render(){return this._loadState==="loading"?a`<ic-skeleton-view variant="list"></ic-skeleton-view>`:this._loadState==="error"?a`
+        <div class="error-container">
+          <span class="error-message">${this._error}</span>
+          <button class="retry-btn" @click=${()=>this._tryLoad()}>Retry</button>
+        </div>
+      `:a`
+      <div class="view-header">
+        <div class="view-title">Skills & Tools</div>
+        ${this._agentIds.length>1?a`
+          <div style="display: flex; gap: var(--ic-space-sm); align-items: center;">
+            <select
+              class="form-input"
+              .value=${this._targetAgentId}
+              @change=${e=>this._onAgentChange(e.target.value)}
+            >
+              <option value="" ?selected=${this._targetAgentId===""}>All Agents</option>
+              ${this._agentIds.map(e=>a`
+                <option value=${e} ?selected=${e===this._targetAgentId}>${e}</option>
+              `)}
+            </select>
+            <select
+              class="form-input"
+              .value=${this._skillScope}
+              @change=${e=>{this._skillScope=e.target.value}}
+            >
+              <option value="all" ?selected=${this._skillScope==="all"}>All Skills</option>
+              <option value="local" ?selected=${this._skillScope==="local"}>Agent Skills</option>
+              <option value="shared" ?selected=${this._skillScope==="shared"}>Shared Skills</option>
+            </select>
+          </div>
+        `:v}
+      </div>
+      <ic-tabs
+        .tabs=${E}
+        .activeTab=${this._activeTab}
+        @tab-change=${e=>{this._activeTab=e.detail}}
+      ></ic-tabs>
+      <div style="margin-top: var(--ic-space-md);">
+        ${this._renderTabContent()}
+      </div>
+      ${this._renderRecentActivity()}
+    `}};c.styles=[w,S,$`
+      :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 */
+      .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;
+      }
+    `];d([u({attribute:!1})],c.prototype,"apiClient",2);d([u({attribute:!1})],c.prototype,"rpcClient",2);d([u({attribute:!1})],c.prototype,"eventDispatcher",2);d([p()],c.prototype,"_loadState",2);d([p()],c.prototype,"_recentSkillEvents",2);d([p()],c.prototype,"_error",2);d([p()],c.prototype,"_activeTab",2);d([p()],c.prototype,"_skillsConfig",2);d([p()],c.prototype,"_discoveredSkills",2);d([p()],c.prototype,"_targetAgentId",2);d([p()],c.prototype,"_agentIds",2);d([p()],c.prototype,"_skillScope",2);d([p()],c.prototype,"_defaultAgentId",2);d([p()],c.prototype,"_searchQuery",2);d([p()],c.prototype,"_importUrl",2);d([p()],c.prototype,"_isImportingSkill",2);d([p()],c.prototype,"_isUploadingSkill",2);d([p()],c.prototype,"_deletingSkill",2);d([p()],c.prototype,"_installAgent",2);d([p()],c.prototype,"_installScope",2);d([p()],c.prototype,"_newAllowedSkill",2);d([p()],c.prototype,"_newDeniedSkill",2);d([p()],c.prototype,"_newPolicyAllow",2);d([p()],c.prototype,"_newPolicyDeny",2);c=d([C("ic-skills-view")],c);export{c as IcSkillsView};