@orthacms/workspaces-admin 0.0.0-reserve.0

package/dist/lib/presentation/components/WorkspaceContentSettings/AddContentDialog/index.js

@@ -0,0 +1,89 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from 'react';
+import { defineMessages, useIntl } from 'react-intl';
+import { FileText, Layers, Search } from 'lucide-react';
+import { Badge, Button, Checkbox, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, InputGroup, InputGroupAddon, InputGroupInput, Spinner } from '@orthacms/design-system';
+import { isPage } from '..';
+const messages = defineMessages({
+    searchPlaceholder: {
+        id: 'workspaces.settings.content.addDialog.searchPlaceholder',
+        defaultMessage: 'Search content types'
+    },
+    collection: {
+        id: 'workspaces.settings.content.kindCollection',
+        defaultMessage: 'Collection'
+    },
+    single: {
+        id: 'workspaces.settings.content.kindSingle',
+        defaultMessage: 'Page'
+    },
+    noMatches: {
+        id: 'workspaces.settings.content.addDialog.noMatches',
+        defaultMessage: 'No content types match your search.'
+    },
+    allGranted: {
+        id: 'workspaces.settings.content.allGranted',
+        defaultMessage: 'Every content type is already granted.'
+    },
+    cancel: {
+        id: 'workspaces.settings.content.addDialog.cancel',
+        defaultMessage: 'Cancel'
+    },
+    save: {
+        id: 'workspaces.settings.content.addDialog.save',
+        defaultMessage: '{count, plural, =0 {Add} one {Add # type} other {Add # types}}'
+    }
+});
+/**
+ * A search + multi-select dialog for granting content types of a **single kind**
+ * (collections or pages — the caller pre-filters `available` and labels it via
+ * `title`): type to filter, tick any number, then Add them in one go. Selection
+ * + query reset each time the dialog opens.
+ */
+export function AddContentDialog({ open, onOpenChange, title, description, available, onConfirm, busy = false }) {
+    const intl = useIntl();
+    const [query, setQuery] = useState('');
+    const [selected, setSelected] = useState(new Set());
+    // Reset the query + selection whenever the dialog (re)opens.
+    useEffect(() => {
+        if (open) {
+            setQuery('');
+            setSelected(new Set());
+        }
+    }, [open]);
+    const filtered = useMemo(() => {
+        const q = query.trim().toLowerCase();
+        if (!q)
+            return available;
+        return available.filter((type) => [type.label, type.name, type.path]
+            .filter(Boolean)
+            .some((field) => field?.toLowerCase().includes(q)));
+    }, [available, query]);
+    const toggle = (slug) => {
+        setSelected((prev) => {
+            const next = new Set(prev);
+            if (next.has(slug))
+                next.delete(slug);
+            else
+                next.add(slug);
+            return next;
+        });
+    };
+    const confirm = async () => {
+        if (selected.size === 0)
+            return;
+        await onConfirm([...selected]);
+    };
+    return (_jsx(Dialog, { open: open, onOpenChange: (next) => {
+            if (!busy)
+                onOpenChange(next);
+        }, children: _jsxs(DialogContent, { className: "gap-4", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: title }), _jsx(DialogDescription, { children: description })] }), _jsxs(InputGroup, { className: "shadow-none", children: [_jsx(InputGroupAddon, { children: _jsx(Search, {}) }), _jsx(InputGroupInput, { value: query, onChange: (event) => setQuery(event.target.value), placeholder: intl.formatMessage(messages.searchPlaceholder), "aria-label": intl.formatMessage(messages.searchPlaceholder), autoComplete: "off" })] }), _jsx("div", { className: "max-h-72 overflow-y-auto rounded-xl border", children: available.length === 0 ? (_jsx("p", { className: "px-3 py-6 text-center text-sm text-muted-foreground", children: intl.formatMessage(messages.allGranted) })) : filtered.length === 0 ? (_jsx("p", { className: "px-3 py-6 text-center text-sm text-muted-foreground", children: intl.formatMessage(messages.noMatches) })) : (_jsx("ul", { className: "flex flex-col", children: filtered.map((type) => {
+                            const isCollection = !isPage(type);
+                            const checked = selected.has(type.name);
+                            return (_jsx("li", { children: _jsxs("label", { className: "flex cursor-pointer items-center gap-3 px-3 py-2 hover:bg-accent", children: [_jsx(Checkbox, { checked: checked, onCheckedChange: () => toggle(type.name) }), isCollection ? (_jsx(Layers, { className: "size-4 shrink-0 text-muted-foreground" })) : (_jsx(FileText, { className: "size-4 shrink-0 text-muted-foreground" })), _jsx("span", { className: "min-w-0 flex-1 truncate text-sm font-medium", children: type.label ?? type.name }), _jsx(Badge, { variant: "secondary", children: intl.formatMessage(isCollection
+                                                ? messages.collection
+                                                : messages.single) })] }) }, type.name));
+                        }) })) }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "outline", onClick: () => onOpenChange(false), disabled: busy, children: intl.formatMessage(messages.cancel) }), _jsxs(Button, { onClick: confirm, disabled: busy || selected.size === 0, children: [busy ? _jsx(Spinner, {}) : null, intl.formatMessage(messages.save, {
+                                    count: selected.size
+                                })] })] })] }) }));
+}

