@cosmoops/connect-sdk 0.36.0 → 0.38.0

package/dist/cjs/client/use-scheduling.js

@@ -2,6 +2,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useBookableEventTypes = useBookableEventTypes;
+exports.useAvailabilitySchedules = useAvailabilitySchedules;
+exports.useCreateAvailabilitySchedule = useCreateAvailabilitySchedule;
+exports.useCreateEventType = useCreateEventType;
 exports.useAvailableSlots = useAvailableSlots;
 exports.useBookings = useBookings;
 exports.useBookingActions = useBookingActions;
@@ -21,6 +24,48 @@ function useBookableEventTypes() {
     const { data, isLoading, error } = (0, provider_js_1.useConnectResource)("/scheduling/event-types");
     return { eventTypes: data?.eventTypes ?? [], isLoading, error };
 }
+/**
+ * The working-hours templates an appointment type can point at.
+ *
+ * Read this before offering a "set up availability" step - a workspace that
+ * already has one does not need a second "Working hours" from your UI.
+ */
+function useAvailabilitySchedules() {
+    const { data, isLoading, error } = (0, provider_js_1.useConnectResource)("/scheduling/schedules");
+    return { schedules: data?.schedules ?? [], isLoading, error };
+}
+/**
+ * Gives a workspace its first working hours.
+ *
+ * **Not optimistic** - same posture as `useBookingActions`: this is one of
+ * the two writes a host's first-run setup makes, and a modal that closes on
+ * a failed create is worse than one that stays open with the reason shown.
+ */
+function useCreateAvailabilitySchedule() {
+    const { run, isPending, error, clearError } = useResourceAction();
+    return {
+        isPending,
+        error,
+        clearError,
+        createSchedule: (input) => run("/scheduling/schedules", input),
+    };
+}
+/**
+ * Creates the first thing a workspace can be booked for.
+ *
+ * Host is a specific member, never a team - there is no groups read in this
+ * bridge, so a round-robin team host stays a Console-only capability
+ * reachable by following "Manage in Connect".
+ */
+function useCreateEventType() {
+    const { run, isPending, error, clearError } = useResourceAction();
+    return {
+        isPending,
+        error,
+        clearError,
+        createEventType: (input) => run("/scheduling/event-types", input),
+    };
+}
 /**
  * Free times for one appointment type.
  *
@@ -74,15 +119,16 @@ function useBookings(query) {
     };
 }
 /**
- * Book, move and cancel.
+ * The isPending/error bookkeeping every write in this file shares, factored
+ * out once `useCreateAvailabilitySchedule` and `useCreateEventType` needed
+ * the identical shape `useBookingActions` already had.
  *
- * **None of these is optimistic**, and that is not an oversight. Whether a
- * slot is still free is a question only the server can answer, inside the
- * transaction that decides it - two people can be holding the same minute
- * right now. Painting a booking as made and withdrawing it is exactly the lie
- * the two-phase hold exists to prevent.
+ * **Never optimistic**, and that is not an oversight for any caller of this:
+ * whether a slot is free, or a schedule name collides, is a question only the
+ * server can answer. Painting the result before it comes back is exactly the
+ * lie a two-phase hold (or a modal that closes early) would tell.
  */
-function useBookingActions() {
+function useResourceAction() {
     const { mutateResource } = (0, provider_js_1.useConnect)();
     const [isPending, setPending] = (0, react_1.useState)(false);
     const [error, setError] = (0, react_1.useState)(null);
@@ -102,10 +148,23 @@ function useBookingActions() {
             setPending(false);
         }
     }, [mutateResource]);
