feat: improve blocks configuration UI interaction

- make CSS/XPath selector to resizable textarea with auto fit to content height,
  instead of a narrow one-line input
- make block options expanded by default, for show clear what options are available/modified between switching blocks

src/components/newtab/workflow/edit/EditInteractionBase.vue

@@ -29,11 +29,11 @@
         />
       </div>
       <edit-autocomplete v-if="!hideSelector" class="mb-1">
-        <ui-input
+        <ui-textarea
           v-if="!hideSelector"
           :model-value="data.selector"
           :placeholder="t('workflow.blocks.base.selector')"
-          autocomplete="off"
+          autoresize
           class="w-full"
           @change="updateData({ selector: $event })"
         />

src/components/ui/UiExpand.vue

@@ -31,7 +31,7 @@ import { watch, ref } from 'vue';
 const props = defineProps({
   modelValue: {
     type: Boolean,
-    default: false,
+    default: true,
   },
   panelClass: {
     type: String,

src/components/ui/UiTextarea.vue

@@ -5,7 +5,6 @@
     ref="textarea"
     :value="modelValue"
     class="ui-textarea ui-input bg-input w-full rounded-lg px-4 py-2 transition"
-    :class="{ 'overflow-hidden resize-none': autoresize }"
     @input="emitValue"
     @keyup="$emit('keyup', $event)"
     @keydown="$emit('keydown', $event)"