package/dist/lib/presentation/components/WorkspaceContentSettings/GrantedContentGroup/index.d.ts

@@ -0,0 +1,21 @@
+import { type GrantedContent } from '../GrantedContentRow';
+/** Props for {@link GrantedContentGroup}. */
+export type GrantedContentGroupProps = {
+    /** Section heading (e.g. "Collections"). */
+    heading: string;
+    /** The granted items in this section. */
+    items: GrantedContent[];
+    /** Copy shown when the section has no grants. */
+    emptyLabel: string;
+    /** Whether remove controls should be offered. */
+    canRemove: boolean;
+    /** Called with the item to remove. */
+    onRemove: (item: GrantedContent) => void;
+};
+/**
+ * One kind's slice of the granted-content list — a heading with a count over a
+ * bordered list of rows (or an empty hint). The heading conveys the kind, so the
+ * rows drop their kind badge. Backs the Collections / Pages split.
+ */
+export declare function GrantedContentGroup({ heading, items, emptyLabel, canRemove, onRemove }: GrantedContentGroupProps): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/presentation/components/WorkspaceContentSettings/GrantedContentGroup/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/presentation/components/WorkspaceContentSettings/GrantedContentGroup/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAqB,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE9E,6CAA6C;AAC7C,MAAM,MAAM,wBAAwB,GAAG;IACnC,4CAA4C;IAC5C,OAAO,EAAE,MAAM,CAAC;IAChB,yCAAyC;IACzC,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,iDAAiD;IACjD,UAAU,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,SAAS,EAAE,OAAO,CAAC;IACnB,sCAAsC;IACtC,QAAQ,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,EAChC,OAAO,EACP,KAAK,EACL,UAAU,EACV,SAAS,EACT,QAAQ,EACX,EAAE,wBAAwB,+BA8B1B"}

package/dist/lib/presentation/components/WorkspaceContentSettings/GrantedContentGroup/index.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Separator } from '@orthacms/design-system';
+import { GrantedContentRow } from '../GrantedContentRow';
+/**
+ * One kind's slice of the granted-content list — a heading with a count over a
+ * bordered list of rows (or an empty hint). The heading conveys the kind, so the
+ * rows drop their kind badge. Backs the Collections / Pages split.
+ */
+export function GrantedContentGroup({ heading, items, emptyLabel, canRemove, onRemove }) {
+    return (_jsxs("div", { className: "flex flex-col gap-1", children: [_jsxs("span", { className: "text-sm font-medium", children: [heading, _jsx("span", { className: "ml-1.5 text-xs font-normal text-muted-foreground", children: items.length })] }), items.length === 0 ? (_jsx("p", { className: "rounded-xl border px-3 py-4 text-sm text-muted-foreground", children: emptyLabel })) : (_jsx("ul", { className: "rounded-xl border", children: items.map((item, index) => (_jsxs("li", { children: [index > 0 ? _jsx(Separator, {}) : null, _jsx(GrantedContentRow, { granted: item, canRemove: canRemove, showKind: false, onRemove: () => onRemove(item) })] }, item.slug))) }))] }));
+}

package/dist/lib/presentation/components/WorkspaceContentSettings/GrantedContentRow/index.d.ts

