stableclaw 2026.5.2 → 2026.5.3

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

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