Variables in pair editor

src-tauri/tauri.conf.json

@@ -1,6 +1,6 @@
 {
   "productName": "yaak",
-  "version": "2024.6.0",
+  "version": "2024.6.1",
   "identifier": "app.yaak.desktop",
   "build": {
     "beforeBuildCommand": "npm run build",

src-web/components/ToastContext.tsx

@@ -67,7 +67,7 @@ export const ToastProvider = ({ children }: { children: React.ReactNode }) => {
     <ToastContext.Provider value={state}>
       {children}
       <Portal name="toasts">
-        <div className="absolute right-0 bottom-0">
+        <div className="absolute right-0 bottom-0 z-10">
           <AnimatePresence>
             {toasts.map((props: PrivateToastEntry) => (
               <ToastInstance key={props.id} {...props} />

src-web/components/core/BulkPairEditor.tsx

@@ -2,12 +2,7 @@ import { useCallback, useMemo } from 'react';
 import { Editor } from './Editor';
 import type { PairEditorProps } from './PairEditor';
 
-type Props = Pick<
-  PairEditorProps,
-  'onChange' | 'pairs' | 'namePlaceholder' | 'valuePlaceholder'
-> & {
-  foo?: string;
-};
+type Props = PairEditorProps;
 
 export function BulkPairEditor({ pairs, onChange, namePlaceholder, valuePlaceholder }: Props) {
   const pairsText = useMemo(() => {
@@ -30,6 +25,8 @@ export function BulkPairEditor({ pairs, onChange, namePlaceholder, valuePlacehol
 
   return (
     <Editor
+      useTemplating
+      autocompleteVariables
       placeholder={`${namePlaceholder ?? 'name'}: ${valuePlaceholder ?? 'value'}`}
       defaultValue={pairsText}
       contentType="pairs"