@nomix-ai/nomix-harness 0.2.5 → 0.2.6

package/dist/kernel/client-ui-workflow-run/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nomix-ai/nomix-client-ui-workflow-run",
   "description": "Durable workflow-run Conversation Node and nested member disclosure for nomix web",
-  "version": "0.2.5",
+  "version": "0.2.6",
   "publishConfig": {
     "access": "public"
   },
@@ -50,15 +50,10 @@
     "lib/types/**/*.d.ts"
   ],
   "license": "MIT",
-  "dependencies": {
-    "react": "^18.2.0"
-  },
   "peerDependencies": {
     "@nomix-ai/nomix-client-locale": "workspace:^",
     "@nomix-ai/nomix-client-runtime": "workspace:^",
     "@nomix-ai/nomix-client-ui-conversation": "workspace:^",
-    "@nomix-ai/nomix-client-ui-primitives": "workspace:^",
-    "@nomix-ai/nomix-client-ui-slots": "workspace:^",
     "@nomix-ai/nomix-invariants": "workspace:^",
     "@nomix-ai/nomix-session": "workspace:^",
     "@nomix-ai/nomix-tool-workflow": "workspace:^",
@@ -77,6 +72,7 @@
     "@nomix-ai/nomix-tool-workflow": "workspace:^",
     "@nomix-ai/nomix-workflow": "workspace:^",
     "@types/react": "~18.3.1",
-    "@nomix-ai/cordis": "workspace:^"
+    "@nomix-ai/cordis": "workspace:^",
+    "react": "^18.2.0"
   }
 }

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

@@ -341,40 +341,40 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var Rows_module_css_default = {
-			"renameInput": "odRa8G_renameInput",
-			"projectRow": "odRa8G_projectRow",
+			"arrow": "odRa8G_arrow",
+			"arrowOpen": "odRa8G_arrowOpen",
 			"chevron": "odRa8G_chevron",
-			"searchResultTitle": "odRa8G_searchResultTitle",
-			"projectText": "odRa8G_projectText",
-			"meta": "odRa8G_meta",
 			"dot": "odRa8G_dot",
-			"menuOpen": "odRa8G_menuOpen",
-			"hoverPath": "odRa8G_hoverPath",
-			"folderActive": "odRa8G_folderActive",
-			"hoverStatus": "odRa8G_hoverStatus",
-			"time": "odRa8G_time",
-			"title": "odRa8G_title",
-			"hoverContent": "odRa8G_hoverContent",
-			"sessionRow": "odRa8G_sessionRow",
 			"dropAfter": "odRa8G_dropAfter",
 			"dropBefore": "odRa8G_dropBefore",
-			"visuallyHidden": "odRa8G_visuallyHidden",
-			"searchResultHeading": "odRa8G_searchResultHeading",
-			"arrowOpen": "odRa8G_arrowOpen",
-			"rowActions": "odRa8G_rowActions",
-			"arrow": "odRa8G_arrow",
-			"searchResultWorkspace": "odRa8G_searchResultWorkspace",
 			"flatSessionRowWithoutStatus": "odRa8G_flatSessionRowWithoutStatus",
+			"folder": "odRa8G_folder",
+			"folderActive": "odRa8G_folderActive",
+			"hoverContent": "odRa8G_hoverContent",
+			"hoverPath": "odRa8G_hoverPath",
+			"hoverStatus": "odRa8G_hoverStatus",
 			"hoverTime": "odRa8G_hoverTime",
-			"row-in": "odRa8G_row-in",
-			"searchResultRow": "odRa8G_searchResultRow",
 			"hoverTitle": "odRa8G_hoverTitle",
 			"iconButton": "odRa8G_iconButton",
+			"menuOpen": "odRa8G_menuOpen",
+			"meta": "odRa8G_meta",
+			"projectRow": "odRa8G_projectRow",
+			"projectText": "odRa8G_projectText",
+			"renameInput": "odRa8G_renameInput",
+			"row-in": "odRa8G_row-in",
+			"rowActions": "odRa8G_rowActions",
+			"searchResultHeading": "odRa8G_searchResultHeading",
+			"searchResultMeta": "odRa8G_searchResultMeta",
+			"searchResultRow": "odRa8G_searchResultRow",
 			"searchResultSnippet": "odRa8G_searchResultSnippet",
+			"searchResultTitle": "odRa8G_searchResultTitle",
+			"searchResultWorkspace": "odRa8G_searchResultWorkspace",
 			"selected": "odRa8G_selected",
-			"searchResultMeta": "odRa8G_searchResultMeta",
-			"folder": "odRa8G_folder",
-			"slot": "odRa8G_slot"
+			"sessionRow": "odRa8G_sessionRow",
+			"slot": "odRa8G_slot",
+			"time": "odRa8G_time",
+			"title": "odRa8G_title",
+			"visuallyHidden": "odRa8G_visuallyHidden"
 		};
 		//#endregion
 		//#region lib/types/client/rows/Rows.js
