@ydtb/tk-scope-app 0.14.7

package/dist/src/components/scope/CreateScopeDialog.js

@@ -0,0 +1,137 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useState, useEffect, useRef } from "react";
+import { useNavigate } from "@tanstack/react-router";
+import { useQueryClient } from "@ydtb/tk-scope-query-client";
+import { checkSlugAvailability, createScope } from "../../hooks/useCreateScope.js";
+import { scopeQueryKeys } from "../../lib/scope-query-keys.js";
+import { scopeLink } from "@ydtb/tk-scope/client";
+import { queryScopeType } from "@ydtb/tk-scope/client";
+import { Loader2, Check, X } from "lucide-react";
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from "@ydtb/tk-scope-ui/components/dialog";
+import { useScopeLabel } from "@ydtb/tk-scope/client";
+import { slugify } from "@ydtb/tk-scope-lib/slug";
+export function CreateScopeDialog({ scopeType, parentScopeId, open, onOpenChange, }) {
+    const navigate = useNavigate();
+    const queryClient = useQueryClient();
+    const label = useScopeLabel(scopeType);
+    const [name, setName] = useState("");
+    const [slug, setSlug] = useState("");
+    const [slugEdited, setSlugEdited] = useState(false);
+    const [submitting, setSubmitting] = useState(false);
+    const [error, setError] = useState(null);
+    const [slugStatus, setSlugStatus] = useState("idle");
+    const checkTimerRef = useRef(null);
+    const lastCheckedRef = useRef("");
+    useEffect(() => {
+        if (open) {
+            setName("");
+            setSlug("");
+            setSlugEdited(false);
+            setSubmitting(false);
+            setError(null);
+            setSlugStatus("idle");
+            lastCheckedRef.current = "";
+        }
+    }, [open]);
+    useEffect(() => {
+        if (!slugEdited) {
+            setSlug(slugify(name));
+        }
+    }, [name, slugEdited]);
+    useEffect(() => {
+        if (slug.length < 3) {
+            setSlugStatus("idle");
+            lastCheckedRef.current = "";
+            return;
+        }
+        if (slug === lastCheckedRef.current)
+            return;
+        setSlugStatus("checking");
+        if (checkTimerRef.current)
+            clearTimeout(checkTimerRef.current);
+        checkTimerRef.current = setTimeout(async () => {
+            try {
+                const available = await checkSlugAvailability(scopeType, slug);
+                lastCheckedRef.current = slug;
+                setSlugStatus(available ? "available" : "taken");
+            }
+            catch {
+                lastCheckedRef.current = slug;
+                setSlugStatus("taken");
+            }
+        }, 400);
+        return () => {
+            if (checkTimerRef.current)
+                clearTimeout(checkTimerRef.current);
+        };
+    }, [slug, scopeType]);
+    const isSlugTaken = slugStatus === "taken";
+    const handleSlugChange = (value) => {
+        setSlugEdited(true);
+        setSlug(value
+            .toLowerCase()
+            .replace(/[^a-z0-9-]+/g, "-")
+            .replace(/^-|-$/g, "")
+            .slice(0, 50));
+    };
+    const isValid = name.trim().length > 0 && slug.length >= 3 && slug.length <= 50;
+    const handleSubmit = async (e) => {
+        e.preventDefault();
+        if (!isValid || submitting || isSlugTaken)
+            return;
+        setSubmitting(true);
+        setError(null);
+        try {
+            const result = await createScope({
+                type: scopeType,
+                name: name.trim(),
+                slug,
+                parentScopeId,
+            });
+            await queryClient.refetchQueries({ queryKey: scopeQueryKeys.list(scopeType) });
+            await queryClient.invalidateQueries();
+            onOpenChange(false);
+            // Navigate to the new scope's default route
+            const config = queryScopeType(scopeType);
+            const defaultRoute = config?.defaultRoute ?? "/dashboard";
+            const newScopeId = result?.scope?.id;
+            if (newScopeId) {
+                navigate({
+                    to: scopeLink(defaultRoute, { scope: scopeType, scopeId: newScopeId }),
+                });
+            }
+            else {
+                navigate({ to: "/dashboard" });
+            }
+        }
+        catch (err) {
+            const message = err instanceof Error ? err.message : `Failed to create ${label.singular.toLowerCase()}`;
+            if (message.toLowerCase().includes("slug") &&
+                (message.toLowerCase().includes("taken") ||
+                    message.toLowerCase().includes("exists") ||
+                    message.toLowerCase().includes("unique") ||
+                    message.toLowerCase().includes("duplicate"))) {
+                setError("This slug is already taken. Please choose a different one.");
+            }
+            else {
+                setError(message);
+            }
+        }
+        finally {
+            setSubmitting(false);
+        }
+    };
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "sm:max-w-md", children: [_jsxs(DialogHeader, { children: [_jsxs(DialogTitle, { children: ["Create ", label.singular === label.plural ? label.singular : `a ${label.singular}`] }), _jsxs(DialogDescription, { children: ["Set up a new ", label.singular.toLowerCase(), "."] })] }), _jsxs("form", { onSubmit: handleSubmit, className: "space-y-4 py-1", children: [_jsxs("div", { className: "space-y-1.5", children: [_jsxs("label", { htmlFor: "scope-name", className: "text-sm font-medium", style: { color: "var(--color-foreground)" }, children: [label.singular, " Name"] }), _jsx("input", { id: "scope-name", type: "text", required: true, autoFocus: true, value: name, onChange: (e) => setName(e.target.value), placeholder: `My ${label.singular}`, className: "w-full h-9 px-3 rounded-md border text-sm bg-transparent outline-none focus:ring-2 focus:ring-primary/30 focus:border-primary transition-colors", style: {
+                                        borderColor: "var(--color-border)",
+                                        color: "var(--color-foreground)",
+                                    } })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx("label", { htmlFor: "scope-slug", className: "text-sm font-medium", style: { color: "var(--color-foreground)" }, children: "Slug" }), _jsx("input", { id: "scope-slug", type: "text", required: true, value: slug, onChange: (e) => handleSlugChange(e.target.value), placeholder: `my-${label.singular.toLowerCase()}`, className: `w-full h-9 px-3 rounded-md border text-sm bg-transparent outline-none font-mono focus:ring-2 focus:ring-primary/30 focus:border-primary transition-colors ${error || isSlugTaken
+                                        ? "border-destructive focus:ring-destructive/30 focus:border-destructive"
+                                        : ""}`, style: {
+                                        borderColor: error || isSlugTaken ? undefined : "var(--color-border)",
+                                        color: "var(--color-foreground)",
+                                    } }), error && _jsx("p", { className: "text-xs text-destructive", children: error }), !error && isSlugTaken && (_jsxs("p", { className: "text-xs text-destructive inline-flex items-center gap-1", children: [_jsx(X, { className: "h-3 w-3" }), "This slug is already taken."] })), !error && slugStatus === "checking" && (_jsxs("p", { className: "text-xs inline-flex items-center gap-1", style: { color: "var(--color-muted-foreground)" }, children: [_jsx(Loader2, { className: "h-3 w-3 animate-spin" }), "Checking availability..."] })), !error && slugStatus === "available" && (_jsxs("p", { className: "text-xs inline-flex items-center gap-1 text-emerald-600", children: [_jsx(Check, { className: "h-3 w-3" }), "Slug is available."] })), !error && slugStatus === "idle" && slug.length > 0 && slug.length < 3 && (_jsx("p", { className: "text-xs", style: { color: "var(--color-muted-foreground)" }, children: "Slug must be at least 3 characters." }))] }), _jsxs(DialogFooter, { children: [_jsx("button", { type: "button", onClick: () => onOpenChange(false), disabled: submitting, className: "border rounded-lg h-9 px-4 text-sm font-medium transition-colors hover:bg-muted disabled:opacity-50", style: {
+                                        borderColor: "var(--color-border)",
+                                        color: "var(--color-foreground)",
+                                    }, children: "Cancel" }), _jsxs("button", { type: "submit", disabled: !isValid || submitting || isSlugTaken, className: "bg-primary text-primary-foreground rounded-lg h-9 px-4 text-sm font-medium transition-colors hover:bg-primary/90 disabled:opacity-50 inline-flex items-center gap-2", children: [submitting && _jsx(Loader2, { className: "h-4 w-4 animate-spin" }), "Create"] })] })] })] }) }));
+}
+//# sourceMappingURL=CreateScopeDialog.js.map

