@orthacms/workspaces-admin 0.0.0-reserve.0

package/dist/lib/presentation/hooks/useWorkspaceProfileSchema/index.js

@@ -0,0 +1,53 @@
+import { useMemo } from 'react';
+import { defineMessages, useIntl } from 'react-intl';
+import { z } from 'zod';
+import { DESCRIPTION_MAX, NAME_MAX } from '../../../domain/workspaceLimits';
+/** Validation copy for the settings profile form, co-located with the schema. */
+const messages = defineMessages({
+    nameRequired: {
+        id: 'workspaces.settings.general.nameRequired',
+        defaultMessage: 'Workspace name is required.'
+    },
+    nameTooLong: {
+        id: 'workspaces.settings.general.nameTooLong',
+        defaultMessage: 'Name must be at most {max} characters.'
+    },
+    descriptionTooLong: {
+        id: 'workspaces.settings.general.descriptionTooLong',
+        defaultMessage: 'Description must be at most {max} characters.'
+    }
+});
+/**
+ * Builds the settings General-tab Zod schema with localized messages. Mirrors
+ * the server `UpdateWorkspaceDto` through the shared {@link NAME_MAX} /
+ * {@link DESCRIPTION_MAX} constants (name required, ≤120; description ≤2000),
+ * rather than restating the numbers here — which is how they previously drifted
+ * to 100/500 and locked long-named workspaces out of the whole form. The slug is
+ * intentionally absent — it's the workspace's immutable URL identifier and isn't
+ * editable from settings. Rebuilt when the locale changes so the copy stays in
+ * sync with the UI.
+ */
+export function useWorkspaceProfileSchema() {
+    const intl = useIntl();
+    return useMemo(() => z.object({
+        name: z
+            .string()
+            .trim()
+            .min(1, {
+            message: intl.formatMessage(messages.nameRequired)
+        })
+            .max(NAME_MAX, {
+            message: intl.formatMessage(messages.nameTooLong, {
+                max: NAME_MAX
+            })
+        }),
+        description: z
+            .string()
+            .trim()
+            .max(DESCRIPTION_MAX, {
+            message: intl.formatMessage(messages.descriptionTooLong, {
+                max: DESCRIPTION_MAX
+            })
+        })
+    }), [intl]);
+}

package/dist/lib/presentation/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/presentation/pages/CreateWorkspacePage/index.d.ts.map

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

package/dist/lib/presentation/pages/CreateWorkspacePage/index.js

