cli-jaw 2.2.25 → 2.3.0

package/public/dist/assets/{ui-Csy42uNW.js → ui-Ca1Q-VFQ.js}

@@ -1,2 +1,2 @@
 const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/vendor-render-Bjnw0wQ6.css"])))=>i.map(i=>d[i]);
-import{t as e}from"./state-DxpgDKMO.js";import{t}from"./preload-helper-DFYRRz9w.js";import{N as n,T as r,j as i,k as a,t as o}from"./render-A--hkukv.js";import{A as s,C as c,D as l,N as u,O as d,S as f,_ as ee,b as te,k as p,m,t as ne,v as h,w as g,x as re}from"./iframe-renderer-C6Zwg9w4.js";import{C as _,D as v,E as y,S as b,_ as x,b as S,f as ie,g as C,h as w,l as T,m as E,p as D,u as ae,v as oe,w as se,x as O,y as k}from"./message-history-DCxD21J1.js";import{s as ce}from"./idb-cache-lOntwU3S.js";var A=2e3,j=80,le=400;function ue(e){if(e<=A)return j;let t=e/A*j;return Math.min(le,Math.round(t))}function M(e){return{chunks:[],fullText:``,textDirty:!1,element:e,pendingRAF:null,isFinalized:!1,lastRenderTime:0}}function N(e,t=``){let n=M(e);return t?(n.chunks=[t],n.fullText=t,n.textDirty=!1,n.element.innerHTML=o(t,!0)+`<span class="stream-cursor" aria-hidden="true"></span>`):n.element.innerHTML=`<span class="stream-cursor" aria-hidden="true"></span>`,n}function P(e){return e.textDirty&&=(e.fullText=e.chunks.join(``),!1),e.fullText}function F(e,t){e.chunks.push(t),e.textDirty=!0,!e.pendingRAF&&!e.isFinalized&&(e.pendingRAF=requestAnimationFrame(()=>{if(e.pendingRAF=null,e.isFinalized)return;let t=performance.now(),n=P(e);n.length<A||t-e.lastRenderTime>ue(n.length)?(e.element.innerHTML=o(n,!0)+`<span class="stream-cursor" aria-hidden="true"></span>`,e.lastRenderTime=t):e.pendingRAF=requestAnimationFrame(()=>{e.pendingRAF=null,!e.isFinalized&&(e.element.innerHTML=o(P(e),!0)+`<span class="stream-cursor" aria-hidden="true"></span>`,e.lastRenderTime=performance.now())})}))}function I(e,t=!1){e.isFinalized=!0,e.pendingRAF&&=(cancelAnimationFrame(e.pendingRAF),null);let n=P(e);return t||(e.element.innerHTML=o(n)),n}function L(e){return typeof e.traceSeq==`number`&&Number.isFinite(e.traceSeq)&&e.traceSeq>0}function R(e,t){return!!t.traceRunId&&!!e.traceRunId&&t.traceRunId===e.traceRunId&&L(t)&&L(e)&&t.traceSeq===e.traceSeq&&t.type===e.type&&t.label===e.label&&!!t.isEmployee==!!e.isEmployee}function z(e,t){return t.stepRef&&e.stepRef===t.stepRef?!0:R(e,t)}function B(e,t,n={}){return[...e].reverse().filter(e=>n.includeDone||e.status===`running`).find(e=>z(e,t))??null}function V(e,t){let n=e.filter(e=>e.status===`running`&&!e.stepRef&&e.label===t.label&&e.type===t.type&&!!e.isEmployee==!!t.isEmployee);return n.length===1?n[0]:null}function H(e,t){let n=[...e].reverse().filter(e=>e.status===`running`);return B(n,t)||V(n,t)}function U(){e.currentProcessBlock&&l(e.currentProcessBlock),e.currentAgentDiv instanceof HTMLElement&&l(e.currentAgentDiv),v(),s(),e.currentAgentDiv=null,e.currentProcessBlock=null,q=null}var W=0;function de(){W=Date.now()}function fe(){W=0}function pe(){return Date.now()-W<8e3}function G(e){for(let t of document.querySelectorAll(`.msg-user`))if(e.compareDocumentPosition(t)&Node.DOCUMENT_POSITION_FOLLOWING)return!0;return!1}function K(){let t=e.currentAgentDiv&&e.currentAgentDiv.isConnected?e.currentAgentDiv:null;return t?G(t)?(e.currentAgentDiv=null,e.currentProcessBlock=null,q=null,null):t:null}function me(){let e=Array.from(document.querySelectorAll(`.msg-agent`)).at(-1)??null;return!e||G(e)?null:e}function he(t,n){k();let r=K();if(r||(r=x(`agent`,``),e.currentAgentDiv=r,e.currentProcessBlock=null),b(r),!e.currentProcessBlock){let t=r.querySelector(`.agent-body`);t&&(e.currentProcessBlock=S(r)),!e.currentProcessBlock&&t&&(_(r),e.currentProcessBlock=f(t))}if(n&&e.currentProcessBlock&&!e.currentProcessBlock.startedAt&&(e.currentProcessBlock.startedAt=n),e.currentProcessBlock){let n=t.rawIcon||t.icon,r=t.status||a(t.icon)||`running`;if(r===`done`||r===`error`){let a=H(e.currentProcessBlock.steps,t);if(a){t.icon=i(t.icon);let o=t.type===`thinking`?p(a.id,t.detail):g(a.id,t.detail);d(e.currentProcessBlock,a.id,{...a,...t,id:a.id,rawIcon:n,detail:o,detailPreview:o,label:t.label||a.label,status:r,startTime:a.startTime}),m();return}if(t.stepRef&&(r===`done`||r===`error`)){let a=[...e.currentProcessBlock.steps].reverse().find(e=>e.stepRef===t.stepRef&&(e.status===`done`||e.status===`error`));if(a){t.icon=i(t.icon);let o=t.type===`thinking`?p(a.id,t.detail):g(a.id,t.detail);d(e.currentProcessBlock,a.id,{...a,...t,id:a.id,rawIcon:n,status:r,detail:o,detailPreview:o,startTime:a.startTime}),m();return}}}if(t.stepRef&&r===`running`){let r=[...e.currentProcessBlock.steps].reverse().find(e=>e.stepRef===t.stepRef&&e.status===`running`);if(r){t.rawIcon=n,t.icon=i(t.icon);let a=p(r.id,t.detail);d(e.currentProcessBlock,r.id,{...r,...t,id:r.id,rawIcon:n,status:`running`,detail:a,detailPreview:a,label:t.label||r.label,startTime:r.startTime}),m();return}}let o=B(e.currentProcessBlock.steps,t,{includeDone:!0});if(o){t.rawIcon=n,t.icon=i(t.icon);let a=t.detail||``,s=c(o.id)||o.detail||o.detailPreview||``,l=a.length>=s.length?a:s,u=p(o.id,l),f=(o.status===`done`||o.status===`error`)&&r===`running`?o.status:r;d(e.currentProcessBlock,o.id,{...o,...t,id:o.id,rawIcon:n,status:f,detail:u,detailPreview:u,label:t.label||o.label,startTime:o.startTime}),m();return}if(t.detail){let n=[...e.currentProcessBlock.steps].reverse().find(e=>e.status===`running`&&e.label===t.label&&e.type===t.type&&!!e.isEmployee==!!t.isEmployee&&!e.detail);if(n){d(e.currentProcessBlock,n.id,t),m();return}}t.rawIcon=n,t.icon=i(t.icon),h(e.currentProcessBlock,t)}m()}var q=null,J=`data-active-run-hydrated`;function Y(e){document.querySelectorAll(`[${J}="true"]`).forEach(t=>{e&&t===e||t.remove()})}function ge(e){let t=K()??me();Y(t);let n=t||x(`agent`,``,e||null);return n.setAttribute(J,`true`),n}function _e(e,t){let n=c(e.id)||e.detail||e.detailPreview||``,r=t.detail||t.detailPreview||``;return r.length>=n.length?r:n}function X(e){return e.stepRef?!0:!!e.traceRunId&&typeof e.traceSeq==`number`&&Number.isFinite(e.traceSeq)&&e.traceSeq>0}function ve(e,t){let n=e.steps.filter(e=>!X(e)),r=0,i=!0;for(let a of t){let t=e.steps.find(e=>z(e,a))??null;if(!t&&!X(a)&&i){let e=n[r]??null;e?e.type===a.type&&!!e.isEmployee==!!a.isEmployee?(t=e,r++):i=!1:r++}if(!t){let n=e.steps.filter(e=>e.label===a.label&&e.type===a.type&&!!e.isEmployee==!!a.isEmployee);t=n.length===1?n[0]:null}if(!t){if(h(e,a),!X(a)&&i){let t=e.steps[e.steps.length-1];t&&n.push(t)}continue}let o=p(t.id,_e(t,a));d(e,t.id,{...t,...a,id:t.id,detail:o,detailPreview:o,label:a.label||t.label})}}function ye(e=[]){document.querySelectorAll(`[data-queued-overlay="true"]`).forEach(e=>e.remove())}var Z=``;function be(e){let t=Array.isArray(e.toolLog)?e.toolLog:[],n=t.map(e=>`${e.stepRef||``}~${e.traceRunId||``}~${e.traceSeq??``}~${e.status||``}~${e.label||``}~${(e.detail||``).length}`).join(`|`);return`${e.traceRunId||``}:${e.cli||``}:${(e.text||``).length}:${t.length}:${n}`}function xe(t){if(!t?.running){Z=``,Y();return}let n=be(t);if(n===Z&&K())return;v(),k(),e.currentAgentDiv=ge(t.cli||null);let r=e.currentAgentDiv.querySelector(`.agent-body`),i=E(t.toolLog||[]);b(e.currentAgentDiv),e.currentProcessBlock=S(e.currentAgentDiv),r&&i.length?(e.currentProcessBlock||=(_(e.currentAgentDiv),f(r)),t.startedAt&&(e.currentProcessBlock.startedAt=t.startedAt),ve(e.currentProcessBlock,C(i,t.startedAt))):e.currentProcessBlock=S(e.currentAgentDiv);let a=e.currentAgentDiv.querySelector(`.msg-content`);a&&(q=N(a,t.text||``)),Z=n}function Q(t){if(!t)return;k(),K()||(e.currentAgentDiv=x(`agent`,``),q=null);let n=e.currentAgentDiv?.querySelector(`.msg-content`);n&&(q||=M(n),F(q,t)),m()}var $=0;function Se(e){e.querySelectorAll(`.mermaid-pending`).forEach(e=>{delete e.dataset.mermaidQueued,delete e.dataset.mermaidQueuedAt})}function Ce(t,i){let a=Date.now();if(!e.currentAgentDiv&&a-$<500)return;Z=``,v(),k(),e.currentAgentDiv&&b(e.currentAgentDiv);let s=se(e.currentProcessBlock??e.currentAgentDiv,!0),c=E(D(Array.isArray(i)?i:[],s)),d=w(c),f=!!e.currentProcessBlock||!!(e.currentAgentDiv&&O(e.currentAgentDiv));e.currentProcessBlock&&=(re(e.currentProcessBlock),null);let p=c.length>0;if(t||p){(!e.currentAgentDiv||!e.currentAgentDiv.isConnected)&&(e.currentAgentDiv=x(`agent`,``)),e.currentAgentDiv.removeAttribute(J);let i=e.currentAgentDiv?.querySelector(`.msg-content`),a=q?I(q,!0):``,s=t||a;if(q=null,i&&(i.innerHTML=o(s)),p&&e.currentAgentDiv&&!f&&!O(e.currentAgentDiv)){let t=e.currentAgentDiv.querySelector(`.msg-content`);t&&t.insertAdjacentHTML(`beforebegin`,te(C(c),!0))}e.currentAgentDiv&&b(e.currentAgentDiv),i&&i.setAttribute(`data-raw`,n(s)),i&&ne(i);let m=ee(),h=!!(m.active&&e.currentAgentDiv&&e.currentAgentDiv.isConnected);if(i&&!h&&r(i,{immediate:!0}),h){let t=e.currentAgentDiv;Se(t),t.querySelectorAll(`.diagram-widget`).forEach(e=>{let t=e,n=t.dataset.widgetHtml,r=t.dataset.widgetId;if(!n&&!r)return;let i=document.createElement(`div`);i.className=`diagram-widget-pending`,r?i.dataset.widgetId=r:n&&(i.dataset.diagramHtml=n),e.replaceWith(i)}),d?(m.appendItem(ie({role:`assistant`,content:s,cli:null,tool_log:d},m.count)),l(t),m.scrollToBottom()):(t.dataset.turnIndex=String(m.count),t.dataset.messageId||(t.dataset.messageId=u()),m.appendLiveItem(t)),t.remove()}s&&ce({role:`assistant`,content:s,tool_log:d,timestamp:Date.now()}).catch(()=>{})}q=null,e.currentAgentDiv=null,$=Date.now(),ae(`idle`),T()}function we(e,n){document.querySelectorAll(`.tab-btn`).forEach(e=>{e.classList.remove(`active`),e.setAttribute(`aria-selected`,`false`)}),document.querySelectorAll(`.tab-content`).forEach(e=>e.classList.remove(`active`)),document.getElementById({agents:`tabAgents`,settings:`tabSettings`,skills:`tabSkills`}[e])?.classList.add(`active`),n&&(n.classList.add(`active`),n.setAttribute(`aria-selected`,`true`)),e===`settings`&&t(()=>import(`./settings-C6Pku2GC.js`).then(e=>e.loadSettings()),__vite__mapDeps([0])),e===`agents`&&t(()=>import(`./employees-BNy8a6XX.js`).then(e=>e.loadEmployees()),__vite__mapDeps([0])),e===`skills`&&t(()=>import(`./skills-x2gH-1Ry.js`).then(e=>e.loadSkills()),__vite__mapDeps([0]))}function Te(){let e=document.getElementById(`tabSettings`)?.classList.contains(`active`);t(()=>import(`./settings-C6Pku2GC.js`).then(t=>e?t.savePerCli():t.updateSettings()),__vite__mapDeps([0]))}function Ee(){y({onStatus:oe})}export{Ce as a,Ee as c,he as d,we as f,fe as i,pe as l,ye as n,Te as o,U as r,xe as s,Q as t,de as u};
+import{t as e}from"./state-DxpgDKMO.js";import{t}from"./preload-helper-DFYRRz9w.js";import{N as n,T as r,j as i,k as a,t as o}from"./render-DZnFK8Kv.js";import{A as s,C as c,D as l,N as u,O as d,S as f,_ as ee,b as te,k as p,m,t as ne,v as h,w as g,x as re}from"./iframe-renderer-CvnKi77F.js";import{C as _,D as v,E as y,S as b,_ as x,b as S,f as ie,g as C,h as w,l as T,m as E,p as D,u as ae,v as oe,w as se,x as O,y as k}from"./message-history-BX9shNKA.js";import{s as ce}from"./idb-cache-lOntwU3S.js";var A=2e3,j=80,le=400;function ue(e){if(e<=A)return j;let t=e/A*j;return Math.min(le,Math.round(t))}function M(e){return{chunks:[],fullText:``,textDirty:!1,element:e,pendingRAF:null,isFinalized:!1,lastRenderTime:0}}function N(e,t=``){let n=M(e);return t?(n.chunks=[t],n.fullText=t,n.textDirty=!1,n.element.innerHTML=o(t,!0)+`<span class="stream-cursor" aria-hidden="true"></span>`):n.element.innerHTML=`<span class="stream-cursor" aria-hidden="true"></span>`,n}function P(e){return e.textDirty&&=(e.fullText=e.chunks.join(``),!1),e.fullText}function F(e,t){e.chunks.push(t),e.textDirty=!0,!e.pendingRAF&&!e.isFinalized&&(e.pendingRAF=requestAnimationFrame(()=>{if(e.pendingRAF=null,e.isFinalized)return;let t=performance.now(),n=P(e);n.length<A||t-e.lastRenderTime>ue(n.length)?(e.element.innerHTML=o(n,!0)+`<span class="stream-cursor" aria-hidden="true"></span>`,e.lastRenderTime=t):e.pendingRAF=requestAnimationFrame(()=>{e.pendingRAF=null,!e.isFinalized&&(e.element.innerHTML=o(P(e),!0)+`<span class="stream-cursor" aria-hidden="true"></span>`,e.lastRenderTime=performance.now())})}))}function I(e,t=!1){e.isFinalized=!0,e.pendingRAF&&=(cancelAnimationFrame(e.pendingRAF),null);let n=P(e);return t||(e.element.innerHTML=o(n)),n}function L(e){return typeof e.traceSeq==`number`&&Number.isFinite(e.traceSeq)&&e.traceSeq>0}function R(e,t){return!!t.traceRunId&&!!e.traceRunId&&t.traceRunId===e.traceRunId&&L(t)&&L(e)&&t.traceSeq===e.traceSeq&&t.type===e.type&&t.label===e.label&&!!t.isEmployee==!!e.isEmployee}function z(e,t){return t.stepRef&&e.stepRef===t.stepRef?!0:R(e,t)}function B(e,t,n={}){return[...e].reverse().filter(e=>n.includeDone||e.status===`running`).find(e=>z(e,t))??null}function V(e,t){let n=e.filter(e=>e.status===`running`&&!e.stepRef&&e.label===t.label&&e.type===t.type&&!!e.isEmployee==!!t.isEmployee);return n.length===1?n[0]:null}function H(e,t){let n=[...e].reverse().filter(e=>e.status===`running`);return B(n,t)||V(n,t)}function U(){e.currentProcessBlock&&l(e.currentProcessBlock),e.currentAgentDiv instanceof HTMLElement&&l(e.currentAgentDiv),v(),s(),e.currentAgentDiv=null,e.currentProcessBlock=null,q=null}var W=0;function de(){W=Date.now()}function fe(){W=0}function pe(){return Date.now()-W<8e3}function G(e){for(let t of document.querySelectorAll(`.msg-user`))if(e.compareDocumentPosition(t)&Node.DOCUMENT_POSITION_FOLLOWING)return!0;return!1}function K(){let t=e.currentAgentDiv&&e.currentAgentDiv.isConnected?e.currentAgentDiv:null;return t?G(t)?(e.currentAgentDiv=null,e.currentProcessBlock=null,q=null,null):t:null}function me(){let e=Array.from(document.querySelectorAll(`.msg-agent`)).at(-1)??null;return!e||G(e)?null:e}function he(t,n){k();let r=K();if(r||(r=x(`agent`,``),e.currentAgentDiv=r,e.currentProcessBlock=null),b(r),!e.currentProcessBlock){let t=r.querySelector(`.agent-body`);t&&(e.currentProcessBlock=S(r)),!e.currentProcessBlock&&t&&(_(r),e.currentProcessBlock=f(t))}if(n&&e.currentProcessBlock&&!e.currentProcessBlock.startedAt&&(e.currentProcessBlock.startedAt=n),e.currentProcessBlock){let n=t.rawIcon||t.icon,r=t.status||a(t.icon)||`running`;if(r===`done`||r===`error`){let a=H(e.currentProcessBlock.steps,t);if(a){t.icon=i(t.icon);let o=t.type===`thinking`?p(a.id,t.detail):g(a.id,t.detail);d(e.currentProcessBlock,a.id,{...a,...t,id:a.id,rawIcon:n,detail:o,detailPreview:o,label:t.label||a.label,status:r,startTime:a.startTime}),m();return}if(t.stepRef&&(r===`done`||r===`error`)){let a=[...e.currentProcessBlock.steps].reverse().find(e=>e.stepRef===t.stepRef&&(e.status===`done`||e.status===`error`));if(a){t.icon=i(t.icon);let o=t.type===`thinking`?p(a.id,t.detail):g(a.id,t.detail);d(e.currentProcessBlock,a.id,{...a,...t,id:a.id,rawIcon:n,status:r,detail:o,detailPreview:o,startTime:a.startTime}),m();return}}}if(t.stepRef&&r===`running`){let r=[...e.currentProcessBlock.steps].reverse().find(e=>e.stepRef===t.stepRef&&e.status===`running`);if(r){t.rawIcon=n,t.icon=i(t.icon);let a=p(r.id,t.detail);d(e.currentProcessBlock,r.id,{...r,...t,id:r.id,rawIcon:n,status:`running`,detail:a,detailPreview:a,label:t.label||r.label,startTime:r.startTime}),m();return}}let o=B(e.currentProcessBlock.steps,t,{includeDone:!0});if(o){t.rawIcon=n,t.icon=i(t.icon);let a=t.detail||``,s=c(o.id)||o.detail||o.detailPreview||``,l=a.length>=s.length?a:s,u=p(o.id,l),f=(o.status===`done`||o.status===`error`)&&r===`running`?o.status:r;d(e.currentProcessBlock,o.id,{...o,...t,id:o.id,rawIcon:n,status:f,detail:u,detailPreview:u,label:t.label||o.label,startTime:o.startTime}),m();return}if(t.detail){let n=[...e.currentProcessBlock.steps].reverse().find(e=>e.status===`running`&&e.label===t.label&&e.type===t.type&&!!e.isEmployee==!!t.isEmployee&&!e.detail);if(n){d(e.currentProcessBlock,n.id,t),m();return}}t.rawIcon=n,t.icon=i(t.icon),h(e.currentProcessBlock,t)}m()}var q=null,J=`data-active-run-hydrated`;function Y(e){document.querySelectorAll(`[${J}="true"]`).forEach(t=>{e&&t===e||t.remove()})}function ge(e){let t=K()??me();Y(t);let n=t||x(`agent`,``,e||null);return n.setAttribute(J,`true`),n}function _e(e,t){let n=c(e.id)||e.detail||e.detailPreview||``,r=t.detail||t.detailPreview||``;return r.length>=n.length?r:n}function X(e){return e.stepRef?!0:!!e.traceRunId&&typeof e.traceSeq==`number`&&Number.isFinite(e.traceSeq)&&e.traceSeq>0}function ve(e,t){let n=e.steps.filter(e=>!X(e)),r=0,i=!0;for(let a of t){let t=e.steps.find(e=>z(e,a))??null;if(!t&&!X(a)&&i){let e=n[r]??null;e?e.type===a.type&&!!e.isEmployee==!!a.isEmployee?(t=e,r++):i=!1:r++}if(!t){let n=e.steps.filter(e=>e.label===a.label&&e.type===a.type&&!!e.isEmployee==!!a.isEmployee);t=n.length===1?n[0]:null}if(!t){if(h(e,a),!X(a)&&i){let t=e.steps[e.steps.length-1];t&&n.push(t)}continue}let o=p(t.id,_e(t,a));d(e,t.id,{...t,...a,id:t.id,detail:o,detailPreview:o,label:a.label||t.label})}}function ye(e=[]){document.querySelectorAll(`[data-queued-overlay="true"]`).forEach(e=>e.remove())}var Z=``;function be(e){let t=Array.isArray(e.toolLog)?e.toolLog:[],n=t.map(e=>`${e.stepRef||``}~${e.traceRunId||``}~${e.traceSeq??``}~${e.status||``}~${e.label||``}~${(e.detail||``).length}`).join(`|`);return`${e.traceRunId||``}:${e.cli||``}:${(e.text||``).length}:${t.length}:${n}`}function xe(t){if(!t?.running){Z=``,Y();return}let n=be(t);if(n===Z&&K())return;v(),k(),e.currentAgentDiv=ge(t.cli||null);let r=e.currentAgentDiv.querySelector(`.agent-body`),i=E(t.toolLog||[]);b(e.currentAgentDiv),e.currentProcessBlock=S(e.currentAgentDiv),r&&i.length?(e.currentProcessBlock||=(_(e.currentAgentDiv),f(r)),t.startedAt&&(e.currentProcessBlock.startedAt=t.startedAt),ve(e.currentProcessBlock,C(i,t.startedAt))):e.currentProcessBlock=S(e.currentAgentDiv);let a=e.currentAgentDiv.querySelector(`.msg-content`);a&&(q=N(a,t.text||``)),Z=n}function Q(t){if(!t)return;k(),K()||(e.currentAgentDiv=x(`agent`,``),q=null);let n=e.currentAgentDiv?.querySelector(`.msg-content`);n&&(q||=M(n),F(q,t)),m()}var $=0;function Se(e){e.querySelectorAll(`.mermaid-pending`).forEach(e=>{delete e.dataset.mermaidQueued,delete e.dataset.mermaidQueuedAt})}function Ce(t,i){let a=Date.now();if(!e.currentAgentDiv&&a-$<500)return;Z=``,v(),k(),e.currentAgentDiv&&b(e.currentAgentDiv);let s=se(e.currentProcessBlock??e.currentAgentDiv,!0),c=E(D(Array.isArray(i)?i:[],s)),d=w(c),f=!!e.currentProcessBlock||!!(e.currentAgentDiv&&O(e.currentAgentDiv));e.currentProcessBlock&&=(re(e.currentProcessBlock),null);let p=c.length>0;if(t||p){(!e.currentAgentDiv||!e.currentAgentDiv.isConnected)&&(e.currentAgentDiv=x(`agent`,``)),e.currentAgentDiv.removeAttribute(J);let i=e.currentAgentDiv?.querySelector(`.msg-content`),a=q?I(q,!0):``,s=t||a;if(q=null,i&&(i.innerHTML=o(s)),p&&e.currentAgentDiv&&!f&&!O(e.currentAgentDiv)){let t=e.currentAgentDiv.querySelector(`.msg-content`);t&&t.insertAdjacentHTML(`beforebegin`,te(C(c),!0))}e.currentAgentDiv&&b(e.currentAgentDiv),i&&i.setAttribute(`data-raw`,n(s)),i&&ne(i);let m=ee(),h=!!(m.active&&e.currentAgentDiv&&e.currentAgentDiv.isConnected);if(i&&!h&&r(i,{immediate:!0}),h){let t=e.currentAgentDiv;Se(t),t.querySelectorAll(`.diagram-widget`).forEach(e=>{let t=e,n=t.dataset.widgetHtml,r=t.dataset.widgetId;if(!n&&!r)return;let i=document.createElement(`div`);i.className=`diagram-widget-pending`,r?i.dataset.widgetId=r:n&&(i.dataset.diagramHtml=n),e.replaceWith(i)}),d?(m.appendItem(ie({role:`assistant`,content:s,cli:null,tool_log:d},m.count)),l(t),m.scrollToBottom()):(t.dataset.turnIndex=String(m.count),t.dataset.messageId||(t.dataset.messageId=u()),m.appendLiveItem(t)),t.remove()}s&&ce({role:`assistant`,content:s,tool_log:d,timestamp:Date.now()}).catch(()=>{})}q=null,e.currentAgentDiv=null,$=Date.now(),ae(`idle`),T()}function we(e,n){document.querySelectorAll(`.tab-btn`).forEach(e=>{e.classList.remove(`active`),e.setAttribute(`aria-selected`,`false`)}),document.querySelectorAll(`.tab-content`).forEach(e=>e.classList.remove(`active`)),document.getElementById({agents:`tabAgents`,settings:`tabSettings`,skills:`tabSkills`}[e])?.classList.add(`active`),n&&(n.classList.add(`active`),n.setAttribute(`aria-selected`,`true`)),e===`settings`&&t(()=>import(`./settings-DotRDITm.js`).then(e=>e.loadSettings()),__vite__mapDeps([0])),e===`agents`&&t(()=>import(`./employees-BFKkaVAe.js`).then(e=>e.loadEmployees()),__vite__mapDeps([0])),e===`skills`&&t(()=>import(`./skills-DZHEvl1x.js`).then(e=>e.loadSkills()),__vite__mapDeps([0]))}function Te(){let e=document.getElementById(`tabSettings`)?.classList.contains(`active`);t(()=>import(`./settings-DotRDITm.js`).then(t=>e?t.savePerCli():t.updateSettings()),__vite__mapDeps([0]))}function Ee(){y({onStatus:oe})}export{Ce as a,Ee as c,he as d,we as f,fe as i,pe as l,ye as n,Te as o,U as r,xe as s,Q as t,de as u};

