@orthacms/workspaces-admin 0.0.0-reserve.0

package/dist/lib/infrastructure/workspaceMapper/index.d.ts

@@ -0,0 +1,28 @@
+import type { Workspace } from '../../domain/types/workspace';
+/** A member as `GET /api/workspaces` returns it (presentation fields derived). */
+export interface WorkspaceMemberView {
+    id: string;
+    name: string | null;
+    email: string;
+}
+/** A workspace as `GET /api/workspaces` returns it. */
+export interface WorkspaceView {
+    id: string;
+    name: string;
+    slug: string;
+    description: string;
+    color: string;
+    status: 'active' | 'archived';
+    members: WorkspaceMemberView[];
+    /** Granted content-type slugs; absent on older responses. */
+    content?: string[];
+}
+/**
+ * Anti-corruption layer for the workspaces API: maps a server workspace view to
+ * the admin's `Workspace`, deriving the presentation-only member initials/colors
+ * the server doesn't store. The single wire→model translation the gateway routes
+ * every workspace response through, so no hook or component ever touches the wire
+ * shape.
+ */
+export declare function toWorkspace(view: WorkspaceView): Workspace;
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/infrastructure/workspaceMapper/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/infrastructure/workspaceMapper/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACR,SAAS,EAGZ,MAAM,8BAA8B,CAAC;AAEtC,kFAAkF;AAClF,MAAM,WAAW,mBAAmB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,uDAAuD;AACvD,MAAM,WAAW,aAAa;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC9B,OAAO,EAAE,mBAAmB,EAAE,CAAC;IAC/B,6DAA6D;IAC7D,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACtB;AAmBD;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,aAAa,GAAG,SAAS,CAW1D"}

package/dist/lib/infrastructure/workspaceMapper/index.js

@@ -0,0 +1,36 @@
+import { initialsOf } from '@orthacms/utils-admin';
+import { AVATAR_COLORS } from '@orthacms/design-system';
+const STATUS = {
+    active: 'Active',
+    archived: 'Archived'
+};
+/** Derives an admin member (initials + a stable avatar color) from a server row. */
+function toMember(view, index) {
+    const name = view.name ?? view.email;
+    return {
+        id: view.id,
+        name,
+        email: view.email,
+        initials: initialsOf(name),
+        color: AVATAR_COLORS[index % AVATAR_COLORS.length]
+    };
+}
+/**
+ * Anti-corruption layer for the workspaces API: maps a server workspace view to
+ * the admin's `Workspace`, deriving the presentation-only member initials/colors
+ * the server doesn't store. The single wire→model translation the gateway routes
+ * every workspace response through, so no hook or component ever touches the wire
+ * shape.
+ */
+export function toWorkspace(view) {
+    return {
+        id: view.id,
+        slug: view.slug,
+        name: view.name,
+        description: view.description,
+        color: view.color,
+        status: STATUS[view.status],
+        members: view.members.map(toMember),
+        content: view.content ?? []
+    };
+}

package/dist/lib/pages/CreateWorkspacePage/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Full-page wizard for creating a workspace. Owns navigation and submission;
+ * all form state lives in {@link useWizard}, and each step body is
+ * presentational. Rendered at `/workspaces/new` inside the authenticated shell.
+ */
+export declare function CreateWorkspacePage(): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/pages/CreateWorkspacePage/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/pages/CreateWorkspacePage/index.tsx"],"names":[],"mappings":"AAiKA;;;;GAIG;AACH,wBAAgB,mBAAmB,gCAoRlC"}

package/dist/lib/pages/WorkspaceSettingsPage/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Workspace settings, mounted inside the shell at `/workspaces/:id/settings/*`.
+ * A tabbed layout — General, Members, Content, and a Danger zone — each its own
+ * nested route under the {@link WorkspaceSettingsTabs} underline tab bar,
+ * mirroring the user-detail page. The page width is the shared `Container`.
+ *
+ * Reads the open workspace from context; edits are gated by `workspaces:update`
+ * / `workspaces:delete`, so a viewer sees a read-only page and the Danger
+ * section (rail entry + route) only exists when the user can act on it.
+ */
+export declare function WorkspaceSettingsPage(): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/pages/WorkspaceSettingsPage/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/pages/WorkspaceSettingsPage/index.tsx"],"names":[],"mappings":"AA4BA;;;;;;;;;GASG;AACH,wBAAgB,qBAAqB,gCAkGpC"}

