@orthacms/workspaces-admin 0.0.0-reserve.0

package/dist/lib/presentation/components/WorkspaceDangerSettings/index.js

@@ -0,0 +1,150 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { defineMessages, useIntl } from 'react-intl';
+import { Button, Card, CardContent, CardDescription, CardHeader, CardTitle, ConfirmDialog, Separator, toast } from '@orthacms/design-system';
+import { useSetWorkspaceStatus } from '../../../application/useSetWorkspaceStatus';
+import { useDeleteWorkspace } from '../../../application/useDeleteWorkspace';
+import { isConflict } from '../../../infrastructure/isConflict';
+import { DeleteWorkspaceDialog } from './DeleteWorkspaceDialog';
+const messages = defineMessages({
+    title: {
+        id: 'workspaces.settings.danger.title',
+        defaultMessage: 'Danger zone'
+    },
+    description: {
+        id: 'workspaces.settings.danger.description',
+        defaultMessage: 'Archiving hides a workspace from everyday use; deleting is permanent. Proceed carefully.'
+    },
+    archiveHeading: {
+        id: 'workspaces.settings.danger.archiveHeading',
+        defaultMessage: 'Archive workspace'
+    },
+    archiveBody: {
+        id: 'workspaces.settings.danger.archiveBody',
+        defaultMessage: 'Mark this workspace archived. Its content and members are kept; you can unarchive it any time.'
+    },
+    unarchiveHeading: {
+        id: 'workspaces.settings.danger.unarchiveHeading',
+        defaultMessage: 'Unarchive workspace'
+    },
+    unarchiveBody: {
+        id: 'workspaces.settings.danger.unarchiveBody',
+        defaultMessage: 'This workspace is archived. Restore it to active use.'
+    },
+    archiveAction: {
+        id: 'workspaces.settings.danger.archiveAction',
+        defaultMessage: 'Archive'
+    },
+    unarchiveAction: {
+        id: 'workspaces.settings.danger.unarchiveAction',
+        defaultMessage: 'Unarchive'
+    },
+    deleteHeading: {
+        id: 'workspaces.settings.danger.deleteHeading',
+        defaultMessage: 'Delete workspace'
+    },
+    deleteBody: {
+        id: 'workspaces.settings.danger.deleteBody',
+        defaultMessage: 'Permanently delete this workspace, its memberships, and its content grants. This cannot be undone.'
+    },
+    deleteAction: {
+        id: 'workspaces.settings.danger.deleteAction',
+        defaultMessage: 'Delete workspace'
+    },
+    archiveConfirmTitle: {
+        id: 'workspaces.settings.danger.archiveConfirmTitle',
+        defaultMessage: 'Archive “{name}”?'
+    },
+    archiveConfirmBody: {
+        id: 'workspaces.settings.danger.archiveConfirmBody',
+        defaultMessage: 'The workspace will be hidden from the default view. Members keep their access and you can unarchive it later.'
+    },
+    archived: {
+        id: 'workspaces.settings.danger.archived',
+        defaultMessage: 'Workspace archived.'
+    },
+    unarchived: {
+        id: 'workspaces.settings.danger.unarchived',
+        defaultMessage: 'Workspace restored.'
+    },
+    statusError: {
+        id: 'workspaces.settings.danger.statusError',
+        defaultMessage: 'Couldn’t change the workspace status. Please try again.'
+    },
+    deleted: {
+        id: 'workspaces.settings.danger.deleted',
+        defaultMessage: 'Workspace deleted.'
+    },
+    deleteError: {
+        id: 'workspaces.settings.danger.deleteError',
+        defaultMessage: 'Couldn’t delete the workspace. Please try again.'
+    },
+    deleteNotEmpty: {
+        id: 'workspaces.settings.danger.deleteNotEmpty',
+        defaultMessage: 'This workspace still has content. Delete all records first, then delete the workspace.'
+    }
+});
+/**
+ * The Danger-zone settings tab: archive/unarchive (`workspaces:update`) and
+ * permanently delete (`workspaces:delete`), each behind a typed confirmation.
+ * On delete the user is sent back to the workspaces grid (the shell route is
+ * gone).
+ */
+export function WorkspaceDangerSettings({ workspace, canUpdate, canDelete }) {
+    const intl = useIntl();
+    const navigate = useNavigate();
+    const setStatus = useSetWorkspaceStatus();
+    const remove = useDeleteWorkspace();
+    const [confirmingArchive, setConfirmingArchive] = useState(false);
+    const [confirmingDelete, setConfirmingDelete] = useState(false);
+    const isArchived = workspace.status === 'Archived';
+    const toggleArchive = async () => {
+        try {
+            await setStatus.mutateAsync({
+                id: workspace.id,
+                status: isArchived ? 'Active' : 'Archived'
+            });
+            toast.success(intl.formatMessage(isArchived ? messages.unarchived : messages.archived));
+        }
+        catch {
+            toast.error(intl.formatMessage(messages.statusError));
+        }
+        finally {
+            setConfirmingArchive(false);
+        }
+    };
+    const confirmDelete = async () => {
+        try {
+            await remove.mutateAsync(workspace.id);
+            toast.success(intl.formatMessage(messages.deleted));
+            navigate('/workspaces');
+        }
+        catch (error) {
+            // The dialog blocks a non-empty delete up front; this 409 is only a
+            // safety net for content created between the check and the confirm.
+            (isConflict(error) ? toast.warning : toast.error)(intl.formatMessage(isConflict(error)
+                ? messages.deleteNotEmpty
+                : messages.deleteError));
+            setConfirmingDelete(false);
+        }
+    };
+    return (_jsxs(Card, { className: "border-destructive/40", children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { asChild: true, className: "text-destructive", children: _jsx("h2", { children: intl.formatMessage(messages.title) }) }), _jsx(CardDescription, { children: intl.formatMessage(messages.description) })] }), _jsxs(CardContent, { className: "flex flex-col gap-4", children: [canUpdate ? (_jsxs("div", { className: "flex items-start justify-between gap-4", children: [_jsxs("div", { className: "flex flex-col", children: [_jsx("span", { className: "text-sm font-medium", children: intl.formatMessage(isArchived
+                                            ? messages.unarchiveHeading
+                                            : messages.archiveHeading) }), _jsx("span", { className: "text-sm text-muted-foreground", children: intl.formatMessage(isArchived
+                                            ? messages.unarchiveBody
+                                            : messages.archiveBody) })] }), _jsx(Button, { type: "button", variant: "outline", className: "shrink-0", disabled: setStatus.isPending, onClick: () => {
+                                    // Unarchiving is low-risk, so it applies
+                                    // directly; archiving asks first.
+                                    if (isArchived) {
+                                        toggleArchive();
+                                    }
+                                    else {
+                                        setConfirmingArchive(true);
+                                    }
+                                }, children: intl.formatMessage(isArchived
+                                    ? messages.unarchiveAction
+                                    : messages.archiveAction) })] })) : null, canUpdate && canDelete ? _jsx(Separator, {}) : null, canDelete ? (_jsxs("div", { className: "flex items-start justify-between gap-4", children: [_jsxs("div", { className: "flex flex-col", children: [_jsx("span", { className: "text-sm font-medium", children: intl.formatMessage(messages.deleteHeading) }), _jsx("span", { className: "text-sm text-muted-foreground", children: intl.formatMessage(messages.deleteBody) })] }), _jsx(Button, { type: "button", variant: "destructive", className: "shrink-0", disabled: remove.isPending, onClick: () => setConfirmingDelete(true), children: intl.formatMessage(messages.deleteAction) })] })) : null] }), _jsx(ConfirmDialog, { open: confirmingArchive, onOpenChange: setConfirmingArchive, title: intl.formatMessage(messages.archiveConfirmTitle, {
+                    name: workspace.name
+                }), description: intl.formatMessage(messages.archiveConfirmBody), confirmLabel: intl.formatMessage(messages.archiveAction), busy: setStatus.isPending, onConfirm: toggleArchive }), _jsx(DeleteWorkspaceDialog, { workspace: confirmingDelete ? workspace : null, onClose: () => setConfirmingDelete(false), onConfirm: confirmDelete, busy: remove.isPending })] }));
+}

