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)/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;