fix: resolve import errors and add missing api hooks

- Create constants.ts for RECORD_A_MEETING_URL
- Add api-types.ts for backward compatible type exports
- Update all imports from deleted api folder to new locations
- Add missing React Query hooks for rooms and zulip operations
- Create useApi compatibility layer for unmigrated components

www/app/(app)/browse/_components/FilterSidebar.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import { Box, Stack, Link, Heading } from "@chakra-ui/react";
 import NextLink from "next/link";
-import { Room, SourceKind } from "../../../api";
+import { Room, SourceKind } from "../../../lib/api-types";
 
 interface FilterSidebarProps {
   rooms: Room[];

www/app/(app)/browse/_components/TranscriptCards.tsx

@@ -18,7 +18,7 @@ import {
   highlightMatches,
   generateTextFragment,
 } from "../../../lib/textHighlight";
-import { SearchResult } from "../../../api";
+import { SearchResult } from "../../../lib/api-types";
 
 interface TranscriptCardsProps {
   results: SearchResult[];

www/app/(app)/browse/page.tsx

@@ -20,7 +20,12 @@ import {
 } from "nuqs";
 import { LuX } from "react-icons/lu";
 import useSessionUser from "../../lib/useSessionUser";
-import { Room, SourceKind, SearchResult, $SourceKind } from "../../api";
+import {
+  Room,
+  SourceKind,
+  SearchResult,
+  $SourceKind,
+} from "../../lib/api-types";
 import {
   useRoomsList,
   useTranscriptsSearch,
@@ -38,7 +43,7 @@ import Pagination, {
 import TranscriptCards from "./_components/TranscriptCards";
 import DeleteTranscriptDialog from "./_components/DeleteTranscriptDialog";
 import { formatLocalDate } from "../../lib/time";
-import { RECORD_A_MEETING_URL } from "../../api/urls";
+import { RECORD_A_MEETING_URL } from "../../lib/constants";
 
 const SEARCH_FORM_QUERY_INPUT_NAME = "query" as const;
 

www/app/(app)/layout.tsx

@@ -5,7 +5,7 @@ import Image from "next/image";
 import About from "../(aboutAndPrivacy)/about";
 import Privacy from "../(aboutAndPrivacy)/privacy";
 import UserInfo from "../(auth)/userInfo";
-import { RECORD_A_MEETING_URL } from "../api/urls";
+import { RECORD_A_MEETING_URL } from "../lib/constants";
 
 export default async function AppLayout({
   children,

www/app/(app)/rooms/_components/RoomCards.tsx

@@ -12,7 +12,7 @@ import {
   HStack,
 } from "@chakra-ui/react";
 import { LuLink } from "react-icons/lu";
-import { Room } from "../../../api";
+import { Room } from "../../../lib/api-types";
 import { RoomActionsMenu } from "./RoomActionsMenu";
 
 interface RoomCardsProps {

www/app/(app)/rooms/_components/RoomList.tsx

@@ -1,5 +1,5 @@
 import { Box, Heading, Text, VStack } from "@chakra-ui/react";
-import { Room } from "../../../api";
+import { Room } from "../../../lib/api-types";
 import { RoomTable } from "./RoomTable";
 import { RoomCards } from "./RoomCards";
 

www/app/(app)/rooms/_components/RoomTable.tsx

@@ -9,7 +9,7 @@ import {
   Spinner,
 } from "@chakra-ui/react";
 import { LuLink } from "react-icons/lu";
-import { Room } from "../../../api";
+import { Room } from "../../../lib/api-types";
 import { RoomActionsMenu } from "./RoomActionsMenu";
 
 interface RoomTableProps {

www/app/(app)/rooms/page.tsx

@@ -17,7 +17,7 @@ import {
 import { useEffect, useState } from "react";
 import useApi from "../../lib/useApi";
 import useRoomList from "./useRoomList";
-import { ApiError, Room } from "../../api";
+import { ApiError, Room } from "../../lib/api-types";
 import { RoomList } from "./_components/RoomList";
 import { PaginationPage } from "../browse/_components/Pagination";
 

www/app/(app)/rooms/useRoomList.tsx

@@ -1,5 +1,5 @@
 import { useRoomsList } from "../../lib/api-hooks";
-import { Page_Room_ } from "../../api";
+import { Page_Room_ } from "../../lib/api-types";
 import { PaginationPage } from "../browse/_components/Pagination";
 
 type RoomList = {

www/app/(app)/transcripts/[transcriptId]/finalSummary.tsx

@@ -6,7 +6,7 @@ import {
   GetTranscript,
   GetTranscriptTopic,
   UpdateTranscript,
-} from "../../../api";
+} from "../../../lib/api-types";
 import useApi from "../../../lib/useApi";
 import {
   Flex,

www/app/(app)/transcripts/createTranscript.ts

@@ -1,7 +1,7 @@
 import { useEffect, useState } from "react";
 
 import { useError } from "../../(errors)/errorContext";
-import { CreateTranscript, GetTranscript } from "../../api";
+import { CreateTranscript, GetTranscript } from "../../lib/api-types";
 import useApi from "../../lib/useApi";
 
 type UseCreateTranscript = {

www/app/(app)/transcripts/player.tsx

@@ -5,7 +5,7 @@ import RegionsPlugin from "wavesurfer.js/dist/plugins/regions.esm.js";
 
 import { formatTime, formatTimeMs } from "../../lib/time";
 import { Topic } from "./webSocketTypes";
-import { AudioWaveform } from "../../api";
+import { AudioWaveform } from "../../lib/api-types";
 import { waveSurferStyles } from "../../styles/recorder";
 import { Box, Flex, IconButton } from "@chakra-ui/react";
 import { LuPause, LuPlay } from "react-icons/lu";

www/app/(app)/transcripts/recorder.tsx

@@ -11,7 +11,7 @@ import useWebRTC from "./useWebRTC";
 import useAudioDevice from "./useAudioDevice";
 import { Box, Flex, IconButton, Menu, RadioGroup } from "@chakra-ui/react";
 import { LuScreenShare, LuMic, LuPlay, LuCircleStop } from "react-icons/lu";
-import { RECORD_A_MEETING_URL } from "../../api/urls";
+import { RECORD_A_MEETING_URL } from "../../lib/constants";
 
 type RecorderProps = {
   transcriptId: string;

www/app/(app)/transcripts/shareAndPrivacy.tsx

@@ -2,7 +2,11 @@ import { useEffect, useState } from "react";
 import { featureEnabled } from "../../domainContext";
 
 import { ShareMode, toShareMode } from "../../lib/shareMode";
-import { GetTranscript, GetTranscriptTopic, UpdateTranscript } from "../../api";
+import {
+  GetTranscript,
+  GetTranscriptTopic,
+  UpdateTranscript,
+} from "../../lib/api-types";
 import {
   Box,
   Flex,

www/app/(app)/transcripts/shareCopy.tsx

@@ -1,5 +1,5 @@
 import { useState } from "react";
-import { GetTranscript, GetTranscriptTopic } from "../../api";
+import { GetTranscript, GetTranscriptTopic } from "../../lib/api-types";
 import { Button, BoxProps, Box } from "@chakra-ui/react";
 
 type ShareCopyProps = {

www/app/(app)/transcripts/shareZulip.tsx

@@ -1,6 +1,6 @@
 import { useState, useEffect, useMemo } from "react";
 import { featureEnabled } from "../../domainContext";
-import { GetTranscript, GetTranscriptTopic } from "../../api";
+import { GetTranscript, GetTranscriptTopic } from "../../lib/api-types";
 import {
   BoxProps,
   Button,

www/app/(app)/transcripts/transcriptTitle.tsx

@@ -1,5 +1,5 @@
 import { useState } from "react";
-import { UpdateTranscript } from "../../api";
+import { UpdateTranscript } from "../../lib/api-types";
 import useApi from "../../lib/useApi";
 import { Heading, IconButton, Input, Flex, Spacer } from "@chakra-ui/react";
 import { LuPen } from "react-icons/lu";

www/app/(app)/transcripts/useParticipants.ts

@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react";
-import { Participant } from "../../api";
+import { Participant } from "../../lib/api-types";
 import { useError } from "../../(errors)/errorContext";
 import useApi from "../../lib/useApi";
 import { shouldShowError } from "../../lib/errorUtils";

www/app/(app)/transcripts/useSearchTranscripts.ts

@@ -1,5 +1,5 @@
 // Wrapper for backward compatibility
-import { SearchResult, SourceKind } from "../../api";
+import { SearchResult, SourceKind } from "../../lib/api-types";
 import { useTranscriptsSearch } from "../../lib/api-hooks";
 import {
   PaginationPage,

www/app/(app)/transcripts/useTopicWithWords.ts

@@ -1,6 +1,6 @@
 import { useEffect, useState } from "react";
 
-import { GetTranscriptTopicWithWordsPerSpeaker } from "../../api";
+import { GetTranscriptTopicWithWordsPerSpeaker } from "../../lib/api-types";
 import { useError } from "../../(errors)/errorContext";
 import useApi from "../../lib/useApi";
 import { shouldShowError } from "../../lib/errorUtils";

www/app/(app)/transcripts/useTopics.ts

@@ -4,7 +4,7 @@ import { useError } from "../../(errors)/errorContext";
 import { Topic } from "./webSocketTypes";
 import useApi from "../../lib/useApi";
 import { shouldShowError } from "../../lib/errorUtils";
-import { GetTranscriptTopic } from "../../api";
+import { GetTranscriptTopic } from "../../lib/api-types";
 
 type TranscriptTopics = {
   topics: GetTranscriptTopic[] | null;

www/app/(app)/transcripts/useTranscript.ts

@@ -1,4 +1,4 @@
-import { GetTranscript } from "../../api";
+import { GetTranscript } from "../../lib/api-types";
 import { useTranscriptGet } from "../../lib/api-hooks";
 
 type ErrorTranscript = {

www/app/(app)/transcripts/useWaveform.ts

@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react";
-import { AudioWaveform } from "../../api";
+import { AudioWaveform } from "../../lib/api-types";
 import { useError } from "../../(errors)/errorContext";
 import useApi from "../../lib/useApi";
 import { shouldShowError } from "../../lib/errorUtils";

www/app/(app)/transcripts/useWebRTC.ts

@@ -2,7 +2,7 @@ import { useEffect, useState } from "react";
 import Peer from "simple-peer";
 import { useError } from "../../(errors)/errorContext";
 import useApi from "../../lib/useApi";
-import { RtcOffer } from "../../api";
+import { RtcOffer } from "../../lib/api-types";
 
 const useWebRTC = (
   stream: MediaStream | null,

www/app/(app)/transcripts/useWebSockets.ts

@@ -2,7 +2,7 @@ import { useContext, useEffect, useState } from "react";
 import { Topic, FinalSummary, Status } from "./webSocketTypes";
 import { useError } from "../../(errors)/errorContext";
 import { DomainContext } from "../../domainContext";
-import { AudioWaveform, GetTranscriptSegmentTopic } from "../../api";
+import { AudioWaveform, GetTranscriptSegmentTopic } from "../../lib/api-types";
 import useApi from "../../lib/useApi";
 
 export type UseWebSockets = {

www/app/(app)/transcripts/webSocketTypes.ts

@@ -1,4 +1,4 @@
-import { GetTranscriptTopic } from "../../api";
+import { GetTranscriptTopic } from "../../lib/api-types";
 
 export type Topic = GetTranscriptTopic;