fix: Refactor: Convert repository structure from technical layers to Domain-Driven Design (DDD) (#9108)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

src/components/sidebar/tabs/usePerTabState.ts

@@ -0,0 +1,14 @@
+import type { Ref } from 'vue'
+import { computed } from 'vue'
+
+export function usePerTabState<K extends string, V>(
+  selectedTab: Ref<K>,
+  stateByTab: Ref<Record<K, V>>
+) {
+  return computed({
+    get: () => stateByTab.value[selectedTab.value],
+    set: (value) => {
+      stateByTab.value[selectedTab.value] = value
+    }
+  })
+}