package/dist/lib/presentation/components/WorkspaceGeneralSettings/WorkspaceIdField/index.d.ts

@@ -0,0 +1,19 @@
+/** Props for {@link WorkspaceIdField}. */
+export type WorkspaceIdFieldProps = {
+    /** The workspace's stable id. */
+    workspaceId: string;
+};
+/**
+ * The workspace's id, shown read-only with a copy button — the value an
+ * integrator needs for the public content API's `X-Workspace-Id` header, which
+ * was otherwise only obtainable from the browser's address bar.
+ *
+ * Unlike the slug field beside it, the input is `readOnly` but **not**
+ * `disabled`: a disabled input can't be focused or selected, so it could
+ * neither be copied by keyboard nor read by a screen reader's forms mode —
+ * which would defeat the point of the field. Focusing it selects the whole id,
+ * so manual copying works even where the Clipboard API is unavailable (an
+ * insecure origin, or denied permission — the failure path this handles).
+ */
+export declare function WorkspaceIdField({ workspaceId }: WorkspaceIdFieldProps): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/presentation/components/WorkspaceGeneralSettings/WorkspaceIdField/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/presentation/components/WorkspaceGeneralSettings/WorkspaceIdField/index.tsx"],"names":[],"mappings":"AA0CA,0CAA0C;AAC1C,MAAM,MAAM,qBAAqB,GAAG;IAChC,iCAAiC;IACjC,WAAW,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,WAAW,EAAE,EAAE,qBAAqB,+BAiEtE"}