@@ -0,0 +1,26 @@
+import type { ContentType } from '../../../../domain/types/wizard';
+/** A granted content type resolved for display: the slug plus its catalogue entry. */
+export type GrantedContent = {
+    /** The stored grant slug. */
+    slug: string;
+    /** The matching catalogue type, or `undefined` for a stale/unknown slug. */
+    type?: ContentType;
+};
+/** Props for {@link GrantedContentRow}. */
+export type GrantedContentRowProps = {
+    /** The granted content to render. */
+    granted: GrantedContent;
+    /** Whether a remove control should be offered. */
+    canRemove: boolean;
+    /** Called when the remove control is pressed. */
+    onRemove: () => void;
+    /** Show the kind badge; off under a Collections/Pages group heading. */
+    showKind?: boolean;
+};
+/**
+ * One row in the granted-content list: an icon by kind, the type's label
+ (falling back to the raw slug for an unknown type), a kind badge, and — when the
+ * user may manage content — a remove button.
+ */
+export declare function GrantedContentRow({ granted, canRemove, onRemove, showKind }: GrantedContentRowProps): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/presentation/components/WorkspaceContentSettings/GrantedContentRow/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/presentation/components/WorkspaceContentSettings/GrantedContentRow/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAkBnE,sFAAsF;AACtF,MAAM,MAAM,cAAc,GAAG;IACzB,6BAA6B;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,4EAA4E;IAC5E,IAAI,CAAC,EAAE,WAAW,CAAC;CACtB,CAAC;AAEF,2CAA2C;AAC3C,MAAM,MAAM,sBAAsB,GAAG;IACjC,qCAAqC;IACrC,OAAO,EAAE,cAAc,CAAC;IACxB,kDAAkD;IAClD,SAAS,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,EAC9B,OAAO,EACP,SAAS,EACT,QAAQ,EACR,QAAe,EAClB,EAAE,sBAAsB,+BA2CxB"}

package/dist/lib/presentation/components/WorkspaceContentSettings/GrantedContentRow/index.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { defineMessages, useIntl } from 'react-intl';
+import { FileText, Layers, X } from 'lucide-react';
+import { Badge, Button } from '@orthacms/design-system';
+import { isPage } from '..';
+const messages = defineMessages({
+    collection: {
+        id: 'workspaces.settings.content.kindCollection',
+        defaultMessage: 'Collection'
+    },
+    single: {
+        id: 'workspaces.settings.content.kindSingle',
+        defaultMessage: 'Page'
+    },
+    remove: {
+        id: 'workspaces.settings.content.remove',
+        defaultMessage: 'Remove {label}'
+    }
+});
+/**
+ * One row in the granted-content list: an icon by kind, the type's label
+ (falling back to the raw slug for an unknown type), a kind badge, and — when the
+ * user may manage content — a remove button.
+ */
+export function GrantedContentRow({ granted, canRemove, onRemove, showKind = true }) {
+    const intl = useIntl();
+    const { slug, type } = granted;
+    const label = type?.label ?? type?.name ?? slug;
+    const isCollection = !isPage(type);
+    return (_jsxs("div", { className: "flex items-center gap-3 px-3 py-2", children: [_jsx("span", { className: "flex size-8 shrink-0 items-center justify-center rounded-lg bg-muted text-muted-foreground", children: isCollection ? (_jsx(Layers, { className: "size-4" })) : (_jsx(FileText, { className: "size-4" })) }), _jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [_jsx("span", { className: "truncate text-sm font-medium", children: label }), type?.description ? (_jsx("span", { className: "truncate text-xs text-muted-foreground", children: type.description })) : null] }), showKind ? (_jsx(Badge, { variant: "secondary", children: intl.formatMessage(isCollection ? messages.collection : messages.single) })) : null, canRemove ? (_jsx(Button, { type: "button", variant: "ghost", size: "icon", onClick: onRemove, "aria-label": intl.formatMessage(messages.remove, { label }), children: _jsx(X, { className: "size-4" }) })) : null] }));
+}

package/dist/lib/presentation/components/WorkspaceContentSettings/RemoveContentDialog/index.d.ts

