@stapel/workspaces-react 0.4.1 → 0.5.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @stapel/workspaces-react
 
+## 0.5.0
+
+### Minor Changes
+
+- f15c6be: Add the pair's first `/default` settings skin: `WorkspaceSettings` (rename, danger-zone delete gated to the `owner` role) and `MembersManager` (roster with per-row role change and removal, plus an invite dialog for emails + role — all gated by a host-supplied `canManage` prop derived from the caller's own membership).
+
 ## 0.4.1
 
 ### Patch Changes

package/dist/default/MembersManager.d.ts

@@ -0,0 +1,14 @@
+import type { ReactElement } from "react";
+export interface MembersManagerProps {
+    workspaceId: string;
+    /**
+     * Whether the caller may invite, change roles, and remove members. The
+     * host already knows the caller's own role in this workspace (e.g. from
+     * `useWorkspace(workspaceId).data?.my_role`); this component doesn't
+     * re-derive it — pass `false` for a read-only roster (e.g. a `viewer`/
+     * `member` looking at their teammates). Default `true`.
+     */
+    canManage?: boolean;
+}
+export declare function MembersManager(props: MembersManagerProps): ReactElement;
+//# sourceMappingURL=MembersManager.d.ts.map

package/dist/default/MembersManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MembersManager.d.ts","sourceRoot":"","sources":["../../src/default/MembersManager.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAQ1C,MAAM,WAAW,mBAAmB;IAClC,WAAW,EAAE,MAAM,CAAC;IACpB;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAkBD,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,YAAY,CA4IvE"}

package/dist/default/MembersManager.js

@@ -0,0 +1,77 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * `<MembersManager/>` — default skin for the "members & roles" settings
+ * screen (owner directive: "настройки воркспейса (имя/участники/роли/
+ * инвайты)"). Built entirely on this pair's EXISTING `Members` headless
+ * wrapper (`useMembers`/`useInviteMembers`/`useUpdateMemberRole`/
+ * `useRemoveMember`) — no new backend surface.
+ */
+import { useState } from "react";
+import { Alert, Button, Card, Input, Modal, Popconfirm, Select, Table, Typography } from "antd";
+import { useT } from "@stapel/core";
+import { Members } from "../headless/Members.js";
+import { WORKSPACES_I18N_KEYS } from "../i18n/keys.js";
+const ROLES = ["owner", "admin", "member", "viewer"];
+const ROLE_KEY = {
+    owner: "roleOwner",
+    admin: "roleAdmin",
+    member: "roleMember",
+    viewer: "roleViewer",
+};
+function isWorkspaceRole(value) {
+    return ROLES.includes(value);
+}
+export function MembersManager(props) {
+    const t = useT();
+    const canManage = props.canManage ?? true;
+    const [inviteOpen, setInviteOpen] = useState(false);
+    const [emailsText, setEmailsText] = useState("");
+    const [inviteRole, setInviteRole] = useState("member");
+    return (_jsx(Members, { workspaceId: props.workspaceId, children: ({ members, isLoading, isError, error, invite, isInviting, updateRole, remove }) => {
+            function openInvite() {
+                setEmailsText("");
+                setInviteRole("member");
+                setInviteOpen(true);
+            }
+            function submitInvite() {
+                const emails = emailsText
+                    .split(/[,\s]+/)
+                    .map((e) => e.trim())
+                    .filter((e) => e.length > 0);
+                if (emails.length === 0)
+                    return;
+                invite({ emails, role: inviteRole });
+                setInviteOpen(false);
+            }
+            const columns = [
+                {
+                    title: "Email",
+                    dataIndex: "email",
+                    key: "email",
+                    render: (value) => value ?? "—",
+                },
+                {
+                    title: t(WORKSPACES_I18N_KEYS.membersInviteRoleLabel),
+                    key: "role",
+                    render: (_, member) => {
+                        const role = isWorkspaceRole(member.role) ? member.role : "member";
+                        return canManage ? (_jsx(Select, { value: role, style: { width: 140 }, onChange: (next) => updateRole({ userId: member.user_id, role: next }), options: ROLES.map((r) => ({ value: r, label: t(WORKSPACES_I18N_KEYS[ROLE_KEY[r]]) })) })) : (_jsx("span", { children: t(WORKSPACES_I18N_KEYS[ROLE_KEY[role]]) }));
+                    },
+                },
+                ...(canManage
+                    ? [
+                        {
+                            title: "",
+                            key: "actions",
+                            render: (_, member) => (_jsx(Popconfirm, { title: t(WORKSPACES_I18N_KEYS.membersRemoveConfirm), onConfirm: () => remove(member.user_id), children: _jsx(Button, { danger: true, type: "link", children: t(WORKSPACES_I18N_KEYS.membersRemove) }) })),
+                        },
+                    ]
+                    : []),
+            ];
+            return (_jsxs(Card, { "data-testid": "members-manager", children: [_jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "flex-start", gap: 16 }, children: [_jsxs("div", { children: [_jsx(Typography.Title, { level: 4, style: { marginTop: 0 }, children: t(WORKSPACES_I18N_KEYS.membersTitle) }), _jsx(Typography.Text, { type: "secondary", children: t(WORKSPACES_I18N_KEYS.membersSubtitle) })] }), canManage && (_jsx(Button, { type: "primary", onClick: openInvite, "data-analytics": "none", "data-analytics-reason": "local-ui-open-invite-dialog", children: t(WORKSPACES_I18N_KEYS.membersInvite) }))] }), isError && error && (_jsx(Alert, { style: { marginTop: 12 }, type: "error", showIcon: true, message: error.message })), _jsx(Table, { style: { marginTop: 16 }, size: "small", loading: isLoading, rowKey: (member) => member.id, dataSource: members, columns: columns, pagination: false }), _jsx(Modal, { title: t(WORKSPACES_I18N_KEYS.membersInviteDialogTitle), open: inviteOpen, onCancel: () => setInviteOpen(false), onOk: submitInvite, okButtonProps: { loading: isInviting, disabled: emailsText.trim().length === 0 }, children: _jsxs("div", { style: { display: "grid", gap: 12 }, children: [_jsxs("div", { children: [_jsx(Typography.Text, { children: t(WORKSPACES_I18N_KEYS.membersInviteEmailsLabel) }), _jsx(Input, { value: emailsText, onChange: (e) => setEmailsText(e.target.value), placeholder: t(WORKSPACES_I18N_KEYS.membersInviteEmailsPlaceholder) })] }), _jsxs("div", { children: [_jsx(Typography.Text, { children: t(WORKSPACES_I18N_KEYS.membersInviteRoleLabel) }), _jsx(Select, { value: inviteRole, onChange: setInviteRole, style: { width: "100%" }, options: ROLES.filter((r) => r !== "owner").map((r) => ({
+                                                value: r,
+                                                label: t(WORKSPACES_I18N_KEYS[ROLE_KEY[r]]),
+                                            })) })] })] }) })] }));
+        } }));
+}
+//# sourceMappingURL=MembersManager.js.map

