@aryacode/dsh-local-llm 0.8.1 → 0.8.2

package/LEGACY-CONTROL-CENTER.md

@@ -126,11 +126,11 @@ Validation: focused discovery tests cover complete and incomplete shard groups,
 
 ## NInfer
 
-For Docker-free serving, add `ninfer.wsl` with `distribution`, an absolute Linux `binary` path and `libraryPath` (WSL driver directory first, then CUDA libraries). The same tuning, benchmark, readiness and log controls manage one WSL process group. PID, Linux start time, executable and command line must match the persisted owner before stopping. No Docker command runs in WSL mode; the existing image configuration remains available for rollback. Build and validate the binary with CUDA and FFmpeg before enabling this mode.
+For Docker-free serving, add `ninfer.wsl` with `distribution`, an absolute Linux `binary` path and `libraryPath` (WSL driver directory first, then CUDA libraries). The same tuning, benchmark, readiness and log controls manage one WSL process group. PID, Linux start time, executable and command line must match the persisted owner before stopping. WSL mode starts and stops no Docker container; the existing image configuration remains available for rollback. Docker is consulted only to identify a running container that another launcher started from the same pinned image, artifact and port, and that container's log is served while it answers; an explicit takeover is the only path that stops it. Build and validate the binary with CUDA and FFmpeg before enabling this mode.
 
 Configure `ninfer` with an explicit install directory, verified artifact path, Docker image digest, container name and ownership label, port, modelName and validated defaults (context, prefill, hostKvMiB, draftTokens and vision). Servers → NInfer exposes Start, Stop, Restart, readiness, logs and tuning. Controls bind the model API to localhost and refuse foreign container IDs, labels or occupied ports. Settings can be saved only while stopped; start refuses other loaded engines. The pinned MTP profile uses rk4v4-e8 KV, draft windows up to three and disables n-gram chaining. Paired remote controls are not exposed for this engine.
 
-The AryaStrata page shows an NInfer view for these routes on the engine computer: lifecycle controls, tuning while stopped and the log tail. A paired page keeps the Strata-only view, and the routes themselves are unchanged.
+The AryaStrata page shows an NInfer view for these routes on the engine computer: lifecycle controls, tuning while stopped and the log tail. A paired page keeps the Strata-only view, and the routes themselves are unchanged. A container started by another launcher is reported as External, with the same log and a takeover that stops only a container matching the pinned image, artifact and port.
 
 Verified NInfer artifacts appear as local models in Benchmarks. Choose 32K, 64K or 100K; larger requests fail before engines are interrupted. Runs translate thinking into top-level enable_thinking/reasoning_effort, omit llama.cpp chat_template_kwargs, and restore previous NInfer tuning and owned servers. Configured context and short image checks do not establish full-context retrieval or website quality.
 

package/README.md

@@ -16,8 +16,14 @@ The **NInfer** view controls the local engine that serves the pinned Qwen3.8 den
 
 Start, stop and restart bind the model API to localhost. The engine loads for a while after Start, so the page reports `starting` until the model API answers. **NInfer tuning** is editable only while the engine is stopped, and **NInfer logs** reads the same owner-checked log tail. Tuning holds the context window, prefill chunk, host KV, MTP drafts, the **response output tokens** allowance, n-gram drafts and vision. The output allowance is shared by the engine and the Local model library chat model, so it must stay below the context window. The page never adopts a container or process it did not start.
 
+An engine started somewhere else is reported as **External** rather than left with dead controls. When the container is provably this installation's engine — the pinned image, this artifact, this port and its NInfer label — the page offers **Take over engine**, which stops that container and starts the engine it manages; while it is external the view still reads that container's own log, so the live figures keep working. Anything the page cannot identify is named with where it was started and is never touched.
+
 The view is a live operations dashboard. Model state, VRAM use and GPU load come from the host sensors; decode and prefill throughput, speculative-decoding acceptance and weight-loading progress come from the engine's own log. A failed start shows the engine's reason — usually not enough VRAM while Strata holds the GPU — with a button to stop Strata and retry. **Open NInfer dashboard** opens the engine's own web interface.
 
+**Connect your tools** states what a client needs and copies it: the OpenAI-compatible base URL, the chat-completions URL, the model name and the key the engine asks for (none on loopback), each with its own copy button, plus **Copy .env** for a ready environment block. A worked example switches between curl, Python and Node.js with the address and model already filled in. **Engine** lists the pinned artifact the page serves — context, response allowance, prefill chunk, host KV, MTP drafts, n-gram mode, vision and the runtime identity — so the numbers a client budgets against are on the same screen as the controls.
+
+Each engine is published to the harness with what it actually is: its real context window, its input modalities and its thinking levels, read from the engine's own settings. The response allowance stays a ceiling the engine enforces when a request asks for it — the model advertises an 8K per-request output default — so **Chat output limits** raises that for a session that needs longer answers.
+
 The switch appears only on the engine computer. A page that controls a paired computer keeps the Strata-only view, and the NInfer routes answer only loopback callers. Only one engine can hold the GPU at a time, so starting either engine first stops the other one — and any owned llama.cpp or FreeToken server or loaded Ollama model — then starts the requested engine. A stop that cannot be completed refuses the start instead of double-booking the GPU; an engine started outside this Host is reported and never killed.
 
 Chat model discovery, Benchmarks and model sharing with a paired computer are unchanged. They read the same `ninfer` configuration.

package/lib/client.js