package/dist/lib/presentation/components/WorkspaceGeneralSettings/WorkspaceIdField/index.js

@@ -0,0 +1,72 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { defineMessages, useIntl } from 'react-intl';
+import { Check, Copy } from 'lucide-react';
+import { Field, FieldDescription, FieldLabel, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, toast } from '@orthacms/design-system';
+/** How long the button shows its "copied" check before reverting. */
+const COPIED_RESET_MS = 2000;
+const messages = defineMessages({
+    label: {
+        id: 'workspaces.settings.general.workspaceIdLabel',
+        defaultMessage: 'Workspace ID'
+    },
+    hint: {
+        id: 'workspaces.settings.general.workspaceIdHint',
+        defaultMessage: 'Identifies this workspace to the API. Send it as the X-Workspace-Id header when a token covers more than one workspace.'
+    },
+    copy: {
+        id: 'workspaces.settings.general.workspaceIdCopy',
+        defaultMessage: 'Copy workspace ID'
+    },
+    copied: {
+        id: 'workspaces.settings.general.workspaceIdCopied',
+        defaultMessage: 'Workspace ID copied to clipboard'
+    },
+    copyFailed: {
+        id: 'workspaces.settings.general.workspaceIdCopyFailed',
+        defaultMessage: 'Couldn’t reach the clipboard. Select the ID and copy it manually.'
+    }
+});
+/**
+ * The workspace's id, shown read-only with a copy button — the value an
+ * integrator needs for the public content API's `X-Workspace-Id` header, which
+ * was otherwise only obtainable from the browser's address bar.
+ *
+ * Unlike the slug field beside it, the input is `readOnly` but **not**
+ * `disabled`: a disabled input can't be focused or selected, so it could
+ * neither be copied by keyboard nor read by a screen reader's forms mode —
+ * which would defeat the point of the field. Focusing it selects the whole id,
+ * so manual copying works even where the Clipboard API is unavailable (an
+ * insecure origin, or denied permission — the failure path this handles).
+ */
+export function WorkspaceIdField({ workspaceId }) {
+    const intl = useIntl();
+    const [copied, setCopied] = useState(false);
+    const resetTimer = useRef(null);
+    // Clear a pending reset on unmount so the timeout can't fire into an
+    // unmounted component (this section remounts whenever the workspace list
+    // refetches, since the page keys it by workspace id).
+    useEffect(() => () => {
+        if (resetTimer.current) {
+            clearTimeout(resetTimer.current);
+        }
+    }, []);
+    const copy = async () => {
+        try {
+            await navigator.clipboard.writeText(workspaceId);
+            setCopied(true);
+            toast.success(intl.formatMessage(messages.copied));
+            if (resetTimer.current) {
+                clearTimeout(resetTimer.current);
+            }
+            resetTimer.current = setTimeout(() => setCopied(false), COPIED_RESET_MS);
+        }
+        catch {
+            // Clipboard access can be denied (insecure origin, permissions).
+            // The id is selectable in the field, so say so rather than
+            // failing silently.
+            toast.error(intl.formatMessage(messages.copyFailed));
+        }
+    };
+    return (_jsxs(Field, { children: [_jsx(FieldLabel, { htmlFor: "settings-workspace-id", children: intl.formatMessage(messages.label) }), _jsxs(InputGroup, { children: [_jsx(InputGroupInput, { id: "settings-workspace-id", value: workspaceId, readOnly: true, className: "font-mono", onFocus: (event) => event.currentTarget.select() }), _jsx(InputGroupAddon, { align: "inline-end", children: _jsx(InputGroupButton, { size: "icon-xs", onClick: copy, "aria-label": intl.formatMessage(messages.copy), children: copied ? _jsx(Check, { "aria-hidden": true }) : _jsx(Copy, { "aria-hidden": true }) }) })] }), _jsx(FieldDescription, { children: intl.formatMessage(messages.hint) })] }));
+}

