@stonecrop/desktop 0.12.0 → 0.12.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stonecrop/desktop",
-  "version": "0.12.0",
+  "version": "0.12.2",
   "license": "MIT",
   "type": "module",
   "author": {
@@ -32,11 +32,11 @@
     "**/*.css"
   ],
   "dependencies": {
-    "@stonecrop/aform": "0.12.0",
-    "@stonecrop/atable": "0.12.0",
-    "@stonecrop/schema": "0.12.0",
-    "@stonecrop/themes": "0.12.0",
-    "@stonecrop/stonecrop": "0.12.0"
+    "@stonecrop/atable": "0.12.2",
+    "@stonecrop/schema": "0.12.2",
+    "@stonecrop/stonecrop": "0.12.2",
+    "@stonecrop/aform": "0.12.2",
+    "@stonecrop/themes": "0.12.2"
   },
   "peerDependencies": {
     "vue": "^3.5.33"
@@ -70,7 +70,7 @@
     "access": "public"
   },
   "engines": {
-    "node": ">=22.5.0"
+    "node": ">=24.0.0"
   },
   "scripts": {
     "_phase:build": "heft build && vite build && rushx docs",

package/src/components/Desktop.vue

@@ -330,7 +330,7 @@ const navigationBreadcrumbs = computed(() => {
 	} else if (currentView.value === 'record' && routeDoctype.value) {
 		const recordPath = currentRecordId.value
 			? `/${routeDoctype.value}/${currentRecordId.value}`
-			: route.value?.fullPath ?? ''
+			: (route.value?.fullPath ?? '')
 		breadcrumbs.push(
 			{ title: 'Home', to: '/' },
 			{ title: formatDoctypeName(routeDoctype.value), to: `/${routeDoctype.value}` },
@@ -678,23 +678,24 @@ const handleClick = async (event: Event) => {
 	}
 }
 
-const loadRecordData = () => {
-	if (!stonecrop.value || !currentDoctype.value) return
+const loadRecordData = async () => {
+	if (!stonecrop.value || !currentDoctype.value || isNewRecord.value) return
 
-	loading.value = true
+	// Record already in HST — nothing to fetch.
+	if (stonecrop.value.getRecordById(currentDoctype.value, currentRecordId.value)) return
 
-	try {
-		if (!isNewRecord.value) {
-			// For existing records, ensure the record exists in HST.
-			// The computed currentViewData will automatically read from HST.
-			stonecrop.value.getRecordById(currentDoctype.value, currentRecordId.value)
+	// Record absent and a client is configured — fetch directly so the form
+	// populates even when the list view was never visited (direct URL navigation).
+	if (stonecrop.value.getClient()) {
+		loading.value = true
+		try {
+			await stonecrop.value.getRecord(currentDoctype.value, currentRecordId.value)
+		} catch (error) {
+			// eslint-disable-next-line no-console
+			console.warn('Error fetching record:', error)
+		} finally {
+			loading.value = false
 		}
-		// For new records, currentViewData computed property will return {} automatically.
-	} catch (error) {
-		// eslint-disable-next-line no-console
-		console.warn('Error loading record data:', error)
-	} finally {
-		loading.value = false
 	}
 }
 
@@ -708,7 +709,7 @@ watch(
 		} else if (currentView.value === 'record' && currentDoctype.value && currentRecordId.value) {
 			// Emit load-record event so host app can fetch and populate HST
 			emit('load-record', { doctype: currentDoctype.value, recordId: currentRecordId.value })
-			loadRecordData()
+			void loadRecordData()
 		}
 	},
 	{ immediate: true }

package/src/components/SheetNav.vue

@@ -246,7 +246,10 @@ a:focus {
 	overflow: hidden;
 	/* Animation for smooth expand/collapse */
 	max-width: 2.4rem;
-	transition: max-width 0.35s ease-in-out, padding 0.35s ease-in-out, background 0.2s ease;
+	transition:
+		max-width 0.35s ease-in-out,
+		padding 0.35s ease-in-out,
+		background 0.2s ease;
 }
 
 .searchtab .search-icon {