@@ -0,0 +1,248 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
+import { defineMessages, useIntl } from 'react-intl';
+import { Link, Navigate } from 'react-router-dom';
+import { useHasPermission } from '@orthacms/identity-admin';
+import { PageTopBar } from '@orthacms/shell-admin';
+import { ArrowLeft, ArrowRight, Layers } from 'lucide-react';
+import { Button, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Container, ContainerHeader, Spinner, Stepper, WizardFooter, WizardStepCard } from '@orthacms/design-system';
+import { useDocumentTitle } from '@orthacms/utils-admin';
+import { useCreateWorkspaceFlow } from '../../../application/useCreateWorkspaceFlow';
+import { ContentStep } from '../../components/CreateWorkspaceWizard/ContentStep';
+import { IdentityFields } from '../../components/CreateWorkspaceWizard/IdentityFields';
+import { MembersStep } from '../../components/CreateWorkspaceWizard/MembersStep';
+import { useSlug } from '../../hooks/useSlug';
+import { useWizard } from '../../hooks/useWizard';
+import { SlugStatus } from '../../../domain/types/wizard';
+import { EMPTY_SELECTION } from '../../../domain/resourceSelection';
+const messages = defineMessages({
+    title: {
+        id: 'workspaces.create.title',
+        defaultMessage: 'Create workspace'
+    },
+    subtitle: {
+        id: 'workspaces.create.subtitle',
+        defaultMessage: 'Set up a new workspace in three short steps. You can change most settings later.'
+    },
+    back: {
+        id: 'workspaces.create.backToWorkspaces',
+        defaultMessage: 'Back to workspaces'
+    },
+    crumbWorkspaces: {
+        id: 'workspaces.create.crumbWorkspaces',
+        defaultMessage: 'Workspaces'
+    },
+    // Rail
+    stepBasics: {
+        id: 'workspaces.create.stepBasics',
+        defaultMessage: 'Basics'
+    },
+    stepBasicsHint: {
+        id: 'workspaces.create.stepBasicsHint',
+        defaultMessage: 'Name, slug, and description'
+    },
+    stepMembers: {
+        id: 'workspaces.create.stepMembers',
+        defaultMessage: 'Members'
+    },
+    stepMembersHint: {
+        id: 'workspaces.create.stepMembersHint',
+        defaultMessage: 'Who can access the workspace'
+    },
+    stepContent: {
+        id: 'workspaces.create.stepContent',
+        defaultMessage: 'Content'
+    },
+    stepContentHint: {
+        id: 'workspaces.create.stepContentHint',
+        defaultMessage: 'Collections and pages'
+    },
+    summaryJustYou: {
+        id: 'workspaces.create.summaryMembers',
+        defaultMessage: '{count, plural, one {Just you} other {# people}}'
+    },
+    summaryAllContent: {
+        id: 'workspaces.create.summaryAllContent',
+        defaultMessage: 'All content'
+    },
+    summarySpecificContent: {
+        id: 'workspaces.create.summarySpecificContent',
+        defaultMessage: '{collections} collections · {pages} pages'
+    },
+    stepperOptional: {
+        id: 'workspaces.create.stepper.optional',
+        defaultMessage: 'Optional'
+    },
+    stepperStepLabel: {
+        id: 'workspaces.create.stepper.stepLabel',
+        defaultMessage: 'Step {number}: {label}'
+    },
+    stepAnnouncement: {
+        id: 'workspaces.create.stepAnnouncement',
+        defaultMessage: 'Step {number} of {total}: {label}.'
+    },
+    // Step cards
+    basicsTitle: {
+        id: 'workspaces.create.basicsCardTitle',
+        defaultMessage: 'Basics'
+    },
+    basicsDescription: {
+        id: 'workspaces.create.basicsCardDescription',
+        defaultMessage: 'Name your workspace and give it an identity.'
+    },
+    membersTitle: {
+        id: 'workspaces.create.membersCardTitle',
+        defaultMessage: 'Members'
+    },
+    membersDescription: {
+        id: 'workspaces.create.membersCardDescription',
+        defaultMessage: 'Add teammates now, or skip and invite them later. You are the owner.'
+    },
+    contentTitle: {
+        id: 'workspaces.create.contentCardTitle',
+        defaultMessage: 'Content access'
+    },
+    contentDescription: {
+        id: 'workspaces.create.contentCardDescription',
+        defaultMessage: 'Choose what this workspace can access.'
+    },
+    // Footer
+    basicsHint: {
+        id: 'workspaces.create.basicsFooterHint',
+        defaultMessage: 'Only a name is required — everything else can change later.'
+    },
+    continueToMembers: {
+        id: 'workspaces.create.continueToMembers',
+        defaultMessage: 'Continue to members'
+    },
+    continueToContent: {
+        id: 'workspaces.create.continueToContent',
+        defaultMessage: 'Continue to content'
+    },
+    backLabel: {
+        id: 'workspaces.create.back',
+        defaultMessage: 'Back'
+    },
+    skipForNow: {
+        id: 'workspaces.create.skipForNow',
+        defaultMessage: 'Skip for now'
+    },
+    skipAndCreate: {
+        id: 'workspaces.create.skipAndCreate',
+        defaultMessage: 'Skip & create'
+    },
+    create: {
+        id: 'workspaces.create.create',
+        defaultMessage: 'Create workspace'
+    },
+    creating: {
+        id: 'workspaces.create.creating',
+        defaultMessage: 'Creating…'
+    }
+});
+/**
+ * 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 function CreateWorkspacePage() {
+    const intl = useIntl();
+    const stepTitleRef = useRef(null);
+    useDocumentTitle(intl.formatMessage(messages.title));
+    const canCreate = useHasPermission('workspaces:create');
+    const wizard = useWizard();
+    const flow = useCreateWorkspaceFlow();
+    const slug = useSlug({ data: wizard.data, update: wizard.update });
+    // `WizardStepCard` is keyed on the step so the entrance animation replays —
+    // which unmounts the button the user just pressed and drops focus to
+    // <body>, making every step change restart Tab at the top of the document.
+    // Move focus to the new card's heading instead. `previousStep` keeps this to
+    // real step *changes*: stealing focus on first paint would be its own bug.
+    const previousStep = useRef(wizard.step);
+    useEffect(() => {
+        if (previousStep.current === wizard.step)
+            return;
+        previousStep.current = wizard.step;
+        stepTitleRef.current?.focus();
+    }, [wizard.step]);
+    // The server enforces `workspaces:create`; redirect rather than render the
+    // wizard for users who can't create one (e.g. deep-linking to
+    // `/workspaces/new`). Auth is already resolved here — this route renders
+    // inside the shell's `RequireAuth`, so `canCreate` reflects real grants.
+    if (!canCreate) {
+        return (_jsx(Navigate, { to: "/workspaces", replace: true, 
+            // Tell the list why it's showing instead of the wizard, so the
+            // redirect isn't silent for a screen-reader user.
+            state: { redirectNotice: 'create-denied' } }));
+    }
+    const basicsCanContinue = wizard.basicsValid && slug.status === SlugStatus.Available;
+    const contentBlocked = wizard.contentMode === 'specific' &&
+        (wizard.ctLoading || wizard.ctError);
+    // `useWizard` already falls back to step 1 when the basics are incomplete,
+    // so this is defense in depth: submitting without a name/slug can only ever
+    // throw inside the `Slug` guard and surface as a generic failure, which
+    // reads as "the server refused" when nothing was ever sent.
+    const createBlocked = flow.submitting || contentBlocked || !wizard.basicsValid;
+    // Submission (slug VO validation → create → toast + navigate) lives in the
+    // create use-case hook; the page only assembles the snapshot. "Skip &
+    // create" submits an override with empty content without mutating state.
+    // Both entry points share the incomplete-basics guard: `WizardFooter`'s Skip
+    // takes no disabled state, so refusing here is what stops it submitting a
+    // snapshot that can only fail.
+    const submitTo = (skip) => {
+        if (createBlocked)
+            return Promise.resolve();
+        return flow.submit(skip
+            ? {
+                ...wizard.snapshot,
+                contentMode: 'specific',
+                collections: EMPTY_SELECTION,
+                pages: EMPTY_SELECTION
+            }
+            : wizard.snapshot);
+    };
+    const railSteps = [
+        {
+            label: intl.formatMessage(messages.stepBasics),
+            hint: intl.formatMessage(messages.stepBasicsHint),
+            summary: wizard.data.name.trim() || undefined
+        },
+        {
+            label: intl.formatMessage(messages.stepMembers),
+            hint: intl.formatMessage(messages.stepMembersHint),
+            optional: true,
+            summary: intl.formatMessage(messages.summaryJustYou, {
+                count: wizard.memberCount
+            })
+        },
+        {
+            label: intl.formatMessage(messages.stepContent),
+            hint: intl.formatMessage(messages.stepContentHint),
+            optional: true,
+            summary: wizard.contentMode === 'all'
+                ? intl.formatMessage(messages.summaryAllContent)
+                : intl.formatMessage(messages.summarySpecificContent, {
+                    collections: wizard.collectionCount,
+                    pages: wizard.pageCount
+                })
+        }
+    ];
+    return (_jsxs(_Fragment, { children: [_jsx(PageTopBar, { icon: Layers, iconClassName: "bg-violet-soft text-violet-soft-foreground", crumbs: [
+                    {
+                        key: 'workspaces',
+                        label: intl.formatMessage(messages.crumbWorkspaces),
+                        to: '/workspaces'
+                    },
+                    {
+                        key: 'new',
+                        label: intl.formatMessage(messages.title)
+                    }
+                ] }), _jsxs(Container, { className: "max-w-[920px]", children: [_jsxs(Link, { to: "/workspaces", className: "mb-4 inline-flex items-center gap-1.5 text-sm text-muted-foreground transition-colors hover:text-foreground", children: [_jsx(ArrowLeft, { className: "size-4" }), intl.formatMessage(messages.back)] }), _jsx(ContainerHeader, { title: intl.formatMessage(messages.title), subtitle: intl.formatMessage(messages.subtitle) }), _jsxs("div", { className: "grid gap-8 lg:grid-cols-[244px_1fr]", children: [_jsx("div", { className: "lg:sticky lg:top-6 lg:self-start", children: _jsx(Stepper, { current: wizard.step, maxReached: wizard.maxReached, steps: railSteps, onStepClick: wizard.goStep, optionalLabel: intl.formatMessage(messages.stepperOptional), stepAriaLabel: (step, number) => intl.formatMessage(messages.stepperStepLabel, {
+                                        number,
+                                        label: step.label
+                                    }) }) }), _jsx("span", { role: "status", "aria-live": "polite", className: "sr-only", children: intl.formatMessage(messages.stepAnnouncement, {
+                                    number: wizard.step,
+                                    total: railSteps.length,
+                                    label: railSteps[wizard.step - 1]?.label ?? ''
+                                }) }), _jsxs(WizardStepCard, { children: [wizard.step === 1 ? (_jsxs(_Fragment, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { asChild: true, children: _jsx("h2", { ref: stepTitleRef, tabIndex: -1, className: "focus-visible:outline-none", children: intl.formatMessage(messages.basicsTitle) }) }), _jsx(CardDescription, { children: intl.formatMessage(messages.basicsDescription) })] }), _jsx(CardContent, { children: _jsx(IdentityFields, { data: wizard.data, update: wizard.update, slug: slug }) }), _jsx(CardFooter, { children: _jsx(WizardFooter, { hint: intl.formatMessage(messages.basicsHint), primary: _jsxs(Button, { type: "button", onClick: () => wizard.goStep(2), disabled: !basicsCanContinue, children: [intl.formatMessage(messages.continueToMembers), _jsx(ArrowRight, {})] }) }) })] })) : null, wizard.step === 2 ? (_jsxs(_Fragment, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { asChild: true, children: _jsx("h2", { ref: stepTitleRef, tabIndex: -1, className: "focus-visible:outline-none", children: intl.formatMessage(messages.membersTitle) }) }), _jsx(CardDescription, { children: intl.formatMessage(messages.membersDescription) })] }), _jsx(CardContent, { children: _jsx(MembersStep, { members: wizard.members, addMember: wizard.addMember, removeMember: wizard.removeMember }) }), _jsx(CardFooter, { children: _jsx(WizardFooter, { onBack: () => wizard.goStep(1), backLabel: intl.formatMessage(messages.backLabel), onSkip: () => wizard.goStep(3), skipLabel: intl.formatMessage(messages.skipForNow), primary: _jsxs(Button, { type: "button", onClick: () => wizard.goStep(3), children: [intl.formatMessage(messages.continueToContent), _jsx(ArrowRight, {})] }) }) })] })) : null, wizard.step === 3 ? (_jsxs(_Fragment, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { asChild: true, children: _jsx("h2", { ref: stepTitleRef, tabIndex: -1, className: "focus-visible:outline-none", children: intl.formatMessage(messages.contentTitle) }) }), _jsx(CardDescription, { children: intl.formatMessage(messages.contentDescription) })] }), _jsx(CardContent, { children: _jsx(ContentStep, { contentMode: wizard.contentMode, setContentMode: wizard.setContentMode, collections: wizard.collections, setCollections: wizard.setCollections, pages: wizard.pages, setPages: wizard.setPages }) }), _jsx(CardFooter, { children: _jsx(WizardFooter, { onBack: () => wizard.goStep(2), backLabel: intl.formatMessage(messages.backLabel), onSkip: () => submitTo(true), skipLabel: intl.formatMessage(messages.skipAndCreate), primary: _jsx(Button, { type: "button", onClick: () => submitTo(false), disabled: createBlocked, children: flow.submitting ? (_jsxs(_Fragment, { children: [_jsx(Spinner, {}), intl.formatMessage(messages.creating)] })) : (intl.formatMessage(messages.create)) }) }) })] })) : null] }, wizard.step)] })] })] }));
+}

package/dist/lib/presentation/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/presentation/pages/WorkspaceSettingsPage/index.d.ts.map

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

package/dist/lib/presentation/pages/WorkspaceSettingsPage/index.js

@@ -0,0 +1,69 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Navigate, Route, Routes } from 'react-router-dom';
+import { defineMessages, useIntl } from 'react-intl';
+import { useHasPermission } from '@orthacms/identity-admin';
+import { Badge, Container } from '@orthacms/design-system';
+import { useCurrentWorkspace } from '../../currentWorkspace';
+import { WorkspaceSettingsTabs } from '../../components/WorkspaceSettingsTabs';
+import { useDocumentTitle } from '@orthacms/utils-admin';
+import { WorkspaceSettingsTopBar } from '../../components/WorkspaceSettingsTopBar';
+import { useRedirectNotice } from '../../hooks/useRedirectNotice';
+import { WorkspaceGeneralSettings } from '../../components/WorkspaceGeneralSettings';
+import { WorkspaceMembersSettings } from '../../components/WorkspaceMembersSettings';
+import { WorkspaceContentSettings } from '../../components/WorkspaceContentSettings';
+import { WorkspaceDangerSettings } from '../../components/WorkspaceDangerSettings';
+/** Intl descriptors for the workspace settings page, co-located here. */
+const messages = defineMessages({
+    documentTitle: {
+        id: 'workspaces.settings.documentTitle',
+        defaultMessage: 'Settings · {name}'
+    },
+    dangerDenied: {
+        id: 'workspaces.settings.dangerDenied',
+        defaultMessage: 'You don’t have permission to open the Danger zone, so we brought you to General settings.'
+    },
+    title: {
+        id: 'workspaces.settings.title',
+        defaultMessage: 'Settings'
+    },
+    subtitle: {
+        id: 'workspaces.settings.subtitle',
+        defaultMessage: 'Manage settings for {workspace}.'
+    },
+    archivedBadge: {
+        id: 'workspaces.settings.archivedBadge',
+        defaultMessage: 'Archived'
+    }
+});
+/**
+ * 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 function WorkspaceSettingsPage() {
+    const intl = useIntl();
+    const workspace = useCurrentWorkspace();
+    const canUpdate = useHasPermission('workspaces:update');
+    const canDelete = useHasPermission('workspaces:delete');
+    const showDanger = canUpdate || canDelete;
+    const redirectNotice = useRedirectNotice();
+    useDocumentTitle(intl.formatMessage(messages.documentTitle, { name: workspace.name }));
+    return (_jsxs(_Fragment, { children: [_jsx(WorkspaceSettingsTopBar, {}), _jsxs(Container, { className: "space-y-6 py-8", children: [_jsx("span", { role: "status", "aria-live": "polite", className: "sr-only", children: redirectNotice === 'danger-denied'
+                            ? intl.formatMessage(messages.dangerDenied)
+                            : '' }), _jsxs("div", { children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("h1", { className: "text-2xl font-semibold tracking-[-0.01em]", children: intl.formatMessage(messages.title) }), workspace.status === 'Archived' ? (_jsx(Badge, { variant: "secondary", children: intl.formatMessage(messages.archivedBadge) })) : null] }), _jsx("p", { className: "mt-1 text-muted-foreground", children: intl.formatMessage(messages.subtitle, {
+                                    workspace: workspace.name
+                                }) })] }), _jsxs("div", { className: "flex flex-col gap-6", children: [_jsx(WorkspaceSettingsTabs, { workspaceId: workspace.id, showDanger: showDanger }), _jsx("div", { className: "min-w-0", children: _jsxs(Routes, { children: [_jsx(Route, { index: true, element: _jsx(Navigate, { to: "general", replace: true }) }), _jsx(Route, { path: "general", element: _jsx(WorkspaceGeneralSettings
+                                            // Re-key on the editable fields so an
+                                            // external change (e.g. another admin's edit
+                                            // arriving via a list refetch) re-baselines
+                                            // the form + color state instead of leaving
+                                            // stale values a Save would overwrite.
+                                            , { workspace: workspace, canUpdate: canUpdate }, `${workspace.id}:${workspace.name}:${workspace.description}:${workspace.color}`) }), _jsx(Route, { path: "members", element: _jsx(WorkspaceMembersSettings, { workspace: workspace, canUpdate: canUpdate }) }), _jsx(Route, { path: "content", element: _jsx(WorkspaceContentSettings, { workspace: workspace, canUpdate: canUpdate }) }), _jsx(Route, { path: "danger", element: showDanger ? (_jsx(WorkspaceDangerSettings, { workspace: workspace, canUpdate: canUpdate, canDelete: canDelete })) : (_jsx(Navigate, { to: "../general", replace: true, state: {
+                                                    redirectNotice: 'danger-denied'
+                                                } })) }), _jsx(Route, { path: "*", element: _jsx(Navigate, { to: "general", replace: true }) })] }) })] })] })] }));
+}

package/dist/lib/presentation/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/presentation/pages/WorkspacesPage/index.d.ts.map

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

package/dist/lib/presentation/pages/WorkspacesPage/index.js

@@ -0,0 +1,112 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useMemo, useState } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { defineMessages, useIntl } from 'react-intl';
+import { useHasPermission } from '@orthacms/identity-admin';
+import { PageTopBar } from '@orthacms/shell-admin';
+import { Layers, Plus } from 'lucide-react';
+import { Alert, AlertDescription, Button, Container, ContainerHeader } from '@orthacms/design-system';
+import { useDocumentTitle } from '@orthacms/utils-admin';
+import { useWorkspaces } from '../../../application/useWorkspaces';
+import { WorkspacesTable } from '../../components/WorkspacesTable';
+import { WorkspacesTableSkeleton } from '../../components/WorkspacesSkeleton';
+import { WorkspacesEmpty } from '../../components/WorkspacesEmpty';
+import { WorkspaceToolbar, DEFAULT_STATUS } from '../../components/WorkspaceToolbar';
+import { useRedirectNotice } from '../../hooks/useRedirectNotice';
+/** Intl descriptors for {@link WorkspacesPage}, co-located with the component. */
+const messages = defineMessages({
+    createDenied: {
+        id: 'workspaces.list.createDenied',
+        defaultMessage: 'You don’t have permission to create a workspace, so we brought you back to the workspaces list.'
+    },
+    title: {
+        id: 'workspaces.page.title',
+        defaultMessage: 'Workspaces'
+    },
+    subtitle: {
+        id: 'workspaces.page.subtitle',
+        defaultMessage: 'Each workspace groups its own content, members, and plugins. Switch in to manage one, or spin up a new one.'
+    },
+    newWorkspace: {
+        id: 'workspaces.page.newWorkspace',
+        defaultMessage: 'New workspace'
+    },
+    error: {
+        id: 'workspaces.page.error',
+        defaultMessage: 'Couldn’t load workspaces. Please try again.'
+    },
+    retry: {
+        id: 'workspaces.page.retry',
+        defaultMessage: 'Retry'
+    }
+});
+/** Matches a workspace against the status filter. */
+function matchesStatus(workspace, status) {
+    return status === 'All' || workspace.status === status;
+}
+/** Matches a workspace name or description against the search query. */
+function matchesSearch(workspace, query) {
+    const needle = query.trim().toLowerCase();
+    if (!needle)
+        return true;
+    return (workspace.name.toLowerCase().includes(needle) ||
+        workspace.description.toLowerCase().includes(needle));
+}
+/**
+ * The Workspaces management page: a searchable, status-filterable grid of
+ * workspace cards with a create flow. Rendered at `/workspaces` inside the
+ * authenticated shell.
+ */
+export function WorkspacesPage() {
+    const intl = useIntl();
+    const navigate = useNavigate();
+    const canCreate = useHasPermission('workspaces:create');
+    const redirectNotice = useRedirectNotice();
+    useDocumentTitle(intl.formatMessage(messages.title));
+    const { data: workspaces = [], isLoading, isError, refetch } = useWorkspaces();
+    const [search, setSearch] = useState('');
+    const [status, setStatus] = useState(DEFAULT_STATUS);
+    const openCreate = () => navigate('/workspaces/new');
+    const filtered = useMemo(() => workspaces.filter((workspace) => matchesStatus(workspace, status) &&
+        matchesSearch(workspace, search)), [workspaces, status, search]);
+    // Per-status counts for the filter chips — over the full list, not the
+    // current view, so each chip shows how many it would reveal.
+    const counts = useMemo(() => ({
+        All: workspaces.length,
+        Active: workspaces.filter((w) => w.status === 'Active').length,
+        Archived: workspaces.filter((w) => w.status === 'Archived').length
+    }), [workspaces]);
+    // Resets back to the widest view. Clearing lands on `All` (not the default
+    // `Active`) so it reveals every workspace — including archived ones the
+    // default view hides — matching the empty-state's "see them all" copy. This
+    // also unsticks the all-archived case, where resetting to `Active` would
+    // leave the grid empty and the clear button a no-op.
+    const clearFilters = () => {
+        setSearch('');
+        setStatus('All');
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(PageTopBar, { icon: Layers, iconClassName: "bg-violet-soft text-violet-soft-foreground", crumbs: [
+                    {
+                        key: 'workspaces',
+                        label: intl.formatMessage(messages.title)
+                    }
+                ] }), _jsxs(Container, { children: [_jsx("span", { role: "status", "aria-live": "polite", className: "sr-only", children: redirectNotice === 'create-denied'
+                            ? intl.formatMessage(messages.createDenied)
+                            : '' }), _jsx(ContainerHeader, { title: intl.formatMessage(messages.title), subtitle: intl.formatMessage(messages.subtitle), actions: canCreate ? (_jsxs(Button, { onClick: openCreate, children: [_jsx(Plus, {}), intl.formatMessage(messages.newWorkspace)] })) : undefined }), _jsx(WorkspaceToolbar, { search: search, onSearchChange: setSearch, status: status, onStatusChange: setStatus, counts: counts, shown: filtered.length, total: workspaces.length }), isLoading ? (_jsx(WorkspacesTableSkeleton, {})) : isError ? (
+                    // A failed load gets its own state — never the empty-list
+                    // "create your first workspace" copy, which would mislead the
+                    // operator into thinking the account genuinely has none.
+                    _jsx(Alert, { variant: "destructive", role: "alert", className: "mt-4", children: _jsxs(AlertDescription, { className: "flex flex-wrap items-center justify-between gap-3", children: [_jsx("span", { children: intl.formatMessage(messages.error) }), _jsx(Button, { variant: "outline", size: "sm", className: "shadow-none", onClick: () => refetch(), children: intl.formatMessage(messages.retry) })] }) })) : filtered.length === 0 ? (_jsx(WorkspacesEmpty
+                    // "No match / clear filters" whenever workspaces exist but
+                    // the current view hides them all (e.g. a search miss, or
+                    // the default Active filter with only archived workspaces);
+                    // the "no workspaces yet / create first" variant is reserved
+                    // for a genuinely empty list.
+                    , { 
+                        // "No match / clear filters" whenever workspaces exist but
+                        // the current view hides them all (e.g. a search miss, or
+                        // the default Active filter with only archived workspaces);
+                        // the "no workspaces yet / create first" variant is reserved
+                        // for a genuinely empty list.
+                        filtered: workspaces.length > 0, canCreate: canCreate, onClear: clearFilters, onCreate: openCreate })) : (_jsx(WorkspacesTable, { workspaces: filtered }))] })] }));
+}

