react-native-debug-toolkit 3.3.8 → 3.5.0

package/lib/commonjs/ui/panel/FeatureTabBar.js

@@ -1,182 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FeatureTabBar = FeatureTabBar;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _colors = require("../theme/colors");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function FeatureTabBar({
-  tabs,
-  activeIndex,
-  onSelectTab
-}) {
-  const [underlineWidth, setUnderlineWidth] = (0, _react.useState)(0);
-  const underlineTranslateX = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
-  const tabScrollViewRef = (0, _react.useRef)(null);
-  const tabLayouts = (0, _react.useRef)([]);
-  const tabScrollOffset = (0, _react.useRef)(0);
-  const tabViewportWidth = (0, _react.useRef)(0);
-  const tabContentWidth = (0, _react.useRef)(0);
-  const underlineInit = (0, _react.useRef)(false);
-  const isSwitching = (0, _react.useRef)(false);
-  const maxTabScroll = (0, _react.useCallback)(() => Math.max(0, tabContentWidth.current - tabViewportWidth.current), []);
-  const clampScroll = (0, _react.useCallback)(offset => Math.min(Math.max(0, offset), maxTabScroll()), [maxTabScroll]);
-  const getTabScrollTarget = (0, _react.useCallback)(index => {
-    const layout = tabLayouts.current[index];
-    return layout ? clampScroll(layout.x - 60) : clampScroll(tabScrollOffset.current);
-  }, [clampScroll]);
-  const animateUnderline = (0, _react.useCallback)((index, scrollOffset) => {
-    const layout = tabLayouts.current[index];
-    if (!layout) return;
-    const offsetX = clampScroll(scrollOffset ?? tabScrollOffset.current);
-    setUnderlineWidth(layout.width);
-    _reactNative.Animated.spring(underlineTranslateX, {
-      toValue: layout.x - offsetX,
-      friction: 7,
-      tension: 50,
-      useNativeDriver: true
-    }).start();
-  }, [clampScroll, underlineTranslateX]);
-  const syncUnderlineToActiveTab = (0, _react.useCallback)(() => {
-    const layout = tabLayouts.current[activeIndex];
-    if (!layout) return;
-    const clamped = clampScroll(tabScrollOffset.current);
-    if (clamped !== tabScrollOffset.current) tabScrollOffset.current = clamped;
-    underlineTranslateX.setValue(layout.x - clamped);
-    setUnderlineWidth(layout.width);
-  }, [activeIndex, clampScroll, underlineTranslateX]);
-  const tryInit = (0, _react.useCallback)(() => {
-    if (underlineInit.current || tabViewportWidth.current <= 0 || tabContentWidth.current <= 0) return;
-    const layout = tabLayouts.current[activeIndex];
-    if (!layout) return;
-    const target = getTabScrollTarget(activeIndex);
-    tabScrollOffset.current = target;
-    tabScrollViewRef.current?.scrollTo({
-      x: target,
-      animated: false
-    });
-    underlineTranslateX.setValue(layout.x - target);
-    setUnderlineWidth(layout.width);
-    underlineInit.current = true;
-  }, [activeIndex, getTabScrollTarget, underlineTranslateX]);
-  const handleSelectTab = (0, _react.useCallback)(index => {
-    if (isSwitching.current || index === activeIndex) return;
-    isSwitching.current = true;
-    const layout = tabLayouts.current[index];
-    if (layout) {
-      const target = getTabScrollTarget(index);
-      tabScrollOffset.current = target;
-      tabScrollViewRef.current?.scrollTo({
-        x: target,
-        animated: true
-      });
-      animateUnderline(index, target);
-    }
-    onSelectTab(index);
-    setTimeout(() => {
-      isSwitching.current = false;
-    }, 350);
-  }, [activeIndex, animateUnderline, getTabScrollTarget, onSelectTab]);
-
-  // React to external activeIndex changes (e.g. swipe-to-switch)
-  (0, _react.useEffect)(() => {
-    if (!underlineInit.current) return;
-    const layout = tabLayouts.current[activeIndex];
-    if (!layout) return;
-    const target = getTabScrollTarget(activeIndex);
-    tabScrollOffset.current = target;
-    tabScrollViewRef.current?.scrollTo({
-      x: target,
-      animated: true
-    });
-    animateUnderline(activeIndex, target);
-  }, [activeIndex, animateUnderline, getTabScrollTarget]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.container,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
-      ref: tabScrollViewRef,
-      horizontal: true,
-      showsHorizontalScrollIndicator: false,
-      contentContainerStyle: styles.scrollContent,
-      onLayout: e => {
-        tabViewportWidth.current = e.nativeEvent.layout.width;
-        tryInit();
-      },
-      onContentSizeChange: width => {
-        tabContentWidth.current = width;
-        tryInit();
-      },
-      onScroll: e => {
-        tabScrollOffset.current = clampScroll(e.nativeEvent.contentOffset.x);
-        if (!isSwitching.current) syncUnderlineToActiveTab();
-      },
-      scrollEventThrottle: 16,
-      children: tabs.map((tab, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-        style: styles.tab,
-        onPress: () => handleSelectTab(index),
-        activeOpacity: 0.7,
-        onLayout: e => {
-          const {
-            x,
-            width
-          } = e.nativeEvent.layout;
-          tabLayouts.current[index] = {
-            x,
-            width
-          };
-          if (index === activeIndex) tryInit();
-        },
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.tabText, activeIndex === index && styles.activeTabText],
-          numberOfLines: 1,
-          children: tab.label
-        })
-      }, tab.id))
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
-      style: [styles.underline, {
-        width: underlineWidth,
-        transform: [{
-          translateX: underlineTranslateX
-        }]
-      }]
-    })]
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    backgroundColor: _colors.Colors.surface,
-    borderBottomWidth: _reactNative.StyleSheet.hairlineWidth,
-    borderBottomColor: _colors.Colors.border
-  },
-  scrollContent: {
-    paddingHorizontal: 20,
-    flexDirection: 'row'
-  },
-  tab: {
-    paddingVertical: 10,
-    paddingHorizontal: 14,
-    marginRight: 8
-  },
-  tabText: {
-    fontSize: 14,
-    fontWeight: '500',
-    color: _colors.Colors.textLight
-  },
-  activeTabText: {
-    color: _colors.Colors.primary,
-    fontWeight: '600'
-  },
-  underline: {
-    position: 'absolute',
-    bottom: 0,
-    left: 0,
-    height: 2.5,
-    borderRadius: 1.25,
-    backgroundColor: _colors.Colors.primary
-  }
-});
-//# sourceMappingURL=FeatureTabBar.js.map