package/public/dist/index.html

@@ -31,7 +31,7 @@
         href="https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap"
         rel="stylesheet">
     <!-- Vite handles module bundling in dev (HMR) and production (build) -->
-  <script type="module" crossorigin src="/dist/assets/app-DUbf-v7B.js"></script>
+  <script type="module" crossorigin src="/dist/assets/app-TWwXw3iD.js"></script>
   <link rel="stylesheet" crossorigin href="/dist/assets/vendor-render-Bjnw0wQ6.css">
   <link rel="stylesheet" crossorigin href="/dist/assets/app-DuyLYRC6.css">
 </head>

package/public/dist/manager/index.html

@@ -6,7 +6,7 @@
   <link rel="icon" type="image/png" href="/dist/assets/icon-192-CwXPIYF5.png">
   <title>Jaw Manager</title>
   <script src="/manager/theme-boot.js"></script>
-  <script type="module" crossorigin src="/dist/assets/manager-DzCR6Pam.js"></script>
+  <script type="module" crossorigin src="/dist/assets/manager-BTpvAFwX.js"></script>
   <link rel="stylesheet" crossorigin href="/dist/assets/vendor-render-Bjnw0wQ6.css">
   <link rel="stylesheet" crossorigin href="/dist/assets/manager-LkGs6qEJ.css">
 </head>

