npm - @pixelzx/genesis - Versions diffs - 2026.6.21 → 2026.6.24 - Mend

@pixelzx/genesis 2026.6.21 → 2026.6.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (74) hide show

package/dist/control-ui/assets/canvas-BGheLorj.js ADDED Viewed

@@ -0,0 +1,274 @@
+import{d as e,l as t,r as n}from"./i18n-DLwqUqi0.js";import{L as r,R as i,a,d as o,i as s,l as c,u as l,z as u}from"./index-or46Cf5v.js";var d=`/__genesis__/canvas/`,f=`/__genesis__/canvas-upload`,p=`<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>Canvas</title>
+    <style>
+      body { font-family: system-ui, sans-serif; margin: 32px; }
+    </style>
+  </head>
+  <body>
+    <h1>Canvas</h1>
+  </body>
+</html>`,m=d,h=`file`,g=``,_=``,v=`560`,y=``,b=p,x=``,S=``,C=null,w=[],T=!1,E=!1,D=null,O=!1,k=null,A=0,ee=[{mode:`file`,labelKey:`canvasView.source.file`},{mode:`html`,labelKey:`canvasView.source.html`},{mode:`url`,labelKey:`canvasView.source.url`},{mode:`path`,labelKey:`canvasView.source.path`}],j=[{value:``,label:`Auto`},{value:`html_bundle`,label:`HTML bundle`},{value:`url_embed`,label:`URL embed`},{value:`document`,label:`Document`},{value:`image`,label:`Image`},{value:`video_asset`,label:`Video`},{value:`presentation_asset`,label:`Presentation`},{value:`model_3d`,label:`3D model`},{value:`vector_image`,label:`Vector image`}];function te(){m=d,h=`file`,g=``,_=``,v=`560`,y=``,b=p,x=``,S=``,C=null,w=[],T=!1,E=!1,D=null,O=!1,k=null,A=0}function M(e,t){m=e,t?.()}function N(e){e.onRequestUpdate?.()}function P(e,t){k=e,N(t)}function F(e){return e instanceof Error?e.message:String(e)}function I(e){let t=e?.trim()??``;return!t||t===`/`?``:`/${t.replace(/^\/+|\/+$/g,``)}`}function L(e){let t=I(e.basePath),n=e.gatewayUrl?.trim();if(!n)return`${t}${f}`;try{let e=new URL(n,window.location.href);e.protocol===`ws:`?e.protocol=`http:`:e.protocol===`wss:`&&(e.protocol=`https:`);let r=I(e.pathname);return`${e.origin}${r||t}${f}`}catch{return`${t}${f}`}}async function R(e){let t=e.authToken?.trim()||e.password?.trim();if(t)return t;if(!(typeof crypto>`u`||!crypto.subtle))try{let e=u({deviceId:(await i()).deviceId,role:r}),t=e?.scopes??[];if(e?.token&&(t.includes(`operator.write`)||t.includes(`operator.admin`)))return e.token}catch{}}function z(){return h===`file`?C!==null:h===`html`?b.trim().length>0:h===`url`?x.trim().length>0:S.trim().length>0}function B(){let e=Number(v);return Number.isFinite(e)&&e>0?e:void 0}function V(e,t){_=e.id,m=e.entryUrl,g=e.title??g,v=typeof e.preferredHeight==`number`?String(e.preferredHeight):v,y=e.kind??y,k={tone:`success`,text:n(`canvasView.status.saved`,{id:e.id})},N(t)}async function H(e){if(!e.connected||!e.client||T)return;let t=++A;T=!0,D=e.client,N(e);try{let n=await e.client.request(`canvas.document.list`,{limit:50});t===A&&(w=n.documents??[],E=!0)}catch(e){t===A&&(k={tone:`danger`,text:F(e)})}finally{t===A&&(T=!1,N(e))}}function U(e){e.client!==D&&(E=!1,D=e.client??null),!E&&!T&&e.connected&&e.client&&H(e)}function W(e){let t={},n=_.trim();n&&(t.id=n),e===`update`&&(t.id=n);let r=g.trim();r&&(t.title=r);let i=B();return typeof i==`number`&&(t.preferredHeight=i),y&&(t.kind=y),h===`html`?t.html=b:h===`url`?t.url=x.trim():h===`path`&&(t.path=S.trim()),t}async function G(e,t){if(!e.client)throw Error(n(`canvasView.errors.notConnected`));let r=W(t),i=t===`update`?`canvas.document.update`:`canvas.document.create`;return await e.client.request(i,r)}async function K(e,t){if(!C)throw Error(n(`canvasView.errors.fileRequired`));let r=new URL(L(e),window.location.href);r.searchParams.set(`mode`,t);let i=_.trim();i&&r.searchParams.set(`id`,i);let a=g.trim();a&&r.searchParams.set(`title`,a);let o=B();typeof o==`number`&&r.searchParams.set(`preferredHeight`,String(o)),y&&r.searchParams.set(`kind`,y);let s=new Headers;s.set(`X-Genesis-File-Name`,encodeURIComponent(C.name)),C.type&&s.set(`Content-Type`,C.type);let c=await R(e);c&&s.set(`Authorization`,`Bearer ${c}`);let l=await fetch(r.toString(),{method:`POST`,headers:s,body:C}),u=await l.json().catch(()=>null);if(!l.ok||!u?.ok||!u.document)throw Error(u?.error?.message??l.statusText);return u.document}async function q(e,t){if(!e.connected){P({tone:`danger`,text:n(`canvasView.errors.notConnected`)},e);return}if(!z()){P({tone:`danger`,text:n(`canvasView.errors.sourceRequired`)},e);return}if(t===`update`&&!_.trim()){P({tone:`danger`,text:n(`canvasView.errors.idRequired`)},e);return}O=!0,k={tone:`normal`,text:n(`canvasView.status.saving`)},N(e);try{V(h===`file`?await K(e,t):await G(e,t),e),E=!1,H(e)}catch(t){P({tone:`danger`,text:F(t)},e)}finally{O=!1,N(e)}}function J(e,t){_=e.id,g=e.title??``,v=typeof e.preferredHeight==`number`?String(e.preferredHeight):`560`,y=e.kind??``,m=e.entryUrl,k={tone:`normal`,text:n(`canvasView.status.selected`,{id:e.id})},N(t)}function Y(t,r){return e`
+    <button
+      class="btn canvas-source-tab ${h===r.mode?`active`:``}"
+      type="button"
+      @click=${()=>{h=r.mode,N(t)}}
+    >
+      ${n(r.labelKey)}
+    </button>
+  `}function X(t,n,r=`normal`){return e`
+    <div class="canvas-status-item">
+      <div class="canvas-status-label">${t}</div>
+      <div class="canvas-status-value ${r===`danger`?`is-danger`:``}" title=${n}>
+        ${n}
+      </div>
+    </div>
+  `}function Z(t,r=n(`canvasView.actions.open`)){return t?e`
+    <a class="btn" href=${t} rel=${a()} target=${s}>
+      ${c.externalLink}<span>${r}</span>
+    </a>
+  `:e`
+      <button class="btn" type="button" disabled>${c.externalLink}<span>${r}</span></button>
+    `}function ne(r){return h===`file`?e`
+      <label class="field full canvas-file-field">
+        <span>${n(`canvasView.fields.file`)}</span>
+        <input
+          type="file"
+          @change=${e=>{C=e.currentTarget.files?.[0]??null,C&&!g.trim()&&(g=C.name.replace(/\.[^.]+$/,``)),N(r)}}
+        />
+      </label>
+      ${C?e`
+            <div class="canvas-file-selected full">
+              <span>${C.name}</span>
+              <span>${Math.ceil(C.size/1024)} KB</span>
+            </div>
+          `:t}
+    `:h===`html`?e`
+      <label class="field full">
+        <span>${n(`canvasView.fields.html`)}</span>
+        <textarea
+          class="canvas-source-textarea"
+          spellcheck="false"
+          .value=${b}
+          @input=${e=>{b=e.currentTarget.value,N(r)}}
+        ></textarea>
+      </label>
+    `:h===`url`?e`
+      <label class="field full">
+        <span>${n(`canvasView.fields.url`)}</span>
+        <input
+          autocomplete="off"
+          spellcheck="false"
+          type="url"
+          .value=${x}
+          @input=${e=>{x=e.currentTarget.value,N(r)}}
+          placeholder="https://example.com/document.pdf"
+        />
+      </label>
+    `:e`
+    <label class="field full">
+      <span>${n(`canvasView.fields.path`)}</span>
+      <input
+        autocomplete="off"
+        spellcheck="false"
+        type="text"
+        .value=${S}
+        @input=${e=>{S=e.currentTarget.value,N(r)}}
+        placeholder="/Users/me/Documents/report.pdf"
+      />
+    </label>
+  `}function Q(){return k?e` <div class=${k.tone===`danger`?`callout danger canvas-workspace-message`:`callout canvas-workspace-message`}>${k.text}</div> `:t}function re(t){return T&&w.length===0?e`<div class="canvas-empty-list muted">${n(`canvasView.status.loading`)}</div>`:w.length===0?e`<div class="canvas-empty-list muted">${n(`canvasView.status.noDocuments`)}</div>`:e`
+    <div class="canvas-document-list">
+      ${w.map(n=>{let r=n.id===_,i=n.updatedAt??n.createdAt;return e`
+          <button
+            class="canvas-document-row ${r?`active`:``}"
+            type="button"
+            @click=${()=>J(n,t)}
+          >
+            <span class="canvas-document-title"
+              >${n.title??n.sourceFileName??n.id}</span
+            >
+            <span class="canvas-document-meta">
+              ${n.kind} · r${n.revision} · ${i}
+            </span>
+          </button>
+        `})}
+    </div>
+  `}var $=`font-family: var(--mono); font-size: 11px; letter-spacing: 0.5px; text-transform: uppercase; color: var(--text-tertiary, #6b6b6b); margin-bottom: 12px;`;function ie(t,r,i){let a=t.connected&&!O&&z(),o=a&&_.trim().length>0;return e`
+    <aside class="card" style="align-self: start;">
+      <div style=${$}>PROPERTIES</div>
+      <div class="canvas-source-tabs">
+        ${ee.map(e=>Y(t,e))}
+      </div>
+      <div class="form-grid canvas-document-form">
+        ${ne(t)}
+        <label class="field">
+          <span>${n(`canvasView.fields.title`)}</span>
+          <input
+            autocomplete="off"
+            type="text"
+            .value=${g}
+            @input=${e=>{g=e.currentTarget.value,N(t)}}
+          />
+        </label>
+        <label class="field">
+          <span>${n(`canvasView.fields.id`)}</span>
+          <input
+            autocomplete="off"
+            spellcheck="false"
+            type="text"
+            .value=${_}
+            @input=${e=>{_=e.currentTarget.value,N(t)}}
+          />
+        </label>
+        <label class="field">
+          <span>${n(`canvasView.fields.height`)}</span>
+          <input
+            min="120"
+            step="20"
+            type="number"
+            .value=${v}
+            @input=${e=>{v=e.currentTarget.value,N(t)}}
+          />
+        </label>
+        <label class="field">
+          <span>${n(`canvasView.fields.kind`)}</span>
+          <select
+            .value=${y}
+            @change=${e=>{y=e.currentTarget.value,N(t)}}
+          >
+            ${j.map(t=>e`<option value=${t.value}>${t.label}</option>`)}
+          </select>
+        </label>
+      </div>
+      <div class="row canvas-mutation-actions">
+        <button
+          class="btn primary canvas-create-button"
+          type="button"
+          ?disabled=${!a}
+          @click=${()=>void q(t,`create`)}
+        >
+          ${c.plus}<span
+            >${n(O?`common.saving`:`canvasView.actions.create`)}</span
+          >
+        </button>
+        <button
+          class="btn canvas-update-button"
+          type="button"
+          ?disabled=${!o}
+          @click=${()=>void q(t,`update`)}
+        >
+          ${c.refresh}<span>${n(`canvasView.actions.update`)}</span>
+        </button>
+      </div>
+      ${Q()}
+      <div style="border-top: 1px solid var(--border); margin-top: 16px; padding-top: 16px;">
+        <div style=${$}>STATUS</div>
+        <div class="canvas-status-grid">
+          ${X(n(`canvasView.status.gateway`),t.connected?n(`common.connected`):n(`common.offline`),t.connected?`normal`:`danger`)}
+          ${X(n(`canvasView.status.host`),r)}
+          ${X(n(`canvasView.status.sandbox`),i||`strict`)}
+          ${X(n(`canvasView.status.externalEmbeds`),t.allowExternalEmbedUrls?n(`common.enabled`):n(`common.disabled`))}
+        </div>
+      </div>
+      <div style="border-top: 1px solid var(--border); margin-top: 16px; padding-top: 16px;">
+        <div class="row" style="justify-content: space-between; align-items: center;">
+          <div
+            style="font-family: var(--mono); font-size: 11px; letter-spacing: 0.5px; text-transform: uppercase; color: var(--text-tertiary, #6b6b6b);"
+          >
+            RECENT
+          </div>
+          <button
+            class="btn btn--icon"
+            type="button"
+            title=${n(`common.refresh`)}
+            ?disabled=${!t.connected||T}
+            @click=${()=>void H(t)}
+          >
+            ${c.refresh}
+          </button>
+        </div>
+        ${re(t)}
+      </div>
+    </aside>
+  `}function ae(r){U(r);let i=m.trim(),a=o(i,r.canvasHostUrl,r.allowExternalEmbedUrls??!1),s=l(r.embedSandboxMode??`scripts`),u=r.canvasHostUrl?.trim()||`same-origin /__genesis__/canvas`,f=i.length>0&&!a;return e`
+    <div class="canvas-page">
+      <section class="card" style="border: none; background: transparent; padding: 0;">
+        <div
+          class="row"
+          style="justify-content: space-between; align-items: flex-start; gap: 16px;"
+        >
+          <div>
+            <div class="view-title">${n(`tabs.canvas`)}</div>
+            <div class="view-sub">${n(`subtitles.canvas`)}</div>
+          </div>
+          <div class="row canvas-header-actions">
+            <button
+              class="btn"
+              type="button"
+              @click=${()=>M(d,r.onRequestUpdate)}
+            >
+              ${c.refresh}<span>${n(`canvasView.actions.reset`)}</span>
+            </button>
+            ${Z(a)}
+            <button class="btn" type="button" @click=${r.onNavigateToChat}>
+              ${c.messageSquare}<span>${n(`tabs.chat`)}</span>
+            </button>
+          </div>
+        </div>
+      </section>
+      <div
+        style="display: grid; grid-template-columns: 1fr 380px; gap: 16px; margin-top: 24px; align-items: start;"
+      >
+        <section class="card" style="padding: 0; overflow: hidden;">
+          <div
+            class="canvas-preview-toolbar"
+            style="padding: 12px 16px; border-bottom: 1px solid var(--border);"
+          >
+            <label class="field canvas-entry-field">
+              <span>${n(`canvasView.fields.entryUrl`)}</span>
+              <input
+                autocomplete="off"
+                spellcheck="false"
+                type="text"
+                .value=${m}
+                @input=${e=>M(e.currentTarget.value,r.onRequestUpdate)}
+                placeholder="/__genesis__/canvas/documents/<id>/index.html"
+              />
+            </label>
+          </div>
+          ${f?e`
+                <div class="callout danger canvas-preview-error" style="margin: 16px;">
+                  ${n(`canvasView.errors.untrustedUrl`)}
+                </div>
+              `:t}
+          ${a?e`
+                <iframe
+                  class="canvas-preview-frame"
+                  title=${n(`canvasView.previewTitle`)}
+                  sandbox=${s}
+                  src=${a}
+                ></iframe>
+              `:e`<div class="canvas-preview-empty muted" style="padding: 48px 16px;">
+                ${n(`canvasView.status.noPreview`)}
+              </div>`}
+        </section>
+        ${ie(r,u,s)}
+      </div>
+    </div>
+  `}export{ae as renderCanvas,te as resetCanvasViewForTests};
+//# sourceMappingURL=canvas-BGheLorj.js.map

