@pixelzx/genesis 2026.6.4 → 2026.6.5

package/dist/control-ui/assets/channels-DxBxgFLI.js

@@ -0,0 +1,463 @@
+import{f as e,r as t,u as n}from"./i18n-BiXTtoQW.js";import{f as r,u as i}from"./format-BvrOTETl.js";import{B as a,L as o,g as s,l as c,u as l,z as u}from"./index-YAwpI05T.js";import{n as d,t as f}from"./channel-config-extras-CNdHdere.js";function p(e,t){let n=e;for(let e of t){if(!n)return null;let t=a(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 m(e,t){return d(e,t)??{}}var h=[`groupPolicy`,`streamMode`,`dmPolicy`];function g(t){let n=h.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>${f(n)}</span>
+          </div>
+        `)}
+    </div>
+  `}function _(t){let n=c(t.schema),r=n.schema;if(!r)return e` <div class="callout danger">Schema unavailable. Use Raw.</div> `;let i=p(r,[`channels`,t.channelId]);if(!i)return e` <div class="callout danger">Channel config schema unavailable.</div> `;let a=m(t.configValue??{},t.channelId);return e`
+    <div class="config-form">
+      ${l({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>
+    ${g(a)}
+  `}function v(n){let{channelId:r,props:i}=n,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> `:_({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()}>
+          ${t(`common.reload`)}
+        </button>
+      </div>
+    </div>
+  `}function y(e,t){return t.snapshot?.channels?.[e]}function b(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 x(e,t){let n=y(e,t),r=t.snapshot?.channelAccounts?.[e]??[],i=b(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 S(e,t){if(!t.snapshot)return!1;let n=x(e,t);return n.configured===!0||n.running===!0||n.connected===!0||n.hasAnyActiveAccount}function C(e,t){return x(e,t).configured}function w(e){return t(e==null?`common.na`:e?`common.yes`:`common.no`)}function T(t){return e`
+    <div class="card">
+      <div class="card-title">${t.title}</div>
+      <div class="card-sub">${t.subtitle}</div>
+      ${t.accountCountLabel}
+
+      <div class="status-list" style="margin-top: 16px;">
+        ${t.statusRows.map(t=>e`
+            <div>
+              <span class="label">${t.label}</span>
+              <span>${t.value}</span>
+            </div>
+          `)}
+      </div>
+
+      ${t.lastError?e`<div class="callout danger" style="margin-top: 12px;">${t.lastError}</div>`:n}
+      ${t.secondaryCallout??n} ${t.extraContent??n}
+      ${t.configSection} ${t.footer??n}
+    </div>
+  `}function E(e,t){return t?.[e]?.length??0}function D(t,r){let i=E(t,r);return i<2?n:e`<div class="account-count">Accounts (${i})</div>`}function O(r){let{props:a,discord:o,accountCountLabel:s}=r,c=C(`discord`,a);return T({title:`Discord`,subtitle:`Bot status and channel configuration.`,accountCountLabel:s,statusRows:[{label:t(`common.configured`),value:w(c)},{label:t(`common.running`),value:o?.running?t(`common.yes`):t(`common.no`)},{label:t(`common.lastStart`),value:o?.lastStartAt?i(o.lastStartAt):t(`common.na`)},{label:t(`common.lastProbe`),value:o?.lastProbeAt?i(o.lastProbeAt):t(`common.na`)}],lastError:o?.lastError,secondaryCallout:o?.probe?e`<div class="callout" style="margin-top: 12px;">
+          ${o.probe.ok?t(`common.probeOk`):t(`common.probeFailed`)} ·
+          ${o.probe.status??``} ${o.probe.error??``}
+        </div>`:n,configSection:v({channelId:`discord`,props:a}),footer:e`<div class="row" style="margin-top: 12px;">
+      <button class="btn" @click=${()=>a.onRefresh(!0)}>${t(`common.probe`)}</button>
+    </div>`})}function k(r){let{props:a,googleChat:o,accountCountLabel:s}=r,c=C(`googlechat`,a);return T({title:`Google Chat`,subtitle:`Chat API webhook status and channel configuration.`,accountCountLabel:s,statusRows:[{label:t(`common.configured`),value:w(c)},{label:t(`common.running`),value:o?o.running?t(`common.yes`):t(`common.no`):t(`common.na`)},{label:t(`common.credential`),value:o?.credentialSource??t(`common.na`)},{label:t(`common.audience`),value:o?.audienceType?`${o.audienceType}${o.audience?` · ${o.audience}`:``}`:t(`common.na`)},{label:t(`common.lastStart`),value:o?.lastStartAt?i(o.lastStartAt):t(`common.na`)},{label:t(`common.lastProbe`),value:o?.lastProbeAt?i(o.lastProbeAt):t(`common.na`)}],lastError:o?.lastError,secondaryCallout:o?.probe?e`<div class="callout" style="margin-top: 12px;">
+          ${o.probe.ok?t(`common.probeOk`):t(`common.probeFailed`)} ·
+          ${o.probe.status??``} ${o.probe.error??``}
+        </div>`:n,configSection:v({channelId:`googlechat`,props:a}),footer:e`<div class="row" style="margin-top: 12px;">
+      <button class="btn" @click=${()=>a.onRefresh(!0)}>${t(`common.probe`)}</button>
+    </div>`})}function A(r){let{props:a,imessage:o,accountCountLabel:s}=r,c=C(`imessage`,a);return T({title:`iMessage`,subtitle:`macOS bridge status and channel configuration.`,accountCountLabel:s,statusRows:[{label:t(`common.configured`),value:w(c)},{label:t(`common.running`),value:o?.running?t(`common.yes`):t(`common.no`)},{label:t(`common.lastStart`),value:o?.lastStartAt?i(o.lastStartAt):t(`common.na`)},{label:t(`common.lastProbe`),value:o?.lastProbeAt?i(o.lastProbeAt):t(`common.na`)}],lastError:o?.lastError,secondaryCallout:o?.probe?e`<div class="callout" style="margin-top: 12px;">
+          ${o.probe.ok?t(`common.probeOk`):t(`common.probeFailed`)} ·
+          ${o.probe.error??``}
+        </div>`:n,configSection:v({channelId:`imessage`,props:a}),footer:e`<div class="row" style="margin-top: 12px;">
+      <button class="btn" @click=${()=>a.onRefresh(!0)}>${t(`common.probe`)}</button>
+    </div>`})}function j(e){return e?e.length<=20?e:`${e.slice(0,8)}...${e.slice(-8)}`:t(`common.na`)}function M(r){let{props:a,nostr:o,nostrAccounts:s,accountCountLabel:c,profileFormState:l,profileFormCallbacks:d,onEditProfile:f}=r,p=s[0],m=o?.configured??p?.configured??!1,h=o?.running??p?.running??!1,g=o?.publicKey??p?.publicKey,_=o?.lastStartAt??p?.lastStartAt??null,y=o?.lastError??p?.lastError??null,b=s.length>1,x=l!=null,S=r=>{let a=r.publicKey,o=r.profile;return e`
+      <div class="account-card">
+        <div class="account-card-header">
+          <div class="account-card-title">${o?.displayName??o?.name??r.name??r.accountId}</div>
+          <div class="account-card-id">${r.accountId}</div>
+        </div>
+        <div class="status-list account-card-status">
+          <div>
+            <span class="label">${t(`common.running`)}</span>
+            <span>${r.running?t(`common.yes`):t(`common.no`)}</span>
+          </div>
+          <div>
+            <span class="label">${t(`common.configured`)}</span>
+            <span>${r.configured?t(`common.yes`):t(`common.no`)}</span>
+          </div>
+          <div>
+            <span class="label">${t(`common.publicKey`)}</span>
+            <span class="monospace" title="${a??``}">${j(a)}</span>
+          </div>
+          <div>
+            <span class="label">${t(`common.lastInbound`)}</span>
+            <span
+              >${r.lastInboundAt?i(r.lastInboundAt):t(`common.na`)}</span
+            >
+          </div>
+          ${r.lastError?e` <div class="account-card-error">${r.lastError}</div> `:n}
+        </div>
+      </div>
+    `};return e`
+    <div class="card">
+      <div class="card-title">Nostr</div>
+      <div class="card-sub">Decentralized DMs via Nostr relays (NIP-04).</div>
+      ${c}
+      ${b?e`
+            <div class="account-card-list">
+              ${s.map(e=>S(e))}
+            </div>
+          `:e`
+            <div class="status-list" style="margin-top: 16px;">
+              <div>
+                <span class="label">${t(`common.configured`)}</span>
+                <span>${t(m?`common.yes`:`common.no`)}</span>
+              </div>
+              <div>
+                <span class="label">${t(`common.running`)}</span>
+                <span>${t(h?`common.yes`:`common.no`)}</span>
+              </div>
+              <div>
+                <span class="label">${t(`common.publicKey`)}</span>
+                <span class="monospace" title="${g??``}"
+                  >${j(g)}</span
+                >
+              </div>
+              <div>
+                <span class="label">${t(`common.lastStart`)}</span>
+                <span>
+                  ${_?i(_):t(`common.na`)}
+                </span>
+              </div>
+            </div>
+          `}
+      ${y?e`<div class="callout danger" style="margin-top: 12px;">${y}</div>`:n}
+      ${(()=>{if(x&&d)return u({state:l,callbacks:d,accountId:s[0]?.accountId??`default`});let{name:r,displayName:i,about:a,picture:c,nip05:h}=p?.profile??o?.profile??{},g=r||i||a||c||h;return e`
+      <div
+        style="margin-top: 16px; padding: 12px; background: var(--bg-secondary); border-radius: var(--radius-md);"
+      >
+        <div
+          style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px;"
+        >
+          <div style="font-weight: 500;">${t(`channels.nostr.profile`)}</div>
+          ${m?e`
+                <button
+                  class="btn btn--sm"
+                  @click=${f}
+                  style="font-size: 12px; padding: 4px 8px;"
+                >
+                  ${t(`channels.nostr.editProfile`)}
+                </button>
+              `:n}
+        </div>
+        ${g?e`
+              <div class="status-list">
+                ${c?e`
+                      <div style="margin-bottom: 8px;">
+                        <img
+                          src=${c}
+                          alt=${t(`channels.nostr.profilePicture`)}
+                          style="width: 48px; height: 48px; border-radius: var(--radius-full); object-fit: cover; border: 2px solid var(--border-color);"
+                          @error=${e=>{e.target.style.display=`none`}}
+                        />
+                      </div>
+                    `:n}
+                ${r?e`<div>
+                      <span class="label">${t(`channels.nostr.name`)}</span><span>${r}</span>
+                    </div>`:n}
+                ${i?e`<div>
+                      <span class="label">${t(`channels.nostr.displayName`)}</span
+                      ><span>${i}</span>
+                    </div>`:n}
+                ${a?e`<div>
+                      <span class="label">${t(`channels.nostr.about`)}</span
+                      ><span style="max-width: 300px; overflow: hidden; text-overflow: ellipsis;"
+                        >${a}</span
+                      >
+                    </div>`:n}
+                ${h?e`<div><span class="label">NIP-05</span><span>${h}</span></div>`:n}
+              </div>
+            `:e`
+              <div style="color: var(--text-muted); font-size: 13px">
+                ${t(`channels.nostr.noProfile`)} ${t(`channels.nostr.noProfileHint`)}
+              </div>
+            `}
+      </div>
+    `})()} ${v({channelId:`nostr`,props:a})}
+
+      <div class="row" style="margin-top: 12px;">
+        <button class="btn" @click=${()=>a.onRefresh(!1)}>${t(`common.refresh`)}</button>
+      </div>
+    </div>
+  `}function N(r){let{props:a,signal:o,accountCountLabel:s}=r,c=C(`signal`,a);return T({title:`Signal`,subtitle:`signal-cli status and channel configuration.`,accountCountLabel:s,statusRows:[{label:t(`common.configured`),value:w(c)},{label:t(`common.running`),value:o?.running?t(`common.yes`):t(`common.no`)},{label:t(`common.baseUrl`),value:o?.baseUrl??t(`common.na`)},{label:t(`common.lastStart`),value:o?.lastStartAt?i(o.lastStartAt):t(`common.na`)},{label:t(`common.lastProbe`),value:o?.lastProbeAt?i(o.lastProbeAt):t(`common.na`)}],lastError:o?.lastError,secondaryCallout:o?.probe?e`<div class="callout" style="margin-top: 12px;">
+          ${o.probe.ok?t(`common.probeOk`):t(`common.probeFailed`)} ·
+          ${o.probe.status??``} ${o.probe.error??``}
+        </div>`:n,configSection:v({channelId:`signal`,props:a}),footer:e`<div class="row" style="margin-top: 12px;">
+      <button class="btn" @click=${()=>a.onRefresh(!0)}>${t(`common.probe`)}</button>
+    </div>`})}function P(r){let{props:a,slack:o,accountCountLabel:s}=r,c=C(`slack`,a);return T({title:`Slack`,subtitle:`Socket mode status and channel configuration.`,accountCountLabel:s,statusRows:[{label:t(`common.configured`),value:w(c)},{label:t(`common.running`),value:o?.running?t(`common.yes`):t(`common.no`)},{label:t(`common.lastStart`),value:o?.lastStartAt?i(o.lastStartAt):t(`common.na`)},{label:t(`common.lastProbe`),value:o?.lastProbeAt?i(o.lastProbeAt):t(`common.na`)}],lastError:o?.lastError,secondaryCallout:o?.probe?e`<div class="callout" style="margin-top: 12px;">
+          ${o.probe.ok?t(`common.probeOk`):t(`common.probeFailed`)} ·
+          ${o.probe.status??``} ${o.probe.error??``}
+        </div>`:n,configSection:v({channelId:`slack`,props:a}),footer:e`<div class="row" style="margin-top: 12px;">
+      <button class="btn" @click=${()=>a.onRefresh(!0)}>${t(`common.probe`)}</button>
+    </div>`})}function F(r){let{props:a,telegram:o,telegramAccounts:s,accountCountLabel:c}=r,l=s.length>1,u=C(`telegram`,a),d=r=>{let a=r.probe?.bot?.username,o=r.name||r.accountId;return e`
+      <div class="account-card">
+        <div class="account-card-header">
+          <div class="account-card-title">${a?`@${a}`:o}</div>
+          <div class="account-card-id">${r.accountId}</div>
+        </div>
+        <div class="status-list account-card-status">
+          <div>
+            <span class="label">${t(`common.running`)}</span>
+            <span>${r.running?t(`common.yes`):t(`common.no`)}</span>
+          </div>
+          <div>
+            <span class="label">${t(`common.configured`)}</span>
+            <span>${r.configured?t(`common.yes`):t(`common.no`)}</span>
+          </div>
+          <div>
+            <span class="label">${t(`common.lastInbound`)}</span>
+            <span
+              >${r.lastInboundAt?i(r.lastInboundAt):t(`common.na`)}</span
+            >
+          </div>
+          ${r.lastError?e` <div class="account-card-error">${r.lastError}</div> `:n}
+        </div>
+      </div>
+    `};return l?e`
+      <div class="card">
+        <div class="card-title">Telegram</div>
+        <div class="card-sub">Bot status and channel configuration.</div>
+        ${c}
+
+        <div class="account-card-list">
+          ${s.map(e=>d(e))}
+        </div>
+
+        ${o?.lastError?e`<div class="callout danger" style="margin-top: 12px;">${o.lastError}</div>`:n}
+        ${o?.probe?e`<div class="callout" style="margin-top: 12px;">
+              ${o.probe.ok?t(`common.probeOk`):t(`common.probeFailed`)} ·
+              ${o.probe.status??``} ${o.probe.error??``}
+            </div>`:n}
+        ${v({channelId:`telegram`,props:a})}
+
+        <div class="row" style="margin-top: 12px;">
+          <button class="btn" @click=${()=>a.onRefresh(!0)}>${t(`common.probe`)}</button>
+        </div>
+      </div>
+    `:T({title:`Telegram`,subtitle:`Bot status and channel configuration.`,accountCountLabel:c,statusRows:[{label:t(`common.configured`),value:w(u)},{label:t(`common.running`),value:o?.running?t(`common.yes`):t(`common.no`)},{label:t(`common.mode`),value:o?.mode??t(`common.na`)},{label:t(`common.lastStart`),value:o?.lastStartAt?i(o.lastStartAt):t(`common.na`)},{label:t(`common.lastProbe`),value:o?.lastProbeAt?i(o.lastProbeAt):t(`common.na`)}],lastError:o?.lastError,secondaryCallout:o?.probe?e`<div class="callout" style="margin-top: 12px;">
+          ${o.probe.ok?t(`common.probeOk`):t(`common.probeFailed`)} ·
+          ${o.probe.status??``} ${o.probe.error??``}
+        </div>`:n,configSection:v({channelId:`telegram`,props:a}),footer:e`<div class="row" style="margin-top: 12px;">
+      <button class="btn" @click=${()=>a.onRefresh(!0)}>${t(`common.probe`)}</button>
+    </div>`})}function I(a){let{props:o,whatsapp:s,accountCountLabel:c}=a,l=C(`whatsapp`,o);return T({title:`WhatsApp`,subtitle:`Link WhatsApp Web and monitor connection health.`,accountCountLabel:c,statusRows:[{label:t(`common.configured`),value:w(l)},{label:t(`common.linked`),value:s?.linked?t(`common.yes`):t(`common.no`)},{label:t(`common.running`),value:s?.running?t(`common.yes`):t(`common.no`)},{label:t(`common.connected`),value:s?.connected?t(`common.yes`):t(`common.no`)},{label:t(`common.lastConnect`),value:s?.lastConnectedAt?i(s.lastConnectedAt):t(`common.na`)},{label:t(`common.lastMessage`),value:s?.lastMessageAt?i(s.lastMessageAt):t(`common.na`)},{label:t(`common.authAge`),value:s?.authAgeMs==null?t(`common.na`):r(s.authAgeMs)}],lastError:s?.lastError,extraContent:e`
+      ${o.whatsappMessage?e`<div class="callout" style="margin-top: 12px;">${o.whatsappMessage}</div>`:n}
+      ${o.whatsappQrDataUrl?e`<div class="qr-wrap">
+            <img src=${o.whatsappQrDataUrl} alt="WhatsApp QR" />
+          </div>`:n}
+    `,configSection:v({channelId:`whatsapp`,props:o}),footer:e`<div class="row" style="margin-top: 14px; flex-wrap: wrap;">
+      <button
+        class="btn primary"
+        ?disabled=${o.whatsappBusy}
+        @click=${()=>o.onWhatsAppStart(!1)}
+      >
+        ${o.whatsappBusy?t(`common.working`):t(`common.showQr`)}
+      </button>
+      <button
+        class="btn"
+        ?disabled=${o.whatsappBusy}
+        @click=${()=>o.onWhatsAppStart(!0)}
+      >
+        ${t(`common.relink`)}
+      </button>
+      <button class="btn" ?disabled=${o.whatsappBusy} @click=${()=>o.onWhatsAppWait()}>
+        ${t(`common.waitForScan`)}
+      </button>
+      <button
+        class="btn danger"
+        ?disabled=${o.whatsappBusy}
+        @click=${()=>o.onWhatsAppLogout()}
+      >
+        ${t(`common.logout`)}
+      </button>
+      <button class="btn" @click=${()=>o.onRefresh(!0)}>${t(`common.refresh`)}</button>
+    </div>`})}function L(r){let a=r.snapshot?.channels,c=a?.whatsapp??void 0,l=a?.telegram??void 0,u=a?.discord??null,d=a?.googlechat??null,f=a?.slack??null,p=a?.signal??null,m=a?.imessage??null,h=a?.nostr??null,g=o(U(r.snapshot).map((e,t)=>({key:e,enabled:S(e,r),order:t})),(e,t)=>e.enabled===t.enabled?e.order-t.order:e.enabled?-1:1);return e`
+    <section class="channels-toolbar">
+      <div>
+        <div class="card-title">${t(`tabs.channels`)}</div>
+        <div class="card-sub">${t(`channels.wizard.toolbarSubtitle`)}</div>
+      </div>
+      <button
+        class="btn primary"
+        ?disabled=${!r.connected||r.channelWizardBusy}
+        @click=${()=>r.onChannelWizardStart()}
+      >
+        <span class="btn__icon">${s.plus}</span>
+        ${r.channelWizardBusy?t(`common.working`):t(`channels.wizard.addChannel`)}
+      </button>
+    </section>
+
+    <section class="grid grid-cols-2">
+      ${g.map(e=>W(e.key,r,{whatsapp:c,telegram:l,discord:u,googlechat:d,slack:f,signal:p,imessage:m,nostr:h,channelAccounts:r.snapshot?.channelAccounts??null}))}
+    </section>
+
+    <section class="card" style="margin-top: 18px;">
+      <div class="row" style="justify-content: space-between;">
+        <div>
+          <div class="card-title">${t(`channels.health.title`)}</div>
+          <div class="card-sub">${t(`channels.health.subtitle`)}</div>
+        </div>
+        <div class="muted">
+          ${r.lastSuccessAt?i(r.lastSuccessAt):t(`common.na`)}
+        </div>
+      </div>
+      ${r.lastError?e`<div class="callout danger" style="margin-top: 12px;">${r.lastError}</div>`:n}
+      <pre class="code-block" style="margin-top: 12px;">
+${r.snapshot?JSON.stringify(r.snapshot,null,2):t(`channels.health.noSnapshotYet`)}
+      </pre
+      >
+    </section>
+
+    ${R(r)}
+  `}function R(r){let i=r.channelWizardStep,a=!!(r.channelWizardError||r.channelWizardMessage);if(!i&&!r.channelWizardBusy&&!a)return n;let o=i?.title||(r.channelWizardError?t(`channels.wizard.errorTitle`):r.channelWizardMessage?t(`channels.wizard.doneTitle`):t(`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">${t(`channels.wizard.subtitle`)}</div>
+          </div>
+        </div>
+        ${s?e`<div class="channel-wizard-message">${z(s)}</div>`:n}
+        ${i?H(r,i):n}
+        ${r.channelWizardError?e`<div class="exec-approval-error">${r.channelWizardError}</div>`:n}
+        <div class="exec-approval-actions">
+          ${i?e`
+                <button
+                  class="btn primary"
+                  ?disabled=${!c}
+                  @click=${()=>r.onChannelWizardSubmit()}
+                >
+                  ${r.channelWizardBusy?t(`common.working`):t(`channels.wizard.continue`)}
+                </button>
+                <button
+                  class="btn"
+                  ?disabled=${r.channelWizardBusy}
+                  @click=${()=>r.onChannelWizardCancel()}
+                >
+                  ${t(`common.cancel`)}
+                </button>
+              `:e`
+                <button
+                  class="btn primary"
+                  ?disabled=${r.channelWizardBusy}
+                  @click=${()=>r.onChannelWizardClose()}
+                >
+                  ${t(`common.ok`)}
+                </button>
+              `}
+        </div>
+      </div>
+    </div>
+  `}function z(t){return t.split(`
+`).map(e=>e.trimEnd()).map((t,r)=>e`${r>0?e`<br />`:n}${t}`)}function B(e){if(typeof e==`string`)return`string:${e}`;try{return`json:${JSON.stringify(e)}`}catch{return String(e)}}function V(e,t){return B(e)===B(t)}function H(r,i){if(i.type===`select`)return e`
+      <div class="channel-wizard-options">
+        ${(i.options??[]).map(t=>e`
+            <button
+              class=${V(r.channelWizardInput,t.value)?`channel-wizard-option selected`:`channel-wizard-option`}
+              ?disabled=${r.channelWizardBusy}
+              @click=${()=>r.onChannelWizardInput(t.value)}
+            >
+              <span>${t.label}</span>
+              ${t.hint?e`<small>${t.hint}</small>`:n}
+            </button>
+          `)}
+      </div>
+    `;if(i.type===`multiselect`){let t=Array.isArray(r.channelWizardInput)?r.channelWizardInput:[];return e`
+      <div class="channel-wizard-options">
+        ${(i.options??[]).map(i=>{let a=t.some(e=>V(e,i.value)),o=a?t.filter(e=>!V(e,i.value)):[...t,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>`:n}
+            </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)}
+        >
+          ${t(`common.yes`)}
+        </button>
+        <button
+          class=${r.channelWizardInput===!1?`btn primary`:`btn`}
+          ?disabled=${r.channelWizardBusy}
+          @click=${()=>r.onChannelWizardInput(!1)}
+        >
+          ${t(`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 n}function U(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 W(e,t,n){let r=D(e,n.channelAccounts);switch(e){case`whatsapp`:return I({props:t,whatsapp:n.whatsapp,accountCountLabel:r});case`telegram`:return F({props:t,telegram:n.telegram,telegramAccounts:n.channelAccounts?.telegram??[],accountCountLabel:r});case`discord`:return O({props:t,discord:n.discord,accountCountLabel:r});case`googlechat`:return k({props:t,googleChat:n.googlechat,accountCountLabel:r});case`slack`:return P({props:t,slack:n.slack,accountCountLabel:r});case`signal`:return N({props:t,signal:n.signal,accountCountLabel:r});case`imessage`:return A({props:t,imessage:n.imessage,accountCountLabel:r});case`nostr`:{let e=n.channelAccounts?.nostr??[],i=e[0],a=i?.accountId??`default`,o=i?.profile??null,s=t.nostrProfileAccountId===a?t.nostrProfileFormState:null,c=s?{onFieldChange:t.onNostrProfileFieldChange,onSave:t.onNostrProfileSave,onImport:t.onNostrProfileImport,onCancel:t.onNostrProfileCancel,onToggleAdvanced:t.onNostrProfileToggleAdvanced}:null;return M({props:t,nostr:n.nostr,nostrAccounts:e,accountCountLabel:r,profileFormState:s,profileFormCallbacks:c,onEditProfile:()=>t.onNostrProfileEdit(a,o)})}default:return G(e,t,n.channelAccounts??{})}}function G(r,i,a){let o=q(i.snapshot,r),s=x(r,i),c=typeof s.status?.lastError==`string`?s.status.lastError:void 0,l=a[r]??[],u=D(r,a);return e`
+    <div class="card">
+      <div class="card-title">${o}</div>
+      <div class="card-sub">${t(`channels.generic.subtitle`)}</div>
+      ${u}
+      ${l.length>0?e`
+            <div class="account-card-list">
+              ${l.map(e=>Q(e))}
+            </div>
+          `:e`
+            <div class="status-list" style="margin-top: 16px;">
+              <div>
+                <span class="label">${t(`common.configured`)}</span>
+                <span>${w(s.configured)}</span>
+              </div>
+              <div>
+                <span class="label">${t(`common.running`)}</span>
+                <span>${w(s.running)}</span>
+              </div>
+              <div>
+                <span class="label">${t(`common.connected`)}</span>
+                <span>${w(s.connected)}</span>
+              </div>
+            </div>
+          `}
+      ${c?e`<div class="callout danger" style="margin-top: 12px;">${c}</div>`:n}
+      ${v({channelId:r,props:i})}
+    </div>
+  `}function K(e){return e?.channelMeta?.length?Object.fromEntries(e.channelMeta.map(e=>[e.id,e])):{}}function q(e,t){return K(e)[t]?.label??e?.channelLabels?.[t]??t}var J=600*1e3;function Y(e){return e.lastInboundAt?Date.now()-e.lastInboundAt<J:!1}function X(e){return e.running?t(`common.yes`):Y(e)?t(`common.active`):t(`common.no`)}function Z(e){return e.connected===!0?t(`common.yes`):e.connected===!1?t(`common.no`):Y(e)?t(`common.active`):t(`common.na`)}function Q(r){let a=X(r),o=Z(r);return e`
+    <div class="account-card">
+      <div class="account-card-header">
+        <div class="account-card-title">${r.name||r.accountId}</div>
+        <div class="account-card-id">${r.accountId}</div>
+      </div>
+      <div class="status-list account-card-status">
+        <div>
+          <span class="label">${t(`common.running`)}</span>
+          <span>${a}</span>
+        </div>
+        <div>
+          <span class="label">${t(`common.configured`)}</span>
+          <span>${r.configured?t(`common.yes`):t(`common.no`)}</span>
+        </div>
+        <div>
+          <span class="label">${t(`common.connected`)}</span>
+          <span>${o}</span>
+        </div>
+        <div>
+          <span class="label">${t(`common.lastInbound`)}</span>
+          <span
+            >${r.lastInboundAt?i(r.lastInboundAt):t(`common.na`)}</span
+          >
+        </div>
+        ${r.lastError?e` <div class="account-card-error">${r.lastError}</div> `:n}
+      </div>
+    </div>
+  `}export{L as renderChannels};
+//# sourceMappingURL=channels-DxBxgFLI.js.map