@makefinks/daemon 0.4.0 → 0.6.0

package/package.json

@@ -28,7 +28,7 @@
 	},
 	"module": "src/index.tsx",
 	"type": "module",
-	"version": "0.4.0",
+	"version": "0.6.0",
 	"bin": {
 		"daemon": "dist/cli.js"
 	},

package/src/ai/daemon-ai.ts

@@ -22,9 +22,10 @@ import type {
 	ToolApprovalResponse,
 	TranscriptionResult,
 } from "../types";
-import { debug } from "../utils/debug-logger";
+import { debug, toolDebug } from "../utils/debug-logger";
 import { getOpenRouterReportedCost } from "../utils/openrouter-reported-cost";
 import { getWorkspacePath } from "../utils/workspace-manager";
+import { extractFinalAssistantText } from "./message-utils";
 import { TRANSCRIPTION_MODEL, buildOpenRouterChatSettings, getResponseModel } from "./model-config";
 import { sanitizeMessagesForInput } from "./sanitize-messages";
 import { type InteractionMode, buildDaemonSystemPrompt } from "./system-prompt";
@@ -54,40 +55,6 @@ function normalizeStreamError(error: unknown): Error {
 	return new Error(String(error));
 }
 
-/**
- * Extract the final text content from the last assistant message.
- * In multi-step agent loops, we only want to speak the final response, not intermediate text.
- */
-function extractFinalAssistantText(messages: ModelMessage[]): string {
-	// Find the last assistant message
-	for (let i = messages.length - 1; i >= 0; i--) {
-		const msg = messages[i];
-		if (msg?.role === "assistant") {
-			const content = msg.content;
-			if (Array.isArray(content)) {
-				// Find the last text part. In some models/providers, intermediate
-				// "thoughts" might be included as separate text blocks before the final answer.
-				// We prioritize the last text block in the message for the final response.
-				for (let j = content.length - 1; j >= 0; j--) {
-					const part = content[j];
-					if (
-						part &&
-						typeof part === "object" &&
-						"type" in part &&
-						part.type === "text" &&
-						"text" in part &&
-						typeof part.text === "string"
-					) {
-						return part.text;
-					}
-				}
-				// If this assistant message had no text parts, continue searching previous messages
-			}
-		}
-	}
-	return "";
-}
-
 /**
  * The DAEMON agent instance.
  * Handles the agent loop internally, allowing for multi-step tool usage.
@@ -239,6 +206,12 @@ export async function generateResponse(
 				} else if (part.type === "tool-result") {
 					callbacks.onToolResult?.(part.toolName, part.output, part.toolCallId);
 				} else if (part.type === "tool-error") {
+					toolDebug.error("tool-error", {
+						toolName: part.toolName,
+						toolCallId: part.toolCallId,
+						input: part.input,
+						error: part.error,
+					});
 					callbacks.onToolResult?.(part.toolName, { error: part.error, input: part.input }, part.toolCallId);
 				} else if (part.type === "tool-approval-request") {
 					const approvalRequest: ToolApprovalRequest = {

package/src/ai/message-utils.ts

@@ -0,0 +1,26 @@
+import type { ModelMessage } from "ai";
+
+export function extractFinalAssistantText(messages: ModelMessage[]): string {
+	for (let i = messages.length - 1; i >= 0; i--) {
+		const msg = messages[i];
+		if (msg?.role === "assistant") {
+			const content = msg.content;
+			if (Array.isArray(content)) {
+				for (let j = content.length - 1; j >= 0; j--) {
+					const part = content[j];
+					if (
+						part &&
+						typeof part === "object" &&
+						"type" in part &&
+						part.type === "text" &&
+						"text" in part &&
+						typeof part.text === "string"
+					) {
+						return part.text;
+					}
+				}
+			}
+		}
+	}
+	return "";
+}

package/src/ai/tools/subagents.ts

@@ -5,12 +5,13 @@
 
 import { createOpenRouter } from "@openrouter/ai-sdk-provider";
 import { tool } from "ai";
-import { ToolLoopAgent, stepCountIs } from "ai";
+import { type ModelMessage, ToolLoopAgent, stepCountIs } from "ai";
 import type { ToolSet } from "ai";
 import { z } from "zod";
 import { getDaemonManager } from "../../state/daemon-state";
 import type { SubagentProgressEmitter } from "../../types";
 import { getOpenRouterReportedCost } from "../../utils/openrouter-reported-cost";
+import { extractFinalAssistantText } from "../message-utils";
 import { buildOpenRouterChatSettings, getSubagentModel } from "../model-config";
 import { buildToolSet } from "./tool-registry";
 
@@ -60,7 +61,7 @@ RULES:
 - The final summary needs to be self contained and needs to provide enough information to the main agent so it is clear what you have done and what the results are.
 
 Today's date: ${new Date().toISOString().split("T")[0]}
-`;
+	`;
 }
 
 // Global emitter that will be set by the daemon-ai module
@@ -109,7 +110,6 @@ Provide a concise summary for display and a very specific task description (espe
 				stopWhen: stepCountIs(MAX_SUBAGENT_STEPS),
 			});
 
-			let responseText = "";
 			let costTotal = 0;
 			let hasCost = false;
 
@@ -119,9 +119,7 @@ Provide a concise summary for display and a very specific task description (espe
 			});
 
 			for await (const part of stream.fullStream) {
-				if (part.type === "text-delta") {
-					responseText += part.text;
-				} else if (part.type === "finish-step") {
+				if (part.type === "finish-step") {
 					const reportedCost = getOpenRouterReportedCost(part.providerMetadata);
 					if (reportedCost !== undefined) {
 						costTotal += reportedCost;
@@ -145,6 +143,9 @@ Provide a concise summary for display and a very specific task description (espe
 				}
 			}
 
+			const responseMessages = await stream.response.then((response) => response.messages);
+			const finalResponse = extractFinalAssistantText(responseMessages);
+
 			const streamUsage = await stream.usage;
 			if (streamUsage) {
 				progressEmitter?.onSubagentUsage({
@@ -163,7 +164,7 @@ Provide a concise summary for display and a very specific task description (espe
 			return {
 				success: true,
 				summary,
-				response: responseText || "Task completed but no text response generated.",
+				response: finalResponse || "Task completed but no text response generated.",
 			};
 		} catch (error) {
 			const errorMessage = error instanceof Error ? error.message : String(error);

package/src/app/App.tsx

@@ -70,6 +70,9 @@ export function App() {
 						width={controller.avatarLayerProps.width}
 						height={controller.avatarLayerProps.height}
 						zIndex={controller.avatarLayerProps.zIndex}
+						showBanner={controller.avatarLayerProps.showBanner}
+						animateBanner={controller.avatarLayerProps.animateBanner}
+						startupAnimationActive={controller.avatarLayerProps.startupAnimationActive}
 					/>
 
 					{controller.isListeningDim ? (

package/src/app/components/AvatarLayer.tsx

@@ -1,6 +1,7 @@
-import { memo, useCallback } from "react";
+import { memo, useCallback, useEffect, useRef } from "react";
 import type { RefObject } from "react";
 import type { DaemonAvatarRenderable } from "../../avatar/DaemonAvatarRenderable";
+import { BANNER_GRADIENT, DAEMON_BANNER_LINES, useGlitchyBanner } from "../../hooks/use-glitchy-banner";
 import { DaemonState } from "../../types";
 
 export interface AvatarLayerProps {
@@ -10,41 +11,112 @@ export interface AvatarLayerProps {
 	width: number;
 	height: number;
 	zIndex?: number;
+	showBanner?: boolean;
+	animateBanner?: boolean;
+	startupAnimationActive?: boolean;
 }
 
 function AvatarLayerImpl(props: AvatarLayerProps) {
-	const { avatarRef, daemonState, applyAvatarForState, width, height, zIndex = 0 } = props;
+	const {
+		avatarRef,
+		daemonState,
+		applyAvatarForState,
+		width,
+		height,
+		zIndex = 0,
+		showBanner = false,
+		animateBanner = false,
+		startupAnimationActive = false,
+	} = props;
+
+	// Use glitchy banner animation when animateBanner is true
+	const glitchyBanner = useGlitchyBanner(showBanner && animateBanner);
+
+	// Determine which lines/colors to use
+	const bannerLines = animateBanner ? glitchyBanner.lines : DAEMON_BANNER_LINES;
+	const bannerColors = animateBanner ? glitchyBanner.colors : BANNER_GRADIENT;
+
+	// Keep a stable callback ref so we don't detach/reattach on daemonState changes.
+	const daemonStateRef = useRef(daemonState);
+	const applyAvatarForStateRef = useRef(applyAvatarForState);
+	const startupAnimationActiveRef = useRef(startupAnimationActive);
+
+	useEffect(() => {
+		daemonStateRef.current = daemonState;
+	}, [daemonState]);
+	useEffect(() => {
+		applyAvatarForStateRef.current = applyAvatarForState;
+	}, [applyAvatarForState]);
+	useEffect(() => {
+		startupAnimationActiveRef.current = startupAnimationActive;
+	}, [startupAnimationActive]);
 
 	const handleAvatarRef = useCallback(
 		(ref: DaemonAvatarRenderable | null) => {
+			if (ref === avatarRef.current) return;
 			avatarRef.current = ref;
-			if (ref) {
-				applyAvatarForState(daemonState);
+			if (!ref) return;
+
+			applyAvatarForStateRef.current(daemonStateRef.current);
+			if (startupAnimationActiveRef.current) {
+				ref.resetSpawn();
+			} else {
+				ref.skipSpawn();
 			}
 		},
-		[avatarRef, applyAvatarForState, daemonState]
+		[avatarRef]
 	);
 
+	useEffect(() => {
+		const ref = avatarRef.current;
+		if (!ref) return;
+		if (startupAnimationActive) {
+			ref.resetSpawn();
+		} else {
+			ref.skipSpawn();
+		}
+	}, [avatarRef, startupAnimationActive]);
+
 	return (
-		<box
-			position="absolute"
-			top={0}
-			left={0}
-			width="100%"
-			height="100%"
-			alignItems="center"
-			justifyContent="center"
-			zIndex={zIndex}
-		>
-			<daemon-avatar
-				id="daemon-avatar"
-				live
-				width={width}
-				height={height}
-				respectAlpha={true}
-				ref={handleAvatarRef}
-			/>
-		</box>
+		<>
+			{showBanner && (
+				<box
+					position="absolute"
+					top={6}
+					left={0}
+					width="100%"
+					alignItems="center"
+					justifyContent="center"
+					flexDirection="column"
+					zIndex={10}
+				>
+					{bannerLines.map((line, i) => (
+						<text key={i}>
+							<span fg={bannerColors[i]}>{line}</span>
+						</text>
+					))}
+				</box>
+			)}
+			<box
+				position="absolute"
+				top={0}
+				left={0}
+				width="100%"
+				height="100%"
+				alignItems="center"
+				justifyContent="center"
+				zIndex={zIndex}
+			>
+				<daemon-avatar
+					id="daemon-avatar"
+					live
+					width={width}
+					height={height}
+					respectAlpha={true}
+					ref={handleAvatarRef}
+				/>
+			</box>
+		</>
 	);
 }
 

package/src/app/components/ConversationPane.tsx

@@ -7,7 +7,6 @@ import {
 	isLastTextBlockInList,
 	shouldHideContentBlock,
 } from "../../components/ContentBlockView";
-import { DaemonText } from "../../components/DaemonText";
 import { GroundingBadge } from "../../components/GroundingBadge";
 import { InlineStatusIndicator } from "../../components/InlineStatusIndicator";
 import { StatusBar } from "../../components/StatusBar";
@@ -16,6 +15,8 @@ import { TypingInputBar } from "../../components/TypingInputBar";
 import type { ContentBlock, ConversationMessage, TokenUsage } from "../../types";
 import { DaemonState } from "../../types";
 import { COLORS, REASONING_MARKDOWN_STYLE } from "../../ui/constants";
+import { renderReasoningTicker } from "../../ui/reasoning-ticker";
+import { formatElapsedTime } from "../../utils/formatters";
 import type { ModelMetadata } from "../../utils/model-metadata";
 
 export interface ConversationDisplayState {
@@ -76,6 +77,7 @@ export interface ConversationPaneProps {
 	modelName?: string;
 	sessionTitle?: string;
 	isVoiceOutputEnabled?: boolean;
+	startupIntroDone?: boolean;
 }
 
 function ConversationPaneImpl(props: ConversationPaneProps) {
@@ -96,6 +98,7 @@ function ConversationPaneImpl(props: ConversationPaneProps) {
 		modelName,
 		sessionTitle,
 		isVoiceOutputEnabled,
+		startupIntroDone = true,
 	} = props;
 
 	const { conversationHistory, currentTranscription, currentContentBlocks } = conversation;
@@ -175,6 +178,8 @@ function ConversationPaneImpl(props: ConversationPaneProps) {
 	const isReasoning =
 		daemonState === DaemonState.RESPONDING &&
 		(!conversation.currentResponse || !!reasoningDisplay || !!reasoningQueue);
+	const fullReasoningDurationLabel =
+		responseElapsedMs > 0 ? ` · ${formatElapsedTime(responseElapsedMs, { style: "detailed" })}` : "";
 
 	return (
 		<>
@@ -189,7 +194,7 @@ function ConversationPaneImpl(props: ConversationPaneProps) {
 				/>
 			)}
 
-			{!hasInteracted && (
+			{!hasInteracted && startupIntroDone && (
 				<box
 					position="absolute"
 					left={0}
@@ -408,6 +413,7 @@ function ConversationPaneImpl(props: ConversationPaneProps) {
 									>
 										<text>
 											<span fg={COLORS.REASONING}>{"REASONING"}</span>
+											<span fg={COLORS.REASONING_DIM}>{fullReasoningDurationLabel}</span>
 										</text>
 										<code
 											content={fullReasoning}
@@ -418,12 +424,7 @@ function ConversationPaneImpl(props: ConversationPaneProps) {
 										/>
 									</box>
 								) : reasoningDisplay ? (
-									<text>
-										<span fg={COLORS.REASONING_DIM}>
-											{"⟡ "}
-											{reasoningDisplay}
-										</span>
-									</text>
+									renderReasoningTicker(reasoningDisplay)
 								) : null}
 							</box>
 						)}

package/src/avatar/DaemonAvatarRenderable.ts

@@ -1,16 +1,16 @@
 import {
+	type CliRenderer,
 	FrameBufferRenderable,
+	OptimizedBuffer,
 	RGBA,
 	TextAttributes,
-	OptimizedBuffer,
-	type CliRenderer,
 } from "@opentui/core";
 import { SuperSampleType, ThreeCliRenderer } from "@opentui/core/3d";
 import {
-	createDaemonRig,
 	type DaemonColorTheme,
 	type DaemonRig,
 	type ToolCategory,
+	createDaemonRig,
 } from "./daemon-avatar-rig";
 
 export type { ToolCategory } from "./daemon-avatar-rig";
@@ -30,6 +30,7 @@ export class DaemonAvatarRenderable extends FrameBufferRenderable {
 	private pendingTheme: DaemonColorTheme | null = null;
 	private pendingIntensity: { value: number; immediate: boolean } | null = null;
 	private pendingAudioLevel: { value: number; immediate: boolean } | null = null;
+	private pendingSpawnAction: "reset" | "skip" | null = null;
 
 	private getDesiredAspectRatio(width: number, height: number): number {
 		if (!Number.isFinite(width) || !Number.isFinite(height) || width <= 0 || height <= 0) return 1;
@@ -138,6 +139,14 @@ export class DaemonAvatarRenderable extends FrameBufferRenderable {
 		if (this.pendingAudioLevel) {
 			this.rig.setAudioLevel(this.pendingAudioLevel.value, { immediate: this.pendingAudioLevel.immediate });
 		}
+		if (this.pendingSpawnAction) {
+			if (this.pendingSpawnAction === "reset") {
+				this.rig.resetSpawn();
+			} else {
+				this.rig.skipSpawn();
+			}
+			this.pendingSpawnAction = null;
+		}
 		this.renderBuffer = OptimizedBuffer.create(
 			this.frameBuffer.width,
 			this.frameBuffer.height,
@@ -340,4 +349,18 @@ export class DaemonAvatarRenderable extends FrameBufferRenderable {
 			this.rig.triggerTypingPulse();
 		}
 	}
+
+	public resetSpawn(): void {
+		this.pendingSpawnAction = "reset";
+		if (this.rig) {
+			this.rig.resetSpawn();
+		}
+	}
+
+	public skipSpawn(): void {
+		this.pendingSpawnAction = "skip";
+		if (this.rig) {
+			this.rig.skipSpawn();
+		}
+	}
 }