@@ -0,0 +1,25 @@
+/** Props for {@link RemoveContentDialog}. */
+export type RemoveContentDialogProps = {
+    /** The workspace the grant belongs to. */
+    workspaceId: string;
+    /** The slug being revoked, or `null` when the dialog is closed. */
+    slug: string | null;
+    /** Human label for the type (falls back to the slug). */
+    label: string;
+    /** Close callback; ignored while a revoke is in flight. */
+    onClose: () => void;
+    /** Runs the revoke (only reachable when the type is empty). */
+    onConfirm: () => void;
+    /** Whether the revoke is in flight. */
+    busy?: boolean;
+};
+/**
+ * Confirm dialog for revoking a content-type grant. On open it reads the type's
+ * entry count in the workspace and **blocks** the Remove button with a warning
+ * when the type isn't empty — so the user learns *why* up front instead of
+ * hitting the server's 409. Remove is enabled only once the count is known to be
+ * zero. The checking / error / blocked chrome lives in the shared
+ * {@link BlockingConfirmDialog}.
+ */
+export declare function RemoveContentDialog({ workspaceId, slug, label, onClose, onConfirm, busy }: RemoveContentDialogProps): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/presentation/components/WorkspaceContentSettings/RemoveContentDialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/presentation/components/WorkspaceContentSettings/RemoveContentDialog/index.tsx"],"names":[],"mappings":"AAsCA,6CAA6C;AAC7C,MAAM,MAAM,wBAAwB,GAAG;IACnC,0CAA0C;IAC1C,WAAW,EAAE,MAAM,CAAC;IACpB,mEAAmE;IACnE,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,yDAAyD;IACzD,KAAK,EAAE,MAAM,CAAC;IACd,2DAA2D;IAC3D,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,+DAA+D;IAC/D,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,uCAAuC;IACvC,IAAI,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF;;;;;;;GAOG;AACH,wBAAgB,mBAAmB,CAAC,EAChC,WAAW,EACX,IAAI,EACJ,KAAK,EACL,OAAO,EACP,SAAS,EACT,IAAY,EACf,EAAE,wBAAwB,+BA2B1B"}

package/dist/lib/presentation/components/WorkspaceContentSettings/RemoveContentDialog/index.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { defineMessages, useIntl } from 'react-intl';
+import { useWorkspaceContentCount } from '../../../../application/useWorkspaceContentCount';
+import { BlockingConfirmDialog } from '../../BlockingConfirmDialog';
+const messages = defineMessages({
+    title: {
+        id: 'workspaces.settings.content.removeDialog.title',
+        defaultMessage: 'Remove “{label}”?'
+    },
+    checking: {
+        id: 'workspaces.settings.content.removeDialog.checking',
+        defaultMessage: 'Checking for existing content…'
+    },
+    checkError: {
+        id: 'workspaces.settings.content.removeDialog.checkError',
+        defaultMessage: 'Couldn’t check for existing content, so removal is blocked. Please try again.'
+    },
+    description: {
+        id: 'workspaces.settings.content.removeDialog.description',
+        defaultMessage: 'Removing a content type stops this workspace from using it. Records in other workspaces are untouched.'
+    },
+    blocked: {
+        id: 'workspaces.settings.content.removeDialog.blocked',
+        defaultMessage: 'This content type still has {count, plural, one {# entry} other {# entries}} in this workspace. Delete {count, plural, one {it} other {them}} first — the workspace can only stop using a content type once it holds none.'
+    },
+    cancel: {
+        id: 'workspaces.settings.content.removeDialog.cancel',
+        defaultMessage: 'Cancel'
+    },
+    remove: {
+        id: 'workspaces.settings.content.removeDialog.remove',
+        defaultMessage: 'Remove'
+    }
+});
+/**
+ * Confirm dialog for revoking a content-type grant. On open it reads the type's
+ * entry count in the workspace and **blocks** the Remove button with a warning
+ * when the type isn't empty — so the user learns *why* up front instead of
+ * hitting the server's 409. Remove is enabled only once the count is known to be
+ * zero. The checking / error / blocked chrome lives in the shared
+ * {@link BlockingConfirmDialog}.
+ */
+export function RemoveContentDialog({ workspaceId, slug, label, onClose, onConfirm, busy = false }) {
+    const intl = useIntl();
+    const open = slug !== null;
+    const { data: count, isPending, isError } = useWorkspaceContentCount(workspaceId, slug, open);
+    return (_jsx(BlockingConfirmDialog, { open: open, title: intl.formatMessage(messages.title, { label }), description: intl.formatMessage(messages.description), isChecking: isPending, isError: isError, count: count, checkingLabel: intl.formatMessage(messages.checking), checkErrorLabel: intl.formatMessage(messages.checkError), blockedLabel: intl.formatMessage(messages.blocked, { count }), confirmLabel: intl.formatMessage(messages.remove), cancelLabel: intl.formatMessage(messages.cancel), onClose: onClose, onConfirm: onConfirm, busy: busy }));
+}

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