package/dist/lib/pages/WorkspacesPage/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * The Workspaces management page: a searchable, status-filterable grid of
+ * workspace cards with a create flow. Rendered at `/workspaces` inside the
+ * authenticated shell.
+ */
+export declare function WorkspacesPage(): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/pages/WorkspacesPage/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/pages/WorkspacesPage/index.tsx"],"names":[],"mappings":"AAgEA;;;;GAIG;AACH,wBAAgB,cAAc,gCAwH7B"}

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

@@ -0,0 +1,41 @@
+import type { ReactNode } from 'react';
+/** Props for {@link BlockingConfirmDialog}. */
+export type BlockingConfirmDialogProps = {
+    /** Whether the dialog is open. */
+    open: boolean;
+    /** Dialog heading. */
+    title: ReactNode;
+    /** Supporting copy under the heading. */
+    description: ReactNode;
+    /** Whether the backing entry-count query is still loading. */
+    isChecking: boolean;
+    /** Whether the entry-count query errored (blocks the action). */
+    isError: boolean;
+    /** The entry count once known; `undefined` while checking/errored. */
+    count: number | undefined;
+    /** Shown while the count is loading. */
+    checkingLabel: string;
+    /** Shown when the count couldn't be read. */
+    checkErrorLabel: string;
+    /** Shown when the count is `> 0` — the caller formats it with the count. */
+    blockedLabel: ReactNode;
+    /** Label for the destructive confirm button. */
+    confirmLabel: string;
+    /** Label for the cancel button. */
+    cancelLabel: string;
+    /** Close callback; ignored while the action is in flight. */
+    onClose: () => void;
+    /** Runs the destructive action (reachable only once the count is zero). */
+    onConfirm: () => void;
+    /** Whether the destructive action is in flight. */
+    busy?: boolean;
+};
+/**
+ * The shared "block-before-you-act" confirm dialog: on open the caller reads an
+ * entry-count query, and this renders the checking / error / blocked states and
+ * **enables the destructive button only once the count is known to be zero**.
+ * Used for both revoking a content grant and deleting a workspace, which differ
+ * only in their copy and which count hook backs them.
+ */
+export declare function BlockingConfirmDialog({ open, title, description, isChecking, isError, count, checkingLabel, checkErrorLabel, blockedLabel, confirmLabel, cancelLabel, onClose, onConfirm, busy }: BlockingConfirmDialogProps): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/presentation/components/BlockingConfirmDialog/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAcvC,+CAA+C;AAC/C,MAAM,MAAM,0BAA0B,GAAG;IACrC,kCAAkC;IAClC,IAAI,EAAE,OAAO,CAAC;IACd,sBAAsB;IACtB,KAAK,EAAE,SAAS,CAAC;IACjB,yCAAyC;IACzC,WAAW,EAAE,SAAS,CAAC;IACvB,8DAA8D;IAC9D,UAAU,EAAE,OAAO,CAAC;IACpB,iEAAiE;IACjE,OAAO,EAAE,OAAO,CAAC;IACjB,sEAAsE;IACtE,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,wCAAwC;IACxC,aAAa,EAAE,MAAM,CAAC;IACtB,6CAA6C;IAC7C,eAAe,EAAE,MAAM,CAAC;IACxB,4EAA4E;IAC5E,YAAY,EAAE,SAAS,CAAC;IACxB,gDAAgD;IAChD,YAAY,EAAE,MAAM,CAAC;IACrB,mCAAmC;IACnC,WAAW,EAAE,MAAM,CAAC;IACpB,6DAA6D;IAC7D,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,2EAA2E;IAC3E,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,mDAAmD;IACnD,IAAI,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF;;;;;;GAMG;AACH,wBAAgB,qBAAqB,CAAC,EAClC,IAAI,EACJ,KAAK,EACL,WAAW,EACX,UAAU,EACV,OAAO,EACP,KAAK,EACL,aAAa,EACb,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,OAAO,EACP,SAAS,EACT,IAAY,EACf,EAAE,0BAA0B,+BAgD5B"}

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

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Alert, AlertDescription, Button, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, Spinner } from '@orthacms/design-system';
+/**
+ * The shared "block-before-you-act" confirm dialog: on open the caller reads an
+ * entry-count query, and this renders the checking / error / blocked states and
+ * **enables the destructive button only once the count is known to be zero**.
+ * Used for both revoking a content grant and deleting a workspace, which differ
+ * only in their copy and which count hook backs them.
+ */
+export function BlockingConfirmDialog({ open, title, description, isChecking, isError, count, checkingLabel, checkErrorLabel, blockedLabel, confirmLabel, cancelLabel, onClose, onConfirm, busy = false }) {
+    const hasEntries = typeof count === 'number' && count > 0;
+    const canConfirm = open && !isError && !isChecking && count === 0;
+    return (_jsx(Dialog, { open: open, onOpenChange: (next) => {
+            if (!next && !busy)
+                onClose();
+        }, children: _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: title }), _jsx(DialogDescription, { children: description })] }), isChecking ? (_jsxs("p", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [_jsx(Spinner, { className: "size-4" }), checkingLabel] })) : isError ? (_jsx(Alert, { variant: "destructive", role: "alert", children: _jsx(AlertDescription, { children: checkErrorLabel }) })) : hasEntries ? (_jsx(Alert, { variant: "destructive", role: "alert", children: _jsx(AlertDescription, { children: blockedLabel }) })) : null, _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "outline", onClick: onClose, disabled: busy, children: cancelLabel }), _jsxs(Button, { variant: "destructive", onClick: onConfirm, disabled: !canConfirm || busy, children: [busy ? _jsx(Spinner, {}) : null, confirmLabel] })] })] }) }));
+}

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

