@orthacms/workspaces-admin 0.0.0-reserve.0

package/dist/lib/presentation/components/CreateWorkspaceWizard/IdentityFields/index.js

@@ -0,0 +1,70 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { defineMessages, useIntl } from 'react-intl';
+import { Field, FieldDescription, FieldError, FieldGroup, FieldLabel, Input, Textarea } from '@orthacms/design-system';
+import { useBasicsSchema } from '../../../hooks/useBasicsSchema';
+import { DESCRIPTION_MAX, NAME_MAX } from '../../../../domain/workspaceLimits';
+import { ColorSwatchRow } from '../../ColorSwatchRow';
+import { Monogram } from '../Monogram';
+import { SlugField } from '../SlugField';
+const messages = defineMessages({
+    nameLabel: {
+        id: 'workspaces.create.basics.nameLabel',
+        defaultMessage: 'Workspace name'
+    },
+    namePlaceholder: {
+        id: 'workspaces.create.basics.namePlaceholder',
+        defaultMessage: 'e.g. Marketing site'
+    },
+    nameHelp: {
+        id: 'workspaces.create.basics.nameHelp',
+        defaultMessage: 'Shown to team members in lists and navigation. You can change it later.'
+    },
+    descriptionLabel: {
+        id: 'workspaces.create.basics.descriptionLabel',
+        defaultMessage: 'Description'
+    },
+    descriptionOptional: {
+        id: 'workspaces.create.basics.descriptionOptional',
+        defaultMessage: 'Optional'
+    },
+    descriptionPlaceholder: {
+        id: 'workspaces.create.basics.descriptionPlaceholder',
+        defaultMessage: 'What is this workspace for?'
+    },
+    descriptionHelp: {
+        id: 'workspaces.create.basics.descriptionHelp',
+        defaultMessage: 'A short note to help members recognise the workspace. Shown on the workspace card.'
+    },
+    counter: {
+        id: 'workspaces.create.basics.counter',
+        defaultMessage: '{count}/{max}'
+    }
+});
+/**
+ * The basics step body: a live workspace monogram beside the name, the accent
+ * color picker, the slug field with availability, and an optional description.
+ */
+export function IdentityFields({ data, update, slug }) {
+    const intl = useIntl();
+    const schema = useBasicsSchema();
+    const parsed = schema.safeParse({
+        name: data.name,
+        slug: data.slug,
+        description: data.description
+    });
+    const issueFor = (field) => parsed.success
+        ? undefined
+        : parsed.error.issues.find((i) => i.path[0] === field)?.message;
+    // Only surface errors once a field has content, so the form doesn't shout
+    // before the user has typed anything.
+    const nameError = data.name.length > 0 ? issueFor('name') : undefined;
+    const slugError = data.slug.length > 0 ? issueFor('slug') : undefined;
+    const descriptionError = issueFor('description');
+    return (_jsxs(FieldGroup, { children: [_jsxs(Field, { "data-invalid": !!nameError, children: [_jsx(FieldLabel, { htmlFor: "workspace-name", children: intl.formatMessage(messages.nameLabel) }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Monogram, { name: data.name, color: data.color }), _jsx(Input, { id: "workspace-name", value: data.name, onChange: (event) => slug.onNameChange(event.target.value), placeholder: intl.formatMessage(messages.namePlaceholder), autoComplete: "off", "aria-invalid": !!nameError })] }), _jsxs("div", { className: "flex items-start justify-between gap-3", children: [nameError ? (_jsx(FieldError, { errors: [{ message: nameError }] })) : (_jsx(FieldDescription, { children: intl.formatMessage(messages.nameHelp) })), _jsx("span", { className: "shrink-0 text-xs tabular-nums text-muted-foreground", children: intl.formatMessage(messages.counter, {
+                                    count: data.name.length,
+                                    max: NAME_MAX
+                                }) })] })] }), _jsx(ColorSwatchRow, { value: data.color, onChange: (color) => update({ color }) }), _jsx(SlugField, { value: data.slug, slugEdited: data.slugEdited, status: slug.status, onChange: slug.onSlugChange, onRegenerate: slug.regenerate, error: slugError }), _jsxs(Field, { "data-invalid": !!descriptionError, children: [_jsxs(FieldLabel, { htmlFor: "workspace-description", children: [intl.formatMessage(messages.descriptionLabel), _jsxs("span", { className: "ml-1 text-xs font-normal text-muted-foreground", children: ["(", intl.formatMessage(messages.descriptionOptional), ")"] })] }), _jsx(Textarea, { id: "workspace-description", className: "shadow-none", value: data.description, onChange: (event) => update({ description: event.target.value }), placeholder: intl.formatMessage(messages.descriptionPlaceholder), "aria-invalid": !!descriptionError }), _jsxs("div", { className: "flex items-start justify-between gap-3", children: [descriptionError ? (_jsx(FieldError, { errors: [{ message: descriptionError }] })) : (_jsx(FieldDescription, { children: intl.formatMessage(messages.descriptionHelp) })), _jsx("span", { className: "shrink-0 text-xs tabular-nums text-muted-foreground", children: intl.formatMessage(messages.counter, {
+                                    count: data.description.length,
+                                    max: DESCRIPTION_MAX
+                                }) })] })] })] }));
+}

