@pixelzx/genesis 2026.6.27 → 2026.6.29

package/dist/control-ui/assets/nodes-CUXTunGj.js

@@ -0,0 +1,654 @@
+import{d as e,l as t,r as n}from"./i18n-BPOQLrbx.js";import{r}from"./string-coerce-LCfkQHEZ.js";import{I as i,L as a,N as o,P as s,U as c,f as l}from"./index-CmdvEIGH.js";function u(...e){let t=new Set;for(let n of e){if(!n)continue;if(Array.isArray(n)){for(let e of n){let n=e.trim();n&&t.add(n)}continue}let e=n.trim();e&&t.add(e)}let n=Array.from(t);return n.sort(),n}function d(e,t){let n=new Set(e);return t.every(e=>n.has(e))}function f(e){return{roles:u(e.roles,e.role),scopes:c(e.scopes)}}function p(e){let t=u(e.roles,e.role),n=Array.isArray(e.tokens)?e.tokens:e.tokens?Object.values(e.tokens):void 0;return{roles:n===void 0?t:u(n.filter(e=>!e.revokedAtMs).flatMap(e=>e.role??[])).filter(e=>t.includes(e)),scopes:c(e.scopes)}}function m(e,t){let n=f(e),r=t?p(t):null;return r?d(r.roles,n.roles)?d(r.scopes,n.scopes)?{kind:`re-approval`,requested:n,approved:r}:{kind:`scope-upgrade`,requested:n,approved:r}:{kind:`role-upgrade`,requested:n,approved:r}:{kind:`new-pairing`,requested:n,approved:null}}function h(e){let t=e?.agents??{},n=Array.isArray(t.list)?t.list:[],i=[];return n.forEach((e,t)=>{if(!e||typeof e!=`object`)return;let n=e,a=r(n.id)??``;if(!a)return;let o=r(n.name),s=n.default===!0;i.push({id:a,name:o,isDefault:s,index:t,record:n})}),i}function g(e,t){let n=new Set(t),i=[];for(let t of e){if(!(Array.isArray(t.commands)?t.commands:[]).some(e=>n.has(String(e))))continue;let e=r(t.nodeId)??``;if(!e)continue;let a=r(t.displayName)??e;i.push({id:e,label:a===e?e:`${a} · ${e}`})}return i.sort((e,t)=>e.label.localeCompare(t.label)),i}var _=`__defaults__`,v=[{value:`deny`,label:`Deny`},{value:`allowlist`,label:`Allowlist`},{value:`full`,label:`Full`}],y=[{value:`off`,label:`Off`},{value:`on-miss`,label:`On miss`},{value:`always`,label:`Always`}];function b(e){return e===`allowlist`||e===`full`||e===`deny`?e:`deny`}function x(e){return e===`always`||e===`off`||e===`on-miss`?e:`on-miss`}function S(e){let t=e?.defaults??{};return{security:b(t.security),ask:x(t.ask),askFallback:b(t.askFallback??`deny`),autoAllowSkills:t.autoAllowSkills??!1}}function C(e){return h(e).map(e=>({id:e.id,name:e.name,isDefault:e.isDefault}))}function w(e,t){let n=C(e),r=Object.keys(t?.agents??{}),i=new Map;n.forEach(e=>i.set(e.id,e)),r.forEach(e=>{i.has(e)||i.set(e,{id:e})});let a=Array.from(i.values());return a.length===0&&a.push({id:`main`,isDefault:!0}),a.sort((e,t)=>{if(e.isDefault&&!t.isDefault)return-1;if(!e.isDefault&&t.isDefault)return 1;let n=e.name?.trim()?e.name:e.id,r=t.name?.trim()?t.name:t.id;return n.localeCompare(r)}),a}function T(e,t){return e===_?_:e&&t.some(t=>t.id===e)?e:_}function E(e){let t=e.execApprovalsForm??e.execApprovalsSnapshot?.file??null,n=!!t,r=S(t),i=w(e.configForm,t),a=j(e.nodes),o=e.execApprovalsTarget,s=o===`node`&&e.execApprovalsTargetNodeId?e.execApprovalsTargetNodeId:null;o===`node`&&s&&!a.some(e=>e.id===s)&&(s=null);let c=T(e.execApprovalsSelectedAgent,i),l=c===_?null:(t?.agents??{})[c]??null,u=Array.isArray(l?.allowlist)?l.allowlist??[]:[];return{ready:n,disabled:e.execApprovalsSaving||e.execApprovalsLoading,dirty:e.execApprovalsDirty,loading:e.execApprovalsLoading,saving:e.execApprovalsSaving,form:t,defaults:r,selectedScope:c,selectedAgent:l,agents:i,allowlist:u,target:o,targetNodeId:s,targetNodes:a,onSelectScope:e.onExecApprovalsSelectAgent,onSelectTarget:e.onExecApprovalsTargetChange,onPatch:e.onExecApprovalsPatch,onRemove:e.onExecApprovalsRemove,onLoad:e.onLoadExecApprovals,onSave:e.onSaveExecApprovals}}function D(r){let i=r.ready,a=r.target!==`node`||!!r.targetNodeId;return e`
+    <section class="card">
+      <div class="row" style="justify-content: space-between; align-items: center;">
+        <div>
+          <div class="card-title">Exec approvals</div>
+          <div class="card-sub">
+            Allowlist and approval policy for <span class="mono">exec host=gateway/node</span>.
+          </div>
+        </div>
+        <button
+          class="btn"
+          ?disabled=${r.disabled||!r.dirty||!a}
+          @click=${r.onSave}
+        >
+          ${r.saving?`Saving…`:`Save`}
+        </button>
+      </div>
+
+      ${ee(r)}
+      ${i?e`
+            ${te(r)} ${O(r)}
+            ${r.selectedScope===_?t:k(r)}
+          `:e`<div class="row" style="margin-top: 12px; gap: 12px;">
+            <div class="muted">Load exec approvals to edit allowlists.</div>
+            <button class="btn" ?disabled=${r.loading||!a} @click=${r.onLoad}>
+              ${r.loading?n(`common.loading`):n(`common.loadApprovals`)}
+            </button>
+          </div>`}
+    </section>
+  `}function ee(n){let r=n.targetNodes.length>0,i=n.targetNodeId??``;return e`
+    <div class="list" style="margin-top: 12px;">
+      <div class="list-item">
+        <div class="list-main">
+          <div class="list-title">Target</div>
+          <div class="list-sub">Gateway edits local approvals; node edits the selected node.</div>
+        </div>
+        <div class="list-meta">
+          <label class="field">
+            <span>Host</span>
+            <select
+              ?disabled=${n.disabled}
+              @change=${e=>{if(e.target.value===`node`){let e=n.targetNodes[0]?.id??null;n.onSelectTarget(`node`,i||e)}else n.onSelectTarget(`gateway`,null)}}
+            >
+              <option value="gateway" ?selected=${n.target===`gateway`}>Gateway</option>
+              <option value="node" ?selected=${n.target===`node`}>Node</option>
+            </select>
+          </label>
+          ${n.target===`node`?e`
+                <label class="field">
+                  <span>Node</span>
+                  <select
+                    ?disabled=${n.disabled||!r}
+                    @change=${e=>{let t=e.target.value.trim();n.onSelectTarget(`node`,t||null)}}
+                  >
+                    <option value="" ?selected=${i===``}>Select node</option>
+                    ${n.targetNodes.map(t=>e`<option value=${t.id} ?selected=${i===t.id}>
+                          ${t.label}
+                        </option>`)}
+                  </select>
+                </label>
+              `:t}
+        </div>
+      </div>
+      ${n.target===`node`&&!r?e` <div class="muted">No nodes advertise exec approvals yet.</div> `:t}
+    </div>
+  `}function te(t){return e`
+    <div class="row" style="margin-top: 12px; gap: 8px; flex-wrap: wrap;">
+      <span class="label">Scope</span>
+      <div class="row" style="gap: 8px; flex-wrap: wrap;">
+        <button
+          class="btn btn--sm ${t.selectedScope===_?`active`:``}"
+          @click=${()=>t.onSelectScope(_)}
+        >
+          Defaults
+        </button>
+        ${t.agents.map(n=>{let r=n.name?.trim()?`${n.name} (${n.id})`:n.id;return e`
+            <button
+              class="btn btn--sm ${t.selectedScope===n.id?`active`:``}"
+              @click=${()=>t.onSelectScope(n.id)}
+            >
+              ${r}
+            </button>
+          `})}
+      </div>
+    </div>
+  `}function O(n){let r=n.selectedScope===_,i=n.defaults,a=n.selectedAgent??{},o=r?[`defaults`]:[`agents`,n.selectedScope],s=typeof a.security==`string`?a.security:void 0,c=typeof a.ask==`string`?a.ask:void 0,l=typeof a.askFallback==`string`?a.askFallback:void 0,u=r?i.security:s??`__default__`,d=r?i.ask:c??`__default__`,f=r?i.askFallback:l??`__default__`,p=typeof a.autoAllowSkills==`boolean`?a.autoAllowSkills:void 0,m=p??i.autoAllowSkills,h=p==null;return e`
+    <div class="list" style="margin-top: 16px;">
+      <div class="list-item">
+        <div class="list-main">
+          <div class="list-title">Security</div>
+          <div class="list-sub">
+            ${r?`Default security mode.`:`Default: ${i.security}.`}
+          </div>
+        </div>
+        <div class="list-meta">
+          <label class="field">
+            <span>Mode</span>
+            <select
+              ?disabled=${n.disabled}
+              @change=${e=>{let t=e.target.value;!r&&t===`__default__`?n.onRemove([...o,`security`]):n.onPatch([...o,`security`],t)}}
+            >
+              ${r?t:e`<option value="__default__" ?selected=${u===`__default__`}>
+                    Use default (${i.security})
+                  </option>`}
+              ${v.map(t=>e`<option value=${t.value} ?selected=${u===t.value}>
+                    ${t.label}
+                  </option>`)}
+            </select>
+          </label>
+        </div>
+      </div>
+
+      <div class="list-item">
+        <div class="list-main">
+          <div class="list-title">Ask</div>
+          <div class="list-sub">
+            ${r?`Default prompt policy.`:`Default: ${i.ask}.`}
+          </div>
+        </div>
+        <div class="list-meta">
+          <label class="field">
+            <span>Mode</span>
+            <select
+              ?disabled=${n.disabled}
+              @change=${e=>{let t=e.target.value;!r&&t===`__default__`?n.onRemove([...o,`ask`]):n.onPatch([...o,`ask`],t)}}
+            >
+              ${r?t:e`<option value="__default__" ?selected=${d===`__default__`}>
+                    Use default (${i.ask})
+                  </option>`}
+              ${y.map(t=>e`<option value=${t.value} ?selected=${d===t.value}>
+                    ${t.label}
+                  </option>`)}
+            </select>
+          </label>
+        </div>
+      </div>
+
+      <div class="list-item">
+        <div class="list-main">
+          <div class="list-title">Ask fallback</div>
+          <div class="list-sub">
+            ${r?`Applied when the UI prompt is unavailable.`:`Default: ${i.askFallback}.`}
+          </div>
+        </div>
+        <div class="list-meta">
+          <label class="field">
+            <span>Fallback</span>
+            <select
+              ?disabled=${n.disabled}
+              @change=${e=>{let t=e.target.value;!r&&t===`__default__`?n.onRemove([...o,`askFallback`]):n.onPatch([...o,`askFallback`],t)}}
+            >
+              ${r?t:e`<option value="__default__" ?selected=${f===`__default__`}>
+                    Use default (${i.askFallback})
+                  </option>`}
+              ${v.map(t=>e`<option value=${t.value} ?selected=${f===t.value}>
+                    ${t.label}
+                  </option>`)}
+            </select>
+          </label>
+        </div>
+      </div>
+
+      <div class="list-item">
+        <div class="list-main">
+          <div class="list-title">Auto-allow skill CLIs</div>
+          <div class="list-sub">
+            ${r?`Allow skill executables listed by the Gateway.`:h?`Using default (${i.autoAllowSkills?`on`:`off`}).`:`Override (${m?`on`:`off`}).`}
+          </div>
+        </div>
+        <div class="list-meta">
+          <label class="field">
+            <span>Enabled</span>
+            <input
+              type="checkbox"
+              ?disabled=${n.disabled}
+              .checked=${m}
+              @change=${e=>{let t=e.target;n.onPatch([...o,`autoAllowSkills`],t.checked)}}
+            />
+          </label>
+          ${!r&&!h?e`<button
+                class="btn btn--sm"
+                ?disabled=${n.disabled}
+                @click=${()=>n.onRemove([...o,`autoAllowSkills`])}
+              >
+                Use default
+              </button>`:t}
+        </div>
+      </div>
+    </div>
+  `}function k(t){let n=[`agents`,t.selectedScope,`allowlist`],r=t.allowlist;return e`
+    <div class="row" style="margin-top: 18px; justify-content: space-between;">
+      <div>
+        <div class="card-title">Allowlist</div>
+        <div class="card-sub">Case-insensitive glob patterns.</div>
+      </div>
+      <button
+        class="btn btn--sm"
+        ?disabled=${t.disabled}
+        @click=${()=>{let e=[...r,{pattern:``}];t.onPatch(n,e)}}
+      >
+        Add pattern
+      </button>
+    </div>
+    <div class="list" style="margin-top: 12px;">
+      ${r.length===0?e` <div class="muted">No allowlist entries yet.</div> `:r.map((e,n)=>A(t,e,n))}
+    </div>
+  `}function A(n,r,i){let s=r.lastUsedAt?a(r.lastUsedAt):`never`,c=r.lastUsedCommand?o(r.lastUsedCommand,120):null,l=r.lastResolvedPath?o(r.lastResolvedPath,120):null;return e`
+    <div class="list-item">
+      <div class="list-main">
+        <div class="list-title">${r.pattern?.trim()?r.pattern:`New pattern`}</div>
+        <div class="list-sub">Last used: ${s}</div>
+        ${c?e`<div class="list-sub mono">${c}</div>`:t}
+        ${l?e`<div class="list-sub mono">${l}</div>`:t}
+      </div>
+      <div class="list-meta">
+        <label class="field">
+          <span>Pattern</span>
+          <input
+            type="text"
+            .value=${r.pattern??``}
+            ?disabled=${n.disabled}
+            @input=${e=>{let t=e.target;n.onPatch([`agents`,n.selectedScope,`allowlist`,i,`pattern`],t.value)}}
+          />
+        </label>
+        <button
+          class="btn btn--sm danger"
+          ?disabled=${n.disabled}
+          @click=${()=>{if(n.allowlist.length<=1){n.onRemove([`agents`,n.selectedScope,`allowlist`]);return}n.onRemove([`agents`,n.selectedScope,`allowlist`,i])}}
+        >
+          Remove
+        </button>
+      </div>
+    </div>
+  `}function j(e){return g(e,[`system.execApprovals.get`,`system.execApprovals.set`])}var M=`grid-template-columns: 1fr 160px 120px 140px 56px;`;function N(t){let r=t.nodes.filter(e=>I(e).label===`Online`).length;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">Nodes</div>
+          <div class="view-sub">
+            ${t.nodes.length} ${t.nodes.length===1?`node`:`nodes`} · ${r} online
+          </div>
+        </div>
+        <button class="btn" ?disabled=${t.loading} @click=${t.onRefresh}>
+          ${t.loading?n(`common.loading`):n(`common.refresh`)}
+        </button>
+      </div>
+      ${t.nodes.length===0?e`<div class="muted" style="margin-top: 16px;">No nodes found.</div>`:e`
+            <div class="table" style="margin-top: 20px;">
+              <div class="table-head" style=${M}>
+                <span>NODE</span>
+                <span>PLATFORM</span>
+                <span>ROLE</span>
+                <span>STATUS</span>
+                <span></span>
+              </div>
+              ${t.nodes.map(e=>L(e,t))}
+            </div>
+          `}
+      ${X(t)} ${B(t)}
+    </section>
+  `}function P(e){let t=r(e.platform)??r(e.os),n=r(e.arch);return t&&n?`${t}-${n}`:t??n??`—`}function F(e){return r(e.role)??r(e.kind)??(e.isGateway===!0?`Gateway`:`Node`)}function I(e){return e.online!==!1&&e.connected!==!1?{dot:`status-dot--ok`,label:`Online`}:{dot:`status-dot--idle`,label:`Offline`}}function L(n,r){let i=K(n),a=I(n);return e`
+    <div class="table-row" style=${M}>
+      <div style="display: flex; flex-direction: column; gap: 2px; min-width: 0;">
+        <span style="font-family: var(--mono); color: var(--text);">${J(n)}</span>
+        <span class="muted" style="font-size: 13px; overflow: hidden; text-overflow: ellipsis;">
+          ${i??`—`}
+        </span>
+      </div>
+      <span class="muted" style="font-family: var(--mono);">${P(n)}</span>
+      <span class="muted" style="font-family: var(--mono);">${F(n)}</span>
+      <span style="display: flex; align-items: center; gap: 8px;">
+        <span class="status-dot ${a.dot}"></span>
+        <span class="muted">${a.label}</span>
+      </span>
+      <span style="position: relative; display: flex; justify-content: flex-end;">
+        <button
+          class="btn btn--sm ghost"
+          ?disabled=${!i}
+          aria-label="Node actions"
+          @click=${e=>{e.stopPropagation(),i&&r.onToggleActionMenu(r.nodesActionMenuId===i?null:i)}}
+        >
+          ${l.moreHorizontal}
+        </button>
+        ${i?R(i,r):t}
+      </span>
+    </div>
+  `}function R(n,r){return r.nodesActionMenuId===n?e`
+    <div
+      class="nodes-action-menu"
+      @click=${e=>e.stopPropagation()}
+      style="position: absolute; top: calc(100% + 4px); right: 0; z-index: 40; min-width: 200px; display: flex; flex-direction: column; gap: 2px; padding: 4px; background: var(--surface); border: 1px solid var(--border); border-radius: 8px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);"
+    >
+      ${[[`Update`,l.refresh,()=>r.onUpdateNode(n)],[`Permissions`,l.shield,()=>r.onOpenNodeModal(`permissions`,n)],[`Run command`,l.play,()=>r.onOpenNodeModal(`run`,n)],[`Open terminal`,l.terminal,()=>r.onOpenNodeModal(`terminal`,n)]].map(([t,n,r])=>e`
+          <button
+            class="nodes-action-menu__item"
+            @click=${r}
+            style="display: flex; align-items: center; gap: 12px; width: 100%; padding: 8px 12px; border: none; border-radius: 6px; background: transparent; color: var(--text); font: inherit; text-align: left; cursor: pointer;"
+          >
+            <span style="display: inline-flex; width: 16px; height: 16px;">${n}</span>
+            <span>${t}</span>
+          </button>
+        `)}
+    </div>
+  `:t}function z(t){return e`
+    <div
+      class="nodes-modal-overlay"
+      @click=${e=>{e.target===e.currentTarget&&t.onClose()}}
+      style="position: fixed; inset: 0; z-index: 60; display: flex; align-items: center; justify-content: center; padding: 24px; background: rgba(0, 0, 0, 0.6); backdrop-filter: blur(4px);"
+    >
+      <div
+        style="width: min(${t.width??640}px, 100%); max-height: 85vh; display: flex; flex-direction: column; overflow: hidden; background: var(--surface); border: 1px solid var(--border); border-radius: 8px; box-shadow: 0 16px 48px rgba(0, 0, 0, 0.6);"
+      >
+        <div
+          style="display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 24px; border-bottom: 1px solid var(--border);"
+        >
+          <div style="display: flex; flex-direction: column; gap: 4px; min-width: 0;">
+            <div style="font-size: 18px; font-weight: 600; color: var(--text);">
+              ${t.title}
+            </div>
+            <div class="muted mono" style="font-size: 12px;">${t.sub}</div>
+          </div>
+          <button class="btn btn--sm ghost" aria-label="Close" @click=${t.onClose}>
+            ${l.x}
+          </button>
+        </div>
+        <div style="padding: 24px; overflow: auto;">${t.body}</div>
+      </div>
+    </div>
+  `}function B(n){let r=n.nodesModal;if(!r)return t;let i=n.nodes.find(e=>K(e)===r.nodeId)??null,a=i?J(i):r.nodeId;if(r.kind===`permissions`)return z({title:`Permissions`,sub:a,width:760,onClose:n.onCloseNodeModal,body:e`
+        ${D(E(n))}
+        ${se($(n))}
+      `});if(r.kind===`terminal`){let t=(i?q(i):[]).includes(`system.run`),r=n.nodeManagementBusy;return z({title:`Terminal`,sub:a,onClose:n.onCloseNodeModal,body:e`
+        <div class="list">
+          ${ne({busy:r,supportsSystemRun:t,props:n})}
+          ${G(n)}
+        </div>
+      `})}let o=i?q(i):[],s=o.filter(e=>e!==`system.execApprovals.get`&&e!==`system.execApprovals.set`&&e!==`system.run.prepare`),c=o.includes(`system.run`),l=o.includes(`system.which`),u=n.nodeManagementBusy;return z({title:`Run command`,sub:a,onClose:n.onCloseNodeModal,body:e`
+      ${n.nodeManagementError?e`<div class="callout danger" style="margin-bottom: 12px;">
+            ${n.nodeManagementError}
+          </div>`:t}
+      <div class="list">
+        ${i?V(n,i):t}
+        ${H({busy:u,supportsSystemRun:c,supportsSystemWhich:l,props:n})}
+        ${W({busy:u,commandOptions:s,props:n})}
+        ${G(n)}
+      </div>
+    `})}function V(t,n){return e`
+    <div class="list-item">
+      <div class="list-main">
+        <div class="list-title">Display Name</div>
+        <div class="list-sub">${K(n)??``}</div>
+      </div>
+      <div class="list-meta" style="min-width: min(420px, 100%);">
+        <div class="row" style="justify-content: flex-end; gap: 8px; flex-wrap: wrap;">
+          <input
+            style="min-width: min(260px, 100%);"
+            .value=${t.nodeManagementRename}
+            ?disabled=${t.nodeManagementBusy}
+            @input=${e=>t.onNodeManagementRenameChange(e.target.value)}
+          />
+          <button
+            class="btn btn--sm"
+            ?disabled=${t.nodeManagementBusy||!t.nodeManagementRename.trim()}
+            @click=${t.onNodeManagementRename}
+          >
+            ${l.edit} Rename
+          </button>
+        </div>
+      </div>
+    </div>
+  `}function H(t){let{busy:n,supportsSystemRun:r,supportsSystemWhich:i,props:a}=t;return e`
+    <div class="list-item">
+      <div class="list-main">
+        <div class="list-title">Host Operations</div>
+        <div class="list-sub">Update status, update, restart, and executable discovery.</div>
+      </div>
+      <div class="list-meta">
+        <div class="row" style="justify-content: flex-end; gap: 8px; flex-wrap: wrap;">
+          ${U(`which-genesis`,`Find CLI`,i,n,a)}
+          ${U(`update-status`,`Update Status`,r,n,a)}
+          ${U(`update-run`,`Update`,r,n,a,!0)}
+          ${U(`restart-service`,`Restart Node`,r,n,a,!0)}
+        </div>
+      </div>
+    </div>
+  `}function U(t,n,r,i,a,o=!1){return e`
+    <button
+      class="btn btn--sm ${o?`danger`:``}"
+      ?disabled=${i||!r}
+      @click=${()=>a.onNodeManagementPreset(t)}
+    >
+      ${t===`which-genesis`?l.search:l.refresh} ${n}
+    </button>
+  `}function ne(n){let{busy:r,supportsSystemRun:i,props:a}=n;return e`
+    <div class="list-item">
+      <div class="list-main">
+        <div class="list-title">Shell Command</div>
+        <div class="list-sub">Runs through <code>system.run</code> on the selected node.</div>
+      </div>
+      <div class="list-meta" style="min-width: min(560px, 100%);">
+        <div style="display: grid; gap: 8px;">
+          <textarea
+            rows="3"
+            spellcheck="false"
+            .value=${a.nodeManagementShell}
+            ?disabled=${r||!i}
+            @input=${e=>a.onNodeManagementShellChange(e.target.value)}
+          ></textarea>
+          <div class="row" style="justify-content: flex-end; gap: 8px; flex-wrap: wrap;">
+            <input
+              placeholder="cwd"
+              style="min-width: 180px;"
+              .value=${a.nodeManagementCwd}
+              ?disabled=${r||!i}
+              @input=${e=>a.onNodeManagementCwdChange(e.target.value)}
+            />
+            <input
+              placeholder="timeout ms"
+              style="width: 130px;"
+              inputmode="numeric"
+              .value=${a.nodeManagementTimeoutMs}
+              ?disabled=${r||!i}
+              @input=${e=>a.onNodeManagementTimeoutChange(e.target.value)}
+            />
+            <button
+              class="btn btn--sm primary"
+              ?disabled=${r||!i||!a.nodeManagementShell.trim()}
+              @click=${a.onNodeManagementRunShell}
+            >
+              ${l.terminal} ${r?`Running`:`Run`}
+            </button>
+          </div>
+          ${i?t:e`<div class="muted">This node does not advertise <code>system.run</code>.</div>`}
+        </div>
+      </div>
+    </div>
+  `}function W(t){let{busy:n,commandOptions:r,props:i}=t;return e`
+    <div class="list-item">
+      <div class="list-main">
+        <div class="list-title">Direct Command</div>
+        <div class="list-sub">Invokes an advertised node command with JSON params.</div>
+      </div>
+      <div class="list-meta" style="min-width: min(560px, 100%);">
+        <div style="display: grid; gap: 8px;">
+          <select
+            ?disabled=${n||r.length===0}
+            @change=${e=>i.onNodeManagementCommandChange(e.target.value)}
+          >
+            ${r.map(t=>e`<option value=${t} ?selected=${t===i.nodeManagementCommand}>
+                  ${t}
+                </option>`)}
+          </select>
+          <textarea
+            rows="5"
+            spellcheck="false"
+            .value=${i.nodeManagementParams}
+            ?disabled=${n||r.length===0}
+            @input=${e=>i.onNodeManagementParamsChange(e.target.value)}
+          ></textarea>
+          <div class="row" style="justify-content: flex-end; gap: 8px; flex-wrap: wrap;">
+            <button
+              class="btn btn--sm primary"
+              ?disabled=${n||r.length===0||!i.nodeManagementCommand}
+              @click=${i.onNodeManagementInvoke}
+            >
+              ${l.send} Invoke
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+  `}function G(n){let r=n.nodeManagementResult;if(!r)return t;let i=Y(r.payload);return e`
+    <div class="list-item">
+      <div class="list-main">
+        <div class="list-title">${r.label}</div>
+        <div class="list-sub">
+          ${r.nodeId} · ${r.command} · ${r.ok?`ok`:`failed`} ·
+          ${a(r.completedAtMs)}
+        </div>
+        <pre class="code-block" style="margin-top: 10px; max-height: 360px; overflow: auto;">
+${i}</pre
+        >
+      </div>
+    </div>
+  `}function K(e){return r(e.nodeId)??null}function q(e){let t=Array.isArray(e.commands)?e.commands:[];return Array.from(new Set(t.map(e=>r(e)).filter(e=>!!e))).toSorted((e,t)=>e.localeCompare(t))}function J(e){return r(e.displayName)??r(e.nodeId)??`unknown`}function Y(e){if(e&&typeof e==`object`){let t=e,n=r(t.stdout),i=r(t.stderr),a=r(t.error),o=typeof t.exitCode==`number`||typeof t.exitCode==`string`?String(t.exitCode):null;if(n||i||a||o){let e=[];return o&&e.push(`exitCode: ${o}`),n&&e.push(`stdout:\n${n}`),i&&e.push(`stderr:\n${i}`),a&&e.push(`error:\n${a}`),e.join(`
+
+`)}}return i(e,{pretty:!0,fallback:``})}function X(i){let a=i.devicesList??{pending:[],paired:[]},o=Array.isArray(a.pending)?a.pending:[],s=Array.isArray(a.paired)?a.paired:[],c=new Map(s.map(e=>[r(e.deviceId),e]).filter(e=>!!e[0]));return e`
+    <section class="card">
+      <div class="row" style="justify-content: space-between;">
+        <div>
+          <div class="card-title">Devices</div>
+          <div class="card-sub">Pairing requests + role tokens.</div>
+        </div>
+        <button class="btn" ?disabled=${i.devicesLoading} @click=${i.onDevicesRefresh}>
+          ${i.devicesLoading?n(`common.loading`):n(`common.refresh`)}
+        </button>
+      </div>
+      ${i.devicesError?e`<div class="callout danger" style="margin-top: 12px;">${i.devicesError}</div>`:t}
+      <div class="list" style="margin-top: 16px;">
+        ${o.length>0?e`
+              <div class="muted" style="margin-bottom: 8px;">Pending</div>
+              ${o.map(e=>ie(e,i,Z(c,e)))}
+            `:t}
+        ${s.length>0?e`
+              <div class="muted" style="margin-top: 12px; margin-bottom: 8px;">Paired</div>
+              ${s.map(e=>ae(e,i))}
+            `:t}
+        ${o.length===0&&s.length===0?e` <div class="muted">No paired devices.</div> `:t}
+      </div>
+    </section>
+  `}function Z(e,t){let n=r(t.deviceId);if(!n)return;let i=e.get(n);if(!i)return;let a=r(t.publicKey),o=r(i.publicKey);if(!(a&&o&&a!==o))return i}function Q(e){return e?`roles: ${s(e.roles)} · scopes: ${s(e.scopes)}`:`none`}function re(e){switch(e){case`scope-upgrade`:return`scope upgrade requires approval`;case`role-upgrade`:return`role upgrade requires approval`;case`re-approval`:return`reconnect details changed; approval required`;case`new-pairing`:return`new device pairing request`}throw Error(`unsupported pending approval kind`)}function ie(i,o,s){let c=r(i.displayName)||i.deviceId,l=typeof i.ts==`number`?a(i.ts):n(`common.na`),u=m(i,s),d=i.isRepair?` · repair`:``,f=i.remoteIp?` · ${i.remoteIp}`:``;return e`
+    <div class="list-item">
+      <div class="list-main">
+        <div class="list-title">${c}</div>
+        <div class="list-sub">${i.deviceId}${f}</div>
+        <div class="muted" style="margin-top: 6px;">
+          ${re(u.kind)} · requested ${l}${d}
+        </div>
+        <div class="muted" style="margin-top: 6px;">
+          requested: ${Q(u.requested)}
+        </div>
+        ${u.approved?e`
+              <div class="muted" style="margin-top: 6px;">
+                approved now: ${Q(u.approved)}
+              </div>
+            `:t}
+      </div>
+      <div class="list-meta">
+        <div class="row" style="justify-content: flex-end; gap: 8px; flex-wrap: wrap;">
+          <button class="btn btn--sm primary" @click=${()=>o.onDeviceApprove(i.requestId)}>
+            Approve
+          </button>
+          <button class="btn btn--sm" @click=${()=>o.onDeviceReject(i.requestId)}>
+            Reject
+          </button>
+        </div>
+      </div>
+    </div>
+  `}function ae(t,n){let i=r(t.displayName)||t.deviceId,a=t.remoteIp?` · ${t.remoteIp}`:``,o=`roles: ${s(t.roles)}`,c=`scopes: ${s(t.scopes)}`,l=Array.isArray(t.tokens)?t.tokens:[];return e`
+    <div class="list-item">
+      <div class="list-main">
+        <div class="list-title">${i}</div>
+        <div class="list-sub">${t.deviceId}${a}</div>
+        <div class="muted" style="margin-top: 6px;">${o} · ${c}</div>
+        ${l.length===0?e` <div class="muted" style="margin-top: 6px">Tokens: none</div> `:e`
+              <div class="muted" style="margin-top: 10px;">Tokens</div>
+              <div style="display: flex; flex-direction: column; gap: 8px; margin-top: 6px;">
+                ${l.map(e=>oe(t.deviceId,e,n))}
+              </div>
+            `}
+      </div>
+    </div>
+  `}function oe(n,r,i){let o=r.revokedAtMs?`revoked`:`active`,c=`scopes: ${s(r.scopes)}`,l=a(r.rotatedAtMs??r.createdAtMs??r.lastUsedAtMs??null);return e`
+    <div class="row" style="justify-content: space-between; gap: 8px;">
+      <div class="list-sub">${r.role} · ${o} · ${c} · ${l}</div>
+      <div class="row" style="justify-content: flex-end; gap: 6px; flex-wrap: wrap;">
+        <button
+          class="btn btn--sm"
+          @click=${()=>i.onDeviceRotate(n,r.role,r.scopes)}
+        >
+          Rotate
+        </button>
+        ${r.revokedAtMs?t:e`
+              <button
+                class="btn btn--sm danger"
+                @click=${()=>i.onDeviceRevoke(n,r.role)}
+              >
+                Revoke
+              </button>
+            `}
+      </div>
+    </div>
+  `}function $(e){let t=e.configForm,n=le(e.nodes),{defaultBinding:r,agents:i}=ue(t);return{ready:!!t,disabled:e.configSaving||e.configFormMode===`raw`,configDirty:e.configDirty,configLoading:e.configLoading,configSaving:e.configSaving,defaultBinding:r,agents:i,nodes:n,onBindDefault:e.onBindDefault,onBindAgent:e.onBindAgent,onSave:e.onSaveBindings,onLoadConfig:e.onLoadConfig,formMode:e.configFormMode}}function se(r){let i=r.nodes.length>0,a=r.defaultBinding??``;return e`
+    <section class="card">
+      <div class="row" style="justify-content: space-between; align-items: center;">
+        <div>
+          <div class="card-title">${n(`nodes.binding.execNodeBinding`)}</div>
+          <div class="card-sub">${n(`nodes.binding.execNodeBindingSubtitle`)}</div>
+        </div>
+        <button
+          class="btn"
+          ?disabled=${r.disabled||!r.configDirty}
+          @click=${r.onSave}
+        >
+          ${r.configSaving?n(`common.saving`):n(`common.save`)}
+        </button>
+      </div>
+
+      ${r.formMode===`raw`?e`
+            <div class="callout warn" style="margin-top: 12px">
+              ${n(`nodes.binding.formModeHint`)}
+            </div>
+          `:t}
+      ${r.ready?e`
+            <div class="list" style="margin-top: 16px;">
+              <div class="list-item">
+                <div class="list-main">
+                  <div class="list-title">${n(`nodes.binding.defaultBinding`)}</div>
+                  <div class="list-sub">${n(`nodes.binding.defaultBindingHint`)}</div>
+                </div>
+                <div class="list-meta">
+                  <label class="field">
+                    <span>${n(`nodes.binding.node`)}</span>
+                    <select
+                      ?disabled=${r.disabled||!i}
+                      @change=${e=>{let t=e.target.value.trim();r.onBindDefault(t||null)}}
+                    >
+                      <option value="" ?selected=${a===``}>Any node</option>
+                      ${r.nodes.map(t=>e`<option value=${t.id} ?selected=${a===t.id}>
+                            ${t.label}
+                          </option>`)}
+                    </select>
+                  </label>
+                  ${i?t:e` <div class="muted">No nodes with system.run available.</div> `}
+                </div>
+              </div>
+
+              ${r.agents.length===0?e` <div class="muted">No agents found.</div> `:r.agents.map(e=>ce(e,r))}
+            </div>
+          `:e`<div class="row" style="margin-top: 12px; gap: 12px;">
+            <div class="muted">${n(`nodes.binding.loadConfigHint`)}</div>
+            <button class="btn" ?disabled=${r.configLoading} @click=${r.onLoadConfig}>
+              ${r.configLoading?n(`common.loading`):n(`common.loadConfig`)}
+            </button>
+          </div>`}
+    </section>
+  `}function ce(t,n){let r=t.binding??`__default__`,i=t.name?.trim()?`${t.name} (${t.id})`:t.id,a=n.nodes.length>0;return e`
+    <div class="list-item">
+      <div class="list-main">
+        <div class="list-title">${i}</div>
+        <div class="list-sub">
+          ${t.isDefault?`default agent`:`agent`} ·
+          ${r===`__default__`?`uses default (${n.defaultBinding??`any`})`:`override: ${t.binding}`}
+        </div>
+      </div>
+      <div class="list-meta">
+        <label class="field">
+          <span>Binding</span>
+          <select
+            ?disabled=${n.disabled||!a}
+            @change=${e=>{let r=e.target.value.trim();n.onBindAgent(t.index,r===`__default__`?null:r)}}
+          >
+            <option value="__default__" ?selected=${r===`__default__`}>
+              Use default
+            </option>
+            ${n.nodes.map(t=>e`<option value=${t.id} ?selected=${r===t.id}>
+                  ${t.label}
+                </option>`)}
+          </select>
+        </label>
+      </div>
+    </div>
+  `}function le(e){return g(e,[`system.run`])}function ue(e){let t={id:`main`,name:void 0,index:0,isDefault:!0,binding:null};if(!e||typeof e!=`object`)return{defaultBinding:null,agents:[t]};let n=(e.tools??{}).exec??{},r=typeof n.node==`string`&&n.node.trim()?n.node.trim():null,i=e.agents??{};if(!Array.isArray(i.list)||i.list.length===0)return{defaultBinding:r,agents:[t]};let a=h(e).map(e=>{let t=(e.record.tools??{}).exec??{},n=typeof t.node==`string`&&t.node.trim()?t.node.trim():null;return{id:e.id,name:e.name,index:e.index,isDefault:e.isDefault,binding:n}});return a.length===0&&a.push(t),{defaultBinding:r,agents:a}}export{N as renderNodes};
+//# sourceMappingURL=nodes-CUXTunGj.js.map