import type {  EnvironmentId,  SidebarProjectGroupingMode,  SidebarThreadSortOrder,} from "@t3tools/contracts";import {  DEFAULT_SIDEBAR_PROJECT_GROUPING_MODE,  DEFAULT_SIDEBAR_PROJECT_SORT_ORDER,  DEFAULT_SIDEBAR_THREAD_SORT_ORDER,} from "@t3tools/contracts";import * as Arr from "effect/Array";import * as Order from "effect/Order";import { useRouter } from "expo-router";import { useCallback, useMemo, useState } from "react"; import { useProjects, useThreadShells } from "../state/entities";import { useWorkspaceState } from "../state/workspace";import { buildThreadRoutePath } from "../lib/routes";import { useSavedRemoteConnections } from "../state/use-remote-environment-registry";import { HomeScreen } from "../features/home/HomeScreen";import { HomeHeader } from "../features/home/HomeHeader";import type { HomeProjectSortOrder } from "../features/home/homeThreadList";import { useThreadListActions } from "../features/home/useThreadListActions"; interface HomeListOptions {  readonly selectedEnvironmentId: EnvironmentId | null;  readonly projectSortOrder: HomeProjectSortOrder;  readonly threadSortOrder: SidebarThreadSortOrder;  readonly projectGroupingMode: SidebarProjectGroupingMode;} /* ─── Route screen ───────────────────────────────────────────────────── */ export default function HomeRouteScreen() {  const projects = useProjects();  const threads = useThreadShells();  const { state: catalogState } = useWorkspaceState();  const { savedConnectionsById } = useSavedRemoteConnections();  const router = useRouter();  const [searchQuery, setSearchQuery] = useState("");  const [listOptions, setListOptions] = useState<HomeListOptions>({    selectedEnvironmentId: null,    projectSortOrder:      DEFAULT_SIDEBAR_PROJECT_SORT_ORDER === "manual"        ? "updated_at"        : DEFAULT_SIDEBAR_PROJECT_SORT_ORDER,    threadSortOrder: DEFAULT_SIDEBAR_THREAD_SORT_ORDER,    projectGroupingMode: DEFAULT_SIDEBAR_PROJECT_GROUPING_MODE,  });  const { archiveThread, confirmDeleteThread } = useThreadListActions();  const environments = useMemo(    () =>      Arr.sort(        Object.values(savedConnectionsById).map((connection) => ({          environmentId: connection.environmentId,          label: connection.environmentLabel,        })),        Order.mapInput(          Order.String,          (environment: { readonly label: string }) => environment.label,        ),      ),    [savedConnectionsById],  );  const selectedEnvironmentId = environments.some(    (environment) => environment.environmentId === listOptions.selectedEnvironmentId,  )    ? listOptions.selectedEnvironmentId    : null;  const setSelectedEnvironmentId = useCallback((environmentId: EnvironmentId | null) => {    setListOptions((current) => ({ ...current, selectedEnvironmentId: environmentId }));  }, []);  const setProjectSortOrder = useCallback((projectSortOrder: HomeProjectSortOrder) => {    setListOptions((current) => ({ ...current, projectSortOrder }));  }, []);  const setThreadSortOrder = useCallback((threadSortOrder: SidebarThreadSortOrder) => {    setListOptions((current) => ({ ...current, threadSortOrder }));  }, []);  const setProjectGroupingMode = useCallback((projectGroupingMode: SidebarProjectGroupingMode) => {    setListOptions((current) => ({ ...current, projectGroupingMode }));  }, []);   return (    <>      <HomeHeader        environments={environments}        selectedEnvironmentId={selectedEnvironmentId}        projectSortOrder={listOptions.projectSortOrder}        threadSortOrder={listOptions.threadSortOrder}        projectGroupingMode={listOptions.projectGroupingMode}        onEnvironmentChange={setSelectedEnvironmentId}        onOpenSettings={() => router.push("/settings")}        onProjectGroupingModeChange={setProjectGroupingMode}        onProjectSortOrderChange={setProjectSortOrder}        onSearchQueryChange={setSearchQuery}        onStartNewTask={() => router.push("/new")}        onThreadSortOrderChange={setThreadSortOrder}      />       <HomeScreen        catalogState={catalogState}        onAddConnection={() => router.push("/connections/new")}        onArchiveThread={archiveThread}        onDeleteThread={confirmDeleteThread}        onOpenEnvironments={() => router.push("/settings/environments")}        onSelectThread={(thread) => {          router.push(buildThreadRoutePath(thread));        }}        projectGroupingMode={listOptions.projectGroupingMode}        projects={projects}        projectSortOrder={listOptions.projectSortOrder}        savedConnectionsById={savedConnectionsById}        searchQuery={searchQuery}        selectedEnvironmentId={selectedEnvironmentId}        threads={threads}        threadSortOrder={listOptions.threadSortOrder}      />    </>  );}