@openspecui/web 2.1.4 → 2.1.6

package/dist-ssg/client/assets/{init-ABBNgqUV.js → init-CVq3lseD.js}

@@ -1 +1 @@
-import{it as e}from"./Geometry-CNDxiJq_.js";import{a as t,i as n}from"./index.ssg-B5w5GXyx.js";e.add(n),e.add(t);
+import{it as e}from"./Geometry-CNDxiJq_.js";import{a as t,i as n}from"./index.ssg-BbuG-6d1.js";e.add(n),e.add(t);

package/dist-ssg/client/assets/trpc-DwwL__SQ.js

@@ -0,0 +1 @@
+import{F as e}from"./index.ssg-BbuG-6d1.js";export{e as trpcClient};

package/dist-ssg/client/assets/webworkerAll-B-z6-30P.js

@@ -0,0 +1 @@
+import"./Geometry-CNDxiJq_.js";import"./index.ssg-BbuG-6d1.js";import"./init-CVq3lseD.js";

package/dist-ssg/client/index.ssg.html

@@ -35,7 +35,7 @@
         document.head.append(preconnectApi, preconnectStatic, stylesheet)
       })()
     </script>
-    <script type="module" crossorigin src="/assets/index.ssg-B5w5GXyx.js"></script>
+    <script type="module" crossorigin src="/assets/index.ssg-BbuG-6d1.js"></script>
     <link rel="modulepreload" crossorigin href="/assets/chunk-DECur_0Z.js">
     <link rel="modulepreload" crossorigin href="/assets/dist-QUHuPJsA.js">
     <link rel="modulepreload" crossorigin href="/assets/dist-BGaHY1kO.js">

package/dist-ssg/server/entry-server.js

@@ -27703,6 +27703,46 @@ function getHostedScopedStorageKey(baseKey, locationLike) {
 	return state.hosted && state.sessionId ? `hosted-session:${state.sessionId}:${baseKey}` : baseKey;
 }
 //#endregion
