npm - @orthacms/workspaces-admin - Versions diffs - 0.0.0-reserve.0 - Mend

@orthacms/workspaces-admin 0.0.0-reserve.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (409) hide show

package/dist/lib/presentation/components/WorkspaceMembersSettings/index.js ADDED Viewed

@@ -0,0 +1,127 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { defineMessages, useIntl } from 'react-intl';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle, ConfirmDialog, Separator, toast } from '@orthacms/design-system';
+import { useAddWorkspaceMember } from '../../../application/useAddWorkspaceMember';
+import { useRemoveWorkspaceMember } from '../../../application/useRemoveWorkspaceMember';
+import { MemberDirectorySearch } from './MemberDirectorySearch';
+import { MemberListRow } from './MemberListRow';
+const messages = defineMessages({
+    title: {
+        id: 'workspaces.settings.members.title',
+        defaultMessage: 'Members'
+    },
+    description: {
+        id: 'workspaces.settings.members.description',
+        defaultMessage: 'People with access to this workspace. A member’s permissions come from their global role, not from the workspace.'
+    },
+    rosterLabel: {
+        id: 'workspaces.settings.members.rosterLabel',
+        defaultMessage: '{count, plural, one {# member} other {# members}}'
+    },
+    readOnly: {
+        id: 'workspaces.settings.members.readOnly',
+        defaultMessage: 'You have read-only access and can’t change members.'
+    },
+    added: {
+        id: 'workspaces.settings.members.added',
+        defaultMessage: '{name} was added to the workspace.'
+    },
+    addError: {
+        id: 'workspaces.settings.members.addError',
+        defaultMessage: 'Couldn’t add that person. Please try again.'
+    },
+    removed: {
+        id: 'workspaces.settings.members.removed',
+        defaultMessage: '{name} was removed from the workspace.'
+    },
+    removeError: {
+        id: 'workspaces.settings.members.removeError',
+        defaultMessage: 'Couldn’t remove that member. Please try again.'
+    },
+    confirmTitle: {
+        id: 'workspaces.settings.members.confirmTitle',
+        defaultMessage: 'Remove member?'
+    },
+    confirmBody: {
+        id: 'workspaces.settings.members.confirmBody',
+        defaultMessage: '{name} will lose access to this workspace. They keep their account and global role, and you can add them back later.'
+    },
+    confirmAction: {
+        id: 'workspaces.settings.members.confirmAction',
+        defaultMessage: 'Remove'
+    }
+});
+/**
+ * The Members settings tab: assign existing directory users and remove members
+ * with a confirmation. Access is purely permission-based — every control is
+ * gated on `workspaces:update`, and no member is special; without the permission
+ * the roster is read-only.
+ */
+export function WorkspaceMembersSettings({ workspace, canUpdate }) {
+    const intl = useIntl();
+    const addMember = useAddWorkspaceMember();
+    const removeMember = useRemoveWorkspaceMember();
+    const [pendingRemoval, setPendingRemoval] = useState(null);
+    const rosterRef = useRef(null);
+    const rosterLabelRef = useRef(null);
+    // Index whose Remove button focus should land on once the roster re-renders.
+    const focusAfterRemoval = useRef(null);
+    // Radix restores focus to the dialog's trigger on close — but the mutation
+    // has just unmounted that trigger along with its row, so focus fell to
+    // <body> and a keyboard user was dropped at the top of the document. Land on
+    // the row that took its place instead, or the roster heading when the list
+    // has emptied.
+    useEffect(() => {
+        const index = focusAfterRemoval.current;
+        if (index === null)
+            return;
+        focusAfterRemoval.current = null;
+        const buttons = rosterRef.current?.querySelectorAll('[data-remove-member]');
+        const target = buttons?.length
+            ? buttons[Math.min(index, buttons.length - 1)]
+            : rosterLabelRef.current;
+        target?.focus();
+    }, [workspace.members]);
+    const excludeIds = new Set(workspace.members.map((member) => member.id));
+    const onSelect = async (user) => {
+        try {
+            await addMember.mutateAsync({
+                workspaceId: workspace.id,
+                userId: user.id
+            });
+            toast.success(intl.formatMessage(messages.added, { name: user.name }));
+        }
+        catch {
+            toast.error(intl.formatMessage(messages.addError));
+        }
+    };
+    const confirmRemoval = async () => {
+        if (!pendingRemoval)
+            return;
+        const member = pendingRemoval;
+        const removedIndex = workspace.members.findIndex((candidate) => candidate.id === member.id);
+        try {
+            await removeMember.mutateAsync({
+                workspaceId: workspace.id,
+                userId: member.id
+            });
+            focusAfterRemoval.current = Math.max(0, removedIndex);
+            toast.success(intl.formatMessage(messages.removed, { name: member.name }));
+        }
+        catch {
+            toast.error(intl.formatMessage(messages.removeError));
+        }
+        finally {
+            setPendingRemoval(null);
+        }
+    };
+    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { asChild: true, children: _jsx("h2", { children: intl.formatMessage(messages.title) }) }), _jsx(CardDescription, { children: intl.formatMessage(messages.description) })] }), _jsxs(CardContent, { className: "flex flex-col gap-4", children: [canUpdate ? (_jsx(MemberDirectorySearch, { excludeIds: excludeIds, onSelect: onSelect, busy: addMember.isPending })) : (_jsx("p", { className: "text-sm text-muted-foreground", children: intl.formatMessage(messages.readOnly) })), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("span", { ref: rosterLabelRef, tabIndex: -1, className: "text-sm font-medium focus-visible:outline-none", children: intl.formatMessage(messages.rosterLabel, {
+                                    count: workspace.members.length
+                                }) }), _jsx("ul", { ref: rosterRef, className: "rounded-xl border", children: workspace.members.map((member, index) => (_jsxs("li", { children: [index > 0 ? _jsx(Separator, {}) : null, _jsx(MemberListRow, { member: member, canRemove: canUpdate, onRemove: () => setPendingRemoval(member) })] }, member.id))) })] })] }), _jsx(ConfirmDialog, { open: pendingRemoval !== null, onOpenChange: (open) => {
+                    if (!open)
+                        setPendingRemoval(null);
+                }, title: intl.formatMessage(messages.confirmTitle), description: intl.formatMessage(messages.confirmBody, {
+                    name: pendingRemoval?.name ?? ''
+                }), confirmLabel: intl.formatMessage(messages.confirmAction), confirmVariant: "destructive", busy: removeMember.isPending, onConfirm: confirmRemoval })] }));
+}