@@ -1,5 +1,5 @@
 window.__ModuleLoader__.load({
-	id: "dsh-local-llm",
+	id: "@aryacode/dsh-local-llm",
 	factory: (require) => {
 		var module = { exports: {} };
 		var exports = module.exports;
@@ -522,7 +522,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region src/client/theme.ts
-		const css = ".lc{--bg:var(--dsw-alias-bg-base);--panel:var(--dsw-alias-bg-layer-1);--line:var(--dsw-alias-border-l1);--ink:var(--dsw-alias-label-primary);--muted:var(--dsw-alias-label-secondary);--blue:var(--dsw-alias-label-primary);--teal:var(--dsw-alias-state-success-primary);box-sizing:border-box;height:100%;overflow:auto;background:var(--bg);color:var(--ink);font:14px/1.5 var(--dsw-font-family-sans,system-ui,sans-serif);padding:30px 34px}.lc *{box-sizing:border-box}.lc button,.lc input,.lc select{font:inherit}.lc button{cursor:pointer}.lc button:disabled{opacity:.4;cursor:default}.lc a{color:var(--blue)}.lc h1,.lc h2,.lc h3,.lc p{margin:0}.lc h1{font-size:30px;letter-spacing:-1.1px;font-weight:500}.lc h2{font-size:18px;letter-spacing:-.3px}.lc h3{font-size:15px}.lc-muted{color:var(--muted)}.lc-header{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px}.lc-eyebrow{color:var(--blue);font-size:10px;letter-spacing:2px;font-weight:500;text-transform:uppercase;margin-bottom:7px}.lc-brand{display:flex;align-items:center;gap:15px}.lc-mark{width:49px;height:49px;background:var(--dsw-alias-bg-layer-2);color:var(--ink);border:1px solid var(--line);border-radius:14px;display:grid;place-items:center;box-shadow:none}.lc-pill{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border:1px solid var(--line);border-radius:20px;font-size:11px;color:var(--muted);white-space:nowrap}.lc-dot{height:6px;width:6px;border-radius:50%;background:currentColor}.lc-pill.good{color:var(--teal);background:color-mix(in srgb,var(--teal) 7%,var(--panel));border-color:color-mix(in srgb,var(--teal) 25%,var(--line))}.lc-pill.warm{color:var(--dsw-alias-state-warn-primary);background:color-mix(in srgb,var(--dsw-alias-state-warn-primary) 7%,var(--panel));border-color:color-mix(in srgb,var(--dsw-alias-state-warn-primary) 25%,var(--line))}.lc-tabs{display:flex;gap:6px;padding:5px;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--line);border-radius:11px;width:fit-content;margin-bottom:23px}.lc-tab{display:flex;align-items:center;gap:8px;border:0;color:var(--muted);background:transparent;padding:9px 17px;border-radius:7px;font-size:12px}.lc-tab.active{color:var(--ink);background:var(--dsw-alias-interactive-bg-hover);box-shadow:none}.lc-grid{display:grid;gap:16px}.lc-kpis{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:20px}.lc-card{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:20px}.lc-kpi-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}.lc-value{font-size:28px;font-weight:500;letter-spacing:-1px;margin:9px 0 3px}.lc-value small{font-size:13px;font-weight:400;color:var(--muted);letter-spacing:0}.lc-sub{font-size:11px;color:var(--muted)}.lc-bar{height:5px;background:var(--dsw-alias-border-l1);border-radius:8px;overflow:hidden;margin:14px 0 6px}.lc-bar span{height:100%;display:block;background:var(--ink);border-radius:8px}.lc-section{display:flex;align-items:center;justify-content:space-between;margin:23px 0 13px}.lc-section small{color:var(--muted);font-size:11px}.lc-charts{grid-template-columns:1.6fr 1fr}.lc-chart{width:100%;height:145px;display:block;margin-top:18px}.lc-chart-footer{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.lc-legend{display:flex;gap:16px;font-size:11px;color:var(--muted)}.lc-engine-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.lc-engine{position:relative;transition:transform .15s,border-color .15s;cursor:pointer;text-align:left;color:var(--ink)}.lc-engine:hover{transform:translateY(-2px);border-color:var(--dsw-alias-border-l2)}.lc-engine.selected{border-color:var(--dsw-alias-label-primary);box-shadow:inset 0 0 0 1px var(--dsw-alias-border-l2)}.lc-engine .lc-logo{width:36px;height:36px;display:grid;place-items:center;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--line);border-radius:10px;margin-bottom:16px;font-size:16px;font-weight:500}.lc-engine h3{margin-bottom:4px}.lc-engine-state{position:absolute;top:22px;right:16px}.lc-engine-note{font-size:11px;color:var(--muted);margin-top:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lc-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-button-floating-fill);color:var(--dsw-alias-label-primary);padding:9px 14px;border-radius:8px;font-size:12px}.lc-button.primary{background:var(--dsw-alias-button-primary-fill);border-color:var(--dsw-alias-button-primary-fill);color:var(--dsw-alias-label-primary-invert, var(--bg));font-weight:500}.lc-button.danger{color:var(--dsw-alias-state-error-primary);border-color:color-mix(in srgb,var(--dsw-alias-state-error-primary) 30%,var(--line));background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 7%,var(--panel))}.lc-button.ghost{background:transparent}.lc-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:18px 0}.lc-detail-grid{grid-template-columns:1.5fr 1fr;margin-top:16px}.lc-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:20px 0}.lc-facts span{display:block;color:var(--muted);font-size:11px;margin-bottom:5px}.lc-facts strong{font-size:13px;font-weight:500}.lc-input{background:var(--dsw-alias-bg-base);border:1px solid var(--dsw-alias-border-l2);color:var(--ink);padding:10px 12px;border-radius:8px;min-width:0}.lc-input:focus{outline:2px solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:1px}.lc-search{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:18px 0}.lc-search input{flex:1;min-width:180px}.lc-model-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}.lc-model-desc{font-size:12px;color:var(--muted);margin:9px 0 15px!important;min-height:36px}.lc-tags{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0}.lc-tag{padding:3px 7px;background:var(--dsw-alias-bg-layer-2);color:var(--muted);border-radius:5px;font-size:10px}.lc table{width:100%;border-collapse:collapse;font-size:12px}.lc th{text-align:left;color:var(--muted);font-weight:500;font-size:10px;letter-spacing:1px;text-transform:uppercase;padding:14px 12px;border-bottom:1px solid var(--line)}.lc td{padding:14px 12px;border-bottom:1px solid var(--line)}.lc td .lc-button{padding:5px 10px;font-size:11px}.lc-code{font:12px ui-monospace,monospace;color:var(--ink)}.lc-terminal{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--line);padding:18px;border-radius:10px;white-space:pre-wrap;overflow:auto;max-height:440px;font:11px/1.7 ui-monospace,monospace;color:var(--muted);margin-top:18px}.lc-notice{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);padding:12px 16px;border-radius:9px;margin-bottom:16px;font-size:12px}.lc-notice.error{border-color:var(--dsw-alias-state-error-primary);background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 7%,var(--panel));color:var(--dsw-alias-state-error-primary)}.lc-empty{padding:45px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:12px}.lc-select-line{display:flex;gap:10px;align-items:center;margin-top:12px}.lc-select-line input,.lc-select-line select{flex:1;min-width:0}.lc-footer{margin:25px 0 5px;color:var(--muted);font-size:10px;display:flex;justify-content:space-between}.lc-field{display:block;color:var(--muted);font-size:12px;margin-top:14px}.lc-field input{width:100%;margin-top:6px}.lc svg{flex-shrink:0}.lc svg text{font:10px system-ui;fill:var(--muted)}@media(max-width:1150px){.lc{padding:24px}.lc-kpis,.lc-engine-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.lc-charts,.lc-detail-grid{grid-template-columns:1fr}.lc-header{align-items:flex-start}.lc h1{font-size:23px}.lc-tabs{flex-wrap:wrap;width:100%}.lc-tab{padding:8px}.lc-facts{grid-template-columns:1fr}.lc table{display:block;overflow:auto}}\n.lb-setup{grid-template-columns:1fr 1fr 1fr}.lb-options{display:flex;flex-direction:column;gap:14px;margin-top:18px;max-height:290px;overflow:auto}.lb-option{display:flex;gap:10px;align-items:flex-start;font-size:13px;cursor:pointer}.lb-option input{margin-top:4px;accent-color:var(--ink);flex-shrink:0}.lb-option small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.lb-settings{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.lb-settings select{display:block;width:100%;margin-top:6px}.lb-settings .lb-option{grid-column:1/-1;margin-top:16px}.lb-tasks{grid-template-columns:repeat(3,1fr);margin-top:20px;gap:20px}.lb-tasks details{margin-top:8px;margin-left:23px}.lb-summary{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));margin-top:16px}.lb-table{overflow:auto}.lb-table td{vertical-align:top;min-width:90px}.lb-table td:first-child{min-width:210px}.lb-table td:nth-child(6){max-width:300px}.lb-previews{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.lb-preview{margin-top:16px;overflow:auto;border:1px solid var(--line);border-radius:9px;background:var(--bg);max-height:650px}.lb-preview img{display:block;width:100%;height:auto}.lb-preview iframe{display:block;width:100%;height:600px;border:0;background:var(--bg)}.lb-preview.mobile{max-width:390px;margin-inline:auto}.lb .lc-field>select{margin-left:10px}.lb-settings .lc-field>select{margin-left:0}@media(max-width:1100px){.lb-setup{grid-template-columns:1fr 1fr}.lb-setup>section:last-child{grid-column:1/-1}}@media(max-width:700px){.lb-setup,.lb-tasks,.lb-previews{grid-template-columns:1fr}.lb-setup>section:last-child{grid-column:auto}.lb-preview iframe{height:500px}}\n.lb-history-actions{gap:12px;flex-wrap:wrap}.lb-comparison{margin-bottom:18px}.lb-compare-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;max-height:220px;overflow:auto;margin:18px 0}.lb-comparison-table table{min-width:760px}.lb-comparison-table th:not(:first-child),.lb-comparison-table td{min-width:230px;max-width:340px}.lb-comparison-table th small{display:block;margin-top:5px;letter-spacing:0;text-transform:none}.lb-comparison-table tbody th{min-width:210px;text-transform:none;letter-spacing:0;font-size:12px}.lb-comparison-table caption{text-align:left;padding:10px 0}.lb-comparison-table thead th{position:sticky;top:0;background:var(--panel)}\n\n.lb-config{grid-template-columns:repeat(3,minmax(0,1fr))}.lb-config .lc-field{min-width:0}.lc-field select{max-width:100%}.lc-engine-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lc .lb-tasks>div{min-width:0;overflow-wrap:anywhere}.lc button:focus-visible,.lc input:focus-visible,.lc select:focus-visible{outline:2px solid var(--ink);outline-offset:3px}@media(max-width:1100px){.lb-config{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.lb-config,.lc-engine-grid,.lb-settings{grid-template-columns:1fr}.lc{padding:16px}.lc-footer{flex-wrap:wrap;gap:8px}}\n\n.lc h1,.lc h2,.lc h3,.lc strong{font-weight:500}.lb-config .lc-sub{grid-column:1/-1;margin-top:10px}\n.ld-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:8px 0 24px}.ld-heading h2{font-size:26px;margin:8px 0}.ld-hardware{display:flex;gap:20px;flex-wrap:wrap;padding:14px 18px;background:var(--panel);border:1px solid var(--line);border-radius:10px;font-size:12px;color:var(--muted)}.ld-hardware strong{color:var(--ink)}.ld-search{display:grid;grid-template-columns:210px minmax(200px,1fr) auto;gap:10px;padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.ld-toolbar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:16px 0 22px}.ld-suggestions,.ld-filters{display:flex;gap:8px;flex-wrap:wrap}.ld-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;align-items:start}.ld-workspace.has-selection{grid-template-columns:minmax(0,1fr) minmax(320px,390px)}.ld-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.ld-model{display:flex;flex-direction:column;gap:10px;padding:20px;min-height:220px;transition:border-color .15s}.ld-model.is-selected{border-color:var(--ink);background:var(--dsw-alias-bg-layer-2)}.ld-model-top{display:flex;gap:6px}.ld-model-title{font-size:15px;font-weight:500;color:var(--ink);overflow-wrap:anywhere;text-decoration:none;line-height:1.45}.ld-model-title:hover,.ld-detail a:hover{text-decoration:underline}.ld-publisher{margin-top:-6px!important}.ld-description{font-size:12px;color:var(--muted);line-height:1.5;overflow-wrap:anywhere}.ld-model-meta{display:flex;gap:12px;flex-wrap:wrap;font-size:11px;color:var(--muted);margin-top:auto}.ld-model>.lc-button{align-self:flex-start;margin-top:4px}.ld-results-label{font-size:12px;color:var(--muted);min-height:22px;margin-bottom:8px}.ld-detail{position:sticky;top:16px;padding:22px;max-height:calc(100vh - 50px);overflow:auto}.ld-detail-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.ld-detail h3{margin:16px 0;overflow-wrap:anywhere;line-height:1.5}.ld-detail a{color:var(--ink)}.ld-budget{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ld-budget small,.ld-version small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.ld-detail select{display:block;width:100%;margin-top:6px}.ld-versions{border:0;padding:0;margin:20px 0}.ld-versions legend{font-size:12px;color:var(--muted);margin-bottom:10px}.ld-version{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:9px;padding:12px;margin-top:8px;cursor:pointer;font-size:13px}.ld-version.is-selected{border-color:var(--ink);background:var(--dsw-alias-bg-layer-2)}.ld-version>span{flex:1;min-width:0;overflow-wrap:anywhere}.ld-version input{accent-color:var(--ink)}.ld-total{display:flex;justify-content:space-between;gap:12px;padding-top:18px;margin-top:18px;border-top:1px solid var(--line);font-size:14px}.ld-fit{font-size:12px;margin:10px 0;color:var(--ink)}.ld-detail>.lc-button,.ld-detail .lc-button.primary{width:100%;margin:16px 0 12px}.ld-file-list{margin:16px 0;font-size:12px;color:var(--muted)}.ld-file-list summary{cursor:pointer}.ld-file-list div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}.ld-file-list div span:first-child{overflow-wrap:anywhere;min-width:0}.ld-file-list div span:last-child{white-space:nowrap}.ld-skeleton{height:220px;display:flex;flex-direction:column;gap:20px}.ld-skeleton span{height:16px;background:var(--dsw-alias-bg-layer-2);border-radius:4px}.ld-skeleton span:nth-child(2){width:65%}.ld-skeleton span:last-child{width:40%;margin-top:auto}.ld a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}@media(max-width:1000px){.ld-workspace.has-selection{grid-template-columns:1fr}.ld-detail{position:static;max-height:none;grid-row:1}.ld-heading{align-items:flex-start;flex-direction:column}.ld-search{grid-template-columns:180px 1fr}.ld-search .lc-button{grid-column:1/-1}}@media(max-width:600px){.ld-search{grid-template-columns:1fr}.ld-cards{grid-template-columns:1fr}.ld-budget{grid-template-columns:1fr}.ld-filters{width:100%}.ld-filters select{flex:1;min-width:0}.ld-heading h2{font-size:23px}}\n\n.lc-tune-control{min-width:0;display:grid;gap:8px;color:var(--dsw-alias-label-primary);font-size:13px}.lc-tune-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.lc-tune-heading output{font-weight:500;font-variant-numeric:tabular-nums}.lc-tune-row{display:flex;align-items:center;gap:12px;min-width:0}.lc-tune-range{flex:1;min-width:0;height:24px;accent-color:var(--dsw-alias-label-primary);cursor:pointer}.lc-tune-exact{width:100px;flex:0 0 100px;min-width:0;text-align:right}.lc-tune-scale{display:flex;justify-content:space-between;padding-right:112px;font-size:11px;color:var(--dsw-alias-label-secondary)}.lc-tune-choices{display:flex;gap:6px;flex-wrap:wrap}.lc-tune-choices .lc-button{padding:5px 9px;font-size:12px}.lc-tune-range:focus-visible{outline:2px solid var(--dsw-alias-label-primary);outline-offset:3px;border-radius:6px}.lc-tune-control .lc-sub{margin:0}.lc-tune-range:disabled{cursor:default}\n.lc-tune-control{align-self:start;align-content:start}\n.lb-config .lb-settings{grid-template-columns:1fr}\n\n.lc{padding:24px;max-width:none;margin:0;width:100%;align-self:stretch;min-width:0}.lc-card{background:var(--dsw-alias-bg-base);border-radius:12px}.lc h1{font-size:26px;letter-spacing:-.6px}.lc h2,.lc h3{font-weight:500}.lc-sub{font-size:12px;line-height:1.6}.lc-tabs{max-width:100%;flex-wrap:wrap;background:transparent;padding:0;border:0;gap:4px}.lc-tab{padding:10px 14px;font-size:13px}.lc-tab.active{background:var(--dsw-alias-bg-layer-2)}.lc-header{margin:24px 0 20px}.lc-model-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px}.lc-model-card{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0}.lc-model-card h3,.lc-model-card p{overflow-wrap:anywhere}.lc-model-card .lc-actions{margin-top:auto;flex-wrap:wrap}.lc-health-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.lc-health-meter{margin:18px 0}.lc-health-meter>div{display:flex;justify-content:space-between;gap:12px;font-size:13px}.lc-health-meter strong{font-weight:500}.lc-health-meter progress{display:block;width:100%;height:7px;margin:9px 0;accent-color:var(--dsw-alias-label-primary)}.lc-health-meter small{font-size:12px;color:var(--dsw-alias-label-secondary)}.lc-core-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.lc-core-grid>div{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--dsw-alias-label-secondary)}.lc-core-grid progress{width:100%;height:5px;accent-color:var(--dsw-alias-state-success-primary)}.lc-network-row{display:grid;gap:4px;padding:12px 0;border-bottom:1px solid var(--dsw-alias-border-l1);font-size:12px}.lc-network-row strong{font-weight:500}.lc-connection{border-bottom:1px solid var(--dsw-alias-border-l1);padding-bottom:18px}.lc-connection-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.lc-connection-bar strong{display:block;overflow-wrap:anywhere;font-size:13px;font-weight:500}.lc-connection-fields{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px;margin:18px 0}.lc-connection .lc-actions{flex-wrap:wrap;margin:0}.lc-connection-setup{margin-top:18px}.lc-connection-setup h3{margin-top:20px}.lc-connection input{width:100%;min-width:0}.lc-steps{padding-left:20px;color:var(--dsw-alias-label-secondary);font-size:13px;line-height:1.9}.lc-webui-link{display:inline-flex;text-decoration:none;margin:12px 0}.lc-engine-setup{margin-bottom:24px}.lc-engine-setup .lc-card p{margin:12px 0}.lc-engine-setup summary{cursor:pointer}.lc .lc-facts>div{min-width:0}.lc .lc-facts strong{overflow-wrap:anywhere}.lc-empty h3{margin-bottom:8px}.lc-empty .lc-button{margin-top:16px}.lc button:focus-visible,.lc a:focus-visible,.lc input:focus-visible{outline:2px solid var(--dsw-alias-label-primary);outline-offset:3px}\n@media(max-width:800px){.lc-health-grid{grid-template-columns:1fr}.lc{padding:16px}.lc-header{align-items:flex-start}.lc-connection-bar{align-items:flex-start}.lc-tabs{gap:3px}.lc-tab{padding:9px 11px}.lc-section{gap:12px;flex-wrap:wrap}.lc-header h1{font-size:23px}.lc-header .lc-mark{display:none}.lc-connection-bar .lc-actions{width:100%}.lc-network-row{overflow-wrap:anywhere}}\n.lc-ninfer-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:start}\n.lc-ninfer-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}\n.lc-ninfer-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}\n.lc-pill.bad{color:var(--dsw-alias-state-error-primary);background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 7%,var(--panel));border-color:color-mix(in srgb,var(--dsw-alias-state-error-primary) 25%,var(--line))}\n@media(max-width:1150px){.lc-ninfer-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}\n@media(max-width:700px){.lc-ninfer-hero{grid-template-columns:1fr}.lc-ninfer-actions{justify-content:flex-start}}\n@media(max-width:520px){.lc-ninfer-kpis{grid-template-columns:1fr}}\n";
+		const css = ".lc{--bg:var(--dsw-alias-bg-base);--panel:var(--dsw-alias-bg-layer-1);--line:var(--dsw-alias-border-l1);--ink:var(--dsw-alias-label-primary);--muted:var(--dsw-alias-label-secondary);--blue:var(--dsw-alias-label-primary);--teal:var(--dsw-alias-state-success-primary);box-sizing:border-box;height:100%;overflow:auto;background:var(--bg);color:var(--ink);font:14px/1.5 var(--dsw-font-family-sans,system-ui,sans-serif);padding:30px 34px}.lc *{box-sizing:border-box}.lc button,.lc input,.lc select{font:inherit}.lc button{cursor:pointer}.lc button:disabled{opacity:.4;cursor:default}.lc a{color:var(--blue)}.lc h1,.lc h2,.lc h3,.lc p{margin:0}.lc h1{font-size:30px;letter-spacing:-1.1px;font-weight:500}.lc h2{font-size:18px;letter-spacing:-.3px}.lc h3{font-size:15px}.lc-muted{color:var(--muted)}.lc-header{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px}.lc-eyebrow{color:var(--blue);font-size:10px;letter-spacing:2px;font-weight:500;text-transform:uppercase;margin-bottom:7px}.lc-brand{display:flex;align-items:center;gap:15px}.lc-mark{width:49px;height:49px;background:var(--dsw-alias-bg-layer-2);color:var(--ink);border:1px solid var(--line);border-radius:14px;display:grid;place-items:center;box-shadow:none}.lc-pill{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border:1px solid var(--line);border-radius:20px;font-size:11px;color:var(--muted);white-space:nowrap}.lc-dot{height:6px;width:6px;border-radius:50%;background:currentColor}.lc-pill.good{color:var(--teal);background:color-mix(in srgb,var(--teal) 7%,var(--panel));border-color:color-mix(in srgb,var(--teal) 25%,var(--line))}.lc-pill.warm{color:var(--dsw-alias-state-warn-primary);background:color-mix(in srgb,var(--dsw-alias-state-warn-primary) 7%,var(--panel));border-color:color-mix(in srgb,var(--dsw-alias-state-warn-primary) 25%,var(--line))}.lc-tabs{display:flex;gap:6px;padding:5px;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--line);border-radius:11px;width:fit-content;margin-bottom:23px}.lc-tab{display:flex;align-items:center;gap:8px;border:0;color:var(--muted);background:transparent;padding:9px 17px;border-radius:7px;font-size:12px}.lc-tab.active{color:var(--ink);background:var(--dsw-alias-interactive-bg-hover);box-shadow:none}.lc-grid{display:grid;gap:16px}.lc-kpis{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:20px}.lc-card{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:20px}.lc-kpi-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}.lc-value{font-size:28px;font-weight:500;letter-spacing:-1px;margin:9px 0 3px}.lc-value small{font-size:13px;font-weight:400;color:var(--muted);letter-spacing:0}.lc-sub{font-size:11px;color:var(--muted)}.lc-bar{height:5px;background:var(--dsw-alias-border-l1);border-radius:8px;overflow:hidden;margin:14px 0 6px}.lc-bar span{height:100%;display:block;background:var(--ink);border-radius:8px}.lc-section{display:flex;align-items:center;justify-content:space-between;margin:23px 0 13px}.lc-section small{color:var(--muted);font-size:11px}.lc-charts{grid-template-columns:1.6fr 1fr}.lc-chart{width:100%;max-width:760px;height:145px;display:block;margin:18px auto 0}.lc-chart-footer{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.lc-legend{display:flex;gap:16px;font-size:11px;color:var(--muted)}.lc-engine-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.lc-engine{position:relative;transition:transform .15s,border-color .15s;cursor:pointer;text-align:left;color:var(--ink)}.lc-engine:hover{transform:translateY(-2px);border-color:var(--dsw-alias-border-l2)}.lc-engine.selected{border-color:var(--dsw-alias-label-primary);box-shadow:inset 0 0 0 1px var(--dsw-alias-border-l2)}.lc-engine .lc-logo{width:36px;height:36px;display:grid;place-items:center;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--line);border-radius:10px;margin-bottom:16px;font-size:16px;font-weight:500}.lc-engine h3{margin-bottom:4px}.lc-engine-state{position:absolute;top:22px;right:16px}.lc-engine-note{font-size:11px;color:var(--muted);margin-top:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lc-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-button-floating-fill);color:var(--dsw-alias-label-primary);padding:9px 14px;border-radius:8px;font-size:12px}.lc-button.primary{background:var(--dsw-alias-button-primary-fill);border-color:var(--dsw-alias-button-primary-fill);color:var(--dsw-alias-label-primary-invert, var(--bg));font-weight:500}.lc-button.danger{color:var(--dsw-alias-state-error-primary);border-color:color-mix(in srgb,var(--dsw-alias-state-error-primary) 30%,var(--line));background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 7%,var(--panel))}.lc-button.ghost{background:transparent}.lc-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:18px 0}.lc-detail-grid{grid-template-columns:1.5fr 1fr;margin-top:16px}.lc-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:20px 0}.lc-facts span{display:block;color:var(--muted);font-size:11px;margin-bottom:5px}.lc-facts strong{font-size:13px;font-weight:500}.lc-input{background:var(--dsw-alias-bg-base);border:1px solid var(--dsw-alias-border-l2);color:var(--ink);padding:10px 12px;border-radius:8px;min-width:0}.lc-input:focus{outline:2px solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:1px}.lc-search{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:18px 0}.lc-search input{flex:1;min-width:180px}.lc-model-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}.lc-model-desc{font-size:12px;color:var(--muted);margin:9px 0 15px!important;min-height:36px}.lc-tags{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0}.lc-tag{padding:3px 7px;background:var(--dsw-alias-bg-layer-2);color:var(--muted);border-radius:5px;font-size:10px}.lc table{width:100%;border-collapse:collapse;font-size:12px}.lc th{text-align:left;color:var(--muted);font-weight:500;font-size:10px;letter-spacing:1px;text-transform:uppercase;padding:14px 12px;border-bottom:1px solid var(--line)}.lc td{padding:14px 12px;border-bottom:1px solid var(--line)}.lc td .lc-button{padding:5px 10px;font-size:11px}.lc-code{font:12px ui-monospace,monospace;color:var(--ink)}.lc-terminal{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--line);padding:18px;border-radius:10px;white-space:pre-wrap;overflow:auto;max-height:440px;font:11px/1.7 ui-monospace,monospace;color:var(--muted);margin-top:18px}.lc-notice{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);padding:12px 16px;border-radius:9px;margin-bottom:16px;font-size:12px}.lc-notice.error{border-color:var(--dsw-alias-state-error-primary);background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 7%,var(--panel));color:var(--dsw-alias-state-error-primary)}.lc-empty{padding:45px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:12px}.lc-select-line{display:flex;gap:10px;align-items:center;margin-top:12px}.lc-select-line input,.lc-select-line select{flex:1;min-width:0}.lc-footer{margin:25px 0 5px;color:var(--muted);font-size:10px;display:flex;justify-content:space-between}.lc-field{display:block;color:var(--muted);font-size:12px;margin-top:14px}.lc-field input{width:100%;margin-top:6px}.lc svg{flex-shrink:0}.lc svg text{font:10px system-ui;fill:var(--muted)}@media(max-width:1150px){.lc{padding:24px}.lc-kpis,.lc-engine-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.lc-charts,.lc-detail-grid{grid-template-columns:1fr}.lc-header{align-items:flex-start}.lc h1{font-size:23px}.lc-tabs{flex-wrap:wrap;width:100%}.lc-tab{padding:8px}.lc-facts{grid-template-columns:1fr}.lc table{display:block;overflow:auto}}\n.lb-setup{grid-template-columns:1fr 1fr 1fr}.lb-options{display:flex;flex-direction:column;gap:14px;margin-top:18px;max-height:290px;overflow:auto}.lb-option{display:flex;gap:10px;align-items:flex-start;font-size:13px;cursor:pointer}.lb-option input{margin-top:4px;accent-color:var(--ink);flex-shrink:0}.lb-option small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.lb-settings{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.lb-settings select{display:block;width:100%;margin-top:6px}.lb-settings .lb-option{grid-column:1/-1;margin-top:16px}.lb-tasks{grid-template-columns:repeat(3,1fr);margin-top:20px;gap:20px}.lb-tasks details{margin-top:8px;margin-left:23px}.lb-summary{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));margin-top:16px}.lb-table{overflow:auto}.lb-table td{vertical-align:top;min-width:90px}.lb-table td:first-child{min-width:210px}.lb-table td:nth-child(6){max-width:300px}.lb-previews{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.lb-preview{margin-top:16px;overflow:auto;border:1px solid var(--line);border-radius:9px;background:var(--bg);max-height:650px}.lb-preview img{display:block;width:100%;height:auto}.lb-preview iframe{display:block;width:100%;height:600px;border:0;background:var(--bg)}.lb-preview.mobile{max-width:390px;margin-inline:auto}.lb .lc-field>select{margin-left:10px}.lb-settings .lc-field>select{margin-left:0}@media(max-width:1100px){.lb-setup{grid-template-columns:1fr 1fr}.lb-setup>section:last-child{grid-column:1/-1}}@media(max-width:700px){.lb-setup,.lb-tasks,.lb-previews{grid-template-columns:1fr}.lb-setup>section:last-child{grid-column:auto}.lb-preview iframe{height:500px}}\n.lb-history-actions{gap:12px;flex-wrap:wrap}.lb-comparison{margin-bottom:18px}.lb-compare-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;max-height:220px;overflow:auto;margin:18px 0}.lb-comparison-table table{min-width:760px}.lb-comparison-table th:not(:first-child),.lb-comparison-table td{min-width:230px;max-width:340px}.lb-comparison-table th small{display:block;margin-top:5px;letter-spacing:0;text-transform:none}.lb-comparison-table tbody th{min-width:210px;text-transform:none;letter-spacing:0;font-size:12px}.lb-comparison-table caption{text-align:left;padding:10px 0}.lb-comparison-table thead th{position:sticky;top:0;background:var(--panel)}\n\n.lb-config{grid-template-columns:repeat(3,minmax(0,1fr))}.lb-config .lc-field{min-width:0}.lc-field select{max-width:100%}.lc-engine-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lc .lb-tasks>div{min-width:0;overflow-wrap:anywhere}.lc button:focus-visible,.lc input:focus-visible,.lc select:focus-visible{outline:2px solid var(--ink);outline-offset:3px}@media(max-width:1100px){.lb-config{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.lb-config,.lc-engine-grid,.lb-settings{grid-template-columns:1fr}.lc{padding:16px}.lc-footer{flex-wrap:wrap;gap:8px}}\n\n.lc h1,.lc h2,.lc h3,.lc strong{font-weight:500}.lb-config .lc-sub{grid-column:1/-1;margin-top:10px}\n.ld-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:8px 0 24px}.ld-heading h2{font-size:26px;margin:8px 0}.ld-hardware{display:flex;gap:20px;flex-wrap:wrap;padding:14px 18px;background:var(--panel);border:1px solid var(--line);border-radius:10px;font-size:12px;color:var(--muted)}.ld-hardware strong{color:var(--ink)}.ld-search{display:grid;grid-template-columns:210px minmax(200px,1fr) auto;gap:10px;padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.ld-toolbar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:16px 0 22px}.ld-suggestions,.ld-filters{display:flex;gap:8px;flex-wrap:wrap}.ld-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;align-items:start}.ld-workspace.has-selection{grid-template-columns:minmax(0,1fr) minmax(320px,390px)}.ld-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.ld-model{display:flex;flex-direction:column;gap:10px;padding:20px;min-height:220px;transition:border-color .15s}.ld-model.is-selected{border-color:var(--ink);background:var(--dsw-alias-bg-layer-2)}.ld-model-top{display:flex;gap:6px}.ld-model-title{font-size:15px;font-weight:500;color:var(--ink);overflow-wrap:anywhere;text-decoration:none;line-height:1.45}.ld-model-title:hover,.ld-detail a:hover{text-decoration:underline}.ld-publisher{margin-top:-6px!important}.ld-description{font-size:12px;color:var(--muted);line-height:1.5;overflow-wrap:anywhere}.ld-model-meta{display:flex;gap:12px;flex-wrap:wrap;font-size:11px;color:var(--muted);margin-top:auto}.ld-model>.lc-button{align-self:flex-start;margin-top:4px}.ld-results-label{font-size:12px;color:var(--muted);min-height:22px;margin-bottom:8px}.ld-detail{position:sticky;top:16px;padding:22px;max-height:calc(100vh - 50px);overflow:auto}.ld-detail-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.ld-detail h3{margin:16px 0;overflow-wrap:anywhere;line-height:1.5}.ld-detail a{color:var(--ink)}.ld-budget{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ld-budget small,.ld-version small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.ld-detail select{display:block;width:100%;margin-top:6px}.ld-versions{border:0;padding:0;margin:20px 0}.ld-versions legend{font-size:12px;color:var(--muted);margin-bottom:10px}.ld-version{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:9px;padding:12px;margin-top:8px;cursor:pointer;font-size:13px}.ld-version.is-selected{border-color:var(--ink);background:var(--dsw-alias-bg-layer-2)}.ld-version>span{flex:1;min-width:0;overflow-wrap:anywhere}.ld-version input{accent-color:var(--ink)}.ld-total{display:flex;justify-content:space-between;gap:12px;padding-top:18px;margin-top:18px;border-top:1px solid var(--line);font-size:14px}.ld-fit{font-size:12px;margin:10px 0;color:var(--ink)}.ld-detail>.lc-button,.ld-detail .lc-button.primary{width:100%;margin:16px 0 12px}.ld-file-list{margin:16px 0;font-size:12px;color:var(--muted)}.ld-file-list summary{cursor:pointer}.ld-file-list div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}.ld-file-list div span:first-child{overflow-wrap:anywhere;min-width:0}.ld-file-list div span:last-child{white-space:nowrap}.ld-skeleton{height:220px;display:flex;flex-direction:column;gap:20px}.ld-skeleton span{height:16px;background:var(--dsw-alias-bg-layer-2);border-radius:4px}.ld-skeleton span:nth-child(2){width:65%}.ld-skeleton span:last-child{width:40%;margin-top:auto}.ld a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}@media(max-width:1000px){.ld-workspace.has-selection{grid-template-columns:1fr}.ld-detail{position:static;max-height:none;grid-row:1}.ld-heading{align-items:flex-start;flex-direction:column}.ld-search{grid-template-columns:180px 1fr}.ld-search .lc-button{grid-column:1/-1}}@media(max-width:600px){.ld-search{grid-template-columns:1fr}.ld-cards{grid-template-columns:1fr}.ld-budget{grid-template-columns:1fr}.ld-filters{width:100%}.ld-filters select{flex:1;min-width:0}.ld-heading h2{font-size:23px}}\n\n.lc-tune-control{min-width:0;display:grid;gap:8px;color:var(--dsw-alias-label-primary);font-size:13px}.lc-tune-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.lc-tune-heading output{font-weight:500;font-variant-numeric:tabular-nums}.lc-tune-row{display:flex;align-items:center;gap:12px;min-width:0}.lc-tune-range{flex:1;min-width:0;height:24px;accent-color:var(--dsw-alias-label-primary);cursor:pointer}.lc-tune-exact{width:100px;flex:0 0 100px;min-width:0;text-align:right}.lc-tune-scale{display:flex;justify-content:space-between;padding-right:112px;font-size:11px;color:var(--dsw-alias-label-secondary)}.lc-tune-choices{display:flex;gap:6px;flex-wrap:wrap}.lc-tune-choices .lc-button{padding:5px 9px;font-size:12px}.lc-tune-range:focus-visible{outline:2px solid var(--dsw-alias-label-primary);outline-offset:3px;border-radius:6px}.lc-tune-control .lc-sub{margin:0}.lc-tune-range:disabled{cursor:default}\n.lc-tune-control{align-self:start;align-content:start}\n.lb-config .lb-settings{grid-template-columns:1fr}\n\n.lc{padding:24px;max-width:none;margin:0;width:100%;align-self:stretch;min-width:0}.lc-card{background:var(--dsw-alias-bg-base);border-radius:12px}.lc h1{font-size:26px;letter-spacing:-.6px}.lc h2,.lc h3{font-weight:500}.lc-sub{font-size:12px;line-height:1.6}.lc-tabs{max-width:100%;flex-wrap:wrap;background:transparent;padding:0;border:0;gap:4px}.lc-tab{padding:10px 14px;font-size:13px}.lc-tab.active{background:var(--dsw-alias-bg-layer-2)}.lc-header{margin:24px 0 20px}.lc-model-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px}.lc-model-card{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0}.lc-model-card h3,.lc-model-card p{overflow-wrap:anywhere}.lc-model-card .lc-actions{margin-top:auto;flex-wrap:wrap}.lc-health-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.lc-health-meter{margin:18px 0}.lc-health-meter>div{display:flex;justify-content:space-between;gap:12px;font-size:13px}.lc-health-meter strong{font-weight:500}.lc-health-meter progress{display:block;width:100%;height:7px;margin:9px 0;accent-color:var(--dsw-alias-label-primary)}.lc-health-meter small{font-size:12px;color:var(--dsw-alias-label-secondary)}.lc-core-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.lc-core-grid>div{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--dsw-alias-label-secondary)}.lc-core-grid progress{width:100%;height:5px;accent-color:var(--dsw-alias-state-success-primary)}.lc-network-row{display:grid;gap:4px;padding:12px 0;border-bottom:1px solid var(--dsw-alias-border-l1);font-size:12px}.lc-network-row strong{font-weight:500}.lc-connection{border-bottom:1px solid var(--dsw-alias-border-l1);padding-bottom:18px}.lc-connection-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.lc-connection-bar strong{display:block;overflow-wrap:anywhere;font-size:13px;font-weight:500}.lc-connection-fields{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px;margin:18px 0}.lc-connection .lc-actions{flex-wrap:wrap;margin:0}.lc-connection-setup{margin-top:18px}.lc-connection-setup h3{margin-top:20px}.lc-connection input{width:100%;min-width:0}.lc-steps{padding-left:20px;color:var(--dsw-alias-label-secondary);font-size:13px;line-height:1.9}.lc-webui-link{display:inline-flex;text-decoration:none;margin:12px 0}.lc-engine-setup{margin-bottom:24px}.lc-engine-setup .lc-card p{margin:12px 0}.lc-engine-setup summary{cursor:pointer}.lc .lc-facts>div{min-width:0}.lc .lc-facts strong{overflow-wrap:anywhere}.lc-empty h3{margin-bottom:8px}.lc-empty .lc-button{margin-top:16px}.lc button:focus-visible,.lc a:focus-visible,.lc input:focus-visible{outline:2px solid var(--dsw-alias-label-primary);outline-offset:3px}\n@media(max-width:800px){.lc-health-grid{grid-template-columns:1fr}.lc{padding:16px}.lc-header{align-items:flex-start}.lc-connection-bar{align-items:flex-start}.lc-tabs{gap:3px}.lc-tab{padding:9px 11px}.lc-section{gap:12px;flex-wrap:wrap}.lc-header h1{font-size:23px}.lc-header .lc-mark{display:none}.lc-connection-bar .lc-actions{width:100%}.lc-network-row{overflow-wrap:anywhere}}\n.lc-ninfer-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:start}\n.lc-ninfer-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}\n.lc-ninfer-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}\n.lc-pill.bad{color:var(--dsw-alias-state-error-primary);background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 7%,var(--panel));border-color:color-mix(in srgb,var(--dsw-alias-state-error-primary) 25%,var(--line))}\n@media(max-width:1150px){.lc-ninfer-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}\n@media(max-width:700px){.lc-ninfer-hero{grid-template-columns:1fr}.lc-ninfer-actions{justify-content:flex-start}}\n@media(max-width:520px){.lc-ninfer-kpis{grid-template-columns:1fr}}\n\n/* NInfer: connection details, client examples and engine facts. */\n.lc-ninfer-split{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:16px;margin-top:16px;align-items:start}.lc-ninfer-split>*{min-width:0}\n.lc-api-rows{display:grid;gap:9px}\n.lc-api-row{display:grid;gap:6px;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:var(--dsw-alias-bg-layer-1);min-width:0}\n.lc-api-row>header{display:flex;align-items:center;justify-content:space-between;gap:10px}\n.lc-api-row>header>span{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted)}\n.lc-api-row code{font:12.5px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--ink);overflow-wrap:anywhere}\n.lc-api-note{margin-top:10px}\n.lc-copy{border:1px solid var(--line);background:var(--dsw-alias-bg-base);color:var(--muted);border-radius:7px;padding:4px 10px;font-size:11px;line-height:1.4;white-space:nowrap;min-width:58px}\n.lc-copy:hover{color:var(--ink);border-color:var(--ink)}\n.lc-copy.copied{color:var(--teal);border-color:color-mix(in srgb,var(--teal) 45%,var(--line))}\n.lc-example{margin-top:14px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--dsw-alias-bg-layer-1);min-width:0}\n.lc-example>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border-bottom:1px solid var(--line);flex-wrap:wrap}\n.lc-example-tabs{display:flex;gap:2px;padding:3px;background:var(--dsw-alias-bg-layer-2);border-radius:9px}\n.lc-example-tab{border:0;background:transparent;color:var(--muted);font-size:11px;padding:5px 11px;border-radius:7px;line-height:1.4}\n.lc-example-tab.active{background:var(--dsw-alias-bg-layer-2);color:var(--ink)}\n.lc-example pre{margin:0;padding:13px 14px;max-height:230px;overflow:auto;font:11.5px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--ink);white-space:pre}\n.lc-spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}\n.lc-spec{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--dsw-alias-bg-layer-1);min-width:0}\n.lc-spec>span{display:block;font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted)}\n.lc-spec>strong{display:block;margin-top:4px;font-size:13px;font-weight:500;overflow-wrap:anywhere}\n.lc-ninfer-kpis{gap:12px}\n.lc-ninfer-kpis .lc-card{padding:14px 15px}\n.lc-ninfer-kpis .lc-value{font-size:21px;margin:6px 0 2px}\n@media(max-width:1180px){.lc-ninfer-split{grid-template-columns:minmax(0,1fr)}}\n@media(max-width:700px){.lc-spec-grid{grid-template-columns:1fr}.lc-example pre{max-height:180px}}";
 		//#endregion
 		//#region src/client/Dashboard.tsx
 		function Icon({ kind = "chip", size = 18 }) {
@@ -683,6 +683,232 @@ window.__ModuleLoader__.load({
 			};
 		}
 		//#endregion
+		//#region src/client/NInferApi.tsx
+		/** Copy with the async clipboard, falling back to the selection API in a page that denies it. */
+		async function copyText(value) {
+			try {
+				if (navigator.clipboard?.writeText) {
+					await navigator.clipboard.writeText(value);
+					return true;
+				}
+			} catch (error) {}
+			try {
+				const area = document.createElement("textarea");
+				area.value = value;
+				area.readOnly = true;
+				area.style.position = "fixed";
+				area.style.top = "-1000px";
+				area.style.opacity = "0";
+				document.body.appendChild(area);
+				area.select();
+				const copied = document.execCommand("copy");
+				area.remove();
+				return copied;
+			} catch (error) {
+				return false;
+			}
+		}
+		/** One copy button that says so for a moment, so a copy is never a guess. */
+		function Copy({ value, what, label = "" }) {
+			const [copied, setCopied] = (0, react.useState)(false);
+			(0, react.useEffect)(() => {
+				if (!copied) return;
+				const timer = setTimeout(() => setCopied(false), 1600);
+				return () => clearTimeout(timer);
+			}, [copied]);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				className: `lc-copy${copied ? " copied" : ""}`,
+				"aria-label": `Copy ${what}`,
+				onClick: () => void copyText(value).then((ok) => {
+					if (ok) setCopied(true);
+				}),
+				children: copied ? "Copied" : label || "Copy"
+			});
+		}
+		/** A labelled address with its own copy button. */
+		function Address({ label, value, what, copy = true }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "lc-api-row",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: label }), copy && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Copy, {
+					value,
+					what
+				})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", { children: value })]
+			});
+		}
+		/** One labelled engine figure. */
+		function Spec({ label, value }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "lc-spec",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: label }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: value })]
+			});
+		}
+		const examples = [
+			"curl",
+			"python",
+			"node"
+		];
+		/**
+		* What a client needs to talk to this engine: the OpenAI-compatible address,
+		* the model name, the auth the engine actually asks for, and a runnable example.
+		*/
+		function NInferApi({ state, running }) {
+			const [example, setExample] = (0, react.useState)("curl");
+			const base = (state?.baseUrl ?? "http://127.0.0.1:8083/v1").replace(/\/v1\/?$/u, "");
+			const model = state?.modelName ?? "qwen3.8-27b";
+			const env = `OPENAI_BASE_URL=${base}/v1\nOPENAI_API_KEY=local\nOPENAI_MODEL=${model}`;
+			const code = {
+				curl: `curl ${base}/v1/chat/completions \\\n  -H 'content-type: application/json' \\\n  -d '${JSON.stringify({
+					model,
+					messages: [{
+						role: "user",
+						content: "Hello"
+					}],
+					max_tokens: 128
+				})}'`,
+				python: `from openai import OpenAI\n\nclient = OpenAI(base_url="${base}/v1", api_key="local")\nreply = client.chat.completions.create(\n    model="${model}",\n    messages=[{"role": "user", "content": "Hello"}],\n)\nprint(reply.choices[0].message.content)`,
+				node: `import OpenAI from 'openai'\n\nconst client = new OpenAI({ baseURL: '${base}/v1', apiKey: 'local' })\nconst reply = await client.chat.completions.create({\n  model: '${model}',\n  messages: [{ role: 'user', content: 'Hello' }],\n})\nconsole.log(reply.choices[0].message.content)`
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				className: "lc-card",
+				"aria-label": "API and clients",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "lc-section",
+						style: { marginTop: 0 },
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", { children: "Connect your tools" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "lc-sub",
+							children: "Any OpenAI-compatible client works with these values. The engine answers on this computer only."
+						})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "lc-actions",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Copy, {
+								label: "Copy .env",
+								value: env,
+								what: "the .env settings"
+							})
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "lc-api-rows",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Address, {
+								label: "Base URL",
+								value: `${base}/v1`,
+								what: "the base URL"
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Address, {
+								label: "Chat completions",
+								value: `${base}/v1/chat/completions`,
+								what: "the chat completions URL"
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Address, {
+								label: "Model name",
+								value: model,
+								what: "the model name"
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Address, {
+								label: "Models endpoint",
+								value: `${base}/v1/models`,
+								what: "the models URL"
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Address, {
+								label: "API key",
+								value: "Not required on this computer",
+								what: "the API key",
+								copy: false
+							})
+						]
+					}),
+					!running && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "lc-sub lc-api-note",
+						children: "NInfer is not serving right now, so these addresses answer after Start NInfer."
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "lc-example",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "lc-example-tabs",
+							role: "tablist",
+							"aria-label": "Client example",
+							children: examples.map((name) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								role: "tab",
+								"aria-selected": example === name,
+								className: `lc-example-tab${example === name ? " active" : ""}`,
+								onClick: () => setExample(name),
+								children: name === "curl" ? "curl" : name === "python" ? "Python" : "Node.js"
+							}, name))
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Copy, {
+							value: code[example],
+							what: "the client example"
+						})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", { children: code[example] })]
+					})
+				]
+			});
+		}
+		/** The pinned engine this installation serves, as the host reports it. */
+		function NInferSpec({ state }) {
+			const runtime = state?.runtime === "wsl" ? `WSL · pid ${state.pid ?? "—"}` : state?.containerId ? `Container · ${state.containerId.slice(0, 12)}` : state?.pid ? `Process · pid ${state.pid}` : "Not running";
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				className: "lc-card",
+				"aria-label": "Engine configuration",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "lc-section",
+					style: { marginTop: 0 },
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", { children: "Engine" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "lc-sub",
+						children: "The pinned artifact this page starts and serves."
+					})] }), state?.complete === true && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						className: "lc-pill good",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("i", { className: "lc-dot" }), "verified"]
+					})]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "lc-spec-grid",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Spec, {
+							label: "Model",
+							value: state?.modelName ?? "qwen3.8-27b"
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Spec, {
+							label: "Runtime",
+							value: runtime
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Spec, {
+							label: "Context",
+							value: state?.context == null ? "—" : state.context.toLocaleString() + " tokens"
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Spec, {
+							label: "Response limit",
+							value: state?.outputTokens == null ? "—" : state.outputTokens.toLocaleString() + " tokens"
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Spec, {
+							label: "Prefill chunk",
+							value: state?.prefill == null ? "—" : state.prefill.toLocaleString()
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Spec, {
+							label: "Host KV",
+							value: state?.hostKvMiB == null ? "—" : state.hostKvMiB.toLocaleString() + " MiB"
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Spec, {
+							label: "MTP drafts",
+							value: state?.draftTokens == null ? "—" : String(state.draftTokens)
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Spec, {
+							label: "Vision",
+							value: state?.vision ? "Enabled" : "Text only"
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Spec, {
+							label: "n-gram drafts",
+							value: state?.ngram ?? "chain"
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Spec, {
+							label: "Access",
+							value: "127.0.0.1 only"
+						})
+					]
+				})]
+			});
+		}
+		//#endregion
 		//#region src/client/NInferPanel.tsx
 		const gb = (mib) => mib == null ? "—" : (mib / 1024).toFixed(1);
 		const rate = (value) => value == null ? "—" : value >= 1e3 ? (value / 1e3).toFixed(2) + "k" : value.toFixed(1);
@@ -795,6 +1021,10 @@ window.__ModuleLoader__.load({
 			const endpoint = state?.baseUrl ?? "http://127.0.0.1:8083/v1";
 			const dashboard = endpoint.replace(/\/v1\/?$/u, "") + "/";
 			const canStart = phase === "stopped" && state?.complete === true;
+			/** Another launcher may hold the engine; when it is provably ours the page can reclaim it. */
+			const external = phase === "unmanaged";
+			const canTakeOver = external && state?.takeover === true;
+			const canStop = state?.owned === true || canTakeOver;
 			const progress = loading ? Math.max(0, Math.min(100, live.summary.weightPercent ?? 0)) : 0;
 			const sampleCount = live.history.filter((sample) => sample.decode != null).length;
 			const vramReading = vramUsed != null && vramTotal != null;
@@ -846,13 +1076,24 @@ window.__ModuleLoader__.load({
 							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 								className: "lc-actions",
 								style: { marginTop: 14 },
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-									className: `lc-pill ${pill}`,
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("i", { className: "lc-dot" }), label]
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: "lc-pill",
-									children: endpoint
-								})]
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										className: `lc-pill ${pill}`,
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("i", { className: "lc-dot" }), label]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "lc-pill",
+										children: endpoint
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "lc-pill",
+										children: `MTP ${state?.draftTokens ?? 3}`
+									}),
+									state?.vision === true && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "lc-pill",
+										children: "vision"
+									})
+								]
 							})
 						] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: "lc-ninfer-actions",
