feat(desktop): workflow builder UI with form editor, CRUD, and channel picker

desktop/package.json

@@ -50,7 +50,8 @@
     "react-markdown": "^10.1.0",
     "remark-breaks": "^4.0.0",
     "remark-gfm": "^4.0.1",
-    "tailwind-merge": "^3.5.0"
+    "tailwind-merge": "^3.5.0",
+    "yaml": "^2.8.3"
   },
   "devDependencies": {
     "@biomejs/biome": "^2.4.6",

desktop/playwright.config.ts

@@ -24,6 +24,7 @@ export default defineConfig({
         "**/channel-browser.spec.ts",
         "**/messaging.spec.ts",
         "**/mentions.spec.ts",
+        "**/workflows.spec.ts",
       ],
       use: {
         ...devices["Desktop Chrome"],

desktop/src/features/channels/ui/ChannelMembersBar.tsx

@@ -1,4 +1,4 @@
-import { Bot, Plus, Settings2, UserRound } from "lucide-react";
+import { Bot, Plus, Settings2, UserRound, Zap } from "lucide-react";
 import * as React from "react";
 
 import {
@@ -8,6 +8,7 @@ import {
   useRelayAgentsQuery,
 } from "@/features/agents/hooks";
 import { useChannelMembersQuery } from "@/features/channels/hooks";
+import { CreateWorkflowDialog } from "@/features/workflows/ui/CreateWorkflowDialog";
 import type { Channel } from "@/shared/api/types";
 import { normalizePubkey } from "@/shared/lib/pubkey";
 import { Button } from "@/shared/ui/button";
@@ -47,6 +48,7 @@ export function ChannelMembersBar({
   onManageChannel,
 }: ChannelMembersBarProps) {
   const [isAddBotOpen, setIsAddBotOpen] = React.useState(false);
+  const [isCreateWorkflowOpen, setIsCreateWorkflowOpen] = React.useState(false);
   const membersQuery = useChannelMembersQuery(channel.id);
   const providersQuery = useAcpProvidersQuery();
   const backendProvidersQuery = useBackendProvidersQuery();
@@ -111,6 +113,7 @@ export function ChannelMembersBar({
 
     previousChannelIdRef.current = channel.id;
     setIsAddBotOpen(false);
+    setIsCreateWorkflowOpen(false);
   }, [channel.id]);
 
   const dialogErrorMessage =
@@ -154,6 +157,21 @@ export function ChannelMembersBar({
           <Plus className="h-4 w-4" />
         </Button>
 
+        <Button
+          aria-label="Create workflow"
+          className="h-9 w-9 rounded-full"
+          data-testid="channel-create-workflow-trigger"
+          disabled={!canAddAgents}
+          onClick={() => {
+            setIsCreateWorkflowOpen(true);
+          }}
+          size="icon"
+          type="button"
+          variant="outline"
+        >
+          <Zap className="h-4 w-4" />
+        </Button>
+
         <Button
           aria-label="Manage channel"
           className="h-9 w-9 rounded-full"
@@ -167,6 +185,12 @@ export function ChannelMembersBar({
         </Button>
       </div>
 
+      <CreateWorkflowDialog
+        channels={[channel]}
+        onOpenChange={setIsCreateWorkflowOpen}
+        open={isCreateWorkflowOpen}
+      />
+
       <AddChannelBotDialog
         backendProviders={backendProvidersQuery.data ?? []}
         backendProvidersLoading={backendProvidersQuery.isLoading}