Update parameter hint (#1628)

This commit is contained in:
Shuchang Zheng
2025-01-24 00:45:48 +08:00
committed by GitHub
parent 99adf68444
commit a7752de6a9
16 changed files with 224 additions and 141 deletions

View File

@@ -3,13 +3,6 @@ import { cn } from "@/util/utils";
import { AutoResizingTextarea } from "./AutoResizingTextarea/AutoResizingTextarea";
import { Popover, PopoverContent, PopoverTrigger } from "./ui/popover";
import { WorkflowBlockParameterSelect } from "@/routes/workflows/editor/nodes/WorkflowBlockParameterSelect";
import {
Tooltip,
TooltipContent,
TooltipProvider,
TooltipTrigger,
} from "./ui/tooltip";
import { useEdges, useNodes } from "@xyflow/react";
type Props = Omit<
React.ComponentProps<typeof AutoResizingTextarea>,
@@ -17,32 +10,10 @@ type Props = Omit<
> & {
onChange: (value: string) => void;
nodeId: string;
isFirstInputInNode?: boolean;
};
function WorkflowBlockInputTextarea(props: Props) {
const { nodeId, onChange, ...textAreaProps } = props;
const edges = useEdges();
const nodes = useNodes();
function isInsideFirstNode() {
const node = nodes.find((node) => node.id === nodeId);
if (!node) {
return;
}
const incomingEdge = edges.find((edge) => edge.target === node.id);
if (!incomingEdge) {
return;
}
const source = incomingEdge.source;
const sourceNode = nodes.find((node) => node.id === source);
if (!sourceNode) {
return;
}
return !node.parentId && sourceNode.type === "start";
}
const showInputTooltip = isInsideFirstNode() && props.isFirstInputInNode;
return (
<div className="relative">
@@ -55,18 +26,11 @@ function WorkflowBlockInputTextarea(props: Props) {
/>
<div className="absolute right-0 top-0 flex size-9 cursor-pointer items-center justify-center">
<Popover>
<TooltipProvider>
<Tooltip open={showInputTooltip}>
<TooltipTrigger asChild>
<PopoverTrigger asChild>
<div className="rounded p-1 hover:bg-muted">
<PlusIcon className="size-4" />
</div>
</PopoverTrigger>
</TooltipTrigger>
<TooltipContent>Add parameters using the + button</TooltipContent>
</Tooltip>
</TooltipProvider>
<PopoverTrigger asChild>
<div className="rounded p-1 hover:bg-muted">
<PlusIcon className="size-4" />
</div>
</PopoverTrigger>
<PopoverContent>
<WorkflowBlockParameterSelect
nodeId={nodeId}