next-workflow-builder 0.1.0

package/dist/client/components/overlays/edit-connection-overlay.js

@@ -0,0 +1,213 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useAtomValue } from "jotai";
+import { Check, Pencil, X } from "lucide-react";
+import { useState } from "react";
+import { toast } from "sonner";
+import { Button } from "../ui/button.js";
+import { Checkbox } from "../ui/checkbox.js";
+import { Input } from "../ui/input.js";
+import { Label } from "../ui/label.js";
+import { useIsMobile } from "../../hooks/use-mobile.js";
+import { managedConnectionProviderAtom } from "../../../lib/managed-connection.js";
+import { api } from "../../../lib/api-client.js";
+import { getIntegration, getIntegrationLabels } from "../../../plugins/registry.js";
+import { ConfirmOverlay } from "./confirm-overlay.js";
+import { Overlay } from "./overlay.js";
+import { useOverlay } from "./overlay-provider.js";
+const SYSTEM_INTEGRATION_LABELS = {
+    database: "Database",
+};
+const getLabel = (type) => {
+    const labels = getIntegrationLabels();
+    return labels[type] || SYSTEM_INTEGRATION_LABELS[type] || type;
+};
+function SecretField({ fieldId, label, configKey, placeholder, helpText, helpLink, value, onChange, }) {
+    const [isEditing, setIsEditing] = useState(false);
+    const isMobile = useIsMobile();
+    const hasNewValue = value.length > 0;
+    if (!(isEditing || hasNewValue)) {
+        return (_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: fieldId, children: label }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("div", { className: "flex h-9 flex-1 items-center gap-2 rounded-md border bg-muted/30 px-3", children: [_jsx(Check, { className: "size-4 text-green-600" }), _jsx("span", { className: "text-muted-foreground text-sm", children: "Configured" })] }), _jsxs(Button, { onClick: () => setIsEditing(true), type: "button", variant: "outline", children: [_jsx(Pencil, { className: "mr-1.5 size-3" }), "Change"] })] })] }));
+    }
+    return (_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: fieldId, children: label }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Input, { autoFocus: isEditing && !isMobile, className: "flex-1", id: fieldId, onChange: (e) => onChange(configKey, e.target.value), placeholder: placeholder, type: "password", value: value }), (isEditing || hasNewValue) && (_jsx(Button, { onClick: () => {
+                            onChange(configKey, "");
+                            setIsEditing(false);
+                        }, size: "icon", type: "button", variant: "ghost", children: _jsx(X, { className: "size-4" }) }))] }), (helpText || helpLink) && (_jsxs("p", { className: "text-muted-foreground text-xs", children: [helpText, helpLink && (_jsx("a", { className: "underline hover:text-foreground", href: helpLink.url, rel: "noopener noreferrer", target: "_blank", children: helpLink.text }))] }))] }));
+}
+export function EditConnectionOverlay({ overlayId, integration, onSuccess, onDelete, }) {
+    const { push, closeAll } = useOverlay();
+    const [saving, setSaving] = useState(false);
+    const [testing, setTesting] = useState(false);
+    const [testResult, setTestResult] = useState(null);
+    const [name, setName] = useState(integration.name);
+    const [config, setConfig] = useState({});
+    const updateConfig = (key, value) => {
+        setConfig((prev) => ({ ...prev, [key]: value }));
+    };
+    const doSave = async () => {
+        try {
+            setSaving(true);
+            const hasNewConfig = Object.values(config).some((v) => v && v.length > 0);
+            await api.integration.update(integration.id, {
+                name: name.trim(),
+                ...(hasNewConfig ? { config } : {}),
+            });
+            toast.success("Connection updated");
+            onSuccess?.();
+            closeAll();
+        }
+        catch (error) {
+            console.error("Failed to update integration:", error);
+            toast.error("Failed to update connection");
+        }
+        finally {
+            setSaving(false);
+        }
+    };
+    const handleSave = async () => {
+        const hasNewConfig = Object.values(config).some((v) => v && v.length > 0);
+        if (!hasNewConfig) {
+            await doSave();
+            return;
+        }
+        try {
+            setSaving(true);
+            setTestResult(null);
+            const result = await api.integration.testCredentials({
+                type: integration.type,
+                config,
+            });
+            if (result.status === "error") {
+                push(ConfirmOverlay, {
+                    title: "Connection Test Failed",
+                    message: `The test failed: ${result.message}\n\nDo you want to save anyway?`,
+                    confirmLabel: "Save Anyway",
+                    onConfirm: async () => {
+                        await doSave();
+                    },
+                });
+                setSaving(false);
+                return;
+            }
+            await doSave();
+        }
+        catch (error) {
+            const message = error instanceof Error ? error.message : "Failed to test connection";
+            push(ConfirmOverlay, {
+                title: "Connection Test Failed",
+                message: `${message}\n\nDo you want to save anyway?`,
+                confirmLabel: "Save Anyway",
+                onConfirm: async () => {
+                    await doSave();
+                },
+            });
+            setSaving(false);
+        }
+    };
+    const handleTest = async () => {
+        const hasNewConfig = Object.values(config).some((v) => v && v.length > 0);
+        try {
+            setTesting(true);
+            setTestResult(null);
+            let result;
+            if (hasNewConfig) {
+                result = await api.integration.testCredentials({
+                    type: integration.type,
+                    config,
+                });
+            }
+            else {
+                result = await api.integration.testConnection(integration.id);
+            }
+            setTestResult(result);
+            if (result.status === "success") {
+                toast.success(result.message || "Connection successful");
+            }
+            else {
+                toast.error(result.message || "Connection failed");
+            }
+        }
+        catch (error) {
+            const message = error instanceof Error ? error.message : "Connection test failed";
+            setTestResult({ status: "error", message });
+            toast.error(message);
+        }
+        finally {
+            setTesting(false);
+        }
+    };
+    const handleDelete = () => {
+        push(DeleteConnectionOverlay, {
+            integration,
+            onSuccess: () => {
+                onDelete?.();
+                closeAll();
+            },
+        });
+    };
+    const plugin = getIntegration(integration.type);
+    const formFields = plugin?.formFields;
+    const renderConfigFields = () => {
+        if (integration.type === "database") {
+            return (_jsx(SecretField, { configKey: "url", fieldId: "url", helpText: "Connection string in the format: postgresql://user:password@host:port/database", label: "Database URL", onChange: updateConfig, placeholder: "postgresql://user:password@host:port/database", value: config.url || "" }));
+        }
+        if (!formFields)
+            return null;
+        return formFields.map((field) => {
+            if (field.type === "password") {
+                return (_jsx(SecretField, { configKey: field.configKey, fieldId: field.id, helpLink: field.helpLink, helpText: field.helpText, label: field.label, onChange: updateConfig, placeholder: field.placeholder, value: config[field.configKey] || "" }, field.id));
+            }
+            return (_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: field.id, children: field.label }), _jsx(Input, { id: field.id, onChange: (e) => updateConfig(field.configKey, e.target.value), placeholder: field.placeholder, type: field.type, value: config[field.configKey] || "" }), (field.helpText || field.helpLink) && (_jsxs("p", { className: "text-muted-foreground text-xs", children: [field.helpText, field.helpLink && (_jsx("a", { className: "underline hover:text-foreground", href: field.helpLink.url, rel: "noopener noreferrer", target: "_blank", children: field.helpLink.text }))] }))] }, field.id));
+        });
+    };
+    return (_jsxs(Overlay, { actions: [
+            {
+                label: "Delete",
+                variant: "ghost",
+                onClick: handleDelete,
+                disabled: saving || testing,
+            },
+            {
+                label: "Test",
+                variant: "outline",
+                onClick: handleTest,
+                loading: testing,
+                disabled: saving,
+            },
+            { label: "Update", onClick: handleSave, loading: saving },
+        ], overlayId: overlayId, title: `Edit ${getLabel(integration.type)}`, children: [_jsx("p", { className: "-mt-2 mb-4 text-muted-foreground text-sm", children: "Update your connection credentials" }), _jsxs("div", { className: "space-y-4", children: [renderConfigFields(), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "name", children: "Label (Optional)" }), _jsx(Input, { id: "name", onChange: (e) => setName(e.target.value), placeholder: "e.g. Production, Personal, Work", value: name })] })] })] }));
+}
+export function DeleteConnectionOverlay({ overlayId, integration, onSuccess, }) {
+    const { pop } = useOverlay();
+    const managedProvider = useAtomValue(managedConnectionProviderAtom);
+    const [deleting, setDeleting] = useState(false);
+    const [revokeKey, setRevokeKey] = useState(true);
+    const handleDelete = async () => {
+        try {
+            setDeleting(true);
+            if (integration.isManaged && revokeKey && managedProvider) {
+                await managedProvider.api.revokeConsent();
+            }
+            else {
+                await api.integration.delete(integration.id);
+            }
+            toast.success("Connection deleted");
+            onSuccess?.();
+        }
+        catch (error) {
+            console.error("Failed to delete integration:", error);
+            toast.error("Failed to delete connection");
+            setDeleting(false);
+        }
+    };
+    return (_jsxs(Overlay, { actions: [
+            { label: "Cancel", variant: "outline", onClick: pop },
+            {
+                label: "Delete",
+                variant: "destructive",
+                onClick: handleDelete,
+                loading: deleting,
+            },
+        ], overlayId: overlayId, title: "Delete Connection", children: [_jsx("p", { className: "text-muted-foreground text-sm", children: "Are you sure you want to delete this connection? Workflows using it will fail until a new one is configured." }), integration.isManaged && (_jsxs("div", { className: "mt-4 flex items-center gap-2", children: [_jsx(Checkbox, { checked: revokeKey, id: "revoke-key", onCheckedChange: (checked) => setRevokeKey(checked) }), _jsx(Label, { className: "cursor-pointer font-normal", htmlFor: "revoke-key", children: "Revoke API key from Vercel" })] }))] }));
+}
+//# sourceMappingURL=edit-connection-overlay.js.map

