@gajae-code/coding-agent 0.3.0 → 0.3.2

package/src/modes/components/jobs-overlay.ts

@@ -0,0 +1,172 @@
+import { Container, type SelectItem, SelectList } from "@gajae-code/tui";
+import type { JobsSnapshot } from "../jobs-observer";
+import { getSelectListTheme } from "../theme/theme";
+import { DynamicBorder } from "./dynamic-border";
+import {
+	buildConfirmItems,
+	buildJobDetailItems,
+	buildJobsListItems,
+	type JobRef,
+	parseJobRef,
+} from "./jobs-overlay-model";
+
+/**
+ * Generic single-level selector used by the jobs overlay. The selector
+ * controller mounts a fresh instance per navigation level (list -> detail ->
+ * confirm); focus is placed on the inner SelectList, matching the existing
+ * selector components (e.g. ThemeSelectorComponent).
+ */
+export class JobsSelectorComponent extends Container {
+	#selectList: SelectList;
+
+	constructor(items: SelectItem[], onSelect: (item: SelectItem) => void, onCancel: () => void, maxVisible = 12) {
+		super();
+		this.addChild(new DynamicBorder());
+		this.#selectList = new SelectList(items, maxVisible, getSelectListTheme());
+		this.#selectList.onSelect = onSelect;
+		this.#selectList.onCancel = onCancel;
+		this.addChild(this.#selectList);
+		this.addChild(new DynamicBorder());
+	}
+
+	getSelectList(): SelectList {
+		return this.#selectList;
+	}
+}
+
+export interface JobsOverlayController {
+	acknowledgeFailures(): void;
+	getSnapshot(): JobsSnapshot;
+	getMonitorOutput(id: string): string;
+	cancelMonitor(id: string): boolean;
+	deleteCron(id: string): boolean;
+}
+
+export interface JobsOverlayCallbacks {
+	close(): void;
+	requestRender(): void;
+}
+
+type JobsOverlayView = "list" | "detail" | "confirm";
+type JobsOverlayAction = "cancel" | "delete";
+
+export class JobsOverlayComponent extends Container {
+	readonly #controller: JobsOverlayController;
+	readonly #callbacks: JobsOverlayCallbacks;
+	#view: JobsOverlayView = "list";
+	#ref: JobRef | undefined;
+	#action: JobsOverlayAction | undefined;
+	#selectList: SelectList | undefined;
+
+	constructor(controller: JobsOverlayController, callbacks: JobsOverlayCallbacks) {
+		super();
+		this.#controller = controller;
+		this.#callbacks = callbacks;
+		this.#controller.acknowledgeFailures();
+		this.#renderList();
+	}
+
+	getFocus(): SelectList {
+		if (!this.#selectList) throw new Error("Jobs overlay has no focusable list");
+		return this.#selectList;
+	}
+
+	handleInput(data: string): void {
+		if (this.#view === "confirm") {
+			const key = data.toLowerCase();
+			if (key === "y") {
+				this.#confirmYes();
+				return;
+			}
+			if (key === "n") {
+				this.#renderDetail();
+				return;
+			}
+		}
+		this.#selectList?.handleInput(data);
+	}
+
+	#replaceList(
+		items: SelectItem[],
+		onSelect: (item: SelectItem) => void,
+		onCancel: () => void,
+		maxVisible = 12,
+	): void {
+		this.clear();
+		this.addChild(new DynamicBorder());
+		this.#selectList = new SelectList(items, maxVisible, getSelectListTheme());
+		this.#selectList.onSelect = onSelect;
+		this.#selectList.onCancel = onCancel;
+		this.addChild(this.#selectList);
+		this.addChild(new DynamicBorder());
+		this.#callbacks.requestRender();
+	}
+
+	#renderList(): void {
+		this.#view = "list";
+		this.#ref = undefined;
+		this.#action = undefined;
+		const snapshot = this.#controller.getSnapshot();
+		const built = buildJobsListItems(snapshot);
+		const items = built.length > 0 ? built : [{ value: "close", label: "No active monitor or cron jobs" }];
+		this.#replaceList(
+			items,
+			item => {
+				const ref = parseJobRef(item.value);
+				if (ref) this.#renderDetail(ref);
+				else this.#callbacks.close();
+			},
+			() => this.#callbacks.close(),
+		);
+	}
+
+	#renderDetail(ref = this.#ref): void {
+		if (!ref) {
+			this.#renderList();
+			return;
+		}
+		this.#view = "detail";
+		this.#ref = ref;
+		this.#action = undefined;
+		const output = ref.kind === "monitor" ? this.#controller.getMonitorOutput(ref.id) : "";
+		const items = buildJobDetailItems(this.#controller.getSnapshot(), ref, output);
+		this.#replaceList(
+			items,
+			item => {
+				if (item.value === "action:cancel") this.#renderConfirm("cancel");
+				else if (item.value === "action:delete") this.#renderConfirm("delete");
+				else if (item.value === "back") this.#renderList();
+			},
+			() => this.#callbacks.close(),
+		);
+	}
+
+	#renderConfirm(action: JobsOverlayAction): void {
+		if (!this.#ref) {
+			this.#renderList();
+			return;
+		}
+		this.#view = "confirm";
+		this.#action = action;
+		const label = action === "cancel" ? "cancel this monitor" : "delete this cron";
+		this.#replaceList(
+			buildConfirmItems(label),
+			item => {
+				if (item.value === "yes") this.#confirmYes();
+				else this.#renderDetail();
+			},
+			() => this.#renderDetail(),
+			4,
+		);
+	}
+
+	#confirmYes(): void {
+		if (!this.#ref || !this.#action) {
+			this.#renderList();
+			return;
+		}
+		if (this.#action === "cancel") this.#controller.cancelMonitor(this.#ref.id);
+		else this.#controller.deleteCron(this.#ref.id);
+		this.#renderList();
+	}
+}

