@fungi.computer/tourtois 0.0.0-stage → 0.0.1

package/dist/SettingsNavigation.js

@@ -0,0 +1,153 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button } from "@fungi.computer/caps/components/button";
+import { Select } from "@fungi.computer/caps/components/select";
+import { AppIcon } from "./app-icon.js";
+import { addressKey, } from "@fungi.computer/oyster/shell/app-directory";
+import { OwnSprite } from "./member-avatar.js";
+export function SettingsNavigation({ location, apps, sections, desktopOnly = false, onNavigate, }) {
+    const groups = navigationGroups(apps, sections, desktopOnly);
+    const selectedValue = navigationValue(location, apps);
+    const selectOption = (value) => {
+        const option = groups
+            .flatMap(({ options }) => options)
+            .find((candidate) => candidate.value === value);
+        if (option)
+            onNavigate(option.location);
+    };
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "tourtois-settings-mobile-select", children: _jsxs(Select, { "aria-label": "Settings category", value: selectedValue, onChange: (event) => {
+                        selectOption(event.currentTarget.value);
+                    }, children: [_jsx("option", { value: "", disabled: true, children: "Choose a settings category" }), groups.map(({ label, options }) => (_jsx("optgroup", { label: label, children: options.map(({ value, label: optionLabel }) => (_jsx("option", { value: value, children: optionLabel }, value))) }, label)))] }) }), _jsx("nav", { className: "tourtois-settings-nav", "aria-label": "Settings categories", children: groups.map(({ label, showRailLabel, options }) => (_jsxs("div", { className: "tourtois-settings-nav-group", children: [showRailLabel === false ? null : (_jsx("span", { className: "caps-eyebrow tourtois-settings-nav-label", children: label })), options.map((option) => (_jsxs(Button, { type: "button", size: "sm", variant: "ghost", className: option.value === selectedValue
+                                ? "bg-base-300 text-base-content"
+                                : undefined, "aria-pressed": option.value === selectedValue, onClick: () => {
+                                onNavigate(option.location);
+                            }, children: [option.icon, _jsx("span", { className: "tourtois-settings-nav-item-label", children: option.label })] }, option.value)))] }, label))) })] }));
+}
+function navigationGroups(apps, sections, desktopOnly) {
+    const groups = [
+        {
+            label: "Settings",
+            // The dialog header already reads "System Settings"; don't repeat it
+            // as a rail heading above this single "Settings home" item.
+            showRailLabel: false,
+            options: [
+                {
+                    value: "home",
+                    label: "Settings home",
+                    location: { category: "home" },
+                },
+            ],
+        },
+        {
+            label: "You",
+            options: [
+                {
+                    value: "avatar",
+                    label: "Avatar",
+                    location: { category: "avatar" },
+                    icon: (_jsx(OwnSprite, { "aria-hidden": "true", className: "tourtois-settings-nav-sprite" })),
+                },
+            ],
+        },
+        {
+            label: "Apps",
+            options: [
+                {
+                    value: "defaults",
+                    label: "Default Apps",
+                    location: { category: "defaults" },
+                },
+                {
+                    value: "app-permissions",
+                    label: desktopOnly ? "App desktop" : "App permissions",
+                    location: {
+                        category: "apps",
+                        appKey: null,
+                        section: desktopOnly ? "desktop" : "permissions",
+                    },
+                },
+                ...apps.map((app) => {
+                    const key = addressKey(app.address);
+                    return {
+                        value: `app:${key}`,
+                        label: app.displayName ?? app.appId,
+                        location: {
+                            category: "apps",
+                            appKey: key,
+                            section: desktopOnly
+                                ? "desktop"
+                                : "permissions",
+                        },
+                        icon: _jsx(AppIcon, { roles: app.roles, icon: app.icon }),
+                    };
+                }),
+            ],
+        },
+        {
+            label: "Team",
+            options: [
+                {
+                    value: "selling",
+                    label: "Selling",
+                    location: { category: "selling", appId: null },
+                },
+                {
+                    value: "channels",
+                    label: "Channels",
+                    location: { category: "channels" },
+                },
+                {
+                    value: "connectors",
+                    label: "Connectors",
+                    location: { category: "connectors", target: { kind: "list" } },
+                },
+                {
+                    value: "computers",
+                    label: "Internet access",
+                    location: { category: "computers" },
+                },
+                {
+                    value: "keys",
+                    label: "Keys",
+                    location: { category: "keys" },
+                },
+            ],
+        },
+    ];
+    return groups
+        .map((group) => ({
+        ...group,
+        options: group.options.filter((option) => sections.includes(option.location.category)),
+    }))
+        .filter((group) => group.options.length > 0);
+}
+function navigationValue(location, apps) {
+    switch (location?.category) {
+        case "selling":
+            return "selling";
+        case "home":
+            return "home";
+        case "avatar":
+            return "avatar";
+        case "defaults":
+            return "defaults";
+        case "connectors":
+            return "connectors";
+        case "computers":
+            return "computers";
+        case "keys":
+            return "keys";
+        case "channels":
+            return "channels";
+        case "apps":
+            return location.appKey === null
+                ? "app-permissions"
+                : appNavigationValue(location.appKey, apps);
+        default:
+            return "home";
+    }
+}
+function appNavigationValue(appKey, apps) {
+    if (!appKey || !apps.some((app) => addressKey(app.address) === appKey))
+        return "";
+    return `app:${appKey}`;
+}