+    return { isPending, error, clearError: () => setError(null), run };
+}
+/**
+ * Book, move and cancel.
+ *
+ * **None of these is optimistic**, and that is not an oversight. Whether a
+ * slot is still free is a question only the server can answer, inside the
+ * transaction that decides it - two people can be holding the same minute
+ * right now. Painting a booking as made and withdrawing it is exactly the lie
+ * the two-phase hold exists to prevent.
+ */
+function useBookingActions() {
+    const { run, isPending, error, clearError } = useResourceAction();
     return {
         isPending,
         error,
-        clearError: () => setError(null),
+        clearError,
         createBooking: (input) => run("/scheduling/bookings", input),
         rescheduleBooking: (input) => run("/scheduling/bookings/reschedule", input).then((result) => result?.booking ?? null),
         cancelBooking: (input) => run("/scheduling/bookings/cancel", input),

package/dist/cjs/server/client.js

@@ -179,4 +179,4 @@ class ConnectClient {
 }
 exports.ConnectClient = ConnectClient;
 /** Kept in step with `package.json` by `sdk.test.ts`. */
-exports.SDK_VERSION = "0.36.0";
+exports.SDK_VERSION = "0.38.0";

package/dist/cjs/server/handler.js

@@ -853,6 +853,84 @@ function createConnectHandler(options) {
             const asUser = await requireToken(request);
             return json({ eventTypes: await client.scheduling.listEventTypes(workspaceId, { asUser }) });
         },
+        /*
+         * Creates the first thing a workspace can be booked for - a browser-side
+         * counterpart to `POST /scheduling/event-types` above, for a host's own
+         * inline setup UI (`ConnectEventTypeFormModal`). Host is a specific
+         * member, never a team - there is no groups read in this bridge, so a
+         * round-robin team host stays a Console-only capability.
+         */
+        "POST /scheduling/event-types": async (request) => {
+            const { workspaceId } = await requireWorkspace(request);
+            const asUser = await requireToken(request);
+            const body = (await request.json().catch(() => null));
+            if (typeof body?.name !== "string" ||
+                typeof body.durationMinutes !== "number" ||
+                typeof body.hostMemberId !== "string" ||
+                typeof body.scheduleId !== "string" ||
+                typeof body.location?.kind !== "string") {
+                throw new errors_js_1.ConnectError({
+                    status: 400,
+                    code: "validation_error",
+                    message: "name, durationMinutes, hostMemberId, scheduleId and location are required",
+                    endpoint: "/scheduling/event-types",
+                });
+            }
+            return json(await client.scheduling.createEventType({
+                workspaceId,
+                name: body.name,
+                description: typeof body.description === "string" ? body.description : null,
+                durationMinutes: body.durationMinutes,
+                bufferBeforeMinutes: typeof body.bufferBeforeMinutes === "number" ? body.bufferBeforeMinutes : undefined,
+                bufferAfterMinutes: typeof body.bufferAfterMinutes === "number" ? body.bufferAfterMinutes : undefined,
+                hostMemberId: body.hostMemberId,
+                scheduleId: body.scheduleId,
+                location: {
+                    kind: body.location.kind,
+                    value: typeof body.location.value === "string" ? body.location.value : null,
+                },
+                publicBookingEnabled: typeof body.publicBookingEnabled === "boolean" ? body.publicBookingEnabled : undefined,
+                asUser,
+            }), 201);
+        },
+        /*
+         * The working-hours templates an appointment type can point at - read
+         * before a setup UI offers to create one, so it can tell "none yet" from
+         * "already set up".
+         */
+        "GET /scheduling/schedules": async (request) => {
+            const { workspaceId } = await requireWorkspace(request);
+            const asUser = await requireToken(request);
+            return json({ schedules: await client.scheduling.listSchedules(workspaceId, { asUser }) });
+        },
+        /**
+         * Gives a workspace its first working hours - the browser-side
+         * counterpart to `POST /scheduling/schedules` above, for
+         * `ConnectAvailabilityFormModal`.
+         */
+        "POST /scheduling/schedules": async (request) => {
+            const { workspaceId } = await requireWorkspace(request);
+            const asUser = await requireToken(request);
+            const body = (await request.json().catch(() => null));
+            if (typeof body?.name !== "string" ||
+                typeof body.timezone !== "string" ||
+                typeof body.weeklyHours !== "object" ||
+                body.weeklyHours === null) {
+                throw new errors_js_1.ConnectError({
+                    status: 400,
+                    code: "validation_error",
+                    message: "name, timezone and weeklyHours are required",
+                    endpoint: "/scheduling/schedules",
+                });
+            }
+            return json(await client.scheduling.createSchedule({
+                workspaceId,
+                name: body.name,
+                timezone: body.timezone,
+                weeklyHours: body.weeklyHours,
+                asUser,
+            }), 201);
+        },
         "GET /scheduling/slots": async (request) => {
             const { workspaceId } = await requireWorkspace(request);
             const asUser = await requireToken(request);

package/dist/cjs/server/http.js

@@ -1,8 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.GENERATION_TIMEOUT_MS = void 0;
 exports.pathSegment = pathSegment;
 exports.request = request;
 const errors_js_1 = require("../errors.js");
+/**
+ * How long a *generating* endpoint may take to send its headers.
+ *
+ * One number, named once, and it is not a guess: it is what
+ * `POST /visitor/chat` and `POST /ai/chat` declare as their `maxDuration` on
+ * the far side. A client bound shorter than the route's own ceiling cannot be
+ * right - it can only abort work Connect is still allowed to be doing - and
+ * the two numbers drifting apart is exactly how a 20s client came to be
+ * fronting a 60s route.
+ */
+exports.GENERATION_TIMEOUT_MS = 60_000;
 const RETRYABLE_STATUS = new Set([408, 429, 500, 502, 503, 504]);
 /**
  * One id, safe to interpolate into a request path.
@@ -149,7 +161,7 @@ async function request(options, spec) {
         // that has actually started to run as long as it needs. A caller that
         // wants to bound the stream itself passes `spec.signal`.
         const timeoutController = new AbortController();
-        const timer = setTimeout(() => timeoutController.abort(), options.timeoutMs);
+        const timer = setTimeout(() => timeoutController.abort(), spec.timeoutMs ?? options.timeoutMs);
         const signal = spec.signal
             ? AbortSignal.any([spec.signal, timeoutController.signal])
             : timeoutController.signal;

package/dist/cjs/server/resources/ai.js

@@ -43,6 +43,12 @@ class AiResource {
                 ...(input.screenContext ? { screenContext: input.screenContext } : {}),
             },
             headers: (0, acting_as_js_1.actingAs)(input.asUser),
+            /*
+             * Matches the route's own `maxDuration`. This endpoint does not send
+             * headers until the model's first token, so the default 20s bound was
+             * aborting any turn that opened with a tool call - see `RequestSpec.timeoutMs`.
+             */
+            timeoutMs: http_js_1.GENERATION_TIMEOUT_MS,
             raw: true,
             signal: options.signal,
         });

package/dist/cjs/server/resources/scheduling.js

@@ -34,6 +34,68 @@ class SchedulingResource {
         // `undefined` past every status check in between.
         return result.eventTypes ?? [];
     }
+    /**
+     * The working-hours templates an appointment type can point at.
+     *
+     * Read this before offering to create one - a workspace that already has
+     * hours set does not need a second "Working hours" from your integration.
+     */
+    async listSchedules(workspaceId, options = {}) {
+        const result = await (0, http_js_1.request)(this.transport, {
+            method: "GET",
+            path: "/scheduling/schedules",
+            query: { workspaceId },
+            headers: (0, acting_as_js_1.actingAs)(options.asUser),
+        });
+        return result.schedules ?? [];
+    }
+    /**
+     * Gives a workspace its first working hours.
+     *
+     * Narrower than what the workspace's own Calendar settings can do - no date
+     * overrides, and never owned by one person (`ownerMemberId` stays `null`
+     * server-side). Anything beyond that is a Console edit, not a second write
+     * path for your integration to maintain.
+     */
+    createSchedule(input) {
+        return (0, http_js_1.request)(this.transport, {
+            method: "POST",
+            path: "/scheduling/schedules",
+            json: {
+                workspaceId: input.workspaceId,
+                name: input.name,
+                timezone: input.timezone,
+                weeklyHours: input.weeklyHours,
+            },
+            headers: (0, acting_as_js_1.actingAs)(input.asUser),
+        });
+    }
+    /**
+     * The first thing a workspace can be booked for.
+     *
+     * Needs a schedule - create or pick one with `listSchedules`/`createSchedule`
+     * first. The slug for a future public booking link is derived from `name`
+     * server-side; you cannot choose one.
+     */
+    createEventType(input) {
+        return (0, http_js_1.request)(this.transport, {
+            method: "POST",
+            path: "/scheduling/event-types",
+            json: {
+                workspaceId: input.workspaceId,
+                name: input.name,
+                description: input.description ?? null,
+                durationMinutes: input.durationMinutes,
+                bufferBeforeMinutes: input.bufferBeforeMinutes,
+                bufferAfterMinutes: input.bufferAfterMinutes,
+                hostMemberId: input.hostMemberId,
+                scheduleId: input.scheduleId,
+                location: input.location,
+                publicBookingEnabled: input.publicBookingEnabled ?? false,
+            },
+            headers: (0, acting_as_js_1.actingAs)(input.asUser),
+        });
+    }
     /**
      * Free times for one appointment type over one window.
      *

package/dist/cjs/server/resources/visitor.js

@@ -100,6 +100,12 @@ class VisitorResource {
             path: "/visitor/chat",
             json: input,
             headers: visitorHeaders(options),
+            /*
+             * Matches the route's own `maxDuration`. This endpoint does not send
+             * headers until the model's first token, so the default 20s bound was
+             * aborting any turn that opened with a tool call - see `RequestSpec.timeoutMs`.
+             */
+            timeoutMs: http_js_1.GENERATION_TIMEOUT_MS,
             raw: true,
             signal: options.signal,
         });