package/lib/commonjs/ui/panel/FeatureTabBar.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_colors","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FeatureTabBar","tabs","activeIndex","onSelectTab","underlineWidth","setUnderlineWidth","useState","underlineTranslateX","useRef","Animated","Value","current","tabScrollViewRef","tabLayouts","tabScrollOffset","tabViewportWidth","tabContentWidth","underlineInit","isSwitching","maxTabScroll","useCallback","Math","max","clampScroll","offset","min","getTabScrollTarget","index","layout","x","animateUnderline","scrollOffset","offsetX","width","spring","toValue","friction","tension","useNativeDriver","start","syncUnderlineToActiveTab","clamped","setValue","tryInit","target","scrollTo","animated","handleSelectTab","setTimeout","useEffect","jsxs","View","style","styles","container","children","jsx","ScrollView","ref","horizontal","showsHorizontalScrollIndicator","contentContainerStyle","scrollContent","onLayout","nativeEvent","onContentSizeChange","onScroll","contentOffset","scrollEventThrottle","map","tab","TouchableOpacity","onPress","activeOpacity","Text","tabText","activeTabText","numberOfLines","label","id","underline","transform","translateX","StyleSheet","create","backgroundColor","Colors","surface","borderBottomWidth","hairlineWidth","borderBottomColor","border","paddingHorizontal","flexDirection","paddingVertical","marginRight","fontSize","fontWeight","color","textLight","primary","position","bottom","left","height","borderRadius"],"sourceRoot":"../../../../src","sources":["ui/panel/FeatureTabBar.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/panel/FeatureTabBar.js

