vodorod/Dorod-Sky
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Help tooltips for Bitwarden and Azure Vault credential types (#4447)

Browse Source
This commit is contained in:
Celal Zamanoglu
2026-01-14 20:05:03 +03:00
committed by GitHub
parent 40a743e5ca
commit f7970bab32
1 changed files with 34 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
skyvern-frontend/src/routes/workflows/editor/panels/WorkflowParameterEditPanel.tsx
View File

@@ -337,23 +337,34 @@ function WorkflowParameterEditPanel({
{type === "credential" && credentialType === "bitwarden" && ( {type === "credential" && credentialType === "bitwarden" && (
<> <>
<div className="space-y-1"> <div className="space-y-1">
<Label className="text-xs text-slate-300"> <div className="flex gap-2">
URL Parameter Key <Label className="text-xs text-slate-300">
</Label> URL Parameter Key
</Label>
<HelpTooltip content="Optional. The workflow parameter key that holds the URL. If provided, Skyvern will match the credential based on this URL." />
</div>
<Input <Input
value={urlParameterKey} value={urlParameterKey}
onChange={(e) => setUrlParameterKey(e.target.value)} onChange={(e) => setUrlParameterKey(e.target.value)}
/> />
</div> </div>
<div className="space-y-1"> <div className="space-y-1">
<Label className="text-xs text-slate-300">Collection ID</Label> <div className="flex gap-2">
<Label className="text-xs text-slate-300">
Collection ID
</Label>
<HelpTooltip content="The Bitwarden collection ID. You can find this in the URL when viewing a collection in Bitwarden." />
</div>
<Input <Input
value={bitwardenCollectionId} value={bitwardenCollectionId}
onChange={(e) => setBitwardenCollectionId(e.target.value)} onChange={(e) => setBitwardenCollectionId(e.target.value)}
/> />
</div> </div>
<div className="space-y-1"> <div className="space-y-1">
<Label className="text-xs text-slate-300">Item ID</Label> <div className="flex gap-2">
<Label className="text-xs text-slate-300">Item ID</Label>
<HelpTooltip content="The Bitwarden item ID. You can find this in the URL when viewing the item in Bitwarden." />
</div>
<Input <Input
value={bitwardenLoginCredentialItemId} value={bitwardenLoginCredentialItemId}
onChange={(e) => onChange={(e) =>
@@ -397,14 +408,20 @@ function WorkflowParameterEditPanel({
{type === "credential" && credentialType === "azurevault" && ( {type === "credential" && credentialType === "azurevault" && (
<> <>
<div className="space-y-1"> <div className="space-y-1">
<Label className="text-xs text-slate-300">Vault Name</Label> <div className="flex gap-2">
<Label className="text-xs text-slate-300">Vault Name</Label>
<HelpTooltip content="The name of your Azure Key Vault instance." />
</div>
<Input <Input
value={azureVaultName} value={azureVaultName}
onChange={(e) => setAzureVaultName(e.target.value)} onChange={(e) => setAzureVaultName(e.target.value)}
/> />
</div> </div>
<div className="space-y-1"> <div className="space-y-1">
<Label className="text-xs text-slate-300">Username Key</Label> <div className="flex gap-2">
<Label className="text-xs text-slate-300">Username Key</Label>
<HelpTooltip content="The secret name in Azure Key Vault that stores the username." />
</div>
<Input <Input
autoComplete="off" autoComplete="off"
value={azureUsernameKey} value={azureUsernameKey}
@@ -412,16 +429,22 @@ function WorkflowParameterEditPanel({
/> />
</div> </div>
<div className="space-y-1"> <div className="space-y-1">
<Label className="text-xs text-slate-300">Password Key</Label> <div className="flex gap-2">
<Label className="text-xs text-slate-300">Password Key</Label>
<HelpTooltip content="The secret name in Azure Key Vault that stores the password." />
</div>
<Input <Input
value={azurePasswordKey} value={azurePasswordKey}
onChange={(e) => setAzurePasswordKey(e.target.value)} onChange={(e) => setAzurePasswordKey(e.target.value)}
/> />
</div> </div>
<div className="space-y-1"> <div className="space-y-1">
<Label className="text-xs text-slate-300"> <div className="flex gap-2">
TOTP Secret Key <Label className="text-xs text-slate-300">
</Label> TOTP Secret Key
</Label>
<HelpTooltip content="Optional. The secret name in Azure Key Vault that stores the TOTP secret for two-factor authentication." />
</div>
<Input <Input
value={azureTotpSecretKey} value={azureTotpSecretKey}
onChange={(e) => setAzureTotpKey(e.target.value)} onChange={(e) => setAzureTotpKey(e.target.value)}