@nomix-ai/nomix-harness 0.2.4 → 0.2.6

package/dist/kernel/client-ui-tool/lib/client.js

@@ -9,6 +9,14 @@ window.__ModuleLoader__.load({
 		let _nomix_ai_nomix_client_ui_primitives = require("@nomix-ai/nomix-client-ui-primitives");
 		let _nomix_ai_nomix_client_runtime_client = require("@nomix-ai/nomix-client-runtime/client");
 		//#region lib/types/client/tool/models/tool-call-model.js
+		/**
+		* Pure row-model derivation for tool summary rows: variant classification,
+		* one-line summary, expanded-body text, and flattened result output from the
+		* frozen call slice. Input material comes from the call ARGUMENTS; output and
+		* error material from the settled result node. A call whose render intent is
+		* a terminal card gets its expanded body from the views instead, through
+		* `terminalCardModel` in terminal-card-model.ts.
+		*/
 		/** Figma row titles per variant (design literals, not translatable copy). */
 		const VARIANT_TITLES = {
 			search: "Search",
@@ -127,6 +135,10 @@ window.__ModuleLoader__.load({
 			const parsed = parseArgs(argsRaw);
 			if (typeof parsed !== "object" || parsed === null) return firstLine(argsRaw);
 			const args = parsed;
+			if (variant === "search" && Array.isArray(args.queries)) {
+				const queries = args.queries.filter((query) => typeof query === "string" && query !== "");
+				if (queries.length > 0) return queries.map(firstLine).join(", ");
+			}
 			const picked = pickString(args, SUMMARY_KEYS[variant]);
 			if (picked !== void 0) return firstLine(picked);
 			for (const v of Object.values(args)) if (typeof v === "string" && v !== "") return firstLine(v);
@@ -162,14 +174,15 @@ window.__ModuleLoader__.load({
 		* @param toolName - wire tool name (dispatch-supplied; survives windowless results).
 		* @param block - RunningToolCall or ToolResultNode off the snapshot caches.
 		* @param cwd - session workspace root; workspace-rooted path summaries display relative to it.
+		* @param home - host account home; a leftover POSIX home path displays as `~`.
 		* @returns the row model.
 		*/
-		function toolRowModel(toolName, block, cwd) {
+		function toolRowModel(toolName, block, cwd, home) {
 			const variant = classifyTool(toolName);
 			const done = "kind" in block;
 			const argsRaw = (done ? block.call?.argsRaw : block.argsRaw) ?? "";
 			const state = !done ? "running" : block.error?.code === "interrupted" ? "stopped" : block.isError ? "error" : "ok";
-			const base = argsRaw === "" ? block.callId : relativizeToCwd(deriveSummary(variant, argsRaw), cwd);
+			const base = argsRaw === "" ? block.callId : (0, _nomix_ai_nomix_client_runtime_client.abbreviateHomePath)(relativizeToCwd(deriveSummary(variant, argsRaw), cwd), home);
 			const toolTitle = TOOL_TITLES[toolName];
 			const summary = variant === "others" && toolName !== "" && toolTitle === void 0 ? `${toolName} · ${base}` : base;
 			const output = done ? resultText(block) || null : null;
@@ -188,6 +201,21 @@ window.__ModuleLoader__.load({
 		//#endregion
 		//#region lib/types/client/tool/models/read-card-model.js
 		/**
+		* Pure derivation of the read-card props from a frozen call slice: the
+		* `card:'read'` render intent the read tool declares arrives on the snapshot as
+		* the settled result node's `resultView`, and this is the one place that turns
+		* it into what {@link ReadBlock} draws. Both conversation render sites (the chat
+		* tool row's resident body and the details panel's Output section) call this, so
+		* the path, lines, total, and language they show are derived once.
+		*
+		* The read card is result-side only ([read card note](../../../../../../.agents/notes/implemented/feature/2026-07-30-web-read-card.md)):
+		* a call carries no file content until `execute` returns, so the pending call
+		* stays a generic card (`kind: 'read'`). A running read therefore has no read
+		* card, and this returns null for it — the row keeps its args-derived summary
+		* until the result arrives.
+		* @module
+		*/
+		/**
 		* Derive the read-card props for a tool call, or null when this call is not a
 		* read card and belongs on the generic path.
 		*
@@ -204,14 +232,15 @@ window.__ModuleLoader__.load({
 		*
 		* The label is the read view's `title` when the tool supplied one (the
 		* presentation contract's replacement-title rule), otherwise the file path
-		* relativized to the session workspace so a workspace-rooted absolute path
-		* displays the same short form the row summary shows.
+		* shortened the same way the row summary is: workspace-relative first, then
+		* POSIX `~` for a leftover host-home path.
 		* @param block - RunningToolCall or ToolResultNode off the snapshot caches.
 		* @param sessionCwd - the session workspace root; a workspace-rooted absolute
 		*   path label displays relative to it. Absent leaves the path as authored.
+		* @param home - host account home; a leftover POSIX home path displays as `~`.
 		* @returns the read-card props, or null for the generic path.
 		*/
-		function readCardModel(block, sessionCwd) {
+		function readCardModel(block, sessionCwd, home) {
 			if (!("kind" in block)) return null;
 			const result = block.resultView?.card === "read" ? block.resultView : null;
 			if (result === null) return null;
@@ -220,7 +249,7 @@ window.__ModuleLoader__.load({
 				text: line.text
 			}));
 			return {
-				label: result.title ?? relativizeToCwd(result.path, sessionCwd),
+				label: result.title ?? (0, _nomix_ai_nomix_client_runtime_client.abbreviateHomePath)(relativizeToCwd(result.path, sessionCwd), home),
 				lines,
 				totalLines: result.totalLines,
 				lang: result.lang
@@ -605,33 +634,33 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var ToolRow_module_css_default = {
+			"bodyScroll": "uvVWwG_bodyScroll",
+			"bodyWrap": "uvVWwG_bodyWrap",
+			"chevron": "uvVWwG_chevron",
+			"codeBody": "uvVWwG_codeBody",
+			"diffBody": "uvVWwG_diffBody",
 			"errorSummary": "uvVWwG_errorSummary",
+			"fileLink": "uvVWwG_fileLink",
+			"inspectButton": "uvVWwG_inspectButton",
 			"ioCard": "uvVWwG_ioCard",
-			"ioText": "uvVWwG_ioText",
-			"diffBody": "uvVWwG_diffBody",
-			"summary": "uvVWwG_summary",
-			"title": "uvVWwG_title",
-			"webBody": "uvVWwG_webBody",
-			"nomix-tool-row-sweep": "uvVWwG_nomix-tool-row-sweep",
-			"bodyScroll": "uvVWwG_bodyScroll",
-			"root": "uvVWwG_root",
+			"ioDivider": "uvVWwG_ioDivider",
+			"ioLabel": "uvVWwG_ioLabel",
 			"ioSection": "uvVWwG_ioSection",
-			"visuallyHidden": "uvVWwG_visuallyHidden",
+			"ioText": "uvVWwG_ioText",
 			"leading": "uvVWwG_leading",
+			"nomix-tool-row-sweep": "uvVWwG_nomix-tool-row-sweep",
 			"readBody": "uvVWwG_readBody",
-			"ioDivider": "uvVWwG_ioDivider",
-			"inspectButton": "uvVWwG_inspectButton",
-			"chevron": "uvVWwG_chevron",
-			"summarySuffix": "uvVWwG_summarySuffix",
+			"root": "uvVWwG_root",
 			"row": "uvVWwG_row",
-			"codeBody": "uvVWwG_codeBody",
+			"searchBody": "uvVWwG_searchBody",
 			"searchRecovery": "uvVWwG_searchRecovery",
 			"sep": "uvVWwG_sep",
-			"fileLink": "uvVWwG_fileLink",
-			"ioLabel": "uvVWwG_ioLabel",
+			"summary": "uvVWwG_summary",
+			"summarySuffix": "uvVWwG_summarySuffix",
 			"terminalBody": "uvVWwG_terminalBody",
-			"searchBody": "uvVWwG_searchBody",
-			"bodyWrap": "uvVWwG_bodyWrap"
+			"title": "uvVWwG_title",
+			"visuallyHidden": "uvVWwG_visuallyHidden",
+			"webBody": "uvVWwG_webBody"
 		};
 		//#endregion
 		//#region lib/types/client/tool/components/ToolRow.js
@@ -808,10 +837,10 @@ window.__ModuleLoader__.load({
 			code: (0, react_jsx_runtime.jsx)(_nomix_ai_nomix_client_ui_primitives.IconCodeOutline16, { size: 14 }),
 			others: (0, react_jsx_runtime.jsx)(_nomix_ai_nomix_client_ui_primitives.IconSparkle16, { size: 14 })
 		};
-		function GenericToolCard({ toolName, block, cwd, openFile, inspect, t }) {
-			const model = toolRowModel(toolName, block, cwd);
+		function GenericToolCard({ toolName, block, cwd, home, openFile, inspect, t }) {
+			const model = toolRowModel(toolName, block, cwd, home);
 			const terminal = terminalCardModel(block, cwd);
-			const read = readCardModel(block, cwd);
+			const read = readCardModel(block, cwd, home);
 			const diff = diffCardModel(block);
 			const search = searchCardModel(block);
 			const web = webCardModel(block);
@@ -861,13 +890,14 @@ window.__ModuleLoader__.load({
 			return "kind" in node ? node.call?.name ?? "" : node.name;
 		}
 		/** One atomic call dispatched through the Tool-owned keyed slot. */
-		const ToolCall = (0, react.memo)(function ToolCall({ renderSlot, callId, toolName, block, openFile, selected, cwd, inspectCall, t, children }) {
+		const ToolCall = (0, react.memo)(function ToolCall({ renderSlot, callId, toolName, block, openFile, selected, cwd, home, inspectCall, t, children }) {
 			const owner = (0, react.useMemo)(() => ({
 				callId,
 				toolName,
 				block,
 				openFile,
 				cwd,
+				home,
 				inspect: () => {
 					inspectCall(callId);
 				}
@@ -877,6 +907,7 @@ window.__ModuleLoader__.load({
 				block,
 				openFile,
 				cwd,
+				home,
 				inspectCall
 			]);
 			return (0, react_jsx_runtime.jsxs)("div", {
@@ -893,7 +924,7 @@ window.__ModuleLoader__.load({
 				}), children]
 			});
 		});
-		const ToolCallBranch = (0, react.memo)(function ToolCallBranch({ renderSlot, block, selectedCallId, cwd, openFile, inspectCall, t }) {
+		const ToolCallBranch = (0, react.memo)(function ToolCallBranch({ renderSlot, block, selectedCallId, cwd, home, openFile, inspectCall, t }) {
 			return (0, react_jsx_runtime.jsx)(ToolCall, {
 				renderSlot,
 				callId: block.callId,
@@ -902,6 +933,7 @@ window.__ModuleLoader__.load({
 				openFile,
 				selected: block.callId === selectedCallId,
 				cwd,
+				home,
 				inspectCall,
 				t,
 				children: block.subCalls.length > 0 ? (0, react_jsx_runtime.jsx)("div", {
@@ -912,6 +944,7 @@ window.__ModuleLoader__.load({
 						block: child,
 						selectedCallId,
 						cwd,
+						home,
 						openFile,
 						inspectCall,
 						t
@@ -925,13 +958,15 @@ window.__ModuleLoader__.load({
 		* @param props - whole-Tool owner data and the Tool-owned child-slot share.
 		* @returns the Tool call tree.
 		*/
-		function ToolCallTree({ renderSlot, node, selectedCallId, cwd, openFile, inspectCall, t }) {
+		function ToolCallTree({ renderSlot, node, selectedCallId, cwd, openFile, inspectCall, useHostDescription, t }) {
+			const home = useHostDescription((description) => description?.home);
 			const block = node.data.root;
 			return (0, react_jsx_runtime.jsx)(ToolCallBranch, {
 				renderSlot,
 				block,
 				selectedCallId,
 				cwd,
+				home,
 				openFile,
 				inspectCall,
 				t
@@ -950,12 +985,12 @@ window.__ModuleLoader__.load({
 		}
 		var ToolDetails_module_css_default = {
 			"cardBody": "ktuhBa_cardBody",
-			"web": "ktuhBa_web",
-			"description": "ktuhBa_description",
 			"code": "ktuhBa_code",
+			"description": "ktuhBa_description",
 			"empty": "ktuhBa_empty",
 			"read": "ktuhBa_read",
-			"recovery": "ktuhBa_recovery"
+			"recovery": "ktuhBa_recovery",
+			"web": "ktuhBa_web"
 		};
 		//#endregion
 		//#region lib/types/client/tool/ToolDetails.js
@@ -963,10 +998,11 @@ window.__ModuleLoader__.load({
 		/**
 		* Render the selected Tool call's structured output when its presentation
 		* intent is known, otherwise preserve the flattened result text.
-		* @param props - selected call slice, workspace root, and locale seat.
+		* @param props - selected call slice, workspace root, host home, and locale seat.
 		* @returns the details output body.
 		*/
-		function ToolDetails({ block, cwd, t }) {
+		function ToolDetails({ block, cwd, useHostDescription, t }) {
+			const home = useHostDescription((description) => description?.home);
 			const terminal = terminalCardModel(block, cwd);
 			if (terminal !== null) return (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [terminal.description !== void 0 ? (0, react_jsx_runtime.jsx)("div", {
 				className: ToolDetails_module_css_default.description,
@@ -976,7 +1012,7 @@ window.__ModuleLoader__.load({
 				labels: terminalBlockLabels(t),
 				className: ToolDetails_module_css_default.cardBody
 			})] });
-			const read = readCardModel(block, cwd);
+			const read = readCardModel(block, cwd, home);
 			if (read !== null) return (0, react_jsx_runtime.jsx)(_nomix_ai_nomix_client_ui_primitives.ReadBlock, {
 				...read,
 				className: ToolDetails_module_css_default.read
@@ -1099,26 +1135,26 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var bash_sample_module_css_default = {
-			"nomix-bash-row-sweep": "_6xlivG_nomix-bash-row-sweep",
-			"ioText": "_6xlivG_ioText",
-			"terminal": "_6xlivG_terminal",
-			"sep": "_6xlivG_sep",
-			"ioLabel": "_6xlivG_ioLabel",
+			"bodyWrap": "_6xlivG_bodyWrap",
 			"card": "_6xlivG_card",
+			"chevron": "_6xlivG_chevron",
+			"chevronHover": "_6xlivG_chevronHover",
+			"errorSummary": "_6xlivG_errorSummary",
+			"iconIdle": "_6xlivG_iconIdle",
+			"inspectButton": "_6xlivG_inspectButton",
+			"ioCard": "_6xlivG_ioCard",
 			"ioDivider": "_6xlivG_ioDivider",
+			"ioLabel": "_6xlivG_ioLabel",
+			"ioSection": "_6xlivG_ioSection",
+			"ioText": "_6xlivG_ioText",
 			"leading": "_6xlivG_leading",
-			"summary": "_6xlivG_summary",
-			"bodyWrap": "_6xlivG_bodyWrap",
+			"nomix-bash-row-sweep": "_6xlivG_nomix-bash-row-sweep",
 			"root": "_6xlivG_root",
-			"iconIdle": "_6xlivG_iconIdle",
-			"visuallyHidden": "_6xlivG_visuallyHidden",
+			"sep": "_6xlivG_sep",
+			"summary": "_6xlivG_summary",
+			"terminal": "_6xlivG_terminal",
 			"title": "_6xlivG_title",
-			"errorSummary": "_6xlivG_errorSummary",
-			"ioCard": "_6xlivG_ioCard",
-			"inspectButton": "_6xlivG_inspectButton",
-			"ioSection": "_6xlivG_ioSection",
-			"chevron": "_6xlivG_chevron",
-			"chevronHover": "_6xlivG_chevronHover"
+			"visuallyHidden": "_6xlivG_visuallyHidden"
 		};
 		//#endregion
 		//#region lib/types/client/tool/toolviews/bash-sample.js
@@ -1275,8 +1311,8 @@ window.__ModuleLoader__.load({
 		* model-facing error text through its Output section and its first line in the
 		* collapsed summary instead.
 		*/
-		function FileMutationRow({ toolName, block, cwd, openFile, inspect, t }) {
-			const model = toolRowModel(toolName, block, cwd);
+		function FileMutationRow({ toolName, block, cwd, home, openFile, inspect, t }) {
+			const model = toolRowModel(toolName, block, cwd, home);
 			const diff = diffCardModel(block);
 			return (0, react_jsx_runtime.jsx)(ToolRow, {
 				t,
@@ -1329,9 +1365,9 @@ window.__ModuleLoader__.load({
 		* read card as the row's collapsed-by-default card body. The summary path is an
 		* openable host link when the row names a single file.
 		*/
-		function ReadRow({ toolName, block, cwd, openFile, inspect, t }) {
-			const model = toolRowModel(toolName, block, cwd);
-			const read = readCardModel(block, cwd);
+		function ReadRow({ toolName, block, cwd, home, openFile, inspect, t }) {
+			const model = toolRowModel(toolName, block, cwd, home);
+			const read = readCardModel(block, cwd, home);
 			return (0, react_jsx_runtime.jsx)(ToolRow, {
 				t,
 				variant: model.variant,
@@ -1592,13 +1628,15 @@ window.__ModuleLoader__.load({
 		};
 		//#endregion
 		//#region lib/types/client/apply.js
-		/** Required service: the slot registry that owns both Tool render seats. */
-		const inject = ["slots"];
+		/** Required services: the slot registry and the Host description used for POSIX `~`. */
+		const inject = ["slots", "connection"];
 		/**
 		* Mount the whole-Tool renderers and built-in atomic Tool registrations.
 		* @param ctx - Client root context.
 		*/
 		function apply(ctx) {
+			const connection = ctx.get("connection");
+			const toolInject = () => ({ hooks: { hostDescription: connection.hostDescription } });
 			ctx.slots.inject("conversation.chat.node", () => ctx.slots.register({
 				name: "conversation.chat.node",
 				key: "tool-call",
@@ -1606,11 +1644,13 @@ window.__ModuleLoader__.load({
 				children: { "tool.call.toolview": {
 					kind: "keyed",
 					scope: "session"
-				} }
+				} },
+				inject: toolInject
 			}, ToolCallTree));
 			ctx.slots.inject("conversation.details.tool", () => ctx.slots.register({
 				name: "conversation.details.tool",
-				locale: CONVERSATION_NS
+				locale: CONVERSATION_NS,
+				inject: toolInject
 			}, ToolDetails));
 			ctx.plugin(bashToolviewSample);
 			ctx.plugin(readToolview);

package/dist/kernel/client-ui-tool/lib/types/client/apply.d.ts

@@ -1,6 +1,5 @@
-/** Register the Tool call tree, details renderer, and built-in atomic views. */
 import type { ClientContext } from '../../../../client-runtime/lib/client.js';
-/** Required service: the slot registry that owns both Tool render seats. */
+/** Required services: the slot registry and the Host description used for POSIX `~`. */
 export declare const inject: string[];
 /**
  * Mount the whole-Tool renderers and built-in atomic Tool registrations.

package/dist/kernel/client-ui-tool/lib/types/client/apply.js

@@ -8,13 +8,15 @@ import { readToolview } from "./tool/toolviews/read-row.js";
 import { searchToolview } from "./tool/toolviews/search-row.js";
 import { todoToolview } from "./tool/toolviews/todo-row.js";
 import { webToolview } from "./tool/toolviews/web-row.js";
-/** Required service: the slot registry that owns both Tool render seats. */
-export const inject = ['slots'];
+/** Required services: the slot registry and the Host description used for POSIX `~`. */
+export const inject = ['slots', 'connection'];
 /**
  * Mount the whole-Tool renderers and built-in atomic Tool registrations.
  * @param ctx - Client root context.
  */
 export function apply(ctx) {
+    const connection = ctx.get('connection');
+    const toolInject = () => ({ hooks: { hostDescription: connection.hostDescription } });
     ctx.slots.inject('conversation.chat.node', () => ctx.slots.register({
         name: 'conversation.chat.node',
         key: 'tool-call',
@@ -22,10 +24,12 @@ export function apply(ctx) {
         children: {
             'tool.call.toolview': { kind: 'keyed', scope: 'session' },
         },
+        inject: toolInject,
     }, ToolCallTree));
     ctx.slots.inject('conversation.details.tool', () => ctx.slots.register({
         name: 'conversation.details.tool',
         locale: NS,
+        inject: toolInject,
     }, ToolDetails));
     ctx.plugin(bashToolviewSample);
     ctx.plugin(readToolview);

package/dist/kernel/client-ui-tool/lib/types/client/contract/slots.d.ts

@@ -1,5 +1,6 @@
 /** Tool UI slot declarations and their composed component props. */
-import type { PropsLocale, PropsRenderSlots, PropsRuntime } from '../../../../../client-ui-slots/lib/index.js';
+import type { HostDescriptionSource } from '../../../../../client-connection/lib/client.js';
+import type { InjectFace, PropsLocale, PropsRenderSlots, PropsRuntime } from '../../../../../client-ui-slots/lib/index.js';
 import type { ToolCallBlock } from '../../../../../client-runtime/lib/client.js';
 declare module '@nomix-ai/nomix-client-ui-slots' {
     interface SlotMap {
@@ -34,6 +35,8 @@ export interface ToolCallOwnerProps {
     block: ToolCallBlock;
     /** Session workspace root for relative summaries. */
     cwd?: string | undefined;
+    /** Host account home; POSIX home-rooted summaries display as `~`. */
+    home?: string | undefined;
     /** Open a Tool argument path through the Host. */
     openFile: (path: string) => void;
     /** Inspect this call in the trajectory view when available. */
@@ -41,8 +44,15 @@ export interface ToolCallOwnerProps {
 }
 /** Full props of a registered atomic Tool view. */
 export type ToolCallViewProps = PropsRuntime<'tool.call.toolview'>;
+/** Injected Host description for POSIX home-path display. */
+export type ToolHostDescriptionInjected = {
+    hooks: {
+        /** Current generation's Host description, bound by the slot renderer. */
+        hostDescription: HostDescriptionSource;
+    };
+};
 /** Full props of the Tool call-tree renderer registered as a `tool-call` Chat Node. */
-export type ToolTreeProps = PropsRuntime<'conversation.chat.node', 'tool-call'> & PropsRenderSlots<'tool.call.toolview'> & PropsLocale<'conversation'>;
+export type ToolTreeProps = PropsRuntime<'conversation.chat.node', 'tool-call'> & PropsRenderSlots<'tool.call.toolview'> & PropsLocale<'conversation'> & InjectFace<ToolHostDescriptionInjected>;
 /** Full props of the selected Tool output renderer in the details panel. */
-export type ToolDetailsProps = PropsRuntime<'conversation.details.tool'> & PropsLocale<'conversation'>;
+export type ToolDetailsProps = PropsRuntime<'conversation.details.tool'> & PropsLocale<'conversation'> & InjectFace<ToolHostDescriptionInjected>;
 //# sourceMappingURL=slots.d.ts.map

package/dist/kernel/client-ui-tool/lib/types/client/index.d.ts

@@ -1,4 +1,4 @@
 /** Browser Tool plugin: whole-call composition and keyed atomic Tool views. */
 export { apply, inject } from './apply.ts';
-export type { ToolCallOwnerProps, ToolCallViewProps, ToolDetailsProps, ToolTreeProps } from './contract/slots.ts';
+export type { ToolCallOwnerProps, ToolCallViewProps, ToolDetailsProps, ToolHostDescriptionInjected, ToolTreeProps, } from './contract/slots.ts';
 //# sourceMappingURL=index.d.ts.map

package/dist/kernel/client-ui-tool/lib/types/client/tool/ToolCallTree.d.ts

@@ -5,5 +5,5 @@ import type { ToolTreeProps } from '../contract/slots.ts';
  * @param props - whole-Tool owner data and the Tool-owned child-slot share.
  * @returns the Tool call tree.
  */
-export declare function ToolCallTree({ renderSlot, node, selectedCallId, cwd, openFile, inspectCall, t, }: ToolTreeProps): import("react").JSX.Element;
+export declare function ToolCallTree({ renderSlot, node, selectedCallId, cwd, openFile, inspectCall, useHostDescription, t, }: ToolTreeProps): import("react").JSX.Element;
 //# sourceMappingURL=ToolCallTree.d.ts.map

package/dist/kernel/client-ui-tool/lib/types/client/tool/ToolCallTree.js

@@ -8,22 +8,23 @@ function callName(node) {
     return 'kind' in node ? node.call?.name ?? '' : node.name;
 }
 /** One atomic call dispatched through the Tool-owned keyed slot. */
-const ToolCall = memo(function ToolCall({ renderSlot, callId, toolName, block, openFile, selected, cwd, inspectCall, t, children, }) {
+const ToolCall = memo(function ToolCall({ renderSlot, callId, toolName, block, openFile, selected, cwd, home, inspectCall, t, children, }) {
     const owner = useMemo(() => ({
         callId,
         toolName,
         block,
         openFile,
         cwd,
+        home,
         inspect: () => { inspectCall(callId); },
-    }), [callId, toolName, block, openFile, cwd, inspectCall]);
+    }), [callId, toolName, block, openFile, cwd, home, inspectCall]);
     return (_jsxs("div", { className: css.callRow, "data-chat-anchor-key": `call:${callId}`, "data-chat-call-id": callId, "data-selected": selected || undefined, children: [renderSlot('tool.call.toolview', owner, {
                 entryKey: toolName,
                 fallback: _jsx(GenericToolCard, { ...owner, t: t }),
             }), children] }));
 });
-const ToolCallBranch = memo(function ToolCallBranch({ renderSlot, block, selectedCallId, cwd, openFile, inspectCall, t, }) {
-    return (_jsx(ToolCall, { renderSlot: renderSlot, callId: block.callId, toolName: callName(block), block: block, openFile: openFile, selected: block.callId === selectedCallId, cwd: cwd, inspectCall: inspectCall, t: t, children: block.subCalls.length > 0 ? (_jsx("div", { className: css.subCalls, "data-subcalls": true, children: block.subCalls.map(child => (_jsx(ToolCallBranch, { renderSlot: renderSlot, block: child, selectedCallId: selectedCallId, cwd: cwd, openFile: openFile, inspectCall: inspectCall, t: t }, child.callId))) })) : null }));
+const ToolCallBranch = memo(function ToolCallBranch({ renderSlot, block, selectedCallId, cwd, home, openFile, inspectCall, t, }) {
+    return (_jsx(ToolCall, { renderSlot: renderSlot, callId: block.callId, toolName: callName(block), block: block, openFile: openFile, selected: block.callId === selectedCallId, cwd: cwd, home: home, inspectCall: inspectCall, t: t, children: block.subCalls.length > 0 ? (_jsx("div", { className: css.subCalls, "data-subcalls": true, children: block.subCalls.map(child => (_jsx(ToolCallBranch, { renderSlot: renderSlot, block: child, selectedCallId: selectedCallId, cwd: cwd, home: home, openFile: openFile, inspectCall: inspectCall, t: t }, child.callId))) })) : null }));
 });
 /**
  * Render one root Tool call and its recursive children through the same
@@ -31,8 +32,9 @@ const ToolCallBranch = memo(function ToolCallBranch({ renderSlot, block, selecte
  * @param props - whole-Tool owner data and the Tool-owned child-slot share.
  * @returns the Tool call tree.
  */
-export function ToolCallTree({ renderSlot, node, selectedCallId, cwd, openFile, inspectCall, t, }) {
+export function ToolCallTree({ renderSlot, node, selectedCallId, cwd, openFile, inspectCall, useHostDescription, t, }) {
+    const home = useHostDescription(description => description?.home);
     const block = node.data.root;
-    return (_jsx(ToolCallBranch, { renderSlot: renderSlot, block: block, selectedCallId: selectedCallId, cwd: cwd, openFile: openFile, inspectCall: inspectCall, t: t }));
+    return (_jsx(ToolCallBranch, { renderSlot: renderSlot, block: block, selectedCallId: selectedCallId, cwd: cwd, home: home, openFile: openFile, inspectCall: inspectCall, t: t }));
 }
 //# sourceMappingURL=ToolCallTree.js.map

package/dist/kernel/client-ui-tool/lib/types/client/tool/ToolDetails.d.ts

@@ -1,16 +1,9 @@
 import type { ToolDetailsProps } from '../contract/slots.ts';
-/** Pure details-body inputs; framework session seats stay at the slot boundary. */
-interface ToolDetailsContentProps {
-    block: ToolDetailsProps['block'];
-    cwd?: ToolDetailsProps['cwd'];
-    t: ToolDetailsProps['t'];
-}
 /**
  * Render the selected Tool call's structured output when its presentation
  * intent is known, otherwise preserve the flattened result text.
- * @param props - selected call slice, workspace root, and locale seat.
+ * @param props - selected call slice, workspace root, host home, and locale seat.
  * @returns the details output body.
  */
-export declare function ToolDetails({ block, cwd, t }: ToolDetailsContentProps): import("react").JSX.Element;
-export {};
+export declare function ToolDetails({ block, cwd, useHostDescription, t, }: Pick<ToolDetailsProps, 'block' | 'cwd' | 'useHostDescription' | 't'>): import("react").JSX.Element;
 //# sourceMappingURL=ToolDetails.d.ts.map

package/dist/kernel/client-ui-tool/lib/types/client/tool/ToolDetails.js

@@ -11,15 +11,16 @@ import css from './ToolDetails.module.css';
 /**
  * Render the selected Tool call's structured output when its presentation
  * intent is known, otherwise preserve the flattened result text.
- * @param props - selected call slice, workspace root, and locale seat.
+ * @param props - selected call slice, workspace root, host home, and locale seat.
  * @returns the details output body.
  */
-export function ToolDetails({ block, cwd, t }) {
+export function ToolDetails({ block, cwd, useHostDescription, t, }) {
+    const home = useHostDescription(description => description?.home);
     const terminal = terminalCardModel(block, cwd);
     if (terminal !== null) {
         return (_jsxs(_Fragment, { children: [terminal.description !== undefined ? (_jsx("div", { className: css.description, children: terminal.description })) : null, _jsx(TerminalBlock, { ...terminal.card, labels: terminalBlockLabels(t), className: css.cardBody })] }));
     }
-    const read = readCardModel(block, cwd);
+    const read = readCardModel(block, cwd, home);
     if (read !== null)
         return _jsx(ReadBlock, { ...read, className: css.read });
     const diff = diffCardModel(block);

package/dist/kernel/client-ui-tool/lib/types/client/tool/models/read-card-model.d.ts

@@ -1,18 +1,3 @@
-/**
- * Pure derivation of the read-card props from a frozen call slice: the
- * `card:'read'` render intent the read tool declares arrives on the snapshot as
- * the settled result node's `resultView`, and this is the one place that turns
- * it into what {@link ReadBlock} draws. Both conversation render sites (the chat
- * tool row's resident body and the details panel's Output section) call this, so
- * the path, lines, total, and language they show are derived once.
- *
- * The read card is result-side only ([read card note](../../../../../../.agents/notes/implemented/feature/2026-07-30-web-read-card.md)):
- * a call carries no file content until `execute` returns, so the pending call
- * stays a generic card (`kind: 'read'`). A running read therefore has no read
- * card, and this returns null for it — the row keeps its args-derived summary
- * until the result arrives.
- * @module
- */
 import type { ReadBlockProps } from '../../../../../../client-ui-primitives/lib/index.js';
 import { type ToolCallBlock } from './tool-call-model.ts';
 /**
@@ -49,12 +34,13 @@ export type ReadCardModel = Pick<ReadBlockProps, 'label' | 'lines' | 'totalLines
  *
  * The label is the read view's `title` when the tool supplied one (the
  * presentation contract's replacement-title rule), otherwise the file path
- * relativized to the session workspace so a workspace-rooted absolute path
- * displays the same short form the row summary shows.
+ * shortened the same way the row summary is: workspace-relative first, then
+ * POSIX `~` for a leftover host-home path.
  * @param block - RunningToolCall or ToolResultNode off the snapshot caches.
  * @param sessionCwd - the session workspace root; a workspace-rooted absolute
  *   path label displays relative to it. Absent leaves the path as authored.
+ * @param home - host account home; a leftover POSIX home path displays as `~`.
  * @returns the read-card props, or null for the generic path.
  */
-export declare function readCardModel(block: ToolCallBlock, sessionCwd?: string): ReadCardModel | null;
+export declare function readCardModel(block: ToolCallBlock, sessionCwd?: string, home?: string): ReadCardModel | null;
 //# sourceMappingURL=read-card-model.d.ts.map

package/dist/kernel/client-ui-tool/lib/types/client/tool/models/read-card-model.js

@@ -1,3 +1,19 @@
+/**
+ * Pure derivation of the read-card props from a frozen call slice: the
+ * `card:'read'` render intent the read tool declares arrives on the snapshot as
+ * the settled result node's `resultView`, and this is the one place that turns
+ * it into what {@link ReadBlock} draws. Both conversation render sites (the chat
+ * tool row's resident body and the details panel's Output section) call this, so
+ * the path, lines, total, and language they show are derived once.
+ *
+ * The read card is result-side only ([read card note](../../../../../../.agents/notes/implemented/feature/2026-07-30-web-read-card.md)):
+ * a call carries no file content until `execute` returns, so the pending call
+ * stays a generic card (`kind: 'read'`). A running read therefore has no read
+ * card, and this returns null for it — the row keeps its args-derived summary
+ * until the result arrives.
+ * @module
+ */
+import { abbreviateHomePath } from '../../../../../../client-runtime/lib/client.js';
 import { relativizeToCwd } from "./tool-call-model.js";
 /**
  * Content lines the chat row's resident read body shows before collapsing the
@@ -27,14 +43,15 @@ export const CHAT_READ_MAX_LINES = 8;
  *
  * The label is the read view's `title` when the tool supplied one (the
  * presentation contract's replacement-title rule), otherwise the file path
- * relativized to the session workspace so a workspace-rooted absolute path
- * displays the same short form the row summary shows.
+ * shortened the same way the row summary is: workspace-relative first, then
+ * POSIX `~` for a leftover host-home path.
  * @param block - RunningToolCall or ToolResultNode off the snapshot caches.
  * @param sessionCwd - the session workspace root; a workspace-rooted absolute
  *   path label displays relative to it. Absent leaves the path as authored.
+ * @param home - host account home; a leftover POSIX home path displays as `~`.
  * @returns the read-card props, or null for the generic path.
  */
-export function readCardModel(block, sessionCwd) {
+export function readCardModel(block, sessionCwd, home) {
     // Running has no result view; a read carries no content until execute returns.
     if (!('kind' in block))
         return null;
@@ -45,7 +62,7 @@ export function readCardModel(block, sessionCwd) {
     // shape so the card never holds a reference into the runtime's cache.
     const lines = result.lines.map(line => ({ number: line.number, text: line.text }));
     return {
-        label: result.title ?? relativizeToCwd(result.path, sessionCwd),
+        label: result.title ?? abbreviateHomePath(relativizeToCwd(result.path, sessionCwd), home),
         lines,
         totalLines: result.totalLines,
         lang: result.lang,

package/dist/kernel/client-ui-tool/lib/types/client/tool/models/tool-call-model.d.ts

@@ -1,11 +1,3 @@
-/**
- * Pure row-model derivation for tool summary rows: variant classification,
- * one-line summary, expanded-body text, and flattened result output from the
- * frozen call slice. Input material comes from the call ARGUMENTS; output and
- * error material from the settled result node. A call whose render intent is
- * a terminal card gets its expanded body from the views instead, through
- * `terminalCardModel` in terminal-card-model.ts.
- */
 import type { ToolCallBlock, ToolResultNode } from '../../../../../../client-runtime/lib/client.js';
 export type { ToolCallBlock } from '../../../../../../client-runtime/lib/client.js';
 /** Tool-call row variants selected by the generic atomic renderer. */
@@ -59,7 +51,8 @@ export declare function relativizeToCwd(text: string, cwd: string | undefined):
  * @param toolName - wire tool name (dispatch-supplied; survives windowless results).
  * @param block - RunningToolCall or ToolResultNode off the snapshot caches.
  * @param cwd - session workspace root; workspace-rooted path summaries display relative to it.
+ * @param home - host account home; a leftover POSIX home path displays as `~`.
  * @returns the row model.
  */
-export declare function toolRowModel(toolName: string, block: ToolCallBlock, cwd?: string): ToolRowModel;
+export declare function toolRowModel(toolName: string, block: ToolCallBlock, cwd?: string, home?: string): ToolRowModel;
 //# sourceMappingURL=tool-call-model.d.ts.map