@@ -865,13 +1106,13 @@ window.__ModuleLoader__.load({
 								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 									className: "lc-button",
-									disabled: busy || state?.owned !== true,
+									disabled: busy || !canStop,
 									onClick: () => void act("stop"),
 									children: "Stop NInfer"
 								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 									className: "lc-button",
-									disabled: busy || state?.owned !== true,
+									disabled: busy || !canStop,
 									onClick: () => void act("restart"),
 									children: "Restart NInfer"
 								}),
@@ -884,7 +1125,7 @@ window.__ModuleLoader__.load({
 									},
 									children: "Refresh"
 								}),
-								running && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+								(running || external && state?.healthy === true) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
 									className: "lc-button",
 									href: dashboard,
 									target: "_blank",
@@ -910,6 +1151,38 @@ window.__ModuleLoader__.load({
 					role: "status",
 					children: notice
 				}),
+				external && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+					className: "lc-notice",
+					role: "status",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: "NInfer is running outside this Control Center." }),
+						" ",
+						state?.detail,
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "lc-actions",
+							children: [
+								canTakeOver && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									className: "lc-button primary",
+									disabled: busy,
+									onClick: () => void act("start"),
+									children: "Take over engine"
+								}),
+								canTakeOver && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									className: "lc-button",
+									disabled: busy,
+									onClick: () => void act("stop"),
+									children: "Stop the external engine"
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									className: "lc-button ghost",
+									disabled: busy,
+									onClick: () => refresh(),
+									children: "Refresh status"
+								})
+							]
+						})
+					]
+				}),
 				failed && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
 					className: "lc-notice error",
 					role: "alert",