package/dist/lib/presentation/components/CreateWorkspaceWizard/MembersStep/MemberRow/index.d.ts

@@ -0,0 +1,14 @@
+import type { MemberDraft } from '../../../../../domain/types/wizard';
+/** Props for {@link MemberRow}. */
+export type MemberRowProps = {
+    /** The added member. */
+    member: MemberDraft;
+    /** Remove the member from the list. */
+    onRemove: () => void;
+};
+/**
+ * One added member: avatar, name/email, an "Invited" badge for invite-by-email
+ * rows, and a remove button.
+ */
+export declare function MemberRow({ member, onRemove }: MemberRowProps): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/presentation/components/CreateWorkspaceWizard/MembersStep/MemberRow/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/presentation/components/CreateWorkspaceWizard/MembersStep/MemberRow/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAatE,mCAAmC;AACnC,MAAM,MAAM,cAAc,GAAG;IACzB,wBAAwB;IACxB,MAAM,EAAE,WAAW,CAAC;IACpB,uCAAuC;IACvC,QAAQ,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,SAAS,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,cAAc,+BA+C7D"}

package/dist/lib/presentation/components/CreateWorkspaceWizard/MembersStep/MemberRow/index.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { defineMessages, useIntl } from 'react-intl';
+import { Mail, X } from 'lucide-react';
+import { Avatar, AvatarFallback, Badge, Button } from '@orthacms/design-system';
+import { initialsOf } from '@orthacms/utils-admin';
+const messages = defineMessages({
+    invited: {
+        id: 'workspaces.create.members.invitedBadge',
+        defaultMessage: 'Invited'
+    },
+    remove: {
+        id: 'workspaces.create.members.remove',
+        defaultMessage: 'Remove {name}'
+    }
+});
+/**
+ * One added member: avatar, name/email, an "Invited" badge for invite-by-email
+ * rows, and a remove button.
+ */
+export function MemberRow({ member, onRemove }) {
+    const intl = useIntl();
+    return (_jsxs("div", { className: "flex items-center gap-3 py-2", children: [_jsx(Avatar, { className: "size-9", children: _jsx(AvatarFallback, { children: member.invited ? (_jsx(Mail, { className: "size-4 text-muted-foreground" })) : (_jsx("span", { className: "text-xs font-medium", children: initialsOf(member.name) || '—' })) }) }), _jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [_jsx("span", { className: "truncate text-sm font-medium", children: member.invited ? member.email : member.name }), !member.invited ? (_jsx("span", { className: "truncate text-xs text-muted-foreground", children: member.email })) : null] }), member.invited ? (_jsx(Badge, { variant: "secondary", children: intl.formatMessage(messages.invited) })) : null, _jsx(Button, { type: "button", variant: "ghost", size: "icon", onClick: onRemove, "aria-label": intl.formatMessage(messages.remove, {
+                    name: member.invited ? member.email : member.name
+                }), children: _jsx(X, {}) })] }));
+}

package/dist/lib/presentation/components/CreateWorkspaceWizard/MembersStep/MemberTypeahead/index.d.ts