@@ -1,177 +0,0 @@
-"use strict";
-
-import React, { useCallback, useEffect, useRef, useState } from 'react';
-import { View, Text, StyleSheet, Animated, ScrollView, TouchableOpacity } from 'react-native';
-import { Colors } from '../theme/colors';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function FeatureTabBar({
-  tabs,
-  activeIndex,
-  onSelectTab
-}) {
-  const [underlineWidth, setUnderlineWidth] = useState(0);
-  const underlineTranslateX = useRef(new Animated.Value(0)).current;
-  const tabScrollViewRef = useRef(null);
-  const tabLayouts = useRef([]);
-  const tabScrollOffset = useRef(0);
-  const tabViewportWidth = useRef(0);
-  const tabContentWidth = useRef(0);
-  const underlineInit = useRef(false);
-  const isSwitching = useRef(false);
-  const maxTabScroll = useCallback(() => Math.max(0, tabContentWidth.current - tabViewportWidth.current), []);
-  const clampScroll = useCallback(offset => Math.min(Math.max(0, offset), maxTabScroll()), [maxTabScroll]);
-  const getTabScrollTarget = useCallback(index => {
-    const layout = tabLayouts.current[index];
-    return layout ? clampScroll(layout.x - 60) : clampScroll(tabScrollOffset.current);
-  }, [clampScroll]);
-  const animateUnderline = useCallback((index, scrollOffset) => {
-    const layout = tabLayouts.current[index];
-    if (!layout) return;
-    const offsetX = clampScroll(scrollOffset ?? tabScrollOffset.current);
-    setUnderlineWidth(layout.width);
-    Animated.spring(underlineTranslateX, {
-      toValue: layout.x - offsetX,
-      friction: 7,
-      tension: 50,
-      useNativeDriver: true
-    }).start();
-  }, [clampScroll, underlineTranslateX]);
-  const syncUnderlineToActiveTab = useCallback(() => {
-    const layout = tabLayouts.current[activeIndex];
-    if (!layout) return;
-    const clamped = clampScroll(tabScrollOffset.current);
-    if (clamped !== tabScrollOffset.current) tabScrollOffset.current = clamped;
-    underlineTranslateX.setValue(layout.x - clamped);
-    setUnderlineWidth(layout.width);
-  }, [activeIndex, clampScroll, underlineTranslateX]);
-  const tryInit = useCallback(() => {
-    if (underlineInit.current || tabViewportWidth.current <= 0 || tabContentWidth.current <= 0) return;
-    const layout = tabLayouts.current[activeIndex];
-    if (!layout) return;
-    const target = getTabScrollTarget(activeIndex);
-    tabScrollOffset.current = target;
-    tabScrollViewRef.current?.scrollTo({
-      x: target,
-      animated: false
-    });
-    underlineTranslateX.setValue(layout.x - target);
-    setUnderlineWidth(layout.width);
-    underlineInit.current = true;
-  }, [activeIndex, getTabScrollTarget, underlineTranslateX]);
-  const handleSelectTab = useCallback(index => {
-    if (isSwitching.current || index === activeIndex) return;
-    isSwitching.current = true;
-    const layout = tabLayouts.current[index];
-    if (layout) {
-      const target = getTabScrollTarget(index);
-      tabScrollOffset.current = target;
-      tabScrollViewRef.current?.scrollTo({
-        x: target,
-        animated: true
-      });
-      animateUnderline(index, target);
-    }
-    onSelectTab(index);
-    setTimeout(() => {
-      isSwitching.current = false;
-    }, 350);
-  }, [activeIndex, animateUnderline, getTabScrollTarget, onSelectTab]);
-
-  // React to external activeIndex changes (e.g. swipe-to-switch)
-  useEffect(() => {
-    if (!underlineInit.current) return;
-    const layout = tabLayouts.current[activeIndex];
-    if (!layout) return;
-    const target = getTabScrollTarget(activeIndex);
-    tabScrollOffset.current = target;
-    tabScrollViewRef.current?.scrollTo({
-      x: target,
-      animated: true
-    });
-    animateUnderline(activeIndex, target);
-  }, [activeIndex, animateUnderline, getTabScrollTarget]);
-  return /*#__PURE__*/_jsxs(View, {
-    style: styles.container,
-    children: [/*#__PURE__*/_jsx(ScrollView, {
-      ref: tabScrollViewRef,
-      horizontal: true,
-      showsHorizontalScrollIndicator: false,
-      contentContainerStyle: styles.scrollContent,
-      onLayout: e => {
-        tabViewportWidth.current = e.nativeEvent.layout.width;
-        tryInit();
-      },
-      onContentSizeChange: width => {
-        tabContentWidth.current = width;
-        tryInit();
-      },
-      onScroll: e => {
-        tabScrollOffset.current = clampScroll(e.nativeEvent.contentOffset.x);
-        if (!isSwitching.current) syncUnderlineToActiveTab();
-      },
-      scrollEventThrottle: 16,
-      children: tabs.map((tab, index) => /*#__PURE__*/_jsx(TouchableOpacity, {
-        style: styles.tab,
-        onPress: () => handleSelectTab(index),
-        activeOpacity: 0.7,
-        onLayout: e => {
-          const {
-            x,
-            width
-          } = e.nativeEvent.layout;
-          tabLayouts.current[index] = {
-            x,
-            width
-          };
-          if (index === activeIndex) tryInit();
-        },
-        children: /*#__PURE__*/_jsx(Text, {
-          style: [styles.tabText, activeIndex === index && styles.activeTabText],
-          numberOfLines: 1,
-          children: tab.label
-        })
-      }, tab.id))
-    }), /*#__PURE__*/_jsx(Animated.View, {
-      style: [styles.underline, {
-        width: underlineWidth,
-        transform: [{
-          translateX: underlineTranslateX
-        }]
-      }]
-    })]
-  });
-}
-const styles = StyleSheet.create({
-  container: {
-    backgroundColor: Colors.surface,
-    borderBottomWidth: StyleSheet.hairlineWidth,
-    borderBottomColor: Colors.border
-  },
-  scrollContent: {
-    paddingHorizontal: 20,
-    flexDirection: 'row'
-  },
-  tab: {
-    paddingVertical: 10,
-    paddingHorizontal: 14,
-    marginRight: 8
-  },
-  tabText: {
-    fontSize: 14,
-    fontWeight: '500',
-    color: Colors.textLight
-  },
-  activeTabText: {
-    color: Colors.primary,
-    fontWeight: '600'
-  },
-  underline: {
-    position: 'absolute',
-    bottom: 0,
-    left: 0,
-    height: 2.5,
-    borderRadius: 1.25,
-    backgroundColor: Colors.primary
-  }
-});
-//# sourceMappingURL=FeatureTabBar.js.map

