vikarti.anatra/Skyvern
1
0
Fork 0
mirror of https://github.com/Skyvern-AI/skyvern.git synced 2026-04-28 03:30:10 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

fix: hide parameter insert popover and AI improve button on disabled textarea (#5298)
Some checks are pending
Run tests and pre-commit / Run tests and pre-commit hooks (push) Waiting to run
Details
Run tests and pre-commit / Frontend Lint and Build (push) Waiting to run
Details
Publish Fern Docs / run (push) Waiting to run
Details

Browse source
This commit is contained in:
Celal Zamanoğlu 2026-03-31 00:53:54 +03:00 • committed by GitHub
parent 7d19332726
commit b5c3703eb7
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 35 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

64
skyvern-frontend/src/components/WorkflowBlockInputTextarea.tsx
View file

@ -26,7 +26,7 @@ type Props = Omit<
};
function WorkflowBlockInputTextarea(props: Props) {
const { aiImprove, nodeId, onChange, ...textAreaProps } = props;
const { aiImprove, nodeId, onChange, disabled, ...textAreaProps } = props;
const [internalValue, setInternalValue] = useState(props.value ?? "");
const textareaRef = useRef<HTMLTextAreaElement>(null);
const [cursorPosition, setCursorPosition] = useState<{
@ -104,6 +104,7 @@ function WorkflowBlockInputTextarea(props: Props) {
<div className="relative">
<AutoResizingTextarea
{...textAreaProps}
disabled={disabled}
value={internalValue}
ref={textareaRef}
onBlur={() => {
@ -126,7 +127,10 @@ function WorkflowBlockInputTextarea(props: Props) {
}
}}
onSelect={handleTextareaSelect}
className={cn(`${aiImprove ? "pr-12" : "pr-9"}`, props.className)}
className={cn(
!disabled && (aiImprove ? "pr-12" : "pr-9"),
props.className,
)}
/>
<ParameterGhostText
ghostText={autocomplete.ghostText}
@ -143,35 +147,37 @@ function WorkflowBlockInputTextarea(props: Props) {
onDismiss={autocomplete.dismiss}
/>
<div className="absolute right-1 top-0 flex size-9 items-center justify-end">
<div className="flex items-center justify-center gap-1">
{aiImprove && (
<ImprovePrompt
context={aiImprove.context}
isVisible={Boolean(internalValue.trim())}
size="small"
prompt={internalValue}
onImprove={(prompt) => handleOnChange(prompt)}
useCase={aiImprove.useCase}
/>
)}
<div className="cursor-pointer">
<Popover>
<PopoverTrigger asChild>
<div className="rounded p-1 hover:bg-muted">
<PlusIcon className="size-4" />
</div>
</PopoverTrigger>
<PopoverContent className="w-fit max-w-sm">
<WorkflowBlockParameterSelect
nodeId={nodeId}
onAdd={insertParameterAtCursor}
/>
</PopoverContent>
</Popover>
{!disabled && (
<div className="absolute right-1 top-0 flex size-9 items-center justify-end">
<div className="flex items-center justify-center gap-1">
{aiImprove && (
<ImprovePrompt
context={aiImprove.context}
isVisible={Boolean(internalValue.trim())}
size="small"
prompt={internalValue}
onImprove={(prompt) => handleOnChange(prompt)}
useCase={aiImprove.useCase}
/>
)}
<div className="cursor-pointer">
<Popover>
<PopoverTrigger asChild>
<div className="rounded p-1 hover:bg-muted">
<PlusIcon className="size-4" />
</div>
</PopoverTrigger>
<PopoverContent className="w-fit max-w-sm">
<WorkflowBlockParameterSelect
nodeId={nodeId}
onAdd={insertParameterAtCursor}
/>
</PopoverContent>
</Popover>
</div>
</div>
</div>
</div>
)}
</div>
);
}