package/dist/esm/client/components/app-shell.js

@@ -194,6 +194,6 @@ export function AppShell({ name, icon, homeHref = "/", nav, secondaryNav, active
         onNavigate: closeMobile,
     }), [renderLink, activePath, closeMobile]);
     const accountRow = signedOut ? (showAuthButtons && (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(ConnectLoginButton, { size: "sm", fullWidth: true }), _jsx(ConnectRegisterButton, { size: "sm", fullWidth: true })] }))) : (_jsx(ConnectUserButton, { variant: "row", theme: theme, onThemeChange: onThemeChange }));
-    const railContent = (_jsxs(_Fragment, { children: [_jsx(ConnectSidebarHeader, { name: name, icon: icon, homeHref: homeHref }), workspaceSwitcher !== false && (_jsx("div", { className: "shrink-0 px-3 pb-1", children: _jsx(ConnectWorkspaceSwitcher, {}) })), _jsx(ConnectSidebarBody, { children: _jsx(ConnectSidebarNav, { nav: visibleNav }) }), (visibleSecondaryNav || sidebarFooter || showAppsGrid) && (_jsxs(ConnectSidebarFooter, { separated: false, children: [visibleSecondaryNav && _jsx(ConnectSidebarNav, { nav: visibleSecondaryNav }), sidebarFooter, showAppsGrid && _jsx(ConnectAppsGrid, { variant: "row" })] })), accountRow && _jsx(ConnectSidebarFooter, { children: accountRow })] }));
+    const railContent = (_jsxs(_Fragment, { children: [_jsx(ConnectSidebarHeader, { name: name, icon: icon, homeHref: homeHref }), workspaceSwitcher !== false && (_jsx("div", { className: "shrink-0 px-3 pb-1", children: _jsx(ConnectWorkspaceSwitcher, { alwaysShow: workspaceSwitcher?.alwaysShow ?? false }) })), _jsx(ConnectSidebarBody, { children: _jsx(ConnectSidebarNav, { nav: visibleNav }) }), (visibleSecondaryNav || sidebarFooter || showAppsGrid) && (_jsxs(ConnectSidebarFooter, { separated: false, children: [visibleSecondaryNav && _jsx(ConnectSidebarNav, { nav: visibleSecondaryNav }), sidebarFooter, showAppsGrid && _jsx(ConnectAppsGrid, { variant: "row" })] })), accountRow && _jsx(ConnectSidebarFooter, { children: accountRow })] }));
     return (_jsx(MotionProvider, { children: _jsxs("div", { className: cn("flex h-dvh bg-background", className), children: [_jsx("a", { href: `#${CONTENT_ID}`, className: "sr-only focus:not-sr-only focus:absolute focus:start-3 focus:top-3 focus:z-50 focus:rounded-lg focus:bg-surface focus:px-3 focus:py-2 focus:text-sm focus:font-medium focus:text-foreground focus:shadow-lg focus:outline-2 focus:outline-offset-2 focus:outline-focus", children: "Skip to content" }), _jsx(ConnectShellProvider, { value: railShell, children: _jsx(ConnectSidebar, { children: railContent }) }), _jsx(Drawer.Backdrop, { isOpen: mobileOpen, onOpenChange: setMobileOpen, children: _jsx(Drawer.Content, { placement: "left", className: "w-[min(20rem,85vw)]", children: _jsxs(Drawer.Dialog, { "aria-label": "Navigation menu", className: "p-0 pt-[env(safe-area-inset-top)] pb-[env(safe-area-inset-bottom)]", children: [_jsx(Drawer.CloseTrigger, { className: "end-3 top-[calc(--spacing(3)+env(safe-area-inset-top))]" }), _jsx(ConnectShellProvider, { value: drawerShell, children: _jsx("div", { className: "flex h-full flex-col [&>:first-child]:pe-10", children: railContent }) })] }) }) }), _jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [_jsxs("header", { className: "flex h-14 shrink-0 items-center gap-2 border-b border-border bg-surface px-3 md:hidden", children: [_jsx(Button, { isIconOnly: true, variant: "tertiary", size: "sm", "aria-label": "Open navigation menu", onPress: () => setMobileOpen(true), children: _jsx(Menu, { className: "size-5" }) }), _jsx(ConnectLogo, { name: name, icon: icon })] }), _jsx("main", { id: CONTENT_ID, tabIndex: -1, className: "flex-1 overflow-y-auto outline-none", children: _jsxs("div", { className: contentClassName ?? "w-full px-4 py-5 md:px-6 md:py-6", children: [gated ? _jsx(ConnectAccessGate, { children: children }) : children, footer] }) })] }), askAi && _jsx(ConnectAskAi, { ...(askAi === true ? {} : askAi) })] }) }));
 }