package/dist/lib/presentation/components/WorkspaceGeneralSettings/index.d.ts

@@ -0,0 +1,18 @@
+import type { Workspace } from '../../../domain/types/workspace';
+/** Props for {@link WorkspaceGeneralSettings}. */
+export type WorkspaceGeneralSettingsProps = {
+    /** The workspace being edited. */
+    workspace: Workspace;
+    /** Whether the current user may edit (holds `workspaces:update`). */
+    canUpdate: boolean;
+};
+/**
+ * The General settings tab: edit the workspace name, description, and avatar
+ * color. Name/description use TanStack Form + the localized
+ * {@link useWorkspaceProfileSchema}; the color is a small piece of local state
+ * (a radio row, not a text field). The slug is shown read-only (it's immutable).
+ * When the user lacks `workspaces:update` the fields are disabled and the save
+ * action is hidden.
+ */
+export declare function WorkspaceGeneralSettings({ workspace, canUpdate }: WorkspaceGeneralSettingsProps): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/presentation/components/WorkspaceGeneralSettings/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/presentation/components/WorkspaceGeneralSettings/index.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAkEjE,kDAAkD;AAClD,MAAM,MAAM,6BAA6B,GAAG;IACxC,kCAAkC;IAClC,SAAS,EAAE,SAAS,CAAC;IACrB,qEAAqE;IACrE,SAAS,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF;;;;;;;GAOG;AACH,wBAAgB,wBAAwB,CAAC,EACrC,SAAS,EACT,SAAS,EACZ,EAAE,6BAA6B,+BAyO/B"}

package/dist/lib/presentation/components/WorkspaceGeneralSettings/index.js