@@ -0,0 +1,15 @@
+import type { MemberDraft } from '../../../../../domain/types/wizard';
+/** Props for {@link MemberTypeahead}. */
+export type MemberTypeaheadProps = {
+    /** Ids already present (owner + added members) — excluded from results. */
+    excludeIds: Set<string>;
+    /** Add a member (existing user or invited email). */
+    onAdd: (member: MemberDraft) => void;
+};
+/**
+ * Searchable input that adds people to the workspace. Existing directory users
+ * are selected from the results; a typed-in email that isn't in the directory
+ * can be invited instead.
+ */
+export declare function MemberTypeahead({ excludeIds, onAdd }: MemberTypeaheadProps): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/presentation/components/CreateWorkspaceWizard/MembersStep/MemberTypeahead/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/presentation/components/CreateWorkspaceWizard/MembersStep/MemberTypeahead/index.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AA0CtE,yCAAyC;AACzC,MAAM,MAAM,oBAAoB,GAAG;IAC/B,2EAA2E;IAC3E,UAAU,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACxB,qDAAqD;IACrD,KAAK,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;CACxC,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,oBAAoB,+BAiL1E"}

package/dist/lib/presentation/components/CreateWorkspaceWizard/MembersStep/MemberTypeahead/index.js

@@ -0,0 +1,112 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { defineMessages, useIntl } from 'react-intl';
+import { Mail, Plus, 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';
+/** Matches a plausible email address. */
+const EMAIL_RE = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+const messages = defineMessages({
+    popoverLabel: {
+        id: 'workspaces.create.members.popoverLabel',
+        defaultMessage: 'People search results'
+    },
+    placeholder: {
+        id: 'workspaces.create.members.searchPlaceholder',
+        defaultMessage: 'Add people by name or email'
+    },
+    searching: {
+        id: 'workspaces.create.members.searching',
+        defaultMessage: 'Searching…'
+    },
+    noResults: {
+        id: 'workspaces.create.members.noResults',
+        defaultMessage: 'No people match your search.'
+    },
+    invite: {
+        id: 'workspaces.create.members.invite',
+        defaultMessage: 'Invite {email}'
+    },
+    label: {
+        id: 'workspaces.create.members.searchLabel',
+        defaultMessage: 'Add people by name or email'
+    },
+    results: {
+        id: 'workspaces.create.members.resultsAnnouncement',
+        defaultMessage: '{count, plural, =0 {No people match your search.} one {# person available.} other {# people available.}}'
+    },
+    inviteAvailable: {
+        id: 'workspaces.create.members.inviteAnnouncement',
+        defaultMessage: 'No matches. You can invite {email} instead.'
+    }
+});
+/**
+ * Searchable input that adds people to the workspace. Existing directory users
+ * are selected from the results; a typed-in email that isn't in the directory
+ * can be invited instead.
+ */
+export function MemberTypeahead({ excludeIds, onAdd }) {
+    const intl = useIntl();
+    const [query, setQuery] = useState('');
+    const { users, loading } = useUsersSearch(query);
+    const trimmed = query.trim();
+    const results = users.filter((u) => !excludeIds.has(u.id));
+    const isEmail = EMAIL_RE.test(trimmed);
+    const emailInDirectory = users.some((u) => u.email.toLowerCase() === trimmed.toLowerCase());
+    const canInvite = isEmail && !emailInDirectory && !excludeIds.has(trimmed.toLowerCase());
+    const open = trimmed.length > 0;
+    const addUser = (user) => {
+        onAdd({
+            id: user.id,
+            name: user.name,
+            email: user.email
+        });
+        setQuery('');
+    };
+    const invite = () => {
+        const email = trimmed.toLowerCase();
+        onAdd({
+            id: email,
+            name: email,
+            email,
+            invited: true
+        });
+        setQuery('');
+    };
+    // The invite row is the last option when it's offered, so one flat index
+    // space covers both kinds and Enter can act on whichever is active.
+    const optionCount = results.length + (canInvite ? 1 : 0);
+    const selectAt = (index) => {
+        const user = results[index];
+        if (user) {
+            addUser(user);
+            return;
+        }
+        if (canInvite)
+            invite();
+    };
+    const combobox = useComboboxList({
+        count: optionCount,
+        open,
+        onSelect: selectAt,
+        onDismiss: () => setQuery('')
+    });
+    const optionClass = (active) => cn('flex w-full items-center gap-2 rounded-sm px-2 py-1.5 text-left text-sm', active && 'bg-accent');
+    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.label), role: "combobox", "aria-expanded": open, "aria-controls": combobox.listboxId, "aria-activedescendant": combobox.activeId, "aria-autocomplete": "list", autoComplete: "off" })] }) }), _jsx(PopoverContent, { align: "start", 
+                // Keep focus in the input so typing isn't interrupted.
+                onOpenAutoFocus: (event) => event.preventDefault(), "aria-label": intl.formatMessage(messages.popoverLabel), 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)] })) : results.length === 0 && !canInvite ? (_jsx("p", { className: "px-2 py-2 text-sm text-muted-foreground", children: intl.formatMessage(messages.noResults) })) : (_jsxs("ul", { id: combobox.listboxId, role: "listbox", "aria-label": intl.formatMessage(messages.label), className: "flex flex-col", children: [results.map((user, i) => (_jsxs("li", { id: combobox.optionId(i), role: "option", "aria-selected": combobox.activeIndex === i, onClick: () => addUser(user), onMouseEnter: () => combobox.setActiveIndex(i), className: optionClass(combobox.activeIndex === i), children: [_jsx("span", { className: "truncate font-medium", children: user.name }), _jsx("span", { className: "truncate text-xs text-muted-foreground", children: user.email })] }, user.id))), canInvite ? (_jsxs("li", { id: combobox.optionId(results.length), role: "option", "aria-selected": combobox.activeIndex === results.length, onClick: invite, onMouseEnter: () => combobox.setActiveIndex(results.length), className: optionClass(combobox.activeIndex === results.length), children: [_jsx(Mail, { className: "size-4 text-muted-foreground" }), intl.formatMessage(messages.invite, {
+                                    email: trimmed.toLowerCase()
+                                }), _jsx(Plus, { className: "ml-auto size-4 text-muted-foreground" })] })) : null] })) }), _jsx("span", { role: "status", "aria-live": "polite", className: "sr-only", children: !open || loading
+                    ? ''
+                    : results.length === 0 && canInvite
+                        ? intl.formatMessage(messages.inviteAvailable, {
+                            email: trimmed.toLowerCase()
+                        })
+                        : intl.formatMessage(messages.results, {
+                            count: optionCount
+                        }) })] }));
+}

