fixes (#1421)

Author: grutt

frontend/app/src/pages/main/managed-workers/demo-template/index.tsx

@@ -23,7 +23,6 @@ import { Label } from '@/components/ui/label';
 import { Card } from '@/components/ui/card';
 import { cloudApi } from '@/lib/api/api';
 import api from '@/lib/api';
-import { Checkbox } from '@/components/ui/checkbox';
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
 import { GitHubLogoIcon } from '@radix-ui/react-icons';
 
@@ -34,7 +33,7 @@ export default function DemoTemplate() {
   const [deployedWorkerId, setDeployedWorkerId] = useState<string | null>(null);
   const [deploymentError, setDeploymentError] = useState<string | null>(null);
   const [deploymentStatus, setDeploymentStatus] = useState<string>('');
-  const [isSimulation, setIsSimulation] = useState(false);
+  const [isSimulation] = useState(false);
   const [workflowId, setWorkflowId] = useState<string | null>(null);
   const [, setTriggering] = useState(false);
   const [, setTriggerSuccess] = useState(false);
@@ -650,22 +649,6 @@ func main() {
                         </ul>
                       </div>
 
-                      <div className="flex items-center space-x-2 mb-4">
-                        <Checkbox
-                          id="simulation"
-                          checked={isSimulation}
-                          onCheckedChange={(checked) => {
-                            setIsSimulation(checked === true);
-                          }}
-                        />
-                        <Label
-                          htmlFor="simulation"
-                          className="text-sm font-medium"
-                        >
-                          Use simulation mode (doesn't create actual resources)
-                        </Label>
-                      </div>
-
                       {deploying && (
                         <div className="border rounded-lg p-4 mb-4 bg-muted/20">
                           <div className="flex items-center mb-2">

frontend/app/src/pages/main/v1/managed-workers/demo-template/index.tsx

@@ -23,7 +23,6 @@ import { Label } from '@/components/ui/label';
 import { Card } from '@/components/ui/card';
 import { cloudApi } from '@/lib/api/api';
 import api from '@/lib/api';
-import { Checkbox } from '@/components/ui/checkbox';
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
 import { GitHubLogoIcon } from '@radix-ui/react-icons';
 
@@ -34,7 +33,7 @@ export default function DemoTemplate() {
   const [deployedWorkerId, setDeployedWorkerId] = useState<string | null>(null);
   const [deploymentError, setDeploymentError] = useState<string | null>(null);
   const [deploymentStatus, setDeploymentStatus] = useState<string>('');
-  const [isSimulation, setIsSimulation] = useState(false);
+  const [isSimulation] = useState(false);
   const [workflowId, setWorkflowId] = useState<string | null>(null);
   const [, setTriggering] = useState(false);
   const [, setTriggerSuccess] = useState(false);
@@ -650,22 +649,6 @@ func main() {
                         </ul>
                       </div>
 
-                      <div className="flex items-center space-x-2 mb-4">
-                        <Checkbox
-                          id="simulation"
-                          checked={isSimulation}
-                          onCheckedChange={(checked) => {
-                            setIsSimulation(checked === true);
-                          }}
-                        />
-                        <Label
-                          htmlFor="simulation"
-                          className="text-sm font-medium"
-                        >
-                          Use simulation mode (doesn't create actual resources)
-                        </Label>
-                      </div>
-
                       {deploying && (
                         <div className="border rounded-lg p-4 mb-4 bg-muted/20">
                           <div className="flex items-center mb-2">

frontend/app/src/router.tsx

@@ -509,6 +509,17 @@ export const routes: RouteObject[] = [
                     },
                   ),
               },
+              {
+                path: '/managed-workers/demo-template',
+                lazy: async () =>
+                  import(
+                    './pages/main/managed-workers/demo-template/index.tsx'
+                  ).then((res) => {
+                    return {
+                      Component: res.default,
+                    };
+                  }),
+              },
               {
                 path: '/v1/managed-workers/demo-template',
                 lazy: async () =>