@@ -0,0 +1,131 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from 'react';
+import { useForm } from '@tanstack/react-form';
+import { defineMessages, useIntl } from 'react-intl';
+import { Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Field, FieldDescription, FieldError, FieldGroup, FieldLabel, Input, Spinner, Textarea, toast } from '@orthacms/design-system';
+import { initialsOf } from '@orthacms/utils-admin';
+import { useWorkspaceProfileSchema } from '../../hooks/useWorkspaceProfileSchema';
+import { useUpdateWorkspace } from '../../../application/useUpdateWorkspace';
+import { DESCRIPTION_MAX, NAME_MAX } from '../../../domain/workspaceLimits';
+import { ColorSwatchRow } from '../ColorSwatchRow';
+import { WorkspaceAvatar } from '../WorkspaceAvatar';
+import { WorkspaceIdField } from './WorkspaceIdField';
+const messages = defineMessages({
+    title: {
+        id: 'workspaces.settings.general.title',
+        defaultMessage: 'General'
+    },
+    description: {
+        id: 'workspaces.settings.general.description',
+        defaultMessage: 'Your workspace name, description, and avatar color. These are visible to everyone with access.'
+    },
+    nameLabel: {
+        id: 'workspaces.settings.general.nameLabel',
+        defaultMessage: 'Name'
+    },
+    nameHint: {
+        id: 'workspaces.settings.general.nameHint',
+        defaultMessage: 'A short, recognizable name for this workspace.'
+    },
+    descriptionLabel: {
+        id: 'workspaces.settings.general.descriptionLabel',
+        defaultMessage: 'Description'
+    },
+    descriptionHint: {
+        id: 'workspaces.settings.general.descriptionHint',
+        defaultMessage: 'Optional. What this workspace is for.'
+    },
+    slugLabel: {
+        id: 'workspaces.settings.general.slugLabel',
+        defaultMessage: 'URL slug'
+    },
+    slugHint: {
+        id: 'workspaces.settings.general.slugHint',
+        defaultMessage: 'The workspace’s stable identifier. It can’t be changed after creation.'
+    },
+    readOnly: {
+        id: 'workspaces.settings.general.readOnly',
+        defaultMessage: 'You have read-only access. Ask an administrator to change these details.'
+    },
+    save: {
+        id: 'workspaces.settings.general.save',
+        defaultMessage: 'Save changes'
+    },
+    saving: {
+        id: 'workspaces.settings.general.saving',
+        defaultMessage: 'Saving…'
+    },
+    saved: {
+        id: 'workspaces.settings.general.saved',
+        defaultMessage: 'Workspace details saved.'
+    },
+    error: {
+        id: 'workspaces.settings.general.error',
+        defaultMessage: 'Couldn’t save your changes. Please try again.'
+    }
+});
+/**
+ * The General settings tab: edit the workspace name, description, and avatar
+ * color. Name/description use TanStack Form + the localized
+ * {@link useWorkspaceProfileSchema}; the color is a small piece of local state
+ * (a radio row, not a text field). The slug is shown read-only (it's immutable).
+ * When the user lacks `workspaces:update` the fields are disabled and the save
+ * action is hidden.
+ */
+export function WorkspaceGeneralSettings({ workspace, canUpdate }) {
+    const intl = useIntl();
+    const schema = useWorkspaceProfileSchema();
+    const update = useUpdateWorkspace();
+    const [color, setColor] = useState(workspace.color);
+    // The last saved color — the color dirty baseline. It re-baselines on save
+    // success (before the list refetches and remounts this keyed component) so
+    // a color-only save clears the dirty state and can't be PATCHed twice.
+    const [savedColor, setSavedColor] = useState(workspace.color);
+    const colorDirty = color !== savedColor;
+    const form = useForm({
+        defaultValues: {
+            name: workspace.name,
+            description: workspace.description
+        },
+        validators: { onChange: schema },
+        onSubmit: async ({ value }) => {
+            try {
+                await update.mutateAsync({
+                    id: workspace.id,
+                    name: value.name.trim(),
+                    description: value.description.trim(),
+                    color
+                });
+                // Re-baseline both the form and the color to the saved values so
+                // the section reads clean immediately — before the invalidated
+                // list refetches and remounts this component — preventing a
+                // duplicate PATCH if Save is clicked again.
+                form.reset(value);
+                setSavedColor(color);
+                toast.success(intl.formatMessage(messages.saved));
+            }
+            catch {
+                toast.error(intl.formatMessage(messages.error));
+            }
+        }
+    });
+    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { asChild: true, children: _jsx("h2", { children: intl.formatMessage(messages.title) }) }), _jsx(CardDescription, { children: intl.formatMessage(messages.description) })] }), _jsxs("form", { noValidate: true, onSubmit: (event) => {
+                    event.preventDefault();
+                    event.stopPropagation();
+                    form.handleSubmit();
+                }, children: [_jsx(CardContent, { children: _jsxs("div", { className: "flex flex-col gap-6 sm:flex-row sm:items-start", children: [_jsx(form.Subscribe, { selector: (state) => state.values.name, children: (name) => (_jsx("div", { className: "flex shrink-0 justify-center sm:pt-1", children: _jsx(WorkspaceAvatar, { className: "size-16 text-lg", initials: initialsOf(name) || '—', color: color }) })) }), _jsxs(FieldGroup, { className: "flex-1", children: [_jsx(form.Field, { name: "name", children: (field) => {
+                                                const invalid = field.state.meta.isTouched &&
+                                                    field.state.meta.errors.length > 0;
+                                                return (_jsxs(Field, { "data-invalid": invalid, children: [_jsx(FieldLabel, { htmlFor: "settings-name", children: intl.formatMessage(messages.nameLabel) }), _jsx(Input, { id: "settings-name", value: field.state.value, onChange: (event) => field.handleChange(event.target.value), onBlur: field.handleBlur, maxLength: NAME_MAX, disabled: !canUpdate, "aria-invalid": invalid }), invalid ? (_jsx(FieldError, { errors: field.state.meta.errors })) : (_jsx(FieldDescription, { children: intl.formatMessage(messages.nameHint) }))] }));
+                                            } }), _jsx(form.Field, { name: "description", children: (field) => {
+                                                const invalid = field.state.meta.isTouched &&
+                                                    field.state.meta.errors.length > 0;
+                                                return (_jsxs(Field, { "data-invalid": invalid, children: [_jsx(FieldLabel, { htmlFor: "settings-description", children: intl.formatMessage(messages.descriptionLabel) }), _jsx(Textarea, { id: "settings-description", value: field.state.value, onChange: (event) => field.handleChange(event.target.value), onBlur: field.handleBlur, maxLength: DESCRIPTION_MAX, rows: 3, disabled: !canUpdate, "aria-invalid": invalid }), invalid ? (_jsx(FieldError, { errors: field.state.meta.errors })) : (_jsx(FieldDescription, { children: intl.formatMessage(messages.descriptionHint) }))] }));
+                                            } }), _jsx(ColorSwatchRow, { value: color, onChange: (next) => canUpdate && setColor(next) }), _jsxs(Field, { children: [_jsx(FieldLabel, { htmlFor: "settings-slug", children: intl.formatMessage(messages.slugLabel) }), _jsx(Input, { id: "settings-slug", value: workspace.slug, readOnly: true, className: "bg-muted text-muted-foreground" }), _jsx(FieldDescription, { children: intl.formatMessage(messages.slugHint) })] }), _jsx(WorkspaceIdField, { workspaceId: workspace.id })] })] }) }), canUpdate ? (_jsx(CardFooter, { className: "justify-end border-t pt-6", children: _jsx(form.Subscribe, { selector: (state) => ({
+                                canSubmit: state.canSubmit,
+                                isDirty: state.isDirty,
+                                isSubmitting: state.isSubmitting
+                            }), children: ({ canSubmit, isDirty, isSubmitting }) => (_jsx(Button, { type: "submit", disabled: !canSubmit ||
+                                    (!isDirty && !colorDirty) ||
+                                    isSubmitting, children: isSubmitting ? (_jsxs(_Fragment, { children: [_jsx(Spinner, {}), intl.formatMessage(messages.saving)] })) : (intl.formatMessage(messages.save)) })) }) })) : (_jsx(CardFooter, { className: "border-t pt-6", children: _jsx("p", { className: "text-sm text-muted-foreground", children: intl.formatMessage(messages.readOnly) }) }))] })] }));
+}

