chore(docs): archive quickcommands double-click tooltip implementation

move quickcommands-double-click-tooltip records from plan to archive and
mark status as completed. update changelog, archive index, and frontend
module documentation to reflect the finalized interaction change and
traceability metadata

packages/frontend/src/views/ConnectionsView.vue

@@ -3,6 +3,7 @@ import { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue';
 import AddConnectionForm from '../components/AddConnectionForm.vue';
 import BatchEditConnectionForm from '../components/BatchEditConnectionForm.vue';
 import LoginCredentialManagementModal from '../components/LoginCredentialManagementModal.vue';
+import ManageConnectionTagsModal from '../components/ManageConnectionTagsModal.vue';
 import { useConnectionsStore } from '../stores/connections.store';
 import { useProxiesStore } from '../stores/proxies.store';
 import { useSessionStore } from '../stores/session.store';
@@ -97,6 +98,7 @@ const tagsSectionExpanded = ref(true);
 const showAddEditConnectionForm = ref(false);
 const connectionToEdit = ref<ConnectionInfo | null>(null);
 const showLoginCredentialManagement = ref(false);
+const showTagManagement = ref(false);
 
 const isBatchEditMode = ref(false);
 const selectedConnectionIdsForBatch = ref<Set<number>>(new Set());
@@ -400,6 +402,22 @@ const visibleTagTreeNodes = computed<TagTreeNode[]>(() => {
   return rows;
 });
 
+const availableScopeIds = computed(() => {
+  const ids = new Set<ScopeId>(['all', 'untagged']);
+
+  const walkNodes = (nodes: TagTreeNode[]) => {
+    nodes.forEach((node) => {
+      ids.add(node.id);
+      if (node.children.length > 0) {
+        walkNodes(node.children);
+      }
+    });
+  };
+
+  walkNodes(tagTreeNodes.value);
+  return ids;
+});
+
 const expandableTreeNodeIds = computed<ScopeId[]>(() => {
   const ids: ScopeId[] = [];
 
@@ -723,6 +741,16 @@ watch([selectedScope, activeTypeFilter, searchQuery], () => {
   }
 });
 
+watch(
+  tagTreeNodes,
+  () => {
+    if (!availableScopeIds.value.has(selectedScope.value)) {
+      selectedScope.value = 'all';
+    }
+  },
+  { deep: true },
+);
+
 const selectScope = (scopeId: ScopeId) => {
   selectedScope.value = scopeId;
 };
@@ -822,6 +850,13 @@ const handleConnectionModified = async () => {
   await connectionsStore.fetchConnections();
 };
 
+const handleTagsDeleted = () => {
+  showTagManagement.value = false;
+  if (!availableScopeIds.value.has(selectedScope.value)) {
+    selectedScope.value = 'all';
+  }
+};
+
 const toggleBatchEditMode = () => {
   isBatchEditMode.value = !isBatchEditMode.value;
   if (!isBatchEditMode.value) {
@@ -1288,6 +1323,14 @@ onBeforeUnmount(() => {
                     <i class="fas fa-plus"></i>
                     <span>{{ t('connections.addConnection', '新增连接') }}</span>
                   </button>
+                  <button
+                    @click="showTagManagement = true"
+                    class="h-11 px-4 rounded-xl border border-border bg-background text-foreground hover:bg-border transition-colors inline-flex items-center gap-2"
+                    :title="t('connections.tagManagement.openButton', '标签管理')"
+                  >
+                    <i class="fas fa-tags"></i>
+                    <span>{{ t('connections.tagManagement.openButton', '标签管理') }}</span>
+                  </button>
                   <button
                     @click="showLoginCredentialManagement = true"
                     class="h-11 px-4 rounded-xl border border-border bg-background text-foreground hover:bg-border transition-colors inline-flex items-center gap-2"
@@ -1632,6 +1675,13 @@ onBeforeUnmount(() => {
         v-if="showLoginCredentialManagement"
         @close="showLoginCredentialManagement = false"
       />
+
+      <ManageConnectionTagsModal
+        v-if="showTagManagement"
+        :visible="showTagManagement"
+        @update:visible="showTagManagement = $event"
+        @deleted="handleTagsDeleted"
+      />
     </div>
   </div>
 </template>