package/dist/lib/presentation/components/CreateWorkspaceWizard/MembersStep/index.d.ts

@@ -0,0 +1,17 @@
+import type { MemberDraft } from '../../../../domain/types/wizard';
+/** Props for {@link MembersStep}. */
+export type MembersStepProps = {
+    /** Added members (excludes the owner). */
+    members: MemberDraft[];
+    /** Add a member. */
+    addMember: (member: MemberDraft) => void;
+    /** Remove a member by id. */
+    removeMember: (id: string) => void;
+};
+/**
+ * The members step body: the directory typeahead plus the "People with access"
+ * list — the current user pinned and locked as owner, followed by each added
+ * member with a role control and a remove button.
+ */
+export declare function MembersStep({ members, addMember, removeMember }: MembersStepProps): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/presentation/components/CreateWorkspaceWizard/MembersStep/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/presentation/components/CreateWorkspaceWizard/MembersStep/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAoBnE,qCAAqC;AACrC,MAAM,MAAM,gBAAgB,GAAG;IAC3B,0CAA0C;IAC1C,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,oBAAoB;IACpB,SAAS,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IACzC,6BAA6B;IAC7B,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EACxB,OAAO,EACP,SAAS,EACT,YAAY,EACf,EAAE,gBAAgB,+BAmElB"}