package/dist/client/components/overlays/edit-connection-overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"edit-connection-overlay.js","sourceRoot":"","sources":["../../../../src/client/components/overlays/edit-connection-overlay.tsx"],"names":[],"mappings":"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"}

package/dist/client/components/overlays/export-workflow-overlay.d.ts

@@ -0,0 +1,8 @@
+import type { OverlayComponentProps } from "./types";
+type ExportWorkflowOverlayProps = OverlayComponentProps<{
+    onExport: () => void;
+    isDownloading?: boolean;
+}>;
+export declare function ExportWorkflowOverlay({ overlayId, onExport, isDownloading, }: ExportWorkflowOverlayProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=export-workflow-overlay.d.ts.map

package/dist/client/components/overlays/export-workflow-overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"export-workflow-overlay.d.ts","sourceRoot":"","sources":["../../../../src/client/components/overlays/export-workflow-overlay.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD,KAAK,0BAA0B,GAAG,qBAAqB,CAAC;IACtD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC,CAAC;AAEH,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,QAAQ,EACR,aAAa,GACd,EAAE,0BAA0B,2CAuD5B"}

package/dist/client/components/overlays/export-workflow-overlay.js

@@ -0,0 +1,22 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Download, FlaskConical } from "lucide-react";
+import { Alert, AlertDescription, AlertTitle } from "../ui/alert.js";
+import { Overlay } from "./overlay.js";
+import { useOverlay } from "./overlay-provider.js";
+export function ExportWorkflowOverlay({ overlayId, onExport, isDownloading, }) {
+    const { closeAll } = useOverlay();
+    const handleExport = () => {
+        closeAll();
+        onExport();
+    };
+    return (_jsxs(Overlay, { actions: [
+            { label: "Cancel", variant: "outline", onClick: closeAll },
+            {
+                label: isDownloading ? "Exporting..." : "Export Project",
+                onClick: handleExport,
+                loading: isDownloading,
+            },
+        ], overlayId: overlayId, title: "Export Workflow as Code", children: [_jsxs("div", { className: "flex items-center gap-2 text-muted-foreground", children: [_jsx(Download, { className: "size-5" }), _jsx("p", { className: "text-sm", children: "Export your workflow as a standalone Next.js project that you can run independently." })] }), _jsx("p", { className: "mt-4 text-muted-foreground text-sm", children: "This will generate a complete Next.js project containing your workflow code. Once exported, you can run your workflow outside of the Workflow Builder, deploy it to Vercel, or integrate it into your existing applications." }), _jsxs(Alert, { className: "mt-4", children: [_jsx(FlaskConical, { className: "size-4" }), _jsx(AlertTitle, { children: "Experimental Feature" }), _jsxs(AlertDescription, { className: "block", children: ["This feature is experimental and may have limitations. If you encounter any issues, please", " ", _jsx("a", { className: "font-medium text-foreground underline underline-offset-4 hover:text-primary", href: "https://github.com/vercel-labs/workflow-builder-template/issues", rel: "noopener noreferrer", target: "_blank", children: "report them on GitHub" }), "."] })] })] }));
+}
+//# sourceMappingURL=export-workflow-overlay.js.map

