@agimon-ai/po-template-advanced 0.0.0-alpha.74 → 0.0.0-alpha.76

package/dist/extensions/native.mjs

@@ -3,8 +3,8 @@ import { View } from "react-native-unistyles/components/native/View";
 import { Text } from "react-native-unistyles/components/native/Text";
 import { SectionList } from "react-native-unistyles/components/native/SectionList";
 import { Pressable } from "react-native-unistyles/components/native/Pressable";
-import { ActivityIcon, AlertIcon, Badge, BranchIcon, Button, CheckIcon, CountBadge, EditIcon, EmptyState, FolderIcon, ForkIcon, HostTag, InfoStrip, Input, KebabIcon, Label, ListRow, LiveDuration, PlusIcon, Sheet, SheetBody, SheetContent, SheetHeader, SheetTitle, Spinner, Textarea, TrashIcon, UsersIcon, fontOf } from "@agimon-ai/po-native-components";
-import { useCallback, useEffect, useMemo, useState } from "react";
+import { ActivityIcon, AlertIcon, Badge, BranchIcon, Button, CheckIcon, CountBadge, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, EditIcon, EmptyState, FolderIcon, ForkIcon, HostTag, InfoStrip, Input, KebabIcon, Label, ListRow, LiveDuration, PlusIcon, Sheet, SheetBody, SheetContent, SheetHeader, SheetTitle, Spinner, Textarea, TrashIcon, UsersIcon, fontOf } from "@agimon-ai/po-native-components";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { StyleSheet } from "react-native-unistyles";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 /** Every group some session uses, in rail order, with the other sessions in it. */
@@ -1351,8 +1351,9 @@ function sessionSections(workspaces, presentation, selectedHost = null) {
 		return filter === null || owner === filter;
 	});
 	const sections = [];
-	for (const workspace of visible) {
-		const existing = presentation && presentation.hosts.length > 1 && !workspace.legacy ? sections.find((section) => !section.workspace.legacy && section.workspace.name === workspace.name) : void 0;
+	for (const workspace of [...visible.filter((item) => item.kind === "session"), ...visible.filter((item) => item.kind !== "session")]) {
+		if (workspace.kind === "session" && workspace.sessions.length === 0) continue;
+		const existing = workspace.kind === "session" ? sections.find((section) => section.workspace.kind === "session") : presentation && presentation.hosts.length > 1 && !workspace.legacy ? sections.find((section) => section.workspace.kind !== "session" && !section.workspace.legacy && section.workspace.name === workspace.name) : void 0;
 		if (existing) {
 			existing.members.push(workspace);
 			existing.data = [...existing.data, ...workspace.sessions];
@@ -1369,6 +1370,28 @@ function sessionSections(workspaces, presentation, selectedHost = null) {
 	}
 	return sections;
 }
+function SessionCreateMenu({ onCreateWorkspace, onCreateSession, workspaceDisabled = false, sessionDisabled = false, defaultOpen = false }) {
+	return /* @__PURE__ */ jsxs(DropdownMenu, {
+		defaultOpen,
+		children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+			variant: "ghost",
+			size: "icon",
+			accessibilityLabel: "Create workspace or session",
+			children: /* @__PURE__ */ jsx(PlusIcon, {
+				size: 18,
+				color: "dim"
+			})
+		}), /* @__PURE__ */ jsxs(DropdownMenuContent, { children: [onCreateWorkspace ? /* @__PURE__ */ jsx(DropdownMenuItem, {
+			disabled: workspaceDisabled,
+			onSelect: onCreateWorkspace,
+			children: "Create workspace"
+		}) : null, onCreateSession ? /* @__PURE__ */ jsx(DropdownMenuItem, {
+			disabled: sessionDisabled,
+			onSelect: onCreateSession,
+			children: "Create session"
+		}) : null] })]
+	});
+}
 /** The cockpit's workspace groups, with computers as a display filter rather than separate rails. */
 function AdvancedSessions({ workspaces, openSession, actions, setHeaderAction, hostPresentation }) {
 	const [selectedHost, setSelectedHost] = useState(hostPresentation?.initialHostId ?? null);
@@ -1408,24 +1431,43 @@ function AdvancedSessions({ workspaces, openSession, actions, setHeaderAction, h
 		}
 		setAdding(true);
 	}, [hosts]);
-	const titleAdd = canAdd && setHeaderAction !== void 0;
+	const generalAction = useRef(actions.createGeneralSession);
+	useEffect(() => {
+		generalAction.current = actions.createGeneralSession;
+	}, [actions.createGeneralSession]);
+	const canGeneral = hosts.length > 0 ? hosts.some((host) => host.createGeneralSession !== void 0) : actions.createGeneralSession !== void 0;
+	const beginGeneral = useCallback(() => {
+		const host = hosts.find((host) => host.id === selected) ?? (hosts.length === 1 ? hosts[0] : void 0);
+		if (host) {
+			if (host.status === "connected") host.createGeneralSession?.();
+		} else if (hosts.length > 1) setChoosing("general");
+		else generalAction.current?.();
+	}, [hosts, selected]);
+	const workspaceDisabled = hosts.length === 1 && hosts[0].status !== "connected";
+	const generalHost = hosts.find((host) => host.id === selected) ?? (hosts.length === 1 ? hosts[0] : void 0);
+	const sessionDisabled = generalHost !== void 0 && (generalHost.status !== "connected" || generalHost.createGeneralSession === void 0);
+	const createMenu = useMemo(() => /* @__PURE__ */ jsx(SessionCreateMenu, {
+		onCreateWorkspace: canAdd ? beginAdd : void 0,
+		onCreateSession: canGeneral ? beginGeneral : void 0,
+		workspaceDisabled,
+		sessionDisabled
+	}), [
+		canAdd,
+		canGeneral,
+		beginAdd,
+		beginGeneral,
+		workspaceDisabled,
+		sessionDisabled
+	]);
+	const titleAdd = (canGeneral || canAdd) && setHeaderAction !== void 0;
 	useEffect(() => {
 		if (!titleAdd) return;
-		setHeaderAction(/* @__PURE__ */ jsx(IconButton, {
-			label: "Add workspace",
-			onPress: beginAdd,
-			disabled: hosts.length === 1 && hosts[0].status !== "connected",
-			children: /* @__PURE__ */ jsx(PlusIcon, {
-				size: 18,
-				color: "dim"
-			})
-		}));
+		setHeaderAction(createMenu);
 		return () => setHeaderAction(null);
 	}, [
 		titleAdd,
 		setHeaderAction,
-		beginAdd,
-		hosts
+		createMenu
 	]);
 	const sessions = workspaces.flatMap((workspace) => workspace.sessions).filter((session) => !stale(session.id));
 	const { setSessionGroups, renameGroup, deleteGroup, removePendingSetup } = actions;
