feat: unify workspace routing through tab-based URLs and remove legacy per-type routes

packages/app/src/screens/workspace/use-workspace-tab-layout.ts

@@ -1,5 +1,5 @@
-import { useCallback, useMemo, useState } from "react";
-import type { LayoutChangeEvent } from "react-native";
+import { useMemo } from "react";
+import { useWindowDimensions } from "react-native";
 import {
   computeWorkspaceTabLayout,
   type WorkspaceTabLayoutResult,
@@ -8,6 +8,8 @@ import {
 type UseWorkspaceTabLayoutInput = {
   tabLabels: string[];
   metrics: {
+    rowHorizontalInset: number;
+    actionsReservedWidth: number;
     rowPaddingHorizontal: number;
     tabGap: number;
     maxTabWidth: number;
@@ -20,36 +22,22 @@ type UseWorkspaceTabLayoutInput = {
 
 type UseWorkspaceTabLayoutResult = {
   layout: WorkspaceTabLayoutResult;
-  onContainerLayout: (event: LayoutChangeEvent) => void;
-  onActionsLayout: (event: LayoutChangeEvent) => void;
 };
 
 export function useWorkspaceTabLayout(input: UseWorkspaceTabLayoutInput): UseWorkspaceTabLayoutResult {
-  const [containerWidth, setContainerWidth] = useState(0);
-  const [actionsWidth, setActionsWidth] = useState(0);
-
-  const onContainerLayout = useCallback((event: LayoutChangeEvent) => {
-    setContainerWidth(event.nativeEvent.layout.width);
-  }, []);
-
-  const onActionsLayout = useCallback((event: LayoutChangeEvent) => {
-    setActionsWidth(event.nativeEvent.layout.width);
-  }, []);
+  const { width: viewportWidth } = useWindowDimensions();
 
   const layout = useMemo(
     () =>
       computeWorkspaceTabLayout({
-        containerWidth,
-        actionsWidth,
+        viewportWidth,
         tabLabelLengths: input.tabLabels.map((label) => label.length),
         metrics: input.metrics,
       }),
-    [actionsWidth, containerWidth, input.metrics, input.tabLabels]
+    [input.metrics, input.tabLabels, viewportWidth]
   );
 
   return {
     layout,
-    onContainerLayout,
-    onActionsLayout,
   };
 }