@@ -0,0 +1,22 @@
+import { type AvatarColor } from '@orthacms/design-system';
+/** Props for {@link ColorSwatchRow}. */
+export type ColorSwatchRowProps = {
+    /** Currently selected accent. */
+    value: AvatarColor;
+    /** Called when a swatch is chosen. */
+    onChange: (color: AvatarColor) => void;
+};
+/**
+ * The accent-color picker for the basics step: a single-select row of the
+ * shared avatar palette, exposed as a radio group for keyboard + screen-reader
+ * users. The selected swatch shows a check.
+ *
+ * It implements the **roving tabindex** the `radiogroup` role promises: the
+ * group is a single tab stop (only the checked swatch is tabbable) and ←/→/↑/↓
+ * move the selection, wrapping, with Home/End jumping to the ends. Without that
+ * the role was a promise the widget didn't keep — seven separate tab stops, and
+ * arrow keys that did nothing for the screen-reader users the role tells to
+ * reach for them.
+ */
+export declare function ColorSwatchRow({ value, onChange }: ColorSwatchRowProps): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/presentation/components/ColorSwatchRow/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAIH,KAAK,WAAW,EACnB,MAAM,yBAAyB,CAAC;AAajC,wCAAwC;AACxC,MAAM,MAAM,mBAAmB,GAAG;IAC9B,iCAAiC;IACjC,KAAK,EAAE,WAAW,CAAC;IACnB,sCAAsC;IACtC,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,mBAAmB,+BA8EtE"}

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