package/dist/lib/presentation/components/WorkspaceNav/WorkspaceNavButton/index.d.ts ADDED Viewed

@@ -0,0 +1,14 @@
+import type { WorkspaceNavItem } from '../../../slots/workspaceSlots';
+type WorkspaceNavButtonProps = {
+    /** The workspace nav entry to render. */
+    item: WorkspaceNavItem;
+};
+/**
+ * One row in the workspace sidebar's "Workspace" section: an icon + label link.
+ * The item's `to` is relative to the workspace, so this resolves it against the
+ * active `:id`, derives active state from the current route, and hides itself
+ * when the item is permission-gated and the user lacks the permission.
+ */
+export declare function WorkspaceNavButton({ item }: WorkspaceNavButtonProps): import("react").JSX.Element | null;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/presentation/components/WorkspaceNav/WorkspaceNavButton/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/presentation/components/WorkspaceNav/WorkspaceNavButton/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAEtE,KAAK,uBAAuB,GAAG;IAC3B,yCAAyC;IACzC,IAAI,EAAE,gBAAgB,CAAC;CAC1B,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,IAAI,EAAE,EAAE,uBAAuB,sCA6BnE"}

package/dist/lib/presentation/components/WorkspaceNav/WorkspaceNavButton/index.js ADDED Viewed

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Link, useMatch, useParams } from 'react-router-dom';
+import { useIntl } from 'react-intl';
+import { useHasPermission } from '@orthacms/identity-admin';
+import { SidebarMenuButton, SidebarMenuItem } from '@orthacms/design-system';
+/**
+ * One row in the workspace sidebar's "Workspace" section: an icon + label link.
+ * The item's `to` is relative to the workspace, so this resolves it against the
+ * active `:id`, derives active state from the current route, and hides itself
+ * when the item is permission-gated and the user lacks the permission.
+ */
+export function WorkspaceNavButton({ item }) {
+    const intl = useIntl();
+    const { id } = useParams();
+    const to = `/workspaces/${id}/${item.to}`;
+    const match = useMatch(`${to}/*`);
+    const isActive = Boolean(match);
+    const Icon = item.icon;
+    const label = intl.formatMessage({
+        id: item.labelId,
+        defaultMessage: item.defaultLabel
+    });
+    // Always call the hook (an empty key is never granted) so hook order stays
+    // stable; an entry with no `permission` is visible to every member.
+    const hasRequired = useHasPermission(item.permission ?? '');
+    if (item.permission && !hasRequired) {
+        return null;
+    }
+    return (_jsx(SidebarMenuItem, { children: _jsx(SidebarMenuButton, { asChild: true, isActive: isActive, tooltip: label, children: _jsxs(Link, { to: to, "aria-current": isActive ? 'page' : undefined, children: [_jsx(Icon, { className: isActive ? item.iconColor : undefined }), _jsx("span", { children: label })] }) }) }));
+}