package/dist/control-ui/assets/{channel-config-extras-BmGwfDPL.js → channel-config-extras-BlcntHgk.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as e}from"./i18n-Dr_ijwId.js";function t(e,t){if(!e)return null;let n=(e.channels??{})[t];if(n&&typeof n==`object`)return n;let r=e[t];return r&&typeof r==`object`?r:null}function n(t){if(t==null)return e(`common.na`);if(typeof t==`string`||typeof t==`number`||typeof t==`boolean`)return String(t);try{return JSON.stringify(t)}catch{return e(`common.na`)}}function r(e){let r=t(e.configForm,e.channelId);return r?e.fields.flatMap(e=>e in r?[{label:e,value:n(r[e])}]:[]):[]}export{t as n,r,n as t};
-//# sourceMappingURL=channel-config-extras-BmGwfDPL.js.map
+import{r as e}from"./i18n-DLwqUqi0.js";function t(e,t){if(!e)return null;let n=(e.channels??{})[t];if(n&&typeof n==`object`)return n;let r=e[t];return r&&typeof r==`object`?r:null}function n(t){if(t==null)return e(`common.na`);if(typeof t==`string`||typeof t==`number`||typeof t==`boolean`)return String(t);try{return JSON.stringify(t)}catch{return e(`common.na`)}}function r(e){let r=t(e.configForm,e.channelId);return r?e.fields.flatMap(e=>e in r?[{label:e,value:n(r[e])}]:[]):[]}export{t as n,r,n as t};
+//# sourceMappingURL=channel-config-extras-BlcntHgk.js.map