package/dist/lib/presentation/slots/workspaceSlots/index.d.ts

@@ -0,0 +1,101 @@
+import type { ComponentType, ReactNode } from 'react';
+/**
+ * A navigation entry in the workspace sidebar's "Workspace" section, rendered
+ * as an icon + label row. Unlike the global {@link SidebarItem}, a workspace
+ * nav item's `to` is **relative to the current workspace** (e.g. `'media'`,
+ * resolved against `/workspaces/:id`) — a contributing plugin never spells out
+ * the workspace id. The owning {@link WorkspaceNav} resolves it.
+ */
+export type WorkspaceNavItem = {
+    /** react-intl message id for the label. */
+    labelId: string;
+    /** Fallback label when no translation is available. */
+    defaultLabel: string;
+    /**
+     * Path relative to the workspace base (`/workspaces/:id`), e.g. `'media'`.
+     * No leading slash; it is joined onto the active workspace's base path.
+     */
+    to: string;
+    /** Sort order; lower appears first. */
+    order: number;
+    /** Leading icon (e.g. a lucide-react icon). */
+    icon: ComponentType<{
+        className?: string;
+    }>;
+    /**
+     * Optional accent class for the icon (e.g. `text-nav-teal`), applied only
+     * while the row is **active** — the rest of the time the icon stays
+     * neutral. The `text-nav-*` utilities are tuned for contrast on the dark
+     * sidebar. Omit for an always-neutral icon.
+     */
+    iconColor?: string;
+    /**
+     * Optional permission key required to see this entry. When set, the entry
+     * is hidden from users whose role doesn't grant it (the UI mirror of the
+     * linked route's server-side gate). Omit for an entry visible to every
+     * member (the default — the linked page still gates itself).
+     */
+    permission?: string;
+};
+/**
+ * A route mounted **inside** the workspace shell, rendered in the shell's
+ * content area alongside the workspace sidebar. Its `path` is relative to the
+ * workspace base (`/workspaces/:id`), e.g. `'content/*'`. Pair each route with
+ * either a {@link WorkspaceNavItem} (a "Workspace" section entry) or a
+ * {@link WorkspaceSectionItem} (a custom section, e.g. the content-type list).
+ */
+export type WorkspaceRoute = {
+    /**
+     * Path relative to the workspace base, e.g. `'content/*'`. Use a trailing
+     * `/*` when the page mounts its own nested routes.
+     */
+    path: string;
+    /** Element rendered at that path (wrap lazy pages in `<Suspense>`). */
+    element: ReactNode;
+    /**
+     * Sort order used to pick the **default** section — landing on the
+     * workspace base (`/workspaces/:id`) redirects to the lowest-order route.
+     * Lower wins; omit to sort last. (The Content Library uses the lowest so it
+     * is the default landing.)
+     */
+    order?: number;
+};
+/**
+ * A data-driven section in the workspace sidebar (e.g. the "Content" list of
+ * the workspace's content types). Unlike the declarative {@link WorkspaceNavItem},
+ * a section is an arbitrary component the contributing plugin renders itself —
+ * so it can be backed by a query. Rendered above the "Workspace" section.
+ */
+export type WorkspaceSectionItem = {
+    /** Stable id (also the React key). */
+    id: string;
+    /** Sort order; lower appears first. */
+    order: number;
+    /** The section to render. Receives no props — it reads what it needs. */
+    Component: ComponentType;
+};
+/**
+ * The "Workspace" section's nav slot — the workspace's utility sections (Media,
+ * Insights, Settings), rendered as labeled rows. Any plugin contributes entries
+ * via its `slots`; {@link WorkspaceNav} reads it sorted by `order`. (Formerly
+ * `WORKSPACE_SIDEBAR_SLOT`.)
+ */
+export declare const WORKSPACE_NAV_SLOT: import("@orthacms/utils-admin").Slot<WorkspaceNavItem>;
+/**
+ * The workspace sidebar's custom-section slot — component-rendered regions
+ * above the "Workspace" section. A plugin contributes a
+ * {@link WorkspaceSectionItem} via its `slots`; {@link WorkspaceNav} renders
+ * them sorted by `order`. The Content Library contributes its content-type list
+ * here.
+ */
+export declare const WORKSPACE_SECTION_SLOT: import("@orthacms/utils-admin").Slot<WorkspaceSectionItem>;
+/**
+ * Workspace route slot — the pages mounted inside the workspace shell. A plugin
+ * contributes a {@link WorkspaceRoute} via its `slots`; {@link WorkspaceShell}
+ * builds its nested `<Routes>` from them (plus an index redirect to the first
+ * route). This is how a feature plugin lives **strictly inside** a workspace: it
+ * contributes a route here plus a nav entry or section, and **no** top-level
+ * route or sidebar item.
+ */
+export declare const WORKSPACE_ROUTE_SLOT: import("@orthacms/utils-admin").Slot<WorkspaceRoute>;
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/presentation/slots/workspaceSlots/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/presentation/slots/workspaceSlots/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGtD;;;;;;GAMG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC3B,2CAA2C;IAC3C,OAAO,EAAE,MAAM,CAAC;IAChB,uDAAuD;IACvD,YAAY,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,EAAE,EAAE,MAAM,CAAC;IACX,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,+CAA+C;IAC/C,IAAI,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC5C;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,MAAM,cAAc,GAAG;IACzB;;;OAGG;IACH,IAAI,EAAE,MAAM,CAAC;IACb,uEAAuE;IACvE,OAAO,EAAE,SAAS,CAAC;IACnB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF;;;;;GAKG;AACH,MAAM,MAAM,oBAAoB,GAAG;IAC/B,sCAAsC;IACtC,EAAE,EAAE,MAAM,CAAC;IACX,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,yEAAyE;IACzE,SAAS,EAAE,aAAa,CAAC;CAC5B,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,wDAAgD,CAAC;AAEhF;;;;;;GAMG;AACH,eAAO,MAAM,sBAAsB,4DACsB,CAAC;AAE1D;;;;;;;GAOG;AACH,eAAO,MAAM,oBAAoB,sDACiB,CAAC"}