@@ -0,0 +1,25 @@
+import type { Workspace } from '../../../domain/types/workspace';
+import type { ContentType } from '../../../domain/types/wizard';
+/**
+ * Classifies a content type as a **page** (a standalone `single`) rather than a
+ * multi-entry collection. The single source of this rule, shared by the granted
+ * rows and the add dialog. An unknown (stale) type is treated as a collection —
+ * the default bucket.
+ */
+export declare const isPage: (type?: ContentType) => boolean;
+/** Props for {@link WorkspaceContentSettings}. */
+export type WorkspaceContentSettingsProps = {
+    /** The workspace whose content grants are managed. */
+    workspace: Workspace;
+    /** Whether the current user may manage content (holds `workspaces:update`). */
+    canUpdate: boolean;
+};
+/**
+ * The Content-types settings tab: the granted collections and pages shown as
+ * two titled groups (each row with its title + description), granted through a
+ * **separate search + multi-select dialog per kind** (Add collections / Add
+ * pages), and revoked through a dialog that **blocks** the action while the type
+ * still holds entries. Gated on `workspaces:update`.
+ */
+export declare function WorkspaceContentSettings({ workspace, canUpdate }: WorkspaceContentSettingsProps): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/presentation/components/WorkspaceContentSettings/index.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAuFhE;;;;;GAKG;AACH,eAAO,MAAM,MAAM,GAAI,OAAO,WAAW,YAA4B,CAAC;AAEtE,kDAAkD;AAClD,MAAM,MAAM,6BAA6B,GAAG;IACxC,sDAAsD;IACtD,SAAS,EAAE,SAAS,CAAC;IACrB,+EAA+E;IAC/E,SAAS,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF;;;;;;GAMG;AACH,wBAAgB,wBAAwB,CAAC,EACrC,SAAS,EACT,SAAS,EACZ,EAAE,6BAA6B,+BAmM/B"}

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