@@ -0,0 +1,70 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef } from 'react';
+import { defineMessages, useIntl } from 'react-intl';
+import { Check } from 'lucide-react';
+import { AVATAR_COLORS, avatarColorVar, cn } from '@orthacms/design-system';
+const messages = defineMessages({
+    label: {
+        id: 'workspaces.create.basics.colorLabel',
+        defaultMessage: 'Avatar color'
+    },
+    swatch: {
+        id: 'workspaces.create.basics.colorSwatch',
+        defaultMessage: 'Use the {color} accent'
+    }
+});
+/**
+ * The accent-color picker for the basics step: a single-select row of the
+ * shared avatar palette, exposed as a radio group for keyboard + screen-reader
+ * users. The selected swatch shows a check.
+ *
+ * It implements the **roving tabindex** the `radiogroup` role promises: the
+ * group is a single tab stop (only the checked swatch is tabbable) and ←/→/↑/↓
+ * move the selection, wrapping, with Home/End jumping to the ends. Without that
+ * the role was a promise the widget didn't keep — seven separate tab stops, and
+ * arrow keys that did nothing for the screen-reader users the role tells to
+ * reach for them.
+ */
+export function ColorSwatchRow({ value, onChange }) {
+    const intl = useIntl();
+    const label = intl.formatMessage(messages.label);
+    const refs = useRef([]);
+    // Moving the selection also moves focus, which is what a radio group does:
+    // arrowing through the options *is* choosing between them.
+    const move = (from, delta) => {
+        const next = (from + delta + AVATAR_COLORS.length) % AVATAR_COLORS.length;
+        onChange(AVATAR_COLORS[next]);
+        refs.current[next]?.focus();
+    };
+    const onKeyDown = (event, i) => {
+        const jump = {
+            ArrowRight: 1,
+            ArrowDown: 1,
+            ArrowLeft: -1,
+            ArrowUp: -1
+        };
+        const delta = jump[event.key];
+        if (delta !== undefined) {
+            event.preventDefault();
+            move(i, delta);
+            return;
+        }
+        if (event.key === 'Home' || event.key === 'End') {
+            event.preventDefault();
+            const target = event.key === 'Home' ? 0 : AVATAR_COLORS.length - 1;
+            onChange(AVATAR_COLORS[target]);
+            refs.current[target]?.focus();
+        }
+    };
+    // A group with nothing selected still needs one reachable stop, or Tab
+    // would skip the control entirely.
+    const activeIndex = Math.max(0, AVATAR_COLORS.indexOf(value));
+    return (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("span", { className: "text-sm font-medium leading-snug", children: label }), _jsx("div", { role: "radiogroup", "aria-label": label, className: "flex flex-wrap gap-2", children: AVATAR_COLORS.map((color, i) => {
+                    const selected = value === color;
+                    return (_jsx("button", { ref: (node) => {
+                            refs.current[i] = node;
+                        }, type: "button", role: "radio", "aria-checked": selected, tabIndex: i === activeIndex ? 0 : -1, "aria-label": intl.formatMessage(messages.swatch, {
+                            color
+                        }), onClick: () => onChange(color), onKeyDown: (event) => onKeyDown(event, i), className: cn('flex size-9 items-center justify-center rounded-xl text-white transition-colors', 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2', selected && 'ring-2 ring-ring ring-offset-2'), style: { backgroundColor: avatarColorVar(color) }, children: selected ? _jsx(Check, { className: "size-4" }) : null }, color));
+                }) })] }));
+}

package/dist/lib/presentation/components/CreateWorkspaceWizard/ContentStep/ModeTiles/index.d.ts

@@ -0,0 +1,11 @@
+import type { ContentMode } from '../../../../../domain/types/wizard';
+/** Props for {@link ModeTiles}. */
+export type ModeTilesProps = {
+    /** Current content mode. */
+    value: ContentMode;
+    /** Called when a tile is chosen. */
+    onChange: (mode: ContentMode) => void;
+};
+/** Two radio tiles choosing between full access and a specific selection. */
+export declare function ModeTiles({ value, onChange }: ModeTilesProps): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/presentation/components/CreateWorkspaceWizard/ContentStep/ModeTiles/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AA2CtE,mCAAmC;AACnC,MAAM,MAAM,cAAc,GAAG;IACzB,4BAA4B;IAC5B,KAAK,EAAE,WAAW,CAAC;IACnB,oCAAoC;IACpC,QAAQ,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF,6EAA6E;AAC7E,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,cAAc,+BAoC5D"}

package/dist/lib/presentation/components/CreateWorkspaceWizard/ContentStep/ModeTiles/index.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { defineMessages, useIntl } from 'react-intl';
+import { cn, RadioGroup, RadioGroupItem } from '@orthacms/design-system';
+const messages = defineMessages({
+    groupLabel: {
+        id: 'workspaces.create.content.modeLabel',
+        defaultMessage: 'Content access'
+    },
+    allTitle: {
+        id: 'workspaces.create.content.allTitle',
+        defaultMessage: 'All content'
+    },
+    allDescription: {
+        id: 'workspaces.create.content.allDescription',
+        defaultMessage: 'Access every collection and page, including ones added later.'
+    },
+    specificTitle: {
+        id: 'workspaces.create.content.specificTitle',
+        defaultMessage: 'Specific content'
+    },
+    specificDescription: {
+        id: 'workspaces.create.content.specificDescription',
+        defaultMessage: 'Choose exactly which collections and pages to grant.'
+    }
+});
+const TILES = [
+    {
+        value: 'all',
+        title: messages.allTitle,
+        description: messages.allDescription
+    },
+    {
+        value: 'specific',
+        title: messages.specificTitle,
+        description: messages.specificDescription
+    }
+];
+/** Two radio tiles choosing between full access and a specific selection. */
+export function ModeTiles({ value, onChange }) {
+    const intl = useIntl();
+    return (_jsx(RadioGroup, { value: value, onValueChange: (next) => onChange(next), "aria-label": intl.formatMessage(messages.groupLabel), className: "grid gap-3 sm:grid-cols-2", children: TILES.map((tile) => {
+            const selected = value === tile.value;
+            return (_jsxs("label", { className: cn('flex cursor-pointer items-start gap-3 rounded-xl border p-4 transition-colors', selected
+                    ? 'border-primary bg-primary/5'
+                    : 'hover:bg-accent'), children: [_jsx(RadioGroupItem, { value: tile.value, className: "mt-0.5" }), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("span", { className: "text-sm font-medium", children: intl.formatMessage(tile.title) }), _jsx("span", { className: "text-sm text-muted-foreground", children: intl.formatMessage(tile.description) })] })] }, tile.value));
+        }) }));
+}