package/dist/lib/presentation/components/WorkspaceNav/WorkspaceSwitcher/index.d.ts ADDED Viewed

@@ -0,0 +1,16 @@
+import type { Workspace } from '../../../../domain/types/workspace';
+type WorkspaceSwitcherProps = {
+    /** The workspace currently open. */
+    current: Workspace;
+    /** Every workspace the switcher can jump to. */
+    workspaces: Workspace[];
+};
+/**
+ * The workspace sidebar's header control: a full-width row showing the current
+ * workspace (avatar + name + "Workspace" label) that opens a popover listing
+ * every workspace to jump to, plus a "New workspace" action. Switching
+ * navigates to the target's base, which redirects to its first section.
+ */
+export declare function WorkspaceSwitcher({ current, workspaces }: WorkspaceSwitcherProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/presentation/components/WorkspaceNav/WorkspaceSwitcher/index.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/presentation/components/WorkspaceNav/WorkspaceSwitcher/index.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AA+BpE,KAAK,sBAAsB,GAAG;IAC1B,oCAAoC;IACpC,OAAO,EAAE,SAAS,CAAC;IACnB,gDAAgD;IAChD,UAAU,EAAE,SAAS,EAAE,CAAC;CAC3B,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,EAC9B,OAAO,EACP,UAAU,EACb,EAAE,sBAAsB,+BA2KxB"}

package/dist/lib/presentation/components/WorkspaceNav/WorkspaceSwitcher/index.js ADDED Viewed

@@ -0,0 +1,81 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useId, useState } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { defineMessages, useIntl } from 'react-intl';
+import { Check, ChevronsUpDown, Plus } from 'lucide-react';
+import { useHasPermission } from '@orthacms/identity-admin';
+import { Popover, PopoverContent, PopoverTrigger, SidebarMenu, SidebarMenuButton, SidebarMenuItem, cn } from '@orthacms/design-system';
+import { initialsOf } from '@orthacms/utils-admin';
+import { WorkspaceAvatar } from '../../WorkspaceAvatar';
+import { WORKSPACES_CREATE } from '../../../../domain/permissions';
+/** Intl descriptors for the sidebar workspace switcher, co-located here. */
+const messages = defineMessages({
+    trigger: {
+        id: 'workspaces.switcher.trigger',
+        defaultMessage: 'Switch workspace, current: {name}'
+    },
+    role: {
+        id: 'workspaces.switcher.role',
+        defaultMessage: 'Workspace'
+    },
+    currentWorkspace: {
+        id: 'workspaces.switcher.currentWorkspace',
+        defaultMessage: 'Current workspace'
+    },
+    heading: {
+        id: 'workspaces.switcher.heading',
+        defaultMessage: 'Switch workspace'
+    },
+    sub: {
+        id: 'workspaces.switcher.sub',
+        defaultMessage: '{count, plural, one {# member} other {# members}} · {status}'
+    },
+    create: {
+        id: 'workspaces.switcher.create',
+        defaultMessage: 'New workspace'
+    }
+});
+/**
+ * The workspace sidebar's header control: a full-width row showing the current
+ * workspace (avatar + name + "Workspace" label) that opens a popover listing
+ * every workspace to jump to, plus a "New workspace" action. Switching
+ * navigates to the target's base, which redirects to its first section.
+ */
+export function WorkspaceSwitcher({ current, workspaces }) {
+    const intl = useIntl();
+    const navigate = useNavigate();
+    const canCreate = useHasPermission(WORKSPACES_CREATE);
+    const [open, setOpen] = useState(false);
+    const headingId = useId();
+    const go = (path) => {
+        setOpen(false);
+        navigate(path);
+    };
+    return (_jsx(SidebarMenu, { children: _jsx(SidebarMenuItem, { children: _jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(SidebarMenuButton, { size: "lg", "aria-label": intl.formatMessage(messages.trigger, {
+                                name: current.name
+                            }), children: [_jsx(WorkspaceAvatar, { initials: initialsOf(current.name), color: current.color, className: "size-8 rounded-lg text-xs" }), _jsxs("span", { className: "flex min-w-0 flex-1 flex-col text-left", children: [_jsx("span", { className: "truncate text-sm font-semibold", children: current.name }), _jsx("span", { className: "truncate text-xs text-sidebar-foreground/70", children: intl.formatMessage(messages.role) })] }), _jsx(ChevronsUpDown, { className: "ml-auto", "aria-hidden": true })] }) }), _jsxs(PopoverContent, { align: "start", "aria-labelledby": headingId,
+                        // `w-[--radix-popover-trigger-width]` is the Tailwind
+                        // **v3** spelling: v4 no longer unwraps a bare `--var`
+                        // in brackets, so it emitted the invalid declaration
+                        // `width: --radix-popover-trigger-width` — which the
+                        // browser drops, while tailwind-merge had already
+                        // removed `PopoverContent`'s default `w-72`. The
+                        // popover therefore had no width rule at all and grew
+                        // to whatever the longest workspace name needed. v4
+                        // wants the `var()` spelled out (every other call site
+                        // in the repo already does).
+                        className: "w-[var(--radix-popover-trigger-width)] min-w-64 p-2", children: [_jsx("p", { id: headingId, className: "px-2 py-1.5 text-[11px] font-semibold uppercase tracking-[0.04em] text-muted-foreground", children: intl.formatMessage(messages.heading) }), _jsx("div", { className: "max-h-72 overflow-y-auto", children: workspaces.map((workspace) => {
+                                    const isCurrent = workspace.id === current.id;
+                                    return (_jsxs("button", { type: "button", "aria-current": isCurrent ? 'true' : undefined, onClick: () => go(`/workspaces/${workspace.id}`),
+                                        // `ring-inset`: the row now sits in a
+                                        // clipping scroll container, and an
+                                        // outset focus ring on the first or
+                                        // last row would be drawn outside it
+                                        // and never seen.
+                                        className: cn('flex w-full items-center gap-2.5 rounded-md px-2 py-1.5 text-left transition-colors hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring', isCurrent && 'bg-accent'), children: [_jsx(WorkspaceAvatar, { initials: initialsOf(workspace.name), color: workspace.color, className: "size-7 shrink-0 rounded-md text-[11px]" }), _jsxs("span", { className: "min-w-0 flex-1", children: [_jsx("span", { className: "block truncate text-[13.5px] font-medium", children: workspace.name }), _jsx("span", { className: "block truncate text-xs text-muted-foreground", children: intl.formatMessage(messages.sub, {
+                                                            count: workspace.members
+                                                                .length,
+                                                            status: workspace.status
+                                                        }) })] }), isCurrent ? (_jsxs(_Fragment, { children: [_jsx(Check, { "aria-hidden": true, className: "size-4 shrink-0 text-muted-foreground" }), _jsx("span", { className: "sr-only", children: intl.formatMessage(messages.currentWorkspace) })] })) : null] }, workspace.id));
+                                }) }), canCreate ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "my-1 h-px bg-border" }), _jsxs("button", { type: "button", onClick: () => go('/workspaces/new'), className: "flex w-full items-center gap-2.5 rounded-md px-2 py-1.5 text-left transition-colors hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", children: [_jsx("span", { "aria-hidden": true, className: "flex size-7 shrink-0 items-center justify-center rounded-md bg-secondary text-secondary-foreground", children: _jsx(Plus, { className: "size-4" }) }), _jsx("span", { className: "text-[13.5px] font-medium", children: intl.formatMessage(messages.create) })] })] })) : null] })] }) }) }));
+}