package/dist/src/components/scope/CreateScopeDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateScopeDialog.js","sourceRoot":"","sources":["../../../../src/components/scope/CreateScopeDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,EAAE,qBAAqB,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAA;AAClF,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAA;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AACtD,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,cAAc,CAAA;AAChD,OAAO,EACL,MAAM,EACN,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,WAAW,GACZ,MAAM,qCAAqC,CAAA;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAA;AASjD,MAAM,UAAU,iBAAiB,CAAC,EAChC,SAAS,EACT,aAAa,EACb,IAAI,EACJ,YAAY,GACW;IACvB,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAA;IAC9B,MAAM,WAAW,GAAG,cAAc,EAAE,CAAA;IACpC,MAAM,KAAK,GAAG,aAAa,CAAC,SAAS,CAAC,CAAA;IACtC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IACpC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IACpC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACnD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACnD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAA;IACvD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAA8C,MAAM,CAAC,CAAA;IACjG,MAAM,aAAa,GAAG,MAAM,CAAuC,IAAI,CAAC,CAAA;IACxE,MAAM,cAAc,GAAG,MAAM,CAAS,EAAE,CAAC,CAAA;IAEzC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI,EAAE,CAAC;YACT,OAAO,CAAC,EAAE,CAAC,CAAA;YACX,OAAO,CAAC,EAAE,CAAC,CAAA;YACX,aAAa,CAAC,KAAK,CAAC,CAAA;YACpB,aAAa,CAAC,KAAK,CAAC,CAAA;YACpB,QAAQ,CAAC,IAAI,CAAC,CAAA;YACd,aAAa,CAAC,MAAM,CAAC,CAAA;YACrB,cAAc,CAAC,OAAO,GAAG,EAAE,CAAA;QAC7B,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,UAAU,EAAE,CAAC;YAChB,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAA;QACxB,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAA;IAEtB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACpB,aAAa,CAAC,MAAM,CAAC,CAAA;YACrB,cAAc,CAAC,OAAO,GAAG,EAAE,CAAA;YAC3B,OAAM;QACR,CAAC;QAED,IAAI,IAAI,KAAK,cAAc,CAAC,OAAO;YAAE,OAAM;QAE3C,aAAa,CAAC,UAAU,CAAC,CAAA;QAEzB,IAAI,aAAa,CAAC,OAAO;YAAE,YAAY,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;QAC9D,aAAa,CAAC,OAAO,GAAG,UAAU,CAAC,KAAK,IAAI,EAAE;YAC5C,IAAI,CAAC;gBACH,MAAM,SAAS,GAAG,MAAM,qBAAqB,CAAC,SAAS,EAAE,IAAI,CAAC,CAAA;gBAC9D,cAAc,CAAC,OAAO,GAAG,IAAI,CAAA;gBAC7B,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAA;YAClD,CAAC;YAAC,MAAM,CAAC;gBACP,cAAc,CAAC,OAAO,GAAG,IAAI,CAAA;gBAC7B,aAAa,CAAC,OAAO,CAAC,CAAA;YACxB,CAAC;QACH,CAAC,EAAE,GAAG,CAAC,CAAA;QAEP,OAAO,GAAG,EAAE;YACV,IAAI,aAAa,CAAC,OAAO;gBAAE,YAAY,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;QAChE,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAA;IAErB,MAAM,WAAW,GAAG,UAAU,KAAK,OAAO,CAAA;IAE1C,MAAM,gBAAgB,GAAG,CAAC,KAAa,EAAE,EAAE;QACzC,aAAa,CAAC,IAAI,CAAC,CAAA;QACnB,OAAO,CACL,KAAK;aACF,WAAW,EAAE;aACb,OAAO,CAAC,cAAc,EAAE,GAAG,CAAC;aAC5B,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC;aACrB,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAChB,CAAA;IACH,CAAC,CAAA;IAED,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,IAAI,CAAC,MAAM,IAAI,EAAE,CAAA;IAE/E,MAAM,YAAY,GAAG,KAAK,EAAE,CAAkB,EAAE,EAAE;QAChD,CAAC,CAAC,cAAc,EAAE,CAAA;QAClB,IAAI,CAAC,OAAO,IAAI,UAAU,IAAI,WAAW;YAAE,OAAM;QAEjD,aAAa,CAAC,IAAI,CAAC,CAAA;QACnB,QAAQ,CAAC,IAAI,CAAC,CAAA;QAEd,IAAI,CAAC;YACH,MAAM,MAAM,GAAG,MAAM,WAAW,CAAC;gBAC/B,IAAI,EAAE,SAAS;gBACf,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE;gBACjB,IAAI;gBACJ,aAAa;aACd,CAAC,CAAA;YACF,MAAM,WAAW,CAAC,cAAc,CAAC,EAAE,QAAQ,EAAE,cAAc,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,CAAA;YAC9E,MAAM,WAAW,CAAC,iBAAiB,EAAE,CAAA;YACrC,YAAY,CAAC,KAAK,CAAC,CAAA;YAEnB,4CAA4C;YAC5C,MAAM,MAAM,GAAG,cAAc,CAAC,SAAS,CAAC,CAAA;YACxC,MAAM,YAAY,GAAG,MAAM,EAAE,YAAY,IAAI,YAAY,CAAA;YACzD,MAAM,UAAU,GAAI,MAAsC,EAAE,KAAK,EAAE,EAAE,CAAA;YACrE,IAAI,UAAU,EAAE,CAAC;gBACf,QAAQ,CAAC;oBACP,EAAE,EAAE,SAAS,CAAC,YAAY,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,CAAW;iBACjF,CAAC,CAAA;YACJ,CAAC;iBAAM,CAAC;gBACN,QAAQ,CAAC,EAAE,EAAE,EAAE,YAAsB,EAAE,CAAC,CAAA;YAC1C,CAAC;QACH,CAAC;QAAC,OAAO,GAAY,EAAE,CAAC;YACtB,MAAM,OAAO,GACX,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,oBAAoB,KAAK,CAAC,QAAQ,CAAC,WAAW,EAAE,EAAE,CAAA;YACzF,IACE,OAAO,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC;gBACtC,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC;oBACtC,OAAO,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC;oBACxC,OAAO,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC;oBACxC,OAAO,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,EAC9C,CAAC;gBACD,QAAQ,CAAC,4DAA4D,CAAC,CAAA;YACxE,CAAC;iBAAM,CAAC;gBACN,QAAQ,CAAC,OAAO,CAAC,CAAA;YACnB,CAAC;QACH,CAAC;gBAAS,CAAC;YACT,aAAa,CAAC,KAAK,CAAC,CAAA;QACtB,CAAC;IACH,CAAC,CAAA;IAED,OAAO,CACL,KAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY,YAC5C,MAAC,aAAa,IAAC,SAAS,EAAC,aAAa,aACpC,MAAC,YAAY,eACX,MAAC,WAAW,0BACF,KAAK,CAAC,QAAQ,KAAK,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,QAAQ,EAAE,IACpE,EACd,MAAC,iBAAiB,gCAAe,KAAK,CAAC,QAAQ,CAAC,WAAW,EAAE,SAAsB,IACtE,EAEf,gBAAM,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAC,gBAAgB,aACtD,eAAK,SAAS,EAAC,aAAa,aAC1B,iBACE,OAAO,EAAC,YAAY,EACpB,SAAS,EAAC,qBAAqB,EAC/B,KAAK,EAAE,EAAE,KAAK,EAAE,yBAAyB,EAAE,aAE1C,KAAK,CAAC,QAAQ,aACT,EACR,gBACE,EAAE,EAAC,YAAY,EACf,IAAI,EAAC,MAAM,EACX,QAAQ,QACR,SAAS,QACT,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACxC,WAAW,EAAE,MAAM,KAAK,CAAC,QAAQ,EAAE,EACnC,SAAS,EAAC,iJAAiJ,EAC3J,KAAK,EAAE;wCACL,WAAW,EAAE,qBAAqB;wCAClC,KAAK,EAAE,yBAAyB;qCACjC,GACD,IACE,EAEN,eAAK,SAAS,EAAC,aAAa,aAC1B,gBACE,OAAO,EAAC,YAAY,EACpB,SAAS,EAAC,qBAAqB,EAC/B,KAAK,EAAE,EAAE,KAAK,EAAE,yBAAyB,EAAE,qBAGrC,EACR,gBACE,EAAE,EAAC,YAAY,EACf,IAAI,EAAC,MAAM,EACX,QAAQ,QACR,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACjD,WAAW,EAAE,MAAM,KAAK,CAAC,QAAQ,CAAC,WAAW,EAAE,EAAE,EACjD,SAAS,EAAE,6JACT,KAAK,IAAI,WAAW;wCAClB,CAAC,CAAC,uEAAuE;wCACzE,CAAC,CAAC,EACN,EAAE,EACF,KAAK,EAAE;wCACL,WAAW,EAAE,KAAK,IAAI,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,qBAAqB;wCACrE,KAAK,EAAE,yBAAyB;qCACjC,GACD,EACD,KAAK,IAAI,YAAG,SAAS,EAAC,0BAA0B,YAAE,KAAK,GAAK,EAC5D,CAAC,KAAK,IAAI,WAAW,IAAI,CACxB,aAAG,SAAS,EAAC,yDAAyD,aACpE,KAAC,CAAC,IAAC,SAAS,EAAC,SAAS,GAAG,mCAEvB,CACL,EACA,CAAC,KAAK,IAAI,UAAU,KAAK,UAAU,IAAI,CACtC,aACE,SAAS,EAAC,wCAAwC,EAClD,KAAK,EAAE,EAAE,KAAK,EAAE,+BAA+B,EAAE,aAEjD,KAAC,OAAO,IAAC,SAAS,EAAC,sBAAsB,GAAG,gCAE1C,CACL,EACA,CAAC,KAAK,IAAI,UAAU,KAAK,WAAW,IAAI,CACvC,aAAG,SAAS,EAAC,yDAAyD,aACpE,KAAC,KAAK,IAAC,SAAS,EAAC,SAAS,GAAG,0BAE3B,CACL,EACA,CAAC,KAAK,IAAI,UAAU,KAAK,MAAM,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CACxE,YAAG,SAAS,EAAC,SAAS,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,+BAA+B,EAAE,oDAEpE,CACL,IACG,EAEN,MAAC,YAAY,eACX,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,EAClC,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAC,qGAAqG,EAC/G,KAAK,EAAE;wCACL,WAAW,EAAE,qBAAqB;wCAClC,KAAK,EAAE,yBAAyB;qCACjC,uBAGM,EACT,kBACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,OAAO,IAAI,UAAU,IAAI,WAAW,EAC/C,SAAS,EAAC,qKAAqK,aAE9K,UAAU,IAAI,KAAC,OAAO,IAAC,SAAS,EAAC,sBAAsB,GAAG,cAEpD,IACI,IACV,IACO,GACT,CACV,CAAA;AACH,CAAC"}

