@ddtcorex/dsh-maestro-config 0.1.0 → 0.1.1

package/lib/client.js

@@ -2299,6 +2299,29 @@ function ReviewModelSelector({ value, catalog, fallbackValue, fallbackLabel, onC
       document.removeEventListener("keydown", onKey);
     };
   }, [open]);
+  const getModelId = (m) => typeof m === "string" ? m : m.id;
+  const getModelName = (m) => typeof m === "string" ? m : m.name ?? m.id;
+  const selectedModelInfo = (() => {
+    if (!selectedProvider || !value?.model) return null;
+    const raw = (providerGroup?.models ?? []).find((mm) => getModelId(mm) === value.model);
+    if (raw === void 0) return null;
+    if (typeof raw === "string") return { id: raw, supportsReasoning: false, reasoningEfforts: [] };
+    return raw;
+  })();
+  const supportsReasoning = (() => {
+    if (!selectedModelInfo) return false;
+    if (typeof selectedModelInfo.supportsReasoning === "boolean") return selectedModelInfo.supportsReasoning;
+    const efforts = selectedModelInfo.reasoningEfforts ?? selectedModelInfo.reasoning?.efforts?.map((e) => e.id) ?? [];
+    return efforts.filter((e) => e !== "off").length > 0;
+  })();
+  const availableEfforts = (() => {
+    if (!supportsReasoning) return [];
+    const efforts = selectedModelInfo?.reasoningEfforts ?? selectedModelInfo?.reasoning?.efforts?.map((e) => e.id) ?? [];
+    const filtered = efforts.filter((e) => e !== "off" && e !== "");
+    if (filtered.length > 0) return filtered;
+    return ["low", "medium", "high"];
+  })();
+  const warning = selectedEffort !== "" && !supportsReasoning && selectedModelInfo !== null ? `\u26A0\uFE0F This model does not support reasoning effort "${selectedEffort}" \u2014 reviews will fail. Clear effort or choose a reasoning-capable model.` : null;
   const update = (field, newVal) => {
     if (newVal === "" && field === "provider") {
       onChange(null);
@@ -2309,8 +2332,9 @@ function ReviewModelSelector({ value, catalog, fallbackValue, fallbackLabel, onC
     const next = { provider: value?.provider ?? "", model: value?.model ?? "", ...value?.reasoningEffort ? { reasoningEffort: value.reasoningEffort } : {} };
     if (field === "provider") {
       const g = groups.find((x) => x.provider === newVal);
+      const first = g?.models[0];
       next.provider = newVal;
-      next.model = g?.models[0] ?? "";
+      next.model = first !== void 0 ? getModelId(first) : "";
     } else if (field === "model") {
       next.model = newVal;
     } else if (field === "reasoningEffort") {
@@ -2418,7 +2442,8 @@ function ReviewModelSelector({ value, catalog, fallbackValue, fallbackLabel, onC
           (0, import_react.createElement)("span", { style: { display: "flex", alignItems: "center", gap: 8, color: "var(--dsw-alias-label-secondary)" } }, effortLabel, chevronRight)
         ),
         value && (0, import_react.createElement)("p", { style: { ...captionStyle, margin: "8px 4px 2px" } }, `Selected: ${value.provider} / ${value.model}${value.reasoningEffort ? ` (${value.reasoningEffort})` : ""}`),
-        !value && effectiveFallback && (0, import_react.createElement)("p", { style: { ...captionStyle, margin: "8px 4px 2px" } }, `${effectiveFallbackLabel === "Use Global" ? "Using Global" : "Using DSH default"}: ${effectiveFallback.provider} / ${effectiveFallback.model}${effectiveFallback.reasoningEffort ? ` (${effectiveFallback.reasoningEffort})` : ""}`)
+        !value && effectiveFallback && (0, import_react.createElement)("p", { style: { ...captionStyle, margin: "8px 4px 2px" } }, `${effectiveFallbackLabel === "Use Global" ? "Using Global" : "Using DSH default"}: ${effectiveFallback.provider} / ${effectiveFallback.model}${effectiveFallback.reasoningEffort ? ` (${effectiveFallback.reasoningEffort})` : ""}`),
+        warning && (0, import_react.createElement)("p", { style: { ...captionStyle, margin: "4px 4px 2px", color: "var(--dsw-alias-state-error-primary)" } }, warning)
       ),
       pane === "model" && (0, import_react.createElement)(
         "div",
@@ -2437,15 +2462,20 @@ function ReviewModelSelector({ value, catalog, fallbackValue, fallbackLabel, onC
               ms.length === 0 ? (0, import_react.createElement)("p", { style: { ...captionStyle, padding: "2px 10px 2px 28px" } }, "No models") : (0, import_react.createElement)(
                 "div",
                 { style: { marginLeft: 12, borderLeft: "1px solid var(--dsw-alias-border-l2)", paddingLeft: 6, display: "flex", flexDirection: "column", gap: 2 } },
-                ms.map((m) => (0, import_react.createElement)("button", { key: m, type: "button", style: { ...rowStyle, paddingLeft: 10, background: value?.provider === p && value?.model === m ? "var(--dsw-alias-bg-layer-2)" : "transparent" }, onClick: () => {
-                  update("model", m);
-                  if (value?.provider !== p) update("provider", p);
-                  else {
-                    const next = { provider: p, model: m, ...selectedEffort ? { reasoningEffort: selectedEffort } : {} };
-                    onChange(next);
-                    setPane("root");
-                  }
-                } }, (0, import_react.createElement)("span", { style: { overflow: "hidden", textOverflow: "ellipsis" } }, m), check(value?.provider === p && value?.model === m)))
+                ms.map((m) => {
+                  const mid = getModelId(m);
+                  const mname = getModelName(m);
+                  const active = value?.provider === p && value?.model === mid;
+                  return (0, import_react.createElement)("button", { key: mid, type: "button", style: { ...rowStyle, paddingLeft: 10, background: active ? "var(--dsw-alias-bg-layer-2)" : "transparent" }, onClick: () => {
+                    update("model", mid);
+                    if (value?.provider !== p) update("provider", p);
+                    else {
+                      const next = { provider: p, model: mid, ...selectedEffort ? { reasoningEffort: selectedEffort } : {} };
+                      onChange(next);
+                      setPane("root");
+                    }
+                  } }, (0, import_react.createElement)("span", { style: { overflow: "hidden", textOverflow: "ellipsis" } }, mname), check(active));
+                })
               )
             );
           })
@@ -2455,18 +2485,31 @@ function ReviewModelSelector({ value, catalog, fallbackValue, fallbackLabel, onC
         "div",
         null,
         (0, import_react.createElement)("button", { type: "button", style: { ...rowStyle, color: "var(--dsw-alias-label-secondary)" }, onClick: () => setPane("root") }, (0, import_react.createElement)("span", null, "\u2190 Back"), (0, import_react.createElement)("span", { style: { fontSize: 12 } }, "Effort")),
-        (0, import_react.createElement)(
+        selectedModelInfo === null ? (0, import_react.createElement)("p", { style: { ...captionStyle, margin: "8px 4px 2px" } }, "Select a model first to configure effort.") : !supportsReasoning ? (0, import_react.createElement)(
+          "div",
+          null,
+          (0, import_react.createElement)("p", { style: { ...captionStyle, margin: "8px 4px 6px" } }, "This model does not support reasoning effort \u2014 using provider default"),
+          (0, import_react.createElement)(
+            "div",
+            { style: { marginTop: 4 } },
+            [{ id: "", label: "Default effort" }].map((e) => (0, import_react.createElement)("button", { key: e.id || "default", type: "button", style: { ...rowStyle, background: selectedEffort === e.id ? "var(--dsw-alias-bg-layer-2)" : "transparent" }, onClick: () => {
+              update("reasoningEffort", e.id);
+              setPane("root");
+            } }, (0, import_react.createElement)("span", null, e.label), check(selectedEffort === e.id)))
+          ),
+          warning && (0, import_react.createElement)("p", { style: { ...captionStyle, margin: "8px 4px 2px", color: "var(--dsw-alias-state-error-primary)" } }, warning)
+        ) : (0, import_react.createElement)(
           "div",
-          { style: { marginTop: 4 } },
-          [
-            { id: "", label: "Default effort" },
-            { id: "low", label: "low" },
-            { id: "medium", label: "medium" },
-            { id: "high", label: "high" }
-          ].map((e) => (0, import_react.createElement)("button", { key: e.id || "default", type: "button", style: { ...rowStyle, background: selectedEffort === e.id ? "var(--dsw-alias-bg-layer-2)" : "transparent" }, onClick: () => {
-            update("reasoningEffort", e.id);
-            setPane("root");
-          } }, (0, import_react.createElement)("span", null, e.label), check(selectedEffort === e.id)))
+          null,
+          (0, import_react.createElement)(
+            "div",
+            { style: { marginTop: 4 } },
+            [{ id: "", label: "Default effort" }, ...availableEfforts.map((id) => ({ id, label: id }))].map((e) => (0, import_react.createElement)("button", { key: e.id || "default", type: "button", style: { ...rowStyle, background: selectedEffort === e.id ? "var(--dsw-alias-bg-layer-2)" : "transparent" }, onClick: () => {
+              update("reasoningEffort", e.id);
+              setPane("root");
+            } }, (0, import_react.createElement)("span", null, e.label), check(selectedEffort === e.id)))
+          ),
+          warning && (0, import_react.createElement)("p", { style: { ...captionStyle, margin: "8px 4px 2px", color: "var(--dsw-alias-state-error-primary)" } }, warning)
         )
       )
     )
@@ -2674,7 +2717,7 @@ function PublicAccess({ status, pin, showPin, onRevealPin, onHidePin, onRotatePi
     (0, import_react.createElement)("p", { style: captionStyle }, "Stays the same across tunnel and DSH restarts; use Rotate when you need a new PIN.")
   );
 }
-function MaestroSettingsTab({ rpcCall }) {
+function MaestroSettingsTab({ rpcCall, configRpcCall }) {
   const [status, setStatus] = (0, import_react.useState)(null);
   const [proxyStatus, setProxyStatus] = (0, import_react.useState)(null);
   const [config, setConfig] = (0, import_react.useState)({ tunnelMode: "quick", projectMappings: [] });
@@ -2704,6 +2747,14 @@ function MaestroSettingsTab({ rpcCall }) {
   (0, import_react.useEffect)(() => {
     call(MAESTRO_ENDPOINTS.getConfig, {}).then((saved) => setConfig((prev) => ({ ...prev, ...saved }))).catch(() => {
     });
+    if (configRpcCall) {
+      configRpcCall("get", { domain: "supervisor" }).then((res) => {
+        if (res?.ok && res.value?.model) {
+          setConfig((prev) => ({ ...prev, supervisorModel: res.value.model }));
+        }
+      }).catch(() => {
+      });
+    }
     call(MAESTRO_ENDPOINTS.lanPinStatus, {}).then((value) => {
       setLanPinEnabled(value.enabled);
       if (value.enabled) setLanPin(value.pin ?? null);
@@ -2801,6 +2852,13 @@ function MaestroSettingsTab({ rpcCall }) {
   const saveField = async (field, value) => {
     setError(null);
     setConfig((prev) => ({ ...prev, [field]: value }));
+    if (field === "supervisorModel" && configRpcCall) {
+      try {
+        const res = await configRpcCall("set", { domain: "supervisor", patch: { model: value } });
+        if (res?.ok) return;
+      } catch (e) {
+      }
+    }
     try {
       await call(MAESTRO_ENDPOINTS.saveConfig, { [field]: value });
     } catch (err) {
@@ -2930,6 +2988,20 @@ function MaestroSettingsTab({ rpcCall }) {
         label: "Global review model"
       })
     ),
+    (0, import_react.createElement)(
+      "div",
+      { style: sectionStyle },
+      (0, import_react.createElement)("h4", { style: headingStyle }, "Supervisor LLM"),
+      (0, import_react.createElement)("p", { style: captionStyle }, "Model used by the supervisor debug-agent to auto-fix DSH Web crashes. Empty = DSH default (or Review model if set). Uses the same provider catalog as Review."),
+      (0, import_react.createElement)(ReviewModelSelector, {
+        value: config.supervisorModel ?? null,
+        catalog,
+        fallbackValue: catalog?.current ?? null,
+        fallbackLabel: "Use DSH default",
+        onChange: (v) => saveField("supervisorModel", v),
+        label: "Supervisor model"
+      })
+    ),
     (0, import_react.createElement)(
       "div",
       { style: sectionStyle },
@@ -3012,12 +3084,17 @@ function apply(ctx) {
     if (!connection?.rpc?.call) return Promise.reject(new Error("RPC not available"));
     return connection.rpc.call(MAESTRO_RPC_CHANNEL, endpoint, payload, signal);
   };
+  const configRpcCall = (endpoint, payload, signal) => {
+    const connection = ctx.get?.("connection");
+    if (!connection?.rpc?.call) return Promise.reject(new Error("RPC not available"));
+    return connection.rpc.call("/dsh-maestro-config", endpoint, payload, signal);
+  };
   ctx.effect(() => registerSettingsNavIcon(() => "Maestro"), "maestro: settings nav icon");
   ctx.effect(installNavIconStyle, "maestro: settings nav css");
   slots.inject(
     "settings.section",
     () => slots.register(
-      { name: "settings.section", id: "maestro", order: 25, label: () => "Maestro", inject: () => ({ rpcCall }) },
+      { name: "settings.section", id: "maestro", order: 25, label: () => "Maestro", inject: () => ({ rpcCall, configRpcCall }) },
       MaestroSettingsTab
     )
   );

package/lib/types/client/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/client/index.tsx"],"names":[],"mappings":"AAuCA,UAAU,SAAS;IACjB,GAAG,CAAC,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAA;IAC3B,MAAM,CAAC,EAAE,EAAE,MAAM,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CACtD;AAaD,wBAAgB,KAAK,CAAC,GAAG,EAAE,SAAS,GAAG,IAAI,CAuB1C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/client/index.tsx"],"names":[],"mappings":"AAuCA,UAAU,SAAS;IACjB,GAAG,CAAC,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAA;IAC3B,MAAM,CAAC,EAAE,EAAE,MAAM,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CACtD;AAaD,wBAAgB,KAAK,CAAC,GAAG,EAAE,SAAS,GAAG,IAAI,CA+B1C"}

package/lib/types/client/maestro-card.d.ts

@@ -1,5 +1,6 @@
-export function MaestroSettingsTab({ rpcCall }: {
+export function MaestroSettingsTab({ rpcCall, configRpcCall }: {
     rpcCall: any;
+    configRpcCall: any;
 }): import("react").DetailedReactHTMLElement<{
     'data-maestro-settings-card': string;
     style: {

package/lib/types/client/maestro-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"maestro-card.d.ts","sourceRoot":"","sources":["../../../src/client/maestro-card.jsx"],"names":[],"mappings":"AA6bA;;;;;;;gBAmPC"}
+{"version":3,"file":"maestro-card.d.ts","sourceRoot":"","sources":["../../../src/client/maestro-card.jsx"],"names":[],"mappings":"AAkeA;;;;;;;;gBAoRC"}

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@ddtcorex/dsh-maestro-config",
-  "version": "0.1.0",
+  "version": "0.1.1",
+  "private": false,
   "description": "Maestro Config — shared settings service for the dsh-maestro-* suite over the single namespaced store (~/.dsh/maestro/settings.json)",
   "type": "module",
   "main": "./lib/index.js",
@@ -37,7 +38,7 @@
     "@deepseek-ai/dsh-host-apiproxy": "0.1.0-rc.8"
   },
   "dependencies": {
-    "@ddtcorex/dsh-maestro-config-lib": "^0.1.0"
+    "@ddtcorex/dsh-maestro-config-lib": "^0.1.1"
   },
   "devDependencies": {
     "@deepseek-ai/cordis": "^4.0.1",

package/src/client/index.tsx

@@ -65,6 +65,14 @@ export function apply(ctx: ClientCtx): void {
     if (!connection?.rpc?.call) return Promise.reject(new Error('RPC not available'))
     return connection.rpc.call(MAESTRO_RPC_CHANNEL, endpoint, payload, signal)
   }
+  // Generic config RPC for supervisor (independent of review — works when review not installed)
+  const configRpcCall: RpcCall = (endpoint, payload, signal) => {
+    const connection = ctx.get?.('connection') as
+      | { rpc: { call(ch: string, ep: string, p?: unknown, s?: AbortSignal): Promise<unknown> } }
+      | undefined
+    if (!connection?.rpc?.call) return Promise.reject(new Error('RPC not available'))
+    return connection.rpc.call('/dsh-maestro-config', endpoint, payload, signal)
+  }
 
   // Reversible effects: nav-row marker observer + owned style tag.
   ctx.effect(() => registerSettingsNavIcon(() => 'Maestro'), 'maestro: settings nav icon')
@@ -72,8 +80,8 @@ export function apply(ctx: ClientCtx): void {
 
   slots.inject('settings.section', () =>
     slots.register(
-      { name: 'settings.section', id: 'maestro', order: 25, label: () => 'Maestro', inject: () => ({ rpcCall }) },
-      MaestroSettingsTab,
+      { name: 'settings.section', id: 'maestro', order: 25, label: () => 'Maestro', inject: () => ({ rpcCall, configRpcCall }) },
+      MaestroSettingsTab as unknown as (props: { rpcCall: RpcCall }) => unknown,
     ),
   )
 }

package/src/client/maestro-card.jsx

@@ -147,10 +147,35 @@ function ReviewModelSelector({ value, catalog, fallbackValue, fallbackLabel, onC
     document.addEventListener('keydown', onKey)
     return () => { document.removeEventListener('mousedown', onDown); document.removeEventListener('keydown', onKey) }
   }, [open])
+  const getModelId = (m) => typeof m === 'string' ? m : m.id
+  const getModelName = (m) => typeof m === 'string' ? m : (m.name ?? m.id)
+  const selectedModelInfo = (() => {
+    if (!selectedProvider || !value?.model) return null
+    const raw = (providerGroup?.models ?? []).find(mm => getModelId(mm) === value.model)
+    if (raw === undefined) return null
+    if (typeof raw === 'string') return { id: raw, supportsReasoning: false, reasoningEfforts: [] }
+    return raw
+  })()
+  const supportsReasoning = (() => {
+    if (!selectedModelInfo) return false
+    if (typeof selectedModelInfo.supportsReasoning === 'boolean') return selectedModelInfo.supportsReasoning
+    const efforts = selectedModelInfo.reasoningEfforts ?? selectedModelInfo.reasoning?.efforts?.map(e => e.id) ?? []
+    return efforts.filter(e => e !== 'off').length > 0
+  })()
+  const availableEfforts = (() => {
+    if (!supportsReasoning) return []
+    const efforts = selectedModelInfo?.reasoningEfforts ?? selectedModelInfo?.reasoning?.efforts?.map(e => e.id) ?? []
+    const filtered = efforts.filter(e => e !== 'off' && e !== '')
+    if (filtered.length > 0) return filtered
+    return ['low', 'medium', 'high']
+  })()
+  const warning = selectedEffort !== '' && !supportsReasoning && selectedModelInfo !== null
+    ? `⚠️ This model does not support reasoning effort "${selectedEffort}" — reviews will fail. Clear effort or choose a reasoning-capable model.`
+    : null
   const update = (field, newVal) => {
     if (newVal === '' && field === 'provider') { onChange(null); setOpen(false); setPane('root'); return }
     const next = { provider: value?.provider ?? '', model: value?.model ?? '', ...(value?.reasoningEffort ? { reasoningEffort: value.reasoningEffort } : {}) }
-    if (field === 'provider') { const g = groups.find(x => x.provider === newVal); next.provider = newVal; next.model = g?.models[0] ?? '' }
+    if (field === 'provider') { const g = groups.find(x => x.provider === newVal); const first = g?.models[0]; next.provider = newVal; next.model = first !== undefined ? getModelId(first) : '' }
     else if (field === 'model') { next.model = newVal }
     else if (field === 'reasoningEffort') { if (newVal === '') delete next.reasoningEffort; else next.reasoningEffort = newVal }
     if (!next.provider || !next.model) { onChange(null) } else { onChange(next) }
@@ -235,6 +260,7 @@ function ReviewModelSelector({ value, catalog, fallbackValue, fallbackLabel, onC
         ),
         value && h('p', { style: { ...captionStyle, margin: '8px 4px 2px' } }, `Selected: ${value.provider} / ${value.model}${value.reasoningEffort ? ` (${value.reasoningEffort})` : ''}`),
         !value && effectiveFallback && h('p', { style: { ...captionStyle, margin: '8px 4px 2px' } }, `${effectiveFallbackLabel === 'Use Global' ? 'Using Global' : 'Using DSH default'}: ${effectiveFallback.provider} / ${effectiveFallback.model}${effectiveFallback.reasoningEffort ? ` (${effectiveFallback.reasoningEffort})` : ''}`),
+        warning && h('p', { style: { ...captionStyle, margin: '4px 4px 2px', color: 'var(--dsw-alias-state-error-primary)' } }, warning),
       ),
       pane === 'model' && h('div', null,
         h('button', { type: 'button', style: { ...rowStyle, color: 'var(--dsw-alias-label-secondary)' }, onClick: () => setPane('root') }, h('span', null, '← Back'), h('span', { style: { fontSize: 12 } }, 'Model')),
@@ -247,20 +273,31 @@ function ReviewModelSelector({ value, catalog, fallbackValue, fallbackLabel, onC
               h('div', { style: { fontSize: 11, fontWeight: 600, color: 'var(--dsw-alias-label-secondary)', padding: '6px 10px 2px', textTransform: 'uppercase', letterSpacing: 0.4, display: 'flex', alignItems: 'center', gap: 6 } }, h('span', { style: { width: 6, height: 6, borderRadius: 3, background: 'var(--dsw-alias-border-l2)', flex: 'none' } }), g?.name ?? p),
               ms.length === 0 ? h('p', { style: { ...captionStyle, padding: '2px 10px 2px 28px' } }, 'No models') :
               h('div', { style: { marginLeft: 12, borderLeft: '1px solid var(--dsw-alias-border-l2)', paddingLeft: 6, display: 'flex', flexDirection: 'column', gap: 2 } },
-                ms.map(m => h('button', { key: m, type: 'button', style: { ...rowStyle, paddingLeft: 10, background: value?.provider === p && value?.model === m ? 'var(--dsw-alias-bg-layer-2)' : 'transparent' }, onClick: () => { update('model', m); if (value?.provider !== p) update('provider', p); else { const next = { provider: p, model: m, ...(selectedEffort ? { reasoningEffort: selectedEffort } : {}) }; onChange(next); setPane('root') } } }, h('span', { style: { overflow: 'hidden', textOverflow: 'ellipsis' } }, m), check(value?.provider === p && value?.model === m)))),
+                ms.map(m => {
+                  const mid = getModelId(m)
+                  const mname = getModelName(m)
+                  const active = value?.provider === p && value?.model === mid
+                  return h('button', { key: mid, type: 'button', style: { ...rowStyle, paddingLeft: 10, background: active ? 'var(--dsw-alias-bg-layer-2)' : 'transparent' }, onClick: () => { update('model', mid); if (value?.provider !== p) update('provider', p); else { const next = { provider: p, model: mid, ...(selectedEffort ? { reasoningEffort: selectedEffort } : {}) }; onChange(next); setPane('root') } } }, h('span', { style: { overflow: 'hidden', textOverflow: 'ellipsis' } }, mname), check(active))
+                })),
             )
           }),
         ),
       ),
       pane === 'effort' && h('div', null,
         h('button', { type: 'button', style: { ...rowStyle, color: 'var(--dsw-alias-label-secondary)' }, onClick: () => setPane('root') }, h('span', null, '← Back'), h('span', { style: { fontSize: 12 } }, 'Effort')),
-        h('div', { style: { marginTop: 4 } },
-          [
-            { id: '', label: 'Default effort' },
-            { id: 'low', label: 'low' },
-            { id: 'medium', label: 'medium' },
-            { id: 'high', label: 'high' },
-          ].map(e => h('button', { key: e.id || 'default', type: 'button', style: { ...rowStyle, background: selectedEffort === e.id ? 'var(--dsw-alias-bg-layer-2)' : 'transparent' }, onClick: () => { update('reasoningEffort', e.id); setPane('root') } }, h('span', null, e.label), check(selectedEffort === e.id))),
+        selectedModelInfo === null ? h('p', { style: { ...captionStyle, margin: '8px 4px 2px' } }, 'Select a model first to configure effort.') :
+        !supportsReasoning ? h('div', null,
+          h('p', { style: { ...captionStyle, margin: '8px 4px 6px' } }, 'This model does not support reasoning effort — using provider default'),
+          h('div', { style: { marginTop: 4 } },
+            [{ id: '', label: 'Default effort' }].map(e => h('button', { key: e.id || 'default', type: 'button', style: { ...rowStyle, background: selectedEffort === e.id ? 'var(--dsw-alias-bg-layer-2)' : 'transparent' }, onClick: () => { update('reasoningEffort', e.id); setPane('root') } }, h('span', null, e.label), check(selectedEffort === e.id))),
+          ),
+          warning && h('p', { style: { ...captionStyle, margin: '8px 4px 2px', color: 'var(--dsw-alias-state-error-primary)' } }, warning),
+        ) :
+        h('div', null,
+          h('div', { style: { marginTop: 4 } },
+            [{ id: '', label: 'Default effort' }, ...availableEfforts.map(id => ({ id, label: id }))].map(e => h('button', { key: e.id || 'default', type: 'button', style: { ...rowStyle, background: selectedEffort === e.id ? 'var(--dsw-alias-bg-layer-2)' : 'transparent' }, onClick: () => { update('reasoningEffort', e.id); setPane('root') } }, h('span', null, e.label), check(selectedEffort === e.id))),
+          ),
+          warning && h('p', { style: { ...captionStyle, margin: '8px 4px 2px', color: 'var(--dsw-alias-state-error-primary)' } }, warning),
         ),
       ),
     ),
@@ -443,7 +480,7 @@ function PublicAccess({ status, pin, showPin, onRevealPin, onHidePin, onRotatePi
   )
 }
 
-export function MaestroSettingsTab({ rpcCall }) {
+export function MaestroSettingsTab({ rpcCall, configRpcCall }) {
   const [status, setStatus] = useState(null)
   const [proxyStatus, setProxyStatus] = useState(null)
   const [config, setConfig] = useState({ tunnelMode: 'quick', projectMappings: [] })
@@ -474,6 +511,16 @@ export function MaestroSettingsTab({ rpcCall }) {
     call(MAESTRO_ENDPOINTS.getConfig, {})
       .then(saved => setConfig(prev => ({ ...prev, ...saved })))
       .catch(() => { /* first run, no config saved yet — keep defaults */ })
+    // Supervisor model may be stored via generic config service when review not installed — try fallback
+    if (configRpcCall) {
+      configRpcCall('get', { domain: 'supervisor' })
+        .then(res => {
+          if (res?.ok && res.value?.model) {
+            setConfig(prev => ({ ...prev, supervisorModel: res.value.model }))
+          }
+        })
+        .catch(() => { /* supervisor domain not yet set or config service unavailable */ })
+    }
     call(MAESTRO_ENDPOINTS.lanPinStatus, {})
       .then(value => { setLanPinEnabled(value.enabled); if (value.enabled) setLanPin(value.pin ?? null) })
       .catch(() => { /* host without the LAN PIN endpoints — keep the row hidden */ })
@@ -559,6 +606,16 @@ export function MaestroSettingsTab({ rpcCall }) {
   const saveField = async (field, value) => {
     setError(null)
     setConfig(prev => ({ ...prev, [field]: value }))
+    // Supervisor model can be saved via generic config service when review not installed (independent install)
+    if (field === 'supervisorModel' && configRpcCall) {
+      try {
+        const res = await configRpcCall('set', { domain: 'supervisor', patch: { model: value } })
+        if (res?.ok) return
+        // Fall through to review RPC if generic set fails
+      } catch (e) {
+        // Fall through to review RPC
+      }
+    }
     try {
       await call(MAESTRO_ENDPOINTS.saveConfig, { [field]: value })
     } catch (err) {
@@ -679,6 +736,19 @@ export function MaestroSettingsTab({ rpcCall }) {
       }),
     ),
 
+    h('div', { style: sectionStyle },
+      h('h4', { style: headingStyle }, 'Supervisor LLM'),
+      h('p', { style: captionStyle }, 'Model used by the supervisor debug-agent to auto-fix DSH Web crashes. Empty = DSH default (or Review model if set). Uses the same provider catalog as Review.'),
+      h(ReviewModelSelector, {
+        value: config.supervisorModel ?? null,
+        catalog,
+        fallbackValue: catalog?.current ?? null,
+        fallbackLabel: 'Use DSH default',
+        onChange: v => saveField('supervisorModel', v),
+        label: 'Supervisor model',
+      }),
+    ),
+
     h('div', { style: sectionStyle },
       h('h4', { style: headingStyle }, 'Projects'),
       h(ProjectMappingsEditor, { mappings: config.projectMappings ?? [], onChange: mappings => saveField('projectMappings', mappings), catalog, globalReviewModel: config.reviewModel ?? null }),