Feat/web mode updated

.changeset/calm-web-world.md

@@ -0,0 +1,5 @@
+---
+"@nanocollective/nanocoder": minor
+---
+
+Add browser approvals, questions, and live tool status to local web mode so coding-agent turns can finish safely in the browser UI.

.changeset/web-mode-runtime-reliability.md

@@ -0,0 +1,5 @@
+---
+"@nanocollective/nanocoder": patch
+---
+
+Fix web-mode reply delivery, offline startup, interaction queues and cancellation, reconnect and multi-tab state, session-operation races, image handling, and tool error status.

package.json

@@ -34,8 +34,9 @@
 	},
 	"scripts": {
 		"build": "pnpm --filter @nanocollective/nanocoder-voice build && tsc && tsc-alias && mkdir -p dist/voice && cp plugins/voice/dist/*.js plugins/voice/dist/*.d.ts dist/voice/ && cp source/commands/contributors.json dist/commands/contributors.json && chmod +x dist/cli.js",
+		"web": "node dist/cli.js --web",
 		"build:credits": "./scripts/generate-credits.sh",
-		"dev": "tsc --watch",
+		"dev": "tsc --watch & tsc-alias --watch",
 		"start": "node dist/cli.js",
 		"test:all": "./scripts/test.sh",
 		"test:ava": "ava",

source/acp/acp-types.ts

@@ -1,3 +1,4 @@
+import type {CustomCommandExecutor} from '@/custom-commands/executor';
 import type {CustomCommandLoader} from '@/custom-commands/loader';
 import type {ToolManager} from '@/tools/tool-manager';
 import type {LLMClient} from '@/types/index';
@@ -6,6 +7,7 @@ export interface AcpInitContext {
 	client: LLMClient;
 	toolManager: ToolManager;
 	customCommandLoader: CustomCommandLoader;
+	customCommandExecutor: CustomCommandExecutor;
 	provider: string;
 	model: string;
 }

source/ai-sdk-client/converters/message-converter.spec.ts

@@ -123,6 +123,12 @@ test('convertToModelMessages keeps image-only user messages without a text part'
 	t.is(content[0].type, 'image');
 });
 
+test('saved browser data URLs are not prefixed twice', t => {
+	const result = convertToModelMessages([{role: 'user', content: 'describe', images: [{data: 'data:image/png;base64,AA==', mediaType: 'image/png'}]}]);
+	const content = result[0].content as Array<Record<string, unknown>>;
+	t.is(content[1].image, 'data:image/png;base64,AA==');
+});
+
 test('convertToModelMessages leaves text-only user messages as plain strings', t => {
 	const messages: Message[] = [{role: 'user', content: 'plain text'}];
 	const result = convertToModelMessages(messages);

source/ai-sdk-client/converters/message-converter.ts

@@ -209,7 +209,9 @@ export function convertToModelMessages(messages: Message[]): ModelMessage[] {
 				for (const image of msg.images) {
 					content.push({
 						type: 'image',
-						image: `data:${image.mediaType};base64,${image.data}`,
+						image: image.data.startsWith('data:')
+							? image.data
+							: `data:${image.mediaType};base64,${image.data}`,
 						mediaType: image.mediaType,
 					} as ImagePart);
 				}