snapshot of https://github.com/RocketChat/Rocket.Chat.git (develop, 2026-09-16; blobs > 131072B omitted)

apps/meteor/client/views/admin/workspace/components/WorkspaceCardSection.tsx

@@ -0,0 +1,10 @@
+import { Box } from '@rocket.chat/fuselage';
+import type { ReactNode } from 'react';
+
+export type WorkspaceCardSectionProps = {
+	children: ReactNode;
+};
+
+const WorkspaceCardSection = ({ children }: WorkspaceCardSectionProps) => <Box fontScale='p2'>{children}</Box>;
+
+export default WorkspaceCardSection;

apps/meteor/client/views/admin/workspace/components/WorkspaceCardSectionTitle.tsx

@@ -0,0 +1,14 @@
+import { Box } from '@rocket.chat/fuselage';
+
+export type WorkspaceCardSectionTitleProps = {
+	variant?: 'p2b' | 'h4';
+	title: string;
+};
+
+const WorkspaceCardSectionTitle = ({ variant = 'p2b', title }: WorkspaceCardSectionTitleProps) => (
+	<Box fontScale={variant} marginBlockEnd={variant === 'h4' ? 20 : 0}>
+		{title}
+	</Box>
+);
+
+export default WorkspaceCardSectionTitle;

apps/meteor/client/views/admin/workspace/components/WorkspaceCardTextSeparator.tsx

@@ -0,0 +1,29 @@
+import { Box, Icon, StatusBullet } from '@rocket.chat/fuselage';
+import type { Keys } from '@rocket.chat/icons';
+import { TextSeparator } from '@rocket.chat/ui-client';
+import type { ComponentProps, ReactNode } from 'react';
+
+export type WorkspaceCardTextSeparatorProps = {
+	label: ReactNode;
+	icon?: Keys;
+	status?: ComponentProps<typeof StatusBullet>['status'];
+	value: ReactNode;
+};
+const WorkspaceCardTextSeparator = ({ icon, label, value, status }: WorkspaceCardTextSeparatorProps) => (
+	<TextSeparator
+		label={
+			<>
+				{icon && <Icon name={icon} size='x16' marginInlineEnd={4} />}
+				{status && (
+					<Box minWidth='x16' display='inline-flex' flexDirection='row' alignItems='flex-end' justifyContent='center'>
+						<StatusBullet status={status} />
+					</Box>
+				)}
+				{label && label}
+			</>
+		}
+		value={value}
+	/>
+);
+
+export default WorkspaceCardTextSeparator;