Fix markdown streaming duplication by splitting newlines first

- Added string-width library for proper terminal column width calculation
- Fixed wrapLine() to split by newlines before wrapping (like Text component)
- Fixed Loader interval leak by stopping before container removal
- Changed loader message from 'Loading...' to 'Working...'

packages/agent/test/agent.test.ts

@@ -36,30 +36,28 @@ describe("Agent", () => {
 		expect(agent.state.thinkingLevel).toBe("low");
 	});
 
-	it("should subscribe to state updates", () => {
+	it("should subscribe to events", () => {
 		const agent = new Agent({
 			transport: new ProviderTransport(),
 		});
 
-		let updateCount = 0;
-		const unsubscribe = agent.subscribe((event) => {
-			if (event.type === "state-update") {
-				updateCount++;
-			}
+		let eventCount = 0;
+		const unsubscribe = agent.subscribe((_event) => {
+			eventCount++;
 		});
 
-		// Initial state update on subscribe
-		expect(updateCount).toBe(1);
+		// No initial event on subscribe
+		expect(eventCount).toBe(0);
 
-		// Update state
+		// State mutators don't emit events
 		agent.setSystemPrompt("Test prompt");
-		expect(updateCount).toBe(2);
+		expect(eventCount).toBe(0);
 		expect(agent.state.systemPrompt).toBe("Test prompt");
 
 		// Unsubscribe should work
 		unsubscribe();
 		agent.setSystemPrompt("Another prompt");
-		expect(updateCount).toBe(2); // Should not increase
+		expect(eventCount).toBe(0); // Should not increase
 	});
 
 	it("should update state with mutators", () => {

packages/agent/test/e2e.test.ts

@@ -167,29 +167,26 @@ async function stateUpdates(model: Model<any>) {
 		}),
 	});
 
-	const stateSnapshots: Array<{ isStreaming: boolean; messageCount: number; hasStreamMessage: boolean }> = [];
+	const events: Array<string> = [];
 
 	agent.subscribe((event) => {
-		if (event.type === "state-update") {
-			stateSnapshots.push({
-				isStreaming: event.state.isStreaming,
-				messageCount: event.state.messages.length,
-				hasStreamMessage: event.state.streamMessage !== null,
-			});
-		}
+		events.push(event.type);
 	});
 
 	await agent.prompt("Count from 1 to 5.");
 
-	const streamingStates = stateSnapshots.filter((s) => s.isStreaming);
-	const nonStreamingStates = stateSnapshots.filter((s) => !s.isStreaming);
+	// Should have received lifecycle events
+	expect(events).toContain("agent_start");
+	expect(events).toContain("agent_end");
+	expect(events).toContain("message_start");
+	expect(events).toContain("message_end");
+	// May have message_update events during streaming
+	const hasMessageUpdates = events.some((e) => e === "message_update");
+	expect(hasMessageUpdates).toBe(true);
 
-	expect(streamingStates.length).toBeGreaterThan(0);
-	expect(nonStreamingStates.length).toBeGreaterThan(0);
-
-	const finalState = stateSnapshots[stateSnapshots.length - 1];
-	expect(finalState.isStreaming).toBe(false);
-	expect(finalState.messageCount).toBe(2);
+	// Check final state
+	expect(agent.state.isStreaming).toBe(false);
+	expect(agent.state.messages.length).toBe(2); // User message + assistant response
 }
 
 async function multiTurnConversation(model: Model<any>) {