package/lib/module/ui/panel/FeatureTabBar.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useCallback","useEffect","useRef","useState","View","Text","StyleSheet","Animated","ScrollView","TouchableOpacity","Colors","jsx","_jsx","jsxs","_jsxs","FeatureTabBar","tabs","activeIndex","onSelectTab","underlineWidth","setUnderlineWidth","underlineTranslateX","Value","current","tabScrollViewRef","tabLayouts","tabScrollOffset","tabViewportWidth","tabContentWidth","underlineInit","isSwitching","maxTabScroll","Math","max","clampScroll","offset","min","getTabScrollTarget","index","layout","x","animateUnderline","scrollOffset","offsetX","width","spring","toValue","friction","tension","useNativeDriver","start","syncUnderlineToActiveTab","clamped","setValue","tryInit","target","scrollTo","animated","handleSelectTab","setTimeout","style","styles","container","children","ref","horizontal","showsHorizontalScrollIndicator","contentContainerStyle","scrollContent","onLayout","e","nativeEvent","onContentSizeChange","onScroll","contentOffset","scrollEventThrottle","map","tab","onPress","activeOpacity","tabText","activeTabText","numberOfLines","label","id","underline","transform","translateX","create","backgroundColor","surface","borderBottomWidth","hairlineWidth","borderBottomColor","border","paddingHorizontal","flexDirection","paddingVertical","marginRight","fontSize","fontWeight","color","textLight","primary","position","bottom","left","height","borderRadius"],"sourceRoot":"../../../../src","sources":["ui/panel/FeatureTabBar.tsx"],"mappings":"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","ignoreList":[]}