@@ -0,0 +1,173 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useMemo, useState } from 'react';
+import { defineMessages, useIntl } from 'react-intl';
+import { Plus } from 'lucide-react';
+import { Button, Card, CardContent, CardDescription, CardHeader, CardTitle, Spinner, toast } from '@orthacms/design-system';
+import { isConflict } from '../../../infrastructure/isConflict';
+import { useContentTypes } from '../../../application/useContentTypes';
+import { useAddWorkspaceContent } from '../../../application/useAddWorkspaceContent';
+import { useRemoveWorkspaceContent } from '../../../application/useRemoveWorkspaceContent';
+import { AddContentDialog } from './AddContentDialog';
+import { RemoveContentDialog } from './RemoveContentDialog';
+import { GrantedContentGroup } from './GrantedContentGroup';
+const messages = defineMessages({
+    title: {
+        id: 'workspaces.settings.content.title',
+        defaultMessage: 'Content types'
+    },
+    description: {
+        id: 'workspaces.settings.content.description',
+        defaultMessage: 'The collections and pages this workspace can work with. Its Content Library is scoped to these.'
+    },
+    collections: {
+        id: 'workspaces.settings.content.collections',
+        defaultMessage: 'Collections'
+    },
+    pages: {
+        id: 'workspaces.settings.content.pages',
+        defaultMessage: 'Pages'
+    },
+    collectionsEmpty: {
+        id: 'workspaces.settings.content.collectionsEmpty',
+        defaultMessage: 'No collections granted yet.'
+    },
+    pagesEmpty: {
+        id: 'workspaces.settings.content.pagesEmpty',
+        defaultMessage: 'No pages granted yet.'
+    },
+    addCollections: {
+        id: 'workspaces.settings.content.addCollections',
+        defaultMessage: 'Add collections'
+    },
+    addPages: {
+        id: 'workspaces.settings.content.addPages',
+        defaultMessage: 'Add pages'
+    },
+    addCollectionsBody: {
+        id: 'workspaces.settings.content.addCollectionsBody',
+        defaultMessage: 'Search and select the multi-entry collections to grant this workspace.'
+    },
+    addPagesBody: {
+        id: 'workspaces.settings.content.addPagesBody',
+        defaultMessage: 'Search and select the standalone pages to grant this workspace.'
+    },
+    readOnly: {
+        id: 'workspaces.settings.content.readOnly',
+        defaultMessage: 'You have read-only access and can’t change content types.'
+    },
+    loadError: {
+        id: 'workspaces.settings.content.loadError',
+        defaultMessage: 'Couldn’t load the content-type catalogue.'
+    },
+    added: {
+        id: 'workspaces.settings.content.added',
+        defaultMessage: '{count, plural, one {Content type added.} other {# content types added.}}'
+    },
+    addError: {
+        id: 'workspaces.settings.content.addError',
+        defaultMessage: 'Couldn’t add those content types. Please try again.'
+    },
+    removed: {
+        id: 'workspaces.settings.content.removed',
+        defaultMessage: 'Content type removed.'
+    },
+    removeError: {
+        id: 'workspaces.settings.content.removeError',
+        defaultMessage: 'Couldn’t remove that content type. Please try again.'
+    },
+    notEmpty: {
+        id: 'workspaces.settings.content.notEmpty',
+        defaultMessage: 'This content type still has entries in the workspace. Delete them first, then remove it.'
+    }
+});
+/**
+ * Classifies a content type as a **page** (a standalone `single`) rather than a
+ * multi-entry collection. The single source of this rule, shared by the granted
+ * rows and the add dialog. An unknown (stale) type is treated as a collection —
+ * the default bucket.
+ */
+export const isPage = (type) => type?.kind === 'single';
+/**
+ * The Content-types settings tab: the granted collections and pages shown as
+ * two titled groups (each row with its title + description), granted through a
+ * **separate search + multi-select dialog per kind** (Add collections / Add
+ * pages), and revoked through a dialog that **blocks** the action while the type
+ * still holds entries. Gated on `workspaces:update`.
+ */
+export function WorkspaceContentSettings({ workspace, canUpdate }) {
+    const intl = useIntl();
+    const catalog = useContentTypes();
+    const addContent = useAddWorkspaceContent();
+    const removeContent = useRemoveWorkspaceContent();
+    const [addCollectionsOpen, setAddCollectionsOpen] = useState(false);
+    const [addPagesOpen, setAddPagesOpen] = useState(false);
+    const [pendingRemoval, setPendingRemoval] = useState(null);
+    const types = useMemo(() => catalog.data ?? [], [catalog.data]);
+    const byName = useMemo(() => {
+        const map = new Map();
+        for (const type of types)
+            map.set(type.name, type);
+        return map;
+    }, [types]);
+    const grantedSet = new Set(workspace.content);
+    const granted = workspace.content.map((slug) => ({
+        slug,
+        type: byName.get(slug)
+    }));
+    // An unknown (stale) slug can't be classed by kind — it falls under
+    // Collections, the default bucket.
+    const grantedCollections = granted.filter((g) => !isPage(g.type));
+    const grantedPages = granted.filter((g) => isPage(g.type));
+    const availableCollections = types.filter((type) => !isPage(type) && !grantedSet.has(type.name));
+    const availablePages = types.filter((type) => isPage(type) && !grantedSet.has(type.name));
+    /** Grants the chosen slugs; returns whether it succeeded (to close on ok). */
+    const grant = async (slugs) => {
+        // The grant endpoint is per-slug; fan out and reconcile once. Use
+        // allSettled so one failure doesn't discard the grants that did land —
+        // report how many succeeded and only flag the rest as failed.
+        const results = await Promise.allSettled(slugs.map((slug) => addContent.mutateAsync({ workspaceId: workspace.id, slug })));
+        const succeeded = results.filter((result) => result.status === 'fulfilled').length;
+        const failed = slugs.length - succeeded;
+        if (succeeded > 0) {
+            toast.success(intl.formatMessage(messages.added, { count: succeeded }));
+        }
+        if (failed > 0) {
+            toast.error(intl.formatMessage(messages.addError));
+        }
+        // Close only when everything landed; on a partial failure the dialog
+        // stays open so the still-ungranted types (the list refetched them out)
+        // remain visible for a retry.
+        return failed === 0;
+    };
+    const confirmRemoval = async () => {
+        if (!pendingRemoval)
+            return;
+        const { slug } = pendingRemoval;
+        try {
+            await removeContent.mutateAsync({
+                workspaceId: workspace.id,
+                slug
+            });
+            toast.success(intl.formatMessage(messages.removed));
+        }
+        catch (error) {
+            // The dialog blocks a non-empty revoke up front; this 409 is only a
+            // safety net for an entry created between the check and the confirm.
+            (isConflict(error) ? toast.warning : toast.error)(intl.formatMessage(isConflict(error) ? messages.notEmpty : messages.removeError));
+        }
+        finally {
+            setPendingRemoval(null);
+        }
+    };
+    const removalLabel = pendingRemoval?.type?.label ??
+        pendingRemoval?.type?.name ??
+        pendingRemoval?.slug ??
+        '';
+    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(CardContent, { className: "flex flex-col gap-5", children: [catalog.isError ? (_jsx("p", { className: "text-sm text-destructive", children: intl.formatMessage(messages.loadError) })) : null, canUpdate ? (_jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsxs(Button, { type: "button", variant: "outline", onClick: () => setAddCollectionsOpen(true), disabled: catalog.isPending || catalog.isError, children: [_jsx(Plus, { className: "size-4" }), intl.formatMessage(messages.addCollections)] }), _jsxs(Button, { type: "button", variant: "outline", onClick: () => setAddPagesOpen(true), disabled: catalog.isPending || catalog.isError, children: [_jsx(Plus, { className: "size-4" }), intl.formatMessage(messages.addPages)] })] })) : (_jsx("p", { className: "text-sm text-muted-foreground", children: intl.formatMessage(messages.readOnly) })), catalog.isPending && granted.length === 0 ? (_jsx("p", { className: "flex items-center gap-2 rounded-xl border px-3 py-4 text-sm text-muted-foreground", children: _jsx(Spinner, { className: "size-4" }) })) : (_jsxs(_Fragment, { children: [_jsx(GrantedContentGroup, { heading: intl.formatMessage(messages.collections), items: grantedCollections, emptyLabel: intl.formatMessage(messages.collectionsEmpty), canRemove: canUpdate, onRemove: setPendingRemoval }), _jsx(GrantedContentGroup, { heading: intl.formatMessage(messages.pages), items: grantedPages, emptyLabel: intl.formatMessage(messages.pagesEmpty), canRemove: canUpdate, onRemove: setPendingRemoval })] }))] }), _jsx(AddContentDialog, { open: addCollectionsOpen, onOpenChange: setAddCollectionsOpen, title: intl.formatMessage(messages.addCollections), description: intl.formatMessage(messages.addCollectionsBody), available: availableCollections, onConfirm: async (slugs) => {
+                    if (await grant(slugs))
+                        setAddCollectionsOpen(false);
+                }, busy: addContent.isPending }), _jsx(AddContentDialog, { open: addPagesOpen, onOpenChange: setAddPagesOpen, title: intl.formatMessage(messages.addPages), description: intl.formatMessage(messages.addPagesBody), available: availablePages, onConfirm: async (slugs) => {
+                    if (await grant(slugs))
+                        setAddPagesOpen(false);
+                }, busy: addContent.isPending }), _jsx(RemoveContentDialog, { workspaceId: workspace.id, slug: pendingRemoval?.slug ?? null, label: removalLabel, onClose: () => setPendingRemoval(null), onConfirm: confirmRemoval, busy: removeContent.isPending })] }));
+}