package/dist/src/components/scope/JoinScopeDialog.d.ts

@@ -0,0 +1,8 @@
+interface JoinScopeDialogProps {
+    scopeType: string;
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+}
+export declare function JoinScopeDialog({ scopeType, open, onOpenChange }: JoinScopeDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=JoinScopeDialog.d.ts.map

package/dist/src/components/scope/JoinScopeDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"JoinScopeDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/scope/JoinScopeDialog.tsx"],"names":[],"mappings":"AAqCA,UAAU,oBAAoB;IAC5B,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACtC;AAED,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,oBAAoB,2CA2NtF"}

package/dist/src/components/scope/JoinScopeDialog.js

@@ -0,0 +1,115 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { useNavigate } from "@tanstack/react-router";
+import { validateJoinCode, redeemJoinCode } from "../../hooks/useJoinCode.js";
+import { Loader2, ArrowLeft } from "lucide-react";
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from "@ydtb/tk-scope-ui/components/dialog";
+import { useScopeLabel } from "@ydtb/tk-scope/client";
+const avatarColors = [
+    "bg-indigo-600",
+    "bg-emerald-600",
+    "bg-amber-600",
+    "bg-rose-600",
+    "bg-violet-600",
+    "bg-sky-600",
+];
+function getColorFromName(name) {
+    let hash = 0;
+    for (let i = 0; i < name.length; i++) {
+        hash = name.charCodeAt(i) + ((hash << 5) - hash);
+    }
+    return avatarColors[Math.abs(hash) % avatarColors.length] ?? avatarColors[0];
+}
+export function JoinScopeDialog({ scopeType, open, onOpenChange }) {
+    const navigate = useNavigate();
+    const label = useScopeLabel(scopeType);
+    const [step, setStep] = useState(1);
+    const [code, setCode] = useState("");
+    const [validating, setValidating] = useState(false);
+    const [joining, setJoining] = useState(false);
+    const [error, setError] = useState(null);
+    const [validatedScope, setValidatedScope] = useState(null);
+    useEffect(() => {
+        if (open) {
+            setStep(1);
+            setCode("");
+            setValidating(false);
+            setJoining(false);
+            setError(null);
+            setValidatedScope(null);
+        }
+    }, [open]);
+    const handleCodeChange = (value) => {
+        const cleaned = value
+            .toUpperCase()
+            .replace(/[^A-Z0-9]/g, "")
+            .slice(0, 9);
+        setCode(cleaned);
+        setError(null);
+    };
+    const handleValidate = async () => {
+        if (code.length !== 9 || validating)
+            return;
+        setValidating(true);
+        setError(null);
+        try {
+            const data = await validateJoinCode(code);
+            if (data.valid && data.scope) {
+                setValidatedScope(data.scope);
+                setStep(2);
+            }
+            else {
+                setError(data.error ?? "Invalid or expired code");
+            }
+        }
+        catch {
+            setError("Invalid or expired code");
+        }
+        finally {
+            setValidating(false);
+        }
+    };
+    const handleJoin = async () => {
+        if (!validatedScope || joining)
+            return;
+        setJoining(true);
+        try {
+            await redeemJoinCode(code);
+            onOpenChange(false);
+            navigate({ to: "/dashboard" });
+        }
+        catch {
+            setError(`Failed to join ${label.singular.toLowerCase()}. Please try again.`);
+        }
+        finally {
+            setJoining(false);
+        }
+    };
+    const handleBack = () => {
+        setStep(1);
+        setError(null);
+    };
+    const handleKeyDown = (e) => {
+        if (e.key === "Enter" && code.length === 9 && !validating) {
+            e.preventDefault();
+            handleValidate();
+        }
+    };
+    const articleLabel = label.singular.toLowerCase();
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "sm:max-w-md", children: [_jsxs(DialogHeader, { children: [_jsxs(DialogTitle, { children: ["Join ", label.singular === label.plural ? label.singular : `a ${label.singular}`] }), _jsx(DialogDescription, { children: step === 1
+                                ? `Enter the join code provided by the ${articleLabel}.`
+                                : `Review the ${articleLabel} before joining.` })] }), step === 1 ? (_jsxs("div", { className: "space-y-4 py-1", children: [_jsxs("div", { className: "space-y-1.5", children: [_jsx("label", { htmlFor: "join-code", className: "text-sm font-medium", style: { color: "var(--color-foreground)" }, children: "Enter your join code" }), _jsx("input", { id: "join-code", type: "text", value: code, onChange: (e) => handleCodeChange(e.target.value), onKeyDown: handleKeyDown, placeholder: "ABC123DEF", autoFocus: true, className: `w-full h-11 px-3 rounded-md border text-sm bg-transparent outline-none font-mono text-center tracking-[0.25em] uppercase focus:ring-2 focus:ring-primary/30 focus:border-primary transition-colors ${error
+                                        ? "border-destructive focus:ring-destructive/30 focus:border-destructive"
+                                        : ""}`, style: {
+                                        borderColor: error ? undefined : "var(--color-border)",
+                                        color: "var(--color-foreground)",
+                                        fontSize: "1rem",
+                                    } }), error && _jsx("p", { className: "text-xs text-destructive", children: error })] }), _jsxs(DialogFooter, { children: [_jsx("button", { type: "button", onClick: () => onOpenChange(false), disabled: validating, className: "border rounded-lg h-9 px-4 text-sm font-medium transition-colors hover:bg-muted disabled:opacity-50", style: {
+                                        borderColor: "var(--color-border)",
+                                        color: "var(--color-foreground)",
+                                    }, children: "Cancel" }), _jsxs("button", { type: "button", onClick: handleValidate, disabled: code.length !== 9 || validating, className: "bg-primary text-primary-foreground rounded-lg h-9 px-4 text-sm font-medium transition-colors hover:bg-primary/90 disabled:opacity-50 inline-flex items-center gap-2", children: [validating && _jsx(Loader2, { className: "h-4 w-4 animate-spin" }), "Validate"] })] })] })) : (_jsxs("div", { className: "space-y-4 py-1", children: [validatedScope && (_jsxs("div", { className: "flex items-center gap-3 rounded-lg border p-4", style: { borderColor: "var(--color-border)" }, children: [validatedScope.logo ? (_jsx("img", { src: validatedScope.logo, alt: validatedScope.name, className: "w-12 h-12 rounded-lg object-cover shrink-0" })) : (_jsx("div", { className: `flex items-center justify-center w-12 h-12 rounded-lg text-white text-lg font-bold shrink-0 ${getColorFromName(validatedScope.name)}`, children: validatedScope.name.charAt(0).toUpperCase() })), _jsx("div", { className: "min-w-0", children: _jsx("p", { className: "text-sm font-semibold truncate", style: { color: "var(--color-foreground)" }, children: validatedScope.name }) })] })), _jsxs("p", { className: "text-sm", style: { color: "var(--color-foreground)" }, children: [_jsx("strong", { children: validatedScope?.name }), " will have full access to this scope. You will be able to disconnect at any time."] }), error && _jsx("p", { className: "text-xs text-destructive", children: error }), _jsxs(DialogFooter, { children: [_jsxs("button", { type: "button", onClick: handleBack, disabled: joining, className: "border rounded-lg h-9 px-4 text-sm font-medium transition-colors hover:bg-muted disabled:opacity-50 inline-flex items-center gap-1.5", style: {
+                                        borderColor: "var(--color-border)",
+                                        color: "var(--color-foreground)",
+                                    }, children: [_jsx(ArrowLeft, { className: "h-3.5 w-3.5" }), "Back"] }), _jsxs("button", { type: "button", onClick: handleJoin, disabled: joining, className: "bg-primary text-primary-foreground rounded-lg h-9 px-4 text-sm font-medium transition-colors hover:bg-primary/90 disabled:opacity-50 inline-flex items-center gap-2", children: [joining && _jsx(Loader2, { className: "h-4 w-4 animate-spin" }), "Join"] })] })] }))] }) }));
+}
+//# sourceMappingURL=JoinScopeDialog.js.map