package/src/modes/components/model-selector.ts

@@ -12,6 +12,7 @@ import {
 	Text,
 	type TUI,
 } from "@gajae-code/tui";
+import type { ModelProfileDefinition } from "../../config/model-profiles";
 import type { GjcModelAssignmentTargetId, ModelRegistry } from "../../config/model-registry";
 import { GJC_MODEL_ASSIGNMENT_TARGET_IDS, GJC_MODEL_ASSIGNMENT_TARGETS } from "../../config/model-registry";
 import {
@@ -74,6 +75,12 @@ interface CanonicalModelItem {
 	explicitThinkingLevel?: boolean;
 }
 
+interface ProfileItem {
+	kind: "profile";
+	name: string;
+	profile: ModelProfileDefinition;
+}
+
 type ScopedModelItem = ScopedModelSelection;
 
 interface RoleAssignment {
@@ -102,6 +109,11 @@ export type ModelSelectorSelection =
 			selector: string;
 			preset: ModelAssignmentPreset;
 			assignments: Record<GjcModelAssignmentTargetId, ThinkingLevel>;
+	  }
+	| {
+			kind: "profile";
+			profileName: string;
+			setDefault: boolean;
 	  };
 
 interface PendingThinkingChoice {
@@ -110,7 +122,7 @@ interface PendingThinkingChoice {
 	levels: ThinkingLevel[];
 }
 
-type RoleSelectCallback = (selection: ModelSelectorSelection) => void;
+type RoleSelectCallback = (selection: ModelSelectorSelection) => void | Promise<void>;
 type CancelCallback = () => void;
 
 interface ProviderTabState {
@@ -161,6 +173,7 @@ export class ModelSelectorComponent extends Container {
 	#filteredModels: ModelItem[] = [];
 	#canonicalModels: CanonicalModelItem[] = [];
 	#filteredCanonicalModels: CanonicalModelItem[] = [];
+	#profileItems: ProfileItem[] = [];
 	#selectedIndex: number = 0;
 	#roles = {} as Record<string, RoleAssignment | undefined>;
 	#settings = null as unknown as Settings;
@@ -228,7 +241,11 @@ export class ModelSelectorComponent extends Container {
 		this.#searchInput.onSubmit = () => {
 			const selectedItem = this.#getSelectedItem();
 			if (selectedItem) {
-				this.#beginActionMenuOrSelect(selectedItem);
+				if (selectedItem.kind === "profile") {
+					this.#beginProfileActionMenu(selectedItem);
+				} else {
+					this.#beginActionMenuOrSelect(selectedItem);
+				}
 			}
 		};
 		this.addChild(this.#searchInput);
@@ -465,11 +482,18 @@ export class ModelSelectorComponent extends Container {
 
 		this.#sortModels(models);
 		this.#sortCanonicalModels(canonicalModels);
+		const profiles = this.#modelRegistry.getModelProfiles?.() ?? new Map();
+		const profileItems = this.#temporaryOnly
+			? []
+			: [...profiles.values()]
+					.sort((a, b) => a.name.localeCompare(b.name))
+					.map(profile => ({ kind: "profile" as const, name: profile.name, profile }));
 
 		this.#allModels = models;
 		this.#filteredModels = models;
 		this.#canonicalModels = canonicalModels;
 		this.#filteredCanonicalModels = canonicalModels;
+		this.#profileItems = profileItems;
 		this.#selectedIndex = Math.min(this.#selectedIndex, Math.max(0, models.length - 1));
 	}
 
@@ -664,20 +688,40 @@ export class ModelSelectorComponent extends Container {
 		}
 	}
 
+	#getVisibleProfiles(): ProfileItem[] {
+		return !this.#temporaryOnly && !this.#isCanonicalTab() && this.#getActiveTabId() === ALL_TAB
+			? this.#profileItems
+			: [];
+	}
+
 	#updateList(): void {
 		this.#listContainer.clear();
 		const isCanonicalTab = this.#isCanonicalTab();
+		const visibleProfiles = this.#getVisibleProfiles();
+		const modelSelectedIndex = Math.max(0, this.#selectedIndex - visibleProfiles.length);
 		const visibleItems = isCanonicalTab ? this.#filteredCanonicalModels : this.#filteredModels;
 
 		const maxVisible = 10;
 		const startIndex = Math.max(
 			0,
-			Math.min(this.#selectedIndex - Math.floor(maxVisible / 2), visibleItems.length - maxVisible),
+			Math.min(modelSelectedIndex - Math.floor(maxVisible / 2), visibleItems.length - maxVisible),
 		);
 		const endIndex = Math.min(startIndex + maxVisible, visibleItems.length);
 
 		const showProvider = this.#getActiveTabId() === ALL_TAB;
 
+		if (visibleProfiles.length > 0) {
+			this.#listContainer.addChild(new Text(theme.fg("muted", "Profiles"), 0, 0));
+			for (let i = 0; i < visibleProfiles.length; i++) {
+				const profile = visibleProfiles[i];
+				if (!profile) continue;
+				const isSelected = i === this.#selectedIndex;
+				const prefix = isSelected ? theme.fg("accent", `${theme.nav.cursor} `) : "  ";
+				const label = isSelected ? theme.fg("accent", profile.name) : profile.name;
+				this.#listContainer.addChild(new Text(`${prefix}${label}`, 0, 0));
+			}
+			this.#listContainer.addChild(new Spacer(1));
+		}
 		// Show visible slice of filtered models
 		for (let i = startIndex; i < endIndex; i++) {
 			const item = visibleItems[i];
@@ -685,7 +729,7 @@ export class ModelSelectorComponent extends Container {
 			const canonicalItem = isCanonicalTab ? (item as CanonicalModelItem) : undefined;
 			const providerItem = isCanonicalTab ? undefined : (item as ModelItem);
 
-			const isSelected = i === this.#selectedIndex;
+			const isSelected = i + visibleProfiles.length === this.#selectedIndex;
 
 			// Build role badges (inverted: color as background, black text)
 			const roleBadgeTokens: string[] = [];
@@ -742,7 +786,7 @@ export class ModelSelectorComponent extends Container {
 			for (const line of errorLines) {
 				this.#listContainer.addChild(new Text(theme.fg("error", line), 0, 0));
 			}
-		} else if (visibleItems.length === 0) {
+		} else if (visibleItems.length === 0 && visibleProfiles.length === 0) {
 			const statusMessage = this.#getProviderEmptyStateMessage();
 			this.#listContainer.addChild(
 				new Text(
@@ -751,8 +795,13 @@ export class ModelSelectorComponent extends Container {
 					0,
 				),
 			);
+		} else if (this.#selectedIndex < visibleProfiles.length) {
+			const selectedProfile = visibleProfiles[this.#selectedIndex];
+			if (selectedProfile && this.#pendingActionItem) {
+				this.#renderProfileActionMenu(selectedProfile);
+			}
 		} else {
-			const selected = visibleItems[this.#selectedIndex];
+			const selected = visibleItems[modelSelectedIndex];
 			if (!selected) {
 				return;
 			}
@@ -806,6 +855,20 @@ export class ModelSelectorComponent extends Container {
 		}
 	}
 
+	#renderProfileActionMenu(profile: ProfileItem): void {
+		this.#listContainer.addChild(new Spacer(1));
+		this.#listContainer.addChild(new Text(theme.fg("muted", `  Action for profile: ${profile.name}`), 0, 0));
+		this.#listContainer.addChild(new Spacer(1));
+		const labels = ["Apply for this session", "Set as default"];
+		for (let i = 0; i < labels.length; i++) {
+			const label = labels[i] ?? "";
+			const prefix = i === this.#selectedActionIndex ? theme.fg("accent", `${theme.nav.cursor} `) : "  ";
+			this.#listContainer.addChild(
+				new Text(`${prefix}${i === this.#selectedActionIndex ? theme.fg("accent", label) : label}`, 0, 0),
+			);
+		}
+	}
+
 	#getCurrentRoleThinkingLevel(role: string): ThinkingLevel {
 		return this.#roles[role]?.thinkingLevel ?? ThinkingLevel.Inherit;
 	}
@@ -813,10 +876,11 @@ export class ModelSelectorComponent extends Container {
 		return GJC_MODEL_ASSIGNMENT_TARGET_IDS.length + (supportsOpenAICodexPreset(model) ? 1 : 0);
 	}
 
-	#getSelectedItem(): ModelItem | CanonicalModelItem | undefined {
-		return this.#isCanonicalTab()
-			? this.#filteredCanonicalModels[this.#selectedIndex]
-			: this.#filteredModels[this.#selectedIndex];
+	#getSelectedItem(): ModelItem | CanonicalModelItem | ProfileItem | undefined {
+		const visibleProfiles = this.#getVisibleProfiles();
+		if (this.#selectedIndex < visibleProfiles.length) return visibleProfiles[this.#selectedIndex];
+		const modelIndex = this.#selectedIndex - visibleProfiles.length;
+		return this.#isCanonicalTab() ? this.#filteredCanonicalModels[modelIndex] : this.#filteredModels[modelIndex];
 	}
 
 	handleInput(keyData: string): void {
@@ -836,7 +900,9 @@ export class ModelSelectorComponent extends Container {
 
 		// Up arrow - navigate list (wrap to bottom when at top)
 		if (matchesKey(keyData, "up")) {
-			const itemCount = this.#isCanonicalTab() ? this.#filteredCanonicalModels.length : this.#filteredModels.length;
+			const itemCount =
+				this.#getVisibleProfiles().length +
+				(this.#isCanonicalTab() ? this.#filteredCanonicalModels.length : this.#filteredModels.length);
 			if (itemCount === 0) return;
 			this.#selectedIndex = this.#selectedIndex === 0 ? itemCount - 1 : this.#selectedIndex - 1;
 			this.#updateList();
@@ -845,7 +911,9 @@ export class ModelSelectorComponent extends Container {
 
 		// Down arrow - navigate list (wrap to top when at bottom)
 		if (matchesKey(keyData, "down")) {
-			const itemCount = this.#isCanonicalTab() ? this.#filteredCanonicalModels.length : this.#filteredModels.length;
+			const itemCount =
+				this.#getVisibleProfiles().length +
+				(this.#isCanonicalTab() ? this.#filteredCanonicalModels.length : this.#filteredModels.length);
 			if (itemCount === 0) return;
 			this.#selectedIndex = this.#selectedIndex === itemCount - 1 ? 0 : this.#selectedIndex + 1;
 			this.#updateList();
@@ -857,7 +925,11 @@ export class ModelSelectorComponent extends Container {
 		if (matchesKey(keyData, "enter") || matchesKey(keyData, "return") || keyData === "\n") {
 			const selectedItem = this.#getSelectedItem();
 			if (selectedItem) {
-				this.#beginActionMenuOrSelect(selectedItem);
+				if (selectedItem.kind === "profile") {
+					this.#beginProfileActionMenu(selectedItem);
+				} else {
+					this.#beginActionMenuOrSelect(selectedItem);
+				}
 			}
 			return;
 		}
@@ -872,6 +944,12 @@ export class ModelSelectorComponent extends Container {
 		this.#searchInput.handleInput(keyData);
 		this.#filterModels(this.#searchInput.getValue());
 	}
+	#beginProfileActionMenu(profile: ProfileItem): void {
+		this.#pendingActionItem = profile as unknown as ModelItem;
+		this.#selectedActionIndex = 0;
+		this.#updateList();
+	}
+
 	#beginActionMenuOrSelect(item: ModelItem | CanonicalModelItem): void {
 		if (this.#temporaryOnly) {
 			this.#handleSelect(item, null);
@@ -885,7 +963,7 @@ export class ModelSelectorComponent extends Container {
 	#handleActionMenuInput(keyData: string): void {
 		const item = this.#pendingActionItem;
 		if (!item) return;
-		const actionCount = this.#getActionCount(item.model);
+		const actionCount = (item as unknown as ProfileItem).kind === "profile" ? 2 : this.#getActionCount(item.model);
 		if (matchesKey(keyData, "up")) {
 			this.#selectedActionIndex = this.#selectedActionIndex === 0 ? actionCount - 1 : this.#selectedActionIndex - 1;
 			this.#updateList();
@@ -898,11 +976,20 @@ export class ModelSelectorComponent extends Container {
 		}
 		if (matchesKey(keyData, "enter") || matchesKey(keyData, "return") || keyData === "\n") {
 			this.#pendingActionItem = undefined;
-			const role = GJC_MODEL_ASSIGNMENT_TARGET_IDS[this.#selectedActionIndex];
-			if (role) {
-				this.#handleSelect(item, role);
+			if ((item as unknown as ProfileItem).kind === "profile") {
+				const profile = item as unknown as ProfileItem;
+				this.#onSelectCallback({
+					kind: "profile",
+					profileName: profile.name,
+					setDefault: this.#selectedActionIndex === 1,
+				});
 			} else {
-				this.#handlePresetSelect(item, OPENAI_CODE_PROFILE_PRESET);
+				const role = GJC_MODEL_ASSIGNMENT_TARGET_IDS[this.#selectedActionIndex];
+				if (role) {
+					this.#handleSelect(item, role);
+				} else {
+					this.#handlePresetSelect(item, OPENAI_CODE_PROFILE_PRESET);
+				}
 			}
 			return;
 		}
@@ -1004,6 +1091,9 @@ export class ModelSelectorComponent extends Container {
 	getSearchInput(): Input {
 		return this.#searchInput;
 	}
+	async __testSelectProfile(profileName: string, setDefault: boolean): Promise<void> {
+		await this.#onSelectCallback({ kind: "profile", profileName, setDefault });
+	}
 }
 
 function requiresExplicitThinkingChoice(model: Model): boolean {

package/src/modes/components/provider-onboarding-selector.ts

@@ -4,7 +4,7 @@ import { matchesSelectCancel } from "../../modes/utils/keybinding-matchers";
 import { formatModelOnboardingGuidance } from "../../setup/model-onboarding-guidance";
 import { DynamicBorder } from "./dynamic-border";
 
-export type ProviderOnboardingAction = "oauth-login" | "api-guide";
+export type ProviderOnboardingAction = "custom-provider-wizard" | "oauth-login" | "api-guide";
 
 interface ProviderOnboardingOption {
 	label: string;
@@ -13,6 +13,11 @@ interface ProviderOnboardingOption {
 }
 
 const PROVIDER_ONBOARDING_OPTIONS: ProviderOnboardingOption[] = [
+	{
+		label: "Add custom provider",
+		description: "Configure an OpenAI- or Anthropic-compatible API provider interactively.",
+		action: "custom-provider-wizard",
+	},
 	{
 		label: "Login with OAuth/subscription",
 		description: "Open the interactive OAuth provider selector.",

package/src/modes/components/status-line/presets.ts

@@ -3,7 +3,7 @@ import type { PresetDef, StatusLinePreset } from "./types";
 export const STATUS_LINE_PRESETS: Record<StatusLinePreset, PresetDef> = {
 	default: {
 		leftSegments: ["model", "mode", "git", "pr", "path"],
-		rightSegments: ["session_name", "token_rate", "context_pct", "cost"],
+		rightSegments: ["session_name", "jobs", "token_rate", "context_pct", "cost"],
 		separator: "slash",
 		segmentOptions: {
 			model: { showThinkingLevel: true },
@@ -14,7 +14,7 @@ export const STATUS_LINE_PRESETS: Record<StatusLinePreset, PresetDef> = {
 
 	minimal: {
 		leftSegments: ["path", "git"],
-		rightSegments: ["session_name", "mode", "context_pct"],
+		rightSegments: ["session_name", "jobs", "mode", "context_pct"],
 		separator: "slash",
 		segmentOptions: {
 			path: { abbreviate: true, maxLength: 30 },
@@ -24,7 +24,7 @@ export const STATUS_LINE_PRESETS: Record<StatusLinePreset, PresetDef> = {
 
 	compact: {
 		leftSegments: ["model", "mode", "git", "pr"],
-		rightSegments: ["session_name", "cost", "context_pct"],
+		rightSegments: ["session_name", "jobs", "cost", "context_pct"],
 		separator: "slash",
 		segmentOptions: {
 			model: { showThinkingLevel: false },
@@ -36,6 +36,7 @@ export const STATUS_LINE_PRESETS: Record<StatusLinePreset, PresetDef> = {
 		leftSegments: ["gajae", "hostname", "model", "mode", "path", "git", "pr", "subagents"],
 		rightSegments: [
 			"session_name",
+			"jobs",
 			"token_in",
 			"token_out",
 			"token_rate",
@@ -59,6 +60,7 @@ export const STATUS_LINE_PRESETS: Record<StatusLinePreset, PresetDef> = {
 		leftSegments: ["gajae", "hostname", "model", "mode", "path", "git", "pr", "session", "subagents"],
 		rightSegments: [
 			"session_name",
+			"jobs",
 			"token_in",
 			"token_out",
 			"cache_read",
@@ -82,7 +84,7 @@ export const STATUS_LINE_PRESETS: Record<StatusLinePreset, PresetDef> = {
 	ascii: {
 		// No Nerd Font dependencies
 		leftSegments: ["model", "mode", "path", "git", "pr"],
-		rightSegments: ["session_name", "token_total", "cost", "context_pct"],
+		rightSegments: ["session_name", "jobs", "token_total", "cost", "context_pct"],
 		separator: "ascii",
 		segmentOptions: {
 			model: { showThinkingLevel: true },
@@ -94,7 +96,7 @@ export const STATUS_LINE_PRESETS: Record<StatusLinePreset, PresetDef> = {
 	custom: {
 		// User-defined - these are just defaults that get overridden
 		leftSegments: ["model", "mode", "path", "git", "pr"],
-		rightSegments: ["session_name", "token_total", "cost", "context_pct"],
+		rightSegments: ["session_name", "jobs", "token_total", "cost", "context_pct"],
 		separator: "slash",
 		segmentOptions: {},
 	},

package/src/modes/components/status-line/segments.ts

@@ -270,6 +270,30 @@ const subagentsSegment: StatusLineSegment = {
 	},
 };
 
+const jobsSegment: StatusLineSegment = {
+	id: "jobs",
+	render(ctx) {
+		const { jobs } = ctx;
+		const visible = jobs.activeMonitorCount > 0 || jobs.activeCronCount > 0 || jobs.worstState === "failed";
+		if (!visible) {
+			return { content: "", visible: false };
+		}
+		const parts: string[] = [];
+		if (jobs.activeMonitorCount > 0) {
+			parts.push(withIcon(theme.icon.agents, `${jobs.activeMonitorCount}`));
+		}
+		if (jobs.activeCronCount > 0) {
+			parts.push(withIcon(theme.icon.time, `${jobs.activeCronCount}`));
+		}
+		if (parts.length === 0) {
+			// Nothing active but a failure is unacknowledged — keep a drill-in marker.
+			parts.push(withIcon(theme.icon.warning, "jobs"));
+		}
+		const color: ThemeColor = jobs.worstState === "failed" ? "error" : "statusLineSubagents";
+		return { content: theme.fg(color, parts.join(" ")), visible: true };
+	},
+};
+
 const tokenInSegment: StatusLineSegment = {
 	id: "token_in",
 	render(ctx) {
@@ -521,6 +545,7 @@ export const SEGMENTS: Record<StatusLineSegmentId, StatusLineSegment> = {
 	git: gitSegment,
 	pr: prSegment,
 	subagents: subagentsSegment,
+	jobs: jobsSegment,
 	token_in: tokenInSegment,
 	token_out: tokenOutSegment,
 	token_total: tokenTotalSegment,

package/src/modes/components/status-line/types.ts

@@ -1,5 +1,6 @@
 import type { StatusLinePreset, StatusLineSegmentId, StatusLineSeparatorStyle } from "../../../config/settings-schema";
 import type { AgentSession } from "../../../session/agent-session";
+import type { JobsSnapshot } from "../../jobs-observer";
 import type { StatusLineSegmentOptions, StatusLineSettings } from "../status-line";
 
 export type {
@@ -42,6 +43,7 @@ export interface SegmentContext {
 	contextWindow: number;
 	autoCompactEnabled: boolean;
 	subagentCount: number;
+	jobs: JobsSnapshot;
 	sessionStartTime: number;
 	git: {
 		branch: string | null;

package/src/modes/components/status-line.ts

@@ -11,6 +11,7 @@ import type { AgentSession } from "../../session/agent-session";
 import { readVisibleSkillActiveState, type SkillActiveEntry } from "../../skill-state/active-state";
 import * as git from "../../utils/git";
 import { getSessionAccentAnsi, getSessionAccentHex } from "../../utils/session-color";
+import { EMPTY_JOBS_SNAPSHOT, type JobsSnapshot } from "../jobs-observer";
 import { sanitizeStatusText } from "../shared";
 import { computeNonMessageTokens } from "../utils/context-usage";
 import { renderSkillHudBar } from "./skill-hud/render";
@@ -153,6 +154,7 @@ export class StatusLineComponent implements Component {
 	#autoCompactEnabled: boolean = true;
 	#hookStatuses: Map<string, string> = new Map();
 	#subagentCount: number = 0;
+	#jobs: JobsSnapshot = EMPTY_JOBS_SNAPSHOT;
 	#sessionStartTime: number = Date.now();
 	#planModeStatus: { enabled: boolean; paused: boolean } | null = null;
 	#goalModeStatus: { enabled: boolean; paused: boolean } | null = null;
@@ -220,6 +222,10 @@ export class StatusLineComponent implements Component {
 		this.#subagentCount = count;
 	}
 
+	setJobs(jobs: JobsSnapshot): void {
+		this.#jobs = jobs;
+	}
+
 	setSessionStartTime(time: number): void {
 		this.#sessionStartTime = time;
 	}
@@ -612,6 +618,7 @@ export class StatusLineComponent implements Component {
 			contextWindow,
 			autoCompactEnabled: this.#autoCompactEnabled,
 			subagentCount: this.#subagentCount,
+			jobs: this.#jobs,
 			sessionStartTime: this.#sessionStartTime,
 			git: {
 				branch: this.#getCurrentBranch(),
@@ -687,7 +694,8 @@ export class StatusLineComponent implements Component {
 			}
 		}
 
-		const runningBackgroundJobs = this.session.getAsyncJobSnapshot()?.running.length ?? 0;
+		const runningBackgroundJobs =
+			this.session.getAsyncJobSnapshot()?.running.filter(job => job.metadata?.monitor !== true).length ?? 0;
 		if (runningBackgroundJobs > 0) {
 			const icon = theme.icon.agents ? `${theme.icon.agents} ` : "";
 			const label = `${formatCount("job", runningBackgroundJobs)} running`;