package/dist/lib/presentation/components/WorkspaceDangerSettings/DeleteWorkspaceDialog/index.d.ts

@@ -0,0 +1,22 @@
+import type { Workspace } from '../../../../domain/types/workspace';
+/** Props for {@link DeleteWorkspaceDialog}. */
+export type DeleteWorkspaceDialogProps = {
+    /** The workspace being deleted, or `null` when the dialog is closed. */
+    workspace: Workspace | null;
+    /** Close callback; ignored while the delete is in flight. */
+    onClose: () => void;
+    /** Runs the delete (only reachable once the workspace is empty). */
+    onConfirm: () => void;
+    /** Whether the delete is in flight. */
+    busy?: boolean;
+};
+/**
+ * Confirm dialog for permanently deleting a workspace. On open it reads the
+ * workspace's total content-entry count and **blocks** the Delete button with a
+ * warning while any content remains — so a delete can never orphan records (the
+ * server enforces the same rule with a 409). Delete is enabled only once the
+ * count is known to be zero. The checking / error / blocked chrome lives in the
+ * shared {@link BlockingConfirmDialog}.
+ */
+export declare function DeleteWorkspaceDialog({ workspace, onClose, onConfirm, busy }: DeleteWorkspaceDialogProps): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/presentation/components/WorkspaceDangerSettings/DeleteWorkspaceDialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/presentation/components/WorkspaceDangerSettings/DeleteWorkspaceDialog/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAsCpE,+CAA+C;AAC/C,MAAM,MAAM,0BAA0B,GAAG;IACrC,wEAAwE;IACxE,SAAS,EAAE,SAAS,GAAG,IAAI,CAAC;IAC5B,6DAA6D;IAC7D,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,oEAAoE;IACpE,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,uCAAuC;IACvC,IAAI,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF;;;;;;;GAOG;AACH,wBAAgB,qBAAqB,CAAC,EAClC,SAAS,EACT,OAAO,EACP,SAAS,EACT,IAAY,EACf,EAAE,0BAA0B,+BA+B5B"}

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