package/dist/esm/client/components/availability-form.js

@@ -0,0 +1,72 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Button, Input, Label, Modal, Switch, TextField } from "@heroui/react";
+import { useCreateAvailabilitySchedule } from "../use-scheduling.js";
+const WEEKDAY_LABELS = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
+const WEEKDAY_KEYS = [0, 1, 2, 3, 4, 5, 6];
+/** Monday-Friday, 9am-5pm - the same starting point Connect's own Console form offers. */
+function defaultWeeklyHours() {
+    const open = [{ startMinute: 9 * 60, endMinute: 17 * 60 }];
+    return { 0: [], 1: open, 2: open, 3: open, 4: open, 5: open, 6: [] };
+}
+function minutesToTimeInput(minutes) {
+    const hours = Math.floor(minutes / 60);
+    const mins = minutes % 60;
+    return `${String(hours).padStart(2, "0")}:${String(mins).padStart(2, "0")}`;
+}
+function timeInputToMinutes(value) {
+    const [hours, minutes] = value.split(":").map(Number);
+    return (hours ?? 0) * 60 + (minutes ?? 0);
+}
+/**
+ * Gives a workspace its first working hours, from inside a host application
+ * rather than a link-out to Connect.
+ *
+ * Deliberately narrower than Connect's own Calendar settings form: one
+ * interval per day (no split shifts), no date overrides, and the timezone
+ * defaults to the browser's own rather than asking. This is a first-run
+ * setup step, not a second copy of the Console editor - "Manage in Connect"
+ * is still where the rest of what a schedule can do lives.
+ *
+ * **Not optimistic.** `useCreateAvailabilitySchedule` settles the write
+ * against the server before this closes, the same posture every write in
+ * this package takes - see `ConnectBookingDialog`.
+ */
+export function ConnectAvailabilityFormModal({ isOpen, onOpenChange, onCreated, }) {
+    const [name, setName] = useState("Working hours");
+    const [timezone] = useState(() => Intl.DateTimeFormat().resolvedOptions().timeZone || "UTC");
+    const [weeklyHours, setWeeklyHours] = useState(defaultWeeklyHours);
+    const { createSchedule, isPending, error, clearError } = useCreateAvailabilitySchedule();
+    const toggleDay = (day, open) => {
+        setWeeklyHours((prev) => ({
+            ...prev,
+            [day]: open ? [{ startMinute: 9 * 60, endMinute: 17 * 60 }] : [],
+        }));
+    };
+    const setDayTime = (day, edge, value) => {
+        setWeeklyHours((prev) => {
+            const interval = prev[day][0];
+            if (!interval)
+                return prev;
+            return { ...prev, [day]: [{ ...interval, [edge]: timeInputToMinutes(value) }] };
+        });
+    };
+    const isFormValid = name.trim().length > 0 && !isPending;
+    const handleSubmit = async (e) => {
+        e.preventDefault();
+        if (!isFormValid)
+            return;
+        clearError();
+        const schedule = await createSchedule({ name: name.trim(), timezone, weeklyHours });
+        if (schedule) {
+            onCreated?.(schedule);
+            onOpenChange(false);
+        }
+    };
+    return (_jsx(Modal, { isOpen: isOpen, onOpenChange: onOpenChange, children: _jsx(Modal.Backdrop, { children: _jsx(Modal.Container, { children: _jsxs(Modal.Dialog, { className: "sm:max-w-120", children: [_jsx(Modal.CloseTrigger, {}), _jsx(Modal.Header, { children: _jsx(Modal.Heading, { children: "Set your availability" }) }), _jsx(Modal.Body, { children: _jsxs("form", { onSubmit: handleSubmit, className: "flex flex-col gap-4", children: [_jsxs(TextField, { isRequired: true, variant: "secondary", children: [_jsx(Label, { children: "Name" }), _jsx(Input, { value: name, onChange: (e) => setName(e.currentTarget.value), disabled: isPending, autoFocus: true })] }), _jsxs("p", { className: "text-xs text-muted", children: ["Timezone: ", timezone] }), _jsx("div", { className: "flex flex-col gap-2", children: WEEKDAY_KEYS.map((day) => {
+                                            const interval = weeklyHours[day][0];
+                                            const isOpenDay = interval !== undefined;
+                                            return (_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Switch, { isSelected: isOpenDay, onChange: (open) => toggleDay(day, open), isDisabled: isPending, children: _jsxs(Switch.Content, { children: [_jsx(Switch.Control, { children: _jsx(Switch.Thumb, {}) }), _jsx("span", { className: "w-24 shrink-0 text-sm", children: WEEKDAY_LABELS[day] })] }) }), isOpenDay && (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Input, { type: "time", value: minutesToTimeInput(interval.startMinute), onChange: (e) => setDayTime(day, "startMinute", e.currentTarget.value), disabled: isPending }), _jsx("span", { className: "text-xs text-muted", children: "to" }), _jsx(Input, { type: "time", value: minutesToTimeInput(interval.endMinute), onChange: (e) => setDayTime(day, "endMinute", e.currentTarget.value), disabled: isPending })] }))] }, day));
+                                        }) }), error && _jsx("p", { className: "text-sm text-danger", children: error }), _jsxs("div", { className: "flex justify-end gap-2", children: [_jsx(Button, { type: "button", variant: "secondary", onPress: () => onOpenChange(false), isDisabled: isPending, children: "Cancel" }), _jsx(Button, { type: "submit", variant: "primary", isDisabled: !isFormValid, children: isPending ? "Saving..." : "Save" })] })] }) })] }) }) }) }));
+}

