@shipfox/client-workspace-settings 0.2.0

package/dist/components/members/workspace-members-section.js

@@ -0,0 +1,541 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createInvitationBodySchema } from '@shipfox/api-workspaces-dto';
+import { ApiError } from '@shipfox/client-api';
+import { useAuthState } from '@shipfox/client-auth';
+import { QueryLoadError } from '@shipfox/client-ui';
+import { Badge } from '@shipfox/react-ui/badge';
+import { Button } from '@shipfox/react-ui/button';
+import { Callout } from '@shipfox/react-ui/callout';
+import { EmptyState } from '@shipfox/react-ui/empty-state';
+import { FormField, FormFieldInput, fieldError } from '@shipfox/react-ui/form-field';
+import { Icon } from '@shipfox/react-ui/icon';
+import { Modal, ModalBody, ModalContent, ModalFooter, ModalHeader, ModalTitle, ModalTrigger } from '@shipfox/react-ui/modal';
+import { Skeleton } from '@shipfox/react-ui/skeleton';
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@shipfox/react-ui/table';
+import { toast } from '@shipfox/react-ui/toast';
+import { Code, Header, Text } from '@shipfox/react-ui/typography';
+import { formatDate } from '@shipfox/react-ui/utils';
+import { useForm } from '@tanstack/react-form';
+import { useState } from 'react';
+import { useCreateInvitation } from '#hooks/api/create-invitation.js';
+import { useListInvitations } from '#hooks/api/list-invitations.js';
+import { useListMembers } from '#hooks/api/list-members.js';
+import { useRemoveMember } from '#hooks/api/remove-member.js';
+import { useRevokeInvitation } from '#hooks/api/revoke-invitation.js';
+import { invitationErrorToFormError } from './form-errors.js';
+const EXPIRES_SOON_MS = 24 * 60 * 60 * 1000;
+export function WorkspaceMembersSettingsSection({ workspaceId, workspaceName }) {
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "flex min-w-0 flex-col gap-32",
+        children: [
+            /*#__PURE__*/ _jsx(MembersSection, {
+                workspaceId: workspaceId,
+                workspaceName: workspaceName
+            }),
+            /*#__PURE__*/ _jsx(PendingInvitationsSection, {
+                workspaceId: workspaceId,
+                workspaceName: workspaceName
+            })
+        ]
+    });
+}
+function MembersSection({ workspaceId, workspaceName }) {
+    const auth = useAuthState();
+    const query = useListMembers(workspaceId);
+    const members = query.data?.members ?? [];
+    return /*#__PURE__*/ _jsxs("section", {
+        className: "flex flex-col gap-16",
+        children: [
+            /*#__PURE__*/ _jsxs("div", {
+                className: "flex flex-col gap-4",
+                children: [
+                    /*#__PURE__*/ _jsx(Header, {
+                        variant: "h3",
+                        children: "Members"
+                    }),
+                    /*#__PURE__*/ _jsx(Text, {
+                        size: "sm",
+                        className: "text-foreground-neutral-muted",
+                        children: query.isPending ? 'Loading members…' : `${members.length} ${members.length === 1 ? 'member' : 'members'}`
+                    })
+                ]
+            }),
+            query.isPending ? /*#__PURE__*/ _jsx(TableSkeleton, {
+                rows: 3,
+                cols: 3
+            }) : null,
+            query.isError && query.data === undefined ? /*#__PURE__*/ _jsx(QueryLoadError, {
+                query: query,
+                subject: "members"
+            }) : null,
+            members.length > 0 ? /*#__PURE__*/ _jsxs(Table, {
+                children: [
+                    /*#__PURE__*/ _jsx(TableHeader, {
+                        children: /*#__PURE__*/ _jsxs(TableRow, {
+                            children: [
+                                /*#__PURE__*/ _jsx(TableHead, {
+                                    children: "Name"
+                                }),
+                                /*#__PURE__*/ _jsx(TableHead, {
+                                    children: "Email"
+                                }),
+                                /*#__PURE__*/ _jsx(TableHead, {
+                                    children: "Joined"
+                                }),
+                                /*#__PURE__*/ _jsx(TableHead, {
+                                    className: "w-80 text-right",
+                                    children: "Actions"
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx(TableBody, {
+                        children: members.map((member)=>/*#__PURE__*/ _jsx(MemberRow, {
+                                member: member,
+                                isSelf: member.user_id === auth.user?.id,
+                                workspaceId: workspaceId,
+                                workspaceName: workspaceName
+                            }, member.id))
+                    })
+                ]
+            }) : null
+        ]
+    });
+}
+function MemberRow({ member, isSelf, workspaceId, workspaceName }) {
+    const [open, setOpen] = useState(false);
+    const remove = useRemoveMember(workspaceId);
+    async function handleRemove() {
+        try {
+            await remove.mutateAsync(member.user_id);
+            toast.success(`Removed ${member.user_email} from ${workspaceName}.`);
+            setOpen(false);
+        } catch (error) {
+            toast.error(removeMemberErrorMessage(error));
+        }
+    }
+    return /*#__PURE__*/ _jsxs(TableRow, {
+        className: remove.isPending ? 'opacity-60' : undefined,
+        children: [
+            /*#__PURE__*/ _jsx(TableCell, {
+                className: "font-medium",
+                children: member.user_name ?? '—'
+            }),
+            /*#__PURE__*/ _jsx(TableCell, {
+                children: /*#__PURE__*/ _jsx(Code, {
+                    variant: "paragraph",
+                    children: member.user_email
+                })
+            }),
+            /*#__PURE__*/ _jsx(TableCell, {
+                children: formatDate(member.created_at)
+            }),
+            /*#__PURE__*/ _jsx(TableCell, {
+                className: "text-right",
+                children: /*#__PURE__*/ _jsxs(Modal, {
+                    open: open,
+                    onOpenChange: setOpen,
+                    children: [
+                        /*#__PURE__*/ _jsx(ModalTrigger, {
+                            asChild: true,
+                            children: /*#__PURE__*/ _jsx(Button, {
+                                size: "sm",
+                                variant: "transparentMuted",
+                                "aria-label": "Remove member",
+                                disabled: isSelf,
+                                isLoading: remove.isPending,
+                                className: remove.isPending ? 'opacity-100 transition-opacity' : 'opacity-0 transition-opacity group-hover/row:opacity-100 focus-visible:opacity-100',
+                                children: /*#__PURE__*/ _jsx(Icon, {
+                                    name: "userUnfollowLine",
+                                    className: "size-16"
+                                })
+                            })
+                        }),
+                        /*#__PURE__*/ _jsxs(ModalContent, {
+                            children: [
+                                /*#__PURE__*/ _jsx(ModalTitle, {
+                                    className: "sr-only",
+                                    children: "Remove member"
+                                }),
+                                /*#__PURE__*/ _jsx(ModalHeader, {
+                                    children: /*#__PURE__*/ _jsxs(Text, {
+                                        size: "lg",
+                                        children: [
+                                            "Remove ",
+                                            member.user_name ?? member.user_email,
+                                            " from ",
+                                            workspaceName,
+                                            "?"
+                                        ]
+                                    })
+                                }),
+                                /*#__PURE__*/ _jsx(ModalBody, {
+                                    children: /*#__PURE__*/ _jsx(Text, {
+                                        size: "sm",
+                                        children: "They will lose access immediately. They can be re-invited later."
+                                    })
+                                }),
+                                /*#__PURE__*/ _jsxs(ModalFooter, {
+                                    children: [
+                                        /*#__PURE__*/ _jsx(Button, {
+                                            variant: "secondary",
+                                            onClick: ()=>setOpen(false),
+                                            children: "Cancel"
+                                        }),
+                                        /*#__PURE__*/ _jsx(Button, {
+                                            variant: "danger",
+                                            onClick: handleRemove,
+                                            isLoading: remove.isPending,
+                                            children: "Remove"
+                                        })
+                                    ]
+                                })
+                            ]
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+}
+function PendingInvitationsSection({ workspaceId, workspaceName }) {
+    const query = useListInvitations(workspaceId);
+    const invitations = query.data?.invitations ?? [];
+    const [inviteOpen, setInviteOpen] = useState(false);
+    return /*#__PURE__*/ _jsxs("section", {
+        className: "flex flex-col gap-16",
+        children: [
+            /*#__PURE__*/ _jsxs("div", {
+                className: "flex items-center justify-between gap-16",
+                children: [
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: "flex flex-col gap-4",
+                        children: [
+                            /*#__PURE__*/ _jsx(Header, {
+                                variant: "h3",
+                                children: "Pending invitations"
+                            }),
+                            /*#__PURE__*/ _jsx(Text, {
+                                size: "sm",
+                                className: "text-foreground-neutral-muted",
+                                children: query.isPending ? 'Loading invitations…' : `${invitations.length} ${invitations.length === 1 ? 'invitation' : 'invitations'}`
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx(InviteMemberModal, {
+                        open: inviteOpen,
+                        onOpenChange: setInviteOpen,
+                        workspaceId: workspaceId,
+                        workspaceName: workspaceName
+                    })
+                ]
+            }),
+            query.isPending ? /*#__PURE__*/ _jsx(TableSkeleton, {
+                rows: 2,
+                cols: 3
+            }) : null,
+            query.isError && query.data === undefined ? /*#__PURE__*/ _jsx(QueryLoadError, {
+                query: query,
+                subject: "invitations"
+            }) : null,
+            query.data !== undefined && invitations.length === 0 ? /*#__PURE__*/ _jsx(EmptyInvitations, {}) : null,
+            invitations.length > 0 ? /*#__PURE__*/ _jsxs(Table, {
+                children: [
+                    /*#__PURE__*/ _jsx(TableHeader, {
+                        children: /*#__PURE__*/ _jsxs(TableRow, {
+                            children: [
+                                /*#__PURE__*/ _jsx(TableHead, {
+                                    children: "Email"
+                                }),
+                                /*#__PURE__*/ _jsx(TableHead, {
+                                    children: "Invited by"
+                                }),
+                                /*#__PURE__*/ _jsx(TableHead, {
+                                    children: "Expires"
+                                }),
+                                /*#__PURE__*/ _jsx(TableHead, {
+                                    className: "w-80 text-right",
+                                    children: "Actions"
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx(TableBody, {
+                        children: invitations.map((invitation)=>/*#__PURE__*/ _jsx(InvitationRow, {
+                                invitation: invitation,
+                                workspaceId: workspaceId
+                            }, invitation.id))
+                    })
+                ]
+            }) : null
+        ]
+    });
+}
+function InvitationRow({ invitation, workspaceId }) {
+    const [open, setOpen] = useState(false);
+    const revoke = useRevokeInvitation(workspaceId);
+    const expiresAt = new Date(invitation.expires_at);
+    const expiresSoon = expiresAt.getTime() - Date.now() < EXPIRES_SOON_MS;
+    async function handleRevoke() {
+        try {
+            await revoke.mutateAsync(invitation.id);
+            toast.success(`Invitation to ${invitation.email} revoked.`);
+            setOpen(false);
+        } catch  {
+            toast.error('Could not revoke invitation.');
+        }
+    }
+    return /*#__PURE__*/ _jsxs(TableRow, {
+        className: revoke.isPending ? 'opacity-60' : undefined,
+        children: [
+            /*#__PURE__*/ _jsx(TableCell, {
+                children: /*#__PURE__*/ _jsx(Code, {
+                    variant: "paragraph",
+                    children: invitation.email
+                })
+            }),
+            /*#__PURE__*/ _jsx(TableCell, {
+                children: invitation.invited_by_display ?? '—'
+            }),
+            /*#__PURE__*/ _jsx(TableCell, {
+                children: /*#__PURE__*/ _jsxs("div", {
+                    className: "flex items-center gap-8",
+                    children: [
+                        /*#__PURE__*/ _jsx(Text, {
+                            size: "sm",
+                            children: formatDate(invitation.expires_at)
+                        }),
+                        expiresSoon ? /*#__PURE__*/ _jsx(Badge, {
+                            variant: "warning",
+                            children: "Soon"
+                        }) : null
+                    ]
+                })
+            }),
+            /*#__PURE__*/ _jsx(TableCell, {
+                className: "text-right",
+                children: /*#__PURE__*/ _jsxs(Modal, {
+                    open: open,
+                    onOpenChange: setOpen,
+                    children: [
+                        /*#__PURE__*/ _jsx(ModalTrigger, {
+                            asChild: true,
+                            children: /*#__PURE__*/ _jsx(Button, {
+                                size: "sm",
+                                variant: "transparentMuted",
+                                "aria-label": "Revoke invitation",
+                                isLoading: revoke.isPending,
+                                className: revoke.isPending ? 'opacity-100 transition-opacity' : 'opacity-0 transition-opacity group-hover/row:opacity-100 focus-visible:opacity-100',
+                                children: /*#__PURE__*/ _jsx(Icon, {
+                                    name: "closeLine",
+                                    className: "size-16"
+                                })
+                            })
+                        }),
+                        /*#__PURE__*/ _jsxs(ModalContent, {
+                            children: [
+                                /*#__PURE__*/ _jsx(ModalTitle, {
+                                    className: "sr-only",
+                                    children: "Revoke invitation"
+                                }),
+                                /*#__PURE__*/ _jsx(ModalHeader, {
+                                    children: /*#__PURE__*/ _jsxs(Text, {
+                                        size: "lg",
+                                        children: [
+                                            "Revoke invitation to ",
+                                            invitation.email,
+                                            "?"
+                                        ]
+                                    })
+                                }),
+                                /*#__PURE__*/ _jsx(ModalBody, {
+                                    children: /*#__PURE__*/ _jsx(Text, {
+                                        size: "sm",
+                                        children: "They will no longer be able to use the link from their email."
+                                    })
+                                }),
+                                /*#__PURE__*/ _jsxs(ModalFooter, {
+                                    children: [
+                                        /*#__PURE__*/ _jsx(Button, {
+                                            variant: "secondary",
+                                            onClick: ()=>setOpen(false),
+                                            children: "Cancel"
+                                        }),
+                                        /*#__PURE__*/ _jsx(Button, {
+                                            variant: "danger",
+                                            onClick: handleRevoke,
+                                            isLoading: revoke.isPending,
+                                            children: "Revoke"
+                                        })
+                                    ]
+                                })
+                            ]
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+}
+function InviteMemberModal({ open, onOpenChange, workspaceId, workspaceName }) {
+    const create = useCreateInvitation(workspaceId);
+    const [formError, setFormError] = useState();
+    const form = useForm({
+        defaultValues: {
+            email: ''
+        },
+        onSubmit: async ({ value })=>{
+            setFormError(undefined);
+            try {
+                const result = await create.mutateAsync({
+                    email: value.email
+                });
+                toast.success(`Invitation sent to ${result.email}.`);
+                // Go through handleOpenChange so form.reset() fires and reopening the
+                // modal does not show stale form state.
+                handleOpenChange(false);
+            } catch (error) {
+                const mapped = invitationErrorToFormError(error);
+                if (mapped.kind === 'field') {
+                    form.setFieldMeta(mapped.field, (prev)=>({
+                            ...prev,
+                            errorMap: {
+                                ...prev.errorMap,
+                                onServer: mapped.message
+                            }
+                        }));
+                } else {
+                    setFormError(mapped.message);
+                }
+            }
+        }
+    });
+    function handleOpenChange(nextOpen) {
+        if (!nextOpen) {
+            form.reset();
+            setFormError(undefined);
+            create.reset();
+        }
+        onOpenChange(nextOpen);
+    }
+    return /*#__PURE__*/ _jsxs(Modal, {
+        open: open,
+        onOpenChange: handleOpenChange,
+        children: [
+            /*#__PURE__*/ _jsx(ModalTrigger, {
+                asChild: true,
+                children: /*#__PURE__*/ _jsx(Button, {
+                    size: "sm",
+                    variant: "secondary",
+                    children: "Invite member"
+                })
+            }),
+            /*#__PURE__*/ _jsxs(ModalContent, {
+                children: [
+                    /*#__PURE__*/ _jsx(ModalTitle, {
+                        className: "sr-only",
+                        children: "Invite a member"
+                    }),
+                    /*#__PURE__*/ _jsx(ModalHeader, {
+                        children: /*#__PURE__*/ _jsx(Text, {
+                            size: "lg",
+                            children: "Invite a member"
+                        })
+                    }),
+                    /*#__PURE__*/ _jsxs(ModalBody, {
+                        className: "gap-16",
+                        children: [
+                            formError ? /*#__PURE__*/ _jsx(Callout, {
+                                role: "alert",
+                                type: "error",
+                                children: formError
+                            }) : null,
+                            /*#__PURE__*/ _jsx("form", {
+                                id: "invite-member-form",
+                                className: "flex flex-col gap-16",
+                                noValidate: true,
+                                onSubmit: (event)=>{
+                                    event.preventDefault();
+                                    event.stopPropagation();
+                                    void form.handleSubmit();
+                                },
+                                children: /*#__PURE__*/ _jsx(form.Field, {
+                                    name: "email",
+                                    validators: {
+                                        onBlur: createInvitationBodySchema.shape.email,
+                                        onSubmit: createInvitationBodySchema.shape.email
+                                    },
+                                    children: (field)=>/*#__PURE__*/ _jsx(FormField, {
+                                            label: "Email",
+                                            id: "invite-email",
+                                            error: fieldError(field),
+                                            description: `They'll receive an email with a link to join ${workspaceName}.`,
+                                            children: /*#__PURE__*/ _jsx(FormFieldInput, {
+                                                autoComplete: "email",
+                                                autoFocus: true,
+                                                name: "email",
+                                                type: "email",
+                                                value: field.state.value,
+                                                onChange: (event)=>field.handleChange(event.target.value),
+                                                onBlur: field.handleBlur
+                                            })
+                                        })
+                                })
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs(ModalFooter, {
+                        children: [
+                            /*#__PURE__*/ _jsx(Button, {
+                                variant: "secondary",
+                                onClick: ()=>handleOpenChange(false),
+                                children: "Cancel"
+                            }),
+                            /*#__PURE__*/ _jsx(Button, {
+                                type: "submit",
+                                form: "invite-member-form",
+                                isLoading: create.isPending,
+                                children: "Send invitation"
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+}
+function EmptyInvitations() {
+    return /*#__PURE__*/ _jsx(EmptyState, {
+        icon: "mailLine",
+        title: "No pending invitations.",
+        description: "Invite someone above to grow your workspace."
+    });
+}
+function TableSkeleton({ rows, cols }) {
+    return /*#__PURE__*/ _jsx("div", {
+        className: "flex flex-col gap-12",
+        children: Array.from({
+            length: rows
+        }).map((_, rowIdx)=>// biome-ignore lint/suspicious/noArrayIndexKey: stable placeholder rows
+            /*#__PURE__*/ _jsx("div", {
+                className: "grid grid-cols-3 gap-16",
+                children: Array.from({
+                    length: cols
+                }).map((__, colIdx)=>// biome-ignore lint/suspicious/noArrayIndexKey: stable placeholder cells
+                    /*#__PURE__*/ _jsx(Skeleton, {
+                        className: "h-20"
+                    }, colIdx))
+            }, rowIdx))
+    });
+}
+function removeMemberErrorMessage(error) {
+    if (error instanceof ApiError) {
+        if (error.code === 'self-removal-not-allowed') return "You can't remove yourself.";
+        if (error.code === 'last-member') return 'Cannot remove the last member.';
+        return error.message;
+    }
+    if (error instanceof Error) return error.message;
+    return 'Could not remove member.';
+}
+
+//# sourceMappingURL=workspace-members-section.js.map

package/dist/components/members/workspace-members-section.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/members/workspace-members-section.tsx"],"sourcesContent":["import {createInvitationBodySchema, type MembershipWithUserDto} from '@shipfox/api-workspaces-dto';\nimport {ApiError} from '@shipfox/client-api';\nimport {useAuthState} from '@shipfox/client-auth';\nimport {QueryLoadError} from '@shipfox/client-ui';\nimport {Badge} from '@shipfox/react-ui/badge';\nimport {Button} from '@shipfox/react-ui/button';\nimport {Callout} from '@shipfox/react-ui/callout';\nimport {EmptyState} from '@shipfox/react-ui/empty-state';\nimport {FormField, FormFieldInput, fieldError} from '@shipfox/react-ui/form-field';\nimport {Icon} from '@shipfox/react-ui/icon';\nimport {\n  Modal,\n  ModalBody,\n  ModalContent,\n  ModalFooter,\n  ModalHeader,\n  ModalTitle,\n  ModalTrigger,\n} from '@shipfox/react-ui/modal';\nimport {Skeleton} from '@shipfox/react-ui/skeleton';\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from '@shipfox/react-ui/table';\nimport {toast} from '@shipfox/react-ui/toast';\nimport {Code, Header, Text} from '@shipfox/react-ui/typography';\nimport {formatDate} from '@shipfox/react-ui/utils';\nimport {useForm} from '@tanstack/react-form';\nimport {useState} from 'react';\nimport {useCreateInvitation} from '#hooks/api/create-invitation.js';\nimport {useListInvitations} from '#hooks/api/list-invitations.js';\nimport {useListMembers} from '#hooks/api/list-members.js';\nimport {useRemoveMember} from '#hooks/api/remove-member.js';\nimport {useRevokeInvitation} from '#hooks/api/revoke-invitation.js';\nimport {invitationErrorToFormError} from './form-errors.js';\n\nconst EXPIRES_SOON_MS = 24 * 60 * 60 * 1000;\n\nexport function WorkspaceMembersSettingsSection({\n  workspaceId,\n  workspaceName,\n}: {\n  workspaceId: string;\n  workspaceName: string;\n}) {\n  return (\n    <div className=\"flex min-w-0 flex-col gap-32\">\n      <MembersSection workspaceId={workspaceId} workspaceName={workspaceName} />\n      <PendingInvitationsSection workspaceId={workspaceId} workspaceName={workspaceName} />\n    </div>\n  );\n}\n\nfunction MembersSection({\n  workspaceId,\n  workspaceName,\n}: {\n  workspaceId: string;\n  workspaceName: string;\n}) {\n  const auth = useAuthState();\n  const query = useListMembers(workspaceId);\n  const members = query.data?.members ?? [];\n\n  return (\n    <section className=\"flex flex-col gap-16\">\n      <div className=\"flex flex-col gap-4\">\n        <Header variant=\"h3\">Members</Header>\n        <Text size=\"sm\" className=\"text-foreground-neutral-muted\">\n          {query.isPending\n            ? 'Loading members…'\n            : `${members.length} ${members.length === 1 ? 'member' : 'members'}`}\n        </Text>\n      </div>\n\n      {query.isPending ? <TableSkeleton rows={3} cols={3} /> : null}\n\n      {query.isError && query.data === undefined ? (\n        <QueryLoadError query={query} subject=\"members\" />\n      ) : null}\n\n      {members.length > 0 ? (\n        <Table>\n          <TableHeader>\n            <TableRow>\n              <TableHead>Name</TableHead>\n              <TableHead>Email</TableHead>\n              <TableHead>Joined</TableHead>\n              <TableHead className=\"w-80 text-right\">Actions</TableHead>\n            </TableRow>\n          </TableHeader>\n          <TableBody>\n            {members.map((member) => (\n              <MemberRow\n                key={member.id}\n                member={member}\n                isSelf={member.user_id === auth.user?.id}\n                workspaceId={workspaceId}\n                workspaceName={workspaceName}\n              />\n            ))}\n          </TableBody>\n        </Table>\n      ) : null}\n    </section>\n  );\n}\n\nfunction MemberRow({\n  member,\n  isSelf,\n  workspaceId,\n  workspaceName,\n}: {\n  member: MembershipWithUserDto;\n  isSelf: boolean;\n  workspaceId: string;\n  workspaceName: string;\n}) {\n  const [open, setOpen] = useState(false);\n  const remove = useRemoveMember(workspaceId);\n\n  async function handleRemove() {\n    try {\n      await remove.mutateAsync(member.user_id);\n      toast.success(`Removed ${member.user_email} from ${workspaceName}.`);\n      setOpen(false);\n    } catch (error) {\n      toast.error(removeMemberErrorMessage(error));\n    }\n  }\n\n  return (\n    <TableRow className={remove.isPending ? 'opacity-60' : undefined}>\n      <TableCell className=\"font-medium\">{member.user_name ?? '—'}</TableCell>\n      <TableCell>\n        <Code variant=\"paragraph\">{member.user_email}</Code>\n      </TableCell>\n      <TableCell>{formatDate(member.created_at)}</TableCell>\n      <TableCell className=\"text-right\">\n        <Modal open={open} onOpenChange={setOpen}>\n          <ModalTrigger asChild>\n            <Button\n              size=\"sm\"\n              variant=\"transparentMuted\"\n              aria-label=\"Remove member\"\n              disabled={isSelf}\n              isLoading={remove.isPending}\n              className={\n                remove.isPending\n                  ? 'opacity-100 transition-opacity'\n                  : 'opacity-0 transition-opacity group-hover/row:opacity-100 focus-visible:opacity-100'\n              }\n            >\n              <Icon name=\"userUnfollowLine\" className=\"size-16\" />\n            </Button>\n          </ModalTrigger>\n          <ModalContent>\n            <ModalTitle className=\"sr-only\">Remove member</ModalTitle>\n            <ModalHeader>\n              <Text size=\"lg\">\n                Remove {member.user_name ?? member.user_email} from {workspaceName}?\n              </Text>\n            </ModalHeader>\n            <ModalBody>\n              <Text size=\"sm\">\n                They will lose access immediately. They can be re-invited later.\n              </Text>\n            </ModalBody>\n            <ModalFooter>\n              <Button variant=\"secondary\" onClick={() => setOpen(false)}>\n                Cancel\n              </Button>\n              <Button variant=\"danger\" onClick={handleRemove} isLoading={remove.isPending}>\n                Remove\n              </Button>\n            </ModalFooter>\n          </ModalContent>\n        </Modal>\n      </TableCell>\n    </TableRow>\n  );\n}\n\nfunction PendingInvitationsSection({\n  workspaceId,\n  workspaceName,\n}: {\n  workspaceId: string;\n  workspaceName: string;\n}) {\n  const query = useListInvitations(workspaceId);\n  const invitations = query.data?.invitations ?? [];\n  const [inviteOpen, setInviteOpen] = useState(false);\n\n  return (\n    <section className=\"flex flex-col gap-16\">\n      <div className=\"flex items-center justify-between gap-16\">\n        <div className=\"flex flex-col gap-4\">\n          <Header variant=\"h3\">Pending invitations</Header>\n          <Text size=\"sm\" className=\"text-foreground-neutral-muted\">\n            {query.isPending\n              ? 'Loading invitations…'\n              : `${invitations.length} ${invitations.length === 1 ? 'invitation' : 'invitations'}`}\n          </Text>\n        </div>\n        <InviteMemberModal\n          open={inviteOpen}\n          onOpenChange={setInviteOpen}\n          workspaceId={workspaceId}\n          workspaceName={workspaceName}\n        />\n      </div>\n\n      {query.isPending ? <TableSkeleton rows={2} cols={3} /> : null}\n\n      {query.isError && query.data === undefined ? (\n        <QueryLoadError query={query} subject=\"invitations\" />\n      ) : null}\n\n      {query.data !== undefined && invitations.length === 0 ? <EmptyInvitations /> : null}\n\n      {invitations.length > 0 ? (\n        <Table>\n          <TableHeader>\n            <TableRow>\n              <TableHead>Email</TableHead>\n              <TableHead>Invited by</TableHead>\n              <TableHead>Expires</TableHead>\n              <TableHead className=\"w-80 text-right\">Actions</TableHead>\n            </TableRow>\n          </TableHeader>\n          <TableBody>\n            {invitations.map((invitation) => (\n              <InvitationRow\n                key={invitation.id}\n                invitation={invitation}\n                workspaceId={workspaceId}\n              />\n            ))}\n          </TableBody>\n        </Table>\n      ) : null}\n    </section>\n  );\n}\n\nfunction InvitationRow({\n  invitation,\n  workspaceId,\n}: {\n  invitation: import('@shipfox/api-workspaces-dto').InvitationDto;\n  workspaceId: string;\n}) {\n  const [open, setOpen] = useState(false);\n  const revoke = useRevokeInvitation(workspaceId);\n  const expiresAt = new Date(invitation.expires_at);\n  const expiresSoon = expiresAt.getTime() - Date.now() < EXPIRES_SOON_MS;\n\n  async function handleRevoke() {\n    try {\n      await revoke.mutateAsync(invitation.id);\n      toast.success(`Invitation to ${invitation.email} revoked.`);\n      setOpen(false);\n    } catch {\n      toast.error('Could not revoke invitation.');\n    }\n  }\n\n  return (\n    <TableRow className={revoke.isPending ? 'opacity-60' : undefined}>\n      <TableCell>\n        <Code variant=\"paragraph\">{invitation.email}</Code>\n      </TableCell>\n      <TableCell>{invitation.invited_by_display ?? '—'}</TableCell>\n      <TableCell>\n        <div className=\"flex items-center gap-8\">\n          <Text size=\"sm\">{formatDate(invitation.expires_at)}</Text>\n          {expiresSoon ? <Badge variant=\"warning\">Soon</Badge> : null}\n        </div>\n      </TableCell>\n      <TableCell className=\"text-right\">\n        <Modal open={open} onOpenChange={setOpen}>\n          <ModalTrigger asChild>\n            <Button\n              size=\"sm\"\n              variant=\"transparentMuted\"\n              aria-label=\"Revoke invitation\"\n              isLoading={revoke.isPending}\n              className={\n                revoke.isPending\n                  ? 'opacity-100 transition-opacity'\n                  : 'opacity-0 transition-opacity group-hover/row:opacity-100 focus-visible:opacity-100'\n              }\n            >\n              <Icon name=\"closeLine\" className=\"size-16\" />\n            </Button>\n          </ModalTrigger>\n          <ModalContent>\n            <ModalTitle className=\"sr-only\">Revoke invitation</ModalTitle>\n            <ModalHeader>\n              <Text size=\"lg\">Revoke invitation to {invitation.email}?</Text>\n            </ModalHeader>\n            <ModalBody>\n              <Text size=\"sm\">They will no longer be able to use the link from their email.</Text>\n            </ModalBody>\n            <ModalFooter>\n              <Button variant=\"secondary\" onClick={() => setOpen(false)}>\n                Cancel\n              </Button>\n              <Button variant=\"danger\" onClick={handleRevoke} isLoading={revoke.isPending}>\n                Revoke\n              </Button>\n            </ModalFooter>\n          </ModalContent>\n        </Modal>\n      </TableCell>\n    </TableRow>\n  );\n}\n\nfunction InviteMemberModal({\n  open,\n  onOpenChange,\n  workspaceId,\n  workspaceName,\n}: {\n  open: boolean;\n  onOpenChange: (next: boolean) => void;\n  workspaceId: string;\n  workspaceName: string;\n}) {\n  const create = useCreateInvitation(workspaceId);\n  const [formError, setFormError] = useState<string | undefined>();\n\n  const form = useForm({\n    defaultValues: {email: ''},\n    onSubmit: async ({value}) => {\n      setFormError(undefined);\n      try {\n        const result = await create.mutateAsync({email: value.email});\n        toast.success(`Invitation sent to ${result.email}.`);\n        // Go through handleOpenChange so form.reset() fires and reopening the\n        // modal does not show stale form state.\n        handleOpenChange(false);\n      } catch (error) {\n        const mapped = invitationErrorToFormError(error);\n        if (mapped.kind === 'field') {\n          form.setFieldMeta(mapped.field, (prev) => ({\n            ...prev,\n            errorMap: {...prev.errorMap, onServer: mapped.message},\n          }));\n        } else {\n          setFormError(mapped.message);\n        }\n      }\n    },\n  });\n\n  function handleOpenChange(nextOpen: boolean) {\n    if (!nextOpen) {\n      form.reset();\n      setFormError(undefined);\n      create.reset();\n    }\n    onOpenChange(nextOpen);\n  }\n\n  return (\n    <Modal open={open} onOpenChange={handleOpenChange}>\n      <ModalTrigger asChild>\n        <Button size=\"sm\" variant=\"secondary\">\n          Invite member\n        </Button>\n      </ModalTrigger>\n      <ModalContent>\n        <ModalTitle className=\"sr-only\">Invite a member</ModalTitle>\n        <ModalHeader>\n          <Text size=\"lg\">Invite a member</Text>\n        </ModalHeader>\n        <ModalBody className=\"gap-16\">\n          {formError ? (\n            <Callout role=\"alert\" type=\"error\">\n              {formError}\n            </Callout>\n          ) : null}\n          <form\n            id=\"invite-member-form\"\n            className=\"flex flex-col gap-16\"\n            noValidate\n            onSubmit={(event) => {\n              event.preventDefault();\n              event.stopPropagation();\n              void form.handleSubmit();\n            }}\n          >\n            <form.Field\n              name=\"email\"\n              validators={{\n                onBlur: createInvitationBodySchema.shape.email,\n                onSubmit: createInvitationBodySchema.shape.email,\n              }}\n            >\n              {(field) => (\n                <FormField\n                  label=\"Email\"\n                  id=\"invite-email\"\n                  error={fieldError(field)}\n                  description={`They'll receive an email with a link to join ${workspaceName}.`}\n                >\n                  <FormFieldInput\n                    autoComplete=\"email\"\n                    autoFocus\n                    name=\"email\"\n                    type=\"email\"\n                    value={field.state.value}\n                    onChange={(event) => field.handleChange(event.target.value)}\n                    onBlur={field.handleBlur}\n                  />\n                </FormField>\n              )}\n            </form.Field>\n          </form>\n        </ModalBody>\n        <ModalFooter>\n          <Button variant=\"secondary\" onClick={() => handleOpenChange(false)}>\n            Cancel\n          </Button>\n          <Button type=\"submit\" form=\"invite-member-form\" isLoading={create.isPending}>\n            Send invitation\n          </Button>\n        </ModalFooter>\n      </ModalContent>\n    </Modal>\n  );\n}\n\nfunction EmptyInvitations() {\n  return (\n    <EmptyState\n      icon=\"mailLine\"\n      title=\"No pending invitations.\"\n      description=\"Invite someone above to grow your workspace.\"\n    />\n  );\n}\n\nfunction TableSkeleton({rows, cols}: {rows: number; cols: number}) {\n  return (\n    <div className=\"flex flex-col gap-12\">\n      {Array.from({length: rows}).map((_, rowIdx) => (\n        // biome-ignore lint/suspicious/noArrayIndexKey: stable placeholder rows\n        <div key={rowIdx} className=\"grid grid-cols-3 gap-16\">\n          {Array.from({length: cols}).map((__, colIdx) => (\n            // biome-ignore lint/suspicious/noArrayIndexKey: stable placeholder cells\n            <Skeleton key={colIdx} className=\"h-20\" />\n          ))}\n        </div>\n      ))}\n    </div>\n  );\n}\n\nfunction removeMemberErrorMessage(error: unknown): string {\n  if (error instanceof ApiError) {\n    if (error.code === 'self-removal-not-allowed') return \"You can't remove yourself.\";\n    if (error.code === 'last-member') return 'Cannot remove the last member.';\n    return error.message;\n  }\n  if (error instanceof Error) return error.message;\n  return 'Could not remove member.';\n}\n"],"names":["createInvitationBodySchema","ApiError","useAuthState","QueryLoadError","Badge","Button","Callout","EmptyState","FormField","FormFieldInput","fieldError","Icon","Modal","ModalBody","ModalContent","ModalFooter","ModalHeader","ModalTitle","ModalTrigger","Skeleton","Table","TableBody","TableCell","TableHead","TableHeader","TableRow","toast","Code","Header","Text","formatDate","useForm","useState","useCreateInvitation","useListInvitations","useListMembers","useRemoveMember","useRevokeInvitation","invitationErrorToFormError","EXPIRES_SOON_MS","WorkspaceMembersSettingsSection","workspaceId","workspaceName","div","className","MembersSection","PendingInvitationsSection","auth","query","members","data","section","variant","size","isPending","length","TableSkeleton","rows","cols","isError","undefined","subject","map","member","MemberRow","isSelf","user_id","user","id","open","setOpen","remove","handleRemove","mutateAsync","success","user_email","error","removeMemberErrorMessage","user_name","created_at","onOpenChange","asChild","aria-label","disabled","isLoading","name","onClick","invitations","inviteOpen","setInviteOpen","InviteMemberModal","EmptyInvitations","invitation","InvitationRow","revoke","expiresAt","Date","expires_at","expiresSoon","getTime","now","handleRevoke","email","invited_by_display","create","formError","setFormError","form","defaultValues","onSubmit","value","result","handleOpenChange","mapped","kind","setFieldMeta","field","prev","errorMap","onServer","message","nextOpen","reset","role","type","noValidate","event","preventDefault","stopPropagation","handleSubmit","Field","validators","onBlur","shape","label","description","autoComplete","autoFocus","state","onChange","handleChange","target","handleBlur","icon","title","Array","from","_","rowIdx","__","colIdx","code","Error"],"mappings":";AAAA,SAAQA,0BAA0B,QAAmC,8BAA8B;AACnG,SAAQC,QAAQ,QAAO,sBAAsB;AAC7C,SAAQC,YAAY,QAAO,uBAAuB;AAClD,SAAQC,cAAc,QAAO,qBAAqB;AAClD,SAAQC,KAAK,QAAO,0BAA0B;AAC9C,SAAQC,MAAM,QAAO,2BAA2B;AAChD,SAAQC,OAAO,QAAO,4BAA4B;AAClD,SAAQC,UAAU,QAAO,gCAAgC;AACzD,SAAQC,SAAS,EAAEC,cAAc,EAAEC,UAAU,QAAO,+BAA+B;AACnF,SAAQC,IAAI,QAAO,yBAAyB;AAC5C,SACEC,KAAK,EACLC,SAAS,EACTC,YAAY,EACZC,WAAW,EACXC,WAAW,EACXC,UAAU,EACVC,YAAY,QACP,0BAA0B;AACjC,SAAQC,QAAQ,QAAO,6BAA6B;AACpD,SACEC,KAAK,EACLC,SAAS,EACTC,SAAS,EACTC,SAAS,EACTC,WAAW,EACXC,QAAQ,QACH,0BAA0B;AACjC,SAAQC,KAAK,QAAO,0BAA0B;AAC9C,SAAQC,IAAI,EAAEC,MAAM,EAAEC,IAAI,QAAO,+BAA+B;AAChE,SAAQC,UAAU,QAAO,0BAA0B;AACnD,SAAQC,OAAO,QAAO,uBAAuB;AAC7C,SAAQC,QAAQ,QAAO,QAAQ;AAC/B,SAAQC,mBAAmB,QAAO,kCAAkC;AACpE,SAAQC,kBAAkB,QAAO,iCAAiC;AAClE,SAAQC,cAAc,QAAO,6BAA6B;AAC1D,SAAQC,eAAe,QAAO,8BAA8B;AAC5D,SAAQC,mBAAmB,QAAO,kCAAkC;AACpE,SAAQC,0BAA0B,QAAO,mBAAmB;AAE5D,MAAMC,kBAAkB,KAAK,KAAK,KAAK;AAEvC,OAAO,SAASC,gCAAgC,EAC9CC,WAAW,EACXC,aAAa,EAId;IACC,qBACE,MAACC;QAAIC,WAAU;;0BACb,KAACC;gBAAeJ,aAAaA;gBAAaC,eAAeA;;0BACzD,KAACI;gBAA0BL,aAAaA;gBAAaC,eAAeA;;;;AAG1E;AAEA,SAASG,eAAe,EACtBJ,WAAW,EACXC,aAAa,EAId;IACC,MAAMK,OAAO7C;IACb,MAAM8C,QAAQb,eAAeM;IAC7B,MAAMQ,UAAUD,MAAME,IAAI,EAAED,WAAW,EAAE;IAEzC,qBACE,MAACE;QAAQP,WAAU;;0BACjB,MAACD;gBAAIC,WAAU;;kCACb,KAAChB;wBAAOwB,SAAQ;kCAAK;;kCACrB,KAACvB;wBAAKwB,MAAK;wBAAKT,WAAU;kCACvBI,MAAMM,SAAS,GACZ,qBACA,GAAGL,QAAQM,MAAM,CAAC,CAAC,EAAEN,QAAQM,MAAM,KAAK,IAAI,WAAW,WAAW;;;;YAIzEP,MAAMM,SAAS,iBAAG,KAACE;gBAAcC,MAAM;gBAAGC,MAAM;iBAAQ;YAExDV,MAAMW,OAAO,IAAIX,MAAME,IAAI,KAAKU,0BAC/B,KAACzD;gBAAe6C,OAAOA;gBAAOa,SAAQ;iBACpC;YAEHZ,QAAQM,MAAM,GAAG,kBAChB,MAACnC;;kCACC,KAACI;kCACC,cAAA,MAACC;;8CACC,KAACF;8CAAU;;8CACX,KAACA;8CAAU;;8CACX,KAACA;8CAAU;;8CACX,KAACA;oCAAUqB,WAAU;8CAAkB;;;;;kCAG3C,KAACvB;kCACE4B,QAAQa,GAAG,CAAC,CAACC,uBACZ,KAACC;gCAECD,QAAQA;gCACRE,QAAQF,OAAOG,OAAO,KAAKnB,KAAKoB,IAAI,EAAEC;gCACtC3B,aAAaA;gCACbC,eAAeA;+BAJVqB,OAAOK,EAAE;;;iBASpB;;;AAGV;AAEA,SAASJ,UAAU,EACjBD,MAAM,EACNE,MAAM,EACNxB,WAAW,EACXC,aAAa,EAMd;IACC,MAAM,CAAC2B,MAAMC,QAAQ,GAAGtC,SAAS;IACjC,MAAMuC,SAASnC,gBAAgBK;IAE/B,eAAe+B;QACb,IAAI;YACF,MAAMD,OAAOE,WAAW,CAACV,OAAOG,OAAO;YACvCxC,MAAMgD,OAAO,CAAC,CAAC,QAAQ,EAAEX,OAAOY,UAAU,CAAC,MAAM,EAAEjC,cAAc,CAAC,CAAC;YACnE4B,QAAQ;QACV,EAAE,OAAOM,OAAO;YACdlD,MAAMkD,KAAK,CAACC,yBAAyBD;QACvC;IACF;IAEA,qBACE,MAACnD;QAASmB,WAAW2B,OAAOjB,SAAS,GAAG,eAAeM;;0BACrD,KAACtC;gBAAUsB,WAAU;0BAAemB,OAAOe,SAAS,IAAI;;0BACxD,KAACxD;0BACC,cAAA,KAACK;oBAAKyB,SAAQ;8BAAaW,OAAOY,UAAU;;;0BAE9C,KAACrD;0BAAWQ,WAAWiC,OAAOgB,UAAU;;0BACxC,KAACzD;gBAAUsB,WAAU;0BACnB,cAAA,MAAChC;oBAAMyD,MAAMA;oBAAMW,cAAcV;;sCAC/B,KAACpD;4BAAa+D,OAAO;sCACnB,cAAA,KAAC5E;gCACCgD,MAAK;gCACLD,SAAQ;gCACR8B,cAAW;gCACXC,UAAUlB;gCACVmB,WAAWb,OAAOjB,SAAS;gCAC3BV,WACE2B,OAAOjB,SAAS,GACZ,mCACA;0CAGN,cAAA,KAAC3C;oCAAK0E,MAAK;oCAAmBzC,WAAU;;;;sCAG5C,MAAC9B;;8CACC,KAACG;oCAAW2B,WAAU;8CAAU;;8CAChC,KAAC5B;8CACC,cAAA,MAACa;wCAAKwB,MAAK;;4CAAK;4CACNU,OAAOe,SAAS,IAAIf,OAAOY,UAAU;4CAAC;4CAAOjC;4CAAc;;;;8CAGvE,KAAC7B;8CACC,cAAA,KAACgB;wCAAKwB,MAAK;kDAAK;;;8CAIlB,MAACtC;;sDACC,KAACV;4CAAO+C,SAAQ;4CAAYkC,SAAS,IAAMhB,QAAQ;sDAAQ;;sDAG3D,KAACjE;4CAAO+C,SAAQ;4CAASkC,SAASd;4CAAcY,WAAWb,OAAOjB,SAAS;sDAAE;;;;;;;;;;;AAS3F;AAEA,SAASR,0BAA0B,EACjCL,WAAW,EACXC,aAAa,EAId;IACC,MAAMM,QAAQd,mBAAmBO;IACjC,MAAM8C,cAAcvC,MAAME,IAAI,EAAEqC,eAAe,EAAE;IACjD,MAAM,CAACC,YAAYC,cAAc,GAAGzD,SAAS;IAE7C,qBACE,MAACmB;QAAQP,WAAU;;0BACjB,MAACD;gBAAIC,WAAU;;kCACb,MAACD;wBAAIC,WAAU;;0CACb,KAAChB;gCAAOwB,SAAQ;0CAAK;;0CACrB,KAACvB;gCAAKwB,MAAK;gCAAKT,WAAU;0CACvBI,MAAMM,SAAS,GACZ,yBACA,GAAGiC,YAAYhC,MAAM,CAAC,CAAC,EAAEgC,YAAYhC,MAAM,KAAK,IAAI,eAAe,eAAe;;;;kCAG1F,KAACmC;wBACCrB,MAAMmB;wBACNR,cAAcS;wBACdhD,aAAaA;wBACbC,eAAeA;;;;YAIlBM,MAAMM,SAAS,iBAAG,KAACE;gBAAcC,MAAM;gBAAGC,MAAM;iBAAQ;YAExDV,MAAMW,OAAO,IAAIX,MAAME,IAAI,KAAKU,0BAC/B,KAACzD;gBAAe6C,OAAOA;gBAAOa,SAAQ;iBACpC;YAEHb,MAAME,IAAI,KAAKU,aAAa2B,YAAYhC,MAAM,KAAK,kBAAI,KAACoC,wBAAsB;YAE9EJ,YAAYhC,MAAM,GAAG,kBACpB,MAACnC;;kCACC,KAACI;kCACC,cAAA,MAACC;;8CACC,KAACF;8CAAU;;8CACX,KAACA;8CAAU;;8CACX,KAACA;8CAAU;;8CACX,KAACA;oCAAUqB,WAAU;8CAAkB;;;;;kCAG3C,KAACvB;kCACEkE,YAAYzB,GAAG,CAAC,CAAC8B,2BAChB,KAACC;gCAECD,YAAYA;gCACZnD,aAAaA;+BAFRmD,WAAWxB,EAAE;;;iBAOxB;;;AAGV;AAEA,SAASyB,cAAc,EACrBD,UAAU,EACVnD,WAAW,EAIZ;IACC,MAAM,CAAC4B,MAAMC,QAAQ,GAAGtC,SAAS;IACjC,MAAM8D,SAASzD,oBAAoBI;IACnC,MAAMsD,YAAY,IAAIC,KAAKJ,WAAWK,UAAU;IAChD,MAAMC,cAAcH,UAAUI,OAAO,KAAKH,KAAKI,GAAG,KAAK7D;IAEvD,eAAe8D;QACb,IAAI;YACF,MAAMP,OAAOrB,WAAW,CAACmB,WAAWxB,EAAE;YACtC1C,MAAMgD,OAAO,CAAC,CAAC,cAAc,EAAEkB,WAAWU,KAAK,CAAC,SAAS,CAAC;YAC1DhC,QAAQ;QACV,EAAE,OAAM;YACN5C,MAAMkD,KAAK,CAAC;QACd;IACF;IAEA,qBACE,MAACnD;QAASmB,WAAWkD,OAAOxC,SAAS,GAAG,eAAeM;;0BACrD,KAACtC;0BACC,cAAA,KAACK;oBAAKyB,SAAQ;8BAAawC,WAAWU,KAAK;;;0BAE7C,KAAChF;0BAAWsE,WAAWW,kBAAkB,IAAI;;0BAC7C,KAACjF;0BACC,cAAA,MAACqB;oBAAIC,WAAU;;sCACb,KAACf;4BAAKwB,MAAK;sCAAMvB,WAAW8D,WAAWK,UAAU;;wBAChDC,4BAAc,KAAC9F;4BAAMgD,SAAQ;sCAAU;6BAAe;;;;0BAG3D,KAAC9B;gBAAUsB,WAAU;0BACnB,cAAA,MAAChC;oBAAMyD,MAAMA;oBAAMW,cAAcV;;sCAC/B,KAACpD;4BAAa+D,OAAO;sCACnB,cAAA,KAAC5E;gCACCgD,MAAK;gCACLD,SAAQ;gCACR8B,cAAW;gCACXE,WAAWU,OAAOxC,SAAS;gCAC3BV,WACEkD,OAAOxC,SAAS,GACZ,mCACA;0CAGN,cAAA,KAAC3C;oCAAK0E,MAAK;oCAAYzC,WAAU;;;;sCAGrC,MAAC9B;;8CACC,KAACG;oCAAW2B,WAAU;8CAAU;;8CAChC,KAAC5B;8CACC,cAAA,MAACa;wCAAKwB,MAAK;;4CAAK;4CAAsBuC,WAAWU,KAAK;4CAAC;;;;8CAEzD,KAACzF;8CACC,cAAA,KAACgB;wCAAKwB,MAAK;kDAAK;;;8CAElB,MAACtC;;sDACC,KAACV;4CAAO+C,SAAQ;4CAAYkC,SAAS,IAAMhB,QAAQ;sDAAQ;;sDAG3D,KAACjE;4CAAO+C,SAAQ;4CAASkC,SAASe;4CAAcjB,WAAWU,OAAOxC,SAAS;sDAAE;;;;;;;;;;;AAS3F;AAEA,SAASoC,kBAAkB,EACzBrB,IAAI,EACJW,YAAY,EACZvC,WAAW,EACXC,aAAa,EAMd;IACC,MAAM8D,SAASvE,oBAAoBQ;IACnC,MAAM,CAACgE,WAAWC,aAAa,GAAG1E;IAElC,MAAM2E,OAAO5E,QAAQ;QACnB6E,eAAe;YAACN,OAAO;QAAE;QACzBO,UAAU,OAAO,EAACC,KAAK,EAAC;YACtBJ,aAAa9C;YACb,IAAI;gBACF,MAAMmD,SAAS,MAAMP,OAAO/B,WAAW,CAAC;oBAAC6B,OAAOQ,MAAMR,KAAK;gBAAA;gBAC3D5E,MAAMgD,OAAO,CAAC,CAAC,mBAAmB,EAAEqC,OAAOT,KAAK,CAAC,CAAC,CAAC;gBACnD,sEAAsE;gBACtE,wCAAwC;gBACxCU,iBAAiB;YACnB,EAAE,OAAOpC,OAAO;gBACd,MAAMqC,SAAS3E,2BAA2BsC;gBAC1C,IAAIqC,OAAOC,IAAI,KAAK,SAAS;oBAC3BP,KAAKQ,YAAY,CAACF,OAAOG,KAAK,EAAE,CAACC,OAAU,CAAA;4BACzC,GAAGA,IAAI;4BACPC,UAAU;gCAAC,GAAGD,KAAKC,QAAQ;gCAAEC,UAAUN,OAAOO,OAAO;4BAAA;wBACvD,CAAA;gBACF,OAAO;oBACLd,aAAaO,OAAOO,OAAO;gBAC7B;YACF;QACF;IACF;IAEA,SAASR,iBAAiBS,QAAiB;QACzC,IAAI,CAACA,UAAU;YACbd,KAAKe,KAAK;YACVhB,aAAa9C;YACb4C,OAAOkB,KAAK;QACd;QACA1C,aAAayC;IACf;IAEA,qBACE,MAAC7G;QAAMyD,MAAMA;QAAMW,cAAcgC;;0BAC/B,KAAC9F;gBAAa+D,OAAO;0BACnB,cAAA,KAAC5E;oBAAOgD,MAAK;oBAAKD,SAAQ;8BAAY;;;0BAIxC,MAACtC;;kCACC,KAACG;wBAAW2B,WAAU;kCAAU;;kCAChC,KAAC5B;kCACC,cAAA,KAACa;4BAAKwB,MAAK;sCAAK;;;kCAElB,MAACxC;wBAAU+B,WAAU;;4BAClB6D,0BACC,KAACnG;gCAAQqH,MAAK;gCAAQC,MAAK;0CACxBnB;iCAED;0CACJ,KAACE;gCACCvC,IAAG;gCACHxB,WAAU;gCACViF,UAAU;gCACVhB,UAAU,CAACiB;oCACTA,MAAMC,cAAc;oCACpBD,MAAME,eAAe;oCACrB,KAAKrB,KAAKsB,YAAY;gCACxB;0CAEA,cAAA,KAACtB,KAAKuB,KAAK;oCACT7C,MAAK;oCACL8C,YAAY;wCACVC,QAAQpI,2BAA2BqI,KAAK,CAAC/B,KAAK;wCAC9CO,UAAU7G,2BAA2BqI,KAAK,CAAC/B,KAAK;oCAClD;8CAEC,CAACc,sBACA,KAAC5G;4CACC8H,OAAM;4CACNlE,IAAG;4CACHQ,OAAOlE,WAAW0G;4CAClBmB,aAAa,CAAC,6CAA6C,EAAE7F,cAAc,CAAC,CAAC;sDAE7E,cAAA,KAACjC;gDACC+H,cAAa;gDACbC,SAAS;gDACTpD,MAAK;gDACLuC,MAAK;gDACLd,OAAOM,MAAMsB,KAAK,CAAC5B,KAAK;gDACxB6B,UAAU,CAACb,QAAUV,MAAMwB,YAAY,CAACd,MAAMe,MAAM,CAAC/B,KAAK;gDAC1DsB,QAAQhB,MAAM0B,UAAU;;;;;;;kCAOpC,MAAC/H;;0CACC,KAACV;gCAAO+C,SAAQ;gCAAYkC,SAAS,IAAM0B,iBAAiB;0CAAQ;;0CAGpE,KAAC3G;gCAAOuH,MAAK;gCAASjB,MAAK;gCAAqBvB,WAAWoB,OAAOlD,SAAS;0CAAE;;;;;;;;AAOvF;AAEA,SAASqC;IACP,qBACE,KAACpF;QACCwI,MAAK;QACLC,OAAM;QACNT,aAAY;;AAGlB;AAEA,SAAS/E,cAAc,EAACC,IAAI,EAAEC,IAAI,EAA+B;IAC/D,qBACE,KAACf;QAAIC,WAAU;kBACZqG,MAAMC,IAAI,CAAC;YAAC3F,QAAQE;QAAI,GAAGK,GAAG,CAAC,CAACqF,GAAGC,SAClC,wEAAwE;0BACxE,KAACzG;gBAAiBC,WAAU;0BACzBqG,MAAMC,IAAI,CAAC;oBAAC3F,QAAQG;gBAAI,GAAGI,GAAG,CAAC,CAACuF,IAAIC,SACnC,yEAAyE;kCACzE,KAACnI;wBAAsByB,WAAU;uBAAlB0G;eAHTF;;AASlB;AAEA,SAASvE,yBAAyBD,KAAc;IAC9C,IAAIA,iBAAiB3E,UAAU;QAC7B,IAAI2E,MAAM2E,IAAI,KAAK,4BAA4B,OAAO;QACtD,IAAI3E,MAAM2E,IAAI,KAAK,eAAe,OAAO;QACzC,OAAO3E,MAAM4C,OAAO;IACtB;IACA,IAAI5C,iBAAiB4E,OAAO,OAAO5E,MAAM4C,OAAO;IAChD,OAAO;AACT"}

package/dist/components/workspace-settings-shell.d.ts

@@ -0,0 +1,8 @@
+import { useActiveWorkspace } from '@shipfox/client-shell/runtime';
+import type { ReactNode } from 'react';
+interface WorkspaceSettingsShellProps {
+    children: (workspace: ReturnType<typeof useActiveWorkspace>) => ReactNode;
+}
+export declare function WorkspaceSettingsShell({ children }: WorkspaceSettingsShellProps): ReactNode;
+export {};
+//# sourceMappingURL=workspace-settings-shell.d.ts.map

package/dist/components/workspace-settings-shell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-settings-shell.d.ts","sourceRoot":"","sources":["../../src/components/workspace-settings-shell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,kBAAkB,EAAC,MAAM,+BAA+B,CAAC;AACjE,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAErC,UAAU,2BAA2B;IACnC,QAAQ,EAAE,CAAC,SAAS,EAAE,UAAU,CAAC,OAAO,kBAAkB,CAAC,KAAK,SAAS,CAAC;CAC3E;AAED,wBAAgB,sBAAsB,CAAC,EAAC,QAAQ,EAAC,EAAE,2BAA2B,aAI7E"}

package/dist/components/workspace-settings-shell.js

@@ -0,0 +1,7 @@
+import { useActiveWorkspace } from '@shipfox/client-shell/runtime';
+export function WorkspaceSettingsShell({ children }) {
+    const workspace = useActiveWorkspace();
+    return children(workspace);
+}
+
+//# sourceMappingURL=workspace-settings-shell.js.map

package/dist/components/workspace-settings-shell.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/workspace-settings-shell.tsx"],"sourcesContent":["import {useActiveWorkspace} from '@shipfox/client-shell/runtime';\nimport type {ReactNode} from 'react';\n\ninterface WorkspaceSettingsShellProps {\n  children: (workspace: ReturnType<typeof useActiveWorkspace>) => ReactNode;\n}\n\nexport function WorkspaceSettingsShell({children}: WorkspaceSettingsShellProps) {\n  const workspace = useActiveWorkspace();\n\n  return children(workspace);\n}\n"],"names":["useActiveWorkspace","WorkspaceSettingsShell","children","workspace"],"mappings":"AAAA,SAAQA,kBAAkB,QAAO,gCAAgC;AAOjE,OAAO,SAASC,uBAAuB,EAACC,QAAQ,EAA8B;IAC5E,MAAMC,YAAYH;IAElB,OAAOE,SAASC;AAClB"}