package/dist/client/components/overlays/export-workflow-overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"export-workflow-overlay.js","sourceRoot":"","sources":["../../../../src/client/components/overlays/export-workflow-overlay.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAQhD,MAAM,UAAU,qBAAqB,CAAC,EACpC,SAAS,EACT,QAAQ,EACR,aAAa,GACc;IAC3B,MAAM,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,CAAC;IAElC,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,QAAQ,EAAE,CAAC;QACX,QAAQ,EAAE,CAAC;IACb,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,OAAO,IACN,OAAO,EAAE;YACP,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE;YAC1D;gBACE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,gBAAgB;gBACxD,OAAO,EAAE,YAAY;gBACrB,OAAO,EAAE,aAAa;aACvB;SACF,EACD,SAAS,EAAE,SAAS,EACpB,KAAK,EAAC,yBAAyB,aAE/B,eAAK,SAAS,EAAC,+CAA+C,aAC5D,KAAC,QAAQ,IAAC,SAAS,EAAC,QAAQ,GAAG,EAC/B,YAAG,SAAS,EAAC,SAAS,qGAGlB,IACA,EAEN,YAAG,SAAS,EAAC,oCAAoC,6OAK7C,EAEJ,MAAC,KAAK,IAAC,SAAS,EAAC,MAAM,aACrB,KAAC,YAAY,IAAC,SAAS,EAAC,QAAQ,GAAG,EACnC,KAAC,UAAU,uCAAkC,EAC7C,MAAC,gBAAgB,IAAC,SAAS,EAAC,OAAO,2GAEJ,GAAG,EAChC,YACE,SAAS,EAAC,6EAA6E,EACvF,IAAI,EAAC,iEAAiE,EACtE,GAAG,EAAC,qBAAqB,EACzB,MAAM,EAAC,QAAQ,sCAGb,SAEa,IACb,IACA,CACX,CAAC;AACJ,CAAC"}

