@powerhousedao/design-system 6.2.0 → 6.2.1-dev.0

package/dist/connect/index.js

@@ -6445,20 +6445,20 @@ function sortRemotes(remotes, sort) {
 		let bValue;
 		switch (sort.column) {
 			case "id":
-				aValue = a.id;
-				bValue = b.id;
+				aValue = a.meta.id;
+				bValue = b.meta.id;
 				break;
 			case "name":
-				aValue = a.name;
-				bValue = b.name;
+				aValue = a.meta.name;
+				bValue = b.meta.name;
 				break;
 			case "collectionId":
-				aValue = a.collectionId.key;
-				bValue = b.collectionId.key;
+				aValue = a.meta.collectionId.key;
+				bValue = b.meta.collectionId.key;
 				break;
 			case "filter":
-				aValue = formatFilter(a.filter);
-				bValue = formatFilter(b.filter);
+				aValue = formatFilter(a.meta.filter);
+				bValue = formatFilter(b.meta.filter);
 				break;
 			default: return 0;
 		}
@@ -6486,7 +6486,7 @@ function RemotesInspector({ getRemotes, removeRemote, addRemoteManual, triggerPu
 	}, [loadRemotes]);
 	const handleRefresh = useCallback(async () => {
 		await loadRemotes();
-		if (selectedRemote) setSelectedRemote(remotes.find((r) => r.id === selectedRemote.id));
+		if (selectedRemote) setSelectedRemote(remotes.find((r) => r.meta.id === selectedRemote.meta.id));
 	}, [
 		loadRemotes,
 		selectedRemote,
@@ -6504,9 +6504,9 @@ function RemotesInspector({ getRemotes, removeRemote, addRemoteManual, triggerPu
 	};
 	const handleRemove = useCallback(async (remote) => {
 		if (!removeRemote) return;
-		await removeRemote(remote.name);
+		await removeRemote(remote.meta.name);
 		await loadRemotes();
-		if (selectedRemote?.id === remote.id) setSelectedRemote(void 0);
+		if (selectedRemote?.meta.id === remote.meta.id) setSelectedRemote(void 0);
 	}, [
 		removeRemote,
 		loadRemotes,
@@ -6536,14 +6536,14 @@ function RemotesInspector({ getRemotes, removeRemote, addRemoteManual, triggerPu
 		loadRemotes
 	]);
 	const handlePull = useCallback((remote) => {
-		triggerPull?.(remote.name);
+		triggerPull?.(remote.meta.name);
 	}, [triggerPull]);
 	if (selectedRemote) return /* @__PURE__ */ jsx(ChannelInspector, {
 		channel: selectedRemote.channel,
-		connectionState: connectionStates?.get(selectedRemote.name),
+		connectionState: connectionStates?.get(selectedRemote.meta.name),
 		onBack: handleBack,
 		onRefresh: () => void handleRefresh(),
-		remoteName: selectedRemote.name
+		remoteName: selectedRemote.meta.name
 	});
 	const sortedRemotes = sortRemotes(remotes, sort);
 	return /* @__PURE__ */ jsxs("div", {
@@ -6633,23 +6633,23 @@ function RemotesInspector({ getRemotes, removeRemote, addRemoteManual, triggerPu
 								className: "px-3 py-2 text-xs text-foreground",
 								children: /* @__PURE__ */ jsx("span", {
 									className: "block truncate",
-									title: remote.id,
-									children: truncateId(remote.id)
+									title: remote.meta.id,
+									children: truncateId(remote.meta.id)
 								})
 							}),
 							/* @__PURE__ */ jsx("td", {
 								className: "border-l border-border px-3 py-2 text-xs text-foreground",
 								children: /* @__PURE__ */ jsx("span", {
 									className: "block truncate",
-									title: remote.name,
-									children: remote.name
+									title: remote.meta.name,
+									children: remote.meta.name
 								})
 							}),
 							/* @__PURE__ */ jsx("td", {
 								className: "border-l border-border px-3 py-2",
-								children: connectionStates?.get(remote.name) ? /* @__PURE__ */ jsx(ConnectionStateBadge, {
-									failureCount: connectionStates.get(remote.name).failureCount,
-									state: connectionStates.get(remote.name).state
+								children: connectionStates?.get(remote.meta.name) ? /* @__PURE__ */ jsx(ConnectionStateBadge, {
+									failureCount: connectionStates.get(remote.meta.name).failureCount,
+									state: connectionStates.get(remote.meta.name).state
 								}) : /* @__PURE__ */ jsx("span", {
 									className: "text-xs text-muted-foreground",
 									children: "-"
@@ -6659,16 +6659,16 @@ function RemotesInspector({ getRemotes, removeRemote, addRemoteManual, triggerPu
 								className: "border-l border-border px-3 py-2 text-xs text-foreground",
 								children: /* @__PURE__ */ jsx("span", {
 									className: "block truncate",
-									title: remote.collectionId.key,
-									children: remote.collectionId.key
+									title: remote.meta.collectionId.key,
+									children: remote.meta.collectionId.key
 								})
 							}),
 							/* @__PURE__ */ jsx("td", {
 								className: "border-l border-border px-3 py-2 text-xs text-foreground",
 								children: /* @__PURE__ */ jsx("span", {
 									className: "block truncate",
-									title: formatFilter(remote.filter),
-									children: formatFilter(remote.filter)
+									title: formatFilter(remote.meta.filter),
+									children: formatFilter(remote.meta.filter)
 								})
 							}),
 							/* @__PURE__ */ jsx("td", {
@@ -6702,7 +6702,7 @@ function RemotesInspector({ getRemotes, removeRemote, addRemoteManual, triggerPu
 								})
 							})
 						]
-					}, remote.id)) })]
+					}, remote.meta.id)) })]
 				})
 			}),
 			/* @__PURE__ */ jsxs("div", {
@@ -6717,8 +6717,129 @@ function RemotesInspector({ getRemotes, removeRemote, addRemoteManual, triggerPu
 	});
 }
 //#endregion
+//#region src/connect/components/worker-inspector/worker-inspector.tsx
+function formatUptime(ms) {
+	const totalSeconds = Math.max(0, Math.floor(ms / 1e3));
+	const hours = Math.floor(totalSeconds / 3600);
+	const minutes = Math.floor(totalSeconds % 3600 / 60);
+	const seconds = totalSeconds % 60;
+	const parts = [];
+	if (hours > 0) parts.push(`${hours}h`);
+	if (hours > 0 || minutes > 0) parts.push(`${minutes}m`);
+	parts.push(`${seconds}s`);
+	return parts.join(" ");
+}
+function Field({ label, value }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col gap-0.5",
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "text-xs font-medium text-muted-foreground",
+			children: label
+		}), /* @__PURE__ */ jsx("span", {
+			className: "font-mono text-sm break-all text-foreground",
+			children: value
+		})]
+	});
+}
+function WorkerInspector({ getInfo, onRestart }) {
+	const [info, setInfo] = useState(null);
+	const [error, setError] = useState(null);
+	const [now, setNow] = useState(() => Date.now());
+	const [restarting, setRestarting] = useState(false);
+	const loadInfo = useCallback(async () => {
+		try {
+			setInfo(await getInfo());
+			setError(null);
+		} catch (e) {
+			setError(e instanceof Error ? e.message : String(e));
+		}
+	}, [getInfo]);
+	useEffect(() => {
+		loadInfo();
+		const interval = setInterval(() => {
+			loadInfo();
+			setNow(Date.now());
+		}, 1e3);
+		return () => clearInterval(interval);
+	}, [loadInfo]);
+	const handleRestart = useCallback(async () => {
+		if (!window.confirm("Restart the reactor worker? All tabs sharing it will reload.")) return;
+		setRestarting(true);
+		try {
+			await onRestart();
+		} finally {
+			setRestarting(false);
+		}
+	}, [onRestart]);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex h-full flex-col gap-3",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex shrink-0 items-center justify-between",
+			children: [/* @__PURE__ */ jsx("h2", {
+				className: "text-lg font-semibold text-foreground",
+				children: "Worker Inspector"
+			}), /* @__PURE__ */ jsxs("button", {
+				className: twMerge("flex items-center gap-1 rounded-sm border px-3 py-1.5 text-sm", "border-warning bg-warning/10 text-warning hover:hover-effect disabled:disabled-effect"),
+				disabled: restarting || !info,
+				onClick: () => void handleRestart(),
+				type: "button",
+				children: [/* @__PURE__ */ jsx(Icon, {
+					name: "Reload",
+					size: 14
+				}), restarting ? "Restarting..." : "Restart Worker"]
+			})]
+		}), error ? /* @__PURE__ */ jsx("div", {
+			className: "rounded-lg bg-destructive/10 px-4 py-3 text-sm text-destructive",
+			children: error
+		}) : !info ? /* @__PURE__ */ jsx("div", {
+			className: "rounded-lg bg-muted px-4 py-8 text-center text-sm text-muted-foreground",
+			children: "Loading worker info..."
+		}) : /* @__PURE__ */ jsxs("div", {
+			className: "grid grid-cols-2 gap-4 rounded-lg border border-border p-4",
+			children: [
+				/* @__PURE__ */ jsx(Field, {
+					label: "Worker name",
+					value: info.namespace
+				}),
+				/* @__PURE__ */ jsx(Field, {
+					label: "Owner ID (boot)",
+					value: info.ownerId
+				}),
+				/* @__PURE__ */ jsx(Field, {
+					label: "Uptime",
+					value: formatUptime(now - info.bootedAtMs)
+				}),
+				/* @__PURE__ */ jsx(Field, {
+					label: "Connected tabs",
+					value: String(info.connectedClients)
+				}),
+				/* @__PURE__ */ jsx(Field, {
+					label: "App build",
+					value: info.appBuildId
+				}),
+				/* @__PURE__ */ jsx(Field, {
+					label: "RPC protocol",
+					value: String(info.rpcProtocolVersion)
+				})
+			]
+		})]
+	});
+}
+//#endregion
 //#region src/connect/components/modal/inspector-modal/inspector-modal.tsx
