@codemem/server 0.23.0 → 0.25.0

package/static/app.js

@@ -309,6 +309,16 @@
 	async function loadSummariesPage(project, options) {
 		return fetchJson(`/api/summaries?${buildProjectParams(project, options?.limit, options?.offset, options?.scope)}`);
 	}
+	async function tracePack(payload) {
+		const resp = await fetch("/api/pack/trace", {
+			method: "POST",
+			headers: { "Content-Type": "application/json" },
+			body: JSON.stringify(payload)
+		});
+		const { text, payload: data } = await readJsonPayload(resp);
+		if (!resp.ok) throw new Error(payloadError(data) || text || "request failed");
+		return data;
+	}
 	async function loadObserverStatus() {
 		return fetchJson("/api/observer-status");
 	}
@@ -1329,14 +1339,14 @@
 	}
 	function observationViewData(item) {
 		const metadata = mergeMetadata(item?.metadata_json);
-		const summary = String(item?.subtitle || item?.body_text || "").trim();
-		const narrative = String(item?.narrative || metadata?.narrative || "").trim();
+		const summary = String(item?.subtitle || metadata?.subtitle || "").trim();
+		const narrative = String(item?.narrative || metadata?.narrative || item?.body_text || "").trim();
 		const normSummary = normalize(summary);
 		const normNarrative = normalize(narrative);
 		const narrativeDistinct = Boolean(narrative) && normNarrative !== normSummary;
 		const explicitFacts = parseJsonArray(item?.facts || metadata?.facts || []);
-		const fallbackFacts = explicitFacts.length ? explicitFacts : extractFactsFromBody(summary || narrative);
-		const derivedFacts = fallbackFacts.length ? fallbackFacts : sentenceFacts(summary);
+		const fallbackFacts = explicitFacts.length ? explicitFacts : extractFactsFromBody(narrative || summary);
+		const derivedFacts = fallbackFacts.length ? fallbackFacts : sentenceFacts(narrative || summary);
 		return {
 			summary,
 			narrative,
@@ -1766,6 +1776,138 @@
 			}, label);
 		}));
 	}