package/dist/lib/presentation/components/CreateWorkspaceWizard/MembersStep/index.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { defineMessages, useIntl } from 'react-intl';
+import { useAuth } from '@orthacms/identity-admin';
+import { Avatar, AvatarFallback, Separator } from '@orthacms/design-system';
+import { initialsOf } from '@orthacms/utils-admin';
+import { MemberRow } from './MemberRow';
+import { MemberTypeahead } from './MemberTypeahead';
+const messages = defineMessages({
+    listLabel: {
+        id: 'workspaces.create.members.listLabel',
+        defaultMessage: 'People with access'
+    },
+    you: {
+        id: 'workspaces.create.members.you',
+        defaultMessage: 'You'
+    },
+    empty: {
+        id: 'workspaces.create.members.empty',
+        defaultMessage: "It's just you for now. Add teammates above, or skip and invite them later."
+    }
+});
+/**
+ * The members step body: the directory typeahead plus the "People with access"
+ * list — the current user pinned and locked as owner, followed by each added
+ * member with a role control and a remove button.
+ */
+export function MembersStep({ members, addMember, removeMember }) {
+    const intl = useIntl();
+    const auth = useAuth();
+    const user = 'user' in auth ? auth.user : undefined;
+    const ownerName = user?.name ?? user?.email ?? intl.formatMessage(messages.you);
+    const ownerId = user?.id ?? 'me';
+    const excludeIds = new Set([ownerId, ...members.map((m) => m.id)]);
+    return (_jsxs("div", { className: "flex flex-col gap-5", children: [_jsx(MemberTypeahead, { excludeIds: excludeIds, onAdd: addMember }), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("span", { className: "text-sm font-medium", children: intl.formatMessage(messages.listLabel) }), _jsxs("div", { className: "rounded-xl border", children: [_jsxs("div", { className: "flex items-center gap-3 px-3 py-2", children: [_jsx(Avatar, { className: "size-9", children: _jsx(AvatarFallback, { children: _jsx("span", { className: "text-xs font-medium", children: initialsOf(ownerName) || '—' }) }) }), _jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [_jsxs("span", { className: "truncate text-sm font-medium", children: [ownerName, _jsxs("span", { className: "ml-1 text-xs font-normal text-muted-foreground", children: ["(", intl.formatMessage(messages.you), ")"] })] }), user?.email ? (_jsx("span", { className: "truncate text-xs text-muted-foreground", children: user.email })) : null] })] }), members.length > 0 ? (_jsx("div", { className: "flex flex-col px-3 pb-1", children: members.map((member) => (_jsxs("div", { children: [_jsx(Separator, {}), _jsx(MemberRow, { member: member, onRemove: () => removeMember(member.id) })] }, member.id))) })) : (_jsxs(_Fragment, { children: [_jsx(Separator, {}), _jsx("p", { className: "px-3 py-3 text-sm text-muted-foreground", children: intl.formatMessage(messages.empty) })] }))] })] })] }));
+}

package/dist/lib/presentation/components/CreateWorkspaceWizard/Monogram/index.d.ts

@@ -0,0 +1,17 @@
+import { type AvatarColor } from '@orthacms/design-system';
+/** Props for {@link Monogram}. */
+export type MonogramProps = {
+    /** Name the initials are derived from. */
+    name: string;
+    /** Accent color tinting the tile. */
+    color: AvatarColor;
+    /** Extra classes — set the size here (defaults to a 44px tile). */
+    className?: string;
+};
+/**
+ * A rounded-square initials tile in the workspace accent color, white text.
+ * Distinct from the round member `Avatar` — this represents the workspace
+ * identity in the basics step and updates live as the name/color change.
+ */
+export declare function Monogram({ name, color, className }: MonogramProps): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/presentation/components/CreateWorkspaceWizard/Monogram/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/presentation/components/CreateWorkspaceWizard/Monogram/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAG/E,kCAAkC;AAClC,MAAM,MAAM,aAAa,GAAG;IACxB,0CAA0C;IAC1C,IAAI,EAAE,MAAM,CAAC;IACb,qCAAqC;IACrC,KAAK,EAAE,WAAW,CAAC;IACnB,mEAAmE;IACnE,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,aAAa,+BAajE"}

package/dist/lib/presentation/components/CreateWorkspaceWizard/Monogram/index.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { avatarColorVar, cn } from '@orthacms/design-system';
+import { initialsOf } from '@orthacms/utils-admin';
+/**
+ * A rounded-square initials tile in the workspace accent color, white text.
+ * Distinct from the round member `Avatar` — this represents the workspace
+ * identity in the basics step and updates live as the name/color change.
+ */
+export function Monogram({ name, color, className }) {
+    return (_jsx("div", { "aria-hidden": true, className: cn('flex size-11 shrink-0 items-center justify-center rounded-xl text-base font-semibold text-white', className), style: { backgroundColor: avatarColorVar(color) }, children: initialsOf(name) || '—' }));
+}

package/dist/lib/presentation/components/CreateWorkspaceWizard/SlugField/index.d.ts