@@ -413,7 +413,7 @@ window.__ModuleLoader__.load({
 				d: d.getDate()
 			})} ${pad2(d.getHours())}:${pad2(d.getMinutes())}` });
 		}
-		/** Hover-card body: workspace title, full directory path, absolute creation time. */
+		/** Hover-card body: workspace title, display directory path, absolute creation time. */
 		function WorkspaceHoverContent({ label, cwd, createdAt, t }) {
 			return (0, react_jsx_runtime.jsxs)("div", {
 				className: Rows_module_css_default.hoverContent,
@@ -447,10 +447,11 @@ window.__ModuleLoader__.load({
 		* @param props.onToggle - expand/collapse the group.
 		* @param props.onCreate - start a frontend Session inside this Workspace.
 		* @param props.drag - optional workspace-row drag wiring.
+		* @param props.home - host account home for POSIX hover-path abbreviation.
 		* @param props.t - the browser root's locale seat.
 		* @returns the row element.
 		*/
-		function ProjectRowItem({ group, onToggle, onCreate, actions, drag, t }) {
+		function ProjectRowItem({ group, onToggle, onCreate, actions, drag, home, t }) {
 			const row = group;
 			const label = row.workspaceId === void 0 ? t("group.ungrouped") : row.label;
 			const active = group.expanded && group.containsCurrent;
@@ -538,7 +539,7 @@ window.__ModuleLoader__.load({
 				anchor: ownRow,
 				content: (0, react_jsx_runtime.jsx)(WorkspaceHoverContent, {
 					label: row.label,
-					cwd: row.cwd,
+					cwd: row.cwd === void 0 ? void 0 : (0, _nomix_ai_nomix_client_runtime_client.abbreviateHomePath)(row.cwd, home),
 					createdAt: row.createdAt,
 					t
 				}),
@@ -805,8 +806,8 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var WorkspacePicker_module_css_default = {
-			"modalAction": "O0qg0q_modalAction",
 			"menuStatus": "O0qg0q_menuStatus",
+			"modalAction": "O0qg0q_modalAction",
 			"modalError": "O0qg0q_modalError"
 		};
 		//#endregion
@@ -975,42 +976,42 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var WorkspaceBrowser_module_css_default = {
-			"renameInput": "xOUZxG_renameInput",
-			"searchSlotExpanded": "xOUZxG_searchSlotExpanded",
-			"headerActions": "xOUZxG_headerActions",
+			"clearButton": "xOUZxG_clearButton",
 			"deleteAction": "xOUZxG_deleteAction",
-			"searchExpanded": "xOUZxG_searchExpanded",
-			"workspaceDropBefore": "xOUZxG_workspaceDropBefore",
-			"rail": "xOUZxG_rail",
+			"deleteStatus": "xOUZxG_deleteStatus",
+			"empty": "xOUZxG_empty",
+			"fade": "xOUZxG_fade",
+			"flatList": "xOUZxG_flatList",
 			"groupSection": "xOUZxG_groupSection",
-			"workspaceDropAfter": "xOUZxG_workspaceDropAfter",
-			"searchTree": "xOUZxG_searchTree",
-			"wide": "xOUZxG_wide",
-			"renameError": "xOUZxG_renameError",
-			"searchSlot": "xOUZxG_searchSlot",
-			"listTopDropIndicator": "xOUZxG_listTopDropIndicator",
-			"sessionOverflowButton": "xOUZxG_sessionOverflowButton",
+			"headerActions": "xOUZxG_headerActions",
+			"headerActionsHidden": "xOUZxG_headerActionsHidden",
 			"iconButton": "xOUZxG_iconButton",
-			"clearButton": "xOUZxG_clearButton",
 			"list": "xOUZxG_list",
 			"listArea": "xOUZxG_listArea",
-			"sectionLabel": "xOUZxG_sectionLabel",
-			"fade": "xOUZxG_fade",
-			"searchInput": "xOUZxG_searchInput",
-			"search": "xOUZxG_search",
-			"wide-in": "xOUZxG_wide-in",
 			"listTopDropActive": "xOUZxG_listTopDropActive",
+			"listTopDropIndicator": "xOUZxG_listTopDropIndicator",
+			"rail": "xOUZxG_rail",
+			"renameError": "xOUZxG_renameError",
+			"renameInput": "xOUZxG_renameInput",
 			"root": "xOUZxG_root",
-			"searchStatus": "xOUZxG_searchStatus",
-			"empty": "xOUZxG_empty",
-			"treeBody": "xOUZxG_treeBody",
-			"flatList": "xOUZxG_flatList",
+			"search": "xOUZxG_search",
 			"searchButton": "xOUZxG_searchButton",
+			"searchExpanded": "xOUZxG_searchExpanded",
+			"searchInput": "xOUZxG_searchInput",
+			"searchSlot": "xOUZxG_searchSlot",
+			"searchSlotExpanded": "xOUZxG_searchSlotExpanded",
+			"searchStatus": "xOUZxG_searchStatus",
+			"searchTree": "xOUZxG_searchTree",
 			"searchWarning": "xOUZxG_searchWarning",
-			"headerActionsHidden": "xOUZxG_headerActionsHidden",
-			"deleteStatus": "xOUZxG_deleteStatus",
 			"sectionHeader": "xOUZxG_sectionHeader",
-			"sectionLabelHidden": "xOUZxG_sectionLabelHidden"
+			"sectionLabel": "xOUZxG_sectionLabel",
+			"sectionLabelHidden": "xOUZxG_sectionLabelHidden",
+			"sessionOverflowButton": "xOUZxG_sessionOverflowButton",
+			"treeBody": "xOUZxG_treeBody",
+			"wide": "xOUZxG_wide",
+			"wide-in": "xOUZxG_wide-in",
+			"workspaceDropAfter": "xOUZxG_workspaceDropAfter",
+			"workspaceDropBefore": "xOUZxG_workspaceDropBefore"
 		};
 		//#endregion
 		//#region lib/types/client/WorkspaceBrowser.js
@@ -1196,7 +1197,7 @@ window.__ModuleLoader__.load({
 			return e.clientY < rect.top + rect.height / 2 ? "before" : "after";
 		}
 		/** The scrolling session tree; unmounting drops the sessions subscription and expand-all state. */
-		function SessionTree({ useSessions, startSession, open, forkSession, workspaces, archivedSessionIds, onRenameRequest, onDeleteRequest, onSessionRename, onSessionArchive, insertWorkspaceBefore, insertSessionBefore, orderBy, groupExpansion, setGroupExpanded, sessionOrderByAccount, sessionUpdatedAtByAccount, syncSessionOrderAccount, setSessionOrder, t }) {
+		function SessionTree({ useSessions, startSession, open, forkSession, workspaces, archivedSessionIds, onRenameRequest, onDeleteRequest, onSessionRename, onSessionArchive, insertWorkspaceBefore, insertSessionBefore, orderBy, groupExpansion, setGroupExpanded, sessionOrderByAccount, sessionUpdatedAtByAccount, syncSessionOrderAccount, setSessionOrder, home, t }) {
 			const list = useSessions((s) => s);
 			const current = list.current;
 			const [expandedSessionGroups, setExpandedSessionGroups] = (0, react.useState)([]);
@@ -1376,6 +1377,7 @@ window.__ModuleLoader__.load({
 								children: [
 									(0, react_jsx_runtime.jsx)(ProjectRowItem, {
 										group,
+										home,
 										t,
 										onToggle: () => {
 											if (group.expanded) setExpandedSessionGroups((keys) => keys.filter((key) => key !== group.key));
@@ -1644,7 +1646,8 @@ window.__ModuleLoader__.load({
 		* @param props - composed slot props (shell owner share + store + injected actions).
 		* @returns the region element tree.
 		*/
-		function WorkspaceBrowser({ wide, expandSidebar, useSessions, useWorkspaces, useStore, actions, startSession, open, renameSession, forkSession, renameWorkspace, deleteWorkspace, insertWorkspaceBefore, archiveSession, insertSessionBefore, createWorkspace, searchSessions, searchResultLimit, useDirectoryFlow, renderSlot, t }) {
+		function WorkspaceBrowser({ wide, expandSidebar, useSessions, useWorkspaces, useStore, actions, startSession, open, renameSession, forkSession, renameWorkspace, deleteWorkspace, insertWorkspaceBefore, archiveSession, insertSessionBefore, createWorkspace, searchSessions, searchResultLimit, useDirectoryFlow, useHostDescription, renderSlot, t }) {
+			const home = useHostDescription((description) => description?.home);
 			const workspaces = useWorkspaces((state) => state.items);
 			const workspacePhase = useWorkspaces((state) => state.phase);
 			const archivedSessionIds = useWorkspaces((state) => state.archivedSessionIds);
@@ -1654,6 +1657,32 @@ window.__ModuleLoader__.load({
 			const groupExpansion = useStore((s) => s.groupExpansion);
 			const sessionOrderByAccount = useStore((s) => s.sessionOrderByAccount);
 			const sessionUpdatedAtByAccount = useStore((s) => s.sessionUpdatedAtByAccount);
+			const currentBlankSessionId = useSessions((state) => {
+				const current = state.current;
+				return current !== void 0 && state.byId[current]?.blank === true ? current : void 0;
+			});
+			const currentBlankAccount = currentBlankSessionId === void 0 ? void 0 : workspaces.find((workspace) => workspace.sessionIds.includes(currentBlankSessionId))?.workspaceId ?? "";
+			const promotedBlank = (0, react.useRef)(void 0);
+			(0, react.useEffect)(() => {
+				if (currentBlankSessionId === void 0 || currentBlankAccount === void 0) {
+					promotedBlank.current = void 0;
+					return;
+				}
+				if (promotedBlank.current?.sessionId === currentBlankSessionId && promotedBlank.current.accountKey === currentBlankAccount) return;
+				promotedBlank.current = {
+					sessionId: currentBlankSessionId,
+					accountKey: currentBlankAccount
+				};
+				for (const accountKey of new Set([currentBlankAccount, FLAT_SESSION_ORDER_KEY])) {
+					const previous = sessionOrderByAccount[accountKey] ?? [];
+					actions.setSessionOrder(accountKey, [currentBlankSessionId, ...previous.filter((id) => id !== currentBlankSessionId)]);
+				}
+			}, [
+				actions.setSessionOrder,
+				currentBlankAccount,
+				currentBlankSessionId,
+				sessionOrderByAccount
+			]);
 			(0, react.useEffect)(() => {
 				if (workspacePhase !== "ready") return;
 				actions.retainAccountKeys([
@@ -1701,7 +1730,7 @@ window.__ModuleLoader__.load({
 				searchOnExpand
 			]);
 			(0, react.useEffect)(() => {
-				if (!wide || !searchExpanded) return;
+				if (!wide || !searchExpanded || searchOnExpand) return;
 				const onClick = (event) => {
 					if (!(event.target instanceof Node) || searchRoot.current?.contains(event.target) === true) return;
 					searchInput.current?.blur();
@@ -1715,7 +1744,8 @@ window.__ModuleLoader__.load({
 			}, [
 				normalizedQuery,
 				wide,
-				searchExpanded
+				searchExpanded,
+				searchOnExpand
 			]);
 			(0, react.useEffect)(() => {
 				if (normalizedQuery === "") {
@@ -2022,6 +2052,7 @@ window.__ModuleLoader__.load({
 							insertWorkspaceBefore,
 							insertSessionBefore,
 							orderBy,
+							home,
 							t,
 							onRenameRequest: (workspaceId, currentTitle) => {
 								setRenameTarget({
@@ -2326,7 +2357,8 @@ window.__ModuleLoader__.load({
 			"slots",
 			"sessions",
 			"workspaces",
-			"locale"
+			"locale",
+			"connection"
 		];
 		/**
 		* Register the browser and picker once their slot declarations are on the
@@ -2335,6 +2367,7 @@ window.__ModuleLoader__.load({
 		* @param ctx - client root context.
 		*/
 		function apply(ctx) {
+			const hostDescription = ctx.get("connection").hostDescription;
 			ctx.effect(() => ctx.locale.register(NS, {
 				zh,
 				en
@@ -2389,7 +2422,10 @@ window.__ModuleLoader__.load({
 					await ctx.workspaces.insertSessionBefore(workspaceId, sessionId, beforeSessionId);
 				},
 				createWorkspace: (input) => ctx.workspaces.create(input),
-				hooks: { directoryFlow: browserFlowSource }
+				hooks: {
+					directoryFlow: browserFlowSource,
+					hostDescription
+				}
 			});
 			const pickerInjected = () => ({
 				createWorkspace: (input) => ctx.workspaces.create(input),

package/dist/kernel/client-ui-workspace/lib/types/client/WorkspaceBrowser.d.ts

@@ -4,5 +4,5 @@ import type { WorkspaceBrowserProps } from './contract/slots.ts';
  * @param props - composed slot props (shell owner share + store + injected actions).
  * @returns the region element tree.
  */
-export declare function WorkspaceBrowser({ wide, expandSidebar, useSessions, useWorkspaces, useStore, actions, startSession, open, renameSession, forkSession, renameWorkspace, deleteWorkspace, insertWorkspaceBefore, archiveSession, insertSessionBefore, createWorkspace, searchSessions, searchResultLimit, useDirectoryFlow, renderSlot, t, }: WorkspaceBrowserProps): import("react").JSX.Element;
+export declare function WorkspaceBrowser({ wide, expandSidebar, useSessions, useWorkspaces, useStore, actions, startSession, open, renameSession, forkSession, renameWorkspace, deleteWorkspace, insertWorkspaceBefore, archiveSession, insertSessionBefore, createWorkspace, searchSessions, searchResultLimit, useDirectoryFlow, useHostDescription, renderSlot, t, }: WorkspaceBrowserProps): import("react").JSX.Element;
 //# sourceMappingURL=WorkspaceBrowser.d.ts.map

package/dist/kernel/client-ui-workspace/lib/types/client/WorkspaceBrowser.js

@@ -157,7 +157,7 @@ function workspaceGroupHalf(e) {
     return e.clientY < rect.top + rect.height / 2 ? 'before' : 'after';
 }
 /** The scrolling session tree; unmounting drops the sessions subscription and expand-all state. */
-function SessionTree({ useSessions, startSession, open, forkSession, workspaces, archivedSessionIds, onRenameRequest, onDeleteRequest, onSessionRename, onSessionArchive, insertWorkspaceBefore, insertSessionBefore, orderBy, groupExpansion, setGroupExpanded, sessionOrderByAccount, sessionUpdatedAtByAccount, syncSessionOrderAccount, setSessionOrder, t, }) {
+function SessionTree({ useSessions, startSession, open, forkSession, workspaces, archivedSessionIds, onRenameRequest, onDeleteRequest, onSessionRename, onSessionArchive, insertWorkspaceBefore, insertSessionBefore, orderBy, groupExpansion, setGroupExpanded, sessionOrderByAccount, sessionUpdatedAtByAccount, syncSessionOrderAccount, setSessionOrder, home, t, }) {
     const list = useSessions(s => s);
     const current = list.current;
     const [expandedSessionGroups, setExpandedSessionGroups] = useState([]);
@@ -330,7 +330,7 @@ function SessionTree({ useSessions, startSession, open, forkSession, workspaces,
                                 : (e) => {
                                     e.preventDefault();
                                     dropWorkspace(workspaceGroupHalf(e));
-                                }, children: [_jsx(ProjectRowItem, { group: group, t: t, onToggle: () => {
+                                }, children: [_jsx(ProjectRowItem, { group: group, home: home, t: t, onToggle: () => {
                                         if (group.expanded) {
                                             setExpandedSessionGroups(keys => keys.filter(key => key !== group.key));
                                         }
@@ -489,7 +489,8 @@ function SearchResults({ useSessions, open, workspaces, archivedSessionIds, quer
  * @param props - composed slot props (shell owner share + store + injected actions).
  * @returns the region element tree.
  */
-export function WorkspaceBrowser({ wide, expandSidebar, useSessions, useWorkspaces, useStore, actions, startSession, open, renameSession, forkSession, renameWorkspace, deleteWorkspace, insertWorkspaceBefore, archiveSession, insertSessionBefore, createWorkspace, searchSessions, searchResultLimit, useDirectoryFlow, renderSlot, t, }) {
+export function WorkspaceBrowser({ wide, expandSidebar, useSessions, useWorkspaces, useStore, actions, startSession, open, renameSession, forkSession, renameWorkspace, deleteWorkspace, insertWorkspaceBefore, archiveSession, insertSessionBefore, createWorkspace, searchSessions, searchResultLimit, useDirectoryFlow, useHostDescription, renderSlot, t, }) {
+    const home = useHostDescription(description => description?.home);
     const workspaces = useWorkspaces(state => state.items);
     const workspacePhase = useWorkspaces(state => state.phase);
     const archivedSessionIds = useWorkspaces(state => state.archivedSessionIds);
@@ -501,6 +502,32 @@ export function WorkspaceBrowser({ wide, expandSidebar, useSessions, useWorkspac
     const groupExpansion = useStore(s => s.groupExpansion);
     const sessionOrderByAccount = useStore(s => s.sessionOrderByAccount);
     const sessionUpdatedAtByAccount = useStore(s => s.sessionUpdatedAtByAccount);
+    const currentBlankSessionId = useSessions((state) => {
+        const current = state.current;
+        return current !== undefined && state.byId[current]?.blank === true ? current : undefined;
+    });
+    const currentBlankAccount = currentBlankSessionId === undefined
+        ? undefined
+        : workspaces.find(workspace => workspace.sessionIds.includes(currentBlankSessionId))
+            ?.workspaceId ?? UNGROUPED_KEY;
+    const promotedBlank = useRef(undefined);
+    useEffect(() => {
+        if (currentBlankSessionId === undefined || currentBlankAccount === undefined) {
+            promotedBlank.current = undefined;
+            return;
+        }
+        if (promotedBlank.current?.sessionId === currentBlankSessionId
+            && promotedBlank.current.accountKey === currentBlankAccount)
+            return;
+        promotedBlank.current = { sessionId: currentBlankSessionId, accountKey: currentBlankAccount };
+        for (const accountKey of new Set([currentBlankAccount, FLAT_SESSION_ORDER_KEY])) {
+            const previous = sessionOrderByAccount[accountKey] ?? [];
+            actions.setSessionOrder(accountKey, [
+                currentBlankSessionId,
+                ...previous.filter(id => id !== currentBlankSessionId),
+            ]);
+        }
+    }, [actions.setSessionOrder, currentBlankAccount, currentBlankSessionId, sessionOrderByAccount]);
     useEffect(() => {
         if (workspacePhase !== 'ready')
             return;
@@ -545,8 +572,13 @@ export function WorkspaceBrowser({ wide, expandSidebar, useSessions, useWorkspac
             return;
         searchInput.current?.focus({ preventScroll: true });
     }, [wide, searchExpanded, searchOnExpand]);
+    // Outside-click dismissal stays off while the rail gesture is in flight
+    // (searchOnExpand): the rail click flips the shell wide and mounts this
+    // listener during its own dispatch, then keeps bubbling to document with
+    // the now-unmounted rail button as its target — outside searchRoot, so the
+    // listener would dismiss the search that click just opened.
     useEffect(() => {
-        if (!wide || !searchExpanded)
+        if (!wide || !searchExpanded || searchOnExpand)
             return;
         const onClick = (event) => {
             if (!(event.target instanceof Node) || searchRoot.current?.contains(event.target) === true)
@@ -558,7 +590,7 @@ export function WorkspaceBrowser({ wide, expandSidebar, useSessions, useWorkspac
         };
         document.addEventListener('click', onClick);
         return () => { document.removeEventListener('click', onClick); };
-    }, [normalizedQuery, wide, searchExpanded]);
+    }, [normalizedQuery, wide, searchExpanded, searchOnExpand]);
     useEffect(() => {
         if (normalizedQuery === '') {
             setRemoteSearch({ query: '', status: 'idle', items: [], hasMore: false });
@@ -735,7 +767,7 @@ export function WorkspaceBrowser({ wide, expandSidebar, useSessions, useWorkspac
                     ? (_jsx(SearchResults, { useSessions: useSessions, open: open, workspaces: workspaces, archivedSessionIds: archivedSessionIds, query: normalizedQuery, remote: remoteSearch, resultLimit: searchResultLimit, t: t }))
                     : groupBy === 'flat'
                         ? (_jsx(FlatList, { useSessions: useSessions, open: open, forkSession: forkSession, onSessionRename: onSessionRename, onSessionArchive: onSessionArchive, archivedSessionIds: archivedSessionIds, orderBy: orderBy, sessionOrderByAccount: sessionOrderByAccount, sessionUpdatedAtByAccount: sessionUpdatedAtByAccount, syncSessionOrderAccount: actions.syncSessionOrderAccount, setSessionOrder: actions.setSessionOrder, t: t }))
-                        : (_jsx(SessionTree, { useSessions: useSessions, onSessionRename: onSessionRename, onSessionArchive: onSessionArchive, forkSession: forkSession, workspaces: workspaces, groupExpansion: groupExpansion, setGroupExpanded: actions.setGroupExpanded, sessionOrderByAccount: sessionOrderByAccount, sessionUpdatedAtByAccount: sessionUpdatedAtByAccount, syncSessionOrderAccount: actions.syncSessionOrderAccount, setSessionOrder: actions.setSessionOrder, archivedSessionIds: archivedSessionIds, startSession: startSession, open: open, insertWorkspaceBefore: insertWorkspaceBefore, insertSessionBefore: insertSessionBefore, orderBy: orderBy, t: t, onRenameRequest: (workspaceId, currentTitle) => {
+                        : (_jsx(SessionTree, { useSessions: useSessions, onSessionRename: onSessionRename, onSessionArchive: onSessionArchive, forkSession: forkSession, workspaces: workspaces, groupExpansion: groupExpansion, setGroupExpanded: actions.setGroupExpanded, sessionOrderByAccount: sessionOrderByAccount, sessionUpdatedAtByAccount: sessionUpdatedAtByAccount, syncSessionOrderAccount: actions.syncSessionOrderAccount, setSessionOrder: actions.setSessionOrder, archivedSessionIds: archivedSessionIds, startSession: startSession, open: open, insertWorkspaceBefore: insertWorkspaceBefore, insertSessionBefore: insertSessionBefore, orderBy: orderBy, home: home, t: t, onRenameRequest: (workspaceId, currentTitle) => {
                                 setRenameTarget({ workspaceId, currentTitle });
                                 setRenameDraft(currentTitle);
                                 setRenameError(null);

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

@@ -22,7 +22,8 @@
  * and a hole has exactly one declaring entry — they carry the same owner
  * contract and the same occupant.
  */
-import type { HostObservable, PropsLocale, PropsRenderSlots, PropsRuntime, PropsStore, SnapshotSelectorHook } from '../../../../../client-ui-slots/lib/index.js';
+import type { HostDescriptionSource } from '../../../../../client-connection/lib/client.js';
+import type { HostObservable, PropsHooks, PropsLocale, PropsRenderSlots, PropsRuntime, PropsStore } from '../../../../../client-ui-slots/lib/index.js';
 import type { SessionId, SessionSearchResultItem, WorkspaceId, WorkspaceView } from '../../../../../client-runtime/lib/client.js';
 import type { createWorkspaceViewStore } from '../stores.ts';
 /**
@@ -74,16 +75,17 @@ export type DirectoryPickingInjected = {
     };
 };
 /** Component-side view of the picking share: the bound occupancy selector hook. */
-export type DirectoryPickingHooks = {
-    /** Selector hook over this surface's directory-flow occupancy. */
-    useDirectoryFlow: SnapshotSelectorHook<boolean>;
-};
+export type DirectoryPickingHooks = PropsHooks<DirectoryPickingInjected['hooks']>;
 /**
  * Browser-private injected share (arrives via the register inject factory).
  * Data reads use the global framework hooks; these are the Host actions the
  * browsing region drives.
  */
-export type WorkspaceBrowserInjected = DirectoryPickingInjected & {
+export type WorkspaceBrowserInjected = {
+    hooks: DirectoryPickingInjected['hooks'] & {
+        /** Current generation's Host description, bound by the slot renderer. */
+        hostDescription: HostDescriptionSource;
+    };
     /**
      * Start a New Session in a Workspace: reuse-or-create its blank session and
      * open it; without an explicit workspace, inherit the current Session
@@ -133,7 +135,7 @@ export type WorkspaceBrowserInjected = DirectoryPickingInjected & {
     }) => Promise<WorkspaceView>;
 };
 /** Full browser props: shell owner share + viewing store + injected actions + the locale seat. */
-export type WorkspaceBrowserProps = PropsRuntime<'sidebar.workspaces'> & PropsRenderSlots<'sidebar.workspaces.directoryFlow'> & PropsStore<ReturnType<typeof createWorkspaceViewStore>> & Omit<WorkspaceBrowserInjected, 'hooks'> & DirectoryPickingHooks & PropsLocale<'workspace'>;
+export type WorkspaceBrowserProps = PropsRuntime<'sidebar.workspaces'> & PropsRenderSlots<'sidebar.workspaces.directoryFlow'> & PropsStore<ReturnType<typeof createWorkspaceViewStore>> & Omit<WorkspaceBrowserInjected, 'hooks'> & PropsHooks<WorkspaceBrowserInjected['hooks']> & PropsLocale<'workspace'>;
 /**
  * Picker-private injected share. Pick semantics remain in the owner's onPick
  * callback; this callback creates only the real Host Workspace. A type alias

package/dist/kernel/client-ui-workspace/lib/types/client/index.js

@@ -12,7 +12,7 @@ const NS = 'workspace';
  * provides a waitable service. apply therefore depends on each slot
  * declaration through `slots.inject()` instead of assuming order.
  */
-export const inject = ['slots', 'sessions', 'workspaces', 'locale'];
+export const inject = ['slots', 'sessions', 'workspaces', 'locale', 'connection'];
 /**
  * Register the browser and picker once their slot declarations are on the
  * ledger. Inject factories return plain callbacks; data reads use the
@@ -20,6 +20,8 @@ export const inject = ['slots', 'sessions', 'workspaces', 'locale'];
  * @param ctx - client root context.
  */
 export function apply(ctx) {
+    const connection = ctx.get('connection');
+    const hostDescription = connection.hostDescription;
     ctx.effect(() => ctx.locale.register(NS, { zh, en }), 'ui-workspace: dictionaries');
     const searchSessions = async (query, signal) => {
         const result = await ctx.sessions.search(query, signal);
@@ -69,7 +71,7 @@ export function apply(ctx) {
             await ctx.workspaces.insertSessionBefore(workspaceId, sessionId, beforeSessionId);
         },
         createWorkspace: input => ctx.workspaces.create(input),
-        hooks: { directoryFlow: browserFlowSource },
+        hooks: { directoryFlow: browserFlowSource, hostDescription },
     });
     const pickerInjected = () => ({
         createWorkspace: input => ctx.workspaces.create(input),

package/dist/kernel/client-ui-workspace/lib/types/client/rows/Rows.d.ts

@@ -32,10 +32,11 @@ interface WorkspaceRowDragProps {
  * @param props.onToggle - expand/collapse the group.
  * @param props.onCreate - start a frontend Session inside this Workspace.
  * @param props.drag - optional workspace-row drag wiring.
+ * @param props.home - host account home for POSIX hover-path abbreviation.
  * @param props.t - the browser root's locale seat.
  * @returns the row element.
  */
-export declare function ProjectRowItem({ group, onToggle, onCreate, actions, drag, t }: {
+export declare function ProjectRowItem({ group, onToggle, onCreate, actions, drag, home, t }: {
     group: GroupNode;
     onToggle: () => void;
     onCreate: () => void;
@@ -46,6 +47,8 @@ export declare function ProjectRowItem({ group, onToggle, onCreate, actions, dra
     } | undefined;
     /** Present only for real Workspace rows in the grouped view. */
     drag?: WorkspaceRowDragProps | undefined;
+    /** Host account home; POSIX home-rooted hover paths display as `~`. */
+    home?: string | undefined;
     t: RowTranslate;
 }): import("react").JSX.Element;
 /**

package/dist/kernel/client-ui-workspace/lib/types/client/rows/Rows.js

@@ -9,6 +9,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useState } from 'react';
 import clsx from 'clsx';
 import { HoverCard, IconArchiveOutline20, IconBranchOutline16, IconEditOutline16, IconEllipsisOutline16, IconFolderClose16, IconFolderOpen16, IconPlusOutline16, IconTrashOutline16, IconTriangleRightFill14, Menu, StateDot, } from '../../../../../client-ui-primitives/lib/index.js';
+import { abbreviateHomePath } from '../../../../../client-runtime/lib/client.js';
 import { relativeTime } from "../tree.js";
 import css from './Rows.module.css';
 /** Row display title: blank rows show the localized New Session label. */
@@ -36,7 +37,7 @@ function createdLabel(createdAt, t) {
     const date = t('date.ymd', { y: d.getFullYear(), m: d.getMonth() + 1, d: d.getDate() });
     return t('hover.created', { time: `${date} ${pad2(d.getHours())}:${pad2(d.getMinutes())}` });
 }
-/** Hover-card body: workspace title, full directory path, absolute creation time. */
+/** Hover-card body: workspace title, display directory path, absolute creation time. */
 function WorkspaceHoverContent({ label, cwd, createdAt, t }) {
     return (_jsxs("div", { className: css.hoverContent, children: [_jsx("div", { className: css.hoverTitle, children: label }), _jsx("div", { className: css.hoverPath, children: cwd }), _jsx("div", { className: css.hoverTime, children: createdLabel(createdAt, t) })] }));
 }
@@ -54,10 +55,11 @@ function rowHalf(e) {
  * @param props.onToggle - expand/collapse the group.
  * @param props.onCreate - start a frontend Session inside this Workspace.
  * @param props.drag - optional workspace-row drag wiring.
+ * @param props.home - host account home for POSIX hover-path abbreviation.
  * @param props.t - the browser root's locale seat.
  * @returns the row element.
  */
-export function ProjectRowItem({ group, onToggle, onCreate, actions, drag, t }) {
+export function ProjectRowItem({ group, onToggle, onCreate, actions, drag, home, t }) {
     const row = group;
     // The ungrouped bucket has no workspace title: its label is dictionary copy.
     const label = row.workspaceId === undefined ? t('group.ungrouped') : row.label;
@@ -88,7 +90,7 @@ export function ProjectRowItem({ group, onToggle, onCreate, actions, drag, t })
     // The ungrouped bucket has no backing Workspace: no card to show.
     if (row.createdAt === undefined)
         return ownRow;
-    return (_jsx(HoverCard, { anchor: ownRow, content: _jsx(WorkspaceHoverContent, { label: row.label, cwd: row.cwd, createdAt: row.createdAt, t: t }), disabled: menuOpen, copyText: row.cwd, copyLabel: t('copy'), copiedLabel: t('hover.copied') }));
+    return (_jsx(HoverCard, { anchor: ownRow, content: _jsx(WorkspaceHoverContent, { label: row.label, cwd: row.cwd === undefined ? undefined : abbreviateHomePath(row.cwd, home), createdAt: row.createdAt, t: t }), disabled: menuOpen, copyText: row.cwd, copyLabel: t('copy'), copiedLabel: t('hover.copied') }));
 }
 /* v8 ignore next 3 -- closed-union backstop; only reached if the status is forged */
 function assertNever(value) {

package/dist/kernel/client-ui-workspace/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nomix-ai/nomix-client-ui-workspace",
   "description": "Workspace picker plugin: one WorkspacePicker registered into the sidebar and empty-state workspace slots",
-  "version": "0.2.5",
+  "version": "0.2.6",
   "publishConfig": {
     "access": "public"
   },
@@ -32,6 +32,7 @@
   "nomix": {
     "client": {
       "inject": [
+        "@nomix-ai/nomix-client-connection",
         "@nomix-ai/nomix-client-locale",
         "@nomix-ai/nomix-client-runtime",
         "@nomix-ai/nomix-client-ui-conversation",
@@ -49,15 +50,16 @@
     "clsx": "^2.0.0"
   },
   "peerDependencies": {
+    "@nomix-ai/nomix-client-connection": "workspace:^",
     "@nomix-ai/nomix-client-locale": "workspace:^",
     "@nomix-ai/nomix-client-runtime": "workspace:^",
-    "@nomix-ai/nomix-client-ui-primitives": "workspace:^",
-    "@nomix-ai/nomix-client-ui-slots": "workspace:^",
     "@nomix-ai/nomix-invariants": "workspace:^",
     "@nomix-ai/cordis": "workspace:^",
-    "react": "^18.2.0"
+    "@nomix-ai/nomix-client-ui-conversation": "workspace:^",
+    "@nomix-ai/nomix-client-ui-sidebar": "workspace:^"
   },
   "devDependencies": {
+    "@nomix-ai/nomix-client-connection": "workspace:^",
     "@nomix-ai/nomix-client-locale": "workspace:^",
     "@nomix-ai/nomix-client-runtime": "workspace:^",
     "@nomix-ai/nomix-client-test-runtime": "workspace:^",

package/dist/kernel/client-web/lib/base.css

@@ -0,0 +1,41 @@
+/* Shell-owned mount defaults. Theme tokens arrive with the ui-theme client
+ * plugin before the loader roster activates. */
+
+html,
+body,
+#root {
+  height: 100%;
+  margin: 0;
+}
+
+body {
+  font-family: var(
+    --dsw-font-family,
+    -apple-system,
+    BlinkMacSystemFont,
+    'Segoe UI',
+    'PingFang SC',
+    'Hiragino Sans GB',
+    'Microsoft YaHei',
+    'Helvetica Neue',
+    Helvetica,
+    Arial,
+    sans-serif
+  );
+  /* Grayscale antialiasing over subpixel rendering: WebKit/Blink and the
+     Firefox macOS equivalent; other engines ignore both lines. */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  color: var(--dsw-alias-label-primary, #0f1115);
+  background: var(--dsw-alias-bg-base, #fff);
+}
+
+/* Form controls don't inherit the body font (UA sheets pin their families —
+   Chrome buttons fall back to Arial, textareas to monospace), so the app
+   stack is re-applied to them explicitly, as upstream's global reset does. */
+button,
+input,
+select,
+textarea {
+  font-family: inherit;
+}