@@ -0,0 +1,52 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { defineMessages, useIntl } from 'react-intl';
+import { useWorkspaceEntryCount } from '../../../../application/useWorkspaceEntryCount';
+import { BlockingConfirmDialog } from '../../BlockingConfirmDialog';
+const messages = defineMessages({
+    title: {
+        id: 'workspaces.settings.danger.deleteDialog.title',
+        defaultMessage: 'Delete “{name}”?'
+    },
+    description: {
+        id: 'workspaces.settings.danger.deleteDialog.description',
+        defaultMessage: 'This permanently deletes the workspace, all {members, plural, one {# membership} other {# memberships}}, and its content grants. This cannot be undone.'
+    },
+    checking: {
+        id: 'workspaces.settings.danger.deleteDialog.checking',
+        defaultMessage: 'Checking for existing content…'
+    },
+    checkError: {
+        id: 'workspaces.settings.danger.deleteDialog.checkError',
+        defaultMessage: 'Couldn’t check for existing content, so deletion is blocked. Please try again.'
+    },
+    blocked: {
+        id: 'workspaces.settings.danger.deleteDialog.blocked',
+        defaultMessage: 'This workspace still has {count, plural, one {# content entry} other {# content entries}} across its content types. Delete all content first — a workspace can only be deleted once it holds no records.'
+    },
+    cancel: {
+        id: 'workspaces.settings.danger.deleteDialog.cancel',
+        defaultMessage: 'Cancel'
+    },
+    confirm: {
+        id: 'workspaces.settings.danger.deleteDialog.confirm',
+        defaultMessage: 'Delete workspace'
+    }
+});
+/**
+ * Confirm dialog for permanently deleting a workspace. On open it reads the
+ * workspace's total content-entry count and **blocks** the Delete button with a
+ * warning while any content remains — so a delete can never orphan records (the
+ * server enforces the same rule with a 409). Delete is enabled only once the
+ * count is known to be zero. The checking / error / blocked chrome lives in the
+ * shared {@link BlockingConfirmDialog}.
+ */
+export function DeleteWorkspaceDialog({ workspace, onClose, onConfirm, busy = false }) {
+    const intl = useIntl();
+    const open = workspace !== null;
+    const { data: count, isPending, isError } = useWorkspaceEntryCount(workspace?.id ?? '', open);
+    return (_jsx(BlockingConfirmDialog, { open: open, title: intl.formatMessage(messages.title, {
+            name: workspace?.name ?? ''
+        }), description: intl.formatMessage(messages.description, {
+            members: workspace?.members.length ?? 0
+        }), isChecking: isPending, isError: isError, count: count, checkingLabel: intl.formatMessage(messages.checking), checkErrorLabel: intl.formatMessage(messages.checkError), blockedLabel: intl.formatMessage(messages.blocked, { count }), confirmLabel: intl.formatMessage(messages.confirm), cancelLabel: intl.formatMessage(messages.cancel), onClose: onClose, onConfirm: onConfirm, busy: busy }));
+}

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

@@ -0,0 +1,18 @@
+import type { Workspace } from '../../../domain/types/workspace';
+/** Props for {@link WorkspaceDangerSettings}. */
+export type WorkspaceDangerSettingsProps = {
+    /** The workspace being managed. */
+    workspace: Workspace;
+    /** Whether the user may archive/unarchive (holds `workspaces:update`). */
+    canUpdate: boolean;
+    /** Whether the user may delete (holds `workspaces:delete`). */
+    canDelete: boolean;
+};
+/**
+ * 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 declare function WorkspaceDangerSettings({ workspace, canUpdate, canDelete }: WorkspaceDangerSettingsProps): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/presentation/components/WorkspaceDangerSettings/index.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AA2FjE,iDAAiD;AACjD,MAAM,MAAM,4BAA4B,GAAG;IACvC,mCAAmC;IACnC,SAAS,EAAE,SAAS,CAAC;IACrB,0EAA0E;IAC1E,SAAS,EAAE,OAAO,CAAC;IACnB,+DAA+D;IAC/D,SAAS,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,uBAAuB,CAAC,EACpC,SAAS,EACT,SAAS,EACT,SAAS,EACZ,EAAE,4BAA4B,+BAiJ9B"}