@@ -1001,55 +1274,72 @@ window.__ModuleLoader__.load({
 					]
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: "lc-grid lc-ninfer-kpis",
+					className: "lc-ninfer-split",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(NInferApi, {
+						state,
+						running
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(NInferSpec, { state })]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+					className: "lc-card",
 					style: { marginTop: 16 },
-					children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Kpi, {
-							label: "MODEL STATE",
-							value: label,
-							detail: running ? (live.summary.running ?? 0) > 0 ? `${live.summary.running} in flight` : "Waiting for a request" : loading ? "Reading weights" : failed ? "Startup failed" : "Not loaded"
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Kpi, {
-							label: "DECODE",
-							value: running ? rate(live.summary.decodeTokPerSecond) : "—",
-							detail: "prefill " + rate(live.summary.prefillTokPerSecond) + " tok/s"
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Kpi, {
-							label: "MTP ACCEPTANCE",
-							value: live.summary.mtpPercent == null ? "—" : live.summary.mtpPercent.toFixed(1) + "%",
-							detail: live.summary.mtpOffered ? `${live.summary.mtpAccepted?.toLocaleString()} / ${live.summary.mtpOffered.toLocaleString()} accepted` : "No speculative request yet"
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Kpi, {
-							label: "VRAM",
-							value: `${gb(vramUsed)} / ${gb(vramTotal)} GB`,
-							detail: gpu?.name ?? "No GPU reading",
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: "lc-bar",
-								style: { margin: "10px 0 4px" },
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { style: { width: (vramPercent ?? 0) + "%" } })
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "lc-section",
+						style: { marginTop: 0 },
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", { children: "Live engine" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "lc-sub",
+							children: "From the engine's own log and this computer's sensors."
+						})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: "3 s refresh" })]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "lc-grid lc-ninfer-kpis",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Kpi, {
+								label: "MODEL STATE",
+								value: label,
+								detail: running ? (live.summary.running ?? 0) > 0 ? `${live.summary.running} in flight` : "Waiting for a request" : loading ? "Reading weights" : failed ? "Startup failed" : "Not loaded"
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Kpi, {
+								label: "DECODE",
+								value: running ? rate(live.summary.decodeTokPerSecond) : "—",
+								detail: "prefill " + rate(live.summary.prefillTokPerSecond) + " tok/s"
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Kpi, {
+								label: "MTP ACCEPTANCE",
+								value: live.summary.mtpPercent == null ? "—" : live.summary.mtpPercent.toFixed(1) + "%",
+								detail: live.summary.mtpOffered ? `${live.summary.mtpAccepted?.toLocaleString()} / ${live.summary.mtpOffered.toLocaleString()} accepted` : "No speculative request yet"
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Kpi, {
+								label: "VRAM",
+								value: `${gb(vramUsed)} / ${gb(vramTotal)} GB`,
+								detail: gpu?.name ?? "No GPU reading",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "lc-bar",
+									style: { margin: "10px 0 4px" },
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { style: { width: (vramPercent ?? 0) + "%" } })
+								})
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Kpi, {
+								label: "GPU LOAD",
+								value: gpu?.utilization == null ? "—" : Math.round(gpu.utilization) + "%",
+								detail: gpu?.temperature == null ? "No temperature" : `${Math.round(gpu.temperature)} °C${gpu.powerWatts == null ? "" : " · " + Math.round(gpu.powerWatts) + " W"}`
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Kpi, {
+								label: "CONTEXT",
+								value: context,
+								detail: `${state?.vision ? "vision" : "text only"} · MTP ${state?.draftTokens ?? 3}`
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Kpi, {
+								label: "ACTIVE REQUESTS",
+								value: running ? String(live.summary.running ?? 0) : "—",
+								detail: `${live.summary.requests?.toLocaleString() ?? 0} requests served`
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Kpi, {
+								label: "HOST",
+								value: live.telemetry?.cpuPct == null ? "—" : Math.round(live.telemetry.cpuPct) + "%",
+								detail: live.telemetry?.ramTotalGiB ? `CPU · RAM ${live.telemetry.ramUsedGiB?.toFixed(1)} / ${live.telemetry.ramTotalGiB.toFixed(1)} GiB` : "CPU · no memory reading"
 							})
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Kpi, {
-							label: "GPU LOAD",
-							value: gpu?.utilization == null ? "—" : Math.round(gpu.utilization) + "%",
-							detail: gpu?.temperature == null ? "No temperature" : `${Math.round(gpu.temperature)} °C${gpu.powerWatts == null ? "" : " · " + Math.round(gpu.powerWatts) + " W"}`
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Kpi, {
-							label: "CONTEXT",
-							value: context,
-							detail: `${state?.vision ? "vision" : "text only"} · MTP ${state?.draftTokens ?? 3}`
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Kpi, {
-							label: "ACTIVE REQUESTS",
-							value: running ? String(live.summary.running ?? 0) : "—",
-							detail: `${live.summary.requests?.toLocaleString() ?? 0} requests served`
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Kpi, {
-							label: "HOST",
-							value: live.telemetry?.cpuPct == null ? "—" : Math.round(live.telemetry.cpuPct) + "%",
-							detail: live.telemetry?.ramTotalGiB ? `CPU · RAM ${live.telemetry.ramUsedGiB?.toFixed(1)} / ${live.telemetry.ramTotalGiB.toFixed(1)} GiB` : "CPU · no memory reading"
-						})
-					]
+						]
+					})]
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
 					className: "lc-card",