package/dist/lib/presentation/components/CreateWorkspaceWizard/ContentStep/ResourceSection/index.d.ts

@@ -0,0 +1,48 @@
+import { type ComponentType } from 'react';
+import { type MessageDescriptor } from 'react-intl';
+import type { ResourceSelection } from '../../../../../domain/types/wizard';
+/** A selectable row in a {@link ResourceSection}. */
+export type ResourceRow = {
+    /** Stable id (the content type name). */
+    id: string;
+    /** Primary label. */
+    primary: string;
+    /** Secondary line (description or path), also searched. */
+    secondary?: string;
+};
+/** The i18n strings a {@link ResourceSection} needs. */
+export type ResourceSectionMessages = {
+    heading: MessageDescriptor;
+    help: MessageDescriptor;
+    searchPlaceholder: MessageDescriptor;
+    allLabel: MessageDescriptor;
+    empty: MessageDescriptor;
+    noResults: MessageDescriptor;
+    /** Plural — receives `{count}`. */
+    countSpecific: MessageDescriptor;
+    countAll: MessageDescriptor;
+    /** Plural — receives `{count}` excluded. */
+    countAllExcluded: MessageDescriptor;
+};
+/** Props for {@link ResourceSection}. */
+export type ResourceSectionProps = {
+    /** Section copy. */
+    messages: ResourceSectionMessages;
+    /** Leading icon for every row. */
+    icon: ComponentType<{
+        className?: string;
+    }>;
+    /** All rows (filtering affects only what's rendered). */
+    rows: ResourceRow[];
+    /** Current selection. */
+    selection: ResourceSelection;
+    /** Replace the selection. */
+    onChange: (next: ResourceSelection) => void;
+};
+/**
+ * A generic "specific vs all" selection panel — used for both collections and
+ * pages. Owns local search; the caller owns the selection state and supplies
+ * rows, icon, and copy.
+ */
+export declare function ResourceSection({ messages, icon: Icon, rows, selection, onChange }: ResourceSectionProps): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/presentation/components/CreateWorkspaceWizard/ContentStep/ResourceSection/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAW,KAAK,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAU7D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AAE5E,qDAAqD;AACrD,MAAM,MAAM,WAAW,GAAG;IACtB,yCAAyC;IACzC,EAAE,EAAE,MAAM,CAAC;IACX,qBAAqB;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,wDAAwD;AACxD,MAAM,MAAM,uBAAuB,GAAG;IAClC,OAAO,EAAE,iBAAiB,CAAC;IAC3B,IAAI,EAAE,iBAAiB,CAAC;IACxB,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,KAAK,EAAE,iBAAiB,CAAC;IACzB,SAAS,EAAE,iBAAiB,CAAC;IAC7B,mCAAmC;IACnC,aAAa,EAAE,iBAAiB,CAAC;IACjC,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,4CAA4C;IAC5C,gBAAgB,EAAE,iBAAiB,CAAC;CACvC,CAAC;AAEF,yCAAyC;AACzC,MAAM,MAAM,oBAAoB,GAAG;IAC/B,oBAAoB;IACpB,QAAQ,EAAE,uBAAuB,CAAC;IAClC,kCAAkC;IAClC,IAAI,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC5C,yDAAyD;IACzD,IAAI,EAAE,WAAW,EAAE,CAAC;IACpB,yBAAyB;IACzB,SAAS,EAAE,iBAAiB,CAAC;IAC7B,6BAA6B;IAC7B,QAAQ,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC/C,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAC5B,QAAQ,EACR,IAAI,EAAE,IAAI,EACV,IAAI,EACJ,SAAS,EACT,QAAQ,EACX,EAAE,oBAAoB,+BAwGtB"}