package/dist/control-ui/assets/channels-D_T7jf1i.js ADDED Viewed

@@ -0,0 +1,196 @@
+import{d as e,l as t,r as n}from"./i18n-DLwqUqi0.js";import{I as r,P as i,k as a,l as o,n as s,r as c}from"./index-or46Cf5v.js";import{n as l,t as u}from"./channel-config-extras-BlcntHgk.js";function d(e,t){let n=e;for(let e of t){if(!n)return null;let t=r(n);if(t===`object`){let t=n.properties??{};if(typeof e==`string`&&t[e]){n=t[e];continue}let r=n.additionalProperties;if(typeof e==`string`&&r&&typeof r==`object`){n=r;continue}return null}if(t===`array`){if(typeof e!=`number`)return null;n=(Array.isArray(n.items)?n.items[0]:n.items)??null;continue}return null}return n}function f(e,t){return l(e,t)??{}}var p=[`groupPolicy`,`streamMode`,`dmPolicy`];function m(t){let n=p.flatMap(e=>e in t?[[e,t[e]]]:[]);return n.length===0?null:e`
+    <div class="status-list" style="margin-top: 12px;">
+      ${n.map(([t,n])=>e`
+          <div>
+            <span class="label">${t}</span>
+            <span>${u(n)}</span>
+          </div>
+        `)}
+    </div>
+  `}function h(t){let n=s(t.schema),r=n.schema;if(!r)return e` <div class="callout danger">Schema unavailable. Use Raw.</div> `;let i=d(r,[`channels`,t.channelId]);if(!i)return e` <div class="callout danger">Channel config schema unavailable.</div> `;let a=f(t.configValue??{},t.channelId);return e`
+    <div class="config-form">
+      ${c({schema:i,value:a,path:[`channels`,t.channelId],hints:t.uiHints,unsupported:new Set(n.unsupportedPaths),disabled:t.disabled,showLabel:!1,onPatch:t.onPatch})}
+    </div>
+    ${m(a)}
+  `}function g(t){let{channelId:r,props:i}=t,a=i.configSchemaLoading&&!i.configSchema,o=i.configSaving||a;return e`
+    <div style="margin-top: 16px;">
+      ${a?e` <div class="muted">Loading config schema…</div> `:h({channelId:r,configValue:i.configForm,schema:i.configSchema,uiHints:i.configUiHints,disabled:o,onPatch:i.onConfigPatch})}
+      <div class="row" style="margin-top: 12px;">
+        <button
+          class="btn primary"
+          ?disabled=${o||!i.configFormDirty}
+          @click=${()=>i.onConfigSave()}
+        >
+          ${i.configSaving?`Saving…`:`Save`}
+        </button>
+        <button class="btn" ?disabled=${o} @click=${()=>i.onConfigReload()}>
+          ${n(`common.reload`)}
+        </button>
+      </div>
+    </div>
+  `}function _(e,t){return t.snapshot?.channels?.[e]}function v(e,t){let n=t.snapshot?.channelAccounts?.[e]??[],r=t.snapshot?.channelDefaultAccountId?.[e];return(r?n.find(e=>e.accountId===r):void 0)??n[0]??null}function y(e,t){let n=_(e,t),r=t.snapshot?.channelAccounts?.[e]??[],i=v(e,t);return{configured:typeof n?.configured==`boolean`?n.configured:typeof i?.configured==`boolean`?i.configured:null,running:typeof n?.running==`boolean`?n.running:null,connected:typeof n?.connected==`boolean`?n.connected:null,defaultAccount:i,hasAnyActiveAccount:r.some(e=>e.configured||e.running||e.connected),status:n}}function b(e,t){if(!t.snapshot)return!1;let n=y(e,t);return n.configured===!0||n.running===!0||n.connected===!0||n.hasAnyActiveAccount}function x(e,t){return t?.[e]?.length??0}var S=`grid-template-columns: 1.6fr 1fr 0.8fr 1fr 0.9fr;`;function C(e,t){let n=y(e,t);return typeof n.status?.lastError==`string`&&n.status.lastError?{label:`Error`,dot:`status-dot--error`,online:!1}:n.connected===!0||n.running===!0?{label:`Online`,dot:`status-dot--ok`,online:!0}:n.configured===!0||n.hasAnyActiveAccount?{label:`Idle`,dot:`status-dot--idle`,online:!1}:{label:`Offline`,dot:`status-dot--idle`,online:!1}}function w(e){return e.charAt(0).toUpperCase()+e.slice(1)}function T(e){return e?.channelMeta?.length?Object.fromEntries(e.channelMeta.map(e=>[e.id,e])):{}}function E(e,t){return T(e)[t]?.label??e?.channelLabels?.[t]??w(t)}function D(e){return e?.channelMeta?.length?e.channelMeta.map(e=>e.id):e?.channelOrder?.length?e.channelOrder:[`whatsapp`,`telegram`,`discord`,`googlechat`,`slack`,`signal`,`imessage`,`nostr`]}function O(t,r){let a=E(r.snapshot,t),o=C(t,r),s=x(t,r.snapshot?.channelAccounts??null),c=v(t,r),l=c?.lastInboundAt?i(c.lastInboundAt):n(`common.na`);return e`
+    <div
+      class="table-row"
+      style="cursor: pointer; ${S}"
+      title=${`Configure ${a}`}
+      @click=${()=>r.onChannelSelect(t)}
+    >
+      <span style="color: var(--text); display: flex; align-items: center; gap: 8px; min-width: 0;">
+        <span class="status-dot ${o.dot}" style="flex: none;"></span>
+        <span style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"
+          >${a}</span
+        >
+      </span>
+      <span class="muted">${w(t)}</span>
+      <span class="muted" style="font-family: var(--mono);">${s}</span>
+      <span class="muted" style="font-family: var(--mono);">${l}</span>
+      <span class="muted">${o.label}</span>
+    </div>
+  `}function k(n){let r=n.selectedChannelId;return r?e`
+    <div class="exec-approval-overlay" role="dialog" aria-modal="true">
+      <div class="exec-approval-card channel-settings-card">
+        <div class="exec-approval-header">
+          <div>
+            <div class="exec-approval-title">${E(n.snapshot,r)} settings</div>
+            <div class="exec-approval-sub">${w(r)}</div>
+          </div>
+          <button
+            class="icon-btn"
+            aria-label="Close"
+            @click=${()=>n.onChannelSettingsClose()}
+          >
+            ${o.x}
+          </button>
+        </div>
+        ${g({channelId:r,props:n})}
+      </div>
+    </div>
+  `:t}function A(r){let i=a(D(r.snapshot).map((e,t)=>({key:e,enabled:b(e,r),order:t})),(e,t)=>e.enabled===t.enabled?e.order-t.order:e.enabled?-1:1),s=i.filter(e=>C(e.key,r).online).length,c=i.length-s;return e`
+    <section class="card" style="border: none; background: transparent; padding: 0;">
+      <div class="row" style="justify-content: space-between; align-items: flex-start; gap: 16px;">
+        <div>
+          <div class="view-title">${n(`tabs.channels`)}</div>
+          <div class="view-sub">${s} connected · ${c} idle</div>
+        </div>
+        <button
+          class="btn primary"
+          ?disabled=${!r.connected||r.channelWizardBusy}
+          @click=${()=>r.onChannelWizardStart()}
+        >
+          <span class="btn__icon">${o.plus}</span>
+          ${r.channelWizardBusy?n(`common.working`):n(`channels.wizard.addChannel`)}
+        </button>
+      </div>
+      ${r.lastError?e`<div class="callout danger" style="margin-top: 16px;">${r.lastError}</div>`:t}
+      ${i.length===0?e`<div class="muted" style="padding: 16px;">
+            ${r.loading?n(`common.loading`):n(`common.na`)}
+          </div>`:e`
+            <div class="table" style="margin-top: 20px;">
+              <div class="table-head" style=${S}>
+                <span>CHANNEL</span>
+                <span>PROVIDER</span>
+                <span>ACCOUNTS</span>
+                <span>LAST ACTIVITY</span>
+                <span>STATUS</span>
+              </div>
+              ${i.map(e=>O(e.key,r))}
+            </div>
+          `}
+      ${j(r)} ${k(r)}
+    </section>
+  `}function j(r){let i=r.channelWizardStep,a=!!(r.channelWizardError||r.channelWizardMessage);if(!i&&!r.channelWizardBusy&&!a)return t;let o=i?.title||(r.channelWizardError?n(`channels.wizard.errorTitle`):r.channelWizardMessage?n(`channels.wizard.doneTitle`):n(`channels.wizard.title`)),s=i?.message??r.channelWizardError??r.channelWizardMessage??``,c=!!i&&!r.channelWizardBusy;return e`
+    <div class="exec-approval-overlay" role="dialog" aria-modal="true" aria-live="polite">
+      <div class="exec-approval-card channel-wizard-card">
+        <div class="exec-approval-header">
+          <div>
+            <div class="exec-approval-title">${o}</div>
+            <div class="exec-approval-sub">${n(`channels.wizard.subtitle`)}</div>
+          </div>
+        </div>
+        ${s?e`<div class="channel-wizard-message">${M(s)}</div>`:t}
+        ${i?F(r,i):t}
+        ${r.channelWizardError?e`<div class="exec-approval-error">${r.channelWizardError}</div>`:t}
+        <div class="exec-approval-actions">
+          ${i?e`
+                <button
+                  class="btn primary"
+                  ?disabled=${!c}
+                  @click=${()=>r.onChannelWizardSubmit()}
+                >
+                  ${r.channelWizardBusy?n(`common.working`):n(`channels.wizard.continue`)}
+                </button>
+                <button
+                  class="btn"
+                  ?disabled=${r.channelWizardBusy}
+                  @click=${()=>r.onChannelWizardCancel()}
+                >
+                  ${n(`common.cancel`)}
+                </button>
+              `:e`
+                <button
+                  class="btn primary"
+                  ?disabled=${r.channelWizardBusy}
+                  @click=${()=>r.onChannelWizardClose()}
+                >
+                  ${n(`common.ok`)}
+                </button>
+              `}
+        </div>
+      </div>
+    </div>
+  `}function M(n){return n.split(`
+`).map(e=>e.trimEnd()).map((n,r)=>e`${r>0?e`<br />`:t}${n}`)}function N(e){if(typeof e==`string`)return`string:${e}`;try{return`json:${JSON.stringify(e)}`}catch{return String(e)}}function P(e,t){return N(e)===N(t)}function F(r,i){if(i.type===`select`)return e`
+      <div class="channel-wizard-options">
+        ${(i.options??[]).map(n=>e`
+            <button
+              class=${P(r.channelWizardInput,n.value)?`channel-wizard-option selected`:`channel-wizard-option`}
+              ?disabled=${r.channelWizardBusy}
+              @click=${()=>r.onChannelWizardInput(n.value)}
+            >
+              <span>${n.label}</span>
+              ${n.hint?e`<small>${n.hint}</small>`:t}
+            </button>
+          `)}
+      </div>
+    `;if(i.type===`multiselect`){let n=Array.isArray(r.channelWizardInput)?r.channelWizardInput:[];return e`
+      <div class="channel-wizard-options">
+        ${(i.options??[]).map(i=>{let a=n.some(e=>P(e,i.value)),o=a?n.filter(e=>!P(e,i.value)):[...n,i.value];return e`
+            <button
+              class=${a?`channel-wizard-option selected`:`channel-wizard-option`}
+              ?disabled=${r.channelWizardBusy}
+              @click=${()=>r.onChannelWizardInput(o)}
+            >
+              <span>${i.label}</span>
+              ${i.hint?e`<small>${i.hint}</small>`:t}
+            </button>
+          `})}
+      </div>
+    `}if(i.type===`confirm`)return e`
+      <div class="channel-wizard-confirm">
+        <button
+          class=${r.channelWizardInput===!0?`btn primary`:`btn`}
+          ?disabled=${r.channelWizardBusy}
+          @click=${()=>r.onChannelWizardInput(!0)}
+        >
+          ${n(`common.yes`)}
+        </button>
+        <button
+          class=${r.channelWizardInput===!1?`btn primary`:`btn`}
+          ?disabled=${r.channelWizardBusy}
+          @click=${()=>r.onChannelWizardInput(!1)}
+        >
+          ${n(`common.no`)}
+        </button>
+      </div>
+    `;if(i.type===`text`){let t=typeof r.channelWizardInput==`string`?r.channelWizardInput:``;return e`
+      <input
+        class="input channel-wizard-text"
+        type=${i.sensitive?`password`:`text`}
+        .value=${t}
+        placeholder=${i.placeholder??``}
+        ?disabled=${r.channelWizardBusy}
+        @input=${e=>r.onChannelWizardInput(e.currentTarget.value)}
+      />
+    `}return t}export{A as renderChannels};
+//# sourceMappingURL=channels-D_T7jf1i.js.map