@pixelzx/genesis 2026.6.21 → 2026.6.24

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

@@ -0,0 +1,380 @@
+import{d as e,l as t,r as n}from"./i18n-DLwqUqi0.js";import{k as r,l as i,t as a}from"./index-or46Cf5v.js";var o=`grid-template-columns: 1fr 150px 90px 130px auto;`;function s(e){return typeof e.url==`string`&&e.url?typeof e.transport==`string`?e.transport:`http`:typeof e.command==`string`&&e.command?`stdio`:`—`}function c(e,t,r){return t?t.ok?{dot:`status-dot--ok`,label:`Online`}:{dot:`status-dot--error`,label:`Error`}:r?e?.connected?{dot:`status-dot--ok`,label:n(`mcpView.list.connected`)}:{dot:`status-dot--idle`,label:n(`mcpView.list.oauthRequired`)}:{dot:`status-dot--idle`,label:`—`}}function l(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 u(e){let t=e.auth;return!t||typeof t!=`object`?!1:t.type===`oauth`}var d=`{
+  "url": "https://mcp.context7.com/mcp",
+  "transport": "streamable-http"
+}`;function f(a){let s=a.servers?r(Object.entries(a.servers),([e],[t])=>e.localeCompare(t)):[],c=a.draftName.trim().length>0&&!a.busy;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(`mcpView.title`)}</div>
+          <div class="view-sub">
+            ${s.length} ${s.length===1?`server`:`servers`}
+          </div>
+        </div>
+        <button class="btn" ?disabled=${a.loading} @click=${a.onRefresh}>
+          ${a.loading?n(`common.loading`):n(`common.refresh`)}
+        </button>
+      </div>
+
+      ${a.path?e`<div class="muted mono" style="margin-top: 8px;">
+            Config: <span>${a.path}</span>
+          </div>`:t}
+      ${a.error?e`<div class="callout danger" style="margin-top: 12px;">${a.error}</div>`:t}
+      ${a.message?e`<div
+            class="callout ${a.message.kind===`error`?`danger`:`success`}"
+            style="margin-top: 12px;"
+          >
+            ${a.message.text}
+          </div>`:t}
+      ${a.oauthFlow?b(a):t}
+      ${a.servers?s.length===0?e`<div class="muted" style="margin-top: 16px;">
+              ${n(`mcpView.list.empty`)}
+              <div class="muted" style="font-size: 13px; margin-top: 4px;">
+                ${n(`mcpView.list.emptyHint`)}
+              </div>
+            </div>`:e`
+              <div class="table" style="margin-top: 20px;">
+                <div class="table-head" style=${o}>
+                  <span>SERVER</span>
+                  <span>TRANSPORT</span>
+                  <span>TOOLS</span>
+                  <span>STATUS</span>
+                  <span></span>
+                </div>
+                ${s.map(([e,t])=>x(e,t,a))}
+              </div>
+            `:e`<div class="callout info" style="margin-top: 16px;">${n(`common.loading`)}</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">${i.plus}</span> ${n(`mcpView.add.title`)}
+        </summary>
+        <div style="margin-top: 16px;">${p(a,c)}</div>
+      </details>
+    </section>
+  `}function p(t,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;">${n(`mcpView.add.title`)}</div>
+        <div style="display: flex; gap: 6px; margin-left: auto;">
+          <button
+            class="btn btn--sm ${t.addMode===`preset`?`primary`:`ghost`}"
+            @click=${()=>t.onAddModeChange(`preset`)}
+            type="button"
+          >
+            ${n(`mcpView.add.tabPreset`)}
+          </button>
+          <button
+            class="btn btn--sm ${t.addMode===`link`?`primary`:`ghost`}"
+            @click=${()=>t.onAddModeChange(`link`)}
+            type="button"
+          >
+            ${n(`mcpView.add.tabLink`)}
+          </button>
+          <button
+            class="btn btn--sm ${t.addMode===`json`?`primary`:`ghost`}"
+            @click=${()=>t.onAddModeChange(`json`)}
+            type="button"
+          >
+            ${n(`mcpView.add.tabJson`)}
+          </button>
+        </div>
+      </div>
+      ${t.addMode===`preset`?_(t):t.addMode===`link`?m(t):y(t,r)}
+    </div>
+  `}function m(r){return e`
+    <div>
+      <label class="field" style="margin-bottom: 10px;">
+        <span>${n(`mcpView.add.link.label`)}</span>
+        <input
+          .value=${r.linkUrl}
+          @input=${e=>r.onLinkUrlChange(e.target.value)}
+          placeholder=${n(`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?n(`mcpView.add.link.fetching`):n(`mcpView.add.link.fetch`)}
+        </button>
+        ${r.linkMetadata||r.linkError?e`
+              <button class="btn btn--sm ghost" @click=${r.onLinkClear}>
+                ${n(`mcpView.add.link.cancel`)}
+              </button>
+            `:t}
+      </div>
+      ${r.linkError?e`<div class="callout danger" style="margin-top: 10px;">
+            ${n(`mcpView.add.link.unsupportedTitle`)}: ${r.linkError}
+            <div class="muted" style="font-size: 13px; margin-top: 4px;">
+              ${n(`mcpView.add.link.unsupportedHint`)}
+            </div>
+          </div>`:t}
+      ${r.linkMetadata?h(r):t}
+    </div>
+  `}function h(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;">${n(`mcpView.add.link.previewTitle`)}</div>
+      <div style="display: grid; grid-template-columns: max-content 1fr; gap: 4px 12px;">
+        <div class="muted">${n(`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">${n(`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>`:t}
+              </div>
+            `:t}
+        ${i.capabilities?.tools?.length?e`
+              <div class="muted">Tools</div>
+              <div>${i.capabilities.tools.join(`, `)}</div>
+            `:t}
+        ${i.oauth?e`
+              <div class="muted">OAuth</div>
+              <div>
+                <span class="chip chip-warn">${n(`mcpView.list.oauthRequired`)}</span>
+                ${i.oauthIssuer?e`<span class="muted mono" style="margin-left: 6px;"
+                      >${i.oauthIssuer}</span
+                    >`:t}
+              </div>
+            `:t}
+      </div>
+      ${i.oauth?t:g(r,{label:n(`mcpView.add.token.label`),hint:n(`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?n(`common.loading`):n(`mcpView.add.link.save`)}
+        </button>
+        <button class="btn btn--sm ghost" @click=${r.onLinkClear}>
+          ${n(`mcpView.add.link.cancel`)}
+        </button>
+      </div>
+    </div>
+  `}function g(t,r){return e`
+    <label class="field" style="margin-top: 12px;">
+      <span>${r.label}</span>
+      <input
+        type="password"
+        .value=${t.authToken}
+        @input=${e=>t.onAuthTokenChange(e.target.value)}
+        placeholder=${n(`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 _(r){let i=a.find(e=>e.id===r.presetId);return e`
+    <div>
+      <div class="muted" style="font-size: 13px; margin-bottom: 12px;">
+        ${n(`mcpView.add.preset.intro`)}
+      </div>
+      <div
+        style="display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 8px;"
+      >
+        ${a.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>
+      ${i?v(r,i):t}
+    </div>
+  `}function v(r,i){let a=i.authKind===`bearer`,o=i.tokenLabel??n(`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;">
+        ${n(`mcpView.add.preset.selected`,{label:i.label})}
+      </div>
+      <div style="display: grid; grid-template-columns: max-content 1fr; gap: 4px 12px;">
+        <div class="muted">${n(`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">${n(`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`
+            ${g(r,{label:o,hint:n(`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"
+                    >${n(`mcpView.add.preset.tokenDocs`)}</a
+                  >
+                </div>`:t}
+          `:t}
+      ${i.authKind===`oauth`?e`<div class="callout info" style="margin-top: 12px;">
+            ${n(`mcpView.add.preset.oauthNote`)}
+          </div>`:t}
+      <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?n(`common.loading`):n(`mcpView.add.preset.save`)}
+        </button>
+      </div>
+    </div>
+  `}function y(t,r){return e`
+    <div>
+      <label class="field" style="margin-bottom: 10px;">
+        <span>${n(`mcpView.add.json.nameLabel`)}</span>
+        <input
+          .value=${t.draftName}
+          @input=${e=>t.onDraftNameChange(e.target.value)}
+          placeholder=${n(`mcpView.add.json.namePlaceholder`)}
+          autocomplete="off"
+          name="mcp-json-name"
+        />
+      </label>
+      <label class="field agent-file-field">
+        <span>${n(`mcpView.add.json.configLabel`)}</span>
+        <textarea
+          class="agent-file-textarea"
+          .value=${t.draftConfig}
+          @input=${e=>t.onDraftConfigChange(e.target.value)}
+          placeholder=${d}
+          spellcheck="false"
+        ></textarea>
+      </label>
+      <div class="muted" style="font-size: 13px; margin-top: 6px;">
+        ${n(`mcpView.add.json.configHint`)}
+      </div>
+      <div style="display: flex; gap: 8px; margin-top: 10px;">
+        <button
+          class="btn btn--sm primary"
+          ?disabled=${!r||!t.connected}
+          @click=${t.onSave}
+        >
+          ${t.busy?n(`common.loading`):t.draftName&&t.servers&&Object.prototype.hasOwnProperty.call(t.servers,t.draftName)?n(`mcpView.add.json.update`):n(`mcpView.add.json.save`)}
+        </button>
+      </div>
+    </div>
+  `}function b(t){let r=t.oauthFlow;return r.error?e`<div class="callout danger" style="margin-top: 12px;">
+      ${n(`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;">${n(`mcpView.oauth.title`,{name:r.name})}</div>
+        <div class="muted" style="font-size: 13px;">${n(`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"
+        >
+          ${n(`mcpView.oauth.open`)}
+        </a>
+        <button class="btn btn--sm ghost" @click=${t.onOAuthCancel}>
+          ${n(`mcpView.oauth.waiting`)}
+        </button>
+      </div>
+    </div>
+  </div>`}function x(r,i,a){let d=a.oauthStatus[r],f=a.testStatus[r],p=u(i)||(d?.requiresAuth??!1),m=c(d,f,p);return e`
+    <div class="table-row" style="${o}">
+      <div style="display: flex; flex-direction: column; gap: 2px; min-width: 0;">
+        <span style="font-family: var(--mono); color: var(--text);">${r}</span>
+        <span class="muted" style="font-size: 13px; overflow: hidden; text-overflow: ellipsis;">
+          ${l(i)}
+        </span>
+      </div>
+      <span class="muted" style="font-family: var(--mono);">${s(i)}</span>
+      <span class="muted" style="font-family: var(--mono);">—</span>
+      <span style="display: flex; align-items: center; gap: 8px;">
+        <span class="status-dot ${m.dot}"></span>
+        <span class="muted">${m.label}</span>
+      </span>
+      <span style="display: flex; gap: 6px; justify-content: flex-end; flex-wrap: wrap;">
+        ${p?d?.connected?e`
+                <button
+                  class="btn btn--sm"
+                  ?disabled=${a.busy}
+                  @click=${()=>a.onOAuthConnect(r)}
+                >
+                  ${n(`mcpView.list.reconnect`)}
+                </button>
+                <button
+                  class="btn btn--sm ghost"
+                  ?disabled=${a.busy}
+                  @click=${()=>a.onOAuthDisconnect(r)}
+                >
+                  ${n(`mcpView.list.disconnect`)}
+                </button>
+              `:e`
+                <button
+                  class="btn btn--sm primary"
+                  ?disabled=${a.busy||!!a.oauthFlow}
+                  @click=${()=>a.onOAuthConnect(r)}
+                >
+                  ${n(`mcpView.list.connect`)}
+                </button>
+              `:t}
+        <button
+          class="btn btn--sm ghost"
+          ?disabled=${a.busy}
+          @click=${()=>a.onTest(r)}
+        >
+          ${n(`mcpView.list.test`)}
+        </button>
+        <button
+          class="btn btn--sm ghost"
+          ?disabled=${a.busy}
+          @click=${()=>a.onEdit(r)}
+        >
+          ${n(`mcpView.list.edit`)}
+        </button>
+        <button
+          class="btn btn--sm ghost"
+          ?disabled=${a.busy}
+          @click=${()=>a.onDelete(r)}
+        >
+          ${n(`mcpView.list.delete`)}
+        </button>
+      </span>
+    </div>
+  `}export{f as renderMcp};
+//# sourceMappingURL=mcp-Cvo6FOST.js.map

package/dist/control-ui/assets/{memory-Dxu2hVW_.js → memory-EzZxvhx5.js}

@@ -1,12 +1,12 @@
-import{f as e,r as t,u as n}from"./i18n-Dr_ijwId.js";import{g as r}from"./index-CYO6b4V3.js";var i=`grid-template-columns: 1.2fr 2fr;`;function a(n){return n.entries.length===0?e`<div class="muted" style="padding: 16px;">
-      ${n.loading?t(`common.loading`):t(`memoryView.empty`)}
+import{d as e,l as t,r as n}from"./i18n-DLwqUqi0.js";import{l as r}from"./index-or46Cf5v.js";var i=`grid-template-columns: 1.2fr 2fr;`;function a(t){return t.entries.length===0?e`<div class="muted" style="padding: 16px;">
+      ${t.loading?n(`common.loading`):n(`memoryView.empty`)}
     </div>`:e`
     <div class="table">
       <div class="table-head" style=${i}>
-        <span>${t(`memoryView.colMemory`)}</span>
-        <span>${t(`memoryView.colDetail`)}</span>
+        <span>${n(`memoryView.colMemory`)}</span>
+        <span>${n(`memoryView.colDetail`)}</span>
       </div>
-      ${n.entries.map(t=>e`
+      ${t.entries.map(t=>e`
           <div class="table-row" style=${i}>
             <span style="font-family: var(--mono); color: var(--text);">${t.name}</span>
             <span class="muted">${t.description||`—`}</span>
@@ -17,21 +17,21 @@ import{f as e,r as t,u as n}from"./i18n-Dr_ijwId.js";import{g as r}from"./index-
     <section class="card" style="border: none; background: transparent; padding: 0;">
       <div class="row" style="justify-content: space-between; align-items: flex-start;">
         <div>
-          <div class="card-title">${t(`tabs.memory`)}</div>
+          <div class="card-title">${n(`tabs.memory`)}</div>
           <div class="card-sub">
-            ${t(`subtitles.memory`)}${i.entries.length?e` · <span style="font-family: var(--mono);">${i.entries.length}</span>`:n}
+            ${n(`subtitles.memory`)}${i.entries.length?e` · <span style="font-family: var(--mono);">${i.entries.length}</span>`:t}
           </div>
         </div>
         <button class="btn" ?disabled=${i.loading} @click=${i.onRefresh}>
-          ${r.refresh} ${i.loading?t(`common.loading`):t(`common.refresh`)}
+          ${r.refresh} ${i.loading?n(`common.loading`):n(`common.refresh`)}
         </button>
       </div>
 
-      ${i.error?e`<div class="callout danger" style="margin-top: 16px;">${i.error}</div>`:n}
+      ${i.error?e`<div class="callout danger" style="margin-top: 16px;">${i.error}</div>`:t}
 
       <div style="margin-top: 20px;">
-        ${i.agentId?a(i):e`<div class="muted" style="padding: 16px;">${t(`memoryView.noAgent`)}</div>`}
+        ${i.agentId?a(i):e`<div class="muted" style="padding: 16px;">${n(`memoryView.noAgent`)}</div>`}
       </div>
     </section>
   `}export{o as renderMemory};
-//# sourceMappingURL=memory-Dxu2hVW_.js.map
+//# sourceMappingURL=memory-EzZxvhx5.js.map

package/dist/control-ui/assets/{models-DmHuwChH.js → models-CHjUP5zU.js}

@@ -1,40 +1,40 @@
-import{f as e,r as t,u as n}from"./i18n-Dr_ijwId.js";import{g as r}from"./index-CYO6b4V3.js";var i=`grid-template-columns: 2fr 1fr 0.8fr 0.8fr;`,a=`grid-template-columns: 2fr 0.8fr 1fr;`;function o(e){return e.provider??`—`}function s(e){let t=e.contextWindow;return typeof t!=`number`||t<=0?`—`:t>=1e6?`${(t/1e6).toFixed(t%1e6?1:0)}M`:t>=1e3?`${Math.round(t/1e3)}K`:String(t)}function c(e){return!!e.reasoning}function l(n){return n.models.length===0?e`<div class="muted" style="padding: 16px;">
-      ${n.loading?t(`common.loading`):t(`modelsView.empty`)}
+import{d as e,l as t,r as n}from"./i18n-DLwqUqi0.js";import{l as r}from"./index-or46Cf5v.js";var i=`grid-template-columns: 2fr 1fr 0.8fr 0.8fr;`,a=`grid-template-columns: 2fr 0.8fr 1fr;`;function o(e){return e.provider??`—`}function s(e){let t=e.contextWindow;return typeof t!=`number`||t<=0?`—`:t>=1e6?`${(t/1e6).toFixed(t%1e6?1:0)}M`:t>=1e3?`${Math.round(t/1e3)}K`:String(t)}function c(e){return!!e.reasoning}function l(t){return t.models.length===0?e`<div class="muted" style="padding: 16px;">
+      ${t.loading?n(`common.loading`):n(`modelsView.empty`)}
     </div>`:e`
     <div class="table">
       <div class="table-head" style=${i}>
-        <span>${t(`modelsView.colModel`)}</span>
-        <span>${t(`modelsView.colProvider`)}</span>
-        <span>${t(`modelsView.colContext`)}</span>
-        <span>${t(`modelsView.colReasoning`)}</span>
+        <span>${n(`modelsView.colModel`)}</span>
+        <span>${n(`modelsView.colProvider`)}</span>
+        <span>${n(`modelsView.colContext`)}</span>
+        <span>${n(`modelsView.colReasoning`)}</span>
       </div>
-      ${n.models.map(n=>e`
+      ${t.models.map(t=>e`
           <div class="table-row" style=${i}>
-            <span style="font-family: var(--mono); color: var(--text);">${n.id}</span>
-            <span class="muted">${o(n)}</span>
-            <span style="font-family: var(--mono);" class="muted">${s(n)}</span>
+            <span style="font-family: var(--mono); color: var(--text);">${t.id}</span>
+            <span class="muted">${o(t)}</span>
+            <span style="font-family: var(--mono);" class="muted">${s(t)}</span>
             <span>
-              ${c(n)?e`<span class="pill">${t(`modelsView.reasoning`)}</span>`:e`<span class="muted">—</span>`}
+              ${c(t)?e`<span class="pill">${n(`modelsView.reasoning`)}</span>`:e`<span class="muted">—</span>`}
             </span>
           </div>
         `)}
     </div>
-  `}function u(n){let r=new Map;for(let e of n.models){let t=o(e);r.set(t,(r.get(t)??0)+1)}let i=[...r.entries()].toSorted((e,t)=>e[0].localeCompare(t[0]));return i.length===0?e`<div class="muted" style="padding: 16px;">
-      ${n.loading?t(`common.loading`):t(`modelsView.empty`)}
+  `}function u(t){let r=new Map;for(let e of t.models){let t=o(e);r.set(t,(r.get(t)??0)+1)}let i=[...r.entries()].toSorted((e,t)=>e[0].localeCompare(t[0]));return i.length===0?e`<div class="muted" style="padding: 16px;">
+      ${t.loading?n(`common.loading`):n(`modelsView.empty`)}
     </div>`:e`
     <div class="table">
       <div class="table-head" style=${a}>
-        <span>${t(`modelsView.colProvider`)}</span>
-        <span>${t(`modelsView.colModels`)}</span>
-        <span>${t(`modelsView.colStatus`)}</span>
+        <span>${n(`modelsView.colProvider`)}</span>
+        <span>${n(`modelsView.colModels`)}</span>
+        <span>${n(`modelsView.colStatus`)}</span>
       </div>
-      ${i.map(([n,r])=>e`
+      ${i.map(([t,r])=>e`
           <div class="table-row" style=${a}>
-            <span style="font-weight: 500;">${n}</span>
+            <span style="font-weight: 500;">${t}</span>
             <span style="font-family: var(--mono);" class="muted">${r}</span>
             <span class="row" style="gap: 8px; align-items: center;">
               <span class="status-dot status-dot--ok"></span>
-              <span class="muted">${t(`modelsView.connected`)}</span>
+              <span class="muted">${n(`modelsView.connected`)}</span>
             </span>
           </div>
         `)}
@@ -43,11 +43,11 @@ import{f as e,r as t,u as n}from"./i18n-Dr_ijwId.js";import{g as r}from"./index-
     <section class="card" style="border: none; background: transparent; padding: 0;">
       <div class="row" style="justify-content: space-between; align-items: flex-start;">
         <div>
-          <div class="card-title">${t(`tabs.models`)}</div>
-          <div class="card-sub">${t(`subtitles.models`)}</div>
+          <div class="card-title">${n(`tabs.models`)}</div>
+          <div class="card-sub">${n(`subtitles.models`)}</div>
         </div>
         <button class="btn" ?disabled=${i.loading} @click=${i.onRefresh}>
-          ${r.refresh} ${i.loading?t(`common.loading`):t(`common.refresh`)}
+          ${r.refresh} ${i.loading?n(`common.loading`):n(`common.refresh`)}
         </button>
       </div>
 
@@ -56,21 +56,21 @@ import{f as e,r as t,u as n}from"./i18n-Dr_ijwId.js";import{g as r}from"./index-
           class="agent-tab ${i.panel===`catalog`?`active`:``}"
           @click=${()=>i.onPanelChange(`catalog`)}
         >
-          ${t(`modelsView.tabModels`)}
+          ${n(`modelsView.tabModels`)}
         </button>
         <button
           class="agent-tab ${i.panel===`providers`?`active`:``}"
           @click=${()=>i.onPanelChange(`providers`)}
         >
-          ${t(`modelsView.tabProviders`)}
+          ${n(`modelsView.tabProviders`)}
         </button>
       </div>
 
-      ${i.error?e`<div class="callout danger" style="margin-top: 16px;">${i.error}</div>`:n}
+      ${i.error?e`<div class="callout danger" style="margin-top: 16px;">${i.error}</div>`:t}
 
       <div style="margin-top: 16px;">
         ${i.panel===`providers`?u(i):l(i)}
       </div>
     </section>
   `}export{d as renderModels};
-//# sourceMappingURL=models-DmHuwChH.js.map
+//# sourceMappingURL=models-CHjUP5zU.js.map