Aug 25, 2025 · Aug 22, 2025 · Aug 22, 2025
diff --git a/site/src/api/queries/workspaces.ts b/site/src/api/queries/workspaces.ts
 import type {
 CreateWorkspaceRequest,
 ProvisionerLogLevel,
 UpdateWorkspaceACL,
 UsageAppName,
 Workspace,
 WorkspaceAgentLog,
 };
 };

 export const updateWorkspaceACL = (workspaceId: string) => {
 return {
 mutationFn: async (patch: UpdateWorkspaceACL) => {
 await API.updateWorkspaceACL(workspaceId, patch);
 },
 };
 };

 export const workspaceAgentCredentials = (
 workspaceId: string,
 agentName: string,
diff --git a/site/src/pages/TemplateSettingsPage/TemplatePermissionsPage/TemplatePermissionsPageView.tsx b/site/src/pages/TemplateSettingsPage/TemplatePermissionsPage/TemplatePermissionsPageView.tsx

 return (
 <>
 <PageHeadercss={styles.pageHeader}>
 <PageHeaderclassName="pt-0">
 <PageHeaderTitle>Permissions</PageHeaderTitle>
 </PageHeader>

 fontSize: 14,
 color: theme.palette.text.secondary,
 }),

 pageHeader: {
 paddingTop: 0,
 },
 } satisfies Record<string, Interpolation<Theme>>;
diff --git a/site/src/pages/WorkspaceSettingsPage/WorkspaceSharingPage/WorkspaceSharingPage.tsx b/site/src/pages/WorkspaceSettingsPage/WorkspaceSharingPage/WorkspaceSharingPage.tsx
 import { updateWorkspaceACL } from "api/queries/workspaces";
 import { Button } from "components/Button/Button";
 import { ExternalImage } from "components/ExternalImage/ExternalImage";
 import { PageHeader, PageHeaderTitle } from "components/PageHeader/PageHeader";
 import type { FC } from "react";
 import { useMutation } from "react-query";
 import { Helmet } from "react-helmet-async";
 import { pageTitle } from "utils/page";
 import { useWorkspaceSettings } from "../WorkspaceSettingsLayout";

 const localKirbyId = "1ce34e51-3135-4720-8bfc-eabce178eafb";
 const devKirbyId = "7a4319a5-0dc1-41e1-95e4-f31e312b0ecc";

 const WorkspaceSharingPage: FC = () => {
 const workspace = useWorkspaceSettings();
 const shareWithKirbyMutation = useMutation(updateWorkspaceACL(workspace.id));

 const onClick = () => {
 shareWithKirbyMutation.mutate({
 user_roles: {
 [localKirbyId]: "admin",
 [devKirbyId]: "admin",
 },
 });
 };

 return (
 <Button
 onClick={onClick}
 className=" bg-white hover:bg-pink-300 text-pink-800 hover:text-pink-950"
 size="lg"
 >
 <ExternalImage src="/kirby.gif" />
 Share with Kirby
 </Button>
 <>
 <Helmet>
 <title>{pageTitle(workspace.name, "Sharing")}</title>
 </Helmet>
 <PageHeader className="pt-0">
 <PageHeaderTitle>Sharing</PageHeaderTitle>
 </PageHeader>
 </>
 );
 };
Original file line number	Diff line number	Diff line change
Expand Up		@@ -3,7 +3,6 @@ import { DetailedError, isApiValidationError } from "api/errors";
		import type {
		CreateWorkspaceRequest,
		ProvisionerLogLevel,
		UpdateWorkspaceACL,
		UsageAppName,
		Workspace,
		WorkspaceAgentLog,
Expand DownExpand Up		@@ -422,14 +421,6 @@ export const workspacePermissions = (workspace?: Workspace) => {
		};
		};

		export const updateWorkspaceACL = (workspaceId: string) => {
		return {
		mutationFn: async (patch: UpdateWorkspaceACL) => {
		await API.updateWorkspaceACL(workspaceId, patch);
		},
		};
		};

		export const workspaceAgentCredentials = (
		workspaceId: string,
		agentName: string,
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -210,7 +210,7 @@ export const TemplatePermissionsPageView: FC<

		return (
		<>
		<PageHeadercss={styles.pageHeader}>
		<PageHeaderclassName="pt-0">
		<PageHeaderTitle>Permissions</PageHeaderTitle>
		</PageHeader>

Expand DownExpand Up		@@ -419,8 +419,4 @@ const styles = {
		fontSize: 14,
		color: theme.palette.text.secondary,
		}),

		pageHeader: {
		paddingTop: 0,
		},
		} satisfies Record<string, Interpolation<Theme>>;
Original file line number	Diff line number	Diff line change
		@@ -1,35 +1,21 @@
		import { updateWorkspaceACL } from "api/queries/workspaces";
		import { Button } from "components/Button/Button";
		import { ExternalImage } from "components/ExternalImage/ExternalImage";
		import { PageHeader, PageHeaderTitle } from "components/PageHeader/PageHeader";
		import type { FC } from "react";
		import { useMutation } from "react-query";
		import { Helmet } from "react-helmet-async";
		import { pageTitle } from "utils/page";
		import { useWorkspaceSettings } from "../WorkspaceSettingsLayout";

		const localKirbyId = "1ce34e51-3135-4720-8bfc-eabce178eafb";
		const devKirbyId = "7a4319a5-0dc1-41e1-95e4-f31e312b0ecc";

		const WorkspaceSharingPage: FC = () => {
		const workspace = useWorkspaceSettings();
		const shareWithKirbyMutation = useMutation(updateWorkspaceACL(workspace.id));

		const onClick = () => {
		shareWithKirbyMutation.mutate({
		user_roles: {
		[localKirbyId]: "admin",
		[devKirbyId]: "admin",
		},
		});
		};

		return (
		<Button
		onClick={onClick}
		className=" bg-white hover:bg-pink-300 text-pink-800 hover:text-pink-950"
		size="lg"
		>
		<ExternalImage src="/kirby.gif" />
		Share with Kirby
		</Button>
		<>
		<Helmet>
		<title>{pageTitle(workspace.name, "Sharing")}</title>
		</Helmet>
		<PageHeader className="pt-0">
		<PageHeaderTitle>Sharing</PageHeaderTitle>
		</PageHeader>
		</>
		);
		};

Expand Down