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;
 

www/app/[roomName]/page.tsx

@@ -24,7 +24,7 @@ import { notFound } from "next/navigation";
 import useSessionStatus from "../lib/useSessionStatus";
 import { useRecordingConsent } from "../recordingConsentContext";
 import useApi from "../lib/useApi";
-import { Meeting } from "../api";
+import { Meeting } from "../lib/api-types";
 import { FaBars } from "react-icons/fa6";
 
 export type RoomDetails = {

www/app/[roomName]/useRoomMeeting.tsx

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

www/app/lib/api-hooks.ts

@@ -108,3 +108,88 @@ export function useTranscriptGet(transcriptId: string | null) {
     },
   );
 }
+
+// Rooms mutations
+export function useRoomCreate() {
+  const { setError } = useError();
+  const queryClient = useQueryClient();
+
+  return $api.useMutation("post", "/v1/rooms", {
+    onSuccess: () => {
+      queryClient.invalidateQueries({
+        queryKey: $api.queryOptions("get", "/v1/rooms").queryKey,
+      });
+    },
+    onError: (error) => {
+      setError(error as Error, "There was an error creating the room");
+    },
+  });
+}
+
+export function useRoomUpdate() {
+  const { setError } = useError();
+  const queryClient = useQueryClient();
+
+  return $api.useMutation("patch", "/v1/rooms/{room_id}", {
+    onSuccess: () => {
+      queryClient.invalidateQueries({
+        queryKey: $api.queryOptions("get", "/v1/rooms").queryKey,
+      });
+    },
+    onError: (error) => {
+      setError(error as Error, "There was an error updating the room");
+    },
+  });
+}
+
+export function useRoomDelete() {
+  const { setError } = useError();
+  const queryClient = useQueryClient();
+
+  return $api.useMutation("delete", "/v1/rooms/{room_id}", {
+    onSuccess: () => {
+      queryClient.invalidateQueries({
+        queryKey: $api.queryOptions("get", "/v1/rooms").queryKey,
+      });
+    },
+    onError: (error) => {
+      setError(error as Error, "There was an error deleting the room");
+    },
+  });
+}
+
+// Zulip hooks
+export function useZulipStreams() {
+  const { setError } = useError();
+
+  return $api.useQuery(
+    "get",
+    "/v1/zulip/get-streams",
+    {},
+    {
+      onError: (error) => {
+        setError(error as Error, "There was an error fetching Zulip streams");
+      },
+    },
+  );
+}
+
+export function useZulipTopics(streamId: number | null) {
+  const { setError } = useError();
+
+  return $api.useQuery(
+    "get",
+    "/v1/zulip/get-topics",
+    {
+      params: {
+        query: { stream_id: streamId || 0 },
+      },
+    },
+    {
+      enabled: !!streamId,
+      onError: (error) => {
+        setError(error as Error, "There was an error fetching Zulip topics");
+      },
+    },
+  );
+}

www/app/lib/api-types.ts

@@ -0,0 +1,28 @@
+// Re-export types from generated OpenAPI schema for backward compatibility
+import type { components } from "../reflector-api";
+
+// Export types with their original names
+export type Room = components["schemas"]["Room"];
+export type Meeting = components["schemas"]["Meeting"];
+export type SourceKind = components["schemas"]["SourceKind"];
+export type SearchResult = components["schemas"]["SearchResult"];
+export type GetTranscript = components["schemas"]["GetTranscript"];
+export type GetTranscriptTopic = components["schemas"]["GetTranscriptTopic"];
+export type UpdateTranscript = components["schemas"]["UpdateTranscript"];
+export type AudioWaveform = components["schemas"]["AudioWaveform"];
+export type Participant = components["schemas"]["Participant"];
+export type CreateTranscript = components["schemas"]["CreateTranscript"];
+export type RtcOffer = components["schemas"]["RtcOffer"];
+export type GetTranscriptSegmentTopic =
+  components["schemas"]["GetTranscriptSegmentTopic"];
+export type Page_Room_ = components["schemas"]["Page_Room_"];
+export type ApiError = components["schemas"]["ApiError"];
+export type GetTranscriptTopicWithWordsPerSpeaker =
+  components["schemas"]["GetTranscriptTopicWithWordsPerSpeaker"];
+export type GetTranscriptMinimal =
+  components["schemas"]["GetTranscriptMinimal"];
+
+// Export any enums or constants that were in the old API
+export const $SourceKind = {
+  values: ["SINGLE", "CALL", "WHEREBY", "UPLOAD"] as const,
+} as const;

www/app/lib/constants.ts

@@ -0,0 +1,2 @@
+// Application-wide constants
+export const RECORD_A_MEETING_URL = "/transcripts/new" as const;

www/app/lib/useApi.ts

@@ -0,0 +1,13 @@
+// Compatibility layer for direct API client usage
+// Prefer using React Query hooks from api-hooks.ts instead
+
+import { client } from "./apiClient";
+
+// Returns the configured client for direct API calls
+// This is a minimal compatibility layer for components that haven't been fully migrated
+export default function useApi() {
+  return client;
+}
+
+// Export the client directly for non-hook contexts
+export { client };

www/app/page.tsx

@@ -1,6 +1,6 @@
 "use client";
 import { redirect } from "next/navigation";
-import { RECORD_A_MEETING_URL } from "./api/urls";
+import { RECORD_A_MEETING_URL } from "./lib/constants";
 
 export default function Index() {
   redirect(RECORD_A_MEETING_URL);