@pixelzx/genesis 2026.6.28 → 2026.6.29

package/dist/control-ui/assets/plugins-Rt--bQFn.js

@@ -1,259 +0,0 @@
-import{d as e,l as t,r as n}from"./i18n-BPOQLrbx.js";import{t as r}from"./string-coerce-LCfkQHEZ.js";import{N as i,f as a,h as o}from"./index-C2CxJps0.js";function s(e){!(e instanceof HTMLDialogElement)||e.open||queueMicrotask(()=>{!e.isConnected||e.open||e.showModal()})}var c=`grid-template-columns: 1fr 120px 160px 90px;`;function l(e){return e.channelIds.length>0?`channel`:e.providerIds.length>0?`provider`:e.toolNames.length>0?`tool`:e.commands.length>0?`command`:e.agentHarnessIds.length>0?`harness`:e.format??e.origin??`plugin`}function u(e){return e.status===`error`?`warn`:e.status===`loaded`?`ok`:`muted`}function d(e){let t=[];return e.channelIds.length>0&&t.push(`${e.channelIds.length} channel${e.channelIds.length===1?``:`s`}`),e.providerIds.length>0&&t.push(`${e.providerIds.length} provider${e.providerIds.length===1?``:`s`}`),e.toolNames.length>0&&t.push(`${e.toolNames.length} tool${e.toolNames.length===1?``:`s`}`),e.commands.length>0&&t.push(`${e.commands.length} command${e.commands.length===1?``:`s`}`),e.agentHarnessIds.length>0&&t.push(`${e.agentHarnessIds.length} harness${e.agentHarnessIds.length===1?``:`es`}`),e.httpRoutes>0&&t.push(`${e.httpRoutes} HTTP route${e.httpRoutes===1?``:`s`}`),t.length>0?t.join(`, `):`No advertised capabilities`}function f(e){let t=e.install;return t?t.source===`clawhub`?t.clawhubPackage?`ClawHub: ${t.clawhubPackage}`:`ClawHub`:t.source===`marketplace`?t.marketplaceName?`Marketplace: ${t.marketplaceName}`:`Marketplace`:t.spec??t.source:e.origin===`bundled`?`Bundled`:e.source}function p(i){let o=i.report?.plugins??[],s=o.filter(e=>e.enabled&&e.status!==`disabled`).length,l=r(i.filter),u=l?o.filter(e=>r([e.name,e.id,e.description,e.source,f(e)].join(` `)).includes(l)):o,d=i.detailKey?o.find(e=>e.id===i.detailKey)??null:null;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">Plugins</div>
-          <div class="view-sub">${o.length} installed · ${s} enabled</div>
-        </div>
-        <div class="data-table-search" style="width: 220px; flex: none;">
-          ${a.search}
-          <input
-            type="search"
-            .value=${i.filter}
-            placeholder="Search plugins"
-            @input=${e=>i.onFilterChange(e.target.value)}
-          />
-        </div>
-      </div>
-
-      ${i.error?e`<div class="callout danger" style="margin-top: 16px;">${i.error}</div>`:t}
-      ${i.report?.diagnostics?.length?e`
-            <div class="callout" style="margin-top: 12px;">
-              ${i.report.diagnostics.length} plugin
-              diagnostic${i.report.diagnostics.length===1?``:`s`}.
-            </div>
-          `:t}
-      ${u.length===0?e`
-            <div class="muted" style="padding: 16px;">
-              ${!i.connected&&!i.report?`Not connected to gateway.`:i.loading?n(`common.loading`):`No plugins found.`}
-            </div>
-          `:e`
-            <div class="table" style="margin-top: 20px;">
-              <div class="table-head" style=${c}>
-                <span>PLUGIN</span>
-                <span>VERSION</span>
-                <span>TYPE</span>
-                <span>ENABLED</span>
-              </div>
-              ${u.map(e=>h(e,i))}
-            </div>
-          `}
-
-      <details class="card" style="margin-top: 24px;">
-        <summary
-          style="cursor: pointer; font-weight: 600; display: flex; align-items: center; gap: 8px;"
-        >
-          <span class="btn__icon">${a.plus}</span> Install plugin from ClawHub
-        </summary>
-        <div style="margin-top: 16px;">
-          <div style="display: flex; align-items: center; gap: 12px; flex-wrap: wrap;">
-            <label class="field" style="flex: 1; min-width: 180px;">
-              <input
-                .value=${i.clawhubQuery}
-                @input=${e=>i.onClawHubQueryChange(e.target.value)}
-                placeholder="Search ClawHub plugins..."
-                autocomplete="off"
-                name="plugin-clawhub-search"
-              />
-            </label>
-            ${i.clawhubSearchLoading?e`<span class="muted">Searching...</span>`:t}
-          </div>
-          ${i.clawhubSearchError?e`<div class="callout danger" style="margin-top: 8px;">
-                ${i.clawhubSearchError}
-              </div>`:t}
-          ${i.clawhubInstallMessage?e`<div
-                class="callout ${i.clawhubInstallMessage.kind===`error`?`danger`:`success`}"
-                style="margin-top: 8px;"
-              >
-                ${i.clawhubInstallMessage.text}
-              </div>`:t}
-          ${m(i)}
-        </div>
-      </details>
-    </section>
-
-    ${d?g(d,i):t}
-    ${i.clawhubDetailName?_(i):t}
-  `}function m(n){let r=n.clawhubResults;return r?r.length===0?e`<div class="muted" style="margin-top: 8px;">No plugins found on ClawHub.</div>`:e`
-    <div class="list" style="margin-top: 8px;">
-      ${r.map(({package:r})=>{let a=n.report?.plugins.some(e=>e.install?.clawhubPackage===r.name||e.install?.spec===`clawhub:${r.name}`||e.id===r.runtimeId);return e`
-          <div
-            class="list-item list-item-clickable"
-            @click=${()=>n.onClawHubDetailOpen(r.name)}
-          >
-            <div class="list-main">
-              <div class="list-title">${r.displayName}</div>
-              <div class="list-sub">${r.summary?i(r.summary,130):r.name}</div>
-            </div>
-            <div class="list-meta" style="display: flex; align-items: center; gap: 8px;">
-              ${r.latestVersion?e`<span class="muted" style="font-size: 12px;">v${r.latestVersion}</span>`:t}
-              ${r.channel===`official`?e`<span class="chip chip-ok">Official</span>`:e`<span class="chip">Community</span>`}
-              <button
-                class="btn btn--sm"
-                ?disabled=${n.clawhubInstallName!==null||a}
-                @click=${e=>{e.stopPropagation(),n.onClawHubInstall(r.name)}}
-              >
-                ${a?`Installed`:n.clawhubInstallName===r.name?`Installing...`:`Install`}
-              </button>
-            </div>
-          </div>
-        `})}
-    </div>
-  `:t}function h(t,n){let r=n.busyKey===t.id,a=t.enabled&&t.status!==`disabled`;return e`
-    <div
-      class="table-row"
-      style="cursor: pointer; ${c}"
-      @click=${()=>n.onDetailOpen(t.id)}
-    >
-      <div style="display: flex; flex-direction: column; gap: 2px; min-width: 0;">
-        <span
-          style="color: var(--text); font-weight: 500; display: flex; align-items: center; gap: 8px;"
-        >
-          <span class="statusDot ${u(t)}"></span>
-          ${t.name}
-        </span>
-        <span class="muted" style="font-size: 13px; overflow: hidden; text-overflow: ellipsis;">
-          ${t.description?i(t.description,140):d(t)}
-        </span>
-      </div>
-      <span class="muted" style="font-family: var(--mono);">${t.version??`—`}</span>
-      <span class="muted">${l(t)}</span>
-      <label class="skill-toggle-wrap" @click=${e=>e.stopPropagation()}>
-        <input
-          type="checkbox"
-          class="skill-toggle"
-          .checked=${a}
-          ?disabled=${r}
-          @change=${e=>{e.stopPropagation(),n.onToggle(t.id,e.target.checked)}}
-        />
-      </label>
-    </div>
-  `}function g(n,r){let i=r.busyKey===n.id,a=r.messages[n.id]??null,c=n.enabled&&n.status!==`disabled`,l=!!n.install;return e`
-    <dialog
-      class="md-preview-dialog"
-      ${o(s)}
-      @click=${e=>{let t=e.currentTarget;e.target===t&&t.close()}}
-      @close=${r.onDetailClose}
-    >
-      <div class="md-preview-dialog__panel">
-        <div class="md-preview-dialog__header">
-          <div
-            class="md-preview-dialog__title"
-            style="display: flex; align-items: center; gap: 8px;"
-          >
-            <span class="statusDot ${u(n)}"></span>
-            <span>${n.name}</span>
-          </div>
-          <button
-            class="btn btn--sm"
-            @click=${e=>{e.currentTarget.closest(`dialog`)?.close()}}
-          >
-            Close
-          </button>
-        </div>
-        <div class="md-preview-dialog__body" style="display: grid; gap: 16px;">
-          <div>
-            <div style="font-size: 14px; line-height: 1.5; color: var(--text);">
-              ${n.description??d(n)}
-            </div>
-            <div style="display: flex; gap: 8px; flex-wrap: wrap; margin-top: 10px;">
-              <span class="chip">${n.status}</span>
-              <span class="chip">${n.format??`genesis`}</span>
-              ${n.version?e`<span class="chip">v${n.version}</span>`:t}
-              ${n.install?e`<span class="chip chip-ok">Managed</span>`:t}
-            </div>
-          </div>
-
-          ${n.error?e`<div class="callout danger">${n.error}</div>`:t}
-          ${a?e`<div class="callout ${a.kind===`error`?`danger`:`success`}">
-                ${a.message}
-              </div>`:t}
-
-          <div style="display: flex; align-items: center; gap: 12px; flex-wrap: wrap;">
-            <label class="skill-toggle-wrap">
-              <input
-                type="checkbox"
-                class="skill-toggle"
-                .checked=${c}
-                ?disabled=${i}
-                @change=${e=>r.onToggle(n.id,e.target.checked)}
-              />
-            </label>
-            <span style="font-size: 13px; font-weight: 500;">
-              ${c?`Enabled`:`Disabled`}
-            </span>
-            ${l?e`<button
-                  class="btn danger"
-                  ?disabled=${i}
-                  @click=${()=>{confirm(`Uninstall plugin "${n.id}"?`)&&r.onUninstall(n.id)}}
-                >
-                  ${i?`Removing...`:`Uninstall`}
-                </button>`:t}
-          </div>
-
-          <div
-            style="border-top: 1px solid var(--border); padding-top: 12px; display: grid; gap: 6px; font-size: 12px; color: var(--muted);"
-          >
-            <div><span style="font-weight: 600;">ID:</span> ${n.id}</div>
-            <div><span style="font-weight: 600;">Source:</span> ${n.source}</div>
-            <div><span style="font-weight: 600;">Install:</span> ${f(n)}</div>
-            ${n.rootDir?e`<div style="font-family: var(--mono); word-break: break-all;">
-                  ${n.rootDir}
-                </div>`:t}
-            <div>
-              <span style="font-weight: 600;">Capabilities:</span> ${d(n)}
-            </div>
-          </div>
-        </div>
-      </div>
-    </dialog>
-  `}function _(r){let i=r.clawhubDetail,a=i?.package??null;return e`
-    <dialog
-      class="md-preview-dialog"
-      ${o(s)}
-      @click=${e=>{let t=e.currentTarget;e.target===t&&t.close()}}
-      @close=${r.onClawHubDetailClose}
-    >
-      <div class="md-preview-dialog__panel">
-        <div class="md-preview-dialog__header">
-          <div class="md-preview-dialog__title">${a?.displayName??r.clawhubDetailName}</div>
-          <button
-            class="btn btn--sm"
-            @click=${e=>{e.currentTarget.closest(`dialog`)?.close()}}
-          >
-            Close
-          </button>
-        </div>
-        <div class="md-preview-dialog__body" style="display: grid; gap: 16px;">
-          ${r.clawhubDetailLoading?e`<div class="muted">${n(`common.loading`)}</div>`:r.clawhubDetailError?e`<div class="callout danger">${r.clawhubDetailError}</div>`:a?e`
-                    <div style="font-size: 14px; line-height: 1.5;">${a.summary??``}</div>
-                    ${i?.owner?.displayName?e`<div class="muted" style="font-size: 13px;">
-                          By
-                          ${i.owner.displayName}${i.owner.handle?e` (@${i.owner.handle})`:t}
-                        </div>`:t}
-                    <div style="display: flex; gap: 8px; flex-wrap: wrap;">
-                      <span class="chip">${a.family}</span>
-                      <span class="chip ${a.channel===`official`?`chip-ok`:``}">
-                        ${a.channel}
-                      </span>
-                      ${a.latestVersion?e`<span class="chip">v${a.latestVersion}</span>`:t}
-                      ${a.verificationTier?e`<span class="chip">${a.verificationTier}</span>`:t}
-                    </div>
-                    ${a.compatibility?e`<div class="muted" style="font-size: 13px;">
-                          Compatibility:
-                          ${[a.compatibility.pluginApiRange?`plugin API ${a.compatibility.pluginApiRange}`:``,a.compatibility.minGatewayVersion?`min gateway ${a.compatibility.minGatewayVersion}`:``].filter(Boolean).join(`, `)}
-                        </div>`:t}
-                    ${a.verification?.summary?e`<div class="callout">${a.verification.summary}</div>`:t}
-                    <button
-                      class="btn primary"
-                      ?disabled=${r.clawhubInstallName!==null}
-                      @click=${()=>{r.clawhubDetailName&&r.onClawHubInstall(r.clawhubDetailName)}}
-                    >
-                      ${r.clawhubInstallName===r.clawhubDetailName?`Installing...`:`Install ${a.displayName}`}
-                    </button>
-                  `:e`<div class="muted">Plugin not found.</div>`}
-        </div>
-      </div>
-    </dialog>
-  `}export{p as renderPlugins};
-//# sourceMappingURL=plugins-Rt--bQFn.js.map

package/dist/control-ui/assets/presenter-BiJsRhTg.js

@@ -1,2 +0,0 @@
-import{r as e}from"./i18n-BPOQLrbx.js";import{F as t,I as n,L as r,R as i}from"./index-C2CxJps0.js";function a(t){let n=t.ts??null;return n?r(n):e(`common.na`)}function o(n){return n?`${new Date(n).toLocaleDateString(void 0,{weekday:`short`})}, ${t(n)} (${r(n)})`:e(`common.na`)}function s(t){if(t.totalTokens==null)return e(`common.na`);let n=t.totalTokens??0,r=t.contextTokens??0;return r?`${n} / ${r}`:String(n)}function c(e){if(e==null)return``;try{return JSON.stringify(e,null,2)}catch{return n(e)}}function l(n){let r=n.state??{},i=r.nextRunAtMs?t(r.nextRunAtMs):e(`common.na`),a=r.lastRunAtMs?t(r.lastRunAtMs):e(`common.na`);return`${r.lastStatus??e(`common.na`)} · next ${i} · last ${a}`}function u(e){let n=e.schedule;if(n.kind===`at`){let e=Date.parse(n.at);return Number.isFinite(e)?`At ${t(e)}`:`At ${n.at}`}return n.kind===`every`?`Every ${i(n.everyMs)}`:`Cron ${n.expr}${n.tz?` (${n.tz})`:``}`}function d(e){let t=e.payload;if(t.kind===`systemEvent`)return`System: ${t.text}`;let n=`Agent: ${t.message}`,r=e.delivery;if(r&&r.mode!==`none`){let e=r.mode===`webhook`?r.to?` (${r.to})`:``:r.channel||r.to?` (${r.channel??`last`}${r.to?` -> ${r.to}`:``})`:``;return`${n} · ${r.mode}${e}`}return n}export{o as a,c as i,u as n,a as o,l as r,s,d as t};
-//# sourceMappingURL=presenter-BiJsRhTg.js.map

package/dist/control-ui/assets/sessions-CP6r0JAQ.js

@@ -1,56 +0,0 @@
-import{d as e,l as t,r as n}from"./i18n-BPOQLrbx.js";import{t as r}from"./string-coerce-LCfkQHEZ.js";import{L as i,f as a,j as o}from"./index-C2CxJps0.js";import{s}from"./presenter-BiJsRhTg.js";var c=`grid-template-columns: 1.4fr 1.4fr 1fr 0.9fr 0.8fr 0.9fr;`,l=1800*1e3;function u(e,t){let n=r(t);return n?e.filter(e=>{let t=r(e.key),i=r(e.label),a=r(e.kind),o=r(e.displayName);return t.includes(n)||i.includes(n)||a.includes(n)||o.includes(n)}):[...e]}function d(e){return e.updatedAt!=null&&Date.now()-e.updatedAt<l}function f(t,r){let a=d(t),l=t.displayName||t.label||t.spawnedBy||`—`,u=t.surface||t.kind||`—`,f=t.updatedAt?i(t.updatedAt):n(`common.na`),p=s(t);return e`
-    <a
-      class="table-row"
-      style=${c}
-      href=${`${o(`chat`,r.basePath)}?session=${encodeURIComponent(t.key)}`}
-      @click=${e=>{e.defaultPrevented||e.button!==0||e.metaKey||e.ctrlKey||e.shiftKey||e.altKey||!r.onNavigateToChat||(e.preventDefault(),r.onNavigateToChat(t.key))}}
-    >
-      <span
-        style="font-family: var(--mono); color: var(--text); display: flex; align-items: center; gap: 8px;"
-      >
-        <span class="status-dot ${a?`status-dot--ok`:`status-dot--idle`}"></span>
-        ${t.key}
-      </span>
-      <span>${l}</span>
-      <span class="muted">${u}</span>
-      <span class="muted" style="font-family: var(--mono);">${f}</span>
-      <span class="muted" style="font-family: var(--mono);">${p}</span>
-      <span class="muted">${a?`Active`:`Idle`}</span>
-    </a>
-  `}function p(r){let i=u(r.result?.sessions??[],r.searchQuery),o=i.filter(d).length,s=i.length-o;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.sessions`)}</div>
-          <div class="view-sub">${o} active · ${s} idle</div>
-        </div>
-        <div class="data-table-search" style="width: 220px; flex: none;">
-          ${a.search}
-          <input
-            type="search"
-            .value=${r.searchQuery}
-            placeholder="Search sessions"
-            @input=${e=>r.onSearchChange(e.target.value)}
-          />
-        </div>
-      </div>
-
-      ${r.error?e`<div class="callout danger" style="margin-top: 16px;">${r.error}</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=${c}>
-                <span>SESSION</span>
-                <span>AGENT</span>
-                <span>CHANNEL</span>
-                <span>UPDATED</span>
-                <span>TOKENS</span>
-                <span>STATUS</span>
-              </div>
-              ${i.map(e=>f(e,r))}
-            </div>
-          `}
-    </section>
-  `}export{p as renderSessions};
-//# sourceMappingURL=sessions-CP6r0JAQ.js.map

package/dist/control-ui/assets/skills-CMy2whFb.js

@@ -1,294 +0,0 @@
-import{d as e,l as t,r as n}from"./i18n-BPOQLrbx.js";import{t as r}from"./string-coerce-LCfkQHEZ.js";import{N as i,f as a,h as o,l as s}from"./index-C2CxJps0.js";import{n as c,r as l,t as u}from"./skills-shared-B-3kgWg3.js";function d(e){return e?s(e,window.location.href):null}function f(e){!(e instanceof HTMLDialogElement)||e.open||queueMicrotask(()=>{!e.isConnected||e.open||e.showModal()})}var p=`grid-template-columns: 1fr 90px;`;function m(e){return e.disabled?`muted`:e.eligible?`ok`:`warn`}function h(i){let o=i.report?.skills??[],s=o.filter(e=>!e.disabled).length,c=r(i.filter),l=c?o.filter(e=>r([e.name,e.description,e.source].join(` `)).includes(c)):o,u=i.detailKey?o.find(e=>e.skillKey===i.detailKey)??null:null;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">Skills</div>
-          <div class="view-sub">${o.length} installed · ${s} enabled</div>
-        </div>
-        <div class="data-table-search" style="width: 220px; flex: none;">
-          ${a.search}
-          <input
-            type="search"
-            .value=${i.filter}
-            placeholder="Search skills"
-            @input=${e=>i.onFilterChange(e.target.value)}
-          />
-        </div>
-      </div>
-
-      ${i.error?e`<div class="callout danger" style="margin-top: 16px;">${i.error}</div>`:t}
-      ${l.length===0?e`
-            <div class="muted" style="padding: 16px;">
-              ${!i.connected&&!i.report?`Not connected to gateway.`:i.loading?n(`common.loading`):`No skills found.`}
-            </div>
-          `:e`
-            <div class="table" style="margin-top: 20px;">
-              <div class="table-head" style=${p}>
-                <span>SKILL</span>
-                <span>ENABLED</span>
-              </div>
-              ${l.map(e=>g(e,i))}
-            </div>
-          `}
-
-      <details class="card" style="margin-top: 24px;">
-        <summary
-          style="cursor: pointer; font-weight: 600; display: flex; align-items: center; gap: 8px;"
-        >
-          <span class="btn__icon">${a.plus}</span> Add skill from ClawHub
-        </summary>
-        <div style="margin-top: 16px;">
-          <div style="display: flex; align-items: center; gap: 12px; flex-wrap: wrap;">
-            <label class="field" style="flex: 1; min-width: 180px;">
-              <input
-                .value=${i.clawhubQuery}
-                @input=${e=>i.onClawHubQueryChange(e.target.value)}
-                placeholder="Search ClawHub skills…"
-                autocomplete="off"
-                name="clawhub-search"
-              />
-            </label>
-            <button
-              class="btn btn--sm"
-              ?disabled=${!i.connected||i.clawhubSearchLoading}
-              @click=${()=>i.onClawHubQueryChange(``)}
-            >
-              Browse
-            </button>
-            ${i.clawhubSearchLoading?e`<span class="muted">Searching…</span>`:t}
-          </div>
-          ${i.clawhubSearchError?e`<div class="callout danger" style="margin-top: 8px;">
-                ${i.clawhubSearchError}
-              </div>`:t}
-          ${i.clawhubInstallMessage?e`<div
-                class="callout ${i.clawhubInstallMessage.kind===`error`?`danger`:`success`}"
-                style="margin-top: 8px;"
-              >
-                ${i.clawhubInstallMessage.text}
-              </div>`:t}
-          ${_(i)}
-        </div>
-      </details>
-    </section>
-
-    ${u?y(u,i):t}
-    ${i.clawhubDetailSlug?v(i):t}
-  `}function g(n,r){let a=r.busyKey===n.skillKey;return e`
-    <div
-      class="table-row"
-      style="cursor: pointer; ${p}"
-      @click=${()=>r.onDetailOpen(n.skillKey)}
-    >
-      <div style="display: flex; flex-direction: column; gap: 2px; min-width: 0;">
-        <span
-          style="font-family: var(--mono); color: var(--text); display: flex; align-items: center; gap: 8px;"
-        >
-          ${n.emoji?e`<span>${n.emoji}</span>`:t}${n.name}
-        </span>
-        <span class="muted" style="font-size: 13px; overflow: hidden; text-overflow: ellipsis;">
-          ${i(n.description,140)}
-        </span>
-      </div>
-      <label class="skill-toggle-wrap" @click=${e=>e.stopPropagation()}>
-        <input
-          type="checkbox"
-          class="skill-toggle"
-          .checked=${!n.disabled}
-          ?disabled=${a}
-          @change=${e=>{e.stopPropagation(),r.onToggle(n.skillKey,n.disabled)}}
-        />
-      </label>
-    </div>
-  `}function _(n){let r=n.clawhubResults;return r?r.length===0?e`<div class="muted" style="margin-top: 8px;">No skills found on ClawHub.</div>`:e`
-    <div class="list" style="margin-top: 8px;">
-      ${r.map(r=>e`
-          <div
-            class="list-item list-item-clickable"
-            @click=${()=>n.onClawHubDetailOpen(r.slug)}
-          >
-            <div class="list-main">
-              <div class="list-title">${r.displayName}</div>
-              <div class="list-sub">${r.summary?i(r.summary,120):r.slug}</div>
-            </div>
-            <div class="list-meta" style="display: flex; align-items: center; gap: 8px;">
-              ${r.version?e`<span class="muted" style="font-size: 12px;">v${r.version}</span>`:t}
-              <button
-                class="btn btn--sm"
-                ?disabled=${n.clawhubInstallSlug!==null}
-                @click=${e=>{e.stopPropagation(),n.onClawHubInstall(r.slug)}}
-              >
-                ${n.clawhubInstallSlug===r.slug?`Installing…`:`Install`}
-              </button>
-            </div>
-          </div>
-        `)}
-    </div>
-  `:e`<div class="muted" style="margin-top: 8px;">
-      Search or browse ClawHub to install registry skills.
-    </div>`}function v(r){let i=r.clawhubDetail;return e`
-    <dialog
-      class="md-preview-dialog"
-      ${o(f)}
-      @click=${e=>{let t=e.currentTarget;e.target===t&&t.close()}}
-      @close=${r.onClawHubDetailClose}
-    >
-      <div class="md-preview-dialog__panel">
-        <div class="md-preview-dialog__header">
-          <div class="md-preview-dialog__title">
-            ${i?.skill?.displayName??r.clawhubDetailSlug}
-          </div>
-          <button
-            class="btn btn--sm"
-            @click=${e=>{e.currentTarget.closest(`dialog`)?.close()}}
-          >
-            Close
-          </button>
-        </div>
-        <div class="md-preview-dialog__body" style="display: grid; gap: 16px;">
-          ${r.clawhubDetailLoading?e`<div class="muted">${n(`common.loading`)}</div>`:r.clawhubDetailError?e`<div class="callout danger">${r.clawhubDetailError}</div>`:i?.skill?e`
-                    <div style="font-size: 14px; line-height: 1.5;">
-                      ${i.skill.summary??``}
-                    </div>
-                    ${i.owner?.displayName?e`<div class="muted" style="font-size: 13px;">
-                          By
-                          ${i.owner.displayName}${i.owner.handle?e` (@${i.owner.handle})`:t}
-                        </div>`:t}
-                    ${i.latestVersion?e`<div class="muted" style="font-size: 13px;">
-                          Latest: v${i.latestVersion.version}
-                        </div>`:t}
-                    ${i.latestVersion?.changelog?e`<div
-                          style="font-size: 13px; border-top: 1px solid var(--border); padding-top: 12px; white-space: pre-wrap;"
-                        >
-                          ${i.latestVersion.changelog}
-                        </div>`:t}
-                    ${i.metadata?.os?e`<div class="muted" style="font-size: 12px;">
-                          Platforms: ${i.metadata.os.join(`, `)}
-                        </div>`:t}
-                    <button
-                      class="btn primary"
-                      ?disabled=${r.clawhubInstallSlug!==null}
-                      @click=${()=>{r.clawhubDetailSlug&&r.onClawHubInstall(r.clawhubDetailSlug)}}
-                    >
-                      ${r.clawhubInstallSlug===r.clawhubDetailSlug?`Installing…`:`Install ${i.skill.displayName}`}
-                    </button>
-                  `:e`<div class="muted">Skill not found.</div>`}
-        </div>
-      </div>
-    </dialog>
-  `}function y(n,r){let i=r.busyKey===n.skillKey,a=r.edits[n.skillKey]??``,s=r.messages[n.skillKey]??null,p=n.install.length>0&&n.missing.bins.length>0,h=!!(n.bundled&&n.source!==`genesis-bundled`),g=u(n),_=c(n);return e`
-    <dialog
-      class="md-preview-dialog"
-      ${o(f)}
-      @click=${e=>{let t=e.currentTarget;e.target===t&&t.close()}}
-      @close=${r.onDetailClose}
-    >
-      <div class="md-preview-dialog__panel">
-        <div class="md-preview-dialog__header">
-          <div
-            class="md-preview-dialog__title"
-            style="display: flex; align-items: center; gap: 8px;"
-          >
-            <span class="statusDot ${m(n)}"></span>
-            ${n.emoji?e`<span style="font-size: 18px;">${n.emoji}</span>`:t}
-            <span>${n.name}</span>
-          </div>
-          <button
-            class="btn btn--sm"
-            @click=${e=>{e.currentTarget.closest(`dialog`)?.close()}}
-          >
-            Close
-          </button>
-        </div>
-        <div class="md-preview-dialog__body" style="display: grid; gap: 16px;">
-          <div>
-            <div style="font-size: 14px; line-height: 1.5; color: var(--text);">
-              ${n.description}
-            </div>
-            ${l({skill:n,showBundledBadge:h})}
-          </div>
-
-          ${g.length>0?e`
-                <div
-                  class="callout"
-                  style="border-color: var(--warn-subtle); background: var(--warn-subtle); color: var(--warn);"
-                >
-                  <div style="font-weight: 600; margin-bottom: 4px;">Missing requirements</div>
-                  <div>${g.join(`, `)}</div>
-                </div>
-              `:t}
-          ${_.length>0?e`
-                <div class="muted" style="font-size: 13px;">Reason: ${_.join(`, `)}</div>
-              `:t}
-
-          <div style="display: flex; align-items: center; gap: 12px;">
-            <label class="skill-toggle-wrap">
-              <input
-                type="checkbox"
-                class="skill-toggle"
-                .checked=${!n.disabled}
-                ?disabled=${i}
-                @change=${()=>r.onToggle(n.skillKey,n.disabled)}
-              />
-            </label>
-            <span style="font-size: 13px; font-weight: 500;">
-              ${n.disabled?`Disabled`:`Enabled`}
-            </span>
-            ${p?e`<button
-                  class="btn"
-                  ?disabled=${i}
-                  @click=${()=>r.onInstall(n.skillKey,n.name,n.install[0].id)}
-                >
-                  ${i?`Installing…`:n.install[0].label}
-                </button>`:t}
-          </div>
-
-          ${s?e`<div class="callout ${s.kind===`error`?`danger`:`success`}">
-                ${s.message}
-              </div>`:t}
-          ${n.primaryEnv?e`
-                <div style="display: grid; gap: 8px;">
-                  <div class="field">
-                    <span
-                      >API key
-                      <span class="muted" style="font-weight: normal; font-size: 0.88em;"
-                        >(${n.primaryEnv})</span
-                      ></span
-                    >
-                    <input
-                      type="password"
-                      .value=${a}
-                      @input=${e=>r.onEdit(n.skillKey,e.target.value)}
-                    />
-                  </div>
-                  ${(()=>{let r=d(n.homepage);return r?e`<div class="muted" style="font-size: 13px;">
-                          Get your key:
-                          <a href="${r}" target="_blank" rel="noopener noreferrer"
-                            >${n.homepage}</a
-                          >
-                        </div>`:t})()}
-                  <button
-                    class="btn primary"
-                    ?disabled=${i}
-                    @click=${()=>r.onSaveKey(n.skillKey)}
-                  >
-                    Save key
-                  </button>
-                </div>
-              `:t}
-
-          <div
-            style="border-top: 1px solid var(--border); padding-top: 12px; display: grid; gap: 6px; font-size: 12px; color: var(--muted);"
-          >
-            <div><span style="font-weight: 600;">Source:</span> ${n.source}</div>
-            <div style="font-family: var(--mono); word-break: break-all;">${n.filePath}</div>
-            ${(()=>{let r=d(n.homepage);return r?e`<div>
-                    <a href="${r}" target="_blank" rel="noopener noreferrer"
-                      >${n.homepage}</a
-                    >
-                  </div>`:t})()}
-          </div>
-        </div>
-      </div>
-    </dialog>
-  `}export{h as renderSkills};
-//# sourceMappingURL=skills-CMy2whFb.js.map