package/dist/default/MembersManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MembersManager.js","sourceRoot":"","sources":["../../src/default/MembersManager.tsx"],"names":[],"mappings":"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"}

package/dist/default/WorkspaceSettings.d.ts

@@ -0,0 +1,9 @@
+import type { ReactElement } from "react";
+export interface WorkspaceSettingsProps {
+    workspaceId: string;
+    /** Called after a successful delete — the host navigates away / switches
+     * to another workspace. Not called on cancel or failure. */
+    onDeleted?(): void;
+}
+export declare function WorkspaceSettings(props: WorkspaceSettingsProps): ReactElement;
+//# sourceMappingURL=WorkspaceSettings.d.ts.map

package/dist/default/WorkspaceSettings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkspaceSettings.d.ts","sourceRoot":"","sources":["../../src/default/WorkspaceSettings.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAO1C,MAAM,WAAW,sBAAsB;IACrC,WAAW,EAAE,MAAM,CAAC;IACpB;gEAC4D;IAC5D,SAAS,CAAC,IAAI,IAAI,CAAC;CACpB;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,GAAG,YAAY,CAwG7E"}

package/dist/default/WorkspaceSettings.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * `<WorkspaceSettings/>` — default skin for the "workspace" settings screen
+ * (owner directive: workspace name/general settings, one of the settings
+ * surfaces this liberary pair owns). Built entirely on this pair's EXISTING
+ * hooks (`useWorkspace`, `useUpdateWorkspace`, `useDeleteWorkspace`) — no new
+ * backend surface. Participants/roles live in the sibling
+ * `<MembersManager/>` (a workspace's settings page composes both).
+ */
+import { useEffect, useState } from "react";
+import { Alert, Badge, Button, Card, Input, Popconfirm, Spin, Typography } from "antd";
+import { useT } from "@stapel/core";
+import { useWorkspace } from "../model/queries.js";
+import { useUpdateWorkspace, useDeleteWorkspace } from "../model/mutations.js";
+import { WORKSPACES_I18N_KEYS } from "../i18n/keys.js";
+export function WorkspaceSettings(props) {
+    const t = useT();
+    const query = useWorkspace(props.workspaceId);
+    const updateMutation = useUpdateWorkspace(props.workspaceId);
+    const deleteMutation = useDeleteWorkspace();
+    const workspace = query.data;
+    const [name, setName] = useState("");
+    useEffect(() => {
+        if (workspace)
+            setName(workspace.name);
+    }, [workspace]);
+    function handleSave() {
+        updateMutation.mutate({ name: name.trim() });
+    }
+    function handleDelete() {
+        deleteMutation.mutate(props.workspaceId, {
+            onSuccess: () => props.onDeleted?.(),
+        });
+    }
+    if (query.isLoading && !workspace) {
+        return _jsx(Spin, { "data-testid": "workspace-settings-loading" });
+    }
+    if (!workspace) {
+        return (_jsx(Alert, { "data-testid": "workspace-settings-error", type: "error", showIcon: true, message: query.error?.message ?? t(WORKSPACES_I18N_KEYS.unknownError) }));
+    }
+    const isOwner = workspace.my_role === "owner";
+    return (_jsxs("div", { "data-testid": "workspace-settings", style: { display: "grid", gap: 16 }, children: [_jsxs(Card, { children: [_jsx(Typography.Title, { level: 4, style: { marginTop: 0 }, children: t(WORKSPACES_I18N_KEYS.settingsTitle) }), _jsx(Typography.Text, { type: "secondary", children: t(WORKSPACES_I18N_KEYS.settingsSubtitle) }), _jsxs("div", { style: { display: "grid", gap: 12, maxWidth: 480, marginTop: 16 }, children: [_jsxs("div", { children: [_jsx(Typography.Text, { children: t(WORKSPACES_I18N_KEYS.fieldName) }), _jsx(Input, { value: name, onChange: (e) => setName(e.target.value), disabled: !isOwner })] }), _jsxs("div", { children: [_jsx(Typography.Text, { children: t(WORKSPACES_I18N_KEYS.fieldSlug) }), _jsx("div", { children: _jsx(Typography.Text, { code: true, children: workspace.slug }) })] }), _jsxs("div", { children: [_jsx(Typography.Text, { children: t(WORKSPACES_I18N_KEYS.fieldType) }), _jsx("div", { children: _jsx(Badge, { status: "default", text: workspace.type }) })] })] }), updateMutation.error && (_jsx(Alert, { style: { marginTop: 12 }, type: "error", showIcon: true, message: updateMutation.error.message })), _jsx(Button, { type: "primary", style: { marginTop: 16 }, loading: updateMutation.isPending, disabled: !isOwner || !name.trim(), onClick: handleSave, "data-analytics": "none", "data-analytics-reason": "business action \u2014 host app wraps with its own tracked(); pairs carry no @stapel/analytics runtime dependency by architecture", children: updateMutation.isPending ? t(WORKSPACES_I18N_KEYS.saving) : t(WORKSPACES_I18N_KEYS.save) })] }), isOwner && (_jsxs(Card, { children: [_jsx(Typography.Title, { level: 5, type: "danger", style: { marginTop: 0 }, children: t(WORKSPACES_I18N_KEYS.dangerZoneTitle) }), _jsx(Popconfirm, { title: t(WORKSPACES_I18N_KEYS.deleteWorkspaceConfirm), onConfirm: handleDelete, okButtonProps: { loading: deleteMutation.isPending, danger: true }, children: _jsx(Button, { danger: true, children: t(WORKSPACES_I18N_KEYS.deleteWorkspace) }) })] }))] }));
+}
+//# sourceMappingURL=WorkspaceSettings.js.map

package/dist/default/WorkspaceSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkspaceSettings.js","sourceRoot":"","sources":["../../src/default/WorkspaceSettings.tsx"],"names":[],"mappings":"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"}

package/dist/default/index.d.ts

@@ -0,0 +1,18 @@
+/**
+ * `@stapel/workspaces-react/default` — the pilot default skin for this
+ * pair's settings surfaces (mirrors auth-react's `/default` split, §54): a
+ * separate entry point so consumers who bring their own visuals never pull
+ * `antd` into their bundle; importing this subpath is the opt-in.
+ *
+ * ```tsx
+ * import { WorkspaceSettings, MembersManager } from "@stapel/workspaces-react/default";
+ * // under this pair's <WorkspacesProvider> + core <I18nProvider>:
+ * <WorkspaceSettings workspaceId={id} />
+ * <MembersManager workspaceId={id} />
+ * ```
+ */
+export { WorkspaceSettings } from "./WorkspaceSettings.js";
+export type { WorkspaceSettingsProps } from "./WorkspaceSettings.js";
+export { MembersManager } from "./MembersManager.js";
+export type { MembersManagerProps } from "./MembersManager.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/default/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/default/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,YAAY,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,YAAY,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/default/index.js

@@ -0,0 +1,16 @@
+/**
+ * `@stapel/workspaces-react/default` — the pilot default skin for this
+ * pair's settings surfaces (mirrors auth-react's `/default` split, §54): a
+ * separate entry point so consumers who bring their own visuals never pull
+ * `antd` into their bundle; importing this subpath is the opt-in.
+ *
+ * ```tsx
+ * import { WorkspaceSettings, MembersManager } from "@stapel/workspaces-react/default";
+ * // under this pair's <WorkspacesProvider> + core <I18nProvider>:
+ * <WorkspaceSettings workspaceId={id} />
+ * <MembersManager workspaceId={id} />
+ * ```
+ */
+export { WorkspaceSettings } from "./WorkspaceSettings.js";
+export { MembersManager } from "./MembersManager.js";
+//# sourceMappingURL=index.js.map

package/dist/default/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/default/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/i18n/keys.d.ts

@@ -22,6 +22,27 @@ export declare const WORKSPACES_I18N_KEYS: {
     readonly acceptAccept: "workspaces.accept.accept";
     readonly acceptAccepting: "workspaces.accept.accepting";
     readonly acceptAccepted: "workspaces.accept.accepted";
+    readonly settingsTitle: "workspaces.settings.title";
+    readonly settingsSubtitle: "workspaces.settings.subtitle";
+    readonly fieldName: "workspaces.settings.field.name";
+    readonly fieldSlug: "workspaces.settings.field.slug";
+    readonly fieldType: "workspaces.settings.field.type";
+    readonly save: "workspaces.settings.save";
+    readonly saving: "workspaces.settings.saving";
+    readonly dangerZoneTitle: "workspaces.settings.danger_zone.title";
+    readonly deleteWorkspace: "workspaces.settings.danger_zone.delete";
+    readonly deleteWorkspaceConfirm: "workspaces.settings.danger_zone.delete_confirm";
+    readonly membersTitle: "workspaces.members.title";
+    readonly membersSubtitle: "workspaces.members.subtitle";
+    readonly membersInviteDialogTitle: "workspaces.members.invite_dialog.title";
+    readonly membersInviteEmailsLabel: "workspaces.members.invite_dialog.emails_label";
+    readonly membersInviteEmailsPlaceholder: "workspaces.members.invite_dialog.emails_placeholder";
+    readonly membersInviteRoleLabel: "workspaces.members.invite_dialog.role_label";
+    readonly membersRemoveConfirm: "workspaces.members.remove_confirm";
+    readonly roleOwner: "workspaces.members.role.owner";
+    readonly roleAdmin: "workspaces.members.role.admin";
+    readonly roleMember: "workspaces.members.role.member";
+    readonly roleViewer: "workspaces.members.role.viewer";
 };
 export type WorkspacesI18nKey = (typeof WORKSPACES_I18N_KEYS)[keyof typeof WORKSPACES_I18N_KEYS];
 /**

package/dist/i18n/keys.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"keys.d.ts","sourceRoot":"","sources":["../../src/i18n/keys.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG/D;;;;;;;;GAQG;AACH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;CAiBvB,CAAC;AAEX,MAAM,MAAM,iBAAiB,GAC3B,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,OAAO,oBAAoB,CAAC,CAAC;AAEnE;;;;;;GAMG;AACH,eAAO,MAAM,sBAAsB,EAAE,cAkBpC,CAAC;AAEF;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,UAAU,EAAE,MAAM,SAAO,GAAG,IAAI,CAE9E"}
+{"version":3,"file":"keys.d.ts","sourceRoot":"","sources":["../../src/i18n/keys.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG/D;;;;;;;;GAQG;AACH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwCvB,CAAC;AAEX,MAAM,MAAM,iBAAiB,GAC3B,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,OAAO,oBAAoB,CAAC,CAAC;AAEnE;;;;;;GAMG;AACH,eAAO,MAAM,sBAAsB,EAAE,cAuCpC,CAAC;AAEF;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,UAAU,EAAE,MAAM,SAAO,GAAG,IAAI,CAE9E"}

package/dist/i18n/keys.js

@@ -25,6 +25,29 @@ export const WORKSPACES_I18N_KEYS = {
     acceptAccept: "workspaces.accept.accept",
     acceptAccepting: "workspaces.accept.accepting",
     acceptAccepted: "workspaces.accept.accepted",
+    // Workspace settings (default skin — WorkspaceSettings)
+    settingsTitle: "workspaces.settings.title",
+    settingsSubtitle: "workspaces.settings.subtitle",
+    fieldName: "workspaces.settings.field.name",
+    fieldSlug: "workspaces.settings.field.slug",
+    fieldType: "workspaces.settings.field.type",
+    save: "workspaces.settings.save",
+    saving: "workspaces.settings.saving",
+    dangerZoneTitle: "workspaces.settings.danger_zone.title",
+    deleteWorkspace: "workspaces.settings.danger_zone.delete",
+    deleteWorkspaceConfirm: "workspaces.settings.danger_zone.delete_confirm",
+    // Members manager (default skin — MembersManager)
+    membersTitle: "workspaces.members.title",
+    membersSubtitle: "workspaces.members.subtitle",
+    membersInviteDialogTitle: "workspaces.members.invite_dialog.title",
+    membersInviteEmailsLabel: "workspaces.members.invite_dialog.emails_label",
+    membersInviteEmailsPlaceholder: "workspaces.members.invite_dialog.emails_placeholder",
+    membersInviteRoleLabel: "workspaces.members.invite_dialog.role_label",
+    membersRemoveConfirm: "workspaces.members.remove_confirm",
+    roleOwner: "workspaces.members.role.owner",
+    roleAdmin: "workspaces.members.role.admin",
+    roleMember: "workspaces.members.role.member",
+    roleViewer: "workspaces.members.role.viewer",
 };
 /**
  * English fallback bundle for workspaces-react UI keys + backend error codes.
@@ -50,6 +73,27 @@ export const workspacesI18nBundleEn = {
     "workspaces.accept.accept": "Accept invitation",
     "workspaces.accept.accepting": "Accepting…",
     "workspaces.accept.accepted": "You've joined the workspace.",
+    "workspaces.settings.title": "Workspace",
+    "workspaces.settings.subtitle": "Name and general settings.",
+    "workspaces.settings.field.name": "Workspace name",
+    "workspaces.settings.field.slug": "URL slug",
+    "workspaces.settings.field.type": "Type",
+    "workspaces.settings.save": "Save changes",
+    "workspaces.settings.saving": "Saving…",
+    "workspaces.settings.danger_zone.title": "Danger zone",
+    "workspaces.settings.danger_zone.delete": "Delete workspace",
+    "workspaces.settings.danger_zone.delete_confirm": "Delete this workspace? This can't be undone.",
+    "workspaces.members.title": "Members",
+    "workspaces.members.subtitle": "Manage who has access to this workspace.",
+    "workspaces.members.invite_dialog.title": "Invite members",
+    "workspaces.members.invite_dialog.emails_label": "Emails",
+    "workspaces.members.invite_dialog.emails_placeholder": "Type an email and press Enter",
+    "workspaces.members.invite_dialog.role_label": "Role",
+    "workspaces.members.remove_confirm": "Remove this member?",
+    "workspaces.members.role.owner": "Owner",
+    "workspaces.members.role.admin": "Admin",
+    "workspaces.members.role.member": "Member",
+    "workspaces.members.role.viewer": "Viewer",
 };
 /**
  * Register workspaces-react's key bundle into a core i18n engine (call once at

package/dist/i18n/keys.js.map

@@ -1 +1 @@
-{"version":3,"file":"keys.js","sourceRoot":"","sources":["../../src/i18n/keys.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAEpE;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAClC,YAAY,EAAE,0BAA0B;IACxC,0CAA0C;IAC1C,WAAW,EAAE,yBAAyB;IACtC,SAAS,EAAE,uBAAuB;IAClC,UAAU,EAAE,wBAAwB;IACpC,YAAY,EAAE,0BAA0B;IACxC,6BAA6B;IAC7B,cAAc,EAAE,4BAA4B;IAC5C,aAAa,EAAE,2BAA2B;IAC1C,eAAe,EAAE,6BAA6B;IAC9C,iBAAiB,EAAE,gCAAgC;IACnD,aAAa,EAAE,2BAA2B;IAC1C,gDAAgD;IAChD,YAAY,EAAE,0BAA0B;IACxC,eAAe,EAAE,6BAA6B;IAC9C,cAAc,EAAE,4BAA4B;CACpC,CAAC;AAKX;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAmB;IACpD,2EAA2E;IAC3E,GAAG,uBAAuB;IAE1B,sBAAsB;IACtB,0BAA0B,EAAE,yCAAyC;IACrE,yBAAyB,EAAE,qBAAqB;IAChD,uBAAuB,EAAE,oBAAoB;IAC7C,wBAAwB,EAAE,kBAAkB;IAC5C,0BAA0B,EAAE,WAAW;IACvC,4BAA4B,EAAE,kBAAkB;IAChD,2BAA2B,EAAE,QAAQ;IACrC,6BAA6B,EAAE,WAAW;IAC1C,gCAAgC,EAAE,aAAa;IAC/C,2BAA2B,EAAE,QAAQ;IACrC,0BAA0B,EAAE,mBAAmB;IAC/C,6BAA6B,EAAE,YAAY;IAC3C,4BAA4B,EAAE,8BAA8B;CAC7D,CAAC;AAEF;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,UAAU,sBAAsB,CAAC,MAAkB,EAAE,MAAM,GAAG,IAAI;IACtE,MAAM,CAAC,cAAc,CAAC,MAAM,EAAE,sBAAsB,CAAC,CAAC;AACxD,CAAC"}
+{"version":3,"file":"keys.js","sourceRoot":"","sources":["../../src/i18n/keys.ts"],"names":[],"mappings":"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"}

package/dist/i18n/ru.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ru.d.ts","sourceRoot":"","sources":["../../src/i18n/ru.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAI/D,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AAEvE;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,sBAAsB,EAAE,cAkBpC,CAAC;AAEF;;;;;;;GAOG;AACH,wBAAgB,wBAAwB,CAAC,MAAM,EAAE,UAAU,GAAG,IAAI,CAGjE"}
+{"version":3,"file":"ru.d.ts","sourceRoot":"","sources":["../../src/i18n/ru.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAI/D,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AAEvE;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,sBAAsB,EAAE,cAuCpC,CAAC;AAEF;;;;;;;GAOG;AACH,wBAAgB,wBAAwB,CAAC,MAAM,EAAE,UAAU,GAAG,IAAI,CAGjE"}

package/dist/i18n/ru.js

@@ -33,6 +33,27 @@ export const workspacesI18nBundleRu = {
     "workspaces.accept.accept": "Принять приглашение",
     "workspaces.accept.accepting": "Принятие…",
     "workspaces.accept.accepted": "Вы присоединились к рабочему пространству.",
+    "workspaces.settings.title": "Рабочее пространство",
+    "workspaces.settings.subtitle": "Название и общие настройки.",
+    "workspaces.settings.field.name": "Название рабочего пространства",
+    "workspaces.settings.field.slug": "URL-идентификатор",
+    "workspaces.settings.field.type": "Тип",
+    "workspaces.settings.save": "Сохранить изменения",
+    "workspaces.settings.saving": "Сохранение…",
+    "workspaces.settings.danger_zone.title": "Опасная зона",
+    "workspaces.settings.danger_zone.delete": "Удалить рабочее пространство",
+    "workspaces.settings.danger_zone.delete_confirm": "Удалить это рабочее пространство? Действие необратимо.",
+    "workspaces.members.title": "Участники",
+    "workspaces.members.subtitle": "Управляйте доступом к рабочему пространству.",
+    "workspaces.members.invite_dialog.title": "Пригласить участников",
+    "workspaces.members.invite_dialog.emails_label": "Email-адреса",
+    "workspaces.members.invite_dialog.emails_placeholder": "Введите email и нажмите Enter",
+    "workspaces.members.invite_dialog.role_label": "Роль",
+    "workspaces.members.remove_confirm": "Удалить этого участника?",
+    "workspaces.members.role.owner": "Владелец",
+    "workspaces.members.role.admin": "Администратор",
+    "workspaces.members.role.member": "Участник",
+    "workspaces.members.role.viewer": "Наблюдатель",
 };
 /**
  * Register the pair's `ru` locale into a core i18n engine (call once at

package/dist/i18n/ru.js.map

@@ -1 +1 @@
-{"version":3,"file":"ru.js","sourceRoot":"","sources":["../../src/i18n/ru.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAC;AACnD,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AAEvE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AAEvE;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAmB;IACpD,uEAAuE;IACvE,GAAG,uBAAuB;IAE1B,yEAAyE;IACzE,0BAA0B,EAAE,0CAA0C;IACtE,yBAAyB,EAAE,+BAA+B;IAC1D,uBAAuB,EAAE,+BAA+B;IACxD,wBAAwB,EAAE,8BAA8B;IACxD,0BAA0B,EAAE,WAAW;IACvC,4BAA4B,EAAE,sBAAsB;IACpD,2BAA2B,EAAE,YAAY;IACzC,6BAA6B,EAAE,cAAc;IAC7C,gCAAgC,EAAE,eAAe;IACjD,2BAA2B,EAAE,SAAS;IACtC,0BAA0B,EAAE,qBAAqB;IACjD,6BAA6B,EAAE,WAAW;IAC1C,4BAA4B,EAAE,4CAA4C;CAC3E,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,UAAU,wBAAwB,CAAC,MAAkB;IACzD,MAAM,CAAC,cAAc,CAAC,IAAI,EAAE,sBAAsB,CAAC,CAAC;IACpD,MAAM,CAAC,cAAc,CAAC,IAAI,EAAE,sBAAsB,CAAC,CAAC;AACtD,CAAC"}
+{"version":3,"file":"ru.js","sourceRoot":"","sources":["../../src/i18n/ru.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAC;AACnD,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AAEvE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AAEvE;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAmB;IACpD,uEAAuE;IACvE,GAAG,uBAAuB;IAE1B,yEAAyE;IACzE,0BAA0B,EAAE,0CAA0C;IACtE,yBAAyB,EAAE,+BAA+B;IAC1D,uBAAuB,EAAE,+BAA+B;IACxD,wBAAwB,EAAE,8BAA8B;IACxD,0BAA0B,EAAE,WAAW;IACvC,4BAA4B,EAAE,sBAAsB;IACpD,2BAA2B,EAAE,YAAY;IACzC,6BAA6B,EAAE,cAAc;IAC7C,gCAAgC,EAAE,eAAe;IACjD,2BAA2B,EAAE,SAAS;IACtC,0BAA0B,EAAE,qBAAqB;IACjD,6BAA6B,EAAE,WAAW;IAC1C,4BAA4B,EAAE,4CAA4C;IAC1E,2BAA2B,EAAE,sBAAsB;IACnD,8BAA8B,EAAE,6BAA6B;IAC7D,gCAAgC,EAAE,gCAAgC;IAClE,gCAAgC,EAAE,mBAAmB;IACrD,gCAAgC,EAAE,KAAK;IACvC,0BAA0B,EAAE,qBAAqB;IACjD,4BAA4B,EAAE,aAAa;IAC3C,uCAAuC,EAAE,cAAc;IACvD,wCAAwC,EAAE,8BAA8B;IACxE,gDAAgD,EAAE,wDAAwD;IAC1G,0BAA0B,EAAE,WAAW;IACvC,6BAA6B,EAAE,8CAA8C;IAC7E,wCAAwC,EAAE,uBAAuB;IACjE,+CAA+C,EAAE,cAAc;IAC/D,qDAAqD,EAAE,+BAA+B;IACtF,6CAA6C,EAAE,MAAM;IACrD,mCAAmC,EAAE,0BAA0B;IAC/D,+BAA+B,EAAE,UAAU;IAC3C,+BAA+B,EAAE,eAAe;IAChD,gCAAgC,EAAE,UAAU;IAC5C,gCAAgC,EAAE,aAAa;CAChD,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,UAAU,wBAAwB,CAAC,MAAkB;IACzD,MAAM,CAAC,cAAc,CAAC,IAAI,EAAE,sBAAsB,CAAC,CAAC;IACpD,MAAM,CAAC,cAAc,CAAC,IAAI,EAAE,sBAAsB,CAAC,CAAC;AACtD,CAAC"}

package/llms.txt

@@ -1,4 +1,4 @@
-# @stapel/workspaces-react 0.4.1
+# @stapel/workspaces-react 0.5.0
 
 Headless React flow pair for stapel-workspaces (contract >=0.4 <0.5) — business + state, zero visual opinion.
 Built on @stapel/core: typed client + StapelApiError envelope, auth token refresh,

package/manifest.json

@@ -1,7 +1,7 @@
 {
   "$generated": "by scripts/gen-manifest.mjs — do not edit; drift-gated (pnpm gen:manifest:check)",
   "package": "@stapel/workspaces-react",
-  "version": "0.4.1",
+  "version": "0.5.0",
   "backend": {
     "module": "stapel-workspaces",
     "contract": ">=0.4 <0.5"
@@ -626,10 +626,31 @@
     "workspaces.list.empty",
     "workspaces.list.loading",
     "workspaces.members.invite",
+    "workspaces.members.invite_dialog.emails_label",
+    "workspaces.members.invite_dialog.emails_placeholder",
+    "workspaces.members.invite_dialog.role_label",
+    "workspaces.members.invite_dialog.title",
     "workspaces.members.inviting",
     "workspaces.members.loading",
     "workspaces.members.remove",
-    "workspaces.members.update_role"
+    "workspaces.members.remove_confirm",
+    "workspaces.members.role.admin",
+    "workspaces.members.role.member",
+    "workspaces.members.role.owner",
+    "workspaces.members.role.viewer",
+    "workspaces.members.subtitle",
+    "workspaces.members.title",
+    "workspaces.members.update_role",
+    "workspaces.settings.danger_zone.delete",
+    "workspaces.settings.danger_zone.delete_confirm",
+    "workspaces.settings.danger_zone.title",
+    "workspaces.settings.field.name",
+    "workspaces.settings.field.slug",
+    "workspaces.settings.field.type",
+    "workspaces.settings.save",
+    "workspaces.settings.saving",
+    "workspaces.settings.subtitle",
+    "workspaces.settings.title"
   ],
   "exports": {
     "runtime": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stapel/workspaces-react",
-  "version": "0.4.1",
+  "version": "0.5.0",
   "description": "Headless React flow pair for stapel-workspaces: typed API client, TanStack Query hooks, flow machines, headless components, and i18n keys. Zero visual opinion.",
   "license": "MIT",
   "repository": {
@@ -17,6 +17,10 @@
       "types": "./dist/index.d.ts",
       "default": "./dist/index.js"
     },
+    "./default": {
+      "types": "./dist/default/index.d.ts",
+      "default": "./dist/default/index.js"
+    },
     "./i18n/ru": {
       "types": "./dist/i18n/ru.d.ts",
       "default": "./dist/i18n/ru.js"
@@ -46,19 +50,31 @@
       "name": "i18n/ru subpath (opt-in locale: en floor + generated ru + ru UI)",
       "path": "dist/i18n/ru.js",
       "limit": "3.5 KB"
+    },
+    {
+      "name": "default — the settings skin (antd) must stay out of the main bundle",
+      "path": "dist/default/index.js",
+      "limit": "12 KB"
     }
   ],
   "peerDependencies": {
     "@stapel/core": ">=0.3.0 <1.0.0",
     "@tanstack/react-query": "^5.0.0",
+    "antd": ">=5.20.0 <7",
     "react": ">=19"
   },
+  "peerDependenciesMeta": {
+    "antd": {
+      "optional": true
+    }
+  },
   "devDependencies": {
     "@size-limit/preset-small-lib": "^11.2.0",
     "@tanstack/react-query": "^5.81.0",
     "@testing-library/react": "^16.3.0",
     "@types/react": "^19.1.0",
     "@types/react-dom": "^19.1.0",
+    "antd": "^6.5.0",
     "jsdom": "^26.1.0",
     "msw": "^2.10.2",
     "react": "^19.1.0",
@@ -66,7 +82,7 @@
     "size-limit": "^11.2.0",
     "typescript": "^5.8.3",
     "vitest": "^3.2.4",
-    "@stapel/core": "^0.4.0",
+    "@stapel/core": "^0.5.0",
     "@stapel/showcase": "^0.2.0",
     "@stapel/tokens": "^0.4.0"
   },

package/src/analytics/generated/events.json

@@ -1,7 +1,7 @@
 {
   "$generated": "by scripts/gen-events.mjs — do not edit; drift-gated (pnpm gen:events:check)",
   "package": "@stapel/workspaces-react",
-  "version": "0.4.1",
+  "version": "0.5.0",
   "defined": [],
   "flows": []
 }

package/src/default/MembersManager.tsx

@@ -0,0 +1,185 @@
+/**
+ * `<MembersManager/>` — default skin for the "members & roles" settings
+ * screen (owner directive: "настройки воркспейса (имя/участники/роли/
+ * инвайты)"). Built entirely on this pair's EXISTING `Members` headless
+ * wrapper (`useMembers`/`useInviteMembers`/`useUpdateMemberRole`/
+ * `useRemoveMember`) — no new backend surface.
+ */
+import { useState } from "react";
+import type { ReactElement } from "react";
+import { Alert, Button, Card, Input, Modal, Popconfirm, Select, Table, Typography } from "antd";
+import type { TableProps } from "antd";
+import { useT } from "@stapel/core";
+import { Members } from "../headless/Members.js";
+import type { Member, WorkspaceRole } from "../api/types.js";
+import { WORKSPACES_I18N_KEYS } from "../i18n/keys.js";
+
+export interface MembersManagerProps {
+  workspaceId: string;
+  /**
+   * Whether the caller may invite, change roles, and remove members. The
+   * host already knows the caller's own role in this workspace (e.g. from
+   * `useWorkspace(workspaceId).data?.my_role`); this component doesn't
+   * re-derive it — pass `false` for a read-only roster (e.g. a `viewer`/
+   * `member` looking at their teammates). Default `true`.
+   */
+  canManage?: boolean;
+}
+
+const ROLES: readonly WorkspaceRole[] = ["owner", "admin", "member", "viewer"];
+
+const ROLE_KEY: Record<
+  WorkspaceRole,
+  "roleOwner" | "roleAdmin" | "roleMember" | "roleViewer"
+> = {
+  owner: "roleOwner",
+  admin: "roleAdmin",
+  member: "roleMember",
+  viewer: "roleViewer",
+};
+
+function isWorkspaceRole(value: string): value is WorkspaceRole {
+  return (ROLES as readonly string[]).includes(value);
+}
+
+export function MembersManager(props: MembersManagerProps): ReactElement {
+  const t = useT();
+  const canManage = props.canManage ?? true;
+  const [inviteOpen, setInviteOpen] = useState(false);
+  const [emailsText, setEmailsText] = useState("");
+  const [inviteRole, setInviteRole] = useState<WorkspaceRole>("member");
+
+  return (
+    <Members workspaceId={props.workspaceId}>
+      {({ members, isLoading, isError, error, invite, isInviting, updateRole, remove }) => {
+        function openInvite(): void {
+          setEmailsText("");
+          setInviteRole("member");
+          setInviteOpen(true);
+        }
+
+        function submitInvite(): void {
+          const emails = emailsText
+            .split(/[,\s]+/)
+            .map((e) => e.trim())
+            .filter((e) => e.length > 0);
+          if (emails.length === 0) return;
+          invite({ emails, role: inviteRole });
+          setInviteOpen(false);
+        }
+
+        const columns: TableProps<Member>["columns"] = [
+          {
+            title: "Email",
+            dataIndex: "email",
+            key: "email",
+            render: (value: string | null) => value ?? "—",
+          },
+          {
+            title: t(WORKSPACES_I18N_KEYS.membersInviteRoleLabel),
+            key: "role",
+            render: (_: unknown, member: Member) => {
+              const role = isWorkspaceRole(member.role) ? member.role : "member";
+              return canManage ? (
+                <Select<WorkspaceRole>
+                  value={role}
+                  style={{ width: 140 }}
+                  onChange={(next) => updateRole({ userId: member.user_id, role: next })}
+                  options={ROLES.map((r) => ({ value: r, label: t(WORKSPACES_I18N_KEYS[ROLE_KEY[r]]) }))}
+                />
+              ) : (
+                <span>{t(WORKSPACES_I18N_KEYS[ROLE_KEY[role]])}</span>
+              );
+            },
+          },
+          ...(canManage
+            ? [
+                {
+                  title: "",
+                  key: "actions",
+                  render: (_: unknown, member: Member) => (
+                    <Popconfirm
+                      title={t(WORKSPACES_I18N_KEYS.membersRemoveConfirm)}
+                      onConfirm={() => remove(member.user_id)}
+                    >
+                      <Button danger type="link">
+                        {t(WORKSPACES_I18N_KEYS.membersRemove)}
+                      </Button>
+                    </Popconfirm>
+                  ),
+                },
+              ]
+            : []),
+        ];
+
+        return (
+          <Card data-testid="members-manager">
+            <div style={{ display: "flex", justifyContent: "space-between", alignItems: "flex-start", gap: 16 }}>
+              <div>
+                <Typography.Title level={4} style={{ marginTop: 0 }}>
+                  {t(WORKSPACES_I18N_KEYS.membersTitle)}
+                </Typography.Title>
+                <Typography.Text type="secondary">{t(WORKSPACES_I18N_KEYS.membersSubtitle)}</Typography.Text>
+              </div>
+              {canManage && (
+                <Button
+                  type="primary"
+                  onClick={openInvite}
+                  data-analytics="none"
+                  data-analytics-reason="local-ui-open-invite-dialog"
+                >
+                  {t(WORKSPACES_I18N_KEYS.membersInvite)}
+                </Button>
+              )}
+            </div>
+
+            {isError && error && (
+              <Alert style={{ marginTop: 12 }} type="error" showIcon message={error.message} />
+            )}
+
+            <Table<Member>
+              style={{ marginTop: 16 }}
+              size="small"
+              loading={isLoading}
+              rowKey={(member) => member.id}
+              dataSource={members as Member[]}
+              columns={columns}
+              pagination={false}
+            />
+
+            <Modal
+              title={t(WORKSPACES_I18N_KEYS.membersInviteDialogTitle)}
+              open={inviteOpen}
+              onCancel={() => setInviteOpen(false)}
+              onOk={submitInvite}
+              okButtonProps={{ loading: isInviting, disabled: emailsText.trim().length === 0 }}
+            >
+              <div style={{ display: "grid", gap: 12 }}>
+                <div>
+                  <Typography.Text>{t(WORKSPACES_I18N_KEYS.membersInviteEmailsLabel)}</Typography.Text>
+                  <Input
+                    value={emailsText}
+                    onChange={(e) => setEmailsText(e.target.value)}
+                    placeholder={t(WORKSPACES_I18N_KEYS.membersInviteEmailsPlaceholder)}
+                  />
+                </div>
+                <div>
+                  <Typography.Text>{t(WORKSPACES_I18N_KEYS.membersInviteRoleLabel)}</Typography.Text>
+                  <Select<WorkspaceRole>
+                    value={inviteRole}
+                    onChange={setInviteRole}
+                    style={{ width: "100%" }}
+                    options={ROLES.filter((r) => r !== "owner").map((r) => ({
+                      value: r,
+                      label: t(WORKSPACES_I18N_KEYS[ROLE_KEY[r]]),
+                    }))}
+                  />
+                </div>
+              </div>
+            </Modal>
+          </Card>
+        );
+      }}
+    </Members>
+  );
+}

package/src/default/WorkspaceSettings.tsx

@@ -0,0 +1,128 @@
+/**
+ * `<WorkspaceSettings/>` — default skin for the "workspace" settings screen
+ * (owner directive: workspace name/general settings, one of the settings
+ * surfaces this liberary pair owns). Built entirely on this pair's EXISTING
+ * hooks (`useWorkspace`, `useUpdateWorkspace`, `useDeleteWorkspace`) — no new
+ * backend surface. Participants/roles live in the sibling
+ * `<MembersManager/>` (a workspace's settings page composes both).
+ */
+import { useEffect, useState } from "react";
+import type { ReactElement } from "react";
+import { Alert, Badge, Button, Card, Input, Popconfirm, Spin, Typography } from "antd";
+import { useT } from "@stapel/core";
+import { useWorkspace } from "../model/queries.js";
+import { useUpdateWorkspace, useDeleteWorkspace } from "../model/mutations.js";
+import { WORKSPACES_I18N_KEYS } from "../i18n/keys.js";
+
+export interface WorkspaceSettingsProps {
+  workspaceId: string;
+  /** Called after a successful delete — the host navigates away / switches
+   * to another workspace. Not called on cancel or failure. */
+  onDeleted?(): void;
+}
+
+export function WorkspaceSettings(props: WorkspaceSettingsProps): ReactElement {
+  const t = useT();
+  const query = useWorkspace(props.workspaceId);
+  const updateMutation = useUpdateWorkspace(props.workspaceId);
+  const deleteMutation = useDeleteWorkspace();
+
+  const workspace = query.data;
+  const [name, setName] = useState("");
+
+  useEffect(() => {
+    if (workspace) setName(workspace.name);
+  }, [workspace]);
+
+  function handleSave(): void {
+    updateMutation.mutate({ name: name.trim() });
+  }
+
+  function handleDelete(): void {
+    deleteMutation.mutate(props.workspaceId, {
+      onSuccess: () => props.onDeleted?.(),
+    });
+  }
+
+  if (query.isLoading && !workspace) {
+    return <Spin data-testid="workspace-settings-loading" />;
+  }
+  if (!workspace) {
+    return (
+      <Alert
+        data-testid="workspace-settings-error"
+        type="error"
+        showIcon
+        message={query.error?.message ?? t(WORKSPACES_I18N_KEYS.unknownError)}
+      />
+    );
+  }
+
+  const isOwner = workspace.my_role === "owner";
+
+  return (
+    <div data-testid="workspace-settings" style={{ display: "grid", gap: 16 }}>
+      <Card>
+        <Typography.Title level={4} style={{ marginTop: 0 }}>
+          {t(WORKSPACES_I18N_KEYS.settingsTitle)}
+        </Typography.Title>
+        <Typography.Text type="secondary">{t(WORKSPACES_I18N_KEYS.settingsSubtitle)}</Typography.Text>
+
+        <div style={{ display: "grid", gap: 12, maxWidth: 480, marginTop: 16 }}>
+          <div>
+            <Typography.Text>{t(WORKSPACES_I18N_KEYS.fieldName)}</Typography.Text>
+            <Input value={name} onChange={(e) => setName(e.target.value)} disabled={!isOwner} />
+          </div>
+          <div>
+            <Typography.Text>{t(WORKSPACES_I18N_KEYS.fieldSlug)}</Typography.Text>
+            <div>
+              <Typography.Text code>{workspace.slug}</Typography.Text>
+            </div>
+          </div>
+          <div>
+            <Typography.Text>{t(WORKSPACES_I18N_KEYS.fieldType)}</Typography.Text>
+            <div>
+              <Badge status="default" text={workspace.type} />
+            </div>
+          </div>
+        </div>
+
+        {updateMutation.error && (
+          <Alert
+            style={{ marginTop: 12 }}
+            type="error"
+            showIcon
+            message={updateMutation.error.message}
+          />
+        )}
+
+        <Button
+          type="primary"
+          style={{ marginTop: 16 }}
+          loading={updateMutation.isPending}
+          disabled={!isOwner || !name.trim()}
+          onClick={handleSave}
+          data-analytics="none"
+          data-analytics-reason="business action — host app wraps with its own tracked(); pairs carry no @stapel/analytics runtime dependency by architecture"
+        >
+          {updateMutation.isPending ? t(WORKSPACES_I18N_KEYS.saving) : t(WORKSPACES_I18N_KEYS.save)}
+        </Button>
+      </Card>
+
+      {isOwner && (
+        <Card>
+          <Typography.Title level={5} type="danger" style={{ marginTop: 0 }}>
+            {t(WORKSPACES_I18N_KEYS.dangerZoneTitle)}
+          </Typography.Title>
+          <Popconfirm
+            title={t(WORKSPACES_I18N_KEYS.deleteWorkspaceConfirm)}
+            onConfirm={handleDelete}
+            okButtonProps={{ loading: deleteMutation.isPending, danger: true }}
+          >
+            <Button danger>{t(WORKSPACES_I18N_KEYS.deleteWorkspace)}</Button>
+          </Popconfirm>
+        </Card>
+      )}
+    </div>
+  );
+}

package/src/default/index.ts

@@ -0,0 +1,17 @@
+/**
+ * `@stapel/workspaces-react/default` — the pilot default skin for this
+ * pair's settings surfaces (mirrors auth-react's `/default` split, §54): a
+ * separate entry point so consumers who bring their own visuals never pull
+ * `antd` into their bundle; importing this subpath is the opt-in.
+ *
+ * ```tsx
+ * import { WorkspaceSettings, MembersManager } from "@stapel/workspaces-react/default";
+ * // under this pair's <WorkspacesProvider> + core <I18nProvider>:
+ * <WorkspaceSettings workspaceId={id} />
+ * <MembersManager workspaceId={id} />
+ * ```
+ */
+export { WorkspaceSettings } from "./WorkspaceSettings.js";
+export type { WorkspaceSettingsProps } from "./WorkspaceSettings.js";
+export { MembersManager } from "./MembersManager.js";
+export type { MembersManagerProps } from "./MembersManager.js";

package/src/i18n/keys.ts

@@ -27,6 +27,29 @@ export const WORKSPACES_I18N_KEYS = {
   acceptAccept: "workspaces.accept.accept",
   acceptAccepting: "workspaces.accept.accepting",
   acceptAccepted: "workspaces.accept.accepted",
+  // Workspace settings (default skin — WorkspaceSettings)
+  settingsTitle: "workspaces.settings.title",
+  settingsSubtitle: "workspaces.settings.subtitle",
+  fieldName: "workspaces.settings.field.name",
+  fieldSlug: "workspaces.settings.field.slug",
+  fieldType: "workspaces.settings.field.type",
+  save: "workspaces.settings.save",
+  saving: "workspaces.settings.saving",
+  dangerZoneTitle: "workspaces.settings.danger_zone.title",
+  deleteWorkspace: "workspaces.settings.danger_zone.delete",
+  deleteWorkspaceConfirm: "workspaces.settings.danger_zone.delete_confirm",
+  // Members manager (default skin — MembersManager)
+  membersTitle: "workspaces.members.title",
+  membersSubtitle: "workspaces.members.subtitle",
+  membersInviteDialogTitle: "workspaces.members.invite_dialog.title",
+  membersInviteEmailsLabel: "workspaces.members.invite_dialog.emails_label",
+  membersInviteEmailsPlaceholder: "workspaces.members.invite_dialog.emails_placeholder",
+  membersInviteRoleLabel: "workspaces.members.invite_dialog.role_label",
+  membersRemoveConfirm: "workspaces.members.remove_confirm",
+  roleOwner: "workspaces.members.role.owner",
+  roleAdmin: "workspaces.members.role.admin",
+  roleMember: "workspaces.members.role.member",
+  roleViewer: "workspaces.members.role.viewer",
 } as const;
 
 export type WorkspacesI18nKey =
@@ -57,6 +80,27 @@ export const workspacesI18nBundleEn: I18nDictionary = {
   "workspaces.accept.accept": "Accept invitation",
   "workspaces.accept.accepting": "Accepting…",
   "workspaces.accept.accepted": "You've joined the workspace.",
+  "workspaces.settings.title": "Workspace",
+  "workspaces.settings.subtitle": "Name and general settings.",
+  "workspaces.settings.field.name": "Workspace name",
+  "workspaces.settings.field.slug": "URL slug",
+  "workspaces.settings.field.type": "Type",
+  "workspaces.settings.save": "Save changes",
+  "workspaces.settings.saving": "Saving…",
+  "workspaces.settings.danger_zone.title": "Danger zone",
+  "workspaces.settings.danger_zone.delete": "Delete workspace",
+  "workspaces.settings.danger_zone.delete_confirm": "Delete this workspace? This can't be undone.",
+  "workspaces.members.title": "Members",
+  "workspaces.members.subtitle": "Manage who has access to this workspace.",
+  "workspaces.members.invite_dialog.title": "Invite members",
+  "workspaces.members.invite_dialog.emails_label": "Emails",
+  "workspaces.members.invite_dialog.emails_placeholder": "Type an email and press Enter",
+  "workspaces.members.invite_dialog.role_label": "Role",
+  "workspaces.members.remove_confirm": "Remove this member?",
+  "workspaces.members.role.owner": "Owner",
+  "workspaces.members.role.admin": "Admin",
+  "workspaces.members.role.member": "Member",
+  "workspaces.members.role.viewer": "Viewer",
 };
 
 /**

package/src/i18n/ru.ts

@@ -37,6 +37,27 @@ export const workspacesI18nBundleRu: I18nDictionary = {
   "workspaces.accept.accept": "Принять приглашение",
   "workspaces.accept.accepting": "Принятие…",
   "workspaces.accept.accepted": "Вы присоединились к рабочему пространству.",
+  "workspaces.settings.title": "Рабочее пространство",
+  "workspaces.settings.subtitle": "Название и общие настройки.",
+  "workspaces.settings.field.name": "Название рабочего пространства",
+  "workspaces.settings.field.slug": "URL-идентификатор",
+  "workspaces.settings.field.type": "Тип",
+  "workspaces.settings.save": "Сохранить изменения",
+  "workspaces.settings.saving": "Сохранение…",
+  "workspaces.settings.danger_zone.title": "Опасная зона",
+  "workspaces.settings.danger_zone.delete": "Удалить рабочее пространство",
+  "workspaces.settings.danger_zone.delete_confirm": "Удалить это рабочее пространство? Действие необратимо.",
+  "workspaces.members.title": "Участники",
+  "workspaces.members.subtitle": "Управляйте доступом к рабочему пространству.",
+  "workspaces.members.invite_dialog.title": "Пригласить участников",
+  "workspaces.members.invite_dialog.emails_label": "Email-адреса",
+  "workspaces.members.invite_dialog.emails_placeholder": "Введите email и нажмите Enter",
+  "workspaces.members.invite_dialog.role_label": "Роль",
+  "workspaces.members.remove_confirm": "Удалить этого участника?",
+  "workspaces.members.role.owner": "Владелец",
+  "workspaces.members.role.admin": "Администратор",
+  "workspaces.members.role.member": "Участник",
+  "workspaces.members.role.viewer": "Наблюдатель",
 };
 
 /**