support open browser

src/App.vue

@@ -14,7 +14,10 @@ const {
   extensionMonogram,
   extensionProfilesExpanded,
   extensionSortKey,
+  isOpeningProfile,
   loading,
+  openProfileError,
+  openBrowserProfile,
   profileSortKey,
   scanBrowsers,
   sectionCount,
@@ -109,6 +112,10 @@ const {
 
         <div class="content-scroll-area">
           <section v-if="activeSection === 'profiles'" class="content-section">
+            <div v-if="openProfileError" class="inline-error">
+              {{ openProfileError }}
+            </div>
+
             <div class="sort-bar">
               <SortDropdown
                 v-model="profileSortKey"
@@ -138,7 +145,21 @@ const {
                 <div class="profile-body">
                   <div class="profile-topline">
                     <h4>{{ profile.name }}</h4>
-                    <span class="badge neutral">{{ profile.id }}</span>
+                    <div class="profile-actions">
+                      <button
+                        class="card-action-button"
+                        :disabled="isOpeningProfile(currentBrowser.browserId, profile.id)"
+                        type="button"
+                        @click="openBrowserProfile(currentBrowser.browserId, profile.id)"
+                      >
+                        {{
+                          isOpeningProfile(currentBrowser.browserId, profile.id)
+                            ? "Opening..."
+                            : "Open"
+                        }}
+                      </button>
+                      <span class="badge neutral">{{ profile.id }}</span>
+                    </div>
                   </div>
                   <p class="profile-email">{{ profile.email || "No email found" }}</p>
                 </div>