feat: move workflow param form to invoke button on inital trigger

obot-platform · Nov 22, 2024 · c072793 · c072793
1 parent 0711a79
commit c072793
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/ui/admin/app/components/chat/Chat.tsx b/ui/admin/app/components/chat/Chat.tsx
@@ -58,6 +58,9 @@ export function Chat({ className }: ChatProps) {
                         className={cn({
                             "w-full": threadId,
                         })}
+                        popoverContentProps={{
+                            sideOffset: !threadId ? -150 : undefined,
+                        }}
                         loading={isInvoking || isRunning}
                         disabled={isInvoking || isRunning}
                     >

diff --git a/ui/admin/app/components/chat/RunWorkflow.tsx b/ui/admin/app/components/chat/RunWorkflow.tsx
@@ -1,4 +1,4 @@
-import { useState } from "react";
+import { ComponentProps, useState } from "react";
 import useSWR from "swr";
 
 import { WorkflowService } from "~/lib/service/api/workflowService";
@@ -14,6 +14,7 @@ import {
 type RunWorkflowProps = {
     onSubmit: (params?: Record<string, string>) => void;
     workflowId: string;
+    popoverContentProps?: ComponentProps<typeof PopoverContent>;
 };
 
 export function RunWorkflow({
@@ -49,12 +50,16 @@ export function RunWorkflow({
                     {...props}
                     disabled={props.disabled || open || isLoading}
                     loading={props.loading || isLoading}
+                    onClick={() => setOpen((prev) => !prev)}
                 >
                     Run Workflow
                 </Button>
             </PopoverTrigger>
 
-            <PopoverContent className="min-w-full" side="bottom" align="center">
+            <PopoverContent
+                {...props.popoverContentProps}
+                className="min-w-full"
+            >
                 <RunWorkflowForm
                     params={params}
                     onSubmit={(params) => {