package/dist/SystemSettings.d.ts

@@ -0,0 +1,24 @@
+import { type AppDesktopSettingsApp } from "./AppDesktopSettings.js";
+import { type AppDirectoryEntry } from "@fungi.computer/oyster/shell/app-directory";
+import type { WorkbenchDesktopSettings } from "@fungi.computer/oyster/shell/workbench";
+import { type SettingsSectionPorts } from "./settings-sections.js";
+import type { SettingsLocation } from "./settings-routes.js";
+/** One system-settings surface. The menu only requests opening it. */
+export declare function SystemSettings({ location: requestedLocation, sections: ceiling, onNavigate, apps, appCount, onAccepted, desktopSettings, desktopConsentReadyAt, onClosed, restoreFocus, ports, }: {
+    location: SettingsLocation | null;
+    /** The host's navigation ceiling; a section also needs its port. */
+    sections?: readonly SettingsLocation["category"][] | undefined;
+    onNavigate: (location: SettingsLocation | null) => void;
+    apps: readonly (AppDesktopSettingsApp & Pick<AppDirectoryEntry, "address" | "installationId" | "appId" | "displayName" | "icon" | "calls"> & Readonly<{
+        roles: readonly string[];
+    }>)[];
+    /** The directory's App count once read; null is not zero. */
+    appCount: number | null;
+    onAccepted: () => Promise<void>;
+    desktopSettings: WorkbenchDesktopSettings;
+    desktopConsentReadyAt: number;
+    onClosed: () => void;
+    restoreFocus: boolean;
+    /** The sections this host implements. */
+    ports: SettingsSectionPorts;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/SystemSettings.js

@@ -0,0 +1,177 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AppCallPermissions } from "./AppCallPermissions.js";
+import { SectionHeading } from "@fungi.computer/caps/blocks/section-heading";
+import { AppDesktopSettings, } from "./AppDesktopSettings.js";
+import { addressKey, } from "@fungi.computer/oyster/shell/app-directory";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { AgentMcpServers } from "./AgentMcpServers.js";
+import { Keys } from "./Keys.js";
+import { AppIcon } from "./app-icon.js";
+import { AvatarSettings } from "./member-avatar.js";
+import { SettingsNavigation } from "./SettingsNavigation.js";
+import { SettingsHome } from "./SettingsHome.js";
+import { offeredSettings, } from "./settings-sections.js";
+import { ActionRow } from "@fungi.computer/caps/components/action-row";
+import { DataList, DataRow } from "@fungi.computer/caps/components/data-list";
+import { SettingsLeaveContext, } from "./settings-leave-guard.js";
+import { Button } from "@fungi.computer/caps/components/button";
+import { WindowFrame, WindowHeader, WindowActions, } from "@fungi.computer/caps/components/window";
+import { Dialog, DialogContent, DialogTitle, DialogDescription, } from "@fungi.computer/caps/components/dialog";
+/** One system-settings surface. The menu only requests opening it. */
+export function SystemSettings({ location: requestedLocation, sections: ceiling, onNavigate, apps, appCount, onAccepted, desktopSettings, desktopConsentReadyAt, onClosed, restoreFocus, ports, }) {
+    const sections = useMemo(() => offeredSettings(ceiling, ports), [ceiling, ports]);
+    const location = requestedLocation !== null && sections.includes(requestedLocation.category)
+        ? requestedLocation
+        : null;
+    const { agentMcpServers, keys, appPermissions: AppPermissions, appAdvanced: AppAdvanced, } = ports;
+    const avatar = location?.category === "avatar";
+    const connectors = location?.category === "connectors";
+    const computersSection = location?.category === "computers";
+    const keysSection = location?.category === "keys";
+    const keyableApps = useMemo(() => apps.flatMap((app) => app.installationId === null
+        ? []
+        : [
+            {
+                installationId: app.installationId,
+                displayName: app.displayName ?? app.appId,
+            },
+        ]), [apps]);
+    const defaults = location?.category === "defaults";
+    const home = location?.category === "home";
+    const appSection = location?.category === "apps";
+    // Load App editors only after an App is chosen, then retain their drafts
+    // while moving between categories in this dialog.
+    const [appsLoaded, setAppsLoaded] = useState(false);
+    if (appSection && location.appKey !== null && !appsLoaded)
+        setAppsLoaded(true);
+    const appLocation = location?.category === "apps" ? location : null;
+    const appKey = appLocation?.appKey ?? null;
+    // A host without a Permissions or Advanced port never renders that tab.
+    // Route requests for those sections (the window chrome's shield and gear)
+    // land here too, so fold them into Desktop instead of a blank content area.
+    const desktopOnly = AppPermissions === undefined;
+    const advanced = AppAdvanced !== undefined && appLocation?.section === "advanced";
+    const desktop = appLocation !== null &&
+        !advanced &&
+        (desktopOnly || appLocation.section !== "permissions");
+    const selected = apps.find((app) => addressKey(app.address) === appKey);
+    const guards = useRef(new Set());
+    const register = useCallback((guard) => {
+        guards.current.add(guard);
+        return () => {
+            guards.current.delete(guard);
+        };
+    }, []);
+    const [discard, setDiscard] = useState(false);
+    const discardDestination = useRef(null);
+    const [leaveError, setLeaveError] = useState(null);
+    const canClose = () => {
+        const states = [...guards.current].map((read) => read());
+        if (states.includes("pending") || states.includes("uncertain")) {
+            setLeaveError(states.includes("pending")
+                ? "Wait for the current request to finish before closing."
+                : "Retry the uncertain request before closing so its request identity is preserved.");
+            return false;
+        }
+        setLeaveError(null);
+        return true;
+    };
+    useEffect(() => {
+        if (!location)
+            return;
+        const beforeUnload = (event) => {
+            if ([...guards.current].some((read) => read() !== "clean"))
+                event.preventDefault();
+        };
+        window.addEventListener("beforeunload", beforeUnload);
+        return () => {
+            window.removeEventListener("beforeunload", beforeUnload);
+        };
+    }, [location]);
+    const requestNavigation = (next) => {
+        if (!canClose())
+            return;
+        if ([...guards.current].some((read) => read() === "dirty")) {
+            discardDestination.current = next;
+            setDiscard(true);
+            return;
+        }
+        onNavigate(next);
+    };
+    const close = () => {
+        requestNavigation(null);
+    };
+    const headerProps = {
+        title: "System Settings",
+        actions: _jsx(WindowActions, { title: "System Settings", onClose: close }),
+    };
+    if (location?.category === "selling" && location.appId !== null)
+        headerProps.back = {
+            label: "Back to Selling",
+            onBack: () => {
+                requestNavigation({ category: "selling", appId: null });
+            },
+        };
+    return (_jsx(Dialog, { open: location !== null, onOpenChangeComplete: (open) => {
+            if (!open) {
+                setAppsLoaded(false);
+                onClosed();
+            }
+        }, onOpenChange: (next) => {
+            if (!next)
+                close();
+        }, children: _jsxs(DialogContent, { finalFocus: restoreFocus, render: _jsx(WindowFrame, { floating: true }), keepMounted: false, className: "tourtois-system-settings", children: [_jsx(DialogTitle, { className: "sr-only", children: "System Settings" }), _jsx(DialogDescription, { className: "sr-only", children: desktopOnly
+                        ? "Your desktop and App settings."
+                        : "Your avatar, Channels, Connectors, App access and App settings." }), _jsx(WindowHeader, { ...headerProps }), _jsx(SettingsLeaveContext.Provider, { value: register, children: _jsxs("div", { className: "tourtois-settings-layout", children: [_jsx(SettingsNavigation, { sections: sections, desktopOnly: desktopOnly, location: location, apps: apps, onNavigate: (next) => {
+                                    if (location?.category === "selling" && location.appId !== null)
+                                        requestNavigation(next);
+                                    else
+                                        onNavigate(next);
+                                } }), home ? (_jsx(SettingsHome, { sections: sections, desktopOnly: desktopOnly, team: ports.team, summary: {
+                                    appCount,
+                                    defaultAppCount: ports.summary?.defaultAppCount ?? null,
+                                    computerCount: ports.summary?.computerCount ?? null,
+                                }, onNavigate: onNavigate })) : null, avatar && ports.avatar !== undefined ? (_jsx("div", { className: "tourtois-settings-content", children: _jsx(AvatarSettings, { save: ports.avatar.save }) })) : null, connectors && agentMcpServers !== undefined ? (_jsx(AgentMcpServers, { port: agentMcpServers })) : null, connectors &&
+                                agentMcpServers === undefined &&
+                                ports.connectors !== undefined ? (_jsx(ports.connectors, { target: location.target, onNavigate: onNavigate })) : null, location?.category === "selling" && ports.selling !== undefined ? (_jsx(ports.selling, { appId: location.appId, onNavigate: onNavigate })) : null, computersSection && ports.computers !== undefined ? (_jsx("div", { className: "tourtois-settings-content", children: _jsx(ports.computers, {}) })) : null, keysSection && keys !== undefined ? (_jsx(Keys, { port: keys, apps: keyableApps })) : null, location?.category === "channels" &&
+                                ports.channels !== undefined ? (_jsx(ports.channels, {})) : null, defaults && ports.defaults !== undefined ? (_jsx("div", { className: "tourtois-settings-content", children: _jsx(ports.defaults, { onAccepted: onAccepted }) })) : null, appSection && appKey === null ? (_jsxs("section", { className: "tourtois-settings-content", "aria-label": "Choose an App", children: [_jsx(SectionHeading, { className: "tourtois-settings-app-heading", children: desktopOnly ? "App desktop" : "App permissions" }), _jsx(DataList, { density: "compact", "aria-label": "Apps to review", children: apps.map((app) => (_jsx(DataRow, { className: "p-0", children: _jsx(ActionRow, { label: app.displayName ?? app.appId, icon: _jsx(AppIcon, { roles: app.roles, icon: app.icon }), onClick: () => {
+                                                    onNavigate({
+                                                        category: "apps",
+                                                        appKey: addressKey(app.address),
+                                                        section: desktopOnly ? "desktop" : "permissions",
+                                                    });
+                                                } }) }, addressKey(app.address)))) }), appCount === 0 ? (_jsx("p", { children: desktopOnly
+                                            ? "No Apps installed yet."
+                                            : "No Apps in this Team yet." })) : null] })) : null, appsLoaded ? (_jsxs("section", { className: "tourtois-settings-content", "aria-label": "App settings", hidden: !appSection || appKey === null, children: [_jsxs("div", { className: "tourtois-settings-app-header", children: [_jsxs(SectionHeading, { className: "tourtois-settings-app-heading", children: [selected ? (_jsx(AppIcon, { roles: selected.roles, icon: selected.icon })) : null, selected
+                                                        ? (selected.displayName ?? selected.appId)
+                                                        : "Apps"] }), selected ? (_jsxs("div", { className: "tourtois-settings-app-tabs", role: "group", "aria-label": "App settings sections", children: [!desktopOnly ? (_jsx(Button, { type: "button", size: "sm", variant: "ghost", className: !advanced && !desktop
+                                                            ? "bg-base-300 text-base-content"
+                                                            : undefined, "aria-pressed": !advanced && !desktop, onClick: () => {
+                                                            onNavigate({
+                                                                category: "apps",
+                                                                appKey,
+                                                                section: "permissions",
+                                                            });
+                                                        }, children: "Permissions" })) : null, _jsx(Button, { type: "button", size: "sm", variant: "ghost", className: desktop ? "bg-base-300 text-base-content" : undefined, "aria-pressed": desktop, onClick: () => {
+                                                            onNavigate({
+                                                                category: "apps",
+                                                                appKey,
+                                                                section: "desktop",
+                                                            });
+                                                        }, children: "Desktop" }), AppAdvanced !== undefined ? (_jsx(Button, { type: "button", size: "sm", variant: "ghost", className: advanced
+                                                            ? "bg-base-300 text-base-content"
+                                                            : undefined, "aria-pressed": advanced, onClick: () => {
+                                                            onNavigate({
+                                                                category: "apps",
+                                                                appKey,
+                                                                section: "advanced",
+                                                            });
+                                                        }, children: "Advanced" })) : null] })) : null] }), _jsxs("div", { className: "tourtois-settings-app-content", children: [!selected ? (_jsx("p", { children: "Choose an app to manage its permissions and advanced settings." })) : null, _jsx("div", { className: "tourtois-settings-permissions", hidden: !selected || advanced || desktop, children: AppPermissions !== undefined ? (_jsx(AppPermissions, { selectedKey: appKey, onAccepted: onAccepted })) : null }), selected && desktop && desktopOnly ? (_jsx(AppCallPermissions, { calls: selected.calls, apps: apps })) : null, selected && desktop ? (_jsx(AppDesktopSettings, { app: selected, desktop: desktopSettings, consentReadyAt: desktopConsentReadyAt }, selected.surfaceId)) : null, AppAdvanced !== undefined ? (_jsx(AppAdvanced, { selectedKey: appKey, visible: advanced, onNavigate: onNavigate, onAccepted: onAccepted })) : null] })] })) : null] }) }), leaveError ? (_jsx("div", { className: "tourtois-settings-discard", role: "alert", children: leaveError })) : null, discard ? (_jsxs("div", { className: "tourtois-settings-discard", role: "alert", children: [_jsx("p", { children: "Discard unsaved changes?" }), _jsxs("div", { className: "tourtois-settings-actions", children: [_jsx(Button, { type: "button", size: "sm", variant: "ghost", onClick: () => {
+                                        setDiscard(false);
+                                    }, children: "Keep editing" }), _jsx(Button, { type: "button", size: "sm", onClick: () => {
+                                        if (!canClose())
+                                            return;
+                                        setDiscard(false);
+                                        onNavigate(discardDestination.current);
+                                    }, children: "Discard changes" })] })] })) : null] }) }));
+}

package/dist/TeamDesktop.d.ts

@@ -0,0 +1,36 @@
+import type { DesktopMethods } from "./desktop-api.js";
+import type { ComputerOption } from "./app-launch.js";
+import type { SettingsLocation } from "./settings-routes.js";
+import type { ReactNode } from "react";
+import type { AppBarItem } from "@fungi.computer/caps/blocks/app-bar";
+import type { WorkbenchDirectory } from "@fungi.computer/oyster/shell/workbench-directory";
+import type { PlatformControls } from "./platform-controls.js";
+import type { AppStorage } from "@fungi.computer/agar/storage";
+import type { DesktopGillTransport } from "./desktop/row-gill.js";
+import type { AppOpenInput } from "@fungi.computer/agar/apps";
+export type TeamTourtoisProps = Readonly<{
+    teamId: string;
+    /** Local host views share the shell layers without giving the dashboard their authority. */
+    children?: ReactNode;
+    teamName?: string;
+    extraLaunchers?: readonly AppBarItem[];
+    settingsLaunchers?: readonly Readonly<{
+        id: string;
+        label: string;
+        icon?: ReactNode;
+        location: SettingsLocation;
+    }>[];
+    systemMenuItems?: ReactNode;
+    /** Read the Team's Computers through the host's `computers()` port. */
+    computersReader: (signal: AbortSignal) => Promise<readonly ComputerOption[]>;
+    /** Read the Team's App directory through the host's `directory()` port. */
+    directoryReader: () => Promise<WorkbenchDirectory>;
+    /** Take the host address's App-open handoff once, instead of this URL's. */
+    takeAppOpenRequest?: () => Promise<AppOpenInput | null>;
+    /** Team administration, rendered by the host with the owner's authority. */
+    platform: PlatformControls;
+    desktopStorage: AppStorage;
+    desktopMethods: DesktopMethods;
+    gills: DesktopGillTransport;
+}>;
+export declare function TeamTourtois({ children, teamId, teamName, extraLaunchers, settingsLaunchers, systemMenuItems, computersReader, directoryReader, takeAppOpenRequest, platform, desktopStorage, desktopMethods, gills, }: TeamTourtoisProps): import("react/jsx-runtime").JSX.Element;

package/dist/TeamDesktop.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { tourtoisQueryKeys } from "./queries.js";
+import { TourtoisLayers } from "./layers.js";
+import { useQuery } from "@tanstack/react-query";
+import { MaosaicoRoot } from "@fungi.computer/maosaico";
+import { useEffect, useRef, useState } from "react";
+import { AppWorkbench } from "./AppWorkbench.js";
+function useWorkbenchBounds() {
+    const ref = useRef(null);
+    const [bounds, setBounds] = useState({ height: 0, width: 0 });
+    useEffect(() => {
+        const element = ref.current;
+        if (!element)
+            return;
+        const observer = new ResizeObserver(([entry]) => {
+            setBounds({
+                height: Math.max(0, entry?.contentRect.height ?? 0),
+                width: Math.max(0, entry?.contentRect.width ?? 0),
+            });
+        });
+        observer.observe(element);
+        return () => {
+            observer.disconnect();
+        };
+    }, []);
+    return { bounds, ref };
+}
+export function TeamTourtois({ children, teamId, teamName, extraLaunchers, settingsLaunchers, systemMenuItems, computersReader, directoryReader, takeAppOpenRequest, platform, desktopStorage, desktopMethods, gills, }) {
+    const { bounds, ref: paneLayerRef } = useWorkbenchBounds();
+    const phone = bounds.width <= 540;
+    const [tiled, setTiled] = useState(true);
+    const { data, isError, isLoading } = useQuery({
+        queryKey: tourtoisQueryKeys.workbenchComputers(teamId),
+        queryFn: ({ signal }) => computersReader(signal),
+    });
+    return (_jsx("main", { className: "tourtois-shell", "data-tourtois-shell": true, children: _jsxs(TourtoisLayers, { children: [_jsx("div", { className: "tourtois-workbench", children: _jsx(MaosaicoRoot, { bounds: bounds, containerRef: paneLayerRef, tiling: tiled || phone
+                            ? { mainSize: Math.max(0, Math.min(640, bounds.width)), gap: 8 }
+                            : undefined, children: _jsx(AppWorkbench, { paneLayerRef: paneLayerRef, phone: phone, teamId: teamId, teamName: teamName ?? teamId, initialComputerId: data?.[0]?.computerId ?? null, computers: data ?? [], computersUnavailable: isLoading || isError, onLayoutChange: phone ? undefined : setTiled, platform: platform, desktopStorage: desktopStorage, desktopMethods: desktopMethods, gills: gills, ...(extraLaunchers ? { extraLaunchers } : {}), ...(settingsLaunchers ? { settingsLaunchers } : {}), ...(systemMenuItems ? { systemMenuItems } : {}), directoryReader: directoryReader, ...(takeAppOpenRequest ? { takeAppOpenRequest } : {}) }) }) }), children] }) }));
+}

package/dist/WorkbenchAppBar.d.ts

@@ -0,0 +1,5 @@
+import { type AppBarProps } from "@fungi.computer/caps/blocks/app-bar";
+/** Disclosure only; the supplied callbacks retain window lifecycle ownership. */
+export declare function WorkbenchAppBar({ phone, ...props }: AppBarProps & {
+    phone: boolean;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/WorkbenchAppBar.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { AppBar } from "@fungi.computer/caps/blocks/app-bar";
+import { IconButton } from "@fungi.computer/caps/components/icon-button";
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, } from "@fungi.computer/caps/components/dropdown-menu";
+import { useLayer } from "@fungi.computer/maosaico";
+import { Check, PanelsTopLeft } from "lucide-react";
+/** Disclosure only; the supplied callbacks retain window lifecycle ownership. */
+export function WorkbenchAppBar({ phone, ...props }) {
+    const popover = useLayer("popover");
+    const collapsed = phone && props.windows.length > 0;
+    return (_jsxs(_Fragment, { children: [collapsed ? (_jsxs(DropdownMenu, { modal: false, children: [_jsx(DropdownMenuTrigger, { render: _jsx(IconButton, { size: "responsive", icon: props.windows.find((item) => item.active)?.icon ?? (_jsx(PanelsTopLeft, {})), "aria-label": "Switch open Apps" }), "aria-label": "Switch open Apps", title: "Switch open Apps" }), _jsxs(DropdownMenuContent, { container: popover, align: "start", children: [props.windows.map((item) => (_jsxs(DropdownMenuItem, { role: "menuitemradio", "aria-checked": item.active ?? false, "aria-current": item.active ? "page" : undefined, onSelect: item.onSelect, children: [_jsx("span", { "aria-hidden": "true", className: "grid size-7 shrink-0 place-items-center [&_svg]:size-5", children: item.icon }), _jsx("span", { className: "flex-1", children: item.label }), item.active ? _jsx(Check, { "aria-hidden": "true", size: 16 }) : null] }, item.id))), _jsx(DropdownMenuSeparator, {}), props.windows.map((item) => item.onClose ? (_jsxs(DropdownMenuItem, { onSelect: item.onClose, children: ["Close ", item.label] }, item.id)) : null)] })] })) : null, _jsx(AppBar, { ...props, windows: collapsed ? [] : props.windows })] }));
+}

package/dist/app-authority.d.ts

@@ -0,0 +1,150 @@
+import * as z from "zod";
+import { type AppAddress } from "@fungi.computer/oyster/shell/app-directory";
+export declare const appPermissionChangesSchema: z.ZodObject<{
+    computer: z.ZodOptional<z.ZodDiscriminatedUnion<[z.ZodObject<{
+        kind: z.ZodLiteral<"selected-computers">;
+        computers: z.ZodArray<z.ZodObject<{
+            computerId: z.ZodString;
+            operations: z.ZodArray<z.ZodEnum<{
+                "computer.list": "computer.list";
+                "computer.readFile": "computer.readFile";
+                "computer.writeFile": "computer.writeFile";
+                "computer.execute": "computer.execute";
+            }>>;
+        }, z.core.$strict>>;
+    }, z.core.$strict>, z.ZodObject<{
+        kind: z.ZodLiteral<"all-team-computers">;
+        operations: z.ZodArray<z.ZodEnum<{
+            "computer.list": "computer.list";
+            "computer.readFile": "computer.readFile";
+            "computer.writeFile": "computer.writeFile";
+            "computer.execute": "computer.execute";
+        }>>;
+    }, z.core.$strict>], "kind">>;
+    agents: z.ZodOptional<z.ZodDiscriminatedUnion<[z.ZodObject<{
+        kind: z.ZodLiteral<"all-team-agents">;
+        directoryOperations: z.ZodArray<z.ZodEnum<{
+            "agent.list": "agent.list";
+        }>>;
+        sessionOperations: z.ZodArray<z.ZodEnum<{
+            "agent.read": "agent.read";
+            "agent.send": "agent.send";
+            "agent.manage": "agent.manage";
+        }>>;
+    }, z.core.$strict>, z.ZodObject<{
+        kind: z.ZodLiteral<"selected-agents">;
+        directoryOperations: z.ZodArray<z.ZodEnum<{
+            "agent.list": "agent.list";
+        }>>;
+        agents: z.ZodArray<z.ZodObject<{
+            agentId: z.ZodString;
+            sessionOperations: z.ZodArray<z.ZodEnum<{
+                "agent.read": "agent.read";
+                "agent.send": "agent.send";
+                "agent.manage": "agent.manage";
+            }>>;
+        }, z.core.$strict>>;
+    }, z.core.$strict>], "kind">>;
+    generation: z.ZodOptional<z.ZodObject<{
+        llm: z.ZodBoolean;
+        media: z.ZodBoolean;
+    }, z.core.$strict>>;
+    marketplace: z.ZodOptional<z.ZodObject<{
+        browse: z.ZodBoolean;
+        purchase: z.ZodBoolean;
+        installFree: z.ZodBoolean;
+    }, z.core.$strict>>;
+}, z.core.$strict>;
+export type AppPermissionChanges = z.output<typeof appPermissionChangesSchema>;
+export declare const appPermissionReceiptSchema: z.ZodObject<{
+    authorityVersion: z.ZodNumber;
+    computerPermission: z.ZodNullable<z.ZodDiscriminatedUnion<[z.ZodObject<{
+        kind: z.ZodLiteral<"selected-computers">;
+        computers: z.ZodArray<z.ZodObject<{
+            computerId: z.ZodString;
+            operations: z.ZodArray<z.ZodEnum<{
+                "computer.list": "computer.list";
+                "computer.readFile": "computer.readFile";
+                "computer.writeFile": "computer.writeFile";
+                "computer.execute": "computer.execute";
+            }>>;
+        }, z.core.$strict>>;
+    }, z.core.$strict>, z.ZodObject<{
+        kind: z.ZodLiteral<"all-team-computers">;
+        operations: z.ZodArray<z.ZodEnum<{
+            "computer.list": "computer.list";
+            "computer.readFile": "computer.readFile";
+            "computer.writeFile": "computer.writeFile";
+            "computer.execute": "computer.execute";
+        }>>;
+    }, z.core.$strict>], "kind">>;
+    agentPermission: z.ZodDiscriminatedUnion<[z.ZodObject<{
+        kind: z.ZodLiteral<"all-team-agents">;
+        directoryOperations: z.ZodArray<z.ZodEnum<{
+            "agent.list": "agent.list";
+        }>>;
+        sessionOperations: z.ZodArray<z.ZodEnum<{
+            "agent.read": "agent.read";
+            "agent.send": "agent.send";
+            "agent.manage": "agent.manage";
+        }>>;
+    }, z.core.$strict>, z.ZodObject<{
+        kind: z.ZodLiteral<"selected-agents">;
+        directoryOperations: z.ZodArray<z.ZodEnum<{
+            "agent.list": "agent.list";
+        }>>;
+        agents: z.ZodArray<z.ZodObject<{
+            agentId: z.ZodString;
+            sessionOperations: z.ZodArray<z.ZodEnum<{
+                "agent.read": "agent.read";
+                "agent.send": "agent.send";
+                "agent.manage": "agent.manage";
+            }>>;
+        }, z.core.$strict>>;
+    }, z.core.$strict>], "kind">;
+    generationPermissions: z.ZodObject<{
+        llm: z.ZodBoolean;
+        media: z.ZodBoolean;
+    }, z.core.$strict>;
+    marketplacePermissions: z.ZodObject<{
+        browse: z.ZodBoolean;
+        purchase: z.ZodBoolean;
+        installFree: z.ZodBoolean;
+    }, z.core.$strict>;
+}, z.core.$strip>;
+export declare function appPermissionsMutationRequest(teamId: string, requestId: string, address: AppAddress, expectedAuthorityVersion: number, permissions: AppPermissionChanges): {
+    url: string;
+    init: {
+        method: string;
+        credentials: "include";
+        headers: {
+            "Content-Type": string;
+            Origin: string;
+            "X-Request-Id": string;
+        };
+        body: string;
+    };
+};
+export type AppMutationRequest = ReturnType<typeof appPermissionsMutationRequest>;
+export declare const appMutationResponseSchema: z.ZodObject<{
+    kind: z.ZodLiteral<"accepted">;
+    receipt: z.ZodUnknown;
+    enforcement: z.ZodNullable<z.ZodObject<{
+        requestId: z.ZodString;
+        address: z.ZodUnion<readonly [z.ZodObject<{
+            kind: z.ZodLiteral<"default">;
+            appId: z.ZodString;
+        }, z.core.$strict>, z.ZodObject<{
+            kind: z.ZodLiteral<"installation">;
+            installationId: z.ZodString;
+        }, z.core.$strict>]>;
+        authorityVersion: z.ZodNumber;
+        state: z.ZodEnum<{
+            unaffected: "unaffected";
+            pending: "pending";
+            applied: "applied";
+            expired: "expired";
+        }>;
+        outstanding: z.ZodNumber;
+    }, z.core.$strict>>;
+}, z.core.$strict>;

package/dist/app-authority.js

@@ -0,0 +1,41 @@
+import * as z from "zod";
+import { appAuthorityEnforcementSchema, appComputerPermissionSchema, appAgentPermissionSchema, appGenerationPermissionsSchema, appMarketplacePermissionsSchema, } from "@fungi.computer/oyster/shell/app-directory";
+export const appPermissionChangesSchema = z
+    .strictObject({
+    computer: appComputerPermissionSchema.optional(),
+    agents: appAgentPermissionSchema.optional(),
+    generation: appGenerationPermissionsSchema.optional(),
+    marketplace: appMarketplacePermissionsSchema.optional(),
+})
+    .refine((changes) => Object.values(changes).some((value) => value !== undefined), "At least one permission section must change");
+export const appPermissionReceiptSchema = z.object({
+    authorityVersion: z.number().int().positive(),
+    computerPermission: appComputerPermissionSchema.nullable(),
+    agentPermission: appAgentPermissionSchema,
+    generationPermissions: appGenerationPermissionsSchema,
+    marketplacePermissions: appMarketplacePermissionsSchema,
+});
+export function appPermissionsMutationRequest(teamId, requestId, address, expectedAuthorityVersion, permissions) {
+    return {
+        url: "/api/teams/" + encodeURIComponent(teamId) + "/apps",
+        init: {
+            method: "POST",
+            credentials: "include",
+            headers: {
+                "Content-Type": "application/json",
+                Origin: window.location.origin,
+                "X-Request-Id": requestId,
+            },
+            body: JSON.stringify({
+                target: address,
+                expectedVersion: expectedAuthorityVersion,
+                command: { kind: "set-permissions", permissions },
+            }),
+        },
+    };
+}
+export const appMutationResponseSchema = z.strictObject({
+    kind: z.literal("accepted"),
+    receipt: z.unknown(),
+    enforcement: appAuthorityEnforcementSchema.nullable(),
+});