package/dist/lib/presentation/components/WorkspaceNav/index.d.ts ADDED Viewed

@@ -0,0 +1,14 @@
+import type { Workspace } from '../../../domain/types/workspace';
+/**
+ * The per-workspace sidebar content, injected into the app sidebar's contextual
+ * region by {@link WorkspaceShell} while a workspace is open. It replaces the
+ * global nav with: a back link to the top-level app, the workspace switcher, a
+ * search trigger, any custom sections (the Content Library's content-type list,
+ * from {@link WORKSPACE_SECTION_SLOT}), and the "Workspace" section (Media,
+ * Insights, Settings, from {@link WORKSPACE_NAV_SLOT}). The persistent account
+ * footer stays below, owned by the shell.
+ */
+export declare function WorkspaceNav({ workspace }: {
+    workspace: Workspace;
+}): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/presentation/components/WorkspaceNav/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/presentation/components/WorkspaceNav/index.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAkBjE;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,SAAS,CAAA;CAAE,+BAyEnE"}

package/dist/lib/presentation/components/WorkspaceNav/index.js ADDED Viewed

@@ -0,0 +1,51 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Link } from 'react-router-dom';
+import { defineMessages, useIntl } from 'react-intl';
+import { ArrowLeft } from 'lucide-react';
+import { AuthStatus, useAuth } from '@orthacms/identity-admin';
+import { SidebarContent, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarMenu, SidebarTrigger } from '@orthacms/design-system';
+import { byOrder } from '@orthacms/utils-admin';
+import { useWorkspaces } from '../../../application/useWorkspaces';
+import { WORKSPACE_NAV_SLOT, WORKSPACE_SECTION_SLOT } from '../../slots/workspaceSlots';
+import { WorkspaceNavButton } from './WorkspaceNavButton';
+import { WorkspaceSwitcher } from './WorkspaceSwitcher';
+/** Intl descriptors for the workspace sidebar nav, co-located here. */
+const messages = defineMessages({
+    hideNav: {
+        id: 'workspaces.nav.hide',
+        defaultMessage: 'Hide navigation'
+    },
+    back: {
+        id: 'workspaces.nav.back',
+        defaultMessage: 'Home'
+    },
+    workspaceGroup: {
+        id: 'workspaces.nav.groupLabel',
+        defaultMessage: 'Tools'
+    }
+});
+/**
+ * The per-workspace sidebar content, injected into the app sidebar's contextual
+ * region by {@link WorkspaceShell} while a workspace is open. It replaces the
+ * global nav with: a back link to the top-level app, the workspace switcher, a
+ * search trigger, any custom sections (the Content Library's content-type list,
+ * from {@link WORKSPACE_SECTION_SLOT}), and the "Workspace" section (Media,
+ * Insights, Settings, from {@link WORKSPACE_NAV_SLOT}). The persistent account
+ * footer stays below, owned by the shell.
+ */
+export function WorkspaceNav({ workspace }) {
+    const intl = useIntl();
+    const { data: workspaces = [] } = useWorkspaces();
+    const sections = byOrder(WORKSPACE_SECTION_SLOT.getItems());
+    const navItems = byOrder(WORKSPACE_NAV_SLOT.getItems());
+    // Mirror the exact visibility rule `WorkspaceNavButton` applies per row: an
+    // item with no `permission` is always visible, one with a `permission` only
+    // when the signed-in user holds it. Reading the permission set once lets the
+    // group decide whether to render at all, so the "Tools" label never sits
+    // over an empty body when every entry is gated out.
+    const auth = useAuth();
+    const permissions = auth.status === AuthStatus.Authenticated ? auth.user.permissions : [];
+    const isVisible = (item) => !item.permission || permissions.includes(item.permission);
+    const visibleNavItems = navItems.filter(isVisible);
+    return (_jsxs(_Fragment, { children: [_jsxs(SidebarHeader, { className: "gap-2 px-2 pt-2", children: [_jsxs("div", { className: "flex items-center justify-between gap-1", children: [_jsxs(Link, { to: "/", className: "flex items-center gap-2 rounded-md px-2 py-2 text-sm font-medium text-sidebar-foreground/70 transition-colors hover:bg-sidebar-accent hover:text-sidebar-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sidebar-ring", children: [_jsx(ArrowLeft, { className: "size-4", "aria-hidden": true }), intl.formatMessage(messages.back)] }), _jsx(SidebarTrigger, { label: intl.formatMessage(messages.hideNav), className: "text-sidebar-foreground/70" })] }), _jsx(WorkspaceSwitcher, { current: workspace, workspaces: workspaces })] }), _jsxs(SidebarContent, { children: [sections.map(({ id, Component }) => (_jsx(Component, {}, id))), visibleNavItems.length > 0 ? (_jsxs(SidebarGroup, { children: [_jsx(SidebarGroupLabel, { children: intl.formatMessage(messages.workspaceGroup) }), _jsx(SidebarGroupContent, { children: _jsx("nav", { "aria-label": intl.formatMessage(messages.workspaceGroup), children: _jsx(SidebarMenu, { children: visibleNavItems.map((item) => (_jsx(WorkspaceNavButton, { item: item }, item.to))) }) }) })] })) : null] })] }));
+}