package/lib/typescript/src/ui/panel/FeatureTabBar.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-export interface TabItem {
-    id: string;
-    label: string;
-}
-interface FeatureTabBarProps {
-    tabs: TabItem[];
-    activeIndex: number;
-    onSelectTab: (index: number) => void;
-}
-export declare function FeatureTabBar({ tabs, activeIndex, onSelectTab }: FeatureTabBarProps): React.JSX.Element;
-export {};
-//# sourceMappingURL=FeatureTabBar.d.ts.map

package/lib/typescript/src/ui/panel/FeatureTabBar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FeatureTabBar.d.ts","sourceRoot":"","sources":["../../../../../src/ui/panel/FeatureTabBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAWxE,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,kBAAkB;IAC1B,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAED,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,EAAE,kBAAkB,qBAmJnF"}

package/src/ui/panel/FeatureTabBar.tsx

@@ -1,204 +0,0 @@
-import React, { useCallback, useEffect, useRef, useState } from 'react';
-import {
-  View,
-  Text,
-  StyleSheet,
-  Animated,
-  ScrollView,
-  TouchableOpacity,
-} from 'react-native';
-import { Colors } from '../theme/colors';
-
-export interface TabItem {
-  id: string;
-  label: string;
-}
-
-interface FeatureTabBarProps {
-  tabs: TabItem[];
-  activeIndex: number;
-  onSelectTab: (index: number) => void;
-}
-
-export function FeatureTabBar({ tabs, activeIndex, onSelectTab }: FeatureTabBarProps) {
-  const [underlineWidth, setUnderlineWidth] = useState(0);
-  const underlineTranslateX = useRef(new Animated.Value(0)).current;
-  const tabScrollViewRef = useRef<ScrollView>(null);
-  const tabLayouts = useRef<Array<{ x: number; width: number }>>([]);
-  const tabScrollOffset = useRef(0);
-  const tabViewportWidth = useRef(0);
-  const tabContentWidth = useRef(0);
-  const underlineInit = useRef(false);
-  const isSwitching = useRef(false);
-
-  const maxTabScroll = useCallback(
-    () => Math.max(0, tabContentWidth.current - tabViewportWidth.current),
-    [],
-  );
-  const clampScroll = useCallback(
-    (offset: number) => Math.min(Math.max(0, offset), maxTabScroll()),
-    [maxTabScroll],
-  );
-  const getTabScrollTarget = useCallback(
-    (index: number) => {
-      const layout = tabLayouts.current[index];
-      return layout ? clampScroll(layout.x - 60) : clampScroll(tabScrollOffset.current);
-    },
-    [clampScroll],
-  );
-
-  const animateUnderline = useCallback(
-    (index: number, scrollOffset?: number) => {
-      const layout = tabLayouts.current[index];
-      if (!layout) return;
-      const offsetX = clampScroll(scrollOffset ?? tabScrollOffset.current);
-      setUnderlineWidth(layout.width);
-      Animated.spring(underlineTranslateX, {
-        toValue: layout.x - offsetX,
-        friction: 7,
-        tension: 50,
-        useNativeDriver: true,
-      }).start();
-    },
-    [clampScroll, underlineTranslateX],
-  );
-
-  const syncUnderlineToActiveTab = useCallback(() => {
-    const layout = tabLayouts.current[activeIndex];
-    if (!layout) return;
-    const clamped = clampScroll(tabScrollOffset.current);
-    if (clamped !== tabScrollOffset.current) tabScrollOffset.current = clamped;
-    underlineTranslateX.setValue(layout.x - clamped);
-    setUnderlineWidth(layout.width);
-  }, [activeIndex, clampScroll, underlineTranslateX]);
-
-  const tryInit = useCallback(() => {
-    if (underlineInit.current || tabViewportWidth.current <= 0 || tabContentWidth.current <= 0)
-      return;
-    const layout = tabLayouts.current[activeIndex];
-    if (!layout) return;
-    const target = getTabScrollTarget(activeIndex);
-    tabScrollOffset.current = target;
-    tabScrollViewRef.current?.scrollTo({ x: target, animated: false });
-    underlineTranslateX.setValue(layout.x - target);
-    setUnderlineWidth(layout.width);
-    underlineInit.current = true;
-  }, [activeIndex, getTabScrollTarget, underlineTranslateX]);
-
-  const handleSelectTab = useCallback(
-    (index: number) => {
-      if (isSwitching.current || index === activeIndex) return;
-      isSwitching.current = true;
-
-      const layout = tabLayouts.current[index];
-      if (layout) {
-        const target = getTabScrollTarget(index);
-        tabScrollOffset.current = target;
-        tabScrollViewRef.current?.scrollTo({ x: target, animated: true });
-        animateUnderline(index, target);
-      }
-
-      onSelectTab(index);
-      setTimeout(() => {
-        isSwitching.current = false;
-      }, 350);
-    },
-    [activeIndex, animateUnderline, getTabScrollTarget, onSelectTab],
-  );
-
-  // React to external activeIndex changes (e.g. swipe-to-switch)
-  useEffect(() => {
-    if (!underlineInit.current) return;
-    const layout = tabLayouts.current[activeIndex];
-    if (!layout) return;
-    const target = getTabScrollTarget(activeIndex);
-    tabScrollOffset.current = target;
-    tabScrollViewRef.current?.scrollTo({ x: target, animated: true });
-    animateUnderline(activeIndex, target);
-  }, [activeIndex, animateUnderline, getTabScrollTarget]);
-
-  return (
-    <View style={styles.container}>
-      <ScrollView
-        ref={tabScrollViewRef}
-        horizontal
-        showsHorizontalScrollIndicator={false}
-        contentContainerStyle={styles.scrollContent}
-        onLayout={(e) => {
-          tabViewportWidth.current = e.nativeEvent.layout.width;
-          tryInit();
-        }}
-        onContentSizeChange={(width) => {
-          tabContentWidth.current = width;
-          tryInit();
-        }}
-        onScroll={(e) => {
-          tabScrollOffset.current = clampScroll(e.nativeEvent.contentOffset.x);
-          if (!isSwitching.current) syncUnderlineToActiveTab();
-        }}
-        scrollEventThrottle={16}
-      >
-        {tabs.map((tab, index) => (
-          <TouchableOpacity
-            key={tab.id}
-            style={styles.tab}
-            onPress={() => handleSelectTab(index)}
-            activeOpacity={0.7}
-            onLayout={(e) => {
-              const { x, width } = e.nativeEvent.layout;
-              tabLayouts.current[index] = { x, width };
-              if (index === activeIndex) tryInit();
-            }}
-          >
-            <Text
-              style={[styles.tabText, activeIndex === index && styles.activeTabText]}
-              numberOfLines={1}
-            >
-              {tab.label}
-            </Text>
-          </TouchableOpacity>
-        ))}
-      </ScrollView>
-      <Animated.View
-        style={[
-          styles.underline,
-          { width: underlineWidth, transform: [{ translateX: underlineTranslateX }] },
-        ]}
-      />
-    </View>
-  );
-}
-
-const styles = StyleSheet.create({
-  container: {
-    backgroundColor: Colors.surface,
-    borderBottomWidth: StyleSheet.hairlineWidth,
-    borderBottomColor: Colors.border,
-  },
-  scrollContent: {
-    paddingHorizontal: 20,
-    flexDirection: 'row',
-  },
-  tab: {
-    paddingVertical: 10,
-    paddingHorizontal: 14,
-    marginRight: 8,
-  },
-  tabText: {
-    fontSize: 14,
-    fontWeight: '500',
-    color: Colors.textLight,
-  },
-  activeTabText: {
-    color: Colors.primary,
-    fontWeight: '600',
-  },
-  underline: {
-    position: 'absolute',
-    bottom: 0,
-    left: 0,
-    height: 2.5,
-    borderRadius: 1.25,
-    backgroundColor: Colors.primary,
-  },
-});