@fungi.computer/tourtois 0.0.0-stage → 0.1.0

package/dist/AvatarPreview.d.ts

@@ -0,0 +1,10 @@
+import type { Avatar } from "@fungi.computer/sprite/avatar";
+import type { CSSProperties } from "react";
+/** Member and picker previews use Parakeet's shared avatar mapper and service. */
+export declare function AvatarPreview({ avatar, activity, expression, className, style, }: {
+    avatar: Avatar;
+    activity?: string;
+    expression?: string;
+    className?: string;
+    style?: CSSProperties;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/AvatarPreview.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ShiitakeAvatar } from "@fungi.computer/parakeet/agent-head";
+/** Member and picker previews use Parakeet's shared avatar mapper and service. */
+export function AvatarPreview({ avatar, activity = "idle", expression = avatar.expression, className, style, }) {
+    return (_jsx("span", { className: className, style: { display: "block", ...style }, "aria-hidden": "true", children: _jsx(ShiitakeAvatar, { avatar: avatar, className: "h-full w-full", state: { activity, expression } }) }));
+}

package/dist/DesktopMenuBar.d.ts

@@ -0,0 +1,18 @@
+import { type ReactNode } from "react";
+/** Presentation only: window state and command ownership stay with their owners. */
+export declare function DesktopMenuBar({ teamName, focusedId, title, appBar, tiled, onLayoutChange, onRestoreLayout, onArrangeDesktop, focusedControls, onOpenSettings, onEditAvatar, systemMenuItems, onShowDesktop, }: {
+    teamName: string;
+    focusedId: string | null;
+    title: string;
+    appBar: ReactNode;
+    tiled: boolean;
+    onLayoutChange?: ((tiled: boolean) => void) | undefined;
+    onRestoreLayout?: (() => void) | undefined;
+    /** Opens the desktop's own arrange mode, a Layout-menu command. */
+    onArrangeDesktop?: (() => void) | undefined;
+    focusedControls?: ReactNode;
+    onOpenSettings: () => void;
+    onEditAvatar: () => void;
+    systemMenuItems?: ReactNode;
+    onShowDesktop?: (() => void) | undefined;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/DesktopMenuBar.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { ShellMenuBar } from "./menu-bar.js";
+import { IconButton } from "@fungi.computer/caps/components/icon-button";
+import { Home } from "lucide-react";
+import { Button } from "@fungi.computer/caps/components/button";
+import { useLayer } from "@fungi.computer/maosaico";
+import { useState } from "react";
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuCheckboxItem, DropdownMenuItem, } from "@fungi.computer/caps/components/dropdown-menu";
+import { FocusedAppMenus } from "./FocusedAppMenus.js";
+import { MushroomMark } from "./MushroomMark.js";
+/** Presentation only: window state and command ownership stay with their owners. */
+export function DesktopMenuBar({ teamName, focusedId, title, appBar, tiled, onLayoutChange, onRestoreLayout, onArrangeDesktop, focusedControls, onOpenSettings, onEditAvatar, systemMenuItems, onShowDesktop, }) {
+    const popover = useLayer("popover");
+    const [systemOpen, setSystemOpen] = useState(false);
+    const [layoutOpen, setLayoutOpen] = useState(false);
+    return (_jsxs(ShellMenuBar, { children: [_jsxs(DropdownMenu, { modal: false, open: systemOpen, onOpenChange: setSystemOpen, children: [_jsxs(DropdownMenuTrigger, { className: "tourtois-system-menu-trigger", render: _jsx(Button, { size: "menubar", variant: "ghost" }), "aria-label": "Team and account menu", "aria-description": "Current Team: " + teamName, title: teamName, children: [_jsx(MushroomMark, {}), _jsx("span", { className: "tourtois-team-name truncate", children: teamName })] }), _jsxs(DropdownMenuContent, { align: "start", container: popover, 
+                        // A sibling App click keeps focus there; Escape still returns here.
+                        finalFocus: (interaction) => interaction === "keyboard" && document.hasFocus(), children: [_jsx(DropdownMenuItem, { onSelect: onOpenSettings, children: "System Settings\u2026" }), _jsx(DropdownMenuItem, { onSelect: onEditAvatar, children: "Edit avatar\u2026" }), systemMenuItems] })] }), appBar, onShowDesktop ? (_jsx(IconButton, { size: "responsive", icon: _jsx(Home, {}), "aria-label": "Show desktop", title: "Show desktop", onClick: onShowDesktop })) : null, _jsx("strong", { className: "tourtois-focused-app", children: title }), _jsx(FocusedAppMenus, {}, `menus:${focusedId ?? "shell"}`), onLayoutChange || onRestoreLayout || onArrangeDesktop ? (_jsxs(DropdownMenu, { modal: false, open: layoutOpen, onOpenChange: setLayoutOpen, children: [_jsx(DropdownMenuTrigger, { render: _jsx(Button, { size: "menubar", variant: "ghost" }), children: "Layout" }), _jsxs(DropdownMenuContent, { align: "start", container: popover, finalFocus: (interaction) => interaction === "keyboard" && document.hasFocus(), children: [onLayoutChange ? (_jsxs(_Fragment, { children: [_jsx(DropdownMenuCheckboxItem, { checked: tiled, onCheckedChange: () => {
+                                            onLayoutChange(true);
+                                        }, children: "Tiled" }), _jsx(DropdownMenuCheckboxItem, { checked: !tiled, onCheckedChange: () => {
+                                            onLayoutChange(false);
+                                        }, children: "Floating" })] })) : null, onRestoreLayout ? (_jsx(DropdownMenuItem, { onSelect: onRestoreLayout, children: "Restore layout" })) : null, onArrangeDesktop ? (_jsx(DropdownMenuItem, { onSelect: onArrangeDesktop, children: "Arrange desktop" })) : null] })] }, `window:${focusedId ?? "shell"}`)) : null, focusedControls] }));
+}

package/dist/FocusedAppMenus.d.ts

@@ -0,0 +1,2 @@
+/** Render the focused App's commands with the shared shell renderer. */
+export declare function FocusedAppMenus(): React.JSX.Element | null;

package/dist/FocusedAppMenus.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useLayer } from "@fungi.computer/maosaico";
+import { AppMenus } from "./app-menus.js";
+import { useAppSurfaceHost } from "./app-surface.js";
+/** Render the focused App's commands with the shared shell renderer. */
+export function FocusedAppMenus() {
+    const container = useLayer("popover");
+    const host = useAppSurfaceHost();
+    return _jsx(AppMenus, { host: host, container: container });
+}

package/dist/Keys.d.ts

@@ -0,0 +1,131 @@
+import * as z from "zod";
+/** One App's level a key may hold: read-only, or read and change. */
+declare const keyAppAccessLevelSchema: z.ZodEnum<{
+    read: "read";
+    write: "write";
+}>;
+export type KeyAppAccessLevel = z.output<typeof keyAppAccessLevelSchema>;
+/** What a grant reaches: every installed App (including future installs), or named ones. */
+export declare const keyGrantTargetSchema: z.ZodDiscriminatedUnion<[z.ZodObject<{
+    kind: z.ZodLiteral<"all">;
+}, z.core.$strict>, z.ZodObject<{
+    kind: z.ZodLiteral<"selected">;
+    installationIds: z.ZodArray<z.ZodString>;
+}, z.core.$strict>], "kind">;
+export type KeyGrantTarget = z.output<typeof keyGrantTargetSchema>;
+/** One App-scoped grant a key holds. */
+export declare const keyGrantSchema: z.ZodObject<{
+    level: z.ZodEnum<{
+        read: "read";
+        write: "write";
+    }>;
+    target: z.ZodDiscriminatedUnion<[z.ZodObject<{
+        kind: z.ZodLiteral<"all">;
+    }, z.core.$strict>, z.ZodObject<{
+        kind: z.ZodLiteral<"selected">;
+        installationIds: z.ZodArray<z.ZodString>;
+    }, z.core.$strict>], "kind">;
+}, z.core.$strict>;
+export type KeyGrant = z.output<typeof keyGrantSchema>;
+/** One key as the host lists it; its secret never comes back after issuing. */
+export declare const keyRecordSchema: z.ZodObject<{
+    keyId: z.ZodString;
+    name: z.ZodString;
+    grants: z.ZodArray<z.ZodObject<{
+        level: z.ZodEnum<{
+            read: "read";
+            write: "write";
+        }>;
+        target: z.ZodDiscriminatedUnion<[z.ZodObject<{
+            kind: z.ZodLiteral<"all">;
+        }, z.core.$strict>, z.ZodObject<{
+            kind: z.ZodLiteral<"selected">;
+            installationIds: z.ZodArray<z.ZodString>;
+        }, z.core.$strict>], "kind">;
+    }, z.core.$strict>>;
+    computerAccess: z.ZodBoolean;
+    expiresAt: z.ZodNullable<z.ZodNumber>;
+    createdAt: z.ZodNumber;
+    lastUsedAt: z.ZodNullable<z.ZodNumber>;
+    revokedAt: z.ZodNullable<z.ZodNumber>;
+}, z.core.$strict>;
+export type KeyRecord = z.output<typeof keyRecordSchema>;
+/** Every key this owner has issued. */
+export declare const keysViewSchema: z.ZodObject<{
+    keys: z.ZodArray<z.ZodObject<{
+        keyId: z.ZodString;
+        name: z.ZodString;
+        grants: z.ZodArray<z.ZodObject<{
+            level: z.ZodEnum<{
+                read: "read";
+                write: "write";
+            }>;
+            target: z.ZodDiscriminatedUnion<[z.ZodObject<{
+                kind: z.ZodLiteral<"all">;
+            }, z.core.$strict>, z.ZodObject<{
+                kind: z.ZodLiteral<"selected">;
+                installationIds: z.ZodArray<z.ZodString>;
+            }, z.core.$strict>], "kind">;
+        }, z.core.$strict>>;
+        computerAccess: z.ZodBoolean;
+        expiresAt: z.ZodNullable<z.ZodNumber>;
+        createdAt: z.ZodNumber;
+        lastUsedAt: z.ZodNullable<z.ZodNumber>;
+        revokedAt: z.ZodNullable<z.ZodNumber>;
+    }, z.core.$strict>>;
+}, z.core.$strict>;
+export type KeysView = z.output<typeof keysViewSchema>;
+/** What the owner submits to issue one key. */
+export type KeyIssueDraft = Readonly<{
+    name: string;
+    grants: readonly KeyGrant[];
+    computerAccess: boolean;
+    expiresAt: number | null;
+}>;
+/** The plaintext secret, shown exactly once, plus the issued record. */
+export declare const keyIssueResultSchema: z.ZodObject<{
+    plaintext: z.ZodString;
+    key: z.ZodObject<{
+        keyId: z.ZodString;
+        name: z.ZodString;
+        grants: z.ZodArray<z.ZodObject<{
+            level: z.ZodEnum<{
+                read: "read";
+                write: "write";
+            }>;
+            target: z.ZodDiscriminatedUnion<[z.ZodObject<{
+                kind: z.ZodLiteral<"all">;
+            }, z.core.$strict>, z.ZodObject<{
+                kind: z.ZodLiteral<"selected">;
+                installationIds: z.ZodArray<z.ZodString>;
+            }, z.core.$strict>], "kind">;
+        }, z.core.$strict>>;
+        computerAccess: z.ZodBoolean;
+        expiresAt: z.ZodNullable<z.ZodNumber>;
+        createdAt: z.ZodNumber;
+        lastUsedAt: z.ZodNullable<z.ZodNumber>;
+        revokedAt: z.ZodNullable<z.ZodNumber>;
+    }, z.core.$strict>;
+}, z.core.$strict>;
+export type KeyIssueResult = z.output<typeof keyIssueResultSchema>;
+/** The host's owner-direct custody for Keys. */
+export type KeysPort = Readonly<{
+    list(): Promise<KeysView>;
+    issue(draft: KeyIssueDraft): Promise<KeyIssueResult>;
+    revoke(keyId: string, requestId: string): Promise<KeyRecord>;
+}>;
+/** One App this Oyster has installed, as the Keys page needs it. */
+export type KeyAppOption = Readonly<{
+    installationId: string;
+    displayName: string;
+}>;
+/**
+ * The Keys settings on a standalone host: issue, list and revoke keys that
+ * act with the owner's own access, limited to the Apps, level and expiry
+ * chosen here. A key never gets its own identity; it narrows the owner's.
+ */
+export declare function Keys({ port, apps, }: {
+    port: KeysPort;
+    apps: readonly KeyAppOption[];
+}): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/Keys.js

@@ -0,0 +1,201 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { SectionHeading } from "@fungi.computer/caps/blocks/section-heading";
+import { ActionRow } from "@fungi.computer/caps/components/action-row";
+import { Badge } from "@fungi.computer/caps/components/badge";
+import { Button } from "@fungi.computer/caps/components/button";
+import { Checkbox } from "@fungi.computer/caps/components/checkbox";
+import { DataList, DataRow } from "@fungi.computer/caps/components/data-list";
+import { Field, FormFooter } from "@fungi.computer/caps/components/field";
+import { Select } from "@fungi.computer/caps/components/select";
+import { FormFields, SchemaForm, field, useSchemaForm, useSchemaFormStatus, } from "@fungi.computer/caps/form";
+import { defineIdFamily } from "@fungi.computer/cairn/id";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { useState } from "react";
+import * as z from "zod";
+/** One App's level a key may hold: read-only, or read and change. */
+const keyAppAccessLevelSchema = z.enum(["read", "write"]);
+/** What a grant reaches: every installed App (including future installs), or named ones. */
+export const keyGrantTargetSchema = z.discriminatedUnion("kind", [
+    z.strictObject({ kind: z.literal("all") }),
+    z.strictObject({
+        kind: z.literal("selected"),
+        installationIds: z.array(z.string().min(1)),
+    }),
+]);
+/** One App-scoped grant a key holds. */
+export const keyGrantSchema = z.strictObject({
+    level: keyAppAccessLevelSchema,
+    target: keyGrantTargetSchema,
+});
+/** One key as the host lists it; its secret never comes back after issuing. */
+export const keyRecordSchema = z.strictObject({
+    keyId: z.string().min(1),
+    name: z.string().min(1),
+    grants: z.array(keyGrantSchema),
+    /** The computer.use grant: off unless the owner turns it on for this key. */
+    computerAccess: z.boolean(),
+    expiresAt: z.number().int().nonnegative().nullable(),
+    createdAt: z.number().int().nonnegative(),
+    lastUsedAt: z.number().int().nonnegative().nullable(),
+    revokedAt: z.number().int().nonnegative().nullable(),
+});
+/** Every key this owner has issued. */
+export const keysViewSchema = z.strictObject({
+    keys: z.array(keyRecordSchema),
+});
+/** The plaintext secret, shown exactly once, plus the issued record. */
+export const keyIssueResultSchema = z.strictObject({
+    plaintext: z.string().min(1),
+    key: keyRecordSchema,
+});
+const revokeIds = defineIdFamily({
+    family: "tourtois-keys-revoke-request",
+    version: 1,
+    kinds: { request: { prefix: "request" } },
+});
+const queryKey = ["tourtois", "keys"];
+const accessLevelLabel = {
+    read: "Read",
+    write: "Read and change",
+};
+function grantSummary(grants, apps) {
+    const all = grants.find((grant) => grant.target.kind === "all");
+    if (all)
+        return `All Apps, including future installs (${accessLevelLabel[all.level]})`;
+    if (grants.length === 0)
+        return "No App access";
+    const names = new Map(apps.map((app) => [app.installationId, app.displayName]));
+    return grants
+        .flatMap((grant) => grant.target.kind === "selected"
+        ? grant.target.installationIds.map((id) => `${names.get(id) ?? id} (${accessLevelLabel[grant.level]})`)
+        : [])
+        .join(", ");
+}
+function expirySummary(key) {
+    if (key.expiresAt === null)
+        return "Never expires";
+    const date = new Date(key.expiresAt).toLocaleDateString();
+    return key.expiresAt <= Date.now() ? `Expired ${date}` : `Expires ${date}`;
+}
+function lastUsedSummary(key) {
+    return key.lastUsedAt === null
+        ? "Never used"
+        : `Last used ${new Date(key.lastUsedAt).toLocaleDateString()}`;
+}
+/**
+ * The Keys settings on a standalone host: issue, list and revoke keys that
+ * act with the owner's own access, limited to the Apps, level and expiry
+ * chosen here. A key never gets its own identity; it narrows the owner's.
+ */
+export function Keys({ port, apps, }) {
+    const client = useQueryClient();
+    const view = useQuery({ queryKey, queryFn: () => port.list() });
+    const refresh = () => client.invalidateQueries({ queryKey });
+    const revoke = useMutation({
+        mutationFn: (keyId) => port.revoke(keyId, revokeIds.request.generate()),
+        onSuccess: refresh,
+    });
+    const keys = view.data?.keys ?? [];
+    const [formKey, setFormKey] = useState(0);
+    const [issued, setIssued] = useState(null);
+    return (_jsxs("section", { className: "tourtois-settings-content tourtois-keys", "aria-label": "Keys", children: [_jsx(SectionHeading, { children: "Keys" }), _jsx("p", { className: "tourtois-settings-lede", children: "Anyone holding this key can read the Apps you pick. Where you choose \u201CRead and change,\u201D it can change data without asking you first. If it can change Workflows, it can also run Workflows with your access, but only on the Apps it can reach." }), view.isPending ? _jsx("p", { children: "Loading keys\u2026" }) : null, view.isError ? (_jsxs("div", { role: "status", children: [_jsx("p", { children: "Keys could not be loaded." }), _jsx(Button, { size: "sm", onClick: () => void view.refetch(), children: "Retry" })] })) : null, view.isSuccess && keys.length === 0 ? _jsx("p", { children: "No keys yet." }) : null, keys.length > 0 ? (_jsx(DataList, { "aria-label": "Keys", children: keys.map((key) => {
+                    const revoked = key.revokedAt !== null;
+                    return (_jsx(DataRow, { className: "p-0", children: _jsx(ActionRow, { label: _jsxs(_Fragment, { children: [key.name, " ", revoked ? (_jsx(Badge, { size: "sm", variant: "quiet", children: "Revoked" })) : null, key.computerAccess ? (_jsx(Badge, { size: "sm", variant: "quiet", children: "Computer" })) : null] }), description: `${grantSummary(key.grants, apps)} · ${expirySummary(key)} · ${lastUsedSummary(key)}`, trailing: revoked ? null : (_jsx(Button, { size: "sm", variant: "ghost", "aria-label": `Revoke ${key.name}`, disabled: revoke.isPending, onClick: () => {
+                                    revoke.mutate(key.keyId);
+                                }, children: "Revoke" })) }) }, key.keyId));
+                }) })) : null, revoke.isError ? (_jsx("p", { role: "alert", children: "The key could not be revoked." })) : null, _jsx(SectionHeading, { children: "New key" }), issued === null ? (_jsx(IssueKey, { apps: apps, onIssue: async (draft) => {
+                    const result = await port.issue(draft);
+                    setIssued(result);
+                    await refresh();
+                } }, formKey)) : (_jsxs("div", { className: "grid gap-sm", role: "status", children: [_jsx("p", { children: "Copy this key now. It is shown once and cannot be retrieved later." }), _jsx("code", { className: "break-all", children: issued.plaintext }), _jsx(Button, { type: "button", variant: "outline", onClick: () => {
+                            setIssued(null);
+                            setFormKey((current) => current + 1);
+                        }, children: "I copied the key" })] }))] }));
+}
+const expiryChoiceSchema = z.enum(["never", "30", "90", "365"]);
+const issueFormFields = z.object({
+    name: z
+        .string()
+        .trim()
+        .min(1, "Give this key a name.")
+        .max(128)
+        .meta(field({ label: "Name", required: true, maxLength: 128 })),
+    expiry: expiryChoiceSchema.meta(field({
+        label: "Expires after",
+        options: {
+            never: "Never",
+            "30": "30 days",
+            "90": "90 days",
+            "365": "1 year",
+        },
+    })),
+});
+const issueFormDefaults = { name: "", expiry: "never" };
+const perAppChoiceSchema = z.enum(["none", "read", "write"]);
+function IssueKey({ apps, onIssue, }) {
+    const [allApps, setAllApps] = useState(false);
+    const [allAppsLevel, setAllAppsLevel] = useState("read");
+    const [perApp, setPerApp] = useState(() => Object.fromEntries(apps.map((app) => [app.installationId, "none"])));
+    const [computerAccess, setComputerAccess] = useState(false);
+    const selectedCount = Object.values(perApp).filter((choice) => choice !== "none").length;
+    const hasAccess = allApps || selectedCount > 0;
+    const model = useSchemaForm({
+        schema: issueFormFields,
+        defaultValues: issueFormDefaults,
+        onSubmit: async (value) => {
+            if (!hasAccess)
+                return {
+                    kind: "refused",
+                    error: "Choose at least one App before issuing a key.",
+                };
+            const grants = allApps
+                ? [{ level: allAppsLevel, target: { kind: "all" } }]
+                : ["write", "read"].flatMap((level) => {
+                    const installationIds = Object.entries(perApp)
+                        .filter(([, choice]) => choice === level)
+                        .map(([installationId]) => installationId);
+                    return installationIds.length === 0
+                        ? []
+                        : [
+                            {
+                                level,
+                                target: { kind: "selected", installationIds },
+                            },
+                        ];
+                });
+            try {
+                await onIssue({
+                    name: value.name,
+                    grants,
+                    computerAccess,
+                    expiresAt: value.expiry === "never"
+                        ? null
+                        : Date.now() + Number(value.expiry) * 24 * 60 * 60 * 1000,
+                });
+                return { kind: "saved" };
+            }
+            catch (cause) {
+                return {
+                    kind: "refused",
+                    error: cause instanceof Error
+                        ? cause.message
+                        : "The key could not be issued.",
+                };
+            }
+        },
+    });
+    const { submitting: issuing } = useSchemaFormStatus(model);
+    return (_jsxs(SchemaForm, { model: model, "aria-label": "Issue a key", disabled: issuing, footer: _jsx(FormFooter, { error: model.error, children: _jsx(Button, { type: "submit", disabled: !hasAccess || issuing, children: issuing ? "Issuing…" : "Issue key" }) }), children: [_jsx(FormFields, { model: model, disabled: issuing }), _jsx(Field, { label: "All Apps, including future installs", orientation: "inline", children: _jsx(Checkbox, { name: "allApps", checked: allApps, disabled: issuing, onChange: (event) => {
+                        setAllApps(event.currentTarget.checked);
+                    } }) }), allApps ? (_jsx(Field, { label: "Access level for all Apps", orientation: "horizontal", children: _jsxs(Select, { name: "allAppsLevel", disabled: issuing, value: allAppsLevel, onChange: (event) => {
+                        setAllAppsLevel(keyAppAccessLevelSchema.parse(event.currentTarget.value));
+                    }, children: [_jsx("option", { value: "read", children: "Read" }), _jsx("option", { value: "write", children: "Read and change" })] }) })) : apps.length === 0 ? (_jsx("p", { children: "No Apps installed yet." })) : (apps.map((app) => (_jsx(Field, { label: app.displayName, orientation: "horizontal", children: _jsxs(Select, { name: `app:${app.installationId}`, disabled: issuing, value: perApp[app.installationId] ?? "none", onChange: (event) => {
+                        const choice = perAppChoiceSchema.parse(event.currentTarget.value);
+                        setPerApp((current) => ({
+                            ...current,
+                            [app.installationId]: choice,
+                        }));
+                    }, children: [_jsx("option", { value: "none", children: "No access" }), _jsx("option", { value: "read", children: "Read" }), _jsx("option", { value: "write", children: "Read and change" })] }) }, app.installationId)))), _jsx(Field, { label: "Computer access", description: "Off by default. On lets this key run commands on this Oyster\u2019s Computer.", orientation: "inline", children: _jsx(Checkbox, { name: "computerAccess", checked: computerAccess, disabled: issuing, onChange: (event) => {
+                        setComputerAccess(event.currentTarget.checked);
+                    } }) })] }));
+}

package/dist/MushroomMark.d.ts

@@ -0,0 +1,2 @@
+/** Selected softer-edge mark. Original trace and studies remain in Caps Ladle. */
+export declare function MushroomMark(): import("react/jsx-runtime").JSX.Element;

package/dist/MushroomMark.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** Selected softer-edge mark. Original trace and studies remain in Caps Ladle. */
+export function MushroomMark() {
+    return (_jsxs("svg", { viewBox: "300 210 680 550", fill: "currentColor", role: "img", "aria-label": "Fungi", className: "tourtois-brand-mark", children: [_jsx("path", { d: "\n    M 333 469\n    C 331 423 394 347 448 300\n    C 491 262 548 238 596 238\n    C 665 235 721 281 787 300\n    C 831 315 861 305 890 303\n    C 918 301 939 320 944 346\n    C 953 401 913 453 865 487\n    C 829 510 779 527 735 524\n    C 730 521 735 518 745 513\n    C 805 494 854 470 852 451\n    C 852 429 792 436 738 450\n    C 650 474 532 524 429 529\n    C 375 532 331 512 333 469 Z" }), _jsx("path", { d: "\n    M 550 518\n    C 583 508 657 503 690 513 C 694 514 695 517 695 522\n    C 695 572 714 618 744 665\n    C 767 703 729 729 628 730\n    C 551 732 490 720 489 688\n    C 486 669 526 631 540 584\n    C 546 559 549 538 550 518 Z" })] }));
+}

package/dist/SettingsHome.d.ts

@@ -0,0 +1,18 @@
+import type { SettingsLocation } from "./settings-routes.js";
+import type { TeamAdministrationPort } from "./settings-sections.js";
+/** Read-only projections of data the host already loaded. Null is not zero. */
+export type SettingsHomeSummary = Readonly<{
+    appCount: number | null;
+    defaultAppCount: number | null;
+    computerCount: number | null;
+}>;
+/** A quiet index, not a second settings editor or a new data reader. */
+export declare function SettingsHome({ team, summary, sections, desktopOnly, onNavigate, }: {
+    /** The host's Team administration links, when it has them. */
+    team?: TeamAdministrationPort | undefined;
+    summary: SettingsHomeSummary;
+    /** Destinations this host backs. */
+    sections: readonly SettingsLocation["category"][];
+    desktopOnly?: boolean;
+    onNavigate: (location: SettingsLocation | null) => void;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/SettingsHome.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DataListHeading } from "@fungi.computer/caps/components/data-list";
+import { ActionRow } from "@fungi.computer/caps/components/action-row";
+import { DataList, DataRow } from "@fungi.computer/caps/components/data-list";
+import { Sigil } from "@fungi.computer/sigils";
+import { renderStyleLabels } from "@fungi.computer/sprite";
+import { OwnSprite, useMemberAvatar } from "./member-avatar.js";
+function OverviewValue({ children }) {
+    return (_jsx("span", { className: "caps-action-row-description whitespace-nowrap tabular-nums", children: children }));
+}
+function AvatarOverview({ onNavigate, }) {
+    const sprite = useMemberAvatar();
+    return (_jsx(DataRow, { className: "p-0", children: _jsx(ActionRow, { "aria-label": "Avatar", icon: _jsx(OwnSprite, { "aria-hidden": "true", className: "tourtois-settings-nav-sprite" }), label: "Avatar", description: "Your character, colours and drawing style.", trailing: _jsx(OverviewValue, { children: renderStyleLabels[sprite.avatar.renderStyle] }), onClick: () => {
+                onNavigate({ category: "avatar" });
+            } }) }));
+}
+/** A quiet index, not a second settings editor or a new data reader. */
+export function SettingsHome({ team, summary, sections, desktopOnly = false, onNavigate, }) {
+    const offers = (category) => sections.includes(category);
+    const close = team?.close;
+    return (_jsxs("section", { className: "tourtois-settings-content", "aria-label": "Settings home", children: [_jsxs(DataList, { density: "compact", "aria-label": "Settings overview", children: [offers("channels") ? (_jsx(DataRow, { className: "p-0", children: _jsx(ActionRow, { "aria-label": "Website assistant", label: "Website assistant", description: "Set up chat on your WordPress site.", icon: _jsx(Sigil, { name: "internet" }), onClick: () => {
+                                onNavigate({ category: "channels" });
+                            } }) })) : null, offers("selling") ? (_jsx(DataRow, { className: "p-0", children: _jsx(ActionRow, { "aria-label": "Selling", label: "Selling", description: "Sell Apps on the Bazaar.", icon: _jsx(Sigil, { name: "sell" }), onClick: () => {
+                                onNavigate({ category: "selling", appId: null });
+                            } }) })) : null, offers("avatar") ? _jsx(AvatarOverview, { onNavigate: onNavigate }) : null, offers("defaults") ? (_jsx(DataRow, { className: "p-0", children: _jsx(ActionRow, { "aria-label": "Default apps", icon: _jsx(Sigil, { name: "installApps" }), label: "Default apps", description: "Apps for everyday tasks.", trailing: summary.defaultAppCount === null ? null : (_jsx(OverviewValue, { children: String(summary.defaultAppCount) +
+                                    (summary.defaultAppCount === 1 ? " role" : " roles") })), onClick: () => {
+                                onNavigate({ category: "defaults" });
+                            } }) })) : null, team !== undefined ? (_jsx(DataRow, { className: "p-0", children: _jsx(ActionRow, { "aria-label": "Members and invites", icon: _jsx(Sigil, { name: "members" }), label: "Members and invites", description: "People and invitations.", onClick: team.openMembers }) })) : null, offers("connectors") ? (_jsx(DataRow, { className: "p-0", children: _jsx(ActionRow, { "aria-label": "Connectors", icon: _jsx(Sigil, { name: "read" }), label: "Connectors", description: "What Agents can reach.", onClick: () => {
+                                onNavigate({
+                                    category: "connectors",
+                                    target: { kind: "list" },
+                                });
+                            } }) })) : null, offers("computers") ? (_jsx(DataRow, { className: "p-0", children: _jsx(ActionRow, { "aria-label": "Internet access", icon: _jsx(Sigil, { name: "internet" }), label: "Internet access", description: "Each Computer\u2019s outside access.", trailing: summary.computerCount === null ? null : (_jsx(OverviewValue, { children: String(summary.computerCount) +
+                                    (summary.computerCount === 1
+                                        ? " Computer"
+                                        : " Computers") })), onClick: () => {
+                                onNavigate({ category: "computers" });
+                            } }) })) : null, offers("apps") ? (_jsx(DataRow, { className: "p-0", children: _jsx(ActionRow, { "aria-label": desktopOnly ? "App desktop" : "App permissions", icon: _jsx(Sigil, { name: "restricted" }), label: desktopOnly ? "App desktop" : "App permissions", description: "Choose an App to review.", trailing: summary.appCount === null ? null : (_jsx(OverviewValue, { children: String(summary.appCount) +
+                                    (summary.appCount === 1 ? " App" : " Apps") })), onClick: () => {
+                                onNavigate({
+                                    category: "apps",
+                                    appKey: null,
+                                    section: desktopOnly ? "desktop" : "permissions",
+                                });
+                            } }) })) : null] }), close !== undefined ? (_jsxs("section", { className: "grid gap-sm", "aria-label": "Danger zone", children: [_jsx(DataListHeading, { level: 3, className: "tourtois-settings-app-heading", children: "Danger zone" }), _jsx(DataList, { density: "compact", "aria-label": "Team closure", children: _jsx(DataRow, { className: "p-0", children: _jsx(ActionRow, { "aria-label": "Close Team", icon: _jsx(Sigil, { name: "restricted" }), label: "Close Team", description: close.available
+                                    ? "Stop billing and hide this Team"
+                                    : "Closing is not available yet", disabled: !close.available, onClick: close.open }) }) })] })) : null] }));
+}

package/dist/SettingsNavigation.d.ts

@@ -0,0 +1,17 @@
+import { type AppAddress } from "@fungi.computer/oyster/shell/app-directory";
+import type { SettingsLocation } from "./settings-routes.js";
+export type NavigationApp = Readonly<{
+    address: AppAddress;
+    appId: string;
+    displayName?: string | undefined;
+    icon?: string | null | undefined;
+    roles: readonly string[];
+}>;
+export declare function SettingsNavigation({ location, apps, sections, desktopOnly, onNavigate, }: {
+    location: SettingsLocation | null;
+    apps: readonly NavigationApp[];
+    /** Only destinations backed by the embedding host. */
+    sections: readonly SettingsLocation["category"][];
+    desktopOnly?: boolean;
+    onNavigate: (location: SettingsLocation | null) => void;
+}): import("react/jsx-runtime").JSX.Element;