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

package/dist/extensions/native.mjs

@@ -3,7 +3,7 @@ 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 { 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";
@@ -1370,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);
@@ -1421,27 +1443,31 @@ function AdvancedSessions({ workspaces, openSession, actions, setHeaderAction, h
 		} 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: canGeneral ? "New session" : "Add workspace",
-			onPress: canGeneral ? beginGeneral : beginAdd,
-			disabled: canGeneral && selected !== null ? hosts.find((host) => host.id === selected)?.status !== "connected" : hosts.length === 1 && hosts[0].status !== "connected",
-			children: /* @__PURE__ */ jsx(PlusIcon, {
-				size: 18,
-				color: "dim"
-			})
-		}));
+		setHeaderAction(createMenu);
 		return () => setHeaderAction(null);
 	}, [
 		titleAdd,
 		setHeaderAction,
-		beginAdd,
-		beginGeneral,
-		canGeneral,
-		hosts,
-		selected
+		createMenu
 	]);
 	const sessions = workspaces.flatMap((workspace) => workspace.sessions).filter((session) => !stale(session.id));
 	const { setSessionGroups, renameGroup, deleteGroup, removePendingSetup } = actions;
@@ -1503,24 +1529,11 @@ function AdvancedSessions({ workspaces, openSession, actions, setHeaderAction, h
 			}),
 			ListHeaderComponent: /* @__PURE__ */ jsxs(View, {
 				style: styles.listHeader,
-				children: [
-					hosts.filter((host) => host.status !== "connected" && (selected === null || selected === host.id)).map((host) => /* @__PURE__ */ jsx(InfoStrip, {
-						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)),
-					canGeneral && !titleAdd ? /* @__PURE__ */ jsx(Button, {
-						variant: "ghost",
-						onPress: beginGeneral,
-						children: "New session"
-					}) : null,
-					canAdd && (canGeneral || !titleAdd) ? /* @__PURE__ */ jsx(Button, {
-						variant: "ghost",
-						onPress: beginAdd,
-						disabled: hosts.length === 1 && hosts[0].status !== "connected",
-						children: "Add workspace"
-					}) : null
-				]
+				children: [hosts.filter((host) => host.status !== "connected" && (selected === null || selected === host.id)).map((host) => /* @__PURE__ */ jsx(InfoStrip, {
+					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)), (canGeneral || canAdd) && !titleAdd ? createMenu : null]
 			})
 		}),
 		/* @__PURE__ */ jsx(SessionMenuSheet, {