package/dist/lib/presentation/components/WorkspaceSettingsTabs/index.d.ts ADDED Viewed

@@ -0,0 +1,14 @@
+/**
+ * The settings page's horizontal tab navigation — underline tabs under the
+ * page header, mirroring the user-detail tabs. Absolute links
+ * (`/workspaces/:id/settings/...`) so active state is unambiguous. The
+ * Danger-zone entry is included only when the user can act on it (its route
+ * redirects away otherwise), so a read-only viewer never sees a dead link.
+ */
+export declare function WorkspaceSettingsTabs({ workspaceId, showDanger }: {
+    /** The open workspace id — the base for every link. */
+    workspaceId: string;
+    /** Whether to show the Danger-zone entry (update or delete permission). */
+    showDanger: boolean;
+}): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/presentation/components/WorkspaceSettingsTabs/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/presentation/components/WorkspaceSettingsTabs/index.tsx"],"names":[],"mappings":"AA+CA;;;;;;GAMG;AACH,wBAAgB,qBAAqB,CAAC,EAClC,WAAW,EACX,UAAU,EACb,EAAE;IACC,uDAAuD;IACvD,WAAW,EAAE,MAAM,CAAC;IACpB,2EAA2E;IAC3E,UAAU,EAAE,OAAO,CAAC;CACvB,+BA2CA"}

