reasonix 0.31.0 → 0.32.0

package/dashboard/dist/app.js

@@ -19637,16 +19637,34 @@ var en = {
     pullModel: "Pull {model}",
     indexStatus: "index status",
     builtStatus: "\u25CF built",
+    incompatibleStatus: "\u25CF incompatible",
     chunks: "chunks",
     files: "files",
     dim: "dim",
     size: "size",
     lastBuild: "last build",
+    builtWith: "built with",
+    currentTarget: "current target",
+    incompatibleHint: "This on-disk index was built for a different provider or model. Run Rebuild to replace it.",
     runIndexHint: "Run an index to enable semantic_search.",
     reIndex: "Re-index",
     build: "Build",
     rebuild: "Rebuild",
     stop: "Stop",
+    provider: "provider",
+    providerType: "service type",
+    openaiCompat: "openai-compatible",
+    apiUrl: "API URL",
+    apiKey: "API key",
+    apiKeyStoredNote: "API key is stored in ~/.reasonix/config.json \u2014 do not share that file.",
+    customRequestBody: "custom request body",
+    invalidCustomRequestBody: "Custom request body must be valid JSON: {error}",
+    customRequestBodyMustBeObject: "Custom request body must be a JSON object.",
+    saveBeforeIndex: "Save semantic settings before starting an index.",
+    extraBody: "extra body",
+    keepExistingKey: "leave blank to keep existing key",
+    remoteProvider: "Remote embedding provider",
+    remoteProviderDesc: "Configure the full OpenAI-compatible embeddings URL here. Reasonix will send requests exactly to the URL you provide.",
     ollama: "ollama",
     binary: "binary",
     found: "found",
@@ -19674,11 +19692,14 @@ var en = {
     nothingSkipped: "nothing skipped \u2014 all walked files would be indexed.",
     firstIncluded: "first {count} included file(s)",
     job: "Job",
+    phaseSetup: "preparing",
     phaseScan: "scanning files",
     phaseEmbed: "embedding chunks",
     phaseWrite: "writing index",
     phaseDone: "done",
     phaseError: "error",
+    phaseCancelled: "cancelled",
+    setupFailed: "setup failed",
     stopping: "stopping",
     scanned: "scanned {count}",
     changed: "changed {count}",
@@ -20190,16 +20211,33 @@ var zhCN = {
     pullModel: "\u62C9\u53D6 {model}",
     indexStatus: "\u7D22\u5F15\u72B6\u6001",
     builtStatus: "\u25CF \u5DF2\u6784\u5EFA",
+    incompatibleStatus: "\u25CF \u4E0D\u517C\u5BB9",
     chunks: "\u5206\u5757",
     files: "\u6587\u4EF6",
     dim: "\u7EF4\u5EA6",
     size: "\u5927\u5C0F",
     lastBuild: "\u4E0A\u6B21\u6784\u5EFA",
+    builtWith: "\u6784\u5EFA\u6765\u6E90",
+    currentTarget: "\u5F53\u524D\u76EE\u6807",
+    incompatibleHint: "\u78C1\u76D8\u4E0A\u7684\u8FD9\u4E2A\u7D22\u5F15\u662F\u4E3A\u4E0D\u540C\u7684 provider \u6216 model \u6784\u5EFA\u7684\u3002\u8FD0\u884C\u201C\u5B8C\u5168\u91CD\u5EFA\u201D\u5373\u53EF\u66FF\u6362\u3002",
     runIndexHint: "\u8FD0\u884C\u7D22\u5F15\u4EE5\u542F\u7528 semantic_search\u3002",
     reIndex: "\u91CD\u5EFA\u7D22\u5F15",
     build: "\u6784\u5EFA",
     rebuild: "\u5B8C\u5168\u91CD\u5EFA",
     stop: "\u505C\u6B62",
+    provider: "\u63D0\u4F9B\u65B9",
+    providerType: "\u670D\u52A1\u7C7B\u578B",
+    openaiCompat: "OpenAI-Compatible",
+    apiUrl: "API URL",
+    apiKey: "API Key",
+    customRequestBody: "\u81EA\u5B9A\u4E49\u8BF7\u6C42\u4F53",
+    invalidCustomRequestBody: "\u81EA\u5B9A\u4E49\u8BF7\u6C42\u4F53\u5FC5\u987B\u662F\u5408\u6CD5 JSON\uFF1A{error}",
+    customRequestBodyMustBeObject: "\u81EA\u5B9A\u4E49\u8BF7\u6C42\u4F53\u5FC5\u987B\u662F JSON \u5BF9\u8C61\u3002",
+    saveBeforeIndex: "\u8BF7\u5148\u4FDD\u5B58\u8BED\u4E49\u8BBE\u7F6E\uFF0C\u518D\u542F\u52A8\u7D22\u5F15\u3002",
+    extraBody: "\u6269\u5C55\u8BF7\u6C42\u4F53",
+    keepExistingKey: "\u7559\u7A7A\u5219\u4FDD\u7559\u73B0\u6709 Key",
+    remoteProvider: "\u8FDC\u7A0B\u5411\u91CF\u670D\u52A1",
+    remoteProviderDesc: "\u5728\u8FD9\u91CC\u914D\u7F6E OpenAI-Compatible embeddings \u7684\u5B8C\u6574 URL\u3002Reasonix \u4F1A\u4E25\u683C\u4F7F\u7528\u4F60\u63D0\u4F9B\u7684 URL \u53D1\u8D77\u8BF7\u6C42\u3002",
     ollama: "Ollama",
     binary: "\u4E8C\u8FDB\u5236",
     found: "\u5DF2\u627E\u5230",
@@ -20227,11 +20265,14 @@ var zhCN = {
     nothingSkipped: "\u65E0\u8DF3\u8FC7 \u2014 \u6240\u6709\u904D\u5386\u7684\u6587\u4EF6\u90FD\u5C06\u88AB\u7D22\u5F15\u3002",
     firstIncluded: "\u524D {count} \u4E2A\u5305\u542B\u7684\u6587\u4EF6",
     job: "\u4EFB\u52A1",
+    phaseSetup: "\u521D\u59CB\u5316\u4E2D",
     phaseScan: "\u626B\u63CF\u6587\u4EF6",
     phaseEmbed: "\u5D4C\u5165\u5206\u5757",
     phaseWrite: "\u5199\u5165\u7D22\u5F15",
     phaseDone: "\u5B8C\u6210",
     phaseError: "\u9519\u8BEF",
+    phaseCancelled: "\u5DF2\u505C\u6B62",
+    setupFailed: "\u521D\u59CB\u5316\u5931\u8D25",
     stopping: "\u505C\u6B62\u4E2D",
     scanned: "\u5DF2\u626B\u63CF {count}",
     changed: "\u5DF2\u53D8\u66F4 {count}",
@@ -25387,13 +25428,20 @@ function PlansPanel() {
 function SemanticPanel() {
   useLang();
   const [data, setData] = d2(null);
+  const [draft, setDraft] = d2(null);
+  const [draftDirty, setDraftDirty] = d2(false);
+  const draftDirtyRef = A2(false);
   const [error, setError] = d2(null);
   const [busy, setBusy] = d2(false);
   const [info, setInfo] = d2(null);
   const load = q2(async () => {
     try {
-      const r3 = await api("/semantic");
-      setData(r3);
+      const [semantic, config] = await Promise.all([
+        api("/semantic"),
+        api("/semantic/config")
+      ]);
+      setData(semantic);
+      setDraft((current) => current && draftDirtyRef.current ? current : toConfigDraft(config));
     } catch (err) {
       setError(err.message);
     }
@@ -25401,7 +25449,7 @@ function SemanticPanel() {
   y2(() => {
     load();
     const phase2 = data?.job?.phase;
-    const running2 = phase2 === "scan" || phase2 === "embed" || phase2 === "write";
+    const running2 = isActiveSemanticPhase(phase2);
     const pulling2 = data?.pull?.status === "pulling";
     const ms = running2 || pulling2 ? 1200 : 5e3;
     const id = setInterval(load, ms);
@@ -25409,10 +25457,18 @@ function SemanticPanel() {
   }, [load, data?.job?.phase, data?.pull?.status]);
   const start = q2(
     async (rebuild) => {
+      if (!draft) return;
       setBusy(true);
       setError(null);
       setInfo(null);
       try {
+        const validation = validateSemanticDraft(draft);
+        if (draftDirty) {
+          throw new Error(t4("semantic.saveBeforeIndex"));
+        }
+        if (validation.error) {
+          throw new Error(validation.error);
+        }
         await api("/semantic/start", { method: "POST", body: { rebuild: !!rebuild } });
         setInfo(rebuild ? t4("semantic.rebuildStarted") : t4("semantic.incrementalStarted"));
         await load();
@@ -25422,7 +25478,7 @@ function SemanticPanel() {
         setBusy(false);
       }
     },
-    [load]
+    [draft, draftDirty, load]
   );
   const stop = q2(async () => {
     setBusy(true);
@@ -25442,10 +25498,11 @@ function SemanticPanel() {
     setError(null);
     setInfo(t4("semantic.startingDaemon"));
     try {
-      const r3 = await api("/semantic/ollama/start", { method: "POST", body: {} });
-      setInfo(
-        r3.ready ? t4("semantic.daemonUp") : t4("semantic.daemonTimeout")
-      );
+      const r3 = await api("/semantic/ollama/start", {
+        method: "POST",
+        body: {}
+      });
+      setInfo(r3.ready ? t4("semantic.daemonUp") : t4("semantic.daemonTimeout"));
       await load();
     } catch (err) {
       setError(err.message);
@@ -25469,10 +25526,44 @@ function SemanticPanel() {
     },
     [load]
   );
-  if (!data && !error)
+  const saveProviderConfig = q2(async () => {
+    if (!draft) return;
+    setBusy(true);
+    setError(null);
+    setInfo(null);
+    try {
+      const extraBody = semanticValidation.extraBody;
+      await api("/semantic/config", {
+        method: "POST",
+        body: {
+          provider: draft.provider,
+          ollama: {
+            baseUrl: draft.ollama.baseUrl,
+            model: draft.ollama.model
+          },
+          openaiCompat: {
+            baseUrl: draft.openaiCompat.baseUrl,
+            apiKey: draft.openaiCompat.apiKey,
+            model: draft.openaiCompat.model,
+            extraBody
+          }
+        }
+      });
+      setDraftDirty(false);
+      draftDirtyRef.current = false;
+      setInfo(t4("semantic.savedConfig", { count: 1 }));
+      await load();
+    } catch (err) {
+      setError(err.message);
+    } finally {
+      setBusy(false);
+    }
+  }, [draft, load]);
+  if (!data && !error) {
     return html4`<div class="card" style="color:var(--fg-3)">${t4("common.loading")}</div>`;
+  }
   if (error && !data) return html4`<div class="card accent-err">${error}</div>`;
-  if (!data) return null;
+  if (!data || !draft) return null;
   if (!data.attached) {
     return html4`
       <div class="card" style="color:var(--fg-3)">
@@ -25483,35 +25574,168 @@ function SemanticPanel() {
   }
   const job = data.job;
   const phase = job?.phase;
-  const running = phase === "scan" || phase === "embed" || phase === "write";
+  const running = isActiveSemanticPhase(phase);
   const pull = data.pull;
   const pulling = pull?.status === "pulling";
-  const o3 = data.ollama ?? {};
-  const binaryFound = o3.binaryFound === true;
-  const daemonRunning = o3.daemonRunning === true;
-  const modelPulled = o3.modelPulled === true;
-  const modelName = o3.modelName ?? "nomic-embed-text";
-  const installedModels = o3.installedModels ?? [];
-  const ready = binaryFound && daemonRunning && modelPulled;
+  const provider = data.providerStatus?.kind ?? draft.provider;
+  const ready = data.providerStatus?.ready === true;
+  const isOllama = provider === "ollama";
+  const ollama = data.providerStatus?.kind === "ollama" ? data.providerStatus : null;
+  const remote = data.providerStatus?.kind === "openai-compat" ? data.providerStatus : null;
+  const binaryFound = ollama?.binaryFound === true;
+  const daemonRunning = ollama?.daemonRunning === true;
+  const modelPulled = ollama?.modelPulled === true;
+  const modelName = isOllama ? ollama?.modelName ?? draft.ollama.model ?? "nomic-embed-text" : draft.openaiCompat.model;
   const sectionH3 = (text) => html4`
     <h3 style="margin:18px 0 8px;font-family:var(--font-mono);font-size:11px;color:var(--fg-3);text-transform:uppercase;letter-spacing:.1em">${text}</h3>
   `;
   const idx = data.index;
+  const indexReady = idx?.exists === true && idx.compatible !== false;
+  const indexMismatch = idx?.exists === true && idx.compatible === false;
+  const semanticValidation = validateSemanticDraft(draft);
+  const semanticDraftBlocked = draftDirty || semanticValidation.error !== null;
   return html4`
     <div style="display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:14px;align-items:start">
       <div style="display:flex;flex-direction:column;gap:10px;min-width:0">
         <div class="chips">
-          <span class=${`chip-f static ${idx?.exists ? "active" : ""}`}>
-            ${idx?.exists ? t4("semantic.indexBuilt") : t4("semantic.noIndex")}
+          <span class=${`chip-f static ${indexReady ? "active" : ""}`}>
+            ${indexReady ? t4("semantic.indexBuilt") : t4("semantic.noIndex")}
           </span>
           ${ready ? html4`<span class="chip-f static" style="border-color:var(--c-ok);color:var(--c-ok)">${t4("semantic.ready")}</span>` : html4`<span class="chip-f static" style="border-color:var(--c-warn);color:var(--c-warn)">${t4("semantic.setupNeeded")}</span>`}
         </div>
-        ${info ? html4`<div><span class="pill info">${info}</span></div>` : null}
         ${error ? html4`<div class="card accent-err">${error}</div>` : null}
 
-        ${idx?.exists ? html4`<${SemanticSearchSection} />` : null}
+        <div class="card">
+          <div class="card-h"><span class="title">${t4("semantic.provider")}</span></div>
+          <div class="form-row">
+            <span class="lbl">${t4("semantic.providerType")}</span>
+            <select
+              class="input mono"
+              value=${draft.provider}
+              onInput=${(e3) => {
+    draftDirtyRef.current = true;
+    setDraftDirty(true);
+    setDraft({
+      ...draft,
+      provider: e3.target.value
+    });
+  }}
+            >
+              <option value="ollama">Ollama</option>
+              <option value="openai-compat">OpenAI-Compatible</option>
+            </select>
+          </div>
+          ${draft.provider === "ollama" ? html4`
+                <div class="form-row">
+                  <span class="lbl">${t4("semantic.model")}</span>
+                  <input
+                    class="input mono"
+                    type="text"
+                    value=${draft.ollama.model}
+                    onInput=${(e3) => {
+    draftDirtyRef.current = true;
+    setDraftDirty(true);
+    setDraft({
+      ...draft,
+      ollama: { ...draft.ollama, model: e3.target.value }
+    });
+  }}
+                  />
+                </div>
+              ` : html4`
+                <div class="form-row">
+                  <span class="lbl">${t4("semantic.apiUrl")}</span>
+                  <input
+                    class="input mono"
+                    type="text"
+                    placeholder="https://api.openai.com/v1/embeddings"
+                    value=${draft.openaiCompat.baseUrl}
+                    onInput=${(e3) => {
+    draftDirtyRef.current = true;
+    setDraftDirty(true);
+    setDraft({
+      ...draft,
+      openaiCompat: {
+        ...draft.openaiCompat,
+        baseUrl: e3.target.value
+      }
+    });
+  }}
+                  />
+                </div>
+                <div class="form-row">
+                  <span class="lbl">${t4("semantic.apiKey")}</span>
+                  <input
+                    class="input mono"
+                    type="password"
+                    placeholder=${draft.openaiCompat.apiKeySet ? t4("semantic.keepExistingKey") : "sk-..."}
+                    value=${draft.openaiCompat.apiKey}
+                    onInput=${(e3) => {
+    draftDirtyRef.current = true;
+    setDraftDirty(true);
+    setDraft({
+      ...draft,
+      openaiCompat: {
+        ...draft.openaiCompat,
+        apiKey: e3.target.value
+      }
+    });
+  }}
+                  />
+                  <div style="color:var(--fg-3);font-size:12px">${t4("semantic.apiKeyStoredNote")}</div>
+                </div>
+                <div class="form-row">
+                  <span class="lbl">${t4("semantic.model")}</span>
+                  <input
+                    class="input mono"
+                    type="text"
+                    value=${draft.openaiCompat.model}
+                    onInput=${(e3) => {
+    draftDirtyRef.current = true;
+    setDraftDirty(true);
+    setDraft({
+      ...draft,
+      openaiCompat: {
+        ...draft.openaiCompat,
+        model: e3.target.value
+      }
+    });
+  }}
+                  />
+                </div>
+                <details style="margin-top:10px">
+                  <summary style="cursor:pointer;color:var(--fg-2);font-size:12px">${t4("semantic.customRequestBody")}</summary>
+                  <div class="form-row" style="margin-top:10px">
+                    <span class="lbl">${t4("semantic.customRequestBody")}</span>
+                    <textarea
+                      class="input mono"
+                      rows="6"
+                      value=${draft.openaiCompat.extraBodyText}
+                      onInput=${(e3) => {
+    draftDirtyRef.current = true;
+    setDraftDirty(true);
+    setDraft({
+      ...draft,
+      openaiCompat: {
+        ...draft.openaiCompat,
+        extraBodyText: e3.target.value
+      }
+    });
+  }}
+                    ></textarea>
+                  </div>
+                </details>
+                ${semanticValidation.error ? html4`<div style="color:var(--c-err);font-size:12px;margin-top:-2px">${semanticValidation.error}</div>` : null}
+              `}
+          <div style="display:flex;gap:6px;margin-top:10px">
+            <button class="btn primary" disabled=${busy || semanticValidation.error !== null} onClick=${saveProviderConfig}>${t4("common.save")}</button>
+          </div>
+        </div>
+        ${info ? html4`<div><span class="pill info">${info}</span></div>` : null}
+
+        ${indexReady ? html4`<${SemanticSearchSection} />` : null}
 
-        ${!binaryFound ? html4`
+        ${isOllama && !binaryFound ? html4`
               <div class="card">
                 <div class="card-h"><span class="title">${t4("semantic.installOllama")}</span></div>
                 <div class="card-b" style="font-size:13px">
@@ -25524,7 +25748,7 @@ function SemanticPanel() {
                 </div>
               </div>
             ` : null}
-        ${binaryFound && !daemonRunning ? html4`
+        ${isOllama && binaryFound && !daemonRunning ? html4`
               <div class="card">
                 <div class="card-h"><span class="title">${t4("semantic.daemon")}</span></div>
                 <div class="card-b" style="font-size:13px">
@@ -25536,7 +25760,7 @@ function SemanticPanel() {
                 </div>
               </div>
             ` : null}
-        ${daemonRunning && !modelPulled ? html4`
+        ${isOllama && daemonRunning && !modelPulled ? html4`
               <div class="card">
                 <div class="card-h"><span class="title">${t4("semantic.model")}</span></div>
                 <div class="card-b" style="font-size:13px">
@@ -25556,6 +25780,14 @@ function SemanticPanel() {
                 </div>
               </div>
             ` : null}
+        ${!isOllama ? html4`
+              <div class="card">
+                <div class="card-h"><span class="title">${t4("semantic.remoteProvider")}</span></div>
+                <div class="card-b" style="font-size:13px;color:var(--fg-2)">
+                  ${t4("semantic.remoteProviderDesc")}
+                </div>
+              </div>
+            ` : null}
 
         ${job ? html4`
               ${sectionH3(t4("semantic.job"))}
@@ -25568,42 +25800,42 @@ function SemanticPanel() {
           <div class="card-h">
             <span class="title">${t4("semantic.indexStatus")}</span>
             <span class="meta">
-              ${idx?.exists ? html4`<span class="pill ok">${t4("semantic.builtStatus")}</span>` : html4`<span class="pill">${t4("system.none")}</span>`}
+              ${idx?.exists ? idx.compatible === false ? html4`<span class="pill warn">${t4("semantic.incompatibleStatus")}</span>` : html4`<span class="pill ok">${t4("semantic.builtStatus")}</span>` : html4`<span class="pill">${t4("system.none")}</span>`}
             </span>
           </div>
           ${idx?.exists ? html4`
+                <div class="rail-kv"><span class="k">${t4("semantic.provider")}</span><span class="v">${idx.builtWith?.provider ?? idx.provider ?? provider}</span></div>
                 <div class="rail-kv"><span class="k">${t4("semantic.chunks")}</span><span class="v">${fmtNum(idx.chunks)}</span></div>
                 <div class="rail-kv"><span class="k">${t4("semantic.files")}</span><span class="v">${fmtNum(idx.files)}</span></div>
-                <div class="rail-kv"><span class="k">${t4("semantic.model")}</span><span class="v" style="font-size:11px">${idx.model ?? modelName}</span></div>
+                <div class="rail-kv"><span class="k">${t4("semantic.model")}</span><span class="v" style="font-size:11px">${idx.builtWith?.model ?? idx.model ?? modelName}</span></div>
                 <div class="rail-kv"><span class="k">${t4("semantic.dim")}</span><span class="v">${fmtNum(idx.dim)}</span></div>
                 <div class="rail-kv"><span class="k">${t4("semantic.size")}</span><span class="v">${fmtBytes(idx.sizeBytes)}</span></div>
                 <div class="rail-kv"><span class="k">${t4("semantic.lastBuild")}</span><span class="v">${fmtRelativeTime(idx.lastBuiltMs ?? null)}</span></div>
-              ` : html4`
-                <div style="color:var(--fg-3);font-size:12.5px;padding:6px 0">
-                  ${t4("semantic.runIndexHint")}
-                </div>
-              `}
+                ${idx.compatible === false ? html4`
+                      <div class="rail-kv"><span class="k">${t4("semantic.builtWith")}</span><span class="v" style="font-size:11px">${idx.builtWith?.provider} · ${idx.builtWith?.model}</span></div>
+                      <div class="rail-kv"><span class="k">${t4("semantic.currentTarget")}</span><span class="v" style="font-size:11px">${idx.current?.provider} · ${idx.current?.model}</span></div>
+                      <div style="color:var(--c-warn);font-size:12px;padding-top:8px">${t4("semantic.incompatibleHint")}</div>
+                    ` : null}
+              ` : html4`<div style="color:var(--fg-3);font-size:12.5px;padding:6px 0">${t4("semantic.runIndexHint")}</div>`}
           <div style="display:flex;gap:6px;margin-top:10px;flex-wrap:wrap">
-            <button class="primary" disabled=${busy || running || !ready} onClick=${() => start(false)}>${idx?.exists ? t4("semantic.reIndex") : t4("semantic.build")}</button>
-            ${idx?.exists ? html4`<button disabled=${busy || running || !ready} onClick=${() => start(true)}>${t4("semantic.rebuild")}</button>` : null}
+            <button class="primary" disabled=${busy || running || !ready || semanticDraftBlocked} onClick=${() => start(false)}>${indexReady ? t4("semantic.reIndex") : t4("semantic.build")}</button>
+            ${idx?.exists ? html4`<button disabled=${busy || running || !ready || semanticDraftBlocked} onClick=${() => start(true)}>${t4("semantic.rebuild")}</button>` : null}
             ${running ? html4`<button onClick=${stop} style="border-color:var(--c-err);color:var(--c-err)">${t4("semantic.stop")}</button>` : null}
           </div>
         </div>
 
         <div class="card">
-          <div class="card-h"><span class="title">${t4("semantic.ollama")}</span></div>
-          <div class="rail-kv">
-            <span class="k">${t4("semantic.binary")}</span>
-            <span class="v">${binaryFound ? html4`<span class="pill ok">${t4("semantic.found")}</span>` : html4`<span class="pill err">${t4("semantic.missing")}</span>`}</span>
-          </div>
-          <div class="rail-kv">
-            <span class="k">${t4("semantic.daemonStatus")}</span>
-            <span class="v">${daemonRunning ? html4`<span class="pill ok">${t4("semantic.up")}</span>` : html4`<span class="pill warn">${t4("semantic.down")}</span>`}</span>
-          </div>
-          <div class="rail-kv">
-            <span class="k">${t4("semantic.model")}</span>
-            <span class="v">${modelPulled ? html4`<span class="pill ok">${t4("semantic.pulled")}</span>` : html4`<span class="pill warn">${t4("semantic.missing")}</span>`}</span>
-          </div>
+          <div class="card-h"><span class="title">${isOllama ? t4("semantic.ollama") : t4("semantic.openaiCompat")}</span></div>
+          ${isOllama ? html4`
+                <div class="rail-kv"><span class="k">${t4("semantic.binary")}</span><span class="v">${binaryFound ? html4`<span class="pill ok">${t4("semantic.found")}</span>` : html4`<span class="pill err">${t4("semantic.missing")}</span>`}</span></div>
+                <div class="rail-kv"><span class="k">${t4("semantic.daemonStatus")}</span><span class="v">${daemonRunning ? html4`<span class="pill ok">${t4("semantic.up")}</span>` : html4`<span class="pill warn">${t4("semantic.down")}</span>`}</span></div>
+                <div class="rail-kv"><span class="k">${t4("semantic.model")}</span><span class="v">${modelPulled ? html4`<span class="pill ok">${t4("semantic.pulled")}</span>` : html4`<span class="pill warn">${t4("semantic.missing")}</span>`}</span></div>
+              ` : html4`
+                <div class="rail-kv"><span class="k">${t4("semantic.apiUrl")}</span><span class="v" style="font-size:11px;max-width:160px;overflow-wrap:anywhere;word-break:break-word;text-align:right">${remote?.baseUrl ?? draft.openaiCompat.baseUrl}</span></div>
+                <div class="rail-kv"><span class="k">${t4("semantic.apiKey")}</span><span class="v">${remote?.apiKeySet ? html4`<span class="pill ok">${t4("semantic.found")}</span>` : html4`<span class="pill warn">${t4("semantic.missing")}</span>`}</span></div>
+                <div class="rail-kv"><span class="k">${t4("semantic.model")}</span><span class="v" style="font-size:11px">${remote?.model ?? draft.openaiCompat.model}</span></div>
+                <div class="rail-kv"><span class="k">${t4("semantic.extraBody")}</span><span class="v">${fmtNum(remote?.extraBodyKeys.length ?? 0)}</span></div>
+              `}
         </div>
 
         <${SemanticExcludesCard} />
@@ -25611,6 +25843,44 @@ function SemanticPanel() {
     </div>
   `;
 }
+function toConfigDraft(config) {
+  return {
+    provider: config.provider,
+    ollama: {
+      baseUrl: config.ollama.baseUrl,
+      model: config.ollama.model
+    },
+    openaiCompat: {
+      baseUrl: config.openaiCompat.baseUrl,
+      apiKey: "",
+      model: config.openaiCompat.model,
+      extraBodyText: JSON.stringify(config.openaiCompat.extraBody ?? {}, null, 2),
+      apiKeySet: config.openaiCompat.apiKeySet
+    }
+  };
+}
+function validateSemanticDraft(draft) {
+  if (draft.provider !== "openai-compat") {
+    return { extraBody: {}, error: null };
+  }
+  const raw = draft.openaiCompat.extraBodyText.trim();
+  if (!raw) {
+    return { extraBody: {}, error: null };
+  }
+  let parsed;
+  try {
+    parsed = JSON.parse(raw);
+  } catch (err) {
+    return {
+      extraBody: {},
+      error: t4("semantic.invalidCustomRequestBody", { error: err.message })
+    };
+  }
+  if (!isPlainObject(parsed)) {
+    return { extraBody: {}, error: t4("semantic.customRequestBodyMustBeObject") };
+  }
+  return { extraBody: parsed, error: null };
+}
 function SemanticSearchSection() {
   useLang();
   const [query2, setQuery] = d2("");
@@ -25783,11 +26053,7 @@ function SemanticExcludesCard() {
       <div class="card-h">
         <span class="title">${t4("semantic.indexConfig")}</span>
         <span class="meta">
-          <a
-            class="mono"
-            style="color:var(--c-brand);text-decoration:none;font-size:11px;cursor:pointer"
-            onClick=${reset}
-          >${t4("semantic.reset")}</a>
+          <a class="mono" style="color:var(--c-brand);text-decoration:none;font-size:11px;cursor:pointer" onClick=${reset}>${t4("semantic.reset")}</a>
         </span>
       </div>
       ${info ? html4`<div style="margin-bottom:8px"><span class="pill ok">${info}</span></div>` : null}
@@ -25819,11 +26085,7 @@ function SemanticExcludesCard() {
         placeholder="**/*.test.ts"
       />
 
-      <div
-        class="checkbox-row"
-        style="margin-top:8px;cursor:pointer"
-        onClick=${() => setDraft({ ...draft, respectGitignore: !draft.respectGitignore })}
-      >
+      <div class="checkbox-row" style="margin-top:8px;cursor:pointer" onClick=${() => setDraft({ ...draft, respectGitignore: !draft.respectGitignore })}>
         <span class=${`box ${draft.respectGitignore ? "on" : ""}`}>${draft.respectGitignore ? "\u2713" : ""}</span>
         <span>${t4("semantic.respectGitignore")}</span>
       </div>
@@ -25843,9 +26105,7 @@ function SemanticExcludesCard() {
       </div>
 
       <div style="display:flex;gap:6px;margin-top:10px">
-        <button class="btn ghost" style="flex:1" disabled=${busy} onClick=${runPreview}>
-          <span class="g">⊕</span><span>${t4("semantic.preview")}</span>
-        </button>
+        <button class="btn ghost" style="flex:1" disabled=${busy} onClick=${runPreview}><span class="g">⊕</span><span>${t4("semantic.preview")}</span></button>
         <button class="btn primary" style="flex:1" disabled=${busy} onClick=${save}>${t4("common.save")}</button>
       </div>
 
@@ -25870,19 +26130,17 @@ function ExcludesPreview({ preview }) {
   ].filter((k3) => (buckets[k3] || 0) > 0);
   return html4`
     <div class="excludes-preview">
-      <div class="summary">
-        ${t4("semantic.previewSummary", { included: preview.filesIncluded, skipped: totalSkipped })}
-      </div>
+      <div class="summary">${t4("semantic.previewSummary", { included: preview.filesIncluded, skipped: totalSkipped })}</div>
       ${reasons.length === 0 ? html4`<div style="color:var(--fg-3)">${t4("semantic.nothingSkipped")}</div>` : reasons.map(
     (r3) => html4`
-                <details>
-                  <summary><strong>${r3}: ${buckets[r3]}</strong></summary>
-                  <ul>
-                    ${(samples[r3] || []).map((p3) => html4`<li><code>${p3}</code></li>`)}
-                    ${(buckets[r3] || 0) > (samples[r3] || []).length ? html4`<li style="color:var(--fg-3)">…${(buckets[r3] || 0) - (samples[r3] || []).length} more</li>` : null}
-                  </ul>
-                </details>
-              `
+              <details>
+                <summary><strong>${r3}: ${buckets[r3]}</strong></summary>
+                <ul>
+                  ${(samples[r3] || []).map((p3) => html4`<li><code>${p3}</code></li>`)}
+                  ${(buckets[r3] || 0) > (samples[r3] || []).length ? html4`<li style="color:var(--fg-3)">…${(buckets[r3] || 0) - (samples[r3] || []).length} more</li>` : null}
+                </ul>
+              </details>
+            `
   )}
       ${preview.sampleIncluded?.length ? html4`
             <details>
@@ -25915,10 +26173,7 @@ function ChipFormRow({
   };
   return html4`
     <div class="form-row">
-      <span class="lbl">
-        ${label}
-        ${sub ? html4`<span style="color:var(--fg-3);font-weight:400;text-transform:none;letter-spacing:0"> · ${sub}</span>` : null}
-      </span>
+      <span class="lbl">${label}${sub ? html4`<span style="color:var(--fg-3);font-weight:400;text-transform:none;letter-spacing:0"> · ${sub}</span>` : null}</span>
       <div style="display:flex;flex-wrap:wrap;gap:4px">
         ${value.map(
     (e3) => html4`
@@ -25949,22 +26204,27 @@ function ChipFormRow({
 function SemanticJobView({ job, running }) {
   useLang();
   const phaseLabel = {
+    setup: t4("semantic.phaseSetup"),
     scan: t4("semantic.phaseScan"),
     embed: t4("semantic.phaseEmbed"),
     write: t4("semantic.phaseWrite"),
     done: t4("semantic.phaseDone"),
-    error: t4("semantic.phaseError")
+    error: t4("semantic.phaseError"),
+    cancelled: t4("semantic.phaseCancelled")
   }[job.phase] ?? job.phase;
   const total = job.chunksTotal ?? 0;
   const doneN = job.chunksDone ?? 0;
   const ratio = total > 0 ? Math.min(1, doneN / total) : 0;
-  const elapsed = ((Date.now() - job.startedAt) / 1e3).toFixed(1);
+  const elapsedBase = job.finishedAt ?? Date.now();
+  const elapsedSeconds = (elapsedBase - job.startedAt) / 1e3;
+  const elapsed = elapsedSeconds < 0.1 ? "<0.1s" : `${elapsedSeconds.toFixed(1)}s`;
+  const phaseSummary = job.phase === "error" && job.lastPhase === "setup" ? t4("semantic.setupFailed") : phaseLabel;
   return html4`
     <div class="kv">
       <div><span class="kv-key">phase</span>
-        <span class=${`pill ${job.phase === "error" ? "pill-err" : running ? "pill-active" : "pill-dim"}`}>${phaseLabel}</span>
-        ${job.aborted ? html4`<span class="pill warn" style="margin-left: 6px;">${t4("semantic.stopping")}</span>` : null}
-        <span style="color:var(--fg-3);margin-left:8px">${elapsed}s</span>
+        <span class=${`pill ${job.phase === "error" ? "pill-err" : job.phase === "cancelled" ? "warn" : running ? "pill-active" : "pill-dim"}`}>${phaseSummary}</span>
+        ${job.aborted && running ? html4`<span class="pill warn" style="margin-left: 6px;">${t4("semantic.stopping")}</span>` : null}
+        <span style="color:var(--fg-3);margin-left:8px">${elapsed}</span>
       </div>
       ${job.filesScanned !== null && job.filesScanned !== void 0 ? html4`<div><span class="kv-key">${t4("semantic.files")}</span>${t4("semantic.scanned", { count: job.filesScanned })}${job.filesChanged != null ? ` \xB7 ${t4("semantic.changed", { count: job.filesChanged })}` : ""}${job.filesSkipped ? ` \xB7 ${t4("semantic.skipped", { count: job.filesSkipped })}` : ""}</div>` : null}
       ${total > 0 ? html4`
@@ -25998,6 +26258,14 @@ function SkipBucketsView({ buckets }) {
   const parts = order.filter(([k3]) => (buckets[k3] || 0) > 0).map(([k3, label]) => `${label}: ${buckets[k3]}`);
   return html4`<div><span class="kv-key">${t4("semantic.skipped")}</span>${t4("semantic.skippedFiles", { total, details: parts.join(", ") })}</div>`;
 }
+function isActiveSemanticPhase(phase) {
+  return phase === "setup" || phase === "scan" || phase === "embed" || phase === "write";
+}
+function isPlainObject(value) {
+  if (value === null || typeof value !== "object" || Array.isArray(value)) return false;
+  const proto = Object.getPrototypeOf(value);
+  return proto === Object.prototype || proto === null;
+}
 
 // dashboard/src/panels/sessions.ts
 function SessionsPanel() {