@pixelzx/genesis 2026.6.21 → 2026.6.24

package/dist/control-ui/assets/mcp-CfklVyVu.js

@@ -1,373 +0,0 @@
-import{f as e,r as t,u as n}from"./i18n-Dr_ijwId.js";import{L as r,c as i}from"./index-CYO6b4V3.js";function a(e){let t=typeof e.url==`string`?e.url:``;if(t)return`${typeof e.transport==`string`?e.transport:`http`} · ${t}`;let n=typeof e.command==`string`?e.command:``;if(n){let t=Array.isArray(e.args)?e.args.map(e=>String(e)).join(` `):``;return`stdio · ${n}${t?` ${t}`:``}`}return`—`}function o(e){let t=e.auth;return!t||typeof t!=`object`?!1:t.type===`oauth`}function s(r,i){return r?.connected?e`<span class="chip chip-ok">${t(`mcpView.list.connected`)}</span>`:i||r?.requiresAuth?e`<span class="chip chip-warn">${t(`mcpView.list.oauthRequired`)}</span>`:n}var c=`{
-  "url": "https://mcp.context7.com/mcp",
-  "transport": "streamable-http"
-}`;function l(i){let a=i.servers?r(Object.entries(i.servers),([e],[t])=>e.localeCompare(t)):[],o=i.draftName.trim().length>0&&!i.busy;return e`
-    <section class="card">
-      <div style="display: flex; align-items: center; justify-content: space-between; gap: 12px;">
-        <div>
-          <div class="card-title">${t(`mcpView.title`)}</div>
-          <div class="card-sub">${t(`mcpView.subtitle`)}</div>
-        </div>
-        <button class="btn btn--sm" ?disabled=${i.loading} @click=${i.onRefresh}>
-          ${i.loading?t(`common.loading`):t(`common.refresh`)}
-        </button>
-      </div>
-
-      ${i.path?e`<div class="muted mono" style="margin-top: 8px;">
-            Config: <span>${i.path}</span>
-          </div>`:n}
-      ${i.error?e`<div class="callout danger" style="margin-top: 12px;">${i.error}</div>`:n}
-      ${i.message?e`<div
-            class="callout ${i.message.kind===`error`?`danger`:`success`}"
-            style="margin-top: 12px;"
-          >
-            ${i.message.text}
-          </div>`:n}
-      ${i.oauthFlow?_(i):n}
-
-      <div style="margin-top: 16px;">${u(i,o)}</div>
-
-      ${i.servers?a.length===0?e`<div class="muted" style="margin-top: 16px;">
-              ${t(`mcpView.list.empty`)}
-              <div class="muted" style="font-size: 13px; margin-top: 4px;">
-                ${t(`mcpView.list.emptyHint`)}
-              </div>
-            </div>`:e`
-              <div class="list" style="margin-top: 16px;">
-                ${a.map(([e,t])=>v(e,t,i))}
-              </div>
-            `:e`<div class="callout info" style="margin-top: 16px;">${t(`common.loading`)}</div>`}
-    </section>
-  `}function u(n,r){return e`
-    <div
-      style="border: 1px solid var(--border); border-radius: 8px; padding: 14px; background: var(--surface-2, transparent);"
-    >
-      <div style="display: flex; align-items: center; gap: 12px; margin-bottom: 12px;">
-        <div style="font-weight: 600;">${t(`mcpView.add.title`)}</div>
-        <div style="display: flex; gap: 6px; margin-left: auto;">
-          <button
-            class="btn btn--sm ${n.addMode===`preset`?`primary`:`ghost`}"
-            @click=${()=>n.onAddModeChange(`preset`)}
-            type="button"
-          >
-            ${t(`mcpView.add.tabPreset`)}
-          </button>
-          <button
-            class="btn btn--sm ${n.addMode===`link`?`primary`:`ghost`}"
-            @click=${()=>n.onAddModeChange(`link`)}
-            type="button"
-          >
-            ${t(`mcpView.add.tabLink`)}
-          </button>
-          <button
-            class="btn btn--sm ${n.addMode===`json`?`primary`:`ghost`}"
-            @click=${()=>n.onAddModeChange(`json`)}
-            type="button"
-          >
-            ${t(`mcpView.add.tabJson`)}
-          </button>
-        </div>
-      </div>
-      ${n.addMode===`preset`?m(n):n.addMode===`link`?d(n):g(n,r)}
-    </div>
-  `}function d(r){return e`
-    <div>
-      <label class="field" style="margin-bottom: 10px;">
-        <span>${t(`mcpView.add.link.label`)}</span>
-        <input
-          .value=${r.linkUrl}
-          @input=${e=>r.onLinkUrlChange(e.target.value)}
-          placeholder=${t(`mcpView.add.link.placeholder`)}
-          autocomplete="off"
-          name="mcp-link-url"
-          @keydown=${e=>{e.key===`Enter`&&(e.preventDefault(),r.onLinkFetch())}}
-        />
-      </label>
-      <div style="display: flex; gap: 8px;">
-        <button
-          class="btn btn--sm primary"
-          ?disabled=${r.linkLoading||!r.linkUrl.trim()||!r.connected}
-          @click=${r.onLinkFetch}
-        >
-          ${r.linkLoading?t(`mcpView.add.link.fetching`):t(`mcpView.add.link.fetch`)}
-        </button>
-        ${r.linkMetadata||r.linkError?e`
-              <button class="btn btn--sm ghost" @click=${r.onLinkClear}>
-                ${t(`mcpView.add.link.cancel`)}
-              </button>
-            `:n}
-      </div>
-      ${r.linkError?e`<div class="callout danger" style="margin-top: 10px;">
-            ${t(`mcpView.add.link.unsupportedTitle`)}: ${r.linkError}
-            <div class="muted" style="font-size: 13px; margin-top: 4px;">
-              ${t(`mcpView.add.link.unsupportedHint`)}
-            </div>
-          </div>`:n}
-      ${r.linkMetadata?f(r):n}
-    </div>
-  `}function f(r){let i=r.linkMetadata;return e`
-    <div
-      style="margin-top: 14px; padding: 12px; border: 1px solid var(--border); border-radius: 6px;"
-    >
-      <div style="font-weight: 600; margin-bottom: 6px;">${t(`mcpView.add.link.previewTitle`)}</div>
-      <div style="display: grid; grid-template-columns: max-content 1fr; gap: 4px 12px;">
-        <div class="muted">${t(`mcpView.add.link.nameLabel`)}</div>
-        <div>
-          <input
-            .value=${r.draftName||i.name}
-            @input=${e=>r.onDraftNameChange(e.target.value)}
-            autocomplete="off"
-            name="mcp-link-name"
-          />
-        </div>
-        <div class="muted">${t(`mcpView.add.link.transportLabel`)}</div>
-        <div class="mono" style="overflow-wrap: anywhere;">${i.transport}</div>
-        <div class="muted">URL</div>
-        <div class="mono" style="overflow-wrap: anywhere;">${i.url}</div>
-        ${i.serverName?e`
-              <div class="muted">Server</div>
-              <div>
-                ${i.serverName}${i.serverVersion?e` <span class="muted">v${i.serverVersion}</span>`:n}
-              </div>
-            `:n}
-        ${i.capabilities?.tools?.length?e`
-              <div class="muted">Tools</div>
-              <div>${i.capabilities.tools.join(`, `)}</div>
-            `:n}
-        ${i.oauth?e`
-              <div class="muted">OAuth</div>
-              <div>
-                <span class="chip chip-warn">${t(`mcpView.list.oauthRequired`)}</span>
-                ${i.oauthIssuer?e`<span class="muted mono" style="margin-left: 6px;"
-                      >${i.oauthIssuer}</span
-                    >`:n}
-              </div>
-            `:n}
-      </div>
-      ${i.oauth?n:p(r,{label:t(`mcpView.add.token.label`),hint:t(`mcpView.add.token.hint`)})}
-      <div style="display: flex; gap: 8px; margin-top: 12px;">
-        <button
-          class="btn btn--sm primary"
-          ?disabled=${r.busy||!r.connected}
-          @click=${()=>r.onSaveMetadata(i)}
-        >
-          ${r.busy?t(`common.loading`):t(`mcpView.add.link.save`)}
-        </button>
-        <button class="btn btn--sm ghost" @click=${r.onLinkClear}>
-          ${t(`mcpView.add.link.cancel`)}
-        </button>
-      </div>
-    </div>
-  `}function p(n,r){return e`
-    <label class="field" style="margin-top: 12px;">
-      <span>${r.label}</span>
-      <input
-        type="password"
-        .value=${n.authToken}
-        @input=${e=>n.onAuthTokenChange(e.target.value)}
-        placeholder=${t(`mcpView.add.token.placeholder`)}
-        autocomplete="off"
-        name="mcp-auth-token"
-        spellcheck="false"
-      />
-    </label>
-    <div class="muted" style="font-size: 13px; margin-top: 4px;">${r.hint}</div>
-  `}function m(r){let a=i.find(e=>e.id===r.presetId);return e`
-    <div>
-      <div class="muted" style="font-size: 13px; margin-bottom: 12px;">
-        ${t(`mcpView.add.preset.intro`)}
-      </div>
-      <div
-        style="display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 8px;"
-      >
-        ${i.map(t=>e`
-            <button
-              class="btn ${t.id===r.presetId?`primary`:`ghost`}"
-              type="button"
-              style="display: flex; align-items: flex-start; gap: 8px; text-align: left; padding: 10px 12px; height: auto;"
-              @click=${()=>r.onPresetSelect(t)}
-            >
-              <span style="font-size: 18px; line-height: 1;">${t.icon}</span>
-              <span style="display: flex; flex-direction: column; gap: 2px; min-width: 0;">
-                <span style="font-weight: 600;">${t.label}</span>
-                <span class="muted" style="font-size: 12px; white-space: normal;"
-                  >${t.description}</span
-                >
-              </span>
-            </button>
-          `)}
-      </div>
-      ${a?h(r,a):n}
-    </div>
-  `}function h(r,i){let a=i.authKind===`bearer`,o=i.tokenLabel??t(`mcpView.add.token.label`);return e`
-    <div
-      style="margin-top: 14px; padding: 12px; border: 1px solid var(--border); border-radius: 6px;"
-    >
-      <div style="font-weight: 600; margin-bottom: 6px;">
-        ${t(`mcpView.add.preset.selected`,{label:i.label})}
-      </div>
-      <div style="display: grid; grid-template-columns: max-content 1fr; gap: 4px 12px;">
-        <div class="muted">${t(`mcpView.add.link.nameLabel`)}</div>
-        <div>
-          <input
-            .value=${r.draftName||i.name}
-            @input=${e=>r.onDraftNameChange(e.target.value)}
-            autocomplete="off"
-            name="mcp-preset-name"
-          />
-        </div>
-        <div class="muted">${t(`mcpView.add.link.transportLabel`)}</div>
-        <div class="mono" style="overflow-wrap: anywhere;">${i.transport}</div>
-        <div class="muted">URL</div>
-        <div class="mono" style="overflow-wrap: anywhere;">${i.url}</div>
-      </div>
-      ${a?e`
-            ${p(r,{label:o,hint:t(`mcpView.add.token.hint`)})}
-            ${i.tokenDocsUrl?e`<div class="muted" style="font-size: 13px; margin-top: 4px;">
-                  <a href=${i.tokenDocsUrl} target="_blank" rel="noopener noreferrer"
-                    >${t(`mcpView.add.preset.tokenDocs`)}</a
-                  >
-                </div>`:n}
-          `:n}
-      ${i.authKind===`oauth`?e`<div class="callout info" style="margin-top: 12px;">
-            ${t(`mcpView.add.preset.oauthNote`)}
-          </div>`:n}
-      <div style="display: flex; gap: 8px; margin-top: 12px;">
-        <button
-          class="btn btn--sm primary"
-          ?disabled=${r.busy||!r.connected}
-          @click=${()=>r.onPresetSave(i)}
-        >
-          ${r.busy?t(`common.loading`):t(`mcpView.add.preset.save`)}
-        </button>
-      </div>
-    </div>
-  `}function g(n,r){return e`
-    <div>
-      <label class="field" style="margin-bottom: 10px;">
-        <span>${t(`mcpView.add.json.nameLabel`)}</span>
-        <input
-          .value=${n.draftName}
-          @input=${e=>n.onDraftNameChange(e.target.value)}
-          placeholder=${t(`mcpView.add.json.namePlaceholder`)}
-          autocomplete="off"
-          name="mcp-json-name"
-        />
-      </label>
-      <label class="field agent-file-field">
-        <span>${t(`mcpView.add.json.configLabel`)}</span>
-        <textarea
-          class="agent-file-textarea"
-          .value=${n.draftConfig}
-          @input=${e=>n.onDraftConfigChange(e.target.value)}
-          placeholder=${c}
-          spellcheck="false"
-        ></textarea>
-      </label>
-      <div class="muted" style="font-size: 13px; margin-top: 6px;">
-        ${t(`mcpView.add.json.configHint`)}
-      </div>
-      <div style="display: flex; gap: 8px; margin-top: 10px;">
-        <button
-          class="btn btn--sm primary"
-          ?disabled=${!r||!n.connected}
-          @click=${n.onSave}
-        >
-          ${n.busy?t(`common.loading`):n.draftName&&n.servers&&Object.prototype.hasOwnProperty.call(n.servers,n.draftName)?t(`mcpView.add.json.update`):t(`mcpView.add.json.save`)}
-        </button>
-      </div>
-    </div>
-  `}function _(n){let r=n.oauthFlow;return r.error?e`<div class="callout danger" style="margin-top: 12px;">
-      ${t(`mcpView.oauth.failed`,{message:r.error})}
-    </div>`:e`<div class="callout info" style="margin-top: 12px;">
-    <div style="display: flex; align-items: center; gap: 12px;">
-      <div>
-        <div style="font-weight: 600;">${t(`mcpView.oauth.title`,{name:r.name})}</div>
-        <div class="muted" style="font-size: 13px;">${t(`mcpView.oauth.subtitle`)}</div>
-      </div>
-      <div style="display: flex; gap: 8px; margin-left: auto;">
-        <a
-          class="btn btn--sm primary"
-          href=${r.authorizeUrl}
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          ${t(`mcpView.oauth.open`)}
-        </a>
-        <button class="btn btn--sm ghost" @click=${n.onOAuthCancel}>
-          ${t(`mcpView.oauth.waiting`)}
-        </button>
-      </div>
-    </div>
-  </div>`}function v(r,i,c){let l=c.oauthStatus[r],u=c.testStatus[r],d=o(i),f=d||(l?.requiresAuth??!1);return e`
-    <div
-      class="list-item"
-      style="display: flex; align-items: center; justify-content: space-between; gap: 12px;"
-    >
-      <div style="min-width: 0; flex: 1;">
-        <div
-          style="font-weight: 600; display: flex; align-items: center; gap: 8px; flex-wrap: wrap;"
-        >
-          <span>${r}</span>
-          ${s(l,d)}
-        </div>
-        <div class="muted mono" style="overflow-wrap: anywhere;">${a(i)}</div>
-        ${u?e`<div
-              class="muted"
-              style="font-size: 12px; margin-top: 2px; color: ${u.ok?`var(--ok, inherit)`:`var(--danger, inherit)`};"
-            >
-              ${u.ok?`✓`:`✗`} ${u.message}
-            </div>`:n}
-      </div>
-      <div
-        style="display: flex; gap: 6px; flex-shrink: 0; flex-wrap: wrap; justify-content: flex-end;"
-      >
-        ${f?l?.connected?e`
-                <button
-                  class="btn btn--sm"
-                  ?disabled=${c.busy}
-                  @click=${()=>c.onOAuthConnect(r)}
-                >
-                  ${t(`mcpView.list.reconnect`)}
-                </button>
-                <button
-                  class="btn btn--sm ghost"
-                  ?disabled=${c.busy}
-                  @click=${()=>c.onOAuthDisconnect(r)}
-                >
-                  ${t(`mcpView.list.disconnect`)}
-                </button>
-              `:e`
-                <button
-                  class="btn btn--sm primary"
-                  ?disabled=${c.busy||!!c.oauthFlow}
-                  @click=${()=>c.onOAuthConnect(r)}
-                >
-                  ${t(`mcpView.list.connect`)}
-                </button>
-              `:n}
-        <button
-          class="btn btn--sm ghost"
-          ?disabled=${c.busy}
-          @click=${()=>c.onTest(r)}
-        >
-          ${t(`mcpView.list.test`)}
-        </button>
-        <button
-          class="btn btn--sm ghost"
-          ?disabled=${c.busy}
-          @click=${()=>c.onEdit(r)}
-        >
-          ${t(`mcpView.list.edit`)}
-        </button>
-        <button
-          class="btn btn--sm ghost"
-          ?disabled=${c.busy}
-          @click=${()=>c.onDelete(r)}
-        >
-          ${t(`mcpView.list.delete`)}
-        </button>
-      </div>
-    </div>
-  `}export{l as renderMcp};
-//# sourceMappingURL=mcp-CfklVyVu.js.map