package/dist/lib/presentation/components/CreateWorkspaceWizard/ContentStep/ResourceSection/index.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from 'react';
+import { useIntl } from 'react-intl';
+import { Checkbox, cn, InputGroup, InputGroupAddon, InputGroupInput } from '@orthacms/design-system';
+import { Search } from 'lucide-react';
+import { useResourceSelection } from '../../../../hooks/useResourceSelection';
+/**
+ * A generic "specific vs all" selection panel — used for both collections and
+ * pages. Owns local search; the caller owns the selection state and supplies
+ * rows, icon, and copy.
+ */
+export function ResourceSection({ messages, icon: Icon, rows, selection, onChange }) {
+    const intl = useIntl();
+    const [search, setSearch] = useState('');
+    const controller = useResourceSelection(selection, onChange, rows.length);
+    const filtered = useMemo(() => {
+        const q = search.trim().toLowerCase();
+        if (!q)
+            return rows;
+        return rows.filter((row) => `${row.primary} ${row.secondary ?? ''}`.toLowerCase().includes(q));
+    }, [rows, search]);
+    const countLabel = selection.mode === 'all'
+        ? selection.excludedIds.length === 0
+            ? intl.formatMessage(messages.countAll)
+            : intl.formatMessage(messages.countAllExcluded, {
+                count: selection.excludedIds.length
+            })
+        : intl.formatMessage(messages.countSpecific, {
+            count: controller.count
+        });
+    return (_jsxs("section", { className: "flex flex-col gap-3", children: [_jsxs("div", { className: "flex flex-col gap-0.5", children: [_jsx("h3", { className: "text-sm font-medium", children: intl.formatMessage(messages.heading) }), _jsx("p", { className: "text-sm text-muted-foreground", children: intl.formatMessage(messages.help) })] }), _jsxs("label", { className: "flex items-center gap-3 rounded-lg border px-3 py-2", children: [_jsx(Checkbox, { checked: controller.isAll, onCheckedChange: (checked) => controller.setAll(checked === true) }), _jsx("span", { className: "text-sm font-medium", children: intl.formatMessage(messages.allLabel) })] }), _jsxs(InputGroup, { className: "shadow-none", children: [_jsx(InputGroupAddon, { children: _jsx(Search, {}) }), _jsx(InputGroupInput, { type: "search", value: search, onChange: (event) => setSearch(event.target.value), placeholder: intl.formatMessage(messages.searchPlaceholder), "aria-label": intl.formatMessage(messages.searchPlaceholder) })] }), rows.length === 0 ? (_jsx("p", { className: "px-1 py-2 text-sm text-muted-foreground", children: intl.formatMessage(messages.empty) })) : filtered.length === 0 ? (_jsx("p", { className: "px-1 py-2 text-sm text-muted-foreground", children: intl.formatMessage(messages.noResults) })) : (_jsx("ul", { className: "flex flex-col rounded-lg border", children: filtered.map((row, index) => (_jsx("li", { children: _jsxs("label", { className: cn('flex cursor-pointer items-center gap-3 px-3 py-2', index > 0 && 'border-t'), children: [_jsx(Checkbox, { checked: controller.isSelected(row.id), onCheckedChange: () => controller.toggle(row.id) }), _jsx(Icon, { className: "size-4 shrink-0 text-muted-foreground" }), _jsxs("span", { className: "flex min-w-0 flex-col", children: [_jsx("span", { className: "truncate text-sm font-medium", children: row.primary }), row.secondary ? (_jsx("span", { className: "truncate text-xs text-muted-foreground", children: row.secondary })) : null] })] }) }, row.id))) })), _jsx("p", { className: "text-xs text-muted-foreground", children: countLabel })] }));
+}

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

