squidclaw 2026.4.20 → 2026.4.21

package/dist/control-ui/assets/agents-DiaOppFK.js

@@ -1,813 +0,0 @@
-import{r as z,a as D,b as N,n as ee,c as j,A as r,d as s,e as te,p as q,t as $,_ as ne,i as T,o as le,g as ie,f as se,h as ae,j as oe,k as ce,l as de,m as re,q as ge,s as ue,u as ve,v as W,w as fe,x as H,y as L,z as be,B as J,C as G}from"./index-DhPAE7si.js";import{r as $e}from"./channel-config-extras-BO8n7-sM.js";import{g as he,c as me,a as ye,r as ke}from"./skills-shared-u4L48xHn.js";function we(e){const{agent:n,configForm:t,agentFilesList:i,configLoading:l,configSaving:o,configDirty:g,onConfigReload:d,onConfigSave:a,onModelChange:c,onModelFallbacksChange:u,onSelectPanel:k}=e,h=z(t,n.id),m=n.model,P=(i&&i.agentId===n.id?i.workspace:null)||h.entry?.workspace||h.defaults?.workspace||n.workspace||"default",B=h.entry?.model?D(h.entry?.model):h.defaults?.model?D(h.defaults?.model):D(m),M=D(h.defaults?.model??m),E=N(h.entry?.model),v=N(h.defaults?.model)||(M!=="-"?ee(M):null)||(t?null:N(m)),b=E??v??null,f=j(h.entry?.model)??j(h.defaults?.model)??(t?null:j(m))??[],I=Array.isArray(h.entry?.skills)?h.entry?.skills:null,p=I?.length??null,S=!!(e.defaultId&&n.id===e.defaultId),O=!t||l||o,X=y=>{const C=f.filter((A,Z)=>Z!==y);u(n.id,C)},Y=y=>{const C=y.target;if(y.key==="Enter"||y.key===","){y.preventDefault();const A=q(C.value);A.length>0&&(u(n.id,[...f,...A]),C.value="")}};return s`
-    <section class="card">
-      <div class="card-title">Overview</div>
-      <div class="card-sub">Workspace paths and identity metadata.</div>
-
-      <div class="agents-overview-grid" style="margin-top: 16px;">
-        <div class="agent-kv">
-          <div class="label">Workspace</div>
-          <div>
-            <button
-              type="button"
-              class="workspace-link mono"
-              @click=${()=>k("files")}
-              title="Open Files tab"
-            >
-              ${P}
-            </button>
-          </div>
-        </div>
-        <div class="agent-kv">
-          <div class="label">Primary Model</div>
-          <div class="mono">${B}</div>
-        </div>
-        <div class="agent-kv">
-          <div class="label">Skills Filter</div>
-          <div>${I?`${p} selected`:"all skills"}</div>
-        </div>
-      </div>
-
-      ${g?s`
-            <div class="callout warn" style="margin-top: 16px">
-              You have unsaved config changes.
-            </div>
-          `:r}
-
-      <div class="agent-model-select" style="margin-top: 20px;">
-        <div class="label">Model Selection</div>
-        <div class="agent-model-fields">
-          <label class="field">
-            <span>Primary model${S?" (default)":""}</span>
-            <select
-              .value=${S?b??"":E??""}
-              ?disabled=${O}
-              @change=${y=>c(n.id,y.target.value||null)}
-            >
-              ${S?s` <option value="">Not set</option> `:s`
-                    <option value="">
-                      ${v?`Inherit default (${v})`:"Inherit default"}
-                    </option>
-                  `}
-              ${te(t,b??void 0,e.modelCatalog)}
-            </select>
-          </label>
-          <div class="field">
-            <span>Fallbacks</span>
-            <div
-              class="agent-chip-input"
-              @click=${y=>{const A=y.currentTarget.querySelector("input");A&&A.focus()}}
-            >
-              ${f.map((y,C)=>s`
-                  <span class="chip">
-                    ${y}
-                    <button
-                      type="button"
-                      class="chip-remove"
-                      ?disabled=${O}
-                      @click=${()=>X(C)}
-                    >
-                      &times;
-                    </button>
-                  </span>
-                `)}
-              <input
-                ?disabled=${O}
-                placeholder=${f.length===0?"provider/model":""}
-                @keydown=${Y}
-                @blur=${y=>{const C=y.target,A=q(C.value);A.length>0&&(u(n.id,[...f,...A]),C.value="")}}
-              />
-            </div>
-          </div>
-        </div>
-        <div class="agent-model-actions">
-          <button
-            type="button"
-            class="btn btn--sm"
-            ?disabled=${l}
-            @click=${d}
-          >
-            ${$("common.reloadConfig")}
-          </button>
-          <button
-            type="button"
-            class="btn btn--sm primary"
-            ?disabled=${o||!g}
-            @click=${a}
-          >
-            ${o?"Saving…":"Save"}
-          </button>
-        </div>
-      </div>
-    </section>
-  `}var pe=Object.defineProperty,Se=(e,n,t)=>n in e?pe(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,R=(e,n,t)=>Se(e,typeof n!="symbol"?n+"":n,t),Ce={classPrefix:"cm-",theme:"github",linkTarget:"_blank",sanitize:!1,plugins:[],customRenderers:{}};function V(e){return{...Ce,...e,plugins:e?.plugins??[],customRenderers:e?.customRenderers??{}}}function xe(e,n){return typeof n=="function"?n(e):e}function U(e,n){const t=V(n),i=t.classPrefix;let l=e;for(const d of t.plugins)d.transformBlock&&(l=l.map(d.transformBlock));const o=l.map(d=>{for(const c of t.plugins)if(c.renderBlock){const u=c.renderBlock(d,()=>K(d,t));if(u!==null)return u}const a=t.customRenderers[d.type];return a?a(d):K(d,t)});let g=`<div class="${i}preview">${o.join(`
-`)}</div>`;return g=xe(g,t.sanitize),g}async function Ae(e,n){const t=V(n);for(const l of t.plugins)l.init&&await l.init();let i=U(e,n);for(const l of t.plugins)l.postProcess&&(i=await l.postProcess(i));return i}function K(e,n){const t=n.classPrefix;switch(e.type){case"paragraph":return`<p class="${t}paragraph">${F(e.content,n)}</p>`;case"heading":return Fe(e,n);case"bulletList":return Ie(e,n);case"numberedList":return Pe(e,n);case"checkList":return Le(e,n);case"codeBlock":return Re(e,n);case"blockquote":return`<blockquote class="${t}blockquote">${F(e.content,n)}</blockquote>`;case"table":return Ee(e,n);case"image":return Te(e,n);case"divider":return`<hr class="${t}divider" />`;case"callout":return _e(e,n);default:return`<div class="${t}unknown">${F(e.content,n)}</div>`}}function Fe(e,n){const t=n.classPrefix,i=e.props.level,l=`h${i}`,o=F(e.content,n);return`<${l} class="${t}heading ${t}h${i}">${o}</${l}>`}function Ie(e,n){const t=n.classPrefix,i=e.children.map(l=>`<li>${F(l.content,n)}</li>`).join(`
-`);return`<ul class="${t}bullet-list">
-${i}
-</ul>`}function Pe(e,n){const t=n.classPrefix,i=e.children.map(l=>`<li>${F(l.content,n)}</li>`).join(`
-`);return`<ol class="${t}numbered-list">
-${i}
-</ol>`}function Le(e,n){const t=n.classPrefix,i=e.props.checked,l=i?"checked disabled":"disabled",o=i?`${t}checked`:"";return`
-<div class="${t}checklist-item">
-  <input type="checkbox" ${l} />
-  <span class="${o}">${F(e.content,n)}</span>
-</div>`.trim()}function Re(e,n){const t=n.classPrefix,i=e.content.map(a=>a.text).join(""),l=e.props.language||"",o=x(i),g=l?` language-${l}`:"",d=l?` data-language="${l}"`:"";return`<pre class="${t}code-block"${d}><code class="${t}code${g}">${o}</code></pre>`}function Ee(e,n){const t=n.classPrefix,{headers:i,rows:l,alignments:o}=e.props,g=c=>{const u=o?.[c];return u?` style="text-align: ${u}"`:""},d=i.length>0?`<thead><tr>${i.map((c,u)=>`<th${g(u)}>${x(c)}</th>`).join("")}</tr></thead>`:"",a=l.map(c=>`<tr>${c.map((u,k)=>`<td${g(k)}>${x(u)}</td>`).join("")}</tr>`).join(`
-`);return`<table class="${t}table">
-${d}
-<tbody>
-${a}
-</tbody>
-</table>`}function Te(e,n){const t=n.classPrefix,{url:i,alt:l,title:o,width:g,height:d}=e.props,a=l?` alt="${x(l)}"`:' alt=""',c=o?` title="${x(o)}"`:"",u=g?` width="${g}"`:"",k=d?` height="${d}"`:"",h=`<img src="${x(i)}"${a}${c}${u}${k} />`,m=l?`<figcaption>${x(l)}</figcaption>`:"";return`<figure class="${t}image">${h}${m}</figure>`}function _e(e,n){const t=n.classPrefix,i=e.props.type,l=F(e.content,n);return`
-<div class="${t}callout ${t}callout-${i}" role="alert">
-  <strong class="${t}callout-title">${i}</strong>
-  <div class="${t}callout-content">${l}</div>
-</div>`.trim()}function F(e,n){return e.map(t=>Me(t,n)).join("")}function Me(e,n){let t=x(e.text);const i=e.styles;if(i.code&&(t=`<code>${t}</code>`),i.highlight&&(t=`<mark>${t}</mark>`),i.strikethrough&&(t=`<del>${t}</del>`),i.underline&&(t=`<u>${t}</u>`),i.italic&&(t=`<em>${t}</em>`),i.bold&&(t=`<strong>${t}</strong>`),i.link){const l=n.linkTarget==="_blank"?' target="_blank" rel="noopener noreferrer"':"",o=i.link.title?` title="${x(i.link.title)}"`:"";t=`<a href="${x(i.link.url)}"${o}${l}>${t}</a>`}return t}function x(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;")}function De(e){return[...[1,2,3,4,5,6].map(t=>({tag:`h${t}`,classes:[`${e}heading`,`${e}h${t}`]})),{tag:"p",classes:[`${e}paragraph`]},{tag:"ul",classes:[`${e}bullet-list`]},{tag:"ol",classes:[`${e}numbered-list`]},{tag:"pre",classes:[`${e}code-block`]},{tag:"blockquote",classes:[`${e}blockquote`]},{tag:"hr",classes:[`${e}divider`]},{tag:"table",classes:[`${e}table`]},{tag:"figure",classes:[`${e}image`]}]}function Be(e,n){const t=n.join(" "),i=/\bclass\s*=\s*"([^"]*)"/i,l=e.match(i);return l?e.replace(i,`class="${t} ${l[1]}"`):e.endsWith("/>")?e.slice(0,-2)+` class="${t}" />`:e.slice(0,-1)+` class="${t}">`}function Oe(e,n){return e.replace(new RegExp("(?<!<figure[^>]*>\\s*)(<img\\s[^>]*\\/?>)(?!\\s*<\\/figure>)","gi"),`<figure class="${n}image">$1</figure>`)}function Ne(e,n){const t=n?.classPrefix??"cm-",i=n?.wrapperClass??`${t}preview`,l=De(t);let o=e;for(const{tag:g,classes:d}of l){const a=new RegExp(`<${g}(\\s[^>]*)?>|<${g}\\s*\\/?>`,"gi");o=o.replace(a,c=>Be(c,d))}return o=Oe(o,t),o=`<div class="${i}">${o}</div>`,typeof n?.sanitize=="function"&&(o=n.sanitize(o)),o}async function je(e){try{return(await ne(()=>import("./preview_false-BbapWtFj.js"),[],import.meta.url)).parse(e)}catch{throw new Error("@create-markdown/core is required to parse markdown in <markdown-preview>. Install it, or provide pre-parsed blocks via the blocks attribute / setBlocks().")}}var ze=class extends HTMLElement{constructor(){super(),R(this,"_shadow",null),R(this,"plugins",[]),R(this,"defaultTheme","github"),R(this,"styleElement"),R(this,"contentElement");const e=this.constructor._shadowMode;e!=="none"&&(this._shadow=this.attachShadow({mode:e})),this.styleElement=document.createElement("style"),this.renderRoot.appendChild(this.styleElement),this.contentElement=document.createElement("div"),this.contentElement.className="markdown-preview-content",this.renderRoot.appendChild(this.contentElement),this.updateStyles()}static get observedAttributes(){return["theme","link-target","async"]}get renderRoot(){return this._shadow??this}connectedCallback(){this.render()}attributeChangedCallback(e,n,t){this.render()}setPlugins(e){this.plugins=e,this.render()}setDefaultTheme(e){this.defaultTheme=e,this.render()}getMarkdown(){const e=this.getAttribute("blocks");if(e)try{return JSON.parse(e).map(t=>t.content.map(i=>i.text).join("")).join(`
-
-`)}catch{return""}return this.textContent||""}setMarkdown(e){this.textContent=e,this.render()}setBlocks(e){this.setAttribute("blocks",JSON.stringify(e)),this.render()}getOptions(){const e=this.getAttribute("theme")||this.defaultTheme,n=this.getAttribute("link-target")||"_blank";return{theme:e,linkTarget:n,plugins:this.plugins}}async getBlocks(){const e=this.getAttribute("blocks");if(e)try{return JSON.parse(e)}catch{return console.warn("Invalid blocks JSON in markdown-preview element"),[]}const n=this.textContent||"";return je(n)}async render(){const e=await this.getBlocks(),n=this.getOptions(),t=this.hasAttribute("async")||this.plugins.length>0;try{let i;t?i=await Ae(e,n):i=U(e,n),this.contentElement.innerHTML=i}catch(i){console.error("Error rendering markdown preview:",i),this.contentElement.innerHTML='<div class="error">Error rendering content</div>'}}updateStyles(){const e=this.plugins.filter(t=>t.getCSS).map(t=>t.getCSS()).join(`
-
-`),n=this._shadow?":host { display: block; }":"markdown-preview { display: block; }";this.styleElement.textContent=`
-${n}
-
-.markdown-preview-content {
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif;
-  font-size: 16px;
-  line-height: 1.6;
-}
-
-.error {
-  color: #cf222e;
-  padding: 1rem;
-  background: #ffebe9;
-  border-radius: 6px;
-}
-
-${e}
-    `.trim()}};R(ze,"_shadowMode","open");function Q(e,n,t){return s`
-    <section class="card">
-      <div class="card-title">Agent Context</div>
-      <div class="card-sub">${n}</div>
-      <div class="agents-overview-grid" style="margin-top: 16px;">
-        <div class="agent-kv">
-          <div class="label">Workspace</div>
-          <div>
-            <button
-              type="button"
-              class="workspace-link mono"
-              @click=${()=>t("files")}
-              title="Open Files tab"
-            >
-              ${e.workspace}
-            </button>
-          </div>
-        </div>
-        <div class="agent-kv">
-          <div class="label">Primary Model</div>
-          <div class="mono">${e.model}</div>
-        </div>
-        <div class="agent-kv">
-          <div class="label">Identity Name</div>
-          <div>${e.identityName}</div>
-        </div>
-        <div class="agent-kv">
-          <div class="label">Identity Avatar</div>
-          <div>${e.identityAvatar}</div>
-        </div>
-        <div class="agent-kv">
-          <div class="label">Skills Filter</div>
-          <div>${e.skillsLabel}</div>
-        </div>
-        <div class="agent-kv">
-          <div class="label">Default</div>
-          <div>${e.isDefault?"yes":"no"}</div>
-        </div>
-      </div>
-    </section>
-  `}function qe(e,n){const t=e.channelMeta?.find(i=>i.id===n);return t?.label?t.label:e.channelLabels?.[n]??n}function We(e){if(!e)return[];const n=new Set;for(const l of e.channelOrder??[])n.add(l);for(const l of e.channelMeta??[])n.add(l.id);for(const l of Object.keys(e.channelAccounts??{}))n.add(l);const t=[],i=e.channelOrder?.length?e.channelOrder:Array.from(n);for(const l of i)n.has(l)&&(t.push(l),n.delete(l));for(const l of n)t.push(l);return t.map(l=>({id:l,label:qe(e,l),accounts:e.channelAccounts?.[l]??[]}))}const He=["groupPolicy","streamMode","dmPolicy"];function Je(e){let n=0,t=0,i=0;for(const l of e){const o=l.probe&&typeof l.probe=="object"&&"ok"in l.probe?!!l.probe.ok:!1;(l.connected===!0||l.running===!0||o)&&(n+=1),l.configured&&(t+=1),l.enabled&&(i+=1)}return{total:e.length,connected:n,configured:t,enabled:i}}function Ge(e){const n=We(e.snapshot),t=e.lastSuccess?se(e.lastSuccess):"never";return s`
-    <section class="grid grid-cols-2">
-      ${Q(e.context,"Workspace, identity, and model configuration.",e.onSelectPanel)}
-      <section class="card">
-        <div class="row" style="justify-content: space-between;">
-          <div>
-            <div class="card-title">Channels</div>
-            <div class="card-sub">Gateway-wide channel status snapshot.</div>
-          </div>
-          <button class="btn btn--sm" ?disabled=${e.loading} @click=${e.onRefresh}>
-            ${e.loading?$("common.refreshing"):$("common.refresh")}
-          </button>
-        </div>
-        <div class="muted" style="margin-top: 8px;">Last refresh: ${t}</div>
-        ${e.error?s`<div class="callout danger" style="margin-top: 12px;">${e.error}</div>`:r}
-        ${e.snapshot?r:s`
-              <div class="callout info" style="margin-top: 12px">
-                Load channels to see live status.
-              </div>
-            `}
-        ${n.length===0?s` <div class="muted" style="margin-top: 16px">No channels found.</div> `:s`
-              <div class="list" style="margin-top: 16px;">
-                ${n.map(i=>{const l=Je(i.accounts),o=l.total?`${l.connected}/${l.total} connected`:"no accounts",g=l.configured?`${l.configured} configured`:"not configured",d=l.total?`${l.enabled} enabled`:"disabled",a=$e({configForm:e.configForm,channelId:i.id,fields:He});return s`
-                    <div class="list-item">
-                      <div class="list-main">
-                        <div class="list-title">${i.label}</div>
-                        <div class="list-sub mono">${i.id}</div>
-                      </div>
-                      <div class="list-meta">
-                        <div>${o}</div>
-                        <div>${g}</div>
-                        <div>${d}</div>
-                        ${l.configured===0?s`
-                              <div>
-                                <a
-                                  href="https://docs.squidclaw.ai/channels"
-                                  target="_blank"
-                                  rel="noopener"
-                                  style="color: var(--accent); font-size: 12px"
-                                  >Setup guide</a
-                                >
-                              </div>
-                            `:r}
-                        ${a.length>0?a.map(c=>s`<div>${c.label}: ${c.value}</div>`):r}
-                      </div>
-                    </div>
-                  `})}
-              </div>
-            `}
-      </section>
-    </section>
-  `}function Ke(e){const n=e.jobs.filter(t=>t.agentId===e.agentId);return s`
-    <section class="grid grid-cols-2">
-      ${Q(e.context,"Workspace and scheduling targets.",e.onSelectPanel)}
-      <section class="card">
-        <div class="row" style="justify-content: space-between;">
-          <div>
-            <div class="card-title">Scheduler</div>
-            <div class="card-sub">Gateway cron status.</div>
-          </div>
-          <button class="btn btn--sm" ?disabled=${e.loading} @click=${e.onRefresh}>
-            ${e.loading?$("common.refreshing"):$("common.refresh")}
-          </button>
-        </div>
-        <div class="stat-grid" style="margin-top: 16px;">
-          <div class="stat">
-            <div class="stat-label">${$("common.enabled")}</div>
-            <div class="stat-value">
-              ${e.status?e.status.enabled?$("common.yes"):$("common.no"):$("common.na")}
-            </div>
-          </div>
-          <div class="stat">
-            <div class="stat-label">Jobs</div>
-            <div class="stat-value">${e.status?.jobs??$("common.na")}</div>
-          </div>
-          <div class="stat">
-            <div class="stat-label">Next wake</div>
-            <div class="stat-value">${ae(e.status?.nextWakeAtMs??null)}</div>
-          </div>
-        </div>
-        ${e.error?s`<div class="callout danger" style="margin-top: 12px;">${e.error}</div>`:r}
-      </section>
-    </section>
-    <section class="card">
-      <div class="card-title">Agent Cron Jobs</div>
-      <div class="card-sub">Scheduled jobs targeting this agent.</div>
-      ${n.length===0?s` <div class="muted" style="margin-top: 16px">No jobs assigned.</div> `:s`
-            <div class="list" style="margin-top: 16px;">
-              ${n.map(t=>s`
-                  <div class="list-item">
-                    <div class="list-main">
-                      <div class="list-title">${t.name}</div>
-                      ${t.description?s`<div class="list-sub">${t.description}</div>`:r}
-                      <div class="chip-row" style="margin-top: 6px;">
-                        <span class="chip">${oe(t)}</span>
-                        <span class="chip ${t.enabled?"chip-ok":"chip-warn"}">
-                          ${t.enabled?"enabled":"disabled"}
-                        </span>
-                        <span class="chip">${t.sessionTarget}</span>
-                      </div>
-                    </div>
-                    <div class="list-meta">
-                      <div class="mono">${ce(t)}</div>
-                      <div class="muted">${de(t)}</div>
-                      <button
-                        class="btn btn--sm"
-                        style="margin-top: 6px;"
-                        ?disabled=${!t.enabled}
-                        @click=${()=>e.onRunNow(t.id)}
-                      >
-                        Run Now
-                      </button>
-                    </div>
-                  </div>
-                `)}
-            </div>
-          `}
-    </section>
-  `}function Ve(e){const n=e.agentFilesList?.agentId===e.agentId?e.agentFilesList:null,t=n?.files??[],i=e.agentFileActive??null,l=i?t.find(a=>a.name===i)??null:null,o=i?e.agentFileContents[i]??"":"",g=i?e.agentFileDrafts[i]??o:"",d=i?g!==o:!1;return s`
-    <section class="card">
-      <div class="row" style="justify-content: space-between;">
-        <div>
-          <div class="card-title">Core Files</div>
-          <div class="card-sub">Bootstrap persona, identity, and tool guidance.</div>
-        </div>
-        <button
-          class="btn btn--sm"
-          ?disabled=${e.agentFilesLoading}
-          @click=${()=>e.onLoadFiles(e.agentId)}
-        >
-          ${e.agentFilesLoading?$("common.loading"):$("common.refresh")}
-        </button>
-      </div>
-      ${n?s`<div class="muted mono" style="margin-top: 8px;">
-            Workspace: <span>${n.workspace}</span>
-          </div>`:r}
-      ${e.agentFilesError?s`<div class="callout danger" style="margin-top: 12px;">
-            ${e.agentFilesError}
-          </div>`:r}
-      ${n?t.length===0?s` <div class="muted" style="margin-top: 16px">No files found.</div> `:s`
-              <div class="agent-tabs" style="margin-top: 14px;">
-                ${t.map(a=>{const c=i===a.name,u=a.name.replace(/\.md$/i,"");return s`
-                    <button
-                      class="agent-tab ${c?"active":""} ${a.missing?"agent-tab--missing":""}"
-                      @click=${()=>e.onSelectFile(a.name)}
-                    >
-                      ${u}${a.missing?s` <span class="agent-tab-badge">missing</span> `:r}
-                    </button>
-                  `})}
-              </div>
-              ${l?s`
-                    <div class="agent-file-header" style="margin-top: 14px;">
-                      <div>
-                        <div class="agent-file-sub mono">${l.path}</div>
-                      </div>
-                      <div class="agent-file-actions">
-                        <button
-                          class="btn btn--sm"
-                          title="Preview rendered markdown"
-                          @click=${a=>{const u=a.currentTarget.closest(".card")?.querySelector("dialog");u&&u.showModal()}}
-                        >
-                          ${T.eye} Preview
-                        </button>
-                        <button
-                          class="btn btn--sm"
-                          ?disabled=${!d}
-                          @click=${()=>e.onFileReset(l.name)}
-                        >
-                          Reset
-                        </button>
-                        <button
-                          class="btn btn--sm primary"
-                          ?disabled=${e.agentFileSaving||!d}
-                          @click=${()=>e.onFileSave(l.name)}
-                        >
-                          ${e.agentFileSaving?"Saving…":"Save"}
-                        </button>
-                      </div>
-                    </div>
-                    ${l.missing?s`
-                          <div class="callout info" style="margin-top: 10px">
-                            This file is missing. Saving will create it in the agent workspace.
-                          </div>
-                        `:r}
-                    <label class="field agent-file-field" style="margin-top: 12px;">
-                      <span>Content</span>
-                      <textarea
-                        class="agent-file-textarea"
-                        .value=${g}
-                        @input=${a=>e.onFileDraftChange(l.name,a.target.value)}
-                      ></textarea>
-                    </label>
-                    <dialog
-                      class="md-preview-dialog"
-                      @click=${a=>{const c=a.currentTarget;a.target===c&&c.close()}}
-                      @close=${a=>{a.currentTarget.querySelector(".md-preview-dialog__panel")?.classList.remove("fullscreen")}}
-                    >
-                      <div class="md-preview-dialog__panel">
-                        <div class="md-preview-dialog__header">
-                          <div class="md-preview-dialog__title mono">${l.name}</div>
-                          <div class="md-preview-dialog__actions">
-                            <button
-                              class="btn btn--sm md-preview-expand-btn"
-                              title="Toggle fullscreen"
-                              @click=${a=>{const c=a.currentTarget,u=c.closest(".md-preview-dialog__panel");if(!u)return;const k=u.classList.toggle("fullscreen");c.classList.toggle("is-fullscreen",k)}}
-                            >
-                              <span class="when-normal">${T.maximize} Expand</span
-                              ><span class="when-fullscreen">${T.minimize} Collapse</span>
-                            </button>
-                            <button
-                              class="btn btn--sm"
-                              title="Edit file"
-                              @click=${a=>{a.currentTarget.closest("dialog")?.close(),document.querySelector(".agent-file-textarea")?.focus()}}
-                            >
-                              ${T.edit} Editor
-                            </button>
-                            <button
-                              class="btn btn--sm"
-                              @click=${a=>{a.currentTarget.closest("dialog")?.close()}}
-                            >
-                              ${T.x} Close
-                            </button>
-                          </div>
-                        </div>
-                        <div class="md-preview-dialog__body">
-                          ${le(Ne(ie.parse(g,{gfm:!0,breaks:!0}),{sanitize:a=>re.sanitize(a)}))}
-                        </div>
-                      </div>
-                    </dialog>
-                  `:s` <div class="muted" style="margin-top: 16px">Select a file to edit.</div> `}
-            `:s`
-            <div class="callout info" style="margin-top: 12px">
-              Load the agent workspace files to edit core instructions.
-            </div>
-          `}
-    </section>
-  `}function Ue(e,n){const t=n.source??e.source,i=n.pluginId??e.pluginId,l=[];return t==="plugin"&&i?l.push(`plugin:${i}`):t==="core"&&l.push("core"),n.optional&&l.push("optional"),l.length===0?r:s`
-    <div style="display: flex; gap: 6px; flex-wrap: wrap; margin-top: 6px;">
-      ${l.map(o=>s`<span class="agent-pill">${o}</span>`)}
-    </div>
-  `}function Qe(e){return e.source==="plugin"?e.pluginId?$("agentTools.connectedSource",{id:e.pluginId}):$("agentTools.connected"):e.source==="channel"?e.channelId?$("agentTools.channelSource",{id:e.channelId}):$("agentTools.channel"):$("agentTools.builtIn")}function Xe(e){const n=z(e.configForm,e.agentId),t=n.entry?.tools??{},i=n.globalTools??{},l=t.profile??i.profile??"full",o=ge(e.toolsCatalogResult),g=ue(e.toolsCatalogResult),d=t.profile?"agent override":i.profile?"global default":"default",a=Array.isArray(t.allow)&&t.allow.length>0,c=Array.isArray(i.allow)&&i.allow.length>0,u=!!e.configForm&&!e.configLoading&&!e.configSaving&&!a&&!(e.toolsCatalogLoading&&!e.toolsCatalogResult&&!e.toolsCatalogError),k=a?[]:Array.isArray(t.alsoAllow)?t.alsoAllow:[],h=a?[]:Array.isArray(t.deny)?t.deny:[],m=a?{allow:t.allow??[],deny:t.deny??[]}:ve(l)??void 0,_=g.flatMap(v=>v.tools.map(b=>b.id)),P=v=>{const b=fe(v,m),w=H(v,k),f=H(v,h);return{allowed:(b||w)&&!f,baseAllowed:b,denied:f}},B=_.filter(v=>P(v).allowed).length,M=(v,b)=>{const w=new Set(k.map(S=>L(S)).filter(S=>S.length>0)),f=new Set(h.map(S=>L(S)).filter(S=>S.length>0)),I=P(v).baseAllowed,p=L(v);b?(f.delete(p),I||w.add(p)):(w.delete(p),f.add(p)),e.onOverridesChange(e.agentId,[...w],[...f])},E=v=>{const b=new Set(k.map(f=>L(f)).filter(f=>f.length>0)),w=new Set(h.map(f=>L(f)).filter(f=>f.length>0));for(const f of _){const I=P(f).baseAllowed,p=L(f);v?(w.delete(p),I||b.add(p)):(b.delete(p),w.add(p))}e.onOverridesChange(e.agentId,[...b],[...w])};return s`
-    <section class="card">
-      <div class="row" style="justify-content: space-between; flex-wrap: wrap;">
-        <div style="min-width: 0;">
-          <div class="card-title">Tool Access</div>
-          <div class="card-sub">
-            Profile + per-tool overrides for this agent.
-            <span class="mono">${B}/${_.length}</span> enabled.
-          </div>
-        </div>
-        <div class="row" style="gap: 8px; flex-wrap: wrap;">
-          <button class="btn btn--sm" ?disabled=${!u} @click=${()=>E(!0)}>
-            Enable All
-          </button>
-          <button class="btn btn--sm" ?disabled=${!u} @click=${()=>E(!1)}>
-            Disable All
-          </button>
-          <button
-            class="btn btn--sm"
-            ?disabled=${e.configLoading}
-            @click=${e.onConfigReload}
-          >
-            ${$("common.reloadConfig")}
-          </button>
-          <button
-            class="btn btn--sm primary"
-            ?disabled=${e.configSaving||!e.configDirty}
-            @click=${e.onConfigSave}
-          >
-            ${e.configSaving?"Saving…":"Save"}
-          </button>
-        </div>
-      </div>
-
-      ${e.configForm?r:s`
-            <div class="callout info" style="margin-top: 12px">
-              Load the gateway config to adjust tool profiles.
-            </div>
-          `}
-      ${a?s`
-            <div class="callout info" style="margin-top: 12px">
-              This agent is using an explicit allowlist in config. Tool overrides are managed in the
-              Config tab.
-            </div>
-          `:r}
-      ${c?s`
-            <div class="callout info" style="margin-top: 12px">
-              Global tools.allow is set. Agent overrides cannot enable tools that are globally
-              blocked.
-            </div>
-          `:r}
-      ${e.toolsCatalogLoading&&!e.toolsCatalogResult&&!e.toolsCatalogError?s`
-            <div class="callout info" style="margin-top: 12px">Loading runtime tool catalog…</div>
-          `:r}
-      ${e.toolsCatalogError?s`
-            <div class="callout info" style="margin-top: 12px">
-              Could not load runtime tool catalog. Showing built-in fallback list instead.
-            </div>
-          `:r}
-
-      <div class="agent-tools-meta" style="margin-top: 16px;">
-        <div class="agent-kv">
-          <div class="label">Profile</div>
-          <div class="mono">${l}</div>
-        </div>
-        <div class="agent-kv">
-          <div class="label">Source</div>
-          <div>${d}</div>
-        </div>
-        ${e.configDirty?s`
-              <div class="agent-kv">
-                <div class="label">Status</div>
-                <div class="mono">unsaved</div>
-              </div>
-            `:r}
-      </div>
-
-      <div style="margin-top: 18px;">
-        <div class="label">Available Right Now</div>
-        <div class="card-sub">
-          What this agent can use in the current chat session.
-          <span class="mono">${e.runtimeSessionKey||"no session"}</span>
-        </div>
-        ${e.runtimeSessionMatchesSelectedAgent?e.toolsEffectiveLoading&&!e.toolsEffectiveResult&&!e.toolsEffectiveError?s`
-                <div class="callout info" style="margin-top: 12px">Loading available tools…</div>
-              `:e.toolsEffectiveError?s`
-                  <div class="callout info" style="margin-top: 12px">
-                    Could not load available tools for this session.
-                  </div>
-                `:(e.toolsEffectiveResult?.groups?.length??0)===0?s`
-                    <div class="callout info" style="margin-top: 12px">
-                      No tools are available for this session right now.
-                    </div>
-                  `:s`
-                    <div class="agent-tools-grid" style="margin-top: 16px;">
-                      ${e.toolsEffectiveResult?.groups.map(v=>s`
-                          <div class="agent-tools-section">
-                            <div class="agent-tools-header">${v.label}</div>
-                            <div class="agent-tools-list">
-                              ${v.tools.map(b=>s`
-                                  <div class="agent-tool-row">
-                                    <div>
-                                      <div class="agent-tool-title">${b.label}</div>
-                                      <div class="agent-tool-sub">${b.description}</div>
-                                      <div
-                                        style="display: flex; gap: 6px; flex-wrap: wrap; margin-top: 6px;"
-                                      >
-                                        <span class="agent-pill"
-                                          >${Qe(b)}</span
-                                        >
-                                      </div>
-                                    </div>
-                                  </div>
-                                `)}
-                            </div>
-                          </div>
-                        `)}
-                    </div>
-                  `:s`
-              <div class="callout info" style="margin-top: 12px">
-                Switch chat to this agent to view its live runtime tools.
-              </div>
-            `}
-      </div>
-
-      <div class="agent-tools-presets" style="margin-top: 16px;">
-        <div class="label">Quick Presets</div>
-        <div class="agent-tools-buttons">
-          ${o.map(v=>s`
-              <button
-                class="btn btn--sm ${l===v.id?"active":""}"
-                ?disabled=${!u}
-                @click=${()=>e.onProfileChange(e.agentId,v.id,!0)}
-              >
-                ${v.label}
-              </button>
-            `)}
-          <button
-            class="btn btn--sm"
-            ?disabled=${!u}
-            @click=${()=>e.onProfileChange(e.agentId,null,!1)}
-          >
-            Inherit
-          </button>
-        </div>
-      </div>
-
-      <div class="agent-tools-grid" style="margin-top: 20px;">
-        ${g.map(v=>s`
-            <div class="agent-tools-section">
-              <div class="agent-tools-header">
-                ${v.label}
-                ${v.source==="plugin"&&v.pluginId?s`<span class="agent-pill" style="margin-left: 8px;"
-                      >plugin:${v.pluginId}</span
-                    >`:r}
-              </div>
-              <div class="agent-tools-list">
-                ${v.tools.map(b=>{const{allowed:w}=P(b.id);return s`
-                    <div class="agent-tool-row">
-                      <div>
-                        <div class="agent-tool-title mono">${b.label}</div>
-                        <div class="agent-tool-sub">${b.description}</div>
-                        ${Ue(v,b)}
-                      </div>
-                      <label class="cfg-toggle">
-                        <input
-                          type="checkbox"
-                          .checked=${w}
-                          ?disabled=${!u}
-                          @change=${f=>M(b.id,f.target.checked)}
-                        />
-                        <span class="cfg-toggle__track"></span>
-                      </label>
-                    </div>
-                  `})}
-              </div>
-            </div>
-          `)}
-      </div>
-    </section>
-  `}function Ye(e){const n=!!e.configForm&&!e.configLoading&&!e.configSaving,t=z(e.configForm,e.agentId),i=Array.isArray(t.entry?.skills)?t.entry?.skills:void 0,l=new Set((i??[]).map(m=>m.trim()).filter(Boolean)),o=i!==void 0,g=!!(e.report&&e.activeAgentId===e.agentId),d=g?e.report?.skills??[]:[],a=W(e.filter),c=a?d.filter(m=>W([m.name,m.description,m.source].join(" ")).includes(a)):d,u=he(c),k=o?d.filter(m=>l.has(m.name)).length:d.length,h=d.length;return s`
-    <section class="card">
-      <div class="row" style="justify-content: space-between; flex-wrap: wrap;">
-        <div style="min-width: 0;">
-          <div class="card-title">Skills</div>
-          <div class="card-sub">
-            Per-agent skill allowlist and workspace skills.
-            ${h>0?s`<span class="mono">${k}/${h}</span>`:r}
-          </div>
-        </div>
-        <div class="row" style="gap: 8px; flex-wrap: wrap;">
-          <div
-            class="row"
-            style="gap: 4px; border: 1px solid var(--border); border-radius: var(--radius-md); padding: 2px;"
-          >
-            <button
-              class="btn btn--sm"
-              ?disabled=${!n}
-              @click=${()=>e.onClear(e.agentId)}
-            >
-              Enable All
-            </button>
-            <button
-              class="btn btn--sm"
-              ?disabled=${!n}
-              @click=${()=>e.onDisableAll(e.agentId)}
-            >
-              Disable All
-            </button>
-            <button
-              class="btn btn--sm"
-              ?disabled=${!n||!o}
-              @click=${()=>e.onClear(e.agentId)}
-              title="Remove per-agent allowlist and use all skills"
-            >
-              Reset
-            </button>
-          </div>
-          <button
-            class="btn btn--sm"
-            ?disabled=${e.configLoading}
-            @click=${e.onConfigReload}
-          >
-            ${$("common.reloadConfig")}
-          </button>
-          <button class="btn btn--sm" ?disabled=${e.loading} @click=${e.onRefresh}>
-            ${e.loading?$("common.loading"):$("common.refresh")}
-          </button>
-          <button
-            class="btn btn--sm primary"
-            ?disabled=${e.configSaving||!e.configDirty}
-            @click=${e.onConfigSave}
-          >
-            ${e.configSaving?"Saving…":"Save"}
-          </button>
-        </div>
-      </div>
-
-      ${e.configForm?r:s`
-            <div class="callout info" style="margin-top: 12px">
-              Load the gateway config to set per-agent skills.
-            </div>
-          `}
-      ${o?s`
-            <div class="callout info" style="margin-top: 12px">
-              This agent uses a custom skill allowlist.
-            </div>
-          `:s`
-            <div class="callout info" style="margin-top: 12px">
-              All skills are enabled. Disabling any skill will create a per-agent allowlist.
-            </div>
-          `}
-      ${!g&&!e.loading?s`
-            <div class="callout info" style="margin-top: 12px">
-              Load skills for this agent to view workspace-specific entries.
-            </div>
-          `:r}
-      ${e.error?s`<div class="callout danger" style="margin-top: 12px;">${e.error}</div>`:r}
-
-      <div class="filters" style="margin-top: 14px;">
-        <label class="field" style="flex: 1;">
-          <span>Filter</span>
-          <input
-            .value=${e.filter}
-            @input=${m=>e.onFilterChange(m.target.value)}
-            placeholder="Search skills"
-            autocomplete="off"
-            name="agent-skills-filter"
-          />
-        </label>
-        <div class="muted">${c.length} shown</div>
-      </div>
-
-      ${c.length===0?s` <div class="muted" style="margin-top: 16px">No skills found.</div> `:s`
-            <div class="agent-skills-groups" style="margin-top: 16px;">
-              ${u.map(m=>Ze(m,{agentId:e.agentId,allowSet:l,usingAllowlist:o,editable:n,onToggle:e.onToggle}))}
-            </div>
-          `}
-    </section>
-  `}function Ze(e,n){const t=e.id==="workspace"||e.id==="built-in";return s`
-    <details class="agent-skills-group" ?open=${!t}>
-      <summary class="agent-skills-header">
-        <span>${e.label}</span>
-        <span class="muted">${e.skills.length}</span>
-      </summary>
-      <div class="list skills-grid">
-        ${e.skills.map(i=>et(i,{agentId:n.agentId,allowSet:n.allowSet,usingAllowlist:n.usingAllowlist,editable:n.editable,onToggle:n.onToggle}))}
-      </div>
-    </details>
-  `}function et(e,n){const t=n.usingAllowlist?n.allowSet.has(e.name):!0,i=me(e),l=ye(e);return s`
-    <div class="list-item agent-skill-row">
-      <div class="list-main">
-        <div class="list-title">${e.emoji?`${e.emoji} `:""}${e.name}</div>
-        <div class="list-sub">${e.description}</div>
-        ${ke({skill:e})}
-        ${i.length>0?s`<div class="muted" style="margin-top: 6px;">Missing: ${i.join(", ")}</div>`:r}
-        ${l.length>0?s`<div class="muted" style="margin-top: 6px;">Reason: ${l.join(", ")}</div>`:r}
-      </div>
-      <div class="list-meta">
-        <label class="cfg-toggle">
-          <input
-            type="checkbox"
-            .checked=${t}
-            ?disabled=${!n.editable}
-            @change=${o=>n.onToggle(n.agentId,e.name,o.target.checked)}
-          />
-          <span class="cfg-toggle__track"></span>
-        </label>
-      </div>
-    </div>
-  `}function st(e){const n=e.agentsList?.agents??[],t=e.agentsList?.defaultId??null,i=e.selectedAgentId??t??n[0]?.id??null,l=i?n.find(c=>c.id===i)??null:null,o=i&&e.agentSkills.agentId===i?e.agentSkills.report?.skills?.length??null:null,g=e.channels.snapshot?Object.keys(e.channels.snapshot.channelAccounts??{}).length:null,d=i?e.cron.jobs.filter(c=>c.agentId===i).length:null,a={files:e.agentFiles.list?.files?.length??null,skills:o,channels:g,cron:d||null};return s`
-    <div class="agents-layout">
-      <section class="agents-toolbar">
-        <div class="agents-toolbar-row">
-          <div class="agents-control-select">
-            <select
-              class="agents-select"
-              .value=${i??""}
-              ?disabled=${e.loading||n.length===0}
-              @change=${c=>e.onSelectAgent(c.target.value)}
-            >
-              ${n.length===0?s` <option value="">No agents</option> `:n.map(c=>s`
-                      <option value=${c.id} ?selected=${c.id===i}>
-                        ${be(c)}${J(c.id,t)?` (${J(c.id,t)})`:""}
-                      </option>
-                    `)}
-            </select>
-          </div>
-          <div class="agents-toolbar-actions">
-            ${l?s`
-                  <button
-                    type="button"
-                    class="btn btn--sm btn--ghost"
-                    @click=${()=>{navigator.clipboard.writeText(l.id)}}
-                    title="Copy agent ID to clipboard"
-                  >
-                    Copy ID
-                  </button>
-                  <button
-                    type="button"
-                    class="btn btn--sm btn--ghost"
-                    ?disabled=${!!(t&&l.id===t)}
-                    @click=${()=>e.onSetDefault(l.id)}
-                    title=${t&&l.id===t?"Already the default agent":"Set as the default agent"}
-                  >
-                    ${t&&l.id===t?"Default":"Set Default"}
-                  </button>
-                `:r}
-            <button
-              class="btn btn--sm agents-refresh-btn"
-              ?disabled=${e.loading}
-              @click=${e.onRefresh}
-            >
-              ${e.loading?$("common.loading"):$("common.refresh")}
-            </button>
-          </div>
-        </div>
-        ${e.error?s`<div class="callout danger" style="margin-top: 8px;">${e.error}</div>`:r}
-      </section>
-      <section class="agents-main">
-        ${l?s`
-              ${tt(e.activePanel,c=>e.onSelectPanel(c),a)}
-              ${e.activePanel==="overview"?we({agent:l,basePath:e.basePath,defaultId:t,configForm:e.config.form,agentFilesList:e.agentFiles.list,agentIdentity:e.agentIdentityById[l.id]??null,agentIdentityError:e.agentIdentityError,agentIdentityLoading:e.agentIdentityLoading,configLoading:e.config.loading,configSaving:e.config.saving,configDirty:e.config.dirty,modelCatalog:e.modelCatalog,onConfigReload:e.onConfigReload,onConfigSave:e.onConfigSave,onModelChange:e.onModelChange,onModelFallbacksChange:e.onModelFallbacksChange,onSelectPanel:e.onSelectPanel}):r}
-              ${e.activePanel==="files"?Ve({agentId:l.id,agentFilesList:e.agentFiles.list,agentFilesLoading:e.agentFiles.loading,agentFilesError:e.agentFiles.error,agentFileActive:e.agentFiles.active,agentFileContents:e.agentFiles.contents,agentFileDrafts:e.agentFiles.drafts,agentFileSaving:e.agentFiles.saving,onLoadFiles:e.onLoadFiles,onSelectFile:e.onSelectFile,onFileDraftChange:e.onFileDraftChange,onFileReset:e.onFileReset,onFileSave:e.onFileSave}):r}
-              ${e.activePanel==="tools"?Xe({agentId:l.id,configForm:e.config.form,configLoading:e.config.loading,configSaving:e.config.saving,configDirty:e.config.dirty,toolsCatalogLoading:e.toolsCatalog.loading,toolsCatalogError:e.toolsCatalog.error,toolsCatalogResult:e.toolsCatalog.result,toolsEffectiveLoading:e.toolsEffective.loading,toolsEffectiveError:e.toolsEffective.error,toolsEffectiveResult:e.toolsEffective.result,runtimeSessionKey:e.runtimeSessionKey,runtimeSessionMatchesSelectedAgent:e.runtimeSessionMatchesSelectedAgent,onProfileChange:e.onToolsProfileChange,onOverridesChange:e.onToolsOverridesChange,onConfigReload:e.onConfigReload,onConfigSave:e.onConfigSave}):r}
-              ${e.activePanel==="skills"?Ye({agentId:l.id,report:e.agentSkills.report,loading:e.agentSkills.loading,error:e.agentSkills.error,activeAgentId:e.agentSkills.agentId,configForm:e.config.form,configLoading:e.config.loading,configSaving:e.config.saving,configDirty:e.config.dirty,filter:e.agentSkills.filter,onFilterChange:e.onSkillsFilterChange,onRefresh:e.onSkillsRefresh,onToggle:e.onAgentSkillToggle,onClear:e.onAgentSkillsClear,onDisableAll:e.onAgentSkillsDisableAll,onConfigReload:e.onConfigReload,onConfigSave:e.onConfigSave}):r}
-              ${e.activePanel==="channels"?Ge({context:G(l,e.config.form,e.agentFiles.list,t,e.agentIdentityById[l.id]??null),configForm:e.config.form,snapshot:e.channels.snapshot,loading:e.channels.loading,error:e.channels.error,lastSuccess:e.channels.lastSuccess,onRefresh:e.onChannelsRefresh,onSelectPanel:e.onSelectPanel}):r}
-              ${e.activePanel==="cron"?Ke({context:G(l,e.config.form,e.agentFiles.list,t,e.agentIdentityById[l.id]??null),agentId:l.id,jobs:e.cron.jobs,status:e.cron.status,loading:e.cron.loading,error:e.cron.error,onRefresh:e.onCronRefresh,onRunNow:e.onCronRunNow,onSelectPanel:e.onSelectPanel}):r}
-            `:s`
-              <div class="card">
-                <div class="card-title">Select an agent</div>
-                <div class="card-sub">Pick an agent to inspect its workspace and tools.</div>
-              </div>
-            `}
-      </section>
-    </div>
-  `}function tt(e,n,t){return s`
-    <div class="agent-tabs">
-      ${[{id:"overview",label:"Overview"},{id:"files",label:"Files"},{id:"tools",label:"Tools"},{id:"skills",label:"Skills"},{id:"channels",label:"Channels"},{id:"cron",label:"Cron Jobs"}].map(l=>s`
-          <button
-            class="agent-tab ${e===l.id?"active":""}"
-            type="button"
-            @click=${()=>n(l.id)}
-          >
-            ${l.label}${t[l.id]!=null?s`<span class="agent-tab-count">${t[l.id]}</span>`:r}
-          </button>
-        `)}
-    </div>
-  `}export{st as renderAgents};
-//# sourceMappingURL=agents-DiaOppFK.js.map