package/public/js/features/settings-channel.ts

@@ -8,22 +8,52 @@ import { refreshTransportStatusRow } from './transport-status-row.js';
 import { openSetupGuideIfUnconfigured } from './channel-setup-guide.js';
 import type { SettingsData } from './settings-types.js';
 
-export async function setActiveChannel(ch: 'telegram' | 'discord' | 'slack'): Promise<void> {
+export type MessengerChannel = 'telegram' | 'discord' | 'slack';
+const CHANNELS: MessengerChannel[] = ['telegram', 'discord', 'slack'];
+
+function readEnabledChannelsFromUi(): MessengerChannel[] {
+    // Classic UI does not yet expose a unified enabled-channel list.
+    // Returning [] means enabling a channel sends a singleton enabled set,
+    // which preserves the legacy single-active-channel behavior until the
+    // Classic UI gains per-channel enabled checkboxes.
+    return [];
+}
+
+export async function setChannelEnabled(ch: MessengerChannel, enabled: boolean): Promise<void> {
+    const current = readEnabledChannelsFromUi();
+    const enabledChannels = enabled
+        ? [...new Set([...current, ch])]
+        : current.filter(item => item !== ch);
+    await apiJson('/api/settings', 'PUT', { messaging: { enabledChannels } });
+    await refreshTransportStatusRow();
+}
+
+export async function setHomeChannel(ch: MessengerChannel): Promise<void> {
     document.getElementById('chTelegram')?.classList.toggle('active', ch === 'telegram');
     document.getElementById('chDiscord')?.classList.toggle('active', ch === 'discord');
     document.getElementById('chSlack')?.classList.toggle('active', ch === 'slack');
     document.getElementById('channelTelegramSettings')?.style.setProperty('display', ch === 'telegram' ? '' : 'none');
     document.getElementById('channelDiscordSettings')?.style.setProperty('display', ch === 'discord' ? '' : 'none');
     document.getElementById('channelSlackSettings')?.style.setProperty('display', ch === 'slack' ? '' : 'none');
-    await apiJson('/api/settings', 'PUT', { channel: ch });
+    await apiJson('/api/settings', 'PUT', { messaging: { homeChannel: ch } });
     await refreshTransportStatusRow();
-    // Switching to a channel with no credentials leaves a silently dead
-    // channel — open its setup guide right away.
+}
+
+/**
+ * @deprecated Use setChannelEnabled + setHomeChannel. Kept temporarily for
+ *             classic entry points that still bind the channel tabs.
+ */
+export async function setActiveChannel(ch: MessengerChannel): Promise<void> {
+    await setChannelEnabled(ch, true);
+    await setHomeChannel(ch);
     openSetupGuideIfUnconfigured(ch);
 }
 
 export function loadActiveChannel(s: SettingsData): void {
-    const ch = s.channel || 'telegram';
+    const messaging = s.messaging;
+    const ch: MessengerChannel = messaging?.homeChannel && CHANNELS.includes(messaging.homeChannel)
+        ? messaging.homeChannel
+        : 'telegram';
     document.getElementById('chTelegram')?.classList.toggle('active', ch === 'telegram');
     document.getElementById('chDiscord')?.classList.toggle('active', ch === 'discord');
     document.getElementById('chSlack')?.classList.toggle('active', ch === 'slack');

package/public/js/features/settings-types.ts

@@ -115,6 +115,11 @@ export function describeCliProbeAvailability(
 export function shouldHydrateRuntimeMigrationResponse(status: number): boolean {
     return status >= 200 && status < 300 || status === 409;
 }
+export interface MessagingConfig {
+    enabledChannels?: ('telegram' | 'discord' | 'slack')[];
+    homeChannel?: 'telegram' | 'discord' | 'slack';
+}
+
 export interface SettingsData {
     cli: string; workingDir: string; permissions: string; locale?: string; showReasoning?: boolean;
     perCli?: Record<string, PerCliConfig>;
@@ -123,7 +128,9 @@ export interface SettingsData {
     discord?: DiscordConfig;
     slack?: SlackConfig;
     slackEnvironmentVariables?: string[];
+    /** @deprecated Use messaging.homeChannel (response alias). */
     channel?: 'telegram' | 'discord' | 'slack';
+    messaging?: MessagingConfig;
     fallbackOrder?: string[];
     memory?: { cli?: string };
     projectDirs?: string[] | null;

package/public/js/features/transport-status-row.ts

@@ -2,6 +2,8 @@ import { api } from '../api.js';
 import { escapeHtml } from '../render.js';
 import { t } from './i18n.js';
 
+export type MessengerChannel = 'telegram' | 'discord' | 'slack';
+
 export type TransportStatus = {
     configured: boolean;
     activeInbound: boolean;
@@ -10,7 +12,9 @@ export type TransportStatus = {
 };
 
 export type ChannelHealth = {
-    activeInbound: 'telegram' | 'discord' | 'slack';
+    /** @deprecated Use activeInboundChannels for the actual running set. */
+    activeInbound: MessengerChannel;
+    activeInboundChannels: MessengerChannel[];
     telegram: TransportStatus;
     discord: TransportStatus;
     slack: TransportStatus;
@@ -24,15 +28,29 @@ function isTransportStatus(value: unknown): value is TransportStatus {
         && typeof row['sendCapable'] === 'boolean';
 }
 
+function isMessengerChannel(value: unknown): value is MessengerChannel {
+    return value === 'telegram' || value === 'discord' || value === 'slack';
+}
+
 export function parseChannelHealth(payload: unknown): ChannelHealth | null {
     if (!payload || typeof payload !== 'object') return null;
     const channels = (payload as { channels?: unknown }).channels;
     if (!channels || typeof channels !== 'object') return null;
     const row = channels as Record<string, unknown>;
-    // Extract to a local so TypeScript narrows it for the return below; a
-    // repeated property read is not narrowed.
+    const rawActiveChannels = row['activeInboundChannels'];
+    let activeInboundChannels: MessengerChannel[] | null;
+    if (rawActiveChannels !== undefined) {
+        activeInboundChannels = Array.isArray(rawActiveChannels)
+            && rawActiveChannels.every(isMessengerChannel)
+            ? [...new Set(rawActiveChannels)]
+            : null;
+    } else {
+        const legacyActive = row['activeInbound'];
+        activeInboundChannels = isMessengerChannel(legacyActive) ? [legacyActive] : null;
+    }
+    if (!activeInboundChannels) return null;
     const active = row['activeInbound'];
-    if (active !== 'telegram' && active !== 'discord' && active !== 'slack') return null;
+    if (!isMessengerChannel(active)) return null;
     if (!isTransportStatus(row['telegram']) || !isTransportStatus(row['discord'])) return null;
     // Slack is tolerated as absent: a newer bundle can be served against an
     // older running server during a rolling update, and rejecting the whole
@@ -42,6 +60,7 @@ export function parseChannelHealth(payload: unknown): ChannelHealth | null {
         : { configured: false, activeInbound: false, sendCapable: false, reason: 'unavailable' };
     return {
         activeInbound: active,
+        activeInboundChannels,
         telegram: row['telegram'],
         discord: row['discord'],
         slack,

package/public/manager/src/settings/pages/ChannelsDiscord.tsx

@@ -1,7 +1,8 @@
 // Phase 3 — Channels (Discord) page.
 //
 // Settings keys:
-//   channel                   (shared across telegram + discord pages)
+//   messaging.enabledChannels
+//   messaging.homeChannel
 //   discord.enabled
 //   discord.token             (SecretField, masked, never logged)
 //   discord.guildId
@@ -21,10 +22,15 @@ import {
     usePageSnapshot,
 } from './page-shell';
 import { expandPatch } from './path-utils';
-import { ActiveChannelToggle } from './components/ActiveChannelToggle';
-import type { ActiveChannel } from './components/ActiveChannelToggle';
 import { HealthBadge, interpretDiscordHealth } from './components/HealthBadge';
+import type { MessengerChannel } from './components/ChannelEnablementControl';
 import { TransportStatusChips } from './components/TransportStatusChips';
+import { ChannelEnablementControl } from './components/ChannelEnablementControl';
+
+type MessagingBlock = {
+    enabledChannels?: MessengerChannel[];
+    homeChannel?: MessengerChannel;
+};
 
 type DiscordBlock = {
     enabled?: boolean;
@@ -37,13 +43,15 @@ type DiscordBlock = {
 };
 
 type DiscordSnapshot = {
-    channel?: ActiveChannel;
+    channel?: MessengerChannel;
     discord?: DiscordBlock;
+    messaging?: MessagingBlock;
     [key: string]: unknown;
 };
 
 const DISCORD_KEYS = [
-    'channel',
+    'messaging.enabledChannels',
+    'messaging.homeChannel',
     'discord.enabled',
     'discord.token',
     'discord.guildId',
@@ -62,6 +70,8 @@ export function isValidSnowflake(chip: string): boolean {
 export default function ChannelsDiscord({ port, client, dirty, registerSave }: SettingsPageProps) {
     const { state, refresh, setData } = usePageSnapshot<DiscordSnapshot>(client, '/api/settings');
 
+    const [enabledChannels, setEnabledChannels] = useState<MessengerChannel[]>([]);
+    const [homeChannel, setHomeChannel] = useState<MessengerChannel>('telegram');
     const [enabled, setEnabled] = useState(false);
     const [token, setToken] = useState('');
     const [guildId, setGuildId] = useState('');
@@ -72,6 +82,10 @@ export default function ChannelsDiscord({ port, client, dirty, registerSave }: S
 
     useEffect(() => {
         if (state.kind !== 'ready') return;
+        const messaging = state.data.messaging || {};
+        const rawEnabled = Array.isArray(messaging.enabledChannels) ? messaging.enabledChannels : [];
+        setEnabledChannels(rawEnabled.filter(isMessengerChannel) as MessengerChannel[]);
+        setHomeChannel(isMessengerChannel(messaging.homeChannel) ? messaging.homeChannel : 'telegram');
         const dc = state.data.discord || {};
         setEnabled(Boolean(dc.enabled));
         setToken('');
@@ -98,8 +112,6 @@ export default function ChannelsDiscord({ port, client, dirty, registerSave }: S
         return state.data.discord || {};
     }, [state]);
 
-    const originalChannel = state.kind === 'ready' ? state.data.channel : undefined;
-
     const onSave = useCallback(async () => {
         const bundle = dirty.saveBundle();
         if (Object.keys(bundle).length === 0) return;
@@ -110,6 +122,13 @@ export default function ChannelsDiscord({ port, client, dirty, registerSave }: S
             : updated) as DiscordSnapshot;
         dirty.clear();
         setData(fresh);
+        const freshMessaging = fresh.messaging || {};
+        setEnabledChannels(
+            Array.isArray(freshMessaging.enabledChannels)
+                ? freshMessaging.enabledChannels.filter(isMessengerChannel) as MessengerChannel[]
+                : [],
+        );
+        setHomeChannel(isMessengerChannel(freshMessaging.homeChannel) ? freshMessaging.homeChannel : 'telegram');
         const dc = fresh.discord || {};
         setEnabled(Boolean(dc.enabled));
         setToken('');
@@ -151,12 +170,17 @@ export default function ChannelsDiscord({ port, client, dirty, registerSave }: S
         >
             <SettingsSection
                 title="Channels"
-                hint="Choose which channel receives inbound chat. Outbound send can still work on the other channel when configured."
+                hint="Choose which channels receive inbound chat. Outbound send can still work on any configured channel."
             >
-                <ActiveChannelToggle
-                    original={originalChannel}
+                <ChannelEnablementControl
+                    pageChannel="discord"
+                    snapshot={state.kind === 'ready' ? state.data : {}}
+                    enabledChannels={enabledChannels}
+                    homeChannel={homeChannel}
+                    setEnabledChannels={setEnabledChannels}
+                    setHomeChannel={setHomeChannel}
                     dirty={dirty}
-                    idPrefix="dc-channel"
+                    idPrefix="di-channel"
                 />
                 <TransportStatusChips client={client} channel="discord" />
             </SettingsSection>
@@ -281,3 +305,7 @@ export default function ChannelsDiscord({ port, client, dirty, registerSave }: S
         </form>
     );
 }
+
+function isMessengerChannel(value: unknown): value is MessengerChannel {
+    return value === 'telegram' || value === 'discord' || value === 'slack';
+}

package/public/manager/src/settings/pages/ChannelsSlack.tsx

@@ -23,9 +23,9 @@ import {
     usePageSnapshot,
 } from './page-shell';
 import { expandPatch } from './path-utils';
-import { ActiveChannelToggle } from './components/ActiveChannelToggle';
-import type { ActiveChannel } from './components/ActiveChannelToggle';
+import type { MessengerChannel } from './components/ChannelEnablementControl';
 import { TransportStatusChips } from './components/TransportStatusChips';
+import { ChannelEnablementControl } from './components/ChannelEnablementControl';
 
 type SlackBlock = {
     enabled?: boolean;
@@ -40,7 +40,10 @@ type SlackBlock = {
 };
 
 type SlackSnapshot = {
-    channel?: ActiveChannel;
+    messaging?: {
+        enabledChannels?: MessengerChannel[];
+        homeChannel?: MessengerChannel;
+    };
     slack?: SlackBlock;
     slackEnvironmentVariables?: string[];
     [key: string]: unknown;
@@ -72,6 +75,8 @@ export function isValidSlackConversationId(chip: string): boolean {
 export default function ChannelsSlack({ port, client, dirty, registerSave }: SettingsPageProps) {
     const { state, refresh, setData } = usePageSnapshot<SlackSnapshot>(client, '/api/settings');
 
+    const [enabledChannels, setEnabledChannels] = useState<MessengerChannel[]>([]);
+    const [homeChannel, setHomeChannel] = useState<MessengerChannel>('telegram');
     const [enabled, setEnabled] = useState(false);
     const [botToken, setBotToken] = useState('');
     const [appToken, setAppToken] = useState('');
@@ -98,6 +103,10 @@ export default function ChannelsSlack({ port, client, dirty, registerSave }: Set
 
     useEffect(() => {
         if (state.kind !== 'ready') return;
+        const messaging = state.data.messaging || {};
+        const rawEnabled = Array.isArray(messaging.enabledChannels) ? messaging.enabledChannels : [];
+        setEnabledChannels(rawEnabled.filter(isMessengerChannel) as MessengerChannel[]);
+        setHomeChannel(isMessengerChannel(messaging.homeChannel) ? messaging.homeChannel : 'telegram');
         applySnapshot(state.data.slack || {});
     }, [state, applySnapshot]);
 
@@ -117,7 +126,6 @@ export default function ChannelsSlack({ port, client, dirty, registerSave }: Set
         return state.data.slack || {};
     }, [state]);
 
-    const originalChannel = state.kind === 'ready' ? state.data.channel : undefined;
     const environmentVariables = state.kind === 'ready' && Array.isArray(state.data.slackEnvironmentVariables)
         ? state.data.slackEnvironmentVariables
         : [];
@@ -178,10 +186,15 @@ export default function ChannelsSlack({ port, client, dirty, registerSave }: Set
         >
             <SettingsSection
                 title="Channels"
-                hint="Choose which channel receives inbound chat. Outbound send can still work on the other channels when configured."
+                hint="Choose which channels receive inbound chat. Outbound send can still work on any configured channel."
             >
-                <ActiveChannelToggle
-                    original={originalChannel}
+                <ChannelEnablementControl
+                    pageChannel="slack"
+                    snapshot={state.kind === 'ready' ? state.data : {}}
+                    enabledChannels={enabledChannels}
+                    homeChannel={homeChannel}
+                    setEnabledChannels={setEnabledChannels}
+                    setHomeChannel={setHomeChannel}
                     dirty={dirty}
                     idPrefix="sl-channel"
                 />
@@ -333,3 +346,7 @@ export default function ChannelsSlack({ port, client, dirty, registerSave }: Set
         </form>
     );
 }
+
+function isMessengerChannel(value: unknown): value is MessengerChannel {
+    return value === 'telegram' || value === 'discord' || value === 'slack';
+}

package/public/manager/src/settings/pages/ChannelsTelegram.tsx

@@ -1,7 +1,8 @@
 // Phase 3 — Channels (Telegram) page.
 //
 // Settings keys:
-//   channel                   (shared across telegram + discord pages)
+//   messaging.enabledChannels
+//   messaging.homeChannel
 //   telegram.enabled
 //   telegram.token            (SecretField, masked, never logged)
 //   telegram.allowedChatIds   (number[], rendered as numeric chips)
@@ -19,10 +20,15 @@ import {
     usePageSnapshot,
 } from './page-shell';
 import { expandPatch } from './path-utils';
-import { ActiveChannelToggle } from './components/ActiveChannelToggle';
-import type { ActiveChannel } from './components/ActiveChannelToggle';
 import { HealthBadge, interpretTelegramProbe } from './components/HealthBadge';
+import type { MessengerChannel } from './components/ChannelEnablementControl';
 import { TransportStatusChips } from './components/TransportStatusChips';
+import { ChannelEnablementControl } from './components/ChannelEnablementControl';
+
+type MessagingBlock = {
+    enabledChannels?: MessengerChannel[];
+    homeChannel?: MessengerChannel;
+};
 
 type TelegramBlock = {
     enabled?: boolean;
@@ -33,13 +39,15 @@ type TelegramBlock = {
 };
 
 type TelegramSnapshot = {
-    channel?: ActiveChannel;
+    channel?: MessengerChannel;
     telegram?: TelegramBlock;
+    messaging?: MessagingBlock;
     [key: string]: unknown;
 };
 
 const TELEGRAM_KEYS = [
-    'channel',
+    'messaging.enabledChannels',
+    'messaging.homeChannel',
     'telegram.enabled',
     'telegram.token',
     'telegram.allowedChatIds',
@@ -91,6 +99,8 @@ export function chipsToChatIds(chips: ReadonlyArray<string>): number[] {
 export default function ChannelsTelegram({ port, client, dirty, registerSave }: SettingsPageProps) {
     const { state, refresh, setData } = usePageSnapshot<TelegramSnapshot>(client, '/api/settings');
 
+    const [enabledChannels, setEnabledChannels] = useState<MessengerChannel[]>([]);
+    const [homeChannel, setHomeChannel] = useState<MessengerChannel>('telegram');
     const [enabled, setEnabled] = useState(false);
     const [token, setToken] = useState('');
     const [chips, setChips] = useState<string[]>([]);
@@ -99,6 +109,10 @@ export default function ChannelsTelegram({ port, client, dirty, registerSave }:
 
     useEffect(() => {
         if (state.kind !== 'ready') return;
+        const messaging = state.data.messaging || {};
+        const rawEnabled = Array.isArray(messaging.enabledChannels) ? messaging.enabledChannels : [];
+        setEnabledChannels(rawEnabled.filter(isMessengerChannel) as MessengerChannel[]);
+        setHomeChannel(isMessengerChannel(messaging.homeChannel) ? messaging.homeChannel : 'telegram');
         const tg = state.data.telegram || {};
         setEnabled(Boolean(tg.enabled));
         // Token field starts empty — we never seed the actual secret into the
@@ -126,8 +140,6 @@ export default function ChannelsTelegram({ port, client, dirty, registerSave }:
         return state.data.telegram || {};
     }, [state]);
 
-    const originalChannel = state.kind === 'ready' ? state.data.channel : undefined;
-
     const onSave = useCallback(async () => {
         const bundle = dirty.saveBundle();
         if (Object.keys(bundle).length === 0) return;
@@ -138,6 +150,13 @@ export default function ChannelsTelegram({ port, client, dirty, registerSave }:
             : updated) as TelegramSnapshot;
         dirty.clear();
         setData(fresh);
+        const freshMessaging = fresh.messaging || {};
+        setEnabledChannels(
+            Array.isArray(freshMessaging.enabledChannels)
+                ? freshMessaging.enabledChannels.filter(isMessengerChannel) as MessengerChannel[]
+                : [],
+        );
+        setHomeChannel(isMessengerChannel(freshMessaging.homeChannel) ? freshMessaging.homeChannel : 'telegram');
         const tg = fresh.telegram || {};
         setEnabled(Boolean(tg.enabled));
         setToken('');
@@ -174,10 +193,15 @@ export default function ChannelsTelegram({ port, client, dirty, registerSave }:
         >
             <SettingsSection
                 title="Channels"
-                hint="Choose which channel receives inbound chat. Outbound send can still work on the other channel when configured."
+                hint="Choose which channels receive inbound chat. Outbound send can still work on any configured channel."
             >
-                <ActiveChannelToggle
-                    original={originalChannel}
+                <ChannelEnablementControl
+                    pageChannel="telegram"
+                    snapshot={state.kind === 'ready' ? state.data : {}}
+                    enabledChannels={enabledChannels}
+                    homeChannel={homeChannel}
+                    setEnabledChannels={setEnabledChannels}
+                    setHomeChannel={setHomeChannel}
                     dirty={dirty}
                     idPrefix="tg-channel"
                 />
@@ -277,3 +301,7 @@ export default function ChannelsTelegram({ port, client, dirty, registerSave }:
         </form>
     );
 }
+
+function isMessengerChannel(value: unknown): value is MessengerChannel {
+    return value === 'telegram' || value === 'discord' || value === 'slack';
+}

package/public/manager/src/settings/pages/components/ChannelEnablementControl.tsx

@@ -0,0 +1,98 @@
+import { useCallback, useState } from 'react';
+import type { DirtyStore } from '../../types';
+import { ToggleField } from '../../fields';
+
+export type MessengerChannel = 'telegram' | 'discord' | 'slack';
+
+type MessagingBlock = {
+    enabledChannels?: MessengerChannel[];
+    homeChannel?: MessengerChannel;
+};
+
+type Props = {
+    pageChannel: MessengerChannel;
+    snapshot: { messaging?: MessagingBlock };
+    enabledChannels: MessengerChannel[];
+    homeChannel: MessengerChannel;
+    setEnabledChannels: (next: MessengerChannel[]) => void;
+    setHomeChannel: (next: MessengerChannel) => void;
+    dirty: DirtyStore;
+    idPrefix?: string;
+};
+
+export function ChannelEnablementControl({
+    pageChannel,
+    snapshot,
+    enabledChannels,
+    homeChannel,
+    setEnabledChannels,
+    setHomeChannel,
+    dirty,
+    idPrefix = 'channel',
+}: Props) {
+    const messaging = snapshot.messaging || {};
+    const originalEnabled = Array.isArray(messaging.enabledChannels) ? messaging.enabledChannels : [];
+    const originalHome = messaging.homeChannel || 'telegram';
+
+    const setDirtyEnabled = useCallback((next: MessengerChannel[]) => {
+        dirty.set('messaging.enabledChannels', {
+            value: next,
+            original: originalEnabled,
+            valid: true,
+        });
+    }, [dirty, originalEnabled]);
+
+    const setDirtyHome = useCallback((next: MessengerChannel) => {
+        dirty.set('messaging.homeChannel', {
+            value: next,
+            original: originalHome,
+            valid: true,
+        });
+    }, [dirty, originalHome]);
+
+    const isEnabled = enabledChannels.includes(pageChannel);
+
+    return (
+        <>
+            <ToggleField
+                id={`${idPrefix}-enabled`}
+                label={`Receive inbound messages on ${capitalize(pageChannel)}`}
+                value={isEnabled}
+                onChange={(next) => {
+                    const nextSet = next
+                        ? [...new Set([...enabledChannels, pageChannel])]
+                        : enabledChannels.filter(c => c !== pageChannel);
+                    setEnabledChannels(nextSet);
+                    setDirtyEnabled(nextSet);
+                    if (next && enabledChannels.length === 0) {
+                        setHomeChannel(pageChannel);
+                        setDirtyHome(pageChannel);
+                    }
+                }}
+            />
+            <fieldset className="settings-field">
+                <legend className="settings-field-label">Home channel (fallback for proactive sends)</legend>
+                <div className="settings-active-channel-options" role="radiogroup" aria-label="Home channel">
+                    {(['telegram', 'discord', 'slack'] as const).map((ch) => (
+                        <label key={ch} className="settings-radio">
+                            <input
+                                type="radio"
+                                name={`${idPrefix}-homeChannel`}
+                                checked={homeChannel === ch}
+                                onChange={() => {
+                                    setHomeChannel(ch);
+                                    setDirtyHome(ch);
+                                }}
+                            />
+                            <span>{capitalize(ch)}</span>
+                        </label>
+                    ))}
+                </div>
+            </fieldset>
+        </>
+    );
+}
+
+function capitalize(value: string): string {
+    return value.charAt(0).toUpperCase() + value.slice(1);
+}