@@ -0,0 +1,23 @@
+import type { ContentMode, ResourceSelection } from '../../../../domain/types/wizard';
+/** Props for {@link ContentStep}. */
+export type ContentStepProps = {
+    /** Page-level content mode. */
+    contentMode: ContentMode;
+    /** Set the content mode. */
+    setContentMode: (mode: ContentMode) => void;
+    /** Collection selection. */
+    collections: ResourceSelection;
+    /** Replace the collection selection. */
+    setCollections: (selection: ResourceSelection) => void;
+    /** Page selection. */
+    pages: ResourceSelection;
+    /** Replace the page selection. */
+    setPages: (selection: ResourceSelection) => void;
+};
+/**
+ * The content step body: the All-vs-Specific mode tiles, then either a
+ * reassuring full-access alert or the collections + pages selection panels
+ * (with loading and error states for the content-types query).
+ */
+export declare function ContentStep({ contentMode, setContentMode, collections, setCollections, pages, setPages }: ContentStepProps): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/presentation/components/CreateWorkspaceWizard/ContentStep/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EACR,WAAW,EACX,iBAAiB,EACpB,MAAM,iCAAiC,CAAC;AA+GzC,qCAAqC;AACrC,MAAM,MAAM,gBAAgB,GAAG;IAC3B,+BAA+B;IAC/B,WAAW,EAAE,WAAW,CAAC;IACzB,4BAA4B;IAC5B,cAAc,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IAC5C,4BAA4B;IAC5B,WAAW,EAAE,iBAAiB,CAAC;IAC/B,wCAAwC;IACxC,cAAc,EAAE,CAAC,SAAS,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACvD,sBAAsB;IACtB,KAAK,EAAE,iBAAiB,CAAC;IACzB,kCAAkC;IAClC,QAAQ,EAAE,CAAC,SAAS,EAAE,iBAAiB,KAAK,IAAI,CAAC;CACpD,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EACxB,WAAW,EACX,cAAc,EACd,WAAW,EACX,cAAc,EACd,KAAK,EACL,QAAQ,EACX,EAAE,gBAAgB,+BAyElB"}

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

