fix: options value in the element selector

src/components/content/shared/SharedElementSelector.vue

@@ -117,8 +117,8 @@ function getElementRectWithOffset(
   }
   if (withElOptions && element.tagName === 'SELECT') {
     rect.options = Array.from(element.querySelectorAll('option')).map((el) => ({
+      value: el.value,
       name: el.innerText,
-      value: el.textContent,
     }));
   }
 

src/popup/pages/Home.vue

@@ -10,6 +10,16 @@
     <div class="flex items-center mb-4">
       <h1 class="text-xl font-semibold text-white">Automa</h1>
       <div class="flex-grow"></div>
+      <ui-button
+        v-tooltip.group="
+          'Start recording by opening the dashboard. Click to learn more'
+        "
+        icon
+        class="mr-2"
+        @click="openDocs"
+      >
+        <v-remixicon name="riRecordCircleLine" />
+      </ui-button>
       <ui-button
         v-tooltip.group="
           t(`home.elementSelector.${state.haveAccess ? 'name' : 'noAccess'}`)
@@ -51,7 +61,7 @@
       <ui-tab v-if="hostedWorkflowStore.toArray.length > 0" value="host">
         {{ t(`home.workflow.type.host`) }}
       </ui-tab>
-      <ui-tab v-if="userStore.user?.teams" value="team"> Teams </ui-tab>
+      <ui-tab v-if="userStore.user?.teams?.length" value="team"> Teams </ui-tab>
     </ui-tabs>
   </div>
   <home-team-workflows
@@ -211,9 +221,16 @@ const workflows = computed(() =>
   state.activeTab === 'local' ? localWorkflows.value : hostedWorkflows.value
 );
 const showTab = computed(
-  () => hostedWorkflowStore.toArray.length > 0 || userStore.user?.teams
+  () =>
+    hostedWorkflowStore.toArray.length > 0 || userStore.user?.teams?.length > 0
 );
 
+function openDocs() {
+  window.open(
+    'https://docs.automa.site/guide/quick-start.html#recording-actions',
+    '_blank'
+  );
+}
 function closeSettingsPopup() {
   state.showSettingsPopup = false;
   localStorage.setItem('settingsPopup', false);