@@ -0,0 +1,23 @@
+import { SlugStatus } from '../../../../domain/types/wizard';
+/** Props for {@link SlugField}. */
+export type SlugFieldProps = {
+    /** Current slug value. */
+    value: string;
+    /** Whether the user has manually edited the slug. */
+    slugEdited: boolean;
+    /** Live availability status. */
+    status: SlugStatus;
+    /** Called when the slug input changes. */
+    onChange: (value: string) => void;
+    /** Called when the regenerate button is pressed. */
+    onRegenerate: () => void;
+    /** Localized shape error (e.g. pattern violation). */
+    error?: string;
+};
+/**
+ * Slug input with a regenerate button (shown once the slug has been manually
+ * edited) and a live availability line. Shape errors take over the helper slot;
+ * otherwise the helper text and availability status show.
+ */
+export declare function SlugField({ value, slugEdited, status, onChange, onRegenerate, error }: SlugFieldProps): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/presentation/components/CreateWorkspaceWizard/SlugField/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/presentation/components/CreateWorkspaceWizard/SlugField/index.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAoF7D,mCAAmC;AACnC,MAAM,MAAM,cAAc,GAAG;IACzB,0BAA0B;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,UAAU,EAAE,OAAO,CAAC;IACpB,gCAAgC;IAChC,MAAM,EAAE,UAAU,CAAC;IACnB,0CAA0C;IAC1C,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,oDAAoD;IACpD,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EACtB,KAAK,EACL,UAAU,EACV,MAAM,EACN,QAAQ,EACR,YAAY,EACZ,KAAK,EACR,EAAE,cAAc,+BA2ChB"}

package/dist/lib/presentation/components/CreateWorkspaceWizard/SlugField/index.js

@@ -0,0 +1,68 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { defineMessages, useIntl } from 'react-intl';
+import { AlertCircle, Check, RotateCcw, X } from 'lucide-react';
+import { Button, Field, FieldDescription, FieldError, FieldLabel, Input, Spinner } from '@orthacms/design-system';
+import { SlugStatus } from '../../../../domain/types/wizard';
+const messages = defineMessages({
+    label: {
+        id: 'workspaces.create.basics.slugLabel',
+        defaultMessage: 'Slug'
+    },
+    placeholder: {
+        id: 'workspaces.create.basics.slugPlaceholder',
+        defaultMessage: 'marketing-site'
+    },
+    help: {
+        id: 'workspaces.create.basics.slugHelp',
+        defaultMessage: 'A unique identifier for the workspace. Cannot be changed after creation.'
+    },
+    regenerate: {
+        id: 'workspaces.create.basics.slugRegenerate',
+        defaultMessage: 'Regenerate from name'
+    },
+    checking: {
+        id: 'workspaces.create.basics.slugChecking',
+        defaultMessage: 'Checking availability…'
+    },
+    available: {
+        id: 'workspaces.create.basics.slugAvailable',
+        defaultMessage: 'Available'
+    },
+    taken: {
+        id: 'workspaces.create.basics.slugTaken',
+        defaultMessage: 'That slug is already taken.'
+    },
+    unknown: {
+        id: 'workspaces.create.basics.slugUnknown',
+        defaultMessage: 'Couldn’t check whether this slug is free, so you can’t continue yet. Please try again.'
+    }
+});
+/** The live availability line shown beneath the slug input. */
+function SlugStatusLine({ status }) {
+    const intl = useIntl();
+    if (status === SlugStatus.Checking) {
+        return (_jsxs("span", { className: "flex items-center gap-1.5 text-sm text-muted-foreground", children: [_jsx(Spinner, { className: "size-3.5" }), intl.formatMessage(messages.checking)] }));
+    }
+    if (status === SlugStatus.Available) {
+        return (_jsxs("span", { className: "flex items-center gap-1.5 text-sm text-success", children: [_jsx(Check, { className: "size-3.5" }), intl.formatMessage(messages.available)] }));
+    }
+    if (status === SlugStatus.Taken) {
+        return (_jsxs("span", { className: "flex items-center gap-1.5 text-sm text-destructive", children: [_jsx(X, { className: "size-3.5" }), intl.formatMessage(messages.taken)] }));
+    }
+    if (status === SlugStatus.Unknown) {
+        // `role="alert"` because this one appears only on a failure the user
+        // didn't cause and must act on — the other states are passive progress
+        // reporting and would be noise if announced.
+        return (_jsxs("span", { role: "alert", className: "flex items-center gap-1.5 text-sm text-destructive", children: [_jsx(AlertCircle, { className: "size-3.5" }), intl.formatMessage(messages.unknown)] }));
+    }
+    return null;
+}
+/**
+ * Slug input with a regenerate button (shown once the slug has been manually
+ * edited) and a live availability line. Shape errors take over the helper slot;
+ * otherwise the helper text and availability status show.
+ */
+export function SlugField({ value, slugEdited, status, onChange, onRegenerate, error }) {
+    const intl = useIntl();
+    return (_jsxs(Field, { "data-invalid": !!error, children: [_jsx(FieldLabel, { htmlFor: "workspace-slug", children: intl.formatMessage(messages.label) }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Input, { id: "workspace-slug", value: value, onChange: (event) => onChange(event.target.value), placeholder: intl.formatMessage(messages.placeholder), autoComplete: "off", spellCheck: false, "aria-invalid": !!error }), slugEdited ? (_jsx(Button, { type: "button", variant: "ghost", size: "icon", onClick: onRegenerate, title: intl.formatMessage(messages.regenerate), "aria-label": intl.formatMessage(messages.regenerate), children: _jsx(RotateCcw, {}) })) : null] }), error ? (_jsx(FieldError, { errors: [{ message: error }] })) : (_jsxs(_Fragment, { children: [_jsx(FieldDescription, { children: intl.formatMessage(messages.help) }), _jsx(SlugStatusLine, { status: status })] }))] }));
+}

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

