@nghyane/arcane 0.1.10 → 0.1.12

package/CHANGELOG.md

@@ -2,6 +2,17 @@
 
 ## [Unreleased]
 
+## [0.1.12] - 2026-02-24
+
+### Fixed
+
+- Preserve single blank line content in edit tool — `hashlineParseContent` no longer strips the only line when it is empty
+
+### Changed
+
+- Stream codemode intent immediately during LLM generation instead of waiting for execution start
+- Hide loader spinner when codemode group is active to avoid duplicate status indicators
+
 ## [0.1.8] - 2026-02-22
 
 ### Changed

package/package.json

@@ -1,7 +1,7 @@
 {
 	"type": "module",
 	"name": "@nghyane/arcane",
-	"version": "0.1.10",
+	"version": "0.1.12",
 	"description": "Coding agent CLI with read, bash, edit, write tools and session management",
 	"homepage": "https://github.com/nghyane/arcane",
 	"author": "Can Bölük",
@@ -45,11 +45,11 @@
 	"dependencies": {
 		"@mozilla/readability": "0.6.0",
 		"@nghyane/arcane-stats": "^0.1.8",
-		"@nghyane/arcane-agent": "^0.1.8",
-		"@nghyane/arcane-codemode": "^0.1.9",
+		"@nghyane/arcane-agent": "^0.1.10",
+		"@nghyane/arcane-codemode": "^0.1.11",
 		"@nghyane/arcane-ai": "^0.1.8",
 		"@nghyane/arcane-natives": "^0.1.7",
-		"@nghyane/arcane-tui": "^0.1.8",
+		"@nghyane/arcane-tui": "^0.1.9",
 		"@nghyane/arcane-utils": "^0.1.6",
 		"@sinclair/typebox": "^0.34.48",
 		"@xterm/headless": "^6.0.0",

package/src/extensibility/plugins/installer.ts

@@ -2,6 +2,7 @@ import * as fs from "node:fs/promises";
 import * as path from "node:path";
 import { isEnoent } from "@nghyane/arcane-utils";
 import { getAgentDir, getProjectDir } from "@nghyane/arcane-utils/dirs";
+import { $ } from "bun";
 import type { InstalledPlugin } from "./types";
 
 const PLUGINS_DIR = path.join(getAgentDir(), "plugins");
@@ -45,17 +46,9 @@ export async function installPlugin(packageName: string): Promise<InstalledPlugi
 	}
 
 	// Run npm install in plugins directory
-	const proc = Bun.spawn(["bun", "install", packageName], {
-		cwd: PLUGINS_DIR,
-		stdin: "ignore",
-		stdout: "pipe",
-		stderr: "pipe",
-		windowsHide: true,
-	});
-
-	const exitCode = await proc.exited;
-	if (exitCode !== 0) {
-		const stderr = await new Response(proc.stderr).text();
+	const result = await $`bun install ${packageName}`.cwd(PLUGINS_DIR).quiet().nothrow();
+	if (result.exitCode !== 0) {
+		const stderr = result.stderr.toString().trim();
 		throw new Error(`Failed to install ${packageName}: ${stderr}`);
 	}
 
@@ -87,16 +80,8 @@ export async function uninstallPlugin(name: string): Promise<void> {
 
 	await ensurePluginsDir();
 
-	const proc = Bun.spawn(["bun", "uninstall", name], {
-		cwd: PLUGINS_DIR,
-		stdin: "ignore",
-		stdout: "pipe",
-		stderr: "pipe",
-		windowsHide: true,
-	});
-
-	const exitCode = await proc.exited;
-	if (exitCode !== 0) {
+	const result = await $`bun uninstall ${name}`.cwd(PLUGINS_DIR).quiet().nothrow();
+	if (result.exitCode !== 0) {
 		throw new Error(`Failed to uninstall ${name}`);
 	}
 }

package/src/extensibility/plugins/manager.ts

@@ -9,6 +9,7 @@ import {
 	getProjectDir,
 	getProjectPluginOverridesPath,
 } from "@nghyane/arcane-utils/dirs";
+import { $ } from "bun";
 import { extractPackageName, parsePluginSpec } from "./parser";
 import type {
 	DoctorCheck,
@@ -155,17 +156,9 @@ export class PluginManager {
 		}
 
 		// Run npm install
-		const proc = Bun.spawn(["bun", "install", spec.packageName], {
-			cwd: getPluginsDir(),
-			stdin: "ignore",
-			stdout: "pipe",
-			stderr: "pipe",
-			windowsHide: true,
-		});
-
-		const exitCode = await proc.exited;
-		if (exitCode !== 0) {
-			const stderr = await new Response(proc.stderr).text();
+		const result = await $`bun install ${spec.packageName}`.cwd(getPluginsDir()).quiet().nothrow();
+		if (result.exitCode !== 0) {
+			const stderr = result.stderr.toString().trim();
 			throw new Error(`npm install failed: ${stderr}`);
 		}
 
@@ -236,16 +229,8 @@ export class PluginManager {
 		validatePackageName(name);
 		await this.#ensurePackageJson();
 
-		const proc = Bun.spawn(["bun", "uninstall", name], {
-			cwd: getPluginsDir(),
-			stdin: "ignore",
-			stdout: "pipe",
-			stderr: "pipe",
-			windowsHide: true,
-		});
-
-		const exitCode = await proc.exited;
-		if (exitCode !== 0) {
+		const result = await $`bun uninstall ${name}`.cwd(getPluginsDir()).quiet().nothrow();
+		if (result.exitCode !== 0) {
 			throw new Error(`npm uninstall failed for ${name}`);
 		}
 
@@ -619,14 +604,8 @@ export class PluginManager {
 
 	async #fixMissingPlugin(): Promise<boolean> {
 		try {
-			const proc = Bun.spawn(["bun", "install"], {
-				cwd: getPluginsDir(),
-				stdin: "ignore",
-				stdout: "pipe",
-				stderr: "pipe",
-				windowsHide: true,
-			});
-			return (await proc.exited) === 0;
+			const result = await $`bun install`.cwd(getPluginsDir()).quiet().nothrow();
+			return result.exitCode === 0;
 		} catch {
 			return false;
 		}

package/src/main.ts

@@ -11,6 +11,7 @@ import * as os from "node:os";
 import * as path from "node:path";
 import { createInterface } from "node:readline/promises";
 import { type ImageContent, supportsXhigh } from "@nghyane/arcane-ai";
+import { queryTerminalBackground } from "@nghyane/arcane-tui";
 import { $env, postmortem } from "@nghyane/arcane-utils";
 import { getProjectDir, setProjectDir } from "@nghyane/arcane-utils/dirs";
 import chalk from "chalk";
@@ -591,12 +592,14 @@ export async function runRootCommand(parsed: Args, rawArgs: string[]): Promise<v
 		});
 	}
 
+	const terminalBg = isInteractive ? await queryTerminalBackground() : null;
 	await initTheme(
 		isInteractive,
 		settings.get("symbolPreset"),
 		settings.get("colorBlindMode"),
 		settings.get("theme.dark"),
 		settings.get("theme.light"),
+		terminalBg ?? undefined,
 	);
 	time("initTheme:final");
 

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

@@ -21,7 +21,7 @@ import { DynamicBorder } from "./dynamic-border";
 function makeInvertedBadge(label: string, color: ThemeColor): string {
 	const fgAnsi = theme.getFgAnsi(color);
 	const bgAnsi = fgAnsi.replace(/\x1b\[38;/g, "\x1b[48;");
-	return `${bgAnsi}\x1b[30m ${label} \x1b[39m\x1b[49m`;
+	return `${bgAnsi}\x1b[30m ${label} \x1b[39m${theme.getAppBgAnsi()}`;
 }
 
 interface ModelItem {

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

@@ -309,78 +309,53 @@ export class StatusLineComponent implements Component {
 		const ctx = this.#buildSegmentContext(width);
 		const effectiveSettings = this.#resolveSettings();
 		const separatorDef = getSeparator(effectiveSettings.separator ?? "powerline-thin", theme);
-
-		const bgAnsi = theme.getBgAnsi("statusLineBg");
 		const fgAnsi = theme.getFgAnsi("text");
 		const sepAnsi = theme.getFgAnsi("statusLineSep");
+		const leftSepWidth = visibleWidth(separatorDef.left);
+		const rightSepWidth = visibleWidth(separatorDef.right);
 
-		// Collect visible segment contents
 		const leftParts: string[] = [];
-		for (const segId of effectiveSettings.leftSegments) {
+		for (const segId of this.#resolveSettings().leftSegments) {
 			const rendered = renderSegment(segId, ctx);
-			if (rendered.visible && rendered.content) {
-				leftParts.push(rendered.content);
-			}
+			if (rendered.visible && rendered.content) leftParts.push(rendered.content);
 		}
 
 		const rightParts: string[] = [];
-		for (const segId of effectiveSettings.rightSegments) {
+		for (const segId of this.#resolveSettings().rightSegments) {
 			const rendered = renderSegment(segId, ctx);
-			if (rendered.visible && rendered.content) {
-				rightParts.push(rendered.content);
-			}
+			if (rendered.visible && rendered.content) rightParts.push(rendered.content);
 		}
 
 		const topFillWidth = width > 0 ? Math.max(0, width - 4) : 0;
 		const left = [...leftParts];
 		const right = [...rightParts];
 
-		const leftSepWidth = visibleWidth(separatorDef.left);
-		const rightSepWidth = visibleWidth(separatorDef.right);
-		const leftCapWidth = separatorDef.endCaps ? visibleWidth(separatorDef.endCaps.right) : 0;
-		const rightCapWidth = separatorDef.endCaps ? visibleWidth(separatorDef.endCaps.left) : 0;
-
-		const groupWidth = (parts: string[], capWidth: number, sepWidth: number): number => {
+		const groupWidth = (parts: string[], sepWidth: number): number => {
 			if (parts.length === 0) return 0;
 			const partsWidth = parts.reduce((sum, part) => sum + visibleWidth(part), 0);
 			const sepTotal = Math.max(0, parts.length - 1) * (sepWidth + 2);
-			return partsWidth + sepTotal + 2 + capWidth;
+			return partsWidth + sepTotal + 2;
 		};
 
-		let leftWidth = groupWidth(left, leftCapWidth, leftSepWidth);
-		let rightWidth = groupWidth(right, rightCapWidth, rightSepWidth);
+		let leftWidth = groupWidth(left, leftSepWidth);
+		let rightWidth = groupWidth(right, rightSepWidth);
 		const totalWidth = () => leftWidth + rightWidth + (left.length > 0 && right.length > 0 ? 1 : 0);
 
 		if (topFillWidth > 0) {
 			while (totalWidth() > topFillWidth && right.length > 0) {
 				right.pop();
-				rightWidth = groupWidth(right, rightCapWidth, rightSepWidth);
+				rightWidth = groupWidth(right, rightSepWidth);
 			}
 			while (totalWidth() > topFillWidth && left.length > 0) {
 				left.pop();
-				leftWidth = groupWidth(left, leftCapWidth, leftSepWidth);
+				leftWidth = groupWidth(left, leftSepWidth);
 			}
 		}
 
 		const renderGroup = (parts: string[], direction: "left" | "right"): string => {
 			if (parts.length === 0) return "";
 			const sep = direction === "left" ? separatorDef.left : separatorDef.right;
-			const cap = separatorDef.endCaps
-				? direction === "left"
-					? separatorDef.endCaps.right
-					: separatorDef.endCaps.left
-				: "";
-			const capPrefix = separatorDef.endCaps?.useBgAsFg ? bgAnsi.replace("\x1b[48;", "\x1b[38;") : bgAnsi + sepAnsi;
-			const capText = cap ? `${capPrefix}${cap}\x1b[0m` : "";
-
-			let content = bgAnsi + fgAnsi;
-			content += ` ${parts.join(` ${sepAnsi}${sep}${fgAnsi} `)} `;
-			content += "\x1b[0m";
-
-			if (capText) {
-				return direction === "right" ? capText + content : content + capText;
-			}
-			return content;
+			return `${fgAnsi} ${parts.join(` ${sepAnsi}${sep}${fgAnsi} `)} \x1b[0m`;
 		};
 
 		const leftGroup = renderGroup(left, "left");
@@ -391,8 +366,8 @@ export class StatusLineComponent implements Component {
 			return leftGroup + (leftGroup && rightGroup ? " " : "") + rightGroup;
 		}
 
-		leftWidth = groupWidth(left, leftCapWidth, leftSepWidth);
-		rightWidth = groupWidth(right, rightCapWidth, rightSepWidth);
+		leftWidth = groupWidth(left, leftSepWidth);
+		rightWidth = groupWidth(right, rightSepWidth);
 		const gapWidth = Math.max(1, topFillWidth - leftWidth - rightWidth);
 		return leftGroup + padding(gapWidth) + rightGroup;
 	}

package/src/modes/components/user-message.ts

@@ -8,6 +8,7 @@ export class UserMessageComponent extends Container {
 	constructor(text: string, synthetic = false) {
 		super();
 		const bgColor = (value: string) => theme.bg("userMessageBg", value);
+		const leftBorder = theme.fg("accent", "▎");
 		const color = synthetic
 			? (value: string) => theme.fg("dim", value)
 			: (value: string) => theme.fg("userMessageText", value);
@@ -16,6 +17,7 @@ export class UserMessageComponent extends Container {
 			new Markdown(text, 1, 1, getMarkdownTheme(), {
 				bgColor,
 				color,
+				leftBorder,
 			}),
 		);
 	}

package/src/modes/components/welcome.ts

@@ -67,9 +67,9 @@ export class WelcomeComponent implements Component {
 		const leftCol = showRightColumn ? dualLeftCol : boxWidth - 2;
 		const rightCol = showRightColumn ? dualRightCol : 0;
 
-		// Block-based OMP logo (gradient: magenta → cyan)
+		// Block-based ARC logo (gradient: blue → cyan → green / Nord Frost)
 		// biome-ignore format: preserve ASCII art layout
-		const piLogo = ["▀████████████▀", " ╘███    ███  ", "  ███    ███  ", "  ███    ███  ", " ▄███▄  ▄███▄ "];
+		const piLogo = ["╭━━━╮╭━━━╮╭━━━╮", "┃╭━╮┃┃╭━╮┃┃╭━━╯", "┃╰━╯┃┃╰━╯┃┃┃   ", "┃┃ ┃┃┃╭╮╭╯┃╰━━╮", "╰╯ ╰╯╰╯╰╯ ╰━━━╯"];
 
 		// Apply gradient to logo
 		const logoColored = piLogo.map(line => this.#gradientLine(line));
@@ -82,7 +82,7 @@ export class WelcomeComponent implements Component {
 			...logoColored.map(l => this.#centerText(l, leftCol)),
 			"",
 			this.#centerText(theme.fg("muted", this.modelName), leftCol),
-			this.#centerText(theme.fg("borderMuted", this.providerName), leftCol),
+			this.#centerText(theme.fg("dim", this.providerName), leftCol),
 		];
 
 		// Right column separator
@@ -190,15 +190,14 @@ export class WelcomeComponent implements Component {
 		return padding(leftPad) + text + padding(rightPad);
 	}
 
-	/** Apply magenta→cyan gradient to a string */
+	/** Apply Nord Frost gradient (blue → cyan → green) to a string */
 	#gradientLine(line: string): string {
 		const colors = [
-			"\x1b[38;5;199m", // bright magenta
-			"\x1b[38;5;171m", // magenta-purple
-			"\x1b[38;5;135m", // purple
-			"\x1b[38;5;99m", // purple-blue
-			"\x1b[38;5;75m", // cyan-blue
-			"\x1b[38;5;51m", // bright cyan
+			"\x1b[38;2;136;192;208m", // #88c0d0 blue
+			"\x1b[38;2;141;200;200m", // blend
+			"\x1b[38;2;143;188;187m", // #8fbcbb cyan
+			"\x1b[38;2;153;189;170m", // blend
+			"\x1b[38;2;163;190;140m", // #a3be8c green
 		];
 		const reset = "\x1b[0m";
 

package/src/modes/controllers/event-controller.ts

@@ -42,6 +42,39 @@ export class EventController {
 		this.ctx.setWorkingMessage(`${trimmed} (esc to interrupt)`);
 	}
 
+	#ensureCodemodeGroup(id: string): CodeModeGroupComponent {
+		let group = this.#codemodeGroups.get(id);
+		if (!group) {
+			this.#resetReadGroup();
+			group = new CodeModeGroupComponent(this.ctx.ui);
+			group.setExpanded(this.ctx.toolOutputExpanded);
+			this.ctx.chatContainer.addChild(group);
+			this.#codemodeGroups.set(id, group);
+			this.ctx.pendingTools.set(id, group);
+			this.#hideLoader();
+		}
+		return group;
+	}
+
+	#hideLoader(): void {
+		if (!this.ctx.loadingAnimation) return;
+		this.ctx.loadingAnimation.stop();
+		this.ctx.statusContainer.clear();
+		this.ctx.loadingAnimation = undefined;
+	}
+
+	#restoreLoader(): void {
+		if (this.ctx.loadingAnimation || this.#codemodeGroups.size > 0) return;
+		this.ctx.loadingAnimation = new Loader(
+			this.ctx.ui,
+			spinner => theme.fg("accent", spinner),
+			text => theme.fg("muted", text),
+			`Working\u2026 (esc to interrupt)`,
+			getSymbolTheme().spinnerFrames,
+		);
+		this.ctx.statusContainer.addChild(this.ctx.loadingAnimation);
+	}
+
 	subscribeToAgent(): void {
 		this.ctx.unsubscribe = this.ctx.session.subscribe(async (event: AgentSessionEvent) => {
 			await this.handleEvent(event);
@@ -132,8 +165,16 @@ export class EventController {
 
 					for (const content of this.ctx.streamingMessage.content) {
 						if (content.type !== "toolCall") continue;
-						// Code Mode: suppress streaming render for "code" tool
-						if (content.name === "code") continue;
+						// Code Mode: create group component early during streaming for intent display
+						if (content.name === "code") {
+							const group = this.#ensureCodemodeGroup(content.id);
+							const args = content.arguments;
+							if (args && typeof args === "object" && INTENT_FIELD in args) {
+								const intent = (args[INTENT_FIELD] as string | undefined)?.trim();
+								if (intent) group.setIntent(intent);
+							}
+							continue;
+						}
 
 						if (!this.ctx.pendingTools.has(content.id)) {
 							if (content.name === "read") {
@@ -169,9 +210,10 @@ export class EventController {
 						}
 					}
 
-					// Update working message with intent from streamed tool arguments
+					// Update working message with intent — skip for code tools that already have a visible group
 					for (const content of this.ctx.streamingMessage.content) {
 						if (content.type !== "toolCall") continue;
+						if (this.#codemodeGroups.has(content.id)) continue;
 						const args = content.arguments;
 						if (!args || typeof args !== "object" || !(INTENT_FIELD in args)) continue;
 						this.#updateWorkingMessageFromIntent(args[INTENT_FIELD] as string | undefined);
@@ -218,19 +260,15 @@ export class EventController {
 				break;
 
 			case "tool_execution_start": {
-				this.#updateWorkingMessageFromIntent(event.intent);
-				// Code Mode: create a group component for the "code" tool
+				if (!this.#codemodeGroups.has(event.toolCallId)) this.#updateWorkingMessageFromIntent(event.intent);
 				if (event.toolName === "code") {
-					this.#resetReadGroup();
-					const group = new CodeModeGroupComponent(this.ctx.ui);
-					const intent = event.intent ?? (event.args as Record<string, unknown>)?.agent__intent;
+					const group = this.#ensureCodemodeGroup(event.toolCallId);
+					const intent = (event.intent ?? (event.args as Record<string, unknown>)?.agent__intent) as
+						| string
+						| undefined;
 					if (typeof intent === "string" && intent.trim()) {
 						group.setIntent(intent.trim());
 					}
-					group.setExpanded(this.ctx.toolOutputExpanded);
-					this.ctx.chatContainer.addChild(group);
-					this.#codemodeGroups.set(event.toolCallId, group);
-					this.ctx.pendingTools.set(event.toolCallId, group);
 					this.ctx.ui.requestRender();
 					break;
 				}
@@ -316,6 +354,7 @@ export class EventController {
 						group.setDone();
 						this.#codemodeGroups.delete(event.toolCallId);
 					}
+					this.#restoreLoader();
 				}
 				// Update todo display when todo_write tool completes
 				if (event.toolName === "todo_write" && !event.isError) {

package/src/modes/interactive-mode.ts

@@ -175,6 +175,7 @@ export class InteractiveMode implements InteractiveModeContext {
 
 		this.ui = new TUI(new ProcessTerminal(), settings.get("showHardwareCursor"));
 		this.ui.setClearOnShrink(settings.get("clearOnShrink"));
+		this.ui.setAppBg(theme.getAppBgPackedRgb());
 		setMermaidRenderCallback(() => this.ui.requestRender());
 		this.chatContainer = new Container();
 		this.pendingMessagesContainer = new Container();
@@ -344,6 +345,7 @@ export class InteractiveMode implements InteractiveModeContext {
 		// Set up theme file watcher
 		onThemeChange(() => {
 			this.ui.invalidate();
+			this.ui.setAppBg(theme.getAppBgPackedRgb());
 			this.updateEditorBorderColor();
 			this.ui.requestRender();
 		});

package/src/modes/theme/dark.json

@@ -2,26 +2,22 @@
 	"$schema": "https://raw.githubusercontent.com/nghyane/arcane/main/packages/coding-agent/theme-schema.json",
 	"name": "dark",
 	"vars": {
-		"cyan": "#0088fa",
-		"blue": "#178fb9",
-		"green": "#89d281",
-		"red": "#fc3a4b",
-		"yellow": "#e4c00f",
-		"gray": "#777d88",
-		"dimGray": "#5f6673",
-		"darkGray": "#3d424a",
-		"accent": "#febc38",
-		"selectedBg": "#31363f",
-		"userMsgBg": "#221d1a",
-		"toolPendingBg": "#1d2129",
-		"toolSuccessBg": "#161a1f",
-		"toolErrorBg": "#291d1d",
-		"customMsgBg": "#2a2530"
+		"cyan": "#8fbcbb",
+		"blue": "#88c0d0",
+		"lightBlue": "#81a1c1",
+		"green": "#a3be8c",
+		"red": "#d06050",
+		"yellow": "#ebcb8b",
+		"gray": "#7b88a1",
+		"dimGray": "#4c566a",
+		"darkGray": "#434c5e",
+		"accent": "#d08770",
+		"darkGrayBg": "#434c5e"
 	},
 	"colors": {
 		"accent": "accent",
 		"border": "blue",
-		"borderAccent": "cyan",
+		"borderAccent": "accent",
 		"borderMuted": "darkGray",
 		"success": "green",
 		"error": "red",
@@ -30,22 +26,22 @@
 		"dim": "dimGray",
 		"text": "",
 		"thinkingText": "gray",
-		"selectedBg": "selectedBg",
-		"userMessageBg": "userMsgBg",
+		"selectedBg": "^2",
+		"userMessageBg": "^2",
 		"userMessageText": "",
-		"customMessageBg": "customMsgBg",
+		"customMessageBg": "^2",
 		"customMessageText": "",
-		"customMessageLabel": "#b281d6",
-		"toolPendingBg": "toolPendingBg",
-		"toolSuccessBg": "toolSuccessBg",
-		"toolErrorBg": "toolErrorBg",
+		"customMessageLabel": "accent",
+		"toolPendingBg": "^3",
+		"toolSuccessBg": "^2",
+		"toolErrorBg": "^3",
 		"toolTitle": "",
 		"toolOutput": "gray",
-		"mdHeading": "#febc38",
-		"mdLink": "#0088fa",
+		"mdHeading": "accent",
+		"mdLink": "blue",
 		"mdLinkUrl": "dimGray",
-		"mdCode": "#e5c1ff",
-		"mdCodeBlock": "#9CDCFE",
+		"mdCode": "yellow",
+		"mdCodeBlock": "green",
 		"mdCodeBlockBorder": "darkGray",
 		"mdQuote": "gray",
 		"mdQuoteBorder": "darkGray",
@@ -54,42 +50,43 @@
 		"toolDiffAdded": "green",
 		"toolDiffRemoved": "red",
 		"toolDiffContext": "gray",
-		"link": "#0088fa",
-		"syntaxComment": "#6A9955",
-		"syntaxKeyword": "#569CD6",
-		"syntaxFunction": "#DCDCAA",
-		"syntaxVariable": "#9CDCFE",
-		"syntaxString": "#CE9178",
-		"syntaxNumber": "#B5CEA8",
-		"syntaxType": "#4EC9B0",
-		"syntaxOperator": "#D4D4D4",
-		"syntaxPunctuation": "#D4D4D4",
+		"link": "blue",
+		"syntaxComment": "gray",
+		"syntaxKeyword": "lightBlue",
+		"syntaxFunction": "blue",
+		"syntaxVariable": "cyan",
+		"syntaxString": "green",
+		"syntaxNumber": "#b48ead",
+		"syntaxType": "yellow",
+		"syntaxOperator": "gray",
+		"syntaxPunctuation": "gray",
 		"thinkingOff": "darkGray",
 		"thinkingMinimal": "dimGray",
-		"thinkingLow": "#178fb9",
-		"thinkingMedium": "#0088fa",
-		"thinkingHigh": "#b281d6",
-		"thinkingXhigh": "#e5c1ff",
-		"bashMode": "cyan",
-		"statusLineBg": "#121212",
-		"statusLineSep": 244,
-		"statusLineModel": "#d787af",
-		"statusLinePath": "#00afaf",
-		"statusLineGitClean": "#5faf5f",
-		"statusLineGitDirty": "#d7af5f",
-		"statusLineContext": "#8787af",
-		"statusLineSpend": "#5fafaf",
-		"statusLineStaged": 70,
-		"statusLineDirty": 178,
-		"statusLineUntracked": 39,
-		"statusLineOutput": 205,
-		"statusLineCost": 205,
+		"thinkingLow": "blue",
+		"thinkingMedium": "cyan",
+		"thinkingHigh": "accent",
+		"thinkingXhigh": "#c87558",
+		"bashMode": "accent",
+		"statusLineBg": "^-2",
+		"statusLineSep": "dimGray",
+		"statusLineModel": "accent",
+		"statusLinePath": "blue",
+		"statusLineGitClean": "green",
+		"statusLineGitDirty": "yellow",
+		"statusLineContext": "gray",
+		"statusLineSpend": "cyan",
+		"statusLineStaged": 179,
+		"statusLineDirty": 173,
+		"statusLineUntracked": 180,
+		"statusLineOutput": 180,
+		"statusLineCost": 173,
 		"statusLineSubagents": "accent",
-		"pythonMode": "yellow"
+		"pythonMode": "yellow",
+		"appBg": "^0"
 	},
 	"export": {
-		"pageBg": "#18181e",
-		"cardBg": "#1e1e24",
-		"infoBg": "#3c3728"
+		"pageBg": "#242933",
+		"cardBg": "#323846",
+		"infoBg": "#2d333b"
 	}
 }