package/dist/esm/client/components/event-type-form.js

@@ -0,0 +1,79 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { Button, Input, Label, ListBox, Modal, Select, TextArea, TextField } from "@heroui/react";
+import { useConnect, useConnectWorkspaceMembers } from "../provider.js";
+import { useAvailabilitySchedules, useCreateEventType } from "../use-scheduling.js";
+const LOCATION_LABELS = {
+    phone: "Phone call",
+    address: "In person",
+    link: "Video link",
+};
+const LOCATION_KINDS = ["phone", "address", "link"];
+/**
+ * Creates the first thing a workspace can be booked for, from inside a host
+ * application rather than a link-out to Connect.
+ *
+ * **Needs a schedule to exist first** - the picker reads `useAvailabilitySchedules`
+ * and renders "Set up availability first" with nothing to submit if none
+ * exists yet. Pair this with `ConnectAvailabilityFormModal` in a setup flow
+ * rather than assuming one.
+ *
+ * **Host is a specific member, never a team.** There is no groups read in
+ * this bridge, so a round-robin team host stays a Console-only capability -
+ * defaults to whoever is signed in, with an optional picker from the
+ * workspace's own roster.
+ */
+export function ConnectEventTypeFormModal({ isOpen, onOpenChange, onCreated, }) {
+    const { session } = useConnect();
+    const { data: membersData } = useConnectWorkspaceMembers();
+    const { schedules } = useAvailabilitySchedules();
+    const members = useMemo(() => membersData?.members ?? [], [membersData]);
+    const defaultHostId = useMemo(() => {
+        const self = members.find((member) => member.userId === session?.user?.userId);
+        return self?.memberId ?? members[0]?.memberId ?? "";
+    }, [members, session?.user?.userId]);
+    const [name, setName] = useState("");
+    const [description, setDescription] = useState("");
+    const [durationMinutes, setDurationMinutes] = useState(30);
+    const [bufferBefore, setBufferBefore] = useState(5);
+    const [bufferAfter, setBufferAfter] = useState(5);
+    const [scheduleId, setScheduleId] = useState("");
+    const [hostMemberId, setHostMemberId] = useState("");
+    const [locationKind, setLocationKind] = useState("phone");
+    const [locationValue, setLocationValue] = useState("");
+    const effectiveScheduleId = scheduleId || schedules[0]?.id || "";
+    const effectiveHostMemberId = hostMemberId || defaultHostId;
+    const { createEventType, isPending, error, clearError } = useCreateEventType();
+    const isFormValid = name.trim().length > 0 &&
+        durationMinutes >= 5 &&
+        durationMinutes <= 480 &&
+        effectiveScheduleId.length > 0 &&
+        effectiveHostMemberId.length > 0 &&
+        !isPending;
+    const handleSubmit = async (e) => {
+        e.preventDefault();
+        if (!isFormValid)
+            return;
+        clearError();
+        const trimmedDescription = description.trim();
+        const created = await createEventType({
+            name: name.trim(),
+            description: trimmedDescription.length > 0 ? trimmedDescription : null,
+            durationMinutes,
+            bufferBeforeMinutes: bufferBefore,
+            bufferAfterMinutes: bufferAfter,
+            hostMemberId: effectiveHostMemberId,
+            scheduleId: effectiveScheduleId,
+            location: {
+                kind: locationKind,
+                value: locationValue.trim().length > 0 ? locationValue.trim() : null,
+            },
+        });
+        if (created) {
+            onCreated?.(created);
+            onOpenChange(false);
+        }
+    };
+    return (_jsx(Modal, { isOpen: isOpen, onOpenChange: onOpenChange, children: _jsx(Modal.Backdrop, { children: _jsx(Modal.Container, { children: _jsxs(Modal.Dialog, { className: "sm:max-w-140", children: [_jsx(Modal.CloseTrigger, {}), _jsx(Modal.Header, { children: _jsx(Modal.Heading, { children: "New appointment type" }) }), _jsx(Modal.Body, { children: schedules.length === 0 ? (_jsx("p", { className: "text-sm text-muted", children: "Set up availability first - an appointment type needs working hours to book against." })) : (_jsxs("form", { onSubmit: handleSubmit, className: "flex flex-col gap-4", children: [_jsxs(TextField, { isRequired: true, variant: "secondary", children: [_jsx(Label, { children: "Name" }), _jsx(Input, { placeholder: "Consultation", value: name, onChange: (e) => setName(e.currentTarget.value), disabled: isPending, autoFocus: true })] }), _jsxs(TextField, { variant: "secondary", children: [_jsx(Label, { children: "Description" }), _jsx(TextArea, { placeholder: "What this appointment is for", value: description, onChange: (e) => setDescription(e.currentTarget.value), disabled: isPending, rows: 2 })] }), _jsxs("div", { className: "grid gap-4 sm:grid-cols-3", children: [_jsxs(TextField, { isRequired: true, variant: "secondary", children: [_jsx(Label, { children: "Length (min)" }), _jsx(Input, { type: "number", value: String(durationMinutes), onChange: (e) => setDurationMinutes(Number(e.currentTarget.value)), disabled: isPending })] }), _jsxs(TextField, { variant: "secondary", children: [_jsx(Label, { children: "Gap before" }), _jsx(Input, { type: "number", value: String(bufferBefore), onChange: (e) => setBufferBefore(Number(e.currentTarget.value)), disabled: isPending })] }), _jsxs(TextField, { variant: "secondary", children: [_jsx(Label, { children: "Gap after" }), _jsx(Input, { type: "number", value: String(bufferAfter), onChange: (e) => setBufferAfter(Number(e.currentTarget.value)), disabled: isPending })] })] }), schedules.length > 1 && (_jsxs(Select, { variant: "secondary", value: effectiveScheduleId, onChange: (value) => setScheduleId(String(value)), isDisabled: isPending, children: [_jsx(Label, { children: "Availability" }), _jsxs(Select.Trigger, { children: [_jsx(Select.Value, {}), _jsx(Select.Indicator, {})] }), _jsx(Select.Popover, { children: _jsx(ListBox, { children: schedules.map((schedule) => (_jsxs(ListBox.Item, { id: schedule.id, textValue: schedule.name, children: [schedule.name, _jsx(ListBox.ItemIndicator, {})] }, schedule.id))) }) })] })), members.length > 1 && (_jsxs(Select, { variant: "secondary", value: effectiveHostMemberId, onChange: (value) => setHostMemberId(String(value)), isDisabled: isPending, children: [_jsx(Label, { children: "Who hosts it" }), _jsxs(Select.Trigger, { children: [_jsx(Select.Value, {}), _jsx(Select.Indicator, {})] }), _jsx(Select.Popover, { children: _jsx(ListBox, { children: members.map((member) => (_jsxs(ListBox.Item, { id: member.memberId, textValue: member.displayName ?? member.email, children: [member.displayName ?? member.email, _jsx(ListBox.ItemIndicator, {})] }, member.memberId))) }) })] })), _jsxs("div", { className: "grid gap-4 sm:grid-cols-2", children: [_jsxs(Select, { variant: "secondary", value: locationKind, onChange: (value) => setLocationKind(value), isDisabled: isPending, children: [_jsx(Label, { children: "Where" }), _jsxs(Select.Trigger, { children: [_jsx(Select.Value, {}), _jsx(Select.Indicator, {})] }), _jsx(Select.Popover, { children: _jsx(ListBox, { children: LOCATION_KINDS.map((kind) => (_jsxs(ListBox.Item, { id: kind, textValue: LOCATION_LABELS[kind], children: [LOCATION_LABELS[kind], _jsx(ListBox.ItemIndicator, {})] }, kind))) }) })] }), _jsxs(TextField, { variant: "secondary", children: [_jsx(Label, { children: "Details" }), _jsx(TextArea, { placeholder: locationKind === "address" ? "Where to come" : "Left blank is fine", value: locationValue, onChange: (e) => setLocationValue(e.currentTarget.value), disabled: isPending, rows: 2 })] })] }), error && _jsx("p", { className: "text-sm text-danger", children: error }), _jsxs("div", { className: "flex justify-end gap-2", children: [_jsx(Button, { type: "button", variant: "secondary", onPress: () => onOpenChange(false), isDisabled: isPending, children: "Cancel" }), _jsx(Button, { type: "submit", variant: "primary", isDisabled: !isFormValid, children: isPending ? "Saving..." : "Create" })] })] })) })] }) }) }) }));
+}