package/dist/src/components/scope/JoinScopeDialog.js.map

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

package/dist/src/components/scope/ProfileScopeSection.d.ts

@@ -0,0 +1,11 @@
+export interface ProfileScopeSectionProps {
+    scopeType: string;
+    onClose: () => void;
+}
+/**
+ * Generic profile section for any scope type.
+ * Shows user memberships, pending invitations, and switch/create/join actions.
+ * Registered via the 'profile:sections' filter by each tier that supports multiple instances.
+ */
+export declare function ProfileScopeSection({ scopeType, onClose }: ProfileScopeSectionProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ProfileScopeSection.d.ts.map

package/dist/src/components/scope/ProfileScopeSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileScopeSection.d.ts","sourceRoot":"","sources":["../../../../src/components/scope/ProfileScopeSection.tsx"],"names":[],"mappings":"AAgCA,MAAM,WAAW,wBAAwB;IACvC,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,wBAAwB,2CAgKnF"}

package/dist/src/components/scope/ProfileScopeSection.js

@@ -0,0 +1,63 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, lazy, Suspense } from "react";
+import { ArrowLeftRight, UserPlus, Plus, Mail, Check, X } from "lucide-react";
+import { useQuery, useQueryClient } from "@ydtb/tk-scope-query-client";
+import { useScopeList } from "../../hooks/useScopeList.js";
+import { listInvitations, acceptInvitation, rejectInvitation, invitationKeys, } from "../../hooks/useInvitations.js";
+import { scopeQueryKeys } from "../../lib/scope-query-keys.js";
+import { useScopeLabel } from "@ydtb/tk-scope/client";
+import { withIndefiniteArticle } from "@ydtb/tk-scope-lib/string";
+const SwitchScopeDialog = lazy(() => import("./SwitchScopeDialog.js").then((m) => ({ default: m.SwitchScopeDialog })));
+const CreateScopeDialog = lazy(() => import("./CreateScopeDialog.js").then((m) => ({ default: m.CreateScopeDialog })));
+const JoinScopeDialog = lazy(() => import("./JoinScopeDialog.js").then((m) => ({ default: m.JoinScopeDialog })));
+/**
+ * Generic profile section for any scope type.
+ * Shows user memberships, pending invitations, and switch/create/join actions.
+ * Registered via the 'profile:sections' filter by each tier that supports multiple instances.
+ */
+export function ProfileScopeSection({ scopeType, onClose }) {
+    const [switchDialogOpen, setSwitchDialogOpen] = useState(false);
+    const [createDialogOpen, setCreateDialogOpen] = useState(false);
+    const [joinDialogOpen, setJoinDialogOpen] = useState(false);
+    const queryClient = useQueryClient();
+    const label = useScopeLabel(scopeType);
+    const { scopes } = useScopeList({ type: scopeType });
+    const { data: pendingInvitations = [] } = useQuery({
+        queryKey: scopeQueryKeys.invitationsByType(scopeType),
+        queryFn: async () => {
+            const result = (await listInvitations());
+            const all = result?.invitations ?? [];
+            return all.filter((inv) => inv.scopeType === scopeType);
+        },
+    });
+    const handleAcceptInvitation = async (invitationId) => {
+        await acceptInvitation(invitationId);
+        queryClient.invalidateQueries({ queryKey: invitationKeys.scopeList() });
+        queryClient.invalidateQueries({
+            queryKey: scopeQueryKeys.invitationsByType(scopeType),
+        });
+        onClose();
+    };
+    const handleRejectInvitation = async (invitationId) => {
+        await rejectInvitation(invitationId);
+        queryClient.invalidateQueries({
+            queryKey: scopeQueryKeys.invitationsByType(scopeType),
+        });
+    };
+    const articleLabel = withIndefiniteArticle(label.singular);
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "py-1.5", style: { borderTop: "1px solid var(--color-border, #e4e4e7)" }, children: scopes.length > 0 ? (_jsxs("button", { className: "flex items-center gap-2.5 w-full px-4 py-2 text-sm transition-colors hover:bg-muted/50", style: { color: "var(--color-foreground, #09090b)" }, onClick: () => {
+                        onClose();
+                        setSwitchDialogOpen(true);
+                    }, children: [_jsx(ArrowLeftRight, { className: "h-4 w-4", style: { color: "var(--color-muted-foreground, #71717a)" } }), "Switch ", label.singular] })) : pendingInvitations.length > 0 ? (_jsxs("div", { className: "px-4 py-2", children: [_jsx("div", { className: "text-xs font-medium mb-1.5", style: { color: "var(--color-muted-foreground, #71717a)" }, children: "Pending Invitations" }), pendingInvitations.map((inv) => (_jsxs("div", { className: "flex items-center justify-between gap-2 py-1.5", children: [_jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [_jsx(Mail, { className: "h-4 w-4 shrink-0", style: {
+                                                color: "var(--color-muted-foreground, #71717a)",
+                                            } }), _jsx("span", { className: "text-sm truncate", style: { color: "var(--color-foreground, #09090b)" }, children: inv.scopeName })] }), _jsxs("div", { className: "flex items-center gap-1 shrink-0", children: [_jsx("button", { className: "p-1 rounded hover:bg-muted/50 transition-colors", title: "Accept invitation", onClick: () => handleAcceptInvitation(inv.id), children: _jsx(Check, { className: "h-4 w-4", style: { color: "var(--color-primary, #22c55e)" } }) }), _jsx("button", { className: "p-1 rounded hover:bg-muted/50 transition-colors", title: "Reject invitation", onClick: () => handleRejectInvitation(inv.id), children: _jsx(X, { className: "h-4 w-4", style: {
+                                                    color: "var(--color-destructive, #ef4444)",
+                                                } }) })] })] }, inv.id)))] })) : (_jsxs(_Fragment, { children: [_jsxs("button", { className: "flex items-center gap-2.5 w-full px-4 py-2 text-sm transition-colors hover:bg-muted/50", style: { color: "var(--color-foreground, #09090b)" }, onClick: () => {
+                                onClose();
+                                setJoinDialogOpen(true);
+                            }, children: [_jsx(UserPlus, { className: "h-4 w-4", style: { color: "var(--color-muted-foreground, #71717a)" } }), "Join ", articleLabel] }), _jsxs("button", { className: "flex items-center gap-2.5 w-full px-4 py-2 text-sm transition-colors hover:bg-muted/50", style: { color: "var(--color-foreground, #09090b)" }, onClick: () => {
+                                onClose();
+                                setCreateDialogOpen(true);
+                            }, children: [_jsx(Plus, { className: "h-4 w-4", style: { color: "var(--color-muted-foreground, #71717a)" } }), "Create ", articleLabel] })] })) }), _jsxs(Suspense, { fallback: null, children: [switchDialogOpen && (_jsx(SwitchScopeDialog, { scopeType: scopeType, open: switchDialogOpen, onOpenChange: setSwitchDialogOpen })), createDialogOpen && (_jsx(CreateScopeDialog, { scopeType: scopeType, open: createDialogOpen, onOpenChange: setCreateDialogOpen })), joinDialogOpen && (_jsx(JoinScopeDialog, { scopeType: scopeType, open: joinDialogOpen, onOpenChange: setJoinDialogOpen }))] })] }));
+}
+//# sourceMappingURL=ProfileScopeSection.js.map