+	function TraceCandidateGroup({ label, candidates }) {
+		if (candidates.length === 0) return null;
+		return _$1("div", { className: "trace-group" }, _$1("div", { className: "section-meta" }, label), _$1("div", { className: "feed-list" }, candidates.map((candidate) => _$1("div", {
+			className: "feed-card",
+			key: `${label}:${candidate.id}`
+		}, _$1("div", { className: "feed-card-header" }, [_$1("div", { className: "feed-card-title" }, `${candidate.rank}. ${candidate.title}`), _$1("div", { className: "feed-card-meta" }, `#${candidate.id} · ${candidate.kind}${candidate.section ? ` · ${candidate.section}` : ""}`)]), _$1("div", { className: "feed-card-body" }, [_$1("div", null, candidate.preview || "No preview available."), candidate.reasons.length ? _$1("div", { className: "section-meta" }, `Reasons: ${candidate.reasons.join(", ")}`) : null])))));
+	}
+	function ContextInspectorPanel() {
+		const [open, setOpen] = d(false);
+		const [workingSetText, setWorkingSetText] = d("");
+		const [loading, setLoading] = d(false);
+		const [error, setError] = d("");
+		const [errorContextKey, setErrorContextKey] = d("");
+		const [trace, setTrace] = d(null);
+		const currentQuery = String(state.feedQuery || "").trim();
+		const currentProject = state.currentProject || null;
+		const currentContextKey = JSON.stringify([currentProject, currentQuery]);
+		const visibleTrace = trace && trace.inputs.query === currentQuery && trace.inputs.project === currentProject ? trace : null;
+		const visibleError = error && errorContextKey === currentContextKey ? error : "";
+		y(() => {
+			setError("");
+			setErrorContextKey("");
+			setTrace((currentTrace) => {
+				if (!currentTrace) return null;
+				if (currentTrace.inputs.query !== currentQuery || currentTrace.inputs.project !== currentProject) return null;
+				return currentTrace;
+			});
+		}, [currentProject, currentQuery]);
+		const runTrace = async () => {
+			const context = currentQuery;
+			const project = currentProject;
+			const contextKey = JSON.stringify([project, context]);
+			if (!context) {
+				setError("Enter a query to inspect.");
+				setErrorContextKey(contextKey);
+				setTrace(null);
+				return;
+			}
+			setLoading(true);
+			setError("");
+			setErrorContextKey("");
+			try {
+				const nextTrace = await tracePack({
+					context,
+					project,
+					working_set_files: workingSetText.split(/\n|,/).map((value) => value.trim()).filter(Boolean)
+				});
+				if (String(state.feedQuery || "").trim() !== context || (state.currentProject || null) !== project) return;
+				setTrace(nextTrace);
+			} catch (err) {
+				if (String(state.feedQuery || "").trim() !== context || (state.currentProject || null) !== project) return;
+				setError(err instanceof Error ? err.message : String(err));
+				setErrorContextKey(contextKey);
+				setTrace(null);
+			} finally {
+				setLoading(false);
+			}
+		};
+		const selected = visibleTrace?.retrieval.candidates.filter((candidate) => candidate.disposition === "selected") || [];
+		const dropped = visibleTrace?.retrieval.candidates.filter((candidate) => candidate.disposition === "dropped") || [];
+		const deduped = visibleTrace?.retrieval.candidates.filter((candidate) => candidate.disposition === "deduped") || [];
+		const trimmed = visibleTrace?.retrieval.candidates.filter((candidate) => candidate.disposition === "trimmed") || [];
+		return _$1("div", { className: "feed-inspector" }, _$1("button", {
+			className: "toggle-button",
+			onClick: () => setOpen(!open),
+			type: "button"
+		}, open ? "Hide Context Inspector" : "Open Context Inspector"), open ? _$1("div", {
+			className: "feed-card",
+			style: "margin-top:12px;"
+		}, [
+			_$1("div", { className: "feed-card-header" }, [_$1("div", { className: "feed-card-title" }, "Context Inspector"), _$1("div", { className: "feed-card-meta" }, "Tracing the current Search query")]),
+			_$1("div", { className: "feed-card-body" }, [
+				_$1("input", {
+					className: "feed-search",
+					onInput: (event) => {
+						state.feedQuery = String(event.currentTarget.value || "");
+						setTrace(null);
+						setError("");
+						setErrorContextKey("");
+						updateFeedView();
+					},
+					placeholder: "Trace a pack query…",
+					value: state.feedQuery
+				}),
+				_$1("textarea", {
+					onInput: (event) => setWorkingSetText(String(event.currentTarget.value || "")),
+					placeholder: "Optional working-set files, one per line",
+					rows: 3,
+					style: "margin-top:8px; width:100%;",
+					value: workingSetText
+				}),
+				_$1("div", { style: "display:flex; gap:8px; margin-top:8px; align-items:center;" }, _$1("button", {
+					className: "toggle-button active",
+					disabled: loading,
+					onClick: () => void runTrace(),
+					type: "button"
+				}, loading ? "Tracing…" : "Run trace"), visibleTrace ? _$1("span", { className: "section-meta" }, `mode=${visibleTrace.mode.selected} · candidates=${visibleTrace.retrieval.candidate_count} · tokens=${visibleTrace.output.estimated_tokens}`) : null),
+				trace && !visibleTrace ? _$1("div", {
+					className: "section-meta",
+					style: "margin-top:8px;"
+				}, "Search context changed. Run trace again for the current query and project.") : null,
+				visibleError ? _$1("div", {
+					className: "section-meta",
+					style: "margin-top:8px; color:#d96c6c;"
+				}, visibleError) : null
+			]),
+			visibleTrace ? _$1(k$2, null, [
+				_$1(TraceCandidateGroup, {
+					label: "Selected",
+					candidates: selected
+				}),
+				_$1(TraceCandidateGroup, {
+					label: "Dropped",
+					candidates: dropped
+				}),
+				_$1(TraceCandidateGroup, {
+					label: "Deduped",
+					candidates: deduped
+				}),
+				_$1(TraceCandidateGroup, {
+					label: "Trimmed",
+					candidates: trimmed
+				}),
+				_$1("div", { className: "feed-card-body" }, [
+					visibleTrace.assembly.collapsed_groups.length ? _$1("div", { className: "section-meta" }, `Collapsed duplicates: ${visibleTrace.assembly.collapsed_groups.map((group) => `kept #${group.kept} from [${group.dropped.join(", ")}]`).join(" · ")}`) : null,
+					visibleTrace.assembly.trim_reasons.length ? _$1("div", { className: "section-meta" }, `Trim reasons: ${visibleTrace.assembly.trim_reasons.join(", ")}`) : null,
+					_$1("div", { className: "section-meta" }, "Final pack"),
+					_$1("pre", { style: "white-space:pre-wrap; overflow:auto;" }, visibleTrace.output.pack_text)
+				])
+			]) : null
+		]) : null);
+	}
 	function FeedTabView({ items, loadingText }) {
 		return _$1(k$2, null, _$1("div", { className: "feed-controls" }, _$1("div", {
 			className: "section-meta",
@@ -1779,7 +1921,7 @@
 			},
 			placeholder: "Search title, body, tags…",
 			value: state.feedQuery
-		}), _$1(FeedToggle, {
+		}), _$1(ContextInspectorPanel, {}), _$1(FeedToggle, {
 			active: state.feedScopeFilter,
 			id: "feedScopeToggle",
 			onSelect: (value) => {
@@ -2016,6 +2158,7 @@
 		const usagePayload = state.lastUsagePayload || {};
 		const raw = state.lastRawEventsPayload && typeof state.lastRawEventsPayload === "object" ? state.lastRawEventsPayload : {};
 		const syncStatus = state.lastSyncStatus || {};
+		const maintenanceJobs = Array.isArray(stats.maintenance_jobs) ? stats.maintenance_jobs : [];
 		const reliability = stats.reliability || {};
 		const counts = reliability.counts || {};
 		const rates = reliability.rates || {};
@@ -2121,6 +2264,23 @@
 		const pipelineDetail = rawPending > 0 ? "Queue is actively draining" : "Queue is clear";
 		const syncDetail = syncDisabled ? "Sync disabled" : syncNoPeers ? "No peers configured" : syncOfflinePeers ? `${peerCount} peers offline · last sync ${formatAgeShort(syncAgeSeconds)} ago` : `${peerCount} peers · last sync ${formatAgeShort(syncAgeSeconds)} ago`;
 		const freshnessDetail = `last pack ${formatAgeShort(packAgeSeconds)} ago`;
+		const maintenanceCards = maintenanceJobs.map((job) => {
+			const current = Number(job.progress?.current || 0);
+			const total = typeof job.progress?.total === "number" ? job.progress.total : null;
+			const unit = String(job.progress?.unit || "items");
+			const pct = total && total > 0 ? ` (${Math.round(100 * current / total)}%)` : "";
+			const progress = total && total > 0 ? `${current.toLocaleString()}/${total.toLocaleString()} ${unit}${pct}` : `${current.toLocaleString()} ${unit}`;
+			const isFailed = job.status === "failed";
+			const detail = isFailed ? String(job.error || "unknown error").trim() : void 0;
+			return buildHealthCard({
+				label: String(job.title || job.kind || "Background maintenance"),
+				value: isFailed ? "Failed" : progress,
+				detail,
+				icon: isFailed ? "alert-triangle" : "loader",
+				className: isFailed ? "status-attention" : void 0,
+				title: isFailed ? `Error: ${job.error || "unknown"}` : `${String(job.title || "Maintenance")} in progress`
+			});
+		});
 		renderHealthCards(healthGrid, [
 			buildHealthCard({
 				label: "Overall health",
@@ -2130,6 +2290,7 @@
 				className: `health-primary ${statusClass}`,
 				title: drivers.length ? `Main signals: ${drivers.join(", ")}` : "No major risk signals detected"
 			}),
+			...maintenanceCards,
 			buildHealthCard({
 				label: "Pipeline health",
 				value: `${rawPending.toLocaleString()} pending`,
@@ -11740,6 +11901,15 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 		claudeCommand: "claude_command",
 		observerProvider: "observer_provider",
 		observerModel: "observer_model",
+		observerTierRoutingEnabled: "observer_tier_routing_enabled",
+		observerSimpleModel: "observer_simple_model",
+		observerSimpleTemperature: "observer_simple_temperature",
+		observerRichModel: "observer_rich_model",
+		observerRichTemperature: "observer_rich_temperature",
+		observerRichOpenAIUseResponses: "observer_rich_openai_use_responses",
+		observerRichReasoningEffort: "observer_rich_reasoning_effort",
+		observerRichReasoningSummary: "observer_rich_reasoning_summary",
+		observerRichMaxOutputTokens: "observer_rich_max_output_tokens",
 		observerRuntime: "observer_runtime",
 		observerAuthSource: "observer_auth_source",
 		observerAuthFile: "observer_auth_file",
@@ -11781,6 +11951,15 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 			claudeCommand: "",
 			observerProvider: "",
 			observerModel: "",
+			observerTierRoutingEnabled: false,
+			observerSimpleModel: "",
+			observerSimpleTemperature: "",
+			observerRichModel: "",
+			observerRichTemperature: "",
+			observerRichOpenAIUseResponses: false,
+			observerRichReasoningEffort: "",
+			observerRichReasoningSummary: "",
+			observerRichMaxOutputTokens: "",
 			observerRuntime: "api_http",
 			observerAuthSource: "auto",
 			observerAuthFile: "",
@@ -11826,6 +12005,27 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 		if (value === void 0 || value === null) return "";
 		return String(value);
 	}
+	function asBooleanValue(value) {
+		if (typeof value === "boolean") return value;
+		if (typeof value === "number") return value !== 0;
+		if (typeof value === "string") {
+			const normalized = value.trim().toLowerCase();
+			if (!normalized) return false;
+			if ([
+				"0",
+				"false",
+				"no",
+				"off"
+			].includes(normalized)) return false;
+			if ([
+				"1",
+				"true",
+				"yes",
+				"on"
+			].includes(normalized)) return true;
+		}
+		return Boolean(value);
+	}
 	function toProviderList(value) {
 		if (!Array.isArray(value)) return [];
 		return value.filter((item) => typeof item === "string" && item.trim().length > 0);
@@ -11879,6 +12079,10 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 			}
 			case "observer_provider":
 			case "observer_model":
+			case "observer_simple_model":
+			case "observer_rich_model":
+			case "observer_rich_reasoning_effort":
+			case "observer_rich_reasoning_summary":
 			case "observer_auth_file":
 			case "sync_host":
 			case "sync_coordinator_url":
@@ -11901,6 +12105,9 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 			}
 			case "observer_auth_timeout_ms":
 			case "observer_max_chars":
+			case "observer_simple_temperature":
+			case "observer_rich_temperature":
+			case "observer_rich_max_output_tokens":
 			case "pack_observation_limit":
 			case "pack_session_limit":
 			case "raw_events_sweeper_interval_s":
@@ -11922,7 +12129,9 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 				return Number.isFinite(parsed) ? parsed : "";
 			}
 			case "sync_enabled":
-			case "sync_mdns": return Boolean(config?.[key]);
+			case "sync_mdns":
+			case "observer_tier_routing_enabled":
+			case "observer_rich_openai_use_responses": return asBooleanValue(config?.[key]);
 			default: return hasOwn(config, key) ? config[key] : "";
 		}
 	}
@@ -11935,6 +12144,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 	}
 	function getObserverModelHint() {
 		const values = settingsRenderState.values;
+		if (values.observerTierRoutingEnabled) return "Tiered routing is enabled: simple/rich model selection now lives in Processing.";
 		const inferred = inferObserverModel(values.observerRuntime.trim() || "api_http", values.observerProvider.trim(), normalizeTextValue(values.observerModel));
 		return `${[
 			"observer_model",
@@ -11942,6 +12152,19 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 			"observer_runtime"
 		].some((key) => hasOwn(settingsEnvOverrides, key)) ? "Env override" : inferred.source}: ${inferred.model}`;
 	}
+	function getTieredRoutingHelperText() {
+		if (!settingsRenderState.values.observerTierRoutingEnabled) return "Off: codemem uses the base observer settings from the Connection tab for all batches.";
+		return "On: codemem can route simpler batches to a lighter model and richer batches to a higher-quality configuration.";
+	}
+	function getObserverModelLabel() {
+		return settingsRenderState.values.observerTierRoutingEnabled ? "Base model fallback" : "Model";
+	}
+	function getObserverModelTooltip() {
+		return settingsRenderState.values.observerTierRoutingEnabled ? "Tiered routing is enabled, so Processing controls the simple/rich models. This base model is only a fallback." : "Leave blank to use a recommended model for your selected mode/provider.";
+	}
+	function getObserverModelDescription() {
+		return settingsRenderState.values.observerTierRoutingEnabled ? "Tiered routing is active. Use this only as a fallback while the Processing tab owns simple/rich model selection." : "Default: `gpt-5.1-codex-mini` for Direct API; `claude-4.5-haiku` for Local Claude session.";
+	}
 	function positionHelpTooltipElement(el, anchor) {
 		const rect = anchor.getBoundingClientRect();
 		const margin = 8;
@@ -12273,6 +12496,15 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 			claudeCommand: claudeCommand.length ? JSON.stringify(claudeCommand, null, 2) : "",
 			observerProvider: asInputString(effectiveOrConfigured(config, effective, "observer_provider")),
 			observerModel: asInputString(effectiveOrConfigured(config, effective, "observer_model")),
+			observerTierRoutingEnabled: asBooleanValue(effectiveOrConfigured(config, effective, "observer_tier_routing_enabled")),
+			observerSimpleModel: asInputString(effectiveOrConfigured(config, effective, "observer_simple_model")),
+			observerSimpleTemperature: asInputString(effectiveOrConfigured(config, effective, "observer_simple_temperature")),
+			observerRichModel: asInputString(effectiveOrConfigured(config, effective, "observer_rich_model")),
+			observerRichTemperature: asInputString(effectiveOrConfigured(config, effective, "observer_rich_temperature")),
+			observerRichOpenAIUseResponses: asBooleanValue(effectiveOrConfigured(config, effective, "observer_rich_openai_use_responses")),
+			observerRichReasoningEffort: asInputString(effectiveOrConfigured(config, effective, "observer_rich_reasoning_effort")),
+			observerRichReasoningSummary: asInputString(effectiveOrConfigured(config, effective, "observer_rich_reasoning_summary")),
+			observerRichMaxOutputTokens: asInputString(effectiveOrConfigured(config, effective, "observer_rich_max_output_tokens")),
 			observerRuntime: asInputString(effectiveOrConfigured(config, effective, "observer_runtime")) || "api_http",
 			observerAuthSource: asInputString(effectiveOrConfigured(config, effective, "observer_auth_source")) || "auto",
 			observerAuthFile: asInputString(effectiveOrConfigured(config, effective, "observer_auth_file")),
@@ -12284,11 +12516,11 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 			packObservationLimit: asInputString(effectiveOrConfigured(config, effective, "pack_observation_limit")),
 			packSessionLimit: asInputString(effectiveOrConfigured(config, effective, "pack_session_limit")),
 			rawEventsSweeperIntervalS: asInputString(effectiveOrConfigured(config, effective, "raw_events_sweeper_interval_s")),
-			syncEnabled: Boolean(effectiveOrConfigured(config, effective, "sync_enabled")),
+			syncEnabled: asBooleanValue(effectiveOrConfigured(config, effective, "sync_enabled")),
 			syncHost: asInputString(effectiveOrConfigured(config, effective, "sync_host")),
 			syncPort: asInputString(effectiveOrConfigured(config, effective, "sync_port")),
 			syncInterval: asInputString(effectiveOrConfigured(config, effective, "sync_interval_s")),
-			syncMdns: Boolean(effectiveOrConfigured(config, effective, "sync_mdns")),
+			syncMdns: asBooleanValue(effectiveOrConfigured(config, effective, "sync_mdns")),
 			syncCoordinatorUrl: asInputString(effectiveOrConfigured(config, effective, "sync_coordinator_url")),
 			syncCoordinatorGroup: asInputString(effectiveOrConfigured(config, effective, "sync_coordinator_group")),
 			syncCoordinatorTimeout: asInputString(effectiveOrConfigured(config, effective, "sync_coordinator_timeout_s")),
@@ -12378,16 +12610,34 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 			});
 		}
 		const authCacheTtlInput = values.observerAuthCacheTtlS.trim();
+		const simpleTemperatureInput = values.observerSimpleTemperature.trim();
+		const richTemperatureInput = values.observerRichTemperature.trim();
+		const richMaxOutputTokensInput = values.observerRichMaxOutputTokens.trim();
 		const sweeperIntervalInput = values.rawEventsSweeperIntervalS.trim();
 		const authCacheTtl = authCacheTtlInput === "" ? "" : Number(authCacheTtlInput);
+		const simpleTemperature = simpleTemperatureInput === "" ? "" : Number(simpleTemperatureInput);
+		const richTemperature = richTemperatureInput === "" ? "" : Number(richTemperatureInput);
+		const richMaxOutputTokens = richMaxOutputTokensInput === "" ? "" : Number(richMaxOutputTokensInput);
 		const sweeperIntervalNum = Number(sweeperIntervalInput);
 		const sweeperInterval = sweeperIntervalInput === "" ? "" : sweeperIntervalNum;
 		if (authCacheTtlInput !== "" && !Number.isFinite(authCacheTtl)) throw new Error("observer auth cache ttl must be a number");
+		if (simpleTemperatureInput !== "" && (typeof simpleTemperature !== "number" || !Number.isFinite(simpleTemperature) || simpleTemperature < 0)) throw new Error("simple tier temperature must be a non-negative number");
+		if (richTemperatureInput !== "" && (typeof richTemperature !== "number" || !Number.isFinite(richTemperature) || richTemperature < 0)) throw new Error("rich tier temperature must be a non-negative number");
+		if (richMaxOutputTokensInput !== "" && (typeof richMaxOutputTokens !== "number" || !Number.isFinite(richMaxOutputTokens) || richMaxOutputTokens <= 0 || !Number.isInteger(richMaxOutputTokens))) throw new Error("rich tier max output tokens must be a positive integer");
 		if (sweeperIntervalInput !== "" && (!Number.isFinite(sweeperIntervalNum) || sweeperIntervalNum <= 0)) throw new Error("raw-event sweeper interval must be a positive number");
 		return {
 			claude_command: claudeCommand,
 			observer_provider: normalizeTextValue(values.observerProvider),
 			observer_model: normalizeTextValue(values.observerModel),
+			observer_tier_routing_enabled: values.observerTierRoutingEnabled,
+			observer_simple_model: normalizeTextValue(values.observerSimpleModel),
+			observer_simple_temperature: simpleTemperature,
+			observer_rich_model: normalizeTextValue(values.observerRichModel),
+			observer_rich_temperature: richTemperature,
+			observer_rich_openai_use_responses: values.observerRichOpenAIUseResponses,
+			observer_rich_reasoning_effort: normalizeTextValue(values.observerRichReasoningEffort),
+			observer_rich_reasoning_summary: normalizeTextValue(values.observerRichReasoningSummary),
+			observer_rich_max_output_tokens: richMaxOutputTokens,
 			observer_runtime: normalizeTextValue(values.observerRuntime || "api_http") || "api_http",
 			observer_auth_source: normalizeTextValue(values.observerAuthSource || "auto") || "auto",
 			observer_auth_file: normalizeTextValue(values.observerAuthFile),
@@ -12657,6 +12907,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 		const observerMaxCharsDefault = state.configDefaults?.observer_max_chars || "";
 		const showAuthFile = values.observerAuthSource === "file";
 		const showAuthCommand = values.observerAuthSource === "command";
+		const showTieredRouting = values.observerTierRoutingEnabled;
 		return /* @__PURE__ */ u("div", {
 			className: "modal-card",
 			children: [
@@ -12794,11 +13045,11 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 												className: "field-label",
 												children: [/* @__PURE__ */ u("label", {
 													htmlFor: "observerModel",
-													children: "Model"
+													children: getObserverModelLabel()
 												}), /* @__PURE__ */ u("button", {
 													"aria-label": "About model defaults",
 													className: "help-icon",
-													"data-tooltip": "Leave blank to use a recommended model for your selected mode/provider.",
+													"data-tooltip": getObserverModelTooltip(),
 													type: "button",
 													children: "?"
 												})]
@@ -12811,7 +13062,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 											}),
 											/* @__PURE__ */ u("div", {
 												className: "small",
-												children: "Default: `gpt-5.1-codex-mini` for Direct API; `claude-4.5-haiku` for Local Claude session."
+												children: getObserverModelDescription()
 											}),
 											/* @__PURE__ */ u("div", {
 												className: "small",
@@ -13071,89 +13322,259 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 							"data-settings-panel": "queue",
 							hidden: settingsActiveTab !== "queue",
 							id: "settingsPanelQueue",
-							children: [/* @__PURE__ */ u("div", {
-								className: "settings-group",
-								children: [/* @__PURE__ */ u("h3", {
-									className: "settings-group-title",
-									children: "Processing"
-								}), /* @__PURE__ */ u(Field, { children: [
-									/* @__PURE__ */ u("div", {
-										className: "field-label",
-										children: [/* @__PURE__ */ u("label", {
-											htmlFor: "rawEventsSweeperIntervalS",
-											children: "Background processing interval (seconds)"
-										}), /* @__PURE__ */ u("button", {
-											"aria-label": "About background processing interval",
-											className: "help-icon",
-											"data-tooltip": "How often codemem checks for queued events to process in the background.",
-											type: "button",
-											children: "?"
-										})]
-									}),
-									/* @__PURE__ */ u("input", {
-										id: "rawEventsSweeperIntervalS",
-										min: "1",
-										onInput: onTextInput("rawEventsSweeperIntervalS"),
-										type: "number",
-										value: values.rawEventsSweeperIntervalS
-									}),
-									/* @__PURE__ */ u("div", {
-										className: "small",
-										children: "How often background flush checks pending raw events."
-									})
-								] })]
-							}), /* @__PURE__ */ u("div", {
-								className: "settings-group settings-advanced",
-								hidden: hiddenUnlessAdvanced(),
-								children: [
-									/* @__PURE__ */ u("h3", {
+							children: [
+								/* @__PURE__ */ u("div", {
+									className: "settings-group",
+									children: [/* @__PURE__ */ u("h3", {
 										className: "settings-group-title",
-										children: "Context Pack Limits"
-									}),
-									/* @__PURE__ */ u(Field, {
-										className: "field settings-advanced",
-										hidden: hiddenUnlessAdvanced(),
-										children: [
-											/* @__PURE__ */ u("label", {
-												htmlFor: "packObservationLimit",
-												children: "Observation limit"
-											}),
-											/* @__PURE__ */ u("input", {
-												id: "packObservationLimit",
-												min: "1",
-												onInput: onTextInput("packObservationLimit"),
+										children: "Processing"
+									}), /* @__PURE__ */ u(Field, { children: [
+										/* @__PURE__ */ u("div", {
+											className: "field-label",
+											children: [/* @__PURE__ */ u("label", {
+												htmlFor: "rawEventsSweeperIntervalS",
+												children: "Background processing interval (seconds)"
+											}), /* @__PURE__ */ u("button", {
+												"aria-label": "About background processing interval",
+												className: "help-icon",
+												"data-tooltip": "How often codemem checks for queued events to process in the background.",
+												type: "button",
+												children: "?"
+											})]
+										}),
+										/* @__PURE__ */ u("input", {
+											id: "rawEventsSweeperIntervalS",
+											min: "1",
+											onInput: onTextInput("rawEventsSweeperIntervalS"),
+											type: "number",
+											value: values.rawEventsSweeperIntervalS
+										}),
+										/* @__PURE__ */ u("div", {
+											className: "small",
+											children: "How often background flush checks pending raw events."
+										})
+									] })]
+								}),
+								/* @__PURE__ */ u("div", {
+									className: "settings-group",
+									children: [
+										/* @__PURE__ */ u("h3", {
+											className: "settings-group-title",
+											children: "Tiered observer routing"
+										}),
+										/* @__PURE__ */ u("div", {
+											className: "field field-checkbox",
+											children: [/* @__PURE__ */ u("input", {
+												checked: values.observerTierRoutingEnabled,
+												className: "cm-checkbox",
+												id: "observerTierRoutingEnabled",
+												onChange: onCheckboxInput("observerTierRoutingEnabled"),
+												type: "checkbox"
+											}), /* @__PURE__ */ u("label", {
+												htmlFor: "observerTierRoutingEnabled",
+												children: "Enable tiered routing"
+											})]
+										}),
+										/* @__PURE__ */ u("div", {
+											className: "small",
+											children: getTieredRoutingHelperText()
+										}),
+										/* @__PURE__ */ u(Field, {
+											hidden: !showTieredRouting,
+											children: [
+												/* @__PURE__ */ u("div", {
+													className: "field-label",
+													children: [/* @__PURE__ */ u("label", {
+														htmlFor: "observerSimpleModel",
+														children: "Simple tier model"
+													}), /* @__PURE__ */ u("button", {
+														"aria-label": "About simple tier model",
+														className: "help-icon",
+														"data-tooltip": "Used for lighter replay batches. Leave blank to keep codemem's routing defaults or base observer fallback.",
+														type: "button",
+														children: "?"
+													})]
+												}),
+												/* @__PURE__ */ u("input", {
+													id: "observerSimpleModel",
+													onInput: onTextInput("observerSimpleModel"),
+													placeholder: "leave empty for default",
+													value: values.observerSimpleModel
+												}),
+												/* @__PURE__ */ u("div", {
+													className: "small",
+													children: "Used when a batch falls below rich-routing thresholds."
+												})
+											]
+										}),
+										/* @__PURE__ */ u(Field, {
+											hidden: !showTieredRouting,
+											children: [
+												/* @__PURE__ */ u("div", {
+													className: "field-label",
+													children: [/* @__PURE__ */ u("label", {
+														htmlFor: "observerRichModel",
+														children: "Rich tier model"
+													}), /* @__PURE__ */ u("button", {
+														"aria-label": "About rich tier model",
+														className: "help-icon",
+														"data-tooltip": "Used for larger or more complex replay batches. Leave blank to keep codemem's rich-tier defaults.",
+														type: "button",
+														children: "?"
+													})]
+												}),
+												/* @__PURE__ */ u("input", {
+													id: "observerRichModel",
+													onInput: onTextInput("observerRichModel"),
+													placeholder: "leave empty for default",
+													value: values.observerRichModel
+												}),
+												/* @__PURE__ */ u("div", {
+													className: "small",
+													children: "Used when routing detects a richer replay batch."
+												})
+											]
+										}),
+										/* @__PURE__ */ u(Field, {
+											className: "field field-checkbox",
+											hidden: !showTieredRouting,
+											children: [/* @__PURE__ */ u("input", {
+												checked: values.observerRichOpenAIUseResponses,
+												className: "cm-checkbox",
+												id: "observerRichOpenAIUseResponses",
+												onChange: onCheckboxInput("observerRichOpenAIUseResponses"),
+												type: "checkbox"
+											}), /* @__PURE__ */ u("label", {
+												htmlFor: "observerRichOpenAIUseResponses",
+												children: "Use OpenAI Responses API for rich tier"
+											})]
+										}),
+										/* @__PURE__ */ u(Field, {
+											className: "field settings-advanced",
+											hidden: !showTieredRouting || hiddenUnlessAdvanced(),
+											children: [/* @__PURE__ */ u("label", {
+												htmlFor: "observerSimpleTemperature",
+												children: "Simple tier temperature"
+											}), /* @__PURE__ */ u("input", {
+												id: "observerSimpleTemperature",
+												min: "0",
+												onInput: onTextInput("observerSimpleTemperature"),
+												step: "0.1",
 												type: "number",
-												value: values.packObservationLimit
-											}),
-											/* @__PURE__ */ u("div", {
-												className: "small",
-												children: "Default number of observations to include in a pack."
-											})
-										]
-									}),
-									/* @__PURE__ */ u(Field, {
-										className: "field settings-advanced",
-										hidden: hiddenUnlessAdvanced(),
-										children: [
-											/* @__PURE__ */ u("label", {
-												htmlFor: "packSessionLimit",
-												children: "Session summary limit"
-											}),
-											/* @__PURE__ */ u("input", {
-												id: "packSessionLimit",
+												value: values.observerSimpleTemperature
+											})]
+										}),
+										/* @__PURE__ */ u(Field, {
+											className: "field settings-advanced",
+											hidden: !showTieredRouting || hiddenUnlessAdvanced(),
+											children: [/* @__PURE__ */ u("label", {
+												htmlFor: "observerRichTemperature",
+												children: "Rich tier temperature"
+											}), /* @__PURE__ */ u("input", {
+												id: "observerRichTemperature",
+												min: "0",
+												onInput: onTextInput("observerRichTemperature"),
+												step: "0.1",
+												type: "number",
+												value: values.observerRichTemperature
+											})]
+										}),
+										/* @__PURE__ */ u(Field, {
+											className: "field settings-advanced",
+											hidden: !showTieredRouting || hiddenUnlessAdvanced(),
+											children: [/* @__PURE__ */ u("label", {
+												htmlFor: "observerRichReasoningEffort",
+												children: "Rich tier reasoning effort"
+											}), /* @__PURE__ */ u("input", {
+												id: "observerRichReasoningEffort",
+												onInput: onTextInput("observerRichReasoningEffort"),
+												placeholder: "leave empty for default",
+												value: values.observerRichReasoningEffort
+											})]
+										}),
+										/* @__PURE__ */ u(Field, {
+											className: "field settings-advanced",
+											hidden: !showTieredRouting || hiddenUnlessAdvanced(),
+											children: [/* @__PURE__ */ u("label", {
+												htmlFor: "observerRichReasoningSummary",
+												children: "Rich tier reasoning summary"
+											}), /* @__PURE__ */ u("input", {
+												id: "observerRichReasoningSummary",
+												onInput: onTextInput("observerRichReasoningSummary"),
+												placeholder: "leave empty for default",
+												value: values.observerRichReasoningSummary
+											})]
+										}),
+										/* @__PURE__ */ u(Field, {
+											className: "field settings-advanced",
+											hidden: !showTieredRouting || hiddenUnlessAdvanced(),
+											children: [/* @__PURE__ */ u("label", {
+												htmlFor: "observerRichMaxOutputTokens",
+												children: "Rich tier max output tokens"
+											}), /* @__PURE__ */ u("input", {
+												id: "observerRichMaxOutputTokens",
 												min: "1",
-												onInput: onTextInput("packSessionLimit"),
+												onInput: onTextInput("observerRichMaxOutputTokens"),
+												step: "1",
 												type: "number",
-												value: values.packSessionLimit
-											}),
-											/* @__PURE__ */ u("div", {
-												className: "small",
-												children: "Default number of session summaries to include in a pack."
-											})
-										]
-									})
-								]
-							})]
+												value: values.observerRichMaxOutputTokens
+											})]
+										})
+									]
+								}),
+								/* @__PURE__ */ u("div", {
+									className: "settings-group settings-advanced",
+									hidden: hiddenUnlessAdvanced(),
+									children: [
+										/* @__PURE__ */ u("h3", {
+											className: "settings-group-title",
+											children: "Context Pack Limits"
+										}),
+										/* @__PURE__ */ u(Field, {
+											className: "field settings-advanced",
+											hidden: hiddenUnlessAdvanced(),
+											children: [
+												/* @__PURE__ */ u("label", {
+													htmlFor: "packObservationLimit",
+													children: "Observation limit"
+												}),
+												/* @__PURE__ */ u("input", {
+													id: "packObservationLimit",
+													min: "1",
+													onInput: onTextInput("packObservationLimit"),
+													type: "number",
+													value: values.packObservationLimit
+												}),
+												/* @__PURE__ */ u("div", {
+													className: "small",
+													children: "Default number of observations to include in a pack."
+												})
+											]
+										}),
+										/* @__PURE__ */ u(Field, {
+											className: "field settings-advanced",
+											hidden: hiddenUnlessAdvanced(),
+											children: [
+												/* @__PURE__ */ u("label", {
+													htmlFor: "packSessionLimit",
+													children: "Session summary limit"
+												}),
+												/* @__PURE__ */ u("input", {
+													id: "packSessionLimit",
+													min: "1",
+													onInput: onTextInput("packSessionLimit"),
+													type: "number",
+													value: values.packSessionLimit
+												}),
+												/* @__PURE__ */ u("div", {
+													className: "small",
+													children: "Default number of session summaries to include in a pack."
+												})
+											]
+										})
+									]
+								})
+							]
 						}),
 						/* @__PURE__ */ u("div", {
 							className: panelClass("sync"),
@@ -13360,7 +13781,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 		try {
 			const runtime = await loadRuntimeInfo();
 			if (!runtime?.version) return;
-			setRuntimeLabel(runtime.version, "8d28296");
+			setRuntimeLabel(runtime.version, "f7fb5fd");
 		} catch {}
 	}
 	var lastAnnouncedRefreshState = null;
@@ -13513,6 +13934,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
 	}
 	$select("projectFilter")?.addEventListener("change", () => {
 		state.currentProject = $select("projectFilter")?.value || "";
+		updateFeedView(true);
 		refresh();
 	});
 	var refreshDebounceTimer = null;