@norman-else/dsh-claude 0.1.16 → 0.1.18

package/lib/client.js

@@ -165,6 +165,54 @@ window.__ModuleLoader__.load({
 				};
 			}
 		};
+		/** Keep one sidecar-backed task launcher mounted only while its DSH turn is open. */
+		const claudeActiveTasksDefinition = {
+			kind: "claude-active-tasks",
+			target: "chat",
+			match(event) {
+				if (event.type === "turn/start") return {
+					id: String(event.data.turn),
+					role: "start"
+				};
+				if (event.type === "turn/end" || event.type === "step/start" || event.type === "assistant/message") return {
+					id: String(event.data.turn),
+					role: "update"
+				};
+				return null;
+			},
+			start(_context, match) {
+				if (match.event.type !== "turn/start") throw new Error("Claude active tasks require turn/start");
+				return {
+					turn: match.event.data.turn,
+					active: true,
+					anchorSeq: match.event.seq + .1
+				};
+			},
+			update(context, match) {
+				if (match.event.type === "turn/end") return {
+					...context.state,
+					active: false
+				};
+				return {
+					...context.state,
+					anchorSeq: match.event.seq + .1
+				};
+			},
+			buildViewNode(context) {
+				const state = context.state;
+				if (state === void 0) return null;
+				return {
+					key: context.key,
+					kind: "claude-active-tasks",
+					id: context.id,
+					target: "chat",
+					anchorSeq: state.anchorSeq,
+					location: context.start?.location ?? { kind: "unresolved" },
+					visibility: state.active ? "visible" : "hidden",
+					data: { turn: state.turn }
+				};
+			}
+		};
 		/** Publish a marker for turns containing standard assistant output from the Claude adapter. */
 		const claudeTurnDefinition = {
 			kind: "claudeCode",
@@ -942,9 +990,8 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region src/client/ClaudeActivityTail.tsx
-		function ClaudeActivityTail({ matched, useClaudeProjection, t, openTasks }) {
-			const projection = useClaudeProjection((value) => value);
-			const summary = useMemo(() => summarizeTurnTasks(tasksForTurn(projection.tasks?.tasks ?? [], matched.turn)), [projection.tasks, matched.turn]);
+		function ClaudeTaskLauncher({ turn, tasks, t, openTasks }) {
+			const summary = useMemo(() => summarizeTurnTasks(tasksForTurn(tasks, turn)), [tasks, turn]);
 			if (summary === void 0) return null;
 			const label = summary.state === "running" ? t("tasksTurnRunning", { count: summary.running }) : summary.state === "failed" ? t("tasksTurnFailed", {
 				failed: summary.failed,
@@ -952,11 +999,11 @@ window.__ModuleLoader__.load({
 			}) : t("tasksTurnCompleted", { count: summary.completed });
 			const glyph = summary.state === "running" ? "●" : summary.state === "failed" ? "×" : "✓";
 			return /* @__PURE__ */ jsx("div", {
-				"data-claude-activity-tail": matched.turn,
+				"data-claude-task-launcher": turn,
 				children: /* @__PURE__ */ jsxs("button", {
 					type: "button",
 					style: tasksTurnLauncher,
-					onClick: () => openTasks(matched.turn),
+					onClick: () => openTasks(turn),
 					children: [
 						/* @__PURE__ */ jsx("span", {
 							className: summary.state === "running" ? "dsh-claude-act-running" : void 0,
@@ -977,6 +1024,28 @@ window.__ModuleLoader__.load({
 				})
 			});
 		}
+		function ClaudeActivityTail({ matched, useClaudeProjection, t, openTasks }) {
+			const tasks = useClaudeProjection((value) => value.tasks?.tasks ?? []);
+			return /* @__PURE__ */ jsx(ClaudeTaskLauncher, {
+				turn: matched.turn,
+				tasks,
+				t,
+				openTasks
+			});
+		}
+		//#endregion
+		//#region src/client/ClaudeActiveTasksNode.tsx
+		const EMPTY_TASKS$1 = [];
+		/** Render the task launcher while the owning DSH turn is still open. */
+		function ClaudeActiveTasksNode({ node, useClaudeProjection, t, openTasks }) {
+			const tasks = useClaudeProjection((value) => value.tasks?.tasks ?? EMPTY_TASKS$1);
+			return /* @__PURE__ */ jsx(ClaudeTaskLauncher, {
+				turn: node.data.turn,
+				tasks,
+				t,
+				openTasks
+			});
+		}
 		//#endregion
 		//#region src/client/ClaudeActivityNode.tsx
 		const EMPTY_TASKS = [];
@@ -1936,6 +2005,7 @@ window.__ModuleLoader__.load({
 			ctx.effect(() => () => projections.dispose(), "dsh-claude: sidecar projection lifecycle");
 			ctx.effect(() => ctx.conversationEvents.register(claudeTurnDefinition), "dsh-claude: Claude turn marker");
 			ctx.effect(() => ctx.conversationEvents.register(claudeActivityStepDefinition), "dsh-claude: Claude activity flow node");
+			ctx.effect(() => ctx.conversationEvents.register(claudeActiveTasksDefinition), "dsh-claude: active Claude tasks node");
 			ctx.slots.inject("conversation.chat.node", () => ctx.slots.register({
 				name: "conversation.chat.node",
 				key: "claude-activity-step",
@@ -1988,6 +2058,12 @@ window.__ModuleLoader__.load({
 					closeTasksPanel();
 				};
 			}, "dsh-claude: tasks panel lifecycle");
+			ctx.slots.inject("conversation.chat.node", () => ctx.slots.register({
+				name: "conversation.chat.node",
+				key: "claude-active-tasks",
+				locale: namespace,
+				inject: (sessionId) => ({ openTasks: (turn) => openTasksPanel(sessionId, turn) })
+			}, ClaudeActiveTasksNode));
 			ctx.slots.inject("conversation.chat.turnTail", () => ctx.slots.register({
 				name: "conversation.chat.turnTail",
 				select: selectClaudeTurn,