@@ -0,0 +1,128 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { defineMessages, useIntl } from 'react-intl';
+import { AlertCircle, Database, FileText } from 'lucide-react';
+import { Alert, AlertDescription, AlertTitle } from '@orthacms/design-system';
+import { useContentTypes } from '../../../../application/useContentTypes';
+import { ContentTypesSkeleton } from '../../WorkspacesSkeleton';
+import { ModeTiles } from './ModeTiles';
+import { ResourceSection } from './ResourceSection';
+const messages = defineMessages({
+    errorTitle: {
+        id: 'workspaces.create.content.errorTitle',
+        defaultMessage: 'Could not load content types'
+    },
+    errorBody: {
+        id: 'workspaces.create.content.errorBody',
+        defaultMessage: 'Try again in a moment, or skip this step and grant content access later.'
+    },
+    allAlertTitle: {
+        id: 'workspaces.create.content.allAlertTitle',
+        defaultMessage: 'Full access'
+    },
+    allAlertBody: {
+        id: 'workspaces.create.content.allAlertBody',
+        defaultMessage: 'This workspace can access every collection and page, including any added later.'
+    }
+});
+const collectionMessages = defineMessages({
+    heading: {
+        id: 'workspaces.create.content.collectionsHeading',
+        defaultMessage: 'Collections'
+    },
+    help: {
+        id: 'workspaces.create.content.collectionsHelp',
+        defaultMessage: 'Structured content types — e.g. blog posts, products, authors.'
+    },
+    searchPlaceholder: {
+        id: 'workspaces.create.content.collectionsSearch',
+        defaultMessage: 'Search collections by name'
+    },
+    allLabel: {
+        id: 'workspaces.create.content.collectionsAll',
+        defaultMessage: 'All collections'
+    },
+    empty: {
+        id: 'workspaces.create.content.collectionsEmpty',
+        defaultMessage: 'No collections defined yet.'
+    },
+    noResults: {
+        id: 'workspaces.create.content.collectionsNoResults',
+        defaultMessage: 'No collections match your search.'
+    },
+    countSpecific: {
+        id: 'workspaces.create.content.collectionsCountSpecific',
+        defaultMessage: '{count, plural, =0 {No collections selected} one {# collection selected} other {# collections selected}}'
+    },
+    countAll: {
+        id: 'workspaces.create.content.collectionsCountAll',
+        defaultMessage: 'All collections selected'
+    },
+    countAllExcluded: {
+        id: 'workspaces.create.content.collectionsCountAllExcluded',
+        defaultMessage: 'All collections selected — {count, plural, one {# excluded} other {# excluded}}'
+    }
+});
+const pageMessages = defineMessages({
+    heading: {
+        id: 'workspaces.create.content.pagesHeading',
+        defaultMessage: 'Pages'
+    },
+    help: {
+        id: 'workspaces.create.content.pagesHelp',
+        defaultMessage: 'Standalone pages — e.g. home, about, contact.'
+    },
+    searchPlaceholder: {
+        id: 'workspaces.create.content.pagesSearch',
+        defaultMessage: 'Search pages by name or path'
+    },
+    allLabel: {
+        id: 'workspaces.create.content.pagesAll',
+        defaultMessage: 'All pages'
+    },
+    empty: {
+        id: 'workspaces.create.content.pagesEmpty',
+        defaultMessage: 'No pages defined yet.'
+    },
+    noResults: {
+        id: 'workspaces.create.content.pagesNoResults',
+        defaultMessage: 'No pages match your search.'
+    },
+    countSpecific: {
+        id: 'workspaces.create.content.pagesCountSpecific',
+        defaultMessage: '{count, plural, =0 {No pages selected} one {# page selected} other {# pages selected}}'
+    },
+    countAll: {
+        id: 'workspaces.create.content.pagesCountAll',
+        defaultMessage: 'All pages selected'
+    },
+    countAllExcluded: {
+        id: 'workspaces.create.content.pagesCountAllExcluded',
+        defaultMessage: 'All pages selected — {count, plural, one {# excluded} other {# excluded}}'
+    }
+});
+/**
+ * The content step body: the All-vs-Specific mode tiles, then either a
+ * reassuring full-access alert or the collections + pages selection panels
+ * (with loading and error states for the content-types query).
+ */
+export function ContentStep({ contentMode, setContentMode, collections, setCollections, pages, setPages }) {
+    const intl = useIntl();
+    const query = useContentTypes();
+    const allTypes = useMemo(() => query.data ?? [], [query.data]);
+    const collectionRows = useMemo(() => allTypes
+        .filter((ct) => ct.kind === 'collection')
+        .map((ct) => ({
+        id: ct.name,
+        primary: ct.label ?? ct.name,
+        secondary: ct.description
+    })), [allTypes]);
+    const pageRows = useMemo(() => allTypes
+        .filter((ct) => ct.kind === 'single')
+        .map((ct) => ({
+        id: ct.name,
+        primary: ct.label ?? ct.name,
+        secondary: ct.path ?? ct.description
+    })), [allTypes]);
+    return (_jsxs("div", { className: "flex flex-col gap-6", children: [_jsx(ModeTiles, { value: contentMode, onChange: setContentMode }), contentMode === 'all' ? (_jsxs(Alert, { children: [_jsx(AlertTitle, { children: intl.formatMessage(messages.allAlertTitle) }), _jsx(AlertDescription, { children: intl.formatMessage(messages.allAlertBody) })] })) : query.isPending ? (_jsx(ContentTypesSkeleton, {})) : query.isError ? (_jsxs(Alert, { variant: "destructive", children: [_jsx(AlertCircle, { className: "size-4" }), _jsx(AlertTitle, { children: intl.formatMessage(messages.errorTitle) }), _jsx(AlertDescription, { children: intl.formatMessage(messages.errorBody) })] })) : (_jsxs("div", { className: "flex flex-col gap-6", children: [_jsx(ResourceSection, { messages: collectionMessages, icon: Database, rows: collectionRows, selection: collections, onChange: setCollections }), _jsx(ResourceSection, { messages: pageMessages, icon: FileText, rows: pageRows, selection: pages, onChange: setPages })] }))] }));
+}

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

@@ -0,0 +1,17 @@
+import type { UseSlugResult } from '../../../hooks/useSlug';
+import type { WizardData } from '../../../../domain/types/wizard';
+/** Props for {@link IdentityFields}. */
+export type IdentityFieldsProps = {
+    /** Current basics data. */
+    data: WizardData;
+    /** Merge a partial patch into the basics data. */
+    update: (patch: Partial<WizardData>) => void;
+    /** Slug controller (status + handlers) owned by the page. */
+    slug: UseSlugResult;
+};
+/**
+ * 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 declare function IdentityFields({ data, update, slug }: IdentityFieldsProps): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/presentation/components/CreateWorkspaceWizard/IdentityFields/index.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AA2ClE,wCAAwC;AACxC,MAAM,MAAM,mBAAmB,GAAG;IAC9B,2BAA2B;IAC3B,IAAI,EAAE,UAAU,CAAC;IACjB,kDAAkD;IAClD,MAAM,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IAC7C,6DAA6D;IAC7D,IAAI,EAAE,aAAa,CAAC;CACvB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,mBAAmB,+BA6GzE"}