@@ -0,0 +1,9 @@
+import type { WorkspaceStatus } from '../../../domain/types/workspace';
+/**
+ * A small status pill with a leading dot: green for an active workspace, muted
+ * for an archived one. Shown in the workspaces table's status column.
+ */
+export declare function StatusChip({ status }: {
+    status: WorkspaceStatus;
+}): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/presentation/components/StatusChip/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAcvE;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,eAAe,CAAA;CAAE,+BAuBjE"}

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

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { defineMessages, useIntl } from 'react-intl';
+import { Badge, cn } from '@orthacms/design-system';
+/** Intl descriptors for {@link StatusChip}, co-located with the component. */
+const messages = defineMessages({
+    active: {
+        id: 'workspaces.status.active',
+        defaultMessage: 'Active'
+    },
+    archived: {
+        id: 'workspaces.status.archived',
+        defaultMessage: 'Archived'
+    }
+});
+/**
+ * A small status pill with a leading dot: green for an active workspace, muted
+ * for an archived one. Shown in the workspaces table's status column.
+ */
+export function StatusChip({ status }) {
+    const intl = useIntl();
+    const isActive = status === 'Active';
+    return (_jsxs(Badge, { variant: isActive ? 'success' : 'secondary', className: cn('gap-1.5 rounded-xl', !isActive && 'border-border'), children: [_jsx("span", { "aria-hidden": true, className: cn('size-1.5 rounded-full', isActive ? 'bg-status-active' : 'bg-muted-foreground') }), _jsx("span", { className: cn(!isActive && 'text-muted-foreground'), children: intl.formatMessage(isActive ? messages.active : messages.archived) })] }));
+}

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

@@ -0,0 +1,20 @@
+import type { CSSProperties } from 'react';
+import { type AvatarColor } from '@orthacms/design-system';
+type WorkspaceAvatarProps = {
+    /** Initials rendered as the avatar content. */
+    initials: string;
+    /** Accent color tinting the avatar background. */
+    color: AvatarColor;
+    /** Extra classes (size, radius, border). */
+    className?: string;
+    /** Extra inline styles (e.g. overlap margin in a stack). */
+    style?: CSSProperties;
+};
+/**
+ * An initials avatar tinted with one of the shared accent colors, sized via
+ * `className`. Shape comes from the design-system `Avatar` default (rounded
+ * square), shared by workspaces and members.
+ */
+export declare function WorkspaceAvatar({ initials, color, className, style }: WorkspaceAvatarProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/presentation/components/WorkspaceAvatar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAKH,KAAK,WAAW,EACnB,MAAM,yBAAyB,CAAC;AAEjC,KAAK,oBAAoB,GAAG;IACxB,+CAA+C;IAC/C,QAAQ,EAAE,MAAM,CAAC;IACjB,kDAAkD;IAClD,KAAK,EAAE,WAAW,CAAC;IACnB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,KAAK,CAAC,EAAE,aAAa,CAAC;CACzB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAC5B,QAAQ,EACR,KAAK,EACL,SAAS,EACT,KAAK,EACR,EAAE,oBAAoB,+BAWtB"}

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

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Avatar, AvatarFallback, avatarColorVar, cn } from '@orthacms/design-system';
+/**
+ * An initials avatar tinted with one of the shared accent colors, sized via
+ * `className`. Shape comes from the design-system `Avatar` default (rounded
+ * square), shared by workspaces and members.
+ */
+export function WorkspaceAvatar({ initials, color, className, style }) {
+    return (_jsx(Avatar, { className: cn(className), style: { backgroundColor: avatarColorVar(color), ...style }, children: _jsx(AvatarFallback, { className: "rounded-[inherit] bg-transparent font-semibold text-white", children: initials }) }));
+}

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