+//#region src/lib/api-config.ts
+function isBrowser$1() {
+	return typeof window !== "undefined" && typeof window.location !== "undefined";
+}
+function getHostedApiState() {
+	if (!isBrowser$1()) return {
+		hosted: false,
+		apiBaseUrl: null,
+		sessionId: null
+	};
+	return getHostedApiBootstrapState(window.location);
+}
+function getApiBaseUrl() {
+	if (!isBrowser$1()) return "";
+	return getHostedApiState().apiBaseUrl ?? "";
+}
+function buildWebSocketUrl(pathname) {
+	if (!isBrowser$1()) return "";
+	const baseUrl = getApiBaseUrl();
+	if (baseUrl) {
+		const url = new URL(baseUrl);
+		return `${url.protocol === "https:" ? "wss:" : "ws:"}//${url.host}${pathname}`;
+	}
+	return `${window.location.protocol === "https:" ? "wss:" : "ws:"}//${window.location.host}${pathname}`;
+}
+function getWsUrl() {
+	return buildWebSocketUrl("/trpc");
+}
+function getPtyWsUrl() {
+	return buildWebSocketUrl("/ws/pty");
+}
+function getTrpcUrl() {
+	const baseUrl = getApiBaseUrl();
+	return baseUrl ? `${baseUrl}/trpc` : "/trpc";
+}
+function getHealthUrl() {
+	const baseUrl = getApiBaseUrl();
+	return baseUrl ? `${baseUrl}/api/health` : "/api/health";
+}
+//#endregion
 //#region src/lib/static-mode.ts
 var staticModeDetected = null;
 if (typeof window !== "undefined" && window.__OPENSPEC_STATIC_MODE__ === true && true) {
@@ -27770,12 +27810,12 @@ var POP_ROUTES = [
 	"/opsx-verify",
 	"/opsx-compose"
 ];
-function getRemoteStorageKey() {
-	return getHostedScopedStorageKey("nav-layout", window.location);
-}
 function getLocalStorageKey() {
 	return getHostedScopedStorageKey("nav-layout", window.location);
 }
+function buildProjectScopedStorageKey(projectDir) {
+	return getHostedScopedStorageKey(`nav-layout:${encodeURIComponent(projectDir)}`, window.location);
+}
 var PERSIST_DEBOUNCE = 300;
 function isTabId(value) {
 	return ALL_TABS.includes(value);
@@ -27979,11 +28019,27 @@ function readLocalStorage() {
 		return null;
 	}
 }
-function writeLocalStorage(layout) {
+function readLocalStorageByKey(key) {
+	try {
+		const raw = localStorage.getItem(key);
+		if (!raw) return null;
+		return parsePersistedLayout(JSON.parse(raw));
+	} catch {
+		return null;
+	}
+}
+function writeLocalStorage(layout, key = getLocalStorageKey()) {
 	try {
-		localStorage.setItem(getLocalStorageKey(), JSON.stringify(layout));
+		localStorage.setItem(key, JSON.stringify(layout));
 	} catch {}
 }
+function collapseProjectDetailLocation(location) {
+	const tabId = pathToTabId(location.pathname);
+	if (!tabId) return location;
+	if (location.pathname === tabId) return location;
+	if (tabId === "/changes" || tabId === "/specs" || tabId === "/archive") return parseHref(tabId, location.state);
+	return location;
+}
 var carryActiveOnMovePlugin = ({ prevState, nextState, event }) => {
 	if (event.type !== "MOVE_TAB") return nextState;
 	const sourceArea = prevState.bottomTabs.includes(event.tabId) ? "bottom" : "main";
@@ -28303,6 +28359,7 @@ var NavController = class {
 	persistTimer = null;
 	kvUnsubscribe = null;
 	initialized = false;
+	storageKey = typeof window === "undefined" ? "nav-layout" : getHostedScopedStorageKey("nav-layout", window.location);
 	constructor() {
 		if (typeof window === "undefined") return;
 		const local = isStaticMode() ? null : readLocalStorage();
@@ -28434,15 +28491,20 @@ var NavController = class {
 		if (this.initialized || isStaticMode()) return;
 		this.initialized = true;
 		try {
+			const scopedStorageKey = await this.resolveProjectScopedStorageKey();
+			if (scopedStorageKey && scopedStorageKey !== this.storageKey) {
+				this.storageKey = scopedStorageKey;
+				this.rebindProjectScopedLayout(scopedStorageKey);
+			}
 			const { trpcClient } = await import("./assets/trpc-DtKUcEo0.js");
-			const remote = parsePersistedLayout(await trpcClient.kv.get.query({ key: getRemoteStorageKey() }));
+			const remote = parsePersistedLayout(await trpcClient.kv.get.query({ key: this.storageKey }));
 			if (remote) {
 				if (remote.updatedAt > this.state.updatedAt) this.dispatch({
 					type: "APPLY_LAYOUT",
 					layout: remote
 				});
 				else if (this.state.updatedAt > remote.updatedAt) trpcClient.kv.set.mutate({
-					key: getRemoteStorageKey(),
+					key: this.storageKey,
 					value: {
 						mainTabs: this.state.mainTabs,
 						bottomTabs: this.state.bottomTabs,
@@ -28450,14 +28512,14 @@ var NavController = class {
 					}
 				}).catch(() => {});
 			} else if (this.state.updatedAt > 0) trpcClient.kv.set.mutate({
-				key: getRemoteStorageKey(),
+				key: this.storageKey,
 				value: {
 					mainTabs: this.state.mainTabs,
 					bottomTabs: this.state.bottomTabs,
 					updatedAt: this.state.updatedAt
 				}
 			}).catch(() => {});
-			const subscription = trpcClient.kv.subscribe.subscribe({ key: getRemoteStorageKey() }, { onData: (data) => {
+			const subscription = trpcClient.kv.subscribe.subscribe({ key: this.storageKey }, { onData: (data) => {
 				const incoming = parsePersistedLayout(data);
 				if (!incoming) return;
 				this.dispatch({
@@ -28521,7 +28583,7 @@ var NavController = class {
 				mainTabs: this.state.mainTabs,
 				bottomTabs: this.state.bottomTabs,
 				updatedAt: this.state.updatedAt
-			});
+			}, this.storageKey);
 		}
 		const effectiveUrlAction = transition.urlAction ?? (locationHrefChanged(prevState, this.state, "main") || locationHrefChanged(prevState, this.state, "bottom") || locationHrefChanged(prevState, this.state, "pop") ? "REPLACE" : void 0);
 		if (effectiveUrlAction) this.syncToUrl(effectiveUrlAction);
@@ -28573,12 +28635,12 @@ var NavController = class {
 			mainTabs: this.state.mainTabs,
 			bottomTabs: this.state.bottomTabs,
 			updatedAt: now
-		});
+		}, this.storageKey);
 		this.cancelPersistTimer();
 		this.persistTimer = setTimeout(() => {
 			this.persistTimer = null;
 			import("./assets/trpc-DtKUcEo0.js").then(({ trpcClient }) => trpcClient.kv.set.mutate({
-				key: getRemoteStorageKey(),
+				key: this.storageKey,
 				value: {
 					mainTabs: this.state.mainTabs,
 					bottomTabs: this.state.bottomTabs,
@@ -28587,6 +28649,39 @@ var NavController = class {
 			})).catch(() => {});
 		}, PERSIST_DEBOUNCE);
 	}
+	async resolveProjectScopedStorageKey() {
+		try {
+			const response = await fetch(getHealthUrl());
+			if (!response.ok) return null;
+			const payload = await response.json();
+			if (typeof payload.projectDir !== "string" || payload.projectDir.length === 0) return null;
+			return buildProjectScopedStorageKey(payload.projectDir);
+		} catch {
+			return null;
+		}
+	}
+	rebindProjectScopedLayout(storageKey) {
+		const scopedLocal = readLocalStorageByKey(storageKey);
+		if (scopedLocal) {
+			const merged = mergeLayout(scopedLocal);
+			this.state = normalizeState({
+				...this.state,
+				mainTabs: merged.mainTabs,
+				bottomTabs: merged.bottomTabs,
+				updatedAt: scopedLocal.updatedAt
+			});
+			this.normalizeUrl();
+			return;
+		}
+		this.state = normalizeState({
+			...this.state,
+			mainLocation: collapseProjectDetailLocation(this.state.mainLocation),
+			bottomLocation: collapseProjectDetailLocation(this.state.bottomLocation),
+			updatedAt: 0
+		});
+		this.normalizeUrl();
+		this.notifyListeners();
+	}
 };
 var navController = new NavController();
 if (typeof window !== "undefined" && !isStaticMode()) navController.init();
@@ -32209,42 +32304,6 @@ function createTRPCOptionsProxy(opts) {
 	});
 }
 //#endregion
-//#region src/lib/api-config.ts
-function isBrowser$1() {
-	return typeof window !== "undefined" && typeof window.location !== "undefined";
-}
-function getHostedApiState() {
-	if (!isBrowser$1()) return {
-		hosted: false,
-		apiBaseUrl: null,
-		sessionId: null
-	};
-	return getHostedApiBootstrapState(window.location);
-}
-function getApiBaseUrl() {
-	if (!isBrowser$1()) return "";
-	return getHostedApiState().apiBaseUrl ?? "";
-}
-function buildWebSocketUrl(pathname) {
-	if (!isBrowser$1()) return "";
-	const baseUrl = getApiBaseUrl();
-	if (baseUrl) {
-		const url = new URL(baseUrl);
-		return `${url.protocol === "https:" ? "wss:" : "ws:"}//${url.host}${pathname}`;
-	}
-	return `${window.location.protocol === "https:" ? "wss:" : "ws:"}//${window.location.host}${pathname}`;
-}
-function getWsUrl() {
-	return buildWebSocketUrl("/trpc");
-}
-function getPtyWsUrl() {
-	return buildWebSocketUrl("/ws/pty");
-}
-function getTrpcUrl() {
-	const baseUrl = getApiBaseUrl();
-	return baseUrl ? `${baseUrl}/trpc` : "/trpc";
-}
-//#endregion
 //#region src/lib/trpc.ts
 var isBrowser = typeof window !== "undefined";
 var queryClient = new QueryClient({ defaultOptions: { queries: { staleTime: 60 * 1e3 } } });
@@ -32472,6 +32531,15 @@ function PathMarquee({ children: path, maxWidth = 300, duration = 10, gap = 20,
 		})]
 	});
 }
+function compareDashboardItemsByUpdatedAt(left, right) {
+	return right.updatedAt - left.updatedAt || left.id.localeCompare(right.id);
+}
+function sortDashboardItemsByUpdatedAt(items) {
+	return [...items].sort(compareDashboardItemsByUpdatedAt);
+}
+function selectRecentDashboardItems(items, limit = 10) {
+	return sortDashboardItemsByUpdatedAt(items).slice(0, Math.max(0, Math.trunc(limit)));
+}
 //#endregion
 //#region ../core/src/opsx-display-path.ts
 var VIRTUAL_PROJECT_DIRNAME = "project";
@@ -39590,33 +39658,35 @@ async function getDashboardOverview() {
 	}
 	const trendPointLimit = Math.max(20, Math.min(500, Math.trunc(snapshot.config?.dashboard?.trendPointLimit ?? DASHBOARD_TREND_POINT_LIMIT)));
 	const rightEdgeTs = snapshot.git?.latestCommitTs ?? null;
-	const specifications = snapshot.specs.map((spec) => ({
+	const allSpecifications = snapshot.specs.map((spec) => ({
 		id: spec.id,
 		name: spec.name,
 		requirements: spec.requirements.length,
 		updatedAt: spec.updatedAt
-	})).sort((a, b) => b.requirements - a.requirements || b.updatedAt - a.updatedAt);
-	const activeChanges = snapshot.changes.map((change) => ({
+	}));
+	const specifications = selectRecentDashboardItems(allSpecifications);
+	const allActiveChanges = snapshot.changes.map((change) => ({
 		id: change.id,
 		name: change.name,
 		progress: change.progress,
 		updatedAt: change.updatedAt
-	})).sort((a, b) => b.updatedAt - a.updatedAt);
-	const requirements = specifications.reduce((sum, spec) => sum + spec.requirements, 0);
-	const tasksTotal = activeChanges.reduce((sum, change) => sum + change.progress.total, 0);
-	const tasksCompleted = activeChanges.reduce((sum, change) => sum + change.progress.completed, 0);
+	}));
+	const activeChanges = selectRecentDashboardItems(allActiveChanges);
+	const requirements = allSpecifications.reduce((sum, spec) => sum + spec.requirements, 0);
+	const tasksTotal = allActiveChanges.reduce((sum, change) => sum + change.progress.total, 0);
+	const tasksCompleted = allActiveChanges.reduce((sum, change) => sum + change.progress.completed, 0);
 	const archivedTasksCompleted = snapshot.archives.reduce((sum, archive) => sum + archive.parsedTasks.length, 0);
 	const taskCompletionPercent = tasksTotal > 0 ? Math.round(tasksCompleted / tasksTotal * 100) : null;
-	const inProgressChanges = activeChanges.filter((change) => change.progress.total > 0 && change.progress.completed < change.progress.total).length;
+	const inProgressChanges = allActiveChanges.filter((change) => change.progress.total > 0 && change.progress.completed < change.progress.total).length;
 	const trends = buildStaticObjectiveTrends(snapshot, trendPointLimit, rightEdgeTs);
-	const hasObjectiveSpecificationTrend = trends.specifications.length > 0 || specifications.length === 0;
+	const hasObjectiveSpecificationTrend = trends.specifications.length > 0 || allSpecifications.length === 0;
 	const hasObjectiveRequirementTrend = trends.requirements.length > 0 || requirements === 0;
 	const hasObjectiveCompletedTrend = trends.completedChanges.length > 0 || snapshot.archives.length === 0;
 	return {
 		summary: {
-			specifications: specifications.length,
+			specifications: allSpecifications.length,
 			requirements,
-			activeChanges: activeChanges.length,
+			activeChanges: allActiveChanges.length,
 			inProgressChanges,
 			completedChanges: snapshot.archives.length,
 			archivedTasksCompleted,
@@ -91277,10 +91347,22 @@ function ChangeView() {
 	});
 	const doneCount = status?.artifacts.filter((a) => a.status === "done").length ?? 0;
 	const totalCount = status?.artifacts.length ?? 0;
+	const isMissingChangeError = error?.message.includes(`Change '${changeId}' not found`) || error?.message.includes(`Change "${changeId}" not found`);
 	if (isLoading && !status) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 		className: "route-loading animate-pulse",
 		children: "Loading change status..."
 	});
+	if (isMissingChangeError && !status) return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "flex flex-col gap-3 p-4",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			className: "text-muted-foreground flex items-center gap-2 text-sm",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CircleAlert, { className: "h-4 w-4" }), "Change not found in the current project."]
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Link, {
+			to: "/changes",
+			className: "text-primary hover:underline",
+			children: "Back to Changes"
+		}) })]
+	});
 	if (error && !status) return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 		className: "text-destructive flex items-center gap-2",
 		children: [
@@ -136504,7 +136586,7 @@ function Dashboard() {
 			renderExecutionSnapshot(),
 			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 				className: "grid gap-3 xl:grid-cols-2",
-				children: [renderSpecificationsSection(), renderActiveChangesSection()]
+				children: [renderActiveChangesSection(), renderSpecificationsSection()]
 			})
 		]
 	});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openspecui/web",
