@agent-native/core 0.117.2 → 0.118.1

package/dist/client/sharing/ShareButton.js

@@ -1,13 +1,11 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as Select from "@radix-ui/react-select";
 import { IconLock, IconWorld, IconTrash, IconCheck, IconChevronDown, IconCopy, IconLoader2, IconSearch, IconSearchOff, IconShare3, IconUsersGroup, } from "@tabler/icons-react";
-import { useQueryClient } from "@tanstack/react-query";
-import { useCallback, useEffect, useId, useMemo, useRef, useState, } from "react";
-import { agentNativePath } from "../api-path.js";
+import { useEffect, useId, useRef, useState, } from "react";
 import { writeClipboardText } from "../clipboard.js";
 import { Popover, PopoverAnchor, PopoverContent, PopoverTrigger, } from "../components/ui/popover.js";
-import { useActionQuery, useActionMutation } from "../use-action.js";
 import { cn } from "../utils.js";
+import { useShareButtonController, } from "./useShareButtonController.js";
 // Match shadcn's <Button size="sm" variant="outline"> sizing so the trigger
 // sits flush next to other controls while staying transparent at rest.
 const BUTTON_BASE = "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0";
@@ -17,8 +15,6 @@ const BUTTON_GHOST_ICON = cn(BUTTON_BASE, "h-7 w-7 p-0 text-muted-foreground hov
 const SHARE_POPOVER_SURFACE = "border border-border bg-popover text-popover-foreground";
 const SHARE_NESTED_OVERLAY_ATTR = "data-agent-native-share-overlay";
 const SHARE_NESTED_OVERLAY_Z = "z-[100020]";
-const MEMBER_SUGGESTION_LIMIT = 25;
-const MEMBER_SEARCH_DEBOUNCE_MS = 140;
 const VIS_META = {
     private: {
         label: "Private",
@@ -71,91 +67,16 @@ function handleSharePopoverInteractOutside(event) {
  * dark mode in any shadcn template.
  */
 export function ShareButton(props) {
-    const [open, setOpen] = useState(false);
-    const [inviteEmail, setInviteEmail] = useState("");
-    const shareTabDefaultValue = props.shareTabs?.defaultValue ?? "share";
-    const [activeShareTab, setActiveShareTab] = useState(shareTabDefaultValue);
-    const [pendingVisibility, setPendingVisibility] = useState(null);
-    const appliedDefaultOpenRef = useRef(false);
-    const visibilityRequestId = useRef(0);
-    const queryClient = useQueryClient();
-    const shareQueryParams = useMemo(() => ({
+    const controller = useShareButtonController({
         resourceType: props.resourceType,
         resourceId: props.resourceId,
-    }), [props.resourceType, props.resourceId]);
-    const shareQueryKey = useMemo(() => ["action", "list-resource-shares", shareQueryParams], [shareQueryParams]);
-    const setVisibility = useActionMutation("set-resource-visibility");
-    const sharesQuery = useActionQuery("list-resource-shares", shareQueryParams);
-    const handleOpenChange = (v) => {
-        setOpen(v);
-        props.onOpenChange?.(v);
-        if (v) {
-            setActiveShareTab(shareTabDefaultValue);
-            props.shareTabs?.onValueChange?.(shareTabDefaultValue);
-            if (pendingVisibility === null)
-                sharesQuery.refetch();
-        }
-    };
-    useEffect(() => {
-        setInviteEmail("");
-    }, [props.resourceType, props.resourceId]);
-    const handleShareTabChange = (value) => {
-        setActiveShareTab(value);
-        props.shareTabs?.onValueChange?.(value);
-    };
-    useEffect(() => {
-        if (!props.defaultOpen || appliedDefaultOpenRef.current)
-            return;
-        appliedDefaultOpenRef.current = true;
-        handleOpenChange(true);
+        defaultOpen: props.defaultOpen,
+        onOpenChange: props.onOpenChange,
+        shareTabs: props.shareTabs,
+        shareUrl: props.shareUrl,
+        hideInSearchControl: props.hideInSearchControl,
     });
-    const updateCachedVisibility = (visibility) => {
-        queryClient.setQueryData(shareQueryKey, (prev) => prev ? { ...prev, visibility } : prev);
-    };
-    const handleVisibilityChange = (next) => {
-        const requestId = ++visibilityRequestId.current;
-        const previous = queryClient.getQueryData(shareQueryKey);
-        setPendingVisibility(next);
-        updateCachedVisibility(next);
-        return new Promise((resolve, reject) => {
-            setVisibility.mutate({
-                resourceType: props.resourceType,
-                resourceId: props.resourceId,
-                visibility: next,
-            }, {
-                onSuccess: (result) => {
-                    if (requestId === visibilityRequestId.current) {
-                        updateCachedVisibility(result?.visibility ?? next);
-                    }
-                    sharesQuery
-                        .refetch()
-                        .then(() => resolve())
-                        .catch(reject)
-                        .finally(() => {
-                        if (requestId === visibilityRequestId.current) {
-                            setPendingVisibility(null);
-                        }
-                    });
-                },
-                onError: (error) => {
-                    if (requestId === visibilityRequestId.current) {
-                        setPendingVisibility(null);
-                        if (previous) {
-                            queryClient.setQueryData(shareQueryKey, previous);
-                        }
-                        else {
-                            queryClient.invalidateQueries({ queryKey: shareQueryKey });
-                        }
-                    }
-                    reject(error);
-                },
-            });
-        });
-    };
-    const triggerVisibility = pendingVisibility ??
-        (sharesQuery.data
-            ? (sharesQuery.data.visibility ?? "private")
-            : null);
+    const triggerVisibility = controller.triggerVisibility;
     const triggerMeta = triggerVisibility
         ? visibilityMeta(triggerVisibility, props.visibilityCopy)
         : null;
@@ -163,176 +84,13 @@ export function ShareButton(props) {
     const iconOnly = props.trigger === "icon";
     const showTriggerIcon = iconOnly || props.trigger === "label-icon";
     const triggerLabel = iconOnly && triggerMeta ? `Share (${triggerMeta.label})` : "Share";
-    return (_jsxs(Popover, { open: open, onOpenChange: handleOpenChange, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs("button", { type: "button", className: cn(iconOnly ? BUTTON_GHOST_ICON : BUTTON_OUTLINE_SM, props.triggerClassName), "aria-label": triggerLabel, title: triggerLabel, children: [showTriggerIcon && _jsx(TriggerIcon, { size: 16, strokeWidth: 1.75 }), !iconOnly && _jsx("span", { children: "Share" })] }) }), _jsx(PopoverContent, { align: "end", sideOffset: 6, "data-agent-native-share-overlay": "", className: cn("z-[2000] w-[min(460px,92vw)] rounded-lg p-4 shadow-lg", SHARE_POPOVER_SURFACE, props.popoverClassName), onOpenAutoFocus: (e) => e.preventDefault(), onInteractOutside: handleSharePopoverInteractOutside, children: _jsx(SharePanel, { ...props, inviteEmail: inviteEmail, onInviteEmailChange: setInviteEmail, sharesQuery: sharesQuery, visibilityOverride: pendingVisibility, onVisibilityChange: handleVisibilityChange, onClose: () => handleOpenChange(false), activeTab: activeShareTab, onTabChange: handleShareTabChange }) })] }));
-}
-function useOrgMemberSearch(query, enabled) {
-    const search = query.trim();
-    const [members, setMembers] = useState([]);
-    const [nextOffset, setNextOffset] = useState(null);
-    const [hasMore, setHasMore] = useState(false);
-    const [isLoading, setIsLoading] = useState(false);
-    const [isLoadingMore, setIsLoadingMore] = useState(false);
-    const [error, setError] = useState(false);
-    const requestIdRef = useRef(0);
-    const abortRef = useRef(null);
-    const fetchPage = useCallback((offset, append) => {
-        if (!enabled)
-            return;
-        const requestId = ++requestIdRef.current;
-        abortRef.current?.abort();
-        const controller = new AbortController();
-        abortRef.current = controller;
-        if (append) {
-            setIsLoadingMore(true);
-        }
-        else {
-            setIsLoading(true);
-            setMembers([]);
-            setNextOffset(null);
-            setHasMore(false);
-        }
-        setError(false);
-        const params = new URLSearchParams();
-        if (search)
-            params.set("search", search);
-        params.set("limit", String(MEMBER_SUGGESTION_LIMIT));
-        params.set("offset", String(offset));
-        fetch(`${agentNativePath("/_agent-native/org/members")}?${params}`, {
-            credentials: "include",
-            signal: controller.signal,
-        })
-            .then((response) => {
-            if (!response.ok)
-                throw new Error("Could not load people");
-            return response.json();
-        })
-            .then((data) => {
-            if (controller.signal.aborted || requestId !== requestIdRef.current)
-                return;
-            const nextMembers = normalizeMembers(data?.members);
-            setMembers((prev) => append ? mergeMembers(prev, nextMembers) : nextMembers);
-            setHasMore(data?.hasMore === true);
-            setNextOffset(typeof data?.nextOffset === "number" ? data.nextOffset : null);
-        })
-            .catch((err) => {
-            if (controller.signal.aborted || requestId !== requestIdRef.current)
-                return;
-            setError(true);
-            setHasMore(false);
-            setNextOffset(null);
-            if (!append)
-                setMembers([]);
-            if (process.env.NODE_ENV === "development") {
-                console.warn("[ShareButton] org member search failed", err);
-            }
-        })
-            .finally(() => {
-            if (controller.signal.aborted || requestId !== requestIdRef.current)
-                return;
-            if (append)
-                setIsLoadingMore(false);
-            else
-                setIsLoading(false);
-        });
-    }, [enabled, search]);
-    useEffect(() => {
-        if (!enabled) {
-            abortRef.current?.abort();
-            setMembers([]);
-            setNextOffset(null);
-            setHasMore(false);
-            setIsLoading(false);
-            setIsLoadingMore(false);
-            setError(false);
-            return;
-        }
-        const timeout = setTimeout(() => fetchPage(0, false), search ? MEMBER_SEARCH_DEBOUNCE_MS : 0);
-        return () => {
-            clearTimeout(timeout);
-            abortRef.current?.abort();
-        };
-    }, [enabled, fetchPage, search]);
-    const loadMore = useCallback(() => {
-        if (!enabled || !hasMore || nextOffset === null)
-            return;
-        if (isLoading || isLoadingMore)
-            return;
-        fetchPage(nextOffset, true);
-    }, [enabled, fetchPage, hasMore, isLoading, isLoadingMore, nextOffset]);
-    return {
-        members,
-        isLoading,
-        isLoadingMore,
-        hasMore,
-        error,
-        loadMore,
-    };
-}
-function normalizeMembers(value) {
-    if (!Array.isArray(value))
-        return [];
-    return value
-        .map((m) => ({
-        email: typeof m?.email === "string" ? m.email : "",
-        name: typeof m?.name === "string" ? m.name : null,
-        role: typeof m?.role === "string" ? m.role : null,
-        joinedAt: typeof m?.joinedAt === "number"
-            ? m.joinedAt
-            : typeof m?.joined_at === "number"
-                ? m.joined_at
-                : null,
-    }))
-        .filter((m) => m.email);
-}
-function mergeMembers(existing, next) {
-    const seen = new Set(existing.map((m) => m.email.toLowerCase()));
-    const merged = [...existing];
-    for (const member of next) {
-        const key = member.email.toLowerCase();
-        if (seen.has(key))
-            continue;
-        seen.add(key);
-        merged.push(member);
-    }
-    return merged;
+    return (_jsxs(Popover, { open: controller.open, onOpenChange: controller.handleOpenChange, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs("button", { type: "button", className: cn(iconOnly ? BUTTON_GHOST_ICON : BUTTON_OUTLINE_SM, props.triggerClassName), "aria-label": triggerLabel, title: triggerLabel, children: [showTriggerIcon && _jsx(TriggerIcon, { size: 16, strokeWidth: 1.75 }), !iconOnly && _jsx("span", { children: "Share" })] }) }), _jsx(PopoverContent, { align: "end", sideOffset: 6, "data-agent-native-share-overlay": "", className: cn("z-[2000] w-[min(460px,92vw)] rounded-lg p-4 shadow-lg", SHARE_POPOVER_SURFACE, props.popoverClassName), onOpenAutoFocus: (e) => e.preventDefault(), onInteractOutside: handleSharePopoverInteractOutside, children: _jsx(SharePanel, { ...props, controller: controller }) })] }));
 }
 function SharePanel(props) {
-    const { resourceType, resourceId, resourceTitle, sharesQuery, visibilityOverride, onVisibilityChange, onClose, inviteEmail, onInviteEmailChange, } = props;
-    const share = useActionMutation("share-resource");
-    const unshare = useActionMutation("unshare-resource");
-    const [role, setRole] = useState("viewer");
-    const [notifyPeople, setNotifyPeople] = useState(true);
-    const [shareError, setShareError] = useState(null);
-    const [suggestionsOpen, setSuggestionsOpen] = useState(false);
+    const { resourceTitle, controller } = props;
+    const { inviteEmail, setInviteEmail: onInviteEmailChange, handleOpenChange, activeShareTab, handleShareTabChange, data, policy, visibility, canManage, role, setRole, notifyPeople, setNotifyPeople, shareError, setShareError, suggestionsOpen, setSuggestionsOpen, inFlight, memberSearch, memberSuggestions, knownMembers, shares, handleVisibility, handleHideInSearch, handleAdd, handleChangeRole, handleRemove, handleDone, } = controller;
     const hasInviteEmail = inviteEmail.trim().length > 0;
-    // Optimistic overlays so clicks feel instant.
-    const [pendingAdds, setPendingAdds] = useState([]);
-    const [pendingRemoves, setPendingRemoves] = useState(new Set());
-    const [roleOverrides, setRoleOverrides] = useState({});
-    // Principals with an in-flight share/unshare mutation. We disable the
-    // role dropdown and the trash button for any share in this set so a
-    // user can't race a role-change against a remove (which would otherwise
-    // let the upsert silently re-grant access after the delete landed), and
-    // can't rapid-fire two creates for the same pending add.
-    const [inFlight, setInFlight] = useState(new Set());
-    const addInFlight = (k) => setInFlight((prev) => new Set(prev).add(k));
-    const clearInFlight = (k) => setInFlight((prev) => {
-        const next = new Set(prev);
-        next.delete(k);
-        return next;
-    });
-    useEffect(() => {
-        sharesQuery.refetch();
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    const data = sharesQuery.data;
     const isLoading = data === undefined;
-    const policy = data?.policy ?? {
-        allowPublic: true,
-        requireOrgMemberForUserShares: false,
-    };
-    const visibility = visibilityOverride ?? data?.visibility ?? "private";
-    const canManage = data?.role === "owner" || data?.role === "admin";
     const meta = visibilityMeta(visibility, props.visibilityCopy);
     const peopleAccessLabel = props.peopleAccessLabel ?? "People with access";
     const generalAccessLabel = props.generalAccessLabel ?? "General access";
@@ -346,176 +104,10 @@ function SharePanel(props) {
     const extraTabs = props.shareTabs?.tabs ?? [];
     const hasTabs = extraTabs.length > 0;
     const shareTabLabel = props.shareTabs?.shareLabel ?? "Share link";
-    const serverShares = data?.shares ?? [];
-    const shares = [
-        ...serverShares
-            .filter((s) => !pendingRemoves.has(keyOf(s)))
-            .map((s) => ({ ...s, role: roleOverrides[keyOf(s)] ?? s.role })),
-        ...pendingAdds,
-    ];
-    const memberSearch = useOrgMemberSearch(inviteEmail, canManage && suggestionsOpen);
-    const excludedMemberEmails = new Set();
-    if (data?.ownerEmail)
-        excludedMemberEmails.add(data.ownerEmail.toLowerCase());
-    for (const s of shares) {
-        if (s.principalType === "user") {
-            excludedMemberEmails.add(s.principalId.toLowerCase());
-        }
-    }
-    const memberSuggestions = memberSearch.members.filter((m) => !excludedMemberEmails.has(m.email.toLowerCase()));
-    const knownMembers = memberSearch.members;
-    const handleVisibility = (next) => {
-        if (next === visibility)
-            return;
-        if (!canManage) {
-            setShareError("Only owners and admins can change access.");
-            return;
-        }
-        setShareError(null);
-        void onVisibilityChange(next).catch((err) => {
-            setShareError(extractShareErrorMessage(err));
-        });
-    };
-    const handleHideInSearch = () => {
-        const control = props.hideInSearchControl;
-        if (!control || control.pending || !canManage)
-            return;
-        setShareError(null);
-        try {
-            Promise.resolve(control.onCheckedChange(!control.checked)).catch((err) => {
-                setShareError(extractShareErrorMessage(err));
-            });
-        }
-        catch (err) {
-            setShareError(extractShareErrorMessage(err));
-        }
-    };
-    const handleAdd = () => {
-        const trimmed = inviteEmail.trim();
-        if (!trimmed)
-            return;
-        const optimistic = {
-            id: `pending-${trimmed}`,
-            principalType: "user",
-            principalId: trimmed,
-            role,
-        };
-        const k = keyOf(optimistic);
-        // Ignore duplicate submits while an add for the same principal is in flight.
-        if (inFlight.has(k))
-            return;
-        setShareError(null);
-        setPendingAdds((p) => [...p, optimistic]);
-        onInviteEmailChange("");
-        setSuggestionsOpen(false);
-        addInFlight(k);
-        share.mutate({
-            resourceType,
-            resourceId,
-            principalType: "user",
-            principalId: trimmed,
-            role,
-            notify: notifyPeople,
-            resourceUrl: getNotificationUrl(props.shareUrl),
-        }, {
-            onSuccess: () => {
-                sharesQuery.refetch().then(() => {
-                    setPendingAdds((p) => p.filter((s) => s.id !== optimistic.id));
-                    clearInFlight(k);
-                });
-            },
-            onError: (err) => {
-                setPendingAdds((p) => p.filter((s) => s.id !== optimistic.id));
-                clearInFlight(k);
-                onInviteEmailChange(trimmed);
-                setShareError(extractShareErrorMessage(err));
-            },
-        });
-    };
-    const handleChangeRole = (s, next) => {
-        if (s.role === next)
-            return;
-        const k = keyOf(s);
-        // Don't stack a role change on top of an in-flight add/remove/role
-        // change for the same principal — it can race with unshare and end up
-        // re-granting access after a delete. UI already disables the control,
-        // but belt-and-suspenders here too.
-        if (inFlight.has(k))
-            return;
-        setRoleOverrides((prev) => ({ ...prev, [k]: next }));
-        addInFlight(k);
-        // share-resource is upsert: calling with same principal + new role
-        // updates the existing share row. See sharing/actions/share-resource.ts.
-        share.mutate({
-            resourceType,
-            resourceId,
-            principalType: s.principalType,
-            principalId: s.principalId,
-            role: next,
-            notify: false,
-        }, {
-            onSuccess: () => {
-                sharesQuery.refetch().then(() => {
-                    setRoleOverrides((prev) => {
-                        const { [k]: _, ...rest } = prev;
-                        return rest;
-                    });
-                    clearInFlight(k);
-                });
-            },
-            onError: () => {
-                setRoleOverrides((prev) => {
-                    const { [k]: _, ...rest } = prev;
-                    return rest;
-                });
-                clearInFlight(k);
-            },
-        });
-    };
-    const handleRemove = (s) => {
-        const k = keyOf(s);
-        // If any other mutation is in flight for this principal, don't start a
-        // remove — it can interleave with an upsert and leave the row in place.
-        // The UI already disables the trash button when inFlight.has(k).
-        if (inFlight.has(k))
-            return;
-        setPendingRemoves((prev) => new Set(prev).add(k));
-        addInFlight(k);
-        unshare.mutate({
-            resourceType,
-            resourceId,
-            principalType: s.principalType,
-            principalId: s.principalId,
-        }, {
-            onSuccess: () => {
-                sharesQuery.refetch().then(() => {
-                    setPendingRemoves((prev) => {
-                        const next = new Set(prev);
-                        next.delete(k);
-                        return next;
-                    });
-                    clearInFlight(k);
-                });
-            },
-            onError: () => {
-                setPendingRemoves((prev) => {
-                    const next = new Set(prev);
-                    next.delete(k);
-                    return next;
-                });
-                clearInFlight(k);
-            },
-        });
-    };
-    const handleDone = () => {
-        if (canManage && hasInviteEmail)
-            handleAdd();
-        onClose();
-    };
     const titleText = resourceTitle
         ? `Share "${resourceTitle}"`
-        : `Share ${resourceType}`;
-    const sharePanel = isLoading ? (_jsxs("div", { children: [!hasTabs ? (_jsx("div", { className: "mb-3 truncate text-base font-semibold", title: titleText, children: titleText })) : null, _jsx("div", { className: "mb-4 h-9 rounded-md bg-muted animate-pulse" }), _jsx("div", { className: "mb-2 text-sm font-semibold", children: peopleAccessLabel }), _jsx("div", { className: "mb-4 h-7 rounded-md bg-muted animate-pulse" }), _jsx("div", { className: "mb-2 text-sm font-semibold", children: generalAccessLabel }), _jsx("div", { className: "mb-4 h-9 rounded-md bg-muted animate-pulse" }), showDoneButton ? (_jsx("div", { className: "mt-2 flex justify-end", children: _jsx("button", { type: "button", onClick: onClose, className: BUTTON_PRIMARY_SM, children: "Done" }) })) : null] })) : (_jsxs("div", { children: [!hasTabs ? (_jsx("div", { className: "mb-3 truncate text-base font-semibold", title: titleText, children: titleText })) : null, showShareLinks && shareUrlPlacement === "top" ? shareLinks : null, canManage ? (_jsxs("div", { className: "mb-4 space-y-2", children: [_jsxs("div", { className: "flex items-stretch gap-2", children: [_jsx(MemberAutocomplete, { value: inviteEmail, open: suggestionsOpen, onOpenChange: setSuggestionsOpen, onValueChange: (next) => {
+        : `Share ${props.resourceType}`;
+    const sharePanel = isLoading ? (_jsxs("div", { children: [!hasTabs ? (_jsx("div", { className: "mb-3 truncate text-base font-semibold", title: titleText, children: titleText })) : null, _jsx("div", { className: "mb-4 h-9 rounded-md bg-muted animate-pulse" }), _jsx("div", { className: "mb-2 text-sm font-semibold", children: peopleAccessLabel }), _jsx("div", { className: "mb-4 h-7 rounded-md bg-muted animate-pulse" }), _jsx("div", { className: "mb-2 text-sm font-semibold", children: generalAccessLabel }), _jsx("div", { className: "mb-4 h-9 rounded-md bg-muted animate-pulse" }), showDoneButton ? (_jsx("div", { className: "mt-2 flex justify-end", children: _jsx("button", { type: "button", onClick: () => handleOpenChange(false), className: BUTTON_PRIMARY_SM, children: "Done" }) })) : null] })) : (_jsxs("div", { children: [!hasTabs ? (_jsx("div", { className: "mb-3 truncate text-base font-semibold", title: titleText, children: titleText })) : null, showShareLinks && shareUrlPlacement === "top" ? shareLinks : null, canManage ? (_jsxs("div", { className: "mb-4 space-y-2", children: [_jsxs("div", { className: "flex items-stretch gap-2", children: [_jsx(MemberAutocomplete, { value: inviteEmail, open: suggestionsOpen, onOpenChange: setSuggestionsOpen, onValueChange: (next) => {
                                     onInviteEmailChange(next);
                                     if (shareError)
                                         setShareError(null);
@@ -538,12 +130,12 @@ function SharePanel(props) {
         },
         ...extraTabs,
     ];
-    const activeTab = tabs.some((tab) => tab.value === props.activeTab)
-        ? props.activeTab
+    const activeTab = tabs.some((tab) => tab.value === activeShareTab)
+        ? activeShareTab
         : "share";
     return (_jsxs("div", { className: "flex flex-col gap-4", children: [_jsx("div", { role: "tablist", "aria-label": "Share options", className: "flex gap-1 rounded-xl bg-muted/70 p-1", children: tabs.map((tab) => {
                     const active = tab.value === activeTab;
-                    return (_jsx("button", { type: "button", role: "tab", "aria-selected": active, disabled: tab.disabled, onClick: () => props.onTabChange(tab.value), className: cn("h-11 min-w-0 flex-1 rounded-lg px-3 text-sm font-medium text-muted-foreground transition-colors hover:bg-background/70 hover:text-foreground disabled:pointer-events-none disabled:opacity-50", active &&
+                    return (_jsx("button", { type: "button", role: "tab", "aria-selected": active, disabled: tab.disabled, onClick: () => handleShareTabChange(tab.value), className: cn("h-11 min-w-0 flex-1 rounded-lg px-3 text-sm font-medium text-muted-foreground transition-colors hover:bg-background/70 hover:text-foreground disabled:pointer-events-none disabled:opacity-50", active &&
                             "bg-background text-foreground shadow-sm ring-2 ring-primary"), children: _jsx("span", { className: "block truncate", children: tab.label }) }, tab.value));
                 }) }), _jsx("div", { role: "tabpanel", children: tabs.find((tab) => tab.value === activeTab)?.content })] }));
 }
@@ -711,44 +303,6 @@ function Avatar({ label, org }) {
 function keyOf(s) {
     return `${s.principalType}:${s.principalId}`;
 }
-/**
- * Pull a user-readable error message out of a failed action call. Action
- * routes surface server-side errors as a JSON `{ error: string }` body that
- * the `useActionMutation` wrapper re-throws as
- * `Error("Action <name> failed: <message>")`. Strip the framework prefix so
- * what reaches the user is the underlying server message.
- */
-function extractShareErrorMessage(err) {
-    const fallback = "Could not update sharing — please try again.";
-    const pickRaw = () => {
-        if (!err)
-            return null;
-        if (err instanceof Error)
-            return err.message?.trim() || null;
-        if (typeof err === "string")
-            return err.trim() || null;
-        if (typeof err === "object") {
-            const any = err;
-            if (typeof any.error === "string" && any.error.trim())
-                return any.error;
-            if (typeof any.message === "string" && any.message.trim())
-                return any.message;
-        }
-        return null;
-    };
-    const raw = pickRaw();
-    if (!raw || raw.toLowerCase() === "failed to fetch")
-        return fallback;
-    const stripped = raw.replace(/^Action\s+[\w-]+\s+failed:\s*/i, "");
-    return stripped || fallback;
-}
-function getNotificationUrl(explicit) {
-    if (explicit)
-        return explicit;
-    if (typeof window === "undefined")
-        return undefined;
-    return window.location.href;
-}
 function cap(s) {
     return s.charAt(0).toUpperCase() + s.slice(1);
 }