-function InspectorModal({ open, onOpenChange, modalProps, containerProps, dbExplorerProps, remotesInspectorProps, queueInspectorProps, processorsInspectorProps, integrityInspectorProps, defaultTab = "Database" }) {
+function InspectorUnavailable({ message }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex h-full flex-col items-center justify-center gap-2 p-6 text-center",
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "text-sm font-semibold text-muted-foreground",
+			children: "Not available here"
+		}), /* @__PURE__ */ jsx("p", {
+			className: "max-w-md text-sm text-muted-foreground",
+			children: message
+		})]
+	});
+}
+function InspectorModal({ open, onOpenChange, modalProps, containerProps, dbExplorerProps, remotesInspectorProps, queueInspectorProps, processorsInspectorProps, integrityInspectorProps, workerInspectorProps, unavailableTabs, defaultTab = "Database" }) {
 	return /* @__PURE__ */ jsx(Modal, {
 		...modalProps,
 		contentProps: {
@@ -6767,29 +6888,49 @@ function InspectorModal({ open, onOpenChange, modalProps, containerProps, dbExpl
 								children: /* @__PURE__ */ jsx(RemotesInspector, { ...remotesInspectorProps })
 							})
 						}),
-						queueInspectorProps && /* @__PURE__ */ jsx(TabContent, {
+						queueInspectorProps ? /* @__PURE__ */ jsx(TabContent, {
 							description: "Queue inspector",
 							label: "Queue",
 							children: /* @__PURE__ */ jsx("div", {
 								className: "h-full",
 								children: /* @__PURE__ */ jsx(QueueInspector, { ...queueInspectorProps })
 							})
-						}),
-						processorsInspectorProps && /* @__PURE__ */ jsx(TabContent, {
+						}) : unavailableTabs?.Queue ? /* @__PURE__ */ jsx(TabContent, {
+							description: "Queue inspector",
+							label: "Queue",
+							children: /* @__PURE__ */ jsx(InspectorUnavailable, { message: unavailableTabs.Queue })
+						}) : null,
+						processorsInspectorProps ? /* @__PURE__ */ jsx(TabContent, {
 							description: "Processors inspector",
 							label: "Processors",
 							children: /* @__PURE__ */ jsx("div", {
 								className: "h-full",
 								children: /* @__PURE__ */ jsx(ProcessorsInspector, { ...processorsInspectorProps })
 							})
-						}),
-						integrityInspectorProps && /* @__PURE__ */ jsx(TabContent, {
+						}) : unavailableTabs?.Processors ? /* @__PURE__ */ jsx(TabContent, {
+							description: "Processors inspector",
+							label: "Processors",
+							children: /* @__PURE__ */ jsx(InspectorUnavailable, { message: unavailableTabs.Processors })
+						}) : null,
+						integrityInspectorProps ? /* @__PURE__ */ jsx(TabContent, {
 							description: "Integrity inspector",
 							label: "Integrity",
 							children: /* @__PURE__ */ jsx("div", {
 								className: "h-full",
 								children: /* @__PURE__ */ jsx(IntegrityInspector, { ...integrityInspectorProps })
 							})
+						}) : unavailableTabs?.Integrity ? /* @__PURE__ */ jsx(TabContent, {
+							description: "Integrity inspector",
+							label: "Integrity",
+							children: /* @__PURE__ */ jsx(InspectorUnavailable, { message: unavailableTabs.Integrity })
+						}) : null,
+						workerInspectorProps && /* @__PURE__ */ jsx(TabContent, {
+							description: "Worker inspector",
+							label: "Worker",
+							children: /* @__PURE__ */ jsx("div", {
+								className: "h-full",
+								children: /* @__PURE__ */ jsx(WorkerInspector, { ...workerInspectorProps })
+							})
 						})
 					]
 				})
@@ -9004,6 +9145,6 @@ const removeSuccessFiles = (files) => {
 	return files.filter((file) => file.status !== "SUCCESS");
 };
 //#endregion
-export { About, AccountPopover, AddDriveModal, AddLocalDriveForm, AddRemoteDriveForm, AnimatedLoader, Breadcrumb, Breadcrumbs, CONFLICT, ChannelInspector, Combobox, ConnectConfirmationModal, ConnectDeleteDriveModal, ConnectDeleteItemModal, ConnectDropdownMenu, ConnectReplaceDuplicateModal, ConnectSearchBar, ConnectSelect, ConnectSidebar, ConnectSidebarFooter, ConnectSidebarHeader, ConnectTooltip, ConnectTooltipProvider, ConnectUpgradeDriveModal, ConnectionStateBadge, CookieBanner, CreateDocumentModal, DBExplorer, DangerZone, DebugInspector, DefaultEditor, DefaultEditorLoader, DefaultEditorSelect, DependencyVersions, Disclosure, Divider, DocumentStateViewer, DocumentTimeline, DocumentToolbar, DriveAuthGate, DriveSettingsModal, DropZone, DropZoneWrapper, ENSAvatar, ERROR, EditorActionButtons, EditorUndoRedoButtons, FileItem, FolderItem, Footer, FooterLink, FormInput, FormattedJsonViewer, HomeBackgroundImage, HomeScreen, HomeScreenAddDriveItem, HomeScreenItem, INITIAL_SYNC, InspectorModal, IntegrityInspector, LoadingScreen, LogoAnimation, MISSING, NodeInput, ObjectInspectorModal, PackageInstallModal, PackageManager, PackageManagerInput, PackageManagerList, PackageManagerListItem, ProcessorsInspector, QueueInspector, ReadRequiredModal, RemotesInspector, RevisionHistory, SUCCESS, SYNCING, SettingsModal, SidebarAddDriveItem, SidebarItem, SidebarLogin, SidebarUser, SyncStatusIcon, TabContent, Tabs, ThemeSwitch, Toggle, ToolbarButton, ToolbarCloseButton, ToolbarContainer, ToolbarControlsContainer, ToolbarDownloadButton, ToolbarHistoryButton, ToolbarInput, ToolbarName, ToolbarRedoButton, ToolbarSwitchboardButton, ToolbarUndoButton, UploadFileItem, UploadFileList, UploadFileListContainer, debugNodeOptions, debugNodeOptionsMap, defaultDriveOptions, defaultNodeOptions, fileNodeDropdownOptions, folderNodeDropdownOptions, formatEthAddress, getFolderStatus, locationInfoByLocation, nodeOptions, normalNodeOptions, removeSuccessFiles, sharingTypeOptions, sortFilesByStatus, syncStatuses, useEns, verifyPackageJsonFields };
+export { About, AccountPopover, AddDriveModal, AddLocalDriveForm, AddRemoteDriveForm, AnimatedLoader, Breadcrumb, Breadcrumbs, CONFLICT, ChannelInspector, Combobox, ConnectConfirmationModal, ConnectDeleteDriveModal, ConnectDeleteItemModal, ConnectDropdownMenu, ConnectReplaceDuplicateModal, ConnectSearchBar, ConnectSelect, ConnectSidebar, ConnectSidebarFooter, ConnectSidebarHeader, ConnectTooltip, ConnectTooltipProvider, ConnectUpgradeDriveModal, ConnectionStateBadge, CookieBanner, CreateDocumentModal, DBExplorer, DangerZone, DebugInspector, DefaultEditor, DefaultEditorLoader, DefaultEditorSelect, DependencyVersions, Disclosure, Divider, DocumentStateViewer, DocumentTimeline, DocumentToolbar, DriveAuthGate, DriveSettingsModal, DropZone, DropZoneWrapper, ENSAvatar, ERROR, EditorActionButtons, EditorUndoRedoButtons, FileItem, FolderItem, Footer, FooterLink, FormInput, FormattedJsonViewer, HomeBackgroundImage, HomeScreen, HomeScreenAddDriveItem, HomeScreenItem, INITIAL_SYNC, InspectorModal, IntegrityInspector, LoadingScreen, LogoAnimation, MISSING, NodeInput, ObjectInspectorModal, PackageInstallModal, PackageManager, PackageManagerInput, PackageManagerList, PackageManagerListItem, ProcessorsInspector, QueueInspector, ReadRequiredModal, RemotesInspector, RevisionHistory, SUCCESS, SYNCING, SettingsModal, SidebarAddDriveItem, SidebarItem, SidebarLogin, SidebarUser, SyncStatusIcon, TabContent, Tabs, ThemeSwitch, Toggle, ToolbarButton, ToolbarCloseButton, ToolbarContainer, ToolbarControlsContainer, ToolbarDownloadButton, ToolbarHistoryButton, ToolbarInput, ToolbarName, ToolbarRedoButton, ToolbarSwitchboardButton, ToolbarUndoButton, UploadFileItem, UploadFileList, UploadFileListContainer, WorkerInspector, debugNodeOptions, debugNodeOptionsMap, defaultDriveOptions, defaultNodeOptions, fileNodeDropdownOptions, folderNodeDropdownOptions, formatEthAddress, getFolderStatus, locationInfoByLocation, nodeOptions, normalNodeOptions, removeSuccessFiles, sharingTypeOptions, sortFilesByStatus, syncStatuses, useEns, verifyPackageJsonFields };
 
 //# sourceMappingURL=index.js.map