-  "version": "2.1.4",
+  "version": "2.1.6",
   "type": "module",
   "bin": {
     "openspecui-ssg": "./dist-ssg/ssg-cli.mjs"

package/dist/assets/CanvasRenderer-KAAm7LZA.js

@@ -1 +0,0 @@
-import"./Geometry-CNDxiJq_.js";import{r as e}from"./index-DG_B7CJb.js";export{e as CanvasRenderer};

package/dist/assets/WebGLRenderer-B9M4OWqi.js

@@ -1 +0,0 @@
-import"./Geometry-CNDxiJq_.js";import{n as e}from"./index-DG_B7CJb.js";export{e as WebGLRenderer};

package/dist/assets/WebGPURenderer-DUl1R9TQ.js

@@ -1 +0,0 @@
-import"./Geometry-CNDxiJq_.js";import{t as e}from"./index-DG_B7CJb.js";export{e as WebGPURenderer};

package/dist/assets/browserAll-CPLObGbz.js

@@ -1 +0,0 @@
-import{it as e,x as t}from"./Geometry-CNDxiJq_.js";import{c as n,l as r,o as i,s as a}from"./index-DG_B7CJb.js";import"./init-2-IXz72e.js";e.add(r),e.mixin(t,n),e.add(a),e.mixin(t,i);

package/dist/assets/dist-BpNz0wXg.js

@@ -1 +0,0 @@
-import"./dist-QUHuPJsA.js";import{T as e}from"./index-DG_B7CJb.js";export{e as css};

package/dist/assets/dist-BwEZ1BjI.js

@@ -1 +0,0 @@
-import"./dist-QUHuPJsA.js";import{k as e}from"./index-DG_B7CJb.js";export{e as json};

package/dist/assets/dist-D_Mefl-e.js

@@ -1 +0,0 @@
-import"./dist-QUHuPJsA.js";import{u as e}from"./index-DG_B7CJb.js";export{e as yaml};