From 7c97e01914ca87ecbdac4845cd8a46dfcacc5889 Mon Sep 17 00:00:00 2001
From: Guilhem Lemouel <guilhemlemouel@gmail.com>
Date: Wed, 7 Oct 2026 01:38:47 -0700
Subject: [PATCH] style: the fork refusal uses the design system's alert

The refusal panel was hand-built from a div and two paragraphs with literal
colors, copied from the Runs page's own operator refusal. The frontend's rules
say to use the design-system component, and `Alert` already draws exactly this.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
---
 .../(root)/(logged)/user/(user)/fork_workspace/+page.svelte | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/routes/(root)/(logged)/user/(user)/fork_workspace/+page.svelte b/frontend/src/routes/(root)/(logged)/user/(user)/fork_workspace/+page.svelte
index d376ec0520..3be417202c 100644
--- a/frontend/src/routes/(root)/(logged)/user/(user)/fork_workspace/+page.svelte
+++ b/frontend/src/routes/(root)/(logged)/user/(user)/fork_workspace/+page.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
 	import CreateWorkspace from '$lib/components/workspaceSettings/CreateWorkspace.svelte'
+	import { Alert } from '$lib/components/common'
 	import { userStore } from '$lib/stores'
 </script>
 
@@ -8,9 +9,8 @@
      `operator`). The server still accepts the call — this refuses the page, it does not enforce
      the rule; see docs/operator-write-rights.md. -->
 {#if $userStore?.operator}
-	<div class="bg-red-100 border-l-4 border-red-600 text-orange-700 p-4 m-4 mt-12" role="alert">
-		<p class="font-bold">Unauthorized</p>
-		<p>Page not available for operators</p>
+	<div class="p-4 mt-12">
+		<Alert type="error" title="Unauthorized">Page not available for operators</Alert>
 	</div>
 {:else}
 	<CreateWorkspace isFork={true} />