package/dist/lib/presentation/components/WorkspaceSettingsTabs/index.js ADDED Viewed

@@ -0,0 +1,66 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { NavLink } from 'react-router-dom';
+import { defineMessages, useIntl } from 'react-intl';
+import { FileStack, SlidersHorizontal, TriangleAlert, Users } from 'lucide-react';
+import { TabNav, TabNavLink } from '@orthacms/design-system';
+/** Intl descriptors for {@link WorkspaceSettingsTabs}, co-located here. */
+const messages = defineMessages({
+    nav: {
+        id: 'workspaces.settings.rail.nav',
+        defaultMessage: 'Workspace settings sections'
+    },
+    general: {
+        id: 'workspaces.settings.rail.general',
+        defaultMessage: 'General'
+    },
+    members: {
+        id: 'workspaces.settings.rail.members',
+        defaultMessage: 'Members'
+    },
+    content: {
+        id: 'workspaces.settings.rail.content',
+        defaultMessage: 'Content'
+    },
+    danger: {
+        id: 'workspaces.settings.rail.danger',
+        defaultMessage: 'Danger zone'
+    }
+});
+/**
+ * The settings page's horizontal tab navigation — underline tabs under the
+ * page header, mirroring the user-detail tabs. Absolute links
+ * (`/workspaces/:id/settings/...`) so active state is unambiguous. The
+ * Danger-zone entry is included only when the user can act on it (its route
+ * redirects away otherwise), so a read-only viewer never sees a dead link.
+ */
+export function WorkspaceSettingsTabs({ workspaceId, showDanger }) {
+    const intl = useIntl();
+    const base = `/workspaces/${workspaceId}/settings`;
+    const entries = [
+        {
+            to: `${base}/general`,
+            icon: SlidersHorizontal,
+            label: intl.formatMessage(messages.general)
+        },
+        {
+            to: `${base}/members`,
+            icon: Users,
+            label: intl.formatMessage(messages.members)
+        },
+        {
+            to: `${base}/content`,
+            icon: FileStack,
+            label: intl.formatMessage(messages.content)
+        },
+        ...(showDanger
+            ? [
+                {
+                    to: `${base}/danger`,
+                    icon: TriangleAlert,
+                    label: intl.formatMessage(messages.danger)
+                }
+            ]
+            : [])
+    ];
+    return (_jsx(TabNav, { "aria-label": intl.formatMessage(messages.nav), children: entries.map(({ to, icon: Icon, label }) => (_jsx(TabNavLink, { asChild: true, children: _jsxs(NavLink, { to: to, children: [_jsx(Icon, { "aria-hidden": true, className: "size-4 shrink-0" }), label] }) }, to))) }));
+}

package/dist/lib/presentation/components/WorkspaceSettingsTopBar/index.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+/**
+ * The page-context bar over the workspace settings page: the same `Settings`
+ * icon the workspace sidebar nav uses, plus a "Settings › {section}"
+ * breadcrumb derived from the active nested route (the tab bar below owns
+ * navigation, so the crumbs are plain text).
+ */
+export declare function WorkspaceSettingsTopBar(): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/presentation/components/WorkspaceSettingsTopBar/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/presentation/components/WorkspaceSettingsTopBar/index.tsx"],"names":[],"mappings":"AAqCA;;;;;GAKG;AACH,wBAAgB,uBAAuB,gCAyBtC"}

package/dist/lib/presentation/components/WorkspaceSettingsTopBar/index.js ADDED Viewed