@@ -0,0 +1,8 @@
+import type { CommandSectionProps } from '@orthacms/shell-admin';
+/**
+ * The command palette's Workspaces group: every active workspace as a result
+ * that jumps into it. Contributed to the shell's `COMMAND_SLOT` by
+ * `workspaces-admin`, so a member can open a workspace from anywhere via ⌘K.
+ */
+export declare function WorkspaceCommands({ close }: CommandSectionProps): import("react").JSX.Element | null;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/presentation/components/WorkspaceCommands/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAcjE;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,KAAK,EAAE,EAAE,mBAAmB,sCAmC/D"}

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

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useNavigate } from 'react-router-dom';
+import { defineMessages, useIntl } from 'react-intl';
+import { CommandGroup, CommandItem } from '@orthacms/design-system';
+import { initialsOf } from '@orthacms/utils-admin';
+import { useWorkspaces } from '../../../application/useWorkspaces';
+import { isActiveWorkspace } from '../../../domain/isActiveWorkspace';
+import { WorkspaceAvatar } from '../WorkspaceAvatar';
+/** Intl descriptors for {@link WorkspaceCommands}, co-located here. */
+const messages = defineMessages({
+    heading: {
+        id: 'workspaces.command.heading',
+        defaultMessage: 'Workspaces'
+    }
+});
+/**
+ * The command palette's Workspaces group: every active workspace as a result
+ * that jumps into it. Contributed to the shell's `COMMAND_SLOT` by
+ * `workspaces-admin`, so a member can open a workspace from anywhere via ⌘K.
+ */
+export function WorkspaceCommands({ close }) {
+    const intl = useIntl();
+    const navigate = useNavigate();
+    const { data: workspaces } = useWorkspaces();
+    const active = (workspaces ?? []).filter(isActiveWorkspace);
+    if (active.length === 0) {
+        return null;
+    }
+    const go = (id) => {
+        close();
+        navigate(`/workspaces/${id}`);
+    };
+    return (_jsx(CommandGroup, { heading: intl.formatMessage(messages.heading), children: active.map((workspace) => (_jsxs(CommandItem, { value: `${workspace.name} workspace`, onSelect: () => go(workspace.id), children: [_jsx("span", { "aria-hidden": true, children: _jsx(WorkspaceAvatar, { initials: initialsOf(workspace.name), color: workspace.color, className: "size-5 rounded-[5px] text-[10px]" }) }), _jsx("span", { children: workspace.name })] }, workspace.id))) }));
+}

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

@@ -0,0 +1,26 @@
+import type { ContentType } from '../../../../domain/types/wizard';
+/** Props for {@link AddContentDialog}. */
+export type AddContentDialogProps = {
+    /** Whether the dialog is open. */
+    open: boolean;
+    /** Open/close callback; ignored while saving. */
+    onOpenChange: (open: boolean) => void;
+    /** Localized dialog heading (e.g. "Add collections"). */
+    title: string;
+    /** Localized supporting copy. */
+    description: string;
+    /** Content types not yet granted — the selectable list (already one kind). */
+    available: ContentType[];
+    /** Grants the chosen slugs; resolves when done so the dialog can close. */
+    onConfirm: (slugs: string[]) => Promise<void>;
+    /** Whether a grant is in flight. */
+    busy?: boolean;
+};
+/**
+ * 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 declare function AddContentDialog({ open, onOpenChange, title, description, available, onConfirm, busy }: AddContentDialogProps): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/presentation/components/WorkspaceContentSettings/AddContentDialog/index.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAmCnE,0CAA0C;AAC1C,MAAM,MAAM,qBAAqB,GAAG;IAChC,kCAAkC;IAClC,IAAI,EAAE,OAAO,CAAC;IACd,iDAAiD;IACjD,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,yDAAyD;IACzD,KAAK,EAAE,MAAM,CAAC;IACd,iCAAiC;IACjC,WAAW,EAAE,MAAM,CAAC;IACpB,8EAA8E;IAC9E,SAAS,EAAE,WAAW,EAAE,CAAC;IACzB,2EAA2E;IAC3E,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9C,oCAAoC;IACpC,IAAI,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,EAC7B,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,WAAW,EACX,SAAS,EACT,SAAS,EACT,IAAY,EACf,EAAE,qBAAqB,+BAsIvB"}