@@ -1445,7 +1487,7 @@ function AdvancedSessions({ workspaces, openSession, actions, setHeaderAction, h
 			initialNumToRender: 12,
 			maxToRenderPerBatch: 12,
 			windowSize: 5,
-			renderSectionHeader: ({ section }) => /* @__PURE__ */ jsx(WorkspaceHeader, {
+			renderSectionHeader: ({ section }) => section.workspace.kind === "session" ? null : /* @__PURE__ */ jsx(WorkspaceHeader, {
 				workspace: section.workspace,
 				actions,
 				onWorkspaceMenu: (entry) => {
@@ -1483,7 +1525,7 @@ function AdvancedSessions({ workspaces, openSession, actions, setHeaderAction, h
 			}),
 			ListEmptyComponent: /* @__PURE__ */ jsx(EmptyState, {
 				title: selected ? "No sessions on this computer." : "No sessions yet.",
-				description: "Add a workspace to start working with Po."
+				description: canGeneral ? "Start a session to work with Po. No workspace needed." : "Add a workspace to start working with Po."
 			}),
 			ListHeaderComponent: /* @__PURE__ */ jsxs(View, {
 				style: styles.listHeader,
@@ -1491,15 +1533,7 @@ function AdvancedSessions({ workspaces, openSession, actions, setHeaderAction, h
 					message: host.status === "update_required" ? `${host.label} needs an app update. Sessions are read-only.` : `${host.label} is offline. Showing last known sessions.`,
 					actionLabel: "Retry",
 					onAction: host.onRetry
-				}, host.id)), canAdd && !titleAdd ? /* @__PURE__ */ jsxs(Button, {
-					variant: "ghost",
-					onPress: beginAdd,
-					disabled: hosts.length === 1 && hosts[0].status !== "connected",
-					children: [/* @__PURE__ */ jsx(PlusIcon, {
-						size: 18,
-						color: "dim"
-					}), "Add workspace"]
-				}) : null]
+				}, host.id)), (canGeneral || canAdd) && !titleAdd ? createMenu : null]
 			})
 		}),
 		/* @__PURE__ */ jsx(SessionMenuSheet, {
@@ -1537,7 +1571,15 @@ function AdvancedSessions({ workspaces, openSession, actions, setHeaderAction, h
 			onOpenChange: (open) => {
 				if (!open) setChoosing(null);
 			},
-			children: /* @__PURE__ */ jsxs(SheetContent, { children: [/* @__PURE__ */ jsx(SheetHeader, { children: /* @__PURE__ */ jsx(SheetTitle, { children: "Which computer?" }) }), /* @__PURE__ */ jsx(SheetBody, { children: choosing === "add" ? hosts.map((host) => /* @__PURE__ */ jsxs(Button, {
+			children: /* @__PURE__ */ jsxs(SheetContent, { children: [/* @__PURE__ */ jsx(SheetHeader, { children: /* @__PURE__ */ jsx(SheetTitle, { children: "Which computer?" }) }), /* @__PURE__ */ jsx(SheetBody, { children: choosing === "general" ? hosts.map((host) => /* @__PURE__ */ jsxs(Button, {
+				variant: "ghost",
+				disabled: host.status !== "connected" || !host.createGeneralSession,
+				onPress: () => {
+					setChoosing(null);
+					host.createGeneralSession?.();
+				},
+				children: [host.label, host.status !== "connected" ? " · Unavailable" : ""]
+			}, host.id)) : choosing === "add" ? hosts.map((host) => /* @__PURE__ */ jsxs(Button, {
 				variant: "ghost",
 				disabled: host.status !== "connected" || !host.addWorkspaceActions,
 				onPress: () => {
@@ -1566,7 +1608,7 @@ function AdvancedSessions({ workspaces, openSession, actions, setHeaderAction, h
 }
 function sectionPath(sessionId, workspaces, sections) {
 	const section = sections.find((entry) => entry.data.some(({ id }) => id === sessionId));
-	if (!section || new Set(section.members.map(({ root }) => root)).size < 2) return void 0;
+	if (!section || section.workspace.kind === "session" || new Set(section.members.map(({ root }) => root)).size < 2) return void 0;
 	return workspaces.find((workspace) => workspace.sessions.some(({ id }) => id === sessionId))?.root;
 }
 const styles = StyleSheet.create((theme) => {