@@ -0,0 +1,57 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMatch } from 'react-router-dom';
+import { defineMessages, useIntl } from 'react-intl';
+import { Settings } from 'lucide-react';
+import { PageTopBar } from '@orthacms/shell-admin';
+/** Intl descriptors for {@link WorkspaceSettingsTopBar}, co-located here. */
+const messages = defineMessages({
+    settings: {
+        id: 'workspaces.settings.topbar.settings',
+        defaultMessage: 'Settings'
+    },
+    general: {
+        id: 'workspaces.settings.topbar.general',
+        defaultMessage: 'General'
+    },
+    members: {
+        id: 'workspaces.settings.topbar.members',
+        defaultMessage: 'Members'
+    },
+    content: {
+        id: 'workspaces.settings.topbar.content',
+        defaultMessage: 'Content'
+    },
+    danger: {
+        id: 'workspaces.settings.topbar.danger',
+        defaultMessage: 'Danger zone'
+    }
+});
+/** Section route segment → its crumb label. */
+const SECTION_MESSAGES = {
+    general: messages.general,
+    members: messages.members,
+    content: messages.content,
+    danger: messages.danger
+};
+/**
+ * The page-context bar over the workspace settings page: the same `Settings`
+ * icon the workspace sidebar nav uses, plus a "Settings › {section}"
+ * breadcrumb derived from the active nested route (the tab bar below owns
+ * navigation, so the crumbs are plain text).
+ */
+export function WorkspaceSettingsTopBar() {
+    const intl = useIntl();
+    const match = useMatch('/workspaces/:workspaceId/settings/:section');
+    const section = match?.params.section;
+    const sectionMessage = section ? SECTION_MESSAGES[section] : undefined;
+    const crumbs = [
+        { key: 'settings', label: intl.formatMessage(messages.settings) }
+    ];
+    if (sectionMessage) {
+        crumbs.push({
+            key: section,
+            label: intl.formatMessage(sectionMessage)
+        });
+    }
+    return (_jsx(PageTopBar, { icon: Settings, iconClassName: "bg-violet-soft text-violet-soft-foreground", crumbs: crumbs }));
+}

package/dist/lib/presentation/components/WorkspaceShell/index.d.ts ADDED Viewed

@@ -0,0 +1,16 @@
+/**
+ * The workspace shell — the layout behind `/workspaces/:id/*`. It resolves the
+ * `:id` param against the workspaces list, **injects the per-workspace nav into
+ * the app sidebar** (via `useSidebarContent`), and renders the content area
+ * whose nested `<Routes>` are built from {@link WORKSPACE_ROUTE_SLOT}. Landing
+ * on the workspace base redirects to the first section. The resolved workspace
+ * is published via {@link CurrentWorkspaceProvider} so inner pages read it
+ * without re-fetching.
+ *
+ * Feature plugins (Content Library, Media Library, Insights) don't mount their
+ * own top-level routes — they contribute a route plus a nav entry or section to
+ * the slots the sidebar reads, which is what keeps them strictly inside a
+ * workspace.
+ */
+export declare function WorkspaceShell(): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/presentation/components/WorkspaceShell/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/presentation/components/WorkspaceShell/index.tsx"],"names":[],"mappings":"AA2EA;;;;;;;;;;;;;GAaG;AACH,wBAAgB,cAAc,gCA2G7B"}

package/dist/lib/presentation/components/WorkspaceShell/index.js ADDED Viewed