package/dist/lib/presentation/components/WorkspaceMembersSettings/MemberDirectorySearch/index.d.ts

@@ -0,0 +1,18 @@
+import type { DirectoryUser } from '../../../../domain/types/wizard';
+/** Props for {@link MemberDirectorySearch}. */
+export type MemberDirectorySearchProps = {
+    /** Ids already members — excluded from results so they can't be re-added. */
+    excludeIds: Set<string>;
+    /** Called when a directory user is chosen. */
+    onSelect: (user: DirectoryUser) => void;
+    /** Disables the input while an add is in flight. */
+    busy?: boolean;
+};
+/**
+ * Searchable input that assigns **existing** directory users to the workspace.
+ * Unlike the create wizard's typeahead there is no invite-by-email path — the
+ * add-member endpoint links a real account by id — so a typed email that isn't
+ * in the directory simply yields no result.
+ */
+export declare function MemberDirectorySearch({ excludeIds, onSelect, busy }: MemberDirectorySearchProps): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/presentation/components/WorkspaceMembersSettings/MemberDirectorySearch/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/presentation/components/WorkspaceMembersSettings/MemberDirectorySearch/index.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AA2BrE,+CAA+C;AAC/C,MAAM,MAAM,0BAA0B,GAAG;IACrC,6EAA6E;IAC7E,UAAU,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACxB,8CAA8C;IAC9C,QAAQ,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IACxC,oDAAoD;IACpD,IAAI,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,qBAAqB,CAAC,EAClC,UAAU,EACV,QAAQ,EACR,IAAY,EACf,EAAE,0BAA0B,+BAmH5B"}

package/dist/lib/presentation/components/WorkspaceMembersSettings/MemberDirectorySearch/index.js

