feat(web): workflow automation ui

web/src/routes/(user)/workflows/+page.svelte

@@ -0,0 +1,15 @@
+<script lang="ts">
+  import UserPageLayout from '$lib/components/layouts/user-page-layout.svelte';
+  import WorkflowEditor from '$lib/components/workflow-page/workflow-editor.svelte';
+  import WorkflowList from '$lib/components/workflow-page/workflow-list.svelte';
+  import type { PageData } from './$types';
+
+  export let data: PageData;
+</script>
+
+<UserPageLayout title={data.meta.title}>
+  <section class="grid grid-cols-[400px_1fr] h-full">
+    <WorkflowList />
+    <WorkflowEditor />
+  </section>
+</UserPageLayout>

web/src/routes/(user)/workflows/+page.ts

@@ -0,0 +1,12 @@
+import { authenticate } from '$lib/utils/auth';
+import type { PageLoad } from './$types';
+
+export const load = (async () => {
+  await authenticate();
+
+  return {
+    meta: {
+      title: 'Workflows',
+    },
+  };
+}) satisfies PageLoad;