package/dist/src/components/scope/ProfileScopeSection.js.map

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

package/dist/src/components/scope/ScopeSwitcher.d.ts

@@ -0,0 +1,14 @@
+import type { ScopeTypeInfo } from "@ydtb/tk-scope/client";
+export interface ScopeSwitcherDialogProps {
+    scopeConfig: ScopeTypeInfo;
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+}
+export declare function ScopeSwitcherDialog({ scopeConfig, open, onOpenChange }: ScopeSwitcherDialogProps): import("react/jsx-runtime").JSX.Element;
+export interface ScopeSwitcherPanelProps {
+    scopeConfig: ScopeTypeInfo;
+    onClose: () => void;
+    onNavigate?: () => void;
+}
+export declare function ScopeSwitcherPanel(props: ScopeSwitcherPanelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ScopeSwitcher.d.ts.map

package/dist/src/components/scope/ScopeSwitcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScopeSwitcher.d.ts","sourceRoot":"","sources":["../../../../src/components/scope/ScopeSwitcher.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAoD1D,MAAM,WAAW,wBAAwB;IACvC,WAAW,EAAE,aAAa,CAAA;IAC1B,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACtC;AAED,wBAAgB,mBAAmB,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,wBAAwB,2CAsGhG;AAED,MAAM,WAAW,uBAAuB;IACtC,WAAW,EAAE,aAAa,CAAA;IAC1B,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;CACxB;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CA2IhE"}

package/dist/src/components/scope/ScopeSwitcher.js

@@ -0,0 +1,131 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { useNavigate } from "@tanstack/react-router";
+import { useScopeList } from "../../hooks/useScopeList.js";
+import { Loader2, Check, Plus } from "lucide-react";
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, } from "@ydtb/tk-scope-ui/components/dialog";
+import { useScopeContext } from "../../contexts/scope/ScopeContext.js";
+import { scopeLink, useScopeLink } from "@ydtb/tk-scope/client";
+import { ScopeActionsPanel, ScopeAvatar } from "@ydtb/tk-scope-shell";
+import { useChildScopePermissions } from "./useChildScopePermissions.js";
+import { useScopeMenuPolicy } from "../../hooks/useScopeMenuPolicy.js";
+import { useScopeLabel, useChildScopeLabel } from "@ydtb/tk-scope/client";
+import { CreateChildScopeButton } from "./CreateChildScopeButton.js";
+function useScopeSwitcherList(scopeType, enabled) {
+    return useScopeList({ type: scopeType, enabled });
+}
+function ScopeCreateAction({ config, parentScopeId, parentScopeType, onClose, }) {
+    const navigate = useNavigate();
+    const { canCreate } = useChildScopePermissions();
+    if (config.selfCreate === false || config.selfCreate === "initial")
+        return null;
+    if (!canCreate)
+        return null;
+    const handleCreate = () => {
+        onClose?.();
+        if (parentScopeId && parentScopeType) {
+            navigate({
+                to: scopeLink(`/create/${config.type}`, {
+                    scope: parentScopeType,
+                    scopeId: parentScopeId,
+                }),
+            });
+        }
+    };
+    return (_jsxs("button", { type: "button", onClick: handleCreate, className: "w-full flex items-center justify-center gap-2 rounded-lg h-9 text-sm font-semibold transition-colors bg-primary text-primary-foreground hover:bg-primary/90", children: [_jsx(Plus, { className: "h-4 w-4" }), "New ", config.label] }));
+}
+export function ScopeSwitcherDialog({ scopeConfig, open, onOpenChange }) {
+    const navigate = useNavigate();
+    const { scopeId: activeScopeId, scopeType: activeScopeType } = useScopeContext();
+    const { scopes, isPending } = useScopeSwitcherList(scopeConfig.type, open);
+    const handleSwitch = (scopeId) => {
+        if (scopeId === activeScopeId)
+            return;
+        onOpenChange(false);
+        navigate({
+            to: scopeLink("/dashboard", {
+                scope: scopeConfig.type,
+                scopeId,
+            }),
+        });
+    };
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "sm:max-w-md", children: [_jsxs(DialogHeader, { children: [_jsxs(DialogTitle, { children: ["Switch ", scopeConfig.label] }), _jsxs(DialogDescription, { children: ["Select a ", scopeConfig.label.toLowerCase(), " to manage."] })] }), _jsx("div", { className: "space-y-2 py-1", children: isPending ? (_jsx("div", { className: "flex items-center justify-center py-8", children: _jsx(Loader2, { className: "h-5 w-5 animate-spin", style: { color: "var(--color-muted-foreground)" } }) })) : scopes && scopes.length > 0 ? (scopes.map((scope) => {
+                        const isCurrent = scope.id === activeScopeId;
+                        return (_jsxs("button", { type: "button", onClick: () => handleSwitch(scope.id), className: `w-full flex items-center gap-3 rounded-lg border p-4 text-left transition-all cursor-pointer ${isCurrent
+                                ? "border-primary/50 bg-primary/5"
+                                : "hover:border-primary hover:shadow-sm"}`, style: {
+                                borderColor: isCurrent ? undefined : "var(--color-border)",
+                            }, children: [_jsx(ScopeAvatar, { scope: scope }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-sm font-semibold truncate", style: { color: "var(--color-foreground)" }, children: scope.name }), isCurrent && (_jsxs("span", { className: "inline-flex items-center gap-1 rounded-full bg-primary/10 px-2 py-0.5 text-[11px] font-medium text-primary shrink-0", children: [_jsx(Check, { className: "h-3 w-3" }), "Current"] }))] }), _jsx("div", { className: "flex items-center gap-2 mt-0.5", children: _jsx("span", { className: "inline-flex items-center rounded-md bg-muted px-1.5 py-0.5 text-[10px] font-medium capitalize", style: { color: "var(--color-muted-foreground)" }, children: scope.role }) })] })] }, scope.id));
+                    })) : (_jsx("div", { className: "flex flex-col items-center justify-center py-8", children: _jsxs("p", { className: "text-sm", style: { color: "var(--color-muted-foreground)" }, children: ["No ", (scopeConfig.labelPlural ?? scopeConfig.label + "s").toLowerCase(), " found."] }) })) }), _jsx("div", { className: "pt-2", style: { borderTop: "1px solid var(--color-border)" }, children: _jsx(ScopeCreateAction, { config: scopeConfig, parentScopeId: activeScopeId, parentScopeType: activeScopeType, onClose: () => onOpenChange(false) }) })] }) }));
+}
+export function ScopeSwitcherPanel(props) {
+    const { onClose, onNavigate } = props;
+    const navigate = useNavigate();
+    const sl = useScopeLink();
+    const { scopeType, entity } = useScopeContext();
+    const [search, setSearch] = useState("");
+    const { mode, childScopeType, currentScope, parentScope, siblingScopes, childScopes, allScopes, canSwitchScopes, canViewChildScopes, canCreateChildScopes, hasCreateChildAction, } = useScopeMenuPolicy();
+    const scopeLabel = useScopeLabel(scopeType ?? "");
+    const childLabel = useChildScopeLabel(scopeType ?? "");
+    const currentScopeName = currentScope?.name || entity?.name || "Current scope";
+    const navLabel = childLabel ?? scopeLabel;
+    const filteredSiblings = useMemo(() => search
+        ? siblingScopes.filter((scope) => scope.name.toLowerCase().includes(search.toLowerCase()))
+        : siblingScopes, [search, siblingScopes]);
+    const filteredChildren = useMemo(() => search
+        ? childScopes.filter((scope) => scope.name.toLowerCase().includes(search.toLowerCase()))
+        : childScopes, [childScopes, search]);
+    const showSearch = (canSwitchScopes && siblingScopes.length > 0) || (canViewChildScopes && childScopes.length > 0);
+    const showSwitchActions = canSwitchScopes && (Boolean(parentScope) || allScopes.length > 1);
+    const showChildSection = canViewChildScopes && filteredChildren.length > 0;
+    const showSiblingSection = canSwitchScopes && filteredSiblings.length > 0;
+    const showCreateChildAction = canCreateChildScopes && hasCreateChildAction && Boolean(childScopeType);
+    const hasAnyMenuAction = showSwitchActions ||
+        (canViewChildScopes && childScopes.length > 0) ||
+        (canSwitchScopes && siblingScopes.length > 0) ||
+        showCreateChildAction;
+    const isAlwaysEmptyState = mode === "always" && !hasAnyMenuAction;
+    const showNoSearchResults = search.length > 0 &&
+        showSearch &&
+        filteredSiblings.length === 0 &&
+        filteredChildren.length === 0;
+    const closeAndNavigate = (to) => {
+        onNavigate?.();
+        navigate({ to });
+    };
+    return (_jsx(ScopeActionsPanel, { onClose: onClose, currentScope: { name: currentScopeName, logo: currentScope?.logo }, currentScopeLabel: `Current ${scopeLabel.singular}`, showCurrentScopeCard: true, showSearch: showSearch, searchValue: search, onSearchChange: setSearch, searchPlaceholder: `Find ${navLabel.singular.toLowerCase()}...`, parentAction: parentScope
+            ? {
+                label: parentScope.name,
+                onClick: () => closeAndNavigate(scopeLink("/dashboard", {
+                    scope: parentScope.type,
+                    scopeId: parentScope.id,
+                })),
+            }
+            : undefined, contextAction: allScopes.length > 1
+            ? {
+                onClick: () => closeAndNavigate("/select-context"),
+            }
+            : undefined, childSection: showChildSection
+            ? {
+                title: `Managed ${navLabel.plural}`,
+                items: filteredChildren,
+                onSelect: (scope) => closeAndNavigate(scopeLink("/dashboard", {
+                    scope: scope.type,
+                    scopeId: scope.id,
+                })),
+                listClassName: "max-h-[160px] overflow-y-auto px-1.5",
+                showChevron: true,
+            }
+            : undefined, siblingSection: showSiblingSection
+            ? {
+                title: `Switch ${scopeLabel.singular}`,
+                items: filteredSiblings,
+                onSelect: (scope) => closeAndNavigate(scopeLink("/dashboard", {
+                    scope: scope.type,
+                    scopeId: scope.id,
+                })),
+                listClassName: "flex-1 overflow-y-auto px-1.5",
+            }
+            : undefined, showNoSearchResults: showNoSearchResults, noSearchResultsLabel: `No matching ${navLabel.plural.toLowerCase()} found`, emptyStateLabel: isAlwaysEmptyState ? "No additional scope actions available." : undefined, footer: showCreateChildAction && childScopeType ? (_jsx("div", { className: "p-2 border-t border-border mt-auto", children: _jsx(CreateChildScopeButton, { onClick: () => closeAndNavigate(sl(`/${childScopeType}s`)) }) })) : undefined }));
+}
+//# sourceMappingURL=ScopeSwitcher.js.map

package/dist/src/components/scope/ScopeSwitcher.js.map

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

package/dist/src/components/scope/SwitchScopeDialog.d.ts

@@ -0,0 +1,8 @@
+interface SwitchScopeDialogProps {
+    scopeType: string;
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+}
+export declare function SwitchScopeDialog({ scopeType, open, onOpenChange }: SwitchScopeDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SwitchScopeDialog.d.ts.map

package/dist/src/components/scope/SwitchScopeDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchScopeDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/scope/SwitchScopeDialog.tsx"],"names":[],"mappings":"AAkCA,UAAU,sBAAsB;IAC9B,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACtC;AAED,wBAAgB,iBAAiB,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,sBAAsB,2CAqI1F"}