package/dist/client/components/overlays/integrations-overlay.d.ts

@@ -0,0 +1,6 @@
+type IntegrationsOverlayProps = {
+    overlayId: string;
+};
+export declare function IntegrationsOverlay({ overlayId }: IntegrationsOverlayProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=integrations-overlay.d.ts.map

package/dist/client/components/overlays/integrations-overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"integrations-overlay.d.ts","sourceRoot":"","sources":["../../../../src/client/components/overlays/integrations-overlay.tsx"],"names":[],"mappings":"AAaA,KAAK,wBAAwB,GAAG;IAC9B,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAAE,SAAS,EAAE,EAAE,wBAAwB,2CAiF1E"}

package/dist/client/components/overlays/integrations-overlay.js

@@ -0,0 +1,56 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useSetAtom } from "jotai";
+import { Search } from "lucide-react";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { IntegrationsManager } from "../settings/integrations-manager.js";
+import { Input } from "../ui/input.js";
+import { Spinner } from "../ui/spinner.js";
+import { integrationsVersionAtom } from "../../../lib/integrations-store.js";
+import { AddConnectionOverlay } from "./add-connection-overlay.js";
+import { Overlay } from "./overlay.js";
+import { useOverlay } from "./overlay-provider.js";
+export function IntegrationsOverlay({ overlayId }) {
+    const { push, closeAll } = useOverlay();
+    const [loading, setLoading] = useState(true);
+    const [filter, setFilter] = useState("");
+    const setIntegrationsVersion = useSetAtom(integrationsVersionAtom);
+    const hasChangesRef = useRef(false);
+    const loadAll = useCallback(async () => {
+        setLoading(true);
+        try {
+            await new Promise((resolve) => setTimeout(resolve, 0));
+        }
+        finally {
+            setLoading(false);
+        }
+    }, []);
+    useEffect(() => {
+        loadAll();
+        hasChangesRef.current = false;
+        setFilter("");
+    }, [loadAll]);
+    const handleClose = useCallback(() => {
+        if (hasChangesRef.current) {
+            setIntegrationsVersion((v) => v + 1);
+        }
+        closeAll();
+    }, [closeAll, setIntegrationsVersion]);
+    const handleIntegrationChange = useCallback(() => {
+        hasChangesRef.current = true;
+    }, []);
+    const handleAddConnection = () => {
+        push(AddConnectionOverlay, {
+            onSuccess: handleIntegrationChange,
+        });
+    };
+    return (_jsxs(Overlay, { actions: [
+            {
+                label: "Add Connection",
+                variant: "outline",
+                onClick: handleAddConnection,
+            },
+            { label: "Done", onClick: handleClose },
+        ], overlayId: overlayId, title: "Connections", children: [_jsx("p", { className: "-mt-2 mb-4 text-muted-foreground text-sm", children: "Manage API keys and credentials used by your workflows" }), loading ? (_jsx("div", { className: "flex items-center justify-center py-8", children: _jsx(Spinner, {}) })) : (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "relative", children: [_jsx(Search, { className: "absolute top-1/2 left-3 size-4 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { className: "pl-9", onChange: (e) => setFilter(e.target.value), placeholder: "Filter connections...", value: filter })] }), _jsx("div", { className: "max-h-[300px] overflow-y-auto", children: _jsx(IntegrationsManager, { filter: filter, onIntegrationChange: handleIntegrationChange }) })] }))] }));
+}
+//# sourceMappingURL=integrations-overlay.js.map

package/dist/client/components/overlays/integrations-overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"integrations-overlay.js","sourceRoot":"","sources":["../../../../src/client/components/overlays/integrations-overlay.tsx"],"names":[],"mappings":"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"}

package/dist/client/components/overlays/make-public-overlay.d.ts

@@ -0,0 +1,7 @@
+import type { OverlayComponentProps } from "./types";
+type MakePublicOverlayProps = OverlayComponentProps<{
+    onConfirm: () => void;
+}>;
+export declare function MakePublicOverlay({ overlayId, onConfirm, }: MakePublicOverlayProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=make-public-overlay.d.ts.map

package/dist/client/components/overlays/make-public-overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"make-public-overlay.d.ts","sourceRoot":"","sources":["../../../../src/client/components/overlays/make-public-overlay.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD,KAAK,sBAAsB,GAAG,qBAAqB,CAAC;IAClD,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC,CAAC;AAEH,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,SAAS,GACV,EAAE,sBAAsB,2CAuCxB"}

package/dist/client/components/overlays/make-public-overlay.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Globe } from "lucide-react";
+import { Overlay } from "./overlay.js";
+import { useOverlay } from "./overlay-provider.js";
+export function MakePublicOverlay({ overlayId, onConfirm, }) {
+    const { closeAll } = useOverlay();
+    const handleConfirm = () => {
+        closeAll();
+        onConfirm();
+    };
+    return (_jsxs(Overlay, { actions: [
+            { label: "Cancel", variant: "outline", onClick: closeAll },
+            { label: "Make Public", onClick: handleConfirm },
+        ], overlayId: overlayId, title: "Make Workflow Public?", children: [_jsxs("div", { className: "flex items-center gap-2 text-muted-foreground", children: [_jsx(Globe, { className: "size-5 shrink-0" }), _jsx("p", { className: "text-sm", children: "Making this workflow public means anyone with the link can:" })] }), _jsxs("ul", { className: "mt-3 list-inside list-disc space-y-1 text-muted-foreground text-sm", children: [_jsx("li", { children: "View the workflow structure and steps" }), _jsx("li", { children: "See action types and configurations" }), _jsx("li", { children: "Duplicate the workflow to their own account" })] }), _jsx("p", { className: "mt-4 font-medium text-foreground text-sm", children: "The following will remain private:" }), _jsxs("ul", { className: "mt-2 list-inside list-disc space-y-1 text-muted-foreground text-sm", children: [_jsx("li", { children: "Your integration credentials (API keys, tokens)" }), _jsx("li", { children: "Execution logs and run history" })] })] }));
+}
+//# sourceMappingURL=make-public-overlay.js.map

package/dist/client/components/overlays/make-public-overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"make-public-overlay.js","sourceRoot":"","sources":["../../../../src/client/components/overlays/make-public-overlay.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAOhD,MAAM,UAAU,iBAAiB,CAAC,EAChC,SAAS,EACT,SAAS,GACc;IACvB,MAAM,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,CAAC;IAElC,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,QAAQ,EAAE,CAAC;QACX,SAAS,EAAE,CAAC;IACd,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,OAAO,IACN,OAAO,EAAE;YACP,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE;YAC1D,EAAE,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,aAAa,EAAE;SACjD,EACD,SAAS,EAAE,SAAS,EACpB,KAAK,EAAC,uBAAuB,aAE7B,eAAK,SAAS,EAAC,+CAA+C,aAC5D,KAAC,KAAK,IAAC,SAAS,EAAC,iBAAiB,GAAG,EACrC,YAAG,SAAS,EAAC,SAAS,4EAElB,IACA,EAEN,cAAI,SAAS,EAAC,oEAAoE,aAChF,iEAA8C,EAC9C,+DAA4C,EAC5C,uEAAoD,IACjD,EAEL,YAAG,SAAS,EAAC,0CAA0C,mDAEnD,EACJ,cAAI,SAAS,EAAC,oEAAoE,aAChF,2EAAwD,EACxD,0DAAuC,IACpC,IACG,CACX,CAAC;AACJ,CAAC"}

package/dist/client/components/overlays/overlay-container.d.ts

@@ -0,0 +1,2 @@
+export declare function OverlayContainer(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=overlay-container.d.ts.map

package/dist/client/components/overlays/overlay-container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay-container.d.ts","sourceRoot":"","sources":["../../../../src/client/components/overlays/overlay-container.tsx"],"names":[],"mappings":"AAicA,wBAAgB,gBAAgB,4CAQ/B"}

package/dist/client/components/overlays/overlay-container.js

@@ -0,0 +1,236 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AnimatePresence, LayoutGroup, motion, useReducedMotion, } from "motion/react";
+import { useCallback, useLayoutEffect, useRef, useState } from "react";
+import { Drawer as DrawerPrimitive } from "vaul";
+import { Dialog, DialogPortal } from "../ui/dialog.js";
+import { useIsMobile } from "../../hooks/use-mobile.js";
+import { cn } from "../../../lib/utils.js";
+import { useOverlay } from "./overlay-provider.js";
+const iosSpring = {
+    type: "spring",
+    stiffness: 400,
+    damping: 35,
+    mass: 0.8,
+};
+const drawerSpring = {
+    type: "spring",
+    stiffness: 350,
+    damping: 30,
+    mass: 0.8,
+};
+const containerVariants = {
+    hidden: {
+        opacity: 0,
+        scale: 0.95,
+    },
+    visible: {
+        opacity: 1,
+        scale: 1,
+        transition: {
+            type: "spring",
+            stiffness: 400,
+            damping: 30,
+        },
+    },
+    exit: {
+        opacity: 0,
+        scale: 0.95,
+        transition: {
+            duration: 0.15,
+            ease: [0.4, 0, 1, 1],
+        },
+    },
+};
+const drawerContainerVariants = {
+    hidden: {
+        y: "100%",
+        opacity: 0.5,
+    },
+    visible: {
+        y: 0,
+        opacity: 1,
+        transition: drawerSpring,
+    },
+    exit: {
+        y: "100%",
+        opacity: 0.5,
+        transition: {
+            type: "spring",
+            stiffness: 500,
+            damping: 40,
+        },
+    },
+};
+function getOverlayXPosition(isCurrent, isPrevious) {
+    if (isCurrent)
+        return "0%";
+    if (isPrevious)
+        return "-35%";
+    return "100%";
+}
+function useStackDirection(stackLength) {
+    const prevLength = useRef(stackLength);
+    const direction = useRef(1);
+    if (stackLength > prevLength.current) {
+        direction.current = 1;
+    }
+    else if (stackLength < prevLength.current) {
+        direction.current = -1;
+    }
+    useLayoutEffect(() => {
+        prevLength.current = stackLength;
+    }, [stackLength]);
+    return direction.current;
+}
+function DesktopOverlayContainer() {
+    const { stack, closeAll, pop } = useOverlay();
+    const shouldReduceMotion = useReducedMotion();
+    const [minHeight, setMinHeight] = useState(0);
+    const contentRef = useRef(null);
+    const wasOpenRef = useRef(false);
+    const frozenStackRef = useRef(stack);
+    const direction = useStackDirection(stack.length);
+    const isOpen = stack.length > 0;
+    if (isOpen) {
+        frozenStackRef.current = stack;
+    }
+    const renderStack = frozenStackRef.current;
+    const currentIndex = renderStack.length - 1;
+    console.log("[DesktopOverlay]", {
+        isOpen,
+        stackLength: stack.length,
+        frozenStackLength: frozenStackRef.current.length,
+        renderStackLength: renderStack.length,
+    });
+    useLayoutEffect(() => {
+        const isFreshOpen = isOpen && !wasOpenRef.current;
+        wasOpenRef.current = isOpen;
+        if (isFreshOpen) {
+            setMinHeight(0);
+        }
+        if (contentRef.current) {
+            const height = contentRef.current.offsetHeight;
+            if (height > 0) {
+                setMinHeight(height);
+            }
+        }
+    }, [stack, isOpen]);
+    const currentItem = stack[stack.length - 1];
+    const springTransition = shouldReduceMotion ? { duration: 0.01 } : iosSpring;
+    const isPushing = direction === 1;
+    const handleBackdropClick = useCallback(() => {
+        if (currentItem?.options.closeOnBackdropClick !== false) {
+            closeAll();
+        }
+    }, [currentItem?.options.closeOnBackdropClick, closeAll]);
+    const handleEscapeKey = useCallback((e) => {
+        if (e.key === "Escape" && currentItem?.options.closeOnEscape !== false) {
+            pop();
+        }
+    }, [currentItem?.options.closeOnEscape, pop]);
+    useLayoutEffect(() => {
+        if (isOpen) {
+            document.addEventListener("keydown", handleEscapeKey);
+            return () => document.removeEventListener("keydown", handleEscapeKey);
+        }
+    }, [isOpen, handleEscapeKey]);
+    const handleExitComplete = useCallback(() => {
+        console.log("[DesktopOverlay] handleExitComplete called");
+        frozenStackRef.current = [];
+    }, []);
+    console.log("[DesktopOverlay] Rendering, isOpen:", isOpen);
+    if (!isOpen && frozenStackRef.current.length === 0) {
+        return null;
+    }
+    return (_jsx(AnimatePresence, { onExitComplete: handleExitComplete, children: isOpen && (_jsx(Dialog, { modal: false, open: true, children: _jsxs(DialogPortal, { forceMount: true, children: [_jsx(motion.div, { animate: { opacity: 1 }, className: "fixed inset-0 z-50 bg-black/60", exit: { opacity: 0 }, initial: { opacity: 0 }, onClick: handleBackdropClick, transition: { duration: 0.2 } }), _jsx(motion.div, { animate: "visible", className: "fixed top-1/2 left-1/2 z-50 w-full max-w-lg -translate-x-1/2 -translate-y-1/2 px-4", exit: "exit", initial: "hidden", variants: containerVariants, children: _jsx(LayoutGroup, { children: _jsx(motion.div, { className: "relative overflow-hidden rounded-xl border bg-background shadow-2xl ring-1 ring-black/5", layout: isOpen, style: { minHeight: minHeight > 0 ? minHeight : "auto" }, transition: iosSpring, children: _jsx("div", { className: "relative", ref: contentRef, children: renderStack.map((item, index) => {
+                                        const isCurrent = index === currentIndex;
+                                        const isPrevious = index < currentIndex;
+                                        const shouldSlideIn = isCurrent && isPushing && renderStack.length > 1;
+                                        const initialValue = shouldSlideIn
+                                            ? { x: "100%", scale: 1, opacity: 1 }
+                                            : false;
+                                        return (_jsx(motion.div, { animate: {
+                                                x: getOverlayXPosition(isCurrent, isPrevious),
+                                                scale: isCurrent ? 1 : 0.94,
+                                                opacity: isCurrent ? 1 : 0,
+                                            }, "aria-hidden": !isCurrent, className: cn("w-full", isCurrent
+                                                ? "relative"
+                                                : "pointer-events-none absolute inset-0"), initial: initialValue, transition: springTransition, children: _jsx(item.component, { overlayId: item.id, ...item.props }) }, item.id));
+                                    }) }) }) }) })] }) })) }));
+}
+function MobileOverlayContainer() {
+    const { stack, closeAll, pop } = useOverlay();
+    const shouldReduceMotion = useReducedMotion();
+    const [minHeight, setMinHeight] = useState(0);
+    const contentRef = useRef(null);
+    const wasOpenRef = useRef(false);
+    const frozenStackRef = useRef(stack);
+    const direction = useStackDirection(stack.length);
+    const isOpen = stack.length > 0;
+    if (isOpen) {
+        frozenStackRef.current = stack;
+    }
+    const renderStack = frozenStackRef.current;
+    const currentIndex = renderStack.length - 1;
+    useLayoutEffect(() => {
+        const isFreshOpen = isOpen && !wasOpenRef.current;
+        wasOpenRef.current = isOpen;
+        if (isFreshOpen) {
+            setMinHeight(0);
+        }
+        if (contentRef.current) {
+            const height = contentRef.current.offsetHeight;
+            if (height > 0) {
+                setMinHeight(height);
+            }
+        }
+    }, [stack, isOpen]);
+    const currentItem = stack[stack.length - 1];
+    const renderCurrentItem = renderStack[currentIndex];
+    const springTransition = shouldReduceMotion ? { duration: 0.01 } : iosSpring;
+    const isPushing = direction === 1;
+    const handleEscapeKey = useCallback((e) => {
+        if (e.key === "Escape" && currentItem?.options.closeOnEscape !== false) {
+            pop();
+        }
+    }, [currentItem?.options.closeOnEscape, pop]);
+    useLayoutEffect(() => {
+        if (isOpen) {
+            document.addEventListener("keydown", handleEscapeKey);
+            return () => document.removeEventListener("keydown", handleEscapeKey);
+        }
+    }, [isOpen, handleEscapeKey]);
+    const handleAnimationEnd = useCallback(() => {
+        if (!isOpen) {
+            frozenStackRef.current = [];
+        }
+    }, [isOpen]);
+    return (_jsx(DrawerPrimitive.Root, { onAnimationEnd: handleAnimationEnd, onOpenChange: (open) => {
+            if (!open) {
+                closeAll();
+            }
+        }, open: isOpen, children: _jsxs(DrawerPrimitive.Portal, { children: [_jsx(DrawerPrimitive.Overlay, { className: "fixed inset-0 z-50 bg-black/60" }), _jsxs(DrawerPrimitive.Content, { className: cn("fixed inset-x-0 bottom-0 z-50 flex max-h-[90vh] flex-col", "rounded-t-2xl border-t bg-background shadow-2xl"), children: [_jsx(DrawerPrimitive.Title, { className: "sr-only", children: renderCurrentItem?.options.title || "Dialog" }), _jsx("div", { className: "mx-auto mt-3 h-1.5 w-12 shrink-0 rounded-full bg-muted-foreground/20" }), _jsx(LayoutGroup, { children: _jsx(motion.div, { className: "relative flex-1 overflow-hidden", layout: isOpen, style: { minHeight: minHeight > 0 ? minHeight : "auto" }, transition: drawerSpring, children: _jsx("div", { className: "relative", ref: contentRef, children: renderStack.map((item, index) => {
+                                        const isCurrent = index === currentIndex;
+                                        const isPrevious = index < currentIndex;
+                                        const shouldSlideIn = isCurrent && isPushing && renderStack.length > 1;
+                                        const initialValue = shouldSlideIn
+                                            ? { x: "100%", scale: 1, opacity: 1 }
+                                            : false;
+                                        return (_jsx(motion.div, { animate: {
+                                                x: getOverlayXPosition(isCurrent, isPrevious),
+                                                scale: isCurrent ? 1 : 0.94,
+                                                opacity: isCurrent ? 1 : 0,
+                                            }, "aria-hidden": !isCurrent, className: cn("w-full", isCurrent
+                                                ? "relative"
+                                                : "pointer-events-none absolute inset-0"), initial: initialValue, transition: springTransition, children: _jsx(item.component, { overlayId: item.id, ...item.props }) }, item.id));
+                                    }) }) }) }), _jsx("div", { className: "h-safe-area-inset-bottom" })] })] }) }));
+}
+export function OverlayContainer() {
+    const isMobile = useIsMobile();
+    if (isMobile) {
+        return _jsx(MobileOverlayContainer, {});
+    }
+    return _jsx(DesktopOverlayContainer, {});
+}
+//# sourceMappingURL=overlay-container.js.map