package/dist/control-ui/assets/plugins-CaVRS7jh.js

@@ -1,273 +0,0 @@
-import{f as e,r as t,u as n}from"./i18n-Dr_ijwId.js";import{t as r}from"./string-coerce-LCfkQHEZ.js";import{t as i}from"./format-BOO4MheD.js";import{y as a}from"./index-CYO6b4V3.js";function o(e){!(e instanceof HTMLDialogElement)||e.open||queueMicrotask(()=>{!e.isConnected||e.open||e.showModal()})}var s=[{id:`all`,label:`All`},{id:`loaded`,label:`Loaded`},{id:`disabled`,label:`Disabled`},{id:`error`,label:`Error`},{id:`managed`,label:`Managed`}];function c(e,t){switch(t){case`all`:return!0;case`loaded`:return e.status===`loaded`;case`disabled`:return e.status===`disabled`;case`error`:return e.status===`error`;case`managed`:return!!e.install}return!1}function l(e){return e.status===`error`?`warn`:e.status===`loaded`?`ok`:`muted`}function u(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 d(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 f(i){let a=i.report?.plugins??[],o={all:a.length,loaded:0,disabled:0,error:0,managed:0};for(let e of a)o[e.status]++,e.install&&o.managed++;let l=i.statusFilter===`all`?a:a.filter(e=>c(e,i.statusFilter)),u=r(i.filter),f=u?l.filter(e=>r([e.name,e.id,e.description,e.source,d(e)].join(` `)).includes(u)):l,m=i.detailKey?a.find(e=>e.id===i.detailKey)??null:null;return e`
-    <section class="card">
-      <div class="row" style="justify-content: space-between;">
-        <div>
-          <div class="card-title">Plugins</div>
-          <div class="card-sub">Install, disable, and remove Gateway plugins.</div>
-        </div>
-        <button
-          class="btn"
-          ?disabled=${i.loading||!i.connected}
-          @click=${i.onRefresh}
-        >
-          ${i.loading?t(`common.loading`):t(`common.refresh`)}
-        </button>
-      </div>
-
-      <div class="agent-tabs" style="margin-top: 14px;">
-        ${s.map(t=>e`
-            <button
-              class="agent-tab ${i.statusFilter===t.id?`active`:``}"
-              @click=${()=>i.onStatusFilterChange(t.id)}
-            >
-              ${t.label}<span class="agent-tab-count">${o[t.id]}</span>
-            </button>
-          `)}
-      </div>
-
-      <div
-        class="filters"
-        style="display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 12px;"
-      >
-        <label class="field" style="flex: 1; min-width: 180px;">
-          <input
-            .value=${i.filter}
-            @input=${e=>i.onFilterChange(e.target.value)}
-            placeholder="Filter installed plugins"
-            autocomplete="off"
-            name="plugins-filter"
-          />
-        </label>
-        <div class="muted">${f.length} shown</div>
-      </div>
-
-      ${p(i)}
-      ${i.error?e`<div class="callout danger" style="margin-top: 12px;">${i.error}</div>`:n}
-      ${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>
-          `:n}
-      ${f.length===0?e`
-            <div class="muted" style="margin-top: 16px">
-              ${!i.connected&&!i.report?`Not connected to gateway.`:`No plugins found.`}
-            </div>
-          `:e`<div class="list skills-grid" style="margin-top: 16px;">
-            ${f.map(e=>h(e,i))}
-          </div>`}
-    </section>
-
-    ${m?g(m,i):n}
-    ${i.clawhubDetailName?_(i):n}
-  `}function p(t){return e`
-    <div style="margin-top: 16px; border-top: 1px solid var(--border); padding-top: 16px;">
-      <div style="display: flex; align-items: center; gap: 12px; margin-bottom: 12px;">
-        <div style="font-weight: 600;">ClawHub</div>
-        <div class="muted" style="font-size: 13px;">Search and install plugins from clawhub.ai</div>
-      </div>
-      <div style="display: flex; align-items: center; gap: 12px; flex-wrap: wrap;">
-        <label class="field" style="flex: 1; min-width: 180px;">
-          <input
-            .value=${t.clawhubQuery}
-            @input=${e=>t.onClawHubQueryChange(e.target.value)}
-            placeholder="Search ClawHub plugins..."
-            autocomplete="off"
-            name="plugin-clawhub-search"
-          />
-        </label>
-        ${t.clawhubSearchLoading?e`<span class="muted">Searching...</span>`:n}
-      </div>
-      ${t.clawhubSearchError?e`<div class="callout danger" style="margin-top: 8px;">
-            ${t.clawhubSearchError}
-          </div>`:n}
-      ${t.clawhubInstallMessage?e`<div
-            class="callout ${t.clawhubInstallMessage.kind===`error`?`danger`:`success`}"
-            style="margin-top: 8px;"
-          >
-            ${t.clawhubInstallMessage.text}
-          </div>`:n}
-      ${m(t)}
-    </div>
-  `}function m(t){let r=t.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=t.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=${()=>t.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>`:n}
-              ${r.channel===`official`?e`<span class="chip chip-ok">Official</span>`:e`<span class="chip">Community</span>`}
-              <button
-                class="btn btn--sm"
-                ?disabled=${t.clawhubInstallName!==null||a}
-                @click=${e=>{e.stopPropagation(),t.onClawHubInstall(r.name)}}
-              >
-                ${a?`Installed`:t.clawhubInstallName===r.name?`Installing...`:`Install`}
-              </button>
-            </div>
-          </div>
-        `})}
-    </div>
-  `:n}function h(t,r){let a=r.busyKey===t.id,o=t.enabled&&t.status!==`disabled`;return e`
-    <div class="list-item list-item-clickable" @click=${()=>r.onDetailOpen(t.id)}>
-      <div class="list-main">
-        <div class="list-title" style="display: flex; align-items: center; gap: 8px;">
-          <span class="statusDot ${l(t)}"></span>
-          <span>${t.name}</span>
-          ${t.id===t.name?n:e`<span class="muted" style="font-size: 12px;">${t.id}</span>`}
-        </div>
-        <div class="list-sub">
-          ${t.description?i(t.description,140):u(t)}
-        </div>
-      </div>
-      <div
-        class="list-meta"
-        style="display: flex; align-items: center; justify-content: flex-end; gap: 10px;"
-      >
-        <span class="muted" style="font-size: 12px;">${d(t)}</span>
-        <label class="skill-toggle-wrap" @click=${e=>e.stopPropagation()}>
-          <input
-            type="checkbox"
-            class="skill-toggle"
-            .checked=${o}
-            ?disabled=${a}
-            @change=${e=>{e.stopPropagation(),r.onToggle(t.id,e.target.checked)}}
-          />
-        </label>
-      </div>
-    </div>
-  `}function g(t,r){let i=r.busyKey===t.id,s=r.messages[t.id]??null,c=t.enabled&&t.status!==`disabled`,f=!!t.install;return e`
-    <dialog
-      class="md-preview-dialog"
-      ${a(o)}
-      @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 ${l(t)}"></span>
-            <span>${t.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);">
-              ${t.description??u(t)}
-            </div>
-            <div style="display: flex; gap: 8px; flex-wrap: wrap; margin-top: 10px;">
-              <span class="chip">${t.status}</span>
-              <span class="chip">${t.format??`genesis`}</span>
-              ${t.version?e`<span class="chip">v${t.version}</span>`:n}
-              ${t.install?e`<span class="chip chip-ok">Managed</span>`:n}
-            </div>
-          </div>
-
-          ${t.error?e`<div class="callout danger">${t.error}</div>`:n}
-          ${s?e`<div class="callout ${s.kind===`error`?`danger`:`success`}">
-                ${s.message}
-              </div>`:n}
-
-          <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(t.id,e.target.checked)}
-              />
-            </label>
-            <span style="font-size: 13px; font-weight: 500;">
-              ${c?`Enabled`:`Disabled`}
-            </span>
-            ${f?e`<button
-                  class="btn danger"
-                  ?disabled=${i}
-                  @click=${()=>{confirm(`Uninstall plugin "${t.id}"?`)&&r.onUninstall(t.id)}}
-                >
-                  ${i?`Removing...`:`Uninstall`}
-                </button>`:n}
-          </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> ${t.id}</div>
-            <div><span style="font-weight: 600;">Source:</span> ${t.source}</div>
-            <div><span style="font-weight: 600;">Install:</span> ${d(t)}</div>
-            ${t.rootDir?e`<div style="font-family: var(--mono); word-break: break-all;">
-                  ${t.rootDir}
-                </div>`:n}
-            <div>
-              <span style="font-weight: 600;">Capabilities:</span> ${u(t)}
-            </div>
-          </div>
-        </div>
-      </div>
-    </dialog>
-  `}function _(r){let i=r.clawhubDetail,s=i?.package??null;return e`
-    <dialog
-      class="md-preview-dialog"
-      ${a(o)}
-      @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">${s?.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">${t(`common.loading`)}</div>`:r.clawhubDetailError?e`<div class="callout danger">${r.clawhubDetailError}</div>`:s?e`
-                    <div style="font-size: 14px; line-height: 1.5;">${s.summary??``}</div>
-                    ${i?.owner?.displayName?e`<div class="muted" style="font-size: 13px;">
-                          By
-                          ${i.owner.displayName}${i.owner.handle?e` (@${i.owner.handle})`:n}
-                        </div>`:n}
-                    <div style="display: flex; gap: 8px; flex-wrap: wrap;">
-                      <span class="chip">${s.family}</span>
-                      <span class="chip ${s.channel===`official`?`chip-ok`:``}">
-                        ${s.channel}
-                      </span>
-                      ${s.latestVersion?e`<span class="chip">v${s.latestVersion}</span>`:n}
-                      ${s.verificationTier?e`<span class="chip">${s.verificationTier}</span>`:n}
-                    </div>
-                    ${s.compatibility?e`<div class="muted" style="font-size: 13px;">
-                          Compatibility:
-                          ${[s.compatibility.pluginApiRange?`plugin API ${s.compatibility.pluginApiRange}`:``,s.compatibility.minGatewayVersion?`min gateway ${s.compatibility.minGatewayVersion}`:``].filter(Boolean).join(`, `)}
-                        </div>`:n}
-                    ${s.verification?.summary?e`<div class="callout">${s.verification.summary}</div>`:n}
-                    <button
-                      class="btn primary"
-                      ?disabled=${r.clawhubInstallName!==null}
-                      @click=${()=>{r.clawhubDetailName&&r.onClawHubInstall(r.clawhubDetailName)}}
-                    >
-                      ${r.clawhubInstallName===r.clawhubDetailName?`Installing...`:`Install ${s.displayName}`}
-                    </button>
-                  `:e`<div class="muted">Plugin not found.</div>`}
-        </div>
-      </div>
-    </dialog>
-  `}export{f as renderPlugins};
-//# sourceMappingURL=plugins-CaVRS7jh.js.map