package/dist/esm/client/components/plan-pricing.js

@@ -126,20 +126,25 @@ export function groupPlansByTier(plans) {
             description: plan.description,
             monthly: null,
             annual: null,
+            oneTime: null,
             annualSavingPercent: null,
         };
         if (plan.billingInterval === "monthly") {
             if (!tier.monthly || plan.price < tier.monthly.price)
                 tier.monthly = plan;
         }
-        else if (!tier.annual || plan.price < tier.annual.price) {
-            tier.annual = plan;
+        else if (plan.billingInterval === "annual") {
+            if (!tier.annual || plan.price < tier.annual.price)
+                tier.annual = plan;
+        }
+        else if (!tier.oneTime || plan.price < tier.oneTime.price) {
+            tier.oneTime = plan;
         }
         tiers.set(planGroup, tier);
     }
     return [...tiers.values()]
         .map((tier) => {
-        const identity = tier.monthly ?? tier.annual;
+        const identity = tier.monthly ?? tier.annual ?? tier.oneTime;
         return {
             ...tier,
             name: identity?.name ?? tier.name,
@@ -150,7 +155,7 @@ export function groupPlansByTier(plans) {
         .sort((a, b) => tierFloorPrice(a) - tierFloorPrice(b));
 }
 function tierFloorPrice(tier) {
-    const prices = [tier.monthly, tier.annual]
+    const prices = [tier.monthly, tier.annual, tier.oneTime]
         .filter((plan) => plan !== null)
         .map((plan) => monthlyOf(plan.price, plan.billingInterval));
     return prices.length > 0 ? Math.min(...prices) : Number.MAX_SAFE_INTEGER;

package/dist/esm/client/components/plans.js

@@ -126,7 +126,9 @@ export function ConnectPlans({ planIds, hideCoupon = false, className }) {
                         // Growth tier, and marking only the row it literally subscribes to
                         // would leave its own card unmarked half the time.
                         const isCurrentTier = subscription?.plan != null &&
-                            (tier.monthly?.id === subscription.plan.id || tier.annual?.id === subscription.plan.id);
+                            (tier.monthly?.id === subscription.plan.id ||
+                                tier.annual?.id === subscription.plan.id ||
+                                tier.oneTime?.id === subscription.plan.id);
                         const isCurrent = action === "current";
                         const cadenceUnavailable = showAnnual ? tier.annual === null : tier.monthly === null;
                         return (_jsx(m.div, { variants: { hidden: { opacity: 0, y: 12 }, show: { opacity: 1, y: 0, transition: ENTER } }, children: _jsxs(Card, { className: isCurrentTier ? "h-full border-accent" : "h-full", children: [_jsxs(Card.Header, { children: [_jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsx(Card.Title, { children: tier.name }), _jsxs("div", { className: "flex shrink-0 items-center gap-1.5", children: [tier.annualSavingPercent !== null && showAnnual && (_jsxs(Chip, { className: "bg-accent-soft text-accent", children: ["Save ", tier.annualSavingPercent, "%"] })), isCurrentTier && _jsx(Chip, { className: "bg-accent-soft text-accent", children: "Current" })] })] }), tier.description && _jsx(Card.Description, { children: tier.description })] }), _jsxs(Card.Content, { className: "flex flex-col gap-4", children: [_jsxs("div", { children: [_jsx(AnimatePresence, { mode: "popLayout", initial: false, children: _jsx(m.div, { initial: { opacity: 0, y: 6 }, animate: { opacity: 1, y: 0 }, exit: { opacity: 0, y: -6 }, transition: { duration: 0.15 }, children: isFreePlan(plan.price) ? (_jsx("span", { className: "text-2xl font-semibold text-foreground", children: "Free" })) : (_jsxs(_Fragment, { children: [_jsx("span", { className: "text-2xl font-semibold text-foreground", children: formatPrice(plan.price) }), _jsx("span", { className: "text-sm text-muted", children: pricePerLabel(plan.billingInterval) })] })) }, plan.billingInterval) }), !isFreePlan(plan.price) && (_jsxs("p", { className: "mt-1 text-xs text-muted", children: ["+", plan.gstRate, "% GST"] })), cadenceUnavailable && (_jsxs("p", { className: "mt-1 text-xs text-muted", children: ["Only sold ", intervalLabel(plan.billingInterval).adverb, "."] }))] }), plan.trialDays && !isFreePlan(plan.price) ? (_jsxs("p", { className: "text-xs font-medium text-accent", children: [plan.trialDays, "-day free trial"] })) : null, plan.features.length > 0 && (_jsx("ul", { className: "flex flex-col gap-1.5", children: plan.features.map((feature) => (
@@ -211,7 +213,13 @@ function ConnectUnsubscribeRow({ subscription, appUrl, checkout, }) {
  * monthly-only is a real thing (a free or entry plan usually is), and hiding
  * it while a customer looks at annual pricing loses them an option that is
  * still available to buy.
+ *
+ * A tier that is *only* a one-time plan ignores the toggle entirely - there
+ * is no cadence to switch between, so the price it shows must not depend on
+ * `showAnnual`.
  */
 function pickTierPlan(tier, showAnnual) {
+    if (tier.oneTime && !tier.monthly && !tier.annual)
+        return tier.oneTime;
     return showAnnual ? (tier.annual ?? tier.monthly) : (tier.monthly ?? tier.annual);
 }

package/dist/esm/client/components/user-menu.js

@@ -3,6 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Avatar, Button, Chip, Modal, Skeleton, ToggleButton, ToggleButtonGroup, } from "@heroui/react";
 import { ChevronsUpDown, CreditCard, ExternalLink, Laptop, LogOut, Moon, ReceiptText, Sun, UserRound, } from "lucide-react";
 import { useConnect } from "../provider.js";
+import { connectPortalUrl } from "../portal-links.js";
 import { ConnectMark } from "../mark.js";
 import { initials } from "./identity.js";
 import { ConnectAccountSessions } from "./account-sessions.js";
@@ -18,28 +19,6 @@ const THEME_OPTIONS = [
 function openExternal(url) {
     window.open(url, "_blank", "noopener,noreferrer");
 }
-/**
- * Connect's profile page, with the context it needs to offer a way back here.
- *
- * Connect answers `/profile` for any signed-in user, so the bare URL works on
- * its own - these two params only add the "Back to <your app>" banner. It
- * validates `return_to` against this `client_id`'s registered redirect
- * origins and silently drops the banner if they don't match, so a wrong or
- * stale `appUrl`/`clientId` pairing degrades to what it did before rather
- * than erroring.
- *
- * `window.location.href` rather than a configured home URL: the point is to
- * come back to the page they left, and only the browser knows which one that
- * is.
- */
-function profileUrl(appUrl, clientId) {
-    const url = new URL("/profile", appUrl);
-    url.searchParams.set("client_id", clientId);
-    if (typeof window !== "undefined") {
-        url.searchParams.set("return_to", window.location.href);
-    }
-    return url.toString();
-}
 /**
  * The member's photo, with their initials underneath it.
  *
@@ -140,7 +119,7 @@ function ProfileSurface({ onSignOut, theme, onThemeChange, }) {
     const label = user.displayName ?? user.email ?? "Account";
     const role = session?.role ?? null;
     const planChip = subscriptionChip(session?.subscription ?? null);
-    return (_jsx(Modal.Backdrop, { children: _jsx(Modal.Container, { size: "md", scroll: "inside", children: _jsxs(Modal.Dialog, { children: [_jsx(Modal.CloseTrigger, {}), _jsx(Modal.Header, { children: _jsx(Modal.Heading, { children: "Account" }) }), _jsxs(Modal.Body, { className: "flex flex-col gap-5", children: [_jsxs("div", { className: `flex items-start gap-3 rounded-xl border border-border ${PANEL_FILL} p-4`, children: [_jsx(UserAvatar, { user: user, size: "lg" }), _jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [_jsx("p", { className: "truncate text-sm font-semibold text-foreground", children: label }), user.email && _jsx("p", { className: "truncate text-xs text-muted", children: user.email }), _jsx("p", { className: "truncate text-xs text-muted", children: user.workspaceName }), (role || planChip || !user.emailVerified) && (_jsxs("div", { className: "mt-1.5 flex flex-wrap items-center gap-1.5", children: [role && (_jsx(Chip, { size: "sm", variant: "soft", color: "accent", children: humanizeRole(role) })), planChip, !user.emailVerified && (_jsx(Chip, { size: "sm", variant: "soft", color: "warning", children: "Email unverified" }))] }))] })] }), _jsxs("div", { className: "grid grid-cols-3 gap-2", children: [_jsx(DestinationTile, { icon: _jsx(UserRound, { className: ICON, "aria-hidden": "true" }), label: "Profile", url: profileUrl(appUrl, clientId) }), _jsx(DestinationTile, { icon: _jsx(CreditCard, { className: ICON, "aria-hidden": "true" }), label: "Billing", url: `${appUrl}/billing` }), _jsx(DestinationTile, { icon: _jsx(ConnectMark, { className: ICON }), label: "Connect", url: appUrl })] }), theme && onThemeChange && (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("p", { className: "text-sm font-medium text-foreground", children: "Appearance" }), _jsx(ToggleButtonGroup, { fullWidth: true, "aria-label": "Theme", selectionMode: "single", disallowEmptySelection: true, selectedKeys: [theme], onSelectionChange: (keys) => {
+    return (_jsx(Modal.Backdrop, { children: _jsx(Modal.Container, { size: "md", scroll: "inside", children: _jsxs(Modal.Dialog, { children: [_jsx(Modal.CloseTrigger, {}), _jsx(Modal.Header, { children: _jsx(Modal.Heading, { children: "Account" }) }), _jsxs(Modal.Body, { className: "flex flex-col gap-5", children: [_jsxs("div", { className: `flex items-start gap-3 rounded-xl border border-border ${PANEL_FILL} p-4`, children: [_jsx(UserAvatar, { user: user, size: "lg" }), _jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [_jsx("p", { className: "truncate text-sm font-semibold text-foreground", children: label }), user.email && _jsx("p", { className: "truncate text-xs text-muted", children: user.email }), _jsx("p", { className: "truncate text-xs text-muted", children: user.workspaceName }), (role || planChip || !user.emailVerified) && (_jsxs("div", { className: "mt-1.5 flex flex-wrap items-center gap-1.5", children: [role && (_jsx(Chip, { size: "sm", variant: "soft", color: "accent", children: humanizeRole(role) })), planChip, !user.emailVerified && (_jsx(Chip, { size: "sm", variant: "soft", color: "warning", children: "Email unverified" }))] }))] })] }), _jsxs("div", { className: "grid grid-cols-3 gap-2", children: [_jsx(DestinationTile, { icon: _jsx(UserRound, { className: ICON, "aria-hidden": "true" }), label: "Profile", url: connectPortalUrl(appUrl, clientId, "/profile") }), _jsx(DestinationTile, { icon: _jsx(CreditCard, { className: ICON, "aria-hidden": "true" }), label: "Billing", url: `${appUrl}/billing` }), _jsx(DestinationTile, { icon: _jsx(ConnectMark, { className: ICON }), label: "Connect", url: appUrl })] }), theme && onThemeChange && (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("p", { className: "text-sm font-medium text-foreground", children: "Appearance" }), _jsx(ToggleButtonGroup, { fullWidth: true, "aria-label": "Theme", selectionMode: "single", disallowEmptySelection: true, selectedKeys: [theme], onSelectionChange: (keys) => {
                                             const [next] = [...keys];
                                             if (typeof next === "string")
                                                 onThemeChange(next);
@@ -250,7 +229,7 @@ export function ConnectProfileButton({ className }) {
     const { session, appUrl, clientId } = useConnect();
     if (!session?.user)
         return null;
-    return (_jsxs(Button, { variant: "tertiary", className: className, onPress: () => openExternal(profileUrl(appUrl, clientId)), children: [_jsx(UserRound, { className: "size-4 shrink-0" }), "Profile", _jsx(ExternalLink, { className: "size-3.5 shrink-0 text-muted" })] }));
+    return (_jsxs(Button, { variant: "tertiary", className: className, onPress: () => openExternal(connectPortalUrl(appUrl, clientId, "/profile")), children: [_jsx(UserRound, { className: "size-4 shrink-0" }), "Profile", _jsx(ExternalLink, { className: "size-3.5 shrink-0 text-muted" })] }));
 }
 /** A plain "Open Connect" button, for a footer or a help menu. */
 export function ConnectHomeButton({ className }) {