@@ -0,0 +1,100 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Link, Navigate, Route, Routes, useParams } from 'react-router-dom';
+import { defineMessages, useIntl } from 'react-intl';
+import { Lock, TriangleAlert } from 'lucide-react';
+import { Button, Container, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from '@orthacms/design-system';
+import { useSidebarContent } from '@orthacms/shell-admin';
+import { useWorkspaces } from '../../../application/useWorkspaces';
+import { CurrentWorkspaceProvider } from '../../currentWorkspace';
+import { WORKSPACE_ROUTE_SLOT } from '../../slots/workspaceSlots';
+import { WorkspaceShellSkeleton } from '../WorkspacesSkeleton';
+import { WorkspaceNav } from '../WorkspaceNav';
+/** Intl descriptors for the shell's error/no-access states, co-located here. */
+const messages = defineMessages({
+    noAccessTitle: {
+        id: 'workspaces.shell.noAccessTitle',
+        defaultMessage: 'You don’t have access to this workspace'
+    },
+    noAccessBody: {
+        id: 'workspaces.shell.noAccessBody',
+        defaultMessage: 'You’re not a member of this workspace, or it no longer exists. Ask one of its members to add you.'
+    },
+    backToWorkspaces: {
+        id: 'workspaces.shell.backToWorkspaces',
+        defaultMessage: 'Back to workspaces'
+    },
+    errorTitle: {
+        id: 'workspaces.shell.errorTitle',
+        defaultMessage: 'Couldn’t load workspaces'
+    },
+    errorBody: {
+        id: 'workspaces.shell.errorBody',
+        defaultMessage: 'Something went wrong. Please try again.'
+    }
+});
+/**
+ * Centered state used for the shell's no-access / load-error screens. Marked
+ * `role="alert"` so a screen reader announces it when the shell swaps it in for
+ * the workspace the URL asked for.
+ */
+function ShellMessage({ icon, title, body, action }) {
+    return (_jsx(Container, { children: _jsxs(Empty, { className: "mt-10 border", role: "alert", children: [_jsxs(EmptyHeader, { children: [_jsx(EmptyMedia, { variant: "icon", children: icon }), _jsx(EmptyTitle, { children: title }), _jsx(EmptyDescription, { children: body })] }), action ? _jsx(EmptyContent, { children: action }) : null] }) }));
+}
+/**
+ * The workspace shell — the layout behind `/workspaces/:id/*`. It resolves the
+ * `:id` param against the workspaces list, **injects the per-workspace nav into
+ * the app sidebar** (via `useSidebarContent`), and renders the content area
+ * whose nested `<Routes>` are built from {@link WORKSPACE_ROUTE_SLOT}. Landing
+ * on the workspace base redirects to the first section. The resolved workspace
+ * is published via {@link CurrentWorkspaceProvider} so inner pages read it
+ * without re-fetching.
+ *
+ * Feature plugins (Content Library, Media Library, Insights) don't mount their
+ * own top-level routes — they contribute a route plus a nav entry or section to
+ * the slots the sidebar reads, which is what keeps them strictly inside a
+ * workspace.
+ */
+export function WorkspaceShell() {
+    const intl = useIntl();
+    const { id } = useParams();
+    const { data: workspaces, isPending, isError } = useWorkspaces();
+    const current = workspaces?.find((workspace) => workspace.id === id);
+    // Take over the app sidebar's contextual region with this workspace's nav
+    // while the shell is mounted; the shell clears it on unmount.
+    //
+    // `useSidebarContent` stores the *rendered element*, not the render function,
+    // so the `workspace` prop captured here is frozen until a dep changes. The
+    // deps therefore have to name every field the nav actually renders — keying
+    // on the id alone meant renaming, recoloring or archiving a workspace left
+    // the switcher showing the old values (including in its `aria-label`) for the
+    // rest of the session, while the settings page beside it showed the new ones.
+    useSidebarContent(() => (current ? _jsx(WorkspaceNav, { workspace: current }) : null), [
+        current?.id,
+        current?.name,
+        current?.color,
+        current?.status,
+        current?.members.length
+    ]);
+    if (isPending) {
+        return _jsx(WorkspaceShellSkeleton, {});
+    }
+    if (isError) {
+        return (_jsx(ShellMessage, { icon: _jsx(TriangleAlert, {}), title: intl.formatMessage(messages.errorTitle), body: intl.formatMessage(messages.errorBody) }));
+    }
+    // The list only ever contains workspaces the user is a member of (the
+    // server scopes `GET /workspaces` to membership), so an unresolved `:id` is
+    // exactly the "no access" case — whether the workspace exists or not. We
+    // deliberately don't distinguish the two, matching the API's flat 403.
+    if (!current) {
+        return (_jsx(ShellMessage, { icon: _jsx(Lock, {}), title: intl.formatMessage(messages.noAccessTitle), body: intl.formatMessage(messages.noAccessBody), action: _jsx(Button, { asChild: true, variant: "outline", className: "shadow-none", children: _jsx(Link, { to: "/workspaces", children: intl.formatMessage(messages.backToWorkspaces) }) }) }));
+    }
+    const routes = WORKSPACE_ROUTE_SLOT.getItems();
+    // The default section is the lowest-order route (the Content Library) —
+    // where the workspace base and any unknown sub-path redirect to. Its base
+    // segment is the route path without the trailing `/*`.
+    const defaultRoute = routes
+        .slice()
+        .sort((a, b) => (a.order ?? Infinity) - (b.order ?? Infinity))[0];
+    const defaultPath = defaultRoute?.path.split('/')[0];
+    return (_jsx(CurrentWorkspaceProvider, { workspace: current, children: _jsx("div", { className: "flex h-full flex-col", children: _jsxs(Routes, { children: [defaultPath ? (_jsx(Route, { index: true, element: _jsx(Navigate, { to: defaultPath, replace: true }) })) : null, routes.map((route) => (_jsx(Route, { path: route.path, element: route.element }, route.path))), defaultPath ? (_jsx(Route, { path: "*", element: _jsx(Navigate, { to: defaultPath, replace: true }) })) : null] }) }) }));
+}