fix(headless/tabs): restored dynamic handling

Author: shairez

packages/kit-headless/src/components/tabs/tab.tsx

@@ -11,7 +11,7 @@ import {
 } from '@builder.io/qwik';
 import { tabsContextId } from './tabs-context-id';
 import { KeyCode } from '../../utils/key-code.type';
-import { isServer } from '@builder.io/qwik/build';
+import { isBrowser, isServer } from '@builder.io/qwik/build';
 
 export interface TabProps {
   onClick?: PropFunction<() => void>;
@@ -26,12 +26,18 @@ export const Tab = component$((props: TabProps) => {
   const serverAssignedIndexSig = useSignal<number | undefined>(undefined);
   const uniqueId = useId();
 
-  useTask$(() => {
+  useTask$(({ cleanup }) => {
     if (isServer) {
       serverAssignedIndexSig.value =
         contextService.lastAssignedTabIndexSig.value;
       contextService.lastAssignedTabIndexSig.value++;
     }
+    if (isBrowser) {
+      contextService.onTabsChanged$();
+    }
+    cleanup(() => {
+      contextService.onTabsChanged$();
+    });
   });
 
   useTask$(({ track }) => {

packages/kit-headless/src/components/tabs/tabs-panel.tsx

@@ -8,7 +8,7 @@ import {
   useSignal,
 } from '@builder.io/qwik';
 import { tabsContextId } from './tabs-context-id';
-import { isServer } from '@builder.io/qwik/build';
+import { isBrowser, isServer } from '@builder.io/qwik/build';
 
 export interface TabPanelProps {
   class?: string;
@@ -25,12 +25,18 @@ export const TabPanel = component$(({ ...props }: TabPanelProps) => {
     () => contextService.tabPanelsMap[panelUID]?.tabId
   );
 
-  useTask$(() => {
+  useTask$(({ cleanup }) => {
     if (isServer) {
       serverAssignedIndexSig.value =
         contextService.lastAssignedPanelIndexSig.value;
       contextService.lastAssignedPanelIndexSig.value++;
     }
+    if (isBrowser) {
+      contextService.onTabsChanged$();
+    }
+    cleanup(() => {
+      contextService.onTabsChanged$();
+    });
   });
 
   const isSelectedSignal = useComputed$(() => {