@@ -0,0 +1,65 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { defineMessages, useIntl } from 'react-intl';
+import { Search } from 'lucide-react';
+import { cn, InputGroup, InputGroupAddon, InputGroupInput, Popover, PopoverAnchor, PopoverContent, Spinner } from '@orthacms/design-system';
+import { useUsersSearch } from '../../../../application/useUsersSearch';
+import { useComboboxList } from '../../../hooks/useComboboxList';
+const messages = defineMessages({
+    placeholder: {
+        id: 'workspaces.settings.members.searchPlaceholder',
+        defaultMessage: 'Add people by name or email'
+    },
+    searching: {
+        id: 'workspaces.settings.members.searching',
+        defaultMessage: 'Searching…'
+    },
+    results: {
+        id: 'workspaces.settings.members.resultsAnnouncement',
+        defaultMessage: '{count, plural, =0 {No people match your search.} one {# person available.} other {# people available.}}'
+    },
+    noResults: {
+        id: 'workspaces.settings.members.noResults',
+        defaultMessage: 'No people match your search.'
+    },
+    loadError: {
+        id: 'workspaces.settings.members.loadError',
+        defaultMessage: 'Couldn’t load people. Please try again.'
+    }
+});
+/**
+ * Searchable input that assigns **existing** directory users to the workspace.
+ * Unlike the create wizard's typeahead there is no invite-by-email path — the
+ * add-member endpoint links a real account by id — so a typed email that isn't
+ * in the directory simply yields no result.
+ */
+export function MemberDirectorySearch({ excludeIds, onSelect, busy = false }) {
+    const intl = useIntl();
+    const [query, setQuery] = useState('');
+    const { users, loading, isError } = useUsersSearch(query);
+    const trimmed = query.trim();
+    const results = users.filter((user) => !excludeIds.has(user.id));
+    const open = trimmed.length > 0;
+    const select = (user) => {
+        onSelect(user);
+        setQuery('');
+    };
+    const combobox = useComboboxList({
+        count: results.length,
+        open,
+        onSelect: (index) => {
+            const user = results[index];
+            if (user)
+                select(user);
+        },
+        onDismiss: () => setQuery('')
+    });
+    return (_jsxs(Popover, { open: open, onOpenChange: (next) => {
+            if (!next)
+                setQuery('');
+        }, children: [_jsx(PopoverAnchor, { asChild: true, children: _jsxs(InputGroup, { className: "shadow-none", children: [_jsx(InputGroupAddon, { children: _jsx(Search, {}) }), _jsx(InputGroupInput, { value: query, onChange: (event) => setQuery(event.target.value), onKeyDown: combobox.onKeyDown, placeholder: intl.formatMessage(messages.placeholder), "aria-label": intl.formatMessage(messages.placeholder), role: "combobox", "aria-expanded": open, "aria-controls": combobox.listboxId, "aria-activedescendant": combobox.activeId, "aria-autocomplete": "list", autoComplete: "off", disabled: busy })] }) }), _jsx(PopoverContent, { align: "start", onOpenAutoFocus: (event) => event.preventDefault(), className: "w-[var(--radix-popover-trigger-width)] p-1", children: loading ? (_jsxs("p", { className: "flex items-center gap-2 px-2 py-2 text-sm text-muted-foreground", children: [_jsx(Spinner, { className: "size-3.5" }), intl.formatMessage(messages.searching)] })) : isError ? (_jsx("p", { role: "alert", className: "px-2 py-2 text-sm text-destructive", children: intl.formatMessage(messages.loadError) })) : results.length === 0 ? (_jsx("p", { className: "px-2 py-2 text-sm text-muted-foreground", children: intl.formatMessage(messages.noResults) })) : (_jsx("ul", { id: combobox.listboxId, role: "listbox", "aria-label": intl.formatMessage(messages.placeholder), className: "flex flex-col", children: results.map((user, i) => (_jsxs("li", { id: combobox.optionId(i), role: "option", "aria-selected": combobox.activeIndex === i, onClick: () => select(user), onMouseEnter: () => combobox.setActiveIndex(i), className: cn('flex w-full items-center gap-2 rounded-sm px-2 py-1.5 text-left text-sm', combobox.activeIndex === i && 'bg-accent'), children: [_jsx("span", { className: "truncate font-medium", children: user.name }), _jsx("span", { className: "truncate text-xs text-muted-foreground", children: user.email })] }, user.id))) })) }), _jsx("span", { role: "status", "aria-live": "polite", className: "sr-only", children: !open || loading || isError
+                    ? ''
+                    : intl.formatMessage(messages.results, {
+                        count: results.length
+                    }) })] }));
+}

package/dist/lib/presentation/components/WorkspaceMembersSettings/MemberListRow/index.d.ts

@@ -0,0 +1,17 @@
+import type { WorkspaceMember } from '../../../../domain/types/workspace';
+/** Props for {@link MemberListRow}. */
+export type MemberListRowProps = {
+    /** The member to render. */
+    member: WorkspaceMember;
+    /** Whether a remove control should be offered. */
+    canRemove: boolean;
+    /** Called when the remove control is pressed. */
+    onRemove: () => void;
+};
+/**
+ * One row in the members roster: avatar, name, email, and — when the current
+ * user may manage members — a remove button. Access is permission-based, so no
+ * member is special.
+ */
+export declare function MemberListRow({ member, canRemove, onRemove }: MemberListRowProps): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/presentation/components/WorkspaceMembersSettings/MemberListRow/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/presentation/components/WorkspaceMembersSettings/MemberListRow/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAU1E,uCAAuC;AACvC,MAAM,MAAM,kBAAkB,GAAG;IAC7B,4BAA4B;IAC5B,MAAM,EAAE,eAAe,CAAC;IACxB,kDAAkD;IAClD,SAAS,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,QAAQ,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAC1B,MAAM,EACN,SAAS,EACT,QAAQ,EACX,EAAE,kBAAkB,+BAqCpB"}

package/dist/lib/presentation/components/WorkspaceMembersSettings/MemberListRow/index.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { defineMessages, useIntl } from 'react-intl';
+import { X } from 'lucide-react';
+import { Button } from '@orthacms/design-system';
+import { WorkspaceAvatar } from '../../WorkspaceAvatar';
+const messages = defineMessages({
+    remove: {
+        id: 'workspaces.settings.members.remove',
+        defaultMessage: 'Remove {name}'
+    }
+});
+/**
+ * One row in the members roster: avatar, name, email, and — when the current
+ * user may manage members — a remove button. Access is permission-based, so no
+ * member is special.
+ */
+export function MemberListRow({ member, canRemove, onRemove }) {
+    const intl = useIntl();
+    return (_jsxs("div", { className: "flex items-center gap-3 px-3 py-2", children: [_jsx(WorkspaceAvatar, { className: "size-9 text-xs", initials: member.initials || '—', color: member.color }), _jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [_jsx("span", { className: "truncate text-sm font-medium", children: member.name }), _jsx("span", { className: "truncate text-xs text-muted-foreground", children: member.email })] }), canRemove ? (_jsx(Button, { type: "button", variant: "ghost", size: "icon", "data-remove-member": "", onClick: onRemove, "aria-label": intl.formatMessage(messages.remove, {
+                    name: member.name
+                }), children: _jsx(X, { className: "size-4" }) })) : null] }));
+}

package/dist/lib/presentation/components/WorkspaceMembersSettings/index.d.ts

@@ -0,0 +1,16 @@
+import type { Workspace } from '../../../domain/types/workspace';
+/** Props for {@link WorkspaceMembersSettings}. */
+export type WorkspaceMembersSettingsProps = {
+    /** The workspace whose members are managed. */
+    workspace: Workspace;
+    /** Whether the current user may manage members (holds `workspaces:update`). */
+    canUpdate: boolean;
+};
+/**
+ * The Members settings tab: assign existing directory users and remove members
+ * with a confirmation. Access is purely permission-based — every control is
+ * gated on `workspaces:update`, and no member is special; without the permission
+ * the roster is read-only.
+ */
+export declare function WorkspaceMembersSettings({ workspace, canUpdate }: WorkspaceMembersSettingsProps): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/presentation/components/WorkspaceMembersSettings/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/presentation/components/WorkspaceMembersSettings/index.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EACR,SAAS,EAEZ,MAAM,iCAAiC,CAAC;AAwDzC,kDAAkD;AAClD,MAAM,MAAM,6BAA6B,GAAG;IACxC,+CAA+C;IAC/C,SAAS,EAAE,SAAS,CAAC;IACrB,+EAA+E;IAC/E,SAAS,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,wBAAwB,CAAC,EACrC,SAAS,EACT,SAAS,EACZ,EAAE,6BAA6B,+BAqI/B"}